@hmcts/ccd-case-ui-toolkit 6.14.4-eui-4157 → 6.14.4-hotfix-110

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

@@ -8421,13 +8421,223 @@
             }], null, null);
     })();
 
+    var MULTIPLE_TASKS_FOUND = 'More than one task found!';
+    var WorkAllocationService = /** @class */ (function () {
+        function WorkAllocationService(http, appConfig, errorService, alertService, sessionStorageService) {
+            this.http = http;
+            this.appConfig = appConfig;
+            this.errorService = errorService;
+            this.alertService = alertService;
+            this.sessionStorageService = sessionStorageService;
+            // Check to see if work allocation is enabled
+        }
+        /**
+         * Call the API to get tasks matching the search criteria.
+         * @param searchRequest The search parameters that specify which tasks to match.
+         */
+        WorkAllocationService.prototype.searchTasks = function (searchRequest) {
+            var _this = this;
+            // Do not need to check if WA enabled as parent method will do that
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/searchForCompletable";
+            return this.http
+                .post(url, { searchRequest: searchRequest }, null, false)
+                .pipe(operators.map(function (response) { return response; }), operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                // explicitly eat away 401 error and 400 error
+                if (error && error.status && (error.status === 401 || error.status === 400)) {
+                    // do nothing
+                    console.log('error status 401 or 400', error);
+                }
+                else {
+                    return rxjs.throwError(error);
+                }
+            }));
+        };
+        WorkAllocationService.prototype.isWAEnabled = function (jurisdiction, caseType) {
+            this.features = this.appConfig.getWAServiceConfig();
+            var enabled = false;
+            if (!jurisdiction || !caseType) {
+                var caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
+                jurisdiction = caseInfo.jurisdiction;
+                caseType = caseInfo.caseType;
+            }
+            if (!this.features || !this.features.configurations) {
+                return false;
+            }
+            this.features.configurations.forEach(function (serviceConfig) {
+                if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
+                    enabled = true;
+                }
+            });
+            return enabled;
+        };
+        /**
+         * Call the API to assign a task.
+         * @param taskId specifies which task should be assigned.
+         * @param userId specifies the user the task should be assigned to.
+         */
+        WorkAllocationService.prototype.assignTask = function (taskId, userId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/assign";
+            return this.http
+                .post(url, { userId: userId })
+                .pipe(operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Call the API to complete a task.
+         * @param taskId specifies which task should be completed.
+         */
+        WorkAllocationService.prototype.completeTask = function (taskId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
+            return this.http
+                .post(url, {})
+                .pipe(operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                // this will subscribe to get the user details and decide whether to display an error message
+                _this.http.get(_this.appConfig.getUserInfoApiUrl()).pipe(operators.map(function (response) { return response; })).subscribe(function (response) {
+                    _this.handleTaskCompletionError(response);
+                });
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Call the API to assign and complete a task.
+         * @param taskId specifies which task should be completed.
+         */
+        WorkAllocationService.prototype.assignAndCompleteTask = function (taskId) {
+            var _this = this;
+            if (!this.isWAEnabled()) {
+                return rxjs.of(null);
+            }
+            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
+            return this.http
+                .post(url, {
+                completion_options: {
+                    assign_and_complete: true
+                }
+            })
+                .pipe(operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                // this will subscribe to get the user details and decide whether to display an error message
+                _this.http.get(_this.appConfig.getUserInfoApiUrl()).pipe(operators.map(function (response) { return response; })).subscribe(function (response) {
+                    _this.handleTaskCompletionError(response);
+                });
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Handles the response from the observable to get the user details when task is completed.
+         * @param response is the response given from the observable which contains the user detaild.
+         */
+        WorkAllocationService.prototype.handleTaskCompletionError = function (response) {
+            var userDetails = response;
+            if (this.userIsCaseworker(userDetails.userInfo.roles)) {
+                // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
+                this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
+                this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
+            }
+        };
+        /**
+         * Returns true if the user's role is equivalent to a caseworker.
+         * @param roles is the list of roles found from the current user.
+         */
+        WorkAllocationService.prototype.userIsCaseworker = function (roles) {
+            var lowerCaseRoles = roles.map(function (role) { return role.toLowerCase(); });
+            // When/if lib & target permanently change to es2016, replace indexOf with includes
+            return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
+                || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
+        };
+        /**
+         * Look for open tasks for a case and event combination. There are 5 possible scenarios:
+         *   1. No tasks found                              => Success.
+         *   2. One task found => Mark as done              => Success.
+         *   3. One task found => Mark as done throws error => Failure.
+         *   4. More than one task found                    => Failure.
+         *   5. Search call throws an error                 => Failure.
+         * @param ccdId The ID of the case to find tasks for.
+         * @param eventId The ID of the event to find tasks for.
+         */
+        WorkAllocationService.prototype.completeAppropriateTask = function (ccdId, eventId, jurisdiction, caseTypeId) {
+            var _this = this;
+            if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
+                return rxjs.of(null);
+            }
+            var taskSearchParameter = {
+                ccdId: ccdId,
+                eventId: eventId,
+                jurisdiction: jurisdiction,
+                caseTypeId: caseTypeId
+            };
+            return this.searchTasks(taskSearchParameter)
+                .pipe(operators.map(function (response) {
+                var tasks = response.tasks;
+                if (tasks && tasks.length > 0) {
+                    if (tasks.length === 1) {
+                        _this.completeTask(tasks[0].id).subscribe();
+                    }
+                    else {
+                        // This is a problem. Throw an appropriate error.
+                        throw new Error(MULTIPLE_TASKS_FOUND);
+                    }
+                }
+                return true; // All good. Nothing to see here.
+            }), operators.catchError(function (error) {
+                // Simply rethrow it.
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Return tasks for case and event.
+         */
+        WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
+            var defaultPayload = {
+                task_required_for_event: false,
+                tasks: []
+            };
+            if (!this.isWAEnabled()) {
+                return rxjs.of(defaultPayload);
+            }
+            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId + "/caseType/" + caseType + "/jurisdiction/" + jurisdiction);
+        };
+        /**
+         * Call the API to get a task
+         */
+        WorkAllocationService.prototype.getTask = function (taskId) {
+            if (!this.isWAEnabled()) {
+                return rxjs.of({ task: null });
+            }
+            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId);
+        };
+        return WorkAllocationService;
+    }());
+    WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
+    WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
+    WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(SessionStorageService)); };
+    WorkAllocationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WorkAllocationService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null);
+    })();
+
     var CasesService = /** @class */ (function () {
-        function CasesService(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
+        function CasesService(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, workAllocationService, loadingService, sessionStorageService) {
             this.http = http;
             this.appConfig = appConfig;
             this.orderService = orderService;
             this.errorService = errorService;
             this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
+            this.workAllocationService = workAllocationService;
             this.loadingService = loadingService;
             this.sessionStorageService = sessionStorageService;
             this.get = this.getCaseView;
@@ -8662,12 +8872,12 @@
     CasesService.V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
     CasesService.V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
     CasesService.PUI_CASE_MANAGER = 'pui-case-manager';
-    CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService)); };
+    CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(WorkAllocationService), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService)); };
     CasesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CasesService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: WorkAllocationService }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
     })();
 
     var EventTriggerService = /** @class */ (function () {
@@ -9321,215 +9531,6 @@
             }], function () { return [{ type: CaseFieldService }]; }, null);
     })();
 
