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

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -3036,6 +3036,14 @@
             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;
@@ -3046,6 +3054,7 @@
         };
         return IsCompoundPipe;
     }());
+    IsCompoundPipe.CASE_LINK_FIELD_TYPE = 'CaseLink';
     IsCompoundPipe.COMPOUND_TYPES = [
         'Complex',
         'Label',
@@ -9839,9 +9848,12 @@
             this.formValidationErrors$ = new rxjs.BehaviorSubject([]);
             this.linkError$ = new rxjs.BehaviorSubject(null);
             this.eventTriggerName$ = new rxjs.BehaviorSubject(null);
+            this.triggerSubmitEvent$ = new rxjs.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();
         }
         CaseEditDataService.prototype.setCaseTitle = function (caseTitle) {
             this.title$.next(caseTitle);
@@ -9864,6 +9876,9 @@
         CaseEditDataService.prototype.addFormValidationError = function (validationError) {
             this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
         };
+        CaseEditDataService.prototype.setTriggerSubmitEvent = function (state) {
+            this.triggerSubmitEvent$.next(state);
+        };
         return CaseEditDataService;
     }());
 
@@ -10210,6 +10225,14 @@
                 }
             });
             CaseEditPageComponent.setFocusToTop();
+            this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
+                next: function (state) {
+                    if (state) {
+                        _this.caseEditDataService.setTriggerSubmitEvent(false);
+                        _this.submit();
+                    }
+                }
+            });
         };
         CaseEditPageComponent.prototype.ngAfterViewChecked = function () {
             this.cdRef.detectChanges();
@@ -10559,6 +10582,7 @@
             var _this = this;
             this.caseEditDataService.setCaseEventTriggerName(this.eventTrigger.name);
             this.caseEditDataService.setCaseLinkError(this.caseLinkError);
+            this.caseEditDataService.setCaseTitle(this.getCaseTitle());
             this.caseEditDataService.caseFormValidationErrors$.subscribe({
                 next: function (validationErrors) { return _this.validationErrors = validationErrors; }
             });
@@ -12623,9 +12647,10 @@
     }
     var WriteCaseFlagFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseFlagFieldComponent, _super);
-        function WriteCaseFlagFieldComponent(route) {
+        function WriteCaseFlagFieldComponent(route, caseEditDataService) {
             var _this = _super.call(this) || this;
             _this.route = route;
+            _this.caseEditDataService = caseEditDataService;
             _this.caseFlagFieldState = exports.CaseFlagFieldState;
             _this.errorMessages = [];
             _this.caseFlagParentFormGroup = new i2.FormGroup({});
@@ -12640,6 +12665,7 @@
         }
         WriteCaseFlagFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
+            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
@@ -12675,7 +12701,11 @@
                 // Set starting field state
                 this.fieldState = this.isDisplayContextParameterUpdate ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
                 // Get case title, to be used by child components
-                this.caseTitle = this.caseNameMissing;
+                this.caseEditDataService.caseTitle$.subscribe({
+                    next: function (title) {
+                        _this.caseTitle = title.length > 0 ? title : _this.caseNameMissing;
+                    }
+                });
             }
         };
         WriteCaseFlagFieldComponent.prototype.setDisplayContextParameterUpdate = function (caseFields) {
@@ -12683,6 +12713,7 @@
             return caseFields.some(function (caseField) { return FieldsUtils.isFlagLauncherCaseField(caseField) && caseField.display_context_parameter === _this.updateMode; });
         };
         WriteCaseFlagFieldComponent.prototype.onCaseFlagStateEmitted = function (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
@@ -12905,10 +12936,11 @@
             // Clear the "notAllCaseFlagStagesCompleted" error
             this.allCaseFlagStagesCompleted = true;
             this.formGroup.updateValueAndValidity();
+            this.caseEditDataService.setTriggerSubmitEvent(true);
         };
         return WriteCaseFlagFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
+    WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
     WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
@@ -12931,7 +12963,7 @@
                         templateUrl: './write-case-flag-field.component.html',
                         styleUrls: ['./write-case-flag-field.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CaseEditDataService }]; }, null);
     })();
 
     function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
@@ -21342,10 +21374,10 @@
             this.ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS';
         }
         LinkCasesComponent.prototype.ngOnInit = function () {
-            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;
@@ -22594,6 +22626,7 @@
         }
         WriteLinkedCasesComponent.prototype.ngOnInit = function () {
             var _this = this;
+            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;