@hmcts/ccd-case-ui-toolkit 7.2.26-mid-event-callback → 7.2.26-welsh-translation-qm

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

@@ -6761,6 +6761,124 @@ class FocusElementModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FocusElementModule, { declarations: [FocusElementDirective], exports: [FocusElementDirective] }); })();
 
+/**
+ * @directive TranslatedMarkdownDirective
+ *
+ * @description
+ * Structural directive that emits language-appropriate markdown content based on the user's UI language.
+ * It is designed for service-supplied content that optionally includes a Welsh (`markdown_cy`) version.
+ *
+ * The directive:
+ * - Emits `markdown_cy` if the UI language is Welsh and the field exists
+ * - Emits `markdown` otherwise (no translation is applied within the directive)
+ * - Leaves it up to the consuming template to apply fallback translation (e.g. via `rpxTranslate`)
+ *
+ * This allows cleaner templates and better separation of content choice vs. translation logic.
+ *
+ * @usage
+ * ```html
+ * <div *ngFor="let qq of qualifyingQuestions">
+ *   <ng-container *translatedMarkdown="qq; let content">
+ *     <markdown [data]="qq ? content : (qq.markdown | rpxTranslate)"></markdown>
+ *   </ng-container>
+ * </div>
+ * ```
+ *
+ * @input dataItem - An object expected to contain:
+ * - `markdown` (string): the default English content
+ * - `markdown_cy` (string | optional): the Welsh version of the content
+ * - Any additional metadata used in context
+ *
+ * @example
+ * // --- LaunchDarkly JSON format ---
+ * {
+ *   "UNSPEC_CLAIM": [
+ *     {
+ *       "name": "Raise a query",
+ *       "url": "http://...",
+ *       "markdown": "### Raise a query\nUse this to raise a new query.",
+ *       "markdown_cy": "### Codwch ymholiad\nDefnyddiwch hwn i godi ymholiad newydd."
+ *     }
+ *   ]
+ * }
+ *
+ * // --- Input object in component after processing ---
+ * const dataItem = {
+ *   name: 'Raise a query',
+ *   url: 'http://...',
+ *   markdown: '### Raise a query\nUse this to raise a new query.',
+ *   markdown_cy: '### Codwch ymholiad\nDefnyddiwch hwn i godi ymholiad newydd.'
+ * };
+ *
+ * // --- Template usage ---
+ * <ng-container *translatedMarkdown="dataItem; let content">
+ *   <markdown [data]="dataItem ? content : (dataItem.markdown | rpxTranslate)"></markdown>
+ * </ng-container>
+ */
+/**
+ * @directive TranslatedMarkdownDirective
+ *
+ * Renders Welsh markdown (`markdown_cy`) if the UI language is Welsh,
+ * otherwise uses English (`markdown`). Reactively updates when the language changes.
+ */
+class TranslatedMarkdownDirective {
+    viewContainer;
+    templateRef;
+    translationService;
+    dataItem;
+    subscription;
+    constructor(viewContainer, templateRef, translationService) {
+        this.viewContainer = viewContainer;
+        this.templateRef = templateRef;
+        this.translationService = translationService;
+    }
+    ngOnInit() {
+        this.subscription = this.translationService.language$.subscribe((lang) => {
+            const isWelsh = lang === 'cy';
+            const content = isWelsh && this.dataItem?.markdown_cy
+                ? this.dataItem.markdown_cy
+                : this.dataItem?.markdown ?? '';
+            this.viewContainer.clear();
+            this.viewContainer.createEmbeddedView(this.templateRef, {
+                $implicit: content,
+                translatedMarkdown: this.dataItem
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+    static ɵfac = function TranslatedMarkdownDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TranslatedMarkdownDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TranslatedMarkdownDirective, selectors: [["", "translatedMarkdown", ""]], inputs: { dataItem: [0, "translatedMarkdown", "dataItem"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatedMarkdownDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[translatedMarkdown]'
+            }]
+    }], () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i1.RpxTranslationService }], { dataItem: [{
+            type: Input,
+            args: ['translatedMarkdown']
+        }] }); })();
+
+class TranslatedMarkdownModule {
+    static ɵfac = function TranslatedMarkdownModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TranslatedMarkdownModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TranslatedMarkdownModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatedMarkdownModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    TranslatedMarkdownDirective
+                ],
+                exports: [
+                    TranslatedMarkdownDirective
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TranslatedMarkdownModule, { declarations: [TranslatedMarkdownDirective], exports: [TranslatedMarkdownDirective] }); })();
+
 var AddressType;
 (function (AddressType) {
     AddressType["DPA"] = "DPA";
@@ -20551,36 +20669,49 @@ const caseMessagesMockData = [
     }
 ];
 
+function QualifyingQuestionDetailComponent_ng_container_0_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵelement(3, "ccd-markdown", 4);
+    i0.ɵɵpipe(4, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const content_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.qualifyingQuestion.markdown, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("content", ctx_r1.qualifyingQuestion ? content_r1 : i0.ɵɵpipeBind1(4, 2, ctx_r1.qualifyingQuestion.markdown));
+} }
 function QualifyingQuestionDetailComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "h1", 1);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 2);
-    i0.ɵɵelement(5, "ccd-markdown", 3);
-    i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, QualifyingQuestionDetailComponent_ng_container_0_ng_container_4_Template, 5, 4, "ng-container", 2);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.qualifyingQuestion.name), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("content", i0.ɵɵpipeBind1(6, 4, ctx_r0.qualifyingQuestion.markdown));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r1.qualifyingQuestion.name), " - ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("translatedMarkdown", ctx_r1.qualifyingQuestion);
 } }
 class QualifyingQuestionDetailComponent {
     qualifyingQuestion;
     static ɵfac = function QualifyingQuestionDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QualifyingQuestionDetailComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionDetailComponent, selectors: [["ccd-qualifying-question-detail"]], inputs: { qualifyingQuestion: "qualifyingQuestion" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-heading-l"], [1, "qm-qualifying-question"], [3, "content"]], template: function QualifyingQuestionDetailComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, QualifyingQuestionDetailComponent_ng_container_0_Template, 7, 6, "ng-container", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionDetailComponent, selectors: [["ccd-qualifying-question-detail"]], inputs: { qualifyingQuestion: "qualifyingQuestion" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-heading-l"], [4, "translatedMarkdown"], [1, "qm-qualifying-question"], [3, "content"]], template: function QualifyingQuestionDetailComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, QualifyingQuestionDetailComponent_ng_container_0_Template, 5, 4, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.qualifyingQuestion == null ? null : ctx.qualifyingQuestion.markdown);
-        } }, dependencies: [i5.NgIf, MarkdownComponent, i1.RpxTranslatePipe], styles: [".qm-qualifying-question[_ngcontent-%COMP%]   .markdown[_ngcontent-%COMP%]{font-size:19px}"] });
+        } }, dependencies: [i5.NgIf, TranslatedMarkdownDirective, MarkdownComponent, i1.RpxTranslatePipe], styles: [".qm-qualifying-question[_ngcontent-%COMP%]   .markdown[_ngcontent-%COMP%]{font-size:19px}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QualifyingQuestionDetailComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-qualifying-question-detail', template: "<ng-container *ngIf=\"qualifyingQuestion?.markdown\">\n  <h1 class=\"govuk-heading-l\">\n    {{ qualifyingQuestion.name | rpxTranslate }}\n  </h1>\n  <div class=\"qm-qualifying-question\">\n    <ccd-markdown\n    [content]=\"qualifyingQuestion.markdown | rpxTranslate\">\n  </ccd-markdown>\n  </div>\n</ng-container>\n", styles: [".qm-qualifying-question .markdown{font-size:19px}\n"] }]
+        args: [{ selector: 'ccd-qualifying-question-detail', template: "<!-- <ng-container *ngIf=\"qualifyingQuestion?.markdown\">\n  <h1 class=\"govuk-heading-l\">\n    {{ qualifyingQuestion.name | rpxTranslate }}\n  </h1>\n  <div class=\"qm-qualifying-question\">\n    <ccd-markdown\n    [content]=\"qualifyingQuestion.markdown | rpxTranslate\">\n  </ccd-markdown>\n  </div>\n</ng-container> -->\n\n<ng-container *ngIf=\"qualifyingQuestion?.markdown\">\n  <h1 class=\"govuk-heading-l\">\n    {{ qualifyingQuestion.name | rpxTranslate }} -\n  </h1>\n   <!-- <ng-container *translatedMarkdown=\"qq; let content\">\n    {{ qq.markdown }}\n    <div class=\"qm-qualifying-question\">\n      <ccd-markdown\n        [content]=\"qq ? content : (qq.markdown | rpxTranslate)\">\n      </ccd-markdown>\n    </div>\n   </ng-container> -->\n\n    <ng-container *translatedMarkdown=\"qualifyingQuestion; let content;\">\n    <div class=\"qm-qualifying-question\">\n       {{ qualifyingQuestion.markdown }}\n      <ccd-markdown [content]=\"qualifyingQuestion ? content : (qualifyingQuestion.markdown | rpxTranslate)\"></ccd-markdown>\n    </div>\n  </ng-container>\n </ng-container>", styles: [".qm-qualifying-question .markdown{font-size:19px}\n"] }]
     }], null, { qualifyingQuestion: [{
             type: Input
         }] }); })();
