@cellarnode/ui 0.5.0 → 0.5.3

package/dist/notifications/notification-list.d.ts

@@ -0,0 +1,19 @@
+import type { Notification } from "./types";
+export interface NotificationListProps {
+    notifications: Notification[];
+    isLoading?: boolean;
+    onMarkRead?: (id: string) => void;
+    onDismiss?: (id: string) => void;
+    onNavigate?: (href: string) => void;
+    onLoadMore?: () => void;
+    hasMore?: boolean;
+    showFilters?: boolean;
+    showGroups?: boolean;
+    compact?: boolean;
+    maxItems?: number;
+    className?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+}
+export declare function NotificationList({ notifications, isLoading, onMarkRead, onDismiss, onNavigate, onLoadMore, hasMore, showFilters, showGroups, compact, maxItems, className, emptyTitle, emptyDescription, }: NotificationListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification-list.d.ts.map

package/dist/notifications/notification-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-list.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAqB,MAAM,SAAS,CAAC;AAG/D,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA6CD,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAmB,EACnB,UAAkB,EAClB,OAAe,EACf,QAAQ,EACR,SAAS,EACT,UAAU,EACV,gBAAgB,GACjB,EAAE,qBAAqB,2CAmHvB"}

package/dist/notifications/notification-list.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ui/src/notifications/notification-list.tsx
+import { useState, useMemo } from "react";
+import { AnimatePresence } from "motion/react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils";
+import { NotificationItem } from "./notification-item";
+import { NotificationEmptyState } from "./notification-empty-state";
+import { groupNotifications, filterNotifications } from "./utils";
+import { FILTER_OPTIONS } from "./constants";
+import { useNotificationConfig } from "./notification-provider";
+function GroupHeader({ group, collapsed, onToggle, }) {
+    if (group.category === "recent") {
+        return (_jsxs("div", { className: "flex items-center gap-3 px-1 pt-4 pb-2", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground/60", children: group.label }), _jsx("div", { className: "h-px flex-1 bg-border/50" })] }));
+    }
+    return (_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center gap-3 px-1 pt-6 pb-2", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground/60", children: group.label }), _jsxs("span", { className: "text-[10px] tabular-nums text-muted-foreground/40", children: ["(", group.notifications.length, ")"] }), _jsx("div", { className: "h-px flex-1 bg-border/50" }), _jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground/40 transition-transform", collapsed && "-rotate-90") })] }));
+}
+export function NotificationList({ notifications, isLoading, onMarkRead, onDismiss, onNavigate, onLoadMore, hasMore, showFilters = false, showGroups = false, compact = false, maxItems, className, emptyTitle, emptyDescription, }) {
+    const { resolveRoute, t } = useNotificationConfig();
+    const [filter, setFilter] = useState("all");
+    const [collapsedGroups, setCollapsedGroups] = useState(new Set());
+    const filtered = useMemo(() => filterNotifications(notifications, filter), [notifications, filter]);
+    const display = maxItems ? filtered.slice(0, maxItems) : filtered;
+    const groups = useMemo(() => {
+        if (!showGroups || filter === "unread")
+            return null;
+        return groupNotifications(display, t);
+    }, [display, showGroups, filter, t]);
+    const toggleGroup = (category) => {
+        setCollapsedGroups((prev) => {
+            const next = new Set(prev);
+            if (next.has(category))
+                next.delete(category);
+            else
+                next.add(category);
+            return next;
+        });
+    };
+    const renderItem = (n, idx) => {
+        const href = resolveRoute(n.type, n.data);
+        return (_jsx(NotificationItem, { notification: n, onMarkRead: onMarkRead, onDismiss: onDismiss, onNavigate: onNavigate, href: href, index: idx, compact: compact }, n.id));
+    };
+    if (isLoading) {
+        return (_jsx("div", { className: cn("flex items-center justify-center py-12", className), children: _jsx("div", { className: "size-6 rounded-full border-2 border-primary border-t-transparent animate-spin" }) }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col", className), children: [showFilters && (_jsx("div", { className: "flex flex-wrap items-center gap-2 px-1 pb-4", children: FILTER_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setFilter(opt.key), className: cn("rounded-lg px-3 py-1.5 text-xs font-medium transition-all", filter === opt.key
+                        ? "bg-linear-to-br from-primary/12 to-primary/5 border border-primary/15 text-primary"
+                        : "text-muted-foreground hover:text-foreground hover:bg-muted/50"), children: t ? t(opt.labelKey, opt.label) : opt.label }, opt.key))) })), display.length === 0 ? (_jsx(NotificationEmptyState, { title: emptyTitle, description: emptyDescription })) : groups ? (_jsx("div", { className: "flex flex-col gap-1", children: groups.map((group) => {
+                    const isCollapsed = collapsedGroups.has(group.category);
+                    return (_jsxs("div", { children: [_jsx(GroupHeader, { group: group, collapsed: isCollapsed, onToggle: () => toggleGroup(group.category) }), !isCollapsed && (_jsx(AnimatePresence, { mode: "popLayout", children: _jsx("div", { className: "flex flex-col gap-2", children: group.notifications.map((n, i) => renderItem(n, i)) }) }))] }, group.category));
+                }) })) : (_jsx(AnimatePresence, { mode: "popLayout", children: _jsx("div", { className: "flex flex-col gap-2", children: display.map((n, i) => renderItem(n, i)) }) })), hasMore && onLoadMore && (_jsx("button", { type: "button", onClick: onLoadMore, className: "mt-4 self-center rounded-lg px-4 py-2 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground hover:bg-muted/50", children: t ? t("loadMore", "Load more notifications") : "Load more notifications" }))] }));
+}
+//# sourceMappingURL=notification-list.js.map

package/dist/notifications/notification-list.js.map

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

package/dist/notifications/notification-page.d.ts

@@ -0,0 +1,6 @@
+export interface NotificationPageProps {
+    onNavigate?: (href: string) => void;
+    className?: string;
+}
+export declare function NotificationPage({ onNavigate, className }: NotificationPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification-page.d.ts.map

package/dist/notifications/notification-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-page.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-page.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAyFhF"}

package/dist/notifications/notification-page.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { CheckCheck } from "lucide-react";
+import { cn } from "../lib/utils";
+import { NotificationList } from "./notification-list";
+import { PushPromptBanner } from "./push-prompt-banner";
+import { useNotifications, useUnreadCount, useNotificationActions } from "./use-notifications";
+import { usePushPermission } from "./use-push-permission";
+import { useNotificationConfig } from "./notification-provider";
+export function NotificationPage({ onNavigate, className }) {
+    const { t } = useNotificationConfig();
+    const { data, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } = useNotifications();
+    const { data: unread } = useUnreadCount();
+    const { markRead, markAllRead, dismiss } = useNotificationActions();
+    const unreadCount = unread?.count ?? 0;
+    const push = usePushPermission(unreadCount);
+    const notifications = useMemo(() => {
+        if (!data?.pages)
+            return [];
+        return data.pages.flatMap((p) => p.notifications);
+    }, [data]);
+    const totalCount = notifications.length;
+    return (_jsxs("div", { className: cn("mx-auto w-full max-w-2xl", className), children: [_jsxs("div", { className: "flex items-center justify-between pb-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-bold text-foreground", children: t ? t("page.heading", "Notifications") : "Notifications" }), totalCount > 0 && (_jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [t
+                                        ? t("page.countSummary", "{{count}} notifications", { count: totalCount })
+                                        : `${totalCount} notification${totalCount === 1 ? "" : "s"}`, unreadCount > 0 && (_jsx("span", { className: "ml-2 text-primary font-medium", children: t
+                                            ? t("page.unreadCount", "{{count}} unread", { count: unreadCount })
+                                            : `${unreadCount} unread` }))] }))] }), unreadCount > 0 && (_jsxs("button", { type: "button", onClick: () => markAllRead.mutate(), className: "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-medium text-primary transition-colors hover:bg-primary/10", children: [_jsx(CheckCheck, { className: "size-3.5" }), t ? t("page.markAllRead", "Mark all read") : "Mark all read"] }))] }), push.shouldShowPrompt && (_jsx("div", { className: "pb-6", children: _jsx(PushPromptBanner, { variant: "rich", onEnable: () => push.requestPermission(), onDismiss: () => push.dismissPrompt(), labels: t
+                        ? {
+                            heading: t("push.heading", "Never miss an update"),
+                            description: t("push.description", "Get instant desktop notifications when producers respond to your offers or new matches are found."),
+                            enable: t("push.enable", "Enable Notifications"),
+                            dismiss: t("push.dismiss", "Maybe later"),
+                        }
+                        : undefined }) })), _jsx(NotificationList, { notifications: notifications, isLoading: isLoading, onMarkRead: (id) => markRead.mutate(id), onDismiss: (id) => dismiss.mutate(id), onNavigate: onNavigate, onLoadMore: () => fetchNextPage(), hasMore: hasNextPage && !isFetchingNextPage, showFilters: true, showGroups: true })] }));
+}
+//# sourceMappingURL=notification-page.js.map

