@hmcts/ccd-case-ui-toolkit 4.6.0-rc.1 → 4.7.0-rc.1

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.6.0-rc.1
+ * @version v4.7.0-rc.1
  * @link undefined
  * @license MIT
  */
@@ -10745,6 +10745,15 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getUserInfoApiUrl = function () {
         return undefined;
     };
+    AbstractAppConfig.prototype.getAccessManagementMode = function () {
+        return undefined;
+    };
+    AbstractAppConfig.prototype.getAccessManagementBasicViewMock = function () {
+        return undefined;
+    };
+    AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
+        return undefined;
+    };
     return AbstractAppConfig;
 }());
 exports.AbstractAppConfig = AbstractAppConfig;
@@ -12250,8 +12259,10 @@ var ActivityComponent = /** @class */ (function () {
         return (this.activity.editors.length > 0 || this.activity.unknownEditors > 0);
     };
     ActivityComponent.prototype.ngOnDestroy = function () {
-        this.subscription.complete();
-        this.subscription.unsubscribe();
+        if (this.subscription) {
+            this.subscription.complete();
+            this.subscription.unsubscribe();
+        }
         this.activityPollingService.stopPolling();
     };
     ActivityComponent.prototype.generateDescription = function (prefix, suffix, namesArray, unknownCount) {
@@ -12598,8 +12609,12 @@ var CaseEditFormComponent = /** @class */ (function () {
         this.valuesChanged = new core_1.EventEmitter();
     }
     CaseEditFormComponent.prototype.ngOnDestroy = function () {
-        this.pageChangeSubscription.unsubscribe();
-        this.formGroupChangeSubscription.unsubscribe();
+        if (this.pageChangeSubscription) {
+            this.pageChangeSubscription.unsubscribe();
+        }
+        if (this.formGroupChangeSubscription) {
+            this.formGroupChangeSubscription.unsubscribe();
+        }
     };
     // We need the below un/subscribe complexity as we do not have proper page component per page with its AfterViewInit hook
     // being called on each page load. This is done for "Cancel and return" modal from RDM-2302.
@@ -12607,7 +12622,9 @@ var CaseEditFormComponent = /** @class */ (function () {
         var _this = this;
         this.retrieveInitialFormValues();
         this.pageChangeSubscription = this.pageChangeSubject.subscribe(function () {
-            _this.formGroupChangeSubscription.unsubscribe();
+            if (_this.formGroupChangeSubscription) {
+                _this.formGroupChangeSubscription.unsubscribe();
+            }
             // Timeout is required for the form to be rendered before subscription to form changes and initial form values retrieval.
             setTimeout(function () {
                 _this.subscribeToFormChanges();
@@ -12704,6 +12721,7 @@ var form_error_service_1 = __webpack_require__(34790);
 var draft_model_1 = __webpack_require__(98072);
 var fields_1 = __webpack_require__(64906);
 var case_field_service_1 = __webpack_require__(72141);
+var helpers_1 = __webpack_require__(23495);
 var CaseEditPageComponent = /** @class */ (function () {
     function CaseEditPageComponent(caseEdit, route, formValueService, formErrorService, cdRef, pageValidationService, dialog, caseFieldService) {
         this.caseEdit = caseEdit;
@@ -12736,7 +12754,7 @@ var CaseEditPageComponent = /** @class */ (function () {
     };
     CaseEditPageComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.initDialog();
+        helpers_1.initDialog(this.dialogConfig);
         this.eventTrigger = this.caseEdit.eventTrigger;
         this.editForm = this.caseEdit.form;
         this.wizard = this.caseEdit.wizard;
@@ -12961,19 +12979,6 @@ var CaseEditPageComponent = /** @class */ (function () {
             ? CaseEditPageComponent_1.TRIGGER_TEXT_SAVE
             : CaseEditPageComponent_1.TRIGGER_TEXT_START;
     };
-    CaseEditPageComponent.prototype.initDialog = function () {
-        this.dialogConfig = new material_1.MatDialogConfig();
-        this.dialogConfig.disableClose = true;
-        this.dialogConfig.autoFocus = true;
-        this.dialogConfig.ariaLabel = 'Label';
-        this.dialogConfig.height = '245px';
-        this.dialogConfig.width = '550px';
-        this.dialogConfig.panelClass = 'dialog';
-        this.dialogConfig.closeOnNavigation = false;
-        this.dialogConfig.position = {
-            top: window.innerHeight / 2 - 120 + 'px', left: window.innerWidth / 2 - 275 + 'px'
-        };
-    };
     CaseEditPageComponent.prototype.discard = function () {
         if (this.route.snapshot.queryParamMap.get(case_edit_component_1.CaseEditComponent.ORIGIN_QUERY_PARAM) === 'viewDraft') {
             this.caseEdit.cancelled.emit({ status: CaseEditPageComponent_1.RESUMED_FORM_DISCARD });
@@ -13124,6 +13129,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 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 rxjs_1 = __webpack_require__(87318);
 var services_1 = __webpack_require__(65010);
@@ -13172,7 +13178,9 @@ var CaseEditSubmitComponent = /** @class */ (function () {
         this.contextFields = this.getCaseFields();
     };
     CaseEditSubmitComponent.prototype.ngOnDestroy = function () {
-        this.profileSubscription.unsubscribe();
+        if (this.profileSubscription) {
+            this.profileSubscription.unsubscribe();
+        }
     };
     CaseEditSubmitComponent.prototype.submit = function () {
         var _this = this;
@@ -13266,7 +13274,14 @@ var CaseEditSubmitComponent = /** @class */ (function () {
                         // CaseField itself (the sub-fields do not contain any values, so these need to be obtained from the
                         // parent)
                         // Update rawFormValueData for this field
-                        rawFormValueData[key] = _this.replaceHiddenFormValuesWithOriginalCaseData(formGroup.controls[key], caseField.field_type.complex_fields, caseField);
+                        // creating form group and adding control into it in case caseField is of complext type and and part of formGroup
+                        var form_1 = new forms_1.FormGroup({});
+                        if (formGroup.controls[key].value) {
+                            Object.keys(formGroup.controls[key].value).forEach(function (item) {
+                                form_1.addControl(item, new forms_1.FormControl(formGroup.controls[key].value[item]));
+                            });
+                        }
+                        rawFormValueData[key] = _this.replaceHiddenFormValuesWithOriginalCaseData(form_1, caseField.field_type.complex_fields, caseField);
                     }
                 }
                 else {
@@ -14571,6 +14586,61 @@ var CasesService = /** @class */ (function () {
         }
         return false;
     };
+    CasesService.prototype.getCourtOrHearingCentreName = function (locationId) {
+        return this.http.get(this.appConfig.getLocationRefApiUrl() + "/building-locations?epimms_id=" + locationId);
+    };
+    CasesService.prototype.createChallengedAccessRequest = function (caseId, car) {
+        // Dummy implementation for now; the real one will make a call to the Node layer, which will call the appropriate Role
+        // Assignment API endpoint
+        var roleAssignmentResponse = {
+            roleRequest: {
+                id: '0c6f56f5-4457-485e-a0de-828e6dfa1e33',
+                authenticatedUserId: '37d4eab7-e14c-404e-8cd1-55cd06b2fc06',
+                correlationId: '003352d0-e699-48bc-b6f5-5810411e60af',
+                assignerId: '37d4eab7-e14c-404e-8cd1-55cd06b2fc06',
+                requestType: 'CREATE',
+                process: 'businessProcess1',
+                reference: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                replaceExisting: true,
+                status: 'APPROVED',
+                created: new Date('2021-01-28T18:16:49.100121Z'),
+                log: 'Request has been approved'
+            },
+            requestedRoles: [{
+                    id: '3ccabbf2-71fa-4c5d-af39-5675d25e9fcc',
+                    actorIdType: 'IDAM',
+                    actorId: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                    roleType: 'ORGANISATION',
+                    roleName: 'judge',
+                    classification: 'PUBLIC',
+                    grantType: 'CHALLENGED',
+                    roleCategory: 'JUDICIAL',
+                    readOnly: false,
+                    beginTime: new Date('2021-01-01T00:00:00Z'),
+                    endTime: new Date('2023-01-01T00:00:00Z'),
+                    process: 'businessProcess1',
+                    reference: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                    status: 'LIVE',
+                    created: new Date('2021-01-28T18:16:49.100155Z'),
+                    log: 'Create requested with replace: true\nCreate approved : judicial_organisational_role_mapping_service_create',
+                    attributes: {
+                        jurisdiction: 'divorce',
+                        region: 'south-east',
+                        contractType: 'SALARIED'
+                    },
+                    notes: [{
+                            userId: '003352d0-e699-48bc-b6f5-5810411e60ag',
+                            time: new Date('2020-01-01T00:00Z'),
+                            comment: 'Need Access to case number 1234567890123456 for a month'
+                        }, {
+                            userId: '52aa3810-af1f-11ea-b3de-0242ac130004',
+                            time: new Date('2020-01-02T00:00Z'),
+                            comment: 'Access granted till end of day'
+                        }]
+                }]
+        };
+        return rxjs_1.of(roleAssignmentResponse);
+    };
     var CasesService_1;
     // Internal (UI) API
     CasesService.V2_MEDIATYPE_CASE_VIEW = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-case-view.v2+json';
@@ -15190,7 +15260,9 @@ var CaseHistoryComponent = /** @class */ (function () {
         });
     };
     CaseHistoryComponent.prototype.ngOnDestroy = function () {
-        this.caseSubscription.unsubscribe();
+        if (this.caseSubscription) {
+            this.caseSubscription.unsubscribe();
+        }
     };
     CaseHistoryComponent.prototype.isDataLoaded = function () {
         return !!(this.caseDetails && this.caseHistory);
@@ -15933,6 +16005,91 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(58710));
 
 
+/***/ }),
+
+/***/ 42906:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var __1 = __webpack_require__(2401);
+var domain_1 = __webpack_require__(59346);
+var CaseBasicAccessViewComponent = /** @class */ (function () {
+    function CaseBasicAccessViewComponent(casesService) {
+        this.casesService = casesService;
+        this.caseDetails = null;
+        this.accessType = null;
+        this.courtOrHearingCentre = null;
+    }
+    CaseBasicAccessViewComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        var locationId = this.caseDetails &&
+            this.caseDetails.basicFields &&
+            this.caseDetails.basicFields.caseManagementLocation &&
+            this.caseDetails.basicFields.caseManagementLocation.baseLocation ?
+            this.caseDetails.basicFields.caseManagementLocation.baseLocation : null;
+        if (locationId) {
+            this.courtOrHearingCentreSubscription = this.casesService.getCourtOrHearingCentreName(locationId).subscribe(function (courtOrHearingCentre) {
+                return _this.courtOrHearingCentre = courtOrHearingCentre[0] && courtOrHearingCentre[0].building_location_name ?
+                    courtOrHearingCentre[0].building_location_name :
+                    null;
+            });
+        }
+    };
+    CaseBasicAccessViewComponent.prototype.ngOnDestroy = function () {
+        if (this.courtOrHearingCentreSubscription) {
+            this.courtOrHearingCentreSubscription.unsubscribe();
+        }
+    };
+    CaseBasicAccessViewComponent.prototype.onCancel = function () {
+        // Navigate to the previous page
+        window.history.go(-1);
+    };
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", domain_1.CaseView)
+    ], CaseBasicAccessViewComponent.prototype, "caseDetails", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", String)
+    ], CaseBasicAccessViewComponent.prototype, "accessType", void 0);
+    CaseBasicAccessViewComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-basic-access-view',
+            template: __webpack_require__(80734)
+        }),
+        __metadata("design:paramtypes", [__1.CasesService])
+    ], CaseBasicAccessViewComponent);
+    return CaseBasicAccessViewComponent;
+}());
+exports.CaseBasicAccessViewComponent = CaseBasicAccessViewComponent;
+
+
+/***/ }),
+
+/***/ 74891:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(42906));
+
+
 /***/ }),
 
 /***/ 70776:
@@ -15952,10 +16109,15 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 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__(55682);
 var CaseChallengedAccessRequestComponent = /** @class */ (function () {
-    function CaseChallengedAccessRequestComponent(fb) {
+    function CaseChallengedAccessRequestComponent(fb, router, casesService, route) {
         this.fb = fb;
+        this.router = router;
+        this.casesService = casesService;
+        this.route = route;
         this.submitted = false;
         this.genericError = 'There is a problem';
         this.radioSelectedControlName = 'radioSelected';
@@ -16007,6 +16169,7 @@ var CaseChallengedAccessRequestComponent = /** @class */ (function () {
         this.formGroup.get(this.otherReasonControlName).setValue('');
     };
     CaseChallengedAccessRequestComponent.prototype.onSubmit = function () {
+        var _this = this;
         this.submitted = true;
         if (this.formGroup.get(this.radioSelectedControlName).invalid) {
             this.errorMessage = {
@@ -16030,17 +16193,47 @@ var CaseChallengedAccessRequestComponent = /** @class */ (function () {
                 };
             }
         }
+        // Initiate Challenged 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 radioSelectedValue = this.formGroup.get(this.radioSelectedControlName).value;
+            // Get the index of the selected AccessReason enum value. Can't use Object.values because it's not available in
+            // < ES2017!
+            var reasonNumber = Object.keys(models_1.AccessReason).map(function (e) { return models_1.AccessReason[e]; }).indexOf(radioSelectedValue);
+            var challengedAccessRequest = {
+                reason: reasonNumber,
+                caseReference: reasonNumber === 0 ? this.formGroup.get(this.caseReferenceControlName).value : null,
+                otherReason: reasonNumber === 3 ? this.formGroup.get(this.otherReasonControlName).value : null
+            };
+            this.$roleAssignmentResponseSubscription = this.casesService.createChallengedAccessRequest(caseId, challengedAccessRequest)
+                .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
+            });
+        }
     };
     CaseChallengedAccessRequestComponent.prototype.onCancel = function () {
-        // Navigate to the previous page
-        window.history.go(-1);
+        // Navigate to the page before previous one (should be Search Results or Case List page, for example)
+        window.history.go(-2);
+    };
+    CaseChallengedAccessRequestComponent.prototype.ngOnDestroy = function () {
+        if (this.$roleAssignmentResponseSubscription) {
+            this.$roleAssignmentResponseSubscription.unsubscribe();
+        }
     };
     CaseChallengedAccessRequestComponent = __decorate([
         core_1.Component({
             selector: 'ccd-case-challenged-access-request',
             template: __webpack_require__(17607)
         }),
-        __metadata("design:paramtypes", [forms_1.FormBuilder])
+        __metadata("design:paramtypes", [forms_1.FormBuilder,
+            router_1.Router,
+            case_editor_1.CasesService,
+            router_1.ActivatedRoute])
     ], CaseChallengedAccessRequestComponent);
     return CaseChallengedAccessRequestComponent;
 }());
@@ -16104,6 +16297,58 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(27153));
 
 
+/***/ }),
+
+/***/ 41969:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var CaseChallengedAccessSuccessComponent = /** @class */ (function () {
+    function CaseChallengedAccessSuccessComponent(route) {
+        this.route = route;
+    }
+    CaseChallengedAccessSuccessComponent.prototype.ngOnInit = function () {
+        this.caseId = this.route.snapshot.data.case.case_id;
+    };
+    CaseChallengedAccessSuccessComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-challenged-access-success',
+            template: __webpack_require__(96603)
+        }),
+        __metadata("design:paramtypes", [router_1.ActivatedRoute])
+    ], CaseChallengedAccessSuccessComponent);
+    return CaseChallengedAccessSuccessComponent;
+}());
+exports.CaseChallengedAccessSuccessComponent = CaseChallengedAccessSuccessComponent;
+
+
+/***/ }),
+
+/***/ 26840:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(41969));
+
+
 /***/ }),
 
 /***/ 83645:
@@ -16162,10 +16407,10 @@ var CaseEventTriggerComponent = /** @class */ (function () {
         });
     };
     CaseEventTriggerComponent.prototype.ngOnDestroy = function () {
-        if (this.activityPollingService.isEnabled) {
+        if (this.activitySubscription && this.activityPollingService.isEnabled) {
             this.activitySubscription.unsubscribe();
         }
-        if (!this.route.snapshot.data.case) {
+        if (!this.route.snapshot.data.case && this.caseSubscription) {
             this.caseSubscription.unsubscribe();
         }
     };
@@ -16239,130 +16484,7 @@ __export(__webpack_require__(83645));
 
 /***/ }),
 
-/***/ 76979:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-var core_1 = __webpack_require__(57208);
-var services_1 = __webpack_require__(65010);
-var domain_1 = __webpack_require__(59346);
-var case_editor_1 = __webpack_require__(27070);
-var services_2 = __webpack_require__(65010);
-var rxjs_1 = __webpack_require__(87318);
-var operators_1 = __webpack_require__(19443);
-var services_3 = __webpack_require__(65010);
-var class_transformer_1 = __webpack_require__(86631);
-var CaseViewComponent = /** @class */ (function () {
-    function CaseViewComponent(navigationNotifierService, caseNotifier, casesService, draftService, alertService) {
-        this.navigationNotifierService = navigationNotifierService;
-        this.caseNotifier = caseNotifier;
-        this.casesService = casesService;
-        this.draftService = draftService;
-        this.alertService = alertService;
-        this.hasPrint = true;
-        this.hasEventSelector = true;
-        this.navigationTriggered = new core_1.EventEmitter();
-    }
-    CaseViewComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.getCaseView(this.case)
-            .pipe(operators_1.map(function (caseView) {
-            _this.caseDetails = class_transformer_1.plainToClassFromExist(new domain_1.CaseView(), caseView);
-            _this.caseNotifier.announceCase(_this.caseDetails);
-        }))
-            .toPromise()
-            .catch(function (error) { return _this.checkAuthorizationError(error); });
-        this.navigationSubscription = this.navigationNotifierService.navigation.subscribe(function (navigation) {
-            _this.navigationTriggered.emit(navigation);
-        });
-    };
-    CaseViewComponent.prototype.ngOnDestroy = function () {
-        this.navigationSubscription.unsubscribe();
-    };
-    CaseViewComponent.prototype.isDataLoaded = function () {
-        return !!this.caseDetails;
-    };
-    CaseViewComponent.prototype.getCaseView = function (cid) {
-        if (domain_1.Draft.isDraft(cid)) {
-            return this.getDraft(cid);
-        }
-        else {
-            return this.casesService
-                .getCaseViewV2(cid);
-        }
-    };
-    CaseViewComponent.prototype.getDraft = function (cid) {
-        return this.draftService
-            .getDraft(cid);
-    };
-    CaseViewComponent.prototype.checkAuthorizationError = function (error) {
-        // TODO Should be logged to remote logging infrastructure
-        console.error(error);
-        if (error.status !== 401 && error.status !== 403) {
-            this.alertService.error(error.message);
-        }
-        return rxjs_1.throwError(error);
-    };
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], CaseViewComponent.prototype, "case", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Object)
-    ], CaseViewComponent.prototype, "hasPrint", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Object)
-    ], CaseViewComponent.prototype, "hasEventSelector", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", core_1.EventEmitter)
-    ], CaseViewComponent.prototype, "navigationTriggered", void 0);
-    CaseViewComponent = __decorate([
-        core_1.Component({
-            selector: 'ccd-case-view',
-            template: __webpack_require__(24288)
-        }),
-        __metadata("design:paramtypes", [services_3.NavigationNotifierService,
-            case_editor_1.CaseNotifier,
-            case_editor_1.CasesService,
-            services_2.DraftService,
-            services_1.AlertService])
-    ], CaseViewComponent);
-    return CaseViewComponent;
-}());
-exports.CaseViewComponent = CaseViewComponent;
-
-
-/***/ }),
-
-/***/ 65389:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(76979));
-
-
-/***/ }),
-
-/***/ 89554:
+/***/ 76764:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -16399,9 +16521,9 @@ var dialogs_1 = __webpack_require__(84573);
 var directives_1 = __webpack_require__(66395);
 var domain_1 = __webpack_require__(59346);
 var services_1 = __webpack_require__(65010);
