@fractalpay/fractalpay-next-dev 0.0.59 → 0.0.60

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 CHANGED
@@ -2567,11 +2567,11 @@ position:relative;
2567
2567
  .frac-tooltip-text {
2568
2568
  display: none;
2569
2569
  position: absolute;
2570
- top:0;
2570
+ top:-15px;
2571
2571
  right: 22px;
2572
2572
  background: #161616;
2573
2573
  color: white;
2574
- padding: 0px 15px;
2574
+ padding: 15px;
2575
2575
  border-radius: 10px;
2576
2576
  width: 200px;
2577
2577
  font-size:12px;
@@ -2651,4 +2651,4 @@ position:relative;
2651
2651
 
2652
2652
 
2653
2653
 
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",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});
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});
package/dist/index.mjs CHANGED
@@ -2567,11 +2567,11 @@ position:relative;
2567
2567
  .frac-tooltip-text {
2568
2568
  display: none;
2569
2569
  position: absolute;
2570
- top:0;
2570
+ top:-15px;
2571
2571
  right: 22px;
2572
2572
  background: #161616;
2573
2573
  color: white;
2574
- padding: 0px 15px;
2574
+ padding: 15px;
2575
2575
  border-radius: 10px;
2576
2576
  width: 200px;
2577
2577
  font-size:12px;
@@ -2651,4 +2651,4 @@ position:relative;
2651
2651
 
2652
2652
 
2653
2653
 
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&&lt()},[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};
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&&lt()},[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};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fractalpay/fractalpay-next-dev",
3
- "version": "0.0.59",
3
+ "version": "0.0.60",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "next dev -p 4001",