@ttt-productions/notification-core 0.2.1 → 0.2.2

package/dist/components/NotificationEmptyState.d.ts

@@ -0,0 +1,6 @@
+import type { NotificationEmptyStateProps } from '../types.js';
+/**
+ * Empty state shown when there are no active notifications.
+ */
+export declare function NotificationEmptyState({ text, }: NotificationEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationEmptyState.d.ts.map

package/dist/components/NotificationEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationEmptyState.d.ts","sourceRoot":"","sources":["../../src/components/NotificationEmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE/D;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAA8B,GAC/B,EAAE,2BAA2B,2CAqB7B"}

package/dist/components/NotificationEmptyState.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Empty state shown when there are no active notifications.
+ */
+export function NotificationEmptyState({ text = "You're all caught up!", }) {
+    return (_jsxs("div", { className: "ntf-empty", children: [_jsxs("svg", { className: "ntf-empty-icon", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }), _jsx("p", { className: "ntf-empty-text", children: text })] }));
+}
+//# sourceMappingURL=NotificationEmptyState.js.map

package/dist/components/NotificationEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationEmptyState.js","sourceRoot":"","sources":["../../src/components/NotificationEmptyState.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,GAAG,uBAAuB,GACF;IAC5B,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,mBAAU,MAAM,EAAC,uBAAuB,GAAG,IACvC,EACN,YAAG,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAK,IACpC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/NotificationHistoryList.d.ts

@@ -0,0 +1,7 @@
+import type { NotificationHistoryListProps } from '../types.js';
+/**
+ * Paginated list of archived notifications. Read-only (no clear all).
+ * Supports optional re-navigation on click.
+ */
+export declare function NotificationHistoryList({ config, userId, category, onNotificationClick, }: NotificationHistoryListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationHistoryList.d.ts.map

package/dist/components/NotificationHistoryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHistoryList.d.ts","sourceRoot":"","sources":["../../src/components/NotificationHistoryList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA0B,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAExF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,mBAAmB,GACpB,EAAE,4BAA4B,2CAwF9B"}

package/dist/components/NotificationHistoryList.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Separator } from '@ttt-productions/ui-core';
+import { useNotificationHistory } from '../hooks/useNotificationHistory.js';
+import { formatRelativeTime } from './relative-time.js';
+/**
+ * Paginated list of archived notifications. Read-only (no clear all).
+ * Supports optional re-navigation on click.
+ */
+export function NotificationHistoryList({ config, userId, category, onNotificationClick, }) {
+    const { data: history, isLoading, hasNextPage, nextPage, } = useNotificationHistory({
+        config,
+        userId,
+        category,
+    });
+    const getTypeIcon = (type) => {
+        const typeConfig = config.types[type];
+        return typeConfig?.icon ?? '🔔';
+    };
+    if (isLoading) {
+        return _jsx("div", { className: "ntf-loading", children: "Loading history..." });
+    }
+    if (!history || history.length === 0) {
+        return (_jsx("div", { className: "ntf-empty", children: _jsx("p", { className: "ntf-empty-text", children: "No notification history" }) }));
+    }
+    return (_jsxs("div", { className: "ntf-list", children: [_jsx("div", { className: "ntf-list-header", children: _jsx("span", { className: "ntf-list-header-title", children: "History" }) }), _jsx(Separator, {}), history.map((item) => {
+                const isClickable = !!onNotificationClick;
+                const className = isClickable
+                    ? 'ntf-history-item ntf-history-item--clickable'
+                    : 'ntf-history-item';
+                return (_jsxs("div", { className: className, role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, onClick: isClickable ? () => onNotificationClick(item) : undefined, onKeyDown: isClickable
+                        ? (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                onNotificationClick(item);
+                            }
+                        }
+                        : undefined, children: [_jsx("div", { className: "ntf-item-icon", children: getTypeIcon(item.type) }), _jsxs("div", { className: "ntf-item-content", children: [_jsx("div", { className: "ntf-item-title", children: item.title }), _jsx("div", { className: "ntf-item-message", children: item.message }), _jsx("div", { className: "ntf-item-timestamp", children: formatRelativeTime(item.archival.archivedAt) })] }), item.count > 1 && (_jsx("div", { className: "ntf-item-count", children: _jsxs(Badge, { variant: "secondary", children: ["\u00D7", item.count] }) }))] }, item.id));
+            }), hasNextPage && (_jsx("div", { className: "ntf-list-footer", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: nextPage, children: "Load more" }) }))] }));
+}
+//# sourceMappingURL=NotificationHistoryList.js.map