@@ -20637,6 +20768,252 @@ class QualifyingQuestionService {
         type: Injectable
     }], null, null); })();
 
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "p", 8)(2, "span", 9);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 2, "Error:"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 4, ctx_r0.qualifyingQuestionsErrorMessage.SELECT_AN_OPTION), " ");
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 13);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "If your issue is not covered by the options above, raise a query:"));
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
+    i0.ɵɵelementStart(2, "div", 10)(3, "input", 11);
+    i0.ɵɵlistener("change", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template_input_change_3_listener() { const qualifyingQuestion_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSelectionChange(qualifyingQuestion_r3)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "label", 12);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const qualifyingQuestion_r3 = ctx.$implicit;
+    const isLast_r4 = ctx.last;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", isLast_r4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
+    i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, qualifyingQuestion_r3.name));
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3)(4, "h1", 4);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "h2", 5);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "rpxTranslate");
+    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, 7, 8, "ng-container", 7);
+    i0.ɵɵpipe(13, "async");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("govuk-form-group--error", ctx_r0.displayError);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, "Raise a new query"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 8, "What do you need help to do?"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.displayError);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(13, 10, ctx_r0.qualifyingQuestions$));
+} }
+class QualifyingQuestionOptionsComponent {
+    route;
+    router;
+    qualifyingQuestionService;
+    qualifyingQuestionsControl;
+    qualifyingQuestions$;
+    questionSelected = new EventEmitter();
+    qualifyingQuestionsErrorMessage = QualifyingQuestionsErrorMessage;
+    caseId;
+    constructor(route, router, qualifyingQuestionService) {
+        this.route = route;
+        this.router = router;
+        this.qualifyingQuestionService = qualifyingQuestionService;
+    }
+    ngOnInit() {
+        this.caseId = this.route.snapshot.params.cid;
+        // Check if there's already a selected qualifying question from the service
+        const savedSelection = this.qualifyingQuestionService.getQualifyingQuestionSelection();
+        if (savedSelection) {
+            this.qualifyingQuestionsControl.setValue(savedSelection);
+        }
+    }
+    click() {
+        this.router.navigate(['cases', 'case-details', this.caseId], { fragment: 'Queries' });
+    }
+    get displayError() {
+        return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
+    }
+    onSelectionChange(qualifyingQuestion) {
+        this.questionSelected.emit(qualifyingQuestion);
+    }
+    static ɵfac = function QualifyingQuestionOptionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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$" }, outputs: { questionSelected: "questionSelected" }, 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, "change", "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "qm-qualifying-question__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);
+        } }, dependencies: [i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.FormControlDirective, i5.AsyncPipe, i1.RpxTranslatePipe], encapsulation: 2 });
+}
+(() => { (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        {{ 'What do you need help to do?' | 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=\"qm-qualifying-question__divider\">{{ 'If your issue is not covered by the options above, raise a query:' | rpxTranslate }}</div>\n          </ng-container>\n          <div class=\"govuk-radios__item\">\n            <input class=\"govuk-radios__input\" \n              id=\"{{qualifyingQuestion.name}}\" \n              name=\"qualifyingQuestionOption\"\n              type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" \n              [value]=\"qualifyingQuestion\"\n              (change)=\"onSelectionChange(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$: [{
+            type: Input
+        }], questionSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QualifyingQuestionOptionsComponent, { className: "QualifyingQuestionOptionsComponent", filePath: "lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.ts", lineNumber: 13 }); })();
+
+function QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-read-collection-field", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("caseField", ctx_r0.caseFieldWithAttachments);
+} }
+function QueryAttachmentsReadComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template, 1, 1, "ccd-read-collection-field", 1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (ctx_r0.attachments == null ? null : ctx_r0.attachments.length) > 0);
+} }
+class QueryAttachmentsReadComponent {
+    attachments;
+    caseFieldWithAttachments;
+    ngOnChanges() {
+        this.caseFieldWithAttachments = Object.assign(new CaseField(), {
+            id: '',
+            label: '',
+            hint_text: '',
+            field_type: Object.assign(new FieldType(), {
+                id: 'QueryDocuments',
+                type: 'QueryDocuments',
+                min: null,
+                max: null,
+                regular_expression: null,
+                fixed_list_items: [],
+                complex_fields: [],
+                collection_field_type: Object.assign(new FieldType(), {
+                    id: 'Document',
+                    type: 'Document',
+                    min: null,
+                    max: null,
+                    regular_expression: null,
+                    fixed_list_items: [],
+                    complex_fields: [],
+                    collection_field_type: null
+                })
+            }),
+            display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)',
+            value: []
+        });
+        this.caseFieldWithAttachments.value = this.attachments;
+    }
+    static ɵfac = function QueryAttachmentsReadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryAttachmentsReadComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryAttachmentsReadComponent, selectors: [["ccd-query-attachments-read"]], inputs: { attachments: "attachments" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "caseField", 4, "ngIf"], [3, "caseField"]], template: function QueryAttachmentsReadComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, QueryAttachmentsReadComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", (ctx.attachments == null ? null : ctx.attachments.length) > 0);
+        } }, styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryAttachmentsReadComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-query-attachments-read', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"attachments?.length > 0\">\n  <ccd-read-collection-field\n    *ngIf=\"attachments?.length > 0\"\n    [caseField]=\"caseFieldWithAttachments\"\n  >\n  </ccd-read-collection-field>\n</ng-container>\n", styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"] }]
+    }], null, { attachments: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryAttachmentsReadComponent, { className: "QueryAttachmentsReadComponent", filePath: "lib/shared/components/palette/query-management/components/query-attachments-read/query-attachments-read.component.ts", lineNumber: 10 }); })();
+
+function QueryCaseDetailsHeaderComponent_h1_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h1", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r0.caseDetails.case_id), "");
+} }
+function QueryCaseDetailsHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "ccd-label-field", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("caseFields", ctx_r0.caseFields);
+} }
+class QueryCaseDetailsHeaderComponent {
+    caseDetails;
+    caseTitle;
+    caseFields;
+    ngOnInit() {
+        this.caseTitle = new CaseField();
+        this.caseTitle.label = this.caseDetails?.state?.title_display;
+        this.caseFields = this.getCaseFieldsInfo();
+    }
+    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(__ngFactoryType__) { return new (__ngFactoryType__ || 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) {
+            i0.ɵɵproperty("ngIf", !ctx.caseTitle.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseTitle.label);
+        } }, dependencies: [i5.NgIf, LabelFieldComponent, CaseReferencePipe], encapsulation: 2 });
+}
+(() => { (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" }]
+    }], 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: 10 }); })();
+
 var QueryCreateContext;
 (function (QueryCreateContext) {
     QueryCreateContext["NEW_QUERY_QUALIFYING_QUESTION_OPTIONS"] = "NewQueryQualifyingQuestionOptions";
@@ -20849,428 +21226,6 @@ class QueryManagementUtils {
         type: Injectable
     }], null, null); })();
 
