@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/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -4144,6 +4144,13 @@
             }
             return caseField.field_type.type === 'ComponentLauncher';
         };
+        FieldsUtils.isLinkedCasesCaseField = function (caseField) {
+            return FieldsUtils.isComponentLauncherCaseField(caseField) &&
+                caseField.id === 'LinkedCasesComponentLauncher';
+        };
+        FieldsUtils.containsLinkedCasesCaseField = function (caseFields) {
+            return caseFields === null || caseFields === void 0 ? void 0 : caseFields.some(function (caseField) { return FieldsUtils.isLinkedCasesCaseField(caseField); });
+        };
         FieldsUtils.isFlagsFieldType = function (fieldType) {
             if (!fieldType) {
                 return false;
@@ -8421,13 +8428,223 @@
             }], null, null);
     })();
 
+    var MULTIPLE_TASKS_FOUND = 'More than one task found!';
+    var WorkAllocationService = /** @class */ (function () {
+        function WorkAllocationService(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.
+         */
+        WorkAllocationService.prototype.searchTasks = function (searchRequest) {
+            var _this = this;
+            // Do not need to check if WA enabled as parent method will do that
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/searchForCompletable";
+            return this.http
+                .post(url, { searchRequest: searchRequest }, null, false)
+                .pipe(operators.map(function (response) { return response; }), operators.catchError(function (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 rxjs.throwError(error);
+                }
+            }));
+        };
+        WorkAllocationService.prototype.isWAEnabled = function (jurisdiction, caseType) {
+            this.features = this.appConfig.getWAServiceConfig();
+            var enabled = false;
+            if (!jurisdiction || !caseType) {
+                var 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(function (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.
+         */
+        WorkAllocationService.prototype.assignTask = function (taskId, userId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/assign";
+            return this.http
+                .post(url, { userId: userId })
+                .pipe(operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Call the API to complete a task.
+         * @param taskId specifies which task should be completed.
+         */
+        WorkAllocationService.prototype.completeTask = function (taskId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
+            return this.http
+                .post(url, {})
+                .pipe(operators.catchError(function (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(operators.map(function (response) { return response; })).subscribe(function (response) {
+                    _this.handleTaskCompletionError(response);
+                });
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Call the API to assign and complete a task.
+         * @param taskId specifies which task should be completed.
+         */
+        WorkAllocationService.prototype.assignAndCompleteTask = function (taskId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
+            return this.http
+                .post(url, {
+                completion_options: {
+                    assign_and_complete: true
+                }
+            })
+                .pipe(operators.catchError(function (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(operators.map(function (response) { return response; })).subscribe(function (response) {
+                    _this.handleTaskCompletionError(response);
+                });
+                return rxjs.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.
+         */
+        WorkAllocationService.prototype.handleTaskCompletionError = function (response) {
+            var 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.
+         */
+        WorkAllocationService.prototype.userIsCaseworker = function (roles) {
+            var lowerCaseRoles = roles.map(function (role) { return 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.
+         */
+        WorkAllocationService.prototype.completeAppropriateTask = function (ccdId, eventId, jurisdiction, caseTypeId) {
+            var _this = this;
+            if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
+                return rxjs.of(null);
+            }
+            var taskSearchParameter = {
+                ccdId: ccdId,
+                eventId: eventId,
+                jurisdiction: jurisdiction,
+                caseTypeId: caseTypeId
+            };
+            return this.searchTasks(taskSearchParameter)
+                .pipe(operators.map(function (response) {
+                var 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.
+            }), operators.catchError(function (error) {
+                // Simply rethrow it.
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Return tasks for case and event.
+         */
+        WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
+            var defaultPayload = {
+                task_required_for_event: false,
+                tasks: []
+            };
+            if (!this.isWAEnabled()) {
+                return rxjs.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
+         */
+        WorkAllocationService.prototype.getTask = function (taskId) {
+            if (!this.isWAEnabled()) {
+                return rxjs.of({ task: null });
+            }
+            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId);
+        };
+        return WorkAllocationService;
+    }());
+    WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
+    WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
+    WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(SessionStorageService)); };
+    WorkAllocationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WorkAllocationService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null);
+    })();
+
     var CasesService = /** @class */ (function () {
-        function CasesService(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
+        function CasesService(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;
@@ -8662,12 +8879,12 @@
     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__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService)); };
+    CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(WorkAllocationService), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService)); };
     CasesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CasesService, [{
                 type: i0.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);
     })();
 
     var EventTriggerService = /** @class */ (function () {
@@ -9321,215 +9538,6 @@
             }], function () { return [{ type: CaseFieldService }]; }, null);
     })();
 
-    var MULTIPLE_TASKS_FOUND = 'More than one task found!';
-    var WorkAllocationService = /** @class */ (function () {
-        function WorkAllocationService(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.
-         */
-        WorkAllocationService.prototype.searchTasks = function (searchRequest) {
-            var _this = this;
-            // Do not need to check if WA enabled as parent method will do that
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/searchForCompletable";
-            return this.http
-                .post(url, { searchRequest: searchRequest }, null, false)
-                .pipe(operators.map(function (response) { return response; }), operators.catchError(function (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 rxjs.throwError(error);
-                }
-            }));
-        };
-        WorkAllocationService.prototype.isWAEnabled = function (jurisdiction, caseType) {
-            this.features = this.appConfig.getWAServiceConfig();
-            var enabled = false;
-            if (!jurisdiction || !caseType) {
-                var 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(function (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.
-         */
-        WorkAllocationService.prototype.assignTask = function (taskId, userId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/assign";
-            return this.http
-                .post(url, { userId: userId })
-                .pipe(operators.catchError(function (error) {
-                _this.errorService.setError(error);
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Call the API to complete a task.
-         * @param taskId specifies which task should be completed.
-         */
-        WorkAllocationService.prototype.completeTask = function (taskId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
-            return this.http
-                .post(url, {})
-                .pipe(operators.catchError(function (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(operators.map(function (response) { return response; })).subscribe(function (response) {
-                    _this.handleTaskCompletionError(response);
-                });
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Call the API to assign and complete a task.
-         * @param taskId specifies which task should be completed.
-         */
-        WorkAllocationService.prototype.assignAndCompleteTask = function (taskId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
-            return this.http
-                .post(url, {
-                completion_options: {
-                    assign_and_complete: true
-                }
-            })
-                .pipe(operators.catchError(function (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(operators.map(function (response) { return response; })).subscribe(function (response) {
-                    _this.handleTaskCompletionError(response);
-                });
-                return rxjs.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.
-         */
-        WorkAllocationService.prototype.handleTaskCompletionError = function (response) {
-            var 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.
-         */
-        WorkAllocationService.prototype.userIsCaseworker = function (roles) {
-            var lowerCaseRoles = roles.map(function (role) { return 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.
-         */
-        WorkAllocationService.prototype.completeAppropriateTask = function (ccdId, eventId, jurisdiction, caseTypeId) {
-            var _this = this;
-            if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
-                return rxjs.of(null);
-            }
-            var taskSearchParameter = {
-                ccdId: ccdId,
-                eventId: eventId,
-                jurisdiction: jurisdiction,
-                caseTypeId: caseTypeId
-            };
-            return this.searchTasks(taskSearchParameter)
-                .pipe(operators.map(function (response) {
-                var 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.
-            }), operators.catchError(function (error) {
-                // Simply rethrow it.
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Return tasks for case and event.
-         */
-        WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
-            var defaultPayload = {
-                task_required_for_event: false,
-                tasks: []
-            };
-            if (!this.isWAEnabled()) {
-                return rxjs.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
-         */
-        WorkAllocationService.prototype.getTask = function (taskId) {
-            if (!this.isWAEnabled()) {
-                return rxjs.of({ task: null });
-            }
-            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId);
-        };
-        return WorkAllocationService;
-    }());
-    WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
-    WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
-    WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(SessionStorageService)); };
-    WorkAllocationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WorkAllocationService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null);
-    })();
-
     var CaseEditComponent = /** @class */ (function () {
         function CaseEditComponent(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
             this.fb = fb;
@@ -10032,14 +10040,14 @@
             this.title$ = new rxjs.BehaviorSubject(null);
             this.formValidationErrors$ = new rxjs.BehaviorSubject([]);
             this.editForm$ = new rxjs.BehaviorSubject(null);
-            this.linkError$ = new rxjs.BehaviorSubject(null);
+            this.isLinkedCasesJourneyAtFinalStep$ = new rxjs.BehaviorSubject(null);
             this.eventTriggerName$ = new rxjs.BehaviorSubject(null);
             this.triggerSubmitEvent$ = new rxjs.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();
         }
@@ -10052,9 +10060,6 @@
         CaseEditDataService.prototype.setCaseEventTriggerName = function (triggerName) {
             this.eventTriggerName$.next(triggerName);
         };
-        CaseEditDataService.prototype.setCaseLinkError = function (error) {
-            this.linkError$.next(error);
-        };
         CaseEditDataService.prototype.setFormValidationErrors = function (validationErrors) {
             this.formValidationErrors$.next(validationErrors);
         };
@@ -10064,8 +10069,8 @@
         CaseEditDataService.prototype.clearFormValidationErrors = function () {
             this.formValidationErrors$.next([]);
         };
-        CaseEditDataService.prototype.clearCaseLinkError = function () {
-            this.linkError$.next(null);
+        CaseEditDataService.prototype.setLinkedCasesJourneyAtFinalStep = function (isAtFinalStep) {
+            this.isLinkedCasesJourneyAtFinalStep$.next(isAtFinalStep);
         };
         CaseEditDataService.prototype.addFormValidationError = function (validationError) {
             this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
@@ -10422,6 +10427,11 @@
             this.caseEditDataService.caseEditForm$.subscribe({
                 next: function (editForm) { return _this.editForm = editForm; }
             });
+            this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+                next: function (isLinkedCasesJourneyAtFinalStep) {
+                    _this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep;
+                }
+            });
             this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
                 next: function (state) {
                     if (state) {
@@ -10441,7 +10451,11 @@
             return this.caseEdit.first();
         };
         CaseEditPageComponent.prototype.currentPageIsNotValid = function () {
-            return !this.pageValidationService.isPageValid(this.currentPage, this.editForm);
+            return !this.pageValidationService.isPageValid(this.currentPage, this.editForm) ||
+                (this.isLinkedCasesJourney() && !this.isLinkedCasesJourneyAtFinalStep);
+        };
+        CaseEditPageComponent.prototype.isLinkedCasesJourney = function () {
+            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
@@ -10541,7 +10555,16 @@
             var _this = this;
             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;
@@ -17597,87 +17620,52 @@
             }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, null);
     })();
 
-    function WriteLinkedCasesFieldComponent_div_0_div_3_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 7);
-            i0__namespace.ɵɵelementStart(1, "ul", 8);
-            i0__namespace.ɵɵelementStart(2, "li");
-            i0__namespace.ɵɵelementStart(3, "a", 9);
-            i0__namespace.ɵɵlistener("click", function WriteLinkedCasesFieldComponent_div_0_div_3_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var errorMessage_r7 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var errorMessage_r7 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(errorMessage_r7.description);
-        }
-    }
-    function WriteLinkedCasesFieldComponent_div_0_Template(rf, ctx) {
+    function WriteLinkedCasesFieldComponent_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 4);
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
-            i0__namespace.ɵɵtext(2, " There is a problem ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_div_0_div_3_Template, 5, 1, "div", 6);
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_2_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+            i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_3_Template(rf, ctx) {
         if (rf & 1) {
-            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-no-linked-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r10_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-link-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-link-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-unlink-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-unlink-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-    }
-    function WriteLinkedCasesFieldComponent_ng_container_7_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r14_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r13 = i0__namespace.ɵɵnextContext(); return ctx_r13.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -17694,11 +17682,13 @@
             _this.linkedCasesPages = exports.LinkedCasesPages;
             _this.linkedCasesEventTriggers = exports.LinkedCasesEventTriggers;
             _this.linkedCases = [];
-            _this.errorMessages = [];
             return _this;
         }
         WriteLinkedCasesFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
+            // 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
@@ -17735,11 +17725,10 @@
         };
         WriteLinkedCasesFieldComponent.prototype.onLinkedCasesStateEmitted = function (linkedCasesState) {
             var _this = this;
-            this.errorMessages = [];
+            // Clear validation errors
             this.caseEditDataService.clearFormValidationErrors();
             if (linkedCasesState.navigateToNextPage) {
                 this.linkedCasesPage = this.getNextPage(linkedCasesState);
-                this.setContinueButtonValidationErrorMessage();
                 this.proceedToNextPage();
             }
             else {
@@ -17763,27 +17752,19 @@
                 }
             });
         };
-        WriteLinkedCasesFieldComponent.prototype.setContinueButtonValidationErrorMessage = function () {
-            var errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
-                ? exports.LinkedCasesErrorMessages.LinkCasesNavigationError
-                : exports.LinkedCasesErrorMessages.UnlinkCasesNavigationError;
-            var buttonId = this.linkedCasesService.linkedCases.length === 0
-                ? 'back-button'
-                : 'next-button';
-            this.caseEditDataService.setCaseLinkError({
-                componentId: buttonId,
-                errorMessage: errorMessage
-            });
-        };
         WriteLinkedCasesFieldComponent.prototype.proceedToNextPage = function () {
             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);
+            }
         };
         WriteLinkedCasesFieldComponent.prototype.submitLinkedCases = function () {
             if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -17828,38 +17809,24 @@
                         && !_this.linkedCasesService.serverLinkedApiError)
                     ? exports.LinkedCasesPages.BEFORE_YOU_START
                     : exports.LinkedCasesPages.NO_LINKED_CASES;
-                // Initialise the error to be displayed when clicked on Continue button
-                _this.setContinueButtonValidationErrorMessage();
             });
         };
-        WriteLinkedCasesFieldComponent.prototype.navigateToErrorElement = function (elementId) {
-            if (elementId) {
-                var htmlElement = document.getElementById(elementId);
-                if (htmlElement) {
-                    htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                    htmlElement.focus();
-                }
-            }
-        };
         return WriteLinkedCasesFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteLinkedCasesFieldComponent.ɵfac = function WriteLinkedCasesFieldComponent_Factory(t) { return new (t || WriteLinkedCasesFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CommonDataService), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(LinkedCasesService), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
-    WriteLinkedCasesFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0__namespace.ɵɵ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) {
+    WriteLinkedCasesFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, WriteLinkedCasesFieldComponent_div_0_Template, 4, 1, "div", 0);
+                i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "div", 2);
-                i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(7, WriteLinkedCasesFieldComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(2, WriteLinkedCasesFieldComponent_ng_container_2_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 2);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
-                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
@@ -26056,7 +26023,7 @@
         AddCommentsComponent,
         ManageCaseFlagsComponent,
         UpdateFlagComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, BeforeYouStartComponent,
+    i0__namespace.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, BeforeYouStartComponent,
         NoLinkedCasesComponent,
         LinkCasesComponent,
         UnLinkCasesComponent,