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

package/dist/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.d.ts

@@ -11,4 +11,5 @@ export declare class CaseBasicAccessViewComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     onCancel(): void;
+    getRequestUrl(accessType: string): string;
 }

package/dist/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.js

@@ -43,6 +43,9 @@ var CaseBasicAccessViewComponent = /** @class */ (function () {
         // Navigate to the previous page
         window.history.go(-1);
     };
+    CaseBasicAccessViewComponent.prototype.getRequestUrl = function (accessType) {
+        return accessType === 'CHALLENGED' ? 'challenged-access-request' : 'specific-access-request';
+    };
     __decorate([
         core_1.Input(),
         __metadata("design:type", domain_1.CaseView)
@@ -54,7 +57,7 @@ var CaseBasicAccessViewComponent = /** @class */ (function () {
     CaseBasicAccessViewComponent = __decorate([
         core_1.Component({
             selector: 'ccd-case-basic-access-view',
-            template: "\n    <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  "
+            template: "\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    <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  "
         }),
         __metadata("design:paramtypes", [__1.CasesService])
     ], CaseBasicAccessViewComponent);

package/dist/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"case-basic-access-view.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAoE;AAEpE,2BAAqC;AACrC,0CAA2C;AA2C3C;IAWE,sCACmB,YAA0B;QAA1B,iBAAY,GAAZ,YAAY,CAAc;QATtC,gBAAW,GAAa,IAAI,CAAC;QAG7B,eAAU,GAAW,IAAI,CAAC;QAE1B,yBAAoB,GAAW,IAAI,CAAC;IAKxC,CAAC;IAEG,+CAAQ,GAAf;QAAA,iBAcC;QAbC,IAAM,UAAU,GAAG,IAAI,CAAC,WAAW;YACf,IAAI,CAAC,WAAW,CAAC,WAAW;YAC5B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB;YACnD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;YACpF,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;QAE1E,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,UAAA,oBAAoB;gBAC9H,OAAA,KAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;oBAC3E,oBAAoB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;oBAChD,IAAI;YAFhC,CAEgC,CACjC,CAAC;SACH;IACH,CAAC;IAEM,kDAAW,GAAlB;QACE,IAAI,IAAI,CAAC,gCAAgC,EAAE;YACzC,IAAI,CAAC,gCAAgC,CAAC,WAAW,EAAE,CAAC;SACrD;IACH,CAAC;IAEM,+CAAQ,GAAf;QACE,gCAAgC;QAChC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IArCD;QADC,YAAK,EAAE;kCACY,iBAAQ;qEAAQ;IAGpC;QADC,YAAK,EAAE;;oEACyB;IANtB,4BAA4B;QAzCxC,gBAAS,CAAC;YACT,QAAQ,EAAE,4BAA4B;YACtC,QAAQ,EAAE,42EAqCT;SACF,CAAC;yCAaiC,gBAAY;OAZlC,4BAA4B,CAyCxC;IAAD,mCAAC;CAAA,AAzCD,IAyCC;AAzCY,oEAA4B"}
+{"version":3,"file":"case-basic-access-view.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAoE;AAEpE,2BAAqC;AACrC,0CAA2C;AA8C3C;IAWE,sCACmB,YAA0B;QAA1B,iBAAY,GAAZ,YAAY,CAAc;QATtC,gBAAW,GAAa,IAAI,CAAC;QAG7B,eAAU,GAAW,IAAI,CAAC;QAE1B,yBAAoB,GAAW,IAAI,CAAC;IAKxC,CAAC;IAEG,+CAAQ,GAAf;QAAA,iBAcC;QAbC,IAAM,UAAU,GAAG,IAAI,CAAC,WAAW;YACf,IAAI,CAAC,WAAW,CAAC,WAAW;YAC5B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB;YACnD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;YACpF,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;QAE1E,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,UAAA,oBAAoB;gBAC9H,OAAA,KAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;oBAC3E,oBAAoB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;oBAChD,IAAI;YAFhC,CAEgC,CACjC,CAAC;SACH;IACH,CAAC;IAEM,kDAAW,GAAlB;QACE,IAAI,IAAI,CAAC,gCAAgC,EAAE;YACzC,IAAI,CAAC,gCAAgC,CAAC,WAAW,EAAE,CAAC;SACrD;IACH,CAAC;IAEM,+CAAQ,GAAf;QACE,gCAAgC;QAChC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAEM,oDAAa,GAApB,UAAqB,UAAkB;QACrC,OAAO,UAAU,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC/F,CAAC;IAzCD;QADC,YAAK,EAAE;kCACY,iBAAQ;qEAAQ;IAGpC;QADC,YAAK,EAAE;;oEACyB;IANtB,4BAA4B;QA5CxC,gBAAS,CAAC;YACT,QAAQ,EAAE,4BAA4B;YACtC,QAAQ,EAAE,4+EAwCT;SACF,CAAC;yCAaiC,gBAAY;OAZlC,4BAA4B,CA6CxC;IAAD,mCAAC;CAAA,AA7CD,IA6CC;AA7CY,oEAA4B"}

package/dist/shared/components/case-viewer/case-basic-access-view/case-basic-access-view.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CaseBasicAccessViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ccd-case-basic-access-view","template":"\n    <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  "}]}],"members":{"caseDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"accessType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../..","name":"CasesService","line":58,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CaseBasicAccessViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ccd-case-basic-access-view","template":"\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    <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  "}]}],"members":{"caseDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"accessType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../..","name":"CasesService","line":61,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"getRequestUrl":[{"__symbolic":"method"}]}}}}]

package/dist/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.d.ts

@@ -0,0 +1,27 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { ErrorMessage } from '../../../domain';
+export declare class CaseSpecificAccessRequestComponent implements OnDestroy, OnInit {
+    private readonly fb;
+    private readonly router;
+    private readonly route;
+    collapsed: boolean;
+    title: string;
+    hint: string;
+    caseRefLabel: string;
+    formGroup: FormGroup;
+    submitted: boolean;
+    errorMessage: ErrorMessage;
+    private readonly genericError;
+    private readonly specificReasonControlName;
+    $roleAssignmentResponseSubscription: Subscription;
+    constructor(fb: FormBuilder, router: Router, route: ActivatedRoute);
+    ngOnInit(): void;
+    private inputEmpty;
+    onChange(): void;
+    onSubmit(): void;
+    onCancel(): void;
+    ngOnDestroy(): void;
+}

