@pfm-platform/notifications-feature 0.1.1

package/dist/index.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var react = require('react');
+var notificationsDataAccess = require('@pfm-platform/notifications-data-access');
+
+// src/hooks/useNotificationGroups.ts
+function useNotificationGroups(userId) {
+  const { data: notifications } = notificationsDataAccess.useNotifications({ userId });
+  return react.useMemo(() => {
+    if (!notifications || notifications.length === 0) {
+      return {
+        byAlertType: {},
+        recent: [],
+        count: 0
+      };
+    }
+    const byAlertType = {};
+    notifications.forEach((notification) => {
+      if (!byAlertType[notification.alert_type]) {
+        byAlertType[notification.alert_type] = [];
+      }
+      byAlertType[notification.alert_type].push(notification);
+    });
+    const now = /* @__PURE__ */ new Date();
+    const twentyFourHoursAgo = new Date(now.getTime() - 24 * 60 * 60 * 1e3);
+    const recent = notifications.filter((notification) => {
+      const createdAt = new Date(notification.created_at);
+      return createdAt >= twentyFourHoursAgo;
+    });
+    return {
+      byAlertType,
+      recent,
+      count: notifications.length
+    };
+  }, [notifications]);
+}
+
+// src/hooks/useNotificationCount.ts
+function useNotificationCount(userId) {
+  const groups = useNotificationGroups(userId);
+  return groups.count;
+}
+
+exports.useNotificationCount = useNotificationCount;
+exports.useNotificationGroups = useNotificationGroups;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useNotificationGroups.ts","../src/hooks/useNotificationCount.ts"],"names":["useNotifications","useMemo"],"mappings":";;;;;;AAqBO,SAAS,sBAAsB,MAAA,EAAoC;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,KAAkBA,wCAAA,CAAiB,EAAE,QAAQ,CAAA;AAE3D,EAAA,OAAOC,cAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,aAAA,IAAiB,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG;AAChD,MAAA,OAAO;AAAA,QACL,aAAa,EAAC;AAAA,QACd,QAAQ,EAAC;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,IACF;AAGA,IAAA,MAAM,cAA8C,EAAC;AACrD,IAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,YAAA,KAAiB;AACtC,MAAA,IAAI,CAAC,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,EAAG;AACzC,QAAA,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,GAAI,EAAC;AAAA,MAC1C;AACA,MAAA,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,CAAE,IAAA,CAAK,YAAY,CAAA;AAAA,IACxD,CAAC,CAAA;AAGD,IAAA,MAAM,GAAA,uBAAU,IAAA,EAAK;AACrB,IAAA,MAAM,kBAAA,GAAqB,IAAI,IAAA,CAAK,GAAA,CAAI,SAAQ,GAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAI,CAAA;AAEvE,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,MAAA,CAAO,CAAC,YAAA,KAAiB;AACpD,MAAA,MAAM,SAAA,GAAY,IAAI,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA;AAClD,MAAA,OAAO,SAAA,IAAa,kBAAA;AAAA,IACtB,CAAC,CAAA;AAED,IAAA,OAAO;AAAA,MACL,WAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAO,aAAA,CAAc;AAAA,KACvB;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AACpB;;;ACzCO,SAAS,qBAAqB,MAAA,EAAwB;AAC3D,EAAA,MAAM,MAAA,GAA6B,sBAAsB,MAAM,CAAA;AAG/D,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB","file":"index.cjs","sourcesContent":["import { useMemo } from 'react';\nimport { useNotifications } from '@pfm-platform/notifications-data-access';\nimport type { Notification } from '@pfm-platform/shared';\n\nexport interface NotificationGroups {\n  byAlertType: Record<string, Notification[]>;\n  recent: Notification[];\n  count: number;\n}\n\n/**\n * Group notifications by alert type and identify recent notifications\n *\n * Business logic:\n * - byAlertType: Group notifications by their alert_type (AccountThresholdAlert, GoalAlert, etc.)\n * - recent: Notifications from last 24 hours\n * - count: Total notification count\n *\n * @param userId - User ID to fetch notifications for\n * @returns Object with grouped notifications and counts\n */\nexport function useNotificationGroups(userId: string): NotificationGroups {\n  const { data: notifications } = useNotifications({ userId });\n\n  return useMemo(() => {\n    if (!notifications || notifications.length === 0) {\n      return {\n        byAlertType: {},\n        recent: [],\n        count: 0,\n      };\n    }\n\n    // Group by alert type\n    const byAlertType: Record<string, Notification[]> = {};\n    notifications.forEach((notification) => {\n      if (!byAlertType[notification.alert_type]) {\n        byAlertType[notification.alert_type] = [];\n      }\n      byAlertType[notification.alert_type].push(notification);\n    });\n\n    // Filter recent notifications (last 24 hours)\n    const now = new Date();\n    const twentyFourHoursAgo = new Date(now.getTime() - 24 * 60 * 60 * 1000);\n\n    const recent = notifications.filter((notification) => {\n      const createdAt = new Date(notification.created_at);\n      return createdAt >= twentyFourHoursAgo;\n    });\n\n    return {\n      byAlertType,\n      recent,\n      count: notifications.length,\n    };\n  }, [notifications]);\n}\n","import { useNotificationGroups, type NotificationGroups } from './useNotificationGroups';\n\n/**\n * Returns the count of unread notifications for a user\n *\n * @param userId - User ID to get notification count for\n * @returns Number of unread notifications\n *\n * @example\n * ```tsx\n * function NotificationBadge({ userId }: { userId: string }) {\n *   const count = useNotificationCount(userId);\n *   return <Badge badgeContent={count}>...</Badge>;\n * }\n * ```\n */\nexport function useNotificationCount(userId: string): number {\n  const groups: NotificationGroups = useNotificationGroups(userId);\n\n  // Return the total count from the groups\n  return groups.count;\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,37 @@
+import { Notification } from '@pfm-platform/shared';
+
+interface NotificationGroups {
+    byAlertType: Record<string, Notification[]>;
+    recent: Notification[];
+    count: number;
+}
+/**
+ * Group notifications by alert type and identify recent notifications
+ *
+ * Business logic:
+ * - byAlertType: Group notifications by their alert_type (AccountThresholdAlert, GoalAlert, etc.)
+ * - recent: Notifications from last 24 hours
+ * - count: Total notification count
+ *
+ * @param userId - User ID to fetch notifications for
+ * @returns Object with grouped notifications and counts
+ */
+declare function useNotificationGroups(userId: string): NotificationGroups;
+
+/**
+ * Returns the count of unread notifications for a user
+ *
+ * @param userId - User ID to get notification count for
+ * @returns Number of unread notifications
+ *
+ * @example
+ * ```tsx
+ * function NotificationBadge({ userId }: { userId: string }) {
+ *   const count = useNotificationCount(userId);
+ *   return <Badge badgeContent={count}>...</Badge>;
+ * }
+ * ```
+ */
+declare function useNotificationCount(userId: string): number;
+
+export { type NotificationGroups, useNotificationCount, useNotificationGroups };

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import { Notification } from '@pfm-platform/shared';
+
+interface NotificationGroups {
+    byAlertType: Record<string, Notification[]>;
+    recent: Notification[];
+    count: number;
+}
+/**
+ * Group notifications by alert type and identify recent notifications
+ *
+ * Business logic:
+ * - byAlertType: Group notifications by their alert_type (AccountThresholdAlert, GoalAlert, etc.)
+ * - recent: Notifications from last 24 hours
+ * - count: Total notification count
+ *
+ * @param userId - User ID to fetch notifications for
+ * @returns Object with grouped notifications and counts
+ */
+declare function useNotificationGroups(userId: string): NotificationGroups;
+
+/**
+ * Returns the count of unread notifications for a user
+ *
+ * @param userId - User ID to get notification count for
+ * @returns Number of unread notifications
+ *
+ * @example
+ * ```tsx
+ * function NotificationBadge({ userId }: { userId: string }) {
+ *   const count = useNotificationCount(userId);
+ *   return <Badge badgeContent={count}>...</Badge>;
+ * }
+ * ```
+ */
+declare function useNotificationCount(userId: string): number;
+
+export { type NotificationGroups, useNotificationCount, useNotificationGroups };

package/dist/index.js

@@ -0,0 +1,44 @@
+import { useMemo } from 'react';
+import { useNotifications } from '@pfm-platform/notifications-data-access';
+
+// src/hooks/useNotificationGroups.ts
+function useNotificationGroups(userId) {
+  const { data: notifications } = useNotifications({ userId });
+  return useMemo(() => {
+    if (!notifications || notifications.length === 0) {
+      return {
+        byAlertType: {},
+        recent: [],
+        count: 0
+      };
+    }
+    const byAlertType = {};
+    notifications.forEach((notification) => {
+      if (!byAlertType[notification.alert_type]) {
+        byAlertType[notification.alert_type] = [];
+      }
+      byAlertType[notification.alert_type].push(notification);
+    });
+    const now = /* @__PURE__ */ new Date();
+    const twentyFourHoursAgo = new Date(now.getTime() - 24 * 60 * 60 * 1e3);
+    const recent = notifications.filter((notification) => {
+      const createdAt = new Date(notification.created_at);
+      return createdAt >= twentyFourHoursAgo;
+    });
+    return {
+      byAlertType,
+      recent,
+      count: notifications.length
+    };
+  }, [notifications]);
+}
+
+// src/hooks/useNotificationCount.ts
+function useNotificationCount(userId) {
+  const groups = useNotificationGroups(userId);
+  return groups.count;
+}
+
+export { useNotificationCount, useNotificationGroups };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useNotificationGroups.ts","../src/hooks/useNotificationCount.ts"],"names":[],"mappings":";;;;AAqBO,SAAS,sBAAsB,MAAA,EAAoC;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,KAAkB,gBAAA,CAAiB,EAAE,QAAQ,CAAA;AAE3D,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,aAAA,IAAiB,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG;AAChD,MAAA,OAAO;AAAA,QACL,aAAa,EAAC;AAAA,QACd,QAAQ,EAAC;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,IACF;AAGA,IAAA,MAAM,cAA8C,EAAC;AACrD,IAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,YAAA,KAAiB;AACtC,MAAA,IAAI,CAAC,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,EAAG;AACzC,QAAA,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,GAAI,EAAC;AAAA,MAC1C;AACA,MAAA,WAAA,CAAY,YAAA,CAAa,UAAU,CAAA,CAAE,IAAA,CAAK,YAAY,CAAA;AAAA,IACxD,CAAC,CAAA;AAGD,IAAA,MAAM,GAAA,uBAAU,IAAA,EAAK;AACrB,IAAA,MAAM,kBAAA,GAAqB,IAAI,IAAA,CAAK,GAAA,CAAI,SAAQ,GAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAI,CAAA;AAEvE,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,MAAA,CAAO,CAAC,YAAA,KAAiB;AACpD,MAAA,MAAM,SAAA,GAAY,IAAI,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA;AAClD,MAAA,OAAO,SAAA,IAAa,kBAAA;AAAA,IACtB,CAAC,CAAA;AAED,IAAA,OAAO;AAAA,MACL,WAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAO,aAAA,CAAc;AAAA,KACvB;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AACpB;;;ACzCO,SAAS,qBAAqB,MAAA,EAAwB;AAC3D,EAAA,MAAM,MAAA,GAA6B,sBAAsB,MAAM,CAAA;AAG/D,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB","file":"index.js","sourcesContent":["import { useMemo } from 'react';\nimport { useNotifications } from '@pfm-platform/notifications-data-access';\nimport type { Notification } from '@pfm-platform/shared';\n\nexport interface NotificationGroups {\n  byAlertType: Record<string, Notification[]>;\n  recent: Notification[];\n  count: number;\n}\n\n/**\n * Group notifications by alert type and identify recent notifications\n *\n * Business logic:\n * - byAlertType: Group notifications by their alert_type (AccountThresholdAlert, GoalAlert, etc.)\n * - recent: Notifications from last 24 hours\n * - count: Total notification count\n *\n * @param userId - User ID to fetch notifications for\n * @returns Object with grouped notifications and counts\n */\nexport function useNotificationGroups(userId: string): NotificationGroups {\n  const { data: notifications } = useNotifications({ userId });\n\n  return useMemo(() => {\n    if (!notifications || notifications.length === 0) {\n      return {\n        byAlertType: {},\n        recent: [],\n        count: 0,\n      };\n    }\n\n    // Group by alert type\n    const byAlertType: Record<string, Notification[]> = {};\n    notifications.forEach((notification) => {\n      if (!byAlertType[notification.alert_type]) {\n        byAlertType[notification.alert_type] = [];\n      }\n      byAlertType[notification.alert_type].push(notification);\n    });\n\n    // Filter recent notifications (last 24 hours)\n    const now = new Date();\n    const twentyFourHoursAgo = new Date(now.getTime() - 24 * 60 * 60 * 1000);\n\n    const recent = notifications.filter((notification) => {\n      const createdAt = new Date(notification.created_at);\n      return createdAt >= twentyFourHoursAgo;\n    });\n\n    return {\n      byAlertType,\n      recent,\n      count: notifications.length,\n    };\n  }, [notifications]);\n}\n","import { useNotificationGroups, type NotificationGroups } from './useNotificationGroups';\n\n/**\n * Returns the count of unread notifications for a user\n *\n * @param userId - User ID to get notification count for\n * @returns Number of unread notifications\n *\n * @example\n * ```tsx\n * function NotificationBadge({ userId }: { userId: string }) {\n *   const count = useNotificationCount(userId);\n *   return <Badge badgeContent={count}>...</Badge>;\n * }\n * ```\n */\nexport function useNotificationCount(userId: string): number {\n  const groups: NotificationGroups = useNotificationGroups(userId);\n\n  // Return the total count from the groups\n  return groups.count;\n}\n"]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@pfm-platform/notifications-feature",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "dependencies": {
+    "react": "19.2.0",
+    "@pfm-platform/notifications-data-access": "0.1.1",
+    "@pfm-platform/shared": "0.0.1"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "5.90.9",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.5",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.9",
+    "jsdom": "^27.2.0",
+    "react-dom": "19.2.0",
+    "typescript": "5.9.3",
+    "vitest": "4.0.9"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "description": "Personal Finance Management - NOTIFICATIONS feature layer",
+  "keywords": [
+    "pfm",
+    "finance",
+    "notifications",
+    "feature",
+    "react",
+    "typescript"
+  ],
+  "author": "Lenny Miller",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lennylmiller/pfm-research",
+    "directory": "packages/notifications/feature"
+  },
+  "bugs": "https://github.com/lennylmiller/pfm-research/issues",
+  "homepage": "https://github.com/lennylmiller/pfm-research#readme",
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean"
+  }
+}