@hmcts/ccpay-web-component 5.0.8-beta05 → 5.0.8-beta11

package/esm5/lib/components/payment-list/payment-list.component.js

@@ -1,8 +1,3 @@
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/components/payment-list/payment-list.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 import { Component } from '@angular/core';
 import { PaymentListService } from '../../services/payment-list/payment-list.service';
 import { PaymentLibComponent } from '../../payment-lib.component';
@@ -11,51 +6,28 @@ var PaymentListComponent = /** @class */ (function () {
         this.paymentListService = paymentListService;
         this.paymentLibComponent = paymentLibComponent;
     }
-    /**
-     * @return {?}
-     */
-    PaymentListComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    PaymentListComponent.prototype.ngOnInit = function () {
         var _this = this;
         this.paymentListService.getPaymentByCcdCaseNumber(this.paymentLibComponent.CCD_CASE_NUMBER, this.paymentLibComponent.PAYMENT_METHOD)
-            .subscribe((/**
-         * @param {?} payments
-         * @return {?}
-         */
-        function (payments) { return _this.payments = payments; }), (/**
-         * @param {?} error
-         * @return {?}
-         */
-        function (error) { return _this.errorMessage = (/** @type {?} */ (error)); }));
+            .subscribe(function (payments) { return _this.payments = payments; }, function (error) { return _this.errorMessage = error; });
     };
-    /**
-     * @param {?} paymentGroupReference
-     * @param {?} paymentReference
-     * @param {?} paymentMethod
-     * @return {?}
-     */
-    PaymentListComponent.prototype.loadPaymentViewComponent = /**
-     * @param {?} paymentGroupReference
-     * @param {?} paymentReference
-     * @param {?} paymentMethod
-     * @return {?}
-     */
-    function (paymentGroupReference, paymentReference, paymentMethod) {
+    PaymentListComponent.prototype.loadPaymentViewComponent = function (paymentGroupReference, paymentReference, paymentMethod) {
         this.paymentLibComponent.paymentMethod = paymentMethod;
         this.paymentLibComponent.paymentGroupReference = paymentGroupReference;
         this.paymentLibComponent.paymentReference = paymentReference;
         this.paymentLibComponent.viewName = 'payment-view';
     };
+    PaymentListComponent.ctorParameters = function () { return [
+        { type: PaymentListService },
+        { type: PaymentLibComponent }
+    ]; };
     PaymentListComponent.decorators = [
         { type: Component, args: [{
                     selector: 'ccpay-payment-list',
                     template: "<div class=\"govuk-width-container\">\n\n  <div *ngIf=\"errorMessage\">\n    <div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\">\n      <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n        Payments list could not be retrieved\n      </h2>\n      <div class=\"govuk-error-summary__body\">\n        {{ errorMessage }}\n      </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"!errorMessage && payments\">\n\n    <table class=\"table\">\n      <tr>\n        <th class=\"bold font-xsmall\">Payment group reference</th>\n        <th class=\"bold font-xsmall\">Payment reference</th>\n        <th class=\"bold font-xsmall\">Date created</th>\n        <th class=\"bold font-xsmall\">Channel</th>\n        <th class=\"bold font-xsmall\">Method</th>\n        <th class=\"bold font-xsmall\">Amount</th>\n        <th class=\"bold font-xsmall\">Status</th>\n      </tr>\n      <tr *ngFor=\"let payment of payments.payments\">\n        <td class=\"font-xsmall\">\n          <a href=\"javascript:void(0)\" (click)=\"loadPaymentViewComponent(payment.payment_group_reference, payment.payment_reference, payment.method)\">{{ payment.payment_group_reference }}</a>\n        <td class=\"font-xsmall\">{{ payment.payment_reference }}</td>\n        <td class=\"font-xsmall\">{{ payment.date_created | date:'dd MMM yyyy' }}</td>\n        <td class=\"font-xsmall\">{{ payment.channel | titlecase }}</td>\n        <td class=\"font-xsmall\">{{ payment.method | titlecase }}</td>\n        <td class=\"font-xsmall\">\u00A3{{ payment.amount | number:'.2' }}</td>\n        <td *ngIf=\"payment.method === 'card' && payment.channel === 'online'\">\n          <details>\n            <summary><span class=\"summary font-xsmall\">{{ payment.status }}</span></summary>\n            <div class=\"panel panel-border-narrow\" *ngIf=\"payment.status === 'Failed'\">\n              <div *ngFor=\"let statusHistory of payment.status_histories\">\n                <p class=\"font-xsmall\" *ngIf=\"statusHistory.error_code === 'P0010'\">\n                  Payment rejected due to payment method selected or payment information entered, for example, failed fraud check, a 3D Secure authentication failure, or the user does not have enough money in account\n                </p>\n                <p class=\"font-xsmall\" *ngIf=\"statusHistory.error_code === 'P0020'\">\n                  Payment was not confirmed and completed within 90 minutes of being created\n                </p>\n                <p class=\"font-xsmall\" *ngIf=\"statusHistory.error_code === 'P0030'\">\n                  User clicked on the \u201CCancel payment\u201D button during the payment journey\n                </p>\n                <p class=\"font-xsmall\" *ngIf=\"statusHistory.error_code === 'P0050'\">\n                  Multiple possible causes, for example a configuration problem with the payment provider, or incorrect login credentials\n                </p>\n              </div>\n            </div>\n          </details>\n        </td>\n        <td *ngIf=\"payment.method === 'card' && payment.channel === 'telephony'\" class=\"font-xsmall\">\n          {{ payment.status}}\n        </td>\n        <td *ngIf=\"payment.method === 'payment by account'\">\n          <details>\n            <summary><span class=\"summary font-xsmall\">{{ payment.status }}</span></summary>\n            <div class=\"panel panel-border-narrow\" *ngIf=\"payment.status === 'Pending'\">\n              <p class=\"font-xsmall\">This means the transaction is being processed by Liberata.</p>\n            </div>\n          </details>\n        </td>\n      </tr>\n    </table>\n\n  </div>\n\n</div>\n",
                     styles: [""]
-                }] }
+                },] }
     ];
-    /** @nocollapse */
     PaymentListComponent.ctorParameters = function () { return [
         { type: PaymentListService },
         { type: PaymentLibComponent }
@@ -63,22 +35,4 @@ var PaymentListComponent = /** @class */ (function () {
     return PaymentListComponent;
 }());
 export { PaymentListComponent };
-if (false) {
-    /** @type {?} */
-    PaymentListComponent.prototype.payments;
-    /** @type {?} */
-    PaymentListComponent.prototype.errorMessage;
-    /** @type {?} */
-    PaymentListComponent.prototype.code;
-    /**
-     * @type {?}
-     * @private
-     */
-    PaymentListComponent.prototype.paymentListService;
-    /**
-     * @type {?}
-     * @private
-     */
-    PaymentListComponent.prototype.paymentLibComponent;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGF5bWVudC1saXN0L3BheW1lbnQtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRWhELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtEQUFrRCxDQUFDO0FBRXBGLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBR2hFO0lBVUUsOEJBQW9CLGtCQUFzQyxFQUN0QyxtQkFBd0M7UUFEeEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO0lBQzVELENBQUM7Ozs7SUFFRCx1Q0FBUTs7O0lBQVI7UUFBQSxpQkFNQztRQUxDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUM7YUFDakksU0FBUzs7OztRQUNSLFVBQUEsUUFBUSxJQUFJLE9BQUEsS0FBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLEVBQXhCLENBQXdCOzs7O1FBQ3BDLFVBQUMsS0FBVSxJQUFLLE9BQUEsS0FBSSxDQUFDLFlBQVksR0FBRyxtQkFBSyxLQUFLLEVBQUEsRUFBOUIsQ0FBOEIsRUFDL0MsQ0FBQztJQUNOLENBQUM7Ozs7Ozs7SUFFRCx1REFBd0I7Ozs7OztJQUF4QixVQUF5QixxQkFBNkIsRUFBRSxnQkFBd0IsRUFBRSxhQUFxQjtRQUNyRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztRQUN2RCxJQUFJLENBQUMsbUJBQW1CLENBQUMscUJBQXFCLEdBQUcscUJBQXFCLENBQUM7UUFDdkUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBQzdELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFDO0lBQ3JELENBQUM7O2dCQTNCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIscXBIQUE0Qzs7aUJBRTdDOzs7O2dCQVRPLGtCQUFrQjtnQkFFbEIsbUJBQW1COztJQStCM0IsMkJBQUM7Q0FBQSxBQTVCRCxJQTRCQztTQXZCWSxvQkFBb0I7OztJQUMvQix3Q0FBb0I7O0lBQ3BCLDRDQUFxQjs7SUFDckIsb0NBQWE7Ozs7O0lBRUQsa0RBQThDOzs7OztJQUM5QyxtREFBZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtQYXltZW50TGlzdFNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3BheW1lbnQtbGlzdC9wYXltZW50LWxpc3Quc2VydmljZSc7XG5pbXBvcnQge0lQYXltZW50c30gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9JUGF5bWVudHMnO1xuaW1wb3J0IHtQYXltZW50TGliQ29tcG9uZW50fSBmcm9tICcuLi8uLi9wYXltZW50LWxpYi5jb21wb25lbnQnO1xuaW1wb3J0IHtJU3RhdHVzSGlzdG9yeX0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9JU3RhdHVzSGlzdG9yeSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjcGF5LXBheW1lbnQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXltZW50LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYXltZW50LWxpc3QuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBheW1lbnRMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcGF5bWVudHM6IElQYXltZW50cztcbiAgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XG4gIGNvZGU6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBheW1lbnRMaXN0U2VydmljZTogUGF5bWVudExpc3RTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHBheW1lbnRMaWJDb21wb25lbnQ6IFBheW1lbnRMaWJDb21wb25lbnQpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucGF5bWVudExpc3RTZXJ2aWNlLmdldFBheW1lbnRCeUNjZENhc2VOdW1iZXIodGhpcy5wYXltZW50TGliQ29tcG9uZW50LkNDRF9DQVNFX05VTUJFUiwgdGhpcy5wYXltZW50TGliQ29tcG9uZW50LlBBWU1FTlRfTUVUSE9EKVxuICAgICAgLnN1YnNjcmliZShcbiAgICAgICAgcGF5bWVudHMgPT4gdGhpcy5wYXltZW50cyA9IHBheW1lbnRzLFxuICAgICAgICAoZXJyb3I6IGFueSkgPT4gdGhpcy5lcnJvck1lc3NhZ2UgPSA8YW55PmVycm9yXG4gICAgICApO1xuICB9XG5cbiAgbG9hZFBheW1lbnRWaWV3Q29tcG9uZW50KHBheW1lbnRHcm91cFJlZmVyZW5jZTogc3RyaW5nLCBwYXltZW50UmVmZXJlbmNlOiBzdHJpbmcsIHBheW1lbnRNZXRob2Q6IHN0cmluZykge1xuICAgIHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5wYXltZW50TWV0aG9kID0gcGF5bWVudE1ldGhvZDtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQucGF5bWVudEdyb3VwUmVmZXJlbmNlID0gcGF5bWVudEdyb3VwUmVmZXJlbmNlO1xuICAgIHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5wYXltZW50UmVmZXJlbmNlID0gcGF5bWVudFJlZmVyZW5jZTtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQudmlld05hbWUgPSAncGF5bWVudC12aWV3JztcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGF5bWVudC1saXN0L3BheW1lbnQtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUVoRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrREFBa0QsQ0FBQztBQUVwRixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUdoRTtJQVVFLDhCQUFvQixrQkFBc0MsRUFDdEMsbUJBQXdDO1FBRHhDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUM1RCxDQUFDO0lBRUQsdUNBQVEsR0FBUjtRQUFBLGlCQU1DO1FBTEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLHlCQUF5QixDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsQ0FBQzthQUNqSSxTQUFTLENBQ1IsVUFBQSxRQUFRLElBQUksT0FBQSxLQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsRUFBeEIsQ0FBd0IsRUFDcEMsVUFBQyxLQUFVLElBQUssT0FBQSxLQUFJLENBQUMsWUFBWSxHQUFRLEtBQUssRUFBOUIsQ0FBOEIsQ0FDL0MsQ0FBQztJQUNOLENBQUM7SUFFRCx1REFBd0IsR0FBeEIsVUFBeUIscUJBQTZCLEVBQUUsZ0JBQXdCLEVBQUUsYUFBcUI7UUFDckcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7UUFDdkQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLHFCQUFxQixHQUFHLHFCQUFxQixDQUFDO1FBQ3ZFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztRQUM3RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQztJQUNyRCxDQUFDOztnQkFqQnVDLGtCQUFrQjtnQkFDakIsbUJBQW1COzs7Z0JBWDdELFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixxcEhBQTRDOztpQkFFN0M7OztnQkFUTyxrQkFBa0I7Z0JBRWxCLG1CQUFtQjs7SUErQjNCLDJCQUFDO0NBQUEsQUE1QkQsSUE0QkM7U0F2Qlksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7UGF5bWVudExpc3RTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9wYXltZW50LWxpc3QvcGF5bWVudC1saXN0LnNlcnZpY2UnO1xuaW1wb3J0IHtJUGF5bWVudHN9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVBheW1lbnRzJztcbmltcG9ydCB7UGF5bWVudExpYkNvbXBvbmVudH0gZnJvbSAnLi4vLi4vcGF5bWVudC1saWIuY29tcG9uZW50JztcbmltcG9ydCB7SVN0YXR1c0hpc3Rvcnl9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVN0YXR1c0hpc3RvcnknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY3BheS1wYXltZW50LWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGF5bWVudC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGF5bWVudC1saXN0LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYXltZW50TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHBheW1lbnRzOiBJUGF5bWVudHM7XG4gIGVycm9yTWVzc2FnZTogc3RyaW5nO1xuICBjb2RlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwYXltZW50TGlzdFNlcnZpY2U6IFBheW1lbnRMaXN0U2VydmljZSxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBwYXltZW50TGliQ29tcG9uZW50OiBQYXltZW50TGliQ29tcG9uZW50KSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnBheW1lbnRMaXN0U2VydmljZS5nZXRQYXltZW50QnlDY2RDYXNlTnVtYmVyKHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5DQ0RfQ0FTRV9OVU1CRVIsIHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5QQVlNRU5UX01FVEhPRClcbiAgICAgIC5zdWJzY3JpYmUoXG4gICAgICAgIHBheW1lbnRzID0+IHRoaXMucGF5bWVudHMgPSBwYXltZW50cyxcbiAgICAgICAgKGVycm9yOiBhbnkpID0+IHRoaXMuZXJyb3JNZXNzYWdlID0gPGFueT5lcnJvclxuICAgICAgKTtcbiAgfVxuXG4gIGxvYWRQYXltZW50Vmlld0NvbXBvbmVudChwYXltZW50R3JvdXBSZWZlcmVuY2U6IHN0cmluZywgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nLCBwYXltZW50TWV0aG9kOiBzdHJpbmcpIHtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQucGF5bWVudE1ldGhvZCA9IHBheW1lbnRNZXRob2Q7XG4gICAgdGhpcy5wYXltZW50TGliQ29tcG9uZW50LnBheW1lbnRHcm91cFJlZmVyZW5jZSA9IHBheW1lbnRHcm91cFJlZmVyZW5jZTtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQucGF5bWVudFJlZmVyZW5jZSA9IHBheW1lbnRSZWZlcmVuY2U7XG4gICAgdGhpcy5wYXltZW50TGliQ29tcG9uZW50LnZpZXdOYW1lID0gJ3BheW1lbnQtdmlldyc7XG4gIH1cbn1cbiJdfQ==