analytica-frontend-lib 1.2.57 → 1.2.58

package/dist/index.mjs

@@ -12132,6 +12132,7 @@ var createQuestionsListHook = (apiClient) => {
 
 // src/components/ActivityCreate/ActivityCreate.tsx
 import { useCallback as useCallback5, useEffect as useEffect23, useMemo as useMemo11, useState as useState24, useRef as useRef15 } from "react";
+import { useParams, useNavigate } from "react-router-dom";
 import { Funnel } from "phosphor-react";
 
 // src/components/ActivityListQuestions/ActivityListQuestions.tsx
@@ -12466,6 +12467,26 @@ function formatTime(date) {
   const minutes = date.getMinutes().toString().padStart(2, "0");
   return `${hours}:${minutes}`;
 }
+function getTypeFromUrl(type) {
+  switch (type) {
+    case "RASCUNHO" /* RASCUNHO */:
+      return "rascunho";
+    case "MODELO" /* MODELO */:
+      return "modelo";
+    default:
+      return "rascunho";
+  }
+}
+function getTypeFromUrlString(type) {
+  switch (type) {
+    case "rascunho":
+      return "RASCUNHO" /* RASCUNHO */;
+    case "modelo":
+      return "MODELO" /* MODELO */;
+    default:
+      return "RASCUNHO" /* RASCUNHO */;
+  }
+}
 function convertQuestionToPreview(question) {
   const subjectInfo = question.knowledgeMatrix && question.knowledgeMatrix.length > 0 ? {
     subjectName: question.knowledgeMatrix[0].subject?.name || void 0,
@@ -12729,14 +12750,12 @@ var CreateActivity = ({
   apiClient,
   institutionId,
   isDark,
-  activity,
-  onActivityChange,
-  loading = false,
-  preFilters,
   onBack,
   onCreateActivity,
   onSaveModel
 }) => {
+  const params = useParams();
+  const navigate = useNavigate();
   const applyFilters = useQuestionFiltersStore(
     (state) => state.applyFilters
   );
@@ -12750,26 +12769,18 @@ var CreateActivity = ({
     (state) => state.setDraftFilters
   );
   const addToast = ToastStore_default((state) => state.addToast);
-  const handleFiltersChange = useCallback5(
-    (filters) => {
-      setDraftFilters(filters);
-    },
-    [setDraftFilters]
+  const [activity, setActivity] = useState24(null);
+  const [preFilters, setPreFilters] = useState24(
+    null
   );
-  const handleApplyFilters = useCallback5(() => {
-    applyFilters();
-  }, [applyFilters]);
+  const [loading, setLoading] = useState24(false);
   const [questions, setQuestions] = useState24([]);
   const [loadingInitialQuestions, setLoadingInitialQuestions] = useState24(false);
-  const [draftId, setDraftId] = useState24(
-    activity?.id ? activity.id : null
-  );
+  const [draftId, setDraftId] = useState24(params.id || null);
   const [activityType, setActivityType] = useState24(
-    activity?.type || "RASCUNHO" /* RASCUNHO */
-  );
-  const [lastSavedAt, setLastSavedAt] = useState24(
-    activity?.updatedAt ? new Date(activity.updatedAt) : null
+    getTypeFromUrlString(params.type)
   );
+  const [lastSavedAt, setLastSavedAt] = useState24(null);
   const [isSaving, setIsSaving] = useState24(false);
   const [isSendModalOpen, setIsSendModalOpen] = useState24(false);
   const [categories, setCategories] = useState24([]);
@@ -12779,6 +12790,16 @@ var CreateActivity = ({
   const lastSavedFiltersRef = useRef15(null);
   const lastSavedQuestionsRef = useRef15([]);
   const hasAppliedInitialFiltersRef = useRef15(false);
+  const lastFetchedActivityIdRef = useRef15(null);
+  const handleFiltersChange = useCallback5(
+    (filters) => {
+      setDraftFilters(filters);
+    },
+    [setDraftFilters]
+  );
+  const handleApplyFilters = useCallback5(() => {
+    applyFilters();
+  }, [applyFilters]);
   const useActivityFiltersData = createUseActivityFiltersData(apiClient);
   const { knowledgeAreas, loadKnowledgeAreas } = useActivityFiltersData({
     selectedSubjects: [],
@@ -12805,6 +12826,49 @@ var CreateActivity = ({
   useEffect23(() => {
     hasAppliedInitialFiltersRef.current = false;
   }, [activity?.id, activity?.filters, resolvedPreFilters]);
+  useEffect23(() => {
+    const fetchActivityDraft = async () => {
+      if (params.id && params.id !== lastFetchedActivityIdRef.current) {
+        setLoading(true);
+        try {
+          const response = await apiClient.get(`/activity-drafts/${params.id}`);
+          const activityData = "data" in response.data ? response.data.data : response.data;
+          setActivity(activityData);
+          setPreFilters(activityData.filters);
+          setDraftId(activityData.id || null);
+          setActivityType(activityData.type);
+          if (activityData.updatedAt) {
+            setLastSavedAt(new Date(activityData.updatedAt));
+          }
+          lastFetchedActivityIdRef.current = params.id;
+        } catch (error) {
+          console.error("Erro ao buscar rascunho da atividade:", error);
+          addToast({
+            title: "Erro ao carregar atividade",
+            description: error instanceof Error ? error.message : "Ocorreu um erro ao carregar a atividade. Tente novamente.",
+            variant: "solid",
+            action: "warning",
+            position: "top-right"
+          });
+        } finally {
+          setLoading(false);
+        }
+      }
+    };
+    fetchActivityDraft();
+  }, [params.id, apiClient, addToast]);
+  useEffect23(() => {
+    if (activity?.id && activity?.type) {
+      const urlType = getTypeFromUrl(activity.type);
+      const currentUrlType = params.type;
+      const currentUrlId = params.id;
+      if (!currentUrlType || !currentUrlId || currentUrlId !== activity.id || currentUrlType !== urlType) {
+        navigate(`/criar-atividade/${urlType}/${activity.id}`, {
+          replace: true
+        });
+      }
+    }
+  }, [activity?.id, activity?.type, params.type, params.id, navigate]);
   const validateSaveConditions = useCallback5(() => {
     if (questions.length === 0 && !hasFirstSaveBeenDone.current) {
       return false;
@@ -12842,6 +12906,33 @@ var CreateActivity = ({
       setLastSavedAt(
         savedDraft?.updatedAt ? new Date(savedDraft.updatedAt) : /* @__PURE__ */ new Date()
       );
+      if (savedDraft) {
+        setActivity((prevActivity) => {
+          if (!prevActivity || prevActivity.id !== savedDraft.id) {
+            return {
+              id: savedDraft.id,
+              type: savedDraft.type,
+              title: savedDraft.title,
+              subjectId: savedDraft.subjectId,
+              filters: savedDraft.filters,
+              questionIds: questions.map((q) => q.id),
+              updatedAt: savedDraft.updatedAt
+            };
+          }
+          return {
+            ...prevActivity,
+            type: savedDraft.type,
+            title: savedDraft.title,
+            subjectId: savedDraft.subjectId,
+            questionIds: questions.map((q) => q.id),
+            updatedAt: savedDraft.updatedAt
+          };
+        });
+        setActivityType(savedDraft.type);
+        if (savedDraft.id) {
+          lastFetchedActivityIdRef.current = savedDraft.id;
+        }
+      }
       if (payload.type === "MODELO" /* MODELO */ && onSaveModel && response?.data) {
         onSaveModel(response.data);
       }
@@ -12877,30 +12968,36 @@ var CreateActivity = ({
     []
   );
   const updateStateAfterSave = useCallback5(
-    (savedDraft, fullResponse) => {
+    (savedDraft, fullResponse, wasNewDraft = false) => {
       setDraftId(savedDraft.id);
       setLastSavedAt(
         savedDraft.updatedAt ? new Date(savedDraft.updatedAt) : /* @__PURE__ */ new Date()
       );
       lastSavedQuestionsRef.current = questions;
       lastSavedFiltersRef.current = appliedFilters;
+      const updatedActivity = {
+        id: savedDraft.id,
+        type: savedDraft.type,
+        title: savedDraft.title,
+        subjectId: savedDraft.subjectId,
+        filters: savedDraft.filters,
+        questionIds: questions.map((q) => q.id),
+        updatedAt: savedDraft.updatedAt
+      };
+      setActivity(updatedActivity);
+      setActivityType(savedDraft.type);
+      lastFetchedActivityIdRef.current = savedDraft.id;
+      if (wasNewDraft && savedDraft.id) {
+        const urlType = getTypeFromUrl(savedDraft.type);
+        navigate(`/criar-atividade/${urlType}/${savedDraft.id}`, {
+          replace: true
+        });
+      }
       if (savedDraft.type === "MODELO" /* MODELO */ && onSaveModel && fullResponse) {
         onSaveModel(fullResponse);
       }
-      if (onActivityChange) {
-        const updatedActivity = {
-          id: savedDraft.id,
-          type: savedDraft.type,
-          title: savedDraft.title,
-          subjectId: savedDraft.subjectId,
-          filters: savedDraft.filters,
-          questionIds: questions.map((q) => q.id),
-          updatedAt: savedDraft.updatedAt
-        };
-        onActivityChange(updatedActivity);
-      }
     },
-    [questions, appliedFilters, onActivityChange, onSaveModel]
+    [questions, appliedFilters, onSaveModel, navigate]
   );
   const saveDraft = useCallback5(async () => {
     if (!validateSaveConditions()) {
@@ -12919,7 +13016,7 @@ var CreateActivity = ({
       );
       hasFirstSaveBeenDone.current = true;
       const savedDraft = extractDraftFromResponse(response);
-      updateStateAfterSave(savedDraft, response?.data);
+      updateStateAfterSave(savedDraft, response?.data, true);
     } catch (error) {
       console.error("\u274C Erro ao salvar rascunho:", error);
       const errorMessage = error instanceof Error ? error.message : "Ocorreu um erro ao salvar o rascunho. Tente novamente.";
@@ -12946,14 +13043,6 @@ var CreateActivity = ({
   const handleSaveModel = useCallback5(async () => {
     setActivityType("MODELO" /* MODELO */);
   }, []);
-  useEffect23(() => {
-    if (activity?.id) {
-      setDraftId(activity.id);
-    }
-    if (activity?.updatedAt) {
-      setLastSavedAt(new Date(activity.updatedAt));
-    }
-  }, [activity?.id, activity?.updatedAt]);
   useEffect23(() => {
     loadKnowledgeAreas();
   }, [loadKnowledgeAreas]);
@@ -13200,7 +13289,7 @@ var CreateActivity = ({
         /* @__PURE__ */ jsx61(
           ActivityCreateHeader,
           {
-            activity,
+            activity: activity || void 0,
             activityType,
             lastSavedAt,
             isSaving,
@@ -18824,14 +18913,14 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
-import { useNavigate } from "react-router-dom";
+import { useNavigate as useNavigate2 } from "react-router-dom";
 import { jsx as jsx77 } from "react/jsx-runtime";
 var BreadcrumbMenu = ({
   breadcrumbs,
   onBreadcrumbClick,
   className = "!px-0 py-4 flex-wrap w-full"
 }) => {
-  const navigate = useNavigate();
+  const navigate = useNavigate2();
   const handleClick = (breadcrumb, index) => {
     if (onBreadcrumbClick) {
       onBreadcrumbClick(breadcrumb, index);
@@ -19255,9 +19344,9 @@ function useAppInitialization() {
 
 // src/hooks/useAppContent.ts
 import { useCallback as useCallback14, useEffect as useEffect38, useMemo as useMemo20 } from "react";
-import { useNavigate as useNavigate2 } from "react-router-dom";
+import { useNavigate as useNavigate3 } from "react-router-dom";
 function useAppContent(config) {
-  const navigate = useNavigate2();
+  const navigate = useNavigate3();
   const { setTokens, setSessionInfo, setSelectedProfile } = useAuthStore();
   const {
     api,