@hmcts/ccpay-web-component 4.0.0-beta521 → 4.0.0-beta526

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

@@ -1,6 +1,6 @@
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
  */
 import { Component } from '@angular/core';
 import { CardDetailsService } from '../../services/card-details/card-details.service';
@@ -19,15 +19,7 @@ export class CardDetailsComponent {
      * @return {?}
      */
     ngOnInit() {
-        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe((/**
-         * @param {?} cardDetails
-         * @return {?}
-         */
-        cardDetails => this.cardDetails = cardDetails), (/**
-         * @param {?} error
-         * @return {?}
-         */
-        (error) => this.errorMessage = (/** @type {?} */ (error))));
+        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe(cardDetails => this.cardDetails = cardDetails, (error) => this.errorMessage = /** @type {?} */ (error));
     }
     /**
      * @return {?}
@@ -39,9 +31,34 @@ export class CardDetailsComponent {
 CardDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ccpay-card-details',
-                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}"]
-            }] }
+                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 tb-col-w">Method</td>
+    <td>Card</td>
+  </tr>
+  <tr>
+    <td class="bold tb-col-w">Type</td>
+    <td>{{ cardDetails.card_brand }}</td>
+  </tr>
+  </tbody>
+</table>
+</div>
+
+`,
+                styles: [`.tb-col-w{width:330px}`]
+            },] },
 ];
 /** @nocollapse */
 CardDetailsComponent.ctorParameters = () => [
@@ -57,15 +74,10 @@ if (false) {
     CardDetailsComponent.prototype.paymentReference;
     /** @type {?} */
     CardDetailsComponent.prototype.errorMessage;
-    /**
-     * @type {?}
-     * @private
-     */
+    /** @type {?} */
     CardDetailsComponent.prototype.cardDetailsService;
-    /**
-     * @type {?}
-     * @private
-     */
+    /** @type {?} */
     CardDetailsComponent.prototype.paymentLibComponent;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFPbEUsTUFBTSxPQUFPLG9CQUFvQjs7Ozs7SUFNL0IsWUFBb0Isa0JBQXNDLEVBQ3RDLG1CQUF3QztRQUR4Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFONUQsY0FBUyxHQUFXLGNBQWMsQ0FBQztJQU02QixDQUFDOzs7O0lBRWpFLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFDekYsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVc7Ozs7UUFDN0MsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsbUJBQUssS0FBSyxFQUFBLEVBQy9DLENBQUM7SUFDSixDQUFDOzs7O0lBRUQsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDL0IsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiwwa0JBQTRDOzthQUU3Qzs7OztZQVJRLGtCQUFrQjtZQUVsQixtQkFBbUI7Ozs7SUFRMUIseUNBQW1DOztJQUNuQywyQ0FBMEI7O0lBQzFCLGdEQUF5Qjs7SUFDekIsNENBQXFCOzs7OztJQUVULGtEQUE4Qzs7Ozs7SUFDOUMsbURBQWdEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmREZXRhaWxzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NhcmQtZGV0YWlscy9jYXJkLWRldGFpbHMuc2VydmljZSc7XG5pbXBvcnQge0lDYXJkRGV0YWlsc30gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9JQ2FyZERldGFpbHMnO1xuaW1wb3J0IHsgUGF5bWVudExpYkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3BheW1lbnQtbGliLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjcGF5LWNhcmQtZGV0YWlscycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWRldGFpbHMuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmREZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcGFnZVRpdGxlOiBzdHJpbmcgPSAnQ2FyZCBkZXRhaWxzJztcbiAgY2FyZERldGFpbHM6IElDYXJkRGV0YWlscztcbiAgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2U6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNhcmREZXRhaWxzU2VydmljZTogQ2FyZERldGFpbHNTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHBheW1lbnRMaWJDb21wb25lbnQ6IFBheW1lbnRMaWJDb21wb25lbnQpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2FyZERldGFpbHNTZXJ2aWNlLmdldENhcmREZXRhaWxzKHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5wYXltZW50UmVmZXJlbmNlKS5zdWJzY3JpYmUoXG4gICAgICBjYXJkRGV0YWlscyA9PiB0aGlzLmNhcmREZXRhaWxzID0gY2FyZERldGFpbHMsXG4gICAgICAoZXJyb3I6IGFueSkgPT4gdGhpcy5lcnJvck1lc3NhZ2UgPSA8YW55PmVycm9yXG4gICAgKTtcbiAgfVxuXG4gIGdldCBnZXRQYXltZW50UmVmZXJlbmNlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucGF5bWVudFJlZmVyZW5jZTtcbiAgfVxuXG59XG4iXX0=
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFnQ2xFLE1BQU07Ozs7O0lBTUosWUFBb0Isa0JBQXNDLEVBQ3RDO1FBREEsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0Qyx3QkFBbUIsR0FBbkIsbUJBQW1CO3lCQU5uQixjQUFjO0tBTStCOzs7O0lBRWpFLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsQ0FDekYsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsRUFDN0MsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLHFCQUFRLEtBQUssQ0FBQSxDQUMvQyxDQUFDO0tBQ0g7Ozs7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixNQUFNLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0tBQzlCOzs7WUFoREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQXlCWDtnQkFDQyxNQUFNLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzthQUNuQzs7OztZQWpDUSxrQkFBa0I7WUFFbEIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmREZXRhaWxzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NhcmQtZGV0YWlscy9jYXJkLWRldGFpbHMuc2VydmljZSc7XG5pbXBvcnQge0lDYXJkRGV0YWlsc30gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9JQ2FyZERldGFpbHMnO1xuaW1wb3J0IHsgUGF5bWVudExpYkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3BheW1lbnQtbGliLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjcGF5LWNhcmQtZGV0YWlscycsXG4gIHRlbXBsYXRlOiBgXG48ZGl2IGNsYXNzPVwiY29sdW1uXCI+XG4gIDxoMiBjbGFzcz1cImhlYWRpbmctbWVkaXVtXCI+UGF5bWVudCBtZXRob2Q8L2gyPlxuPC9kaXY+XG5cbjxkaXYgcm9sZT1cImdyb3VwXCIgYXJpYS1sYWJlbGxlZGJ5PVwiZmFpbHVyZS1lcnJvci1zdW1tYXJ5LWhlYWRpbmdcIiB0YWJpbmRleD1cIi0xXCIgKm5nSWY9XCJlcnJvck1lc3NhZ2VcIj5cbiAgICBQYXltZW50IG1ldGhvZCB1bmF2YWlsYWJsZSwgVGhlIHBheW1lbnQgaGFzIGVpdGhlciBleHBpcmVkIG9yIHVuc3VjY2Vzc2Z1bC5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiIWVycm9yTWVzc2FnZSAmJiBjYXJkRGV0YWlsc1wiPlxuXG48dGFibGU+XG4gIDx0Ym9keT5cbiAgPHRyPlxuICAgIDx0ZCBjbGFzcz1cImJvbGQgdGItY29sLXdcIj5NZXRob2Q8L3RkPlxuICAgIDx0ZD5DYXJkPC90ZD5cbiAgPC90cj5cbiAgPHRyPlxuICAgIDx0ZCBjbGFzcz1cImJvbGQgdGItY29sLXdcIj5UeXBlPC90ZD5cbiAgICA8dGQ+e3sgY2FyZERldGFpbHMuY2FyZF9icmFuZCB9fTwvdGQ+XG4gIDwvdHI+XG4gIDwvdGJvZHk+XG48L3RhYmxlPlxuPC9kaXY+XG5cbmAsXG4gIHN0eWxlczogW2AudGItY29sLXd7d2lkdGg6MzMwcHh9YF1cbn0pXG5leHBvcnQgY2xhc3MgQ2FyZERldGFpbHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwYWdlVGl0bGU6IHN0cmluZyA9ICdDYXJkIGRldGFpbHMnO1xuICBjYXJkRGV0YWlsczogSUNhcmREZXRhaWxzO1xuICBwYXltZW50UmVmZXJlbmNlOiBzdHJpbmc7XG4gIGVycm9yTWVzc2FnZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2FyZERldGFpbHNTZXJ2aWNlOiBDYXJkRGV0YWlsc1NlcnZpY2UsXG4gICAgICAgICAgICAgIHByaXZhdGUgcGF5bWVudExpYkNvbXBvbmVudDogUGF5bWVudExpYkNvbXBvbmVudCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jYXJkRGV0YWlsc1NlcnZpY2UuZ2V0Q2FyZERldGFpbHModGhpcy5wYXltZW50TGliQ29tcG9uZW50LnBheW1lbnRSZWZlcmVuY2UpLnN1YnNjcmliZShcbiAgICAgIGNhcmREZXRhaWxzID0+IHRoaXMuY2FyZERldGFpbHMgPSBjYXJkRGV0YWlscyxcbiAgICAgIChlcnJvcjogYW55KSA9PiB0aGlzLmVycm9yTWVzc2FnZSA9IDxhbnk+ZXJyb3JcbiAgICApO1xuICB9XG5cbiAgZ2V0IGdldFBheW1lbnRSZWZlcmVuY2UoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5wYXltZW50UmVmZXJlbmNlO1xuICB9XG5cbn1cbiJdfQ==