-    var MULTIPLE_TASKS_FOUND = 'More than one task found!';
-    var WorkAllocationService = /** @class */ (function () {
-        function WorkAllocationService(http, appConfig, errorService, alertService, sessionStorageService) {
-            this.http = http;
-            this.appConfig = appConfig;
-            this.errorService = errorService;
-            this.alertService = alertService;
-            this.sessionStorageService = sessionStorageService;
-            // Check to see if work allocation is enabled
-        }
-        /**
-         * Call the API to get tasks matching the search criteria.
-         * @param searchRequest The search parameters that specify which tasks to match.
-         */
-        WorkAllocationService.prototype.searchTasks = function (searchRequest) {
-            var _this = this;
-            // Do not need to check if WA enabled as parent method will do that
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/searchForCompletable";
-            return this.http
-                .post(url, { searchRequest: searchRequest }, null, false)
-                .pipe(operators.map(function (response) { return response; }), operators.catchError(function (error) {
-                _this.errorService.setError(error);
-                // explicitly eat away 401 error and 400 error
-                if (error && error.status && (error.status === 401 || error.status === 400)) {
-                    // do nothing
-                    console.log('error status 401 or 400', error);
-                }
-                else {
-                    return rxjs.throwError(error);
-                }
-            }));
-        };
-        WorkAllocationService.prototype.isWAEnabled = function (jurisdiction, caseType) {
-            this.features = this.appConfig.getWAServiceConfig();
-            var enabled = false;
-            if (!jurisdiction || !caseType) {
-                var caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
-                jurisdiction = caseInfo.jurisdiction;
-                caseType = caseInfo.caseType;
-            }
-            if (!this.features || !this.features.configurations) {
-                return false;
-            }
-            this.features.configurations.forEach(function (serviceConfig) {
-                if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
-                    enabled = true;
-                }
-            });
-            return enabled;
-        };
-        /**
-         * Call the API to assign a task.
-         * @param taskId specifies which task should be assigned.
-         * @param userId specifies the user the task should be assigned to.
-         */
-        WorkAllocationService.prototype.assignTask = function (taskId, userId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/assign";
-            return this.http
-                .post(url, { userId: userId })
-                .pipe(operators.catchError(function (error) {
-                _this.errorService.setError(error);
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Call the API to complete a task.
-         * @param taskId specifies which task should be completed.
-         */
-        WorkAllocationService.prototype.completeTask = function (taskId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
-            return this.http
-                .post(url, {})
-                .pipe(operators.catchError(function (error) {
-                _this.errorService.setError(error);
-                // this will subscribe to get the user details and decide whether to display an error message
-                _this.http.get(_this.appConfig.getUserInfoApiUrl()).pipe(operators.map(function (response) { return response; })).subscribe(function (response) {
-                    _this.handleTaskCompletionError(response);
-                });
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Call the API to assign and complete a task.
-         * @param taskId specifies which task should be completed.
-         */
-        WorkAllocationService.prototype.assignAndCompleteTask = function (taskId) {
-            var _this = this;
-            if (!this.isWAEnabled()) {
-                return rxjs.of(null);
-            }
-            var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
-            return this.http
-                .post(url, {
-                completion_options: {
-                    assign_and_complete: true
-                }
-            })
-                .pipe(operators.catchError(function (error) {
-                _this.errorService.setError(error);
-                // this will subscribe to get the user details and decide whether to display an error message
-                _this.http.get(_this.appConfig.getUserInfoApiUrl()).pipe(operators.map(function (response) { return response; })).subscribe(function (response) {
-                    _this.handleTaskCompletionError(response);
-                });
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Handles the response from the observable to get the user details when task is completed.
-         * @param response is the response given from the observable which contains the user detaild.
-         */
-        WorkAllocationService.prototype.handleTaskCompletionError = function (response) {
-            var userDetails = response;
-            if (this.userIsCaseworker(userDetails.userInfo.roles)) {
-                // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
-                this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
-                this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
-            }
-        };
-        /**
-         * Returns true if the user's role is equivalent to a caseworker.
-         * @param roles is the list of roles found from the current user.
-         */
-        WorkAllocationService.prototype.userIsCaseworker = function (roles) {
-            var lowerCaseRoles = roles.map(function (role) { return role.toLowerCase(); });
-            // When/if lib & target permanently change to es2016, replace indexOf with includes
-            return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
-                || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
-        };
-        /**
-         * Look for open tasks for a case and event combination. There are 5 possible scenarios:
-         *   1. No tasks found                              => Success.
-         *   2. One task found => Mark as done              => Success.
-         *   3. One task found => Mark as done throws error => Failure.
-         *   4. More than one task found                    => Failure.
-         *   5. Search call throws an error                 => Failure.
-         * @param ccdId The ID of the case to find tasks for.
-         * @param eventId The ID of the event to find tasks for.
-         */
-        WorkAllocationService.prototype.completeAppropriateTask = function (ccdId, eventId, jurisdiction, caseTypeId) {
-            var _this = this;
-            if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
-                return rxjs.of(null);
-            }
-            var taskSearchParameter = {
-                ccdId: ccdId,
-                eventId: eventId,
-                jurisdiction: jurisdiction,
-                caseTypeId: caseTypeId
-            };
-            return this.searchTasks(taskSearchParameter)
-                .pipe(operators.map(function (response) {
-                var tasks = response.tasks;
-                if (tasks && tasks.length > 0) {
-                    if (tasks.length === 1) {
-                        _this.completeTask(tasks[0].id).subscribe();
-                    }
-                    else {
-                        // This is a problem. Throw an appropriate error.
-                        throw new Error(MULTIPLE_TASKS_FOUND);
-                    }
-                }
-                return true; // All good. Nothing to see here.
-            }), operators.catchError(function (error) {
-                // Simply rethrow it.
-                return rxjs.throwError(error);
-            }));
-        };
-        /**
-         * Return tasks for case and event.
-         */
-        WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
-            var defaultPayload = {
-                task_required_for_event: false,
-                tasks: []
-            };
-            if (!this.isWAEnabled()) {
-                return rxjs.of(defaultPayload);
-            }
-            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId + "/caseType/" + caseType + "/jurisdiction/" + jurisdiction);
-        };
-        /**
-         * Call the API to get a task
-         */
-        WorkAllocationService.prototype.getTask = function (taskId) {
-            if (!this.isWAEnabled()) {
-                return rxjs.of({ task: null });
-            }
-            return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId);
-        };
-        return WorkAllocationService;
-    }());
-    WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
-    WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
-    WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(SessionStorageService)); };
-    WorkAllocationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WorkAllocationService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null);
-    })();
-
     var CaseEditComponent = /** @class */ (function () {
         function CaseEditComponent(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
             this.fb = fb;
@@ -30726,7 +30727,7 @@
             var _r34_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "mat-tab-group", 23, 24);
-            i0__namespace.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r34_1); var ctx_r33 = i0__namespace.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
+            i0__namespace.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r34_1); var ctx_r33 = i0__namespace.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
             i0__namespace.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 1, 2, "mat-tab", 25);
             i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 2, 2, "mat-tab", 25);
             i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 1, 2, "mat-tab", 25);
