@hmcts/ccpay-web-component 6.5.23-beta1 → 6.5.23-beta3

package/fesm2022/hmcts-ccpay-web-component.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Input, Inject, Component, Pipe, forwardRef, ViewChild, NgModule } from '@angular/core';
-import { BehaviorSubject, throwError } from 'rxjs';
+import { BehaviorSubject, throwError, forkJoin } from 'rxjs';
 import * as i3 from '@angular/common';
 import { CommonModule, formatDate } from '@angular/common';
 import * as i1 from '@angular/common/http';
@@ -3790,42 +3790,32 @@ class AddRemissionComponent {
         const newNetAmount = this.remissionForm.controls.amount.value, remissionAmount = parseFloat((this.fee.net_amount - newNetAmount).toFixed(2)), requestBody = new AddRemissionRequest(this.ccdCaseNumber, this.fee, remissionAmount, this.remissionForm.controls.remissionCode.value, this.caseType);
         this.paymentViewService.postPaymentGroupWithRemissions(decodeURIComponent(this.paymentGroupRef).trim(), this.fee.id, requestBody).subscribe(response => {
             if (JSON.parse(response).success) {
-                let LDUrl = this.isTurnOff ? '&isTurnOff=Enable' : '&isTurnOff=Disable';
-                LDUrl += `&caseType=${this.caseType}`;
-                if (this.paymentLibComponent.bspaymentdcn) {
-                    this.router.routeReuseStrategy.shouldReuseRoute = () => false;
-                    this.router.onSameUrlNavigation = 'reload';
-                    this.router.navigateByUrl(`/payment-history/${this.ccdCaseNumber}?view=fee-summary&selectedOption=${this.option}&paymentGroupRef=${this.paymentGroupRef}&dcn=${this.paymentLibComponent.bspaymentdcn}${LDUrl}`);
-                }
-                else {
-                    this.redirectAfterAddigRemission(event);
-                }
+                this.redirectAfterAddingRemission(event);
             }
         }, (error) => {
             this.errorMessage = error;
             this.isConfirmationBtnDisabled = false;
         });
     }
