@zeniai/client-epic-state 4.9.74 → 4.9.75

package/lib/view/scheduleView/scheduleListView/scheduleListSelector.js

@@ -19,7 +19,9 @@ const sortedJETransactionsView = (jeTransactions, sortKey, sortOrder) => {
             case 'transactionDate':
                 return jeTransaction.baseTransaction.date.valueOf();
             case 'vendor':
-                return jeTransaction.vendor.name.toLowerCase();
+                return jeTransaction.vendor.name != null
+                    ? jeTransaction.vendor.name.toLowerCase()
+                    : jeTransaction.vendor.name;
             case 'scheduleCategory':
                 return jeTransaction.baseTransaction.account.accountName.toLowerCase();
             case 'expenseCategory':
@@ -150,9 +152,10 @@ const getScheduleListReport = (state, scheduleType) => {
             .trim()
             .toLowerCase();
         const sortedJETransactionView = sortedJETransactionsView(jeTransactionsView.filter((jeTransaction) => {
-            return (jeTransaction.vendor.name
-                .toLowerCase()
-                .includes(loweredSearchText) === true ||
+            return ((jeTransaction.vendor.name != null &&
+                jeTransaction.vendor.name
+                    .toLowerCase()
+                    .includes(loweredSearchText) === true) ||
                 jeTransaction.baseTransaction.memo
                     .toLowerCase()
                     .includes(loweredSearchText) === true);

package/lib/view/settingsView/epic/fetchNotificationSettingsEpic.d.ts

@@ -3,7 +3,7 @@ import { fetchNotificationSettings, updateNotificationSettingsOnSuccess, updateN
 import { ZeniAPI } from '../../../zeniAPI';
 import { RootState } from '../../../reducer';
 export declare type ActionType = ReturnType<typeof fetchNotificationSettings> | ReturnType<typeof updateNotificationSettingsOnSuccess> | ReturnType<typeof updateNotificationSettingsOnFailure>;
-export declare const fetchNotificationSettingsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+export declare const fetchNotificationSettingsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
     payload: undefined;
     type: string;
 } | {
@@ -12,6 +12,7 @@ export declare const fetchNotificationSettingsEpic: (actions$: ActionsObservable
 } | {
     payload: {
         data: import("../settingsViewPayload").NotificationSettingsPayload;
+        loggedInUserEmail: string;
     };
     type: string;
 }>;

package/lib/view/settingsView/epic/fetchNotificationSettingsEpic.js

@@ -5,12 +5,18 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const settingsViewReducer_1 = require("../settingsViewReducer");
 const responsePayload_1 = require("../../../responsePayload");
-const fetchNotificationSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchNotificationSettings.match), (0, operators_1.switchMap)(() => {
+const fetchNotificationSettingsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchNotificationSettings.match), (0, operators_1.switchMap)(() => {
+    var _a;
+    const state = state$.value;
     const URL = `${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/notification-preferences`;
+    const userEmail = (_a = state.tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userEmail;
+    if (userEmail == null) {
+        return (0, rxjs_1.from)([]);
+    }
     return zeniAPI.getJSON(URL).pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [
-                (0, settingsViewReducer_1.updateNotificationSettingsOnSuccess)(response.data),
+                (0, settingsViewReducer_1.updateNotificationSettingsOnSuccess)(response.data, userEmail),
             ];
             return (0, rxjs_1.of)(...updateActions);
         }

package/lib/view/settingsView/epic/fetchNotificationSettingsViewEpic.d.ts

@@ -0,0 +1,6 @@
+import { ActionsObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchClassList } from '../../classList/classListReducer';
+import { fetchUserListByType } from '../../userListView/userListViewReducer';
+export declare type ActionType = ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchClassList>;
+export declare const fetchNotificationSettingsViewEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

package/lib/view/settingsView/epic/fetchNotificationSettingsViewEpic.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNotificationSettingsViewEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const classListReducer_1 = require("../../classList/classListReducer");
+const userListViewReducer_1 = require("../../userListView/userListViewReducer");
+const fetchNotificationSettingsViewEpic = (actions$) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchNotificationSettingsView.match), (0, operators_1.switchMap)(() => {
+    const actions = [
+        (0, userListViewReducer_1.fetchUserListByType)('manager', true),
+        (0, classListReducer_1.fetchClassList)(),
+    ];
+    return (0, rxjs_1.from)(actions);
+}));
+exports.fetchNotificationSettingsViewEpic = fetchNotificationSettingsViewEpic;

package/lib/view/settingsView/epic/saveNotificationSettingsEpic.js

@@ -31,40 +31,54 @@ const saveNotificationSettingsEpic = (actions$, state$, zeniAPI) => actions$.pip
         JSON.stringify(error))))));
 }));
 exports.saveNotificationSettingsEpic = saveNotificationSettingsEpic;
