@fractalpay/fractalpay-next-dev 0.0.64 → 0.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -6
- package/dist/index.mjs +6 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var di=Object.create;var nn=Object.defineProperty,mi=Object.defineProperties,ci=Object.getOwnPropertyDescriptor,pi=Object.getOwnPropertyDescriptors,ui=Object.getOwnPropertyNames,sn=Object.getOwnPropertySymbols,gi=Object.getPrototypeOf,un=Object.prototype.hasOwnProperty,Sn=Object.prototype.propertyIsEnumerable;var Fn=(e,b,q)=>b in e?nn(e,b,{enumerable:!0,configurable:!0,writable:!0,value:q}):e[b]=q,M=(e,b)=>{for(var q in b||(b={}))un.call(b,q)&&Fn(e,q,b[q]);if(sn)for(var q of sn(b))Sn.call(b,q)&&Fn(e,q,b[q]);return e},B=(e,b)=>mi(e,pi(b));var ln=(e,b)=>{var q={};for(var K in e)un.call(e,K)&&b.indexOf(K)<0&&(q[K]=e[K]);if(e!=null&&sn)for(var K of sn(e))b.indexOf(K)<0&&Sn.call(e,K)&&(q[K]=e[K]);return q};var fi=(e,b)=>()=>(b||e((b={exports:{}}).exports,b),b.exports),hi=(e,b)=>{for(var q in b)nn(e,q,{get:b[q],enumerable:!0})},Mn=(e,b,q,K)=>{if(b&&typeof b=="object"||typeof b=="function")for(let Y of ui(b))!un.call(e,Y)&&Y!==q&&nn(e,Y,{get:()=>b[Y],enumerable:!(K=ci(b,Y))||K.enumerable});return e};var ge=(e,b,q)=>(q=e!=null?di(gi(e)):{},Mn(b||!e||!e.__esModule?nn(q,"default",{value:e,enumerable:!0}):q,e)),yi=e=>Mn(nn({},"__esModule",{value:!0}),e);var zn=fi((Bi,vi)=>{vi.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.
|
|
1
|
+
"use strict";var di=Object.create;var nn=Object.defineProperty,mi=Object.defineProperties,ci=Object.getOwnPropertyDescriptor,pi=Object.getOwnPropertyDescriptors,ui=Object.getOwnPropertyNames,sn=Object.getOwnPropertySymbols,gi=Object.getPrototypeOf,un=Object.prototype.hasOwnProperty,Sn=Object.prototype.propertyIsEnumerable;var Fn=(e,b,q)=>b in e?nn(e,b,{enumerable:!0,configurable:!0,writable:!0,value:q}):e[b]=q,M=(e,b)=>{for(var q in b||(b={}))un.call(b,q)&&Fn(e,q,b[q]);if(sn)for(var q of sn(b))Sn.call(b,q)&&Fn(e,q,b[q]);return e},B=(e,b)=>mi(e,pi(b));var ln=(e,b)=>{var q={};for(var K in e)un.call(e,K)&&b.indexOf(K)<0&&(q[K]=e[K]);if(e!=null&&sn)for(var K of sn(e))b.indexOf(K)<0&&Sn.call(e,K)&&(q[K]=e[K]);return q};var fi=(e,b)=>()=>(b||e((b={exports:{}}).exports,b),b.exports),hi=(e,b)=>{for(var q in b)nn(e,q,{get:b[q],enumerable:!0})},Mn=(e,b,q,K)=>{if(b&&typeof b=="object"||typeof b=="function")for(let Y of ui(b))!un.call(e,Y)&&Y!==q&&nn(e,Y,{get:()=>b[Y],enumerable:!(K=ci(b,Y))||K.enumerable});return e};var ge=(e,b,q)=>(q=e!=null?di(gi(e)):{},Mn(b||!e||!e.__esModule?nn(q,"default",{value:e,enumerable:!0}):q,e)),yi=e=>Mn(nn({},"__esModule",{value:!0}),e);var zn=fi((Bi,vi)=>{vi.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.65",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@types/yup":"^0.29.14",axios:"^1.8.1",bootstrap:"^5.3.3","credit-card-type":"^10.0.1",formik:"^2.4.6","node-forge":"^1.3.1","react-bootstrap":"^2.10.5","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-icons":"^5.5.0","react-number-format":"^5.4.3","react-toastify":"^10.0.6","socket.io-client":"^4.8.1","styled-components":"^6.1.15",sweetalert2:"^11.22.0",yup:"^1.6.1"},peerdependencies:{next:"15.0.3",react:">=18.0.0 <20.0.0","react-dom":">=18.0.0 <20.0.0"},devDependencies:{"@types/estree":"^1.0.8","@types/node":"^20","@types/node-forge":"^1.3.11","@types/react":"^18","@types/react-dom":"^18",autoprefixer:"^10.4.20","credit-card-type":"^10.0.1",eslint:"^8","eslint-config-next":"15.0.3",next:"^15.0.3",react:"^18.3.1","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-dom":"^18.3.1","react-toastify":"^10.0.6",tsup:"^8.4.0",typescript:"^5"},author:"Mukul",license:"MIT",keywords:["nextjs","next","typescript","tailwindcss"],main:"dist/index.js",publishConfig:{access:"public"}}});var Si={};hi(Si,{AddCard:()=>Qn,CardOnFile:()=>Rn,GetPaymentPage:()=>En,PaymentWidget:()=>ti,PreAuthPayment:()=>Wn,RequestPayment:()=>$n,RequestPreAuthPayment:()=>jn});module.exports=yi(Si);var Gi=require("bootstrap/dist/js/bootstrap.bundle.min.js"),x=ge(require("react"));var Ht=ge(require("react"));var Pn=ge(require("react")),xi=e=>Pn.default.createElement("style",null,`
|
|
2
2
|
|
|
3
3
|
.loader {
|
|
4
4
|
position: fixed; /* Fixed position to cover the viewport */
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
`),Ln=xi;var bi=e=>Ht.default.createElement(Ht.default.Fragment,null,Ht.default.createElement(Ln,null),(e==null?void 0:e.loading)&&Ht.default.createElement("div",{className:"loader"},Ht.default.createElement("div",{className:"lds-ellipsis"},Ht.default.createElement("div",null),Ht.default.createElement("div",null),Ht.default.createElement("div",null),Ht.default.createElement("div",null)))),_t=bi;var{name:an}=zn();console.log(an,"dgijiisdfhg");var me="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";an==="@fractalpay/fractalpay-next-dev"?(be="https://dev-sky-node.fractalpay.com/",Ne="https://dev-widget.fractalpay.com/",
|
|
84
|
+
`),Ln=xi;var bi=e=>Ht.default.createElement(Ht.default.Fragment,null,Ht.default.createElement(Ln,null),(e==null?void 0:e.loading)&&Ht.default.createElement("div",{className:"loader"},Ht.default.createElement("div",{className:"lds-ellipsis"},Ht.default.createElement("div",null),Ht.default.createElement("div",null),Ht.default.createElement("div",null),Ht.default.createElement("div",null)))),_t=bi;var{name:an}=zn();console.log(an,"dgijiisdfhg");var me="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";an==="@fractalpay/fractalpay-next-dev"?(be="https://dev-sky-node.fractalpay.com/",Ne="https://dev-widget.fractalpay.com/",yt="https://api-dev.merchant-trends.com/"):an==="@fractalpay/fractalpay-next-test"?(be="https://testapi.fractalpay.com/",Ne="https://staging-widget.fractalpay.com/",yt="https://api-dev.merchant-trends.com/"):an==="@fractalpay/fractalpay-next-testprod"?(be="https://sky-node-prod.fractalpay.com/",Ne="https://widget-prod.fractalpay.com/",yt="https://api.merchant-trends.com/"):an==="@fractalpay/fractalpay-next"?(be="https://api.fractalpay.com/",Ne="https://widget.fractalpay.com/",yt="https://api.merchant-trends.com/"):(Ne="http://localhost:8082/",be="http://localhost:8081/",yt="https://api-dev.merchant-trends.com/");var be,Ne,yt;var Qe={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};var Dt=ge(require("react"));var In=ge(require("react")),Ci=e=>In.default.createElement("style",null,`
|
|
85
85
|
.fractal-input::placeholder {
|
|
86
86
|
color: #35254D;
|
|
87
87
|
opacity: 1;
|
|
@@ -1510,7 +1510,7 @@
|
|
|
1510
1510
|
padding:10px 17px;
|
|
1511
1511
|
cursor:pointer;
|
|
1512
1512
|
}
|
|
1513
|
-
`)}var ki=({onClose:e,error:b})=>Ft.default.createElement(Ft.default.Fragment,null,Ft.default.createElement(hn,null),Ft.default.createElement("div",{className:"card-error"},Ft.default.createElement("div",{className:"payment-error-container"},Ft.default.createElement("div",{className:"error-icon"},Ft.default.createElement("div",{className:"circle"},Ft.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ft.default.createElement("div",{className:"error-text"},Ft.default.createElement("div",{className:"payment-error-text"},b),Ft.default.createElement("div",{className:"thank-you-text"},"Try again later ")),Ft.default.createElement("div",{className:"error-btn-div"},Ft.default.createElement("button",{onClick:e},"OK")))))),jt=ki;var Zn=require("socket.io-client");var _i=(0,Zn.io)(Ne,{transports:["websocket"],withCredentials:!1}),St=_i;var yn=e=>{try{let b=JSON.parse(e);return typeof b=="object"&&b!==null}catch(b){return!1}},mn=[{value:"personal saving",label:"Personal Saving"},{value:"business saving",label:"Business Saving"},{value:"personal checking",label:"Personal Checking"},{value:"business checking",label:"Business Checking"}];function Ut(e){let b=Number(e);return isNaN(b)?`$${e}`:new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(b)}function En(e){var qe,ot,rt,st,ct,lt,xt,bt,vt,Re,ye,pt,Ct,$t,Be,Yt,wt,Ie,Ke,Vt,s,d,j,R,V,ie;let[b,q]=(0,t.useState)(!1),[K,Y]=(0,t.useState)(!1),[je,$]=(0,t.useState)(""),[De,Fe]=(0,t.useState)(!1),[oe,c]=(0,t.useState)(!1),[W,_]=(0,t.useState)("card"),[v,r]=(0,t.useState)("card"),[ce,w]=(0,t.useState)(!0),[fe,h]=(0,t.useState)(!1),[Ve,O]=(0,t.useState)(!1),he=e.merchantPublicKey,nt=me+"widget/mc-img.svg",Ze=me+"widget/visa-img.svg",it=me+"widget/ae-img.svg",F=me+"widget/discover-img.svg",_e=me+"widget/card.svg",G=me+"widget/Trash.svg",S=me+"widget/bank.svg",p=me+"widget/secure-img.png",se=me+"widget/pov-by.png",ne=me+"widget/pax.svg",[l,u]=(0,t.useState)(),[k,A]=(0,t.useState)({}),[N,L]=(0,t.useState)(),[m,Z]=(0,t.useState)({}),[g,U]=(0,t.useState)([]),[Q,Pe]=(0,t.useState)(),[ve,et]=(0,t.useState)(),[Ee,yt]=(0,t.useState)(void 0),[f,Bt]=(0,t.useState)(),[tt,Ue]=(0,t.useState)(""),It=()=>q(!0),At=()=>q(!1),mt=(o,i)=>{let T=(parseFloat(i)||0)/100,H=o/(1+T);return Math.round(H*100)/100};(0,t.useEffect)(()=>{if(e!=null&&e.pass_fee){let o=mt(e==null?void 0:e.amount,e==null?void 0:e.surcharge);yt(o)}},[e==null?void 0:e.pass_fee]);let Ge=()=>{c(!1),_("card"),$(""),Fe(!1),Ue(""),L({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Z({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),u({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),A({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),O(!1),h(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),et({}),yt(void 0),r("card"),w(!0),Y(!1),q(!1)},Se=()=>c(!0),Ce=o=>{_(o)},Je=(o,i)=>{let T=o;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(T)){(i===""||/^[0-9]+$/.test(i))&&(A(y=>B(M({},y),{[T]:""})),u(y=>B(M({},y),{[T]:i})));return}A(y=>B(M({},y),{[T]:""})),u(y=>B(M({},y),{[T]:i}))},Pt=o=>{let T=o.target.value.replace(/\D/g,""),H="";/^3[47]/.test(T)?H=T.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(J,ee,X,D)=>[ee,X,D].filter(Boolean).join(" ")):H=T.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(J,ee,X,D,Ae)=>[ee,X,D,Ae].filter(Boolean).join(" ")),A(y=>B(M({},y),{cardNumber:""})),u(y=>B(M({},y),{cardNumber:H}))},at=o=>{let{name:i,value:T}=o.target,H=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(T)&&(Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T})));return}if(H.includes(i)){(T===""||/^[0-9]+$/.test(T))&&(Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T})));return}Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T}))},z=()=>{var y,J,ee,X,D,Ae;let o={},i=l,T=parseInt((i==null?void 0:i.expiryMonth)||"",10),H=(i==null?void 0:i.expiryYear)||"";if((y=i==null?void 0:i.cardName)!=null&&y.trim()||(o.cardName="Card name is required"),(J=i==null?void 0:i.cardNumber)!=null&&J.trim()||(o.cardNumber="Card number is required"),(!((ee=i==null?void 0:i.expiryMonth)!=null&&ee.trim())||!((X=i==null?void 0:i.expiryYear)!=null&&X.trim())||isNaN(T)||T<1||T>12||H.length!==4)&&(o.expiryMonth="Invalid Expiration Date."),(D=i==null?void 0:i.cvv)!=null&&D.trim()||(o.cvv="CVV is required"),(Ae=i==null?void 0:i.zipCode)!=null&&Ae.trim()||(o.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let ae=parseInt(i.expiryMonth,10),pe=parseInt(i.expiryYear,10),Nt=new Date,kt=Nt.getMonth()+1,Te=Nt.getFullYear();(pe<Te||pe===Te&&ae<kt)&&(o.expiryMonth="Card is expired")}return A(o),Object.keys(o).length>0},I=()=>{var T,H,y,J,ee,X,D,Ae;let o={},i=N;return(T=i==null?void 0:i.name)!=null&&T.trim()||(o.name="Name is required"),(H=i==null?void 0:i.accountNumber)!=null&&H.trim()||(o.accountNumber="Account number is required"),(y=i==null?void 0:i.accountNumber)!=null&&y.trim()&&((J=i==null?void 0:i.accountNumber)==null?void 0:J.trim())!==((ee=i==null?void 0:i.confirmAccountNumber)==null?void 0:ee.trim())&&(o.confirmAccountNumber="Account numbers must match"),(X=i==null?void 0:i.bankName)!=null&&X.trim()||(o.bankName="Bank name is required"),(D=i==null?void 0:i.routingNumber)!=null&&D.trim()||(o.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((Ae=i==null?void 0:i.routingNumber)==null?void 0:Ae.length)!==9&&(o.routingNumber="Routing number must be 9 digits"),((i==null?void 0:i.accountType)==="business saving"||(i==null?void 0:i.accountType)==="business checking")&&(!(i!=null&&i.companyName)||(i==null?void 0:i.companyName)==="")&&(o.companyName="Company Name is required for business accounts"),Z(o),Object.keys(o).length>0},re=async o=>{var i,T,H,y,J,ee,X,D,Ae,ae,pe,Nt,kt,Te,Me,Xe;if(o.preventDefault(),W!=="ach"){if(z())return;{let Ot=DatacapWebToken.validateCardNumber(l==null?void 0:l.cardNumber.replaceAll(" ","")),$e=DatacapWebToken.validateExpirationDate(l==null?void 0:l.expiryMonth,l==null?void 0:l.expiryYear),ut=DatacapWebToken.validateCVV(l==null?void 0:l.cvv),qt={};if(Ot||(qt.cardNumber="Invalid card Number"),$e||(qt.expiryMonth="Invalid Expiration Date."),ut||(qt.cvv="Invalid CVV"),A(qt),Ot&&ut&&$e){Y(!0);try{let Ye=B(M({},l),{amount:`${e.amount||0}`,fractalpayPublicKey:he,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,pass_fee:e==null?void 0:e.pass_fee}),He=await Gt.default.post(`${Ne}create-widget-order`,Ye),Wt=async function(gt){if(gt.Error)$(gt.Error),Y(!1);else{let ue=l==null?void 0:l.cardName,de=l==null?void 0:l.zipCode;gt.name=ue,gt.postal_code=de,gt.isCardSave=`${fe}`,gt.isCharge=!0,gt.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,St.emit("sendMessage",gt),St.on(He==null?void 0:He.data.data.posSalesIdEncode,Oe=>{if(yn(Oe==null?void 0:Oe.data)){let ft=JSON.parse(Oe.data);ft!=null&&ft.result?(u({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),Ue(ft==null?void 0:ft.transactionId),Fe(!0),Y(!1)):(Y(!1),$((ft==null?void 0:ft.message)||"Something went wrong."))}else $("Something went wrong.")})}};if((f==null?void 0:f.paymentGateway)===32){let gt={method:"POST",redirect:"follow"};try{let ue=await Gt.default.post(`${be}api/v1/widget/generate-session`,gt),de=Number(l==null?void 0:l.expiryYear)%100,Oe=l==null?void 0:l.cardNumber;Oe=Oe==null?void 0:Oe.replace(/\s+/g,"");let ft=`${Oe}=${de}${l==null?void 0:l.expiryMonth} ${l==null?void 0:l.cvv}`,ni=forge.pki.publicKeyFromPem((T=(i=ue==null?void 0:ue.data)==null?void 0:i.data)==null?void 0:T.publicKeyPem).encrypt(ft,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),ii=forge.util.encode64(ni),ai={"Content-Type":"application/json","x-app-session-key":(y=(H=ue.data)==null?void 0:H.data)==null?void 0:y.session_key},oi=JSON.stringify({enc_track2_data:`${ii}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ee=(J=ue==null?void 0:ue.data)==null?void 0:J.data)==null?void 0:ee.session_key}`});try{let Mt=await Gt.default.post(`${ht}tokenizer/tokenize`,oi,{headers:ai}),ri=JSON.stringify(B(M({},(X=Mt==null?void 0:Mt.data)==null?void 0:X.data),{isSaveCardChecked:fe,name:l==null?void 0:l.cardName,postal_code:l==null?void 0:l.zipCode,customer_id:e==null?void 0:e.customerId})),si=JSON.stringify({pre_sales_id:`${(Ae=(D=He==null?void 0:He.data)==null?void 0:D.data)==null?void 0:Ae.posSalesIdEncode}`,token:`${(ae=Mt==null?void 0:Mt.data)==null?void 0:ae.data.token}`,json_response:`${ri}`}),li={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:si,redirect:"follow",isChargeviafractal:!0};St.emit("sendMessage",li),St.on("chargeviafractalgateway",Qt=>{var _n;if(yn(Qt==null?void 0:Qt.data)){let Zt=JSON.parse(Qt==null?void 0:Qt.data);Zt!=null&&Zt.result?(Ue((_n=Zt==null?void 0:Zt.data)==null?void 0:_n.transactionId),Fe(!0),Y(!1)):(Y(!1),$((Zt==null?void 0:Zt.message)||"Something went wrong."))}else $("Something went wrong.")})}catch(Mt){Y(!1),$(((Nt=(pe=Mt==null?void 0:Mt.response)==null?void 0:pe.data)==null?void 0:Nt.message)||(Mt==null?void 0:Mt.message)||"Something went wrong.")}}catch(ue){Y(!1),$(((Te=(kt=ue==null?void 0:ue.response)==null?void 0:kt.data)==null?void 0:Te.message)||(ue==null?void 0:ue.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Wt)}catch(Ye){Y(!1),$(((Xe=(Me=Ye==null?void 0:Ye.response)==null?void 0:Me.data)==null?void 0:Xe.message)||(Ye==null?void 0:Ye.message)||"Something went wrong.")}}}}else{if(I())return;{Y(!0);let Ot={fractalpayPublicKey:he,label:(N==null?void 0:N.name)||"John Doe",account_number:N==null?void 0:N.accountNumber,routing_number:N==null?void 0:N.routingNumber,bank_name:N==null?void 0:N.bankName,account_type:N==null?void 0:N.accountType,amount:String(e.amount||0),isSaveAch:Ve,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,company_name:(N==null?void 0:N.companyName)||""};St.emit("sendMessage",Ot),St.on("ach-incoming",$e=>{var ut;($e==null?void 0:$e.status)=="Failed"?typeof($e==null?void 0:$e.message)=="object"?Object.values($e==null?void 0:$e.message).forEach(qt=>{$(qt||"Something went wrong")}):$(($e==null?void 0:$e.message)||"Something went wrong"):(Ue((ut=$e==null?void 0:$e.data)==null?void 0:ut.transaction_id),Fe(!0),Y(!1))})}}},le=async()=>{var o,i,T,H,y,J,ee,X,D,Ae,ae,pe,Nt,kt,Te,Me,Xe,Kt,Ot,$e,ut,qt,Ye,He,Wt,gt;It();try{let ue={fractalpayPublicKey:he,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee},de=await Gt.default.post(`${Ne}get-payment-details`,ue);if(Bt((o=de==null?void 0:de.data)==null?void 0:o.data),(T=(i=de==null?void 0:de.data)==null?void 0:i.data)!=null&&T.paymentGateway||(Ge(),$("Something went wrong.")),(y=(H=de==null?void 0:de.data)==null?void 0:H.data)!=null&&y.card_list&&((X=(ee=(J=de==null?void 0:de.data)==null?void 0:J.data)==null?void 0:ee.card_list)==null?void 0:X.length)>0){U((Ae=(D=de==null?void 0:de.data)==null?void 0:D.data)==null?void 0:Ae.card_list),_("cardList");let Oe=(Nt=(pe=(ae=de==null?void 0:de.data)==null?void 0:ae.data)==null?void 0:pe.card_list)==null?void 0:Nt.filter(ft=>(ft==null?void 0:ft.primary_card)==1);(Oe!=null&&Oe[0]&&((kt=Oe==null?void 0:Oe[0])==null?void 0:kt.payment_method_type)==((Me=(Te=de==null?void 0:de.data)==null?void 0:Te.data)==null?void 0:Me.paymentGateway)||((Xe=Oe==null?void 0:Oe[0])==null?void 0:Xe.card_type)==="Bank")&&Pe(Oe[0])}else _("card");(Ot=(Kt=de==null?void 0:de.data)==null?void 0:Kt.data)!=null&&Ot.paymentDeviceList&&((qt=(ut=($e=de==null?void 0:de.data)==null?void 0:$e.data)==null?void 0:ut.paymentDeviceList)==null?void 0:qt.length)>0&&et((He=(Ye=de==null?void 0:de.data)==null?void 0:Ye.data)==null?void 0:He.paymentDeviceList[0]),At()}catch(ue){console.log(ue),At(),$(((gt=(Wt=ue==null?void 0:ue.response)==null?void 0:Wt.data)==null?void 0:gt.message)||(ue==null?void 0:ue.message)||"Something went wrong")}},te=async()=>{let o=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),T=String(e==null?void 0:e.surcharge),H=String(e==null?void 0:e.tax),y=e==null?void 0:e.merchantPublicKey,J=e==null?void 0:e.orderID,ee=String(e==null?void 0:e.amount),X=Q==null?void 0:Q.id,D=Q==null?void 0:Q.card_type;if(y&&J&&ee)if(o)if(X){let ae={amount:ee,order_id:J,customer_id:o,card_id:X,fractalpayPublicKey:y,isCardSave:fe,discount:i,surcharge:T,tax:H},Ae=ae,{isCardSave:pe}=Ae,Nt=ln(Ae,["isCardSave"]),Te=Ne+(D==="Bank"?"charge-ach":"charge-by-card"),Me={"Content-Type":"application/json"};Y(!0),St.emit("sendMessage",{url:Te,body:D=="Bank"?Nt:ae,isChargebycard:!0}),St.on("charge-by-card",Xe=>{var Kt;(Xe==null?void 0:Xe.result)==!0||(Xe==null?void 0:Xe.status)==!0?(Ue((Kt=Xe.data)==null?void 0:Kt.transaction_id),Fe(!0),Y(!1)):$((Xe==null?void 0:Xe.message)||"Something went wrong.")})}else $("Please Select A Card/ACH");else $("Please Select Customer");else $("Something went wrong.")},We=async()=>{var y,J,ee,X,D,Ae;let o=e==null?void 0:e.merchantPublicKey,i=e==null?void 0:e.orderID,T=String(e==null?void 0:e.amount),H=e==null?void 0:e.customerId;if(!(ve!=null&&ve.device_id)){$("Please Select A Payment Device");return}if(o&&i&&T){Y(!0);let ae={amount:T,fractalpayPublicKey:o,customer_order_id:i,device_id:ve==null?void 0:ve.device_id,customer_id:H||""};try{let pe=await Gt.default.post(`${Ne}charge-with-reader`,ae);((y=pe==null?void 0:pe.data)==null?void 0:y.result)==!0?(Ue((ee=(J=pe==null?void 0:pe.data)==null?void 0:J.data)==null?void 0:ee.transaction_id),Fe(!0),Y(!1)):($(((X=pe==null?void 0:pe.data)==null?void 0:X.message)||"Something went wrong."),Y(!1))}catch(pe){$(((Ae=(D=pe==null?void 0:pe.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong."),Y(!1)}}else $("Something went wrong.")},Le=()=>{v==="card"?te():v==="reader"&&We()};(0,t.useEffect)(()=>{oe&&he&&le()},[he,oe]);let xe=async o=>{Rt.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){Y(!0);try{let T={card_id:o,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},H=await Gt.default.post(`${Ne}delete-customer-card`,T);Y(!1),le(),Rt.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(T){Y(!1),Rt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===Rt.default.DismissReason.cancel&&Rt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=o=>{switch(o==null?void 0:o.toLowerCase()){case"visa":return Ze;case"mastercard":case"mc":case"m/c":return nt;case"amex":case"american express":case"ae":return it;case"discover":case"dcvr":return F;case"bank":return S;default:return o}};return t.default.createElement(t.default.Fragment,null,t.default.createElement(Tt,null),t.default.createElement(on,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{className:"paymentBtn",onClick:Se},"Pay"),t.default.createElement(Lt,{open:oe,onClose:Ge},je&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(jt,{error:je,onClose:Ge})),De&&t.default.createElement(rn,{onClose:Ge,tranId:tt}),!je&&!De&&t.default.createElement(t.default.Fragment,null,(b||K)&&t.default.createElement(_t,{loading:b||K}),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:Ge},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:f==null?void 0:f.logo,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:f==null?void 0:f.logo,id:"pay-logos"})),t.default.createElement("h1",{className:"pay-heading"},"Pay"),(g==null?void 0:g.length)>0&&W!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>_("cardList")}," ",t.default.createElement(xn.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"},"$",(qe=Number(e==null?void 0:e.amount))==null?void 0:qe.toFixed(2)),Ee&&Ee>0&&t.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",Ee.toFixed(2)))),W!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.default.createElement("img",{src:Ze,alt:"",width:33}),t.default.createElement("img",{src:nt,width:33,alt:""}),t.default.createElement("img",{src:it,alt:"",width:33}),t.default.createElement("img",{src:F,width:33,alt:""})))),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:p,alt:""}),t.default.createElement("img",{src:se,alt:""}),"Secure payments powered by Fractal"),t.default.createElement("div",null)),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!b&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},W!=="cardList"?t.default.createElement("div",null,(g==null?void 0:g.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>_("cardList")}," ",t.default.createElement(xn.IoArrowBack,null)," Back"),(f==null?void 0:f.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:o=>{Ce("card")},style:{border:W==="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:o=>{Ce("ach")},style:{border:W==="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"},"$",(ot=Number(e==null?void 0:e.amount))==null?void 0:ot.toFixed(2))),W!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:Ze,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:nt,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:F,width:35,alt:""})))),Ee&&Ee>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",Ee))):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",v==="card"?"Cards/Banks":"Readers"," "),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"},"$",(rt=Number(e==null?void 0:e.amount))==null?void 0:rt.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:Ze,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:nt,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:F,width:35,alt:""}))))),t.default.createElement("div",{id:"ach",style:{display:W==="cardList"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},v==="card"?t.default.createElement(t.default.Fragment,null,(f==null?void 0:f.card_list)&&((st=f==null?void 0:f.card_list)==null?void 0:st.length)>0&&((ct=f==null?void 0:f.card_list)==null?void 0:ct.map((o,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:(f==null?void 0:f.paymentGateway)!=(o==null?void 0:o.payment_method_type)&&(o==null?void 0:o.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:Q===o,onChange:T=>Pe(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",o==null?void 0:o.cardlastfourdigit),(o==null?void 0:o.card_type)!="Bank"&&t.default.createElement("h6",{className:"card-expiry-date"},o==null?void 0:o.expmonth,"/",o==null?void 0:o.expyear)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ze(o==null?void 0:o.card_type),alt:""})),t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>xe(o==null?void 0:o.id)},t.default.createElement("img",{src:G,alt:""}))))))):t.default.createElement(t.default.Fragment,null,(f==null?void 0:f.paymentDeviceList)&&((lt=f==null?void 0:f.paymentDeviceList)==null?void 0:lt.length)>0&&((xt=f==null?void 0:f.paymentDeviceList)==null?void 0:xt.map((o,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:ve===o,onChange:T=>et(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},o==null?void 0:o.device_name)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ne,alt:""})))))))),t.default.createElement("div",{className:"pay-with-other-card",onClick:()=>_("card")},"Pay With Other Card",t.default.createElement("img",{src:_e,alt:""})),v==="card"&&(f==null?void 0:f.paymentDeviceList)&&((bt=f==null?void 0:f.paymentDeviceList)==null?void 0:bt.length)>0&&t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>r("reader")},"Pay With Reader",t.default.createElement("img",{src:ne,alt:""})),v==="reader"&&(f==null?void 0:f.paymentDeviceList)&&((vt=f==null?void 0:f.paymentDeviceList)==null?void 0:vt.length)>0&&t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>r("card")},"Pay With Saved Card",t.default.createElement("img",{src:_e,alt:""}))),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Le},"$",(Re=Number(e==null?void 0:e.amount))==null?void 0:Re.toFixed(2)))),t.default.createElement("div",{id:"card",style:{display:W==="card"?"block":"none"},className:"tabcontent"},ce?t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"398px":f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)==0?"456px":(g==null?void 0:g.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:(l==null?void 0:l.cardName)||"",onChange:o=>{let i=o.target.value;/^[a-zA-Z\s]*$/.test(i)&&Je("cardName",i)}}),(k==null?void 0:k.cardName)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:(l==null?void 0:l.cardNumber)||"",onChange:o=>Pt(o),"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:(l==null?void 0:l.expiryMonth)||"",onChange:o=>Je("expiryMonth",o.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:(l==null?void 0:l.expiryYear)||"",onChange:o=>Je("expiryYear",o.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:(l==null?void 0:l.cvv)||"",onChange:o=>Je("cvv",o.target.value)})))),(k==null?void 0:k.cardNumber)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardNumber),t.default.createElement("p",{style:{margin:"0"}},k!=null&&k.expiryMonth||k!=null&&k.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},k==null?void 0:k.expiryMonth):"",(k==null?void 0:k.cvv)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:(ye=e==null?void 0:e.orderID)!=null?ye:"",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:(pt=l==null?void 0:l.zipCode)!=null?pt:"",onChange:o=>Je("zipCode",o.target.value)}),(k==null?void 0:k.zipCode)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:fe,onChange:o=>h(o.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"}},(f==null?void 0:f.paymentDeviceList)&&((Ct=f==null?void 0:f.paymentDeviceList)==null?void 0:Ct.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!ce)},ce?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",($t=Number(e==null?void 0:e.amount))==null?void 0:$t.toFixed(2)))):t.default.createElement(t.default.Fragment,null,t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},(f==null?void 0:f.paymentDeviceList)&&((Be=f==null?void 0:f.paymentDeviceList)==null?void 0:Be.length)>0&&((Yt=f==null?void 0:f.paymentDeviceList)==null?void 0:Yt.map((o,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:ve===o,onChange:T=>et(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},o==null?void 0:o.device_name)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ne,alt:""})))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(f==null?void 0:f.paymentDeviceList)&&((wt=f==null?void 0:f.paymentDeviceList)==null?void 0:wt.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!ce)},ce?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{onClick:We,className:"pay-button"},"$",(Ie=Number(e==null?void 0:e.amount))==null?void 0:Ie.toFixed(2))))),t.default.createElement("div",{id:"ach",style:{display:W==="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:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"378px":f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)==0?"436px":(g==null?void 0:g.length)>0?"462px":"520px",maxHeight:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"358px":((g==null?void 0:g.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:(Ke=N==null?void 0:N.name)!=null?Ke:"",onChange:at}),(m==null?void 0:m.name)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(Vt=N==null?void 0:N.routingNumber)!=null?Vt:"",onChange:at}),(m==null?void 0:m.routingNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(s=N==null?void 0:N.accountNumber)!=null?s:"",onChange:at}),(m==null?void 0:m.accountNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(d=N==null?void 0:N.confirmAccountNumber)!=null?d:"",onChange:at}),(m==null?void 0:m.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(j=N==null?void 0:N.bankName)!=null?j:"",onChange:at}),(m==null?void 0:m.bankName)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.bankName)),((N==null?void 0:N.accountType)==="business saving"||(N==null?void 0:N.accountType)==="business checking")&&t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"companyName"},"Company name"),t.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(R=N==null?void 0:N.companyName)!=null?R:"",onChange:at}),(m==null?void 0:m.companyName)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.companyName)),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:(V=N==null?void 0:N.accountType)!=null?V:"",onChange:at},t.default.createElement("option",{value:""},"Select account"),mn.map(o=>t.default.createElement("option",{key:o.value,value:o.value},o.label)))),(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:Ve,onChange:o=>O(o.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ve&&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"},"$",(ie=Number(e==null?void 0:e.amount))==null?void 0:ie.toFixed(2)))))))))))))))}var a=ge(require("react"));var en=ge(require("axios"));var cn=ge(require("sweetalert2")),bn=require("react-icons/io5");function Wn(e){var It,At,mt,Ge,Se,Ce,Je,Pt,at;let[b,q]=(0,a.useState)(!1),[K,Y]=(0,a.useState)(!1),[je,$]=(0,a.useState)(""),[De,Fe]=(0,a.useState)(!1),[oe,c]=(0,a.useState)(!1),[W,_]=(0,a.useState)("card"),[v,r]=(0,a.useState)(!1),ce=e.merchantPublicKey,w=me+"widget/mc-img.svg",fe=me+"widget/visa-img.svg",h=me+"widget/ae-img.svg",Ve=me+"widget/discover-img.svg",O=me+"widget/card.svg",he=me+"widget/Trash.svg",nt=me+"widget/bank.svg",Ze=me+"widget/secure-img.png",it=me+"widget/pov-by.png",[F,_e]=(0,a.useState)(),[G,S]=(0,a.useState)({}),[p,se]=(0,a.useState)([]),[ne,l]=(0,a.useState)(),[u,k]=(0,a.useState)(void 0),[A,N]=(0,a.useState)(),[L,m]=(0,a.useState)(""),Z=(z,I)=>{let re=(parseFloat(I)||0)/100,le=z/(1+re);return Math.round(le*100)/100};(0,a.useEffect)(()=>{if(e!=null&&e.pass_fee){let z=Z(e==null?void 0:e.amount,e==null?void 0:e.surcharge);k(z)}},[e==null?void 0:e.pass_fee]);let g=()=>q(!0),U=()=>q(!1),Q=()=>{c(!1),_("card"),Y(!1),$(""),Fe(!1),m(""),_e({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),S({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),r(!1),l({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},Pe=()=>c(!0),ve=(z,I)=>{let re=z;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(re)){(I===""||/^[0-9]+$/.test(I))&&(S(te=>B(M({},te),{[re]:""})),_e(te=>B(M({},te),{[re]:I})));return}S(te=>B(M({},te),{[re]:""})),_e(te=>B(M({},te),{[re]:I}))},et=z=>{let re=z.target.value.replace(/\D/g,""),le="";/^3[47]/.test(re)?le=re.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(We,Le,xe,ze)=>[Le,xe,ze].filter(Boolean).join(" ")):le=re.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(We,Le,xe,ze,qe)=>[Le,xe,ze,qe].filter(Boolean).join(" ")),S(te=>B(M({},te),{cardNumber:""})),_e(te=>B(M({},te),{cardNumber:le}))},Ee=()=>{var te,We,Le,xe,ze,qe;let z={},I=F,re=parseInt((I==null?void 0:I.expiryMonth)||"",10),le=(I==null?void 0:I.expiryYear)||"";if((te=I==null?void 0:I.cardName)!=null&&te.trim()||(z.cardName="Card name is required"),(We=I==null?void 0:I.cardNumber)!=null&&We.trim()||(z.cardNumber="Card number is required"),(!((Le=I==null?void 0:I.expiryMonth)!=null&&Le.trim())||!((xe=I==null?void 0:I.expiryYear)!=null&&xe.trim())||isNaN(re)||re<1||re>12||le.length!==4)&&(z.expiryMonth="Invalid Expiration Date."),(ze=I==null?void 0:I.cvv)!=null&&ze.trim()||(z.cvv="CVV is required"),(qe=I==null?void 0:I.zipCode)!=null&&qe.trim()||(z.zipCode="ZIP code is required"),I!=null&&I.expiryMonth&&(I!=null&&I.expiryYear)&&I.expiryMonth.length<=2&&I.expiryYear.length===4){let ot=parseInt(I.expiryMonth,10),rt=parseInt(I.expiryYear,10),st=new Date,ct=st.getMonth()+1,lt=st.getFullYear();(rt<lt||rt===lt&&ot<ct)&&(z.expiryMonth="Card is expired")}return S(z),Object.keys(z).length>0},yt=async z=>{var I,re,le,te,We,Le,xe,ze,qe,ot,rt,st,ct,lt,xt,bt,vt,Re,ye;if(z.preventDefault(),W=="card"){if(Ee())return;{let Ct=DatacapWebToken.validateCardNumber(F==null?void 0:F.cardNumber.replaceAll(" ","")),$t=DatacapWebToken.validateExpirationDate(F==null?void 0:F.expiryMonth,F==null?void 0:F.expiryYear),Be=DatacapWebToken.validateCVV(F==null?void 0:F.cvv),Yt={};if(Ct||(Yt.cardNumber="Invalid card Number"),$t||(Yt.expiryMonth="Invalid Expiration Date."),Be||(Yt.cvv="Invalid CVV"),S(Yt),Ct&&Be&&$t){Y(!0);try{let wt=async function(Ie){if(Ie.Error)$(Ie.Error),Y(!1);else{let Ke=F==null?void 0:F.cardName,Vt=F==null?void 0:F.zipCode;Ie.name=Ke,Ie.postal_code=Vt,Ie.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,Ie.amount=e==null?void 0:e.amount,Ie.order_id=e==null?void 0:e.orderID,Ie.preAuth_id="",Ie.isCardSave=v,Ie.customer_id=e==null?void 0:e.customerId,Ie.link_token="",Ie.gateway_id=A==null?void 0:A.paymentGateway,Ie.discount=e==null?void 0:e.discount,Ie.tax=e==null?void 0:e.tax,Ie.surcharge=e==null?void 0:e.surcharge,Ie.pass_fee=e==null?void 0:e.pass_fee,new Headers().append("Content-Type","application/json");let d={method:"POST",body:JSON.stringify(Ie),redirect:"follow"};St.emit("sendMessage",B(M({},d),{isChargePreauth:!0})),St.on("charge-preauth",j=>{var R;console.log(j,"datdata"),(j==null?void 0:j.status)=="Failed"?(Y(!1),$((j==null?void 0:j.message)||"Something went wrong. Please try again later.")):(Fe(!0),m((R=j==null?void 0:j.data)==null?void 0:R.transaction_id),Y(!1),_e({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((A==null?void 0:A.paymentGateway)===32){let Ie={method:"POST",redirect:"follow"};try{let Ke=await en.default.post(`${be}api/v1/widget/generate-session`,Ie),Vt=Number(F==null?void 0:F.expiryYear)%100,s=F==null?void 0:F.cardNumber;s=s==null?void 0:s.replace(/\s+/g,"");let d=`${s}=${Vt}${F==null?void 0:F.expiryMonth} ${F==null?void 0:F.cvv}`,R=forge.pki.publicKeyFromPem((re=(I=Ke==null?void 0:Ke.data)==null?void 0:I.data)==null?void 0:re.publicKeyPem).encrypt(d,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),V=forge.util.encode64(R),ie={"Content-Type":"application/json","x-app-session-key":(te=(le=Ke.data)==null?void 0:le.data)==null?void 0:te.session_key},o=JSON.stringify({enc_track2_data:`${V}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Le=(We=Ke==null?void 0:Ke.data)==null?void 0:We.data)==null?void 0:Le.session_key}`});try{let i=await en.default.post(`${ht}tokenizer/tokenize`,o,{headers:ie}),T=JSON.stringify(B(M({},(xe=i==null?void 0:i.data)==null?void 0:xe.data),{name:F==null?void 0:F.cardName,postal_code:F==null?void 0:F.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(qe=(ze=i==null?void 0:i.data)==null?void 0:ze.data)==null?void 0:qe.token}`,fractalpayPublicKey:ce,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:v,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:F==null?void 0:F.expiryYear,ExpirationMonth:F==null?void 0:F.expiryMonth,CVV:F==null?void 0:F.cvv,Last4:(rt=(ot=i==null?void 0:i.data)==null?void 0:ot.data)==null?void 0:rt.last4,Brand:(ct=(st=i==null?void 0:i.data)==null?void 0:st.data)==null?void 0:ct.brand,gateway_id:A==null?void 0:A.paymentGateway,pass_fee:e==null?void 0:e.pass_fee})),y={method:"POST",headers:{"Content-Type":"application/json"},body:T,redirect:"follow"};St.emit("sendMessage",B(M({},y),{isFractalPreauth:!0})),St.on("fractal-charge-preauth",J=>{var ee;(J==null?void 0:J.status)=="Failed"?(Y(!1),$((J==null?void 0:J.message)||"Something went wrong , Try again later")):(m((ee=J==null?void 0:J.data)==null?void 0:ee.transaction_id),Fe(!0),Y(!1))})}catch(i){console.log(i),Y(!1),$(((xt=(lt=i==null?void 0:i.response)==null?void 0:lt.data)==null?void 0:xt.message)||(i==null?void 0:i.message)||"Something went wrong , Try again later")}}catch(Ke){Y(!1),$(((vt=(bt=Ke==null?void 0:Ke.response)==null?void 0:bt.data)==null?void 0:vt.message)||(Ke==null?void 0:Ke.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(A==null?void 0:A.dctoken,"PaymentForm",wt)}catch(wt){Y(!1),$(((ye=(Re=wt==null?void 0:wt.response)==null?void 0:Re.data)==null?void 0:ye.message)||(wt==null?void 0:wt.message)||"Something went wrong.")}}}}},f=async()=>{var z,I,re,le,te,We,Le,xe,ze,qe,ot,rt,st,ct,lt,xt,bt,vt;g();try{let Re={fractalpayPublicKey:ce,customer_id:e==null?void 0:e.customerId,preauth:!0},ye=await en.default.post(`${Ne}get-payment-details`,Re);if(N((z=ye==null?void 0:ye.data)==null?void 0:z.data),(re=(I=ye==null?void 0:ye.data)==null?void 0:I.data)!=null&&re.paymentGateway||(Q(),$("Something went wrong.")),(te=(le=ye==null?void 0:ye.data)==null?void 0:le.data)!=null&&te.card_list&&((xe=(Le=(We=ye==null?void 0:ye.data)==null?void 0:We.data)==null?void 0:Le.card_list)==null?void 0:xe.length)>0){se((qe=(ze=ye==null?void 0:ye.data)==null?void 0:ze.data)==null?void 0:qe.card_list),_("cardList");let pt=(st=(rt=(ot=ye==null?void 0:ye.data)==null?void 0:ot.data)==null?void 0:rt.card_list)==null?void 0:st.filter(Ct=>(Ct==null?void 0:Ct.primary_card)==1);pt!=null&&pt[0]&&((ct=pt==null?void 0:pt[0])==null?void 0:ct.payment_method_type)==((xt=(lt=ye==null?void 0:ye.data)==null?void 0:lt.data)==null?void 0:xt.paymentGateway)&&l(pt[0])}else _("card");U()}catch(Re){console.log(Re),U(),$(((vt=(bt=Re==null?void 0:Re.response)==null?void 0:bt.data)==null?void 0:vt.message)||(Re==null?void 0:Re.message)||"Something went wrong")}},Bt=async()=>{var ot,rt,st,ct,lt,xt,bt;let z=e==null?void 0:e.customerId,I=e==null?void 0:e.discount,re=e==null?void 0:e.surcharge,le=e==null?void 0:e.tax,te=e==null?void 0:e.merchantPublicKey,We=e==null?void 0:e.orderID,Le=e==null?void 0:e.amount,xe=ne==null?void 0:ne.id,ze=ne==null?void 0:ne.card_type;if(te&&We&&Le)if(z)if(xe){let vt={amount:Le,order_id:We,customer_id:z,card_id:xe,fractalpayPublicKey:te,isCardSave:ze!="Bank",discount:I,surcharge:re,tax:le},qe=vt,{isCardSave:Re}=qe,ye=ln(qe,["isCardSave"]),Ct=Ne+"authorize-by-card",$t={"Content-Type":"application/json"};Y(!0);try{let Be=await en.default.post(Ct,ze=="Bank"?ye:vt,{headers:$t});(ot=Be==null?void 0:Be.data)!=null&&ot.result&&(m((st=(rt=Be==null?void 0:Be.data)==null?void 0:rt.data)==null?void 0:st.transaction_id),Fe(!0),Y(!1))}catch(Be){Y(!1),console.log(Be),$(((lt=(ct=Be==null?void 0:Be.response)==null?void 0:ct.data)==null?void 0:lt.message)||((bt=(xt=Be==null?void 0:Be.response)==null?void 0:xt.data)==null?void 0:bt.status)||"Something went erong")}}else $("Please Select A Card/ACH");else $("Please Select Customer");else $("Something went wrong.")};(0,a.useEffect)(()=>{oe&&ce&&f()},[ce,oe]);let tt=async z=>{cn.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){Y(!0);try{let re={card_id:z,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},le=await en.default.post(`${Ne}delete-customer-card`,re);Y(!1),f(),cn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(re){Y(!1),cn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ue=z=>{switch(z==null?void 0:z.toLowerCase()){case"visa":return fe;case"mastercard":case"mc":case"m/c":return w;case"amex":case"american express":case"ae":return h;case"discover":case"dcvr":return Ve;case"bank":return nt;default:return z}};return a.default.createElement(a.default.Fragment,null,a.default.createElement(Tt,null),a.default.createElement(on,null),a.default.createElement(a.default.Fragment,null,a.default.createElement("button",{className:"paymentBtn",onClick:Pe},"PreAuth Payment"),a.default.createElement(Lt,{open:oe,onClose:Q},je&&a.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},a.default.createElement(jt,{error:je,onClose:Q})),De&&a.default.createElement(rn,{onClose:Q,tranId:L}),!je&&!De&&a.default.createElement(a.default.Fragment,null,(b||K)&&a.default.createElement(_t,{loading:b||K}),a.default.createElement("div",null,a.default.createElement("div",{className:"frac-card-payment-page frac-form"},a.default.createElement("div",{className:"parent-pay-container"},a.default.createElement("span",{className:"request-payment-close-popup",onClick:Q},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},a.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"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12425_52336"},a.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),a.default.createElement("div",{className:"pay-container"},a.default.createElement("div",{className:"pay-header pay-conatiner-one"},a.default.createElement("div",{className:"pay-conatiner-one-first"},a.default.createElement("div",{className:"pay-logo-container"},a.default.createElement("div",{className:"pay-main-logo"},a.default.createElement("img",{src:A==null?void 0:A.logo,id:"pay-logos"})),a.default.createElement("h1",{className:"pay-heading"},"Pay"),(p==null?void 0:p.length)>0&&W!=="cardList"&&a.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>_("cardList")}," ",a.default.createElement(bn.IoArrowBack,null)," Back")),a.default.createElement("div",{className:"amt-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner"},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(It=Number(e==null?void 0:e.amount))==null?void 0:It.toFixed(2)),u&&u>0&&a.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,"$",u.toFixed(2)))),W!="ach"&&a.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},a.default.createElement("img",{src:fe,alt:"",width:33}),a.default.createElement("img",{src:w,width:33,alt:""}),a.default.createElement("img",{src:h,alt:"",width:33}),a.default.createElement("img",{src:Ve,width:33,alt:""})))),a.default.createElement("div",{className:"pay-conatiner-one-last"},a.default.createElement("img",{src:Ze,alt:""}),a.default.createElement("img",{src:it,alt:""}),"Secure payments powered by Fractal"),a.default.createElement("div",null)),!b&&a.default.createElement("div",{className:"pay-tab pay-conatiner-two"},a.default.createElement("div",{className:"col-md-12"},a.default.createElement("div",{id:"payment-form-div"},W!=="cardList"?a.default.createElement("div",null,(p==null?void 0:p.length)>0&&a.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>_("cardList")}," ",a.default.createElement(bn.IoArrowBack,null)," Back"),a.default.createElement("div",{className:""},a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(At=Number(e==null?void 0:e.amount))==null?void 0:At.toFixed(2))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:fe,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:w,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:Ve,width:35,alt:""})))),u&&u>0&&a.default.createElement("div",{className:"res-pay-con frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,"$",u)))):a.default.createElement("div",null,a.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",A==null?void 0:A.customer_name),a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(mt=Number(e==null?void 0:e.amount))==null?void 0:mt.toFixed(2))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:fe,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:w,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:Ve,width:35,alt:""})))),a.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),a.default.createElement("div",{style:{display:W==="cardList"?"block":"none"},className:"tabcontent"},a.default.createElement("div",{className:"card-lint-div-in"},a.default.createElement("div",{className:"card-list-div"},(A==null?void 0:A.card_list)&&((Ge=A==null?void 0:A.card_list)==null?void 0:Ge.length)>0&&((Se=A==null?void 0:A.card_list)==null?void 0:Se.map((z,I)=>a.default.createElement("div",{className:"card-list-single-div",key:I},a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("input",{disabled:(A==null?void 0:A.paymentGateway)!=(z==null?void 0:z.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ne===z,onChange:re=>l(z)}),a.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",z==null?void 0:z.cardlastfourdigit),a.default.createElement("h6",{className:"card-expiry-date"},z==null?void 0:z.expmonth,"/",z==null?void 0:z.expyear)),a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("span",{className:"visa-card"},a.default.createElement("img",{src:Ue(z==null?void 0:z.card_type),alt:""})),a.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>tt(z==null?void 0:z.id)},a.default.createElement("img",{src:he,alt:""}))))))),a.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>_("card")},"Authorize With Other Card",a.default.createElement("img",{src:O,alt:""}))),a.default.createElement("div",{className:"form-group"},a.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},"$",(Ce=Number(e==null?void 0:e.amount))==null?void 0:Ce.toFixed(2)))),a.default.createElement("div",{id:"card",style:{display:W==="card"?"block":"none"},className:"tabcontent"},a.default.createElement("form",{id:"PaymentForm",onSubmit:yt},a.default.createElement("div",{className:"ach-scrl",style:{minHeight:(p==null?void 0:p.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),a.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(F==null?void 0:F.cardName)||"",onChange:z=>{let I=z.target.value;/^[a-zA-Z\s]*$/.test(I)&&ve("cardName",I)}}),(G==null?void 0:G.cardName)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cardName)),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),a.default.createElement("div",{className:"toggle-num-wrapper"},a.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(F==null?void 0:F.cardNumber)||"",onChange:z=>et(z),"data-token":"card_number"}),a.default.createElement("div",{className:"card-crdi card-expiry-new"},a.default.createElement("div",{className:"exp-date-year-container"},a.default.createElement("div",{className:"exp-date form-group"},a.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(F==null?void 0:F.expiryMonth)||"",onChange:z=>ve("expiryMonth",z.target.value)})),a.default.createElement("div",{className:"exp-year form-group"},a.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(F==null?void 0:F.expiryYear)||"",onChange:z=>ve("expiryYear",z.target.value)})),a.default.createElement("div",{className:"security-digit form-group"},a.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(F==null?void 0:F.cvv)||"",onChange:z=>ve("cvv",z.target.value)})))),(G==null?void 0:G.cardNumber)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cardNumber),a.default.createElement("p",{style:{margin:"0"}},G!=null&&G.expiryMonth||G!=null&&G.expiryYear?a.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},G==null?void 0:G.expiryMonth):"",(G==null?void 0:G.cvv)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cvv)))),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(Je=F==null?void 0:F.orderId)!=null?Je:"OID123456",onChange:z=>ve("orderId",z.target.value),style:{background:"#F6F6F7",color:"#727272"}})),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"zip"},"ZIP"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Pt=F==null?void 0:F.zipCode)!=null?Pt:"",onChange:z=>ve("zipCode",z.target.value)}),(G==null?void 0:G.zipCode)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.zipCode)),(e==null?void 0:e.customerId)&&a.default.createElement("div",{className:"form-group"},a.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},a.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:v,onChange:z=>r(z.target.checked)}),a.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),a.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}),a.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),a.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"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12420_50192"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),a.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},a.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(at=Number(e==null?void 0:e.amount))==null?void 0:at.toFixed(2))))))))))))))))}var E=ge(require("react"));var Xn=ge(require("sweetalert2")),Jt=ge(require("axios"));var Un=ge(require("react"));function vn(){let e="#000",b="#fff",q="#212529",K="#dee2e6";return Un.default.createElement("style",null,`
|
|
1513
|
+
`)}var ki=({onClose:e,error:b})=>Ft.default.createElement(Ft.default.Fragment,null,Ft.default.createElement(hn,null),Ft.default.createElement("div",{className:"card-error"},Ft.default.createElement("div",{className:"payment-error-container"},Ft.default.createElement("div",{className:"error-icon"},Ft.default.createElement("div",{className:"circle"},Ft.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),Ft.default.createElement("div",{className:"error-text"},Ft.default.createElement("div",{className:"payment-error-text"},b),Ft.default.createElement("div",{className:"thank-you-text"},"Try again later ")),Ft.default.createElement("div",{className:"error-btn-div"},Ft.default.createElement("button",{onClick:e},"OK")))))),jt=ki;var Zn=require("socket.io-client");var _i=(0,Zn.io)(Ne,{transports:["websocket"],withCredentials:!1}),St=_i;var yn=e=>{try{let b=JSON.parse(e);return typeof b=="object"&&b!==null}catch(b){return!1}},mn=[{value:"personal saving",label:"Personal Saving"},{value:"business saving",label:"Business Saving"},{value:"personal checking",label:"Personal Checking"},{value:"business checking",label:"Business Checking"}];function Ut(e){let b=Number(e);return isNaN(b)?`$${e}`:new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(b)}function En(e){var qe,ot,rt,st,pt,lt,xt,bt,vt,Re,ye,ut,Ct,$t,Be,Yt,wt,Ie,Ke,Vt,s,d,j,R,V,ie;let[b,q]=(0,t.useState)(!1),[K,Y]=(0,t.useState)(!1),[je,$]=(0,t.useState)(""),[De,Fe]=(0,t.useState)(!1),[oe,c]=(0,t.useState)(!1),[W,_]=(0,t.useState)("card"),[v,r]=(0,t.useState)("card"),[ce,w]=(0,t.useState)(!0),[fe,h]=(0,t.useState)(!1),[Ve,O]=(0,t.useState)(!1),he=e.merchantPublicKey,nt=me+"widget/mc-img.svg",Ze=me+"widget/visa-img.svg",it=me+"widget/ae-img.svg",F=me+"widget/discover-img.svg",_e=me+"widget/card.svg",G=me+"widget/Trash.svg",S=me+"widget/bank.svg",p=me+"widget/secure-img.png",se=me+"widget/pov-by.png",ne=me+"widget/pax.svg",[l,u]=(0,t.useState)(),[k,A]=(0,t.useState)({}),[N,L]=(0,t.useState)(),[m,Z]=(0,t.useState)({}),[g,U]=(0,t.useState)([]),[Q,Pe]=(0,t.useState)(),[ve,et]=(0,t.useState)(),[Ee,mt]=(0,t.useState)(void 0),[f,Bt]=(0,t.useState)(),[tt,Ue]=(0,t.useState)(""),It=()=>q(!0),At=()=>q(!1),ct=(o,i)=>{let T=(parseFloat(i)||0)/100,H=o/(1+T);return Math.round(H*100)/100};(0,t.useEffect)(()=>{if(console.log(e==null?void 0:e.pass_fee,"pass fee"),e!=null&&e.pass_fee){let o=ct(e==null?void 0:e.amount,e==null?void 0:e.surcharge);mt(o)}else mt(void 0)},[e==null?void 0:e.pass_fee]);let Ge=()=>{c(!1),_("card"),$(""),Fe(!1),Ue(""),L({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Z({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),u({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),A({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),O(!1),h(!1),Pe({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),et({}),mt(void 0),r("card"),w(!0),Y(!1),q(!1)},Se=()=>c(!0),Ce=o=>{_(o)},Je=(o,i)=>{let T=o;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(T)){(i===""||/^[0-9]+$/.test(i))&&(A(y=>B(M({},y),{[T]:""})),u(y=>B(M({},y),{[T]:i})));return}A(y=>B(M({},y),{[T]:""})),u(y=>B(M({},y),{[T]:i}))},Pt=o=>{let T=o.target.value.replace(/\D/g,""),H="";/^3[47]/.test(T)?H=T.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(J,ee,X,D)=>[ee,X,D].filter(Boolean).join(" ")):H=T.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(J,ee,X,D,Ae)=>[ee,X,D,Ae].filter(Boolean).join(" ")),A(y=>B(M({},y),{cardNumber:""})),u(y=>B(M({},y),{cardNumber:H}))},at=o=>{let{name:i,value:T}=o.target,H=["routingNumber","accountNumber","confirmAccountNumber"];if(i=="name"){/^[a-zA-Z\s]*$/.test(T)&&(Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T})));return}if(H.includes(i)){(T===""||/^[0-9]+$/.test(T))&&(Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T})));return}Z(y=>B(M({},y),{[i]:""})),L(y=>B(M({},y),{[i]:T}))},z=()=>{var y,J,ee,X,D,Ae;let o={},i=l,T=parseInt((i==null?void 0:i.expiryMonth)||"",10),H=(i==null?void 0:i.expiryYear)||"";if((y=i==null?void 0:i.cardName)!=null&&y.trim()||(o.cardName="Card name is required"),(J=i==null?void 0:i.cardNumber)!=null&&J.trim()||(o.cardNumber="Card number is required"),(!((ee=i==null?void 0:i.expiryMonth)!=null&&ee.trim())||!((X=i==null?void 0:i.expiryYear)!=null&&X.trim())||isNaN(T)||T<1||T>12||H.length!==4)&&(o.expiryMonth="Invalid Expiration Date."),(D=i==null?void 0:i.cvv)!=null&&D.trim()||(o.cvv="CVV is required"),(Ae=i==null?void 0:i.zipCode)!=null&&Ae.trim()||(o.zipCode="ZIP code is required"),i!=null&&i.expiryMonth&&(i!=null&&i.expiryYear)&&i.expiryMonth.length<=2&&i.expiryYear.length===4){let ae=parseInt(i.expiryMonth,10),pe=parseInt(i.expiryYear,10),Nt=new Date,kt=Nt.getMonth()+1,Te=Nt.getFullYear();(pe<Te||pe===Te&&ae<kt)&&(o.expiryMonth="Card is expired")}return A(o),Object.keys(o).length>0},I=()=>{var T,H,y,J,ee,X,D,Ae;let o={},i=N;return(T=i==null?void 0:i.name)!=null&&T.trim()||(o.name="Name is required"),(H=i==null?void 0:i.accountNumber)!=null&&H.trim()||(o.accountNumber="Account number is required"),(y=i==null?void 0:i.accountNumber)!=null&&y.trim()&&((J=i==null?void 0:i.accountNumber)==null?void 0:J.trim())!==((ee=i==null?void 0:i.confirmAccountNumber)==null?void 0:ee.trim())&&(o.confirmAccountNumber="Account numbers must match"),(X=i==null?void 0:i.bankName)!=null&&X.trim()||(o.bankName="Bank name is required"),(D=i==null?void 0:i.routingNumber)!=null&&D.trim()||(o.routingNumber="Routing Number is required"),i!=null&&i.routingNumber&&((Ae=i==null?void 0:i.routingNumber)==null?void 0:Ae.length)!==9&&(o.routingNumber="Routing number must be 9 digits"),((i==null?void 0:i.accountType)==="business saving"||(i==null?void 0:i.accountType)==="business checking")&&(!(i!=null&&i.companyName)||(i==null?void 0:i.companyName)==="")&&(o.companyName="Company Name is required for business accounts"),Z(o),Object.keys(o).length>0},re=async o=>{var i,T,H,y,J,ee,X,D,Ae,ae,pe,Nt,kt,Te,Me,Xe;if(o.preventDefault(),W!=="ach"){if(z())return;{let Ot=DatacapWebToken.validateCardNumber(l==null?void 0:l.cardNumber.replaceAll(" ","")),$e=DatacapWebToken.validateExpirationDate(l==null?void 0:l.expiryMonth,l==null?void 0:l.expiryYear),gt=DatacapWebToken.validateCVV(l==null?void 0:l.cvv),qt={};if(Ot||(qt.cardNumber="Invalid card Number"),$e||(qt.expiryMonth="Invalid Expiration Date."),gt||(qt.cvv="Invalid CVV"),A(qt),Ot&>&&$e){Y(!0);try{let Ye=B(M({},l),{amount:`${e.amount||0}`,fractalpayPublicKey:he,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,pass_fee:e==null?void 0:e.pass_fee}),He=await Gt.default.post(`${Ne}create-widget-order`,Ye),Wt=async function(ft){if(ft.Error)$(ft.Error),Y(!1);else{let ue=l==null?void 0:l.cardName,de=l==null?void 0:l.zipCode;ft.name=ue,ft.postal_code=de,ft.isCardSave=`${fe}`,ft.isCharge=!0,ft.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,St.emit("sendMessage",ft),St.on(He==null?void 0:He.data.data.posSalesIdEncode,Oe=>{if(yn(Oe==null?void 0:Oe.data)){let ht=JSON.parse(Oe.data);ht!=null&&ht.result?(u({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),Ue(ht==null?void 0:ht.transactionId),Fe(!0),Y(!1)):(Y(!1),$((ht==null?void 0:ht.message)||"Something went wrong."))}else $("Something went wrong.")})}};if((f==null?void 0:f.paymentGateway)===32){let ft={method:"POST",redirect:"follow"};try{let ue=await Gt.default.post(`${be}api/v1/widget/generate-session`,ft),de=Number(l==null?void 0:l.expiryYear)%100,Oe=l==null?void 0:l.cardNumber;Oe=Oe==null?void 0:Oe.replace(/\s+/g,"");let ht=`${Oe}=${de}${l==null?void 0:l.expiryMonth} ${l==null?void 0:l.cvv}`,ni=forge.pki.publicKeyFromPem((T=(i=ue==null?void 0:ue.data)==null?void 0:i.data)==null?void 0:T.publicKeyPem).encrypt(ht,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),ii=forge.util.encode64(ni),ai={"Content-Type":"application/json","x-app-session-key":(y=(H=ue.data)==null?void 0:H.data)==null?void 0:y.session_key},oi=JSON.stringify({enc_track2_data:`${ii}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ee=(J=ue==null?void 0:ue.data)==null?void 0:J.data)==null?void 0:ee.session_key}`});try{let Mt=await Gt.default.post(`${yt}tokenizer/tokenize`,oi,{headers:ai}),ri=JSON.stringify(B(M({},(X=Mt==null?void 0:Mt.data)==null?void 0:X.data),{isSaveCardChecked:fe,name:l==null?void 0:l.cardName,postal_code:l==null?void 0:l.zipCode,customer_id:e==null?void 0:e.customerId})),si=JSON.stringify({pre_sales_id:`${(Ae=(D=He==null?void 0:He.data)==null?void 0:D.data)==null?void 0:Ae.posSalesIdEncode}`,token:`${(ae=Mt==null?void 0:Mt.data)==null?void 0:ae.data.token}`,json_response:`${ri}`}),li={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:si,redirect:"follow",isChargeviafractal:!0};St.emit("sendMessage",li),St.on("chargeviafractalgateway",Qt=>{var _n;if(yn(Qt==null?void 0:Qt.data)){let Zt=JSON.parse(Qt==null?void 0:Qt.data);Zt!=null&&Zt.result?(Ue((_n=Zt==null?void 0:Zt.data)==null?void 0:_n.transactionId),Fe(!0),Y(!1)):(Y(!1),$((Zt==null?void 0:Zt.message)||"Something went wrong."))}else $("Something went wrong.")})}catch(Mt){Y(!1),$(((Nt=(pe=Mt==null?void 0:Mt.response)==null?void 0:pe.data)==null?void 0:Nt.message)||(Mt==null?void 0:Mt.message)||"Something went wrong.")}}catch(ue){Y(!1),$(((Te=(kt=ue==null?void 0:ue.response)==null?void 0:kt.data)==null?void 0:Te.message)||(ue==null?void 0:ue.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Wt)}catch(Ye){Y(!1),$(((Xe=(Me=Ye==null?void 0:Ye.response)==null?void 0:Me.data)==null?void 0:Xe.message)||(Ye==null?void 0:Ye.message)||"Something went wrong.")}}}}else{if(I())return;{Y(!0);let Ot={fractalpayPublicKey:he,label:(N==null?void 0:N.name)||"John Doe",account_number:N==null?void 0:N.accountNumber,routing_number:N==null?void 0:N.routingNumber,bank_name:N==null?void 0:N.bankName,account_type:N==null?void 0:N.accountType,amount:String(e.amount||0),isSaveAch:Ve,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,company_name:(N==null?void 0:N.companyName)||""};St.emit("sendMessage",Ot),St.on("ach-incoming",$e=>{var gt;($e==null?void 0:$e.status)=="Failed"?typeof($e==null?void 0:$e.message)=="object"?Object.values($e==null?void 0:$e.message).forEach(qt=>{$(qt||"Something went wrong")}):$(($e==null?void 0:$e.message)||"Something went wrong"):(Ue((gt=$e==null?void 0:$e.data)==null?void 0:gt.transaction_id),Fe(!0),Y(!1))})}}},le=async()=>{var o,i,T,H,y,J,ee,X,D,Ae,ae,pe,Nt,kt,Te,Me,Xe,Kt,Ot,$e,gt,qt,Ye,He,Wt,ft;It();try{let ue={fractalpayPublicKey:he,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee},de=await Gt.default.post(`${Ne}get-payment-details`,ue);if(Bt((o=de==null?void 0:de.data)==null?void 0:o.data),(T=(i=de==null?void 0:de.data)==null?void 0:i.data)!=null&&T.paymentGateway||(Ge(),$("Something went wrong.")),(y=(H=de==null?void 0:de.data)==null?void 0:H.data)!=null&&y.card_list&&((X=(ee=(J=de==null?void 0:de.data)==null?void 0:J.data)==null?void 0:ee.card_list)==null?void 0:X.length)>0){U((Ae=(D=de==null?void 0:de.data)==null?void 0:D.data)==null?void 0:Ae.card_list),_("cardList");let Oe=(Nt=(pe=(ae=de==null?void 0:de.data)==null?void 0:ae.data)==null?void 0:pe.card_list)==null?void 0:Nt.filter(ht=>(ht==null?void 0:ht.primary_card)==1);(Oe!=null&&Oe[0]&&((kt=Oe==null?void 0:Oe[0])==null?void 0:kt.payment_method_type)==((Me=(Te=de==null?void 0:de.data)==null?void 0:Te.data)==null?void 0:Me.paymentGateway)||((Xe=Oe==null?void 0:Oe[0])==null?void 0:Xe.card_type)==="Bank")&&Pe(Oe[0])}else _("card");(Ot=(Kt=de==null?void 0:de.data)==null?void 0:Kt.data)!=null&&Ot.paymentDeviceList&&((qt=(gt=($e=de==null?void 0:de.data)==null?void 0:$e.data)==null?void 0:gt.paymentDeviceList)==null?void 0:qt.length)>0&&et((He=(Ye=de==null?void 0:de.data)==null?void 0:Ye.data)==null?void 0:He.paymentDeviceList[0]),At()}catch(ue){console.log(ue),At(),$(((ft=(Wt=ue==null?void 0:ue.response)==null?void 0:Wt.data)==null?void 0:ft.message)||(ue==null?void 0:ue.message)||"Something went wrong")}},te=async()=>{let o=e==null?void 0:e.customerId,i=String(e==null?void 0:e.discount),T=String(e==null?void 0:e.surcharge),H=String(e==null?void 0:e.tax),y=e==null?void 0:e.merchantPublicKey,J=e==null?void 0:e.orderID,ee=String(e==null?void 0:e.amount),X=Q==null?void 0:Q.id,D=Q==null?void 0:Q.card_type;if(y&&J&&ee)if(o)if(X){let ae={amount:ee,order_id:J,customer_id:o,card_id:X,fractalpayPublicKey:y,isCardSave:fe,discount:i,surcharge:T,tax:H},Ae=ae,{isCardSave:pe}=Ae,Nt=ln(Ae,["isCardSave"]),Te=Ne+(D==="Bank"?"charge-ach":"charge-by-card"),Me={"Content-Type":"application/json"};Y(!0),St.emit("sendMessage",{url:Te,body:D=="Bank"?Nt:ae,isChargebycard:!0}),St.on("charge-by-card",Xe=>{var Kt;(Xe==null?void 0:Xe.result)==!0||(Xe==null?void 0:Xe.status)==!0?(Ue((Kt=Xe.data)==null?void 0:Kt.transaction_id),Fe(!0),Y(!1)):$((Xe==null?void 0:Xe.message)||"Something went wrong.")})}else $("Please Select A Card/ACH");else $("Please Select Customer");else $("Something went wrong.")},We=async()=>{var y,J,ee,X,D,Ae;let o=e==null?void 0:e.merchantPublicKey,i=e==null?void 0:e.orderID,T=String(e==null?void 0:e.amount),H=e==null?void 0:e.customerId;if(!(ve!=null&&ve.device_id)){$("Please Select A Payment Device");return}if(o&&i&&T){Y(!0);let ae={amount:T,fractalpayPublicKey:o,customer_order_id:i,device_id:ve==null?void 0:ve.device_id,customer_id:H||""};try{let pe=await Gt.default.post(`${Ne}charge-with-reader`,ae);((y=pe==null?void 0:pe.data)==null?void 0:y.result)==!0?(Ue((ee=(J=pe==null?void 0:pe.data)==null?void 0:J.data)==null?void 0:ee.transaction_id),Fe(!0),Y(!1)):($(((X=pe==null?void 0:pe.data)==null?void 0:X.message)||"Something went wrong."),Y(!1))}catch(pe){$(((Ae=(D=pe==null?void 0:pe.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong."),Y(!1)}}else $("Something went wrong.")},Le=()=>{v==="card"?te():v==="reader"&&We()};(0,t.useEffect)(()=>{oe&&he&&le()},[he,oe]);let xe=async o=>{Rt.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){Y(!0);try{let T={card_id:o,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},H=await Gt.default.post(`${Ne}delete-customer-card`,T);Y(!1),le(),Rt.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(T){Y(!1),Rt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else i.dismiss===Rt.default.DismissReason.cancel&&Rt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=o=>{switch(o==null?void 0:o.toLowerCase()){case"visa":return Ze;case"mastercard":case"mc":case"m/c":return nt;case"amex":case"american express":case"ae":return it;case"discover":case"dcvr":return F;case"bank":return S;default:return o}};return t.default.createElement(t.default.Fragment,null,t.default.createElement(Tt,null),t.default.createElement(on,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{className:"paymentBtn",onClick:Se},"Pay"),t.default.createElement(Lt,{open:oe,onClose:Ge},je&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(jt,{error:je,onClose:Ge})),De&&t.default.createElement(rn,{onClose:Ge,tranId:tt}),!je&&!De&&t.default.createElement(t.default.Fragment,null,(b||K)&&t.default.createElement(_t,{loading:b||K}),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:Ge},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:f==null?void 0:f.logo,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:f==null?void 0:f.logo,id:"pay-logos"})),t.default.createElement("h1",{className:"pay-heading"},"Pay"),(g==null?void 0:g.length)>0&&W!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>_("cardList")}," ",t.default.createElement(xn.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"},"$",(qe=Number(e==null?void 0:e.amount))==null?void 0:qe.toFixed(2)),Ee&&Ee>0&&t.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",Ee.toFixed(2)))),W!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},t.default.createElement("img",{src:Ze,alt:"",width:33}),t.default.createElement("img",{src:nt,width:33,alt:""}),t.default.createElement("img",{src:it,alt:"",width:33}),t.default.createElement("img",{src:F,width:33,alt:""})))),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:p,alt:""}),t.default.createElement("img",{src:se,alt:""}),"Secure payments powered by Fractal"),t.default.createElement("div",null)),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!b&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},W!=="cardList"?t.default.createElement("div",null,(g==null?void 0:g.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>_("cardList")}," ",t.default.createElement(xn.IoArrowBack,null)," Back"),(f==null?void 0:f.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:o=>{Ce("card")},style:{border:W==="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:o=>{Ce("ach")},style:{border:W==="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"},"$",(ot=Number(e==null?void 0:e.amount))==null?void 0:ot.toFixed(2))),W!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:Ze,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:nt,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:F,width:35,alt:""})))),Ee&&Ee>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",Ee))):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",v==="card"?"Cards/Banks":"Readers"," "),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"},"$",(rt=Number(e==null?void 0:e.amount))==null?void 0:rt.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:Ze,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:nt,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:F,width:35,alt:""}))))),t.default.createElement("div",{id:"ach",style:{display:W==="cardList"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},v==="card"?t.default.createElement(t.default.Fragment,null,(f==null?void 0:f.card_list)&&((st=f==null?void 0:f.card_list)==null?void 0:st.length)>0&&((pt=f==null?void 0:f.card_list)==null?void 0:pt.map((o,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:(f==null?void 0:f.paymentGateway)!=(o==null?void 0:o.payment_method_type)&&(o==null?void 0:o.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:Q===o,onChange:T=>Pe(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",o==null?void 0:o.cardlastfourdigit),(o==null?void 0:o.card_type)!="Bank"&&t.default.createElement("h6",{className:"card-expiry-date"},o==null?void 0:o.expmonth,"/",o==null?void 0:o.expyear)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ze(o==null?void 0:o.card_type),alt:""})),t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>xe(o==null?void 0:o.id)},t.default.createElement("img",{src:G,alt:""}))))))):t.default.createElement(t.default.Fragment,null,(f==null?void 0:f.paymentDeviceList)&&((lt=f==null?void 0:f.paymentDeviceList)==null?void 0:lt.length)>0&&((xt=f==null?void 0:f.paymentDeviceList)==null?void 0:xt.map((o,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:ve===o,onChange:T=>et(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},o==null?void 0:o.device_name)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ne,alt:""})))))))),t.default.createElement("div",{className:"pay-with-other-card",onClick:()=>_("card")},"Pay With Other Card",t.default.createElement("img",{src:_e,alt:""})),v==="card"&&(f==null?void 0:f.paymentDeviceList)&&((bt=f==null?void 0:f.paymentDeviceList)==null?void 0:bt.length)>0&&t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>r("reader")},"Pay With Reader",t.default.createElement("img",{src:ne,alt:""})),v==="reader"&&(f==null?void 0:f.paymentDeviceList)&&((vt=f==null?void 0:f.paymentDeviceList)==null?void 0:vt.length)>0&&t.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>r("card")},"Pay With Saved Card",t.default.createElement("img",{src:_e,alt:""}))),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Le},"$",(Re=Number(e==null?void 0:e.amount))==null?void 0:Re.toFixed(2)))),t.default.createElement("div",{id:"card",style:{display:W==="card"?"block":"none"},className:"tabcontent"},ce?t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:re},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"398px":f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)==0?"456px":(g==null?void 0:g.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:(l==null?void 0:l.cardName)||"",onChange:o=>{let i=o.target.value;/^[a-zA-Z\s]*$/.test(i)&&Je("cardName",i)}}),(k==null?void 0:k.cardName)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:(l==null?void 0:l.cardNumber)||"",onChange:o=>Pt(o),"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:(l==null?void 0:l.expiryMonth)||"",onChange:o=>Je("expiryMonth",o.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:(l==null?void 0:l.expiryYear)||"",onChange:o=>Je("expiryYear",o.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:(l==null?void 0:l.cvv)||"",onChange:o=>Je("cvv",o.target.value)})))),(k==null?void 0:k.cardNumber)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardNumber),t.default.createElement("p",{style:{margin:"0"}},k!=null&&k.expiryMonth||k!=null&&k.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},k==null?void 0:k.expiryMonth):"",(k==null?void 0:k.cvv)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:(ye=e==null?void 0:e.orderID)!=null?ye:"",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:(ut=l==null?void 0:l.zipCode)!=null?ut:"",onChange:o=>Je("zipCode",o.target.value)}),(k==null?void 0:k.zipCode)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.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:fe,onChange:o=>h(o.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"}},(f==null?void 0:f.paymentDeviceList)&&((Ct=f==null?void 0:f.paymentDeviceList)==null?void 0:Ct.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!ce)},ce?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",($t=Number(e==null?void 0:e.amount))==null?void 0:$t.toFixed(2)))):t.default.createElement(t.default.Fragment,null,t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),t.default.createElement("div",{className:"card-lint-div-in"},t.default.createElement("div",{className:"card-list-div"},(f==null?void 0:f.paymentDeviceList)&&((Be=f==null?void 0:f.paymentDeviceList)==null?void 0:Be.length)>0&&((Yt=f==null?void 0:f.paymentDeviceList)==null?void 0:Yt.map((o,i)=>t.default.createElement("div",{className:"card-list-single-div",key:i},t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:ve===o,onChange:T=>et(o)}),t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},o==null?void 0:o.device_name)),t.default.createElement("div",{className:"card-number-radio"},t.default.createElement("span",{className:"visa-card"},t.default.createElement("img",{src:ne,alt:""})))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(f==null?void 0:f.paymentDeviceList)&&((wt=f==null?void 0:f.paymentDeviceList)==null?void 0:wt.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!ce)},ce?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{onClick:We,className:"pay-button"},"$",(Ie=Number(e==null?void 0:e.amount))==null?void 0:Ie.toFixed(2))))),t.default.createElement("div",{id:"ach",style:{display:W==="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:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"378px":f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)==0?"436px":(g==null?void 0:g.length)>0?"462px":"520px",maxHeight:f!=null&&f.isSkyFiAccount&&(g==null?void 0:g.length)>0?"358px":((g==null?void 0:g.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:(Ke=N==null?void 0:N.name)!=null?Ke:"",onChange:at}),(m==null?void 0:m.name)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(Vt=N==null?void 0:N.routingNumber)!=null?Vt:"",onChange:at}),(m==null?void 0:m.routingNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(s=N==null?void 0:N.accountNumber)!=null?s:"",onChange:at}),(m==null?void 0:m.accountNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(d=N==null?void 0:N.confirmAccountNumber)!=null?d:"",onChange:at}),(m==null?void 0:m.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.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:(j=N==null?void 0:N.bankName)!=null?j:"",onChange:at}),(m==null?void 0:m.bankName)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.bankName)),((N==null?void 0:N.accountType)==="business saving"||(N==null?void 0:N.accountType)==="business checking")&&t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"companyName"},"Company name"),t.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(R=N==null?void 0:N.companyName)!=null?R:"",onChange:at}),(m==null?void 0:m.companyName)&&t.default.createElement("span",{className:"error-span"},m==null?void 0:m.companyName)),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:(V=N==null?void 0:N.accountType)!=null?V:"",onChange:at},t.default.createElement("option",{value:""},"Select account"),mn.map(o=>t.default.createElement("option",{key:o.value,value:o.value},o.label)))),(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:Ve,onChange:o=>O(o.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ve&&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"},"$",(ie=Number(e==null?void 0:e.amount))==null?void 0:ie.toFixed(2)))))))))))))))}var a=ge(require("react"));var en=ge(require("axios"));var cn=ge(require("sweetalert2")),bn=require("react-icons/io5");function Wn(e){var It,At,ct,Ge,Se,Ce,Je,Pt,at;let[b,q]=(0,a.useState)(!1),[K,Y]=(0,a.useState)(!1),[je,$]=(0,a.useState)(""),[De,Fe]=(0,a.useState)(!1),[oe,c]=(0,a.useState)(!1),[W,_]=(0,a.useState)("card"),[v,r]=(0,a.useState)(!1),ce=e.merchantPublicKey,w=me+"widget/mc-img.svg",fe=me+"widget/visa-img.svg",h=me+"widget/ae-img.svg",Ve=me+"widget/discover-img.svg",O=me+"widget/card.svg",he=me+"widget/Trash.svg",nt=me+"widget/bank.svg",Ze=me+"widget/secure-img.png",it=me+"widget/pov-by.png",[F,_e]=(0,a.useState)(),[G,S]=(0,a.useState)({}),[p,se]=(0,a.useState)([]),[ne,l]=(0,a.useState)(),[u,k]=(0,a.useState)(void 0),[A,N]=(0,a.useState)(),[L,m]=(0,a.useState)(""),Z=(z,I)=>{let re=(parseFloat(I)||0)/100,le=z/(1+re);return Math.round(le*100)/100};(0,a.useEffect)(()=>{if(e!=null&&e.pass_fee){let z=Z(e==null?void 0:e.amount,e==null?void 0:e.surcharge);k(z)}},[e==null?void 0:e.pass_fee]);let g=()=>q(!0),U=()=>q(!1),Q=()=>{c(!1),_("card"),Y(!1),$(""),Fe(!1),m(""),_e({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),S({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),r(!1),l({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},Pe=()=>c(!0),ve=(z,I)=>{let re=z;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(re)){(I===""||/^[0-9]+$/.test(I))&&(S(te=>B(M({},te),{[re]:""})),_e(te=>B(M({},te),{[re]:I})));return}S(te=>B(M({},te),{[re]:""})),_e(te=>B(M({},te),{[re]:I}))},et=z=>{let re=z.target.value.replace(/\D/g,""),le="";/^3[47]/.test(re)?le=re.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(We,Le,xe,ze)=>[Le,xe,ze].filter(Boolean).join(" ")):le=re.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(We,Le,xe,ze,qe)=>[Le,xe,ze,qe].filter(Boolean).join(" ")),S(te=>B(M({},te),{cardNumber:""})),_e(te=>B(M({},te),{cardNumber:le}))},Ee=()=>{var te,We,Le,xe,ze,qe;let z={},I=F,re=parseInt((I==null?void 0:I.expiryMonth)||"",10),le=(I==null?void 0:I.expiryYear)||"";if((te=I==null?void 0:I.cardName)!=null&&te.trim()||(z.cardName="Card name is required"),(We=I==null?void 0:I.cardNumber)!=null&&We.trim()||(z.cardNumber="Card number is required"),(!((Le=I==null?void 0:I.expiryMonth)!=null&&Le.trim())||!((xe=I==null?void 0:I.expiryYear)!=null&&xe.trim())||isNaN(re)||re<1||re>12||le.length!==4)&&(z.expiryMonth="Invalid Expiration Date."),(ze=I==null?void 0:I.cvv)!=null&&ze.trim()||(z.cvv="CVV is required"),(qe=I==null?void 0:I.zipCode)!=null&&qe.trim()||(z.zipCode="ZIP code is required"),I!=null&&I.expiryMonth&&(I!=null&&I.expiryYear)&&I.expiryMonth.length<=2&&I.expiryYear.length===4){let ot=parseInt(I.expiryMonth,10),rt=parseInt(I.expiryYear,10),st=new Date,pt=st.getMonth()+1,lt=st.getFullYear();(rt<lt||rt===lt&&ot<pt)&&(z.expiryMonth="Card is expired")}return S(z),Object.keys(z).length>0},mt=async z=>{var I,re,le,te,We,Le,xe,ze,qe,ot,rt,st,pt,lt,xt,bt,vt,Re,ye;if(z.preventDefault(),W=="card"){if(Ee())return;{let Ct=DatacapWebToken.validateCardNumber(F==null?void 0:F.cardNumber.replaceAll(" ","")),$t=DatacapWebToken.validateExpirationDate(F==null?void 0:F.expiryMonth,F==null?void 0:F.expiryYear),Be=DatacapWebToken.validateCVV(F==null?void 0:F.cvv),Yt={};if(Ct||(Yt.cardNumber="Invalid card Number"),$t||(Yt.expiryMonth="Invalid Expiration Date."),Be||(Yt.cvv="Invalid CVV"),S(Yt),Ct&&Be&&$t){Y(!0);try{let wt=async function(Ie){if(Ie.Error)$(Ie.Error),Y(!1);else{let Ke=F==null?void 0:F.cardName,Vt=F==null?void 0:F.zipCode;Ie.name=Ke,Ie.postal_code=Vt,Ie.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,Ie.amount=e==null?void 0:e.amount,Ie.order_id=e==null?void 0:e.orderID,Ie.preAuth_id="",Ie.isCardSave=v,Ie.customer_id=e==null?void 0:e.customerId,Ie.link_token="",Ie.gateway_id=A==null?void 0:A.paymentGateway,Ie.discount=e==null?void 0:e.discount,Ie.tax=e==null?void 0:e.tax,Ie.surcharge=e==null?void 0:e.surcharge,Ie.pass_fee=e==null?void 0:e.pass_fee,new Headers().append("Content-Type","application/json");let d={method:"POST",body:JSON.stringify(Ie),redirect:"follow"};St.emit("sendMessage",B(M({},d),{isChargePreauth:!0})),St.on("charge-preauth",j=>{var R;console.log(j,"datdata"),(j==null?void 0:j.status)=="Failed"?(Y(!1),$((j==null?void 0:j.message)||"Something went wrong. Please try again later.")):(Fe(!0),m((R=j==null?void 0:j.data)==null?void 0:R.transaction_id),Y(!1),_e({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((A==null?void 0:A.paymentGateway)===32){let Ie={method:"POST",redirect:"follow"};try{let Ke=await en.default.post(`${be}api/v1/widget/generate-session`,Ie),Vt=Number(F==null?void 0:F.expiryYear)%100,s=F==null?void 0:F.cardNumber;s=s==null?void 0:s.replace(/\s+/g,"");let d=`${s}=${Vt}${F==null?void 0:F.expiryMonth} ${F==null?void 0:F.cvv}`,R=forge.pki.publicKeyFromPem((re=(I=Ke==null?void 0:Ke.data)==null?void 0:I.data)==null?void 0:re.publicKeyPem).encrypt(d,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),V=forge.util.encode64(R),ie={"Content-Type":"application/json","x-app-session-key":(te=(le=Ke.data)==null?void 0:le.data)==null?void 0:te.session_key},o=JSON.stringify({enc_track2_data:`${V}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Le=(We=Ke==null?void 0:Ke.data)==null?void 0:We.data)==null?void 0:Le.session_key}`});try{let i=await en.default.post(`${yt}tokenizer/tokenize`,o,{headers:ie}),T=JSON.stringify(B(M({},(xe=i==null?void 0:i.data)==null?void 0:xe.data),{name:F==null?void 0:F.cardName,postal_code:F==null?void 0:F.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(qe=(ze=i==null?void 0:i.data)==null?void 0:ze.data)==null?void 0:qe.token}`,fractalpayPublicKey:ce,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:v,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:F==null?void 0:F.expiryYear,ExpirationMonth:F==null?void 0:F.expiryMonth,CVV:F==null?void 0:F.cvv,Last4:(rt=(ot=i==null?void 0:i.data)==null?void 0:ot.data)==null?void 0:rt.last4,Brand:(pt=(st=i==null?void 0:i.data)==null?void 0:st.data)==null?void 0:pt.brand,gateway_id:A==null?void 0:A.paymentGateway,pass_fee:e==null?void 0:e.pass_fee})),y={method:"POST",headers:{"Content-Type":"application/json"},body:T,redirect:"follow"};St.emit("sendMessage",B(M({},y),{isFractalPreauth:!0})),St.on("fractal-charge-preauth",J=>{var ee;(J==null?void 0:J.status)=="Failed"?(Y(!1),$((J==null?void 0:J.message)||"Something went wrong , Try again later")):(m((ee=J==null?void 0:J.data)==null?void 0:ee.transaction_id),Fe(!0),Y(!1))})}catch(i){console.log(i),Y(!1),$(((xt=(lt=i==null?void 0:i.response)==null?void 0:lt.data)==null?void 0:xt.message)||(i==null?void 0:i.message)||"Something went wrong , Try again later")}}catch(Ke){Y(!1),$(((vt=(bt=Ke==null?void 0:Ke.response)==null?void 0:bt.data)==null?void 0:vt.message)||(Ke==null?void 0:Ke.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(A==null?void 0:A.dctoken,"PaymentForm",wt)}catch(wt){Y(!1),$(((ye=(Re=wt==null?void 0:wt.response)==null?void 0:Re.data)==null?void 0:ye.message)||(wt==null?void 0:wt.message)||"Something went wrong.")}}}}},f=async()=>{var z,I,re,le,te,We,Le,xe,ze,qe,ot,rt,st,pt,lt,xt,bt,vt;g();try{let Re={fractalpayPublicKey:ce,customer_id:e==null?void 0:e.customerId,preauth:!0},ye=await en.default.post(`${Ne}get-payment-details`,Re);if(N((z=ye==null?void 0:ye.data)==null?void 0:z.data),(re=(I=ye==null?void 0:ye.data)==null?void 0:I.data)!=null&&re.paymentGateway||(Q(),$("Something went wrong.")),(te=(le=ye==null?void 0:ye.data)==null?void 0:le.data)!=null&&te.card_list&&((xe=(Le=(We=ye==null?void 0:ye.data)==null?void 0:We.data)==null?void 0:Le.card_list)==null?void 0:xe.length)>0){se((qe=(ze=ye==null?void 0:ye.data)==null?void 0:ze.data)==null?void 0:qe.card_list),_("cardList");let ut=(st=(rt=(ot=ye==null?void 0:ye.data)==null?void 0:ot.data)==null?void 0:rt.card_list)==null?void 0:st.filter(Ct=>(Ct==null?void 0:Ct.primary_card)==1);ut!=null&&ut[0]&&((pt=ut==null?void 0:ut[0])==null?void 0:pt.payment_method_type)==((xt=(lt=ye==null?void 0:ye.data)==null?void 0:lt.data)==null?void 0:xt.paymentGateway)&&l(ut[0])}else _("card");U()}catch(Re){console.log(Re),U(),$(((vt=(bt=Re==null?void 0:Re.response)==null?void 0:bt.data)==null?void 0:vt.message)||(Re==null?void 0:Re.message)||"Something went wrong")}},Bt=async()=>{var ot,rt,st,pt,lt,xt,bt;let z=e==null?void 0:e.customerId,I=e==null?void 0:e.discount,re=e==null?void 0:e.surcharge,le=e==null?void 0:e.tax,te=e==null?void 0:e.merchantPublicKey,We=e==null?void 0:e.orderID,Le=e==null?void 0:e.amount,xe=ne==null?void 0:ne.id,ze=ne==null?void 0:ne.card_type;if(te&&We&&Le)if(z)if(xe){let vt={amount:Le,order_id:We,customer_id:z,card_id:xe,fractalpayPublicKey:te,isCardSave:ze!="Bank",discount:I,surcharge:re,tax:le},qe=vt,{isCardSave:Re}=qe,ye=ln(qe,["isCardSave"]),Ct=Ne+"authorize-by-card",$t={"Content-Type":"application/json"};Y(!0);try{let Be=await en.default.post(Ct,ze=="Bank"?ye:vt,{headers:$t});(ot=Be==null?void 0:Be.data)!=null&&ot.result&&(m((st=(rt=Be==null?void 0:Be.data)==null?void 0:rt.data)==null?void 0:st.transaction_id),Fe(!0),Y(!1))}catch(Be){Y(!1),console.log(Be),$(((lt=(pt=Be==null?void 0:Be.response)==null?void 0:pt.data)==null?void 0:lt.message)||((bt=(xt=Be==null?void 0:Be.response)==null?void 0:xt.data)==null?void 0:bt.status)||"Something went erong")}}else $("Please Select A Card/ACH");else $("Please Select Customer");else $("Something went wrong.")};(0,a.useEffect)(()=>{oe&&ce&&f()},[ce,oe]);let tt=async z=>{cn.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){Y(!0);try{let re={card_id:z,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},le=await en.default.post(`${Ne}delete-customer-card`,re);Y(!1),f(),cn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(re){Y(!1),cn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ue=z=>{switch(z==null?void 0:z.toLowerCase()){case"visa":return fe;case"mastercard":case"mc":case"m/c":return w;case"amex":case"american express":case"ae":return h;case"discover":case"dcvr":return Ve;case"bank":return nt;default:return z}};return a.default.createElement(a.default.Fragment,null,a.default.createElement(Tt,null),a.default.createElement(on,null),a.default.createElement(a.default.Fragment,null,a.default.createElement("button",{className:"paymentBtn",onClick:Pe},"PreAuth Payment"),a.default.createElement(Lt,{open:oe,onClose:Q},je&&a.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},a.default.createElement(jt,{error:je,onClose:Q})),De&&a.default.createElement(rn,{onClose:Q,tranId:L}),!je&&!De&&a.default.createElement(a.default.Fragment,null,(b||K)&&a.default.createElement(_t,{loading:b||K}),a.default.createElement("div",null,a.default.createElement("div",{className:"frac-card-payment-page frac-form"},a.default.createElement("div",{className:"parent-pay-container"},a.default.createElement("span",{className:"request-payment-close-popup",onClick:Q},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},a.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"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12425_52336"},a.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),a.default.createElement("div",{className:"pay-container"},a.default.createElement("div",{className:"pay-header pay-conatiner-one"},a.default.createElement("div",{className:"pay-conatiner-one-first"},a.default.createElement("div",{className:"pay-logo-container"},a.default.createElement("div",{className:"pay-main-logo"},a.default.createElement("img",{src:A==null?void 0:A.logo,id:"pay-logos"})),a.default.createElement("h1",{className:"pay-heading"},"Pay"),(p==null?void 0:p.length)>0&&W!=="cardList"&&a.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>_("cardList")}," ",a.default.createElement(bn.IoArrowBack,null)," Back")),a.default.createElement("div",{className:"amt-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner"},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(It=Number(e==null?void 0:e.amount))==null?void 0:It.toFixed(2)),u&&u>0&&a.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,"$",u.toFixed(2)))),W!="ach"&&a.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},a.default.createElement("img",{src:fe,alt:"",width:33}),a.default.createElement("img",{src:w,width:33,alt:""}),a.default.createElement("img",{src:h,alt:"",width:33}),a.default.createElement("img",{src:Ve,width:33,alt:""})))),a.default.createElement("div",{className:"pay-conatiner-one-last"},a.default.createElement("img",{src:Ze,alt:""}),a.default.createElement("img",{src:it,alt:""}),"Secure payments powered by Fractal"),a.default.createElement("div",null)),!b&&a.default.createElement("div",{className:"pay-tab pay-conatiner-two"},a.default.createElement("div",{className:"col-md-12"},a.default.createElement("div",{id:"payment-form-div"},W!=="cardList"?a.default.createElement("div",null,(p==null?void 0:p.length)>0&&a.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>_("cardList")}," ",a.default.createElement(bn.IoArrowBack,null)," Back"),a.default.createElement("div",{className:""},a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(At=Number(e==null?void 0:e.amount))==null?void 0:At.toFixed(2))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:fe,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:w,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:Ve,width:35,alt:""})))),u&&u>0&&a.default.createElement("div",{className:"res-pay-con frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,"$",u)))):a.default.createElement("div",null,a.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",A==null?void 0:A.customer_name),a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},"$",(ct=Number(e==null?void 0:e.amount))==null?void 0:ct.toFixed(2))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:fe,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:w,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:Ve,width:35,alt:""})))),a.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),a.default.createElement("div",{style:{display:W==="cardList"?"block":"none"},className:"tabcontent"},a.default.createElement("div",{className:"card-lint-div-in"},a.default.createElement("div",{className:"card-list-div"},(A==null?void 0:A.card_list)&&((Ge=A==null?void 0:A.card_list)==null?void 0:Ge.length)>0&&((Se=A==null?void 0:A.card_list)==null?void 0:Se.map((z,I)=>a.default.createElement("div",{className:"card-list-single-div",key:I},a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("input",{disabled:(A==null?void 0:A.paymentGateway)!=(z==null?void 0:z.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ne===z,onChange:re=>l(z)}),a.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",z==null?void 0:z.cardlastfourdigit),a.default.createElement("h6",{className:"card-expiry-date"},z==null?void 0:z.expmonth,"/",z==null?void 0:z.expyear)),a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("span",{className:"visa-card"},a.default.createElement("img",{src:Ue(z==null?void 0:z.card_type),alt:""})),a.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>tt(z==null?void 0:z.id)},a.default.createElement("img",{src:he,alt:""}))))))),a.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>_("card")},"Authorize With Other Card",a.default.createElement("img",{src:O,alt:""}))),a.default.createElement("div",{className:"form-group"},a.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},"$",(Ce=Number(e==null?void 0:e.amount))==null?void 0:Ce.toFixed(2)))),a.default.createElement("div",{id:"card",style:{display:W==="card"?"block":"none"},className:"tabcontent"},a.default.createElement("form",{id:"PaymentForm",onSubmit:mt},a.default.createElement("div",{className:"ach-scrl",style:{minHeight:(p==null?void 0:p.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),a.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(F==null?void 0:F.cardName)||"",onChange:z=>{let I=z.target.value;/^[a-zA-Z\s]*$/.test(I)&&ve("cardName",I)}}),(G==null?void 0:G.cardName)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cardName)),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),a.default.createElement("div",{className:"toggle-num-wrapper"},a.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(F==null?void 0:F.cardNumber)||"",onChange:z=>et(z),"data-token":"card_number"}),a.default.createElement("div",{className:"card-crdi card-expiry-new"},a.default.createElement("div",{className:"exp-date-year-container"},a.default.createElement("div",{className:"exp-date form-group"},a.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(F==null?void 0:F.expiryMonth)||"",onChange:z=>ve("expiryMonth",z.target.value)})),a.default.createElement("div",{className:"exp-year form-group"},a.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(F==null?void 0:F.expiryYear)||"",onChange:z=>ve("expiryYear",z.target.value)})),a.default.createElement("div",{className:"security-digit form-group"},a.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(F==null?void 0:F.cvv)||"",onChange:z=>ve("cvv",z.target.value)})))),(G==null?void 0:G.cardNumber)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cardNumber),a.default.createElement("p",{style:{margin:"0"}},G!=null&&G.expiryMonth||G!=null&&G.expiryYear?a.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},G==null?void 0:G.expiryMonth):"",(G==null?void 0:G.cvv)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.cvv)))),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(Je=F==null?void 0:F.orderId)!=null?Je:"OID123456",onChange:z=>ve("orderId",z.target.value),style:{background:"#F6F6F7",color:"#727272"}})),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"zip"},"ZIP"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Pt=F==null?void 0:F.zipCode)!=null?Pt:"",onChange:z=>ve("zipCode",z.target.value)}),(G==null?void 0:G.zipCode)&&a.default.createElement("span",{className:"error-span"},G==null?void 0:G.zipCode)),(e==null?void 0:e.customerId)&&a.default.createElement("div",{className:"form-group"},a.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},a.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:v,onChange:z=>r(z.target.checked)}),a.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),a.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}),a.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),a.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"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12420_50192"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),a.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},a.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(at=Number(e==null?void 0:e.amount))==null?void 0:at.toFixed(2))))))))))))))))}var E=ge(require("react"));var Xn=ge(require("sweetalert2")),Jt=ge(require("axios"));var Un=ge(require("react"));function vn(){let e="#000",b="#fff",q="#212529",K="#dee2e6";return Un.default.createElement("style",null,`
|
|
1514
1514
|
.add-card {
|
|
1515
1515
|
max-width:380px;
|
|
1516
1516
|
padding: 0 20px
|
|
@@ -1857,7 +1857,7 @@
|
|
|
1857
1857
|
color: #161616;
|
|
1858
1858
|
opacity: 0.5;
|
|
1859
1859
|
}
|
|
1860
|
-
`)}var Fi=({onClose:e})=>zt.default.createElement(zt.default.Fragment,null,zt.default.createElement(Cn,null),zt.default.createElement("div",{className:"card-success"},zt.default.createElement("div",{className:"payment-success-container"},zt.default.createElement("div",{className:"success-icon"},zt.default.createElement("div",{className:"circle"},zt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),zt.default.createElement("div",{className:"success-text"},zt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),zt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),Jn=Fi;function Qn(e){var ne;let[b,q]=(0,E.useState)(!1),[K,Y]=(0,E.useState)(!1),[je,$]=(0,E.useState)(""),[De,Fe]=(0,E.useState)(!1),oe=(0,E.useRef)(null),c=(0,E.useRef)(null),W=(0,E.useRef)(null),_=(0,E.useRef)(null),v=(0,E.useRef)(null),[r,ce]=(0,E.useState)(),[w,fe]=(0,E.useState)({}),[h,Ve]=(0,E.useState)(),O=()=>q(!0),he=()=>q(!1),nt=l=>{Xn.default.fire({icon:"error",text:l,customClass:{popup:"custom-z-index"}})},Ze=()=>{Fe(!1),Y(!1),$(""),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},it=()=>Fe(!0),F=()=>{Ze()},_e=(l,u)=>{var N,L,m;let k=l,A=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(k,u==null?void 0:u.length,"dfih",k==="expiryMonth"&&(u==null?void 0:u.length)===2),k==="expiryMonth"&&(u==null?void 0:u.length)===2&&((N=W==null?void 0:W.current)==null||N.focus()),k==="expiryYear"&&(u==null?void 0:u.length)===4&&((L=_==null?void 0:_.current)==null||L.focus()),k==="cvv"&&(u==null?void 0:u.length)===3&&((m=v==null?void 0:v.current)==null||m.focus()),A.includes(k)){(u===""||/^[0-9]+$/.test(u))&&(fe(Z=>B(M({},Z),{[k]:""})),ce(Z=>B(M({},Z),{[k]:u})));return}fe(Z=>B(M({},Z),{[k]:""})),console.log(u,k),ce(Z=>B(M({},Z),{[k]:u}))},G=l=>{var N;let k=l.target.value.replace(/\D/g,""),A="";/^3[47]/.test(k)?A=k.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(m,Z,g,U)=>[Z,g,U].filter(Boolean).join(" ")):A=k.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(m,Z,g,U,Q)=>[Z,g,U,Q].filter(Boolean).join(" ")),fe(L=>B(M({},L),{cardNumber:""})),ce(L=>B(M({},L),{cardNumber:A})),console.log(k==null?void 0:k.length,"length"),(k==null?void 0:k.length)===16&&((N=c==null?void 0:c.current)==null||N.focus())},S=()=>{var N,L,m,Z,g,U;let l={},u=r,k=parseInt((u==null?void 0:u.expiryMonth)||"",10),A=(u==null?void 0:u.expiryYear)||"";if((N=u==null?void 0:u.cardName)!=null&&N.trim()||(l.cardName="Card name is required"),(L=u==null?void 0:u.cardNumber)!=null&&L.trim()||(l.cardNumber="Card number is required"),(m=u==null?void 0:u.expiryMonth)!=null&&m.trim()?(Number(u==null?void 0:u.expiryMonth)>12||Number(u==null?void 0:u.expiryMonth)<1)&&(l.expiryMonth="Invalid Expiration Month."):l.expiryMonth="Expiration month is required",(Z=u==null?void 0:u.expiryYear)!=null&&Z.trim()?((g=u==null?void 0:u.expiryYear)==null?void 0:g.trim().length)!==4||Number(u==null?void 0:u.expiryYear)<2025?l.expiryYear="Invalid Expiration Year.":(isNaN(k)||k<1||k>12||A.length!==4)&&(l.expiryMonth="Invalid Expiration Date."):l.expiryYear="Expiration year is required",(U=u==null?void 0:u.cvv)!=null&&U.trim()||(l.cvv="CVC is required"),u!=null&&u.expiryMonth&&(u!=null&&u.expiryYear)&&u.expiryMonth.length<=2&&u.expiryYear.length===4){let Q=parseInt(u.expiryMonth,10),Pe=parseInt(u.expiryYear,10),ve=new Date,et=ve.getMonth()+1,Ee=ve.getFullYear();(Pe<Ee||Pe===Ee&&Q<et)&&(l.expiryMonth="Card is expired")}return fe(l),Object.keys(l).length>0},p=async()=>{var l,u,k;O();try{let A={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},N=await Jt.default.post(`${Ne}get-payment-details`,A);console.log(N),Ve((l=N==null?void 0:N.data)==null?void 0:l.data),(k=(u=N==null?void 0:N.data)==null?void 0:u.data)!=null&&k.paymentGateway||(Ze(),$("Something went wrong.")),he()}catch(A){console.log(A),he(),Ze(),$("Something went wrong.")}};return(0,E.useEffect)(()=>{e!=null&&e.merchantPublicKey&&p()},[e==null?void 0:e.merchantPublicKey]),E.default.createElement(E.default.Fragment,null,E.default.createElement(Tt,null),E.default.createElement(vn,null),E.default.createElement(_t,{loading:b}),je&&E.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},E.default.createElement(jt,{error:je,onClose:Ze})),K&&E.default.createElement(Jn,{onClose:F}),!je&&!K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},E.default.createElement("form",{id:"creditCardForm",onSubmit:async l=>{var k,A,N,L,m,Z,g,U,Q,Pe,ve,et,Ee,yt,f,Bt;l.preventDefault();let u=S();if(console.log(r),!u){let tt=DatacapWebToken.validateCardNumber(r==null?void 0:r.cardNumber.replaceAll(" ","")),Ue=DatacapWebToken.validateExpirationDate(r==null?void 0:r.expiryMonth,r==null?void 0:r.expiryYear),It=DatacapWebToken.validateCVV(r==null?void 0:r.cvv),At={};if(tt||(At.cardNumber="Invalid card Number"),Ue||(At.expiryMonth="Invalid Expiration Date."),It||(At.cvv="Invalid CVV"),fe(At),tt&&It&&Ue){O();try{let mt=async function(Ge){var Se,Ce,Je,Pt,at;if(console.log(Ge),Ge.Error)console.log(Ge==null?void 0:Ge.Error),$(Ge.Error),he();else{let z={userId:e==null?void 0:e.customerId,cardName:r==null?void 0:r.cardName,zip:r==null?void 0:r.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:Ge};try{let I=await Jt.default.post(`${Ne}add-card`,z);console.log(I);let re={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:r==null?void 0:r.cardNumber.replaceAll(" ",""),exp_month:r==null?void 0:r.expiryMonth,exp_year:(Se=r==null?void 0:r.expiryYear)==null?void 0:Se.slice(-2),cvv:r==null?void 0:r.cvv};try{let le=await Jt.default.post(`${Ne}link-wallet`,re);console.log(le),Y(!0),he(),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Et(l,"close","")}catch(le){console.log(le),he(),$(((Je=(Ce=le==null?void 0:le.response)==null?void 0:Ce.data)==null?void 0:Je.message)||(le==null?void 0:le.message)||"Something went wrong.")}}catch(I){console.log(I),he(),$(((at=(Pt=I==null?void 0:I.response)==null?void 0:Pt.data)==null?void 0:at.message)||(I==null?void 0:I.message)||"Something went wrong.")}}};if((h==null?void 0:h.paymentGateway)===32){let Ge={method:"POST",redirect:"follow"};try{let Se=await Jt.default.post(`${be}api/v1/widget/generate-session`,Ge),Ce=Number(r==null?void 0:r.expiryYear)%100,Je=r==null?void 0:r.cardNumber;Je=Je==null?void 0:Je.replace(/\s+/g,"");let Pt=`${Je}=${Ce}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,z=forge.pki.publicKeyFromPem((A=(k=Se==null?void 0:Se.data)==null?void 0:k.data)==null?void 0:A.publicKeyPem).encrypt(Pt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),I=forge.util.encode64(z),re={"Content-Type":"application/json","x-app-session-key":(L=(N=Se.data)==null?void 0:N.data)==null?void 0:L.session_key},le=JSON.stringify({enc_track2_data:`${I}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Z=(m=Se==null?void 0:Se.data)==null?void 0:m.data)==null?void 0:Z.session_key}`});try{let te=await Jt.default.post(`${ht}tokenizer/tokenize`,le,{headers:re}),We=JSON.stringify(B(M({},(g=te==null?void 0:te.data)==null?void 0:g.data),{cvv:r==null?void 0:r.cvv,cardName:r==null?void 0:r.cardName,zip:r==null?void 0:r.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),Le={"Content-Type":"application/json"};try{let xe=await Jt.default.post(`${Ne}add-card`,We,{headers:Le});console.log(xe),(U=xe==null?void 0:xe.data)!=null&&U.result&&(Y(!0),he(),Et(l,"close",""))}catch(xe){he(),$(((Pe=(Q=xe==null?void 0:xe.response)==null?void 0:Q.data)==null?void 0:Pe.message)||(xe==null?void 0:xe.message)||"Something went wrong.")}}catch(te){he(),$(((et=(ve=te==null?void 0:te.response)==null?void 0:ve.data)==null?void 0:et.message)||(te==null?void 0:te.message)||"Something went wrong.")}}catch(Se){he(),$(((yt=(Ee=Se==null?void 0:Se.response)==null?void 0:Ee.data)==null?void 0:yt.message)||(Se==null?void 0:Se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(h==null?void 0:h.dctoken,"creditCardForm",mt)}catch(mt){he(),$(((Bt=(f=mt==null?void 0:mt.response)==null?void 0:f.data)==null?void 0:Bt.message)||(mt==null?void 0:mt.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},E.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},E.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},E.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),E.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>G(l),ref:oe}),(w==null?void 0:w.cardNumber)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardNumber),E.default.createElement("br",null)),E.default.createElement("div",{className:"card-dtl"},E.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"expMonth"},"MM"),E.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>_e("expiryMonth",l.target.value),ref:c}),(w==null?void 0:w.expiryMonth)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryMonth)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"expYear"},"YYYY"),E.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>_e("expiryYear",l.target.value),ref:W}),(w==null?void 0:w.expiryYear)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryYear)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"cvc"},"CVC"),E.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(r==null?void 0:r.cvv)||"",onChange:l=>_e("cvv",l.target.value),ref:_}),(w==null?void 0:w.cvv)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cvv)))),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),E.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let u=l.target.value;/^[a-zA-Z\s]*$/.test(u)&&_e("cardName",u)},ref:v}),(w==null?void 0:w.cardName)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardName)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"zipcode"},"Zip"),E.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(ne=r==null?void 0:r.zipCode)!=null?ne:"",onChange:l=>_e("zipCode",l.target.value)}),(w==null?void 0:w.zipCode)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.zipCode))),E.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var P=ge(require("react"));var tn=ge(require("axios"));var pn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var Dn=ge(require("react"));function wn({}){return Dn.default.createElement("style",null,`
|
|
1860
|
+
`)}var Fi=({onClose:e})=>zt.default.createElement(zt.default.Fragment,null,zt.default.createElement(Cn,null),zt.default.createElement("div",{className:"card-success"},zt.default.createElement("div",{className:"payment-success-container"},zt.default.createElement("div",{className:"success-icon"},zt.default.createElement("div",{className:"circle"},zt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),zt.default.createElement("div",{className:"success-text"},zt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),zt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),Jn=Fi;function Qn(e){var ne;let[b,q]=(0,E.useState)(!1),[K,Y]=(0,E.useState)(!1),[je,$]=(0,E.useState)(""),[De,Fe]=(0,E.useState)(!1),oe=(0,E.useRef)(null),c=(0,E.useRef)(null),W=(0,E.useRef)(null),_=(0,E.useRef)(null),v=(0,E.useRef)(null),[r,ce]=(0,E.useState)(),[w,fe]=(0,E.useState)({}),[h,Ve]=(0,E.useState)(),O=()=>q(!0),he=()=>q(!1),nt=l=>{Xn.default.fire({icon:"error",text:l,customClass:{popup:"custom-z-index"}})},Ze=()=>{Fe(!1),Y(!1),$(""),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},it=()=>Fe(!0),F=()=>{Ze()},_e=(l,u)=>{var N,L,m;let k=l,A=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(k,u==null?void 0:u.length,"dfih",k==="expiryMonth"&&(u==null?void 0:u.length)===2),k==="expiryMonth"&&(u==null?void 0:u.length)===2&&((N=W==null?void 0:W.current)==null||N.focus()),k==="expiryYear"&&(u==null?void 0:u.length)===4&&((L=_==null?void 0:_.current)==null||L.focus()),k==="cvv"&&(u==null?void 0:u.length)===3&&((m=v==null?void 0:v.current)==null||m.focus()),A.includes(k)){(u===""||/^[0-9]+$/.test(u))&&(fe(Z=>B(M({},Z),{[k]:""})),ce(Z=>B(M({},Z),{[k]:u})));return}fe(Z=>B(M({},Z),{[k]:""})),console.log(u,k),ce(Z=>B(M({},Z),{[k]:u}))},G=l=>{var N;let k=l.target.value.replace(/\D/g,""),A="";/^3[47]/.test(k)?A=k.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(m,Z,g,U)=>[Z,g,U].filter(Boolean).join(" ")):A=k.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(m,Z,g,U,Q)=>[Z,g,U,Q].filter(Boolean).join(" ")),fe(L=>B(M({},L),{cardNumber:""})),ce(L=>B(M({},L),{cardNumber:A})),console.log(k==null?void 0:k.length,"length"),(k==null?void 0:k.length)===16&&((N=c==null?void 0:c.current)==null||N.focus())},S=()=>{var N,L,m,Z,g,U;let l={},u=r,k=parseInt((u==null?void 0:u.expiryMonth)||"",10),A=(u==null?void 0:u.expiryYear)||"";if((N=u==null?void 0:u.cardName)!=null&&N.trim()||(l.cardName="Card name is required"),(L=u==null?void 0:u.cardNumber)!=null&&L.trim()||(l.cardNumber="Card number is required"),(m=u==null?void 0:u.expiryMonth)!=null&&m.trim()?(Number(u==null?void 0:u.expiryMonth)>12||Number(u==null?void 0:u.expiryMonth)<1)&&(l.expiryMonth="Invalid Expiration Month."):l.expiryMonth="Expiration month is required",(Z=u==null?void 0:u.expiryYear)!=null&&Z.trim()?((g=u==null?void 0:u.expiryYear)==null?void 0:g.trim().length)!==4||Number(u==null?void 0:u.expiryYear)<2025?l.expiryYear="Invalid Expiration Year.":(isNaN(k)||k<1||k>12||A.length!==4)&&(l.expiryMonth="Invalid Expiration Date."):l.expiryYear="Expiration year is required",(U=u==null?void 0:u.cvv)!=null&&U.trim()||(l.cvv="CVC is required"),u!=null&&u.expiryMonth&&(u!=null&&u.expiryYear)&&u.expiryMonth.length<=2&&u.expiryYear.length===4){let Q=parseInt(u.expiryMonth,10),Pe=parseInt(u.expiryYear,10),ve=new Date,et=ve.getMonth()+1,Ee=ve.getFullYear();(Pe<Ee||Pe===Ee&&Q<et)&&(l.expiryMonth="Card is expired")}return fe(l),Object.keys(l).length>0},p=async()=>{var l,u,k;O();try{let A={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},N=await Jt.default.post(`${Ne}get-payment-details`,A);console.log(N),Ve((l=N==null?void 0:N.data)==null?void 0:l.data),(k=(u=N==null?void 0:N.data)==null?void 0:u.data)!=null&&k.paymentGateway||(Ze(),$("Something went wrong.")),he()}catch(A){console.log(A),he(),Ze(),$("Something went wrong.")}};return(0,E.useEffect)(()=>{e!=null&&e.merchantPublicKey&&p()},[e==null?void 0:e.merchantPublicKey]),E.default.createElement(E.default.Fragment,null,E.default.createElement(Tt,null),E.default.createElement(vn,null),E.default.createElement(_t,{loading:b}),je&&E.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},E.default.createElement(jt,{error:je,onClose:Ze})),K&&E.default.createElement(Jn,{onClose:F}),!je&&!K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},E.default.createElement("form",{id:"creditCardForm",onSubmit:async l=>{var k,A,N,L,m,Z,g,U,Q,Pe,ve,et,Ee,mt,f,Bt;l.preventDefault();let u=S();if(console.log(r),!u){let tt=DatacapWebToken.validateCardNumber(r==null?void 0:r.cardNumber.replaceAll(" ","")),Ue=DatacapWebToken.validateExpirationDate(r==null?void 0:r.expiryMonth,r==null?void 0:r.expiryYear),It=DatacapWebToken.validateCVV(r==null?void 0:r.cvv),At={};if(tt||(At.cardNumber="Invalid card Number"),Ue||(At.expiryMonth="Invalid Expiration Date."),It||(At.cvv="Invalid CVV"),fe(At),tt&&It&&Ue){O();try{let ct=async function(Ge){var Se,Ce,Je,Pt,at;if(console.log(Ge),Ge.Error)console.log(Ge==null?void 0:Ge.Error),$(Ge.Error),he();else{let z={userId:e==null?void 0:e.customerId,cardName:r==null?void 0:r.cardName,zip:r==null?void 0:r.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:Ge};try{let I=await Jt.default.post(`${Ne}add-card`,z);console.log(I);let re={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:r==null?void 0:r.cardNumber.replaceAll(" ",""),exp_month:r==null?void 0:r.expiryMonth,exp_year:(Se=r==null?void 0:r.expiryYear)==null?void 0:Se.slice(-2),cvv:r==null?void 0:r.cvv};try{let le=await Jt.default.post(`${Ne}link-wallet`,re);console.log(le),Y(!0),he(),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Et(l,"close","")}catch(le){console.log(le),he(),$(((Je=(Ce=le==null?void 0:le.response)==null?void 0:Ce.data)==null?void 0:Je.message)||(le==null?void 0:le.message)||"Something went wrong.")}}catch(I){console.log(I),he(),$(((at=(Pt=I==null?void 0:I.response)==null?void 0:Pt.data)==null?void 0:at.message)||(I==null?void 0:I.message)||"Something went wrong.")}}};if((h==null?void 0:h.paymentGateway)===32){let Ge={method:"POST",redirect:"follow"};try{let Se=await Jt.default.post(`${be}api/v1/widget/generate-session`,Ge),Ce=Number(r==null?void 0:r.expiryYear)%100,Je=r==null?void 0:r.cardNumber;Je=Je==null?void 0:Je.replace(/\s+/g,"");let Pt=`${Je}=${Ce}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,z=forge.pki.publicKeyFromPem((A=(k=Se==null?void 0:Se.data)==null?void 0:k.data)==null?void 0:A.publicKeyPem).encrypt(Pt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),I=forge.util.encode64(z),re={"Content-Type":"application/json","x-app-session-key":(L=(N=Se.data)==null?void 0:N.data)==null?void 0:L.session_key},le=JSON.stringify({enc_track2_data:`${I}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Z=(m=Se==null?void 0:Se.data)==null?void 0:m.data)==null?void 0:Z.session_key}`});try{let te=await Jt.default.post(`${yt}tokenizer/tokenize`,le,{headers:re}),We=JSON.stringify(B(M({},(g=te==null?void 0:te.data)==null?void 0:g.data),{cvv:r==null?void 0:r.cvv,cardName:r==null?void 0:r.cardName,zip:r==null?void 0:r.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),Le={"Content-Type":"application/json"};try{let xe=await Jt.default.post(`${Ne}add-card`,We,{headers:Le});console.log(xe),(U=xe==null?void 0:xe.data)!=null&&U.result&&(Y(!0),he(),Et(l,"close",""))}catch(xe){he(),$(((Pe=(Q=xe==null?void 0:xe.response)==null?void 0:Q.data)==null?void 0:Pe.message)||(xe==null?void 0:xe.message)||"Something went wrong.")}}catch(te){he(),$(((et=(ve=te==null?void 0:te.response)==null?void 0:ve.data)==null?void 0:et.message)||(te==null?void 0:te.message)||"Something went wrong.")}}catch(Se){he(),$(((mt=(Ee=Se==null?void 0:Se.response)==null?void 0:Ee.data)==null?void 0:mt.message)||(Se==null?void 0:Se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(h==null?void 0:h.dctoken,"creditCardForm",ct)}catch(ct){he(),$(((Bt=(f=ct==null?void 0:ct.response)==null?void 0:f.data)==null?void 0:Bt.message)||(ct==null?void 0:ct.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},E.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},E.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},E.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),E.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(r==null?void 0:r.cardNumber)||"",onChange:l=>G(l),ref:oe}),(w==null?void 0:w.cardNumber)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardNumber),E.default.createElement("br",null)),E.default.createElement("div",{className:"card-dtl"},E.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"expMonth"},"MM"),E.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:l=>_e("expiryMonth",l.target.value),ref:c}),(w==null?void 0:w.expiryMonth)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryMonth)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"expYear"},"YYYY"),E.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:l=>_e("expiryYear",l.target.value),ref:W}),(w==null?void 0:w.expiryYear)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryYear)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"cvc"},"CVC"),E.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(r==null?void 0:r.cvv)||"",onChange:l=>_e("cvv",l.target.value),ref:_}),(w==null?void 0:w.cvv)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cvv)))),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),E.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(r==null?void 0:r.cardName)||"",onChange:l=>{let u=l.target.value;/^[a-zA-Z\s]*$/.test(u)&&_e("cardName",u)},ref:v}),(w==null?void 0:w.cardName)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardName)),E.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},E.default.createElement("label",{htmlFor:"zipcode"},"Zip"),E.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(ne=r==null?void 0:r.zipCode)!=null?ne:"",onChange:l=>_e("zipCode",l.target.value)}),(w==null?void 0:w.zipCode)&&E.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.zipCode))),E.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var P=ge(require("react"));var tn=ge(require("axios"));var pn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var Dn=ge(require("react"));function wn({}){return Dn.default.createElement("style",null,`
|
|
1861
1861
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
|
1862
1862
|
|
|
1863
1863
|
.creditformbox {
|
|
@@ -2002,7 +2002,7 @@
|
|
|
2002
2002
|
color:#ffffff !important;
|
|
2003
2003
|
}
|
|
2004
2004
|
|
|
2005
|
-
`)}function Rn({session_token:e,callback:b,isloading:q,onCancel:K,showChecks:Y,merchantName:je}){var G;let[$,De]=(0,P.useState)(!1),[Fe,oe]=(0,P.useState)(!1),[c,W]=(0,P.useState)(),[_,v]=(0,P.useState)({}),[r,ce]=(0,P.useState)(""),w=()=>De(!0),fe=()=>De(!1),h=()=>{var l,u,k,A,N,L,m,Z;let S={},p=c,se=parseInt((p==null?void 0:p.expiryMonth)||"",10),ne=(p==null?void 0:p.expiryYear)||"";return(l=p==null?void 0:p.firstName)!=null&&l.trim()||(S.firstName="Please enter a first name."),(u=p==null?void 0:p.lastName)!=null&&u.trim()||(S.lastName="Please enter a last name."),(k=p==null?void 0:p.cardNumber)!=null&&k.trim()||(S.cardNumber="Please enter a card number."),(A=p==null?void 0:p.expiryMonth)!=null&&A.trim()?(Number(p==null?void 0:p.expiryMonth)>12||Number(p==null?void 0:p.expiryMonth)<1)&&(S.expiryMonth="Invalid Expiration Month."):S.expiryMonth="Please enter an expiry month.",(N=p==null?void 0:p.expiryYear)!=null&&N.trim()?((L=p==null?void 0:p.expiryYear)==null?void 0:L.trim().length)!==4||Number(p==null?void 0:p.expiryYear)<2025?S.expiryYear="Invalid Expiration Year.":(isNaN(se)||se<1||se>12||ne.length!==4)&&(S.expiryMonth="Invalid Expiration Date."):S.expiryYear="Please enter an expiry year.",(m=p==null?void 0:p.cvv)!=null&&m.trim()||(S.cvv="Please enter a CVV."),(Z=p==null?void 0:p.zipCode)!=null&&Z.trim()||(S.zipCode="Please enter a zip code."),Y&&!(p!=null&&p.authHold)&&(S.authHold="You must authorize this before proceeding."),Y&&!(p!=null&&p.authorise)&&(S.authorise="Please confirm your authorization to continue."),v(S),Object.keys(S).length>0},Ve=S=>{let se=S.target.value.replace(/\D/g,""),ne="";/^3[47]/.test(se)?ne=se.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(u,k,A,N)=>[k,A,N].filter(Boolean).join(" ")):ne=se.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(u,k,A,N,L)=>[k,A,N,L].filter(Boolean).join(" ")),v(l=>B(M({},l),{cardNumber:""})),W(l=>B(M({},l),{cardNumber:ne}))},O=(S,p)=>{let se=S;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(se)){(p===""||/^[0-9]+$/.test(p))&&(v(l=>B(M({},l),{[se]:""})),W(l=>B(M({},l),{[se]:p})));return}v(l=>B(M({},l),{[se]:""})),W(l=>B(M({},l),{[se]:p}))},he=()=>{let S=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),p=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),se=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),ne={};return S||(ne.cardNumber="Invalid card Number"),p||(ne.expiryMonth="Invalid Expiration Date."),se||(ne.cvv="Invalid CVV"),v(ne),S&&se&&p},nt=async S=>{var p,se;if(S.Error)ce(S.Error),fe();else{let ne={token:S.Token,resp:S},l=await tn.default.post(`${be}api/v1/gateway/update/token/${e}`,ne);if((l==null?void 0:l.status)==200){let u=M(M({Token:(se=(p=l==null?void 0:l.data)==null?void 0:p.data)==null?void 0:se.gateway_token,Brand:S.Brand,ExpirationMonth:S.ExpirationMonth,ExpirationYear:S.ExpirationYear,Last4:S.Last4,Bin:S.Bin,CVV:S.CVV,postalCode:c==null?void 0:c.zipCode},Y&&{authHold:c==null?void 0:c.authHold}),Y&&{authorise:c==null?void 0:c.authorise});fe(),b(u)}}},Ze=async()=>{var S,p,se,ne,l,u,k,A,N,L;try{let m={method:"POST",redirect:"follow"},Z=await tn.default.post(`${be}api/v1/widget/generate-session`,m),g=Number(c==null?void 0:c.expiryYear)%100,Q=`${(S=c==null?void 0:c.cardNumber)==null?void 0:S.replace(/\s+/g,"")}=${g}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,ve=forge.pki.publicKeyFromPem((se=(p=Z==null?void 0:Z.data)==null?void 0:p.data)==null?void 0:se.publicKeyPem).encrypt(Q,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),et=forge.util.encode64(ve),Ee={"Content-Type":"application/json","x-app-session-key":(l=(ne=Z.data)==null?void 0:ne.data)==null?void 0:l.session_key},yt=JSON.stringify({enc_track2_data:et,algorithm:"RSAES_OAEP_SHA_1",session_key:(k=(u=Z==null?void 0:Z.data)==null?void 0:u.data)==null?void 0:k.session_key}),f=await tn.default.post(`${ht}tokenizer/tokenize`,yt,{headers:Ee});if((f==null?void 0:f.status)==200){let Bt=(N=(A=f==null?void 0:f.data)==null?void 0:A.data)==null?void 0:N.token;try{let tt=await tn.default.post(`${be}api/v1/gateway/verify-and-save/${e}`,{token:Bt});if((tt==null?void 0:tt.status)==200){let Ue=(L=tt==null?void 0:tt.data)==null?void 0:L.data,It={Token:Ue.gateway_token,Brand:Ue.card_data.brand,ExpirationMonth:Ue.card_data.expire_mm,ExpirationYear:Ue.card_data.expire_yy,Last4:Ue.card_data.last4,Bin:Ue.card_data.bin,postalCode:c==null?void 0:c.zipCode};fe(),b(It)}}catch(tt){console.log(tt,"error"),fe()}}}catch(m){console.log(m,"eroror")}},it=async S=>{var ne,l,u,k,A,N,L;if(S.preventDefault(),!(h()||!he())){w();try{let m=await tn.default.get(`${be}api/v1/gateway/token/${e}`);if((m==null?void 0:m.status)==200){let Z=(l=(ne=m==null?void 0:m.data)==null?void 0:ne.data)==null?void 0:l.gateway_token;((k=(u=m==null?void 0:m.data)==null?void 0:u.data)==null?void 0:k.paymentGateway)==((A=pn)==null?void 0:A.FRACTALKEY)?await Ze():DatacapWebToken.requestToken(Z,"creditCardForm",nt)}}catch(m){fe(),ce(((L=(N=m==null?void 0:m.response)==null?void 0:N.data)==null?void 0:L.message)||"Something went wrong!")}}},F=()=>{ce("")},_e=()=>{ce(""),W({firstName:"",lastName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",zipCode:"",authHold:!1,authorise:!1}),K()};return P.default.createElement(P.default.Fragment,null,P.default.createElement(Tt,null),P.default.createElement(wn,null),P.default.createElement(_t,{loading:$||q}),r&&P.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},P.default.createElement(jt,{error:r,onClose:F})),!r&&P.default.createElement("div",{className:"creditformbox"},P.default.createElement("form",{id:"creditCardForm",onSubmit:it},P.default.createElement("div",{className:"name-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," First Name ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"first_name",placeholder:"First Name",value:(c==null?void 0:c.firstName)||"",onChange:S=>{let p=S.target.value;/^[a-zA-Z\s]*$/.test(p)&&O("firstName",p)}}),(_==null?void 0:_.firstName)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.firstName)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Last Name ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"last_name",placeholder:"Last Name",value:(c==null?void 0:c.lastName)||"",onChange:S=>{let p=S.target.value;/^[a-zA-Z\s]*$/.test(p)&&O("lastName",p)}}),(_==null?void 0:_.lastName)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.lastName))),P.default.createElement("div",{className:"form-pay-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Card Number ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Card Number",maxLength:19,inputMode:"numeric",value:(c==null?void 0:c.cardNumber)||"",onChange:S=>Ve(S)}),(_==null?void 0:_.cardNumber)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.cardNumber))),P.default.createElement("div",{className:"card-pay-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Exp Month ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"exp_month",placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:S=>O("expiryMonth",S.target.value)}),(_==null?void 0:_.expiryMonth)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.expiryMonth)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Exp Year ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"exp_year",placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:S=>O("expiryYear",S.target.value)}),(_==null?void 0:_.expiryYear)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.expiryYear)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," CVV ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"cvv",placeholder:"CVV",maxLength:4,value:(c==null?void 0:c.cvv)||"",onChange:S=>O("cvv",S.target.value)}),(_==null?void 0:_.cvv)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.cvv)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Zip ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"zipcode",placeholder:"Zip Code",value:(G=c==null?void 0:c.zipCode)!=null?G:"",onChange:S=>O("zipCode",S.target.value)}),(_==null?void 0:_.zipCode)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.zipCode))),Y&&P.default.createElement(P.default.Fragment,null,P.default.createElement("div",{className:"checks-row"},P.default.createElement("input",{name:"authHold",type:"checkbox",id:"authHold",checked:!!(c!=null&&c.authHold),onChange:S=>O("authHold",S.target.checked)}),P.default.createElement("label",{htmlFor:"authHold",className:"form-check-label"},"To securely save your card on file, we will place a temporary authorization hold of $1.00. This is not a charge and will be released by your card issuer shortly after verification.")),(_==null?void 0:_.authHold)&&P.default.createElement("small",{className:"check-error"},_==null?void 0:_.authHold),P.default.createElement("div",{className:"checks-row "},P.default.createElement("input",{name:"authorise",type:"checkbox",id:"authorise",checked:!!(c!=null&&c.authorise),onChange:S=>O("authorise",S.target.checked)}),P.default.createElement("label",{htmlFor:"authorise",className:"form-check-label see-more"},Fe?P.default.createElement(P.default.Fragment,null,P.default.createElement("span",null,"By providing your payment information, you authorize"," ",P.default.createElement("strong",null,je),", a Sky Systemz merchant, to securely store your card on file for future payments. Your card information will be encrypted and stored in compliance with PCI-DSS (Payment Card Industry Data Security Standard) regulations using Sky Systemz\u2019s secure payment technology. This information will be used solely for transactions you authorize with"," ",P.default.createElement("strong",null,je),". You may request the removal of your stored payment information at any time by contacting"," ",P.default.createElement("strong",null,je)," directly. By signing or proceeding with this transaction, you acknowledge and agree to this card on file authorization.",P.default.createElement("a",{href:"#",onClick:S=>{S.preventDefault(),oe(!1)}},"See less ..."))):P.default.createElement(P.default.Fragment,null,P.default.createElement("span",null,"By providing your payment information, you authorize ",je,", a Sky Systemz merchant, to securely store your card on file for future pay..."," "),P.default.createElement("a",{href:"#",onClick:S=>{S.preventDefault(),oe(!0)}},"See more ...")))),(_==null?void 0:_.authorise)&&P.default.createElement("small",{className:"check-error"},_==null?void 0:_.authorise)),P.default.createElement("div",{className:"button-row"},P.default.createElement("button",{className:"cancelbtn",type:"button",onClick:_e},"Cancel"),P.default.createElement("button",{className:"savebtn",type:"submit"},"Save")))))}var n=ge(require("react"));var ei=ge(require("react"));function Nn(){let e="#000",b="#fff",q="#212529",K="#dee2e6";return ei.default.createElement("style",null,`
|
|
2005
|
+
`)}function Rn({session_token:e,callback:b,isloading:q,onCancel:K,showChecks:Y,merchantName:je}){var G;let[$,De]=(0,P.useState)(!1),[Fe,oe]=(0,P.useState)(!1),[c,W]=(0,P.useState)(),[_,v]=(0,P.useState)({}),[r,ce]=(0,P.useState)(""),w=()=>De(!0),fe=()=>De(!1),h=()=>{var l,u,k,A,N,L,m,Z;let S={},p=c,se=parseInt((p==null?void 0:p.expiryMonth)||"",10),ne=(p==null?void 0:p.expiryYear)||"";return(l=p==null?void 0:p.firstName)!=null&&l.trim()||(S.firstName="Please enter a first name."),(u=p==null?void 0:p.lastName)!=null&&u.trim()||(S.lastName="Please enter a last name."),(k=p==null?void 0:p.cardNumber)!=null&&k.trim()||(S.cardNumber="Please enter a card number."),(A=p==null?void 0:p.expiryMonth)!=null&&A.trim()?(Number(p==null?void 0:p.expiryMonth)>12||Number(p==null?void 0:p.expiryMonth)<1)&&(S.expiryMonth="Invalid Expiration Month."):S.expiryMonth="Please enter an expiry month.",(N=p==null?void 0:p.expiryYear)!=null&&N.trim()?((L=p==null?void 0:p.expiryYear)==null?void 0:L.trim().length)!==4||Number(p==null?void 0:p.expiryYear)<2025?S.expiryYear="Invalid Expiration Year.":(isNaN(se)||se<1||se>12||ne.length!==4)&&(S.expiryMonth="Invalid Expiration Date."):S.expiryYear="Please enter an expiry year.",(m=p==null?void 0:p.cvv)!=null&&m.trim()||(S.cvv="Please enter a CVV."),(Z=p==null?void 0:p.zipCode)!=null&&Z.trim()||(S.zipCode="Please enter a zip code."),Y&&!(p!=null&&p.authHold)&&(S.authHold="You must authorize this before proceeding."),Y&&!(p!=null&&p.authorise)&&(S.authorise="Please confirm your authorization to continue."),v(S),Object.keys(S).length>0},Ve=S=>{let se=S.target.value.replace(/\D/g,""),ne="";/^3[47]/.test(se)?ne=se.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(u,k,A,N)=>[k,A,N].filter(Boolean).join(" ")):ne=se.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(u,k,A,N,L)=>[k,A,N,L].filter(Boolean).join(" ")),v(l=>B(M({},l),{cardNumber:""})),W(l=>B(M({},l),{cardNumber:ne}))},O=(S,p)=>{let se=S;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(se)){(p===""||/^[0-9]+$/.test(p))&&(v(l=>B(M({},l),{[se]:""})),W(l=>B(M({},l),{[se]:p})));return}v(l=>B(M({},l),{[se]:""})),W(l=>B(M({},l),{[se]:p}))},he=()=>{let S=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),p=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),se=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),ne={};return S||(ne.cardNumber="Invalid card Number"),p||(ne.expiryMonth="Invalid Expiration Date."),se||(ne.cvv="Invalid CVV"),v(ne),S&&se&&p},nt=async S=>{var p,se;if(S.Error)ce(S.Error),fe();else{let ne={token:S.Token,resp:S},l=await tn.default.post(`${be}api/v1/gateway/update/token/${e}`,ne);if((l==null?void 0:l.status)==200){let u=M(M({Token:(se=(p=l==null?void 0:l.data)==null?void 0:p.data)==null?void 0:se.gateway_token,Brand:S.Brand,ExpirationMonth:S.ExpirationMonth,ExpirationYear:S.ExpirationYear,Last4:S.Last4,Bin:S.Bin,CVV:S.CVV,postalCode:c==null?void 0:c.zipCode},Y&&{authHold:c==null?void 0:c.authHold}),Y&&{authorise:c==null?void 0:c.authorise});fe(),b(u)}}},Ze=async()=>{var S,p,se,ne,l,u,k,A,N,L;try{let m={method:"POST",redirect:"follow"},Z=await tn.default.post(`${be}api/v1/widget/generate-session`,m),g=Number(c==null?void 0:c.expiryYear)%100,Q=`${(S=c==null?void 0:c.cardNumber)==null?void 0:S.replace(/\s+/g,"")}=${g}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,ve=forge.pki.publicKeyFromPem((se=(p=Z==null?void 0:Z.data)==null?void 0:p.data)==null?void 0:se.publicKeyPem).encrypt(Q,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),et=forge.util.encode64(ve),Ee={"Content-Type":"application/json","x-app-session-key":(l=(ne=Z.data)==null?void 0:ne.data)==null?void 0:l.session_key},mt=JSON.stringify({enc_track2_data:et,algorithm:"RSAES_OAEP_SHA_1",session_key:(k=(u=Z==null?void 0:Z.data)==null?void 0:u.data)==null?void 0:k.session_key}),f=await tn.default.post(`${yt}tokenizer/tokenize`,mt,{headers:Ee});if((f==null?void 0:f.status)==200){let Bt=(N=(A=f==null?void 0:f.data)==null?void 0:A.data)==null?void 0:N.token;try{let tt=await tn.default.post(`${be}api/v1/gateway/verify-and-save/${e}`,{token:Bt});if((tt==null?void 0:tt.status)==200){let Ue=(L=tt==null?void 0:tt.data)==null?void 0:L.data,It={Token:Ue.gateway_token,Brand:Ue.card_data.brand,ExpirationMonth:Ue.card_data.expire_mm,ExpirationYear:Ue.card_data.expire_yy,Last4:Ue.card_data.last4,Bin:Ue.card_data.bin,postalCode:c==null?void 0:c.zipCode};fe(),b(It)}}catch(tt){console.log(tt,"error"),fe()}}}catch(m){console.log(m,"eroror")}},it=async S=>{var ne,l,u,k,A,N,L;if(S.preventDefault(),!(h()||!he())){w();try{let m=await tn.default.get(`${be}api/v1/gateway/token/${e}`);if((m==null?void 0:m.status)==200){let Z=(l=(ne=m==null?void 0:m.data)==null?void 0:ne.data)==null?void 0:l.gateway_token;((k=(u=m==null?void 0:m.data)==null?void 0:u.data)==null?void 0:k.paymentGateway)==((A=pn)==null?void 0:A.FRACTALKEY)?await Ze():DatacapWebToken.requestToken(Z,"creditCardForm",nt)}}catch(m){fe(),ce(((L=(N=m==null?void 0:m.response)==null?void 0:N.data)==null?void 0:L.message)||"Something went wrong!")}}},F=()=>{ce("")},_e=()=>{ce(""),W({firstName:"",lastName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",zipCode:"",authHold:!1,authorise:!1}),K()};return P.default.createElement(P.default.Fragment,null,P.default.createElement(Tt,null),P.default.createElement(wn,null),P.default.createElement(_t,{loading:$||q}),r&&P.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},P.default.createElement(jt,{error:r,onClose:F})),!r&&P.default.createElement("div",{className:"creditformbox"},P.default.createElement("form",{id:"creditCardForm",onSubmit:it},P.default.createElement("div",{className:"name-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," First Name ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"first_name",placeholder:"First Name",value:(c==null?void 0:c.firstName)||"",onChange:S=>{let p=S.target.value;/^[a-zA-Z\s]*$/.test(p)&&O("firstName",p)}}),(_==null?void 0:_.firstName)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.firstName)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Last Name ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"last_name",placeholder:"Last Name",value:(c==null?void 0:c.lastName)||"",onChange:S=>{let p=S.target.value;/^[a-zA-Z\s]*$/.test(p)&&O("lastName",p)}}),(_==null?void 0:_.lastName)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.lastName))),P.default.createElement("div",{className:"form-pay-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Card Number ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Card Number",maxLength:19,inputMode:"numeric",value:(c==null?void 0:c.cardNumber)||"",onChange:S=>Ve(S)}),(_==null?void 0:_.cardNumber)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.cardNumber))),P.default.createElement("div",{className:"card-pay-row"},P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Exp Month ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"exp_month",placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:S=>O("expiryMonth",S.target.value)}),(_==null?void 0:_.expiryMonth)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.expiryMonth)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Exp Year ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"exp_year",placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:S=>O("expiryYear",S.target.value)}),(_==null?void 0:_.expiryYear)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.expiryYear)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," CVV ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text","data-token":"cvv",placeholder:"CVV",maxLength:4,value:(c==null?void 0:c.cvv)||"",onChange:S=>O("cvv",S.target.value)}),(_==null?void 0:_.cvv)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.cvv)),P.default.createElement("div",{className:"form-group"},P.default.createElement("label",null," Zip ",P.default.createElement("span",{className:"text-danger"},"*")),P.default.createElement("input",{type:"text",name:"zipcode",placeholder:"Zip Code",value:(G=c==null?void 0:c.zipCode)!=null?G:"",onChange:S=>O("zipCode",S.target.value)}),(_==null?void 0:_.zipCode)&&P.default.createElement("small",{className:"error"},_==null?void 0:_.zipCode))),Y&&P.default.createElement(P.default.Fragment,null,P.default.createElement("div",{className:"checks-row"},P.default.createElement("input",{name:"authHold",type:"checkbox",id:"authHold",checked:!!(c!=null&&c.authHold),onChange:S=>O("authHold",S.target.checked)}),P.default.createElement("label",{htmlFor:"authHold",className:"form-check-label"},"To securely save your card on file, we will place a temporary authorization hold of $1.00. This is not a charge and will be released by your card issuer shortly after verification.")),(_==null?void 0:_.authHold)&&P.default.createElement("small",{className:"check-error"},_==null?void 0:_.authHold),P.default.createElement("div",{className:"checks-row "},P.default.createElement("input",{name:"authorise",type:"checkbox",id:"authorise",checked:!!(c!=null&&c.authorise),onChange:S=>O("authorise",S.target.checked)}),P.default.createElement("label",{htmlFor:"authorise",className:"form-check-label see-more"},Fe?P.default.createElement(P.default.Fragment,null,P.default.createElement("span",null,"By providing your payment information, you authorize"," ",P.default.createElement("strong",null,je),", a Sky Systemz merchant, to securely store your card on file for future payments. Your card information will be encrypted and stored in compliance with PCI-DSS (Payment Card Industry Data Security Standard) regulations using Sky Systemz\u2019s secure payment technology. This information will be used solely for transactions you authorize with"," ",P.default.createElement("strong",null,je),". You may request the removal of your stored payment information at any time by contacting"," ",P.default.createElement("strong",null,je)," directly. By signing or proceeding with this transaction, you acknowledge and agree to this card on file authorization.",P.default.createElement("a",{href:"#",onClick:S=>{S.preventDefault(),oe(!1)}},"See less ..."))):P.default.createElement(P.default.Fragment,null,P.default.createElement("span",null,"By providing your payment information, you authorize ",je,", a Sky Systemz merchant, to securely store your card on file for future pay..."," "),P.default.createElement("a",{href:"#",onClick:S=>{S.preventDefault(),oe(!0)}},"See more ...")))),(_==null?void 0:_.authorise)&&P.default.createElement("small",{className:"check-error"},_==null?void 0:_.authorise)),P.default.createElement("div",{className:"button-row"},P.default.createElement("button",{className:"cancelbtn",type:"button",onClick:_e},"Cancel"),P.default.createElement("button",{className:"savebtn",type:"submit"},"Save")))))}var n=ge(require("react"));var ei=ge(require("react"));function Nn(){let e="#000",b="#fff",q="#212529",K="#dee2e6";return ei.default.createElement("style",null,`
|
|
2006
2006
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
2007
2007
|
body
|
|
2008
2008
|
{
|
|
@@ -2629,4 +2629,4 @@
|
|
|
2629
2629
|
|
|
2630
2630
|
|
|
2631
2631
|
|
|
2632
|
-
`)}var dt=ge(require("axios"));var kn=require("react-icons/io5"),Xt=ge(require("sweetalert2"));var ti=({amount:e,submitBtnText:b="Pay",session_token:q,customerId:K,callback:Y,merchantName:je="merchant",isPreAuth:$,surcharge:De="0",submitBtnClass:Fe,submitBtnIcon:oe})=>{var xt,bt,vt,Re,ye,pt,Ct,$t,Be,Yt,wt,Ie,Ke,Vt;let[c,W]=(0,n.useState)("card"),[_,v]=(0,n.useState)("card"),[r,ce]=(0,n.useState)(),[w,fe]=(0,n.useState)({}),[h,Ve]=(0,n.useState)(),[O,he]=(0,n.useState)({}),[nt,Ze]=(0,n.useState)(!1),[it,F]=(0,n.useState)(!1),[_e,G]=(0,n.useState)(!1),[S,p]=(0,n.useState)(""),[se,ne]=(0,n.useState)(!1),[l,u]=(0,n.useState)(""),[k,A]=(0,n.useState)(!1),[N,L]=(0,n.useState)(!1),[m,Z]=(0,n.useState)([]),[g,U]=(0,n.useState)(),[Q,Pe]=(0,n.useState)(),ve=me+"widget/mc-img.svg",et=me+"widget/visa-img.svg",Ee=me+"widget/ae-img.svg",yt=me+"widget/discover-img.svg",f=me+"widget/card.svg",Bt=me+"widget/Trash.svg",tt=me+"widget/bank.svg",Ue=me+"widget/secure-img.png",It=me+"widget/pov-by.png",At=me+"widget/pax.svg",mt=me+"widget/cardicon.svg",Ge=me+"widget/bankicon.svg",Se=()=>A(!0),Ce=()=>A(!1),Je=async s=>{var d,j,R,V,ie,o,i,T;console.log(s,"ndfkjhdskjfhds");try{let H={pass_fee_amount:De,Token:s==null?void 0:s.Token,amount:e,postal_code:s==null?void 0:s.postalCode},y=await dt.default.post(`${be}api/v1/gateway/charge/${q}`,H);if((d=y==null?void 0:y.data)!=null&&d.result){let J={};if(_e&&K)try{let X={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:(s==null?void 0:s.gateway_token)||(s==null?void 0:s.Token)},D=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,X);(j=D==null?void 0:D.data)!=null&&j.result&&(D=(R=D==null?void 0:D.data)==null?void 0:R.data)}catch(X){console.log(X,"error"),Ce(),p(((ie=(V=X==null?void 0:X.response)==null?void 0:V.data)==null?void 0:ie.message)||"Something went wrong!")}let ee={cardDetails:M(M({},J),s),callback:B(M({},(o=y==null?void 0:y.data)==null?void 0:o.data),{name:r==null?void 0:r.cardName,isPreAuth:$})};_e||delete ee.cardDetails,Y(ee),Ce(),qe()}}catch(H){p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||"Something went wrong!"),Ce()}},Pt=async s=>{var d,j,R,V,ie,o,i,T;try{let H={Token:s==null?void 0:s.Token,amount:e,postal_code:s==null?void 0:s.postalCode},y=await dt.default.post(`${be}api/v1/gateway/preauth/${q}`,H);if((d=y==null?void 0:y.data)!=null&&d.result){let J={};if(_e&&K)try{let X={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:s==null?void 0:s.gateway_token},D=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,X);(j=D==null?void 0:D.data)!=null&&j.result&&(D=(R=D==null?void 0:D.data)==null?void 0:R.data)}catch(X){console.log(X,"error"),Ce(),p(((ie=(V=X==null?void 0:X.response)==null?void 0:V.data)==null?void 0:ie.message)||"Something went wrong!")}let ee={cardDetails:M(M({},J),s),callback:B(M({},(o=y==null?void 0:y.data)==null?void 0:o.data),{name:r==null?void 0:r.cardName,isPreAuth:$})};_e||delete ee.cardDetails,Y(ee),Ce(),qe()}}catch(H){p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||"Something went wrong!"),Ce()}},at=async s=>{var d,j,R,V;if(s.Error)p(s.Error),Ce();else{let ie={token:s.Token,resp:s};try{let o=await dt.default.post(`${be}api/v1/gateway/update/token/${q}`,ie);if((o==null?void 0:o.status)==200){let i={Token:(j=(d=o==null?void 0:o.data)==null?void 0:d.data)==null?void 0:j.gateway_token,Brand:s.Brand,ExpirationMonth:s.ExpirationMonth,ExpirationYear:s.ExpirationYear,Last4:s.Last4,Bin:s.Bin,CVV:s.CVV,postalCode:r==null?void 0:r.zipCode},T;$?Pt(i):Je(i)}}catch(o){console.log(o,"error"),Ce(),p(((V=(R=o==null?void 0:o.response)==null?void 0:R.data)==null?void 0:V.message)||"Something went wrong!")}}},z=()=>F(!0),I=s=>{W(s)},re=()=>{var j,R,V,ie,o,i,T,H;let s={},d=h;return(j=d==null?void 0:d.name)!=null&&j.trim()||(s.name="Name is required"),(R=d==null?void 0:d.accountNumber)!=null&&R.trim()||(s.accountNumber="Account number is required"),(V=d==null?void 0:d.accountNumber)!=null&&V.trim()&&((ie=d==null?void 0:d.accountNumber)==null?void 0:ie.trim())!==((o=d==null?void 0:d.confirmAccountNumber)==null?void 0:o.trim())&&(s.confirmAccountNumber="Account numbers must match"),(i=d==null?void 0:d.bankName)!=null&&i.trim()||(s.bankName="Bank name is required"),(T=d==null?void 0:d.routingNumber)!=null&&T.trim()||(s.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((H=d==null?void 0:d.routingNumber)==null?void 0:H.length)!==9&&(s.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(s.companyName="Company Name is required for business accounts"),he(s),Object.keys(s).length>0},le=async()=>{var s,d,j,R,V,ie,o,i,T,H,y,J,ee,X,D,Ae;try{let ae={method:"POST",redirect:"follow"},pe=await dt.default.post(`${be}api/v1/widget/generate-session`,ae),Nt=Number(r==null?void 0:r.expiryYear)%100,Te=`${(s=r==null?void 0:r.cardNumber)==null?void 0:s.replace(/\s+/g,"")}=${Nt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Xe=forge.pki.publicKeyFromPem((j=(d=pe==null?void 0:pe.data)==null?void 0:d.data)==null?void 0:j.publicKeyPem).encrypt(Te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Kt=forge.util.encode64(Xe),Ot={"Content-Type":"application/json","x-app-session-key":(V=(R=pe.data)==null?void 0:R.data)==null?void 0:V.session_key},$e=JSON.stringify({enc_track2_data:Kt,algorithm:"RSAES_OAEP_SHA_1",session_key:(o=(ie=pe==null?void 0:pe.data)==null?void 0:ie.data)==null?void 0:o.session_key}),ut=await dt.default.post(`${ht}tokenizer/tokenize`,$e,{headers:Ot});if((ut==null?void 0:ut.status)==200){let qt=(T=(i=ut==null?void 0:ut.data)==null?void 0:i.data)==null?void 0:T.token;try{let Ye=await dt.default.post(`${be}api/v1/gateway/verify-and-save/${q}`,{token:qt});if((Ye==null?void 0:Ye.status)==200){let He=(H=Ye==null?void 0:Ye.data)==null?void 0:H.data,Wt={Token:He.gateway_token,Brand:He.card_data.brand,ExpirationMonth:He.card_data.expire_mm,ExpirationYear:He.card_data.expire_yy,Last4:He.card_data.last4,Bin:He.card_data.bin,postalCode:r==null?void 0:r.zipCode},gt;if(_e&&K)try{let ue={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:He.gateway_token};gt=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,ue)}catch(ue){console.log(ue,"error"),Ce(),p(((J=(y=ue==null?void 0:ue.response)==null?void 0:y.data)==null?void 0:J.message)||"Something went wrong!")}$?Pt(Wt):Je(Wt)}}catch(Ye){console.log(Ye,"error"),p(((X=(ee=Ye==null?void 0:Ye.response)==null?void 0:ee.data)==null?void 0:X.message)||"Something went wrong!"),Ce()}}}catch(ae){Ce(),console.log(ae,"error"),p(((Ae=(D=ae==null?void 0:ae.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong!")}},te=()=>{var V,ie,o,i,T,H;let s={},d=r,j=parseInt((d==null?void 0:d.expiryMonth)||"",10),R=(d==null?void 0:d.expiryYear)||"";if((V=d==null?void 0:d.cardName)!=null&&V.trim()||(s.cardName="Card name is required"),(ie=d==null?void 0:d.cardNumber)!=null&&ie.trim()||(s.cardNumber="Card number is required"),(!((o=d==null?void 0:d.expiryMonth)!=null&&o.trim())||!((i=d==null?void 0:d.expiryYear)!=null&&i.trim())||isNaN(j)||j<1||j>12||R.length!==4)&&(s.expiryMonth="Invalid Expiration Date."),(T=d==null?void 0:d.cvv)!=null&&T.trim()||(s.cvv="CVV is required"),(H=d==null?void 0:d.zipCode)!=null&&H.trim()||(s.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let y=parseInt(d.expiryMonth,10),J=parseInt(d.expiryYear,10),ee=new Date,X=ee.getMonth()+1,D=ee.getFullYear();(J<D||J===D&&y<X)&&(s.expiryMonth="Card is expired")}return fe(s),Object.keys(s).length>0},We=async s=>{var d,j,R,V,ie,o,i,T,H,y,J,ee,X,D,Ae;if(s.preventDefault(),c!=="ach"){if(te())return}else if(re())return;try{Se();let ae=await dt.default.get(`${be}api/v1/gateway/token/${q}`);if((ae==null?void 0:ae.status)==200){let pe=(j=(d=ae==null?void 0:ae.data)==null?void 0:d.data)==null?void 0:j.gateway_token,Nt=(V=(R=ae==null?void 0:ae.data)==null?void 0:R.data)==null?void 0:V.paymentGateway;if(c!=="ach")Nt==((ie=pn)==null?void 0:ie.FRACTALKEY)?await le():DatacapWebToken.requestToken(pe,"PaymentForm",at);else{let kt;try{let Te=await dt.default.post(`${be}api/v1/gateway/bank-charge/${q}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((o=Te==null?void 0:Te.data)!=null&&o.result){if(nt&&K)try{let Me=await dt.default.post(`${be}api/v1/gateway/add-bank/${q}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:K||"",company_name:(h==null?void 0:h.companyName)||""});Me.data.result&&(kt={bankDetails:B(M({},(i=Me==null?void 0:Me.data)==null?void 0:i.data),{account_type:h==null?void 0:h.accountType})})}catch(Me){Ce(),p(((H=(T=Me==null?void 0:Me.response)==null?void 0:T.data)==null?void 0:H.message)||"Something went wrong!")}kt=B(M({},kt),{callback:B(M({},(y=Te==null?void 0:Te.data)==null?void 0:y.data),{name:h==null?void 0:h.name,isPreAuth:$})}),Y(kt),qe(),Ce()}}catch(Te){console.log(Te,"errororor");let Me=(J=Te==null?void 0:Te.response)==null?void 0:J.data;typeof(Me==null?void 0:Me.message)=="object"?Object.values(Me==null?void 0:Me.message).forEach(Xe=>{p(Xe||"Something went wrong")}):p((Me==null?void 0:Me.message)||"Something went wrong"),Ce()}}}}catch(ae){Ce(),Y({error:((X=(ee=ae==null?void 0:ae.response)==null?void 0:ee.data)==null?void 0:X.message)||"Something went wrong!"}),p(((Ae=(D=ae==null?void 0:ae.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong!")}},Le=(s,d)=>{let j=s;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(j)){(d===""||/^[0-9]+$/.test(d))&&(fe(V=>B(M({},V),{[j]:""})),ce(V=>B(M({},V),{[j]:d})));return}fe(V=>B(M({},V),{[j]:""})),ce(V=>B(M({},V),{[j]:d}))},xe=s=>{let j=s.target.value.replace(/\D/g,""),R="";/^3[47]/.test(j)?R=j.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ie,o,i,T)=>[o,i,T].filter(Boolean).join(" ")):R=j.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ie,o,i,T,H)=>[o,i,T,H].filter(Boolean).join(" ")),fe(V=>B(M({},V),{cardNumber:""})),ce(V=>B(M({},V),{cardNumber:R}))},ze=s=>{let{name:d,value:j}=s.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(j)&&(he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j})));return}if(R.includes(d)){(j===""||/^[0-9]+$/.test(j))&&(he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j})));return}he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j}))},qe=()=>{F(!1),W("card"),p(""),ne(!1),u(""),Ve({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),fe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ze(!1),G(!1),Z([])},ot=async()=>{var s,d,j,R,V,ie,o,i,T;Se();try{let H={isPreAuth:$,customerId:K},y=await dt.default.post(`${be}api/v1/gateway/card-list/${q}`,H);if(console.log("paymentData",y),(d=(s=y==null?void 0:y.data)==null?void 0:s.data)!=null&&d.cardList&&((V=(R=(j=y==null?void 0:y.data)==null?void 0:j.data)==null?void 0:R.cardList)==null?void 0:V.length)>0){W("cardList");let J=(o=(ie=y==null?void 0:y.data)==null?void 0:ie.data)==null?void 0:o.cardList;Z(J);let ee=J==null?void 0:J.find(X=>(X==null?void 0:X.primary_card)==1);ee&&U(ee)}else W("card");Ce()}catch(H){console.log(H),Ce(),p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||(H==null?void 0:H.message)||"Something went wrong")}},rt=s=>{switch(s==null?void 0:s.toLowerCase()){case"visa":return et;case"mastercard":case"mc":case"m/c":return ve;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return yt;case"bank":return tt;default:return s}},st=async s=>{Xt.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 d=>{var j,R;if(d.isConfirmed){L(!0);try{let V={card_id:s,customer_id:K},ie=await dt.default.patch(`${be}api/v1/gateway/delete-card/${q}`,V);(j=ie==null?void 0:ie.data)!=null&&j.result?(L(!1),ot(),Xt.default.fire({icon:"success",title:"Deleted!",text:((R=ie==null?void 0:ie.data)==null?void 0:R.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(L(!1),Xt.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(V){L(!1),Xt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else d.dismiss===Xt.default.DismissReason.cancel&&Xt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ct=async()=>{var R,V,ie,o;let s=K,d=g==null?void 0:g.id,j=g==null?void 0:g.card_type;if(e)if(s)if(d){let i={amount:e,customer_id:s,card_id:d};$&&(i.isPreauth=!0);let T=be+"api/v1/gateway/charge-by-saved-details/"+q,H={"Content-Type":"application/json"};try{Se();let y=await dt.default.post(T,i);console.log(y,"res"),(R=y==null?void 0:y.data)!=null&&R.result&&(Y({callback:(V=y==null?void 0:y.data)==null?void 0:V.data}),Ce(),qe())}catch(y){console.log(y==null?void 0:y.response,"error by saved details"),Ce(),p(((o=(ie=y==null?void 0:y.response)==null?void 0:ie.data)==null?void 0:o.message)||"Something went wrong!")}}else p("Please Select A Card/ACH");else p("Please Select Customer");else p("Something went wrong.")};(0,n.useEffect)(()=>{K&&it&&ot()},[K,it]);let lt=()=>$?"Cards":"Cards/Bank";return n.default.createElement(n.default.Fragment,null,n.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),n.default.createElement(Tt,null),n.default.createElement(Nn,null),n.default.createElement("button",{className:Fe||"paymentBtn",onClick:z},b,oe),n.default.createElement(Lt,{open:it,onClose:qe},S&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(jt,{error:S,onClose:qe})),!S&&n.default.createElement(n.default.Fragment,null,(k||N)&&n.default.createElement(_t,{loading:k||N}),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:qe},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"}),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"}),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(m==null?void 0:m.length)>0&&c!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(kn.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"},Ut((xt=Number(e))==null?void 0:xt.toFixed(2)))),c!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:et,alt:"",width:33}),n.default.createElement("img",{src:ve,width:33,alt:""}),n.default.createElement("img",{src:Ee,alt:"",width:33}),n.default.createElement("img",{src:yt,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:Ue,alt:""}),n.default.createElement("img",{src:It,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},c!=="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(kn.IoArrowBack,null)," Back"),!$&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:s=>{I("card")},style:{border:c==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:mt}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:s=>{I("ach")},style:{border:c==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:Ge}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ut((bt=Number(e))==null?void 0:bt.toFixed(2)))),c!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:et,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:ve,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:yt,width:35,alt:""}))))):n.default.createElement("div",null,n.default.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Q==null?void 0:Q.customer_name),n.default.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",_==="card"?lt():"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ut((vt=Number(e))==null?void 0:vt.toFixed(2)))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:et,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:ve,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:yt,width:35,alt:""}))))),n.default.createElement("div",{id:"ach",style:{display:c==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},m&&(m==null?void 0:m.length)>0&&(m==null?void 0:m.map((s,d)=>n.default.createElement("div",{className:"card-list-single-div",key:d},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(Q==null?void 0:Q.paymentGateway)!=(s==null?void 0:s.payment_method_type)&&(s==null?void 0:s.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:g===s,onChange:j=>U(s)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",s==null?void 0:s.cardlastfourdigit),(s==null?void 0:s.card_type)!="Bank"&&n.default.createElement("h6",{className:"card-expiry-date"},s==null?void 0:s.expmonth,"/",s==null?void 0:s.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:rt(s==null?void 0:s.card_type),alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>st(s==null?void 0:s.id)},n.default.createElement("img",{src:Bt,alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card",onClick:()=>W("card")},"Pay With Other Card",n.default.createElement("img",{src:f,alt:""}))),n.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ct},Ut((Re=Number(e))==null?void 0:Re.toFixed(2))))),n.default.createElement("div",{id:"ach",style:{display:c==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:We},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:s=>{let d=s.target.value;/^[a-zA-Z\s]*$/.test(d)&&Le("cardName",d)}}),(w==null?void 0:w.cardName)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cardName)),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:s=>xe(s),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group-frac"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:s=>Le("expiryMonth",s.target.value)})),n.default.createElement("div",{className:"exp-year form-group-frac"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:s=>Le("expiryYear",s.target.value)})),n.default.createElement("div",{className:"security-digit form-group-frac"},n.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:s=>Le("cvv",s.target.value)})))),(w==null?void 0:w.cardNumber)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cardNumber),n.default.createElement("p",{style:{margin:"0"}},w!=null&&w.expiryMonth||w!=null&&w.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},w==null?void 0:w.expiryMonth):"",(w==null?void 0:w.cvv)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cvv)))),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(ye=r==null?void 0:r.zipCode)!=null?ye:"",onChange:s=>Le("zipCode",s.target.value)}),(w==null?void 0:w.zipCode)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:_e,onChange:s=>G(s.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ut((pt=Number(e))==null?void 0:pt.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:c==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:We},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Ct=h==null?void 0:h.name)!=null?Ct:"",onChange:ze}),(O==null?void 0:O.name)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.name)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:($t=h==null?void 0:h.routingNumber)!=null?$t:"",onChange:ze}),(O==null?void 0:O.routingNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.routingNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Be=h==null?void 0:h.accountNumber)!=null?Be:"",onChange:ze}),(O==null?void 0:O.accountNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.accountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Yt=h==null?void 0:h.confirmAccountNumber)!=null?Yt:"",onChange:ze}),(O==null?void 0:O.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.confirmAccountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(wt=h==null?void 0:h.bankName)!=null?wt:"",onChange:ze}),(O==null?void 0:O.bankName)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Ie=h==null?void 0:h.companyName)!=null?Ie:"",onChange:ze}),(O==null?void 0:O.companyName)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.companyName)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Ke=h==null?void 0:h.accountType)!=null?Ke:"",onChange:ze},n.default.createElement("option",{value:""},"Select account"),mn.map(s=>n.default.createElement("option",{key:s.value,value:s.value},s.label)))),K&&n.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:nt,onChange:s=>Ze(s.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),nt&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,je||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.default.createElement("div",{className:"form-group-frac "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ut((Vt=Number(e))==null?void 0:Vt.toFixed(2)))))))))))))))};0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|
|
2632
|
+
`)}var dt=ge(require("axios"));var kn=require("react-icons/io5"),Xt=ge(require("sweetalert2"));var ti=({amount:e,submitBtnText:b="Pay",session_token:q,customerId:K,callback:Y,merchantName:je="merchant",isPreAuth:$,surcharge:De="0",submitBtnClass:Fe,submitBtnIcon:oe})=>{var xt,bt,vt,Re,ye,ut,Ct,$t,Be,Yt,wt,Ie,Ke,Vt;let[c,W]=(0,n.useState)("card"),[_,v]=(0,n.useState)("card"),[r,ce]=(0,n.useState)(),[w,fe]=(0,n.useState)({}),[h,Ve]=(0,n.useState)(),[O,he]=(0,n.useState)({}),[nt,Ze]=(0,n.useState)(!1),[it,F]=(0,n.useState)(!1),[_e,G]=(0,n.useState)(!1),[S,p]=(0,n.useState)(""),[se,ne]=(0,n.useState)(!1),[l,u]=(0,n.useState)(""),[k,A]=(0,n.useState)(!1),[N,L]=(0,n.useState)(!1),[m,Z]=(0,n.useState)([]),[g,U]=(0,n.useState)(),[Q,Pe]=(0,n.useState)(),ve=me+"widget/mc-img.svg",et=me+"widget/visa-img.svg",Ee=me+"widget/ae-img.svg",mt=me+"widget/discover-img.svg",f=me+"widget/card.svg",Bt=me+"widget/Trash.svg",tt=me+"widget/bank.svg",Ue=me+"widget/secure-img.png",It=me+"widget/pov-by.png",At=me+"widget/pax.svg",ct=me+"widget/cardicon.svg",Ge=me+"widget/bankicon.svg",Se=()=>A(!0),Ce=()=>A(!1),Je=async s=>{var d,j,R,V,ie,o,i,T;console.log(s,"ndfkjhdskjfhds");try{let H={pass_fee_amount:De,Token:s==null?void 0:s.Token,amount:e,postal_code:s==null?void 0:s.postalCode},y=await dt.default.post(`${be}api/v1/gateway/charge/${q}`,H);if((d=y==null?void 0:y.data)!=null&&d.result){let J={};if(_e&&K)try{let X={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:(s==null?void 0:s.gateway_token)||(s==null?void 0:s.Token)},D=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,X);(j=D==null?void 0:D.data)!=null&&j.result&&(D=(R=D==null?void 0:D.data)==null?void 0:R.data)}catch(X){console.log(X,"error"),Ce(),p(((ie=(V=X==null?void 0:X.response)==null?void 0:V.data)==null?void 0:ie.message)||"Something went wrong!")}let ee={cardDetails:M(M({},J),s),callback:B(M({},(o=y==null?void 0:y.data)==null?void 0:o.data),{name:r==null?void 0:r.cardName,isPreAuth:$})};_e||delete ee.cardDetails,Y(ee),Ce(),qe()}}catch(H){p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||"Something went wrong!"),Ce()}},Pt=async s=>{var d,j,R,V,ie,o,i,T;try{let H={Token:s==null?void 0:s.Token,amount:e,postal_code:s==null?void 0:s.postalCode},y=await dt.default.post(`${be}api/v1/gateway/preauth/${q}`,H);if((d=y==null?void 0:y.data)!=null&&d.result){let J={};if(_e&&K)try{let X={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:s==null?void 0:s.gateway_token},D=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,X);(j=D==null?void 0:D.data)!=null&&j.result&&(D=(R=D==null?void 0:D.data)==null?void 0:R.data)}catch(X){console.log(X,"error"),Ce(),p(((ie=(V=X==null?void 0:X.response)==null?void 0:V.data)==null?void 0:ie.message)||"Something went wrong!")}let ee={cardDetails:M(M({},J),s),callback:B(M({},(o=y==null?void 0:y.data)==null?void 0:o.data),{name:r==null?void 0:r.cardName,isPreAuth:$})};_e||delete ee.cardDetails,Y(ee),Ce(),qe()}}catch(H){p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||"Something went wrong!"),Ce()}},at=async s=>{var d,j,R,V;if(s.Error)p(s.Error),Ce();else{let ie={token:s.Token,resp:s};try{let o=await dt.default.post(`${be}api/v1/gateway/update/token/${q}`,ie);if((o==null?void 0:o.status)==200){let i={Token:(j=(d=o==null?void 0:o.data)==null?void 0:d.data)==null?void 0:j.gateway_token,Brand:s.Brand,ExpirationMonth:s.ExpirationMonth,ExpirationYear:s.ExpirationYear,Last4:s.Last4,Bin:s.Bin,CVV:s.CVV,postalCode:r==null?void 0:r.zipCode},T;$?Pt(i):Je(i)}}catch(o){console.log(o,"error"),Ce(),p(((V=(R=o==null?void 0:o.response)==null?void 0:R.data)==null?void 0:V.message)||"Something went wrong!")}}},z=()=>F(!0),I=s=>{W(s)},re=()=>{var j,R,V,ie,o,i,T,H;let s={},d=h;return(j=d==null?void 0:d.name)!=null&&j.trim()||(s.name="Name is required"),(R=d==null?void 0:d.accountNumber)!=null&&R.trim()||(s.accountNumber="Account number is required"),(V=d==null?void 0:d.accountNumber)!=null&&V.trim()&&((ie=d==null?void 0:d.accountNumber)==null?void 0:ie.trim())!==((o=d==null?void 0:d.confirmAccountNumber)==null?void 0:o.trim())&&(s.confirmAccountNumber="Account numbers must match"),(i=d==null?void 0:d.bankName)!=null&&i.trim()||(s.bankName="Bank name is required"),(T=d==null?void 0:d.routingNumber)!=null&&T.trim()||(s.routingNumber="Routing Number is required"),d!=null&&d.routingNumber&&((H=d==null?void 0:d.routingNumber)==null?void 0:H.length)!==9&&(s.routingNumber="Routing number must be 9 digits"),((d==null?void 0:d.accountType)==="business saving"||(d==null?void 0:d.accountType)==="business checking")&&(!(d!=null&&d.companyName)||(d==null?void 0:d.companyName)==="")&&(s.companyName="Company Name is required for business accounts"),he(s),Object.keys(s).length>0},le=async()=>{var s,d,j,R,V,ie,o,i,T,H,y,J,ee,X,D,Ae;try{let ae={method:"POST",redirect:"follow"},pe=await dt.default.post(`${be}api/v1/widget/generate-session`,ae),Nt=Number(r==null?void 0:r.expiryYear)%100,Te=`${(s=r==null?void 0:r.cardNumber)==null?void 0:s.replace(/\s+/g,"")}=${Nt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,Xe=forge.pki.publicKeyFromPem((j=(d=pe==null?void 0:pe.data)==null?void 0:d.data)==null?void 0:j.publicKeyPem).encrypt(Te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Kt=forge.util.encode64(Xe),Ot={"Content-Type":"application/json","x-app-session-key":(V=(R=pe.data)==null?void 0:R.data)==null?void 0:V.session_key},$e=JSON.stringify({enc_track2_data:Kt,algorithm:"RSAES_OAEP_SHA_1",session_key:(o=(ie=pe==null?void 0:pe.data)==null?void 0:ie.data)==null?void 0:o.session_key}),gt=await dt.default.post(`${yt}tokenizer/tokenize`,$e,{headers:Ot});if((gt==null?void 0:gt.status)==200){let qt=(T=(i=gt==null?void 0:gt.data)==null?void 0:i.data)==null?void 0:T.token;try{let Ye=await dt.default.post(`${be}api/v1/gateway/verify-and-save/${q}`,{token:qt});if((Ye==null?void 0:Ye.status)==200){let He=(H=Ye==null?void 0:Ye.data)==null?void 0:H.data,Wt={Token:He.gateway_token,Brand:He.card_data.brand,ExpirationMonth:He.card_data.expire_mm,ExpirationYear:He.card_data.expire_yy,Last4:He.card_data.last4,Bin:He.card_data.bin,postalCode:r==null?void 0:r.zipCode},ft;if(_e&&K)try{let ue={postal_code:r==null?void 0:r.zipCode,customer_id:K,gateway_token:He.gateway_token};ft=await dt.default.post(`${be}api/v1/gateway/add-card/${q}`,ue)}catch(ue){console.log(ue,"error"),Ce(),p(((J=(y=ue==null?void 0:ue.response)==null?void 0:y.data)==null?void 0:J.message)||"Something went wrong!")}$?Pt(Wt):Je(Wt)}}catch(Ye){console.log(Ye,"error"),p(((X=(ee=Ye==null?void 0:Ye.response)==null?void 0:ee.data)==null?void 0:X.message)||"Something went wrong!"),Ce()}}}catch(ae){Ce(),console.log(ae,"error"),p(((Ae=(D=ae==null?void 0:ae.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong!")}},te=()=>{var V,ie,o,i,T,H;let s={},d=r,j=parseInt((d==null?void 0:d.expiryMonth)||"",10),R=(d==null?void 0:d.expiryYear)||"";if((V=d==null?void 0:d.cardName)!=null&&V.trim()||(s.cardName="Card name is required"),(ie=d==null?void 0:d.cardNumber)!=null&&ie.trim()||(s.cardNumber="Card number is required"),(!((o=d==null?void 0:d.expiryMonth)!=null&&o.trim())||!((i=d==null?void 0:d.expiryYear)!=null&&i.trim())||isNaN(j)||j<1||j>12||R.length!==4)&&(s.expiryMonth="Invalid Expiration Date."),(T=d==null?void 0:d.cvv)!=null&&T.trim()||(s.cvv="CVV is required"),(H=d==null?void 0:d.zipCode)!=null&&H.trim()||(s.zipCode="ZIP code is required"),d!=null&&d.expiryMonth&&(d!=null&&d.expiryYear)&&d.expiryMonth.length<=2&&d.expiryYear.length===4){let y=parseInt(d.expiryMonth,10),J=parseInt(d.expiryYear,10),ee=new Date,X=ee.getMonth()+1,D=ee.getFullYear();(J<D||J===D&&y<X)&&(s.expiryMonth="Card is expired")}return fe(s),Object.keys(s).length>0},We=async s=>{var d,j,R,V,ie,o,i,T,H,y,J,ee,X,D,Ae;if(s.preventDefault(),c!=="ach"){if(te())return}else if(re())return;try{Se();let ae=await dt.default.get(`${be}api/v1/gateway/token/${q}`);if((ae==null?void 0:ae.status)==200){let pe=(j=(d=ae==null?void 0:ae.data)==null?void 0:d.data)==null?void 0:j.gateway_token,Nt=(V=(R=ae==null?void 0:ae.data)==null?void 0:R.data)==null?void 0:V.paymentGateway;if(c!=="ach")Nt==((ie=pn)==null?void 0:ie.FRACTALKEY)?await le():DatacapWebToken.requestToken(pe,"PaymentForm",at);else{let kt;try{let Te=await dt.default.post(`${be}api/v1/gateway/bank-charge/${q}`,{label:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(h==null?void 0:h.companyName)||""});if((o=Te==null?void 0:Te.data)!=null&&o.result){if(nt&&K)try{let Me=await dt.default.post(`${be}api/v1/gateway/add-bank/${q}`,{name:h==null?void 0:h.name,account_number:h==null?void 0:h.accountNumber,routing_number:h==null?void 0:h.routingNumber,bank_name:h==null?void 0:h.bankName,account_type:h==null?void 0:h.accountType,customer_id:K||"",company_name:(h==null?void 0:h.companyName)||""});Me.data.result&&(kt={bankDetails:B(M({},(i=Me==null?void 0:Me.data)==null?void 0:i.data),{account_type:h==null?void 0:h.accountType})})}catch(Me){Ce(),p(((H=(T=Me==null?void 0:Me.response)==null?void 0:T.data)==null?void 0:H.message)||"Something went wrong!")}kt=B(M({},kt),{callback:B(M({},(y=Te==null?void 0:Te.data)==null?void 0:y.data),{name:h==null?void 0:h.name,isPreAuth:$})}),Y(kt),qe(),Ce()}}catch(Te){console.log(Te,"errororor");let Me=(J=Te==null?void 0:Te.response)==null?void 0:J.data;typeof(Me==null?void 0:Me.message)=="object"?Object.values(Me==null?void 0:Me.message).forEach(Xe=>{p(Xe||"Something went wrong")}):p((Me==null?void 0:Me.message)||"Something went wrong"),Ce()}}}}catch(ae){Ce(),Y({error:((X=(ee=ae==null?void 0:ae.response)==null?void 0:ee.data)==null?void 0:X.message)||"Something went wrong!"}),p(((Ae=(D=ae==null?void 0:ae.response)==null?void 0:D.data)==null?void 0:Ae.message)||"Something went wrong!")}},Le=(s,d)=>{let j=s;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(j)){(d===""||/^[0-9]+$/.test(d))&&(fe(V=>B(M({},V),{[j]:""})),ce(V=>B(M({},V),{[j]:d})));return}fe(V=>B(M({},V),{[j]:""})),ce(V=>B(M({},V),{[j]:d}))},xe=s=>{let j=s.target.value.replace(/\D/g,""),R="";/^3[47]/.test(j)?R=j.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ie,o,i,T)=>[o,i,T].filter(Boolean).join(" ")):R=j.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ie,o,i,T,H)=>[o,i,T,H].filter(Boolean).join(" ")),fe(V=>B(M({},V),{cardNumber:""})),ce(V=>B(M({},V),{cardNumber:R}))},ze=s=>{let{name:d,value:j}=s.target,R=["routingNumber","accountNumber","confirmAccountNumber"];if(d=="name"){/^[a-zA-Z\s]*$/.test(j)&&(he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j})));return}if(R.includes(d)){(j===""||/^[0-9]+$/.test(j))&&(he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j})));return}he(V=>B(M({},V),{[d]:""})),Ve(V=>B(M({},V),{[d]:j}))},qe=()=>{F(!1),W("card"),p(""),ne(!1),u(""),Ve({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),he({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ce({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),fe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ze(!1),G(!1),Z([])},ot=async()=>{var s,d,j,R,V,ie,o,i,T;Se();try{let H={isPreAuth:$,customerId:K},y=await dt.default.post(`${be}api/v1/gateway/card-list/${q}`,H);if(console.log("paymentData",y),(d=(s=y==null?void 0:y.data)==null?void 0:s.data)!=null&&d.cardList&&((V=(R=(j=y==null?void 0:y.data)==null?void 0:j.data)==null?void 0:R.cardList)==null?void 0:V.length)>0){W("cardList");let J=(o=(ie=y==null?void 0:y.data)==null?void 0:ie.data)==null?void 0:o.cardList;Z(J);let ee=J==null?void 0:J.find(X=>(X==null?void 0:X.primary_card)==1);ee&&U(ee)}else W("card");Ce()}catch(H){console.log(H),Ce(),p(((T=(i=H==null?void 0:H.response)==null?void 0:i.data)==null?void 0:T.message)||(H==null?void 0:H.message)||"Something went wrong")}},rt=s=>{switch(s==null?void 0:s.toLowerCase()){case"visa":return et;case"mastercard":case"mc":case"m/c":return ve;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return mt;case"bank":return tt;default:return s}},st=async s=>{Xt.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 d=>{var j,R;if(d.isConfirmed){L(!0);try{let V={card_id:s,customer_id:K},ie=await dt.default.patch(`${be}api/v1/gateway/delete-card/${q}`,V);(j=ie==null?void 0:ie.data)!=null&&j.result?(L(!1),ot(),Xt.default.fire({icon:"success",title:"Deleted!",text:((R=ie==null?void 0:ie.data)==null?void 0:R.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(L(!1),Xt.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(V){L(!1),Xt.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else d.dismiss===Xt.default.DismissReason.cancel&&Xt.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},pt=async()=>{var R,V,ie,o;let s=K,d=g==null?void 0:g.id,j=g==null?void 0:g.card_type;if(e)if(s)if(d){let i={amount:e,customer_id:s,card_id:d};$&&(i.isPreauth=!0);let T=be+"api/v1/gateway/charge-by-saved-details/"+q,H={"Content-Type":"application/json"};try{Se();let y=await dt.default.post(T,i);console.log(y,"res"),(R=y==null?void 0:y.data)!=null&&R.result&&(Y({callback:(V=y==null?void 0:y.data)==null?void 0:V.data}),Ce(),qe())}catch(y){console.log(y==null?void 0:y.response,"error by saved details"),Ce(),p(((o=(ie=y==null?void 0:y.response)==null?void 0:ie.data)==null?void 0:o.message)||"Something went wrong!")}}else p("Please Select A Card/ACH");else p("Please Select Customer");else p("Something went wrong.")};(0,n.useEffect)(()=>{K&&it&&ot()},[K,it]);let lt=()=>$?"Cards":"Cards/Bank";return n.default.createElement(n.default.Fragment,null,n.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),n.default.createElement(Tt,null),n.default.createElement(Nn,null),n.default.createElement("button",{className:Fe||"paymentBtn",onClick:z},b,oe),n.default.createElement(Lt,{open:it,onClose:qe},S&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(jt,{error:S,onClose:qe})),!S&&n.default.createElement(n.default.Fragment,null,(k||N)&&n.default.createElement(_t,{loading:k||N}),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:qe},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"}),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"}),n.default.createElement("h1",{className:"pay-heading"},"Pay"),(m==null?void 0:m.length)>0&&c!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>W("cardList")}," ",n.default.createElement(kn.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"},Ut((xt=Number(e))==null?void 0:xt.toFixed(2)))),c!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},n.default.createElement("img",{src:et,alt:"",width:33}),n.default.createElement("img",{src:ve,width:33,alt:""}),n.default.createElement("img",{src:Ee,alt:"",width:33}),n.default.createElement("img",{src:mt,width:33,alt:""})))),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:Ue,alt:""}),n.default.createElement("img",{src:It,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},c!=="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(kn.IoArrowBack,null)," Back"),!$&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks cardicon-img",onClick:s=>{I("card")},style:{border:c==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"cardicon",src:ct}),"Card"),n.default.createElement("button",{className:"tablinks bankicon-img",onClick:s=>{I("ach")},style:{border:c==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},n.default.createElement("img",{className:"bankicon",src:Ge}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ut((bt=Number(e))==null?void 0:bt.toFixed(2)))),c!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:et,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:ve,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:mt,width:35,alt:""}))))):n.default.createElement("div",null,n.default.createElement("div",{className:"charge-customer-name-frac",style:{marginBottom:"16px !important"}}," Charge ",Q==null?void 0:Q.customer_name),n.default.createElement("div",{className:"card-ach-heading-frac",style:{marginBottom:"10px !important"}}," ",_==="card"?lt():"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},Ut((vt=Number(e))==null?void 0:vt.toFixed(2)))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:et,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:ve,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:mt,width:35,alt:""}))))),n.default.createElement("div",{id:"ach",style:{display:c==="cardList"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"card-lint-div-in"},n.default.createElement("div",{className:"card-list-div"},m&&(m==null?void 0:m.length)>0&&(m==null?void 0:m.map((s,d)=>n.default.createElement("div",{className:"card-list-single-div",key:d},n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("input",{disabled:(Q==null?void 0:Q.paymentGateway)!=(s==null?void 0:s.payment_method_type)&&(s==null?void 0:s.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:g===s,onChange:j=>U(s)}),n.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",s==null?void 0:s.cardlastfourdigit),(s==null?void 0:s.card_type)!="Bank"&&n.default.createElement("h6",{className:"card-expiry-date"},s==null?void 0:s.expmonth,"/",s==null?void 0:s.expyear)),n.default.createElement("div",{className:"card-number-radio"},n.default.createElement("span",{className:"visa-card"},n.default.createElement("img",{src:rt(s==null?void 0:s.card_type),alt:""})),n.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>st(s==null?void 0:s.id)},n.default.createElement("img",{src:Bt,alt:""}))))))),n.default.createElement("div",{className:"pay-with-other-card",onClick:()=>W("card")},"Pay With Other Card",n.default.createElement("img",{src:f,alt:""}))),n.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:pt},Ut((Re=Number(e))==null?void 0:Re.toFixed(2))))),n.default.createElement("div",{id:"ach",style:{display:c==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:We},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:s=>{let d=s.target.value;/^[a-zA-Z\s]*$/.test(d)&&Le("cardName",d)}}),(w==null?void 0:w.cardName)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cardName)),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:s=>xe(s),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group-frac"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:s=>Le("expiryMonth",s.target.value)})),n.default.createElement("div",{className:"exp-year form-group-frac"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:s=>Le("expiryYear",s.target.value)})),n.default.createElement("div",{className:"security-digit form-group-frac"},n.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:s=>Le("cvv",s.target.value)})))),(w==null?void 0:w.cardNumber)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cardNumber),n.default.createElement("p",{style:{margin:"0"}},w!=null&&w.expiryMonth||w!=null&&w.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},w==null?void 0:w.expiryMonth):"",(w==null?void 0:w.cvv)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.cvv)))),n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(ye=r==null?void 0:r.zipCode)!=null?ye:"",onChange:s=>Le("zipCode",s.target.value)}),(w==null?void 0:w.zipCode)&&n.default.createElement("span",{className:"error-span"},w==null?void 0:w.zipCode)),K&&n.default.createElement("div",{className:"form-group-frac"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:_e,onChange:s=>G(s.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ut((ut=Number(e))==null?void 0:ut.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:c==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:We},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Ct=h==null?void 0:h.name)!=null?Ct:"",onChange:ze}),(O==null?void 0:O.name)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.name)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:($t=h==null?void 0:h.routingNumber)!=null?$t:"",onChange:ze}),(O==null?void 0:O.routingNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.routingNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Be=h==null?void 0:h.accountNumber)!=null?Be:"",onChange:ze}),(O==null?void 0:O.accountNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.accountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Yt=h==null?void 0:h.confirmAccountNumber)!=null?Yt:"",onChange:ze}),(O==null?void 0:O.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.confirmAccountNumber)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(wt=h==null?void 0:h.bankName)!=null?wt:"",onChange:ze}),(O==null?void 0:O.bankName)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.bankName)),((h==null?void 0:h.accountType)==="business saving"||(h==null?void 0:h.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Ie=h==null?void 0:h.companyName)!=null?Ie:"",onChange:ze}),(O==null?void 0:O.companyName)&&n.default.createElement("span",{className:"error-span"},O==null?void 0:O.companyName)),n.default.createElement("div",{className:"form-group-frac mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Ke=h==null?void 0:h.accountType)!=null?Ke:"",onChange:ze},n.default.createElement("option",{value:""},"Select account"),mn.map(s=>n.default.createElement("option",{key:s.value,value:s.value},s.label)))),K&&n.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:nt,onChange:s=>Ze(s.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),nt&&n.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,je||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.default.createElement("div",{className:"form-group-frac "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ut((Vt=Number(e))==null?void 0:Vt.toFixed(2)))))))))))))))};0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|