@hmcts/ccd-case-ui-toolkit 7.2.26-multiple-followup → 7.2.26

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

@@ -1326,7 +1326,6 @@ class CaseEditorConfig {
     icp_enabled;
     icp_jurisdictions;
     events_to_hide;
-    enable_service_specific_multi_followups;
 }
 
 class HttpError {
@@ -2925,11 +2924,19 @@ class FieldLabelPipe {
             return '';
         }
         else if (!field.display_context) {
-            return this.rpxTranslationPipe.transform(field.label);
+            return this.getTranslatedLabel(field);
         }
-        return this.rpxTranslationPipe.transform(field.label) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
+        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
             ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
     }
+    getTranslatedLabel(field) {
+        if (!field.isTranslated) {
+            return this.rpxTranslationPipe.transform(field.label);
+        }
+        else {
+            return field.label;
+        }
+    }
     static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
     static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false });
 }
@@ -20905,7 +20912,6 @@ class QueryListItem {
     createdBy;
     parentId;
     isClosed;
-    messageType;
     children = [];
     messageIndexInParent = null;
     get lastSubmittedMessage() {
@@ -20963,20 +20969,11 @@ class QueryListItem {
             if (item.isClosed === 'Yes') {
                 return true;
             }
-            return item.children?.some((child) => isThreadClosed(child)) || false;
+            return item.children?.some(child => isThreadClosed(child)) || false;
         };
         if (isThreadClosed(this)) {
             return QueryItemResponseStatus.CLOSED;
         }
-        const lastMessageType = this.children?.length
-            ? this.children[this.children.length - 1]?.messageType
-            : undefined;
-        if (lastMessageType && lastMessageType === QueryCreateContext.RESPOND) {
-            return QueryItemResponseStatus.RESPONDED;
-        }
-        else if (lastMessageType && lastMessageType === QueryCreateContext.FOLLOWUP) {
-            return QueryItemResponseStatus.AWAITING;
-        }
         if (this.messageIndexInParent !== null) {
             return this.messageIndexInParent % 2 === 0
                 ? QueryItemResponseStatus.RESPONDED
@@ -21065,22 +21062,16 @@ class QueryManagementUtils {
             isHearingRelated,
             hearingDate,
             createdOn: new Date(),
-            createdBy: currentUserId,
-            messageType: QueryCreateContext.FOLLOWUP // Default to value new queries will be FOLLOWUP
+            createdBy: currentUserId
         };
     }
-    static getRespondOrFollowupQueryData(formGroup, queryItem, currentUserDetails, messageTypeParam) {
+    static getRespondOrFollowupQueryData(formGroup, queryItem, currentUserDetails) {
         const currentUserId = currentUserDetails?.uid || currentUserDetails?.id;
         const currentUserName = currentUserDetails?.name || `${currentUserDetails?.forename} ${currentUserDetails?.surname}`;
         const body = formGroup.get('body').value;
         const attachments = formGroup.get('attachments').value;
         const formDocument = attachments.map((document) => this.documentToCollectionFormDocument(document));
         const isClosed = formGroup.get('closeQuery').value ? 'Yes' : 'No';
-        const messageType = messageTypeParam === QueryCreateContext.RESPOND
-            ? QueryCreateContext.RESPOND
-            : messageTypeParam === QueryCreateContext.FOLLOWUP
-                ? QueryCreateContext.FOLLOWUP
-                : undefined;
         return {
             id: v4(),
             subject: queryItem.subject,
@@ -21092,8 +21083,7 @@ class QueryManagementUtils {
             createdOn: new Date(),
             createdBy: currentUserId,
             parentId: queryItem.id,
-            isClosed,
-            messageType
+            isClosed
         };
     }
     static isObject(elem) {
@@ -21452,7 +21442,6 @@ class QueryCheckYourAnswersComponent {
     queryItem;
     queryCreateContext;
     eventData = null;
-    multipleFollowUpFeature;
     backClicked = new EventEmitter();
     querySubmitted = new EventEmitter();
     callbackConfirmationMessage = new EventEmitter();
@@ -21625,7 +21614,7 @@ class QueryCheckYourAnswersComponent {
         const currentUserDetails = JSON.parse(this.sessionStorageService.getItem(USER_DETAILS));
         const caseMessage = this.queryCreateContext === QueryCreateContext.NEW_QUERY
             ? QueryManagementUtils.getNewQueryData(this.formGroup, currentUserDetails)
-            : QueryManagementUtils.getRespondOrFollowupQueryData(this.formGroup, this.queryItem, currentUserDetails, this.queryCreateContext);
+            : QueryManagementUtils.getRespondOrFollowupQueryData(this.formGroup, this.queryItem, currentUserDetails);
         const messageId = this.route.snapshot.params.dataid; // Get the message ID from route params (if present)
         const isNewQuery = this.queryCreateContext === QueryCreateContext.NEW_QUERY; // Check if this is a new query
         // Check if the field ID has been set dynamically
@@ -21785,7 +21774,7 @@ class QueryCheckYourAnswersComponent {
         return !!(error?.callbackErrors?.length);
     }
     static ɵfac = function QueryCheckYourAnswersComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryCheckYourAnswersComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(WorkAllocationService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(QualifyingQuestionService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext", eventData: "eventData", multipleFollowUpFeature: "multipleFollowUpFeature" }, outputs: { backClicked: "backClicked", querySubmitted: "querySubmitted", callbackConfirmationMessage: "callbackConfirmationMessage" }, decls: 1, vars: 1, consts: [["defaultCheckYourAnswersTitle", ""], ["isHearingRelatedFalse", ""], ["class", "govuk-grid-row", 4, "ngIf"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject"], [4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfElse"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-summary-list govuk-!-margin-bottom-0", 4, "ngIf"], [1, "govuk-summary-list", "govuk-!-margin-bottom-0"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "click"], ["data-module", "govuk-button", "type", "submit", 1, "govuk-button", 3, "click"], [3, "eventCompletionParams"], ["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"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0)", 1, "validation-error", 3, "id"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "govuk-caption-l"], ["href", "javascript:void(0)", "class", "govuk-link", 3, "click", 4, "ngIf"], ["class", "govuk-summary-list__row", 4, "ngIf"], [1, "govuk-summary-list__value", "govuk-summary-list__value--documentAttached"], [3, "attachments", 4, "ngIf"], [3, "attachments"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext", eventData: "eventData" }, outputs: { backClicked: "backClicked", querySubmitted: "querySubmitted", callbackConfirmationMessage: "callbackConfirmationMessage" }, decls: 1, vars: 1, consts: [["defaultCheckYourAnswersTitle", ""], ["isHearingRelatedFalse", ""], ["class", "govuk-grid-row", 4, "ngIf"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject"], [4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfElse"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-summary-list govuk-!-margin-bottom-0", 4, "ngIf"], [1, "govuk-summary-list", "govuk-!-margin-bottom-0"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "click"], ["data-module", "govuk-button", "type", "submit", 1, "govuk-button", 3, "click"], [3, "eventCompletionParams"], ["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"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0)", 1, "validation-error", 3, "id"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "govuk-caption-l"], ["href", "javascript:void(0)", "class", "govuk-link", 3, "click", 4, "ngIf"], ["class", "govuk-summary-list__row", 4, "ngIf"], [1, "govuk-summary-list__value", "govuk-summary-list__value--documentAttached"], [3, "attachments", 4, "ngIf"], [3, "attachments"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, QueryCheckYourAnswersComponent_div_0_Template, 36, 25, "div", 2);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.readyToSubmit);
@@ -21802,8 +21791,6 @@ class QueryCheckYourAnswersComponent {
             type: Input
         }], eventData: [{
             type: Input
-        }], multipleFollowUpFeature: [{
-            type: Input
         }], backClicked: [{
             type: Output
         }], querySubmitted: [{
@@ -22023,12 +22010,10 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_Tem
     i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_Template, 23, 19, "ng-container", 15)(2, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_Template, 27, 22, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const child_r3 = ctx.$implicit;
     const i_r4 = ctx.index;
     const followUpMessage_r5 = i0.ɵɵreference(3);
-    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", i_r4 % 2 === 0 && !(child_r3 == null ? null : child_r3.messageType) || child_r3 && (child_r3 == null ? null : child_r3.messageType) === ctx_r1.respondToQuery)("ngIfElse", followUpMessage_r5);
+    i0.ɵɵproperty("ngIf", i_r4 % 2 === 0)("ngIfElse", followUpMessage_r5);
 } }
 function QueryDetailsComponent_ng_container_0_ng_container_44_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -22132,8 +22117,6 @@ class QueryDetailsComponent {
     sessionStorageService;
     route;
     router;
-    abstractConfig;
-    caseNotifier;
     query;
     caseId;
     queryResponseStatus;
@@ -22143,18 +22126,10 @@ class QueryDetailsComponent {
     static QUERY_ITEM_RESPOND = '3';
     static QUERY_ITEM_FOLLOW_UP = '4';
     queryItemId;
-    followUpQuery = QueryCreateContext.FOLLOWUP;
-    respondToQuery = QueryCreateContext.RESPOND;
-    enableServiceSpecificMultiFollowups;
-    currentJurisdictionId;
-    isMultipleFollowUpEnabled = false;
-    caseSubscription;
-    constructor(sessionStorageService, route, router, abstractConfig, caseNotifier) {
+    constructor(sessionStorageService, route, router) {
         this.sessionStorageService = sessionStorageService;
         this.route = route;
         this.router = router;
-        this.abstractConfig = abstractConfig;
-        this.caseNotifier = caseNotifier;
     }
     onBack() {
         this.backClicked.emit(true);
@@ -22162,23 +22137,10 @@ class QueryDetailsComponent {
     isInternalUser() {
         return isInternalUser(this.sessionStorageService);
     }
-    ngOnInit() {
-        this.enableServiceSpecificMultiFollowups = this.abstractConfig.getEnableServiceSpecificMultiFollowups() || [];
-        this.caseSubscription = this.caseNotifier.caseView.subscribe((caseView) => {
-            if (caseView?.case_type?.jurisdiction?.id) {
-                this.currentJurisdictionId = caseView.case_type.jurisdiction.id;
-                this.isMultipleFollowUpEnabled = this.enableServiceSpecificMultiFollowups.includes(this.currentJurisdictionId);
-                this.hasRespondedToQuery();
-            }
-        });
-    }
     ngOnChanges() {
         this.toggleLinkVisibility();
         this.hasRespondedToQuery();
     }
-    ngOnDestroy() {
-        this.caseSubscription?.unsubscribe();
-    }
     toggleLinkVisibility() {
         this.queryItemId = this.route.snapshot.params.qid;
         if (this.queryItemId === QueryDetailsComponent.QUERY_ITEM_RESPOND || this.queryItemId === QueryDetailsComponent.QUERY_ITEM_FOLLOW_UP) {
@@ -22191,24 +22153,6 @@ class QueryDetailsComponent {
             this.hasResponded.emit(true);
             return true;
         }
-        const lastChild = this.query?.children?.[this.query.children.length - 1];
-        const lastMessageType = this.query?.children?.length
-            ? this.query.children[this.query.children.length - 1]?.messageType
-            : this.query?.messageType;
-        const isFollowUp = lastMessageType === this.followUpQuery;
-        const isRespond = lastChild?.messageType === this.respondToQuery;
-        if (this.queryResponseStatus === QueryItemResponseStatus.CLOSED) {
-            this.hasResponded.emit(true);
-            return true;
-        }
-        if (isFollowUp && this.isMultipleFollowUpEnabled) {
-            this.hasResponded.emit(false);
-            return false;
-        }
-        if (isRespond) {
-            this.hasResponded.emit(false);
-            return false;
-        }
         if (this.isInternalUser()) {
             if (isAwaiting) {
                 this.hasResponded.emit(false);
@@ -22224,7 +22168,7 @@ class QueryDetailsComponent {
         this.hasResponded.emit(false);
         return false;
     }
-    static ɵfac = function QueryDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryDetailsComponent)(i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier)); };
+    static ɵfac = function QueryDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryDetailsComponent)(i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query", caseId: "caseId", queryResponseStatus: "queryResponseStatus" }, outputs: { backClicked: "backClicked", hasResponded: "hasResponded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["followUpMessage", ""], [4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], ["class", "govuk-table__row", 4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments", 4, "ngIf"], [3, "attachments"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 45, 41, "ng-container", 1);
         } if (rf & 2) {
@@ -22233,8 +22177,8 @@ class QueryDetailsComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-query-details', template: "<ng-container *ngIf=\"query\">\n  <p *ngIf=\"showItem\">\n    <br />\n    <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"onBack()\">{{ 'Back to query list' | rpxTranslate }}</a>\n  </p>\n  <div>\n    <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Details of the query' | rpxTranslate\">\n      <caption class=\"govuk-table__caption govuk-table__caption--l\">\n        <div>{{ 'Query details' | rpxTranslate }}</div>\n      </caption>\n      <tbody class=\"govuk-table__body\">\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.lastSubmittedBy }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Submission date' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query subject' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.subject }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query body' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.body }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\" [class.govuk-table__header--no-border]=\"query.isHearingRelated\">\n          {{ 'Is the query hearing related?' | rpxTranslate }}\n        </th>\n        <td class=\"govuk-table__cell\" [class.govuk-table__cell--no-border]=\"query.isHearingRelated\">\n          {{ 'Is the query hearing related?' | rpxTranslate: null : (query.isHearingRelated) }}</td>\n      </tr>\n      <tr class=\"govuk-table__row govuk-table__row--isHearingRelated\" *ngIf=\"query.isHearingRelated === 'Yes'\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'What is the date of the hearing?' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.hearingDate | date: 'dd MMM yyyy' }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\" *ngIf=\"query.attachments.length > 0\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">\n          <ccd-query-attachments-read\n            *ngIf=\"query.attachments\"\n            [attachments]=\"query.attachments\"\n          >\n          </ccd-query-attachments-read>\n        </td>\n      </tr>\n      </tbody>\n    </table>\n  </div>\n  <ng-container *ngIf=\"query.children?.length > 0\">\n    <ng-container *ngFor=\"let child of query.children; let i = index;\">\n      <ng-container *ngIf=\"(i % 2 === 0 && !child?.messageType) || (child && child?.messageType === respondToQuery); else followUpMessage\">\n        <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Response of the query' | rpxTranslate\">\n          <caption class=\"govuk-table__caption govuk-table__caption--l\">\n            <div>{{ 'Response' | rpxTranslate }}</div>\n          </caption>\n          <tbody class=\"govuk-table__body\">\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last response date' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'  }}</td>\n          </tr>\n\n            <tr *ngIf=\"isInternalUser()\" class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Caseworker name' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.name }}</td>\n            </tr>\n\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Response detail' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.body }}</td>\n            </tr>\n\n          <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">\n              <ccd-query-attachments-read\n                *ngIf=\"child.attachments\"\n                [attachments]=\"child.attachments\"\n              >\n              </ccd-query-attachments-read>\n            </td>\n          </tr>\n          </tbody>\n        </table>\n      </ng-container>\n\n      <ng-template #followUpMessage>\n        <!-- <div class=\"query_details_caption\">{{ 'Follow-up' | rpxTranslate }}</div> -->\n        <table class=\"govuk-table query-details-table\"\n               [attr.aria-describedby]=\"'Follow-up of the response' | rpxTranslate\">\n          <caption class=\"govuk-table__caption govuk-table__caption--l\">\n            <div>{{ 'Follow up query' | rpxTranslate }}</div>\n          </caption>\n          <tbody class=\"govuk-table__body\">\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submission date' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'}}</td>\n          </tr>\n\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.name }}</td>\n          </tr>\n\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query detail' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.body }}</td>\n            </tr>\n\n            <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">\n                <ccd-query-attachments-read\n                  *ngIf=\"child.attachments\"\n                  [attachments]=\"child.attachments\"\n                >\n                </ccd-query-attachments-read>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".query-details-table .govuk-table__header{width:330px}\n"] }]
-    }], () => [{ type: SessionStorageService }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AbstractAppConfig }, { type: CaseNotifier }], { query: [{
+        args: [{ selector: 'ccd-query-details', template: "<ng-container *ngIf=\"query\">\n  <p *ngIf=\"showItem\">\n    <br />\n    <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"onBack()\">{{ 'Back to query list' | rpxTranslate }}</a>\n  </p>\n  <div>\n    <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Details of the query' | rpxTranslate\">\n      <caption class=\"govuk-table__caption govuk-table__caption--l\">\n        <div>{{ 'Query details' | rpxTranslate }}</div>\n      </caption>\n      <tbody class=\"govuk-table__body\">\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.lastSubmittedBy }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Submission date' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query subject' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.subject }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query body' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.body }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\">\n        <th scope=\"row\" class=\"govuk-table__header\" [class.govuk-table__header--no-border]=\"query.isHearingRelated\">\n          {{ 'Is the query hearing related?' | rpxTranslate }}\n        </th>\n        <td class=\"govuk-table__cell\" [class.govuk-table__cell--no-border]=\"query.isHearingRelated\">\n          {{ 'Is the query hearing related?' | rpxTranslate: null : (query.isHearingRelated) }}</td>\n      </tr>\n      <tr class=\"govuk-table__row govuk-table__row--isHearingRelated\" *ngIf=\"query.isHearingRelated === 'Yes'\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'What is the date of the hearing?' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">{{ query.hearingDate | date: 'dd MMM yyyy' }}</td>\n      </tr>\n      <tr class=\"govuk-table__row\" *ngIf=\"query.attachments.length > 0\">\n        <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n        <td class=\"govuk-table__cell\">\n          <ccd-query-attachments-read\n            *ngIf=\"query.attachments\"\n            [attachments]=\"query.attachments\"\n          >\n          </ccd-query-attachments-read>\n        </td>\n      </tr>\n      </tbody>\n    </table>\n  </div>\n  <ng-container *ngIf=\"query.children?.length > 0\">\n    <ng-container *ngFor=\"let child of query.children; let i = index;\">\n      <ng-container *ngIf=\"i % 2 === 0; else followUpMessage\">\n        <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Response of the query' | rpxTranslate\">\n          <caption class=\"govuk-table__caption govuk-table__caption--l\">\n            <div>{{ 'Response' | rpxTranslate }}</div>\n          </caption>\n          <tbody class=\"govuk-table__body\">\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last response date' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'  }}</td>\n          </tr>\n\n            <tr *ngIf=\"isInternalUser()\" class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Caseworker name' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.name }}</td>\n            </tr>\n\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Response detail' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.body }}</td>\n            </tr>\n\n          <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">\n              <ccd-query-attachments-read\n                *ngIf=\"child.attachments\"\n                [attachments]=\"child.attachments\"\n              >\n              </ccd-query-attachments-read>\n            </td>\n          </tr>\n          </tbody>\n        </table>\n      </ng-container>\n\n      <ng-template #followUpMessage>\n        <!-- <div class=\"query_details_caption\">{{ 'Follow-up' | rpxTranslate }}</div> -->\n        <table class=\"govuk-table query-details-table\"\n               [attr.aria-describedby]=\"'Follow-up of the response' | rpxTranslate\">\n          <caption class=\"govuk-table__caption govuk-table__caption--l\">\n            <div>{{ 'Follow up query' | rpxTranslate }}</div>\n          </caption>\n          <tbody class=\"govuk-table__body\">\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submission date' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'}}</td>\n          </tr>\n\n          <tr class=\"govuk-table__row\">\n            <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n            <td class=\"govuk-table__cell\">{{ child.name }}</td>\n          </tr>\n\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query detail' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">{{ child.body }}</td>\n            </tr>\n\n            <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n              <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n              <td class=\"govuk-table__cell\">\n                <ccd-query-attachments-read\n                  *ngIf=\"child.attachments\"\n                  [attachments]=\"child.attachments\"\n                >\n                </ccd-query-attachments-read>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".query-details-table .govuk-table__header{width:330px}\n"] }]
+    }], () => [{ type: SessionStorageService }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }], { query: [{
             type: Input
         }], caseId: [{
             type: Input
@@ -22245,7 +22189,7 @@ class QueryDetailsComponent {
         }], hasResponded: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryDetailsComponent, { className: "QueryDetailsComponent", filePath: "lib/shared/components/palette/query-management/components/query-details/query-details.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryDetailsComponent, { className: "QueryDetailsComponent", filePath: "lib/shared/components/palette/query-management/components/query-details/query-details.component.ts", lineNumber: 14 }); })();
 
 class QueryEventCompletionComponent {
     eventCompletionParams;
@@ -23244,7 +23188,7 @@ class CloseQueryComponent {
 const _c0$B = (a0, a1) => ["/query-management", "query", a0, "4", a1];
 function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "ccd-query-list", 7);
+    i0.ɵɵelementStart(0, "div", 5)(1, "ccd-query-list", 6);
     i0.ɵɵlistener("selectedQuery", function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_Template_ccd_query_list_selectedQuery_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setQuery($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -23254,7 +23198,7 @@ function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_T
 } }
 function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_Template, 2, 1, "div", 5);
+    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_Template, 2, 1, "div", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -23263,7 +23207,7 @@ function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_Templat
 } }
 function ReadQueryManagementFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_Template, 2, 1, "ng-container", 4);
+    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_Template, 2, 1, "ng-container", 3);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -23272,7 +23216,7 @@ function ReadQueryManagementFieldComponent_ng_container_0_Template(rf, ctx) { if
 } }
 function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "button", 10);
+    i0.ɵɵelementStart(1, "button", 9);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -23284,22 +23228,8 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_conta
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
-function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "button", 10);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$B, ctx_r1.caseId, ctx_r1.query.id));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
-} }
-function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "p", 11);
+function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "p", 10);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -23313,32 +23243,25 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_templ
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 4, "Our team will read your query and respond. Do not submit the same query more than once."));
 } }