package/dist/components/NotificationHistoryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHistoryList.js","sourceRoot":"","sources":["../../src/components/NotificationHistoryList.tsx"],"names":[],"mappings":"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"}

package/dist/components/NotificationList.d.ts

@@ -0,0 +1,6 @@
+import type { NotificationListProps } from '../types.js';
+/**
+ * Scrollable list of active notifications with click-to-archive and clear-all.
+ */
+export declare function NotificationList({ config, userId, category, onNotificationClick, onClearAll, refetchInterval, device, emptyText, }: NotificationListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationList.d.ts.map

package/dist/components/NotificationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../src/components/NotificationList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAmB,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE1E;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,MAAc,EACd,SAAS,GACV,EAAE,qBAAqB,2CA2IvB"}

package/dist/components/NotificationList.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Badge, Button, Separator } from '@ttt-productions/ui-core';
+import { useActiveNotifications } from '../hooks/useActiveNotifications.js';
+import { useArchiveNotification } from '../hooks/useArchiveNotification.js';
+import { useArchiveAllNotifications } from '../hooks/useArchiveAllNotifications.js';
+import { useUnreadCount } from '../hooks/useUnreadCount.js';
+import { NotificationEmptyState } from './NotificationEmptyState.js';
+import { formatRelativeTime } from './relative-time.js';
+/**
+ * Scrollable list of active notifications with click-to-archive and clear-all.
+ */
+export function NotificationList({ config, userId, category, onNotificationClick, onClearAll, refetchInterval, device = 'web', emptyText, }) {
+    const { data: notifications, isLoading, hasNextPage, nextPage, } = useActiveNotifications({
+        config,
+        userId,
+        category,
+        refetchInterval,
+    });
+    const { count: unreadCount } = useUnreadCount({
+        config,
+        userId,
+        category,
+        refetchInterval,
+    });
+    const archiveMutation = useArchiveNotification({
+        config,
+        userId,
+        category,
+    });
+    const archiveAllMutation = useArchiveAllNotifications({
+        config,
+        userId,
+        category,
+    });
+    const handleNotificationClick = useCallback(async (notification) => {
+        try {
+            await archiveMutation.mutateAsync({
+                notificationId: notification.id,
+                archivalInfo: {
+                    archivedBy: userId,
+                    archivedAt: Date.now(),
+                    device,
+                },
+            });
+        }
+        catch {
+            // Still navigate even if archive fails
+        }
+        onNotificationClick(notification);
+    }, [archiveMutation, userId, device, onNotificationClick]);
+    const handleClearAll = useCallback(async () => {
+        try {
+            await archiveAllMutation.mutateAsync({
+                archivalInfo: {
+                    archivedBy: userId,
+                    archivedAt: Date.now(),
+                    device,
+                },
+            });
+        }
+        catch {
+            // Silently fail
+        }
+        onClearAll?.();
+    }, [archiveAllMutation, userId, device, onClearAll]);
+    const getTypeIcon = useCallback((type) => {
+        const typeConfig = config.types[type];
+        return typeConfig?.icon ?? '🔔';
+    }, [config]);
+    return (_jsxs("div", { className: "ntf-list", children: [_jsxs("div", { className: "ntf-list-header", children: [_jsx("span", { className: "ntf-list-header-title", children: "Notifications" }), unreadCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleClearAll, disabled: archiveAllMutation.isPending, children: archiveAllMutation.isPending ? 'Clearing...' : 'Clear All' }))] }), _jsx(Separator, {}), isLoading ? (_jsx("div", { className: "ntf-loading", children: "Loading..." })) : !notifications || notifications.length === 0 ? (_jsx(NotificationEmptyState, { text: emptyText })) : (_jsxs(_Fragment, { children: [notifications.map((notification) => (_jsxs("div", { className: "ntf-item", role: "button", tabIndex: 0, onClick: () => handleNotificationClick(notification), onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                handleNotificationClick(notification);
+                            }
+                        }, children: [_jsx("div", { className: "ntf-item-icon", children: getTypeIcon(notification.type) }), _jsxs("div", { className: "ntf-item-content", children: [_jsx("div", { className: "ntf-item-title", children: notification.title }), _jsx("div", { className: "ntf-item-message", children: notification.message }), _jsx("div", { className: "ntf-item-timestamp", children: formatRelativeTime(notification.updatedAt) })] }), notification.count > 1 && (_jsx("div", { className: "ntf-item-count", children: _jsxs(Badge, { variant: "secondary", children: ["\u00D7", notification.count] }) }))] }, notification.id))), hasNextPage && (_jsx("div", { className: "ntf-list-footer", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: nextPage, children: "Load more" }) }))] }))] }));
+}
+//# sourceMappingURL=NotificationList.js.map

