@hmcts/ccd-case-ui-toolkit 4.5.0-EUI-4283-cam-node-layer-3 → 4.5.0-EUI-3476-case-specific-access

package/.github/workflows/npmpublish.yml

@@ -25,9 +25,47 @@ jobs:
       - run: yarn lint
       - run: yarn build
       - run: yarn test
+      - name: Create code coverage report
+        run: yarn test:coverage
+      - name: Change Report Path
+        run: sed -i 's+/home/runner/work/ccd-case-ui-toolkit/ccd-case-ui-toolkit+/github/workspace+g' coverage/lcov.info
+      - name: Archive code coverage results
+        uses: actions/upload-artifact@v1
+        with:
+          name: code-coverage-report
+          path: coverage 
 
-  publish-npm:
+  sonarcloud:
     needs: build
+    name: SonarCloud Trigger
+    runs-on: ubuntu-latest
+    steps:
+    - name: Clone Repo
+      uses: actions/checkout@v2
+      with:
+        # Disabling shallow clone is recommended for improving relevancy of reporting
+        fetch-depth: 0
+    - name: Download code coverage results
+      uses: actions/download-artifact@v1
+      with:
+        name: code-coverage-report
+        path: coverage
+    - name: Analyze with SonarCloud
+      uses: sonarsource/sonarcloud-github-action@master
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
+    - name: Send slack 
+      if: failure() 
+      uses: sonots/slack-notice-action@v3
+      with:
+        status: ${{ job.status }}
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+
+  publish-npm:
+    needs: sonarcloud
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
@@ -43,7 +81,7 @@ jobs:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_API_TOKEN }}
 
   publish-gpr:
-    needs: build
+    needs: sonarcloud
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1

package/dist/app.config.d.ts

@@ -48,7 +48,6 @@ export declare abstract class AbstractAppConfig {
     getAccessManagementMode(): boolean;
     getAccessManagementBasicViewMock(): AccessManagementBasicViewMockModel;
     getLocationRefApiUrl(): string;
-    getCamRoleAssignmentsApiUrl(): string;
 }
 export declare class CaseEditorConfig {
     api_url: string;
@@ -93,5 +92,4 @@ export declare class CaseEditorConfig {
         accessProcess?: string;
     };
     location_ref_api_url?: string;
-    cam_role_assignments_api_url?: string;
 }

package/dist/app.config.js

@@ -29,9 +29,6 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
         return undefined;
     };
-    AbstractAppConfig.prototype.getCamRoleAssignmentsApiUrl = function () {
-        return undefined;
-    };
     return AbstractAppConfig;
 }());
 exports.AbstractAppConfig = AbstractAppConfig;

package/dist/app.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.config.js","sourceRoot":"","sources":["../tmp/src-inlined/app.config.ts"],"names":[],"mappings":";;AAWA;IAAA;IAyDA,CAAC;IAnDC,sDAA0B,GAA1B;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,iDAAqB,GAArB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IAkBD;;;;OAIG;IACH,oDAAwB,GAAxB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IAMD,6CAAiB,GAAjB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,mDAAuB,GAAvB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,4DAAgC,GAAhC;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,gDAAoB,GAApB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,uDAA2B,GAA3B;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACH,wBAAC;AAAD,CAAC,AAzDD,IAyDC;AAzDqB,8CAAiB;AA2DvC;IAAA;IA4CA,CAAC;IAAD,uBAAC;AAAD,CAAC,AA5CD,IA4CC;AA5CY,4CAAgB"}
+{"version":3,"file":"app.config.js","sourceRoot":"","sources":["../tmp/src-inlined/app.config.ts"],"names":[],"mappings":";;AAWA;IAAA;IAsDA,CAAC;IAhDC,sDAA0B,GAA1B;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,iDAAqB,GAArB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IAkBD;;;;OAIG;IACH,oDAAwB,GAAxB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IAMD,6CAAiB,GAAjB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,mDAAuB,GAAvB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,4DAAgC,GAAhC;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,gDAAoB,GAApB;QACE,OAAO,SAAS,CAAC;IACnB,CAAC;IACH,wBAAC;AAAD,CAAC,AAtDD,IAsDC;AAtDqB,8CAAiB;AAwDvC;IAAA;IA2CA,CAAC;IAAD,uBAAC;AAAD,CAAC,AA3CD,IA2CC;AA3CY,4CAAgB"}