-var case_editor_1 = __webpack_require__(27070);
-var CaseViewerComponent = /** @class */ (function () {
-    function CaseViewerComponent(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, caseNotifier, errorNotifierService, location) {
+var helpers_1 = __webpack_require__(23495);
+var CaseFullAccessViewComponent = /** @class */ (function () {
+    function CaseFullAccessViewComponent(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, location) {
         this.ngZone = ngZone;
         this.route = route;
         this.router = router;
@@ -16411,32 +16533,23 @@ var CaseViewerComponent = /** @class */ (function () {
         this.dialog = dialog;
         this.alertService = alertService;
         this.draftService = draftService;
-        this.caseNotifier = caseNotifier;
         this.errorNotifierService = errorNotifierService;
         this.location = location;
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
         this.BANNER = domain_1.DisplayMode.BANNER;
-        this.triggerTextStart = CaseViewerComponent_1.TRIGGER_TEXT_START;
-        this.triggerTextIgnoreWarnings = CaseViewerComponent_1.TRIGGER_TEXT_CONTINUE;
-        this.triggerText = CaseViewerComponent_1.TRIGGER_TEXT_START;
+        this.triggerTextStart = CaseFullAccessViewComponent_1.TRIGGER_TEXT_START;
+        this.triggerTextIgnoreWarnings = CaseFullAccessViewComponent_1.TRIGGER_TEXT_CONTINUE;
+        this.triggerText = CaseFullAccessViewComponent_1.TRIGGER_TEXT_START;
         this.ignoreWarning = false;
         this.callbackErrorsSubject = new Subject_1.Subject();
     }
-    CaseViewerComponent_1 = CaseViewerComponent;
-    CaseViewerComponent.prototype.ngOnInit = function () {
+    CaseFullAccessViewComponent_1 = CaseFullAccessViewComponent;
+    CaseFullAccessViewComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.initDialog();
-        if (!this.caseDetails) {
-            this.caseSubscription = this.caseNotifier.caseView.subscribe(function (caseDetails) {
-                _this.caseDetails = caseDetails;
-                _this.init();
-            });
-        }
-        else {
-            this.init();
-        }
+        helpers_1.initDialog(this.dialogConfig);
+        this.init();
         this.callbackErrorsSubject.subscribe(function (errorEvent) {
             _this.error = errorEvent;
         });
@@ -16447,10 +16560,10 @@ var CaseViewerComponent = /** @class */ (function () {
             }
         });
     };
-    CaseViewerComponent.prototype.isPrintEnabled = function () {
+    CaseFullAccessViewComponent.prototype.isPrintEnabled = function () {
         return this.caseDetails.case_type.printEnabled;
     };
-    CaseViewerComponent.prototype.ngOnDestroy = function () {
+    CaseFullAccessViewComponent.prototype.ngOnDestroy = function () {
         if (this.activityPollingService.isEnabled) {
             this.activitySubscription.unsubscribe();
         }
@@ -16458,19 +16571,19 @@ var CaseViewerComponent = /** @class */ (function () {
         if (!this.route.snapshot.data.case) {
             this.caseSubscription.unsubscribe();
         }
-        if (!!this.errorSubscription) {
+        if (this.errorSubscription) {
             this.errorSubscription.unsubscribe();
         }
     };
-    CaseViewerComponent.prototype.postViewActivity = function () {
+    CaseFullAccessViewComponent.prototype.postViewActivity = function () {
         return this.activityPollingService.postViewActivity(this.caseDetails.case_id);
     };
-    CaseViewerComponent.prototype.clearErrorsAndWarnings = function () {
+    CaseFullAccessViewComponent.prototype.clearErrorsAndWarnings = function () {
         this.resetErrors();
         this.ignoreWarning = false;
-        this.triggerText = CaseViewerComponent_1.TRIGGER_TEXT_START;
+        this.triggerText = CaseFullAccessViewComponent_1.TRIGGER_TEXT_START;
     };
-    CaseViewerComponent.prototype.applyTrigger = function (trigger) {
+    CaseFullAccessViewComponent.prototype.applyTrigger = function (trigger) {
         var _this = this;
         this.error = null;
         var theQueryParams = {};
@@ -16493,7 +16606,7 @@ var CaseViewerComponent = /** @class */ (function () {
         }
         else if (this.isDraft() && trigger.id !== domain_1.CaseViewTrigger.DELETE) {
             theQueryParams[domain_1.DRAFT_QUERY_PARAM] = this.caseDetails.case_id;
-            theQueryParams[CaseViewerComponent_1.ORIGIN_QUERY_PARAM] = 'viewDraft';
+            theQueryParams[CaseFullAccessViewComponent_1.ORIGIN_QUERY_PARAM] = 'viewDraft';
             this.navigationNotifierService.announceNavigation({
                 action: services_1.NavigationOrigin.DRAFT_RESUMED,
                 jid: this.caseDetails.case_type.jurisdiction.id,
@@ -16511,20 +16624,17 @@ var CaseViewerComponent = /** @class */ (function () {
             });
         }
     };
-    CaseViewerComponent.prototype.isDataLoaded = function () {
-        return !!this.caseDetails;
-    };
-    CaseViewerComponent.prototype.hasTabsPresent = function () {
+    CaseFullAccessViewComponent.prototype.hasTabsPresent = function () {
         return this.sortedTabs.length > 0 || this.prependedTabs.length > 0;
     };
-    CaseViewerComponent.prototype.callbackErrorsNotify = function (callbackErrorsContext) {
+    CaseFullAccessViewComponent.prototype.callbackErrorsNotify = function (callbackErrorsContext) {
         this.ignoreWarning = callbackErrorsContext.ignore_warning;
         this.triggerText = callbackErrorsContext.trigger_text;
     };
-    CaseViewerComponent.prototype.isDraft = function () {
+    CaseFullAccessViewComponent.prototype.isDraft = function () {
         return domain_1.Draft.isDraft(this.caseDetails.case_id);
     };
-    CaseViewerComponent.prototype.isTriggerButtonDisabled = function () {
+    CaseFullAccessViewComponent.prototype.isTriggerButtonDisabled = function () {
         return (this.error
             && this.error.callbackErrors
             && this.error.callbackErrors.length)
@@ -16533,7 +16643,7 @@ var CaseViewerComponent = /** @class */ (function () {
                 && this.error.details.field_errors
                 && this.error.details.field_errors.length);
     };
-    CaseViewerComponent.prototype.ngAfterViewInit = function () {
+    CaseFullAccessViewComponent.prototype.ngAfterViewInit = function () {
         var _this = this;
         var matTab;
         var url = this.location.path(true);
@@ -16550,17 +16660,17 @@ var CaseViewerComponent = /** @class */ (function () {
             });
         }
         else {
-            var regExp = new RegExp(CaseViewerComponent_1.UNICODE_SPACE, 'g');
-            hashValue = hashValue.replace(regExp, CaseViewerComponent_1.EMPTY_SPACE);
+            var regExp = new RegExp(CaseFullAccessViewComponent_1.UNICODE_SPACE, 'g');
+            hashValue = hashValue.replace(regExp, CaseFullAccessViewComponent_1.EMPTY_SPACE);
             matTab = this.tabGroup._tabs.find(function (x) {
-                return x.textLabel.replace(CaseViewerComponent_1.EMPTY_SPACE, '').toLowerCase() === hashValue.toLowerCase();
+                return x.textLabel.replace(CaseFullAccessViewComponent_1.EMPTY_SPACE, '').toLowerCase() === hashValue.toLowerCase();
             });
             if (matTab && matTab.position) {
                 this.tabGroup.selectedIndex = matTab.position;
             }
         }
     };
-    CaseViewerComponent.prototype.tabChanged = function (tabChangeEvent) {
+    CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
         var tab = tabChangeEvent.tab['_viewContainerRef'];
         var id = tab.element.nativeElement.id;
         if (tabChangeEvent.index <= 1 && this.prependedTabs.length) {
@@ -16572,7 +16682,7 @@ var CaseViewerComponent = /** @class */ (function () {
             });
         }
     };
-    CaseViewerComponent.prototype.init = function () {
+    CaseFullAccessViewComponent.prototype.init = function () {
         var _this = this;
         // Clone and sort tabs array
         this.sortedTabs = this.orderService.sort(this.caseDetails.tabs);
@@ -16590,13 +16700,13 @@ var CaseViewerComponent = /** @class */ (function () {
             this.resetErrors();
         }
     };
-    CaseViewerComponent.prototype.sortTabFieldsAndFilterTabs = function (tabs) {
+    CaseFullAccessViewComponent.prototype.sortTabFieldsAndFilterTabs = function (tabs) {
         var _this = this;
         return tabs
             .map(function (tab) { return Object.assign({}, tab, { fields: _this.orderService.sort(tab.fields) }); })
             .filter(function (tab) { return directives_1.ShowCondition.getInstance(tab.show_condition).matchByContextFields(_this.caseFields); });
     };
-    CaseViewerComponent.prototype.getTabFields = function () {
+    CaseFullAccessViewComponent.prototype.getTabFields = function () {
         var caseDataFields = this.sortedTabs.reduce(function (acc, tab) {
             return acc.concat(class_transformer_1.plainToClass(domain_1.CaseField, tab.fields));
         }, []);
@@ -16608,7 +16718,7 @@ var CaseViewerComponent = /** @class */ (function () {
      * This FormGroup is necessary for evaluation the show/hide conditions of
      * fields that are dependent on a field only available on a DIFFERENT tab.
      */
-    CaseViewerComponent.prototype.buildFormGroup = function (caseFields) {
+    CaseFullAccessViewComponent.prototype.buildFormGroup = function (caseFields) {
         var value = {};
         if (caseFields) {
             caseFields.forEach(function (caseField) {
@@ -16618,55 +16728,42 @@ var CaseViewerComponent = /** @class */ (function () {
         }
         return new forms_1.FormGroup({ data: new forms_1.FormControl(value) });
     };
-    CaseViewerComponent.prototype.initDialog = function () {
-        this.dialogConfig = new material_1.MatDialogConfig();
-        this.dialogConfig.disableClose = true;
-        this.dialogConfig.autoFocus = true;
-        this.dialogConfig.ariaLabel = 'Label';
-        this.dialogConfig.height = '245px';
-        this.dialogConfig.width = '550px';
-        this.dialogConfig.panelClass = 'dialog';
-        this.dialogConfig.closeOnNavigation = false;
-        this.dialogConfig.position = {
-            top: window.innerHeight / 2 - 120 + 'px', left: window.innerWidth / 2 - 275 + 'px'
-        };
-    };
-    CaseViewerComponent.prototype.resetErrors = function () {
+    CaseFullAccessViewComponent.prototype.resetErrors = function () {
         this.error = null;
         this.callbackErrorsSubject.next(null);
         this.alertService.clear();
     };
-    var CaseViewerComponent_1;
-    CaseViewerComponent.ORIGIN_QUERY_PARAM = 'origin';
-    CaseViewerComponent.TRIGGER_TEXT_START = 'Go';
-    CaseViewerComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
-    CaseViewerComponent.UNICODE_SPACE = '%20';
-    CaseViewerComponent.EMPTY_SPACE = ' ';
+    var CaseFullAccessViewComponent_1;
+    CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM = 'origin';
+    CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
+    CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
+    CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
+    CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
     __decorate([
         core_1.Input(),
         __metadata("design:type", Object)
-    ], CaseViewerComponent.prototype, "hasPrint", void 0);
+    ], CaseFullAccessViewComponent.prototype, "hasPrint", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", Object)
-    ], CaseViewerComponent.prototype, "hasEventSelector", void 0);
+    ], CaseFullAccessViewComponent.prototype, "hasEventSelector", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
-    ], CaseViewerComponent.prototype, "caseDetails", void 0);
+    ], CaseFullAccessViewComponent.prototype, "caseDetails", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", Array)
-    ], CaseViewerComponent.prototype, "prependedTabs", void 0);
+    ], CaseFullAccessViewComponent.prototype, "prependedTabs", void 0);
     __decorate([
         core_1.ViewChild('tabGroup'),
         __metadata("design:type", material_1.MatTabGroup)
-    ], CaseViewerComponent.prototype, "tabGroup", void 0);
-    CaseViewerComponent = CaseViewerComponent_1 = __decorate([
+    ], CaseFullAccessViewComponent.prototype, "tabGroup", void 0);
+    CaseFullAccessViewComponent = CaseFullAccessViewComponent_1 = __decorate([
         core_1.Component({
-            selector: 'ccd-case-viewer',
-            template: __webpack_require__(67025),
-            styles: [__webpack_require__(15472)]
+            selector: 'ccd-case-full-access-view',
+            template: __webpack_require__(99839),
+            styles: [__webpack_require__(73262)]
         }),
         __metadata("design:paramtypes", [core_1.NgZone,
             router_1.ActivatedRoute,
@@ -16677,9 +16774,273 @@ var CaseViewerComponent = /** @class */ (function () {
             material_1.MatDialog,
             services_1.AlertService,
             services_1.DraftService,
-            case_editor_1.CaseNotifier,
             services_1.ErrorNotifierService,
             common_1.Location])
+    ], CaseFullAccessViewComponent);
+    return CaseFullAccessViewComponent;
+}());
+exports.CaseFullAccessViewComponent = CaseFullAccessViewComponent;
+
+
+/***/ }),
+
+/***/ 65341:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(76764));
+
+
+/***/ }),
+
+/***/ 76979:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var services_1 = __webpack_require__(65010);
+var domain_1 = __webpack_require__(59346);
+var case_editor_1 = __webpack_require__(27070);
+var services_2 = __webpack_require__(65010);
+var rxjs_1 = __webpack_require__(87318);
+var operators_1 = __webpack_require__(19443);
+var services_3 = __webpack_require__(65010);
+var class_transformer_1 = __webpack_require__(86631);
+var CaseViewComponent = /** @class */ (function () {
+    function CaseViewComponent(navigationNotifierService, caseNotifier, casesService, draftService, alertService) {
+        this.navigationNotifierService = navigationNotifierService;
+        this.caseNotifier = caseNotifier;
+        this.casesService = casesService;
+        this.draftService = draftService;
+        this.alertService = alertService;
+        this.hasPrint = true;
+        this.hasEventSelector = true;
+        this.navigationTriggered = new core_1.EventEmitter();
+    }
+    CaseViewComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.getCaseView(this.case)
+            .pipe(operators_1.map(function (caseView) {
+            _this.caseDetails = class_transformer_1.plainToClassFromExist(new domain_1.CaseView(), caseView);
+            _this.caseNotifier.announceCase(_this.caseDetails);
+        }))
+            .toPromise()
+            .catch(function (error) { return _this.checkAuthorizationError(error); });
+        this.navigationSubscription = this.navigationNotifierService.navigation.subscribe(function (navigation) {
+            _this.navigationTriggered.emit(navigation);
+        });
+    };
+    CaseViewComponent.prototype.ngOnDestroy = function () {
+        if (this.navigationSubscription) {
+            this.navigationSubscription.unsubscribe();
+        }
+    };
+    CaseViewComponent.prototype.isDataLoaded = function () {
+        return !!this.caseDetails;
+    };
+    CaseViewComponent.prototype.getCaseView = function (cid) {
+        if (domain_1.Draft.isDraft(cid)) {
+            return this.getDraft(cid);
+        }
+        else {
+            return this.casesService
+                .getCaseViewV2(cid);
+        }
+    };
+    CaseViewComponent.prototype.getDraft = function (cid) {
+        return this.draftService
+            .getDraft(cid);
+    };
+    CaseViewComponent.prototype.checkAuthorizationError = function (error) {
+        // TODO Should be logged to remote logging infrastructure
+        console.error(error);
+        if (error.status !== 401 && error.status !== 403) {
+            this.alertService.error(error.message);
+        }
+        return rxjs_1.throwError(error);
+    };
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", String)
+    ], CaseViewComponent.prototype, "case", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], CaseViewComponent.prototype, "hasPrint", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], CaseViewComponent.prototype, "hasEventSelector", void 0);
+    __decorate([
+        core_1.Output(),
+        __metadata("design:type", core_1.EventEmitter)
+    ], CaseViewComponent.prototype, "navigationTriggered", void 0);
+    CaseViewComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-view',
+            template: __webpack_require__(24288)
+        }),
+        __metadata("design:paramtypes", [services_3.NavigationNotifierService,
+            case_editor_1.CaseNotifier,
+            case_editor_1.CasesService,
+            services_2.DraftService,
+            services_1.AlertService])
+    ], CaseViewComponent);
+    return CaseViewComponent;
+}());
+exports.CaseViewComponent = CaseViewComponent;
+
+
+/***/ }),
+
+/***/ 65389:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(76979));
+
+
+/***/ }),
+
+/***/ 89554:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var app_config_1 = __webpack_require__(35185);
+var domain_1 = __webpack_require__(59346);
+var case_editor_1 = __webpack_require__(27070);
+var CaseViewerComponent = /** @class */ (function () {
+    function CaseViewerComponent(route, caseNotifier, appConfig) {
+        this.route = route;
+        this.caseNotifier = caseNotifier;
+        this.appConfig = appConfig;
+        this.hasPrint = true;
+        this.hasEventSelector = true;
+        this.prependedTabs = [];
+    }
+    CaseViewerComponent_1 = CaseViewerComponent;
+    CaseViewerComponent.prototype.ngOnInit = function () {
+        this.loadCaseDetails();
+    };
+    CaseViewerComponent.prototype.ngOnDestroy = function () {
+        if (this.caseSubscription) {
+            this.caseSubscription.unsubscribe();
+        }
+    };
+    CaseViewerComponent.prototype.loadCaseDetails = function () {
+        var _this = this;
+        if (!this.route.snapshot.data.case) {
+            this.caseSubscription = this.caseNotifier.caseView.subscribe(function (caseDetails) {
+                _this.caseDetails = caseDetails;
+                _this.setUserAccessType(_this.caseDetails);
+            });
+        }
+        else {
+            this.caseDetails = this.route.snapshot.data.case;
+            this.setUserAccessType(this.caseDetails);
+        }
+    };
+    CaseViewerComponent.prototype.setUserAccessType = function (caseDetails) {
+        // remove once CCD starts sending CAM data or Access management goes live
+        this.setMockData(caseDetails);
+        if (caseDetails && Array.isArray(caseDetails.metadataFields)) {
+            var access_process = caseDetails.metadataFields.find(function (metadataField) {
+                return metadataField.id === CaseViewerComponent_1.METADATA_FIELD_ACCESS_PROCEES_ID;
+            });
+            this.userAccessType = access_process ? access_process.value : null;
+        }
+    };
+    CaseViewerComponent.prototype.isDataLoaded = function () {
+        return !!this.caseDetails;
+    };
+    CaseViewerComponent.prototype.hasStandardAccess = function () {
+        var featureToggleOn = this.appConfig.getAccessManagementMode();
+        return featureToggleOn ? CaseViewerComponent_1.NON_STANDARD_USER_ACCESS_TYPES.indexOf(this.userAccessType) === -1 : true;
+    };
+    // remove once Access management goes live
+    CaseViewerComponent.prototype.setMockData = function (caseDetails) {
+        var accessManagementBasicViewMock = this.appConfig.getAccessManagementBasicViewMock();
+        if (accessManagementBasicViewMock.active && !caseDetails.basicFields) {
+            var access_process_index = caseDetails.metadataFields.findIndex(function (metadataField) {
+                return metadataField.id === CaseViewerComponent_1.METADATA_FIELD_ACCESS_PROCEES_ID;
+            });
+            if (access_process_index > -1) {
+                caseDetails.metadataFields[access_process_index].value = accessManagementBasicViewMock.accessProcess;
+            }
+            else {
+                var access_process = new domain_1.CaseField();
+                access_process.id = CaseViewerComponent_1.METADATA_FIELD_ACCESS_PROCEES_ID;
+                access_process.value = accessManagementBasicViewMock.accessProcess;
+                access_process.field_type = {
+                    id: '',
+                    type: 'Text'
+                };
+                caseDetails.metadataFields.push(access_process);
+            }
+            caseDetails.basicFields = accessManagementBasicViewMock.basicFields;
+        }
+    };
+    var CaseViewerComponent_1;
+    CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID = '[ACCESS_PROCESS]';
+    CaseViewerComponent.NON_STANDARD_USER_ACCESS_TYPES = ['CHALLENGED', 'SPECIFIC'];
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], CaseViewerComponent.prototype, "hasPrint", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], CaseViewerComponent.prototype, "hasEventSelector", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], CaseViewerComponent.prototype, "prependedTabs", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", domain_1.CaseView)
+    ], CaseViewerComponent.prototype, "caseDetails", void 0);
+    CaseViewerComponent = CaseViewerComponent_1 = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-viewer',
+            template: __webpack_require__(67025)
+        }),
+        __metadata("design:paramtypes", [router_1.ActivatedRoute,
+            case_editor_1.CaseNotifier,
+            app_config_1.AbstractAppConfig])
     ], CaseViewerComponent);
     return CaseViewerComponent;
 }());