-function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_ng_container_0_Template, 4, 7, "ng-container", 3)(1, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_ng_template_1_Template, 7, 6, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-} if (rf & 2) {
-    const queryIsInReview_r5 = i0.ɵɵreference(2);
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngIf", (ctx_r1.query == null ? null : ctx_r1.query.children == null ? null : ctx_r1.query.children.length) > 0 && (ctx_r1.query == null ? null : ctx_r1.query.children == null ? null : ctx_r1.query.children.length) % 2 === 1)("ngIfElse", queryIsInReview_r5);
-} }
 function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_container_1_Template, 4, 7, "ng-container", 3)(2, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template, 3, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_container_1_Template, 4, 7, "ng-container", 2)(2, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template, 7, 6, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const sequentialQuery_r6 = i0.ɵɵreference(3);
+    const queryIsInReview_r5 = i0.ɵɵreference(3);
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.messageType && ctx_r1.messageType === ctx_r1.followUpQuery && ctx_r1.isMultipleFollowUpEnabled || ctx_r1.messageType && ctx_r1.messageType === ctx_r1.respondToQuery)("ngIfElse", sequentialQuery_r6);
+    i0.ɵɵproperty("ngIf", (ctx_r1.query == null ? null : ctx_r1.query.children == null ? null : ctx_r1.query.children.length) > 0 && (ctx_r1.query == null ? null : ctx_r1.query.children == null ? null : ctx_r1.query.children.length) % 2 === 1)("ngIfElse", queryIsInReview_r5);
 } }
 function ReadQueryManagementFieldComponent_ng_template_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 12)(2, "span", 13);
+    i0.ɵɵelementStart(1, "div", 11)(2, "span", 12);
     i0.ɵɵtext(3, "!");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "strong", 14)(5, "span", 15);
+    i0.ɵɵelementStart(4, "strong", 13)(5, "span", 14);
     i0.ɵɵtext(6, "Warning");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 16);
+    i0.ɵɵelementStart(7, "p", 15);
     i0.ɵɵtext(8);
     i0.ɵɵpipe(9, "rpxTranslate");
     i0.ɵɵelementEnd()()();
@@ -23349,10 +23272,10 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_2_Template
 } }
 function ReadQueryManagementFieldComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-query-details", 8);
+    i0.ɵɵelementStart(0, "ccd-query-details", 7);
     i0.ɵɵlistener("backClicked", function ReadQueryManagementFieldComponent_ng_template_1_Template_ccd_query_details_backClicked_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showQueryList = true); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_Template, 4, 2, "ng-container", 9)(2, ReadQueryManagementFieldComponent_ng_template_1_ng_container_2_Template, 10, 3, "ng-container", 9);
+    i0.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_Template, 4, 2, "ng-container", 8)(2, ReadQueryManagementFieldComponent_ng_template_1_ng_container_2_Template, 10, 3, "ng-container", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("query", ctx_r1.query)("caseId", ctx_r1.caseId);
@@ -23365,36 +23288,19 @@ class ReadQueryManagementFieldComponent extends AbstractFieldReadComponent {
     route;
     sessionStorageService;
     caseNotifier;
-    abstractConfig;
     caseQueriesCollections;
     query;
     showQueryList = true;
     caseId;
-    messageType;
-    followUpQuery = QueryCreateContext.FOLLOWUP;
-    respondToQuery = QueryCreateContext.RESPOND;
     isQueryClosed = false;
-    value;
-    isMultipleFollowUpEnabled = false;
-    currentJurisdictionId;
-    enableServiceSpecificMultiFollowups = [];
-    caseSubscription;
-    constructor(route, sessionStorageService, caseNotifier, abstractConfig) {
+    constructor(route, sessionStorageService, caseNotifier) {
         super();
         this.route = route;
         this.sessionStorageService = sessionStorageService;
         this.caseNotifier = caseNotifier;
-        this.abstractConfig = abstractConfig;
     }
     ngOnInit() {
         this.caseId = this.route.snapshot.params.cid;
-        this.enableServiceSpecificMultiFollowups = this.abstractConfig.getEnableServiceSpecificMultiFollowups() || [];
-        this.caseSubscription = this.caseNotifier.caseView.subscribe((caseDetails) => {
-            if (caseDetails?.case_type?.jurisdiction?.id) {
-                this.currentJurisdictionId = caseDetails.case_type.jurisdiction.id;
-                this.isMultipleFollowUpEnabled = this.enableServiceSpecificMultiFollowups.includes(this.currentJurisdictionId);
-            }
-        });
         if (this.context === PaletteContext.DEFAULT) {
             // EUI-8303 Using mock data until CCD is ready with the API and data contract
             // this.caseQueriesCollections = caseMessagesMockData;
@@ -23420,13 +23326,9 @@ class ReadQueryManagementFieldComponent extends AbstractFieldReadComponent {
             // QueryManagementUtils.extractCaseQueriesFromCaseField();
         }
     }
-    ngOnDestroy() {
-        this.caseSubscription?.unsubscribe();
-    }
     setQuery(query) {
         this.showQueryList = false;
         this.query = query;
-        this.messageType = this.getMessageType(query);
         this.isQueryClosed = this.query?.children?.some((queryItem) => queryItem?.isClosed === 'Yes');
     }
     backToQueryListPage() {
@@ -23436,27 +23338,19 @@ class ReadQueryManagementFieldComponent extends AbstractFieldReadComponent {
     isInternalUser() {
         return isInternalUser(this.sessionStorageService);
     }
-    getMessageType(query) {
-        if (!query) {
-            return undefined;
-        }
-        return query.children?.length
-            ? query.children[query.children.length - 1]?.messageType
-            : query?.messageType;
-    }
-    static ɵfac = function ReadQueryManagementFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReadQueryManagementFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["singleQueryDetails", ""], ["sequentialQuery", ""], ["queryIsInReview", ""], [4, "ngIf", "ngIfElse"], [4, "ngFor", "ngForOf"], ["class", "govuk-!-margin-top-8 govuk-!-margin-bottom-8", 4, "ngIf"], [1, "govuk-!-margin-top-8", "govuk-!-margin-bottom-8"], [3, "selectedQuery", "caseQueriesCollection"], [3, "backClicked", "query", "caseId"], [4, "ngIf"], ["id", "ask-follow-up-question", "data-module", "govuk-button", 1, "govuk-button", 3, "routerLink"], [1, "govuk-!-font-weight-bold"], [1, "govuk-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [1, "qm-service-message", "govuk-!-font-weight-bold"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_container_0_Template, 2, 1, "ng-container", 3)(1, ReadQueryManagementFieldComponent_ng_template_1_Template, 3, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    static ɵfac = function ReadQueryManagementFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReadQueryManagementFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseNotifier)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["singleQueryDetails", ""], ["queryIsInReview", ""], [4, "ngIf", "ngIfElse"], [4, "ngFor", "ngForOf"], ["class", "govuk-!-margin-top-8 govuk-!-margin-bottom-8", 4, "ngIf"], [1, "govuk-!-margin-top-8", "govuk-!-margin-bottom-8"], [3, "selectedQuery", "caseQueriesCollection"], [3, "backClicked", "query", "caseId"], [4, "ngIf"], ["id", "ask-follow-up-question", "data-module", "govuk-button", 1, "govuk-button", 3, "routerLink"], [1, "govuk-!-font-weight-bold"], [1, "govuk-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [1, "qm-service-message", "govuk-!-font-weight-bold"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_container_0_Template, 2, 1, "ng-container", 2)(1, ReadQueryManagementFieldComponent_ng_template_1_Template, 3, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            const singleQueryDetails_r7 = i0.ɵɵreference(2);
-            i0.ɵɵproperty("ngIf", ctx.showQueryList)("ngIfElse", singleQueryDetails_r7);
+            const singleQueryDetails_r6 = i0.ɵɵreference(2);
+            i0.ɵɵproperty("ngIf", ctx.showQueryList)("ngIfElse", singleQueryDetails_r6);
         } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadQueryManagementFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-query-management-field', template: "<ng-container *ngIf=\"showQueryList; else singleQueryDetails\">\n  <ng-container *ngFor=\"let caseQueriesCollection of caseQueriesCollections\">\n    <div *ngIf=\"showQueryList\" class=\"govuk-!-margin-top-8 govuk-!-margin-bottom-8\">\n      <ccd-query-list (selectedQuery)=\"setQuery($event)\" [caseQueriesCollection]=\"caseQueriesCollection\"></ccd-query-list>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #singleQueryDetails>\n  <ccd-query-details\n    [query]=\"query\"\n    (backClicked)=\"showQueryList = true\"\n    [caseId]=\"caseId\"\n  ></ccd-query-details>\n\n  <ng-container *ngIf=\"!isInternalUser() && !isQueryClosed\">\n    <ng-container *ngIf=\"(messageType && messageType === followUpQuery  && isMultipleFollowUpEnabled) || (messageType && messageType === respondToQuery); else sequentialQuery\">\n      <button id=\"ask-follow-up-question\" class=\"govuk-button\" data-module=\"govuk-button\"\n              [routerLink]=\"['/query-management', 'query', caseId, '4', query.id]\">\n        {{ 'Ask a follow-up question' | rpxTranslate }}\n      </button>\n    </ng-container>\n    <ng-template #sequentialQuery>\n      <ng-container *ngIf=\"query?.children?.length > 0 && query?.children?.length % 2 === 1; else queryIsInReview\">\n        <button id=\"ask-follow-up-question\" class=\"govuk-button\" data-module=\"govuk-button\"\n                [routerLink]=\"['/query-management', 'query', caseId, '4', query.id]\">\n          {{ 'Ask a follow-up question' | rpxTranslate }}\n        </button>\n      </ng-container>\n\n      <ng-template #queryIsInReview>\n        <div>\n          <p class=\"govuk-!-font-weight-bold\">{{ 'Your query is under review' | rpxTranslate }}</p>\n          <p>{{ 'Our team will read your query and respond. Do not submit the same query more than once.' | rpxTranslate }}</p>\n        </div>\n      </ng-template>\n    </ng-template>\n\n  </ng-container>\n  <ng-container *ngIf=\"!isInternalUser() && isQueryClosed\">\n    <div class=\"govuk-warning-text\">\n      <span aria-hidden=\"true\" class=\"govuk-warning-text__icon\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-visually-hidden\">Warning</span>\n        <p class=\"qm-service-message govuk-!-font-weight-bold\">{{ 'This query has been closed by court staff.' | rpxTranslate }}</p>\n      </strong>\n    </div>\n  </ng-container>\n</ng-template>\n" }]
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: SessionStorageService }, { type: CaseNotifier }, { type: AbstractAppConfig }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadQueryManagementFieldComponent, { className: "ReadQueryManagementFieldComponent", filePath: "lib/shared/components/palette/query-management/read-query-management-field.component.ts", lineNumber: 18 }); })();
+        args: [{ selector: 'ccd-read-query-management-field', template: "<ng-container *ngIf=\"showQueryList; else singleQueryDetails\">\n  <ng-container *ngFor=\"let caseQueriesCollection of caseQueriesCollections\">\n    <div *ngIf=\"showQueryList\" class=\"govuk-!-margin-top-8 govuk-!-margin-bottom-8\">\n      <ccd-query-list (selectedQuery)=\"setQuery($event)\" [caseQueriesCollection]=\"caseQueriesCollection\"></ccd-query-list>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #singleQueryDetails>\n  <ccd-query-details\n    [query]=\"query\"\n    (backClicked)=\"showQueryList = true\"\n    [caseId]=\"caseId\"\n  ></ccd-query-details>\n\n  <ng-container *ngIf=\"!isInternalUser() && !isQueryClosed\">\n    <ng-container *ngIf=\"query?.children?.length > 0 && query?.children?.length % 2 === 1; else queryIsInReview\">\n      <button id=\"ask-follow-up-question\" class=\"govuk-button\" data-module=\"govuk-button\"\n              [routerLink]=\"['/query-management', 'query', caseId, '4', query.id]\">\n        {{ 'Ask a follow-up question' | rpxTranslate }}\n      </button>\n    </ng-container>\n\n    <ng-template #queryIsInReview>\n      <div>\n        <p class=\"govuk-!-font-weight-bold\">{{ 'Your query is under review' | rpxTranslate }}</p>\n        <p>{{ 'Our team will read your query and respond. Do not submit the same query more than once.' | rpxTranslate }}</p>\n      </div>\n    </ng-template>\n  </ng-container>\n  <ng-container *ngIf=\"!isInternalUser() && isQueryClosed\">\n    <div class=\"govuk-warning-text\">\n      <span aria-hidden=\"true\" class=\"govuk-warning-text__icon\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-visually-hidden\">Warning</span>\n        <p class=\"qm-service-message govuk-!-font-weight-bold\">{{ 'This query has been closed by court staff.' | rpxTranslate }}</p>\n      </strong>\n    </div>\n  </ng-container>\n</ng-template>\n" }]
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: SessionStorageService }, { type: CaseNotifier }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadQueryManagementFieldComponent, { className: "ReadQueryManagementFieldComponent", filePath: "lib/shared/components/palette/query-management/read-query-management-field.component.ts", lineNumber: 15 }); })();
 
 class ReadTextAreaFieldComponent extends AbstractFieldReadComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵReadTextAreaFieldComponent_BaseFactory; return function ReadTextAreaFieldComponent_Factory(__ngFactoryType__) { return (ɵReadTextAreaFieldComponent_BaseFactory || (ɵReadTextAreaFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadTextAreaFieldComponent)))(__ngFactoryType__ || ReadTextAreaFieldComponent); }; })();
