@hmcts/ccd-case-ui-toolkit 4.8.0-rc.2 → 4.8.0-rc.4

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.8.0-rc.2
+ * @version v4.8.0-rc.4
  * @link undefined
  * @license MIT
  */
@@ -11511,6 +11511,9 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getAccessManagementBasicViewMock = function () {
         return undefined;
     };
+    AbstractAppConfig.prototype.getAccessManagementRequestReviewMockModel = function () {
+        return undefined;
+    };
     AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
         return undefined;
     };
@@ -17645,6 +17648,227 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(76764));
 
 
+/***/ }),
+
+/***/ 12231:
+/***/ (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 CaseReviewSpecificAccessRejectComponent = /** @class */ (function () {
+    function CaseReviewSpecificAccessRejectComponent(route) {
+        this.route = route;
+        this.retunToTask = 'Return to the Tasks tab for this case';
+        this.returnToMyTask = 'Return to My tasks';
+    }
+    CaseReviewSpecificAccessRejectComponent.prototype.ngOnInit = function () {
+        this.caseId = this.route.snapshot.data.case.case_id;
+    };
+    CaseReviewSpecificAccessRejectComponent = __decorate([
+        core_1.Component({
+            selector: 'case-review-specific-access-reject',
+            template: __webpack_require__(24959)
+        }),
+        __metadata("design:paramtypes", [router_1.ActivatedRoute])
+    ], CaseReviewSpecificAccessRejectComponent);
+    return CaseReviewSpecificAccessRejectComponent;
+}());
+exports.CaseReviewSpecificAccessRejectComponent = CaseReviewSpecificAccessRejectComponent;
+
+
+/***/ }),
+
+/***/ 84766:
+/***/ ((__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__(12231));
+
+
+/***/ }),
+
+/***/ 24212:
+/***/ (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__(46909);
+var app_config_1 = __webpack_require__(35185);
+var CaseReviewSpecificAccessRequestComponent = /** @class */ (function () {
+    function CaseReviewSpecificAccessRequestComponent(fb, route, router, appConfig) {
+        this.fb = fb;
+        this.route = route;
+        this.router = router;
+        this.appConfig = appConfig;
+        this.collapsed = false;
+        this.submitted = false;
+        this.genericError = 'There is a problem';
+        this.radioSelectedControlName = 'radioSelected';
+        this.accessReasons = [
+            { reason: models_1.AccessReason.APPROVE_REQUEST, checked: false },
+            { reason: models_1.AccessReason.REJECT_REQUEST, checked: false },
+            { reason: models_1.AccessReason.REQUEST_MORE_INFORMATION, checked: false },
+        ];
+    }
+    CaseReviewSpecificAccessRequestComponent.prototype.ngOnInit = function () {
+        // TODO: this ticket is blocked so mocked with those data to go through, they will be removed and implimented with actual data
+        // when dependency resolved
+        this.setMockData();
+        this.title = models_1.ReviewSpecificAccessRequestPageText.TITLE;
+        this.hint = models_1.ReviewSpecificAccessRequestPageText.HINT;
+        this.caseRefLabel = models_1.ReviewSpecificAccessRequestPageText.CASE_REF;
+        this.formGroup = this.fb.group({
+            radioSelected: new forms_1.FormControl(null, forms_1.Validators.required),
+        });
+    };
+    CaseReviewSpecificAccessRequestComponent.prototype.ngOnDestroy = function () {
+        if (this.caseSubscription) {
+            this.caseSubscription.unsubscribe();
+        }
+    };
+    CaseReviewSpecificAccessRequestComponent.prototype.onChange = function () {
+        this.submitted = false;
+    };
+    CaseReviewSpecificAccessRequestComponent.prototype.onSubmit = function () {
+        this.submitted = true;
+        if (this.formGroup.get(this.radioSelectedControlName).invalid) {
+            this.errorMessage = {
+                title: this.genericError,
+                description: models_1.ReviewSpecificAccessRequestErrors.NO_SELECTION,
+            };
+        }
+        // Initiate Review 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);
+            // request model created , it will be used for submission part
+            var challengedAccessRequest = {
+                reason: reasonNumber,
+                caseId: caseId,
+            };
+            if (models_1.AccessReason.REJECT_REQUEST === radioSelectedValue) {
+                this.router.navigate(['rejected'], { relativeTo: this.route });
+            }
+        }
+    };
+    CaseReviewSpecificAccessRequestComponent.prototype.onCancel = function () {
+        // Navigate to the page before previous one (should be Search Results or Case List page, for example)
+        window.history.go(-1);
+    };
+    // remove once Access management goes live
+    CaseReviewSpecificAccessRequestComponent.prototype.setMockData = function () {
+        var requestAccessDetailsMock = this.appConfig.getAccessManagementRequestReviewMockModel();
+        if (requestAccessDetailsMock.active) {
+            this.requestAccessDetails = requestAccessDetailsMock.details;
+        }
+    };
+    CaseReviewSpecificAccessRequestComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-review-specific-access-request',
+            template: __webpack_require__(42467),
+            styles: [__webpack_require__(76883)]
+        }),
+        __metadata("design:paramtypes", [forms_1.FormBuilder,
+            router_1.ActivatedRoute,
+            router_1.Router,
+            app_config_1.AbstractAppConfig])
+    ], CaseReviewSpecificAccessRequestComponent);
+    return CaseReviewSpecificAccessRequestComponent;
+}());
+exports.CaseReviewSpecificAccessRequestComponent = CaseReviewSpecificAccessRequestComponent;
+
+
+/***/ }),
+
+/***/ 83444:
+/***/ ((__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__(24212));
+
+
+/***/ }),
+
+/***/ 16206:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var AccessReason;
+(function (AccessReason) {
+    AccessReason["APPROVE_REQUEST"] = "Approve request";
+    AccessReason["REJECT_REQUEST"] = "Reject request";
+    AccessReason["REQUEST_MORE_INFORMATION"] = "Request more information";
+})(AccessReason = exports.AccessReason || (exports.AccessReason = {}));
+var ReviewSpecificAccessRequestPageText;
+(function (ReviewSpecificAccessRequestPageText) {
+    ReviewSpecificAccessRequestPageText["TITLE"] = "Review specific access request";
+    ReviewSpecificAccessRequestPageText["HINT"] = "What do you want to do with this request?";
+    ReviewSpecificAccessRequestPageText["CASE_REF"] = "Case reference";
+})(ReviewSpecificAccessRequestPageText = exports.ReviewSpecificAccessRequestPageText || (exports.ReviewSpecificAccessRequestPageText = {}));
+var ReviewSpecificAccessRequestErrors;
+(function (ReviewSpecificAccessRequestErrors) {
+    ReviewSpecificAccessRequestErrors["NO_SELECTION"] = "Select an option";
+    ReviewSpecificAccessRequestErrors["GENERIC_ERROR"] = "There is a problem";
+})(ReviewSpecificAccessRequestErrors = exports.ReviewSpecificAccessRequestErrors || (exports.ReviewSpecificAccessRequestErrors = {}));
+
+
+/***/ }),
+
+/***/ 46909:
+/***/ ((__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__(16206));
+
+
 /***/ }),
 
 /***/ 38692:
@@ -18074,12 +18298,14 @@ 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_review_specific_access_request_component_1 = __webpack_require__(24212);
 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);
 var case_viewer_component_1 = __webpack_require__(89554);
 var printer_1 = __webpack_require__(65773);
 var services_2 = __webpack_require__(50137);
+var case_review_specific_access_reject_1 = __webpack_require__(84766);
 var CaseViewerModule = /** @class */ (function () {
     function CaseViewerModule() {
     }
@@ -18115,8 +18341,10 @@ var CaseViewerModule = /** @class */ (function () {
                 printer_1.PrintUrlPipe,
                 case_challenged_access_request_component_1.CaseChallengedAccessRequestComponent,
                 case_specific_access_request_component_1.CaseSpecificAccessRequestComponent,
+                case_review_specific_access_request_component_1.CaseReviewSpecificAccessRequestComponent,
                 error_message_component_1.ErrorMessageComponent,
-                case_challenged_access_success_component_1.CaseChallengedAccessSuccessComponent
+                case_challenged_access_success_component_1.CaseChallengedAccessSuccessComponent,
+                case_review_specific_access_reject_1.CaseReviewSpecificAccessRejectComponent
             ],
             exports: [
                 case_viewer_component_1.CaseViewerComponent,
@@ -18567,9 +18795,11 @@ 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_review_specific_access_request_1 = __webpack_require__(83444);
 var case_event_trigger_component_1 = __webpack_require__(83645);
 var printer_1 = __webpack_require__(65773);
 var services_1 = __webpack_require__(50137);
+var case_review_specific_access_reject_1 = __webpack_require__(84766);
 exports.viewerRouting = [
     {
         path: 'print',
@@ -18578,11 +18808,11 @@ exports.viewerRouting = [
     {
         path: 'trigger/:eid',
         resolve: {
-            eventTrigger: services_1.EventTriggerResolver
+            eventTrigger: services_1.EventTriggerResolver,
         },
         component: case_event_trigger_component_1.CaseEventTriggerComponent,
         children: case_editor_1.editorRouting,
-        canDeactivate: [file_upload_progress_guard_1.FileUploadProgressGuard]
+        canDeactivate: [file_upload_progress_guard_1.FileUploadProgressGuard],
     },
     {
         path: 'event/:eid/history',
@@ -18595,18 +18825,18 @@ exports.viewerRouting = [
                 path: '',
                 component: case_challenged_access_request_1.CaseChallengedAccessRequestComponent,
                 data: {
-                    title: 'Request Challenged Access'
+                    title: 'Request Challenged Access',
                 },
-                pathMatch: 'full'
+                pathMatch: 'full',
             },
             {
                 path: 'success',
                 component: case_challenged_access_success_1.CaseChallengedAccessSuccessComponent,
                 data: {
-                    title: 'Challenged Access Success'
-                }
-            }
-        ]
+                    title: 'Challenged Access Success',
+                },
+            },
+        ],
     },
     {
         path: 'specific-access-request',
@@ -18615,12 +18845,32 @@ exports.viewerRouting = [
                 path: '',
                 component: case_specific_access_request_1.CaseSpecificAccessRequestComponent,
                 data: {
-                    title: 'Request Specific Access'
+                    title: 'Request Specific Access',
+                },
+                pathMatch: 'full',
+            },
+        ],
+    },
+    {
+        path: 'review-specific-access-request',
+        children: [
+            {
+                path: '',
+                component: case_review_specific_access_request_1.CaseReviewSpecificAccessRequestComponent,
+                data: {
+                    title: 'Request Specific Access',
                 },
-                pathMatch: 'full'
+                pathMatch: 'full',
+            },
+            {
+                path: 'rejected',
+                component: case_review_specific_access_reject_1.CaseReviewSpecificAccessRejectComponent,
+                data: {
+                    title: 'Review Access Rejected'
+                }
             }
-        ]
-    }
+        ],
+    },
 ];
 
 
