@zeniai/client-epic-state 5.1.3-betaAS1 → 5.1.3-betaJK1

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationPayload.d.ts

@@ -1,40 +1,17 @@
 import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
 import { ZeniAPIResponse } from '../../../../responsePayload';
-import { VerificationFormField, VerificationFormLocalData } from './internationalWireVerificationState';
-export declare const InternationalWireVerificationFormOrder: readonly ["certificate_of_good_standing", "business_ownership", "company_proof_of_address", "company_officer_proof_of_address", "company_registration_date", "annual_turnover", "expected_transaction_volume", "employee_count", "intended_use_of_account", "transaction_countries", "stake_holder", "controlling_person"];
-export interface FieldOptionPayload {
-    label: string;
-}
-export interface SubFieldPayload {
-    label: string;
-    type: string;
-    field_hint_text?: string;
-    field_values?: {
-        code: string;
-        description: string;
-    }[];
-    is_multiple_options_supported?: boolean;
-    options?: Record<string, FieldOptionPayload>;
-}
+import { VerificationFormField } from './internationalWireVerificationState';
 export interface FieldPayload {
     label: string;
     type: string;
-    default?: boolean;
     field_hint_text?: string;
     field_values?: {
         code: string;
         description: string;
     }[];
-    is_multiple_options_supported?: boolean;
     is_multiple_values_allowed?: boolean;
-    options?: Record<string, FieldOptionPayload>;
-    requirements?: string[];
-    subfields?: Record<string, SubFieldPayload>;
 }
 export declare const toDynamicFormField: (key: string, payload: FieldPayload) => VerificationFormField;
-export declare const filterVerificationFormFieldsForReadonlyView: (fields: VerificationFormField[], localData: VerificationFormLocalData, isReadonly: boolean) => VerificationFormField[];
-export declare const sortVerificationFormFields: (fields: VerificationFormField[]) => VerificationFormField[];
-export declare const toVerificationFormFields: (internationalWireFormPayload: Record<string, FieldPayload>) => VerificationFormField[];
 export type IntlVerificationFormResponse = ZeniAPIResponse<IntlVerificationFormPayload>;
 export interface IntlVerificationFormPayload {
     create_time: string;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationPayload.js

@@ -1,69 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toVerificationFormFields = exports.sortVerificationFormFields = exports.filterVerificationFormFieldsForReadonlyView = exports.toDynamicFormField = exports.InternationalWireVerificationFormOrder = void 0;
-const internationalWireVerificationFieldConstants_1 = require("./internationalWireVerificationFieldConstants");
-const internationalWireVerificationLocalDataHelpers_1 = require("./internationalWireVerificationLocalDataHelpers");
-exports.InternationalWireVerificationFormOrder = [
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.certificateOfGoodStanding,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.businessOwnership,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyProofOfAddress,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyOfficerProofOfAddress,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.companyRegistrationDate,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.annualTurnover,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.expectedTransactionVolume,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.employeeCount,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.intendedUseOfAccount,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.transactionCountries,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.stakeHolder,
-    internationalWireVerificationFieldConstants_1.InternationalWireVerificationFormFieldNames.controllingPerson,
-];
-const toFieldValues = (fieldValues) => fieldValues?.map(({ code, description }) => ({ code, description })) ?? [];
-const toSubField = (subfield) => ({
-    label: subfield.label,
-    placeholder: subfield.field_hint_text ?? '',
-    type: subfield.type,
-    fieldValues: toFieldValues(subfield.field_values),
-    isMultipleOptionsSupported: subfield.is_multiple_options_supported,
-    options: subfield.options,
-});
+exports.toDynamicFormField = void 0;
 const toDynamicFormField = (key, payload) => ({
     name: key,
     label: payload.label,
     placeholder: payload.field_hint_text ?? '',
     isMultipleValuesAllowed: payload.is_multiple_values_allowed ?? false,
     type: payload.type,
-    fieldValues: toFieldValues(payload.field_values),
-    isMultipleOptionsSupported: payload.is_multiple_options_supported,
-    options: payload.options,
-    requirements: payload.requirements,
-    default: payload.default,
-    subfields: payload.subfields != null
-        ? Object.fromEntries(Object.entries(payload.subfields).map(([subfieldKey, subfield]) => [
-            subfieldKey,
-            toSubField(subfield),
-        ]))
-        : undefined,
+    fieldValues: payload.field_values != null && payload.field_values.length > 0
+        ? payload.field_values.map((fieldValue) => {
+            return {
+                code: fieldValue.code,
+                description: fieldValue.description,
+            };
+        })
+        : [],
 });
 exports.toDynamicFormField = toDynamicFormField;
-const readonlyHideableVerificationFormFieldNames = new Set(internationalWireVerificationFieldConstants_1.InternationalWireVerificationReadonlyHideableFieldNames);
-const filterVerificationFormFieldsForReadonlyView = (fields, localData, isReadonly) => {
-    if (!isReadonly || (0, internationalWireVerificationLocalDataHelpers_1.hasBusinessOwnershipValueInLocalData)(localData)) {
-        return fields;
-    }
-    return fields.filter((field) => !readonlyHideableVerificationFormFieldNames.has(field.name));
-};
-exports.filterVerificationFormFieldsForReadonlyView = filterVerificationFormFieldsForReadonlyView;
-const sortVerificationFormFields = (fields) => {
-    const orderIndex = new Map(exports.InternationalWireVerificationFormOrder.map((name, index) => [name, index]));
-    return fields.slice().sort((a, b) => {
-        const aIndex = orderIndex.get(a.name) ?? exports.InternationalWireVerificationFormOrder.length;
-        const bIndex = orderIndex.get(b.name) ?? exports.InternationalWireVerificationFormOrder.length;
-        if (aIndex !== bIndex) {
-            return aIndex - bIndex;
-        }
-        return a.name.localeCompare(b.name);
-    });
-};
-exports.sortVerificationFormFields = sortVerificationFormFields;
-const toVerificationFormFields = (internationalWireFormPayload) => (0, exports.sortVerificationFormFields)(Object.keys(internationalWireFormPayload).map((key) => (0, exports.toDynamicFormField)(key, internationalWireFormPayload[key])));
-exports.toVerificationFormFields = toVerificationFormFields;

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationReducer.js

@@ -8,7 +8,6 @@ exports.initialState = {
     verificationFormFetchState: {
         fetchState: 'Not-Started',
     },
-    verificationFormFieldLabels: {},
     verificationFormFields: [],
     verificationFormLocalData: {},
     verificationFormSubmitState: {
@@ -36,8 +35,11 @@ const internationalWireVerification = (0, toolkit_1.createSlice)({
         },
         updateInternationalVerificationForm(draft, action) {
             const { internationalWireFormPayload } = action.payload;
-            draft.verificationFormFieldLabels = internationalWireFormPayload;
-            draft.verificationFormFields = (0, internationalWireVerificationPayload_1.toVerificationFormFields)(internationalWireFormPayload);
+            const verificationFormFields = [];
+            Object.keys(internationalWireFormPayload).forEach((key) => {
+                verificationFormFields.push((0, internationalWireVerificationPayload_1.toDynamicFormField)(key, internationalWireFormPayload[key]));
+            });
+            draft.verificationFormFields = verificationFormFields;
             draft.verificationFormFetchState.fetchState = 'Completed';
         },
         updateVerificationFormFailure(draft, action) {
@@ -47,7 +49,6 @@ const internationalWireVerification = (0, toolkit_1.createSlice)({
         },
         updateVerificationFormLocalData(draft, action) {
             draft.verificationFormLocalData = {
-                ...draft.verificationFormLocalData,
                 ...action.payload,
             };
         },

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationSelector.js

@@ -1,53 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIntlWireVerificationView = void 0;
-const companySelector_1 = require("../../../../entity/company/companySelector");
 const fileSelector_1 = require("../../../../entity/file/fileSelector");
-const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const fileViewSelector_1 = require("../../../fileView/fileViewSelector");
-const internationalWireVerificationPayload_1 = require("./internationalWireVerificationPayload");
-const collectFileIdsFromLocalData = (localData) => {
-    const fileIds = new Set();
-    Object.values(localData).forEach((value) => {
-        if (typeof value === 'string' && value.startsWith('file_')) {
-            fileIds.add(value);
-            return;
-        }
-        if (Array.isArray(value)) {
-            value.forEach((item) => {
-                if (typeof item === 'string' && item.startsWith('file_')) {
-                    fileIds.add(item);
-                }
-            });
-        }
-    });
-    return Array.from(fileIds);
-};
 const getIntlWireVerificationView = (state) => {
     const deleteFileStatusById = {};
     const updateFileStatusById = {};
-    const { verificationFormFetchState, verificationFormFields, verificationFormLocalData, verificationFormSubmitState, } = state.internationalWireVerificationState;
-    const fileIds = collectFileIdsFromLocalData(verificationFormLocalData);
-    fileIds.forEach((fileId) => {
+    // field with type = file
+    const fileField = state.internationalWireVerificationState.verificationFormFields.find((field) => field.type === 'file');
+    let fileId;
+    if (fileField != null) {
+        fileId = state.internationalWireVerificationState.verificationFormLocalData[fileField.name];
+    }
+    if (fileId != null) {
         deleteFileStatusById[fileId] = (0, fileViewSelector_1.getFileDeleteStatusById)(state, fileId);
         updateFileStatusById[fileId] = (0, fileViewSelector_1.getFileUpdateNameStatusById)(state, fileId);
-    });
-    const userFiles = fileIds.length > 0 ? (0, fileSelector_1.getFilesByFileIds)(state.fileState, fileIds) : [];
-    const fetchState = verificationFormFetchState.fetchState;
-    const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
-    const company = currentTenant?.companyId != null
-        ? (0, companySelector_1.getCompanyByCompanyId)(state.companyState, currentTenant.companyId)
-            ?.company
-        : undefined;
-    const onboardingStatusCode = company?.companyBillPayInfo?.internationalWireOnboardingStatus?.code;
-    const isReadonly = onboardingStatusCode != null &&
-        onboardingStatusCode !== 'onboarding_status_not_started';
-    const visibleVerificationFormFields = (0, internationalWireVerificationPayload_1.filterVerificationFormFieldsForReadonlyView)(verificationFormFields, verificationFormLocalData, isReadonly);
+    }
+    let userFiles = [];
+    if (fileId != null) {
+        userFiles = (0, fileSelector_1.getFilesByFileIds)(state.fileState, [fileId]);
+    }
+    const fetchState = state.internationalWireVerificationState.verificationFormFetchState
+        .fetchState;
     return {
-        verificationFormFetchState,
-        verificationFormFields: visibleVerificationFormFields,
-        verificationFormLocalData,
-        verificationFormSubmitState,
+        ...state.internationalWireVerificationState,
         deleteFileStatusById,
         updateFileStatusById,
         userFiles,

package/lib/view/spendManagement/billPay/internationalWireVerification/internationalWireVerificationState.d.ts

@@ -1,29 +1,15 @@
 import { FetchStateAndError } from '../../../../commonStateTypes/common';
-import { FieldPayload } from './internationalWireVerificationPayload';
 export interface InternationalWireVerificationState {
     verificationFormFetchState: FetchStateAndError;
-    verificationFormFieldLabels: Record<string, FieldPayload>;
     verificationFormFields: VerificationFormField[];
     verificationFormLocalData: VerificationFormLocalData;
     verificationFormSubmitState: FetchStateAndError;
 }
-export type VerificationFormLocalDataValue = string | string[] | number;
-export type VerificationFormLocalData = Record<string, VerificationFormLocalDataValue>;
+export type VerificationFormLocalData = Record<string, string | string[]>;
 export interface FieldValueType {
     code: string;
     description: string;
 }
-export interface VerificationFormFieldOption {
-    label: string;
-}
-export interface VerificationFormSubField {
-    fieldValues: FieldValueType[];
-    label: string;
-    placeholder: string;
-    type: string;
-    isMultipleOptionsSupported?: boolean;
-    options?: Record<string, VerificationFormFieldOption>;
-}
 export interface VerificationFormField {
     fieldValues: FieldValueType[];
     isMultipleValuesAllowed: boolean;
@@ -31,9 +17,4 @@ export interface VerificationFormField {
     name: string;
     placeholder: string;
     type: string;
-    default?: boolean;
-    isMultipleOptionsSupported?: boolean;
-    options?: Record<string, VerificationFormFieldOption>;
-    requirements?: string[];
-    subfields?: Record<string, VerificationFormSubField>;
 }

package/lib/view/taskManager/taskDetailView/epics/createSubTaskEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { appendSubTaskId, updateTasks } from '../../../../entity/task/taskReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { updateTaskListOnNewTaskCreationSuccess } from '../../taskListView/taskListReducer';
+import { createSubTask, createSubTaskSuccessOrFailure } from '../taskDetailReducer';
+export type ActionType = ReturnType<typeof createSubTask> | ReturnType<typeof updateTasks> | ReturnType<typeof appendSubTaskId> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateTaskListOnNewTaskCreationSuccess> | ReturnType<typeof createSubTaskSuccessOrFailure>;
+export declare const createSubTaskEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;

package/lib/view/taskManager/taskDetailView/epics/createSubTaskEpic.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSubTaskEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const formatMinutesToFromHHMM_1 = require("../../../../commonStateTypes/fiscalYearHelpers/formatMinutesToFromHHMM");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const taskReducer_1 = require("../../../../entity/task/taskReducer");
+const taskSelector_1 = require("../../../../entity/task/taskSelector");
+const responsePayload_1 = require("../../../../responsePayload");
+const taskListReducer_1 = require("../../taskListView/taskListReducer");
+const taskDetailReducer_1 = require("../taskDetailReducer");
+const createSubTaskEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(taskDetailReducer_1.createSubTask.match), (0, operators_1.mergeMap)((action) => {
+    const state = state$.value;
+    const parentTask = (0, taskSelector_1.getTaskById)(state.taskState, action.payload.parentTaskId);
+    const parentTaskGroupId = parentTask?.taskGroupIds[0];
+    const isTaskListFetched = state.taskListState.fetchState === 'Completed';
+    const payload = prepareSubTaskPayload(action.payload, parentTaskGroupId);
+    return zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) &&
+            response.data != null &&
+            response.data.tasks.length > 0) {
+            const newTaskId = response.data.tasks[0].task_id;
+            const actions = [
+                (0, taskReducer_1.updateTasks)(response.data.tasks),
+                (0, taskReducer_1.appendSubTaskId)({
+                    parentTaskId: action.payload.parentTaskId,
+                    subTaskId: newTaskId,
+                }),
+                (0, taskDetailReducer_1.createSubTaskSuccessOrFailure)({
+                    fetchState: 'Completed',
+                    newTaskId,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'create_sub_task',
+                    messageText: 'success',
+                    type: 'success',
+                }),
+            ];
+            if (isTaskListFetched === true && parentTaskGroupId != null) {
+                actions.push((0, taskListReducer_1.updateTaskListOnNewTaskCreationSuccess)({
+                    taskGroupId: parentTaskGroupId,
+                    task: response.data.tasks[0],
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, taskDetailReducer_1.createSubTaskSuccessOrFailure)({
+                fetchState: 'Error',
+                error: response.status,
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'create_sub_task',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, taskDetailReducer_1.createSubTaskSuccessOrFailure)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create Sub Task REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.createSubTaskEpic = createSubTaskEpic;
+const prepareSubTaskPayload = (subTask, parentTaskGroupId) => ({
+    name: subTask.name,
+    assignees: subTask.assignee,
+    description: subTask.description,
+    priority: subTask.priority,
+    status: subTask.status,
+    tags: subTask.tagIds,
+    time_spent: (0, formatMinutesToFromHHMM_1.convertHHMMStrToMinutes)(subTask.timeSpent),
+    group_assignees: subTask.groupAssignees,
+    parent_task_id: subTask.parentTaskId,
+    task_group_ids: parentTaskGroupId == null ? [] : [parentTaskGroupId],
+});

package/lib/view/taskManager/taskDetailView/epics/fetchSubTasksEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateTasks } from '../../../../entity/task/taskReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchSubTasks, updateSubTasks, updateSubTasksFetchStatus } from '../taskDetailReducer';
+export type ActionType = ReturnType<typeof fetchSubTasks> | ReturnType<typeof updateTasks> | ReturnType<typeof updateSubTasks> | ReturnType<typeof updateSubTasksFetchStatus>;
+export declare const fetchSubTasksEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/taskManager/taskDetailView/epics/fetchSubTasksEpic.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchSubTasksEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const taskReducer_1 = require("../../../../entity/task/taskReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const taskDetailReducer_1 = require("../taskDetailReducer");
+const fetchSubTasksEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(taskDetailReducer_1.fetchSubTasks.match), (0, operators_1.switchMap)((action) => {
+    const { parentTaskId } = action.payload;
+    const query = JSON.stringify({
+        task_type: 'subtasks',
+        parent_task_id: parentTaskId,
+    });
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tasks?query=${encodeURIComponent(query)}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const { tasks } = response.data;
+            return (0, rxjs_1.of)((0, taskReducer_1.updateTasks)(tasks), (0, taskDetailReducer_1.updateSubTasks)({
+                parentTaskId,
+            }));
+        }
+        else {
+            return (0, rxjs_1.of)((0, taskDetailReducer_1.updateSubTasksFetchStatus)({
+                parentTaskId,
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, taskDetailReducer_1.updateSubTasksFetchStatus)({
+            parentTaskId,
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Sub Tasks REST API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.fetchSubTasksEpic = fetchSubTasksEpic;

package/lib/view/taskManager/taskDetailView/epics/fetchTaskDetailEpic.d.ts

@@ -6,6 +6,7 @@ import { updateTasks } from '../../../../entity/task/taskReducer';
 import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { fetchFileList } from '../../../fileView/fileViewReducer';
+import { updateTaskListOnNewTaskCreationSuccess } from '../../taskListView/taskListReducer';
 import { fetchTaskDetail, initializeTaskToLocalStore, removeTaskDetail, updateEditTaskFetchStatus } from '../taskDetailReducer';
-export type ActionType = ReturnType<typeof fetchTaskDetail> | ReturnType<typeof updateTags> | ReturnType<typeof updateEditTaskFetchStatus> | ReturnType<typeof removeTaskDetail> | ReturnType<typeof updateTasks> | ReturnType<typeof initializeTaskToLocalStore> | ReturnType<typeof fetchFileList> | ReturnType<typeof openSnackbar>;
+export type ActionType = ReturnType<typeof fetchTaskDetail> | ReturnType<typeof updateTags> | ReturnType<typeof updateEditTaskFetchStatus> | ReturnType<typeof removeTaskDetail> | ReturnType<typeof updateTasks> | ReturnType<typeof initializeTaskToLocalStore> | ReturnType<typeof fetchFileList> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateTaskListOnNewTaskCreationSuccess>;
 export declare const fetchTaskDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/taskManager/taskDetailView/epics/fetchTaskDetailEpic.js

@@ -10,13 +10,16 @@ const operators_1 = require("rxjs/operators");
 const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
 const tagReducer_1 = require("../../../../entity/tag/tagReducer");
 const taskReducer_1 = require("../../../../entity/task/taskReducer");
+const taskSelector_1 = require("../../../../entity/task/taskSelector");
 const responsePayload_1 = require("../../../../responsePayload");
 const fileViewReducer_1 = require("../../../fileView/fileViewReducer");
+const taskListReducer_1 = require("../../taskListView/taskListReducer");
 const taskDetailReducer_1 = require("../taskDetailReducer");
 const fetchTaskDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(taskDetailReducer_1.fetchTaskDetail.match), (0, operators_1.mergeMap)((action) => {
     const { taskId, cacheOverride } = action.payload;
     const taskActions = [];
     const state = state$.value;
+    const isTaskListFetched = state.taskListState.fetchState === 'Completed';
     const taskDetail = (0, get_1.default)(state.taskDetailState.editTaskStateById, taskId, undefined);
     if (cacheOverride === true) {
         taskActions.push((0, taskDetailReducer_1.removeTaskDetail)(taskId));
@@ -38,6 +41,16 @@ const fetchTaskDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                     (0, tagReducer_1.updateTags)(response.data.tasks.map((task) => task.tags).flat()),
                     (0, taskDetailReducer_1.initializeTaskToLocalStore)(taskId),
                 ];
+                if (isTaskListFetched === true) {
+                    const taskGroupId = response.data.tasks[0].task_group_ids?.[0];
+                    if (taskGroupId != null) {
+                        fetchActions.push((0, taskListReducer_1.updateTaskListOnNewTaskCreationSuccess)({
+                            taskGroupId,
+                            task: response.data.tasks[0],
+                            currentTaskState: (0, taskSelector_1.getTaskById)(state.taskState, taskId),
+                        }));
+                    }
+                }
                 const fileIds = response.data.tasks[0].file_ids;
                 if (fileIds.length > 0) {
                     fetchActions.push((0, fileViewReducer_1.fetchFileList)(fileIds));

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

@@ -3,9 +3,22 @@ import { DayOfWeek, PriorityCodeType, TaskStatusCodeType, TaskType } from '../..
 import { ZeniDate } from '../../../zeniDayJS';
 import { RecurringDatePickerOptions, RecurringFrequencyType } from '../../common/recurringViewHelper';
 import { CommonHistoryView } from '../../spendManagement/commonHistoryView/commonHistory';
+export interface CreateSubTaskPayload {
+    assignee: ID[];
+    description: string;
+    groupAssignees: ID[];
+    name: string;
+    parentTaskId: ID;
+    priority: PriorityCodeType;
+    status: TaskStatusCodeType;
+    tagIds: ID[];
+    timeSpent: string;
+}
 export interface TaskDetailViewState {
     editTaskStateById: Record<ID, EditTaskDetail>;
     newTaskState: EditTaskDetail;
+    subTaskCreateStatus: FetchStateAndError;
+    subTaskListFetchStatusByParentId: Record<ID, FetchStateAndError>;
     taskHistoryById: Record<ID, CommonHistoryView>;
 }
 export interface EditTaskDetail {

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

@@ -1,7 +1,7 @@
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { HistoricEventPayload } from '../../spendManagement/commonHistoryView/commonHistoryPayload';
-import { EditTaskLocalData, TaskDetailViewState } from './taskDetail';
+import { CreateSubTaskPayload, EditTaskLocalData, TaskDetailViewState } from './taskDetail';
 export declare const initialState: TaskDetailViewState;
 export declare const fetchTaskDetailPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride: boolean, taskId?: string | undefined], {
     cacheOverride: boolean;
@@ -34,7 +34,19 @@ export declare const fetchTaskDetailPage: import("@reduxjs/toolkit").ActionCreat
     error?: ZeniAPIStatus;
     newTaskId?: ID;
     taskId?: ID;
-}, "taskDetailView/saveTaskSuccessOrFailure">, deleteTask: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[taskId?: string | undefined], {
+}, "taskDetailView/saveTaskSuccessOrFailure">, createSubTask: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: CreateSubTaskPayload], CreateSubTaskPayload, "taskDetailView/createSubTask", never, never>, createSubTaskSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+    newTaskId?: ID;
+}, "taskDetailView/createSubTaskSuccessOrFailure">, resetSubTaskCreateStatus: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"taskDetailView/resetSubTaskCreateStatus">, fetchSubTasks: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[parentTaskId: string], {
+    parentTaskId: string;
+}, "taskDetailView/fetchSubTasks", never, never>, updateSubTasks: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    parentTaskId: ID;
+}, "taskDetailView/updateSubTasks">, updateSubTasksFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    parentTaskId: ID;
+    error?: ZeniAPIStatus;
+}, "taskDetailView/updateSubTasksFetchStatus">, deleteTask: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[taskId?: string | undefined], {
     taskId: string | undefined;
 }, "taskDetailView/deleteTask", never, never>, removeTaskDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "taskDetailView/removeTaskDetail">, deleteTaskSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDeletedTagToLocalStore = exports.updateCreatedTagToLocalStore = exports.clearTaskDetail = exports.updateTaskHistoryFetchStatus = exports.updateTaskHistory = exports.fetchTaskHistory = exports.unsnoozeTask = exports.snoozeTaskSuccessOrFailure = exports.snoozeTask = exports.deleteTaskSuccessOrFailure = exports.removeTaskDetail = exports.deleteTask = exports.saveTaskSuccessOrFailure = exports.archiveTaskSuccessOrFailure = exports.archiveTask = exports.saveTaskDetail = exports.discardTaskUpdatesInLocalStore = exports.saveTaskUpdatesToLocalStore = exports.updateEditTaskFetchStatus = exports.initializeTaskToLocalStore = exports.fetchTaskDetail = exports.fetchTaskDetailPage = exports.initialState = void 0;
+exports.updateDeletedTagToLocalStore = exports.updateCreatedTagToLocalStore = exports.clearTaskDetail = exports.updateTaskHistoryFetchStatus = exports.updateTaskHistory = exports.fetchTaskHistory = exports.unsnoozeTask = exports.snoozeTaskSuccessOrFailure = exports.snoozeTask = exports.deleteTaskSuccessOrFailure = exports.removeTaskDetail = exports.deleteTask = exports.updateSubTasksFetchStatus = exports.updateSubTasks = exports.fetchSubTasks = exports.resetSubTaskCreateStatus = exports.createSubTaskSuccessOrFailure = exports.createSubTask = exports.saveTaskSuccessOrFailure = exports.archiveTaskSuccessOrFailure = exports.archiveTask = exports.saveTaskDetail = exports.discardTaskUpdatesInLocalStore = exports.saveTaskUpdatesToLocalStore = exports.updateEditTaskFetchStatus = exports.initializeTaskToLocalStore = exports.fetchTaskDetail = exports.fetchTaskDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const get_1 = __importDefault(require("lodash/get"));
 const commonHistory_1 = require("../../spendManagement/commonHistoryView/commonHistory");
@@ -13,6 +13,11 @@ const taskDetail_1 = require("./taskDetail");
 exports.initialState = {
     newTaskState: taskDetail_1.initialTaskDetail,
     editTaskStateById: {},
+    subTaskCreateStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    subTaskListFetchStatusByParentId: {},
     taskHistoryById: {},
 };
 const taskDetailView = (0, toolkit_1.createSlice)({
@@ -57,7 +62,7 @@ const taskDetailView = (0, toolkit_1.createSlice)({
         updateEditTaskFetchStatus(draft, action) {
             const { taskId, fetchState, error } = action.payload;
             draft.editTaskStateById[taskId] = {
-                ...draft.editTaskStateById[taskId],
+                ...(draft.editTaskStateById[taskId] ?? taskDetail_1.initialTaskDetail),
                 fetchTaskStatus: {
                     fetchState,
                     error: fetchState === 'Error' ? error : undefined,
@@ -325,10 +330,59 @@ const taskDetailView = (0, toolkit_1.createSlice)({
                 error,
             };
         },
+        createSubTask: {
+            reducer(draft) {
+                draft.subTaskCreateStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        createSubTaskSuccessOrFailure(draft, action) {
+            const { fetchState, error } = action.payload;
+            draft.subTaskCreateStatus = {
+                fetchState,
+                error,
+            };
+        },
+        resetSubTaskCreateStatus(draft) {
+            draft.subTaskCreateStatus = {
+                ...exports.initialState.subTaskCreateStatus,
+            };
+        },
+        fetchSubTasks: {
+            reducer(draft, action) {
+                const { parentTaskId } = action.payload;
+                draft.subTaskListFetchStatusByParentId[parentTaskId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(parentTaskId) {
+                return { payload: { parentTaskId } };
+            },
+        },
+        updateSubTasks(draft, action) {
+            const { parentTaskId } = action.payload;
+            draft.subTaskListFetchStatusByParentId[parentTaskId] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        updateSubTasksFetchStatus(draft, action) {
+            const { parentTaskId, fetchState, error } = action.payload;
+            draft.subTaskListFetchStatusByParentId[parentTaskId] = {
+                fetchState,
+                error,
+            };
+        },
         clearTaskDetail(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = taskDetailView.actions, exports.fetchTaskDetailPage = _a.fetchTaskDetailPage, exports.fetchTaskDetail = _a.fetchTaskDetail, exports.initializeTaskToLocalStore = _a.initializeTaskToLocalStore, exports.updateEditTaskFetchStatus = _a.updateEditTaskFetchStatus, exports.saveTaskUpdatesToLocalStore = _a.saveTaskUpdatesToLocalStore, exports.discardTaskUpdatesInLocalStore = _a.discardTaskUpdatesInLocalStore, exports.saveTaskDetail = _a.saveTaskDetail, exports.archiveTask = _a.archiveTask, exports.archiveTaskSuccessOrFailure = _a.archiveTaskSuccessOrFailure, exports.saveTaskSuccessOrFailure = _a.saveTaskSuccessOrFailure, exports.deleteTask = _a.deleteTask, exports.removeTaskDetail = _a.removeTaskDetail, exports.deleteTaskSuccessOrFailure = _a.deleteTaskSuccessOrFailure, exports.snoozeTask = _a.snoozeTask, exports.snoozeTaskSuccessOrFailure = _a.snoozeTaskSuccessOrFailure, exports.unsnoozeTask = _a.unsnoozeTask, exports.fetchTaskHistory = _a.fetchTaskHistory, exports.updateTaskHistory = _a.updateTaskHistory, exports.updateTaskHistoryFetchStatus = _a.updateTaskHistoryFetchStatus, exports.clearTaskDetail = _a.clearTaskDetail, exports.updateCreatedTagToLocalStore = _a.updateCreatedTagToLocalStore, exports.updateDeletedTagToLocalStore = _a.updateDeletedTagToLocalStore;
+_a = taskDetailView.actions, exports.fetchTaskDetailPage = _a.fetchTaskDetailPage, exports.fetchTaskDetail = _a.fetchTaskDetail, exports.initializeTaskToLocalStore = _a.initializeTaskToLocalStore, exports.updateEditTaskFetchStatus = _a.updateEditTaskFetchStatus, exports.saveTaskUpdatesToLocalStore = _a.saveTaskUpdatesToLocalStore, exports.discardTaskUpdatesInLocalStore = _a.discardTaskUpdatesInLocalStore, exports.saveTaskDetail = _a.saveTaskDetail, exports.archiveTask = _a.archiveTask, exports.archiveTaskSuccessOrFailure = _a.archiveTaskSuccessOrFailure, exports.saveTaskSuccessOrFailure = _a.saveTaskSuccessOrFailure, exports.createSubTask = _a.createSubTask, exports.createSubTaskSuccessOrFailure = _a.createSubTaskSuccessOrFailure, exports.resetSubTaskCreateStatus = _a.resetSubTaskCreateStatus, exports.fetchSubTasks = _a.fetchSubTasks, exports.updateSubTasks = _a.updateSubTasks, exports.updateSubTasksFetchStatus = _a.updateSubTasksFetchStatus, exports.deleteTask = _a.deleteTask, exports.removeTaskDetail = _a.removeTaskDetail, exports.deleteTaskSuccessOrFailure = _a.deleteTaskSuccessOrFailure, exports.snoozeTask = _a.snoozeTask, exports.snoozeTaskSuccessOrFailure = _a.snoozeTaskSuccessOrFailure, exports.unsnoozeTask = _a.unsnoozeTask, exports.fetchTaskHistory = _a.fetchTaskHistory, exports.updateTaskHistory = _a.updateTaskHistory, exports.updateTaskHistoryFetchStatus = _a.updateTaskHistoryFetchStatus, exports.clearTaskDetail = _a.clearTaskDetail, exports.updateCreatedTagToLocalStore = _a.updateCreatedTagToLocalStore, exports.updateDeletedTagToLocalStore = _a.updateDeletedTagToLocalStore;
 exports.default = taskDetailView.reducer;

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

@@ -2,7 +2,7 @@ import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { Class } from '../../../entity/class/classState';
 import { File } from '../../../entity/file/fileState';
-import { TaskPriority, TaskStatus } from '../../../entity/task/taskState';
+import { Task, TaskPriority, TaskStatus } from '../../../entity/task/taskState';
 import { RootState } from '../../../reducer';
 import { ZeniDate } from '../../../zeniDayJS';
 import { UserAndRole } from '../../companyView/types/userAndRole';
@@ -14,6 +14,7 @@ export interface TaskDetailSelectorView extends SelectorView {
     deleteFileStatusById: Record<ID, FetchStateAndError | undefined>;
     files: File[];
     showTaskDetailFormFooter: boolean;
+    subtasks: Task[];
     taskDetailView: EditTaskDetail;
     taskHistory: HistoricEvent[];
     updateFileStatusById: Record<ID, FetchStateAndError | undefined>;