@hmcts/ccd-case-ui-toolkit 4.8.3-rc.3 → 4.8.3-rc.4

package/RELEASE-NOTES.md

@@ -3,6 +3,9 @@
 ### Version 4.3.6-hotfix-EUI-4404
 **EUI-4404** Fix rendering of read-only Collection field within editable Complex field
 
+### Version 4.7.6-hearings-tab
+**EUI-4441** Add hearings tab in case details
+
 ### Version 4.7.0-EUI-4412-order-fields-CYA-page
 **EUI-4414** Field order on the CYA page changes
 
@@ -55,15 +58,6 @@
 **EUI-4344** Document uploaded shows incorrect name
 **EUI-4377** removing unwanted html tags from title
 
-### Version 4.2.3
-**EUI-3425** Hotfix for work already done. Secure uploading for new cases
-
-### Version 4.2.2
-**EUI-4161** Turn HRS documentLink URLs into relative URLs, as is done for dm-store URLs
-
-### Version 4.2.1
-**EUI-3425** Update Document Management Service to call new document upload API in ccd-case-ui-toolkit
-**EUI-3426** Repoint node layer at the new document store API
 
 ### Version 4.2.3
 **EUI-3425** Hotfix for work already done. Secure uploading for new cases
@@ -200,75 +194,6 @@ fixed an issue with the rendering of complex collections on the Case Details tab
 **EUI-3868** "Retain Hidden Value" matrix - support for Scenarios 5 and 8 for "retain = true"
 **EUI-2744** EventToComplexTypes regression with hidden fields
 **EUI-4106** Show/hide functionality