package/dist/app.config.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AccessManagementBasicViewMockModel":{"__symbolic":"interface"},"AbstractAppConfig":{"__symbolic":"class","members":{"load":[{"__symbolic":"method"}],"getLoginUrl":[{"__symbolic":"method"}],"getApiUrl":[{"__symbolic":"method"}],"getCaseDataUrl":[{"__symbolic":"method"}],"getDocumentManagementUrl":[{"__symbolic":"method"}],"getDocumentManagementUrlV2":[{"__symbolic":"method"}],"getDocumentSecureMode":[{"__symbolic":"method"}],"getRemoteDocumentManagementUrl":[{"__symbolic":"method"}],"getHrsUrl":[{"__symbolic":"method"}],"getRemoteHrsUrl":[{"__symbolic":"method"}],"getAnnotationApiUrl":[{"__symbolic":"method"}],"getPostcodeLookupUrl":[{"__symbolic":"method"}],"getOAuth2ClientId":[{"__symbolic":"method"}],"getPaymentsUrl":[{"__symbolic":"method"}],"getPayBulkScanBaseUrl":[{"__symbolic":"method"}],"getCreateOrUpdateDraftsUrl":[{"__symbolic":"method"}],"getViewOrDeleteDraftsUrl":[{"__symbolic":"method"}],"getActivityUrl":[{"__symbolic":"method"}],"getActivityNexPollRequestMs":[{"__symbolic":"method"}],"getActivityRetry":[{"__symbolic":"method"}],"getActivityBatchCollectionDelayMs":[{"__symbolic":"method"}],"getActivityMaxRequestPerBatch":[{"__symbolic":"method"}],"getCaseHistoryUrl":[{"__symbolic":"method"}],"getPrintServiceUrl":[{"__symbolic":"method"}],"getRemotePrintServiceUrl":[{"__symbolic":"method"}],"getPaginationPageSize":[{"__symbolic":"method"}],"getBannersUrl":[{"__symbolic":"method"}],"getPrdUrl":[{"__symbolic":"method"}],"getCacheTimeOut":[{"__symbolic":"method"}],"getWorkAllocationApiUrl":[{"__symbolic":"method"}],"getUserInfoApiUrl":[{"__symbolic":"method"}],"getAccessManagementMode":[{"__symbolic":"method"}],"getAccessManagementBasicViewMock":[{"__symbolic":"method"}],"getLocationRefApiUrl":[{"__symbolic":"method"}],"getCamRoleAssignmentsApiUrl":[{"__symbolic":"method"}]}},"CaseEditorConfig":{"__symbolic":"class"}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AccessManagementBasicViewMockModel":{"__symbolic":"interface"},"AbstractAppConfig":{"__symbolic":"class","members":{"load":[{"__symbolic":"method"}],"getLoginUrl":[{"__symbolic":"method"}],"getApiUrl":[{"__symbolic":"method"}],"getCaseDataUrl":[{"__symbolic":"method"}],"getDocumentManagementUrl":[{"__symbolic":"method"}],"getDocumentManagementUrlV2":[{"__symbolic":"method"}],"getDocumentSecureMode":[{"__symbolic":"method"}],"getRemoteDocumentManagementUrl":[{"__symbolic":"method"}],"getHrsUrl":[{"__symbolic":"method"}],"getRemoteHrsUrl":[{"__symbolic":"method"}],"getAnnotationApiUrl":[{"__symbolic":"method"}],"getPostcodeLookupUrl":[{"__symbolic":"method"}],"getOAuth2ClientId":[{"__symbolic":"method"}],"getPaymentsUrl":[{"__symbolic":"method"}],"getPayBulkScanBaseUrl":[{"__symbolic":"method"}],"getCreateOrUpdateDraftsUrl":[{"__symbolic":"method"}],"getViewOrDeleteDraftsUrl":[{"__symbolic":"method"}],"getActivityUrl":[{"__symbolic":"method"}],"getActivityNexPollRequestMs":[{"__symbolic":"method"}],"getActivityRetry":[{"__symbolic":"method"}],"getActivityBatchCollectionDelayMs":[{"__symbolic":"method"}],"getActivityMaxRequestPerBatch":[{"__symbolic":"method"}],"getCaseHistoryUrl":[{"__symbolic":"method"}],"getPrintServiceUrl":[{"__symbolic":"method"}],"getRemotePrintServiceUrl":[{"__symbolic":"method"}],"getPaginationPageSize":[{"__symbolic":"method"}],"getBannersUrl":[{"__symbolic":"method"}],"getPrdUrl":[{"__symbolic":"method"}],"getCacheTimeOut":[{"__symbolic":"method"}],"getWorkAllocationApiUrl":[{"__symbolic":"method"}],"getUserInfoApiUrl":[{"__symbolic":"method"}],"getAccessManagementMode":[{"__symbolic":"method"}],"getAccessManagementBasicViewMock":[{"__symbolic":"method"}],"getLocationRefApiUrl":[{"__symbolic":"method"}]}},"CaseEditorConfig":{"__symbolic":"class"}}}]

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.5.0-EUI-4283-cam-node-layer-3
+ * @version v4.5.0-EUI-3476-case-specific-access
  * @link undefined
  * @license MIT
  */
