@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-orchestrator-v2 → 6.16.0-query-management-query-list

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

@@ -19476,41 +19476,32 @@
                 {
                     id: 'case-message-001',
                     subject: 'Review attached document',
+                    name: 'Maggie Conroy',
                     body: 'Please review attached document and advise if hearing should proceed?',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 3),
                     createdBy: '1111-1111-1111-1111'
                 },
                 {
                     id: 'case-message-002',
                     subject: 'Games',
+                    name: 'Maggie Conroy',
                     body: 'Can I play games in my phone when my solicitor is talking?',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 3),
                     createdBy: '1111-1111-1111-1111'
                 },
                 {
                     id: 'case-message-003',
-                    subject: 'Games',
+                    name: 'Maggie Conroy',
                     body: 'Using mobile phone is strictly prohibited in the court room.',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
-                    createdOn: new Date(2023, 0, 4),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-002'
-                },
-                {
-                    id: 'case-message-004',
-                    subject: 'Games',
-                    body: 'In addition to my previous message, the mobile phones must be switched off inside the premises.',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 4),
                     createdBy: '2222-2222-2222-2222',
                     parentId: 'case-message-002'
@@ -19524,6 +19515,7 @@
                 {
                     id: 'case-message-005',
                     subject: 'Add respondent detention order',
+                    name: 'Maggie Conroy',
                     body: 'Please add respondent detention order to the file XX20230423-DX.',
                     attachments: [],
                     isHearingRelated: false,
@@ -19532,7 +19524,7 @@
                 },
                 {
                     id: 'case-message-006',
-                    subject: 'Actioned: Respondent detention order added',
+                    name: 'Maggie Conroy',
                     body: 'I confirm that the respondent detention order is now added to the file XX20230423-DX.',
                     attachments: [],
                     isHearingRelated: false,
@@ -19543,20 +19535,21 @@
                 {
                     id: 'case-message-007',
                     subject: 'Food',
+                    name: 'Maggie Conroy',
                     body: 'Can I eat in the hearings?',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 3),
                     createdBy: '1111-1111-1111-1111'
                 },
                 {
                     id: 'case-message-008',
-                    subject: 'Food',
+                    name: 'Maggie Conroy',
                     body: 'Consumption of food is not allowed when a hearing is taking place.',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 5),
                     createdBy: '2222-2222-2222-2222',
                     parentId: 'case-message-007'
@@ -19564,31 +19557,21 @@
                 {
                     id: 'case-message-009',
                     subject: 'Bring relatives',
+                    name: 'Maggie Conroy',
                     body: 'Can I bring my grandma with me so she get out from the residence?',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 6),
                     createdBy: '1111-1111-1111-1111'
                 },
                 {
                     id: 'case-message-010',
-                    subject: 'Bring relatives',
+                    name: 'Maggie Conroy',
                     body: 'Sorry, only those required for the hearing should be present inside the court room.',
                     attachments: [],
                     isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
-                    createdOn: new Date(2023, 0, 7),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-009'
-                },
-                {
-                    id: 'case-message-011',
-                    subject: 'Bring relatives',
-                    body: 'You are allowed to bring only those mentioned in the hearing request. For example, sign language interpreter.',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: new Date(2023, 0, 10),
+                    hearingDate: '10 Jan 2023',
                     createdOn: new Date(2023, 0, 7),
                     createdBy: '2222-2222-2222-2222',
                     parentId: 'case-message-009'
@@ -19635,23 +19618,196 @@
             }], function () { return []; }, null);
     })();
 
+    exports.QueryListResponseStatus = void 0;
+    (function (QueryListResponseStatus) {
+        QueryListResponseStatus["NEW"] = "New";
+        QueryListResponseStatus["RESPONDED"] = "Responded";
+    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
+
+    var QueryListItem = /** @class */ (function () {
+        function QueryListItem() {
+        }
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
+            get: function () {
+                if (this.children && this.children.length > 0) {
+                    return this.children.reduce(function (prev, current) {
+                        return (prev.createdOn > current.createdOn) ? prev : current;
+                    });
+                }
+                else {
+                    return 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
+        });
+        Object.defineProperty(QueryListItem.prototype, "responseStatus", {
+            get: function () {
+                var _a;
+                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? exports.QueryListResponseStatus.RESPONDED : exports.QueryListResponseStatus.NEW;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return QueryListItem;
+    }());
+
+    var QueryListData = /** @class */ (function () {
+        function QueryListData(partyMessagesGroup) {
+            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) {
+                var parentMessage = new QueryListItem();
+                Object.assign(parentMessage, Object.assign(Object.assign({}, message), { children: partyMessagesGroup.partyMessages
+                        .filter(function (childMessage) { return childMessage.parentId === message.id; }) }));
+                return parentMessage;
+            });
+        }
+        return QueryListData;
+    }());
+
+    function QueryListComponent_ng_container_0_tr_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 4);
+            i0__namespace.ɵɵelementStart(1, "td", 8);
+            i0__namespace.ɵɵelementStart(2, "a", 9);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "td", 10);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "td", 10);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "td", 10);
+            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵpipe(11, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 10);
+            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var message_r2 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(message_r2.subject);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(message_r2.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r2.lastSubmittedDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r2.lastResponseDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(message_r2.responseStatus);
+        }
+    }
+    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.ɵɵelementStart(7, "th", 5);
+            i0__namespace.ɵɵtext(8, "Queries");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "th", 5);
+            i0__namespace.ɵɵtext(10, "Last submitted by");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(11, "th", 5);
+            i0__namespace.ɵɵtext(12, "Last submission date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(13, "th", 5);
+            i0__namespace.ɵɵtext(14, "Last response date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(15, "th", 5);
+            i0__namespace.ɵɵtext(16, "Response status");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(17, "tbody", 6);
+            i0__namespace.ɵɵtemplate(18, QueryListComponent_ng_container_0_tr_18_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(14);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
+        }
+    }
     var QueryListComponent = /** @class */ (function () {
         function QueryListComponent() {
         }
-        QueryListComponent.prototype.ngOnInit = function () {
+        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);
+            }
         };
         return QueryListComponent;
     }());
     QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessages: "partyMessages" }, decls: 0, vars: 0, template: function QueryListComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    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"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [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, 19, 2, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
+            }
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [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%}"] });
     (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']
                     }]
-            }], function () { return []; }, { partyMessages: [{
+            }], null, { partyMessageGroup: [{
                     type: i0.Input
                 }] });
     })();
@@ -19671,6 +19827,20 @@
             }], 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.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("partyMessageGroup", singlePartyMessageGroup_r1);
+        }
+    }
     var ReadQueryManagementFieldComponent = /** @class */ (function (_super) {
         __extends(ReadQueryManagementFieldComponent, _super);
         function ReadQueryManagementFieldComponent(route) {
@@ -19681,7 +19851,7 @@
         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.partyMessages = partyMessagesMockData;
+                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
@@ -19695,14 +19865,14 @@
         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: [[3, "partyMessages"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) {
+    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.ɵɵelement(0, "ccd-query-list", 0);
+                i0__namespace.ɵɵtemplate(0, ReadQueryManagementFieldComponent_ng_container_0_Template, 3, 1, "ng-container", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("partyMessages", ctx.partyMessages);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.partyMessagesGroups);
             }
-        }, directives: [QueryListComponent], encapsulation: 2 });
+        }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadQueryManagementFieldComponent, [{
                 type: i0.Component,
@@ -26304,6 +26474,7 @@
         // 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, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i2__namespace.SelectControlValueAccessor, i1__namespace.NgForOf, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -36261,6 +36432,8 @@
     exports.QueryCreateComponent = QueryCreateComponent;
     exports.QueryDetailComponent = QueryDetailComponent;
     exports.QueryListComponent = QueryListComponent;
+    exports.QueryListData = QueryListData;
+    exports.QueryListItem = QueryListItem;
     exports.ReadCaseFlagFieldComponent = ReadCaseFlagFieldComponent;
     exports.ReadCaseLinkFieldComponent = ReadCaseLinkFieldComponent;
     exports.ReadCollectionFieldComponent = ReadCollectionFieldComponent;