@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-sorting-v1 → 6.16.0-query-management-write-view-v5

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('moment'), require('underscore'), require('pegjs'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('rpx-xui-translation'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('ngx-md'), require('@hmcts/media-viewer'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
-    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'moment', 'underscore', 'pegjs', 'util', '@edium/fsm', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', 'rpx-xui-translation', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', 'ngx-md', '@hmcts/media-viewer', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.moment, global.underscore, global.pegjs, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.i2$1, global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global["ngx-md"], global.i12, global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i3, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2, i5, i6, i3$1, i2$1, i1$4, i7, i3$2, i4, momentAdapter, i5$1, i6$1, i1$5, i12, i6$2, i1$6, i9) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('moment'), require('underscore'), require('pegjs'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('ngx-md'), require('@hmcts/media-viewer'), require('rpx-xui-translation'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
+    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'moment', 'underscore', 'pegjs', 'util', '@edium/fsm', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', 'ngx-md', '@hmcts/media-viewer', 'rpx-xui-translation', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.moment, global.underscore, global.pegjs, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global["ngx-md"], global.i12, global.i2$1, global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i3, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2, i5, i6, i3$1, i1$4, i7, i3$2, i4, momentAdapter, i5$1, i6$1, i1$5, i12, i2$1, i6$2, i1$6, i9) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,7 +37,6 @@
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
@@ -46,6 +45,7 @@
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
@@ -4977,6 +4977,7 @@
     var AbstractFormFieldComponent = /** @class */ (function () {
         function AbstractFormFieldComponent() {
             this.idPrefix = '';
+            this.caseReference = '';
         }
         AbstractFormFieldComponent.prototype.id = function () {
             return this.idPrefix + this.caseField.id;
@@ -5037,7 +5038,7 @@
         return AbstractFormFieldComponent;
     }());
     AbstractFormFieldComponent.ɵfac = function AbstractFormFieldComponent_Factory(t) { return new (t || AbstractFormFieldComponent)(); };
-    AbstractFormFieldComponent.ɵdir = i0__namespace.ɵɵdefineDirective({ type: AbstractFormFieldComponent, inputs: { caseField: "caseField", formGroup: "formGroup", parent: "parent", idPrefix: "idPrefix" } });
+    AbstractFormFieldComponent.ɵdir = i0__namespace.ɵɵdefineDirective({ type: AbstractFormFieldComponent, inputs: { caseField: "caseField", formGroup: "formGroup", parent: "parent", idPrefix: "idPrefix", caseReference: "caseReference" } });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AbstractFormFieldComponent, [{
                 type: i0.Directive
@@ -5049,6 +5050,8 @@
                     type: i0.Input
                 }], idPrefix: [{
                     type: i0.Input
+                }], caseReference: [{
+                    type: i0.Input
                 }] });
     })();
 
@@ -11313,6 +11316,7 @@
         DisplayContextCustomParameter["CaseFileView"] = "CaseFileView";
         DisplayContextCustomParameter["LinkedCases"] = "LinkedCases";
         DisplayContextCustomParameter["QueryManagement"] = "QueryManagement";
+        DisplayContextCustomParameter["QueryManagementWriteTest"] = "QueryManagementWriteTest";
     })(DisplayContextCustomParameter || (DisplayContextCustomParameter = {}));
 
     function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
@@ -19469,6 +19473,21 @@
             }], null, null);
     })();
 
+    var QueryManagementUtils = /** @class */ (function () {
+        function QueryManagementUtils() {
+        }
+        QueryManagementUtils.extractCaseQueriesFromCaseField = function () {
+        };
+        return QueryManagementUtils;
+    }());
+    QueryManagementUtils.ɵfac = function QueryManagementUtils_Factory(t) { return new (t || QueryManagementUtils)(); };
+    QueryManagementUtils.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: QueryManagementUtils, factory: QueryManagementUtils.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementUtils, [{
+                type: i0.Injectable
+            }], null, null);
+    })();
+
     var partyMessagesMockData = [
         {
             partyName: 'John Smith - Appellant',
@@ -19479,7 +19498,15 @@
                     subject: 'Review attached document',
                     name: 'Maggie Conroy',
                     body: 'Please review attached document and advise if hearing should proceed?',
-                    attachments: [],
+                    attachments: [
+                        {
+                            _links: {
+                                self: { href: '/' },
+                                binary: { href: '/' },
+                            },
+                            originalDocumentName: 'documentName.pdf',
+                        }
+                    ],
                     isHearingRelated: true,
                     hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 3),
@@ -19581,51 +19608,62 @@
         }
     ];
 