@@ -30764,6 +30765,7 @@
             this.location = location;
             this.crf = crf;
             this.sessionStorageService = sessionStorageService;
+            this.HEARINGS_TAB_LABEL = 'Hearings';
             this.hasPrint = true;
             this.hasEventSelector = true;
             this.prependedTabs = [];
@@ -30775,6 +30777,7 @@
             this.ignoreWarning = false;
             this.selectedTabIndex = 0;
             this.activeCaseFlags = false;
+            this.subs = [];
             this.callbackErrorsSubject = new rxjs.Subject();
         }
         CaseFullAccessViewComponent.prototype.ngOnInit = function () {
@@ -30827,6 +30830,7 @@
             this.unsubscribe(this.callbackErrorsSubject);
             this.unsubscribe(this.errorSubscription);
             this.unsubscribe(this.subscription);
+            this.subs.forEach(function (s) { return s.unsubscribe(); });
         };
         CaseFullAccessViewComponent.prototype.unsubscribe = function (subscription) {
             if (subscription) {
@@ -30835,19 +30839,22 @@
         };
         CaseFullAccessViewComponent.prototype.checkRouteAndSetCaseViewTab = function () {
             var _this = this;
-            this.router.events
+            this.subs.push(this.router.events
                 .pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationEnd; }))
                 .subscribe(function (event) {
                 var url = event && event.url;
                 if (url) {
-                    var tabUrl = url ? url.split('#') : null;
-                    var tab_1 = tabUrl && tabUrl.length > 1 ? tabUrl[tabUrl.length - 1].replaceAll('%20', ' ') : '';
-                    var matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel.toLowerCase() === tab_1.toLowerCase(); });
-                    if (matTab && matTab.position) {
-                        _this.tabGroup.selectedIndex = matTab.position;
+                    if (url.includes('hearings')) {
+                        _this.selectedTabIndex = _this.getTabIndexByTabLabel(_this.tabGroup, 'hearings');
+                    }
+                    else {
+                        var urlFragment = _this.getUrlFragment(url);
+                        var tabLabel = decodeURIComponent(urlFragment);
+                        var tabIndex = _this.getTabIndexByTabLabel(_this.tabGroup, tabLabel);
+                        _this.selectedTabIndex = tabIndex;
                     }
                 }
-            });
+            }));
         };
         CaseFullAccessViewComponent.prototype.postViewActivity = function () {
             return this.activityPollingService.postViewActivity(this.caseDetails.case_id);
@@ -30971,22 +30978,19 @@
                 }
             }
         };
