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

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

@@ -1,36 +0,0 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Input } from '@angular/core';
-var PbaDetailsComponent = /** @class */ (function () {
-    function PbaDetailsComponent() {
-    }
-    /**
-     * @return {?}
-     */
-    PbaDetailsComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    PbaDetailsComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'ccpay-pba-details',
-                    template: "\n  <h2 class=\"heading-large\">Payment method</h2>\n  <table>\n    <tbody>\n    <tr>\n      <td class=\"bold tb-col-w\">Method</td>\n      <td class=\"capitalize\">{{ payment.method | lowercase}}</td>\n    </tr>\n    <tr>\n      <td class=\"bold tb-col-w\">Type</td>\n      <td>Credit</td>\n    </tr>\n    <tr *ngIf=\"payment.organisation_name\">\n      <td class=\"bold tb-col-w\">PBA account name</td>\n      <td>{{ payment.organisation_name }}</td>\n    </tr>\n    <tr *ngIf=\"payment.account_number\">\n      <td class=\"bold tb-col-w\">PBA number</td>\n      <td>{{ payment.account_number }}</td>\n    </tr>\n    <tr *ngIf=\"payment.customer_reference\">\n      <td class=\"bold tb-col-w\">Customer internal reference</td>\n      <td>{{ payment.customer_reference }}</td>\n    </tr>\n    </tbody>\n  </table>\n",
-                    styles: [".capitalize::first-letter{text-transform:uppercase}.tb-col-w{width:330px}"]
-                }] }
-    ];
-    /** @nocollapse */
-    PbaDetailsComponent.ctorParameters = function () { return []; };
-    PbaDetailsComponent.propDecorators = {
-        payment: [{ type: Input }]
-    };
-    return PbaDetailsComponent;
-}());
-export { PbaDetailsComponent };
-if (false) {
-    /** @type {?} */
-    PbaDetailsComponent.prototype.payment;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGJhLWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGhtY3RzL2NjcGF5LXdlYi1jb21wb25lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYmEtZGV0YWlscy9wYmEtZGV0YWlscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pEO0lBUUU7SUFBZ0IsQ0FBQzs7OztJQUVqQixzQ0FBUTs7O0lBQVI7SUFDQSxDQUFDOztnQkFYRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsNHpCQUEyQzs7aUJBRTVDOzs7OzswQkFFRSxLQUFLOztJQU9SLDBCQUFDO0NBQUEsQUFiRCxJQWFDO1NBUlksbUJBQW1COzs7SUFDOUIsc0NBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUGF5bWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVBheW1lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY3BheS1wYmEtZGV0YWlscycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYmEtZGV0YWlscy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BiYS1kZXRhaWxzLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYmFEZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGF5bWVudDogSVBheW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=

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

@@ -1,222 +0,0 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Input } from '@angular/core';
-import { PaymentViewService } from '../../services/payment-view/payment-view.service';
-import { PaymentLibComponent } from '../../payment-lib.component';
-import { IserviceRequestCardPayment } from '../../interfaces/IserviceRequestCardPayment';
-import { IserviceRequestPbaPayment } from '../../interfaces/IserviceRequestPbaPayment';
-/** @type {?} */
-var BS_ENABLE_FLAG = 'bulk-scan-enabling-fe';
-var PbaPaymentComponent = /** @class */ (function () {
-    function PbaPaymentComponent(paymentLibComponent, paymentViewService) {
-        this.paymentLibComponent = paymentLibComponent;
-        this.paymentViewService = paymentViewService;
-        this.isPBAAccountHold = false;
-        this.isCardPaymentSuccess = true;
-        this.isInSufficiantFund = false;
-        this.isPBAAccountNotExist = false;
-        this.isPBAServerError = false;
-        this.isGetPBAAccountSucceed = false;
-        this.selectedPbaAccount = '';
-        this.pbaAccountRef = '';
-        this.isContinueButtondisabled = true;
-        this.isPBAAccountPaymentSuccess = false;
-    }
-    /**
-     * @return {?}
-     */
-    PbaPaymentComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.pbaPayOrderRef = this.paymentLibComponent.pbaPayOrderRef;
-        this.viewStatus = 'pba-payment';
-        this.errorMsg = null;
-        this.paymentViewService.getPBAaccountDetails()
-            .subscribe((/**
-         * @param {?} result
-         * @return {?}
-         */
-        function (result) {
-            _this.isGetPBAAccountSucceed = true;
-            _this.pbaAccountList = result.organisationEntityResponse.paymentAccount;
-        }), (/**
-         * @param {?} error
-         * @return {?}
-         */
-        function (error) {
-            _this.errorMsg = error;
-        }));
-    };
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    PbaPaymentComponent.prototype.selectpbaaccount = /**
-     * @param {?} args
-     * @return {?}
-     */
-    function (args) {
-        if (args.currentTarget.id === 'pbaAccountNumber') {
-            this.selectedPbaAccount = args.target.value;
-        }
-        if (args.currentTarget.id === 'pbaAccountRef') {
-            this.pbaAccountRef = args.target.value;
-        }
-        if (this.selectedPbaAccount !== '' && this.pbaAccountRef !== "") {
-            this.isContinueButtondisabled = false;
-        }
-        else {
-            this.isContinueButtondisabled = true;
-        }
-    };
-    /**
-     * @return {?}
-     */
-    PbaPaymentComponent.prototype.saveAndContinue = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.isInSufficiantFund = false;
-        this.isPBAAccountNotExist = false;
-        this.isPBAServerError = false;
-        this.isPBAAccountPaymentSuccess = false;
-        if (this.pbaAccountList.indexOf(this.selectedPbaAccount) !== -1) {
-            /** @type {?} */
-            var requestBody = new IserviceRequestPbaPayment(this.selectedPbaAccount, this.pbaPayOrderRef.orderTotalFees, this.pbaAccountRef);
-            this.paymentViewService.postPBAaccountPayment(this.pbaPayOrderRef.orderRefId, requestBody)
-                .subscribe((/**
-             * @param {?} r
-             * @return {?}
-             */
-            function (r) {
-                _this.pbaAccountrPaymentResult = JSON.parse(r).data;
-                _this.isPBAAccountPaymentSuccess = true;
-            }), (/**
-             * @param {?} e
-             * @return {?}
-             */
-            function (e) {
-                if (e.status == '402') {
-                    _this.isInSufficiantFund = true;
-                }
-                else if (e.status == '410') {
-                    _this.isPBAAccountNotExist = true;
-                }
-                else if (e.status == '412') {
-                    _this.isPBAAccountHold = true;
-                }
-                else {
-                    _this.isPBAServerError = true;
-                }
-            }));
-        }
-        else {
-            this.isPBAServerError = true;
-        }
-    };
-    /**
-     * @return {?}
-     */
-    PbaPaymentComponent.prototype.cardPayment = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.isCardPaymentSuccess = true;
-        /** @type {?} */
-        var requestBody = new IserviceRequestCardPayment(this.pbaPayOrderRef.orderTotalFees);
-        this.paymentViewService.postWays2PayCardPayment(this.pbaPayOrderRef.orderRefId, requestBody)
-            .subscribe((/**
-         * @param {?} result
-         * @return {?}
-         */
-        function (result) {
-            /** @type {?} */
-            var paymentUrl = JSON.parse(result).next_url;
-            window.location.href = paymentUrl;
-        }), (/**
-         * @param {?} error
-         * @return {?}
-         */
-        function (error) {
-            _this.isCardPaymentSuccess = false;
-        }));
-    };
-    /**
-     * @return {?}
-     */
-    PbaPaymentComponent.prototype.gotoCasetransationPage = /**
-     * @return {?}
-     */
-    function () {
-        this.paymentLibComponent.viewName = 'case-transactions';
-        this.paymentLibComponent.TAKEPAYMENT = false;
-        this.paymentLibComponent.ISBSENABLE = true;
-        this.paymentLibComponent.isFromServiceRequestPage = true;
-    };
-    PbaPaymentComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'ccpay-pba-payment',
-                    template: "<ng-container *ngIf=\"viewStatus === 'pba-payment'\">\n\n  <div class=\"govuk-breadcrumbs\" *ngIf=\"!errorMsg && !isPBAAccountPaymentSuccess && !isCardPaymentSuccess\">\n    <ol class=\"govuk-breadcrumbs__list\">\n      <li class=\"govuk-breadcrumbs__list-item\">\n        <a href=\"javascript:void(0)\" (click)=\"gotoCasetransationPage()\" class=\"govuk-back-link pba-payments-16-font\">Back</a>\n      </li>\n    </ol>\n  </div>\n  <div class=\"pba-payment\" *ngIf=\"(pbaAccountList?.length > 0 || errorMsg) && !isInSufficiantFund && !isPBAAccountNotExist && !isPBAServerError && !isPBAAccountHold && !isPBAAccountPaymentSuccess && isCardPaymentSuccess\">\n    \n    <div *ngIf=\"errorMsg\" class=\"govuk-error-summary pba-payments-error-box--size\" aria-labelledby=\"error-summary-title\" >\n      <h2 class=\"govuk-error-summary__title govuk-error-summary__title-custom pba-payments-24-font\" id=\"error-summary-title\">\n        There is a problem\n      </h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li class=\"pba-payments-error-16-font\">\n            Your PBA account cannot be found.\n          </li>\n          <li class=\"pba-payments-error-16-font\">\n            If you know your organisation has a PBA, try again.\n          </li>\n          <li class=\"pba-payments-error-16-font\">\n            You can also pay by credit or debit card.\n          </li>\n        </ul>\n      </div>\n    </div>\n    <h1 class=\"heading-medium margin-top-10-px\">Pay fee using Payment by Account (PBA)</h1>\n    <div class=\"govuk-form-group\">\n      <label class=\"govuk-label pba-payments-govuk__label pba-payments-19-font\">\n        Amount to pay \n      </label>\n      <span class=\"pba-payments-19-font\">{{pbaPayOrderRef.orderTotalFees | currency :'GBP':'symbol':'1.2-2'}}</span>\n    </div>\n\n    <div class=\"govuk-form-group pba-payments-select-box--size\" *ngIf=\"!errorMsg\">\n      <label class=\"govuk-label pba-payments-govuk__label pba-payments-19-font\" for=\"pbaAccountNumber\">\n        Select a PBA  \n      </label>\n      <select class=\"form-control short-input\" id=\"pbaAccountNumber\" (change)=\"selectpbaaccount($event)\">\n        <option value=\"\" selected='selected'>Select option</option>\n        <option  *ngFor=\"let pbaAccount of pbaAccountList;\" value=\"{{pbaAccount}}\">{{pbaAccount}}</option>\n      </select>\n    </div>\n    <div class=\"govuk-form-group\" *ngIf=\"!errorMsg && selectedPbaAccount\">\n      <label class=\"govuk-label pba-payments-govuk__label pba-payments-24-font\" for=\"pbaAccountNumber\">\n        Enter a reference for your PBA account statements \n      </label>\n      <div id=\"event-name-hint\" class=\"govuk-hint pba-payments-19-font pba-payment-width\">\n        This should be your own unique reference to identify the case. It will appear on your statements.\n    </div>\n    <input class=\"govuk-input pba-payments-ref-box--size pba-payments-19-font\" id=\"pbaAccountRef\" (change)=\"selectpbaaccount($event)\" name=\"pbaAccountRef\" type=\"text\" aria-describedby=\"pbaAccountRef-hint\">\n    </div>\n    <div class=\"govuk-button--group\"  *ngIf=\"errorMsg\">\n      <button type=\"button\" class=\"button pba-payments-19-font govuk-button--secondary pba-payments-margin-10\" (click)=\"gotoCasetransationPage()\">\n        View Service Request\n      </button>\n      <button type=\"submit\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"cardPayment()\">\n        Pay by card\n      </button>\n    </div>\n    <div class=\"govuk-button--group\"  *ngIf=\"!errorMsg\">\n      <button type=\"submit\" [disabled]=\"isContinueButtondisabled\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"saveAndContinue()\">\n        Continue\n      </button>\n    </div>\n  </div>\n<ng-container *ngIf=\"pbaAccountList?.length <= 0 && !errorMsg && isGetPBAAccountSucceed && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"govuk-warning-text\">\n          <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n          <strong class=\"govuk-warning-text__text\">\n            <span class=\"govuk-warning-text__assistive\">Warning</span>\n            <h2 class=\"warning-heading-m\">You don\u2019t have a registered PBA.</h2>\n          </strong>\n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Pay by credit or debit card</h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            We recommend that you apply to get a new PBA to pay for fees.\n          </p>\n          <p class=\"govuk-bod ypba-payments-19-font\">\n            you can also pay by credit or debit card if you need to pay now\n          </p>\n          <p class=\"govuk-body\">\n            <button type=\"submit\" (click)=\"cardPayment()\" class=\"button pba-payments-19-font pba-payments-20-margin\">\n              Pay by card\n            </button>\n          </p>\n          \n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Register an existing PBA with MyHMCTS</h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            You may find it easier in future to pay by PBA, your organisation administrator will need to \n            email <a href=\"mailto: MyHMCTSsupport@justice.gov.uk\">MyHMCTSsupport@justice.gov.uk</a> to ask for your PBA to be registered with your \n            MyHMCTS account. You should include your organisation name and PBA number.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            It can then take up to 3 days for your account to be updated. You\u2019ll need to start your claim \n            again to pay the fee.\n          </p>\n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Apply to get a new PBA </h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            You\u2019ll need to provide details for you and your organisation, including the required credit\n             limit for your account.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            Once your account has been registered, you\u2019ll need to start your claim again to pay the fee.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            Read more information on <a target=\"_blank\" href=\"https://www.gov.uk/guidance/hmcts-payment-by-account-for-online-services\">registering for PBA</a>.\n          </p>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"isInSufficiantFund && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"govuk-error-summary pba-payments-error-box--size\" aria-labelledby=\"error-summary-title\">\n          <h2 class=\"govuk-error-summary__title govuk-error-summary__title-custom pba-payments-24-font\" id=\"error-summary-title\">\n            There is a problem\n          </h2>\n          <div class=\"govuk-error-summary__body\">\n            <ul class=\"govuk-list govuk-error-summary__list\">\n              <li class=\"pba-payments-error-16-font\">\n                You don't have enough funds in your PBA account to pay for this fee.\n              </li>\n              <li class=\"pba-payments-error-16-font\">\n                If you have already topped up your PBA account, wait up to 24 hours for the new balance to become available.\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Should you need any further advice</h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            Email <a href=\"mailto:MiddleOffice.DDservices@liberata.com\">MiddleOffice.DDservices@liberata.com</a> or call <a href=\"tel:01633-652-125\">01633 652 125</a> (option 3) to try to fix the issue.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            you can also pay by credit or debit card.\n          </p>\n          <div class=\"govuk-button--group\">\n            <button type=\"button\" class=\"button pba-payments-19-font govuk-button--secondary pba-payments-margin-10\" (click)=\"gotoCasetransationPage()\">\n              View Service Request\n            </button>\n            <button type=\"submit\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"cardPayment()\">\n              Pay by card\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"isPBAAccountNotExist && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"govuk-error-summary pba-payments-error-box--size\" aria-labelledby=\"error-summary-title\">\n          <h2 class=\"govuk-error-summary__title govuk-error-summary__title-custom pba-payments-24-font\" id=\"error-summary-title\">\n            There is a problem\n          </h2>\n          <div class=\"govuk-error-summary__body\">\n            <ul class=\"govuk-list govuk-error-summary__list\">\n              <li class=\"pba-payments-error-16-font\">\n                Your PBA account ({{selectedPbaAccount}}) no longer exists.\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Should you need any further advice</h2>\n          <p class=\"govuk-body pba-payments-19-font govuk-body-width\">\n            Email <a href=\"mailto:MiddleOffice.DDservices@liberata.com\">MiddleOffice.DDservices@liberata.com</a> or call <a href=\"tel:01633-652-125\">01633 652 125</a> (option 3) to try to fix the issue.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            you can also pay by credit or debit card.\n          </p>\n          <div class=\"govuk-button--group\">\n            <button type=\"button\" class=\"button pba-payments-19-font govuk-button--secondary pba-payments-margin-10\" (click)=\"gotoCasetransationPage()\">\n              View Service Request\n            </button>\n            <button type=\"submit\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"cardPayment()\">\n              Pay by card\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"isPBAAccountHold && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"govuk-error-summary pba-payments-error-box--size\" aria-labelledby=\"error-summary-title\">\n          <h2 class=\"govuk-error-summary__title govuk-error-summary__title-custom pba-payments-24-font\" id=\"error-summary-title\">\n            There is a problem\n          </h2>\n          <div class=\"govuk-error-summary__body\">\n            <ul class=\"govuk-list govuk-error-summary__list\">\n              <li class=\"pba-payments-error-16-font\">\n                Your PBA account ({{selectedPbaAccount}}) has been put on hold.\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"heading-medium\">Should you need any further advice</h2>\n          <p class=\"govuk-body pba-payments-19-font govuk-body-width\">\n            Email <a href=\"mailto:MiddleOffice.DDservices@liberata.com\">MiddleOffice.DDservices@liberata.com</a> or call <a href=\"tel:01633-652-125\">01633 652 125</a> (option 3) to try to fix the issue.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            you can also pay by credit or debit card.\n          </p>\n          <div class=\"govuk-button--group\">\n            <button type=\"button\" class=\"button pba-payments-19-font govuk-button--secondary pba-payments-margin-10\" (click)=\"gotoCasetransationPage()\">\n              View Service Request\n            </button>\n            <button type=\"submit\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"cardPayment()\">\n              Pay by card\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"isPBAServerError && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"pba-payments-heading-lg\">Sorry, there is a problem with the service</h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            Try again later.\n          </p>\n          <p class=\"govuk-body pba-payments-19-font\">\n            you can also pay by credit or debit card.\n          </p>\n          <div class=\"govuk-button--group\">\n            <button type=\"button\" class=\"button pba-payments-19-font govuk-button--secondary pba-payments-margin-10\" (click)=\"gotoCasetransationPage()\">\n              View Service Request\n            </button>\n            <button type=\"submit\" class=\"button pba-payments-19-font pba-payments-20-margin\" (click)=\"cardPayment()\">\n              Pay by card\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"isPBAAccountPaymentSuccess && isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"govuk-panel govuk-panel--confirmation pba-payments--confirmation\">\n          <h1 class=\"govuk-panel__title pba-payments--title\">\n              Payment successful\n          </h1>\n          <div class=\"govuk-panel__body pba-payments__body\">\n              Your payment reference is <br><strong>{{pbaAccountrPaymentResult.payment_reference}}</strong>\n          </div>\n      </div>\n      <p class=\"govuk-body pba-payments-19-font\">\n        <a href=\"javascript:void(0)\" (click)=\"gotoCasetransationPage()\">View service requests</a>\n      </p>\n      </div>\n    </main>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isCardPaymentSuccess\">\n  <div class=\"govuk-width-container\">\n    <main class=\"govuk-main-wrapper govuk-main-wrapper--l\" id=\"main-content\" role=\"main\">\n      <div class=\"govuk-grid-row\">\n        <div class=\"pba-payments-margin-top-10\">\n          <h2 class=\"pba-payments-heading-lg\">Sorry, there is a problem with the service</h2>\n          <p class=\"govuk-body pba-payments-19-font\">\n            Try again later.\n          </p>\n          <!-- <p class=\"govuk-body pba-payments-19-font\">\n            you can also <a href=\"javascript:void(0)\" (click)=\"cardPayment()\" >pay by credit or debit card</a>.\n          </p> -->\n          <p class=\"govuk-body pba-payments-19-font\">\n            <a href=\"javascript:void(0)\" (click)=\"gotoCasetransationPage()\">View service requests</a>\n          </p>\n        </div>\n      </div>\n    </main>\n  </div>\n</ng-container>\n</ng-container>\n\n\n\n",
-                    styles: [".pba-payments-govuk__label{font-weight:700;line-height:1.31578947}.pba-payments-19-font{font-size:19px}.pba-payments-16-font{font-size:16px}.pba-payments-24-font{font-size:24px}.pba-payments-20-margin{margin-bottom:20px}.pba-payments-select-box--size{width:40%}.pba-payments-error-box--size{width:80%}.pba-payments-ref-box--size{width:60%}.pba-payments-error-16-font{font-size:16px;line-height:34px}.pba-payments-margin-10{margin-right:10px}.pba-payments-margin-top-10{margin-top:15px}.pba-payments-heading-lg{font-size:40px;font-weight:700;line-height:72px}.pba-payments--confirmation{background:#00703c!important}.pba-payments__body{font-size:36px!important}.pba-payments--title{font-size:48px!important}.warning-heading-m{font-size:29px;font-weight:700}.pba-payment-width{width:75%}.margin-top-10-px{margin-top:10px}.govuk-error-summary:focus{outline:#fd0 solid 3px}.govuk-body-width{width:750px}"]
-                }] }
-    ];
-    /** @nocollapse */
-    PbaPaymentComponent.ctorParameters = function () { return [
-        { type: PaymentLibComponent },
-        { type: PaymentViewService }
-    ]; };
-    PbaPaymentComponent.propDecorators = {
-        pbaPayOrderRef: [{ type: Input }]
-    };
-    return PbaPaymentComponent;
-}());
-export { PbaPaymentComponent };
-if (false) {
-    /** @type {?} */
-    PbaPaymentComponent.prototype.pbaPayOrderRef;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.viewStatus;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.pbaAccountList;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isPBAAccountHold;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.errorMsg;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isCardPaymentSuccess;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isInSufficiantFund;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isPBAAccountNotExist;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isPBAServerError;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isGetPBAAccountSucceed;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.selectedPbaAccount;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.pbaAccountRef;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isContinueButtondisabled;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.isPBAAccountPaymentSuccess;
-    /** @type {?} */
-    PbaPaymentComponent.prototype.pbaAccountrPaymentResult;
-    /**
-     * @type {?}
-     * @private
-     */
-    PbaPaymentComponent.prototype.paymentLibComponent;
-    /**
-     * @type {?}
-     * @private
-     */
-    PbaPaymentComponent.prototype.paymentViewService;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGJhLXBheW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGhtY3RzL2NjcGF5LXdlYi1jb21wb25lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYmEtcGF5bWVudC9wYmEtcGF5bWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOztJQUVqRixjQUFjLEdBQUcsdUJBQXVCO0FBRTlDO0lBdUJFLDZCQUFxQixtQkFBd0MsRUFDbkQsa0JBQXNDO1FBRDNCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFDbkQsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQWZoRCxxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFFbEMseUJBQW9CLEdBQVksSUFBSSxDQUFDO1FBQ3JDLHVCQUFrQixHQUFZLEtBQUssQ0FBQztRQUNwQyx5QkFBb0IsR0FBWSxLQUFLLENBQUM7UUFDdEMscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBQ2xDLDJCQUFzQixHQUFZLEtBQUssQ0FBQztRQUN4Qyx1QkFBa0IsR0FBVyxFQUFFLENBQUM7UUFDaEMsa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFFM0IsNkJBQXdCLEdBQVksSUFBSSxDQUFDO1FBQ3pDLCtCQUEwQixHQUFZLEtBQUssQ0FBQztJQUlPLENBQUM7Ozs7SUFFcEQsc0NBQVE7OztJQUFSO1FBQUEsaUJBZUM7UUFkQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FB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bEMsdUNBQWM7O0lBQ2QsbURBQXFDOztJQUNyQyxpREFBb0M7O0lBQ3BDLG1EQUFzQzs7SUFDdEMsK0NBQWtDOztJQUNsQyxxREFBd0M7O0lBQ3hDLGlEQUFnQzs7SUFDaEMsNENBQTJCOztJQUUzQix1REFBeUM7O0lBQ3pDLHlEQUE0Qzs7SUFDNUMsdURBQThCOzs7OztJQUVsQixrREFBaUQ7Ozs7O0lBQzNELGlEQUE4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYXltZW50Vmlld1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9wYXltZW50LXZpZXcvcGF5bWVudC12aWV3LnNlcnZpY2UnO1xuaW1wb3J0IHsgUGF5bWVudExpYkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3BheW1lbnQtbGliLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJc2VydmljZVJlcXVlc3RDYXJkUGF5bWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSXNlcnZpY2VSZXF1ZXN0Q2FyZFBheW1lbnQnO1xuaW1wb3J0IHsgSXNlcnZpY2VSZXF1ZXN0UGJhUGF5bWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSXNlcnZpY2VSZXF1ZXN0UGJhUGF5bWVudCc7XG5cbmNvbnN0IEJTX0VOQUJMRV9GTEFHID0gJ2J1bGstc2Nhbi1lbmFibGluZy1mZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjcGF5LXBiYS1wYXltZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BiYS1wYXltZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGJhLXBheW1lbnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYmFQYXltZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGJhUGF5T3JkZXJSZWY6IGFueTtcbiAgdmlld1N0YXR1czogc3RyaW5nO1xuICBwYmFBY2NvdW50TGlzdDogc3RyaW5nW107XG4gIGlzUEJBQWNjb3VudEhvbGQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZXJyb3JNc2c6IGFueTtcbiAgaXNDYXJkUGF5bWVudFN1Y2Nlc3M6IGJvb2xlYW4gPSB0cnVlO1xuICBpc0luU3VmZmljaWFudEZ1bmQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNQQkFBY2NvdW50Tm90RXhpc3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNQQkFTZXJ2ZXJFcnJvcjogYm9vbGVhbiA9IGZhbHNlO1xuICBpc0dldFBCQUFjY291bnRTdWNjZWVkOiBib29sZWFuID0gZmFsc2U7XG4gIHNlbGVjdGVkUGJhQWNjb3VudDogc3RyaW5nID0gJyc7XG4gIHBiYUFjY291bnRSZWY6IHN0cmluZyA9ICcnO1xuXG4gIGlzQ29udGludWVCdXR0b25kaXNhYmxlZDogYm9vbGVhbiA9IHRydWU7XG4gIGlzUEJBQWNjb3VudFBheW1lbnRTdWNjZXNzOiBib29sZWFuID0gZmFsc2U7XG4gIHBiYUFjY291bnRyUGF5bWVudFJlc3VsdDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgIHBheW1lbnRMaWJDb21wb25lbnQ6IFBheW1lbnRMaWJDb21wb25lbnQsXG4gICAgcHJpdmF0ZSBwYXltZW50Vmlld1NlcnZpY2U6IFBheW1lbnRWaWV3U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnBiYVBheU9yZGVyUmVmID0gdGhpcy5wYXltZW50TGliQ29tcG9uZW50LnBiYVBheU9yZGVyUmVmO1xuICAgIHRoaXMudmlld1N0YXR1cyA9ICdwYmEtcGF5bWVudCc7XG4gICAgdGhpcy5lcnJvck1zZyA9IG51bGw7XG4gICAgdGhpcy5wYXltZW50Vmlld1NlcnZpY2UuZ2V0UEJBYWNjb3VudERldGFpbHMoKVxuICAgIC5zdWJzY3JpYmUoXG4gICAgICByZXN1bHQgPT4ge1xuICAgICAgICB0aGlzLmlzR2V0UEJBQWNjb3VudFN1Y2NlZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLnBiYUFjY291bnRMaXN0ID0gcmVzdWx0Lm9yZ2FuaXNhdGlvbkVudGl0eVJlc3BvbnNlLnBheW1lbnRBY2NvdW50O1xuICAgICAgfSxcbiAgICAgIGVycm9yID0+IHtcbiAgICAgICAgdGhpcy5lcnJvck1zZyA9IGVycm9yO1xuICAgICAgfVxuICAgICk7XG5cbiAgfVxuICBzZWxlY3RwYmFhY2NvdW50KGFyZ3MpIHtcbiAgICBpZihhcmdzLmN1cnJlbnRUYXJnZXQuaWQgPT09ICdwYmFBY2NvdW50TnVtYmVyJykge1xuICAgICAgdGhpcy5zZWxlY3RlZFBiYUFjY291bnQgPSBhcmdzLnRhcmdldC52YWx1ZTsgXG4gICAgfVxuICAgIGlmKGFyZ3MuY3VycmVudFRhcmdldC5pZCA9PT0gJ3BiYUFjY291bnRSZWYnKSB7XG4gICAgICB0aGlzLnBiYUFjY291bnRSZWYgPSBhcmdzLnRhcmdldC52YWx1ZTsgXG4gICAgfVxuICAgIGlmKHRoaXMuc2VsZWN0ZWRQYmFBY2NvdW50ICE9PSAnJyAmJiB0aGlzLnBiYUFjY291bnRSZWYgIT09IFwiXCIpIHtcbiAgICAgIHRoaXMuaXNDb250aW51ZUJ1dHRvbmRpc2FibGVkID0gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDb250aW51ZUJ1dHRvbmRpc2FibGVkID0gdHJ1ZTtcbiAgICB9XG4gIH1cbiAgc2F2ZUFuZENvbnRpbnVlKCkge1xuICAgIHRoaXMuaXNJblN1ZmZpY2lhbnRGdW5kID0gZmFsc2U7XG4gICAgdGhpcy5pc1BCQUFjY291bnROb3RFeGlzdCA9IGZhbHNlO1xuICAgIHRoaXMuaXNQQkFTZXJ2ZXJFcnJvciA9IGZhbHNlO1xuICAgIHRoaXMuaXNQQkFBY2NvdW50UGF5bWVudFN1Y2Nlc3MgPSBmYWxzZTtcbiAgICBpZiAoIHRoaXMucGJhQWNjb3VudExpc3QuaW5kZXhPZih0aGlzLnNlbGVjdGVkUGJhQWNjb3VudCkgIT09IC0xICkge1xuICAgICAgY29uc3QgcmVxdWVzdEJvZHkgPSBuZXcgSXNlcnZpY2VSZXF1ZXN0UGJhUGF5bWVudChcbiAgICAgICAgdGhpcy5zZWxlY3RlZFBiYUFjY291bnQsIHRoaXMucGJhUGF5T3JkZXJSZWYub3JkZXJUb3RhbEZlZXMsIHRoaXMucGJhQWNjb3VudFJlZik7XG4gICAgICB0aGlzLnBheW1lbnRWaWV3U2VydmljZS5wb3N0UEJBYWNjb3VudFBheW1lbnQodGhpcy5wYmFQYXlPcmRlclJlZi5vcmRlclJlZklkLCByZXF1ZXN0Qm9keSlcbiAgICAgIC5zdWJzY3JpYmUoXG4gICAgICAgIHIgPT4ge1xuICAgICAgICAgIHRoaXMucGJhQWNjb3VudHJQYXltZW50UmVzdWx0ID0gSlNPTi5wYXJzZShyKS5kYXRhO1xuICAgICAgICAgIHRoaXMuaXNQQkFBY2NvdW50UGF5bWVudFN1Y2Nlc3MgPSB0cnVlO1xuICAgICAgICB9LFxuICAgICAgICBlID0+IHtcbiAgICAgICAgICBpZihlLnN0YXR1cyA9PSAnNDAyJykge1xuICAgICAgICAgICAgdGhpcy5pc0luU3VmZmljaWFudEZ1bmQgPSB0cnVlOyBcbiAgICAgICAgICB9IGVsc2UgaWYoZS5zdGF0dXMgPT0gJzQxMCcpIHtcbiAgICAgICAgICAgIHRoaXMuaXNQQkFBY2NvdW50Tm90RXhpc3QgPSB0cnVlO1xuICAgICAgICAgIH0gZWxzZSBpZihlLnN0YXR1cyA9PSAnNDEyJykge1xuICAgICAgICAgICAgdGhpcy5pc1BCQUFjY291bnRIb2xkID0gdHJ1ZTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5pc1BCQVNlcnZlckVycm9yID0gdHJ1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNQQkFTZXJ2ZXJFcnJvciA9IHRydWU7XG4gICAgfVxuICB9XG4gIGNhcmRQYXltZW50KCkge1xuICAgIHRoaXMuaXNDYXJkUGF5bWVudFN1Y2Nlc3MgPSB0cnVlO1xuICAgIGNvbnN0IHJlcXVlc3RCb2R5ID0gbmV3IElzZXJ2aWNlUmVxdWVzdENhcmRQYXltZW50IChcbiAgICAgIHRoaXMucGJhUGF5T3JkZXJSZWYub3JkZXJUb3RhbEZlZXMpO1xuICAgIHRoaXMucGF5bWVudFZpZXdTZXJ2aWNlLnBvc3RXYXlzMlBheUNhcmRQYXltZW50KHRoaXMucGJhUGF5T3JkZXJSZWYub3JkZXJSZWZJZCwgcmVxdWVzdEJvZHkpXG4gICAgLnN1YnNjcmliZShcbiAgICAgIHJlc3VsdCA9PiB7XG4gICAgICAgIGNvbnN0IHBheW1lbnRVcmwgPSBKU09OLnBhcnNlKHJlc3VsdCkubmV4dF91cmw7XG4gICAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gcGF5bWVudFVybDtcbiAgICAgIH0sXG4gICAgICBlcnJvciA9PiB7XG4gICAgICAgIHRoaXMuaXNDYXJkUGF5bWVudFN1Y2Nlc3MgPSBmYWxzZTtcbiAgICAgIH1cbiAgICApO1xuXG4gIH1cbiAgZ290b0Nhc2V0cmFuc2F0aW9uUGFnZSgpIHtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQudmlld05hbWUgPSAnY2FzZS10cmFuc2FjdGlvbnMnO1xuICAgIHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5UQUtFUEFZTUVOVCA9IGZhbHNlO1xuICAgIHRoaXMucGF5bWVudExpYkNvbXBvbmVudC5JU0JTRU5BQkxFID0gdHJ1ZTtcbiAgICB0aGlzLnBheW1lbnRMaWJDb21wb25lbnQuaXNGcm9tU2VydmljZVJlcXVlc3RQYWdlID0gdHJ1ZTtcbiAgfVxufVxuIl19