@zeniai/client-epic-state 4.14.43 → 4.14.45

package/lib/reducer.d.ts

@@ -46,6 +46,7 @@ import { SubscriptionPaymentAccountState } from './entity/subscriptionPaymentAcc
 import { TagState } from './entity/tag/tagState';
 import { TaskState } from './entity/task/taskState';
 import { TaskGroupState } from './entity/taskGroup/taskGroupState';
+import { TaskGroupTemplateState } from './entity/taskGroupTemplate/taskGroupTemplateState';
 import { TaskSummaryState } from './entity/taskSummary/taskSummaryState';
 import { TenantState } from './entity/tenant/tenantState';
 import { ToastNotificationState } from './entity/toastNotification/toastNotificationState';
@@ -164,6 +165,7 @@ import { ZeniAccountsConfigState } from './view/spendManagement/zeniAccounts/zen
 import { SubscriptionViewState } from './view/subscriptionView/subscriptionViewState';
 import { TagViewState } from './view/tagView/tagViewState';
 import { TaskDetailViewState } from './view/taskManager/taskDetailView/taskDetail';
+import { TaskGroupTemplateViewState } from './view/taskManager/taskGroupTemplateView/taskGroupTemplateViewState';
 import { TaskGroupViewState } from './view/taskManager/taskGroupView/taskGroupViewState';
 import { TaskListState } from './view/taskManager/taskListView/taskList';
 import { TasksCardState } from './view/tasksCard/tasksCardState';