package/dist/components/NotificationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../../src/components/NotificationList.tsx"],"names":[],"mappings":"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"}

package/dist/components/NotificationUnreadBadge.d.ts

@@ -0,0 +1,8 @@
+import type { NotificationUnreadBadgeProps } from '../types.js';
+/**
+ * Unread count badge (red circle with number).
+ * Renders nothing when count is 0.
+ * Apps wrap this around whatever trigger element they want.
+ */
+export declare function NotificationUnreadBadge({ config, userId, category, refetchInterval, }: NotificationUnreadBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=NotificationUnreadBadge.d.ts.map

package/dist/components/NotificationUnreadBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationUnreadBadge.d.ts","sourceRoot":"","sources":["../../src/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GAChB,EAAE,4BAA4B,kDAe9B"}

package/dist/components/NotificationUnreadBadge.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUnreadCount } from '../hooks/useUnreadCount.js';
+/**
+ * Unread count badge (red circle with number).
+ * Renders nothing when count is 0.
+ * Apps wrap this around whatever trigger element they want.
+ */
+export function NotificationUnreadBadge({ config, userId, category, refetchInterval, }) {
+    const { count, hasMore } = useUnreadCount({
+        config,
+        userId,
+        category,
+        refetchInterval,
+    });
+    if (count === 0)
+        return null;
+    const displayCount = hasMore ? '99+' : count > 9 ? '9+' : String(count);
+    return (_jsx("span", { className: "ntf-badge", children: displayCount }));
+}
+//# sourceMappingURL=NotificationUnreadBadge.js.map

package/dist/components/NotificationUnreadBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationUnreadBadge.js","sourceRoot":"","sources":["../../src/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG5D;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GACc;IAC7B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC;QACxC,MAAM;QACN,MAAM;QACN,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAExE,OAAO,CACL,eAAM,SAAS,EAAC,WAAW,YAAE,YAAY,GAAQ,CAClD,CAAC;AACJ,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export { NotificationList } from './NotificationList.js';
+export { NotificationEmptyState } from './NotificationEmptyState.js';
+export { NotificationHistoryList } from './NotificationHistoryList.js';
+export { NotificationUnreadBadge } from './NotificationUnreadBadge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,5 @@
+export { NotificationList } from './NotificationList.js';
+export { NotificationEmptyState } from './NotificationEmptyState.js';
+export { NotificationHistoryList } from './NotificationHistoryList.js';
+export { NotificationUnreadBadge } from './NotificationUnreadBadge.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/relative-time.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Format epoch ms to a relative time string (e.g. "2m ago", "3h ago", "1d ago").
+ */
+export declare function formatRelativeTime(epochMs: number): string;
+//# sourceMappingURL=relative-time.d.ts.map

package/dist/components/relative-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../src/components/relative-time.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAc1D"}

package/dist/components/relative-time.js