-    var QueryCreateComponent = /** @class */ (function () {
-        function QueryCreateComponent() {
+    function ReadQueryManagementFieldComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 1);
+            i0__namespace.ɵɵelement(2, "ccd-query-list", 2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
         }
-        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);
-    })();
-
-    var QueryDetailComponent = /** @class */ (function () {
-        function QueryDetailComponent() {
+        if (rf & 2) {
+            var singlePartyMessageGroup_r1 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("partyMessageGroup", singlePartyMessageGroup_r1);
         }
-        QueryDetailComponent.prototype.ngOnInit = function () {
+    }
+    var ReadQueryManagementFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadQueryManagementFieldComponent, _super);
+        function ReadQueryManagementFieldComponent(route) {
+            var _this = _super.call(this) || this;
+            _this.route = route;
+            return _this;
+        }
+        ReadQueryManagementFieldComponent.prototype.ngOnInit = function () {
+            if (this.context === exports.PaletteContext.DEFAULT) {
+                // EUI-8303 Using mock data until CCD is ready with the API and data contract
+                this.partyMessagesGroups = partyMessagesMockData;
+                // TODO: Actual implementation once the CCD API and data contract is available
+                // Each parties will have a separate collection of party messages
+                // Find whether queries tab is available in the case data
+                var queriesTab = this.route.snapshot.data.case.tabs
+                    .filter(function (tab) { return tab.fields && tab.fields
+                    .some(function (caseField) { return caseField.id === 'QueryManagement'; }); });
+                // Loop through the list of parties and their case queries collections
+                QueryManagementUtils.extractCaseQueriesFromCaseField();
+            }
         };
-        return QueryDetailComponent;
-    }());
-    QueryDetailComponent.ɵfac = function QueryDetailComponent_Factory(t) { return new (t || QueryDetailComponent)(); };
-    QueryDetailComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailComponent, selectors: [["ccd-query-detail"]], decls: 0, vars: 0, template: function QueryDetailComponent_Template(rf, ctx) { }, encapsulation: 2 });
+        return ReadQueryManagementFieldComponent;
+    }(AbstractFieldReadComponent));
+    ReadQueryManagementFieldComponent.ɵfac = function ReadQueryManagementFieldComponent_Factory(t) { return new (t || ReadQueryManagementFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
+    ReadQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [3, "partyMessageGroup"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_container_0_Template, 3, 1, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngForOf", ctx.partyMessagesGroups);
+            }
+        }, encapsulation: 2 });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadQueryManagementFieldComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-query-detail',
-                        templateUrl: './query-detail.component.html',
+                        selector: 'ccd-read-query-management-field',
+                        templateUrl: './read-query-management-field.component.html',
                     }]
-            }], function () { return []; }, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
     })();
 
-    var SortOrder;
-    (function (SortOrder) {
-        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-    })(SortOrder || (SortOrder = {}));
-
     var QueryListItem = /** @class */ (function () {
         function QueryListItem() {
             this.children = [];
@@ -19713,294 +19751,209 @@
         return QueryListData;
     }());
 
-    exports.QueryListResponseStatus = void 0;
+    var QueryListResponseStatus;
     (function (QueryListResponseStatus) {
         QueryListResponseStatus["NEW"] = "New";
         QueryListResponseStatus["RESPONDED"] = "Responded";
-    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
+    })(QueryListResponseStatus || (QueryListResponseStatus = {}));
 
-    function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
+    function WriteQueryManagementFieldComponent_p_28_Template(rf, ctx) {
         if (rf & 1) {
-            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "th", 8);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "rpxTranslate");
-            i0__namespace.ɵɵelementStart(3, "a", 9);
-            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var col_r3 = ctx.$implicit; var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var col_r3 = ctx.$implicit;
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0__namespace.ɵɵsanitizeHtml);
-        }
-    }
-    function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 4);
-            i0__namespace.ɵɵelementStart(1, "td", 10);
-            i0__namespace.ɵɵelementStart(2, "a", 11);
-            i0__namespace.ɵɵtext(3);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td", 12);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 12);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵpipe(8, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(9, "td", 12);
-            i0__namespace.ɵɵtext(10);
-            i0__namespace.ɵɵpipe(11, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "td", 12);
-            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵelementStart(0, "p", 24);
+            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var message_r6 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
-            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.lastResponseBy);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a response message"), " ");
         }
     }