-### Version 4.0.0-activity-tracker-unauthorised-beta
-**EUI-4226** Fixed an issue with 401/403 errors ignoring that the user is unauthorised.
-
-### Version 3.1.5-complex-hidden-collection-show
-**EUI-3983** Fixed issue with show fields displaying momentarily before show-condition logic evaluated
-
-### Version 3.1.6-case-field-labels-showing-on-summary-screen-when-complex-type-is-hidden
-**EUI-2276** Case field showing on summary screen when complex type field is hidden
-
-### Version 3.1.5-nested-multi-select-labels-theta
-**EUI-3581** Fixed an issue with label placeholders not working for multiselects within complex fields or collections. Also fixed an issue with FixedRadioList fields showing the code, not the label. Finally,
-fixed an issue with the rendering of complex collections on the Case Details tabs.
-
-### Version 3.1.5-datetime-picker-validation
-**EUI-4118** Add and improve validation to datetime picker
-
-### Version 3.1.5-datetime-picker-validation
-**EUI-4118** Add and improve validation to datetime picker
-
-### Version 4.1.0
-**EUI-2027** Button Labels (AA)
-**EUI-2030** Colour Contrast (AA)
-**EUI-3155** Non-Descriptive Headings (AA) - issues 02, 06, 05 (part of it)
-**EUI-4118** Mandatory datetime picker fields are not giving required field errors
-**EUI-1621** Date/time DISPLAY for Workbasket & Search Input & Results
-**EUI-1692** DateTime Entry & Display Formatting for Complex Types
-**EUI-2792** Date and Time entry (Testing Story)
-**EUI-4155** WA post-MVP Pagination- Angular - My tasks (in Tasks list) - CCD UI Toolkit
-**EUI-3049** Wrap and restyle date time picker component
-**EUI-3051** Handle #DATETIMEENTRY field context
-**EUI-3581** Field interpolation does not work for the field type MultiSelectList
-**EUI-4244** SSCS - Midevent callbacks sending empty fields for optional empty document
-
-### Version 4.0.0
-**EUI-4227** Fixed an error with show/hide not working quite right in some configurations.
-**EUI-2022** ExUI - Error Messages (Complex Type)
-**EUI-4033** Ensured complex fields were interpolated on Check Your Answers page
-**EUI-4077** Ensuring searchForCompletable not called if user is pui-case-manager
-**EUI-2027** Accessibility amends for button labels
-**EUI-3155** Accessibility amends for non-descriptive headings
-**EUI-3550** Replace heading tags with spans on case edit pages
-**EUI-2792** Datetime picker fixes after testing integration with webapp
-**EUI-3825** Fix for missing FTPA tab contents.
-**EUI-2017** ExUI - Navigate in table using keyboard
-**EUI-2022** ExUI - Error Messages (A)
-**EUI-2023** ExUI - Labels (A)
-**EUI-3538** ExUI - FieldShowCondition failing on SearchInputFields and WorkBasketInputFields
-**EUI-3466** ExUI - Spinner issue in demo MO unassigned cases page
-**EUI-3497** ExUI - Unassigned cases does not show all unassigned cases
-**EUI-3049** Create datetime picker for use in write date fields (and edit read date fields for consistency)
-**EUI-3732** ExUI - Breathing space data not persisted on Previous button click with ExpUI Demo
-**EUI-2569** ExUI - Labels not displaying in Case Heading
-**EUI-3870** ExUI - Unresponsive and 'laggy' show-hide conditions
-**EUI-3682** Callback Error still not showing proper error message in XUI screen
-**EUI-3505** Applied fix to disable and enable collection remove button based on CRUD permissions
-**EUI-2039** Changed Date Input fields to conform to accessibility standards
-**EUI-2029** WCAG AA Status Message Fixes
-**EUI-2739** Fix "retain hidden fields" functionality for Complex collection, nested Complex, and nested Complex collection types
-**EUI-3622** Re-evaluate "retain hidden value" matrix linked to acceptance criteria
-**EUI-3868** "Retain Hidden Value" matrix - support for Scenarios 5 and 8 for "retain = true"
-**EUI-2744** EventToComplexTypes regression with hidden fields
-**EUI-4106** Show/hide functionality
-
-### Version 3.1.5-nested-multi-select-labels-theta
-**EUI-3581** Fixed an issue with label placeholders not working for multiselects within complex fields or collections. Also fixed an issue with FixedRadioList fields showing the code, not the label. Finally,
-fixed an issue with the rendering of complex collections on the Case Details tabs.
-
-### Version 3.1.5-datetime-picker-validation
-**EUI-4118** Add and improve validation to datetime picker
 
 ### Version 3.1.5-nested-multi-select-labels-theta
 **EUI-3581** Fixed an issue with label placeholders not working for multiselects within complex fields or collections. Also fixed an issue with FixedRadioList fields showing the code, not the label. Finally,

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.8.3-rc.3
+ * @version v4.8.3-rc.4
  * @link undefined
  * @license MIT
  */