-    redirectAfterAddigRemission(event) {
+    redirectAfterAddingRemission(event) {
         const value = this.remissionForm.controls.amount.value;
         //if the from is empty or 0 it means full remission.
         if (["0", "", null].includes(value)) {
             this.gotoCasetransationPage();
         }
         else {
-            this.redirectToSummaryPage(event, this.orderRef);
+            this.redirectToSummaryPage(event);
         }
     }
-    redirectToSummaryPage(event, orderef) {
-        if (true) {
+    redirectToSummaryPage(event) {
+        if (event && typeof event.preventDefault === 'function') {
             event.preventDefault();
-            this.paymentLibComponent.bspaymentdcn = null;
-            this.paymentLibComponent.paymentGroupReference = this.paymentGroupRef;
-            this.paymentLibComponent.isTurnOff = this.isTurnOff;
-            this.paymentLibComponent.viewName = 'fee-summary';
-            this.confirmRemissionEvent.emit();
-            this.remissionAdded.emit();
         }
+        this.paymentLibComponent.paymentGroupReference = this.paymentGroupRef;
+        this.paymentLibComponent.isTurnOff = this.isTurnOff;
+        this.paymentLibComponent.viewName = 'fee-summary';
+        this.confirmRemissionEvent.emit();
+        this.remissionAdded.emit();
     }
     returnToFeeScreen() {
         this.viewStatus = 'main';
@@ -4742,25 +4732,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 
 class StatusHistoryComponent {
     statusHistoryService;
+    paymentViewService;
     paymentLibComponent;
     isTakePayment;
     pageTitle = 'Payment status history';
     statuses;
+    isDisplayFailureReasonColumn = false;
+    isDisplayReasons = [];
     errorMessage;
-    constructor(statusHistoryService, paymentLibComponent) {
+    constructor(statusHistoryService, paymentViewService, paymentLibComponent) {
         this.statusHistoryService = statusHistoryService;
+        this.paymentViewService = paymentViewService;
         this.paymentLibComponent = paymentLibComponent;
     }
     ngOnInit() {
-        this.statusHistoryService.getPaymentStatusesByReference(this.paymentLibComponent.paymentReference, this.paymentLibComponent.paymentMethod).subscribe(statuses => this.statuses = statuses, (error) => this.errorMessage = error.replace(/"/g, ""));
+        forkJoin({
+            paymentGroup: this.paymentViewService.getApportionPaymentDetails(this.paymentLibComponent.paymentReference),
+            statuses: this.statusHistoryService.getPaymentStatusesByReference(this.paymentLibComponent.paymentReference, this.paymentLibComponent.paymentMethod)
+        }).subscribe(({ paymentGroup, statuses }) => {
+            this.statuses = statuses;
+            const firstPayment = paymentGroup &&
+                paymentGroup.payments &&
+                paymentGroup.payments.length > 0 ? paymentGroup.payments[0] : null;
+            if (firstPayment &&
+                (firstPayment.channel.toLowerCase() === 'telephony' || firstPayment.channel.toLowerCase() === 'online') &&
+                (firstPayment.method.toLowerCase() === 'card')) {
+                this.isDisplayReasons = this.statuses.status_histories.map(statusHistory => statusHistory.status.toLowerCase() === 'failed' ||
+                    statusHistory.status.toLowerCase() === 'declined' ||
+                    statusHistory.status.toLowerCase() === 'cancelled' ||
+                    statusHistory.status.toLowerCase() === 'timed out' ||
+                    statusHistory.status.toLowerCase() === 'error');
+                this.isDisplayFailureReasonColumn = this.isDisplayReasons.some(isDisplayReason => isDisplayReason);
+            }
+            else {
+                this.isDisplayReasons = [];
+                this.isDisplayFailureReasonColumn = false;
+            }
+        }, (error) => this.errorMessage = error.replace(/"/g, ""));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StatusHistoryComponent, deps: [{ token: StatusHistoryService }, { token: 'PAYMENT_LIB' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: StatusHistoryComponent, isStandalone: true, selector: "ccpay-payment-statuses", inputs: { isTakePayment: "isTakePayment" }, ngImport: i0, template: "<div class=\"column\">\n  <h2 class=\"heading-medium\">{{ pageTitle }}</h2>\n</div>\n\n\n<div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\" *ngIf=\"errorMessage\">\n  <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n    Payment status history could not be retrieved\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    {{ errorMessage }}\n  </div>\n</div>\n\n<div *ngIf=\"!errorMessage && statuses\">\n  <table>\n      <thead>\n        <tr>\n          <th>Status</th>\n          <th *ngIf=\"isTakePayment\">Amount</th>\n          <th>Date and time</th>\n        </tr>\n      </thead> \n      <tbody>\n        <tr *ngFor=\"let status of statuses.status_histories\">\n          <td>{{ status.status }}</td>\n          <td *ngIf=\"isTakePayment\">\u00A3{{ statuses.amount | number:'.2' }}</td>\n          <td>{{ status.date_created | date:'dd MMMM yyyy HH:mm:ss'}}</td>\n        </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StatusHistoryComponent, deps: [{ token: StatusHistoryService }, { token: PaymentViewService }, { token: 'PAYMENT_LIB' }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: StatusHistoryComponent, isStandalone: true, selector: "ccpay-payment-statuses", inputs: { isTakePayment: "isTakePayment" }, ngImport: i0, template: "<div class=\"column\">\n  <h2 class=\"heading-medium\">{{ pageTitle }}</h2>\n</div>\n\n\n<div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\" *ngIf=\"errorMessage\">\n  <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n    Payment status history could not be retrieved\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    {{ errorMessage }}\n  </div>\n</div>\n\n<div *ngIf=\"!errorMessage && statuses\">\n  <table>\n      <thead>\n        <tr>\n          <th>Status</th>\n          <th *ngIf=\"isDisplayFailureReasonColumn\">Failure reason</th>\n          <th *ngIf=\"isTakePayment\">Amount</th>\n          <th>Date and time</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let status of statuses.status_histories; let i = index\">\n          <td>{{ status.status }}</td>\n          <td *ngIf=\"isDisplayFailureReasonColumn\">{{ isDisplayReasons[i] ? status.error_message : '' }}</td>\n          <td *ngIf=\"isTakePayment\">\u00A3{{ statuses.amount | number:'.2' }}</td>\n          <td>{{ status.date_created | date:'dd MMMM yyyy HH:mm:ss'}}</td>\n        </tr>\n    </tbody>\n  </table>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StatusHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ccpay-payment-statuses', imports: [CommonModule], standalone: true, template: "<div class=\"column\">\n  <h2 class=\"heading-medium\">{{ pageTitle }}</h2>\n</div>\n\n\n<div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\" *ngIf=\"errorMessage\">\n  <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n    Payment status history could not be retrieved\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    {{ errorMessage }}\n  </div>\n</div>\n\n<div *ngIf=\"!errorMessage && statuses\">\n  <table>\n      <thead>\n        <tr>\n          <th>Status</th>\n          <th *ngIf=\"isTakePayment\">Amount</th>\n          <th>Date and time</th>\n        </tr>\n      </thead> \n      <tbody>\n        <tr *ngFor=\"let status of statuses.status_histories\">\n          <td>{{ status.status }}</td>\n          <td *ngIf=\"isTakePayment\">\u00A3{{ statuses.amount | number:'.2' }}</td>\n          <td>{{ status.date_created | date:'dd MMMM yyyy HH:mm:ss'}}</td>\n        </tr>\n    </tbody>\n  </table>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: StatusHistoryService }, { type: undefined, decorators: [{
+            args: [{ selector: 'ccpay-payment-statuses', imports: [CommonModule], standalone: true, template: "<div class=\"column\">\n  <h2 class=\"heading-medium\">{{ pageTitle }}</h2>\n</div>\n\n\n<div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\" *ngIf=\"errorMessage\">\n  <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n    Payment status history could not be retrieved\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    {{ errorMessage }}\n  </div>\n</div>\n\n<div *ngIf=\"!errorMessage && statuses\">\n  <table>\n      <thead>\n        <tr>\n          <th>Status</th>\n          <th *ngIf=\"isDisplayFailureReasonColumn\">Failure reason</th>\n          <th *ngIf=\"isTakePayment\">Amount</th>\n          <th>Date and time</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let status of statuses.status_histories; let i = index\">\n          <td>{{ status.status }}</td>\n          <td *ngIf=\"isDisplayFailureReasonColumn\">{{ isDisplayReasons[i] ? status.error_message : '' }}</td>\n          <td *ngIf=\"isTakePayment\">\u00A3{{ statuses.amount | number:'.2' }}</td>\n          <td>{{ status.date_created | date:'dd MMMM yyyy HH:mm:ss'}}</td>\n        </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: StatusHistoryService }, { type: PaymentViewService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['PAYMENT_LIB']
                 }] }], propDecorators: { isTakePayment: [{