@hmcts/ccpay-web-component 5.0.10-beta08 → 5.0.10-beta09

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

@@ -0,0 +1,77 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component } from '@angular/core';
+import { CardDetailsService } from '../../services/card-details/card-details.service';
+import { PaymentLibComponent } from '../../payment-lib.component';
+var CardDetailsComponent = /** @class */ (function () {
+    function CardDetailsComponent(cardDetailsService, paymentLibComponent) {
+        this.cardDetailsService = cardDetailsService;
+        this.paymentLibComponent = paymentLibComponent;
+        this.pageTitle = 'Card details';
+    }
+    /**
+     * @return {?}
+     */
+    CardDetailsComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe((/**
+         * @param {?} cardDetails
+         * @return {?}
+         */
+        function (cardDetails) { return _this.cardDetails = cardDetails; }), (/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) { return _this.errorMessage = (/** @type {?} */ (error)); }));
+    };
+    Object.defineProperty(CardDetailsComponent.prototype, "getPaymentReference", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.paymentReference;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    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}"]
+                }] }
+    ];
+    /** @nocollapse */
+    CardDetailsComponent.ctorParameters = function () { return [
+        { type: CardDetailsService },
+        { type: PaymentLibComponent }
+    ]; };
+    return CardDetailsComponent;
+}());
+export { CardDetailsComponent };
+if (false) {
+    /** @type {?} */
+    CardDetailsComponent.prototype.pageTitle;
+    /** @type {?} */
+    CardDetailsComponent.prototype.cardDetails;
+    /** @type {?} */
+    CardDetailsComponent.prototype.paymentReference;
+    /** @type {?} */
+    CardDetailsComponent.prototype.errorMessage;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardDetailsComponent.prototype.cardDetailsService;
+    /**
+     * @type {?}
+     * @private
+     */
+    CardDetailsComponent.prototype.paymentLibComponent;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BobWN0cy9jY3BheS13ZWItY29tcG9uZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbEU7SUFXRSw4QkFBb0Isa0JBQXNDLEVBQ3RDLG1CQUF3QztRQUR4Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFONUQsY0FBUyxHQUFXLGNBQWMsQ0FBQztJQU02QixDQUFDOzs7O0lBRWpFLHVDQUFROzs7SUFBUjtRQUFBLGlCQUtDO1FBSkMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxTQUFTOzs7O1FBQ3pGLFVBQUEsV0FBVyxJQUFJLE9BQUEsS0FBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLEVBQTlCLENBQThCOzs7O1FBQzdDLFVBQUMsS0FBVSxJQUFLLE9BQUEsS0FBSSxDQUFDLFlBQVksR0FBRyxtQkFBSyxLQUFLLEVBQUEsRUFBOUIsQ0FBOEIsRUFDL0MsQ0FBQztJQUNKLENBQUM7SUFFRCxzQkFBSSxxREFBbUI7Ozs7UUFBdkI7WUFDRSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMvQixDQUFDOzs7T0FBQTs7Z0JBdkJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5Qiwwa0JBQTRDOztpQkFFN0M7Ozs7Z0JBUlEsa0JBQWtCO2dCQUVsQixtQkFBbUI7O0lBMkI1QiwyQkFBQztDQUFBLEFBekJELElBeUJDO1NBcEJZLG9CQUFvQjs7O0lBQy9CLHlDQUFtQzs7SUFDbkMsMkNBQTBCOztJQUMxQixnREFBeUI7O0lBQ3pCLDRDQUFxQjs7Ozs7SUFFVCxrREFBOEM7Ozs7O0lBQzlDLG1EQUFnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkRGV0YWlsc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jYXJkLWRldGFpbHMvY2FyZC1kZXRhaWxzLnNlcnZpY2UnO1xuaW1wb3J0IHtJQ2FyZERldGFpbHN9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSUNhcmREZXRhaWxzJztcbmltcG9ydCB7IFBheW1lbnRMaWJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9wYXltZW50LWxpYi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY3BheS1jYXJkLWRldGFpbHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkRGV0YWlsc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHBhZ2VUaXRsZTogc3RyaW5nID0gJ0NhcmQgZGV0YWlscyc7XG4gIGNhcmREZXRhaWxzOiBJQ2FyZERldGFpbHM7XG4gIHBheW1lbnRSZWZlcmVuY2U6IHN0cmluZztcbiAgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjYXJkRGV0YWlsc1NlcnZpY2U6IENhcmREZXRhaWxzU2VydmljZSxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBwYXltZW50TGliQ29tcG9uZW50OiBQYXltZW50TGliQ29tcG9uZW50KSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNhcmREZXRhaWxzU2VydmljZS5nZXRDYXJkRGV0YWlscyh0aGlzLnBheW1lbnRMaWJDb21wb25lbnQucGF5bWVudFJlZmVyZW5jZSkuc3Vic2NyaWJlKFxuICAgICAgY2FyZERldGFpbHMgPT4gdGhpcy5jYXJkRGV0YWlscyA9IGNhcmREZXRhaWxzLFxuICAgICAgKGVycm9yOiBhbnkpID0+IHRoaXMuZXJyb3JNZXNzYWdlID0gPGFueT5lcnJvclxuICAgICk7XG4gIH1cblxuICBnZXQgZ2V0UGF5bWVudFJlZmVyZW5jZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnBheW1lbnRSZWZlcmVuY2U7XG4gIH1cblxufVxuIl19