package/dist/notifications/notification-page.js.map

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

package/dist/notifications/notification-provider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import type { NotificationConfig } from "./types";
+export declare function useNotificationConfig(): NotificationConfig;
+interface NotificationProviderProps {
+    config: NotificationConfig;
+    children: ReactNode;
+}
+export declare function NotificationProvider({ config, children }: NotificationProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=notification-provider.d.ts.map

package/dist/notifications/notification-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-provider.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAM1D;AAED,UAAU,yBAAyB;IACjC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAMnF"}

package/dist/notifications/notification-provider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const NotificationContext = createContext(null);
+export function useNotificationConfig() {
+    const ctx = useContext(NotificationContext);
+    if (!ctx) {
+        throw new Error("useNotificationConfig must be used within a NotificationProvider");
+    }
+    return ctx;
+}
+export function NotificationProvider({ config, children }) {
+    return (_jsx(NotificationContext.Provider, { value: config, children: children }));
+}
+//# sourceMappingURL=notification-provider.js.map

package/dist/notifications/notification-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-provider.js","sourceRoot":"","sources":["../../src/notifications/notification-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAGlE,MAAM,mBAAmB,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE3E,MAAM,UAAU,qBAAqB;IACnC,MAAM,GAAG,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC5C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;IACtF,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAA6B;IAClF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACxC,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC"}

package/dist/notifications/notification-tray.d.ts

@@ -0,0 +1,7 @@
+export interface NotificationTrayProps {
+    buttonClassName?: string;
+    viewAllHref?: string;
+    onNavigate?: (href: string) => void;
+}
+export declare function NotificationTray({ buttonClassName, viewAllHref, onNavigate, }: NotificationTrayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification-tray.d.ts.map

package/dist/notifications/notification-tray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-tray.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-tray.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAA8B,EAC9B,UAAU,GACX,EAAE,qBAAqB,2CAiJvB"}

package/dist/notifications/notification-tray.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BellIcon } from "@heroicons/react/24/outline";
+import { CheckCheck } from "lucide-react";
+import { cn } from "../lib/utils";
+import { useIsMobile } from "../hooks/use-mobile";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/popover";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, } from "../components/sheet";
+import { NotificationBadge } from "./notification-badge";
+import { NotificationList } from "./notification-list";
+import { PushPromptBanner } from "./push-prompt-banner";
+import { useNotifications, useUnreadCount, useNotificationActions } from "./use-notifications";
+import { usePushPermission } from "./use-push-permission";
+import { useNotificationConfig } from "./notification-provider";
+export function NotificationTray({ buttonClassName, viewAllHref = "/notifications", onNavigate, }) {
+    const isMobile = useIsMobile();
+    const { t } = useNotificationConfig();
+    const { data, isLoading } = useNotifications();
+    const { data: unread } = useUnreadCount();
+    const { markRead, markAllRead, dismiss } = useNotificationActions();
+    const unreadCount = unread?.count ?? 0;
+    const push = usePushPermission(unreadCount);
+    const notifications = useMemo(() => {
+        if (!data?.pages)
+            return [];
+        const all = data.pages.flatMap((p) => p.notifications);
+        return [...all].sort((a, b) => {
+            if (a.isRead !== b.isRead)
+                return a.isRead ? 1 : -1;
+            return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+        });
+    }, [data]);
+    const handleMarkRead = (id) => markRead.mutate(id);
+    const handleDismiss = (id) => dismiss.mutate(id);
+    const handleMarkAllRead = () => markAllRead.mutate();
+    const header = (_jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border/50", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: t ? t("tray.heading", "Notifications") : "Notifications" }), unreadCount > 0 && (_jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: t
+                            ? t("tray.unreadCount", "{{count}} unread", { count: unreadCount })
+                            : `${unreadCount} unread` }))] }), unreadCount > 0 && (_jsxs("button", { type: "button", onClick: handleMarkAllRead, className: "flex items-center gap-1 text-[11px] font-medium text-primary transition-opacity hover:opacity-80", children: [_jsx(CheckCheck, { className: "size-3" }), t ? t("tray.markAllRead", "Mark all read") : "Mark all read"] }))] }));
+    const footer = (_jsxs("div", { className: "border-t border-border/50 px-4 py-2.5 text-center", children: [push.shouldShowPrompt && (_jsx("div", { className: "mb-2", children: _jsx(PushPromptBanner, { variant: "compact", onEnable: () => push.requestPermission(), onDismiss: () => push.dismissPrompt() }) })), _jsx("button", { type: "button", onClick: () => onNavigate?.(viewAllHref), className: "text-xs font-medium text-primary transition-opacity hover:opacity-80", children: t ? t("tray.viewAll", "View all notifications") : "View all notifications" })] }));
+    const bellButton = (_jsxs("span", { className: cn("relative shrink-0 rounded-lg p-2 transition-all", "text-foreground/60 hover:bg-accent/10 hover:text-foreground", "focus:outline-hidden focus:ring-2 focus:ring-accent/50", buttonClassName), children: [_jsx(BellIcon, { className: "size-5", "aria-hidden": "true" }), _jsx(NotificationBadge, { count: unreadCount })] }));
+    if (isMobile) {
+        return (_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx("button", { type: "button", className: buttonClassName, children: bellButton }) }), _jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-md p-0", children: [_jsx(SheetHeader, { className: "sr-only", children: _jsx(SheetTitle, { children: "Notifications" }) }), header, _jsx(NotificationList, { notifications: notifications, isLoading: isLoading, onMarkRead: handleMarkRead, onDismiss: handleDismiss, onNavigate: onNavigate, compact: true, maxItems: 8, className: "flex-1 overflow-y-auto px-2 py-2" }), footer] })] }));
+    }
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", children: bellButton }) }), _jsxs(PopoverContent, { align: "end", sideOffset: 8, className: cn("w-96 p-0 overflow-hidden", "bg-card/95 backdrop-blur-lg", "shadow-lg ring-1 ring-border/50", "rounded-2xl"), children: [header, _jsx(NotificationList, { notifications: notifications, isLoading: isLoading, onMarkRead: handleMarkRead, onDismiss: handleDismiss, onNavigate: onNavigate, compact: true, maxItems: 5, className: "max-h-[380px] overflow-y-auto px-2 py-2" }), footer] })] }));
+}
+//# sourceMappingURL=notification-tray.js.map