@@ -0,0 +1,23 @@
+/**
+ * Format epoch ms to a relative time string (e.g. "2m ago", "3h ago", "1d ago").
+ */
+export function formatRelativeTime(epochMs) {
+    const now = Date.now();
+    const diffMs = now - epochMs;
+    const diffSec = Math.floor(diffMs / 1000);
+    const diffMin = Math.floor(diffSec / 60);
+    const diffHr = Math.floor(diffMin / 60);
+    const diffDay = Math.floor(diffHr / 24);
+    if (diffSec < 60)
+        return 'just now';
+    if (diffMin < 60)
+        return `${diffMin}m ago`;
+    if (diffHr < 24)
+        return `${diffHr}h ago`;
+    if (diffDay < 7)
+        return `${diffDay}d ago`;
+    if (diffDay < 30)
+        return `${Math.floor(diffDay / 7)}w ago`;
+    return `${Math.floor(diffDay / 30)}mo ago`;
+}
+//# sourceMappingURL=relative-time.js.map

package/dist/components/relative-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.js","sourceRoot":"","sources":["../../src/components/relative-time.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAAe;IAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,UAAU,CAAC;IACpC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,IAAI,MAAM,GAAG,EAAE;QAAE,OAAO,GAAG,MAAM,OAAO,CAAC;IACzC,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC1C,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;IAC3D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,9 +1,6 @@
-export { useNotifications } from './useNotifications.js';
-export type { UseNotificationsOptions } from './useNotifications.js';
+export { useActiveNotifications } from './useActiveNotifications.js';
 export { useUnreadCount } from './useUnreadCount.js';
-export type { UseUnreadCountOptions } from './useUnreadCount.js';
-export { useMarkAsRead } from './useMarkAsRead.js';
-export type { UseMarkAsReadOptions } from './useMarkAsRead.js';
-export { useMarkAllAsRead } from './useMarkAllAsRead.js';
-export type { UseMarkAllAsReadOptions } from './useMarkAllAsRead.js';
+export { useArchiveNotification } from './useArchiveNotification.js';
+export { useArchiveAllNotifications } from './useArchiveAllNotifications.js';
+export { useNotificationHistory } from './useNotificationHistory.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/hooks/index.js

@@ -1,5 +1,6 @@
-export { useNotifications } from './useNotifications.js';
+export { useActiveNotifications } from './useActiveNotifications.js';
 export { useUnreadCount } from './useUnreadCount.js';
-export { useMarkAsRead } from './useMarkAsRead.js';
-export { useMarkAllAsRead } from './useMarkAllAsRead.js';
+export { useArchiveNotification } from './useArchiveNotification.js';
+export { useArchiveAllNotifications } from './useArchiveAllNotifications.js';
+export { useNotificationHistory } from './useNotificationHistory.js';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/hooks/useActiveNotifications.d.ts

@@ -0,0 +1,7 @@
+import type { NotificationDoc, UseActiveNotificationsOptions } from '../types.js';
+/**
+ * Paginated fetch of active (unread) notifications.
+ * Uses polling (refetchInterval) instead of real-time subscriptions for cost control.
+ */
+export declare function useActiveNotifications({ config, userId, category, enabled, pageSize, refetchInterval, }: UseActiveNotificationsOptions): import("@ttt-productions/query-core").UseFirestorePaginatedResult<NotificationDoc>;
+//# sourceMappingURL=useActiveNotifications.d.ts.map

package/dist/hooks/useActiveNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveNotifications.d.ts","sourceRoot":"","sources":["../../src/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAKlF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAc,EACd,QAA4B,EAC5B,eAA0C,GAC3C,EAAE,6BAA6B,sFAsB/B"}

package/dist/hooks/useActiveNotifications.js

