@hmcts/ccd-case-ui-toolkit 5.0.22-angular11-upgrade → 5.0.24-case-file-view-post-ccd-toolkit-angular11-upgrade

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('ngx-md'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('rxjs/Subject'), require('util'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@edium/fsm'), require('@angular/cdk/portal'), require('@angular/material/input'), require('ngx-pagination'), require('@angular/material/tabs')) :
     typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'ngx-md', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', 'rxjs/Subject', 'util', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@edium/fsm', '@angular/cdk/portal', '@angular/material/input', 'ngx-pagination', '@angular/material/tabs'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global["ngx-md"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.rxjs.Subject, global.util, global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global["@edium/fsm"], global.ng.cdk.portal, global.ng.material.input, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, i1$4, i1$5, i2, i4, momentAdapter, i5, i6, Subject, util, i5$1, i6$1, i3, fsm, i6$2, input, i1$6, i15) { 'use strict';
+})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, i1$4, i1$5, i2, i4, momentAdapter, i5, i6, Subject, util, i5$1, i6$1, i3, fsm, i6$2, input, i1$6, i10) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -43,7 +43,7 @@
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
-    var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
+    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
 
     function FooterComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -7784,6 +7784,62 @@
                 }] });
     })();
 
+    var CaseFileViewFieldComponent = /** @class */ (function () {
+        function CaseFileViewFieldComponent(elementRef) {
+            this.elementRef = elementRef;
+        }
+        CaseFileViewFieldComponent.prototype.ngAfterViewInit = function () {
+            var slider = this.elementRef.nativeElement.querySelector('.slider');
+            var documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
+            var mousedown$ = rxjs.fromEvent(slider, 'mousedown');
+            var mousemove$ = rxjs.fromEvent(document, 'mousemove');
+            var mouseup$ = rxjs.fromEvent(document, 'mouseup');
+            var drag$ = mousedown$.pipe(operators.switchMap(function (start) {
+                var x = start.clientX;
+                var documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
+                return mousemove$.pipe(operators.map(function (move) {
+                    move.preventDefault();
+                    return {
+                        dx: move.clientX - x,
+                        documentTreeContainerWidth: documentTreeContainerWidth
+                    };
+                }), operators.takeUntil(mouseup$));
+            }));
+            drag$.subscribe(function (pos) {
+                var calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
+                documentTreeContainer.setAttribute('style', "width: " + calculatedWidth + "%");
+            });
+        };
+        return CaseFileViewFieldComponent;
+    }());
+    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 8, vars: 0, consts: [[1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "h2", 0);
+                i0__namespace.ɵɵtext(1, "Case file");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(2, "div", 1);
+                i0__namespace.ɵɵelementStart(3, "div", 2);
+                i0__namespace.ɵɵtext(4, " Document tree ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(5, "div", 3);
+                i0__namespace.ɵɵelementStart(6, "div", 4);
+                i0__namespace.ɵɵtext(7, " Media viewer ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+        }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#add8e6;width:40%;min-height:400px}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{background-color:#ff4500;width:.2%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{background-color:#90ee90;flex:1 1 0%}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-case-file-view-field',
+                        templateUrl: './case-file-view-field.component.html',
+                        styleUrls: ['./case-file-view-field.component.scss']
+                    }]
+            }], function () { return [{ type: i0__namespace.ElementRef }]; }, null);
+    })();
+
     function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "a", 1);
@@ -12651,6 +12707,49 @@
         return PaymentField;
     }(AbstractFieldReadComponent));
 