@@ -20991,11 +21241,13 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
     WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
         if (this.caseField.value) {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
+                'Id': new forms_1.FormControl('LinkedCase'),
                 'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference),
             }), true);
         }
         else {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
+                'Id': new forms_1.FormControl('LinkedCase'),
                 'CaseReference': new forms_1.FormControl(),
             }), true);
         }
@@ -21822,7 +22074,7 @@ var CcdPageFieldsPipe = /** @class */ (function () {
             return control['caseField'];
         }).filter(function (field) {
             return !!page.case_fields.find(function (pcf) { return pcf.id === field.id; });
-        });
+        }).sort(function (a, b) { return a.order - b.order; });
         var rawValue = dataFormGroup.value;
         var value = page.case_fields.reduce(function (acc, field) {
             var _a;
@@ -23500,6 +23752,9 @@ var WriteDocumentFieldComponent = /** @class */ (function (_super) {
             this.displayFileUploadMessages(WriteDocumentFieldComponent_1.UPLOAD_WAITING_FILE_STATUS);
             var documentUpload = this.buildDocumentUploadData(this.selectedFile);
             this.fileUploadStateService.setUploadInProgress(true);
+            var uploadFile = this.secureModeOn ?
+                this.documentManagement.secureUploadFile(documentUpload) :
+                this.documentManagement.uploadFile(documentUpload);
             this.fileUploadSubscription = this.documentManagement.uploadFile(documentUpload).subscribe({
                 next: function (resultDocument) { return _this.handleDocumentUploadResult(resultDocument); },
                 error: function (error) { return _this.handleDocumentUploadError(error); }
@@ -34188,6 +34443,14 @@ 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),
@@ -35794,6 +36057,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.
@@ -35819,6 +36084,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.
@@ -38434,6 +38715,21 @@ exports.push([module.id, "th{width:1%;white-space:nowrap;vertical-align:top}.com
 // exports
 
 
+/***/ }),
+
+/***/ 14342:
+/***/ ((module, exports, __webpack_require__) => {
+
+exports = module.exports = __webpack_require__(9252)(false);
+// imports
+
+
+// module
+exports.push([module.id, ".left-label{width:220px}\n", ""]);
+
+// exports
+
+
 /***/ }),
 
 /***/ 10082:
@@ -64661,6 +64957,20 @@ module.exports = "<!-- Generic error heading and error message to be displayed o
 
 /***/ }),
 
+/***/ 24959:
+/***/ ((module) => {
+
+module.exports = "<p></p>\n<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          Request for access denied<br>\n        </h1>\n      </div>\n      <h2 class=\"govuk-heading-m \">What happens next</h2>\n      <p class=\"govuk-body\">\n        The requester has been denied access to this case.\n      </p>\n    </div>\n  </div>\n  <div class=\"form-group form-group-related\">\n    <p ><a button class=\"govuk-button govuk-!-margin-right-3\" href=\"tasks/list\" >{{returnToMyTask}}</a></p>\n  </div>\n  <p class=\"cancel\"><a  href=\"cases/case-details/{{caseId}}\" >{{retunToTask}}</a></p>\n</div>"
+
+/***/ }),
+
+/***/ 42467:
+/***/ ((module) => {
+
+module.exports = "<exui-error-message\n  *ngIf=\"formGroup.invalid && submitted\"\n  [error]=\"errorMessage\">\n</exui-error-message>\n\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <div class=\"govuk-grid-column-two-thirds\" >\n        <p></p>\n        <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n          <h1 class=\"govuk-fieldset__heading\">\n            {{ title }}\n          </h1>\n        </legend>\n        <p></p>\n        <table class=\"govuk-table\">\n          <caption></caption>\n          <tbody class=\"govuk-table__body\">\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n                Case name\n              </th>\n              <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseName }}</td>\n            </tr>\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n                Case reference\n              </th>\n              <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseReference }}</td>\n            </tr>\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n                Date submitted\n              </th>\n              <td class=\"govuk-table__cell\">{{ requestAccessDetails.dateSubmitted }}</td>\n            </tr>\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n                Request from\n              </th>\n              <td class=\"govuk-table__cell\">{{ requestAccessDetails.requestFrom }}<br /></td>\n            </tr>\n            <tr class=\"govuk-table__row\">\n              <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n                Reason for case access\n              </th>\n              <td class=\"govuk-table__cell\">{{ requestAccessDetails.reasonForCaseAccess }}</td>\n            </tr>\n          </tbody>\n        </table>\n\n        <div\n          class=\"govuk-form-group\"\n          [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n          <fieldset class=\"govuk-fieldset\">\n            <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n              <h1 class=\"govuk-fieldset__heading\">\n                {{ hint }}\n              </h1>\n            </legend>\n            <div\n              id=\"error-message\"\n              class=\"govuk-error-message\"\n              *ngIf=\"formGroup.get('radioSelected').invalid && submitted\">\n              {{ errorMessage.description }}\n            </div>\n            <div class=\"govuk-radios__item\">\n              <input\n                class=\"govuk-radios__input\"\n                id=\"reason-0\"\n                name=\"radioSelected\"\n                type=\"radio\"\n                [value]=\"accessReasons[0].reason\"\n                formControlName=\"radioSelected\"\n                [checked]=\"accessReasons[0].checked\"\n                (change)=\"onChange()\"/>\n              <label class=\"govuk-label govuk-radios__label\" for=\"reason-0\">\n                {{ accessReasons[0].reason }}\n              </label>\n            </div>\n            <div class=\"govuk-radios__item\">\n              <input\n                class=\"govuk-radios__input\"\n                id=\"reason-1\"\n                name=\"radioSelected\"\n                type=\"radio\"\n                [value]=\"accessReasons[1].reason\"\n                formControlName=\"radioSelected\"\n                [checked]=\"accessReasons[1].checked\"\n                (change)=\"onChange()\"/>\n              <label class=\"govuk-label govuk-radios__label\" for=\"reason-1\">\n                {{ accessReasons[1].reason }}\n              </label>\n            </div>\n            <div class=\"govuk-radios__item\">\n              <input\n                class=\"govuk-radios__input\"\n                id=\"reason-2\"\n                name=\"radioSelected\"\n                type=\"radio\"\n                [value]=\"accessReasons[2].reason\"\n                formControlName=\"radioSelected\"\n                [checked]=\"accessReasons[2].checked\"\n                (change)=\"onChange()\"/>\n              <label class=\"govuk-label govuk-radios__label\" for=\"reason-2\">\n                {{ accessReasons[2].reason }}\n              </label>\n            </div>\n          </fieldset>\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      Continue\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"
+
+/***/ }),
+
 /***/ 5856:
 /***/ ((module) => {
 
@@ -64853,7 +65163,7 @@ module.exports = "<ng-container [ngSwitch]=\"context\">\n  <ccd-read-complex-fie
 /***/ 93616:
 /***/ ((module) => {
 
-module.exports = "<div class=\"form-group\" [id]=\"id()\">\n\n  <h2 *ngIf=\"renderLabel\" class=\"heading-h2\">{{caseField | ccdFieldLabel}}</h2>\n  <ng-container *ngFor=\"let field of complexFields\">\n    <ng-container [ngSwitch]=\"field | ccdIsReadOnlyAndNotCollection\">\n      <ccd-field-read *ngSwitchCase=\"true\"\n                      ccdLabelSubstitutor\n                      [caseField]=\"buildField(field)\"\n                      [caseFields]=\"caseFields\"\n                      [formGroup]=\"formGroup\"\n                      [withLabel]=\"true\">\n      </ccd-field-read>\n      <ccd-field-write *ngSwitchCase=\"false\"\n                       ccdLabelSubstitutor\n                       [caseField]=\"field\"\n                       [caseFields]=\"caseFields\"\n                       [formGroup]=\"formGroup\"\n                       [parent]=\"complexGroup\"\n                       [idPrefix]=\"buildIdPrefix(field)\"\n                       [hidden]=\"field.hidden\"\n                       [isExpanded]=\"isExpanded\"\n                       [isInSearchBlock]=\"isInSearchBlock\">\n      </ccd-field-write>\n    </ng-container>\n  </ng-container>\n</div>\n"
+module.exports = "<div class=\"form-group\" [id]=\"id()\">\n\n  <h2 *ngIf=\"renderLabel\" class=\"heading-h2\">{{caseField | ccdFieldLabel}}</h2>\n  <ng-container *ngFor=\"let field of complexFields\">\n    <ng-container [ngSwitch]=\"field | ccdIsReadOnly\">\n      <ccd-field-read *ngSwitchCase=\"true\"\n                      ccdLabelSubstitutor\n                      [caseField]=\"buildField(field)\"\n                      [caseFields]=\"caseFields\"\n                      [formGroup]=\"formGroup\"\n                      [withLabel]=\"true\">\n      </ccd-field-read>\n      <ccd-field-write *ngSwitchCase=\"false\"\n                       ccdLabelSubstitutor\n                       [caseField]=\"field\"\n                       [caseFields]=\"caseFields\"\n                       [formGroup]=\"formGroup\"\n                       [parent]=\"complexGroup\"\n                       [idPrefix]=\"buildIdPrefix(field)\"\n                       [hidden]=\"field.hidden\"\n                       [isExpanded]=\"isExpanded\"\n                       [isInSearchBlock]=\"isInSearchBlock\">\n      </ccd-field-write>\n    </ng-container>\n  </ng-container>\n</div>\n"
 
 /***/ }),
 
@@ -65397,6 +65707,21 @@ function getStrategyDelay(consecutiveErrorsCount, options) {
         }
     
 
+/***/ }),
+
+/***/ 76883:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+
+        var result = __webpack_require__(14342);
+
+        if (typeof result === "string") {
+            module.exports = result;
+        } else {
+            module.exports = result.toString();
+        }
+    
+
 /***/ }),
 
 /***/ 99018: