analytica-frontend-lib 1.1.44 → 1.1.46

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,
@@ -6472,18 +6474,6 @@ var MenuContent = (0, import_react21.forwardRef)(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
     const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
-    const childrenArray = import_react21.Children.toArray(children);
-    const menuItemCount = childrenArray.filter(
-      (child) => (0, import_react21.isValidElement)(child) && child.type === MenuItem
-    ).length;
-    const enhancedChildren = variant === "menu2" ? import_react21.Children.map(children, (child) => {
-      if ((0, import_react21.isValidElement)(child) && child.type === MenuItem) {
-        return (0, import_react21.cloneElement)(child, {
-          itemCount: menuItemCount
-        });
-      }
-      return child;
-    }) : children;
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "ul",
       {
@@ -6496,7 +6486,7 @@ var MenuContent = (0, import_react21.forwardRef)(
         `,
         style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
-        children: enhancedChildren
+        children
       }
     );
   }
@@ -6511,7 +6501,6 @@ var MenuItem = (0, import_react21.forwardRef)(
     store: externalStore,
     variant = "menu",
     separator = false,
-    itemCount = 1,
     ...props
   }, ref) => {
     const store = useMenuStore(externalStore);
@@ -6557,7 +6546,7 @@ var MenuItem = (0, import_react21.forwardRef)(
         {
           "data-variant": "menu2",
           className: `
-            ${itemCount === 1 ? "w-fit" : "w-full"} flex flex-col items-center px-2 pt-4 gap-3 cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
+            w-full flex flex-col items-center px-2 pt-4 gap-3 cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
             focus:outline-none focus:border-indicator-info focus:border-2
             ${selectedValue === value ? "" : "pb-4"}
           `,
@@ -10888,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,
@@ -10993,7 +11092,9 @@ var createUseNotificationStore = (apiClient) => {
   VideoPlayer,
   Whiteboard,
   createNotificationStore,
+  createNotificationsHook,
   createUseNotificationStore,
+  createUseNotifications,
   createZustandAuthAdapter,
   formatTimeAgo,
   getDeviceType,