analytica-frontend-lib 1.1.44 → 1.1.46

package/dist/index.mjs

@@ -6408,18 +6408,6 @@ var MenuContent = forwardRef17(
   ({ 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 = Children5.toArray(children);
-    const menuItemCount = childrenArray.filter(
-      (child) => isValidElement5(child) && child.type === MenuItem
-    ).length;
-    const enhancedChildren = variant === "menu2" ? Children5.map(children, (child) => {
-      if (isValidElement5(child) && child.type === MenuItem) {
-        return cloneElement5(child, {
-          itemCount: menuItemCount
-        });
-      }
-      return child;
-    }) : children;
     return /* @__PURE__ */ jsx33(
       "ul",
       {
@@ -6432,7 +6420,7 @@ var MenuContent = forwardRef17(
         `,
         style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
-        children: enhancedChildren
+        children
       }
     );
   }
@@ -6447,7 +6435,6 @@ var MenuItem = forwardRef17(
     store: externalStore,
     variant = "menu",
     separator = false,
-    itemCount = 1,
     ...props
   }, ref) => {
     const store = useMenuStore(externalStore);
@@ -6493,7 +6480,7 @@ var MenuItem = forwardRef17(
         {
           "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"}
           `,
@@ -10861,6 +10848,116 @@ var NotificationCard_default = NotificationCard;
 var createUseNotificationStore = (apiClient) => {
   return createNotificationStore(apiClient);
 };
+
+// src/hooks/useNotifications.ts
+import { useCallback as useCallback5 } from "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 = useCallback5(
+      (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 = useCallback5(
+      (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 = useCallback5(
+      async (id, entityType, entityId) => {
+        await markAsRead(id);
+        if (entityType && entityId) {
+          handleNavigate(entityType, entityId);
+        }
+      },
+      [markAsRead, handleNavigate]
+    );
+    const refreshNotifications = useCallback5(async () => {
+      resetError();
+      await fetchNotifications();
+    }, [resetError, fetchNotifications]);
+    const formatNotification = useCallback5(
+      (notification) => ({
+        ...notification,
+        time: formatTimeAgo(notification.createdAt),
+        entityType: notification.entityType || void 0,
+        entityId: notification.entityId || void 0
+      }),
+      []
+    );
+    const getFormattedGroupedNotifications = useCallback5(() => {
+      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);
+};
 export {
   ANSWER_STATUS,
   Alert_default as Alert,
@@ -10965,7 +11062,9 @@ export {
   VideoPlayer_default as VideoPlayer,
   Whiteboard_default as Whiteboard,
   createNotificationStore,
+  createNotificationsHook,
   createUseNotificationStore,
+  createUseNotifications,
   createZustandAuthAdapter,
   formatTimeAgo,
   getDeviceType,