-    function QueryListComponent_ng_container_0_Template(rf, ctx) {
+    function WriteQueryManagementFieldComponent_p_41_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "table", 1);
-            i0__namespace.ɵɵelementStart(2, "caption", 2);
-            i0__namespace.ɵɵelementStart(3, "div");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(5, "thead", 3);
-            i0__namespace.ɵɵelementStart(6, "tr", 4);
-            i0__namespace.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "tbody", 6);
-            i0__namespace.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
+            i0__namespace.ɵɵelementStart(0, "p", 26);
+            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
-        }
-    }
-    var QueryListComponent = /** @class */ (function () {
-        function QueryListComponent() {
-            this.displayedColumns = [
-                { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
-                { 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 by', sortOrder: SortOrder.UNSORTED }
-            ];
-        }
-        QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
-            var _a;
-            var currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
-            if (currentPartyMessageGroup) {
-                this.queryListData = new QueryListData(currentPartyMessageGroup);
-            }
-        };
-        QueryListComponent.prototype.sortTable = function (col) {
-            switch (col.displayName) {
-                case 'Queries': {
-                    this.sort(col);
-                    break;
-                }
-                case 'Last submitted by': {
-                    this.sort(col);
-                    break;
-                }
-                case 'Last submission date': {
-                    this.sortDate(col);
-                    break;
-                }
-                case 'Last response date': {
-                    this.sortDate(col);
-                    break;
-                }
-                case 'Response by': {
-                    this.sort(col);
-                    break;
-                }
-                default: {
-                    this.sort(col);
-                    break;
-                }
-            }
-        };
-        QueryListComponent.prototype.sortWidget = function (col) {
-            switch (col.sortOrder) {
-                case SortOrder.DESCENDING: {
-                    return '▼';
-                }
-                case SortOrder.ASCENDING: {
-                    return '▲';
-                }
-                default: {
-                    return '⬧';
-                }
-            }
-        };
-        QueryListComponent.prototype.sort = function (col) {
-            if (col.sortOrder === SortOrder.ASCENDING) {
-                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] < b[col.name]) ? 1 : -1; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.DESCENDING;
-            }
-            else {
-                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] > b[col.name]) ? 1 : -1; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.ASCENDING;
-            }
-        };
-        QueryListComponent.prototype.sortDate = function (col) {
-            if (col.sortOrder === SortOrder.ASCENDING) {
-                this.queryListData.partyMessages.sort(function (a, b) { return b[col.name] - a[col.name]; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.DESCENDING;
-            }
-            else {
-                this.queryListData.partyMessages.sort(function (a, b) { return a[col.name] - b[col.name]; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.ASCENDING;
-            }
-        };
-        return QueryListComponent;
-    }());
-    QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
-            }
-        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i2__namespace$1.RpxTranslatePipe, i1__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,
-                args: [{
-                        selector: 'ccd-query-list',
-                        templateUrl: './query-list.component.html',
-                        styleUrls: ['./query-list.component.scss']
-                    }]
-            }], null, { partyMessageGroup: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    var QueryManagementUtils = /** @class */ (function () {
-        function QueryManagementUtils() {
-        }
-        QueryManagementUtils.extractCaseQueriesFromCaseField = function () {
-        };
-        return QueryManagementUtils;
-    }());
-    QueryManagementUtils.ɵfac = function QueryManagementUtils_Factory(t) { return new (t || QueryManagementUtils)(); };
-    QueryManagementUtils.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: QueryManagementUtils, factory: QueryManagementUtils.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementUtils, [{
-                type: i0.Injectable
-            }], null, null);
-    })();
-
-    function ReadQueryManagementFieldComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 1);
-            i0__namespace.ɵɵelement(2, "ccd-query-list", 2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var singlePartyMessageGroup_r1 = ctx.$implicit;
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("partyMessageGroup", singlePartyMessageGroup_r1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "File error message"), " ");
         }
     }