package/dist/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.js

@@ -0,0 +1,87 @@
+"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 = require("@angular/core");
+var forms_1 = require("@angular/forms");
+var router_1 = require("@angular/router");
+var models_1 = require("./models");
+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: "\n    <exui-error-message\n      *ngIf=\"formGroup.invalid && submitted\"\n      [error]=\"errorMessage\"></exui-error-message>\n    <cut-alert type=\"information\"\n      >This case requires specific access.<br />This means it's outside your\n      jurisdiction and requires authorisation. If you request access to the case, it\n      will be logged for auditing purposes.</cut-alert>\n    <form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n      <div class=\"govuk-form-group\"\n        [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n        <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n          <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n            <h1 class=\"govuk-fieldset__heading\">\n              {{ title }}\n            </h1>\n          </legend>\n\n          <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n            <summary\n              class=\"govuk-details__summary\"\n              role=\"button\"\n              aria-expanded=\"false\">\n              <span class=\"govuk-details__summary-text\">\n                Help with requesting case access\n              </span>\n            </summary>\n            <div\n              class=\"govuk-details__text\"\n              aria-hidden=\"true\">\n              <p class=\"govuk-body\">You could include:</p>\n              <ul class=\"govuk-list govuk-list--bullet\">\n                <li>the case reference of the linked case</li>\n                <li>how long you require access to this case</li>\n                <li>any other reasons why you require access</li>\n              </ul>\n            </div>\n          </details>\n\n          <div id=\"reason-hint\" class=\"govuk-hint\">\n            {{ hint }}\n          </div>\n          <div id=\"conditional-reason-3\">\n            <div class=\"govuk-form-group\">\n              <div\n                id=\"specific-reason-error-message\"\n                class=\"govuk-error-message\"\n                *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n                {{ errorMessage.description }}\n              </div>\n              <textarea\n                class=\"govuk-textarea\"\n                [ngClass]=\"{\n                  'govuk-textarea--error':\n                    formGroup.get('specificReason').invalid && submitted\n                }\"\n                id=\"specific-reason\"\n                name=\"specific-reason\"\n                rows=\"8\"\n                formControlName=\"specificReason\">\n              </textarea>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n  \n      <div class=\"govuk-button-group\">\n        <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n          Submit\n        </button>\n        <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n          <p>\n            <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n              Cancel\n            </a>\n          </p>\n        </div>\n      </div>\n    </form>\n  ",
+        }),
+        __metadata("design:paramtypes", [forms_1.FormBuilder,
+            router_1.Router,
+            router_1.ActivatedRoute])
+    ], CaseSpecificAccessRequestComponent);
+    return CaseSpecificAccessRequestComponent;
+}());
+exports.CaseSpecificAccessRequestComponent = CaseSpecificAccessRequestComponent;
+//# sourceMappingURL=case-specific-access-request.component.js.map

package/dist/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-specific-access-request.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAA6D;AAC7D,wCAKwB;AACxB,0CAAyD;AAGzD,mCAGkB;AAqFlB;IAYE,4CACmB,EAAe,EACf,MAAc,EACd,KAAqB;QAFrB,OAAE,GAAF,EAAE,CAAa;QACf,WAAM,GAAN,MAAM,CAAQ;QACd,UAAK,GAAL,KAAK,CAAgB;QAdjC,cAAS,GAAG,KAAK,CAAC;QAKlB,cAAS,GAAG,KAAK,CAAC;QAER,iBAAY,GAAG,oBAAoB,CAAC;QACpC,8BAAyB,GAAG,gBAAgB,CAAC;IAO3D,CAAC;IAEG,qDAAQ,GAAf;QAAA,iBAsBC;QArBC,IAAI,CAAC,KAAK,GAAG,sCAA6B,CAAC,KAAK,CAAC;QACjD,IAAI,CAAC,IAAI,GAAG,sCAA6B,CAAC,IAAI,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,sCAA6B,CAAC,QAAQ,CAAC;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;YAC7B,aAAa,EAAE,IAAI,mBAAW,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,UAAU,CACvB,IAAI,CAAC,yBAAyB,EAC9B,IAAI,mBAAW,CAAC,EAAE,EAAE;YAClB,UAAU,EAAE;gBACV,UAAC,OAAwB;oBACvB,IAAI,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;wBAC5B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qBAC1B;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;YACD,QAAQ,EAAE,QAAQ;SACnB,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,uDAAU,GAAlB,UAAmB,KAAsB;QACvC,OAAO,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAChE,CAAC;IAEM,qDAAQ,GAAf;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,kGAAkG;QAClG,oHAAoH;QACpH,0GAA0G;QAC1G,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAClE,CAAC;IAEM,qDAAQ,GAAf;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,OAAO,EAAE;YAC9D,IAAI,CAAC,YAAY,GAAG;gBAClB,KAAK,EAAE,IAAI,CAAC,YAAY;gBACxB,WAAW,EAAE,oCAA2B,CAAC,SAAS;gBAClD,OAAO,EAAE,iBAAiB;aAC3B,CAAC;SACH;IAEH,CAAC;IAEM,qDAAQ,GAAf;QACE,qGAAqG;QACrG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAEM,wDAAW,GAAlB;QACE,IAAI,IAAI,CAAC,mCAAmC,EAAE;YAC5C,IAAI,CAAC,mCAAmC,CAAC,WAAW,EAAE,CAAC;SACxD;IACH,CAAC;IA3EU,kCAAkC;QAnF9C,gBAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,QAAQ,EAAE,ijGA+ET;SACF,CAAC;yCAcuB,mBAAW;YACP,eAAM;YACP,uBAAc;OAf7B,kCAAkC,CA4E9C;IAAD,yCAAC;CAAA,AA5ED,IA4EC;AA5EY,gFAAkC"}

