notifications.js

Go to the documentation of this file.

import { apiFetch } from '../lib/api';
 
/**
 * Universal notification function
 * Sends notifications to backend which:
 * - Stores in database
 * - Appears in header notification bell
 * - Sends to Slack if configured
 * 
 * @param {Object} params
 * @param {string} params.title - Notification title
 * @param {string} params.message - Notification message
 * @param {string} params.type - Type: 'info', 'success', 'warning', 'error'
 * @param {number} [params.user_id] - Optional specific user ID
 * @param {number} [params.customer_id] - Optional customer ID
 * @returns {Promise<boolean>} Success status
 */
export async function notify({ title, message, type = 'info', user_id = null, customer_id = null }) {
  try {
    const token = localStorage.getItem('token');
    if (!token) {
      console.warn('No auth token for notification');
      return false;
    }
 
    const res = await apiFetch('/notifications', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        Authorization: `Bearer ${token}`
      },
      body: JSON.stringify({
        user_id,
        customer_id,
        title,
        message,
        type
      })
    });
 
    if (!res.ok) {
      console.error('Failed to send notification:', await res.text());
      return false;
    }
 
    // Dispatch event to refresh notification badge in header
    window.dispatchEvent(new CustomEvent('notificationCreated'));
    
    return true;
  } catch (err) {
    console.error('Error sending notification:', err);
    return false;
  }
}
 
/**
 * Quick notification helpers for common scenarios
 */
export const notifySuccess = (title, message) => notify({ title, message, type: 'success' });
export const notifyError = (title, message) => notify({ title, message, type: 'error' });
export const notifyWarning = (title, message) => notify({ title, message, type: 'warning' });
export const notifyInfo = (title, message) => notify({ title, message, type: 'info' });
 
/**
 * Notification helper for action success
 */
export const notifyActionSuccess = (action, resource) => 
  notifySuccess(`${action} Successful`, `${resource} has been ${action.toLowerCase()} successfully`);
 
/**
 * Notification helper for action errors
 */
export const notifyActionError = (action, resource, error) => 
  notifyError(`${action} Failed`, `Failed to ${action.toLowerCase()} ${resource}: ${error}`);
 
/**
 * Notification helper for permission denied
 */
export const notifyPermissionDenied = (action, resource) => 
  notifyWarning('Permission Denied', `You do not have permission to ${action.toLowerCase()} ${resource}`);