@@ -10754,9 +10754,6 @@ var AbstractAppConfig = /** @class */ (function () {
     AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
         return undefined;
     };
-    AbstractAppConfig.prototype.getCamRoleAssignmentsApiUrl = function () {
-        return undefined;
-    };
     return AbstractAppConfig;
 }());
 exports.AbstractAppConfig = AbstractAppConfig;
@@ -12382,82 +12379,6 @@ __export(__webpack_require__(41580));
 __export(__webpack_require__(4765));
 
 
-/***/ }),
-
-/***/ 25919:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-var CaseAccessUtils = /** @class */ (function () {
-    function CaseAccessUtils() {
-    }
-    CaseAccessUtils.prototype.getMappedRoleCategory = function (roles, roleCategories) {
-        var roleKeywords = roles.join().split('-').join().split(',');
-        if (this.roleOrCategoryExists(CaseAccessUtils.JUDGE_ROLE, CaseAccessUtils.JUDGE_ROLE_CATEGORY, roleKeywords, roleCategories)) {
-            return CaseAccessUtils.JUDGE_ROLE_CATEGORY;
-        }
-        else if (this.roleOrCategoryExists(CaseAccessUtils.PROFESSIONAL_ROLE, CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY, roleKeywords, roleCategories)) {
-            return CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY;
-        }
-        else if (this.roleOrCategoryExists(CaseAccessUtils.CITIZEN_ROLE, CaseAccessUtils.CITIZEN_ROLE_CATEGORY, roleKeywords, roleCategories)) {
-            return CaseAccessUtils.CITIZEN_ROLE_CATEGORY;
-        }
-        else if (this.roleOrCategoryExists(CaseAccessUtils.ADMIN_ROLE, CaseAccessUtils.ADMIN_ROLE_CATEGORY, roleKeywords, roleCategories)) {
-            return CaseAccessUtils.ADMIN_ROLE_CATEGORY;
-        }
-        else {
-            return CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY;
-        }
-    };
-    CaseAccessUtils.prototype.roleOrCategoryExists = function (roleKeyword, roleCategory, roleKeywords, roleCategories) {
-        var categoryExists = roleCategories.indexOf(roleCategory) > -1;
-        var keywordExists = roleKeywords.indexOf(roleKeyword) > -1;
-        return categoryExists ? categoryExists : keywordExists;
-    };
-    CaseAccessUtils.prototype.getAMRoleName = function (accessType, aMRole) {
-        var roleName = '';
-        switch (aMRole) {
-            case CaseAccessUtils.JUDGE_ROLE_CATEGORY:
-                roleName = accessType + "-access-" + CaseAccessUtils.JUDGE_ROLE_NAME;
-                break;
-            case CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY:
-                roleName = accessType + "-access-" + CaseAccessUtils.PROFESSIONAL_ROLE_NAME;
-                break;
-            case CaseAccessUtils.CITIZEN_ROLE_CATEGORY:
-                roleName = accessType + "-access-" + CaseAccessUtils.CITIZEN_ROLE_NAME;
-                break;
-            case CaseAccessUtils.ADMIN_ROLE_CATEGORY:
-                roleName = accessType + "-access-" + CaseAccessUtils.ADMIN_ROLE_NAME;
-                break;
-            default:
-                roleName = accessType + "-access-" + CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME;
-                break;
-        }
-        return roleName;
-    };
-    // User role mapping
-    CaseAccessUtils.JUDGE_ROLE = 'judge';
-    CaseAccessUtils.JUDGE_ROLE_CATEGORY = 'JUDICIAL';
-    CaseAccessUtils.JUDGE_ROLE_NAME = 'judicial';
-    CaseAccessUtils.ADMIN_ROLE = 'admin';
-    CaseAccessUtils.ADMIN_ROLE_CATEGORY = 'ADMIN';
-    CaseAccessUtils.ADMIN_ROLE_NAME = 'admin';
-    CaseAccessUtils.PROFESSIONAL_ROLE = 'solicitor';
-    CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY = 'PROFESSIONAL';
-    CaseAccessUtils.PROFESSIONAL_ROLE_NAME = 'professional';
-    CaseAccessUtils.LEGAL_OPERATIONS_ROLE = 'caseworker';
-    CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY = 'LEGAL_OPERATIONS';
-    CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME = 'legal-operations';
-    CaseAccessUtils.CITIZEN_ROLE = 'citizen';
-    CaseAccessUtils.CITIZEN_ROLE_CATEGORY = 'CITIZEN';
-    CaseAccessUtils.CITIZEN_ROLE_NAME = 'citizen';
-    return CaseAccessUtils;
-}());
-exports.CaseAccessUtils = CaseAccessUtils;
-
-
 /***/ }),
 
 /***/ 19119:
