@hmcts/ccpay-web-component 6.0.0-beta9 → 6.0.0

package/esm2022/lib/components/card-details/card-details.component.mjs

@@ -0,0 +1,32 @@
+import { Component } from '@angular/core';
+import { CardDetailsService } from '../../services/card-details/card-details.service';
+import { PaymentLibComponent } from '../../payment-lib.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/card-details/card-details.service";
+import * as i2 from "../../payment-lib.component";
+import * as i3 from "@angular/common";
+export class CardDetailsComponent {
+    cardDetailsService;
+    paymentLibComponent;
+    pageTitle = 'Card details';
+    cardDetails;
+    paymentReference;
+    errorMessage;
+    constructor(cardDetailsService, paymentLibComponent) {
+        this.cardDetailsService = cardDetailsService;
+        this.paymentLibComponent = paymentLibComponent;
+    }
+    ngOnInit() {
+        this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe(cardDetails => this.cardDetails = cardDetails, (error) => this.errorMessage = error);
+    }
+    get getPaymentReference() {
+        return this.paymentReference;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardDetailsComponent, deps: [{ token: i1.CardDetailsService }, { token: i2.PaymentLibComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CardDetailsComponent, selector: "ccpay-card-details", ngImport: i0, 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}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: 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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CardDetailsService }, { type: i2.PaymentLibComponent }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BheW1lbnQtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJkLWRldGFpbHMvY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BheW1lbnQtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJkLWRldGFpbHMvY2FyZC1kZXRhaWxzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7O0FBT2xFLE1BQU0sT0FBTyxvQkFBb0I7SUFNWDtJQUNBO0lBTnBCLFNBQVMsR0FBVyxjQUFjLENBQUM7SUFDbkMsV0FBVyxDQUFlO0lBQzFCLGdCQUFnQixDQUFTO0lBQ3pCLFlBQVksQ0FBUztJQUVyQixZQUFvQixrQkFBc0MsRUFDdEMsbUJBQXdDO1FBRHhDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFJLENBQUM7SUFFakUsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGdCQUFnQixDQUFDLENBQUMsU0FBUyxDQUN6RixXQUFXLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxFQUM3QyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBUSxLQUFLLENBQy9DLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDL0IsQ0FBQzt1R0FsQlUsb0JBQW9COzJGQUFwQixvQkFBb0IsMERDVmpDLGdrQkF5QkE7OzJGRGZhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZERldGFpbHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY2FyZC1kZXRhaWxzL2NhcmQtZGV0YWlscy5zZXJ2aWNlJztcbmltcG9ydCB7SUNhcmREZXRhaWxzfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL0lDYXJkRGV0YWlscyc7XG5pbXBvcnQgeyBQYXltZW50TGliQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vcGF5bWVudC1saWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NwYXktY2FyZC1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtZGV0YWlscy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtZGV0YWlscy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2FyZERldGFpbHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwYWdlVGl0bGU6IHN0cmluZyA9ICdDYXJkIGRldGFpbHMnO1xuICBjYXJkRGV0YWlsczogSUNhcmREZXRhaWxzO1xuICBwYXltZW50UmVmZXJlbmNlOiBzdHJpbmc7XG4gIGVycm9yTWVzc2FnZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2FyZERldGFpbHNTZXJ2aWNlOiBDYXJkRGV0YWlsc1NlcnZpY2UsXG4gICAgICAgICAgICAgIHByaXZhdGUgcGF5bWVudExpYkNvbXBvbmVudDogUGF5bWVudExpYkNvbXBvbmVudCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jYXJkRGV0YWlsc1NlcnZpY2UuZ2V0Q2FyZERldGFpbHModGhpcy5wYXltZW50TGliQ29tcG9uZW50LnBheW1lbnRSZWZlcmVuY2UpLnN1YnNjcmliZShcbiAgICAgIGNhcmREZXRhaWxzID0+IHRoaXMuY2FyZERldGFpbHMgPSBjYXJkRGV0YWlscyxcbiAgICAgIChlcnJvcjogYW55KSA9PiB0aGlzLmVycm9yTWVzc2FnZSA9IDxhbnk+ZXJyb3JcbiAgICApO1xuICB9XG5cbiAgZ2V0IGdldFBheW1lbnRSZWZlcmVuY2UoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5wYXltZW50UmVmZXJlbmNlO1xuICB9XG5cbn1cbiIsIlxuPGRpdiBjbGFzcz1cImNvbHVtblwiPlxuICA8aDIgY2xhc3M9XCJoZWFkaW5nLW1lZGl1bVwiPlBheW1lbnQgbWV0aG9kPC9oMj5cbjwvZGl2PlxuXG48ZGl2IHJvbGU9XCJncm91cFwiIGFyaWEtbGFiZWxsZWRieT1cImZhaWx1cmUtZXJyb3Itc3VtbWFyeS1oZWFkaW5nXCIgdGFiaW5kZXg9XCItMVwiICpuZ0lmPVwiZXJyb3JNZXNzYWdlXCI+XG4gICAgUGF5bWVudCBtZXRob2QgdW5hdmFpbGFibGUsIFRoZSBwYXltZW50IGhhcyBlaXRoZXIgZXhwaXJlZCBvciB1bnN1Y2Nlc3NmdWwuXG48L2Rpdj5cblxuPGRpdiAqbmdJZj1cIiFlcnJvck1lc3NhZ2UgJiYgY2FyZERldGFpbHNcIj5cblxuPHRhYmxlPlxuICA8dGJvZHk+XG4gIDx0cj5cbiAgICA8dGQgY2xhc3M9XCJib2xkIHRiLWNvbC13XCI+TWV0aG9kPC90ZD5cbiAgICA8dGQ+Q2FyZDwvdGQ+XG4gIDwvdHI+XG4gIDx0cj5cbiAgICA8dGQgY2xhc3M9XCJib2xkIHRiLWNvbC13XCI+VHlwZTwvdGQ+XG4gICAgPHRkPnt7IGNhcmREZXRhaWxzLmNhcmRfYnJhbmQgfX08L3RkPlxuICA8L3RyPlxuICA8L3Rib2R5PlxuPC90YWJsZT5cbjwvZGl2PlxuXG4iXX0=