+    var CaseFileViewService = /** @class */ (function () {
+        function CaseFileViewService(http, appConfig, errorService) {
+            this.http = http;
+            this.appConfig = appConfig;
+            this.errorService = errorService;
+        }
+        /**
+         * Retrieves the categories and documents for a case.
+         *
+         * @param caseRef 16-digit Case Reference number of the case
+         * @returns An `Observable` of the `CategoriesAndDocuments` for the case
+         */
+        CaseFileViewService.prototype.getCategoriesAndDocuments = function (caseRef) {
+            var url = this.appConfig.getCategoriesAndDocumentsUrl();
+            if (url) {
+                url += "/" + caseRef;
+                return this.http.get(url, { observe: 'body' });
+            }
+            return rxjs.of(null);
+        };
+        CaseFileViewService.prototype.updateDocumentCategory = function (caseRef, caseVersion, attributePath, categoryId) {
+            var url = this.appConfig.getDocumentDataUrl();
+            if (url) {
+                url += "/" + caseRef;
+                var body = {
+                    case_version: caseVersion,
+                    attribute_path: attributePath,
+                    category_id: categoryId
+                };
+                return this.http.put(url, body, { observe: 'body' });
+            }
+            return rxjs.of(null);
+        };
+        return CaseFileViewService;
+    }());
+    CaseFileViewService.ɵfac = function CaseFileViewService_Factory(t) { return new (t || CaseFileViewService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService)); };
+    CaseFileViewService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CaseFileViewService, factory: CaseFileViewService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }]; }, null);
+    })();
+
     var ErrorNotifierService = /** @class */ (function () {
         function ErrorNotifierService() {
             this.errorSource = new rxjs.Subject();
@@ -15706,6 +15805,9 @@
 
     var PaletteService = /** @class */ (function () {
         function PaletteService() {
+            this.componentLauncherRegistry = {
+                CaseFileView: CaseFileViewFieldComponent
+            };
         }
         PaletteService.prototype.getFieldComponentClass = function (caseField, write) {
             switch (caseField.field_type.type) {
@@ -15765,10 +15867,21 @@
                     return CaseHistoryViewerFieldComponent;
                 case 'WaysToPay':
                     return WaysToPayFieldComponent;
+                case 'ComponentLauncher':
+                    return this.getComponentLauncherComponent(caseField);
                 default:
                     return UnsupportedFieldComponent;
             }
         };
+        PaletteService.prototype.getComponentLauncherComponent = function (caseField) {
+            // Extract the value passed for #ARGUMENT(...) in the CaseField display_context_parameter and return the matching
+            // component from the componentLauncherRegistry
+            var argumentValue = caseField.display_context_parameter.match(/#ARGUMENT\((.*?)\)/)[1];
+            if (argumentValue && this.componentLauncherRegistry.hasOwnProperty(argumentValue)) {
+                return this.componentLauncherRegistry[argumentValue];
+            }
+            return UnsupportedFieldComponent;
+        };
         return PaletteService;
     }());
     PaletteService.ɵfac = function PaletteService_Factory(t) { return new (t || PaletteService)(); };
@@ -18564,7 +18677,9 @@
     }());
     PaletteUtilsModule.ɵfac = function PaletteUtilsModule_Factory(t) { return new (t || PaletteUtilsModule)(); };
     PaletteUtilsModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PaletteUtilsModule });
-    PaletteUtilsModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
+    PaletteUtilsModule.ɵinj = i0__namespace.ɵɵdefineInjector({ providers: [
+            IsCompoundPipe
+        ], imports: [[
                 i1.CommonModule
             ]] });
     (function () {
@@ -18610,6 +18725,9 @@
                             IsReadOnlyPipe,
                             IsReadOnlyAndNotCollectionPipe,
                             DashPipe
+                        ],
+                        providers: [
+                            IsCompoundPipe
                         ]
                     }]
             }], null, null);
@@ -18815,7 +18933,7 @@
         '',
         {}
     ];
-    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay'];
+    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'ComponentLauncher'];
     ReadFieldsFilterPipe.NESTED_TYPES = {
         Complex: ReadFieldsFilterPipe.isValidComplex,
         Collection: ReadFieldsFilterPipe.isValidCollection
@@ -19162,7 +19280,9 @@
         WriteFixedListFieldComponent,
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
-        WriteCollectionFieldComponent
+        WriteCollectionFieldComponent,
+        // ComponentLauncher web components
+        CaseFileViewFieldComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -19283,7 +19403,9 @@
                 WriteFixedListFieldComponent,
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
-                WriteCollectionFieldComponent], imports: [i1.CommonModule,
+                WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -19377,7 +19499,9 @@
                 WriteFixedListFieldComponent,
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
-                WriteCollectionFieldComponent] });
+                WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -22070,10 +22194,6 @@
         CaseResolver.prototype.checkAuthorizationError = function (error) {
             // TODO Should be logged to remote logging infrastructure
             console.error(error);
-            if (error.status === 400) {
-                this.router.navigate(['/search/noresults']);
-                return rxjs.of(null);
-            }
             if (CaseResolver.EVENT_REGEX.test(this.previousUrl) && error.status === 404) {
                 this.router.navigate(['/list/case']);
                 return rxjs.of(null);
@@ -22842,17 +22962,27 @@
             i0__namespace.ɵɵproperty("id", tab_r16.id)("label", tab_r16.label);
         }
     }