@@ -0,0 +1,30 @@
+'use client';
+import { useFirestorePaginated } from '@ttt-productions/query-core';
+import { orderBy, where } from 'firebase/firestore';
+const DEFAULT_PAGE_SIZE = 20;
+const DEFAULT_REFETCH_INTERVAL = 30_000;
+/**
+ * Paginated fetch of active (unread) notifications.
+ * Uses polling (refetchInterval) instead of real-time subscriptions for cost control.
+ */
+export function useActiveNotifications({ config, userId, category, enabled = true, pageSize = DEFAULT_PAGE_SIZE, refetchInterval = DEFAULT_REFETCH_INTERVAL, }) {
+    const categoryConfig = config.categories[category];
+    if (!categoryConfig) {
+        throw new Error(`[notification-core] Unknown category: ${category}`);
+    }
+    const collectionPath = categoryConfig.activePath;
+    const isPersonal = categoryConfig.audienceType === 'personal';
+    const constraints = [
+        ...(isPersonal ? [where('targetUserId', '==', userId)] : []),
+        orderBy('updatedAt', 'desc'),
+    ];
+    return useFirestorePaginated({
+        collectionPath,
+        queryKey: ['notifications', 'active', category, userId, { pageSize }],
+        constraints,
+        pageSize,
+        enabled: enabled && !!userId,
+        staleTime: refetchInterval,
+    });
+}
+//# sourceMappingURL=useActiveNotifications.js.map

package/dist/hooks/useActiveNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveNotifications.js","sourceRoot":"","sources":["../../src/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAwB,MAAM,oBAAoB,CAAC;AAG1E,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAExC;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,iBAAiB,EAC5B,eAAe,GAAG,wBAAwB,GACZ;IAC9B,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,yCAAyC,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC;IACjD,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,KAAK,UAAU,CAAC;IAE9D,MAAM,WAAW,GAAsB;QACrC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC;KAC7B,CAAC;IAEF,OAAO,qBAAqB,CAAkB;QAC5C,cAAc;QACd,QAAQ,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;QACrE,WAAW;QACX,QAAQ;QACR,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,MAAM;QAC5B,SAAS,EAAE,eAAe;KAC3B,CAAC,CAAC;AACL,CAAC"}

package/dist/hooks/useArchiveAllNotifications.d.ts

@@ -0,0 +1,24 @@
+import type { ArchivalInfo, UseArchiveAllNotificationsOptions } from '../types.js';
+/**
+ * Archive all active notifications in batches.
+ * Reads active docs in batches of 50, archives each batch, repeats until empty.
+ *
+ * @example
+ * ```tsx
+ * const archiveAll = useArchiveAllNotifications({
+ *   config: TTT_NOTIFICATION_CONFIG,
+ *   userId: user.uid,
+ *   category: 'user',
+ * });
+ *
+ * archiveAll.mutate({
+ *   archivalInfo: { archivedBy: user.uid, archivedAt: Date.now(), device: 'web' },
+ * });
+ * ```
+ */
+export declare function useArchiveAllNotifications({ config, userId, category, invalidateKeys, }: UseArchiveAllNotificationsOptions): import("@tanstack/react-query").UseMutationResult<{
+    totalArchived: number;
+}, Error, {
+    archivalInfo: ArchivalInfo;
+}, unknown>;
+//# sourceMappingURL=useArchiveAllNotifications.d.ts.map

package/dist/hooks/useArchiveAllNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArchiveAllNotifications.d.ts","sourceRoot":"","sources":["../../src/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAEV,YAAY,EACZ,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAIrB;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE,iCAAiC;;;kBAehB,YAAY;YAkE/B"}

package/dist/hooks/useArchiveAllNotifications.js

