@churchapps/apphelper/dist/hooks/useNotifications.js

Library of helper functions for React and NextJS ChurchApps

import React, { useState, useEffect, useCallback } from 'react';
import { NotificationService } from '../helpers/NotificationService';
/**
 * Custom hook for managing real-time notifications
 *
 * @param context - User context containing person and church information
 * @returns Object containing notification counts and management functions
 *
 * @example
 * ```tsx
 * const { counts, isLoading, refresh } = useNotifications(context);
 *
 * return (
 *   <UserMenu
 *     notificationCounts={counts}
 *     loadCounts={refresh}
 *     // ... other props
 *   />
 * );
 * ```
 */
export function useNotifications(context) {
    const [counts, setCounts] = useState({ notificationCount: 0, pmCount: 0 });
    const [isLoading, setIsLoading] = useState(true);
    const [error, setError] = useState(null);
    // Get the singleton instance only once
    const notificationService = React.useMemo(() => NotificationService.getInstance(), []);
    // Initialize the service when context becomes available
    useEffect(() => {
        if (!context?.person?.id || !context?.userChurch?.church?.id) {
            setIsLoading(false);
            return;
        }
        const initializeService = async () => {
            try {
                setIsLoading(true);
                setError(null);
                await notificationService.initialize(context);
            }
            catch (err) {
                console.error("❌ useNotifications: Failed to initialize:", err);
                setError(err instanceof Error ? err.message : 'Failed to initialize notifications');
            }
            finally {
                setIsLoading(false);
            }
        };
        initializeService();
    }, [context?.person?.id, context?.userChurch?.church?.id]);
    // Subscribe to notification count changes
    useEffect(() => {
        const unsubscribe = notificationService.subscribe((newCounts) => {
            setCounts(newCounts);
        });
        // Cleanup subscription on unmount
        return () => {
            unsubscribe();
        };
    }, [notificationService]);
    // Refresh function - memoized without dependencies for stable reference
    const refresh = useCallback(async () => {
        try {
            setError(null);
            await NotificationService.getInstance().refresh();
        }
        catch (err) {
            console.error("❌ useNotifications: Refresh failed:", err);
            setError(err instanceof Error ? err.message : 'Failed to refresh notifications');
        }
    }, []);
    return {
        counts,
        isLoading,
        isReady: notificationService.isReady(),
        refresh,
        error
    };
}
//# sourceMappingURL=useNotifications.js.map