analytica-frontend-lib 1.2.51 → 1.2.52

package/dist/index.mjs

@@ -4985,6 +4985,11 @@ var Toaster = () => {
     toast.id
   )) });
 };
+var useToast = () => {
+  const addToast = ToastStore_default((state) => state.addToast);
+  const removeToast = ToastStore_default((state) => state.removeToast);
+  return { addToast, removeToast };
+};
 var Toaster_default = Toaster;
 
 // src/components/Search/Search.tsx
@@ -22421,26 +22426,26 @@ var SendActivityModal_default = SendActivityModal;
 import { useState as useState44, useCallback as useCallback20, useMemo as useMemo25, useRef as useRef25 } from "react";
 import { Plus as Plus3, CaretRight as CaretRight10, Trash as Trash2, PencilSimple as PencilSimple2 } from "phosphor-react";
 
-// src/types/recommendedLessons.ts
-var GoalApiStatus = /* @__PURE__ */ ((GoalApiStatus3) => {
-  GoalApiStatus3["A_VENCER"] = "A_VENCER";
-  GoalApiStatus3["VENCIDA"] = "VENCIDA";
-  GoalApiStatus3["CONCLUIDA"] = "CONCLUIDA";
-  return GoalApiStatus3;
-})(GoalApiStatus || {});
-var GoalDisplayStatus = /* @__PURE__ */ ((GoalDisplayStatus3) => {
-  GoalDisplayStatus3["ATIVA"] = "ATIVA";
-  GoalDisplayStatus3["VENCIDA"] = "VENCIDA";
-  GoalDisplayStatus3["CONCLUIDA"] = "CONCLU\xCDDA";
-  return GoalDisplayStatus3;
-})(GoalDisplayStatus || {});
-var GoalBadgeActionType = /* @__PURE__ */ ((GoalBadgeActionType2) => {
-  GoalBadgeActionType2["SUCCESS"] = "success";
-  GoalBadgeActionType2["WARNING"] = "warning";
-  GoalBadgeActionType2["ERROR"] = "error";
-  return GoalBadgeActionType2;
-})(GoalBadgeActionType || {});
-var getGoalStatusBadgeAction = (status) => {
+// src/types/common.ts
+var GenericApiStatus = /* @__PURE__ */ ((GenericApiStatus2) => {
+  GenericApiStatus2["A_VENCER"] = "A_VENCER";
+  GenericApiStatus2["VENCIDA"] = "VENCIDA";
+  GenericApiStatus2["CONCLUIDA"] = "CONCLUIDA";
+  return GenericApiStatus2;
+})(GenericApiStatus || {});
+var GenericDisplayStatus = /* @__PURE__ */ ((GenericDisplayStatus4) => {
+  GenericDisplayStatus4["ATIVA"] = "ATIVA";
+  GenericDisplayStatus4["VENCIDA"] = "VENCIDA";
+  GenericDisplayStatus4["CONCLUIDA"] = "CONCLU\xCDDA";
+  return GenericDisplayStatus4;
+})(GenericDisplayStatus || {});
+var BadgeActionType = /* @__PURE__ */ ((BadgeActionType4) => {
+  BadgeActionType4["SUCCESS"] = "success";
+  BadgeActionType4["WARNING"] = "warning";
+  BadgeActionType4["ERROR"] = "error";
+  return BadgeActionType4;
+})(BadgeActionType || {});
+var getStatusBadgeAction2 = (status) => {
   const actionMap = {
     ["CONCLU\xCDDA" /* CONCLUIDA */]: "success" /* SUCCESS */,
     ["ATIVA" /* ATIVA */]: "warning" /* WARNING */,
@@ -22448,6 +22453,17 @@ var getGoalStatusBadgeAction = (status) => {
   };
   return actionMap[status] ?? "warning" /* WARNING */;
 };
+var mapApiStatusToDisplay = (apiStatus) => {
+  const statusMap = {
+    ["A_VENCER" /* A_VENCER */]: "ATIVA" /* ATIVA */,
+    ["VENCIDA" /* VENCIDA */]: "VENCIDA" /* VENCIDA */,
+    ["CONCLUIDA" /* CONCLUIDA */]: "CONCLU\xCDDA" /* CONCLUIDA */
+  };
+  return statusMap[apiStatus];
+};
+
+// src/types/recommendedLessons.ts
+var getGoalStatusBadgeAction = (status) => getStatusBadgeAction2(status);
 var GOAL_FILTER_STATUS_OPTIONS = [
   { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
   { id: "A_VENCER" /* A_VENCER */, name: "Ativa" }
@@ -23997,13 +24013,1009 @@ var createUseRecommendedLessonDetails = (apiClient) => {
   };
 };
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+import { useState as useState49 } from "react";
+
+// src/components/ActivitiesHistory/tabs/HistoryTab.tsx
+import { useCallback as useCallback24, useMemo as useMemo28, useRef as useRef26 } from "react";
+import { Plus as Plus4 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/components/ErrorDisplay.tsx
+import { jsx as jsx95 } from "react/jsx-runtime";
+var ErrorDisplay = ({ error }) => /* @__PURE__ */ jsx95("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx95(Text_default, { size: "lg", color: "text-error-500", children: error }) });
+
+// src/components/ActivitiesHistory/config/historyTableColumns.tsx
+import { CaretRight as CaretRight11 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/utils/renderSubjectCell.tsx
+import { jsx as jsx96, jsxs as jsxs78 } from "react/jsx-runtime";
+var renderSubjectCell = (subjectName, mapSubjectNameToEnum, showEmptyDash = false) => {
+  if (!subjectName) {
+    return showEmptyDash ? /* @__PURE__ */ jsx96(Text_default, { size: "sm", color: "text-text-400", children: "-" }) : null;
+  }
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  if (!subjectEnum) {
+    return /* @__PURE__ */ jsx96(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+  }
+  const subjectInfo = getSubjectInfo(subjectEnum);
+  return /* @__PURE__ */ jsxs78("div", { className: "flex items-center gap-2", title: subjectName, children: [
+    /* @__PURE__ */ jsx96(
+      "span",
+      {
+        className: cn(
+          "w-[21px] h-[21px] flex items-center justify-center rounded-sm text-text-950 shrink-0",
+          subjectInfo.colorClass
+        ),
+        children: subjectInfo.icon
+      }
+    ),
+    /* @__PURE__ */ jsx96(Text_default, { size: "sm", className: "truncate", children: subjectName })
+  ] });
+};
+
+// src/components/ActivitiesHistory/utils/renderTruncatedText.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+var renderTruncatedText = (value) => {
+  const text = typeof value === "string" ? value : "";
+  return /* @__PURE__ */ jsx97(Text_default, { size: "sm", title: text, children: text });
+};
+
+// src/components/ActivitiesHistory/utils/filterBuilders.ts
+var isNonEmptyArray2 = (param) => Array.isArray(param) && param.length > 0;
+var isValidApiStatus = (value) => Object.values(GenericApiStatus).includes(value);
+var buildHistoryFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (isNonEmptyArray2(params.status) && isValidApiStatus(params.status[0])) {
+    filters.status = params.status[0];
+  }
+  if (isNonEmptyArray2(params.school)) {
+    filters.schoolId = params.school[0];
+  }
+  if (isNonEmptyArray2(params.subject)) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+var buildModelsFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (isNonEmptyArray2(params.subject)) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+
+// src/components/ActivitiesHistory/utils/filterOptions.ts
+var getSchoolOptions2 = (data) => {
+  if (!data?.schools) return [];
+  return data.schools.map((school) => ({
+    id: school.id,
+    name: school.name
+  }));
+};
+var getSubjectOptions2 = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+
+// src/types/activitiesHistory.ts
+var ActivityDraftType = /* @__PURE__ */ ((ActivityDraftType2) => {
+  ActivityDraftType2["MODELO"] = "MODELO";
+  ActivityDraftType2["RASCUNHO"] = "RASCUNHO";
+  return ActivityDraftType2;
+})(ActivityDraftType || {});
+var getActivityStatusBadgeAction = (status) => getStatusBadgeAction2(status);
+var ACTIVITY_FILTER_STATUS_OPTIONS = [
+  { id: "A_VENCER" /* A_VENCER */, name: "A Vencer" },
+  { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
+  { id: "CONCLUIDA" /* CONCLUIDA */, name: "Conclu\xEDda" }
+];
+var mapActivityStatusToDisplay = (apiStatus) => mapApiStatusToDisplay(apiStatus);
+
+// src/components/ActivitiesHistory/config/historyTableColumns.tsx
+import { jsx as jsx98 } from "react/jsx-runtime";
+var createHistoryTableColumns = (mapSubjectNameToEnum) => [
+  {
+    key: "startDate",
+    label: "In\xEDcio",
+    sortable: true
+  },
+  {
+    key: "deadline",
+    label: "Prazo",
+    sortable: true
+  },
+  {
+    key: "title",
+    label: "T\xEDtulo",
+    sortable: true,
+    className: "max-w-[200px] truncate",
+    render: renderTruncatedText
+  },
+  {
+    key: "school",
+    label: "Escola",
+    sortable: true,
+    className: "max-w-[150px] truncate",
+    render: renderTruncatedText
+  },
+  {
+    key: "year",
+    label: "Ano",
+    sortable: true
+  },
+  {
+    key: "subject",
+    label: "Mat\xE9ria",
+    sortable: true,
+    className: "max-w-[140px]",
+    render: (value) => {
+      const subjectName = typeof value === "string" ? value : "";
+      return renderSubjectCell(subjectName, mapSubjectNameToEnum, false);
+    }
+  },
+  {
+    key: "class",
+    label: "Turma",
+    sortable: true
+  },
+  {
+    key: "status",
+    label: "Status",
+    sortable: true,
+    render: (value) => {
+      const status = typeof value === "string" ? value : "";
+      if (!status) {
+        return /* @__PURE__ */ jsx98(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+      }
+      return /* @__PURE__ */ jsx98(
+        Badge_default,
+        {
+          variant: "solid",
+          action: getActivityStatusBadgeAction(status),
+          size: "small",
+          children: status
+        }
+      );
+    }
+  },
+  {
+    key: "completionPercentage",
+    label: "Conclus\xE3o",
+    sortable: true,
+    render: (value) => /* @__PURE__ */ jsx98(
+      ProgressBar_default,
+      {
+        value: Number(value),
+        variant: "blue",
+        size: "medium",
+        layout: "compact",
+        showPercentage: true,
+        compactWidth: "w-[100px]"
+      }
+    )
+  },
+  {
+    key: "navigation",
+    label: "",
+    sortable: false,
+    className: "w-12",
+    render: () => /* @__PURE__ */ jsx98("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx98(CaretRight11, { size: 20, className: "text-text-600" }) })
+  }
+];
+
+// src/components/ActivitiesHistory/config/historyFiltersConfig.ts
+var createHistoryFiltersConfig = (userData) => [
+  {
+    key: "status",
+    label: "STATUS",
+    categories: [
+      {
+        key: "status",
+        label: "Status da Atividade",
+        selectedIds: [],
+        itens: ACTIVITY_FILTER_STATUS_OPTIONS
+      }
+    ]
+  },
+  {
+    key: "academic",
+    label: "DADOS ACAD\xCAMICOS",
+    categories: [
+      {
+        key: "school",
+        label: "Escola",
+        selectedIds: [],
+        itens: getSchoolOptions2(userData)
+      }
+    ]
+  },
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useActivitiesHistory.ts
+import { useState as useState46, useCallback as useCallback23 } from "react";
+import { z as z6 } from "zod";
+import dayjs4 from "dayjs";
+
+// src/utils/hookErrorHandler.ts
+import { z as z5 } from "zod";
+var createFetchErrorHandler = (validationErrorMessage, genericErrorMessage) => (error) => {
+  if (error instanceof z5.ZodError) {
+    console.error(validationErrorMessage, error);
+    return validationErrorMessage;
+  }
+  console.error(genericErrorMessage, error);
+  return genericErrorMessage;
+};
+
+// src/hooks/useActivitiesHistory.ts
+var activityHistoryResponseSchema = z6.object({
+  id: z6.string().uuid(),
+  title: z6.string(),
+  startDate: z6.string().nullable(),
+  finalDate: z6.string().nullable(),
+  status: z6.nativeEnum(GenericApiStatus),
+  completionPercentage: z6.number().min(0).max(100),
+  subjectId: z6.string().uuid(),
+  schoolId: z6.string().optional(),
+  schoolName: z6.string().optional(),
+  year: z6.string().optional(),
+  className: z6.string().optional(),
+  subjectName: z6.string().optional()
+});
+var activitiesHistoryApiResponseSchema = z6.object({
+  message: z6.string(),
+  data: z6.object({
+    activities: z6.array(activityHistoryResponseSchema),
+    pagination: z6.object({
+      total: z6.number(),
+      page: z6.number(),
+      limit: z6.number(),
+      totalPages: z6.number()
+    })
+  })
+});
+var DEFAULT_ACTIVITIES_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var transformActivityToTableItem = (activity) => {
+  return {
+    id: activity.id,
+    startDate: activity.startDate ? dayjs4(activity.startDate).format("DD/MM") : "-",
+    deadline: activity.finalDate ? dayjs4(activity.finalDate).format("DD/MM") : "-",
+    title: activity.title,
+    school: activity.schoolName || "-",
+    year: activity.year || "-",
+    subject: activity.subjectName || "-",
+    class: activity.className || "-",
+    status: mapActivityStatusToDisplay(activity.status),
+    completionPercentage: activity.completionPercentage
+  };
+};
+var handleActivityFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de hist\xF3rico de atividades",
+  "Erro ao carregar hist\xF3rico de atividades"
+);
+var createUseActivitiesHistory = (fetchActivitiesHistory) => {
+  return () => {
+    const [state, setState] = useState46({
+      activities: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_ACTIVITIES_PAGINATION
+    });
+    const fetchActivities = useCallback23(
+      async (filters) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchActivitiesHistory(filters);
+          const validatedData = activitiesHistoryApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.activities.map(
+            transformActivityToTableItem
+          );
+          setState({
+            activities: tableItems,
+            loading: false,
+            error: null,
+            pagination: validatedData.data.pagination
+          });
+        } catch (error) {
+          const errorMessage = handleActivityFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchActivitiesHistory]
+    );
+    return {
+      ...state,
+      fetchActivities
+    };
+  };
+};
+var createActivitiesHistoryHook = createUseActivitiesHistory;
+
+// src/components/ActivitiesHistory/tabs/HistoryTab.tsx
+import { jsx as jsx99, jsxs as jsxs79 } from "react/jsx-runtime";
+var HistoryTab = ({
+  fetchActivitiesHistory,
+  onCreateActivity,
+  onRowClick,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData
+}) => {
+  const fetchActivitiesHistoryRef = useRef26(fetchActivitiesHistory);
+  fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
+  const useActivitiesHistory = useMemo28(
+    () => createUseActivitiesHistory(
+      (filters) => fetchActivitiesHistoryRef.current(filters)
+    ),
+    []
+  );
+  const {
+    activities,
+    loading,
+    error,
+    pagination,
+    fetchActivities
+  } = useActivitiesHistory();
+  const historyFilterConfigs = useMemo28(
+    () => createHistoryFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const historyTableColumns = useMemo28(
+    () => createHistoryTableColumns(mapSubjectNameToEnum),
+    [mapSubjectNameToEnum]
+  );
+  const handleParamsChange = useCallback24(
+    (params) => {
+      const filters = buildHistoryFiltersFromParams(params);
+      fetchActivities(filters);
+    },
+    [fetchActivities]
+  );
+  if (error) {
+    return /* @__PURE__ */ jsx99(ErrorDisplay, { error });
+  }
+  return /* @__PURE__ */ jsx99("div", { className: "w-full", children: /* @__PURE__ */ jsx99(
+    TableProvider,
+    {
+      data: activities,
+      headers: historyTableColumns,
+      loading,
+      variant: "borderless",
+      enableSearch: true,
+      enableFilters: true,
+      enableTableSort: true,
+      enablePagination: true,
+      enableRowClick: true,
+      initialFilters: historyFilterConfigs,
+      paginationConfig: {
+        itemLabel: "atividades",
+        itemsPerPageOptions: [10, 20, 50, 100],
+        defaultItemsPerPage: 10,
+        totalItems: pagination.total,
+        totalPages: pagination.totalPages
+      },
+      searchPlaceholder: "Buscar atividade",
+      noSearchResultState: {
+        image: noSearchImage
+      },
+      emptyState: {
+        component: /* @__PURE__ */ jsx99(
+          EmptyState_default,
+          {
+            image: emptyStateImage,
+            title: "Incentive sua turma ao aprendizado",
+            description: "Crie uma nova atividade e ajude seus alunos a colocarem o conte\xFAdo em pr\xE1tica!",
+            buttonText: "Criar atividade",
+            buttonIcon: /* @__PURE__ */ jsx99(Plus4, { size: 18 }),
+            buttonVariant: "outline",
+            buttonAction: "primary",
+            onButtonClick: onCreateActivity
+          }
+        )
+      },
+      onParamsChange: handleParamsChange,
+      onRowClick,
+      children: (renderProps) => {
+        const {
+          controls,
+          table,
+          pagination: paginationComponent
+        } = renderProps;
+        return /* @__PURE__ */ jsxs79("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs79("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsx99(
+              Button_default,
+              {
+                variant: "solid",
+                action: "primary",
+                size: "medium",
+                onClick: onCreateActivity,
+                iconLeft: /* @__PURE__ */ jsx99(Plus4, { size: 18, weight: "bold" }),
+                children: "Criar atividade"
+              }
+            ),
+            controls
+          ] }),
+          /* @__PURE__ */ jsxs79("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+            table,
+            paginationComponent
+          ] })
+        ] });
+      }
+    }
+  ) });
+};
+
+// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
+import { useState as useState48, useCallback as useCallback26, useMemo as useMemo29, useRef as useRef27, useEffect as useEffect45 } from "react";
+import { Plus as Plus5 } from "phosphor-react";
+
+// src/components/ActivitiesHistory/config/modelsTableColumns.tsx
+import { Trash as Trash3, PencilSimple as PencilSimple3, PaperPlaneTilt as PaperPlaneTilt3 } from "phosphor-react";
+import { jsx as jsx100, jsxs as jsxs80 } from "react/jsx-runtime";
+var createModelsTableColumns = (mapSubjectNameToEnum, onSendActivity, onEditModel, onDeleteModel) => [
+  {
+    key: "title",
+    label: "T\xEDtulo",
+    sortable: true,
+    className: "max-w-[400px]",
+    render: (value) => {
+      const title = typeof value === "string" ? value : "";
+      return /* @__PURE__ */ jsx100(Text_default, { size: "sm", title, className: "truncate block", children: title });
+    }
+  },
+  {
+    key: "savedAt",
+    label: "Salvo em",
+    sortable: true,
+    className: "w-[120px]"
+  },
+  {
+    key: "subject",
+    label: "Mat\xE9ria",
+    sortable: true,
+    className: "max-w-[160px]",
+    render: (value) => {
+      const subjectName = typeof value === "string" ? value : "";
+      return renderSubjectCell(subjectName, mapSubjectNameToEnum, true);
+    }
+  },
+  {
+    key: "actions",
+    label: "",
+    sortable: false,
+    className: "w-[220px]",
+    render: (_value, row) => {
+      const handleSend = (e) => {
+        e.stopPropagation();
+        onSendActivity?.(row);
+      };
+      const handleEdit = (e) => {
+        e.stopPropagation();
+        onEditModel?.(row);
+      };
+      const handleDelete = (e) => {
+        e.stopPropagation();
+        onDeleteModel(row);
+      };
+      return /* @__PURE__ */ jsxs80("div", { className: "flex items-center gap-2 justify-end", children: [
+        onSendActivity && /* @__PURE__ */ jsx100(
+          Button_default,
+          {
+            variant: "outline",
+            action: "primary",
+            size: "small",
+            iconLeft: /* @__PURE__ */ jsx100(PaperPlaneTilt3, { size: 16 }),
+            onClick: handleSend,
+            "aria-label": "Enviar atividade",
+            children: "Enviar atividade"
+          }
+        ),
+        /* @__PURE__ */ jsx100(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx100(Trash3, { size: 20 }),
+            size: "md",
+            onClick: handleDelete,
+            "aria-label": "Deletar modelo",
+            className: "text-text-600 hover:text-error-500 hover:bg-transparent"
+          }
+        ),
+        onEditModel && /* @__PURE__ */ jsx100(
+          IconButton_default,
+          {
+            icon: /* @__PURE__ */ jsx100(PencilSimple3, { size: 20 }),
+            size: "md",
+            onClick: handleEdit,
+            "aria-label": "Editar modelo",
+            className: "text-text-600 hover:text-primary-700 hover:bg-transparent"
+          }
+        )
+      ] });
+    }
+  }
+];
+
+// src/components/ActivitiesHistory/config/modelsFiltersConfig.ts
+var createModelsFiltersConfig = (userData) => [
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions2(userData)
+      }
+    ]
+  }
+];
+
+// src/hooks/useActivityModels.ts
+import { useState as useState47, useCallback as useCallback25 } from "react";
+import { z as z7 } from "zod";
+import dayjs5 from "dayjs";
+var activityDraftFiltersSchema = z7.object({
+  questionTypes: z7.array(z7.string()).optional(),
+  questionBanks: z7.array(z7.string()).optional(),
+  subjects: z7.array(z7.string()).optional(),
+  topics: z7.array(z7.string()).optional(),
+  subtopics: z7.array(z7.string()).optional(),
+  contents: z7.array(z7.string()).optional()
+}).nullable();
+var activityModelResponseSchema = z7.object({
+  id: z7.string().uuid(),
+  type: z7.nativeEnum(ActivityDraftType),
+  title: z7.string().nullable(),
+  creatorUserInstitutionId: z7.string().uuid().nullable(),
+  subjectId: z7.string().uuid().nullable(),
+  filters: activityDraftFiltersSchema,
+  createdAt: z7.string(),
+  updatedAt: z7.string()
+});
+var activityModelsApiResponseSchema = z7.object({
+  message: z7.string(),
+  data: z7.object({
+    activityDrafts: z7.array(activityModelResponseSchema),
+    total: z7.number()
+  })
+});
+var DEFAULT_MODELS_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var transformModelToTableItem = (model, subjectsMap) => {
+  const subjectName = model.subjectId ? subjectsMap?.get(model.subjectId) || "" : "";
+  return {
+    id: model.id,
+    title: model.title || "Sem t\xEDtulo",
+    savedAt: dayjs5(model.createdAt).format("DD/MM/YYYY"),
+    subject: subjectName,
+    subjectId: model.subjectId
+  };
+};
+var handleModelFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de modelos de atividades",
+  "Erro ao carregar modelos de atividades"
+);
+var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
+  return () => {
+    const [state, setState] = useState47({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_MODELS_PAGINATION
+    });
+    const fetchModels = useCallback25(
+      async (filters, subjectsMap) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchActivityModels(filters);
+          const validatedData = activityModelsApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.activityDrafts.map(
+            (model) => transformModelToTableItem(model, 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 = handleModelFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchActivityModels]
+    );
+    const deleteModel = useCallback25(
+      async (id) => {
+        try {
+          await deleteActivityModel(id);
+          return true;
+        } catch (error) {
+          console.error("Erro ao deletar modelo:", error);
+          return false;
+        }
+      },
+      [deleteActivityModel]
+    );
+    return {
+      ...state,
+      fetchModels,
+      deleteModel
+    };
+  };
+};
+var createActivityModelsHook = createUseActivityModels;
+
+// src/components/ActivitiesHistory/tabs/ModelsTab.tsx
+import { Fragment as Fragment23, jsx as jsx101, jsxs as jsxs81 } from "react/jsx-runtime";
+var ModelsTab = ({
+  fetchActivityModels,
+  deleteActivityModel,
+  onCreateModel,
+  onSendActivity,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState48(false);
+  const [modelToDelete, setModelToDelete] = useState48(null);
+  const { addToast } = useToast();
+  const fetchActivityModelsRef = useRef27(fetchActivityModels);
+  fetchActivityModelsRef.current = fetchActivityModels;
+  const deleteActivityModelRef = useRef27(deleteActivityModel);
+  deleteActivityModelRef.current = deleteActivityModel;
+  const subjectsMapRef = useRef27(subjectsMap);
+  subjectsMapRef.current = subjectsMap;
+  const useActivityModels = useMemo29(
+    () => createUseActivityModels(
+      (filters) => fetchActivityModelsRef.current(filters),
+      (id) => deleteActivityModelRef.current(id)
+    ),
+    []
+  );
+  const {
+    models,
+    loading: modelsLoading,
+    error: modelsError,
+    pagination: modelsPagination,
+    fetchModels,
+    deleteModel
+  } = useActivityModels();
+  const modelsFilterConfigs = useMemo29(
+    () => createModelsFiltersConfig(userFilterData),
+    [userFilterData]
+  );
+  const handleDeleteClick = useCallback26((model) => {
+    setModelToDelete(model);
+    setDeleteDialogOpen(true);
+  }, []);
+  const modelsTableColumns = useMemo29(
+    () => createModelsTableColumns(
+      mapSubjectNameToEnum,
+      onSendActivity,
+      onEditModel,
+      handleDeleteClick
+    ),
+    [mapSubjectNameToEnum, onSendActivity, onEditModel, handleDeleteClick]
+  );
+  const handleParamsChange = useCallback26(
+    (params) => {
+      const filters = buildModelsFiltersFromParams(params);
+      fetchModels(filters, subjectsMapRef.current);
+    },
+    [fetchModels]
+  );
+  useEffect45(() => {
+    fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+  }, [fetchModels]);
+  const handleConfirmDelete = useCallback26(async () => {
+    if (modelToDelete) {
+      const success = await deleteModel(modelToDelete.id);
+      if (success) {
+        addToast({ title: "Modelo deletado com sucesso", action: "success" });
+        fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
+      } else {
+        addToast({ title: "Erro ao deletar modelo", action: "warning" });
+      }
+    }
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, [modelToDelete, deleteModel, fetchModels, addToast]);
+  const handleCancelDelete = useCallback26(() => {
+    setDeleteDialogOpen(false);
+    setModelToDelete(null);
+  }, []);
+  return /* @__PURE__ */ jsxs81(Fragment23, { children: [
+    /* @__PURE__ */ jsx101(Toaster_default, {}),
+    modelsError ? /* @__PURE__ */ jsx101(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ jsx101("div", { className: "w-full", "data-testid": "activity-models-tab", children: /* @__PURE__ */ jsx101(
+      TableProvider,
+      {
+        data: models,
+        headers: modelsTableColumns,
+        loading: modelsLoading,
+        variant: "borderless",
+        enableSearch: true,
+        enableFilters: true,
+        enableTableSort: true,
+        enablePagination: true,
+        initialFilters: modelsFilterConfigs,
+        paginationConfig: {
+          itemLabel: "modelos",
+          itemsPerPageOptions: [10, 20, 50, 100],
+          defaultItemsPerPage: 10,
+          totalItems: modelsPagination.total,
+          totalPages: modelsPagination.totalPages
+        },
+        searchPlaceholder: "Buscar modelo",
+        noSearchResultState: {
+          image: noSearchImage
+        },
+        emptyState: {
+          component: /* @__PURE__ */ jsx101(
+            EmptyState_default,
+            {
+              image: emptyStateImage,
+              title: "Crie modelos para agilizar suas atividades",
+              description: "Salve modelos de atividades para reutilizar e enviar rapidamente para suas turmas!",
+              buttonText: "Criar modelo",
+              buttonIcon: /* @__PURE__ */ jsx101(Plus5, { size: 18 }),
+              buttonVariant: "outline",
+              buttonAction: "primary",
+              onButtonClick: onCreateModel
+            }
+          )
+        },
+        onParamsChange: handleParamsChange,
+        children: (renderProps) => {
+          const {
+            controls,
+            table,
+            pagination: paginationComponent
+          } = renderProps;
+          return /* @__PURE__ */ jsxs81("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsx101(
+                Button_default,
+                {
+                  variant: "solid",
+                  action: "primary",
+                  size: "medium",
+                  onClick: onCreateModel,
+                  iconLeft: /* @__PURE__ */ jsx101(Plus5, { size: 18, weight: "bold" }),
+                  children: "Criar modelo"
+                }
+              ),
+              controls
+            ] }),
+            /* @__PURE__ */ jsxs81("div", { className: "bg-background rounded-xl p-6 space-y-4", children: [
+              table,
+              paginationComponent
+            ] })
+          ] });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx101(
+      AlertDialog,
+      {
+        isOpen: deleteDialogOpen,
+        onChangeOpen: setDeleteDialogOpen,
+        title: "Deletar modelo",
+        description: `Tem certeza que deseja deletar o modelo "${modelToDelete?.title}"? Esta a\xE7\xE3o n\xE3o pode ser desfeita.`,
+        submitButtonLabel: "Deletar",
+        cancelButtonLabel: "Cancelar",
+        onSubmit: handleConfirmDelete,
+        onCancel: handleCancelDelete
+      }
+    )
+  ] });
+};
+
+// src/components/ActivitiesHistory/tabs/DraftsTab.tsx
+import { jsx as jsx102 } from "react/jsx-runtime";
+var DraftsTab = () => {
+  return /* @__PURE__ */ jsx102("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx102(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) });
+};
+
+// src/components/ActivitiesHistory/ActivitiesHistory.tsx
+import { jsx as jsx103, jsxs as jsxs82 } from "react/jsx-runtime";
+var PAGE_TITLES = {
+  ["history" /* HISTORY */]: "Hist\xF3rico de atividades",
+  ["drafts" /* DRAFTS */]: "Rascunhos",
+  ["models" /* MODELS */]: "Modelos de atividades"
+};
+var ActivitiesHistory = ({
+  fetchActivitiesHistory,
+  fetchActivityModels,
+  deleteActivityModel,
+  onCreateActivity,
+  onCreateModel,
+  onRowClick,
+  onSendActivity,
+  onEditModel,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => {
+  const [activeTab, setActiveTab] = useState49("history" /* HISTORY */);
+  return /* @__PURE__ */ jsxs82(
+    "div",
+    {
+      "data-testid": "activities-history",
+      className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx103("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ jsxs82("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__ */ jsxs82("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__ */ jsx103(
+              Text_default,
+              {
+                as: "h1",
+                weight: "bold",
+                className: "leading-[28px] tracking-[0.2px] text-xl lg:text-2xl",
+                children: PAGE_TITLES[activeTab]
+              }
+            ),
+            /* @__PURE__ */ jsx103("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx103(
+              Menu,
+              {
+                defaultValue: "history" /* HISTORY */,
+                value: activeTab,
+                onValueChange: (value) => setActiveTab(value),
+                variant: "menu2",
+                className: "bg-transparent shadow-none px-0",
+                children: /* @__PURE__ */ jsxs82(
+                  MenuContent,
+                  {
+                    variant: "menu2",
+                    className: "w-full lg:w-auto max-w-full min-w-0",
+                    children: [
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "history" /* HISTORY */,
+                          "data-testid": "menu-item-history",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Hist\xF3rico"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "drafts" /* DRAFTS */,
+                          "data-testid": "menu-item-drafts",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Rascunhos"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx103(
+                        MenuItem,
+                        {
+                          variant: "menu2",
+                          value: "models" /* MODELS */,
+                          "data-testid": "menu-item-models",
+                          className: "whitespace-nowrap flex-1 lg:flex-none",
+                          children: "Modelos"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs82("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx103(
+              HistoryTab,
+              {
+                fetchActivitiesHistory,
+                onCreateActivity,
+                onRowClick,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData
+              }
+            ),
+            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ jsx103(DraftsTab, {}),
+            activeTab === "models" /* MODELS */ && /* @__PURE__ */ jsx103(
+              ModelsTab,
+              {
+                fetchActivityModels,
+                deleteActivityModel,
+                onCreateModel,
+                onSendActivity,
+                onEditModel,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData,
+                subjectsMap
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
 export {
   ACTIVITY_AVAILABILITY,
+  ACTIVITY_FILTER_STATUS_OPTIONS,
   ANSWER_STATUS,
   AccordionGroup,
+  ActivitiesHistory,
+  GenericApiStatus as ActivityApiStatus,
+  BadgeActionType as ActivityBadgeActionType,
   ActivityCardQuestionBanks,
   ActivityCardQuestionPreview,
   ActivityDetails,
+  GenericDisplayStatus as ActivityDisplayStatus,
+  ActivityDraftType,
   ActivityFilters,
   ActivityFiltersPopover,
   ActivityPreview,
@@ -24037,6 +25049,8 @@ export {
   Chips_default as Chips,
   CorrectActivityModal_default as CorrectActivityModal,
   CreateActivity,
+  DEFAULT_ACTIVITIES_PAGINATION,
+  DEFAULT_MODELS_PAGINATION,
   DIFFICULTY_LEVEL_ENUM,
   DateTimeInput_default as DateTimeInput,
   Divider_default as Divider,
@@ -24052,9 +25066,9 @@ export {
   FilterModal,
   GOAL_FILTER_STATUS_OPTIONS,
   GOAL_STATUS_OPTIONS,
-  GoalApiStatus,
-  GoalBadgeActionType,
-  GoalDisplayStatus,
+  GenericApiStatus as GoalApiStatus,
+  BadgeActionType as GoalBadgeActionType,
+  GenericDisplayStatus as GoalDisplayStatus,
   IconButton_default as IconButton,
   IconRender_default as IconRender,
   IconRoundedButton_default as IconRoundedButton,
@@ -24159,15 +25173,21 @@ export {
   Toaster_default as Toaster,
   VideoPlayer_default as VideoPlayer,
   Whiteboard_default as Whiteboard,
+  activitiesHistoryApiResponseSchema,
+  activityModelsApiResponseSchema,
   cn,
   convertActivityFiltersToQuestionsFilter,
+  createActivitiesHistoryHook,
   createActivityFiltersDataHook,
+  createActivityModelsHook,
   createNotificationStore,
   createNotificationsHook,
   createQuestionsListHook,
   createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook,
+  createUseActivitiesHistory,
   createUseActivityFiltersData,
+  createUseActivityModels,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
@@ -24183,6 +25203,7 @@ export {
   formatTimeAgo,
   formatTimeSpent,
   generateFileId,
+  getActivityStatusBadgeAction,
   getCategoryIcon,
   getCategoryText,
   getDeviceType,
@@ -24203,12 +25224,15 @@ export {
   goalApiResponseSchema,
   goalDetailsApiResponseSchema,
   goalsHistoryApiResponseSchema,
+  handleActivityFetchError,
   handleGoalFetchError,
   handleLessonDetailsFetchError,
+  handleModelFetchError,
   historyApiResponseSchema,
   isDeadlinePassed,
   isFormValid,
   isStepValid,
+  mapActivityStatusToDisplay,
   mapApiStatusToInternal,
   mapInternalStatusToApi,
   mapQuestionTypeToEnum,
@@ -24218,7 +25242,9 @@ export {
   syncDropdownState,
   toggleArrayItem,
   toggleSingleValue,
+  transformActivityToTableItem,
   transformGoalToTableItem,
+  transformModelToTableItem,
   useAlertFormStore,
   useApiConfig,
   useAppContent,