@hmcts/ccpay-web-component 5.2.12 → 6.0.0-beta03

package/bundles/hmcts-ccpay-web-component.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("@angular/common/http"),require("@angular/common"),require("rxjs/operators"),require("@angular/platform-browser"),require("@angular/forms"),require("@angular/router"),require("file-saver"),require("xlsx"),require("@angular/material/table"),require("@angular/material/sort"),require("@angular/material/paginator"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@hmcts/ccpay-web-component",["exports","@angular/core","rxjs","@angular/common/http","@angular/common","rxjs/operators","@angular/platform-browser","@angular/forms","@angular/router","file-saver","xlsx","@angular/material/table","@angular/material/sort","@angular/material/paginator","@angular/material/form-field","@angular/material/input"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).hmcts=e.hmcts||{},e.hmcts["ccpay-web-component"]={}),e.ng.core,e.rxjs,e.ng.common.http,e.ng.common,e.rxjs.operators,e.ng.platformBrowser,e.ng.forms,e.ng.router,e.FileSaver,e.XLSX,e.ng.material.table,e.ng.material.sort,e.ng.material.paginator,e.ng.material.formField,e.ng.material.input)}(this,(function(e,t,n,s,a,o,i,r,l,c,d,u,p,m,g,v){"use strict";function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=h(t),y=h(s),b=h(i),_=h(c),k=h(d),R=function(){function e(){}return e.prototype.setApiRootUrl=function(e){this.API_ROOT=e},e.prototype.getApiRootUrl=function(){return this.API_ROOT},e.prototype.setBulkScanApiRootUrl=function(e){this.BULKSCAN_API_ROOT=e},e.prototype.getBulkScanApiRootUrl=function(){return this.BULKSCAN_API_ROOT},e.prototype.setRefundndsApiRootUrl=function(e){this.REFUNDS_API_ROOT=e},e.prototype.getRefundsApiRootUrl=function(){return this.REFUNDS_API_ROOT},e.prototype.setNoticationApiRootUrl=function(e){this.NOTIFICATION_API_ROOT=e},e.prototype.getNoticationApiRootUrl=function(){return this.NOTIFICATION_API_ROOT},e.prototype.setCardPaymentReturnUrl=function(e){this.CARDPAYMENTRETURNURL=e},e.prototype.getCardPaymentReturnUrl=function(){return this.CARDPAYMENTRETURNURL},e}();R.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new R},token:R,providedIn:"root"}),R.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],R.ctorParameters=function(){return[]};var w=function(){function e(){this.ordersList=new n.BehaviorSubject(null),this.refundView=new n.BehaviorSubject(null),this.caseType=new n.BehaviorSubject(""),this.getcaseType=this.caseType.asObservable(),this.feeExists=new n.BehaviorSubject(null),this.getFeeExist=this.feeExists.asObservable(),this.ccdCaseNumber=new n.BehaviorSubject(""),this.getCCDCaseNumberforRefund=this.ccdCaseNumber.asObservable(),this.isFromServiceRequestPage=new n.BehaviorSubject(null),this.getisFromServiceRequestPage=this.isFromServiceRequestPage.asObservable(),this.OrderRefId=new n.BehaviorSubject(""),this.getOrderRefId=this.OrderRefId.asObservable(),this.navigationPage=new n.BehaviorSubject(""),this.getnavigationPage=this.navigationPage.asObservable(),this.orderRef=new n.BehaviorSubject(""),this.getorderRef=this.orderRef.asObservable(),this.orderCCDEvent=new n.BehaviorSubject(""),this.getorderCCDEvent=this.caseType.asObservable(),this.orderCreated=new n.BehaviorSubject(null),this.getorderCreated=this.orderCreated.asObservable(),this.orderParty=new n.BehaviorSubject(""),this.getorderParty=this.orderParty.asObservable(),this.orderRemissionTotal=new n.BehaviorSubject(null),this.getorderRemissionTotal=this.orderRemissionTotal.asObservable(),this.orderFeesTotal=new n.BehaviorSubject(null),this.getorderFeesTotal=this.orderFeesTotal.asObservable(),this.orderTotalPayments=new n.BehaviorSubject(null),this.getorderTotalPayments=this.orderTotalPayments.asObservable(),this.rolesList=new n.BehaviorSubject(null),this.orderDetail=new n.BehaviorSubject(null),this.paymentPageView=new n.BehaviorSubject(null)}return e.prototype.setOrdersList=function(e){this.ordersList.next(Object.assign([],e))},e.prototype.getOrdersList=function(){return this.ordersList},e.prototype.setRefundView=function(e){this.refundView.next(Object.assign([],e))},e.prototype.getRefundView=function(){return this.refundView},e.prototype.setCaseType=function(e){this.caseType.next(e)},e.prototype.getCaseType=function(){return this.caseType},e.prototype.setCCDCaseNumber=function(e){this.ccdCaseNumber.next(e)},e.prototype.getCCDCaseNumber=function(){return this.ccdCaseNumber},e.prototype.setFeeExists=function(e){this.feeExists.next(e)},e.prototype.getFeeExists=function(){return this.feeExists},e.prototype.setisFromServiceRequestPage=function(e){this.isFromServiceRequestPage.next(e)},e.prototype.getisFromServiceRequestPages=function(){return this.isFromServiceRequestPage},e.prototype.setOrderRefId=function(e){this.OrderRefId.next(e)},e.prototype.getSelectedOrderRefId=function(){return this.OrderRefId},e.prototype.setnavigationPage=function(e){this.navigationPage.next(e)},e.prototype.getnavigationPageValue=function(){return this.navigationPage},e.prototype.setpaymentPageView=function(e){this.paymentPageView.next(Object.assign([],e))},e.prototype.getpaymentPageView=function(){return this.paymentPageView},e.prototype.setUserRolesList=function(e){this.rolesList.next(Object.assign([],e))},e.prototype.getUserRolesList=function(){return this.rolesList},e.prototype.setorderDetail=function(e){this.orderDetail.next(Object.assign([],e))},e.prototype.getorderDetail=function(){return this.orderDetail},e.prototype.setOrderRef=function(e){this.orderRef.next(e)},e.prototype.getorderRefs=function(){return this.orderRef},e.prototype.setorderCCDEvent=function(e){this.orderCCDEvent.next(e)},e.prototype.getorderCCDEvents=function(){return this.orderCCDEvent},e.prototype.setorderCreated=function(e){this.orderCreated.next(e)},e.prototype.getorderCreateds=function(){return this.orderCreated},e.prototype.setorderParty=function(e){this.orderParty.next(e)},e.prototype.getorderPartys=function(){return this.orderParty},e.prototype.setorderRemissionTotal=function(e){this.orderRemissionTotal.next(e)},e.prototype.getorderRemissionTotals=function(){return this.orderRemissionTotal},e.prototype.setorderFeesTotal=function(e){this.orderFeesTotal.next(e)},e.prototype.getorderFeesTotals=function(){return this.orderFeesTotal},e.prototype.setorderTotalPayments=function(e){this.orderTotalPayments.next(e)},e.prototype.getoorderTotalPaymentss=function(){return this.orderTotalPayments},e}();w.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new w},token:w,providedIn:"root"}),w.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],w.ctorParameters=function(){return[]};var S=function(){function e(e,t,n){this.paymentLibService=e,this.cd=t,this.OrderslistService=n,this.unProcessedPaymentServiceId=null,this.isFromPayBubble=!1,this.unProcessedPayment=null,this.orderFeesTotal=0,this.orderRemissionTotal=0,this.orderTotalPayments=0,this.orderPendingPayments=0}return e.prototype.ngAfterContentChecked=function(){this.cd.detectChanges()},e.prototype.ngOnInit=function(){this.paymentLibService.setApiRootUrl(this.API_ROOT),this.paymentLibService.setBulkScanApiRootUrl(this.BULKSCAN_API_ROOT),this.paymentLibService.setRefundndsApiRootUrl(this.REFUNDS_API_ROOT),this.paymentLibService.setNoticationApiRootUrl(this.NOTIFICATION_API_ROOT),this.paymentLibService.setCardPaymentReturnUrl(this.CARDPAYMENTRETURNURL),this.LOGGEDINUSERROLES.length>0&&this.OrderslistService.setUserRolesList(this.LOGGEDINUSERROLES),this.PAYMENT_GROUP_REF&&(this.paymentGroupReference=this.PAYMENT_GROUP_REF),this.DCN_NUMBER&&(this.bspaymentdcn=this.DCN_NUMBER),"true"===this.REFUNDLIST&&(this.VIEW="refund-list",this.viewName=this.VIEW),"fee-summary"===this.VIEW?this.viewName="fee-summary":"reports"!==this.VIEW&&"refund-list"!==this.VIEW?this.viewName="case-transactions":this.viewName=this.VIEW,this.isTakePayment&&(this.TAKEPAYMENT=!0),"api/payment-history"==this.API_ROOT&&(this.isFromPayBubble=!0)},e}();S.decorators=[{type:t.Component,args:[{selector:"ccpay-payment-lib",template:'\n  <ccpay-refund-list [USERID]="USERID" [LOGGEDINUSERROLES]="LOGGEDINUSERROLES" [LOGGEDINUSEREMAIL]="LOGGEDINUSEREMAIL" *ngIf="viewName === \'refund-list\'"></ccpay-refund-list>\n    <ccpay-payment-list *ngIf="viewName === \'payment-list\'"></ccpay-payment-list>\n    <ccpay-refund-status\n    [LOGGEDINUSERROLES]="LOGGEDINUSERROLES"\n    [API_ROOT]="API_ROOT"\n    *ngIf="viewName === \'refundstatuslist\'"> </ccpay-refund-status >\n    <ccpay-payment-view [LOGGEDINUSERROLES]="LOGGEDINUSERROLES" *ngIf="viewName === \'payment-view\'"\n    [isTurnOff]="ISTURNOFF" [isTakePayment]="TAKEPAYMENT"  [caseType]="CASETYPE"\n    [ISPAYMENTSTATUSENABLED] = "ISPAYMENTSTATUSENABLED"\n    ></ccpay-payment-view>\n\n    <ccpay-process-refund *ngIf="viewName === \'process-refund\'"\n    [refundReference]="refundReference"\n    [refundlistsource]="refundlistsource"\n    ></ccpay-process-refund>\n    <ccpay-pba-payment *ngIf="viewName === \'pba-payment\'"\n    [pbaPayOrderRef]="pbaPayOrderRef"\n    ></ccpay-pba-payment>\n    <ccpay-case-transactions [isTakePayment]="isTakePayment" [isFromServiceRequestPage]="isFromServiceRequestPage" [LOGGEDINUSERROLES]="LOGGEDINUSERROLES" *ngIf="viewName === \'case-transactions\'"></ccpay-case-transactions>\n    <app-mark-unidentified-payment *ngIf="viewName === \'unidentifiedPage\'"\n    [caseType]="CASETYPE"></app-mark-unidentified-payment>\n    <app-mark-unsolicited-payment *ngIf="viewName === \'unsolicitedPage\'"\n    [caseType]="CASETYPE"></app-mark-unsolicited-payment>\n    <app-allocate-payments *ngIf="viewName === \'allocate-payments\'"\n    [isTurnOff]="ISTURNOFF"\n    [caseType]="CASETYPE"\n    ></app-allocate-payments>\n    <ccpay-fee-summary *ngIf="viewName === \'fee-summary\'"\n      [ccdCaseNumber]="CCD_CASE_NUMBER"\n      [paymentGroupRef]="paymentGroupReference"\n      [isTurnOff]="ISTURNOFF"\n      [caseType]="CASETYPE"\n      ></ccpay-fee-summary>\n    <ccpay-reports *ngIf="viewName === \'reports\'"\n    [ISPAYMENTSTATUSENABLED] = "ISPAYMENTSTATUSENABLED"\n    ></ccpay-reports>\n    '}]}],S.ctorParameters=function(){return[{type:R},{type:t.ChangeDetectorRef},{type:w}]},S.propDecorators={API_ROOT:[{type:t.Input,args:["API_ROOT"]}],BULKSCAN_API_ROOT:[{type:t.Input,args:["BULKSCAN_API_ROOT"]}],REFUNDS_API_ROOT:[{type:t.Input,args:["REFUNDS_API_ROOT"]}],NOTIFICATION_API_ROOT:[{type:t.Input,args:["NOTIFICATION_API_ROOT"]}],CARDPAYMENTRETURNURL:[{type:t.Input,args:["CARDPAYMENTRETURNURL"]}],CCD_CASE_NUMBER:[{type:t.Input,args:["CCD_CASE_NUMBER"]}],EXC_REFERENCE:[{type:t.Input,args:["EXC_REFERENCE"]}],PAYMENT_METHOD:[{type:t.Input,args:["PAYMENT_METHOD"]}],VIEW:[{type:t.Input,args:["VIEW"]}],VIEWSERVICE:[{type:t.Input,args:["VIEWSERVICE"]}],PAYMENT_GROUP_REF:[{type:t.Input,args:["PAYMENT_GROUP_REF"]}],TAKEPAYMENT:[{type:t.Input,args:["TAKEPAYMENT"]}],SERVICEREQUEST:[{type:t.Input,args:["SERVICEREQUEST"]}],DCN_NUMBER:[{type:t.Input,args:["DCN_NUMBER"]}],SELECTED_OPTION:[{type:t.Input,args:["SELECTED_OPTION"]}],ISBSENABLE:[{type:t.Input,args:["ISBSENABLE"]}],ISSFENABLE:[{type:t.Input,args:["ISSFENABLE"]}],ISTURNOFF:[{type:t.Input,args:["ISTURNOFF"]}],CASETYPE:[{type:t.Input,args:["CASETYPE"]}],ISPAYMENTSTATUSENABLED:[{type:t.Input,args:["ISPAYMENTSTATUSENABLED"]}],rootUrl:[{type:t.Input,args:["rootUrl"]}],REFUNDLIST:[{type:t.Input,args:["REFUNDLIST"]}],USERID:[{type:t.Input,args:["USERID"]}],LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],LOGGEDINUSEREMAIL:[{type:t.Input,args:["LOGGEDINUSEREMAIL"]}],isFromServiceRequestPage:[{type:t.Input,args:["isFromServiceRequestPage"]}]};var E=function(){function e(){}return e.prototype.handleError=function(e){var t;return t=e.error instanceof Error?"An error occurred: "+e.error.message:404===e.status?"string"==typeof e.error&&void 0!==e.error?e.error.length>60?void 0!==JSON.parse(e.error).statusCode&&500===JSON.parse(e.error).statusCode?"Internal server error":e.error.length>60?JSON.parse(e.error).error:e.error:e.error:JSON.parse(e.error).error:500===e.status?"Internal server error":void 0===e.error.messsage?"object"==typeof e.error?JSON.parse(JSON.stringify(e.error)).error:"string"==typeof e.error&&void 0!==e.error?e.error.length>60?void 0!==JSON.parse(e.error).statusCode&&500===JSON.parse(e.error).statusCode?"Internal server error":e.error.length>60?JSON.parse(e.error).error:e.error:e.error:JSON.parse(e.error).error:void 0!==e.error.message?""+e.error.message:""+e.error,n.throwError(t)},e.prototype.getServerErrorMessage=function(e,t,n){return void 0===t&&(t=!1),void 0===n&&(n=""),{title:"There is a problem with the service",body:t?n:"Try again later",showError:e}},e}();E.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new E},token:E,providedIn:"root"}),E.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],E.ctorParameters=function(){return[]};var C=function(){function e(){}return e.prototype.invokeConsoleMethod=function(e,t){},e}();C.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new C},token:C,providedIn:"root"}),C.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}];var P=function(){function e(e,t,n,s){this.http=e,this.logger=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getPaymentByCcdCaseNumber=function(e,t){return this.logger.info("Payment-list-service getPaymentByCcdCaseNumber for: ",e),this.http.get(this.paymentLibService.API_ROOT+"/cases/"+e+"/payments",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();P.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new P(f.ɵɵinject(y.HttpClient),f.ɵɵinject(C),f.ɵɵinject(E),f.ɵɵinject(R))},token:P,providedIn:"root"}),P.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],P.ctorParameters=function(){return[{type:s.HttpClient},{type:C},{type:E},{type:R}]};var I=function(){function e(e,t){this.paymentListService=e,this.paymentLibComponent=t}return e.prototype.ngOnInit=function(){var e=this;this.paymentListService.getPaymentByCcdCaseNumber(this.paymentLibComponent.CCD_CASE_NUMBER,this.paymentLibComponent.PAYMENT_METHOD).subscribe((function(t){return e.payments=t}),(function(t){return e.errorMessage=t}))},e.prototype.loadPaymentViewComponent=function(e,t,n){this.paymentLibComponent.paymentMethod=n,this.paymentLibComponent.paymentGroupReference=e,this.paymentLibComponent.paymentReference=t,this.paymentLibComponent.viewName="payment-view"},e}();I.decorators=[{type:t.Component,args:[{selector:"ccpay-payment-list",template:'<div class="govuk-width-container">\n\n  <div *ngIf="errorMessage">\n    <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n      <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n        Payments list could not be retrieved\n      </h2>\n      <div class="govuk-error-summary__body">\n        {{ errorMessage }}\n      </div>\n    </div>\n  </div>\n\n  <div *ngIf="!errorMessage && payments">\n\n    <table class="table">\n      <tr>\n        <th class="bold font-xsmall">Payment group reference</th>\n        <th class="bold font-xsmall">Payment reference</th>\n        <th class="bold font-xsmall">Date created</th>\n        <th class="bold font-xsmall">Channel</th>\n        <th class="bold font-xsmall">Method</th>\n        <th class="bold font-xsmall">Amount</th>\n        <th class="bold font-xsmall">Status</th>\n      </tr>\n      <tr *ngFor="let payment of payments.payments">\n        <td class="font-xsmall">\n          <a href="javascript:void(0)" (click)="loadPaymentViewComponent(payment.payment_group_reference, payment.payment_reference, payment.method)">{{ payment.payment_group_reference }}</a>\n        <td class="font-xsmall">{{ payment.payment_reference }}</td>\n        <td class="font-xsmall">{{ payment.date_created | date:\'dd MMM yyyy\' }}</td>\n        <td class="font-xsmall">{{ payment.channel | titlecase }}</td>\n        <td class="font-xsmall">{{ payment.method | titlecase }}</td>\n        <td class="font-xsmall">£{{ payment.amount | number:\'.2\' }}</td>\n        <td *ngIf="payment.method === \'card\' && payment.channel === \'online\'">\n          <details>\n            <summary><span class="summary font-xsmall">{{ payment.status }}</span></summary>\n            <div class="panel panel-border-narrow" *ngIf="payment.status === \'Failed\'">\n              <div *ngFor="let statusHistory of payment.status_histories">\n                <p class="font-xsmall" *ngIf="statusHistory.error_code === \'P0010\'">\n                  Payment rejected due to payment method selected or payment information entered, for example, failed fraud check, a 3D Secure authentication failure, or the user does not have enough money in account\n                </p>\n                <p class="font-xsmall" *ngIf="statusHistory.error_code === \'P0020\'">\n                  Payment was not confirmed and completed within 90 minutes of being created\n                </p>\n                <p class="font-xsmall" *ngIf="statusHistory.error_code === \'P0030\'">\n                  User clicked on the “Cancel payment” button during the payment journey\n                </p>\n                <p class="font-xsmall" *ngIf="statusHistory.error_code === \'P0050\'">\n                  Multiple possible causes, for example a configuration problem with the payment provider, or incorrect login credentials\n                </p>\n              </div>\n            </div>\n          </details>\n        </td>\n        <td *ngIf="payment.method === \'card\' && payment.channel === \'telephony\'" class="font-xsmall">\n          {{ payment.status}}\n        </td>\n        <td *ngIf="payment.method === \'payment by account\'">\n          <details>\n            <summary><span class="summary font-xsmall">{{ payment.status }}</span></summary>\n            <div class="panel panel-border-narrow" *ngIf="payment.status === \'Pending\'">\n              <p class="font-xsmall">This means the transaction is being processed by Liberata.</p>\n            </div>\n          </details>\n        </td>\n      </tr>\n    </table>\n\n  </div>\n\n</div>\n',styles:[""]}]}],I.ctorParameters=function(){return[{type:P},{type:S}]};Object.create;function A(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],s=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&s>=e.length&&(e=void 0),{value:e&&e[s++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var F=function(){function e(e,t){this.http=e,this.meta=t}return e.prototype.post=function(e,t,n){var s=this.addHeaders(n||{});return this.http.post(e,t,s)},e.prototype.put=function(e,t,n){var s=this.addHeaders(n||{});return this.http.put(e,t,s)},e.prototype.get=function(e,t){var n=this.addHeaders(t||{});return this.http.get(e,n)},e.prototype.delete=function(e,t){var n=this.addHeaders(t||{});return this.http.delete(e,n)},e.prototype.patch=function(e,t,n){var s=this.addHeaders(n||{});return this.http.patch(e,t,s)},e.prototype.addHeaders=function(e){var t=this.meta.getTag("name=csrf-token"),n={};return e.headers&&e.headers.forEach((function(t){n[t]=e.headers.get(t)})),n["X-Requested-With"]="XMLHttpRequest",null===t?void 0!==document.cookie.split(";").find((function(e){return e.startsWith("XSRF-TOKEN")}))?n["CSRF-Token"]=document.cookie.split(";").find((function(e){return e.startsWith("XSRF-TOKEN")})).split("=")[1]:n["CSRF-Token"]=document.cookie.split(";").find((function(e){return e.startsWith(" XSRF-TOKEN")})).split("=")[1]:n["CSRF-Token"]=t.content,e.headers=new s.HttpHeaders(n),e.responseType="text",e},e}();F.decorators=[{type:t.Injectable}],F.ctorParameters=function(){return[{type:s.HttpClient},{type:i.Meta}]};var T=function(){function e(e,t,s,a,o){this.http=e,this.https=t,this.logger=s,this.errorHandlerService=a,this.paymentLibService=o,this.ordersList=new n.BehaviorSubject([])}return e.prototype.getPaymentDetails=function(e,t){return this.logger.info("Payment-view-service getPaymentDetails for: ",e),null==t||null==t?this.http.get(this.paymentLibService.API_ROOT+"/payments/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError)):this.http.get("card"===t||"cash"===t||"cheque"===t||"postal order"===t?this.paymentLibService.API_ROOT+"/card-payments/"+e:this.paymentLibService.API_ROOT+"/credit-account-payments/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getPaymentGroupDetails=function(e){return this.logger.info("Payment-view-service getPaymentGroupDetails for: ",e),this.http.get(this.paymentLibService.API_ROOT+"/payment-groups/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getApportionPaymentDetails=function(e){return this.logger.info("Payment-view-service getPaymentGroupDetails for: ",e),this.http.get(this.paymentLibService.API_ROOT+"/payment-groups/fee-pay-apportion/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getPBAaccountDetails=function(){var e=this.paymentLibService.API_ROOT+"/pba-accounts";return this.http.get(e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postWays2PayCardPayment=function(e,t){var n=this.paymentLibService.API_ROOT+"/service-request/"+e+"/card-payments",s=this.paymentLibService.CARDPAYMENTRETURNURL.replace(".prod","");return t["return-url"]=s+"/payment",this.https.post(n,t).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postPBAaccountPayment=function(e,t){var n="idam-key-"+Math.random().toString().split(".").join("-");t.idempotency_key=n;var s=this.paymentLibService.API_ROOT+"/service-request/"+e+"/pba-payments";return this.https.post(s,t)},e.prototype.postBSPayments=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/bulk-scan-payments",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSUnidentifiedPayments=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/payment-allocations",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSUnsolicitedPayments=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/payment-allocations",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSAllocationPayments=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/payment-allocations",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postPaymentGroupWithRemissions=function(e,t,n){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+e+"/fees/"+t+"/remissions",n).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.deleteFeeFromPaymentGroup=function(e){return this.logger.info("Payment-view-service deleteFeeFromPaymentGroup for: ",e),this.https.delete(this.paymentLibService.API_ROOT+"/fees/"+e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postPaymentToPayHub=function(e,t){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+t+"/card-payments",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postPaymentAntennaToPayHub=function(e,t){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+t+"/telephony-card-payments",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.downloadSelectedReport=function(e,t,n){var s=this.paymentLibService.API_ROOT+"/report/data?date_from="+t+"&date_to="+n+"&report_type="+e;return this.https.get(s,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.downloadFailureReport=function(e,t){var n=this.paymentLibService.API_ROOT+"/payment-failures/failure-report?date_from="+e+"&date_to="+t;return this.https.get(n,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getBSfeature=function(){return this.https.get("api/payment-history/bulk-scan-feature",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getSiteID=function(){return this.https.get("api/payment-history/refdata/legacy-sites",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getPartyDetails=function(e){var t=this.paymentLibService.API_ROOT+"/case-payment-orders?case_ids="+e;return this.https.get(t,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.setOrdersList=function(e){this.ordersList.next(Object.assign([],e))},e.prototype.getOrdersList=function(){return this.ordersList},e.prototype.postRefundsReason=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/refund-for-payment",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postPaymentGroupWithRetroRemissions=function(e,t,n){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+e+"/fees/"+t+"/retro-remission",n).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postRefundRetroRemission=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/refund-retro-remission",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getPaymentFailure=function(e){return this.https.get(this.paymentLibService.API_ROOT+"/payment-failures/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();T.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new T(f.ɵɵinject(y.HttpClient),f.ɵɵinject(F),f.ɵɵinject(C),f.ɵɵinject(E),f.ɵɵinject(R))},token:T,providedIn:"root"}),T.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],T.ctorParameters=function(){return[{type:s.HttpClient},{type:F},{type:C},{type:E},{type:R}]};var O=function(){function e(e,t,n,s){this.http=e,this.https=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getRefundNotification=function(e){return this.http.get(this.paymentLibService.NOTIFICATION_API_ROOT+"/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getAddressByPostcode=function(e){return this.http.get(this.paymentLibService.NOTIFICATION_API_ROOT+"/postcode-lookup/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getNotificationPreview=function(e){return this.https.post(this.paymentLibService.NOTIFICATION_API_ROOT+"/doc-preview",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getNotificationInstructionType=function(e,t){return"bulk scan"===e&&"postal order"===t||"bulk scan"===e&&"cash"===t?"RefundWhenContacted":"online"===e&&"card"===t||"telephony"===e&&"card"===t||"online"===e&&"payment by account"===t||"bulk scan"===e&&"cheque"===t?"SendRefund":"Template"},e}();O.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new O(f.ɵɵinject(y.HttpClient),f.ɵɵinject(F),f.ɵɵinject(E),f.ɵɵinject(R))},token:O,providedIn:"root"}),O.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],O.ctorParameters=function(){return[{type:s.HttpClient},{type:F},{type:E},{type:R}]};var D=function(e,t,n,s,a,o){this.contact_details=e,this.fees=t,this.payment_reference=n,this.refund_reason=s,this.total_refund_amount=a,this.is_over_payment="op"===o},x=function(){function e(e,t,n,s,a){this.paymentViewService=e,this.notificationService=t,this.paymentLibComponent=n,this.cd=s,this.OrderslistService=a,this.isRefundRemission=!1,this.isAddFeeBtnEnabled=!1,this.isIssueRefunfBtnEnable=!1,this.allowedRolesToAccessRefund=["payments-refund-approver","payments-refund"],this.remissions=[],this.allPaymentsFailure=[],this.isContinueBtnDisabled=!0}return e.prototype.ngAfterContentChecked=function(){this.cd.detectChanges()},e.prototype.ngOnInit=function(){var e=this;this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.selectedOption=this.paymentLibComponent.SELECTED_OPTION,this.dcnNumber=this.paymentLibComponent.DCN_NUMBER,this.isTurnOff=this.paymentLibComponent.ISTURNOFF,this.serviceReference=this.paymentLibComponent.paymentGroupReference,this.viewStatus="paymentview",this.paymentViewService.getApportionPaymentDetails(this.paymentLibComponent.paymentReference).subscribe((function(t){var n=[];t.fees.forEach((function(s){e.isRemissionsMatch=!1,t.remissions.forEach((function(t){t.fee_code===s.code&&(e.isRemissionsMatch=!0,s.remissions=t,n.push(s))})),e.isRemissionsMatch||n.push(s)})),t.fees=n,e.paymentFees=n,e.paymentGroup=t,e.paymentGroup.payments=e.paymentGroup.payments.filter((function(t){return t.reference.includes(e.paymentLibComponent.paymentReference)}));var s=e.paymentGroup.payments[0].payment_allocation;e.isStatusAllocated=s.length>0&&"Allocated"===s[0].allocation_status||0===s.length}),(function(t){return e.errorMessage=t})),this.paymentViewService.getPaymentFailure(this.paymentLibComponent.paymentReference).subscribe({next:function(t){JSON.parse(t).payment_failure_list.reverse().forEach((function(t){e.allPaymentsFailure.push(t.payment_failure_initiated),t.payment_failure_closed&&e.allPaymentsFailure.push(t.payment_failure_closed)})),e.allPaymentsFailure=e.allPaymentsFailure.reverse()},error:function(t){e.allPaymentsFailure=[],e.errorMsg="Server error"}})},Object.defineProperty(e.prototype,"isCardPayment",{get:function(){return"card"===this.paymentGroup.payments[0].method},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isTelephonyPayment",{get:function(){return"telephony"===this.paymentGroup.payments[0].channel},enumerable:!1,configurable:!0}),e.prototype.goToPaymentList=function(){this.paymentLibComponent.viewName="payment-list"},e.prototype.getOverPaymentValue=function(){var e=0;return this.paymentGroup.fees.forEach((function(t){e+=t.over_payment})),e>0?e:this.paymentGroup.payments[0].over_payment},e.prototype.goToServiceRequestPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.TAKEPAYMENT=!1,this.paymentLibComponent.SERVICEREQUEST="true",this.paymentLibComponent.isFromServiceRequestPage=!0,window.location.reload()},e.prototype.goToCaseTransationPage=function(e){var t=this;e.preventDefault(),this.paymentLibComponent.isFromServiceRequestPage?(this.OrderslistService.getorderRefs().subscribe((function(e){return t.orderRef=e})),this.OrderslistService.getorderCCDEvents().subscribe((function(e){return t.orderCCDEvent=e})),this.OrderslistService.getorderCreateds().subscribe((function(e){return t.orderCreated=e})),this.OrderslistService.getorderDetail().subscribe((function(e){return t.orderDetail=e})),this.OrderslistService.getorderPartys().subscribe((function(e){return t.orderParty=e})),this.OrderslistService.getorderRemissionTotals().subscribe((function(e){return t.orderRemissionTotal=e})),this.OrderslistService.getorderFeesTotals().subscribe((function(e){return t.orderFeesTotal=e})),this.OrderslistService.getoorderTotalPaymentss().subscribe((function(e){return t.orderTotalPayments=e})),this.viewStatus="order-full-view"):(this.OrderslistService.setnavigationPage("casetransactions"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.resetOrderData())},e.prototype.addRemission=function(e){var t=this;this.chkIsAddRemissionBtnEnable(e)&&(this.feeId=e,this.paymentViewService.getApportionPaymentDetails(this.paymentGroup.payments[0].reference).subscribe((function(e){t.paymentGroup=e,t.paymentGroup.payments=t.paymentGroup.payments.filter((function(e){return e.reference.includes(t.paymentLibComponent.paymentReference)})),t.payment=t.paymentGroup.payments[0],t.paymentLibComponent.isFromPaymentDetailPage=!0,t.viewStatus="addremission",t.isRefundRemission=!0,t.cd.detectChanges()}),(function(e){return t.errorMessage=e})))},e.prototype.checkForFees=function(e){return null!=e&&null!==e.fees&&void 0!==e.fees},e.prototype.processRefund=function(){var e=this;this.isConfirmationBtnDisabled=!0,this.errorMessage="";var t=this.paymentGroup.fees[0];this.fees=[{id:t.id,code:t.code,version:t.version,apportion_amount:t.apportion_amount,calculated_amount:t.calculated_amount,updated_volume:t.updated_volume?t.updated_volume:t.volume,volume:t.volume,refund_amount:this.getOverPaymentValue()}];var n=new D(this.contactDetailsObj,this.fees,this.paymentGroup.payments[0].reference,"RR037",this.getOverPaymentValue(),"op");this.paymentViewService.postRefundsReason(n).subscribe((function(t){JSON.parse(t)&&(e.viewCompStatus="",e.viewStatus="refundconfirmationpage",e.refundReference=JSON.parse(t).refund_reference,e.refundAmount=JSON.parse(t).refund_amount)}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1,e.cd.detectChanges()}))},e.prototype.gotoAddressPage=function(e){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.errorMessage="",this.viewCompStatus="overPaymentAddressCapture"},e.prototype.addRefundForRemission=function(e,t,n){var s=this;this.paymentViewService.getApportionPaymentDetails(e.reference).subscribe((function(a){s.paymentGroup=a,s.paymentGroup.payments=s.paymentGroup.payments.filter((function(t){return t.reference.includes(e.reference)})),s.payment=s.paymentGroup.payments[0],s.remissions=t,s.remissionFeeAmt=n.filter((function(e){return e.code===s.remissions.fee_code}))[0].net_amount,s.viewStatus="addrefundforremission"}),(function(e){return s.errorMessage=e}))},e.prototype.goToPaymentViewComponent=function(){this.viewCompStatus="",this.viewStatus="paymentview"},e.prototype.issueRefund=function(e){null!=e&&this.chkIsIssueRefundBtnEnable(e.payments[0])&&(e.payments[0].over_payment>0?this.viewCompStatus="overpayment":(this.paymentGroup=e,this.viewStatus="issuerefund",this.isRefundRemission=!0,this.paymentLibComponent.isFromPaymentDetailPage=!0,this.isFromPaymentDetailPage=!0,this.isFromServiceRequestPage=!1))},e.prototype.getRemissionByFeeCode=function(e,t){var n,s;if(t&&t.length>0)try{for(var a=A(t),o=a.next();!o.done;o=a.next()){var i=o.value;if(i.fee_code===e)return i}}catch(e){n={error:e}}finally{try{o&&!o.done&&(s=a.return)&&s.call(a)}finally{if(n)throw n.error}}return null},e.prototype.chkIsIssueRefundBtnEnable=function(e){return null!=e&&(e.issue_refund&&e.refund_enable)},e.prototype.chkIsAddRefundBtnEnable=function(e){return null!=e&&e.add_refund},e.prototype.chkIsAddRemissionBtnEnable=function(e){return null!=e&&(e.add_remission&&e.remission_enable)},e.prototype.selectPymentOption=function(e){this.paymentType=e,this.isContinueBtnDisabled=!1},e.prototype.continuePayment=function(e){"op"===this.paymentType?(this.isFullyRefund=!1,this.viewCompStatus="overPaymentAddressCapture"):"fp"===this.paymentType&&(this.isFullyRefund=!0,this.paymentGroup=e,this.viewStatus="issuerefund",this.viewCompStatus="",this.isRefundRemission=!0,this.paymentLibComponent.isFromPaymentDetailPage=!0,this.isFromPaymentDetailPage=!0,this.isFromServiceRequestPage=this.paymentLibComponent.isFromServiceRequestPage)},e.prototype.gotoPaymentSelectPage=function(e){e.preventDefault(),this.viewCompStatus="overpayment"},e.prototype.getContactDetails=function(e){this.contactDetailsObj=e,this.notificationPreview=!1,this.getTemplateInstructionType(this.paymentGroup.payments[0]),this.viewCompStatus="overpaymentcheckandanswer"},e.prototype.resetOrderData=function(){this.OrderslistService.setOrderRef(null),this.OrderslistService.setorderCCDEvent(null),this.OrderslistService.setorderCreated(null),this.OrderslistService.setorderDetail(null),this.OrderslistService.setorderParty(null),this.OrderslistService.setorderTotalPayments(null),this.OrderslistService.setorderRemissionTotal(null),this.OrderslistService.setorderFeesTotal(null)},e.prototype.goToPaymentFailuePage=function(e){this.viewStatus="payment-failure",this.selectedPaymentsStatus=e},e.prototype.goBackToPaymentView=function(e){e.preventDefault(),this.viewStatus="paymentview"},e.prototype.getTemplateInstructionType=function(e){this.templateInstructionType=null==e||null==e?"Template":this.notificationService.getNotificationInstructionType(e.channel,e.method)},e.prototype.showNotificationPreview=function(){this.notificationPreview=!0},e.prototype.hideNotificationPreview=function(){this.notificationPreview=!1},e}();x.decorators=[{type:t.Component,args:[{selector:"ccpay-payment-view",template:'<div class="payment-view-section">\n<ng-container *ngIf="viewStatus === \'paymentview\' && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n<div class="govuk-width-container">\n\n  <div  class="govuk-breadcrumbs">\n    <ol class="govuk-breadcrumbs__list">\n      <li class="govuk-breadcrumbs__list-item">\n        <a href="javascript:void(0)" (click)="goToCaseTransationPage($event)" class="govuk-back-link">Back</a>\n      </li>\n    </ol>\n  </div>\n\n  <main class="govuk-main-wrapper govuk-!-padding-top-0" id="main-content" role="main">\n\n    <div *ngIf="errorMessage">\n      <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n        <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n          Payment details could not be retrieved\n        </h2>\n        <div class="govuk-error-summary__body">\n          {{ errorMessage }}\n        </div>\n      </div>\n    </div>\n\n    <div class="payment-view-alignment" *ngIf="!errorMessage && paymentGroup?.payments[0]">\n\n      <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'PAYMENTDETAILS\'>\n      <div class="govuk-grid-row">\n        <div class="column">\n          <h1 class="heading-large govuk-!-margin-top-0">Payment details</h1>\n        </div>\n      </div>\n      <table>\n        <tbody>\n\n        <tr class="section">\n          <td class="bold tb-col-w">Service request reference</td>\n          <td class="tb-col-w">{{ serviceReference  }}</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Payment reference</td>\n          <td class="tb-col-w">{{ paymentGroup?.payments[0]?.reference }}</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Payment amount</td>\n          <td class="tb-col-w">£{{ paymentGroup?.payments[0]?.amount | number:\'.2\' }}</td>\n        </tr>\n        <tr class="section" *ngIf="paymentGroup?.payments[0]?.over_payment > 0">\n          <td class="bold tb-col-w">Over payment</td>\n          <td class="tb-col-w">£{{ getOverPaymentValue() | number:\'.2\' }}</td>\n        </tr>\n        <tr class="section" *ngIf="paymentGroup?.payments[0] && paymentGroup?.payments[0]?.document_control_number && !paymentGroup?.payments[0]?.external_reference">\n          <td class="bold tb-col-w">Payment asset number(DCN)</td>\n          <td class="tb-col-w">{{ paymentGroup?.payments[0]?.document_control_number }}</td>\n        </tr>\n        <tr class="section" *ngIf="paymentGroup?.payments[0] && paymentGroup?.payments[0]?.document_control_number && !paymentGroup?.payments[0]?.external_reference">\n          <td class="bold tb-col-w">Banked date</td>\n          <td class="tb-col-w">{{ paymentGroup?.payments[0]?.banked_date | date:\'dd MMM yyyy\' }}</td>\n        </tr>\n        <tr class="section" *ngIf="paymentGroup?.payments[0] && paymentGroup?.payments[0]?.external_reference">\n          <td class="bold tb-col-w">GovPay Transaction ID</td>\n          <td class="tb-col-w">{{ paymentGroup?.payments[0]?.external_reference }}</td>\n        </tr>\n        <tr class="section" >\n            <td class="bold tb-col-w">Payment method</td>\n            <td class="tb-col-w text-transform">{{ paymentGroup?.payments[0]?.method  }}</td>\n        </tr>\n        <tr class="section" *ngIf="paymentGroup?.payments[0]?.method === \'payment by account\'" >\n            <td class="bold tb-col-w">Type</td>\n            <td class="tb-col-w" *ngIf="paymentGroup?.payments[0]?.method !== \'card\'">Credit</td>\n            <td class="tb-col-w" *ngIf="paymentGroup?.payments[0]?.method === \'card\'">Card</td>\n        </tr>\n        <tr class="section">\n            <td class="bold tb-col-w">Channel</td>\n            <td class="tb-col-w text-transform">{{ paymentGroup?.payments[0]?.channel  }}</td>\n        </tr>\n        \x3c!-- <tr class="section">\n            <td class="bold tb-col-w">Method</td>\n            <td *ngIf="paymentGroup?.payments[0]?.method !== \'card\'">{{ paymentGroup?.payments[0]?.method }}</td>\n            <td *ngIf="paymentGroup?.payments[0]?.method === \'card\'">CARD</td>\n        </tr> --\x3e\n        \x3c!-- <tr class="section" *ngIf="paymentGroup?.payments[0]?.channel !== \'telephony\'">\n            <td class="bold tb-col-w">Status</td>\n            <td>{{ paymentGroup?.payments[0]?.status }}</td>\n         </tr> --\x3e\n        <tr class="section" *ngIf="paymentGroup?.payments[0]?.payment_allocation[0] !== undefined">\n            <td class="bold tb-col-w">Allocaton status</td>\n            <td class="tb-col-w">{{ paymentGroup?.payments[0]?.payment_allocation[0]?.allocation_status }}</td>\n          </tr>\n\n          <tr *ngIf="paymentGroup?.payments[0].organisation_name">\n            <td class="bold tb-col-w">PBA account name</td>\n            <td class="tb-col-w">{{ paymentGroup?.payments[0]?.organisation_name }}</td>\n          </tr>\n\n          <tr *ngIf="paymentGroup?.payments[0].account_number">\n            <td class="bold tb-col-w">PBA number</td>\n            <td class="tb-col-w">{{ paymentGroup?.payments[0]?.account_number }}</td>\n          </tr>\n\n          <tr *ngIf="paymentGroup?.payments[0].customer_reference">\n            <td class="bold tb-col-w">Customer internal reference</td>\n            <td class="tb-col-w">{{ paymentGroup?.payments[0]?.customer_reference }}</td>\n          </tr>\n\n        </tbody>\n      </table>\n\n      <div>\n            \x3c!-- Status histories --\x3e\n      <ccpay-payment-statuses *ngIf="isStatusAllocated" [isTakePayment]="isTakePayment"></ccpay-payment-statuses>\n      </div>\n     <div class="remission">\n        <button  [disabled]="!chkIsIssueRefundBtnEnable(paymentGroup?.payments[0])"  (click)="issueRefund(paymentGroup)" class="govuk-button govuk-button--secondary">Issue refund</button>\n     </div>\n<div *ngIf="ISPAYMENTSTATUSENABLED">\n     <div class="column">\n      <h2 class="heading-medium">Disputed payment history</h2>\n    </div>\n    \n    <div>\n      <table>\n          <thead>\n            <tr>\n              <th>Status</th>\n              <th>Amount</th>\n              <th>Date</th>\n              <th>Payment reference</th>\n              <th>Event</th>\n              <th></th>\n            </tr>\n          </thead> \n          <tbody *ngIf="!errorMsg && allPaymentsFailure.length > 0">\n            <tr *ngFor="let payment of allPaymentsFailure">\n              <td>{{ payment.status | capitalize }}</td>\n              <td>£{{ payment.disputed_amount | number:\'.2\' }}</td>\n              <td>{{(payment.representment_date ? payment.representment_date : payment.failure_event_date_time) | date:\'dd MMM yyyy\'}}</td>\n              <td>{{ payment.payment_reference }}</td>\n              <td >{{ payment.failure_type }}</td>\n              <td>\n                \n                <a href="javascript:void(0)" (click)="goToPaymentFailuePage(payment)">Show detail</a>\n\n              </td>\n            </tr>\n          </tbody>\n          <tbody  *ngIf="errorMsg || allPaymentsFailure.length === 0">\n            <tr>\n              <td colspan="6"> No disputed payment history available. </td>\n            </tr>\n        </tbody>\n      </table>\n    </div>\n    <br/>\n    <br/>\n  </div>\n      \n     <div  *ngIf="checkForFees(paymentGroup)">\n      <div  *ngIf="paymentGroup.fees.length > 0">\n        <div class="column">\n          <br/>\n          <br/>\n          <h2 class="heading-large">Fee and remission details</h2>\n\n        </div>\n      </div>\n\n      <div *ngFor="let fee of paymentGroup.fees">\n        <table class="table">\n          <tbody>\n          <tr class="section">\n            <td class="bold tb-col-w">Description</td>\n            <td class="tb-col-w">Application for {{ fee.description }}</td>\n          </tr>\n          <tr class="section">\n            <td class="bold tb-col-w">Fee code</td>\n            <td class="tb-col-w">{{ fee?.code }}</td>\n          </tr>\n          <tr class="section">\n            <td class="bold tb-col-w" [ngClass]="{\'tr-border\': !fee.apportion_amount && !fee.remissions && !isTurnOff }">Fee amount</td>\n            <td [ngClass]="{\'tr-border\': !fee.apportion_amount && !fee.remissions && !isTurnOff}">£{{ fee?.calculated_amount | number:\'.2\' }}</td>\n          </tr>\n\n          <tr *ngIf="fee.apportion_amount">\n            <td class="bold tb-col-w tr-border" [ngClass]="{\'tr-border\': !fee.remissions}">Allocated amount</td>\n            <td [ngClass]="{\'tr-border\': !fee.remissions}">£{{ fee?.apportion_amount | number:\'.2\' }}</td>\n          </tr>\n\n          </tbody>\n        </table>\n        <button [disabled]="!chkIsAddRemissionBtnEnable(fee)" (click)="addRemission(fee)" class="govuk-button govuk-button--secondary"> Add remission</button>\n      </div>\n\n                \x3c!-- remissions --\x3e\n                <div class="order-class">\n                  <div class="column">\n    <table class="govuk-table">\n      <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n           <td class="govuk-table__header col-24 whitespace-inherit" scope="col">Help with fees or remission code</td>\n            <td class="govuk-table__header col-27 whitespace-inherit" scope="col">Reference</td>\n            <td class="govuk-table__header whitespace-inherit" scope="col">Fee</td>\n            <td class="govuk-table__header whitespace-inherit" scope="col">Amount</td>\n            <td  class="govuk-table__header whitespace-inherit refundBtn" scope="col"></td>\n          </tr>\n      </thead>\n      <tbody class="govuk-table__body"  *ngFor="let remission of paymentGroup.remissions">\n        <tr class="govuk-table__row">\n           <td class="govuk-table__cell whitespace-inherit">{{ remission?.hwf_reference }}</td>\n            <td class="govuk-table__cell whitespace-inherit">{{ remission?.remission_reference }}</td>\n            <td class="govuk-table__cell whitespace-inherit">{{ remission?.fee_code }}</td>\n            <td class="govuk-table__cell whitespace-inherit">{{ remission?.hwf_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n            <td class="govuk-table__cell refundBtn whitespace-inherit"  >\n               <button  [disabled]="!chkIsAddRefundBtnEnable(remission)" (click)="addRefundForRemission(paymentGroup.payments[0],remission,paymentGroup.fees)" class="govuk-button govuk-button--secondary"> Add refund</button>\n            </td>\n          </tr>\n      </tbody>\n\n\n    </table>\n                  </div></div>\n\n   <div *ngIf="paymentGroup.remissions?.length === 0">\n      <span class="mar-17" >No help with fees or remissions.</span>\n   </div>\n\n  </div>\n    </div>\n  </main>\n</div>\n\n</ng-container>\n<ng-container *ngIf="viewStatus === \'addremission\' && feeId && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n<ccpay-add-remission \n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[fee]="feeId"\n[payment] = "payment"\n[orderStatus] ="paymentGroup.payments[0].status"\n[paidAmount]= "paymentGroup.payments[0].amount"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[paymentGroupRef]="paymentGroup.payment_group_reference"\n[isFromPaymentDetailPage] = "true"\n[ccdCaseNumber]="ccdCaseNumber"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"\n[orderRef] = "orderRef"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'addrefundforremission\' && payment && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n\n<ccpay-add-remission\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[payment]="payment"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[feeamount]="remissionFeeAmt"\n[remission] = "remissions"\n[isFromServiceRequestPage]="false"\n[paymentGroupRef]="paymentGroup.payment_group_reference"\n[ccdCaseNumber]="ccdCaseNumber"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"\n[orderRef] = "orderRef"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'issuerefund\' && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n    <ccpay-add-remission \n    [isTurnOff]="isTurnOff"\n    [isStrategicFixEnable]="isStrategicFixEnable"\n    [payment] = \'paymentGroup.payments[0]\'\n    [viewCompStatus]= "viewStatus"\n    [orderStatus] ="paymentGroup.payments[0].status"\n    [paidAmount]= "paymentGroup.payments[0].amount"\n    [isRefundRemission]="isRefundRemission"\n    [caseType]="caseType"\n    [isFromServiceRequestPage]="isFromServiceRequestPage"\n    [isFromPaymentDetailPage] = "isFromPaymentDetailPage"\n    [paymentGroupRef]="paymentGroup.payment_group_reference"\n    [ccdCaseNumber]="ccdCaseNumber"\n    [orderFeesTotal] = "orderFeesTotal"\n    [orderTotalPayments] = "orderTotalPayments"\n    [orderRemissionTotal] = "orderRemissionTotal"\n    [orderRef] = "orderRef"\n    [orderCreated] = "orderCreated"\n    [orderParty] = "orderParty"\n    [orderCCDEvent] = "orderCCDEvent"\n    [orderDetail] = "orderDetail"\n    [fees] ="paymentFees"\n    [isFullyRefund] = "isFullyRefund"\n    [LOGGEDINUSERROLES] = "LOGGEDINUSERROLES">\n    \n  ></ccpay-add-remission>\n</ng-container>\n<ng-container *ngIf="viewStatus === \'order-full-view\' && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n  <ccpay-service-request\n  [viewStatus] = "viewStatus"\n  [orderRef] = "orderRef"\n  [orderStatus] = "orderStatus"\n  [orderCreated] = "orderCreated"\n  [orderParty] = "orderParty"\n  [orderCCDEvent] = "orderCCDEvent"\n  [orderDetail] = "orderDetail"\n  [LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n  [takePayment] = "isTakePayment"\n  [ccdCaseNumber] = "ccdCaseNumber"\n  [orderFeesTotal] = "orderFeesTotal"\n  [orderTotalPayments] = "orderTotalPayments"\n  [orderRemissionTotal] = "orderRemissionTotal"\n  [isServiceRequest] = "isServiceRequest"\n  (goToServiceRquestComponent) = "goToServiceRequestPage()"\n>\n</ccpay-service-request>\n\n</ng-container>\n</div>\n<div class="over-payment">\n<ng-container *ngIf="viewCompStatus === \'overpayment\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'OVERPAYMENTPAGE\'> \n  <h1 class="heading-large">Issue refund</h1>\n  <h1 class="heading-medium">Case reference: {{ccdCaseNumber | ccdHyphens }}</h1>\n  <span id="how-contacted-conditional-hint govuk-font19px" class="form-hint">\n    Payment reference: {{paymentGroup?.payments[0]?.reference}}\n  </span>\n<div class="govuk-form-group">\n  <fieldset class="govuk-fieldset">\n    <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">\n      <h1 class="heading-medium">Select payment to refund</h1>\n    </legend>\n    <div class="govuk-radios" data-module="govuk-radios">\n      <div class="govuk-radios__item">\n        <input class="govuk-radios__input" id="over-payment" name="over-payment" type="radio" (click)="selectPymentOption(\'op\')" value="op">\n        <label class="govuk-label govuk-radios__label govuk-font19px" for="where-do-you-live">\n          Over payment £{{getOverPaymentValue() | number:\'.2\'}}\n        </label>\n      </div>\n      <div class="govuk-radios__item">\n        <input class="govuk-radios__input" id="full-payment" name="over-payment" type="radio" (click)="selectPymentOption(\'fp\')" value="fp">\n        <label class="govuk-label govuk-radios__label govuk-font19px" for="where-do-you-live-2">\n          Full payment £{{paymentGroup?.payments[0]?.amount | number:\'.2\'}}\n        </label>\n      </div>\n    </div>\n      <button class="govuk-button govuk-button--secondary over-payment-alignment govuk-font19px"\n      (click)="goToPaymentViewComponent()"> Previous</button>\n      <button \n      (click)="continuePayment(paymentGroup)"\n      [disabled]="isContinueBtnDisabled"\n      [ngClass]=\'isContinueBtnDisabled ? "button button--disabled govuk-!-margin-right-1 govuk-font19px" : "button govuk-!-margin-right-1 govuk-font19px"\'\n      class="govuk-button"> Continue</button>\n  </fieldset>\n</div>\n</ng-container>\n\n<ng-container *ngIf="viewCompStatus === \'overPaymentAddressCapture\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'OVERPAYMENTADDRESSCAPTUREPAGE\'>      \n  <h1 class="govuk-heading-l">Issue refund</h1>\n  <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n  <span id="how-contacted-conditional-hint" class="govuk-hint govuk-font19px">\n    Payment reference: {{paymentGroup?.payments[0]?.reference}}\n  </span>\n<ccpay-contact-details \n[addressObj] = notification\n(assignContactDetails)="getContactDetails($event)"\n(redirectToIssueRefund)="gotoPaymentSelectPage($event)" ></ccpay-contact-details>\n<p>\n    <a (click)="goToCaseTransationPage($event)" class="govuk-link" data-module="govuk-button">\n        Cancel\n    </a>\n</p>\n</ng-container>\n\n<ng-container *ngIf="viewCompStatus === \'overpaymentcheckandanswer\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDREFUNDFORREMISSION\'> \n  <div class="govuk-warning-text">\n   \n      <h1 class="heading-large"> Check your answers</h1>\n  </div>\n  <table class="govuk-table">\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n          <td class="govuk-table__cell"> {{paymentGroup.payments[0].reference}} </td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Payment amount</td>\n          <td class="govuk-table__cell">{{paymentGroup.payments[0].amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Fee amount</td>\n          <td class="govuk-table__cell">{{paymentGroup?.fees[0]?.net_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n          <td class="govuk-table__cell">{{getOverPaymentValue() | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Refund reason</td>\n          <td class="govuk-table__cell">Over payment</td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n        <td class="govuk-table__cell">{{orderParty}}</td>\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n      <td class="govuk-table__cell whitespace-inherit">\n        <div *ngIf="contactDetailsObj?.notification_type === \'EMAIL\'" class="contactDetails-width">\n          <strong>Email</strong>\n          <br/>\n          {{contactDetailsObj?.email?.trim()}}\n        </div>\n        <div *ngIf="contactDetailsObj?.notification_type === \'LETTER\'" class="contactDetails-width">\n          <strong>Post</strong>\n          <br/>\n          {{contactDetailsObj?.address_line?.trim()}}&nbsp;{{contactDetailsObj?.city?.trim()}}&nbsp;{{contactDetailsObj?.county?.trim()}}&nbsp;{{contactDetailsObj?.country?.trim()}}&nbsp;{{contactDetailsObj?.postal_code?.trim()}}\n        </div>\n        <a (click)="gotoAddressPage(contactDetailsObj)" class="govuk-link right" >Change</a>\n      </td>\n    </tr>\n\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n      <td class="govuk-table__cell">{{templateInstructionType}}\n          <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n            Preview\n          </a>\n          <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n            Hide Preview\n          </a>\n      </td>\n    </tr>\n  </table>\n\n  <app-notification-preview *ngIf="notificationPreview" \n  [payment]="paymentGroup.payments[0]" \n  [contactDetails]="contactDetailsObj"\n  [refundReason]="\'RR037\'"\n  [refundAmount]="getOverPaymentValue()"></app-notification-preview>\n\n  <button type="submit" class="button govuk-button--secondary over-payment-alignment govuk-font19px" (click)="gotoAddressPage(contactDetailsObj)">Previous</button>\n  <button type="submit"\n  [ngClass]=\'isContinueBtnDisabled ? "button button--disabled govuk-!-margin-right-1 govuk-font19px" : "button govuk-!-margin-right-1 govuk-font19px"\'\n  (click)="processRefund()">\n    Submit refund\n  </button>\n  <p>\n      <a href="javascript:void(0)"  (click)="goToCaseTransationPage($event)" class="govuk-link govuk-font19px" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n<ng-container *ngIf="viewStatus === \'refundconfirmationpage\' && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'RETROREMISSIONREFUNDCONFIRMATIONPAGE\'> \n  <div class="govuk-grid-row pagesize">\n    <div >\n      <div class="govuk-panel govuk-panel--confirmation">\n        <h1 class="govuk-panel__title">\n          Refund submitted\n        </h1>\n        \n        <div class="govuk-panel__body">\n          <p class="govuk-body white"><strong>Refund reference: {{refundReference}}</strong></p>\n        </div>\n  \n      </div>\n      <h2 class="govuk-heading-l">What happens next</h2>\n      <p class="govuk-body">\n        A refund request for {{refundAmount  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} has been created and will be passed to a team leader to approve.\n      </p>\n    <p class="govuk-body">\n    <a href="javascript:void(0)" (click)="goToCaseTransationPage($event)" class="govuk-link pointer" data-module="govuk-button">\n      Return to case\n  </a>\n    </p>\n    </div>\n  </div>\n\n</ng-container>\n</div>\n\n<ng-container *ngIf="viewStatus === \'payment-failure\'">\n  <div class="payment-failure-alignment">\n    <div  class="govuk-breadcrumbs">\n      <ol class="govuk-breadcrumbs__list">\n        <li class="govuk-breadcrumbs__list-item">\n          <a href="javascript:void(0)" (click)="goBackToPaymentView($event)" class="govuk-back-link">Back</a>\n        </li>\n      </ol>\n    </div>\n    <div class="govuk-grid-row">\n      <div class="column">\n        <h1 class="heading-large govuk-!-margin-top-0">Failure event details</h1>\n      </div>\n    </div>\n    <table>\n      <tbody>\n\n      <tr class="section">\n        <td class="bold">Failure reference</td>\n        <td>\t{{selectedPaymentsStatus.failure_reference}}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold">Failure reason</td>\n        <td>\t{{selectedPaymentsStatus.failure_reason}}</td>\n      </tr>\n      <tr class="section">\n          <td class="bold">Payment reference</td>\n          <td>{{ selectedPaymentsStatus.payment_reference }}</td>\n      </tr>\n      <tr class="section">\n          <td class="bold">Payment amount</td>\n          <td> £{{ paymentGroup?.payments[0]?.amount | number:\'.2\' }}</td>\n\n      </tr>\n      <tr class="section">\n          <td class="bold">Disputed amount</td>\n          <td>\t£{{selectedPaymentsStatus.disputed_amount  | number:\'.2\'}}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold">Additional information</td>\n        <td>\t{{selectedPaymentsStatus.additional_reference }}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold">Failure type</td>\n        <td>\t{{ selectedPaymentsStatus.failure_type }}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold">Failure event date and time</td>\n        <td> {{ selectedPaymentsStatus.failure_event_date_time | date:\'dd MMM yyyy HH:mm:ss\' }}</td>\n      </tr>\n      <tr class="section" *ngIf="selectedPaymentsStatus.has_amount_debited">\n        <td class="bold">Has disputed amount debited</td>\n        <td>\t{{selectedPaymentsStatus.has_amount_debited}}</td>\n      </tr>\n      <tr class="section" *ngIf="selectedPaymentsStatus.representment_status">\n        <td class="bold">Status following representation of payment</td>\n        <td>\t{{(selectedPaymentsStatus.representment_status === \'Yes\' || selectedPaymentsStatus.representment_status === \'yes\') ? \'Success\' : \'Failure\'}}</td>\n      </tr>\n      <tr class="section" *ngIf="selectedPaymentsStatus.representment_date">\n        <td class="bold">Date payment represented</td>\n        <td>\t{{selectedPaymentsStatus.representment_date  | date:\'dd MMM yyyy HH:mm:ss\'}}</td>\n      </tr>\n      </tbody>\n    </table>\n\n    <div>\n    </div>\n  </div>\n</ng-container>\n',styles:[".payment-view-section .tb-col-w{width:330px}.payment-view-section .tr-border{border-bottom:2px solid}.payment-view-section .payment-view-alignment{margin-left:30px}.payment-view-section .govuk-button{font-size:19px;float:left;margin-top:2em}.payment-view-section .remission{margin-bottom:7em}.payment-view-section .govuk-error-summary__title{font-size:24px!important}.payment-view-section .govuk-table__cell,.payment-view-section .govuk-table__header{padding:0;line-height:1.3;vertical-align:middle}.payment-view-section .govuk-table__row{line-height:1.3}.payment-view-section .govuk-table__cell:last-child{text-align:right}.payment-view-section .text-transform:first-letter{text-transform:capitalize}.payment-view-section .govuk-link{cursor:pointer}.payment-view-section .mar-17{font-size:19px!important}.over-payment .pagesize{margin:2em;width:97%}.over-payment .contactDetails-width{width:70%}.over-payment .margin-top10px{margin-top:20px}.over-payment .govuk-font19px{font-size:19px!important}.over-payment .margin-top--size{margin-top:-30px}.over-payment .over-payment-alignment{margin-right:10px}.over-payment .govuk-button{font-size:19px;float:left;margin-top:2em}.over-payment td.govuk-table__cell{width:50%}.over-payment .govuk-label--s,.over-payment .govuk-warning-text__text,.over-payment .hmcts-currency-input__symbol{font-size:19px;font-weight:400}.over-payment .inline-error-class{outline:3px solid #a71414;outline-offset:0;border-color:#a71414}.over-payment .inline-error-message{color:#a71414;border-color:#a71414;font-weight:700;margin-top:10px;font-size:20px}.over-payment .govuk-button-group{padding-top:2em}.over-payment .heading-medium{margin-top:.875em}.over-payment .heading-large{margin-top:.25em}.over-payment .govuk-panel--confirmation{color:#fff;background:#00703c}.over-payment .govuk-panel__title{font-size:5rem}.over-payment .govuk-body,.over-payment .govuk-body-m{font-size:2.1875rem}.over-payment .govuk-link{cursor:pointer}.over-payment .govuk-radios__conditional{padding-top:12px!important}.over-payment .right{float:right;cursor:pointer}.over-payment .radio{float:right}.over-payment .white{color:#fff}.whitespace-inherit{white-space:inherit!important}"]}]}],x.ctorParameters=function(){return[{type:T},{type:O},{type:S},{type:t.ChangeDetectorRef},{type:w}]},x.propDecorators={isTurnOff:[{type:t.Input}],isTakePayment:[{type:t.Input}],caseType:[{type:t.Input}],orderRef:[{type:t.Input}],orderStatus:[{type:t.Input}],orderTotalPayments:[{type:t.Input}],payment:[{type:t.Input}],LOGGEDINUSERROLES:[{type:t.Input}],ISPAYMENTSTATUSENABLED:[{type:t.Input}],orderParty:[{type:t.Input}],orderCreated:[{type:t.Input}],orderCCDEvent:[{type:t.Input}],orderFeesTotal:[{type:t.Input}],orderRemissionTotal:[{type:t.Input}],orderDetail:[{type:t.Input}],isServiceRequest:[{type:t.Input,args:["isServiceRequest"]}]};var L=function(){function e(e,t,n,s,a){this.http=e,this.https=t,this.errorHandlerService=n,this.paymentLibService=s,this.meta=a}return e.prototype.getRefundReasons=function(){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"/reasons",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getRefundRejectReasons=function(){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"/rejection-reasons",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getRefundActions=function(e){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"/"+e+"/actions",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.patchRefundActions=function(e,t,n){return this.https.patch(this.paymentLibService.REFUNDS_API_ROOT+"/"+t+"/action/"+n,e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getRefundList=function(e,t){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"?status="+e+"&excludeCurrentUser="+t,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getRefundStatusHistory=function(e){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"/"+e+"/status-history",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getRefundStatusList=function(e){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"?ccdCaseNumber="+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getUserDetails=function(){return this.http.get(this.paymentLibService.REFUNDS_API_ROOT+"/get-user-details",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postIssueRefund=function(e){return this.https.post(this.paymentLibService.REFUNDS_API_ROOT+"/refund",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.putResendOrEdit=function(e,t,n){return this.https.put(this.paymentLibService.REFUNDS_API_ROOT+"/resend/notification/"+t+"?notificationType="+n,e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.patchResubmitRefund=function(e,t){return this.https.patch(this.paymentLibService.REFUNDS_API_ROOT+"/resubmit/"+t,e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.addHeaders=function(e){var t=this.meta.getTag("name=csrf-token"),n={};return e.headers&&e.headers.forEach((function(t){n[t]=e.headers.get(t)})),n["X-Requested-With"]="XMLHttpRequest",null===t.content?void 0!==document.cookie.split(";").find((function(e){return e.startsWith("XSRF-TOKEN")}))?n["CSRF-Token"]=document.cookie.split(";").find((function(e){return e.startsWith("XSRF-TOKEN")})).split("=")[1]:n["CSRF-Token"]=document.cookie.split(";").find((function(e){return e.startsWith(" XSRF-TOKEN")})).split("=")[1]:n["CSRF-Token"]=t.content,e.headers=new s.HttpHeaders(n),e.responseType="text",e},e}();L.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new L(f.ɵɵinject(y.HttpClient),f.ɵɵinject(F),f.ɵɵinject(E),f.ɵɵinject(R),f.ɵɵinject(b.Meta))},token:L,providedIn:"root"}),L.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[{type:s.HttpClient},{type:F},{type:E},{type:R},{type:i.Meta}]};var N=function(){function e(e,t,n,s,a,o,i,r){this.RefundsService=e,this.paymentViewService=t,this.formBuilder=n,this.OrderslistService=s,this.notificationService=a,this.paymentLibComponent=o,this.router=i,this.activeRoute=r,this.errorMessage=this.getErrorMessage(!1,"","",""),this.sendmeback=null,this.refundActionList=[],this.refundRejectReasonList=[],this.isSendMeBackClicked=!1,this.isRejectClicked=!1,this.isOtherClicked=!1,this.isSuccesspageEnable=!1,this.refundActionsHasError=!1,this.refundRejectReasonHasError=!1,this.isReasonFieldEmpty=!1,this.isReasonFieldInvalid=!1,this.reasonFieldMinHasError=!1,this.reasonFieldMaxHasError=!1,this.isReasonEmpty=!1,this.isReasonInvalid=!1,this.successMsg=null,this.cpoDetails=[],this.isConfirmButtondisabled=!0,this.notificationPreview=!1}return e.prototype.ngOnInit=function(){var e=this;this.viewStatus="RefundProcess",this.RefundsService.getRefundActions(this.refundReference).subscribe((function(t){e.refundActionList=t}),(function(t){e.errorMessage=e.getErrorMessage(!0,t.statusCode,t.err,t)})),this.processRefundForm=this.formBuilder.group({refundActionField:new r.FormControl("",r.Validators.compose([r.Validators.required])),refundRejectReasonField:new r.FormControl("",r.Validators.compose([r.Validators.required])),sendMeBackField:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.minLength(3),r.Validators.maxLength(255),r.Validators.pattern("^([a-zA-Z0-9\\s,\\.]*)$")])),enterReasonField:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.maxLength(30),r.Validators.pattern("^([a-zA-Z0-9.\\s]*)$")]))}),this.ccdCaseNumber=this.refundlistsource.ccd_case_number,("string"==typeof this.paymentLibComponent.TAKEPAYMENT&&"false"===this.paymentLibComponent.TAKEPAYMENT||"boolean"==typeof this.paymentLibComponent.TAKEPAYMENT&&!this.paymentLibComponent.TAKEPAYMENT)&&(this.isFromRefundListPage=!0),this.paymentViewService.getPartyDetails(this.ccdCaseNumber).subscribe((function(t){e.cpoDetails=JSON.parse(t).content}),(function(t){e.errorMessage=t.replace(/"/g,""),e.isCPODown=!0})),this.getTemplateInstructionType(this.paymentObj,this.refundlistsource.payment_reference)},e.prototype.checkRefundActions=function(e){var t=this;this.refundActionsHasError=!1,this.isReasonFieldEmpty=!1,this.isReasonEmpty=!1,this.isReasonInvalid=!1,this.refundRejectReasonHasError=!1,"Return to caseworker"===e?(this.isConfirmButtondisabled=!0,this.isSendMeBackClicked=!0,this.isRejectClicked=!1,this.isOtherClicked=!1):"Approve"===e?(this.isSendMeBackClicked=!1,this.isConfirmButtondisabled=!1,this.isRejectClicked=!1,this.isOtherClicked=!1):"Reject"===e?(this.isRejectClicked=!0,this.isSendMeBackClicked=!1,this.isOtherClicked=!1,this.RefundsService.getRefundRejectReasons().subscribe((function(e){t.refundRejectReasonList=e}),(function(e){t.errorMessage=t.getErrorMessage(!0,e.statusCode,e.err,e)}))):"RE005"===e?this.isOtherClicked=!0:"RE005"!==e&&(this.isOtherClicked=!1)},e.prototype.getNotificationPreviewObj=function(e){this.notificationPreviewObj=e},e.prototype.processRefundSubmit=function(){var e,t,n=this;this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1],"all");var s=this.processRefundForm.controls,a=s.sendMeBackField.errors;this.processRefundForm.dirty&&s.refundActionField.valid&&("Approve"==s.refundActionField.value||"Reject"==s.refundActionField.value&&s.refundRejectReasonField.valid&&"RE005"!=s.refundRejectReasonField.value||"Reject"==s.refundActionField.value&&"RE005"==s.refundRejectReasonField.value&&s.enterReasonField.valid||"Return to caseworker"==s.refundActionField.value&&s.sendMeBackField.valid)?("Approve"===s.refundActionField.value?(t="APPROVE",e=this.notificationPreviewObj?{code:"",reason:"",template_preview:{body:this.notificationPreviewObj.body,from:{from_email_address:this.notificationPreviewObj.from.from_email_address,from_mail_address:{address_line:this.notificationPreviewObj.from.from_mail_address.address_line,city:this.notificationPreviewObj.from.from_mail_address.city,country:this.notificationPreviewObj.from.from_mail_address.country,county:this.notificationPreviewObj.from.from_mail_address.county,postal_code:this.notificationPreviewObj.from.from_mail_address.postal_code}},html:this.notificationPreviewObj.html,id:this.notificationPreviewObj.template_id,subject:this.notificationPreviewObj.subject,template_type:this.notificationPreviewObj.template_type,version:0}}:{code:"",reason:""}):"Reject"===s.refundActionField.value?(t="REJECT",e=this.notificationPreviewObj?{code:s.refundRejectReasonField.value?s.refundRejectReasonField.value:"",reason:"RE005"==s.refundRejectReasonField.value?s.enterReasonField.value:"",template_preview:{body:this.notificationPreviewObj.body,from:{from_email_address:this.notificationPreviewObj.from.from_email_address,from_mail_address:{address_line:this.notificationPreviewObj.from.from_mail_address.address_line,city:this.notificationPreviewObj.from.from_mail_address.city,country:this.notificationPreviewObj.from.from_mail_address.country,county:this.notificationPreviewObj.from.from_mail_address.county,postal_code:this.notificationPreviewObj.from.from_mail_address.postal_code}},html:this.notificationPreviewObj.html,id:this.notificationPreviewObj.template_id,subject:this.notificationPreviewObj.subject,template_type:this.notificationPreviewObj.template_type,version:0}}:{code:s.refundRejectReasonField.value?s.refundRejectReasonField.value:"",reason:"RE005"==s.refundRejectReasonField.value?s.enterReasonField.value:""}):"Return to caseworker"===s.refundActionField.value&&(t="SENDBACK",e=this.notificationPreviewObj?{code:"",reason:s.sendMeBackField.value,template_preview:{body:this.notificationPreviewObj.body,from:{from_email_address:this.notificationPreviewObj.from.from_email_address,from_mail_address:{address_line:this.notificationPreviewObj.from.from_mail_address.address_line,city:this.notificationPreviewObj.from.from_mail_address.city,country:this.notificationPreviewObj.from.from_mail_address.country,county:this.notificationPreviewObj.from.from_mail_address.county,postal_code:this.notificationPreviewObj.from.from_mail_address.postal_code}},html:this.notificationPreviewObj.html,id:this.notificationPreviewObj.template_id,subject:this.notificationPreviewObj.subject,template_type:this.notificationPreviewObj.template_type,version:0}}:{code:"",reason:s.sendMeBackField.value}),this.RefundsService.patchRefundActions(e,this.refundReference,t).subscribe((function(e){n.isSuccesspageEnable=!0,n.successMsg=e.replace(/['"]+/g,"")}),(function(e){n.errorMessage=n.getErrorMessage(!0,e.statusCode,e.err,e)}))):(""==s.refundActionField.value&&this.resetForm([!0,!1,!1,!1,!1,!1,!1,!1],"action"),"Reject"==s.refundActionField.value&&""==s.refundRejectReasonField.value&&this.resetForm([!1,!0,!1,!1,!1,!1,!1,!1],"rejectReason"),"Return to caseworker"==s.refundActionField.value&&(""==s.sendMeBackField.value&&this.resetForm([!1,!1,!0,!1,!1,!1,!1,!1],"addAreason"),""!=s.sendMeBackField.value&&s.sendMeBackField.invalid&&this.resetForm([!1,!1,!1,!0,!1,!1,!1,!1],"addAreason"),a&&a.minlength&&a.minlength.actualLength<3&&this.resetForm([!1,!1,!1,!1,!0,!1,!1,!1],"addAreason"),a&&a.maxlength&&a.maxlength.actualLength>255&&this.resetForm([!1,!1,!1,!1,!1,!0,!1,!1],"addAreason")),"Reject"==s.refundActionField.value&&"RE005"==s.refundRejectReasonField.value&&(""===s.enterReasonField.value&&this.resetForm([!1,!1,!1,!1,!1,!1,!0,!1],"enterReason"),""!==s.enterReasonField.value&&s.enterReasonField.invalid&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!0],"enterReason")))},e.prototype.getErrorMessage=function(e,t,n,s){var a="Please try again later";return 500!==t&&(a=void 0!==n?n:s),{title:"Something went wrong",body:a,showError:e}},e.prototype.loadRefundListPage=function(){var e=this;this.OrderslistService.getnavigationPageValue().subscribe((function(t){return e.navigationpage=t})),this.navigationpage,this.paymentLibComponent.viewName="refundstatuslist",this.paymentLibComponent.isRefundStatusView=!0},e.prototype.loadRefundsHomePage=function(){"string"==typeof this.paymentLibComponent.TAKEPAYMENT&&"false"===this.paymentLibComponent.TAKEPAYMENT?this.paymentLibComponent.viewName="refund-list":(this.OrderslistService.setnavigationPage("casetransactions"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.VIEW="case-transactions",this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isRefundStatusView=!1)},e.prototype.redirecttoRefundListPage=function(){"string"==typeof this.paymentLibComponent.TAKEPAYMENT&&"false"===this.paymentLibComponent.TAKEPAYMENT||"boolean"==typeof this.paymentLibComponent.TAKEPAYMENT&&!this.paymentLibComponent.TAKEPAYMENT?this.paymentLibComponent.viewName="refund-list":this.loadRefundListPage()},e.prototype.loadCaseTransactionPage=function(){this.OrderslistService.setnavigationPage("casetransactions"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isRefundStatusView=!1},e.prototype.resetForm=function(e,t){"action"!==t&&"all"!==t||(this.refundActionsHasError=e[0]),"rejectReason"!==t&&"all"!==t||(this.refundRejectReasonHasError=e[1]),"addAreason"!==t&&"all"!==t||(this.isReasonFieldEmpty=e[2],this.isReasonFieldInvalid=e[3],this.reasonFieldMinHasError=e[4],this.reasonFieldMaxHasError=e[5]),"enterReason"!==t&&"all"!==t||(this.isReasonEmpty=e[6],this.isReasonInvalid=e[7])},e.prototype.goToCaseReview=function(){this.paymentLibComponent.isFromPayBubble?this.loadCaseTransactionPage():this.router.navigate(["/cases/case-details/"+this.ccdCaseNumber],{relativeTo:this.activeRoute})},e.prototype.getTemplateInstructionType=function(e,t){var n=this;null==e||null==e||e.reference!=t?this.paymentViewService.getPaymentDetails(t).subscribe((function(e){n.paymentObj=e,n.paymentObj.reference=t,n.templateInstructionType=n.notificationService.getNotificationInstructionType(n.paymentObj.channel,n.paymentObj.method)}),(function(e){n.templateInstructionType="Template"})):this.templateInstructionType=this.notificationService.getNotificationInstructionType(e.channel,e.method)},e.prototype.showNotificationPreview=function(){this.notificationPreview=!0},e.prototype.hideNotificationPreview=function(){this.notificationPreview=!1},e}();N.decorators=[{type:t.Component,args:[{selector:"ccpay-process-refund",template:'<ng-container *ngIf="viewStatus === \'RefundProcess\'">\n<div class="govuk-width-container">\n\n  <main class="govuk-main-wrapper govuk-!-padding-top-0" [ngClass]="{\'govuk-radios__conditional--hidden\': isSuccesspageEnable}" id="main-content" role="main">\n    <div *ngIf="errorMessage.showError">\n      <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n        <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n          {{errorMessage.title}}\n        </h2>\n        <div class="govuk-error-summary__body process-refund-font">\n          {{errorMessage.body}}\n        </div>\n      </div>\n    </div>\n\n    <div class="payment-view-alignment">\n\n      <div class="govuk-grid-row">\n        <div class="column">\n          <h1 class="heading-large govuk-!-margin-top-0">Review refund details</h1>\n        </div>\n      </div>\n      <table>\n        <tbody>\n\n        <tr class="section">\n          <td class="bold tb-col-w">Payment to be refunded</td>\n          <td colspan="2">{{refundlistsource?.refund_reference}} ({{refundlistsource.amount  | currency :\'GBP\':\'symbol\':\'1.2-2\'  }})</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Reason for refund</td>\n          <td colspan="2">{{refundlistsource?.reason?.trim()}}</td>\n        </tr>\n        <tr class="section">\n            <td class="bold tb-col-w">Amount to be refunded</td>\n            <td colspan="2">{{refundlistsource?.amount | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Sent to</td>\n          <td colspan="2">{{cpoDetails?.responsibleParty}}</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Sent via</td>\n          <td colspan="2">\n          <div *ngIf="refundlistsource?.contact_details?.notification_type === \'EMAIL\'" class="contactDetails-width font-size-19px">\n            <strong>Email</strong>\n            <br/>\n            {{refundlistsource?.contact_details?.email?.trim()}}\n          </div>\n          <div *ngIf="refundlistsource?.contact_details?.notification_type === \'LETTER\'" class="contactDetails-width font-size-19px">\n            <strong>Post</strong>\n            <br/>\n            {{refundlistsource?.contact_details?.address_line?.trim()}} {{refundlistsource?.contact_details?.city?.trim()}} {{refundlistsource?.contact_details?.county?.trim()}} {{refundlistsource?.contact_details?.country?.trim()}} {{refundlistsource?.contact_details?.postal_code?.trim()}}\n          </div> \n          </td>\n        </tr>\n        <tr class="section">\n            <td class="bold tb-col-w">Submitted by</td>\n            <td colspan="2">{{refundlistsource?.user_full_name}}</td>\n\n        </tr>\n        <tr class="section">\n            <td class="bold tb-col-w">Date submitted</td>\n            <td colspan="2">{{refundlistsource?.date_created | date:\'d MMMM yyyy\' }}</td>\n        </tr>\n        <tr class="section">\n          <td class="bold tb-col-w">Notification</td>\n          <td>{{templateInstructionType}}</td>\n          <td>\n            <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link pointer right" (click)="showNotificationPreview()">\n              Preview\n            </a>\n            <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link pointer right" (click)="hideNotificationPreview()">\n              Hide Preview\n            </a>\n        </td>\n\n      </tr>\n\n        </tbody>\n      </table>\n\n      <app-notification-preview *ngIf="notificationPreview" [paymentReference]="refundlistsource?.payment_reference"\n        [payment]="paymentObj"\n        [contactDetails]="refundlistsource?.contact_details"\n        [refundReason]="refundlistsource?.reason_code" [refundAmount]="refundlistsource?.amount"\n        [refundReference]="refundlistsource?.refund_reference"\n        (notificationPreviewEvent) = "getNotificationPreviewObj($event)">\n      </app-notification-preview>\n\n      <div>\n      </div>\n    </div>\n    <div class="process-refund__panel">\n      <form [formGroup]="processRefundForm" novalidate>\n        <div class="">\n        <fieldset class="govuk-fieldset" aria-describedby="sign-in-hint">\n          <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">\n            <h1 class="heading-large">\n              What do you want to do with this refund?\n            </h1>\n          </legend>\n          <div class="govuk-radios"  [ngClass]="{\'form-group-error\': refundActionsHasError}">\n            <p class="inline-error-message"\n            *ngIf="refundActionsHasError">\n            <span *ngIf="refundActionsHasError">Please select an action</span>\n          </p>\n            <div class="govuk-radios__item" *ngFor="let refundAction of refundActionList; let i = index;">\n              <input class="govuk-radios__input" \n              id="refundAction-{{i}}" \n              name="refundActionField"\n              type="radio"\n              formControlName="refundActionField"\n              (click)="checkRefundActions(refundAction.code)"\n                value="{{refundAction.code}}">\n              <label class="govuk-label govuk-radios__label process-refund-font" for="refundAction-{{i}}">\n                {{refundAction.code}}\n              </label>\n              <div id="sign-in-item-hint" class="govuk-hint govuk-radios__hint process-refund-font">\n                {{refundAction.label}}\n              </div>\n            </div>\n            <div class="govuk-radios__conditional" [ngClass]="{\'govuk-radios__conditional--hidden\': !isSendMeBackClicked}">\n              <div class="govuk-form-group">\n                <label class="govuk-label process-refund-font" for="contact-by-text">\n                  Add a reason\n                </label>\n                <p class="inline-error-message"\n                *ngIf="isReasonFieldEmpty || isReasonFieldInvalid || reasonFieldMinHasError || reasonFieldMaxHasError">\n                <span *ngIf="isReasonFieldEmpty">Add a reason</span>\n                <span *ngIf="isReasonFieldInvalid">Add a valid reason</span>\n                <span *ngIf="reasonFieldMinHasError">Reason should be at least 3 characters.</span>\n                <span *ngIf="reasonFieldMaxHasError">Reason should be 255 characters or under.</span>\n              </p>\n                <textarea class="govuk-textarea govuk-!-width-one-third reason-font"\n                [ngClass]="{\'inline-error-class\': isReasonFieldEmpty || isReasonFieldInvalid || reasonFieldMinHasError || reasonFieldMaxHasError}"\n                  id="sendmeback"\n                  name="sendMeBackField" \n                  formControlName="sendMeBackField"\n                rows="5"></textarea>\n              \n              </div>\n\n            </div>\n  \n          </div>\n      \n        </fieldset>\n      </div>\n\n      <div [ngClass]="{\'govuk-radios__conditional--hidden\': !isRejectClicked}">\n        <fieldset class="govuk-fieldset">\n          <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">\n            <h2 class="heading-medium">\n              Why are you rejecting this refund?\n            </h2>\n          </legend>\n          <div class="govuk-radios" [ngClass]="{\'form-group-error\': refundRejectReasonHasError}">\n            <p class="inline-error-message"\n            *ngIf="refundRejectReasonHasError">\n            <span *ngIf="refundRejectReasonHasError">Please select a reject reason</span>\n          </p>\n            <div class="govuk-radios__item" *ngFor="let refundRejectReason of refundRejectReasonList; let j = index;">\n              <input class="govuk-radios__input" \n              id="refundRejectReason-{{j}}"\n              formControlName="refundRejectReasonField"\n              name="refundRejectReasonField"\n              (click)="checkRefundActions(refundRejectReason.code)"\n              type="radio" value="{{refundRejectReason.code}}">\n              <label class="govuk-label govuk-radios__label process-refund-font" for="refundRejectReason-{{j}}">\n                {{refundRejectReason.name}}\n              </label>\n            </div>\n            </div>\n      <div class="govuk-radios__conditional" [ngClass]="{\'govuk-radios__conditional--hidden\': !isOtherClicked}" id="conditional-contact-3">\n        <div class="govuk-form-group">\n          <label class="govuk-label process-refund-font " for="contact-by-text">\n            Enter reason\n          </label>\n          <p class="inline-error-message" *ngIf="isReasonEmpty || isReasonInvalid">\n            <span *ngIf="isReasonEmpty">Enter reason.</span>\n            <span *ngIf="isReasonInvalid">Enter a valid reason</span>\n          </p>\n          <input class="govuk-input govuk-!-width-one-third reason-font" id="otherReason" \n          [ngClass]="{\'inline-error-class\': isReasonEmpty || isReasonInvalid}"\n          formControlName="enterReasonField" name="enterReasonField" type="text"></div>\n        \n      </div>\n      \n        </fieldset>\n      </div>\n\n      <div class="govuk-button-group">\n        <button (click)="redirecttoRefundListPage()" class="govuk-button govuk-button--secondary marginright"> Previous</button>\n        <button (click)="processRefundSubmit()" class="govuk-button button"\n          data-module="govuk-button">\n          Submit \n        </button>\n      <br/><br/>\n    </div>\n   \n  <div *ngIf="!isFromRefundListPage" class="govuk-button-group margin">\n\n  <p><a (click)="loadRefundsHomePage()" class="govuk-link pointer" data-module="govuk-button">Cancel</a></p>\n</div>\n</form>\n  </div>\n \n\n  </main>\n \n  <main class="govuk-main-wrapper govuk-main-wrapper--l success-page-padding--top25" [ngClass]="{\'govuk-radios__conditional--hidden\': !isSuccesspageEnable}" id="main-content" role="main" >\n    <div class="govuk-grid-row pagesize">\n        <div class="govuk-panel govuk-panel-refund--confirmation">\n          <h1 class="heading-xlarge">\n            {{successMsg}}\n          </h1>\n        </div>\n        <p class="govuk-body process-refund-font">\n        <a href="Javascript:void(0)" (click)="goToCaseReview()" class="govuk-link pointer">Return to case</a>\n        </p>\n      </div>\n  </main>\n</div>\n</ng-container>\n\n',styles:[".tb-col-w{width:330px}.tr-border{border-bottom:2px solid}.payment-view-alignment{margin-left:30px}.govuk-button{float:left!important;font-size:19px;margin-top:2em!important}.remission{margin-bottom:7em}.process-refund-font{font-size:19px!important}.govuk-radios__conditional--hidden{display:none}.inline-error-message{color:#c11717;font-weight:700;margin-top:10px;border-color:#c11717}.inline-error-class{outline:3px solid #c11717;outline-offset:0;border-color:#c11717}.form-group-error{border-left:5px solid #c11717;padding-left:15px}.govuk-panel-refund--confirmation{color:#fff;background:#00703c}.process-refund__panel{margin-left:25px;margin-top:30px}.button-margin--left25{margin-left:25px}.success-page-padding--top25{padding-top:25px}.margin{margin-top:5em}.marginright{margin-right:1.5em}.govuk-textarea{line-height:2.25}.reason-font{font-size:19px!important}.pointer{cursor:pointer}.right{float:right}.pagesize{margin:2em;width:97%}"]}]}],N.ctorParameters=function(){return[{type:L},{type:T},{type:r.FormBuilder},{type:w},{type:O},{type:S},{type:l.Router},{type:l.ActivatedRoute}]},N.propDecorators={refundReference:[{type:t.Input}],refundlistsource:[{type:t.Input}]};var B=function(){function e(e){this.refundService=e,this.submittedRefundList=[],this.rejectedRefundList=[],this.approvalStatus="Sent for approval",this.rejectStatus="Update required",this.errorMessage=null,this.isAuthorized=!0}return e.prototype.ngOnInit=function(){var e=this;this.userLst=this.LOGGEDINUSERROLES,this.LOGGEDINUSERROLES.some((function(e){return e.includes("payments-refund-approver")}))?this.isAuthorized=!0:(this.isApproveTableVisible=!1,this.isAuthorized=!1),this.tableApprovalHeader="Refunds to be approved",this.tableRejectedHeader="Refunds returned to caseworker",this.isAuthorized&&this.refundService.getRefundList(this.approvalStatus,!0).subscribe((function(t){e.submittedRefundList=t.refund_list,e.isApproveTableVisible=!0})),this.refundService.getRefundList(this.rejectStatus,!1).subscribe((function(t){e.rejectedRefundList=t.refund_list,e.isRejectTableVisible=!0}))},e}();B.decorators=[{type:t.Component,args:[{selector:"ccpay-refund-list",template:'\n\n<div class="hmcts-page-heading">\n  <div class="hmcts-page-heading__title">\n    <h1 class="govuk-heading-xl">Refund list</h1>\n  </div>\n</div>\n\n<ng-container *ngIf="isAuthorized">\n<div class="hmcts-page-heading">\n    <div class="hmcts-page-heading__title">\n      <h2 class="govuk-heading-l">{{tableApprovalHeader}}</h2>\n    </div>\n  </div>\n  <div  *ngIf="!isApproveTableVisible">\n      <div class="govuk-label dropdpwn" >No records to display</div>\n  </div>\n</ng-container>\n  \n<ng-container *ngIf="isApproveTableVisible">\n    \n  <div><ccpay-table [DATASOURCE]="submittedRefundList" [STATUS]="approvalStatus" [errorMessage]="errorMessage"></ccpay-table></div>\n</ng-container>\n\n\n<div class="hmcts-page-heading">\n    <div class="hmcts-page-heading__title">\n      <h2 class="govuk-heading-l">{{tableRejectedHeader}}</h2>\n    </div>\n    \n  </div>\n  <div  *ngIf="!isRejectTableVisible">\n      <div class="govuk-label dropdpwn">No records to display</div>\n  </div>\n<ng-container *ngIf="isRejectTableVisible">\n    \n  <div><ccpay-table [DATASOURCE]="rejectedRefundList" [STATUS]="rejectStatus" [errorMessage]="errorMessage"></ccpay-table></div>\n</ng-container>\n\n\n',styles:[".govuk-heading-xl{font-size:48px;padding-top:1em}.govuk-heading-l{font-size:36px}.govuk-label{font-size:19px}.hmcts-page-heading{width:110%}"]}]}],B.ctorParameters=function(){return[{type:L}]},B.propDecorators={USERID:[{type:t.Input,args:["USERID"]}],LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],LOGGEDINUSEREMAIL:[{type:t.Input,args:["LOGGEDINUSEREMAIL"]}]};var M=function(){function e(e,t,n,s){this.http=e,this.logger=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getCardDetails=function(e){return this.logger.info("Card-detail-service getCardDetails for: ",e),this.http.get(this.paymentLibService.API_ROOT+"/card-payments/"+e+"/details",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();M.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new M(f.ɵɵinject(y.HttpClient),f.ɵɵinject(C),f.ɵɵinject(E),f.ɵɵinject(R))},token:M,providedIn:"root"}),M.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],M.ctorParameters=function(){return[{type:s.HttpClient},{type:C},{type:E},{type:R}]};var G=function(){function e(e,t){this.cardDetailsService=e,this.paymentLibComponent=t,this.pageTitle="Card details"}return e.prototype.ngOnInit=function(){var e=this;this.cardDetailsService.getCardDetails(this.paymentLibComponent.paymentReference).subscribe((function(t){return e.cardDetails=t}),(function(t){return e.errorMessage=t}))},Object.defineProperty(e.prototype,"getPaymentReference",{get:function(){return this.paymentReference},enumerable:!1,configurable:!0}),e}();G.decorators=[{type:t.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}"]}]}],G.ctorParameters=function(){return[{type:M},{type:S}]};var U=function(){};U.decorators=[{type:t.Component,args:[{template:"\n    <h1>This is not the page you were looking for!</h1>\n    "}]}];var V=function(){function e(e,t,n,s){this.http=e,this.logger=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getPaymentStatusesByReference=function(e,t){return this.logger.info("Status-history-service getPaymentStatusesByReference for: ",e),this.http.get("card"===t||"cash"===t||"cheque"===t||"postal order"===t?this.paymentLibService.API_ROOT+"/card-payments/"+e+"/statuses":this.paymentLibService.API_ROOT+"/credit-account-payments/"+e+"/statuses",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();V.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new V(f.ɵɵinject(y.HttpClient),f.ɵɵinject(C),f.ɵɵinject(E),f.ɵɵinject(R))},token:V,providedIn:"root"}),V.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],V.ctorParameters=function(){return[{type:s.HttpClient},{type:C},{type:E},{type:R}]};var H=function(){function e(e,t){this.statusHistoryService=e,this.paymentLibComponent=t,this.pageTitle="Payment status history"}return e.prototype.ngOnInit=function(){var e=this;this.statusHistoryService.getPaymentStatusesByReference(this.paymentLibComponent.paymentReference,this.paymentLibComponent.paymentMethod).subscribe((function(t){return e.statuses=t}),(function(t){return e.errorMessage=t.replace(/"/g,"")}))},e}();H.decorators=[{type:t.Component,args:[{selector:"ccpay-payment-statuses",template:'<div class="column">\n  <h2 class="heading-medium">{{ pageTitle }}</h2>\n</div>\n\n\n<div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1" *ngIf="errorMessage">\n  <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n    Payment status history could not be retrieved\n  </h2>\n  <div class="govuk-error-summary__body">\n    {{ errorMessage }}\n  </div>\n</div>\n\n<div *ngIf="!errorMessage && statuses">\n  <table>\n      <thead>\n        <tr>\n          <th>Status</th>\n          <th *ngIf="isTakePayment">Amount</th>\n          <th>Date and time</th>\n        </tr>\n      </thead> \n      <tbody>\n        <tr *ngFor="let status of statuses.status_histories">\n          <td>{{ status.status }}</td>\n          <td *ngIf="isTakePayment">£{{ statuses.amount | number:\'.2\' }}</td>\n          <td>{{ status.date_created | date:\'dd MMMM yyyy HH:mm:ss\'}}</td>\n        </tr>\n    </tbody>\n  </table>\n</div>\n',styles:[""]}]}],H.ctorParameters=function(){return[{type:V},{type:S}]},H.propDecorators={isTakePayment:[{type:t.Input}]};var j=function(){function e(e,n,s){this.formBuilder=e,this.notificationService=n,this.paymentLibComponent=s,this.assignContactDetails=new t.EventEmitter,this.assignContactDetailsInFefundsList=new t.EventEmitter,this.redirectToIssueRefund=new t.EventEmitter,this.pageTitle="Payment status history",this.isEmailSAddressClicked=!0,this.isShowPickAddress=!1,this.isPostcodeClicked=!1,this.isManualAddressClicked=!1,this.addressPostcodeList=[],this.isAddressBoxEmpty=!1,this.isEmailEmpty=!1,this.emailHasError=!1,this.isPostcodeEmpty=!1,this.postcodeHasError=!1,this.isaddressLine1Empty=!1,this.addressLine1HasError=!1,this.addressLine2HasError=!1,this.isTownOrCityEmpty=!1,this.townOrCityHasError=!1,this.isCountyEmpty=!1,this.countyHasError=!1,this.isMPostcodeEmpty=!1,this.mpostcodeHasError=!1,this.isCountryEmpty=!1}return e.prototype.ngOnInit=function(){this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"all"),this.emailAddressForm=this.formBuilder.group({email:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern(".+@+.+\\.+.+")]))}),this.postCodeForm=this.formBuilder.group({postcode:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^([A-Za-z]{1,2}[0-9]{1,2}[A-Za-z]{0,1} ?[0-9][A-Za-z]{2})")]))}),this.manualAddressForm=this.formBuilder.group({addressl1:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^[a-zA-Z0-9\\s,'-]*$")])),addressl2:new r.FormControl("",r.Validators.compose([r.Validators.pattern("^[a-zA-Z0-9\\s,'-]*$")])),townorcity:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^[a-zA-Z0-9\\s,'-]*$")])),county:new r.FormControl("",r.Validators.compose([r.Validators.pattern("^[a-zA-Z0-9\\s,'-]*$")])),mpostcode:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^([A-Za-z]{1,2}[0-9]{1,2}[A-Za-z]{0,1} ?[0-9][A-Za-z]{2})")])),country:new r.FormControl("",r.Validators.compose([r.Validators.required]))}),void 0!==this.addressObj&&""!==this.addressObj&&this.setEditDetails(),void 0===this.isEditOperationInRefundList&&(this.isEditOperationInRefundList=!1)},e.prototype.setEditDetails=function(){"EMAIL"===this.addressObj.notification_type?(this.isEmailSAddressClicked=!0,this.isPostcodeClicked=!1,this.isManualAddressClicked=!1,this.emailAddressForm.setValue({email:this.addressObj.contact_details.email})):"LETTER"===this.addressObj.notification_type&&(this.isEmailSAddressClicked=!1,this.isPostcodeClicked=!0,this.isManualAddressClicked=!0,this.manualAddressForm.patchValue({addressl1:this.addressObj.contact_details.address_line,townorcity:this.addressObj.contact_details.city,county:this.addressObj.contact_details.county,country:this.addressObj.contact_details.country,mpostcode:this.addressObj.contact_details.postal_code}))},e.prototype.selectContactOption=function(e,t){this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"all"),"Email"===e&&"false"===t?(this.isEmailSAddressClicked=!0,this.isPostcodeClicked=!1,this.isManualAddressClicked=!1):"Postcode"===e&&"false"===t?(this.isEmailSAddressClicked=!1,this.isPostcodeClicked=!0,this.isManualAddressClicked=!1):"Postcode"===e&&"true"===t&&(this.isEmailSAddressClicked=!1,this.isPostcodeClicked=!0,this.isManualAddressClicked=!0)},e.prototype.finalFormSubmit=function(){if(this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"all"),this.isEmailSAddressClicked){var e=this.emailAddressForm.controls.email;this.emailAddressForm.valid?this.isEditOperationInRefundList?this.assignContactDetailsInFefundsList.emit({email:e.value,notification_type:"EMAIL"}):this.assignContactDetails.emit({email:e.value,notification_type:"EMAIL"}):(""==e.value&&this.resetForm([!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"email"),""!=e.value&&e.invalid&&this.resetForm([!1,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"email"))}else if(this.isPostcodeClicked&&!this.isManualAddressClicked)this.postcodeValidation("FS");else if(this.isPostcodeClicked&&this.isManualAddressClicked){var t=this.manualAddressForm.controls;this.manualAddressForm.valid?this.isEditOperationInRefundList?this.assignContactDetailsInFefundsList.emit({address_line:t.addressl1.value+" "+t.addressl2.value,city:t.townorcity.value,county:t.county.value,postal_code:t.mpostcode.value,country:t.country.value,notification_type:"LETTER"}):this.assignContactDetails.emit({address_line:t.addressl1.value+" "+t.addressl2.value,city:t.townorcity.value,county:t.county.value,postal_code:t.mpostcode.value,country:t.country.value,notification_type:"LETTER"}):(""==t.addressl1.value&&this.resetForm([!1,!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1],"address1"),""!=t.addressl1.value&&t.addressl1.invalid&&this.resetForm([!1,!1,!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!1,!1],"address1"),""!=t.addressl2.value&&t.addressl2.invalid&&this.resetForm([!1,!1,!1,!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!1],"address2"),""==t.townorcity.value&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1,!1,!1,!1],"town"),""!=t.townorcity.value&&t.townorcity.invalid&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1,!1,!1],"town"),""==t.county.value&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1,!1],"county"),""!=t.county.value&&t.county.invalid&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1],"county"),""==t.mpostcode.value&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!1,!1],"mpostcode"),""!=t.mpostcode.value&&t.mpostcode.invalid&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!1],"mpostcode"),""==t.country.value&&this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0],"country"))}},e.prototype.postcodeValidation=function(e){var t=this;this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"all");var n=this.postCodeForm.controls.postcode;if(this.postCodeForm.valid){if("FA"===e)this.notificationService.getAddressByPostcode(n.value).subscribe((function(e){t.addressPostcodeList=e.results,t.isShowPickAddress=e.header.totalresults>0,t.isShowPickAddress||t.resetForm([!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1],"postcode")}));else if("FS"===e)if(void 0!==this.postcodeAddress&&this.postcodeAddress){this.isAddressBoxEmpty=!1;for(var s="",a=this.postcodeAddress.ADDRESS.split(","),o=0;o<a.length-2;o++)s+=a[o];var i={address_line:s,city:this.postcodeAddress.POST_TOWN,county:this.postcodeAddress.LOCAL_CUSTODIAN_CODE_DESCRIPTION,postal_code:this.postcodeAddress.POSTCODE,country:"United Kingdom",notification_type:"LETTER"};this.isEditOperationInRefundList?this.assignContactDetailsInFefundsList.emit(i):this.assignContactDetails.emit(i)}else this.isAddressBoxEmpty=!0}else""==n.value&&this.resetForm([!1,!1,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],"postcode"),""!=n.value&&n.invalid&&this.resetForm([!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1],"postcode")},e.prototype.redirection=function(e){this.redirectToIssueRefund.emit(e)},e.prototype.resetForm=function(e,t){"email"!==t&&"all"!==t||(this.isEmailEmpty=e[0],this.emailHasError=e[1]),"postcode"!==t&&"all"!==t||(this.isPostcodeEmpty=e[2],this.postcodeHasError=e[3]),"address1"!==t&&"all"!==t||(this.isaddressLine1Empty=e[4],this.addressLine1HasError=e[5]),"address2"!==t&&"all"!==t||(this.addressLine2HasError=e[6]),"town"!==t&&"all"!==t||(this.isTownOrCityEmpty=e[7],this.townOrCityHasError=e[8]),"county"!==t&&"all"!==t||(this.isCountyEmpty=e[9],this.countyHasError=e[10]),"mpostcode"!==t&&"all"!==t||(this.isMPostcodeEmpty=e[11],this.mpostcodeHasError=e[12]),"country"!==t&&"all"!==t||(this.isCountryEmpty=e[13])},e}();j.decorators=[{type:t.Component,args:[{selector:"ccpay-contact-details",template:'<fieldset class="govuk-fieldset contact-details--size">\n  <hr class="govuk-section-break govuk-section-break--m govuk-section-break--visible">\n  <div class="govuk-form-group">\n    <legend class="govuk-fieldset__legend govuk-fieldset__legend--s govuk-font19px">\n      {{ isEditOperation ? \'Edit contact information\' : \'Contact information\' }}\n    </legend>\n    <div id="contact-hint" class="govuk-hint govuk-font19px">\n      Notifications will be sent via email or post when this refund is issued or rejected. You can only choose one option.\n    </div>\n    <div class="govuk-form-group">\n      <fieldset class="govuk-fieldset">\n        <div class="govuk-radios govuk-radios--conditional" data-module="govuk-radios">\n          <div class="govuk-radios__item">\n            <input class="govuk-radios__input" id="contact" name="contact" (click)="selectContactOption(\'Email\', \'false\')" type="radio" value="email" [checked]="isEmailSAddressClicked"  aria-controls="conditional-contact" aria-expanded="true">\n            <label class="govuk-label govuk-radios__label govuk-font19px" for="contact">\n              Email\n            </label>\n          </div>\n          <div class="govuk-radios__conditional" id="conditional-contact-email" *ngIf="isEmailSAddressClicked">\n            <form [formGroup]="emailAddressForm" novalidate>\n            <div class="govuk-form-group">\n              <label class="govuk-label " for="email">\n                <span class="govuk-hint govuk-font19px">Information about this refund will be sent to this email address.</span>\n              </label>\n\n              <div id="email-hint" class="govuk-hint">\n              </div>\n              <input class="govuk-input govuk-font19px" id="email" name="" type="email" [ngClass]="{ \'inline-error-class\': isEmailEmpty || emailHasError }" value="{{addressObj?.contact_details?.email}}" formControlName="email" aria-describedby="email-hint">\n              <p class="inline-error-message" *ngIf="isEmailEmpty || emailHasError">\n                <span *ngIf="isEmailEmpty">Enter a email address.</span>\n                <span *ngIf="emailHasError">Enter a valid email address.</span>\n              </p>\n            </div>\n            </form>\n          </div>\n          <div class="govuk-radios__item">\n            <input class="govuk-radios__input" id="contact-2" name="contact" (click)="selectContactOption(\'Postcode\', \'false\')" type="radio" [checked]="isPostcodeClicked" value="post" aria-controls="conditional-contact-2" aria-expanded="false">\n            <label class="govuk-label govuk-radios__label govuk-font19px" for="contact-2">\n              Post\n            </label>\n          </div>\n          <div class="govuk-radios__conditional" id="conditional-contact-postcode" *ngIf="isPostcodeClicked && !isManualAddressClicked">\n            <form [formGroup]="postCodeForm" novalidate>\n              <label class="govuk-label govuk-font19px" for="address-postcode">\n                <span class="govuk-hint govuk-font19px">Information about this refund will be sent to this address.</span>Postcode\n              </label>\n              <div class="postcode-align-css">\n              <div class="govuk-form-group govuk-margin-right-10px">\n              <input class="govuk-input govuk-input--width-10" id="address-postcode" name="address-postcode" [ngClass]="{ \'inline-error-class\': isPostcodeEmpty || postcodeHasError }" formControlName="postcode" type="text" autocomplete="postal-code">\n              <p class="inline-error-message" *ngIf="isPostcodeEmpty || postcodeHasError">\n                <span *ngIf="isPostcodeEmpty">Enter a postcode.</span>\n                <span *ngIf="postcodeHasError">Enter a valid postcode.</span>\n              </p>\n            </div>\n            <div class="govuk-button-group">\n              <button class="govuk-button govuk-button--secondary govuk-font19px" (click)="postcodeValidation(\'FA\')" data-module="govuk-button">\n                Find address\n              </button>\n            </div>\n          </div>\n            </form>\n            <div class="govuk-form-group govuk-margin-btm-20px" *ngIf="isShowPickAddress">\n              <label class="govuk-label govuk-font19px" for="country">\n                Pick an address\n              </label>\n              <select class="govuk-select govuk-font19px" [(ngModel)]="postcodeAddress" id="postcodeAddress" [ngClass]="{ \'inline-error-class\': isAddressBoxEmpty }" name="postcodeAddress">\n                <option *ngFor="let address of addressPostcodeList;" [ngValue]="address.DPA" > {{address.DPA.ADDRESS}}</option>\n              </select> \n              <p class="inline-error-message" *ngIf="isAddressBoxEmpty">\n                <span *ngIf="isAddressBoxEmpty">Please select an address.</span>\n              </p>\n            </div>\n            <details class="govuk-details" data-module="govuk-details">\n              <summary class="govuk-details__summary">\n                <span class="govuk-details__summary-text govuk-font19px">\n                  <a href="Javascript:void(0);" (click)="selectContactOption(\'Postcode\', \'true\')">  Enter address manually</a>\n                </span>\n              </summary>\n            </details>\n          </div>\n          <div class="govuk-radios__conditional" id="conditional-contact-manual" *ngIf="isPostcodeClicked && isManualAddressClicked">\n            <form [formGroup]="manualAddressForm" novalidate>\n\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-font19px" for="address-line-1">\n                <span class="govuk-hint govuk-font19px">Information about this refund will be sent to this address.</span>Building and street <span class="govuk-visually-hidden">line 1 of 2</span>\n              </label>\n              <input class="govuk-input govuk-font19px" id="address-line-1" name="address-line-1" [ngClass]="{ \'inline-error-class\': isaddressLine1Empty || addressLine1HasError }" value="{{addressObj?.contact_details?.address_line}}" formControlName="addressl1" type="text" autocomplete="address-line1">\n              <p class="inline-error-message" *ngIf="isaddressLine1Empty || addressLine1HasError">\n                <span *ngIf="isaddressLine1Empty">Enter a Building and street.</span>\n                <span *ngIf="addressLine1HasError">Enter a valid Building and street.</span>\n              </p>  \n            </div>\n            <div class="govuk-form-group">\n              <label class="govuk-label" for="address-line-2">\n                <span class="govuk-visually-hidden govuk-font19px">Building and street line 2 of 2</span>\n              </label>\n              <input class="govuk-input govuk-font19px" id="address-line-2" name="address-line-2" [ngClass]="{ \'inline-error-class\': addressLine2HasError}" formControlName="addressl2" type="text" autocomplete="address-line2">\n              <p class="inline-error-message" *ngIf="addressLine2HasError">\n                <span *ngIf="addressLine2HasError">Enter a valid Building and street line 2 of 2.</span>\n              </p>  \n            </div>\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-font19px" for="address-town">\n                Town or city\n              </label>\n              <input class="govuk-input govuk-!-width-two-thirds govuk-font19px" id="address-town" name="address-town" [ngClass]="{ \'inline-error-class\': isTownOrCityEmpty || townOrCityHasError}" value="{{addressObj?.contact_details?.city}}" formControlName="townorcity" type="text" autocomplete="address-level2">\n              <p class="inline-error-message" *ngIf="isTownOrCityEmpty || townOrCityHasError">\n                <span *ngIf="isTownOrCityEmpty">Enter a town or city.</span>\n                <span *ngIf="townOrCityHasError">Enter a town or city.</span>\n              </p>  \n            </div>\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-font19px" for="address-county">\n                County\n              </label>\n              <input class="govuk-input govuk-!-width-two-thirds govuk-font19px" id="address-county" [ngClass]="{ \'inline-error-class\': isCountyEmpty || countyHasError}" value="{{addressObj?.contact_details?.county}}" formControlName="county" name="address-county" type="text">\n              <p class="inline-error-message" *ngIf="isCountyEmpty || countyHasError">\n                <span *ngIf="isCountyEmpty">Enter a County.</span>\n                <span *ngIf="countyHasError">Enter a valid County.</span>\n              </p>  \n            </div>\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-font19px" for="address-postcode">\n                Postcode\n              </label>\n              <input class="govuk-input govuk-input--width-10 govuk-font19px" id="address-postcode" formControlName="mpostcode" name="address-postcode" [ngClass]="{ \'inline-error-class\': isMPostcodeEmpty || mpostcodeHasError}" value="{{addressObj?.contact_details?.postal_code}}" type="text" autocomplete="postal-code">\n              <p class="inline-error-message" *ngIf="isMPostcodeEmpty || mpostcodeHasError">\n                <span *ngIf="isMPostcodeEmpty">Enter a postcode.</span>\n                <span *ngIf="mpostcodeHasError">Enter a valid postcode.</span>\n              </p>  \n            </div>\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-font19px" for="country">\n                Country\n              </label>\n              <select class="govuk-select govuk-font19px" id="country" name="country" [ngClass]="{\'inline-error-class\': isCountryEmpty}" formControlName="country">\n                <option value="" selected="selected">Please select</option>\n                <option value="United Kingdom" selected="{{ addressObj?.contact_details?.country ? \'selected\' : \'\' }}">United Kingdom</option>\n              </select>\n              <p class="inline-error-message" *ngIf="isCountryEmpty">\n                <span *ngIf="isCountryEmpty">Select a Country.</span>\n              </p>  \n            </div>\n            </form>\n          </div>\n        </div>\n      </fieldset>\n    </div>\n    \x3c!---FORM---\x3e\n  </div>\n\n<hr class="govuk-section-break govuk-section-break--m govuk-section-break--visible">\n</fieldset>\n<div class="govuk-button-group">\n<button type="submit" class="button govuk-button--secondary govuk-font19px" (click)="redirection($event)"> Previous </button>\n&nbsp;\n<button type="submit" class="button govuk-button govuk-font19px" (click)="finalFormSubmit()">\n  Continue\n</button>\n</div>',styles:[".govuk-font19px{font-size:19px}.inline-error-class{outline:3px solid #a71414;outline-offset:0}.inline-error-message{color:#a71414;font-weight:700;margin-top:10px}.contact-details--size{width:50%}.postcode-align-css{display:flex;flex-direction:row}.govuk-margin-right-10px{margin-right:10px}.govuk-margin-btm-20px{margin-bottom:20px!important}"]}]}],j.ctorParameters=function(){return[{type:r.FormBuilder},{type:O},{type:S}]},j.propDecorators={isEditOperation:[{type:t.Input,args:["isEditOperation"]}],isEditOperationInRefundList:[{type:t.Input,args:["isEditOperationInRefundList"]}],addressObj:[{type:t.Input,args:["addressObj"]}],assignContactDetails:[{type:t.Output}],assignContactDetailsInFefundsList:[{type:t.Output}],redirectToIssueRefund:[{type:t.Output}]};var q=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();q.decorators=[{type:t.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}"]}]}],q.ctorParameters=function(){return[]},q.propDecorators={payment:[{type:t.Input}]};var z=function(){},Y=function(){function e(){}return Object.defineProperty(e.prototype,"info",{get:function(){return z},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"warn",{get:function(){return z},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"error",{get:function(){return z},enumerable:!1,configurable:!0}),e.prototype.invokeConsoleMethod=function(e,t){(console[e]||console.log||z).apply(console,[t])},e}();Y.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new Y},token:Y,providedIn:"root"}),Y.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}];var $=function(){function e(e,t,n,s){this.http=e,this.logger=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getPaymentGroups=function(e){return this.logger.info("Case-transactions-service getPaymentGroups for: ",e),this.http.get(this.paymentLibService.API_ROOT+"/cases/"+e+"/paymentgroups",{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();$.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new $(f.ɵɵinject(y.HttpClient),f.ɵɵinject(C),f.ɵɵinject(E),f.ɵɵinject(R))},token:$,providedIn:"root"}),$.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],$.ctorParameters=function(){return[{type:s.HttpClient},{type:C},{type:E},{type:R}]};var J=function(){function e(e,t,n,s){this.http=e,this.https=t,this.errorHandlerService=n,this.paymentLibService=s}return e.prototype.getBSPaymentsByCCD=function(e){return this.http.get(this.paymentLibService.BULKSCAN_API_ROOT+"/cases/"+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.getBSPaymentsByDCN=function(e){return this.http.get(this.paymentLibService.BULKSCAN_API_ROOT+"/cases?document_control_number="+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSAllocatePayment=function(e,t){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+t+"/bulk-scan-payments",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSPaymentStrategic=function(e,t){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/"+t+"/bulk-scan-payments-strategic",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.postBSWoPGStrategic=function(e){return this.https.post(this.paymentLibService.API_ROOT+"/payment-groups/bulk-scan-payments-strategic",e).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.patchBSChangeStatus=function(e,t){return this.https.patch(this.paymentLibService.API_ROOT+"/bulk-scan-payments/"+e+"/status/"+t,t).pipe(o.catchError(this.errorHandlerService.handleError))},e.prototype.calculateOutStandingAmount=function(e){var t=0,n=0,s=0;return e.fees&&e.fees.forEach((function(e){t+=e.calculated_amount})),e.payments&&e.payments.forEach((function(e){"SUCCESS"===e.status.toUpperCase()&&(n+=e.amount)})),e.remissions&&e.remissions.forEach((function(e){s+=e.hwf_amount})),t-s-n},e.prototype.removeUnwantedString=function(e,t){return e.replace(/[\_]/gi,t)},e.prototype.downloadSelectedReport=function(e,t,n){return this.https.get(this.paymentLibService.BULKSCAN_API_ROOT+"/report/data?date_from="+t+"&date_to="+n+"&report_type="+e,{withCredentials:!0}).pipe(o.catchError(this.errorHandlerService.handleError))},e}();J.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new J(f.ɵɵinject(y.HttpClient),f.ɵɵinject(F),f.ɵɵinject(E),f.ɵɵinject(R))},token:J,providedIn:"root"}),J.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],J.ctorParameters=function(){return[{type:s.HttpClient},{type:F},{type:E},{type:R}]};var W=function(){function e(e,t,n,s,a,o){var i=this;this.router=e,this.paymentViewService=t,this.bulkScaningPaymentService=n,this.caseTransactionsService=s,this.paymentLibComponent=a,this.OrderslistService=o,this.paymentGroups=[],this.payments=[],this.nonPayments=[],this.allPayments=[],this.remissions=[],this.fees=[],this.totalPayments=0,this.totalRemissions=0,this.isRefundRemission=!0,this.isAddFeeBtnEnabled=!0,this.isExceptionRecord=!1,this.isUnprocessedRecordSelected=!1,this.isAnyFeeGroupAvilable=!0,this.isHistoricGroupAvailable=!1,this.viewStatus="main",this.isRemoveBtnDisabled=!1,this.clAmountDue=0,this.overPaymentAmount=0,this.isFeeRecordsExist=!1,this.isGrpOutstandingAmtPositive=!1,this.orderDetail=[],this.isAddRemissionEnable=!1,this.orderRemissionDetails=[],this.orderLevelFees=[],this.ispaymentGroupApisuccess=!1,this.cpoDetails=null,this.orderFeesTotal=0,this.orderRemissionTotal=0,this.orderTotalPayments=0,this.orderPendingPayments=0,this.isPBA=!1,this.isIssueRefunfBtnEnable=!1,this.isAddRemissionBtnEnabled=!1,this.isRefundRemissionBtnEnable=!1,this.allowedRolesToAccessRefund=["payments-refund-approver","payments-refund"],this.isEligible4PBAPayment=["pui-finance-manager","pui-user-manager","pui-organisation-manager","pui-case-manager"],this.currentDate=new Date,this.check4AllowedRoles2AccessRefund=function(){return i.allowedRolesToAccessRefund.some((function(e){return-1!==i.LOGGEDINUSERROLES.indexOf(e)}))},this.check4AllowedRoles2AccessPBApayment=function(){return i.isEligible4PBAPayment.some((function(e){return-1!==i.LOGGEDINUSERROLES.indexOf(e)}))},this.allowFurtherAccessAfter4Days=function(e){if(null!=e){var t=new Date;return t.setDate(t.getDate()-4),t>=new Date(e.date_created)}}}return e.prototype.ngOnInit=function(){var e=this;this.navigationpage="",null!==this.OrderslistService.getpaymentPageView()&&this.OrderslistService.getpaymentPageView().subscribe((function(t){return e.paymentView=t})),void 0!==this.LOGGEDINUSERROLES&&0!==this.LOGGEDINUSERROLES.length||null===this.OrderslistService.getUserRolesList()||this.OrderslistService.getUserRolesList().subscribe((function(t){return e.LOGGEDINUSERROLES=t})),null!==this.OrderslistService.getnavigationPageValue()&&this.OrderslistService.getnavigationPageValue().subscribe((function(t){return e.navigationpage=t})),void 0!==this.paymentView&&null!==this.paymentView&&void 0!==this.paymentView.payment_group_reference&&"paymentdetailspage"===this.navigationpage&&this.goToPayementView(this.paymentView.payment_group_reference,this.paymentView.reference,this.paymentView.method),this.isGrpOutstandingAmtPositive=!1,this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.caseType=this.paymentLibComponent.CASETYPE,""===this.paymentLibComponent.CCD_CASE_NUMBER&&(this.ccdCaseNumber=this.paymentLibComponent.EXC_REFERENCE),this.excReference=this.paymentLibComponent.EXC_REFERENCE,this.takePayment=this.paymentLibComponent.TAKEPAYMENT;var t=this.paymentLibComponent.SERVICEREQUEST;void 0!==t&&"true"===t.toString()?this.serviceRequestValue="true":(this.serviceRequestValue="false",this.paymentLibComponent.isFromServiceRequestPage=!1),this.isBulkScanEnable=this.paymentLibComponent.ISBSENABLE,this.dcnNumber=this.paymentLibComponent.DCN_NUMBER,this.selectedOption=this.paymentLibComponent.SELECTED_OPTION.toLocaleLowerCase(),this.isTurnOff=this.paymentLibComponent.ISTURNOFF,this.isStrategicFixEnable=this.paymentLibComponent.ISSFENABLE,this.isTurnOff?this.caseTransactionsService.getPaymentGroups(this.ccdCaseNumber).subscribe((function(t){e.isAnyFeeGroupAvilable=!0,e.paymentGroups=t.payment_groups,e.calculateAmounts(),e.calculateOrderFeesAmounts(),e.totalRefundAmount=e.calculateRefundAmount(),e.paymentViewService.getPartyDetails(e.ccdCaseNumber).subscribe((function(t){e.cpoDetails=JSON.parse(t).content}),(function(t){e.errorMessage=t?t.replace(/"/g,""):"",e.setDefaults(),e.isCPODown=!0}))}),(function(t){e.errorMessage=t?t.replace(/"/g,""):"",e.isAnyFeeGroupAvilable=!1,e.setDefaults()})):this.caseTransactionsService.getPaymentGroups(this.ccdCaseNumber).subscribe((function(t){e.isAnyFeeGroupAvilable=!0,e.paymentGroups=t.payment_groups,e.calculateAmounts(),e.calculateOrderFeesAmounts(),e.calculateRefundAmount(),e.isFromServiceRequestPage?(e.OrderslistService.getSelectedOrderRefId().subscribe((function(t){return e.orderRef=t})),e.goToOrderViewDetailSection(e.orderRef)):e.paymentViewService.getPartyDetails(e.ccdCaseNumber).subscribe((function(t){e.cpoDetails=JSON.parse(t).content}),(function(t){e.errorMessage=t?t.replace(/"/g,""):"",e.isCPODown=!0}))}),(function(t){e.errorMessage=t?t.replace(/"/g,""):"",e.isAnyFeeGroupAvilable=!1,e.setDefaults()})),void 0!==this.paymentGroups&&this.checkForExceptionRecord(),null!==this.OrderslistService.getisFromServiceRequestPages()&&this.OrderslistService.getisFromServiceRequestPages().subscribe((function(t){return e.isFromServiceRequestPage=t}))},e.prototype.setDefaults=function(){this.totalPayments=0,this.totalRemissions=0,this.totalNonOffPayments=0,this.totalFees=0},e.prototype.getAllocationStatus=function(e){var t=e.payment_allocation;return t.length>0?t[0].allocation_status:"-"},e.prototype.checkForExceptionRecord=function(){var e=this;0!==this.paymentGroups.length||"ccdorexception"!==this.selectedOption.toLocaleLowerCase()&&"rc"!==this.selectedOption.toLocaleLowerCase()||this.bulkScaningPaymentService.getBSPaymentsByCCD(this.ccdCaseNumber).subscribe((function(t){t.data&&t.data.exception_record_reference&&t.data.exception_record_reference.length>0&&t.data.ccd_reference>0&&(e.isExceptionRecord=!1,e.isAddFeeBtnEnabled=!0),t.data&&t.data.exception_record_reference&&t.data.exception_record_reference.length>0&&void 0===t.data.ccd_reference&&(e.isExceptionRecord=!0,e.isAddFeeBtnEnabled=!1),t.data&&t.data.exception_record_reference&&void 0===t.data.exception_record_reference.length&&t.data.ccd_reference>0&&(e.isExceptionRecord=!1,e.isAddFeeBtnEnabled=!0)})),0===this.paymentGroups.length&&"dcn"===this.selectedOption.toLocaleLowerCase()&&(this.paymentLibComponent.CCD_CASE_NUMBER.length>0&&this.paymentLibComponent.EXC_REFERENCE.length>0?(this.isExceptionRecord=!1,this.isAddFeeBtnEnabled=!0):0===this.paymentLibComponent.CCD_CASE_NUMBER.length&&this.paymentLibComponent.EXC_REFERENCE.length>0?(this.isExceptionRecord=!0,this.isAddFeeBtnEnabled=!1):(this.isExceptionRecord=!1,this.isAddFeeBtnEnabled=!0)),this.paymentGroups.length>0&&this.paymentGroups.forEach((function(t){t.payments&&t.payments.forEach((function(t){void 0!==t.case_reference&&void 0===t.ccd_case_number?(e.isExceptionRecord=!0,e.isAddFeeBtnEnabled=!1):(e.isExceptionRecord=!1,e.isAddFeeBtnEnabled=!0)}))}))},e.prototype.calculateOrderFeesAmounts=function(){var e=this;this.paymentGroups.forEach((function(t){if(e.resetOrderVariables(),t.fees&&t.fees.forEach((function(t){e.orderFeesTotal=e.orderFeesTotal+t.calculated_amount,e.overPaymentAmount=e.overPaymentAmount+t.over_payment})),t.remissions&&t.remissions.forEach((function(t){e.orderRemissionTotal=e.orderRemissionTotal+t.hwf_amount})),t.payments){var n=0===e.overPaymentAmount;t.payments.forEach((function(t){n&&(e.overPaymentAmount=e.overPaymentAmount+t.over_payment),"SUCCESS"===t.status.toUpperCase()&&(e.orderTotalPayments=e.orderTotalPayments+t.amount)}))}if("Paid"===t.service_request_status?(e.orderStatus=t.service_request_status,e.orderAddBtnEnable=!1):("Partially paid"===t.service_request_status||"Not paid"===t.service_request_status||"Disputed"===t.service_request_status)&&(e.orderStatus=t.service_request_status,e.orderAddBtnEnable=!0),null!==e.cpoDetails&&0!==e.cpoDetails.length){var s=-1;e.cpoDetails.forEach((function(t,n){t.orderReference==e.orderRef&&(s=n)})),e.orderLevelFees.push({orderRefId:t.payment_group_reference,orderTotalFees:e.orderFeesTotal,orderStatus:e.orderStatus,orderParty:e.cpoDetails[s].responsibleParty,orderCCDEvent:e.cpoDetails[s].action,orderCreated:t.date_created,orderAddBtnEnable:e.orderAddBtnEnable})}else e.orderLevelFees.push({orderRefId:t.payment_group_reference,orderTotalFees:e.orderFeesTotal,orderStatus:e.orderStatus,orderParty:"",orderCCDEvent:"",orderCreated:t.date_created,orderAddBtnEnable:e.orderAddBtnEnable});"Paid"!==e.orderStatus&&e.OrderslistService.setOrdersList(e.orderLevelFees)}))},e.prototype.resetOrderVariables=function(){this.orderFeesTotal=0,this.orderTotalPayments=0,this.orderRemissionTotal=0,this.orderPendingPayments=0,this.isAddFeeBtnEnabled=!0},e.prototype.goToOrderViewDetailSection=function(e){var t=this;this.isFromServiceRequestPage?(this.OrderslistService.setOrderRefId(e),this.orderRef=e):(this.OrderslistService.setOrderRefId(e.orderRefId),this.orderRef=e.orderRefId),this.orderFeesTotal=0,this.orderRemissionTotal=0,this.orderTotalPayments=0,this.orderPendingPayments=0,this.orderDetail=this.paymentGroups.filter((function(e){return e.payment_group_reference===t.orderRef})),this.orderDetail.forEach((function(e){e.fees&&e.fees.forEach((function(e){t.orderFeesTotal=t.orderFeesTotal+e.calculated_amount})),e.remissions&&(e.remissions.forEach((function(e){t.orderRemissionTotal=t.orderRemissionTotal+e.hwf_amount})),e.payments&&(t.payment=e.payments[0],e.payments.forEach((function(e){"SUCCESS"===e.status.toUpperCase()&&(t.orderTotalPayments=t.orderTotalPayments+e.amount)})))),t.orderStatus=e.service_request_status}));var n=-1;null!==this.cpoDetails&&0!==this.cpoDetails.length?(this.cpoDetails.forEach((function(e,s){e.orderReference==t.orderRef&&(n=s)})),-1!==n&&(this.orderParty=this.cpoDetails[n].responsibleParty,this.orderCreated=this.cpoDetails[n].createdTimestamp,this.orderCCDEvent=this.cpoDetails[n].action)):(this.orderParty="",this.orderCCDEvent="",this.orderCreated=e.orderCreated),this.viewStatus="order-full-view"},e.prototype.redirectToOrderFeeSearchPage=function(e,t){t.orderAddBtnEnable&&(e.preventDefault(),this.paymentLibComponent.bspaymentdcn=null,this.paymentLibComponent.paymentGroupReference=t.orderRefId,this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.viewName="fee-summary")},e.prototype.calculateAmounts=function(){var e=this,t=0,n=0,s=0,a=0;this.paymentGroups.forEach((function(o){o.fees&&o.fees.forEach((function(n){if(e.isTurnOff)t+=n.calculated_amount,e.fees.push(n);else{if(n.date_created){var s=void 0===n.amount_due,a=n.amount_due<=0;e.clAmountDue=s?e.clAmountDue+n.net_amount:a?e.clAmountDue+0:e.clAmountDue+n.amount_due}n.payment_group_reference=o.payment_group_reference,e.fees.push(n)}})),e.isTurnOff&&(e.totalFees=t),o.payments&&o.payments.forEach((function(t){if(e.isTurnOff)"SUCCESS"===t.status.toUpperCase()&&(n+=t.amount,e.payments.push(t)),t.paymentGroupReference=o.payment_group_reference,e.allPayments.push(t);else{var s=t.payment_allocation;"SUCCESS"===t.status.toUpperCase()&&(n+=t.amount,(0===s.length||s.length>0&&"Allocated"===s[0].allocation_status)&&(a+=t.amount),s.length>0&&e.nonPayments.push(t)),0===s.length&&e.payments.push(t),t.paymentGroupReference=o.payment_group_reference,e.allPayments.push(t)}})),e.totalPayments=n,e.isTurnOff||(e.totalNonOffPayments=a),o.remissions&&o.remissions.forEach((function(t){s+=t.hwf_amount,e.remissions.push(t)})),e.totalRemissions=s}))},e.prototype.calculateRefundAmount=function(){var e=this;if(this.isTurnOff){var t=0,n=!1;return this.paymentGroups.forEach((function(s){var a,o=0,i=0,r=0;s.fees&&(e.isFeeRecordsExist=!0,s.fees.forEach((function(e){o+=e.calculated_amount,0===e.calculated_amount&&(n=!0)}))),s.payments&&s.payments.forEach((function(e){"SUCCESS"===e.status.toUpperCase()&&(i+=e.amount)})),s.remissions&&s.remissions.forEach((function(e){r+=e.hwf_amount})),(a=o-r-i)<0?0===t?t=a:t+=a:(a>0||0===a&&n)&&(e.isGrpOutstandingAmtPositive=!0)})),-1*t}var s=!1;this.paymentGroups.forEach((function(t,n){var a,o=0,i=0,r=0,l=[];t.fees&&(t.fees.forEach((function(a){o+=a.calculated_amount,e.isRemissionsMatch=!1,t.remissions&&t.remissions.forEach((function(t){t.fee_code===a.code&&(e.isRemissionsMatch=!0,a.remissions=t,l.push(a))})),e.isRemissionsMatch||l.push(a),a.date_created?s=!0:(e.isHistoricGroupAvailable=!0,e.paymentGroups[n].old=!0)})),e.paymentGroups[n].fees=l),t.payments&&t.payments.forEach((function(e){"SUCCESS"===e.status.toUpperCase()&&(i+=e.amount)})),t.remissions&&t.remissions.forEach((function(e){r+=e.hwf_amount})),(a=o-r-i)>0&&s&&(e.isAnyFeeGroupAvilable=!0,e.isFeeRecordsExist=!0,e.paymentRef=t.payment_group_reference),t.fees&&t.fees.length>0&&a<=0&&s&&(e.isAnyFeeGroupAvilable=!1)})),(!s&&this.isHistoricGroupAvailable||!s&&!this.isHistoricGroupAvailable)&&(this.isAnyFeeGroupAvilable=!1)},e.prototype.getGroupOutstandingAmount=function(e){return this.bulkScaningPaymentService.calculateOutStandingAmount(e)},e.prototype.redirectToFeeSearchPage=function(e){e.preventDefault();var t=this.isBulkScanEnable?"&isBulkScanning=Enable":"&isBulkScanning=Disable";t+=this.isTurnOff?"&isTurnOff=Enable":"&isTurnOff=Disable",t+=this.isStrategicFixEnable?"&isStFixEnable=Enable":"&isStFixEnable=Disable",t+="&caseType="+this.caseType,this.router.navigateByUrl("/fee-search?selectedOption="+this.selectedOption+"&ccdCaseNumber="+this.ccdCaseNumber+t)},e.prototype.addRemission=function(e){var t=this;this.chkForAddRemission(e.code)&&(this.feeId=e,this.viewStatus="addremission",this.paymentViewService.getApportionPaymentDetails(this.payment.reference).subscribe((function(e){t.paymentGroup=e,t.paymentGroup.payments=t.paymentGroup.payments.filter((function(e){return e.reference.includes(t.paymentLibComponent.paymentReference)})),t.payment=t.paymentGroup.payments[0]}),(function(e){return t.errorMessage=e?e.replace(/"/g,""):""})))},e.prototype.addRefundForRemission=function(e,t,n){var s=this;this.paymentViewService.getApportionPaymentDetails(e.reference).subscribe((function(a){s.paymentGroup=a,s.paymentGroup.payments=a.payments.filter((function(t){return t.reference===e.reference})),s.payment=s.paymentGroup.payments[0],s.remissions=t,s.remissionFeeAmt=n.filter((function(e){return e.code===s.remissions.fee_code}))[0].net_amount,s.viewStatus="addrefundforremission"}),(function(e){return s.errorMessage=e}))},e.prototype.redirectToremissionPage=function(e){e.preventDefault(),this.paymentLibComponent.viewName="remission"},e.prototype.goToServiceRequestPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.TAKEPAYMENT=!1,this.paymentLibComponent.SERVICEREQUEST="true",this.paymentLibComponent.isFromServiceRequestPage=!0,window.location.reload()},e.prototype.redirectToReportsPage=function(e){e.preventDefault(),this.router.navigateByUrl("/reports?selectedOption="+this.selectedOption+"&ccdCaseNumber="+this.ccdCaseNumber)},e.prototype.loadFeeSummaryPage=function(e){this.paymentLibComponent.bspaymentdcn=null,this.paymentLibComponent.paymentGroupReference=e.payment_group_reference,this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.viewName="fee-summary"},e.prototype.goToPaymentViewComponent=function(e){this.paymentLibComponent.paymentMethod=e.paymentMethod,this.paymentLibComponent.paymentGroupReference=e.paymentGroupReference,this.paymentLibComponent.paymentReference=e.paymentReference,this.paymentLibComponent.viewName="payment-view"},e.prototype.goToPayementView=function(e,t,n){this.goToPaymentViewComponent({paymentGroupReference:e,paymentReference:t,paymentMethod:n})},e.prototype.selectedUnprocessedFeeEvent=function(e){e?(this.isTurnOff&&(this.isAddFeeBtnEnabled=!1),this.isUnprocessedRecordSelected=!0):(this.isTurnOff&&(this.isAddFeeBtnEnabled=!0),this.isUnprocessedRecordSelected=!1)},e.prototype.getUnprocessedFeeCount=function(e){this.unprocessedRecordCount=e},e.prototype.calculateAmountDue=function(e){return e.date_created?void 0!==e.amount_due?e.amount_due:e.net_amount:"0.00"},e.prototype.confirmRemoveFee=function(e){this.isRemoveBtnDisabled=!1,this.feeId=e,this.viewStatus="feeRemovalConfirmation"},e.prototype.cancelRemoval=function(){this.viewStatus="main"},e.prototype.removeFee=function(e){var t=this;this.isRemoveBtnDisabled=!0,this.paymentViewService.deleteFeeFromPaymentGroup(e).subscribe((function(e){window.location.reload()}),(function(e){t.errorMessage=e,t.isRemoveBtnDisabled=!1}))},e.prototype.isCheckAmountdueExist=function(e){return void 0===e},e.prototype.issueRefund=function(e){null!=e&&this.chkIssueRefundBtnEnable(e)&&(this.viewStatus="issuerefund",this.payment=e,this.paymentLibComponent.isFromServiceRequestPage=!0,this.isRefundRemission=!0)},e.prototype.chkForAddRemission=function(e){var t,n;if(this.chkForPBAPayment()&&this.check4AllowedRoles2AccessRefund()){if(this.orderDetail[0].remissions.length>0)try{for(var s=A(this.orderDetail[0].remissions),a=s.next();!a.done;a=s.next()){if(a.value.fee_code===e)return!1}}catch(e){t={error:e}}finally{try{a&&!a.done&&(n=s.return)&&n.call(s)}finally{if(t)throw t.error}}return!0}return!1},e.prototype.chkForPBAPayment=function(){var e=this;if(null!==this.orderDetail&&void 0!==this.orderDetail)return this.orderDetail.forEach((function(t){t.payments&&t.payments.forEach((function(t){"payment by account"===t.method.toLocaleLowerCase()&&e.allowFurtherAccessAfter4Days(t)&&(e.isPBA=!0)}))})),!!this.isPBA},e.prototype.chkIssueRefundBtnEnable=function(e){return null!=e&&(e.issue_refund&&e.refund_enable)},e.prototype.chkIsRefundRemissionBtnEnable=function(){var e=this;if(null!==this.orderDetail&&void 0!==this.orderDetail)return this.paymentLibComponent.isFromServiceRequestPage=!0,this.orderDetail.forEach((function(t){t.payments&&t.payments.forEach((function(t){"payment by account"===t.method.toLocaleLowerCase()&&"success"===t.status.toLocaleLowerCase()&&e.allowFurtherAccessAfter4Days(t)&&(e.isRefundRemissionBtnEnable=!0)}))})),!!this.isRefundRemissionBtnEnable},e.prototype.loadPBAAccountPage=function(e){this.paymentLibComponent.pbaPayOrderRef=e,this.paymentLibComponent.viewName="pba-payment"},e}();W.decorators=[{type:t.Component,args:[{selector:"ccpay-case-transactions",template:'<div>\n  <main>\n    <ng-container  *ngIf="viewStatus === \'main1\'">\n      <div *ngIf="viewStatus === \'main1\'&& !isTurnOff && takePayment">\n          <div   *ngIf="takePayment" class="govuk-grid-row">\n\n            <div class="govuk-grid-column-two-thirds">\n              <h1 class="govuk-heading-xl">Case transactions</h1>\n            </div>\n          </div>\n\n          <div   *ngIf="takePayment" class="govuk-grid-row">\n            <div *ngIf=\'!isExceptionRecord\' class="govuk-grid-column-two-thirds govuk-!-padding-bottom-6 govuk-!-padding-top-6">\n              <h3 class="heading-medium">CCD reference:</h3>\n              <span> {{ ccdCaseNumber | ccdHyphens }}</span>\n            </div>\n\n            <div *ngIf=\'isExceptionRecord\' class="govuk-grid-column-two-thirds govuk-!-padding-bottom-6 govuk-!-padding-top-6">\n              <h3 class="heading-medium">Exception reference:</h3>\n              <span> {{ ccdCaseNumber | ccdHyphens }}</span>\n            </div>\n            <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n              <hr class="govuk-section-break govuk-section-break--visible">\n              <table class="govuk-table">\n                <thead class="govuk-table__head">\n                  <tr class="govuk-table__row">\n                    <td class="govuk-table__header" scope="col">Total payments</td>\n                    <td class="govuk-table__header" scope="col">Total remissions</td>\n                    <td class="govuk-table__header" scope="col">Amount due</td>\n                    <td class="govuk-table__header govuk-table__header--custom" scope="col" *ngIf="isBulkScanEnable">Unallocated payments</td>\n                  </tr>\n                </thead>\n                <tbody class="govuk-table__body">\n                  <tr class="totalpayments govuk-table__row">\n                    <td class="govuk-table__cell summary-table-font">{{ totalPayments | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell summary-table-font">{{ totalRemissions | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell summary-table-font">{{ clAmountDue | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n                    <td class="govuk-table__cell case-transaction__color summary-table-font" *ngIf="isBulkScanEnable">{{unprocessedRecordCount}}</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n\n            <div class="govuk-grid-column-two-thirds" *ngIf="takePayment">\n              <button type="submit" (click)="redirectToFeeSearchPage($event)"\n                [disabled]="!isAddFeeBtnEnabled"\n                [ngClass]=\'!isAddFeeBtnEnabled ? "govuk-button govuk-button--secondary govuk-button--disabled govuk-!-margin-right-1" : "govuk-button govuk-button--secondary govuk-!-margin-right-1"\'>\n                Take telephony payment\n              </button>\n          </div>\n\n          </div>\n          <div class="govuk-grid-row">\n\n          </div>\n          <div  *ngIf="takePayment" class=" govuk-!-margin-top-9">\n\n            <div class="govuk-grid-row">\n              <div class="govuk-grid-column-full">\n                  <h3 class="heading-medium">Fees</h3>\n              </div>\n              <div class="govuk-grid-column-full">\n                <table class="govuk-table">\n                  <thead class="govuk-table__head">\n                  <tr class="govuk-table__row">\n                    <td class="govuk-table__header" scope="col">Code</td>\n                    <td class="govuk-table__header" scope="col">Description</td>\n                    <td class="govuk-table__header" scope="col">Volume</td>\n                    <td class="govuk-table__header" scope="col">Fee amount</td>\n                    <td class="govuk-table__header" scope="col">Calculated amount</td>\n                    <td class="govuk-table__header" scope="col">Amount due</td>\n                    <td class="govuk-table__header" scope="col">Action</td>\n\n                  </tr>\n                  </thead>\n                  <tbody class="govuk-table__body" *ngFor="let paymentGroup of paymentGroups;">\n                    <tr class="govuk-table__row" *ngFor="let fee of paymentGroup.fees; let i = index;">\n                      <td class="govuk-table__cell">\t{{fee.code}} </td>\n                      <td class="govuk-table__cell">{{fee.description}}</td>\n                      <td class="govuk-table__cell">{{fee.volume? fee.volume : \'-\'}}</td>\n                      <td class="govuk-table__cell">{{ fee.net_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n                      <td class="govuk-table__cell">{{fee.calculated_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n                      <td class="govuk-table__cell govuk-!-font-weight-bold"  [attr.rowspan]="paymentGroup.fees.length" *ngIf="paymentGroup.old && i==0"> {{getGroupOutstandingAmount(paymentGroup)| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}* </td>\n                      <td class="govuk-table__cell" *ngIf="!paymentGroup.old"> {{calculateAmountDue(fee) | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} </td>\n                      <td class="govuk-table__cell" *ngIf="!paymentGroup.old">\n                        <a (click)="confirmRemoveFee(fee.id)" [ngClass]=\'!isCheckAmountdueExist(fee.amount_due) || fee.remissions ? "disable-link" : ""\'>Remove</a>\n                      </td>\n                      <td class="govuk-table__cell" *ngIf="paymentGroup.old">\n                        <a (click)="confirmRemoveFee(fee.id)" [ngClass]=\'paymentGroup.payments?.length > 0 || paymentGroup.remissions?.length > 0 ? "disable-link" : ""\'>Remove</a>\n                    </td>\n                    </tr>\n                  </tbody>\n                  <tbody class="govuk-table__body" *ngIf="paymentGroups?.length === 0">\n                    <tr class="govuk-table__row" >\n                      <td class="govuk-table__cell" colspan="7">No fees recorded</td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n            </div>\n            <div class="hmcts-banner" *ngIf="isHistoricGroupAvailable">\n              <svg class="hmcts-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25">\n                  <path d="M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n                C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"></path>\n              </svg>\n              <div class="hmcts-banner__message">\n                <span class="hmcts-banner__assistive">information</span>\n                * These fees have already been processed offline. Check the notes in CCD for more information.\n              </div>\n            </div>\n            <div class="panel panel-no--style" *ngIf="allPayments?.length > 0 || remissions?.length > 0">\n                \x3c!-- payments --\x3e\n                <h3 class="heading-medium">Payments</h3>\n                  <table class="govuk-table">\n                    <thead class="govuk-table__head">\n                      <tr class="govuk-table__row">\n                          <td class="govuk-table__header col-28" scope="col">Payment reference</td>\n                          <td class="govuk-table__header" scope="col">Date created</td>\n                          <td class="govuk-table__header" scope="col">Channel</td>\n                          <td class="govuk-table__header" scope="col">Method</td>\n                          <td class="govuk-table__header col-15" scope="col">Amount</td>\n                          <td class="govuk-table__header" scope="col">Allocation status</td>\n                          <td class="govuk-table__header" scope="col">Payment status</td>\n                        </tr>\n                    </thead>\n                    <tbody class="govuk-table__body" *ngIf="allPayments?.length > 0">\n                      <tr class="govuk-table__row"  *ngFor="let payment of allPayments">\n                          <td class="govuk-table__cell whitespace-inherit">\n                            <a href="javascript:void(0)" (click)="goToPayementView(payment.paymentGroupReference, payment.reference, payment.method)">{{ payment.reference }}</a>\n                          </td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.date_created | date:\'dd MMM yyyy\' }}</td>\n                          <td class="channel govuk-table__cell whitespace-inherit">{{ payment.channel | lowercase }}</td>\n                          <td class="govuk-table__cell capitalize whitespace-inherit">{{ payment.method | lowercase}}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n                          <td class="govuk-table__cell whitespace-inherit"> {{getAllocationStatus(payment)}}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.status }}</td>\n                        </tr>\n                    </tbody>\n                    <tbody class="govuk-table__body" *ngIf="allPayments?.length === 0">\n                      <td class="govuk-table__cell" colspan="7">No payments recorded</td>\n                    </tbody>\n                  </table>\n\n                  \x3c!-- remissions --\x3e\n                  <h3 class="heading-medium">Remissions</h3>\n                  <table class="govuk-table">\n                    <thead class="govuk-table__head">\n                      <tr class="govuk-table__row">\n                          <td class="govuk-table__header" scope="col">Remission reference</td>\n                          <td class="govuk-table__header" scope="col">Date created</td>\n                          <td class="govuk-table__header" scope="col">Remission code</td>\n                          <td class="govuk-table__header" scope="col">Fee code</td>\n                          <td class="govuk-table__header" scope="col">Remission amount</td>\n                        </tr>\n                    </thead>\n                    <tbody class="govuk-table__body" *ngIf="remissions?.length > 0">\n                      <tr class="govuk-table__row" *ngFor="let remission of remissions">\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.remission_reference }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.date_created | date:\'dd MMM yyyy\' }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.hwf_reference }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.fee_code }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.hwf_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n                        </tr>\n                    </tbody>\n                    <tbody class="govuk-table__body" *ngIf="remissions?.length === 0">\n                      <td class="govuk-table__cell" colspan="5">No remissions recorded</td>\n                    </tbody>\n                  </table>\n            </div>\n          </div>\n      </div>\n\n      <div  *ngIf="takePayment && isTurnOff">\n      <div class="govuk-grid-row">\n        <div class="govuk-grid-column-two-thirds">\n          <h1 class="govuk-heading-xl">Case transactions</h1>\n        </div>\n\n        <div  class="govuk-grid-column-one-third" align="right" >\n          <a [ngClass]="{ \'disable\': !isAddFeeBtnEnabled} " (click)="redirectToFeeSearchPage($event)" class="button">Add a new fee</a>\n        </div>\n      </div>\n\n      <div class="govuk-grid-row">\n        <div class="govuk-grid-column-two-thirds govuk-!-padding-bottom-6">\n          <h3 class="heading-medium">CCD reference:</h3>\n          <span> {{ ccdCaseNumber | ccdHyphens }}</span>\n        </div>\n\n        <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n          <hr class="govuk-section-break govuk-section-break--visible">\n          <table class="govuk-table">\n            <thead class="govuk-table__head">\n              <tr class="govuk-table__row">\n                <td class="govuk-table__header" scope="col">Total payments</td>\n                <td class="govuk-table__header" scope="col">Total remissions</td>\n                <td class="govuk-table__header" scope="col">Amount due</td>\n              </tr>\n            </thead>\n            <tbody class="govuk-table__body">\n              <tr class="totalpayments govuk-table__row">\n                <td class="govuk-table__cell">{{ totalPayments | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                <td class="govuk-table__cell">{{ totalRemissions | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                <td class="govuk-table__cell">{{ (totalFees - totalRemissions) - totalPayments | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n\n      \x3c!-- No fees start --\x3e\n      <div *ngIf="paymentGroups?.length === 0">\n        <div class="govuk-grid-row">\n          <div class="govuk-grid-column-full">\n            <span class="heading-small">Existing fees</span>\n          </div>\n\n          <div class="govuk-grid-column-full">\n            <table class="govuk-table">\n              <thead class="govuk-table__head">\n              <tr class="govuk-table__row">\n                <td class="govuk-table__header" scope="col">Code</td>\n                <td class="govuk-table__header" scope="col">Description</td>\n                <td class="govuk-table__header" scope="col">Volume</td>\n                <td class="govuk-table__header" scope="col">Fee amount</td>\n                <td class="govuk-table__header" scope="col">Calculated amount</td>\n                <td class="govuk-table__header" scope="col">Group amount outstanding</td>\n              </tr>\n              </thead>\n              <tbody class="govuk-table__body">\n              <tr class="govuk-table__row">\n                <td class="govuk-table__cell" colspan="6">No fees recorded</td>\n              </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n\n      \x3c!-- No fees end --\x3e\n\n      <div *ngFor="let paymentGroup of paymentGroups">\n\n      <div class="govuk-grid-row">\n        <div class="govuk-grid-column-full govuk-grid-column-full--gr">\n          <span class="heading-medium">Group reference: {{paymentGroup.payment_group_reference}}</span>\n        </div>\n      </div>\n        <div class="govuk-grid-row">\n\n          \x3c!--New Code start--\x3e\n\n          <div class="govuk-grid-column-full">\n            <span class="heading-small">Exisiting fees</span>\n          </div>\n          <div class=feeclass>\n          <table class="govuk-table">\n            <thead class="govuk-table__head">\n            <tr class="govuk-table__row">\n              <td class="govuk-table__header" scope="col">Code</td>\n              <td class="govuk-table__header" scope="col">Description</td>\n              <td class="govuk-table__header" scope="col">Volume</td>\n              <td class="govuk-table__header" scope="col">Fee amount</td>\n              <td class="govuk-table__header" scope="col">Calculated amount</td>\n              <td class="groupamount govuk-table__header" scope="col">Group amount outstanding</td>\n            </tr>\n            </thead>\n            <tbody class="govuk-table__body" >\n            <tr class="govuk-table__row"  *ngFor="let fee of paymentGroup.fees;  let i = index;">\n              <td class="govuk-table__cell govuk-table__cell--col1">{{fee.code}}</td>\n              <td class="govuk-table__cell govuk-table__cell--col2"> {{fee.description}} </td>\n              <td class="govuk-table__cell govuk-table__cell--col3 align-center"> {{fee.volume? fee.volume : \'-\'}} </td>\n              <td class="govuk-table__cell govuk-table__cell--col4"> {{ fee.net_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n              <td class="govuk-table__cell govuk-table__cell--col5"> {{fee.calculated_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n              <td class="govuk-table__cell govuk-table__cell--col6 govuk-table__custom--col6" [attr.rowspan]="paymentGroup.fees.length" *ngIf="i==0">\n                {{getGroupOutstandingAmount(paymentGroup) | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n            </tr>\n            </tbody>\n            <tbody class="govuk-table__body" *ngIf="paymentGroup.fees.length==0">\n            <td class="govuk-table__cell" colspan="6">No payments recorded</td>\n            </tbody>\n          </table>\n        </div>\n        </div>\n      <div class="govuk-inset-text govuk-inset-text__no-border" *ngIf="paymentGroup.payments || paymentGroup.remissions">\n        <details>\n          <summary class="govuk-hidetext">\n          <span class="summary">Allocated payments and remissions</span>\n          </summary>\n\n            <div class="panel panel-border-narrow">\n                \x3c!-- payments --\x3e\n                <span class="heading-medium">Payments</span>\n                  <table class="govuk-table">\n                    <thead class="govuk-table__head">\n                      <tr class="govuk-table__row">\n                          <td class="govuk-table__header" scope="col">Payment reference</td>\n                          <td class="govuk-table__header" scope="col">Date created</td>\n                          <td class="govuk-table__header" scope="col">Channel</td>\n                          <td class="govuk-table__header" scope="col">Method</td>\n                          <td class="govuk-table__header" scope="col">Amount</td>\n                          <td class="govuk-table__header" scope="col">Allocation status</td>\n                          <td class="govuk-table__header" scope="col">Status</td>\n                        </tr>\n                    </thead>\n                    <tbody class="govuk-table__body" *ngIf="paymentGroup.payments?.length > 0">\n                      <tr class="govuk-table__row"  *ngFor="let payment of paymentGroup.payments">\n                          <td class="govuk-table__cell whitespace-inherit">\n                            <a href="javascript:void(0)" (click)="goToPayementView(paymentGroup.payment_group_reference, payment.reference, payment.method)">{{ payment.reference }}</a>\n                          </td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.date_created | date:\'dd MMM yyyy\' }}</td>\n                          <td class="channel govuk-table__cell whitespace-inherit">{{ payment.channel | lowercase }}</td>\n                          <td class="govuk-table__cell capitalize whitespace-inherit">{{ payment.method | lowercase}}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.amount }}</td>\n                          <td class="govuk-table__cell whitespace-inherit"> {{getAllocationStatus(payment)}}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ payment.status }}</td>\n                        </tr>\n                    </tbody>\n                    <tbody class="govuk-table__body" *ngIf="paymentGroup.payments?.length === 0">\n                      <td class="govuk-table__cell" colspan="6">No payments recorded</td>\n                    </tbody>\n                  </table>\n\n                  \x3c!-- remissions --\x3e\n                  <span class="heading-medium">Remissions</span>\n                  <table class="govuk-table">\n                    <thead class="govuk-table__head">\n                      <tr class="govuk-table__row">\n                          <td class="govuk-table__header" scope="col">Remission reference</td>\n                          <td class="govuk-table__header" scope="col">Date created</td>\n                          <td class="govuk-table__header" scope="col">Remission code</td>\n                          <td class="govuk-table__header" scope="col">Fee applied against</td>\n                          <td class="govuk-table__header" scope="col">Remission amount</td>\n                        </tr>\n                    </thead>\n                    <tbody class="govuk-table__body" *ngIf="paymentGroup.remissions?.length > 0">\n                      <tr class="govuk-table__row" *ngFor="let remission of paymentGroup.remissions">\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.remission_reference }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.date_created | date:\'dd MMM\' }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.hwf_reference }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.fee_code }}</td>\n                          <td class="govuk-table__cell whitespace-inherit">{{ remission.hwf_amount }}</td>\n                        </tr>\n                    </tbody>\n                    <tbody class="govuk-table__body" *ngIf="paymentGroup.remissions?.length === 0">\n                      <td class="govuk-table__cell" colspan="5">No remissions recorded</td>\n                    </tbody>\n                  </table>\n            </div>\n      </details>\n\n\n          <div *ngIf="takePayment">\n              <button type="submit" (click)="loadFeeSummaryPage(paymentGroup)"\n                [disabled]="(getGroupOutstandingAmount(paymentGroup) <= 0 || isUnprocessedRecordSelected)"\n                [ngClass]=\'(getGroupOutstandingAmount(paymentGroup) <= 0 || isUnprocessedRecordSelected) ? "govuk-button govuk-button--secondary govuk-button--disabled govuk-!-margin-right-1" : "govuk-button govuk-button--secondary govuk-!-margin-right-1"\'>\n                  Add telephone payment\n              </button>\n          </div>\n        </div>\n      </div>\n        <ccpay-app-unprocessed-payments\n        *ngIf="isBulkScanEnable"\n        [IS_BUTTON_ENABLE]="takePayment"\n        [LEVEL]="5"\n        [PAYMENTSLENGTH]="allPayments?.length"\n        [PAYMENTREF]="paymentRef"\n        [ISTURNOFF]="isTurnOff"\n        [ISSFENABLE]="isStrategicFixEnable"\n        [FEE_RECORDS_EXISTS]="isFeeRecordsExist"\n        (getUnprocessedFeeCount) = "getUnprocessedFeeCount($event)"\n        [IS_OS_AMT_AVAILABLE]="isGrpOutstandingAmtPositive"\n        (selectedUnprocessedFeeEvent) = "selectedUnprocessedFeeEvent($event)">\n      </ccpay-app-unprocessed-payments>\n      <div class="govuk-grid-row govuk-grid__surplus-payments"  *ngIf="totalRefundAmount > 0 && takePayment">\n        <div class="govuk-grid-column-full govuk-grid__surplus-payments-col1">\n          <h3 class="heading-medium">Surplus payments</h3>\n        </div>\n        <div class="govuk-grid-column-full">\n          Total surplus payments received: {{totalRefundAmount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}\n        </div>\n      </div>\n      </div>\n\n      <div  *ngIf="takePayment">\n        <ccpay-app-unprocessed-payments\n        *ngIf="isBulkScanEnable && !takePayment"\n        [IS_BUTTON_ENABLE]="takePayment"\n        [LEVEL]="1"\n        [ISTURNOFF]="isTurnOff"\n        [ISSFENABLE]="isStrategicFixEnable"\n        [FEE_RECORDS_EXISTS]="isFeeRecordsExist"\n        [IS_OS_AMT_AVAILABLE]="isGrpOutstandingAmtPositive"\n        (getUnprocessedFeeCount) = "getUnprocessedFeeCount($event)"\n        [PAYMENTSLENGTH]="allPayments?.length"\n        [PAYMENTREF]="paymentRef"\n        (selectedUnprocessedFeeEvent) = "selectedUnprocessedFeeEvent($event)">\n        </ccpay-app-unprocessed-payments>\n      </div>\n\n      <div *ngIf="!takePayment" class="govuk-grid-row govuk-grid__surplus-payments">\n\n        <div class="govuk-grid-column-full">\n\n          <span class="heading-medium">Payments</span>\n          <table class="govuk-table">\n              <thead class="govuk-table__head">\n                <tr class="govuk-table__row">\n                    <td class="govuk-table__header col-13" scope="col">Status</td>\n                    <td class="govuk-table__header col-10" scope="col">Amount</td>\n                    <td class="govuk-table__header col-14" scope="col">Date allocated</td>\n                    <td class="govuk-table__header col-20" scope="col">Request reference</td>\n                    <td class="govuk-table__header col-9" scope="col"></td>\n                    <td class="govuk-table__header" scope="col"></td>\n                  </tr>\n              </thead>\n              <tbody class="govuk-table__body" *ngIf="allPayments?.length > 0">\n                <tr class="govuk-table__row"  *ngFor="let payment of allPayments">\n                    <td class="govuk-table__cell col-13 whitespace-inherit">{{ payment.status }}</td>\n                    <td class="govuk-table__cell col-10 whitespace-inherit">{{ payment.amount | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell col-17 whitespace-inherit">{{ payment.date_created | date:\'dd MMM yyyy HH:mm:ss\' }}</td>\n                    <td class="govuk-table__cell col-24 whitespace-inherit">{{ payment.paymentGroupReference }}</td>\n                    <td class="govuk-table__cell col-13 whitespace-inherit"></td>\n                    <td class="govuk-table__cell whitespace-inherit">\n                        <a href="javascript:void(0)" (click)="goToPayementView(payment.paymentGroupReference, payment.reference, payment.method)">Review</a>\n                      </td>\n                  </tr>\n              </tbody>\n\n            </table>\n            <ccpay-app-unprocessed-payments class="govuk-table"\n            *ngIf="isBulkScanEnable && !takePayment"\n            [IS_BUTTON_ENABLE]="takePayment"\n            [LEVEL]="2"\n            [ISTURNOFF]="isTurnOff"\n            [ISSFENABLE]="isStrategicFixEnable"\n            [FEE_RECORDS_EXISTS]="isFeeRecordsExist"\n            [IS_OS_AMT_AVAILABLE]="isGrpOutstandingAmtPositive"\n            [PAYMENTSLENGTH]="allPayments?.length"\n            [PAYMENTREF]="paymentRef"\n            (getUnprocessedFeeCount) = "getUnprocessedFeeCount($event)"\n            (selectedUnprocessedFeeEvent) = "selectedUnprocessedFeeEvent($event)">\n        </ccpay-app-unprocessed-payments>\n        </div>\n      </div>\n    </ng-container>\n\n\x3c!--Order Case Transactions Page--\x3e\n   <ng-container *ngIf="viewStatus === \'main\' && !isTurnOff && takePayment">\n      <div>\n\n          <div>\n              <h1 class="govuk-grid-column-two-thirds govuk-heading-l govuk-!-margin-top-0">Case transactions</h1>\n              <ng-container *ngIf=\'!isExceptionRecord\' class=" govuk-!-margin-bottom-6 alignself">\n                 <b> Case reference: </b>{{ ccdCaseNumber | ccdHyphens }}\n              </ng-container>\n              <ng-container *ngIf=\'isExceptionRecord\' class="govuk-!-margin-bottom-3 col-55 alignself" >\n                  <b> Exception reference:</b>{{ ccdCaseNumber | ccdHyphens }}\n              </ng-container>\n              <div>\n              <table class="govuk-table">\n                <thead class="govuk-table__head">\n                  <tr class="govuk-table__row">\n                    <td class="govuk-table__header col-25" scope="col">Total payments</td>\n                    <td class="govuk-table__header govuk-table__header--custom col-25" scope="col" *ngIf="isBulkScanEnable">Unallocated payments</td>\n                    <td class="govuk-table__header col-25" scope="col">Total remissions</td>\n                    <td class="govuk-table__header col-20" scope="col">Amount due</td>\n                    <td class="govuk-table__header col-20" scope="col">Over payment</td>\n                  </tr>\n                </thead>\n                <tbody class="govuk-table__body">\n                  <tr class="totalpayments govuk-table__row">\n                    <td class="govuk-table__cell summary-table-font">{{ totalPayments | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell case-transaction__color summary-table-font" *ngIf="isBulkScanEnable">{{unprocessedRecordCount}}</td>\n\n                    <td class="govuk-table__cell summary-table-font">{{ totalRemissions | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell summary-table-font">{{ clAmountDue | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n                    <td class="govuk-table__cell summary-table-font">{{ overPaymentAmount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n\n                     </tr>\n                </tbody>\n              </table>\n              </div>\n          </div>\n          <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'ORDERIDDETAILS\'>\n\n            \x3c!--Payment Request--\x3e\n          <div class="paymentrequest">\n              <span class="heading-medium">Service requests</span>\n              <ng-container>\n              <table class="govuk-table">\n                  <thead class="govuk-table__head">\n                  <tr class="govuk-table__row">\n                    <td class="govuk-table__header  col-14" scope="col">Status</td>\n                    <td class="govuk-table__header  col-10" scope="col">Amount</td>\n                    <td class="govuk-table__header  col-18" scope="col">Party</td>\n                    <td class="govuk-table__header  col-21" scope="col">Request reference</td>\n                    <td class="govuk-table__header  col-9" scope="col"></td>\n                    <td class="govuk-table__header col" scope="col"></td>\n                  </tr>\n                  </thead>\n                  <tbody class="govuk-table__body"  *ngIf="orderLevelFees?.length > 0">\n                    <tr *ngFor="let orderRef of orderLevelFees;let i = index;">\n                      <td class="govuk-table__cell whitespace-inherit">{{orderRef.orderStatus}}</td>\n                      <td class="govuk-table__cell whitespace-inherit">{{ orderRef.orderTotalFees | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                      <td *ngIf="cpoDetails !== null && cpoDetails.length !== 0" class="govuk-table__cell  whitespace-inherit">\n                        <ng-container *ngFor="let cpo of cpoDetails">\n                          <ng-container *ngIf="cpo.orderReference == orderRef.orderRefId">\n                            {{cpo.responsibleParty}}\n                          </ng-container>\n                        </ng-container>\n                      </td>\n                      <td *ngIf="cpoDetails === null || cpoDetails.length === 0" class="govuk-table__cell whitespace-inherit"></td>\n                      <td class="govuk-table__cell whitespace-inherit">{{orderRef.orderRefId}}</td>\n                      <td class="govuk-table__cell">\n                              <a href="javascript:void(0)" (click)="goToOrderViewDetailSection(orderRef)">Review</a>\n                      </td>\n                      <td  class="alignright">\n\n                        <button type="submit" (click)="redirectToOrderFeeSearchPage($event,orderRef)"\n                        [disabled]="!orderRef.orderAddBtnEnable"\n                        [ngClass]=\'!orderRef.orderAddBtnEnable ? "govuk-button govuk-button--secondary govuk-button--disabled govuk-!-margin-right-1" : "govuk-button govuk-button--secondary govuk-!-margin-right-1"\'>\n                        Take telephony payment\n                      </button></td>\n                    </tr>\n                  </tbody>\n                  <tbody class="govuk-table__body alignleft" *ngIf="orderLevelFees?.length === 0">\n                    <td colspan="6">No service requests on this case.</td>\n                  </tbody>\n              </table>\n            </ng-container>\n              \x3c!-- <ng-container *ngIf="orderLevelFees?.length === 0">\n                  <br/>No service requests on this case.<br/>\n              </ng-container> --\x3e\n              <span>\n                  <br/>\n                  <a (click)="redirectToFeeSearchPage($event)"\n                    [class.disable-link]="!isAddFeeBtnEnabled">Create service request and pay</a><br/>\n            </span>\n          </div>\n          <div>\n              <span class="heading-medium"><br/>Payments</span>\n              <ccpay-app-unprocessed-payments\n              *ngIf="isBulkScanEnable"\n              [IS_BUTTON_ENABLE]="takePayment"\n              [LEVEL]="3"\n              [PAYMENTSLENGTH]="allPayments?.length"\n              [ISTURNOFF]="isTurnOff"\n              [ISSFENABLE]="isStrategicFixEnable"\n              [PAYMENTREF]="paymentRef"\n              [FEE_RECORDS_EXISTS]="isFeeRecordsExist"\n              (getUnprocessedFeeCount) = "getUnprocessedFeeCount($event)"\n              [IS_OS_AMT_AVAILABLE]="isGrpOutstandingAmtPositive"\n              (selectedUnprocessedFeeEvent) = "selectedUnprocessedFeeEvent($event)">\n               </ccpay-app-unprocessed-payments>\n\n              <ng-container>\n              <table class="govuk-table">\n                  <thead class="govuk-table__head">\n                  </thead>\n                  <tbody class="govuk-table__body" *ngIf="allPayments?.length > 0">\n                    <tr class="govuk-table__row"  *ngFor="let payment of allPayments">\n                        <td class="govuk-table__cell col-14 whitespace-inherit">{{ payment.status }}</td>\n                        <td class="govuk-table__cell col-10 whitespace-inherit">{{ payment.amount | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                        <td class="govuk-table__cell col-17 whitespace-inherit">{{ payment.date_created | date:\'dd MMM yyyy\' }}</td>\n                        <td class="govuk-table__cell col-24 whitespace-inherit">{{ payment.paymentGroupReference }}</td>\n                        <td class="govuk-table__cell col-13 whitespace-inherit"></td>\n                        <td class="govuk-table__cell whitespace-inherit">\n                            <a href="javascript:void(0)" (click)="goToPayementView(payment.paymentGroupReference, payment.reference, payment.method)">Review</a>\n                          </td>\n                      </tr>\n                  </tbody>\n\n                  <tbody class="govuk-table__body" *ngIf="allPayments?.length === 0 && unprocessedRecordCount <= 0">\n                    <td colspan="6">No payments recorded</td>\n                  </tbody>\n                </table>\n\n              </ng-container>\n\n          </div>\n          <div *ngIf="!check4AllowedRoles2AccessPBApayment()">\n              <span class="heading-medium"><br/>Refunds</span>\n              <ccpay-refund-status\n              [ccdCaseNumber]="ccdCaseNumber"\n              [isTurnOff]="isTurnOff"\n              [orderParty]="orderParty"\n              [LOGGEDINUSERROLES]="LOGGEDINUSERROLES"\n              ></ccpay-refund-status>\n          </div>\n      </div>\n   </ng-container>\n\n   <ng-container *ngIf="!takePayment && viewStatus === \'main\'">\n      <div  class="govuk-grid-column-full" [ngClass]=\'serviceRequestValue!== "false" ? "govuk-margin-btm-20px" : ""\'>\n        \x3c!-- <span *ngIf="serviceRequestValue === \'false\'" class="heading-medium">Service requests</span> --\x3e\n        <ng-container *ngIf="!(orderLevelFees?.length === 0 && !isAnyFeeGroupAvilable) && serviceRequestValue !== \'false\' ">\n          <table class="govuk-table">\n              <thead class="govuk-table__head">\n              <tr class="govuk-table__row">\n                <td class="govuk-table__header col-14" scope="col">Status</td>\n                <td class="govuk-table__header col-18" scope="col">Amount</td>\n                <td class="govuk-table__header col-18" scope="col">Party</td>\n                <td class="govuk-table__header col-24" scope="col">Request reference\t</td>\n                <td class="govuk-table__header col-9" scope="col"></td>\n                <td class="govuk-table__header" scope="col"></td>\n              </tr>\n              </thead>\n              <tbody class="govuk-table__body" *ngIf="orderLevelFees?.length > 0">\n                <tr class="govuk-table__row"  *ngFor="let orderRef of orderLevelFees;let i = index;">\n                  <td class="govuk-table__cell whitespace-inherit">{{orderRef.orderStatus}}</td>\n                  <td class="govuk-table__cell whitespace-inherit">{{orderRef.orderTotalFees | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n                  <td *ngIf="cpoDetails !== null && cpoDetails.length !== 0" class="govuk-table__cell  whitespace-inherit">\n                    <ng-container *ngFor="let cpo of cpoDetails">\n                      <ng-container *ngIf="cpo.orderReference == orderRef.orderRefId">\n                        {{cpo.responsibleParty}}\n                      </ng-container>\n                    </ng-container>\n                  </td>\n                  <td *ngIf="cpoDetails === null || cpoDetails.length === 0" class="govuk-table__cell whitespace-inherit"></td>\n                  <td class="govuk-table__cell whitespace-inherit">{{orderRef.orderRefId}}</td>\n                  <td class="govuk-table__cell of-visible"> <a href="javascript:void(0)" (click)="loadPBAAccountPage(orderRef)" *ngIf="serviceRequestValue !== \'false\' && check4AllowedRoles2AccessPBApayment() && orderRef.orderStatus === \'Not paid\'"> Pay now</a></td>\n                  <td class="govuk-table__cell">\n                      <a href="javascript:void(0)" (click)="goToOrderViewDetailSection(orderRef)">Review</a>\n                </td>\n                </tr>\n              </tbody>\n              <tbody class="govuk-table__body" *ngIf="orderLevelFees?.length === 0 && serviceRequestValue === \'false\'">\n                <tr class="govuk-table__row" >\n                  <td class="alignleft" colspan="7">No service requests on this case.</td>\n                </tr>\n              </tbody>\n          </table>\n        </ng-container>\n        <ng-container *ngIf="orderLevelFees?.length === 0 && serviceRequestValue !== \'false\' && !isAnyFeeGroupAvilable">\n          <h1 class="govuk-heading-l govuk-heading-lw">If you are expecting to pay and are not able to see a service request,</h1>\n          <p>please refresh and try in some time.</p>\n        </ng-container>\n    \x3c!-- </div> --\x3e\n        </div>\n        <div class="govuk-grid-column-full">\n            <div  *ngIf="serviceRequestValue === \'false\'">\n            <span class="heading-medium"><br/>Payments</span>\n            <ng-container >\n              <table class="govuk-table">\n              <thead class="govuk-table__head">\n                <tr class="govuk-table__row">\n                    <td class="govuk-table__header col-14" scope="col">Status</td>\n                    <td class="govuk-table__header col-10" scope="col">Amount</td>\n                    <td class="govuk-table__header col-17" scope="col">Date</td>\n                    <td class="govuk-table__header col-24" scope="col">Payment reference</td>\n                    <td class="govuk-table__header col-13" scope="col"></td>\n                    <td class="govuk-table__header" scope="col"></td>\n                  </tr>\n              </thead>\n              <tbody class="govuk-table__body" *ngIf="allPayments?.length > 0">\n                <tr class="govuk-table__row"  *ngFor="let payment of allPayments">\n                    <td class="govuk-table__cell whitespace-inherit">{{ payment.status }}</td>\n                    <td class="govuk-table__cell whitespace-inherit">{{ payment.amount | currency :\'GBP\':\'symbol\':\'1.2-2\' }}</td>\n                    <td class="govuk-table__cell whitespace-inherit">{{ payment.date_created | date:\'dd MMM yyyy\' }}</td>\n                    <td class="govuk-table__cell whitespace-inherit">{{ payment?.reference }}</td>\n                    <td class="govuk-table__cell whitespace-inherit"></td>\n                    <td class="govuk-table__cell whitespace-inherit">\n                        <a href="javascript:void(0)" (click)="goToPayementView(payment.paymentGroupReference, payment.reference, payment.method)">Review</a>\n                      </td>\n                  </tr>\n              </tbody>\n\n              <tbody class="govuk-table__body" *ngIf="allPayments?.length === 0">\n                <td colspan="6">No payments recorded</td>\n              </tbody>\n              </table>\n              <ccpay-app-unprocessed-payments class="govuk-table"\n            *ngIf="isBulkScanEnable && !takePayment"\n            [IS_BUTTON_ENABLE]="takePayment"\n            [LEVEL]="4"\n            [ISTURNOFF]="isTurnOff"\n            [ISSFENABLE]="isStrategicFixEnable"\n            [PAYMENTSLENGTH]="allPayments?.length"\n            [PAYMENTREF]="paymentRef"\n            (getUnprocessedFeeCount) = "getUnprocessedFeeCount($event)"\n            [FEE_RECORDS_EXISTS]="isAnyFeeGroupAvilable"\n            [IS_OS_AMT_AVAILABLE]="isGrpOutstandingAmtPositive"\n            (selectedUnprocessedFeeEvent) = "selectedUnprocessedFeeEvent($event)">\n              </ccpay-app-unprocessed-payments>\n            </ng-container>\n\n          </div>\n        </div>\n        <div class="govuk-grid-column-full" *ngIf="!check4AllowedRoles2AccessPBApayment()">\n            <span class="heading-medium"><br/>Refunds</span>\n            <ccpay-refund-status\n            [ccdCaseNumber]="ccdCaseNumber"\n            [orderParty] ="orderParty"\n             ></ccpay-refund-status>\n        </div>\n\n   </ng-container>\n\n\n<input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'FEEREMOVALCONFIRMATION_2\'>\n\n\x3c!-- Order Full View Details--\x3e\n<ng-container *ngIf="viewStatus === \'order-full-view\'">\n  <ccpay-service-request\n  [viewStatus] = "viewStatus"\n  [orderRef] = "orderRef"\n  [orderStatus] = "orderStatus"\n  [orderCreated] = "orderCreated"\n  [orderParty] = "orderParty"\n  [orderCCDEvent] = "orderCCDEvent"\n  [orderDetail] = "orderDetail"\n  [paymentGroupList] = "paymentGroups"\n  [LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n  [ccdCaseNumber] = "ccdCaseNumber"\n  [orderFeesTotal] = "orderFeesTotal"\n  [orderTotalPayments] = "orderTotalPayments"\n  [orderRemissionTotal] = "orderRemissionTotal"\n  [isServiceRequest] = "serviceRequestValue"\n  (goToServiceRquestComponent) = "goToServiceRequestPage()"\n  ></ccpay-service-request>\n\n</ng-container>\n<ccpay-add-remission *ngIf="viewStatus === \'addremission\' && feeId"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[fee]="feeId"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[paymentGroupRef]="orderRef"\n[isFromServiceRequestPage] = "true"\n[payment] = "payment"\n[ccdCaseNumber]="ccdCaseNumber"></ccpay-add-remission>\n\n<ccpay-add-remission *ngIf="viewStatus === \'issuerefund\' && payment"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[isFromServiceRequestPage] = "true"\n[payment]="payment"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[paymentGroupRef]="orderRef"\n[ccdCaseNumber]="ccdCaseNumber"></ccpay-add-remission>\n<ccpay-add-remission *ngIf="viewStatus === \'addrefundforremission\' && payment"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[payment]="payment"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[feeamount]="remissionFeeAmt"\n[remission] = "remissions"\n[isFromServiceRequestPage]="true"\n[ccdCaseNumber]="ccdCaseNumber"></ccpay-add-remission>\n\n<ng-container *ngIf="viewStatus === \'feeRemovalConfirmation\'">\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      Are you sure you want to delete this fee?\n    </strong>\n  </div>\n  <div class="govuk-button-grb">\n    <form novalidate>\n      <button type="submit" class="button govuk-button--secondary" (click)="cancelRemoval()">\n        Cancel\n      </button>\n      <button type="submit" class="button"\n      [disabled]="isRemoveBtnDisabled"\n      [ngClass]=\'isRemoveBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n      (click)="removeFee(feeId)">\n        Remove\n      </button>\n    </form>\n  </div>\n</ng-container>\n</main>\n</div>\n\x3c!-- </main> --\x3e\n\x3c!-- </div class="govuk-width-container"> --\x3e\n',styles:[".govuk-grid-column-full--gr{position:relative;margin-bottom:10px}.disable{text-decoration:none;cursor:default;color:#fff;background-color:grey;pointer-events:none}.govuk-grid__surplus-payments{margin:20px 0}.govuk-grid__surplus-payments>.govuk-grid-column-full{padding:0}.govuk-grid__surplus-payments-col1{margin-bottom:10px}.govuk-inset-text__no-border{border-left:0}.govuk-hidetext{font-size:22px;padding-bottom:10px}.lowercase{text-transform:lowercase}.channel:first-letter{text-transform:uppercase}.govuk-heading-xl{font-size:48px;margin-bottom:1px}.govuk-section-break--visible{border-bottom:2px solid #000}.totalpayments.govuk-table__row{border-bottom:2px solid #000!important}.govuk-inset-text{margin-left:1em}.govuk-button{font-size:19px;margin-bottom:0!important}.govuk-table__cell.govuk-table__cell--col6.govuk-table__custom--col6,.groupamount.govuk-table__header{text-align:right}.feeclass{padding-left:.7em}.align-center{text-align:center}details summary{display:list-item}.case-transaction__color{color:#a71414;font-weight:700;text-align:center}.capitalize:first-letter{text-transform:uppercase}.govuk-inset-text__no-left-margin{margin-left:0;padding-left:0}.whitespace-inherit{white-space:inherit!important}.govuk-section-records-break{margin:10px;border-bottom:2px solid #000!important}.exisitng-fees{margin-left:12px}.add-telephony-payment{margin-top:-2em;margin-left:-2em}.govuk-table__header--custom{text-align:center}.disable-link{cursor:default;pointer-events:none;color:#8e8c8c}.panel-no--style{border-left-style:none}.col-28{width:28%!important}.col-8{width:8%!important}.col-60{width:60%!important}.col-32{width:32%!important}.col-34{width:34%!important}.col-15{width:15%!important;padding-right:0!important;padding-left:0!important}.col-16{width:16%!important}.col-14{width:14%!important}.col-17{width:17%!important}.col-12{width:12%!important}.col-9{width:9%!important}.col-10{width:10%!important}.col-11{width:11%!important}.col-13{width:13%!important}.col-21{width:21%!important}.col-20{width:20%!important}.col-24{width:24%!important}.govuk-table__cell,.govuk-table__header{padding:10px 10px 10px 0}.col-27{width:27%!important}td{white-space:nowrap;overflow:hidden!important}.col-19{width:19%!important}.col-18,.col-19{padding-left:0!important}.col-18{width:18%!important;padding-right:0!important}.col-37{width:37%!important}.col-55{width:55%!important}.govuk-table{margin-bottom:1px}.hmcts-banner>.hmcts-banner__message{font-size:19px;line-height:1.25}.summary-table-font{font-size:36px}.order-class{padding-top:3em}.govuk-table__header:last-child{text-align:right}.govuk-table__cell:last-child{text-align:right}.govuk-grid-column-two-thirds{width:64%!important;padding:0!important}.govuk-heading-l{font-size:36px;margin-bottom:10px}.govuk-heading-lw{width:70%}.paymentrequest{margin-top:1em}.mar-17{margin-left:17px}.col-61{width:61px!important;padding:0!important}.error{width:960px;margin:auto}.summarypage{padding-left:36em;margin-top:2em}.summarypagealign{width:100%;text-align:right;margin-top:2em}.govuk-inset-text{font-size:2.1875rem}table{table-layout:fixed;width:100%}td,th{word-wrap:break-word}.totalPay{padding-right:14px;float:right;margin-top:2em}.govuk-back-link{font-size:1.5rem!important}.totalfees{float:right;margin-top:2em}.refundBtn{text-align:right;width:18%}.col-25{width:25%!important}.of-visible{overflow:visible!important}.col-51{width:51%!important}.alignright{text-align:right}.alignleft{text-align:left}.alignself{align-self:flex-end}.maxwidth{width:100%}.govuk-padding-btm{padding-bottom:50px}.govuk-margin-btm-20px{margin-bottom:20px}"]}]}],W.ctorParameters=function(){return[{type:l.Router},{type:T},{type:J},{type:$},{type:S},{type:w}]},W.propDecorators={LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],isTakePayment:[{type:t.Input}],isFromServiceRequestPage:[{type:t.Input}]};var K=function(e,t,n){this.currency="GBP",this.description="PayBubble payment",this.channel="telephony",this.provider="pci pal",this.ccd_case_number=e,this.amount=t.toFixed(2),this.case_type=n},Z=function(e,t,n){this.currency="GBP",this.ccd_case_number=e,this.amount=t.toFixed(2),this.case_type=n},X="bulk-scan-enabling-fe",Q=function(){function e(e,t,n,s,a,o){this.router=e,this.bulkScaningPaymentService=t,this.location=n,this.paymentViewService=s,this.paymentLibComponent=a,this.OrderslistService=o,this.viewStatus="main",this.service="",this.platForm="",this.isBackButtonEnable=!0,this.isFeeAmountZero=!1,this.totalAfterRemission=0,this.isConfirmationBtnDisabled=!1,this.isRemoveBtnDisabled=!1,this.isPaymentExist=!1,this.isRemissionsExist=!1,this.isRemissionsMatch=!1}return e.prototype.ngOnInit=function(){var e=this;this.viewStatus="main",this.caseType=this.paymentLibComponent.CASETYPE,this.bsPaymentDcnNumber=this.paymentLibComponent.bspaymentdcn,this.selectedOption=this.paymentLibComponent.SELECTED_OPTION.toLocaleLowerCase(),this.isStrategicFixEnable=this.paymentLibComponent.ISSFENABLE,this.OrderslistService.setCaseType(this.paymentLibComponent.CASETYPE),this.platForm="Antenna",this.paymentViewService.getBSfeature().subscribe((function(t){var n=JSON.parse(t).filter((function(e){return e.uid===X}));e.paymentLibComponent.ISBSENABLE=!!n[0]&&n[0].enable}),(function(t){e.paymentLibComponent.ISBSENABLE=!1})),this.bsPaymentDcnNumber&&this.getUnassignedPaymentlist(),this.getPaymentGroup()},e.prototype.getUnassignedPaymentlist=function(){var e=this;"dcn"===this.selectedOption?this.bulkScaningPaymentService.getBSPaymentsByDCN(this.paymentLibComponent.DCN_NUMBER).subscribe((function(t){t.data.payments?e.service=t.data.responsible_service_id:e.upPaymentErrorMessage="error"}),(function(t){return e.upPaymentErrorMessage=t})):this.bulkScaningPaymentService.getBSPaymentsByCCD(this.ccdCaseNumber).subscribe((function(t){t.data.payments?e.service=t.data.responsible_service_id:e.upPaymentErrorMessage="error"}),(function(t){return e.upPaymentErrorMessage=t}))},e.prototype.getRemissionByFeeCode=function(e){var t,n;if(this.paymentGroup&&this.paymentGroup.remissions&&this.paymentGroup.remissions.length>0)try{for(var s=A(this.paymentGroup.remissions),a=s.next();!a.done;a=s.next()){var o=a.value;if(o.fee_code===e)return o}}catch(e){t={error:e}}finally{try{a&&!a.done&&(n=s.return)&&n.call(s)}finally{if(t)throw t.error}}return null},e.prototype.addRemission=function(e){this.currentFee=e,this.viewStatus="add_remission"},e.prototype.getPaymentGroup=function(){var e=this,t=[];this.paymentViewService.getPaymentGroupDetails(this.paymentGroupRef).subscribe((function(n){e.paymentGroup=n,e.isPaymentExist=!!n.payments&&n.payments.length>0,e.isRemissionsExist=!!n.remissions&&n.remissions.length>0,n.fees&&(n.fees.forEach((function(s){e.totalAfterRemission=e.totalAfterRemission+s.net_amount,0===s.calculated_amount&&(e.isFeeAmountZero=!0),n.remissions?(e.isRemissionsMatch=!1,n.remissions.forEach((function(n){n.fee_code===s.code&&(e.isRemissionsMatch=!0,s.remissions=n,t.push(s))})),e.isRemissionsMatch||t.push(s)):t.push(s)})),n.fees=t),e.outStandingAmount=e.bulkScaningPaymentService.calculateOutStandingAmount(n)}),(function(t){return e.errorMessage=t.replace(/"/g,"")}))},e.prototype.confirmRemoveFee=function(e){this.isRemoveBtnDisabled=!1,this.currentFee=e,this.viewStatus="feeRemovalConfirmation"},e.prototype.removeFee=function(e){var t=this;this.isRemoveBtnDisabled=!0,this.paymentViewService.deleteFeeFromPaymentGroup(e).subscribe((function(e){if(t.paymentGroup.fees&&t.paymentGroup.fees.length>1)return t.totalAfterRemission=0,t.getPaymentGroup(),void(t.viewStatus="main");t.loadCaseTransactionPage()}),(function(e){t.errorMessage=e,t.isRemoveBtnDisabled=!1}))},e.prototype.loadCaseTransactionPage=function(){var e=this;this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.viewName="case-transactions",this.paymentViewService.getBSfeature().subscribe((function(t){var n=JSON.parse(t).filter((function(e){return e.uid===X}));e.paymentLibComponent.ISBSENABLE=!!n[0]&&n[0].enable}),(function(t){e.paymentLibComponent.ISBSENABLE=!1}));var t="selectedOption="+this.paymentLibComponent.SELECTED_OPTION;t+=this.bsPaymentDcnNumber?"&dcn="+this.bsPaymentDcnNumber:"",t+=this.paymentLibComponent.ISBSENABLE?"&isBulkScanning=Enable":"&isBulkScanning=Disable",t+=this.paymentLibComponent.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable",t+=this.paymentLibComponent.ISSFENABLE?"&isStFixEnable=Enable":"&isStFixEnable=Disable",t+="&caseType="+this.paymentLibComponent.CASETYPE;var n="/payment-history/"+this.ccdCaseNumber+"?view=case-transactions&takePayment=true&"+t;this.router.navigateByUrl(n)},e.prototype.cancelRemission=function(){this.viewStatus="main"},e.prototype.redirectToFeeSearchPage=function(e,t){e.preventDefault();var n=this.bsPaymentDcnNumber?"&dcn="+this.bsPaymentDcnNumber:"";if(n+=this.paymentLibComponent.ISBSENABLE?"&isBulkScanning=Enable":"&isBulkScanning=Disable",n+=this.paymentLibComponent.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable",n+=this.paymentLibComponent.ISSFENABLE?"&isStFixEnable=Enable":"&isStFixEnable=Disable",n+="&caseType="+this.paymentLibComponent.CASETYPE,"feeRemovalConfirmation"!==this.viewStatus&&"add_remission"!==this.viewStatus){var s="/fee-search?ccdCaseNumber="+this.ccdCaseNumber+"&selectedOption="+this.paymentLibComponent.SELECTED_OPTION+"&paymentGroupRef="+this.paymentGroupRef+n;this.router.navigateByUrl(s)}else this.viewStatus="main"},e.prototype.takePayment=function(){var e=this;this.isConfirmationBtnDisabled=!0;new K(this.ccdCaseNumber,this.outStandingAmount,this.caseType);var t=new Z(this.ccdCaseNumber,this.outStandingAmount,this.caseType);"Antenna"===this.platForm&&this.paymentViewService.postPaymentAntennaToPayHub(t,this.paymentGroupRef).subscribe((function(t){e.isBackButtonEnable=!1,window.location.href="/makePaymentByTelephoneyProvider"}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1,e.router.navigateByUrl("/pci-pal-failure")}))},e.prototype.goToAllocatePage=function(e,t){e>0||0===e&&t?(this.paymentLibComponent.paymentGroupReference=this.paymentGroupRef,this.paymentLibComponent.viewName="allocate-payments"):this.loadCaseTransactionPage()},e.prototype.isCheckAmountdueExist=function(e){return void 0===e},e}();Q.decorators=[{type:t.Component,args:[{selector:"ccpay-fee-summary",template:'\n<div class="govuk-breadcrumbs" *ngIf="isBackButtonEnable">\n  <ol class="govuk-breadcrumbs__list">\n    <li class="govuk-breadcrumbs__list-item" *ngIf="!isTurnOff">\n      <a (click)="loadCaseTransactionPage()" class="govuk-back-link govuk-label">Back</a>\n    </li>\n    <li class="govuk-breadcrumbs__list-item" *ngIf="isTurnOff">\n        <a (click)="redirectToFeeSearchPage($event,\'summary\')" class="govuk-back-link govuk-label">Back</a>\n      </li>\n  </ol>\n</div>\n<div class="fee-summary" *ngIf="viewStatus === \'main\'">\n    <main class="govuk-main-wrapper">\n      <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'FEESUMMARY\'>\n      <div class="summaryheader">\n          <h1 class="heading-large govuk-!-margin-top-3 govuk-!-margin-bottom-4">Summary </h1>\n          <p class="govuk-!-margin-top-5 caseref">Case reference:{{ccdCaseNumber | ccdHyphens}}</p>\n        </div>\n\n  \x3c!-- <div class="govuk-grid-row">\n    <div class="govuk-grid-column-two-thirds">\n      <h1 class="heading-xlarge">Fee Summary</h1>\n    </div>\n\n\n     <div class="govuk-grid-column-one-third" align="right">\n            <button  *ngIf="!isTurnOff" (click)="redirectToFeeSearchPage($event,\'summary\')"\n            [disabled]="isPaymentExist"\n            [ngClass]=\'isPaymentExist ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'>\n              Add a new fee\n            </button>\n\n            <a *ngIf="isTurnOff" (click)="redirectToFeeSearchPage($event,\'summary\')" class="button">Add a new fee</a>\n    </div>\n  </div> --\x3e\n\n\n  <div *ngIf="errorMessage">\n    <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n      <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n        Payment Group details could not be retrieved\n      </h2>\n      <div class="govuk-error-summary__body">\n        {{ errorMessage }}\n      </div>\n    </div>\n  </div>\n\n  <div class="govuk-!-margin-top-3">\n      <table class="govuk-table  govuk-!-margin-bottom-2" *ngIf="!errorMessage && paymentGroup">\n          <thead class="govuk-table__head">\n              <tr class="govuk-table__row">\n                  <th class="govuk-table__header" scope="col" class="class600">Description</th>\n                  <th class="govuk-table__header" scope="col" class="class60">Quantity</th>\n                  <th class="govuk-table__header" scope="col" class="class80"></th>\n                  <th class="govuk-table__header" scope="col" class="class100">Amount</th>\n              </tr>\n          </thead>\n\n          <tbody class="govuk-table__body" *ngIf="paymentGroup.fees">\n              <tr class="govuk-table__row" *ngFor="let fee of paymentGroup.fees; let i = index;">\n                      <td class="govuk-table__cell">{{ fee.description }}\n\n                          <span class="no-border" *ngIf="(isPaymentExist || (getRemissionByFeeCode(fee.code)?.hwf_amount === 0 || !getRemissionByFeeCode(fee.code)?.hwf_amount)) && !isTurnOff">\n\n\n                              <a (click)="confirmRemoveFee(fee.id)" *ngIf="(!isPaymentExist || !fee.remissions)" [ngClass]=\'isPaymentExist || fee.remissions? "disable-link" : ""\'> <br>Remove</a>\n                          </span>\n\n                          <span class="no-border" *ngIf="(!isPaymentExist || (getRemissionByFeeCode(fee.code)?.hwf_amount === 0 || !getRemissionByFeeCode(fee.code)?.hwf_amount)) && isTurnOff ">\n                              <a (click)="confirmRemoveFee(fee.id)">Remove</a>\n                            </span>\n\n                            <a (click)="addRemission(fee)" class="remissionActive"  *ngIf="(getRemissionByFeeCode(fee.code)?.hwf_amount === 0 || !getRemissionByFeeCode(fee.code)?.hwf_amount) && !isPaymentExist && !isTurnOff">\n                                  Add help with fees or remission\n                            </a>\n                            <a (click)="addRemission(fee)" class="remissionActive"   *ngIf="(getRemissionByFeeCode(fee.code)?.hwf_amount === 0 || !getRemissionByFeeCode(fee.code)?.hwf_amount) && isTurnOff">\n                                  Add help with fees or remission\n                            </a>\n                            <span *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">\n                              <br>\n                                <div class="govuk-table__cell_border" *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">Remission,{{ getRemissionByFeeCode(fee.code)?.hwf_reference }}</div>\n                            </span>\n                      </td>\n\n                      <td class="govuk-table__cell" *ngIf="fee.volume && fee.volume > 0">\n                          {{ fee.volume }}\n                          <span  *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">\n                             <br>\n                             <div class="govuk-table__cell_border">1</div>\n                          </span>\n                      </td>\n\n                      <td  class="govuk-table__cell alignright">\n                       <br>\n                        <div *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0" class="govuk-table__cell_border"> <br><br></div>\n                      </td>\n                      <td class="govuk-table__cell alignright" >\n                        {{ fee.calculated_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n                        <span *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">\n                            <br>\n                            <div class="govuk-table__cell_rmborder alignright">\n                                -{{ getRemissionByFeeCode(fee.code)?.hwf_amount? ( getRemissionByFeeCode(fee.code)?.hwf_amount  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\') : \'-\' }}\n                              </div>\n                            </span>\n                      </td>\n\n\n              </tr>\n              \x3c!-- <tr>\n                  <td *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">\n                      <br>\n                        <div class="govuk-table__cell_border" *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount > 0">Remission,{{ getRemissionByFeeCode(fee.code)?.hwf_reference }}</div>\n                    </td>\n                    <td *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount ===\'\'">\n                        <div class="govuk-table__cell_border"></div>\n                    </td>\n                    <td *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount === \'\'">\n                        <br>\n                          <div class="govuk-table__cell_border" *ngIf = "getRemissionByFeeCode(fee.code)?.hwf_amount === \'\'"></div>\n                      </td>\n                      <td>\n                          <br>\n                            <div class="govuk-table__cell_border" style="text-align: right;">\n                                -{{ getRemissionByFeeCode(fee.code)?.hwf_amount? ( getRemissionByFeeCode(fee.code)?.hwf_amount  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\') : \'-\' }}\n                              </div>\n                        </td>\n              </tr> --\x3e\n          </tbody>\n      </table>\n  </div>\n  <div class="addfee">\n      <button  *ngIf="!isTurnOff" (click)="redirectToFeeSearchPage($event,\'summary\')"\n              [disabled]="isPaymentExist"\n              [ngClass]=\'isPaymentExist ? "govuk-button govuk-button--secondary button--disabled" : "govuk-button govuk-button--secondary"\'>\n                Add fee\n      </button>\n    <a *ngIf="isTurnOff" (click)="redirectToFeeSearchPage($event,\'summary\')" class="govuk-button govuk-button--secondary">Add a new fee</a>\n   <div  class="feeAddButton">\n          <p class="paddigleft govuk-!-margin-top-2">Total to pay: {{ outStandingAmount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</p>\n    </div>\n  </div>\n\x3c!--\n  <div class="govuk-form-group govuk-form-group--mg" *ngIf="!bsPaymentDcnNumber">\n      <label class="govuk-label custom-govuk-label govuk-fieldset__heading--fz" for="responsibleOffice">\n        <strong>What service is this fee for?</strong>\n      </label>\n      <select class="govuk-select govuk-select--custom" id="responsibleOffice" [(ngModel)]="service" name="responsibleOffice">\n        <option value="" selected=\'selected\'>Please select</option>\n        <option value="AA07">Divorce</option>\n        <option value="AA09">Financial Remedy</option>\n        <option value="AA08">Probate</option>\n      </select>\n  </div> --\x3e\n\n  <div>\n      <button *ngIf="!bsPaymentDcnNumber" type="submit" (click)="takePayment()"\n      [disabled]="totalFee <= 0 || isConfirmationBtnDisabled"\n      [ngClass]=\'totalFee <= 0 || !platForm || !service || isConfirmationBtnDisabled? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'>\n        Take payment\n    </button>\n    <button *ngIf="bsPaymentDcnNumber" type="button" (click)="goToAllocatePage(outStandingAmount, isFeeAmountZero)" class="button govuk-!-margin-right-1">\n      <span *ngIf="outStandingAmount > 0 || (isFeeAmountZero && outStandingAmount === 0)">\n        Allocate payment\n      </span>\n      <span *ngIf="outStandingAmount < 0 || (!isFeeAmountZero && outStandingAmount === 0)">\n        Continue\n      </span>\n    </button>\n  </div>\n\n</main>\n</div>\n\n  <ng-container *ngIf="viewStatus === \'feeRemovalConfirmation\'">\n    <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'FEEREMOVALCONFIRMATION_1\'>\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          Are you sure you want to delete this fee?\n        </strong>\n      </div>\n      <div class="govuk-button-grb">\n        <form novalidate>\n          <button type="submit" class="button govuk-button--secondary" (click)="cancelRemission()">\n            Cancel\n          </button>\n          <button type="submit" class="button"\n          *ngIf ="!isRemoveBtnDisabled"\n          [ngClass]=\'isRemoveBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n          (click)="removeFee(currentFee)">\n            Remove\n          </button>\n        </form>\n      </div>\n    </ng-container>\n<ccpay-add-remission *ngIf="viewStatus === \'add_remission\' && currentFee"\n [isTurnOff]="isTurnOff"\n [isStrategicFixEnable]="isStrategicFixEnable"\n [fee]="currentFee"\n [caseType]="caseType"\n [ccdCaseNumber]="ccdCaseNumber"\n [paymentGroupRef]="paymentGroupRef"\n (cancelRemission)="cancelRemission()"></ccpay-add-remission>\n <input *ngIf="viewStatus === \'payhub_view\' && payhubHtml" #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'PCIPAL\'>\n',styles:[".fee-summary .grey-text{color:#6b7376;font-weight:500}.fee-summary .govuk-table{margin-bottom:0}.fee-summary .no-border{border:none}.fee-summary table td,.fee-summary table th{font-size:19px;vertical-align:top}.fee-summary table td .no-padding,.fee-summary table th .no-padding{padding:0}.fee-summary table td .subcolumn-1,.fee-summary table th .subcolumn-1{width:45%}.fee-summary table td .subcolumn-2,.fee-summary table th .subcolumn-2{width:25%;text-align:right}.fee-summary table td .subcolumn-3,.fee-summary table th .subcolumn-3{width:30%;text-align:center}table th{font-weight:700}.govuk-button-grb{padding-bottom:20px}.govuk-button-grb .govuk-button--secondary{background-color:#dee0e2;box-shadow:0 2px 0 #858688;color:#0b0c0c;margin-right:10px}.govuk-form-group--mg{margin-top:10px!important}.govuk-fieldset__heading--fz{font-size:16px}.remissionDisable{color:grey;cursor:default}.heading-xlarge{margin:0 0 14px -20px}.govuk-select--custom{width:50%}.disable-link{cursor:default;pointer-events:none;color:#8e8c8c}.govuk-table__cell_border,.govuk-table__header{padding:10px 0 0;border-top:1px solid #bfc1c3;text-align:left}.govuk-table__cell,.govuk-table__header{padding:10px 0}.govuk-table__cell_rmborder,.govuk-table__header{padding:10px 0 0;border-top:1px solid #bfc1c3;text-align:left}.govuk-table__fessheader{font-weight:700}.govuk-button{font-size:19px}.feeAddButton{padding-left:65rem}.remissionActive{padding-left:10px}.paddigleft{padding-left:2em}.govuk-back-link{font-size:1.5rem!important}.govuk-warning-text__text{font-size:19px}.summaryheader{display:flex;flex-direction:row;justify-content:space-between;width:960px}.class600{width:600px}.class60{width:60px}.class80{width:80px;text-align:right}.class100{width:100px}.alignright,.class100{text-align:right}.caseref{align-self:flex-end}.addfee{display:flex;flex-direction:row}"]}]}],Q.ctorParameters=function(){return[{type:l.Router},{type:J},{type:a.Location},{type:T},{type:S},{type:w}]},Q.propDecorators={paymentGroupRef:[{type:t.Input}],ccdCaseNumber:[{type:t.Input}],isTurnOff:[{type:t.Input}],caseType:[{type:t.Input}]};var ee=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();ee.decorators=[{type:t.Component,args:[{selector:"ccpay-error-banner",template:'<div class="govuk-error-summary" aria-labelledby="error-summary-title" role="alert" tabindex="-1" data-module="govuk-error-summary">\n  <h2 class="govuk-error-summary__title govuk-error-summary__title-custom" id="error-summary-title">\n      {{errorMessage.title}}\n  </h2>\n  <div class="govuk-error-summary__body">\n    <ul class="govuk-list govuk-error-summary__list">\n      <li>\n          {{errorMessage.body}}\n      </li>\n    </ul>\n  </div>\n</div>',styles:[".govuk-error-summary h2{font-size:24px}.govuk-error-summary__list li{font-size:19px}"]}]}],ee.ctorParameters=function(){return[]},ee.propDecorators={errorMessage:[{type:t.Input,args:["errorMessage"]}]};var te=function(e,t,n){this.payment_allocation_status={description:"",name:"Unidentified"},this.payment_group_reference=e,this.payment_reference=t,this.unidentified_reason=n},ne=function(e,t,n,s,a){this.amount=t.amount,this.banked_date=t.date_banked,this.ccd_case_number=e,this.exception_record=s,this.currency=t.currency,this.document_control_number=t.dcn_reference,this.external_provider="exela",this.giro_slip_no=t.bgc_reference,this.payer_name=t.payer_name,this.payment_channel={description:"",name:"bulk scan"},this.payment_status={description:"bulk scan payment completed",name:"success"},this.payment_method=t.payment_method,this.case_type=n,a&&(this.payment_allocation_dto=a)},se=function(){function e(e,t,n,s){this.formBuilder=e,this.paymentViewService=t,this.paymentLibComponent=n,this.bulkScaningPaymentService=s,this.isInvesticationDetailEmpty=!1,this.investicationDetailHasError=!1,this.investicationDetailMinHasError=!1,this.investicationDetailMaxHasError=!1,this.errorMessage=this.getErrorMessage(!1),this.siteID=null,this.isConfirmButtondisabled=!1,this.ccdReference=null,this.exceptionReference=null,this.isStrategicFixEnable=!0}return e.prototype.ngOnInit=function(){this.viewStatus="mainForm",this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.bspaymentdcn=this.paymentLibComponent.bspaymentdcn,this.isStrategicFixEnable=this.paymentLibComponent.ISSFENABLE,this.getUnassignedPayment(),this.markPaymentUnidentifiedForm=this.formBuilder.group({investicationDetail:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.minLength(3),r.Validators.maxLength(255),r.Validators.pattern("^([a-zA-Z0-9\\s,\\.]*)$")]))})},e.prototype.getUnassignedPayment=function(){var e=this;this.bulkScaningPaymentService.getBSPaymentsByDCN(this.bspaymentdcn).subscribe((function(t){e.errorMessage=e.getErrorMessage(!1),e.unassignedRecord=t.data.payments.filter((function(t){return t&&t.dcn_reference==e.bspaymentdcn}))[0],e.siteID=t.data.responsible_service_id;var n=t.data.ccd_reference,s=t.data.exception_record_reference,a=n&&n===e.ccdCaseNumber?null:e.ccdCaseNumber;e.ccdReference=n||null,e.exceptionReference=s||a}),(function(t){e.errorMessage=e.getErrorMessage(!0)}))},e.prototype.trimUnderscore=function(e){return this.bulkScaningPaymentService.removeUnwantedString(e," ")},e.prototype.saveAndContinue=function(){this.resetForm([!1,!1,!1,!1]);var e=this.markPaymentUnidentifiedForm.controls.investicationDetail,t=e.errors;this.markPaymentUnidentifiedForm.dirty&&this.markPaymentUnidentifiedForm.valid?(this.investigationComment=this.markPaymentUnidentifiedForm.controls.investicationDetail.value,this.viewStatus="unidentifiedContinueConfirm"):(""==e.value&&this.resetForm([!0,!1,!1,!1]),""!=e.value&&e.invalid&&this.resetForm([!1,!0,!1,!1]),t&&t.minlength&&t.minlength.actualLength<3&&this.resetForm([!1,!1,!0,!1]),t&&t.maxlength&&t.maxlength.actualLength>255&&this.resetForm([!1,!1,!1,!0]))},e.prototype.resetForm=function(e){this.isInvesticationDetailEmpty=e[0],this.investicationDetailHasError=e[1],this.investicationDetailMinHasError=e[2],this.investicationDetailMaxHasError=e[3]},e.prototype.confirmPayments=function(){var e=this;this.isConfirmButtondisabled=!0;var t=this.markPaymentUnidentifiedForm.get("investicationDetail").value;if(this.isStrategicFixEnable)this.bulkScaningPaymentService.patchBSChangeStatus(this.unassignedRecord.dcn_reference,"PROCESSED").subscribe((function(n){e.errorMessage=e.getErrorMessage(!1);var s=new ne(e.ccdReference,e.unassignedRecord,e.siteID,e.exceptionReference);e.paymentViewService.postBSPayments(s).subscribe((function(n){e.errorMessage=e.getErrorMessage(!1);var s=JSON.parse(n),a=new te(s.data.payment_group_reference,s.data.reference,t);s.success&&e.paymentViewService.postBSUnidentifiedPayments(a).subscribe((function(t){e.errorMessage=e.getErrorMessage(!1),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unassignedRecord.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unassignedRecord.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}),(function(t){e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}));else{var n={allocation_status:"Unidentified",payment_allocation_status:{description:"",name:"Unidentified"},unidentified_reason:t,user_id:this.caseType},s=new ne(this.ccdReference,this.unassignedRecord,this.caseType,this.exceptionReference,n);this.bulkScaningPaymentService.postBSWoPGStrategic(s).subscribe((function(t){e.errorMessage=e.getErrorMessage(!1),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}},e.prototype.cancelMarkUnidentifiedPayments=function(e){e&&"cancel"===e?""!==this.markPaymentUnidentifiedForm.get("investicationDetail").value?this.viewStatus="unidentifiedCancelConfirm":this.gotoCasetransationPage():this.viewStatus="mainForm"},e.prototype.gotoCasetransationPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.ISBSENABLE=!0},e.prototype.getErrorMessage=function(e){return{title:"There is a problem with the service",body:"Try again later",showError:e}},e}();se.decorators=[{type:t.Component,args:[{selector:"app-mark-unidentified-payment",template:'<div class="mkpay-unidentified" >\n  <div *ngIf="viewStatus === \'mainForm\'">\n    <input #myInput  type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'MARKUNIDENTIFIED\'>\n    <h1 class="heading-large">Mark payment as unidentified</h1>\n\n    <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n      <hr class="govuk-section-break govuk-section-break--visible">\n      <table class="govuk-table">\n        <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__header" scope="col">Payment asset number (DCN)</td>\n            <td class="govuk-table__header" scope="col">Banked date</td>\n            <td class="govuk-table__header" scope="col">Amount</td>\n            <td class="govuk-table__header" scope="col">Method</td>\n           \n        </tr>\n      </thead>\n      <tbody class="govuk-table__body">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell">{{unassignedRecord.dcn_reference}}</td>\n            <td class="govuk-table__cell"> {{unassignedRecord.date_banked | date:\'dd MMM yyyy\'}}</td>\n            <td class="govuk-table__cell"> {{unassignedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n            <td class="capitalize govuk-table__cell"> {{trimUnderscore(unassignedRecord.payment_method) | lowercase}}  </td>\n        </tr>\n      </tbody>\n    </table>\n    </div>\n    <form [formGroup]="markPaymentUnidentifiedForm" novalidate>\n      <div class="govuk-form-group">\n        <p class="unidentifiedSubText">\n          Give a reason for marking this payment as unidentified.\n          <br/>\n          Include any investigations you\'ve made.\n        </p>\n        <label class="heading-small" for="investicationDetail">\n\n        </label>\n        <textarea class="form-control form-control-3-4" [ngClass]="{\'inline-error-class\': isInvesticationDetailEmpty || investicationDetailHasError || investicationDetailMinHasError || investicationDetailMaxHasError}" name="investicationDetail" id="investicationDetail" rows="5" formControlName="investicationDetail">\n        </textarea>\n        <p class="inline-error-message" *ngIf="isInvesticationDetailEmpty || investicationDetailHasError || investicationDetailMinHasError || investicationDetailMaxHasError">\n          <span *ngIf="isInvesticationDetailEmpty">Enter a reason for marking this payment as unidentified.</span>\n          <span *ngIf="investicationDetailHasError">Enter a vaild reason</span>\n          <span *ngIf="investicationDetailMinHasError">Reason should be at least 3 characters.</span>\n          <span *ngIf="investicationDetailMaxHasError">Reason should be 255 characters or under.</span>\n        </p>\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" class="button" (click)="saveAndContinue()">\n          Continue\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnidentifiedPayments(\'cancel\')">\n          Cancel\n        </button>\n      </div>\n    </form>\n  </div>\n   <ng-container *ngIf="viewStatus === \'unidentifiedContinueConfirm\'">\n      <ccpay-error-banner *ngIf="errorMessage.showError" [errorMessage]="errorMessage"></ccpay-error-banner>\n      <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'UNIDENTIFIEDCONFIRMATION\'>\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        <h1 class="heading-small"> Are you sure you want to mark this payment as unidentified? </h1>\n         \n        </strong>\n\n        <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n          <hr class="govuk-section-break govuk-section-break--visible">\n          <table class="govuk-table">\n            <thead class="govuk-table__head">\n            <tr class="govuk-table__row">\n              <td class="govuk-table__header" scope="col">Investigations</td>\n            </tr>\n            </thead>\n            <tbody class="govuk-table__body">\n            <tr class="govuk-table__row">\n            <td class="govuk-table__cell">{{investigationComment}}</td>\n            </tr>\n            </tbody>\n          </table>\n        </div>\n\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" class="button" [disabled]="isConfirmButtondisabled" (click)="confirmPayments()">\n          Confirm\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnidentifiedPayments()">\n          Cancel\n        </button>\n      </div>\n    </ng-container>\n      <ng-container *ngIf="viewStatus === \'unidentifiedCancelConfirm\'">\n        <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'CANCELUNIDENTIFIED\'>\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          Are you sure you want to cancel?\n        </strong>\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" class="button" (click)="gotoCasetransationPage()">\n          Yes\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnidentifiedPayments()">\n          No\n        </button>\n      </div>\n    </ng-container>\n</div>\n',styles:[".mkpay-unidentified{margin:10px 0 20px}.mkpay-unidentified .govuk-button--group .govuk-button--secondary{margin-left:10px;background-color:rgba(179,184,189,.9490196078431372)}.mkpay-unidentified .inline-error-class{outline:3px solid #a71414;outline-offset:0}.mkpay-unidentified .inline-error-message{color:#a71414;font-weight:700;margin-top:10px}.govuk-grid-column-full{padding:0}.unidentifiedSubText{line-height:45px}.govuk-warning-text__text{font-size:19px}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}"]}]}],se.ctorParameters=function(){return[{type:r.FormBuilder},{type:T},{type:S},{type:J}]},se.propDecorators={caseType:[{type:t.Input}]};var ae=function(e,t,n,s,a,o){this.payment_allocation_status={description:"",name:"Transferred"},this.payment_group_reference=e,this.payment_reference=t,this.unidentified_reason=n,this.receiving_office=s,this.receiving_email_address=o,this.sending_email_address=a},oe=function(){function e(e,t,n,s){this.formBuilder=e,this.paymentViewService=t,this.paymentLibComponent=n,this.bulkScaningPaymentService=s,this.reasonHasError=!1,this.isReasonEmpty=!1,this.reasonMinHasError=!1,this.reasonMaxHasError=!1,this.responsibleOfficeHasError=!1,this.isResponsibleOfficeEmpty=!1,this.errorMessage=this.getErrorMessage(!1),this.siteID=null,this.isConfirmButtondisabled=!1,this.isContinueButtondisabled=!1,this.ccdReference=null,this.exceptionReference=null,this.isStrategicFixEnable=!0}return e.prototype.ngOnInit=function(){var e=this;this.resetForm([!1,!1,!1,!1,!1,!1],"all"),this.viewStatus="mainForm",this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.bspaymentdcn=this.paymentLibComponent.bspaymentdcn,this.isStrategicFixEnable=this.paymentLibComponent.ISSFENABLE,this.getUnassignedPayment(),this.paymentViewService.getSiteID().subscribe((function(t){e.isContinueButtondisabled=!1,e.errorMessage=e.getErrorMessage(!1),e.siteIDList=JSON.parse(t)}),(function(t){window.scrollTo(0,0),e.isContinueButtondisabled=!0,e.errorMessage=e.getErrorMessage(!0)})),this.markPaymentUnsolicitedForm=this.formBuilder.group({reason:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.minLength(3),r.Validators.maxLength(255),r.Validators.pattern("^([a-zA-Z0-9\\s,\\.]*)$")])),responsibleOffice:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^([a-zA-Z0-9\\s\\n,\\.-:]*)$")])),responsiblePerson:new r.FormControl(""),emailId:new r.FormControl("")})},e.prototype.trimUnderscore=function(e){return this.bulkScaningPaymentService.removeUnwantedString(e," ")},e.prototype.confirmPayments=function(){var e=this;this.isConfirmButtondisabled=!0;var t=this.markPaymentUnsolicitedForm.controls;if(this.isStrategicFixEnable)this.bulkScaningPaymentService.patchBSChangeStatus(this.unassignedRecord.dcn_reference,"PROCESSED").subscribe((function(n){e.errorMessage=e.getErrorMessage(!1);JSON.parse(n);var s=new ne(e.ccdReference,e.unassignedRecord,e.siteID,e.exceptionReference);e.paymentViewService.postBSPayments(s).subscribe((function(n){e.errorMessage=e.getErrorMessage(!1);var s=JSON.parse(n),a=new ae(s.data.payment_group_reference,s.data.reference,t.reason.value,e.selectedSiteId,t.responsiblePerson.value,t.emailId.value);s.success&&e.paymentViewService.postBSUnsolicitedPayments(a).subscribe((function(t){e.errorMessage=e.getErrorMessage(!1),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unassignedRecord.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unassignedRecord.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}),(function(t){e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}));else{var n={allocation_status:"Transferred",payment_allocation_status:{description:"",name:"Transferred"},unidentified_reason:t.reason.value,receiving_office:this.selectedSiteId,user_id:this.caseType},s=new ne(this.ccdReference,this.unassignedRecord,this.caseType,this.exceptionReference,n);this.bulkScaningPaymentService.postBSWoPGStrategic(s).subscribe((function(t){e.errorMessage=e.getErrorMessage(!1),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.errorMessage=e.getErrorMessage(!0),e.isConfirmButtondisabled=!1}))}},e.prototype.saveAndContinue=function(){this.resetForm([!1,!1,!1,!1,!1,!1],"all");var e=this.markPaymentUnsolicitedForm.controls.reason.errors,t=this.markPaymentUnsolicitedForm.controls.reason,n=this.markPaymentUnsolicitedForm.controls.responsibleOffice;if(this.markPaymentUnsolicitedForm.dirty&&this.markPaymentUnsolicitedForm.valid){var s=this.markPaymentUnsolicitedForm.controls;this.emailId=s.emailId.value,this.responsibleOffice=n.value,this.responsiblePerson=s.responsiblePerson.value,this.reason=s.reason.value,this.viewStatus="unsolicitedContinueConfirm"}else""==t.value&&this.resetForm([!0,!1,!1,!1,!1,!1],"reason"),""!=t.value&&this.markPaymentUnsolicitedForm.controls.reason.invalid&&this.resetForm([!1,!0,!1,!1,!1,!1],"reason"),e&&e.minlength&&e.minlength.actualLength<3&&this.resetForm([!1,!1,!0,!1,!1,!1],"reason"),e&&e.maxlength&&e.maxlength.actualLength>255&&this.resetForm([!1,!1,!1,!0,!1,!1],"reason"),""==n.value&&this.resetForm([!1,!1,!1,!1,!0,!1],"responsibleOffice"),""!=n.value&&n.invalid&&this.resetForm([!1,!1,!1,!1,!1,!0],"responsibleOffice")},e.prototype.resetForm=function(e,t){"reason"!==t&&"all"!==t||(this.isReasonEmpty=e[0],this.reasonHasError=e[1],this.reasonMinHasError=e[2],this.reasonMaxHasError=e[3]),"responsibleOffice"!==t&&"all"!==t||(this.isResponsibleOfficeEmpty=e[4],this.responsibleOfficeHasError=e[5])},e.prototype.cancelMarkUnsolicitedPayments=function(e){e&&"cancel"===e?this.checkingFormValue()?this.viewStatus="unsolicitedCancelConfirm":this.gotoCasetransationPage():(this.markPaymentUnsolicitedForm.controls.responsibleOffice.setValue(""),this.viewStatus="mainForm")},e.prototype.checkingFormValue=function(){var e=this.markPaymentUnsolicitedForm.value,t=!1;for(var n in e)if(e.hasOwnProperty(n)&&""!==e[n]){t=!0;break}return t},e.prototype.gotoCasetransationPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.ISBSENABLE=!0},e.prototype.getUnassignedPayment=function(){var e=this;this.bulkScaningPaymentService.getBSPaymentsByDCN(this.bspaymentdcn).subscribe((function(t){e.unassignedRecord=t.data.payments.filter((function(t){return t&&t.dcn_reference==e.bspaymentdcn}))[0],e.siteID=t.data.responsible_service_id;var n=t.data.ccd_reference,s=t.data.exception_record_reference,a=n&&n===e.ccdCaseNumber?null:e.ccdCaseNumber;e.ccdReference=n||null,e.exceptionReference=s||a}),(function(t){e.errorMessage=e.getErrorMessage(!0)}))},e.prototype.getErrorMessage=function(e){return{title:"Something went wrong.",body:"Please try again later.",showError:e}},e.prototype.selectchange=function(e){this.selectedSiteId=e.target.value,this.selectedSiteName=e.target.options[e.target.selectedIndex].text},e}();oe.decorators=[{type:t.Component,args:[{selector:"app-mark-unsolicited-payment",template:'<div class="mkpay-unidentified">\n  <div *ngIf="viewStatus === \'mainForm\'">\n  <ccpay-error-banner *ngIf="errorMessage.showError" [errorMessage]="errorMessage"></ccpay-error-banner>\n  <h1 class="heading-large">Mark payment as transferred</h1>\n  <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n    <hr class="govuk-section-break govuk-section-break--visible">\n    <table class="govuk-table">\n      <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__header" scope="col">Payment asset number (DCN)</td>\n            <td class="govuk-table__header" scope="col">Banked date</td>\n            <td class="govuk-table__header" scope="col">Amount</td>\n            <td class="govuk-table__header" scope="col">Method</td>\n        </tr>\n      </thead>\n      <tbody class="govuk-table__body">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell">{{unassignedRecord.dcn_reference}}</td>\n            <td class="govuk-table__cell"> {{unassignedRecord.date_banked | date:\'dd MMM yyyy\'}}</td>\n            <td class="govuk-table__cell"> {{unassignedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n            <td class="capitalize govuk-table__cell"> {{trimUnderscore(unassignedRecord.payment_method) | lowercase}}  </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  \n  <form [formGroup]="markPaymentUnsolicitedForm" novalidate>\n    <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'MARKTRANSFERRED\'>\n    <div class="govuk-form-group">\n      <label class="govuk-label custom-govuk-label custom-govuk-label" for="reason">\n        Reason for payment being marked as transferred   \n      </label>\n        <textarea class="form-control form-control-3-4" [ngClass]="{\'inline-error-class\': reasonHasError || reasonMinHasError || reasonMaxHasError}" name="reason" id="reason" rows="5" formControlName="reason">\n        </textarea>\n        <p class="inline-error-message" *ngIf="isReasonEmpty || reasonHasError || reasonMinHasError || reasonMaxHasError">\n          <span *ngIf="isReasonEmpty">Enter a reason for marking this payment as transferred.</span>\n          <span *ngIf="reasonHasError">Enter a valid reason</span>\n          <span *ngIf="reasonMinHasError">Reason should be at least 3 characters.</span>\n          <span *ngIf="reasonMaxHasError">Reason should be 255 characters or under.</span>\n        </p>\n    </div>\n    <div class="govuk-form-group">\n      <label class="govuk-label custom-govuk-label" for="responsibleOffice">\n        Receiving Site ID (Receiving court/Bulk centre site ID)    \n      </label>\n      <select class="form-control short-input" id="responsibleOffice" formControlName="responsibleOffice" (change)="selectchange($event)">\n        <option value="" selected=\'selected\'>Please select</option>\n        <option  *ngFor="let siteID of siteIDList;" value="{{siteID.siteId}}">{{siteID.siteName}} ({{siteID.siteId}})</option>\n      </select>\n      <p class="inline-error-message" *ngIf="isResponsibleOfficeEmpty || responsibleOfficeHasError">\n        <span *ngIf="isResponsibleOfficeEmpty">Please select Receiving Site ID</span>\n        <span *ngIf="responsibleOfficeHasError">Please select a valid Receiving Site ID</span>\n      </p>\n    </div>\n   <div class="govuk-button--group">\n      <button type="submit" [disabled]="isContinueButtondisabled" class="button" (click)="saveAndContinue()">\n        Confirm\n      </button>\n      <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnsolicitedPayments(\'cancel\')">\n        Cancel\n      </button>\n    </div>\n  </form>\n  \n</div>\n       <ng-container *ngIf="viewStatus === \'unsolicitedContinueConfirm\'">\n          <ccpay-error-banner *ngIf="errorMessage.showError" [errorMessage]="errorMessage"></ccpay-error-banner>\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        <h1 class="heading-small"> Are you sure you want to mark this payment as transferred? </h1>\n        </strong>\n        <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'TRANSFERREDCONFIRMATION\'>\n        <div class="govuk-grid-column-full govuk-!-padding-bottom-3">\n          <hr class="govuk-section-break govuk-section-break--visible">\n          <table class="govuk-table">\n            <thead class="govuk-table__head">\n            <tr class="govuk-table__row">\n              <td class="govuk-table__header" scope="col">Reason</td>\n              <td class="govuk-table__header" scope="col">Receiving site ID</td>\n            </tr>\n            </thead>\n            <tbody class="govuk-table__body">\n            <tr class="govuk-table__row">\n            <td class="govuk-table__cell">{{reason}}</td>\n            <td class="govuk-table__cell">{{selectedSiteName}}</td>\n            </tr>\n            </tbody>\n          </table>\n        </div>\n\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" class="button" [disabled]="isConfirmButtondisabled" (click)="confirmPayments()">\n          Confirm\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnsolicitedPayments()">\n          Cancel\n        </button>\n      </div>\n    </ng-container>\n      <ng-container *ngIf="viewStatus === \'unsolicitedCancelConfirm\'">\n        <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'CANCELTRANSFERRED\'>\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          Are you sure you want to cancel?\n        </strong>\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" class="button" (click)="gotoCasetransationPage()">\n          Yes\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelMarkUnsolicitedPayments()">\n          No\n        </button>\n      </div>\n    </ng-container>\n</div>',styles:[".mkpay-unidentified{margin:10px 0 20px}.mkpay-unidentified .govuk-button--secondary{margin-left:10px;background-color:rgba(179,184,189,.9490196078431372)}.mkpay-unidentified .inline-error-class{outline:3px solid #a71414;outline-offset:0}.mkpay-unidentified .inline-error-message{color:#a71414;font-weight:700;margin-top:10px}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.custom-govuk-label,.govuk-warning-text__text{font-size:19px}#responsibleOffice{color:#000;width:75%;font-weight:white}select option{background:#fff}"]}]}],oe.ctorParameters=function(){return[{type:r.FormBuilder},{type:T},{type:S},{type:J}]},oe.propDecorators={caseType:[{type:t.Input}]};var ie=function(){function e(e,n,s,a,o){this.router=e,this.bulkScaningPaymentService=n,this.paymentLibComponent=s,this.paymentViewService=a,this.OrderslistService=o,this.selectedUnprocessedFeeEvent=new t.EventEmitter,this.getUnprocessedFeeCount=new t.EventEmitter,this.viewStatus="main",this.upPaymentErrorMessage=null,this.recordId=null,this.isRecordExist=!1,this.dcnNumber=null,this.isUnprocessedRecordSelected=!0,this.isAllocateToExistingFeebtnEnabled=!1,this.isMarkAsUnidentifiedbtnEnabled=!1,this.isAllocatedToNewFeebtnEnabled=!1,this.isExceptionCase=!1,this.serviceId=null,this.isTurnOff=!0,this.unassignedRecordListLength=0}return e.prototype.ngOnInit=function(){var e=this;this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.selectedOption=this.paymentLibComponent.SELECTED_OPTION.toLocaleLowerCase(),this.dcnNumber=this.paymentLibComponent.DCN_NUMBER,this.isBulkScanEnable=this.paymentLibComponent.ISBSENABLE,this.isTurnOff=this.paymentLibComponent.ISTURNOFF,this.isStFixEnable=this.paymentLibComponent.ISSFENABLE,this.OrderslistService.getFeeExists().subscribe((function(t){return e.FEE_RECORDS_EXISTS=t})),this.getUnassignedPaymentlist()},e.prototype.getUnassignedPaymentlist=function(){var e=this;"dcn"===this.selectedOption?this.bulkScaningPaymentService.getBSPaymentsByDCN(this.dcnNumber).subscribe((function(t){t.data&&t.data.payments?e.setValuesForUnassignedRecord(t.data):t.payments?e.setValuesForUnassignedRecord(t):(e.upPaymentErrorMessage="error",e.getUnprocessedFeeCount.emit("0"))}),(function(t){e.upPaymentErrorMessage=t,e.getUnprocessedFeeCount.emit("0")})):this.bulkScaningPaymentService.getBSPaymentsByCCD(this.ccdCaseNumber).subscribe((function(t){t.data&&t.data.payments?e.setValuesForUnassignedRecord(t.data):t.payments?e.setValuesForUnassignedRecord(t):(e.upPaymentErrorMessage="error",e.getUnprocessedFeeCount.emit("0"))}),(function(t){e.upPaymentErrorMessage=t,e.getUnprocessedFeeCount.emit("0")}))},e.prototype.setValuesForUnassignedRecord=function(e){this.unassignedRecordList=e.payments,this.unassignedRecordList&&(this.unassignedRecordListLength=e.payments.length),this.serviceId=e.responsible_service_id,void 0===e.ccd_reference&&(this.isExceptionCase=!0),this.getUnprocessedFeeCount.emit(this.unassignedRecordList.length),this.unprocessedPaymentSelectEvent(this.unassignedRecordList)},e.prototype.formatUnassignedRecordId=function(e){return"unassignrecord-"+e},e.prototype.trimUnderscore=function(e){return this.bulkScaningPaymentService.removeUnwantedString(e," ")},e.prototype.redirectToFeeSearchPage=function(e,t){e.preventDefault(),this.recordId=t;var n=this.isBulkScanEnable?"&isBulkScanning=Enable":"&isBulkScanning=Disable";n+=this.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable",n+=this.isStFixEnable?"&isStFixEnable=Enable":"&isStFixEnable=Disable",n+="&caseType="+this.paymentLibComponent.CASETYPE,this.router.navigateByUrl("/fee-search?selectedOption="+this.selectedOption+"&ccdCaseNumber="+this.ccdCaseNumber+"&dcn="+this.recordId+n)},e.prototype.loadUnsolicitedPage=function(e,t){this.recordId=t,this.paymentLibComponent.bspaymentdcn=this.recordId,this.paymentLibComponent.viewName=e},e.prototype.unprocessedPaymentSelectEvent=function(e){this.isUnprocessedRecordSelected=!0,this.validateButtons(),this.selectedUnprocessedFeeEvent.emit(e)},e.prototype.resetButtons=function(){this.isUnprocessedRecordSelected=!1,this.isAllocateToExistingFeebtnEnabled=!1,this.isMarkAsUnidentifiedbtnEnabled=!1,this.isAllocatedToNewFeebtnEnabled=!1},e.prototype.goToAllocatePage=function(e){this.paymentLibComponent.bspaymentdcn=e,this.paymentLibComponent.unProcessedPaymentServiceId=this.serviceId,this.paymentLibComponent.isTurnOff=this.ISTURNOFF,this.paymentLibComponent.ISSFENABLE=this.isStFixEnable,this.ISTURNOFF?(this.paymentLibComponent.paymentGroupReference=this.PAYMENTREF,this.paymentLibComponent.viewName="fee-summary"):(this.paymentLibComponent.paymentGroupReference=null,this.paymentLibComponent.viewName="allocate-payments")},e.prototype.validateButtons=function(){var e=this;setTimeout((function(){e.isUnprocessedRecordSelected&&e.isExceptionCase?e.isMarkAsUnidentifiedbtnEnabled=!0:!e.isUnprocessedRecordSelected||e.isExceptionCase||e.FEE_RECORDS_EXISTS?e.isUnprocessedRecordSelected&&!e.isExceptionCase&&e.FEE_RECORDS_EXISTS&&(e.ISTURNOFF?(e.isAllocateToExistingFeebtnEnabled=e.IS_OS_AMT_AVAILABLE,e.isAllocatedToNewFeebtnEnabled=!0):(e.isAllocateToExistingFeebtnEnabled=!0,e.isAllocatedToNewFeebtnEnabled=!1)):(e.isAllocateToExistingFeebtnEnabled=!1,e.isAllocatedToNewFeebtnEnabled=!0)}),4e3)},e.prototype.unprocessedPaymentUnSelectEvent=function(e){e.preventDefault(),this.recordId=null,this.isUnprocessedRecordSelected=!1,this.isAllocateToExistingFeebtnEnabled=!1,this.isAllocatedToNewFeebtnEnabled=!1,this.isMarkAsUnidentifiedbtnEnabled=!1,this.selectedUnprocessedFeeEvent.emit("")},e.prototype.showDetailRow=function(e,t,n){e.preventDefault(),this.unassignedRecordSelectedList=t},e}();ie.decorators=[{type:t.Component,args:[{selector:"ccpay-app-unprocessed-payments",template:'\x3c!-- <ng-container *ngIf="IS_BUTTON_ENABLE">\n    <div class="unprocessed-payments govuk-grid-column-full govuk-!-padding-bottom-3">\n        <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'CASETRANSACTION\'>\n        <h3 class="heading-medium" *ngIf="!IS_BUTTON_ENABLE">Unprocessed payments</h3>\n        <h3 class="heading-medium" *ngIf="IS_BUTTON_ENABLE">Unallocated payments</h3>\n          <table class="govuk-table">\n            <thead class="govuk-table__head">\n              <tr class="govuk-table__row">\n                  <td class="govuk-table__header" scope="col" *ngIf="IS_BUTTON_ENABLE && !isTurnOff">Select</td>\n                  <td class="govuk-table__header" scope="col" *ngIf="IS_BUTTON_ENABLE && isTurnOff"><a href="#" (click)="unprocessedPaymentUnSelectEvent($event)">Unselect</a></td>\n      \n                  <td class="govuk-table__header" scope="col">Payment asset number (DCN)</td>\n                  <td class="govuk-table__header" scope="col">Banked date</td>\n                  <td class="govuk-table__header" scope="col">Amount</td>\n                  <td class="govuk-table__header" scope="col">Method</td>\n                 </tr>\n            </thead>\n            <tbody class="govuk-table__body" >\n              <tr class="govuk-table__row" *ngFor="let unassignedRecord of unassignedRecordList; let i of index;">\n                  <td class="govuk-table__cell" *ngIf="IS_BUTTON_ENABLE">\n                    <div class="multiple-choice unprocessed-payments--radio-button">\n                      <input id="\'unpaiedFee\'+i+\'\'"\n                      aria-label="unassignedRecord"\n                      name="unassignedRecord"\n                      type="radio"\n                      [(ngModel)]="recordId"\n                      (click)="unprocessedPaymentSelectEvent(unassignedRecord.dcn_reference)"\n                      value="{{unassignedRecord.dcn_reference}}" />\n                      <label for="radio-inline-1"></label>\n                    </div>\n                  </td>\n                  <td class="govuk-table__cell whitespace-inherit">\n                    {{unassignedRecord.dcn_reference}}\n                  </td>\n                  <td class="govuk-table__cell whitespace-inherit"> {{unassignedRecord.date_banked | date:\'dd MMM yyyy\'}}</td>\n                  <td class="govuk-table__cell whitespace-inherit"> {{unassignedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n                  <td class="capitalize govuk-table__cell whitespace-inherit"> {{ trimUnderscore(unassignedRecord.payment_method) | lowercase}}  </td>\n                </tr>\n            </tbody>\n            <tbody class="govuk-table__body" *ngIf="upPaymentErrorMessage !== null">\n              <td class="govuk-table__cell" colspan="6">No unallocated payments record available</td>\n            </tbody>\n          </table>\n         <div class="button-grb" *ngIf="IS_BUTTON_ENABLE && !isTurnOff">\n            <button type="button"\n            [disabled]="!isAllocatedToNewFeebtnEnabled"\n            [ngClass]="!isAllocatedToNewFeebtnEnabled ? \'button govuk-button--secondary button--disabled govuk-!-margin-right-1\' : \'button govuk-button--secondary govuk-!-margin-right-1\'" (click)="redirectToFeeSearchPage($event)">\n              Allocate to a new fee\n            </button>\n            <button type="button" \n            [disabled]="!isAllocateToExistingFeebtnEnabled"\n            [ngClass]=\'!isAllocateToExistingFeebtnEnabled ?  "button govuk-button--secondary button--disabled govuk-!-margin-right-1" : "button govuk-button--secondary govuk-!-margin-right-1"\' (click)="goToAllocatePage()">\n              Allocate to an existing fee\n            </button>\n            <button type="button" \n            [disabled]="!isMarkAsUnidentifiedbtnEnabled"\n            [ngClass]=\'!isMarkAsUnidentifiedbtnEnabled ?  "button govuk-button--secondary button--disabled govuk-!-margin-right-1" : "button govuk-button--secondary govuk-!-margin-right-1"\' (click)="loadUnsolicitedPage(\'unidentifiedPage\')">\n              Mark as unidentified\n            </button>\n            <button type="button" \n            [disabled]="!isUnprocessedRecordSelected"\n            [ngClass]=\'!isUnprocessedRecordSelected ?  "button govuk-button--secondary button--disabled govuk-!-margin-right-1" : "button govuk-button--secondary govuk-!-margin-right-1"\' (click)="loadUnsolicitedPage(\'unsolicitedPage\')">\n              Mark as transferred\n            </button>  \n         </div>\n      \n         <div class="button-grb" *ngIf="IS_BUTTON_ENABLE && isTurnOff">\n            <button type="button"\n            [disabled]="!isAllocatedToNewFeebtnEnabled"\n            [ngClass]="!isAllocatedToNewFeebtnEnabled ? \'button button--disabled govuk-!-margin-right-1\' : \'button govuk-!-margin-right-1\'" (click)="redirectToFeeSearchPage($event)">\n              Allocate to a new fee\n            </button>\n            <button type="button" \n            [disabled]="!isAllocateToExistingFeebtnEnabled"\n            [ngClass]=\'!isAllocateToExistingFeebtnEnabled ?  "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="goToAllocatePage()">\n              Allocate to an existing fee\n            </button>\n            <button type="button" \n            [disabled]="!isMarkAsUnidentifiedbtnEnabled"\n            [ngClass]=\'!isMarkAsUnidentifiedbtnEnabled ?  "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="loadUnsolicitedPage(\'unidentifiedPage\')">\n              Mark as unidentified\n            </button>\n            <button type="button" \n            [disabled]="!isUnprocessedRecordSelected"\n            [ngClass]=\'!isUnprocessedRecordSelected ?  "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="loadUnsolicitedPage(\'unsolicitedPage\')">\n              Mark as transferred\n            </button> \n         </div>\n      </div>\n</ng-container> --\x3e\n\n\n<ng-container *ngIf="!IS_BUTTON_ENABLE">\n    <table class="govuk-table">\n       \n        <thead class="govuk-table__head" *ngIf=\'PAYMENTSLENGTH === 0 \'>\n            \x3c!-- <tr class="govuk-table__row">\n                <td class="govuk-table__header col-14" scope="col">Status</td>\n                <td class="govuk-table__header col-10" scope="col">Amount</td>\n                <td class="govuk-table__header col-14" scope="col">Date</td>\n                <td class="govuk-table__header col-20" scope="col">Request reference</td>\n                <td class="govuk-table__header col-9" scope="col"></td>\n                <td class="govuk-table__header" scope="col"></td>\n              </tr> --\x3e\n          </thead>\n          <tbody class="govuk-table__body">\n          <tr class="govuk-table__row" *ngFor="let unassignedRecord of unassignedRecordList; let i = index;">\n                    <td class="govuk-table__cell whitespace-inherit" class="col-13">\n                    Unallocated \n                    </td>\n                    <td class="govuk-table__cell whitespace-inherit"> {{unassignedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n                    <td class="govuk-table__cell whitespace-inherit"></td>\n                    <td class="govuk-table__cell whitespace-inherit"></td>\n                    <td class="govuk-table__cell whitespace-inherit"></td>\n                    <td class="govuk-table__cell whitespace-inherit"></td>\n          </tr>\n          </tbody>\n       \n    </table>\n\n</ng-container>\n\n\n\x3c!--Orders Unallocated changes--\x3e\n<ng-container *ngIf="IS_BUTTON_ENABLE">\n    <div class="unprocessed-payments">\n        <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'CASETRANSACTION\'>\n          <table class="table">\n             \n              <thead class="govuk-table__head">\n                  <tr class="govuk-table__row">\n                      <td class="govuk-table__header col-13" scope="col">Status</td>\n                      <td class="govuk-table__header col-9" scope="col">Amount</td>\n                      <td class="govuk-table__header col-16" scope="col">Date allocated</td>\n                      <td class="govuk-table__header col-24" colspan="3" scope="col">Request reference</td>\n                      <td class="govuk-table__header col-13" scope="col"></td>\n                      <td class="govuk-table__header" scope="col"></td>\n                    </tr>\n                </thead>\n              <tbody>\n            <ng-container *ngFor="let unassignedRecord of unassignedRecordList; let i = index;">\n             <tr>\n                <td  class="govuk-table__cell whitespace-inherit col-13" >\n                  Unallocated \n               </td>\n                <td class="govuk-table__cell whitespace-inherit col-10">\n                    {{unassignedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}\n                </td>\n                <td class="govuk-table__cell whitespace-inherit" colspan="8">\n                    <div  *ngIf="IS_BUTTON_ENABLE && !isTurnOff" class="alignright">\n                        <button type="button"\n                        [disabled]="!isAllocatedToNewFeebtnEnabled"\n                        [ngClass]="!isAllocatedToNewFeebtnEnabled ? \'button govuk-button--secondary button--disabled\' : \'button govuk-button--secondary\'" (click)="redirectToFeeSearchPage($event,unassignedRecord.dcn_reference)">\n                          Allocate to new service request\n                        </button><br/>\n                        <button type="button" \n                        [disabled]="!isAllocateToExistingFeebtnEnabled"\n                        [ngClass]=\'!isAllocateToExistingFeebtnEnabled ?  "button govuk-button--secondary button--disabled" : "button govuk-button--secondary"\' (click)="goToAllocatePage(unassignedRecord.dcn_reference)">\n                          Allocate to existing service request \n                        </button>\n                </div>\n            \n                </td>\n             </tr>\n           \n              \x3c!-- <ng-container> --\x3e\n             <tr>\n                  <td class="unassigned noborders" colspan="10">\n                      <summary (click)="unassignedRecord.expanded = !unassignedRecord.expanded" class="govuk-details__summary">\n                          <span class="govuk-details__summary-text">\n                              More details and actions\n                          </span>\n                      </summary>\n                      <div *ngIf="unassignedRecord.expanded" class="govuk-details__text  govuk-!-margin-bottom-5 paddingright">\n                          <dl class="govuk-summary-list govuk-!-margin-bottom-5">\n                              <div class="govuk-summary-list__row">\n                                  <dt class="govuk-summary-list__key">\n                                      Method\n                                  </dt>\n                                  <dd class="govuk-summary-list__value">\n                                      {{ trimUnderscore(unassignedRecord.payment_method) | lowercase}}\n                                  </dd>\n                              </div>\n                              <div class="govuk-summary-list__row">\n                                  <dt class="govuk-summary-list__key">\n                                      Payment assest number (DCN) \n                                  </dt>\n                                  <dd class="govuk-summary-list__value">\n                                      {{unassignedRecord.dcn_reference}}\n                                  </dd>\n                              </div>\n                          </dl>\n                          <div class=" govuk-!-margin-bottom-5">\n                              <button type="button" \n                              [disabled]="!isMarkAsUnidentifiedbtnEnabled"\n                              [ngClass]=\'!isMarkAsUnidentifiedbtnEnabled ?  "button govuk-button--secondary button--disabled" : "button govuk-button--secondary"\' (click)="loadUnsolicitedPage(\'unidentifiedPage\',unassignedRecord.dcn_reference)">\n                                Mark as unidentified\n                              </button>\n                          </div>\n                          <div>\n                              <button type="button" \n                          [disabled]="!isUnprocessedRecordSelected"\n                          [ngClass]=\'!isUnprocessedRecordSelected ?  "button govuk-button--secondary button--disabled" : "button govuk-button--secondary"\' (click)="loadUnsolicitedPage(\'unsolicitedPage\',unassignedRecord.dcn_reference)">\n                            Mark as transferred\n                          </button>  \n                          </div>\n\n                      </div>\n                  </td> \n                </tr> \n              \x3c!-- </ng-container> --\x3e\n             </ng-container>\n              </tbody>\n              </table>\n      \n        </div>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'main\'">\n\n</ng-container>\n\x3c!-- <ng-container *ngIf="PAYMENTSLENGTH === 0 && unassignedRecordListLength === 0">\n  <br/>No payments.<br/>\n</ng-container> --\x3e\n\n',styles:[".unprocessed-payments .unprocessed-payments--radio-button{bottom:10px}.disable{text-decoration:none;padding:.526315em .789473em .263157em;cursor:default;color:#fff;background-color:#00823b;pointer-events:none;font-size:1em;line-height:1.25;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618}.button.disabled,.button[disabled=disabled],.button[disabled]{zoom:1;filter:alpha(opacity=50);opacity:.5}.button.disabled:active,.button[disabled=disabled]:active,.button[disabled]:active{top:0;box-shadow:0 2px 0 #003618}.button[disabled=disabled]{background:#00823b}.col-13{width:13%!important}.col-17{width:17%!important}.col-12{width:12%!important}.col-9{width:9%!important}.col-15{width:15%!important}.lowercase{text-transform:lowercase}.capitalize:first-letter{text-transform:uppercase}.whitespace-inherit{white-space:inherit!important}.top_row{display:table;width:100%}.top_row>div{display:table-cell;width:50%;border-bottom:1px solid #eee}.unassigned{border-top:hidden}.col-16{width:16%!important}.col-10{width:10%!important}.col-14{width:14%!important}.col-19{width:19%!important}.col-18,.col-19{padding-left:0!important}.col-18{width:18%!important;padding-right:0!important}.col-21{width:21%!important}.col-20{width:20%!important}.col-11{width:11%!important}.col-37{width:37%!important}.noborders>td{border-color:transparent;border-top-style:hidden;border-right-style:hidden;border-left-style:hidden}.govuk-button--secondary{margin-bottom:10px}.govuk-summary-list{font-size:19px}.govuk-summary-list__key{width:35%}td{white-space:nowrap;overflow:hidden!important}table{table-layout:fixed;width:100%}td,th{word-wrap:break-word}.alignright{text-align:right}.paddingright{padding-right:0}"]}]}],ie.ctorParameters=function(){return[{type:l.Router},{type:J},{type:S},{type:T},{type:w}]},ie.propDecorators={FEE_RECORDS_EXISTS:[{type:t.Input,args:["FEE_RECORDS_EXISTS"]}],PAYMENTREF:[{type:t.Input,args:["PAYMENTREF"]}],ISTURNOFF:[{type:t.Input,args:["ISTURNOFF"]}],IS_BUTTON_ENABLE:[{type:t.Input,args:["IS_BUTTON_ENABLE"]}],IS_OS_AMT_AVAILABLE:[{type:t.Input,args:["IS_OS_AMT_AVAILABLE"]}],ISSFENABLE:[{type:t.Input,args:["ISSFENABLE"]}],PAYMENTSLENGTH:[{type:t.Input,args:["PAYMENTSLENGTH"]}],LEVEL:[{type:t.Input,args:["LEVEL"]}],selectedUnprocessedFeeEvent:[{type:t.Output}],getUnprocessedFeeCount:[{type:t.Output}]};var re=function(){function e(e,n){this.router=e,this.bulkScaningPaymentService=n,this.goToPaymentViewComponent=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.trimUnderscore=function(e){return this.bulkScaningPaymentService.removeUnwantedString(e," ")},e.prototype.redirectToPaymentViewPage=function(e,t,n){this.goToPaymentViewComponent.emit({paymentGroupReference:e,paymentReference:t,paymentMethod:n})},e}();re.decorators=[{type:t.Component,args:[{selector:"ccpay-app-processed-payments",template:'<div class="processed-payments govuk-grid-column-full govuk-!-padding-bottom-3">\n  <h3 class="heading-medium">Processed payments</h3>\n    <table class="govuk-table">\n      <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__header" scope="col">Payment asset number (DCN)</td>\n            <td class="govuk-table__header" scope="col">Banked date</td>\n            <td class="govuk-table__header" scope="col">Amount</td>\n            <td class="govuk-table__header" scope="col">Method</td>\n            <td class="govuk-table__header" scope="col">Allocation status</td>\n           </tr>\n      </thead>\n      <tbody class="govuk-table__body" >\n        <tr class="govuk-table__row" *ngFor="let processedRecord of NONPAYMENTS">\n            <td class="govuk-table__cell">\n                <a href="javascript:void(0)" (click)="redirectToPaymentViewPage(processedRecord.paymentGroupReference, processedRecord.reference, processedRecord.method)">{{processedRecord.document_control_number}}</a>\n            </td>\n            <td class="govuk-table__cell"> {{processedRecord.banked_date | date:\'dd MMM yyyy\'}}</td>\n            <td class="govuk-table__cell"> {{processedRecord.amount | currency :\'GBP\':\'symbol\':\'1.2-2\'}}</td>\n            <td class="capitalize govuk-table__cell"> {{ trimUnderscore(processedRecord.method) | lowercase}}  </td>\n            <td class="capitalize govuk-table__cell"> {{ processedRecord.payment_allocation[0] ? processedRecord.payment_allocation[0].allocation_status : \'-\' }}  </td>\n\n          </tr>\n          <tr class="govuk-table__row" *ngIf="NONPAYMENTS.length === 0">\n            <td class="govuk-table__cell" colspan="5">\n              No processed payments\n             </td>\n\n          </tr>\n\n      </tbody>\n    </table>\n</div>\n',styles:[".lowercase{text-transform:lowercase}.capitalize:first-letter{text-transform:uppercase}"]}]}],re.ctorParameters=function(){return[{type:l.Router},{type:J}]},re.propDecorators={NONPAYMENTS:[{type:t.Input,args:["NONPAYMENTS"]}],goToPaymentViewComponent:[{type:t.Output}]};var le=function(e,t,n,s,a){this.payment_allocation_status={description:"",name:"Allocated"},this.payment_group_reference=e,this.payment_reference=t,this.reason=n||null,this.explanation=s||null,this.user_name=a||null},ce=function(){function e(e,t,n,s,a,o,i){this.errorHandlerService=e,this.caseTransactionsService=t,this.formBuilder=n,this.paymentViewService=s,this.paymentLibComponent=a,this.bulkScaningPaymentService=o,this.OrderslistService=i,this.unAllocatedPayment={amount:0},this.siteID=null,this.errorMessage=this.errorHandlerService.getServerErrorMessage(!1,!1,""),this.paymentGroups=[],this.isMoreDetailsBoxHide=!0,this.isConfirmButtondisabled=!1,this.isContinueButtondisabled=!0,this.otherPaymentExplanation=null,this.selectedOption=null,this.isFeeAmountZero=!1,this.paymentReasonHasError=!1,this.paymentExplanationHasError=!1,this.isPaymentDetailsEmpty=!1,this.isPaymentDetailsInvalid=!1,this.paymentDetailsMinHasError=!1,this.paymentDetailsMaxHasError=!1,this.isUserNameEmpty=!1,this.isUserNameInvalid=!1,this.ccdReference=null,this.exceptionReference=null,this.paymentReason=null,this.paymentExplanation=null,this.userName=null,this.paymentRef=null,this.isStrategicFixEnable=!0,this.orderLevelFees=[],this.cookieUserName=[],this.userNameField=null,this.reasonList={overPayment:{hwfReward:"Help with Fees (HWF) awarded.  Please include the HWF reference number in the explanatory note",wrongFee:"Incorrect payment received",notIssueCase:"Unable to issue case",otherDeduction:"Other"},shortFall:{helpWithFee:"Help with Fees (HWF) application declined",wrongFee:"Incorrect payment received",other:"Other"}},this.explanationList={overPayment:{referRefund:"Details in case notes.  Refund due",noRefund:"Details in case notes. No refund due",noCase:"No case created.  Refund due",other:"Other"},shortFall:{holdCase:"I have put a stop on the case and contacted the applicant requesting the balance of payment",heldCase:"I have put a stop on the case.  The applicant needs to be contacted to request the balance of payment",other:"Other"}},this.refund={reason:{duplicate:"Duplicate payment",humanerror:"Human error",caseWithdrawn:"Case withdrawn",other:"Other"}}}return e.prototype.ngOnInit=function(){var e=this;this.viewStatus="mainForm",null!==this.paymentLibComponent.paymentGroupReference&&(this.viewStatus="allocatePaymentConfirmation"),this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.bspaymentdcn=this.paymentLibComponent.bspaymentdcn,this.paymentRef=this.paymentLibComponent.paymentGroupReference,this.selectedOption=this.paymentLibComponent.SELECTED_OPTION,this.isStrategicFixEnable=this.paymentLibComponent.ISSFENABLE,this.isTurnOff=this.paymentLibComponent.isTurnOff,this.overUnderPaymentForm=this.formBuilder.group({moreDetails:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.minLength(3),r.Validators.maxLength(255),r.Validators.pattern("^([a-zA-Z0-9\\s,\\.]*)$")])),userName:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^([a-zA-Z0-9\\s]*)$")]))}),this.OrderslistService.getOrdersList().subscribe((function(t){return e.orderLevelFees=t.filter((function(e){return"Paid"!==e.orderStatus}))})),this.OrderslistService.getCaseType().subscribe((function(t){return e.caseType=t})),this.getUnassignedPayment()},e.prototype.getGroupOutstandingAmount=function(e){return this.bulkScaningPaymentService.calculateOutStandingAmount(e)},e.prototype.getPaymentGroupDetails=function(){var e=this;this.isTurnOff?this.caseTransactionsService.getPaymentGroups(this.ccdCaseNumber).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),e.paymentGroups=t.payment_groups.filter((function(t){t.fees.forEach((function(t){0===t.calculated_amount&&(e.isFeeAmountZero=!0)}));var n=e.getGroupOutstandingAmount(t),s=n>0||0==n&&e.isFeeAmountZero&&t.payment_group_reference===e.paymentRef;return e.paymentRef?s:n>0||0==n&&e.isFeeAmountZero}))}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,"")})):this.paymentViewService.getPaymentGroupDetails(this.paymentRef).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),e.paymentGroup=t,e.saveAndContinue()}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,"")}))},e.prototype.selectedPaymentGroup=function(e){this.isContinueButtondisabled=!1,this.paymentGroup=e},e.prototype.gotoCasetransationPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.ISBSENABLE=!0},e.prototype.gotoSummaryPage=function(e){e.preventDefault(),this.paymentLibComponent.viewName="fee-summary",this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.ISBSENABLE=!0},e.prototype.cancelAllocatePayment=function(e){e.preventDefault(),this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1],"all"),this.isTurnOff?this.viewStatus="mainForm":(this.paymentLibComponent.viewName="fee-summary",this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.TAKEPAYMENT=!0,this.paymentLibComponent.ISBSENABLE=!0)},e.prototype.confirmAllocatePayement=function(){this.enCookieUserName=document.cookie.split(";").find((function(e){return e.includes("user-info")})).split("=")[1].split(";"),this.cookieUserName=JSON.parse(decodeURIComponent(this.enCookieUserName));var e=this.cookieUserName.forename+" "+this.cookieUserName.surname,t=this.overUnderPaymentForm.controls.moreDetails,n=this.overUnderPaymentForm.controls.moreDetails.errors,s=e,a=this.paymentReason&&this.paymentExplanation,o="Other"===this.paymentExplanation;this.resetForm([!1,!1,!1,!1,!1,!1,!1,!1],"all"),!this.isRemainingAmountGtZero&&!this.isRemainingAmountLtZero||a&&(!o&&s.length>0||o&&s.length>0&&t.valid)?(this.isConfirmButtondisabled=!0,this.otherPaymentExplanation="Other"===this.paymentExplanation?t.value:this.paymentExplanation,this.userName=s,this.finalServiceCall()):(this.paymentReason||this.resetForm([!0,!1,!1,!1,!1,!1,!1,!1],"reason"),this.paymentExplanation||this.resetForm([!1,!0,!1,!1,!1,!1,!1,!1],"explanation"),this.paymentExplanation&&o&&(""==t.value&&this.resetForm([!1,!1,!0,!1,!1,!1,!1,!1],"other"),""!=t.value&&t.invalid&&this.resetForm([!1,!1,!1,!0,!1,!1,!1,!1],"other"),n&&n.minlength&&n.minlength.actualLength<3&&this.resetForm([!1,!1,!1,!1,!0,!1,!1,!1],"other"),n&&n.maxlength&&n.maxlength.actualLength>255&&this.resetForm([!1,!1,!1,!1,!1,!0,!1,!1],"other")),0===s.length&&this.resetForm([!1,!1,!1,!1,!1,!1,!0,!1],"username"))},e.prototype.resetForm=function(e,t){"reason"!==t&&"all"!==t||(this.paymentReasonHasError=e[0]),"explanation"!==t&&"all"!==t||(this.paymentExplanationHasError=e[1]),"other"!==t&&"all"!==t||(this.isPaymentDetailsEmpty=e[2],this.isPaymentDetailsInvalid=e[3],this.paymentDetailsMinHasError=e[4],this.paymentDetailsMaxHasError=e[5]),"username"!==t&&"all"!==t||(this.isUserNameEmpty=e[6],this.isUserNameInvalid=e[7])},e.prototype.finalServiceCall=function(){var e=this;if(this.isStrategicFixEnable)this.bulkScaningPaymentService.patchBSChangeStatus(this.unAllocatedPayment.dcn_reference,"PROCESSED").subscribe((function(t){if(e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),JSON.parse(t).success){var n=new ne(e.ccdReference,e.unAllocatedPayment,e.siteID,e.exceptionReference);e.bulkScaningPaymentService.postBSAllocatePayment(n,e.paymentGroup.payment_group_reference).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,"");var n=JSON.parse(t),s=new le(n.data.payment_group_reference,n.data.reference,e.paymentReason,e.otherPaymentExplanation,e.userName);n.success&&e.paymentViewService.postBSAllocationPayments(s).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unAllocatedPayment.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,""),window.scrollTo(0,0),e.isConfirmButtondisabled=!1}))}),(function(t){e.bulkScaningPaymentService.patchBSChangeStatus(e.unAllocatedPayment.dcn_reference,"COMPLETE").subscribe(),e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,""),window.scrollTo(0,0),e.isConfirmButtondisabled=!1}))}}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,""),window.scrollTo(0,0),e.isConfirmButtondisabled=!1}));else{var t={reason:this.paymentReason,allocation_status:"Allocated",explanation:this.otherPaymentExplanation,payment_allocation_status:{description:"",name:"Allocated"},payment_group_reference:this.paymentGroup.payment_group_reference,case_type:this.caseType,user_name:this.userName},n=new ne(this.ccdReference,this.unAllocatedPayment,this.caseType,this.exceptionReference,t);this.bulkScaningPaymentService.postBSPaymentStrategic(n,this.paymentGroup.payment_group_reference).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),JSON.parse(t).success&&e.gotoCasetransationPage()}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,""),window.scrollTo(0,0),e.isConfirmButtondisabled=!1}))}},e.prototype.saveAndContinue=function(){if(this.paymentGroup){this.isMoreDetailsBoxHide=!0,this.overUnderPaymentForm.get("moreDetails").reset(),this.overUnderPaymentForm.get("moreDetails").setValue(""),this.overUnderPaymentForm.get("userName").reset(),this.overUnderPaymentForm.get("userName").setValue(""),this.paymentReason="",this.paymentExplanation="";var e=this.getGroupOutstandingAmount(this.paymentGroup),t=this.unAllocatedPayment.amount-e;this.isRemainingAmountGtZero=t>0,this.isRemainingAmountLtZero=t<0,this.paymentSectionLabel=this.isRemainingAmountGtZero?{title:"There is an Over payment of",reason:"Provide a reason. This will be used in the Refund process."}:this.isRemainingAmountLtZero?{title:"There is an Under payment of",reason:"Provide a reason"}:{title:"Amount left to be allocated",reason:""},this.feedbackUrlLabel=this.isRemainingAmountGtZero?"CONFIRMALLOCATION_SURPLUS":this.isRemainingAmountLtZero?"CONFIRMALLOCATION_SHORTFALL":"CONFIRMALLOCATION",this.remainingAmount=this.isRemainingAmountGtZero?t:this.isRemainingAmountLtZero?-1*t:0,this.afterFeeAllocateOutstanding=t>=0?0:-1*t,this.amountForAllocation=e>=this.unAllocatedPayment.amount?this.unAllocatedPayment.amount:e,this.isTurnOff&&(this.viewStatus="allocatePaymentConfirmation")}},e.prototype.getUnassignedPayment=function(){var e=this;this.bulkScaningPaymentService.getBSPaymentsByDCN(this.bspaymentdcn).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),e.unAllocatedPayment=t.data.payments.filter((function(t){return t&&t.dcn_reference==e.bspaymentdcn}))[0],e.siteID=t.data.responsible_service_id;var n=t.data.ccd_reference,s=t.data.exception_record_reference,a=n&&n===e.ccdCaseNumber?null:e.ccdCaseNumber;e.ccdReference=n||null,e.exceptionReference=s||a,e.getPaymentGroupDetails()}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,"")}))},e.prototype.selectRadioButton=function(e,t){this.isMoreDetailsBoxHide=!0,"explanation"===t&&"other"===e&&(this.isPaymentDetailsEmpty=!1,this.isPaymentDetailsInvalid=!1,this.paymentDetailsMinHasError=!1,this.paymentDetailsMaxHasError=!1,this.isMoreDetailsBoxHide=!1)},e.prototype.OrderListSelectEvent=function(e){this.isContinueButtondisabled=!1,this.recordId=e},e.prototype.redirectToOrderFeeSearchPage=function(){this.paymentLibComponent.paymentGroupReference=this.recordId,this.paymentLibComponent.isTurnOff=this.isTurnOff,this.paymentLibComponent.viewName="fee-summary"},e}();ce.decorators=[{type:t.Component,args:[{selector:"app-allocate-payments",template:'<div class="allocate-payments">\n  <ng-container *ngIf="viewStatus === \'mainForm\' && !isTurnOff">\n\n      <div class="govuk-breadcrumbs">\n          <ol class="govuk-breadcrumbs__list">\n            <li class="govuk-breadcrumbs__list-item">\n              <a (click)="gotoCasetransationPage()" class="govuk-back-link govuk-label">Back</a>\n            </li>\n          </ol>\n        </div>\n  \n    <div class="paymentrequest">\n        <h1 class="govuk-heading-xl govuk-!-margin-top-3 govuk-!-margin-bottom-4">Select payment request</h1>\n        <p class="govuk-!-margin-top-5 casererf">Case reference: {{ccdReference}}</p>\n    </div>\n \n    <div  *ngFor="let orderRef of orderLevelFees; let i = index;" class="multiple-choice unprocessed-payments--radio-button">\n      <input id="\'orderfee\'+i+\'\'"\n      aria-label="orderLevelRecord"\n      name="orderLevelRecord"\n    \n      (click)="OrderListSelectEvent(orderRef.orderRefId)"\n      type="radio"\n      value="{{orderRef.orderTotalFees}}" />\n      <label for="radio-inline-1"> {{orderRef.orderTotalFees | currency :\'GBP\':\'symbol\':\'1.2-2\'}}({{orderRef.orderStatus}})</label>\n    </div>\n  \n    <div class="paymentrequest">\n        <button [disabled]="isContinueButtondisabled" type="submit" (click)="redirectToOrderFeeSearchPage()" class="button allbtb button--disabled govuk-!-margin-right-1">\n          Continue\n        </button>\n      </div>\n   \n  </ng-container>\n\n   <div *ngIf="viewStatus===\'mainForm\' && isTurnOff">\n    <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'ALLOCATEPAYMENTS\'>\n    <div class="govuk-breadcrumbs" *ngIf="paymentRef">\n      <ol class="govuk-breadcrumbs__list">\n        <li class="govuk-breadcrumbs__list-item">\n          <a href="#" (click)="gotoSummaryPage($event)" class="govuk-back-link">Back</a>\n        </li>\n      </ol>\n    </div>\n    <div class="govuk-heading-section">\n      <h1 class="govuk-heading-xl">Allocate payment to fee group</h1>\n      <h2 class="govuk-heading-l">Amount left to be allocated:\n        {{ unAllocatedPayment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</h2>\n    </div>\n    <div class="payment-group-section" *ngFor="let paymentGroup of paymentGroups">\n      <h3 class="govuk-heading-m">Group reference: {{paymentGroup.payment_group_reference}}</h3>\n      <table class="govuk-table">\n        <thead class="govuk-table__head">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__header" scope="col"></td>\n            <td class="govuk-table__header" scope="col">Code</td>\n            <td class="govuk-table__header" scope="col">Description</td>\n            <td class="govuk-table__header" scope="col">Volume</td>\n            <td class="govuk-table__header" scope="col">Fee amount</td>\n            <td class="govuk-table__header" scope="col">Calculated amount</td>\n            <td class="govuk-table__header" scope="col">Group amount outstanding</td>\n          </tr>\n        </thead>\n        <tbody class="govuk-table__body">\n          <tr class="govuk-table__row" *ngFor="let fee of paymentGroup.fees;  let i = index;">\n            <td class="govuk-table__cell govuk-table__cell--col1 govuk-table__custom--col1"\n              [attr.rowspan]="paymentGroup.fees.length" *ngIf="i==0">\n              <div class="multiple-choice">\n                <input id="unpaiedFee-{{i}}" name="unassignedRecord" type="radio"\n                  (click)="selectedPaymentGroup(paymentGroup)" />\n                <label for="unpaiedFee-{{i}}"></label>\n              </div>\n            </td>\n            <td class="govuk-table__cell govuk-table__cell--col1">{{fee.code}}</td>\n            <td class="govuk-table__cell govuk-table__cell--col2"> {{fee.description}} </td>\n            <td class="govuk-table__cell govuk-table__cell--col3"> {{fee.volume? fee.volume : \'-\'}} </td>\n            <td class="govuk-table__cell govuk-table__cell--col4">\n              {{ fee.fee_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n            <td class="govuk-table__cell govuk-table__cell--col5">\n              {{fee.calculated_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n            <td class="govuk-table__cell govuk-table__cell--col6 govuk-table__custom--col6"\n              [attr.rowspan]="paymentGroup.fees.length" *ngIf="i==0">\n              {{getGroupOutstandingAmount(paymentGroup) | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n\n          </tr>\n\n        </tbody>\n        <tbody class="govuk-table__body" *ngIf="paymentGroup.fees.length==0">\n          <td class="govuk-table__cell" colspan="6">No payments recorded</td>\n        </tbody>\n      </table>\n    </div>\n    <div class="govuk-button-group-allocate">\n      <button type="button" class="button govuk-!-margin-right-1" [disabled]="isContinueButtondisabled"\n        (click)="saveAndContinue()">\n        Continue\n      </button>\n      <button type="button" class="button govuk-button--secondary" (click)="gotoCasetransationPage()">\n        Cancel\n      </button>\n    </div>\n  </div>\n\n  <ng-container *ngIf="(viewStatus === \'mainForm\' && isTurnOff) || viewStatus === \'allocatePaymentConfirmation\'">\n    <ccpay-error-banner *ngIf="errorMessage.showError" [errorMessage]="errorMessage"></ccpay-error-banner>\n    <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'{{feedbackUrlLabel}}\'>\n    <h1 class="govuk-heading-xl">Confirm allocation</h1>\n    <h2 class="govuk-heading-l govuk-heading-l--custom">\n      Amount to be allocated: {{amountForAllocation | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}\n    </h2>\n    <div class="payment-group-section" *ngIf="paymentGroup">\n      <h3 class="govuk-heading-m--custom" *ngIf="isTurnOff">Group reference: {{paymentGroup.payment_group_reference}}\n      </h3>\n      <table class="govuk-table">\n        <thead class="govuk-table__head">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__header" scope="col">Code</td>\n            <td class="govuk-table__header" scope="col">Description</td>\n            <td class="govuk-table__header" scope="col">Volume</td>\n            <td class="govuk-table__header" scope="col">Fee amount</td>\n            <td class="govuk-table__header" scope="col">Calculated amount</td>\n            <td class="govuk-table__header" scope="col">Amount Due</td>\n          </tr>\n        </thead>\n        <tbody class="govuk-table__body">\n          <tr class="govuk-table__row" *ngFor="let fee of paymentGroup.fees; let i = index;">\n            <td class="govuk-table__cell govuk-table__cell--col1">{{fee.code}}</td>\n            <td class="govuk-table__cell govuk-table__cell--col2"> {{fee.description}} </td>\n            <td class="govuk-table__cell govuk-table__cell--col3"> {{fee.volume? fee.volume : \'-\'}} </td>\n            <td class="govuk-table__cell govuk-table__cell--col4">\n              {{ fee.fee_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} </td>\n            <td class="govuk-table__cell govuk-table__cell--col5">\n              {{fee.calculated_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} </td>\n            <td class="govuk-table__cell govuk-table__cell--col6" [attr.rowspan]="paymentGroup.fees.length"\n              *ngIf="i==0"> {{afterFeeAllocateOutstanding | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} </td>\n          </tr>\n        </tbody>\n        <tbody class="govuk-table__body" *ngIf="paymentGroup.fees.length == 0">\n          <td class="govuk-table__cell" colspan="6">No payments recorded</td>\n        </tbody>\n      </table>\n    </div>\n    <div class="govuk-warning-text" *ngIf="isRemainingAmountGtZero || isRemainingAmountLtZero || remainingAmount === 0">\n      <span class="govuk-warning-text__icon" aria-hidden="true">!</span>\n      <strong class="govuk-warning-text__text govuk-warning-text__custom">\n        <span class="govuk-warning-text__assistive">Warning</span>\n        {{paymentSectionLabel.title}} {{ remainingAmount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n      </strong>\n    </div>\n    <div class="govuk-form-group" *ngIf="isRemainingAmountGtZero || isRemainingAmountLtZero">\n      <div class="govuk-form-group">\n        <fieldset class="govuk-fieldset" aria-describedby="how-contacted-conditional-hint">\n          <span id="how-contacted-conditional-hint" class="govuk-hint"\n            [ngClass]="{\'inline-error-message\': paymentReasonHasError}">\n            {{paymentSectionLabel.reason}}\n          </span>\n          <div\n            [ngClass]="paymentReasonHasError ? \'govuk-radios govuk-radios--conditional form-group-error\' : \'govuk-radios govuk-radios--conditional\'"\n            data-module="govuk-radios" *ngIf="isRemainingAmountGtZero">\n            <div class="govuk-radios__item" *ngFor="let reason of reasonList.overPayment | keyValue">\n              <input class="govuk-radios__input" id="{{reason.key}}" name="paymentReason" type="radio"\n                [(ngModel)]="paymentReason" value={{reason.value}}>\n              <label class="govuk-label govuk-radios__label govuk-font__custom" for="how-contacted-conditional">\n                {{reason.value}}\n              </label>\n            </div>\n          </div>\n          <div\n            [ngClass]="paymentReasonHasError ? \'govuk-radios govuk-radios--conditional form-group-error\' : \'govuk-radios govuk-radios--conditional\'"\n            data-module="govuk-radios" *ngIf="isRemainingAmountLtZero">\n            <div class="govuk-radios__item" *ngFor="let reason of reasonList.shortFall | keyValue">\n              <input class="govuk-radios__input" id="{{reason.key}}" name="paymentReason" type="radio"\n                [(ngModel)]="paymentReason" value={{reason.value}}>\n              <label class="govuk-label govuk-radios__label govuk-font__custom" for="how-contacted-conditional">\n                {{reason.value}}\n              </label>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n      <div class="govuk-form-group">\n        <fieldset class="govuk-fieldset" aria-describedby="how-contacted-conditional-hint">\n          <span id="how-contacted-conditional-hint" class="govuk-hint"\n            [ngClass]="{\'inline-error-message\': paymentExplanationHasError}">\n            Provide an explanatory note\n          </span>\n          <div\n            [ngClass]="paymentExplanationHasError ? \'govuk-radios govuk-radios--conditional form-group-error\' : \'govuk-radios govuk-radios--conditional\'"\n            data-module="govuk-radios" *ngIf="isRemainingAmountGtZero">\n            <div class="govuk-radios__item" *ngFor="let explanation of explanationList.overPayment | keyValue">\n              <input class="govuk-radios__input" id="{{explanation.key}}" name="paymentExplanation" type="radio"\n                [(ngModel)]="paymentExplanation" value={{explanation.value}}\n                (click)="selectRadioButton(explanation.key, \'explanation\')">\n              <label class="govuk-label govuk-radios__label govuk-font__custom" for="how-contacted-conditional">\n                {{explanation.value}}\n              </label>\n            </div>\n          </div>\n          <div\n            [ngClass]="paymentExplanationHasError ? \'govuk-radios govuk-radios--conditional form-group-error\' : \'govuk-radios govuk-radios--conditional\'"\n            data-module="govuk-radios" *ngIf="isRemainingAmountLtZero">\n            <div class="govuk-radios__item" *ngFor="let explanation of explanationList.shortFall | keyValue">\n              <input class="govuk-radios__input" id="{{explanation.key}}" name="paymentExplanation" type="radio"\n                [(ngModel)]="paymentExplanation" value={{explanation.value}}\n                (click)="selectRadioButton(explanation.key, \'explanation\')">\n              <label class="govuk-label govuk-radios__label govuk-font__custom" for="how-contacted-conditional">\n                {{explanation.value}}\n              </label>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </div>\n\n    <form [formGroup]="overUnderPaymentForm" novalidate>\n      <div\n        [ngClass]="isMoreDetailsBoxHide ? \'govuk-radios__conditional govuk-radios__conditional--hidden\' : isPaymentDetailsEmpty || isPaymentDetailsInvalid || paymentDetailsMinHasError || paymentDetailsMaxHasError ? \'govuk-radios__conditional inline-error-border\' : \'govuk-radios__conditional\'"\n        id="conditional-how-contacted-conditional-3">\n        <div class="govuk-form-group">\n          <span id="more-detail-hint" class="govuk-hint govuk-font__custom">\n            Please enter details\n          </span>\n          <textarea class="govuk-textarea"\n            [ngClass]="{\'inline-error-class\': isPaymentDetailsEmpty || isPaymentDetailsInvalid || paymentDetailsMinHasError || paymentDetailsMaxHasError}"\n            id="moreDetails" name="moreDetails" rows="5" formControlName="moreDetails">\n          </textarea>\n          <p class="inline-error-message"\n            *ngIf="isPaymentDetailsEmpty || isPaymentDetailsInvalid || paymentDetailsMinHasError || paymentDetailsMaxHasError">\n            <span *ngIf="isPaymentDetailsEmpty">Enter a explanation</span>\n            <span *ngIf="isPaymentDetailsInvalid">Enter a valid explanation</span>\n            <span *ngIf="paymentDetailsMinHasError">Explanation should be at least 3 characters.</span>\n            <span *ngIf="paymentDetailsMaxHasError">Explanation should be 255 characters or under.</span>\n          </p>\n        </div>\n      </div>\n      <div class="govuk-button--group">\n        <button type="submit" [disabled]="isConfirmButtondisabled"\n          [ngClass]="isConfirmButtondisabled ? \'button button--disabled\' : \'button\'"\n          (click)="confirmAllocatePayement()">\n          Confirm\n        </button>\n        <button type="button" class="button govuk-button--secondary" (click)="cancelAllocatePayment($event)">\n          Cancel\n        </button>\n      </div>\n    </form>\n  </ng-container>\n</div>',styles:[".allocate-payments{margin:20px 0}.allocate-payments .govuk-table__cell--col1,.allocate-payments .govuk-table__cell--col3{width:10%}.allocate-payments .govuk-table__cell--col2,.allocate-payments .govuk-table__cell--col6{width:25%}.allocate-payments .govuk-table__cell--col4,.allocate-payments .govuk-table__cell--col5{width:15%}.allocate-payments .govuk-button-group-allocate{display:flex;justify-content:flex-start}.allocate-payments .govuk-button--secondary{margin-left:10px;background-color:rgba(179,184,189,.9490196078431372)}.allocate-payments .govuk-custom-warning__message{font-size:30px;position:relative;top:12px;font-weight:700}.allocate-payments .govuk-warning-text-custom{margin-bottom:0!important;padding:10px 0 5px}.allocate-payments .govuk-table__custom--col1{padding-top:0;padding-bottom:20px;padding-left:15px}.allocate-payments .govuk-table__custom--col6{text-align:center}.allocate-payments .govuk-list__custom{padding-left:20px}.allocate-payments .govuk-font__custom,.allocate-payments .govuk-heading-m--custom,.allocate-payments .govuk-hint,.allocate-payments .govuk-label--m,.allocate-payments .govuk-list__custom,.allocate-payments .govuk-radios__item,.allocate-payments .govuk-warning-text__custom{font-size:19px}.allocate-payments .govuk-radios__conditional--hidden{display:none}.allocate-payments .form-group-error{border-left:5px solid #b10e1e;padding-left:15px}.allocate-payments .inline-error-class{outline:3px solid #a71414;outline-offset:0}.allocate-payments .inline-error-message{color:#a71414;font-weight:700;margin-top:10px}.allocate-payments .inline-error-border{border-color:#a71414}.allbtb{margin-top:2em}.govuk-back-link{font-size:1.5rem!important}.casererf,.multiple-choice{font-size:19px}.casererf{align-self:flex-end}.paymentrequest{display:flex;flex-direction:row;justify-content:space-between;width:960px}"]}]}],ce.ctorParameters=function(){return[{type:E},{type:$},{type:r.FormBuilder},{type:T},{type:S},{type:J},{type:w}]},ce.propDecorators={isTurnOff:[{type:t.Input}],caseType:[{type:t.Input}]};var de=function(e,t,n,s,a){this.ccd_case_number=e,this.fee=t,this.hwf_amount=n,this.hwf_reference=s,this.case_type=a},ue=function(e,t){this.hwf_amount=e,this.hwf_reference=t},pe=function(e,t){this.remissionReference=e,this.contact_details=t},me=(Promise.resolve(null),function(){function e(e,n,s,a,o,i,r,l){this.formBuilder=e,this.router=n,this.paymentViewService=s,this.notificationService=a,this.paymentLibComponent=o,this.refundService=i,this.cd=r,this.OrderslistService=l,this.cancelRemission=new t.EventEmitter,this.refundListReason=new t.EventEmitter,this.refundListAmount=new t.EventEmitter,this.refundFees=new t.EventEmitter,this.refund={reason:{duplicate:"Duplicate payment",humanerror:"Human error",caseWithdrawn:"Case withdrawn",other:"Other"}},this.hasErrors=!1,this.viewStatus="main",this.errorMessage=null,this.option=null,this.isConfirmationBtnDisabled=!1,this.selectedValue="yes",this.retroRemission=!1,this.remissionReference="",this.paymentExplanationHasError=!1,this.isRemissionCodeEmpty=!1,this.remissionCodeHasError=!1,this.isAmountEmpty=!1,this.isReasonEmpty=!1,this.amountHasError=!1,this.isRemissionLessThanFeeError=!1,this.refundHasError=!1,this.isPaymentSuccess=!1,this.isRemissionApplied=!1,this.commonRefundReasons=[],this.class="",this.errorMsg=new Array}return e.prototype.ngOnInit=function(){var e=this;this.errorMessage="",this.errorMsg=[],this.default="Select a different reason",this.pattern1="^([a-zA-Z0-9]{3})-([a-zA-Z0-9]{3})-([a-zA-Z0-9]{3})$",this.pattern2="^([A-Za-z]{2}[0-9]{2})-([0-9]{6})$",""!==this.viewCompStatus&&void 0!==this.viewCompStatus&&(this.viewStatus=""),this.remission,this.fee&&(this.amount=this.fee.volume*this.fee.calculated_amount),this.payment&&(this.paymentReference=this.payment.reference,this.remessionPayment=this.payment,"Success"===this.payment.status&&(this.isPaymentSuccess=!0)),this.option=this.paymentLibComponent.SELECTED_OPTION,this.bsPaymentDcnNumber=this.paymentLibComponent.bspaymentdcn,this.remissionForm=this.formBuilder.group({remissionCode:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("("+this.pattern1+")|("+this.pattern2+")")])),amount:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^[0-9]+(.[0-9]{1,2})?$")])),refundReason:new r.FormControl("",r.Validators.compose([r.Validators.required])),refundDDReason:new r.FormControl("",r.Validators.compose([r.Validators.required])),reason:new r.FormControl,feeAmount:new r.FormControl,feesList:this.formBuilder.array([])}),this.remissionForm.controls.refundDDReason.setValue("Select a different reason",{onlySelf:!0}),void 0!==this.refundPaymentReference&&this.refundPaymentReference.length>0?this.paymentReference=this.refundPaymentReference:this.paymentReference=void 0!==this.payment?this.payment.reference:"",this.isFromServiceRequestPage&&this.paymentViewService.getApportionPaymentDetails(this.paymentReference).subscribe((function(t){var n=[];t.fees.forEach((function(s){e.isRemissionsMatch=!1,t.remissions.forEach((function(t){t.fee_code===s.code&&(e.isRemissionsMatch=!0,s.remissions=t,n.push(s))})),e.isRemissionsMatch||n.push(s)})),t.fees=n,e.paymentFees=n,e.fees=n,e.paymentGroup=t,e.paymentGroup.payments=e.paymentGroup.payments.filter((function(t){return t.reference.includes(e.paymentLibComponent.paymentReference)})),e.refundFeesList()}),(function(t){return e.errorMessage=t})),this.fees&&"issuerefund"===this.viewCompStatus&&this.refundFeesList(),""===this.viewCompStatus&&(this.viewStatus="main"),"issuerefundpage1"===this.viewCompStatus&&(this.refundService.getRefundReasons().subscribe((function(t){e.refundReasons=t.filter((function(e){return!1===e.recently_used})),e.refundReasons=e.refundReasons.filter((function(e){return"Retrospective remission"!==e.name&&"Overpayment"!==e.name})),e.cd.detectChanges(),e.commonRefundReasons=t.filter((function(e){return!0===e.recently_used})),e.commonRefundReasons.sort((function(e,t){return e.toString().localeCompare(t)})),e.cd.detectChanges()})),this.refundReason=this.changeRefundReason),"processretroremissonpage"===this.viewCompStatus&&this.isFromRefundListPage&&(this.viewStatus="processretroremissonpage"),void 0!==this.orderDetail&&this.paymentViewService.getApportionPaymentDetails(this.orderDetail[0].payments[0].reference).subscribe((function(t){e.fees=t.fees,e.paymentReference=t.payments[0].reference}),(function(t){return e.errorMessage=t}))},e.prototype.goToPaymentViewComponent=function(){this.paymentLibComponent.paymentMethod=this.payment.method,this.paymentLibComponent.paymentGroupReference=this.paymentGroupRef,this.paymentLibComponent.paymentReference=this.paymentReference,this.paymentLibComponent.viewName="payment-view"},e.prototype.refundFeesList=function(){for(var e=this.remissionForm.controls.feesList,t=0;t<this.fees.length;t++)e.push(this.formBuilder.group({id:this.fees[t].id,code:this.fees[t].code,volume:this.fees[t].volume,calculated_amount:this.fees[t].calculated_amount,apportion_amount:this.fees[t].apportion_amount,ccd_case_number:this.fees[t].ccd_case_number,description:this.fees[t].description,net_amount:this.fees[t].net_amount,version:this.fees[t].version,refund_amount:[""],selected:[""],updated_volume:this.fees[t].volume}));this.cd.detectChanges()},Object.defineProperty(e.prototype,"feesList",{get:function(){this.remissionForm.get("feesList");return this.remissionForm.get("feesList")},enumerable:!1,configurable:!0}),e.prototype.noneSelected=function(){return!this.isFullyRefund&&(this.feesList.controls.some((function(e){return!0===e.get("selected").value}))||(this.errorMsg=[],[].forEach.call(document.querySelectorAll("input"),(function(e){e.classList.remove("inline-error-class")}))),!this.feesList.controls.some((function(e){return!0===e.get("selected").value})))},e.prototype.check_en=function(e,t,n,s){var a=document.getElementById(t),o=this.remissionForm.controls.feesList;a.checked?(o.at(e).get("refund_amount").setValue(n),o.at(e).get("volume").setValue(s),o.at(e).get("selected").setValue(!0),o.at(e).get("updated_volume").setValue(s),document.getElementById("feeAmount_"+t).value=n,document.getElementById("feeAmount_"+t).removeAttribute("disabled"),1===s?document.getElementById("VolumeUpdated_"+t).value=s:document.getElementById("feeVolumeUpdated_"+t).value=s,null!==document.getElementById("feeVolumeUpdated_"+t)&&(document.getElementById("feeAmount_"+t).removeAttribute("disabled"),document.getElementById("feeVolumeUpdated_"+t).removeAttribute("disabled")),this.cd.detectChanges()):(this.errorMsg=[],document.getElementById("feeAmount_"+t).setAttribute("disabled","true"),this.remissionForm.value.feesList[e].refund_amount="",this.remissionForm.value.feesList[e].volume="",this.remissionForm.value.feesList[e].selected=!1,document.getElementById("feeAmount_"+t).value="",s>1&&(this.remissionForm.value.feesList[e].volume="",document.getElementById("feeVolumeUpdated_"+t).value=""),null!==document.getElementById("feeVolumeUpdated_"+t)&&document.getElementById("feeVolumeUpdated_"+t).removeAttribute("disabled"),this.cd.detectChanges())},e.prototype.addRemission=function(){this.resetRemissionForm([!1,!1,!1,!1,!1,!1],"All");var e=this.remissionForm.controls,t=this.fee.calculated_amount>e.amount.value;this.remissionForm.controls.refundReason.setErrors(null),this.remissionForm.controls.refundDDReason.setErrors(null),this.remissionForm.dirty&&this.remissionForm.valid&&t?this.viewStatus="confirmation":(""==e.remissionCode.value&&this.resetRemissionForm([!0,!1,!1,!1,!1,!1],"remissionCode"),""!=e.remissionCode.value&&e.remissionCode.invalid&&this.resetRemissionForm([!1,!0,!1,!1,!1,!1],"remissionCode"),""==e.amount.value&&this.resetRemissionForm([!1,!1,!0,!1,!1,!1],"amount"),""!=e.amount.value&&e.amount.invalid&&this.resetRemissionForm([!1,!0,!1,!0,!1,!1],"amount"),e.amount.valid&&!t&&this.resetRemissionForm([!1,!1,!1,!1,!0,!1],"amount"))},e.prototype.confirmRemission=function(){var e=this;this.isConfirmationBtnDisabled=!0;var t=this.remissionForm.controls.amount.value,n=this.fee.net_amount-t,s=new de(this.ccdCaseNumber,this.fee,n,this.remissionForm.controls.remissionCode.value,this.caseType);this.paymentViewService.postPaymentGroupWithRemissions(decodeURIComponent(this.paymentGroupRef).trim(),this.fee.id,s).subscribe((function(t){if(JSON.parse(t).success){var n=e.isTurnOff?"&isTurnOff=Enable":"&isTurnOff=Disable";n+="&caseType="+e.caseType,e.paymentLibComponent.bspaymentdcn?(e.router.routeReuseStrategy.shouldReuseRoute=function(){return!1},e.router.onSameUrlNavigation="reload",e.router.navigateByUrl("/payment-history/"+e.ccdCaseNumber+"?view=fee-summary&selectedOption="+e.option+"&paymentGroupRef="+e.paymentGroupRef+"&dcn="+e.paymentLibComponent.bspaymentdcn+n)):e.gotoCasetransationPage()}}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1}))},e.prototype.resetRemissionForm=function(e,t){"All"===t?(this.isRemissionCodeEmpty=e[0],this.remissionCodeHasError=e[1],this.isAmountEmpty=e[2],this.amountHasError=e[3],this.isRemissionLessThanFeeError=e[4],this.isReasonEmpty=e[5]):"remissionCode"===t||"All"===t?(this.isRemissionCodeEmpty=e[0],this.remissionCodeHasError=e[1]):"amount"===t||"All"===t?(this.isAmountEmpty=e[2],this.amountHasError=e[3],this.isRemissionLessThanFeeError=e[4]):"reason"!==t&&"All"!==t||(this.isReasonEmpty=e[5])},e.prototype.addRemissionCode=function(){this.errorMessage=!1,this.errorMsg=[],this.viewStatus="",this.isRefundRemission=!1,this.resetRemissionForm([!1,!1,!1,!1,!1,!1],"All");var e=this.remissionForm.controls;this.remissionForm.controls.refundReason.setErrors(null),this.remissionForm.controls.refundDDReason.setErrors(null),this.remissionForm.controls.amount.setErrors(null),this.remissionForm.dirty&&this.remissionForm.valid?this.isFromCheckAnsPage?(this.viewCompStatus="",this.viewStatus="checkretroremissionpage"):(this.viewCompStatus="",this.viewStatus="processretroremissonpage"):(""==e.remissionCode.value&&this.resetRemissionForm([!0,!1,!1,!1,!1],"remissionCode"),""!=e.remissionCode.value&&e.remissionCode.invalid&&this.resetRemissionForm([!1,!0,!1,!1,!1],"remissionCode"),""==e.amount.value&&this.resetRemissionForm([!1,!1,!0,!1,!1],"amount"),""!=e.amount.value&&e.amount.invalid&&this.resetRemissionForm([!1,!0,!1,!0,!1],"amount"),""==e.reason.value&&this.resetRemissionForm([!1,!1,!1,!0,!1,!0],"reason"),e.amount.valid&&this.resetRemissionForm([!1,!1,!1,!1,!0],"amount"))},e.prototype.gotoAddRetroRemissionCodePage=function(){return this.errorMessage=!1,this.isFromCheckAnsPage=!1,this.errorMsg=[],this.isRefundRemission?(this.refundListAmount.emit(),void(this.paymentLibComponent.isFromRefundStatusPage=!0)):this.isFromRefundListPage?(this.paymentLibComponent.iscancelClicked=!0,this.refundListReason.emit({reason:this.selectedRefundReason,code:this.refundReason}),void(this.paymentLibComponent.isFromRefundStatusPage=!0)):(this.viewStatus="",this.selectedValue="yes",this.viewCompStatus="addremission",this.isRefundRemission=!0,this.errorMessage="",this.errorMsg=[],void(this.isFromPaymentDetailPage&&(this.paymentLibComponent.viewName="payment-view")))},e.prototype.gotoCheckRetroRemissionPage=function(e){if(this.paymentLibComponent.iscancelClicked=!1,this.errorMessage="",this.resetRemissionForm([!1,!1,!1,!1,!1],"All"),this.isRefundRemission){""==(t=this.remissionForm.controls).amount.value||t.amount.value<0?this.resetRemissionForm([!1,!1,!0,!1,!1],"amount"):(this.viewCompStatus="",this.viewStatus="checkretroremissionpage",this.refundListAmount.emit(t.amount.value))}else{var t=this.remissionForm.controls,n=this.fee.calculated_amount>=t.amount.value;this.remissionForm.dirty&&(""==t.amount.value||t.amount.value<0?this.resetRemissionForm([!1,!1,!0,!1,!1],"amount"):""!=t.amount.value&&t.amount.invalid?this.resetRemissionForm([!1,!1,!1,!0,!1],"amount"):t.amount.valid&&!n?this.resetRemissionForm([!1,!1,!1,!1,!0],"amount"):(this.viewCompStatus="",this.viewStatus="checkretroremissionpage"))}},e.prototype.gotoAmountRetroRemission=function(){this.isFromCheckAnsPage=!1,this.viewStatus="processretroremissonpage",this.viewCompStatus="",this.errorMessage=""},e.prototype.gotoProcessRetroRemissionPage=function(){this.isFromCheckAnsPage=!0,this.viewStatus="",this.viewCompStatus="addremission",this.isRefundRemission=!0,this.errorMessage="",this.errorMsg=[]},e.prototype.gotoProcessRetroRemission=function(e){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.isFromCheckAnsPage=!0,this.viewStatus="remissionAddressPage",this.viewCompStatus="",this.isRefundRemission=!0,this.errorMessage=""},e.prototype.confirmRetroRemission=function(){var e=this;if(!this.isConfirmationBtnDisabled){this.retroRemission=!0,this.remissionamt=this.remissionForm.controls.amount.value;var t=new ue(this.remissionamt,this.remissionForm.controls.remissionCode.value);this.paymentViewService.postPaymentGroupWithRetroRemissions(decodeURIComponent(this.paymentGroupRef).trim(),this.fee.id,t).subscribe((function(t){JSON.parse(t)&&(e.isRemissionApplied=!0,e.viewCompStatus="",e.viewStatus="retroremissionconfirmationpage",e.remissionReference=JSON.parse(t).remission_reference)}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1,e.cd.detectChanges()}))}},e.prototype.processRefund=function(){var e=this;this.errorMessage="",this.errorMsg=[],this.isConfirmationBtnDisabled=!0,this.isRefundRemission&&(this.retroRemission=!0),void 0!==this.remissionReference&&""!==this.remissionReference||(this.remissionReference=this.remission.remission_reference);var t=new pe(this.remissionReference,this.contactDetailsObj);this.paymentViewService.postRefundRetroRemission(t).subscribe((function(t){JSON.parse(t)&&(e.viewCompStatus="",e.viewStatus="refundconfirmationpage",e.refundReference=JSON.parse(t).refund_reference,e.refundAmount=JSON.parse(t).refund_amount)}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1}))},e.prototype.gotoIssueRefundConfirmation=function(e){if(this.paymentLibComponent.iscancelClicked=!1,"true"===this.paymentLibComponent.REFUNDLIST&&(this.isFromRefundListPage=!0),this.totalRefundAmount=this.remissionForm.value.feesList.reduce((function(e,t){return e+t.refund_amount*t.selected}),0),this.errorMessage="",this.errorMsg=[],this.refundReason=null===this.remissionForm.controls.refundReason.value?this.remissionForm.controls.refundDDReason.value:this.remissionForm.controls.refundReason.value,this.refundReason&&"Select a different reason"!==this.refundReason)if(!this.selectedRefundReason.includes("Other")||""!=this.remissionForm.controls.reason.value&&null!=this.remissionForm.controls.reason.value)if(this.selectedRefundReason.includes("Other")&&""!==this.remissionForm.controls.reason.value)if(this.refundHasError=!1,this.refundReason+="-"+this.remissionForm.controls.reason.value,this.displayRefundReason=this.selectedRefundReason+"-"+this.remissionForm.controls.reason.value,this.isFromRefundListPage)this.refundListReason.emit({reason:this.displayRefundReason,code:this.refundReason});else{if(this.isFromCheckAnsPage)return this.totalRefundAmount=this.remissionForm.value.feesList.reduce((function(e,t){return e+t.refund_amount*t.selected}),0),this.isFromCheckAnsPage=!1,this.viewStatus="checkissuerefundpage",this.viewCompStatus="",void(this.notificationPreview=!1);this.viewCompStatus="",this.viewStatus="contactDetailsPage"}else{if(this.displayRefundReason=this.selectedRefundReason,this.isFromCheckAnsPage)return this.totalRefundAmount=this.remissionForm.value.feesList.reduce((function(e,t){return e+t.refund_amount*t.selected}),0),this.isFromCheckAnsPage=!1,this.viewStatus="checkissuerefundpage",this.viewCompStatus="",void(this.notificationPreview=!1);this.isFromRefundListPage?(this.paymentLibComponent.isFromRefundStatusPage=!0,this.refundListReason.emit({reason:this.selectedRefundReason,code:this.refundReason})):(this.viewCompStatus="",this.viewStatus="contactDetailsPage")}else this.resetRemissionForm([!1,!1,!1,!0,!1,!0],"reason");else this.refundHasError=!0},e.prototype.gotoIssueRefundPage=function(){this.errorMessage="",this.viewCompStatus="issuerefund",this.viewStatus="",this.isRefundRemission=!0,this.errorMessage=!1,this.errorMsg=[],this.refundHasError=!1,this.isReasonEmpty=!1},e.prototype.gotoIssuePage=function(e){if(e)this.viewCompStatus="issuerefundpage1",this.getRefundReasons();else{[].forEach.call(document.querySelectorAll("input"),(function(e){e.classList.remove("inline-error-class")}));var t=document.getElementsByTagName("input");this.errorMessage="",this.totalRefundAmount=0,this.errorMsg=[];for(var n=0;n<t.length;n++)if(t[n].checked){this.fullRefund=!1;var s=+document.getElementById("feeVolume_"+t[n].value).value,a=+document.getElementById("feeAmount_"+t[n].value).value,o=+document.getElementById("feeApportionAmount_"+t[n].value).value;document.getElementById("calculatedAmount_"+t[n].value).value;a===o&&(this.fullRefund=!0),0===a&&(this.elementId="feeAmount_"+t[n].value,this.errorMsg.push("You need to enter a refund amount"),this.getErrorClass(this.elementId)),1===s&&a>0&&a>o&&(this.elementId="feeAmount_"+t[n].value,this.errorMsg.push("The amount you want to refund is more than the amount paid"),this.getErrorClass(this.elementId)),s>1&&(this.quantityUpdated=+document.getElementById("feeVolumeUpdated_"+t[n].value).value,0===this.quantityUpdated&&(this.elementId="feeVolumeUpdated_"+t[n].value,this.errorMsg.push("You need to enter quantity"),this.getErrorClass(this.elementId)),this.fullRefund&&s!==this.quantityUpdated&&(this.elementId="feeVolumeUpdated_"+t[n].value,this.errorMsg.push("The quantity you want to refund should be maximun available quantity"),this.getErrorClass(this.elementId)),!this.fullRefund&&this.quantityUpdated>0&&a>0&&(this.refundAmtForFeeVolumes=+document.getElementById("feeVOl_"+t[n].value).innerText,this.allowedRefundAmount=this.quantityUpdated*this.refundAmtForFeeVolumes,this.allowedRefundAmount!==a&&(this.elementId="feeAmount_"+t[n].value,this.errorMsg.push("The Amount to Refund should be equal to the product of Fee Amount and quantity"),this.getErrorClass(this.elementId))),!this.fullRefund&&a>o&&(this.elementId="feeAmount_"+t[n].value,this.errorMsg.push("The amount you want to refund is more than the amount paid"),this.getErrorClass(this.elementId)),!this.fullRefund&&this.quantityUpdated>0&&this.quantityUpdated>s&&(this.elementId="feeVolumeUpdated_"+t[n].value,this.errorMsg.push("The quantity you want to refund is more than the available quantity"),this.getErrorClass(this.elementId)))}if(0===this.errorMsg.length){if(this.isFromCheckAnsPage)return this.isFromCheckAnsPage=!1,this.totalRefundAmount=this.remissionForm.value.feesList.reduce((function(e,t){return e+t.refund_amount*t.selected}),0),this.fees=this.remissionForm.value.feesList.filter((function(e){return!0===e.selected})),this.viewStatus="checkissuerefundpage",this.viewCompStatus="",void(this.notificationPreview=!1);if(this.isFromRefundStatusPage){this.remissionForm.controls;return this.totalRefundAmount=this.remissionForm.value.feesList.reduce((function(e,t){return e+t.refund_amount*t.selected}),0),this.refundListAmount.emit(this.totalRefundAmount.toString()),this.fees=this.remissionForm.value.feesList.filter((function(e){return!0===e.selected})),void this.refundFees.emit(this.fees)}this.viewCompStatus="issuerefundpage1",this.getRefundReasons()}}},e.prototype.calAmtToRefund=function(e,t,n,s){var a=e*(t/n);this.remissionForm.controls.feesList.at(s).get("refund_amount").setValue(a)},e.prototype.gotoContactDetailsPage=function(e){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.errorMessage="",this.viewCompStatus="",this.viewStatus="contactDetailsPage",this.isRefundRemission=!0,this.errorMessage=!1},e.prototype.getRefundReasons=function(){var e=this;"issuerefundpage1"===this.viewCompStatus&&this.refundService.getRefundReasons().subscribe((function(t){e.refundReasons=t.filter((function(e){return!1===e.recently_used})),e.refundReasons=e.refundReasons.filter((function(e){return"Retrospective remission"!==e.name})),e.cd.detectChanges(),e.commonRefundReasons=t.filter((function(e){return!0===e.recently_used})),e.commonRefundReasons.sort((function(e,t){return e.toString().localeCompare(t)})),e.cd.detectChanges()}))},e.prototype.getErrorClass=function(e){this.errorMsg.length>0&&document.getElementById(e).classList.add("inline-error-class")},e.prototype.changeIssueRefundReason=function(){this.isFromCheckAnsPage=!0,this.errorMessage="",this.errorMsg=[],this.refundHasError=!1,this.isReasonEmpty=!1,this.viewCompStatus="issuerefundpage1",this.viewStatus="",this.isRefundRemission=!0},e.prototype.confirmIssueRefund=function(e){var t=this;this.isConfirmationBtnDisabled=!0,this.errorMessage="",this.errorMsg=[],this.isRefundRemission&&(this.retroRemission=!0),e&&(this.totalRefundAmount=this.payment.amount),e||(this.fees=this.remissionForm.value.feesList.filter((function(e){return!0===e.selected}))),this.fees=this.fees.map((function(e){return{id:e.id,code:e.code,version:e.version,apportion_amount:e.apportion_amount,calculated_amount:e.calculated_amount,updated_volume:e.updated_volume?e.updated_volume:e.volume,refund_amount:e.refund_amount?e.refund_amount:t.totalRefundAmount}}));var n=new D(this.contactDetailsObj,this.fees,this.payment.reference,this.refundReason,this.totalRefundAmount,"op");this.paymentViewService.postRefundsReason(n).subscribe((function(e){JSON.parse(e)&&(t.viewCompStatus="",t.viewStatus="refundconfirmationpage",t.refundReference=JSON.parse(e).refund_reference,JSON.parse(e).refund_amount&&(t.refundAmount=JSON.parse(e).refund_amount))}),(function(e){t.errorMessage=e,t.isConfirmationBtnDisabled=!1,t.cd.detectChanges()}))},e.prototype.gotoRefundReasonPage=function(){this.viewStatus="",this.viewCompStatus="issuerefundpage1"},e.prototype.selectRadioButton=function(e,t){localStorage.setItem("myradio",t);var n=this.remissionForm.controls;n.refundDDReason.setValue("Select a different reason",{onlySelf:!0}),n.reason.reset(),this.isRefundReasonsSelected=!0,this.errorMessage=!1,this.errorMsg=[],this.isReasonEmpty=!1,this.showReasonText=!1,this.refundHasError=!1,this.selectedRefundReason=t,this.selectedRefundReasonCode=e,this.selectedRefundReason.includes("Other")&&(this.showReasonText=!0,this.refundHasError=!1,this.refundReason=t)},e.prototype.selectchange=function(e){var t=this.remissionForm.controls;t.refundReason.reset(),t.reason.reset(),this.isRefundReasonsSelected=!1,this.showReasonText=!1,this.refundHasError=!1,this.selectedRefundReason=e.target.options[e.target.options.selectedIndex].id,this.selectedRefundReasonCode=e.target.options[e.target.options.selectedIndex].value,this.reasonLength=29-this.selectedRefundReason.split("- ")[1].length,this.selectedRefundReason.includes("Other")&&(this.showReasonText=!0,this.refundHasError=!1,this.refundReason=e.target.options[e.target.options.selectedIndex].id)},e.prototype.getContactDetails=function(e,t){this.contactDetailsObj=e,this.viewCompStatus="",this.notificationPreview=!1,"checkaddRefundpage"==t?this.getTemplateInstructionType(this.remessionPayment.reference,this.remessionPayment):"checkissuerefundpage"==t?this.getTemplateInstructionType(this.payment.reference,this.payment):"addrefundcheckandanswer"==t&&this.getTemplateInstructionType(this.paymentReference,this.paymentObj),this.viewStatus=t},e.prototype.gotoPartialFeeRefundScreen=function(){if(this.isFromRefundStatusPage){this.remissionForm.controls;this.refundListReason.emit({reason:this.displayRefundReason,code:this.refundReason})}else this.refundHasError=!1,this.viewCompStatus="issuerefund",this.viewStatus=""},e.prototype.gotoServiceRequestPage=function(e){var t=this;if(this.errorMessage="",this.errorMsg=[],this.isFromCheckAnsPage=!1,e.preventDefault(),this.isFromRefundStatusPage){this.remissionForm.controls;return this.totalRefundAmount=0,void this.refundListAmount.emit(this.totalRefundAmount.toString())}this.isFromServiceRequestPage&&!this.isFromPaymentDetailPage?(this.viewStatus="order-full-view",this.viewCompStatus=""):this.isFromRefundListPage?(this.paymentLibComponent.iscancelClicked=!0,this.refundListReason.emit({reason:this.selectedRefundReason,code:this.refundReason}),this.paymentLibComponent.isFromRefundStatusPage=!0):(this.paymentLibComponent.paymentMethod=this.payment.method,this.paymentLibComponent.paymentGroupReference=this.paymentLibComponent.paymentGroupReference,this.paymentLibComponent.paymentReference=this.payment.reference,this.paymentLibComponent.viewName="payment-view",this.OrderslistService.setOrderRef(this.orderRef),this.OrderslistService.setorderCCDEvent(this.orderCCDEvent),this.OrderslistService.setorderCreated(this.orderCreated),this.OrderslistService.setorderDetail(this.orderDetail),this.OrderslistService.setorderParty(this.orderParty),this.OrderslistService.setorderTotalPayments(this.orderTotalPayments),this.OrderslistService.setorderRemissionTotal(this.orderRemissionTotal),this.OrderslistService.setorderFeesTotal(this.orderFeesTotal),this.viewStatus="payment-view",this.sendOrderDetail=this.orderDetail,this.sendOrderRef=this.orderRef,void 0===this.LOGGEDINUSERROLES&&this.OrderslistService.getUserRolesList().subscribe((function(e){return t.LOGGEDINUSERROLES=e})),this.viewCompStatus="")},e.prototype.gotoAddressPage=function(e){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.errorMessage="",this.viewCompStatus="addrefundforremission",this.viewStatus="",this.isRefundRemission=!0,this.errorMessage=!1},e.prototype.gotoRemissionSuccess=function(e){e.preventDefault(),this.errorMessage="",this.viewCompStatus="",this.viewStatus="retroremissionconfirmationpage",this.isRefundRemission=!0,this.errorMessage=!1},e.prototype.gotoCasetransationPage=function(){this.OrderslistService.setnavigationPage("casetransactions"),this.errorMessage="",this.errorMsg=[],this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.VIEW="case-transactions",this.paymentLibComponent.ISTURNOFF=this.isTurnOff,this.paymentLibComponent.isFromServiceRequestPage=!0,this.resetOrderData();var e=this.bsPaymentDcnNumber?"&dcn="+this.bsPaymentDcnNumber:"";e+=this.paymentLibComponent.ISBSENABLE?"&isBulkScanning=Enable":"&isBulkScanning=Disable",e+=this.paymentLibComponent.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable",e+=this.isStrategicFixEnable?"&isStFixEnable=Enable":"&isStFixEnable=Disable",e+="&caseType="+this.caseType;var t="/payment-history/"+this.ccdCaseNumber+"?view=case-transactions&takePayment="+this.paymentLibComponent.TAKEPAYMENT+"&selectedOption="+this.option+e;this.router.routeReuseStrategy.shouldReuseRoute=function(){return!1},this.router.onSameUrlNavigation="reload",this.router.navigateByUrl(t)},e.prototype.gotoCasetransationPageCancelBtnClicked=function(e){if(e.preventDefault(),this.errorMsg=[],void 0===this.paymentLibComponent.isFromServiceRequestPage||this.paymentLibComponent.isFromServiceRequestPage){if(this.paymentLibComponent.REFUNDLIST)return void(this.paymentLibComponent.viewName="refund-list");void 0===this.paymentLibComponent.TAKEPAYMENT&&void 0===this.paymentLibComponent.SERVICEREQUEST&&(this.paymentLibComponent.SERVICEREQUEST="false"),this.OrderslistService.setisFromServiceRequestPage(!1),this.OrderslistService.setpaymentPageView({method:"",payment_group_reference:"",reference:""}),this.OrderslistService.setnavigationPage("casetransactions"),this.errorMessage="",this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISTURNOFF=this.isTurnOff,this.paymentLibComponent.isFromServiceRequestPage=!0,this.paymentLibComponent.ISBSENABLE=!0;var t=this.bsPaymentDcnNumber?"&dcn="+this.bsPaymentDcnNumber:"";if(t+=this.paymentLibComponent.ISBSENABLE?"&isBulkScanning=Enable":"&isBulkScanning=Disable",t+=this.paymentLibComponent.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable",t+=this.isStrategicFixEnable?"&isStFixEnable=Enable":"&isStFixEnable=Disable",t+="&caseType="+this.caseType,this.isFromPaymentDetailPage&&(t+=this.paymentLibComponent.isFromPaymentDetailPage),this.paymentLibComponent.SERVICEREQUEST){n="/payment-history/"+this.ccdCaseNumber+"?selectedOption="+this.option+t;this.router.routeReuseStrategy.shouldReuseRoute=function(){return!1},this.router.onSameUrlNavigation="reload",this.router.navigateByUrl(n)}else{var n="/payment-history/"+this.ccdCaseNumber+"?view=case-transactions&takePayment="+this.paymentLibComponent.TAKEPAYMENT+"&selectedOption="+this.option+t;this.router.routeReuseStrategy.shouldReuseRoute=function(){return!1},this.router.onSameUrlNavigation="reload",this.router.navigateByUrl(n)}}else this.OrderslistService.setnavigationPage("casetransactions"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.VIEW="case-transactions",this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isRefundStatusView=!1},e.prototype.resetOrderData=function(){this.OrderslistService.setOrderRef(null),this.OrderslistService.setorderCCDEvent(null),this.OrderslistService.setorderCreated(null),this.OrderslistService.setorderDetail(null),this.OrderslistService.setorderParty(null),this.OrderslistService.setorderTotalPayments(null),this.OrderslistService.setorderRemissionTotal(null),this.OrderslistService.setorderFeesTotal(null)},e.prototype.changeRefundAmount=function(){this.isFromCheckAnsPage=!0,this.viewCompStatus="issuerefund",this.viewStatus=""},e.prototype.getFormattedCurrency=function(e){return e.toString().includes(".")?e:e.toString().concat(".00")},e.prototype.showNotificationPreview=function(){this.notificationPreview=!0},e.prototype.hideNotificationPreview=function(){this.notificationPreview=!1},e.prototype.getTemplateInstructionType=function(e,t){var n=this;null==t||null==t||t.reference!=e?this.paymentViewService.getPaymentDetails(e).subscribe((function(t){n.paymentObj=t,n.paymentObj.reference=e,n.templateInstructionType=n.notificationService.getNotificationInstructionType(n.paymentObj.channel,n.paymentObj.method)}),(function(e){n.templateInstructionType="Template"})):this.templateInstructionType=this.notificationService.getNotificationInstructionType(t.channel,t.method)},e}());me.decorators=[{type:t.Component,args:[{selector:"ccpay-add-remission",template:'<div class="add-remission pagesize">\n  <div *ngIf="errorMessage">\n    <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n      <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n        Error in processing the request\n      </h2>\n      <div  class="govuk-error-summary__body">\n        {{ errorMessage }}\n      </div>\n    </div>\n  </div>\n  <div *ngIf="errorMsg.length > 0">\n    <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n      <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n        Error in processing the request\n      </h2>\n      <div *ngFor="let err of errorMsg; let i = index" class="govuk-error-summary__body">\n       \n        <li>{{err}}</li>\n      </div>\n    </div>\n  </div>\n\n<ng-container *ngIf="viewStatus === \'main\' && !isRefundRemission ">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDREMISSION\'>\n    <h1 class="heading-large">Add remission </h1>\n    <form novalidate>\n      <div class="govuk-form-group">\n        <form [formGroup]="remissionForm" novalidate>\n          <div class="govuk-form-group">\n            <label class="govuk-label govuk-label--s" for="remission-code">\n                Add remission to {{ fee?.code }}: {{ fee?.description }}\n              <span class="form-hint">Enter remission for reference. For example: HWF-A1B-23C OR PA21-123456</span>\n            </label>\n            <input [ngClass]="{\'inline-error-class\': isRemissionCodeEmpty || remissionCodeHasError}" class="govuk-input govuk-input--width-20 govuk-!-margin-right-1" id="remissionCode" aria-label="remissionCode"  name="remissionCode" type="text" formControlName="remissionCode">\n            <p class="inline-error-message" *ngIf="isRemissionCodeEmpty || remissionCodeHasError">\n              <span *ngIf="isRemissionCodeEmpty">Enter a remission code</span>\n              <span *ngIf="remissionCodeHasError">Enter a vaild remission code</span>\n            </p>\n          </div>\n          <div class="govuk-form-group">\n            <label class="govuk-label govuk-label--s" for="amount">\n              How much does the applicant need to pay?\n            </label>\n\n            <div id="amount-currency" class="govuk-visually-hidden">in pounds</div>\n              <div class="hmcts-currency-input">\n              <div class="hmcts-currency-input__symbol" aria-hidden="true">£</div>\n              <input class="govuk-input govuk-input--width-10" [ngClass]="{\'inline-error-class\': isAmountEmpty || amountHasError || isRemissionLessThanFeeError}" id="amount" aria-label="amount"  name="amount" type="text" aria-describedby="amount-currency" formControlName="amount">\n              <p class="inline-error-message" *ngIf="isAmountEmpty || amountHasError || isRemissionLessThanFeeError">\n                <span *ngIf="isAmountEmpty">Enter a amount</span>\n                <span *ngIf="amountHasError">Enter a vaild amount</span>\n                <span *ngIf="isRemissionLessThanFeeError">The remission amount must be less than the total fee</span>\n              </p>\n            </div>\n          </div>\n        </form>\n        <button class="button" type="submit" (click)="addRemission()">\n            Submit\n          </button>\n      </div>\n    </form>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'confirmation\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDREMISSIONCONFIRMATION\'> \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        Are you sure you want to add remission to this fee?\n      </strong>\n    </div>\n    <table class="govuk-table">\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Remission code:</td>\n          <td class="govuk-table__cell">{{ remissionForm.controls.remissionCode.value }}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Fee code:</td>\n          <td class="govuk-table__cell">{{ fee.code }}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Fee description:</td>\n          <td class="govuk-table__cell">{{ fee.description }}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Amount the applicant must pay:</td>\n          <td class="govuk-table__cell">{{  remissionForm.controls.amount.value  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n      </tr>\n    </table>\n\n    <button type="submit" class="button govuk-button--secondary" (click)="cancelRemission.emit()">\n      Cancel\n    </button>\n    <button type="submit"\n    [disabled]="isConfirmationBtnDisabled"\n    [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n    (click)="confirmRemission()">\n      Confirm\n    </button>\n\n</ng-container>\n\n\x3c!-- Add retro remission changes--\x3e\n\n<ng-container *ngIf="viewCompStatus === \'addremission\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'PROCESSADDRETROREMISSIONPAGE\'> \n    <h1 class="heading-large">Process remission</h1>\n    <h1 class="heading-medium">#{{ccdCaseNumber | ccdHyphens}}</h1>\n    <h1 class="heading-large">Enter help with fees or remission reference</h1>\n    <form novalidate>\n        <div class="govuk-form-group">\n          <form [formGroup]="remissionForm" novalidate>\n            <div class="govuk-form-group">\n              <label class="govuk-label govuk-label--s" for="remission-code">\n                <span class="form-hint">For example: HWF-A1B-23C OR PA21-123456</span>\n              </label>\n              <p class="inline-error-message" *ngIf="isRemissionCodeEmpty || remissionCodeHasError">\n                <span *ngIf="isRemissionCodeEmpty">Enter a remission code</span>\n                <span *ngIf="remissionCodeHasError">Enter a vaild remission code</span>\n              </p>\n              <input [ngClass]="{\'inline-error-class\': isRemissionCodeEmpty || remissionCodeHasError}" class="govuk-input govuk-input--width-20 govuk-!-margin-right-1" id="remissionCode" aria-label="remissionCode"  name="remissionCode" type="text" formControlName="remissionCode">\n           \n            </div>\n          \n          </form>\n          <div class="govuk-button-group">\n              <button (click)="gotoServiceRequestPage($event)" class="govuk-button govuk-button--secondary"> Previous</button>\n              <button (click)="addRemissionCode()" class="govuk-button"> Continue</button>\n          </div>\n          <p><a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link pointer" data-module="govuk-button">Cancel</a></p>\n        </div>\n    </form>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'processretroremissonpage\'" >\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'PROCESSRETROREMISSIONPAGE\'> \n    <h1 class="heading-large">Process remission</h1>\n    <h1 class="heading-medium">#{{ccdCaseNumber | ccdHyphens }}</h1>\n    <div class="govuk-form-group">\n        <form novalidate>\n            <div class="govuk-form-group">\n                <form [formGroup]="remissionForm" novalidate>\n                    <fieldset class="govuk-fieldset">\n                      <legend class="govuk-fieldset__legend govuk-fieldset__legend--m"> \n                          <h1 *ngIf="remessionPayment?.status === \'Success\' ||   isFromRefundListPage" class="heading-medium">\n                              Enter the amount to be refunded\n                          </h1> \n                          <h1 *ngIf="remessionPayment?.status !== \'Success\' && !isFromRefundListPage" class="heading-medium">\n                              Enter the remission amount\n                          </h1> \n                          <h1 *ngIf="remessionPayment?.status === \'undefined\'" class="heading-medium">\n                              Enter the  amount\n                          </h1> \n                        </legend>\n                     <div id="amount-currency" class="govuk-visually-hidden">in pounds</div>\n                     <p class="inline-error-message" *ngIf="isAmountEmpty || amountHasError || isRemissionLessThanFeeError">\n                      <span *ngIf="isAmountEmpty">Enter a amount</span>\n                      <span *ngIf="amountHasError">Enter a vaild amount</span>\n                      <span *ngIf="isRemissionLessThanFeeError">You cannot add a remission that\'s more than the fee amount.</span>\n                    </p>\n                        <div class="hmcts-currency-input">\n                         \n                            <div class="hmcts-currency-input__symbol" aria-hidden="true">£</div>\n                            <input class="govuk-input govuk-input--width-10" [ngClass]="{\'inline-error-class\': isAmountEmpty || amountHasError || isRemissionLessThanFeeError}" id="amount" aria-label="amount"  name="amount"  type="number" aria-describedby="amount-currency" formControlName="amount">\n                            \n            \n                      </div>\n                    </fieldset>\n                </form>\n          \n                <div class="govuk-button-group">\n                    <button (click)="gotoAddRetroRemissionCodePage()" class="govuk-button govuk-button--secondary"> Previous</button>\n                    <button (click)="gotoCheckRetroRemissionPage(payment)" class="govuk-button"> Continue</button>\n                \n                </div>\n                <p>\n                  <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">Cancel</a>\n              </p>\n            </div>\n  \n        </form>\n    </div>\n</ng-container>\n<ng-container *ngIf="viewStatus === \'checkretroremissionpage\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'CHECKRETROREMISSIONCONFIRMATION\'> \n    <div class="govuk-warning-text">\n        <h1 class="heading-large"> Check your answers</h1>\n    </div>\n    <table class="govuk-table">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n            <td class="govuk-table__cell">{{remessionPayment ? remessionPayment.reference: \' \'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment amount</td>\n            <td class="govuk-table__cell">£{{ remessionPayment ? getFormattedCurrency(remessionPayment.amount): \' \' | currency :\'GBP\':\'symbol\':\'1.2-2\'}} </td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment status</td>\n            <td class="govuk-table__cell">{{remessionPayment ? remessionPayment.status: \'\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Fee</td>\n            <td class="govuk-table__cell">{{ fee.code }} - {{ fee.description }} </td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Fee amount</td>\n          <td class="govuk-table__cell">{{ fee.calculated_amount/fee.volume| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n      </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Help with fees or remission reference</td>\n            <td class="govuk-table__cell">{{ remissionForm.controls.remissionCode.value?.trim() }}\n             <a (click)="gotoProcessRetroRemissionPage()" class="govuk-link right" >Change</a>\n            </td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td *ngIf="remessionPayment.status === \'Success\'" class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n            <td *ngIf="remessionPayment.status !== \'Success\'" class="govuk-table__cell govuk-!-font-weight-bold">Remission amount</td>\n            <td class="govuk-table__cell">{{remissionForm.controls.amount.value  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n                <a (click)="gotoAmountRetroRemission()" class="govuk-link right" >Change</a>\n            </td>\n        </tr>\n    </table>\n\n    <button type="submit" class="button govuk-button--secondary" (click)="gotoAmountRetroRemission()">Previous</button>\n    <button type="submit" [disabled]="isConfirmationBtnDisabled" [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="confirmRetroRemission()"> Add remission </button>\n    <p> <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button"> Cancel</a> </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'retroremissionconfirmationpage\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'RETROREMISSIONCONFIRMATIONPAGE\'> \n  <div class="govuk-grid-row">\n    <div >\n      <div class="govuk-panel govuk-panel-border--confirmation">\n        <h1 class="govuk-panel__title">\n          Remission added\n        </h1>\n        <div *ngIf="remessionPayment.status === \'Success\'" class="govuk-panel__body">\n            <p class="govuk-body"><strong>The amount to be refunded should be {{remissionForm.controls.amount.value | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</strong></p>\n           \n          </div>\n        </div>\n        <div *ngIf="remessionPayment.status === \'Success\'" >\n            <button type="submit" [disabled]="!isRemissionApplied" [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="gotoProcessRetroRemission()">Continue </button>\n          </div>\n          <p class="govuk-body">\n          <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link pointer" data-module="govuk-button">\n            Return to case\n        </a>\n          </p>\n    </div>\n  </div>\n</ng-container>\n\n\n<ng-container *ngIf="viewStatus === \'remissionAddressPage\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDRESSDETAILSRETROREMISSIONPAGE\'>      \n    <h1 class="govuk-heading-l">Process refund</h1>\n    <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n  <ccpay-contact-details\n  [addressObj] = notification\n  (assignContactDetails)="getContactDetails($event, \'checkaddRefundpage\')"\n  (redirectToIssueRefund)="gotoRemissionSuccess($event)" ></ccpay-contact-details>\n  <p>\n      <a (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'checkaddRefundpage\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'CHECKRETROREMISSIONCONFIRMATION\'> \n    <div class="govuk-warning-text">\n        <h1 class="heading-large"> Check your answers</h1>\n    </div>\n    <table class="govuk-table">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n            <td class="govuk-table__cell">{{remessionPayment ? remessionPayment.reference: \' \'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment amount</td>\n            <td class="govuk-table__cell">£{{ remessionPayment ? getFormattedCurrency(remessionPayment.amount): \' \' | currency :\'GBP\':\'symbol\':\'1.2-2\'}} </td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment status</td>\n            <td class="govuk-table__cell">{{remessionPayment ? remessionPayment.status: \'\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Fee</td>\n            <td class="govuk-table__cell">{{ fee.code }} - {{ fee.description }} ({{ fee.calculated_amount/fee.volume| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}) </td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Help with fees or remission reference</td>\n            <td class="govuk-table__cell">{{ remissionForm.controls.remissionCode.value?.trim() }}\n            </td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td *ngIf="remessionPayment.status === \'Success\'" class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n            <td *ngIf="remessionPayment.status !== \'Success\'" class="govuk-table__cell govuk-!-font-weight-bold">Remission amount</td>\n            <td class="govuk-table__cell">{{remissionForm.controls.amount.value  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n            </td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n          <td class="govuk-table__cell">{{orderParty}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n        <td class="govuk-table__cell whitespace-inherit">\n          <div *ngIf="contactDetailsObj?.notification_type === \'EMAIL\'" class="contactDetails-width">\n            <strong>Email</strong>\n            <br/>\n            {{contactDetailsObj?.email?.trim()}}\n          </div>\n          <div *ngIf="contactDetailsObj?.notification_type === \'LETTER\'" class="contactDetails-width">\n            <strong>Post</strong>\n            <br/>\n            {{contactDetailsObj?.address_line?.trim()}}&nbsp;{{contactDetailsObj?.city?.trim()}}&nbsp;{{contactDetailsObj?.county?.trim()}}&nbsp;{{contactDetailsObj?.country?.trim()}}&nbsp;{{contactDetailsObj?.postal_code?.trim()}}\n          </div>\n          <a (click)="gotoProcessRetroRemission(contactDetailsObj)" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n        <td class="govuk-table__cell">{{templateInstructionType}}\n            <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n              Preview\n            </a>\n            <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n              Hide Preview\n            </a>\n        </td>\n      </tr>\n    </table>\n\n    <app-notification-preview *ngIf="notificationPreview" \n    [payment]="remessionPayment" \n    [contactDetails]="contactDetailsObj"\n    [refundReason]="\'RR036\'"\n    [refundAmount]="remissionForm.controls.amount.value"></app-notification-preview>\n\n    <button type="submit" class="button govuk-button--secondary" (click)="gotoProcessRetroRemission(contactDetailsObj)">Previous</button>\n    <button type="submit" [disabled]="isConfirmationBtnDisabled" [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\' (click)="processRefund()"> Submit refund </button>\n    <p> <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button"> Cancel</a> </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'refundconfirmationpage\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'RETROREMISSIONREFUNDCONFIRMATIONPAGE\'> \n    <div class="govuk-grid-row">\n      <div >\n        <div class="govuk-panel govuk-panel--confirmation">\n          <h1 class="govuk-panel__title">\n            Refund submitted\n          </h1>\n\n          <div class="govuk-panel__body">\n            <p class="govuk-body white"><strong>Refund reference: {{refundReference}}</strong></p>\n          </div>\n\n        </div>\n        <div *ngIf="isPaymentSuccess">\n        <h2 class="govuk-heading-l">What happens next</h2>\n        <p class="govuk-body">\n          A refund request for {{refundAmount  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} has been created and will be passed to a team leader to approve.\n        </p>\n      </div>\n      <p class="govuk-body">\n      <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link pointer" data-module="govuk-button">\n        Return to case\n    </a>\n      </p>\n      </div>\n    </div>\n  \n</ng-container>\n\n\x3c!-- Issue Refund Section --\x3e\n<ng-container *ngIf="viewCompStatus === \'issuerefund\' && isRefundRemission">\n  <div class="govuk-form-group">\n    <form [formGroup]="remissionForm" novalidate>\n    <h1 class="heading-large">Process refund</h1>\n    <h2 class="heading-medium">Case reference:{{ccdCaseNumber | ccdHyphens }}</h2>\n    <span id="how-contacted-conditional-hint" class="form-hint govuk-font19px">\n      Payment reference: {{paymentReference}}\n    </span>\n    <h3 class="heading-small">Select fees to be refunded</h3>\n    \x3c!--TABLE--\x3e\n    <div>\n      <table class="govuk-table">\n        <thead class="govuk-table__head">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__header  col-1" scope="col">Select</td>\n            <td class="govuk-table__header col-18" scope="col">Fee description</td>\n            <td class="govuk-table__header col-6" scope="col">Fee amount</td>\n            <td class="govuk-table__header col-6" scope="col">Total paid</td>\n            <td class="govuk-table__header col-6" scope="col">Quantity</td>\n            <td class="govuk-table__header col-8" scope="col">Amount to refund</td>\n            <td class="govuk-table__header" scope="col"></td>\n          </tr>\n        </thead>\n        <tbody class="govuk-table__body" *ngIf="!isFullyRefund">\n          <tr class="govuk-table__row" formArrayName="feesList" *ngFor="let fee of feesList?.controls; let i = index">\n            <td class="govuk-table__cell">\n              <div  [formGroupName]="i" class="govuk-checkboxes govuk-checkboxes--large" data-module="govuk-checkboxes">\n                <div class="govuk-checkboxes__item">\n\n                  <input\n                  class="govuk-checkboxes__input" \n                  (click)="check_en(i,fee.controls[\'id\'].value,fee.controls[\'apportion_amount\'].value,fee.controls[\'volume\'].value)" \n                  id="{{fee.controls[\'id\'].value}}" \n                  name="organisation" \n                  type="checkbox" \n                  value="{{fee.controls[\'id\'].value}}" \n                  formControlName="selected" >\n                  <label class="govuk-label govuk-checkboxes__label" for="{{fee.controls[\'id\'].value}}">\n                    <span style="display:none">Select</span>\n                  </label>\n                </div>\n              </div>\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit">{{fee.controls[\'description\'].value}} </td>\n            <td class="govuk-table__cell  whitespace-inherit left" >\n              <div type="hidden" style="display:none;background-color:white;" id="feeVOl_{{fee.controls[\'id\'].value}}">{{ fee.controls[\'calculated_amount\'].value / fee.controls[\'volume\'].value }}</div>\n              {{ fee.controls[\'calculated_amount\'].value / fee.controls[\'volume\'].value | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit left" >{{ fee.controls[\'apportion_amount\'].value | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} </td>\n            <td class="govuk-table__cell  whitespace-inherit left"  *ngIf="fee.controls[\'volume\'].value >1">\n              <div [formGroupName]="i">\n              <input disabled="disabled"  class="govuk-input govuk-input--width-4 center"  id="feeVolumeUpdated_{{fee.controls[\'id\'].value}}" (keyup)="calAmtToRefund($event.target.value,fee.controls[\'calculated_amount\'].value,fee.controls[\'volume\'].value,i)" value="{{fee.controls[\'updated_volume\'].value}}"  name="feeVolumeUpdated_{{fee.controls[\'id\'].value}}" formControlName="updated_volume" type="text" >\n            </div>\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit left"  *ngIf="fee.controls[\'volume\'].value ===1">\n              <input disabled="disabled"  class="govuk-input govuk-input--width-4 center"  id="VolumeUpdated_{{fee.controls[\'id\'].value}}" name="VolumeUpdated_{{fee.controls[\'id\'].value}}" type="text"   value="{{fee.controls[\'volume\'].value}}">\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit center" scope="row">\n            \n                <div  [formGroupName]="i"  class="hmcts-currency-input">\n                  \n                  <div class="hmcts-currency-input__symbol" aria-hidden="true">£</div>\n                  <input disabled="disabled" class="govuk-input govuk-input--width-10" id="feeAmount_{{fee.controls[\'id\'].value}}" name="feeAmount_{{fee.controls[\'id\'].value}}" type="text" aria-describedby="amount-currency "  pattern="[0-9]*" formControlName="refund_amount">\n                  <input id="feeVolume_{{fee.controls[\'id\'].value}}" name="feeVolume_{{fee.controls[\'id\'].value}}" value= "{{fee.controls[\'volume\'].value}}" type="hidden" formControlName="volume">\n                  <input id="feeApportionAmount_{{fee.controls[\'id\'].value}}" name="feeApportionAmount_{{fee.controls[\'id\'].value}}" value= "{{fee.controls[\'apportion_amount\'].value}}" type="hidden" formControlName="apportion_amount">\n                  <input id="calculatedAmount_{{fee.controls[\'id\'].value}}" name="calculatedAmount_{{fee.controls[\'id\'].value}}" value= "{{fee.controls[\'calculated_amount\'].value}}" type="hidden" formControlName="calculated_amount">\n               </div> \n \n            </td>\n          </tr>\n        </tbody>\n        <tbody class="govuk-table__body" *ngIf="isFullyRefund">\n          <tr class="govuk-table__row" *ngFor="let fee of fees; let i = index">\n            <td class="govuk-table__cell">\n              <div  class="govuk-checkboxes govuk-checkboxes--large" data-module="govuk-checkboxes">\n                <div class="govuk-checkboxes__item">\n                  <input   \n                  class="govuk-checkboxes__input" \n                \n                  id="{{fee.id}}" \n                  name="organisation" \n                  type="checkbox" \n                  value="{{fee.id}}"\n                  disabled="disabled"\n                  [checked]="true" >\n                  <label class="govuk-label govuk-checkboxes__label" for="{{fee.id}}">\n                    <span style="display:none">Select</span>\n                  </label>\n                </div>\n              </div>\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit">{{fee.description}} </td>\n            <td class="govuk-table__cell  whitespace-inherit left" >\n              <div type="hidden" style="display:none;background-color:white;" id="feeVOl_{{fee.id}}">{{ fee.calculated_amount / fee.volume }}</div>\n              {{ fee.calculated_amount / fee.volume| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}\n            </td>\n            <td class="govuk-table__cell  whitespace-inherit left" >{{ payment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} </td>\n            <td class="govuk-table__cell  whitespace-inherit left">\n              <div >\n              <input disabled="disabled"  class="govuk-input govuk-input--width-4 center"  id="feeVolumeUpdated_{{fee.id}}"  value="{{fee.volume}}"  name="feeVolumeUpdated_{{fee.id}}" type="text" >\n            </div>\n            </td>\n        \n            <td class="govuk-table__cell  whitespace-inherit center" scope="row">\n            \n                <div class="hmcts-currency-input">\n                  \n                  <div class="hmcts-currency-input__symbol" aria-hidden="true">£</div>\n                  <input disabled="disabled" class="govuk-input govuk-input--width-10" id="feeAmount_{{fee.id}}" name="feeAmount_{{fee.id}}" type="text" aria-describedby="amount-currency "  value="{{ payment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}" pattern="[0-9]*" >\n                </div> \n        \n            </td>\n          </tr>\n        </tbody>\n        <tbody class="govuk-table__body" *ngIf="fees?.length === 0">\n          <td class="govuk-table__cell" colspan="6">No fees recorded</td>\n        </tbody>\n      </table>\n    </div>\n    <div class="govuk-button-group">\n\n  \n  <a  (click)="gotoServiceRequestPage($event)"  *ngIf="!isFullyRefund" draggable="false" class="govuk-button govuk-button--secondary" data-module="govuk-button">\n    Previous\n  </a>\n  <a  (click)="goToPaymentViewComponent()"  *ngIf="isFullyRefund" draggable="false" class="govuk-button govuk-button--secondary" data-module="govuk-button">\n    Previous\n  </a>\n    \n  <button [disabled] = "noneSelected()" (click)="gotoIssuePage(isFullyRefund)" class="govuk-button">\n    Continue\n  </button>\n  \n    </div>\n    <p>\n      <a  (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">Cancel</a>\n    </p>\n  </form>\n  </div>\n</ng-container>\n\n<ng-container *ngIf="viewCompStatus === \'issuerefundpage1\' && isRefundRemission">\n\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ISSUEREFUNDPAGE\'> \n    <h1 class="heading-large">Process refund</h1>\n    <h1 class="heading-medium">Case reference: {{ccdCaseNumber | ccdHyphens }}</h1>\n    <span id="how-contacted-conditional-hint govuk-font19px" *ngIf="payment" class="form-hint">\n      Payment reference: {{paymentReference}}\n    </span>\n    <span id="how-contacted-conditional-hint govuk-font19px" *ngIf="refundPaymentReference" class="form-hint">\n      Payment reference: {{refundPaymentReference}}\n    </span>\n    <h1 class="heading-large">Why are you making this refund?\n      </h1>\n     \n\n      <div class="govuk-form-group">\n          <form novalidate>\n              <div class="govuk-form-group">\n                <form [formGroup]="remissionForm" novalidate>\n                  <fieldset class="govuk-fieldset" aria-describedby="how-contacted-conditional-hint">\n                     \n                        <div\n                          [ngClass]="refundHasError ? \'govuk-radios govuk-radios--conditional form-group-error\' : \'govuk-radios govuk-radios--conditional\'"\n                          data-module="govuk-radios" >\n                          <p class="inline-error-message" *ngIf="refundHasError">\n                            <span *ngIf="refundHasError">Select a reason why you’re making this refund</span>\n                          </p>\n\n                         \n\n                          <div class = "container-fluid">\n                            <div class="row">\n                            <div class="govuk-radios__item col-md-4" *ngFor="let refund of commonRefundReasons; let i = index;">\n                              \x3c!-- <div *ngIf = "{{refund.name}} !== \'Retrospective remission\'"> --\x3e\n                                <input   class="govuk-radios__input" id="{{refund.name}}" name="refundReason" type="radio"\n                                formControlName="refundReason" value={{refund.code}}\n                                  (change)="selectRadioButton(refund.code, refund.name)">\n                                <label class="govuk-label--s govuk-radios__label govuk-font__custom" for="how-contacted-conditional">\n                                  {{refund.name}}\n                                </label>\n\n                                <div class="govuk-radios__conditional" *ngIf="isRefundReasonsSelected && showReasonText && selectedRefundReason === refund.name " >\n                                    <label class="govuk-label govuk-label--m" for="{{refund.name}}">\n                                        Enter reason\n                                    </label>\n                                    <div [ngClass]="{\'form-group-error\': isReasonEmpty}">\n                                    <p  class="inline-error-message" *ngIf="isReasonEmpty">\n                                        <span *ngIf="isReasonEmpty">Enter a reason why you’re making this refund</span>\n                                      </p>\n                                     \n                                  <input class="govuk-input govuk-input--width-10" [ngClass]="{\'inline-error-class\': isReasonEmpty}" id="reason" aria-label="reason"  name="reason" type="text" aria-describedby="reason" maxlength="30" formControlName="reason">\n                                </div>\n                                </div>\n                              \x3c!-- </div> --\x3e\n                            </div>\n                            </div>\n                          </div>\n                          <br/>\n                          <div>\n                              <select formControlName="refundDDReason" class="govuk-select" id="sort"  (change)="selectchange($event)">\n                                <option selected=\'selected\' [defaultSelected]=true [value]="default" >{{default}}</option>  \n                                \x3c!-- <option value="" selected=\'selected\'>Select a different reason</option> --\x3e\n                                  <option  *ngFor="let refund of refundReasons;" id="{{refund.name}}"  value="{{refund.code}}">{{refund.name}}</option>\n                                </select>\n                            \n                          </div>\n                              <br/>\n                              <div class="govuk-radios__conditional" *ngIf="showReasonText &&  !isRefundReasonsSelected" >\n                                <div [ngClass]="{\'form-group-error\': isReasonEmpty}">\n                                  <label class="govuk-label govuk-label--m" for="amount">\n                                      Enter reason\n                                  </label>\n                                  <p class="inline-error-message" *ngIf="isReasonEmpty">\n                                      <span *ngIf="isReasonEmpty">Enter a reason why you’re making this refund</span>\n                                    </p>\n                                <input class="govuk-input govuk-input--width-10" [ngClass]="{\'inline-error-class\': isReasonEmpty}" id="reason" aria-label="reason"  name="reason" type="text" aria-describedby="reason" maxlength="{{reasonLength}}"  formControlName="reason">\n                                </div>\n                              </div>\n\n                        \n                        </div>\n                  </fieldset>\n                </form>\n             </div>\n             </form>\n      </div>\n      <div class="govuk-button-group">\n          <button  (click)="gotoPartialFeeRefundScreen()" class="govuk-button govuk-button--secondary"> Previous</button>\n          <button (click)="gotoIssueRefundConfirmation(payment)" class="govuk-button"> Continue</button>\n      </div>\n      <p>\n        <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n            Cancel\n        </a>\n    </p>\n    \n</ng-container>\n<ng-container *ngIf="viewStatus === \'contactDetailsPage\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'CAPTUREADDRESSDETAILSPAGE\'>      \n    <h1 class="govuk-heading-l">Process refund</h1>\n    <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n    <span id="how-contacted-conditional-hint" class="govuk-hint govuk-font19px">\n      Payment reference: {{paymentReference}}\n    </span>\n  <ccpay-contact-details\n  [addressObj] = notification\n  (assignContactDetails)="getContactDetails($event, \'checkissuerefundpage\')"\n  (redirectToIssueRefund)="gotoRefundReasonPage()" ></ccpay-contact-details>\n  <p>\n      <a (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'checkissuerefundpage\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'CHECKISSUEREFUNDPAGE\'> \n    <div class="govuk-warning-text">\n     \n        <h1 class="heading-large"> Check your answers</h1>\n    </div>\n    <table class="govuk-table">\n        \n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n            <td class="govuk-table__cell">{{paymentReference}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment amount</td>\n            <td class="govuk-table__cell">{{payment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr>\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Reason for refund</td>\n        <td class="govuk-table__cell">{{ displayRefundReason?.trim()  }} \n         <a (click)="changeIssueRefundReason()" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n      <tr class="govuk-table__row" *ngIf="!isFullyRefund">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n        <td class="govuk-table__cell">{{totalRefundAmount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}\n        <a (click)="changeRefundAmount()" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n      <tr class="govuk-table__row" *ngIf="isFullyRefund">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n        <td class="govuk-table__cell">{{payment.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n          <td class="govuk-table__cell">{{orderParty}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n        <td class="govuk-table__cell whitespace-inherit">\n          <div *ngIf="contactDetailsObj?.notification_type === \'EMAIL\'" class="contactDetails-width">\n            <strong>Email</strong>\n            <br/>\n            {{contactDetailsObj?.email?.trim()}}\n          </div>\n          <div *ngIf="contactDetailsObj?.notification_type === \'LETTER\'" class="contactDetails-width">\n            <strong>Post</strong>\n            <br/>\n            {{contactDetailsObj?.address_line?.trim()}}&nbsp;{{contactDetailsObj?.city?.trim()}}&nbsp;{{contactDetailsObj?.county?.trim()}}&nbsp;{{contactDetailsObj?.country?.trim()}}&nbsp;{{contactDetailsObj?.postal_code?.trim()}}\n          </div>\n          <a (click)="gotoContactDetailsPage(contactDetailsObj)" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n        <td class="govuk-table__cell">{{templateInstructionType}}\n            <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n              Preview\n            </a>\n            <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n              Hide Preview\n            </a>\n        </td>\n      </tr>\n    </table>\n\n    <app-notification-preview *ngIf="notificationPreview" \n    [payment]="payment" \n    [contactDetails]="contactDetailsObj"\n    [refundReason]="selectedRefundReasonCode"\n    [refundAmount]="isFullyRefund ? payment.amount : totalRefundAmount"></app-notification-preview>\n\n\n    <div class="govuk-button-group">\n    <button type="submit" class="button govuk-button--secondary" (click)="gotoContactDetailsPage(contactDetailsObj)"> Previous </button>\n    <button type="submit"\n    [disabled]="isConfirmationBtnDisabled"\n    [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n    (click)="confirmIssueRefund(isFullyRefund)">\n      Submit refund\n    </button>\n    </div>\n    <p>\n        <a (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n            Cancel\n        </a>\n    </p>\n\n</ng-container>\n\n\x3c!--Retro Refund--\x3e\n<ng-container *ngIf="viewCompStatus === \'addrefundforremission\'">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDRESSDETAILSRETROREMISSIONPAGE\'>      \n  <h1 class="govuk-heading-l">Process refund</h1>\n  <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n  <span id="how-contacted-conditional-hint" class="govuk-hint govuk-font19px">\n    Payment reference: {{paymentReference}}\n  </span>\n<ccpay-contact-details \n[addressObj] = notification\n(assignContactDetails)="getContactDetails($event, \'addrefundcheckandanswer\')"\n(redirectToIssueRefund)="gotoServiceRequestPage($event)" ></ccpay-contact-details>\n<p>\n    <a (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n        Cancel\n    </a>\n</p>\n</ng-container>\n<ng-container *ngIf="viewStatus === \'addrefundcheckandanswer\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDREFUNDFORREMISSION\'> \n    <div class="govuk-warning-text">\n     \n        <h1 class="heading-large"> Check your answers</h1>\n    </div>\n    <table class="govuk-table">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Reason for refund</td>\n            <td class="govuk-table__cell">Retrospective remission</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n            <td class="govuk-table__cell">{{paymentReference}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n            <td class="govuk-table__cell">{{remission.hwf_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Fee code</td>\n            <td class="govuk-table__cell">{{remission.fee_code}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Fee amount</td>\n            <td class="govuk-table__cell">{{feeamount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n          <td class="govuk-table__cell">{{orderParty}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n        <td class="govuk-table__cell whitespace-inherit">\n          <div *ngIf="contactDetailsObj?.notification_type === \'EMAIL\'" class="contactDetails-width">\n            <strong>Email</strong>\n            <br/>\n            {{contactDetailsObj?.email?.trim()}}\n          </div>\n          <div *ngIf="contactDetailsObj?.notification_type === \'LETTER\'" class="contactDetails-width">\n            <strong>Post</strong>\n            <br/>\n            {{contactDetailsObj?.address_line?.trim()}}&nbsp;{{contactDetailsObj?.city?.trim()}}&nbsp;{{contactDetailsObj?.county?.trim()}}&nbsp;{{contactDetailsObj?.country?.trim()}}&nbsp;{{contactDetailsObj?.postal_code?.trim()}}\n          </div>\n          <a (click)="gotoAddressPage(contactDetailsObj)" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n        <td class="govuk-table__cell">{{templateInstructionType}}\n            <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n              Preview\n            </a>\n            <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n              Hide Preview\n            </a>\n        </td>\n      </tr>\n    </table>\n\n    <app-notification-preview *ngIf="notificationPreview" \n    [contactDetails]="contactDetailsObj"\n    [paymentReference]="paymentReference"\n    [payment]="paymentObj"\n    [refundReason]="\'RR036\'"\n    [refundAmount]="remission.hwf_amount"></app-notification-preview>\n\n    <div class="govuk-button-group">\n    <button type="submit" class="button govuk-button--secondary" (click)="gotoAddressPage(contactDetailsObj)">Previous</button>\n    <button type="submit"\n    [disabled]="isConfirmationBtnDisabled"\n    [ngClass]=\'isConfirmationBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n    (click)="processRefund()">\n      Submit refund\n    </button>\n    </div>\n    <p>\n        <a href="javascript:void(0)"  (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link" data-module="govuk-button">\n            Cancel\n        </a>\n    </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'retrorefundconfirmationpage\'">\n  <div class="govuk-grid-row">\n    <div >\n      <div class="govuk-panel govuk-panel--confirmation">\n        <h1 class="govuk-panel__title">\n          Refund submitted\n        </h1>\n        \n        <div class="govuk-panel__body">\n          <p class="govuk-body white"><strong>Refund reference: {{refundReference}}</strong></p>\n        </div>\n  \n      </div>\n      <div *ngIf="isPaymentSuccess">\n      <h2 class="govuk-heading-l">What happens next</h2>\n      <p class="govuk-body">\n        A refund request for {{ refundAmount| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} has been passed to a team leader to approve.\n      </p>\n    </div>\n    <p class="govuk-body">\n    <a href="javascript:void(0)" (click)="gotoCasetransationPageCancelBtnClicked($event)" class="govuk-link pointer" data-module="govuk-button">\n      Return to case\n  </a>\n    </p>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'order-full-view\'">\n  <ccpay-service-request\n  [viewStatus] = "viewStatus"\n  [orderRef] = "orderRef"\n  [isServiceRequest]="isServiceRequest"\n  [orderStatus] = "orderStatus"\n  [orderCreated] = "orderCreated"\n  [orderParty] = "orderParty"\n  [orderCCDEvent] = "orderCCDEvent"\n  [orderDetail] = "orderDetail"\n  [LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n  [takePayment] = "takePayment"\n  [ccdCaseNumber] = "ccdCaseNumber"\n  [orderFeesTotal] = "orderFeesTotal"\n  [orderTotalPayments] = "orderTotalPayments"\n  [orderRemissionTotal] = "orderRemissionTotal">\n</ccpay-service-request>\n</ng-container>\n\n<ng-container *ngIf="viewStatus === \'payment-view\'">\n  <ccpay-payment-view \n  [LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n  [isTurnOff] = "isTurnOff" \n  [isTakePayment] = "takePayment"  \n  [caseType] = "caseType"\n  [isServiceRequest]="isServiceRequest"\n  [orderRef] = "orderRef"\n  [orderStatus] = "orderStatus"\n  [orderCreated] = "orderCreated"\n  [orderParty] = "orderParty"\n  [orderCCDEvent] = "orderCCDEvent"\n  [orderDetail] = "orderDetail"\n  [orderFeesTotal] = "orderFeesTotal"\n  [orderTotalPayments] = "orderTotalPayments"\n  [orderRemissionTotal] = "orderRemissionTotal"\n  >\n</ccpay-payment-view>\n</ng-container>\n\n</div>',styles:[".add-remission .button{margin:20px 2px;padding:.5em;font-size:19px;font-weight:200}.add-remission td.govuk-table__cell{width:50%}.add-remission .govuk-button--secondary{background-color:#dee0e2;box-shadow:0 2px 0 #858688;color:#0b0c0c;margin-right:.5em}.add-remission .govuk-label--s,.add-remission .govuk-warning-text__text,.add-remission .hmcts-currency-input__symbol{font-size:19px;font-weight:400}.add-remission .inline-error-class{outline:3px solid #a71414;outline-offset:0;border-color:#a71414}.add-remission .inline-error-message{color:#a71414;border-color:#a71414;font-weight:700;margin-top:10px;font-size:20px}.add-remission .govuk-button,.add-remission .govuk-link{margin-right:1em;font-size:19px;font-weight:200}.add-remission .govuk-button-group{padding-top:2em}.add-remission .heading-medium{margin-top:.875em}.add-remission .heading-large{margin-top:.25em}.add-remission .govuk-panel--confirmation{color:#fff;background:#00703c}.add-remission .govuk-panel__title{font-size:5rem}.add-remission .govuk-body,.add-remission .govuk-body-m{font-size:2.1875rem}.add-remission .govuk-radios__item{clear:none!important;display:inline-block;width:45%!important}.add-remission .govuk-radios__conditional{padding-top:12px!important}.add-remission .right{float:right;cursor:pointer}.add-remission .radio{float:right}.govuk-font19px,.govuk-input,.govuk-select{font-size:19px}.govuk-select{font-weight:400}.govuk-input--width-10{max-width:50ex}.govuk-label--m{font-size:19px;font-weight:400}.govuk-error-summary__body{font-size:19px!important}.govuk-error-summary__title{font-size:24px!important}.white{color:#fff}.pagesize{margin:2em;width:97%}.pointer{cursor:pointer}.col-18{min-width:18em}.col-6{min-width:6em}.col-8{min-width:8em}.col-1{min-width:1em}.col-25{width:25%!important}.col-24{width:24%!important}.left{text-align:left}.center{text-align:center}.col-60{width:60%;text-align:left}.margin-top--size{margin-top:-30px}.contactDetails-width{width:70%}.right{cursor:pointer}.form-hint{font-size:19px!important}.govuk-panel-border--confirmation{color:#0b0c0c;border:5px solid #00703c}.whitespace-inherit{white-space:inherit!important}.govuk-link{cursor:pointer}"]}]}],me.ctorParameters=function(){return[{type:r.FormBuilder},{type:l.Router},{type:T},{type:O},{type:S},{type:L},{type:t.ChangeDetectorRef},{type:w}]},me.propDecorators={fee:[{type:t.Input}],fees:[{type:t.Input}],payment:[{type:t.Input}],remission:[{type:t.Input}],ccdCaseNumber:[{type:t.Input}],caseType:[{type:t.Input}],viewCompStatus:[{type:t.Input}],paymentGroupRef:[{type:t.Input}],isTurnOff:[{type:t.Input}],isRefundRemission:[{type:t.Input}],isStrategicFixEnable:[{type:t.Input}],paidAmount:[{type:t.Input}],isFromRefundListPage:[{type:t.Input}],isFromPaymentDetailPage:[{type:t.Input}],isFromServiceRequestPage:[{type:t.Input}],isFullyRefund:[{type:t.Input,args:["isFullyRefund"]}],feeamount:[{type:t.Input}],refundPaymentReference:[{type:t.Input}],isFromRefundStatusPage:[{type:t.Input}],changeRefundReason:[{type:t.Input}],isServiceRequest:[{type:t.Input,args:["isServiceRequest"]}],LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],orderDetail:[{type:t.Input,args:["orderDetail"]}],orderRef:[{type:t.Input,args:["orderRef"]}],orderStatus:[{type:t.Input,args:["orderStatus"]}],orderParty:[{type:t.Input,args:["orderParty"]}],orderCreated:[{type:t.Input,args:["orderCreated"]}],orderCCDEvent:[{type:t.Input,args:["orderCCDEvent"]}],takePayment:[{type:t.Input,args:["takepayment"]}],orderFeesTotal:[{type:t.Input,args:["orderFeesTotal"]}],orderTotalPayments:[{type:t.Input,args:["orderTotalPayments"]}],orderRemissionTotal:[{type:t.Input,args:["orderRemissionTotal"]}],cancelRemission:[{type:t.Output}],refundListReason:[{type:t.Output}],refundListAmount:[{type:t.Output}],refundFees:[{type:t.Output}]};var ge=function(){function e(){}return e.prototype.transform=function(e,t){var n=/^([0-9]{4})+([0-9]{4})+([0-9]{4})+([0-9]{4})$/;return e.match(n)?e.replace(n,"$1-$2-$3-$4"):e},e}();ge.decorators=[{type:t.Pipe,args:[{name:"ccdHyphens"}]}],ge.ctorParameters=function(){return[]};var ve=function(){function e(){}return e.prototype.transform=function(e,t){return e&&e[0].toUpperCase()+e.slice(1)||""},e}();ve.decorators=[{type:t.Pipe,args:[{name:"capitalize"}]}],ve.ctorParameters=function(){return[]};var he=function(){function e(){}return e.prototype.transform=function(e){var t=[];for(var n in e)e.hasOwnProperty(n)&&t.push({key:n,value:e[n]});return t},e}();he.decorators=[{type:t.Pipe,args:[{name:"keyValue"}]}],he.ctorParameters=function(){return[]};var fe=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e){return this.sanitizer.bypassSecurityTrustHtml(e)},e}();fe.decorators=[{type:t.Pipe,args:[{name:"sanitizeHtml"}]}],fe.ctorParameters=function(){return[{type:i.DomSanitizer}]};var ye=function(){function e(){}return e.prototype.exportAsExcelFile=function(e,t){var n,s;null!==t.match("Data_Loss")?(n=k.utils.json_to_sheet(e,{header:["loss_resp","payment_asset_dcn","env_ref","env_item","resp_service_id","resp_service_name","date_banked","bgc_batch","payment_method","amount"]}),n=this.setDataLossReportHeaders(n),n=this.autoFitColumns(n,e)):null!==t.match("Unprocessed")?(n=k.utils.json_to_sheet(e,{header:["resp_service_id","resp_service_name","exception_ref","ccd_ref","date_banked","bgc_batch","payment_asset_dcn","env_ref","env_item","payment_method","amount"]}),n=this.setUnprocessedReportHeaders(n),n=this.autoFitColumns(n,e)):null!==t.match("Processed_Unallocated")?(n=k.utils.json_to_sheet(e,{header:["resp_service_id","resp_service_name","allocation_status","receiving_office","allocation_reason","ccd_exception_reference","ccd_case_reference","payment_asset_dcn","env_ref","env_item","date_banked","bgc_batch","payment_method","amount"]}),n=this.setProcessedUnallocatedReportHeaders(n),n=this.autoFitColumns(n,e)):null!==t.match("Payment failure")?(n=k.utils.json_to_sheet(e,{header:["payment_reference","ccd_reference","document_control_number","org_id","service_name","failure_reference","failure_reason","disputed_amount","event_name","event_date","representment_status","representment_date","refund_reference","refund_amount","refund_date"]}),n=this.setPaymentFailureReportHeaders(n),n=this.autoFitColumns(n,e)):(n=k.utils.json_to_sheet(e,{header:["resp_service_id","resp_service_name","surplus_shortfall","balance","payment_amount","ccd_case_reference","ccd_exception_reference","processed_date","reason","explanation","user_name"]}),n=this.setShortFallReportHeaders(n),n=this.autoFitColumns(n,e)),s={Sheets:{data:n},SheetNames:["data"]};var a=k.write(s,{bookType:"xlsx",type:"array"});this.saveAsExcelFile(a,t)},e.prototype.autoFitColumns=function(e,t){for(var n=[],s=[],a=Object,o=0;o<t.length;o++)for(var i=a.values(t[o]),r=a.keys(t[o]),l=0;l<i.length;l++)null===i[l]&&(i[l]=""),n[l]=r[l].length>=i[l].length?r[l].length+2:i[l].length+1,void 0===i[l].length&&(n[l]=r[l].length+2),s.push({width:+n[l]});return e["!cols"]=s,e},e.prototype.setDataLossReportHeaders=function(e){return e.A1.v="Loss_Resp",e.B1.v="Payment_Asset_DCN",e.C1.v="Envelope_Ref",e.D1.v="Envelope_Item",e.E1.v="Resp_Service ID",e.F1.v="Resp_Service Name",e.G1.v="Date_Banked",e.H1.v="BGC_Batch",e.I1.v="Payment_Method",e.J1.v="Amount",e},e.prototype.setUnprocessedReportHeaders=function(e){return e.A1.v="Resp_Service ID",e.B1.v="Resp_Service Name",e.C1.v="Exception_Ref",e.D1.v="CCD_Ref",e.E1.v="Date_Banked",e.F1.v="BGC_Batch",e.G1.v="Payment_Asset_DCN",e.H1.v="Envelope_Ref",e.I1.v="Envelope_Item",e.J1.v="Payment_Method",e.K1.v="Amount",e},e.prototype.setProcessedUnallocatedReportHeaders=function(e){return e.A1.v="Resp_Service ID",e.B1.v="Resp_Service Name",e.C1.v="Allocation_Status",e.D1.v="Receiving_Office",e.E1.v="Allocation_Reason",e.F1.v="CCD_Exception_Ref",e.G1.v="CCD_Case_Ref",e.H1.v="Payment_Asset_DCN",e.I1.v="Envelope_Ref",e.J1.v="Envelope_Item",e.K1.v="Date_Banked",e.L1.v="BGC_Batch",e.M1.v="Payment_Method",e.N1.v="Amount",e},e.prototype.setPaymentFailureReportHeaders=function(e){return e.A1.v="Payment reference",e.B1.v="CCD reference",e.C1.v="Document Control Number",e.D1.v="OrgID",e.E1.v="Service name",e.F1.v="Failure reference",e.G1.v="Failure reason",e.H1.v="Disputed amount",e.I1.v="Event name",e.J1.v="Event date",e.K1.v="Representment status",e.L1.v="Representment date",e.M1.v="Refund reference",e.N1.v="Refund amount",e.O1.v="Refund date",e},e.prototype.setShortFallReportHeaders=function(e){return e.A1.v="Resp_Service ID",e.B1.v="Resp_Service Name",e.C1.v="Over Payment_Under Payment",e.D1.v="Balance",e.E1.v="Payment_Amount",e.F1.v="CCD_Case_Ref",e.G1.v="Exception_Ref",e.H1.v="Processed_Date",e.I1.v="Reason",e.J1.v="Explanation",e.K1.v="Updated Name",e},e.prototype.saveAsExcelFile=function(e,t){var n=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8"});_.saveAs(n,t+".xlsx")},e}();ye.decorators=[{type:t.Injectable}],ye.ctorParameters=function(){return[]};var be=function(){function e(e,t,n,s,a){this.xlFileService=e,this.errorHandlerService=t,this.formBuilder=n,this.bulkScaningPaymentService=s,this.paymentViewService=a,this.fmt="dd/MM/yyyy",this.loc="en-US",this.isDownLoadButtondisabled=!1,this.isStartDateLesthanEndDate=!1,this.isDateBetwnMonth=!1,this.isDateRangeBetnWeek=!1,this.errorMessage=this.errorHandlerService.getServerErrorMessage(!1,!1,""),this.paymentGroups=[]}return e.prototype.ngOnInit=function(){this.fromValidation()},e.prototype.getToday=function(){return(new Date).toISOString().split("T")[0]},e.prototype.getSelectedFromDate=function(){this.validateDates(this.reportsForm.get("selectedreport").value)},e.prototype.validateDates=function(e){var t=this.tranformDate(this.reportsForm.get("startDate").value),n=this.tranformDate(this.reportsForm.get("endDate").value),s=(new Date(t)-new Date(n))/-864e5>7,a=(new Date(t)-new Date(n))/-864e5>30;new Date(t)>new Date(n)&&""!==n?(this.reportsForm.get("startDate").setValue(""),this.isDateRangeBetnWeek=!1,this.isDateBetwnMonth=!1,this.isStartDateLesthanEndDate=!0):e&&"SURPLUS_AND_SHORTFALL"===e&&s?(this.isDateRangeBetnWeek=!0,this.isDateBetwnMonth=!1,this.isStartDateLesthanEndDate=!1):e&&"PAYMENT_FAILURE_EVENT"===e&&a?(this.isDateRangeBetnWeek=!1,this.isDateBetwnMonth=!0,this.isStartDateLesthanEndDate=!1):(this.isDateBetwnMonth=!1,this.isDateRangeBetnWeek=!1,this.isStartDateLesthanEndDate=!1)},e.prototype.fromValidation=function(){this.reportsForm=this.formBuilder.group({selectedreport:new r.FormControl(""),startDate:new r.FormControl(""),endDate:new r.FormControl("")})},e.prototype.downloadReport=function(){var e=this;this.isDownLoadButtondisabled=!0;var t=[{loss_resp:"",payment_asset_dcn:"",env_ref:"",env_item:"",resp_service_id:"",resp_service_name:"",date_banked:"",bgc_batch:"",payment_method:"",amount:""}],n=[{resp_service_id:"",resp_service_name:"",exception_ref:"",ccd_ref:"",date_banked:"",bgc_batch:"",payment_asset_dcn:"",env_ref:"",env_item:"",payment_method:"",amount:""}],s=[{resp_service_id:"",resp_service_name:"",allocation_status:"",receiving_office:"",allocation_reason:"",ccd_exception_ref:"",ccd_case_ref:"",payment_asset_dcn:"",env_ref:"",env_item:"",date_banked:"",bgc_batch:"",payment_method:"",amount:"",updated_by:""}],a=[{resp_service_id:"",resp_service_name:"",surplus_shortfall:"",balance:"",payment_amount:"",ccd_case_reference:"",ccd_exception_reference:"",processed_date:"",reason:"",explanation:"",user_name:""}],o=this.reportsForm.get("selectedreport").value,i=this.tranformDate(this.reportsForm.get("startDate").value),r=this.tranformDate(this.reportsForm.get("endDate").value);"PROCESSED_UNALLOCATED"===o||"SURPLUS_AND_SHORTFALL"===o?this.paymentViewService.downloadSelectedReport(o,i,r).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,"");var n=JSON.parse(t),l={data:e.applyDateFormat(n)};if(0===l.data.length&&"PROCESSED_UNALLOCATED"===o?l.data=s:0===l.data.length&&"SURPLUS_AND_SHORTFALL"===o&&(l.data=a),n.data.length>0)for(var c=0;c<l.data.length;c++){void 0!==l.data[c].payment_asset_dcn&&(l.data[c].env_ref=l.data[c].payment_asset_dcn.substr(0,13),l.data[c].env_item=l.data[c].payment_asset_dcn.substr(13,21)),void 0!==l.data[c].amount&&(l.data[c].amount=e.convertToFloatValue(l.data[c].amount)),void 0!==l.data[c].balance&&(l.data[c].balance=e.convertToFloatValue(l.data[c].balance));var d=l.data[c].surplus_shortfall;void 0!==d&&(l.data[c].surplus_shortfall="Surplus"==d?"Over payment":"Under payment"),void 0!==l.data[c].payment_amount&&(l.data[c].payment_amount=e.convertToFloatValue(l.data[c].payment_amount))}e.isDownLoadButtondisabled=!1,e.xlFileService.exportAsExcelFile(l.data,e.getFileName(e.reportsForm.get("selectedreport").value,i,r))}),(function(t){e.isDownLoadButtondisabled=!1,e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,"")})):"PAYMENT_FAILURE_EVENT"===o?this.paymentViewService.downloadFailureReport(i,r).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,"");var n={data:JSON.parse(t).payment_failure_report_list},s={data:e.applyDateFormat(n)};if(n.data.length>0)for(var a=0;a<s.data.length;a++)void 0!==s.data[a].disputed_amount&&(s.data[a].disputed_amount=e.convertToFloatValue(s.data[a].disputed_amount)),void 0!==s.data[a].representment_status&&(s.data[a].representment_status="yes"===s.data[a].representment_status.toLowerCase()?"Success":"Failure"),void 0===s.data[a].representment_status&&(s.data[a].representment_status="No representment received"),void 0===s.data[a].representment_date&&(s.data[a].representment_date="N/A"),void 0===s.data[a].refund_reference&&(s.data[a].refund_reference="No refund available"),void 0===s.data[a].refund_amount&&(s.data[a].refund_amount="N/A"),void 0===s.data[a].refund_date&&(s.data[a].refund_date="N/A"),void 0===s.data[a].document_control_number&&(s.data[a].document_control_number="N/A");e.isDownLoadButtondisabled=!1,e.xlFileService.exportAsExcelFile(s.data,e.getFileName(e.reportsForm.get("selectedreport").value,i,r))}),(function(t){e.isDownLoadButtondisabled=!1;var n=t.replace(/[^a-zA-Z ]/g,"").trim(),s=t.replace(/[^a-zA-Z0-9 ]/g,"").trim().split(" ")[0];e.errorMessage="404"===s?e.errorHandlerService.getServerErrorMessage(!0,!0,n):e.errorHandlerService.getServerErrorMessage(!0,!1,"")})):this.bulkScaningPaymentService.downloadSelectedReport(o,i,r).subscribe((function(s){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,"");var a=JSON.parse(s),l={data:e.applyDateFormat(a)};if(0===l.data.length&&"DATA_LOSS"===o?l.data=t:0===l.data.length&&"UNPROCESSED"===o&&(l.data=n),a.data.length>0)for(var c=0;c<l.data.length;c++)void 0!==l.data[c].amount&&(l.data[c].amount=e.convertToFloatValue(l.data[c].amount)),void 0!==l.data[c].payment_asset_dcn&&(l.data[c].env_ref=l.data[c].payment_asset_dcn.substr(0,13),l.data[c].env_item=l.data[c].payment_asset_dcn.substr(13,21));e.isDownLoadButtondisabled=!1,e.xlFileService.exportAsExcelFile(l.data,e.getFileName(e.reportsForm.get("selectedreport").value,i,r))}),(function(t){e.isDownLoadButtondisabled=!1,e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,"")}))},e.prototype.getFileName=function(e,t,n){var s="en-US",o=a.formatDate(t,"ddMMyy",s),i=a.formatDate(n,"ddMMyy",s),r=new Date,l=a.formatDate(r,"ddMMyy",s)+"_"+this.getTwodigit(r.getHours())+this.getTwodigit(r.getMinutes())+this.getTwodigit(r.getSeconds());return this.getCamelCaseString(e)+"_"+o+"_To_"+i+"_Run_"+l},e.prototype.tranformDate=function(e){var t="";if(e){var n=e.split("-");t=n[1]+"/"+n[2]+"/"+n[0]}return t},e.prototype.getTwodigit=function(e){return("0"+e).slice(-2)},e.prototype.getCamelCaseString=function(e){var t;switch(e){case"UNPROCESSED":t="Unprocessed";break;case"DATA_LOSS":t="Data_Loss";break;case"PROCESSED_UNALLOCATED":t="Processed_Unallocated";break;case"SURPLUS_AND_SHORTFALL":t="Over Payment_Under Payment";break;case"PAYMENT_FAILURE_EVENT":t="Payment failure event";break;default:t=e}return t},e.prototype.applyDateFormat=function(e){var t=this;return e.data.map((function(e){return e.date_banked&&(e.date_banked=a.formatDate(e.date_banked,t.fmt,t.loc)),e.event_date&&-1===e.event_date.indexOf(",")?e.event_date=a.formatDate(e.event_date,t.fmt,t.loc):e.event_date&&-1!==e.event_date.indexOf(",")&&(e.event_date=t.multiDateFormater(e.event_date)),e.representment_date&&-1===e.representment_date.indexOf(",")?e.representment_date=a.formatDate(e.representment_date,t.fmt,t.loc):e.representment_date&&-1!==e.representment_date.indexOf(",")&&(e.representment_date=t.multiDateFormater(e.representment_date)),e.refund_date&&-1===e.refund_date.indexOf(",")?e.refund_date=a.formatDate(e.refund_date,t.fmt,t.loc):e.refund_date&&-1!==e.refund_date.indexOf(",")&&(e.refund_date=t.multiDateFormater(e.refund_date)),e}))},e.prototype.multiDateFormater=function(e){var t=this;return e.split(",").map((function(e){return a.formatDate(e,t.fmt,t.loc)})).join(",")},e.prototype.convertToFloatValue=function(e){return e?Number.parseFloat(e).toFixed(2):"0.00"},e}();be.decorators=[{type:t.Component,args:[{selector:"ccpay-reports",template:'<div class="header">\n      <input #myInput type=\'hidden\' class=\'iFrameDrivenImageValue\' value=\'REPORTS\'>\n      <ccpay-error-banner *ngIf="errorMessage.showError" [errorMessage]="errorMessage"></ccpay-error-banner>\n      <legend class="govuk-fieldset__legend--xl">\n         <h1 class="govuk-fieldset__heading"> Choose the report type and date range</h1>\n      </legend>\n</div>\n<form [formGroup]="reportsForm">\n     <div  class="govuk-form-group">\n        <div class="govuk-radios govuk-radios--conditional" data-module="govuk-radios">\n          <div  class="govuk-radios__item">\n              <input \n              required\n              id="DataLoss"\n              class="govuk-radios__input"\n              formControlName="selectedreport"\n              (click)="validateDates(\'DATA_LOSS\')"\n              name="selectedreport"\n              type="radio"\n              value="DATA_LOSS" \n               data-aria-controls="DataLoss"/>\n              <label class="govuk-label govuk-radios__label govuk-label--m" for="DataLoss">Data loss</label>\n              <span class="form-hint">Missing transactions where data has been received from only either of Exela or Bulk scan</span>\n          </div>\n\n         <div class="govuk-radios__item">\n              <input \n              id="UnprocessedTransactions"\n              class="govuk-radios__input"\n              formControlName="selectedreport"\n              (click)="validateDates(\'UNPROCESSED\')"\n              name="selectedreport"\n              type="radio"\n              value="UNPROCESSED" \n              data-aria-controls="UnprocessedTransactions"/>\n              <label class="govuk-label govuk-radios__label govuk-label--m" for="UnprocessedTransactions">Unprocessed transactions</label>\n              <span class="form-hint">Transaction records that are still unprocessed by staff.</span>\n         </div>\n\n         <div class="govuk-radios__item">\n            <input \n            id="ProcessedUnallocated"\n            class="govuk-radios__input"\n            formControlName="selectedreport"\n            name="selectedreport"\n            (click)="validateDates(\'PROCESSED_UNALLOCATED\')"\n            type="radio"\n            value="PROCESSED_UNALLOCATED" \n            data-aria-controls="ProcessedUnallocated"/>\n            <label class="govuk-label govuk-radios__label govuk-label--m" for="ProcessedUnallocated">Processed unallocated</label>\n            <span class="form-hint">Payments that are marked as ‘Unidentified’ or ‘Transferred’ (Unsolicited requests)</span>\n         </div>\n\n         <div class="govuk-radios__item">\n            <input \n            id="ShortfallsandSurplus"\n            class="govuk-radios__input"\n            formControlName="selectedreport"\n            name="selectedreport"\n            (click)="validateDates(\'SURPLUS_AND_SHORTFALL\')"\n            type="radio"\n            value="SURPLUS_AND_SHORTFALL" \n            data-aria-controls="ShortfallsandSurplus"/>\n            <label class="govuk-label govuk-radios__label govuk-label--m" for="ShortfallsandSurplus">Under payment and Over payment</label>\n            <span class="form-hint">Requests where balances are marked as Under payment/Over payment further case management.\n               E.g: Refund approval, Customer contact</span>\n         </div>\n         <div class="govuk-radios__item" *ngIf="ISPAYMENTSTATUSENABLED">\n            <input \n            id="PaymentFailureEvent"\n            class="govuk-radios__input"\n            formControlName="selectedreport"\n            name="selectedreport"\n            (click)="validateDates(\'PAYMENT_FAILURE_EVENT\')"\n            type="radio"\n            value="PAYMENT_FAILURE_EVENT" \n            data-aria-controls="PaymentFailureEvent"/>\n            <label class="govuk-label govuk-radios__label govuk-label--m" for="PaymentFailureEvent">Payment failure event</label>\n            <span class="form-hint">Failed payment transaction details</span>\n         </div>\n       </div>\n     </div>\n     <div  class="govuk-form-group">\n      <div class="datefrom">\n      <label class="govuk-label govuk-radios__label govuk-label--m" for="date-from">Date from</label>\n      <input (change)="getSelectedFromDate()" [max]="getToday()" class="form-control" id="date-from" name="date-from" type="date"  formControlName="startDate" required/>\n      </div>\n\n      <div class="dateto">\n      <label class="govuk-label govuk-radios__label govuk-label--m" for="date-to">Date to</label>\n      <input (change)="getSelectedFromDate()" [max]="getToday()" class="form-control" id="date-to" name="search" type="date" formControlName="endDate" required/>\n      </div>\n     </div>\n   <p class="inline-error-message" *ngIf="isStartDateLesthanEndDate || isDateRangeBetnWeek || isDateBetwnMonth">\n      <span *ngIf="isStartDateLesthanEndDate">Please select \'Date From\' less than or equal to \'Date To\'</span>\n      <span *ngIf="isDateRangeBetnWeek"> Please select the date range between 7 days</span>\n      <span *ngIf="isDateBetwnMonth"> Please select the date range between 30 days</span>\n   </p>\n    <div class="btnsubmit">\n     <button type="submit" (click)="downloadReport()" class="button" [disabled]="!reportsForm.valid || isDownLoadButtondisabled || isStartDateLesthanEndDate || isDateRangeBetnWeek">Download report</button>\n   </div>\n </form>\n    \n',styles:[".govuk-radios__input:focus+.govuk-radios__label:before{border-width:4px;box-shadow:0 0 0 4px #ffaf00}.datefrom{width:50%;float:left}.dateto{width:50%;float:right}.govuk-label--m{font-size:large}.form-hint{padding-left:.7em}.header{margin-top:10px;margin-bottom:15px}.btnsubmit{margin-bottom:30px}.inline-error-message{color:#a71414;font-weight:700;margin-top:10px}"]}]}],be.ctorParameters=function(){return[{type:ye},{type:E},{type:r.FormBuilder},{type:J},{type:T}]},be.propDecorators={ISPAYMENTSTATUSENABLED:[{type:t.Input}]};var _e=function(){function e(e,t,n,s,a){this.paymentLibComponent=e,this.cdRef=t,this.OrderslistService=n,this.router=s,this.activeRoute=a,this.displayedColumns=["ccd_case_number","refund_reference","user_full_name","date_created","date_updated","Action"]}return e.prototype.ngOnInit=function(){this.errorMessage=this.errorMessage,"sent for approval"===this.STATUS.toLowerCase()?this.isApprovalFlow=!0:this.isApprovalFlow=!1,this.refundList=this.DATASOURCE,this.dataSource=new u.MatTableDataSource(this.refundList),this.actualcount=this.dataSource.data.length,void 0!==this.refundList&&(this.userLst=this.refundList.reduce((function(e,t){return e[t.user_full_name]="",e}),{}),this.userLst=Object.keys(this.userLst),this.userLst.sort((function(e,t){return e.toString().localeCompare(t)})),this.serviceLst=this.refundList.reduce((function(e,t){return e[t.service_type]="",e}),{}),this.serviceLst=Object.keys(this.serviceLst),this.serviceLst.sort((function(e,t){return e.toString().localeCompare(t)})))},e.prototype.ngAfterViewInit=function(){this.dataSource.sort=this.sort,this.dataSource.paginator=this.paginator,this.dataSource.sort=this.sort,this.cdRef.detectChanges()},e.prototype.applyFilter=function(e){e=(e=e.trim()).toLowerCase(),this.dataSource.filter=e},e.prototype.selectchange=function(e){this.dataSource.filter=e.target.value,this.actualcount=this.dataSource.data.length,this.dataSource.paginator=this.paginator},e.prototype.goToRefundProcessComponent=function(e,t){this.paymentLibComponent.refundlistsource=t,this.paymentLibComponent.refundReference=e,this.paymentLibComponent.viewName="process-refund"},e.prototype.goToRefundViewComponent=function(e,t){this.OrderslistService.setRefundView(t),this.paymentLibComponent.viewName="refundstatuslist",this.paymentLibComponent.CCD_CASE_NUMBER=t.ccd_case_number,this.paymentLibComponent.isRefundStatusView=!0,this.paymentLibComponent.isCallFromRefundList=!0},e.prototype.goToCaseReview=function(e,t){this.router.navigate(["/cases/case-details/"+e],{relativeTo:this.activeRoute})},e}();_e.decorators=[{type:t.Component,args:[{selector:"ccpay-table",template:'<div class="add-remission">\n  <div *ngIf="errorMessage">\n    <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n      <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n        Error in processing the request\n      </h2>\n      <div class="govuk-error-summary__body">\n        {{ errorMessage }}\n      </div>\n    </div>\n  </div>\n\n  \n\n<div *ngIf="dataSource.data.length > 0"  class="govuk-form-group float-right">\n    <label class="govuk-label dropdpwn" for="sort" >\n      Filter by caseworker:\n    </label>\n    <select class="govuk-select" id="sort" name="sort" (change)="selectchange($event)">\n      <option value="" selected=\'selected\'>All caseworkers</option>\n      <option  *ngFor="let name of userLst;" value="{{name}}">{{name}}</option>\n    </select>\n</div>\n\n  <div *ngIf="dataSource.data.length > 0"  class="govuk-form-group float-right-padding">\n    <label class="govuk-label dropdpwn" for="sort" >\n      Filter by service:\n    </label>\n    <select class="govuk-select" id="sort" name="sort" (change)="selectchange($event)">\n      <option value="" selected=\'selected\'>All services</option>\n      <option  *ngFor="let name of serviceLst;" value="{{name}}">{{name}}</option>\n    </select>\n  </div>\n \n<div *ngIf="dataSource.data.length > 0" class="example-container">\n\n  <mat-table [dataSource]="dataSource" matSort>\n\n    <ng-container matColumnDef="ccd_case_number">\n      <mat-header-cell  *matHeaderCellDef >Case reference </mat-header-cell>\n      <mat-cell  *matCellDef="let row" class="whitespace-inherit"> {{row.ccd_case_number | ccdHyphens }} </mat-cell>\n    </ng-container>\n\n    <ng-container matColumnDef="refund_reference">\n      <mat-header-cell  *matHeaderCellDef > Refund reference </mat-header-cell>\n      <mat-cell  *matCellDef="let row" class="whitespace-inherit"> {{row.refund_reference}} </mat-cell>\n    </ng-container>\n\n    <ng-container matColumnDef="user_full_name">\n      <mat-header-cell *matHeaderCellDef > Submitted by </mat-header-cell>\n      <mat-cell *matCellDef="let row" [style.color]="row.color" class="whitespace-inherit"> {{row.user_full_name }} </mat-cell>\n    </ng-container>\n\n    <ng-container matColumnDef="date_created">\n      <mat-header-cell *matHeaderCellDef mat-sort-header> Date created </mat-header-cell>\n      <mat-cell *matCellDef="let row" class="whitespace-inherit"> {{row.date_created | date:\'d MMMM yyyy\'}} </mat-cell>\n    </ng-container>\n\n    <ng-container matColumnDef="date_updated">\n        <mat-header-cell *matHeaderCellDef mat-sort-header> Last updated</mat-header-cell>\n        <mat-cell *matCellDef="let row" [style.color]="row.color" class="whitespace-inherit"> {{row.date_updated | date:\'d MMMM yyyy\'}} </mat-cell>\n      </ng-container>\n\n      <ng-container *ngIf="isApprovalFlow" matColumnDef="Action">\n          <mat-header-cell *matHeaderCellDef> Action </mat-header-cell>\n          <mat-cell *matCellDef="let row" [style.color]="row.color" > <a href="javascript:void(0)" (click)="goToCaseReview(row.ccd_case_number, row)">Review case</a>&nbsp;<a href="javascript:void(0)" (click)="goToRefundProcessComponent(row.refund_reference, row)">Process refund</a></mat-cell>\n        </ng-container>\n      \n        <ng-container *ngIf="!isApprovalFlow" matColumnDef="Action">\n          <mat-header-cell *matHeaderCellDef > Action </mat-header-cell>\n          <mat-cell *matCellDef="let row" [style.color]="row.color"> <a href="javascript:void(0)" (click)="goToRefundViewComponent(row.refund_reference, row)">Review refund</a></mat-cell>\n        </ng-container>\n\n    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>\n    <mat-row *matRowDef="let row; columns: displayedColumns;">\n    </mat-row>\n  </mat-table>\n  <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>\n</div>\n\n<div class="govuk-label dropdpwn" *ngIf="dataSource.data.length === 0">No records to display</div>\n',styles:[".mat-header-row{min-height:27px}.mat-cell{padding:0 10px 0 0;text-align:left;word-wrap:break-word;white-space:inherit!important;font-size:19px;line-height:25px;font-weight:400}.mat-cell,.mat-table{font-family:nta,Arial,sans-serif}.mat-table{color:#0b0c0c;display:table;-webkit-font-smoothing:antialiased;margin-bottom:1px;box-sizing:border-box;text-indent:0;border-spacing:0;border-collapse:collapse;font-size:1.1875rem;line-height:1.31578947;table-layout:fixed;width:102%}.mat-header-cell{text-align:left;font-weight:700;padding:10px 10px 10px 0;word-wrap:break-word;font-size:19px;line-height:25px;color:#0b0c0c;cursor:pointer;font-family:inherit}.dropdpwn{display:inline-block;margin-right:10px;font-size:19px}.mat-column-ccdCaseNumber{flex:3em}.mat-column-refundReference{flex:6em}.mat-column-reason{flex:2em}.govuk-select{font-size:19px;font-weight:400}.govuk-error-summary__title{font-size:24px!important}.float-right{float:right}.float-right-padding{float:right;padding-right:2em}.float-left-padding{padding-left:12em}"]}]}],_e.ctorParameters=function(){return[{type:S},{type:t.ChangeDetectorRef},{type:w},{type:l.Router},{type:l.ActivatedRoute}]},_e.propDecorators={DATASOURCE:[{type:t.Input,args:["DATASOURCE"]}],STATUS:[{type:t.Input,args:["STATUS"]}],errorMessage:[{type:t.Input,args:["errorMessage"]}],paginator:[{type:t.ViewChild,args:[m.MatPaginator]}],sort:[{type:t.ViewChild,args:[p.MatSort]}]};var ke=function(e,t){"EMAIL"===t?this.recipient_email_address=e:"LETTER"===t&&(this.recipient_postal_address=e)},Re=function(e,t,n,s){this.refund_reason=e,this.amount=t,this.contact_details=n,this.refund_fees=s},we=function(){function e(e,t,n,s,a,o){this.formBuilder=e,this.refundService=t,this.notificationService=n,this.paymentLibComponent=s,this.OrderslistService=a,this.paymentViewService=o,this.LOGGEDINUSERROLES=[],this.rejectedRefundList=[],this.approvalStatus="Sent for approval",this.rejectStatus="Update required",this.errorMessage=null,this.refundButtonState="",this.isAmountEmpty=!1,this.isReasonEmpty=!1,this.amountHasError=!1,this.isRemissionLessThanFeeError=!1,this.refundHasError=!1,this.refundReasons=[],this.isResendOperationSuccess=!1,this.isEditDetailsClicked=!1,this.isEditAddressDeatilsClicked=!1,this.isRefundBtnDisabled=!0,this.isFromPayBubble=!1,this.isLastUpdatedByCurrentUser=!0,this.isProcessRefund=!1,this.notificationSentViewIndex=-1,this.notificationPreview=!1,this.notificationSentView=!1,this.allowedRolesToAccessRefund=["payments-refund-approver","payments-refund","payments"]}return e.prototype.ngOnInit=function(){var e=this;if(this.resetRemissionForm([!1,!1,!1,!1],"All"),this.bsPaymentDcnNumber=this.paymentLibComponent.bspaymentdcn,this.isCallFromRefundList=this.paymentLibComponent.isCallFromRefundList,"api/payment-history"==this.API_ROOT&&(this.isFromPayBubble=!0),this.paymentLibComponent.isRefundStatusView?(this.viewName="refundview",this.OrderslistService.getRefundView().subscribe((function(t){return e.refundlist=t})),this.OrderslistService.getCCDCaseNumberforRefund.subscribe((function(t){return e.ccdCaseNumber=t}))):(this.viewName="refundstatuslist",this.refundService.getRefundStatusList(this.ccdCaseNumber).subscribe((function(t){e.rejectedRefundList=t.refund_list}))),this.refundStatusForm=this.formBuilder.group({amount:new r.FormControl("",r.Validators.compose([r.Validators.required,r.Validators.pattern("^[0-9]+(.[0-9]{1,2})?$")])),refundReason:new r.FormControl("",r.Validators.compose([r.Validators.required])),reason:new r.FormControl}),void 0!==this.refundlist){if(this.getRefundsNotification(),this.getRefundsStatusHistoryList(),this.LOGGEDINUSERROLES.some((function(e){return e.includes("payments-refund-approver")})))return this.isProcessRefund=!0,void(this.refundButtonState=this.refundlist.refund_status.name);this.LOGGEDINUSERROLES.some((function(e){return e.includes("payments-refund")}))&&(this.isProcessRefund=!1,this.refundButtonState=this.refundlist.refund_status.name)}},e.prototype.getRefundsStatusHistoryList=function(){var e=this;void 0!==this.refundlist&&this.refundService.getRefundStatusHistory(this.refundlist.refund_reference).subscribe((function(t){e.refundStatusHistories=t.status_history_dto_list,e.isLastUpdatedByCurrentUser=t.last_updated_by_current_user}))},e.prototype.getRefundsNotification=function(){var e=this;this.notificationService.getRefundNotification(this.refundlist.refund_reference).subscribe((function(t){e.notificationList=t.notifications}))},e.prototype.goToRefundView=function(e,t){this.OrderslistService.setRefundView(e),this.OrderslistService.setCCDCaseNumber(this.ccdCaseNumber),this.paymentLibComponent.viewName="refundstatuslist",this.paymentLibComponent.isRefundStatusView=!0,this.refundlist=e,this.OrderslistService.setnavigationPage(t)},e.prototype.loadCaseTransactionPage=function(){this.OrderslistService.setnavigationPage("casetransactions"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isRefundStatusView=!1},e.prototype.loadRefundListPage=function(){var e=this;this.OrderslistService.getnavigationPageValue().subscribe((function(t){return e.navigationpage=t})),"casetransactions"===this.navigationpage?this.loadCaseTransactionPage():this.paymentLibComponent.viewName="refund-list"},e.prototype.gotoReviewDetailsPage=function(e){this.errorMessage=!1,this.paymentLibComponent.isRefundStatusView=!0,this.ngOnInit()},e.prototype.gotoReviewAndReSubmitPage=function(){var e=this;this.viewName="reviewandsubmitview",this.getTemplateInstructionType(this.paymentObj,this.refundlist.payment_reference),this.oldRefundReason=this.refundlist.reason,this.changedAmount=this.refundlist.amount,this.refundreason=this.refundStatusHistories.filter((function(e){return"update required"===e.status.toLowerCase()}))[0].notes,this.refundService.getRefundReasons().subscribe((function(t){e.refundReasons=t}))},e.prototype.gotoRefundReasonPage=function(e){this.isRefundBtnDisabled=!1,this.paymentLibComponent.REFUNDLIST="true",this.paymentLibComponent.isFromRefundStatusPage=!0,this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.errorMessage=!1,this.changeRefundReason=e,this.viewName="issuerefundpage1"},e.prototype.gotoAmountPage=function(){this.errorMessage=!1,this.paymentLibComponent.REFUNDLIST="true",this.isRefundBtnDisabled=!1,this.ccdCaseNumber=this.paymentLibComponent.CCD_CASE_NUMBER,this.paymentLibComponent.isFromRefundStatusPage=!0,"Retrospective remission"==this.refundlist.reason?this.viewName="processretroremissonpage":this.viewName="issuerefund"},e.prototype.goToReviewAndSubmitView=function(){var e=this.refundStatusForm.controls;this.refundStatusForm.dirty&&(""==e.amount.value?this.resetRemissionForm([!0,!1,!1,!1],"amount"):""!=e.amount.value&&e.amount.invalid?this.resetRemissionForm([!1,!0,!1,!1],"amount"):""==e.reason.value?this.resetRemissionForm([!1,!1,!1,!0],"reason"):(this.refundlist.reason=e.reason.value,this.viewName="reviewandsubmitview"))},e.prototype.resetRemissionForm=function(e,t){"All"===t?(this.isAmountEmpty=e[0],this.amountHasError=e[1],this.isRemissionLessThanFeeError=e[2],this.isReasonEmpty=e[3]):"amount"===t||"All"===t?(this.isAmountEmpty=e[0],this.amountHasError=e[1],this.isRemissionLessThanFeeError=e[2]):"reason"!==t&&"All"!==t||(this.isReasonEmpty=e[3])},e.prototype.selectRadioButton=function(e,t){this.refundHasError=!1,this.selectedRefundReason=e,"Other"===e&&(this.refundHasError=!1,this.refundReason=e)},e.prototype.getRefundListReason=function(e){this.paymentLibComponent.isFromRefundStatusPage&&!this.paymentLibComponent.iscancelClicked?null!=e.reason&&null!=e.reason&&e.reason!=this.refundlist.reason&&(this.refundlist.reason=e.reason,this.refundlist.reason_code=e.code.split("-")[0].trim(),this.refundlist.code=e.code,this.refundCode=e.code):this.isRefundBtnDisabled=!0,this.notificationPreview=!1,this.viewName="reviewandsubmitview",this.paymentLibComponent.CCD_CASE_NUMBER=this.ccdCaseNumber},e.prototype.getRefundAmount=function(e){this.paymentLibComponent.isFromRefundStatusPage&&!this.paymentLibComponent.iscancelClicked?e>0&&(this.changedAmount=e):this.isRefundBtnDisabled=!0,this.notificationPreview=!1,this.viewName="reviewandsubmitview",this.paymentLibComponent.CCD_CASE_NUMBER=this.ccdCaseNumber},e.prototype.getRefundFees=function(e){this.fees=e,this.refundFees=this.fees.map((function(e){return{fee_id:e.id,code:e.code,version:e.version,volume:e.updated_volume?e.updated_volume:e.volume,refund_amount:e.refund_amount}}))},e.prototype.gotoReviewRefundConfirmationPage=function(){var e=this;void 0===this.refundFees&&(this.refundFees=this.refundlist.refund_fees),"Retrospective remission"==this.refundlist.reason&&(this.refundFees[0].refund_amount=this.changedAmount),this.refundCode=this.refundlist.code;var t=new Re(this.refundCode,this.changedAmount,this.refundlist.contact_details,this.refundFees);this.refundService.patchResubmitRefund(t,this.refundlist.refund_reference).subscribe((function(t){JSON.parse(t)&&(e.refundReference=JSON.parse(t).refund_reference,e.refundAmount=JSON.parse(t).refund_amount,e.viewName="reviewrefundconfirmationpage")}),(function(t){e.errorMessage=t.replace(/"/g,"")}))},e.prototype.gotoEditAddressDetails=function(e){this.notification=e,this.isEditDetailsClicked=!0,this.viewName="refundEditView"},e.prototype.getContactDetails=function(e){this.addressDetails=e,this.getTemplateInstructionType(this.paymentObj,this.refundlist.payment_reference),this.notificationPreview=!1,this.viewName="revieweditdetailsconfirmationpage"},e.prototype.getContactDetailsForRefundList=function(e){this.refundlist.contact_details=e,this.getTemplateInstructionType(this.paymentObj,this.refundlist.payment_reference),this.notificationPreview=!1,this.isEditDetailsClicked=!1,this.isRefundBtnDisabled=!1,this.viewName="reviewandsubmitview"},e.prototype.gotoEditDetailsPage=function(e,t){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.isEditDetailsClicked=!0,this.viewName=t},e.prototype.submitEditDetail=function(){var e=this;this.isResendOperationSuccess=!1;var t="EMAIL"===this.addressDetails.notification_type?this.addressDetails.email:{address_line:this.addressDetails.address_line,city:this.addressDetails.city,county:this.addressDetails.county,country:this.addressDetails.country,postal_code:this.addressDetails.postal_code},n=new ke(t,this.addressDetails.notification_type);this.refundService.putResendOrEdit(n,this.refundlist.refund_reference,this.addressDetails.notification_type).subscribe((function(t){e.isResendOperationSuccess=t}),(function(t){e.isResendOperationSuccess=!1,e.errorMessage=t.replace(/"/g,"")}))},e.prototype.putResend=function(e){var t=this;this.isResendOperationSuccess=!1;var n="EMAIL"===e.notification_type?e.contact_details.email:{address_line:e.contact_details.address_line,city:e.contact_details.city,county:e.contact_details.county,country:e.contact_details.country,postal_code:e.contact_details.postal_code},s=new ke(n,e.notification_type);this.refundService.putResendOrEdit(s,this.refundlist.refund_reference,e.notification_type).subscribe((function(e){t.isResendOperationSuccess=e}),(function(e){t.isResendOperationSuccess=!1,t.errorMessage=e.replace(/"/g,"")}))},e.prototype.gotoRefundViewPageCancelBtnClicked=function(e){e.preventDefault(),this.isEditDetailsClicked=!1,this.viewName="refundview"},e.prototype.gotoRefundReviewAndSubmitViewPageCancelBtnClicked=function(e){e.preventDefault(),this.isEditDetailsClicked=!1,this.viewName="reviewandsubmitview"},e.prototype.goToRefundProcessComponent=function(e,t){this.paymentLibComponent.refundlistsource=t,this.paymentLibComponent.refundReference=e,this.paymentLibComponent.isFromPayBubble=!0,this.paymentLibComponent.viewName="process-refund"},e.prototype.getTemplateInstructionType=function(e,t){var n=this;null==e||null==e||e.reference!=t?this.paymentViewService.getPaymentDetails(t).subscribe((function(e){n.paymentObj=e,n.paymentObj.reference=t,n.templateInstructionType=n.notificationService.getNotificationInstructionType(n.paymentObj.channel,n.paymentObj.method)}),(function(e){n.templateInstructionType="Template"})):this.templateInstructionType=this.notificationService.getNotificationInstructionType(e.channel,e.method)},e.prototype.showNotificationPreview=function(){this.notificationPreview=!0},e.prototype.hideNotificationPreview=function(){this.notificationPreview=!1},e.prototype.showNotificationSentView=function(e){this.notificationSentViewIndex=e,this.notificationSentView=!0},e.prototype.hideNotificationSentView=function(){this.notificationSentViewIndex=-1,this.notificationSentView=!1},e}();we.decorators=[{type:t.Component,args:[{selector:"ccpay-refund-status",template:'\n<div *ngIf="errorMessage">\n  <div class="error-summary" role="group" aria-labelledby="failure-error-summary-heading" tabindex="-1">\n    <h2 class="heading-medium error-summary-heading" id="failure-error-summary-heading">\n      Error in processing the request\n    </h2>\n    <div class="govuk-error-summary__body">\n      {{ errorMessage }}\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf="viewName===\'refundstatuslist\' && rejectedRefundList && !isResendOperationSuccess && !isEditDetailsClicked">\n  \x3c!-- payments --\x3e\n\n  <table class="govuk-table">\n    <thead class="govuk-table__head">\n      <tr class="govuk-table__row">\n        <td class="govuk-table__header col-16" scope="col">Status</td>\n        <td class="govuk-table__header col-11" scope="col">Amount</td>\n        <td class="govuk-table__header col-18" scope="col">Date</td>\n        <td class="govuk-table__header col-25" scope="col">Refund reference</td>\n        <td class="govuk-table__header col-24 " scope="col">Reason</td>\n        <td class="govuk-table__header" scope="col"></td>\n      </tr>\n    </thead>\n    <tbody class="govuk-table__body" *ngIf="rejectedRefundList?.length > 0">\n      <tr class="govuk-table__row" *ngFor="let refundList of rejectedRefundList">\n        <td class="govuk-table__cell whitespace-inherit">{{ refundList?.refund_status[\'name\'] }}</td>\n        <td class="channel govuk-table__cell whitespace-inherit">£{{ refundList?.amount | number:\'.2\' }}</td>\n        <td class="govuk-table__cell  whitespace-inherit">{{ refundList?.date_updated | date:\'dd MMM yyyy\'}}\n        </td>\n        <td class="govuk-table__cell whitespace-inherit">{{ refundList?.refund_reference }}</td>\n        <td class="govuk-table__cell whitespace-inherit"> {{refundList?.reason}}</td>\n        <td class="govuk-table__cell whitespace-inherit">\n          <a href="javascript:void(0)" (click)="goToRefundView(refundList,\'casetransactions\')">Review</a>\n        </td>\n      </tr>\n    </tbody>\n    <tbody class="govuk-table__body" *ngIf="rejectedRefundList?.length === 0">\n      <td class="govuk-table__cell" colspan="6">No refunds recorded</td>\n    </tbody>\n  </table>\n</ng-container>\n\n<ng-container *ngIf="viewName===\'refundview\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  <div class="govuk-breadcrumbs">\n    <ol class="govuk-breadcrumbs__list">\n      <li class="govuk-breadcrumbs__list-item">\n        <a  href="javascript:void(0)" (click)="loadRefundListPage()" class="govuk-back-link govuk-label">Back</a>\n      </li>\n    </ol>\n  </div>\n  <h2 class="govuk-heading-l">Refund details</h2>\n  <table>\n    \n    <tbody>\n      <tr class="section">\n        <td class="bold tb-col-w">Refund reference</td>\n        <td>{{ refundlist?.refund_reference }}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold tb-col-w">Payment to be refunded</td>\n        <td>{{refundlist?.payment_reference }}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold tb-col-w">Reason for refund</td>\n        <td>{{ refundlist?.reason }}</td>\n      </tr>\n      <tr class="section">\n        <td class="bold tb-col-w">Amount refunded</td>\n        <td>£{{refundlist?.amount | number:\'.2\' }}</td>\n      </tr>\n\n    </tbody>\n  </table>\n\n\n    \x3c!-- Notification sent details --\x3e\n    <div>\n      <br />\n      <h2 class="govuk-heading-m">Notifications sent</h2>\n      <table class="govuk-table">\n        <thead class="govuk-table__head">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__header col-24 whitespace-inherit" scope="col">Date and time</td>\n            <td class="govuk-table__header col-27 whitespace-inherit" scope="col">Sent to</td>\n            <td class="govuk-table__header whitespace-inherit" scope="col">Sent via</td>\n            <td class="govuk-table__header whitespace-inherit" scope="col">Actions</td>\n          </tr>\n        </thead>\n        <tbody class="govuk-table__body" *ngIf="notificationList">\n          <ng-container *ngFor="let notification of notificationList; let i = index;">\n            <tr class="govuk-table__row">\n              <td class="govuk-table__cell whitespace-inherit">{{notification.date_created | date:\'dd MMMM yyyy HH:mm:ss\'}}</td>\n              <td class="govuk-table__cell whitespace-inherit">{{orderParty}}</td>\n              <td class="govuk-table__cell whitespace-inherit col-40">\n                <div *ngIf="notification?.notification_type === \'EMAIL\'">\n                  <strong>Email</strong><br>\n                  {{notification?.contact_details?.email?.trim()}}\n                </div>\n                <div *ngIf="notification?.notification_type === \'LETTER\'">\n                  <strong>Post</strong><br>\n                  {{notification?.contact_details?.address_line?.trim()}} {{notification?.contact_details?.city?.trim()}} {{notification?.contact_details?.county?.trim()}} {{notification?.contact_details?.country?.trim()}} {{notification?.contact_details?.postal_code?.trim()}}\n                </div>\n              </td>\n              <td class="govuk-table__cell whitespace-inherit" *ngIf="i === 0"><a href="Javascript:void(0);" (click)="putResend(notification)">Resend</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="Javascript:void(0);" (click)="gotoEditAddressDetails(notification)">Edit details</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a *ngIf="!notificationSentView || i != notificationSentViewIndex" href="Javascript:void(0);" (click)="showNotificationSentView(i)">View</a><a *ngIf="i === notificationSentViewIndex && notificationSentView" href="Javascript:void(0);" (click)="hideNotificationSentView()">Hide</a></td>\n              <td class="govuk-table__cell whitespace-inherit" *ngIf="i > 0"><a *ngIf="!notificationSentView || i != notificationSentViewIndex" href="Javascript:void(0);" (click)="showNotificationSentView(i)">View</a><a *ngIf="i === notificationSentViewIndex && notificationSentView" href="Javascript:void(0);" (click)="hideNotificationSentView()">Hide</a></td>\n            </tr>\n            <tr *ngIf="i === notificationSentViewIndex && notificationSentView">\n              <td class="govuk-table__cell" colspan="4">\n                <app-notification-preview\n                  [previewJourney]="\'Notifications sent\'" [notificationSent]="notification?.sent_notification">\n                </app-notification-preview>\n              </td>\n            </tr>\n          </ng-container>\n\n        </tbody>\n        <tbody class="govuk-table__body" *ngIf="!notificationList">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__cell whitespace-inherit" colspan="4">No record found ... </td>\n          </tr>\n        </tbody>\n      </table>  \n    </div>\n  \x3c!-- Status history --\x3e\n  <div>\n    <br />\n    <h2 class="govuk-heading-m">Refund status history</h2>\n    <div *ngIf="refundStatusHistories">\n    <table class="govuk-table">\n      <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n          <td class="govuk-table__header col-24 whitespace-inherit" scope="col">Status</td>\n          <td class="govuk-table__header col-27 whitespace-inherit" scope="col">Date and time</td>\n          <td class="govuk-table__header whitespace-inherit" scope="col">Users</td>\n          <td class="govuk-table__header whitespace-inherit" scope="col">Notes</td>\n        </tr>\n      </thead>\n      <tbody class="govuk-table__body" *ngFor="let refundStatusHistory of refundStatusHistories;">\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit">{{refundStatusHistory.status}}</td>\n          <td class="govuk-table__cell whitespace-inherit">\n             {{refundStatusHistory.date_created | date:\'dd MMMM yyyy HH:mm:ss\'}}\n           </td>\n          <td class="govuk-table__cell whitespace-inherit">{{refundStatusHistory.created_by}}</td>\n          <td class="govuk-table__cell whitespace-inherit">{{refundStatusHistory.notes}}</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  </div>\n\n  <ng-container *ngIf="viewName===\'refundview\' && !isFromPayBubble && !isResendOperationSuccess && !isEditDetailsClicked">\n    <div  *ngIf="refundButtonState===\'Update required\'" >\n      \x3c!-- <div *ngIf="refundButtonState===\'sent back\'"> --\x3e\n      <br />\n      <button type="submit" class="button govuk-button--secondary btnmargin"\n        (click)="gotoReviewAndReSubmitPage()">Change refund details</button>\n    </div>\n    <div *ngIf="isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState===\'Sent for approval\'" >\n      \x3c!-- <div *ngIf="isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState===\'sent for approval\'"> --\x3e\n      <br />\n      <button type="submit" class="button govuk-button--secondary"\n        (click)="goToRefundProcessComponent(refundlist.refund_reference,refundlist)">Process refund</button>\n    </div>\n  </ng-container>\n\n\n</ng-container>\n\n<ng-container *ngIf="viewName===\'reviewandsubmitview\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  \x3c!-- <div class="govuk-breadcrumbs">\n    <ol class="govuk-breadcrumbs__list">\n      <li class="govuk-breadcrumbs__list-item">\n        <a (click)="gotoReviewDetailsPage($event)" class="govuk-back-link govuk-label">Back</a>\n      </li>\n    </ol>\n  </div> --\x3e\n  <div class="govuk-warning-text">\n    <h1 class="heading-large">Check your answers</h1>\n  </div>\n  <table class="govuk-table">\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n      <td class="govuk-table__cell">{{ refundlist?.payment_reference}} </td>\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Reason for return</td>\n      <td class="govuk-table__cell">{{refundreason}}</td>\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Refund reference</td>\n      <td class="govuk-table__cell">{{ refundlist?.refund_reference}} </td>\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Reason for refund</td>\n      <td class="govuk-table__cell">{{ refundlist?.reason?.trim()}}\n        <a (click)="gotoRefundReasonPage(refundlist?.reason)" *ngIf="refundlist?.reason !== \'Retrospective remission\' && refundlist?.reason !== \'Overpayment\'"\n          class="govuk-link right">Change</a>\n      </td>\n\n      \x3c!-- <td class="govuk-table__cell">{{ refundlist?.reason }}</td>\n      <a (click)="gotoRefundReasonPage()" class="govuk-link right">Change</a> --\x3e\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n      <td class="govuk-table__cell">£{{ changedAmount ? changedAmount : refundlist?.amount | number:\'.2\' }}\n        <a (click)="gotoAmountPage()" *ngIf="refundlist?.reason !== \'Overpayment\'"\n          class="govuk-link right">Change</a>\n      </td>\n\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n      <td class="govuk-table__cell">{{orderParty}} </td>\n    </tr>\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n      <td class="govuk-table__cell whitespace-inherit">\n        <div *ngIf="refundlist?.contact_details?.notification_type === \'EMAIL\'" class="contactDetails-width font-size-19px">\n          <strong>Email</strong>\n          <br/>\n          {{refundlist?.contact_details?.email?.trim()}}\n        </div>\n        <div *ngIf="refundlist?.contact_details?.notification_type === \'LETTER\'" class="contactDetails-width font-size-19px">\n          <strong>Post</strong>\n          <br/>\n          {{refundlist?.contact_details?.address_line?.trim()}} {{refundlist?.contact_details?.city?.trim()}} {{refundlist?.contact_details?.county?.trim()}} {{refundlist?.contact_details?.country?.trim()}} {{refundlist?.contact_details?.postal_code?.trim()}}\n        </div> \n        <a class="govuk-link" href="Javascript:void(0)" *ngIf="refundlist?.contact_details !=null"  class="govuk-link right" (click)="gotoEditDetailsPage(refundlist?.contact_details, \'reviewandsubmitEditview\')">\n          Change\n        </a>\n      </td>\n    </tr> \n\n    <tr class="govuk-table__row">\n      <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n      <td class="govuk-table__cell">{{templateInstructionType}} \n          <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n            Preview\n          </a>\n          <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n            Hide Preview\n          </a>\n      </td>\n    </tr>\n  </table>\n  <app-notification-preview *ngIf="notificationPreview" \n  [paymentReference]="refundlist?.payment_reference"\n  [payment]="paymentObj" \n  [contactDetails]="refundlist?.contact_details"\n  [refundReason]="refundlist?.reason_code"\n  [refundAmount]="changedAmount ? changedAmount : refundlist?.amount"\n  [refundReference]="refundlist?.refund_reference"></app-notification-preview>\n\n  <div class="govuk-button-group">\n    <button (click)="gotoReviewDetailsPage($event)" class="govuk-button govuk-button--secondary"> Previous</button>\n    <button [disabled]="isRefundBtnDisabled" (click)="gotoReviewRefundConfirmationPage()" class="govuk-button button"\n      data-module="govuk-button">\n      Submit refund\n    </button>\n</div>\n<p><a href="javascript:void(0)" (click)="loadRefundListPage()" class="govuk-link" data-module="govuk-button">Cancel</a></p>\n  \x3c!-- <div class="govuk-button-group">\n    <button [disabled]="isRefundBtnDisabled" (click)="gotoReviewRefundConfirmationPage()" class="govuk-button button"\n      data-module="govuk-button">\n      Submit refund\n    </button>\n  </div> --\x3e\n  \x3c!-- <p>\n    <a (click)="loadRefundListPage()" href="" class="cancelbtn">Cancel</a>\n  </p> --\x3e\n</ng-container>\n\n<ng-container *ngIf="viewName === \'reviewandsubmitEditview\' && isEditDetailsClicked">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'EDITDETAILSPAGE\'>      \n    <h1 class="govuk-heading-l">Edit contact details</h1>\n    <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n    <span class="govuk-hint font-size-19px">\n      Refund reference: {{ refundlist?.refund_reference}}\n    </span>\n    <ccpay-contact-details\n    [isEditOperationInRefundList] = isEditDetailsClicked\n    [addressObj] = notification\n    (assignContactDetailsInFefundsList)="getContactDetailsForRefundList($event)"\n    (redirectToIssueRefund)="gotoRefundReviewAndSubmitViewPageCancelBtnClicked($event)" ></ccpay-contact-details>\n  <p>\n      <a (click)="loadRefundListPage()" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n\n<ng-container *ngIf="viewName === \'issuerefundpage1\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  <ccpay-add-remission [isFromRefundListPage]="true" [viewCompStatus]="viewName" [isRefundRemission]="true" [isFromRefundStatusPage] = "true"\n   [changeRefundReason]= "changeRefundReason" [ccdCaseNumber]="ccdCaseNumber" (refundListReason)="getRefundListReason($event)" [refundPaymentReference]= "refundlist?.payment_reference" ></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf="viewName === \'processretroremissonpage\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  <ccpay-add-remission [isFromRefundListPage]="true" [viewCompStatus]="viewName" [isRefundRemission]="true"\n    [ccdCaseNumber]="ccdCaseNumber" [refundPaymentReference]= "refundlist?.payment_reference" (refundListAmount)="getRefundAmount($event)"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf="viewName === \'issuerefund\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  <ccpay-add-remission [isFromRefundListPage]="true" [viewCompStatus]="viewName" [isRefundRemission]="true" [isFromServiceRequestPage] = "true"\n    [ccdCaseNumber]="ccdCaseNumber" [refundPaymentReference]= "refundlist?.payment_reference" [isFromRefundStatusPage]="true"  (refundListAmount)="getRefundAmount($event)"  (refundFees)="getRefundFees($event)"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf="viewName === \'reviewrefundconfirmationpage\' && !isResendOperationSuccess && !isEditDetailsClicked">\n  <div class="govuk-grid-row pagesize">\n    <div>\n      <div class="govuk-panel govuk-panel--confirmation">\n        <h1 class="govuk-panel__title">\n          Refund submitted\n        </h1>\n\n        <div class="govuk-panel__body">\n          <p class="govuk-body white"><strong>Refund reference:{{refundReference}} </strong></p>\n        </div>\n\n      </div>\n\n      <h2 class="govuk-heading-l">What happens next</h2>\n      <p class="govuk-body">\n        A refund request for {{refundAmount| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}} has been created and will be passed to a team leader to approve.\n      </p>\n\n      <p class="govuk-body">\n        <a href="javascript:void(0)" (click)="loadRefundListPage()" class="govuk-link">Return to case</a>\n      </p>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf="isResendOperationSuccess">\n  <div class="govuk-grid-row pagesize">\n    <div>\n      <div class="govuk-panel govuk-panel--confirmation">\n        <h1 class="govuk-panel__title">\n          Notification sent\n        </h1>\n\n        <div class="govuk-panel__body">\n          <p class="govuk-body white"><strong>Refund reference: {{ refundlist?.refund_reference}} </strong></p>\n        </div>\n\n      </div>\n      <p class="govuk-body">\n        <a href="javascript:void(0)" (click)="loadRefundListPage()" class="govuk-link">Return to case</a>\n      </p>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf="viewName === \'refundEditView\' && isEditDetailsClicked">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'EDITDETAILSPAGE\'>      \n    <h1 class="govuk-heading-l">Edit contact details</h1>\n    <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n    <span class="govuk-hint font-size-19px">\n      Refund reference: {{ refundlist?.refund_reference}}\n    </span>\n    <ccpay-contact-details\n    [isEditOperationInRefundList] = isEditDetailsClicked\n    [addressObj] = notification\n    (assignContactDetailsInFefundsList)="getContactDetails($event)"\n    (redirectToIssueRefund)="gotoRefundViewPageCancelBtnClicked($event)" ></ccpay-contact-details>\n  <p>\n      <a (click)="loadRefundListPage()" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n<ng-container *ngIf="viewName === \'revieweditdetailsconfirmationpage\' && !isResendOperationSuccess && isEditDetailsClicked">\n  <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'EDITDETAILSCHECKANDANSWERPAGE\'>      \n    <h1 class="govuk-heading-l">Check your answers</h1>\n    <dl class="govuk-summary-list">\n      <div class="govuk-summary-list__row font-size-19px">\n        <dt class="govuk-summary-list__key">\n          Refund reference\n        </dt>\n        <dd class="govuk-summary-list__value">\n          {{ refundlist?.refund_reference}}\n        </dd>\n        <span class="govuk-summary-list__actions"></span> \n      </div>\n      <div class="govuk-summary-list__row font-size-19px">\n        <dt class="govuk-summary-list__key">\n          Send via\n          <br/>\n        </dt>\n        <dd class="govuk-summary-list__value">\n          <div *ngIf="addressDetails?.notification_type === \'EMAIL\'" class="contactDetails-width font-size-19px">\n            <strong>Email</strong>\n            <br/>\n            {{addressDetails?.email?.trim()}}\n          </div>\n          <div *ngIf="addressDetails?.notification_type === \'LETTER\'" class="contactDetails-width font-size-19px">\n            <strong>Post</strong>\n            <br/>\n            {{addressDetails?.address_line?.trim()}} {{addressDetails?.city?.trim()}} {{addressDetails?.county?.trim()}} {{addressDetails?.country?.trim()}} {{addressDetails?.postal_code?.trim()}}\n          </div>        \n        </dd>\n        <dd class="govuk-summary-list__actions">\n          <a class="govuk-link" href="Javascript:void(0)" (click)="gotoEditDetailsPage(addressDetails, \'refundEditView\')">\n            Change\n          </a>\n        </dd>\n      </div>\n      <div class="govuk-summary-list__row font-size-19px">\n        <dt class="govuk-summary-list__key">\n          Notification\n        </dt>\n        <dd class="govuk-summary-list__value">\n          {{templateInstructionType}} \n        </dd>\n        <span class="govuk-summary-list__actions">\n          <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n            Preview\n          </a>\n          <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n            Hide Preview\n          </a>\n        </span> \n      </div>\n    </dl>\n\n    <app-notification-preview *ngIf="notificationPreview" [paymentReference]="refundlist?.payment_reference"\n    [payment]="paymentObj"\n    [contactDetails]="addressDetails"\n    [refundReason]="refundlist?.reason_code"\n    [refundAmount]="refundlist?.amount"\n    [refundReference]="refundlist?.refund_reference">\n  </app-notification-preview>\n\n\n\n    <div class="govuk-button-group">\n      <button (click)="gotoEditDetailsPage(addressDetails, \'refundEditView\')" class="govuk-button govuk-button--secondary"> Previous</button>\n      <button (click)="submitEditDetail()" class="govuk-button button"\n        data-module="govuk-button">\n          Send notification\n      </button>\n  </div>\n  <p>\n      <a (click)="loadRefundListPage()" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n\n</ng-container>\n',styles:[".right{float:right!important}.button{margin-bottom:3em;font-size:19px}.cancelbtn{font-size:19px;font-weight:400}.btnmargin{margin-bottom:2em}.govuk-button--secondary{background-color:#dee0e2;box-shadow:0 2px 0 #858688;color:#0b0c0c;margin-right:.5em}.govuk-label--s,.govuk-warning-text__text,.hmcts-currency-input__symbol{font-size:19px;font-weight:400}.inline-error-class{outline:3px solid #a71414;outline-offset:0}.inline-error-message{color:#a71414;font-weight:700;margin-top:10px;font-size:20px}.govuk-button,.govuk-link{margin-right:1em;font-size:19px;font-weight:200}.govuk-button-group{padding-top:2em}.heading-medium{margin-top:.875em}.heading-large{margin-top:.25em}.govuk-panel--confirmation{color:#fff;background:#00703c}.govuk-heading-l{font-size:36px}.govuk-heading-m{font-size:24px}.govuk-panel__title{font-size:5rem}.govuk-body,.govuk-body-m{font-size:2.1875rem}.govuk-input--width-10{max-width:36ex}.col-14{width:14%!important}.col-10{width:10%!important}.col-11{width:11%!important}.col-18{width:18%!important}.col-21{width:21%!important}.col-9{width:9%!important}.col-40{width:40%!important}.col-15{width:15%!important}.col-16{width:16%!important}.col-25{width:25%!important}.col-24{width:24%!important}.govuk-error-summary__title{font-size:24px!important}.govuk-error-summary__body{font-size:19px!important}.font-size-19px{font-size:19px}.white{color:#fff}.pagesize{margin:2em;width:97%}.govuk-link{cursor:pointer}.contactDetails-width{width:70%}.whitespace-inherit{white-space:inherit!important}"]}]}],we.ctorParameters=function(){return[{type:r.FormBuilder},{type:L},{type:O},{type:S},{type:w},{type:T}]},we.propDecorators={LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],API_ROOT:[{type:t.Input,args:["API_ROOT"]}],ccdCaseNumber:[{type:t.Input}],isTurnOff:[{type:t.Input}],orderParty:[{type:t.Input}]};var Se=function(){function e(e,n,s,a,o,i){this.paymentLibComponent=e,this.paymentViewService=n,this.OrderslistService=s,this.notificationService=a,this.cd=o,this.router=i,this.goToServiceRquestComponent=new t.EventEmitter,this.paymentGroups=[],this.payments=[],this.nonPayments=[],this.allPayments=[],this.remissions=[],this.isRefundRemission=!0,this.isAddFeeBtnEnabled=!0,this.isExceptionRecord=!1,this.isUnprocessedRecordSelected=!1,this.isAnyFeeGroupAvilable=!0,this.isHistoricGroupAvailable=!1,this.isRemoveBtnDisabled=!1,this.clAmountDue=0,this.isFeeRecordsExist=!1,this.isGrpOutstandingAmtPositive=!1,this.isAddRemissionEnable=!1,this.orderRemissionDetails=[],this.orderLevelFees=[],this.cpoDetails=[],this.isPBA=!1,this.isIssueRefunfBtnEnable=!1,this.isAddRemissionBtnEnabled=!1,this.isRefundRemissionBtnEnable=!1,this.allowedRolesToAccessRefund=["payments-refund-approver","payments-refund"],this.isContinueBtnDisabled=!0}return e.prototype.ngOnInit=function(){var e=this;this.isTurnOff=this.paymentLibComponent.ISTURNOFF,this.isServiceRequest="false",void 0===this.viewStatus&&(this.viewStatus=this.paymentLibComponent.viewName),this.paymentLibComponent.isFromServiceRequestPage&&this.paymentLibComponent.isFromPaymentDetailPage&&(this.OrderslistService.getorderRefs().subscribe((function(t){return e.orderRef=t})),this.OrderslistService.getorderCCDEvents().subscribe((function(t){return e.orderCCDEvent=t})),this.OrderslistService.getorderCreateds().subscribe((function(t){return e.orderCreated=t})),this.OrderslistService.getorderDetail().subscribe((function(t){return e.orderDetail=t})),this.OrderslistService.getorderPartys().subscribe((function(t){return e.orderParty=t})),this.OrderslistService.getorderRemissionTotals().subscribe((function(t){return e.orderRemissionTotal=t})),this.OrderslistService.getorderFeesTotals().subscribe((function(t){return e.orderFeesTotal=t})),this.OrderslistService.getoorderTotalPaymentss().subscribe((function(t){return e.orderTotalPayments=t}))),this.paymentLibComponent.isFromServiceRequestPage&&this.paymentLibComponent.TAKEPAYMENT&&(this.isServiceRequest="false")},e.prototype.goToServiceRequestPage=function(){this.goToServiceRquestComponent.emit()},e.prototype.goToCaseTransationPage=function(e){if(e.preventDefault(),this.OrderslistService.setnavigationPage("servicerequestpage"),this.OrderslistService.setisFromServiceRequestPage(!1),this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isTakePayment=this.paymentLibComponent.TAKEPAYMENT,this.takePayment&&(this.paymentLibComponent.isTakePayment=this.takePayment),this.paymentLibComponent.isFromServiceRequestPage=!1,"false"!==this.isServiceRequest&&(this.paymentLibComponent.isFromServiceRequestPage=!0),this.paymentLibComponent.isFromRefundStatusPage=!1,this.paymentLibComponent.viewName="case-transactions",this.resetOrderData(),this.router.url.startsWith("/cases/case-details/"))this.viewStatus="case-transactions";else{var t=this.paymentLibComponent.ISBSENABLE?"&isBulkScanning=Enable":"&isBulkScanning=Disable";t+=this.paymentLibComponent.ISTURNOFF?"&isTurnOff=Enable":"&isTurnOff=Disable","false"===this.isServiceRequest&&(t+=this.paymentLibComponent.TAKEPAYMENT?"&takePayment=true":"&takePayment=false"),t+=this.isStrategicFixEnable?"&isStFixEnable=Enable":"&isStFixEnable=Disable",t+="false"!==this.isServiceRequest?"&servicerequest=true":"&servicerequest=false",t+="&caseType="+this.paymentLibComponent.CASETYPE;var n="/payment-history/"+this.paymentLibComponent.CCD_CASE_NUMBER+"?view=case-transactions&selectedOption="+this.paymentLibComponent.SELECTED_OPTION+t;this.router.routeReuseStrategy.shouldReuseRoute=function(){return!1},this.router.onSameUrlNavigation="reload",this.router.navigateByUrl(n)}},e.prototype.addRemission=function(e){var t=this;this.chkIsAddRemissionBtnEnable(e)&&(this.feeId=e,this.viewStatus="addremission",this.payment=this.orderDetail[0].payments[0],this.paymentViewService.getApportionPaymentDetails(this.orderDetail[0].payments[0].reference).subscribe((function(e){t.paymentGroup=e,t.paymentGroup.payments=t.paymentGroup.payments.filter((function(e){return e.reference.includes(t.paymentLibComponent.paymentReference)})),t.payment=t.paymentGroup.payments[0]}),(function(e){return t.errorMessage=e.replace(/"/g,"")})))},e.prototype.addRefundForRemission=function(e,t,n){var s=this;this.paymentLibComponent.isFromServiceRequestPage=!0,this.paymentViewService.getApportionPaymentDetails(e.reference).subscribe((function(a){s.paymentGroup=a,s.paymentGroup.payments=s.paymentGroup.payments.filter((function(t){return t.reference===e.reference})),s.payment=s.paymentGroup.payments[0],s.remissions=t,s.remissionFeeAmt=n.filter((function(e){return e.code===s.remissions.fee_code}))[0].net_amount,s.viewStatus="addrefundforremission"}),(function(e){return s.errorMessage=e}))},e.prototype.cancelRemoval=function(){this.viewStatus="main"},e.prototype.removeFee=function(e){var t=this;this.isRemoveBtnDisabled=!0,this.paymentViewService.deleteFeeFromPaymentGroup(e).subscribe((function(e){window.location.reload()}),(function(e){t.errorMessage=e,t.isRemoveBtnDisabled=!1}))},e.prototype.issueRefund=function(e){var t=this;null!=e&&this.chkIsIssueRefundBtnEnable(e)&&this.paymentViewService.getApportionPaymentDetails(e.reference).subscribe((function(n){n.payments=n.payments.filter((function(t){return t.reference.includes(e.reference)})),e.over_payment>0?(t.viewStatus="",t.payment=e,t.paymentGroupList=n,t.viewCompStatus="overpayment"):(t.viewStatus="issuerefund",t.viewCompStatus="",t.paymentFees=n.fees,t.payment=e,t.paymentLibComponent.isFromServiceRequestPage=!0,t.isRefundRemission=!0)}),(function(e){return t.errorMessage=e}))},e.prototype.goToPayementView=function(e,t,n){this.goToPaymentViewComponent({paymentGroupReference:e,paymentReference:t,paymentMethod:n})},e.prototype.goToPaymentViewComponent=function(e){this.paymentLibComponent.paymentMethod=e.paymentMethod,this.paymentLibComponent.isFromServiceRequestPage=!0,this.paymentLibComponent.paymentGroupReference=e.paymentGroupReference,this.paymentLibComponent.paymentReference=e.paymentReference,this.OrderslistService.setOrderRef(this.orderRef),this.OrderslistService.setorderCCDEvent(this.orderCCDEvent),this.OrderslistService.setorderCreated(this.orderCreated),this.OrderslistService.setorderDetail(this.orderDetail),this.OrderslistService.setorderParty(this.orderParty),this.OrderslistService.setorderTotalPayments(this.orderTotalPayments),this.OrderslistService.setorderRemissionTotal(this.orderRemissionTotal),this.OrderslistService.setorderFeesTotal(this.orderFeesTotal),this.viewStatus="payment-view"},e.prototype.chkIsIssueRefundBtnEnable=function(e){return null!=e&&(e.issue_refund&&e.refund_enable)},e.prototype.chkIsAddRefundBtnEnable=function(e){return null!=e&&e.add_refund},e.prototype.chkIsAddRemissionBtnEnable=function(e){return null!=e&&(e.add_remission&&e.remission_enable)},e.prototype.resetOrderData=function(){this.OrderslistService.setOrderRef(null),this.OrderslistService.setorderCCDEvent(null),this.OrderslistService.setorderCreated(null),this.OrderslistService.setorderDetail(null),this.OrderslistService.setorderParty(null),this.OrderslistService.setorderTotalPayments(null),this.OrderslistService.setorderRemissionTotal(null),this.OrderslistService.setorderFeesTotal(null)},e.prototype.selectPymentOption=function(e){this.paymentType=e,this.isContinueBtnDisabled=!1},e.prototype.goToPaymentViewComp=function(){this.viewCompStatus="",this.viewStatus="paymentview"},e.prototype.continuePayment=function(e){"op"===this.paymentType?(this.isFullyRefund=!1,this.viewStatus="",this.viewCompStatus="overPaymentAddressCapture"):"fp"===this.paymentType&&(this.isFullyRefund=!0,this.paymentGroupList=e,this.viewStatus="issuerefund",this.viewCompStatus="",this.isRefundRemission=!0,this.paymentLibComponent.isFromPaymentDetailPage=!0,this.isFromPaymentDetailPage=!0,this.isFromServiceRequestPage=this.paymentLibComponent.isFromServiceRequestPage)},e.prototype.getContactDetails=function(e){this.contactDetailsObj=e,this.viewStatus="",this.viewCompStatus="overpaymentcheckandanswer",this.getTemplateInstructionType(this.paymentGroupList.payments[0]),this.notificationPreview=!1},e.prototype.gotoPaymentSelectPage=function(e){e.preventDefault(),this.viewStatus="",this.viewCompStatus="overpayment"},e.prototype.gotoAddressPage=function(e){e&&(this.notification={contact_details:e,notification_type:e.notification_type}),this.errorMessage="",this.viewStatus="",this.viewCompStatus="overPaymentAddressCapture"},e.prototype.processRefund=function(){var e=this;this.isConfirmationBtnDisabled=!0,this.errorMessage="";var t=this.paymentGroupList.fees[0];this.fees=[{id:t.id,code:t.code,version:t.version,apportion_amount:t.apportion_amount,calculated_amount:t.calculated_amount,updated_volume:t.updated_volume?t.updated_volume:t.volume,volume:t.volume,refund_amount:this.getOverPaymentValue()}];var n=new D(this.contactDetailsObj,this.fees,this.paymentGroupList.payments[0].reference,"RR037",this.getOverPaymentValue(),"op");this.paymentViewService.postRefundsReason(n).subscribe((function(t){JSON.parse(t)&&(e.viewCompStatus="",e.viewStatus="refundconfirmationpage",e.refundReference=JSON.parse(t).refund_reference,e.refundAmount=JSON.parse(t).refund_amount)}),(function(t){e.errorMessage=t,e.isConfirmationBtnDisabled=!1,e.cd.detectChanges()}))},e.prototype.getOverPaymentValue=function(){var e=0;return this.paymentGroupList.fees.forEach((function(t){e+=t.over_payment})),e>0?e:this.paymentGroupList.payments[0].over_payment},e.prototype.getTemplateInstructionType=function(e){this.templateInstructionType=null==e||null==e?"Template":this.notificationService.getNotificationInstructionType(e.channel,e.method)},e.prototype.showNotificationPreview=function(){this.notificationPreview=!0},e.prototype.hideNotificationPreview=function(){this.notificationPreview=!1},e}();Se.decorators=[{type:t.Component,args:[{selector:"ccpay-service-request",template:'\x3c!-- Order Full View Details--\x3e\n<ng-container *ngIf="viewStatus === \'order-full-view\'">\n  <div class="govuk-breadcrumbs">\n      <ol class="govuk-breadcrumbs__list">\n        <li class="govuk-breadcrumbs__list-item" *ngIf="isServiceRequest === \'false\'">\n          <a href="javascript:void(0)" (click)="goToCaseTransationPage($event)" class="govuk-back-link">Back</a>\n        </li>\n        <li class="govuk-breadcrumbs__list-item" *ngIf="isServiceRequest !== \'false\'">\n          <a href="javascript:void(0)" (click)="goToServiceRequestPage()" id="bckLnksize" class="govuk-back-link">Back</a>\n        </li>\n      </ol>\n    </div>\n  <div class="govuk-grid-column-full">\n      <div class="column">\n        <h1 class="heading-large govuk-!-margin-top-0">Service request</h1>\n      </div>\n      <table >\n          <tbody>\n            <tr class="section">\n              <td class="bold tb-col-w">Service request reference</td>\n              <td>{{orderRef}}</td>\n            </tr>\n            <tr class="section">\n              <td class="bold tb-col-w">Status</td>\n              <td>{{orderStatus}}</td>\n            </tr>\n            <tr class="section">\n              <td class="bold tb-col-w">Date created</td>\n              <td>{{orderCreated | date:\'dd MMMM yyyy\'}}</td>\n            </tr>\n            <tr class="section">\n              <td class="bold tb-col-w">Party</td>\n              <td>{{orderParty}}</td>\n            </tr>\n            <tr class="section">\n              <td class="bold tb-col-w">CCD event</td>\n              <td>{{orderCCDEvent}}</td>\n            </tr>\n          </tbody>\n        </table>\n  </div>\n\n  <div class="govuk-grid-column-full order-class">\n      <div class="column">\n        <table class="govuk-table ">\n          <thead class="govuk-table__head">\n          <tr class="govuk-table__row">\n            <td class="govuk-table__header col-51" scope="col" *ngIf="isServiceRequest === \'false\'">Fee</td>\n            <td class="govuk-table__header col-51" scope="col" colspan="2" *ngIf="isServiceRequest !== \'false\'">Fee</td>\n            <td class="govuk-table__header" scope="col">Amount</td>\n            <td class="govuk-table__header" scope="col">Total</td>\n            <td  class="govuk-table__header" scope="col" *ngIf="isServiceRequest === \'false\'"></td>\n          </tr>\n          </thead>\n          <tbody class="govuk-table__body" *ngFor="let order of orderDetail;">\n            <tr class="govuk-table__row" *ngFor="let fee of order.fees; let i = index;">\n              <td class="govuk-table__cell col-60 whitespace-inherit" *ngIf="isServiceRequest === \'false\'">{{fee.description}}</td>\n              <td class="govuk-table__cell col-60 whitespace-inherit" colspan="2" *ngIf="isServiceRequest !== \'false\'">{{fee.description}}</td>\n              <td class="govuk-table__cell">{{fee.volume? fee.volume : \'-\'}} X {{ fee.calculated_amount/fee.volume| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n              <td class="govuk-table__cell">{{ fee?.net_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n              <td class="govuk-table__cell alignright" *ngIf="isServiceRequest === \'false\'">\n                  <button [disabled]="!chkIsAddRemissionBtnEnable(fee)"   (click)="addRemission(fee)" class="govuk-button govuk-button--secondary"> Add remission</button>\n              </td>\n\n            </tr>\n          </tbody>\n          <tbody class="govuk-table__body" *ngFor="let order of orderDetail;">\n            <tr class="govuk-table__row" *ngIf="order.fees?.length === 0" >\n              <td class="govuk-table__cell alignleft" colspan="7">No fees recorded</td>\n            </tr>\n          </tbody>\n        </table>\n\n      </div>\n      <div class="maxwidth">\n          <p class="totalfees">Total fees: {{orderFeesTotal | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</p>\n      </div>\n  </div>\n   \x3c!-- remissions --\x3e\n<ng-container *ngFor="let order of orderDetail;" >\n   <div class="govuk-grid-column-full order-class" *ngIf="order.remissions">\n   <table class="govuk-table">\n     <thead class="govuk-table__head">\n       <tr class="govuk-table__row">\n          <td class="govuk-table__header col-24 whitespace-inherit" scope="col">Help with fees or remission code</td>\n           <td class="govuk-table__header col-27 whitespace-inherit" scope="col">Reference</td>\n           <td class="govuk-table__header whitespace-inherit" scope="col">Fee</td>\n           <td class="govuk-table__header whitespace-inherit" scope="col">Amount</td>\n           <td  class="govuk-table__header whitespace-inherit refundBtn" scope="col"></td>\n         </tr>\n     </thead>\n     <tbody  *ngIf="order.remissions?.length > 0"  class="govuk-table__body" >\n       <tr class="govuk-table__row" *ngFor="let remission of order.remissions">\n          <td class="govuk-table__cell whitespace-inherit">{{ remission?.hwf_reference }}</td>\n           <td class="govuk-table__cell whitespace-inherit">{{ remission?.remission_reference }}</td>\n           <td class="govuk-table__cell whitespace-inherit">{{ remission?.fee_code }}</td>\n           <td class="govuk-table__cell whitespace-inherit">{{ remission?.hwf_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n           <td class="govuk-table__cell refundBtn whitespace-inherit"  >\n              <button  [disabled]="!chkIsAddRefundBtnEnable(remission)" (click)="addRefundForRemission(order.payments[0],remission,order.fees)" class="govuk-button govuk-button--secondary"> Add refund</button>\n           </td>\n           \x3c!-- <td  class="govuk-table__cell refundBtn whitespace-inherit"  >\n\n         </td> --\x3e\n         </tr>\n     </tbody>\n\n\n   </table>\n   <div *ngIf="order.remissions?.length === 0">\n    <span >No help with fees or remissions.</span>\n </div>\n   <div class="summarypagealign">\n      <p>Total reductions: {{orderRemissionTotal | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'  }}</p>\n  </div>\n  <div class="summarypagealign">\n        <p class="summarypage">Total fees to pay: {{(orderFeesTotal - orderRemissionTotal) | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'  }}</p>\n    </div>\n  </div>\n\n</ng-container>\n\n   \x3c!--Payments--\x3e\n  <ng-container *ngFor="let order of orderDetail;" >\n   <div class="govuk-grid-column-full" *ngIf="order.payments">\n      <h3 class="heading-medium">Payments</h3>\n   <table class="govuk-table ">\n      <thead class="govuk-table__head">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__header col-25" scope="col"></td>\n            <td class="govuk-table__header" scope="col">Date created</td>\n            <td class="govuk-table__header" scope="col">Amount</td>\n            <td class="govuk-table__header" scope="col"></td>\n          </tr>\n      </thead>\n      <tbody  *ngIf="order.payments?.length > 0" class="govuk-table__body">\n        <tr class="govuk-table__row"  *ngFor="let payment of order.payments">\n            <td class="govuk-table__cell whitespace-inherit">\n              <a href="javascript:void(0)" (click)="goToPayementView(payment.paymentGroupReference, payment.reference, payment.method)">Review</a>\n            </td>\n            <td class="govuk-table__cell whitespace-inherit">{{ payment?.date_created | date:\'dd MMM yyyy\' }}</td>\n            <td class="govuk-table__cell whitespace-inherit">{{ payment?.amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</td>\n            <td class="govuk-table__cell alignright">\n              <button [disabled]="!chkIsIssueRefundBtnEnable(payment)"   (click)="issueRefund(payment)" class="govuk-button govuk-button--secondary">Issue refund</button>\n            </td>\n            \x3c!-- <td  *ngIf="!chkIssueRefundBtnEnable(payment)" class="govuk-table__cell" style="text-align: right;">\n            </td> --\x3e\n          </tr>\n      </tbody>\n    </table>\n\n  <div *ngIf="order.payments === undefined || order.payments === null">\n      \x3c!-- <h3 class="heading-medium mar-17">Payments</h3> --\x3e\n            <span class="mar-17" >No Payments recorded</span>\n  </div>\n</div>\n</ng-container>\n<div *ngIf="isServiceRequest === \'false\'">\n  <div *ngIf="((orderFeesTotal - orderRemissionTotal)- orderTotalPayments) > 0" >\n      <p class="totalPay">Total left to pay: <b>{{((orderFeesTotal - orderRemissionTotal)- orderTotalPayments )| currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }}</b> </p>\n  </div>\n  <div *ngIf="((orderFeesTotal - orderRemissionTotal)- orderTotalPayments) < 0" >\n      <p class="totalPay">Total left to pay: <b>0</b> </p>\n  </div>\n</div>\n</ng-container>\n\n<ccpay-add-remission *ngIf="viewStatus === \'addremission\' && feeId"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[fee]="feeId"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[isServiceRequest] = "isServiceRequest"\n[paymentGroupRef]="orderRef"\n[isFromServiceRequestPage] = "true"\n[payment] = "payment"\n[ccdCaseNumber]="ccdCaseNumber"\n[orderRef] = "orderRef"\n[orderStatus] = "orderStatus"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n[takepayment] = "takePayment"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"\n></ccpay-add-remission>\n<ccpay-add-remission *ngIf="viewStatus === \'issuerefund\' && payment"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[isFromServiceRequestPage]="isFromServiceRequestPage"\n[isFromPaymentDetailPage] = "isFromPaymentDetailPage"\n[payment]="payment"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[paymentGroupRef]="orderRef"\n[ccdCaseNumber]="ccdCaseNumber"\n[orderRef] = "orderRef"\n[orderStatus] = "orderStatus"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[isFullyRefund] = "isFullyRefund"\n[fees] = "paymentFees"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n[isFromRefundListPage] = "false"\n[takepayment] = "takePayment"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"></ccpay-add-remission>\n\n<ccpay-add-remission *ngIf="viewStatus === \'addrefundforremission\' && payment"\n[isTurnOff]="isTurnOff"\n[isStrategicFixEnable]="isStrategicFixEnable"\n[viewCompStatus]= "viewStatus"\n[payment]="payment"\n[orderStatus] ="orderStatus"\n[paidAmount]= "orderTotalPayments"\n[isRefundRemission]="isRefundRemission"\n[caseType]="caseType"\n[feeamount]="remissionFeeAmt"\n[remission] = "remissions"\n[isFromServiceRequestPage]="isServiceRequest"\n[ccdCaseNumber]="ccdCaseNumber"\n[orderRef] = "orderRef"\n[orderStatus] = "orderStatus"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n[takepayment] = "takePayment"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"></ccpay-add-remission>\n\n<ccpay-payment-view *ngIf="viewStatus === \'payment-view\'"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n[isTurnOff] = "isTurnOff"\n[isTakePayment] = "takePayment"\n[caseType] = "caseType"\n[orderRef] = "orderRef"\n[orderStatus] = "orderStatus"\n[orderCreated] = "orderCreated"\n[orderParty] = "orderParty"\n[orderCCDEvent] = "orderCCDEvent"\n[orderDetail] = "orderDetail"\n[orderFeesTotal] = "orderFeesTotal"\n[orderTotalPayments] = "orderTotalPayments"\n[orderRemissionTotal] = "orderRemissionTotal"\n[isServiceRequest] = "isServiceRequest">\n</ccpay-payment-view>\n\n<ng-container *ngIf="viewStatus === \'feeRemovalConfirmation\'">\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    Are you sure you want to delete this fee?\n  </strong>\n</div>\n<div class="govuk-button-grb">\n  <form novalidate>\n    <button type="submit" class="button govuk-button--secondary" (click)="cancelRemoval()">\n      Cancel\n    </button>\n    <button type="submit" class="button"\n    [disabled]="isRemoveBtnDisabled"\n    [ngClass]=\'isRemoveBtnDisabled ? "button button--disabled govuk-!-margin-right-1" : "button govuk-!-margin-right-1"\'\n    (click)="removeFee(feeId)">\n      Remove\n    </button>\n  </form>\n</div>\n</ng-container>\n\n<div class="over-payment">\n  <ng-container *ngIf="viewCompStatus === \'overpayment\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'OVERPAYMENTPAGE\'>\n    <h1 class="heading-large">Issue refund</h1>\n    <h1 class="heading-medium">Case reference: {{ccdCaseNumber | ccdHyphens }}</h1>\n    <span id="how-contacted-conditional-hint govuk-font19px" class="form-hint">\n      Payment reference: {{paymentGroupList?.payments[0]?.reference}}\n    </span>\n  <div class="govuk-form-group">\n    <fieldset class="govuk-fieldset">\n      <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">\n        <h1 class="heading-medium">Select payment to refund</h1>\n      </legend>\n      <div class="govuk-radios" data-module="govuk-radios">\n        <div class="govuk-radios__item">\n          <input class="govuk-radios__input" id="over-payment" name="over-payment" type="radio" (click)="selectPymentOption(\'op\')" value="op">\n          <label class="govuk-label govuk-radios__label govuk-font19px" for="where-do-you-live">\n            Over payment £{{getOverPaymentValue() | number:\'.2\'}}\n          </label>\n        </div>\n        <div class="govuk-radios__item">\n          <input class="govuk-radios__input" id="full-payment" name="over-payment" type="radio" (click)="selectPymentOption(\'fp\')" value="fp">\n          <label class="govuk-label govuk-radios__label govuk-font19px" for="where-do-you-live-2">\n            Full payment £{{paymentGroupList?.payments[0]?.amount | number:\'.2\'}}\n          </label>\n        </div>\n      </div>\n        <button class="govuk-button govuk-button--secondary over-payment-alignment govuk-font19px"\n        (click)="goToPaymentViewComp()"> Previous</button>\n        <button\n        (click)="continuePayment(paymentGroupList)"\n        [disabled]="isContinueBtnDisabled"\n        [ngClass]=\'isContinueBtnDisabled ? "button button--disabled govuk-!-margin-right-1 govuk-font19px" : "button govuk-!-margin-right-1 govuk-font19px"\'\n        class="govuk-button"> Continue</button>\n    </fieldset>\n  </div>\n  </ng-container>\n\n  <ng-container *ngIf="viewCompStatus === \'overPaymentAddressCapture\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'OVERPAYMENTADDRESSCAPTUREPAGE\'>\n    <h1 class="govuk-heading-l">Issue refund</h1>\n    <h2 class="govuk-heading-m govuk-font19px">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n    <span id="how-contacted-conditional-hint" class="govuk-hint govuk-font19px">\n      Payment reference: {{paymentGroupList?.payments[0]?.reference}}\n    </span>\n  <ccpay-contact-details\n  [addressObj] = notification\n  (assignContactDetails)="getContactDetails($event)"\n  (redirectToIssueRefund)="gotoPaymentSelectPage($event)" ></ccpay-contact-details>\n  <p>\n      <a (click)="goToCaseTransationPage($event)" class="govuk-link" data-module="govuk-button">\n          Cancel\n      </a>\n  </p>\n  </ng-container>\n\n  <ng-container *ngIf="viewCompStatus === \'overpaymentcheckandanswer\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'ADDREFUNDFORREMISSION\'>\n    <div class="govuk-warning-text">\n\n        <h1 class="heading-large"> Check your answers</h1>\n    </div>\n    <table class="govuk-table govuk-table-mb">\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment reference</td>\n            <td class="govuk-table__cell">{{paymentGroupList.payments[0].reference}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Payment amount</td>\n            <td class="govuk-table__cell">{{paymentGroupList.payments[0].amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Fee amount</td>\n            <td class="govuk-table__cell">{{paymentGroupList?.fees[0]?.net_amount | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Refund amount</td>\n            <td class="govuk-table__cell">{{getOverPaymentValue() | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\'}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n            <td class="govuk-table__cell govuk-!-font-weight-bold">Refund reason</td>\n            <td class="govuk-table__cell">Over payment</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell govuk-!-font-weight-bold">Send to</td>\n          <td class="govuk-table__cell">{{orderParty}}</td>\n      </tr>\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Send via</td>\n        <td class="govuk-table__cell whitespace-inherit">\n          <div *ngIf="contactDetailsObj?.notification_type === \'EMAIL\'" class="contactDetails-width">\n            <strong>Email</strong>\n            <br/>\n            {{contactDetailsObj?.email?.trim()}}\n          </div>\n          <div *ngIf="contactDetailsObj?.notification_type === \'LETTER\'" class="contactDetails-width">\n            <strong>Post</strong>\n            <br/>\n            {{contactDetailsObj?.address_line?.trim()}}&nbsp;{{contactDetailsObj?.city?.trim()}}&nbsp;{{contactDetailsObj?.county?.trim()}}&nbsp;{{contactDetailsObj?.country?.trim()}}&nbsp;{{contactDetailsObj?.postal_code?.trim()}}\n          </div>\n          <a (click)="gotoAddressPage(contactDetailsObj)" class="govuk-link right" >Change</a>\n        </td>\n      </tr>\n\n      <tr class="govuk-table__row">\n        <td class="govuk-table__cell govuk-!-font-weight-bold">Notification</td>\n        <td class="govuk-table__cell">{{templateInstructionType}}\n            <a *ngIf="!notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="showNotificationPreview()">\n              Preview\n            </a>\n            <a *ngIf="notificationPreview" href="Javascript:void(0)" class="govuk-link right" (click)="hideNotificationPreview()">\n              Hide Preview\n            </a>\n        </td>\n      </tr>\n    </table>\n\n    <app-notification-preview *ngIf="notificationPreview"\n    [payment]="paymentGroupList.payments[0]"\n    [contactDetails]="contactDetailsObj"\n    [refundReason]="\'RR037\'"\n    [refundAmount]="getOverPaymentValue()"></app-notification-preview>\n\n\n    <button type="submit" class="button govuk-button--secondary over-payment-alignment govuk-font19px" (click)="gotoAddressPage(contactDetailsObj)">Previous</button>\n    <button type="submit"\n    [ngClass]=\'isContinueBtnDisabled ? "button button--disabled govuk-!-margin-right-1 govuk-font19px" : "button govuk-!-margin-right-1 govuk-font19px"\'\n    (click)="processRefund()">\n      Submit refund\n    </button>\n    <p>\n        <a href="javascript:void(0)"  (click)="goToCaseTransationPage($event)" class="govuk-link govuk-font19px" data-module="govuk-button">\n            Cancel\n        </a>\n    </p>\n\n  </ng-container>\n  <ng-container *ngIf="viewStatus === \'refundconfirmationpage\' && viewCompStatus !== \'overpayment\' && viewCompStatus !== \'overPaymentAddressCapture\' && viewCompStatus !== \'overpaymentcheckandanswer\'">\n    <input #myInput type=\'hidden\' id=\'iFrameDrivenImageValue\' value=\'RETROREMISSIONREFUNDCONFIRMATIONPAGE\'>\n    <div class="govuk-grid-row pagesize">\n      <div >\n        <div class="govuk-panel govuk-panel--confirmation">\n          <h1 class="govuk-panel__title">\n            Refund submitted\n          </h1>\n\n          <div class="govuk-panel__body">\n            <p class="govuk-body white"><strong>Refund reference: {{refundReference}}</strong></p>\n          </div>\n\n        </div>\n        <h2 class="govuk-heading-l">What happens next</h2>\n        <p class="govuk-body">\n          A refund request for {{refundAmount  | currency:\'GBP\':\'symbol-narrow\':\'1.2-2\' }} has been created and will be passed to a team leader to approve.\n        </p>\n      <p class="govuk-body">\n      <a href="javascript:void(0)" (click)="goToCaseTransationPage($event)" class="govuk-link pointer" data-module="govuk-button">\n        Return to case\n    </a>\n      </p>\n      </div>\n    </div>\n\n  </ng-container>\n  </div>\n\n<ccpay-case-transactions *ngIf="viewStatus === \'case-transactions\'"\n[isFromServiceRequestPage]="isServiceRequest"\n[LOGGEDINUSERROLES] = "LOGGEDINUSERROLES"\n[isTakePayment] = "takePayment">\n</ccpay-case-transactions>\n',styles:[".govuk-grid-column-full--gr{position:relative;margin-bottom:10px}.disable{text-decoration:none;cursor:default;color:#fff;background-color:grey;pointer-events:none}.pagesize{margin:2em;width:97%}.govuk-grid__surplus-payments{margin:20px 0}.govuk-grid__surplus-payments>.govuk-grid-column-full{padding:0}.govuk-grid__surplus-payments-col1{margin-bottom:10px}.govuk-inset-text__no-border{border-left:0}.govuk-hidetext{font-size:22px;padding-bottom:10px}.lowercase{text-transform:lowercase}.channel:first-letter{text-transform:uppercase}.govuk-heading-xl{font-size:48px;margin-bottom:1px}.govuk-section-break--visible{border-bottom:2px solid #000}.totalpayments.govuk-table__row{border-bottom:2px solid #000!important}.govuk-inset-text{margin-left:1em}.govuk-button{font-size:19px;margin-bottom:0!important}.govuk-table__cell.govuk-table__cell--col6.govuk-table__custom--col6,.groupamount.govuk-table__header{text-align:right}.feeclass{padding-left:.7em}.align-center{text-align:center}details summary{display:list-item}.case-transaction__color{color:#a71414;font-weight:700;text-align:center}.capitalize:first-letter{text-transform:uppercase}.govuk-inset-text__no-left-margin{margin-left:0;padding-left:0}.whitespace-inherit{white-space:inherit!important}.govuk-section-records-break{margin:10px;border-bottom:2px solid #000!important}.exisitng-fees{margin-left:12px}.add-telephony-payment{margin-top:-2em;margin-left:-2em}.govuk-table__header--custom{text-align:center}.disable-link{cursor:default;pointer-events:none;color:#8e8c8c}.panel-no--style{border-left-style:none}.col-28{width:28%!important}.col-8{width:8%!important}.col-60{width:60%!important}.col-32{width:32%!important}.col-34{width:34%!important}#bckLnksize{font-size:16px!important}.col-15{width:15%!important;padding-right:0!important;padding-left:0!important}.col-16{width:16%!important}.col-14{width:14%!important}.col-17{width:17%!important}.col-12{width:12%!important}.col-9{width:9%!important}.col-10{width:10%!important}.col-11{width:11%!important}.col-13{width:13%!important}.col-21{width:21%!important}.col-20{width:20%!important}.col-24{width:24%!important}.govuk-table__cell,.govuk-table__header{padding:10px 10px 10px 0}.col-27{width:27%!important}td{white-space:nowrap;overflow:hidden!important}.col-19{width:19%!important}.col-18,.col-19{padding-left:0!important}.col-18{width:18%!important;padding-right:0!important}.col-37{width:37%!important}.col-55{width:55%!important}.govuk-table{margin-bottom:1px}.hmcts-banner>.hmcts-banner__message{font-size:19px;line-height:1.25}.summary-table-font{font-size:36px}.order-class{padding-top:3em}.govuk-table__header:last-child{text-align:right}.govuk-table__cell:last-child{text-align:right}.govuk-grid-column-two-thirds{width:64%!important;padding:0!important}.govuk-heading-l{font-size:36px;margin-bottom:10px}.paymentrequest{margin-top:1em}.mar-17{margin-left:17px}.col-61{width:61px!important;padding:0!important}.error{width:960px;margin:auto}.summarypage{padding-left:36em;margin-top:2em}.summarypagealign{width:100%;text-align:right;margin-top:2em}.govuk-inset-text{font-size:2.1875rem}table{table-layout:fixed;width:100%}td,th{word-wrap:break-word}.totalPay{padding-right:14px;float:right;margin-top:2em}.govuk-back-link{font-size:1.5rem!important}.totalfees{float:right;margin-top:2em}.refundBtn{text-align:right;width:18%}.col-25{width:25%!important}.col-51{width:51%!important}.alignright{text-align:right}.alignleft{text-align:left}.alignself{align-self:flex-end}.maxwidth{width:100%}.over-payment .govuk-table-mb{margin-bottom:20px}.over-payment .contactDetails-width{width:70%}.over-payment .margin-top10px{margin-top:20px}.over-payment .govuk-font19px{font-size:19px!important}.over-payment .margin-top--size{margin-top:-30px}.over-payment .over-payment-alignment{margin-right:10px}.over-payment .govuk-button{font-size:19px;float:left;margin-top:2em}.over-payment td.govuk-table__cell{width:50%;text-align:left}.over-payment .govuk-label--s,.over-payment .govuk-warning-text__text,.over-payment .hmcts-currency-input__symbol{font-size:19px;font-weight:400}.over-payment .inline-error-class{outline:3px solid #a71414;outline-offset:0;border-color:#a71414}.over-payment .inline-error-message{color:#a71414;border-color:#a71414;font-weight:700;margin-top:10px;font-size:20px}.over-payment .govuk-button-group{padding-top:2em}.over-payment .heading-medium{margin-top:.875em}.over-payment .heading-large{margin-top:.25em}.over-payment .govuk-panel--confirmation{color:#fff;background:#00703c}.over-payment .govuk-panel__title{font-size:5rem}.over-payment .govuk-body,.over-payment .govuk-body-m{font-size:2.1875rem}.over-payment .govuk-link{cursor:pointer}.over-payment .govuk-radios__conditional{padding-top:12px!important}.over-payment .right{float:right;cursor:pointer}.over-payment .radio{float:right}.over-payment .white{color:#fff}"]}]}],Se.ctorParameters=function(){return[{type:S},{type:T},{type:w},{type:O},{type:t.ChangeDetectorRef},{type:l.Router}]},Se.propDecorators={LOGGEDINUSERROLES:[{type:t.Input,args:["LOGGEDINUSERROLES"]}],viewStatus:[{type:t.Input,args:["viewStatus"]}],orderDetail:[{type:t.Input,args:["orderDetail"]}],orderRef:[{type:t.Input,args:["orderRef"]}],orderStatus:[{type:t.Input,args:["orderStatus"]}],orderParty:[{type:t.Input,args:["orderParty"]}],orderCreated:[{type:t.Input,args:["orderCreated"]}],orderCCDEvent:[{type:t.Input,args:["orderCCDEvent"]}],orderFeesTotal:[{type:t.Input,args:["orderFeesTotal"]}],orderTotalPayments:[{type:t.Input,args:["orderTotalPayments"]}],orderRemissionTotal:[{type:t.Input,args:["orderRemissionTotal"]}],paymentGroupList:[{type:t.Input,args:["paymentGroupList"]}],takePayment:[{type:t.Input,args:["takePayment"]}],ccdCaseNumber:[{type:t.Input,args:["ccdCaseNumber"]}],isServiceRequest:[{type:t.Input,args:["isServiceRequest"]}],goToServiceRquestComponent:[{type:t.Output}]};var Ee=function(e){this.amount=e,this.currency="GBP",this.language="string"},Ce=function(e,t,n,s){this.account_number=e,this.amount=t,this.currency="GBP",this.customer_reference=n,this.organisation_name=s},Pe=function(){function e(e,t){this.paymentLibComponent=e,this.paymentViewService=t,this.isPBAAccountHold=!1,this.isCardPaymentSuccess=!0,this.isInSufficiantFund=!1,this.isPBAAccountNotExist=!1,this.isPBAServerError=!1,this.isGetPBAAccountSucceed=!1,this.selectedPbaAccount="",this.pbaAccountRef="",this.isPbaAccountSelected=!1,this.isCardPaymentSelected=!1,this.isPBADropdownSelected=!1,this.isContinueButtondisabled=!0,this.isPBAAccountPaymentSuccess=!1,this.orgName=""}return e.prototype.ngOnInit=function(){var e=this;this.pbaPayOrderRef=this.paymentLibComponent.pbaPayOrderRef,this.viewStatus="pba-payment",this.errorMsg=null,this.paymentViewService.getPBAaccountDetails().subscribe((function(t){e.isGetPBAAccountSucceed=!0,e.orgName=t.organisationEntityResponse.name,e.pbaAccountList=t.organisationEntityResponse.paymentAccount}),(function(t){e.errorMsg=t}))},e.prototype.selectpbaaccount=function(e){"pbaAccountNumber"===e.currentTarget.id&&(this.isPBADropdownSelected=!0,this.selectedPbaAccount=e.target.value),"pbaAccountRef"===e.currentTarget.id&&(this.pbaAccountRef=e.target.value),""!==this.selectedPbaAccount&&""!==this.pbaAccountRef?this.isContinueButtondisabled=!1:this.isContinueButtondisabled=!0},e.prototype.saveAndContinue=function(){var e=this;if(this.isPbaAccountSelected)if(this.isInSufficiantFund=!1,this.isPBAAccountNotExist=!1,this.isPBAServerError=!1,this.isPBAAccountPaymentSuccess=!1,this.isContinueButtondisabled=!0,-1!==this.pbaAccountList.indexOf(this.selectedPbaAccount)){var t=new Ce(this.selectedPbaAccount,this.pbaPayOrderRef.orderTotalFees,this.pbaAccountRef,this.orgName);setTimeout((function(){e.paymentViewService.postPBAaccountPayment(e.pbaPayOrderRef.orderRefId,t).subscribe((function(t){try{e.pbaAccountrPaymentResult=JSON.parse(t)}catch(n){e.pbaAccountrPaymentResult=t}e.isPBAAccountPaymentSuccess=!0}),(function(t){"402"==t.status?e.isInSufficiantFund=!0:"410"==t.status?e.isPBAAccountNotExist=!0:"412"==t.status?e.isPBAAccountHold=!0:e.isPBAServerError=!0}))}),5e3)}else this.isPBAServerError=!0;else this.isCardPaymentSelected&&this.cardPayment()},e.prototype.cardPayment=function(){var e=this;this.isCardPaymentSuccess=!0;var t=new Ee(this.pbaPayOrderRef.orderTotalFees);this.paymentViewService.postWays2PayCardPayment(this.pbaPayOrderRef.orderRefId,t).subscribe((function(e){var t=JSON.parse(e).next_url;window.location.href=t}),(function(t){e.isCardPaymentSuccess=!1}))},e.prototype.selectPaymentMethod=function(e){"PBA"===e?(this.isPbaAccountSelected=!0,this.isCardPaymentSelected=!1,this.isPBADropdownSelected=!1,this.isContinueButtondisabled=!0,this.selectedPbaAccount=null):"CARD"===e&&(this.isPbaAccountSelected=!1,this.isCardPaymentSelected=!0,this.isPBADropdownSelected=!1,this.isContinueButtondisabled=!1)},e.prototype.gotoCasetransationPage=function(){this.paymentLibComponent.viewName="case-transactions",this.paymentLibComponent.TAKEPAYMENT=!1,this.paymentLibComponent.ISBSENABLE=!0,this.paymentLibComponent.isFromServiceRequestPage=!0},e}();Pe.decorators=[{type:t.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    \x3c!-- <h1 class="heading-medium margin-top-10-px">Pay fee using Payment by Account (PBA)</h1> --\x3e\n    <div class="govuk-form-group margin-top-10-px">\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" *ngIf="!errorMsg">\n      <fieldset class="govuk-fieldset" aria-describedby="contact-hint">\n        <div class="govuk-radios" data-module="govuk-radios">\n          <div class="govuk-radios__item">\n            <input class="govuk-radios__input" id="pbaAccount" name="paymentSelection" type="radio" value="PBA" (click)="selectPaymentMethod(\'PBA\')" data-aria-controls="pba-account">\n            <label class="govuk-label govuk-radios__label pba-payments-19-font pba-payments-font-bld" for="pbaAccount">\n              Pay fee using Payment by Account (PBA)\n            </label>\n          </div>\n          <div class="govuk-radios__conditional" id="conditional-contact" *ngIf="isPbaAccountSelected">\n            <div class="govuk-form-group pba-payments-select-box--size">\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    \n          </div>\n          <div class="govuk-radios__item">\n            <input class="govuk-radios__input" id="cardPayment" name="paymentSelection" type="radio" value="card" (click)="selectPaymentMethod(\'CARD\')" data-aria-controls="card-payment">\n            <label class="govuk-label govuk-radios__label pba-payments-19-font pba-payments-font-bld" for="cardPayment">\n              Pay by credit or debit card\n            </label>\n          </div>\n        </div>\n      </fieldset>\n    </div>\n\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        <span *ngIf="!isPBADropdownSelected">Continue</span>\n        <span *ngIf="isPBADropdownSelected">Confirm payment</span>\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’t 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’ll 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’ll 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’ll 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          \x3c!-- <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> --\x3e\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-font-bld{font-weight:700}.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:3px solid #fd0}.govuk-body-width{width:750px}"]}]}],Pe.ctorParameters=function(){return[{type:S},{type:T}]},Pe.propDecorators={pbaPayOrderRef:[{type:t.Input}]};var Ie=function(e,t,n,s,a,o){null!=t&&(this.notification_type=t.notification_type.toUpperCase()),null!=e?(this.payment_reference=e.reference,this.payment_method=e.method,this.payment_channel=e.channel,this.service_name=e.service_name):this.payment_reference=o,this.personalisation={ccd_case_number:null!=e?e.ccd_case_number:"",refund_reason:n,refund_amount:s,refund_reference:a},"EMAIL"===this.notification_type?(this.recipient_email_address=t.email,this.recipient_postal_address=null):"LETTER"===this.notification_type&&(this.recipient_postal_address={address_line:t.address_line,city:t.city,county:t.county,country:t.country,postal_code:t.postal_code},this.recipient_email_address=null)},Ae=function(){function e(e,n){this.errorHandlerService=e,this.notificationService=n,this.notificationPreviewEvent=new t.EventEmitter,this.today=Date.now(),this.errorMessage=this.errorHandlerService.getServerErrorMessage(!1,!1,"")}return e.prototype.ngOnInit=function(){var e=this;if(null!=this.previewJourney&&null!=this.previewJourney&&"Notifications sent"===this.previewJourney)this.notification=this.notificationSent,null!=this.notification&&null!=this.notification&&"letter"===this.notification.template_type&&(this.notification.body=this.notification.body.replace(/\r\n/g,"<br/>"));else{var t=new Ie(this.payment,this.contactDetails,this.refundReason,this.refundAmount,this.refundReference,this.paymentReference);this.notificationService.getNotificationPreview(t).subscribe((function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!1,!1,""),e.notification=JSON.parse(t),null!=e.notification&&null!=e.notification&&"letter"===e.notification.template_type&&(e.notification.body=e.notification.body.replace(/\r\n/g,"<br/>"))}),(function(t){e.errorMessage=e.errorHandlerService.getServerErrorMessage(!0,!1,""),console.log(e.errorMessage)})),this.notificationPreviewEvent.emit(this.notification)}},e}();Ae.decorators=[{type:t.Component,args:[{selector:"app-notification-preview",template:'<div class="govuk-grid-column-full">\n  <table class="govuk-table">\n    <tbody class="govuk-table__body">\n      <ng-container *ngIf="notification?.template_type === \'email\'">\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit"><span class="govuk-!-font-weight-bold">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit"><span class="govuk-!-font-weight-bold">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit"><span class="govuk-!-font-weight-bold">Subject:</span>\n            {{notification?.subject}}</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit">\n            <div [innerHTML]="notification?.html"></div>\n          </td>\n        </tr>\n      </ng-container>\n      <ng-container *ngIf="notification?.template_type === \'letter\'">\n        <tr class="govuk-table__row">\n          <td class="letter-row-border">\n            <ng-container *ngIf="notification?.recipient_contact?.recipient_mail_address?.address_line">\n              {{notification?.recipient_contact?.recipient_mail_address?.address_line}}<br /></ng-container>\n            <ng-container *ngIf="notification?.recipient_contact?.recipient_mail_address?.city">\n              {{notification?.recipient_contact?.recipient_mail_address?.city}}<br /></ng-container>\n            <ng-container *ngIf="notification?.recipient_contact?.recipient_mail_address?.county">\n              {{notification?.recipient_contact?.recipient_mail_address?.county}}<br /></ng-container>\n            <ng-container *ngIf="notification?.recipient_contact?.recipient_mail_address?.country">\n              {{notification?.recipient_contact?.recipient_mail_address?.country}}<br /></ng-container>\n            {{notification?.recipient_contact?.recipient_mail_address?.postal_code}}\n          </td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="letter-row-border">{{ today | date:\'d MMMM y\' }}</td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="letter-row-border"><span class="govuk-!-font-weight-bold">{{notification?.subject}}</span></td>\n        </tr>\n        <tr class="govuk-table__row">\n          <td class="govuk-table__cell whitespace-inherit">\n            <div [innerHTML]="notification?.body"></div>\n          </td>\n        </tr>\n      </ng-container>\n  \n    </tbody>\n  </table>\n</div>\n',styles:[".right{float:right}.letter-row-border{border-bottom:none}"]}]}],Ae.ctorParameters=function(){return[{type:E},{type:O}]},Ae.propDecorators={payment:[{type:t.Input}],contactDetails:[{type:t.Input}],refundReason:[{type:t.Input}],refundAmount:[{type:t.Input}],paymentReference:[{type:t.Input}],refundReference:[{type:t.Input}],previewJourney:[{type:t.Input}],notificationSent:[{type:t.Input}],notificationPreviewEvent:[{type:t.Output}]};var Fe=function(){};Fe.decorators=[{type:t.NgModule,args:[{imports:[a.CommonModule,s.HttpClientModule,r.FormsModule,r.ReactiveFormsModule,u.MatTableModule,m.MatPaginatorModule,p.MatSortModule,g.MatFormFieldModule,v.MatInputModule],declarations:[S,I,x,Pe,j,N,B,G,U,H,se,oe,ie,re,ce,q,W,Q,me,ge,ve,he,fe,be,ee,_e,we,Se,Ae],exports:[S],providers:[{provide:C,useClass:Y},ye,F]}]}],e.PaymentLibComponent=S,e.PaymentLibModule=Fe,e.PaymentLibService=R,e["ɵa"]=w,e["ɵb"]=I,e["ɵba"]=q,e["ɵbb"]=W,e["ɵbc"]=Q,e["ɵbd"]=me,e["ɵbe"]=ge,e["ɵbf"]=ve,e["ɵbg"]=he,e["ɵbh"]=fe,e["ɵbi"]=be,e["ɵbj"]=ye,e["ɵbk"]=ee,e["ɵbl"]=_e,e["ɵbm"]=we,e["ɵbn"]=Se,e["ɵbo"]=Ae,e["ɵbp"]=Y,e["ɵc"]=P,e["ɵd"]=C,e["ɵe"]=E,e["ɵf"]=x,e["ɵg"]=T,e["ɵh"]=F,e["ɵi"]=O,e["ɵj"]=Pe,e["ɵk"]=j,e["ɵl"]=N,e["ɵm"]=L,e["ɵn"]=B,e["ɵo"]=G,e["ɵp"]=M,e["ɵq"]=U,e["ɵr"]=H,e["ɵs"]=V,e["ɵt"]=se,e["ɵu"]=J,e["ɵv"]=oe,e["ɵw"]=ie,e["ɵx"]=re,e["ɵy"]=ce,e["ɵz"]=$,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=hmcts-ccpay-web-component.umd.min.js.map