@@ -30201,36 +30095,32 @@ class ReadOrderSummaryRowComponent extends AbstractFieldReadComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadOrderSummaryRowComponent, { className: "ReadOrderSummaryRowComponent", filePath: "lib/shared/components/palette/order-summary/read-order-summary-row.component.ts", lineNumber: 13 }); })();
 
 function ReadOrganisationFieldRawComponent_table_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 1);
-    i0.ɵɵpipe(1, "rpxTranslate");
-    i0.ɵɵelementStart(2, "tr", 4);
-    i0.ɵɵelement(3, "th", 2);
-    i0.ɵɵelementStart(4, "td", 5)(5, "span", 6);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "rpxTranslate");
+    i0.ɵɵelementStart(0, "table", 1)(1, "tr", 4);
+    i0.ɵɵelement(2, "th", 2);
+    i0.ɵɵelementStart(3, "td", 5)(4, "span", 6);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td")(9, "span", 6);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "td")(7, "span", 6);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "tr", 4);
-    i0.ɵɵelement(12, "th", 2);
-    i0.ɵɵelementStart(13, "td", 5)(14, "span", 6);
-    i0.ɵɵtext(15);
-    i0.ɵɵpipe(16, "rpxTranslate");
+    i0.ɵɵelementStart(9, "tr", 4);
+    i0.ɵɵelement(10, "th", 2);
+    i0.ɵɵelementStart(11, "td", 5)(12, "span", 6);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "td");
-    i0.ɵɵelement(18, "ccd-markdown", 7);
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵelement(15, "ccd-markdown", 7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const selectedOrg_r1 = ctx.ngIf;
-    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 5, "complex selected organisation field table"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, "Name:"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵattribute("aria-describedby", "selected organisation field table");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 9, "Address:"));
+    i0.ɵɵtextInterpolate("Name:");
     i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate("Address:");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("content", selectedOrg_r1.address);
 } }
 class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
