analytica-frontend-lib 1.1.45 → 1.1.47

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,
@@ -6431,6 +6433,7 @@ var useMenuStore = (externalStore) => {
 var VARIANT_CLASSES5 = {
   menu: "bg-background shadow-soft-shadow-1 px-6",
   menu2: "",
+  "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
 var Menu = (0, import_react21.forwardRef)(
@@ -6450,7 +6453,7 @@ var Menu = (0, import_react21.forwardRef)(
     (0, import_react21.useEffect)(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
-    const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
+    const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
@@ -6471,7 +6474,7 @@ Menu.displayName = "Menu";
 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 variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "ul",
       {
@@ -6482,7 +6485,7 @@ var MenuContent = (0, import_react21.forwardRef)(
           ${variant == "breadcrumb" ? "flex-wrap" : ""}
           ${className ?? ""}
         `,
-        style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
+        style: variant === "menu2" || variant === "menu-overflow" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
         children
       }
@@ -6564,6 +6567,31 @@ var MenuItem = (0, import_react21.forwardRef)(
           ]
         }
       ),
+      "menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        "li",
+        {
+          "data-variant": "menu-overflow",
+          className: `
+            w-fit 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"}
+          `,
+          ...commonProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "span",
+              {
+                className: cn(
+                  "flex flex-row items-center gap-2 px-4 text-text-950 text-xs font-bold",
+                  className
+                ),
+                children
+              }
+            ),
+            selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+          ]
+        }
+      ),
       breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         "li",
         {
@@ -10875,6 +10903,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 +11118,9 @@ var createUseNotificationStore = (apiClient) => {
   VideoPlayer,
   Whiteboard,
   createNotificationStore,
+  createNotificationsHook,
   createUseNotificationStore,
+  createUseNotifications,
   createZustandAuthAdapter,
   formatTimeAgo,
   getDeviceType,