@hmcts/ccd-case-ui-toolkit 7.1.22-case-links-fix → 7.1.23

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -7121,7 +7121,6 @@ class JurisdictionService {
         return this.httpService.get('/aggregated/caseworkers/:uid/jurisdictions?access=read');
     }
     announceSelectedJurisdiction(jurisdiction) {
-        console.info('Announcing selected jurisdiction = ' + jurisdiction?.id);
         this.selectedJurisdictionSource.next(jurisdiction);
         this.selectedJurisdictionBS.next(jurisdiction);
     }
@@ -9000,16 +8999,15 @@ class PageValidationService {
     getInvalidFields(page, editForm) {
         const failingCaseFields = [];
         page.case_fields
-            .filter(caseField => !this.caseFieldService.isReadOnly(caseField))
-            .filter(caseField => !this.isHidden(caseField, editForm))
-            .forEach(caseField => {
+            .filter((caseField) => !this.caseFieldService.isReadOnly(caseField))
+            .filter((caseField) => !this.isHidden(caseField, editForm))
+            .forEach((caseField) => {
             const theControl = FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])
-                ? editForm.controls['data'].get(`${caseField.id}_judicialUserControl`)
-                : editForm.controls['data'].get(caseField.id);
+                ? editForm.controls.data.get(`${caseField.id}_judicialUserControl`)
+                : editForm.controls.data.get(caseField.id);
             if (!(this.checkDocumentField(caseField, theControl) && this.checkOptionalField(caseField, theControl))) {
                 failingCaseFields.push(caseField);
             }
-            ;
         });
         return failingCaseFields;
     }
@@ -9031,9 +9029,7 @@ class PageValidationService {
         if (!theControl) {
             return this.caseFieldService.isOptional(caseField);
         }
-        else {
-            return theControl.valid || theControl.disabled;
-        }
+        return theControl.valid || theControl.disabled;
     }
     checkMandatoryField(caseField, theControl) {
         return this.caseFieldService.isMandatory(caseField) && theControl === null;
@@ -16655,8 +16651,8 @@ class LinkCasesComponent {
         })), this.validatorsUtils.formArraySelectedValidator());
     }
     toggleLinkCaseReasonOtherComments(event) {
-        this.linkCaseReasons.find((reason) => reason.value_en === event.target.value).selected = event.target.checked;
-        this.showComments = this.linkCaseReasons.find((reason) => reason.value_en === 'Other')?.selected;
+        this.linkCaseReasons.find(reason => reason.value_en === event.target.value).selected = event.target.checked;
+        this.showComments = this.linkCaseReasons.find(reason => reason.value_en === 'Other').selected;
     }
     submitCaseInfo() {
         this.errorMessages = [];
@@ -16695,7 +16691,7 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-number',
                 description: LinkedCasesErrorMessages.CaseNumberError,
-                fieldId: 'caseNumber'
+                fieldId: 'caseNumber',
             });
         }
         if (this.linkCaseForm.controls.reasonType.invalid) {
@@ -16703,17 +16699,17 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-reason',
                 description: LinkedCasesErrorMessages.ReasonSelectionError,
-                fieldId: 'caseReason'
+                fieldId: 'caseReason',
             });
         }
         if (this.linkCaseForm.controls.reasonType.valid
-            && this.linkCaseReasons.find((reason) => reason.value_en === 'Other').selected) {
+            && this.linkCaseReasons.find(reason => reason.value_en === 'Other').selected) {
             if (this.linkCaseForm.controls.otherDescription.value.trim().length === 0) {
                 this.caseReasonCommentsError = LinkedCasesErrorMessages.otherDescriptionError;
                 this.errorMessages.push({
                     title: 'dummy-case-reason-comments',
                     description: LinkedCasesErrorMessages.otherDescriptionError,
-                    fieldId: 'otherDescription'
+                    fieldId: 'otherDescription',
                 });
             }
             if (this.linkCaseForm.controls.otherDescription.value.trim().length > 100) {
@@ -16721,7 +16717,7 @@ class LinkCasesComponent {
                 this.errorMessages.push({
                     title: 'dummy-case-reason-comments',
                     description: LinkedCasesErrorMessages.otherDescriptionMaxLengthError,
-                    fieldId: 'otherDescription'
+                    fieldId: 'otherDescription',
                 });
             }
         }
@@ -16730,7 +16726,7 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-number',
                 description: LinkedCasesErrorMessages.CaseProposedError,
-                fieldId: 'caseNumber'
+                fieldId: 'caseNumber',
             });
         }
         if (this.isCaseSelected(this.linkedCasesService.linkedCases)) {
@@ -16738,14 +16734,14 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-number',
                 description: LinkedCasesErrorMessages.CasesLinkedError,
-                fieldId: 'caseNumber'
+                fieldId: 'caseNumber',
             });
         }
         if (this.linkCaseForm.value.caseNumber.split('-').join('') === this.linkedCasesService.caseId.split('-').join('')) {
             this.errorMessages.push({
                 title: 'dummy-case-number',
                 description: LinkedCasesErrorMessages.ProposedCaseWithIn,
-                fieldId: 'caseNumber'
+                fieldId: 'caseNumber',
             });
         }
         window.scrollTo(0, 0);
@@ -16766,7 +16762,7 @@ class LinkCasesComponent {
                 caseState: caseView.state.name || '',
                 caseStateDescription: caseView.state.description || '',
                 caseService: caseView.case_type && caseView.case_type.jurisdiction && caseView.case_type.jurisdiction.description || '',
-                caseName: this.linkedCasesService.getCaseName(caseView)
+                caseName: this.linkedCasesService.getCaseName(caseView),
             };
             const ccdApiCaseLinkData = {
                 CaseReference: caseView.case_id,
@@ -16779,7 +16775,7 @@ class LinkCasesComponent {
             }
             this.linkedCasesService.caseFieldValue.push({ id: caseView.case_id.toString(), value: ccdApiCaseLinkData });
             this.selectedCases.push(caseLink);
-            this.linkCaseReasons.forEach((reason) => reason.selected = false);
+            this.linkCaseReasons.forEach(reason => reason.selected = false);
             this.initForm();
             this.emitLinkedCasesState(false);
         }, (error) => {
@@ -16787,7 +16783,7 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-number',
                 description: LinkedCasesErrorMessages.CaseCheckAgainError,
-                fieldId: 'caseNumber'
+                fieldId: 'caseNumber',
             });
             this.emitLinkedCasesState(false);
             window.scrollTo(0, 0);
