@fractalpay/fractalpay-next-dev 0.0.60 → 0.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +7 -1
- package/dist/index.mjs +7 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2584,6 +2584,12 @@ position:relative;
|
|
|
2584
2584
|
display: block;
|
|
2585
2585
|
}
|
|
2586
2586
|
|
|
2587
|
+
.frac-tooltip-text p,.frac-tooltip-text b {
|
|
2588
|
+
font-size : 12px !important;
|
|
2589
|
+
line-height : 1.5 !important;
|
|
2590
|
+
margin-bottom : 10px !important;
|
|
2591
|
+
}
|
|
2592
|
+
|
|
2587
2593
|
|
|
2588
2594
|
@media (max-width: 768px) {
|
|
2589
2595
|
.request-payment-close-popup {
|
|
@@ -2651,4 +2657,4 @@ position:relative;
|
|
|
2651
2657
|
|
|
2652
2658
|
|
|
2653
2659
|
|
|
2654
|
-
`)}var mt=de(require("axios"));var vn=require("react-icons/io5"),Wt=de(require("sweetalert2"));var Xn=({amount:e,submitBtnText:w="Pay",session_token:A,customerId:K,callback:$,merchantName:Ae="merchant",isPreAuth:Y,surcharge:Qe="0",submitBtnClass:we,submitBtnIcon:ie})=>{var Re,pe,ut,ft,It,Be,At,ht,ze,Oe,Ht,Ft,jt,it;let[u,W]=(0,n.useState)("card"),[k,y]=(0,n.useState)("card"),[r,ce]=(0,n.useState)(),[x,ue]=(0,n.useState)({}),[h,qe]=(0,n.useState)(),[Z,ge]=(0,n.useState)({}),[dt,$e]=(0,n.useState)(!1),[tt,_]=(0,n.useState)(!1),[xe,U]=(0,n.useState)(!1),[S,g]=(0,n.useState)(""),[me,R]=(0,n.useState)(!1),[m,d]=(0,n.useState)(""),[N,X]=(0,n.useState)(!1),[b,p]=(0,n.useState)(!1),[s,I]=(0,n.useState)([]),[T,Ne]=(0,n.useState)(),[Fe,gt]=(0,n.useState)(),Te=le+"widget/mc-img.svg",De=le+"widget/visa-img.svg",f=le+"widget/ae-img.svg",vt=le+"widget/discover-img.svg",ct=le+"widget/card.svg",ot=le+"widget/Trash.svg",et=le+"widget/bank.svg",nt=le+"widget/secure-img.png",pt=le+"widget/pov-by.png",zt=le+"widget/pax.svg",at=le+"widget/cardicon.svg",Ge=le+"widget/bankicon.svg",ke=()=>X(!0),oe=()=>X(!1),F=async l=>{var c,G,a,i,L,j,z,E;console.log(l,"ndfkjhdskjfhds");try{let V={pass_fee_amount:Qe,Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},B=await mt.default.post(`${_e}api/v1/gateway/charge/${A}`,V);if((c=B==null?void 0:B.data)!=null&&c.result){let D={};if(xe&&K)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:(l==null?void 0:l.gateway_token)||(l==null?void 0:l.Token)},J=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,ee);(G=J==null?void 0:J.data)!=null&&G.result&&(J=(a=J==null?void 0:J.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((L=(i=ee==null?void 0:ee.response)==null?void 0:i.data)==null?void 0:L.message)||"Something went wrong!")}let te={cardDetails:P(P({},D),l),callback:q(P({},(j=B==null?void 0:B.data)==null?void 0:j.data),{name:r==null?void 0:r.cardName,isPreAuth:Y})};xe||delete te.cardDetails,$(te),oe(),Ke()}}catch(V){g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||"Something went wrong!"),oe()}},H=async l=>{var c,G,a,i,L,j,z,E;try{let V={Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},B=await mt.default.post(`${_e}api/v1/gateway/preauth/${A}`,V);if((c=B==null?void 0:B.data)!=null&&c.result){let D={};if(xe&&K)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:l==null?void 0:l.gateway_token},J=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,ee);(G=J==null?void 0:J.data)!=null&&G.result&&(J=(a=J==null?void 0:J.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((L=(i=ee==null?void 0:ee.response)==null?void 0:i.data)==null?void 0:L.message)||"Something went wrong!")}let te={cardDetails:P(P({},D),l),callback:q(P({},(j=B==null?void 0:B.data)==null?void 0:j.data),{name:r==null?void 0:r.cardName,isPreAuth:Y})};xe||delete te.cardDetails,$(te),oe(),Ke()}}catch(V){g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||"Something went wrong!"),oe()}},ae=async l=>{var c,G,a,i;if(l.Error)g(l.Error),oe();else{let L={token:l.Token,resp:l};try{let j=await mt.default.post(`${_e}api/v1/gateway/update/token/${A}`,L);if((j==null?void 0:j.status)==200){let z={Token:(G=(c=j==null?void 0:j.data)==null?void 0:c.data)==null?void 0:G.gateway_token,Brand:l.Brand,ExpirationMonth:l.ExpirationMonth,ExpirationYear:l.ExpirationYear,Last4:l.Last4,Bin:l.Bin,CVV:l.CVV,postalCode:r==null?void 0:r.zipCode},E;Y?H(z):F(z)}}catch(j){console.log(j,"error"),oe(),g(((i=(a=j==null?void 0:j.response)==null?void 0:a.data)==null?void 0:i.message)||"Something went wrong!")}}},Me=()=>_(!0),Q=l=>{W(l)},He=()=>{var G,a,i,L,j,z,E,V;let l={},c=h;return(G=c==null?void 0:c.name)!=null&&G.trim()||(l.name="Name is required"),(a=c==null?void 0:c.accountNumber)!=null&&a.trim()||(l.accountNumber="Account number is required"),(i=c==null?void 0:c.accountNumber)!=null&&i.trim()&&((L=c==null?void 0:c.accountNumber)==null?void 0:L.trim())!==((j=c==null?void 0:c.confirmAccountNumber)==null?void 0:j.trim())&&(l.confirmAccountNumber="Account numbers must match"),(z=c==null?void 0:c.bankName)!=null&&z.trim()||(l.bankName="Bank name is required"),(E=c==null?void 0:c.routingNumber)!=null&&E.trim()||(l.routingNumber="Routing Number is required"),c!=null&&c.routingNumber&&((V=c==null?void 0:c.routingNumber)==null?void 0:V.length)!==9&&(l.routingNumber="Routing number must be 9 digits"),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&(!(c!=null&&c.companyName)||(c==null?void 0:c.companyName)==="")&&(l.companyName="Company Name is required for business accounts"),ge(l),Object.keys(l).length>0},fe=async()=>{var l,c,G,a,i,L,j,z,E,V,B,D,te,ee,J,lt;try{let re={method:"POST",redirect:"follow"},Je=await mt.default.post(`${_e}api/v1/widget/generate-session`,re),qt=Number(r==null?void 0:r.expiryYear)%100,Ue=`${(l=r==null?void 0:r.cardNumber)==null?void 0:l.replace(/\s+/g,"")}=${qt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Se=forge.pki.publicKeyFromPem((G=(c=Je==null?void 0:Je.data)==null?void 0:c.data)==null?void 0:G.publicKeyPem).encrypt(Ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Tt=forge.util.encode64(Se),Mt={"Content-Type":"application/json","x-app-session-key":(i=(a=Je.data)==null?void 0:a.data)==null?void 0:i.session_key},kt=JSON.stringify({enc_track2_data:Tt,algorithm:"RSAES_OAEP_SHA_1",session_key:(j=(L=Je==null?void 0:Je.data)==null?void 0:L.data)==null?void 0:j.session_key}),Ee=await mt.default.post(`${Yt}tokenizer/tokenize`,kt,{headers:Mt});if((Ee==null?void 0:Ee.status)==200){let Ut=(E=(z=Ee==null?void 0:Ee.data)==null?void 0:z.data)==null?void 0:E.token;try{let Pe=await mt.default.post(`${_e}api/v1/gateway/verify-and-save/${A}`,{token:Ut});if((Pe==null?void 0:Pe.status)==200){let se=(V=Pe==null?void 0:Pe.data)==null?void 0:V.data,ne={Token:se.gateway_token,Brand:se.card_data.brand,ExpirationMonth:se.card_data.expire_mm,ExpirationYear:se.card_data.expire_yy,Last4:se.card_data.last4,Bin:se.card_data.bin,postalCode:r==null?void 0:r.zipCode},Ie;if(xe&&K)try{let We={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:se.gateway_token};Ie=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,We)}catch(We){console.log(We,"error"),oe(),g(((D=(B=We==null?void 0:We.response)==null?void 0:B.data)==null?void 0:D.message)||"Something went wrong!")}Y?H(ne):F(ne)}}catch(Pe){console.log(Pe,"error"),g(((ee=(te=Pe==null?void 0:Pe.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"),oe()}}}catch(re){oe(),console.log(re,"error"),g(((lt=(J=re==null?void 0:re.response)==null?void 0:J.data)==null?void 0:lt.message)||"Something went wrong!")}},he=()=>{var i,L,j,z,E,V;let l={},c=r,G=parseInt((c==null?void 0:c.expiryMonth)||"",10),a=(c==null?void 0:c.expiryYear)||"";if((i=c==null?void 0:c.cardName)!=null&&i.trim()||(l.cardName="Card name is required"),(L=c==null?void 0:c.cardNumber)!=null&&L.trim()||(l.cardNumber="Card number is required"),(!((j=c==null?void 0:c.expiryMonth)!=null&&j.trim())||!((z=c==null?void 0:c.expiryYear)!=null&&z.trim())||isNaN(G)||G<1||G>12||a.length!==4)&&(l.expiryMonth="Invalid Expiration Date."),(E=c==null?void 0:c.cvv)!=null&&E.trim()||(l.cvv="CVV is required"),(V=c==null?void 0:c.zipCode)!=null&&V.trim()||(l.zipCode="ZIP code is required"),c!=null&&c.expiryMonth&&(c!=null&&c.expiryYear)&&c.expiryMonth.length<=2&&c.expiryYear.length===4){let B=parseInt(c.expiryMonth,10),D=parseInt(c.expiryYear,10),te=new Date,ee=te.getMonth()+1,J=te.getFullYear();(D<J||D===J&&B<ee)&&(l.expiryMonth="Card is expired")}return ue(l),Object.keys(l).length>0},je=async l=>{var c,G,a,i,L,j,z,E,V,B,D,te,ee,J,lt;if(l.preventDefault(),u!=="ach"){if(he())return}else if(He())return;try{ke();let re=await mt.default.get(`${_e}api/v1/gateway/token/${A}`);if((re==null?void 0:re.status)==200){let Je=(G=(c=re==null?void 0:re.data)==null?void 0:c.data)==null?void 0:G.gateway_token,qt=(i=(a=re==null?void 0:re.data)==null?void 0:a.data)==null?void 0:i.paymentGateway;if(u!=="ach")qt==((L=ln)==null?void 0:L.FRACTALKEY)?await fe():DatacapWebToken.requestToken(Je,"PaymentForm",ae);else{let Ze;try{let Ue=await mt.default.post(`${_e}api/v1/gateway/bank-charge/${A}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((j=Ue==null?void 0:Ue.data)!=null&&j.result){if(dt&&K)try{let Ce=await mt.default.post(`${_e}api/v1/gateway/add-bank/${A}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:K||"",company_name:(h==null?void 0:h.companyName)||""});Ce.data.result&&(Ze={bankDetails:q(P({},(z=Ce==null?void 0:Ce.data)==null?void 0:z.data),{account_type:h==null?void 0:h.accountType})})}catch(Ce){oe(),g(((V=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:V.message)||"Something went wrong!")}Ze=q(P({},Ze),{callback:q(P({},(B=Ue==null?void 0:Ue.data)==null?void 0:B.data),{name:h==null?void 0:h.name,isPreAuth:Y})}),$(Ze),Ke(),oe()}}catch(Ue){console.log(Ue,"errororor");let Ce=(D=Ue==null?void 0:Ue.response)==null?void 0:D.data;typeof(Ce==null?void 0:Ce.message)=="object"?Object.values(Ce==null?void 0:Ce.message).forEach(Se=>{g(Se||"Something went wrong")}):g((Ce==null?void 0:Ce.message)||"Something went wrong"),oe()}}}}catch(re){oe(),$({error:((ee=(te=re==null?void 0:re.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"}),g(((lt=(J=re==null?void 0:re.response)==null?void 0:J.data)==null?void 0:lt.message)||"Something went wrong!")}},Le=(l,c)=>{let G=l;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(G)){(c===""||/^[0-9]+$/.test(c))&&(ue(i=>q(P({},i),{[G]:""})),ce(i=>q(P({},i),{[G]:c})));return}ue(i=>q(P({},i),{[G]:""})),ce(i=>q(P({},i),{[G]:c}))},ve=l=>{let G=l.target.value.replace(/\D/g,""),a="";/^3[47]/.test(G)?a=G.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(L,j,z,E)=>[j,z,E].filter(Boolean).join(" ")):a=G.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(L,j,z,E,V)=>[j,z,E,V].filter(Boolean).join(" ")),ue(i=>q(P({},i),{cardNumber:""})),ce(i=>q(P({},i),{cardNumber:a}))},Ve=l=>{let{name:c,value:G}=l.target,a=["routingNumber","accountNumber","confirmAccountNumber"];if(c=="name"){/^[a-zA-Z\s]*$/.test(G)&&(ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G})));return}if(a.includes(c)){(G===""||/^[0-9]+$/.test(G))&&(ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G})));return}ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G}))},Ke=()=>{_(!1),W("card"),g(""),R(!1),d(""),qe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ge({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ue({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),$e(!1),U(!1),I([])},rt=async()=>{var l,c,G,a,i,L,j,z,E;ke();try{let V={isPreAuth:Y,customerId:K},B=await mt.default.post(`${_e}api/v1/gateway/card-list/${A}`,V);if(console.log("paymentData",B),(c=(l=B==null?void 0:B.data)==null?void 0:l.data)!=null&&c.cardList&&((i=(a=(G=B==null?void 0:B.data)==null?void 0:G.data)==null?void 0:a.cardList)==null?void 0:i.length)>0){W("cardList");let D=(j=(L=B==null?void 0:B.data)==null?void 0:L.data)==null?void 0:j.cardList;I(D);let te=D==null?void 0:D.find(ee=>(ee==null?void 0:ee.primary_card)==1);te&&Ne(te)}else W("card");oe()}catch(V){console.log(V),oe(),g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||(V==null?void 0:V.message)||"Something went wrong")}},st=l=>{switch(l==null?void 0:l.toLowerCase()){case"visa":return De;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return f;case"discover":case"dcvr":return vt;case"bank":return et;default:return l}},Ct=async l=>{Wt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async c=>{var G,a;if(c.isConfirmed){p(!0);try{let i={card_id:l,customer_id:K},L=await mt.default.patch(`${_e}api/v1/gateway/delete-card/${A}`,i);(G=L==null?void 0:L.data)!=null&&G.result?(p(!1),rt(),Wt.default.fire({icon:"success",title:"Deleted!",text:((a=L==null?void 0:L.data)==null?void 0:a.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(p(!1),Wt.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(i){p(!1),Wt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else c.dismiss===Wt.default.DismissReason.cancel&&Wt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},wt=async()=>{var a,i,L,j;let l=K,c=T==null?void 0:T.id,G=T==null?void 0:T.card_type;if(e)if(l)if(c){let z={amount:e,customer_id:l,card_id:c};Y&&(z.isPreauth=!0);let E=_e+"api/v1/gateway/charge-by-saved-details/"+A,V={"Content-Type":"application/json"};try{ke();let B=await mt.default.post(E,z);console.log(B,"res"),(a=B==null?void 0:B.data)!=null&&a.result&&($({callback:(i=B==null?void 0:B.data)==null?void 0:i.data}),oe(),Ke())}catch(B){console.log(B==null?void 0:B.response,"error by saved details"),oe(),g(((j=(L=B==null?void 0:B.response)==null?void 0:L.data)==null?void 0:j.message)||"Something went wrong!")}}else g("Please Select A Card/ACH");else g("Please Select Customer");else g("Something went wrong.")};(0,n.useEffect)(()=>{K&&tt&&rt()},[K,tt]);let Nt=()=>Y?"Cards":"Cards/Bank";return n.default.createElement(n.default.Fragment,null,n.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),n.default.createElement(Lt,null),n.default.createElement(xn,null),n.default.createElement("button",{className:we||"paymentBtn",onClick:Me},w,ie),n.default.createElement(St,{open:tt,onClose:Ke},S&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement($t,{error:S,onClose:Ke})),!S&&n.default.createElement(n.default.Fragment,null,(N||b)&&n.default.createElement(yt,{loading:N||b}),n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:Ke},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"}),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"}),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(s==null?void 0:s.length)>0&&u!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(vn.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((Re=Number(e))==null?void 0:Re.toFixed(2)))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:De,alt:"",width:33}),n.default.createElement("img",{src:Te,width:33,alt:""}),n.default.createElement("img",{src:f,alt:"",width:33}),n.default.createElement("img",{src:vt,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:nt,alt:""}),n.default.createElement("img",{src:pt,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?n.default.createElement("div",null,(s==null?void 0:s.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(vn.IoArrowBack,null)," Back"),!Y&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:l=>{Q("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:at}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:l=>{Q("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:Ge}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((pe=Number(e))==null?void 0:pe.toFixed(2)))),u!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Te,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:vt,width:35,alt:""}))))):n.default.createElement("div",null,n.default.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Fe==null?void 0:Fe.customer_name),n.default.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",k==="card"?Nt():"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((ut=Number(e))==null?void 0:ut.toFixed(2)))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Te,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:vt,width:35,alt:""}))))),n.default.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},s&&(s==null?void 0:s.length)>0&&(s==null?void 0:s.map((l,c)=>n.default.createElement("div",{className:"card-list-single-div",key:c},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(Fe==null?void 0:Fe.paymentGateway)!=(l==null?void 0:l.payment_method_type)&&(l==null?void 0:l.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:T===l,onChange:G=>Ne(l)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",l==null?void 0:l.cardlastfourdigit),(l==null?void 0:l.card_type)!="Bank"&&n.default.createElement("h6",{className:"card-expiry-date"},l==null?void 0:l.expmonth,"/",l==null?void 0:l.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:st(l==null?void 0:l.card_type),alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Ct(l==null?void 0:l.id)},n.default.createElement("img",{src:ot,alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card",onClick:()=>W("card")},"Pay With Other Card",n.default.createElement("img",{src:ct,alt:""}))),n.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:wt},Ot((ft=Number(e))==null?void 0:ft.toFixed(2))))),n.default.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:je},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let c=l.target.value;/^[a-zA-Z\s]*$/.test(c)&&Le("cardName",c)}}),(x==null?void 0:x.cardName)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>ve(l),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group-frac"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>Le("expiryMonth",l.target.value)})),n.default.createElement("div",{className:"exp-year form-group-frac"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>Le("expiryYear",l.target.value)})),n.default.createElement("div",{className:"security-digit form-group-frac"},n.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:l=>Le("cvv",l.target.value)})))),(x==null?void 0:x.cardNumber)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),n.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(It=r==null?void 0:r.zipCode)!=null?It:"",onChange:l=>Le("zipCode",l.target.value)}),(x==null?void 0:x.zipCode)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:xe,onChange:l=>U(l.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("div",{className:"frac-tooltip-wrapper"},n.default.createElement("div",{className:"frac-tooltip-icon"},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"}))),n.default.createElement("div",{className:"frac-tooltip-text"},n.default.createElement("p",{style:{fontSize:"12px !important",lineHeight:"1.5",marginBottom:"0px"}},"If checked, I agree to give the ",n.default.createElement("b",null,Ae||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),n.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ot((Be=Number(e))==null?void 0:Be.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:je},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(At=h==null?void 0:h.name)!=null?At:"",onChange:Ve}),(Z==null?void 0:Z.name)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.name)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(ht=h==null?void 0:h.routingNumber)!=null?ht:"",onChange:Ve}),(Z==null?void 0:Z.routingNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.routingNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ze=h==null?void 0:h.accountNumber)!=null?ze:"",onChange:Ve}),(Z==null?void 0:Z.accountNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.accountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Oe=h==null?void 0:h.confirmAccountNumber)!=null?Oe:"",onChange:Ve}),(Z==null?void 0:Z.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.confirmAccountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Ht=h==null?void 0:h.bankName)!=null?Ht:"",onChange:Ve}),(Z==null?void 0:Z.bankName)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Ft=h==null?void 0:h.companyName)!=null?Ft:"",onChange:Ve}),(Z==null?void 0:Z.companyName)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.companyName)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(jt=h==null?void 0:h.accountType)!=null?jt:"",onChange:Ve},n.default.createElement("option",{value:""},"Select account"),rn.map(l=>n.default.createElement("option",{key:l.value,value:l.value},l.label)))),K&&n.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:dt,onChange:l=>$e(l.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),dt&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree to give the ",n.default.createElement("b",null,Ae||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),n.default.createElement("div",{className:"form-group-frac "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ot((it=Number(e))==null?void 0:it.toFixed(2)))))))))))))))};0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|
|
2660
|
+
`)}var mt=de(require("axios"));var vn=require("react-icons/io5"),Wt=de(require("sweetalert2"));var Xn=({amount:e,submitBtnText:w="Pay",session_token:A,customerId:K,callback:$,merchantName:Ae="merchant",isPreAuth:Y,surcharge:Qe="0",submitBtnClass:we,submitBtnIcon:ie})=>{var Re,pe,ut,ft,It,Be,At,ht,ze,Oe,Ht,Ft,jt,it;let[u,W]=(0,n.useState)("card"),[k,y]=(0,n.useState)("card"),[r,ce]=(0,n.useState)(),[x,ue]=(0,n.useState)({}),[h,qe]=(0,n.useState)(),[Z,ge]=(0,n.useState)({}),[dt,$e]=(0,n.useState)(!1),[tt,_]=(0,n.useState)(!1),[xe,U]=(0,n.useState)(!1),[S,g]=(0,n.useState)(""),[me,R]=(0,n.useState)(!1),[m,d]=(0,n.useState)(""),[N,X]=(0,n.useState)(!1),[b,p]=(0,n.useState)(!1),[s,I]=(0,n.useState)([]),[T,Ne]=(0,n.useState)(),[Fe,gt]=(0,n.useState)(),Te=le+"widget/mc-img.svg",De=le+"widget/visa-img.svg",f=le+"widget/ae-img.svg",vt=le+"widget/discover-img.svg",ct=le+"widget/card.svg",ot=le+"widget/Trash.svg",et=le+"widget/bank.svg",nt=le+"widget/secure-img.png",pt=le+"widget/pov-by.png",zt=le+"widget/pax.svg",at=le+"widget/cardicon.svg",Ge=le+"widget/bankicon.svg",ke=()=>X(!0),oe=()=>X(!1),F=async l=>{var c,G,a,i,L,j,z,E;console.log(l,"ndfkjhdskjfhds");try{let V={pass_fee_amount:Qe,Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},B=await mt.default.post(`${_e}api/v1/gateway/charge/${A}`,V);if((c=B==null?void 0:B.data)!=null&&c.result){let D={};if(xe&&K)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:(l==null?void 0:l.gateway_token)||(l==null?void 0:l.Token)},J=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,ee);(G=J==null?void 0:J.data)!=null&&G.result&&(J=(a=J==null?void 0:J.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((L=(i=ee==null?void 0:ee.response)==null?void 0:i.data)==null?void 0:L.message)||"Something went wrong!")}let te={cardDetails:P(P({},D),l),callback:q(P({},(j=B==null?void 0:B.data)==null?void 0:j.data),{name:r==null?void 0:r.cardName,isPreAuth:Y})};xe||delete te.cardDetails,$(te),oe(),Ke()}}catch(V){g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||"Something went wrong!"),oe()}},H=async l=>{var c,G,a,i,L,j,z,E;try{let V={Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},B=await mt.default.post(`${_e}api/v1/gateway/preauth/${A}`,V);if((c=B==null?void 0:B.data)!=null&&c.result){let D={};if(xe&&K)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:l==null?void 0:l.gateway_token},J=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,ee);(G=J==null?void 0:J.data)!=null&&G.result&&(J=(a=J==null?void 0:J.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((L=(i=ee==null?void 0:ee.response)==null?void 0:i.data)==null?void 0:L.message)||"Something went wrong!")}let te={cardDetails:P(P({},D),l),callback:q(P({},(j=B==null?void 0:B.data)==null?void 0:j.data),{name:r==null?void 0:r.cardName,isPreAuth:Y})};xe||delete te.cardDetails,$(te),oe(),Ke()}}catch(V){g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||"Something went wrong!"),oe()}},ae=async l=>{var c,G,a,i;if(l.Error)g(l.Error),oe();else{let L={token:l.Token,resp:l};try{let j=await mt.default.post(`${_e}api/v1/gateway/update/token/${A}`,L);if((j==null?void 0:j.status)==200){let z={Token:(G=(c=j==null?void 0:j.data)==null?void 0:c.data)==null?void 0:G.gateway_token,Brand:l.Brand,ExpirationMonth:l.ExpirationMonth,ExpirationYear:l.ExpirationYear,Last4:l.Last4,Bin:l.Bin,CVV:l.CVV,postalCode:r==null?void 0:r.zipCode},E;Y?H(z):F(z)}}catch(j){console.log(j,"error"),oe(),g(((i=(a=j==null?void 0:j.response)==null?void 0:a.data)==null?void 0:i.message)||"Something went wrong!")}}},Me=()=>_(!0),Q=l=>{W(l)},He=()=>{var G,a,i,L,j,z,E,V;let l={},c=h;return(G=c==null?void 0:c.name)!=null&&G.trim()||(l.name="Name is required"),(a=c==null?void 0:c.accountNumber)!=null&&a.trim()||(l.accountNumber="Account number is required"),(i=c==null?void 0:c.accountNumber)!=null&&i.trim()&&((L=c==null?void 0:c.accountNumber)==null?void 0:L.trim())!==((j=c==null?void 0:c.confirmAccountNumber)==null?void 0:j.trim())&&(l.confirmAccountNumber="Account numbers must match"),(z=c==null?void 0:c.bankName)!=null&&z.trim()||(l.bankName="Bank name is required"),(E=c==null?void 0:c.routingNumber)!=null&&E.trim()||(l.routingNumber="Routing Number is required"),c!=null&&c.routingNumber&&((V=c==null?void 0:c.routingNumber)==null?void 0:V.length)!==9&&(l.routingNumber="Routing number must be 9 digits"),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&(!(c!=null&&c.companyName)||(c==null?void 0:c.companyName)==="")&&(l.companyName="Company Name is required for business accounts"),ge(l),Object.keys(l).length>0},fe=async()=>{var l,c,G,a,i,L,j,z,E,V,B,D,te,ee,J,lt;try{let re={method:"POST",redirect:"follow"},Je=await mt.default.post(`${_e}api/v1/widget/generate-session`,re),qt=Number(r==null?void 0:r.expiryYear)%100,Ue=`${(l=r==null?void 0:r.cardNumber)==null?void 0:l.replace(/\s+/g,"")}=${qt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Se=forge.pki.publicKeyFromPem((G=(c=Je==null?void 0:Je.data)==null?void 0:c.data)==null?void 0:G.publicKeyPem).encrypt(Ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Tt=forge.util.encode64(Se),Mt={"Content-Type":"application/json","x-app-session-key":(i=(a=Je.data)==null?void 0:a.data)==null?void 0:i.session_key},kt=JSON.stringify({enc_track2_data:Tt,algorithm:"RSAES_OAEP_SHA_1",session_key:(j=(L=Je==null?void 0:Je.data)==null?void 0:L.data)==null?void 0:j.session_key}),Ee=await mt.default.post(`${Yt}tokenizer/tokenize`,kt,{headers:Mt});if((Ee==null?void 0:Ee.status)==200){let Ut=(E=(z=Ee==null?void 0:Ee.data)==null?void 0:z.data)==null?void 0:E.token;try{let Pe=await mt.default.post(`${_e}api/v1/gateway/verify-and-save/${A}`,{token:Ut});if((Pe==null?void 0:Pe.status)==200){let se=(V=Pe==null?void 0:Pe.data)==null?void 0:V.data,ne={Token:se.gateway_token,Brand:se.card_data.brand,ExpirationMonth:se.card_data.expire_mm,ExpirationYear:se.card_data.expire_yy,Last4:se.card_data.last4,Bin:se.card_data.bin,postalCode:r==null?void 0:r.zipCode},Ie;if(xe&&K)try{let We={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:se.gateway_token};Ie=await mt.default.post(`${_e}api/v1/gateway/add-card/${A}`,We)}catch(We){console.log(We,"error"),oe(),g(((D=(B=We==null?void 0:We.response)==null?void 0:B.data)==null?void 0:D.message)||"Something went wrong!")}Y?H(ne):F(ne)}}catch(Pe){console.log(Pe,"error"),g(((ee=(te=Pe==null?void 0:Pe.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"),oe()}}}catch(re){oe(),console.log(re,"error"),g(((lt=(J=re==null?void 0:re.response)==null?void 0:J.data)==null?void 0:lt.message)||"Something went wrong!")}},he=()=>{var i,L,j,z,E,V;let l={},c=r,G=parseInt((c==null?void 0:c.expiryMonth)||"",10),a=(c==null?void 0:c.expiryYear)||"";if((i=c==null?void 0:c.cardName)!=null&&i.trim()||(l.cardName="Card name is required"),(L=c==null?void 0:c.cardNumber)!=null&&L.trim()||(l.cardNumber="Card number is required"),(!((j=c==null?void 0:c.expiryMonth)!=null&&j.trim())||!((z=c==null?void 0:c.expiryYear)!=null&&z.trim())||isNaN(G)||G<1||G>12||a.length!==4)&&(l.expiryMonth="Invalid Expiration Date."),(E=c==null?void 0:c.cvv)!=null&&E.trim()||(l.cvv="CVV is required"),(V=c==null?void 0:c.zipCode)!=null&&V.trim()||(l.zipCode="ZIP code is required"),c!=null&&c.expiryMonth&&(c!=null&&c.expiryYear)&&c.expiryMonth.length<=2&&c.expiryYear.length===4){let B=parseInt(c.expiryMonth,10),D=parseInt(c.expiryYear,10),te=new Date,ee=te.getMonth()+1,J=te.getFullYear();(D<J||D===J&&B<ee)&&(l.expiryMonth="Card is expired")}return ue(l),Object.keys(l).length>0},je=async l=>{var c,G,a,i,L,j,z,E,V,B,D,te,ee,J,lt;if(l.preventDefault(),u!=="ach"){if(he())return}else if(He())return;try{ke();let re=await mt.default.get(`${_e}api/v1/gateway/token/${A}`);if((re==null?void 0:re.status)==200){let Je=(G=(c=re==null?void 0:re.data)==null?void 0:c.data)==null?void 0:G.gateway_token,qt=(i=(a=re==null?void 0:re.data)==null?void 0:a.data)==null?void 0:i.paymentGateway;if(u!=="ach")qt==((L=ln)==null?void 0:L.FRACTALKEY)?await fe():DatacapWebToken.requestToken(Je,"PaymentForm",ae);else{let Ze;try{let Ue=await mt.default.post(`${_e}api/v1/gateway/bank-charge/${A}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((j=Ue==null?void 0:Ue.data)!=null&&j.result){if(dt&&K)try{let Ce=await mt.default.post(`${_e}api/v1/gateway/add-bank/${A}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:K||"",company_name:(h==null?void 0:h.companyName)||""});Ce.data.result&&(Ze={bankDetails:q(P({},(z=Ce==null?void 0:Ce.data)==null?void 0:z.data),{account_type:h==null?void 0:h.accountType})})}catch(Ce){oe(),g(((V=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:V.message)||"Something went wrong!")}Ze=q(P({},Ze),{callback:q(P({},(B=Ue==null?void 0:Ue.data)==null?void 0:B.data),{name:h==null?void 0:h.name,isPreAuth:Y})}),$(Ze),Ke(),oe()}}catch(Ue){console.log(Ue,"errororor");let Ce=(D=Ue==null?void 0:Ue.response)==null?void 0:D.data;typeof(Ce==null?void 0:Ce.message)=="object"?Object.values(Ce==null?void 0:Ce.message).forEach(Se=>{g(Se||"Something went wrong")}):g((Ce==null?void 0:Ce.message)||"Something went wrong"),oe()}}}}catch(re){oe(),$({error:((ee=(te=re==null?void 0:re.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"}),g(((lt=(J=re==null?void 0:re.response)==null?void 0:J.data)==null?void 0:lt.message)||"Something went wrong!")}},Le=(l,c)=>{let G=l;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(G)){(c===""||/^[0-9]+$/.test(c))&&(ue(i=>q(P({},i),{[G]:""})),ce(i=>q(P({},i),{[G]:c})));return}ue(i=>q(P({},i),{[G]:""})),ce(i=>q(P({},i),{[G]:c}))},ve=l=>{let G=l.target.value.replace(/\D/g,""),a="";/^3[47]/.test(G)?a=G.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(L,j,z,E)=>[j,z,E].filter(Boolean).join(" ")):a=G.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(L,j,z,E,V)=>[j,z,E,V].filter(Boolean).join(" ")),ue(i=>q(P({},i),{cardNumber:""})),ce(i=>q(P({},i),{cardNumber:a}))},Ve=l=>{let{name:c,value:G}=l.target,a=["routingNumber","accountNumber","confirmAccountNumber"];if(c=="name"){/^[a-zA-Z\s]*$/.test(G)&&(ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G})));return}if(a.includes(c)){(G===""||/^[0-9]+$/.test(G))&&(ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G})));return}ge(i=>q(P({},i),{[c]:""})),qe(i=>q(P({},i),{[c]:G}))},Ke=()=>{_(!1),W("card"),g(""),R(!1),d(""),qe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ge({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ue({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),$e(!1),U(!1),I([])},rt=async()=>{var l,c,G,a,i,L,j,z,E;ke();try{let V={isPreAuth:Y,customerId:K},B=await mt.default.post(`${_e}api/v1/gateway/card-list/${A}`,V);if(console.log("paymentData",B),(c=(l=B==null?void 0:B.data)==null?void 0:l.data)!=null&&c.cardList&&((i=(a=(G=B==null?void 0:B.data)==null?void 0:G.data)==null?void 0:a.cardList)==null?void 0:i.length)>0){W("cardList");let D=(j=(L=B==null?void 0:B.data)==null?void 0:L.data)==null?void 0:j.cardList;I(D);let te=D==null?void 0:D.find(ee=>(ee==null?void 0:ee.primary_card)==1);te&&Ne(te)}else W("card");oe()}catch(V){console.log(V),oe(),g(((E=(z=V==null?void 0:V.response)==null?void 0:z.data)==null?void 0:E.message)||(V==null?void 0:V.message)||"Something went wrong")}},st=l=>{switch(l==null?void 0:l.toLowerCase()){case"visa":return De;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return f;case"discover":case"dcvr":return vt;case"bank":return et;default:return l}},Ct=async l=>{Wt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async c=>{var G,a;if(c.isConfirmed){p(!0);try{let i={card_id:l,customer_id:K},L=await mt.default.patch(`${_e}api/v1/gateway/delete-card/${A}`,i);(G=L==null?void 0:L.data)!=null&&G.result?(p(!1),rt(),Wt.default.fire({icon:"success",title:"Deleted!",text:((a=L==null?void 0:L.data)==null?void 0:a.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(p(!1),Wt.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(i){p(!1),Wt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else c.dismiss===Wt.default.DismissReason.cancel&&Wt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},wt=async()=>{var a,i,L,j;let l=K,c=T==null?void 0:T.id,G=T==null?void 0:T.card_type;if(e)if(l)if(c){let z={amount:e,customer_id:l,card_id:c};Y&&(z.isPreauth=!0);let E=_e+"api/v1/gateway/charge-by-saved-details/"+A,V={"Content-Type":"application/json"};try{ke();let B=await mt.default.post(E,z);console.log(B,"res"),(a=B==null?void 0:B.data)!=null&&a.result&&($({callback:(i=B==null?void 0:B.data)==null?void 0:i.data}),oe(),Ke())}catch(B){console.log(B==null?void 0:B.response,"error by saved details"),oe(),g(((j=(L=B==null?void 0:B.response)==null?void 0:L.data)==null?void 0:j.message)||"Something went wrong!")}}else g("Please Select A Card/ACH");else g("Please Select Customer");else g("Something went wrong.")};(0,n.useEffect)(()=>{K&&tt&&rt()},[K,tt]);let Nt=()=>Y?"Cards":"Cards/Bank";return n.default.createElement(n.default.Fragment,null,n.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),n.default.createElement(Lt,null),n.default.createElement(xn,null),n.default.createElement("button",{className:we||"paymentBtn",onClick:Me},w,ie),n.default.createElement(St,{open:tt,onClose:Ke},S&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement($t,{error:S,onClose:Ke})),!S&&n.default.createElement(n.default.Fragment,null,(N||b)&&n.default.createElement(yt,{loading:N||b}),n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:Ke},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"}),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"}),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(s==null?void 0:s.length)>0&&u!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(vn.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((Re=Number(e))==null?void 0:Re.toFixed(2)))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:De,alt:"",width:33}),n.default.createElement("img",{src:Te,width:33,alt:""}),n.default.createElement("img",{src:f,alt:"",width:33}),n.default.createElement("img",{src:vt,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:nt,alt:""}),n.default.createElement("img",{src:pt,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?n.default.createElement("div",null,(s==null?void 0:s.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(vn.IoArrowBack,null)," Back"),!Y&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:l=>{Q("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:at}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:l=>{Q("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:Ge}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((pe=Number(e))==null?void 0:pe.toFixed(2)))),u!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Te,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:vt,width:35,alt:""}))))):n.default.createElement("div",null,n.default.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Fe==null?void 0:Fe.customer_name),n.default.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",k==="card"?Nt():"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ot((ut=Number(e))==null?void 0:ut.toFixed(2)))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Te,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:vt,width:35,alt:""}))))),n.default.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},s&&(s==null?void 0:s.length)>0&&(s==null?void 0:s.map((l,c)=>n.default.createElement("div",{className:"card-list-single-div",key:c},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(Fe==null?void 0:Fe.paymentGateway)!=(l==null?void 0:l.payment_method_type)&&(l==null?void 0:l.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:T===l,onChange:G=>Ne(l)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",l==null?void 0:l.cardlastfourdigit),(l==null?void 0:l.card_type)!="Bank"&&n.default.createElement("h6",{className:"card-expiry-date"},l==null?void 0:l.expmonth,"/",l==null?void 0:l.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:st(l==null?void 0:l.card_type),alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Ct(l==null?void 0:l.id)},n.default.createElement("img",{src:ot,alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card",onClick:()=>W("card")},"Pay With Other Card",n.default.createElement("img",{src:ct,alt:""}))),n.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:wt},Ot((ft=Number(e))==null?void 0:ft.toFixed(2))))),n.default.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:je},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let c=l.target.value;/^[a-zA-Z\s]*$/.test(c)&&Le("cardName",c)}}),(x==null?void 0:x.cardName)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>ve(l),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group-frac"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>Le("expiryMonth",l.target.value)})),n.default.createElement("div",{className:"exp-year form-group-frac"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>Le("expiryYear",l.target.value)})),n.default.createElement("div",{className:"security-digit form-group-frac"},n.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:l=>Le("cvv",l.target.value)})))),(x==null?void 0:x.cardNumber)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),n.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(It=r==null?void 0:r.zipCode)!=null?It:"",onChange:l=>Le("zipCode",l.target.value)}),(x==null?void 0:x.zipCode)&&n.default.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:xe,onChange:l=>U(l.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("div",{className:"frac-tooltip-wrapper"},n.default.createElement("div",{className:"frac-tooltip-icon"},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"}))),n.default.createElement("div",{className:"frac-tooltip-text"},n.default.createElement("p",null,"If checked, I agree to give the ",n.default.createElement("b",null,Ae||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),n.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ot((Be=Number(e))==null?void 0:Be.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:je},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(At=h==null?void 0:h.name)!=null?At:"",onChange:Ve}),(Z==null?void 0:Z.name)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.name)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(ht=h==null?void 0:h.routingNumber)!=null?ht:"",onChange:Ve}),(Z==null?void 0:Z.routingNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.routingNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ze=h==null?void 0:h.accountNumber)!=null?ze:"",onChange:Ve}),(Z==null?void 0:Z.accountNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.accountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Oe=h==null?void 0:h.confirmAccountNumber)!=null?Oe:"",onChange:Ve}),(Z==null?void 0:Z.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.confirmAccountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Ht=h==null?void 0:h.bankName)!=null?Ht:"",onChange:Ve}),(Z==null?void 0:Z.bankName)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Ft=h==null?void 0:h.companyName)!=null?Ft:"",onChange:Ve}),(Z==null?void 0:Z.companyName)&&n.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.companyName)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(jt=h==null?void 0:h.accountType)!=null?jt:"",onChange:Ve},n.default.createElement("option",{value:""},"Select account"),rn.map(l=>n.default.createElement("option",{key:l.value,value:l.value},l.label)))),K&&n.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:dt,onChange:l=>$e(l.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),dt&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree to give the ",n.default.createElement("b",null,Ae||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),n.default.createElement("div",{className:"form-group-frac "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ot((it=Number(e))==null?void 0:it.toFixed(2)))))))))))))))};0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|
package/dist/index.mjs
CHANGED
|
@@ -2584,6 +2584,12 @@ position:relative;
|
|
|
2584
2584
|
display: block;
|
|
2585
2585
|
}
|
|
2586
2586
|
|
|
2587
|
+
.frac-tooltip-text p,.frac-tooltip-text b {
|
|
2588
|
+
font-size : 12px !important;
|
|
2589
|
+
line-height : 1.5 !important;
|
|
2590
|
+
margin-bottom : 10px !important;
|
|
2591
|
+
}
|
|
2592
|
+
|
|
2587
2593
|
|
|
2588
2594
|
@media (max-width: 768px) {
|
|
2589
2595
|
.request-payment-close-popup {
|
|
@@ -2651,4 +2657,4 @@ position:relative;
|
|
|
2651
2657
|
|
|
2652
2658
|
|
|
2653
2659
|
|
|
2654
|
-
`)}import ft from"axios";import{IoArrowBack as An}from"react-icons/io5";import en from"sweetalert2";var Fi=({amount:e,submitBtnText:L="Pay",session_token:$,customerId:Z,callback:j,merchantName:Ae="merchant",isPreAuth:B,surcharge:Qe="0",submitBtnClass:we,submitBtnIcon:ie})=>{var Re,ce,gt,yt,Tt,Be,Bt,bt,ze,Oe,Vt,Mt,Kt,ot;let[u,E]=at("card"),[C,y]=at("card"),[r,de]=at(),[x,pe]=at({}),[h,qe]=at(),[K,ue]=at({}),[ct,$e]=at(!1),[nt,w]=at(!1),[be,W]=at(!1),[k,g]=at(""),[me,R]=at(!1),[m,d]=at(""),[v,J]=at(!1),[b,p]=at(!1),[s,z]=at([]),[A,Ne]=at(),[Fe,ht]=at(),Te=le+"widget/mc-img.svg",De=le+"widget/visa-img.svg",f=le+"widget/ae-img.svg",Ct=le+"widget/discover-img.svg",pt=le+"widget/card.svg",rt=le+"widget/Trash.svg",tt=le+"widget/bank.svg",it=le+"widget/secure-img.png",ut=le+"widget/pov-by.png",qt=le+"widget/pax.svg",st=le+"widget/cardicon.svg",Ge=le+"widget/bankicon.svg",ke=()=>J(!0),oe=()=>J(!1),N=async l=>{var c,U,a,n,F,H,P,O;console.log(l,"ndfkjhdskjfhds");try{let V={pass_fee_amount:Qe,Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},T=await ft.post(`${_e}api/v1/gateway/charge/${$}`,V);if((c=T==null?void 0:T.data)!=null&&c.result){let D={};if(be&&Z)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:(l==null?void 0:l.gateway_token)||(l==null?void 0:l.Token)},G=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,ee);(U=G==null?void 0:G.data)!=null&&U.result&&(G=(a=G==null?void 0:G.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((F=(n=ee==null?void 0:ee.response)==null?void 0:n.data)==null?void 0:F.message)||"Something went wrong!")}let te={cardDetails:_(_({},D),l),callback:I(_({},(H=T==null?void 0:T.data)==null?void 0:H.data),{name:r==null?void 0:r.cardName,isPreAuth:B})};be||delete te.cardDetails,j(te),oe(),Ke()}}catch(V){g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||"Something went wrong!"),oe()}},Y=async l=>{var c,U,a,n,F,H,P,O;try{let V={Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},T=await ft.post(`${_e}api/v1/gateway/preauth/${$}`,V);if((c=T==null?void 0:T.data)!=null&&c.result){let D={};if(be&&Z)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:l==null?void 0:l.gateway_token},G=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,ee);(U=G==null?void 0:G.data)!=null&&U.result&&(G=(a=G==null?void 0:G.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((F=(n=ee==null?void 0:ee.response)==null?void 0:n.data)==null?void 0:F.message)||"Something went wrong!")}let te={cardDetails:_(_({},D),l),callback:I(_({},(H=T==null?void 0:T.data)==null?void 0:H.data),{name:r==null?void 0:r.cardName,isPreAuth:B})};be||delete te.cardDetails,j(te),oe(),Ke()}}catch(V){g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||"Something went wrong!"),oe()}},ae=async l=>{var c,U,a,n;if(l.Error)g(l.Error),oe();else{let F={token:l.Token,resp:l};try{let H=await ft.post(`${_e}api/v1/gateway/update/token/${$}`,F);if((H==null?void 0:H.status)==200){let P={Token:(U=(c=H==null?void 0:H.data)==null?void 0:c.data)==null?void 0:U.gateway_token,Brand:l.Brand,ExpirationMonth:l.ExpirationMonth,ExpirationYear:l.ExpirationYear,Last4:l.Last4,Bin:l.Bin,CVV:l.CVV,postalCode:r==null?void 0:r.zipCode},O;B?Y(P):N(P)}}catch(H){console.log(H,"error"),oe(),g(((n=(a=H==null?void 0:H.response)==null?void 0:a.data)==null?void 0:n.message)||"Something went wrong!")}}},Me=()=>w(!0),X=l=>{E(l)},He=()=>{var U,a,n,F,H,P,O,V;let l={},c=h;return(U=c==null?void 0:c.name)!=null&&U.trim()||(l.name="Name is required"),(a=c==null?void 0:c.accountNumber)!=null&&a.trim()||(l.accountNumber="Account number is required"),(n=c==null?void 0:c.accountNumber)!=null&&n.trim()&&((F=c==null?void 0:c.accountNumber)==null?void 0:F.trim())!==((H=c==null?void 0:c.confirmAccountNumber)==null?void 0:H.trim())&&(l.confirmAccountNumber="Account numbers must match"),(P=c==null?void 0:c.bankName)!=null&&P.trim()||(l.bankName="Bank name is required"),(O=c==null?void 0:c.routingNumber)!=null&&O.trim()||(l.routingNumber="Routing Number is required"),c!=null&&c.routingNumber&&((V=c==null?void 0:c.routingNumber)==null?void 0:V.length)!==9&&(l.routingNumber="Routing number must be 9 digits"),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&(!(c!=null&&c.companyName)||(c==null?void 0:c.companyName)==="")&&(l.companyName="Company Name is required for business accounts"),ue(l),Object.keys(l).length>0},ge=async()=>{var l,c,U,a,n,F,H,P,O,V,T,D,te,ee,G,dt;try{let re={method:"POST",redirect:"follow"},Je=await ft.post(`${_e}api/v1/widget/generate-session`,re),Yt=Number(r==null?void 0:r.expiryYear)%100,Ue=`${(l=r==null?void 0:r.cardNumber)==null?void 0:l.replace(/\s+/g,"")}=${Yt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Se=forge.pki.publicKeyFromPem((U=(c=Je==null?void 0:Je.data)==null?void 0:c.data)==null?void 0:U.publicKeyPem).encrypt(Ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),$t=forge.util.encode64(Se),zt={"Content-Type":"application/json","x-app-session-key":(n=(a=Je.data)==null?void 0:a.data)==null?void 0:n.session_key},_t=JSON.stringify({enc_track2_data:$t,algorithm:"RSAES_OAEP_SHA_1",session_key:(H=(F=Je==null?void 0:Je.data)==null?void 0:F.data)==null?void 0:H.session_key}),Ee=await ft.post(`${Ht}tokenizer/tokenize`,_t,{headers:zt});if((Ee==null?void 0:Ee.status)==200){let Xt=(O=(P=Ee==null?void 0:Ee.data)==null?void 0:P.data)==null?void 0:O.token;try{let Pe=await ft.post(`${_e}api/v1/gateway/verify-and-save/${$}`,{token:Xt});if((Pe==null?void 0:Pe.status)==200){let se=(V=Pe==null?void 0:Pe.data)==null?void 0:V.data,ne={Token:se.gateway_token,Brand:se.card_data.brand,ExpirationMonth:se.card_data.expire_mm,ExpirationYear:se.card_data.expire_yy,Last4:se.card_data.last4,Bin:se.card_data.bin,postalCode:r==null?void 0:r.zipCode},Ie;if(be&&Z)try{let We={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:se.gateway_token};Ie=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,We)}catch(We){console.log(We,"error"),oe(),g(((D=(T=We==null?void 0:We.response)==null?void 0:T.data)==null?void 0:D.message)||"Something went wrong!")}B?Y(ne):N(ne)}}catch(Pe){console.log(Pe,"error"),g(((ee=(te=Pe==null?void 0:Pe.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"),oe()}}}catch(re){oe(),console.log(re,"error"),g(((dt=(G=re==null?void 0:re.response)==null?void 0:G.data)==null?void 0:dt.message)||"Something went wrong!")}},fe=()=>{var n,F,H,P,O,V;let l={},c=r,U=parseInt((c==null?void 0:c.expiryMonth)||"",10),a=(c==null?void 0:c.expiryYear)||"";if((n=c==null?void 0:c.cardName)!=null&&n.trim()||(l.cardName="Card name is required"),(F=c==null?void 0:c.cardNumber)!=null&&F.trim()||(l.cardNumber="Card number is required"),(!((H=c==null?void 0:c.expiryMonth)!=null&&H.trim())||!((P=c==null?void 0:c.expiryYear)!=null&&P.trim())||isNaN(U)||U<1||U>12||a.length!==4)&&(l.expiryMonth="Invalid Expiration Date."),(O=c==null?void 0:c.cvv)!=null&&O.trim()||(l.cvv="CVV is required"),(V=c==null?void 0:c.zipCode)!=null&&V.trim()||(l.zipCode="ZIP code is required"),c!=null&&c.expiryMonth&&(c!=null&&c.expiryYear)&&c.expiryMonth.length<=2&&c.expiryYear.length===4){let T=parseInt(c.expiryMonth,10),D=parseInt(c.expiryYear,10),te=new Date,ee=te.getMonth()+1,G=te.getFullYear();(D<G||D===G&&T<ee)&&(l.expiryMonth="Card is expired")}return pe(l),Object.keys(l).length>0},je=async l=>{var c,U,a,n,F,H,P,O,V,T,D,te,ee,G,dt;if(l.preventDefault(),u!=="ach"){if(fe())return}else if(He())return;try{ke();let re=await ft.get(`${_e}api/v1/gateway/token/${$}`);if((re==null?void 0:re.status)==200){let Je=(U=(c=re==null?void 0:re.data)==null?void 0:c.data)==null?void 0:U.gateway_token,Yt=(n=(a=re==null?void 0:re.data)==null?void 0:a.data)==null?void 0:n.paymentGateway;if(u!=="ach")Yt==((F=gn)==null?void 0:F.FRACTALKEY)?await ge():DatacapWebToken.requestToken(Je,"PaymentForm",ae);else{let Ze;try{let Ue=await ft.post(`${_e}api/v1/gateway/bank-charge/${$}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((H=Ue==null?void 0:Ue.data)!=null&&H.result){if(ct&&Z)try{let ve=await ft.post(`${_e}api/v1/gateway/add-bank/${$}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:Z||"",company_name:(h==null?void 0:h.companyName)||""});ve.data.result&&(Ze={bankDetails:I(_({},(P=ve==null?void 0:ve.data)==null?void 0:P.data),{account_type:h==null?void 0:h.accountType})})}catch(ve){oe(),g(((V=(O=ve==null?void 0:ve.response)==null?void 0:O.data)==null?void 0:V.message)||"Something went wrong!")}Ze=I(_({},Ze),{callback:I(_({},(T=Ue==null?void 0:Ue.data)==null?void 0:T.data),{name:h==null?void 0:h.name,isPreAuth:B})}),j(Ze),Ke(),oe()}}catch(Ue){console.log(Ue,"errororor");let ve=(D=Ue==null?void 0:Ue.response)==null?void 0:D.data;typeof(ve==null?void 0:ve.message)=="object"?Object.values(ve==null?void 0:ve.message).forEach(Se=>{g(Se||"Something went wrong")}):g((ve==null?void 0:ve.message)||"Something went wrong"),oe()}}}}catch(re){oe(),j({error:((ee=(te=re==null?void 0:re.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"}),g(((dt=(G=re==null?void 0:re.response)==null?void 0:G.data)==null?void 0:dt.message)||"Something went wrong!")}},Le=(l,c)=>{let U=l;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(U)){(c===""||/^[0-9]+$/.test(c))&&(pe(n=>I(_({},n),{[U]:""})),de(n=>I(_({},n),{[U]:c})));return}pe(n=>I(_({},n),{[U]:""})),de(n=>I(_({},n),{[U]:c}))},xe=l=>{let U=l.target.value.replace(/\D/g,""),a="";/^3[47]/.test(U)?a=U.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(F,H,P,O)=>[H,P,O].filter(Boolean).join(" ")):a=U.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(F,H,P,O,V)=>[H,P,O,V].filter(Boolean).join(" ")),pe(n=>I(_({},n),{cardNumber:""})),de(n=>I(_({},n),{cardNumber:a}))},Ve=l=>{let{name:c,value:U}=l.target,a=["routingNumber","accountNumber","confirmAccountNumber"];if(c=="name"){/^[a-zA-Z\s]*$/.test(U)&&(ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U})));return}if(a.includes(c)){(U===""||/^[0-9]+$/.test(U))&&(ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U})));return}ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U}))},Ke=()=>{w(!1),E("card"),g(""),R(!1),d(""),qe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ue({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),$e(!1),W(!1),z([])},lt=async()=>{var l,c,U,a,n,F,H,P,O;ke();try{let V={isPreAuth:B,customerId:Z},T=await ft.post(`${_e}api/v1/gateway/card-list/${$}`,V);if(console.log("paymentData",T),(c=(l=T==null?void 0:T.data)==null?void 0:l.data)!=null&&c.cardList&&((n=(a=(U=T==null?void 0:T.data)==null?void 0:U.data)==null?void 0:a.cardList)==null?void 0:n.length)>0){E("cardList");let D=(H=(F=T==null?void 0:T.data)==null?void 0:F.data)==null?void 0:H.cardList;z(D);let te=D==null?void 0:D.find(ee=>(ee==null?void 0:ee.primary_card)==1);te&&Ne(te)}else E("card");oe()}catch(V){console.log(V),oe(),g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||(V==null?void 0:V.message)||"Something went wrong")}},mt=l=>{switch(l==null?void 0:l.toLowerCase()){case"visa":return De;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return f;case"discover":case"dcvr":return Ct;case"bank":return tt;default:return l}},wt=async l=>{en.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async c=>{var U,a;if(c.isConfirmed){p(!0);try{let n={card_id:l,customer_id:Z},F=await ft.patch(`${_e}api/v1/gateway/delete-card/${$}`,n);(U=F==null?void 0:F.data)!=null&&U.result?(p(!1),lt(),en.fire({icon:"success",title:"Deleted!",text:((a=F==null?void 0:F.data)==null?void 0:a.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(p(!1),en.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(n){p(!1),en.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else c.dismiss===en.DismissReason.cancel&&en.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Nt=async()=>{var a,n,F,H;let l=Z,c=A==null?void 0:A.id,U=A==null?void 0:A.card_type;if(e)if(l)if(c){let P={amount:e,customer_id:l,card_id:c};B&&(P.isPreauth=!0);let O=_e+"api/v1/gateway/charge-by-saved-details/"+$,V={"Content-Type":"application/json"};try{ke();let T=await ft.post(O,P);console.log(T,"res"),(a=T==null?void 0:T.data)!=null&&a.result&&(j({callback:(n=T==null?void 0:T.data)==null?void 0:n.data}),oe(),Ke())}catch(T){console.log(T==null?void 0:T.response,"error by saved details"),oe(),g(((H=(F=T==null?void 0:T.response)==null?void 0:F.data)==null?void 0:H.message)||"Something went wrong!")}}else g("Please Select A Card/ACH");else g("Please Select Customer");else g("Something went wrong.")};_i(()=>{Z&&nt&<()},[Z,nt]);let kt=()=>B?"Cards":"Cards/Bank";return i.createElement(i.Fragment,null,i.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.createElement(It,null),i.createElement(wn,null),i.createElement("button",{className:we||"paymentBtn",onClick:Me},L,ie),i.createElement(Lt,{open:nt,onClose:Ke},k&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement(jt,{error:k,onClose:Ke})),!k&&i.createElement(i.Fragment,null,(v||b)&&i.createElement(xt,{loading:v||b}),i.createElement("div",{className:"frac-card-payment-page frac-form"},i.createElement("div",{className:"parent-pay-container"},i.createElement("span",{className:"request-payment-close-popup",onClick:Ke},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_12425_52336"},i.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.createElement("div",{className:"pay-main-logo-res"}),i.createElement("div",{className:"pay-container"},i.createElement("div",{className:"pay-header pay-conatiner-one"},i.createElement("div",{className:"pay-conatiner-one-first"},i.createElement("div",{className:"pay-logo-container"},i.createElement("div",{className:"pay-main-logo"}),i.createElement("h1",{className:"pay-heading"},"Pay"),(s==null?void 0:s.length)>0&&u!=="cardList"&&i.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>E("cardList")}," ",i.createElement(An,null)," Back")),i.createElement("div",{className:"amt-pay-con"},i.createElement("div",{className:"pay-amount-conatiner"},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((Re=Number(e))==null?void 0:Re.toFixed(2)))),u!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:De,alt:"",width:33}),i.createElement("img",{src:Te,width:33,alt:""}),i.createElement("img",{src:f,alt:"",width:33}),i.createElement("img",{src:Ct,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:it,alt:""}),i.createElement("img",{src:ut,alt:""}),"Secure payments powered by Fractal")),i.createElement("div",{className:"pay-tab pay-conatiner-two"},i.createElement("div",{className:"col-md-12"},i.createElement("div",{id:"payment-form-div"},u!=="cardList"?i.createElement("div",null,(s==null?void 0:s.length)>0&&i.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>E("cardList")}," ",i.createElement(An,null)," Back"),!B&&i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks cardicon-img",onClick:l=>{X("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"cardicon",src:st}),"Card"),i.createElement("button",{className:"tablinks bankicon-img",onClick:l=>{X("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"bankicon",src:Ge}),"Bank")),i.createElement("div",{className:"res-pay-con"},i.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((ce=Number(e))==null?void 0:ce.toFixed(2)))),u!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Te,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Ct,width:35,alt:""}))))):i.createElement("div",null,i.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Fe==null?void 0:Fe.customer_name),i.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",C==="card"?kt():"Readers"," "),i.createElement("div",{className:"res-pay-con"},i.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((gt=Number(e))==null?void 0:gt.toFixed(2)))),i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Te,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Ct,width:35,alt:""}))))),i.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},i.createElement("div",{className:"card-lint-div-in"},i.createElement("div",{className:"card-list-div"},s&&(s==null?void 0:s.length)>0&&(s==null?void 0:s.map((l,c)=>i.createElement("div",{className:"card-list-single-div",key:c},i.createElement("div",{className:"card-number-radio"},i.createElement("input",{disabled:(Fe==null?void 0:Fe.paymentGateway)!=(l==null?void 0:l.payment_method_type)&&(l==null?void 0:l.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:A===l,onChange:U=>Ne(l)}),i.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",l==null?void 0:l.cardlastfourdigit),(l==null?void 0:l.card_type)!="Bank"&&i.createElement("h6",{className:"card-expiry-date"},l==null?void 0:l.expmonth,"/",l==null?void 0:l.expyear)),i.createElement("div",{className:"card-number-radio"},i.createElement("span",{className:"visa-card"},i.createElement("img",{src:mt(l==null?void 0:l.card_type),alt:""})),i.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>wt(l==null?void 0:l.id)},i.createElement("img",{src:rt,alt:""}))))))),i.createElement("div",{className:"pay-with-other-card",onClick:()=>E("card")},"Pay With Other Card",i.createElement("img",{src:pt,alt:""}))),i.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Nt},Gt((yt=Number(e))==null?void 0:yt.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:je},i.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let c=l.target.value;/^[a-zA-Z\s]*$/.test(c)&&Le("cardName",c)}}),(x==null?void 0:x.cardName)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.createElement("div",{className:"toggle-num-wrapper"},i.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>xe(l),"data-token":"card_number"}),i.createElement("div",{className:"card-crdi card-expiry-new"},i.createElement("div",{className:"exp-date-year-container"},i.createElement("div",{className:"exp-date form-group-frac"},i.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>Le("expiryMonth",l.target.value)})),i.createElement("div",{className:"exp-year form-group-frac"},i.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>Le("expiryYear",l.target.value)})),i.createElement("div",{className:"security-digit form-group-frac"},i.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:l=>Le("cvv",l.target.value)})))),(x==null?void 0:x.cardNumber)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),i.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"zip"},"ZIP"),i.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Tt=r==null?void 0:r.zipCode)!=null?Tt:"",onChange:l=>Le("zipCode",l.target.value)}),(x==null?void 0:x.zipCode)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),Z&&i.createElement("div",{className:"form-group-frac"},i.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:be,onChange:l=>W(l.target.checked)}),i.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.createElement("div",{className:"frac-tooltip-wrapper"},i.createElement("div",{className:"frac-tooltip-icon"},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"}))),i.createElement("div",{className:"frac-tooltip-text"},i.createElement("p",{style:{fontSize:"12px !important",lineHeight:"1.5",marginBottom:"0px"}},"If checked, I agree to give the ",i.createElement("b",null,Ae||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),i.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Gt((Be=Number(e))==null?void 0:Be.toFixed(2)))))),i.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:je},i.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Bt=h==null?void 0:h.name)!=null?Bt:"",onChange:Ve}),(K==null?void 0:K.name)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.name)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(bt=h==null?void 0:h.routingNumber)!=null?bt:"",onChange:Ve}),(K==null?void 0:K.routingNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.routingNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ze=h==null?void 0:h.accountNumber)!=null?ze:"",onChange:Ve}),(K==null?void 0:K.accountNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.accountNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Oe=h==null?void 0:h.confirmAccountNumber)!=null?Oe:"",onChange:Ve}),(K==null?void 0:K.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.confirmAccountNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"bankname"},"Bank name"),i.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Vt=h==null?void 0:h.bankName)!=null?Vt:"",onChange:Ve}),(K==null?void 0:K.bankName)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"companyName"},"Company name"),i.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Mt=h==null?void 0:h.companyName)!=null?Mt:"",onChange:Ve}),(K==null?void 0:K.companyName)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.companyName)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Kt=h==null?void 0:h.accountType)!=null?Kt:"",onChange:Ve},i.createElement("option",{value:""},"Select account"),un.map(l=>i.createElement("option",{key:l.value,value:l.value},l.label)))),Z&&i.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ct,onChange:l=>$e(l.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ct&&i.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.createElement("p",null,"If checked, I agree to give the ",i.createElement("b",null,Ae||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),i.createElement("div",{className:"form-group-frac "},i.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Gt((ot=Number(e))==null?void 0:ot.toFixed(2)))))))))))))))};export{Ci as AddCard,Ni as CardOnFile,ui as GetPaymentPage,Fi as PaymentWidget,fi as PreAuthPayment,ti as RequestPayment,ai as RequestPreAuthPayment};
|
|
2660
|
+
`)}import ft from"axios";import{IoArrowBack as An}from"react-icons/io5";import en from"sweetalert2";var Fi=({amount:e,submitBtnText:L="Pay",session_token:$,customerId:Z,callback:j,merchantName:Ae="merchant",isPreAuth:B,surcharge:Qe="0",submitBtnClass:we,submitBtnIcon:ie})=>{var Re,ce,gt,yt,Tt,Be,Bt,bt,ze,Oe,Vt,Mt,Kt,ot;let[u,E]=at("card"),[C,y]=at("card"),[r,de]=at(),[x,pe]=at({}),[h,qe]=at(),[K,ue]=at({}),[ct,$e]=at(!1),[nt,w]=at(!1),[be,W]=at(!1),[k,g]=at(""),[me,R]=at(!1),[m,d]=at(""),[v,J]=at(!1),[b,p]=at(!1),[s,z]=at([]),[A,Ne]=at(),[Fe,ht]=at(),Te=le+"widget/mc-img.svg",De=le+"widget/visa-img.svg",f=le+"widget/ae-img.svg",Ct=le+"widget/discover-img.svg",pt=le+"widget/card.svg",rt=le+"widget/Trash.svg",tt=le+"widget/bank.svg",it=le+"widget/secure-img.png",ut=le+"widget/pov-by.png",qt=le+"widget/pax.svg",st=le+"widget/cardicon.svg",Ge=le+"widget/bankicon.svg",ke=()=>J(!0),oe=()=>J(!1),N=async l=>{var c,U,a,n,F,H,P,O;console.log(l,"ndfkjhdskjfhds");try{let V={pass_fee_amount:Qe,Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},T=await ft.post(`${_e}api/v1/gateway/charge/${$}`,V);if((c=T==null?void 0:T.data)!=null&&c.result){let D={};if(be&&Z)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:(l==null?void 0:l.gateway_token)||(l==null?void 0:l.Token)},G=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,ee);(U=G==null?void 0:G.data)!=null&&U.result&&(G=(a=G==null?void 0:G.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((F=(n=ee==null?void 0:ee.response)==null?void 0:n.data)==null?void 0:F.message)||"Something went wrong!")}let te={cardDetails:_(_({},D),l),callback:I(_({},(H=T==null?void 0:T.data)==null?void 0:H.data),{name:r==null?void 0:r.cardName,isPreAuth:B})};be||delete te.cardDetails,j(te),oe(),Ke()}}catch(V){g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||"Something went wrong!"),oe()}},Y=async l=>{var c,U,a,n,F,H,P,O;try{let V={Token:l==null?void 0:l.Token,amount:e,postal_code:l==null?void 0:l.postalCode},T=await ft.post(`${_e}api/v1/gateway/preauth/${$}`,V);if((c=T==null?void 0:T.data)!=null&&c.result){let D={};if(be&&Z)try{let ee={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:l==null?void 0:l.gateway_token},G=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,ee);(U=G==null?void 0:G.data)!=null&&U.result&&(G=(a=G==null?void 0:G.data)==null?void 0:a.data)}catch(ee){console.log(ee,"error"),oe(),g(((F=(n=ee==null?void 0:ee.response)==null?void 0:n.data)==null?void 0:F.message)||"Something went wrong!")}let te={cardDetails:_(_({},D),l),callback:I(_({},(H=T==null?void 0:T.data)==null?void 0:H.data),{name:r==null?void 0:r.cardName,isPreAuth:B})};be||delete te.cardDetails,j(te),oe(),Ke()}}catch(V){g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||"Something went wrong!"),oe()}},ae=async l=>{var c,U,a,n;if(l.Error)g(l.Error),oe();else{let F={token:l.Token,resp:l};try{let H=await ft.post(`${_e}api/v1/gateway/update/token/${$}`,F);if((H==null?void 0:H.status)==200){let P={Token:(U=(c=H==null?void 0:H.data)==null?void 0:c.data)==null?void 0:U.gateway_token,Brand:l.Brand,ExpirationMonth:l.ExpirationMonth,ExpirationYear:l.ExpirationYear,Last4:l.Last4,Bin:l.Bin,CVV:l.CVV,postalCode:r==null?void 0:r.zipCode},O;B?Y(P):N(P)}}catch(H){console.log(H,"error"),oe(),g(((n=(a=H==null?void 0:H.response)==null?void 0:a.data)==null?void 0:n.message)||"Something went wrong!")}}},Me=()=>w(!0),X=l=>{E(l)},He=()=>{var U,a,n,F,H,P,O,V;let l={},c=h;return(U=c==null?void 0:c.name)!=null&&U.trim()||(l.name="Name is required"),(a=c==null?void 0:c.accountNumber)!=null&&a.trim()||(l.accountNumber="Account number is required"),(n=c==null?void 0:c.accountNumber)!=null&&n.trim()&&((F=c==null?void 0:c.accountNumber)==null?void 0:F.trim())!==((H=c==null?void 0:c.confirmAccountNumber)==null?void 0:H.trim())&&(l.confirmAccountNumber="Account numbers must match"),(P=c==null?void 0:c.bankName)!=null&&P.trim()||(l.bankName="Bank name is required"),(O=c==null?void 0:c.routingNumber)!=null&&O.trim()||(l.routingNumber="Routing Number is required"),c!=null&&c.routingNumber&&((V=c==null?void 0:c.routingNumber)==null?void 0:V.length)!==9&&(l.routingNumber="Routing number must be 9 digits"),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&(!(c!=null&&c.companyName)||(c==null?void 0:c.companyName)==="")&&(l.companyName="Company Name is required for business accounts"),ue(l),Object.keys(l).length>0},ge=async()=>{var l,c,U,a,n,F,H,P,O,V,T,D,te,ee,G,dt;try{let re={method:"POST",redirect:"follow"},Je=await ft.post(`${_e}api/v1/widget/generate-session`,re),Yt=Number(r==null?void 0:r.expiryYear)%100,Ue=`${(l=r==null?void 0:r.cardNumber)==null?void 0:l.replace(/\s+/g,"")}=${Yt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Se=forge.pki.publicKeyFromPem((U=(c=Je==null?void 0:Je.data)==null?void 0:c.data)==null?void 0:U.publicKeyPem).encrypt(Ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),$t=forge.util.encode64(Se),zt={"Content-Type":"application/json","x-app-session-key":(n=(a=Je.data)==null?void 0:a.data)==null?void 0:n.session_key},_t=JSON.stringify({enc_track2_data:$t,algorithm:"RSAES_OAEP_SHA_1",session_key:(H=(F=Je==null?void 0:Je.data)==null?void 0:F.data)==null?void 0:H.session_key}),Ee=await ft.post(`${Ht}tokenizer/tokenize`,_t,{headers:zt});if((Ee==null?void 0:Ee.status)==200){let Xt=(O=(P=Ee==null?void 0:Ee.data)==null?void 0:P.data)==null?void 0:O.token;try{let Pe=await ft.post(`${_e}api/v1/gateway/verify-and-save/${$}`,{token:Xt});if((Pe==null?void 0:Pe.status)==200){let se=(V=Pe==null?void 0:Pe.data)==null?void 0:V.data,ne={Token:se.gateway_token,Brand:se.card_data.brand,ExpirationMonth:se.card_data.expire_mm,ExpirationYear:se.card_data.expire_yy,Last4:se.card_data.last4,Bin:se.card_data.bin,postalCode:r==null?void 0:r.zipCode},Ie;if(be&&Z)try{let We={postal_code:r==null?void 0:r.zipCode,customer_id:Z,gateway_token:se.gateway_token};Ie=await ft.post(`${_e}api/v1/gateway/add-card/${$}`,We)}catch(We){console.log(We,"error"),oe(),g(((D=(T=We==null?void 0:We.response)==null?void 0:T.data)==null?void 0:D.message)||"Something went wrong!")}B?Y(ne):N(ne)}}catch(Pe){console.log(Pe,"error"),g(((ee=(te=Pe==null?void 0:Pe.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"),oe()}}}catch(re){oe(),console.log(re,"error"),g(((dt=(G=re==null?void 0:re.response)==null?void 0:G.data)==null?void 0:dt.message)||"Something went wrong!")}},fe=()=>{var n,F,H,P,O,V;let l={},c=r,U=parseInt((c==null?void 0:c.expiryMonth)||"",10),a=(c==null?void 0:c.expiryYear)||"";if((n=c==null?void 0:c.cardName)!=null&&n.trim()||(l.cardName="Card name is required"),(F=c==null?void 0:c.cardNumber)!=null&&F.trim()||(l.cardNumber="Card number is required"),(!((H=c==null?void 0:c.expiryMonth)!=null&&H.trim())||!((P=c==null?void 0:c.expiryYear)!=null&&P.trim())||isNaN(U)||U<1||U>12||a.length!==4)&&(l.expiryMonth="Invalid Expiration Date."),(O=c==null?void 0:c.cvv)!=null&&O.trim()||(l.cvv="CVV is required"),(V=c==null?void 0:c.zipCode)!=null&&V.trim()||(l.zipCode="ZIP code is required"),c!=null&&c.expiryMonth&&(c!=null&&c.expiryYear)&&c.expiryMonth.length<=2&&c.expiryYear.length===4){let T=parseInt(c.expiryMonth,10),D=parseInt(c.expiryYear,10),te=new Date,ee=te.getMonth()+1,G=te.getFullYear();(D<G||D===G&&T<ee)&&(l.expiryMonth="Card is expired")}return pe(l),Object.keys(l).length>0},je=async l=>{var c,U,a,n,F,H,P,O,V,T,D,te,ee,G,dt;if(l.preventDefault(),u!=="ach"){if(fe())return}else if(He())return;try{ke();let re=await ft.get(`${_e}api/v1/gateway/token/${$}`);if((re==null?void 0:re.status)==200){let Je=(U=(c=re==null?void 0:re.data)==null?void 0:c.data)==null?void 0:U.gateway_token,Yt=(n=(a=re==null?void 0:re.data)==null?void 0:a.data)==null?void 0:n.paymentGateway;if(u!=="ach")Yt==((F=gn)==null?void 0:F.FRACTALKEY)?await ge():DatacapWebToken.requestToken(Je,"PaymentForm",ae);else{let Ze;try{let Ue=await ft.post(`${_e}api/v1/gateway/bank-charge/${$}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((H=Ue==null?void 0:Ue.data)!=null&&H.result){if(ct&&Z)try{let ve=await ft.post(`${_e}api/v1/gateway/add-bank/${$}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:Z||"",company_name:(h==null?void 0:h.companyName)||""});ve.data.result&&(Ze={bankDetails:I(_({},(P=ve==null?void 0:ve.data)==null?void 0:P.data),{account_type:h==null?void 0:h.accountType})})}catch(ve){oe(),g(((V=(O=ve==null?void 0:ve.response)==null?void 0:O.data)==null?void 0:V.message)||"Something went wrong!")}Ze=I(_({},Ze),{callback:I(_({},(T=Ue==null?void 0:Ue.data)==null?void 0:T.data),{name:h==null?void 0:h.name,isPreAuth:B})}),j(Ze),Ke(),oe()}}catch(Ue){console.log(Ue,"errororor");let ve=(D=Ue==null?void 0:Ue.response)==null?void 0:D.data;typeof(ve==null?void 0:ve.message)=="object"?Object.values(ve==null?void 0:ve.message).forEach(Se=>{g(Se||"Something went wrong")}):g((ve==null?void 0:ve.message)||"Something went wrong"),oe()}}}}catch(re){oe(),j({error:((ee=(te=re==null?void 0:re.response)==null?void 0:te.data)==null?void 0:ee.message)||"Something went wrong!"}),g(((dt=(G=re==null?void 0:re.response)==null?void 0:G.data)==null?void 0:dt.message)||"Something went wrong!")}},Le=(l,c)=>{let U=l;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(U)){(c===""||/^[0-9]+$/.test(c))&&(pe(n=>I(_({},n),{[U]:""})),de(n=>I(_({},n),{[U]:c})));return}pe(n=>I(_({},n),{[U]:""})),de(n=>I(_({},n),{[U]:c}))},xe=l=>{let U=l.target.value.replace(/\D/g,""),a="";/^3[47]/.test(U)?a=U.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(F,H,P,O)=>[H,P,O].filter(Boolean).join(" ")):a=U.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(F,H,P,O,V)=>[H,P,O,V].filter(Boolean).join(" ")),pe(n=>I(_({},n),{cardNumber:""})),de(n=>I(_({},n),{cardNumber:a}))},Ve=l=>{let{name:c,value:U}=l.target,a=["routingNumber","accountNumber","confirmAccountNumber"];if(c=="name"){/^[a-zA-Z\s]*$/.test(U)&&(ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U})));return}if(a.includes(c)){(U===""||/^[0-9]+$/.test(U))&&(ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U})));return}ue(n=>I(_({},n),{[c]:""})),qe(n=>I(_({},n),{[c]:U}))},Ke=()=>{w(!1),E("card"),g(""),R(!1),d(""),qe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ue({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),$e(!1),W(!1),z([])},lt=async()=>{var l,c,U,a,n,F,H,P,O;ke();try{let V={isPreAuth:B,customerId:Z},T=await ft.post(`${_e}api/v1/gateway/card-list/${$}`,V);if(console.log("paymentData",T),(c=(l=T==null?void 0:T.data)==null?void 0:l.data)!=null&&c.cardList&&((n=(a=(U=T==null?void 0:T.data)==null?void 0:U.data)==null?void 0:a.cardList)==null?void 0:n.length)>0){E("cardList");let D=(H=(F=T==null?void 0:T.data)==null?void 0:F.data)==null?void 0:H.cardList;z(D);let te=D==null?void 0:D.find(ee=>(ee==null?void 0:ee.primary_card)==1);te&&Ne(te)}else E("card");oe()}catch(V){console.log(V),oe(),g(((O=(P=V==null?void 0:V.response)==null?void 0:P.data)==null?void 0:O.message)||(V==null?void 0:V.message)||"Something went wrong")}},mt=l=>{switch(l==null?void 0:l.toLowerCase()){case"visa":return De;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return f;case"discover":case"dcvr":return Ct;case"bank":return tt;default:return l}},wt=async l=>{en.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async c=>{var U,a;if(c.isConfirmed){p(!0);try{let n={card_id:l,customer_id:Z},F=await ft.patch(`${_e}api/v1/gateway/delete-card/${$}`,n);(U=F==null?void 0:F.data)!=null&&U.result?(p(!1),lt(),en.fire({icon:"success",title:"Deleted!",text:((a=F==null?void 0:F.data)==null?void 0:a.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(p(!1),en.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(n){p(!1),en.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else c.dismiss===en.DismissReason.cancel&&en.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Nt=async()=>{var a,n,F,H;let l=Z,c=A==null?void 0:A.id,U=A==null?void 0:A.card_type;if(e)if(l)if(c){let P={amount:e,customer_id:l,card_id:c};B&&(P.isPreauth=!0);let O=_e+"api/v1/gateway/charge-by-saved-details/"+$,V={"Content-Type":"application/json"};try{ke();let T=await ft.post(O,P);console.log(T,"res"),(a=T==null?void 0:T.data)!=null&&a.result&&(j({callback:(n=T==null?void 0:T.data)==null?void 0:n.data}),oe(),Ke())}catch(T){console.log(T==null?void 0:T.response,"error by saved details"),oe(),g(((H=(F=T==null?void 0:T.response)==null?void 0:F.data)==null?void 0:H.message)||"Something went wrong!")}}else g("Please Select A Card/ACH");else g("Please Select Customer");else g("Something went wrong.")};_i(()=>{Z&&nt&<()},[Z,nt]);let kt=()=>B?"Cards":"Cards/Bank";return i.createElement(i.Fragment,null,i.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.createElement(It,null),i.createElement(wn,null),i.createElement("button",{className:we||"paymentBtn",onClick:Me},L,ie),i.createElement(Lt,{open:nt,onClose:Ke},k&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement(jt,{error:k,onClose:Ke})),!k&&i.createElement(i.Fragment,null,(v||b)&&i.createElement(xt,{loading:v||b}),i.createElement("div",{className:"frac-card-payment-page frac-form"},i.createElement("div",{className:"parent-pay-container"},i.createElement("span",{className:"request-payment-close-popup",onClick:Ke},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_12425_52336"},i.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.createElement("div",{className:"pay-main-logo-res"}),i.createElement("div",{className:"pay-container"},i.createElement("div",{className:"pay-header pay-conatiner-one"},i.createElement("div",{className:"pay-conatiner-one-first"},i.createElement("div",{className:"pay-logo-container"},i.createElement("div",{className:"pay-main-logo"}),i.createElement("h1",{className:"pay-heading"},"Pay"),(s==null?void 0:s.length)>0&&u!=="cardList"&&i.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>E("cardList")}," ",i.createElement(An,null)," Back")),i.createElement("div",{className:"amt-pay-con"},i.createElement("div",{className:"pay-amount-conatiner"},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((Re=Number(e))==null?void 0:Re.toFixed(2)))),u!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:De,alt:"",width:33}),i.createElement("img",{src:Te,width:33,alt:""}),i.createElement("img",{src:f,alt:"",width:33}),i.createElement("img",{src:Ct,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:it,alt:""}),i.createElement("img",{src:ut,alt:""}),"Secure payments powered by Fractal")),i.createElement("div",{className:"pay-tab pay-conatiner-two"},i.createElement("div",{className:"col-md-12"},i.createElement("div",{id:"payment-form-div"},u!=="cardList"?i.createElement("div",null,(s==null?void 0:s.length)>0&&i.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>E("cardList")}," ",i.createElement(An,null)," Back"),!B&&i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks cardicon-img",onClick:l=>{X("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"cardicon",src:st}),"Card"),i.createElement("button",{className:"tablinks bankicon-img",onClick:l=>{X("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"bankicon",src:Ge}),"Bank")),i.createElement("div",{className:"res-pay-con"},i.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((ce=Number(e))==null?void 0:ce.toFixed(2)))),u!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Te,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Ct,width:35,alt:""}))))):i.createElement("div",null,i.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Fe==null?void 0:Fe.customer_name),i.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",C==="card"?kt():"Readers"," "),i.createElement("div",{className:"res-pay-con"},i.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.createElement("strong",{className:"pay-amount"},Gt((gt=Number(e))==null?void 0:gt.toFixed(2)))),i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Te,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:f,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:Ct,width:35,alt:""}))))),i.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},i.createElement("div",{className:"card-lint-div-in"},i.createElement("div",{className:"card-list-div"},s&&(s==null?void 0:s.length)>0&&(s==null?void 0:s.map((l,c)=>i.createElement("div",{className:"card-list-single-div",key:c},i.createElement("div",{className:"card-number-radio"},i.createElement("input",{disabled:(Fe==null?void 0:Fe.paymentGateway)!=(l==null?void 0:l.payment_method_type)&&(l==null?void 0:l.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:A===l,onChange:U=>Ne(l)}),i.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",l==null?void 0:l.cardlastfourdigit),(l==null?void 0:l.card_type)!="Bank"&&i.createElement("h6",{className:"card-expiry-date"},l==null?void 0:l.expmonth,"/",l==null?void 0:l.expyear)),i.createElement("div",{className:"card-number-radio"},i.createElement("span",{className:"visa-card"},i.createElement("img",{src:mt(l==null?void 0:l.card_type),alt:""})),i.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>wt(l==null?void 0:l.id)},i.createElement("img",{src:rt,alt:""}))))))),i.createElement("div",{className:"pay-with-other-card",onClick:()=>E("card")},"Pay With Other Card",i.createElement("img",{src:pt,alt:""}))),i.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Nt},Gt((yt=Number(e))==null?void 0:yt.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:je},i.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let c=l.target.value;/^[a-zA-Z\s]*$/.test(c)&&Le("cardName",c)}}),(x==null?void 0:x.cardName)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.createElement("div",{className:"toggle-num-wrapper"},i.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>xe(l),"data-token":"card_number"}),i.createElement("div",{className:"card-crdi card-expiry-new"},i.createElement("div",{className:"exp-date-year-container"},i.createElement("div",{className:"exp-date form-group-frac"},i.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>Le("expiryMonth",l.target.value)})),i.createElement("div",{className:"exp-year form-group-frac"},i.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>Le("expiryYear",l.target.value)})),i.createElement("div",{className:"security-digit form-group-frac"},i.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:l=>Le("cvv",l.target.value)})))),(x==null?void 0:x.cardNumber)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),i.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),i.createElement("div",{className:"form-group-frac"},i.createElement("label",{htmlFor:"zip"},"ZIP"),i.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Tt=r==null?void 0:r.zipCode)!=null?Tt:"",onChange:l=>Le("zipCode",l.target.value)}),(x==null?void 0:x.zipCode)&&i.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),Z&&i.createElement("div",{className:"form-group-frac"},i.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:be,onChange:l=>W(l.target.checked)}),i.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.createElement("div",{className:"frac-tooltip-wrapper"},i.createElement("div",{className:"frac-tooltip-icon"},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"}))),i.createElement("div",{className:"frac-tooltip-text"},i.createElement("p",null,"If checked, I agree to give the ",i.createElement("b",null,Ae||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),i.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Gt((Be=Number(e))==null?void 0:Be.toFixed(2)))))),i.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:je},i.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Bt=h==null?void 0:h.name)!=null?Bt:"",onChange:Ve}),(K==null?void 0:K.name)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.name)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(bt=h==null?void 0:h.routingNumber)!=null?bt:"",onChange:Ve}),(K==null?void 0:K.routingNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.routingNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ze=h==null?void 0:h.accountNumber)!=null?ze:"",onChange:Ve}),(K==null?void 0:K.accountNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.accountNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Oe=h==null?void 0:h.confirmAccountNumber)!=null?Oe:"",onChange:Ve}),(K==null?void 0:K.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.confirmAccountNumber)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"bankname"},"Bank name"),i.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Vt=h==null?void 0:h.bankName)!=null?Vt:"",onChange:Ve}),(K==null?void 0:K.bankName)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"companyName"},"Company name"),i.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Mt=h==null?void 0:h.companyName)!=null?Mt:"",onChange:Ve}),(K==null?void 0:K.companyName)&&i.createElement("span",{className:"error-span"},K==null?void 0:K.companyName)),i.createElement("div",{className:"form-group-frac mb-4"},i.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Kt=h==null?void 0:h.accountType)!=null?Kt:"",onChange:Ve},i.createElement("option",{value:""},"Select account"),un.map(l=>i.createElement("option",{key:l.value,value:l.value},l.label)))),Z&&i.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ct,onChange:l=>$e(l.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ct&&i.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.createElement("p",null,"If checked, I agree to give the ",i.createElement("b",null,Ae||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),i.createElement("div",{className:"form-group-frac "},i.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Gt((ot=Number(e))==null?void 0:ot.toFixed(2)))))))))))))))};export{Ci as AddCard,Ni as CardOnFile,ui as GetPaymentPage,Fi as PaymentWidget,fi as PreAuthPayment,ti as RequestPayment,ai as RequestPreAuthPayment};
|