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

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -7210,13 +7210,215 @@ WizardPageFieldToCaseFieldMapper.ɵprov = i0.ɵɵdefineInjectable({ token: Wizar
             }]
     }], null, null); })();
 
+const MULTIPLE_TASKS_FOUND = 'More than one task found!';
+class WorkAllocationService {
+    constructor(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.
+     */
+    searchTasks(searchRequest) {
+        // Do not need to check if WA enabled as parent method will do that
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
+        return this.http
+            .post(url, { searchRequest }, null, false)
+            .pipe(map(response => response), catchError(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 throwError(error);
+            }
+        }));
+    }
+    isWAEnabled(jurisdiction, caseType) {
+        this.features = this.appConfig.getWAServiceConfig();
+        let enabled = false;
+        if (!jurisdiction || !caseType) {
+            const 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(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.
+     */
+    assignTask(taskId, userId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
+        return this.http
+            .post(url, { userId })
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    completeTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {})
+            .pipe(catchError(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(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to assign and complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    assignAndCompleteTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {
+            completion_options: {
+                assign_and_complete: true
+            }
+        })
+            .pipe(catchError(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(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return 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.
+     */
+    handleTaskCompletionError(response) {
+        const 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.
+     */
+    userIsCaseworker(roles) {
+        const lowerCaseRoles = roles.map(role => 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.
+     */
+    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
+        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
+            return of(null);
+        }
+        const taskSearchParameter = {
+            ccdId,
+            eventId,
+            jurisdiction,
+            caseTypeId
+        };
+        return this.searchTasks(taskSearchParameter)
+            .pipe(map((response) => {
+            const 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.
+        }), catchError(error => {
+            // Simply rethrow it.
+            return throwError(error);
+        }));
+    }
+    /**
+     * Return tasks for case and event.
+     */
+    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
+        const defaultPayload = {
+            task_required_for_event: false,
+            tasks: []
+        };
+        if (!this.isWAEnabled()) {
+            return 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
+     */
+    getTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of({ task: null });
+        }
+        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
+    }
+}
+WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
+WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
+WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
+WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
+
 class CasesService {
-    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
+    constructor(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;
@@ -7442,11 +7644,11 @@ CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd
 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.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
+CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(WorkAllocationService), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
 CasesService.ɵprov = i0.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasesService, [{
         type: 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); })();
 
 class EventTriggerService {
     constructor() {
@@ -8049,207 +8251,6 @@ PageValidationService.ɵprov = i0.ɵɵdefineInjectable({ token: PageValidationSe
         type: Injectable
     }], function () { return [{ type: CaseFieldService }]; }, null); })();
 
-const MULTIPLE_TASKS_FOUND = 'More than one task found!';
-class WorkAllocationService {
-    constructor(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.
-     */
-    searchTasks(searchRequest) {
-        // Do not need to check if WA enabled as parent method will do that
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
-        return this.http
-            .post(url, { searchRequest }, null, false)
-            .pipe(map(response => response), catchError(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 throwError(error);
-            }
-        }));
-    }
-    isWAEnabled(jurisdiction, caseType) {
-        this.features = this.appConfig.getWAServiceConfig();
-        let enabled = false;
-        if (!jurisdiction || !caseType) {
-            const 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(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.
-     */
-    assignTask(taskId, userId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
-        return this.http
-            .post(url, { userId })
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    completeTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {})
-            .pipe(catchError(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(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to assign and complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    assignAndCompleteTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {
-            completion_options: {
-                assign_and_complete: true
-            }
-        })
-            .pipe(catchError(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(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return 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.
-     */
-    handleTaskCompletionError(response) {
-        const 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.
-     */
-    userIsCaseworker(roles) {
-        const lowerCaseRoles = roles.map(role => 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.
-     */
-    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
-        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
-            return of(null);
-        }
-        const taskSearchParameter = {
-            ccdId,
-            eventId,
-            jurisdiction,
-            caseTypeId
-        };
-        return this.searchTasks(taskSearchParameter)
-            .pipe(map((response) => {
-            const 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.
-        }), catchError(error => {
-            // Simply rethrow it.
-            return throwError(error);
-        }));
-    }
-    /**
-     * Return tasks for case and event.
-     */
-    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
-        const defaultPayload = {
-            task_required_for_event: false,
-            tasks: []
-        };
-        if (!this.isWAEnabled()) {
-            return 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
-     */
-    getTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of({ task: null });
-        }
-        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
-    }
-}
-WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
-WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
-WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
-WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
-
 class CaseEditComponent {
     constructor(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
         this.fb = fb;
@@ -26775,7 +26776,7 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
     const _r34 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-tab-group", 23, 24);
-    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
+    i0.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
     i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 1, 2, "mat-tab", 25);
     i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 2, 2, "mat-tab", 25);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 1, 2, "mat-tab", 25);
@@ -26811,6 +26812,7 @@ class CaseFullAccessViewComponent {
         this.location = location;
         this.crf = crf;
         this.sessionStorageService = sessionStorageService;
+        this.HEARINGS_TAB_LABEL = 'Hearings';
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
@@ -26822,6 +26824,7 @@ class CaseFullAccessViewComponent {
         this.ignoreWarning = false;
         this.selectedTabIndex = 0;
         this.activeCaseFlags = false;
+        this.subs = [];
         this.callbackErrorsSubject = new Subject();
     }
     ngOnInit() {
@@ -26873,6 +26876,7 @@ class CaseFullAccessViewComponent {
         this.unsubscribe(this.callbackErrorsSubject);
         this.unsubscribe(this.errorSubscription);
         this.unsubscribe(this.subscription);
+        this.subs.forEach(s => s.unsubscribe());
     }
     unsubscribe(subscription) {
         if (subscription) {
@@ -26880,19 +26884,22 @@ class CaseFullAccessViewComponent {
         }
     }
     checkRouteAndSetCaseViewTab() {
-        this.router.events
+        this.subs.push(this.router.events
             .pipe(filter((event) => event instanceof NavigationEnd))
             .subscribe((event) => {
             const url = event && event.url;
             if (url) {
-                const tabUrl = url ? url.split('#') : null;
-                const tab = tabUrl && tabUrl.length > 1 ? tabUrl[tabUrl.length - 1].replaceAll('%20', ' ') : '';
-                const matTab = this.tabGroup._tabs.find((x) => x.textLabel.toLowerCase() === tab.toLowerCase());
-                if (matTab && matTab.position) {
-                    this.tabGroup.selectedIndex = matTab.position;
+                if (url.includes('hearings')) {
+                    this.selectedTabIndex = this.getTabIndexByTabLabel(this.tabGroup, 'hearings');
+                }
+                else {
+                    const urlFragment = this.getUrlFragment(url);
+                    const tabLabel = decodeURIComponent(urlFragment);
+                    const tabIndex = this.getTabIndexByTabLabel(this.tabGroup, tabLabel);
+                    this.selectedTabIndex = tabIndex;
                 }
             }
-        });
+        }));
     }
     postViewActivity() {
         return this.activityPollingService.postViewActivity(this.caseDetails.case_id);
@@ -27014,22 +27021,19 @@ class CaseFullAccessViewComponent {
             }
         }
     }
-    tabChanged(tabChangeEvent) {
-        // Update selected tab index
-        this.selectedTabIndex = tabChangeEvent.index;
-        const tab = tabChangeEvent.tab['_viewContainerRef'];
-        const 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 });
+    tabChanged(tabIndexChanged) {
+        // Refactored under EXUI-110 to address infinite tab loop
+        const matTab = this.tabGroup._tabs.find(tab => tab.isActive);
+        const 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 {
-            const label = tabChangeEvent.tab.textLabel;
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
-                window.location.hash = label;
-            });
+            // cases/case-details/:caseId#tabLabel
+            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: tabLabel });
         }
     }
     onLinkClicked(triggerOutputEventText) {
@@ -27125,6 +27129,12 @@ class CaseFullAccessViewComponent {
         this.callbackErrorsSubject.next(null);
         this.alertService.clear();
     }
+    getUrlFragment(url) {
+        return url.split('#')[url.split('#').length - 1];
+    }
+    getTabIndexByTabLabel(tabGroup, tabLabel) {
+        return tabGroup._tabs.toArray().findIndex((t) => t.textLabel.toLowerCase() === tabLabel.toLowerCase());
+    }
 }
 CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM = 'origin';
 CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
@@ -27137,7 +27147,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵ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) { if (rf & 1) {
+    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵ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.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
         i0.ɵɵelementStart(2, "ccd-callback-errors", 1);