-        CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
-            // Update selected tab index
-            this.selectedTabIndex = tabChangeEvent.index;
-            var tab = tabChangeEvent.tab['_viewContainerRef'];
-            var id = tab.element.nativeElement.id;
-            // 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 && this.prependedTabs.length) ||
-                (this.appendedTabs && this.appendedTabs.length && id === 'hearings')) {
-                this.router.navigate([id], { relativeTo: this.route });
+        CaseFullAccessViewComponent.prototype.tabChanged = function (tabIndexChanged) {
+            // Refactored under EXUI-110 to address infinite tab loop
+            var matTab = this.tabGroup._tabs.find(function (tab) { return tab.isActive; });
+            var tabLabel = matTab.textLabel;
+            // if hearings tab don't use fragment for navigation
+            if ((tabIndexChanged <= 1 && this.prependedTabs && this.prependedTabs.length) ||
+                (this.appendedTabs && this.appendedTabs.length && tabLabel === this.HEARINGS_TAB_LABEL)) {
+                // cases/case-details/:caseId/hearings
+                this.router.navigate([tabLabel.toLowerCase()], { relativeTo: this.route });
             }
             else {
-                var label_1 = tabChangeEvent.tab.textLabel;
-                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
-                    window.location.hash = label_1;
-                });
+                // cases/case-details/:caseId#tabLabel
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: tabLabel });
             }
         };
         CaseFullAccessViewComponent.prototype.onLinkClicked = function (triggerOutputEventText) {
@@ -31084,6 +31088,12 @@
             this.callbackErrorsSubject.next(null);
             this.alertService.clear();
         };
+        CaseFullAccessViewComponent.prototype.getUrlFragment = function (url) {
+            return url.split('#')[url.split('#').length - 1];
+        };
+        CaseFullAccessViewComponent.prototype.getTabIndexByTabLabel = function (tabGroup, tabLabel) {
+            return tabGroup._tabs.toArray().findIndex(function (t) { return t.textLabel.toLowerCase() === tabLabel.toLowerCase(); });
+        };
         return CaseFullAccessViewComponent;
     }());
     CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM = 'origin';
@@ -31100,7 +31110,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: 13, vars: 12, 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"], ["class", "grid-row", 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"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "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"], ["scope", "col", 3, "id"], [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) {
+        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 13, vars: 12, 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"], ["class", "grid-row", 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"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "selectedIndexChange"], ["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"], ["scope", "col", 3, "id"], [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);