@@ -16799,7 +16795,7 @@ class LinkCasesComponent {
         this.linkedCasesStateEmitter.emit({
             currentLinkedCasesPage: LinkedCasesPages.LINK_CASE,
             errorMessages: this.errorMessages,
-            navigateToNextPage: isNavigateToNextPage
+            navigateToNextPage: isNavigateToNextPage,
         });
     }
     getSelectedCaseReasons() {
@@ -16834,7 +16830,7 @@ class LinkCasesComponent {
     }
     onSelectedLinkedCaseRemove(pos, selectedCaseReference) {
         const caseFieldValue = this.linkedCasesService.caseFieldValue || [];
-        const updatedItems = caseFieldValue.filter((item) => item.value && item.value.CaseReference !== selectedCaseReference);
+        const updatedItems = caseFieldValue.filter(item => item.value && item.value.CaseReference !== selectedCaseReference);
         if (updatedItems) {
             this.linkedCasesService.caseFieldValue = updatedItems;
         }
@@ -16855,7 +16851,7 @@ class LinkCasesComponent {
             this.errorMessages.push({
                 title: 'dummy-case-selection',
                 description: LinkedCasesErrorMessages.CaseSelectionError,
-                fieldId: 'caseReason'
+                fieldId: 'caseReason',
             });
             navigateToNextPage = false;
         }
@@ -17590,7 +17586,7 @@ class UnLinkCasesComponent {
         }
         else {
             this.casesService.getCaseViewV2(this.caseId).subscribe((caseView) => {
-                const linkedCasesTab = caseView.tabs.find((tab) => tab.id === UnLinkCasesComponent.LINKED_CASES_TAB_ID);
+                const linkedCasesTab = caseView.tabs.find(tab => tab.id === UnLinkCasesComponent.LINKED_CASES_TAB_ID);
                 if (linkedCasesTab) {
                     const linkedCases = linkedCasesTab.fields[0].value;
                     this.linkedCases = linkedCases;
@@ -17602,22 +17598,22 @@ class UnLinkCasesComponent {
     }
     getAllLinkedCaseInformation() {
         const searchCasesResponse = [];
-        this.linkedCases.forEach((linkedCase) => {
+        this.linkedCases.forEach(linkedCase => {
             searchCasesResponse.push(this.casesService.getCaseViewV2(linkedCase.caseReference));
         });
         if (searchCasesResponse.length) {
             this.searchCasesByCaseIds(searchCasesResponse).subscribe((searchCases) => {
                 searchCases.forEach((response) => {
-                    const linkedCaseFromList = this.linkedCases.find((linkedCase) => linkedCase.caseReference === response.case_id);
+                    const linkedCaseFromList = this.linkedCases.find(linkedCase => linkedCase.caseReference === response.case_id);
                     if (linkedCaseFromList) {
                         const caseName = this.linkedCasesService.getCaseName(response);
-                        this.linkedCases.find((linkedCase) => linkedCase.caseReference === response.case_id).caseName = caseName;
+                        this.linkedCases.find(linkedCase => linkedCase.caseReference === response.case_id).caseName = caseName;
                     }
                 });
                 this.initForm();
                 this.linkedCasesService.linkedCases = this.linkedCases;
                 this.isServerError = false;
-            }, (err) => {
+            }, err => {
                 this.isServerError = true;
                 this.notifyAPIFailure.emit(true);
             });
@@ -17632,7 +17628,7 @@ class UnLinkCasesComponent {
         });
     }
     get getLinkedCasesFormArray() {
-        const formFieldArray = this.linkedCases.map((val) => this.fb.group({
+        const formFieldArray = this.linkedCases.map(val => this.fb.group({
             caseReference: val.caseReference,
             reasons: val.reasons,
             createdDateTime: val.createdDateTime,
@@ -17646,7 +17642,7 @@ class UnLinkCasesComponent {
     }
     onChange(caseSelected) {
         this.resetErrorMessages();
-        const selectedCase = this.linkedCases.find((linkedCase) => linkedCase.caseReference === caseSelected.value);
+        const selectedCase = this.linkedCases.find(linkedCase => linkedCase.caseReference === caseSelected.value);
         if (selectedCase) {
             selectedCase.unlink = caseSelected.checked ? true : false;
         }
@@ -17654,7 +17650,7 @@ class UnLinkCasesComponent {
     onNext() {
         this.resetErrorMessages();
         let navigateToNextPage = true;
-        const casesMarkedToUnlink = this.linkedCases.find((linkedCase) => linkedCase.unlink && linkedCase.unlink === true);
+        const casesMarkedToUnlink = this.linkedCases.find(linkedCase => linkedCase.unlink && linkedCase.unlink === true);
         if (!casesMarkedToUnlink) {
             this.errorMessages.push({
                 title: 'case-selection',
@@ -17672,7 +17668,7 @@ class UnLinkCasesComponent {
         this.linkedCasesStateEmitter.emit({
             currentLinkedCasesPage: LinkedCasesPages.UNLINK_CASE,
             errorMessages: this.errorMessages,
-            navigateToNextPage: isNavigateToNextPage
+            navigateToNextPage: isNavigateToNextPage,
         });
     }
     resetErrorMessages() {
@@ -18015,16 +18011,14 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         // Get linked case reasons from ref data
         this.linkedCasesService.editMode = false;
         this.subscriptions.add(this.caseEditDataService.caseDetails$.subscribe({
-            next: (caseDetails) => {
-                this.initialiseCaseDetails(caseDetails);
-            }
+            next: caseDetails => { this.initialiseCaseDetails(caseDetails); }
         }));
         this.getOrgService();
         this.subscriptions.add(this.caseEditDataService.caseEventTriggerName$.subscribe({
-            next: (name) => this.linkedCasesService.isLinkedCasesEventTrigger = (name === LinkedCasesEventTriggers.LINK_CASES)
+            next: name => this.linkedCasesService.isLinkedCasesEventTrigger = (name === LinkedCasesEventTriggers.LINK_CASES)
         }));
         this.subscriptions.add(this.caseEditDataService.caseEditForm$.subscribe({
-            next: (editForm) => this.caseEditForm = editForm
+            next: editForm => this.caseEditForm = editForm
         }));
     }
     initialiseCaseDetails(caseDetails) {
@@ -18100,28 +18094,13 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         }
     }
     submitLinkedCases() {
-        let caseFieldValue = [...(this.linkedCasesService.caseFieldValue || [])];
         if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
-            const unlinkedCaseReferenceIds = this.linkedCasesService.linkedCases
-                .filter((item) => item.unlink)
-                .map((item) => item.caseReference);
-            caseFieldValue = caseFieldValue.filter((item) => !unlinkedCaseReferenceIds.includes(item.id));
-        }
-        // Replace the caseLinks value in this.formGroup
-        this.formGroup.patchValue({
-            caseLinks: caseFieldValue
-        });
-        // Replace the caseLinks control in caseEditForm.controls.data
-        const dataFormGroup = this.caseEditForm.controls.data;
-        if (dataFormGroup) {
-            // Remove the existing caseLinks control (if it exists)
-            if (dataFormGroup.contains('caseLinks')) {
-                dataFormGroup.removeControl('caseLinks');
-            }
-            // Add the new control with the replacement value
-            dataFormGroup.addControl('caseLinks', new FormControl(caseFieldValue || []));
+            const unlinkedCaseRefereneIds = this.linkedCasesService.linkedCases.filter(item => item.unlink).map(item => item.caseReference);
+            const caseFieldValue = this.linkedCasesService.caseFieldValue;
+            this.linkedCasesService.caseFieldValue = caseFieldValue.filter(item => unlinkedCaseRefereneIds.indexOf(item.id) === -1);
         }
-        // Set the updated form in the caseEditDataService
+        this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue;
+        this.caseEditForm.controls['data'] = new FormGroup({ caseLinks: new FormControl(this.linkedCasesService.caseFieldValue || []) });
         this.caseEditDataService.setCaseEditForm(this.caseEditForm);
     }
     isAtFinalPage() {
@@ -18138,11 +18117,11 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
     }
     getLinkedCases() {
         this.casesService.getCaseViewV2(this.linkedCasesService.caseId).subscribe((caseView) => {
-            const caseViewFiltered = caseView.tabs.filter((tab) => {
+            const caseViewFiltered = caseView.tabs.filter(tab => {
                 return tab.fields.some(({ field_type }) => field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink');
             });
             if (caseViewFiltered) {
-                const caseLinkFieldValue = caseViewFiltered.map((filtered) => filtered.fields?.length > 0 && filtered.fields.filter((field) => field.id === 'caseLinks')[0].value);
+                const caseLinkFieldValue = caseViewFiltered.map(filtered => filtered.fields?.length > 0 && filtered.fields.filter(field => field.id === 'caseLinks')[0].value);
                 this.linkedCasesService.caseFieldValue = caseLinkFieldValue.length ? caseLinkFieldValue[0] : [];
                 this.linkedCasesService.getAllLinkedCaseInformation();
             }
@@ -18182,7 +18161,7 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         type: Component,
         args: [{ selector: 'ccd-write-linked-cases-field', template: "<div class=\"form-group govuk-!-margin-bottom-2\" [formGroup]=\"formGroup\">\n  <div class=\"govuk-form-group\" [ngSwitch]=\"linkedCasesPage\">\n    <ng-container *ngSwitchCase=\"linkedCasesPages.BEFORE_YOU_START\">\n      <ccd-linked-cases-before-you-start\n        (linkedCasesStateEmitter)=\"onLinkedCasesStateEmitted($event)\"></ccd-linked-cases-before-you-start>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"linkedCasesPages.NO_LINKED_CASES\">\n      <ccd-no-linked-cases\n        (linkedCasesStateEmitter)=\"onLinkedCasesStateEmitted($event)\"></ccd-no-linked-cases>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"linkedCasesPages.LINK_CASE\">\n      <ccd-link-cases\n        (linkedCasesStateEmitter)=\"onLinkedCasesStateEmitted($event)\"></ccd-link-cases>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"linkedCasesPages.UNLINK_CASE\">\n      <ccd-unlink-cases\n        (linkedCasesStateEmitter)=\"onLinkedCasesStateEmitted($event)\"></ccd-unlink-cases>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"linkedCasesPages.CHECK_YOUR_ANSWERS\">\n      <ccd-linked-cases-check-your-answers\n        (linkedCasesStateEmitter)=\"onLinkedCasesStateEmitted($event)\"></ccd-linked-cases-check-your-answers>\n    </ng-container>\n  </div>\n</div>\n" }]
     }], () => [{ type: AbstractAppConfig }, { type: CommonDataService }, { type: CasesService }, { type: LinkedCasesService }, { type: CaseEditDataService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteLinkedCasesFieldComponent, { className: "WriteLinkedCasesFieldComponent", filePath: "lib/shared/components/palette/linked-cases/write-linked-cases-field.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteLinkedCasesFieldComponent, { className: "WriteLinkedCasesFieldComponent", filePath: "lib/shared/components/palette/linked-cases/write-linked-cases-field.component.ts", lineNumber: 19 }); })();
 
 function ReadMoneyGbpFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -19612,6 +19591,7 @@ var QueryItemResponseStatus;
 (function (QueryItemResponseStatus) {
     QueryItemResponseStatus["NEW"] = "New";
     QueryItemResponseStatus["RESPONDED"] = "Responded";
+    QueryItemResponseStatus["AWAITING"] = "Awaiting Response";
 })(QueryItemResponseStatus || (QueryItemResponseStatus = {}));
 
 var RespondToQueryErrorMessages;
@@ -19665,7 +19645,7 @@ function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Templ
 } }
 function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 14);
+    i0.ɵɵelementStart(1, "div", 13);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -19674,24 +19654,6 @@ function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_co
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "or"));
 } }
-function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "a", 16);
-    i0.ɵɵlistener("click", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.click()); });
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(6, ".) ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "(To follow-up on an existing query"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, "click here"));
-} }
 function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
@@ -19700,25 +19662,21 @@ function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Templ
     i0.ɵɵelementStart(4, "label", 12);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template, 7, 6, "div", 13);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const qualifyingQuestion_r3 = ctx.$implicit;
-    const isLast_r4 = ctx.last;
+    const qualifyingQuestion_r2 = ctx.$implicit;
+    const isLast_r3 = ctx.last;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", isLast_r4);
+    i0.ɵɵproperty("ngIf", isLast_r3);
     i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
-    i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
+    i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r2.name);
+    i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
+    i0.ɵɵproperty("for", qualifyingQuestion_r2.name);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 7, qualifyingQuestion_r3.name));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", isLast_r4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, qualifyingQuestion_r2.name));
 } }
 function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -19732,7 +19690,7 @@ function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { i
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(10, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Template, 7, 6, "ng-container", 0);
     i0.ɵɵelementStart(11, "div", 6);
-    i0.ɵɵtemplate(12, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template, 8, 9, "ng-container", 7);
+    i0.ɵɵtemplate(12, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template, 7, 8, "ng-container", 7);
     i0.ɵɵpipe(13, "async");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementContainerEnd();
@@ -19771,13 +19729,13 @@ class QualifyingQuestionOptionsComponent {
         }
     }
     click() {
-        this.router.navigate(['cases', 'case-details', this.caseId], { fragment: 'Query Management' });
+        this.router.navigate(['cases', 'case-details', this.caseId], { fragment: 'Queries' });
     }
     get displayError() {
         return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
     }
     static ɵfac = function QualifyingQuestionOptionsComponent_Factory(t) { return new (t || QualifyingQuestionOptionsComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(QualifyingQuestionService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionOptionsComponent, selectors: [["ccd-qualifying-question-options"]], inputs: { qualifyingQuestionsControl: "qualifyingQuestionsControl", qualifyingQuestions$: "qualifyingQuestions$" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-form-group"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-heading-m", "govuk-!-margin-top-10"], ["data-module", "govuk-radios", 1, "govuk-radios"], [4, "ngFor", "ngForOf"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["name", "qualifyingQuestionOption", "type", "radio", 1, "govuk-radios__input", 3, "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["class", "govuk-hint govuk-radios__hint", 4, "ngIf"], [1, "govuk-radios__divider"], [1, "govuk-hint", "govuk-radios__hint"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionOptionsComponent, selectors: [["ccd-qualifying-question-options"]], inputs: { qualifyingQuestionsControl: "qualifyingQuestionsControl", qualifyingQuestions$: "qualifyingQuestions$" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-form-group"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-heading-m", "govuk-!-margin-top-10"], ["data-module", "govuk-radios", 1, "govuk-radios"], [4, "ngFor", "ngForOf"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["name", "qualifyingQuestionOption", "type", "radio", 1, "govuk-radios__input", 3, "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "govuk-radios__divider"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, QualifyingQuestionOptionsComponent_ng_container_0_Template, 14, 12, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.qualifyingQuestionsControl);
@@ -19785,7 +19743,7 @@ class QualifyingQuestionOptionsComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QualifyingQuestionOptionsComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-qualifying-question-options', template: "<ng-container *ngIf=\"qualifyingQuestionsControl\">\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"displayError\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ 'Raise a new query' | rpxTranslate }}\n        </h1>\n      </legend>\n      <h2 class=\"govuk-heading-m govuk-!-margin-top-10\">\n        {{ 'Select the type of query you are raising:' | rpxTranslate }}\n      </h2>\n\n      <ng-container *ngIf=\"displayError\">\n        <p class=\"govuk-error-message\">\n          <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{\n          qualifyingQuestionsErrorMessage.SELECT_AN_OPTION | rpxTranslate }}\n        </p>\n      </ng-container>\n\n      <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n        <ng-container *ngFor=\"let qualifyingQuestion of qualifyingQuestions$ | async; let isLast = last\">\n          <ng-container *ngIf=\"isLast\">\n            <div class=\"govuk-radios__divider\">{{ 'or' | rpxTranslate }}</div>\n          </ng-container>\n          <div class=\"govuk-radios__item\">\n            <input class=\"govuk-radios__input\" id=\"{{qualifyingQuestion.name}}\" name=\"qualifyingQuestionOption\"\n              type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" [value]=\"qualifyingQuestion\">\n            <label class=\"govuk-label govuk-radios__label\" [for]=\"qualifyingQuestion.name\">{{ qualifyingQuestion.name |\n              rpxTranslate }}</label>\n            <div *ngIf=\"isLast\" class=\"govuk-hint govuk-radios__hint\">\n              {{ '(To follow-up on an existing query' | rpxTranslate }}\n              <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"click()\">{{ 'click here' | rpxTranslate }}</a>.)\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </fieldset>\n  </div>\n</ng-container>\n" }]
+        args: [{ selector: 'ccd-qualifying-question-options', template: "<ng-container *ngIf=\"qualifyingQuestionsControl\">\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"displayError\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ 'Raise a new query' | rpxTranslate }}\n        </h1>\n      </legend>\n      <h2 class=\"govuk-heading-m govuk-!-margin-top-10\">\n        {{ 'Select the type of query you are raising:' | rpxTranslate }}\n      </h2>\n\n      <ng-container *ngIf=\"displayError\">\n        <p class=\"govuk-error-message\">\n          <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{\n          qualifyingQuestionsErrorMessage.SELECT_AN_OPTION | rpxTranslate }}\n        </p>\n      </ng-container>\n\n      <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n        <ng-container *ngFor=\"let qualifyingQuestion of qualifyingQuestions$ | async; let isLast = last\">\n          <ng-container *ngIf=\"isLast\">\n            <div class=\"govuk-radios__divider\">{{ 'or' | rpxTranslate }}</div>\n          </ng-container>\n          <div class=\"govuk-radios__item\">\n            <input class=\"govuk-radios__input\" id=\"{{qualifyingQuestion.name}}\" name=\"qualifyingQuestionOption\"\n              type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" [value]=\"qualifyingQuestion\">\n            <label class=\"govuk-label govuk-radios__label\" [for]=\"qualifyingQuestion.name\">{{ qualifyingQuestion.name |\n              rpxTranslate }}</label>\n          </div>\n        </ng-container>\n      </div>\n    </fieldset>\n  </div>\n</ng-container>\n" }]
     }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: QualifyingQuestionService }], { qualifyingQuestionsControl: [{
             type: Input
         }], qualifyingQuestions$: [{
@@ -19878,27 +19836,18 @@ class QueryCaseDetailsHeaderComponent {
     caseDetails;
     caseTitle;
     caseFields;
-    caseView;
-    constructor(activatedRoute) {
-        this.caseView = activatedRoute.snapshot.data.case;
-    }
     ngOnInit() {
         this.caseTitle = new CaseField();
-        if (!this.isDraft() && this.caseDetails.state.title_display) {
-            this.caseTitle.label = this.caseDetails.state.title_display;
-            this.caseFields = this.getCaseFields();
-        }
-    }
-    isDraft() {
-        return Draft.isDraft(this.caseDetails.case_id);
+        this.caseTitle.label = this.caseDetails.state.title_display;
+        this.caseFields = this.getCaseFieldsInfo();
     }
-    getCaseFields() {
+    getCaseFieldsInfo() {
         const caseDataFields = this.caseDetails.tabs.reduce((acc, tab) => {
             return acc.concat(tab.fields);
         }, []);
         return caseDataFields.concat(this.caseDetails.metadataFields);
     }
-    static ɵfac = function QueryCaseDetailsHeaderComponent_Factory(t) { return new (t || QueryCaseDetailsHeaderComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
+    static ɵfac = function QueryCaseDetailsHeaderComponent_Factory(t) { return new (t || QueryCaseDetailsHeaderComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCaseDetailsHeaderComponent, selectors: [["ccd-query-case-details-header"]], inputs: { caseDetails: "caseDetails" }, decls: 2, vars: 2, consts: [["class", "heading-h1", 4, "ngIf"], ["class", "case-title", 4, "ngIf"], [1, "heading-h1"], [1, "case-title"], [3, "caseField", "caseFields"]], template: function QueryCaseDetailsHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, QueryCaseDetailsHeaderComponent_h1_0_Template, 3, 3, "h1", 0)(1, QueryCaseDetailsHeaderComponent_div_1_Template, 2, 2, "div", 1);
         } if (rf & 2) {
@@ -19910,10 +19859,10 @@ class QueryCaseDetailsHeaderComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCaseDetailsHeaderComponent, [{
         type: Component,
         args: [{ selector: 'ccd-query-case-details-header', template: "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n" }]
-    }], () => [{ type: i1$1.ActivatedRoute }], { caseDetails: [{
+    }], null, { caseDetails: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCaseDetailsHeaderComponent, { className: "QueryCaseDetailsHeaderComponent", filePath: "lib/shared/components/palette/query-management/components/query-case-details-header/query-case-details-header.component.ts", lineNumber: 11 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCaseDetailsHeaderComponent, { className: "QueryCaseDetailsHeaderComponent", filePath: "lib/shared/components/palette/query-management/components/query-case-details-header/query-case-details-header.component.ts", lineNumber: 10 }); })();
 
 var QueryCreateContext;
 (function (QueryCreateContext) {
@@ -19964,7 +19913,12 @@ class QueryListItem {
         return this.children?.length > 0 ? new Date(this.lastSubmittedMessage.createdOn) : null;
     }
     get responseStatus() {
-        return this.children?.length > 0 ? QueryItemResponseStatus.RESPONDED : QueryItemResponseStatus.NEW;
+        if (this.children?.length > 0) {
+            return this.children.length % 2 === 1
+                ? QueryItemResponseStatus.RESPONDED
+                : QueryItemResponseStatus.AWAITING;
+        }
+        return QueryItemResponseStatus.AWAITING;
     }
 }
 
@@ -25114,20 +25068,6 @@ class SelectFlagTypeComponent {
                 [SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY]: ''
             });
         });
-        this.formGroup.addControl(CaseFlagFormFields.FLAG_TYPE, new FormControl(''));
-        this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION, new FormControl(''));
-        this.formGroup.addControl(CaseFlagFormFields.IS_VISIBLE_INTERNALLY_ONLY, new FormControl(''));
-        // Should clear descriptionControlName if flagTypeControlName is changed
-        this.flagTypeControlChangesSubscription = this.formGroup.get(CaseFlagFormFields.FLAG_TYPE).valueChanges
-            .subscribe(_ => {
-            this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION).setValue('');
-            this.cachedPath = [];
-            // required to clear language interpreter
-            this.formGroup.patchValue({
-                [SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM]: '',
-                [SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY]: ''
-            });
-        });
         // If hmctsServiceId is present, use this to retrieve the relevant list of flag types
         if (this.hmctsServiceId) {
             this.flagRefdata$ = this.caseFlagRefdataService
@@ -30305,10 +30245,15 @@ class CaseHeaderComponent {
     caseFields;
     ngOnInit() {
         this.caseTitle = new CaseField();
-        this.caseTitle.label = this.caseDetails.state.title_display;
-        this.caseFields = this.getCaseFieldsInfo();
+        if (!this.isDraft() && this.caseDetails.state.title_display) {
+            this.caseTitle.label = this.caseDetails.state.title_display;
+            this.caseFields = this.getCaseFields();
+        }
     }
-    getCaseFieldsInfo() {
+    isDraft() {
+        return Draft.isDraft(this.caseDetails.case_id);
+    }
+    getCaseFields() {
         const caseDataFields = this.caseDetails.tabs.reduce((acc, tab) => {
             return acc.concat(tab.fields);
         }, []);