@hmcts/ccd-case-ui-toolkit 4.7.0-rc.7 → 4.7.1-EUI-4703-hearing-date

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.7.0-rc.7
+ * @version v4.7.1-EUI-4703-hearing-date
  * @link undefined
  * @license MIT
  */
@@ -10754,6 +10754,9 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
         return undefined;
     };
+    AbstractAppConfig.prototype.getCamRoleAssignmentsApiUrl = function () {
+        return undefined;
+    };
     return AbstractAppConfig;
 }());
 exports.AbstractAppConfig = AbstractAppConfig;
@@ -12379,6 +12382,82 @@ __export(__webpack_require__(41580));
 __export(__webpack_require__(4765));
 
 
+/***/ }),
+
+/***/ 25919:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var CaseAccessUtils = /** @class */ (function () {
+    function CaseAccessUtils() {
+    }
+    CaseAccessUtils.prototype.getMappedRoleCategory = function (roles, roleCategories) {
+        var roleKeywords = roles.join().split('-').join().split(',');
+        if (this.roleOrCategoryExists(CaseAccessUtils.JUDGE_ROLE, CaseAccessUtils.JUDGE_ROLE_CATEGORY, roleKeywords, roleCategories)) {
+            return CaseAccessUtils.JUDGE_ROLE_CATEGORY;
+        }
+        else if (this.roleOrCategoryExists(CaseAccessUtils.PROFESSIONAL_ROLE, CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY, roleKeywords, roleCategories)) {
+            return CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY;
+        }
+        else if (this.roleOrCategoryExists(CaseAccessUtils.CITIZEN_ROLE, CaseAccessUtils.CITIZEN_ROLE_CATEGORY, roleKeywords, roleCategories)) {
+            return CaseAccessUtils.CITIZEN_ROLE_CATEGORY;
+        }
+        else if (this.roleOrCategoryExists(CaseAccessUtils.ADMIN_ROLE, CaseAccessUtils.ADMIN_ROLE_CATEGORY, roleKeywords, roleCategories)) {
+            return CaseAccessUtils.ADMIN_ROLE_CATEGORY;
+        }
+        else {
+            return CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY;
+        }
+    };
+    CaseAccessUtils.prototype.roleOrCategoryExists = function (roleKeyword, roleCategory, roleKeywords, roleCategories) {
+        var categoryExists = roleCategories.indexOf(roleCategory) > -1;
+        var keywordExists = roleKeywords.indexOf(roleKeyword) > -1;
+        return categoryExists ? categoryExists : keywordExists;
+    };
+    CaseAccessUtils.prototype.getAMRoleName = function (accessType, aMRole) {
+        var roleName = '';
+        switch (aMRole) {
+            case CaseAccessUtils.JUDGE_ROLE_CATEGORY:
+                roleName = accessType + "-access-" + CaseAccessUtils.JUDGE_ROLE_NAME;
+                break;
+            case CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY:
+                roleName = accessType + "-access-" + CaseAccessUtils.PROFESSIONAL_ROLE_NAME;
+                break;
+            case CaseAccessUtils.CITIZEN_ROLE_CATEGORY:
+                roleName = accessType + "-access-" + CaseAccessUtils.CITIZEN_ROLE_NAME;
+                break;
+            case CaseAccessUtils.ADMIN_ROLE_CATEGORY:
+                roleName = accessType + "-access-" + CaseAccessUtils.ADMIN_ROLE_NAME;
+                break;
+            default:
+                roleName = accessType + "-access-" + CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME;
+                break;
+        }
+        return roleName;
+    };
+    // User role mapping
+    CaseAccessUtils.JUDGE_ROLE = 'judge';
+    CaseAccessUtils.JUDGE_ROLE_CATEGORY = 'JUDICIAL';
+    CaseAccessUtils.JUDGE_ROLE_NAME = 'judicial';
+    CaseAccessUtils.ADMIN_ROLE = 'admin';
+    CaseAccessUtils.ADMIN_ROLE_CATEGORY = 'ADMIN';
+    CaseAccessUtils.ADMIN_ROLE_NAME = 'admin';
+    CaseAccessUtils.PROFESSIONAL_ROLE = 'solicitor';
+    CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY = 'PROFESSIONAL';
+    CaseAccessUtils.PROFESSIONAL_ROLE_NAME = 'professional';
+    CaseAccessUtils.LEGAL_OPERATIONS_ROLE = 'caseworker';
+    CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY = 'LEGAL_OPERATIONS';
+    CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME = 'legal-operations';
+    CaseAccessUtils.CITIZEN_ROLE = 'citizen';
+    CaseAccessUtils.CITIZEN_ROLE_CATEGORY = 'CITIZEN';
+    CaseAccessUtils.CITIZEN_ROLE_NAME = 'citizen';
+    return CaseAccessUtils;
+}());
+exports.CaseAccessUtils = CaseAccessUtils;
+
+
 /***/ }),
 
 /***/ 19119:
