@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-document-uploader → 6.16.0-query-management-document-uploader-v3

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

@@ -20145,9 +20145,11 @@
                     body: 'Please review attached document and advise if hearing should proceed?',
                     attachments: [
                         {
-                            document_url: '/',
-                            document_binary_url: '/',
-                            document_filename: 'document.pdf',
+                            _links: {
+                                self: { href: '/' },
+                                binary: { href: '/' },
+                            },
+                            originalDocumentName: 'documentName.pdf',
                         }
                     ],
                     isHearingRelated: true,
@@ -20934,7 +20936,7 @@
             var formControl = this.documentFormGroup.get(QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME);
             if (formControl) {
                 this.documentFormControlSubscription = formControl.valueChanges
-                    .pipe(operators.map(function (documents) { return documents.filter(function (document) { var _a; return !!((_a = document === null || document === void 0 ? void 0 : document.value) === null || _a === void 0 ? void 0 : _a.document_url); }); }), operators.map(function (documents) { return documents.map(function (document) { return document === null || document === void 0 ? void 0 : document.value; }); }), operators.tap(function (documents) { return _this.documentCollectionUpdate.emit(documents); }))
+                    .pipe(operators.map(function (documents) { return (documents.filter(function (document) { var _a; return !!((_a = document === null || document === void 0 ? void 0 : document.value) === null || _a === void 0 ? void 0 : _a.document_url); })); }), operators.map(function (documents) { return documents.map(function (document) { return document === null || document === void 0 ? void 0 : document.value; }); }), operators.tap(function (documents) { return _this.documentCollectionUpdate.emit(documents); }))
                     .subscribe();
             }
         };
@@ -20953,24 +20955,23 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseField", ctx.mockDocumentCaseField);
             }
-        }, styles: [""] });
+        }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteAddDocumentsComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-query-write-add-documents',
-                        templateUrl: './query-write-add-documents.component.html',
-                        styleUrls: ['./query-write-add-documents.component.scss']
+                        templateUrl: './query-write-add-documents.component.html'
                     }]
             }], function () { return []; }, { documentCollectionUpdate: [{
                     type: i0.Output
                 }] });
     })();
 
-    function QueryWriteRaiseQueryComponent_p_23_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 35);
-            i0__namespace.ɵɵelementStart(1, "span", 36);
+            i0__namespace.ɵɵelementStart(0, "p", 27);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -20982,13 +20983,13 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a response message"), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a message"), " ");
         }
     }
-    function QueryWriteRaiseQueryComponent_p_33_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_32_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 37);
-            i0__namespace.ɵɵelementStart(1, "span", 36);
+            i0__namespace.ɵɵelementStart(0, "p", 29);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21003,10 +21004,10 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a subject"), " ");
         }
     }
-    function QueryWriteRaiseQueryComponent_p_43_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_42_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 38);
-            i0__namespace.ɵɵelementStart(1, "span", 36);
+            i0__namespace.ɵɵelementStart(0, "p", 30);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21018,143 +21019,104 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a body"), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a query body"), " ");
         }
     }
     var QueryWriteRaiseQueryComponent = /** @class */ (function () {
         function QueryWriteRaiseQueryComponent() {
-            this.formGroup = new i3.FormGroup({
-                fullName: new i3.FormControl('', i3.Validators.required),
-                subject: new i3.FormControl('', i3.Validators.required),
-                body: new i3.FormControl('', i3.Validators.required),
-                isHearingRelated: new i3.FormControl(null, i3.Validators.required),
-                documents: new i3.FormControl([])
-            });
         }
-        QueryWriteRaiseQueryComponent.prototype.onDocumentCollectionUpdate = function (documents) {
-            this.formGroup.get('documents').setValue(documents);
-        };
         return QueryWriteRaiseQueryComponent;
     }());
     QueryWriteRaiseQueryComponent.ɵfac = function QueryWriteRaiseQueryComponent_Factory(t) { return new (t || QueryWriteRaiseQueryComponent)(); };
-    QueryWriteRaiseQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], decls: 80, vars: 75, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [1, "query-raise"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group"], [1, "govuk-label-wrapper"], ["for", "query-raise-fullName", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-fullName-hint", 1, "govuk-hint"], ["id", "query-raise-fullName-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-fullName", "name", "query-raise-fullName", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-subject-hint", 1, "govuk-hint"], ["id", "query-raise-subject-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-subject", "name", "query-raise-subject", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-body-hint", 1, "govuk-hint"], ["id", "query-raise-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-body", "name", "query-response", "rows", "5", "aria-describedby", "query-response-hint query-response-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "query-raise-isHearingRelated-yes", "name", "query-raise-isHearingRelated-yes", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-isHearingRelated-no", "name", "query-raise-isHearingRelated-no", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [3, "documentCollectionUpdate"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], [1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-raise-fullName-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "query-raise-subject-error", 1, "govuk-error-message"], ["id", "query-raise-body-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
+    QueryWriteRaiseQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup" }, decls: 62, vars: 60, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group"], [1, "govuk-label-wrapper"], ["for", "query-raise-fullName", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-fullName-hint", 1, "govuk-hint"], ["id", "query-raise-fullName-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-fullName", "name", "query-raise-fullName", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-subject-hint", 1, "govuk-hint"], ["id", "query-raise-subject-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-subject", "name", "query-raise-subject", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-body-hint", 1, "govuk-hint"], ["id", "query-raise-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-body", "name", "query-body", "rows", "5", "aria-describedby", "query-body-hint query-body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "query-raise-isHearingRelated-yes", "name", "query-raise-isHearingRelated-yes", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-isHearingRelated-no", "name", "query-raise-isHearingRelated-no", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-fullName-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "query-raise-subject-error", 1, "govuk-error-message"], ["id", "query-raise-body-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "div", 2);
-                i0__namespace.ɵɵelementStart(3, "div", 3);
-                i0__namespace.ɵɵtext(4);
-                i0__namespace.ɵɵpipe(5, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "h1", 4);
-                i0__namespace.ɵɵtext(7);
-                i0__namespace.ɵɵpipe(8, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(9, "div");
-                i0__namespace.ɵɵelement(10, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(11, "hr");
-                i0__namespace.ɵɵelementStart(12, "div", 5);
-                i0__namespace.ɵɵelementStart(13, "div", 6);
-                i0__namespace.ɵɵelementStart(14, "div");
-                i0__namespace.ɵɵelementStart(15, "div", 7);
-                i0__namespace.ɵɵelementStart(16, "div", 8);
-                i0__namespace.ɵɵelementStart(17, "label", 9);
-                i0__namespace.ɵɵtext(18);
-                i0__namespace.ɵɵpipe(19, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(20, "div", 10);
-                i0__namespace.ɵɵtext(21);
-                i0__namespace.ɵɵpipe(22, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(23, QueryWriteRaiseQueryComponent_p_23_Template, 6, 6, "p", 11);
-                i0__namespace.ɵɵelement(24, "input", 12);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(25, "div", 7);
-                i0__namespace.ɵɵelementStart(26, "div", 8);
-                i0__namespace.ɵɵelementStart(27, "label", 13);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵpipe(29, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(30, "div", 14);
-                i0__namespace.ɵɵtext(31);
-                i0__namespace.ɵɵpipe(32, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "div", 0);
+                i0__namespace.ɵɵelementStart(2, "div", 1);
+                i0__namespace.ɵɵtext(3);
+                i0__namespace.ɵɵpipe(4, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(33, QueryWriteRaiseQueryComponent_p_33_Template, 6, 6, "p", 15);
-                i0__namespace.ɵɵelement(34, "input", 16);
+                i0__namespace.ɵɵelementStart(5, "h1", 2);
+                i0__namespace.ɵɵtext(6);
+                i0__namespace.ɵɵpipe(7, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(35, "div", 7);
-                i0__namespace.ɵɵelementStart(36, "div", 8);
-                i0__namespace.ɵɵelementStart(37, "label", 17);
-                i0__namespace.ɵɵtext(38);
-                i0__namespace.ɵɵpipe(39, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(8, "div");
+                i0__namespace.ɵɵelement(9, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(40, "div", 18);
-                i0__namespace.ɵɵtext(41);
-                i0__namespace.ɵɵpipe(42, "rpxTranslate");
+                i0__namespace.ɵɵelement(10, "hr");
+                i0__namespace.ɵɵelementStart(11, "div", 3);
+                i0__namespace.ɵɵelementStart(12, "div", 4);
+                i0__namespace.ɵɵelementStart(13, "div");
+                i0__namespace.ɵɵelementStart(14, "div", 5);
+                i0__namespace.ɵɵelementStart(15, "div", 6);
+                i0__namespace.ɵɵelementStart(16, "label", 7);
+                i0__namespace.ɵɵtext(17);
+                i0__namespace.ɵɵpipe(18, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(43, QueryWriteRaiseQueryComponent_p_43_Template, 6, 6, "p", 19);
-                i0__namespace.ɵɵelementStart(44, "textarea", 20);
-                i0__namespace.ɵɵtext(45, "          ");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(19, "div", 8);
+                i0__namespace.ɵɵtext(20);
+                i0__namespace.ɵɵpipe(21, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(46, "div", 7);
-                i0__namespace.ɵɵelementStart(47, "fieldset", 21);
-                i0__namespace.ɵɵelementStart(48, "legend");
-                i0__namespace.ɵɵelementStart(49, "label", 22);
-                i0__namespace.ɵɵtext(50);
-                i0__namespace.ɵɵpipe(51, "rpxTranslate");
+                i0__namespace.ɵɵtemplate(22, QueryWriteRaiseQueryComponent_p_22_Template, 6, 6, "p", 9);
+                i0__namespace.ɵɵelement(23, "input", 10);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(24, "div", 5);
+                i0__namespace.ɵɵelementStart(25, "div", 6);
+                i0__namespace.ɵɵelementStart(26, "label", 11);
+                i0__namespace.ɵɵtext(27);
+                i0__namespace.ɵɵpipe(28, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(52, "div", 23);
-                i0__namespace.ɵɵelementStart(53, "div", 24);
-                i0__namespace.ɵɵelement(54, "input", 25);
-                i0__namespace.ɵɵelementStart(55, "label", 26);
-                i0__namespace.ɵɵtext(56);
-                i0__namespace.ɵɵpipe(57, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(29, "div", 12);
+                i0__namespace.ɵɵtext(30);
+                i0__namespace.ɵɵpipe(31, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(58, "div", 24);
-                i0__namespace.ɵɵelement(59, "input", 27);
-                i0__namespace.ɵɵelementStart(60, "label", 28);
-                i0__namespace.ɵɵtext(61);
-                i0__namespace.ɵɵpipe(62, "rpxTranslate");
+                i0__namespace.ɵɵtemplate(32, QueryWriteRaiseQueryComponent_p_32_Template, 6, 6, "p", 13);
+                i0__namespace.ɵɵelement(33, "input", 14);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(34, "div", 5);
+                i0__namespace.ɵɵelementStart(35, "div", 6);
+                i0__namespace.ɵɵelementStart(36, "label", 15);
+                i0__namespace.ɵɵtext(37);
+                i0__namespace.ɵɵpipe(38, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(39, "div", 16);
+                i0__namespace.ɵɵtext(40);
+                i0__namespace.ɵɵpipe(41, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(42, QueryWriteRaiseQueryComponent_p_42_Template, 6, 6, "p", 17);
+                i0__namespace.ɵɵelementStart(43, "textarea", 18);
+                i0__namespace.ɵɵtext(44, "          ");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(63, "div", 7);
-                i0__namespace.ɵɵelementStart(64, "ccd-query-write-add-documents", 29);
-                i0__namespace.ɵɵlistener("documentCollectionUpdate", function QueryWriteRaiseQueryComponent_Template_ccd_query_write_add_documents_documentCollectionUpdate_64_listener($event) { return ctx.onDocumentCollectionUpdate($event); });
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(45, "div", 5);
+                i0__namespace.ɵɵelementStart(46, "fieldset", 19);
+                i0__namespace.ɵɵelementStart(47, "legend");
+                i0__namespace.ɵɵelementStart(48, "label", 20);
+                i0__namespace.ɵɵtext(49);
+                i0__namespace.ɵɵpipe(50, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(65, "button", 30);
-                i0__namespace.ɵɵtext(66);
-                i0__namespace.ɵɵpipe(67, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(51, "div", 21);
+                i0__namespace.ɵɵelementStart(52, "div", 22);
+                i0__namespace.ɵɵelement(53, "input", 23);
+                i0__namespace.ɵɵelementStart(54, "label", 24);
+                i0__namespace.ɵɵtext(55);
+                i0__namespace.ɵɵpipe(56, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(68, "div");
-                i0__namespace.ɵɵelementStart(69, "div", 31);
-                i0__namespace.ɵɵelementStart(70, "button", 32);
-                i0__namespace.ɵɵtext(71);
-                i0__namespace.ɵɵpipe(72, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(57, "div", 22);
+                i0__namespace.ɵɵelement(58, "input", 25);
+                i0__namespace.ɵɵelementStart(59, "label", 26);
+                i0__namespace.ɵɵtext(60);
+                i0__namespace.ɵɵpipe(61, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(73, "button", 30);
-                i0__namespace.ɵɵtext(74);
-                i0__namespace.ɵɵpipe(75, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(76, "div", 33);
-                i0__namespace.ɵɵelementStart(77, "a", 34);
-                i0__namespace.ɵɵtext(78);
-                i0__namespace.ɵɵpipe(79, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -21171,85 +21133,73 @@
                 var tmp_15_0 = null;
                 var tmp_18_0 = null;
                 var tmp_19_0 = null;
-                var tmp_28_0 = null;
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 41, "Raise a query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 43, "Enter query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 34, "Raise a query"));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 36, "Enter query details"));
                 i0__namespace.ɵɵadvance(6);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_3_0 = ctx.formGroup.get("fullName")) == null ? null : tmp_3_0.errors == null ? null : tmp_3_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(19, 45, "Full name"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 38, "Full name"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(22, 47, "Your full name must be included here"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(21, 40, "Your full name must be included here"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_6_0 = ctx.formGroup.get("response")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_6_0 = ctx.formGroup.get("body")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-input--error", (tmp_7_0 = ctx.formGroup.get("fullName")) == null ? null : tmp_7_0.errors == null ? null : tmp_7_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "fullName");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_9_0 = ctx.formGroup.get("subject")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(29, 49, "Query subject"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 42, "Query subject"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 51, "The subject should be a summary of your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(31, 44, "The subject should be a summary of your query"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_12_0 = ctx.formGroup.get("response")) == null ? null : tmp_12_0.errors == null ? null : tmp_12_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_12_0 = ctx.formGroup.get("body")) == null ? null : tmp_12_0.errors == null ? null : tmp_12_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-input--error", (tmp_13_0 = ctx.formGroup.get("subject")) == null ? null : tmp_13_0.errors == null ? null : tmp_13_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "subject");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_15_0 = ctx.formGroup.get("body")) == null ? null : tmp_15_0.errors == null ? null : tmp_15_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(39, 53, "Query body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(38, 46, "Query body"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(42, 55, "Include as many details as possible so case workers can respond to your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(41, 48, "Include as many details as possible so case workers can respond to your query"), " ");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", (tmp_18_0 = ctx.formGroup.get("body")) == null ? null : tmp_18_0.errors == null ? null : tmp_18_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_19_0 = ctx.formGroup.get("body")) == null ? null : tmp_19_0.errors == null ? null : tmp_19_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "body");
                 i0__namespace.ɵɵadvance(6);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(51, 57, "Is the query hearing related?"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 50, "Is the query hearing related?"), " ");
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("checked", ctx.formGroup.get("isHearingRelated").value === true)("value", true);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(57, 59, "Is the query hearing related?", null, "Yes"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(56, 52, "Is the query hearing related?", null, "Yes"), " ");
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("checked", ctx.formGroup.get("isHearingRelated").value === false)("value", false);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(62, 63, "Is the query hearing related?", null, "No"), " ");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_28_0 = ctx.formGroup.get("documents")) == null ? null : tmp_28_0.errors == null ? null : tmp_28_0.errors.length);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(67, 67, "Next"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("disabled", true);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(72, 69, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(75, 71, "Continue"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(79, 73, "Cancel and return to case"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(61, 56, "Is the query hearing related?", null, "No"), " ");
             }
-        }, styles: [".query-raise[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
+        }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-query-write-raise-query',
-                        templateUrl: './query-write-raise-query.component.html',
-                        styleUrls: ['./query-write-raise-query.component.scss']
+                        templateUrl: './query-write-raise-query.component.html'
                     }]
-            }], function () { return []; }, null);
+            }], null, { formGroup: [{
+                    type: i0.Input
+                }] });
     })();
 
-    function QueryWriteRespondToQueryComponent_p_25_Template(rf, ctx) {
+    function QueryWriteRespondToQueryComponent_p_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 20);
-            i0__namespace.ɵɵelementStart(1, "span", 21);
+            i0__namespace.ɵɵelementStart(0, "p", 15);
+            i0__namespace.ɵɵelementStart(1, "span", 16);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21267,19 +21217,10 @@
     var QueryWriteRespondToQueryComponent = /** @class */ (function () {
         function QueryWriteRespondToQueryComponent() {
         }
-        QueryWriteRespondToQueryComponent.prototype.ngOnInit = function () {
-            this.formGroup = new i3.FormGroup({
-                response: new i3.FormControl('', i3.Validators.required),
-                documents: new i3.FormControl(null)
-            });
-        };
-        QueryWriteRespondToQueryComponent.prototype.onDocumentCollectionUpdate = function (documents) {
-            this.formGroup.get('documents').setValue(documents);
-        };
         return QueryWriteRespondToQueryComponent;
     }());
     QueryWriteRespondToQueryComponent.ɵfac = function QueryWriteRespondToQueryComponent_Factory(t) { return new (t || QueryWriteRespondToQueryComponent)(); };
-    QueryWriteRespondToQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem" }, decls: 45, vars: 38, consts: [[1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link", "govuk-!-margin-top-0"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l", "govuk-!-margin-bottom-4"], [1, "govuk-heading-l", "govuk-!-margin-bottom-3"], [1, "govuk-!-margin-bottom-4"], [3, "queryItem"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "response-textarea"], [1, "govuk-label-wrapper"], ["for", "query-response", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "query-response-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-response", "name", "query-response", "rows", "5", "aria-describedby", "query-response-hint query-response-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-form-group"], [3, "documentCollectionUpdate"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-response-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) {
+    QueryWriteRespondToQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup" }, decls: 30, vars: 23, consts: [[1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link", "govuk-!-margin-top-0"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "queryItem"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "query-body", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "query-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-body", "name", "query-body", "rows", "5", "aria-describedby", "query-body-hint query-body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "query-body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "a", 1);
@@ -21288,118 +21229,85 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(4, "div", 2);
-                i0__namespace.ɵɵelementStart(5, "div", 3);
-                i0__namespace.ɵɵtext(6);
-                i0__namespace.ɵɵpipe(7, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(8, "h1", 4);
-                i0__namespace.ɵɵtext(9);
-                i0__namespace.ɵɵpipe(10, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(11, "div", 5);
-                i0__namespace.ɵɵelement(12, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(13, "div");
-                i0__namespace.ɵɵelement(14, "ccd-query-details-table", 6);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(15, "div", 5);
-                i0__namespace.ɵɵelementStart(16, "h1", 7);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵpipe(18, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(19, "div", 8);
-                i0__namespace.ɵɵelementStart(20, "div", 9);
-                i0__namespace.ɵɵelementStart(21, "div", 10);
-                i0__namespace.ɵɵelementStart(22, "label", 11);
-                i0__namespace.ɵɵtext(23);
-                i0__namespace.ɵɵpipe(24, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(5, "div", 2);
+                i0__namespace.ɵɵelementStart(6, "div", 3);
+                i0__namespace.ɵɵtext(7);
+                i0__namespace.ɵɵpipe(8, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "h1", 4);
+                i0__namespace.ɵɵtext(10);
+                i0__namespace.ɵɵpipe(11, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(25, QueryWriteRespondToQueryComponent_p_25_Template, 6, 6, "p", 12);
-                i0__namespace.ɵɵelementStart(26, "textarea", 13);
-                i0__namespace.ɵɵtext(27, "      ");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(12, "div", 5);
+                i0__namespace.ɵɵelement(13, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(28, "div", 14);
-                i0__namespace.ɵɵelementStart(29, "ccd-query-write-add-documents", 15);
-                i0__namespace.ɵɵlistener("documentCollectionUpdate", function QueryWriteRespondToQueryComponent_Template_ccd_query_write_add_documents_documentCollectionUpdate_29_listener($event) { return ctx.onDocumentCollectionUpdate($event); });
+                i0__namespace.ɵɵelementStart(14, "div");
+                i0__namespace.ɵɵelement(15, "ccd-query-details-table", 6);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(30, "button", 16);
-                i0__namespace.ɵɵtext(31);
-                i0__namespace.ɵɵpipe(32, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(16, "div", 7);
+                i0__namespace.ɵɵelementStart(17, "div", 5);
+                i0__namespace.ɵɵelementStart(18, "h1", 8);
+                i0__namespace.ɵɵtext(19);
+                i0__namespace.ɵɵpipe(20, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "div", 9);
+                i0__namespace.ɵɵelementStart(22, "div", 10);
+                i0__namespace.ɵɵelementStart(23, "div", 11);
+                i0__namespace.ɵɵelementStart(24, "label", 12);
+                i0__namespace.ɵɵtext(25);
+                i0__namespace.ɵɵpipe(26, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(33, "div");
-                i0__namespace.ɵɵelementStart(34, "div", 17);
-                i0__namespace.ɵɵelementStart(35, "button", 18);
-                i0__namespace.ɵɵtext(36);
-                i0__namespace.ɵɵpipe(37, "rpxTranslate");
+                i0__namespace.ɵɵtemplate(27, QueryWriteRespondToQueryComponent_p_27_Template, 6, 6, "p", 13);
+                i0__namespace.ɵɵelementStart(28, "textarea", 14);
+                i0__namespace.ɵɵtext(29, "      ");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(38, "button", 16);
-                i0__namespace.ɵɵtext(39);
-                i0__namespace.ɵɵpipe(40, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(41, "div", 0);
-                i0__namespace.ɵɵelementStart(42, "a", 19);
-                i0__namespace.ɵɵtext(43);
-                i0__namespace.ɵɵpipe(44, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
                 var tmp_6_0 = null;
                 var tmp_8_0 = null;
                 var tmp_9_0 = null;
-                var tmp_11_0 = null;
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 20, "Back to tasks"));
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 22, "Respond to query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 13, "Back to tasks"));
+                i0__namespace.ɵɵadvance(5);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 15, "Respond to query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 24, "Query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 17, "Query details"));
                 i0__namespace.ɵɵadvance(5);
                 i0__namespace.ɵɵproperty("queryItem", ctx.queryItem);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 26, "Respond to a query"));
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 19, "Respond to a query"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_6_0 = ctx.formGroup.get("response")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
+                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_6_0 = ctx.formGroup.get("body")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 28, "Response message"), " ");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_8_0 = ctx.formGroup.get("response")) == null ? null : tmp_8_0.errors == null ? null : tmp_8_0.errors.length);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_9_0 = ctx.formGroup.get("response")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
-                i0__namespace.ɵɵproperty("formControlName", "response");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(26, 21, "Response message"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_11_0 = ctx.formGroup.get("documents")) == null ? null : tmp_11_0.errors == null ? null : tmp_11_0.errors.length);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 30, "Next"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("disabled", true);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_8_0 = ctx.formGroup.get("body")) == null ? null : tmp_8_0.errors == null ? null : tmp_8_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(37, 32, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(40, 34, "Continue"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(44, 36, "Cancel and return to query list"));
+                i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_9_0 = ctx.formGroup.get("body")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
+                i0__namespace.ɵɵproperty("formControlName", "body");
             }
-        }, encapsulation: 2 });
+        }, styles: [".query-respond[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteRespondToQueryComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-query-write-respond-to-query',
-                        templateUrl: './query-write-respond-to-query.component.html'
+                        templateUrl: './query-write-respond-to-query.component.html',
+                        styleUrls: ['./query-write-respond-to-query.component.scss']
                     }]
             }], null, { queryItem: [{
                     type: i0.Input
+                }], formGroup: [{
+                    type: i0.Input
                 }] });
     })();
 
@@ -29791,8 +29699,8 @@
     i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [i5__namespace.NgIf, QueryWriteRespondToQueryComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, QueryWriteRaiseQueryComponent], []);
     i0__namespace.ɵɵsetComponentScope(QueryDetailsComponent, [i5__namespace.NgIf, QueryDetailsTableComponent], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, [QueryCaseDetailsHeaderComponent,
-        QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName, QueryWriteAddDocumentsComponent], [i1__namespace.RpxTranslatePipe]);
-    i0__namespace.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, [QueryCaseDetailsHeaderComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName, QueryWriteAddDocumentsComponent], [i1__namespace.RpxTranslatePipe]);
+        QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe]);
+    i0__namespace.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, [QueryCaseDetailsHeaderComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteAddDocumentsComponent, [WriteCollectionFieldComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective], []);
 
     var Confirmation = /** @class */ (function () {