package/dist/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CaseSpecificAccessRequestComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ccd-case-specific-access-request","template":"\n    <exui-error-message\n      *ngIf=\"formGroup.invalid && submitted\"\n      [error]=\"errorMessage\"></exui-error-message>\n    <cut-alert type=\"information\"\n      >This case requires specific access.<br />This means it's outside your\n      jurisdiction and requires authorisation. If you request access to the case, it\n      will be logged for auditing purposes.</cut-alert>\n    <form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n      <div class=\"govuk-form-group\"\n        [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n        <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n          <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n            <h1 class=\"govuk-fieldset__heading\">\n              {{ title }}\n            </h1>\n          </legend>\n\n          <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n            <summary\n              class=\"govuk-details__summary\"\n              role=\"button\"\n              aria-expanded=\"false\">\n              <span class=\"govuk-details__summary-text\">\n                Help with requesting case access\n              </span>\n            </summary>\n            <div\n              class=\"govuk-details__text\"\n              aria-hidden=\"true\">\n              <p class=\"govuk-body\">You could include:</p>\n              <ul class=\"govuk-list govuk-list--bullet\">\n                <li>the case reference of the linked case</li>\n                <li>how long you require access to this case</li>\n                <li>any other reasons why you require access</li>\n              </ul>\n            </div>\n          </details>\n\n          <div id=\"reason-hint\" class=\"govuk-hint\">\n            {{ hint }}\n          </div>\n          <div id=\"conditional-reason-3\">\n            <div class=\"govuk-form-group\">\n              <div\n                id=\"specific-reason-error-message\"\n                class=\"govuk-error-message\"\n                *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n                {{ errorMessage.description }}\n              </div>\n              <textarea\n                class=\"govuk-textarea\"\n                [ngClass]=\"{\n                  'govuk-textarea--error':\n                    formGroup.get('specificReason').invalid && submitted\n                }\"\n                id=\"specific-reason\"\n                name=\"specific-reason\"\n                rows=\"8\"\n                formControlName=\"specificReason\">\n              </textarea>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n  \n      <div class=\"govuk-button-group\">\n        <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n          Submit\n        </button>\n        <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n          <p>\n            <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n              Cancel\n            </a>\n          </p>\n        </div>\n      </div>\n    </form>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":111,"character":25},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":112,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":113,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"inputEmpty":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

package/dist/shared/components/case-viewer/case-specific-access-request/index.d.ts

@@ -0,0 +1 @@
+export * from './case-specific-access-request.component';

package/dist/shared/components/case-viewer/case-specific-access-request/index.js

@@ -0,0 +1,7 @@
+"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(require("./case-specific-access-request.component"));
+//# sourceMappingURL=index.js.map

package/dist/shared/components/case-viewer/case-specific-access-request/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/case-viewer/case-specific-access-request/index.ts"],"names":[],"mappings":";;;;;AAAA,8DAAyD"}

package/dist/shared/components/case-viewer/case-specific-access-request/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./case-specific-access-request.component"}]}]

package/dist/shared/components/case-viewer/case-specific-access-request/models/case-specific-access-request.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum SpecificAccessRequestPageText {
+    TITLE = "Why do you need to access this case?",
+    HINT = "Provide a reason.",
+    CASE_REF = "Case reference"
+}
+export declare enum SpecificAccessRequestErrors {
+    NO_REASON = "Enter a reason"
+}

package/dist/shared/components/case-viewer/case-specific-access-request/models/case-specific-access-request.enum.js

@@ -0,0 +1,13 @@
+"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 = {}));
+//# sourceMappingURL=case-specific-access-request.enum.js.map

package/dist/shared/components/case-viewer/case-specific-access-request/models/case-specific-access-request.enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-specific-access-request.enum.js","sourceRoot":"","sources":["../../../../../../tmp/src-inlined/shared/components/case-viewer/case-specific-access-request/models/case-specific-access-request.enum.ts"],"names":[],"mappings":";;AAAA,IAAY,6BAIX;AAJD,WAAY,6BAA6B;IACvC,+EAA8C,CAAA;IAC9C,2DAA0B,CAAA;IAC1B,4DAA2B,CAAA;AAC7B,CAAC,EAJW,6BAA6B,GAA7B,qCAA6B,KAA7B,qCAA6B,QAIxC;AAED,IAAY,2BAEX;AAFD,WAAY,2BAA2B;IACrC,2DAA4B,CAAA;AAC9B,CAAC,EAFW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAEtC"}

package/dist/shared/components/case-viewer/case-specific-access-request/models/case-specific-access-request.enum.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"SpecificAccessRequestPageText":{"TITLE":"Why do you need to access this case?","HINT":"Provide a reason.","CASE_REF":"Case reference"},"SpecificAccessRequestErrors":{"NO_REASON":"Enter a reason"}}}]

package/dist/shared/components/case-viewer/case-specific-access-request/models/index.d.ts

@@ -0,0 +1 @@
+export * from './case-specific-access-request.enum';

package/dist/shared/components/case-viewer/case-specific-access-request/models/index.js

@@ -0,0 +1,7 @@
+"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(require("./case-specific-access-request.enum"));
+//# sourceMappingURL=index.js.map

package/dist/shared/components/case-viewer/case-specific-access-request/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../tmp/src-inlined/shared/components/case-viewer/case-specific-access-request/models/index.ts"],"names":[],"mappings":";;;;;AAAA,yDAAoD"}

package/dist/shared/components/case-viewer/case-specific-access-request/models/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./case-specific-access-request.enum"}]}]

package/dist/shared/components/case-viewer/case-viewer.module.js

@@ -27,6 +27,7 @@ var palette_1 = require("../palette");
 var case_basic_access_view_component_1 = require("./case-basic-access-view/case-basic-access-view.component");
 var case_challenged_access_request_component_1 = require("./case-challenged-access-request/case-challenged-access-request.component");
 var case_challenged_access_success_component_1 = require("./case-challenged-access-success/case-challenged-access-success.component");
+var case_specific_access_request_component_1 = require("./case-specific-access-request/case-specific-access-request.component");
 var case_event_trigger_1 = require("./case-event-trigger");
 var case_full_access_view_component_1 = require("./case-full-access-view/case-full-access-view.component");
 var case_view_1 = require("./case-view");
@@ -55,7 +56,6 @@ var CaseViewerModule = /** @class */ (function () {
                 palette_1.EventLogModule,
                 material_1.MatTabsModule,
                 palette_1.ComplexModule,
-                forms_1.FormsModule,
                 forms_1.ReactiveFormsModule,
                 alert_1.AlertModule
             ],
@@ -68,6 +68,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
             ],

package/dist/shared/components/case-viewer/case-viewer.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"case-viewer.module.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/components/case-viewer/case-viewer.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,0CAA+C;AAC/C,sCAAyC;AACzC,wCAAkE;AAClE,8CAAkD;AAClD,0CAA+C;AAC/C,2DAAgE;AAChE,iDAAsD;AACtD,+CAAiF;AACjF,qCAA6D;AAC7D,2CAQwB;AACxB,wCAA6C;AAC7C,8CAAgE;AAChE,8CAAkD;AAClD,gDAAoD;AACpD,oFAAiF;AACjF,wDAAsD;AACtD,kDAAsD;AACtD,sCAA0E;AAC1E,8GAAyG;AACzG,sIAAiI;AACjI,sIAAiI;AACjI,2DAAiE;AACjE,2GAAsG;AACtG,yCAAgD;AAChD,iEAA8D;AAC9D,qCAA+D;AAC/D,uCAAgE;AAsDhE;IAAA;IACA,CAAC;IADY,gBAAgB;QApD5B,eAAQ,CAAC;YACR,OAAO,EAAE;gBACP,qBAAY;gBACZ,qBAAY;gBACZ,4BAAY;gBACZ,yBAAc;gBACd,8BAAgB;gBAChB,kCAAkB;gBAClB,iBAAU;gBACV,uBAAa;gBACb,mCAAsB;gBACtB,8BAAgB;gBAChB,mBAAW;gBACX,kCAAqB;gBACrB,gCAAiB;gBACjB,wBAAc;gBACd,wBAAa;gBACb,uBAAa;gBACb,mBAAW;gBACX,2BAAmB;gBACnB,mBAAW;aACZ;YACD,YAAY,EAAE;gBACZ,8CAAyB;gBACzB,8BAAoB;gBACpB,2CAAmB;gBACnB,+DAA4B;gBAC5B,6DAA2B;gBAC3B,6BAAiB;gBACjB,sBAAY;gBACZ,+EAAoC;gBACpC,+CAAqB;gBACrB,+EAAoC;aACrC;YACD,OAAO,EAAE;gBACP,2CAAmB;gBACnB,6BAAiB;aAClB;YACD,SAAS,EAAE;gBACT,0BAAY;gBACZ,oCAAyB;gBACzB,yBAAiB;gBACjB,+BAAoB;gBACpB,0BAAe;gBACf,iCAAsB;gBACtB,uBAAY;gBACZ,uBAAY;gBACZ,sBAAW;gBACX,uBAAY;gBACZ,+BAAoB;aACrB;SACF,CAAC;OACW,gBAAgB,CAC5B;IAAD,uBAAC;CAAA,AADD,IACC;AADY,4CAAgB"}
+{"version":3,"file":"case-viewer.module.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/components/case-viewer/case-viewer.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,0CAA+C;AAC/C,sCAAyC;AACzC,wCAAqD;AACrD,8CAAkD;AAClD,0CAA+C;AAC/C,2DAAgE;AAChE,iDAAsD;AACtD,+CAAiF;AACjF,qCAA6D;AAC7D,2CAQwB;AACxB,wCAA6C;AAC7C,8CAAgE;AAChE,8CAAkD;AAClD,gDAAoD;AACpD,oFAAiF;AACjF,wDAAsD;AACtD,kDAAsD;AACtD,sCAA0E;AAC1E,8GAAyG;AACzG,sIAAiI;AACjI,sIAAiI;AACjI,gIAA2H;AAC3H,2DAAiE;AACjE,2GAAsG;AACtG,yCAAgD;AAChD,iEAA8D;AAC9D,qCAA+D;AAC/D,uCAAgE;AAsDhE;IAAA;IACA,CAAC;IADY,gBAAgB;QApD5B,eAAQ,CAAC;YACR,OAAO,EAAE;gBACP,qBAAY;gBACZ,qBAAY;gBACZ,4BAAY;gBACZ,yBAAc;gBACd,8BAAgB;gBAChB,kCAAkB;gBAClB,iBAAU;gBACV,uBAAa;gBACb,mCAAsB;gBACtB,8BAAgB;gBAChB,mBAAW;gBACX,kCAAqB;gBACrB,gCAAiB;gBACjB,wBAAc;gBACd,wBAAa;gBACb,uBAAa;gBACb,2BAAmB;gBACnB,mBAAW;aACZ;YACD,YAAY,EAAE;gBACZ,8CAAyB;gBACzB,8BAAoB;gBACpB,2CAAmB;gBACnB,+DAA4B;gBAC5B,6DAA2B;gBAC3B,6BAAiB;gBACjB,sBAAY;gBACZ,+EAAoC;gBACpC,2EAAkC;gBAClC,+CAAqB;gBACrB,+EAAoC;aACrC;YACD,OAAO,EAAE;gBACP,2CAAmB;gBACnB,6BAAiB;aAClB;YACD,SAAS,EAAE;gBACT,0BAAY;gBACZ,oCAAyB;gBACzB,yBAAiB;gBACjB,+BAAoB;gBACpB,0BAAe;gBACf,iCAAsB;gBACtB,uBAAY;gBACZ,uBAAY;gBACZ,sBAAW;gBACX,uBAAY;gBACZ,+BAAoB;aACrB;SACF,CAAC;OACW,gBAAgB,CAC5B;IAAD,uBAAC;CAAA,AADD,IACC;AADY,4CAAgB"}