+/**
+ * Helpers
+ */
+function toRemindersPayload(localData) {
+    const remindersPayload = {
+        frequency_type: localData.frequency,
+        preferred_mode: localData.preferredMode,
+    };
+    return remindersPayload;
+}
 function toSaveNotificationSettingsPayload(localData, notificationSettingsData) {
-    const payload = {};
-    if (localData.reminders.isMissingReceiptNotificationActive != null &&
-        notificationSettingsData.missingReceiptNotification != null) {
+    const { reminderNotificationSettings, monthEndInsightsNotificationSettings } = notificationSettingsData;
+    const { reminders, monthEndInsights } = localData;
+    const payload = {
+        is_missing_receipt_notification_active: null,
+        missing_receipt_notification: null,
+        is_uncategorized_transaction_notification_active: null,
+        uncategorized_transaction_notification: null,
+        is_pending_bill_approval_notification_active: null,
+        pending_bill_approval_notification: null,
+        pending_reimbursement_approval_notification: null,
+        is_pending_reimbursement_approval_notification_active: null,
+        is_month_end_insights_active: monthEndInsightsNotificationSettings.enabled != null
+            ? monthEndInsights.notify
+            : null,
+        month_end_email_recipient_email_ids: monthEndInsights.recipientEmailIds,
+    };
+    if (reminderNotificationSettings.missingReceiptNotification != null) {
         payload.is_missing_receipt_notification_active =
-            localData.reminders.isMissingReceiptNotificationActive;
-        payload.missing_receipt_notification = {
-            preferred_mode: ['email'],
-        };
-    }
-    if (localData.reminders.isPendingBillApprovalNotificationActive != null &&
-        notificationSettingsData.pendingBillApprovalNotification != null) {
-        payload.is_pending_bill_approval_notification_active =
-            localData.reminders.isPendingBillApprovalNotificationActive;
-        payload.pending_bill_approval_notification = {
-            preferred_mode: ['email'],
-        };
+            reminders.missingReceiptNotification.preferredMode.length > 0;
+        payload.missing_receipt_notification = toRemindersPayload(reminders.missingReceiptNotification);
     }
-    if (localData.reminders.isUncategorizedTransactionNotificationActive != null &&
-        notificationSettingsData.uncategorizedTransactionNotification != null) {
+    if (reminderNotificationSettings.uncategorizedTransactionNotification != null) {
         payload.is_uncategorized_transaction_notification_active =
-            localData.reminders.isUncategorizedTransactionNotificationActive;
-        payload.uncategorized_transaction_notification = {
-            preferred_mode: ['email'],
-        };
+            reminders.uncategorizedTransactionNotification.preferredMode.length > 0;
+        payload.uncategorized_transaction_notification = toRemindersPayload(reminders.uncategorizedTransactionNotification);
+    }
+    if (reminderNotificationSettings.pendingBillApprovalNotification != null) {
+        payload.is_pending_bill_approval_notification_active =
+            reminders.pendingBillApprovalNotification.preferredMode.length > 0;
+        payload.pending_bill_approval_notification = toRemindersPayload(reminders.pendingBillApprovalNotification);
     }
-    if (localData.reminders.isPendingReimbursementApprovalNotificationActive !=
-        null &&
-        notificationSettingsData.pendingReimbursementApprovalNotification != null) {
+    if (reminderNotificationSettings.pendingReimbursementApprovalNotification !=
+        null) {
         payload.is_pending_reimbursement_approval_notification_active =
-            localData.reminders.isPendingReimbursementApprovalNotificationActive;
-        payload.pending_reimbursement_approval_notification = {
-            preferred_mode: ['email'],
-        };
+            reminders.pendingReimbursementApprovalNotification.preferredMode.length >
+                0;
+        payload.pending_reimbursement_approval_notification = toRemindersPayload(reminders.pendingReimbursementApprovalNotification);
     }
     return payload;
 }

package/lib/view/settingsView/settingsViewHelpers.d.ts

@@ -1,6 +1,6 @@
 import { CurrentTenant } from '../../entity/tenant/tenantSelector';
 import { RoleMap, UserRoleType } from '../../entity/userRole/userRoleType';
-import { NotificationSettings } from './settingsViewState';
+import { NotificationSettingsData, ReminderNotificationSettingsData, MonthEndInsightsNotificationSettingsData } from './settingsViewState';
 export declare const isAccountingTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isApprovalRulesTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap | undefined) => boolean;
 export declare const isBankConnectionsTabVisible: (currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap | undefined) => boolean;
@@ -9,4 +9,6 @@ export declare const isCompanyDetailsTabVisible: (userRole: UserRoleType[], curr
 export declare const isIntegrationsTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isSettingsVisible: (currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isMyBankConnectionsTabVisible: (currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap | undefined) => boolean;
-export declare const isNotificationsTabVisible: (notificationSettingsView: NotificationSettings) => boolean;
+export declare const isRemindersSectionVisibleOnSettingsPage: (reminderNotificationSettings: ReminderNotificationSettingsData) => boolean;
+export declare const isMonthEndNotificationsSectionVisibleOnSettingsPage: (monthEndInsightsNotificationSettings: MonthEndInsightsNotificationSettingsData, signedInUseEmail: string) => boolean;
+export declare const isNotificationsTabVisible: (notificationSettings: NotificationSettingsData, signedInUseEmail: string) => boolean;

package/lib/view/settingsView/settingsViewHelpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNotificationsTabVisible = exports.isMyBankConnectionsTabVisible = exports.isSettingsVisible = exports.isIntegrationsTabVisible = exports.isCompanyDetailsTabVisible = exports.isBusinessVerificationTabVisible = exports.isBankConnectionsTabVisible = exports.isApprovalRulesTabVisible = exports.isAccountingTabVisible = void 0;
+exports.isNotificationsTabVisible = exports.isMonthEndNotificationsSectionVisibleOnSettingsPage = exports.isRemindersSectionVisibleOnSettingsPage = exports.isMyBankConnectionsTabVisible = exports.isSettingsVisible = exports.isIntegrationsTabVisible = exports.isCompanyDetailsTabVisible = exports.isBusinessVerificationTabVisible = exports.isBankConnectionsTabVisible = exports.isApprovalRulesTabVisible = exports.isAccountingTabVisible = void 0;
 const userRoleType_1 = require("../../entity/userRole/userRoleType");
 const isAccountingTabVisible = (userRole, currentTenant) => {
     if ((0, exports.isSettingsVisible)(currentTenant)) {
@@ -106,11 +106,22 @@ const isMyBankConnectionsTabVisible = (currentTenant, userRoleMap) => {
     }
 };
 exports.isMyBankConnectionsTabVisible = isMyBankConnectionsTabVisible;
-const isNotificationsTabVisible = (notificationSettingsView) => {
-    const { notificationSettings } = notificationSettingsView;
-    return (notificationSettings.missingReceiptNotification != null ||
-        notificationSettings.pendingBillApprovalNotification != null ||
-        notificationSettings.pendingReimbursementApprovalNotification != null ||
-        notificationSettings.uncategorizedTransactionNotification != null);
+const isRemindersSectionVisibleOnSettingsPage = (reminderNotificationSettings) => {
+    return (reminderNotificationSettings.missingReceiptNotification != null ||
+        reminderNotificationSettings.pendingBillApprovalNotification != null ||
+        reminderNotificationSettings.pendingReimbursementApprovalNotification !=
+            null ||
+        reminderNotificationSettings.uncategorizedTransactionNotification != null);
+};
+exports.isRemindersSectionVisibleOnSettingsPage = isRemindersSectionVisibleOnSettingsPage;
+const isMonthEndNotificationsSectionVisibleOnSettingsPage = (monthEndInsightsNotificationSettings, signedInUseEmail) => {
+    return (monthEndInsightsNotificationSettings.enabled != null ||
+        monthEndInsightsNotificationSettings.recipientEmailIds.includes(signedInUseEmail));
+};
+exports.isMonthEndNotificationsSectionVisibleOnSettingsPage = isMonthEndNotificationsSectionVisibleOnSettingsPage;
+const isNotificationsTabVisible = (notificationSettings, signedInUseEmail) => {
+    const { reminderNotificationSettings, monthEndInsightsNotificationSettings } = notificationSettings;
+    return ((0, exports.isRemindersSectionVisibleOnSettingsPage)(reminderNotificationSettings) ||
+        (0, exports.isMonthEndNotificationsSectionVisibleOnSettingsPage)(monthEndInsightsNotificationSettings, signedInUseEmail));
 };
 exports.isNotificationsTabVisible = isNotificationsTabVisible;

package/lib/view/settingsView/settingsViewPayload.d.ts

@@ -6,10 +6,20 @@ export interface MyProfilePeoplePayload {
     users: UserPayload[];
 }
 export declare type MyProfilePeopleResponse = ZeniAPIResponse<MyProfilePeoplePayload>;
+export interface RemindersPayload {
+    frequency_type: string | null;
+    preferred_mode: string[];
+}
 export interface NotificationSettingsPayload {
     is_missing_receipt_notification_active: boolean | null;
     is_pending_bill_approval_notification_active: boolean | null;
     is_pending_reimbursement_approval_notification_active: boolean | null;
     is_uncategorized_transaction_notification_active: boolean | null;
+    is_month_end_insights_active: boolean | null;
+    missing_receipt_notification: RemindersPayload | null;
+    pending_bill_approval_notification: RemindersPayload | null;
+    pending_reimbursement_approval_notification: RemindersPayload | null;
+    uncategorized_transaction_notification: RemindersPayload | null;
+    month_end_email_recipient_email_ids?: string[];
 }
 export declare type NotificationSettingsResponse = ZeniAPIResponse<NotificationSettingsPayload>;

package/lib/view/settingsView/settingsViewReducer.d.ts

@@ -5,13 +5,16 @@ import { ID } from '../../commonStateTypes/common';
 export declare const initialState: SettingsViewState;
 export declare const fetchMyProfileView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string], {
     companyId: string;
-}, string, never, never>, fetchMyProfile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateMyProfileOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[userId: string], {
+}, string, never, never>, fetchMyProfile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchNotificationSettingsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateMyProfileOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[userId: string], {
     userId: string;
 }, string, never, never>, updateMyProfileOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankConnectionsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateBankConnectionOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     bankAccountIds: ID[];
-}, string>, updateBankConnectionOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankAccountsList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[data: NotificationSettingsPayload], {
+}, string>, updateBankConnectionOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankAccountsList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[data: NotificationSettingsPayload, loggedInUserEmail: string], {
     data: NotificationSettingsPayload;
-}, string, never, never>, updateNotificationSettingsOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, updateNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<NotificationSettingsLocalData, string>, resetNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, saveNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSaveSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    loggedInUserEmail: string;
+}, string, never, never>, updateNotificationSettingsOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, updateNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<NotificationSettingsLocalData, string>, resetNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    loggedInUserEmail: string;
+}, string>, saveNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSaveSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     data: NotificationSettingsPayload;
 }, string>, updateNotificationSettingsOnSaveFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, clearSettingsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<SettingsViewState, import("@reduxjs/toolkit").AnyAction>;

package/lib/view/settingsView/settingsViewReducer.js

@@ -1,20 +1,35 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearSettingsView = exports.updateNotificationSettingsOnSaveFailure = exports.updateNotificationSettingsOnSaveSuccess = exports.saveNotificationSettings = exports.resetNotificationSettingsLocalData = exports.updateNotificationSettingsLocalData = exports.updateNotificationSettingsOnFailure = exports.updateNotificationSettingsOnSuccess = exports.fetchNotificationSettings = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
+exports.clearSettingsView = exports.updateNotificationSettingsOnSaveFailure = exports.updateNotificationSettingsOnSaveSuccess = exports.saveNotificationSettings = exports.resetNotificationSettingsLocalData = exports.updateNotificationSettingsLocalData = exports.updateNotificationSettingsOnFailure = exports.updateNotificationSettingsOnSuccess = exports.fetchNotificationSettings = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchNotificationSettingsView = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const settingsViewState_1 = require("./settingsViewState");
 const initialNotificationSettingsData = {
-    missingReceiptNotification: null,
-    uncategorizedTransactionNotification: null,
-    pendingBillApprovalNotification: null,
-    pendingReimbursementApprovalNotification: null,
+    reminderNotificationSettings: {
+        missingReceiptNotification: null,
+        uncategorizedTransactionNotification: null,
+        pendingBillApprovalNotification: null,
+        pendingReimbursementApprovalNotification: null,
+    },
+    monthEndInsightsNotificationSettings: {
+        enabled: false,
+        recipientEmailIds: [],
+    },
+};
+const initialRemindersLocalData = {
+    preferredMode: [],
+    frequency: 'bi-weekly',
 };
 const initialNotificationSettingsLocalData = {
+    monthEndInsights: {
+        recipientEmailIds: [],
+        notify: false,
+    },
     reminders: {
-        isMissingReceiptNotificationActive: null,
-        isUncategorizedTransactionNotificationActive: null,
-        isPendingReimbursementApprovalNotificationActive: null,
-        isPendingBillApprovalNotificationActive: null,
+        missingReceiptNotification: initialRemindersLocalData,
+        pendingBillApprovalNotification: initialRemindersLocalData,
+        pendingReimbursementApprovalNotification: initialRemindersLocalData,
+        uncategorizedTransactionNotification: initialRemindersLocalData,
     },
 };
 exports.initialState = {
@@ -86,26 +101,30 @@ const settings = (0, toolkit_1.createSlice)({
             draft.bankConnection.fetchState = 'Error';
             draft.bankConnection.error = action.payload;
         },
+        fetchNotificationSettingsView() {
+            // Do nothing.
+        },
         fetchNotificationSettings(draft) {
             draft.notification.fetchState = 'In-Progress';
             draft.notification.error = undefined;
         },
         updateNotificationSettingsOnSuccess: {
-            prepare(data) {
+            prepare(data, loggedInUserEmail) {
                 return {
                     payload: {
                         data,
+                        loggedInUserEmail,
                     },
                 };
             },
             reducer(draft, action) {
-                const { data } = action.payload;
+                const { data, loggedInUserEmail } = action.payload;
                 const notificationSettings = toNotificationSettings(data);
                 draft.notification.fetchState = 'Completed';
                 draft.notification.error = undefined;
                 draft.notification.notificationSettings = notificationSettings;
                 draft.notification.notificationSettingsLocalData =
-                    toNotificationSettingsLocalData(notificationSettings);
+                    toNotificationSettingsLocalData(notificationSettings, loggedInUserEmail);
             },
         },
         updateNotificationSettingsOnFailure(draft, action) {
@@ -115,9 +134,10 @@ const settings = (0, toolkit_1.createSlice)({
         updateNotificationSettingsLocalData(draft, action) {
             draft.notification.notificationSettingsLocalData = action.payload;
         },
-        resetNotificationSettingsLocalData(draft) {
+        resetNotificationSettingsLocalData(draft, action) {
+            const { loggedInUserEmail } = action.payload;
             draft.notification.notificationSettingsLocalData =
-                toNotificationSettingsLocalData(draft.notification.notificationSettings);
+                toNotificationSettingsLocalData(draft.notification.notificationSettings, loggedInUserEmail);
         },
         saveNotificationSettings(draft) {
             draft.notification.updateStatus.fetchState = 'In-Progress';
@@ -138,47 +158,65 @@ const settings = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.fetchNotificationSettings = _a.fetchNotificationSettings, exports.updateNotificationSettingsOnSuccess = _a.updateNotificationSettingsOnSuccess, exports.updateNotificationSettingsOnFailure = _a.updateNotificationSettingsOnFailure, exports.updateNotificationSettingsLocalData = _a.updateNotificationSettingsLocalData, exports.resetNotificationSettingsLocalData = _a.resetNotificationSettingsLocalData, exports.saveNotificationSettings = _a.saveNotificationSettings, exports.updateNotificationSettingsOnSaveSuccess = _a.updateNotificationSettingsOnSaveSuccess, exports.updateNotificationSettingsOnSaveFailure = _a.updateNotificationSettingsOnSaveFailure, exports.clearSettingsView = _a.clearSettingsView;
+_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.fetchNotificationSettingsView = _a.fetchNotificationSettingsView, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.fetchNotificationSettings = _a.fetchNotificationSettings, exports.updateNotificationSettingsOnSuccess = _a.updateNotificationSettingsOnSuccess, exports.updateNotificationSettingsOnFailure = _a.updateNotificationSettingsOnFailure, exports.updateNotificationSettingsLocalData = _a.updateNotificationSettingsLocalData, exports.resetNotificationSettingsLocalData = _a.resetNotificationSettingsLocalData, exports.saveNotificationSettings = _a.saveNotificationSettings, exports.updateNotificationSettingsOnSaveSuccess = _a.updateNotificationSettingsOnSaveSuccess, exports.updateNotificationSettingsOnSaveFailure = _a.updateNotificationSettingsOnSaveFailure, exports.clearSettingsView = _a.clearSettingsView;
 exports.default = settings.reducer;
-const toNotificationSettings = (data) => {
-    const notificationSettingsData = Object.assign({}, initialNotificationSettingsData);
-    if (data.is_missing_receipt_notification_active != null) {
-        notificationSettingsData.missingReceiptNotification = {
-            active: data.is_missing_receipt_notification_active,
-        };
-    }
-    if (data.is_pending_bill_approval_notification_active != null) {
-        notificationSettingsData.pendingBillApprovalNotification = {
-            active: data.is_pending_bill_approval_notification_active,
-        };
-    }
-    if (data.is_pending_reimbursement_approval_notification_active != null) {
-        notificationSettingsData.pendingReimbursementApprovalNotification = {
-            active: data.is_pending_reimbursement_approval_notification_active,
+/**
+ * Helpers
+ */
+function toRemindersLocalData(reminderNotificationSettingDetails) {
+    if (reminderNotificationSettingDetails != null) {
+        return {
+            preferredMode: reminderNotificationSettingDetails.enabled
+                ? reminderNotificationSettingDetails.preferredMode
+                : [],
+            frequency: reminderNotificationSettingDetails.frequency,
         };
     }
-    if (data.is_uncategorized_transaction_notification_active != null) {
-        notificationSettingsData.uncategorizedTransactionNotification = {
-            active: data.is_uncategorized_transaction_notification_active,
+    return Object.assign({}, initialRemindersLocalData);
+}
+const toNotificationSettingsLocalData = (data, loggedInUserEmail) => {
+    var _a;
+    const { monthEndInsightsNotificationSettings, reminderNotificationSettings } = data;
+    const { missingReceiptNotification, pendingBillApprovalNotification, pendingReimbursementApprovalNotification, uncategorizedTransactionNotification, } = reminderNotificationSettings;
+    return {
+        monthEndInsights: {
+            notify: (_a = monthEndInsightsNotificationSettings.enabled) !== null && _a !== void 0 ? _a : monthEndInsightsNotificationSettings.recipientEmailIds.includes(loggedInUserEmail),
+            recipientEmailIds: monthEndInsightsNotificationSettings.recipientEmailIds,
+        },
+        reminders: {
+            missingReceiptNotification: toRemindersLocalData(missingReceiptNotification),
+            pendingBillApprovalNotification: toRemindersLocalData(pendingBillApprovalNotification),
+            pendingReimbursementApprovalNotification: toRemindersLocalData(pendingReimbursementApprovalNotification),
+            uncategorizedTransactionNotification: toRemindersLocalData(uncategorizedTransactionNotification),
+        },
+    };
+};
+function toReminderNotificationSettingsDetails(isNotificationActive, remindersPayload) {
+    if (isNotificationActive != null) {
+        return {
+            enabled: isNotificationActive,
+            frequency: (remindersPayload === null || remindersPayload === void 0 ? void 0 : remindersPayload.frequency_type) != null
+                ? (0, settingsViewState_1.toRemindersFrequencyType)(remindersPayload.frequency_type)
+                : 'bi-weekly',
+            preferredMode: (remindersPayload === null || remindersPayload === void 0 ? void 0 : remindersPayload.preferred_mode) != null
+                ? remindersPayload.preferred_mode.map((mode) => (0, settingsViewState_1.toNotificationMode)(mode))
+                : [],
         };
     }
-    return notificationSettingsData;
-};
-const toNotificationSettingsLocalData = (data) => {
+    return null;
+}
+const toNotificationSettings = (data) => {
+    var _a;
     return {
-        reminders: {
-            isMissingReceiptNotificationActive: data.missingReceiptNotification != null
-                ? data.missingReceiptNotification.active
-                : null,
-            isPendingBillApprovalNotificationActive: data.pendingBillApprovalNotification != null
-                ? data.pendingBillApprovalNotification.active
-                : null,
-            isPendingReimbursementApprovalNotificationActive: data.pendingReimbursementApprovalNotification != null
-                ? data.pendingReimbursementApprovalNotification.active
-                : null,
-            isUncategorizedTransactionNotificationActive: data.uncategorizedTransactionNotification != null
-                ? data.uncategorizedTransactionNotification.active
-                : null,
+        reminderNotificationSettings: {
+            missingReceiptNotification: toReminderNotificationSettingsDetails(data.is_missing_receipt_notification_active, data.missing_receipt_notification),
+            pendingBillApprovalNotification: toReminderNotificationSettingsDetails(data.is_pending_bill_approval_notification_active, data.pending_bill_approval_notification),
+            pendingReimbursementApprovalNotification: toReminderNotificationSettingsDetails(data.is_pending_reimbursement_approval_notification_active, data.pending_reimbursement_approval_notification),
+            uncategorizedTransactionNotification: toReminderNotificationSettingsDetails(data.is_uncategorized_transaction_notification_active, data.uncategorized_transaction_notification),
+        },
+        monthEndInsightsNotificationSettings: {
+            enabled: data.is_month_end_insights_active,
+            recipientEmailIds: (_a = data.month_end_email_recipient_email_ids) !== null && _a !== void 0 ? _a : [],
         },
     };
 };

package/lib/view/settingsView/settingsViewSelector.d.ts

@@ -1,16 +1,11 @@
 import { RootState } from '../../reducer';
 import { FetchStateAndError, ID } from '../../commonStateTypes/common';
-import { TenantExternalConnections } from '../../entity/tenant/tenantState';
-import { Company } from '../../entity/company/companyStateTypes';
-import { MyBankConnectionsView, BankConnectionsSetupView, MyProfileSelectorView } from './types/settingsViewSelectorTypes';
+import { MyBankConnectionsView, BankConnectionsSetupView, MyProfileSelectorView, NotificationSettingsSelectorView, IntegrationsView } from './types/settingsViewSelectorTypes';
 import { NotificationSettings } from './settingsViewState';
 export declare function getApprovalRuleViewDetails(state: RootState): FetchStateAndError;
 export declare function getBankConnectionsSetupViewDetails(state: RootState, companyId: ID): BankConnectionsSetupView;
 export declare function getMyBankConnectionsDetails(state: RootState, userId: ID): MyBankConnectionsView;
-export interface IntegrationsView {
-    externalConnections: TenantExternalConnections | undefined;
-    companyView: Company | undefined;
-}
 export declare function getIntegrationsView(state: RootState, companyId: ID): IntegrationsView;
 export declare const getMyProfileView: (state: RootState) => MyProfileSelectorView;
-export declare const getNotificationSettingsView: (state: RootState) => NotificationSettings;
+export declare const getNotificationSettings: (state: RootState) => NotificationSettings;
+export declare const getNotificationSettingsView: (state: RootState) => NotificationSettingsSelectorView;

package/lib/view/settingsView/settingsViewSelector.js

@@ -1,7 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNotificationSettingsView = exports.getMyProfileView = exports.getIntegrationsView = exports.getMyBankConnectionsDetails = exports.getBankConnectionsSetupViewDetails = exports.getApprovalRuleViewDetails = void 0;
+exports.getNotificationSettingsView = exports.getNotificationSettings = exports.getMyProfileView = exports.getIntegrationsView = exports.getMyBankConnectionsDetails = exports.getBankConnectionsSetupViewDetails = exports.getApprovalRuleViewDetails = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const values_1 = __importDefault(require("lodash/values"));
 const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const companySelector_1 = require("../../entity/company/companySelector");
 const userRoleSelector_1 = require("../../entity/userRole/userRoleSelector");
@@ -117,6 +121,18 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenant
     }
     return myProfilePeopleView;
 });
-exports.getNotificationSettingsView = (0, toolkit_1.createSelector)((state) => state.settingsViewState, (settingsViewState) => {
+exports.getNotificationSettings = (0, toolkit_1.createSelector)((state) => state.settingsViewState, (settingsViewState) => {
     return settingsViewState.notification;
 });
+exports.getNotificationSettingsView = (0, toolkit_1.createSelector)((state) => state.settingsViewState, (state) => state.userState, (state) => state.classState, (state) => state.classListState, (state) => (0, userListViewSelector_1.getUserList)(state, 'manager'), (settingsViewState, userState, classState, classListState, managersListView) => {
+    const classList = (0, classSelectorV2_1.getClassesByIds)(classState, {
+        classIds: classListState.classIds,
+        reportId: 'class_list',
+    });
+    const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        settingsViewState.notification,
+        classListState,
+        managersListView,
+    ]);
+    return Object.assign(Object.assign({}, settingsViewState.notification), { allUsers: (0, values_1.default)(userState.userByUserId), classList, managersList: managersListView.users, fetchState: fetchState.fetchState, error: fetchState.error });
+});

package/lib/view/settingsView/settingsViewState.d.ts

@@ -5,20 +5,43 @@ interface MyProfile extends FetchStateAndError {
 interface BankConnection extends FetchStateAndError {
     bankAccountIds: ID[];
 }
+export declare const REMINDER_NOTIFICATION_TYPES: readonly ["missingReceiptNotification", "uncategorizedTransactionNotification", "pendingBillApprovalNotification", "pendingReimbursementApprovalNotification"];
 declare const toReminderTypeKey: (v: string) => "missingReceiptNotification" | "uncategorizedTransactionNotification" | "pendingBillApprovalNotification" | "pendingReimbursementApprovalNotification";
-declare type ReminderTypeKey = ReturnType<typeof toReminderTypeKey>;
-declare const toReminderFlagTypeKey: (v: string) => "isMissingReceiptNotificationActive" | "isUncategorizedTransactionNotificationActive" | "isPendingBillApprovalNotificationActive" | "isPendingReimbursementApprovalNotificationActive";
-declare type ReminderFlagTypeKey = ReturnType<typeof toReminderFlagTypeKey>;
-export declare type ReminderNotificationSettingsLocalData = Record<ReminderFlagTypeKey, boolean | null>;
+export declare type ReminderTypeKey = ReturnType<typeof toReminderTypeKey>;
+export declare const toRemindersFrequencyType: (v: string) => "daily" | "weekly" | "bi-weekly" | "monthly";
+export declare type FrequencyTypeKey = ReturnType<typeof toRemindersFrequencyType>;
+export declare const NOTIFICATION_MODES: readonly ["email", "dashboard"];
+export declare const toNotificationMode: (v: string) => "dashboard" | "email";
+export declare type NotificationModeKey = ReturnType<typeof toNotificationMode>;
+export interface MonthEndInsightsNotificationSettingsData {
+    enabled: boolean | null;
+    recipientEmailIds: string[];
+}
+export interface MonthEndInsightsNotificationSettingsLocalData {
+    notify: boolean;
+    recipientEmailIds: string[];
+}
+export interface ReminderNotificationSettingDetails {
+    enabled: boolean;
+    frequency: FrequencyTypeKey;
+    preferredMode: NotificationModeKey[];
+}
+export declare type RemindersLocalData = {
+    frequency: FrequencyTypeKey;
+    preferredMode: NotificationModeKey[];
+};
+export declare type ReminderNotificationSettingsData = Record<ReminderTypeKey, ReminderNotificationSettingDetails | null>;
+export declare type ReminderNotificationSettingsLocalData = Record<ReminderTypeKey, RemindersLocalData>;
 export interface NotificationSettingsLocalData {
     reminders: ReminderNotificationSettingsLocalData;
+    monthEndInsights: MonthEndInsightsNotificationSettingsLocalData;
 }
-interface ReminderNotificationSettingDetails {
-    active: boolean;
+export interface NotificationSettingsData {
+    reminderNotificationSettings: ReminderNotificationSettingsData;
+    monthEndInsightsNotificationSettings: MonthEndInsightsNotificationSettingsData;
 }
-export declare type ReminderNotificationSettingsData = Record<ReminderTypeKey, ReminderNotificationSettingDetails | null>;
 export interface NotificationSettings extends FetchStateAndError {
-    notificationSettings: ReminderNotificationSettingsData;
+    notificationSettings: NotificationSettingsData;
     notificationSettingsLocalData: NotificationSettingsLocalData;
     updateStatus: FetchStateAndError;
 }

package/lib/view/settingsView/settingsViewState.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toNotificationMode = exports.NOTIFICATION_MODES = exports.toRemindersFrequencyType = exports.REMINDER_NOTIFICATION_TYPES = void 0;
 const stringToUnion_1 = require("../../commonStateTypes/stringToUnion");
-const REMINDER_NOTIFICATION_TYPES = [
+exports.REMINDER_NOTIFICATION_TYPES = [
     'missingReceiptNotification',
     'uncategorizedTransactionNotification',
     'pendingBillApprovalNotification',
     'pendingReimbursementApprovalNotification',
 ];
-const REMINDER_NOTIFICATION_FLAG_TYPES = [
-    'isMissingReceiptNotificationActive',
-    'isUncategorizedTransactionNotificationActive',
-    'isPendingBillApprovalNotificationActive',
-    'isPendingReimbursementApprovalNotificationActive',
-];
-const toReminderTypeKey = (v) => (0, stringToUnion_1.stringToUnion)(v, REMINDER_NOTIFICATION_TYPES);
-const toReminderFlagTypeKey = (v) => (0, stringToUnion_1.stringToUnion)(v, REMINDER_NOTIFICATION_FLAG_TYPES);
+const toReminderTypeKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.REMINDER_NOTIFICATION_TYPES);
+const FREQUENCY_TYPES = ['daily', 'weekly', 'bi-weekly', 'monthly'];
+const toRemindersFrequencyType = (v) => (0, stringToUnion_1.stringToUnion)(v, FREQUENCY_TYPES);
+exports.toRemindersFrequencyType = toRemindersFrequencyType;
+exports.NOTIFICATION_MODES = ['email', 'dashboard'];
+const toNotificationMode = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.NOTIFICATION_MODES);
+exports.toNotificationMode = toNotificationMode;