@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-read-write-view-v10 → 6.16.0-query-management-query-response-validation

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

@@ -20160,7 +20160,6 @@
                     id: 'case-message-001',
                     subject: 'Review attached document',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Please review attached document and advise if hearing should proceed?',
                     attachments: [
                         {
@@ -20180,7 +20179,6 @@
                     id: 'case-message-002',
                     subject: 'Games',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Can I play games in my phone when my solicitor is talking?',
                     attachments: [],
                     isHearingRelated: true,
@@ -20191,7 +20189,6 @@
                 {
                     id: 'case-message-003',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Using mobile phone is strictly prohibited in the court room.',
                     attachments: [],
                     isHearingRelated: true,
@@ -20210,7 +20207,6 @@
                     id: 'case-message-005',
                     subject: 'Add respondent detention order',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Please add respondent detention order to the file XX20230423-DX.',
                     attachments: [],
                     isHearingRelated: false,
@@ -20220,7 +20216,6 @@
                 {
                     id: 'case-message-006',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'I confirm that the respondent detention order is now added to the file XX20230423-DX.',
                     attachments: [],
                     isHearingRelated: false,
@@ -20232,7 +20227,6 @@
                     id: 'case-message-007',
                     subject: 'Food',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Can I eat in the hearings?',
                     attachments: [],
                     isHearingRelated: true,
@@ -20243,7 +20237,6 @@
                 {
                     id: 'case-message-008',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response sent for Caseworker',
                     body: 'Consumption of food is not allowed when a hearing is taking place.',
                     attachments: [],
                     isHearingRelated: true,
@@ -20256,7 +20249,6 @@
                     id: 'case-message-009',
                     subject: 'Bring relatives',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response received for professional user',
                     body: 'Can I bring my grandma with me so she get out from the residence?',
                     attachments: [],
                     isHearingRelated: true,
@@ -20267,7 +20259,6 @@
                 {
                     id: 'case-message-010',
                     name: 'Maggie Conroy',
-                    responseStatus: 'Response received for professional user',
                     body: 'Sorry, only those required for the hearing should be present inside the court room.',
                     attachments: [],
                     isHearingRelated: true,
@@ -20429,10 +20420,10 @@
         QueryListResponseStatus["RESPONDED"] = "Responded";
     })(QueryListResponseStatus || (QueryListResponseStatus = {}));
 
-    function WriteQueryManagementFieldComponent_p_28_Template(rf, ctx) {
+    function WriteQueryManagementFieldComponent_p_29_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 25);
-            i0__namespace.ɵɵelementStart(1, "span", 26);
+            i0__namespace.ɵɵelementStart(0, "p", 26);
+            i0__namespace.ɵɵelementStart(1, "span", 27);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -20442,15 +20433,15 @@
         }
         if (rf & 2) {
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
+            i0__namespace.ɵɵtextInterpolate1("", 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 response message"), " ");
         }
     }
-    function WriteQueryManagementFieldComponent_p_41_Template(rf, ctx) {
+    function WriteQueryManagementFieldComponent_p_42_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 27);
-            i0__namespace.ɵɵelementStart(1, "span", 26);
+            i0__namespace.ɵɵelementStart(0, "p", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 27);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -20460,9 +20451,9 @@
         }
         if (rf & 2) {
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
+            i0__namespace.ɵɵtextInterpolate1("", i0__namespace.ɵɵpipeBind1(3, 2, "Error:"), " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "File error message"), " ");
+            i0__namespace.ɵɵtextInterpolate1("", i0__namespace.ɵɵpipeBind1(5, 4, "File error message"), " ");
         }
     }
     var WriteQueryManagementFieldComponent = /** @class */ (function (_super) {
@@ -20470,149 +20461,169 @@
         function WriteQueryManagementFieldComponent() {
             var _this = _super.call(this) || this;
             _this.responseFormGroup = new i3.FormGroup({
-                response: new i3.FormControl('', i3.Validators.required),
-                documents: new i3.FormControl([], i3.Validators.required)
+                response: new i3.FormControl('', [i3.Validators.required]),
+                documents: new i3.FormControl([])
             });
+            _this.errorMessages = [];
+            _this.submitted = false;
             return _this;
         }
         WriteQueryManagementFieldComponent.prototype.ngOnInit = function () {
             this.queryItem = new QueryListItem();
             Object.assign(this.queryItem, partyMessagesMockData[0].partyMessages[0]);
         };
+        WriteQueryManagementFieldComponent.prototype.submitForm = function () {
+            this.submitted = true;
+            this.errorMessages = [];
+            window.scrollTo(0, 0);
+            if (!this.responseFormGroup.valid) {
+                if (this.responseFormGroup.controls.response.hasError('required')) {
+                    this.errorMessages.push({ controlName: 'response', message: 'Add a response before continue' });
+                }
+            }
+        };
         return WriteQueryManagementFieldComponent;
     }(AbstractFieldReadComponent));
     WriteQueryManagementFieldComponent.ɵfac = function WriteQueryManagementFieldComponent_Factory(t) { return new (t || WriteQueryManagementFieldComponent)(); };
-    WriteQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteQueryManagementFieldComponent, selectors: [["ccd-write-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 55, vars: 45, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [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-6"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-body-l", "govuk-!-margin-bottom-0"], [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"], ["for", "add-documents", 1, "govuk-label"], [1, "govuk-!-font-weight-bold"], ["id", "add-documents-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-documents", "name", "add-documents", "type", "file", 1, "govuk-file-upload"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], ["data-module", "govuk-button", 1, "govuk-button"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-response-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-documents-error", 1, "govuk-error-message"]], template: function WriteQueryManagementFieldComponent_Template(rf, ctx) {
+    WriteQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteQueryManagementFieldComponent, selectors: [["ccd-write-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 58, vars: 49, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [3, "errorMessages"], [1, "govuk-!-margin-bottom-4"], ["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-1"], [1, "govuk-body-l", "govuk-!-margin-bottom-0"], [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"], ["for", "add-documents", 1, "govuk-label"], [1, "govuk-!-font-weight-bold"], ["id", "add-documents-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-documents", "name", "add-documents", "type", "file", 1, "govuk-file-upload"], ["data-module", "govuk-button", 1, "govuk-button"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "disabled"], ["data-module", "govuk-button", 1, "govuk-button", 3, "click"], [1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-response-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-documents-error", 1, "govuk-error-message"]], template: function WriteQueryManagementFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "a", 2);
-                i0__namespace.ɵɵtext(3);
-                i0__namespace.ɵɵpipe(4, "rpxTranslate");
+                i0__namespace.ɵɵelement(1, "ccd-query-management-error-messages", 1);
+                i0__namespace.ɵɵelementStart(2, "div", 2);
+                i0__namespace.ɵɵelementStart(3, "a", 3);
+                i0__namespace.ɵɵtext(4);
+                i0__namespace.ɵɵpipe(5, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(5, "div", 3);
                 i0__namespace.ɵɵelementStart(6, "div", 4);
-                i0__namespace.ɵɵtext(7);
-                i0__namespace.ɵɵpipe(8, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(7, "div", 5);
+                i0__namespace.ɵɵtext(8);
+                i0__namespace.ɵɵpipe(9, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(9, "h1", 5);
-                i0__namespace.ɵɵtext(10);
-                i0__namespace.ɵɵpipe(11, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(10, "h1", 6);
+                i0__namespace.ɵɵtext(11);
+                i0__namespace.ɵɵpipe(12, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(12, "div", 6);
-                i0__namespace.ɵɵelementStart(13, "div", 7);
-                i0__namespace.ɵɵtext(14);
-                i0__namespace.ɵɵpipe(15, "ccdCaseReference");
+                i0__namespace.ɵɵelementStart(13, "div", 2);
+                i0__namespace.ɵɵelementStart(14, "div", 7);
+                i0__namespace.ɵɵtext(15);
+                i0__namespace.ɵɵpipe(16, "ccdCaseReference");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(16, "div");
-                i0__namespace.ɵɵelement(17, "ccd-query-details-table", 8);
+                i0__namespace.ɵɵelementStart(17, "div");
+                i0__namespace.ɵɵelement(18, "ccd-query-details-table", 8);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(18, "div", 6);
-                i0__namespace.ɵɵelementStart(19, "h1", 9);
-                i0__namespace.ɵɵtext(20);
-                i0__namespace.ɵɵpipe(21, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(19, "div", 2);
+                i0__namespace.ɵɵelementStart(20, "h1", 9);
+                i0__namespace.ɵɵtext(21);
+                i0__namespace.ɵɵpipe(22, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(22, "div", 10);
-                i0__namespace.ɵɵelementStart(23, "div", 11);
-                i0__namespace.ɵɵelementStart(24, "div", 12);
-                i0__namespace.ɵɵelementStart(25, "label", 13);
-                i0__namespace.ɵɵtext(26);
-                i0__namespace.ɵɵpipe(27, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(23, "form", 10);
+                i0__namespace.ɵɵelementStart(24, "div", 11);
+                i0__namespace.ɵɵelementStart(25, "div", 12);
+                i0__namespace.ɵɵelementStart(26, "label", 13);
+                i0__namespace.ɵɵtext(27);
+                i0__namespace.ɵɵpipe(28, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(28, WriteQueryManagementFieldComponent_p_28_Template, 6, 6, "p", 14);
-                i0__namespace.ɵɵelementStart(29, "textarea", 15);
-                i0__namespace.ɵɵtext(30, "        ");
+                i0__namespace.ɵɵtemplate(29, WriteQueryManagementFieldComponent_p_29_Template, 6, 6, "p", 14);
+                i0__namespace.ɵɵelementStart(30, "textarea", 15);
+                i0__namespace.ɵɵtext(31, "        ");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(31, "div");
-                i0__namespace.ɵɵelementStart(32, "div", 16);
-                i0__namespace.ɵɵelementStart(33, "div", 12);
-                i0__namespace.ɵɵelementStart(34, "label", 17);
-                i0__namespace.ɵɵelementStart(35, "div", 18);
-                i0__namespace.ɵɵtext(36);
-                i0__namespace.ɵɵpipe(37, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(32, "div");
+                i0__namespace.ɵɵelementStart(33, "div", 16);
+                i0__namespace.ɵɵelementStart(34, "div", 12);
+                i0__namespace.ɵɵelementStart(35, "label", 17);
+                i0__namespace.ɵɵelementStart(36, "div", 18);
+                i0__namespace.ɵɵtext(37);
+                i0__namespace.ɵɵpipe(38, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(38, "div");
-                i0__namespace.ɵɵtext(39);
-                i0__namespace.ɵɵpipe(40, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(39, "div");
+                i0__namespace.ɵɵtext(40);
+                i0__namespace.ɵɵpipe(41, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(41, WriteQueryManagementFieldComponent_p_41_Template, 6, 6, "p", 19);
-                i0__namespace.ɵɵelement(42, "input", 20);
+                i0__namespace.ɵɵtemplate(42, WriteQueryManagementFieldComponent_p_42_Template, 6, 6, "p", 19);
+                i0__namespace.ɵɵelement(43, "input", 20);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(44, "button", 21);
+                i0__namespace.ɵɵtext(45);
+                i0__namespace.ɵɵpipe(46, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(43, "div");
-                i0__namespace.ɵɵelementStart(44, "div", 21);
-                i0__namespace.ɵɵelementStart(45, "button", 22);
-                i0__namespace.ɵɵtext(46);
-                i0__namespace.ɵɵpipe(47, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(48, "button", 23);
+                i0__namespace.ɵɵelementStart(47, "div");
+                i0__namespace.ɵɵelementStart(48, "button", 22);
                 i0__namespace.ɵɵtext(49);
                 i0__namespace.ɵɵpipe(50, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(51, "button", 23);
+                i0__namespace.ɵɵlistener("click", function WriteQueryManagementFieldComponent_Template_button_click_51_listener() { return ctx.submitForm(); });
+                i0__namespace.ɵɵtext(52);
+                i0__namespace.ɵɵpipe(53, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(51, "div", 1);
-                i0__namespace.ɵɵelementStart(52, "a", 24);
-                i0__namespace.ɵɵtext(53);
-                i0__namespace.ɵɵpipe(54, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(54, "div", 24);
+                i0__namespace.ɵɵelementStart(55, "a", 25);
+                i0__namespace.ɵɵtext(56);
+                i0__namespace.ɵɵpipe(57, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                var tmp_7_0 = null;
-                var tmp_9_0 = null;
+                var tmp_8_0 = null;
                 var tmp_10_0 = null;
-                var tmp_12_0 = null;
-                var tmp_15_0 = null;
+                var tmp_11_0 = null;
+                var tmp_13_0 = null;
+                var tmp_16_0 = null;
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("errorMessages", ctx.errorMessages);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 23, "Back to tasks"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 25, "Back to tasks"));
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 25, "Respond to query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(9, 27, "Respond to query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 27, "Query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(12, 29, "Query details"));
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(15, 29, ctx.caseReference));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(16, 31, ctx.caseReference));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("queryItem", ctx.queryItem);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(21, 31, "Respond to a query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(22, 33, "Respond to a query"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("formGroup", ctx.responseFormGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_7_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_7_0.errors == null ? null : tmp_7_0.errors.length);
+                i0__namespace.ɵɵclassProp("govuk-form-group--error", ctx.submitted && ((tmp_8_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_8_0.errors));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(27, 33, "Response message"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 35, "Response message"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_9_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", ctx.submitted && ((tmp_10_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_10_0.hasError("required")));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_10_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_10_0.errors == null ? null : tmp_10_0.errors.length);
+                i0__namespace.ɵɵclassProp("govuk-textarea--error", ctx.submitted && ((tmp_11_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_11_0.hasError("required")));
                 i0__namespace.ɵɵproperty("formControlName", "response");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_12_0 = ctx.responseFormGroup.get("documents")) == null ? null : tmp_12_0.errors == null ? null : tmp_12_0.errors.length);
+                i0__namespace.ɵɵclassProp("govuk-form-group--error", ctx.submitted && ((tmp_13_0 = ctx.responseFormGroup.get("documents")) == null ? null : tmp_13_0.errors));
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(37, 35, "Add document (optional)"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(38, 37, "Add document (optional)"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(40, 37, "Attach a document to this message"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(41, 39, "Attach a document to this message"));
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_15_0 = ctx.responseFormGroup.get("response")) == null ? null : tmp_15_0.errors == null ? null : tmp_15_0.errors.length);
-                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("ngIf", ctx.submitted && ((tmp_16_0 = ctx.responseFormGroup.get("documents")) == null ? null : tmp_16_0.errors));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(46, 41, "Next"), " ");
+                i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("disabled", true);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(47, 39, "Previous"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 43, "Previous"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 41, "Continue"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(53, 45, "Continue"), " ");
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(54, 43, "Cancel and return to query list"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(57, 47, "Cancel and return to query list"));
             }
         }, styles: [".response-textarea[_ngcontent-%COMP%]{max-width:576px}"] });
     (function () {
@@ -28523,7 +28534,7 @@
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r6.responseStatus);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastResponseBy);
         }
     }
     function QueryListComponent_ng_container_0_Template(rf, ctx) {
@@ -28563,7 +28574,7 @@
                 { name: 'lastSubmittedBy', displayName: 'Last submitted by', sortOrder: SortOrder.UNSORTED },
                 { name: 'lastSubmittedDate', displayName: 'Last submission date', sortOrder: SortOrder.UNSORTED },
                 { name: 'lastResponseDate', displayName: 'Last response date', sortOrder: SortOrder.UNSORTED },
-                { name: 'lastResponseBy', displayName: 'Response status', sortOrder: SortOrder.UNSORTED }
+                { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
             ];
         }
         QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
@@ -28648,7 +28659,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
             }
-        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px;max-width:150px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
+        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryListComponent, [{
                 type: i0.Component,
@@ -28662,6 +28673,70 @@
                 }] });
     })();
 
+    function QueryManagementErrorMessagesComponent_div_0_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 4);
+            i0__namespace.ɵɵelementStart(1, "ul", 5);
+            i0__namespace.ɵɵelementStart(2, "li");
+            i0__namespace.ɵɵelementStart(3, "a", 6);
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r2 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 1, errorMessage_r2.message), " ");
+        }
+    }
+    function QueryManagementErrorMessagesComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "h2", 2);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(4, QueryManagementErrorMessagesComponent_div_0_div_4_Template, 6, 3, "div", 3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 2, "There is a problem"), " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    var QueryManagementErrorMessagesComponent = /** @class */ (function () {
+        function QueryManagementErrorMessagesComponent() {
+            this.errorMessages = [];
+        }
+        return QueryManagementErrorMessagesComponent;
+    }());
+    QueryManagementErrorMessagesComponent.ɵfac = function QueryManagementErrorMessagesComponent_Factory(t) { return new (t || QueryManagementErrorMessagesComponent)(); };
+    QueryManagementErrorMessagesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryManagementErrorMessagesComponent, selectors: [["ccd-query-management-error-messages"]], inputs: { errorMessages: "errorMessages" }, decls: 1, vars: 1, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], ["href", "javascript:void(0)", 1, "validation-error"]], template: function QueryManagementErrorMessagesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryManagementErrorMessagesComponent_div_0_Template, 5, 4, "div", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
+            }
+        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementErrorMessagesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-management-error-messages',
+                        templateUrl: './query-management-error-messages.component.html'
+                    }]
+            }], null, { errorMessages: [{
+                    type: i0.Input
+                }] });
+    })();
+
     var QueryManagementModule = /** @class */ (function () {
         function QueryManagementModule() {
         }
@@ -28681,7 +28756,8 @@
                 QueryDetailsComponent,
                 QueryCreateComponent,
                 QueryListComponent,
-                QueryDetailsTableComponent], imports: [i5.CommonModule,
+                QueryDetailsTableComponent,
+                QueryManagementErrorMessagesComponent], imports: [i5.CommonModule,
                 i3.ReactiveFormsModule, i1__namespace.RpxTranslationModule, PipesModule], exports: [ReadQueryManagementFieldComponent,
                 WriteQueryManagementFieldComponent] });
     })();
@@ -28696,6 +28772,7 @@
                             QueryCreateComponent,
                             QueryListComponent,
                             QueryDetailsTableComponent,
+                            QueryManagementErrorMessagesComponent,
                         ],
                         imports: [
                             i5.CommonModule,
@@ -28711,7 +28788,8 @@
             }], null, null);
     })();
     i0__namespace.ɵɵsetComponentScope(ReadQueryManagementFieldComponent, [i5__namespace.NgForOf, QueryListComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe, CaseReferencePipe]);
+    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [QueryManagementErrorMessagesComponent,
+        QueryDetailsTableComponent, i3__namespace.ɵangular_packages_forms_forms_ba, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe, CaseReferencePipe]);
 
     var PALETTE_COMPONENTS = [
         UnsupportedFieldComponent,