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

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

@@ -8421,223 +8421,13 @@
             }], 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, workAllocationService, loadingService, sessionStorageService) {
+        function CasesService(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;
@@ -8872,12 +8662,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(WorkAllocationService), 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(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: WorkAllocationService }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
     })();
 
     var EventTriggerService = /** @class */ (function () {
@@ -9531,6 +9321,215 @@
             }], 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;
@@ -19135,9 +19134,6 @@
         PaymentField.prototype.getRefundsUrl = function () {
             return this.appConfig.getRefundsUrl();
         };
-        PaymentField.prototype.getNotificationUrl = function () {
-            return this.appConfig.getNotificationUrl();
-        };
         PaymentField.prototype.getUserRoles = function () {
             var userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
             if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -19163,12 +19159,12 @@
         return CasePaymentHistoryViewerFieldComponent;
     }(PaymentField));
     CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵ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) {
+    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵelement(0, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵ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__namespace.ɵɵ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__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
@@ -19801,7 +19797,7 @@
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵ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__namespace.ɵɵ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");
         }
     }
     var WaysToPayFieldComponent = /** @class */ (function (_super) {
@@ -19815,9 +19811,9 @@
         return WaysToPayFieldComponent;
     }(PaymentField));
     WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵ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) {
+    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
+                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
@@ -26072,7 +26068,7 @@
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
     i0__namespace.ɵɵsetComponentScope(
     // ComponentLauncher web components
-    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.MediaViewerComponent], []);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesFromReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkCasesComponent, [i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i2__namespace.FormArrayName, i1__namespace.NgForOf, i2__namespace.FormGroupName, i2__namespace.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);