package/dist/shared/components/case-viewer/case-viewer.module.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CaseViewerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":39,"character":4},{"__symbolic":"reference","module":"../error/errors.module","name":"ErrorsModule","line":40,"character":4},{"__symbolic":"reference","module":"../activity","name":"ActivityModule","line":41,"character":4},{"__symbolic":"reference","module":"../case-header","name":"CaseHeaderModule","line":42,"character":4},{"__symbolic":"reference","module":"../event-trigger","name":"EventTriggerModule","line":43,"character":4},{"__symbolic":"reference","module":"../../../components/tabs","name":"TabsModule","line":44,"character":4},{"__symbolic":"reference","module":"../palette","name":"PaletteModule","line":45,"character":4},{"__symbolic":"reference","module":"../../directives","name":"LabelSubstitutorModule","line":46,"character":4},{"__symbolic":"reference","module":"../case-editor","name":"CaseEditorModule","line":47,"character":4},{"__symbolic":"reference","module":"../../pipes","name":"PipesModule","line":48,"character":4},{"__symbolic":"reference","module":"../../directives","name":"ConditionalShowModule","line":49,"character":4},{"__symbolic":"reference","module":"../case-history","name":"CaseHistoryModule","line":50,"character":4},{"__symbolic":"reference","module":"../palette","name":"EventLogModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTabsModule","line":52,"character":4},{"__symbolic":"reference","module":"../palette","name":"ComplexModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":4},{"__symbolic":"reference","module":"../../../components/banners/alert","name":"AlertModule","line":56,"character":4}],"declarations":[{"__symbolic":"reference","module":"./case-event-trigger","name":"CaseEventTriggerComponent","line":59,"character":4},{"__symbolic":"reference","module":"./printer","name":"CasePrinterComponent","line":60,"character":4},{"__symbolic":"reference","module":"./case-viewer.component","name":"CaseViewerComponent","line":61,"character":4},{"__symbolic":"reference","module":"./case-basic-access-view/case-basic-access-view.component","name":"CaseBasicAccessViewComponent","line":62,"character":4},{"__symbolic":"reference","module":"./case-full-access-view/case-full-access-view.component","name":"CaseFullAccessViewComponent","line":63,"character":4},{"__symbolic":"reference","module":"./case-view","name":"CaseViewComponent","line":64,"character":4},{"__symbolic":"reference","module":"./printer","name":"PrintUrlPipe","line":65,"character":4},{"__symbolic":"reference","module":"./case-challenged-access-request/case-challenged-access-request.component","name":"CaseChallengedAccessRequestComponent","line":66,"character":4},{"__symbolic":"reference","module":"../error-message/error-message.component","name":"ErrorMessageComponent","line":67,"character":4},{"__symbolic":"reference","module":"./case-challenged-access-success/case-challenged-access-success.component","name":"CaseChallengedAccessSuccessComponent","line":68,"character":4}],"exports":[{"__symbolic":"reference","module":"./case-viewer.component","name":"CaseViewerComponent","line":71,"character":4},{"__symbolic":"reference","module":"./case-view","name":"CaseViewComponent","line":72,"character":4}],"providers":[{"__symbolic":"reference","module":"../case-editor","name":"CaseNotifier","line":75,"character":4},{"__symbolic":"reference","module":"../../services","name":"NavigationNotifierService","line":76,"character":4},{"__symbolic":"reference","module":"../../pipes","name":"CaseReferencePipe","line":77,"character":4},{"__symbolic":"reference","module":"./services","name":"EventTriggerResolver","line":78,"character":4},{"__symbolic":"reference","module":"../../services","name":"ActivityService","line":79,"character":4},{"__symbolic":"reference","module":"../../services","name":"ActivityPollingService","line":80,"character":4},{"__symbolic":"reference","module":"../../services","name":"OrderService","line":81,"character":4},{"__symbolic":"reference","module":"../../services","name":"DraftService","line":82,"character":4},{"__symbolic":"reference","module":"../../services","name":"HttpService","line":83,"character":4},{"__symbolic":"reference","module":"./services","name":"CaseResolver","line":84,"character":4},{"__symbolic":"reference","module":"../../services","name":"ErrorNotifierService","line":85,"character":4}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CaseViewerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":37,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":40,"character":4},{"__symbolic":"reference","module":"../error/errors.module","name":"ErrorsModule","line":41,"character":4},{"__symbolic":"reference","module":"../activity","name":"ActivityModule","line":42,"character":4},{"__symbolic":"reference","module":"../case-header","name":"CaseHeaderModule","line":43,"character":4},{"__symbolic":"reference","module":"../event-trigger","name":"EventTriggerModule","line":44,"character":4},{"__symbolic":"reference","module":"../../../components/tabs","name":"TabsModule","line":45,"character":4},{"__symbolic":"reference","module":"../palette","name":"PaletteModule","line":46,"character":4},{"__symbolic":"reference","module":"../../directives","name":"LabelSubstitutorModule","line":47,"character":4},{"__symbolic":"reference","module":"../case-editor","name":"CaseEditorModule","line":48,"character":4},{"__symbolic":"reference","module":"../../pipes","name":"PipesModule","line":49,"character":4},{"__symbolic":"reference","module":"../../directives","name":"ConditionalShowModule","line":50,"character":4},{"__symbolic":"reference","module":"../case-history","name":"CaseHistoryModule","line":51,"character":4},{"__symbolic":"reference","module":"../palette","name":"EventLogModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTabsModule","line":53,"character":4},{"__symbolic":"reference","module":"../palette","name":"ComplexModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":4},{"__symbolic":"reference","module":"../../../components/banners/alert","name":"AlertModule","line":56,"character":4}],"declarations":[{"__symbolic":"reference","module":"./case-event-trigger","name":"CaseEventTriggerComponent","line":59,"character":4},{"__symbolic":"reference","module":"./printer","name":"CasePrinterComponent","line":60,"character":4},{"__symbolic":"reference","module":"./case-viewer.component","name":"CaseViewerComponent","line":61,"character":4},{"__symbolic":"reference","module":"./case-basic-access-view/case-basic-access-view.component","name":"CaseBasicAccessViewComponent","line":62,"character":4},{"__symbolic":"reference","module":"./case-full-access-view/case-full-access-view.component","name":"CaseFullAccessViewComponent","line":63,"character":4},{"__symbolic":"reference","module":"./case-view","name":"CaseViewComponent","line":64,"character":4},{"__symbolic":"reference","module":"./printer","name":"PrintUrlPipe","line":65,"character":4},{"__symbolic":"reference","module":"./case-challenged-access-request/case-challenged-access-request.component","name":"CaseChallengedAccessRequestComponent","line":66,"character":4},{"__symbolic":"reference","module":"./case-specific-access-request/case-specific-access-request.component","name":"CaseSpecificAccessRequestComponent","line":67,"character":4},{"__symbolic":"reference","module":"../error-message/error-message.component","name":"ErrorMessageComponent","line":68,"character":4},{"__symbolic":"reference","module":"./case-challenged-access-success/case-challenged-access-success.component","name":"CaseChallengedAccessSuccessComponent","line":69,"character":4}],"exports":[{"__symbolic":"reference","module":"./case-viewer.component","name":"CaseViewerComponent","line":72,"character":4},{"__symbolic":"reference","module":"./case-view","name":"CaseViewComponent","line":73,"character":4}],"providers":[{"__symbolic":"reference","module":"../case-editor","name":"CaseNotifier","line":76,"character":4},{"__symbolic":"reference","module":"../../services","name":"NavigationNotifierService","line":77,"character":4},{"__symbolic":"reference","module":"../../pipes","name":"CaseReferencePipe","line":78,"character":4},{"__symbolic":"reference","module":"./services","name":"EventTriggerResolver","line":79,"character":4},{"__symbolic":"reference","module":"../../services","name":"ActivityService","line":80,"character":4},{"__symbolic":"reference","module":"../../services","name":"ActivityPollingService","line":81,"character":4},{"__symbolic":"reference","module":"../../services","name":"OrderService","line":82,"character":4},{"__symbolic":"reference","module":"../../services","name":"DraftService","line":83,"character":4},{"__symbolic":"reference","module":"../../services","name":"HttpService","line":84,"character":4},{"__symbolic":"reference","module":"./services","name":"CaseResolver","line":85,"character":4},{"__symbolic":"reference","module":"../../services","name":"ErrorNotifierService","line":86,"character":4}]}]}]}}}]

package/dist/shared/components/case-viewer/viewer.routing.js

@@ -5,6 +5,7 @@ var case_history_1 = require("../case-history");
 var file_upload_progress_guard_1 = require("../palette/document/file-upload-progress.guard");
 var case_challenged_access_request_1 = require("./case-challenged-access-request");
 var case_challenged_access_success_1 = require("./case-challenged-access-success");
+var case_specific_access_request_1 = require("./case-specific-access-request");
 var case_event_trigger_component_1 = require("./case-event-trigger/case-event-trigger.component");
 var printer_1 = require("./printer");
 var services_1 = require("./services");
@@ -27,7 +28,7 @@ exports.viewerRouting = [
         component: case_history_1.CaseHistoryComponent,
     },
     {
-        path: 'access-request',
+        path: 'challenged-access-request',
         children: [
             {
                 path: '',
@@ -45,6 +46,19 @@ exports.viewerRouting = [
                 }
             }
         ]
+    },
+    {
+        path: 'specific-access-request',
+        children: [
+            {
+                path: '',
+                component: case_specific_access_request_1.CaseSpecificAccessRequestComponent,
+                data: {
+                    title: 'Request Specific Access'
+                },
+                pathMatch: 'full'
+            }
+        ]
     }
 ];
 //# sourceMappingURL=viewer.routing.js.map

package/dist/shared/components/case-viewer/viewer.routing.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewer.routing.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/components/case-viewer/viewer.routing.ts"],"names":[],"mappings":";;AACA,8CAA+C;AAC/C,gDAAuD;AACvD,6FAAyF;AACzF,mFAAwF;AACxF,mFAAwF;AACxF,kGAA8F;AAC9F,qCAAiD;AACjD,uCAAkD;AAErC,QAAA,aAAa,GAAW;IACnC;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,8BAAoB;KAChC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE;YACP,YAAY,EAAE,+BAAoB;SACnC;QACD,SAAS,EAAE,wDAAyB;QACpC,QAAQ,EAAE,2BAAa;QACvB,aAAa,EAAE,CAAC,oDAAuB,CAAC;KACzC;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,mCAAoB;KAChC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,qEAAoC;gBAC/C,IAAI,EAAE;oBACJ,KAAK,EAAE,2BAA2B;iBACnC;gBACD,SAAS,EAAE,MAAM;aAClB;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,qEAAoC;gBAC/C,IAAI,EAAE;oBACJ,KAAK,EAAE,2BAA2B;iBACnC;aACF;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"viewer.routing.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/components/case-viewer/viewer.routing.ts"],"names":[],"mappings":";;AACA,8CAA+C;AAC/C,gDAAuD;AACvD,6FAAyF;AACzF,mFAAwF;AACxF,mFAAwF;AACxF,+EAAoF;AACpF,kGAA8F;AAC9F,qCAAiD;AACjD,uCAAkD;AAErC,QAAA,aAAa,GAAW;IACnC;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,8BAAoB;KAChC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE;YACP,YAAY,EAAE,+BAAoB;SACnC;QACD,SAAS,EAAE,wDAAyB;QACpC,QAAQ,EAAE,2BAAa;QACvB,aAAa,EAAE,CAAC,oDAAuB,CAAC;KACzC;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,mCAAoB;KAChC;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,qEAAoC;gBAC/C,IAAI,EAAE;oBACJ,KAAK,EAAE,2BAA2B;iBACnC;gBACD,SAAS,EAAE,MAAM;aAClB;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,qEAAoC;gBAC/C,IAAI,EAAE;oBACJ,KAAK,EAAE,2BAA2B;iBACnC;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,iEAAkC;gBAC7C,IAAI,EAAE;oBACJ,KAAK,EAAE,yBAAyB;iBACjC;gBACD,SAAS,EAAE,MAAM;aAClB;SACF;KACF;CACF,CAAC"}

