@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-CYA-v2 → 6.16.0-query-management-raise-query-function

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

@@ -20252,31 +20252,99 @@
             ]
         }
     ];
-    var caseFieldMockData = 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)'
-    });
+
+    var QueryListItem = /** @class */ (function () {
+        function QueryListItem() {
+            this.children = [];
+        }
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
+            get: function () {
+                var getLastSubmittedMessage = function (item) {
+                    var e_1, _b;
+                    var lastSubmittedMessage = item;
+                    if (item.children && item.children.length > 0) {
+                        try {
+                            for (var _c = __values(item.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                var child = _d.value;
+                                var childLastSubmittedMessage = getLastSubmittedMessage(child);
+                                if (childLastSubmittedMessage.createdOn > lastSubmittedMessage.createdOn) {
+                                    lastSubmittedMessage = childLastSubmittedMessage;
+                                }
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                    }
+                    return lastSubmittedMessage;
+                };
+                return getLastSubmittedMessage(this);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedBy", {
+            get: function () {
+                return this.lastSubmittedMessage.name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedDate", {
+            get: function () {
+                return new Date(this.lastSubmittedMessage.createdOn);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastResponseBy", {
+            get: function () {
+                var _a;
+                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.lastSubmittedMessage.name : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastResponseDate", {
+            get: function () {
+                var _a;
+                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? new Date(this.lastSubmittedMessage.createdOn) : null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return QueryListItem;
+    }());
+
+    var QueryListData = /** @class */ (function () {
+        function QueryListData(partyMessagesGroup) {
+            var _this = this;
+            this.partyName = partyMessagesGroup.partyName;
+            this.roleOnCase = partyMessagesGroup.roleOnCase;
+            // get the parent messages (messages without parentId) and add the children to them
+            var parentMessages = partyMessagesGroup.partyMessages.filter(function (message) { return !message.parentId; });
+            this.partyMessages = parentMessages.map(function (message) { return _this.buildQueryListItem(message, partyMessagesGroup.partyMessages); });
+        }
+        QueryListData.prototype.buildQueryListItem = function (message, allMessages) {
+            var _this = this;
+            var queryListItem = new QueryListItem();
+            Object.assign(queryListItem, Object.assign(Object.assign({}, message), { children: allMessages
+                    .filter(function (childMessage) { return childMessage.parentId === message.id; })
+                    .map(function (childMessage) { return _this.buildQueryListItem(childMessage, allMessages); }) }));
+            return queryListItem;
+        };
+        return QueryListData;
+    }());
+
+    exports.QueryListResponseStatus = void 0;
+    (function (QueryListResponseStatus) {
+        QueryListResponseStatus["NEW"] = "New";
+        QueryListResponseStatus["RESPONDED"] = "Responded";
+    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
 
     var MarkdownComponent = /** @class */ (function () {
         function MarkdownComponent() {
@@ -20398,182 +20466,87 @@
             }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
     })();
 
-    function QueryCheckYourAnswersComponent_ccd_read_collection_field_31_Template(rf, ctx) {
+    var QueryCreateComponent = /** @class */ (function () {
+        function QueryCreateComponent() {
+        }
+        QueryCreateComponent.prototype.ngOnInit = function () {
+        };
+        return QueryCreateComponent;
+    }());
+    QueryCreateComponent.ɵfac = function QueryCreateComponent_Factory(t) { return new (t || QueryCreateComponent)(); };
+    QueryCreateComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCreateComponent, selectors: [["ccd-query-create"]], decls: 0, vars: 0, template: function QueryCreateComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCreateComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-create',
+                        templateUrl: './query-create.component.html',
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-read-collection-field", 13);
+            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "p");
+            i0__namespace.ɵɵelement(2, "br");
+            i0__namespace.ɵɵelementStart(3, "a", 1);
+            i0__namespace.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r2_1); var ctx_r1 = i0__namespace.ɵɵnextContext(); return ctx_r1.onBack(); });
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "div", 2);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(9, "ccd-query-details-table", 3);
+            i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("caseField", ctx_r0.caseField);
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 3, "Back to queries"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 5, "Query details"));
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("queryItem", ctx_r0.query);
         }
     }
-    var QueryCheckYourAnswersComponent = /** @class */ (function () {
-        function QueryCheckYourAnswersComponent() {
+    var QueryDetailsComponent = /** @class */ (function () {
+        function QueryDetailsComponent() {
             this.backClicked = new i0.EventEmitter();
         }
-        QueryCheckYourAnswersComponent.prototype.ngOnInit = function () {
-            // Mock object
-            caseFieldMockData.value = [
-                {
-                    id: '725bf4a7-9e4c-4132-b5c1-f8028cb83459',
-                    value: {
-                        document_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/e5366837-b3f6-492d-acbf-548730625e8f',
-                        document_filename: 'Screenshot 2023-06-01 at 16.07.06.png',
-                        document_binary_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/e5366837-b3f6-492d-acbf-548730625e8f/binary'
-                    }
-                },
-                {
-                    id: '725bf4a7-9e4c-4132-b5c1-f8028cb83459',
-                    value: {
-                        document_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/f50ccd7a-7f28-40f3-b5f9-7ad2f6425506',
-                        document_filename: 'dummy.pdf',
-                        document_binary_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/f50ccd7a-7f28-40f3-b5f9-7ad2f6425506/binary'
-                    }
-                }
-            ];
-            this.caseField = caseFieldMockData;
-        };
-        QueryCheckYourAnswersComponent.prototype.goBack = function () {
+        QueryDetailsComponent.prototype.onBack = function () {
             this.backClicked.emit(true);
         };
-        return QueryCheckYourAnswersComponent;
+        return QueryDetailsComponent;
     }());
-    QueryCheckYourAnswersComponent.ɵfac = function QueryCheckYourAnswersComponent_Factory(t) { return new (t || QueryCheckYourAnswersComponent)(); };
-    QueryCheckYourAnswersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem" }, outputs: { backClicked: "backClicked" }, decls: 44, vars: 27, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], [1, "govuk-heading-l"], [1, "govuk-!-margin-bottom-4"], [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"], [1, "govuk-link", 3, "click"], [3, "caseField", 4, "ngIf"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "click"], ["data-module", "govuk-button", 1, "govuk-button"], [3, "caseField"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) {
+    QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
+    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "query_details_caption"], [3, "queryItem"]], template: function QueryDetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "h1", 2);
-                i0__namespace.ɵɵtext(3);
-                i0__namespace.ɵɵpipe(4, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(5, "div", 3);
-                i0__namespace.ɵɵelement(6, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(7, "dl", 4);
-                i0__namespace.ɵɵelementStart(8, "div", 5);
-                i0__namespace.ɵɵelementStart(9, "dt", 6);
-                i0__namespace.ɵɵtext(10);
-                i0__namespace.ɵɵpipe(11, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(12, "dd", 7);
-                i0__namespace.ɵɵtext(13);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(14, "dl", 4);
-                i0__namespace.ɵɵelementStart(15, "div", 5);
-                i0__namespace.ɵɵelementStart(16, "dt", 6);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵpipe(18, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(19, "dd", 7);
-                i0__namespace.ɵɵtext(20);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(21, "dd", 8);
-                i0__namespace.ɵɵelementStart(22, "a", 9);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_22_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(23);
-                i0__namespace.ɵɵpipe(24, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(25, "dl", 4);
-                i0__namespace.ɵɵelementStart(26, "div", 5);
-                i0__namespace.ɵɵelementStart(27, "dt", 6);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵpipe(29, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(30, "dd", 7);
-                i0__namespace.ɵɵtemplate(31, QueryCheckYourAnswersComponent_ccd_read_collection_field_31_Template, 1, 1, "ccd-read-collection-field", 10);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(32, "dd", 8);
-                i0__namespace.ɵɵelementStart(33, "a", 9);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_33_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(34);
-                i0__namespace.ɵɵpipe(35, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(36, "br");
-                i0__namespace.ɵɵelementStart(37, "div");
-                i0__namespace.ɵɵelementStart(38, "button", 11);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_button_click_38_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(39);
-                i0__namespace.ɵɵpipe(40, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(41, "button", 12);
-                i0__namespace.ɵɵtext(42);
-                i0__namespace.ɵɵpipe(43, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 7, "ng-container", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 11, "Review query response details"));
-                i0__namespace.ɵɵadvance(7);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(11, 13, "Submitted query"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryItem.subject, " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 15, "Response message"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.formGroup.controls["body"].value, " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 17, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(29, 19, "Document attached"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(35, 21, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(40, 23, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(43, 25, "Submit"), " ");
+                i0__namespace.ɵɵproperty("ngIf", ctx.query);
             }
-        }, styles: [".collection-field-table tr>td{border-bottom:none}"], encapsulation: 2 });
+        }, styles: [".query_details_caption[_ngcontent-%COMP%]{background:#f3f2f1;padding:10px;font-size:x-large;font-weight:700}"] });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCheckYourAnswersComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-query-check-your-answers',
-                        templateUrl: './query-check-your-answers.component.html',
-                        styleUrls: ['./query-check-your-answers.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
+                        selector: 'ccd-query-details',
+                        templateUrl: './query-details.component.html',
+                        styleUrls: ['./query-details.component.scss']
                     }]
-            }], null, { formGroup: [{
-                    type: i0.Input
-                }], queryItem: [{
+            }], null, { query: [{
                     type: i0.Input
                 }], backClicked: [{
                     type: i0.Output
                 }] });
     })();
 
-    var QueryCreateComponent = /** @class */ (function () {
-        function QueryCreateComponent() {
-        }
-        QueryCreateComponent.prototype.ngOnInit = function () {
-        };
-        return QueryCreateComponent;
-    }());
-    QueryCreateComponent.ɵfac = function QueryCreateComponent_Factory(t) { return new (t || QueryCreateComponent)(); };
-    QueryCreateComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCreateComponent, selectors: [["ccd-query-create"]], decls: 0, vars: 0, template: function QueryCreateComponent_Template(rf, ctx) { }, encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCreateComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-create',
-                        templateUrl: './query-create.component.html',
-                    }]
-            }], function () { return []; }, null);
-    })();
-
     function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 3);
@@ -20736,68 +20709,6 @@
                 }] });
     })();
 
-    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "p");
-            i0__namespace.ɵɵelement(2, "br");
-            i0__namespace.ɵɵelementStart(3, "a", 1);
-            i0__namespace.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r2_1); var ctx_r1 = i0__namespace.ɵɵnextContext(); return ctx_r1.onBack(); });
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵpipe(5, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 2);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵpipe(8, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(9, "ccd-query-details-table", 3);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 3, "Back to queries"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 5, "Query details"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("queryItem", ctx_r0.query);
-        }
-    }
-    var QueryDetailsComponent = /** @class */ (function () {
-        function QueryDetailsComponent() {
-            this.backClicked = new i0.EventEmitter();
-        }
-        QueryDetailsComponent.prototype.onBack = function () {
-            this.backClicked.emit(true);
-        };
-        return QueryDetailsComponent;
-    }());
-    QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
-    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "query_details_caption"], [3, "queryItem"]], template: function QueryDetailsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 7, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.query);
-            }
-        }, styles: [".query_details_caption[_ngcontent-%COMP%]{background:#f3f2f1;padding:10px;font-size:x-large;font-weight:700}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-details',
-                        templateUrl: './query-details.component.html',
-                        styleUrls: ['./query-details.component.scss']
-                    }]
-            }], null, { query: [{
-                    type: i0.Input
-                }], backClicked: [{
-                    type: i0.Output
-                }] });
-    })();
-
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -20805,99 +20716,6 @@
         SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
     })(SortOrder || (SortOrder = {}));
 
-    var QueryListItem = /** @class */ (function () {
-        function QueryListItem() {
-            this.children = [];
-        }
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
-            get: function () {
-                var getLastSubmittedMessage = function (item) {
-                    var e_1, _b;
-                    var lastSubmittedMessage = item;
-                    if (item.children && item.children.length > 0) {
-                        try {
-                            for (var _c = __values(item.children), _d = _c.next(); !_d.done; _d = _c.next()) {
-                                var child = _d.value;
-                                var childLastSubmittedMessage = getLastSubmittedMessage(child);
-                                if (childLastSubmittedMessage.createdOn > lastSubmittedMessage.createdOn) {
-                                    lastSubmittedMessage = childLastSubmittedMessage;
-                                }
-                            }
-                        }
-                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                        finally {
-                            try {
-                                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                        }
-                    }
-                    return lastSubmittedMessage;
-                };
-                return getLastSubmittedMessage(this);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedBy", {
-            get: function () {
-                return this.lastSubmittedMessage.name;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedDate", {
-            get: function () {
-                return new Date(this.lastSubmittedMessage.createdOn);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastResponseBy", {
-            get: function () {
-                var _a;
-                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.lastSubmittedMessage.name : '';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastResponseDate", {
-            get: function () {
-                var _a;
-                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? new Date(this.lastSubmittedMessage.createdOn) : null;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return QueryListItem;
-    }());
-
-    var QueryListData = /** @class */ (function () {
-        function QueryListData(partyMessagesGroup) {
-            var _this = this;
-            this.partyName = partyMessagesGroup.partyName;
-            this.roleOnCase = partyMessagesGroup.roleOnCase;
-            // get the parent messages (messages without parentId) and add the children to them
-            var parentMessages = partyMessagesGroup.partyMessages.filter(function (message) { return !message.parentId; });
-            this.partyMessages = parentMessages.map(function (message) { return _this.buildQueryListItem(message, partyMessagesGroup.partyMessages); });
-        }
-        QueryListData.prototype.buildQueryListItem = function (message, allMessages) {
-            var _this = this;
-            var queryListItem = new QueryListItem();
-            Object.assign(queryListItem, Object.assign(Object.assign({}, message), { children: allMessages
-                    .filter(function (childMessage) { return childMessage.parentId === message.id; })
-                    .map(function (childMessage) { return _this.buildQueryListItem(childMessage, allMessages); }) }));
-            return queryListItem;
-        };
-        return QueryListData;
-    }());
-
-    exports.QueryListResponseStatus = void 0;
-    (function (QueryListResponseStatus) {
-        QueryListResponseStatus["NEW"] = "New";
-        QueryListResponseStatus["RESPONDED"] = "Responded";
-    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
-
     function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r5_1 = i0__namespace.ɵɵgetCurrentView();
@@ -21082,6 +20900,133 @@
                 }] });
     })();
 
+    var QueryWriteDateInputComponent = /** @class */ (function () {
+        function QueryWriteDateInputComponent() {
+            this.disabled = false;
+        }
+        QueryWriteDateInputComponent.prototype.writeValue = function (date) {
+            if (date instanceof Date && !isNaN(date.getTime())) {
+                this.day = date.getDate();
+                this.month = date.getMonth() + 1; // Months are zero-based
+                this.year = date.getFullYear();
+            }
+            else {
+                this.day = null;
+                this.month = null;
+                this.year = null;
+            }
+        };
+        QueryWriteDateInputComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        QueryWriteDateInputComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        QueryWriteDateInputComponent.prototype.setDisabledState = function (isDisabled) {
+            this.disabled = isDisabled;
+        };
+        QueryWriteDateInputComponent.prototype.updateDate = function () {
+            var updatedValue = this.onChange && this.isValidDateInput() ?
+                new Date(this.year, this.month - 1, this.day)
+                : null;
+            this.onChange(updatedValue);
+            this.onTouched();
+        };
+        QueryWriteDateInputComponent.prototype.isValidDateInput = function () {
+            var isValidDay = this.day >= 1 && this.day <= 31;
+            var isValidMonth = this.month >= 1 && this.month <= 12;
+            var isValidYear = this.year >= 0;
+            return isValidDay && isValidMonth && isValidYear;
+        };
+        return QueryWriteDateInputComponent;
+    }());
+    QueryWriteDateInputComponent.ɵfac = function QueryWriteDateInputComponent_Factory(t) { return new (t || QueryWriteDateInputComponent)(); };
+    QueryWriteDateInputComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteDateInputComponent, selectors: [["ccd-query-write-date-input"]], inputs: { formControlName: "formControlName" }, features: [i0__namespace.ɵɵProvidersFeature([
+                {
+                    provide: i3.NG_VALUE_ACCESSOR,
+                    useExisting: i0.forwardRef(function () { return QueryWriteDateInputComponent; }),
+                    multi: true
+                },
+                {
+                    provide: i3.NG_VALIDATORS,
+                    useExisting: i0.forwardRef(function () { return QueryWriteDateInputComponent; }),
+                    multi: true
+                }
+            ])], decls: 16, vars: 15, consts: [[1, "govuk-date-input", 3, "id"], [1, "govuk-date-input__item"], [1, "govuk-form-group"], [1, "govuk-label", "govuk-date-input__label", 3, "for"], ["type", "text", "inputmode", "numeric", 1, "govuk-input", "govuk-date-input__input", "govuk-input--width-2", 3, "id", "name", "ngModel", "disabled", "ngModelChange", "input"], ["id", "formControlName + '-year'", "type", "text", "inputmode", "numeric", 1, "govuk-input", "govuk-date-input__input", "govuk-input--width-4", 3, "name", "ngModel", "disabled", "ngModelChange", "input"]], template: function QueryWriteDateInputComponent_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, "label", 3);
+                i0__namespace.ɵɵtext(4, " Day ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(5, "input", 4);
+                i0__namespace.ɵɵlistener("ngModelChange", function QueryWriteDateInputComponent_Template_input_ngModelChange_5_listener($event) { return ctx.day = $event; })("input", function QueryWriteDateInputComponent_Template_input_input_5_listener() { return ctx.updateDate(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "div", 1);
+                i0__namespace.ɵɵelementStart(7, "div", 2);
+                i0__namespace.ɵɵelementStart(8, "label", 3);
+                i0__namespace.ɵɵtext(9, " Month ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(10, "input", 4);
+                i0__namespace.ɵɵlistener("ngModelChange", function QueryWriteDateInputComponent_Template_input_ngModelChange_10_listener($event) { return ctx.month = $event; })("input", function QueryWriteDateInputComponent_Template_input_input_10_listener() { return ctx.updateDate(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(11, "div", 1);
+                i0__namespace.ɵɵelementStart(12, "div", 2);
+                i0__namespace.ɵɵelementStart(13, "label", 3);
+                i0__namespace.ɵɵtext(14, " Year ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(15, "input", 5);
+                i0__namespace.ɵɵlistener("ngModelChange", function QueryWriteDateInputComponent_Template_input_ngModelChange_15_listener($event) { return ctx.year = $event; })("input", function QueryWriteDateInputComponent_Template_input_input_15_listener() { return ctx.updateDate(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("id", ctx.formControlName);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("for", ctx.formControlName + "-day");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("id", ctx.formControlName + "-day")("name", ctx.formControlName + "-day")("ngModel", ctx.day)("disabled", ctx.disabled);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("for", ctx.formControlName + "-month");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("id", ctx.formControlName + "-month")("name", ctx.formControlName + "-month")("ngModel", ctx.month)("disabled", ctx.disabled);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("for", ctx.formControlName + "-year");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("name", ctx.formControlName + "-year")("ngModel", ctx.year)("disabled", ctx.disabled);
+            }
+        }, directives: [i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.NgModel], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteDateInputComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-write-date-input',
+                        templateUrl: './query-write-date-input.component.html',
+                        providers: [
+                            {
+                                provide: i3.NG_VALUE_ACCESSOR,
+                                useExisting: i0.forwardRef(function () { return QueryWriteDateInputComponent; }),
+                                multi: true
+                            },
+                            {
+                                provide: i3.NG_VALIDATORS,
+                                useExisting: i0.forwardRef(function () { return QueryWriteDateInputComponent; }),
+                                multi: true
+                            }
+                        ]
+                    }]
+            }], null, { formControlName: [{
+                    type: i0.Input
+                }] });
+    })();
+
     var QueryWriteAddDocumentsComponent = /** @class */ (function () {
         function QueryWriteAddDocumentsComponent() {
             this.documentFormGroup = new i3.FormGroup({});
@@ -21152,8 +21097,8 @@
 
     function QueryWriteRaiseQueryComponent_p_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 27);
-            i0__namespace.ɵɵelementStart(1, "span", 28);
+            i0__namespace.ɵɵelementStart(0, "p", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21170,8 +21115,8 @@
     }
     function QueryWriteRaiseQueryComponent_p_32_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 29);
-            i0__namespace.ɵɵelementStart(1, "span", 28);
+            i0__namespace.ɵɵelementStart(0, "p", 30);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21188,8 +21133,8 @@
     }
     function QueryWriteRaiseQueryComponent_p_42_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 30);
-            i0__namespace.ɵɵelementStart(1, "span", 28);
+            i0__namespace.ɵɵelementStart(0, "p", 31);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21201,7 +21146,16 @@
             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"), " ");
+        }
+    }
+    function QueryWriteRaiseQueryComponent_ng_container_62_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "fieldset", 32);
+            i0__namespace.ɵɵelement(2, "ccd-query-write-date-input", 33);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
         }
     }
     var QueryWriteRaiseQueryComponent = /** @class */ (function () {
@@ -21210,7 +21164,7 @@
         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"]], 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) {
+    QueryWriteRaiseQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup" }, decls: 63, vars: 61, 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", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["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"], ["role", "group", 1, "govuk-fieldset"], ["formControlName", "hearingDate"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "div", 0);
@@ -21299,6 +21253,7 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(62, QueryWriteRaiseQueryComponent_ng_container_62_Template, 3, 0, "ng-container", 27);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -21316,17 +21271,17 @@
                 var tmp_18_0 = null;
                 var tmp_19_0 = null;
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 34, "Raise a query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 35, "Raise a query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 36, "Enter query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 37, "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(18, 38, "Full name"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 39, "Full name"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(21, 40, "Your full name must be included here"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(21, 41, "Your full name must be included here"), " ");
                 i0__namespace.ɵɵadvance(2);
                 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);
@@ -21335,9 +21290,9 @@
                 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(28, 42, "Query subject"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 43, "Query subject"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(31, 44, "The subject should be a summary of your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(31, 45, "The subject should be a summary of your query"), " ");
                 i0__namespace.ɵɵadvance(2);
                 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);
@@ -21346,24 +21301,26 @@
                 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(38, 46, "Query body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(38, 47, "Query body"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(41, 48, "Include as many details as possible so case workers can respond to your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(41, 49, "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(50, 50, "Is the query hearing related?"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 51, "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(56, 52, "Is the query hearing related?", null, "Yes"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(56, 53, "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(61, 56, "Is the query hearing related?", null, "No"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(61, 57, "Is the query hearing related?", null, "No"), " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.formGroup.get("isHearingRelated").value);
             }
         }, encapsulation: 2 });
     (function () {
@@ -21625,24 +21582,9 @@
         __extends(WriteQueryManagementFieldComponent, _super);
         function WriteQueryManagementFieldComponent() {
             var _this = _super.call(this) || this;
-            _this.responseFormGroup = new i3.FormGroup({
-                response: new i3.FormControl('', [i3.Validators.required]),
-                documents: new i3.FormControl([])
-            });
-            _this.errorMessages = [];
-            _this.submitted = false;
+            _this.formGroup = new i3.FormGroup({});
             return _this;
         }
-        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)(); };
@@ -29418,8 +29360,8 @@
         QueryWriteRespondToQueryComponent,
         QueryWriteRaiseQueryComponent,
         QueryCaseDetailsHeaderComponent,
-        QueryCheckYourAnswersComponent,
         QueryWriteAddDocumentsComponent,
+        QueryWriteDateInputComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -29605,8 +29547,8 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent,
-                QueryWriteAddDocumentsComponent], imports: [i5.CommonModule,
+                QueryWriteAddDocumentsComponent,
+                QueryWriteDateInputComponent], imports: [i5.CommonModule,
                 i1$1.RouterModule,
                 i3.FormsModule,
                 i3.ReactiveFormsModule,
@@ -29753,8 +29695,8 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent,
-                QueryWriteAddDocumentsComponent] });
+                QueryWriteAddDocumentsComponent,
+                QueryWriteDateInputComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -29900,8 +29842,7 @@
     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], [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(QueryCheckYourAnswersComponent, [QueryCaseDetailsHeaderComponent, i5__namespace.NgIf, ReadCollectionFieldComponent], [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, i3__namespace.RadioControlValueAccessor, QueryWriteDateInputComponent], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteAddDocumentsComponent, [WriteCollectionFieldComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective], []);
 
     var Confirmation = /** @class */ (function () {
@@ -40519,7 +40460,6 @@
     exports.ProfileNotifier = ProfileNotifier;
     exports.ProfileService = ProfileService;
     exports.QueryCaseDetailsHeaderComponent = QueryCaseDetailsHeaderComponent;
-    exports.QueryCheckYourAnswersComponent = QueryCheckYourAnswersComponent;
     exports.QueryCreateComponent = QueryCreateComponent;
     exports.QueryDetailsComponent = QueryDetailsComponent;
     exports.QueryDetailsTableComponent = QueryDetailsTableComponent;
@@ -40527,6 +40467,7 @@
     exports.QueryListData = QueryListData;
     exports.QueryListItem = QueryListItem;
     exports.QueryWriteAddDocumentsComponent = QueryWriteAddDocumentsComponent;
+    exports.QueryWriteDateInputComponent = QueryWriteDateInputComponent;
     exports.QueryWriteRaiseQueryComponent = QueryWriteRaiseQueryComponent;
     exports.QueryWriteRespondToQueryComponent = QueryWriteRespondToQueryComponent;
     exports.ReadCaseFlagFieldComponent = ReadCaseFlagFieldComponent;
@@ -40639,7 +40580,6 @@
     exports.WriteYesNoFieldComponent = WriteYesNoFieldComponent;
     exports.YesNoService = YesNoService;
     exports.aCaseField = aCaseField;
-    exports.caseFieldMockData = caseFieldMockData;
     exports.createACL = createACL;
     exports.createCaseEventTrigger = createCaseEventTrigger;
     exports.createCaseField = createCaseField;