@hmcts/ccpay-web-component 4.0.0-beta60 → 4.0.0-beta604

package/esm2015/lib/components/card-details/card-details.component.js

@@ -1,6 +1,6 @@
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 import { Component } from '@angular/core';
 import { CardDetailsService } from '../../services/card-details/card-details.service';
@@ -19,7 +19,15 @@ export class CardDetailsComponent {
      * @return {?}
      */
     ngOnInit() {
-        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe(cardDetails => this.cardDetails = cardDetails, (error) => this.errorMessage = /** @type {?} */ (error));
+        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe((/**
+         * @param {?} cardDetails
+         * @return {?}
+         */
+        cardDetails => this.cardDetails = cardDetails), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        (error) => this.errorMessage = (/** @type {?} */ (error))));
     }
     /**
      * @return {?}
@@ -31,57 +39,9 @@ export class CardDetailsComponent {
 CardDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ccpay-card-details',
-                template: `
-<div class="column">
-  <h2 class="heading-medium">Payment method</h2>
-</div>
-
-<div role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1" *ngIf="errorMessage">
-    Payment method unavailable, The payment has either expired or unsuccessful.
-</div>
-
-<div *ngIf="!errorMessage && cardDetails">
-
-<table>
-  <tbody>
-  <tr>
-    <td class="bold" width="330px">Method</td>
-    <td>Card</td>
-  </tr>
-  <tr>
-    <td class="bold" width="330px">Type</td>
-    <td>{{ cardDetails.card_brand }}</td>
-  </tr>
-<!--   <tr>
-    <td class="bold" width="330px">Name on card</td>
-    <td>{{ cardDetails.cardholder_name }}</td>
-  </tr>
-  <tr>
-    <td class="bold" width="330px">Card number</td>
-    <td>**** **** **** {{ cardDetails.last_digits_card_number }}</td>
-  </tr>
-  <tr>
-    <td class="bold" width="330px">Card expiry date</td>
-    <td>{{ cardDetails.expiry_date}}</td>
-  </tr>
-  <tr>
-    <td class="bold" width="330px">Email</td>
-    <td>{{ cardDetails.email }}</td>
-  </tr> -->
-  </tbody>
-</table>
-</div>
-
-
-
-<!--<div class="container">-->
-  <!--<fieldset class="col-md-12">-->
-    <!--<button class="button" routerLink="/payment-view/{{ getPaymentReference }}">Back</button>-->
-  <!--</fieldset>-->
-<!--</div>-->
-`,
-                styles: [``]
-            },] },
+                template: "\n<div class=\"column\">\n  <h2 class=\"heading-medium\">Payment method</h2>\n</div>\n\n<div role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\" *ngIf=\"errorMessage\">\n    Payment method unavailable, The payment has either expired or unsuccessful.\n</div>\n\n<div *ngIf=\"!errorMessage && cardDetails\">\n\n<table>\n  <tbody>\n  <tr>\n    <td class=\"bold tb-col-w\">Method</td>\n    <td>Card</td>\n  </tr>\n  <tr>\n    <td class=\"bold tb-col-w\">Type</td>\n    <td>{{ cardDetails.card_brand }}</td>\n  </tr>\n  </tbody>\n</table>\n</div>\n\n",
+                styles: [".tb-col-w{width:330px}"]
+            }] }
 ];
 /** @nocollapse */
 CardDetailsComponent.ctorParameters = () => [
@@ -97,10 +57,15 @@ if (false) {
     CardDetailsComponent.prototype.paymentReference;
     /** @type {?} */
     CardDetailsComponent.prototype.errorMessage;
-    /** @type {?} */
+    /**
+     * @type {?}
+     * @private
+     */
     CardDetailsComponent.prototype.cardDetailsService;
-    /** @type {?} */
+    /**
+     * @type {?}
+     * @private
+     */
     CardDetailsComponent.prototype.paymentLibComponent;
 }
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUF1RGxFLE1BQU07Ozs7O0lBTUosWUFBb0Isa0JBQXNDLEVBQ3RDO1FBREEsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0Qyx3QkFBbUIsR0FBbkIsbUJBQW1CO3lCQU5uQixjQUFjO0tBTStCOzs7O0lBRWpFLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsQ0FDekYsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsRUFDN0MsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLHFCQUFRLEtBQUssQ0FBQSxDQUMvQyxDQUFDO0tBQ0g7Ozs7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixNQUFNLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0tBQzlCOzs7WUF2RUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBZ0RYO2dCQUNDLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQzthQUNiOzs7O1lBeERRLGtCQUFrQjtZQUVsQixtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZERldGFpbHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5zZXJ2aWNlJztcbmltcG9ydCB7SUNhcmREZXRhaWxzfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL0lDYXJkRGV0YWlscyc7XG5pbXBvcnQgeyBQYXltZW50TGliQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vcGF5bWVudC1saWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NwYXktY2FyZC1kZXRhaWxzJyxcbiAgdGVtcGxhdGU6IGBcbjxkaXYgY2xhc3M9XCJjb2x1bW5cIj5cbiAgPGgyIGNsYXNzPVwiaGVhZGluZy1tZWRpdW1cIj5QYXltZW50IG1ldGhvZDwvaDI+XG48L2Rpdj5cblxuPGRpdiByb2xlPVwiZ3JvdXBcIiBhcmlhLWxhYmVsbGVkYnk9XCJmYWlsdXJlLWVycm9yLXN1bW1hcnktaGVhZGluZ1wiIHRhYmluZGV4PVwiLTFcIiAqbmdJZj1cImVycm9yTWVzc2FnZVwiPlxuICAgIFBheW1lbnQgbWV0aG9kIHVuYXZhaWxhYmxlLCBUaGUgcGF5bWVudCBoYXMgZWl0aGVyIGV4cGlyZWQgb3IgdW5zdWNjZXNzZnVsLlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCIhZXJyb3JNZXNzYWdlICYmIGNhcmREZXRhaWxzXCI+XG5cbjx0YWJsZT5cbiAgPHRib2R5PlxuICA8dHI+XG4gICAgPHRkIGNsYXNzPVwiYm9sZFwiIHdpZHRoPVwiMzMwcHhcIj5NZXRob2Q8L3RkPlxuICAgIDx0ZD5DYXJkPC90ZD5cbiAgPC90cj5cbiAgPHRyPlxuICAgIDx0ZCBjbGFzcz1cImJvbGRcIiB3aWR0aD1cIjMzMHB4XCI+VHlwZTwvdGQ+XG4gICAgPHRkPnt7IGNhcmREZXRhaWxzLmNhcmRfYnJhbmQgfX08L3RkPlxuICA8L3RyPlxuPCEtLSAgIDx0cj5cbiAgICA8dGQgY2xhc3M9XCJib2xkXCIgd2lkdGg9XCIzMzBweFwiPk5hbWUgb24gY2FyZDwvdGQ+XG4gICAgPHRkPnt7IGNhcmREZXRhaWxzLmNhcmRob2xkZXJfbmFtZSB9fTwvdGQ+XG4gIDwvdHI+XG4gIDx0cj5cbiAgICA8dGQgY2xhc3M9XCJib2xkXCIgd2lkdGg9XCIzMzBweFwiPkNhcmQgbnVtYmVyPC90ZD5cbiAgICA8dGQ+KioqKiAqKioqICoqKioge3sgY2FyZERldGFpbHMubGFzdF9kaWdpdHNfY2FyZF9udW1iZXIgfX08L3RkPlxuICA8L3RyPlxuICA8dHI+XG4gICAgPHRkIGNsYXNzPVwiYm9sZFwiIHdpZHRoPVwiMzMwcHhcIj5DYXJkIGV4cGlyeSBkYXRlPC90ZD5cbiAgICA8dGQ+e3sgY2FyZERldGFpbHMuZXhwaXJ5X2RhdGV9fTwvdGQ+XG4gIDwvdHI+XG4gIDx0cj5cbiAgICA8dGQgY2xhc3M9XCJib2xkXCIgd2lkdGg9XCIzMzBweFwiPkVtYWlsPC90ZD5cbiAgICA8dGQ+e3sgY2FyZERldGFpbHMuZW1haWwgfX08L3RkPlxuICA8L3RyPiAtLT5cbiAgPC90Ym9keT5cbjwvdGFibGU+XG48L2Rpdj5cblxuXG5cbjwhLS08ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+LS0+XG4gIDwhLS08ZmllbGRzZXQgY2xhc3M9XCJjb2wtbWQtMTJcIj4tLT5cbiAgICA8IS0tPGJ1dHRvbiBjbGFzcz1cImJ1dHRvblwiIHJvdXRlckxpbms9XCIvcGF5bWVudC12aWV3L3t7IGdldFBheW1lbnRSZWZlcmVuY2UgfX1cIj5CYWNrPC9idXR0b24+LS0+XG4gIDwhLS08L2ZpZWxkc2V0Pi0tPlxuPCEtLTwvZGl2Pi0tPlxuYCxcbiAgc3R5bGVzOiBbYGBdXG59KVxuZXhwb3J0IGNsYXNzIENhcmREZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcGFnZVRpdGxlOiBzdHJpbmcgPSAnQ2FyZCBkZXRhaWxzJztcbiAgY2FyZERldGFpbHM6IElDYXJkRGV0YWlscztcbiAgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2U6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNhcmREZXRhaWxzU2VydmljZTogQ2FyZERldGFpbHNTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHBheW1lbnRMaWJDb21wb25lbnQ6IFBheW1lbnRMaWJDb21wb25lbnQpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2FyZERldGFpbHNTZXJ2aWNlLmdldENhcmREZXRhaWxzKHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5wYXltZW50UmVmZXJlbmNlKS5zdWJzY3JpYmUoXG4gICAgICBjYXJkRGV0YWlscyA9PiB0aGlzLmNhcmREZXRhaWxzID0gY2FyZERldGFpbHMsXG4gICAgICAoZXJyb3I6IGFueSkgPT4gdGhpcy5lcnJvck1lc3NhZ2UgPSA8YW55PmVycm9yXG4gICAgKTtcbiAgfVxuXG4gIGdldCBnZXRQYXltZW50UmVmZXJlbmNlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucGF5bWVudFJlZmVyZW5jZTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFPbEUsTUFBTSxPQUFPLG9CQUFvQjs7Ozs7SUFNL0IsWUFBb0Isa0JBQXNDLEVBQ3RDLG1CQUF3QztRQUR4Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFONUQsY0FBUyxHQUFXLGNBQWMsQ0FBQztJQU02QixDQUFDOzs7O0lBRWpFLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFDekYsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVc7Ozs7UUFDN0MsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsbUJBQUssS0FBSyxFQUFBLEVBQy9DLENBQUM7SUFDSixDQUFDOzs7O0lBRUQsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDL0IsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiwwa0JBQTRDOzthQUU3Qzs7OztZQVJRLGtCQUFrQjtZQUVsQixtQkFBbUI7Ozs7SUFRMUIseUNBQW1DOztJQUNuQywyQ0FBMEI7O0lBQzFCLGdEQUF5Qjs7SUFDekIsNENBQXFCOzs7OztJQUVULGtEQUE4Qzs7Ozs7SUFDOUMsbURBQWdEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmREZXRhaWxzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NhcmQtZGV0YWlscy9jYXJkLWRldGFpbHMuc2VydmljZSc7XG5pbXBvcnQge0lDYXJkRGV0YWlsc30gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9JQ2FyZERldGFpbHMnO1xuaW1wb3J0IHsgUGF5bWVudExpYkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3BheW1lbnQtbGliLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjcGF5LWNhcmQtZGV0YWlscycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWRldGFpbHMuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmREZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcGFnZVRpdGxlOiBzdHJpbmcgPSAnQ2FyZCBkZXRhaWxzJztcbiAgY2FyZERldGFpbHM6IElDYXJkRGV0YWlscztcbiAgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2U6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNhcmREZXRhaWxzU2VydmljZTogQ2FyZERldGFpbHNTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHBheW1lbnRMaWJDb21wb25lbnQ6IFBheW1lbnRMaWJDb21wb25lbnQpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2FyZERldGFpbHNTZXJ2aWNlLmdldENhcmREZXRhaWxzKHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5wYXltZW50UmVmZXJlbmNlKS5zdWJzY3JpYmUoXG4gICAgICBjYXJkRGV0YWlscyA9PiB0aGlzLmNhcmREZXRhaWxzID0gY2FyZERldGFpbHMsXG4gICAgICAoZXJyb3I6IGFueSkgPT4gdGhpcy5lcnJvck1lc3NhZ2UgPSA8YW55PmVycm9yXG4gICAgKTtcbiAgfVxuXG4gIGdldCBnZXRQYXltZW50UmVmZXJlbmNlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucGF5bWVudFJlZmVyZW5jZTtcbiAgfVxuXG59XG4iXX0=