@fractalpay/fractalpay-next-dev 0.0.29 → 0.0.30
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
|
@@ -2564,4 +2564,4 @@
|
|
|
2564
2564
|
|
|
2565
2565
|
|
|
2566
2566
|
|
|
2567
|
-
`)}var _t=ge(require("axios"));var On=({amount:e,submitBtnText:N="Pay",session_token:z,customerId:H,callback:A,merchantName:Be="merchant",isPreAuth:$,surcharge:et="0"})=>{var Le,X,Ae,pe,fe,Ve,Ue,be,lt,dt,ft;let[de,te]=(0,i.useState)("card"),[o,V]=(0,i.useState)(),[d,f]=(0,i.useState)({}),[r,ce]=(0,i.useState)(),[w,ue]=(0,i.useState)({}),[we,Oe]=(0,i.useState)(!1),[He,xe]=(0,i.useState)(!1),[nt,je]=(0,i.useState)(!1),[rt,y]=(0,i.useState)(""),[We,K]=(0,i.useState)(!1),[S,v]=(0,i.useState)(""),[oe,Q]=(0,i.useState)(!1),[a,s]=(0,i.useState)(!1),C=le+"widget/mc-img.svg",J=le+"widget/visa-img.svg",k=le+"widget/ae-img.svg",c=le+"widget/discover-img.svg",l=le+"widget/card.svg",M=le+"widget/Trash.svg",q=le+"widget/bank.svg",Fe=le+"widget/secure-img.png",Je=le+"widget/pov-by.png",xt=le+"widget/pax.svg",Xe=le+"widget/cardicon.svg",ct=le+"widget/bankicon.svg",h=()=>Q(!0),Ie=()=>Q(!1),pt=async u=>{var m,E,R,T,j,O,ne,he;try{let W={pass_fee_amount:et,Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await _t.default.post(`${Ye}api/v1/gateway/charge/${z}`,W);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let Ne={};if(nt&&H)try{let G={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:u==null?void 0:u.gateway_token},Z=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,G);(E=Z==null?void 0:Z.data)!=null&&E.result&&(Z=(R=Z==null?void 0:Z.data)==null?void 0:R.data)}catch(G){console.log(G,"error"),Ie(),y(((j=(T=G==null?void 0:G.response)==null?void 0:T.data)==null?void 0:j.message)||"Something went wrong!")}let ee={cardDetails:F(F({},Ne),u),callback:(O=ae==null?void 0:ae.data)==null?void 0:O.data};nt||delete ee.cardDetails,A(ee),Ie(),D()}}catch(W){y(((he=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:he.message)||"Something went wrong!"),Ie()}},at=async u=>{var m,E,R,T,j,O,ne,he;try{let W={Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await _t.default.post(`${Ye}api/v1/gateway/preauth/${z}`,W);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let Ne={};if(nt&&H)try{let G={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:u==null?void 0:u.gateway_token},Z=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,G);(E=Z==null?void 0:Z.data)!=null&&E.result&&(Z=(R=Z==null?void 0:Z.data)==null?void 0:R.data)}catch(G){console.log(G,"error"),Ie(),y(((j=(T=G==null?void 0:G.response)==null?void 0:T.data)==null?void 0:j.message)||"Something went wrong!")}let ee={cardDetails:F(F({},Ne),u),callback:(O=ae==null?void 0:ae.data)==null?void 0:O.data};nt||delete ee.cardDetails,A(ee),Ie(),D()}}catch(W){y(((he=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:he.message)||"Something went wrong!"),Ie()}},it=async u=>{var m,E,R,T;if(u.Error)y(u.Error),Ie();else{let j={token:u.Token,resp:u};try{let O=await _t.default.post(`${Ye}api/v1/gateway/update/token/${z}`,j);if((O==null?void 0:O.status)==200){let ne={Token:(E=(m=O==null?void 0:O.data)==null?void 0:m.data)==null?void 0:E.gateway_token,Brand:u.Brand,ExpirationMonth:u.ExpirationMonth,ExpirationYear:u.ExpirationYear,Last4:u.Last4,Bin:u.Bin,CVV:u.CVV,postalCode:o==null?void 0:o.zipCode},he;$?at(ne):pt(ne)}}catch(O){console.log(O,"error"),Ie(),y(((T=(R=O==null?void 0:O.response)==null?void 0:R.data)==null?void 0:T.message)||"Something went wrong!")}}},st=()=>xe(!0),gt=u=>{te(u)},Ft=()=>{var E,R,T,j,O,ne,he,W,ae;let u={},m=r;if((E=m==null?void 0:m.name)!=null&&E.trim()||(u.name="Name is required"),(R=m==null?void 0:m.accountNumber)!=null&&R.trim()||(u.accountNumber="Account number is required"),(T=m==null?void 0:m.accountNumber)!=null&&T.trim()&&((j=m==null?void 0:m.accountNumber)==null?void 0:j.trim())!==((O=m==null?void 0:m.confirmAccountNumber)==null?void 0:O.trim())&&(u.confirmAccountNumber="Account numbers must match"),(ne=m==null?void 0:m.bankName)!=null&&ne.trim()||(u.bankName="Bank name is required"),(he=m==null?void 0:m.routingNumber)!=null&&he.trim()||(u.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((W=m==null?void 0:m.routingNumber)==null?void 0:W.length)!==9&&(u.routingNumber="Routing number must be 9 digits"),((ae=m==null?void 0:m.routingNumber)==null?void 0:ae.length)==9){let Ne=m==null?void 0:m.routingNumber,ee=[3,7,1],G=0;for(let Z=0;Z<Ne.length;Z++)G+=parseInt(Ne[Z],10)*ee[Z%3];G%10!==0&&(u.routingNumber="Invalid routing number")}return ue(u),Object.keys(u).length>0},ut=async()=>{var u,m,E,R,T,j,O,ne,he,W,ae,Ne,ee,G,Z,bt,Mt,Ke;try{let ke={method:"POST",redirect:"follow"},ie=await _t.default.post(`${Ye}api/v1/widget/generate-session`,ke),g=Number(o==null?void 0:o.expiryYear)%100,Y=`${(u=o==null?void 0:o.cardNumber)==null?void 0:u.replace(/\s+/g,"")}=${g}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,U=forge.pki.publicKeyFromPem((E=(m=ie==null?void 0:ie.data)==null?void 0:m.data)==null?void 0:E.publicKeyPem).encrypt(Y,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(U),me={"Content-Type":"application/json","x-app-session-key":(T=(R=ie.data)==null?void 0:R.data)==null?void 0:T.session_key},Pe=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(O=(j=ie==null?void 0:ie.data)==null?void 0:j.data)==null?void 0:O.session_key}),ve=await _t.default.post(`${qt}tokenizer/tokenize`,Pe,{headers:me});if((ve==null?void 0:ve.status)==200){let Ge=(he=(ne=ve==null?void 0:ve.data)==null?void 0:ne.data)==null?void 0:he.token;try{let _e=await _t.default.post(`${Ye}api/v1/gateway/verify-and-save/${z}`,{token:Ge});if((_e==null?void 0:_e.status)==200){let re=(W=_e==null?void 0:_e.data)==null?void 0:W.data,yt={Token:re.gateway_token,Brand:re.card_data.brand,ExpirationMonth:re.card_data.expire_mm,ExpirationYear:re.card_data.expire_yy,Last4:re.card_data.last4,Bin:re.card_data.bin,postalCode:o==null?void 0:o.zipCode},tt;if(nt&&H)try{let Ee={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:re.gateway_token};tt=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,Ee),(ae=tt==null?void 0:tt.data)!=null&&ae.result&&console.log((Ne=tt==null?void 0:tt.data)==null?void 0:Ne.data,"add")}catch(Ee){console.log(Ee,"error"),Ie(),y(((G=(ee=Ee==null?void 0:Ee.response)==null?void 0:ee.data)==null?void 0:G.message)||"Something went wrong!")}$?at(yt):pt(yt)}}catch(_e){console.log(_e,"error"),y(((bt=(Z=_e==null?void 0:_e.response)==null?void 0:Z.data)==null?void 0:bt.message)||"Something went wrong!"),Ie()}}}catch(ke){Ie(),console.log(ke,"error"),y(((Ke=(Mt=ke==null?void 0:ke.response)==null?void 0:Mt.data)==null?void 0:Ke.message)||"Something went wrong!")}},Qe=()=>{var T,j,O,ne,he,W;let u={},m=o,E=parseInt((m==null?void 0:m.expiryMonth)||"",10),R=(m==null?void 0:m.expiryYear)||"";if((T=m==null?void 0:m.cardName)!=null&&T.trim()||(u.cardName="Card name is required"),(j=m==null?void 0:m.cardNumber)!=null&&j.trim()||(u.cardNumber="Card number is required"),(!((O=m==null?void 0:m.expiryMonth)!=null&&O.trim())||!((ne=m==null?void 0:m.expiryYear)!=null&&ne.trim())||isNaN(E)||E<1||E>12||R.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(he=m==null?void 0:m.cvv)!=null&&he.trim()||(u.cvv="CVV is required"),(W=m==null?void 0:m.zipCode)!=null&&W.trim()||(u.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let ae=parseInt(m.expiryMonth,10),Ne=parseInt(m.expiryYear,10),ee=new Date,G=ee.getMonth()+1,Z=ee.getFullYear();(Ne<Z||Ne===Z&&ae<G)&&(u.expiryMonth="Card is expired")}return f(u),Object.keys(u).length>0},Me=async u=>{var m,E,R,T,j,O,ne,he,W,ae,Ne,ee,G;if(u.preventDefault(),de!=="ach"){if(Qe())return}else if(Ft())return;try{h();let Z=await _t.default.get(`${Ye}api/v1/gateway/token/${z}`);if((Z==null?void 0:Z.status)==200){let bt=(E=(m=Z==null?void 0:Z.data)==null?void 0:m.data)==null?void 0:E.gateway_token,Mt=(T=(R=Z==null?void 0:Z.data)==null?void 0:R.data)==null?void 0:T.paymentGateway;if(de!=="ach")Mt==((j=on)==null?void 0:j.FRACTALKEY)?await ut():DatacapWebToken.requestToken(bt,"PaymentForm",it);else{let Ke;try{let ke=await _t.default.post(`${Ye}api/v1/gateway/bank-charge/${z}`,{label:r==null?void 0:r.name,account_number:r==null?void 0:r.accountNumber,routing_number:r==null?void 0:r.routingNumber,bank_name:r==null?void 0:r.bankName,account_type:r==null?void 0:r.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(ke,"pay by bank"),(O=ke==null?void 0:ke.data)!=null&&O.result){if(we&&H)try{let ie=await _t.default.post(`${Ye}api/v1/gateway/add-bank/${z}`,{name:r==null?void 0:r.name,account_number:r==null?void 0:r.accountNumber,routing_number:r==null?void 0:r.routingNumber,bank_name:r==null?void 0:r.bankName,account_type:r==null?void 0:r.accountType,customer_id:H||""});console.log(ie,"result"),ie.data.result&&(Ke={bankdetails:(ne=ie==null?void 0:ie.data)==null?void 0:ne.data})}catch(ie){Ie(),y(((W=(he=ie==null?void 0:ie.response)==null?void 0:he.data)==null?void 0:W.message)||"Something went wrong!")}Ke=I(F({},Ke),{callback:(ae=ke==null?void 0:ke.data)==null?void 0:ae.data}),A(Ke),D(),Ie()}}catch(ke){console.log(ke,"errororor");let ie=(Ne=ke==null?void 0:ke.response)==null?void 0:Ne.data;console.log(ie,"ererere",Object.values(ie==null?void 0:ie.message)),typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(g=>{y(g||"Something went wrong")}):y((ie==null?void 0:ie.message)||"Something went wrong"),Ie()}}}}catch(Z){Ie(),y(((G=(ee=Z==null?void 0:Z.response)==null?void 0:ee.data)==null?void 0:G.message)||"Something went wrong!")}},De=(u,m)=>{let E=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(E)){(m===""||/^[0-9]+$/.test(m))&&(f(T=>I(F({},T),{[E]:""})),V(T=>I(F({},T),{[E]:m})));return}f(T=>I(F({},T),{[E]:""})),V(T=>I(F({},T),{[E]:m}))},_=u=>{let E=u.target.value.replace(/\D/g,""),R="";/^3[47]/.test(E)?R=E.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(j,O,ne,he)=>[O,ne,he].filter(Boolean).join(" ")):R=E.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(j,O,ne,he,W)=>[O,ne,he,W].filter(Boolean).join(" ")),f(T=>I(F({},T),{cardNumber:""})),V(T=>I(F({},T),{cardNumber:R}))},L=u=>{let{name:m,value:E}=u.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(E)&&(ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E})));return}if(R.includes(m)){(E===""||/^[0-9]+$/.test(E))&&(ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E})));return}ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E}))},D=()=>{xe(!1),te("card"),y(""),K(!1),v(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ue({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),V({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Oe(!1),je(!1)};return i.default.createElement(i.default.Fragment,null,i.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.default.createElement(zt,null),i.default.createElement(fn,null),i.default.createElement("button",{className:"paymentBtn",onClick:st},N),i.default.createElement(Pt,{open:He,onClose:D},rt&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Tt,{error:rt,onClose:D})),!rt&&i.default.createElement(i.default.Fragment,null,(oe||a)&&i.default.createElement(Ct,{loading:oe||a}),i.default.createElement("div",{className:"frac-card-payment-page frac-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:D},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.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"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12425_52336"},i.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.default.createElement("div",{className:"pay-main-logo-res"}),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"}),i.default.createElement("h1",{className:"pay-heading"},"Pay")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e))==null?void 0:Le.toFixed(2))),de!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.default.createElement("img",{src:J,alt:"",width:33}),i.default.createElement("img",{src:C,width:33,alt:""}),i.default.createElement("img",{src:k,alt:"",width:33}),i.default.createElement("img",{src:c,width:33,alt:""})))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:Fe,alt:""}),i.default.createElement("img",{src:Je,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},!$&&i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:u=>{gt("card")},style:{border:de==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.default.createElement("img",{src:Xe,style:{marginRight:"8px",width:"18px",marginTop:"-2px"}}),"Card"),i.default.createElement("button",{className:"tablinks",onClick:u=>{gt("ach")},style:{border:de==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.default.createElement("img",{src:ct,style:{marginRight:"8px",width:"18px",marginTop:"-4px"}}),"Bank"))),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(X=Number(e))==null?void 0:X.toFixed(2))),de!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:J,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:C,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:k,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""})))),i.default.createElement("div",{id:"ach",style:{display:de==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Me},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:u=>{let m=u.target.value;/^[a-zA-Z\s]*$/.test(m)&&De("cardName",m)}}),(d==null?void 0:d.cardName)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cardName)),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:u=>_(u),"data-token":"card_number"}),i.default.createElement("div",{className:"card-crdi card-expiry-new"},i.default.createElement("div",{className:"exp-date-year-container"},i.default.createElement("div",{className:"exp-date form-group-frac"},i.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:(o==null?void 0:o.expiryMonth)||"",onChange:u=>De("expiryMonth",u.target.value)})),i.default.createElement("div",{className:"exp-year form-group-frac"},i.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:(o==null?void 0:o.expiryYear)||"",onChange:u=>De("expiryYear",u.target.value)})),i.default.createElement("div",{className:"security-digit form-group-frac"},i.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:u=>De("cvv",u.target.value)})))),(d==null?void 0:d.cardNumber)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cardNumber),i.default.createElement("p",{style:{margin:"0"}},d!=null&&d.expiryMonth||d!=null&&d.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},d==null?void 0:d.expiryMonth):"",(d==null?void 0:d.cvv)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cvv)))),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Ae=o==null?void 0:o.zipCode)!=null?Ae:"",onChange:u=>De("zipCode",u.target.value)}),(d==null?void 0:d.zipCode)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.zipCode)),H&&i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:nt,onChange:u=>je(u.target.checked)}),i.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}),i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.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"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12420_50192"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(pe=Number(e))==null?void 0:pe.toFixed(2))))),i.default.createElement("div",{id:"ach",style:{display:de==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Me},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(fe=r==null?void 0:r.name)!=null?fe:"",onChange:L}),(w==null?void 0:w.name)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.name)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Ve=r==null?void 0:r.routingNumber)!=null?Ve:"",onChange:L}),(w==null?void 0:w.routingNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.routingNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ue=r==null?void 0:r.accountNumber)!=null?Ue:"",onChange:L}),(w==null?void 0:w.accountNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.accountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(be=r==null?void 0:r.confirmAccountNumber)!=null?be:"",onChange:L}),(w==null?void 0:w.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.confirmAccountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(lt=r==null?void 0:r.bankName)!=null?lt:"",onChange:L}),(w==null?void 0:w.bankName)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.bankName)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(dt=r==null?void 0:r.accountType)!=null?dt:"",onChange:L},i.default.createElement("option",{value:""},"Select account"),i.default.createElement("option",{value:"saving"},"Personal Saving"),i.default.createElement("option",{value:"saving"},"Business Saving"),i.default.createElement("option",{value:"checking"},"Personal Checking"),i.default.createElement("option",{value:"checking"},"Business Checking"))),H&&i.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:we,onChange:u=>Oe(u.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),we&&i.default.createElement("div",{className:"form-group-frac mb-4",style:{fontSize:"12px",color:"#727272"}},i.default.createElement("p",null,"If checked, I agree for ",i.default.createElement("b",null,Be||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),i.default.createElement("div",{className:"form-group-frac "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(ft=Number(e))==null?void 0:ft.toFixed(2))))))))))))))};0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,PreAuthPayment,RequestPayment,RequestPreAuthPayment,Skypay});
|
|
2567
|
+
`)}var _t=ge(require("axios"));var On=({amount:e,submitBtnText:N="Pay",session_token:z,customerId:H,callback:A,merchantName:Be="merchant",isPreAuth:$,surcharge:et="0"})=>{var Le,X,Ae,pe,fe,Ve,Ue,be,lt,dt,ft;let[de,te]=(0,i.useState)("card"),[o,V]=(0,i.useState)(),[d,f]=(0,i.useState)({}),[r,ce]=(0,i.useState)(),[w,ue]=(0,i.useState)({}),[we,Oe]=(0,i.useState)(!1),[He,xe]=(0,i.useState)(!1),[nt,je]=(0,i.useState)(!1),[rt,y]=(0,i.useState)(""),[We,K]=(0,i.useState)(!1),[S,v]=(0,i.useState)(""),[oe,Q]=(0,i.useState)(!1),[a,s]=(0,i.useState)(!1),C=le+"widget/mc-img.svg",J=le+"widget/visa-img.svg",k=le+"widget/ae-img.svg",c=le+"widget/discover-img.svg",l=le+"widget/card.svg",M=le+"widget/Trash.svg",q=le+"widget/bank.svg",Fe=le+"widget/secure-img.png",Je=le+"widget/pov-by.png",xt=le+"widget/pax.svg",Xe=le+"widget/cardicon.svg",ct=le+"widget/bankicon.svg",h=()=>Q(!0),Ie=()=>Q(!1),pt=async u=>{var m,E,R,T,j,O,ne,he;try{let W={pass_fee_amount:et,Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await _t.default.post(`${Ye}api/v1/gateway/charge/${z}`,W);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let Ne={};if(nt&&H)try{let G={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:u==null?void 0:u.gateway_token},Z=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,G);(E=Z==null?void 0:Z.data)!=null&&E.result&&(Z=(R=Z==null?void 0:Z.data)==null?void 0:R.data)}catch(G){console.log(G,"error"),Ie(),y(((j=(T=G==null?void 0:G.response)==null?void 0:T.data)==null?void 0:j.message)||"Something went wrong!")}let ee={cardDetails:F(F({},Ne),u),callback:(O=ae==null?void 0:ae.data)==null?void 0:O.data};nt||delete ee.cardDetails,A(ee),Ie(),D()}}catch(W){y(((he=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:he.message)||"Something went wrong!"),Ie()}},at=async u=>{var m,E,R,T,j,O,ne,he;try{let W={Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await _t.default.post(`${Ye}api/v1/gateway/preauth/${z}`,W);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let Ne={};if(nt&&H)try{let G={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:u==null?void 0:u.gateway_token},Z=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,G);(E=Z==null?void 0:Z.data)!=null&&E.result&&(Z=(R=Z==null?void 0:Z.data)==null?void 0:R.data)}catch(G){console.log(G,"error"),Ie(),y(((j=(T=G==null?void 0:G.response)==null?void 0:T.data)==null?void 0:j.message)||"Something went wrong!")}let ee={cardDetails:F(F({},Ne),u),callback:(O=ae==null?void 0:ae.data)==null?void 0:O.data};nt||delete ee.cardDetails,A(ee),Ie(),D()}}catch(W){y(((he=(ne=W==null?void 0:W.response)==null?void 0:ne.data)==null?void 0:he.message)||"Something went wrong!"),Ie()}},it=async u=>{var m,E,R,T;if(u.Error)y(u.Error),Ie();else{let j={token:u.Token,resp:u};try{let O=await _t.default.post(`${Ye}api/v1/gateway/update/token/${z}`,j);if((O==null?void 0:O.status)==200){let ne={Token:(E=(m=O==null?void 0:O.data)==null?void 0:m.data)==null?void 0:E.gateway_token,Brand:u.Brand,ExpirationMonth:u.ExpirationMonth,ExpirationYear:u.ExpirationYear,Last4:u.Last4,Bin:u.Bin,CVV:u.CVV,postalCode:o==null?void 0:o.zipCode},he;$?at(ne):pt(ne)}}catch(O){console.log(O,"error"),Ie(),y(((T=(R=O==null?void 0:O.response)==null?void 0:R.data)==null?void 0:T.message)||"Something went wrong!")}}},st=()=>xe(!0),gt=u=>{te(u)},Ft=()=>{var E,R,T,j,O,ne,he,W,ae;let u={},m=r;if((E=m==null?void 0:m.name)!=null&&E.trim()||(u.name="Name is required"),(R=m==null?void 0:m.accountNumber)!=null&&R.trim()||(u.accountNumber="Account number is required"),(T=m==null?void 0:m.accountNumber)!=null&&T.trim()&&((j=m==null?void 0:m.accountNumber)==null?void 0:j.trim())!==((O=m==null?void 0:m.confirmAccountNumber)==null?void 0:O.trim())&&(u.confirmAccountNumber="Account numbers must match"),(ne=m==null?void 0:m.bankName)!=null&&ne.trim()||(u.bankName="Bank name is required"),(he=m==null?void 0:m.routingNumber)!=null&&he.trim()||(u.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((W=m==null?void 0:m.routingNumber)==null?void 0:W.length)!==9&&(u.routingNumber="Routing number must be 9 digits"),((ae=m==null?void 0:m.routingNumber)==null?void 0:ae.length)==9){let Ne=m==null?void 0:m.routingNumber,ee=[3,7,1],G=0;for(let Z=0;Z<Ne.length;Z++)G+=parseInt(Ne[Z],10)*ee[Z%3];G%10!==0&&(u.routingNumber="Invalid routing number")}return ue(u),Object.keys(u).length>0},ut=async()=>{var u,m,E,R,T,j,O,ne,he,W,ae,Ne,ee,G,Z,bt,Mt,Ke;try{let ke={method:"POST",redirect:"follow"},ie=await _t.default.post(`${Ye}api/v1/widget/generate-session`,ke),g=Number(o==null?void 0:o.expiryYear)%100,Y=`${(u=o==null?void 0:o.cardNumber)==null?void 0:u.replace(/\s+/g,"")}=${g}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,U=forge.pki.publicKeyFromPem((E=(m=ie==null?void 0:ie.data)==null?void 0:m.data)==null?void 0:E.publicKeyPem).encrypt(Y,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(U),me={"Content-Type":"application/json","x-app-session-key":(T=(R=ie.data)==null?void 0:R.data)==null?void 0:T.session_key},Pe=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(O=(j=ie==null?void 0:ie.data)==null?void 0:j.data)==null?void 0:O.session_key}),ve=await _t.default.post(`${qt}tokenizer/tokenize`,Pe,{headers:me});if((ve==null?void 0:ve.status)==200){let Ge=(he=(ne=ve==null?void 0:ve.data)==null?void 0:ne.data)==null?void 0:he.token;try{let _e=await _t.default.post(`${Ye}api/v1/gateway/verify-and-save/${z}`,{token:Ge});if((_e==null?void 0:_e.status)==200){let re=(W=_e==null?void 0:_e.data)==null?void 0:W.data,yt={Token:re.gateway_token,Brand:re.card_data.brand,ExpirationMonth:re.card_data.expire_mm,ExpirationYear:re.card_data.expire_yy,Last4:re.card_data.last4,Bin:re.card_data.bin,postalCode:o==null?void 0:o.zipCode},tt;if(nt&&H)try{let Ee={postal_code:o==null?void 0:o.zipCode,customer_id:H,gateway_token:re.gateway_token};tt=await _t.default.post(`${Ye}api/v1/gateway/add-card/${z}`,Ee),(ae=tt==null?void 0:tt.data)!=null&&ae.result&&console.log((Ne=tt==null?void 0:tt.data)==null?void 0:Ne.data,"add")}catch(Ee){console.log(Ee,"error"),Ie(),y(((G=(ee=Ee==null?void 0:Ee.response)==null?void 0:ee.data)==null?void 0:G.message)||"Something went wrong!")}$?at(yt):pt(yt)}}catch(_e){console.log(_e,"error"),y(((bt=(Z=_e==null?void 0:_e.response)==null?void 0:Z.data)==null?void 0:bt.message)||"Something went wrong!"),Ie()}}}catch(ke){Ie(),console.log(ke,"error"),y(((Ke=(Mt=ke==null?void 0:ke.response)==null?void 0:Mt.data)==null?void 0:Ke.message)||"Something went wrong!")}},Qe=()=>{var T,j,O,ne,he,W;let u={},m=o,E=parseInt((m==null?void 0:m.expiryMonth)||"",10),R=(m==null?void 0:m.expiryYear)||"";if((T=m==null?void 0:m.cardName)!=null&&T.trim()||(u.cardName="Card name is required"),(j=m==null?void 0:m.cardNumber)!=null&&j.trim()||(u.cardNumber="Card number is required"),(!((O=m==null?void 0:m.expiryMonth)!=null&&O.trim())||!((ne=m==null?void 0:m.expiryYear)!=null&&ne.trim())||isNaN(E)||E<1||E>12||R.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(he=m==null?void 0:m.cvv)!=null&&he.trim()||(u.cvv="CVV is required"),(W=m==null?void 0:m.zipCode)!=null&&W.trim()||(u.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let ae=parseInt(m.expiryMonth,10),Ne=parseInt(m.expiryYear,10),ee=new Date,G=ee.getMonth()+1,Z=ee.getFullYear();(Ne<Z||Ne===Z&&ae<G)&&(u.expiryMonth="Card is expired")}return f(u),Object.keys(u).length>0},Me=async u=>{var m,E,R,T,j,O,ne,he,W,ae,Ne,ee,G;if(u.preventDefault(),de!=="ach"){if(Qe())return}else if(Ft())return;try{h();let Z=await _t.default.get(`${Ye}api/v1/gateway/token/${z}`);if((Z==null?void 0:Z.status)==200){let bt=(E=(m=Z==null?void 0:Z.data)==null?void 0:m.data)==null?void 0:E.gateway_token,Mt=(T=(R=Z==null?void 0:Z.data)==null?void 0:R.data)==null?void 0:T.paymentGateway;if(de!=="ach")Mt==((j=on)==null?void 0:j.FRACTALKEY)?await ut():DatacapWebToken.requestToken(bt,"PaymentForm",it);else{let Ke;try{let ke=await _t.default.post(`${Ye}api/v1/gateway/bank-charge/${z}`,{label:r==null?void 0:r.name,account_number:r==null?void 0:r.accountNumber,routing_number:r==null?void 0:r.routingNumber,bank_name:r==null?void 0:r.bankName,account_type:r==null?void 0:r.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(ke,"pay by bank"),(O=ke==null?void 0:ke.data)!=null&&O.result){if(we&&H)try{let ie=await _t.default.post(`${Ye}api/v1/gateway/add-bank/${z}`,{name:r==null?void 0:r.name,account_number:r==null?void 0:r.accountNumber,routing_number:r==null?void 0:r.routingNumber,bank_name:r==null?void 0:r.bankName,account_type:r==null?void 0:r.accountType,customer_id:H||""});console.log(ie,"result"),ie.data.result&&(Ke={bankdetails:(ne=ie==null?void 0:ie.data)==null?void 0:ne.data})}catch(ie){Ie(),y(((W=(he=ie==null?void 0:ie.response)==null?void 0:he.data)==null?void 0:W.message)||"Something went wrong!")}Ke=I(F({},Ke),{callback:(ae=ke==null?void 0:ke.data)==null?void 0:ae.data}),A(Ke),D(),Ie()}}catch(ke){console.log(ke,"errororor");let ie=(Ne=ke==null?void 0:ke.response)==null?void 0:Ne.data;console.log(ie,"ererere",Object.values(ie==null?void 0:ie.message)),typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(g=>{y(g||"Something went wrong")}):y((ie==null?void 0:ie.message)||"Something went wrong"),Ie()}}}}catch(Z){Ie(),y(((G=(ee=Z==null?void 0:Z.response)==null?void 0:ee.data)==null?void 0:G.message)||"Something went wrong!")}},De=(u,m)=>{let E=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(E)){(m===""||/^[0-9]+$/.test(m))&&(f(T=>I(F({},T),{[E]:""})),V(T=>I(F({},T),{[E]:m})));return}f(T=>I(F({},T),{[E]:""})),V(T=>I(F({},T),{[E]:m}))},_=u=>{let E=u.target.value.replace(/\D/g,""),R="";/^3[47]/.test(E)?R=E.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(j,O,ne,he)=>[O,ne,he].filter(Boolean).join(" ")):R=E.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(j,O,ne,he,W)=>[O,ne,he,W].filter(Boolean).join(" ")),f(T=>I(F({},T),{cardNumber:""})),V(T=>I(F({},T),{cardNumber:R}))},L=u=>{let{name:m,value:E}=u.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(E)&&(ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E})));return}if(R.includes(m)){(E===""||/^[0-9]+$/.test(E))&&(ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E})));return}ue(T=>I(F({},T),{[m]:""})),ce(T=>I(F({},T),{[m]:E}))},D=()=>{xe(!1),te("card"),y(""),K(!1),v(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ue({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),V({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Oe(!1),je(!1)};return i.default.createElement(i.default.Fragment,null,i.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.default.createElement(zt,null),i.default.createElement(fn,null),i.default.createElement("button",{className:"paymentBtn",onClick:st},N),i.default.createElement(Pt,{open:He,onClose:D},rt&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Tt,{error:rt,onClose:D})),!rt&&i.default.createElement(i.default.Fragment,null,(oe||a)&&i.default.createElement(Ct,{loading:oe||a}),i.default.createElement("div",{className:"frac-card-payment-page frac-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:D},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.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"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12425_52336"},i.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.default.createElement("div",{className:"pay-main-logo-res"}),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"}),i.default.createElement("h1",{className:"pay-heading"},"Pay")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e))==null?void 0:Le.toFixed(2))),de!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.default.createElement("img",{src:J,alt:"",width:33}),i.default.createElement("img",{src:C,width:33,alt:""}),i.default.createElement("img",{src:k,alt:"",width:33}),i.default.createElement("img",{src:c,width:33,alt:""})))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:Fe,alt:""}),i.default.createElement("img",{src:Je,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},!$&&i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:u=>{gt("card")},style:{border:de==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.default.createElement("img",{src:Xe,style:{marginRight:"8px",width:"18px",marginTop:"-2px !important"}}),"Card"),i.default.createElement("button",{className:"tablinks",onClick:u=>{gt("ach")},style:{border:de==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.default.createElement("img",{src:ct,style:{marginRight:"8px",width:"18px",marginTop:"-4px !important"}}),"Bank"))),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(X=Number(e))==null?void 0:X.toFixed(2))),de!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:J,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:C,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:k,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""})))),i.default.createElement("div",{id:"ach",style:{display:de==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Me},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:u=>{let m=u.target.value;/^[a-zA-Z\s]*$/.test(m)&&De("cardName",m)}}),(d==null?void 0:d.cardName)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cardName)),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:u=>_(u),"data-token":"card_number"}),i.default.createElement("div",{className:"card-crdi card-expiry-new"},i.default.createElement("div",{className:"exp-date-year-container"},i.default.createElement("div",{className:"exp-date form-group-frac"},i.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:(o==null?void 0:o.expiryMonth)||"",onChange:u=>De("expiryMonth",u.target.value)})),i.default.createElement("div",{className:"exp-year form-group-frac"},i.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:(o==null?void 0:o.expiryYear)||"",onChange:u=>De("expiryYear",u.target.value)})),i.default.createElement("div",{className:"security-digit form-group-frac"},i.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:u=>De("cvv",u.target.value)})))),(d==null?void 0:d.cardNumber)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cardNumber),i.default.createElement("p",{style:{margin:"0"}},d!=null&&d.expiryMonth||d!=null&&d.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},d==null?void 0:d.expiryMonth):"",(d==null?void 0:d.cvv)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.cvv)))),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Ae=o==null?void 0:o.zipCode)!=null?Ae:"",onChange:u=>De("zipCode",u.target.value)}),(d==null?void 0:d.zipCode)&&i.default.createElement("span",{className:"error-span"},d==null?void 0:d.zipCode)),H&&i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:nt,onChange:u=>je(u.target.checked)}),i.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}),i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.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"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12420_50192"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(pe=Number(e))==null?void 0:pe.toFixed(2))))),i.default.createElement("div",{id:"ach",style:{display:de==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Me},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(fe=r==null?void 0:r.name)!=null?fe:"",onChange:L}),(w==null?void 0:w.name)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.name)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Ve=r==null?void 0:r.routingNumber)!=null?Ve:"",onChange:L}),(w==null?void 0:w.routingNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.routingNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ue=r==null?void 0:r.accountNumber)!=null?Ue:"",onChange:L}),(w==null?void 0:w.accountNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.accountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(be=r==null?void 0:r.confirmAccountNumber)!=null?be:"",onChange:L}),(w==null?void 0:w.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.confirmAccountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(lt=r==null?void 0:r.bankName)!=null?lt:"",onChange:L}),(w==null?void 0:w.bankName)&&i.default.createElement("span",{className:"error-span"},w==null?void 0:w.bankName)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(dt=r==null?void 0:r.accountType)!=null?dt:"",onChange:L},i.default.createElement("option",{value:""},"Select account"),i.default.createElement("option",{value:"saving"},"Personal Saving"),i.default.createElement("option",{value:"saving"},"Business Saving"),i.default.createElement("option",{value:"checking"},"Personal Checking"),i.default.createElement("option",{value:"checking"},"Business Checking"))),H&&i.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:we,onChange:u=>Oe(u.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),we&&i.default.createElement("div",{className:"form-group-frac mb-4",style:{fontSize:"12px !important",color:"#727272 !important"}},i.default.createElement("p",null,"If checked, I agree for ",i.default.createElement("b",{style:{color:"#727272 !important"}},Be||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),i.default.createElement("div",{className:"form-group-frac "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(ft=Number(e))==null?void 0:ft.toFixed(2))))))))))))))};0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,PreAuthPayment,RequestPayment,RequestPreAuthPayment,Skypay});
|
package/dist/index.mjs
CHANGED
|
@@ -2564,4 +2564,4 @@ var Yn=Object.defineProperty,$n=Object.defineProperties;var Bn=Object.getOwnProp
|
|
|
2564
2564
|
|
|
2565
2565
|
|
|
2566
2566
|
|
|
2567
|
-
`)}import Mt from"axios";var vi=({amount:e,submitBtnText:F="Pay",session_token:Y,customerId:B,callback:$,merchantName:Be="merchant",isPreAuth:T,surcharge:et="0"})=>{var Le,J,Ae,pe,ue,Ve,Ue,be,dt,mt,ht;let[de,te]=St("card"),[n,j]=St(),[d,f]=St({}),[o,ce]=St(),[v,ge]=St({}),[Ce,Oe]=St(!1),[He,xe]=St(!1),[it,je]=St(!1),[at,y]=St(""),[We,V]=St(!1),[_,x]=St(""),[oe,Q]=St(!1),[a,s]=St(!1),b=le+"widget/mc-img.svg",G=le+"widget/visa-img.svg",C=le+"widget/ae-img.svg",c=le+"widget/discover-img.svg",l=le+"widget/card.svg",S=le+"widget/Trash.svg",I=le+"widget/bank.svg",Fe=le+"widget/secure-img.png",Je=le+"widget/pov-by.png",bt=le+"widget/pax.svg",Xe=le+"widget/cardicon.svg",pt=le+"widget/bankicon.svg",h=()=>Q(!0),Ie=()=>Q(!1),gt=async u=>{var m,K,R,A,H,Z,ne,fe;try{let O={pass_fee_amount:et,Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await Mt.post(`${Ye}api/v1/gateway/charge/${Y}`,O);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let we={};if(it&&B)try{let U={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:u==null?void 0:u.gateway_token},E=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,U);(K=E==null?void 0:E.data)!=null&&K.result&&(E=(R=E==null?void 0:E.data)==null?void 0:R.data)}catch(U){console.log(U,"error"),Ie(),y(((H=(A=U==null?void 0:U.response)==null?void 0:A.data)==null?void 0:H.message)||"Something went wrong!")}let ee={cardDetails:P(P({},we),u),callback:(Z=ae==null?void 0:ae.data)==null?void 0:Z.data};it||delete ee.cardDetails,$(ee),Ie(),D()}}catch(O){y(((fe=(ne=O==null?void 0:O.response)==null?void 0:ne.data)==null?void 0:fe.message)||"Something went wrong!"),Ie()}},st=async u=>{var m,K,R,A,H,Z,ne,fe;try{let O={Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await Mt.post(`${Ye}api/v1/gateway/preauth/${Y}`,O);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let we={};if(it&&B)try{let U={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:u==null?void 0:u.gateway_token},E=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,U);(K=E==null?void 0:E.data)!=null&&K.result&&(E=(R=E==null?void 0:E.data)==null?void 0:R.data)}catch(U){console.log(U,"error"),Ie(),y(((H=(A=U==null?void 0:U.response)==null?void 0:A.data)==null?void 0:H.message)||"Something went wrong!")}let ee={cardDetails:P(P({},we),u),callback:(Z=ae==null?void 0:ae.data)==null?void 0:Z.data};it||delete ee.cardDetails,$(ee),Ie(),D()}}catch(O){y(((fe=(ne=O==null?void 0:O.response)==null?void 0:ne.data)==null?void 0:fe.message)||"Something went wrong!"),Ie()}},ot=async u=>{var m,K,R,A;if(u.Error)y(u.Error),Ie();else{let H={token:u.Token,resp:u};try{let Z=await Mt.post(`${Ye}api/v1/gateway/update/token/${Y}`,H);if((Z==null?void 0:Z.status)==200){let ne={Token:(K=(m=Z==null?void 0:Z.data)==null?void 0:m.data)==null?void 0:K.gateway_token,Brand:u.Brand,ExpirationMonth:u.ExpirationMonth,ExpirationYear:u.ExpirationYear,Last4:u.Last4,Bin:u.Bin,CVV:u.CVV,postalCode:n==null?void 0:n.zipCode},fe;T?st(ne):gt(ne)}}catch(Z){console.log(Z,"error"),Ie(),y(((A=(R=Z==null?void 0:Z.response)==null?void 0:R.data)==null?void 0:A.message)||"Something went wrong!")}}},lt=()=>xe(!0),ut=u=>{te(u)},Lt=()=>{var K,R,A,H,Z,ne,fe,O,ae;let u={},m=o;if((K=m==null?void 0:m.name)!=null&&K.trim()||(u.name="Name is required"),(R=m==null?void 0:m.accountNumber)!=null&&R.trim()||(u.accountNumber="Account number is required"),(A=m==null?void 0:m.accountNumber)!=null&&A.trim()&&((H=m==null?void 0:m.accountNumber)==null?void 0:H.trim())!==((Z=m==null?void 0:m.confirmAccountNumber)==null?void 0:Z.trim())&&(u.confirmAccountNumber="Account numbers must match"),(ne=m==null?void 0:m.bankName)!=null&&ne.trim()||(u.bankName="Bank name is required"),(fe=m==null?void 0:m.routingNumber)!=null&&fe.trim()||(u.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((O=m==null?void 0:m.routingNumber)==null?void 0:O.length)!==9&&(u.routingNumber="Routing number must be 9 digits"),((ae=m==null?void 0:m.routingNumber)==null?void 0:ae.length)==9){let we=m==null?void 0:m.routingNumber,ee=[3,7,1],U=0;for(let E=0;E<we.length;E++)U+=parseInt(we[E],10)*ee[E%3];U%10!==0&&(u.routingNumber="Invalid routing number")}return ge(u),Object.keys(u).length>0},ft=async()=>{var u,m,K,R,A,H,Z,ne,fe,O,ae,we,ee,U,E,vt,zt,Ke;try{let Ne={method:"POST",redirect:"follow"},ie=await Mt.post(`${Ye}api/v1/widget/generate-session`,Ne),g=Number(n==null?void 0:n.expiryYear)%100,q=`${(u=n==null?void 0:n.cardNumber)==null?void 0:u.replace(/\s+/g,"")}=${g}${n==null?void 0:n.expiryMonth} ${n==null?void 0:n.cvv}`,W=forge.pki.publicKeyFromPem((K=(m=ie==null?void 0:ie.data)==null?void 0:m.data)==null?void 0:K.publicKeyPem).encrypt(q,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(W),me={"Content-Type":"application/json","x-app-session-key":(A=(R=ie.data)==null?void 0:R.data)==null?void 0:A.session_key},Pe=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(Z=(H=ie==null?void 0:ie.data)==null?void 0:H.data)==null?void 0:Z.session_key}),ve=await Mt.post(`${Yt}tokenizer/tokenize`,Pe,{headers:me});if((ve==null?void 0:ve.status)==200){let Ge=(fe=(ne=ve==null?void 0:ve.data)==null?void 0:ne.data)==null?void 0:fe.token;try{let ke=await Mt.post(`${Ye}api/v1/gateway/verify-and-save/${Y}`,{token:Ge});if((ke==null?void 0:ke.status)==200){let re=(O=ke==null?void 0:ke.data)==null?void 0:O.data,xt={Token:re.gateway_token,Brand:re.card_data.brand,ExpirationMonth:re.card_data.expire_mm,ExpirationYear:re.card_data.expire_yy,Last4:re.card_data.last4,Bin:re.card_data.bin,postalCode:n==null?void 0:n.zipCode},tt;if(it&&B)try{let Ee={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:re.gateway_token};tt=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,Ee),(ae=tt==null?void 0:tt.data)!=null&&ae.result&&console.log((we=tt==null?void 0:tt.data)==null?void 0:we.data,"add")}catch(Ee){console.log(Ee,"error"),Ie(),y(((U=(ee=Ee==null?void 0:Ee.response)==null?void 0:ee.data)==null?void 0:U.message)||"Something went wrong!")}T?st(xt):gt(xt)}}catch(ke){console.log(ke,"error"),y(((vt=(E=ke==null?void 0:ke.response)==null?void 0:E.data)==null?void 0:vt.message)||"Something went wrong!"),Ie()}}}catch(Ne){Ie(),console.log(Ne,"error"),y(((Ke=(zt=Ne==null?void 0:Ne.response)==null?void 0:zt.data)==null?void 0:Ke.message)||"Something went wrong!")}},Qe=()=>{var A,H,Z,ne,fe,O;let u={},m=n,K=parseInt((m==null?void 0:m.expiryMonth)||"",10),R=(m==null?void 0:m.expiryYear)||"";if((A=m==null?void 0:m.cardName)!=null&&A.trim()||(u.cardName="Card name is required"),(H=m==null?void 0:m.cardNumber)!=null&&H.trim()||(u.cardNumber="Card number is required"),(!((Z=m==null?void 0:m.expiryMonth)!=null&&Z.trim())||!((ne=m==null?void 0:m.expiryYear)!=null&&ne.trim())||isNaN(K)||K<1||K>12||R.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(fe=m==null?void 0:m.cvv)!=null&&fe.trim()||(u.cvv="CVV is required"),(O=m==null?void 0:m.zipCode)!=null&&O.trim()||(u.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let ae=parseInt(m.expiryMonth,10),we=parseInt(m.expiryYear,10),ee=new Date,U=ee.getMonth()+1,E=ee.getFullYear();(we<E||we===E&&ae<U)&&(u.expiryMonth="Card is expired")}return f(u),Object.keys(u).length>0},Me=async u=>{var m,K,R,A,H,Z,ne,fe,O,ae,we,ee,U;if(u.preventDefault(),de!=="ach"){if(Qe())return}else if(Lt())return;try{h();let E=await Mt.get(`${Ye}api/v1/gateway/token/${Y}`);if((E==null?void 0:E.status)==200){let vt=(K=(m=E==null?void 0:E.data)==null?void 0:m.data)==null?void 0:K.gateway_token,zt=(A=(R=E==null?void 0:E.data)==null?void 0:R.data)==null?void 0:A.paymentGateway;if(de!=="ach")zt==((H=mn)==null?void 0:H.FRACTALKEY)?await ft():DatacapWebToken.requestToken(vt,"PaymentForm",ot);else{let Ke;try{let Ne=await Mt.post(`${Ye}api/v1/gateway/bank-charge/${Y}`,{label:o==null?void 0:o.name,account_number:o==null?void 0:o.accountNumber,routing_number:o==null?void 0:o.routingNumber,bank_name:o==null?void 0:o.bankName,account_type:o==null?void 0:o.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(Ne,"pay by bank"),(Z=Ne==null?void 0:Ne.data)!=null&&Z.result){if(Ce&&B)try{let ie=await Mt.post(`${Ye}api/v1/gateway/add-bank/${Y}`,{name:o==null?void 0:o.name,account_number:o==null?void 0:o.accountNumber,routing_number:o==null?void 0:o.routingNumber,bank_name:o==null?void 0:o.bankName,account_type:o==null?void 0:o.accountType,customer_id:B||""});console.log(ie,"result"),ie.data.result&&(Ke={bankdetails:(ne=ie==null?void 0:ie.data)==null?void 0:ne.data})}catch(ie){Ie(),y(((O=(fe=ie==null?void 0:ie.response)==null?void 0:fe.data)==null?void 0:O.message)||"Something went wrong!")}Ke=z(P({},Ke),{callback:(ae=Ne==null?void 0:Ne.data)==null?void 0:ae.data}),$(Ke),D(),Ie()}}catch(Ne){console.log(Ne,"errororor");let ie=(we=Ne==null?void 0:Ne.response)==null?void 0:we.data;console.log(ie,"ererere",Object.values(ie==null?void 0:ie.message)),typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(g=>{y(g||"Something went wrong")}):y((ie==null?void 0:ie.message)||"Something went wrong"),Ie()}}}}catch(E){Ie(),y(((U=(ee=E==null?void 0:E.response)==null?void 0:ee.data)==null?void 0:U.message)||"Something went wrong!")}},De=(u,m)=>{let K=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(K)){(m===""||/^[0-9]+$/.test(m))&&(f(A=>z(P({},A),{[K]:""})),j(A=>z(P({},A),{[K]:m})));return}f(A=>z(P({},A),{[K]:""})),j(A=>z(P({},A),{[K]:m}))},w=u=>{let K=u.target.value.replace(/\D/g,""),R="";/^3[47]/.test(K)?R=K.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(H,Z,ne,fe)=>[Z,ne,fe].filter(Boolean).join(" ")):R=K.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(H,Z,ne,fe,O)=>[Z,ne,fe,O].filter(Boolean).join(" ")),f(A=>z(P({},A),{cardNumber:""})),j(A=>z(P({},A),{cardNumber:R}))},L=u=>{let{name:m,value:K}=u.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(K)&&(ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K})));return}if(R.includes(m)){(K===""||/^[0-9]+$/.test(K))&&(ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K})));return}ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K}))},D=()=>{xe(!1),te("card"),y(""),V(!1),x(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ge({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Oe(!1),je(!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(xn,null),i.createElement("button",{className:"paymentBtn",onClick:lt},F),i.createElement(Ft,{open:He,onClose:D},at&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement($t,{error:at,onClose:D})),!at&&i.createElement(i.Fragment,null,(oe||a)&&i.createElement(wt,{loading:oe||a}),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:D},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"},"$",(Le=Number(e))==null?void 0:Le.toFixed(2))),de!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:G,alt:"",width:33}),i.createElement("img",{src:b,width:33,alt:""}),i.createElement("img",{src:C,alt:"",width:33}),i.createElement("img",{src:c,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:Fe,alt:""}),i.createElement("img",{src:Je,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"},!T&&i.createElement(i.Fragment,null,i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks",onClick:u=>{ut("card")},style:{border:de==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{src:Xe,style:{marginRight:"8px",width:"18px",marginTop:"-2px"}}),"Card"),i.createElement("button",{className:"tablinks",onClick:u=>{ut("ach")},style:{border:de==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{src:pt,style:{marginRight:"8px",width:"18px",marginTop:"-4px"}}),"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"},"$",(J=Number(e))==null?void 0:J.toFixed(2))),de!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:b,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:C,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:c,width:35,alt:""})))),i.createElement("div",{id:"ach",style:{display:de==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Me},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:(n==null?void 0:n.cardName)||"",onChange:u=>{let m=u.target.value;/^[a-zA-Z\s]*$/.test(m)&&De("cardName",m)}}),(d==null?void 0:d.cardName)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.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:(n==null?void 0:n.cardNumber)||"",onChange:u=>w(u),"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:(n==null?void 0:n.expiryMonth)||"",onChange:u=>De("expiryMonth",u.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:(n==null?void 0:n.expiryYear)||"",onChange:u=>De("expiryYear",u.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:(n==null?void 0:n.cvv)||"",onChange:u=>De("cvv",u.target.value)})))),(d==null?void 0:d.cardNumber)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.cardNumber),i.createElement("p",{style:{margin:"0"}},d!=null&&d.expiryMonth||d!=null&&d.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},d==null?void 0:d.expiryMonth):"",(d==null?void 0:d.cvv)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.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:(Ae=n==null?void 0:n.zipCode)!=null?Ae:"",onChange:u=>De("zipCode",u.target.value)}),(d==null?void 0:d.zipCode)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.zipCode)),B&&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:it,onChange:u=>je(u.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"},"$",(pe=Number(e))==null?void 0:pe.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:de==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Me},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:(ue=o==null?void 0:o.name)!=null?ue:"",onChange:L}),(v==null?void 0:v.name)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(Ve=o==null?void 0:o.routingNumber)!=null?Ve:"",onChange:L}),(v==null?void 0:v.routingNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(Ue=o==null?void 0:o.accountNumber)!=null?Ue:"",onChange:L}),(v==null?void 0:v.accountNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(be=o==null?void 0:o.confirmAccountNumber)!=null?be:"",onChange:L}),(v==null?void 0:v.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(dt=o==null?void 0:o.bankName)!=null?dt:"",onChange:L}),(v==null?void 0:v.bankName)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.bankName)),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:(mt=o==null?void 0:o.accountType)!=null?mt:"",onChange:L},i.createElement("option",{value:""},"Select account"),i.createElement("option",{value:"saving"},"Personal Saving"),i.createElement("option",{value:"saving"},"Business Saving"),i.createElement("option",{value:"checking"},"Personal Checking"),i.createElement("option",{value:"checking"},"Business Checking"))),B&&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:Ce,onChange:u=>Oe(u.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ce&&i.createElement("div",{className:"form-group-frac mb-4",style:{fontSize:"12px",color:"#727272"}},i.createElement("p",null,"If checked, I agree for ",i.createElement("b",null,Be||"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"},"$",(ht=Number(e))==null?void 0:ht.toFixed(2))))))))))))))};export{hi as AddCard,xi as AddCardSky,li as GetPaymentPage,mi as PreAuthPayment,Xn as RequestPayment,ei as RequestPreAuthPayment,vi as Skypay};
|
|
2567
|
+
`)}import Mt from"axios";var vi=({amount:e,submitBtnText:F="Pay",session_token:Y,customerId:B,callback:$,merchantName:Be="merchant",isPreAuth:T,surcharge:et="0"})=>{var Le,J,Ae,pe,ue,Ve,Ue,be,dt,mt,ht;let[de,te]=St("card"),[n,j]=St(),[d,f]=St({}),[o,ce]=St(),[v,ge]=St({}),[Ce,Oe]=St(!1),[He,xe]=St(!1),[it,je]=St(!1),[at,y]=St(""),[We,V]=St(!1),[_,x]=St(""),[oe,Q]=St(!1),[a,s]=St(!1),b=le+"widget/mc-img.svg",G=le+"widget/visa-img.svg",C=le+"widget/ae-img.svg",c=le+"widget/discover-img.svg",l=le+"widget/card.svg",S=le+"widget/Trash.svg",I=le+"widget/bank.svg",Fe=le+"widget/secure-img.png",Je=le+"widget/pov-by.png",bt=le+"widget/pax.svg",Xe=le+"widget/cardicon.svg",pt=le+"widget/bankicon.svg",h=()=>Q(!0),Ie=()=>Q(!1),gt=async u=>{var m,K,R,A,H,Z,ne,fe;try{let O={pass_fee_amount:et,Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await Mt.post(`${Ye}api/v1/gateway/charge/${Y}`,O);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let we={};if(it&&B)try{let U={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:u==null?void 0:u.gateway_token},E=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,U);(K=E==null?void 0:E.data)!=null&&K.result&&(E=(R=E==null?void 0:E.data)==null?void 0:R.data)}catch(U){console.log(U,"error"),Ie(),y(((H=(A=U==null?void 0:U.response)==null?void 0:A.data)==null?void 0:H.message)||"Something went wrong!")}let ee={cardDetails:P(P({},we),u),callback:(Z=ae==null?void 0:ae.data)==null?void 0:Z.data};it||delete ee.cardDetails,$(ee),Ie(),D()}}catch(O){y(((fe=(ne=O==null?void 0:O.response)==null?void 0:ne.data)==null?void 0:fe.message)||"Something went wrong!"),Ie()}},st=async u=>{var m,K,R,A,H,Z,ne,fe;try{let O={Token:u==null?void 0:u.Token,amount:e,postal_code:u==null?void 0:u.postalCode},ae=await Mt.post(`${Ye}api/v1/gateway/preauth/${Y}`,O);if(console.log(ae,"charge"),(m=ae==null?void 0:ae.data)!=null&&m.result){let we={};if(it&&B)try{let U={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:u==null?void 0:u.gateway_token},E=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,U);(K=E==null?void 0:E.data)!=null&&K.result&&(E=(R=E==null?void 0:E.data)==null?void 0:R.data)}catch(U){console.log(U,"error"),Ie(),y(((H=(A=U==null?void 0:U.response)==null?void 0:A.data)==null?void 0:H.message)||"Something went wrong!")}let ee={cardDetails:P(P({},we),u),callback:(Z=ae==null?void 0:ae.data)==null?void 0:Z.data};it||delete ee.cardDetails,$(ee),Ie(),D()}}catch(O){y(((fe=(ne=O==null?void 0:O.response)==null?void 0:ne.data)==null?void 0:fe.message)||"Something went wrong!"),Ie()}},ot=async u=>{var m,K,R,A;if(u.Error)y(u.Error),Ie();else{let H={token:u.Token,resp:u};try{let Z=await Mt.post(`${Ye}api/v1/gateway/update/token/${Y}`,H);if((Z==null?void 0:Z.status)==200){let ne={Token:(K=(m=Z==null?void 0:Z.data)==null?void 0:m.data)==null?void 0:K.gateway_token,Brand:u.Brand,ExpirationMonth:u.ExpirationMonth,ExpirationYear:u.ExpirationYear,Last4:u.Last4,Bin:u.Bin,CVV:u.CVV,postalCode:n==null?void 0:n.zipCode},fe;T?st(ne):gt(ne)}}catch(Z){console.log(Z,"error"),Ie(),y(((A=(R=Z==null?void 0:Z.response)==null?void 0:R.data)==null?void 0:A.message)||"Something went wrong!")}}},lt=()=>xe(!0),ut=u=>{te(u)},Lt=()=>{var K,R,A,H,Z,ne,fe,O,ae;let u={},m=o;if((K=m==null?void 0:m.name)!=null&&K.trim()||(u.name="Name is required"),(R=m==null?void 0:m.accountNumber)!=null&&R.trim()||(u.accountNumber="Account number is required"),(A=m==null?void 0:m.accountNumber)!=null&&A.trim()&&((H=m==null?void 0:m.accountNumber)==null?void 0:H.trim())!==((Z=m==null?void 0:m.confirmAccountNumber)==null?void 0:Z.trim())&&(u.confirmAccountNumber="Account numbers must match"),(ne=m==null?void 0:m.bankName)!=null&&ne.trim()||(u.bankName="Bank name is required"),(fe=m==null?void 0:m.routingNumber)!=null&&fe.trim()||(u.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((O=m==null?void 0:m.routingNumber)==null?void 0:O.length)!==9&&(u.routingNumber="Routing number must be 9 digits"),((ae=m==null?void 0:m.routingNumber)==null?void 0:ae.length)==9){let we=m==null?void 0:m.routingNumber,ee=[3,7,1],U=0;for(let E=0;E<we.length;E++)U+=parseInt(we[E],10)*ee[E%3];U%10!==0&&(u.routingNumber="Invalid routing number")}return ge(u),Object.keys(u).length>0},ft=async()=>{var u,m,K,R,A,H,Z,ne,fe,O,ae,we,ee,U,E,vt,zt,Ke;try{let Ne={method:"POST",redirect:"follow"},ie=await Mt.post(`${Ye}api/v1/widget/generate-session`,Ne),g=Number(n==null?void 0:n.expiryYear)%100,q=`${(u=n==null?void 0:n.cardNumber)==null?void 0:u.replace(/\s+/g,"")}=${g}${n==null?void 0:n.expiryMonth} ${n==null?void 0:n.cvv}`,W=forge.pki.publicKeyFromPem((K=(m=ie==null?void 0:ie.data)==null?void 0:m.data)==null?void 0:K.publicKeyPem).encrypt(q,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),qe=forge.util.encode64(W),me={"Content-Type":"application/json","x-app-session-key":(A=(R=ie.data)==null?void 0:R.data)==null?void 0:A.session_key},Pe=JSON.stringify({enc_track2_data:qe,algorithm:"RSAES_OAEP_SHA_1",session_key:(Z=(H=ie==null?void 0:ie.data)==null?void 0:H.data)==null?void 0:Z.session_key}),ve=await Mt.post(`${Yt}tokenizer/tokenize`,Pe,{headers:me});if((ve==null?void 0:ve.status)==200){let Ge=(fe=(ne=ve==null?void 0:ve.data)==null?void 0:ne.data)==null?void 0:fe.token;try{let ke=await Mt.post(`${Ye}api/v1/gateway/verify-and-save/${Y}`,{token:Ge});if((ke==null?void 0:ke.status)==200){let re=(O=ke==null?void 0:ke.data)==null?void 0:O.data,xt={Token:re.gateway_token,Brand:re.card_data.brand,ExpirationMonth:re.card_data.expire_mm,ExpirationYear:re.card_data.expire_yy,Last4:re.card_data.last4,Bin:re.card_data.bin,postalCode:n==null?void 0:n.zipCode},tt;if(it&&B)try{let Ee={postal_code:n==null?void 0:n.zipCode,customer_id:B,gateway_token:re.gateway_token};tt=await Mt.post(`${Ye}api/v1/gateway/add-card/${Y}`,Ee),(ae=tt==null?void 0:tt.data)!=null&&ae.result&&console.log((we=tt==null?void 0:tt.data)==null?void 0:we.data,"add")}catch(Ee){console.log(Ee,"error"),Ie(),y(((U=(ee=Ee==null?void 0:Ee.response)==null?void 0:ee.data)==null?void 0:U.message)||"Something went wrong!")}T?st(xt):gt(xt)}}catch(ke){console.log(ke,"error"),y(((vt=(E=ke==null?void 0:ke.response)==null?void 0:E.data)==null?void 0:vt.message)||"Something went wrong!"),Ie()}}}catch(Ne){Ie(),console.log(Ne,"error"),y(((Ke=(zt=Ne==null?void 0:Ne.response)==null?void 0:zt.data)==null?void 0:Ke.message)||"Something went wrong!")}},Qe=()=>{var A,H,Z,ne,fe,O;let u={},m=n,K=parseInt((m==null?void 0:m.expiryMonth)||"",10),R=(m==null?void 0:m.expiryYear)||"";if((A=m==null?void 0:m.cardName)!=null&&A.trim()||(u.cardName="Card name is required"),(H=m==null?void 0:m.cardNumber)!=null&&H.trim()||(u.cardNumber="Card number is required"),(!((Z=m==null?void 0:m.expiryMonth)!=null&&Z.trim())||!((ne=m==null?void 0:m.expiryYear)!=null&&ne.trim())||isNaN(K)||K<1||K>12||R.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(fe=m==null?void 0:m.cvv)!=null&&fe.trim()||(u.cvv="CVV is required"),(O=m==null?void 0:m.zipCode)!=null&&O.trim()||(u.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let ae=parseInt(m.expiryMonth,10),we=parseInt(m.expiryYear,10),ee=new Date,U=ee.getMonth()+1,E=ee.getFullYear();(we<E||we===E&&ae<U)&&(u.expiryMonth="Card is expired")}return f(u),Object.keys(u).length>0},Me=async u=>{var m,K,R,A,H,Z,ne,fe,O,ae,we,ee,U;if(u.preventDefault(),de!=="ach"){if(Qe())return}else if(Lt())return;try{h();let E=await Mt.get(`${Ye}api/v1/gateway/token/${Y}`);if((E==null?void 0:E.status)==200){let vt=(K=(m=E==null?void 0:E.data)==null?void 0:m.data)==null?void 0:K.gateway_token,zt=(A=(R=E==null?void 0:E.data)==null?void 0:R.data)==null?void 0:A.paymentGateway;if(de!=="ach")zt==((H=mn)==null?void 0:H.FRACTALKEY)?await ft():DatacapWebToken.requestToken(vt,"PaymentForm",ot);else{let Ke;try{let Ne=await Mt.post(`${Ye}api/v1/gateway/bank-charge/${Y}`,{label:o==null?void 0:o.name,account_number:o==null?void 0:o.accountNumber,routing_number:o==null?void 0:o.routingNumber,bank_name:o==null?void 0:o.bankName,account_type:o==null?void 0:o.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(Ne,"pay by bank"),(Z=Ne==null?void 0:Ne.data)!=null&&Z.result){if(Ce&&B)try{let ie=await Mt.post(`${Ye}api/v1/gateway/add-bank/${Y}`,{name:o==null?void 0:o.name,account_number:o==null?void 0:o.accountNumber,routing_number:o==null?void 0:o.routingNumber,bank_name:o==null?void 0:o.bankName,account_type:o==null?void 0:o.accountType,customer_id:B||""});console.log(ie,"result"),ie.data.result&&(Ke={bankdetails:(ne=ie==null?void 0:ie.data)==null?void 0:ne.data})}catch(ie){Ie(),y(((O=(fe=ie==null?void 0:ie.response)==null?void 0:fe.data)==null?void 0:O.message)||"Something went wrong!")}Ke=z(P({},Ke),{callback:(ae=Ne==null?void 0:Ne.data)==null?void 0:ae.data}),$(Ke),D(),Ie()}}catch(Ne){console.log(Ne,"errororor");let ie=(we=Ne==null?void 0:Ne.response)==null?void 0:we.data;console.log(ie,"ererere",Object.values(ie==null?void 0:ie.message)),typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(g=>{y(g||"Something went wrong")}):y((ie==null?void 0:ie.message)||"Something went wrong"),Ie()}}}}catch(E){Ie(),y(((U=(ee=E==null?void 0:E.response)==null?void 0:ee.data)==null?void 0:U.message)||"Something went wrong!")}},De=(u,m)=>{let K=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(K)){(m===""||/^[0-9]+$/.test(m))&&(f(A=>z(P({},A),{[K]:""})),j(A=>z(P({},A),{[K]:m})));return}f(A=>z(P({},A),{[K]:""})),j(A=>z(P({},A),{[K]:m}))},w=u=>{let K=u.target.value.replace(/\D/g,""),R="";/^3[47]/.test(K)?R=K.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(H,Z,ne,fe)=>[Z,ne,fe].filter(Boolean).join(" ")):R=K.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(H,Z,ne,fe,O)=>[Z,ne,fe,O].filter(Boolean).join(" ")),f(A=>z(P({},A),{cardNumber:""})),j(A=>z(P({},A),{cardNumber:R}))},L=u=>{let{name:m,value:K}=u.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(K)&&(ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K})));return}if(R.includes(m)){(K===""||/^[0-9]+$/.test(K))&&(ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K})));return}ge(A=>z(P({},A),{[m]:""})),ce(A=>z(P({},A),{[m]:K}))},D=()=>{xe(!1),te("card"),y(""),V(!1),x(""),ce({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ge({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Oe(!1),je(!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(xn,null),i.createElement("button",{className:"paymentBtn",onClick:lt},F),i.createElement(Ft,{open:He,onClose:D},at&&i.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.createElement($t,{error:at,onClose:D})),!at&&i.createElement(i.Fragment,null,(oe||a)&&i.createElement(wt,{loading:oe||a}),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:D},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"},"$",(Le=Number(e))==null?void 0:Le.toFixed(2))),de!="ach"&&i.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.createElement("img",{src:G,alt:"",width:33}),i.createElement("img",{src:b,width:33,alt:""}),i.createElement("img",{src:C,alt:"",width:33}),i.createElement("img",{src:c,width:33,alt:""})))),i.createElement("div",{className:"pay-conatiner-one-last"},i.createElement("img",{src:Fe,alt:""}),i.createElement("img",{src:Je,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"},!T&&i.createElement(i.Fragment,null,i.createElement("div",{className:"tab"},i.createElement("button",{className:"tablinks",onClick:u=>{ut("card")},style:{border:de==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{src:Xe,style:{marginRight:"8px",width:"18px",marginTop:"-2px !important"}}),"Card"),i.createElement("button",{className:"tablinks",onClick:u=>{ut("ach")},style:{border:de==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},i.createElement("img",{src:pt,style:{marginRight:"8px",width:"18px",marginTop:"-4px !important"}}),"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"},"$",(J=Number(e))==null?void 0:J.toFixed(2))),de!="ach"&&i.createElement("div",null,i.createElement("div",null,i.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:b,width:35,alt:""})),i.createElement("div",null,i.createElement("img",{src:C,alt:"",width:35,style:{paddingRight:"5px"}}),i.createElement("img",{src:c,width:35,alt:""})))),i.createElement("div",{id:"ach",style:{display:de==="card"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Me},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:(n==null?void 0:n.cardName)||"",onChange:u=>{let m=u.target.value;/^[a-zA-Z\s]*$/.test(m)&&De("cardName",m)}}),(d==null?void 0:d.cardName)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.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:(n==null?void 0:n.cardNumber)||"",onChange:u=>w(u),"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:(n==null?void 0:n.expiryMonth)||"",onChange:u=>De("expiryMonth",u.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:(n==null?void 0:n.expiryYear)||"",onChange:u=>De("expiryYear",u.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:(n==null?void 0:n.cvv)||"",onChange:u=>De("cvv",u.target.value)})))),(d==null?void 0:d.cardNumber)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.cardNumber),i.createElement("p",{style:{margin:"0"}},d!=null&&d.expiryMonth||d!=null&&d.expiryYear?i.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},d==null?void 0:d.expiryMonth):"",(d==null?void 0:d.cvv)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.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:(Ae=n==null?void 0:n.zipCode)!=null?Ae:"",onChange:u=>De("zipCode",u.target.value)}),(d==null?void 0:d.zipCode)&&i.createElement("span",{className:"error-span"},d==null?void 0:d.zipCode)),B&&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:it,onChange:u=>je(u.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"},"$",(pe=Number(e))==null?void 0:pe.toFixed(2))))),i.createElement("div",{id:"ach",style:{display:de==="ach"?"block":"none"},className:"tabcontent"},i.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Me},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:(ue=o==null?void 0:o.name)!=null?ue:"",onChange:L}),(v==null?void 0:v.name)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(Ve=o==null?void 0:o.routingNumber)!=null?Ve:"",onChange:L}),(v==null?void 0:v.routingNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(Ue=o==null?void 0:o.accountNumber)!=null?Ue:"",onChange:L}),(v==null?void 0:v.accountNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(be=o==null?void 0:o.confirmAccountNumber)!=null?be:"",onChange:L}),(v==null?void 0:v.confirmAccountNumber)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.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:(dt=o==null?void 0:o.bankName)!=null?dt:"",onChange:L}),(v==null?void 0:v.bankName)&&i.createElement("span",{className:"error-span"},v==null?void 0:v.bankName)),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:(mt=o==null?void 0:o.accountType)!=null?mt:"",onChange:L},i.createElement("option",{value:""},"Select account"),i.createElement("option",{value:"saving"},"Personal Saving"),i.createElement("option",{value:"saving"},"Business Saving"),i.createElement("option",{value:"checking"},"Personal Checking"),i.createElement("option",{value:"checking"},"Business Checking"))),B&&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:Ce,onChange:u=>Oe(u.target.checked)}),i.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ce&&i.createElement("div",{className:"form-group-frac mb-4",style:{fontSize:"12px !important",color:"#727272 !important"}},i.createElement("p",null,"If checked, I agree for ",i.createElement("b",{style:{color:"#727272 !important"}},Be||"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"},"$",(ht=Number(e))==null?void 0:ht.toFixed(2))))))))))))))};export{hi as AddCard,xi as AddCardSky,li as GetPaymentPage,mi as PreAuthPayment,Xn as RequestPayment,ei as RequestPreAuthPayment,vi as Skypay};
|