@@ -30258,7 +30148,7 @@ class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
             i0.ɵɵelementStart(3, "tbody")(4, "tr");
             i0.ɵɵelement(5, "th", 2);
             i0.ɵɵelementStart(6, "td");
-            i0.ɵɵtemplate(7, ReadOrganisationFieldRawComponent_table_7_Template, 19, 11, "table", 3);
+            i0.ɵɵtemplate(7, ReadOrganisationFieldRawComponent_table_7_Template, 16, 5, "table", 3);
             i0.ɵɵpipe(8, "async");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
@@ -30270,43 +30160,39 @@ class ReadOrganisationFieldRawComponent extends AbstractFieldReadComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadOrganisationFieldRawComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-organisation-field-raw', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th style=\"display: none;\"></th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'complex selected organisation field table' | rpxTranslate\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Name:' | rpxTranslate}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Address:' | rpxTranslate}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
+        args: [{ selector: 'ccd-read-organisation-field-raw', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th style=\"display: none;\"></th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'selected organisation field table'\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Name:'}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-small\"><span class=\"text-16\">{{'Address:'}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
     }], () => [{ type: OrganisationService }, { type: OrganisationConverter }], { caseFields: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadOrganisationFieldRawComponent, { className: "ReadOrganisationFieldRawComponent", filePath: "lib/shared/components/palette/organisation/read-organisation-field-raw.component.ts", lineNumber: 15 }); })();
 
 function ReadOrganisationFieldTableComponent_table_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 1);