-    var ReadQueryManagementFieldComponent = /** @class */ (function (_super) {
-        __extends(ReadQueryManagementFieldComponent, _super);
-        function ReadQueryManagementFieldComponent(route) {
-            var _this = _super.call(this) || this;
-            _this.route = route;
-            return _this;
-        }
-        ReadQueryManagementFieldComponent.prototype.ngOnInit = function () {
-            if (this.context === exports.PaletteContext.DEFAULT) {
-                // EUI-8303 Using mock data until CCD is ready with the API and data contract
-                this.partyMessagesGroups = partyMessagesMockData;
-                // TODO: Actual implementation once the CCD API and data contract is available
-                // Each parties will have a separate collection of party messages
-                // Find whether queries tab is available in the case data
-                var queriesTab = this.route.snapshot.data.case.tabs
-                    .filter(function (tab) { return tab.fields && tab.fields
-                    .some(function (caseField) { return caseField.id === 'QueryManagement'; }); });
-                // Loop through the list of parties and their case queries collections
-                QueryManagementUtils.extractCaseQueriesFromCaseField();
-            }
-        };
-        return ReadQueryManagementFieldComponent;
-    }(AbstractFieldReadComponent));
-    ReadQueryManagementFieldComponent.ɵfac = function ReadQueryManagementFieldComponent_Factory(t) { return new (t || ReadQueryManagementFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
-    ReadQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "govuk-!-margin-top-8", "govuk-!-margin-bottom-8"], [3, "partyMessageGroup"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_container_0_Template, 3, 1, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngForOf", ctx.partyMessagesGroups);
-            }
-        }, encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadQueryManagementFieldComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-read-query-management-field',
-                        templateUrl: './read-query-management-field.component.html',
-                    }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
-    })();
-
     var WriteQueryManagementFieldComponent = /** @class */ (function (_super) {
         __extends(WriteQueryManagementFieldComponent, _super);
         function WriteQueryManagementFieldComponent() {
-            return _super.call(this) || this;
+            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)
+            });
+            _this.queryItem = new QueryListItem();
+            Object.assign(_this.queryItem, partyMessagesMockData[0].partyMessages[0]);
+            return _this;
         }
-        WriteQueryManagementFieldComponent.prototype.ngOnInit = function () {
-        };
         return WriteQueryManagementFieldComponent;
     }(AbstractFieldWriteComponent));
     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: 0, vars: 0, template: function WriteQueryManagementFieldComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    WriteQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteQueryManagementFieldComponent, selectors: [["ccd-write-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 58, vars: 48, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link"], [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"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], ["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.ɵɵ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.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "h1", 5);
+                i0__namespace.ɵɵtext(10);
+                i0__namespace.ɵɵpipe(11, "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.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(16, "div");
+                i0__namespace.ɵɵelement(17, "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.ɵɵ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.ɵɵ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.ɵɵ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.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(38, "div");
+                i0__namespace.ɵɵtext(39);
+                i0__namespace.ɵɵpipe(40, "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.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(43, "button", 21);
+                i0__namespace.ɵɵtext(44);
+                i0__namespace.ɵɵpipe(45, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(46, "div");
+                i0__namespace.ɵɵelementStart(47, "div", 22);
+                i0__namespace.ɵɵelementStart(48, "button", 23);
+                i0__namespace.ɵɵtext(49);
+                i0__namespace.ɵɵpipe(50, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(51, "button", 21);
+                i0__namespace.ɵɵtext(52);
+                i0__namespace.ɵɵpipe(53, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(54, "div", 1);
+                i0__namespace.ɵɵelementStart(55, "a", 2);
+                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_10_0 = null;
+                var tmp_12_0 = null;
+                var tmp_15_0 = null;
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 24, "Back to tasks"));
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 26, "Respond to query"));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 28, "Query details"));
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(15, 30, ctx.caseReference));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("queryItem", ctx.queryItem);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(21, 32, "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.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(27, 34, "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.ɵɵ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.ɵɵ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.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(37, 36, "Add document(optional)"));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(40, 38, "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(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(45, 40, "Next"), " ");
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("disabled", true);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 42, "Previous"), " ");
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(53, 44, "Continue"), " ");
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(57, 46, "Cancel and return to query list"));
+            }
+        }, styles: [".response-textarea[_ngcontent-%COMP%]{max-width:576px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteQueryManagementFieldComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-write-query-management-field',
                         templateUrl: './write-query-management-field.component.html',
+                        styleUrls: ['./write-query-management-field.component.scss']
                     }]
             }], function () { return []; }, null);
     })();