@@ -0,0 +1,87 @@
+'use client';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { collection, query, where, orderBy, limit, getDocs, doc, writeBatch, } from 'firebase/firestore';
+import { useFirestoreDb } from '@ttt-productions/query-core';
+const BATCH_SIZE = 50;
+/**
+ * Archive all active notifications in batches.
+ * Reads active docs in batches of 50, archives each batch, repeats until empty.
+ *
+ * @example
+ * ```tsx
+ * const archiveAll = useArchiveAllNotifications({
+ *   config: TTT_NOTIFICATION_CONFIG,
+ *   userId: user.uid,
+ *   category: 'user',
+ * });
+ *
+ * archiveAll.mutate({
+ *   archivalInfo: { archivedBy: user.uid, archivedAt: Date.now(), device: 'web' },
+ * });
+ * ```
+ */
+export function useArchiveAllNotifications({ config, userId, category, invalidateKeys, }) {
+    const db = useFirestoreDb();
+    const queryClient = useQueryClient();
+    const categoryConfig = config.categories[category];
+    const defaultInvalidateKeys = [
+        ['notifications', 'active', category, userId],
+        ['notifications', 'unread-count', category, userId],
+        ['notifications', 'history', category, userId],
+    ];
+    return useMutation({
+        mutationFn: async ({ archivalInfo, }) => {
+            if (!categoryConfig) {
+                throw new Error(`[notification-core] Unknown category: ${category}`);
+            }
+            const activePath = categoryConfig.activePath;
+            const historyPath = categoryConfig.historyPath(userId);
+            const isPersonal = categoryConfig.audienceType === 'personal';
+            let totalArchived = 0;
+            let hasMore = true;
+            while (hasMore) {
+                const constraints = [
+                    ...(isPersonal ? [where('targetUserId', '==', userId)] : []),
+                    orderBy('updatedAt', 'desc'),
+                    limit(BATCH_SIZE),
+                ];
+                const q = query(collection(db, activePath), ...constraints);
+                const snapshot = await getDocs(q);
+                if (snapshot.empty) {
+                    hasMore = false;
+                    break;
+                }
+                const batch = writeBatch(db);
+                snapshot.docs.forEach((docSnap) => {
+                    const data = docSnap.data();
+                    // Write to history
+                    const historyRef = doc(db, historyPath, docSnap.id);
+                    batch.set(historyRef, {
+                        ...data,
+                        id: docSnap.id,
+                        archival: archivalInfo,
+                        ...(categoryConfig.audienceType === 'shared'
+                            ? { handledBy: archivalInfo.archivedBy }
+                            : {}),
+                    });
+                    // Delete from active
+                    const activeRef = doc(db, activePath, docSnap.id);
+                    batch.delete(activeRef);
+                });
+                await batch.commit();
+                totalArchived += snapshot.docs.length;
+                if (snapshot.docs.length < BATCH_SIZE) {
+                    hasMore = false;
+                }
+            }
+            return { totalArchived };
+        },
+        onSuccess: () => {
+            const keysToInvalidate = invalidateKeys ?? defaultInvalidateKeys;
+            keysToInvalidate.forEach((key) => {
+                queryClient.invalidateQueries({ queryKey: [...key], exact: false });
+            });
+        },
+    });
+}
+//# sourceMappingURL=useArchiveAllNotifications.js.map

package/dist/hooks/useArchiveAllNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArchiveAllNotifications.js","sourceRoot":"","sources":["../../src/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useArchiveNotification.d.ts

@@ -0,0 +1,23 @@
+import type { ArchivalInfo, UseArchiveNotificationOptions } from '../types.js';
+/**
+ * Archive a single notification: read from active → write to history → delete from active.
+ *
+ * @example
+ * ```tsx
+ * const archive = useArchiveNotification({
+ *   config: TTT_NOTIFICATION_CONFIG,
+ *   userId: user.uid,
+ *   category: 'user',
+ * });
+ *
+ * archive.mutate({
+ *   notificationId: 'abc123',
+ *   archivalInfo: { archivedBy: user.uid, archivedAt: Date.now(), device: 'web' },
+ * });
+ * ```
+ */
+export declare function useArchiveNotification({ config, userId, category, invalidateKeys, }: UseArchiveNotificationOptions): import("@tanstack/react-query").UseMutationResult<void, Error, {
+    notificationId: string;
+    archivalInfo: ArchivalInfo;
+}, unknown>;
+//# sourceMappingURL=useArchiveNotification.d.ts.map

package/dist/hooks/useArchiveNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArchiveNotification.d.ts","sourceRoot":"","sources":["../../src/hooks/useArchiveNotification.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,YAAY,EACZ,6BAA6B,EAC9B,MAAM,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE,6BAA6B;oBAgBV,MAAM;kBACR,YAAY;YA2C/B"}

package/dist/hooks/useArchiveNotification.js

