@hmcts/ccd-case-ui-toolkit 6.13.10-g-eui-4157-c → 6.13.10-linked-cases-continue-button-validation-v4

package/dist/ccd-case-ui-toolkit/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -3474,6 +3474,13 @@ class FieldsUtils {
         }
         return caseField.field_type.type === 'ComponentLauncher';
     }
+    static isLinkedCasesCaseField(caseField) {
+        return FieldsUtils.isComponentLauncherCaseField(caseField) &&
+            caseField.id === 'LinkedCasesComponentLauncher';
+    }
+    static containsLinkedCasesCaseField(caseFields) {
+        return caseFields === null || caseFields === void 0 ? void 0 : caseFields.some(caseField => FieldsUtils.isLinkedCasesCaseField(caseField));
+    }
     static isFlagsFieldType(fieldType) {
         if (!fieldType) {
             return false;
@@ -7210,13 +7217,215 @@ WizardPageFieldToCaseFieldMapper.ɵprov = i0.ɵɵdefineInjectable({ token: Wizar
             }]
     }], null, null); })();
 
+const MULTIPLE_TASKS_FOUND = 'More than one task found!';
+class WorkAllocationService {
+    constructor(http, appConfig, errorService, alertService, sessionStorageService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.errorService = errorService;
+        this.alertService = alertService;
+        this.sessionStorageService = sessionStorageService;
+        // Check to see if work allocation is enabled
+    }
+    /**
+     * Call the API to get tasks matching the search criteria.
+     * @param searchRequest The search parameters that specify which tasks to match.
+     */
+    searchTasks(searchRequest) {
+        // Do not need to check if WA enabled as parent method will do that
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
+        return this.http
+            .post(url, { searchRequest }, null, false)
+            .pipe(map(response => response), catchError(error => {
+            this.errorService.setError(error);
+            // explicitly eat away 401 error and 400 error
+            if (error && error.status && (error.status === 401 || error.status === 400)) {
+                // do nothing
+                console.log('error status 401 or 400', error);
+            }
+            else {
+                return throwError(error);
+            }
+        }));
+    }
+    isWAEnabled(jurisdiction, caseType) {
+        this.features = this.appConfig.getWAServiceConfig();
+        let enabled = false;
+        if (!jurisdiction || !caseType) {
+            const caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
+            jurisdiction = caseInfo.jurisdiction;
+            caseType = caseInfo.caseType;
+        }
+        if (!this.features || !this.features.configurations) {
+            return false;
+        }
+        this.features.configurations.forEach(serviceConfig => {
+            if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
+                enabled = true;
+            }
+        });
+        return enabled;
+    }
+    /**
+     * Call the API to assign a task.
+     * @param taskId specifies which task should be assigned.
+     * @param userId specifies the user the task should be assigned to.
+     */
+    assignTask(taskId, userId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
+        return this.http
+            .post(url, { userId })
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    completeTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {})
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            // this will subscribe to get the user details and decide whether to display an error message
+            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to assign and complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    assignAndCompleteTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {
+            completion_options: {
+                assign_and_complete: true
+            }
+        })
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            // this will subscribe to get the user details and decide whether to display an error message
+            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return throwError(error);
+        }));
+    }
+    /**
+     * Handles the response from the observable to get the user details when task is completed.
+     * @param response is the response given from the observable which contains the user detaild.
+     */
+    handleTaskCompletionError(response) {
+        const userDetails = response;
+        if (this.userIsCaseworker(userDetails.userInfo.roles)) {
+            // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
+            this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
+            this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
+        }
+    }
+    /**
+     * Returns true if the user's role is equivalent to a caseworker.
+     * @param roles is the list of roles found from the current user.
+     */
+    userIsCaseworker(roles) {
+        const lowerCaseRoles = roles.map(role => role.toLowerCase());
+        // When/if lib & target permanently change to es2016, replace indexOf with includes
+        return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
+            || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
+    }
+    /**
+     * Look for open tasks for a case and event combination. There are 5 possible scenarios:
+     *   1. No tasks found                              => Success.
+     *   2. One task found => Mark as done              => Success.
+     *   3. One task found => Mark as done throws error => Failure.
+     *   4. More than one task found                    => Failure.
+     *   5. Search call throws an error                 => Failure.
+     * @param ccdId The ID of the case to find tasks for.
+     * @param eventId The ID of the event to find tasks for.
+     */
+    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
+        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
+            return of(null);
+        }
+        const taskSearchParameter = {
+            ccdId,
+            eventId,
+            jurisdiction,
+            caseTypeId
+        };
+        return this.searchTasks(taskSearchParameter)
+            .pipe(map((response) => {
+            const tasks = response.tasks;
+            if (tasks && tasks.length > 0) {
+                if (tasks.length === 1) {
+                    this.completeTask(tasks[0].id).subscribe();
+                }
+                else {
+                    // This is a problem. Throw an appropriate error.
+                    throw new Error(MULTIPLE_TASKS_FOUND);
+                }
+            }
+            return true; // All good. Nothing to see here.
+        }), catchError(error => {
+            // Simply rethrow it.
+            return throwError(error);
+        }));
+    }
+    /**
+     * Return tasks for case and event.
+     */
+    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
+        const defaultPayload = {
+            task_required_for_event: false,
+            tasks: []
+        };
+        if (!this.isWAEnabled()) {
+            return of(defaultPayload);
+        }
+        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/case/tasks/${caseId}/event/${eventId}/caseType/${caseType}/jurisdiction/${jurisdiction}`);
+    }
+    /**
+     * Call the API to get a task
+     */
+    getTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of({ task: null });
+        }
+        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
+    }
+}
+WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
+WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
+WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
+WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
+
 class CasesService {
-    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
+    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, workAllocationService, loadingService, sessionStorageService) {
         this.http = http;
         this.appConfig = appConfig;
         this.orderService = orderService;
         this.errorService = errorService;
         this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
+        this.workAllocationService = workAllocationService;
         this.loadingService = loadingService;
         this.sessionStorageService = sessionStorageService;
         this.get = this.getCaseView;
@@ -7442,11 +7651,11 @@ CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd
 CasesService.V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
 CasesService.V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
 CasesService.PUI_CASE_MANAGER = 'pui-case-manager';
-CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
+CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(WorkAllocationService), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
 CasesService.ɵprov = i0.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasesService, [{
         type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: WorkAllocationService }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
 
 class EventTriggerService {
     constructor() {
@@ -8049,207 +8258,6 @@ PageValidationService.ɵprov = i0.ɵɵdefineInjectable({ token: PageValidationSe
         type: Injectable
     }], function () { return [{ type: CaseFieldService }]; }, null); })();
 
-const MULTIPLE_TASKS_FOUND = 'More than one task found!';
-class WorkAllocationService {
-    constructor(http, appConfig, errorService, alertService, sessionStorageService) {
-        this.http = http;
-        this.appConfig = appConfig;
-        this.errorService = errorService;
-        this.alertService = alertService;
-        this.sessionStorageService = sessionStorageService;
-        // Check to see if work allocation is enabled
-    }
-    /**
-     * Call the API to get tasks matching the search criteria.
-     * @param searchRequest The search parameters that specify which tasks to match.
-     */
-    searchTasks(searchRequest) {
-        // Do not need to check if WA enabled as parent method will do that
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
-        return this.http
-            .post(url, { searchRequest }, null, false)
-            .pipe(map(response => response), catchError(error => {
-            this.errorService.setError(error);
-            // explicitly eat away 401 error and 400 error
-            if (error && error.status && (error.status === 401 || error.status === 400)) {
-                // do nothing
-                console.log('error status 401 or 400', error);
-            }
-            else {
-                return throwError(error);
-            }
-        }));
-    }
-    isWAEnabled(jurisdiction, caseType) {
-        this.features = this.appConfig.getWAServiceConfig();
-        let enabled = false;
-        if (!jurisdiction || !caseType) {
-            const caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
-            jurisdiction = caseInfo.jurisdiction;
-            caseType = caseInfo.caseType;
-        }
-        if (!this.features || !this.features.configurations) {
-            return false;
-        }
-        this.features.configurations.forEach(serviceConfig => {
-            if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
-                enabled = true;
-            }
-        });
-        return enabled;
-    }
-    /**
-     * Call the API to assign a task.
-     * @param taskId specifies which task should be assigned.
-     * @param userId specifies the user the task should be assigned to.
-     */
-    assignTask(taskId, userId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
-        return this.http
-            .post(url, { userId })
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    completeTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {})
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            // this will subscribe to get the user details and decide whether to display an error message
-            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to assign and complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    assignAndCompleteTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {
-            completion_options: {
-                assign_and_complete: true
-            }
-        })
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            // this will subscribe to get the user details and decide whether to display an error message
-            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return throwError(error);
-        }));
-    }
-    /**
-     * Handles the response from the observable to get the user details when task is completed.
-     * @param response is the response given from the observable which contains the user detaild.
-     */
-    handleTaskCompletionError(response) {
-        const userDetails = response;
-        if (this.userIsCaseworker(userDetails.userInfo.roles)) {
-            // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
-            this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
-            this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
-        }
-    }
-    /**
-     * Returns true if the user's role is equivalent to a caseworker.
-     * @param roles is the list of roles found from the current user.
-     */
-    userIsCaseworker(roles) {
-        const lowerCaseRoles = roles.map(role => role.toLowerCase());
-        // When/if lib & target permanently change to es2016, replace indexOf with includes
-        return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
-            || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
-    }
-    /**
-     * Look for open tasks for a case and event combination. There are 5 possible scenarios:
-     *   1. No tasks found                              => Success.
-     *   2. One task found => Mark as done              => Success.
-     *   3. One task found => Mark as done throws error => Failure.
-     *   4. More than one task found                    => Failure.
-     *   5. Search call throws an error                 => Failure.
-     * @param ccdId The ID of the case to find tasks for.
-     * @param eventId The ID of the event to find tasks for.
-     */
-    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
-        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
-            return of(null);
-        }
-        const taskSearchParameter = {
-            ccdId,
-            eventId,
-            jurisdiction,
-            caseTypeId
-        };
-        return this.searchTasks(taskSearchParameter)
-            .pipe(map((response) => {
-            const tasks = response.tasks;
-            if (tasks && tasks.length > 0) {
-                if (tasks.length === 1) {
-                    this.completeTask(tasks[0].id).subscribe();
-                }
-                else {
-                    // This is a problem. Throw an appropriate error.
-                    throw new Error(MULTIPLE_TASKS_FOUND);
-                }
-            }
-            return true; // All good. Nothing to see here.
-        }), catchError(error => {
-            // Simply rethrow it.
-            return throwError(error);
-        }));
-    }
-    /**
-     * Return tasks for case and event.
-     */
-    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
-        const defaultPayload = {
-            task_required_for_event: false,
-            tasks: []
-        };
-        if (!this.isWAEnabled()) {
-            return of(defaultPayload);
-        }
-        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/case/tasks/${caseId}/event/${eventId}/caseType/${caseType}/jurisdiction/${jurisdiction}`);
-    }
-    /**
-     * Call the API to get a task
-     */
-    getTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of({ task: null });
-        }
-        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
-    }
-}
-WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
-WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
-WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
-WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
-
 class CaseEditComponent {
     constructor(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
         this.fb = fb;
@@ -8623,14 +8631,14 @@ class CaseEditDataService {
         this.title$ = new BehaviorSubject(null);
         this.formValidationErrors$ = new BehaviorSubject([]);
         this.editForm$ = new BehaviorSubject(null);
-        this.linkError$ = new BehaviorSubject(null);
+        this.isLinkedCasesJourneyAtFinalStep$ = new BehaviorSubject(null);
         this.eventTriggerName$ = new BehaviorSubject(null);
         this.triggerSubmitEvent$ = new BehaviorSubject(null);
         this.caseDetails$ = this.details$.asObservable();
         this.caseTitle$ = this.title$.asObservable();
         this.caseEditForm$ = this.editForm$.asObservable();
         this.caseFormValidationErrors$ = this.formValidationErrors$.asObservable();
-        this.caseLinkError$ = this.linkError$.asObservable();
+        this.caseIsLinkedCasesJourneyAtFinalStep$ = this.isLinkedCasesJourneyAtFinalStep$.asObservable();
         this.caseEventTriggerName$ = this.eventTriggerName$.asObservable();
         this.caseTriggerSubmitEvent$ = this.triggerSubmitEvent$.asObservable();
     }
@@ -8643,9 +8651,6 @@ class CaseEditDataService {
     setCaseEventTriggerName(triggerName) {
         this.eventTriggerName$.next(triggerName);
     }
-    setCaseLinkError(error) {
-        this.linkError$.next(error);
-    }
     setFormValidationErrors(validationErrors) {
         this.formValidationErrors$.next(validationErrors);
     }
@@ -8655,8 +8660,8 @@ class CaseEditDataService {
     clearFormValidationErrors() {
         this.formValidationErrors$.next([]);
     }
-    clearCaseLinkError() {
-        this.linkError$.next(null);
+    setLinkedCasesJourneyAtFinalStep(isAtFinalStep) {
+        this.isLinkedCasesJourneyAtFinalStep$.next(isAtFinalStep);
     }
     addFormValidationError(validationError) {
         this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
@@ -9030,6 +9035,11 @@ class CaseEditPageComponent {
         this.caseEditDataService.caseEditForm$.subscribe({
             next: editForm => this.editForm = editForm
         });
+        this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+            next: isLinkedCasesJourneyAtFinalStep => {
+                this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep;
+            }
+        });
         this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
             next: state => {
                 if (state) {
@@ -9049,7 +9059,11 @@ class CaseEditPageComponent {
         return this.caseEdit.first();
     }
     currentPageIsNotValid() {
-        return !this.pageValidationService.isPageValid(this.currentPage, this.editForm);
+        return !this.pageValidationService.isPageValid(this.currentPage, this.editForm) ||
+            (this.isLinkedCasesJourney() && !this.isLinkedCasesJourneyAtFinalStep);
+    }
+    isLinkedCasesJourney() {
+        return FieldsUtils.containsLinkedCasesCaseField(this.currentPage.case_fields);
     }
     /**
      * caseEventData.event_data contains all the values from the previous pages so we set caseEventData.data = caseEventData.event_data
@@ -9147,7 +9161,16 @@ class CaseEditPageComponent {
     submit() {
         this.caseEditDataService.clearFormValidationErrors();
         if (this.currentPageIsNotValid()) {
-            this.generateErrorMessage(this.currentPage.case_fields);
+            // The generateErrorMessage method filters out the hidden fields.
+            // The error message for LinkedCases journey will never get displayed because the
+            // LinkedCases is configured with ComponentLauncher field as visible and caseLinks field as hidden.
+            if (this.isLinkedCasesJourney()) {
+                this.validationErrors.push({ id: 'next-button', message: 'Please select Next to go to the next page' });
+                CaseEditPageComponent.scrollToTop();
+            }
+            else {
+                this.generateErrorMessage(this.currentPage.case_fields);
+            }
         }
         if (!this.isSubmitting && !this.currentPageIsNotValid()) {
             this.isSubmitting = true;
@@ -15297,72 +15320,43 @@ ReadLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadLinkedC
             }]
     }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, null); })();
 
-function WriteLinkedCasesFieldComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵelementStart(1, "ul", 8);
-    i0.ɵɵelementStart(2, "li");
-    i0.ɵɵelementStart(3, "a", 9);
-    i0.ɵɵlistener("click", function WriteLinkedCasesFieldComponent_div_0_div_3_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r9); const errorMessage_r7 = ctx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const errorMessage_r7 = ctx.$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(errorMessage_r7.description);
-} }
-function WriteLinkedCasesFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelementStart(1, "h2", 5);
-    i0.ɵɵtext(2, " There is a problem ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_div_0_div_3_Template, 5, 1, "div", 6);
+function WriteLinkedCasesFieldComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_2_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+    i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-no-linked-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-link-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+    const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-link-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-unlink-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-unlink-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} }
-function WriteLinkedCasesFieldComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+    const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
@@ -15377,9 +15371,11 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         this.linkedCasesPages = LinkedCasesPages;
         this.linkedCasesEventTriggers = LinkedCasesEventTriggers;
         this.linkedCases = [];
-        this.errorMessages = [];
     }
     ngOnInit() {
+        // This is required to enable Continue button validation
+        // Continue button should be enabled only at check your answers page
+        this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(false);
         // Clear validation errors
         this.caseEditDataService.clearFormValidationErrors();
         // Get linked case reasons from ref data
@@ -15415,11 +15411,10 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         }
     }
     onLinkedCasesStateEmitted(linkedCasesState) {
-        this.errorMessages = [];
+        // Clear validation errors
         this.caseEditDataService.clearFormValidationErrors();
         if (linkedCasesState.navigateToNextPage) {
             this.linkedCasesPage = this.getNextPage(linkedCasesState);
-            this.setContinueButtonValidationErrorMessage();
             this.proceedToNextPage();
         }
         else {
@@ -15442,27 +15437,19 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
             }
         });
     }
-    setContinueButtonValidationErrorMessage() {
-        const errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
-            ? LinkedCasesErrorMessages.LinkCasesNavigationError
-            : LinkedCasesErrorMessages.UnlinkCasesNavigationError;
-        const buttonId = this.linkedCasesService.linkedCases.length === 0
-            ? 'back-button'
-            : 'next-button';
-        this.caseEditDataService.setCaseLinkError({
-            componentId: buttonId,
-            errorMessage
-        });
-    }
     proceedToNextPage() {
         if (this.isAtFinalPage()) {
             // Continue button event must be allowed in final page
-            this.caseEditDataService.clearCaseLinkError();
+            this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(true);
             // Trigger validation to clear the "notAtFinalPage" error if now at the final state
             this.formGroup.updateValueAndValidity();
             // update form value
             this.submitLinkedCases();
         }
+        else {
+            // Continue button event must not be allowed if not in final page
+            this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(false);
+        }
     }
     submitLinkedCases() {
         if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -15503,35 +15490,21 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
                     && !this.linkedCasesService.serverLinkedApiError)
                 ? LinkedCasesPages.BEFORE_YOU_START
                 : LinkedCasesPages.NO_LINKED_CASES;
-            // Initialise the error to be displayed when clicked on Continue button
-            this.setContinueButtonValidationErrorMessage();
         });
     }
-    navigateToErrorElement(elementId) {
-        if (elementId) {
-            const htmlElement = document.getElementById(elementId);
-            if (htmlElement) {
-                htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                htmlElement.focus();
-            }
-        }
-    }
 }
 WriteLinkedCasesFieldComponent.ɵfac = function WriteLinkedCasesFieldComponent_Factory(t) { return new (t || WriteLinkedCasesFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CommonDataService), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseEditDataService)); };
-WriteLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 8, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WriteLinkedCasesFieldComponent_div_0_Template, 4, 1, "div", 0);
+WriteLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 7, consts: [[1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(7, WriteLinkedCasesFieldComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(2, WriteLinkedCasesFieldComponent_ng_container_2_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
-        i0.ɵɵadvance(1);
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
@@ -22674,7 +22647,7 @@ i0.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1.NgIf, i1.NgForOf, i2.N
     AddCommentsComponent,
     ManageCaseFlagsComponent,
     UpdateFlagComponent], []);
-i0.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i1.NgIf, i1.NgForOf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgSwitchCase, BeforeYouStartComponent,
+i0.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgSwitchCase, BeforeYouStartComponent,
     NoLinkedCasesComponent,
     LinkCasesComponent,
     UnLinkCasesComponent,