@@ -234,6 +236,7 @@ type EntitiesState = {
     subscriptionSummaryState: SubscriptionSummaryState;
     tagState: TagState;
     taskGroupState: TaskGroupState;
+    taskGroupTemplateState: TaskGroupTemplateState;
     taskState: TaskState;
     taskSummaryState: TaskSummaryState;
     tenantState: TenantState;
@@ -348,6 +351,7 @@ type ViewsState = {
     subscriptionViewState: SubscriptionViewState;
     tagViewState: TagViewState;
     taskDetailState: TaskDetailViewState;
+    taskGroupTemplateViewState: TaskGroupTemplateViewState;
     taskGroupViewState: TaskGroupViewState;
     taskListState: TaskListState;
     tasksCardState: TasksCardState;
@@ -483,6 +487,7 @@ declare const reducers: import("redux").Reducer<import("redux").CombinedState<{
     scheduleDetailState: ScheduleDetailViewState;
     scheduleAccruedDetailState: ScheduleAccruedDetailViewState;
     taskDetailState: TaskDetailViewState;
+    taskGroupTemplateViewState: TaskGroupTemplateViewState;
     taskGroupViewState: TaskGroupViewState;
     taskListState: TaskListState;
     tagViewState: TagViewState;
@@ -560,6 +565,7 @@ declare const reducers: import("redux").Reducer<import("redux").CombinedState<{
     subscriptionSummaryState: SubscriptionSummaryState;
     tagState: TagState;
     taskGroupState: TaskGroupState;
+    taskGroupTemplateState: TaskGroupTemplateState;
     taskState: TaskState;
     taskSummaryState: TaskSummaryState;
     tenantState: TenantState;

package/lib/reducer.js

@@ -86,6 +86,7 @@ const subscriptionPaymentAccountReducer_1 = __importStar(require("./entity/subsc
 const tagReducer_1 = __importStar(require("./entity/tag/tagReducer"));
 const taskReducer_1 = __importStar(require("./entity/task/taskReducer"));
 const taskGroupReducer_1 = __importStar(require("./entity/taskGroup/taskGroupReducer"));
+const taskGroupTemplateReducer_1 = __importStar(require("./entity/taskGroupTemplate/taskGroupTemplateReducer"));
 const taskSummaryReducer_1 = __importStar(require("./entity/taskSummary/taskSummaryReducer"));
 const tenantReducer_1 = __importStar(require("./entity/tenant/tenantReducer"));
 const toastNotificationReducer_1 = __importStar(require("./entity/toastNotification/toastNotificationReducer"));
@@ -205,6 +206,7 @@ const zeniAccountsConfigReducer_1 = __importStar(require("./view/spendManagement
 const subscriptionViewReducer_1 = __importStar(require("./view/subscriptionView/subscriptionViewReducer"));
 const tagViewReducer_1 = __importStar(require("./view/tagView/tagViewReducer"));
 const taskDetailReducer_1 = __importStar(require("./view/taskManager/taskDetailView/taskDetailReducer"));
+const taskGroupTemplateViewReducer_1 = __importStar(require("./view/taskManager/taskGroupTemplateView/taskGroupTemplateViewReducer"));
 const taskGroupViewReducer_1 = __importStar(require("./view/taskManager/taskGroupView/taskGroupViewReducer"));
 const taskListReducer_1 = __importStar(require("./view/taskManager/taskListView/taskListReducer"));
 const tasksCardReducer_1 = __importStar(require("./view/tasksCard/tasksCardReducer"));
@@ -276,6 +278,7 @@ const initialEntitiesState = {
     subscriptionSummaryState: subscriptionSummaryReducer_1.initialState,
     tagState: tagReducer_1.initialState,
     taskGroupState: taskGroupReducer_1.initialState,
+    taskGroupTemplateState: taskGroupTemplateReducer_1.initialState,
     taskState: taskReducer_1.initialState,
     taskSummaryState: taskSummaryReducer_1.initialState,
     tenantState: tenantReducer_1.initialState,
@@ -391,6 +394,7 @@ const initialViewsState = {
     subscriptionViewState: subscriptionViewReducer_1.initialState,
     tagViewState: tagViewReducer_1.initialState,
     taskDetailState: taskDetailReducer_1.initialState,
+    taskGroupTemplateViewState: taskGroupTemplateViewReducer_1.initialState,
     taskGroupViewState: taskGroupViewReducer_1.initialState,
     taskListState: taskListReducer_1.initialState,
     tasksCardState: tasksCardReducer_1.initialState,
@@ -473,6 +477,7 @@ const entityReducers = {
     subscriptionSummaryState: subscriptionSummaryReducer_1.default,
     tagState: tagReducer_1.default,
     taskGroupState: taskGroupReducer_1.default,
+    taskGroupTemplateState: taskGroupTemplateReducer_1.default,
     taskState: taskReducer_1.default,
     taskSummaryState: taskSummaryReducer_1.default,
     tenantState: tenantReducer_1.default,
@@ -587,6 +592,7 @@ const viewReducers = {
     scheduleDetailState: scheduleDetailReducer_1.default,
     scheduleAccruedDetailState: scheduleAccruedDetailReducer_1.default,
     taskDetailState: taskDetailReducer_1.default,
+    taskGroupTemplateViewState: taskGroupTemplateViewReducer_1.default,
     taskGroupViewState: taskGroupViewReducer_1.default,
     taskListState: taskListReducer_1.default,
     tagViewState: tagViewReducer_1.default,

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailSelector.js

@@ -44,7 +44,9 @@ const getAccruedScheduleDetailsView = (state, scheduleType) => {
     scheduleAccruedDetailsLocalData = scheduleAccruedDetailState.newScheduleState;
     const linkBillExpenseLocalData = scheduleAccruedDetailState.linkBillExpenseView.linkBillExpenseLocalData;
     const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
-        scheduleAccruedDetailState,
+        ...(scheduleAccruedDetailState.fetchState !== 'Not-Started' // ScheduleAccruedDetail is not fired for NEW schedules. Therefore we need to add this conditionally when it is not equals to 'Not-Started'
+            ? [scheduleAccruedDetailState]
+            : []),
         allAccountList,
         allClassList,
     ]);

package/lib/view/scheduleView/scheduleDetailView/scheduleDetailSelector.js

@@ -76,9 +76,10 @@ const getScheduleDetailsView = (state, scheduleType) => {
         scheduleDetailsLocalData[scheduleType] =
             scheduleDetailState.newScheduleState[scheduleType];
     }
-    // this reduceAllFetchState should be replaced with reduceAnyFetchState
     const fetchState = (0, reduceFetchState_1.reduceAllFetchState)([
-        scheduleDetailState,
+        ...(scheduleDetailState.fetchState !== 'Not-Started' // ScheduleDetail is not fired for CREATE status schedules. Therefore we need to add this conditionally when it is not equals to 'Not-Started'
+            ? [scheduleDetailState]
+            : []),
         allAccountList,
         allClassList,
     ]);

package/lib/view/taskManager/taskDetailView/taskDetail.d.ts

@@ -37,4 +37,5 @@ export interface EditTaskLocalData {
     dueDate?: ZeniDate;
     timeSpent: string;
 }
+export declare const initialTaskDetailLocalData: EditTaskLocalData;
 export declare const initialTaskDetail: EditTaskDetail;

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

@@ -1,6 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialTaskDetail = void 0;
+exports.initialTaskDetail = exports.initialTaskDetailLocalData = void 0;
+exports.initialTaskDetailLocalData = {
+    name: '',
+    description: '',
+    status: 'todo',
+    assignee: [],
+    dueDate: undefined,
+    priority: 'medium',
+    tagIds: [],
+    fileIds: [],
+    type: {
+        code: 'one_time',
+        name: 'One Time',
+    },
+    recurringEndDateLocalData: {},
+    timeSpent: '',
+};
 exports.initialTaskDetail = {
     fetchTaskStatus: {
         fetchState: 'Not-Started',
@@ -18,20 +34,5 @@ exports.initialTaskDetail = {
         fetchState: 'Not-Started',
         error: undefined,
     },
-    taskDetailLocalData: {
-        name: '',
-        description: '',
-        status: 'todo',
-        assignee: [],
-        dueDate: undefined,
-        priority: 'medium',
-        tagIds: [],
-        fileIds: [],
-        type: {
-            code: 'one_time',
-            name: 'One Time',
-        },
-        recurringEndDateLocalData: {},
-        timeSpent: '',
-    },
+    taskDetailLocalData: exports.initialTaskDetailLocalData,
 };

package/lib/view/taskManager/taskGroupTemplateView/epics/createTaskFromTaskGroupTemplateEpic.d.ts

@@ -0,0 +1,12 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateTasks } from '../../../../entity/task/taskReducer';
+import { updateTaskGroups } from '../../../../entity/taskGroup/taskGroupReducer';
+import { updateTaskGroupTemplates } from '../../../../entity/taskGroupTemplate/taskGroupTemplateReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { updateTaskGroupViewOnTaskGroupCreationSuccess } from '../../taskGroupView/taskGroupViewReducer';
+import { updateTaskListOnCreateTaskFromTemplateSuccess } from '../../taskListView/taskListReducer';
+import { createTaskFromTaskGroupTemplate, updateTaskGroupTemplatesViewOnCreateTaskFailure, updateTaskGroupTemplatesViewOnCreateTaskSuccess } from '../taskGroupTemplateViewReducer';
+export type ActionType = ReturnType<typeof createTaskFromTaskGroupTemplate> | ReturnType<typeof updateTaskGroupTemplates> | ReturnType<typeof updateTasks> | ReturnType<typeof updateTaskGroups> | ReturnType<typeof updateTaskGroupViewOnTaskGroupCreationSuccess> | ReturnType<typeof updateTaskListOnCreateTaskFromTemplateSuccess> | ReturnType<typeof updateTaskGroupTemplatesViewOnCreateTaskFailure> | ReturnType<typeof updateTaskGroupTemplatesViewOnCreateTaskSuccess>;
+export declare const createTaskFromTaskGroupTemplateEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/taskManager/taskGroupTemplateView/epics/createTaskFromTaskGroupTemplateEpic.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTaskFromTaskGroupTemplateEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const taskReducer_1 = require("../../../../entity/task/taskReducer");
+const taskGroupReducer_1 = require("../../../../entity/taskGroup/taskGroupReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const taskGroupViewReducer_1 = require("../../taskGroupView/taskGroupViewReducer");
+const taskListReducer_1 = require("../../taskListView/taskListReducer");
+const taskGroupTemplateViewReducer_1 = require("../taskGroupTemplateViewReducer");
+const createTaskFromTaskGroupTemplateEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(taskGroupTemplateViewReducer_1.createTaskFromTaskGroupTemplate.match), (0, operators_1.switchMap)((action) => {
+    const { taskGroupTemplateId, taskIds } = action.payload;
+    const state = state$.value;
+    const existingTaskGroupIds = state.taskGroupViewState.taskGroupsIds;
+    const payload = {
+        group_name: taskGroupTemplateId,
+        is_create_all_tasks_inside_group: taskIds.length === 0,
+        task_names: taskIds,
+    };
+    return zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/templates`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const actions = [
+                (0, taskGroupReducer_1.updateTaskGroups)(response.data.groups),
+                (0, taskReducer_1.updateTasks)(response.data.tasks),
+                (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnCreateTaskSuccess)(),
+                (0, taskListReducer_1.updateTaskListOnCreateTaskFromTemplateSuccess)({
+                    tasks: response.data.tasks,
+                }),
+            ];
+            if (existingTaskGroupIds.includes(response.data.groups[0].task_group_id) === false) {
+                actions.push((0, taskGroupViewReducer_1.updateTaskGroupViewOnTaskGroupCreationSuccess)({
+                    newTaskGroupId: response.data.groups[0].task_group_id,
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            const actions = [
+                (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnCreateTaskFailure)(response.status),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const actions = [
+            (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnCreateTaskFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Create task from templates REST API call errored out' +
+                JSON.stringify(error))),
+        ];
+        return (0, rxjs_1.from)(actions);
+    }));
+}));
+exports.createTaskFromTaskGroupTemplateEpic = createTaskFromTaskGroupTemplateEpic;

package/lib/view/taskManager/taskGroupTemplateView/epics/fetchTaskGroupTemplatesEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateTaskGroupTemplates } from '../../../../entity/taskGroupTemplate/taskGroupTemplateReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchTaskGroupTemplates, updateTaskGroupTemplatesViewOnFetchFailure, updateTaskGroupTemplatesViewOnFetchSuccess } from '../taskGroupTemplateViewReducer';
+export type ActionType = ReturnType<typeof fetchTaskGroupTemplates> | ReturnType<typeof updateTaskGroupTemplates> | ReturnType<typeof updateTaskGroupTemplatesViewOnFetchSuccess> | ReturnType<typeof updateTaskGroupTemplatesViewOnFetchFailure>;
+export declare const fetchTaskGroupTemplatesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/taskManager/taskGroupTemplateView/epics/fetchTaskGroupTemplatesEpic.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchTaskGroupTemplatesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const taskGroupTemplateReducer_1 = require("../../../../entity/taskGroupTemplate/taskGroupTemplateReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const taskGroupTemplateViewReducer_1 = require("../taskGroupTemplateViewReducer");
+const fetchTaskGroupTemplatesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(taskGroupTemplateViewReducer_1.fetchTaskGroupTemplates.match), (0, operators_1.switchMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/templates`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const actions = [
+                (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnFetchSuccess)(response.data),
+                (0, taskGroupTemplateReducer_1.updateTaskGroupTemplates)(response.data.templates),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            const actions = [
+                (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnFetchFailure)(response.status),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const actions = [
+            (0, taskGroupTemplateViewReducer_1.updateTaskGroupTemplatesViewOnFetchFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'fetch task group templates REST API call errored out' +
+                JSON.stringify(error))),
+        ];
+        return (0, rxjs_1.from)(actions);
+    }));
+}));
+exports.fetchTaskGroupTemplatesEpic = fetchTaskGroupTemplatesEpic;

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewPayload.d.ts

@@ -0,0 +1,14 @@
+import { TaskPayload } from '../../../entity/task/taskPayload';
+import { TaskGroupPayload } from '../../../entity/taskGroup/taskGroupPayload';
+import { TaskGroupTemplatePayload } from '../../../entity/taskGroupTemplate/taskGroupTemplatePayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export interface FetchTaskGroupTemplatesPayload {
+    templates: TaskGroupTemplatePayload[];
+}
+export type FetchTaskGroupTemplatesResponse = ZeniAPIResponse<FetchTaskGroupTemplatesPayload>;
+interface CreateTaskFromTaskGroupTemplatePayload {
+    tasks: TaskPayload[];
+    groups: TaskGroupPayload[];
+}
+export type CreateTaskFromTaskGroupTemplateResponse = ZeniAPIResponse<CreateTaskFromTaskGroupTemplatePayload>;
+export {};

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewPayload.js

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

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewReducer.d.ts

@@ -0,0 +1,10 @@
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { FetchTaskGroupTemplatesPayload } from './taskGroupTemplateViewPayload';
+import { TaskGroupTemplateViewState } from './taskGroupTemplateViewState';
+export declare const initialState: TaskGroupTemplateViewState;
+export declare const fetchTaskGroupTemplates: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskGroupTemplateView/fetchTaskGroupTemplates">, updateTaskGroupTemplatesViewOnFetchSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<FetchTaskGroupTemplatesPayload, "taskGroupTemplateView/updateTaskGroupTemplatesViewOnFetchSuccess">, updateTaskGroupTemplatesViewOnFetchFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "taskGroupTemplateView/updateTaskGroupTemplatesViewOnFetchFailure">, clearTaskGroupTemplatesView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskGroupTemplateView/clearTaskGroupTemplatesView">, createTaskFromTaskGroupTemplate: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[taskGroupTemplateId: string, taskIds: string[]], {
+    taskGroupTemplateId: string;
+    taskIds: string[];
+}, "taskGroupTemplateView/createTaskFromTaskGroupTemplate", never, never>, updateTaskGroupTemplatesViewOnCreateTaskSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskGroupTemplateView/updateTaskGroupTemplatesViewOnCreateTaskSuccess">, updateTaskGroupTemplatesViewOnCreateTaskFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "taskGroupTemplateView/updateTaskGroupTemplatesViewOnCreateTaskFailure">;
+declare const _default: import("redux").Reducer<TaskGroupTemplateViewState>;
+export default _default;

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewReducer.js

@@ -0,0 +1,59 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateTaskGroupTemplatesViewOnCreateTaskFailure = exports.updateTaskGroupTemplatesViewOnCreateTaskSuccess = exports.createTaskFromTaskGroupTemplate = exports.clearTaskGroupTemplatesView = exports.updateTaskGroupTemplatesViewOnFetchFailure = exports.updateTaskGroupTemplatesViewOnFetchSuccess = exports.fetchTaskGroupTemplates = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    taskGroupTemplateIds: [],
+    fetchState: 'Not-Started',
+    error: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+    createTaskFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+};
+const taskGroupTemplateView = (0, toolkit_1.createSlice)({
+    name: 'taskGroupTemplateView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchTaskGroupTemplates(draft) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateTaskGroupTemplatesViewOnFetchSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            const { templates } = action.payload;
+            draft.taskGroupTemplateIds = templates.map((template) => template.group_name);
+        },
+        updateTaskGroupTemplatesViewOnFetchFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        createTaskFromTaskGroupTemplate: {
+            prepare(taskGroupTemplateId, taskIds) {
+                return { payload: { taskGroupTemplateId, taskIds } };
+            },
+            reducer(draft) {
+                draft.createTaskFetchState.fetchState = 'In-Progress';
+                draft.createTaskFetchState.error = undefined;
+            },
+        },
+        updateTaskGroupTemplatesViewOnCreateTaskSuccess(draft) {
+            draft.createTaskFetchState.fetchState = 'Completed';
+            draft.createTaskFetchState.error = undefined;
+        },
+        updateTaskGroupTemplatesViewOnCreateTaskFailure(draft, action) {
+            draft.createTaskFetchState.fetchState = 'Error';
+            draft.createTaskFetchState.error = action.payload;
+        },
+        clearTaskGroupTemplatesView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = taskGroupTemplateView.actions, exports.fetchTaskGroupTemplates = _a.fetchTaskGroupTemplates, exports.updateTaskGroupTemplatesViewOnFetchSuccess = _a.updateTaskGroupTemplatesViewOnFetchSuccess, exports.updateTaskGroupTemplatesViewOnFetchFailure = _a.updateTaskGroupTemplatesViewOnFetchFailure, exports.clearTaskGroupTemplatesView = _a.clearTaskGroupTemplatesView, exports.createTaskFromTaskGroupTemplate = _a.createTaskFromTaskGroupTemplate, exports.updateTaskGroupTemplatesViewOnCreateTaskSuccess = _a.updateTaskGroupTemplatesViewOnCreateTaskSuccess, exports.updateTaskGroupTemplatesViewOnCreateTaskFailure = _a.updateTaskGroupTemplatesViewOnCreateTaskFailure;
+exports.default = taskGroupTemplateView.reducer;

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewSelector.d.ts

@@ -0,0 +1,7 @@
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { TaskGroupTemplate } from '../../../entity/taskGroupTemplate/taskGroupTemplateState';
+import { RootState } from '../../../reducer';
+export interface TaskGroupTemplateView extends SelectorView {
+    templates: TaskGroupTemplate[];
+}
+export declare const getTaskGroupTemplateView: (state: RootState) => TaskGroupTemplateView;

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewSelector.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTaskGroupTemplateView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const taskGroupTemplateSelector_1 = require("../../../entity/taskGroupTemplate/taskGroupTemplateSelector");
+exports.getTaskGroupTemplateView = (0, toolkit_1.createSelector)((state) => state.taskGroupTemplateState, (state) => state.taskGroupTemplateViewState, (taskGroupTemplateState, taskGroupTemplateViewState) => {
+    const { fetchState, error, taskGroupTemplateIds } = taskGroupTemplateViewState;
+    const taskGroupTemplates = (0, taskGroupTemplateSelector_1.getTaskGroupTemplateByIds)(taskGroupTemplateState, taskGroupTemplateIds);
+    return { fetchState, error, templates: taskGroupTemplates };
+});

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewState.d.ts

@@ -0,0 +1,5 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+export interface TaskGroupTemplateViewState extends FetchedState {
+    taskGroupTemplateIds: ID[];
+    createTaskFetchState: FetchStateAndError;
+}

package/lib/view/taskManager/taskGroupTemplateView/taskGroupTemplateViewState.js

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

package/lib/view/taskManager/taskListView/epics/fetchTaskListPageEpic.d.ts

@@ -4,7 +4,8 @@ import { RootState } from '../../../../reducer';
 import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchTagList } from '../../../tagView/tagViewReducer';
 import { fetchUserListByType } from '../../../userListView/userListViewReducer';
+import { fetchTaskGroupTemplates } from '../../taskGroupTemplateView/taskGroupTemplateViewReducer';
 import { fetchAllTaskGroups } from '../../taskGroupView/taskGroupViewReducer';
 import { fetchTaskList, fetchTaskListPage } from '../taskListReducer';
-export type ActionType = ReturnType<typeof fetchTaskListPage> | ReturnType<typeof fetchTaskList> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchTagList> | ReturnType<typeof fetchAllTaskGroups> | ReturnType<typeof fetchClassList>;
+export type ActionType = ReturnType<typeof fetchTaskListPage> | ReturnType<typeof fetchTaskList> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchTagList> | ReturnType<typeof fetchAllTaskGroups> | ReturnType<typeof fetchTaskGroupTemplates> | ReturnType<typeof fetchClassList>;
 export declare const fetchTaskListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/taskManager/taskListView/epics/fetchTaskListPageEpic.js

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const classListReducer_1 = require("../../../classList/classListReducer");
 const tagViewReducer_1 = require("../../../tagView/tagViewReducer");
 const userListViewReducer_1 = require("../../../userListView/userListViewReducer");
+const taskGroupTemplateViewReducer_1 = require("../../taskGroupTemplateView/taskGroupTemplateViewReducer");
 const taskGroupViewReducer_1 = require("../../taskGroupView/taskGroupViewReducer");
 const taskListReducer_1 = require("../taskListReducer");
 const fetchTaskListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(taskListReducer_1.fetchTaskListPage.match), (0, operators_1.mergeMap)((action) => {
@@ -18,6 +19,7 @@ const fetchTaskListPageEpic = (actions$, state$) => actions$.pipe((0, operators_
         taskListPageActions.push((0, userListViewReducer_1.fetchUserListByType)('taskManagerCandidate', true));
         taskListPageActions.push((0, tagViewReducer_1.fetchTagList)());
         taskListPageActions.push((0, taskGroupViewReducer_1.fetchAllTaskGroups)());
+        taskListPageActions.push((0, taskGroupTemplateViewReducer_1.fetchTaskGroupTemplates)());
     }
     else {
         if (state.taskListState.fetchState !== 'In-Progress' &&
@@ -41,6 +43,10 @@ const fetchTaskListPageEpic = (actions$, state$) => actions$.pipe((0, operators_
             state.taskGroupViewState.fetchState !== 'In-Progress') {
             taskListPageActions.push((0, taskGroupViewReducer_1.fetchAllTaskGroups)());
         }
+        if (state.taskGroupTemplateViewState.hasValidState() === false &&
+            state.taskGroupTemplateViewState.fetchState !== 'In-Progress') {
+            taskListPageActions.push((0, taskGroupTemplateViewReducer_1.fetchTaskGroupTemplates)());
+        }
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(taskListPageActions));
 }));

package/lib/view/taskManager/taskListView/taskListReducer.d.ts

@@ -52,6 +52,8 @@ export declare const fetchTaskListPage: import("@reduxjs/toolkit").ActionCreator
     updates: Partial<Task>;
 }, "taskList/updateTaskFromListView">, updateTasksListOnUpdateTaskSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskList/updateTasksListOnUpdateTaskSuccess">, updateTasksListOnUpdateTaskFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     error: ZeniAPIStatus;
-}, "taskList/updateTasksListOnUpdateTaskFailure">, clearTaskList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskList/clearTaskList">;
+}, "taskList/updateTasksListOnUpdateTaskFailure">, updateTaskListOnCreateTaskFromTemplateSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    tasks: TaskPayload[];
+}, "taskList/updateTaskListOnCreateTaskFromTemplateSuccess">, clearTaskList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskList/clearTaskList">;
 declare const _default: import("redux").Reducer<TaskListState>;
 export default _default;

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearTaskList = exports.updateTasksListOnUpdateTaskFailure = exports.updateTasksListOnUpdateTaskSuccess = exports.updateTaskFromListView = exports.updateTaskListOnTaskGroupNameUpdate = exports.updateTaskListOnNewTaskCreationSuccess = exports.dragNDropTasks = exports.updateTaskListOnTaskGroupDeletion = exports.updateTaskListLocalData = exports.initiateTaskListLocalData = exports.updateTasksListOnBulkUpdateTasksFailure = exports.updateTasksListOnBulkUpdateTasksSuccess = exports.bulkUpdateTaskList = exports.updateTaskListOnNewGroupCreationSuccess = exports.updateTaskFilters = exports.updateTaskListUIState = exports.updateTaskListSearchText = exports.updateTaskListFetchStatus = exports.updateTaskList = exports.fetchTaskList = exports.fetchTaskListPage = exports.initialState = void 0;
+exports.clearTaskList = exports.updateTaskListOnCreateTaskFromTemplateSuccess = exports.updateTasksListOnUpdateTaskFailure = exports.updateTasksListOnUpdateTaskSuccess = exports.updateTaskFromListView = exports.updateTaskListOnTaskGroupNameUpdate = exports.updateTaskListOnNewTaskCreationSuccess = exports.dragNDropTasks = exports.updateTaskListOnTaskGroupDeletion = exports.updateTaskListLocalData = exports.initiateTaskListLocalData = exports.updateTasksListOnBulkUpdateTasksFailure = exports.updateTasksListOnBulkUpdateTasksSuccess = exports.bulkUpdateTaskList = exports.updateTaskListOnNewGroupCreationSuccess = exports.updateTaskFilters = exports.updateTaskListUIState = exports.updateTaskListSearchText = exports.updateTaskListFetchStatus = exports.updateTaskList = exports.fetchTaskList = exports.fetchTaskListPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const taskState_1 = require("../../../entity/task/taskState");
 const zeniDayJS_1 = require("../../../zeniDayJS");
@@ -17,6 +17,7 @@ const initialTaskIdsByPriority = {
     high: [],
     medium: [],
     low: [],
+    normal: [],
 };
 const initialTaskIdsByStatus = {
     done: [],
@@ -302,50 +303,16 @@ const taskList = (0, toolkit_1.createSlice)({
                 draft.taskIdsByDueDate[dueDateKey] = draft.taskIdsByDueDate[dueDateKey].filter((taskId) => taskId !== currentTaskState.id);
                 draft.taskIdsByGroupsIds[taskGroupId] = draft.taskIdsByGroupsIds[taskGroupId].filter((taskId) => taskId !== currentTaskState.id);
             }
-            const priorityKey = (0, taskState_1.toPriorityCodeType)(task.priority.code);
-            const statusKey = (0, taskState_1.toTaskStatusCodeType)(task.status.code);
-            const assigneeKey = getAssigneesGroupKey(task.assignees);
-            const dueDateKey = getDueDateGroupKey(task.due_date);
-            const tagsKey = getTagsGroupKey(task.tags);
-            draft.taskIdsByPriority[priorityKey] = [
-                taskId,
-                ...draft.taskIdsByPriority[priorityKey],
-            ];
-            draft.taskIdsByStatus[statusKey] = [
-                taskId,
-                ...draft.taskIdsByStatus[statusKey],
-            ];
-            draft.taskIdsByDueDate[dueDateKey] = [
-                taskId,
-                ...draft.taskIdsByDueDate[dueDateKey],
-            ];
-            if (draft.taskIdsByAssignees[assigneeKey] != null) {
-                draft.taskIdsByAssignees[assigneeKey] = [
-                    taskId,
-                    ...draft.taskIdsByAssignees[assigneeKey],
-                ];
-            }
-            else {
-                draft.taskIdsByAssignees[assigneeKey] = [taskId];
-            }
-            if (draft.taskIdsByTags[tagsKey] != null) {
-                draft.taskIdsByTags[tagsKey] = [
-                    taskId,
-                    ...draft.taskIdsByTags[tagsKey],
-                ];
-            }
-            else {
-                draft.taskIdsByTags[tagsKey] = [taskId];
-            }
-            if (draft.taskIdsByGroupsIds[taskGroupId] != null) {
-                draft.taskIdsByGroupsIds[taskGroupId] = [
-                    taskId,
-                    ...draft.taskIdsByGroupsIds[taskGroupId],
-                ];
-            }
-            else {
-                draft.taskIdsByGroupsIds[taskGroupId] = [taskId];
-            }
+            doUpdateTaskList(draft, task, taskGroupId);
+        },
+        updateTaskListOnCreateTaskFromTemplateSuccess(draft, action) {
+            const { tasks } = action.payload;
+            tasks.forEach((task) => {
+                const taskGroupId = task.task_group_ids != null ? task.task_group_ids[0] : null;
+                if (taskGroupId != null) {
+                    doUpdateTaskList(draft, task, taskGroupId);
+                }
+            });
         },
         updateTaskListOnTaskGroupNameUpdate(draft, action) {
             const { taskGroupName, taskGroupId } = action.payload;
@@ -415,11 +382,55 @@ const taskList = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = taskList.actions, exports.fetchTaskListPage = _a.fetchTaskListPage, exports.fetchTaskList = _a.fetchTaskList, exports.updateTaskList = _a.updateTaskList, exports.updateTaskListFetchStatus = _a.updateTaskListFetchStatus, exports.updateTaskListSearchText = _a.updateTaskListSearchText, exports.updateTaskListUIState = _a.updateTaskListUIState, exports.updateTaskFilters = _a.updateTaskFilters, exports.updateTaskListOnNewGroupCreationSuccess = _a.updateTaskListOnNewGroupCreationSuccess, exports.bulkUpdateTaskList = _a.bulkUpdateTaskList, exports.updateTasksListOnBulkUpdateTasksSuccess = _a.updateTasksListOnBulkUpdateTasksSuccess, exports.updateTasksListOnBulkUpdateTasksFailure = _a.updateTasksListOnBulkUpdateTasksFailure, exports.initiateTaskListLocalData = _a.initiateTaskListLocalData, exports.updateTaskListLocalData = _a.updateTaskListLocalData, exports.updateTaskListOnTaskGroupDeletion = _a.updateTaskListOnTaskGroupDeletion, exports.dragNDropTasks = _a.dragNDropTasks, exports.updateTaskListOnNewTaskCreationSuccess = _a.updateTaskListOnNewTaskCreationSuccess, exports.updateTaskListOnTaskGroupNameUpdate = _a.updateTaskListOnTaskGroupNameUpdate, exports.updateTaskFromListView = _a.updateTaskFromListView, exports.updateTasksListOnUpdateTaskSuccess = _a.updateTasksListOnUpdateTaskSuccess, exports.updateTasksListOnUpdateTaskFailure = _a.updateTasksListOnUpdateTaskFailure, exports.clearTaskList = _a.clearTaskList;
+_a = taskList.actions, exports.fetchTaskListPage = _a.fetchTaskListPage, exports.fetchTaskList = _a.fetchTaskList, exports.updateTaskList = _a.updateTaskList, exports.updateTaskListFetchStatus = _a.updateTaskListFetchStatus, exports.updateTaskListSearchText = _a.updateTaskListSearchText, exports.updateTaskListUIState = _a.updateTaskListUIState, exports.updateTaskFilters = _a.updateTaskFilters, exports.updateTaskListOnNewGroupCreationSuccess = _a.updateTaskListOnNewGroupCreationSuccess, exports.bulkUpdateTaskList = _a.bulkUpdateTaskList, exports.updateTasksListOnBulkUpdateTasksSuccess = _a.updateTasksListOnBulkUpdateTasksSuccess, exports.updateTasksListOnBulkUpdateTasksFailure = _a.updateTasksListOnBulkUpdateTasksFailure, exports.initiateTaskListLocalData = _a.initiateTaskListLocalData, exports.updateTaskListLocalData = _a.updateTaskListLocalData, exports.updateTaskListOnTaskGroupDeletion = _a.updateTaskListOnTaskGroupDeletion, exports.dragNDropTasks = _a.dragNDropTasks, exports.updateTaskListOnNewTaskCreationSuccess = _a.updateTaskListOnNewTaskCreationSuccess, exports.updateTaskListOnTaskGroupNameUpdate = _a.updateTaskListOnTaskGroupNameUpdate, exports.updateTaskFromListView = _a.updateTaskFromListView, exports.updateTasksListOnUpdateTaskSuccess = _a.updateTasksListOnUpdateTaskSuccess, exports.updateTasksListOnUpdateTaskFailure = _a.updateTasksListOnUpdateTaskFailure, exports.updateTaskListOnCreateTaskFromTemplateSuccess = _a.updateTaskListOnCreateTaskFromTemplateSuccess, exports.clearTaskList = _a.clearTaskList;
 exports.default = taskList.reducer;
 /**
  *  helpers
  */
+const doUpdateTaskList = (draft, task, taskGroupId) => {
+    const taskId = task.task_id;
+    const priorityKey = (0, taskState_1.toPriorityCodeType)(task.priority.code);
+    const statusKey = (0, taskState_1.toTaskStatusCodeType)(task.status.code);
+    const assigneeKey = getAssigneesGroupKey(task.assignees);
+    const dueDateKey = getDueDateGroupKey(task.due_date);
+    const tagsKey = getTagsGroupKey(task.tags);
+    draft.taskIdsByPriority[priorityKey] = [
+        taskId,
+        ...draft.taskIdsByPriority[priorityKey],
+    ];
+    draft.taskIdsByStatus[statusKey] = [
+        taskId,
+        ...draft.taskIdsByStatus[statusKey],
+    ];
+    draft.taskIdsByDueDate[dueDateKey] = [
+        taskId,
+        ...draft.taskIdsByDueDate[dueDateKey],
+    ];
+    if (draft.taskIdsByAssignees[assigneeKey] != null) {
+        draft.taskIdsByAssignees[assigneeKey] = [
+            taskId,
+            ...draft.taskIdsByAssignees[assigneeKey],
+        ];
+    }
+    else {
+        draft.taskIdsByAssignees[assigneeKey] = [taskId];
+    }
+    if (draft.taskIdsByTags[tagsKey] != null) {
+        draft.taskIdsByTags[tagsKey] = [taskId, ...draft.taskIdsByTags[tagsKey]];
+    }
+    else {
+        draft.taskIdsByTags[tagsKey] = [taskId];
+    }
+    if (draft.taskIdsByGroupsIds[taskGroupId] != null) {
+        draft.taskIdsByGroupsIds[taskGroupId] = [
+            taskId,
+            ...draft.taskIdsByGroupsIds[taskGroupId],
+        ];
+    }
+    else {
+        draft.taskIdsByGroupsIds[taskGroupId] = [taskId];
+    }
+};
 const getDueDateGroupKey = (due_date) => {
     if (due_date != null) {
         const dueDate = (0, zeniDayJS_1.date)(due_date);