@fractalpay/fractalpay-next-dev 0.0.65 → 0.0.67

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