package/dist/shared/components/case-viewer/viewer.routing.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"viewerRouting":[{"path":"print","component":{"__symbolic":"reference","module":"./printer","name":"CasePrinterComponent","line":13,"character":15}},{"path":"trigger/:eid","resolve":{"eventTrigger":{"__symbolic":"reference","module":"./services","name":"EventTriggerResolver","line":18,"character":20}},"component":{"__symbolic":"reference","module":"./case-event-trigger/case-event-trigger.component","name":"CaseEventTriggerComponent","line":20,"character":15},"children":{"__symbolic":"reference","module":"../case-editor","name":"editorRouting","line":21,"character":14},"canDeactivate":[{"__symbolic":"reference","module":"../palette/document/file-upload-progress.guard","name":"FileUploadProgressGuard","line":22,"character":20}]},{"path":"event/:eid/history","component":{"__symbolic":"reference","module":"../case-history","name":"CaseHistoryComponent","line":26,"character":15}},{"path":"access-request","children":[{"path":"","component":{"__symbolic":"reference","module":"./case-challenged-access-request","name":"CaseChallengedAccessRequestComponent","line":33,"character":19},"data":{"title":"Request Challenged Access"},"pathMatch":"full"},{"path":"success","component":{"__symbolic":"reference","module":"./case-challenged-access-success","name":"CaseChallengedAccessSuccessComponent","line":41,"character":19},"data":{"title":"Challenged Access Success"}}]}]}}]
+[{"__symbolic":"module","version":4,"metadata":{"viewerRouting":[{"path":"print","component":{"__symbolic":"reference","module":"./printer","name":"CasePrinterComponent","line":14,"character":15}},{"path":"trigger/:eid","resolve":{"eventTrigger":{"__symbolic":"reference","module":"./services","name":"EventTriggerResolver","line":19,"character":20}},"component":{"__symbolic":"reference","module":"./case-event-trigger/case-event-trigger.component","name":"CaseEventTriggerComponent","line":21,"character":15},"children":{"__symbolic":"reference","module":"../case-editor","name":"editorRouting","line":22,"character":14},"canDeactivate":[{"__symbolic":"reference","module":"../palette/document/file-upload-progress.guard","name":"FileUploadProgressGuard","line":23,"character":20}]},{"path":"event/:eid/history","component":{"__symbolic":"reference","module":"../case-history","name":"CaseHistoryComponent","line":27,"character":15}},{"path":"challenged-access-request","children":[{"path":"","component":{"__symbolic":"reference","module":"./case-challenged-access-request","name":"CaseChallengedAccessRequestComponent","line":34,"character":19},"data":{"title":"Request Challenged Access"},"pathMatch":"full"},{"path":"success","component":{"__symbolic":"reference","module":"./case-challenged-access-success","name":"CaseChallengedAccessSuccessComponent","line":42,"character":19},"data":{"title":"Challenged Access Success"}}]},{"path":"specific-access-request","children":[{"path":"","component":{"__symbolic":"reference","module":"./case-specific-access-request","name":"CaseSpecificAccessRequestComponent","line":54,"character":19},"data":{"title":"Request Specific Access"},"pathMatch":"full"}]}]}}]

package/dist/shared/components/loading-spinner/loading-spinner.component.d.ts

@@ -0,0 +1,3 @@
+export declare class LoadingSpinnerComponent {
+    loadingText: string;
+}

package/dist/shared/components/loading-spinner/loading-spinner.component.js

@@ -0,0 +1,32 @@
+"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 = require("@angular/core");
+var LoadingSpinnerComponent = /** @class */ (function () {
+    function LoadingSpinnerComponent() {
+        this.loadingText = 'Loading';
+    }
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], LoadingSpinnerComponent.prototype, "loadingText", void 0);
+    LoadingSpinnerComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-loading-spinner',
+            template: "\n    <div class=\"spinner-container\">\n        <div class=\"spinner-inner-container\">\n            <p>{{loadingText}}</p>\n            <div class=\"spinner\" style=\"margin: auto;\"></div>\n        </div>\n    </div>\n  ",
+            styles: ["\n    .spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #dddddd;border-top:10px solid #000000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n  "],
+            encapsulation: core_1.ViewEncapsulation.None
+        })
+    ], LoadingSpinnerComponent);
+    return LoadingSpinnerComponent;
+}());
+exports.LoadingSpinnerComponent = LoadingSpinnerComponent;
+//# sourceMappingURL=loading-spinner.component.js.map

package/dist/shared/components/loading-spinner/loading-spinner.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.component.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/components/loading-spinner/loading-spinner.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAoE;AAkBpE;IAhBA;QAiBkB,gBAAW,GAAG,SAAS,CAAC;IAC1C,CAAC;IADU;QAAR,YAAK,EAAE;;gEAAgC;IAD7B,uBAAuB;QAhBnC,gBAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,iOAOT;YACD,MAAM,EAAE,CAAC,ulBAER,CAAC;YACF,aAAa,EAAE,wBAAiB,CAAC,IAAI;SACtC,CAAC;OAEW,uBAAuB,CAEnC;IAAD,8BAAC;CAAA,AAFD,IAEC;AAFY,0DAAuB"}