-    function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) {
+    function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr");
-            i0__namespace.ɵɵelementStart(1, "th");
-            i0__namespace.ɵɵelementStart(2, "div", 31);
-            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementStart(0, "th", 34);
+            i0__namespace.ɵɵelementStart(1, "div", 35);
+            i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td");
-            i0__namespace.ɵɵelementStart(5, "span", 32);
-            i0__namespace.ɵɵelement(6, "ccd-field-read", 33);
+        }
+        if (rf & 2) {
+            var field_r21 = i0__namespace.ɵɵnextContext(2).$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(field_r21.label);
+        }
+    }
+    function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr");
+            i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 31);
+            i0__namespace.ɵɵelementStart(2, "td");
+            i0__namespace.ɵɵelementStart(3, "span", 32);
+            i0__namespace.ɵɵelement(4, "ccd-field-read", 33);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -22860,15 +22990,15 @@
         if (rf & 2) {
             var field_r21 = i0__namespace.ɵɵnextContext().$implicit;
             var ctx_r22 = i0__namespace.ɵɵnextContext(4);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(field_r21.label);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r22.isFieldToHaveNoLabel(field_r21));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("topLevelFormGroup", ctx_r22.formGroup.controls["data"])("caseField", field_r21)("caseReference", ctx_r22.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r22.markdownUseHrefAsRouterLink);
         }
     }
     function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 34);
+            i0__namespace.ɵɵelementStart(0, "tr", 36);
             i0__namespace.ɵɵelementStart(1, "th");
             i0__namespace.ɵɵelementStart(2, "span", 32);
             i0__namespace.ɵɵelement(3, "ccd-field-read", 33);
@@ -22889,7 +23019,7 @@
             i0__namespace.ɵɵelementStart(1, "div", 27);
             i0__namespace.ɵɵelementContainerStart(2, 28);
             i0__namespace.ɵɵpipe(3, "ccdIsCompound");
-            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 7, 5, "tr", 29);
+            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 5, "tr", 29);
             i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 4, "tr", 30);
             i0__namespace.ɵɵelementContainerEnd();
             i0__namespace.ɵɵelementEnd();
@@ -22943,8 +23073,8 @@
             i0__namespace.ɵɵelement(0, "mat-tab", 24);
         }
         if (rf & 2) {
-            var tab_r27 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("id", tab_r27.id)("label", tab_r27.label);
+            var tab_r29 = ctx.$implicit;
+            i0__namespace.ɵɵproperty("id", tab_r29.id)("label", tab_r29.label);
         }
     }
     function CaseFullAccessViewComponent_ng_container_11_router_outlet_6_Template(rf, ctx) {
@@ -22954,10 +23084,10 @@
     }
     function CaseFullAccessViewComponent_ng_container_11_Template(rf, ctx) {
         if (rf & 1) {
-            var _r29_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r31_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "mat-tab-group", 21, 22);
-            i0__namespace.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_11_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(); return ctx_r28.tabChanged($event); });
+            i0__namespace.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_11_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r30 = i0__namespace.ɵɵnextContext(); return ctx_r30.tabChanged($event); });
             i0__namespace.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_11_mat_tab_3_Template, 1, 2, "mat-tab", 23);
             i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_Template, 2, 2, "mat-tab", 23);
             i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_5_Template, 1, 2, "mat-tab", 23);
