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

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

@@ -7210,215 +7210,13 @@ 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, workAllocationService, loadingService, sessionStorageService) {
+    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, 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;
@@ -7644,11 +7442,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(WorkAllocationService), 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(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: WorkAllocationService }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
 
 class EventTriggerService {
     constructor() {
@@ -8251,6 +8049,207 @@ 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;
@@ -16608,9 +16607,6 @@ class PaymentField extends AbstractFieldReadComponent {
     getRefundsUrl() {
         return this.appConfig.getRefundsUrl();
     }
-    getNotificationUrl() {
-        return this.appConfig.getNotificationUrl();
-    }
     getUserRoles() {
         const userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
         if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -16633,10 +16629,10 @@ class CasePaymentHistoryViewerFieldComponent extends PaymentField {
     }
 }
 CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 16, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 15, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "ccpay-payment-lib", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx.getNotificationUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
+        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
     } }, directives: [i3.PaymentLibComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasePaymentHistoryViewerFieldComponent, [{
         type: Component,
@@ -17135,7 +17131,7 @@ function WaysToPayFieldComponent_ccpay_payment_lib_0_Template(rf, ctx) { if (rf
     i0.ɵɵelement(0, "ccpay-payment-lib", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx_r0.getNotificationUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
+    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
 } }
 class WaysToPayFieldComponent extends PaymentField {
     constructor(appConfig, sessionStorage) {
@@ -17146,8 +17142,8 @@ class WaysToPayFieldComponent extends PaymentField {
     }
 }
 WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
+WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
     } }, directives: [i1.NgIf, i3.PaymentLibComponent], encapsulation: 2 });
@@ -22690,7 +22686,7 @@ i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePic
 i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
 i0.ɵɵsetComponentScope(
 // ComponentLauncher web components
-CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
+CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
 i0.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesFromReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkCasesComponent, [i1.NgIf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.FormArrayName, i1.NgForOf, i2.FormGroupName, i2.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);