Apoorva - Email management UI improvements

package.json

@@ -49,7 +49,7 @@
     "date-fns-tz": "^2.0.1",
     "dayjs": "^1.11.13",
     "diff": "^5.0.0",
-    "dompurify": "^3.2.5",
+    "dompurify": "^3.3.0",
     "elliptic": "^6.6.1",
     "font-awesome": "^4.7.0",
     "fs-extra": "^11.3.0",
@@ -114,7 +114,8 @@
     "stream-browserify": "^3.0.0",
     "tinymce": "^7.2.0",
     "util": "^0.12.5",
-    "uuid": "^9.0.1"
+    "uuid": "^9.0.1",
+    "webpack": "^5.102.1"
   },
   "resolutions": {
     "react": "18.3.1",

src/actions/emailOutboxActions.js

@@ -0,0 +1,85 @@
+import httpService from '../services/httpService';
+import { toast } from 'react-toastify';
+
+// Action Types
+// Note: EMAIL = parent Email record, EMAIL_BATCH = child EmailBatch item
+export const EMAIL_OUTBOX_ACTIONS = {
+  FETCH_EMAILS_START: 'FETCH_EMAILS_START',
+  FETCH_EMAILS_SUCCESS: 'FETCH_EMAILS_SUCCESS',
+  FETCH_EMAILS_ERROR: 'FETCH_EMAILS_ERROR',
+};
+
+// Fetch emails (parent Email records) - Outbox list
+// Backend returns: { success: true, data: emails[] }
+export const fetchEmails = () => async (dispatch) => {
+  try {
+    dispatch({ type: EMAIL_OUTBOX_ACTIONS.FETCH_EMAILS_START });
+
+    const response = await httpService.get('/api/email-outbox');
+
+    if (response.data.success) {
+      // Backend returns data as array directly
+      const emails = Array.isArray(response.data.data) ? response.data.data : [];
+
+      dispatch({
+        type: EMAIL_OUTBOX_ACTIONS.FETCH_EMAILS_SUCCESS,
+        payload: emails,
+      });
+
+      return emails;
+    } else {
+      throw new Error(response.data.message || 'Failed to fetch emails');
+    }
+  } catch (error) {
+    const errorMessage = error.response?.data?.message || error.message || 'Failed to fetch emails';
+    dispatch({
+      type: EMAIL_OUTBOX_ACTIONS.FETCH_EMAILS_ERROR,
+      payload: errorMessage,
+    });
+    toast.error(errorMessage);
+    throw error;
+  }
+};
+
+// Resend email with selected recipient option
+// Backend endpoint: POST /api/resend-email
+// Backend returns: { success: true, message: '...', data: { emailId: '...', recipientCount: ... } }
+export const resendEmail = (emailId, recipientOption, specificRecipients = []) => async (dispatch, getState) => {
+  try {
+    // Get current user for requestor (required by backend)
+    const state = getState();
+    const currentUser = state.auth?.user;
+
+    if (!currentUser || !currentUser.userid) {
+      throw new Error('User authentication required to resend emails');
+    }
+
+    const requestor = {
+      requestorId: currentUser.userid,
+      email: currentUser.email,
+      role: currentUser.role,
+    };
+
+    const response = await httpService.post('/api/resend-email', {
+      emailId,
+      recipientOption,
+      specificRecipients: Array.isArray(specificRecipients) ? specificRecipients : [],
+      requestor,
+    });
+
+    if (response.data.success) {
+      const message = response.data.message || 'Email created for resend successfully. Processing started.';
+      toast.success(message);
+      // Refresh the emails list
+      await dispatch(fetchEmails());
+      return response.data.data;
+    } else {
+      throw new Error(response.data.message || 'Failed to resend email');
+    }
+  } catch (error) {
+    const errorMessage = error.response?.data?.message || error.message || 'Failed to resend email';
+    toast.error(errorMessage);
+    throw error;
+  }
+};
+