@@ -20525,6 +20478,7 @@
                 _b[DisplayContextCustomParameter.CaseFileView] = [CaseFileViewFieldComponent, CaseFileViewFieldComponent],
                 _b[DisplayContextCustomParameter.LinkedCases] = [WriteLinkedCasesFieldComponent, ReadLinkedCasesFieldComponent],
                 _b[DisplayContextCustomParameter.QueryManagement] = [WriteQueryManagementFieldComponent, ReadQueryManagementFieldComponent],
+                _b[DisplayContextCustomParameter.QueryManagementWriteTest] = [WriteQueryManagementFieldComponent, WriteQueryManagementFieldComponent],
                 _b);
         }
         PaletteService.prototype.getFieldComponentClass = function (caseField, write) {
@@ -23639,6 +23593,13 @@
                 }] });
     })();
 
+    var SortOrder;
+    (function (SortOrder) {
+        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+    })(SortOrder || (SortOrder = {}));
+
     function ReadComplexFieldCollectionTableComponent_th_9_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0__namespace.ɵɵgetCurrentView();
@@ -26045,6 +26006,445 @@
             }], function () { return [{ type: FileUploadStateService }, { type: WindowService }]; }, null);
     })();
 
+    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_div_47_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "a", 7);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var attachment_r2 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("href", attachment_r2._links.self.href, i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(attachment_r2.originalDocumentName);
+        }
+    }
+    function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "table", 1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "tbody", 2);
+            i0__namespace.ɵɵelementStart(4, "tr", 3);
+            i0__namespace.ɵɵelementStart(5, "th", 4);
+            i0__namespace.ɵɵtext(6);
+            i0__namespace.ɵɵpipe(7, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "td", 5);
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(10, "tr", 3);
+            i0__namespace.ɵɵelementStart(11, "th", 4);
+            i0__namespace.ɵɵtext(12);
+            i0__namespace.ɵɵpipe(13, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(14, "td", 5);
+            i0__namespace.ɵɵtext(15);
+            i0__namespace.ɵɵpipe(16, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(17, "tr", 3);
+            i0__namespace.ɵɵelementStart(18, "th", 4);
+            i0__namespace.ɵɵtext(19);
+            i0__namespace.ɵɵpipe(20, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(21, "td", 5);
+            i0__namespace.ɵɵtext(22);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(23, "tr", 3);
+            i0__namespace.ɵɵelementStart(24, "th", 4);
+            i0__namespace.ɵɵtext(25);
+            i0__namespace.ɵɵpipe(26, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(27, "td", 5);
+            i0__namespace.ɵɵtext(28);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(29, "tr", 3);
+            i0__namespace.ɵɵelementStart(30, "th", 4);
+            i0__namespace.ɵɵtext(31);
+            i0__namespace.ɵɵpipe(32, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(33, "td", 5);
+            i0__namespace.ɵɵtext(34);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(35, "tr", 3);
+            i0__namespace.ɵɵelementStart(36, "th", 4);
+            i0__namespace.ɵɵtext(37);
+            i0__namespace.ɵɵpipe(38, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(39, "td", 5);
+            i0__namespace.ɵɵtext(40);
+            i0__namespace.ɵɵpipe(41, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(42, "tr", 3);
+            i0__namespace.ɵɵelementStart(43, "th", 4);
+            i0__namespace.ɵɵtext(44);
+            i0__namespace.ɵɵpipe(45, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(46, "td", 5);
+            i0__namespace.ɵɵtemplate(47, QueryDetailsTableComponent_ng_container_0_div_47_Template, 3, 2, "div", 6);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 15, "Details of the query"));
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 17, "Last submitted by"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(13, 19, "Submission date"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(16, 21, ctx_r0.queryItem.createdOn, "d MMM yyyy"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 24, "Query subject"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 26, "Query body"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(32, 28, "Is the query hearing related ?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(38, 30, "What is the date of the hearing your query related to ?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(41, 32, ctx_r0.queryItem.hearingDate, "d MMM yyyy"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(45, 35, "Attachments"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryItem.attachments);
+        }
+    }
+    var QueryDetailsTableComponent = /** @class */ (function () {
+        function QueryDetailsTableComponent() {
+        }
+        return QueryDetailsTableComponent;
+    }());
+    QueryDetailsTableComponent.ɵfac = function QueryDetailsTableComponent_Factory(t) { return new (t || QueryDetailsTableComponent)(); };
+    QueryDetailsTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "href"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 48, 37, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
+            }
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i2__namespace$1.RpxTranslatePipe, i1__namespace.DatePipe], styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsTableComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-details-table',
+                        templateUrl: './query-details-table.component.html',
+                        styleUrls: ['./query-details-table.component.scss']
+                    }]
+            }], null, { queryItem: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var QueryDetailsComponent = /** @class */ (function () {
+        function QueryDetailsComponent() {
+        }
+        return QueryDetailsComponent;
+    }());
+    QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
+    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], decls: 2, vars: 0, template: function QueryDetailsComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "p");
+                i0__namespace.ɵɵtext(1, "query-details works!");
+                i0__namespace.ɵɵelementEnd();
+            }
+        }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-details',
+                        templateUrl: './query-details.component.html'
+                    }]
+            }], null, null);
+    })();
+
+    function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "th", 8);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "a", 9);
+            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var col_r3 = ctx.$implicit; var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var col_r3 = ctx.$implicit;
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0__namespace.ɵɵsanitizeHtml);
+        }
+    }
+    function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 4);
+            i0__namespace.ɵɵelementStart(1, "td", 10);
+            i0__namespace.ɵɵelementStart(2, "a", 11);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "td", 12);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "td", 12);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "td", 12);
+            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵpipe(11, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 12);
+            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var message_r6 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
+            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.lastResponseBy);
+        }
+    }
+    function QueryListComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "table", 1);
+            i0__namespace.ɵɵelementStart(2, "caption", 2);
+            i0__namespace.ɵɵelementStart(3, "div");
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "thead", 3);
+            i0__namespace.ɵɵelementStart(6, "tr", 4);
+            i0__namespace.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "tbody", 6);
+            i0__namespace.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
+        }
+    }
+    var QueryListComponent = /** @class */ (function () {
+        function QueryListComponent() {
+            this.displayedColumns = [
+                { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
+                { 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 by', sortOrder: SortOrder.UNSORTED }
+            ];
+        }
+        QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
+            var _a;
+            var currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
+            if (currentPartyMessageGroup) {
+                this.queryListData = new QueryListData(currentPartyMessageGroup);
+            }
+        };
+        QueryListComponent.prototype.sortTable = function (col) {
+            switch (col.displayName) {
+                case 'Queries': {
+                    this.sort(col);
+                    break;
+                }
+                case 'Last submitted by': {
+                    this.sort(col);
+                    break;
+                }
+                case 'Last submission date': {
+                    this.sortDate(col);
+                    break;
+                }
+                case 'Last response date': {
+                    this.sortDate(col);
+                    break;
+                }
+                case 'Response by': {
+                    this.sort(col);
+                    break;
+                }
+                default: {
+                    this.sort(col);
+                    break;
+                }
+            }
+        };
+        QueryListComponent.prototype.sortWidget = function (col) {
+            switch (col.sortOrder) {
+                case SortOrder.DESCENDING: {
+                    return '&#9660;';
+                }
+                case SortOrder.ASCENDING: {
+                    return '&#9650;';
+                }
+                default: {
+                    return '&#11047;';
+                }
+            }
+        };
+        QueryListComponent.prototype.sort = function (col) {
+            if (col.sortOrder === SortOrder.ASCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] < b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] > b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+        };
+        QueryListComponent.prototype.sortDate = function (col) {
+            if (col.sortOrder === SortOrder.ASCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return b[col.name] - a[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return a[col.name] - b[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+        };
+        return QueryListComponent;
+    }());
+    QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
+    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
+            }
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i2__namespace$1.RpxTranslatePipe, i1__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,
+                args: [{
+                        selector: 'ccd-query-list',
+                        templateUrl: './query-list.component.html',
+                        styleUrls: ['./query-list.component.scss']
+                    }]
+            }], null, { partyMessageGroup: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var QueryManagementModule = /** @class */ (function () {
+        function QueryManagementModule() {
+        }
+        return QueryManagementModule;
+    }());
+    QueryManagementModule.ɵfac = function QueryManagementModule_Factory(t) { return new (t || QueryManagementModule)(); };
+    QueryManagementModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: QueryManagementModule });
+    QueryManagementModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
+                i1.CommonModule,
+                i3.ReactiveFormsModule,
+                i2$1.RpxTranslationModule.forChild(),
+                PipesModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(QueryManagementModule, { declarations: [ReadQueryManagementFieldComponent,
+                WriteQueryManagementFieldComponent,
+                QueryDetailsComponent,
+                QueryCreateComponent,
+                QueryListComponent,
+                QueryDetailsTableComponent], imports: [i1.CommonModule,
+                i3.ReactiveFormsModule, i2__namespace$1.RpxTranslationModule, PipesModule], exports: [ReadQueryManagementFieldComponent,
+                WriteQueryManagementFieldComponent] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ReadQueryManagementFieldComponent,
+                            WriteQueryManagementFieldComponent,
+                            QueryDetailsComponent,
+                            QueryCreateComponent,
+                            QueryListComponent,
+                            QueryDetailsTableComponent,
+                        ],
+                        imports: [
+                            i1.CommonModule,
+                            i3.ReactiveFormsModule,
+                            i2$1.RpxTranslationModule.forChild(),
+                            PipesModule
+                        ],
+                        exports: [
+                            ReadQueryManagementFieldComponent,
+                            WriteQueryManagementFieldComponent
+                        ],
+                    }]
+            }], null, null);
+    })();
+    i0__namespace.ɵɵsetComponentScope(ReadQueryManagementFieldComponent, [i1__namespace.NgForOf, QueryListComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i1__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i2__namespace$1.RpxTranslatePipe, CaseReferencePipe]);
+
     var PALETTE_COMPONENTS = [
         UnsupportedFieldComponent,
         DatetimePickerComponent,
@@ -26090,7 +26490,6 @@
         ReadComplexFieldCollectionTableComponent,
         ReadCaseFlagFieldComponent,
         ReadLinkedCasesFieldComponent,
-        ReadQueryManagementFieldComponent,
         // Write
         WriteJudicialUserFieldComponent,
         WriteAddressFieldComponent,
@@ -26110,7 +26509,6 @@
         WriteDateFieldComponent,
         WriteCaseFlagFieldComponent,
         WriteLinkedCasesFieldComponent,
-        WriteQueryManagementFieldComponent,
         // new
         WriteYesNoFieldComponent,
         WriteOrganisationFieldComponent,
@@ -26154,10 +26552,6 @@
         CheckYourAnswersComponent,
         UnLinkCasesComponent,
         NoLinkedCasesComponent,
-        // Components for query management
-        QueryCreateComponent,
-        QueryDetailComponent,
-        QueryListComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -26210,7 +26604,8 @@
                 i1$3.MatDialogModule,
                 i12.MediaViewerModule,
                 LoadingModule,
-                i2$1.RpxTranslationModule.forChild()
+                i2$1.RpxTranslationModule.forChild(),
+                QueryManagementModule
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
             i4.NgxMatTimepickerModule,
@@ -26266,7 +26661,6 @@
                 ReadComplexFieldCollectionTableComponent,
                 ReadCaseFlagFieldComponent,
                 ReadLinkedCasesFieldComponent,
-                ReadQueryManagementFieldComponent,
                 // Write
                 WriteJudicialUserFieldComponent,
                 WriteAddressFieldComponent,
@@ -26286,7 +26680,6 @@
                 WriteDateFieldComponent,
                 WriteCaseFlagFieldComponent,
                 WriteLinkedCasesFieldComponent,
-                WriteQueryManagementFieldComponent,
                 // new
                 WriteYesNoFieldComponent,
                 WriteOrganisationFieldComponent,
@@ -26329,11 +26722,7 @@
                 LinkCasesComponent,
                 CheckYourAnswersComponent,
                 UnLinkCasesComponent,
-                NoLinkedCasesComponent,
-                // Components for query management
-                QueryCreateComponent,
-                QueryDetailComponent,
-                QueryListComponent], imports: [i1.CommonModule,
+                NoLinkedCasesComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i3.FormsModule,
                 i3.ReactiveFormsModule,
@@ -26359,7 +26748,7 @@
                 i1$4.OverlayModule,
                 i3$1.PaymentLibModule, i2__namespace.ScrollToModule, i1$3.MatDialogModule,
                 i12.MediaViewerModule,
-                LoadingModule, i2__namespace$1.RpxTranslationModule], exports: [i4.NgxMatDatetimePickerModule,
+                LoadingModule, i2__namespace$1.RpxTranslationModule, QueryManagementModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
@@ -26408,7 +26797,6 @@
                 ReadComplexFieldCollectionTableComponent,
                 ReadCaseFlagFieldComponent,
                 ReadLinkedCasesFieldComponent,
-                ReadQueryManagementFieldComponent,
                 // Write
                 WriteJudicialUserFieldComponent,
                 WriteAddressFieldComponent,
@@ -26428,7 +26816,6 @@
                 WriteDateFieldComponent,
                 WriteCaseFlagFieldComponent,
                 WriteLinkedCasesFieldComponent,
-                WriteQueryManagementFieldComponent,
                 // new
                 WriteYesNoFieldComponent,
                 WriteOrganisationFieldComponent,
@@ -26471,11 +26858,7 @@
                 LinkCasesComponent,
                 CheckYourAnswersComponent,
                 UnLinkCasesComponent,
-                NoLinkedCasesComponent,
-                // Components for query management
-                QueryCreateComponent,
-                QueryDetailComponent,
-                QueryListComponent] });
+                NoLinkedCasesComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -26511,7 +26894,8 @@
                             i1$3.MatDialogModule,
                             i12.MediaViewerModule,
                             LoadingModule,