@@ -17166,6 +17166,8 @@ var CaseAccessUtils = /** @class */ (function () {
     function CaseAccessUtils() {
     }
     CaseAccessUtils.prototype.getMappedRoleCategory = function (roles, roleCategories) {
+        if (roles === void 0) { roles = []; }
+        if (roleCategories === void 0) { roleCategories = []; }
         var roleKeywords = roles.join().split('-').join().split(',');
         if (this.roleOrCategoryExists(CaseAccessUtils.JUDGE_ROLE, CaseAccessUtils.JUDGE_ROLE_CATEGORY, roleKeywords, roleCategories)) {
             return CaseAccessUtils.JUDGE_ROLE_CATEGORY;
@@ -17209,6 +17211,35 @@ var CaseAccessUtils = /** @class */ (function () {
         }
         return roleName;
     };
+    CaseAccessUtils.prototype.getAMPayload = function (assignerId, actorId, roleName, roleCategory, grantType, caseId, details, beginTime, endTime) {
+        if (beginTime === void 0) { beginTime = null; }
+        if (endTime === void 0) { endTime = null; }
+        var payload = {
+            roleRequest: {
+                assignerId: assignerId
+            },
+            requestedRoles: [{
+                    actorIdType: 'IDAM',
+                    actorId: actorId,
+                    roleType: 'CASE',
+                    roleName: roleName,
+                    classification: 'PUBLIC',
+                    roleCategory: roleCategory,
+                    grantType: grantType,
+                    beginTime: beginTime,
+                    endTime: endTime,
+                    attributes: {
+                        caseId: caseId
+                    },
+                    notes: [{
+                            userId: assignerId,
+                            time: new Date(),
+                            comment: JSON.stringify(details)
+                        }]
+                }]
+        };
+        return payload;
+    };
     // User role mapping
     CaseAccessUtils.JUDGE_ROLE = 'judge';
     CaseAccessUtils.JUDGE_ROLE_CATEGORY = 'JUDICIAL';
@@ -19468,32 +19499,23 @@ var CasesService = /** @class */ (function () {
         }
         var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
         var roleName = camUtils.getAMRoleName('challenged', roleCategory);
-        var payload = {
-            roleRequest: {
-                assignerId: userInfo.id
-            },
-            requestedRoles: [{
-                    actorIdType: 'IDAM',
-                    actorId: userInfo.id,
-                    roleType: 'CASE',
-                    roleName: roleName,
-                    classification: 'PUBLIC',
-                    roleCategory: roleCategory,
-                    grantType: 'CHALLENGED',
-                    beginTime: new Date(),
-                    endTime: new Date(new Date().setUTCHours(23, 59, 59, 999)),
-                    attributes: {
-                        caseId: caseId
-                    },
-                    notes: [{
-                            userId: userInfo.id,
-                            time: new Date(),
-                            comment: JSON.stringify(car)
-                        }
-                    ]
-                }]
-        };
-        return this.http.post("" + this.appConfig.getCamRoleAssignmentsApiUrl(), payload);
+        var beginTime = new Date();
+        var endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
+        var payload = camUtils.getAMPayload(userInfo.id, userInfo.id, roleName, roleCategory, 'CHALLENGED', caseId, car, beginTime, endTime);
+        return this.http.post(this.appConfig.getCamRoleAssignmentsApiUrl() + "/challenged", payload);
+    };
+    CasesService.prototype.createSpecificAccessRequest = function (caseId, sar) {
+        // Assignment API endpoint
+        var userInfoStr = this.sessionStorageService.getItem('userDetails');
+        var camUtils = new case_access_utils_1.CaseAccessUtils();
+        var userInfo;
+        if (userInfoStr) {
+            userInfo = JSON.parse(userInfoStr);
+        }
+        var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
+        var roleName = camUtils.getAMRoleName('specific', roleCategory);
+        var payload = camUtils.getAMPayload(null, userInfo.id, roleName, roleCategory, 'SPECIFIC', caseId, sar);
+        return this.http.post(this.appConfig.getCamRoleAssignmentsApiUrl() + "/specific", payload);
     };
     var CasesService_1;
     // Internal (UI) API
@@ -21395,6 +21417,7 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
+        this.appendedTabs = [];
         this.BANNER = domain_1.DisplayMode.BANNER;
         this.triggerTextStart = CaseFullAccessViewComponent_1.TRIGGER_TEXT_START;
         this.triggerTextIgnoreWarnings = CaseFullAccessViewComponent_1.TRIGGER_TEXT_CONTINUE;
@@ -21484,7 +21507,7 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         }
     };
     CaseFullAccessViewComponent.prototype.hasTabsPresent = function () {
-        return this.sortedTabs.length > 0 || this.prependedTabs.length > 0;
+        return this.sortedTabs.length > 0 || this.prependedTabs.length > 0 || this.appendedTabs.length > 0;
     };
     CaseFullAccessViewComponent.prototype.callbackErrorsNotify = function (callbackErrorsContext) {
         this.ignoreWarning = callbackErrorsContext.ignore_warning;
@@ -21533,7 +21556,9 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
     CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
         var tab = tabChangeEvent.tab['_viewContainerRef'];
         var id = tab.element.nativeElement.id;
-        if (tabChangeEvent.index <= 1 && this.prependedTabs.length) {
+        var tabsLengthBeforeAppended = this.prependedTabs.length + this.caseDetails.tabs.length;
+        if ((tabChangeEvent.index <= 1 && this.prependedTabs.length) ||
+            (tabChangeEvent.index >= tabsLengthBeforeAppended && this.appendedTabs.length)) {
             this.router.navigate([id], { relativeTo: this.route });
         }
         else {
@@ -21616,6 +21641,10 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Array)
     ], CaseFullAccessViewComponent.prototype, "prependedTabs", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], CaseFullAccessViewComponent.prototype, "appendedTabs", void 0);
     __decorate([
         core_1.ViewChild('tabGroup'),
         __metadata("design:type", material_1.MatTabGroup)
@@ -21898,11 +21927,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var forms_1 = __webpack_require__(92985);
 var router_1 = __webpack_require__(92302);
+var case_editor_1 = __webpack_require__(27070);
 var models_1 = __webpack_require__(3234);
 var CaseSpecificAccessRequestComponent = /** @class */ (function () {
-    function CaseSpecificAccessRequestComponent(fb, router, route) {
+    function CaseSpecificAccessRequestComponent(fb, router, casesService, route) {
         this.fb = fb;
         this.router = router;
+        this.casesService = casesService;
         this.route = route;
         this.collapsed = false;
         this.submitted = false;
@@ -21940,6 +21971,7 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
         this.formGroup.get(this.specificReasonControlName).setValue('');
     };
     CaseSpecificAccessRequestComponent.prototype.onSubmit = function () {
+        var _this = this;
         this.submitted = true;
         if (this.formGroup.get(this.specificReasonControlName).invalid) {
             this.errorMessage = {
@@ -21948,6 +21980,22 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
                 fieldId: 'specific-reason',
             };
         }
+        // Initiate Specific Access Request
+        if (this.formGroup.valid) {
+            // Get the Case Reference (for which access is being requested) from the ActivatedRouteSnapshot data
+            var caseId = this.route.snapshot.data.case.case_id;
+            var specificAccessRequest = {
+                specificReason: this.formGroup.get(this.specificReasonControlName).value
+            };
+            this.$roleAssignmentResponseSubscription = this.casesService.createSpecificAccessRequest(caseId, specificAccessRequest)
+                .subscribe(function (_response) {
+                // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
+                // Angular 7.2!
+                _this.router.navigate(['success'], { relativeTo: _this.route });
+            }, function (_error) {
+                // Navigate to error page
+            });
+        }
     };
     CaseSpecificAccessRequestComponent.prototype.onCancel = function () {
         // Navigate to the page before previous one (should be Search Results or Case List page, for example)
@@ -21965,6 +22013,7 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
         }),
         __metadata("design:paramtypes", [forms_1.FormBuilder,
             router_1.Router,
+            case_editor_1.CasesService,
             router_1.ActivatedRoute])
     ], CaseSpecificAccessRequestComponent);
     return CaseSpecificAccessRequestComponent;
@@ -22175,6 +22224,7 @@ var CaseViewerComponent = /** @class */ (function () {
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
+        this.appendedTabs = [];
     }
     CaseViewerComponent_1 = CaseViewerComponent;
     CaseViewerComponent.prototype.ngOnInit = function () {
@@ -22218,7 +22268,7 @@ var CaseViewerComponent = /** @class */ (function () {
     // remove once Access management goes live
     CaseViewerComponent.prototype.setMockData = function (caseDetails) {
         var accessManagementBasicViewMock = this.appConfig.getAccessManagementBasicViewMock();
-        if (accessManagementBasicViewMock.active && !caseDetails.basicFields) {
+        if (accessManagementBasicViewMock && accessManagementBasicViewMock.active && !caseDetails.basicFields) {
             var access_process_index = caseDetails.metadataFields.findIndex(function (metadataField) {
                 return metadataField.id === CaseViewerComponent_1.METADATA_FIELD_ACCESS_PROCEES_ID;
             });
@@ -22253,6 +22303,10 @@ var CaseViewerComponent = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Array)
     ], CaseViewerComponent.prototype, "prependedTabs", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], CaseViewerComponent.prototype, "appendedTabs", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
@@ -25250,13 +25304,11 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
     WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
         if (this.caseField.value) {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
-                'Id': new forms_1.FormControl('LinkedCase'),
                 'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference),
             }), true);
         }
         else {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
-                'Id': new forms_1.FormControl('LinkedCase'),
                 'CaseReference': new forms_1.FormControl(),
             }), true);
         }
@@ -27761,9 +27813,6 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             this.displayFileUploadMessages(WriteDocumentFieldComponent_1.UPLOAD_WAITING_FILE_STATUS);
             var documentUpload = this.buildDocumentUploadData(this.selectedFile);
             this.fileUploadStateService.setUploadInProgress(true);
-            var uploadFile = this.secureModeOn ?
-                this.documentManagement.secureUploadFile(documentUpload) :
-                this.documentManagement.uploadFile(documentUpload);
             this.fileUploadSubscription = this.documentManagement.uploadFile(documentUpload).subscribe({
                 next: function (resultDocument) { return _this.handleDocumentUploadResult(resultDocument); },
                 error: function (error) { return _this.handleDocumentUploadError(error); }
@@ -38472,14 +38521,6 @@ var DocumentManagementService = /** @class */ (function () {
             .pipe(operators_1.delay(DocumentManagementService_1.RESPONSE_DELAY))
             .pipe();
     };
-    DocumentManagementService.prototype.secureUploadFile = function (formData) {
-        var url = this.appConfig.getDocumentManagementUrlV2();
-        var headers = new http_2.HttpHeaders();
-        return this.http
-            .post(url, formData, { headers: headers, observe: 'body' })
-            .pipe(operators_1.delay(DocumentManagementService_1.RESPONSE_DELAY))
-            .pipe();
-    };
     DocumentManagementService.prototype.getMediaViewerInfo = function (documentFieldValue) {
         var mediaViewerInfo = {
             document_binary_url: this.transformDocumentUrl(documentFieldValue.document_binary_url),
@@ -69173,7 +69214,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\" class=\"screen-990\">\n  <ccd-ac
 /***/ 99839:
 /***/ ((module) => {
 
-module.exports = "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n      role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    Something went wrong\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>We're working to fix the problem. Try again shortly.</p>\n    <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n      aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The callback data failed validation\n  </h2>\n  <p>{{error.message}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">Print</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                        [triggerText]=\"triggerText\" (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                        (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedTabChange)=\"tabChanged($event)\" [disableRipple]=\"true\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th>\n                        <div class=\"case-viewer-label text-16\">{{field.label}}</div>\n                      </th>\n                      <td>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"prependedTabs && prependedTabs.length\"></router-outlet>\n    </ng-container>\n  </div>\n</div>"
+module.exports = "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n      role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    Something went wrong\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>We're working to fix the problem. Try again shortly.</p>\n    <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n      aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The callback data failed validation\n  </h2>\n  <p>{{error.message}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">Print</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                        [triggerText]=\"triggerText\" (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                        (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedTabChange)=\"tabChanged($event)\" [disableRipple]=\"true\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th>\n                        <div class=\"case-viewer-label text-16\">{{field.label}}</div>\n                      </th>\n                      <td>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"(prependedTabs && prependedTabs.length) || (appendedTabs && appendedTabs.length)\"></router-outlet>\n    </ng-container>\n  </div>\n</div>\n"
 
 /***/ }),
 
@@ -69208,7 +69249,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-viewer [hasPrint
 /***/ 67025:
 /***/ ((module) => {
 
-module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\" [accessType]=\"userAccessType\" [caseDetails]=\"caseDetails\"></ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\"></ccd-case-full-access-view>\n</div>\n"
+module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\" [accessType]=\"userAccessType\" [caseDetails]=\"caseDetails\"></ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\" [appendedTabs]=\"appendedTabs\"></ccd-case-full-access-view>\n</div>\n"
 
 /***/ }),