@zeniai/client-epic-state 4.9.99 → 4.10.1

package/lib/view/financeStatement/financeStatementReducer.d.ts

@@ -16,7 +16,7 @@ export declare const fetchFinanceStatement: import("@reduxjs/toolkit").ActionCre
     thisPeriod: TimeframeTick;
     coaBalances: COABalance[];
     maxNumOfPeriodsToHighlight: number;
-}, string>, updateCOABalancesRange: import("@reduxjs/toolkit").ActionCreatorWithPayload<COABalancesRange, string>, updateSelectedReportId: import("@reduxjs/toolkit").ActionCreatorWithPayload<"cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets", string>, updateFinanceStatementAdditionalBalancesSelection: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, string>, updateCOABalancesRange: import("@reduxjs/toolkit").ActionCreatorWithPayload<COABalancesRange, string>, updateSelectedReportId: import("@reduxjs/toolkit").ActionCreatorWithPayload<"cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification", string>, updateFinanceStatementAdditionalBalancesSelection: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     firstMonthOfFY: Month;
     isCompareModeOn: boolean;
     additionalBalances: COABalanceType[];

package/lib/view/globalMerchantView/globalMerchantViewReducer.d.ts

@@ -4,9 +4,9 @@ import { ID } from '../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../responsePayload';
 import { VendorReviewViewAllRecommendationsPayload } from '../vendorReviewView/common/payload/commonTypes';
 export declare const initialState: GlobalMerchantViewState;
-export declare const createGlobalMerchant: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[merchantId?: string | undefined, context?: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | undefined], {
+export declare const createGlobalMerchant: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[merchantId?: string | undefined, context?: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | undefined], {
     merchantId: string | undefined;
-    context: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | undefined;
+    context: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | undefined;
 }, string, never, never>, createGlobalMerchantSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     merchantId: ID;
 }, string>, createGlobalMerchantFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{

package/lib/view/notificationView/epics/fetchNotificationUnreadCountEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchNotificationUnreadCount, fetchNotificationUnreadCountSuccess, fetchNotificationUnreadCountFailure } from '../notificationViewReducer';
+import { updateAllUsers } from '../../../entity/user/userReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+import { updateAllNotifications } from '../../../entity/notification/notificationReducer';
+export declare type ActionType = ReturnType<typeof updateAllNotifications> | ReturnType<typeof updateAllUsers> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchNotificationUnreadCount> | ReturnType<typeof fetchNotificationUnreadCountSuccess> | ReturnType<typeof fetchNotificationUnreadCountFailure>;
+export declare const fetchNotificationUnreadCountEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/notificationView/epics/fetchNotificationUnreadCountEpic.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNotificationUnreadCountEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const notificationViewReducer_1 = require("../notificationViewReducer");
+const fetchNotificationUnreadCountEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(notificationViewReducer_1.fetchNotificationUnreadCount.match), (0, operators_1.switchMap)((action) => {
+    const { notificationGroup, mode } = action.payload;
+    const queryParam = {
+        fetch_unread_notification_count: true,
+        notification_group: notificationGroup,
+        mode,
+    };
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/user-notification?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const { count: { unread }, } = response.data;
+            const actions = [
+                (0, notificationViewReducer_1.fetchNotificationUnreadCountSuccess)(unread, notificationGroup),
+            ];
+            return actions;
+        }
+        else {
+            return (0, rxjs_1.of)((0, notificationViewReducer_1.fetchNotificationUnreadCountFailure)({
+                status: response.status,
+                notificationGroup,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, notificationViewReducer_1.fetchNotificationUnreadCountFailure)({
+            status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Notification Unread Count API call errored out' +
+                JSON.stringify(error)),
+            notificationGroup,
+        }));
+    }));
+}));
+exports.fetchNotificationUnreadCountEpic = fetchNotificationUnreadCountEpic;