-    i0.ɵɵpipe(1, "rpxTranslate");
-    i0.ɵɵelementStart(2, "tr", 6);
-    i0.ɵɵelement(3, "th", 7);
-    i0.ɵɵelementStart(4, "td", 8)(5, "span", 4);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "rpxTranslate");
+    i0.ɵɵelementStart(0, "table", 1)(1, "tr", 6);
+    i0.ɵɵelement(2, "th", 7);
+    i0.ɵɵelementStart(3, "td", 8)(4, "span", 4);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td")(9, "span", 4);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "td")(7, "span", 4);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "tr", 6);
-    i0.ɵɵelement(12, "th", 7);
-    i0.ɵɵelementStart(13, "td", 8)(14, "span", 4);
-    i0.ɵɵtext(15);
-    i0.ɵɵpipe(16, "rpxTranslate");
+    i0.ɵɵelementStart(9, "tr", 6);
+    i0.ɵɵelement(10, "th", 7);
+    i0.ɵɵelementStart(11, "td", 8)(12, "span", 4);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "td");
-    i0.ɵɵelement(18, "ccd-markdown", 9);
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵelement(15, "ccd-markdown", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const selectedOrg_r1 = ctx.ngIf;
-    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(1, 5, "complex selected organisation field table"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, "Name:"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵattribute("aria-describedby", "selected organisation field table");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 9, "Address:"));
+    i0.ɵɵtextInterpolate("Name:");
     i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(selectedOrg_r1.name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate("Address:");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("content", selectedOrg_r1.address);
 } }
 class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