package/dist/shared/components/loading-spinner/loading-spinner.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"LoadingSpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ccd-loading-spinner","template":"\n    <div class=\"spinner-container\">\n        <div class=\"spinner-inner-container\">\n            <p>{{loadingText}}</p>\n            <div class=\"spinner\" style=\"margin: auto;\"></div>\n        </div>\n    </div>\n  ","styles":["\n    .spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #dddddd;border-top:10px solid #000000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}]}}}}]

package/dist/shared/components/palette/base-field/abstract-field-read.component.d.ts

@@ -1,10 +1,10 @@
 import { OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { AbstractControl, FormGroup } from '@angular/forms';
 import { AbstractFormFieldComponent } from './abstract-form-field.component';
 import { PaletteContext } from './palette-context.enum';
 export declare abstract class AbstractFieldReadComponent extends AbstractFormFieldComponent implements OnInit {
     caseReference: string;
-    topLevelFormGroup: FormGroup;
+    topLevelFormGroup: FormGroup | AbstractControl;
     /**
      * Optional. Enable context-aware rendering of fields.
      */

package/dist/shared/components/palette/base-field/abstract-field-read.component.js

@@ -47,7 +47,7 @@ var AbstractFieldReadComponent = /** @class */ (function (_super) {
     ], AbstractFieldReadComponent.prototype, "caseReference", void 0);
     __decorate([
         core_1.Input(),
-        __metadata("design:type", forms_1.FormGroup)
+        __metadata("design:type", Object)
     ], AbstractFieldReadComponent.prototype, "topLevelFormGroup", void 0);
     __decorate([
         core_1.Input(),

package/dist/shared/components/palette/base-field/abstract-field-read.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-field-read.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/base-field/abstract-field-read.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAA8C;AAC9C,wCAAwD;AAExD,iFAA6E;AAC7E,+DAAwD;AAExD;IAAyD,8CAA0B;IAAnF;QAAA,qEAoBC;QAZC;;WAEG;QAEH,aAAO,GAAmB,qCAAc,CAAC,OAAO,CAAC;;IAQnD,CAAC;IANC,6CAAQ,GAAR;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;YAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;SAC7D;IACH,CAAC;IAfD;QADC,YAAK,EAAE;;qEACc;IAGtB;QADC,YAAK,EAAE;kCACW,iBAAS;yEAAC;IAM7B;QADC,YAAK,EAAE;;+DACyC;IAQnD,iCAAC;CAAA,AApBD,CAAyD,0DAA0B,GAoBlF;AApBqB,gEAA0B"}
+{"version":3,"file":"abstract-field-read.component.js","sourceRoot":"","sources":["../../../../../tmp/src-inlined/shared/components/palette/base-field/abstract-field-read.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAA8C;AAC9C,wCAAyE;AAEzE,iFAA6E;AAC7E,+DAAwD;AAExD;IAAyD,8CAA0B;IAAnF;QAAA,qEAoBC;QAZC;;WAEG;QAEH,aAAO,GAAmB,qCAAc,CAAC,OAAO,CAAC;;IAQnD,CAAC;IANC,6CAAQ,GAAR;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;YAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;SAC7D;IACH,CAAC;IAfD;QADC,YAAK,EAAE;;qEACc;IAGtB;QADC,YAAK,EAAE;;yEACuC;IAM/C;QADC,YAAK,EAAE;;+DACyC;IAQnD,iCAAC;CAAA,AApBD,CAAyD,0DAA0B,GAoBlF;AApBqB,gEAA0B"}

package/dist/shared/components/palette/complex/ccd-read-fields-filter.pipe.d.ts

@@ -1,5 +1,5 @@
 import { PipeTransform } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { AbstractControl, FormGroup } from '@angular/forms';
 import { CaseField } from '../../../domain';
 export declare class ReadFieldsFilterPipe implements PipeTransform {
     private static readonly EMPTY_VALUES;
@@ -12,6 +12,7 @@ export declare class ReadFieldsFilterPipe implements PipeTransform {
      * @returns {boolean}
      */
     private static isValidComplex;
+    private static isValidCollection;
     private static isEmpty;
     private static isCompound;
     private static isValidCompound;
@@ -29,5 +30,5 @@ export declare class ReadFieldsFilterPipe implements PipeTransform {
      * @param path The current path to this field.
      * @returns CaseField[]
      */
-    transform(complexField: CaseField, keepEmpty?: boolean, index?: number, setupHidden?: boolean, formGroup?: FormGroup, path?: string): CaseField[];
+    transform(complexField: CaseField, keepEmpty?: boolean, index?: number, setupHidden?: boolean, formGroup?: FormGroup | AbstractControl, path?: string): CaseField[];
 }

package/dist/shared/components/palette/complex/ccd-read-fields-filter.pipe.js

@@ -8,7 +8,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
 var directives_1 = require("../../../directives");
+var domain_1 = require("../../../domain");
 var fields_1 = require("../../../services/fields");
+var class_transformer_1 = require("class-transformer");
 var ReadFieldsFilterPipe = /** @class */ (function () {
     function ReadFieldsFilterPipe() {
     }
@@ -25,10 +27,26 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         var type = field.field_type;
         var value = ReadFieldsFilterPipe_1.getValue(field, values);
         var hasChildrenWithValue = type.complex_fields.find(function (f) {
-            return ReadFieldsFilterPipe_1.keepField(f, value);
+            var willKeep = ReadFieldsFilterPipe_1.keepField(f, value, true);
+            return willKeep && ReadFieldsFilterPipe_1.evaluateConditionalShow(f, value).hidden !== true;
         });
         return !!hasChildrenWithValue;
     };
+    ReadFieldsFilterPipe.isValidCollection = function (field, values) {
+        var isNotEmpty = Array.isArray(field.value) && field.value.length > 0;
+        if (isNotEmpty && field.field_type.collection_field_type.type === 'Complex') {
+            return !!field.value.find(function (item) {
+                var complexField = class_transformer_1.plainToClassFromExist(new domain_1.CaseField(), {
+                    id: field.field_type.collection_field_type.id,
+                    field_type: field.field_type.collection_field_type,
+                    value: item.value,
+                    label: null,
+                });
+                return ReadFieldsFilterPipe_1.isValidComplex(complexField);
+            });
+        }
+        return isNotEmpty;
+    };
     ReadFieldsFilterPipe.isEmpty = function (value) {
         return ReadFieldsFilterPipe_1.EMPTY_VALUES.indexOf(value) !== -1
             || value.length === 0;
@@ -40,9 +58,10 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         return ReadFieldsFilterPipe_1.isCompound(field)
             && ReadFieldsFilterPipe_1.NESTED_TYPES[field.field_type.type](field, value);
     };
-    ReadFieldsFilterPipe.keepField = function (field, value) {
+    ReadFieldsFilterPipe.keepField = function (field, value, ignoreLabels) {
+        if (ignoreLabels === void 0) { ignoreLabels = false; }
         // We shouldn't ditch labels.
-        if (field.field_type.type === 'Label' && (field.label || '').length > 0) {
+        if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
             return true;
         }
         // We also shouldn't ditch CasePaymentHistoryViewer fields.
@@ -129,7 +148,8 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         {}
     ];
     ReadFieldsFilterPipe.NESTED_TYPES = {
-        'Complex': ReadFieldsFilterPipe_1.isValidComplex
+        'Complex': ReadFieldsFilterPipe_1.isValidComplex,
+        'Collection': ReadFieldsFilterPipe_1.isValidCollection
     };
     ReadFieldsFilterPipe = ReadFieldsFilterPipe_1 = __decorate([
         core_1.Pipe({