https://securelyme.io/6328.da20fd4697c9fe17.js

1"use strict";(self.webpackChunkXeroPayFront=self.webpackChunkXeroPayFront||[]).push([[6328],{86028:(x,h,c)=>{c.d(h,{_:()=>D});var _=c(10467),t=c(54438),p=c(54843),i=c(10072),f=c(7629),u=c(61916),d=c(60177),m=c(81141),T=c(38542),y=c(91956),g=c(39444);function M(s,r){if(1&s&&(t.j41(0,"p",10),t.EFF(1),t.k0s()),2&s){const n=t.XpG();t.R7$(),t.JRh(n.text)}}function b(s,r){if(1&s&&(t.j41(0,"div",11),t.EFF(1),t.nI1(2,"currency"),t.k0s()),2&s){const n=t.XpG();t.R7$(),t.SpI(" ",t.ii3(2,1,n.amount,n.currencyCode,"symbol","1.2-2")," ")}}function I(s,r){1&s&&(t.j41(0,"div",15)(1,"div",16),t.nrm(2,"div",17),t.j41(3,"div",18),t.nrm(4,"div",19)(5,"div",20),t.k0s()(),t.nrm(6,"div",21),t.k0s())}function E(s,r){if(1&s){const n=t.RV6();t.j41(0,"div",23)(1,"div",16),t.nrm(2,"app-payment-method-icon",24),t.j41(3,"div",18)(4,"span",25),t.EFF(5),t.k0s(),t.j41(6,"span",26)(7,"span",27),t.EFF(8),t.k0s(),t.j41(9,"button",28),t.bIt("click",function(){const e=t.eBV(n).$implicit,o=t.XpG(3);return t.Njj(o.copyTransactionId(e))}),t.nrm(10,"i",29),t.k0s()()()(),t.nrm(11,"app-currency-text",30),t.k0s()}if(2&s){const n=r.$implicit,a=t.XpG(3);t.R7$(2),t.Y8G("paymentMethod",a.iconPaymentMethod(n))("title",n.paymentMethodBrandDisplay||n.paymentMethodLabel),t.R7$(3),t.SpI(" ",n.paymentMethodLabel," "),t.R7$(3),t.SpI(" Transaction ID: ",n.transactionId," "),t.R7$(),t.BMQ("aria-label","Copy transaction ID "+n.transactionId),t.R7$(),t.Y8G("ngClass",a.copiedTransactionId===n.transactionId?"pi-check":"pi-copy"),t.R7$(),t.Y8G("amount",n.amountValue)("makeNegative","refund"===a.mode)}}function C(s,r){if(1&s&&(t.qex(0),t.DNE(1,E,12,8,"div",22),t.bVm()),2&s){const n=t.XpG(2);t.R7$(),t.Y8G("ngForOf",n.transactions)}}function v(s,r){if(1&s&&(t.j41(0,"div",12),t.DNE(1,I,7,0,"div",13)(2,C,2,1,"ng-container",14),t.k0s()),2&s){const n=t.XpG();t.R7$(),t.Y8G("ngIf",n.transactionsLoading),t.R7$(),t.Y8G("ngIf",!n.transactionsLoading)}}function k(s,r){if(1&s){const n=t.RV6();t.qex(0),t.j41(1,"button",31),t.bIt("click",function(){const e=t.eBV(n).$implicit,o=t.XpG();return t.Njj(o.emitAction(e.action))}),t.EFF(2),t.k0s(),t.bVm()}if(2&s){const n=r.$implicit;t.R7$(),t.Y8G("ngClass",n.styles||"primary-button"),t.R7$(),t.SpI(" ",n.label," ")}}let D=(()=>{class s{constructor(n,a){this.merchantService=n,this.cdr=a,this.title="Payment Successful",this.text="",this.currencyCode="USD",this.buttons=[],this.mode="charge",this.actionEmitter=new t.bkB,this.transactions=[],this.transactionsLoading=!1,this.copiedTransactionId=null}ngOnChanges(n){(n.paymentRequestId||n.merchantId||n.mode||n.refundTransactionId)&&this.loadTransactions()}get showHeaderAmount(){return null!=this.amount&&this.transactions.length>1}ngOnDestroy(){clearTimeout(this.copyResetTimeout)}emitAction(n){this.actionEmitter.emit(n)}iconPaymentMethod(n){return{paymentMethodTypeCode:n.paymentMethodTypeCode,pcCardType:n.paymentMethodBrand}}copyTransactionId(n){var a=this;return(0,_.A)(function*(){n?.transactionId&&(yield a.writeToClipboard(n.transactionId),a.copiedTransactionId=n.transactionId,a.cdr.markForCheck(),clearTimeout(a.copyResetTimeout),a.copyResetTimeout=setTimeout(()=>{a.copiedTransactionId=null,a.cdr.markForCheck()},1500))})()}loadTransactions(){var n=this;return(0,_.A)(function*(){n.transactions=[];const a=n.merchantId,e=n.paymentRequestId;if(!a||!e)return n.transactionsLoading=!1,void n.cdr.markForCheck();n.inFlightRequestId=e,n.transactionsLoading=!0,n.cdr.markForCheck();try{const o=yield(0,p._)(n.merchantService.getPaymentRequestTransactions(a,{id:e}));if(n.inFlightRequestId!==e)return;const l="refund"===n.mode?n.selectRefundTransactions(o??[]):n.selectChargeTransactions(o??[]);n.transactions=l.map(R=>n.toDisplayTransaction(R))}catch{if(n.inFlightRequestId!==e)return;n.transactions=[]}finally{n.inFlightRequestId===e&&(n.transactionsLoading=!1,n.cdr.markForCheck())}})()}selectChargeTransactions(n){return n.filter(a=>this.isSuccessfulCharge(a)).sort((a,e)=>new Date(a.transactionDate).getTime()-new Date(e.transactionDate).getTime())}selectRefundTransactions(n){const a=n.filter(o=>this.isSuccessfulRefund(o));if(0===a.length)return[];if(null!=this.refundTransactionId){const o=a.find(l=>l.transactionId===this.refundTransactionId);if(o)return[o]}return[a.reduce((o,l)=>new Date(l.transactionDate).getTime()>

1new Date(o.transactionDate).getTime()?l:o)]}isSuccessfulCharge(n){return!(!n||null==n.transactionId||this.isRefundTransaction(n)||this.isErrorStatus(n))}isSuccessfulRefund(n){return!(!n||null==n.transactionId||!this.isRefundTransaction(n)||this.isErrorStatus(n))}isRefundTransaction(n){return n.isRefund||n.statusCode===i.T.VOIDED}isErrorStatus(n){return!!n.isFailed||n.statusCode===i.T.FAILED||n.statusCode===i.T.NSF||n.statusCode===i.T.NSFPRECHECK}toDisplayTransaction(n){const a=n.amount??0,e=this.getBrandDisplayName(n.paymentMethodBrand);return{transactionId:String(n.transactionId),amountValue:a,paymentMethodTypeCode:n.paymentMethodTypeCode,paymentMethodBrand:n.paymentMethodBrand,paymentMethodBrandDisplay:e,paymentMethodLabel:this.buildPaymentMethodLabel(n,e)}}buildPaymentMethodLabel(n,a){const e=n.paymentMethodLast4?.trim();return a&&e?`${a} \u2022\u2022\u2022\u2022 ${e}`:e?`\u2022\u2022\u2022\u2022 ${e}`:a||n.paymentMethodTypeDescription||n.paymentMethodTypeCode||"Payment"}getBrandDisplayName(n){const a=n?.trim();if(a)return(0,f.ou)(a)??a}writeToClipboard(n){return(0,_.A)(function*(){try{return void(yield navigator.clipboard.writeText(n))}catch{const a=document.createElement("textarea");a.value=n,a.style.position="fixed",a.style.opacity="0",document.body.appendChild(a),a.select();try{document.execCommand("copy")}finally{document.body.removeChild(a)}}})()}static{this.\u0275fac=function(a){return new(a||s)(t.rXU(u.A),t.rXU(t.gRc))}}static{this.\u0275cmp=t.VBU({type:s,selectors:[["app-merchant-transaction-success-modal"]],inputs:{title:"title",text:"text",amount:"amount",currencyCode:"currencyCode",buttons:"buttons",mode:"mode",merchantId:"merchantId",paymentRequestId:"paymentRequestId",refundTransactionId:"refundTransactionId"},outputs:{actionEmitter:"actionEmitter"},features:[t.OA$],decls:11,vars:5,consts:[[1,"merchant-transaction-success-modal","flex","flex-col"],[1,"merchant-transaction-success-modal__header","flex","flex-col","items-center","gap-2","pt-2","pb-1"],["aria-hidden","true",1,"merchant-transaction-success-modal__check","flex","items-center","justify-center"],[1,"pi","pi-check"],[1,"merchant-transaction-success-modal__title","m-0"],["class","merchant-transaction-success-modal__text m-0",4,"ngIf"],["class","merchant-transaction-success-modal__amount",4,"ngIf"],["class","merchant-transaction-success-modal__transactions",4,"ngIf"],[1,"merchant-transaction-success-modal__buttons"],[4,"ngFor","ngForOf"],[1,"merchant-transaction-success-modal__text","m-0"],[1,"merchant-transaction-success-modal__amount"],[1,"merchant-transaction-success-modal__transactions"],["class","merchant-transaction-success-modal__card merchant-transaction-success-modal__card--skeleton","aria-label","Loading transaction","aria-busy","true",4,"ngIf"],[4,"ngIf"],["aria-label","Loading transaction","aria-busy","true",1,"merchant-transaction-success-modal__card","merchant-transaction-success-modal__card--skeleton"],[1,"merchant-transaction-success-modal__card-left"],[1,"merchant-transaction-success-modal__skeleton-icon"],[1,"merchant-transaction-success-modal__card-details"],[1,"merchant-transaction-success-modal__skeleton-bar","merchant-transaction-success-modal__skeleton-bar--method"],[1,"merchant-transaction-success-modal__skeleton-bar","merchant-transaction-success-modal__skeleton-bar--id"],[1,"merchant-transaction-success-modal__skeleton-bar","merchant-transaction-success-modal__skeleton-bar--amount"],["class","merchant-transaction-success-modal__card",4,"ngFor","ngForOf"],[1,"merchant-transaction-success-modal__card"],[1,"merchant-transaction-success-modal__method-icon",3,"paymentMethod","title"],[1,"merchant-transaction-success-modal__method-label"],[1,"merchant-transaction-success-modal__id-group"],[1,"merchant-transaction-success-modal__id-text"],["type","button","pTooltip","Copy transaction ID","tooltipPosition","top",1,"merchant-transaction-success-modal__copy",3,"click"],["aria-hidden","true",1,"pi",3,"ngClass"],[1,"merchant-transaction-success-modal__amount-value",3,"amount","makeNegative"],["pButton","",1,"merchant-transaction-success-modal__button","small",3,"click","ngClass"]],template:function(a,e){1&a&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.nrm(3,"i",3),t.k0s(),t.j41(4,"h2",4),t.EFF(5),t.k0s(),t.DNE(6,M,2,1,"p",5)(7,b,3,6,"div",6),t.k0s(),t.DNE(8,v,3,2,"div",7),t.j41(9,"div",8),t.DNE(10,k,3,2,"ng-container",9),t.k0s()()),2&a&&(t.R

17$(5),t.JRh(e.title),t.R7$(),t.Y8G("ngIf",e.text),t.R7$(),t.Y8G("ngIf",e.showHeaderAmount),t.R7$(),t.Y8G("ngIf",e.transactionsLoading||(null==e.transactions?null:e.transactions.length)),t.R7$(2),t.Y8G("ngForOf",e.buttons))},dependencies:[d.YU,d.Sq,d.bT,m._f,T.m,y.g,g.q,d.oe],styles:[".merchant-transaction-success-modal{padding:24px}  .merchant-transaction-success-modal__header{text-align:center;padding:4px 0 20px}  .merchant-transaction-success-modal__check{width:44px;height:44px;border-radius:50%;background-color:#45bdaa;color:#fff}  .merchant-transaction-success-modal__check i{font-size:18px}  .merchant-transaction-success-modal__title{font-size:22px;font-weight:600;color:#2f455c}  .merchant-transaction-success-modal__text{font-size:14px;color:#2f455c;opacity:.6}  .merchant-transaction-success-modal__amount{font-size:32px;font-weight:600;color:#2f455c;margin-top:4px}  .merchant-transaction-success-modal__transactions{display:flex;flex-direction:column;gap:10px;margin:18px 0 24px}  .merchant-transaction-success-modal__card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:14px 18px;background-color:#2f455c0a;border:1px solid rgba(47,69,92,.08);border-radius:8px;min-width:0;min-height:74px;box-sizing:border-box}  .merchant-transaction-success-modal__card-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}  .merchant-transaction-success-modal__card-details{display:flex;flex-direction:column;gap:2px;min-width:0}  .merchant-transaction-success-modal__method-icon{display:inline-flex;align-items:center;flex-shrink:0;font-size:24px;line-height:1;color:#2f455c}  .merchant-transaction-success-modal__method-icon i{font-size:24px}  .merchant-transaction-success-modal__method-label{font-size:15px;font-weight:500;color:#2f455c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}  .merchant-transaction-success-modal__id-group{display:inline-flex;align-items:center;gap:4px;min-width:0}  .merchant-transaction-success-modal__id-text{font-size:12px;font-weight:400;color:#2f455c;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}  .merchant-transaction-success-modal__amount-value{font-size:16px;font-weight:600;color:#2f455c;flex-shrink:0;margin-left:auto;text-align:right}  .merchant-transaction-success-modal__copy{appearance:none;background:transparent;border:1px solid transparent;border-radius:6px;padding:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#2f455c;cursor:pointer;line-height:1;transition:background-color .12s ease,color .12s ease,opacity .12s ease,border-color .12s ease}  .merchant-transaction-success-modal__copy i{font-size:11px;width:11px;text-align:center}  .merchant-transaction-success-modal__copy:hover,   .merchant-transaction-success-modal__copy:focus-visible{opacity:1;color:#45bdaa;background-color:#45bdaa1a;border-color:#45bdaa40;outline:none}  .merchant-transaction-success-modal__card:not(  .merchant-transaction-success-modal__card--skeleton){opacity:0;animation:_ngcontent-%COMP%_merchant-transaction-success-card-fade-in .22s ease forwards}@keyframes _ngcontent-%COMP%_merchant-transaction-success-card-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}  .merchant-transaction-success-modal__skeleton-icon{width:28px;height:18px;border-radius:3px;flex-shrink:0;background:linear-gradient(90deg,#2f455c14,#2f455c24,#2f455c14);background-size:200% 100%;animation:_ngcontent-%COMP%_merchant-transaction-success-skeleton 1.2s ease-in-out infinite}  .merchant-transaction-success-modal__skeleton-bar{border-radius:4px;background:linear-gradient(90deg,#2f455c14,#2f455c24,#2f455c14);background-size:200% 100%;animation:_ngcontent-%COMP%_merchant-transaction-success-skeleton 1.2s ease-in-out infinite}  .merchant-transaction-success-modal__skeleton-bar--method{width:140px;height:14px}  .merchant-transaction-success-modal__skeleton-bar--id{width:90px;height:10px}  .merchant-transaction-success-modal__skeleton-bar--amount{width:60px;height:16px;flex-shrink:0}@keyframes _ngcontent-%COMP%_merchant-transaction-success-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}  .merchant-transaction-success-modal__buttons{display:flex;flex-direction:column-reverse;gap:10px;margin-top:16px}@media (min-width: 640px){  .merchant-transaction-success-modal__buttons{flex-direction:row-reverse;justify-content:center}}  .merchant-transaction-success-modal__button{justify-content:center}"],changeDetection:0})}}return s})()},16667:(x,h,c)=>{c.d(h,{F:()=>d});var _=c(60177),t=c(81141),p=c(38542),i=c(90867),f=c(74355),u=c(54438);let d=(()=>{class m{static{this.\u0275fac=function(g){return new(g||m)}}static{this.\u0275mod=u.$C({type:m})}static{this.\u0275inj=u.G2t({imports:[_.MD,t.tm,p.S,i.l,f.x]})}}return m})()}}]);