@@ -14228,7 +14149,6 @@ __export(__webpack_require__(29808));
 __export(__webpack_require__(25961));
 __export(__webpack_require__(20039));
 __export(__webpack_require__(41473));
-__export(__webpack_require__(25919));
 
 
 /***/ }),
@@ -14401,7 +14321,6 @@ var app_config_1 = __webpack_require__(35185);
 var directives_1 = __webpack_require__(66395);
 var domain_1 = __webpack_require__(59346);
 var services_1 = __webpack_require__(65010);
-var case_access_utils_1 = __webpack_require__(25919);
 var wizard_page_field_to_case_field_mapper_1 = __webpack_require__(12393);
 var work_allocation_service_1 = __webpack_require__(93603);
 var CasesService = /** @class */ (function () {
@@ -14671,41 +14590,56 @@ var CasesService = /** @class */ (function () {
         return this.http.get(this.appConfig.getLocationRefApiUrl() + "/building-locations?epimms_id=" + locationId);
     };
     CasesService.prototype.createChallengedAccessRequest = function (caseId, car) {
+        // Dummy implementation for now; the real one will make a call to the Node layer, which will call the appropriate Role
         // Assignment API endpoint
-        var userInfoStr = this.sessionStorageService.getItem('userDetails');
-        var camUtils = new case_access_utils_1.CaseAccessUtils();
-        var userInfo;
-        if (userInfoStr) {
-            userInfo = JSON.parse(userInfoStr);
-        }
-        var roleCategory = camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
-        var roleName = camUtils.getAMRoleName('challenged', roleCategory);
-        var payload = {
+        var roleAssignmentResponse = {
             roleRequest: {
-                assignerId: userInfo.id
+                id: '0c6f56f5-4457-485e-a0de-828e6dfa1e33',
+                authenticatedUserId: '37d4eab7-e14c-404e-8cd1-55cd06b2fc06',
+                correlationId: '003352d0-e699-48bc-b6f5-5810411e60af',
+                assignerId: '37d4eab7-e14c-404e-8cd1-55cd06b2fc06',
+                requestType: 'CREATE',
+                process: 'businessProcess1',
+                reference: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                replaceExisting: true,
+                status: 'APPROVED',
+                created: new Date('2021-01-28T18:16:49.100121Z'),
+                log: 'Request has been approved'
             },
             requestedRoles: [{
+                    id: '3ccabbf2-71fa-4c5d-af39-5675d25e9fcc',
                     actorIdType: 'IDAM',
-                    actorId: userInfo.id,
-                    roleType: 'CASE',
-                    roleName: roleName,
+                    actorId: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                    roleType: 'ORGANISATION',
+                    roleName: 'judge',
                     classification: 'PUBLIC',
-                    roleCategory: roleCategory,
                     grantType: 'CHALLENGED',
-                    beginTime: new Date(),
-                    endTime: new Date(new Date().setUTCHours(23, 59, 59, 999)),
+                    roleCategory: 'JUDICIAL',
+                    readOnly: false,
+                    beginTime: new Date('2021-01-01T00:00:00Z'),
+                    endTime: new Date('2023-01-01T00:00:00Z'),
+                    process: 'businessProcess1',
+                    reference: 'cf07ea33-31c0-4442-b2df-e2032d21b496',
+                    status: 'LIVE',
+                    created: new Date('2021-01-28T18:16:49.100155Z'),
+                    log: 'Create requested with replace: true\nCreate approved : judicial_organisational_role_mapping_service_create',
                     attributes: {
-                        caseId: caseId
+                        jurisdiction: 'divorce',
+                        region: 'south-east',
+                        contractType: 'SALARIED'
                     },
                     notes: [{
-                            userId: userInfo.id,
-                            time: new Date(),
-                            comment: JSON.stringify(car)
-                        }
-                    ]
+                            userId: '003352d0-e699-48bc-b6f5-5810411e60ag',
+                            time: new Date('2020-01-01T00:00Z'),
+                            comment: 'Need Access to case number 1234567890123456 for a month'
+                        }, {
+                            userId: '52aa3810-af1f-11ea-b3de-0242ac130004',
+                            time: new Date('2020-01-02T00:00Z'),
+                            comment: 'Access granted till end of day'
+                        }]
                 }]
         };
-        return this.http.post("" + this.appConfig.getCamRoleAssignmentsApiUrl(), payload);
+        return rxjs_1.of(roleAssignmentResponse);
     };
     var CasesService_1;
     // Internal (UI) API
@@ -16122,9 +16056,6 @@ var CaseBasicAccessViewComponent = /** @class */ (function () {
         // Navigate to the previous page
         window.history.go(-1);
     };
-    CaseBasicAccessViewComponent.prototype.getRequestUrl = function (accessType) {
-        return accessType === 'CHALLENGED' ? 'challenged-access-request' : 'specific-access-request';
-    };
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
@@ -16865,6 +16796,148 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(76764));
 
 
+/***/ }),
+
+/***/ 38692:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var forms_1 = __webpack_require__(92985);
+var router_1 = __webpack_require__(92302);
+var models_1 = __webpack_require__(3234);
+var CaseSpecificAccessRequestComponent = /** @class */ (function () {
+    function CaseSpecificAccessRequestComponent(fb, router, route) {
+        this.fb = fb;
+        this.router = router;
+        this.route = route;
+        this.collapsed = false;
+        this.submitted = false;
+        this.genericError = 'There is a problem';
+        this.specificReasonControlName = 'specificReason';
+    }
+    CaseSpecificAccessRequestComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.title = models_1.SpecificAccessRequestPageText.TITLE;
+        this.hint = models_1.SpecificAccessRequestPageText.HINT;
+        this.caseRefLabel = models_1.SpecificAccessRequestPageText.CASE_REF;
+        this.formGroup = this.fb.group({
+            radioSelected: new forms_1.FormControl(null, null),
+        });
+        this.formGroup.addControl(this.specificReasonControlName, new forms_1.FormControl('', {
+            validators: [
+                function (control) {
+                    if (_this.inputEmpty(control)) {
+                        return { invalid: true };
+                    }
+                    return null;
+                },
+            ],
+            updateOn: 'submit',
+        }));
+    };
+    CaseSpecificAccessRequestComponent.prototype.inputEmpty = function (input) {
+        return input.value == null || input.value.trim().length === 0;
+    };
+    CaseSpecificAccessRequestComponent.prototype.onChange = function () {
+        this.submitted = false;
+        // Clear the "specific reason" fields manually. This prevents any previous value being retained by
+        // the field's FormControl when the field itself is removed from the DOM by *ngIf. (If it is subsequently added back
+        // to the DOM by *ngIf, it will appear empty but the associated FormControl still has the previous value.)
+        this.formGroup.get(this.specificReasonControlName).setValue('');
+    };
+    CaseSpecificAccessRequestComponent.prototype.onSubmit = function () {
+        this.submitted = true;
+        if (this.formGroup.get(this.specificReasonControlName).invalid) {
+            this.errorMessage = {
+                title: this.genericError,
+                description: models_1.SpecificAccessRequestErrors.NO_REASON,
+                fieldId: 'specific-reason',
+            };
+        }
+    };
+    CaseSpecificAccessRequestComponent.prototype.onCancel = function () {
+        // Navigate to the page before previous one (should be Search Results or Case List page, for example)
+        window.history.go(-2);
+    };
+    CaseSpecificAccessRequestComponent.prototype.ngOnDestroy = function () {
+        if (this.$roleAssignmentResponseSubscription) {
+            this.$roleAssignmentResponseSubscription.unsubscribe();
+        }
+    };
+    CaseSpecificAccessRequestComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-specific-access-request',
+            template: __webpack_require__(5856),
+        }),
+        __metadata("design:paramtypes", [forms_1.FormBuilder,
+            router_1.Router,
+            router_1.ActivatedRoute])
+    ], CaseSpecificAccessRequestComponent);
+    return CaseSpecificAccessRequestComponent;
+}());
+exports.CaseSpecificAccessRequestComponent = CaseSpecificAccessRequestComponent;
+
+
+/***/ }),
+
+/***/ 73343:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(38692));
+
+
+/***/ }),
+
+/***/ 52772:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var SpecificAccessRequestPageText;
+(function (SpecificAccessRequestPageText) {
+    SpecificAccessRequestPageText["TITLE"] = "Why do you need to access this case?";
+    SpecificAccessRequestPageText["HINT"] = "Provide a reason.";
+    SpecificAccessRequestPageText["CASE_REF"] = "Case reference";
+})(SpecificAccessRequestPageText = exports.SpecificAccessRequestPageText || (exports.SpecificAccessRequestPageText = {}));
+var SpecificAccessRequestErrors;
+(function (SpecificAccessRequestErrors) {
+    SpecificAccessRequestErrors["NO_REASON"] = "Enter a reason";
+})(SpecificAccessRequestErrors = exports.SpecificAccessRequestErrors || (exports.SpecificAccessRequestErrors = {}));
+
+
+/***/ }),
+
+/***/ 3234:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(52772));
+
+
 /***/ }),
 
 /***/ 76979:
@@ -17151,6 +17224,7 @@ var palette_1 = __webpack_require__(22212);
 var case_basic_access_view_component_1 = __webpack_require__(42906);
 var case_challenged_access_request_component_1 = __webpack_require__(70776);
 var case_challenged_access_success_component_1 = __webpack_require__(41969);
+var case_specific_access_request_component_1 = __webpack_require__(38692);
 var case_event_trigger_1 = __webpack_require__(92100);
 var case_full_access_view_component_1 = __webpack_require__(76764);
 var case_view_1 = __webpack_require__(65389);
@@ -17179,6 +17253,7 @@ var CaseViewerModule = /** @class */ (function () {
                 palette_1.EventLogModule,
                 material_1.MatTabsModule,
                 palette_1.ComplexModule,
+                forms_1.FormsModule,
                 forms_1.ReactiveFormsModule,
                 alert_1.AlertModule
             ],
@@ -17191,6 +17266,7 @@ var CaseViewerModule = /** @class */ (function () {
                 case_view_1.CaseViewComponent,
                 printer_1.PrintUrlPipe,
                 case_challenged_access_request_component_1.CaseChallengedAccessRequestComponent,
+                case_specific_access_request_component_1.CaseSpecificAccessRequestComponent,
                 error_message_component_1.ErrorMessageComponent,
                 case_challenged_access_success_component_1.CaseChallengedAccessSuccessComponent
             ],
@@ -17642,6 +17718,7 @@ var case_history_1 = __webpack_require__(30542);
 var file_upload_progress_guard_1 = __webpack_require__(27667);
 var case_challenged_access_request_1 = __webpack_require__(38403);
 var case_challenged_access_success_1 = __webpack_require__(26840);
+var case_specific_access_request_1 = __webpack_require__(73343);
 var case_event_trigger_component_1 = __webpack_require__(83645);
 var printer_1 = __webpack_require__(65773);
 var services_1 = __webpack_require__(50137);
@@ -17664,7 +17741,7 @@ exports.viewerRouting = [
         component: case_history_1.CaseHistoryComponent,
     },
     {
-        path: 'challenged-access-request',
+        path: 'access-request',
         children: [
             {
                 path: '',
@@ -17682,6 +17759,19 @@ exports.viewerRouting = [
                 }
             }
         ]
+    },
+    {
+        path: 'specific-access-request',
+        children: [
+            {
+                path: '',
+                component: case_specific_access_request_1.CaseSpecificAccessRequestComponent,
+                data: {
+                    title: 'Request Specific Access'
+                },
+                pathMatch: 'full'
+            }
+        ]
     }
 ];
 
@@ -63591,7 +63681,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ng-container [ngSwitch]=\
 /***/ 80734:
 /***/ ((module) => {
 
-module.exports = "<div>\n  <cut-alert type=\"information\">This case requires {{accessType | lowercase}} access.<br />\n    <ng-container *ngIf=\"accessType === 'CHALLENGED'\">This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n    <ng-container *ngIf=\"accessType === 'SPECIFIC'\">This means it's outside your jurisdiction and requires authorisation. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n  </cut-alert>\n  <h1 class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n  <h2 class=\"govuk-heading-m\">Case details</h2>\n  <dl class=\"govuk-summary-list\">\n    <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.basicFields?.caseNameHmctsInternal\">\n      <dt class=\"govuk-summary-list__key summary-key\">Case name</dt>\n      <dd class=\"govuk-summary-list__value\">{{caseDetails.basicFields.caseNameHmctsInternal}}</dd>\n    </div>\n    <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.case_type?.jurisdiction?.name\">\n      <dt class=\"govuk-summary-list__key summary-key\">Service</dt>\n      <dd class=\"govuk-summary-list__value\">{{caseDetails.case_type.jurisdiction.name}}</dd>\n    </div>\n    <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.state?.description\">\n      <dt class=\"govuk-summary-list__key summary-key\">State</dt>\n      <dd class=\"govuk-summary-list__value\">{{caseDetails.state.description}}</dd>\n    </div>\n    <div class=\"govuk-summary-list__row\" *ngIf=\"courtOrHearingCentre\">\n      <dt class=\"govuk-summary-list__key summary-key\">Court or hearing centre</dt>\n      <dd class=\"govuk-summary-list__value\">{{courtOrHearingCentre | titlecase}}</dd>\n    </div>\n\n    <div class=\"govuk-summary-list__row\" *ngIf=\"accessType\">\n      <dt class=\"govuk-summary-list__key summary-key\">Access</dt>\n      <dd class=\"govuk-summary-list__value\">{{accessType | titlecase}}</dd>\n    </div>\n  </dl>\n</div>\n<div class=\"govuk-button-group\">\n  <button class=\"govuk-button govuk-!-margin-right-3\" [routerLink]=\"getRequestUrl(accessType)\"> Request access </button>\n  <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n    <p>\n      <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\"> Cancel </a>\n    </p>\n  </div>\n</div>\n"
+module.exports = "<form>\n  <div>\n    <cut-alert type=\"information\">This case requires {{accessType | lowercase}} access.<br />\n      <ng-container *ngIf=\"accessType === 'CHALLENGED'\">This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n      <ng-container *ngIf=\"accessType === 'SPECIFIC'\">This means it's outside your jurisdiction and requires authorisation. If you request access to the case, it will be logged for auditing purposes.</ng-container>\n    </cut-alert>\n    <h1 class=\"heading-h1\">#{{ caseDetails.case_id | ccdCaseReference}}</h1>\n    <h2 class=\"govuk-heading-m\">Case details</h2>\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.basicFields?.caseNameHmctsInternal\">\n        <dt class=\"govuk-summary-list__key summary-key\">Case name</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.basicFields.caseNameHmctsInternal}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.case_type?.jurisdiction?.name\">\n        <dt class=\"govuk-summary-list__key summary-key\">Service</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.case_type.jurisdiction.name}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"caseDetails.state?.description\">\n        <dt class=\"govuk-summary-list__key summary-key\">State</dt>\n        <dd class=\"govuk-summary-list__value\">{{caseDetails.state.description}}</dd>\n      </div>\n      <div class=\"govuk-summary-list__row\" *ngIf=\"courtOrHearingCentre\">\n        <dt class=\"govuk-summary-list__key summary-key\">Court or hearing centre</dt>\n        <dd class=\"govuk-summary-list__value\">{{courtOrHearingCentre | titlecase}}</dd>\n      </div>\n\n      <div class=\"govuk-summary-list__row\" *ngIf=\"accessType\">\n        <dt class=\"govuk-summary-list__key summary-key\">Access</dt>\n        <dd class=\"govuk-summary-list__value\">{{accessType | titlecase}}</dd>\n      </div>\n    </dl>\n  </div>\n\n  <button class=\"govuk-button govuk-!-margin-right-3\">Request access</button>\n</form>\n<a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">Cancel</a>\n"
 
 /***/ }),
 
@@ -63623,6 +63713,13 @@ module.exports = "<!-- Generic error heading and error message to be displayed o
 
 /***/ }),
 
+/***/ 5856:
+/***/ ((module) => {
+
+module.exports = "<exui-error-message\n  *ngIf=\"formGroup.invalid && submitted\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\"\n  >This case requires specific access.<br />This means it's outside your\n  jurisdiction and requires authorisation. If you request access to the case, it\n  will be logged for auditing purposes.</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          role=\"button\"\n          aria-controls=\"details-content-bc0b527c-c8ab-4306-9bd0-03f0e252174b\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            Help with requesting case access\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          id=\"details-content-bc0b527c-c8ab-4306-9bd0-03f0e252174b\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">You could include:</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>the case reference of the linked case</li>\n            <li>how long you require access to this case</li>\n            <li>any other reasons why you require access</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n            {{ errorMessage.description }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason').invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            rows=\"8\"\n            aria-describedby=\"reason-3-label\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n  \n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      Submit\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n          Cancel\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n"
+
+/***/ }),
+
 /***/ 24288:
 /***/ ((module) => {