-                            i2$1.RpxTranslationModule.forChild()
+                            i2$1.RpxTranslationModule.forChild(),
+                            QueryManagementModule
                         ],
                         declarations: __spread([
                             FixedListPipe,
@@ -26570,7 +26954,6 @@
         // Components for linked cases
         LinkedCasesToTableComponent, i1__namespace.NgIf, LinkedCasesFromTableComponent
     ], []);
-    i0__namespace.ɵɵsetComponentScope(ReadQueryManagementFieldComponent, [i1__namespace.NgForOf, QueryListComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlDirective, i3__namespace.SelectControlValueAccessor, i1__namespace.NgForOf, i3__namespace.NgSelectOption, i3__namespace.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -36525,11 +36908,6 @@
     exports.Profile = Profile;
     exports.ProfileNotifier = ProfileNotifier;
     exports.ProfileService = ProfileService;
-    exports.QueryCreateComponent = QueryCreateComponent;
-    exports.QueryDetailComponent = QueryDetailComponent;
-    exports.QueryListComponent = QueryListComponent;
-    exports.QueryListData = QueryListData;
-    exports.QueryListItem = QueryListItem;
     exports.ReadCaseFlagFieldComponent = ReadCaseFlagFieldComponent;
     exports.ReadCaseLinkFieldComponent = ReadCaseLinkFieldComponent;
     exports.ReadCollectionFieldComponent = ReadCollectionFieldComponent;
@@ -36651,7 +37029,6 @@
     exports.editorRouting = editorRouting;
     exports.initDialog = initDialog;
     exports.newCaseField = newCaseField;
-    exports.partyMessagesMockData = partyMessagesMockData;
     exports.textFieldType = textFieldType;
     exports.viewerRouting = viewerRouting;