@@ -30336,7 +30222,7 @@ class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
             i0.ɵɵpipe(10, "rpxTranslate");
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(11, "td");
-            i0.ɵɵtemplate(12, ReadOrganisationFieldTableComponent_table_12_Template, 19, 11, "table", 5);
+            i0.ɵɵtemplate(12, ReadOrganisationFieldTableComponent_table_12_Template, 16, 5, "table", 5);
             i0.ɵɵpipe(13, "async");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
@@ -30350,7 +30236,7 @@ class ReadOrganisationFieldTableComponent extends AbstractFieldReadComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadOrganisationFieldTableComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-organisation-field-table', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th class=\"complex-field-title\">\n          <dl class=\"complex-panel-title\">\n            <dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt>\n          </dl>\n        </th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'complex selected organisation field table' | rpxTranslate\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Name:' | rpxTranslate}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Address:' | rpxTranslate}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
+        args: [{ selector: 'ccd-read-organisation-field-table', template: "<div class=\"complex-panel\">\n  <table class=\"complex-field-table\" [attr.aria-describedby]=\"'complex organisation field table' | rpxTranslate\">\n    <tbody>\n      <tr>\n        <th class=\"complex-field-title\">\n          <dl class=\"complex-panel-title\">\n            <dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt>\n          </dl>\n        </th>\n        <td>\n          <table class=\"complex-field-table\" *ngIf=\"(selectedOrg$ | async) as selectedOrg\"\n                 [attr.aria-describedby]=\"'selected organisation field table'\">\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Name:'}}</span></td>\n              <td><span class=\"text-16\">{{selectedOrg.name}}</span></td>\n            </tr>\n            <tr class=\"complex-panel-compound-field\">\n              <th style=\"display: none;\"></th>\n              <td class=\"label-width-medium\"><span class=\"text-16\">{{'Address:'}}</span></td>\n              <td>\n                <ccd-markdown [content]=\"selectedOrg.address\"></ccd-markdown>\n              </td>\n            </tr>\n          </table>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [".hmcts-banner{border:0 solid;margin-bottom:10px;color:#000}.hmcts-banner .warning-message{font-weight:700}.govuk-hint{font-size:1.1rem}.name-header{font-weight:700;margin-top:10px;font-size:18px}.td-address{width:90%;padding-top:2px}.td-select{width:10%}.warning-panel{background-color:#e7ebef;height:40px;margin-bottom:0;align-items:center;display:flex}.warning-panel .warning-message{padding-left:15px}.complex-field-table>tbody>tr>th{border:none}.complex-field-table>tbody>tr:last-child>th,.complex-field-table>tbody>tr:last-child>td{border-bottom:none}.complex-field-title{width:300px}.label-width-small{width:100px}.label-width-medium{width:150px}.scroll-container{height:600px;overflow-y:scroll}.no-result-message{margin-top:15px}\n"] }]
     }], () => [{ type: OrganisationService }, { type: OrganisationConverter }], { caseFields: [{
             type: Input
         }] }); })();
