@fractalpay/fractalpay-next-dev 0.0.4 → 0.0.6

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.
Files changed (3) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.mjs +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1468,7 +1468,7 @@
1468
1468
  padding:10px 17px;
1469
1469
  cursor:pointer;
1470
1470
  }
1471
- `)}var Mn=({onClose:e,error:g})=>Ye.default.createElement(Ye.default.Fragment,null,Ye.default.createElement(Ft,null),Ye.default.createElement("div",{className:"card-error"},Ye.default.createElement("div",{className:"payment-error-container"},Ye.default.createElement("div",{className:"error-icon"},Ye.default.createElement("div",{className:"circle"},Ye.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ye.default.createElement("div",{className:"error-text"},Ye.default.createElement("div",{className:"payment-error-text"},g),Ye.default.createElement("div",{className:"thank-you-text"},"Try again later ")),Ye.default.createElement("div",{className:"error-btn-div"},Ye.default.createElement("button",{onClick:e},"OK")))))),gt=Mn;var Xt=require("socket.io-client");var Fn=(0,Xt.io)(ce,{transports:["websocket"],withCredentials:!1}),$e=Fn;var Lt=e=>{try{let g=JSON.parse(e);return typeof g=="object"&&g!==null}catch(g){return!1}};function Dt(e){var f,h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe;let[g,v]=(0,t.useState)(!1),[T,k]=(0,t.useState)(!1),[Ae,C]=(0,t.useState)(""),[Te,ge]=(0,t.useState)(!1),[a,$]=(0,t.useState)(!1),[u,W]=(0,t.useState)("card"),[m,Le]=(0,t.useState)(!1),[ke,s]=(0,t.useState)(!1),Se=e.fractalpayClientKey,[o,he]=(0,t.useState)(),[M,ve]=(0,t.useState)({}),[I,Pe]=(0,t.useState)(),[x,Ze]=(0,t.useState)({}),[A,N]=(0,t.useState)([]),[p,Z]=(0,t.useState)(),[b,H]=(0,t.useState)(),[le,ye]=(0,t.useState)(""),_e=()=>v(!0),Ce=()=>v(!1),ue=()=>{$(!1),W("card"),C(""),ge(!1),ye(""),Pe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Ze({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ve({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s(!1),Le(!1),Z({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},c=()=>$(!0),y=r=>{W(r)},q=(r,i)=>{let F=r;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(F)){(i===""||/^[0-9]+$/.test(i))&&(ve(_=>z(P({},_),{[F]:""})),he(_=>z(P({},_),{[F]:i})));return}ve(_=>z(P({},_),{[F]:""})),he(_=>z(P({},_),{[F]:i}))},J=r=>{let F=r.target.value.replace(/\D/g,""),S="";/^3[47]/.test(F)?S=F.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ee,re,Y,se)=>[re,Y,se].filter(Boolean).join(" ")):S=F.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ee,re,Y,se,te)=>[re,Y,se,te].filter(Boolean).join(" ")),ve(_=>z(P({},_),{cardNumber:""})),he(_=>z(P({},_),{cardNumber:S}))},xe=r=>{let{name:i,value:F}=r.target,S=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(F)&&(Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F})));return}if(S.includes(i)){(F===""||/^[0-9]+$/.test(F))&&(Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F})));return}Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F}))},nt=()=>{var _,ee,re,Y,se,te;let r={},i=o,F=parseInt((i==null?void 0:i.expiryMonth)||"",10),S=(i==null?void 0:i.expiryYear)||"";if((_=i==null?void 0:i.cardName)!=null&&_.trim()||(r.cardName="Card name is required"),(ee=i==null?void 0:i.cardNumber)!=null&&ee.trim()||(r.cardNumber="Card number is required"),(!((re=i==null?void 0:i.expiryMonth)!=null&&re.trim())||!((Y=i==null?void 0:i.expiryYear)!=null&&Y.trim())||isNaN(F)||F<1||F>12||S.length!==4)&&(r.expiryMonth="Invalid Expiration Date."),(se=i==null?void 0:i.cvv)!=null&&se.trim()||(r.cvv="CVV is required"),(te=i==null?void 0:i.zipCode)!=null&&te.trim()||(r.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let E=parseInt(i.expiryMonth,10),O=parseInt(i.expiryYear,10),Ie=new Date,we=Ie.getMonth()+1,be=Ie.getFullYear();(O<be||O===be&&E<we)&&(r.expiryMonth="Card is expired")}return ve(r),Object.keys(r).length>0},it=()=>{var F,S,_,ee,re,Y,se,te,E;let r={},i=I;if((F=i==null?void 0:i.name)!=null&&F.trim()||(r.name="Name is required"),(S=i==null?void 0:i.accountNumber)!=null&&S.trim()||(r.accountNumber="account number is required"),(_=i==null?void 0:i.accountNumber)!=null&&_.trim()&&((ee=i==null?void 0:i.accountNumber)==null?void 0:ee.trim())!==((re=i==null?void 0:i.confirmAccountNumber)==null?void 0:re.trim())&&(r.confirmAccountNumber="Account numbers must match"),(Y=i==null?void 0:i.bankName)!=null&&Y.trim()||(r.bankName="Bank name is required"),(se=i==null?void 0:i.routingNumber)!=null&&se.trim()||(r.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((te=i==null?void 0:i.routingNumber)==null?void 0:te.length)!==9&&(r.routingNumber="Routing number must be 9 digits"),((E=i==null?void 0:i.routingNumber)==null?void 0:E.length)==9){let O=i==null?void 0:i.routingNumber,Ie=[3,7,1],we=0;for(let be=0;be<O.length;be++)we+=parseInt(O[be],10)*Ie[be%3];we%10!==0&&(r.routingNumber="Invalid routing number")}return Ze(r),Object.keys(r).length>0},Re=async r=>{var i,F,S,_,ee,re,Y,se,te,E,O,Ie,we,be,Ne,me;if(r.preventDefault(),u!=="ach"){if(nt())return;{let De=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),K=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),L=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),pe={};if(De||(pe.cardNumber="Invalid card Number"),K||(pe.expiryMonth="Invalid Expiration Date."),L||(pe.cvv="Invalid CVV"),ve(pe),De&&L&&K){k(!0);try{let He=z(P({},o),{amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax}),Fe=await ut.default.post(`${ce}create-widget-order`,He),Oe=async function(je){if(je.Error)C(je.Error),k(!1);else{let qe=o==null?void 0:o.cardName,Nt=o==null?void 0:o.zipCode;je.name=qe,je.postal_code=Nt,je.isCardSave=`${m}`,je.isCharge=!0,je.posSalesIdEncode=Fe==null?void 0:Fe.data.data.posSalesIdEncode,console.log(je,"resppp"),console.log(Fe==null?void 0:Fe.data.data.posSalesIdEncode,"fkjdashgfuh"),$e.emit("sendMessage",je),$e.on(Fe==null?void 0:Fe.data.data.posSalesIdEncode,We=>{if(console.log(We,"socket data"),Lt(We==null?void 0:We.data)){let Ee=JSON.parse(We.data);console.log("return data : ",Ee),Ee!=null&&Ee.result?(he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),ye(Ee==null?void 0:Ee.transactionId),ge(!0),k(!1)):(k(!1),C((Ee==null?void 0:Ee.message)||"Something went wrong."))}else C("Something went wrong.")})}};if((b==null?void 0:b.paymentGateway)===32){let je={method:"POST",redirect:"follow"};try{let qe=await ut.default.post(`${mt}api/v1/widget/generate-session`,je),Nt=Number(o==null?void 0:o.expiryYear)%100,We=o==null?void 0:o.cardNumber;We=We==null?void 0:We.replace(/\s+/g,"");let Ee=`${We}=${Nt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,rn=forge.pki.publicKeyFromPem((F=(i=qe==null?void 0:qe.data)==null?void 0:i.data)==null?void 0:F.publicKeyPem).encrypt(Ee,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),sn=forge.util.encode64(rn),ln={"Content-Type":"application/json","x-app-session-key":(_=(S=qe.data)==null?void 0:S.data)==null?void 0:_.session_key},dn=JSON.stringify({enc_track2_data:`${sn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(re=(ee=qe==null?void 0:qe.data)==null?void 0:ee.data)==null?void 0:re.session_key}`});try{let Ve=await ut.default.post(`${dt}tokenizer/tokenize`,dn,{headers:ln}),mn=JSON.stringify(z(P({},(Y=Ve==null?void 0:Ve.data)==null?void 0:Y.data),{isSaveCardChecked:m,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),cn=JSON.stringify({pre_sales_id:`${(te=(se=Fe==null?void 0:Fe.data)==null?void 0:se.data)==null?void 0:te.posSalesIdEncode}`,token:`${(E=Ve==null?void 0:Ve.data)==null?void 0:E.data.token}`,json_response:`${mn}`}),gn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:cn,redirect:"follow",isChargeviafractal:!0};$e.emit("sendMessage",gn),$e.on("chargeviafractalgateway",rt=>{var qt;if(console.log(rt,"socket data"),Lt(rt==null?void 0:rt.data)){let Ge=JSON.parse(rt==null?void 0:rt.data);console.log(Ge,"dfuigdasuf"),Ge!=null&&Ge.result?(ye((qt=Ge==null?void 0:Ge.data)==null?void 0:qt.transactionId),ge(!0),k(!1)):(k(!1),C((Ge==null?void 0:Ge.message)||"Something went wrong."))}else C("Something went wrong.")})}catch(Ve){k(!1),C(((Ie=(O=Ve==null?void 0:Ve.response)==null?void 0:O.data)==null?void 0:Ie.message)||(Ve==null?void 0:Ve.message)||"Something went wrong.")}}catch(qe){k(!1),C(((be=(we=qe==null?void 0:qe.response)==null?void 0:we.data)==null?void 0:be.message)||(qe==null?void 0:qe.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Fe==null?void 0:Fe.data.data.dctoken,"PaymentForm",Oe)}catch(He){k(!1),C(((me=(Ne=He==null?void 0:He.response)==null?void 0:Ne.data)==null?void 0:me.message)||(He==null?void 0:He.message)||"Something went wrong.")}}}}else{if(it())return;{k(!0);let De={fractalpayPublicKey:Se,label:(I==null?void 0:I.name)||"John Doe",account_number:I==null?void 0:I.accountNumber,routing_number:I==null?void 0:I.routingNumber,bank_name:I==null?void 0:I.bankName,account_type:I==null?void 0:I.accountType,amount:String(e.amount||0),isSaveAch:ke,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0};$e.emit("sendMessage",De),$e.on("ach-incoming",K=>{var L;console.log(K,"sfhdwhf"),(K==null?void 0:K.status)=="Failed"?typeof(K==null?void 0:K.message)=="object"?Object.values(K==null?void 0:K.message).forEach(pe=>{C(pe||"Something went wrong")}):C((K==null?void 0:K.message)||"Something went wrong"):(ye((L=K==null?void 0:K.data)==null?void 0:L.transaction_id),ge(!0),k(!1))})}}},et=async()=>{var r,i,F,S,_,ee,re,Y,se,te,E,O,Ie,we,be,Ne,me,Xe,De;_e();try{let K={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId},L=await ut.default.post(`${ce}get-payment-details`,K);if(H((r=L==null?void 0:L.data)==null?void 0:r.data),(F=(i=L==null?void 0:L.data)==null?void 0:i.data)!=null&&F.paymentGateway||(ue(),C("Something went wrong.")),(_=(S=L==null?void 0:L.data)==null?void 0:S.data)!=null&&_.card_list&&((Y=(re=(ee=L==null?void 0:L.data)==null?void 0:ee.data)==null?void 0:re.card_list)==null?void 0:Y.length)>0){N((te=(se=L==null?void 0:L.data)==null?void 0:se.data)==null?void 0:te.card_list),W("cardList");let pe=(Ie=(O=(E=L==null?void 0:L.data)==null?void 0:E.data)==null?void 0:O.card_list)==null?void 0:Ie.filter(He=>(He==null?void 0:He.primary_card)==1);(pe!=null&&pe[0]&&((we=pe==null?void 0:pe[0])==null?void 0:we.payment_method_type)==((Ne=(be=L==null?void 0:L.data)==null?void 0:be.data)==null?void 0:Ne.paymentGateway)||((me=pe==null?void 0:pe[0])==null?void 0:me.card_type)==="Bank")&&Z(pe[0])}else W("card");Ce()}catch(K){console.log(K),Ce(),C(((De=(Xe=K==null?void 0:K.response)==null?void 0:Xe.data)==null?void 0:De.message)||(K==null?void 0:K.message)||"Something went wrong")}},at=async()=>{let r=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),F=String(e==null?void 0:e.surcharge),S=String(e==null?void 0:e.tax),_=e==null?void 0:e.fractalpayClientKey,ee=e==null?void 0:e.orderID,re=String(e==null?void 0:e.amount),Y=p==null?void 0:p.id,se=p==null?void 0:p.card_type;if(_&&ee&&re)if(r)if(Y){let E={amount:re,order_id:ee,customer_id:r,card_id:Y,fractalpayPublicKey:_,isCardSave:m,discount:i,surcharge:F,tax:S},te=E,{isCardSave:O}=te,Ie=vt(te,["isCardSave"]),be=ce+(se==="Bank"?"charge-ach":"charge-by-card"),Ne={"Content-Type":"application/json"};k(!0),$e.emit("sendMessage",{url:be,body:se=="Bank"?Ie:E,isChargebycard:!0}),$e.on("charge-by-card",me=>{var Xe;console.log(me,"response"),(me==null?void 0:me.result)==!0||(me==null?void 0:me.status)==!0?(ye((Xe=me.data)==null?void 0:Xe.transaction_id),ge(!0),k(!1)):C((me==null?void 0:me.message)||"Something went wrong.")})}else C("Please Select A Card/ACH");else C("Please Select Customer");else C("Something went wrong.")};(0,t.useEffect)(()=>{a&&Se&&et()},[Se,a]);let ot=async r=>{pt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async i=>{if(i.isConfirmed){k(!0);try{let F={card_id:r,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},S=await ut.default.post(`${ce}delete-customer-card`,F);k(!1),et(),pt.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(F){k(!1),pt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===pt.default.DismissReason.cancel&&pt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})};return t.default.createElement(t.default.Fragment,null,t.default.createElement(st,null),t.default.createElement(yt,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{className:"paymentBtn",onClick:c},"Pay"),t.default.createElement(Qe,{open:a,onClose:ue},Ae&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(gt,{error:Ae,onClose:ue})),Te&&t.default.createElement(xt,{onClose:ue,tranId:le}),!Ae&&!Te&&t.default.createElement(t.default.Fragment,null,(g||T)&&t.default.createElement(Je,{loading:g||T}),t.default.createElement("div",{className:"frac-card-payment-page frac-form"},t.default.createElement("div",{className:"parent-pay-container"},t.default.createElement("span",{className:"request-payment-close-popup",onClick:ue},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.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"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12425_52336"},t.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.default.createElement("div",{className:"pay-main-logo-res"},t.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.default.createElement("div",{className:"pay-container"},t.default.createElement("div",{className:"pay-header pay-conatiner-one"},t.default.createElement("div",{className:"pay-conatiner-one-first"},t.default.createElement("div",{className:"pay-logo-container"},t.default.createElement("div",{className:"pay-main-logo"},t.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.default.createElement("h1",{className:"pay-heading"},"Pay"),(A==null?void 0:A.length)>0&&u!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.default.createElement(St.IoArrowBack,null)," Back")),t.default.createElement("div",{className:"amt-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner"},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(f=Number(e==null?void 0:e.amount))==null?void 0:f.toFixed(2))),u!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),t.default.createElement("div",null)),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!g&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?t.default.createElement("div",null,(A==null?void 0:A.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.default.createElement(St.IoArrowBack,null)," Back"),(b==null?void 0:b.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:r=>{y("card")},style:{border:u==="card"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.default.createElement("button",{className:"tablinks",onClick:r=>{y("ach")},style:{border:u==="ach"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(h=Number(e==null?void 0:e.amount))==null?void 0:h.toFixed(2))),u!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",b==null?void 0:b.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards/ACH"),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(B=Number(e==null?void 0:e.amount))==null?void 0:B.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))),t.default.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},(b==null?void 0:b.card_list)&&((j=b==null?void 0:b.card_list)==null?void 0:j.length)>0&&((V=b==null?void 0:b.card_list)==null?void 0:V.map((r,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{disabled:(b==null?void 0:b.paymentGateway)!=(r==null?void 0:r.payment_method_type)&&(r==null?void 0:r.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:p===r,onChange:F=>Z(r)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",r==null?void 0:r.cardlastfourdigit),(r==null?void 0:r.card_type)!="Bank"&&t.default.createElement("h6",{className:"card-expiry-date"},r==null?void 0:r.expmonth,"/",r==null?void 0:r.expyear)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:(r==null?void 0:r.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>ot(r==null?void 0:r.id)},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Pay With Other Card",t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:at},"$",(D=Number(e==null?void 0:e.amount))==null?void 0:D.toFixed(2)))),t.default.createElement("div",{id:"card",style:{display:u==="card"?"block":"none"},className:"tabcontent"},t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"398px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"456px":(A==null?void 0:A.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:r=>{let i=r.target.value;/^[a-zA-Z\s]*$/.test(i)&&q("cardName",i)}}),(M==null?void 0:M.cardName)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cardName)),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.default.createElement("div",{className:"toggle-num-wrapper"},t.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:r=>J(r),"data-token":"card_number"}),t.default.createElement("div",{className:"card-crdi card-expiry-new"},t.default.createElement("div",{className:"exp-date-year-container"},t.default.createElement("div",{className:"exp-date form-group"},t.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:r=>q("expiryMonth",r.target.value)})),t.default.createElement("div",{className:"exp-year form-group"},t.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:r=>q("expiryYear",r.target.value)})),t.default.createElement("div",{className:"security-digit form-group"},t.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:r=>q("cvv",r.target.value)})))),(M==null?void 0:M.cardNumber)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cardNumber),t.default.createElement("p",{style:{margin:"0"}},M!=null&&M.expiryMonth||M!=null&&M.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},M==null?void 0:M.expiryMonth):"",(M==null?void 0:M.cvv)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cvv)))),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(ie=e==null?void 0:e.orderID)!=null?ie:"",style:{background:"#F6F6F7",color:"#727272"}})),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"zip"},"ZIP"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(de=o==null?void 0:o.zipCode)!=null?de:"",onChange:r=>q("zipCode",r.target.value)}),(M==null?void 0:M.zipCode)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.zipCode)),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group"},t.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:m,onChange:r=>Le(r.target.checked)}),t.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}),t.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.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"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12420_50192"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ae=Number(e==null?void 0:e.amount))==null?void 0:ae.toFixed(2))))),t.default.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},t.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"378px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"436px":(A==null?void 0:A.length)>0?"462px":"520px",maxHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"358px":((A==null?void 0:A.length)>0,"380px")}},t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(G=I==null?void 0:I.name)!=null?G:"",onChange:xe}),(x==null?void 0:x.name)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.name)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Me=I==null?void 0:I.routingNumber)!=null?Me:"",onChange:xe}),(x==null?void 0:x.routingNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.routingNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Q=I==null?void 0:I.accountNumber)!=null?Q:"",onChange:xe}),(x==null?void 0:x.accountNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.accountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(R=I==null?void 0:I.confirmAccountNumber)!=null?R:"",onChange:xe}),(x==null?void 0:x.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.confirmAccountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"bankname"},"Bank name"),t.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Be=I==null?void 0:I.bankName)!=null?Be:"",onChange:xe}),(x==null?void 0:x.bankName)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.bankName)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(ze=I==null?void 0:I.accountType)!=null?ze:"",onChange:xe},t.default.createElement("option",{value:""},"Select account"),t.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),t.default.createElement("option",{value:"Business Saving"},"Business Saving"),t.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),t.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ke,onChange:r=>s(r.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ke&&t.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.default.createElement("p",null,"If checked, I agree for ",t.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.default.createElement("div",{className:"form-group "},t.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(oe=Number(e==null?void 0:e.amount))==null?void 0:oe.toFixed(2)))))))))))))))}var n=X(require("react"));var ft=X(require("axios"));var wt=X(require("sweetalert2")),Pt=require("react-icons/io5");function Rt(e){var q,J,xe,nt,it,Re,et,at,ot;let[g,v]=(0,n.useState)(!1),[T,k]=(0,n.useState)(!1),[Ae,C]=(0,n.useState)(""),[Te,ge]=(0,n.useState)(!1),[a,$]=(0,n.useState)(!1),[u,W]=(0,n.useState)("card"),[m,Le]=(0,n.useState)(!1),ke=e.fractalpayClientKey,[s,Se]=(0,n.useState)(),[o,he]=(0,n.useState)({}),[M,ve]=(0,n.useState)([]),[I,Pe]=(0,n.useState)(),[x,Ze]=(0,n.useState)(),[A,N]=(0,n.useState)(""),p=()=>v(!0),Z=()=>v(!1),b=()=>{$(!1),W("card"),k(!1),C(""),ge(!1),N(""),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},H=()=>$(!0),le=(f,h)=>{let B=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(B)){(h===""||/^[0-9]+$/.test(h))&&(he(V=>z(P({},V),{[B]:""})),Se(V=>z(P({},V),{[B]:h})));return}he(V=>z(P({},V),{[B]:""})),Se(V=>z(P({},V),{[B]:h}))},ye=f=>{let B=f.target.value.replace(/\D/g,""),j="";/^3[47]/.test(B)?j=B.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(D,ie,de,ae)=>[ie,de,ae].filter(Boolean).join(" ")):j=B.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(D,ie,de,ae,G)=>[ie,de,ae,G].filter(Boolean).join(" ")),he(V=>z(P({},V),{cardNumber:""})),Se(V=>z(P({},V),{cardNumber:j}))},_e=()=>{var V,D,ie,de,ae,G;let f={},h=s,B=parseInt((h==null?void 0:h.expiryMonth)||"",10),j=(h==null?void 0:h.expiryYear)||"";if((V=h==null?void 0:h.cardName)!=null&&V.trim()||(f.cardName="Card name is required"),(D=h==null?void 0:h.cardNumber)!=null&&D.trim()||(f.cardNumber="Card number is required"),(!((ie=h==null?void 0:h.expiryMonth)!=null&&ie.trim())||!((de=h==null?void 0:h.expiryYear)!=null&&de.trim())||isNaN(B)||B<1||B>12||j.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ae=h==null?void 0:h.cvv)!=null&&ae.trim()||(f.cvv="CVV is required"),(G=h==null?void 0:h.zipCode)!=null&&G.trim()||(f.zipCode="ZIP code is required"),h!=null&&h.expiryMonth&&(h!=null&&h.expiryYear)&&h.expiryMonth.length<=2&&h.expiryYear.length===4){let Me=parseInt(h.expiryMonth,10),Q=parseInt(h.expiryYear,10),R=new Date,Be=R.getMonth()+1,ze=R.getFullYear();(Q<ze||Q===ze&&Me<Be)&&(f.expiryMonth="Card is expired")}return he(f),Object.keys(f).length>0},Ce=async f=>{var h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe,r,i,F,S;if(f.preventDefault(),u=="card"){if(_e())return;{let ee=DatacapWebToken.validateCardNumber(s==null?void 0:s.cardNumber.replaceAll(" ","")),re=DatacapWebToken.validateExpirationDate(s==null?void 0:s.expiryMonth,s==null?void 0:s.expiryYear),Y=DatacapWebToken.validateCVV(s==null?void 0:s.cvv),se={};if(ee||(se.cardNumber="Invalid card Number"),re||(se.expiryMonth="Invalid Expiration Date."),Y||(se.cvv="Invalid CVV"),he(se),ee&&Y&&re){k(!0);try{let te=async function(E){if(E.Error)C(E.Error),k(!1);else{let O=s==null?void 0:s.cardName,Ie=s==null?void 0:s.zipCode;E.name=O,E.postal_code=Ie,E.fractalpayPublicKey=e==null?void 0:e.fractalpayClientKey,E.amount=e==null?void 0:e.amount,E.order_id=e==null?void 0:e.orderID,E.preAuth_id="",E.isCardSave=m,E.customer_id=e==null?void 0:e.customerId,E.link_token="",E.gateway_id=x==null?void 0:x.paymentGateway,E.discount=e==null?void 0:e.discount,E.tax=e==null?void 0:e.tax,E.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let be={method:"POST",body:JSON.stringify(E),redirect:"follow"};$e.emit("sendMessage",z(P({},be),{isChargePreauth:!0})),$e.on("charge-preauth",Ne=>{var me;console.log(Ne,"datdata"),(Ne==null?void 0:Ne.status)=="Failed"?(k(!1),C((Ne==null?void 0:Ne.message)||"Something went wrong. Please try again later.")):(ge(!0),N((me=Ne==null?void 0:Ne.data)==null?void 0:me.transaction_id),k(!1),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((x==null?void 0:x.paymentGateway)===32){let E={method:"POST",redirect:"follow"};try{let O=await ft.default.post(`${mt}api/v1/widget/generate-session`,E),Ie=Number(s==null?void 0:s.expiryYear)%100,we=s==null?void 0:s.cardNumber;we=we==null?void 0:we.replace(/\s+/g,"");let be=`${we}=${Ie}${s==null?void 0:s.expiryMonth} ${s==null?void 0:s.cvv}`,me=forge.pki.publicKeyFromPem((B=(h=O==null?void 0:O.data)==null?void 0:h.data)==null?void 0:B.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Xe=forge.util.encode64(me),De={"Content-Type":"application/json","x-app-session-key":(V=(j=O.data)==null?void 0:j.data)==null?void 0:V.session_key},K=JSON.stringify({enc_track2_data:`${Xe}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ie=(D=O==null?void 0:O.data)==null?void 0:D.data)==null?void 0:ie.session_key}`});try{let L=await ft.default.post(`${dt}tokenizer/tokenize`,K,{headers:De}),pe=JSON.stringify(z(P({},(de=L==null?void 0:L.data)==null?void 0:de.data),{name:s==null?void 0:s.cardName,postal_code:s==null?void 0:s.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(G=(ae=L==null?void 0:L.data)==null?void 0:ae.data)==null?void 0:G.token}`,fractalpayPublicKey:ke,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:m,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:s==null?void 0:s.expiryYear,ExpirationMonth:s==null?void 0:s.expiryMonth,CVV:s==null?void 0:s.cvv,Last4:(Q=(Me=L==null?void 0:L.data)==null?void 0:Me.data)==null?void 0:Q.last4,Brand:(Be=(R=L==null?void 0:L.data)==null?void 0:R.data)==null?void 0:Be.brand,gateway_id:x==null?void 0:x.paymentGateway})),Fe={method:"POST",headers:{"Content-Type":"application/json"},body:pe,redirect:"follow"};$e.emit("sendMessage",z(P({},Fe),{isFractalPreauth:!0})),$e.on("fractal-charge-preauth",Oe=>{var je;(Oe==null?void 0:Oe.status)=="Failed"?(k(!1),C((Oe==null?void 0:Oe.message)||"Something went wrong , Try again later")):(N((je=Oe==null?void 0:Oe.data)==null?void 0:je.transaction_id),ge(!0),k(!1))})}catch(L){console.log(L),k(!1),C(((oe=(ze=L==null?void 0:L.response)==null?void 0:ze.data)==null?void 0:oe.message)||(L==null?void 0:L.message)||"Something went wrong , Try again later")}}catch(O){k(!1),C(((i=(r=O==null?void 0:O.response)==null?void 0:r.data)==null?void 0:i.message)||(O==null?void 0:O.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(x==null?void 0:x.dctoken,"PaymentForm",te)}catch(te){k(!1),C(((S=(F=te==null?void 0:te.response)==null?void 0:F.data)==null?void 0:S.message)||(te==null?void 0:te.message)||"Something went wrong.")}}}}},ue=async()=>{var f,h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe,r,i;p();try{let F={fractalpayPublicKey:ke,customer_id:e==null?void 0:e.customerId,preauth:!0},S=await ft.default.post(`${ce}get-payment-details`,F);if(Ze((f=S==null?void 0:S.data)==null?void 0:f.data),(B=(h=S==null?void 0:S.data)==null?void 0:h.data)!=null&&B.paymentGateway||(b(),C("Something went wrong.")),(V=(j=S==null?void 0:S.data)==null?void 0:j.data)!=null&&V.card_list&&((de=(ie=(D=S==null?void 0:S.data)==null?void 0:D.data)==null?void 0:ie.card_list)==null?void 0:de.length)>0){ve((G=(ae=S==null?void 0:S.data)==null?void 0:ae.data)==null?void 0:G.card_list),W("cardList");let _=(R=(Q=(Me=S==null?void 0:S.data)==null?void 0:Me.data)==null?void 0:Q.card_list)==null?void 0:R.filter(ee=>(ee==null?void 0:ee.primary_card)==1);_!=null&&_[0]&&((Be=_==null?void 0:_[0])==null?void 0:Be.payment_method_type)==((oe=(ze=S==null?void 0:S.data)==null?void 0:ze.data)==null?void 0:oe.paymentGateway)&&Pe(_[0])}else W("card");Z()}catch(F){console.log(F),Z(),C(((i=(r=F==null?void 0:F.response)==null?void 0:r.data)==null?void 0:i.message)||(F==null?void 0:F.message)||"Something went wrong")}},c=async()=>{var Me,Q,R,Be,ze,oe,r;let f=e==null?void 0:e.customerId,h=e==null?void 0:e.discount,B=e==null?void 0:e.surcharge,j=e==null?void 0:e.tax,V=e==null?void 0:e.fractalpayClientKey,D=e==null?void 0:e.orderID,ie=e==null?void 0:e.amount,de=I==null?void 0:I.id,ae=I==null?void 0:I.card_type;if(V&&D&&ie)if(f)if(de){let i={amount:ie,order_id:D,customer_id:f,card_id:de,fractalpayPublicKey:V,isCardSave:ae!="Bank",discount:h,surcharge:B,tax:j},G=i,{isCardSave:F}=G,S=vt(G,["isCardSave"]),ee=ce+(ae==="Bank"?"charge-ach":"charge-by-card"),re={"Content-Type":"application/json"};k(!0);try{let Y=await ft.default.post(ee,ae=="Bank"?S:i,{headers:re});(Me=Y==null?void 0:Y.data)!=null&&Me.result&&(N((R=(Q=Y==null?void 0:Y.data)==null?void 0:Q.data)==null?void 0:R.transaction_id),ge(!0),k(!1))}catch(Y){k(!1),console.log(Y),C(((ze=(Be=Y==null?void 0:Y.response)==null?void 0:Be.data)==null?void 0:ze.message)||((r=(oe=Y==null?void 0:Y.response)==null?void 0:oe.data)==null?void 0:r.status)||"Something went erong")}}else C("Please Select A Card/ACH");else C("Please Select Customer");else C("Something went wrong.")};(0,n.useEffect)(()=>{a&&ke&&ue()},[ke,a]);let y=async f=>{wt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async h=>{if(h.isConfirmed){k(!0);try{let B={card_id:f,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},j=await ft.default.post(`${ce}delete-customer-card`,B);k(!1),ue(),wt.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(B){k(!1),wt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})};return n.default.createElement(n.default.Fragment,null,n.default.createElement(st,null),n.default.createElement(yt,null),n.default.createElement(n.default.Fragment,null,n.default.createElement("button",{className:"paymentBtn",onClick:H},"Pre Auth Pay"),n.default.createElement(Qe,{open:a,onClose:b},Ae&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(gt,{error:Ae,onClose:b})),Te&&n.default.createElement(xt,{onClose:b,tranId:A}),!Ae&&!Te&&n.default.createElement(n.default.Fragment,null,(g||T)&&n.default.createElement(Je,{loading:g||T}),n.default.createElement("div",null,n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:b},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"},n.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(M==null?void 0:M.length)>0&&u!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(Pt.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(q=Number(e==null?void 0:e.amount))==null?void 0:q.toFixed(2))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),n.default.createElement("div",null)),!g&&n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?n.default.createElement("div",null,(M==null?void 0:M.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(Pt.IoArrowBack,null)," Back"),n.default.createElement("div",{className:""},n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(J=Number(e==null?void 0:e.amount))==null?void 0:J.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))))):n.default.createElement("div",null,n.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",x==null?void 0:x.customer_name),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(xe=Number(e==null?void 0:e.amount))==null?void 0:xe.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))),n.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),n.default.createElement("div",{style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},(x==null?void 0:x.card_list)&&((nt=x==null?void 0:x.card_list)==null?void 0:nt.length)>0&&((it=x==null?void 0:x.card_list)==null?void 0:it.map((f,h)=>n.default.createElement("div",{className:"card-list-single-div",key:h},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(x==null?void 0:x.paymentGateway)!=(f==null?void 0:f.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:I===f,onChange:B=>Pe(f)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",f==null?void 0:f.cardlastfourdigit),n.default.createElement("h6",{className:"card-expiry-date"},f==null?void 0:f.expmonth,"/",f==null?void 0:f.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:(f==null?void 0:f.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>y(f==null?void 0:f.id)},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Authorize With Other Card",n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),n.default.createElement("div",{className:"form-group"},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:c},"$",(Re=Number(e==null?void 0:e.amount))==null?void 0:Re.toFixed(2)))),n.default.createElement("div",{id:"card",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",onSubmit:Ce},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:(M==null?void 0:M.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),n.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(s==null?void 0:s.cardName)||"",onChange:f=>{let h=f.target.value;/^[a-zA-Z\s]*$/.test(h)&&le("cardName",h)}}),(o==null?void 0:o.cardName)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(s==null?void 0:s.cardNumber)||"",onChange:f=>ye(f),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(s==null?void 0:s.expiryMonth)||"",onChange:f=>le("expiryMonth",f.target.value)})),n.default.createElement("div",{className:"exp-year form-group"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(s==null?void 0:s.expiryYear)||"",onChange:f=>le("expiryYear",f.target.value)})),n.default.createElement("div",{className:"security-digit form-group"},n.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(s==null?void 0:s.cvv)||"",onChange:f=>le("cvv",f.target.value)})))),(o==null?void 0:o.cardNumber)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),n.default.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(et=s==null?void 0:s.orderId)!=null?et:"OID123456",onChange:f=>le("orderId",f.target.value),style:{background:"#F6F6F7",color:"#727272"}})),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(at=s==null?void 0:s.zipCode)!=null?at:"",onChange:f=>le("zipCode",f.target.value)}),(o==null?void 0:o.zipCode)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:m,onChange:f=>Le(f.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ot=Number(e==null?void 0:e.amount))==null?void 0:ot.toFixed(2))))))))))))))))}var w=X(require("react"));var an=X(require("sweetalert2")),lt=X(require("axios"));var en=X(require("react"));function zt(){let e="#000",g="#fff",v="#212529",T="#dee2e6";return en.default.createElement("style",null,`
1471
+ `)}var Mn=({onClose:e,error:g})=>Ye.default.createElement(Ye.default.Fragment,null,Ye.default.createElement(Ft,null),Ye.default.createElement("div",{className:"card-error"},Ye.default.createElement("div",{className:"payment-error-container"},Ye.default.createElement("div",{className:"error-icon"},Ye.default.createElement("div",{className:"circle"},Ye.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ye.default.createElement("div",{className:"error-text"},Ye.default.createElement("div",{className:"payment-error-text"},g),Ye.default.createElement("div",{className:"thank-you-text"},"Try again later ")),Ye.default.createElement("div",{className:"error-btn-div"},Ye.default.createElement("button",{onClick:e},"OK")))))),gt=Mn;var Xt=require("socket.io-client");var Fn=(0,Xt.io)(ce,{transports:["websocket"],withCredentials:!1}),$e=Fn;var Lt=e=>{try{let g=JSON.parse(e);return typeof g=="object"&&g!==null}catch(g){return!1}};function Dt(e){var f,h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe;let[g,v]=(0,t.useState)(!1),[T,k]=(0,t.useState)(!1),[Ae,C]=(0,t.useState)(""),[Te,ge]=(0,t.useState)(!1),[a,$]=(0,t.useState)(!1),[u,W]=(0,t.useState)("card"),[m,Le]=(0,t.useState)(!1),[ke,s]=(0,t.useState)(!1),Se=e.fractalpayClientKey,[o,he]=(0,t.useState)(),[M,ve]=(0,t.useState)({}),[I,Pe]=(0,t.useState)(),[x,Ze]=(0,t.useState)({}),[A,N]=(0,t.useState)([]),[p,Z]=(0,t.useState)(),[b,H]=(0,t.useState)(),[le,ye]=(0,t.useState)(""),_e=()=>v(!0),Ce=()=>v(!1),ue=()=>{$(!1),W("card"),C(""),ge(!1),ye(""),Pe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Ze({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ve({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s(!1),Le(!1),Z({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},c=()=>$(!0),y=r=>{W(r)},q=(r,i)=>{let F=r;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(F)){(i===""||/^[0-9]+$/.test(i))&&(ve(_=>z(P({},_),{[F]:""})),he(_=>z(P({},_),{[F]:i})));return}ve(_=>z(P({},_),{[F]:""})),he(_=>z(P({},_),{[F]:i}))},J=r=>{let F=r.target.value.replace(/\D/g,""),S="";/^3[47]/.test(F)?S=F.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ee,re,Y,se)=>[re,Y,se].filter(Boolean).join(" ")):S=F.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ee,re,Y,se,te)=>[re,Y,se,te].filter(Boolean).join(" ")),ve(_=>z(P({},_),{cardNumber:""})),he(_=>z(P({},_),{cardNumber:S}))},xe=r=>{let{name:i,value:F}=r.target,S=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(F)&&(Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F})));return}if(S.includes(i)){(F===""||/^[0-9]+$/.test(F))&&(Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F})));return}Ze(_=>z(P({},_),{[i]:""})),Pe(_=>z(P({},_),{[i]:F}))},nt=()=>{var _,ee,re,Y,se,te;let r={},i=o,F=parseInt((i==null?void 0:i.expiryMonth)||"",10),S=(i==null?void 0:i.expiryYear)||"";if((_=i==null?void 0:i.cardName)!=null&&_.trim()||(r.cardName="Card name is required"),(ee=i==null?void 0:i.cardNumber)!=null&&ee.trim()||(r.cardNumber="Card number is required"),(!((re=i==null?void 0:i.expiryMonth)!=null&&re.trim())||!((Y=i==null?void 0:i.expiryYear)!=null&&Y.trim())||isNaN(F)||F<1||F>12||S.length!==4)&&(r.expiryMonth="Invalid Expiration Date."),(se=i==null?void 0:i.cvv)!=null&&se.trim()||(r.cvv="CVV is required"),(te=i==null?void 0:i.zipCode)!=null&&te.trim()||(r.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let E=parseInt(i.expiryMonth,10),O=parseInt(i.expiryYear,10),Ie=new Date,we=Ie.getMonth()+1,be=Ie.getFullYear();(O<be||O===be&&E<we)&&(r.expiryMonth="Card is expired")}return ve(r),Object.keys(r).length>0},it=()=>{var F,S,_,ee,re,Y,se,te,E;let r={},i=I;if((F=i==null?void 0:i.name)!=null&&F.trim()||(r.name="Name is required"),(S=i==null?void 0:i.accountNumber)!=null&&S.trim()||(r.accountNumber="account number is required"),(_=i==null?void 0:i.accountNumber)!=null&&_.trim()&&((ee=i==null?void 0:i.accountNumber)==null?void 0:ee.trim())!==((re=i==null?void 0:i.confirmAccountNumber)==null?void 0:re.trim())&&(r.confirmAccountNumber="Account numbers must match"),(Y=i==null?void 0:i.bankName)!=null&&Y.trim()||(r.bankName="Bank name is required"),(se=i==null?void 0:i.routingNumber)!=null&&se.trim()||(r.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((te=i==null?void 0:i.routingNumber)==null?void 0:te.length)!==9&&(r.routingNumber="Routing number must be 9 digits"),((E=i==null?void 0:i.routingNumber)==null?void 0:E.length)==9){let O=i==null?void 0:i.routingNumber,Ie=[3,7,1],we=0;for(let be=0;be<O.length;be++)we+=parseInt(O[be],10)*Ie[be%3];we%10!==0&&(r.routingNumber="Invalid routing number")}return Ze(r),Object.keys(r).length>0},Re=async r=>{var i,F,S,_,ee,re,Y,se,te,E,O,Ie,we,be,Ne,me;if(r.preventDefault(),u!=="ach"){if(nt())return;{let De=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),K=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),L=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),pe={};if(De||(pe.cardNumber="Invalid card Number"),K||(pe.expiryMonth="Invalid Expiration Date."),L||(pe.cvv="Invalid CVV"),ve(pe),De&&L&&K){k(!0);try{let He=z(P({},o),{amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax}),Fe=await ut.default.post(`${ce}create-widget-order`,He),Oe=async function(je){if(je.Error)C(je.Error),k(!1);else{let qe=o==null?void 0:o.cardName,Nt=o==null?void 0:o.zipCode;je.name=qe,je.postal_code=Nt,je.isCardSave=`${m}`,je.isCharge=!0,je.posSalesIdEncode=Fe==null?void 0:Fe.data.data.posSalesIdEncode,console.log(je,"resppp"),console.log(Fe==null?void 0:Fe.data.data.posSalesIdEncode,"fkjdashgfuh"),$e.emit("sendMessage",je),$e.on(Fe==null?void 0:Fe.data.data.posSalesIdEncode,We=>{if(console.log(We,"socket data"),Lt(We==null?void 0:We.data)){let Ee=JSON.parse(We.data);console.log("return data : ",Ee),Ee!=null&&Ee.result?(he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),ye(Ee==null?void 0:Ee.transactionId),ge(!0),k(!1)):(k(!1),C((Ee==null?void 0:Ee.message)||"Something went wrong."))}else C("Something went wrong.")})}};if((b==null?void 0:b.paymentGateway)===32){let je={method:"POST",redirect:"follow"};try{let qe=await ut.default.post(`${mt}api/v1/widget/generate-session`,je),Nt=Number(o==null?void 0:o.expiryYear)%100,We=o==null?void 0:o.cardNumber;We=We==null?void 0:We.replace(/\s+/g,"");let Ee=`${We}=${Nt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,rn=forge.pki.publicKeyFromPem((F=(i=qe==null?void 0:qe.data)==null?void 0:i.data)==null?void 0:F.publicKeyPem).encrypt(Ee,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),sn=forge.util.encode64(rn),ln={"Content-Type":"application/json","x-app-session-key":(_=(S=qe.data)==null?void 0:S.data)==null?void 0:_.session_key},dn=JSON.stringify({enc_track2_data:`${sn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(re=(ee=qe==null?void 0:qe.data)==null?void 0:ee.data)==null?void 0:re.session_key}`});try{let Ve=await ut.default.post(`${dt}tokenizer/tokenize`,dn,{headers:ln}),mn=JSON.stringify(z(P({},(Y=Ve==null?void 0:Ve.data)==null?void 0:Y.data),{isSaveCardChecked:m,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),cn=JSON.stringify({pre_sales_id:`${(te=(se=Fe==null?void 0:Fe.data)==null?void 0:se.data)==null?void 0:te.posSalesIdEncode}`,token:`${(E=Ve==null?void 0:Ve.data)==null?void 0:E.data.token}`,json_response:`${mn}`}),gn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:cn,redirect:"follow",isChargeviafractal:!0};$e.emit("sendMessage",gn),$e.on("chargeviafractalgateway",rt=>{var qt;if(console.log(rt,"socket data"),Lt(rt==null?void 0:rt.data)){let Ge=JSON.parse(rt==null?void 0:rt.data);console.log(Ge,"dfuigdasuf"),Ge!=null&&Ge.result?(ye((qt=Ge==null?void 0:Ge.data)==null?void 0:qt.transactionId),ge(!0),k(!1)):(k(!1),C((Ge==null?void 0:Ge.message)||"Something went wrong."))}else C("Something went wrong.")})}catch(Ve){k(!1),C(((Ie=(O=Ve==null?void 0:Ve.response)==null?void 0:O.data)==null?void 0:Ie.message)||(Ve==null?void 0:Ve.message)||"Something went wrong.")}}catch(qe){k(!1),C(((be=(we=qe==null?void 0:qe.response)==null?void 0:we.data)==null?void 0:be.message)||(qe==null?void 0:qe.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Fe==null?void 0:Fe.data.data.dctoken,"PaymentForm",Oe)}catch(He){k(!1),C(((me=(Ne=He==null?void 0:He.response)==null?void 0:Ne.data)==null?void 0:me.message)||(He==null?void 0:He.message)||"Something went wrong.")}}}}else{if(it())return;{k(!0);let De={fractalpayPublicKey:Se,label:(I==null?void 0:I.name)||"John Doe",account_number:I==null?void 0:I.accountNumber,routing_number:I==null?void 0:I.routingNumber,bank_name:I==null?void 0:I.bankName,account_type:I==null?void 0:I.accountType,amount:String(e.amount||0),isSaveAch:ke,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0};$e.emit("sendMessage",De),$e.on("ach-incoming",K=>{var L;console.log(K,"sfhdwhf"),(K==null?void 0:K.status)=="Failed"?typeof(K==null?void 0:K.message)=="object"?Object.values(K==null?void 0:K.message).forEach(pe=>{C(pe||"Something went wrong")}):C((K==null?void 0:K.message)||"Something went wrong"):(ye((L=K==null?void 0:K.data)==null?void 0:L.transaction_id),ge(!0),k(!1))})}}},et=async()=>{var r,i,F,S,_,ee,re,Y,se,te,E,O,Ie,we,be,Ne,me,Xe,De;_e();try{let K={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId},L=await ut.default.post(`${ce}get-payment-details`,K);if(H((r=L==null?void 0:L.data)==null?void 0:r.data),(F=(i=L==null?void 0:L.data)==null?void 0:i.data)!=null&&F.paymentGateway||(ue(),C("Something went wrong.")),(_=(S=L==null?void 0:L.data)==null?void 0:S.data)!=null&&_.card_list&&((Y=(re=(ee=L==null?void 0:L.data)==null?void 0:ee.data)==null?void 0:re.card_list)==null?void 0:Y.length)>0){N((te=(se=L==null?void 0:L.data)==null?void 0:se.data)==null?void 0:te.card_list),W("cardList");let pe=(Ie=(O=(E=L==null?void 0:L.data)==null?void 0:E.data)==null?void 0:O.card_list)==null?void 0:Ie.filter(He=>(He==null?void 0:He.primary_card)==1);(pe!=null&&pe[0]&&((we=pe==null?void 0:pe[0])==null?void 0:we.payment_method_type)==((Ne=(be=L==null?void 0:L.data)==null?void 0:be.data)==null?void 0:Ne.paymentGateway)||((me=pe==null?void 0:pe[0])==null?void 0:me.card_type)==="Bank")&&Z(pe[0])}else W("card");Ce()}catch(K){console.log(K),Ce(),C(((De=(Xe=K==null?void 0:K.response)==null?void 0:Xe.data)==null?void 0:De.message)||(K==null?void 0:K.message)||"Something went wrong")}},at=async()=>{let r=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),F=String(e==null?void 0:e.surcharge),S=String(e==null?void 0:e.tax),_=e==null?void 0:e.fractalpayClientKey,ee=e==null?void 0:e.orderID,re=String(e==null?void 0:e.amount),Y=p==null?void 0:p.id,se=p==null?void 0:p.card_type;if(_&&ee&&re)if(r)if(Y){let E={amount:re,order_id:ee,customer_id:r,card_id:Y,fractalpayPublicKey:_,isCardSave:m,discount:i,surcharge:F,tax:S},te=E,{isCardSave:O}=te,Ie=vt(te,["isCardSave"]),be=ce+(se==="Bank"?"charge-ach":"charge-by-card"),Ne={"Content-Type":"application/json"};k(!0),$e.emit("sendMessage",{url:be,body:se=="Bank"?Ie:E,isChargebycard:!0}),$e.on("charge-by-card",me=>{var Xe;console.log(me,"response"),(me==null?void 0:me.result)==!0||(me==null?void 0:me.status)==!0?(ye((Xe=me.data)==null?void 0:Xe.transaction_id),ge(!0),k(!1)):C((me==null?void 0:me.message)||"Something went wrong.")})}else C("Please Select A Card/ACH");else C("Please Select Customer");else C("Something went wrong.")};(0,t.useEffect)(()=>{a&&Se&&et()},[Se,a]);let ot=async r=>{pt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async i=>{if(i.isConfirmed){k(!0);try{let F={card_id:r,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},S=await ut.default.post(`${ce}delete-customer-card`,F);k(!1),et(),pt.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(F){k(!1),pt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===pt.default.DismissReason.cancel&&pt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})};return t.default.createElement(t.default.Fragment,null,t.default.createElement(st,null),t.default.createElement(yt,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{className:"paymentBtn",onClick:c},"Pay"),t.default.createElement(Qe,{open:a,onClose:ue},Ae&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(gt,{error:Ae,onClose:ue})),Te&&t.default.createElement(xt,{onClose:ue,tranId:le}),!Ae&&!Te&&t.default.createElement(t.default.Fragment,null,(g||T)&&t.default.createElement(Je,{loading:g||T}),t.default.createElement("div",{className:"frac-card-payment-page frac-form"},t.default.createElement("div",{className:"parent-pay-container"},t.default.createElement("span",{className:"request-payment-close-popup",onClick:ue},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.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"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12425_52336"},t.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.default.createElement("div",{className:"pay-main-logo-res"},t.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.default.createElement("div",{className:"pay-container"},t.default.createElement("div",{className:"pay-header pay-conatiner-one"},t.default.createElement("div",{className:"pay-conatiner-one-first"},t.default.createElement("div",{className:"pay-logo-container"},t.default.createElement("div",{className:"pay-main-logo"},t.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.default.createElement("h1",{className:"pay-heading"},"Pay"),(A==null?void 0:A.length)>0&&u!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.default.createElement(St.IoArrowBack,null)," Back")),t.default.createElement("div",{className:"amt-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner"},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(f=Number(e==null?void 0:e.amount))==null?void 0:f.toFixed(2))),u!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),t.default.createElement("div",null)),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!g&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?t.default.createElement("div",null,(A==null?void 0:A.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.default.createElement(St.IoArrowBack,null)," Back"),(b==null?void 0:b.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:r=>{y("card")},style:{border:u==="card"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.default.createElement("button",{className:"tablinks",onClick:r=>{y("ach")},style:{border:u==="ach"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(h=Number(e==null?void 0:e.amount))==null?void 0:h.toFixed(2))),u!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",b==null?void 0:b.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards/ACH"),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(B=Number(e==null?void 0:e.amount))==null?void 0:B.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))),t.default.createElement("div",{id:"ach",style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},(b==null?void 0:b.card_list)&&((j=b==null?void 0:b.card_list)==null?void 0:j.length)>0&&((V=b==null?void 0:b.card_list)==null?void 0:V.map((r,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{disabled:(b==null?void 0:b.paymentGateway)!=(r==null?void 0:r.payment_method_type)&&(r==null?void 0:r.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:p===r,onChange:F=>Z(r)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",r==null?void 0:r.cardlastfourdigit),(r==null?void 0:r.card_type)!="Bank"&&t.default.createElement("h6",{className:"card-expiry-date"},r==null?void 0:r.expmonth,"/",r==null?void 0:r.expyear)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:(r==null?void 0:r.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>ot(r==null?void 0:r.id)},t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Pay With Other Card",t.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:at},"$",(D=Number(e==null?void 0:e.amount))==null?void 0:D.toFixed(2)))),t.default.createElement("div",{id:"card",style:{display:u==="card"?"block":"none"},className:"tabcontent"},t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"398px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"456px":(A==null?void 0:A.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:r=>{let i=r.target.value;/^[a-zA-Z\s]*$/.test(i)&&q("cardName",i)}}),(M==null?void 0:M.cardName)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cardName)),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.default.createElement("div",{className:"toggle-num-wrapper"},t.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:r=>J(r),"data-token":"card_number"}),t.default.createElement("div",{className:"card-crdi card-expiry-new"},t.default.createElement("div",{className:"exp-date-year-container"},t.default.createElement("div",{className:"exp-date form-group"},t.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:r=>q("expiryMonth",r.target.value)})),t.default.createElement("div",{className:"exp-year form-group"},t.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:r=>q("expiryYear",r.target.value)})),t.default.createElement("div",{className:"security-digit form-group"},t.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:r=>q("cvv",r.target.value)})))),(M==null?void 0:M.cardNumber)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cardNumber),t.default.createElement("p",{style:{margin:"0"}},M!=null&&M.expiryMonth||M!=null&&M.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},M==null?void 0:M.expiryMonth):"",(M==null?void 0:M.cvv)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.cvv)))),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(ie=e==null?void 0:e.orderID)!=null?ie:"",style:{background:"#F6F6F7",color:"#727272"}})),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"zip"},"ZIP"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(de=o==null?void 0:o.zipCode)!=null?de:"",onChange:r=>q("zipCode",r.target.value)}),(M==null?void 0:M.zipCode)&&t.default.createElement("span",{className:"error-span"},M==null?void 0:M.zipCode)),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group"},t.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:m,onChange:r=>Le(r.target.checked)}),t.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}),t.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.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"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12420_50192"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ae=Number(e==null?void 0:e.amount))==null?void 0:ae.toFixed(2))))),t.default.createElement("div",{id:"ach",style:{display:u==="ach"?"block":"none"},className:"tabcontent"},t.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"378px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"436px":(A==null?void 0:A.length)>0?"462px":"520px",maxHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"358px":((A==null?void 0:A.length)>0,"380px")}},t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(G=I==null?void 0:I.name)!=null?G:"",onChange:xe}),(x==null?void 0:x.name)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.name)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Me=I==null?void 0:I.routingNumber)!=null?Me:"",onChange:xe}),(x==null?void 0:x.routingNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.routingNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Q=I==null?void 0:I.accountNumber)!=null?Q:"",onChange:xe}),(x==null?void 0:x.accountNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.accountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(R=I==null?void 0:I.confirmAccountNumber)!=null?R:"",onChange:xe}),(x==null?void 0:x.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.confirmAccountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"bankname"},"Bank name"),t.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Be=I==null?void 0:I.bankName)!=null?Be:"",onChange:xe}),(x==null?void 0:x.bankName)&&t.default.createElement("span",{className:"error-span"},x==null?void 0:x.bankName)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(ze=I==null?void 0:I.accountType)!=null?ze:"",onChange:xe},t.default.createElement("option",{value:""},"Select account"),t.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),t.default.createElement("option",{value:"Business Saving"},"Business Saving"),t.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),t.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ke,onChange:r=>s(r.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ke&&t.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.default.createElement("p",null,"If checked, I agree for ",t.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.default.createElement("div",{className:"form-group "},t.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(oe=Number(e==null?void 0:e.amount))==null?void 0:oe.toFixed(2)))))))))))))))}var n=X(require("react"));var ft=X(require("axios"));var wt=X(require("sweetalert2")),Pt=require("react-icons/io5");function Rt(e){var q,J,xe,nt,it,Re,et,at,ot;let[g,v]=(0,n.useState)(!1),[T,k]=(0,n.useState)(!1),[Ae,C]=(0,n.useState)(""),[Te,ge]=(0,n.useState)(!1),[a,$]=(0,n.useState)(!1),[u,W]=(0,n.useState)("card"),[m,Le]=(0,n.useState)(!1),ke=e.fractalpayClientKey,[s,Se]=(0,n.useState)(),[o,he]=(0,n.useState)({}),[M,ve]=(0,n.useState)([]),[I,Pe]=(0,n.useState)(),[x,Ze]=(0,n.useState)(),[A,N]=(0,n.useState)(""),p=()=>v(!0),Z=()=>v(!1),b=()=>{$(!1),W("card"),k(!1),C(""),ge(!1),N(""),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},H=()=>$(!0),le=(f,h)=>{let B=f;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(B)){(h===""||/^[0-9]+$/.test(h))&&(he(V=>z(P({},V),{[B]:""})),Se(V=>z(P({},V),{[B]:h})));return}he(V=>z(P({},V),{[B]:""})),Se(V=>z(P({},V),{[B]:h}))},ye=f=>{let B=f.target.value.replace(/\D/g,""),j="";/^3[47]/.test(B)?j=B.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(D,ie,de,ae)=>[ie,de,ae].filter(Boolean).join(" ")):j=B.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(D,ie,de,ae,G)=>[ie,de,ae,G].filter(Boolean).join(" ")),he(V=>z(P({},V),{cardNumber:""})),Se(V=>z(P({},V),{cardNumber:j}))},_e=()=>{var V,D,ie,de,ae,G;let f={},h=s,B=parseInt((h==null?void 0:h.expiryMonth)||"",10),j=(h==null?void 0:h.expiryYear)||"";if((V=h==null?void 0:h.cardName)!=null&&V.trim()||(f.cardName="Card name is required"),(D=h==null?void 0:h.cardNumber)!=null&&D.trim()||(f.cardNumber="Card number is required"),(!((ie=h==null?void 0:h.expiryMonth)!=null&&ie.trim())||!((de=h==null?void 0:h.expiryYear)!=null&&de.trim())||isNaN(B)||B<1||B>12||j.length!==4)&&(f.expiryMonth="Invalid Expiration Date."),(ae=h==null?void 0:h.cvv)!=null&&ae.trim()||(f.cvv="CVV is required"),(G=h==null?void 0:h.zipCode)!=null&&G.trim()||(f.zipCode="ZIP code is required"),h!=null&&h.expiryMonth&&(h!=null&&h.expiryYear)&&h.expiryMonth.length<=2&&h.expiryYear.length===4){let Me=parseInt(h.expiryMonth,10),Q=parseInt(h.expiryYear,10),R=new Date,Be=R.getMonth()+1,ze=R.getFullYear();(Q<ze||Q===ze&&Me<Be)&&(f.expiryMonth="Card is expired")}return he(f),Object.keys(f).length>0},Ce=async f=>{var h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe,r,i,F,S;if(f.preventDefault(),u=="card"){if(_e())return;{let ee=DatacapWebToken.validateCardNumber(s==null?void 0:s.cardNumber.replaceAll(" ","")),re=DatacapWebToken.validateExpirationDate(s==null?void 0:s.expiryMonth,s==null?void 0:s.expiryYear),Y=DatacapWebToken.validateCVV(s==null?void 0:s.cvv),se={};if(ee||(se.cardNumber="Invalid card Number"),re||(se.expiryMonth="Invalid Expiration Date."),Y||(se.cvv="Invalid CVV"),he(se),ee&&Y&&re){k(!0);try{let te=async function(E){if(E.Error)C(E.Error),k(!1);else{let O=s==null?void 0:s.cardName,Ie=s==null?void 0:s.zipCode;E.name=O,E.postal_code=Ie,E.fractalpayPublicKey=e==null?void 0:e.fractalpayClientKey,E.amount=e==null?void 0:e.amount,E.order_id=e==null?void 0:e.orderID,E.preAuth_id="",E.isCardSave=m,E.customer_id=e==null?void 0:e.customerId,E.link_token="",E.gateway_id=x==null?void 0:x.paymentGateway,E.discount=e==null?void 0:e.discount,E.tax=e==null?void 0:e.tax,E.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let be={method:"POST",body:JSON.stringify(E),redirect:"follow"};$e.emit("sendMessage",z(P({},be),{isChargePreauth:!0})),$e.on("charge-preauth",Ne=>{var me;console.log(Ne,"datdata"),(Ne==null?void 0:Ne.status)=="Failed"?(k(!1),C((Ne==null?void 0:Ne.message)||"Something went wrong. Please try again later.")):(ge(!0),N((me=Ne==null?void 0:Ne.data)==null?void 0:me.transaction_id),k(!1),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((x==null?void 0:x.paymentGateway)===32){let E={method:"POST",redirect:"follow"};try{let O=await ft.default.post(`${mt}api/v1/widget/generate-session`,E),Ie=Number(s==null?void 0:s.expiryYear)%100,we=s==null?void 0:s.cardNumber;we=we==null?void 0:we.replace(/\s+/g,"");let be=`${we}=${Ie}${s==null?void 0:s.expiryMonth} ${s==null?void 0:s.cvv}`,me=forge.pki.publicKeyFromPem((B=(h=O==null?void 0:O.data)==null?void 0:h.data)==null?void 0:B.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Xe=forge.util.encode64(me),De={"Content-Type":"application/json","x-app-session-key":(V=(j=O.data)==null?void 0:j.data)==null?void 0:V.session_key},K=JSON.stringify({enc_track2_data:`${Xe}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ie=(D=O==null?void 0:O.data)==null?void 0:D.data)==null?void 0:ie.session_key}`});try{let L=await ft.default.post(`${dt}tokenizer/tokenize`,K,{headers:De}),pe=JSON.stringify(z(P({},(de=L==null?void 0:L.data)==null?void 0:de.data),{name:s==null?void 0:s.cardName,postal_code:s==null?void 0:s.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(G=(ae=L==null?void 0:L.data)==null?void 0:ae.data)==null?void 0:G.token}`,fractalpayPublicKey:ke,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:m,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:s==null?void 0:s.expiryYear,ExpirationMonth:s==null?void 0:s.expiryMonth,CVV:s==null?void 0:s.cvv,Last4:(Q=(Me=L==null?void 0:L.data)==null?void 0:Me.data)==null?void 0:Q.last4,Brand:(Be=(R=L==null?void 0:L.data)==null?void 0:R.data)==null?void 0:Be.brand,gateway_id:x==null?void 0:x.paymentGateway})),Fe={method:"POST",headers:{"Content-Type":"application/json"},body:pe,redirect:"follow"};$e.emit("sendMessage",z(P({},Fe),{isFractalPreauth:!0})),$e.on("fractal-charge-preauth",Oe=>{var je;(Oe==null?void 0:Oe.status)=="Failed"?(k(!1),C((Oe==null?void 0:Oe.message)||"Something went wrong , Try again later")):(N((je=Oe==null?void 0:Oe.data)==null?void 0:je.transaction_id),ge(!0),k(!1))})}catch(L){console.log(L),k(!1),C(((oe=(ze=L==null?void 0:L.response)==null?void 0:ze.data)==null?void 0:oe.message)||(L==null?void 0:L.message)||"Something went wrong , Try again later")}}catch(O){k(!1),C(((i=(r=O==null?void 0:O.response)==null?void 0:r.data)==null?void 0:i.message)||(O==null?void 0:O.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(x==null?void 0:x.dctoken,"PaymentForm",te)}catch(te){k(!1),C(((S=(F=te==null?void 0:te.response)==null?void 0:F.data)==null?void 0:S.message)||(te==null?void 0:te.message)||"Something went wrong.")}}}}},ue=async()=>{var f,h,B,j,V,D,ie,de,ae,G,Me,Q,R,Be,ze,oe,r,i;p();try{let F={fractalpayPublicKey:ke,customer_id:e==null?void 0:e.customerId,preauth:!0},S=await ft.default.post(`${ce}get-payment-details`,F);if(Ze((f=S==null?void 0:S.data)==null?void 0:f.data),(B=(h=S==null?void 0:S.data)==null?void 0:h.data)!=null&&B.paymentGateway||(b(),C("Something went wrong.")),(V=(j=S==null?void 0:S.data)==null?void 0:j.data)!=null&&V.card_list&&((de=(ie=(D=S==null?void 0:S.data)==null?void 0:D.data)==null?void 0:ie.card_list)==null?void 0:de.length)>0){ve((G=(ae=S==null?void 0:S.data)==null?void 0:ae.data)==null?void 0:G.card_list),W("cardList");let _=(R=(Q=(Me=S==null?void 0:S.data)==null?void 0:Me.data)==null?void 0:Q.card_list)==null?void 0:R.filter(ee=>(ee==null?void 0:ee.primary_card)==1);_!=null&&_[0]&&((Be=_==null?void 0:_[0])==null?void 0:Be.payment_method_type)==((oe=(ze=S==null?void 0:S.data)==null?void 0:ze.data)==null?void 0:oe.paymentGateway)&&Pe(_[0])}else W("card");Z()}catch(F){console.log(F),Z(),C(((i=(r=F==null?void 0:F.response)==null?void 0:r.data)==null?void 0:i.message)||(F==null?void 0:F.message)||"Something went wrong")}},c=async()=>{var Me,Q,R,Be,ze,oe,r;let f=e==null?void 0:e.customerId,h=e==null?void 0:e.discount,B=e==null?void 0:e.surcharge,j=e==null?void 0:e.tax,V=e==null?void 0:e.fractalpayClientKey,D=e==null?void 0:e.orderID,ie=e==null?void 0:e.amount,de=I==null?void 0:I.id,ae=I==null?void 0:I.card_type;if(V&&D&&ie)if(f)if(de){let i={amount:ie,order_id:D,customer_id:f,card_id:de,fractalpayPublicKey:V,isCardSave:ae!="Bank",discount:h,surcharge:B,tax:j},G=i,{isCardSave:F}=G,S=vt(G,["isCardSave"]),ee=ce+(ae==="Bank"?"charge-ach":"charge-by-card"),re={"Content-Type":"application/json"};k(!0);try{let Y=await ft.default.post(ee,ae=="Bank"?S:i,{headers:re});(Me=Y==null?void 0:Y.data)!=null&&Me.result&&(N((R=(Q=Y==null?void 0:Y.data)==null?void 0:Q.data)==null?void 0:R.transaction_id),ge(!0),k(!1))}catch(Y){k(!1),console.log(Y),C(((ze=(Be=Y==null?void 0:Y.response)==null?void 0:Be.data)==null?void 0:ze.message)||((r=(oe=Y==null?void 0:Y.response)==null?void 0:oe.data)==null?void 0:r.status)||"Something went erong")}}else C("Please Select A Card/ACH");else C("Please Select Customer");else C("Something went wrong.")};(0,n.useEffect)(()=>{a&&ke&&ue()},[ke,a]);let y=async f=>{wt.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async h=>{if(h.isConfirmed){k(!0);try{let B={card_id:f,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},j=await ft.default.post(`${ce}delete-customer-card`,B);k(!1),ue(),wt.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(B){k(!1),wt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})};return n.default.createElement(n.default.Fragment,null,n.default.createElement(st,null),n.default.createElement(yt,null),n.default.createElement(n.default.Fragment,null,n.default.createElement("button",{className:"paymentBtn",onClick:H},"PreAuth Payment"),n.default.createElement(Qe,{open:a,onClose:b},Ae&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(gt,{error:Ae,onClose:b})),Te&&n.default.createElement(xt,{onClose:b,tranId:A}),!Ae&&!Te&&n.default.createElement(n.default.Fragment,null,(g||T)&&n.default.createElement(Je,{loading:g||T}),n.default.createElement("div",null,n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:b},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"},n.default.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(M==null?void 0:M.length)>0&&u!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(Pt.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(q=Number(e==null?void 0:e.amount))==null?void 0:q.toFixed(2))),u!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),n.default.createElement("div",null)),!g&&n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},u!=="cardList"?n.default.createElement("div",null,(M==null?void 0:M.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(Pt.IoArrowBack,null)," Back"),n.default.createElement("div",{className:""},n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(J=Number(e==null?void 0:e.amount))==null?void 0:J.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))))):n.default.createElement("div",null,n.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",x==null?void 0:x.customer_name),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(xe=Number(e==null?void 0:e.amount))==null?void 0:xe.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))),n.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),n.default.createElement("div",{style:{display:u==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},(x==null?void 0:x.card_list)&&((nt=x==null?void 0:x.card_list)==null?void 0:nt.length)>0&&((it=x==null?void 0:x.card_list)==null?void 0:it.map((f,h)=>n.default.createElement("div",{className:"card-list-single-div",key:h},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(x==null?void 0:x.paymentGateway)!=(f==null?void 0:f.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:I===f,onChange:B=>Pe(f)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",f==null?void 0:f.cardlastfourdigit),n.default.createElement("h6",{className:"card-expiry-date"},f==null?void 0:f.expmonth,"/",f==null?void 0:f.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:(f==null?void 0:f.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>y(f==null?void 0:f.id)},n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Authorize With Other Card",n.default.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),n.default.createElement("div",{className:"form-group"},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:c},"$",(Re=Number(e==null?void 0:e.amount))==null?void 0:Re.toFixed(2)))),n.default.createElement("div",{id:"card",style:{display:u==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",onSubmit:Ce},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:(M==null?void 0:M.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),n.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(s==null?void 0:s.cardName)||"",onChange:f=>{let h=f.target.value;/^[a-zA-Z\s]*$/.test(h)&&le("cardName",h)}}),(o==null?void 0:o.cardName)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(s==null?void 0:s.cardNumber)||"",onChange:f=>ye(f),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(s==null?void 0:s.expiryMonth)||"",onChange:f=>le("expiryMonth",f.target.value)})),n.default.createElement("div",{className:"exp-year form-group"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(s==null?void 0:s.expiryYear)||"",onChange:f=>le("expiryYear",f.target.value)})),n.default.createElement("div",{className:"security-digit form-group"},n.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(s==null?void 0:s.cvv)||"",onChange:f=>le("cvv",f.target.value)})))),(o==null?void 0:o.cardNumber)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),n.default.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(et=s==null?void 0:s.orderId)!=null?et:"OID123456",onChange:f=>le("orderId",f.target.value),style:{background:"#F6F6F7",color:"#727272"}})),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(at=s==null?void 0:s.zipCode)!=null?at:"",onChange:f=>le("zipCode",f.target.value)}),(o==null?void 0:o.zipCode)&&n.default.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:m,onChange:f=>Le(f.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ot=Number(e==null?void 0:e.amount))==null?void 0:ot.toFixed(2))))))))))))))))}var w=X(require("react"));var an=X(require("sweetalert2")),lt=X(require("axios"));var en=X(require("react"));function zt(){let e="#000",g="#fff",v="#212529",T="#dee2e6";return en.default.createElement("style",null,`
1472
1472
  .add-card {
1473
1473
  max-width:380px;
1474
1474
  padding: 0 20px
package/dist/index.mjs CHANGED
@@ -1468,7 +1468,7 @@ var Qt=Object.defineProperty,Xt=Object.defineProperties;var Dt=Object.getOwnProp
1468
1468
  padding:10px 17px;
1469
1469
  cursor:pointer;
1470
1470
  }
1471
- `)}var bn=({onClose:e,error:y})=>Ze.createElement(Ze.Fragment,null,Ze.createElement(Lt,null),Ze.createElement("div",{className:"card-error"},Ze.createElement("div",{className:"payment-error-container"},Ze.createElement("div",{className:"error-icon"},Ze.createElement("div",{className:"circle"},Ze.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ze.createElement("div",{className:"error-text"},Ze.createElement("div",{className:"payment-error-text"},y),Ze.createElement("div",{className:"thank-you-text"},"Try again later ")),Ze.createElement("div",{className:"error-btn-div"},Ze.createElement("button",{onClick:e},"OK")))))),ft=bn;import{io as vn}from"socket.io-client";var Cn=vn(ce,{transports:["websocket"],withCredentials:!1}),$e=Cn;var St=e=>{try{let y=JSON.parse(e);return typeof y=="object"&&y!==null}catch(y){return!1}};function Nn(e){var p,f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe;let[y,P]=Ae(!1),[$,z]=Ae(!1),[Be,v]=Ae(""),[je,ge]=Ae(!1),[a,Y]=Ae(!1),[g,W]=Ae("card"),[l,Le]=Ae(!1),[ke,s]=Ae(!1),Se=e.fractalpayClientKey,[o,he]=Ae(),[N,ve]=Ae({}),[S,Pe]=Ae(),[x,Ke]=Ae({}),[A,C]=Ae([]),[u,Z]=Ae(),[b,H]=Ae(),[le,ye]=Ae(""),_e=()=>P(!0),Ce=()=>P(!1),ue=()=>{Y(!1),W("card"),v(""),ge(!1),ye(""),Pe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Ke({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ve({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s(!1),Le(!1),Z({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},d=()=>Y(!0),h=r=>{W(r)},I=(r,i)=>{let k=r;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(k)){(i===""||/^[0-9]+$/.test(i))&&(ve(w=>L(F({},w),{[k]:""})),he(w=>L(F({},w),{[k]:i})));return}ve(w=>L(F({},w),{[k]:""})),he(w=>L(F({},w),{[k]:i}))},U=r=>{let k=r.target.value.replace(/\D/g,""),M="";/^3[47]/.test(k)?M=k.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(R,re,j,se)=>[re,j,se].filter(Boolean).join(" ")):M=k.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(R,re,j,se,ee)=>[re,j,se,ee].filter(Boolean).join(" ")),ve(w=>L(F({},w),{cardNumber:""})),he(w=>L(F({},w),{cardNumber:M}))},xe=r=>{let{name:i,value:k}=r.target,M=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(k)&&(Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k})));return}if(M.includes(i)){(k===""||/^[0-9]+$/.test(k))&&(Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k})));return}Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k}))},rt=()=>{var w,R,re,j,se,ee;let r={},i=o,k=parseInt((i==null?void 0:i.expiryMonth)||"",10),M=(i==null?void 0:i.expiryYear)||"";if((w=i==null?void 0:i.cardName)!=null&&w.trim()||(r.cardName="Card name is required"),(R=i==null?void 0:i.cardNumber)!=null&&R.trim()||(r.cardNumber="Card number is required"),(!((re=i==null?void 0:i.expiryMonth)!=null&&re.trim())||!((j=i==null?void 0:i.expiryYear)!=null&&j.trim())||isNaN(k)||k<1||k>12||M.length!==4)&&(r.expiryMonth="Invalid Expiration Date."),(se=i==null?void 0:i.cvv)!=null&&se.trim()||(r.cvv="CVV is required"),(ee=i==null?void 0:i.zipCode)!=null&&ee.trim()||(r.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let E=parseInt(i.expiryMonth,10),O=parseInt(i.expiryYear,10),Ie=new Date,we=Ie.getMonth()+1,be=Ie.getFullYear();(O<be||O===be&&E<we)&&(r.expiryMonth="Card is expired")}return ve(r),Object.keys(r).length>0},st=()=>{var k,M,w,R,re,j,se,ee,E;let r={},i=S;if((k=i==null?void 0:i.name)!=null&&k.trim()||(r.name="Name is required"),(M=i==null?void 0:i.accountNumber)!=null&&M.trim()||(r.accountNumber="account number is required"),(w=i==null?void 0:i.accountNumber)!=null&&w.trim()&&((R=i==null?void 0:i.accountNumber)==null?void 0:R.trim())!==((re=i==null?void 0:i.confirmAccountNumber)==null?void 0:re.trim())&&(r.confirmAccountNumber="Account numbers must match"),(j=i==null?void 0:i.bankName)!=null&&j.trim()||(r.bankName="Bank name is required"),(se=i==null?void 0:i.routingNumber)!=null&&se.trim()||(r.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((ee=i==null?void 0:i.routingNumber)==null?void 0:ee.length)!==9&&(r.routingNumber="Routing number must be 9 digits"),((E=i==null?void 0:i.routingNumber)==null?void 0:E.length)==9){let O=i==null?void 0:i.routingNumber,Ie=[3,7,1],we=0;for(let be=0;be<O.length;be++)we+=parseInt(O[be],10)*Ie[be%3];we%10!==0&&(r.routingNumber="Invalid routing number")}return Ke(r),Object.keys(r).length>0},tt=async r=>{var i,k,M,w,R,re,j,se,ee,E,O,Ie,we,be,Ne,me;if(r.preventDefault(),g!=="ach"){if(rt())return;{let Re=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),K=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),_=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),pe={};if(Re||(pe.cardNumber="Invalid card Number"),K||(pe.expiryMonth="Invalid Expiration Date."),_||(pe.cvv="Invalid CVV"),ve(pe),Re&&_&&K){z(!0);try{let He=L(F({},o),{amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax}),Fe=await vt.post(`${ce}create-widget-order`,He),We=async function(Ye){if(Ye.Error)v(Ye.Error),z(!1);else{let qe=o==null?void 0:o.cardName,Mt=o==null?void 0:o.zipCode;Ye.name=qe,Ye.postal_code=Mt,Ye.isCardSave=`${l}`,Ye.isCharge=!0,Ye.posSalesIdEncode=Fe==null?void 0:Fe.data.data.posSalesIdEncode,console.log(Ye,"resppp"),console.log(Fe==null?void 0:Fe.data.data.posSalesIdEncode,"fkjdashgfuh"),$e.emit("sendMessage",Ye),$e.on(Fe==null?void 0:Fe.data.data.posSalesIdEncode,Ge=>{if(console.log(Ge,"socket data"),St(Ge==null?void 0:Ge.data)){let Oe=JSON.parse(Ge.data);console.log("return data : ",Oe),Oe!=null&&Oe.result?(he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),ye(Oe==null?void 0:Oe.transactionId),ge(!0),z(!1)):(z(!1),v((Oe==null?void 0:Oe.message)||"Something went wrong."))}else v("Something went wrong.")})}};if((b==null?void 0:b.paymentGateway)===32){let Ye={method:"POST",redirect:"follow"};try{let qe=await vt.post(`${pt}api/v1/widget/generate-session`,Ye),Mt=Number(o==null?void 0:o.expiryYear)%100,Ge=o==null?void 0:o.cardNumber;Ge=Ge==null?void 0:Ge.replace(/\s+/g,"");let Oe=`${Ge}=${Mt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,Et=forge.pki.publicKeyFromPem((k=(i=qe==null?void 0:qe.data)==null?void 0:i.data)==null?void 0:k.publicKeyPem).encrypt(Oe,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Kt=forge.util.encode64(Et),Ot={"Content-Type":"application/json","x-app-session-key":(w=(M=qe.data)==null?void 0:M.data)==null?void 0:w.session_key},Wt=JSON.stringify({enc_track2_data:`${Kt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(re=(R=qe==null?void 0:qe.data)==null?void 0:R.data)==null?void 0:re.session_key}`});try{let Ve=await vt.post(`${ut}tokenizer/tokenize`,Wt,{headers:Ot}),Gt=JSON.stringify(L(F({},(j=Ve==null?void 0:Ve.data)==null?void 0:j.data),{isSaveCardChecked:l,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),Ut=JSON.stringify({pre_sales_id:`${(ee=(se=Fe==null?void 0:Fe.data)==null?void 0:se.data)==null?void 0:ee.posSalesIdEncode}`,token:`${(E=Ve==null?void 0:Ve.data)==null?void 0:E.data.token}`,json_response:`${Gt}`}),Jt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:Ut,redirect:"follow",isChargeviafractal:!0};$e.emit("sendMessage",Jt),$e.on("chargeviafractalgateway",mt=>{var qt;if(console.log(mt,"socket data"),St(mt==null?void 0:mt.data)){let Je=JSON.parse(mt==null?void 0:mt.data);console.log(Je,"dfuigdasuf"),Je!=null&&Je.result?(ye((qt=Je==null?void 0:Je.data)==null?void 0:qt.transactionId),ge(!0),z(!1)):(z(!1),v((Je==null?void 0:Je.message)||"Something went wrong."))}else v("Something went wrong.")})}catch(Ve){z(!1),v(((Ie=(O=Ve==null?void 0:Ve.response)==null?void 0:O.data)==null?void 0:Ie.message)||(Ve==null?void 0:Ve.message)||"Something went wrong.")}}catch(qe){z(!1),v(((be=(we=qe==null?void 0:qe.response)==null?void 0:we.data)==null?void 0:be.message)||(qe==null?void 0:qe.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Fe==null?void 0:Fe.data.data.dctoken,"PaymentForm",We)}catch(He){z(!1),v(((me=(Ne=He==null?void 0:He.response)==null?void 0:Ne.data)==null?void 0:me.message)||(He==null?void 0:He.message)||"Something went wrong.")}}}}else{if(st())return;{z(!0);let Re={fractalpayPublicKey:Se,label:(S==null?void 0:S.name)||"John Doe",account_number:S==null?void 0:S.accountNumber,routing_number:S==null?void 0:S.routingNumber,bank_name:S==null?void 0:S.bankName,account_type:S==null?void 0:S.accountType,amount:String(e.amount||0),isSaveAch:ke,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0};$e.emit("sendMessage",Re),$e.on("ach-incoming",K=>{var _;console.log(K,"sfhdwhf"),(K==null?void 0:K.status)=="Failed"?typeof(K==null?void 0:K.message)=="object"?Object.values(K==null?void 0:K.message).forEach(pe=>{v(pe||"Something went wrong")}):v((K==null?void 0:K.message)||"Something went wrong"):(ye((_=K==null?void 0:K.data)==null?void 0:_.transaction_id),ge(!0),z(!1))})}}},nt=async()=>{var r,i,k,M,w,R,re,j,se,ee,E,O,Ie,we,be,Ne,me,De,Re;_e();try{let K={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId},_=await vt.post(`${ce}get-payment-details`,K);if(H((r=_==null?void 0:_.data)==null?void 0:r.data),(k=(i=_==null?void 0:_.data)==null?void 0:i.data)!=null&&k.paymentGateway||(ue(),v("Something went wrong.")),(w=(M=_==null?void 0:_.data)==null?void 0:M.data)!=null&&w.card_list&&((j=(re=(R=_==null?void 0:_.data)==null?void 0:R.data)==null?void 0:re.card_list)==null?void 0:j.length)>0){C((ee=(se=_==null?void 0:_.data)==null?void 0:se.data)==null?void 0:ee.card_list),W("cardList");let pe=(Ie=(O=(E=_==null?void 0:_.data)==null?void 0:E.data)==null?void 0:O.card_list)==null?void 0:Ie.filter(He=>(He==null?void 0:He.primary_card)==1);(pe!=null&&pe[0]&&((we=pe==null?void 0:pe[0])==null?void 0:we.payment_method_type)==((Ne=(be=_==null?void 0:_.data)==null?void 0:be.data)==null?void 0:Ne.paymentGateway)||((me=pe==null?void 0:pe[0])==null?void 0:me.card_type)==="Bank")&&Z(pe[0])}else W("card");Ce()}catch(K){console.log(K),Ce(),v(((Re=(De=K==null?void 0:K.response)==null?void 0:De.data)==null?void 0:Re.message)||(K==null?void 0:K.message)||"Something went wrong")}},lt=async()=>{let r=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),k=String(e==null?void 0:e.surcharge),M=String(e==null?void 0:e.tax),w=e==null?void 0:e.fractalpayClientKey,R=e==null?void 0:e.orderID,re=String(e==null?void 0:e.amount),j=u==null?void 0:u.id,se=u==null?void 0:u.card_type;if(w&&R&&re)if(r)if(j){let E={amount:re,order_id:R,customer_id:r,card_id:j,fractalpayPublicKey:w,isCardSave:l,discount:i,surcharge:k,tax:M},ee=E,{isCardSave:O}=ee,Ie=kt(ee,["isCardSave"]),be=ce+(se==="Bank"?"charge-ach":"charge-by-card"),Ne={"Content-Type":"application/json"};z(!0),$e.emit("sendMessage",{url:be,body:se=="Bank"?Ie:E,isChargebycard:!0}),$e.on("charge-by-card",me=>{var De;console.log(me,"response"),(me==null?void 0:me.result)==!0||(me==null?void 0:me.status)==!0?(ye((De=me.data)==null?void 0:De.transaction_id),ge(!0),z(!1)):v((me==null?void 0:me.message)||"Something went wrong.")})}else v("Please Select A Card/ACH");else v("Please Select Customer");else v("Something went wrong.")};wn(()=>{a&&Se&&nt()},[Se,a]);let dt=async r=>{Ct.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async i=>{if(i.isConfirmed){z(!0);try{let k={card_id:r,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},M=await vt.post(`${ce}delete-customer-card`,k);z(!1),nt(),Ct.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(k){z(!1),Ct.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===Ct.DismissReason.cancel&&Ct.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})};return t.createElement(t.Fragment,null,t.createElement(ct,null),t.createElement(xt,null),t.createElement(t.Fragment,null,t.createElement("button",{className:"paymentBtn",onClick:d},"Pay"),t.createElement(Xe,{open:a,onClose:ue},Be&&t.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.createElement(ft,{error:Be,onClose:ue})),je&&t.createElement(bt,{onClose:ue,tranId:le}),!Be&&!je&&t.createElement(t.Fragment,null,(y||$)&&t.createElement(Qe,{loading:y||$}),t.createElement("div",{className:"frac-card-payment-page frac-form"},t.createElement("div",{className:"parent-pay-container"},t.createElement("span",{className:"request-payment-close-popup",onClick:ue},t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_12425_52336"},t.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.createElement("div",{className:"pay-main-logo-res"},t.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.createElement("div",{className:"pay-container"},t.createElement("div",{className:"pay-header pay-conatiner-one"},t.createElement("div",{className:"pay-conatiner-one-first"},t.createElement("div",{className:"pay-logo-container"},t.createElement("div",{className:"pay-main-logo"},t.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.createElement("h1",{className:"pay-heading"},"Pay"),(A==null?void 0:A.length)>0&&g!=="cardList"&&t.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.createElement(Ht,null)," Back")),t.createElement("div",{className:"amt-pay-con"},t.createElement("div",{className:"pay-amount-conatiner"},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(p=Number(e==null?void 0:e.amount))==null?void 0:p.toFixed(2))),g!="ach"&&t.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),t.createElement("div",{className:"pay-conatiner-one-last"},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),t.createElement("div",null)),t.createElement("div",{className:"pay-tab pay-conatiner-two"},!y&&t.createElement("div",{className:"col-md-12"},t.createElement("div",{id:"payment-form-div"},g!=="cardList"?t.createElement("div",null,(A==null?void 0:A.length)>0&&t.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.createElement(Ht,null)," Back"),(b==null?void 0:b.isSkyFiAccount)&&t.createElement("div",{className:"tab"},t.createElement("button",{className:"tablinks",onClick:r=>{h("card")},style:{border:g==="card"?"1px solid":""}},t.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.createElement("button",{className:"tablinks",onClick:r=>{h("ach")},style:{border:g==="ach"?"1px solid":""}},t.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.createElement("div",{className:"res-pay-con"},t.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(f=Number(e==null?void 0:e.amount))==null?void 0:f.toFixed(2))),g!="ach"&&t.createElement("div",null,t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))):t.createElement("div",null,t.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",b==null?void 0:b.customer_name),t.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards/ACH"),t.createElement("div",{className:"res-pay-con"},t.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(B=Number(e==null?void 0:e.amount))==null?void 0:B.toFixed(2))),t.createElement("div",null,t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))),t.createElement("div",{id:"ach",style:{display:g==="cardList"?"block":"none"},className:"tabcontent"},t.createElement("div",{className:"card-lint-div-in"},t.createElement("div",{className:"card-list-div"},(b==null?void 0:b.card_list)&&((T=b==null?void 0:b.card_list)==null?void 0:T.length)>0&&((V=b==null?void 0:b.card_list)==null?void 0:V.map((r,i)=>t.createElement("div",{className:"card-list-single-div",key:i},t.createElement("div",{className:"card-number-radio"},t.createElement("input",{disabled:(b==null?void 0:b.paymentGateway)!=(r==null?void 0:r.payment_method_type)&&(r==null?void 0:r.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:u===r,onChange:k=>Z(r)}),t.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",r==null?void 0:r.cardlastfourdigit),(r==null?void 0:r.card_type)!="Bank"&&t.createElement("h6",{className:"card-expiry-date"},r==null?void 0:r.expmonth,"/",r==null?void 0:r.expyear)),t.createElement("div",{className:"card-number-radio"},t.createElement("span",{className:"visa-card"},t.createElement("img",{src:(r==null?void 0:r.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),t.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>dt(r==null?void 0:r.id)},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),t.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Pay With Other Card",t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),t.createElement("div",{className:"form-group",style:{padding:"0"}},t.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:lt},"$",(X=Number(e==null?void 0:e.amount))==null?void 0:X.toFixed(2)))),t.createElement("div",{id:"card",style:{display:g==="card"?"block":"none"},className:"tabcontent"},t.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:tt},t.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"398px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"456px":(A==null?void 0:A.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:r=>{let i=r.target.value;/^[a-zA-Z\s]*$/.test(i)&&I("cardName",i)}}),(N==null?void 0:N.cardName)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cardName)),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.createElement("div",{className:"toggle-num-wrapper"},t.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:r=>U(r),"data-token":"card_number"}),t.createElement("div",{className:"card-crdi card-expiry-new"},t.createElement("div",{className:"exp-date-year-container"},t.createElement("div",{className:"exp-date form-group"},t.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:r=>I("expiryMonth",r.target.value)})),t.createElement("div",{className:"exp-year form-group"},t.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:r=>I("expiryYear",r.target.value)})),t.createElement("div",{className:"security-digit form-group"},t.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:r=>I("cvv",r.target.value)})))),(N==null?void 0:N.cardNumber)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cardNumber),t.createElement("p",{style:{margin:"0"}},N!=null&&N.expiryMonth||N!=null&&N.expiryYear?t.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},N==null?void 0:N.expiryMonth):"",(N==null?void 0:N.cvv)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cvv)))),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(ie=e==null?void 0:e.orderID)!=null?ie:"",style:{background:"#F6F6F7",color:"#727272"}})),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"zip"},"ZIP"),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(de=o==null?void 0:o.zipCode)!=null?de:"",onChange:r=>I("zipCode",r.target.value)}),(N==null?void 0:N.zipCode)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.zipCode)),(e==null?void 0:e.customerId)&&t.createElement("div",{className:"form-group"},t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:r=>Le(r.target.checked)}),t.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.createElement("rect",{width:"20",height:"20",fill:"white"}),t.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_12420_50192"},t.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},t.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ae=Number(e==null?void 0:e.amount))==null?void 0:ae.toFixed(2))))),t.createElement("div",{id:"ach",style:{display:g==="ach"?"block":"none"},className:"tabcontent"},t.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:tt},t.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"378px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"436px":(A==null?void 0:A.length)>0?"462px":"520px",maxHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"358px":((A==null?void 0:A.length)>0,"380px")}},t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(G=S==null?void 0:S.name)!=null?G:"",onChange:xe}),(x==null?void 0:x.name)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.name)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Me=S==null?void 0:S.routingNumber)!=null?Me:"",onChange:xe}),(x==null?void 0:x.routingNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.routingNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Q=S==null?void 0:S.accountNumber)!=null?Q:"",onChange:xe}),(x==null?void 0:x.accountNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.accountNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(D=S==null?void 0:S.confirmAccountNumber)!=null?D:"",onChange:xe}),(x==null?void 0:x.confirmAccountNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.confirmAccountNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"bankname"},"Bank name"),t.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Te=S==null?void 0:S.bankName)!=null?Te:"",onChange:xe}),(x==null?void 0:x.bankName)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.bankName)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(ze=S==null?void 0:S.accountType)!=null?ze:"",onChange:xe},t.createElement("option",{value:""},"Select account"),t.createElement("option",{value:"Personal Saving"},"Personal Saving"),t.createElement("option",{value:"Business Saving"},"Business Saving"),t.createElement("option",{value:"Personal Checking"},"Personal Checking"),t.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&t.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ke,onChange:r=>s(r.target.checked)}),t.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ke&&t.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.createElement("p",null,"If checked, I agree for ",t.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.createElement("div",{className:"form-group "},t.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(oe=Number(e==null?void 0:e.amount))==null?void 0:oe.toFixed(2)))))))))))))))}import n,{useEffect as kn,useState as Ee}from"react";import wt from"axios";import Pt from"sweetalert2";import{IoArrowBack as Vt}from"react-icons/io5";function _n(e){var I,U,xe,rt,st,tt,nt,lt,dt;let[y,P]=Ee(!1),[$,z]=Ee(!1),[Be,v]=Ee(""),[je,ge]=Ee(!1),[a,Y]=Ee(!1),[g,W]=Ee("card"),[l,Le]=Ee(!1),ke=e.fractalpayClientKey,[s,Se]=Ee(),[o,he]=Ee({}),[N,ve]=Ee([]),[S,Pe]=Ee(),[x,Ke]=Ee(),[A,C]=Ee(""),u=()=>P(!0),Z=()=>P(!1),b=()=>{Y(!1),W("card"),z(!1),v(""),ge(!1),C(""),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},H=()=>Y(!0),le=(p,f)=>{let B=p;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(B)){(f===""||/^[0-9]+$/.test(f))&&(he(V=>L(F({},V),{[B]:""})),Se(V=>L(F({},V),{[B]:f})));return}he(V=>L(F({},V),{[B]:""})),Se(V=>L(F({},V),{[B]:f}))},ye=p=>{let B=p.target.value.replace(/\D/g,""),T="";/^3[47]/.test(B)?T=B.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(X,ie,de,ae)=>[ie,de,ae].filter(Boolean).join(" ")):T=B.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(X,ie,de,ae,G)=>[ie,de,ae,G].filter(Boolean).join(" ")),he(V=>L(F({},V),{cardNumber:""})),Se(V=>L(F({},V),{cardNumber:T}))},_e=()=>{var V,X,ie,de,ae,G;let p={},f=s,B=parseInt((f==null?void 0:f.expiryMonth)||"",10),T=(f==null?void 0:f.expiryYear)||"";if((V=f==null?void 0:f.cardName)!=null&&V.trim()||(p.cardName="Card name is required"),(X=f==null?void 0:f.cardNumber)!=null&&X.trim()||(p.cardNumber="Card number is required"),(!((ie=f==null?void 0:f.expiryMonth)!=null&&ie.trim())||!((de=f==null?void 0:f.expiryYear)!=null&&de.trim())||isNaN(B)||B<1||B>12||T.length!==4)&&(p.expiryMonth="Invalid Expiration Date."),(ae=f==null?void 0:f.cvv)!=null&&ae.trim()||(p.cvv="CVV is required"),(G=f==null?void 0:f.zipCode)!=null&&G.trim()||(p.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let Me=parseInt(f.expiryMonth,10),Q=parseInt(f.expiryYear,10),D=new Date,Te=D.getMonth()+1,ze=D.getFullYear();(Q<ze||Q===ze&&Me<Te)&&(p.expiryMonth="Card is expired")}return he(p),Object.keys(p).length>0},Ce=async p=>{var f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe,r,i,k,M;if(p.preventDefault(),g=="card"){if(_e())return;{let R=DatacapWebToken.validateCardNumber(s==null?void 0:s.cardNumber.replaceAll(" ","")),re=DatacapWebToken.validateExpirationDate(s==null?void 0:s.expiryMonth,s==null?void 0:s.expiryYear),j=DatacapWebToken.validateCVV(s==null?void 0:s.cvv),se={};if(R||(se.cardNumber="Invalid card Number"),re||(se.expiryMonth="Invalid Expiration Date."),j||(se.cvv="Invalid CVV"),he(se),R&&j&&re){z(!0);try{let ee=async function(E){if(E.Error)v(E.Error),z(!1);else{let O=s==null?void 0:s.cardName,Ie=s==null?void 0:s.zipCode;E.name=O,E.postal_code=Ie,E.fractalpayPublicKey=e==null?void 0:e.fractalpayClientKey,E.amount=e==null?void 0:e.amount,E.order_id=e==null?void 0:e.orderID,E.preAuth_id="",E.isCardSave=l,E.customer_id=e==null?void 0:e.customerId,E.link_token="",E.gateway_id=x==null?void 0:x.paymentGateway,E.discount=e==null?void 0:e.discount,E.tax=e==null?void 0:e.tax,E.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let be={method:"POST",body:JSON.stringify(E),redirect:"follow"};$e.emit("sendMessage",L(F({},be),{isChargePreauth:!0})),$e.on("charge-preauth",Ne=>{var me;console.log(Ne,"datdata"),(Ne==null?void 0:Ne.status)=="Failed"?(z(!1),v((Ne==null?void 0:Ne.message)||"Something went wrong. Please try again later.")):(ge(!0),C((me=Ne==null?void 0:Ne.data)==null?void 0:me.transaction_id),z(!1),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((x==null?void 0:x.paymentGateway)===32){let E={method:"POST",redirect:"follow"};try{let O=await wt.post(`${pt}api/v1/widget/generate-session`,E),Ie=Number(s==null?void 0:s.expiryYear)%100,we=s==null?void 0:s.cardNumber;we=we==null?void 0:we.replace(/\s+/g,"");let be=`${we}=${Ie}${s==null?void 0:s.expiryMonth} ${s==null?void 0:s.cvv}`,me=forge.pki.publicKeyFromPem((B=(f=O==null?void 0:O.data)==null?void 0:f.data)==null?void 0:B.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),De=forge.util.encode64(me),Re={"Content-Type":"application/json","x-app-session-key":(V=(T=O.data)==null?void 0:T.data)==null?void 0:V.session_key},K=JSON.stringify({enc_track2_data:`${De}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ie=(X=O==null?void 0:O.data)==null?void 0:X.data)==null?void 0:ie.session_key}`});try{let _=await wt.post(`${ut}tokenizer/tokenize`,K,{headers:Re}),pe=JSON.stringify(L(F({},(de=_==null?void 0:_.data)==null?void 0:de.data),{name:s==null?void 0:s.cardName,postal_code:s==null?void 0:s.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(G=(ae=_==null?void 0:_.data)==null?void 0:ae.data)==null?void 0:G.token}`,fractalpayPublicKey:ke,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:l,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:s==null?void 0:s.expiryYear,ExpirationMonth:s==null?void 0:s.expiryMonth,CVV:s==null?void 0:s.cvv,Last4:(Q=(Me=_==null?void 0:_.data)==null?void 0:Me.data)==null?void 0:Q.last4,Brand:(Te=(D=_==null?void 0:_.data)==null?void 0:D.data)==null?void 0:Te.brand,gateway_id:x==null?void 0:x.paymentGateway})),Fe={method:"POST",headers:{"Content-Type":"application/json"},body:pe,redirect:"follow"};$e.emit("sendMessage",L(F({},Fe),{isFractalPreauth:!0})),$e.on("fractal-charge-preauth",We=>{var Ye;(We==null?void 0:We.status)=="Failed"?(z(!1),v((We==null?void 0:We.message)||"Something went wrong , Try again later")):(C((Ye=We==null?void 0:We.data)==null?void 0:Ye.transaction_id),ge(!0),z(!1))})}catch(_){console.log(_),z(!1),v(((oe=(ze=_==null?void 0:_.response)==null?void 0:ze.data)==null?void 0:oe.message)||(_==null?void 0:_.message)||"Something went wrong , Try again later")}}catch(O){z(!1),v(((i=(r=O==null?void 0:O.response)==null?void 0:r.data)==null?void 0:i.message)||(O==null?void 0:O.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(x==null?void 0:x.dctoken,"PaymentForm",ee)}catch(ee){z(!1),v(((M=(k=ee==null?void 0:ee.response)==null?void 0:k.data)==null?void 0:M.message)||(ee==null?void 0:ee.message)||"Something went wrong.")}}}}},ue=async()=>{var p,f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe,r,i;u();try{let k={fractalpayPublicKey:ke,customer_id:e==null?void 0:e.customerId,preauth:!0},M=await wt.post(`${ce}get-payment-details`,k);if(Ke((p=M==null?void 0:M.data)==null?void 0:p.data),(B=(f=M==null?void 0:M.data)==null?void 0:f.data)!=null&&B.paymentGateway||(b(),v("Something went wrong.")),(V=(T=M==null?void 0:M.data)==null?void 0:T.data)!=null&&V.card_list&&((de=(ie=(X=M==null?void 0:M.data)==null?void 0:X.data)==null?void 0:ie.card_list)==null?void 0:de.length)>0){ve((G=(ae=M==null?void 0:M.data)==null?void 0:ae.data)==null?void 0:G.card_list),W("cardList");let w=(D=(Q=(Me=M==null?void 0:M.data)==null?void 0:Me.data)==null?void 0:Q.card_list)==null?void 0:D.filter(R=>(R==null?void 0:R.primary_card)==1);w!=null&&w[0]&&((Te=w==null?void 0:w[0])==null?void 0:Te.payment_method_type)==((oe=(ze=M==null?void 0:M.data)==null?void 0:ze.data)==null?void 0:oe.paymentGateway)&&Pe(w[0])}else W("card");Z()}catch(k){console.log(k),Z(),v(((i=(r=k==null?void 0:k.response)==null?void 0:r.data)==null?void 0:i.message)||(k==null?void 0:k.message)||"Something went wrong")}},d=async()=>{var Me,Q,D,Te,ze,oe,r;let p=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,B=e==null?void 0:e.surcharge,T=e==null?void 0:e.tax,V=e==null?void 0:e.fractalpayClientKey,X=e==null?void 0:e.orderID,ie=e==null?void 0:e.amount,de=S==null?void 0:S.id,ae=S==null?void 0:S.card_type;if(V&&X&&ie)if(p)if(de){let i={amount:ie,order_id:X,customer_id:p,card_id:de,fractalpayPublicKey:V,isCardSave:ae!="Bank",discount:f,surcharge:B,tax:T},G=i,{isCardSave:k}=G,M=kt(G,["isCardSave"]),R=ce+(ae==="Bank"?"charge-ach":"charge-by-card"),re={"Content-Type":"application/json"};z(!0);try{let j=await wt.post(R,ae=="Bank"?M:i,{headers:re});(Me=j==null?void 0:j.data)!=null&&Me.result&&(C((D=(Q=j==null?void 0:j.data)==null?void 0:Q.data)==null?void 0:D.transaction_id),ge(!0),z(!1))}catch(j){z(!1),console.log(j),v(((ze=(Te=j==null?void 0:j.response)==null?void 0:Te.data)==null?void 0:ze.message)||((r=(oe=j==null?void 0:j.response)==null?void 0:oe.data)==null?void 0:r.status)||"Something went erong")}}else v("Please Select A Card/ACH");else v("Please Select Customer");else v("Something went wrong.")};kn(()=>{a&&ke&&ue()},[ke,a]);let h=async p=>{Pt.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async f=>{if(f.isConfirmed){z(!0);try{let B={card_id:p,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},T=await wt.post(`${ce}delete-customer-card`,B);z(!1),ue(),Pt.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(B){z(!1),Pt.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})};return n.createElement(n.Fragment,null,n.createElement(ct,null),n.createElement(xt,null),n.createElement(n.Fragment,null,n.createElement("button",{className:"paymentBtn",onClick:H},"Pre Auth Pay"),n.createElement(Xe,{open:a,onClose:b},Be&&n.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.createElement(ft,{error:Be,onClose:b})),je&&n.createElement(bt,{onClose:b,tranId:A}),!Be&&!je&&n.createElement(n.Fragment,null,(y||$)&&n.createElement(Qe,{loading:y||$}),n.createElement("div",null,n.createElement("div",{className:"frac-card-payment-page frac-form"},n.createElement("div",{className:"parent-pay-container"},n.createElement("span",{className:"request-payment-close-popup",onClick:b},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12425_52336"},n.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.createElement("div",{className:"pay-container"},n.createElement("div",{className:"pay-header pay-conatiner-one"},n.createElement("div",{className:"pay-conatiner-one-first"},n.createElement("div",{className:"pay-logo-container"},n.createElement("div",{className:"pay-main-logo"},n.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),n.createElement("h1",{className:"pay-heading"},"Pay"),(N==null?void 0:N.length)>0&&g!=="cardList"&&n.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.createElement(Vt,null)," Back")),n.createElement("div",{className:"amt-pay-con"},n.createElement("div",{className:"pay-amount-conatiner"},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(I=Number(e==null?void 0:e.amount))==null?void 0:I.toFixed(2))),g!="ach"&&n.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),n.createElement("div",{className:"pay-conatiner-one-last"},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),n.createElement("div",null)),!y&&n.createElement("div",{className:"pay-tab pay-conatiner-two"},n.createElement("div",{className:"col-md-12"},n.createElement("div",{id:"payment-form-div"},g!=="cardList"?n.createElement("div",null,(N==null?void 0:N.length)>0&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.createElement(Vt,null)," Back"),n.createElement("div",{className:""},n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(U=Number(e==null?void 0:e.amount))==null?void 0:U.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))))):n.createElement("div",null,n.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",x==null?void 0:x.customer_name),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(xe=Number(e==null?void 0:e.amount))==null?void 0:xe.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))),n.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),n.createElement("div",{style:{display:g==="cardList"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"card-lint-div-in"},n.createElement("div",{className:"card-list-div"},(x==null?void 0:x.card_list)&&((rt=x==null?void 0:x.card_list)==null?void 0:rt.length)>0&&((st=x==null?void 0:x.card_list)==null?void 0:st.map((p,f)=>n.createElement("div",{className:"card-list-single-div",key:f},n.createElement("div",{className:"card-number-radio"},n.createElement("input",{disabled:(x==null?void 0:x.paymentGateway)!=(p==null?void 0:p.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:S===p,onChange:B=>Pe(p)}),n.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",p==null?void 0:p.cardlastfourdigit),n.createElement("h6",{className:"card-expiry-date"},p==null?void 0:p.expmonth,"/",p==null?void 0:p.expyear)),n.createElement("div",{className:"card-number-radio"},n.createElement("span",{className:"visa-card"},n.createElement("img",{src:(p==null?void 0:p.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),n.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>h(p==null?void 0:p.id)},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),n.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Authorize With Other Card",n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),n.createElement("div",{className:"form-group"},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:d},"$",(tt=Number(e==null?void 0:e.amount))==null?void 0:tt.toFixed(2)))),n.createElement("div",{id:"card",style:{display:g==="card"?"block":"none"},className:"tabcontent"},n.createElement("form",{id:"PaymentForm",onSubmit:Ce},n.createElement("div",{className:"ach-scrl",style:{minHeight:(N==null?void 0:N.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),n.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(s==null?void 0:s.cardName)||"",onChange:p=>{let f=p.target.value;/^[a-zA-Z\s]*$/.test(f)&&le("cardName",f)}}),(o==null?void 0:o.cardName)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardNumber"},"Card Number"),n.createElement("div",{className:"toggle-num-wrapper"},n.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(s==null?void 0:s.cardNumber)||"",onChange:p=>ye(p),"data-token":"card_number"}),n.createElement("div",{className:"card-crdi card-expiry-new"},n.createElement("div",{className:"exp-date-year-container"},n.createElement("div",{className:"exp-date form-group"},n.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(s==null?void 0:s.expiryMonth)||"",onChange:p=>le("expiryMonth",p.target.value)})),n.createElement("div",{className:"exp-year form-group"},n.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(s==null?void 0:s.expiryYear)||"",onChange:p=>le("expiryYear",p.target.value)})),n.createElement("div",{className:"security-digit form-group"},n.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(s==null?void 0:s.cvv)||"",onChange:p=>le("cvv",p.target.value)})))),(o==null?void 0:o.cardNumber)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),n.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?n.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(nt=s==null?void 0:s.orderId)!=null?nt:"OID123456",onChange:p=>le("orderId",p.target.value),style:{background:"#F6F6F7",color:"#727272"}})),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"zip"},"ZIP"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(lt=s==null?void 0:s.zipCode)!=null?lt:"",onChange:p=>le("zipCode",p.target.value)}),(o==null?void 0:o.zipCode)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group"},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:p=>Le(p.target.checked)}),n.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.createElement("rect",{width:"20",height:"20",fill:"white"}),n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12420_50192"},n.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},n.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(dt=Number(e==null?void 0:e.amount))==null?void 0:dt.toFixed(2))))))))))))))))}import q,{useEffect as Sn,useState as gt}from"react";import Pn from"sweetalert2";import ht from"axios";import Mn from"react";function zt(){let e="#000",y="#fff",P="#212529",$="#dee2e6";return Mn.createElement("style",null,`
1471
+ `)}var bn=({onClose:e,error:y})=>Ze.createElement(Ze.Fragment,null,Ze.createElement(Lt,null),Ze.createElement("div",{className:"card-error"},Ze.createElement("div",{className:"payment-error-container"},Ze.createElement("div",{className:"error-icon"},Ze.createElement("div",{className:"circle"},Ze.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ze.createElement("div",{className:"error-text"},Ze.createElement("div",{className:"payment-error-text"},y),Ze.createElement("div",{className:"thank-you-text"},"Try again later ")),Ze.createElement("div",{className:"error-btn-div"},Ze.createElement("button",{onClick:e},"OK")))))),ft=bn;import{io as vn}from"socket.io-client";var Cn=vn(ce,{transports:["websocket"],withCredentials:!1}),$e=Cn;var St=e=>{try{let y=JSON.parse(e);return typeof y=="object"&&y!==null}catch(y){return!1}};function Nn(e){var p,f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe;let[y,P]=Ae(!1),[$,z]=Ae(!1),[Be,v]=Ae(""),[je,ge]=Ae(!1),[a,Y]=Ae(!1),[g,W]=Ae("card"),[l,Le]=Ae(!1),[ke,s]=Ae(!1),Se=e.fractalpayClientKey,[o,he]=Ae(),[N,ve]=Ae({}),[S,Pe]=Ae(),[x,Ke]=Ae({}),[A,C]=Ae([]),[u,Z]=Ae(),[b,H]=Ae(),[le,ye]=Ae(""),_e=()=>P(!0),Ce=()=>P(!1),ue=()=>{Y(!1),W("card"),v(""),ge(!1),ye(""),Pe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Ke({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ve({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s(!1),Le(!1),Z({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},d=()=>Y(!0),h=r=>{W(r)},I=(r,i)=>{let k=r;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(k)){(i===""||/^[0-9]+$/.test(i))&&(ve(w=>L(F({},w),{[k]:""})),he(w=>L(F({},w),{[k]:i})));return}ve(w=>L(F({},w),{[k]:""})),he(w=>L(F({},w),{[k]:i}))},U=r=>{let k=r.target.value.replace(/\D/g,""),M="";/^3[47]/.test(k)?M=k.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(R,re,j,se)=>[re,j,se].filter(Boolean).join(" ")):M=k.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(R,re,j,se,ee)=>[re,j,se,ee].filter(Boolean).join(" ")),ve(w=>L(F({},w),{cardNumber:""})),he(w=>L(F({},w),{cardNumber:M}))},xe=r=>{let{name:i,value:k}=r.target,M=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(k)&&(Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k})));return}if(M.includes(i)){(k===""||/^[0-9]+$/.test(k))&&(Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k})));return}Ke(w=>L(F({},w),{[i]:""})),Pe(w=>L(F({},w),{[i]:k}))},rt=()=>{var w,R,re,j,se,ee;let r={},i=o,k=parseInt((i==null?void 0:i.expiryMonth)||"",10),M=(i==null?void 0:i.expiryYear)||"";if((w=i==null?void 0:i.cardName)!=null&&w.trim()||(r.cardName="Card name is required"),(R=i==null?void 0:i.cardNumber)!=null&&R.trim()||(r.cardNumber="Card number is required"),(!((re=i==null?void 0:i.expiryMonth)!=null&&re.trim())||!((j=i==null?void 0:i.expiryYear)!=null&&j.trim())||isNaN(k)||k<1||k>12||M.length!==4)&&(r.expiryMonth="Invalid Expiration Date."),(se=i==null?void 0:i.cvv)!=null&&se.trim()||(r.cvv="CVV is required"),(ee=i==null?void 0:i.zipCode)!=null&&ee.trim()||(r.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let E=parseInt(i.expiryMonth,10),O=parseInt(i.expiryYear,10),Ie=new Date,we=Ie.getMonth()+1,be=Ie.getFullYear();(O<be||O===be&&E<we)&&(r.expiryMonth="Card is expired")}return ve(r),Object.keys(r).length>0},st=()=>{var k,M,w,R,re,j,se,ee,E;let r={},i=S;if((k=i==null?void 0:i.name)!=null&&k.trim()||(r.name="Name is required"),(M=i==null?void 0:i.accountNumber)!=null&&M.trim()||(r.accountNumber="account number is required"),(w=i==null?void 0:i.accountNumber)!=null&&w.trim()&&((R=i==null?void 0:i.accountNumber)==null?void 0:R.trim())!==((re=i==null?void 0:i.confirmAccountNumber)==null?void 0:re.trim())&&(r.confirmAccountNumber="Account numbers must match"),(j=i==null?void 0:i.bankName)!=null&&j.trim()||(r.bankName="Bank name is required"),(se=i==null?void 0:i.routingNumber)!=null&&se.trim()||(r.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((ee=i==null?void 0:i.routingNumber)==null?void 0:ee.length)!==9&&(r.routingNumber="Routing number must be 9 digits"),((E=i==null?void 0:i.routingNumber)==null?void 0:E.length)==9){let O=i==null?void 0:i.routingNumber,Ie=[3,7,1],we=0;for(let be=0;be<O.length;be++)we+=parseInt(O[be],10)*Ie[be%3];we%10!==0&&(r.routingNumber="Invalid routing number")}return Ke(r),Object.keys(r).length>0},tt=async r=>{var i,k,M,w,R,re,j,se,ee,E,O,Ie,we,be,Ne,me;if(r.preventDefault(),g!=="ach"){if(rt())return;{let Re=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),K=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),_=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),pe={};if(Re||(pe.cardNumber="Invalid card Number"),K||(pe.expiryMonth="Invalid Expiration Date."),_||(pe.cvv="Invalid CVV"),ve(pe),Re&&_&&K){z(!0);try{let He=L(F({},o),{amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax}),Fe=await vt.post(`${ce}create-widget-order`,He),We=async function(Ye){if(Ye.Error)v(Ye.Error),z(!1);else{let qe=o==null?void 0:o.cardName,Mt=o==null?void 0:o.zipCode;Ye.name=qe,Ye.postal_code=Mt,Ye.isCardSave=`${l}`,Ye.isCharge=!0,Ye.posSalesIdEncode=Fe==null?void 0:Fe.data.data.posSalesIdEncode,console.log(Ye,"resppp"),console.log(Fe==null?void 0:Fe.data.data.posSalesIdEncode,"fkjdashgfuh"),$e.emit("sendMessage",Ye),$e.on(Fe==null?void 0:Fe.data.data.posSalesIdEncode,Ge=>{if(console.log(Ge,"socket data"),St(Ge==null?void 0:Ge.data)){let Oe=JSON.parse(Ge.data);console.log("return data : ",Oe),Oe!=null&&Oe.result?(he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),ye(Oe==null?void 0:Oe.transactionId),ge(!0),z(!1)):(z(!1),v((Oe==null?void 0:Oe.message)||"Something went wrong."))}else v("Something went wrong.")})}};if((b==null?void 0:b.paymentGateway)===32){let Ye={method:"POST",redirect:"follow"};try{let qe=await vt.post(`${pt}api/v1/widget/generate-session`,Ye),Mt=Number(o==null?void 0:o.expiryYear)%100,Ge=o==null?void 0:o.cardNumber;Ge=Ge==null?void 0:Ge.replace(/\s+/g,"");let Oe=`${Ge}=${Mt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,Et=forge.pki.publicKeyFromPem((k=(i=qe==null?void 0:qe.data)==null?void 0:i.data)==null?void 0:k.publicKeyPem).encrypt(Oe,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Kt=forge.util.encode64(Et),Ot={"Content-Type":"application/json","x-app-session-key":(w=(M=qe.data)==null?void 0:M.data)==null?void 0:w.session_key},Wt=JSON.stringify({enc_track2_data:`${Kt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(re=(R=qe==null?void 0:qe.data)==null?void 0:R.data)==null?void 0:re.session_key}`});try{let Ve=await vt.post(`${ut}tokenizer/tokenize`,Wt,{headers:Ot}),Gt=JSON.stringify(L(F({},(j=Ve==null?void 0:Ve.data)==null?void 0:j.data),{isSaveCardChecked:l,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),Ut=JSON.stringify({pre_sales_id:`${(ee=(se=Fe==null?void 0:Fe.data)==null?void 0:se.data)==null?void 0:ee.posSalesIdEncode}`,token:`${(E=Ve==null?void 0:Ve.data)==null?void 0:E.data.token}`,json_response:`${Gt}`}),Jt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:Ut,redirect:"follow",isChargeviafractal:!0};$e.emit("sendMessage",Jt),$e.on("chargeviafractalgateway",mt=>{var qt;if(console.log(mt,"socket data"),St(mt==null?void 0:mt.data)){let Je=JSON.parse(mt==null?void 0:mt.data);console.log(Je,"dfuigdasuf"),Je!=null&&Je.result?(ye((qt=Je==null?void 0:Je.data)==null?void 0:qt.transactionId),ge(!0),z(!1)):(z(!1),v((Je==null?void 0:Je.message)||"Something went wrong."))}else v("Something went wrong.")})}catch(Ve){z(!1),v(((Ie=(O=Ve==null?void 0:Ve.response)==null?void 0:O.data)==null?void 0:Ie.message)||(Ve==null?void 0:Ve.message)||"Something went wrong.")}}catch(qe){z(!1),v(((be=(we=qe==null?void 0:qe.response)==null?void 0:we.data)==null?void 0:be.message)||(qe==null?void 0:qe.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Fe==null?void 0:Fe.data.data.dctoken,"PaymentForm",We)}catch(He){z(!1),v(((me=(Ne=He==null?void 0:He.response)==null?void 0:Ne.data)==null?void 0:me.message)||(He==null?void 0:He.message)||"Something went wrong.")}}}}else{if(st())return;{z(!0);let Re={fractalpayPublicKey:Se,label:(S==null?void 0:S.name)||"John Doe",account_number:S==null?void 0:S.accountNumber,routing_number:S==null?void 0:S.routingNumber,bank_name:S==null?void 0:S.bankName,account_type:S==null?void 0:S.accountType,amount:String(e.amount||0),isSaveAch:ke,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0};$e.emit("sendMessage",Re),$e.on("ach-incoming",K=>{var _;console.log(K,"sfhdwhf"),(K==null?void 0:K.status)=="Failed"?typeof(K==null?void 0:K.message)=="object"?Object.values(K==null?void 0:K.message).forEach(pe=>{v(pe||"Something went wrong")}):v((K==null?void 0:K.message)||"Something went wrong"):(ye((_=K==null?void 0:K.data)==null?void 0:_.transaction_id),ge(!0),z(!1))})}}},nt=async()=>{var r,i,k,M,w,R,re,j,se,ee,E,O,Ie,we,be,Ne,me,De,Re;_e();try{let K={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId},_=await vt.post(`${ce}get-payment-details`,K);if(H((r=_==null?void 0:_.data)==null?void 0:r.data),(k=(i=_==null?void 0:_.data)==null?void 0:i.data)!=null&&k.paymentGateway||(ue(),v("Something went wrong.")),(w=(M=_==null?void 0:_.data)==null?void 0:M.data)!=null&&w.card_list&&((j=(re=(R=_==null?void 0:_.data)==null?void 0:R.data)==null?void 0:re.card_list)==null?void 0:j.length)>0){C((ee=(se=_==null?void 0:_.data)==null?void 0:se.data)==null?void 0:ee.card_list),W("cardList");let pe=(Ie=(O=(E=_==null?void 0:_.data)==null?void 0:E.data)==null?void 0:O.card_list)==null?void 0:Ie.filter(He=>(He==null?void 0:He.primary_card)==1);(pe!=null&&pe[0]&&((we=pe==null?void 0:pe[0])==null?void 0:we.payment_method_type)==((Ne=(be=_==null?void 0:_.data)==null?void 0:be.data)==null?void 0:Ne.paymentGateway)||((me=pe==null?void 0:pe[0])==null?void 0:me.card_type)==="Bank")&&Z(pe[0])}else W("card");Ce()}catch(K){console.log(K),Ce(),v(((Re=(De=K==null?void 0:K.response)==null?void 0:De.data)==null?void 0:Re.message)||(K==null?void 0:K.message)||"Something went wrong")}},lt=async()=>{let r=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),k=String(e==null?void 0:e.surcharge),M=String(e==null?void 0:e.tax),w=e==null?void 0:e.fractalpayClientKey,R=e==null?void 0:e.orderID,re=String(e==null?void 0:e.amount),j=u==null?void 0:u.id,se=u==null?void 0:u.card_type;if(w&&R&&re)if(r)if(j){let E={amount:re,order_id:R,customer_id:r,card_id:j,fractalpayPublicKey:w,isCardSave:l,discount:i,surcharge:k,tax:M},ee=E,{isCardSave:O}=ee,Ie=kt(ee,["isCardSave"]),be=ce+(se==="Bank"?"charge-ach":"charge-by-card"),Ne={"Content-Type":"application/json"};z(!0),$e.emit("sendMessage",{url:be,body:se=="Bank"?Ie:E,isChargebycard:!0}),$e.on("charge-by-card",me=>{var De;console.log(me,"response"),(me==null?void 0:me.result)==!0||(me==null?void 0:me.status)==!0?(ye((De=me.data)==null?void 0:De.transaction_id),ge(!0),z(!1)):v((me==null?void 0:me.message)||"Something went wrong.")})}else v("Please Select A Card/ACH");else v("Please Select Customer");else v("Something went wrong.")};wn(()=>{a&&Se&&nt()},[Se,a]);let dt=async r=>{Ct.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async i=>{if(i.isConfirmed){z(!0);try{let k={card_id:r,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},M=await vt.post(`${ce}delete-customer-card`,k);z(!1),nt(),Ct.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(k){z(!1),Ct.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===Ct.DismissReason.cancel&&Ct.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})};return t.createElement(t.Fragment,null,t.createElement(ct,null),t.createElement(xt,null),t.createElement(t.Fragment,null,t.createElement("button",{className:"paymentBtn",onClick:d},"Pay"),t.createElement(Xe,{open:a,onClose:ue},Be&&t.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.createElement(ft,{error:Be,onClose:ue})),je&&t.createElement(bt,{onClose:ue,tranId:le}),!Be&&!je&&t.createElement(t.Fragment,null,(y||$)&&t.createElement(Qe,{loading:y||$}),t.createElement("div",{className:"frac-card-payment-page frac-form"},t.createElement("div",{className:"parent-pay-container"},t.createElement("span",{className:"request-payment-close-popup",onClick:ue},t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_12425_52336"},t.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.createElement("div",{className:"pay-main-logo-res"},t.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.createElement("div",{className:"pay-container"},t.createElement("div",{className:"pay-header pay-conatiner-one"},t.createElement("div",{className:"pay-conatiner-one-first"},t.createElement("div",{className:"pay-logo-container"},t.createElement("div",{className:"pay-main-logo"},t.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),t.createElement("h1",{className:"pay-heading"},"Pay"),(A==null?void 0:A.length)>0&&g!=="cardList"&&t.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.createElement(Ht,null)," Back")),t.createElement("div",{className:"amt-pay-con"},t.createElement("div",{className:"pay-amount-conatiner"},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(p=Number(e==null?void 0:e.amount))==null?void 0:p.toFixed(2))),g!="ach"&&t.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),t.createElement("div",{className:"pay-conatiner-one-last"},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),t.createElement("div",null)),t.createElement("div",{className:"pay-tab pay-conatiner-two"},!y&&t.createElement("div",{className:"col-md-12"},t.createElement("div",{id:"payment-form-div"},g!=="cardList"?t.createElement("div",null,(A==null?void 0:A.length)>0&&t.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",t.createElement(Ht,null)," Back"),(b==null?void 0:b.isSkyFiAccount)&&t.createElement("div",{className:"tab"},t.createElement("button",{className:"tablinks",onClick:r=>{h("card")},style:{border:g==="card"?"1px solid":""}},t.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.createElement("button",{className:"tablinks",onClick:r=>{h("ach")},style:{border:g==="ach"?"1px solid":""}},t.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.createElement("div",{className:"res-pay-con"},t.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(f=Number(e==null?void 0:e.amount))==null?void 0:f.toFixed(2))),g!="ach"&&t.createElement("div",null,t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))):t.createElement("div",null,t.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",b==null?void 0:b.customer_name),t.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards/ACH"),t.createElement("div",{className:"res-pay-con"},t.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.createElement("strong",{className:"pay-amount"},"$",(B=Number(e==null?void 0:e.amount))==null?void 0:B.toFixed(2))),t.createElement("div",null,t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),t.createElement("div",null,t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""}))))),t.createElement("div",{id:"ach",style:{display:g==="cardList"?"block":"none"},className:"tabcontent"},t.createElement("div",{className:"card-lint-div-in"},t.createElement("div",{className:"card-list-div"},(b==null?void 0:b.card_list)&&((T=b==null?void 0:b.card_list)==null?void 0:T.length)>0&&((V=b==null?void 0:b.card_list)==null?void 0:V.map((r,i)=>t.createElement("div",{className:"card-list-single-div",key:i},t.createElement("div",{className:"card-number-radio"},t.createElement("input",{disabled:(b==null?void 0:b.paymentGateway)!=(r==null?void 0:r.payment_method_type)&&(r==null?void 0:r.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:u===r,onChange:k=>Z(r)}),t.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",r==null?void 0:r.cardlastfourdigit),(r==null?void 0:r.card_type)!="Bank"&&t.createElement("h6",{className:"card-expiry-date"},r==null?void 0:r.expmonth,"/",r==null?void 0:r.expyear)),t.createElement("div",{className:"card-number-radio"},t.createElement("span",{className:"visa-card"},t.createElement("img",{src:(r==null?void 0:r.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),t.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>dt(r==null?void 0:r.id)},t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),t.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Pay With Other Card",t.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),t.createElement("div",{className:"form-group",style:{padding:"0"}},t.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:lt},"$",(X=Number(e==null?void 0:e.amount))==null?void 0:X.toFixed(2)))),t.createElement("div",{id:"card",style:{display:g==="card"?"block":"none"},className:"tabcontent"},t.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:tt},t.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"398px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"456px":(A==null?void 0:A.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:r=>{let i=r.target.value;/^[a-zA-Z\s]*$/.test(i)&&I("cardName",i)}}),(N==null?void 0:N.cardName)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cardName)),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.createElement("div",{className:"toggle-num-wrapper"},t.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:r=>U(r),"data-token":"card_number"}),t.createElement("div",{className:"card-crdi card-expiry-new"},t.createElement("div",{className:"exp-date-year-container"},t.createElement("div",{className:"exp-date form-group"},t.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:r=>I("expiryMonth",r.target.value)})),t.createElement("div",{className:"exp-year form-group"},t.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:r=>I("expiryYear",r.target.value)})),t.createElement("div",{className:"security-digit form-group"},t.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:r=>I("cvv",r.target.value)})))),(N==null?void 0:N.cardNumber)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cardNumber),t.createElement("p",{style:{margin:"0"}},N!=null&&N.expiryMonth||N!=null&&N.expiryYear?t.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},N==null?void 0:N.expiryMonth):"",(N==null?void 0:N.cvv)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.cvv)))),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(ie=e==null?void 0:e.orderID)!=null?ie:"",style:{background:"#F6F6F7",color:"#727272"}})),t.createElement("div",{className:"form-group"},t.createElement("label",{htmlFor:"zip"},"ZIP"),t.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(de=o==null?void 0:o.zipCode)!=null?de:"",onChange:r=>I("zipCode",r.target.value)}),(N==null?void 0:N.zipCode)&&t.createElement("span",{className:"error-span"},N==null?void 0:N.zipCode)),(e==null?void 0:e.customerId)&&t.createElement("div",{className:"form-group"},t.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:r=>Le(r.target.checked)}),t.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.createElement("rect",{width:"20",height:"20",fill:"white"}),t.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_12420_50192"},t.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},t.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ae=Number(e==null?void 0:e.amount))==null?void 0:ae.toFixed(2))))),t.createElement("div",{id:"ach",style:{display:g==="ach"?"block":"none"},className:"tabcontent"},t.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:tt},t.createElement("div",{className:"ach-scrl",style:{minHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"378px":b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)==0?"436px":(A==null?void 0:A.length)>0?"462px":"520px",maxHeight:b!=null&&b.isSkyFiAccount&&(A==null?void 0:A.length)>0?"358px":((A==null?void 0:A.length)>0,"380px")}},t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(G=S==null?void 0:S.name)!=null?G:"",onChange:xe}),(x==null?void 0:x.name)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.name)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(Me=S==null?void 0:S.routingNumber)!=null?Me:"",onChange:xe}),(x==null?void 0:x.routingNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.routingNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Q=S==null?void 0:S.accountNumber)!=null?Q:"",onChange:xe}),(x==null?void 0:x.accountNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.accountNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(D=S==null?void 0:S.confirmAccountNumber)!=null?D:"",onChange:xe}),(x==null?void 0:x.confirmAccountNumber)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.confirmAccountNumber)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"bankname"},"Bank name"),t.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Te=S==null?void 0:S.bankName)!=null?Te:"",onChange:xe}),(x==null?void 0:x.bankName)&&t.createElement("span",{className:"error-span"},x==null?void 0:x.bankName)),t.createElement("div",{className:"form-group mb-4"},t.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(ze=S==null?void 0:S.accountType)!=null?ze:"",onChange:xe},t.createElement("option",{value:""},"Select account"),t.createElement("option",{value:"Personal Saving"},"Personal Saving"),t.createElement("option",{value:"Business Saving"},"Business Saving"),t.createElement("option",{value:"Personal Checking"},"Personal Checking"),t.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&t.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:ke,onChange:r=>s(r.target.checked)}),t.createElement("label",{htmlFor:"saveACH"},"Save ACH")),ke&&t.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.createElement("p",null,"If checked, I agree for ",t.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.createElement("div",{className:"form-group "},t.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(oe=Number(e==null?void 0:e.amount))==null?void 0:oe.toFixed(2)))))))))))))))}import n,{useEffect as kn,useState as Ee}from"react";import wt from"axios";import Pt from"sweetalert2";import{IoArrowBack as Vt}from"react-icons/io5";function _n(e){var I,U,xe,rt,st,tt,nt,lt,dt;let[y,P]=Ee(!1),[$,z]=Ee(!1),[Be,v]=Ee(""),[je,ge]=Ee(!1),[a,Y]=Ee(!1),[g,W]=Ee("card"),[l,Le]=Ee(!1),ke=e.fractalpayClientKey,[s,Se]=Ee(),[o,he]=Ee({}),[N,ve]=Ee([]),[S,Pe]=Ee(),[x,Ke]=Ee(),[A,C]=Ee(""),u=()=>P(!0),Z=()=>P(!1),b=()=>{Y(!1),W("card"),z(!1),v(""),ge(!1),C(""),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Le(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},H=()=>Y(!0),le=(p,f)=>{let B=p;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(B)){(f===""||/^[0-9]+$/.test(f))&&(he(V=>L(F({},V),{[B]:""})),Se(V=>L(F({},V),{[B]:f})));return}he(V=>L(F({},V),{[B]:""})),Se(V=>L(F({},V),{[B]:f}))},ye=p=>{let B=p.target.value.replace(/\D/g,""),T="";/^3[47]/.test(B)?T=B.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(X,ie,de,ae)=>[ie,de,ae].filter(Boolean).join(" ")):T=B.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(X,ie,de,ae,G)=>[ie,de,ae,G].filter(Boolean).join(" ")),he(V=>L(F({},V),{cardNumber:""})),Se(V=>L(F({},V),{cardNumber:T}))},_e=()=>{var V,X,ie,de,ae,G;let p={},f=s,B=parseInt((f==null?void 0:f.expiryMonth)||"",10),T=(f==null?void 0:f.expiryYear)||"";if((V=f==null?void 0:f.cardName)!=null&&V.trim()||(p.cardName="Card name is required"),(X=f==null?void 0:f.cardNumber)!=null&&X.trim()||(p.cardNumber="Card number is required"),(!((ie=f==null?void 0:f.expiryMonth)!=null&&ie.trim())||!((de=f==null?void 0:f.expiryYear)!=null&&de.trim())||isNaN(B)||B<1||B>12||T.length!==4)&&(p.expiryMonth="Invalid Expiration Date."),(ae=f==null?void 0:f.cvv)!=null&&ae.trim()||(p.cvv="CVV is required"),(G=f==null?void 0:f.zipCode)!=null&&G.trim()||(p.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let Me=parseInt(f.expiryMonth,10),Q=parseInt(f.expiryYear,10),D=new Date,Te=D.getMonth()+1,ze=D.getFullYear();(Q<ze||Q===ze&&Me<Te)&&(p.expiryMonth="Card is expired")}return he(p),Object.keys(p).length>0},Ce=async p=>{var f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe,r,i,k,M;if(p.preventDefault(),g=="card"){if(_e())return;{let R=DatacapWebToken.validateCardNumber(s==null?void 0:s.cardNumber.replaceAll(" ","")),re=DatacapWebToken.validateExpirationDate(s==null?void 0:s.expiryMonth,s==null?void 0:s.expiryYear),j=DatacapWebToken.validateCVV(s==null?void 0:s.cvv),se={};if(R||(se.cardNumber="Invalid card Number"),re||(se.expiryMonth="Invalid Expiration Date."),j||(se.cvv="Invalid CVV"),he(se),R&&j&&re){z(!0);try{let ee=async function(E){if(E.Error)v(E.Error),z(!1);else{let O=s==null?void 0:s.cardName,Ie=s==null?void 0:s.zipCode;E.name=O,E.postal_code=Ie,E.fractalpayPublicKey=e==null?void 0:e.fractalpayClientKey,E.amount=e==null?void 0:e.amount,E.order_id=e==null?void 0:e.orderID,E.preAuth_id="",E.isCardSave=l,E.customer_id=e==null?void 0:e.customerId,E.link_token="",E.gateway_id=x==null?void 0:x.paymentGateway,E.discount=e==null?void 0:e.discount,E.tax=e==null?void 0:e.tax,E.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let be={method:"POST",body:JSON.stringify(E),redirect:"follow"};$e.emit("sendMessage",L(F({},be),{isChargePreauth:!0})),$e.on("charge-preauth",Ne=>{var me;console.log(Ne,"datdata"),(Ne==null?void 0:Ne.status)=="Failed"?(z(!1),v((Ne==null?void 0:Ne.message)||"Something went wrong. Please try again later.")):(ge(!0),C((me=Ne==null?void 0:Ne.data)==null?void 0:me.transaction_id),z(!1),Se({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((x==null?void 0:x.paymentGateway)===32){let E={method:"POST",redirect:"follow"};try{let O=await wt.post(`${pt}api/v1/widget/generate-session`,E),Ie=Number(s==null?void 0:s.expiryYear)%100,we=s==null?void 0:s.cardNumber;we=we==null?void 0:we.replace(/\s+/g,"");let be=`${we}=${Ie}${s==null?void 0:s.expiryMonth} ${s==null?void 0:s.cvv}`,me=forge.pki.publicKeyFromPem((B=(f=O==null?void 0:O.data)==null?void 0:f.data)==null?void 0:B.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),De=forge.util.encode64(me),Re={"Content-Type":"application/json","x-app-session-key":(V=(T=O.data)==null?void 0:T.data)==null?void 0:V.session_key},K=JSON.stringify({enc_track2_data:`${De}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ie=(X=O==null?void 0:O.data)==null?void 0:X.data)==null?void 0:ie.session_key}`});try{let _=await wt.post(`${ut}tokenizer/tokenize`,K,{headers:Re}),pe=JSON.stringify(L(F({},(de=_==null?void 0:_.data)==null?void 0:de.data),{name:s==null?void 0:s.cardName,postal_code:s==null?void 0:s.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(G=(ae=_==null?void 0:_.data)==null?void 0:ae.data)==null?void 0:G.token}`,fractalpayPublicKey:ke,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:l,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:s==null?void 0:s.expiryYear,ExpirationMonth:s==null?void 0:s.expiryMonth,CVV:s==null?void 0:s.cvv,Last4:(Q=(Me=_==null?void 0:_.data)==null?void 0:Me.data)==null?void 0:Q.last4,Brand:(Te=(D=_==null?void 0:_.data)==null?void 0:D.data)==null?void 0:Te.brand,gateway_id:x==null?void 0:x.paymentGateway})),Fe={method:"POST",headers:{"Content-Type":"application/json"},body:pe,redirect:"follow"};$e.emit("sendMessage",L(F({},Fe),{isFractalPreauth:!0})),$e.on("fractal-charge-preauth",We=>{var Ye;(We==null?void 0:We.status)=="Failed"?(z(!1),v((We==null?void 0:We.message)||"Something went wrong , Try again later")):(C((Ye=We==null?void 0:We.data)==null?void 0:Ye.transaction_id),ge(!0),z(!1))})}catch(_){console.log(_),z(!1),v(((oe=(ze=_==null?void 0:_.response)==null?void 0:ze.data)==null?void 0:oe.message)||(_==null?void 0:_.message)||"Something went wrong , Try again later")}}catch(O){z(!1),v(((i=(r=O==null?void 0:O.response)==null?void 0:r.data)==null?void 0:i.message)||(O==null?void 0:O.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(x==null?void 0:x.dctoken,"PaymentForm",ee)}catch(ee){z(!1),v(((M=(k=ee==null?void 0:ee.response)==null?void 0:k.data)==null?void 0:M.message)||(ee==null?void 0:ee.message)||"Something went wrong.")}}}}},ue=async()=>{var p,f,B,T,V,X,ie,de,ae,G,Me,Q,D,Te,ze,oe,r,i;u();try{let k={fractalpayPublicKey:ke,customer_id:e==null?void 0:e.customerId,preauth:!0},M=await wt.post(`${ce}get-payment-details`,k);if(Ke((p=M==null?void 0:M.data)==null?void 0:p.data),(B=(f=M==null?void 0:M.data)==null?void 0:f.data)!=null&&B.paymentGateway||(b(),v("Something went wrong.")),(V=(T=M==null?void 0:M.data)==null?void 0:T.data)!=null&&V.card_list&&((de=(ie=(X=M==null?void 0:M.data)==null?void 0:X.data)==null?void 0:ie.card_list)==null?void 0:de.length)>0){ve((G=(ae=M==null?void 0:M.data)==null?void 0:ae.data)==null?void 0:G.card_list),W("cardList");let w=(D=(Q=(Me=M==null?void 0:M.data)==null?void 0:Me.data)==null?void 0:Q.card_list)==null?void 0:D.filter(R=>(R==null?void 0:R.primary_card)==1);w!=null&&w[0]&&((Te=w==null?void 0:w[0])==null?void 0:Te.payment_method_type)==((oe=(ze=M==null?void 0:M.data)==null?void 0:ze.data)==null?void 0:oe.paymentGateway)&&Pe(w[0])}else W("card");Z()}catch(k){console.log(k),Z(),v(((i=(r=k==null?void 0:k.response)==null?void 0:r.data)==null?void 0:i.message)||(k==null?void 0:k.message)||"Something went wrong")}},d=async()=>{var Me,Q,D,Te,ze,oe,r;let p=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,B=e==null?void 0:e.surcharge,T=e==null?void 0:e.tax,V=e==null?void 0:e.fractalpayClientKey,X=e==null?void 0:e.orderID,ie=e==null?void 0:e.amount,de=S==null?void 0:S.id,ae=S==null?void 0:S.card_type;if(V&&X&&ie)if(p)if(de){let i={amount:ie,order_id:X,customer_id:p,card_id:de,fractalpayPublicKey:V,isCardSave:ae!="Bank",discount:f,surcharge:B,tax:T},G=i,{isCardSave:k}=G,M=kt(G,["isCardSave"]),R=ce+(ae==="Bank"?"charge-ach":"charge-by-card"),re={"Content-Type":"application/json"};z(!0);try{let j=await wt.post(R,ae=="Bank"?M:i,{headers:re});(Me=j==null?void 0:j.data)!=null&&Me.result&&(C((D=(Q=j==null?void 0:j.data)==null?void 0:Q.data)==null?void 0:D.transaction_id),ge(!0),z(!1))}catch(j){z(!1),console.log(j),v(((ze=(Te=j==null?void 0:j.response)==null?void 0:Te.data)==null?void 0:ze.message)||((r=(oe=j==null?void 0:j.response)==null?void 0:oe.data)==null?void 0:r.status)||"Something went erong")}}else v("Please Select A Card/ACH");else v("Please Select Customer");else v("Something went wrong.")};kn(()=>{a&&ke&&ue()},[ke,a]);let h=async p=>{Pt.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async f=>{if(f.isConfirmed){z(!0);try{let B={card_id:p,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.fractalpayClientKey},T=await wt.post(`${ce}delete-customer-card`,B);z(!1),ue(),Pt.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(B){z(!1),Pt.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})};return n.createElement(n.Fragment,null,n.createElement(ct,null),n.createElement(xt,null),n.createElement(n.Fragment,null,n.createElement("button",{className:"paymentBtn",onClick:H},"PreAuth Payment"),n.createElement(Xe,{open:a,onClose:b},Be&&n.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.createElement(ft,{error:Be,onClose:b})),je&&n.createElement(bt,{onClose:b,tranId:A}),!Be&&!je&&n.createElement(n.Fragment,null,(y||$)&&n.createElement(Qe,{loading:y||$}),n.createElement("div",null,n.createElement("div",{className:"frac-card-payment-page frac-form"},n.createElement("div",{className:"parent-pay-container"},n.createElement("span",{className:"request-payment-close-popup",onClick:b},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12425_52336"},n.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.createElement("div",{className:"pay-container"},n.createElement("div",{className:"pay-header pay-conatiner-one"},n.createElement("div",{className:"pay-conatiner-one-first"},n.createElement("div",{className:"pay-logo-container"},n.createElement("div",{className:"pay-main-logo"},n.createElement("img",{src:"https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png",id:"pay-logos"})),n.createElement("h1",{className:"pay-heading"},"Pay"),(N==null?void 0:N.length)>0&&g!=="cardList"&&n.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.createElement(Vt,null)," Back")),n.createElement("div",{className:"amt-pay-con"},n.createElement("div",{className:"pay-amount-conatiner"},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(I=Number(e==null?void 0:e.amount))==null?void 0:I.toFixed(2))),g!="ach"&&n.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:33}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:33,alt:""}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:33}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:33,alt:""})))),n.createElement("div",{className:"pay-conatiner-one-last"},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/secure-img.png",alt:""}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/pov-by.png",alt:""}),"Secure payments powered by Fractal"),n.createElement("div",null)),!y&&n.createElement("div",{className:"pay-tab pay-conatiner-two"},n.createElement("div",{className:"col-md-12"},n.createElement("div",{id:"payment-form-div"},g!=="cardList"?n.createElement("div",null,(N==null?void 0:N.length)>0&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.createElement(Vt,null)," Back"),n.createElement("div",{className:""},n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(U=Number(e==null?void 0:e.amount))==null?void 0:U.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))))):n.createElement("div",null,n.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",x==null?void 0:x.customer_name),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(xe=Number(e==null?void 0:e.amount))==null?void 0:xe.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/visa-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/mc-img.svg",width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/ae-img.svg",alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/discover-img.svg",width:35,alt:""})))),n.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),n.createElement("div",{style:{display:g==="cardList"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"card-lint-div-in"},n.createElement("div",{className:"card-list-div"},(x==null?void 0:x.card_list)&&((rt=x==null?void 0:x.card_list)==null?void 0:rt.length)>0&&((st=x==null?void 0:x.card_list)==null?void 0:st.map((p,f)=>n.createElement("div",{className:"card-list-single-div",key:f},n.createElement("div",{className:"card-number-radio"},n.createElement("input",{disabled:(x==null?void 0:x.paymentGateway)!=(p==null?void 0:p.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:S===p,onChange:B=>Pe(p)}),n.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",p==null?void 0:p.cardlastfourdigit),n.createElement("h6",{className:"card-expiry-date"},p==null?void 0:p.expmonth,"/",p==null?void 0:p.expyear)),n.createElement("div",{className:"card-number-radio"},n.createElement("span",{className:"visa-card"},n.createElement("img",{src:(p==null?void 0:p.card_type)!="Bank"?"https://dev-widget.fractalpay.com/images/visa-img.svg":"https://dev-widget.fractalpay.com/images/bank.svg",alt:""})),n.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>h(p==null?void 0:p.id)},n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/Trash.svg",alt:""}))))))),n.createElement("div",{className:"pay-with-other-card ",onClick:()=>W("card")},"Authorize With Other Card",n.createElement("img",{src:"https://dev-widget.fractalpay.com/images/card.svg",alt:""}))),n.createElement("div",{className:"form-group"},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:d},"$",(tt=Number(e==null?void 0:e.amount))==null?void 0:tt.toFixed(2)))),n.createElement("div",{id:"card",style:{display:g==="card"?"block":"none"},className:"tabcontent"},n.createElement("form",{id:"PaymentForm",onSubmit:Ce},n.createElement("div",{className:"ach-scrl",style:{minHeight:(N==null?void 0:N.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),n.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(s==null?void 0:s.cardName)||"",onChange:p=>{let f=p.target.value;/^[a-zA-Z\s]*$/.test(f)&&le("cardName",f)}}),(o==null?void 0:o.cardName)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardNumber"},"Card Number"),n.createElement("div",{className:"toggle-num-wrapper"},n.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(s==null?void 0:s.cardNumber)||"",onChange:p=>ye(p),"data-token":"card_number"}),n.createElement("div",{className:"card-crdi card-expiry-new"},n.createElement("div",{className:"exp-date-year-container"},n.createElement("div",{className:"exp-date form-group"},n.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(s==null?void 0:s.expiryMonth)||"",onChange:p=>le("expiryMonth",p.target.value)})),n.createElement("div",{className:"exp-year form-group"},n.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(s==null?void 0:s.expiryYear)||"",onChange:p=>le("expiryYear",p.target.value)})),n.createElement("div",{className:"security-digit form-group"},n.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(s==null?void 0:s.cvv)||"",onChange:p=>le("cvv",p.target.value)})))),(o==null?void 0:o.cardNumber)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),n.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?n.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(nt=s==null?void 0:s.orderId)!=null?nt:"OID123456",onChange:p=>le("orderId",p.target.value),style:{background:"#F6F6F7",color:"#727272"}})),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"zip"},"ZIP"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(lt=s==null?void 0:s.zipCode)!=null?lt:"",onChange:p=>le("zipCode",p.target.value)}),(o==null?void 0:o.zipCode)&&n.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group"},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:p=>Le(p.target.checked)}),n.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.createElement("rect",{width:"20",height:"20",fill:"white"}),n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12420_50192"},n.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},n.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(dt=Number(e==null?void 0:e.amount))==null?void 0:dt.toFixed(2))))))))))))))))}import q,{useEffect as Sn,useState as gt}from"react";import Pn from"sweetalert2";import ht from"axios";import Mn from"react";function zt(){let e="#000",y="#fff",P="#212529",$="#dee2e6";return Mn.createElement("style",null,`
1472
1472
  .add-card {
1473
1473
  max-width:380px;
1474
1474
  padding: 0 20px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fractalpay/fractalpay-next-dev",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "next dev -p 4001",