package/lib/view/notificationView/epics/fetchNotificationViewEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchNotificationView, fetchNotificationViewSuccess, fetchNotificationViewFailure } from '../notificationViewReducer';
+import { updateAllUsers } from '../../../entity/user/userReducer';
+import { updateAllNotifications } from '../../../entity/notification/notificationReducer';
+export declare type ActionType = ReturnType<typeof updateAllNotifications> | ReturnType<typeof updateAllUsers> | ReturnType<typeof fetchNotificationView> | ReturnType<typeof fetchNotificationViewSuccess> | ReturnType<typeof fetchNotificationViewFailure>;
+export declare const fetchNotificationViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/notificationView/epics/fetchNotificationViewEpic.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNotificationViewEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const notificationViewReducer_1 = require("../notificationViewReducer");
+const userReducer_1 = require("../../../entity/user/userReducer");
+const notificationReducer_1 = require("../../../entity/notification/notificationReducer");
+const fetchNotificationViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(notificationViewReducer_1.fetchNotificationView.match), (0, operators_1.switchMap)((action) => {
+    const { notificationGroup, mode, status } = action.payload;
+    const { stateByTab } = state$.value.notificationViewState;
+    const notificationTab = (0, notificationViewReducer_1.toNotificationTab)(notificationGroup);
+    const notificationTabState = stateByTab[notificationTab];
+    const queryParam = {
+        status,
+        notification_group: notificationGroup,
+        is_paginated: true,
+        limit: 10,
+        mode,
+        page_token: notificationTabState.uiState.pageToken,
+    };
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/user-notification?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const { notifications, total_count, next_page_token } = response.data;
+            const allUsers = [];
+            notifications.forEach((notification) => {
+                allUsers.push(...notification.data.authors);
+            });
+            const allUniqueUsers = [
+                ...new Map(allUsers.map((user) => [user.user_id, user])).values(),
+            ];
+            const actions = [
+                (0, userReducer_1.updateAllUsers)({ users: allUniqueUsers, updateType: 'merge' }),
+                (0, notificationReducer_1.updateAllNotifications)(notifications, 'replace'),
+                (0, notificationViewReducer_1.fetchNotificationViewSuccess)(notifications, total_count, notificationGroup, next_page_token),
+            ];
+            return actions;
+        }
+        else {
+            return (0, rxjs_1.of)((0, notificationViewReducer_1.fetchNotificationViewFailure)({
+                status: response.status,
+                notificationGroup,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, notificationViewReducer_1.fetchNotificationViewFailure)({
+            status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Notification View API call errored out' +
+                JSON.stringify(error)),
+            notificationGroup,
+        }));
+    }));
+}));
+exports.fetchNotificationViewEpic = fetchNotificationViewEpic;

package/lib/view/notificationView/epics/updateNotificationViewAllNotificationsStatusEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { updateNotificationViewAllNotificationsStatus, updateNotificationViewAllNotificationsStatusSuccess, updateNotificationViewAllNotificationsStatusFailure } from '../notificationViewReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+import { updateNotificationsStatuses } from '../../../entity/notification/notificationReducer';
+export declare type ActionType = ReturnType<typeof openSnackbar> | ReturnType<typeof updateNotificationsStatuses> | ReturnType<typeof updateNotificationViewAllNotificationsStatus> | ReturnType<typeof updateNotificationViewAllNotificationsStatusSuccess> | ReturnType<typeof updateNotificationViewAllNotificationsStatusFailure>;
+export declare const updateNotificationViewAllNotificationsStatusEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/notificationView/epics/updateNotificationViewAllNotificationsStatusEpic.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateNotificationViewAllNotificationsStatusEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const notificationViewReducer_1 = require("../notificationViewReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const notificationReducer_1 = require("../../../entity/notification/notificationReducer");
+const updateNotificationViewAllNotificationsStatusEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(notificationViewReducer_1.updateNotificationViewAllNotificationsStatus.match), (0, operators_1.switchMap)((action) => {
+    const { notificationGroup, status } = action.payload;
+    const { notificationViewState } = state$.value;
+    const { stateByTab } = notificationViewState;
+    const { allNotificationsIds } = stateByTab['tasks'];
+    const queryParam = {
+        mark_all_as_read: status === 'read',
+    };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/user-notification-dashboard?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response)) {
+            return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'notification_mark_as_read',
+                messageText: 'success',
+                type: 'success',
+            }), (0, notificationReducer_1.updateNotificationsStatuses)(allNotificationsIds, status), (0, notificationViewReducer_1.updateNotificationViewAllNotificationsStatusSuccess)(notificationGroup));
+        }
+        else {
+            return (0, rxjs_1.of)((0, notificationViewReducer_1.updateNotificationViewAllNotificationsStatusFailure)({
+                status: response.status,
+                notificationGroup,
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'notification_mark_as_read',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, notificationViewReducer_1.updateNotificationViewAllNotificationsStatusFailure)({
+        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Update All Notifications Status API call errored out' +
+            JSON.stringify(error)),
+        notificationGroup,
+    }))));
+}));
+exports.updateNotificationViewAllNotificationsStatusEpic = updateNotificationViewAllNotificationsStatusEpic;