@@ -32268,7 +32154,7 @@ function CaseHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("caseFields", ctx_r0.caseFields);
+    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("labelCanBeTranslated", false)("caseFields", ctx_r0.caseFields);
 } }
 class CaseHeaderComponent {
     caseDetails;
@@ -32291,8 +32177,8 @@ class CaseHeaderComponent {
         return caseDataFields.concat(this.caseDetails.metadataFields);
     }
     static ɵfac = function CaseHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseHeaderComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseHeaderComponent, selectors: [["ccd-case-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 CaseHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseHeaderComponent_h1_0_Template, 3, 3, "h1", 0)(1, CaseHeaderComponent_div_1_Template, 2, 2, "div", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseHeaderComponent, selectors: [["ccd-case-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", "labelCanBeTranslated", "caseFields"]], template: function CaseHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CaseHeaderComponent_h1_0_Template, 3, 3, "h1", 0)(1, CaseHeaderComponent_div_1_Template, 2, 3, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", !ctx.caseTitle.label);
             i0.ɵɵadvance();
@@ -32301,7 +32187,7 @@ class CaseHeaderComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-header', template: "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n", styles: [".case-title{margin-top:47px;margin-bottom:10px}.heading-h1{margin-top:40px}\n"] }]
+        args: [{ selector: 'ccd-case-header', template: "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [labelCanBeTranslated]=\"false\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n", styles: [".case-title{margin-top:47px;margin-bottom:10px}.heading-h1{margin-top:40px}\n"] }]
     }], null, { caseDetails: [{
             type: Input
         }] }); })();