@fractalpay/fractalpay-next-dev 0.0.43 → 0.0.44
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 +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2588,4 +2588,4 @@
|
|
|
2588
2588
|
|
|
2589
2589
|
|
|
2590
2590
|
|
|
2591
|
-
`)}var Ft=me(require("axios"));var Un=({amount:e,submitBtnText:N="Pay",session_token:z,customerId:K,callback:q,merchantName:He="merchant",isPreAuth:T,surcharge:Xe="0",submitBtnClass:Ce,submitBtnIcon:ee})=>{var Ae,se,de,Ve,Oe,xe,at,rt,lt,st,ft,ht;let[u,E]=(0,n.useState)("card"),[r,h]=(0,n.useState)(),[m,ae]=(0,n.useState)({}),[c,ce]=(0,n.useState)(),[B,Fe]=(0,n.useState)({}),[Me,ye]=(0,n.useState)(!1),[wt,je]=(0,n.useState)(!1),[We,k]=(0,n.useState)(!1),[Se,$]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[re,R]=(0,n.useState)(""),[a,l]=(0,n.useState)(!1),[w,X]=(0,n.useState)(!1),x=oe+"widget/mc-img.svg",g=oe+"widget/visa-img.svg",s=oe+"widget/ae-img.svg",P=oe+"widget/discover-img.svg",Y=oe+"widget/card.svg",Pe=oe+"widget/Trash.svg",Qe=oe+"widget/bank.svg",ct=oe+"widget/secure-img.png",Ue=oe+"widget/pov-by.png",pt=oe+"widget/pax.svg",y=oe+"widget/cardicon.svg",It=oe+"widget/bankicon.svg",gt=()=>l(!0),pe=()=>l(!1),De=async f=>{var d,A,Q,H,fe,Z,le,ne;try{let U={pass_fee_amount:Xe,Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},J=await Ft.default.post(`${$e}api/v1/gateway/charge/${z}`,U);if(console.log(J,"charge"),(d=J==null?void 0:J.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,be);(A=D==null?void 0:D.data)!=null&&A.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),pe(),$(((fe=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:fe.message)||"Something went wrong!")}let ze={cardDetails:M(M({},Re),f),callback:L(M({},(Z=J==null?void 0:J.data)==null?void 0:Z.data),{name:r==null?void 0:r.cardName,isPreAuth:T})};We||delete ze.cardDetails,q(ze),pe(),G()}}catch(U){$(((ne=(le=U==null?void 0:U.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),pe()}},tt=async f=>{var d,A,Q,H,fe,Z,le,ne;try{let U={Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},J=await Ft.default.post(`${$e}api/v1/gateway/preauth/${z}`,U);if(console.log(J,"charge"),(d=J==null?void 0:J.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,be);(A=D==null?void 0:D.data)!=null&&A.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),pe(),$(((fe=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:fe.message)||"Something went wrong!")}let ze={cardDetails:M(M({},Re),f),callback:L(M({},(Z=J==null?void 0:J.data)==null?void 0:Z.data),{name:r==null?void 0:r.cardName,isPreAuth:T})};We||delete ze.cardDetails,q(ze),pe(),G()}}catch(U){$(((ne=(le=U==null?void 0:U.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),pe()}},ut=async f=>{var d,A,Q,H;if(f.Error)$(f.Error),pe();else{let fe={token:f.Token,resp:f};try{let Z=await Ft.default.post(`${$e}api/v1/gateway/update/token/${z}`,fe);if((Z==null?void 0:Z.status)==200){let le={Token:(A=(d=Z==null?void 0:Z.data)==null?void 0:d.data)==null?void 0:A.gateway_token,Brand:f.Brand,ExpirationMonth:f.ExpirationMonth,ExpirationYear:f.ExpirationYear,Last4:f.Last4,Bin:f.Bin,CVV:f.CVV,postalCode:r==null?void 0:r.zipCode},ne;T?tt(le):De(le)}}catch(Z){console.log(Z,"error"),pe(),$(((H=(Q=Z==null?void 0:Z.response)==null?void 0:Q.data)==null?void 0:H.message)||"Something went wrong!")}}},Pt=()=>je(!0),it=f=>{E(f)},Ge=()=>{var A,Q,H,fe,Z,le,ne,U;let f={},d=c;return(A=d==null?void 0:d.name)!=null&&A.trim()||(f.name="Name is required"),(Q=d==null?void 0:d.accountNumber)!=null&&Q.trim()||(f.accountNumber="Account number is required"),(H=d==null?void 0:d.accountNumber)!=null&&H.trim()&&((fe=d==null?void 0:d.accountNumber)==null?void 0:fe.trim())!==((Z=d==null?void 0:d.confirmAccountNumber)==null?void 0:Z.trim())&&(f.confirmAccountNumber="Account numbers must match"),(le=d==null?void 0:d.bankName)!=null&&le.trim()||(f.bankName="Bank name is required"),(ne=d==null?void 0:d.routingNumber)!=null&&ne.trim()||(f.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((U=d==null?void 0:d.routingNumber)==null?void 0:U.length)!==9&&(f.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(f.companyName="Company Name is required for business accounts"),Fe(f),Object.keys(f).length>0},Le=async()=>{var f,d,A,Q,H,fe,Z,le,ne,U,J,Re,ze,be,D,Nt,we,$t;try{let p={method:"POST",redirect:"follow"},o=await Ft.default.post(`${$e}api/v1/widget/generate-session`,p),V=Number(r==null?void 0:r.expiryYear)%100,O=`${(f=r==null?void 0:r.cardNumber)==null?void 0:f.replace(/\s+/g,"")}=${V}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Ne=forge.pki.publicKeyFromPem((A=(d=o==null?void 0:o.data)==null?void 0:d.data)==null?void 0:A.publicKeyPem).encrypt(O,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(Ne),Te={"Content-Type":"application/json","x-app-session-key":(H=(Q=o.data)==null?void 0:Q.data)==null?void 0:H.session_key},Ee=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(Z=(fe=o==null?void 0:o.data)==null?void 0:fe.data)==null?void 0:Z.session_key}),et=await Ft.default.post(`${Tt}tokenizer/tokenize`,Ee,{headers:Te});if((et==null?void 0:et.status)==200){let ke=(ne=(le=et==null?void 0:et.data)==null?void 0:le.data)==null?void 0:ne.token;try{let Ke=await Ft.default.post(`${$e}api/v1/gateway/verify-and-save/${z}`,{token:ke});if((Ke==null?void 0:Ke.status)==200){let mt=(U=Ke==null?void 0:Ke.data)==null?void 0:U.data,kt={Token:mt.gateway_token,Brand:mt.card_data.brand,ExpirationMonth:mt.card_data.expire_mm,ExpirationYear:mt.card_data.expire_yy,Last4:mt.card_data.last4,Bin:mt.card_data.bin,postalCode:r==null?void 0:r.zipCode},yt;if(We&&K)try{let Ie={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:mt.gateway_token};yt=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,Ie),(J=yt==null?void 0:yt.data)!=null&&J.result&&console.log((Re=yt==null?void 0:yt.data)==null?void 0:Re.data,"add")}catch(Ie){console.log(Ie,"error"),pe(),$(((be=(ze=Ie==null?void 0:Ie.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!")}T?tt(kt):De(kt)}}catch(Ke){console.log(Ke,"error"),$(((Nt=(D=Ke==null?void 0:Ke.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!"),pe()}}}catch(p){pe(),console.log(p,"error"),$((($t=(we=p==null?void 0:p.response)==null?void 0:we.data)==null?void 0:$t.message)||"Something went wrong!")}},ot=()=>{var H,fe,Z,le,ne,U;let f={},d=r,A=parseInt((d==null?void 0:d.expiryMonth)||"",10),Q=(d==null?void 0:d.expiryYear)||"";if((H=d==null?void 0:d.cardName)!=null&&H.trim()||(f.cardName="Card name is required"),(fe=d==null?void 0:d.cardNumber)!=null&&fe.trim()||(f.cardNumber="Card number is required"),(!((Z=d==null?void 0:d.expiryMonth)!=null&&Z.trim())||!((le=d==null?void 0:d.expiryYear)!=null&&le.trim())||isNaN(A)||A<1||A>12||Q.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ne=d==null?void 0:d.cvv)!=null&&ne.trim()||(f.cvv="CVV is required"),(U=d==null?void 0:d.zipCode)!=null&&U.trim()||(f.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let J=parseInt(d.expiryMonth,10),Re=parseInt(d.expiryYear,10),ze=new Date,be=ze.getMonth()+1,D=ze.getFullYear();(Re<D||Re===D&&J<be)&&(f.expiryMonth="Card is expired")}return ae(f),Object.keys(f).length>0},_=async f=>{var d,A,Q,H,fe,Z,le,ne,U,J,Re,ze,be,D,Nt;if(f.preventDefault(),u!=="ach"){if(ot())return}else if(Ge())return;try{gt();let we=await Ft.default.get(`${$e}api/v1/gateway/token/${z}`);if((we==null?void 0:we.status)==200){let $t=(A=(d=we==null?void 0:we.data)==null?void 0:d.data)==null?void 0:A.gateway_token,p=(H=(Q=we==null?void 0:we.data)==null?void 0:Q.data)==null?void 0:H.paymentGateway;if(u!=="ach")p==((fe=rn)==null?void 0:fe.FRACTALKEY)?await Le():DatacapWebToken.requestToken($t,"PaymentForm",ut);else{let o;try{let V=await Ft.default.post(`${$e}api/v1/gateway/bank-charge/${z}`,{label:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(c==null?void 0:c.companyName)||""});if(console.log(V,"pay by bank"),(Z=V==null?void 0:V.data)!=null&&Z.result){if(Me&&K)try{let W=await Ft.default.post(`${$e}api/v1/gateway/add-bank/${z}`,{name:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,customer_id:K||"",company_name:(c==null?void 0:c.companyName)||""});console.log(W,"result"),W.data.result&&(o={bankdetails:(le=W==null?void 0:W.data)==null?void 0:le.data})}catch(W){pe(),$(((U=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:U.message)||"Something went wrong!")}o=L(M({},o),{callback:L(M({},(J=V==null?void 0:V.data)==null?void 0:J.data),{name:c==null?void 0:c.name,isPreAuth:T})}),q(o),G(),pe()}}catch(V){console.log(V,"errororor");let W=(Re=V==null?void 0:V.response)==null?void 0:Re.data;console.log(W,"ererere",Object.values(W==null?void 0:W.message)),typeof(W==null?void 0:W.message)=="object"?Object.values(W==null?void 0:W.message).forEach(O=>{$(O||"Something went wrong")}):$((W==null?void 0:W.message)||"Something went wrong"),pe()}}}}catch(we){pe(),q({error:((be=(ze=we==null?void 0:we.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!"}),$(((Nt=(D=we==null?void 0:we.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!")}},I=(f,d)=>{let A=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(A)){(d===""||/^[0-9]+$/.test(d))&&(ae(H=>L(M({},H),{[A]:""})),h(H=>L(M({},H),{[A]:d})));return}ae(H=>L(M({},H),{[A]:""})),h(H=>L(M({},H),{[A]:d}))},te=f=>{let A=f.target.value.replace(/\D/g,""),Q="";/^3[47]/.test(A)?Q=A.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(fe,Z,le,ne)=>[Z,le,ne].filter(Boolean).join(" ")):Q=A.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(fe,Z,le,ne,U)=>[Z,le,ne,U].filter(Boolean).join(" ")),ae(H=>L(M({},H),{cardNumber:""})),h(H=>L(M({},H),{cardNumber:Q}))},ge=f=>{let{name:d,value:A}=f.target,Q=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(A)&&(Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A})));return}if(Q.includes(d)){(A===""||/^[0-9]+$/.test(A))&&(Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A})));return}Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A}))},G=()=>{je(!1),E("card"),$(""),C(!1),R(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Fe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),h({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ae({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ye(!1),k(!1)};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(zt,null),n.default.createElement(yn,null),n.default.createElement("button",{className:Ce||"paymentBtn",onClick:Pt},N,ee),n.default.createElement(Mt,{open:wt,onClose:G},Se&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(Yt,{error:Se,onClose:G})),!Se&&n.default.createElement(n.default.Fragment,null,(a||w)&&n.default.createElement(bt,{loading:a||w}),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:G},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")),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"},"$",(Ae=Number(e))==null?void 0:Ae.toFixed(2))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:g,alt:"",width:33}),n.default.createElement("img",{src:x,width:33,alt:""}),n.default.createElement("img",{src:s,alt:"",width:33}),n.default.createElement("img",{src:P,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:ct,alt:""}),n.default.createElement("img",{src:Ue,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"},!T&&n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:f=>{it("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:y}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:f=>{it("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:It}),"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"},"$",(se=Number(e))==null?void 0:se.toFixed(2))),u!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:g,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:x,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:s,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:P,width:35,alt:""})))),n.default.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:_},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:f=>{let d=f.target.value;/^[a-zA-Z\s]*$/.test(d)&&I("cardName",d)}}),(m==null?void 0:m.cardName)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:f=>te(f),"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:f=>I("expiryMonth",f.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:f=>I("expiryYear",f.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:f=>I("cvv",f.target.value)})))),(m==null?void 0:m.cardNumber)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.cardNumber),n.default.createElement("p",{style:{margin:"0"}},m!=null&&m.expiryMonth||m!=null&&m.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},m==null?void 0:m.expiryMonth):"",(m==null?void 0:m.cvv)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(de=r==null?void 0:r.zipCode)!=null?de:"",onChange:f=>I("zipCode",f.target.value)}),(m==null?void 0:m.zipCode)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:We,onChange:f=>k(f.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("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),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("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),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"},"$",(Ve=Number(e))==null?void 0:Ve.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:_},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:(Oe=c==null?void 0:c.name)!=null?Oe:"",onChange:ge}),(B==null?void 0:B.name)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(xe=c==null?void 0:c.routingNumber)!=null?xe:"",onChange:ge}),(B==null?void 0:B.routingNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(at=c==null?void 0:c.accountNumber)!=null?at:"",onChange:ge}),(B==null?void 0:B.accountNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(rt=c==null?void 0:c.confirmAccountNumber)!=null?rt:"",onChange:ge}),(B==null?void 0:B.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(lt=c==null?void 0:c.bankName)!=null?lt:"",onChange:ge}),(B==null?void 0:B.bankName)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group 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:(st=c==null?void 0:c.companyName)!=null?st:"",onChange:ge}),(B==null?void 0:B.companyName)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(ft=c==null?void 0:c.accountType)!=null?ft:"",onChange:ge},n.default.createElement("option",{value:""},"Select account"),on.map(f=>n.default.createElement("option",{key:f.value,value:f.value},f.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:Me,onChange:f=>ye(f.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Me&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,He||"merchant")," to have my permission to charge this credit card 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"},"$",(ht=Number(e))==null?void 0:ht.toFixed(2))))))))))))))};0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,PreAuthPayment,RequestPayment,RequestPreAuthPayment,Skypay});
|
|
2591
|
+
`)}var Ft=me(require("axios"));var Un=({amount:e,submitBtnText:N="Pay",session_token:z,customerId:K,callback:q,merchantName:He="merchant",isPreAuth:T,surcharge:Xe="0",submitBtnClass:Ce,submitBtnIcon:ee})=>{var Ae,se,de,Ve,Oe,xe,at,rt,lt,st,ft,ht;let[u,E]=(0,n.useState)("card"),[r,h]=(0,n.useState)(),[m,ae]=(0,n.useState)({}),[c,ce]=(0,n.useState)(),[B,Fe]=(0,n.useState)({}),[Me,ye]=(0,n.useState)(!1),[wt,je]=(0,n.useState)(!1),[We,k]=(0,n.useState)(!1),[Se,$]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[re,R]=(0,n.useState)(""),[a,l]=(0,n.useState)(!1),[w,X]=(0,n.useState)(!1),x=oe+"widget/mc-img.svg",g=oe+"widget/visa-img.svg",s=oe+"widget/ae-img.svg",P=oe+"widget/discover-img.svg",Y=oe+"widget/card.svg",Pe=oe+"widget/Trash.svg",Qe=oe+"widget/bank.svg",ct=oe+"widget/secure-img.png",Ue=oe+"widget/pov-by.png",pt=oe+"widget/pax.svg",y=oe+"widget/cardicon.svg",It=oe+"widget/bankicon.svg",gt=()=>l(!0),pe=()=>l(!1),De=async f=>{var d,A,Q,H,fe,Z,le,ne;try{let U={pass_fee_amount:Xe,Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},J=await Ft.default.post(`${$e}api/v1/gateway/charge/${z}`,U);if(console.log(J,"charge"),(d=J==null?void 0:J.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,be);(A=D==null?void 0:D.data)!=null&&A.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),pe(),$(((fe=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:fe.message)||"Something went wrong!")}let ze={cardDetails:M(M({},Re),f),callback:L(M({},(Z=J==null?void 0:J.data)==null?void 0:Z.data),{name:r==null?void 0:r.cardName,isPreAuth:T})};We||delete ze.cardDetails,q(ze),pe(),G()}}catch(U){$(((ne=(le=U==null?void 0:U.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),pe()}},tt=async f=>{var d,A,Q,H,fe,Z,le,ne;try{let U={Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},J=await Ft.default.post(`${$e}api/v1/gateway/preauth/${z}`,U);if(console.log(J,"charge"),(d=J==null?void 0:J.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,be);(A=D==null?void 0:D.data)!=null&&A.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),pe(),$(((fe=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:fe.message)||"Something went wrong!")}let ze={cardDetails:M(M({},Re),f),callback:L(M({},(Z=J==null?void 0:J.data)==null?void 0:Z.data),{name:r==null?void 0:r.cardName,isPreAuth:T})};We||delete ze.cardDetails,q(ze),pe(),G()}}catch(U){$(((ne=(le=U==null?void 0:U.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),pe()}},ut=async f=>{var d,A,Q,H;if(f.Error)$(f.Error),pe();else{let fe={token:f.Token,resp:f};try{let Z=await Ft.default.post(`${$e}api/v1/gateway/update/token/${z}`,fe);if((Z==null?void 0:Z.status)==200){let le={Token:(A=(d=Z==null?void 0:Z.data)==null?void 0:d.data)==null?void 0:A.gateway_token,Brand:f.Brand,ExpirationMonth:f.ExpirationMonth,ExpirationYear:f.ExpirationYear,Last4:f.Last4,Bin:f.Bin,CVV:f.CVV,postalCode:r==null?void 0:r.zipCode},ne;T?tt(le):De(le)}}catch(Z){console.log(Z,"error"),pe(),$(((H=(Q=Z==null?void 0:Z.response)==null?void 0:Q.data)==null?void 0:H.message)||"Something went wrong!")}}},Pt=()=>je(!0),it=f=>{E(f)},Ge=()=>{var A,Q,H,fe,Z,le,ne,U;let f={},d=c;return(A=d==null?void 0:d.name)!=null&&A.trim()||(f.name="Name is required"),(Q=d==null?void 0:d.accountNumber)!=null&&Q.trim()||(f.accountNumber="Account number is required"),(H=d==null?void 0:d.accountNumber)!=null&&H.trim()&&((fe=d==null?void 0:d.accountNumber)==null?void 0:fe.trim())!==((Z=d==null?void 0:d.confirmAccountNumber)==null?void 0:Z.trim())&&(f.confirmAccountNumber="Account numbers must match"),(le=d==null?void 0:d.bankName)!=null&&le.trim()||(f.bankName="Bank name is required"),(ne=d==null?void 0:d.routingNumber)!=null&&ne.trim()||(f.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((U=d==null?void 0:d.routingNumber)==null?void 0:U.length)!==9&&(f.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(f.companyName="Company Name is required for business accounts"),Fe(f),Object.keys(f).length>0},Le=async()=>{var f,d,A,Q,H,fe,Z,le,ne,U,J,Re,ze,be,D,Nt,we,$t;try{let p={method:"POST",redirect:"follow"},o=await Ft.default.post(`${$e}api/v1/widget/generate-session`,p),V=Number(r==null?void 0:r.expiryYear)%100,O=`${(f=r==null?void 0:r.cardNumber)==null?void 0:f.replace(/\s+/g,"")}=${V}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Ne=forge.pki.publicKeyFromPem((A=(d=o==null?void 0:o.data)==null?void 0:d.data)==null?void 0:A.publicKeyPem).encrypt(O,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(Ne),Te={"Content-Type":"application/json","x-app-session-key":(H=(Q=o.data)==null?void 0:Q.data)==null?void 0:H.session_key},Ee=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(Z=(fe=o==null?void 0:o.data)==null?void 0:fe.data)==null?void 0:Z.session_key}),et=await Ft.default.post(`${Tt}tokenizer/tokenize`,Ee,{headers:Te});if((et==null?void 0:et.status)==200){let ke=(ne=(le=et==null?void 0:et.data)==null?void 0:le.data)==null?void 0:ne.token;try{let Ke=await Ft.default.post(`${$e}api/v1/gateway/verify-and-save/${z}`,{token:ke});if((Ke==null?void 0:Ke.status)==200){let mt=(U=Ke==null?void 0:Ke.data)==null?void 0:U.data,kt={Token:mt.gateway_token,Brand:mt.card_data.brand,ExpirationMonth:mt.card_data.expire_mm,ExpirationYear:mt.card_data.expire_yy,Last4:mt.card_data.last4,Bin:mt.card_data.bin,postalCode:r==null?void 0:r.zipCode},yt;if(We&&K)try{let Ie={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:mt.gateway_token};yt=await Ft.default.post(`${$e}api/v1/gateway/add-card/${z}`,Ie),(J=yt==null?void 0:yt.data)!=null&&J.result&&console.log((Re=yt==null?void 0:yt.data)==null?void 0:Re.data,"add")}catch(Ie){console.log(Ie,"error"),pe(),$(((be=(ze=Ie==null?void 0:Ie.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!")}T?tt(kt):De(kt)}}catch(Ke){console.log(Ke,"error"),$(((Nt=(D=Ke==null?void 0:Ke.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!"),pe()}}}catch(p){pe(),console.log(p,"error"),$((($t=(we=p==null?void 0:p.response)==null?void 0:we.data)==null?void 0:$t.message)||"Something went wrong!")}},ot=()=>{var H,fe,Z,le,ne,U;let f={},d=r,A=parseInt((d==null?void 0:d.expiryMonth)||"",10),Q=(d==null?void 0:d.expiryYear)||"";if((H=d==null?void 0:d.cardName)!=null&&H.trim()||(f.cardName="Card name is required"),(fe=d==null?void 0:d.cardNumber)!=null&&fe.trim()||(f.cardNumber="Card number is required"),(!((Z=d==null?void 0:d.expiryMonth)!=null&&Z.trim())||!((le=d==null?void 0:d.expiryYear)!=null&&le.trim())||isNaN(A)||A<1||A>12||Q.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ne=d==null?void 0:d.cvv)!=null&&ne.trim()||(f.cvv="CVV is required"),(U=d==null?void 0:d.zipCode)!=null&&U.trim()||(f.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let J=parseInt(d.expiryMonth,10),Re=parseInt(d.expiryYear,10),ze=new Date,be=ze.getMonth()+1,D=ze.getFullYear();(Re<D||Re===D&&J<be)&&(f.expiryMonth="Card is expired")}return ae(f),Object.keys(f).length>0},_=async f=>{var d,A,Q,H,fe,Z,le,ne,U,J,Re,ze,be,D,Nt;if(f.preventDefault(),u!=="ach"){if(ot())return}else if(Ge())return;try{gt();let we=await Ft.default.get(`${$e}api/v1/gateway/token/${z}`);if((we==null?void 0:we.status)==200){let $t=(A=(d=we==null?void 0:we.data)==null?void 0:d.data)==null?void 0:A.gateway_token,p=(H=(Q=we==null?void 0:we.data)==null?void 0:Q.data)==null?void 0:H.paymentGateway;if(u!=="ach")p==((fe=rn)==null?void 0:fe.FRACTALKEY)?await Le():DatacapWebToken.requestToken($t,"PaymentForm",ut);else{let o;try{let V=await Ft.default.post(`${$e}api/v1/gateway/bank-charge/${z}`,{label:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(c==null?void 0:c.companyName)||""});if(console.log(V,"pay by bank"),(Z=V==null?void 0:V.data)!=null&&Z.result){if(Me&&K)try{let W=await Ft.default.post(`${$e}api/v1/gateway/add-bank/${z}`,{name:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,customer_id:K||"",company_name:(c==null?void 0:c.companyName)||""});console.log(W,"result"),W.data.result&&(o={bankdetails:(le=W==null?void 0:W.data)==null?void 0:le.data})}catch(W){pe(),$(((U=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:U.message)||"Something went wrong!")}o=L(M({},o),{callback:L(M({},(J=V==null?void 0:V.data)==null?void 0:J.data),{name:c==null?void 0:c.name,isPreAuth:T})}),q(o),G(),pe()}}catch(V){console.log(V,"errororor");let W=(Re=V==null?void 0:V.response)==null?void 0:Re.data;console.log(W,"ererere",Object.values(W==null?void 0:W.message)),typeof(W==null?void 0:W.message)=="object"?Object.values(W==null?void 0:W.message).forEach(O=>{$(O||"Something went wrong")}):$((W==null?void 0:W.message)||"Something went wrong"),pe()}}}}catch(we){pe(),q({error:((be=(ze=we==null?void 0:we.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!"}),$(((Nt=(D=we==null?void 0:we.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!")}},I=(f,d)=>{let A=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(A)){(d===""||/^[0-9]+$/.test(d))&&(ae(H=>L(M({},H),{[A]:""})),h(H=>L(M({},H),{[A]:d})));return}ae(H=>L(M({},H),{[A]:""})),h(H=>L(M({},H),{[A]:d}))},te=f=>{let A=f.target.value.replace(/\D/g,""),Q="";/^3[47]/.test(A)?Q=A.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(fe,Z,le,ne)=>[Z,le,ne].filter(Boolean).join(" ")):Q=A.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(fe,Z,le,ne,U)=>[Z,le,ne,U].filter(Boolean).join(" ")),ae(H=>L(M({},H),{cardNumber:""})),h(H=>L(M({},H),{cardNumber:Q}))},ge=f=>{let{name:d,value:A}=f.target,Q=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(A)&&(Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A})));return}if(Q.includes(d)){(A===""||/^[0-9]+$/.test(A))&&(Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A})));return}Fe(H=>L(M({},H),{[d]:""})),ce(H=>L(M({},H),{[d]:A}))},G=()=>{je(!1),E("card"),$(""),C(!1),R(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Fe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),h({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ae({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ye(!1),k(!1)};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(zt,null),n.default.createElement(yn,null),n.default.createElement("button",{className:Ce||"paymentBtn",onClick:Pt},N,ee),n.default.createElement(Mt,{open:wt,onClose:G},Se&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(Yt,{error:Se,onClose:G})),!Se&&n.default.createElement(n.default.Fragment,null,(a||w)&&n.default.createElement(bt,{loading:a||w}),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:G},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")),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"},"$",(Ae=Number(e))==null?void 0:Ae.toFixed(2))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:g,alt:"",width:33}),n.default.createElement("img",{src:x,width:33,alt:""}),n.default.createElement("img",{src:s,alt:"",width:33}),n.default.createElement("img",{src:P,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:ct,alt:""}),n.default.createElement("img",{src:Ue,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"},!T&&n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:f=>{it("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:y}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:f=>{it("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:It}),"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"},"$",(se=Number(e))==null?void 0:se.toFixed(2))),u!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:g,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:x,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:s,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:P,width:35,alt:""})))),n.default.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:_},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:f=>{let d=f.target.value;/^[a-zA-Z\s]*$/.test(d)&&I("cardName",d)}}),(m==null?void 0:m.cardName)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:f=>te(f),"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:f=>I("expiryMonth",f.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:f=>I("expiryYear",f.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:f=>I("cvv",f.target.value)})))),(m==null?void 0:m.cardNumber)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.cardNumber),n.default.createElement("p",{style:{margin:"0"}},m!=null&&m.expiryMonth||m!=null&&m.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},m==null?void 0:m.expiryMonth):"",(m==null?void 0:m.cvv)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(de=r==null?void 0:r.zipCode)!=null?de:"",onChange:f=>I("zipCode",f.target.value)}),(m==null?void 0:m.zipCode)&&n.default.createElement("span",{className:"error-span"},m==null?void 0:m.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:We,onChange:f=>k(f.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("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),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("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),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"},"$",(Ve=Number(e))==null?void 0:Ve.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:_},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:(Oe=c==null?void 0:c.name)!=null?Oe:"",onChange:ge}),(B==null?void 0:B.name)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(xe=c==null?void 0:c.routingNumber)!=null?xe:"",onChange:ge}),(B==null?void 0:B.routingNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(at=c==null?void 0:c.accountNumber)!=null?at:"",onChange:ge}),(B==null?void 0:B.accountNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(rt=c==null?void 0:c.confirmAccountNumber)!=null?rt:"",onChange:ge}),(B==null?void 0:B.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(lt=c==null?void 0:c.bankName)!=null?lt:"",onChange:ge}),(B==null?void 0:B.bankName)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.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:(st=c==null?void 0:c.companyName)!=null?st:"",onChange:ge}),(B==null?void 0:B.companyName)&&n.default.createElement("span",{className:"error-span"},B==null?void 0:B.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:(ft=c==null?void 0:c.accountType)!=null?ft:"",onChange:ge},n.default.createElement("option",{value:""},"Select account"),on.map(f=>n.default.createElement("option",{key:f.value,value:f.value},f.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:Me,onChange:f=>ye(f.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Me&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,He||"merchant")," to have my permission to charge this credit card 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"},"$",(ht=Number(e))==null?void 0:ht.toFixed(2))))))))))))))};0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,PreAuthPayment,RequestPayment,RequestPreAuthPayment,Skypay});
|
package/dist/index.mjs
CHANGED
|
@@ -2588,4 +2588,4 @@ var Bn=Object.defineProperty,Hn=Object.defineProperties;var jn=Object.getOwnProp
|
|
|
2588
2588
|
|
|
2589
2589
|
|
|
2590
2590
|
|
|
2591
|
-
`)}import Lt from"axios";var wi=({amount:e,submitBtnText:S="Pay",session_token:Y,customerId:K,callback:$,merchantName:He="merchant",isPreAuth:A,surcharge:Xe="0",submitBtnClass:Ce,submitBtnIcon:ee})=>{var Ae,se,me,Ve,Oe,xe,rt,st,mt,lt,ht,yt;let[u,O]=St("card"),[r,h]=St(),[m,ae]=St({}),[c,de]=St(),[B,Fe]=St({}),[Me,ye]=St(!1),[wt,je]=St(!1),[We,C]=St(!1),[Se,T]=St(""),[F,b]=St(!1),[re,R]=St(""),[a,l]=St(!1),[v,J]=St(!1),x=oe+"widget/mc-img.svg",g=oe+"widget/visa-img.svg",s=oe+"widget/ae-img.svg",M=oe+"widget/discover-img.svg",q=oe+"widget/card.svg",Pe=oe+"widget/Trash.svg",Qe=oe+"widget/bank.svg",pt=oe+"widget/secure-img.png",Ue=oe+"widget/pov-by.png",gt=oe+"widget/pax.svg",y=oe+"widget/cardicon.svg",Tt=oe+"widget/bankicon.svg",ut=()=>l(!0),ce=()=>l(!1),De=async f=>{var d,I,Q,H,ue,V,le,ne;try{let W={pass_fee_amount:Xe,Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},G=await Lt.post(`${$e}api/v1/gateway/charge/${Y}`,W);if(console.log(G,"charge"),(d=G==null?void 0:G.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,be);(I=D==null?void 0:D.data)!=null&&I.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),ce(),T(((ue=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:ue.message)||"Something went wrong!")}let ze={cardDetails:N(N({},Re),f),callback:P(N({},(V=G==null?void 0:G.data)==null?void 0:V.data),{name:r==null?void 0:r.cardName,isPreAuth:A})};We||delete ze.cardDetails,$(ze),ce(),U()}}catch(W){T(((ne=(le=W==null?void 0:W.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),ce()}},nt=async f=>{var d,I,Q,H,ue,V,le,ne;try{let W={Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},G=await Lt.post(`${$e}api/v1/gateway/preauth/${Y}`,W);if(console.log(G,"charge"),(d=G==null?void 0:G.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,be);(I=D==null?void 0:D.data)!=null&&I.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),ce(),T(((ue=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:ue.message)||"Something went wrong!")}let ze={cardDetails:N(N({},Re),f),callback:P(N({},(V=G==null?void 0:G.data)==null?void 0:V.data),{name:r==null?void 0:r.cardName,isPreAuth:A})};We||delete ze.cardDetails,$(ze),ce(),U()}}catch(W){T(((ne=(le=W==null?void 0:W.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),ce()}},ft=async f=>{var d,I,Q,H;if(f.Error)T(f.Error),ce();else{let ue={token:f.Token,resp:f};try{let V=await Lt.post(`${$e}api/v1/gateway/update/token/${Y}`,ue);if((V==null?void 0:V.status)==200){let le={Token:(I=(d=V==null?void 0:V.data)==null?void 0:d.data)==null?void 0:I.gateway_token,Brand:f.Brand,ExpirationMonth:f.ExpirationMonth,ExpirationYear:f.ExpirationYear,Last4:f.Last4,Bin:f.Bin,CVV:f.CVV,postalCode:r==null?void 0:r.zipCode},ne;A?nt(le):De(le)}}catch(V){console.log(V,"error"),ce(),T(((H=(Q=V==null?void 0:V.response)==null?void 0:Q.data)==null?void 0:H.message)||"Something went wrong!")}}},zt=()=>je(!0),ot=f=>{O(f)},Ge=()=>{var I,Q,H,ue,V,le,ne,W;let f={},d=c;return(I=d==null?void 0:d.name)!=null&&I.trim()||(f.name="Name is required"),(Q=d==null?void 0:d.accountNumber)!=null&&Q.trim()||(f.accountNumber="Account number is required"),(H=d==null?void 0:d.accountNumber)!=null&&H.trim()&&((ue=d==null?void 0:d.accountNumber)==null?void 0:ue.trim())!==((V=d==null?void 0:d.confirmAccountNumber)==null?void 0:V.trim())&&(f.confirmAccountNumber="Account numbers must match"),(le=d==null?void 0:d.bankName)!=null&&le.trim()||(f.bankName="Bank name is required"),(ne=d==null?void 0:d.routingNumber)!=null&&ne.trim()||(f.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((W=d==null?void 0:d.routingNumber)==null?void 0:W.length)!==9&&(f.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(f.companyName="Company Name is required for business accounts"),Fe(f),Object.keys(f).length>0},Le=async()=>{var f,d,I,Q,H,ue,V,le,ne,W,G,Re,ze,be,D,Nt,we,Ht;try{let p={method:"POST",redirect:"follow"},n=await Lt.post(`${$e}api/v1/widget/generate-session`,p),j=Number(r==null?void 0:r.expiryYear)%100,Z=`${(f=r==null?void 0:r.cardNumber)==null?void 0:f.replace(/\s+/g,"")}=${j}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Ne=forge.pki.publicKeyFromPem((I=(d=n==null?void 0:n.data)==null?void 0:d.data)==null?void 0:I.publicKeyPem).encrypt(Z,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(Ne),Te={"Content-Type":"application/json","x-app-session-key":(H=(Q=n.data)==null?void 0:Q.data)==null?void 0:H.session_key},Ee=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(V=(ue=n==null?void 0:n.data)==null?void 0:ue.data)==null?void 0:V.session_key}),et=await Lt.post(`${$t}tokenizer/tokenize`,Ee,{headers:Te});if((et==null?void 0:et.status)==200){let ke=(ne=(le=et==null?void 0:et.data)==null?void 0:le.data)==null?void 0:ne.token;try{let Ke=await Lt.post(`${$e}api/v1/gateway/verify-and-save/${Y}`,{token:ke});if((Ke==null?void 0:Ke.status)==200){let dt=(W=Ke==null?void 0:Ke.data)==null?void 0:W.data,kt={Token:dt.gateway_token,Brand:dt.card_data.brand,ExpirationMonth:dt.card_data.expire_mm,ExpirationYear:dt.card_data.expire_yy,Last4:dt.card_data.last4,Bin:dt.card_data.bin,postalCode:r==null?void 0:r.zipCode},xt;if(We&&K)try{let Ie={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:dt.gateway_token};xt=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,Ie),(G=xt==null?void 0:xt.data)!=null&&G.result&&console.log((Re=xt==null?void 0:xt.data)==null?void 0:Re.data,"add")}catch(Ie){console.log(Ie,"error"),ce(),T(((be=(ze=Ie==null?void 0:Ie.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!")}A?nt(kt):De(kt)}}catch(Ke){console.log(Ke,"error"),T(((Nt=(D=Ke==null?void 0:Ke.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!"),ce()}}}catch(p){ce(),console.log(p,"error"),T(((Ht=(we=p==null?void 0:p.response)==null?void 0:we.data)==null?void 0:Ht.message)||"Something went wrong!")}},at=()=>{var H,ue,V,le,ne,W;let f={},d=r,I=parseInt((d==null?void 0:d.expiryMonth)||"",10),Q=(d==null?void 0:d.expiryYear)||"";if((H=d==null?void 0:d.cardName)!=null&&H.trim()||(f.cardName="Card name is required"),(ue=d==null?void 0:d.cardNumber)!=null&&ue.trim()||(f.cardNumber="Card number is required"),(!((V=d==null?void 0:d.expiryMonth)!=null&&V.trim())||!((le=d==null?void 0:d.expiryYear)!=null&&le.trim())||isNaN(I)||I<1||I>12||Q.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ne=d==null?void 0:d.cvv)!=null&&ne.trim()||(f.cvv="CVV is required"),(W=d==null?void 0:d.zipCode)!=null&&W.trim()||(f.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let G=parseInt(d.expiryMonth,10),Re=parseInt(d.expiryYear,10),ze=new Date,be=ze.getMonth()+1,D=ze.getFullYear();(Re<D||Re===D&&G<be)&&(f.expiryMonth="Card is expired")}return ae(f),Object.keys(f).length>0},w=async f=>{var d,I,Q,H,ue,V,le,ne,W,G,Re,ze,be,D,Nt;if(f.preventDefault(),u!=="ach"){if(at())return}else if(Ge())return;try{ut();let we=await Lt.get(`${$e}api/v1/gateway/token/${Y}`);if((we==null?void 0:we.status)==200){let Ht=(I=(d=we==null?void 0:we.data)==null?void 0:d.data)==null?void 0:I.gateway_token,p=(H=(Q=we==null?void 0:we.data)==null?void 0:Q.data)==null?void 0:H.paymentGateway;if(u!=="ach")p==((ue=pn)==null?void 0:ue.FRACTALKEY)?await Le():DatacapWebToken.requestToken(Ht,"PaymentForm",ft);else{let n;try{let j=await Lt.post(`${$e}api/v1/gateway/bank-charge/${Y}`,{label:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(c==null?void 0:c.companyName)||""});if(console.log(j,"pay by bank"),(V=j==null?void 0:j.data)!=null&&V.result){if(Me&&K)try{let E=await Lt.post(`${$e}api/v1/gateway/add-bank/${Y}`,{name:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,customer_id:K||"",company_name:(c==null?void 0:c.companyName)||""});console.log(E,"result"),E.data.result&&(n={bankdetails:(le=E==null?void 0:E.data)==null?void 0:le.data})}catch(E){ce(),T(((W=(ne=E==null?void 0:E.response)==null?void 0:ne.data)==null?void 0:W.message)||"Something went wrong!")}n=P(N({},n),{callback:P(N({},(G=j==null?void 0:j.data)==null?void 0:G.data),{name:c==null?void 0:c.name,isPreAuth:A})}),$(n),U(),ce()}}catch(j){console.log(j,"errororor");let E=(Re=j==null?void 0:j.response)==null?void 0:Re.data;console.log(E,"ererere",Object.values(E==null?void 0:E.message)),typeof(E==null?void 0:E.message)=="object"?Object.values(E==null?void 0:E.message).forEach(Z=>{T(Z||"Something went wrong")}):T((E==null?void 0:E.message)||"Something went wrong"),ce()}}}}catch(we){ce(),$({error:((be=(ze=we==null?void 0:we.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!"}),T(((Nt=(D=we==null?void 0:we.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!")}},z=(f,d)=>{let I=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(I)){(d===""||/^[0-9]+$/.test(d))&&(ae(H=>P(N({},H),{[I]:""})),h(H=>P(N({},H),{[I]:d})));return}ae(H=>P(N({},H),{[I]:""})),h(H=>P(N({},H),{[I]:d}))},te=f=>{let I=f.target.value.replace(/\D/g,""),Q="";/^3[47]/.test(I)?Q=I.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ue,V,le,ne)=>[V,le,ne].filter(Boolean).join(" ")):Q=I.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ue,V,le,ne,W)=>[V,le,ne,W].filter(Boolean).join(" ")),ae(H=>P(N({},H),{cardNumber:""})),h(H=>P(N({},H),{cardNumber:Q}))},pe=f=>{let{name:d,value:I}=f.target,Q=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(I)&&(Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I})));return}if(Q.includes(d)){(I===""||/^[0-9]+$/.test(I))&&(Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I})));return}Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I}))},U=()=>{je(!1),O("card"),T(""),b(!1),R(""),de({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Fe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),h({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ae({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ye(!1),C(!1)};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(At,null),i.createElement(vn,null),i.createElement("button",{className:Ce||"paymentBtn",onClick:zt},S,ee),i.createElement(Pt,{open:wt,onClose:U},Se&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement(Bt,{error:Se,onClose:U})),!Se&&i.createElement(i.Fragment,null,(a||v)&&i.createElement(vt,{loading:a||v}),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:U},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")),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"},"$",(Ae=Number(e))==null?void 0:Ae.toFixed(2))),u!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:g,alt:"",width:33}),i.createElement("img",{src:x,width:33,alt:""}),i.createElement("img",{src:s,alt:"",width:33}),i.createElement("img",{src:M,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:pt,alt:""}),i.createElement("img",{src:Ue,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"},!A&&i.createElement(i.Fragment,null,i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks cardicon-img",onClick:f=>{ot("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"cardicon",src:y}),"Card"),i.createElement("button",{className:"tablinks bankicon-img",onClick:f=>{ot("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"bankicon",src:Tt}),"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"},"$",(se=Number(e))==null?void 0:se.toFixed(2))),u!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:g,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:x,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:s,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:M,width:35,alt:""})))),i.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:w},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:f=>{let d=f.target.value;/^[a-zA-Z\s]*$/.test(d)&&z("cardName",d)}}),(m==null?void 0:m.cardName)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.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:f=>te(f),"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:f=>z("expiryMonth",f.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:f=>z("expiryYear",f.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:f=>z("cvv",f.target.value)})))),(m==null?void 0:m.cardNumber)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.cardNumber),i.createElement("p",{style:{margin:"0"}},m!=null&&m.expiryMonth||m!=null&&m.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},m==null?void 0:m.expiryMonth):"",(m==null?void 0:m.cvv)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.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:(me=r==null?void 0:r.zipCode)!=null?me:"",onChange:f=>z("zipCode",f.target.value)}),(m==null?void 0:m.zipCode)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.zipCode)),K&&i.createElement("div",{className:"form-group-frac"},i.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:We,onChange:f=>C(f.target.checked)}),i.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.createElement("rect",{width:"20",height:"20",fill:"white"}),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("defs",null,i.createElement("clipPath",{id:"clip0_12420_50192"},i.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(Ve=Number(e))==null?void 0:Ve.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:w},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:(Oe=c==null?void 0:c.name)!=null?Oe:"",onChange:pe}),(B==null?void 0:B.name)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(xe=c==null?void 0:c.routingNumber)!=null?xe:"",onChange:pe}),(B==null?void 0:B.routingNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(rt=c==null?void 0:c.accountNumber)!=null?rt:"",onChange:pe}),(B==null?void 0:B.accountNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(st=c==null?void 0:c.confirmAccountNumber)!=null?st:"",onChange:pe}),(B==null?void 0:B.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(mt=c==null?void 0:c.bankName)!=null?mt:"",onChange:pe}),(B==null?void 0:B.bankName)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&i.createElement("div",{className:"form-group 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:(lt=c==null?void 0:c.companyName)!=null?lt:"",onChange:pe}),(B==null?void 0:B.companyName)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(ht=c==null?void 0:c.accountType)!=null?ht:"",onChange:pe},i.createElement("option",{value:""},"Select account"),cn.map(f=>i.createElement("option",{key:f.value,value:f.value},f.label)))),K&&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:Me,onChange:f=>ye(f.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Me&&i.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.createElement("p",null,"If checked, I agree for ",i.createElement("b",null,He||"merchant")," to have my permission to charge this credit card 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"},"$",(yt=Number(e))==null?void 0:yt.toFixed(2))))))))))))))};export{xi as AddCard,vi as AddCardSky,di as GetPaymentPage,pi as PreAuthPayment,Dn as RequestPayment,ni as RequestPreAuthPayment,wi as Skypay};
|
|
2591
|
+
`)}import Lt from"axios";var wi=({amount:e,submitBtnText:S="Pay",session_token:Y,customerId:K,callback:$,merchantName:He="merchant",isPreAuth:A,surcharge:Xe="0",submitBtnClass:Ce,submitBtnIcon:ee})=>{var Ae,se,me,Ve,Oe,xe,rt,st,mt,lt,ht,yt;let[u,O]=St("card"),[r,h]=St(),[m,ae]=St({}),[c,de]=St(),[B,Fe]=St({}),[Me,ye]=St(!1),[wt,je]=St(!1),[We,C]=St(!1),[Se,T]=St(""),[F,b]=St(!1),[re,R]=St(""),[a,l]=St(!1),[v,J]=St(!1),x=oe+"widget/mc-img.svg",g=oe+"widget/visa-img.svg",s=oe+"widget/ae-img.svg",M=oe+"widget/discover-img.svg",q=oe+"widget/card.svg",Pe=oe+"widget/Trash.svg",Qe=oe+"widget/bank.svg",pt=oe+"widget/secure-img.png",Ue=oe+"widget/pov-by.png",gt=oe+"widget/pax.svg",y=oe+"widget/cardicon.svg",Tt=oe+"widget/bankicon.svg",ut=()=>l(!0),ce=()=>l(!1),De=async f=>{var d,I,Q,H,ue,V,le,ne;try{let W={pass_fee_amount:Xe,Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},G=await Lt.post(`${$e}api/v1/gateway/charge/${Y}`,W);if(console.log(G,"charge"),(d=G==null?void 0:G.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,be);(I=D==null?void 0:D.data)!=null&&I.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),ce(),T(((ue=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:ue.message)||"Something went wrong!")}let ze={cardDetails:N(N({},Re),f),callback:P(N({},(V=G==null?void 0:G.data)==null?void 0:V.data),{name:r==null?void 0:r.cardName,isPreAuth:A})};We||delete ze.cardDetails,$(ze),ce(),U()}}catch(W){T(((ne=(le=W==null?void 0:W.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),ce()}},nt=async f=>{var d,I,Q,H,ue,V,le,ne;try{let W={Token:f==null?void 0:f.Token,amount:e,postal_code:f==null?void 0:f.postalCode},G=await Lt.post(`${$e}api/v1/gateway/preauth/${Y}`,W);if(console.log(G,"charge"),(d=G==null?void 0:G.data)!=null&&d.result){let Re={};if(We&&K)try{let be={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:f==null?void 0:f.gateway_token},D=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,be);(I=D==null?void 0:D.data)!=null&&I.result&&(D=(Q=D==null?void 0:D.data)==null?void 0:Q.data)}catch(be){console.log(be,"error"),ce(),T(((ue=(H=be==null?void 0:be.response)==null?void 0:H.data)==null?void 0:ue.message)||"Something went wrong!")}let ze={cardDetails:N(N({},Re),f),callback:P(N({},(V=G==null?void 0:G.data)==null?void 0:V.data),{name:r==null?void 0:r.cardName,isPreAuth:A})};We||delete ze.cardDetails,$(ze),ce(),U()}}catch(W){T(((ne=(le=W==null?void 0:W.response)==null?void 0:le.data)==null?void 0:ne.message)||"Something went wrong!"),ce()}},ft=async f=>{var d,I,Q,H;if(f.Error)T(f.Error),ce();else{let ue={token:f.Token,resp:f};try{let V=await Lt.post(`${$e}api/v1/gateway/update/token/${Y}`,ue);if((V==null?void 0:V.status)==200){let le={Token:(I=(d=V==null?void 0:V.data)==null?void 0:d.data)==null?void 0:I.gateway_token,Brand:f.Brand,ExpirationMonth:f.ExpirationMonth,ExpirationYear:f.ExpirationYear,Last4:f.Last4,Bin:f.Bin,CVV:f.CVV,postalCode:r==null?void 0:r.zipCode},ne;A?nt(le):De(le)}}catch(V){console.log(V,"error"),ce(),T(((H=(Q=V==null?void 0:V.response)==null?void 0:Q.data)==null?void 0:H.message)||"Something went wrong!")}}},zt=()=>je(!0),ot=f=>{O(f)},Ge=()=>{var I,Q,H,ue,V,le,ne,W;let f={},d=c;return(I=d==null?void 0:d.name)!=null&&I.trim()||(f.name="Name is required"),(Q=d==null?void 0:d.accountNumber)!=null&&Q.trim()||(f.accountNumber="Account number is required"),(H=d==null?void 0:d.accountNumber)!=null&&H.trim()&&((ue=d==null?void 0:d.accountNumber)==null?void 0:ue.trim())!==((V=d==null?void 0:d.confirmAccountNumber)==null?void 0:V.trim())&&(f.confirmAccountNumber="Account numbers must match"),(le=d==null?void 0:d.bankName)!=null&&le.trim()||(f.bankName="Bank name is required"),(ne=d==null?void 0:d.routingNumber)!=null&&ne.trim()||(f.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((W=d==null?void 0:d.routingNumber)==null?void 0:W.length)!==9&&(f.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(f.companyName="Company Name is required for business accounts"),Fe(f),Object.keys(f).length>0},Le=async()=>{var f,d,I,Q,H,ue,V,le,ne,W,G,Re,ze,be,D,Nt,we,Ht;try{let p={method:"POST",redirect:"follow"},n=await Lt.post(`${$e}api/v1/widget/generate-session`,p),j=Number(r==null?void 0:r.expiryYear)%100,Z=`${(f=r==null?void 0:r.cardNumber)==null?void 0:f.replace(/\s+/g,"")}=${j}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Ne=forge.pki.publicKeyFromPem((I=(d=n==null?void 0:n.data)==null?void 0:d.data)==null?void 0:I.publicKeyPem).encrypt(Z,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(Ne),Te={"Content-Type":"application/json","x-app-session-key":(H=(Q=n.data)==null?void 0:Q.data)==null?void 0:H.session_key},Ee=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(V=(ue=n==null?void 0:n.data)==null?void 0:ue.data)==null?void 0:V.session_key}),et=await Lt.post(`${$t}tokenizer/tokenize`,Ee,{headers:Te});if((et==null?void 0:et.status)==200){let ke=(ne=(le=et==null?void 0:et.data)==null?void 0:le.data)==null?void 0:ne.token;try{let Ke=await Lt.post(`${$e}api/v1/gateway/verify-and-save/${Y}`,{token:ke});if((Ke==null?void 0:Ke.status)==200){let dt=(W=Ke==null?void 0:Ke.data)==null?void 0:W.data,kt={Token:dt.gateway_token,Brand:dt.card_data.brand,ExpirationMonth:dt.card_data.expire_mm,ExpirationYear:dt.card_data.expire_yy,Last4:dt.card_data.last4,Bin:dt.card_data.bin,postalCode:r==null?void 0:r.zipCode},xt;if(We&&K)try{let Ie={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:dt.gateway_token};xt=await Lt.post(`${$e}api/v1/gateway/add-card/${Y}`,Ie),(G=xt==null?void 0:xt.data)!=null&&G.result&&console.log((Re=xt==null?void 0:xt.data)==null?void 0:Re.data,"add")}catch(Ie){console.log(Ie,"error"),ce(),T(((be=(ze=Ie==null?void 0:Ie.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!")}A?nt(kt):De(kt)}}catch(Ke){console.log(Ke,"error"),T(((Nt=(D=Ke==null?void 0:Ke.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!"),ce()}}}catch(p){ce(),console.log(p,"error"),T(((Ht=(we=p==null?void 0:p.response)==null?void 0:we.data)==null?void 0:Ht.message)||"Something went wrong!")}},at=()=>{var H,ue,V,le,ne,W;let f={},d=r,I=parseInt((d==null?void 0:d.expiryMonth)||"",10),Q=(d==null?void 0:d.expiryYear)||"";if((H=d==null?void 0:d.cardName)!=null&&H.trim()||(f.cardName="Card name is required"),(ue=d==null?void 0:d.cardNumber)!=null&&ue.trim()||(f.cardNumber="Card number is required"),(!((V=d==null?void 0:d.expiryMonth)!=null&&V.trim())||!((le=d==null?void 0:d.expiryYear)!=null&&le.trim())||isNaN(I)||I<1||I>12||Q.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ne=d==null?void 0:d.cvv)!=null&&ne.trim()||(f.cvv="CVV is required"),(W=d==null?void 0:d.zipCode)!=null&&W.trim()||(f.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let G=parseInt(d.expiryMonth,10),Re=parseInt(d.expiryYear,10),ze=new Date,be=ze.getMonth()+1,D=ze.getFullYear();(Re<D||Re===D&&G<be)&&(f.expiryMonth="Card is expired")}return ae(f),Object.keys(f).length>0},w=async f=>{var d,I,Q,H,ue,V,le,ne,W,G,Re,ze,be,D,Nt;if(f.preventDefault(),u!=="ach"){if(at())return}else if(Ge())return;try{ut();let we=await Lt.get(`${$e}api/v1/gateway/token/${Y}`);if((we==null?void 0:we.status)==200){let Ht=(I=(d=we==null?void 0:we.data)==null?void 0:d.data)==null?void 0:I.gateway_token,p=(H=(Q=we==null?void 0:we.data)==null?void 0:Q.data)==null?void 0:H.paymentGateway;if(u!=="ach")p==((ue=pn)==null?void 0:ue.FRACTALKEY)?await Le():DatacapWebToken.requestToken(Ht,"PaymentForm",ft);else{let n;try{let j=await Lt.post(`${$e}api/v1/gateway/bank-charge/${Y}`,{label:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(c==null?void 0:c.companyName)||""});if(console.log(j,"pay by bank"),(V=j==null?void 0:j.data)!=null&&V.result){if(Me&&K)try{let E=await Lt.post(`${$e}api/v1/gateway/add-bank/${Y}`,{name:c==null?void 0:c.name,account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,customer_id:K||"",company_name:(c==null?void 0:c.companyName)||""});console.log(E,"result"),E.data.result&&(n={bankdetails:(le=E==null?void 0:E.data)==null?void 0:le.data})}catch(E){ce(),T(((W=(ne=E==null?void 0:E.response)==null?void 0:ne.data)==null?void 0:W.message)||"Something went wrong!")}n=P(N({},n),{callback:P(N({},(G=j==null?void 0:j.data)==null?void 0:G.data),{name:c==null?void 0:c.name,isPreAuth:A})}),$(n),U(),ce()}}catch(j){console.log(j,"errororor");let E=(Re=j==null?void 0:j.response)==null?void 0:Re.data;console.log(E,"ererere",Object.values(E==null?void 0:E.message)),typeof(E==null?void 0:E.message)=="object"?Object.values(E==null?void 0:E.message).forEach(Z=>{T(Z||"Something went wrong")}):T((E==null?void 0:E.message)||"Something went wrong"),ce()}}}}catch(we){ce(),$({error:((be=(ze=we==null?void 0:we.response)==null?void 0:ze.data)==null?void 0:be.message)||"Something went wrong!"}),T(((Nt=(D=we==null?void 0:we.response)==null?void 0:D.data)==null?void 0:Nt.message)||"Something went wrong!")}},z=(f,d)=>{let I=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(I)){(d===""||/^[0-9]+$/.test(d))&&(ae(H=>P(N({},H),{[I]:""})),h(H=>P(N({},H),{[I]:d})));return}ae(H=>P(N({},H),{[I]:""})),h(H=>P(N({},H),{[I]:d}))},te=f=>{let I=f.target.value.replace(/\D/g,""),Q="";/^3[47]/.test(I)?Q=I.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ue,V,le,ne)=>[V,le,ne].filter(Boolean).join(" ")):Q=I.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ue,V,le,ne,W)=>[V,le,ne,W].filter(Boolean).join(" ")),ae(H=>P(N({},H),{cardNumber:""})),h(H=>P(N({},H),{cardNumber:Q}))},pe=f=>{let{name:d,value:I}=f.target,Q=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(I)&&(Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I})));return}if(Q.includes(d)){(I===""||/^[0-9]+$/.test(I))&&(Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I})));return}Fe(H=>P(N({},H),{[d]:""})),de(H=>P(N({},H),{[d]:I}))},U=()=>{je(!1),O("card"),T(""),b(!1),R(""),de({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Fe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),h({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ae({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ye(!1),C(!1)};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(At,null),i.createElement(vn,null),i.createElement("button",{className:Ce||"paymentBtn",onClick:zt},S,ee),i.createElement(Pt,{open:wt,onClose:U},Se&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement(Bt,{error:Se,onClose:U})),!Se&&i.createElement(i.Fragment,null,(a||v)&&i.createElement(vt,{loading:a||v}),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:U},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")),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"},"$",(Ae=Number(e))==null?void 0:Ae.toFixed(2))),u!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:g,alt:"",width:33}),i.createElement("img",{src:x,width:33,alt:""}),i.createElement("img",{src:s,alt:"",width:33}),i.createElement("img",{src:M,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:pt,alt:""}),i.createElement("img",{src:Ue,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"},!A&&i.createElement(i.Fragment,null,i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks cardicon-img",onClick:f=>{ot("card")},style:{border:u==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"cardicon",src:y}),"Card"),i.createElement("button",{className:"tablinks bankicon-img",onClick:f=>{ot("ach")},style:{border:u==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{className:"bankicon",src:Tt}),"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"},"$",(se=Number(e))==null?void 0:se.toFixed(2))),u!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:g,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:x,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:s,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:M,width:35,alt:""})))),i.createElement("div",{id:"ach",style:{display:u==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:w},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:f=>{let d=f.target.value;/^[a-zA-Z\s]*$/.test(d)&&z("cardName",d)}}),(m==null?void 0:m.cardName)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.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:f=>te(f),"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:f=>z("expiryMonth",f.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:f=>z("expiryYear",f.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:f=>z("cvv",f.target.value)})))),(m==null?void 0:m.cardNumber)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.cardNumber),i.createElement("p",{style:{margin:"0"}},m!=null&&m.expiryMonth||m!=null&&m.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},m==null?void 0:m.expiryMonth):"",(m==null?void 0:m.cvv)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.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:(me=r==null?void 0:r.zipCode)!=null?me:"",onChange:f=>z("zipCode",f.target.value)}),(m==null?void 0:m.zipCode)&&i.createElement("span",{className:"error-span"},m==null?void 0:m.zipCode)),K&&i.createElement("div",{className:"form-group-frac"},i.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:We,onChange:f=>C(f.target.checked)}),i.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.createElement("rect",{width:"20",height:"20",fill:"white"}),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("defs",null,i.createElement("clipPath",{id:"clip0_12420_50192"},i.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(Ve=Number(e))==null?void 0:Ve.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:w},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:(Oe=c==null?void 0:c.name)!=null?Oe:"",onChange:pe}),(B==null?void 0:B.name)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(xe=c==null?void 0:c.routingNumber)!=null?xe:"",onChange:pe}),(B==null?void 0:B.routingNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(rt=c==null?void 0:c.accountNumber)!=null?rt:"",onChange:pe}),(B==null?void 0:B.accountNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(st=c==null?void 0:c.confirmAccountNumber)!=null?st:"",onChange:pe}),(B==null?void 0:B.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(mt=c==null?void 0:c.bankName)!=null?mt:"",onChange:pe}),(B==null?void 0:B.bankName)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.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:(lt=c==null?void 0:c.companyName)!=null?lt:"",onChange:pe}),(B==null?void 0:B.companyName)&&i.createElement("span",{className:"error-span"},B==null?void 0:B.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:(ht=c==null?void 0:c.accountType)!=null?ht:"",onChange:pe},i.createElement("option",{value:""},"Select account"),cn.map(f=>i.createElement("option",{key:f.value,value:f.value},f.label)))),K&&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:Me,onChange:f=>ye(f.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Me&&i.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.createElement("p",null,"If checked, I agree for ",i.createElement("b",null,He||"merchant")," to have my permission to charge this credit card 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"},"$",(yt=Number(e))==null?void 0:yt.toFixed(2))))))))))))))};export{xi as AddCard,vi as AddCardSky,di as GetPaymentPage,pi as PreAuthPayment,Dn as RequestPayment,ni as RequestPreAuthPayment,wi as Skypay};
|