@@ -16700,30 +17061,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-var core_1 = __webpack_require__(57208);
 var common_1 = __webpack_require__(91216);
-var router_1 = __webpack_require__(92302);
-var case_viewer_component_1 = __webpack_require__(89554);
+var core_1 = __webpack_require__(57208);
+var forms_1 = __webpack_require__(92985);
 var material_1 = __webpack_require__(69451);
+var router_1 = __webpack_require__(92302);
+var alert_1 = __webpack_require__(44944);
+var tabs_1 = __webpack_require__(80624);
+var directives_1 = __webpack_require__(66395);
+var pipes_1 = __webpack_require__(32741);
 var services_1 = __webpack_require__(65010);
-var errors_module_1 = __webpack_require__(61386);
 var activity_1 = __webpack_require__(52703);
+var case_editor_1 = __webpack_require__(27070);
 var case_header_1 = __webpack_require__(75150);
 var case_history_1 = __webpack_require__(30542);
+var error_message_component_1 = __webpack_require__(67679);
+var errors_module_1 = __webpack_require__(61386);
 var event_trigger_1 = __webpack_require__(7108);
-var tabs_1 = __webpack_require__(80624);
 var palette_1 = __webpack_require__(22212);
-var directives_1 = __webpack_require__(66395);
-var printer_1 = __webpack_require__(65773);
+var case_basic_access_view_component_1 = __webpack_require__(42906);
+var case_challenged_access_request_component_1 = __webpack_require__(70776);
+var case_challenged_access_success_component_1 = __webpack_require__(41969);
 var case_event_trigger_1 = __webpack_require__(92100);
