analytica-frontend-lib 1.1.92 → 1.1.94

package/dist/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   AlternativesList: () => AlternativesList,
   AuthProvider: () => AuthProvider,
   Badge: () => Badge_default,
+  BreadcrumbMenu: () => BreadcrumbMenu,
   Button: () => Button_default,
   Calendar: () => Calendar_default,
   CardAccordation: () => CardAccordation,
@@ -155,8 +156,15 @@ __export(src_exports, {
   getSubjectName: () => getSubjectName,
   syncDropdownState: () => syncDropdownState,
   useApiConfig: () => useApiConfig,
+  useAppContent: () => useAppContent,
+  useAppInitialization: () => useAppInitialization,
+  useAppStore: () => useAppStore,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
+  useAuthStore: () => useAuthStore,
+  useBreadcrumb: () => useBreadcrumb,
+  useBreadcrumbBuilder: () => useBreadcrumbBuilder,
+  useInstitutionId: () => useInstitutionId,
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
@@ -164,6 +172,7 @@ __export(src_exports, {
   useThemeStore: () => useThemeStore,
   useToastStore: () => ToastStore_default,
   useUrlAuthentication: () => useUrlAuthentication,
+  useUrlParams: () => useUrlParams,
   withAuth: () => withAuth
 });
 module.exports = __toCommonJS(src_exports);
@@ -9926,7 +9935,7 @@ var HeaderAlternative = (0, import_react31.forwardRef)(
 );
 
 // src/components/Auth/zustandAuthAdapter.ts
-function createZustandAuthAdapter(useAuthStore) {
+function createZustandAuthAdapter(useAuthStore2) {
   return {
     /**
      * Check if the user is authenticated based on sessionInfo and tokens
@@ -9934,7 +9943,7 @@ function createZustandAuthAdapter(useAuthStore) {
      * @returns {Promise<boolean>} Promise that resolves to authentication status
      */
     checkAuth: async () => {
-      const { sessionInfo, tokens } = useAuthStore.getState();
+      const { sessionInfo, tokens } = useAuthStore2.getState();
       return Boolean(sessionInfo && tokens);
     },
     /**
@@ -9942,26 +9951,26 @@ function createZustandAuthAdapter(useAuthStore) {
      *
      * @returns {unknown} Current user data from the store
      */
-    getUser: () => useAuthStore.getState().user,
+    getUser: () => useAuthStore2.getState().user,
     /**
      * Get the current session information from the store
      *
      * @returns {unknown} Current session info from the store
      */
-    getSessionInfo: () => useAuthStore.getState().sessionInfo,
+    getSessionInfo: () => useAuthStore2.getState().sessionInfo,
     /**
      * Get the current authentication tokens from the store
      *
      * @returns {unknown} Current tokens from the store
      */
-    getTokens: () => useAuthStore.getState().tokens,
+    getTokens: () => useAuthStore2.getState().tokens,
     /**
      * Sign out the user by calling the store's signOut function if available
      *
      * @returns {void}
      */
     signOut: () => {
-      const signOutFn = useAuthStore.getState().signOut;
+      const signOutFn = useAuthStore2.getState().signOut;
       if (typeof signOutFn === "function") signOutFn();
     }
   };
@@ -12514,6 +12523,528 @@ var QuizListResultByMateria = ({
     ] })
   ] });
 };
+
+// src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
+var import_react_router_dom3 = require("react-router-dom");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var BreadcrumbMenu = ({
+  breadcrumbs,
+  onBreadcrumbClick,
+  className = "!px-0 py-4 flex-wrap w-full"
+}) => {
+  const navigate = (0, import_react_router_dom3.useNavigate)();
+  const handleClick = (breadcrumb, index) => {
+    if (onBreadcrumbClick) {
+      onBreadcrumbClick(breadcrumb, index);
+    }
+    navigate(breadcrumb.url);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    Menu,
+    {
+      value: `breadcrumb-${breadcrumbs.length - 1}`,
+      defaultValue: "breadcrumb-0",
+      variant: "breadcrumb",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
+        const isLast = index === breadcrumbs.length - 1;
+        const hasSeparator = !isLast;
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          MenuItem,
+          {
+            variant: "breadcrumb",
+            value: `breadcrumb-${index}`,
+            className: "!p-0 whitespace-nowrap",
+            onClick: () => handleClick(breadcrumb, index),
+            separator: hasSeparator,
+            children: breadcrumb.name
+          },
+          breadcrumb.id
+        );
+      }) })
+    }
+  );
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+var import_react38 = require("react");
+
+// src/components/BreadcrumbMenu/breadcrumbStore.ts
+var import_zustand10 = require("zustand");
+var useBreadcrumbStore = (0, import_zustand10.create)((set, get) => ({
+  breadcrumbs: {},
+  setBreadcrumbs: (namespace, items) => {
+    set((state) => ({
+      breadcrumbs: {
+        ...state.breadcrumbs,
+        [namespace]: items
+      }
+    }));
+  },
+  addBreadcrumb: (namespace, item) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: [...current, item]
+        }
+      };
+    });
+  },
+  updateBreadcrumb: (namespace, itemId, updates) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.map(
+            (item) => item.id === itemId ? { ...item, ...updates } : item
+          )
+        }
+      };
+    });
+  },
+  removeBreadcrumbFrom: (namespace, itemId) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      const index = current.findIndex((item) => item.id === itemId);
+      if (index === -1) return state;
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index)
+        }
+      };
+    });
+  },
+  sliceBreadcrumbs: (namespace, index) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index + 1)
+        }
+      };
+    });
+  },
+  clearBreadcrumbs: (namespace) => {
+    set((state) => {
+      const { [namespace]: _, ...rest } = state.breadcrumbs;
+      return {
+        breadcrumbs: rest
+      };
+    });
+  },
+  getBreadcrumbs: (namespace) => {
+    return get().breadcrumbs[namespace] || [];
+  }
+}));
+var useBreadcrumb = (namespace) => {
+  const store = useBreadcrumbStore();
+  const breadcrumbs = store.breadcrumbs[namespace] || [];
+  return {
+    breadcrumbs,
+    /**
+     * Define todos os breadcrumbs de uma vez
+     */
+    setBreadcrumbs: (items) => {
+      store.setBreadcrumbs(namespace, items);
+    },
+    /**
+     * Adiciona um novo breadcrumb ao final
+     */
+    addBreadcrumb: (item) => {
+      store.addBreadcrumb(namespace, item);
+    },
+    /**
+     * Atualiza um breadcrumb existente
+     */
+    updateBreadcrumb: (itemId, updates) => {
+      store.updateBreadcrumb(namespace, itemId, updates);
+    },
+    /**
+     * Remove um breadcrumb e todos os seguintes
+     */
+    removeBreadcrumbFrom: (itemId) => {
+      store.removeBreadcrumbFrom(namespace, itemId);
+    },
+    /**
+     * Mantém apenas os breadcrumbs até o índice especificado (inclusivo)
+     */
+    sliceBreadcrumbs: (index) => {
+      store.sliceBreadcrumbs(namespace, index);
+    },
+    /**
+     * Limpa todos os breadcrumbs
+     */
+    clearBreadcrumbs: () => {
+      store.clearBreadcrumbs(namespace);
+    }
+  };
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+var isBreadcrumbWithData = (level) => {
+  return "data" in level;
+};
+var useBreadcrumbBuilder = (config) => {
+  const { namespace, root, levels } = config;
+  const { breadcrumbs, setBreadcrumbs, sliceBreadcrumbs } = useBreadcrumb(namespace);
+  const levelDependencies = levels.map(
+    (level) => isBreadcrumbWithData(level) ? level.data : null
+  );
+  const levelUrlIds = levels.map((level) => level.urlId);
+  (0, import_react38.useEffect)(() => {
+    const newBreadcrumbs = [root];
+    const previousIds = [];
+    for (const level of levels) {
+      const { urlId } = level;
+      if (isBreadcrumbWithData(level)) {
+        const { data, getId, getName, getUrl } = level;
+        if (!data) break;
+        const dataId = getId(data);
+        if (urlId === void 0 || dataId !== urlId) break;
+        newBreadcrumbs.push({
+          id: dataId,
+          name: getName(data),
+          url: getUrl(data, previousIds)
+        });
+        previousIds.push(dataId);
+      } else {
+        const { breadcrumb } = level;
+        if (urlId === void 0) break;
+        newBreadcrumbs.push(breadcrumb);
+        previousIds.push(breadcrumb.id);
+      }
+    }
+    setBreadcrumbs(newBreadcrumbs);
+  }, [namespace, ...levelDependencies, ...levelUrlIds, root.id]);
+  return {
+    breadcrumbs,
+    sliceBreadcrumbs
+  };
+};
+
+// src/components/BreadcrumbMenu/useUrlParams.ts
+var import_react39 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
+var useUrlParams = (config) => {
+  const location = (0, import_react_router_dom4.useLocation)();
+  return (0, import_react39.useMemo)(() => {
+    const segments = location.pathname.split("/").filter(Boolean);
+    const params = {};
+    for (const [key, index] of Object.entries(config)) {
+      params[key] = segments[index];
+    }
+    return params;
+  }, [location.pathname, config]);
+};
+
+// src/hooks/useAppInitialization.ts
+var import_react41 = require("react");
+
+// src/hooks/useInstitution.ts
+var import_react40 = require("react");
+function useInstitutionId() {
+  const [institutionId, setInstitutionId] = (0, import_react40.useState)(() => {
+    return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
+  });
+  (0, import_react40.useEffect)(() => {
+    const metaTag = document.querySelector('meta[name="institution-id"]');
+    if (!metaTag) return;
+    const observer = new MutationObserver(() => {
+      const newValue = metaTag.getAttribute("content");
+      setInstitutionId(newValue);
+    });
+    observer.observe(metaTag, {
+      attributes: true,
+      attributeFilter: ["content"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return institutionId;
+}
+
+// src/store/appStore.ts
+var import_zustand11 = require("zustand");
+var import_middleware4 = require("zustand/middleware");
+var useAppStore = (0, import_zustand11.create)()(
+  (0, import_middleware4.persist)(
+    (set, get) => ({
+      institutionId: null,
+      initialized: false,
+      /**
+       * Set the institution ID
+       * @param {string | null} institutionId - The institution ID from meta tag
+       * @returns {void}
+       */
+      setInstitutionId: (institutionId) => {
+        set({ institutionId });
+      },
+      /**
+       * Set the initialized state
+       * @param {boolean} initialized - Whether the app has been initialized
+       * @returns {void}
+       */
+      setInitialized: (initialized) => {
+        set({ initialized });
+      },
+      /**
+       * Initialize the app by reading the institution ID from meta tag
+       * @returns {void}
+       */
+      initialize: (id) => {
+        const { initialized } = get();
+        if (initialized) {
+          return;
+        }
+        set({
+          institutionId: id,
+          initialized: true
+        });
+      }
+    }),
+    {
+      name: "@app-storage:analytica:v2" /* APP_STORAGE */,
+      storage: (0, import_middleware4.createJSONStorage)(() => localStorage)
+    }
+  )
+);
+
+// src/store/authStore.ts
+var import_zustand12 = require("zustand");
+var import_middleware5 = require("zustand/middleware");
+var useAuthStore = (0, import_zustand12.create)()(
+  (0, import_middleware5.persist)(
+    (set, get) => ({
+      user: null,
+      tokens: null,
+      isAuthenticated: false,
+      profiles: [],
+      selectedProfile: null,
+      sessionInfo: null,
+      /**
+       * Set the current user
+       * @param {User | null} user - The user object or null to clear
+       * @returns {void}
+       */
+      setUser: (user) => {
+        set({ user, isAuthenticated: !!user });
+      },
+      /**
+       * Set the authentication tokens
+       * @param {AuthTokens | null} tokens - The authentication tokens or null to clear
+       * @returns {void}
+       */
+      setTokens: (tokens) => {
+        set({ tokens });
+      },
+      /**
+       * Set user profiles
+       * @param {UserProfile[]} profiles - Array of user profiles
+       * @returns {void}
+       */
+      setProfiles: (profiles) => {
+        set({ profiles });
+      },
+      /**
+       * Set the selected profile
+       * @param {UserProfile | null} profile - The selected profile or null to clear
+       * @returns {void}
+       */
+      setSelectedProfile: (profile) => {
+        set({ selectedProfile: profile });
+      },
+      /**
+       * Set the session info
+       * @param {SessionInfo | null} sessionInfo - The session info or null to clear
+       * @returns {void}
+       */
+      setSessionInfo: (sessionInfo) => {
+        set({ sessionInfo });
+      },
+      /**
+       * Sign in user with complete auth data
+       * @param {User} user - The user object
+       * @param {AuthTokens} tokens - The authentication tokens
+       * @param {UserProfile[]} profiles - Array of user profiles
+       * @returns {void}
+       */
+      signIn: (user, tokens, profiles) => {
+        set({
+          user,
+          tokens,
+          profiles,
+          isAuthenticated: true
+        });
+      },
+      /**
+       * Sign out user and clear all auth data
+       * @returns {void}
+       */
+      signOut: () => {
+        set({
+          user: null,
+          tokens: null,
+          isAuthenticated: false,
+          profiles: [],
+          selectedProfile: null,
+          sessionInfo: null
+        });
+      },
+      /**
+       * Update user session data (after login completion)
+       * @param {Partial<User>} sessionData - Partial user data to update
+       * @returns {void}
+       */
+      updateUserSession: (sessionData) => {
+        const { user } = get();
+        if (user) {
+          const updatedUser = { ...user, ...sessionData };
+          set({ user: updatedUser });
+        }
+      }
+    }),
+    {
+      name: "@auth-storage:analytica:v2" /* AUTH_STORAGE */,
+      storage: (0, import_middleware5.createJSONStorage)(() => localStorage)
+    }
+  )
+);
+
+// src/hooks/useAppInitialization.ts
+function useAppInitialization() {
+  const getInstitutionId = useInstitutionId();
+  const { initialize, initialized, institutionId } = useAppStore();
+  const authFunctions = (0, import_react41.useMemo)(
+    () => ({
+      checkAuth: async () => {
+        const { sessionInfo, tokens } = useAuthStore.getState();
+        return Boolean(sessionInfo && tokens);
+      },
+      signOut: () => {
+        const { signOut } = useAuthStore.getState();
+        signOut();
+      },
+      getUser: () => {
+        const { user } = useAuthStore.getState();
+        return user;
+      },
+      getSessionInfo: () => {
+        const { sessionInfo } = useAuthStore.getState();
+        return sessionInfo;
+      },
+      getTokens: () => {
+        const { tokens } = useAuthStore.getState();
+        return tokens;
+      }
+    }),
+    []
+  );
+  return {
+    // Estado da inicialização
+    getInstitutionId,
+    initialize,
+    initialized,
+    institutionId,
+    // Funções de autenticação
+    authFunctions
+  };
+}
+
+// src/hooks/useAppContent.ts
+var import_react42 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
+function useAppContent(config) {
+  const navigate = (0, import_react_router_dom5.useNavigate)();
+  const { setTokens, setSessionInfo, setSelectedProfile } = useAuthStore();
+  const {
+    api,
+    getInstitutionId,
+    initialize,
+    initialized,
+    endpoint = "/auth/session-info",
+    maxRetries = 1,
+    retryDelay = 2e3,
+    onClearParamsFromURL,
+    onError,
+    onNotFoundNavigation
+  } = config;
+  const apiConfig = useApiConfig(api);
+  useTheme();
+  const handleNotFoundNavigation = () => {
+    if (onNotFoundNavigation) {
+      onNotFoundNavigation();
+    } else {
+      navigate("/painel");
+    }
+  };
+  const handleSetSelectedProfile = (0, import_react42.useCallback)(
+    (profile) => {
+      setSelectedProfile(profile);
+    },
+    [setSelectedProfile]
+  );
+  const handleClearParamsFromURL = (0, import_react42.useCallback)(() => {
+    if (onClearParamsFromURL) {
+      onClearParamsFromURL();
+    } else {
+      globalThis.location.replace("/painel");
+    }
+  }, [onClearParamsFromURL]);
+  const handleError = (0, import_react42.useCallback)(
+    (error) => {
+      if (onError) {
+        onError(error);
+      } else {
+        console.error("Erro ao obter informa\xE7\xF5es da sess\xE3o:", error);
+        navigate("/", { replace: true });
+      }
+    },
+    [navigate, onError]
+  );
+  const urlAuthConfig = (0, import_react42.useMemo)(
+    () => ({
+      setTokens,
+      setSessionInfo,
+      setSelectedProfile: handleSetSelectedProfile,
+      api: apiConfig,
+      endpoint,
+      clearParamsFromURL: handleClearParamsFromURL,
+      maxRetries,
+      retryDelay,
+      onError: handleError
+    }),
+    [
+      setTokens,
+      setSessionInfo,
+      handleSetSelectedProfile,
+      apiConfig,
+      endpoint,
+      handleClearParamsFromURL,
+      maxRetries,
+      retryDelay,
+      handleError
+    ]
+  );
+  useUrlAuthentication(urlAuthConfig);
+  const { sessionInfo } = useAuth();
+  const institutionIdToUse = (0, import_react42.useMemo)(() => {
+    return sessionInfo?.institutionId || getInstitutionId;
+  }, [sessionInfo?.institutionId, getInstitutionId]);
+  (0, import_react42.useEffect)(() => {
+    if (institutionIdToUse && !initialized) {
+      initialize(institutionIdToUse);
+    }
+  }, [institutionIdToUse, initialize, initialized]);
+  return {
+    handleNotFoundNavigation,
+    urlAuthConfig,
+    institutionIdToUse
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ANSWER_STATUS,
@@ -12522,6 +13053,7 @@ var QuizListResultByMateria = ({
   AlternativesList,
   AuthProvider,
   Badge,
+  BreadcrumbMenu,
   Button,
   Calendar,
   CardAccordation,
@@ -12641,8 +13173,15 @@ var QuizListResultByMateria = ({
   getSubjectName,
   syncDropdownState,
   useApiConfig,
+  useAppContent,
+  useAppInitialization,
+  useAppStore,
   useAuth,
   useAuthGuard,
+  useAuthStore,
+  useBreadcrumb,
+  useBreadcrumbBuilder,
+  useInstitutionId,
   useMobile,
   useQuizStore,
   useRouteAuth,
@@ -12650,6 +13189,7 @@ var QuizListResultByMateria = ({
   useThemeStore,
   useToastStore,
   useUrlAuthentication,
+  useUrlParams,
   withAuth
 });
 //# sourceMappingURL=index.js.map