@@ -0,0 +1,68 @@
+'use client';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { doc, getDoc, setDoc, deleteDoc } from 'firebase/firestore';
+import { useFirestoreDb } from '@ttt-productions/query-core';
+/**
+ * Archive a single notification: read from active → write to history → delete from active.
+ *
+ * @example
+ * ```tsx
+ * const archive = useArchiveNotification({
+ *   config: TTT_NOTIFICATION_CONFIG,
+ *   userId: user.uid,
+ *   category: 'user',
+ * });
+ *
+ * archive.mutate({
+ *   notificationId: 'abc123',
+ *   archivalInfo: { archivedBy: user.uid, archivedAt: Date.now(), device: 'web' },
+ * });
+ * ```
+ */
+export function useArchiveNotification({ config, userId, category, invalidateKeys, }) {
+    const db = useFirestoreDb();
+    const queryClient = useQueryClient();
+    const categoryConfig = config.categories[category];
+    const defaultInvalidateKeys = [
+        ['notifications', 'active', category, userId],
+        ['notifications', 'unread-count', category, userId],
+        ['notifications', 'history', category, userId],
+    ];
+    return useMutation({
+        mutationFn: async ({ notificationId, archivalInfo, }) => {
+            if (!categoryConfig) {
+                throw new Error(`[notification-core] Unknown category: ${category}`);
+            }
+            const activePath = categoryConfig.activePath;
+            const historyPath = categoryConfig.historyPath(userId);
+            // Read active doc
+            const activeRef = doc(db, activePath, notificationId);
+            const activeSnap = await getDoc(activeRef);
+            if (!activeSnap.exists()) {
+                // Already archived or deleted — no-op
+                return;
+            }
+            const activeData = { id: activeSnap.id, ...activeSnap.data() };
+            // Build history doc
+            const historyDoc = {
+                ...activeData,
+                archival: archivalInfo,
+                ...(categoryConfig.audienceType === 'shared'
+                    ? { handledBy: archivalInfo.archivedBy }
+                    : {}),
+            };
+            // Write to history
+            const historyRef = doc(db, historyPath, notificationId);
+            await setDoc(historyRef, historyDoc);
+            // Delete from active
+            await deleteDoc(activeRef);
+        },
+        onSuccess: () => {
+            const keysToInvalidate = invalidateKeys ?? defaultInvalidateKeys;
+            keysToInvalidate.forEach((key) => {
+                queryClient.invalidateQueries({ queryKey: [...key], exact: false });
+            });
+        },
+    });
+}
+//# sourceMappingURL=useArchiveNotification.js.map

package/dist/hooks/useArchiveNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArchiveNotification.js","sourceRoot":"","sources":["../../src/hooks/useArchiveNotification.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAQ7D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,cAAc,GACgB;IAC9B,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG;QAC5B,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;QAC7C,CAAC,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC;QACnD,CAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;KAC/C,CAAC;IAEF,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,KAAK,EAAE,EACjB,cAAc,EACd,YAAY,GAIb,EAAE,EAAE;YACH,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,MAAM,IAAI,KAAK,CAAC,yCAAyC,QAAQ,EAAE,CAAC,CAAC;YACvE,CAAC;YAED,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC;YAC7C,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAEvD,kBAAkB;YAClB,MAAM,SAAS,GAAG,GAAG,CAAC,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC;YAE3C,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,CAAC;gBACzB,sCAAsC;gBACtC,OAAO;YACT,CAAC;YAED,MAAM,UAAU,GAAG,EAAE,EAAE,EAAE,UAAU,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE,EAAqB,CAAC;YAElF,oBAAoB;YACpB,MAAM,UAAU,GAAuC;gBACrD,GAAG,UAAU;gBACb,QAAQ,EAAE,YAAY;gBACtB,GAAG,CAAC,cAAc,CAAC,YAAY,KAAK,QAAQ;oBAC1C,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,UAAU,EAAE;oBACxC,CAAC,CAAC,EAAE,CAAC;aACR,CAAC;YAEF,mBAAmB;YACnB,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;YACxD,MAAM,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAErC,qBAAqB;YACrB,MAAM,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,MAAM,gBAAgB,GAAG,cAAc,IAAI,qBAAqB,CAAC;YACjE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC/B,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}