@@ -12870,6 +12949,7 @@ var CaseEditPageComponent = /** @class */ (function () {
         if (this.currentPageIsNotValid()) {
             this.generateErrorMessage(this.currentPage.case_fields);
         }
+        this.showSpinner = true;
         if (!this.isSubmitting && !this.currentPageIsNotValid()) {
             this.isSubmitting = true;
             this.error = null;
@@ -12880,8 +12960,12 @@ var CaseEditPageComponent = /** @class */ (function () {
                     _this.updateFormData(jsonData);
                 }
                 _this.saveDraft();
+                _this.showSpinner = false;
                 _this.next();
-            }, function (error) { return _this.handleError(error); });
+            }, function (error) {
+                _this.showSpinner = false;
+                _this.handleError(error);
+            });
             CaseEditPageComponent_1.scrollToTop();
         }
         CaseEditPageComponent_1.setFocusToTop();
@@ -12889,15 +12973,15 @@ var CaseEditPageComponent = /** @class */ (function () {
     CaseEditPageComponent.prototype.updateFormData = function (jsonData) {
         for (var _i = 0, _a = Object.keys(jsonData.data); _i < _a.length; _i++) {
             var caseFieldId = _a[_i];
-            if (this.pageWithFieldExists(caseFieldId)) {
+            if (this.pageWithFieldExists(caseFieldId, this.currentPage.id)) {
                 this.updateEventTriggerCaseFields(caseFieldId, jsonData, this.caseEdit.eventTrigger);
                 this.updateFormControlsValue(this.editForm, caseFieldId, jsonData.data[caseFieldId]);
             }
         }
     };
     // we do the check, becasue the data comes from the external source
-    CaseEditPageComponent.prototype.pageWithFieldExists = function (caseFieldId) {
-        return this.wizard.findWizardPage(caseFieldId);
+    CaseEditPageComponent.prototype.pageWithFieldExists = function (caseFieldId, pageId) {
+        return this.wizard.findWizardPage(caseFieldId, pageId);
     };
     CaseEditPageComponent.prototype.updateEventTriggerCaseFields = function (caseFieldId, jsonData, eventTrigger) {
         if (eventTrigger.case_fields) {
@@ -12909,7 +12993,15 @@ var CaseEditPageComponent = /** @class */ (function () {
     CaseEditPageComponent.prototype.updateFormControlsValue = function (formGroup, caseFieldId, value) {
         var theControl = formGroup.controls['data'].get(caseFieldId);
         if (theControl) {
-            theControl.patchValue(value);
+            if (Array.isArray(theControl.value) && Array.isArray(value)
+                && theControl.value.length > value.length && theControl['caseField']
+                && theControl['caseField']['display_context'] && theControl['caseField']['display_context'] === 'OPTIONAL'
+                && theControl['caseField']['field_type'] && theControl['caseField']['field_type']['type'] === 'Collection') {
+                // do nothing
+            }
+            else {
+                theControl.patchValue(value);
+            }
         }
     };
     CaseEditPageComponent.prototype.callbackErrorsNotify = function (errorContext) {
@@ -13706,6 +13798,7 @@ var profile_1 = __webpack_require__(59412);
 var profile_service_1 = __webpack_require__(25925);
 var router_2 = __webpack_require__(71724);
 var errors_module_1 = __webpack_require__(61386);
+var loading_spinner_component_1 = __webpack_require__(41617);
 var palette_1 = __webpack_require__(22212);
 var case_create_component_1 = __webpack_require__(19119);
 var case_edit_confirm_component_1 = __webpack_require__(26329);
@@ -13744,7 +13837,8 @@ var CaseEditorModule = /** @class */ (function () {
                 case_edit_form_component_1.CaseEditFormComponent,
                 case_edit_submit_component_1.CaseEditSubmitComponent,
                 case_create_component_1.CaseCreateComponent,
-                case_progress_component_1.CaseProgressComponent
+                case_progress_component_1.CaseProgressComponent,
+                loading_spinner_component_1.LoadingSpinnerComponent
             ],
             exports: [
                 case_edit_confirm_component_1.CaseEditConfirmComponent,
@@ -13755,6 +13849,7 @@ var CaseEditorModule = /** @class */ (function () {
                 case_create_component_1.CaseCreateComponent,
                 case_progress_component_1.CaseProgressComponent,
                 error_1.CallbackErrorsComponent,
+                loading_spinner_component_1.LoadingSpinnerComponent,
             ],
             providers: [
                 fields_utils_1.FieldsUtils,
@@ -14046,8 +14141,8 @@ var Wizard = /** @class */ (function () {
         }
         return canShow(foundPage) ? foundPage : undefined;
     };
-    Wizard.prototype.findWizardPage = function (caseFieldId) {
-        return this.pages.find(function (wizardPage) { return wizardPage.case_fields &&
+    Wizard.prototype.findWizardPage = function (caseFieldId, pageId) {
+        return this.pages.find(function (wizardPage) { return wizardPage.id === pageId || wizardPage.case_fields &&
             wizardPage.case_fields.filter(function (caseField) { return caseField.id === caseFieldId; }).length > 0; });
     };
     Wizard.prototype.nextPage = function (pageId, canShow) {
@@ -14149,6 +14244,7 @@ __export(__webpack_require__(29808));
 __export(__webpack_require__(25961));
 __export(__webpack_require__(20039));
 __export(__webpack_require__(41473));
+__export(__webpack_require__(25919));
 
 
 /***/ }),
@@ -14321,6 +14417,7 @@ var app_config_1 = __webpack_require__(35185);
 var directives_1 = __webpack_require__(66395);
 var domain_1 = __webpack_require__(59346);
 var services_1 = __webpack_require__(65010);
+var case_access_utils_1 = __webpack_require__(25919);
 var wizard_page_field_to_case_field_mapper_1 = __webpack_require__(12393);
 var work_allocation_service_1 = __webpack_require__(93603);
 var CasesService = /** @class */ (function () {
@@ -14590,56 +14687,41 @@ var CasesService = /** @class */ (function () {
         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 = {
+        var userInfoStr = this.sessionStorageService.getItem('userDetails');
+        var camUtils = new case_access_utils_1.CaseAccessUtils();
+        var userInfo;
+        if (userInfoStr) {
+            userInfo = JSON.parse(userInfoStr);
+        }
+        var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
+        var roleName = camUtils.getAMRoleName('challenged', roleCategory);
+        var payload = {
             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'
+                assignerId: userInfo.id
             },
             requestedRoles: [{
-                    id: '3ccabbf2-71fa-4c5d-af39-5675d25e9fcc',
                     actorIdType: 'IDAM',
-                    actorId: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
-                    roleType: 'ORGANISATION',
-                    roleName: 'judge',
+                    actorId: userInfo.id,
+                    roleType: 'CASE',
+                    roleName: roleName,
                     classification: 'PUBLIC',
+                    roleCategory: roleCategory,
                     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',
+                    beginTime: new Date(),
+                    endTime: new Date(new Date().setUTCHours(23, 59, 59, 999)),
                     attributes: {
-                        jurisdiction: 'divorce',
-                        region: 'south-east',
-                        contractType: 'SALARIED'
+                        caseId: caseId
                     },
                     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'
-                        }]
+                            userId: userInfo.id,
+                            time: new Date(),
+                            comment: JSON.stringify(car)
+                        }
+                    ]
                 }]
         };
-        return rxjs_1.of(roleAssignmentResponse);
+        return this.http.post("" + this.appConfig.getCamRoleAssignmentsApiUrl(), payload);
     };
     var CasesService_1;
     // Internal (UI) API
@@ -16056,6 +16138,9 @@ var CaseBasicAccessViewComponent = /** @class */ (function () {
         // Navigate to the previous page
         window.history.go(-1);
     };
+    CaseBasicAccessViewComponent.prototype.getRequestUrl = function (accessType) {
+        return accessType === 'CHALLENGED' ? 'challenged-access-request' : 'specific-access-request';
+    };
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
@@ -16564,13 +16649,11 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         return this.caseDetails.case_type.printEnabled;
     };
     CaseFullAccessViewComponent.prototype.ngOnDestroy = function () {
-        if (this.activitySubscription && this.activityPollingService.isEnabled) {
+        if (this.activityPollingService.isEnabled) {
             this.activitySubscription.unsubscribe();
         }
-        if (this.callbackErrorsSubject) {
-            this.callbackErrorsSubject.unsubscribe();
-        }
-        if (!this.route.snapshot.data.case && this.caseSubscription) {
+        this.callbackErrorsSubject.unsubscribe();
+        if (!this.route.snapshot.data.case) {
             this.caseSubscription.unsubscribe();
         }
         if (this.errorSubscription) {
@@ -16665,8 +16748,7 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
             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(CaseFullAccessViewComponent_1.EMPTY_SPACE, '').toLowerCase() ===
-                    hashValue.replace(CaseFullAccessViewComponent_1.EMPTY_SPACE, '').toLowerCase();
+                return x.textLabel.replace(CaseFullAccessViewComponent_1.EMPTY_SPACE, '').toLowerCase() === hashValue.toLowerCase();
             });
             if (matTab && matTab.position) {
                 this.tabGroup.selectedIndex = matTab.position;
@@ -16680,9 +16762,8 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
             this.router.navigate([id], { relativeTo: this.route });
         }
         else {
-            var label_1 = tabChangeEvent.tab.textLabel;
             this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
-                window.location.hash = label_1;
+                window.location.hash = id;
             });
         }
     };
@@ -16800,6 +16881,148 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(76764));
 
 
+/***/ }),
+
+/***/ 38692:
+/***/ (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 forms_1 = __webpack_require__(92985);
+var router_1 = __webpack_require__(92302);
+var models_1 = __webpack_require__(3234);
+var CaseSpecificAccessRequestComponent = /** @class */ (function () {
+    function CaseSpecificAccessRequestComponent(fb, router, route) {
+        this.fb = fb;
+        this.router = router;
+        this.route = route;
+        this.collapsed = false;
+        this.submitted = false;
+        this.genericError = 'There is a problem';
+        this.specificReasonControlName = 'specificReason';
+    }
+    CaseSpecificAccessRequestComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.title = models_1.SpecificAccessRequestPageText.TITLE;
+        this.hint = models_1.SpecificAccessRequestPageText.HINT;
+        this.caseRefLabel = models_1.SpecificAccessRequestPageText.CASE_REF;
+        this.formGroup = this.fb.group({
+            radioSelected: new forms_1.FormControl(null, null),
+        });
+        this.formGroup.addControl(this.specificReasonControlName, new forms_1.FormControl('', {
+            validators: [
+                function (control) {
+                    if (_this.inputEmpty(control)) {
+                        return { invalid: true };
+                    }
+                    return null;
+                },
+            ],
+            updateOn: 'submit',
+        }));
+    };
+    CaseSpecificAccessRequestComponent.prototype.inputEmpty = function (input) {
+        return input.value == null || input.value.trim().length === 0;
+    };
+    CaseSpecificAccessRequestComponent.prototype.onChange = function () {
+        this.submitted = false;
+        // Clear the "specific reason" fields manually. This prevents any previous value being retained by
+        // the field's FormControl when the field itself is removed from the DOM by *ngIf. (If it is subsequently added back
+        // to the DOM by *ngIf, it will appear empty but the associated FormControl still has the previous value.)
+        this.formGroup.get(this.specificReasonControlName).setValue('');
+    };
+    CaseSpecificAccessRequestComponent.prototype.onSubmit = function () {
+        this.submitted = true;
+        if (this.formGroup.get(this.specificReasonControlName).invalid) {
+            this.errorMessage = {
+                title: this.genericError,
+                description: models_1.SpecificAccessRequestErrors.NO_REASON,
+                fieldId: 'specific-reason',
+            };
+        }
+    };
+    CaseSpecificAccessRequestComponent.prototype.onCancel = function () {
+        // Navigate to the page before previous one (should be Search Results or Case List page, for example)
+        window.history.go(-2);
+    };
+    CaseSpecificAccessRequestComponent.prototype.ngOnDestroy = function () {
+        if (this.$roleAssignmentResponseSubscription) {
+            this.$roleAssignmentResponseSubscription.unsubscribe();
+        }
+    };
+    CaseSpecificAccessRequestComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-specific-access-request',
+            template: __webpack_require__(5856),
+        }),
+        __metadata("design:paramtypes", [forms_1.FormBuilder,
+            router_1.Router,
+            router_1.ActivatedRoute])
+    ], CaseSpecificAccessRequestComponent);
+    return CaseSpecificAccessRequestComponent;
+}());
+exports.CaseSpecificAccessRequestComponent = CaseSpecificAccessRequestComponent;
+
+
+/***/ }),
+
+/***/ 73343:
+/***/ ((__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__(38692));
+
+
+/***/ }),
+
+/***/ 52772:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var SpecificAccessRequestPageText;
+(function (SpecificAccessRequestPageText) {
+    SpecificAccessRequestPageText["TITLE"] = "Why do you need to access this case?";
+    SpecificAccessRequestPageText["HINT"] = "Provide a reason.";
+    SpecificAccessRequestPageText["CASE_REF"] = "Case reference";
+})(SpecificAccessRequestPageText = exports.SpecificAccessRequestPageText || (exports.SpecificAccessRequestPageText = {}));
+var SpecificAccessRequestErrors;
+(function (SpecificAccessRequestErrors) {
+    SpecificAccessRequestErrors["NO_REASON"] = "Enter a reason";
+})(SpecificAccessRequestErrors = exports.SpecificAccessRequestErrors || (exports.SpecificAccessRequestErrors = {}));
+
+
+/***/ }),
+
+/***/ 3234:
+/***/ ((__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__(52772));
+
+
 /***/ }),
 
 /***/ 76979:
@@ -17086,6 +17309,7 @@ var palette_1 = __webpack_require__(22212);
 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_specific_access_request_component_1 = __webpack_require__(38692);
 var case_event_trigger_1 = __webpack_require__(92100);
 var case_full_access_view_component_1 = __webpack_require__(76764);
 var case_view_1 = __webpack_require__(65389);
@@ -17114,7 +17338,6 @@ var CaseViewerModule = /** @class */ (function () {
                 palette_1.EventLogModule,
                 material_1.MatTabsModule,
                 palette_1.ComplexModule,
-                forms_1.FormsModule,
                 forms_1.ReactiveFormsModule,
                 alert_1.AlertModule
             ],
@@ -17127,6 +17350,7 @@ var CaseViewerModule = /** @class */ (function () {
                 case_view_1.CaseViewComponent,
                 printer_1.PrintUrlPipe,
                 case_challenged_access_request_component_1.CaseChallengedAccessRequestComponent,
+                case_specific_access_request_component_1.CaseSpecificAccessRequestComponent,
                 error_message_component_1.ErrorMessageComponent,
                 case_challenged_access_success_component_1.CaseChallengedAccessSuccessComponent
             ],
@@ -17578,6 +17802,7 @@ 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_specific_access_request_1 = __webpack_require__(73343);
 var case_event_trigger_component_1 = __webpack_require__(83645);
 var printer_1 = __webpack_require__(65773);
 var services_1 = __webpack_require__(50137);
@@ -17600,7 +17825,7 @@ exports.viewerRouting = [
         component: case_history_1.CaseHistoryComponent,
     },
     {
-        path: 'access-request',
+        path: 'challenged-access-request',
         children: [
             {
                 path: '',
@@ -17618,6 +17843,19 @@ exports.viewerRouting = [
                 }
             }
         ]
+    },
+    {
+        path: 'specific-access-request',
+        children: [
+            {
+                path: '',
+                component: case_specific_access_request_1.CaseSpecificAccessRequestComponent,
+                data: {
+                    title: 'Request Specific Access'
+                },
+                pathMatch: 'full'
+            }
+        ]
     }
 ];
 
@@ -18652,6 +18890,45 @@ __export(__webpack_require__(13370));
 __export(__webpack_require__(62240));
 
 
+/***/ }),
+
+/***/ 41617:
+/***/ (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 LoadingSpinnerComponent = /** @class */ (function () {
+    function LoadingSpinnerComponent() {
+        this.loadingText = 'Loading';
+    }
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], LoadingSpinnerComponent.prototype, "loadingText", void 0);
+    LoadingSpinnerComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-loading-spinner',
+            template: __webpack_require__(31851),
+            styles: [__webpack_require__(6431)],
+            encapsulation: core_1.ViewEncapsulation.None
+        })
+    ], LoadingSpinnerComponent);
+    return LoadingSpinnerComponent;
+}());
+exports.LoadingSpinnerComponent = LoadingSpinnerComponent;
+
+
 /***/ }),
 
 /***/ 47174:
@@ -19253,7 +19530,7 @@ var AbstractFieldReadComponent = /** @class */ (function (_super) {
     ], AbstractFieldReadComponent.prototype, "caseReference", void 0);
     __decorate([
         core_1.Input(),
-        __metadata("design:type", forms_1.FormGroup)
+        __metadata("design:type", Object)
     ], AbstractFieldReadComponent.prototype, "topLevelFormGroup", void 0);
     __decorate([
         core_1.Input(),
@@ -20533,7 +20810,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var directives_1 = __webpack_require__(66395);
+var domain_1 = __webpack_require__(59346);
 var fields_1 = __webpack_require__(64906);
+var class_transformer_1 = __webpack_require__(86631);
 var ReadFieldsFilterPipe = /** @class */ (function () {
     function ReadFieldsFilterPipe() {
     }
@@ -20550,10 +20829,26 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         var type = field.field_type;
         var value = ReadFieldsFilterPipe_1.getValue(field, values);
         var hasChildrenWithValue = type.complex_fields.find(function (f) {
-            return ReadFieldsFilterPipe_1.keepField(f, value);
+            var willKeep = ReadFieldsFilterPipe_1.keepField(f, value, true);
+            return willKeep && ReadFieldsFilterPipe_1.evaluateConditionalShow(f, value).hidden !== true;
         });
         return !!hasChildrenWithValue;
     };
+    ReadFieldsFilterPipe.isValidCollection = function (field, values) {
+        var isNotEmpty = Array.isArray(field.value) && field.value.length > 0;
+        if (isNotEmpty && field.field_type.collection_field_type.type === 'Complex') {
+            return !!field.value.find(function (item) {
+                var complexField = class_transformer_1.plainToClassFromExist(new domain_1.CaseField(), {
+                    id: field.field_type.collection_field_type.id,
+                    field_type: field.field_type.collection_field_type,
+                    value: item.value,
+                    label: null,
+                });
+                return ReadFieldsFilterPipe_1.isValidComplex(complexField);
+            });
+        }
+        return isNotEmpty;
+    };
     ReadFieldsFilterPipe.isEmpty = function (value) {
         return ReadFieldsFilterPipe_1.EMPTY_VALUES.indexOf(value) !== -1
             || value.length === 0;
@@ -20565,9 +20860,10 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         return ReadFieldsFilterPipe_1.isCompound(field)
             && ReadFieldsFilterPipe_1.NESTED_TYPES[field.field_type.type](field, value);
     };
-    ReadFieldsFilterPipe.keepField = function (field, value) {
+    ReadFieldsFilterPipe.keepField = function (field, value, ignoreLabels) {
+        if (ignoreLabels === void 0) { ignoreLabels = false; }
         // We shouldn't ditch labels.
-        if (field.field_type.type === 'Label' && (field.label || '').length > 0) {
+        if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
             return true;
         }
         // We also shouldn't ditch CasePaymentHistoryViewer fields.
@@ -20654,7 +20950,8 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         {}
     ];
     ReadFieldsFilterPipe.NESTED_TYPES = {
-        'Complex': ReadFieldsFilterPipe_1.isValidComplex
+        'Complex': ReadFieldsFilterPipe_1.isValidComplex,
+        'Collection': ReadFieldsFilterPipe_1.isValidCollection
     };
     ReadFieldsFilterPipe = ReadFieldsFilterPipe_1 = __decorate([
         core_1.Pipe({
@@ -24530,6 +24827,14 @@ var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
             });
         }
         this.registerControl(this.checkboxes, true);
+        if (this.caseField.display_context && this.caseField.display_context === 'MANDATORY' && this.caseField.field_type
+            && this.caseField.field_type.type === 'MultiSelectList' && this.caseField.field_type.fixed_list_items.length > 0
+            && this.checkboxes.controls.length === 0) {
+            if (this.caseField.field_type.fixed_list_items[0].code) {
+                this.checkboxes.push(new forms_1.FormControl(this.caseField.field_type.fixed_list_items[0].code));
+                this.checkboxes.removeAt(0);
+            }
+        }
     };
     WriteMultiSelectListFieldComponent.prototype.onCheckChange = function (event) {
         var _this = this;
@@ -29266,10 +29571,12 @@ var ConditionalShowRegistrarService = /** @class */ (function () {
         this.registeredDirectives = [];
     }
     ConditionalShowRegistrarService.prototype.register = function (newDirective) {
+        // console.log('[', this.registeredDirectives.length, ']adding new directive', newDirective.caseField.id);
         this.registeredDirectives.push(newDirective);
     };
     ConditionalShowRegistrarService.prototype.refresh = function () {
         this.registeredDirectives.forEach(function (dir) {
+            // console.log('refreshing ', dir.caseField.id);
             dir.refreshVisibility();
         });
     };
@@ -34519,6 +34826,13 @@ var FormValueService = /** @class */ (function () {
             }
             else {
                 sanitisedObject[key] = this.sanitiseValue(rawObject[key]);
+                if (Array.isArray(sanitisedObject[key])) {
+                    // If the 'sanitised' array is empty, whereas the original array had 1 or more items
+                    // delete the property from the sanatised object
+                    if (sanitisedObject[key].length === 0 && rawObject[key].length > 0) {
+                        delete sanitisedObject[key];
+                    }
+                }
             }
         }
         return sanitisedObject;
@@ -34698,6 +35012,8 @@ var FormValueService = /** @class */ (function () {
                             }
                             break;
                         case 'Collection':
+                            // Check for valid collection data
+                            this.removeInvalidCollectionData(data, field);
                             // Get hold of the collection.
                             var collection = data[field.id];
                             // Check if we actually have a collection to work with.
@@ -34723,6 +35039,22 @@ var FormValueService = /** @class */ (function () {
         // Clear out any MultiSelect labels.
         FormValueService_1.removeMultiSelectLabels(data);
     };
+    /**
+     * Remove any empty or invalid arry with only id
+     *
+     * @param data The object tree of form values on which to perform the removal
+     * @param field {@link CaseField} domain model object for each field
+     */
+    FormValueService.prototype.removeInvalidCollectionData = function (data, field) {
+        if (data[field.id] && data[field.id].length > 0) {
+            for (var _i = 0, _a = data[field.id]; _i < _a.length; _i++) {
+                var objCollection = _a[_i];
+                if (Object.keys(objCollection).length === 1 && Object.keys(objCollection).indexOf('id') > -1) {
+                    data[field.id] = [];
+                }
+            }
+        }
+    };
     /**
      * Remove any empty collection fields where a value of greater than zero is specified in the field's {@link FieldType}
      * `min` attribute.
@@ -35146,7 +35478,7 @@ var LoadingService = /** @class */ (function () {
     }
     Object.defineProperty(LoadingService.prototype, "isLoading", {
         get: function () {
-            return this.loading.asObservable().pipe(operators_1.distinctUntilChanged());
+            return this.loading.pipe(operators_1.distinctUntilChanged());
         },
         enumerable: true,
         configurable: true
@@ -37368,6 +37700,21 @@ exports.push([module.id, ".event-trigger{width:auto;margin-top:40px;margin-botto
 // exports
 
 
+/***/ }),
+
+/***/ 68929:
+/***/ ((module, exports, __webpack_require__) => {
+
+exports = module.exports = __webpack_require__(9252)(false);
+// imports
+
+
+// module
+exports.push([module.id, ".spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #dddddd;border-top:10px solid #000000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n", ""]);
+
+// exports
+
+
 /***/ }),
 
 /***/ 47029:
@@ -63455,7 +63802,7 @@ 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  <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"
+module.exports = "<ccd-loading-spinner  *ngIf=\"showSpinner\"></ccd-loading-spinner>\n<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"
 
 /***/ }),
 
@@ -63518,7 +63865,7 @@ 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"
+module.exports = "<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<div class=\"govuk-button-group\">\n  <button class=\"govuk-button govuk-!-margin-right-3\" [routerLink]=\"getRequestUrl(accessType)\"> Request access </button>\n  <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n    <p>\n      <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\"> Cancel </a>\n    </p>\n  </div>\n</div>\n"
 
 /***/ }),
 
@@ -63550,6 +63897,13 @@ module.exports = "<!-- Generic error heading and error message to be displayed o
 
 /***/ }),
 
+/***/ 5856:
+/***/ ((module) => {
+
+module.exports = "<exui-error-message\n  *ngIf=\"formGroup.invalid && submitted\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\"\n  >This case requires specific access.<br />This means it's outside your\n  jurisdiction and requires authorisation. If you request access to the case, it\n  will be logged for auditing purposes.</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          role=\"button\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            Help with requesting case access\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">You could include:</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>the case reference of the linked case</li>\n            <li>how long you require access to this case</li>\n            <li>any other reasons why you require access</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n            {{ errorMessage.description }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason').invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            rows=\"8\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n  \n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      Submit\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n          Cancel\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n"
+
+/***/ }),
+
 /***/ 24288:
 /***/ ((module) => {
 
@@ -63627,6 +63981,13 @@ module.exports = "<form *ngIf=\"triggers && triggers.length\" class=\"event-trig
 
 /***/ }),
 
+/***/ 31851:
+/***/ ((module) => {
+
+module.exports = "<div class=\"spinner-container\">\n    <div class=\"spinner-inner-container\">\n        <p>{{loadingText}}</p>\n        <div class=\"spinner\" style=\"margin: auto;\"></div>\n    </div>\n</div>"
+
+/***/ }),
+
 /***/ 6961:
 /***/ ((module) => {
 
@@ -64302,6 +64663,21 @@ function getStrategyDelay(consecutiveErrorsCount, options) {
         }
     
 
+/***/ }),
+
+/***/ 6431:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+
+        var result = __webpack_require__(68929);
+
+        if (typeof result === "string") {
+            module.exports = result;
+        } else {
+            module.exports = result.toString();
+        }
+    
+
 /***/ }),
 
 /***/ 5047: