@hmcts/ccd-case-ui-toolkit 4.8.0-rc.2 → 4.8.3-access-management-banner

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.3-access-management-banner
  * @link undefined
  * @license MIT
  */
@@ -11511,6 +11511,12 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getAccessManagementBasicViewMock = function () {
         return undefined;
     };
+    AbstractAppConfig.prototype.getAccessManagemenViewCaseMock = function () {
+        return undefined;
+    };
+    AbstractAppConfig.prototype.getAccessManagementRequestReviewMockModel = function () {
+        return undefined;
+    };
     AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
         return undefined;
     };
@@ -13154,6 +13160,8 @@ var CaseAccessUtils = /** @class */ (function () {
     function CaseAccessUtils() {
     }
     CaseAccessUtils.prototype.getMappedRoleCategory = function (roles, roleCategories) {
+        if (roles === void 0) { roles = []; }
+        if (roleCategories === void 0) { roleCategories = []; }
         var roleKeywords = roles.join().split('-').join().split(',');
         if (this.roleOrCategoryExists(CaseAccessUtils.JUDGE_ROLE, CaseAccessUtils.JUDGE_ROLE_CATEGORY, roleKeywords, roleCategories)) {
             return CaseAccessUtils.JUDGE_ROLE_CATEGORY;
@@ -13197,6 +13205,35 @@ var CaseAccessUtils = /** @class */ (function () {
         }
         return roleName;
     };
+    CaseAccessUtils.prototype.getAMPayload = function (assignerId, actorId, roleName, roleCategory, grantType, caseId, details, beginTime, endTime) {
+        if (beginTime === void 0) { beginTime = null; }
+        if (endTime === void 0) { endTime = null; }
+        var payload = {
+            roleRequest: {
+                assignerId: assignerId
+            },
+            requestedRoles: [{
+                    actorIdType: 'IDAM',
+                    actorId: actorId,
+                    roleType: 'CASE',
+                    roleName: roleName,
+                    classification: 'PUBLIC',
+                    roleCategory: roleCategory,
+                    grantType: grantType,
+                    beginTime: beginTime,
+                    endTime: endTime,
+                    attributes: {
+                        caseId: caseId
+                    },
+                    notes: [{
+                            userId: assignerId,
+                            time: new Date(),
+                            comment: JSON.stringify(details)
+                        }]
+                }]
+        };
+        return payload;
+    };
     // User role mapping
     CaseAccessUtils.JUDGE_ROLE = 'judge';
     CaseAccessUtils.JUDGE_ROLE_CATEGORY = 'JUDICIAL';
@@ -13709,11 +13746,11 @@ 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;
             var caseEventData = this.buildCaseEventData();
+            this.showSpinner = true;
             this.caseEdit.validate(caseEventData, this.currentPage.id)
                 .subscribe(function (jsonData) {
                 if (jsonData) {
@@ -13752,7 +13789,7 @@ var CaseEditPageComponent = /** @class */ (function () {
     };
     CaseEditPageComponent.prototype.updateFormControlsValue = function (formGroup, caseFieldId, value) {
         var theControl = formGroup.controls['data'].get(caseFieldId);
-        if (theControl) {
+        if (theControl && theControl['status'] !== 'DISABLED') {
             if (Array.isArray(theControl.value) && Array.isArray(value)
                 && theControl.value.length > value.length && theControl['caseField']
                 && theControl['caseField']['display_context'] && theControl['caseField']['display_context'] === 'OPTIONAL'
@@ -15031,6 +15068,7 @@ var router_helper_service_1 = __webpack_require__(61957);
 var wizard_factory_service_1 = __webpack_require__(13125);
 var conditional_show_model_1 = __webpack_require__(5369);
 var event_trigger_service_1 = __webpack_require__(17051);
+var fields_1 = __webpack_require__(64906);
 var CaseEditWizardGuard = /** @class */ (function () {
     function CaseEditWizardGuard(router, routerHelper, wizardFactory, alertService, eventTriggerService) {
         this.router = router;
@@ -15086,6 +15124,15 @@ var CaseEditWizardGuard = /** @class */ (function () {
     };
     CaseEditWizardGuard.prototype.buildState = function (caseFields) {
         var state = {};
+        /**
+         *
+         * EUI-4873 SSCS - Dynamic lists in a collection within a complex type
+         *
+         * Catering for mid event callbacks, hence the call to re-evaluate
+         * for DynamicList's
+         *
+         */
+        fields_1.FieldsUtils.handleNestedDynamicLists({ case_fields: caseFields });
         caseFields.forEach(function (field) {
             state[field.id] = field.value;
         });
@@ -15147,17 +15194,6 @@ exports.CaseNotifier = CaseNotifier;
 
 "use strict";
 
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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);
@@ -15228,73 +15264,6 @@ var CasesService = /** @class */ (function () {
             return rxjs_1.throwError(error);
         }), operators_1.finalize(function () { return _this.loadingService.unregister(loadingToken); }));
     };
-    /**
-     * handleNestedDynamicLists()
-     * Reassigns list_item and value data to DynamicList children
-     * down the tree. Server response returns data only in
-     * the `value` object of parent complex type
-     *
-     * EUI-2530 Dynamic Lists for Elements in a Complex Type
-     *
-     * @param jsonBody - { case_fields: [ CaseField, CaseField ] }
-     */
-    CasesService.prototype.handleNestedDynamicLists = function (jsonBody) {
-        var _this = this;
-        if (jsonBody.case_fields) {
-            jsonBody.case_fields.forEach(function (caseField) {
-                if (caseField.field_type) {
-                    _this.setDynamicListDefinition(caseField, caseField.field_type, caseField);
-                }
-            });
-        }
-        return jsonBody;
-    };
-    CasesService.prototype.setDynamicListDefinition = function (caseField, caseFieldType, rootCaseField) {
-        var _this = this;
-        if (caseFieldType.type === CasesService_1.SERVER_RESPONSE_FIELD_TYPE_COMPLEX) {
-            caseFieldType.complex_fields.forEach(function (field) {
-                try {
-                    var isDynamicField = CasesService_1.SERVER_RESPONSE_FIELD_TYPE_DYNAMIC_LIST_TYPE.indexOf(field.field_type.type) !== -1;
-                    if (isDynamicField) {
-                        var dynamicListValue = _this.getDynamicListValue(rootCaseField.value, field.id);
-                        if (dynamicListValue) {
-                            var list_items = dynamicListValue.list_items;
-                            var value = dynamicListValue.value;
-                            field.value = {
-                                list_items: list_items,
-                                value: value ? value : undefined
-                            };
-                            field.formatted_value = __assign({}, field.formatted_value, field.value);
-                        }
-                    }
-                    else {
-                        _this.setDynamicListDefinition(field, field.field_type, rootCaseField);
-                    }
-                }
-                catch (error) {
-                    console.log(error);
-                }
-            });
-        }
-        else if (caseFieldType.type === CasesService_1.SERVER_RESPONSE_FIELD_TYPE_COLLECTION) {
-            if (caseFieldType.collection_field_type) {
-                this.setDynamicListDefinition(caseField, caseFieldType.collection_field_type, rootCaseField);
-            }
-        }
-    };
-    CasesService.prototype.getDynamicListValue = function (jsonBlock, key) {
-        if (jsonBlock[key]) {
-            return jsonBlock[key];
-        }
-        else {
-            for (var elementKey in jsonBlock) {
-                if (typeof jsonBlock === 'object' && jsonBlock.hasOwnProperty(elementKey)) {
-                    return this.getDynamicListValue(jsonBlock[elementKey], key);
-                }
-            }
-        }
-        return null;
-    };
     CasesService.prototype.getEventTrigger = function (caseTypeId, eventTriggerId, caseId, ignoreWarning) {
         var _this = this;
         ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
@@ -15314,7 +15283,7 @@ var CasesService = /** @class */ (function () {
         return this.http
             .get(url, { headers: headers, observe: 'body' })
             .pipe(operators_1.map(function (body) {
-            return _this.handleNestedDynamicLists(body);
+            return services_1.FieldsUtils.handleNestedDynamicLists(body);
         }), operators_1.catchError(function (error) {
             _this.errorService.setError(error);
             return rxjs_1.throwError(error);
@@ -15456,32 +15425,23 @@ var CasesService = /** @class */ (function () {
         }
         var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
         var roleName = camUtils.getAMRoleName('challenged', roleCategory);
-        var payload = {
-            roleRequest: {
-                assignerId: userInfo.id
-            },
-            requestedRoles: [{
-                    actorIdType: 'IDAM',
-                    actorId: userInfo.id,
-                    roleType: 'CASE',
-                    roleName: roleName,
-                    classification: 'PUBLIC',
-                    roleCategory: roleCategory,
-                    grantType: 'CHALLENGED',
-                    beginTime: new Date(),
-                    endTime: new Date(new Date().setUTCHours(23, 59, 59, 999)),
-                    attributes: {
-                        caseId: caseId
-                    },
-                    notes: [{
-                            userId: userInfo.id,
-                            time: new Date(),
-                            comment: JSON.stringify(car)
-                        }
-                    ]
-                }]
-        };
-        return this.http.post("" + this.appConfig.getCamRoleAssignmentsApiUrl(), payload);
+        var beginTime = new Date();
+        var endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
+        var payload = camUtils.getAMPayload(userInfo.id, userInfo.id, roleName, roleCategory, 'CHALLENGED', caseId, car, beginTime, endTime);
+        return this.http.post(this.appConfig.getCamRoleAssignmentsApiUrl() + "/challenged", payload);
+    };
+    CasesService.prototype.createSpecificAccessRequest = function (caseId, sar) {
+        // Assignment API endpoint
+        var userInfoStr = this.sessionStorageService.getItem('userDetails');
+        var camUtils = new case_access_utils_1.CaseAccessUtils();
+        var userInfo;
+        if (userInfoStr) {
+            userInfo = JSON.parse(userInfoStr);
+        }
+        var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
+        var roleName = camUtils.getAMRoleName('specific', roleCategory);
+        var payload = camUtils.getAMPayload(null, userInfo.id, roleName, roleCategory, 'SPECIFIC', caseId, sar);
+        return this.http.post(this.appConfig.getCamRoleAssignmentsApiUrl() + "/specific", payload);
     };
     var CasesService_1;
     // Internal (UI) API
@@ -15494,10 +15454,6 @@ var CasesService = /** @class */ (function () {
     CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.case-data-validate.v2+json;charset=UTF-8';
     CasesService.V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
     CasesService.V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
-    // Handling of Dynamic Lists in Complex Types
-    CasesService.SERVER_RESPONSE_FIELD_TYPE_COLLECTION = 'Collection';
-    CasesService.SERVER_RESPONSE_FIELD_TYPE_COMPLEX = 'Complex';
-    CasesService.SERVER_RESPONSE_FIELD_TYPE_DYNAMIC_LIST_TYPE = ['DynamicList', 'DynamicRadioList'];
     CasesService.PUI_CASE_MANAGER = 'pui-case-manager';
     CasesService = CasesService_1 = __decorate([
         core_1.Injectable(),
@@ -15954,6 +15910,7 @@ var CaseHeaderComponent = /** @class */ (function () {
         this.caseTitle = new domain_1.CaseField();
         if (!this.isDraft() && this.caseDetails.state.title_display) {
             this.caseTitle.label = this.caseDetails.state.title_display;
+            this.label = this.caseTitle.label;
             this.caseFields = this.getCaseFields();
         }
     };
@@ -17367,6 +17324,7 @@ var directives_1 = __webpack_require__(66395);
 var domain_1 = __webpack_require__(59346);
 var services_1 = __webpack_require__(65010);
 var helpers_1 = __webpack_require__(23495);
+var models_1 = __webpack_require__(3234);
 var CaseFullAccessViewComponent = /** @class */ (function () {
     function CaseFullAccessViewComponent(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, location) {
         this.ngZone = ngZone;
@@ -17383,6 +17341,7 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
+        this.appendedTabs = [];
         this.BANNER = domain_1.DisplayMode.BANNER;
         this.triggerTextStart = CaseFullAccessViewComponent_1.TRIGGER_TEXT_START;
         this.triggerTextIgnoreWarnings = CaseFullAccessViewComponent_1.TRIGGER_TEXT_CONTINUE;
@@ -17472,7 +17431,7 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         }
     };
     CaseFullAccessViewComponent.prototype.hasTabsPresent = function () {
-        return this.sortedTabs.length > 0 || this.prependedTabs.length > 0;
+        return this.sortedTabs.length > 0 || this.prependedTabs.length > 0 || this.appendedTabs.length > 0;
     };
     CaseFullAccessViewComponent.prototype.callbackErrorsNotify = function (callbackErrorsContext) {
         this.ignoreWarning = callbackErrorsContext.ignore_warning;
@@ -17495,16 +17454,35 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         var matTab;
         var url = this.location.path(true);
         var hashValue = url.substring(url.indexOf('#') + 1);
-        // if we have prepended tabs route to one of the prepended tabs
-        if (!url.includes('#') && this.prependedTabs && this.prependedTabs.length) {
+        if (!url.includes('#')) {
             var paths = url.split('/');
-            var tabName_1 = decodeURIComponent(paths[paths.length - 1]);
-            var selectedTab_1 = this.prependedTabs.find(function (caseTab) { return caseTab.id.toLowerCase() === tabName_1.toLowerCase(); });
-            var tab = selectedTab_1 ? selectedTab_1.id : 'tasks';
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id, tab]).then(function () {
-                matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === selectedTab_1.label; });
-                _this.tabGroup.selectedIndex = matTab.position;
-            });
+            // lastPath can be /caseId, or the tabs /tasks, /hearings etc.
+            var lastPath_1 = decodeURIComponent(paths[paths.length - 1]);
+            var foundTab_1 = null;
+            var additionalTabs = this.prependedTabs.concat(this.appendedTabs);
+            if (additionalTabs && additionalTabs.length) {
+                foundTab_1 = additionalTabs.find(function (caseTab) { return caseTab.id.toLowerCase() === lastPath_1.toLowerCase(); });
+            }
+            // found tasks or hearing tab
+            if (foundTab_1) {
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id, foundTab_1.id]).then(function () {
+                    matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === foundTab_1.label; });
+                    if (matTab && matTab.position) {
+                        _this.tabGroup.selectedIndex = matTab.position;
+                    }
+                });
+                // last path is caseId
+            }
+            else {
+                // sort with the order of CCD predefined tabs
+                this.caseDetails.tabs.sort(function (aTab, bTab) { return aTab.order > bTab.order ? 1 : (bTab.order > aTab.order ? -1 : 0); });
+                // preselect the 1st order of CCD predefined tabs
+                var preSelectTab_1 = this.caseDetails.tabs[0];
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
+                    matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === preSelectTab_1.label; });
+                    _this.tabGroup.selectedIndex = matTab.position;
+                });
+            }
         }
         else {
             var regExp = new RegExp(CaseFullAccessViewComponent_1.UNICODE_SPACE, 'g');
@@ -17518,10 +17496,34 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
             }
         }
     };
+    Object.defineProperty(CaseFullAccessViewComponent.prototype, "specificAccessType", {
+        get: function () {
+            var response = models_1.SpecificAccessType.NONE;
+            if (this.caseDetails.access) {
+                var thisMoment = new Date().getTime();
+                var beginTime = new Date(this.caseDetails.access.beginTime).getTime();
+                var endTime = new Date(this.caseDetails.access.endTime).getTime();
+                if (beginTime < thisMoment && !endTime) {
+                    response = models_1.SpecificAccessType.INDEFINITE;
+                }
+                else if (beginTime < thisMoment) {
+                    response = models_1.SpecificAccessType.INPROGRESS;
+                }
+                else {
+                    response = models_1.SpecificAccessType.FUTURE;
+                }
+            }
+            return response;
+        },
+        enumerable: true,
+        configurable: true
+    });
     CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
         var tab = tabChangeEvent.tab['_viewContainerRef'];
         var id = tab.element.nativeElement.id;
-        if (tabChangeEvent.index <= 1 && this.prependedTabs.length) {
+        var tabsLengthBeforeAppended = this.prependedTabs.length + this.caseDetails.tabs.length;
+        if ((tabChangeEvent.index <= 1 && this.prependedTabs.length) ||
+            (tabChangeEvent.index >= tabsLengthBeforeAppended && this.appendedTabs.length)) {
             this.router.navigate([id], { relativeTo: this.route });
         }
         else {
@@ -17604,6 +17606,10 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Array)
     ], CaseFullAccessViewComponent.prototype, "prependedTabs", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], CaseFullAccessViewComponent.prototype, "appendedTabs", void 0);
     __decorate([
         core_1.ViewChild('tabGroup'),
         __metadata("design:type", material_1.MatTabGroup)
@@ -17645,6 +17651,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:
@@ -17665,11 +17892,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var forms_1 = __webpack_require__(92985);
 var router_1 = __webpack_require__(92302);
+var case_editor_1 = __webpack_require__(27070);
 var models_1 = __webpack_require__(3234);
 var CaseSpecificAccessRequestComponent = /** @class */ (function () {
-    function CaseSpecificAccessRequestComponent(fb, router, route) {
+    function CaseSpecificAccessRequestComponent(fb, router, casesService, route) {
         this.fb = fb;
         this.router = router;
+        this.casesService = casesService;
         this.route = route;
         this.collapsed = false;
         this.submitted = false;
@@ -17707,6 +17936,7 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
         this.formGroup.get(this.specificReasonControlName).setValue('');
     };
     CaseSpecificAccessRequestComponent.prototype.onSubmit = function () {
+        var _this = this;
         this.submitted = true;
         if (this.formGroup.get(this.specificReasonControlName).invalid) {
             this.errorMessage = {
@@ -17715,6 +17945,22 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
                 fieldId: 'specific-reason',
             };
         }
+        // Initiate Specific Access Request
+        if (this.formGroup.valid) {
+            // Get the Case Reference (for which access is being requested) from the ActivatedRouteSnapshot data
+            var caseId = this.route.snapshot.data.case.case_id;
+            var specificAccessRequest = {
+                specificReason: this.formGroup.get(this.specificReasonControlName).value
+            };
+            this.$roleAssignmentResponseSubscription = this.casesService.createSpecificAccessRequest(caseId, specificAccessRequest)
+                .subscribe(function (_response) {
+                // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
+                // Angular 7.2!
+                _this.router.navigate(['success'], { relativeTo: _this.route });
+            }, function (_error) {
+                // Navigate to error page
+            });
+        }
     };
     CaseSpecificAccessRequestComponent.prototype.onCancel = function () {
         // Navigate to the page before previous one (should be Search Results or Case List page, for example)
@@ -17732,6 +17978,7 @@ var CaseSpecificAccessRequestComponent = /** @class */ (function () {
         }),
         __metadata("design:paramtypes", [forms_1.FormBuilder,
             router_1.Router,
+            case_editor_1.CasesService,
             router_1.ActivatedRoute])
     ], CaseSpecificAccessRequestComponent);
     return CaseSpecificAccessRequestComponent;
@@ -17771,6 +18018,13 @@ var SpecificAccessRequestErrors;
 (function (SpecificAccessRequestErrors) {
     SpecificAccessRequestErrors["NO_REASON"] = "Enter a reason";
 })(SpecificAccessRequestErrors = exports.SpecificAccessRequestErrors || (exports.SpecificAccessRequestErrors = {}));
+var SpecificAccessType;
+(function (SpecificAccessType) {
+    SpecificAccessType[SpecificAccessType["NONE"] = 0] = "NONE";
+    SpecificAccessType[SpecificAccessType["INPROGRESS"] = 1] = "INPROGRESS";
+    SpecificAccessType[SpecificAccessType["FUTURE"] = 2] = "FUTURE";
+    SpecificAccessType[SpecificAccessType["INDEFINITE"] = 3] = "INDEFINITE";
+})(SpecificAccessType = exports.SpecificAccessType || (exports.SpecificAccessType = {}));
 
 
 /***/ }),
@@ -17919,6 +18173,17 @@ __export(__webpack_require__(76979));
 
 "use strict";
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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);
@@ -17942,6 +18207,7 @@ var CaseViewerComponent = /** @class */ (function () {
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
+        this.appendedTabs = [];
     }
     CaseViewerComponent_1 = CaseViewerComponent;
     CaseViewerComponent.prototype.ngOnInit = function () {
@@ -17985,7 +18251,7 @@ var CaseViewerComponent = /** @class */ (function () {
     // remove once Access management goes live
     CaseViewerComponent.prototype.setMockData = function (caseDetails) {
         var accessManagementBasicViewMock = this.appConfig.getAccessManagementBasicViewMock();
-        if (accessManagementBasicViewMock.active && !caseDetails.basicFields) {
+        if (accessManagementBasicViewMock && accessManagementBasicViewMock.active && !caseDetails.basicFields) {
             var access_process_index = caseDetails.metadataFields.findIndex(function (metadataField) {
                 return metadataField.id === CaseViewerComponent_1.METADATA_FIELD_ACCESS_PROCEES_ID;
             });
@@ -18004,6 +18270,14 @@ var CaseViewerComponent = /** @class */ (function () {
             }
             caseDetails.basicFields = accessManagementBasicViewMock.basicFields;
         }
+        var accessManagementMockData = this.appConfig.getAccessManagemenViewCaseMock();
+        if (accessManagementMockData.active && accessManagementMockData.scenarios['caseBanner']) {
+            var caseIds = accessManagementMockData.scenarios['caseBanner'];
+            if (caseIds.indexOf(this.caseDetails.case_id) > -1) {
+                var access = { access: accessManagementMockData.data['caseBanner'][this.caseDetails.case_id] };
+                this.caseDetails = __assign({}, this.caseDetails, access);
+            }
+        }
     };
     var CaseViewerComponent_1;
     CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID = '[ACCESS_PROCESS]';
@@ -18020,6 +18294,10 @@ var CaseViewerComponent = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Array)
     ], CaseViewerComponent.prototype, "prependedTabs", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], CaseViewerComponent.prototype, "appendedTabs", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
@@ -18074,12 +18352,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 +18395,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 +18849,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 +18862,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 +18879,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 +18899,32 @@ exports.viewerRouting = [
                 path: '',
                 component: case_specific_access_request_1.CaseSpecificAccessRequestComponent,
                 data: {
-                    title: 'Request Specific Access'
+                    title: 'Request Specific Access',
                 },
-                pathMatch: 'full'
+                pathMatch: 'full',
+            },
+        ],
+    },
+    {
+        path: 'review-specific-access-request',
+        children: [
+            {
+                path: '',
+                component: case_review_specific_access_request_1.CaseReviewSpecificAccessRequestComponent,
+                data: {
+                    title: 'Request Specific Access',
+                },
+                pathMatch: 'full',
+            },
+            {
+                path: 'rejected',
+                component: case_review_specific_access_reject_1.CaseReviewSpecificAccessRejectComponent,
+                data: {
+                    title: 'Review Access Rejected'
+                }
             }
-        ]
-    }
+        ],
+    },
 ];
 
 
@@ -21599,6 +21903,10 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         return !!hasChildrenWithValue;
     };
     ReadFieldsFilterPipe.isValidCollection = function (field, values) {
+        // if field is collection and it has complex/collection child field; parent field doesnt have value defined
+        if (!Array.isArray(field.value) && values && values.hasOwnProperty(field.id)) {
+            return true;
+        }
         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) {
@@ -21822,7 +22130,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;
@@ -29426,16 +29734,18 @@ var WorkbasketFiltersComponent = /** @class */ (function () {
         var formGroupLS = JSON.parse(this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE));
         // Form group local storage is available and contains regionList property
         if (util_1.isDefined(formGroupLS) && formGroupLS.hasOwnProperty(REGION_LIST_AND_FRC_FILTER)) {
-            // If regionList value does not match between local storage and form group
-            // then the filter value has been changed and we need to clear the old filter values
-            if (formGroupLS[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
-                for (var key in formGroupLS) {
-                    if (formGroupLS.hasOwnProperty(key)) {
-                        var value = formGroupLS[key];
-                        // Clear the filter form group control values if it has a value in local storage
-                        // The regionList form group control value should be ignored as it always contain the latest value
-                        if (key !== REGION_LIST_AND_FRC_FILTER && value != null) {
-                            this.formGroup.get(key).setValue(null);
+            if (this.formGroup.get(REGION_LIST_AND_FRC_FILTER)) {
+                // If regionList value does not match between local storage and form group
+                // then the filter value has been changed and we need to clear the old filter values
+                if (formGroupLS[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
+                    for (var key in formGroupLS) {
+                        if (formGroupLS.hasOwnProperty(key)) {
+                            var value = formGroupLS[key];
+                            // Clear the filter form group control values if it has a value in local storage
+                            // The regionList form group control value should be ignored as it always contain the latest value
+                            if (key !== REGION_LIST_AND_FRC_FILTER && value != null) {
+                                this.formGroup.get(key).setValue(null);
+                            }
                         }
                     }
                 }
@@ -34828,6 +35138,17 @@ exports.FieldsPurger = FieldsPurger;
 
 "use strict";
 
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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);
@@ -34971,6 +35292,74 @@ var FieldsUtils = /** @class */ (function () {
                 : typeof x === 'number' || x.length > 0)); });
         return !hasNonNullPrimitive ? objectRefs.some(function (y) { return _this.containsNonEmptyValues(y); }) : hasNonNullPrimitive;
     };
+    /**
+     * handleNestedDynamicLists()
+     * Reassigns list_item and value data to DynamicList children
+     * down the tree. Server response returns data only in
+     * the `value` object of parent complex type
+     *
+     * EUI-2530 Dynamic Lists for Elements in a Complex Type
+     *
+     * @param jsonBody - { case_fields: [ CaseField, CaseField ] }
+     */
+    FieldsUtils.handleNestedDynamicLists = function (jsonBody) {
+        var _this = this;
+        if (jsonBody.case_fields) {
+            jsonBody.case_fields.forEach(function (caseField) {
+                if (caseField.field_type) {
+                    _this.setDynamicListDefinition(caseField, caseField.field_type, caseField);
+                }
+            });
+        }
+        return jsonBody;
+    };
+    FieldsUtils.setDynamicListDefinition = function (caseField, caseFieldType, rootCaseField) {
+        var _this = this;
+        if (caseFieldType.type === FieldsUtils_1.SERVER_RESPONSE_FIELD_TYPE_COMPLEX) {
+            caseFieldType.complex_fields.forEach(function (field) {
+                try {
+                    var isDynamicField = FieldsUtils_1.SERVER_RESPONSE_FIELD_TYPE_DYNAMIC_LIST_TYPE.indexOf(field.field_type.type) !== -1;
+                    if (isDynamicField) {
+                        var dynamicListValue = _this.getDynamicListValue(rootCaseField.value, field.id);
+                        if (dynamicListValue) {
+                            var list_items = dynamicListValue.list_items;
+                            var complexValue = dynamicListValue.value;
+                            var value = {
+                                list_items: list_items,
+                                value: complexValue ? complexValue : undefined
+                            };
+                            field.value = __assign({}, value);
+                            field.formatted_value = __assign({}, field.formatted_value, value);
+                        }
+                    }
+                    else {
+                        _this.setDynamicListDefinition(field, field.field_type, rootCaseField);
+                    }
+                }
+                catch (error) {
+                    console.log(error);
+                }
+            });
+        }
+        else if (caseFieldType.type === FieldsUtils_1.SERVER_RESPONSE_FIELD_TYPE_COLLECTION) {
+            if (caseFieldType.collection_field_type) {
+                this.setDynamicListDefinition(caseField, caseFieldType.collection_field_type, rootCaseField);
+            }
+        }
+    };
+    FieldsUtils.getDynamicListValue = function (jsonBlock, key) {
+        if (jsonBlock[key]) {
+            return jsonBlock[key];
+        }
+        else {
+            for (var elementKey in jsonBlock) {
+                if (typeof jsonBlock === 'object' && jsonBlock.hasOwnProperty(elementKey)) {
+                    return this.getDynamicListValue(jsonBlock[elementKey], key);
+                }
+            }
+        }
+        return null;
+    };
     FieldsUtils.prototype.buildCanShowPredicate = function (eventTrigger, form) {
         var currentState = this.getCurrentEventState(eventTrigger, form);
         return function (page) {
@@ -35016,6 +35405,10 @@ var FieldsUtils = /** @class */ (function () {
     FieldsUtils.datePipe = new utils_1.DatePipe(new format_translator_service_1.FormatTranslatorService());
     // EUI-4244. 3 dashes instead of 1 to make this less likely to clash with a real field.
     FieldsUtils.LABEL_SUFFIX = '---LABEL';
+    // Handling of Dynamic Lists in Complex Types
+    FieldsUtils.SERVER_RESPONSE_FIELD_TYPE_COLLECTION = 'Collection';
+    FieldsUtils.SERVER_RESPONSE_FIELD_TYPE_COMPLEX = 'Complex';
+    FieldsUtils.SERVER_RESPONSE_FIELD_TYPE_DYNAMIC_LIST_TYPE = ['DynamicList', 'DynamicRadioList'];
     FieldsUtils.DEFAULT_MERGE_FUNCTION = function mergeFunction(field, result) {
         if (!result.hasOwnProperty(field.id)) {
             result[field.id] = field.value;
@@ -35794,6 +36187,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 +36214,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 +38845,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:
@@ -64594,7 +65020,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-edit [submit]=\"
 /***/ 59541:
 /***/ ((module) => {
 
-module.exports = "<h1 *ngIf=\"!caseTitle.label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"caseTitle.label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n"
+module.exports = "<h1 *ngIf=\"!label\" class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n\n<div *ngIf=\"label\" class=\"case-title\">\n  <ccd-label-field [caseField]=\"caseTitle\" [caseFields]=\"caseFields\"></ccd-label-field>\n</div>\n"
 
 /***/ }),
 
@@ -64657,7 +65083,21 @@ module.exports = "<div *ngIf=\"isDataLoaded()\" class=\"screen-990\">\n  <ccd-ac
 /***/ 99839:
 /***/ ((module) => {
 
-module.exports = "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n      role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    Something went wrong\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>We're working to fix the problem. Try again shortly.</p>\n    <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n      aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The callback data failed validation\n  </h2>\n  <p>{{error.message}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">Print</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                        [triggerText]=\"triggerText\" (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                        (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedTabChange)=\"tabChanged($event)\" [disableRipple]=\"true\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th>\n                        <div class=\"case-viewer-label text-16\">{{field.label}}</div>\n                      </th>\n                      <td>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"prependedTabs && prependedTabs.length\"></router-outlet>\n    </ng-container>\n  </div>\n</div>"
+module.exports = "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n      role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    Something went wrong\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>We're working to fix the problem. Try again shortly.</p>\n    <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n      aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The callback data failed validation\n  </h2>\n  <p>{{error.message}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<cut-alert type=\"information\" *ngIf=\"caseDetails.access\">\n  <ng-container *ngIf=\"caseDetails.access?.grantType === 'CHALLENGED'\">You have been given challenged access to this case until midnight tonight.</ng-container>\n  <ng-container *ngIf=\"caseDetails.access?.grantType === 'SPECIFIC' && specificAccessType === 1\">You have been given specific access to this case until midnight on {{caseDetails.access?.endTime  | date:'d MMMM yyyy'}}.</ng-container>\n  <ng-container *ngIf=\"caseDetails.access?.grantType === 'SPECIFIC' && specificAccessType === 2\">You have been given specific access to this case from {{caseDetails.access?.beginTime  | date:'d MMMM yyyy'}} until midnight on {{caseDetails.access?.endTime  | date:'d MMMM yyyy'}}.</ng-container>\n  <ng-container *ngIf=\"caseDetails.access?.grantType === 'SPECIFIC' && specificAccessType === 3\">You have been given indefinite specific access to this case.</ng-container>\n  Access to this case is logged for auditing purposes.\n</cut-alert>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">Print</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                        [triggerText]=\"triggerText\" (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                        (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedTabChange)=\"tabChanged($event)\" [disableRipple]=\"true\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th>\n                        <div class=\"case-viewer-label text-16\">{{field.label}}</div>\n                      </th>\n                      <td>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th>\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                            [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label\">\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"(prependedTabs && prependedTabs.length) || (appendedTabs && appendedTabs.length)\"></router-outlet>\n    </ng-container>\n  </div>\n</div>\n"
+
+/***/ }),
+
+/***/ 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"
 
 /***/ }),
 
@@ -64678,7 +65118,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-viewer [hasPrint
 /***/ 67025:
 /***/ ((module) => {
 
-module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\" [accessType]=\"userAccessType\" [caseDetails]=\"caseDetails\"></ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\"></ccd-case-full-access-view>\n</div>\n"
+module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\" [accessType]=\"userAccessType\" [caseDetails]=\"caseDetails\"></ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\" [appendedTabs]=\"appendedTabs\"></ccd-case-full-access-view>\n</div>\n"
 
 /***/ }),
 
@@ -64853,7 +65293,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"
 
 /***/ }),
 
@@ -65049,7 +65489,7 @@ module.exports = "<div class=\"form-group\" [formGroup]=\"organisationFormGroup\
 /***/ 69259:
 /***/ ((module) => {
 
-module.exports = "<ccpay-payment-lib [API_ROOT]=\"getBaseURL()\" [CCD_CASE_NUMBER]=\"caseReference\" [BULKSCAN_API_ROOT]=\"getPayBulkScanBaseURL()\" [SELECTED_OPTION]=\"'CCDorException'\" [ISBSENABLE]=\"'true'\"></ccpay-payment-lib>\n"
+module.exports = "<ccpay-payment-lib\n    [API_ROOT]=\"getBaseURL()\"\n    [CCD_CASE_NUMBER]=\"caseReference\"\n    [BULKSCAN_API_ROOT]=\"getPayBulkScanBaseURL()\"\n    [SELECTED_OPTION]=\"'CCDorException'\"\n    [ISBSENABLE]=\"'true'\"\n    [VIEW]=\"'case-transactions'\"\n></ccpay-payment-lib>\n"
 
 /***/ }),
 
@@ -65397,6 +65837,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: