analytica-frontend-lib 1.1.45 → 1.1.46

package/dist/NotificationCard/index.d.mts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import 'react';
-export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, d as NotificationItem, c as default } from '../NotificationCard-IYDURfYp.mjs';
+export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-kGUKNOqT.mjs';

package/dist/NotificationCard/index.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import 'react';
-export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, d as NotificationItem, c as default } from '../NotificationCard-IYDURfYp.js';
+export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-kGUKNOqT.js';

package/dist/{NotificationCard-IYDURfYp.d.mts → NotificationCard-kGUKNOqT.d.mts}

@@ -399,4 +399,4 @@ declare const NotificationCard: (props: NotificationCardProps) => react_jsx_runt
  */
 declare const LegacyNotificationCard: (props: LegacyNotificationCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type BackendNotification as B, type FetchNotificationsParams as F, type LegacyNotificationCardProps as L, type NotificationApiClient as N, type Notification as a, type NotificationGroup as b, NotificationCard as c, type NotificationItem as d, NotificationEntityType as e, type NotificationType as f, type BackendNotificationsResponse as g, type NotificationsResponse as h, type NotificationCardProps as i, LegacyNotificationCard as j };
+export { type BackendNotification as B, type FetchNotificationsParams as F, type LegacyNotificationCardProps as L, type NotificationApiClient as N, type Notification as a, type NotificationGroup as b, NotificationEntityType as c, type NotificationType as d, NotificationCard as e, type NotificationItem as f, type BackendNotificationsResponse as g, type NotificationsResponse as h, type NotificationCardProps as i, LegacyNotificationCard as j };

package/dist/{NotificationCard-IYDURfYp.d.ts → NotificationCard-kGUKNOqT.d.ts}

@@ -399,4 +399,4 @@ declare const NotificationCard: (props: NotificationCardProps) => react_jsx_runt
  */
 declare const LegacyNotificationCard: (props: LegacyNotificationCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type BackendNotification as B, type FetchNotificationsParams as F, type LegacyNotificationCardProps as L, type NotificationApiClient as N, type Notification as a, type NotificationGroup as b, NotificationCard as c, type NotificationItem as d, NotificationEntityType as e, type NotificationType as f, type BackendNotificationsResponse as g, type NotificationsResponse as h, type NotificationCardProps as i, LegacyNotificationCard as j };
+export { type BackendNotification as B, type FetchNotificationsParams as F, type LegacyNotificationCardProps as L, type NotificationApiClient as N, type Notification as a, type NotificationGroup as b, NotificationEntityType as c, type NotificationType as d, NotificationCard as e, type NotificationItem as f, type BackendNotificationsResponse as g, type NotificationsResponse as h, type NotificationCardProps as i, LegacyNotificationCard as j };

package/dist/index.d.mts

@@ -47,8 +47,8 @@ export { useApiConfig } from './Auth/useApiConfig/index.mjs';
 export { Quiz, QuizAlternative, QuizConnectDots, QuizContent, QuizDissertative, QuizFooter, QuizHeader, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizQuestionList, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTitle, QuizTrueOrFalse, getStatusBadge } from './Quiz/index.mjs';
 export { ANSWER_STATUS, Activity, Lesson, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, Question, QuestionResult, QuizState, SUBTYPE_ENUM, Simulated, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.mjs';
 export { default as LoadingModal } from './LoadingModal/index.mjs';
-import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup } from './NotificationCard-IYDURfYp.mjs';
-export { B as BackendNotification, g as BackendNotificationsResponse, c as NotificationCard, e as NotificationEntityType, d as NotificationItem, f as NotificationType, h as NotificationsResponse } from './NotificationCard-IYDURfYp.mjs';
+import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-kGUKNOqT.mjs';
+export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse } from './NotificationCard-kGUKNOqT.mjs';
 import 'react/jsx-runtime';
 
 /**
@@ -259,4 +259,129 @@ declare const createUseNotificationStore: (apiClient: NotificationApiClient) =>
     };
 }>;
 
-export { CheckboxList, CheckboxListItem, FetchNotificationsParams, Notification, type NotificationActions, NotificationApiClient, NotificationGroup, type NotificationState, type NotificationStore, createNotificationStore, createUseNotificationStore, formatTimeAgo };
+/**
+ * Create a comprehensive notifications hook with formatting and navigation
+ * This hook provides all notification functionality in a single interface
+ *
+ * @param apiClient - API client instance for notifications
+ * @returns Hook with notification state, actions, and utilities
+ */
+declare const createUseNotifications: (apiClient: NotificationApiClient) => () => {
+    notifications: Notification[];
+    unreadCount: number;
+    loading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    currentPage: number;
+    fetchNotifications: (params?: FetchNotificationsParams) => Promise<void>;
+    markAsRead: (id: string) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+    deleteNotification: (id: string) => Promise<void>;
+    clearNotifications: () => void;
+    resetError: () => void;
+    markAsReadAndNavigate: (id: string, entityType?: string, entityId?: string) => Promise<void>;
+    refreshNotifications: () => Promise<void>;
+    handleNavigate: (entityType?: string, entityId?: string) => void;
+    getActionLabel: (entityType?: string) => string | undefined;
+    getGroupedNotifications: () => NotificationGroup[];
+    getFormattedGroupedNotifications: () => {
+        notifications: {
+            time: string;
+            entityType: NotificationEntityType | undefined;
+            entityId: string | undefined;
+            id: string;
+            title: string;
+            message: string;
+            type: NotificationType;
+            isRead: boolean;
+            createdAt: Date;
+            sender?: {
+                id: string;
+                user: {
+                    id: string;
+                    name: string;
+                    email: string;
+                };
+            } | null;
+            activity?: {
+                id: string;
+                title: string;
+                type: string;
+            } | null;
+            goal?: {
+                id: string;
+                title: string;
+            } | null;
+        }[];
+        label: string;
+    }[];
+};
+/**
+ * Create a pre-configured notifications hook
+ * This is a convenience function that returns a hook ready to use
+ *
+ * @param apiClient - API client instance for notifications
+ * @returns Pre-configured useNotifications hook
+ *
+ * @example
+ * // In your app setup
+ * import { createNotificationsHook } from 'analytica-frontend-lib';
+ * import api from './services/api';
+ *
+ * export const useNotifications = createNotificationsHook(api);
+ *
+ * // Then use directly in components
+ * const { unreadCount, fetchNotifications } = useNotifications();
+ */
+declare const createNotificationsHook: (apiClient: NotificationApiClient) => () => {
+    notifications: Notification[];
+    unreadCount: number;
+    loading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    currentPage: number;
+    fetchNotifications: (params?: FetchNotificationsParams) => Promise<void>;
+    markAsRead: (id: string) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+    deleteNotification: (id: string) => Promise<void>;
+    clearNotifications: () => void;
+    resetError: () => void;
+    markAsReadAndNavigate: (id: string, entityType?: string, entityId?: string) => Promise<void>;
+    refreshNotifications: () => Promise<void>;
+    handleNavigate: (entityType?: string, entityId?: string) => void;
+    getActionLabel: (entityType?: string) => string | undefined;
+    getGroupedNotifications: () => NotificationGroup[];
+    getFormattedGroupedNotifications: () => {
+        notifications: {
+            time: string;
+            entityType: NotificationEntityType | undefined;
+            entityId: string | undefined;
+            id: string;
+            title: string;
+            message: string;
+            type: NotificationType;
+            isRead: boolean;
+            createdAt: Date;
+            sender?: {
+                id: string;
+                user: {
+                    id: string;
+                    name: string;
+                    email: string;
+                };
+            } | null;
+            activity?: {
+                id: string;
+                title: string;
+                type: string;
+            } | null;
+            goal?: {
+                id: string;
+                title: string;
+            } | null;
+        }[];
+        label: string;
+    }[];
+};
+
+export { CheckboxList, CheckboxListItem, FetchNotificationsParams, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo };

package/dist/index.d.ts