-const CASE_QUERIES_COLLECTION_ID = 'CaseQueriesCollection';
-const FIELD_TYPE_COMPLEX = 'Complex';
-const DISPLAY_CONTEXT_READONLY = 'READONLY';
-const QM_SELECT_FIRST_COLLECTION = 'selectFirstCollection';
-const QM_COLLECTION_PROMPT = 'promptQmCollection';
-const CIVIL_JURISDICTION = 'CIVIL';
-
-class QueryManagementService {
-    router;
-    sessionStorageService;
-    caseQueriesCollections;
-    fieldId;
-    constructor(router, sessionStorageService) {
-        this.router = router;
-        this.sessionStorageService = sessionStorageService;
-    }
-    generateCaseQueriesCollectionData(formGroup, queryCreateContext, queryItem, messageId // Get the message ID from route params (if present)
-    ) {
-        let currentUserDetails;
-        try {
-            currentUserDetails = JSON.parse(this.sessionStorageService.getItem(USER_DETAILS));
-        }
-        catch (e) {
-            console.error('Could not parse USER_DETAILS from session storage:', e);
-            currentUserDetails = {};
-        }
-        const caseMessage = queryCreateContext === QueryCreateContext.NEW_QUERY
-            ? QueryManagementUtils.getNewQueryData(formGroup, currentUserDetails)
-            : QueryManagementUtils.getRespondOrFollowupQueryData(formGroup, queryItem, currentUserDetails);
-        const isNewQuery = queryCreateContext === QueryCreateContext.NEW_QUERY; // Check if this is a new query
-        // Check if the field ID has been set dynamically
-        if (!this.fieldId) {
-            console.error('Error: Field ID for CaseQueriesCollection not found. Cannot proceed with data generation.');
-            this.router.navigate(['/', 'service-down']);
-            throw new Error('Field ID for CaseQueriesCollection not found. Aborting query data generation.');
-        }
-        // Initialize new query data structure
-        const newQueryData = {};
-        if (this.caseQueriesCollections?.length) {
-            let matchedCollection;
-            // If it's not a new query, try to find the existing collection with the message ID
-            if (!isNewQuery && messageId) {
-                matchedCollection = this.caseQueriesCollections.find((collection) => collection.caseMessages.some((message) => message.value.id === messageId));
-            }
-            if (matchedCollection) {
-                // Append the new case message to the matched collection's caseMessages
-                matchedCollection.caseMessages.push({
-                    id: null,
-                    value: caseMessage
-                });
-                // Add the matched collection to newQueryData
-                newQueryData[this.fieldId] = {
-                    ...matchedCollection, // Keep existing data intact
-                    caseMessages: [...matchedCollection.caseMessages] // Append the updated messages array
-                };
-            }
-            else {
-                // Use partyName from the first collection (assumption: all share the same party)
-                const originalPartyName = this.caseQueriesCollections?.[0]?.partyName ?? currentUserDetails?.name;
-                // If no collection matches, or it's a new query
-                newQueryData[this.fieldId] = {
-                    partyName: originalPartyName,
-                    roleOnCase: '', // Not returned by CCD
-                    caseMessages: [
-                        {
-                            id: null,
-                            value: caseMessage
-                        }
-                    ]
-                };
-                // If caseQueriesCollections is not empty, append its data
-                newQueryData[this.fieldId].caseMessages.push(...this.caseQueriesCollections.flatMap((collection) => collection.caseMessages));
-            }
-        }
-        else {
-            // If there are no existing collections, create a new one (e.g., for new queries)
-            newQueryData[this.fieldId] = {
-                partyName: currentUserDetails?.name || `${currentUserDetails?.forename} ${currentUserDetails?.surname}`, // Not returned by CCD
-                roleOnCase: '', // Not returned by CCD
-                caseMessages: [
-                    {
-                        id: null,
-                        value: caseMessage
-                    }
-                ]
-            };
-        }
-        return newQueryData;
-    }
-    setCaseQueriesCollectionData(eventData, queryCreateContext, caseDetails, messageId) {
-        const resolvedFieldId = this.resolveFieldId(eventData, queryCreateContext, caseDetails, messageId);
-        if (!resolvedFieldId) {
-            console.error('Failed to resolve fieldId for CaseQueriesCollection. Cannot proceed.');
-            return;
-        }
-        this.fieldId = resolvedFieldId;
-        this.caseQueriesCollections = eventData.case_fields.reduce((acc, field) => {
-            if (field.id === this.fieldId) {
-                const extracted = QueryManagementUtils.extractCaseQueriesFromCaseField(field);
-                if (extracted && typeof extracted === 'object') {
-                    acc.push(extracted);
-                }
-            }
-            return acc;
-        }, []);
-    }
-    resolveFieldId(eventData, queryCreateContext, caseDetails, messageId) {
-        // Step 1: Filter candidate fields (must be editable CaseQueriesCollection fields)
-        const candidateFields = eventData?.case_fields?.filter((field) => field.field_type.id === CASE_QUERIES_COLLECTION_ID &&
-            field.field_type.type === FIELD_TYPE_COMPLEX &&
-            field.display_context !== DISPLAY_CONTEXT_READONLY);
-        if (!candidateFields?.length) {
-            console.warn('No editable CaseQueriesCollection fields found.');
-            return null;
-        }
-        const numberOfCollections = candidateFields.length;
-        const jurisdictionId = caseDetails?.case_type?.jurisdiction?.id ?? '';
-        // Step 2: If messageId is present, try to locate the field containing that message
-        if (messageId) {
-            const fieldByMessage = candidateFields.find((field) => field?.value?.caseMessages?.some((msg) => msg?.value?.id === messageId));
-            if (fieldByMessage) {
-                return fieldByMessage.id; // Found the matching field by message ID
-            }
-        }
-        // Step 3: Handle new queries
-        if (queryCreateContext === QueryCreateContext.NEW_QUERY) {
-            // If there's only one collection, use it
-            if (numberOfCollections === 1) {
-                return candidateFields[0].id;
-            }
-            // For multiple collections, use jurisdiction-based resolution strategy
-            if (this.getCollectionSelectionMethod(jurisdictionId) === QM_SELECT_FIRST_COLLECTION) {
-                // Choose the one with the lowest order from the first wizard page
-                const firstOrdered = this.getCaseQueriesCollectionFieldOrderFromWizardPages(eventData);
-                if (firstOrdered) {
-                    return firstOrdered.id;
-                }
-            }
-            else {
-                console.error(`Error: Multiple CaseQueriesCollections are not supported yet for the ${jurisdictionId} jurisdiction`);
-                return null;
-            }
-        }
-        // Step 4: Fallback — if none of the above succeeded
-        console.warn('Could not determine fieldId for context:', queryCreateContext);
-        return null;
-    }
-    getCaseQueriesCollectionFieldOrderFromWizardPages(eventData) {
-        const candidateFields = eventData?.case_fields?.filter((field) => field.field_type.id === CASE_QUERIES_COLLECTION_ID &&
-            field.field_type.type === FIELD_TYPE_COMPLEX &&
-            field.display_context !== DISPLAY_CONTEXT_READONLY);
-        if (!candidateFields?.length) {
-            return undefined;
-        }
-        const firstPageFields = eventData?.wizard_pages?.[0]?.wizard_page_fields;
-        if (!firstPageFields) {
-            return undefined;
-        }
-        return candidateFields
-            .map((field) => {
-            const wizardField = firstPageFields.find((f) => f.case_field_id === field.id);
-            return { field, order: wizardField?.order ?? Number.MAX_SAFE_INTEGER };
-        })
-            .sort((a, b) => a.order - b.order)[0]?.field;
-    }
-    getCollectionSelectionMethod(jurisdiction) {
-        return jurisdiction.toUpperCase() === CIVIL_JURISDICTION ? QM_SELECT_FIRST_COLLECTION : QM_COLLECTION_PROMPT;
-    }
-    static ɵfac = function QueryManagementService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryManagementService)(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(SessionStorageService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: QueryManagementService, factory: QueryManagementService.ɵfac, providedIn: 'root' });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryManagementService, [{
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], () => [{ type: i1$1.Router }, { type: SessionStorageService }], null); })();
-
-function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "p", 8)(2, "span", 9);
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 2, "Error:"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 4, ctx_r0.qualifyingQuestionsErrorMessage.SELECT_AN_OPTION), " ");
-} }
-function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 13);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "If your issue is not covered by the options above, raise a query:"));
-} }
-function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
-    i0.ɵɵelementStart(2, "div", 10)(3, "input", 11);
-    i0.ɵɵlistener("change", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template_input_change_3_listener() { const qualifyingQuestion_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSelectionChange(qualifyingQuestion_r3)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "label", 12);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const qualifyingQuestion_r3 = ctx.$implicit;
-    const isLast_r4 = ctx.last;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", isLast_r4);
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
-    i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, qualifyingQuestion_r3.name));
-} }
-function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3)(4, "h1", 4);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "h2", 5);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "rpxTranslate");
-    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, 7, 8, "ng-container", 7);
-    i0.ɵɵpipe(13, "async");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("govuk-form-group--error", ctx_r0.displayError);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, "Raise a new query"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 8, "What do you need help to do?"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.displayError);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(13, 10, ctx_r0.qualifyingQuestions$));
-} }
-class QualifyingQuestionOptionsComponent {
-    route;
-    router;
-    qualifyingQuestionService;
-    qualifyingQuestionsControl;
-    qualifyingQuestions$;
-    questionSelected = new EventEmitter();
-    qualifyingQuestionsErrorMessage = QualifyingQuestionsErrorMessage;
-    caseId;
-    constructor(route, router, qualifyingQuestionService) {
-        this.route = route;
-        this.router = router;
-        this.qualifyingQuestionService = qualifyingQuestionService;
-    }
-    ngOnInit() {
-        this.caseId = this.route.snapshot.params.cid;
-        // Check if there's already a selected qualifying question from the service
-        const savedSelection = this.qualifyingQuestionService.getQualifyingQuestionSelection();
-        if (savedSelection) {
-            this.qualifyingQuestionsControl.setValue(savedSelection);
-        }
-    }
-    click() {
-        this.router.navigate(['cases', 'case-details', this.caseId], { fragment: 'Queries' });
-    }
-    get displayError() {
-        return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
-    }
-    onSelectionChange(qualifyingQuestion) {
-        this.questionSelected.emit(qualifyingQuestion);
-    }
-    static ɵfac = function QualifyingQuestionOptionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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$" }, outputs: { questionSelected: "questionSelected" }, 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, "change", "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "qm-qualifying-question__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);
-        } }, dependencies: [i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.FormControlDirective, i5.AsyncPipe, i1.RpxTranslatePipe], encapsulation: 2 });
-}
-(() => { (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        {{ 'What do you need help to do?' | 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=\"qm-qualifying-question__divider\">{{ 'If your issue is not covered by the options above, raise a query:' | rpxTranslate }}</div>\n          </ng-container>\n          <div class=\"govuk-radios__item\">\n            <input class=\"govuk-radios__input\" \n              id=\"{{qualifyingQuestion.name}}\" \n              name=\"qualifyingQuestionOption\"\n              type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" \n              [value]=\"qualifyingQuestion\"\n              (change)=\"onSelectionChange(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$: [{
-            type: Input
-        }], questionSelected: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QualifyingQuestionOptionsComponent, { className: "QualifyingQuestionOptionsComponent", filePath: "lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.ts", lineNumber: 13 }); })();
-
-function QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-read-collection-field", 2);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("caseField", ctx_r0.caseFieldWithAttachments);
-} }
-function QueryAttachmentsReadComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template, 1, 1, "ccd-read-collection-field", 1);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", (ctx_r0.attachments == null ? null : ctx_r0.attachments.length) > 0);
-} }
-class QueryAttachmentsReadComponent {
-    attachments;
-    caseFieldWithAttachments;
-    ngOnChanges() {
-        this.caseFieldWithAttachments = Object.assign(new CaseField(), {
-            id: '',
-            label: '',
-            hint_text: '',
-            field_type: Object.assign(new FieldType(), {
-                id: 'QueryDocuments',
-                type: 'QueryDocuments',
-                min: null,
-                max: null,
-                regular_expression: null,
-                fixed_list_items: [],
-                complex_fields: [],
-                collection_field_type: Object.assign(new FieldType(), {
-                    id: 'Document',
-                    type: 'Document',
-                    min: null,
-                    max: null,
-                    regular_expression: null,
-                    fixed_list_items: [],
-                    complex_fields: [],
-                    collection_field_type: null
-                })
-            }),
-            display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)',
-            value: []
-        });
-        this.caseFieldWithAttachments.value = this.attachments;
-    }
-    static ɵfac = function QueryAttachmentsReadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryAttachmentsReadComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryAttachmentsReadComponent, selectors: [["ccd-query-attachments-read"]], inputs: { attachments: "attachments" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "caseField", 4, "ngIf"], [3, "caseField"]], template: function QueryAttachmentsReadComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, QueryAttachmentsReadComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", (ctx.attachments == null ? null : ctx.attachments.length) > 0);
-        } }, styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryAttachmentsReadComponent, [{
-        type: Component,
-        args: [{ selector: 'ccd-query-attachments-read', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"attachments?.length > 0\">\n  <ccd-read-collection-field\n    *ngIf=\"attachments?.length > 0\"\n    [caseField]=\"caseFieldWithAttachments\"\n  >\n  </ccd-read-collection-field>\n</ng-container>\n", styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"] }]
-    }], null, { attachments: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryAttachmentsReadComponent, { className: "QueryAttachmentsReadComponent", filePath: "lib/shared/components/palette/query-management/components/query-attachments-read/query-attachments-read.component.ts", lineNumber: 10 }); })();
-
-function QueryCaseDetailsHeaderComponent_h1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h1", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdCaseReference");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r0.caseDetails.case_id), "");
-} }
-function QueryCaseDetailsHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "ccd-label-field", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("caseField", ctx_r0.caseTitle)("caseFields", ctx_r0.caseFields);
-} }
-class QueryCaseDetailsHeaderComponent {
-    caseDetails;
-    caseTitle;
-    caseFields;
-    ngOnInit() {
-        this.caseTitle = new CaseField();
-        this.caseTitle.label = this.caseDetails?.state?.title_display;
-        this.caseFields = this.getCaseFieldsInfo();
-    }
-    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(__ngFactoryType__) { return new (__ngFactoryType__ || 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) {
-            i0.ɵɵproperty("ngIf", !ctx.caseTitle.label);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.caseTitle.label);
-        } }, dependencies: [i5.NgIf, LabelFieldComponent, CaseReferencePipe], encapsulation: 2 });
-}
-(() => { (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" }]
-    }], 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: 10 }); })();
-
 function QueryCheckYourAnswersComponent_div_0_div_2_li_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li")(1, "a", 28);
     i0.ɵɵtext(2);