package/lib/view/notificationView/epics/updateNotificationViewNotificationStatusEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { updateNotificationViewNotificationStatus, updateNotificationViewNotificationStatusSuccess, updateNotificationViewNotificationStatusFailure } from '../notificationViewReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+import { updateNotificationsStatuses } from '../../../entity/notification/notificationReducer';
+export declare type ActionType = ReturnType<typeof openSnackbar> | ReturnType<typeof updateNotificationsStatuses> | ReturnType<typeof updateNotificationViewNotificationStatus> | ReturnType<typeof updateNotificationViewNotificationStatusSuccess> | ReturnType<typeof updateNotificationViewNotificationStatusFailure>;
+export declare const updateNotificationViewNotificationStatusEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/notificationView/epics/updateNotificationViewNotificationStatusEpic.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateNotificationViewNotificationStatusEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const notificationViewReducer_1 = require("../notificationViewReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const notificationReducer_1 = require("../../../entity/notification/notificationReducer");
+const updateNotificationViewNotificationStatusEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(notificationViewReducer_1.updateNotificationViewNotificationStatus.match), (0, operators_1.switchMap)((action) => {
+    const { notificationGroup, status, notificationIds, showSnackBarOnSuccess, } = action.payload;
+    const { notificationViewState, notificationState } = state$.value;
+    const { stateByTab } = notificationViewState;
+    const notificationTab = (0, notificationViewReducer_1.toNotificationTab)(notificationGroup);
+    const notificationTabState = stateByTab[notificationTab];
+    const { selectedNotificationIds } = notificationTabState;
+    const payload = {
+        notifications: [],
+    };
+    let reduceUnreadCountBy = 0;
+    if (notificationIds.length > 0) {
+        notificationIds.forEach((notificationId) => {
+            payload.notifications.push({
+                user_notification_id: notificationId,
+                status,
+            });
+        });
+        reduceUnreadCountBy = notificationIds.length;
+    }
+    else {
+        selectedNotificationIds.forEach((notificationId) => {
+            payload.notifications.push({
+                user_notification_id: notificationId,
+                status,
+            });
+        });
+        if (notificationTab !== 'comments') {
+            selectedNotificationIds.forEach((selectedNotificationId) => {
+                if (notificationState.notificationById[selectedNotificationId] != null) {
+                    if (notificationState.notificationById[selectedNotificationId]
+                        .status !== status) {
+                        reduceUnreadCountBy = reduceUnreadCountBy + 1;
+                    }
+                }
+            });
+        }
+    }
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/user-notification`, { notifications: payload.notifications })
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response)) {
+            const updateNotificationIds = payload.notifications.map((notification) => notification.user_notification_id);
+            const actions = [];
+            if (showSnackBarOnSuccess === true) {
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'notification_mark_as_read',
+                    messageText: 'success',
+                    type: 'success',
+                }));
+            }
+            actions.push((0, notificationReducer_1.updateNotificationsStatuses)(updateNotificationIds, status), (0, notificationViewReducer_1.updateNotificationViewNotificationStatusSuccess)(notificationGroup, reduceUnreadCountBy));
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, notificationViewReducer_1.updateNotificationViewNotificationStatusFailure)({
+                status: response.status,
+                notificationGroup,
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'notification_mark_as_read',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, notificationViewReducer_1.updateNotificationViewNotificationStatusFailure)({
+        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Update Notification Status API call errored out' +
+            JSON.stringify(error)),
+        notificationGroup,
+    }))));
+}));
+exports.updateNotificationViewNotificationStatusEpic = updateNotificationViewNotificationStatusEpic;

package/lib/view/notificationView/notificationView.helpers.d.ts

@@ -0,0 +1,2 @@
+import { NotificationSubTabType, NotificationTabType } from './notificationViewState';
+export declare const getSubTabsForATab: (notificationTab: NotificationTabType) => NotificationSubTabType[];

package/lib/view/notificationView/notificationView.helpers.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSubTabsForATab = void 0;
+const getSubTabsForATab = (notificationTab) => {
+    const subTabs = ['all', 'read', 'unread'];
+    if (notificationTab === 'comments') {
+        return [...subTabs, 'mentions'];
+    }
+    return subTabs;
+};
+exports.getSubTabsForATab = getSubTabsForATab;

package/lib/view/notificationView/notificationViewPayload.d.ts

@@ -0,0 +1,48 @@
+import { ZeniAPIResponse } from '../../responsePayload';
+import { NotificationPayload } from '../../entity/notification/notificationPayload';
+export interface NotificationViewQueryPayload {
+    notification_group: string;
+    mode: string;
+    is_paginated: boolean;
+    status: string[];
+    page_token: string | null;
+    limit: number;
+}
+export interface NotificationViewPayload {
+    notifications: NotificationPayload[];
+    query: NotificationViewQueryPayload;
+    total_count: number;
+    next_page_token: string | null;
+}
+export declare type NotificationViewResponse = ZeniAPIResponse<NotificationViewPayload>;
+export interface UpdateNotificationStatusQueryPayload {
+    notification_group: string;
+    is_paginated: boolean;
+}
+export interface UpdateAllNotificationStatusQueryPayload {
+    mark_all_as_read: boolean;
+}
+export interface FetchNotificationCountQueryPayload {
+    fetch_unread_notification_count: boolean;
+    notification_group: string;
+    mode: string;
+}
+export interface FetchNotificationCountPayload {
+    notification_group: string;
+    mode: string;
+    query: FetchNotificationCountQueryPayload;
+    count: {
+        unread: number;
+    };
+}
+export declare type UpdateNotificationStatusResponse = ZeniAPIResponse;
+export declare type UpdateAllNotificationsStatusResponse = ZeniAPIResponse;
+export declare type FetchNotificationCountResponse = ZeniAPIResponse<FetchNotificationCountPayload>;
+export interface PushNotificationPayload {
+    notification_group: string;
+    mode: string;
+    data: {
+        unread: number;
+    };
+    timestamp: string;
+}

package/lib/view/notificationView/notificationViewPayload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/notificationView/notificationViewReducer.d.ts

@@ -0,0 +1,64 @@
+import { ZeniAPIStatus } from '../../responsePayload';
+import { NotificationPayload } from '../../entity/notification/notificationPayload';
+import { NotificationTabState, NotificationTabType, NotificationViewState, NotificationViewUIState } from './notificationViewState';
+import { NotificationGroup } from '../../entity/notification/types/notificationTypes';
+import { PageToken } from '../../commonStateTypes/viewAndReport/viewAndReport';
+export declare const initialState: NotificationViewState;
+export declare const fetchNotificationView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager", mode?: "dashboard" | "email" | undefined, status?: ("unread" | "read")[] | undefined], {
+    notificationGroup: "task_manager";
+    mode: "dashboard" | "email";
+    status: ("unread" | "read")[];
+}, string, never, never>, fetchNotificationViewSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notifications: NotificationPayload[], totalCount: number, notificationGroup: "task_manager", pageToken: PageToken], {
+    notifications: NotificationPayload[];
+    totalCount: number;
+    notificationGroup: "task_manager";
+    pageToken: PageToken;
+}, string, never, never>, fetchNotificationViewFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    status: ZeniAPIStatus;
+    notificationGroup: NotificationGroup;
+}, string>, fetchNotificationUnreadCount: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager", mode?: "dashboard" | "email" | undefined], {
+    notificationGroup: "task_manager";
+    mode: "dashboard" | "email";
+}, string, never, never>, fetchNotificationUnreadCountSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[unreadCount: number, notificationGroup: "task_manager"], {
+    unreadCount: number;
+    notificationGroup: "task_manager";
+}, string, never, never>, fetchNotificationUnreadCountFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    status: ZeniAPIStatus;
+    notificationGroup: NotificationGroup;
+}, string>, updateNotificationViewNotificationStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager", status: "unread" | "read", notificationIds?: string[] | undefined, showSnackBarOnSuccess?: any], {
+    notificationGroup: "task_manager";
+    status: "unread" | "read";
+    notificationIds: string[];
+    showSnackBarOnSuccess: any;
+}, string, never, never>, updateNotificationViewNotificationStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager", reduceUnreadCountBy: number], {
+    notificationGroup: "task_manager";
+    reduceUnreadCountBy: number;
+}, string, never, never>, updateNotificationViewNotificationStatusFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    status: ZeniAPIStatus;
+    notificationGroup: NotificationGroup;
+}, string>, updateNotificationViewAllNotificationsStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager", status: "unread" | "read"], {
+    notificationGroup: "task_manager";
+    status: "unread" | "read";
+}, string, never, never>, updateNotificationViewAllNotificationsStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationGroup: "task_manager"], {
+    notificationGroup: "task_manager";
+}, string, never, never>, updateNotificationViewAllNotificationsStatusFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    status: ZeniAPIStatus;
+    notificationGroup: NotificationGroup;
+}, string>, updateNotificationViewTabState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[notificationTabState: Partial<NotificationTabState>, tab: "tasks" | "comments"], {
+    notificationTabState: Partial<NotificationTabState>;
+    tab: "tasks" | "comments";
+}, string, never, never>, updateNotificationViewCurrentTabAndSubTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newTab: "tasks" | "comments", newSubTab?: "all" | "unread" | "read" | "mentions" | undefined], {
+    newTab: "tasks" | "comments";
+    newSubTab: "all" | "unread" | "read" | "mentions" | undefined;
+}, string, never, never>, updateNotificationViewSubTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newSubTab: "all" | "unread" | "read" | "mentions"], {
+    newSubTab: "all" | "unread" | "read" | "mentions";
+}, string, never, never>, updateNotificationViewUIState: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[uiState: Partial<NotificationViewUIState>, tab: "tasks" | "comments"], {
+    uiState: Partial<NotificationViewUIState>;
+    tab: "tasks" | "comments";
+}, string, never, never>, clearNotificationView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<NotificationViewState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;
+/**
+ * Helpers
+ */
+export declare const toNotificationTab: (notificationGroup: NotificationGroup) => NotificationTabType;