package/dist/notifications/notification-tray.js.map

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

package/dist/notifications/push-prompt-banner.d.ts

@@ -0,0 +1,15 @@
+interface PushPromptBannerProps {
+    variant?: "compact" | "rich";
+    onEnable: () => void;
+    onDismiss: () => void;
+    labels?: {
+        heading?: string;
+        description?: string;
+        enable?: string;
+        dismiss?: string;
+    };
+    className?: string;
+}
+export declare function PushPromptBanner({ variant, onEnable, onDismiss, labels, className, }: PushPromptBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=push-prompt-banner.d.ts.map

package/dist/notifications/push-prompt-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-prompt-banner.d.ts","sourceRoot":"","sources":["../../src/notifications/push-prompt-banner.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAiEvB"}

package/dist/notifications/push-prompt-banner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bell } from "lucide-react";
+import { cn } from "../lib/utils";
+export function PushPromptBanner({ variant = "rich", onEnable, onDismiss, labels, className, }) {
+    if (variant === "compact") {
+        return (_jsxs("div", { className: cn("flex items-center gap-2 rounded-xl px-3 py-2", "bg-linear-to-br from-primary/8 to-primary/3", "border border-primary/10", className), children: [_jsx(Bell, { className: "size-3.5 text-primary shrink-0" }), _jsx("span", { className: "flex-1 text-[11px] text-muted-foreground", children: labels?.heading ?? "Enable desktop notifications" }), _jsx("button", { type: "button", onClick: onEnable, className: "shrink-0 rounded-md bg-primary/15 px-2.5 py-1 text-[10px] font-semibold text-primary transition-colors hover:bg-primary/25", children: labels?.enable ?? "Enable" })] }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-3 rounded-2xl p-5 sm:flex-row sm:items-center", "bg-linear-to-br from-primary/8 to-primary/3", "border border-primary/10", className), children: [_jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/15", children: _jsx(Bell, { className: "size-5 text-primary" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: labels?.heading ?? "Never miss an update" }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: labels?.description ??
+                            "Get instant desktop notifications when producers respond to your offers or new matches are found." })] }), _jsxs("div", { className: "flex items-center gap-2 sm:shrink-0", children: [_jsx("button", { type: "button", onClick: onEnable, className: "rounded-lg bg-primary/15 px-4 py-2 text-xs font-semibold text-primary transition-colors hover:bg-primary/25", children: labels?.enable ?? "Enable Notifications" }), _jsx("button", { type: "button", onClick: onDismiss, className: "rounded-lg px-4 py-2 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground", children: labels?.dismiss ?? "Maybe later" })] })] }));
+}
+//# sourceMappingURL=push-prompt-banner.js.map

