@zeniai/client-epic-state 4.20.2-beta30ND → 4.20.2-beta31RR

package/lib/esm/view/profitAndLossClassesView/profitAndLossHorizontalEnrichment.js

@@ -72,22 +72,19 @@ function buildHorizontalClassColumnBalancesSlice(report, classAmounts, totalAmou
         return getEmptyHorizontalSectionBalancesSlice(report.firstMonthOfFY, timeframe);
     }
     const { startDate, endDate } = report.selectedPeriod;
-    const balances = report.classColumns.map((col, columnIndex) => {
-        const amount = classAmounts[columnIndex] ?? 0;
-        return {
-            balance: {
-                amount,
-                currencyCode,
-                currencySymbol,
-            },
-            balanceTimeFrame: timeframe,
-            startDate,
-            endDate,
-            type: amount === 0 ? 'default_with_null_balance' : 'default',
-            id: col.classId,
-            label: col.className,
-        };
-    });
+    const balances = report.classColumns.map((col, columnIndex) => ({
+        balance: {
+            amount: classAmounts[columnIndex] ?? 0,
+            currencyCode,
+            currencySymbol,
+        },
+        balanceTimeFrame: timeframe,
+        startDate,
+        endDate,
+        type: 'default',
+        id: col.classId,
+        label: col.className,
+    }));
     balances.push({
         balance: {
             amount: totalAmount,
@@ -97,7 +94,7 @@ function buildHorizontalClassColumnBalancesSlice(report, classAmounts, totalAmou
         balanceTimeFrame: timeframe,
         startDate,
         endDate,
-        type: totalAmount === 0 ? 'default_with_null_balance' : 'default',
+        type: 'default',
         id: HORIZONTAL_CLASS_TOTAL_BALANCE_ID,
         label: 'Total',
     });

package/lib/esm/view/taskManager/taskDetailView/epics/archiveTaskEpic.js

@@ -4,6 +4,7 @@ import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { updateTasks } from '../../../../entity/task/taskReducer';
 import { getTaskById } from '../../../../entity/task/taskSelector';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { removeTaskFromList } from '../../taskListView/taskListReducer';
 import { archiveTask, archiveTaskSuccessOrFailure } from '../taskDetailReducer';
 // Epic function to handle archiving of tasks
 export const archiveTaskEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(archiveTask.match), mergeMap((action) => handleArchiveTask(action.payload.taskId, state$, zeniAPI)));
@@ -25,6 +26,7 @@ const handleApiResponse = (response, taskId) => {
         response.data.tasks.length > 0) {
         const fetchActions = [
             updateTasks(response.data.tasks),
+            removeTaskFromList(taskId),
             archiveTaskSuccessOrFailure({
                 fetchState: 'Completed',
                 taskId,

package/lib/esm/view/taskManager/taskDetailView/epics/deleteTaskEpic.js

@@ -2,6 +2,7 @@ import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessStatus, } from '../../../../responsePayload';
+import { removeTaskFromList } from '../../taskListView/taskListReducer';
 import { deleteTask, deleteTaskSuccessOrFailure } from '../taskDetailReducer';
 export const deleteTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(deleteTask.match), mergeMap((action) => {
     const { taskId } = action.payload;
@@ -10,6 +11,9 @@ export const deleteTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filt
         .pipe(mergeMap((response) => {
         if (isSuccessStatus(response)) {
             const actions = [];
+            if (taskId != null) {
+                actions.push(removeTaskFromList(taskId));
+            }
             actions.push(deleteTaskSuccessOrFailure({ fetchState: 'Completed', taskId }));
             return from(actions);
         }

package/lib/esm/view/taskManager/taskDetailView/epics/initializeTaskToLocalStoreEpic.js

@@ -25,6 +25,7 @@ export const initializeTaskToLocalStoreEpic = (actions$, state$) => actions$.pip
             savedRecurringEndDate: task.recurringEndDate,
             recurringStartDate: task.recurringStartDate,
             timeSpent: task.timeSpent,
+            isPrivate: task.isPrivate,
         };
         const actions = [
             saveTaskUpdatesToLocalStore({ taskDetailLocalData, taskId }),

package/lib/esm/view/taskManager/taskDetailView/epics/saveTaskDetailEpic.js

@@ -94,5 +94,6 @@ const prepareTaskPayload = (state, taskId, taskGroupId) => {
         sync_token: syncToken,
         task_group_ids: taskGroupId != null ? [taskGroupId] : [],
         time_spent: convertHHMMStrToMinutes(localData.timeSpent),
+        ...(taskId == null ? { is_private: localData.isPrivate ?? false } : {}),
     };
 };

package/lib/esm/view/taskManager/taskDetailView/epics/snoozeTaskEpic.js

@@ -0,0 +1,64 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { updateTasks } from '../../../../entity/task/taskReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { date } from '../../../../zeniDayJS';
+import { removeTaskFromList } from '../../taskListView/taskListReducer';
+import { snoozeTask, snoozeTaskSuccessOrFailure } from '../taskDetailReducer';
+export const snoozeTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(snoozeTask.match), mergeMap((action) => handleSnoozeTask(action.payload.taskId, action.payload.snoozedUntil, zeniAPI)));
+const formatSnoozedUntilForDisplay = (snoozedUntil) => date(snoozedUntil).format('MMM D, h:mm A');
+const handleSnoozeTask = (taskId, snoozedUntil, zeniAPI) => {
+    const snoozeTaskApi$ = zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks/${taskId}/snooze`, { snoozed_until: snoozedUntil });
+    return snoozeTaskApi$.pipe(mergeMap((response) => handleApiResponse(response, taskId, snoozedUntil)), catchError((error) => of(snoozeTaskSuccessOrFailure({
+        fetchState: 'Error',
+        taskId,
+        error: createZeniAPIStatus('Unexpected Error', 'Snooze Task REST API call errored out: ' + JSON.stringify(error)),
+    }))));
+};
+const handleApiResponse = (response, taskId, snoozedUntil) => {
+    if (isSuccessResponse(response) &&
+        response.data != null &&
+        response.data.tasks.length > 0) {
+        const fetchActions = [
+            updateTasks(response.data.tasks),
+            removeTaskFromList(taskId),
+            snoozeTaskSuccessOrFailure({
+                fetchState: 'Completed',
+                taskId,
+            }),
+            openSnackbar({
+                messageSection: 'snooze_task',
+                messageText: 'success',
+                type: 'success',
+                variables: [
+                    {
+                        variableName: '_snoozed_until_',
+                        variableValue: formatSnoozedUntilForDisplay(snoozedUntil),
+                    },
+                ],
+            }),
+        ];
+        return from(fetchActions);
+    }
+    else {
+        return from([
+            snoozeTaskSuccessOrFailure({
+                fetchState: 'Error',
+                taskId,
+                error: response.status,
+            }),
+            openSnackbar({
+                messageSection: 'snooze_task',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }),
+        ]);
+    }
+};

package/lib/esm/view/taskManager/taskDetailView/epics/unsnoozeTaskEpic.js

@@ -0,0 +1,54 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { updateTasks } from '../../../../entity/task/taskReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { snoozeTaskSuccessOrFailure, unsnoozeTask, } from '../taskDetailReducer';
+export const unsnoozeTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(unsnoozeTask.match), mergeMap((action) => handleUnsnoozeTask(action.payload.taskId, zeniAPI)));
+const handleUnsnoozeTask = (taskId, zeniAPI) => {
+    const unsnoozeTaskApi$ = zeniAPI.deleteAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks/${taskId}/snooze`);
+    return unsnoozeTaskApi$.pipe(mergeMap((response) => handleApiResponse(response, taskId)), catchError((error) => of(snoozeTaskSuccessOrFailure({
+        fetchState: 'Error',
+        taskId,
+        error: createZeniAPIStatus('Unexpected Error', 'Unsnooze Task REST API call errored out: ' + JSON.stringify(error)),
+    }))));
+};
+const handleApiResponse = (response, taskId) => {
+    if (isSuccessResponse(response) &&
+        response.data != null &&
+        response.data.tasks.length > 0) {
+        const fetchActions = [
+            updateTasks(response.data.tasks),
+            snoozeTaskSuccessOrFailure({
+                fetchState: 'Completed',
+                taskId,
+            }),
+            openSnackbar({
+                messageSection: 'unsnooze_task',
+                messageText: 'success',
+                type: 'success',
+            }),
+        ];
+        return from(fetchActions);
+    }
+    else {
+        return from([
+            snoozeTaskSuccessOrFailure({
+                fetchState: 'Error',
+                taskId,
+                error: response.status,
+            }),
+            openSnackbar({
+                messageSection: 'unsnooze_task',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }),
+        ]);
+    }
+};

package/lib/esm/view/taskManager/taskDetailView/taskDetail.js

@@ -31,5 +31,9 @@ export const initialTaskDetail = {
         fetchState: 'Not-Started',
         error: undefined,
     },
+    snoozeStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     taskDetailLocalData: initialTaskDetailLocalData,
 };

package/lib/esm/view/taskManager/taskDetailView/taskDetailReducer.js

@@ -185,6 +185,54 @@ const taskDetailView = createSlice({
             draft.editTaskStateById[taskId].archiveStatus.fetchState = fetchState;
             draft.editTaskStateById[taskId].archiveStatus.error = error;
         },
+        snoozeTask: {
+            reducer(draft, action) {
+                const { taskId } = action.payload;
+                draft.editTaskStateById[taskId] = {
+                    ...(draft.editTaskStateById[taskId] != null
+                        ? draft.editTaskStateById[taskId]
+                        : initialTaskDetail),
+                    snoozeStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    },
+                };
+            },
+            prepare(taskId, snoozedUntil) {
+                return {
+                    payload: {
+                        taskId,
+                        snoozedUntil,
+                    },
+                };
+            },
+        },
+        snoozeTaskSuccessOrFailure(draft, action) {
+            const { taskId, fetchState, error } = action.payload;
+            draft.editTaskStateById[taskId].snoozeStatus.fetchState = fetchState;
+            draft.editTaskStateById[taskId].snoozeStatus.error = error;
+        },
+        unsnoozeTask: {
+            reducer(draft, action) {
+                const { taskId } = action.payload;
+                draft.editTaskStateById[taskId] = {
+                    ...(draft.editTaskStateById[taskId] != null
+                        ? draft.editTaskStateById[taskId]
+                        : initialTaskDetail),
+                    snoozeStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    },
+                };
+            },
+            prepare(taskId) {
+                return {
+                    payload: {
+                        taskId,
+                    },
+                };
+            },
+        },
         deleteTask: {
             reducer(draft, action) {
                 const { taskId } = action.payload;
@@ -270,5 +318,5 @@ const taskDetailView = createSlice({
         },
     },
 });
-export const { fetchTaskDetailPage, fetchTaskDetail, initializeTaskToLocalStore, updateEditTaskFetchStatus, saveTaskUpdatesToLocalStore, discardTaskUpdatesInLocalStore, saveTaskDetail, archiveTask, archiveTaskSuccessOrFailure, saveTaskSuccessOrFailure, deleteTask, removeTaskDetail, deleteTaskSuccessOrFailure, fetchTaskHistory, updateTaskHistory, updateTaskHistoryFetchStatus, clearTaskDetail, updateCreatedTagToLocalStore, updateDeletedTagToLocalStore, } = taskDetailView.actions;
+export const { fetchTaskDetailPage, fetchTaskDetail, initializeTaskToLocalStore, updateEditTaskFetchStatus, saveTaskUpdatesToLocalStore, discardTaskUpdatesInLocalStore, saveTaskDetail, archiveTask, archiveTaskSuccessOrFailure, snoozeTask, snoozeTaskSuccessOrFailure, unsnoozeTask, saveTaskSuccessOrFailure, deleteTask, removeTaskDetail, deleteTaskSuccessOrFailure, fetchTaskHistory, updateTaskHistory, updateTaskHistoryFetchStatus, clearTaskDetail, updateCreatedTagToLocalStore, updateDeletedTagToLocalStore, } = taskDetailView.actions;
 export default taskDetailView.reducer;

package/lib/esm/view/taskManager/taskDetailView/taskDetailSelector.js

@@ -21,11 +21,13 @@ export const getTaskDetail = (state, taskId) => {
     };
     let taskHistory = [];
     let createdByUser = undefined;
+    let snoozedUntil = undefined;
     if (taskId != null && sourceTaskDetail != null) {
         const taskEntity = getTaskById(taskState, taskId);
         const fileIdsInEntity = taskEntity?.fileIds ?? [];
         if (taskEntity != null) {
             createdByUser = getUserAndUserRole(userState, userRoleState, addressState, taskEntity.createdBy);
+            snoozedUntil = taskEntity.snoozedUntil;
         }
         if (fileIdsInEntity.length > 0) {
             fetchStatus = reduceFetchState([
@@ -74,6 +76,7 @@ export const getTaskDetail = (state, taskId) => {
         version: 0,
         createdByUser,
         showTaskDetailFormFooter,
+        snoozedUntil,
     };
 };
 export const allTaskStatus = [

package/lib/esm/view/taskManager/taskListView/epics/bulkUpdateTaskListEpic.js

@@ -10,10 +10,11 @@ export const bulkUpdateTaskListEpic = (actions$, state$, zeniAPI) => actions$.pi
     const state = state$.value;
     const { taskIds, updates, groupId } = action.payload;
     const payload = {
-        tasks: getTasksListPayload(state, taskIds, updates),
+        task_ids: taskIds,
+        updates: toBulkUpdatesPayload(state, updates, groupId),
     };
     return zeniAPI
-        .putAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks`, payload)
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks/bulk-update`, payload)
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
             return of(updateTasks(response.data.tasks), updateTasksListOnBulkUpdateTasksSuccess({
@@ -33,6 +34,46 @@ export const bulkUpdateTaskListEpic = (actions$, state$, zeniAPI) => actions$.pi
         }));
     }));
 }));
+const toBulkUpdatesPayload = (_state, updates, groupId) => {
+    const payload = {};
+    if (updates.status != null) {
+        payload.status = updates.status.code;
+    }
+    if (updates.priority != null) {
+        payload.priority = updates.priority.code;
+    }
+    if (updates.assignees != null) {
+        payload.assignees = updates.assignees;
+    }
+    if (updates.groupAssignees != null) {
+        payload.group_assignees = updates.groupAssignees;
+    }
+    if (updates.dueDate != null) {
+        payload.due_date = updates.dueDate.format(DEFAULT_DATE_FORMAT);
+    }
+    if (updates.tagIds != null) {
+        payload.tags = updates.tagIds;
+    }
+    if (updates.timeSpent != null) {
+        payload.time_spent = convertHHMMStrToMinutes(updates.timeSpent);
+    }
+    if (updates.isArchived != null) {
+        payload.is_archived = updates.isArchived;
+    }
+    if (updates.isDeleted != null) {
+        payload.is_deleted = updates.isDeleted;
+    }
+    if ('snoozedUntil' in updates) {
+        payload.snoozed_until = null;
+        payload.snoozed_by = null;
+        payload.snoozed_at = null;
+        payload.is_snooze_notification_sent = false;
+    }
+    if (groupId != null) {
+        payload.task_group_ids = [groupId];
+    }
+    return payload;
+};
 export const getTasksListPayload = (state, taskIds, updates) => {
     const { taskState } = state;
     const tasksList = taskIds
@@ -71,6 +112,12 @@ const toTaskPayload = (state, task) => {
         assignees: task.assignees,
         description: task.description,
         group_assignees: task.groupAssignees,
+        is_archived: task.isArchived,
+        is_deleted: task.isDeleted,
+        is_snooze_notification_sent: false,
+        snoozed_at: null,
+        snoozed_by: null,
+        snoozed_until: task.snoozedUntil != null ? task.snoozedUntil.toISOString() : null,
         due_date: task.dueDate != null ? task.dueDate.format(DEFAULT_DATE_FORMAT) : null,
         priority: task.priority.code,
         status: task.status.code,

package/lib/esm/view/taskManager/taskListView/epics/fetchTaskListEpic.js

@@ -9,10 +9,20 @@ export const fetchTaskListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(f
         .getJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks?query=${encodeURIComponent(`{"task_type": "all"}`)}`)
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            return of(updateTasks(response.data.tasks), updateTaskList({
-                data: response.data.tasks,
+            const { tasks, deleted, archived, snoozed } = response.data;
+            const allTasks = [
+                ...tasks,
+                ...(deleted ?? []),
+                ...(archived ?? []),
+                ...(snoozed ?? []),
+            ];
+            return of(updateTasks(allTasks), updateTaskList({
+                data: tasks,
+                deleted: deleted ?? [],
+                archived: archived ?? [],
+                snoozed: snoozed ?? [],
                 updateType: 'replace',
-            }), updateTags(response.data.tasks.map((task) => task.tags).flat()));
+            }), updateTags(allTasks.map((task) => task.tags).flat()));
         }
         else {
             return of(updateTaskListFetchStatus({

package/lib/esm/view/taskManager/taskListView/taskList.js

@@ -1,4 +1,11 @@
 import { stringToUnion, stringToUnionStrict, } from '../../../commonStateTypes/stringToUnion';
+export const ALL_TASK_LIST_TABS = [
+    'live',
+    'archived',
+    'deleted',
+    'snoozed',
+];
+export const toTaskListTabType = (v) => stringToUnion(v, ALL_TASK_LIST_TABS);
 export const DUE_DATE_GROUP_KEYS = [
     'overdue',
     'today',
@@ -26,6 +33,7 @@ const ALL_TASK_LIST_SORT_KEYS = [
     'status',
     'priority',
     'timeSpent',
+    'visibility',
 ];
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const toTaskListSortKeyType = (v) => stringToUnion(v, ALL_TASK_LIST_SORT_KEYS);

package/lib/esm/view/taskManager/taskListView/taskListReducer.js

@@ -29,7 +29,23 @@ const initialTaskIdsByDueDate = {
     today: [],
     upcoming: [],
 };
+const initialTabData = {
+    taskIds: [],
+    taskIdsByAssignees: {},
+    taskIdsByDueDate: { ...initialTaskIdsByDueDate },
+    taskIdsByGroupsIds: {},
+    taskIdsByPriority: { ...initialTaskIdsByPriority },
+    taskIdsByStatus: { ...initialTaskIdsByStatus },
+    taskIdsByTags: {},
+};
 export const initialState = {
+    currentTab: 'live',
+    byTab: {
+        live: { ...initialTabData },
+        archived: { ...initialTabData },
+        deleted: { ...initialTabData },
+        snoozed: { ...initialTabData },
+    },
     taskIds: [],
     taskIdsByGroupsIds: {},
     taskIdsByPriority: initialTaskIdsByPriority,
@@ -86,17 +102,30 @@ const taskList = createSlice({
             draft.error = undefined;
         },
         updateTaskList(draft, action) {
-            const { data } = action.payload;
+            const { data, archived, deleted, snoozed } = action.payload;
             draft.fetchState = 'Completed';
             draft.error = undefined;
-            const { taskIds, taskIdsGroupedByPriority, taskIdsByGroupIds, taskIdsGroupedByStatus, taskIdsByAssignees, taskIdsByDueDate, taskIdsByTags, } = getGroupedTaskIds(data);
-            draft.taskIds = taskIds;
-            draft.taskIdsByGroupsIds = taskIdsByGroupIds;
-            draft.taskIdsByPriority = taskIdsGroupedByPriority;
-            draft.taskIdsByStatus = taskIdsGroupedByStatus;
-            draft.taskIdsByAssignees = taskIdsByAssignees;
-            draft.taskIdsByDueDate = taskIdsByDueDate;
-            draft.taskIdsByTags = taskIdsByTags;
+            // Group live tasks
+            const liveGrouped = getGroupedTaskIds(data);
+            draft.byTab.live = toTabData(liveGrouped);
+            // Group other tabs if provided
+            if (archived != null) {
+                draft.byTab.archived = toTabData(getGroupedTaskIds(archived));
+            }
+            if (deleted != null) {
+                draft.byTab.deleted = toTabData(getGroupedTaskIds(deleted));
+            }
+            if (snoozed != null) {
+                draft.byTab.snoozed = toTabData(getGroupedTaskIds(snoozed));
+            }
+            // Copy active tab data to top-level fields
+            const activeTabData = draft.byTab[draft.currentTab];
+            copyTabDataToTopLevel(draft, activeTabData);
+        },
+        updateTaskListTab(draft, action) {
+            draft.currentTab = action.payload;
+            const activeTabData = draft.byTab[action.payload];
+            copyTabDataToTopLevel(draft, activeTabData);
         },
         initiateTaskListLocalData(draft, action) {
             const { taskGroupById } = action.payload;
@@ -187,7 +216,12 @@ const taskList = createSlice({
             const { taskIds, groupId } = action.payload;
             draft.updateTasksFetchState.fetchState = 'Completed';
             draft.updateTasksFetchState.error = undefined;
-            if (groupId != null) {
+            if (groupId == null) {
+                // Tab-changing operations (archive/delete/unarchive/undo-delete/unsnooze):
+                // Remove affected tasks from the current tab's top-level indices
+                removeTaskIdsFromTopLevel(draft, taskIds);
+            }
+            else if (groupId != null) {
                 const { groupByKey } = draft.uiState;
                 if (groupByKey === 'groupName') {
                     Object.keys(draft.taskIdsByGroupsIds).forEach((gId) => {
@@ -404,12 +438,34 @@ const taskList = createSlice({
             draft.updateTasksFetchState.fetchState = 'Error';
             draft.updateTasksFetchState.error = action.payload.error;
         },
+        removeTaskFromList(draft, action) {
+            const taskIdToRemove = action.payload;
+            draft.taskIds = draft.taskIds.filter((id) => id !== taskIdToRemove);
+            Object.keys(draft.taskIdsByGroupsIds).forEach((groupId) => {
+                draft.taskIdsByGroupsIds[groupId] = draft.taskIdsByGroupsIds[groupId].filter((id) => id !== taskIdToRemove);
+            });
+            Object.keys(draft.taskIdsByPriority).forEach((key) => {
+                draft.taskIdsByPriority[key] = draft.taskIdsByPriority[key].filter((id) => id !== taskIdToRemove);
+            });
+            Object.keys(draft.taskIdsByStatus).forEach((key) => {
+                draft.taskIdsByStatus[key] = draft.taskIdsByStatus[key].filter((id) => id !== taskIdToRemove);
+            });
+            Object.keys(draft.taskIdsByDueDate).forEach((key) => {
+                draft.taskIdsByDueDate[key] = draft.taskIdsByDueDate[key].filter((id) => id !== taskIdToRemove);
+            });
+            Object.keys(draft.taskIdsByAssignees).forEach((key) => {
+                draft.taskIdsByAssignees[key] = draft.taskIdsByAssignees[key].filter((id) => id !== taskIdToRemove);
+            });
+            Object.keys(draft.taskIdsByTags).forEach((key) => {
+                draft.taskIdsByTags[key] = draft.taskIdsByTags[key].filter((id) => id !== taskIdToRemove);
+            });
+        },
         clearTaskList(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchTaskListPage, fetchTaskList, updateTaskList, updateTaskListFetchStatus, updateTaskListSearchText, updateTaskListUIState, updateTaskFilters, updateTaskListOnNewGroupCreationSuccess, bulkUpdateTaskList, updateTasksListOnBulkUpdateTasksSuccess, updateTasksListOnBulkUpdateTasksFailure, initiateTaskListLocalData, updateTaskListLocalData, updateTaskListOnTaskGroupDeletion, dragNDropTasks, updateTaskListOnNewTaskCreationSuccess, updateTaskListOnTaskGroupNameUpdate, updateTaskFromListView, updateTasksListOnUpdateTaskSuccess, updateTasksListOnUpdateTaskFailure, updateTaskListOnCreateTaskFromTemplateSuccess, clearTaskList, } = taskList.actions;
+export const { fetchTaskListPage, fetchTaskList, updateTaskList, updateTaskListTab, updateTaskListFetchStatus, updateTaskListSearchText, updateTaskListUIState, updateTaskFilters, updateTaskListOnNewGroupCreationSuccess, bulkUpdateTaskList, updateTasksListOnBulkUpdateTasksSuccess, updateTasksListOnBulkUpdateTasksFailure, initiateTaskListLocalData, updateTaskListLocalData, updateTaskListOnTaskGroupDeletion, dragNDropTasks, updateTaskListOnNewTaskCreationSuccess, updateTaskListOnTaskGroupNameUpdate, updateTaskFromListView, updateTasksListOnUpdateTaskSuccess, updateTasksListOnUpdateTaskFailure, updateTaskListOnCreateTaskFromTemplateSuccess, removeTaskFromList, clearTaskList, } = taskList.actions;
 export default taskList.reducer;
 /**
  *  helpers
@@ -488,6 +544,46 @@ const getTagsGroupKey = (tags) => {
     tagIds.sort();
     return tagIds.join(',');
 };
+const removeTaskIdsFromTopLevel = (draft, taskIds) => {
+    const isRemoved = (id) => taskIds.includes(id);
+    draft.taskIds = draft.taskIds.filter((id) => !isRemoved(id));
+    Object.keys(draft.taskIdsByGroupsIds).forEach((gId) => {
+        draft.taskIdsByGroupsIds[gId] = draft.taskIdsByGroupsIds[gId].filter((id) => !isRemoved(id));
+    });
+    Object.keys(draft.taskIdsByPriority).forEach((key) => {
+        draft.taskIdsByPriority[key] = draft.taskIdsByPriority[key].filter((id) => !isRemoved(id));
+    });
+    Object.keys(draft.taskIdsByStatus).forEach((key) => {
+        draft.taskIdsByStatus[key] = draft.taskIdsByStatus[key].filter((id) => !isRemoved(id));
+    });
+    Object.keys(draft.taskIdsByDueDate).forEach((key) => {
+        draft.taskIdsByDueDate[key] = draft.taskIdsByDueDate[key].filter((id) => !isRemoved(id));
+    });
+    Object.keys(draft.taskIdsByAssignees).forEach((key) => {
+        draft.taskIdsByAssignees[key] = draft.taskIdsByAssignees[key].filter((id) => !isRemoved(id));
+    });
+    Object.keys(draft.taskIdsByTags).forEach((key) => {
+        draft.taskIdsByTags[key] = draft.taskIdsByTags[key].filter((id) => !isRemoved(id));
+    });
+};
+const toTabData = (grouped) => ({
+    taskIds: grouped.taskIds,
+    taskIdsByAssignees: grouped.taskIdsByAssignees,
+    taskIdsByDueDate: grouped.taskIdsByDueDate,
+    taskIdsByGroupsIds: grouped.taskIdsByGroupIds,
+    taskIdsByPriority: grouped.taskIdsGroupedByPriority,
+    taskIdsByStatus: grouped.taskIdsGroupedByStatus,
+    taskIdsByTags: grouped.taskIdsByTags,
+});
+const copyTabDataToTopLevel = (draft, tabData) => {
+    draft.taskIds = tabData.taskIds;
+    draft.taskIdsByGroupsIds = tabData.taskIdsByGroupsIds;
+    draft.taskIdsByPriority = tabData.taskIdsByPriority;
+    draft.taskIdsByStatus = tabData.taskIdsByStatus;
+    draft.taskIdsByAssignees = tabData.taskIdsByAssignees;
+    draft.taskIdsByDueDate = tabData.taskIdsByDueDate;
+    draft.taskIdsByTags = tabData.taskIdsByTags;
+};
 const getGroupedTaskIds = (tasks) => {
     const taskIds = [];
     const taskIdsByGroupIds = {};