@@ -22980,7 +23110,7 @@
         }
     }
     var CaseFullAccessViewComponent = /** @class */ (function () {
-        function CaseFullAccessViewComponent(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location, crf) {
+        function CaseFullAccessViewComponent(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location) {
             this.ngZone = ngZone;
             this.route = route;
             this.router = router;
@@ -22993,7 +23123,6 @@
             this.errorNotifierService = errorNotifierService;
             this.convertHrefToRouterService = convertHrefToRouterService;
             this.location = location;
-            this.crf = crf;
             this.hasPrint = true;
             this.hasEventSelector = true;
             this.prependedTabs = [];
@@ -23003,15 +23132,8 @@
             this.triggerTextIgnoreWarnings = CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE;
             this.triggerText = CaseFullAccessViewComponent.TRIGGER_TEXT_START;
             this.ignoreWarning = false;
-            this.callbackErrorsSubject = new rxjs.Subject();
+            this.callbackErrorsSubject = new Subject.Subject();
         }
-        CaseFullAccessViewComponent.prototype.ngOnChanges = function (changes) {
-            if (changes.prependedTabs && !changes.prependedTabs.firstChange) {
-                this.init();
-                this.crf.detectChanges();
-                this.organiseTabPosition();
-            }
-        };
         CaseFullAccessViewComponent.prototype.ngOnInit = function () {
             var _this = this;
             initDialog();
@@ -23121,21 +23243,15 @@
                     && this.error.details.field_errors.length);
         };
         CaseFullAccessViewComponent.prototype.ngAfterViewInit = function () {
-            this.organiseTabPosition();
-        };
-        CaseFullAccessViewComponent.prototype.organiseTabPosition = function () {
             var _this = this;
             var matTab;
             var url = this.location.path(true);
             var hashValue = url.substring(url.indexOf('#') + 1);
-            if (!url.includes('#') && !url.includes('roles-and-access') && !url.includes('tasks')) {
+            if (!url.includes('#')) {
                 var paths = url.split('/');
                 // lastPath can be /caseId, or the tabs /tasks, /hearings etc.
                 var lastPath_1 = decodeURIComponent(paths[paths.length - 1]);
                 var foundTab_1 = null;
-                if (!this.prependedTabs) {
-                    this.prependedTabs = [];
-                }
                 var additionalTabs = __spread(this.prependedTabs, this.appendedTabs);
                 if (additionalTabs && additionalTabs.length) {
                     foundTab_1 = additionalTabs.find(function (caseTab) { return caseTab.id.toLowerCase() === lastPath_1.toLowerCase(); });
@@ -23153,7 +23269,7 @@
                     this.caseDetails.tabs.sort(function (aTab, bTab) { return aTab.order > bTab.order ? 1 : (bTab.order > aTab.order ? -1 : 0); });
                     // preselect the 1st order of CCD predefined tabs
                     var preSelectTab_1 = this.caseDetails.tabs[0];
-                    this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: preSelectTab_1.label }).then(function () {
+                    this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
                         matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === preSelectTab_1.label; });
                         _this.tabGroup.selectedIndex = matTab.position;
                     });
@@ -23162,9 +23278,6 @@
             else {
                 var regExp = new RegExp(CaseFullAccessViewComponent.UNICODE_SPACE, 'g');
                 hashValue = hashValue.replace(regExp, CaseFullAccessViewComponent.EMPTY_SPACE);
-                if (hashValue.includes('roles-and-access') || hashValue.includes('tasks')) {
-                    hashValue = hashValue.includes('roles-and-access') ? 'roles and access' : 'tasks';
-                }
                 matTab = this.tabGroup._tabs.find(function (x) { return x.textLabel.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase() ===
                     hashValue.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase(); });
                 if (matTab && matTab.position) {
@@ -23175,9 +23288,10 @@
         CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
             var tab = tabChangeEvent.tab['_viewContainerRef'];
             var id = tab.element.nativeElement.id;
-            var tabsLengthBeforeAppended = this.prependedTabs.length + this.caseDetails.tabs.length;
+            // due to some edge case like hidden tab we can't calculate the last index of existing tabs,
+            // so have to hard code the hearings id here
             if ((tabChangeEvent.index <= 1 && this.prependedTabs.length) ||
-                (tabChangeEvent.index >= tabsLengthBeforeAppended && this.appendedTabs.length)) {
+                (this.appendedTabs.length && id === 'hearings')) {
                 this.router.navigate([id], { relativeTo: this.route });
             }
             else {
@@ -23187,6 +23301,16 @@
                 });
             }
         };
+        /**
+         * Indicates that a CaseField is to be displayed without a label, as is expected for all ComponentLauncher-type
+         * fields.
+         * @param caseField The `CaseField` instance to check
+         * @returns `true` if it should not have a label; `false` otherwise
+         */
+        CaseFullAccessViewComponent.prototype.isFieldToHaveNoLabel = function (caseField) {
+            return caseField.field_type.type === 'ComponentLauncher'
+                && caseField.display_context_parameter === '#ARGUMENT(CaseFileView)';
+        };
         CaseFullAccessViewComponent.prototype.init = function () {
             var _this = this;
             // Clone and sort tabs array
@@ -23245,7 +23369,7 @@
     CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
     CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
     CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
+    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location)); };
     CaseFullAccessViewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$a, 1);
@@ -23254,7 +23378,7 @@
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
             }
-        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], [1, "case-viewer-label", "text-16"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
+        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
                 i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
@@ -23292,7 +23416,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.hasTabsPresent());
             }