@@ -21596,27 +21551,20 @@ class QueryCheckYourAnswersComponent {
     casesService;
     caseNotifier;
     workAllocationService;
+    sessionStorageService;
     qualifyingQuestionService;
-    queryManagementService;
-    errorNotifierService;
-    alertService;
     RAISE_A_QUERY_EVENT_TRIGGER_ID = 'queryManagementRaiseQuery';
     RESPOND_TO_QUERY_EVENT_TRIGGER_ID = 'queryManagementRespondQuery';
     CASE_QUERIES_COLLECTION_ID = 'CaseQueriesCollection';
-    static TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Continue';
-    static TRIGGER_TEXT_START = 'Continue';
     FIELD_TYPE_COMPLEX = 'Complex';
     DISPLAY_CONTEXT_READONLY = 'READONLY';
     QM_SELECT_FIRST_COLLECTION = 'selectFirstCollection';
     QM_COLLECTION_PROMPT = 'promptQmCollection';
     CIVIL_JURISDICTION = 'CIVIL';
-    triggerTextStart = QueryCheckYourAnswersComponent.TRIGGER_TEXT_START;
-    triggerTextIgnoreWarnings = QueryCheckYourAnswersComponent.TRIGGER_TEXT_CONTINUE;
     formGroup;
     queryItem;
     queryCreateContext;
     eventData = null;
-    qmCaseQueriesCollectionData;
     backClicked = new EventEmitter();
     querySubmitted = new EventEmitter();
     callbackConfirmationMessage = new EventEmitter();
@@ -21635,24 +21583,20 @@ class QueryCheckYourAnswersComponent {
     filteredTasks = [];
     readyToSubmit;
     isSubmitting = false;
-    messgaeId;
     callbackErrorsSubject = new Subject();
     error;
-    constructor(route, router, casesService, caseNotifier, workAllocationService, qualifyingQuestionService, queryManagementService, errorNotifierService, alertService) {
+    constructor(route, router, casesService, caseNotifier, workAllocationService, sessionStorageService, qualifyingQuestionService) {
         this.route = route;
         this.router = router;
         this.casesService = casesService;
         this.caseNotifier = caseNotifier;
         this.workAllocationService = workAllocationService;
+        this.sessionStorageService = sessionStorageService;
         this.qualifyingQuestionService = qualifyingQuestionService;
-        this.queryManagementService = queryManagementService;
-        this.errorNotifierService = errorNotifierService;
-        this.alertService = alertService;
     }
     ngOnInit() {
         this.queryId = this.route.snapshot.params.qid;
         this.tid = this.route.snapshot.queryParams?.tid;
-        this.messgaeId = this.route.snapshot.params.dataid;
         this.caseNotifier.caseView.pipe(take(1)).subscribe((caseDetails) => {
             this.caseDetails = caseDetails;
             // Find the appropriate event trigger based on the queryCreateContext
@@ -21681,23 +21625,8 @@ class QueryCheckYourAnswersComponent {
                     }
                 },
                 error: (error) => {
+                    console.error('Error in searchTasksSubscription:', error);
                     this.readyToSubmit = false;
-                    if (error.status !== 401 && error.status !== 403) {
-                        this.errorNotifierService.announceError(error);
-                        this.alertService.error({ phrase: error.message });
-                        console.error('Error occurred while fetching event data:', error);
-                        this.callbackErrorsSubject.next(error);
-                    }
-                    else {
-                        this.errorMessages = [
-                            {
-                                title: 'Error',
-                                description: 'Something unexpected happened. Please try again later.',
-                                fieldId: 'field-id'
-                            }
-                        ];
-                    }
-                    window.scrollTo({ left: 0, top: 0, behavior: 'smooth' });
                 }
             });
         }
@@ -21708,7 +21637,6 @@ class QueryCheckYourAnswersComponent {
     ngOnDestroy() {
         this.createEventSubscription?.unsubscribe();
         this.searchTasksSubscription?.unsubscribe();
-        this.callbackErrorsSubject?.unsubscribe();
     }
     goBack() {
         this.backClicked.emit(true);
@@ -21717,7 +21645,20 @@ class QueryCheckYourAnswersComponent {
         if (this.isSubmitting) {
             return;
         }
-        const data = this.qmCaseQueriesCollectionData;
+        // Check if fieldId is null or undefined
+        if (!this.fieldId) {
+            console.error('Error: Field ID is missing. Cannot proceed with submission.');
+            this.errorMessages = [
+                {
+                    title: 'Error',
+                    description: 'This case is not configured for query management.',
+                    fieldId: 'field-id'
+                }
+            ];
+            window.scrollTo({ left: 0, top: 0, behavior: 'smooth' });
+            return;
+        }
+        const data = this.generateCaseQueriesCollectionData();
         const createEvent$ = this.createEvent(data);
         this.isSubmitting = true;
         if (this.queryCreateContext === QueryCreateContext.RESPOND) {
@@ -21778,7 +21719,172 @@ class QueryCheckYourAnswersComponent {
     handleError(error) {
         console.error('Error in API calls:', error);
         this.isSubmitting = false;
-        this.router.navigate(['/', 'service-down']);
+        if (this.isServiceErrorFound(error)) {
+            this.error = null;
+            this.callbackErrorsSubject.next(error);
+        }
+        else {
+            if (error && error.status !== 401 && error.status !== 403) {
+                this.error = error;
+            }
+            else {
+                this.router.navigate(['/', 'service-down']);
+            }
+        }
+        window.scrollTo({ left: 0, top: 0, behavior: 'smooth' });
+    }
+    generateCaseQueriesCollectionData() {
+        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);
+        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
+        if (!this.fieldId) {
+            console.error('Error: Field ID for CaseQueriesCollection not found. Cannot proceed with data generation.');
+            this.router.navigate(['/', 'service-down']);
+        }
+        // Initialize new query data structure
+        const newQueryData = {};
+        if (this.caseQueriesCollections?.length) {
+            let matchedCollection;
+            // If it's not a new query, try to find the existing collection with the message ID
+            if (!isNewQuery && messageId) {
+                matchedCollection = this.caseQueriesCollections.find((collection) => collection.caseMessages.some((message) => message.value.id === messageId));
+            }
+            if (matchedCollection) {
+                // Append the new case message to the matched collection's caseMessages
+                matchedCollection.caseMessages.push({
+                    id: null,
+                    value: caseMessage
+                });
+                // Add the matched collection to newQueryData
+                newQueryData[this.fieldId] = {
+                    ...matchedCollection, // Keep existing data intact
+                    caseMessages: [...matchedCollection.caseMessages] // Append the updated messages array
+                };
+            }
+            else {
+                // Use partyName from the first collection (assumption: all share the same party)
+                const originalPartyName = this.caseQueriesCollections[0].partyName;
+                // If no collection matches, or it's a new query
+                newQueryData[this.fieldId] = {
+                    partyName: originalPartyName,
+                    roleOnCase: '', // Not returned by CCD
+                    caseMessages: [
+                        {
+                            id: null,
+                            value: caseMessage
+                        }
+                    ]
+                };
+                // If caseQueriesCollections is not empty, append its data
+                newQueryData[this.fieldId].caseMessages.push(...this.caseQueriesCollections.flatMap((collection) => collection.caseMessages));
+            }
+        }
+        else {
+            // If there are no existing collections, create a new one (e.g., for new queries)
+            newQueryData[this.fieldId] = {
+                partyName: currentUserDetails?.name || `${currentUserDetails?.forename} ${currentUserDetails?.surname}`, // Not returned by CCD
+                roleOnCase: '', // Not returned by CCD
+                caseMessages: [
+                    {
+                        id: null,
+                        value: caseMessage
+                    }
+                ]
+            };
+        }
+        return newQueryData;
+    }
+    setCaseQueriesCollectionData() {
+        if (this.eventData?.case_fields?.length) {
+            // Workaround for multiple qmCaseQueriesCollections that are not to be appearing in the eventData
+            // Counts number qmCaseQueriesCollections
+            const numberOfCaseQueriesCollections = this.eventData?.case_fields?.filter((caseField) => caseField.field_type.id === this.CASE_QUERIES_COLLECTION_ID &&
+                caseField.field_type.type === this.FIELD_TYPE_COMPLEX && caseField.display_context !== this.DISPLAY_CONTEXT_READONLY)?.length || 0;
+            this.caseQueriesCollections = this.eventData.case_fields.reduce((acc, caseField) => {
+                // Extract the ID based on conditions, updating this.fieldId dynamically
+                this.extractCaseQueryId(caseField, numberOfCaseQueriesCollections);
+                const extractedCaseQueriesFromCaseField = QueryManagementUtils.extractCaseQueriesFromCaseField(caseField);
+                if (extractedCaseQueriesFromCaseField && typeof extractedCaseQueriesFromCaseField === 'object') {
+                    acc.push(extractedCaseQueriesFromCaseField);
+                }
+                return acc;
+            }, []);
+        }
+    }
+    extractCaseQueryId(data, count) {
+        const { id, value } = data;
+        const messageId = this.route.snapshot.params.dataid;
+        // Check if the field_type matches CaseQueriesCollection and type is Complex
+        if (data.field_type.id === this.CASE_QUERIES_COLLECTION_ID && data.field_type.type === this.FIELD_TYPE_COMPLEX) {
+            if (this.isNewQueryContext(data)) {
+                // If there is more than one qmCaseQueriesCollection, pick the one with the lowest order
+                if (count > 1) {
+                    if (!this.handleMultipleCollections()) {
+                        return;
+                    }
+                }
+                else {
+                    // Set the field ID dynamically based on the extracted data
+                    this.fieldId = id; // Store the ID for use in generating newQueryData
+                }
+            }
+            // If messageId is present, find the corresponding case message
+            this.setMessageFieldId(messageId, value, id);
+        }
+    }
+    setMessageFieldId(messageId, value, id) {
+        if (messageId && value?.caseMessages) {
+            // If a matching message is found, set the fieldId to the corresponding id
+            const matchedMessage = value?.caseMessages?.find((message) => message.value.id === messageId);
+            if (matchedMessage) {
+                this.fieldId = id;
+            }
+        }
+    }
+    isNewQueryContext(data) {
+        return this.queryCreateContext === QueryCreateContext.NEW_QUERY && data.display_context !== this.DISPLAY_CONTEXT_READONLY;
+    }
+    handleMultipleCollections() {
+        const jurisdictionId = this.caseDetails?.case_type?.jurisdiction?.id;
+        if (!jurisdictionId) {
+            console.error('Jurisdiction ID is missing.');
+            return false;
+        }
+        if (this.getCollectionSelectionMethod(jurisdictionId) === this.QM_SELECT_FIRST_COLLECTION) {
+            // Pick the collection with the lowest order
+            this.fieldId = this.getCaseQueriesCollectionFieldOrderFromWizardPages()?.id;
+        }
+        else {
+            // Display Error, for now, until EXUI-2644 is implemented
+            console.error(`Error: Multiple CaseQueriesCollections are not supported yet for the ${jurisdictionId} jurisdiction`);
+            return false;
+        }
+        return true;
+    }
+    getCaseQueriesCollectionFieldOrderFromWizardPages() {
+        const candidateFields = this.eventData?.case_fields?.filter((field) => field.field_type.id === this.CASE_QUERIES_COLLECTION_ID &&
+            field.field_type.type === this.FIELD_TYPE_COMPLEX &&
+            field.display_context !== this.DISPLAY_CONTEXT_READONLY);
+        if (!candidateFields?.length) {
+            return undefined;
+        }
+        const firstPageFields = this.eventData?.wizard_pages?.[0]?.wizard_page_fields;
+        if (!firstPageFields) {
+            return undefined;
+        }
+        return candidateFields
+            .map((field) => {
+            const wizardField = firstPageFields.find((f) => f.case_field_id === field.id);
+            return { field, order: wizardField?.order ?? Number.MAX_SAFE_INTEGER };
+        })
+            .sort((a, b) => a.order - b.order)[0]?.field;
+    }
+    getCollectionSelectionMethod(jurisdiction) {
+        return jurisdiction.toUpperCase() === this.CIVIL_JURISDICTION ? this.QM_SELECT_FIRST_COLLECTION : this.QM_COLLECTION_PROMPT;
     }
     getDocumentAttachments() {
         const attachmentsValue = this.formGroup.get('attachments').value;
@@ -21790,14 +21896,8 @@ class QueryCheckYourAnswersComponent {
     isServiceErrorFound(error) {
         return !!(error?.callbackErrors?.length);
     }
-    setCaseQueriesCollectionData() {
-        if (!this.eventData) {
-            console.warn('Event data not available; skipping collection setup.');
-        }
-        this.queryManagementService.setCaseQueriesCollectionData(this.eventData, this.queryCreateContext, this.caseDetails, this.messgaeId);
-    }
-    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(QualifyingQuestionService), i0.ɵɵdirectiveInject(QueryManagementService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(AlertService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext", eventData: "eventData", qmCaseQueriesCollectionData: "qmCaseQueriesCollectionData" }, 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 ɵ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" }, 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);
@@ -21806,7 +21906,7 @@ class QueryCheckYourAnswersComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCheckYourAnswersComponent, [{
         type: Component,
         args: [{ selector: 'ccd-query-check-your-answers', template: "<div class=\"govuk-grid-row\" *ngIf=\"readyToSubmit\">\n  <div class=\"govuk-grid-column-two-thirds-from-desktop\">\n    <!-- Error message summary -->\n    <div *ngIf=\"errorMessages.length > 0\" class=\"govuk-error-summary\"\n      aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n      data-module=\"govuk-error-summary\">\n     <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n       {{ 'There is a problem' | rpxTranslate }}\n     </h2>\n     <div class=\"govuk-error-summary__body\">\n       <ul class=\"govuk-list govuk-error-summary__list\">\n         <li *ngFor=\"let errorMessage of errorMessages\">\n           <a [id]=\"'error-' + errorMessage.fieldId\" href=\"javascript:void(0)\"\n             class=\"validation-error\">{{ errorMessage.description | rpxTranslate }}</a>\n         </li>\n       </ul>\n     </div>\n   </div>\n\n   <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h3 class=\"heading-h3 error-summary-heading\" id=\"event_error-summary-heading\">\n      The event could not be created\n    </h3>\n    <p>{{error.message}}</p>\n    <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n      <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n    </ul>\n  </div>\n\n  <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"></ccd-callback-errors>\n\n    <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\">\n      <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n    </ng-container>\n\n    <h1 class=\"govuk-heading-l\">\n      <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND; else defaultCheckYourAnswersTitle\">\n        {{ 'Review query response details' | rpxTranslate }}\n      </ng-container>\n\n      <ng-template #defaultCheckYourAnswersTitle>\n        {{ 'Review query details' | rpxTranslate }}\n      </ng-template>\n    </h1>\n    <div class=\"govuk-!-margin-bottom-4\">\n      <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n    </div>\n\n    <dl *ngIf=\"queryCreateContext !== queryCreateContextEnum.FOLLOWUP\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Submitted query' : 'Query subject' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? queryItem.subject : formGroup.get('subject')?.value }}\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a  *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" \n            href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n    </dl>\n\n    <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query detail' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          {{ formGroup.get('body')?.value }}\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n    </dl>\n\n    <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ 'Is the query hearing related?' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <ng-container *ngIf=\"formGroup.get('isHearingRelated')?.value === true; else isHearingRelatedFalse\">\n            {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n          </ng-container>\n          <ng-template #isHearingRelatedFalse>\n            {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n          </ng-template>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n\n      <div *ngIf=\"formGroup.get('isHearingRelated')?.value\" class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY\n            ? 'What is the date of the hearing?'\n            : 'What is the date of the hearing your query is related to?' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          {{ formGroup.get('hearingDate')?.value | date: 'dd MMM yyyy' }}\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n    </dl>\n    <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\" *ngIf=\"this.formGroup.get('attachments').value.length > 0\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY ? 'Upload a file to the query' : 'Document attached' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value govuk-summary-list__value--documentAttached\">\n          <ccd-query-attachments-read\n            *ngIf=\"this.formGroup.get('attachments').value\"\n            [attachments]=\"attachments\"\n          >\n          </ccd-query-attachments-read>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n    </dl>\n\n    <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          {{ 'Closing the query' | rpxTranslate }}\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          {{ formGroup.get('closeQuery')?.value ? 'I want to close this query' : 'No answer' | rpxTranslate }}\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n            {{ 'Change' | rpxTranslate }}\n          </a>\n        </dd>\n      </div>\n    </dl>\n\n    <br>\n\n    <div>\n      <button class=\"govuk-button govuk-button--secondary govuk-!-margin-right-3\" data-module=\"govuk-button\"\n        (click)=\"goBack()\">\n        {{ 'Previous' | rpxTranslate }}\n      </button>\n      <button class=\"govuk-button\" data-module=\"govuk-button\" type=\"submit\" (click)=\"submit()\">\n        {{ 'Submit' | rpxTranslate }}\n      </button>\n    </div>\n  </div>\n\n  <ccd-query-event-completion [eventCompletionParams]=\"eventCompletionParams\">    \n  </ccd-query-event-completion>\n</div>\n", styles: [".govuk-summary-list__value--documentAttached{vertical-align:middle}\n"] }]
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: CasesService }, { type: CaseNotifier }, { type: WorkAllocationService }, { type: QualifyingQuestionService }, { type: QueryManagementService }, { type: ErrorNotifierService }, { type: AlertService }], { formGroup: [{
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: CasesService }, { type: CaseNotifier }, { type: WorkAllocationService }, { type: SessionStorageService }, { type: QualifyingQuestionService }], { formGroup: [{
             type: Input
         }], queryItem: [{
             type: Input
@@ -21814,8 +21914,6 @@ class QueryCheckYourAnswersComponent {
             type: Input
         }], eventData: [{
             type: Input
-        }], qmCaseQueriesCollectionData: [{
-            type: Input
         }], backClicked: [{
             type: Output
         }], querySubmitted: [{
@@ -21823,7 +21921,7 @@ class QueryCheckYourAnswersComponent {
         }], callbackConfirmationMessage: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCheckYourAnswersComponent, { className: "QueryCheckYourAnswersComponent", filePath: "lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCheckYourAnswersComponent, { className: "QueryCheckYourAnswersComponent", filePath: "lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.ts", lineNumber: 28 }); })();
 
 function QueryDetailsComponent_ng_container_0_p_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -22775,36 +22873,12 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r0.formGroup.get("isHearingRelated").value);
 } }
 class QueryWriteRaiseQueryComponent {
-    queryManagementService;
-    route;
     formGroup;
     submitted;
     caseDetails;
     showForm;
     serviceMessage;
-    queryCreateContext;
-    eventData = null;
-    queryItem;
-    validate;
-    triggerSubmission;
-    queryDataCreated = new EventEmitter();
     raiseQueryErrorMessage = RaiseQueryErrorMessage;
-    eventCompletionParams;
-    messgaeId;
-    constructor(queryManagementService, route) {
-        this.queryManagementService = queryManagementService;
-        this.route = route;
-    }
-    ngOnChanges() {
-        this.messgaeId = this.route.snapshot.params.dataid;
-        const isCollectionDataSet = this.setCaseQueriesCollectionData();
-        if (isCollectionDataSet) {
-            if (this.triggerSubmission) {
-                const data = this.generateCaseQueriesCollectionData();
-                this.queryDataCreated.emit(data);
-            }
-        }
-    }
     onSubjectInput() {
         const control = this.formGroup.get('subject');
         const value = control?.value;
@@ -22822,19 +22896,8 @@ class QueryWriteRaiseQueryComponent {
         }
         return '';
     }
-    setCaseQueriesCollectionData() {
-        if (!this.eventData) {
-            console.warn('Event data not available; skipping collection setup.');
-            return false;
-        }
-        this.queryManagementService.setCaseQueriesCollectionData(this.eventData, this.queryCreateContext, this.caseDetails, this.messgaeId);
-        return true;
-    }
-    generateCaseQueriesCollectionData() {
-        return this.queryManagementService.generateCaseQueriesCollectionData(this.formGroup, this.queryCreateContext, this.queryItem, this.messgaeId);
-    }
-    static ɵfac = function QueryWriteRaiseQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRaiseQueryComponent)(i0.ɵɵdirectiveInject(QueryManagementService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm", serviceMessage: "serviceMessage", queryCreateContext: "queryCreateContext", eventData: "eventData", queryItem: "queryItem", validate: "validate", triggerSubmission: "triggerSubmission" }, outputs: { queryDataCreated: "queryDataCreated" }, features: [i0.ɵɵNgOnChangesFeature], decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails", 4, "ngIf"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [3, "caseDetails"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [3, "content"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "id", "subject", "formControlName", "subject", "maxlength", "200", "aria-describedby", "subject-error", 1, "govuk-input", 3, "input"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function QueryWriteRaiseQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRaiseQueryComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm", serviceMessage: "serviceMessage" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails", 4, "ngIf"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [3, "caseDetails"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [3, "content"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "id", "subject", "formControlName", "subject", "maxlength", "200", "aria-describedby", "subject-error", 1, "govuk-input", 3, "input"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "rpxTranslate");
@@ -22863,7 +22926,7 @@ class QueryWriteRaiseQueryComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
         type: Component,
         args: [{ selector: 'ccd-query-write-raise-query', template: "<div>\n  <div class=\"govuk-!-margin-bottom-6\">\n    <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n    <h1 class=\"govuk-heading-l govuk-!-margin-bottom-4\">{{ 'Enter query details' | rpxTranslate }}</h1>\n  </div>\n\n  <div>\n    <ccd-query-case-details-header [caseDetails]=\"caseDetails\" *ngIf=\"caseDetails\"></ccd-query-case-details-header>\n  </div>\n\n  <hr>\n\n  <div class=\"govuk-!-margin-bottom-4\" *ngIf=\"showForm\">\n    <div [formGroup]=\"formGroup\">\n      <div>\n        <div class=\"govuk-warning-text\">\n          <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n          <strong class=\"govuk-warning-text__text\">\n            <span class=\"govuk-visually-hidden\">Warning</span>\n            <ccd-markdown\n              [content]=\"serviceMessage | rpxTranslate\">\n            </ccd-markdown>\n          </strong>\n        </div>\n        <div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('subject').hasError('required')}\">\n          <div class=\"govuk-label-wrapper\">\n            <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"subject\">\n              {{ 'Query subject' | rpxTranslate }}\n            </label>\n          </div>\n          <div id=\"subject-hint\" class=\"govuk-hint\">\n            {{ 'The subject should be a summary of your query' | rpxTranslate }}\n          </div>\n          <p id=\"subject-error\" class=\"govuk-error-message\"\n            *ngIf=\"submitted && (formGroup.get('subject').hasError('required') || formGroup.get('subject').hasError('maxlength'))\">\n            <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span>\n            {{ getSubjectErrorMessage() | rpxTranslate }}\n          </p>\n\n          <input type=\"text\"\n            id=\"subject\"\n            class=\"govuk-input\"\n            formControlName=\"subject\"\n            maxlength=\"200\"\n            (input)=\"onSubjectInput()\"\n            aria-describedby=\"subject-error\" />\n      </div>\n\n        <div class=\"govuk-form-group\"\n             [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('body').hasError('required')}\">\n          <div class=\"govuk-label-wrapper\">\n            <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"body\">\n              {{ 'Query detail' | rpxTranslate }}\n            </label>\n          </div>\n          <div id=\"body-hint\" class=\"govuk-hint\">\n            {{ 'Include as many details as possible so case workers can respond to your query' | rpxTranslate }}\n          </div>\n          <p id=\"body-error\" class=\"govuk-error-message\"\n              *ngIf=\"submitted && formGroup.get('body').hasError('required')\">\n            <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_BODY | rpxTranslate }}\n          </p>\n          <textarea [formControlName]=\"'body'\"\n                    id=\"body\" name=\"body\" rows=\"5\"\n                    aria-describedby=\"body-hint body-error\"\n                    class=\"govuk-textarea\"\n                    [class.govuk-textarea--error]=\"submitted && formGroup.get('body').hasError('required')\"\n          >\n          </textarea>\n      </div>\n\n      <div class=\"govuk-form-group\"\n           [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('isHearingRelated').hasError('required')}\">\n        <fieldset class=\"govuk-fieldset\">\n          <legend>\n            <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\">\n              {{ 'Is the query hearing related?' | rpxTranslate }}\n            </label>\n          </legend>\n          <p id=\"isHearingRelated-error\" class=\"govuk-error-message\"\n              *ngIf=\"submitted && formGroup.get('isHearingRelated').hasError('required')\">\n            <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_RELATED | rpxTranslate }}\n          </p>\n          <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n            <div class=\"govuk-radios__item\">\n              <input class=\"govuk-radios__input\" id=\"isHearingRelated-yes\" name=\"isHearingRelated\"\n                     type=\"radio\"\n                     formControlName=\"isHearingRelated\"\n                     [checked]=\"formGroup.get('isHearingRelated').value === true\" [value]=\"true\"\n              >\n              <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-yes\">\n                {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n              </label>\n            </div>\n            <div class=\"govuk-radios__item\">\n              <input class=\"govuk-radios__input\" id=\"isHearingRelated-no\" name=\"isHearingRelated\"\n                     type=\"radio\"\n                     formControlName=\"isHearingRelated\"\n                     [checked]=\"formGroup.get('isHearingRelated').value === false\" [value]=\"false\"\n              >\n              <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-no\">\n                {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n              </label>\n            </div>\n          </div>\n        </fieldset>\n\n        <ng-container *ngIf=\"formGroup.get('isHearingRelated').value\">\n          <div class=\"govuk-radios__conditional govuk-!-margin-top-1\"\n               [ngClass]=\"{'govuk-form-group--error': submitted &&\n               formGroup.get('isHearingRelated').value === true &&\n               formGroup.get('hearingDate').value === null}\">\n            <fieldset class=\"govuk-fieldset\" role=\"group\">\n              <legend>\n                <label class=\"govuk-label govuk-label--s\">\n                  {{ 'What is the date of the hearing?' | rpxTranslate }}\n                </label>\n              </legend>\n              <p id=\"hearingDate-error\" class=\"govuk-error-message\"\n                  *ngIf=\"submitted && formGroup.get('isHearingRelated').value === true && formGroup.get('hearingDate').value === null\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_DATE | rpxTranslate }}\n              </p>\n              <ccd-query-write-date-input formControlName=\"hearingDate\"></ccd-query-write-date-input>\n            </fieldset>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
-    }], () => [{ type: QueryManagementService }, { type: i1$1.ActivatedRoute }], { formGroup: [{
+    }], null, { formGroup: [{
             type: Input
         }], submitted: [{
             type: Input
@@ -22873,20 +22936,8 @@ class QueryWriteRaiseQueryComponent {
             type: Input
         }], serviceMessage: [{
             type: Input
-        }], queryCreateContext: [{
-            type: Input
-        }], eventData: [{
-            type: Input
-        }], queryItem: [{
-            type: Input
-        }], validate: [{
-            type: Input
-        }], triggerSubmission: [{
-            type: Input
-        }], queryDataCreated: [{
-            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRaiseQueryComponent, { className: "QueryWriteRaiseQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRaiseQueryComponent, { className: "QueryWriteRaiseQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.ts", lineNumber: 8 }); })();
 
 function QueryWriteRespondToQueryComponent_ccd_query_case_details_header_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ccd-query-case-details-header", 8);
@@ -22968,16 +23019,12 @@ function QueryWriteRespondToQueryComponent_ng_container_13_Template(rf, ctx) { i
 class QueryWriteRespondToQueryComponent {
     caseNotifier;
     route;
-    queryManagementService;
     queryItem;
     formGroup;
     queryCreateContext;
     submitted = false;
     caseQueriesCollections;
     showForm;
-    triggerSubmission;
-    eventData = null;
-    queryDataCreated = new EventEmitter();
     hasRespondedToQueryTask = new EventEmitter();
     queryCreateContextEnum = QueryCreateContext;
     raiseQueryErrorMessages = RaiseQueryErrorMessage;
@@ -22987,13 +23034,11 @@ class QueryWriteRespondToQueryComponent {
     queryResponseStatus;
     queryListData;
     hasRespondedToQuery = false;
-    messgaeId;
     static QUERY_ITEM_RESPOND = '3';
     static QUERY_ITEM_FOLLOWUP = '4';
-    constructor(caseNotifier, route, queryManagementService) {
+    constructor(caseNotifier, route) {
         this.caseNotifier = caseNotifier;
         this.route = route;
-        this.queryManagementService = queryManagementService;
     }
     ngOnInit() {
         this.queryItemId = this.route.snapshot.params.qid;
@@ -23035,31 +23080,13 @@ class QueryWriteRespondToQueryComponent {
             : matchingMessage?.id;
         this.queryListData = queryWithChildren?.queries.find((query) => query?.id === targetId);
         this.queryResponseStatus = this.queryListData?.responseStatus;
-        const isCollectionDataSet = this.setCaseQueriesCollectionData();
-        if (isCollectionDataSet) {
-            if (this.triggerSubmission) {
-                const data = this.generateCaseQueriesCollectionData();
-                this.queryDataCreated.emit(data);
-            }
-        }
     }
     hasResponded(value) {
         this.hasRespondedToQuery = value;
         this.hasRespondedToQueryTask.emit(value);
     }
-    setCaseQueriesCollectionData() {
-        if (!this.eventData) {
-            console.warn('Event data not available; skipping collection setup.');
-            return false;
-        }
-        this.queryManagementService.setCaseQueriesCollectionData(this.eventData, this.queryCreateContext, this.caseDetails, this.messgaeId);
-        return true;
-    }
-    generateCaseQueriesCollectionData() {
-        return this.queryManagementService.generateCaseQueriesCollectionData(this.formGroup, this.queryCreateContext, this.queryItem, this.messgaeId);
-    }
-    static ɵfac = function QueryWriteRespondToQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRespondToQueryComponent)(i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(QueryManagementService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted", caseQueriesCollections: "caseQueriesCollections", showForm: "showForm", triggerSubmission: "triggerSubmission", eventData: "eventData" }, outputs: { queryDataCreated: "queryDataCreated", hasRespondedToQueryTask: "hasRespondedToQueryTask" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 11, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails", 4, "ngIf"], [3, "hasResponded", "query", "queryResponseStatus"], ["class", "query-respond", 4, "ngIf"], [4, "ngIf"], [3, "caseDetails"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [3, "formGroup", 4, "ngIf"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function QueryWriteRespondToQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRespondToQueryComponent)(i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted", caseQueriesCollections: "caseQueriesCollections", showForm: "showForm" }, outputs: { hasRespondedToQueryTask: "hasRespondedToQueryTask" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 11, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails", 4, "ngIf"], [3, "hasResponded", "query", "queryResponseStatus"], ["class", "query-respond", 4, "ngIf"], [4, "ngIf"], [3, "caseDetails"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [3, "formGroup", 4, "ngIf"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 0)(2, "div", 1);
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "rpxTranslate");
@@ -23093,7 +23120,7 @@ class QueryWriteRespondToQueryComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRespondToQueryComponent, [{
         type: Component,
         args: [{ selector: 'ccd-query-write-respond-to-query', template: "<div class=\"govuk-!-margin-bottom-6\">\n  <div class=\"govuk-!-margin-bottom-6\">\n    <div class=\"govuk-caption-l\">{{ 'Respond to a query' | rpxTranslate }}</div>\n    <h1 class=\"govuk-heading-l govuk-!-margin-bottom-0\">{{ 'Query details' | rpxTranslate }}</h1>\n  </div>\n\n  <div class=\"govuk-!-margin-bottom-4\">\n    <ccd-query-case-details-header [caseDetails]=\"caseDetails\" *ngIf=\"caseDetails\"></ccd-query-case-details-header>\n  </div>\n\n  <div>\n    <ccd-query-details [query]=\"queryListData\"\n      [queryResponseStatus]=\"queryResponseStatus\"\n      (hasResponded)=\"hasResponded($event)\"></ccd-query-details>\n  </div>\n</div>\n<div class=\"query-respond\" *ngIf=\"showForm\">\n  <div *ngIf=\"!hasRespondedToQuery\">\n    <h1 class=\"govuk-heading-m\">\n      {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Respond to a query' : 'Ask a follow-up question' | rpxTranslate }}\n    </h1>\n\n    <div [formGroup]=\"formGroup\">\n      <div class=\"govuk-form-group body-textarea\"\n           [class.govuk-form-group--error]=\"submitted && formGroup.get('body')?.hasError('required')\">\n        <div class=\"govuk-label-wrapper\">\n          <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"body\">\n            {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query Body' | rpxTranslate }}\n          </label>\n        </div>\n        <p id=\"body-error\" class=\"govuk-error-message\"\n           *ngIf=\"submitted && formGroup.get('body')?.hasError('required')\">\n          <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ queryCreateContext === queryCreateContextEnum.RESPOND ? raiseQueryErrorMessages.RESPOND_QUERY_BODY : raiseQueryErrorMessages.QUERY_BODY | rpxTranslate }}\n        </p>\n        <textarea [formControlName]=\"'body'\" class=\"govuk-textarea\"\n                  [class.govuk-textarea--error]=\"submitted && formGroup.get('body')?.hasError('required')\" id=\"body\"\n                  name=\"body\" rows=\"5\" aria-describedby=\"body-hint body-error\">\n      </textarea>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND\">\n  <ccd-close-query *ngIf=\"!hasRespondedToQuery\"\n    [formGroup]=\"formGroup\">\n  </ccd-close-query>\n</ng-container>", styles: [".query-respond{width:100%;max-width:720px}\n"] }]
-    }], () => [{ type: CaseNotifier }, { type: i1$1.ActivatedRoute }, { type: QueryManagementService }], { queryItem: [{
+    }], () => [{ type: CaseNotifier }, { type: i1$1.ActivatedRoute }], { queryItem: [{
             type: Input
         }], formGroup: [{
             type: Input
@@ -23105,16 +23132,10 @@ class QueryWriteRespondToQueryComponent {
             type: Input
         }], showForm: [{
             type: Input
-        }], triggerSubmission: [{
-            type: Input
-        }], eventData: [{
-            type: Input
-        }], queryDataCreated: [{
-            type: Output
         }], hasRespondedToQueryTask: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRespondToQueryComponent, { className: "QueryWriteRespondToQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRespondToQueryComponent, { className: "QueryWriteRespondToQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.ts", lineNumber: 14 }); })();
 
 function QueryConfirmationComponent_main_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -23331,32 +23352,23 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_conta
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
 function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "button", 9);
+    i0.ɵɵelementStart(0, "div")(1, "p", 10);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 10);
+    i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p");
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "rpxTranslate");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(10, _c0$B, ctx_r1.caseId, ctx_r1.query.id));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "Ask a follow-up question"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "Your query is under review"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Your query is under review"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 8, "Our team will read your query and respond. Do not submit the same query more than once."));
+    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_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", 2)(2, ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_template_2_Template, 10, 13, "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 queryIsInReview_r5 = i0.ɵɵreference(3);
@@ -23391,7 +23403,7 @@ function ReadQueryManagementFieldComponent_ng_template_1_Template(rf, ctx) { if
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("query", ctx_r1.query)("caseId", ctx_r1.caseId);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.isInternalUser() && !ctx_r1.isQueryClosed && (ctx_r1.query == null ? null : ctx_r1.query.children == null ? null : ctx_r1.query.children.length) > 0);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isInternalUser() && !ctx_r1.isQueryClosed);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.isInternalUser() && ctx_r1.isQueryClosed);
 } }
@@ -23459,7 +23471,7 @@ class ReadQueryManagementFieldComponent extends AbstractFieldReadComponent {
 }
 (() => { (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 && query?.children?.length > 0\">\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        <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        <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" }]
+        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 }); })();
 
@@ -30726,8 +30738,6 @@ class PaletteModule {
             CommonDataService,
             LinkedCasesService,
             QualifyingQuestionService,
-            QueryManagementUtils,
-            QueryManagementService,
             { provide: MAT_LEGACY_DATE_LOCALE, useValue: 'en-GB' }
         ], imports: [CommonModule,
             RouterModule,
@@ -30743,6 +30753,7 @@ class PaletteModule {
             FormModule,
             TabsModule,
             LabelSubstitutorModule,
+            TranslatedMarkdownModule,
             MarkdownModule.forChild(),
             NgxMatDatetimePickerModule,
             NgxMatTimepickerModule,
@@ -30788,6 +30799,7 @@ class PaletteModule {
                     FormModule,
                     TabsModule,
                     LabelSubstitutorModule,
+                    TranslatedMarkdownModule,
                     MarkdownModule.forChild(),
                     NgxMatDatetimePickerModule,
                     NgxMatTimepickerModule,
@@ -30845,8 +30857,6 @@ class PaletteModule {
                     CommonDataService,
                     LinkedCasesService,
                     QualifyingQuestionService,
-                    QueryManagementUtils,
-                    QueryManagementService,
                     { provide: MAT_LEGACY_DATE_LOCALE, useValue: 'en-GB' }
                 ],
                 schemas: [CUSTOM_ELEMENTS_SCHEMA]
@@ -30998,7 +31008,8 @@ class PaletteModule {
         BodyModule,
         FormModule,
         TabsModule,
-        LabelSubstitutorModule, i2$1.MarkdownModule, NgxMatDatetimePickerModule,
+        LabelSubstitutorModule,
+        TranslatedMarkdownModule, i2$1.MarkdownModule, NgxMatDatetimePickerModule,
         NgxMatTimepickerModule,
         NgxMatNativeDateModule,
         MatLegacyFormFieldModule,
@@ -40253,5 +40264,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.mjs.map