@hmcts/ccd-case-ui-toolkit 5.0.40-case-edit-module-for-integration → 5.0.42-case-flags-integration-fixes

package/esm2015/lib/shared/components/palette/utils/is-compound.pipe.js

@@ -5,6 +5,14 @@ export class IsCompoundPipe {
         if (!field || !field.field_type || !field.field_type.type) {
             return false;
         }
+        // Case link tab spacing alignment fix
+        // This Pipe needs to be re-visited
+        // to make it more generic to support and fix alignments issues for multiple tabs
+        if (field.field_type.collection_field_type &&
+            field.field_type.collection_field_type.id &&
+            field.field_type.collection_field_type.id === IsCompoundPipe.CASE_LINK_FIELD_TYPE) {
+            return true;
+        }
         if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
             if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
                 return false;
@@ -14,6 +22,7 @@ export class IsCompoundPipe {
         return false;
     }
 }
+IsCompoundPipe.CASE_LINK_FIELD_TYPE = 'CaseLink';
 IsCompoundPipe.COMPOUND_TYPES = [
     'Complex',
     'Label',
@@ -40,4 +49,4 @@ IsCompoundPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdIsCompound", type: IsCompo
                 name: 'ccdIsCompound'
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtY29tcG91bmQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3V0aWxzL2lzLWNvbXBvdW5kLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxjQUFjO0lBc0JsQixTQUFTLENBQUMsS0FBZ0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRTtZQUN6RCxPQUFPLEtBQUssQ0FBQztTQUNkO1FBRUQsSUFBSSxjQUFjLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO1lBQ3ZFLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDOUQsT0FBTyxLQUFLLENBQUM7YUFDZDtZQUNELE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O0FBakN1Qiw2QkFBYyxHQUFvQjtJQUN4RCxTQUFTO0lBQ1QsT0FBTztJQUNQLGVBQWU7SUFDZixXQUFXO0lBQ1gsaUJBQWlCO0lBQ2pCLDBCQUEwQjtJQUMxQixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLFdBQVc7SUFDWCxtQkFBbUI7SUFDbkIsY0FBYztJQUNkLFVBQVU7Q0FDWCxDQUFDO0FBRXNCLHNCQUFPLEdBQWE7SUFDMUMsVUFBVTtJQUNWLGNBQWM7Q0FDZixDQUFDOzRFQXBCUyxjQUFjO3NFQUFkLGNBQWM7dUZBQWQsY0FBYztjQUgxQixJQUFJO2VBQUM7Z0JBQ0osSUFBSSxFQUFFLGVBQWU7YUFDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXNlRmllbGQgfSBmcm9tICcuLi8uLi8uLi9kb21haW4vZGVmaW5pdGlvbi9jYXNlLWZpZWxkLm1vZGVsJztcbmltcG9ydCB7IEZpZWxkVHlwZUVudW0gfSBmcm9tICcuLi8uLi8uLi9kb21haW4vZGVmaW5pdGlvbi9maWVsZC10eXBlLWVudW0ubW9kZWwnO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICdjY2RJc0NvbXBvdW5kJ1xufSlcbmV4cG9ydCBjbGFzcyBJc0NvbXBvdW5kUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IENPTVBPVU5EX1RZUEVTOiBGaWVsZFR5cGVFbnVtW10gPSBbXG4gICAgJ0NvbXBsZXgnLFxuICAgICdMYWJlbCcsXG4gICAgJ0FkZHJlc3NHbG9iYWwnLFxuICAgICdBZGRyZXNzVUsnLFxuICAgICdBZGRyZXNzR2xvYmFsVUsnLFxuICAgICdDYXNlUGF5bWVudEhpc3RvcnlWaWV3ZXInLFxuICAgICdDYXNlSGlzdG9yeVZpZXdlcicsXG4gICAgJ09yZ2FuaXNhdGlvbicsXG4gICAgJ1dheXNUb1BheScsXG4gICAgJ0NvbXBvbmVudExhdW5jaGVyJyxcbiAgICAnRmxhZ0xhdW5jaGVyJyxcbiAgICAnQ2FzZUZsYWcnXG4gIF07XG5cbiAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgRVhDTFVERTogc3RyaW5nW10gPSBbXG4gICAgJ0Nhc2VMaW5rJyxcbiAgICAnSnVkaWNpYWxVc2VyJ1xuICBdO1xuXG4gIHB1YmxpYyB0cmFuc2Zvcm0oZmllbGQ6IENhc2VGaWVsZCk6IGJvb2xlYW4ge1xuICAgIGlmICghZmllbGQgfHwgIWZpZWxkLmZpZWxkX3R5cGUgfHwgIWZpZWxkLmZpZWxkX3R5cGUudHlwZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIGlmIChJc0NvbXBvdW5kUGlwZS5DT01QT1VORF9UWVBFUy5pbmRleE9mKGZpZWxkLmZpZWxkX3R5cGUudHlwZSkgIT09IC0xKSB7XG4gICAgICBpZiAoSXNDb21wb3VuZFBpcGUuRVhDTFVERS5pbmRleE9mKGZpZWxkLmZpZWxkX3R5cGUuaWQpICE9PSAtMSkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtY29tcG91bmQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3V0aWxzL2lzLWNvbXBvdW5kLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxjQUFjO0lBd0JsQixTQUFTLENBQUMsS0FBZ0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRTtZQUN6RCxPQUFPLEtBQUssQ0FBQztTQUNkO1FBRUQsc0NBQXNDO1FBQ3RDLG1DQUFtQztRQUNuQyxpRkFBaUY7UUFDakYsSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQjtZQUN0QyxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLEVBQUU7WUFDekMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxFQUFFLEtBQUssY0FBYyxDQUFDLG9CQUFvQixFQUFFO1lBQ3JGLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLGNBQWMsQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDdkUsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUM5RCxPQUFPLEtBQUssQ0FBQzthQUNkO1lBQ0QsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7QUE1Q3VCLG1DQUFvQixHQUFHLFVBQVUsQ0FBQztBQUVsQyw2QkFBYyxHQUFvQjtJQUN4RCxTQUFTO0lBQ1QsT0FBTztJQUNQLGVBQWU7SUFDZixXQUFXO0lBQ1gsaUJBQWlCO0lBQ2pCLDBCQUEwQjtJQUMxQixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLFdBQVc7SUFDWCxtQkFBbUI7SUFDbkIsY0FBYztJQUNkLFVBQVU7Q0FDWCxDQUFDO0FBRXNCLHNCQUFPLEdBQWE7SUFDMUMsVUFBVTtJQUNWLGNBQWM7Q0FDZixDQUFDOzRFQXRCUyxjQUFjO3NFQUFkLGNBQWM7dUZBQWQsY0FBYztjQUgxQixJQUFJO2VBQUM7Z0JBQ0osSUFBSSxFQUFFLGVBQWU7YUFDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXNlRmllbGQgfSBmcm9tICcuLi8uLi8uLi9kb21haW4vZGVmaW5pdGlvbi9jYXNlLWZpZWxkLm1vZGVsJztcbmltcG9ydCB7IEZpZWxkVHlwZUVudW0gfSBmcm9tICcuLi8uLi8uLi9kb21haW4vZGVmaW5pdGlvbi9maWVsZC10eXBlLWVudW0ubW9kZWwnO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICdjY2RJc0NvbXBvdW5kJ1xufSlcbmV4cG9ydCBjbGFzcyBJc0NvbXBvdW5kUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IENBU0VfTElOS19GSUVMRF9UWVBFID0gJ0Nhc2VMaW5rJztcblxuICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBDT01QT1VORF9UWVBFUzogRmllbGRUeXBlRW51bVtdID0gW1xuICAgICdDb21wbGV4JyxcbiAgICAnTGFiZWwnLFxuICAgICdBZGRyZXNzR2xvYmFsJyxcbiAgICAnQWRkcmVzc1VLJyxcbiAgICAnQWRkcmVzc0dsb2JhbFVLJyxcbiAgICAnQ2FzZVBheW1lbnRIaXN0b3J5Vmlld2VyJyxcbiAgICAnQ2FzZUhpc3RvcnlWaWV3ZXInLFxuICAgICdPcmdhbmlzYXRpb24nLFxuICAgICdXYXlzVG9QYXknLFxuICAgICdDb21wb25lbnRMYXVuY2hlcicsXG4gICAgJ0ZsYWdMYXVuY2hlcicsXG4gICAgJ0Nhc2VGbGFnJ1xuICBdO1xuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IEVYQ0xVREU6IHN0cmluZ1tdID0gW1xuICAgICdDYXNlTGluaycsXG4gICAgJ0p1ZGljaWFsVXNlcidcbiAgXTtcblxuICBwdWJsaWMgdHJhbnNmb3JtKGZpZWxkOiBDYXNlRmllbGQpOiBib29sZWFuIHtcbiAgICBpZiAoIWZpZWxkIHx8ICFmaWVsZC5maWVsZF90eXBlIHx8ICFmaWVsZC5maWVsZF90eXBlLnR5cGUpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICAvLyBDYXNlIGxpbmsgdGFiIHNwYWNpbmcgYWxpZ25tZW50IGZpeFxuICAgIC8vIFRoaXMgUGlwZSBuZWVkcyB0byBiZSByZS12aXNpdGVkXG4gICAgLy8gdG8gbWFrZSBpdCBtb3JlIGdlbmVyaWMgdG8gc3VwcG9ydCBhbmQgZml4IGFsaWdubWVudHMgaXNzdWVzIGZvciBtdWx0aXBsZSB0YWJzXG4gICAgaWYgKGZpZWxkLmZpZWxkX3R5cGUuY29sbGVjdGlvbl9maWVsZF90eXBlICYmXG4gICAgICAgIGZpZWxkLmZpZWxkX3R5cGUuY29sbGVjdGlvbl9maWVsZF90eXBlLmlkICYmXG4gICAgICAgIGZpZWxkLmZpZWxkX3R5cGUuY29sbGVjdGlvbl9maWVsZF90eXBlLmlkID09PSBJc0NvbXBvdW5kUGlwZS5DQVNFX0xJTktfRklFTERfVFlQRSkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgaWYgKElzQ29tcG91bmRQaXBlLkNPTVBPVU5EX1RZUEVTLmluZGV4T2YoZmllbGQuZmllbGRfdHlwZS50eXBlKSAhPT0gLTEpIHtcbiAgICAgIGlmIChJc0NvbXBvdW5kUGlwZS5FWENMVURFLmluZGV4T2YoZmllbGQuZmllbGRfdHlwZS5pZCkgIT09IC0xKSB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG59XG4iXX0=

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

@@ -2592,6 +2592,14 @@ class IsCompoundPipe {
         if (!field || !field.field_type || !field.field_type.type) {
             return false;
         }
+        // Case link tab spacing alignment fix
+        // This Pipe needs to be re-visited
+        // to make it more generic to support and fix alignments issues for multiple tabs
+        if (field.field_type.collection_field_type &&
+            field.field_type.collection_field_type.id &&
+            field.field_type.collection_field_type.id === IsCompoundPipe.CASE_LINK_FIELD_TYPE) {
+            return true;
+        }
         if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
             if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
                 return false;
@@ -2601,6 +2609,7 @@ class IsCompoundPipe {
         return false;
     }
 }
+IsCompoundPipe.CASE_LINK_FIELD_TYPE = 'CaseLink';
 IsCompoundPipe.COMPOUND_TYPES = [
     'Complex',
     'Label',
@@ -8392,9 +8401,12 @@ class CaseEditDataService {
         this.formValidationErrors$ = new BehaviorSubject([]);
         this.linkError$ = new BehaviorSubject(null);
         this.eventTriggerName$ = new BehaviorSubject(null);
+        this.triggerSubmitEvent$ = new BehaviorSubject(null);
+        this.caseTitle$ = this.title$.asObservable();
         this.caseFormValidationErrors$ = this.formValidationErrors$.asObservable();
         this.caseLinkError$ = this.linkError$.asObservable();
         this.caseEventTriggerName$ = this.eventTriggerName$.asObservable();
+        this.caseTriggerSubmitEvent$ = this.triggerSubmitEvent$.asObservable();
     }
     setCaseTitle(caseTitle) {
         this.title$.next(caseTitle);
@@ -8417,6 +8429,9 @@ class CaseEditDataService {
     addFormValidationError(validationError) {
         this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
     }
+    setTriggerSubmitEvent(state) {
+        this.triggerSubmitEvent$.next(state);
+    }
 }
 
 class CaseEditDataModule {
@@ -8780,6 +8795,14 @@ class CaseEditPageComponent {
             }
         });
         CaseEditPageComponent.setFocusToTop();
+        this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
+            next: state => {
+                if (state) {
+                    this.caseEditDataService.setTriggerSubmitEvent(false);
+                    this.submit();
+                }
+            }
+        });
     }
     ngAfterViewChecked() {
         this.cdRef.detectChanges();
@@ -9109,6 +9132,7 @@ class CaseEditPageComponent {
     syncCaseEditDataService() {
         this.caseEditDataService.setCaseEventTriggerName(this.eventTrigger.name);
         this.caseEditDataService.setCaseLinkError(this.caseLinkError);
+        this.caseEditDataService.setCaseTitle(this.getCaseTitle());
         this.caseEditDataService.caseFormValidationErrors$.subscribe({
             next: (validationErrors) => this.validationErrors = validationErrors
         });
@@ -11094,9 +11118,10 @@ function WriteCaseFlagFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngSwitchCase", ctx_r2.caseFlagFieldState.FLAG_UPDATE);
 } }
 class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
-    constructor(route) {
+    constructor(route, caseEditDataService) {
         super();
         this.route = route;
+        this.caseEditDataService = caseEditDataService;
         this.caseFlagFieldState = CaseFlagFieldState;
         this.errorMessages = [];
         this.caseFlagParentFormGroup = new FormGroup({});
@@ -11109,6 +11134,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         this.caseNameMissing = 'Case name missing';
     }
     ngOnInit() {
+        this.caseEditDataService.clearFormValidationErrors();
         // Check for existing FlagLauncher control in parent and remove it - this is the only way to ensure its invalidity
         // is set correctly at the start, when the component is reloaded and the control is re-registered. Otherwise, the
         // validator state gets carried over
@@ -11144,13 +11170,18 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
             // Set starting field state
             this.fieldState = this.isDisplayContextParameterUpdate ? CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : CaseFlagFieldState.FLAG_LOCATION;
             // Get case title, to be used by child components
-            this.caseTitle = this.caseNameMissing;
+            this.caseEditDataService.caseTitle$.subscribe({
+                next: title => {
+                    this.caseTitle = title.length > 0 ? title : this.caseNameMissing;
+                }
+            });
         }
     }
     setDisplayContextParameterUpdate(caseFields) {
         return caseFields.some(caseField => FieldsUtils.isFlagLauncherCaseField(caseField) && caseField.display_context_parameter === this.updateMode);
     }
     onCaseFlagStateEmitted(caseFlagState) {
+        this.caseEditDataService.clearFormValidationErrors();
         // If the current state is CaseFlagFieldState.FLAG_LOCATION and a flag location (a Flags instance) has been selected,
         // set the parent Case Flag FormGroup for this component's children by using the provided pathToFlagsFormGroup, and
         // set the selected flag location on this component
@@ -11372,9 +11403,10 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         // Clear the "notAllCaseFlagStagesCompleted" error
         this.allCaseFlagStagesCompleted = true;
         this.formGroup.updateValueAndValidity();
+        this.caseEditDataService.setTriggerSubmitEvent(true);
     }
 }
-WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
+WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseEditDataService)); };
 WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["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"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
         i0.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
@@ -11393,7 +11425,7 @@ WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlag
                 templateUrl: './write-case-flag-field.component.html',
                 styleUrls: ['./write-case-flag-field.component.scss']
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }]; }, null); })();
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: CaseEditDataService }]; }, null); })();
 
 function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 2);
@@ -18426,10 +18458,10 @@ class LinkCasesComponent {
         this.ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS';
     }
     ngOnInit() {
-        this.initForm();
         this.caseId = this.linkedCasesService.caseId;
         this.caseName = this.linkedCasesService.caseName;
         this.linkCaseReasons = this.linkedCasesService.linkCaseReasons;
+        this.initForm();
         if (this.linkedCasesService.editMode) {
             // this may have includes the currently added one but yet to be submitted.
             this.selectedCases = this.linkedCasesService.linkedCases;
@@ -19556,6 +19588,7 @@ class WriteLinkedCasesComponent extends AbstractFieldWriteComponent {
         this.errorMessages = [];
     }
     ngOnInit() {
+        this.caseEditDataService.clearFormValidationErrors();
         this.linkedCasesService.caseId = this.caseEdit.caseDetails.case_id;
         this.linkedCasesService.caseName = this.linkedCasesService.getCaseName(this.caseEdit.caseDetails);
         this.linkedCasesService.caseDetails = this.caseEdit.caseDetails;