-        }, directives: [i1__namespace.NgIf, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, EventTriggerComponent, i15__namespace.MatTabGroup, i15__namespace.MatTab, i15__namespace.MatTabContent, LabelSubstitutorDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, i1__namespace$1.RouterOutlet], pipes: [ReadFieldsFilterPipe, CcdTabFieldsPipe, IsCompoundPipe], styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin-bottom:0}"] });
+        }, directives: [i1__namespace.NgIf, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, EventTriggerComponent, i10__namespace.MatTabGroup, i10__namespace.MatTab, i10__namespace.MatTabContent, LabelSubstitutorDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, i1__namespace$1.RouterOutlet], pipes: [ReadFieldsFilterPipe, CcdTabFieldsPipe, IsCompoundPipe], styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin-bottom:0}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
                 type: i0.Component,
@@ -23301,7 +23425,7 @@
                         templateUrl: './case-full-access-view.component.html',
                         styleUrls: ['./case-full-access-view.component.scss']
                     }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: i0__namespace.ChangeDetectorRef }]; }, { hasPrint: [{
+            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }]; }, { hasPrint: [{
                     type: i0.Input
                 }], hasEventSelector: [{
                     type: i0.Input
@@ -24121,21 +24245,28 @@
         }
         EventStartGuard.prototype.canActivate = function (route) {
             var _this = this;
-            var caseId = route.params['cid'];
-            var eventId = route.params['eid'];
-            var taskId = route.queryParams['tid'];
-            // TODO: NavigationExtras should be used once Angular upgrade changes have been incorporated
-            var isComplete = route.queryParams['isComplete'];
-            var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
-            if (caseInfoStr) {
-                var caseInfo = JSON.parse(caseInfoStr);
-                if (caseInfo && caseInfo.cid === caseId) {
-                    if (isComplete) {
-                        return rxjs.of(true);
+            // Checks must be performed only for Work Allocation 2
+            if (this.appConfig.getWorkAllocationApiUrl().toLowerCase() === 'workallocation2') {
+                var caseId_1 = route.params['cid'];
+                var eventId_1 = route.params['eid'];
+                var taskId_1 = route.queryParams['tid'];
+                // TODO: NavigationExtras should be used once Angular upgrade changes have been incorporated
+                var isComplete = route.queryParams['isComplete'];
+                var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
+                if (caseInfoStr) {
+                    var caseInfo = JSON.parse(caseInfoStr);
+                    if (caseInfo && caseInfo.cid === caseId_1) {
+                        if (isComplete) {
+                            return rxjs.of(true);
+                        }
+                        return this.workAllocationService.getTasksByCaseIdAndEventId(eventId_1, caseId_1, caseInfo.caseType, caseInfo.jurisdiction).pipe(operators.switchMap(function (payload) { return _this.checkForTasks(payload, caseId_1, eventId_1, taskId_1); }));
                     }
-                    return this.workAllocationService.getTasksByCaseIdAndEventId(eventId, caseId, caseInfo.caseType, caseInfo.jurisdiction).pipe(operators.switchMap(function (payload) { return _this.checkForTasks(payload, caseId, eventId, taskId); }));
                 }
             }
+            else {
+                // Checks not required, return true by default for Work Allocation 1
+                return rxjs.of(true);
+            }
             return rxjs.of(false);
         };
         EventStartGuard.prototype.checkTaskInEventNotRequired = function (payload, caseId, taskId) {
@@ -25607,7 +25738,7 @@
                 CaseEditorModule,
                 ConditionalShowModule,
                 CaseHistoryModule,
-                i15.MatTabsModule,
+                i10.MatTabsModule,
                 i1$2.ReactiveFormsModule,
                 AlertModule,
                 LabelSubstitutorModule
@@ -25637,7 +25768,7 @@
                 CaseEditorModule,
                 ConditionalShowModule,
                 CaseHistoryModule,
-                i15.MatTabsModule,
+                i10.MatTabsModule,
                 i1$2.ReactiveFormsModule,
                 AlertModule,
                 LabelSubstitutorModule], exports: [CaseViewerComponent,
@@ -25660,7 +25791,7 @@
                             CaseEditorModule,
                             ConditionalShowModule,
                             CaseHistoryModule,
-                            i15.MatTabsModule,
+                            i10.MatTabsModule,
                             i1$2.ReactiveFormsModule,
                             AlertModule,
                             LabelSubstitutorModule
@@ -27899,6 +28030,8 @@
     exports.CaseEventTriggerComponent = CaseEventTriggerComponent;
     exports.CaseField = CaseField;
     exports.CaseFieldService = CaseFieldService;
+    exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
+    exports.CaseFileViewService = CaseFileViewService;
     exports.CaseFullAccessViewComponent = CaseFullAccessViewComponent;
     exports.CaseHeaderComponent = CaseHeaderComponent;
     exports.CaseHeaderModule = CaseHeaderModule;