-var services_2 = __webpack_require__(50137);
-var case_editor_1 = __webpack_require__(27070);
+var case_full_access_view_component_1 = __webpack_require__(76764);
 var case_view_1 = __webpack_require__(65389);
-var pipes_1 = __webpack_require__(32741);
-var case_challenged_access_request_component_1 = __webpack_require__(70776);
-var error_message_component_1 = __webpack_require__(67679);
-var forms_1 = __webpack_require__(92985);
-var alert_1 = __webpack_require__(44944);
+var case_viewer_component_1 = __webpack_require__(89554);
+var printer_1 = __webpack_require__(65773);
+var services_2 = __webpack_require__(50137);
 var CaseViewerModule = /** @class */ (function () {
     function CaseViewerModule() {
     }
@@ -16746,6 +17110,7 @@ var CaseViewerModule = /** @class */ (function () {
                 palette_1.EventLogModule,
                 material_1.MatTabsModule,
                 palette_1.ComplexModule,
+                forms_1.FormsModule,
                 forms_1.ReactiveFormsModule,
                 alert_1.AlertModule
             ],
@@ -16753,10 +17118,13 @@ var CaseViewerModule = /** @class */ (function () {
                 case_event_trigger_1.CaseEventTriggerComponent,
                 printer_1.CasePrinterComponent,
                 case_viewer_component_1.CaseViewerComponent,
+                case_basic_access_view_component_1.CaseBasicAccessViewComponent,
+                case_full_access_view_component_1.CaseFullAccessViewComponent,
                 case_view_1.CaseViewComponent,
                 printer_1.PrintUrlPipe,
                 case_challenged_access_request_component_1.CaseChallengedAccessRequestComponent,
-                error_message_component_1.ErrorMessageComponent
+                error_message_component_1.ErrorMessageComponent,
+                case_challenged_access_success_component_1.CaseChallengedAccessSuccessComponent
             ],
             exports: [
                 case_viewer_component_1.CaseViewerComponent,
@@ -16796,11 +17164,14 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(50137));
 __export(__webpack_require__(92100));
 __export(__webpack_require__(65389));
+__export(__webpack_require__(74891));
+__export(__webpack_require__(65341));
 __export(__webpack_require__(65773));
 __export(__webpack_require__(89554));
 __export(__webpack_require__(45296));
 __export(__webpack_require__(37355));
 __export(__webpack_require__(38403));
+__export(__webpack_require__(26840));
 
 
 /***/ }),
@@ -16853,7 +17224,9 @@ var CasePrinterComponent = /** @class */ (function () {
         });
     };
     CasePrinterComponent.prototype.ngOnDestroy = function () {
-        this.caseSubscription.unsubscribe();
+        if (this.caseSubscription) {
+            this.caseSubscription.unsubscribe();
+        }
     };
     CasePrinterComponent.prototype.isDataLoaded = function () {
         return this.caseDetails && this.documents ? true : false;
@@ -17196,13 +17569,14 @@ __export(__webpack_require__(69115));
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-var printer_1 = __webpack_require__(65773);
-var services_1 = __webpack_require__(50137);
-var case_event_trigger_component_1 = __webpack_require__(83645);
 var case_editor_1 = __webpack_require__(27070);
 var case_history_1 = __webpack_require__(30542);
 var file_upload_progress_guard_1 = __webpack_require__(27667);
 var case_challenged_access_request_1 = __webpack_require__(38403);
+var case_challenged_access_success_1 = __webpack_require__(26840);
+var case_event_trigger_component_1 = __webpack_require__(83645);
+var printer_1 = __webpack_require__(65773);
+var services_1 = __webpack_require__(50137);
 exports.viewerRouting = [
     {
         path: 'print',
@@ -17223,7 +17597,23 @@ exports.viewerRouting = [
     },
     {
         path: 'access-request',
-        component: case_challenged_access_request_1.CaseChallengedAccessRequestComponent
+        children: [
+            {
+                path: '',
+                component: case_challenged_access_request_1.CaseChallengedAccessRequestComponent,
+                data: {
+                    title: 'Request Challenged Access'
+                },
+                pathMatch: 'full'
+            },
+            {
+                path: 'success',
+                component: case_challenged_access_success_1.CaseChallengedAccessSuccessComponent,
+                data: {
+                    title: 'Challenged Access Success'
+                }
+            }
+        ]
     }
 ];
 
@@ -17901,7 +18291,9 @@ var CallbackErrorsComponent = /** @class */ (function () {
         });
     };
     CallbackErrorsComponent.prototype.ngOnDestroy = function () {
-        this.callbackErrorsSubject.unsubscribe();
+        if (this.callbackErrorsSubject) {
+            this.callbackErrorsSubject.unsubscribe();
+        }
     };
     CallbackErrorsComponent.prototype.buildCallbackErrorsContext = function () {
         var errorContext = new error_context_1.CallbackErrorsContext();
@@ -18186,6 +18578,45 @@ __export(__webpack_require__(53641));
 __export(__webpack_require__(23741));
 
 
+/***/ }),
+
+/***/ 23495:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(90479));
+
+
+/***/ }),
+
+/***/ 90479:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var material_1 = __webpack_require__(69451);
+function initDialog(dialogConfig) {
+    this.dialogConfig = new material_1.MatDialogConfig();
+    this.dialogConfig.disableClose = true;
+    this.dialogConfig.autoFocus = true;
+    this.dialogConfig.ariaLabel = 'Label';
+    this.dialogConfig.height = '245px';
+    this.dialogConfig.width = '550px';
+    this.dialogConfig.panelClass = 'dialog';
+    this.dialogConfig.closeOnNavigation = false;
+    this.dialogConfig.position = {
+        top: window.innerHeight / 2 - 120 + 'px', left: window.innerWidth / 2 - 275 + 'px'
+    };
+}
+exports.initDialog = initDialog;
+
+
 /***/ }),
 
 /***/ 2401:
@@ -18975,7 +19406,12 @@ var AbstractFormFieldComponent = /** @class */ (function () {
     };
     AbstractFormFieldComponent.prototype.addControlToFormGroup = function (control, parent, replace) {
         if (replace) {
-            parent.setControl(this.caseField.id, control);
+            if (this.caseField.field_type && this.caseField.field_type.id === 'CaseLink' && this.caseField.field_type.type === 'Complex' && /^-?\d+$/.test(this.caseField.id)) {
+                parent.setControl('CaseReference', control['controls']['CaseReference']);
+            }
+            else {
+                parent.setControl(this.caseField.id, control);
+            }
         }
         else {
             parent.addControl(this.caseField.id, control);
@@ -19767,7 +20203,7 @@ var WriteCollectionFieldComponent = /** @class */ (function (_super) {
         });
     };
     WriteCollectionFieldComponent.prototype.ngOnDestroy = function () {
-        if (typeof this.profileSubscription !== 'undefined') {
+        if (this.profileSubscription) {
             this.profileSubscription.unsubscribe();
         }
     };
@@ -21903,6 +22339,7 @@ var constants_1 = __webpack_require__(49071);
 var document_management_service_1 = __webpack_require__(53265);
 var case_notifier_1 = __webpack_require__(21190);
 var document_dialog_component_1 = __webpack_require__(46139);
+var helpers_1 = __webpack_require__(23495);
 var abstract_field_write_component_1 = __webpack_require__(47325);
 var file_upload_state_service_1 = __webpack_require__(41139);
 var WriteDocumentFieldComponent = /** @class */ (function (_super) {
@@ -21929,7 +22366,7 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
     };
     WriteDocumentFieldComponent.prototype.ngOnInit = function () {
         this.secureModeOn = this.appConfig.getDocumentSecureMode();
-        this.initDialog();
+        helpers_1.initDialog(this.dialogConfig);
         // EUI-3403. The field was not being registered when there was no value and the field
         // itself was not mandatory, which meant that show_conditions would not be evaluated.
         // I've cleaned up the logic and it's now always registered.
@@ -21998,10 +22435,7 @@ 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 = uploadFile.subscribe({
+            this.fileUploadSubscription = this.documentManagement.uploadFile(documentUpload).subscribe({
                 next: function (resultDocument) { return _this.handleDocumentUploadResult(resultDocument); },
                 error: function (error) { return _this.handleDocumentUploadError(error); }
             });
@@ -22043,19 +22477,6 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             return undefined;
         }
     };
-    WriteDocumentFieldComponent.prototype.initDialog = function () {
-        this.dialogConfig = new material_1.MatDialogConfig();
-        this.dialogConfig.disableClose = true;
-        this.dialogConfig.autoFocus = true;
-        this.dialogConfig.ariaLabel = 'Label';
-        this.dialogConfig.height = '245px';
-        this.dialogConfig.width = '550px';
-        this.dialogConfig.panelClass = 'dialog';
-        this.dialogConfig.closeOnNavigation = false;
-        this.dialogConfig.position = {
-            top: window.innerHeight / 2 - 120 + 'px', left: window.innerWidth / 2 - 275 + 'px'
-        };
-    };
     WriteDocumentFieldComponent.prototype.subscribeToCaseDetails = function () {
         var _this = this;
         this.caseEventSubscription = this.caseNotifier.caseView.subscribe({
@@ -22100,7 +22521,7 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             document_binary_url: new forms_1.FormControl(document.document_binary_url, forms_1.Validators.required),
             document_filename: new forms_1.FormControl(document.document_filename, forms_1.Validators.required)
         };
-        documentFormGroup = this.secureModeOn ? __assign({}, documentFormGroup, { document_hash: new forms_1.FormControl(document.document_hash, forms_1.Validators.required) }) : documentFormGroup;
+        documentFormGroup = this.secureModeOn ? __assign({}, documentFormGroup, { document_hash: new forms_1.FormControl(document.document_hash) }) : documentFormGroup;
         this.uploadedDocument = this.registerControl(new forms_1.FormGroup(documentFormGroup), true);
     };
     WriteDocumentFieldComponent.prototype.createDocumentForm = function (document) {
@@ -26888,15 +27309,13 @@ var SearchFiltersComponent = /** @class */ (function () {
             }
             this.onJurisdictionIdChange();
         }
-        if (this.autoApply === true) {
-            this.selected.formGroup = this.formGroup;
-            this.selected.page = 1;
-            this.selected.metadataFields = this.getMetadataFields();
-            this.onApply.emit({
-                selected: this.selected,
-                queryParams: this.getQueryParams()
-            });
-        }
+        this.selected.formGroup = this.formGroup;
+        this.selected.page = 1;
+        this.selected.metadataFields = this.getMetadataFields();
+        this.onApply.emit({
+            selected: this.selected,
+            queryParams: this.getQueryParams()
+        });
     };
     SearchFiltersComponent.prototype.getQueryParams = function () {
         // Save filters as query parameters for current route
@@ -31280,7 +31699,7 @@ var CcdCaseTitlePipe = /** @class */ (function () {
     CcdCaseTitlePipe.prototype.transform = function (caseTitle, caseFields, values) {
         var caseFieldValues = this.getReadOnlyAndFormFields(values, caseFields);
         var result = this.placeholderService.resolvePlaceholders(caseFieldValues, caseTitle);
-        return result.replace(/\n/g, '<br>').replace(/#/g, '');
+        return result;
     };
     CcdCaseTitlePipe.prototype.getReadOnlyAndFormFields = function (formGroup, caseFields) {
         return this.fieldsUtils.mergeLabelCaseFieldsAndFormFields(caseFields, formGroup.getRawValue());
@@ -31631,22 +32050,35 @@ var ActivityService = /** @class */ (function () {
         for (var _i = 0; _i < arguments.length; _i++) {
             caseId[_i] = arguments[_i];
         }
-        var options = this.getOptions();
-        var url = this.activityUrl() + ("/cases/" + caseId.join(',') + "/activity");
-        return this.http
-            .get(url, options, false, ActivityService_1.handleHttpError)
-            .map(function (response) { return response; });
+        try {
+            var options = this.getOptions();
+            var url = this.activityUrl() + ("/cases/" + caseId.join(',') + "/activity");
+            return this.http
+                .get(url, options, false, ActivityService_1.handleHttpError)
+                .map(function (response) { return response; });
+        }
+        catch (error) {
+            console.log('user may not be authenticated.' + error);
+        }
     };
     ActivityService.prototype.postActivity = function (caseId, activity) {
-        var options = this.getOptions();
-        var url = this.activityUrl() + ("/cases/" + caseId + "/activity");
-        var body = { activity: activity };
-        return this.http
-            .post(url, body, options, false)
-            .map(function (response) { return response; });
+        try {
+            var options = this.getOptions();
+            var url = this.activityUrl() + ("/cases/" + caseId + "/activity");
+            var body = { activity: activity };
+            return this.http
+                .post(url, body, options, false)
+                .map(function (response) { return response; });
+        }
+        catch (error) {
+            console.log('user may not be authenticated.' + error);
+        }
     };
     ActivityService.prototype.verifyUserIsAuthorized = function () {
         var _this = this;
+        if (this.sessionStorageService.getItem('userDetails') === undefined) {
+            return;
+        }
         if (this.activityUrl() && this.userAuthorised === undefined) {
             this.getActivities(ActivityService_1.DUMMY_CASE_REFERENCE).subscribe(function () { return _this.userAuthorised = true; }, function (error) {
                 if ([401, 403].indexOf(error.status) > -1) {
@@ -32655,7 +33087,7 @@ var DocumentManagementService = /** @class */ (function () {
     }
     DocumentManagementService_1 = DocumentManagementService;
     DocumentManagementService.prototype.uploadFile = function (formData) {
-        var url = this.appConfig.getDocumentManagementUrl();
+        var url = this.getDocStoreUrl();
         // Do not set any headers, such as "Accept" or "Content-Type", with null values; this is not permitted with the
         // Angular HttpClient in @angular/common/http. Just create and pass a new HttpHeaders object. Angular will add the
         // correct headers and values automatically
@@ -32665,14 +33097,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),
@@ -32736,7 +33160,10 @@ var DocumentManagementService = /** @class */ (function () {
         var remoteHrsPattern = new RegExp(this.appConfig.getRemoteHrsUrl());
         documentBinaryUrl = documentBinaryUrl.replace(remoteHrsPattern, this.appConfig.getHrsUrl());
         var remoteDocumentManagementPattern = new RegExp(this.appConfig.getRemoteDocumentManagementUrl());
-        return documentBinaryUrl.replace(remoteDocumentManagementPattern, this.appConfig.getDocumentManagementUrl());
+        return documentBinaryUrl.replace(remoteDocumentManagementPattern, this.getDocStoreUrl());
+    };
+    DocumentManagementService.prototype.getDocStoreUrl = function () {
+        return this.appConfig.getDocumentSecureMode() ? this.appConfig.getDocumentManagementUrlV2() : this.appConfig.getDocumentManagementUrl();
     };
     var DocumentManagementService_1;
     DocumentManagementService.PDF = 'pdf';
@@ -36896,7 +37323,7 @@ exports.push([module.id, "", ""]);
 
 /***/ }),
 
-/***/ 72402:
+/***/ 50378:
 /***/ ((module, exports, __webpack_require__) => {
 
 exports = module.exports = __webpack_require__(9252)(false);
@@ -63012,7 +63439,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-edit [submit]=\"
 /***/ 36604:
 /***/ ((module) => {
 
-module.exports = "<!-- Current Page && Event trigger name -->\n<h1 class=\"heading-h1\">{{ eventTrigger.name}}</h1>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <h2 class=\"heading-h2\" [innerHTML]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></h2>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<form [formGroup]=\"formGroup\" (submit)=\"submit()\">\n  <div id=\"confirmation-header\" *ngIf=\"confirmation.getHeader()\">\n    <ccd-markdown [content]=\"confirmation.getHeader()\"></ccd-markdown>\n  </div>\n  <div id=\"confirmation-body\" *ngIf=\"confirmation.getBody()\">\n    <ccd-markdown [content]=\"confirmation.getBody()\"></ccd-markdown>\n  </div>\n  <button type=\"submit\" class=\"button\" data-ng-click=\"submit()\">{{this.triggerText}}</button>\n</form>\n"
+module.exports = "<!-- Current Page && Event trigger name -->\n<h1 class=\"heading-h1\">{{ eventTrigger.name}}</h1>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<form [formGroup]=\"formGroup\" (submit)=\"submit()\">\n  <div id=\"confirmation-header\" *ngIf=\"confirmation.getHeader()\">\n    <ccd-markdown [content]=\"confirmation.getHeader()\"></ccd-markdown>\n  </div>\n  <div id=\"confirmation-body\" *ngIf=\"confirmation.getBody()\">\n    <ccd-markdown [content]=\"confirmation.getBody()\"></ccd-markdown>\n  </div>\n  <button type=\"submit\" class=\"button\" data-ng-click=\"submit()\">{{this.triggerText}}</button>\n</form>\n"
 
 /***/ }),
 
@@ -63026,14 +63453,14 @@ module.exports = "<ng-container ccdConditionalShowForm [formGroup]=\"formGroup\"
 /***/ 61865:
 /***/ ((module) => {
 
-module.exports = "<ng-container *ngIf=\"currentPage\">\n  <h1 *ngIf=\"!currentPage.label\" class=\"govuk-heading-l\">{{eventTrigger.name}}</h1>\n  <ng-container *ngIf=\"currentPage.label\">\n    <span class=\"govuk-caption-l\">{{ eventTrigger.name}}</span>\n    <h1 class=\"govuk-heading-l\">{{currentPage.label}}</h1>\n  </ng-container>\n</ng-container>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <h2 class=\"heading-h2\" [innerHTML]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></h2>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Error message summary -->\n<div *ngIf=\"validationErrors.length > 0\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div *ngFor=\"let validationError of validationErrors\" class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li>\n        <a (click)=\"navigateToErrorElement(validationError.id)\" class=\"validation-error\">{{validationError.message}}</a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<!-- 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=\"status\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n\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<!-- Event error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"status\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading-3\">\n    The event could not be created\n  </h3>\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\" class=\"ccd-error-summary-li\">{{fieldError.message}}</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<div class=\"width-50\">\n  <form *ngIf=\"currentPage\" class=\"form\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <fieldset id=\"fieldset-case-data\">\n      <!-- single column -->\n      <ccd-case-edit-form id='caseEditForm' *ngIf=\"!currentPage.isMultiColumn()\" [fields]=\"currentPage.getCol1Fields()\"\n                          [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"\n                          [pageChangeSubject]=\"pageChangeSubject\"\n                          (valuesChanged)=\"applyValuesChanged($event)\"></ccd-case-edit-form>\n      <!-- two columns -->\n      <div *ngIf=\"currentPage.isMultiColumn()\" class=\"grid-row\">\n        <div class=\"column-two-thirds rightBorderSeparator\">\n          <ccd-case-edit-form id='caseEditForm1' [fields]=\"currentPage.getCol1Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n        <div class=\"column-one-third\">\n          <ccd-case-edit-form id='caseEditForm2' [fields]=\"currentPage.getCol2Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n      </div>\n    </fieldset>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!(hasPreviousPage$ | async)\" (click)=\"toPreviousPage()\">\n        Previous\n      </button>\n      <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText}}</button>\n    </div>\n\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\">{{getCancelText()}}</a></p>\n\n  </form>\n</div>\n"
+module.exports = "<ng-container *ngIf=\"currentPage\">\n  <h1 *ngIf=\"!currentPage.label\" class=\"govuk-heading-l\">{{eventTrigger.name}}</h1>\n  <ng-container *ngIf=\"currentPage.label\">\n    <span class=\"govuk-caption-l\">{{ eventTrigger.name}}</span>\n    <h1 class=\"govuk-heading-l\">{{currentPage.label}}</h1>\n  </ng-container>\n</ng-container>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Error message summary -->\n<div *ngIf=\"validationErrors.length > 0\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    There is a problem\n  </h2>\n  <div *ngFor=\"let validationError of validationErrors\" class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li>\n        <a (click)=\"navigateToErrorElement(validationError.id)\" class=\"validation-error\">{{validationError.message}}</a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<!-- 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=\"status\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n\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<!-- Event error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"status\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading-3\">\n    The event could not be created\n  </h3>\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\" class=\"ccd-error-summary-li\">{{fieldError.message}}</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<div class=\"width-50\">\n  <form *ngIf=\"currentPage\" class=\"form\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <fieldset id=\"fieldset-case-data\">\n      <!-- single column -->\n      <ccd-case-edit-form id='caseEditForm' *ngIf=\"!currentPage.isMultiColumn()\" [fields]=\"currentPage.getCol1Fields()\"\n                          [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"\n                          [pageChangeSubject]=\"pageChangeSubject\"\n                          (valuesChanged)=\"applyValuesChanged($event)\"></ccd-case-edit-form>\n      <!-- two columns -->\n      <div *ngIf=\"currentPage.isMultiColumn()\" class=\"grid-row\">\n        <div class=\"column-two-thirds rightBorderSeparator\">\n          <ccd-case-edit-form id='caseEditForm1' [fields]=\"currentPage.getCol1Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n        <div class=\"column-one-third\">\n          <ccd-case-edit-form id='caseEditForm2' [fields]=\"currentPage.getCol2Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n      </div>\n    </fieldset>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!(hasPreviousPage$ | async)\" (click)=\"toPreviousPage()\">\n        Previous\n      </button>\n      <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText}}</button>\n    </div>\n\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\">{{getCancelText()}}</a></p>\n\n  </form>\n</div>\n"
 
 /***/ }),
 
 /***/ 81278:
 /***/ ((module) => {
 
-module.exports = "<!-- Event trigger name -->\n<h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <h2 class=\"heading-h2\" [innerHTML]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></h2>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- 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) && !error.message)\" class=\"error-summary\" 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<!-- Event error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The event could not be created\n  </h3>\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\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n  </ul>\n</div>\n<ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                     (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n<form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n  <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n    <h2 class=\"heading-h2\">Check your answers</h2>\n    <span class=\"text-16\">Check the information below carefully.</span>\n\n    <table class=\"form-table\">\n      <tbody>\n      <ng-container *ngFor=\"let page of this.wizard.pages\">\n        <ng-container *ngIf=\"isShown(page)\">\n          <ng-container *ngFor=\"let field of page\n          | ccdPageFields: editForm.controls['data']\n          | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n          | ccdCYAPageLabelFilter\">\n            <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n              <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                  [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                  <ccd-field-read\n                    [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                    [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n                <td class=\"valign-top check-your-answers__change case-field-change\">\n                  <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                     href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n    <table class=\"summary-fields\">\n      <tbody>\n        <ng-container *ngFor=\"let field of this.showSummaryFields\">\n            <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n              <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th>{{field.label}}</th>\n                <td class=\"form-cell\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                </td>\n              </tr>\n              <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <td colspan=\"2\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"showEventNotes()\">\n    <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n      <div class=\"form-group\">\n        <label for=\"field-trigger-summary\" class=\"form-label\">\n          Event summary (optional)\n          <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n        </label>\n        <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n      </div>\n      <div class=\"form-group\">\n        <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n        <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                  maxlength=\"65536\"></textarea>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"form-group form-group-related\">\n    <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n    <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n  </div>\n  <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n</form>\n"
+module.exports = "<!-- Event trigger name -->\n<h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- 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) && !error.message)\" class=\"error-summary\" 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<!-- Event error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The event could not be created\n  </h3>\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\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n  </ul>\n</div>\n<ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                     (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n<form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n  <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n    <h2 class=\"heading-h2\">Check your answers</h2>\n    <span class=\"text-16\">Check the information below carefully.</span>\n\n    <table class=\"form-table\">\n      <tbody>\n      <ng-container *ngFor=\"let page of this.wizard.pages\">\n        <ng-container *ngIf=\"isShown(page)\">\n          <ng-container *ngFor=\"let field of page\n          | ccdPageFields: editForm.controls['data']\n          | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n          | ccdCYAPageLabelFilter\">\n            <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n              <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                  [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                  <ccd-field-read\n                    [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                    [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n                <td class=\"valign-top check-your-answers__change case-field-change\">\n                  <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                     href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n    <table class=\"summary-fields\">\n      <tbody>\n        <ng-container *ngFor=\"let field of this.showSummaryFields\">\n            <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n              <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th>{{field.label}}</th>\n                <td class=\"form-cell\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                </td>\n              </tr>\n              <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <td colspan=\"2\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"showEventNotes()\">\n    <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n      <div class=\"form-group\">\n        <label for=\"field-trigger-summary\" class=\"form-label\">\n          Event summary (optional)\n          <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n        </label>\n        <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n      </div>\n      <div class=\"form-group\">\n        <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n        <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                  maxlength=\"65536\"></textarea>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"form-group form-group-related\">\n    <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n    <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n  </div>\n  <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n</form>\n"
 
 /***/ }),
 
@@ -63086,6 +63513,13 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ng-container [ngSwitch]=\
 
 /***/ }),
 
+/***/ 80734:
+/***/ ((module) => {
+
+module.exports = "<form>\n  <div>\n    <cut-alert type=\"information\">This case requires {{accessType | lowercase}} access.<br />\n      <ng-container *ngIf=\"accessType === 'CHALLENGED'\">This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n      <ng-container *ngIf=\"accessType === 'SPECIFIC'\">This means it's outside your jurisdiction and requires authorisation. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n    </cut-alert>\n    <h1 class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n    <h2 class=\"govuk-heading-m\">Case details</h2>\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.basicFields?.caseNameHmctsInternal\">\n        <dt class=\"govuk-summary-list__key summary-key\">Case name</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.basicFields.caseNameHmctsInternal}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.case_type?.jurisdiction?.name\">\n        <dt class=\"govuk-summary-list__key summary-key\">Service</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.case_type.jurisdiction.name}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.state?.description\">\n        <dt class=\"govuk-summary-list__key summary-key\">State</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.state.description}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"courtOrHearingCentre\">\n        <dt class=\"govuk-summary-list__key summary-key\">Court or hearing centre</dt>\n        <dd class=\"govuk-summary-list__value\">{{courtOrHearingCentre | titlecase}}</dd>\n      </div>\n\n      <div class=\"govuk-summary-list__row\" *ngIf=\"accessType\">\n        <dt class=\"govuk-summary-list__key summary-key\">Access</dt>\n        <dd class=\"govuk-summary-list__value\">{{accessType | titlecase}}</dd>\n      </div>\n    </dl>\n  </div>\n\n  <button class=\"govuk-button govuk-!-margin-right-3\">Request access</button>\n</form>\n<a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">Cancel</a>\n"
+
+/***/ }),
+
 /***/ 17607:
 /***/ ((module) => {
 
@@ -63093,6 +63527,13 @@ module.exports = "<exui-error-message *ngIf=\"formGroup.invalid && submitted\" [
 
 /***/ }),
 
+/***/ 96603:
+/***/ ((module) => {
+
+module.exports = "<div class=\"govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <div class=\"govuk-panel govuk-panel--confirmation\">\n        <h1 class=\"govuk-panel__title\">\n          Access successful<br><br>\n          <div class=\"govuk-panel__body\">\n            Case reference:<br>\n            {{caseId}}\n          </div>\n        </h1>\n      </div>\n      <h2 class=\"govuk-heading-m \">What happens next</h2>\n      <p class=\"govuk-body\">\n        You can access this case file until midnight tonight.\n      </p>\n      <p class=\"govuk-body\">\n        You'll need to request access again once this expires.\n      </p>\n      <p class=\"govuk-body\">\n        Your request will be logged for auditing purposes.\n      </p>\n      <p class=\"govuk-body\"><a href=\"cases/case-details/{{caseId}}\">View case file</a>.</p>\n    </div>\n  </div>\n</div>\n"
+
+/***/ }),
+
 /***/ 13949:
 /***/ ((module) => {
 
@@ -63100,6 +63541,13 @@ 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>"
+
+/***/ }),
+
 /***/ 24288:
 /***/ ((module) => {
 
@@ -63110,7 +63558,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-viewer [hasPrint
 /***/ 67025:
 /***/ ((module) => {
 
-module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <!-- 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>\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\"></ccd-case-full-access-view>\n</div>\n"
 
 /***/ }),
 
@@ -63809,11 +64257,11 @@ function getStrategyDelay(consecutiveErrorsCount, options) {
 
 /***/ }),
 
-/***/ 15472:
+/***/ 73262:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 
-        var result = __webpack_require__(72402);
+        var result = __webpack_require__(50378);
 
         if (typeof result === "string") {
             module.exports = result;