@@ -47,8 +47,8 @@ export { useApiConfig } from './Auth/useApiConfig/index.js';
 export { Quiz, QuizAlternative, QuizConnectDots, QuizContent, QuizDissertative, QuizFooter, QuizHeader, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizQuestionList, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTitle, QuizTrueOrFalse, getStatusBadge } from './Quiz/index.js';
 export { ANSWER_STATUS, Activity, Lesson, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, Question, QuestionResult, QuizState, SUBTYPE_ENUM, Simulated, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.js';
 export { default as LoadingModal } from './LoadingModal/index.js';
-import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup } from './NotificationCard-IYDURfYp.js';
-export { B as BackendNotification, g as BackendNotificationsResponse, c as NotificationCard, e as NotificationEntityType, d as NotificationItem, f as NotificationType, h as NotificationsResponse } from './NotificationCard-IYDURfYp.js';
+import { N as NotificationApiClient, a as Notification, F as FetchNotificationsParams, b as NotificationGroup, c as NotificationEntityType, d as NotificationType } from './NotificationCard-kGUKNOqT.js';
+export { B as BackendNotification, g as BackendNotificationsResponse, e as NotificationCard, f as NotificationItem, h as NotificationsResponse } from './NotificationCard-kGUKNOqT.js';
 import 'react/jsx-runtime';
 
 /**
@@ -259,4 +259,129 @@ declare const createUseNotificationStore: (apiClient: NotificationApiClient) =>
     };
 }>;
 
-export { CheckboxList, CheckboxListItem, FetchNotificationsParams, Notification, type NotificationActions, NotificationApiClient, NotificationGroup, type NotificationState, type NotificationStore, createNotificationStore, createUseNotificationStore, formatTimeAgo };
+/**
+ * Create a comprehensive notifications hook with formatting and navigation
+ * This hook provides all notification functionality in a single interface
+ *
+ * @param apiClient - API client instance for notifications
+ * @returns Hook with notification state, actions, and utilities
+ */
+declare const createUseNotifications: (apiClient: NotificationApiClient) => () => {
+    notifications: Notification[];
+    unreadCount: number;
+    loading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    currentPage: number;
+    fetchNotifications: (params?: FetchNotificationsParams) => Promise<void>;
+    markAsRead: (id: string) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+    deleteNotification: (id: string) => Promise<void>;
+    clearNotifications: () => void;
+    resetError: () => void;
+    markAsReadAndNavigate: (id: string, entityType?: string, entityId?: string) => Promise<void>;
+    refreshNotifications: () => Promise<void>;
+    handleNavigate: (entityType?: string, entityId?: string) => void;
+    getActionLabel: (entityType?: string) => string | undefined;
+    getGroupedNotifications: () => NotificationGroup[];
+    getFormattedGroupedNotifications: () => {
+        notifications: {
+            time: string;
+            entityType: NotificationEntityType | undefined;
+            entityId: string | undefined;
+            id: string;
+            title: string;
+            message: string;
+            type: NotificationType;
+            isRead: boolean;
+            createdAt: Date;
+            sender?: {
+                id: string;
+                user: {
+                    id: string;
+                    name: string;
+                    email: string;
+                };
+            } | null;
+            activity?: {
+                id: string;
+                title: string;
+                type: string;
+            } | null;
+            goal?: {
+                id: string;
+                title: string;
+            } | null;
+        }[];
+        label: string;
+    }[];
+};
+/**
+ * Create a pre-configured notifications hook
+ * This is a convenience function that returns a hook ready to use
+ *
+ * @param apiClient - API client instance for notifications
+ * @returns Pre-configured useNotifications hook
+ *
+ * @example
+ * // In your app setup
+ * import { createNotificationsHook } from 'analytica-frontend-lib';
+ * import api from './services/api';
+ *
+ * export const useNotifications = createNotificationsHook(api);
+ *
+ * // Then use directly in components
+ * const { unreadCount, fetchNotifications } = useNotifications();
+ */
+declare const createNotificationsHook: (apiClient: NotificationApiClient) => () => {
+    notifications: Notification[];
+    unreadCount: number;
+    loading: boolean;
+    error: string | null;
+    hasMore: boolean;
+    currentPage: number;
+    fetchNotifications: (params?: FetchNotificationsParams) => Promise<void>;
+    markAsRead: (id: string) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+    deleteNotification: (id: string) => Promise<void>;
+    clearNotifications: () => void;
+    resetError: () => void;
+    markAsReadAndNavigate: (id: string, entityType?: string, entityId?: string) => Promise<void>;
+    refreshNotifications: () => Promise<void>;
+    handleNavigate: (entityType?: string, entityId?: string) => void;
+    getActionLabel: (entityType?: string) => string | undefined;
+    getGroupedNotifications: () => NotificationGroup[];
+    getFormattedGroupedNotifications: () => {
+        notifications: {
+            time: string;
+            entityType: NotificationEntityType | undefined;
+            entityId: string | undefined;
+            id: string;
+            title: string;
+            message: string;
+            type: NotificationType;
+            isRead: boolean;
+            createdAt: Date;
+            sender?: {
+                id: string;
+                user: {
+                    id: string;
+                    name: string;
+                    email: string;
+                };
+            } | null;
+            activity?: {
+                id: string;
+                title: string;
+                type: string;
+            } | null;
+            goal?: {
+                id: string;
+                title: string;
+            } | null;
+        }[];
+        label: string;
+    }[];
+};
+
+export { CheckboxList, CheckboxListItem, FetchNotificationsParams, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo };

package/dist/index.js

@@ -133,7 +133,9 @@ __export(src_exports, {
   VideoPlayer: () => VideoPlayer_default,
   Whiteboard: () => Whiteboard_default,
   createNotificationStore: () => createNotificationStore,
+  createNotificationsHook: () => createNotificationsHook,
   createUseNotificationStore: () => createUseNotificationStore,
+  createUseNotifications: () => createUseNotifications,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
   formatTimeAgo: () => formatTimeAgo,
   getDeviceType: () => getDeviceType,
@@ -10875,6 +10877,116 @@ var NotificationCard_default = NotificationCard;
 var createUseNotificationStore = (apiClient) => {
   return createNotificationStore(apiClient);
 };
+
+// src/hooks/useNotifications.ts
+var import_react31 = require("react");
+var createUseNotifications = (apiClient) => {
+  const useNotificationStore = createUseNotificationStore(apiClient);
+  return () => {
+    const {
+      notifications,
+      unreadCount,
+      loading,
+      error,
+      hasMore,
+      currentPage,
+      fetchNotifications,
+      markAsRead,
+      markAllAsRead,
+      deleteNotification,
+      clearNotifications,
+      resetError,
+      getGroupedNotifications
+    } = useNotificationStore();
+    const handleNavigate = (0, import_react31.useCallback)(
+      (entityType, entityId) => {
+        if (entityType && entityId) {
+          switch (entityType.toUpperCase()) {
+            case "ACTIVITY" /* ACTIVITY */:
+              window.location.href = `/atividades/${entityId}`;
+              break;
+            case "GOAL" /* GOAL */:
+              window.location.href = `/painel/trilhas/${entityId}`;
+              break;
+            default:
+              break;
+          }
+        }
+      },
+      []
+    );
+    const getActionLabel = (0, import_react31.useCallback)(
+      (entityType) => {
+        if (!entityType) return void 0;
+        switch (entityType.toUpperCase()) {
+          case "ACTIVITY" /* ACTIVITY */:
+            return "Ver atividade";
+          case "GOAL" /* GOAL */:
+            return "Ver meta";
+          default:
+            return void 0;
+        }
+      },
+      []
+    );
+    const markAsReadAndNavigate = (0, import_react31.useCallback)(
+      async (id, entityType, entityId) => {
+        await markAsRead(id);
+        if (entityType && entityId) {
+          handleNavigate(entityType, entityId);
+        }
+      },
+      [markAsRead, handleNavigate]
+    );
+    const refreshNotifications = (0, import_react31.useCallback)(async () => {
+      resetError();
+      await fetchNotifications();
+    }, [resetError, fetchNotifications]);
+    const formatNotification = (0, import_react31.useCallback)(
+      (notification) => ({
+        ...notification,
+        time: formatTimeAgo(notification.createdAt),
+        entityType: notification.entityType || void 0,
+        entityId: notification.entityId || void 0
+      }),
+      []
+    );
+    const getFormattedGroupedNotifications = (0, import_react31.useCallback)(() => {
+      const groups = getGroupedNotifications();
+      return groups.map((group) => ({
+        ...group,
+        notifications: group.notifications.map(formatNotification)
+      }));
+    }, [getGroupedNotifications, formatNotification]);
+    return {
+      // State
+      notifications,
+      unreadCount,
+      loading,
+      error,
+      hasMore,
+      currentPage,
+      // Actions
+      fetchNotifications,
+      markAsRead,
+      markAllAsRead,
+      deleteNotification,
+      clearNotifications,
+      resetError,
+      markAsReadAndNavigate,
+      refreshNotifications,
+      // Navigation
+      handleNavigate,
+      // Helpers
+      getActionLabel,
+      getGroupedNotifications,
+      getFormattedGroupedNotifications
+    };
+  };
+};
+var createNotificationsHook = (apiClient) => {
+  return createUseNotifications(apiClient);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ANSWER_STATUS,
@@ -10980,7 +11092,9 @@ var createUseNotificationStore = (apiClient) => {
   VideoPlayer,
   Whiteboard,
   createNotificationStore,
+  createNotificationsHook,
   createUseNotificationStore,
+  createUseNotifications,
   createZustandAuthAdapter,
   formatTimeAgo,
   getDeviceType,