package/dist/notifications/push-prompt-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-prompt-banner.js","sourceRoot":"","sources":["../../src/notifications/push-prompt-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAelC,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,GACa;IACtB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,6CAA6C,EAC7C,0BAA0B,EAC1B,SAAS,CACV,aAED,KAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,GAAG,EACnD,eAAM,SAAS,EAAC,0CAA0C,YACvD,MAAM,EAAE,OAAO,IAAI,8BAA8B,GAC7C,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,4HAA4H,YAErI,MAAM,EAAE,MAAM,IAAI,QAAQ,GACpB,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,6CAA6C,EAC7C,0BAA0B,EAC1B,SAAS,CACV,aAED,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACpC,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,YAAG,SAAS,EAAC,uCAAuC,YACjD,MAAM,EAAE,OAAO,IAAI,sBAAsB,GACxC,EACJ,YAAG,SAAS,EAAC,sCAAsC,YAChD,MAAM,EAAE,WAAW;4BAClB,mGAAmG,GACnG,IACA,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,6GAA6G,YAEtH,MAAM,EAAE,MAAM,IAAI,sBAAsB,GAClC,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,wGAAwG,YAEjH,MAAM,EAAE,OAAO,IAAI,aAAa,GAC1B,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/notifications/types.d.ts

@@ -0,0 +1,64 @@
+/** All 14 backend notification types */
+export type NotificationType = "match" | "tender_new" | "tender_close" | "offer_status_update" | "partnership_request" | "partnership_approved" | "partnership_declined" | "partnership_terminated" | "partnership_expired" | "partnership_expiring_soon" | "beverage_extraction" | "global_announcement" | "news" | "invite";
+/** Notification group categories for smart hybrid grouping */
+export type NotificationCategory = "recent" | "offers" | "matches" | "opportunities" | "partnerships" | "system";
+/** Normalized notification shape consumed by all components */
+export interface Notification {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: string;
+    isRead: boolean;
+    isDismissed: boolean;
+    createdAt: string;
+    data?: Record<string, string>;
+}
+/** Paginated list response from the API */
+export interface NotificationListResponse {
+    notifications: Notification[];
+    nextCursor?: string;
+    hasMore: boolean;
+}
+/** API adapter — each dashboard implements this */
+export interface NotificationApi {
+    list: (params: {
+        cursor?: string;
+        limit?: number;
+    }) => Promise<NotificationListResponse>;
+    unreadCount: () => Promise<{
+        count: number;
+    }>;
+    markRead: (id: string) => Promise<void>;
+    markAllRead: () => Promise<void>;
+    dismiss: (id: string) => Promise<void>;
+}
+/** Route resolver — maps notification type + data to a navigation href */
+export type RouteResolver = (type: NotificationType, data?: Record<string, string>) => string;
+/** WebSocket subscribe function — returns unsubscribe */
+export type WsSubscribe = (onMessage: (payload: {
+    id: string;
+    type: string;
+    title: string;
+}) => void) => () => void;
+/** Full provider configuration */
+export interface NotificationConfig {
+    api: NotificationApi;
+    resolveRoute: RouteResolver;
+    subscribe?: WsSubscribe;
+    /** Translation function — falls back to English labels if not provided */
+    t?: (key: string, fallback: string, opts?: Record<string, unknown>) => string;
+}
+/** CTA definition for a notification type */
+export interface NotificationCTA {
+    label: string;
+    /** i18n key — consumers can override via t() */
+    labelKey: string;
+}
+/** Grouped notification sections for smart hybrid layout */
+export interface NotificationGroup {
+    category: NotificationCategory;
+    label: string;
+    labelKey: string;
+    notifications: Notification[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/notifications/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notifications/types.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,YAAY,GACZ,cAAc,GACd,qBAAqB,GACrB,qBAAqB,GACrB,sBAAsB,GACtB,sBAAsB,GACtB,wBAAwB,GACxB,qBAAqB,GACrB,2BAA2B,GAC3B,qBAAqB,GACrB,qBAAqB,GACrB,MAAM,GACN,QAAQ,CAAC;AAEb,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,eAAe,GACf,cAAc,GACd,QAAQ,CAAC;AAEb,+DAA+D;AAC/D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAED,2CAA2C;AAC3C,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,mDAAmD;AACnD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACzF,WAAW,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAED,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;AAE9F,yDAAyD;AACzD,MAAM,MAAM,WAAW,GAAG,CACxB,SAAS,EAAE,CAAC,OAAO,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,KACtE,MAAM,IAAI,CAAC;AAEhB,kCAAkC;AAClC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,eAAe,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,0EAA0E;IAC1E,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;CAC/E;AAED,6CAA6C;AAC7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B"}

package/dist/notifications/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/notifications/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/notifications/types.ts"],"names":[],"mappings":""}

package/dist/notifications/use-notification-socket.d.ts

@@ -0,0 +1,2 @@
+export declare function useNotificationSocket(): void;
+//# sourceMappingURL=use-notification-socket.d.ts.map

package/dist/notifications/use-notification-socket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notification-socket.d.ts","sourceRoot":"","sources":["../../src/notifications/use-notification-socket.ts"],"names":[],"mappings":"AAOA,wBAAgB,qBAAqB,SAmCpC"}

package/dist/notifications/use-notification-socket.js

@@ -0,0 +1,35 @@
+import { useEffect } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useNotificationConfig } from "./notification-provider";
+const NOTIFICATIONS_KEY = ["notifications"];
+const UNREAD_KEY = ["notifications", "unread"];
+export function useNotificationSocket() {
+    const { subscribe, resolveRoute } = useNotificationConfig();
+    const qc = useQueryClient();
+    useEffect(() => {
+        if (!subscribe)
+            return;
+        const unsub = subscribe((payload) => {
+            qc.invalidateQueries({ queryKey: NOTIFICATIONS_KEY });
+            qc.invalidateQueries({ queryKey: UNREAD_KEY });
+            if (typeof Notification !== "undefined" &&
+                Notification.permission === "granted" &&
+                document.hidden) {
+                const n = new Notification(payload.title, {
+                    body: payload.title,
+                    icon: "/favicon.ico",
+                    tag: payload.id,
+                });
+                n.onclick = () => {
+                    window.focus();
+                    const href = resolveRoute(payload.type);
+                    if (href && href !== "/notifications") {
+                        window.location.href = href;
+                    }
+                };
+            }
+        });
+        return unsub;
+    }, [subscribe, qc, resolveRoute]);
+}
+//# sourceMappingURL=use-notification-socket.js.map

package/dist/notifications/use-notification-socket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notification-socket.js","sourceRoot":"","sources":["../../src/notifications/use-notification-socket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,iBAAiB,GAAG,CAAC,eAAe,CAAU,CAAC;AACrD,MAAM,UAAU,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAU,CAAC;AAExD,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC5D,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YAClC,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAAC;YACtD,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;YAE/C,IACE,OAAO,YAAY,KAAK,WAAW;gBACnC,YAAY,CAAC,UAAU,KAAK,SAAS;gBACrC,QAAQ,CAAC,MAAM,EACf,CAAC;gBACD,MAAM,CAAC,GAAG,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;oBACxC,IAAI,EAAE,OAAO,CAAC,KAAK;oBACnB,IAAI,EAAE,cAAc;oBACpB,GAAG,EAAE,OAAO,CAAC,EAAE;iBAChB,CAAC,CAAC;gBACH,CAAC,CAAC,OAAO,GAAG,GAAG,EAAE;oBACf,MAAM,CAAC,KAAK,EAAE,CAAC;oBACf,MAAM,IAAI,GAAG,YAAY,CACvB,OAAO,CAAC,IAA0C,CACnD,CAAC;oBACF,IAAI,IAAI,IAAI,IAAI,KAAK,gBAAgB,EAAE,CAAC;wBACtC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;oBAC9B,CAAC;gBACH,CAAC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;AACpC,CAAC"}

package/dist/notifications/use-notifications.d.ts

@@ -0,0 +1,10 @@
+export declare function useNotifications(limit?: number): import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/react-query").InfiniteData<import("./types").NotificationListResponse, unknown>, Error>;
+export declare function useUnreadCount(): import("@tanstack/react-query").UseQueryResult<{
+    count: number;
+}, Error>;
+export declare function useNotificationActions(): {
+    markRead: import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+    markAllRead: import("@tanstack/react-query").UseMutationResult<void, Error, void, unknown>;
+    dismiss: import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+};
+//# sourceMappingURL=use-notifications.d.ts.map

package/dist/notifications/use-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../src/notifications/use-notifications.ts"],"names":[],"mappings":"AAWA,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,oKAS1C;AAED,wBAAgB,cAAc;;UAQ7B;AAED,wBAAgB,sBAAsB;;;;EAyBrC"}

package/dist/notifications/use-notifications.js

@@ -0,0 +1,43 @@
+import { useInfiniteQuery, useQuery, useMutation, useQueryClient, } from "@tanstack/react-query";
+import { useNotificationConfig } from "./notification-provider";
+const NOTIFICATIONS_KEY = ["notifications"];
+const UNREAD_KEY = ["notifications", "unread"];
+export function useNotifications(limit = 20) {
+    const { api } = useNotificationConfig();
+    return useInfiniteQuery({
+        queryKey: NOTIFICATIONS_KEY,
+        queryFn: ({ pageParam }) => api.list({ cursor: pageParam, limit }),
+        initialPageParam: undefined,
+        getNextPageParam: (last) => (last.hasMore ? last.nextCursor : undefined),
+    });
+}
+export function useUnreadCount() {
+    const { api } = useNotificationConfig();
+    return useQuery({
+        queryKey: UNREAD_KEY,
+        queryFn: () => api.unreadCount(),
+        refetchInterval: 30_000,
+    });
+}
+export function useNotificationActions() {
+    const { api } = useNotificationConfig();
+    const qc = useQueryClient();
+    const invalidate = () => {
+        qc.invalidateQueries({ queryKey: NOTIFICATIONS_KEY });
+        qc.invalidateQueries({ queryKey: UNREAD_KEY });
+    };
+    const markRead = useMutation({
+        mutationFn: (id) => api.markRead(id),
+        onSuccess: invalidate,
+    });
+    const markAllRead = useMutation({
+        mutationFn: () => api.markAllRead(),
+        onSuccess: invalidate,
+    });
+    const dismiss = useMutation({
+        mutationFn: (id) => api.dismiss(id),
+        onSuccess: invalidate,
+    });
+    return { markRead, markAllRead, dismiss };
+}
+//# sourceMappingURL=use-notifications.js.map

package/dist/notifications/use-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../src/notifications/use-notifications.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,iBAAiB,GAAG,CAAC,eAAe,CAAU,CAAC;AACrD,MAAM,UAAU,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAU,CAAC;AAExD,MAAM,UAAU,gBAAgB,CAAC,KAAK,GAAG,EAAE;IACzC,MAAM,EAAE,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,gBAAgB,CAAC;QACtB,QAAQ,EAAE,iBAAiB;QAC3B,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAClE,gBAAgB,EAAE,SAA+B;QACjD,gBAAgB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;KACzE,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE;QAChC,eAAe,EAAE,MAAM;KACxB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE5B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACtD,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5C,SAAS,EAAE,UAAU;KACtB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE;QACnC,SAAS,EAAE,UAAU;KACtB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3C,SAAS,EAAE,UAAU;KACtB,CAAC,CAAC;IAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;AAC5C,CAAC"}

package/dist/notifications/use-push-permission.d.ts

@@ -0,0 +1,8 @@
+export interface PushPermissionState {
+    permission: NotificationPermission | "unsupported";
+    shouldShowPrompt: boolean;
+    requestPermission: () => Promise<NotificationPermission>;
+    dismissPrompt: () => void;
+}
+export declare function usePushPermission(unreadCount: number): PushPermissionState;
+//# sourceMappingURL=use-push-permission.d.ts.map

package/dist/notifications/use-push-permission.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-push-permission.d.ts","sourceRoot":"","sources":["../../src/notifications/use-push-permission.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,sBAAsB,GAAG,aAAa,CAAC;IACnD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACzD,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,mBAAmB,CAwB1E"}

package/dist/notifications/use-push-permission.js

@@ -0,0 +1,36 @@
+import { useState, useCallback, useEffect } from "react";
+const DISMISSED_KEY = "cn:push-dismissed-at";
+const COOLDOWN_MS = 30 * 24 * 60 * 60 * 1000; // 30 days
+function getPermission() {
+    if (typeof Notification === "undefined")
+        return "unsupported";
+    return Notification.permission;
+}
+function isDismissedRecently() {
+    const raw = localStorage.getItem(DISMISSED_KEY);
+    if (!raw)
+        return false;
+    const ts = Number(raw);
+    return Date.now() - ts < COOLDOWN_MS;
+}
+export function usePushPermission(unreadCount) {
+    const [permission, setPermission] = useState(getPermission);
+    const [dismissed, setDismissed] = useState(isDismissedRecently);
+    useEffect(() => {
+        setPermission(getPermission());
+    }, []);
+    const shouldShowPrompt = permission === "default" && unreadCount >= 3 && !dismissed;
+    const requestPermission = useCallback(async () => {
+        if (typeof Notification === "undefined")
+            return "denied";
+        const result = await Notification.requestPermission();
+        setPermission(result);
+        return result;
+    }, []);
+    const dismissPrompt = useCallback(() => {
+        localStorage.setItem(DISMISSED_KEY, String(Date.now()));
+        setDismissed(true);
+    }, []);
+    return { permission, shouldShowPrompt, requestPermission, dismissPrompt };
+}
+//# sourceMappingURL=use-push-permission.js.map

package/dist/notifications/use-push-permission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-push-permission.js","sourceRoot":"","sources":["../../src/notifications/use-push-permission.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAC7C,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,UAAU;AAExD,SAAS,aAAa;IACpB,IAAI,OAAO,YAAY,KAAK,WAAW;QAAE,OAAO,aAAa,CAAC;IAC9D,OAAO,YAAY,CAAC,UAAU,CAAC;AACjC,CAAC;AAED,SAAS,mBAAmB;IAC1B,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,CAAC,GAAG;QAAE,OAAO,KAAK,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC;AACvC,CAAC;AASD,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GACpB,UAAU,KAAK,SAAS,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAE7D,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAI,OAAO,YAAY,KAAK,WAAW;YAAE,OAAO,QAAkC,CAAC;QACnF,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,iBAAiB,EAAE,CAAC;QACtD,aAAa,CAAC,MAAM,CAAC,CAAC;QACtB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACxD,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC;AAC5E,CAAC"}

package/dist/notifications/utils.d.ts

@@ -0,0 +1,20 @@
+import type { Notification, NotificationGroup } from "./types";
+import type { NotificationFilter } from "./constants";
+/**
+ * Format notification timestamp.
+ * <24h: relative ("2 min ago"), same year: "Mar 15", else: "Mar 15, 2025"
+ */
+export declare function formatNotificationTime(dateString: string): string;
+/**
+ * Smart hybrid grouping:
+ * - "Recent" (last 24h) as flat chronological
+ * - Older items grouped by category
+ * Empty categories are excluded.
+ */
+export declare function groupNotifications(notifications: Notification[], t?: (key: string, fallback: string, opts?: Record<string, unknown>) => string): NotificationGroup[];
+/**
+ * Client-side filter. "unread" returns flat list; category filters
+ * return only matching items; "all" returns everything.
+ */
+export declare function filterNotifications(notifications: Notification[], filter: NotificationFilter): Notification[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/notifications/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/notifications/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EAEZ,iBAAiB,EAElB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAWjE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,YAAY,EAAE,EAC7B,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAC5E,iBAAiB,EAAE,CAmDrB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,YAAY,EAAE,EAC7B,MAAM,EAAE,kBAAkB,GACzB,YAAY,EAAE,CAMhB"}