@fractalpay/fractalpay-next-dev 0.0.178 → 0.0.179

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 +3 -3
  2. package/dist/index.mjs +3 -3
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var Za=Object.create;var vi=Object.defineProperty,Wa=Object.defineProperties,Ga=Object.getOwnPropertyDescriptor,Ua=Object.getOwnPropertyDescriptors,Ja=Object.getOwnPropertyNames,Mi=Object.getOwnPropertySymbols,Qa=Object.getPrototypeOf,ji=Object.prototype.hasOwnProperty,ta=Object.prototype.propertyIsEnumerable;var ea=(e,t,B)=>t in e?vi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:B}):e[t]=B,k=(e,t)=>{for(var B in t||(t={}))ji.call(t,B)&&ea(e,B,t[B]);if(Mi)for(var B of Mi(t))ta.call(t,B)&&ea(e,B,t[B]);return e},L=(e,t)=>Wa(e,Ua(t));var Qn=(e,t)=>{var B={};for(var q in e)ji.call(e,q)&&t.indexOf(q)<0&&(B[q]=e[q]);if(e!=null&&Mi)for(var q of Mi(e))t.indexOf(q)<0&&ta.call(e,q)&&(B[q]=e[q]);return B};var Xa=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Da=(e,t)=>{for(var B in t)vi(e,B,{get:t[B],enumerable:!0})},na=(e,t,B,q)=>{if(t&&typeof t=="object"||typeof t=="function")for(let z of Ja(t))!ji.call(e,z)&&z!==B&&vi(e,z,{get:()=>t[z],enumerable:!(q=Ga(t,z))||q.enumerable});return e};var ve=(e,t,B)=>(B=e!=null?Za(Qa(e)):{},na(t||!e||!e.__esModule?vi(B,"default",{value:e,enumerable:!0}):B,e)),Ra=e=>na(vi({},"__esModule",{value:!0}),e);var ra=Xa((Nr,nr)=>{nr.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.178",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@stripe/react-stripe-js":"^5.3.0","@stripe/stripe-js":"^8.3.0","@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.5",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.5",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 hr={};Da(hr,{AddCard:()=>Fa,CardOnFile:()=>La,GetPaymentPage:()=>Ca,PartialPayment:()=>za,PaymentWidget:()=>Va,PreAuthPayment:()=>Na,RequestPayment:()=>ua,RequestPreAuthPayment:()=>fa});module.exports=Ra(hr);var Vr=require("bootstrap/dist/js/bootstrap.bundle.min.js"),_=ve(require("react"));var Kn=ve(require("react"));var ia=ve(require("react")),er=e=>ia.default.createElement("style",null,`
1
+ "use strict";var Za=Object.create;var vi=Object.defineProperty,Wa=Object.defineProperties,Ga=Object.getOwnPropertyDescriptor,Ua=Object.getOwnPropertyDescriptors,Ja=Object.getOwnPropertyNames,Mi=Object.getOwnPropertySymbols,Qa=Object.getPrototypeOf,ji=Object.prototype.hasOwnProperty,ta=Object.prototype.propertyIsEnumerable;var ea=(e,t,B)=>t in e?vi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:B}):e[t]=B,k=(e,t)=>{for(var B in t||(t={}))ji.call(t,B)&&ea(e,B,t[B]);if(Mi)for(var B of Mi(t))ta.call(t,B)&&ea(e,B,t[B]);return e},L=(e,t)=>Wa(e,Ua(t));var Qn=(e,t)=>{var B={};for(var q in e)ji.call(e,q)&&t.indexOf(q)<0&&(B[q]=e[q]);if(e!=null&&Mi)for(var q of Mi(e))t.indexOf(q)<0&&ta.call(e,q)&&(B[q]=e[q]);return B};var Xa=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Da=(e,t)=>{for(var B in t)vi(e,B,{get:t[B],enumerable:!0})},na=(e,t,B,q)=>{if(t&&typeof t=="object"||typeof t=="function")for(let z of Ja(t))!ji.call(e,z)&&z!==B&&vi(e,z,{get:()=>t[z],enumerable:!(q=Ga(t,z))||q.enumerable});return e};var ve=(e,t,B)=>(B=e!=null?Za(Qa(e)):{},na(t||!e||!e.__esModule?vi(B,"default",{value:e,enumerable:!0}):B,e)),Ra=e=>na(vi({},"__esModule",{value:!0}),e);var ra=Xa((Nr,nr)=>{nr.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.179",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@stripe/react-stripe-js":"^5.3.0","@stripe/stripe-js":"^8.3.0","@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.5",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.5",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 hr={};Da(hr,{AddCard:()=>Fa,CardOnFile:()=>La,GetPaymentPage:()=>Ca,PartialPayment:()=>za,PaymentWidget:()=>Va,PreAuthPayment:()=>Na,RequestPayment:()=>ua,RequestPreAuthPayment:()=>fa});module.exports=Ra(hr);var Vr=require("bootstrap/dist/js/bootstrap.bundle.min.js"),_=ve(require("react"));var Kn=ve(require("react"));var ia=ve(require("react")),er=e=>ia.default.createElement("style",null,`
2
2
 
3
3
  .loader {
4
4
  position: fixed; /* Fixed position to cover the viewport */
@@ -81,7 +81,7 @@
81
81
  }
82
82
  }
83
83
 
84
- `),aa=er;var tr=e=>Kn.default.createElement(Kn.default.Fragment,null,Kn.default.createElement(aa,null),(e==null?void 0:e.loading)&&Kn.default.createElement("div",{className:"loader"},Kn.default.createElement("div",{className:"lds-ellipsis"},Kn.default.createElement("div",null),Kn.default.createElement("div",null),Kn.default.createElement("div",null),Kn.default.createElement("div",null)))),dn=tr;var{name:Li}=ra(),R="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";Li==="@fractalpay/fractalpay-next-dev"?(Be="https://dev-sky-node.fractalpay.com/",et="https://dev-widget.fractalpay.com/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):Li==="@fractalpay/fractalpay-next-test"?(Be="https://testapi.fractalpay.com/",et="https://staging-widget.fractalpay.com/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):Li==="@fractalpay/fractalpay-next-testprod"?(Be="https://sky-node-prod.fractalpay.com/",et="https://widget-prod.fractalpay.com/",mn="https://api.merchant-trends.com/",Xn="https://token.dcap.com/v1/client",Dn="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):Li==="@fractalpay/fractalpay-next"?(Be="https://api.fractalpay.com/",et="https://widget.fractalpay.com/",mn="https://api.merchant-trends.com/",Xn="https://token.dcap.com/v1/client",Dn="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):(et="http://localhost:8082/",Be="http://localhost:8081/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw");var Be,et,mn,Xn,Dn;var Wt={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};var li=ve(require("react"));var oa=ve(require("react")),ir=e=>oa.default.createElement("style",null,`
84
+ `),aa=er;var tr=e=>Kn.default.createElement(Kn.default.Fragment,null,Kn.default.createElement(aa,null),(e==null?void 0:e.loading)&&Kn.default.createElement("div",{className:"loader"},Kn.default.createElement("div",{className:"lds-ellipsis"},Kn.default.createElement("div",null),Kn.default.createElement("div",null),Kn.default.createElement("div",null),Kn.default.createElement("div",null)))),dn=tr;var{name:Li}=ra(),R="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";Li==="@fractalpay/fractalpay-next-dev"?(et="http://192.168.1.63:8082/",Be="http://192.168.1.63:8081/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):Li==="@fractalpay/fractalpay-next-test"?(Be="https://testapi.fractalpay.com/",et="https://staging-widget.fractalpay.com/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):Li==="@fractalpay/fractalpay-next-testprod"?(Be="https://sky-node-prod.fractalpay.com/",et="https://widget-prod.fractalpay.com/",mn="https://api.merchant-trends.com/",Xn="https://token.dcap.com/v1/client",Dn="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):Li==="@fractalpay/fractalpay-next"?(Be="https://api.fractalpay.com/",et="https://widget.fractalpay.com/",mn="https://api.merchant-trends.com/",Xn="https://token.dcap.com/v1/client",Dn="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):(et="http://localhost:8082/",Be="http://localhost:8081/",mn="https://api-dev.merchant-trends.com/",Xn="https://token-cert.dcap.com/v1/client",Dn="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw");var Be,et,mn,Xn,Dn;var Wt={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};var li=ve(require("react"));var oa=ve(require("react")),ir=e=>oa.default.createElement("style",null,`
85
85
  .fractal-input::placeholder {
86
86
  color: #35254D;
87
87
  opacity: 1;
@@ -1730,7 +1730,7 @@ position:relative;
1730
1730
  .frac-card-bank-radio.frac-active {
1731
1731
  background: #F6F6F7;
1732
1732
  }
1733
- `)}var tn=ve(require("react"));var On=({listHeading:e="Card",ListItems:t,selectedCard:B,setSelectedCard:q,paymentGateway:z,handleDeleteCard:Y,otherButtonAction:Z,otherButtonLabel:W,headingClass:be})=>{let E=R+"widget/Trash.svg";return tn.default.createElement(tn.default.Fragment,null,tn.default.createElement("h6",{className:be||"card-ach-heading",style:{marginBottom:"10px !important"}},e),tn.default.createElement("div",{className:"card-lint-div-in"},tn.default.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((I,G)=>{let oe=!1;return z&&(oe=z!=(I==null?void 0:I.payment_method_type)&&(I==null?void 0:I.card_type)!="Bank"),tn.default.createElement("div",{key:I==null?void 0:I.id,className:"card-list-single-div"},tn.default.createElement("div",{className:"card-number-radio"},tn.default.createElement("input",{disabled:oe,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(B==null?void 0:B.id)===(I==null?void 0:I.id),onChange:N=>q(I)}),tn.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",I==null?void 0:I.cardlastfourdigit),(I==null?void 0:I.card_type)!="Bank"&&tn.default.createElement("h6",{className:"card-expiry-date"},I==null?void 0:I.expmonth,"/",I==null?void 0:I.expyear)),tn.default.createElement("div",{className:"card-number-radio"},tn.default.createElement("span",{className:"visa-card"},tn.default.createElement("img",{src:da(I==null?void 0:I.card_type),alt:""})),tn.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Y(I==null?void 0:I.id)},tn.default.createElement("img",{src:E,alt:""}))))}))),tn.default.createElement("div",{className:"pay-with-other-card",onClick:Z},W,tn.default.createElement("img",{src:Ci,alt:""}))))};var Fn=ve(require("react"));var Bi=({listHeading:e="Readers",ListItems:t,selectedPax:B,setSlectedPax:q,headingClass:z})=>Fn.default.createElement(Fn.default.Fragment,null,Fn.default.createElement("h6",{className:z||"card-ach-heading",style:{marginBottom:"10px !important"}},e),Fn.default.createElement("div",{className:"card-lint-div-in"},Fn.default.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((Y,Z)=>Fn.default.createElement("div",{key:Y==null?void 0:Y.id,className:"card-list-single-div"},Fn.default.createElement("div",{className:"card-number-radio"},Fn.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:(B==null?void 0:B.id)===(Y==null?void 0:Y.id),onChange:W=>q(Y)}),Fn.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},Y==null?void 0:Y.device_name)),Fn.default.createElement("div",{className:"card-number-radio"},Fn.default.createElement("span",{className:"visa-card"},Fn.default.createElement("img",{src:Ii,alt:""})))))))));function Ca(e){var Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn,bn,Et,Ze,Kt;let[t,B]=(0,i.useState)(!1),[q,z]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(""),[W,be]=(0,i.useState)(!1),[E,I]=(0,i.useState)(!1),[G,oe]=(0,i.useState)("card"),[N,y]=(0,i.useState)("card"),[X,O]=(0,i.useState)("form"),[b,Me]=(0,i.useState)("form"),[P,tt]=(0,i.useState)(!0),[Le,he]=(0,i.useState)(!1),[Ae,yt]=(0,i.useState)(!1),_e=e.merchantPublicKey,Te=R+"widget/mc-img.svg",se=R+"widget/visa-img.svg",Ee=R+"widget/ae-img.svg",Ue=R+"widget/discover-img.svg",gn=R+"widget/card.svg",nn=R+"widget/Trash.svg",h=R+"widget/bank.svg",S=R+"widget/secure-img.png",u=R+"widget/pov-by.png",me=R+"widget/pax.svg",[o,s]=(0,i.useState)(),[r,v]=(0,i.useState)({}),[w,F]=(0,i.useState)(),[j,x]=(0,i.useState)({}),[f,M]=(0,i.useState)([]),[Ke,Pe]=(0,i.useState)([]),[wt,Lt]=(0,i.useState)(),[At,mt]=(0,i.useState)(void 0),[pe,ae]=(0,i.useState)(Number(e==null?void 0:e.amount));console.log(wt,"selectedCard");let[H,qe]=(0,i.useState)(),[$e,re]=(0,i.useState)(""),pt=()=>B(!0),ct=()=>B(!1),Nt=(C,p)=>{let J=(parseFloat(p)||0)/100,ye=C/(1+J);return Math.round(ye*100)/100};(0,i.useEffect)(()=>{if(E){let C=Nt(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ae(C)}},[E,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let $=()=>{I(!1),oe("card"),Z(""),be(!1),re(""),F({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),x({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),v({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),yt(!1),he(!1),Lt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),mt(null),ae(0),y("card"),tt(!0),Me("form"),O("form"),z(!1),B(!1),Pe([]),M([])},zt=()=>I(!0),xt=C=>{oe(C)},je=(C,p)=>{let J=C;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(J)){(p===""||/^[0-9]+$/.test(p))&&(v(ce=>L(k({},ce),{[J]:""})),s(ce=>L(k({},ce),{[J]:p})));return}v(ce=>L(k({},ce),{[J]:""})),s(ce=>L(k({},ce),{[J]:p}))},Pt=C=>{var ce;let p=C.target,{formatted:J,cursor:ye}=An(p.value,(ce=p.selectionStart)!=null?ce:0);v(Ye=>L(k({},Ye),{cardNumber:""})),s(Ye=>L(k({},Ye),{cardNumber:J})),requestAnimationFrame(()=>{p.setSelectionRange(ye,ye)})},an=C=>{let{name:p,value:J}=C.target,ye=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(J)&&(x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J})));return}if(ye.includes(p)){(J===""||/^[0-9]+$/.test(J))&&(x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J})));return}x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J}))},En=()=>{var ce,Ye,ge,nt,ft,kt;let C={},p=o,J=parseInt((p==null?void 0:p.expiryMonth)||"",10),ye=(p==null?void 0:p.expiryYear)||"";if((ce=p==null?void 0:p.cardName)!=null&&ce.trim()||(C.cardName="Card name is required"),(Ye=p==null?void 0:p.cardNumber)!=null&&Ye.trim()||(C.cardNumber="Card number is required"),(!((ge=p==null?void 0:p.expiryMonth)!=null&&ge.trim())||!((nt=p==null?void 0:p.expiryYear)!=null&&nt.trim())||isNaN(J)||J<1||J>12||ye.length!==4)&&(C.expiryMonth="Invalid Expiration Date."),(ft=p==null?void 0:p.cvv)!=null&&ft.trim()||(C.cvv="CVV is required"),(kt=p==null?void 0:p.zipCode)!=null&&kt.trim()||(C.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Ut=parseInt(p.expiryMonth,10),g=parseInt(p.expiryYear,10),m=new Date,te=m.getMonth()+1,ze=m.getFullYear();(g<ze||g===ze&&Ut<te)&&(C.expiryMonth="Card is expired")}return v(C),Object.keys(C).length>0},Ht=()=>{var J,ye,ce,Ye,ge,nt,ft,kt;let C={},p=w;return(J=p==null?void 0:p.name)!=null&&J.trim()||(C.name="Name is required"),(ye=p==null?void 0:p.accountNumber)!=null&&ye.trim()||(C.accountNumber="Account number is required"),(ce=p==null?void 0:p.accountNumber)!=null&&ce.trim()&&((Ye=p==null?void 0:p.accountNumber)==null?void 0:Ye.trim())!==((ge=p==null?void 0:p.confirmAccountNumber)==null?void 0:ge.trim())&&(C.confirmAccountNumber="Account numbers must match"),(nt=p==null?void 0:p.bankName)!=null&&nt.trim()||(C.bankName="Bank name is required"),(ft=p==null?void 0:p.routingNumber)!=null&&ft.trim()||(C.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((kt=p==null?void 0:p.routingNumber)==null?void 0:kt.length)!==9&&(C.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(C.companyName="Company Name is required for business accounts"),x(C),Object.keys(C).length>0},yn=async C=>{var p,J,ye,ce,Ye,ge,nt,ft,kt,Ut,g,m,te,ze,ne,Fe;if(C.preventDefault(),G!=="ach"){if(En())return;{let Ce=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),fe=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),De=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),it={};if(Ce||(it.cardNumber="Invalid card Number"),fe||(it.expiryMonth="Invalid Expiration Date."),De||(it.cvv="Invalid CVV"),v(it),Ce&&De&&fe){z(!0);try{let Ne={amount:`${e.amount||0}`,fractalpayPublicKey:_e,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},at=await ti.default.post(`${et}create-widget-order`,Ne),we=async function(ht){if(ht.Error)Z(ht.Error),z(!1);else{let ot=o==null?void 0:o.cardName,Jt=o==null?void 0:o.zipCode;ht.name=ot,ht.postal_code=Jt,ht.isCardSave=`${Le}`,ht.isCharge=!0,ht.posSalesIdEncode=at==null?void 0:at.data.data.posSalesIdEncode,Tt.emit("sendMessage",ht),Tt.on(at==null?void 0:at.data.data.posSalesIdEncode,gt=>{if(di(gt==null?void 0:gt.data)){let Ve=JSON.parse(gt.data);Ve!=null&&Ve.result?(s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he(!1),re(Ve==null?void 0:Ve.transactionId),be(!0),z(!1)):(z(!1),Z((Ve==null?void 0:Ve.message)||"Something went wrong."))}else Z("Something went wrong.")})}};if((H==null?void 0:H.paymentGateway)===32){let ht={method:"POST",redirect:"follow"};try{let ot=await ti.default.post(`${Be}api/v1/widget/generate-session`,ht),Jt=Number(o==null?void 0:o.expiryYear)%100,gt=o==null?void 0:o.cardNumber;gt=gt==null?void 0:gt.replace(/\s+/g,"");let Ve=`${gt}=${Jt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,kn=forge.pki.publicKeyFromPem((J=(p=ot==null?void 0:ot.data)==null?void 0:p.data)==null?void 0:J.publicKeyPem).encrypt(Ve,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),fn=forge.util.encode64(kn),Xt={"Content-Type":"application/json","x-app-session-key":(ce=(ye=ot.data)==null?void 0:ye.data)==null?void 0:ce.session_key},st=JSON.stringify({enc_track2_data:`${fn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ge=(Ye=ot==null?void 0:ot.data)==null?void 0:Ye.data)==null?void 0:ge.session_key}`});try{let le=await ti.default.post(`${mn}tokenizer/tokenize`,st,{headers:Xt}),Dt=JSON.stringify(L(k({},(nt=le==null?void 0:le.data)==null?void 0:nt.data),{isSaveCardChecked:Le,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(kt=(ft=at==null?void 0:at.data)==null?void 0:ft.data)==null?void 0:kt.posSalesIdEncode}`,token:`${(Ut=le==null?void 0:le.data)==null?void 0:Ut.data.token}`,json_response:`${Dt}`}),qn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Tt.emit("sendMessage",qn),Tt.on("chargeviafractalgateway",Ot=>{var Un;if(di(Ot==null?void 0:Ot.data)){let Cn=JSON.parse(Ot==null?void 0:Ot.data);Cn!=null&&Cn.result?(re((Un=Cn==null?void 0:Cn.data)==null?void 0:Un.transactionId),be(!0),z(!1)):(z(!1),Z((Cn==null?void 0:Cn.message)||"Something went wrong."))}else Z("Something went wrong.")})}catch(le){z(!1),Z(((m=(g=le==null?void 0:le.response)==null?void 0:g.data)==null?void 0:m.message)||(le==null?void 0:le.message)||"Something went wrong.")}}catch(ot){z(!1),Z(((ze=(te=ot==null?void 0:ot.response)==null?void 0:te.data)==null?void 0:ze.message)||(ot==null?void 0:ot.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(at==null?void 0:at.data.data.dctoken,"PaymentForm",we)}catch(Ne){z(!1),Z(((Fe=(ne=Ne==null?void 0:Ne.response)==null?void 0:ne.data)==null?void 0:Fe.message)||(Ne==null?void 0:Ne.message)||"Something went wrong.")}}}}else{if(Ht())return;{z(!0);let Ce={fractalpayPublicKey:_e,label:(w==null?void 0:w.name)||"John Doe",account_number:w==null?void 0:w.accountNumber,routing_number:w==null?void 0:w.routingNumber,bank_name:w==null?void 0:w.bankName,account_type:w==null?void 0:w.accountType,amount:String(pe||0),isSaveAch:Ae,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:(w==null?void 0:w.companyName)||""};Tt.emit("sendMessage",Ce),Tt.on("ach-incoming",fe=>{var De;(fe==null?void 0:fe.status)=="Failed"?typeof(fe==null?void 0:fe.message)=="object"?Object.values(fe==null?void 0:fe.message).forEach(it=>{Z(it||"Something went wrong")}):Z((fe==null?void 0:fe.message)||"Something went wrong"):(re((De=fe==null?void 0:fe.data)==null?void 0:De.transaction_id),be(!0),z(!1))})}}},Bn=async()=>{var C,p,J,ye,ce,Ye,ge,nt,ft,kt,Ut,g,m,te,ze,ne,Fe,rt,Ce,fe,De,it,Ne;pt();try{let at={fractalpayPublicKey:_e,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,isReader:e==null?void 0:e.isReader},we=await ti.default.post(`${et}get-payment-details`,at);if(qe((C=we==null?void 0:we.data)==null?void 0:C.data),(J=(p=we==null?void 0:we.data)==null?void 0:p.data)!=null&&J.paymentGateway||($(),Z("Something went wrong.")),(ce=(ye=we==null?void 0:we.data)==null?void 0:ye.data)!=null&&ce.card_list&&((nt=(ge=(Ye=we==null?void 0:we.data)==null?void 0:Ye.data)==null?void 0:ge.card_list)==null?void 0:nt.length)>0){let ht=(Ut=(kt=(ft=we==null?void 0:we.data)==null?void 0:ft.data)==null?void 0:kt.card_list)==null?void 0:Ut.filter(Jt=>(Jt==null?void 0:Jt.card_type)=="Bank"),ot=(te=(m=(g=we==null?void 0:we.data)==null?void 0:g.data)==null?void 0:m.card_list)==null?void 0:te.filter(Jt=>(Jt==null?void 0:Jt.card_type)!=="Bank");console.log(ht,"hohgohoo",ot),(ot==null?void 0:ot.length)>0&&O("list"),(ht==null?void 0:ht.length)>0&&Me("list"),M(ot),Pe(ht)}else oe("card");(ne=(ze=we==null?void 0:we.data)==null?void 0:ze.data)!=null&&ne.paymentDeviceList&&((Ce=(rt=(Fe=we==null?void 0:we.data)==null?void 0:Fe.data)==null?void 0:rt.paymentDeviceList)==null?void 0:Ce.length)>0&&mt((De=(fe=we==null?void 0:we.data)==null?void 0:fe.data)==null?void 0:De.paymentDeviceList[0]),ct()}catch(at){console.log(at),ct(),Z(((Ne=(it=at==null?void 0:at.response)==null?void 0:it.data)==null?void 0:Ne.message)||(at==null?void 0:at.message)||"Something went wrong")}},Mn=async()=>{let C=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),J=String(e==null?void 0:e.surcharge),ye=String(e==null?void 0:e.tax),ce=e==null?void 0:e.merchantPublicKey,Ye=e==null?void 0:e.orderID,ge=String(e==null?void 0:e.amount),nt=wt==null?void 0:wt.id,ft=wt==null?void 0:wt.card_type;if(ce&&Ye&&ge&&pe)if(C)if(nt){let Ut={amount:ft==="Bank"?`${pe}`:ge,order_id:Ye,customer_id:C,card_id:nt,fractalpayPublicKey:ce,isCardSave:Le,discount:p,surcharge:J,tax:ye,pass_fee:e==null?void 0:e.pass_fee,require3ds:!1},kt=Ut,{isCardSave:g,pass_fee:m,require3ds:te}=kt,ze=Qn(kt,["isCardSave","pass_fee","require3ds"]),Fe=et+(ft==="Bank"?"charge-ach":"charge-by-card"),rt={"Content-Type":"application/json"};z(!0),Tt.emit("sendMessage",{url:Fe,body:ft=="Bank"?ze:Ut,isChargebycard:!0}),Tt.on("charge-by-card",Ce=>{var fe;(Ce==null?void 0:Ce.result)==!0||(Ce==null?void 0:Ce.status)==!0?(re((fe=Ce.data)==null?void 0:fe.transaction_id),be(!0),z(!1)):Z((Ce==null?void 0:Ce.message)||"Something went wrong.")})}else Z("Please Select A Card/ACH");else Z("Please Select Customer");else Z("Something went wrong.")},Ln=async()=>{var ce,Ye,ge,nt,ft,kt;let C=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,J=String(e==null?void 0:e.amount),ye=e==null?void 0:e.customerId;if(!(At!=null&&At.device_id)){Z("Please Select A Payment Device");return}if(C&&p&&J){z(!0);let Ut={amount:J,fractalpayPublicKey:C,customer_order_id:p,device_id:At==null?void 0:At.device_id,customer_id:ye||""};try{let g=await ti.default.post(`${et}charge-with-reader`,Ut);((ce=g==null?void 0:g.data)==null?void 0:ce.result)==!0?(re((ge=(Ye=g==null?void 0:g.data)==null?void 0:Ye.data)==null?void 0:ge.transaction_id),be(!0),z(!1)):(Z(((nt=g==null?void 0:g.data)==null?void 0:nt.message)||"Something went wrong."),z(!1))}catch(g){Z(((kt=(ft=g==null?void 0:g.response)==null?void 0:ft.data)==null?void 0:kt.message)||"Something went wrong."),z(!1)}}else Z("Something went wrong.")},D=()=>{N==="card"?Mn():N==="reader"&&Ln()};(0,i.useEffect)(()=>{E&&_e&&Bn()},[_e,E]);let V=async C=>{ci.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 p=>{if(p.isConfirmed){z(!0);try{let J={card_id:C,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ye=await ti.default.post(`${et}delete-customer-card`,J);z(!1),Bn(),ci.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(J){z(!1),ci.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===ci.default.DismissReason.cancel&&ci.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xe=C=>{switch(C==null?void 0:C.toLowerCase()){case"visa":return se;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return Ue;case"bank":return h;default:return C}},It=()=>{let C=pe||0;return(Number(e.amount)-C).toFixed(0)};return console.log(X,"activeinCard","activeinBank",b),i.default.createElement(i.default.Fragment,null,i.default.createElement(_n,null),i.default.createElement(Rn,null),i.default.createElement(Wn,null),i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{className:"paymentBtn",onClick:zt},"Pay"),i.default.createElement(wn,{open:E,onClose:$},Y&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(zn,{error:Y,onClose:$})),W&&i.default.createElement(ei,{onClose:$,tranId:$e}),!Y&&!W&&i.default.createElement(i.default.Fragment,null,(t||q)&&i.default.createElement(dn,{loading:t||q}),i.default.createElement("div",{className:"frac-card-payment-page frac-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:$},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12425_52336"},i.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.default.createElement("div",{className:"pay-main-logo-res"},i.default.createElement("img",{src:H==null?void 0:H.logo,id:"pay-logos"})),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"},i.default.createElement("img",{src:H==null?void 0:H.logo,id:"pay-logos"})),(f==null?void 0:f.length)>0&&G!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>oe("cardList")}," ",i.default.createElement(wi.IoArrowBack,null)," Back")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),i.default.createElement("div",{className:"frac-card-bank-radio-main"},i.default.createElement(Pn,{label:"Card",amount:(Je=Number(e==null?void 0:e.amount))==null?void 0:Je.toFixed(2),value:"card",onChange:xt,activetab:G}),(H==null?void 0:H.isSkyFiAccount)&&i.default.createElement(Pn,{label:"Bank",amount:(ut=Number(pe))==null?void 0:ut.toFixed(2),value:"ach",onChange:xt,activetab:G}),(e==null?void 0:e.isReader)&&(H==null?void 0:H.paymentDeviceList)&&((vt=H==null?void 0:H.paymentDeviceList)==null?void 0:vt.length)>0&&i.default.createElement(Pn,{label:"Reader",amount:(qt=Number(e==null?void 0:e.amount))==null?void 0:qt.toFixed(2),value:"reader",onChange:xt,activetab:G})),pe&&pe>0&&(e!=null&&e.pass_fee)?i.default.createElement("div",{className:"frac-cash-discount-fee"},i.default.createElement("small",null,G==="card"||G==="reader"?"Cash Discount":"Cash Discount Savings"," "),i.default.createElement("p",null,Se((Number(e.amount)-pe).toFixed(2)))):null)),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:S,alt:""}),i.default.createElement("img",{src:u,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!t&&i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},G!=="cardList"?i.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(f==null?void 0:f.length)>0&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>oe("cardList")}," ",i.default.createElement(wi.IoArrowBack,null)," Back"),(H==null?void 0:H.isSkyFiAccount)&&i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:C=>{xt("card")},style:{border:G==="card"?"1px solid":""}},i.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),i.default.createElement("button",{className:"tablinks",onClick:C=>{xt("ach")},style:{border:G==="ach"?"1px solid":""}},i.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Ft=Number(e==null?void 0:e.amount))==null?void 0:Ft.toFixed(2))),G!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Te,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Ue,width:35,alt:""})))),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))):i.default.createElement("div",null,i.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",H==null?void 0:H.customer_name),i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",N==="card"?"Cards/Banks":"Readers"," "),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",($t=Number(e==null?void 0:e.amount))==null?void 0:$t.toFixed(2))),i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Te,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Ue,width:35,alt:""}))))),i.default.createElement("div",{id:"card",style:{display:G==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(f==null?void 0:f.length)>0&&X==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>O("list")}," ",i.default.createElement(wi.IoArrowBack,null)),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),G!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},i.default.createElement("img",{src:se,alt:"",width:33}),i.default.createElement("img",{src:Te,width:33,alt:""}),i.default.createElement("img",{src:Ee,alt:"",width:33}),i.default.createElement("img",{src:Ue,width:33,alt:""}))),X==="list"?i.default.createElement(i.default.Fragment,null,i.default.createElement(On,{listHeading:"Cards",paymentGateway:H==null?void 0:H.paymentGateway,ListItems:f,selectedCard:wt,setSelectedCard:Lt,handleDeleteCard:V,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{O("form")}}),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Se((Gt=Number(e==null?void 0:e.amount))==null?void 0:Gt.toFixed(2))))):i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:yn},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)==0?"456px":(f==null?void 0:f.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:C=>{let p=C.target.value;/^[a-zA-Z\s]*$/.test(p)&&je("cardName",p)}}),(r==null?void 0:r.cardName)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cardName)),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:C=>Pt(C),"data-token":"card_number"}),i.default.createElement("div",{className:"card-crdi card-expiry-new"},i.default.createElement("div",{className:"exp-date-year-container"},i.default.createElement("div",{className:"exp-date form-group"},i.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:C=>je("expiryMonth",C.target.value)})),i.default.createElement("div",{className:"exp-year form-group"},i.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:C=>je("expiryYear",C.target.value)})),i.default.createElement("div",{className:"security-digit form-group"},i.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:C=>je("cvv",C.target.value)})))),(r==null?void 0:r.cardNumber)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cardNumber),i.default.createElement("p",{style:{margin:"0"}},r!=null&&r.expiryMonth||r!=null&&r.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},r==null?void 0:r.expiryMonth):"",(r==null?void 0:r.cvv)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cvv)))),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(xe=e==null?void 0:e.orderID)!=null?xe:"",style:{background:"#F6F6F7",color:"#727272"}})),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(jt=o==null?void 0:o.zipCode)!=null?jt:"",onChange:C=>je("zipCode",C.target.value)}),(r==null?void 0:r.zipCode)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.zipCode)),(e==null?void 0:e.customerId)&&i.default.createElement("div",{className:"form-group"},i.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Le,onChange:C=>he(C.target.checked)}),i.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}),i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12420_50192"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Se((Vt=Number(e==null?void 0:e.amount))==null?void 0:Vt.toFixed(2)))))),i.default.createElement("div",{id:"ach",style:{display:G==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(Ke==null?void 0:Ke.length)>0&&b==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Me("list")}," ",i.default.createElement(wi.IoArrowBack,null)),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),i.default.createElement("div",null,"$",It()))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),b==="list"?i.default.createElement(i.default.Fragment,null,i.default.createElement(On,{listHeading:"Banks",paymentGateway:H==null?void 0:H.paymentGateway,ListItems:Ke,selectedCard:wt,setSelectedCard:Lt,handleDeleteCard:V,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Me("form")}}),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Se((Yt=Number(pe))==null?void 0:Yt.toFixed(2))))):i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:yn,autoComplete:"off"},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)==0?"436px":(f==null?void 0:f.length)>0?"462px":"520px",maxHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":((f==null?void 0:f.length)>0,"380px")}},i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(rn=w==null?void 0:w.name)!=null?rn:"",onChange:an}),(j==null?void 0:j.name)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.name)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(on=w==null?void 0:w.routingNumber)!=null?on:"",onChange:an}),(j==null?void 0:j.routingNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.routingNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(sn=w==null?void 0:w.accountNumber)!=null?sn:"",onChange:an}),(j==null?void 0:j.accountNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.accountNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(ln=w==null?void 0:w.confirmAccountNumber)!=null?ln:"",onChange:an}),(j==null?void 0:j.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.confirmAccountNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(pn=w==null?void 0:w.bankName)!=null?pn:"",onChange:an}),(j==null?void 0:j.bankName)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.bankName)),((w==null?void 0:w.accountType)==="business saving"||(w==null?void 0:w.accountType)==="business checking")&&i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"companyName"},"Company name"),i.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(bn=w==null?void 0:w.companyName)!=null?bn:"",onChange:an}),(j==null?void 0:j.companyName)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.companyName)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Et=w==null?void 0:w.accountType)!=null?Et:"",onChange:an},i.default.createElement("option",{value:""},"Select account"),mi.map(C=>i.default.createElement("option",{key:C.value,value:C.value},C.label)))),(e==null?void 0:e.customerId)&&i.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Ae,onChange:C=>yt(C.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ae&&i.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},i.default.createElement("p",null,"If checked, I agree for ",i.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),i.default.createElement("div",{className:"form-group "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Se((Ze=Number(pe))==null?void 0:Ze.toFixed(2)))))),i.default.createElement("div",{id:"reader",style:{display:G==="reader"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Reader Payment"))),i.default.createElement(Bi,{listHeading:"Reader",ListItems:H==null?void 0:H.paymentDeviceList,selectedPax:At,setSlectedPax:mt}),i.default.createElement("button",{onClick:Ln,className:"pay-button"},"$",(Kt=Number(e==null?void 0:e.amount))==null?void 0:Kt.toFixed(2)))))))))))))}var l=ve(require("react"));var ni=ve(require("axios"));var Ti=ve(require("sweetalert2")),wa=require("react-icons/io5");function Na(B){var q=B,{showButton:e=!0}=q,t=Qn(q,["showButton"]);var je,Pt,an,En,Ht,yn,Bn,Mn,Ln;let[z,Y]=(0,l.useState)(!1),[Z,W]=(0,l.useState)(!1),[be,E]=(0,l.useState)(""),[I,G]=(0,l.useState)(!1),[oe,N]=(0,l.useState)(!1),[y,X]=(0,l.useState)("card"),[O,b]=(0,l.useState)(!1),[Me,P]=(0,l.useState)("card"),[tt,Le]=(0,l.useState)("form"),he=t.merchantPublicKey,[Ae,yt]=(0,l.useState)(void 0);(0,l.useEffect)(()=>{t.onTriggerPay&&t.onTriggerPay(()=>{pe()})},[t]);let _e=R+"widget/mc-img.svg",Te=R+"widget/visa-img.svg",se=R+"widget/ae-img.svg",Ee=R+"widget/discover-img.svg",Ue=R+"widget/card.svg",gn=R+"widget/Trash.svg",nn=R+"widget/bank.svg",h=R+"widget/secure-img.png",S=R+"widget/pov-by.png",[u,me]=(0,l.useState)(),[o,s]=(0,l.useState)({}),[r,v]=(0,l.useState)([]),[w,F]=(0,l.useState)(),[j,x]=(0,l.useState)(void 0),[f,M]=(0,l.useState)(),[Ke,Pe]=(0,l.useState)(""),wt=(D,V)=>{let Xe=(parseFloat(V)||0)/100,It=D/(1+Xe);return Math.round(It*100)/100};(0,l.useEffect)(()=>{if(t!=null&&t.pass_fee){let D=wt(t==null?void 0:t.amount,t==null?void 0:t.surcharge);x(D)}},[t==null?void 0:t.pass_fee]);let Lt=()=>Y(!0),At=()=>Y(!1),mt=()=>{N(!1),X("card"),W(!1),E(""),G(!1),Pe(""),me({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),b(!1),F({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},pe=()=>N(!0),ae=(D,V)=>{let Xe=D;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Xe)){(V===""||/^[0-9]+$/.test(V))&&(s(Je=>L(k({},Je),{[Xe]:""})),me(Je=>L(k({},Je),{[Xe]:V})));return}s(Je=>L(k({},Je),{[Xe]:""})),me(Je=>L(k({},Je),{[Xe]:V}))},H=D=>{var ut;let V=D.target,Xe=V.value.replace(/\D/g,""),{formatted:It,cursor:Je}=An(V.value,(ut=V.selectionStart)!=null?ut:0);s(vt=>L(k({},vt),{cardNumber:""})),me(vt=>L(k({},vt),{cardNumber:It})),requestAnimationFrame(()=>{V.setSelectionRange(Je,Je)})},qe=()=>{var Je,ut,vt,qt,Ft,$t;let D={},V=u,Xe=parseInt((V==null?void 0:V.expiryMonth)||"",10),It=(V==null?void 0:V.expiryYear)||"";if((Je=V==null?void 0:V.cardName)!=null&&Je.trim()||(D.cardName="Card name is required"),(ut=V==null?void 0:V.cardNumber)!=null&&ut.trim()||(D.cardNumber="Card number is required"),(!((vt=V==null?void 0:V.expiryMonth)!=null&&vt.trim())||!((qt=V==null?void 0:V.expiryYear)!=null&&qt.trim())||isNaN(Xe)||Xe<1||Xe>12||It.length!==4)&&(D.expiryMonth="Invalid Expiration Date."),(Ft=V==null?void 0:V.cvv)!=null&&Ft.trim()||(D.cvv="CVV is required"),($t=V==null?void 0:V.zipCode)!=null&&$t.trim()||(D.zipCode="ZIP code is required"),V!=null&&V.expiryMonth&&(V!=null&&V.expiryYear)&&V.expiryMonth.length<=2&&V.expiryYear.length===4){let Gt=parseInt(V.expiryMonth,10),xe=parseInt(V.expiryYear,10),jt=new Date,Vt=jt.getMonth()+1,Yt=jt.getFullYear();(xe<Yt||xe===Yt&&Gt<Vt)&&(D.expiryMonth="Card is expired")}return s(D),Object.keys(D).length>0},$e=async D=>{var V,Xe,It,Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn;if(D.preventDefault(),y=="card"){if(qe())return;{let Et=DatacapWebToken.validateCardNumber(u==null?void 0:u.cardNumber.replaceAll(" ","")),Ze=DatacapWebToken.validateExpirationDate(u==null?void 0:u.expiryMonth,u==null?void 0:u.expiryYear),Kt=DatacapWebToken.validateCVV(u==null?void 0:u.cvv),C={};if(Et||(C.cardNumber="Invalid card Number"),Ze||(C.expiryMonth="Invalid Expiration Date."),Kt||(C.cvv="Invalid CVV"),s(C),Et&&Kt&&Ze){W(!0);try{let p=async function(J){if(J.Error)E(J.Error),W(!1);else{let ye=u==null?void 0:u.cardName,ce=u==null?void 0:u.zipCode;J.name=ye,J.postal_code=ce,J.fractalpayPublicKey=t==null?void 0:t.merchantPublicKey,J.amount=t==null?void 0:t.amount,J.order_id=t==null?void 0:t.orderID,J.preAuth_id=(t==null?void 0:t.preauthId)||"",J.isCardSave=O,J.customer_id=t==null?void 0:t.customerId,J.link_token="",J.gateway_id=f==null?void 0:f.paymentGateway,J.discount=t==null?void 0:t.discount,J.tax=t==null?void 0:t.tax,J.surcharge=t==null?void 0:t.surcharge,J.pass_fee=t==null?void 0:t.pass_fee,new Headers().append("Content-Type","application/json");let ge={method:"POST",body:JSON.stringify(J),redirect:"follow"};Tt.emit("sendMessage",L(k({},ge),{isChargePreauth:!0})),Tt.on("charge-preauth",nt=>{var ft;(nt==null?void 0:nt.status)=="Failed"?(W(!1),E((nt==null?void 0:nt.message)||"Something went wrong. Please try again later.")):(G(!0),Pe((ft=nt==null?void 0:nt.data)==null?void 0:ft.transaction_id),W(!1),me({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((f==null?void 0:f.paymentGateway)===32){let J={method:"POST",redirect:"follow"};try{let ye=await ni.default.post(`${Be}api/v1/widget/generate-session`,J),ce=Number(u==null?void 0:u.expiryYear)%100,Ye=u==null?void 0:u.cardNumber;Ye=Ye==null?void 0:Ye.replace(/\s+/g,"");let ge=`${Ye}=${ce}${u==null?void 0:u.expiryMonth} ${u==null?void 0:u.cvv}`,ft=forge.pki.publicKeyFromPem((Xe=(V=ye==null?void 0:ye.data)==null?void 0:V.data)==null?void 0:Xe.publicKeyPem).encrypt(ge,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),kt=forge.util.encode64(ft),Ut={"Content-Type":"application/json","x-app-session-key":(Je=(It=ye.data)==null?void 0:It.data)==null?void 0:Je.session_key},g=JSON.stringify({enc_track2_data:`${kt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(vt=(ut=ye==null?void 0:ye.data)==null?void 0:ut.data)==null?void 0:vt.session_key}`});try{let m=await ni.default.post(`${mn}tokenizer/tokenize`,g,{headers:Ut}),te=JSON.stringify(L(k({},(qt=m==null?void 0:m.data)==null?void 0:qt.data),{name:u==null?void 0:u.cardName,postal_code:u==null?void 0:u.zipCode,customer_id:t==null?void 0:t.customerId,amount:t==null?void 0:t.amount,Token:`${($t=(Ft=m==null?void 0:m.data)==null?void 0:Ft.data)==null?void 0:$t.token}`,fractalpayPublicKey:he,order_id:t==null?void 0:t.orderID,preAuth_id:"",isCardSave:O,discount:t==null?void 0:t.discount,surcharge:t==null?void 0:t.surcharge,tax:t==null?void 0:t.tax,link_token:"",ExpirationYear:u==null?void 0:u.expiryYear,ExpirationMonth:u==null?void 0:u.expiryMonth,CVV:u==null?void 0:u.cvv,Last4:(xe=(Gt=m==null?void 0:m.data)==null?void 0:Gt.data)==null?void 0:xe.last4,Brand:(Vt=(jt=m==null?void 0:m.data)==null?void 0:jt.data)==null?void 0:Vt.brand,gateway_id:f==null?void 0:f.paymentGateway,pass_fee:t==null?void 0:t.pass_fee})),ne={method:"POST",headers:{"Content-Type":"application/json"},body:te,redirect:"follow"};Tt.emit("sendMessage",L(k({},ne),{isFractalPreauth:!0})),Tt.on("fractal-charge-preauth",Fe=>{var rt;(Fe==null?void 0:Fe.status)=="Failed"?(W(!1),E((Fe==null?void 0:Fe.message)||"Something went wrong , Try again later")):(Pe((rt=Fe==null?void 0:Fe.data)==null?void 0:rt.transaction_id),G(!0),W(!1))})}catch(m){console.log(m),W(!1),E(((rn=(Yt=m==null?void 0:m.response)==null?void 0:Yt.data)==null?void 0:rn.message)||(m==null?void 0:m.message)||"Something went wrong , Try again later")}}catch(ye){W(!1),E(((sn=(on=ye==null?void 0:ye.response)==null?void 0:on.data)==null?void 0:sn.message)||(ye==null?void 0:ye.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(f==null?void 0:f.dctoken,"PaymentForm",p)}catch(p){W(!1),E(((pn=(ln=p==null?void 0:p.response)==null?void 0:ln.data)==null?void 0:pn.message)||(p==null?void 0:p.message)||"Something went wrong.")}}}}},re=async()=>{var D,V,Xe,It,Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn,bn;Lt();try{let Et={fractalpayPublicKey:he,customer_id:t==null?void 0:t.customerId,preauth:!0,isReader:!!(t!=null&&t.isReader)},Ze=await ni.default.post(`${et}get-payment-details`,Et);if(M((D=Ze==null?void 0:Ze.data)==null?void 0:D.data),(Xe=(V=Ze==null?void 0:Ze.data)==null?void 0:V.data)!=null&&Xe.paymentGateway||(mt(),E("Something went wrong.")),(Je=(It=Ze==null?void 0:Ze.data)==null?void 0:It.data)!=null&&Je.card_list&&((qt=(vt=(ut=Ze==null?void 0:Ze.data)==null?void 0:ut.data)==null?void 0:vt.card_list)==null?void 0:qt.length)>0){X("card"),v(($t=(Ft=Ze==null?void 0:Ze.data)==null?void 0:Ft.data)==null?void 0:$t.card_list),((jt=(xe=(Gt=Ze==null?void 0:Ze.data)==null?void 0:Gt.data)==null?void 0:xe.card_list)==null?void 0:jt.length)>0&&Le("list");let Kt=(rn=(Yt=(Vt=Ze==null?void 0:Ze.data)==null?void 0:Vt.data)==null?void 0:Yt.card_list)==null?void 0:rn.filter(C=>(C==null?void 0:C.primary_card)==1);Kt!=null&&Kt[0]&&((on=Kt==null?void 0:Kt[0])==null?void 0:on.payment_method_type)==((ln=(sn=Ze==null?void 0:Ze.data)==null?void 0:sn.data)==null?void 0:ln.paymentGateway)&&F(Kt[0])}else X("card");At()}catch(Et){console.log(Et),At(),E(((bn=(pn=Et==null?void 0:Et.response)==null?void 0:pn.data)==null?void 0:bn.message)||(Et==null?void 0:Et.message)||"Something went wrong")}},pt=async()=>{var xe,jt,Vt,Yt,rn,on,sn;let D=t==null?void 0:t.customerId,V=t==null?void 0:t.discount,Xe=t==null?void 0:t.surcharge,It=t==null?void 0:t.tax,Je=t==null?void 0:t.merchantPublicKey,ut=t==null?void 0:t.orderID,vt=t==null?void 0:t.amount,qt=w==null?void 0:w.id,Ft=w==null?void 0:w.card_type,$t=(t==null?void 0:t.preauthId)||"";if(Je&&ut&&vt)if(D)if(qt){let ln={amount:vt,order_id:ut,customer_id:D,card_id:qt,fractalpayPublicKey:Je,isCardSave:Ft!="Bank",discount:V,surcharge:Xe,tax:It,preAuth_id:$t},Gt=ln,{isCardSave:pn}=Gt,bn=Qn(Gt,["isCardSave"]),Ze=et+"authorize-by-card",Kt={"Content-Type":"application/json"};W(!0);try{let C=await ni.default.post(Ze,Ft=="Bank"?bn:ln,{headers:Kt});(xe=C==null?void 0:C.data)!=null&&xe.result&&(Pe((Vt=(jt=C==null?void 0:C.data)==null?void 0:jt.data)==null?void 0:Vt.transaction_id),G(!0),W(!1))}catch(C){W(!1),console.log(C),E(((rn=(Yt=C==null?void 0:C.response)==null?void 0:Yt.data)==null?void 0:rn.message)||((sn=(on=C==null?void 0:C.response)==null?void 0:on.data)==null?void 0:sn.status)||"Something went erong")}}else E("Please Select A Card/ACH");else E("Please Select Customer");else E("Something went wrong.")};(0,l.useEffect)(()=>{oe&&he&&re()},[he,oe]);let ct=async D=>{Ti.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 V=>{if(V.isConfirmed){W(!0);try{let Xe={card_id:D,customer_id:t==null?void 0:t.customerId,fractalpayPublicKey:t==null?void 0:t.merchantPublicKey},It=await ni.default.post(`${et}delete-customer-card`,Xe);W(!1),re(),Ti.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Xe){W(!1),Ti.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Nt=D=>{switch(D==null?void 0:D.toLowerCase()){case"visa":return Te;case"mastercard":case"mc":case"m/c":return _e;case"amex":case"american express":case"ae":return se;case"discover":case"dcvr":return Ee;case"bank":return nn;default:return D}},$=D=>{X(D)},zt=async()=>{var Je,ut,vt,qt,Ft,$t;let D=t==null?void 0:t.merchantPublicKey,V=t==null?void 0:t.orderID,Xe=String(t==null?void 0:t.amount),It=t==null?void 0:t.customerId;if(!(Ae!=null&&Ae.device_id)){E("Please Select A Payment Device");return}if(D&&V&&Xe){W(!0);let Gt={amount:Xe,fractalpayPublicKey:D,customer_order_id:V,device_id:Ae==null?void 0:Ae.device_id,customer_id:It||"",is_auth:!0};try{let xe=await ni.default.post(`${et}charge-with-reader`,Gt);((Je=xe==null?void 0:xe.data)==null?void 0:Je.result)==!0?(Pe((vt=(ut=xe==null?void 0:xe.data)==null?void 0:ut.data)==null?void 0:vt.transaction_id),G(!0),W(!1)):(E(((qt=xe==null?void 0:xe.data)==null?void 0:qt.message)||"Something went wrong."),W(!1))}catch(xe){E((($t=(Ft=xe==null?void 0:xe.response)==null?void 0:Ft.data)==null?void 0:$t.message)||"Something went wrong."),W(!1)}}else E("Something went wrong.")},xt=()=>{Me==="card"?pt():Me==="reader"&&zt()};return l.default.createElement(l.default.Fragment,null,l.default.createElement(_n,null),l.default.createElement(Rn,null),l.default.createElement(Wn,null),l.default.createElement(l.default.Fragment,null,e&&l.default.createElement("button",{className:"paymentBtn",onClick:pe},"PreAuth Payment"),l.default.createElement(wn,{open:oe,onClose:mt},be&&l.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},l.default.createElement(zn,{error:be,onClose:mt})),I&&l.default.createElement(ei,{onClose:mt,tranId:Ke}),!be&&!I&&l.default.createElement(l.default.Fragment,null,(z||Z)&&l.default.createElement(dn,{loading:z||Z}),l.default.createElement("div",null,l.default.createElement("div",{className:"frac-card-payment-page frac-form"},l.default.createElement("div",{className:"parent-pay-container"},l.default.createElement("span",{className:"request-payment-close-popup",onClick:mt},l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},l.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},l.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"})),l.default.createElement("defs",null,l.default.createElement("clipPath",{id:"clip0_12425_52336"},l.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),l.default.createElement("div",{className:"pay-container"},l.default.createElement("div",{className:"pay-header pay-conatiner-one"},l.default.createElement("div",{className:"pay-conatiner-one-first"},l.default.createElement("div",{className:"pay-logo-container"},l.default.createElement("div",{className:"pay-main-logo"},l.default.createElement("img",{src:f==null?void 0:f.logo,id:"pay-logos"}))),l.default.createElement("div",{className:"amt-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner"},l.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),l.default.createElement("div",{className:"frac-card-bank-radio-main"},l.default.createElement(Pn,{label:"Card",amount:(je=Number(t==null?void 0:t.amount))==null?void 0:je.toFixed(2),value:"card",onChange:$,activetab:y}),(t==null?void 0:t.isReader)&&(f==null?void 0:f.paymentDeviceList)&&((Pt=f==null?void 0:f.paymentDeviceList)==null?void 0:Pt.length)>0&&l.default.createElement(Pn,{label:"Reader",amount:(an=Number(t==null?void 0:t.amount))==null?void 0:an.toFixed(2),value:"reader",onChange:$,activetab:y})))),l.default.createElement("div",{className:"pay-conatiner-one-last"},l.default.createElement("img",{src:h,alt:""}),l.default.createElement("img",{src:S,alt:""}),"Secure payments powered by Fractal"),l.default.createElement("div",null)),!z&&l.default.createElement("div",{className:"pay-tab pay-conatiner-two"},l.default.createElement("div",{className:"col-md-12"},l.default.createElement("div",{id:"payment-form-div"},y!=="cardList"?l.default.createElement("div",null,l.default.createElement("div",{className:""},l.default.createElement("div",{className:"res-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},l.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),l.default.createElement("strong",{className:"pay-amount"},Se((En=Number(t==null?void 0:t.amount))==null?void 0:En.toFixed(2)))),l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("img",{src:Te,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:_e,width:35,alt:""})),l.default.createElement("div",null,l.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:Ee,width:35,alt:""})))),j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,Se(j.toFixed(2)))))):l.default.createElement("div",null,l.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),l.default.createElement("div",{className:"res-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},l.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),l.default.createElement("strong",{className:"pay-amount"},Se((Ht=Number(t==null?void 0:t.amount))==null?void 0:Ht.toFixed(2)))),l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("img",{src:Te,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:_e,width:35,alt:""})),l.default.createElement("div",null,l.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:Ee,width:35,alt:""})))),l.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),l.default.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},l.default.createElement("div",{className:"frac-card-payment"},l.default.createElement("div",{className:"frac-heading-card-wrap"},l.default.createElement("div",{className:"frac-backarrow"},(r==null?void 0:r.length)>0&&tt==="form"&&l.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Le("list")}," ",l.default.createElement(wa.IoArrowBack,null)),j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,"$",j))),l.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Authorization")),y!="ach"&&l.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},l.default.createElement("img",{src:Te,alt:"",width:33}),l.default.createElement("img",{src:_e,width:33,alt:""}),l.default.createElement("img",{src:se,alt:"",width:33}),l.default.createElement("img",{src:Ee,width:33,alt:""}))),tt==="list"?l.default.createElement(l.default.Fragment,null,l.default.createElement(On,{listHeading:"Cards",paymentGateway:f==null?void 0:f.paymentGateway,ListItems:r,selectedCard:w,setSelectedCard:F,handleDeleteCard:ct,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{Le("form")}}),l.default.createElement("div",{className:"form-group",style:{padding:"0"}},l.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:xt},Se((yn=Number(t==null?void 0:t.amount))==null?void 0:yn.toFixed(2))))):l.default.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},l.default.createElement("form",{id:"PaymentForm",onSubmit:$e},l.default.createElement("div",{className:"ach-scrl",style:{minHeight:(r==null?void 0:r.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),l.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(u==null?void 0:u.cardName)||"",onChange:D=>{let V=D.target.value;/^[a-zA-Z\s]*$/.test(V)&&ae("cardName",V)}}),(o==null?void 0:o.cardName)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),l.default.createElement("div",{className:"toggle-num-wrapper"},l.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(u==null?void 0:u.cardNumber)||"",onChange:D=>H(D),"data-token":"card_number"}),l.default.createElement("div",{className:"card-crdi card-expiry-new"},l.default.createElement("div",{className:"exp-date-year-container"},l.default.createElement("div",{className:"exp-date form-group"},l.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(u==null?void 0:u.expiryMonth)||"",onChange:D=>ae("expiryMonth",D.target.value)})),l.default.createElement("div",{className:"exp-year form-group"},l.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(u==null?void 0:u.expiryYear)||"",onChange:D=>ae("expiryYear",D.target.value)})),l.default.createElement("div",{className:"security-digit form-group"},l.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(u==null?void 0:u.cvv)||"",onChange:D=>ae("cvv",D.target.value)})))),(o==null?void 0:o.cardNumber)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),l.default.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?l.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),l.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"Enter Order id",disabled:!0,value:t==null?void 0:t.orderID,onChange:D=>ae("orderId",D.target.value),style:{background:"#F6F6F7",color:"#727272"}})),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"zip"},"ZIP"),l.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Bn=u==null?void 0:u.zipCode)!=null?Bn:"",onChange:D=>ae("zipCode",D.target.value)}),(o==null?void 0:o.zipCode)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(t==null?void 0:t.customerId)&&l.default.createElement("div",{className:"form-group"},l.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},l.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:O,onChange:D=>b(D.target.checked)}),l.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),l.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),l.default.createElement("div",{className:"frac-tooltip-wrapper"},l.default.createElement("div",{className:"frac-tooltip-icon"},l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},l.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},l.default.createElement("rect",{width:"20",height:"20",fill:"white"}),l.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),l.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"})),l.default.createElement("defs",null,l.default.createElement("clipPath",{id:"clip0_12420_50192"},l.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))),l.default.createElement("div",{className:"frac-tooltip-text"},l.default.createElement("p",null,"If checked, I agree to give the ",l.default.createElement("b",null,(f==null?void 0:f.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),l.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},l.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Se((Mn=Number(t==null?void 0:t.amount))==null?void 0:Mn.toFixed(2))))))),l.default.createElement("div",{id:"reader",style:{display:y==="reader"?"block":"none"},className:"tabcontent"},l.default.createElement("div",{className:"frac-card-payment"},l.default.createElement("div",{className:"frac-heading-card-wrap"},l.default.createElement("div",{className:"frac-backarrow"},j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,"$",j))),l.default.createElement("h6",{className:"frac-card-payment-heading"},"Reader Authorization"))),l.default.createElement(Bi,{listHeading:"Reader",ListItems:f==null?void 0:f.paymentDeviceList,selectedPax:Ae,setSlectedPax:yt}),l.default.createElement("button",{onClick:zt,className:"pay-button"},"$",(Ln=Number(t==null?void 0:t.amount))==null?void 0:Ln.toFixed(2))))))))))))))}var ee=ve(require("react"));var Pa=ve(require("sweetalert2")),ii=ve(require("axios"));var ka=ve(require("react"));function Ki(){let e="#000",t="#fff",B="#212529",q="#dee2e6";return ka.default.createElement("style",null,`
1733
+ `)}var tn=ve(require("react"));var On=({listHeading:e="Card",ListItems:t,selectedCard:B,setSelectedCard:q,paymentGateway:z,handleDeleteCard:Y,otherButtonAction:Z,otherButtonLabel:W,headingClass:be})=>{let E=R+"widget/Trash.svg";return tn.default.createElement(tn.default.Fragment,null,tn.default.createElement("h6",{className:be||"card-ach-heading",style:{marginBottom:"10px !important"}},e),tn.default.createElement("div",{className:"card-lint-div-in"},tn.default.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((I,G)=>{let oe=!1;return z&&(oe=z!=(I==null?void 0:I.payment_method_type)&&(I==null?void 0:I.card_type)!="Bank"),tn.default.createElement("div",{key:I==null?void 0:I.id,className:"card-list-single-div"},tn.default.createElement("div",{className:"card-number-radio"},tn.default.createElement("input",{disabled:oe,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(B==null?void 0:B.id)===(I==null?void 0:I.id),onChange:N=>q(I)}),tn.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",I==null?void 0:I.cardlastfourdigit),(I==null?void 0:I.card_type)!="Bank"&&tn.default.createElement("h6",{className:"card-expiry-date"},I==null?void 0:I.expmonth,"/",I==null?void 0:I.expyear)),tn.default.createElement("div",{className:"card-number-radio"},tn.default.createElement("span",{className:"visa-card"},tn.default.createElement("img",{src:da(I==null?void 0:I.card_type),alt:""})),tn.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Y(I==null?void 0:I.id)},tn.default.createElement("img",{src:E,alt:""}))))}))),tn.default.createElement("div",{className:"pay-with-other-card",onClick:Z},W,tn.default.createElement("img",{src:Ci,alt:""}))))};var Fn=ve(require("react"));var Bi=({listHeading:e="Readers",ListItems:t,selectedPax:B,setSlectedPax:q,headingClass:z})=>Fn.default.createElement(Fn.default.Fragment,null,Fn.default.createElement("h6",{className:z||"card-ach-heading",style:{marginBottom:"10px !important"}},e),Fn.default.createElement("div",{className:"card-lint-div-in"},Fn.default.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((Y,Z)=>Fn.default.createElement("div",{key:Y==null?void 0:Y.id,className:"card-list-single-div"},Fn.default.createElement("div",{className:"card-number-radio"},Fn.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:(B==null?void 0:B.id)===(Y==null?void 0:Y.id),onChange:W=>q(Y)}),Fn.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},Y==null?void 0:Y.device_name)),Fn.default.createElement("div",{className:"card-number-radio"},Fn.default.createElement("span",{className:"visa-card"},Fn.default.createElement("img",{src:Ii,alt:""})))))))));function Ca(e){var Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn,bn,Et,Ze,Kt;let[t,B]=(0,i.useState)(!1),[q,z]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(""),[W,be]=(0,i.useState)(!1),[E,I]=(0,i.useState)(!1),[G,oe]=(0,i.useState)("card"),[N,y]=(0,i.useState)("card"),[X,O]=(0,i.useState)("form"),[b,Me]=(0,i.useState)("form"),[P,tt]=(0,i.useState)(!0),[Le,he]=(0,i.useState)(!1),[Ae,yt]=(0,i.useState)(!1),_e=e.merchantPublicKey,Te=R+"widget/mc-img.svg",se=R+"widget/visa-img.svg",Ee=R+"widget/ae-img.svg",Ue=R+"widget/discover-img.svg",gn=R+"widget/card.svg",nn=R+"widget/Trash.svg",h=R+"widget/bank.svg",S=R+"widget/secure-img.png",u=R+"widget/pov-by.png",me=R+"widget/pax.svg",[o,s]=(0,i.useState)(),[r,v]=(0,i.useState)({}),[w,F]=(0,i.useState)(),[j,x]=(0,i.useState)({}),[f,M]=(0,i.useState)([]),[Ke,Pe]=(0,i.useState)([]),[wt,Lt]=(0,i.useState)(),[At,mt]=(0,i.useState)(void 0),[pe,ae]=(0,i.useState)(Number(e==null?void 0:e.amount));console.log(wt,"selectedCard");let[H,qe]=(0,i.useState)(),[$e,re]=(0,i.useState)(""),pt=()=>B(!0),ct=()=>B(!1),Nt=(C,p)=>{let J=(parseFloat(p)||0)/100,ye=C/(1+J);return Math.round(ye*100)/100};(0,i.useEffect)(()=>{if(E){let C=Nt(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ae(C)}},[E,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let $=()=>{I(!1),oe("card"),Z(""),be(!1),re(""),F({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),x({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),v({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),yt(!1),he(!1),Lt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),mt(null),ae(0),y("card"),tt(!0),Me("form"),O("form"),z(!1),B(!1),Pe([]),M([])},zt=()=>I(!0),xt=C=>{oe(C)},je=(C,p)=>{let J=C;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(J)){(p===""||/^[0-9]+$/.test(p))&&(v(ce=>L(k({},ce),{[J]:""})),s(ce=>L(k({},ce),{[J]:p})));return}v(ce=>L(k({},ce),{[J]:""})),s(ce=>L(k({},ce),{[J]:p}))},Pt=C=>{var ce;let p=C.target,{formatted:J,cursor:ye}=An(p.value,(ce=p.selectionStart)!=null?ce:0);v(Ye=>L(k({},Ye),{cardNumber:""})),s(Ye=>L(k({},Ye),{cardNumber:J})),requestAnimationFrame(()=>{p.setSelectionRange(ye,ye)})},an=C=>{let{name:p,value:J}=C.target,ye=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(J)&&(x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J})));return}if(ye.includes(p)){(J===""||/^[0-9]+$/.test(J))&&(x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J})));return}x(ce=>L(k({},ce),{[p]:""})),F(ce=>L(k({},ce),{[p]:J}))},En=()=>{var ce,Ye,ge,nt,ft,kt;let C={},p=o,J=parseInt((p==null?void 0:p.expiryMonth)||"",10),ye=(p==null?void 0:p.expiryYear)||"";if((ce=p==null?void 0:p.cardName)!=null&&ce.trim()||(C.cardName="Card name is required"),(Ye=p==null?void 0:p.cardNumber)!=null&&Ye.trim()||(C.cardNumber="Card number is required"),(!((ge=p==null?void 0:p.expiryMonth)!=null&&ge.trim())||!((nt=p==null?void 0:p.expiryYear)!=null&&nt.trim())||isNaN(J)||J<1||J>12||ye.length!==4)&&(C.expiryMonth="Invalid Expiration Date."),(ft=p==null?void 0:p.cvv)!=null&&ft.trim()||(C.cvv="CVV is required"),(kt=p==null?void 0:p.zipCode)!=null&&kt.trim()||(C.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Ut=parseInt(p.expiryMonth,10),g=parseInt(p.expiryYear,10),m=new Date,te=m.getMonth()+1,ze=m.getFullYear();(g<ze||g===ze&&Ut<te)&&(C.expiryMonth="Card is expired")}return v(C),Object.keys(C).length>0},Ht=()=>{var J,ye,ce,Ye,ge,nt,ft,kt;let C={},p=w;return(J=p==null?void 0:p.name)!=null&&J.trim()||(C.name="Name is required"),(ye=p==null?void 0:p.accountNumber)!=null&&ye.trim()||(C.accountNumber="Account number is required"),(ce=p==null?void 0:p.accountNumber)!=null&&ce.trim()&&((Ye=p==null?void 0:p.accountNumber)==null?void 0:Ye.trim())!==((ge=p==null?void 0:p.confirmAccountNumber)==null?void 0:ge.trim())&&(C.confirmAccountNumber="Account numbers must match"),(nt=p==null?void 0:p.bankName)!=null&&nt.trim()||(C.bankName="Bank name is required"),(ft=p==null?void 0:p.routingNumber)!=null&&ft.trim()||(C.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((kt=p==null?void 0:p.routingNumber)==null?void 0:kt.length)!==9&&(C.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(C.companyName="Company Name is required for business accounts"),x(C),Object.keys(C).length>0},yn=async C=>{var p,J,ye,ce,Ye,ge,nt,ft,kt,Ut,g,m,te,ze,ne,Fe;if(C.preventDefault(),G!=="ach"){if(En())return;{let Ce=DatacapWebToken.validateCardNumber(o==null?void 0:o.cardNumber.replaceAll(" ","")),fe=DatacapWebToken.validateExpirationDate(o==null?void 0:o.expiryMonth,o==null?void 0:o.expiryYear),De=DatacapWebToken.validateCVV(o==null?void 0:o.cvv),it={};if(Ce||(it.cardNumber="Invalid card Number"),fe||(it.expiryMonth="Invalid Expiration Date."),De||(it.cvv="Invalid CVV"),v(it),Ce&&De&&fe){z(!0);try{let Ne={amount:`${e.amount||0}`,fractalpayPublicKey:_e,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},at=await ti.default.post(`${et}create-widget-order`,Ne),we=async function(ht){if(ht.Error)Z(ht.Error),z(!1);else{let ot=o==null?void 0:o.cardName,Jt=o==null?void 0:o.zipCode;ht.name=ot,ht.postal_code=Jt,ht.isCardSave=`${Le}`,ht.isCharge=!0,ht.posSalesIdEncode=at==null?void 0:at.data.data.posSalesIdEncode,Tt.emit("sendMessage",ht),Tt.on(at==null?void 0:at.data.data.posSalesIdEncode,gt=>{if(di(gt==null?void 0:gt.data)){let Ve=JSON.parse(gt.data);Ve!=null&&Ve.result?(s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),he(!1),re(Ve==null?void 0:Ve.transactionId),be(!0),z(!1)):(z(!1),Z((Ve==null?void 0:Ve.message)||"Something went wrong."))}else Z("Something went wrong.")})}};if((H==null?void 0:H.paymentGateway)===32){let ht={method:"POST",redirect:"follow"};try{let ot=await ti.default.post(`${Be}api/v1/widget/generate-session`,ht),Jt=Number(o==null?void 0:o.expiryYear)%100,gt=o==null?void 0:o.cardNumber;gt=gt==null?void 0:gt.replace(/\s+/g,"");let Ve=`${gt}=${Jt}${o==null?void 0:o.expiryMonth} ${o==null?void 0:o.cvv}`,kn=forge.pki.publicKeyFromPem((J=(p=ot==null?void 0:ot.data)==null?void 0:p.data)==null?void 0:J.publicKeyPem).encrypt(Ve,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),fn=forge.util.encode64(kn),Xt={"Content-Type":"application/json","x-app-session-key":(ce=(ye=ot.data)==null?void 0:ye.data)==null?void 0:ce.session_key},st=JSON.stringify({enc_track2_data:`${fn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ge=(Ye=ot==null?void 0:ot.data)==null?void 0:Ye.data)==null?void 0:ge.session_key}`});try{let le=await ti.default.post(`${mn}tokenizer/tokenize`,st,{headers:Xt}),Dt=JSON.stringify(L(k({},(nt=le==null?void 0:le.data)==null?void 0:nt.data),{isSaveCardChecked:Le,name:o==null?void 0:o.cardName,postal_code:o==null?void 0:o.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(kt=(ft=at==null?void 0:at.data)==null?void 0:ft.data)==null?void 0:kt.posSalesIdEncode}`,token:`${(Ut=le==null?void 0:le.data)==null?void 0:Ut.data.token}`,json_response:`${Dt}`}),qn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Tt.emit("sendMessage",qn),Tt.on("chargeviafractalgateway",Ot=>{var Un;if(di(Ot==null?void 0:Ot.data)){let Cn=JSON.parse(Ot==null?void 0:Ot.data);Cn!=null&&Cn.result?(re((Un=Cn==null?void 0:Cn.data)==null?void 0:Un.transactionId),be(!0),z(!1)):(z(!1),Z((Cn==null?void 0:Cn.message)||"Something went wrong."))}else Z("Something went wrong.")})}catch(le){z(!1),Z(((m=(g=le==null?void 0:le.response)==null?void 0:g.data)==null?void 0:m.message)||(le==null?void 0:le.message)||"Something went wrong.")}}catch(ot){z(!1),Z(((ze=(te=ot==null?void 0:ot.response)==null?void 0:te.data)==null?void 0:ze.message)||(ot==null?void 0:ot.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(at==null?void 0:at.data.data.dctoken,"PaymentForm",we)}catch(Ne){z(!1),Z(((Fe=(ne=Ne==null?void 0:Ne.response)==null?void 0:ne.data)==null?void 0:Fe.message)||(Ne==null?void 0:Ne.message)||"Something went wrong.")}}}}else{if(Ht())return;{z(!0);let Ce={fractalpayPublicKey:_e,label:(w==null?void 0:w.name)||"John Doe",account_number:w==null?void 0:w.accountNumber,routing_number:w==null?void 0:w.routingNumber,bank_name:w==null?void 0:w.bankName,account_type:w==null?void 0:w.accountType,amount:String(pe||0),isSaveAch:Ae,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:(w==null?void 0:w.companyName)||""};Tt.emit("sendMessage",Ce),Tt.on("ach-incoming",fe=>{var De;(fe==null?void 0:fe.status)=="Failed"?typeof(fe==null?void 0:fe.message)=="object"?Object.values(fe==null?void 0:fe.message).forEach(it=>{Z(it||"Something went wrong")}):Z((fe==null?void 0:fe.message)||"Something went wrong"):(re((De=fe==null?void 0:fe.data)==null?void 0:De.transaction_id),be(!0),z(!1))})}}},Bn=async()=>{var C,p,J,ye,ce,Ye,ge,nt,ft,kt,Ut,g,m,te,ze,ne,Fe,rt,Ce,fe,De,it,Ne;pt();try{let at={fractalpayPublicKey:_e,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,isReader:e==null?void 0:e.isReader},we=await ti.default.post(`${et}get-payment-details`,at);if(qe((C=we==null?void 0:we.data)==null?void 0:C.data),(J=(p=we==null?void 0:we.data)==null?void 0:p.data)!=null&&J.paymentGateway||($(),Z("Something went wrong.")),(ce=(ye=we==null?void 0:we.data)==null?void 0:ye.data)!=null&&ce.card_list&&((nt=(ge=(Ye=we==null?void 0:we.data)==null?void 0:Ye.data)==null?void 0:ge.card_list)==null?void 0:nt.length)>0){let ht=(Ut=(kt=(ft=we==null?void 0:we.data)==null?void 0:ft.data)==null?void 0:kt.card_list)==null?void 0:Ut.filter(Jt=>(Jt==null?void 0:Jt.card_type)=="Bank"),ot=(te=(m=(g=we==null?void 0:we.data)==null?void 0:g.data)==null?void 0:m.card_list)==null?void 0:te.filter(Jt=>(Jt==null?void 0:Jt.card_type)!=="Bank");console.log(ht,"hohgohoo",ot),(ot==null?void 0:ot.length)>0&&O("list"),(ht==null?void 0:ht.length)>0&&Me("list"),M(ot),Pe(ht)}else oe("card");(ne=(ze=we==null?void 0:we.data)==null?void 0:ze.data)!=null&&ne.paymentDeviceList&&((Ce=(rt=(Fe=we==null?void 0:we.data)==null?void 0:Fe.data)==null?void 0:rt.paymentDeviceList)==null?void 0:Ce.length)>0&&mt((De=(fe=we==null?void 0:we.data)==null?void 0:fe.data)==null?void 0:De.paymentDeviceList[0]),ct()}catch(at){console.log(at),ct(),Z(((Ne=(it=at==null?void 0:at.response)==null?void 0:it.data)==null?void 0:Ne.message)||(at==null?void 0:at.message)||"Something went wrong")}},Mn=async()=>{let C=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),J=String(e==null?void 0:e.surcharge),ye=String(e==null?void 0:e.tax),ce=e==null?void 0:e.merchantPublicKey,Ye=e==null?void 0:e.orderID,ge=String(e==null?void 0:e.amount),nt=wt==null?void 0:wt.id,ft=wt==null?void 0:wt.card_type;if(ce&&Ye&&ge&&pe)if(C)if(nt){let Ut={amount:ft==="Bank"?`${pe}`:ge,order_id:Ye,customer_id:C,card_id:nt,fractalpayPublicKey:ce,isCardSave:Le,discount:p,surcharge:J,tax:ye,pass_fee:e==null?void 0:e.pass_fee,require3ds:!1},kt=Ut,{isCardSave:g,pass_fee:m,require3ds:te}=kt,ze=Qn(kt,["isCardSave","pass_fee","require3ds"]),Fe=et+(ft==="Bank"?"charge-ach":"charge-by-card"),rt={"Content-Type":"application/json"};z(!0),Tt.emit("sendMessage",{url:Fe,body:ft=="Bank"?ze:Ut,isChargebycard:!0}),Tt.on("charge-by-card",Ce=>{var fe;(Ce==null?void 0:Ce.result)==!0||(Ce==null?void 0:Ce.status)==!0?(re((fe=Ce.data)==null?void 0:fe.transaction_id),be(!0),z(!1)):Z((Ce==null?void 0:Ce.message)||"Something went wrong.")})}else Z("Please Select A Card/ACH");else Z("Please Select Customer");else Z("Something went wrong.")},Ln=async()=>{var ce,Ye,ge,nt,ft,kt;let C=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,J=String(e==null?void 0:e.amount),ye=e==null?void 0:e.customerId;if(!(At!=null&&At.device_id)){Z("Please Select A Payment Device");return}if(C&&p&&J){z(!0);let Ut={amount:J,fractalpayPublicKey:C,customer_order_id:p,device_id:At==null?void 0:At.device_id,customer_id:ye||""};try{let g=await ti.default.post(`${et}charge-with-reader`,Ut);((ce=g==null?void 0:g.data)==null?void 0:ce.result)==!0?(re((ge=(Ye=g==null?void 0:g.data)==null?void 0:Ye.data)==null?void 0:ge.transaction_id),be(!0),z(!1)):(Z(((nt=g==null?void 0:g.data)==null?void 0:nt.message)||"Something went wrong."),z(!1))}catch(g){Z(((kt=(ft=g==null?void 0:g.response)==null?void 0:ft.data)==null?void 0:kt.message)||"Something went wrong."),z(!1)}}else Z("Something went wrong.")},D=()=>{N==="card"?Mn():N==="reader"&&Ln()};(0,i.useEffect)(()=>{E&&_e&&Bn()},[_e,E]);let V=async C=>{ci.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 p=>{if(p.isConfirmed){z(!0);try{let J={card_id:C,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ye=await ti.default.post(`${et}delete-customer-card`,J);z(!1),Bn(),ci.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(J){z(!1),ci.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===ci.default.DismissReason.cancel&&ci.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xe=C=>{switch(C==null?void 0:C.toLowerCase()){case"visa":return se;case"mastercard":case"mc":case"m/c":return Te;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return Ue;case"bank":return h;default:return C}},It=()=>{let C=pe||0;return(Number(e.amount)-C).toFixed(0)};return console.log(X,"activeinCard","activeinBank",b),i.default.createElement(i.default.Fragment,null,i.default.createElement(_n,null),i.default.createElement(Rn,null),i.default.createElement(Wn,null),i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{className:"paymentBtn",onClick:zt},"Pay"),i.default.createElement(wn,{open:E,onClose:$},Y&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(zn,{error:Y,onClose:$})),W&&i.default.createElement(ei,{onClose:$,tranId:$e}),!Y&&!W&&i.default.createElement(i.default.Fragment,null,(t||q)&&i.default.createElement(dn,{loading:t||q}),i.default.createElement("div",{className:"frac-card-payment-page frac-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:$},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},i.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12425_52336"},i.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),i.default.createElement("div",{className:"pay-main-logo-res"},i.default.createElement("img",{src:H==null?void 0:H.logo,id:"pay-logos"})),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"},i.default.createElement("img",{src:H==null?void 0:H.logo,id:"pay-logos"})),(f==null?void 0:f.length)>0&&G!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>oe("cardList")}," ",i.default.createElement(wi.IoArrowBack,null)," Back")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),i.default.createElement("div",{className:"frac-card-bank-radio-main"},i.default.createElement(Pn,{label:"Card",amount:(Je=Number(e==null?void 0:e.amount))==null?void 0:Je.toFixed(2),value:"card",onChange:xt,activetab:G}),(H==null?void 0:H.isSkyFiAccount)&&i.default.createElement(Pn,{label:"Bank",amount:(ut=Number(pe))==null?void 0:ut.toFixed(2),value:"ach",onChange:xt,activetab:G}),(e==null?void 0:e.isReader)&&(H==null?void 0:H.paymentDeviceList)&&((vt=H==null?void 0:H.paymentDeviceList)==null?void 0:vt.length)>0&&i.default.createElement(Pn,{label:"Reader",amount:(qt=Number(e==null?void 0:e.amount))==null?void 0:qt.toFixed(2),value:"reader",onChange:xt,activetab:G})),pe&&pe>0&&(e!=null&&e.pass_fee)?i.default.createElement("div",{className:"frac-cash-discount-fee"},i.default.createElement("small",null,G==="card"||G==="reader"?"Cash Discount":"Cash Discount Savings"," "),i.default.createElement("p",null,Se((Number(e.amount)-pe).toFixed(2)))):null)),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:S,alt:""}),i.default.createElement("img",{src:u,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!t&&i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},G!=="cardList"?i.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(f==null?void 0:f.length)>0&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>oe("cardList")}," ",i.default.createElement(wi.IoArrowBack,null)," Back"),(H==null?void 0:H.isSkyFiAccount)&&i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:C=>{xt("card")},style:{border:G==="card"?"1px solid":""}},i.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),i.default.createElement("button",{className:"tablinks",onClick:C=>{xt("ach")},style:{border:G==="ach"?"1px solid":""}},i.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Ft=Number(e==null?void 0:e.amount))==null?void 0:Ft.toFixed(2))),G!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Te,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Ue,width:35,alt:""})))),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))):i.default.createElement("div",null,i.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",H==null?void 0:H.customer_name),i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",N==="card"?"Cards/Banks":"Readers"," "),i.default.createElement("div",{className:"res-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},i.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",($t=Number(e==null?void 0:e.amount))==null?void 0:$t.toFixed(2))),i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Te,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:Ue,width:35,alt:""}))))),i.default.createElement("div",{id:"card",style:{display:G==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(f==null?void 0:f.length)>0&&X==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>O("list")}," ",i.default.createElement(wi.IoArrowBack,null)),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),G!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},i.default.createElement("img",{src:se,alt:"",width:33}),i.default.createElement("img",{src:Te,width:33,alt:""}),i.default.createElement("img",{src:Ee,alt:"",width:33}),i.default.createElement("img",{src:Ue,width:33,alt:""}))),X==="list"?i.default.createElement(i.default.Fragment,null,i.default.createElement(On,{listHeading:"Cards",paymentGateway:H==null?void 0:H.paymentGateway,ListItems:f,selectedCard:wt,setSelectedCard:Lt,handleDeleteCard:V,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{O("form")}}),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Se((Gt=Number(e==null?void 0:e.amount))==null?void 0:Gt.toFixed(2))))):i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:yn},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)==0?"456px":(f==null?void 0:f.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(o==null?void 0:o.cardName)||"",onChange:C=>{let p=C.target.value;/^[a-zA-Z\s]*$/.test(p)&&je("cardName",p)}}),(r==null?void 0:r.cardName)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cardName)),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(o==null?void 0:o.cardNumber)||"",onChange:C=>Pt(C),"data-token":"card_number"}),i.default.createElement("div",{className:"card-crdi card-expiry-new"},i.default.createElement("div",{className:"exp-date-year-container"},i.default.createElement("div",{className:"exp-date form-group"},i.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(o==null?void 0:o.expiryMonth)||"",onChange:C=>je("expiryMonth",C.target.value)})),i.default.createElement("div",{className:"exp-year form-group"},i.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(o==null?void 0:o.expiryYear)||"",onChange:C=>je("expiryYear",C.target.value)})),i.default.createElement("div",{className:"security-digit form-group"},i.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(o==null?void 0:o.cvv)||"",onChange:C=>je("cvv",C.target.value)})))),(r==null?void 0:r.cardNumber)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cardNumber),i.default.createElement("p",{style:{margin:"0"}},r!=null&&r.expiryMonth||r!=null&&r.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},r==null?void 0:r.expiryMonth):"",(r==null?void 0:r.cvv)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.cvv)))),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(xe=e==null?void 0:e.orderID)!=null?xe:"",style:{background:"#F6F6F7",color:"#727272"}})),i.default.createElement("div",{className:"form-group"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(jt=o==null?void 0:o.zipCode)!=null?jt:"",onChange:C=>je("zipCode",C.target.value)}),(r==null?void 0:r.zipCode)&&i.default.createElement("span",{className:"error-span"},r==null?void 0:r.zipCode)),(e==null?void 0:e.customerId)&&i.default.createElement("div",{className:"form-group"},i.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Le,onChange:C=>he(C.target.checked)}),i.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),i.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}),i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),i.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"clip0_12420_50192"},i.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),i.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Se((Vt=Number(e==null?void 0:e.amount))==null?void 0:Vt.toFixed(2)))))),i.default.createElement("div",{id:"ach",style:{display:G==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(Ke==null?void 0:Ke.length)>0&&b==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Me("list")}," ",i.default.createElement(wi.IoArrowBack,null)),pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),i.default.createElement("div",null,"$",It()))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),b==="list"?i.default.createElement(i.default.Fragment,null,i.default.createElement(On,{listHeading:"Banks",paymentGateway:H==null?void 0:H.paymentGateway,ListItems:Ke,selectedCard:wt,setSelectedCard:Lt,handleDeleteCard:V,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Me("form")}}),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Se((Yt=Number(pe))==null?void 0:Yt.toFixed(2))))):i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:yn,autoComplete:"off"},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)==0?"436px":(f==null?void 0:f.length)>0?"462px":"520px",maxHeight:H!=null&&H.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":((f==null?void 0:f.length)>0,"380px")}},i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(rn=w==null?void 0:w.name)!=null?rn:"",onChange:an}),(j==null?void 0:j.name)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.name)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(on=w==null?void 0:w.routingNumber)!=null?on:"",onChange:an}),(j==null?void 0:j.routingNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.routingNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(sn=w==null?void 0:w.accountNumber)!=null?sn:"",onChange:an}),(j==null?void 0:j.accountNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.accountNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(ln=w==null?void 0:w.confirmAccountNumber)!=null?ln:"",onChange:an}),(j==null?void 0:j.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.confirmAccountNumber)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(pn=w==null?void 0:w.bankName)!=null?pn:"",onChange:an}),(j==null?void 0:j.bankName)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.bankName)),((w==null?void 0:w.accountType)==="business saving"||(w==null?void 0:w.accountType)==="business checking")&&i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"companyName"},"Company name"),i.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(bn=w==null?void 0:w.companyName)!=null?bn:"",onChange:an}),(j==null?void 0:j.companyName)&&i.default.createElement("span",{className:"error-span"},j==null?void 0:j.companyName)),i.default.createElement("div",{className:"form-group mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Et=w==null?void 0:w.accountType)!=null?Et:"",onChange:an},i.default.createElement("option",{value:""},"Select account"),mi.map(C=>i.default.createElement("option",{key:C.value,value:C.value},C.label)))),(e==null?void 0:e.customerId)&&i.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Ae,onChange:C=>yt(C.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Ae&&i.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},i.default.createElement("p",null,"If checked, I agree for ",i.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),i.default.createElement("div",{className:"form-group "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Se((Ze=Number(pe))==null?void 0:Ze.toFixed(2)))))),i.default.createElement("div",{id:"reader",style:{display:G==="reader"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-card-payment"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},pe&&pe>0&&i.default.createElement("div",{className:"res-pay-con frac-cash-discount"},i.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),i.default.createElement("div",null,"$",pe))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Reader Payment"))),i.default.createElement(Bi,{listHeading:"Reader",ListItems:H==null?void 0:H.paymentDeviceList,selectedPax:At,setSlectedPax:mt}),i.default.createElement("button",{onClick:Ln,className:"pay-button"},"$",(Kt=Number(e==null?void 0:e.amount))==null?void 0:Kt.toFixed(2)))))))))))))}var l=ve(require("react"));var ni=ve(require("axios"));var Ti=ve(require("sweetalert2")),wa=require("react-icons/io5");function Na(B){var q=B,{showButton:e=!0}=q,t=Qn(q,["showButton"]);var je,Pt,an,En,Ht,yn,Bn,Mn,Ln;let[z,Y]=(0,l.useState)(!1),[Z,W]=(0,l.useState)(!1),[be,E]=(0,l.useState)(""),[I,G]=(0,l.useState)(!1),[oe,N]=(0,l.useState)(!1),[y,X]=(0,l.useState)("card"),[O,b]=(0,l.useState)(!1),[Me,P]=(0,l.useState)("card"),[tt,Le]=(0,l.useState)("form"),he=t.merchantPublicKey,[Ae,yt]=(0,l.useState)(void 0);(0,l.useEffect)(()=>{t.onTriggerPay&&t.onTriggerPay(()=>{pe()})},[t]);let _e=R+"widget/mc-img.svg",Te=R+"widget/visa-img.svg",se=R+"widget/ae-img.svg",Ee=R+"widget/discover-img.svg",Ue=R+"widget/card.svg",gn=R+"widget/Trash.svg",nn=R+"widget/bank.svg",h=R+"widget/secure-img.png",S=R+"widget/pov-by.png",[u,me]=(0,l.useState)(),[o,s]=(0,l.useState)({}),[r,v]=(0,l.useState)([]),[w,F]=(0,l.useState)(),[j,x]=(0,l.useState)(void 0),[f,M]=(0,l.useState)(),[Ke,Pe]=(0,l.useState)(""),wt=(D,V)=>{let Xe=(parseFloat(V)||0)/100,It=D/(1+Xe);return Math.round(It*100)/100};(0,l.useEffect)(()=>{if(t!=null&&t.pass_fee){let D=wt(t==null?void 0:t.amount,t==null?void 0:t.surcharge);x(D)}},[t==null?void 0:t.pass_fee]);let Lt=()=>Y(!0),At=()=>Y(!1),mt=()=>{N(!1),X("card"),W(!1),E(""),G(!1),Pe(""),me({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),b(!1),F({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},pe=()=>N(!0),ae=(D,V)=>{let Xe=D;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Xe)){(V===""||/^[0-9]+$/.test(V))&&(s(Je=>L(k({},Je),{[Xe]:""})),me(Je=>L(k({},Je),{[Xe]:V})));return}s(Je=>L(k({},Je),{[Xe]:""})),me(Je=>L(k({},Je),{[Xe]:V}))},H=D=>{var ut;let V=D.target,Xe=V.value.replace(/\D/g,""),{formatted:It,cursor:Je}=An(V.value,(ut=V.selectionStart)!=null?ut:0);s(vt=>L(k({},vt),{cardNumber:""})),me(vt=>L(k({},vt),{cardNumber:It})),requestAnimationFrame(()=>{V.setSelectionRange(Je,Je)})},qe=()=>{var Je,ut,vt,qt,Ft,$t;let D={},V=u,Xe=parseInt((V==null?void 0:V.expiryMonth)||"",10),It=(V==null?void 0:V.expiryYear)||"";if((Je=V==null?void 0:V.cardName)!=null&&Je.trim()||(D.cardName="Card name is required"),(ut=V==null?void 0:V.cardNumber)!=null&&ut.trim()||(D.cardNumber="Card number is required"),(!((vt=V==null?void 0:V.expiryMonth)!=null&&vt.trim())||!((qt=V==null?void 0:V.expiryYear)!=null&&qt.trim())||isNaN(Xe)||Xe<1||Xe>12||It.length!==4)&&(D.expiryMonth="Invalid Expiration Date."),(Ft=V==null?void 0:V.cvv)!=null&&Ft.trim()||(D.cvv="CVV is required"),($t=V==null?void 0:V.zipCode)!=null&&$t.trim()||(D.zipCode="ZIP code is required"),V!=null&&V.expiryMonth&&(V!=null&&V.expiryYear)&&V.expiryMonth.length<=2&&V.expiryYear.length===4){let Gt=parseInt(V.expiryMonth,10),xe=parseInt(V.expiryYear,10),jt=new Date,Vt=jt.getMonth()+1,Yt=jt.getFullYear();(xe<Yt||xe===Yt&&Gt<Vt)&&(D.expiryMonth="Card is expired")}return s(D),Object.keys(D).length>0},$e=async D=>{var V,Xe,It,Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn;if(D.preventDefault(),y=="card"){if(qe())return;{let Et=DatacapWebToken.validateCardNumber(u==null?void 0:u.cardNumber.replaceAll(" ","")),Ze=DatacapWebToken.validateExpirationDate(u==null?void 0:u.expiryMonth,u==null?void 0:u.expiryYear),Kt=DatacapWebToken.validateCVV(u==null?void 0:u.cvv),C={};if(Et||(C.cardNumber="Invalid card Number"),Ze||(C.expiryMonth="Invalid Expiration Date."),Kt||(C.cvv="Invalid CVV"),s(C),Et&&Kt&&Ze){W(!0);try{let p=async function(J){if(J.Error)E(J.Error),W(!1);else{let ye=u==null?void 0:u.cardName,ce=u==null?void 0:u.zipCode;J.name=ye,J.postal_code=ce,J.fractalpayPublicKey=t==null?void 0:t.merchantPublicKey,J.amount=t==null?void 0:t.amount,J.order_id=t==null?void 0:t.orderID,J.preAuth_id=(t==null?void 0:t.preauthId)||"",J.isCardSave=O,J.customer_id=t==null?void 0:t.customerId,J.link_token="",J.gateway_id=f==null?void 0:f.paymentGateway,J.discount=t==null?void 0:t.discount,J.tax=t==null?void 0:t.tax,J.surcharge=t==null?void 0:t.surcharge,J.pass_fee=t==null?void 0:t.pass_fee,new Headers().append("Content-Type","application/json");let ge={method:"POST",body:JSON.stringify(J),redirect:"follow"};Tt.emit("sendMessage",L(k({},ge),{isChargePreauth:!0})),Tt.on("charge-preauth",nt=>{var ft;(nt==null?void 0:nt.status)=="Failed"?(W(!1),E((nt==null?void 0:nt.message)||"Something went wrong. Please try again later.")):(G(!0),Pe((ft=nt==null?void 0:nt.data)==null?void 0:ft.transaction_id),W(!1),me({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((f==null?void 0:f.paymentGateway)===32){let J={method:"POST",redirect:"follow"};try{let ye=await ni.default.post(`${Be}api/v1/widget/generate-session`,J),ce=Number(u==null?void 0:u.expiryYear)%100,Ye=u==null?void 0:u.cardNumber;Ye=Ye==null?void 0:Ye.replace(/\s+/g,"");let ge=`${Ye}=${ce}${u==null?void 0:u.expiryMonth} ${u==null?void 0:u.cvv}`,ft=forge.pki.publicKeyFromPem((Xe=(V=ye==null?void 0:ye.data)==null?void 0:V.data)==null?void 0:Xe.publicKeyPem).encrypt(ge,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),kt=forge.util.encode64(ft),Ut={"Content-Type":"application/json","x-app-session-key":(Je=(It=ye.data)==null?void 0:It.data)==null?void 0:Je.session_key},g=JSON.stringify({enc_track2_data:`${kt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(vt=(ut=ye==null?void 0:ye.data)==null?void 0:ut.data)==null?void 0:vt.session_key}`});try{let m=await ni.default.post(`${mn}tokenizer/tokenize`,g,{headers:Ut}),te=JSON.stringify(L(k({},(qt=m==null?void 0:m.data)==null?void 0:qt.data),{name:u==null?void 0:u.cardName,postal_code:u==null?void 0:u.zipCode,customer_id:t==null?void 0:t.customerId,amount:t==null?void 0:t.amount,Token:`${($t=(Ft=m==null?void 0:m.data)==null?void 0:Ft.data)==null?void 0:$t.token}`,fractalpayPublicKey:he,order_id:t==null?void 0:t.orderID,preAuth_id:(t==null?void 0:t.preauthId)||"",isCardSave:O,discount:t==null?void 0:t.discount,surcharge:t==null?void 0:t.surcharge,tax:t==null?void 0:t.tax,link_token:"",ExpirationYear:u==null?void 0:u.expiryYear,ExpirationMonth:u==null?void 0:u.expiryMonth,CVV:u==null?void 0:u.cvv,Last4:(xe=(Gt=m==null?void 0:m.data)==null?void 0:Gt.data)==null?void 0:xe.last4,Brand:(Vt=(jt=m==null?void 0:m.data)==null?void 0:jt.data)==null?void 0:Vt.brand,gateway_id:f==null?void 0:f.paymentGateway,pass_fee:t==null?void 0:t.pass_fee})),ne={method:"POST",headers:{"Content-Type":"application/json"},body:te,redirect:"follow"};Tt.emit("sendMessage",L(k({},ne),{isFractalPreauth:!0})),Tt.on("fractal-charge-preauth",Fe=>{var rt;(Fe==null?void 0:Fe.status)=="Failed"?(W(!1),E((Fe==null?void 0:Fe.message)||"Something went wrong , Try again later")):(Pe((rt=Fe==null?void 0:Fe.data)==null?void 0:rt.transaction_id),G(!0),W(!1))})}catch(m){console.log(m),W(!1),E(((rn=(Yt=m==null?void 0:m.response)==null?void 0:Yt.data)==null?void 0:rn.message)||(m==null?void 0:m.message)||"Something went wrong , Try again later")}}catch(ye){W(!1),E(((sn=(on=ye==null?void 0:ye.response)==null?void 0:on.data)==null?void 0:sn.message)||(ye==null?void 0:ye.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(f==null?void 0:f.dctoken,"PaymentForm",p)}catch(p){W(!1),E(((pn=(ln=p==null?void 0:p.response)==null?void 0:ln.data)==null?void 0:pn.message)||(p==null?void 0:p.message)||"Something went wrong.")}}}}},re=async()=>{var D,V,Xe,It,Je,ut,vt,qt,Ft,$t,Gt,xe,jt,Vt,Yt,rn,on,sn,ln,pn,bn;Lt();try{let Et={fractalpayPublicKey:he,customer_id:t==null?void 0:t.customerId,preauth:!0,isReader:!!(t!=null&&t.isReader)},Ze=await ni.default.post(`${et}get-payment-details`,Et);if(M((D=Ze==null?void 0:Ze.data)==null?void 0:D.data),(Xe=(V=Ze==null?void 0:Ze.data)==null?void 0:V.data)!=null&&Xe.paymentGateway||(mt(),E("Something went wrong.")),(Je=(It=Ze==null?void 0:Ze.data)==null?void 0:It.data)!=null&&Je.card_list&&((qt=(vt=(ut=Ze==null?void 0:Ze.data)==null?void 0:ut.data)==null?void 0:vt.card_list)==null?void 0:qt.length)>0){X("card"),v(($t=(Ft=Ze==null?void 0:Ze.data)==null?void 0:Ft.data)==null?void 0:$t.card_list),((jt=(xe=(Gt=Ze==null?void 0:Ze.data)==null?void 0:Gt.data)==null?void 0:xe.card_list)==null?void 0:jt.length)>0&&Le("list");let Kt=(rn=(Yt=(Vt=Ze==null?void 0:Ze.data)==null?void 0:Vt.data)==null?void 0:Yt.card_list)==null?void 0:rn.filter(C=>(C==null?void 0:C.primary_card)==1);Kt!=null&&Kt[0]&&((on=Kt==null?void 0:Kt[0])==null?void 0:on.payment_method_type)==((ln=(sn=Ze==null?void 0:Ze.data)==null?void 0:sn.data)==null?void 0:ln.paymentGateway)&&F(Kt[0])}else X("card");At()}catch(Et){console.log(Et),At(),E(((bn=(pn=Et==null?void 0:Et.response)==null?void 0:pn.data)==null?void 0:bn.message)||(Et==null?void 0:Et.message)||"Something went wrong")}},pt=async()=>{var xe,jt,Vt,Yt,rn,on,sn;let D=t==null?void 0:t.customerId,V=t==null?void 0:t.discount,Xe=t==null?void 0:t.surcharge,It=t==null?void 0:t.tax,Je=t==null?void 0:t.merchantPublicKey,ut=t==null?void 0:t.orderID,vt=t==null?void 0:t.amount,qt=w==null?void 0:w.id,Ft=w==null?void 0:w.card_type,$t=(t==null?void 0:t.preauthId)||"";if(Je&&ut&&vt)if(D)if(qt){let ln={amount:vt,order_id:ut,customer_id:D,card_id:qt,fractalpayPublicKey:Je,isCardSave:Ft!="Bank",discount:V,surcharge:Xe,tax:It,preAuth_id:$t},Gt=ln,{isCardSave:pn}=Gt,bn=Qn(Gt,["isCardSave"]),Ze=et+"authorize-by-card",Kt={"Content-Type":"application/json"};W(!0);try{let C=await ni.default.post(Ze,Ft=="Bank"?bn:ln,{headers:Kt});(xe=C==null?void 0:C.data)!=null&&xe.result&&(Pe((Vt=(jt=C==null?void 0:C.data)==null?void 0:jt.data)==null?void 0:Vt.transaction_id),G(!0),W(!1))}catch(C){W(!1),console.log(C),E(((rn=(Yt=C==null?void 0:C.response)==null?void 0:Yt.data)==null?void 0:rn.message)||((sn=(on=C==null?void 0:C.response)==null?void 0:on.data)==null?void 0:sn.status)||"Something went erong")}}else E("Please Select A Card/ACH");else E("Please Select Customer");else E("Something went wrong.")};(0,l.useEffect)(()=>{oe&&he&&re()},[he,oe]);let ct=async D=>{Ti.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 V=>{if(V.isConfirmed){W(!0);try{let Xe={card_id:D,customer_id:t==null?void 0:t.customerId,fractalpayPublicKey:t==null?void 0:t.merchantPublicKey},It=await ni.default.post(`${et}delete-customer-card`,Xe);W(!1),re(),Ti.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Xe){W(!1),Ti.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Nt=D=>{switch(D==null?void 0:D.toLowerCase()){case"visa":return Te;case"mastercard":case"mc":case"m/c":return _e;case"amex":case"american express":case"ae":return se;case"discover":case"dcvr":return Ee;case"bank":return nn;default:return D}},$=D=>{X(D)},zt=async()=>{var Je,ut,vt,qt,Ft,$t;let D=t==null?void 0:t.merchantPublicKey,V=t==null?void 0:t.orderID,Xe=String(t==null?void 0:t.amount),It=t==null?void 0:t.customerId;if(!(Ae!=null&&Ae.device_id)){E("Please Select A Payment Device");return}if(D&&V&&Xe){W(!0);let Gt={amount:Xe,fractalpayPublicKey:D,customer_order_id:V,device_id:Ae==null?void 0:Ae.device_id,customer_id:It||"",is_auth:!0};try{let xe=await ni.default.post(`${et}charge-with-reader`,Gt);((Je=xe==null?void 0:xe.data)==null?void 0:Je.result)==!0?(Pe((vt=(ut=xe==null?void 0:xe.data)==null?void 0:ut.data)==null?void 0:vt.transaction_id),G(!0),W(!1)):(E(((qt=xe==null?void 0:xe.data)==null?void 0:qt.message)||"Something went wrong."),W(!1))}catch(xe){E((($t=(Ft=xe==null?void 0:xe.response)==null?void 0:Ft.data)==null?void 0:$t.message)||"Something went wrong."),W(!1)}}else E("Something went wrong.")},xt=()=>{Me==="card"?pt():Me==="reader"&&zt()};return l.default.createElement(l.default.Fragment,null,l.default.createElement(_n,null),l.default.createElement(Rn,null),l.default.createElement(Wn,null),l.default.createElement(l.default.Fragment,null,e&&l.default.createElement("button",{className:"paymentBtn",onClick:pe},"PreAuth Payment"),l.default.createElement(wn,{open:oe,onClose:mt},be&&l.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},l.default.createElement(zn,{error:be,onClose:mt})),I&&l.default.createElement(ei,{onClose:mt,tranId:Ke}),!be&&!I&&l.default.createElement(l.default.Fragment,null,(z||Z)&&l.default.createElement(dn,{loading:z||Z}),l.default.createElement("div",null,l.default.createElement("div",{className:"frac-card-payment-page frac-form"},l.default.createElement("div",{className:"parent-pay-container"},l.default.createElement("span",{className:"request-payment-close-popup",onClick:mt},l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},l.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},l.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"})),l.default.createElement("defs",null,l.default.createElement("clipPath",{id:"clip0_12425_52336"},l.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),l.default.createElement("div",{className:"pay-container"},l.default.createElement("div",{className:"pay-header pay-conatiner-one"},l.default.createElement("div",{className:"pay-conatiner-one-first"},l.default.createElement("div",{className:"pay-logo-container"},l.default.createElement("div",{className:"pay-main-logo"},l.default.createElement("img",{src:f==null?void 0:f.logo,id:"pay-logos"}))),l.default.createElement("div",{className:"amt-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner"},l.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),l.default.createElement("div",{className:"frac-card-bank-radio-main"},l.default.createElement(Pn,{label:"Card",amount:(je=Number(t==null?void 0:t.amount))==null?void 0:je.toFixed(2),value:"card",onChange:$,activetab:y}),(t==null?void 0:t.isReader)&&(f==null?void 0:f.paymentDeviceList)&&((Pt=f==null?void 0:f.paymentDeviceList)==null?void 0:Pt.length)>0&&l.default.createElement(Pn,{label:"Reader",amount:(an=Number(t==null?void 0:t.amount))==null?void 0:an.toFixed(2),value:"reader",onChange:$,activetab:y})))),l.default.createElement("div",{className:"pay-conatiner-one-last"},l.default.createElement("img",{src:h,alt:""}),l.default.createElement("img",{src:S,alt:""}),"Secure payments powered by Fractal"),l.default.createElement("div",null)),!z&&l.default.createElement("div",{className:"pay-tab pay-conatiner-two"},l.default.createElement("div",{className:"col-md-12"},l.default.createElement("div",{id:"payment-form-div"},y!=="cardList"?l.default.createElement("div",null,l.default.createElement("div",{className:""},l.default.createElement("div",{className:"res-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},l.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),l.default.createElement("strong",{className:"pay-amount"},Se((En=Number(t==null?void 0:t.amount))==null?void 0:En.toFixed(2)))),l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("img",{src:Te,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:_e,width:35,alt:""})),l.default.createElement("div",null,l.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:Ee,width:35,alt:""})))),j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,Se(j.toFixed(2)))))):l.default.createElement("div",null,l.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),l.default.createElement("div",{className:"res-pay-con"},l.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},l.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),l.default.createElement("strong",{className:"pay-amount"},Se((Ht=Number(t==null?void 0:t.amount))==null?void 0:Ht.toFixed(2)))),l.default.createElement("div",null,l.default.createElement("div",null,l.default.createElement("img",{src:Te,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:_e,width:35,alt:""})),l.default.createElement("div",null,l.default.createElement("img",{src:se,alt:"",width:35,style:{paddingRight:"5px"}}),l.default.createElement("img",{src:Ee,width:35,alt:""})))),l.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),l.default.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},l.default.createElement("div",{className:"frac-card-payment"},l.default.createElement("div",{className:"frac-heading-card-wrap"},l.default.createElement("div",{className:"frac-backarrow"},(r==null?void 0:r.length)>0&&tt==="form"&&l.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Le("list")}," ",l.default.createElement(wa.IoArrowBack,null)),j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,"$",j))),l.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Authorization")),y!="ach"&&l.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},l.default.createElement("img",{src:Te,alt:"",width:33}),l.default.createElement("img",{src:_e,width:33,alt:""}),l.default.createElement("img",{src:se,alt:"",width:33}),l.default.createElement("img",{src:Ee,width:33,alt:""}))),tt==="list"?l.default.createElement(l.default.Fragment,null,l.default.createElement(On,{listHeading:"Cards",paymentGateway:f==null?void 0:f.paymentGateway,ListItems:r,selectedCard:w,setSelectedCard:F,handleDeleteCard:ct,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{Le("form")}}),l.default.createElement("div",{className:"form-group",style:{padding:"0"}},l.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:xt},Se((yn=Number(t==null?void 0:t.amount))==null?void 0:yn.toFixed(2))))):l.default.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},l.default.createElement("form",{id:"PaymentForm",onSubmit:$e},l.default.createElement("div",{className:"ach-scrl",style:{minHeight:(r==null?void 0:r.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),l.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(u==null?void 0:u.cardName)||"",onChange:D=>{let V=D.target.value;/^[a-zA-Z\s]*$/.test(V)&&ae("cardName",V)}}),(o==null?void 0:o.cardName)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardName)),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),l.default.createElement("div",{className:"toggle-num-wrapper"},l.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(u==null?void 0:u.cardNumber)||"",onChange:D=>H(D),"data-token":"card_number"}),l.default.createElement("div",{className:"card-crdi card-expiry-new"},l.default.createElement("div",{className:"exp-date-year-container"},l.default.createElement("div",{className:"exp-date form-group"},l.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(u==null?void 0:u.expiryMonth)||"",onChange:D=>ae("expiryMonth",D.target.value)})),l.default.createElement("div",{className:"exp-year form-group"},l.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(u==null?void 0:u.expiryYear)||"",onChange:D=>ae("expiryYear",D.target.value)})),l.default.createElement("div",{className:"security-digit form-group"},l.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(u==null?void 0:u.cvv)||"",onChange:D=>ae("cvv",D.target.value)})))),(o==null?void 0:o.cardNumber)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cardNumber),l.default.createElement("p",{style:{margin:"0"}},o!=null&&o.expiryMonth||o!=null&&o.expiryYear?l.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},o==null?void 0:o.expiryMonth):"",(o==null?void 0:o.cvv)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.cvv)))),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),l.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"Enter Order id",disabled:!0,value:t==null?void 0:t.orderID,onChange:D=>ae("orderId",D.target.value),style:{background:"#F6F6F7",color:"#727272"}})),l.default.createElement("div",{className:"form-group"},l.default.createElement("label",{htmlFor:"zip"},"ZIP"),l.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Bn=u==null?void 0:u.zipCode)!=null?Bn:"",onChange:D=>ae("zipCode",D.target.value)}),(o==null?void 0:o.zipCode)&&l.default.createElement("span",{className:"error-span"},o==null?void 0:o.zipCode)),(t==null?void 0:t.customerId)&&l.default.createElement("div",{className:"form-group"},l.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},l.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:O,onChange:D=>b(D.target.checked)}),l.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),l.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),l.default.createElement("div",{className:"frac-tooltip-wrapper"},l.default.createElement("div",{className:"frac-tooltip-icon"},l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},l.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},l.default.createElement("rect",{width:"20",height:"20",fill:"white"}),l.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),l.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"})),l.default.createElement("defs",null,l.default.createElement("clipPath",{id:"clip0_12420_50192"},l.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))),l.default.createElement("div",{className:"frac-tooltip-text"},l.default.createElement("p",null,"If checked, I agree to give the ",l.default.createElement("b",null,(f==null?void 0:f.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),l.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},l.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Se((Mn=Number(t==null?void 0:t.amount))==null?void 0:Mn.toFixed(2))))))),l.default.createElement("div",{id:"reader",style:{display:y==="reader"?"block":"none"},className:"tabcontent"},l.default.createElement("div",{className:"frac-card-payment"},l.default.createElement("div",{className:"frac-heading-card-wrap"},l.default.createElement("div",{className:"frac-backarrow"},j&&j>0&&l.default.createElement("div",{className:"res-pay-con frac-cash-discount"},l.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),l.default.createElement("div",null,"$",j))),l.default.createElement("h6",{className:"frac-card-payment-heading"},"Reader Authorization"))),l.default.createElement(Bi,{listHeading:"Reader",ListItems:f==null?void 0:f.paymentDeviceList,selectedPax:Ae,setSlectedPax:yt}),l.default.createElement("button",{onClick:zt,className:"pay-button"},"$",(Ln=Number(t==null?void 0:t.amount))==null?void 0:Ln.toFixed(2))))))))))))))}var ee=ve(require("react"));var Pa=ve(require("sweetalert2")),ii=ve(require("axios"));var ka=ve(require("react"));function Ki(){let e="#000",t="#fff",B="#212529",q="#dee2e6";return ka.default.createElement("style",null,`
1734
1734
  .add-card {
1735
1735
  max-width:380px;
1736
1736
  padding: 0 20px
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- var Pa=Object.defineProperty,Fa=Object.defineProperties;var Ma=Object.getOwnPropertyDescriptors;var Ti=Object.getOwnPropertySymbols;var da=Object.prototype.hasOwnProperty,ma=Object.prototype.propertyIsEnumerable;var la=(e,t,Y)=>t in e?Pa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:Y}):e[t]=Y,k=(e,t)=>{for(var Y in t||(t={}))da.call(t,Y)&&la(e,Y,t[Y]);if(Ti)for(var Y of Ti(t))ma.call(t,Y)&&la(e,Y,t[Y]);return e},M=(e,t)=>Fa(e,Ma(t));var ni=(e,t)=>{var Y={};for(var T in e)da.call(e,T)&&t.indexOf(T)<0&&(Y[T]=e[T]);if(e!=null&&Ti)for(var T of Ti(e))t.indexOf(T)<0&&ma.call(e,T)&&(Y[T]=e[T]);return Y};var La=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var ua=La((Or,Ba)=>{Ba.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.178",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@stripe/react-stripe-js":"^5.3.0","@stripe/stripe-js":"^8.3.0","@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.5",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.5",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 I,{useState as Gn,useEffect as fa}from"react";import Qn from"react";import Aa from"react";var za=e=>Aa.createElement("style",null,`
1
+ var Pa=Object.defineProperty,Fa=Object.defineProperties;var Ma=Object.getOwnPropertyDescriptors;var Ti=Object.getOwnPropertySymbols;var da=Object.prototype.hasOwnProperty,ma=Object.prototype.propertyIsEnumerable;var la=(e,t,Y)=>t in e?Pa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:Y}):e[t]=Y,k=(e,t)=>{for(var Y in t||(t={}))da.call(t,Y)&&la(e,Y,t[Y]);if(Ti)for(var Y of Ti(t))ma.call(t,Y)&&la(e,Y,t[Y]);return e},M=(e,t)=>Fa(e,Ma(t));var ni=(e,t)=>{var Y={};for(var T in e)da.call(e,T)&&t.indexOf(T)<0&&(Y[T]=e[T]);if(e!=null&&Ti)for(var T of Ti(e))t.indexOf(T)<0&&ma.call(e,T)&&(Y[T]=e[T]);return Y};var La=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var ua=La((Or,Ba)=>{Ba.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.179",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@stripe/react-stripe-js":"^5.3.0","@stripe/stripe-js":"^8.3.0","@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.5",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.5",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 I,{useState as Gn,useEffect as fa}from"react";import Qn from"react";import Aa from"react";var za=e=>Aa.createElement("style",null,`
2
2
 
3
3
  .loader {
4
4
  position: fixed; /* Fixed position to cover the viewport */
@@ -81,7 +81,7 @@ var Pa=Object.defineProperty,Fa=Object.defineProperties;var Ma=Object.getOwnProp
81
81
  }
82
82
  }
83
83
 
84
- `),ca=za;var Ia=e=>Qn.createElement(Qn.Fragment,null,Qn.createElement(ca,null),(e==null?void 0:e.loading)&&Qn.createElement("div",{className:"loader"},Qn.createElement("div",{className:"lds-ellipsis"},Qn.createElement("div",null),Qn.createElement("div",null),Qn.createElement("div",null),Qn.createElement("div",null)))),mn=Ia;var{name:qi}=ua(),R="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";qi==="@fractalpay/fractalpay-next-dev"?(Ie="https://dev-sky-node.fractalpay.com/",et="https://dev-widget.fractalpay.com/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):qi==="@fractalpay/fractalpay-next-test"?(Ie="https://testapi.fractalpay.com/",et="https://staging-widget.fractalpay.com/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):qi==="@fractalpay/fractalpay-next-testprod"?(Ie="https://sky-node-prod.fractalpay.com/",et="https://widget-prod.fractalpay.com/",cn="https://api.merchant-trends.com/",ii="https://token.dcap.com/v1/client",ai="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):qi==="@fractalpay/fractalpay-next"?(Ie="https://api.fractalpay.com/",et="https://widget.fractalpay.com/",cn="https://api.merchant-trends.com/",ii="https://token.dcap.com/v1/client",ai="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):(et="http://localhost:8082/",Ie="http://localhost:8081/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw");var Ie,et,cn,ii,ai;var Ut={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};import Ni from"react";import Ta from"react";var qa=e=>Ta.createElement("style",null,`
84
+ `),ca=za;var Ia=e=>Qn.createElement(Qn.Fragment,null,Qn.createElement(ca,null),(e==null?void 0:e.loading)&&Qn.createElement("div",{className:"loader"},Qn.createElement("div",{className:"lds-ellipsis"},Qn.createElement("div",null),Qn.createElement("div",null),Qn.createElement("div",null),Qn.createElement("div",null)))),mn=Ia;var{name:qi}=ua(),R="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";qi==="@fractalpay/fractalpay-next-dev"?(et="http://192.168.1.63:8082/",Ie="http://192.168.1.63:8081/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):qi==="@fractalpay/fractalpay-next-test"?(Ie="https://testapi.fractalpay.com/",et="https://staging-widget.fractalpay.com/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):qi==="@fractalpay/fractalpay-next-testprod"?(Ie="https://sky-node-prod.fractalpay.com/",et="https://widget-prod.fractalpay.com/",cn="https://api.merchant-trends.com/",ii="https://token.dcap.com/v1/client",ai="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):qi==="@fractalpay/fractalpay-next"?(Ie="https://api.fractalpay.com/",et="https://widget.fractalpay.com/",cn="https://api.merchant-trends.com/",ii="https://token.dcap.com/v1/client",ai="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):(et="http://localhost:8082/",Ie="http://localhost:8081/",cn="https://api-dev.merchant-trends.com/",ii="https://token-cert.dcap.com/v1/client",ai="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw");var Ie,et,cn,ii,ai;var Ut={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};import Ni from"react";import Ta from"react";var qa=e=>Ta.createElement("style",null,`
85
85
  .fractal-input::placeholder {
86
86
  color: #35254D;
87
87
  opacity: 1;
@@ -1730,7 +1730,7 @@ position:relative;
1730
1730
  .frac-card-bank-radio.frac-active {
1731
1731
  background: #F6F6F7;
1732
1732
  }
1733
- `)}import un from"react";var En=({listHeading:e="Card",ListItems:t,selectedCard:Y,setSelectedCard:T,paymentGateway:A,handleDeleteCard:B,otherButtonAction:Z,otherButtonLabel:W,headingClass:ye})=>{let E=R+"widget/Trash.svg";return un.createElement(un.Fragment,null,un.createElement("h6",{className:ye||"card-ach-heading",style:{marginBottom:"10px !important"}},e),un.createElement("div",{className:"card-lint-div-in"},un.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((L,G)=>{let re=!1;return A&&(re=A!=(L==null?void 0:L.payment_method_type)&&(L==null?void 0:L.card_type)!="Bank"),un.createElement("div",{key:L==null?void 0:L.id,className:"card-list-single-div"},un.createElement("div",{className:"card-number-radio"},un.createElement("input",{disabled:re,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(Y==null?void 0:Y.id)===(L==null?void 0:L.id),onChange:N=>T(L)}),un.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",L==null?void 0:L.cardlastfourdigit),(L==null?void 0:L.card_type)!="Bank"&&un.createElement("h6",{className:"card-expiry-date"},L==null?void 0:L.expmonth,"/",L==null?void 0:L.expyear)),un.createElement("div",{className:"card-number-radio"},un.createElement("span",{className:"visa-card"},un.createElement("img",{src:pa(L==null?void 0:L.card_type),alt:""})),un.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>B(L==null?void 0:L.id)},un.createElement("img",{src:E,alt:""}))))}))),un.createElement("div",{className:"pay-with-other-card",onClick:Z},W,un.createElement("img",{src:ki,alt:""}))))};import Tn from"react";var ji=({listHeading:e="Readers",ListItems:t,selectedPax:Y,setSlectedPax:T,headingClass:A})=>Tn.createElement(Tn.Fragment,null,Tn.createElement("h6",{className:A||"card-ach-heading",style:{marginBottom:"10px !important"}},e),Tn.createElement("div",{className:"card-lint-div-in"},Tn.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((B,Z)=>Tn.createElement("div",{key:B==null?void 0:B.id,className:"card-list-single-div"},Tn.createElement("div",{className:"card-number-radio"},Tn.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:(Y==null?void 0:Y.id)===(B==null?void 0:B.id),onChange:W=>T(B)}),Tn.createElement("label",{htmlFor:"",className:"card-number-last-four"},B==null?void 0:B.device_name)),Tn.createElement("div",{className:"card-number-radio"},Tn.createElement("span",{className:"visa-card"},Tn.createElement("img",{src:Hi,alt:""})))))))));function rr(e){var Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn,Cn,Zt,Ze,Wt;let[t,Y]=$t(!1),[T,A]=$t(!1),[B,Z]=$t(""),[W,ye]=$t(!1),[E,L]=$t(!1),[G,re]=$t("card"),[N,y]=$t("card"),[X,O]=$t("form"),[b,Fe]=$t("form"),[_,tt]=$t(!0),[Me,fe]=$t(!1),[Le,bt]=$t(!1),Se=e.merchantPublicKey,Be=R+"widget/mc-img.svg",oe=R+"widget/visa-img.svg",Ee=R+"widget/ae-img.svg",Ue=R+"widget/discover-img.svg",hn=R+"widget/card.svg",an=R+"widget/Trash.svg",h=R+"widget/bank.svg",S=R+"widget/secure-img.png",u=R+"widget/pov-by.png",de=R+"widget/pax.svg",[r,o]=$t(),[a,v]=$t({}),[w,P]=$t(),[H,x]=$t({}),[f,F]=$t([]),[Ke,_e]=$t([]),[Nt,At]=$t(),[zt,mt]=$t(void 0),[ge,ie]=$t(Number(e==null?void 0:e.amount));console.log(Nt,"selectedCard");let[q,Te]=$t(),[qe,ae]=$t(""),ft=()=>Y(!0),ut=()=>Y(!1),St=(C,p)=>{let J=(parseFloat(p)||0)/100,he=C/(1+J);return Math.round(he*100)/100};ya(()=>{if(E){let C=St(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ie(C)}},[E,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let z=()=>{L(!1),re("card"),Z(""),ye(!1),ae(""),P({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),x({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),v({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),bt(!1),fe(!1),At({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),mt(null),ie(0),y("card"),tt(!0),Fe("form"),O("form"),A(!1),Y(!1),_e([]),F([])},It=()=>L(!0),xt=C=>{re(C)},je=(C,p)=>{let J=C;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(J)){(p===""||/^[0-9]+$/.test(p))&&(v(me=>M(k({},me),{[J]:""})),o(me=>M(k({},me),{[J]:p})));return}v(me=>M(k({},me),{[J]:""})),o(me=>M(k({},me),{[J]:p}))},Mt=C=>{var me;let p=C.target,{formatted:J,cursor:he}=In(p.value,(me=p.selectionStart)!=null?me:0);v($e=>M(k({},$e),{cardNumber:""})),o($e=>M(k({},$e),{cardNumber:J})),requestAnimationFrame(()=>{p.setSelectionRange(he,he)})},rn=C=>{let{name:p,value:J}=C.target,he=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(J)&&(x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J})));return}if(he.includes(p)){(J===""||/^[0-9]+$/.test(J))&&(x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J})));return}x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J}))},Wn=()=>{var me,$e,ue,nt,ht,_t;let C={},p=r,J=parseInt((p==null?void 0:p.expiryMonth)||"",10),he=(p==null?void 0:p.expiryYear)||"";if((me=p==null?void 0:p.cardName)!=null&&me.trim()||(C.cardName="Card name is required"),($e=p==null?void 0:p.cardNumber)!=null&&$e.trim()||(C.cardNumber="Card number is required"),(!((ue=p==null?void 0:p.expiryMonth)!=null&&ue.trim())||!((nt=p==null?void 0:p.expiryYear)!=null&&nt.trim())||isNaN(J)||J<1||J>12||he.length!==4)&&(C.expiryMonth="Invalid Expiration Date."),(ht=p==null?void 0:p.cvv)!=null&&ht.trim()||(C.cvv="CVV is required"),(_t=p==null?void 0:p.zipCode)!=null&&_t.trim()||(C.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Qt=parseInt(p.expiryMonth,10),g=parseInt(p.expiryYear,10),d=new Date,ee=d.getMonth()+1,Ae=d.getFullYear();(g<Ae||g===Ae&&Qt<ee)&&(C.expiryMonth="Card is expired")}return v(C),Object.keys(C).length>0},Vt=()=>{var J,he,me,$e,ue,nt,ht,_t;let C={},p=w;return(J=p==null?void 0:p.name)!=null&&J.trim()||(C.name="Name is required"),(he=p==null?void 0:p.accountNumber)!=null&&he.trim()||(C.accountNumber="Account number is required"),(me=p==null?void 0:p.accountNumber)!=null&&me.trim()&&(($e=p==null?void 0:p.accountNumber)==null?void 0:$e.trim())!==((ue=p==null?void 0:p.confirmAccountNumber)==null?void 0:ue.trim())&&(C.confirmAccountNumber="Account numbers must match"),(nt=p==null?void 0:p.bankName)!=null&&nt.trim()||(C.bankName="Bank name is required"),(ht=p==null?void 0:p.routingNumber)!=null&&ht.trim()||(C.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((_t=p==null?void 0:p.routingNumber)==null?void 0:_t.length)!==9&&(C.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(C.companyName="Company Name is required for business accounts"),x(C),Object.keys(C).length>0},vn=async C=>{var p,J,he,me,$e,ue,nt,ht,_t,Qt,g,d,ee,Ae,te,Pe;if(C.preventDefault(),G!=="ach"){if(Wn())return;{let xe=DatacapWebToken.validateCardNumber(r==null?void 0:r.cardNumber.replaceAll(" ","")),pe=DatacapWebToken.validateExpirationDate(r==null?void 0:r.expiryMonth,r==null?void 0:r.expiryYear),De=DatacapWebToken.validateCVV(r==null?void 0:r.cvv),it={};if(xe||(it.cardNumber="Invalid card Number"),pe||(it.expiryMonth="Invalid Expiration Date."),De||(it.cvv="Invalid CVV"),v(it),xe&&De&&pe){A(!0);try{let Ce={amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,pass_fee:e==null?void 0:e.pass_fee},at=await ui.post(`${et}create-widget-order`,Ce),ve=async function(yt){if(yt.Error)Z(yt.Error),A(!1);else{let ot=r==null?void 0:r.cardName,Xt=r==null?void 0:r.zipCode;yt.name=ot,yt.postal_code=Xt,yt.isCardSave=`${Me}`,yt.isCharge=!0,yt.posSalesIdEncode=at==null?void 0:at.data.data.posSalesIdEncode,qt.emit("sendMessage",yt),qt.on(at==null?void 0:at.data.data.posSalesIdEncode,pt=>{if(mi(pt==null?void 0:pt.data)){let Ve=JSON.parse(pt.data);Ve!=null&&Ve.result?(o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),fe(!1),ae(Ve==null?void 0:Ve.transactionId),ye(!0),A(!1)):(A(!1),Z((Ve==null?void 0:Ve.message)||"Something went wrong."))}else Z("Something went wrong.")})}};if((q==null?void 0:q.paymentGateway)===32){let yt={method:"POST",redirect:"follow"};try{let ot=await ui.post(`${Ie}api/v1/widget/generate-session`,yt),Xt=Number(r==null?void 0:r.expiryYear)%100,pt=r==null?void 0:r.cardNumber;pt=pt==null?void 0:pt.replace(/\s+/g,"");let Ve=`${pt}=${Xt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,_n=forge.pki.publicKeyFromPem((J=(p=ot==null?void 0:ot.data)==null?void 0:p.data)==null?void 0:J.publicKeyPem).encrypt(Ve,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),bn=forge.util.encode64(_n),Rt={"Content-Type":"application/json","x-app-session-key":(me=(he=ot.data)==null?void 0:he.data)==null?void 0:me.session_key},st=JSON.stringify({enc_track2_data:`${bn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ue=($e=ot==null?void 0:ot.data)==null?void 0:$e.data)==null?void 0:ue.session_key}`});try{let se=await ui.post(`${cn}tokenizer/tokenize`,st,{headers:Rt}),en=JSON.stringify(M(k({},(nt=se==null?void 0:se.data)==null?void 0:nt.data),{isSaveCardChecked:Me,name:r==null?void 0:r.cardName,postal_code:r==null?void 0:r.zipCode,customer_id:e==null?void 0:e.customerId})),wn=JSON.stringify({pre_sales_id:`${(_t=(ht=at==null?void 0:at.data)==null?void 0:ht.data)==null?void 0:_t.posSalesIdEncode}`,token:`${(Qt=se==null?void 0:se.data)==null?void 0:Qt.data.token}`,json_response:`${en}`}),Yn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:wn,redirect:"follow",isChargeviafractal:!0};qt.emit("sendMessage",Yn),qt.on("chargeviafractalgateway",Kt=>{var ei;if(mi(Kt==null?void 0:Kt.data)){let kn=JSON.parse(Kt==null?void 0:Kt.data);kn!=null&&kn.result?(ae((ei=kn==null?void 0:kn.data)==null?void 0:ei.transactionId),ye(!0),A(!1)):(A(!1),Z((kn==null?void 0:kn.message)||"Something went wrong."))}else Z("Something went wrong.")})}catch(se){A(!1),Z(((d=(g=se==null?void 0:se.response)==null?void 0:g.data)==null?void 0:d.message)||(se==null?void 0:se.message)||"Something went wrong.")}}catch(ot){A(!1),Z(((Ae=(ee=ot==null?void 0:ot.response)==null?void 0:ee.data)==null?void 0:Ae.message)||(ot==null?void 0:ot.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(at==null?void 0:at.data.data.dctoken,"PaymentForm",ve)}catch(Ce){A(!1),Z(((Pe=(te=Ce==null?void 0:Ce.response)==null?void 0:te.data)==null?void 0:Pe.message)||(Ce==null?void 0:Ce.message)||"Something went wrong.")}}}}else{if(Vt())return;{A(!0);let xe={fractalpayPublicKey:Se,label:(w==null?void 0:w.name)||"John Doe",account_number:w==null?void 0:w.accountNumber,routing_number:w==null?void 0:w.routingNumber,bank_name:w==null?void 0:w.bankName,account_type:w==null?void 0:w.accountType,amount:String(ge||0),isSaveAch:Le,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:(w==null?void 0:w.companyName)||""};qt.emit("sendMessage",xe),qt.on("ach-incoming",pe=>{var De;(pe==null?void 0:pe.status)=="Failed"?typeof(pe==null?void 0:pe.message)=="object"?Object.values(pe==null?void 0:pe.message).forEach(it=>{Z(it||"Something went wrong")}):Z((pe==null?void 0:pe.message)||"Something went wrong"):(ae((De=pe==null?void 0:pe.data)==null?void 0:De.transaction_id),ye(!0),A(!1))})}}},qn=async()=>{var C,p,J,he,me,$e,ue,nt,ht,_t,Qt,g,d,ee,Ae,te,Pe,rt,xe,pe,De,it,Ce;ft();try{let at={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,isReader:e==null?void 0:e.isReader},ve=await ui.post(`${et}get-payment-details`,at);if(Te((C=ve==null?void 0:ve.data)==null?void 0:C.data),(J=(p=ve==null?void 0:ve.data)==null?void 0:p.data)!=null&&J.paymentGateway||(z(),Z("Something went wrong.")),(me=(he=ve==null?void 0:ve.data)==null?void 0:he.data)!=null&&me.card_list&&((nt=(ue=($e=ve==null?void 0:ve.data)==null?void 0:$e.data)==null?void 0:ue.card_list)==null?void 0:nt.length)>0){let yt=(Qt=(_t=(ht=ve==null?void 0:ve.data)==null?void 0:ht.data)==null?void 0:_t.card_list)==null?void 0:Qt.filter(Xt=>(Xt==null?void 0:Xt.card_type)=="Bank"),ot=(ee=(d=(g=ve==null?void 0:ve.data)==null?void 0:g.data)==null?void 0:d.card_list)==null?void 0:ee.filter(Xt=>(Xt==null?void 0:Xt.card_type)!=="Bank");console.log(yt,"hohgohoo",ot),(ot==null?void 0:ot.length)>0&&O("list"),(yt==null?void 0:yt.length)>0&&Fe("list"),F(ot),_e(yt)}else re("card");(te=(Ae=ve==null?void 0:ve.data)==null?void 0:Ae.data)!=null&&te.paymentDeviceList&&((xe=(rt=(Pe=ve==null?void 0:ve.data)==null?void 0:Pe.data)==null?void 0:rt.paymentDeviceList)==null?void 0:xe.length)>0&&mt((De=(pe=ve==null?void 0:ve.data)==null?void 0:pe.data)==null?void 0:De.paymentDeviceList[0]),ut()}catch(at){console.log(at),ut(),Z(((Ce=(it=at==null?void 0:at.response)==null?void 0:it.data)==null?void 0:Ce.message)||(at==null?void 0:at.message)||"Something went wrong")}},An=async()=>{let C=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),J=String(e==null?void 0:e.surcharge),he=String(e==null?void 0:e.tax),me=e==null?void 0:e.merchantPublicKey,$e=e==null?void 0:e.orderID,ue=String(e==null?void 0:e.amount),nt=Nt==null?void 0:Nt.id,ht=Nt==null?void 0:Nt.card_type;if(me&&$e&&ue&&ge)if(C)if(nt){let Qt={amount:ht==="Bank"?`${ge}`:ue,order_id:$e,customer_id:C,card_id:nt,fractalpayPublicKey:me,isCardSave:Me,discount:p,surcharge:J,tax:he,pass_fee:e==null?void 0:e.pass_fee,require3ds:!1},_t=Qt,{isCardSave:g,pass_fee:d,require3ds:ee}=_t,Ae=ni(_t,["isCardSave","pass_fee","require3ds"]),Pe=et+(ht==="Bank"?"charge-ach":"charge-by-card"),rt={"Content-Type":"application/json"};A(!0),qt.emit("sendMessage",{url:Pe,body:ht=="Bank"?Ae:Qt,isChargebycard:!0}),qt.on("charge-by-card",xe=>{var pe;(xe==null?void 0:xe.result)==!0||(xe==null?void 0:xe.status)==!0?(ae((pe=xe.data)==null?void 0:pe.transaction_id),ye(!0),A(!1)):Z((xe==null?void 0:xe.message)||"Something went wrong.")})}else Z("Please Select A Card/ACH");else Z("Please Select Customer");else Z("Something went wrong.")},zn=async()=>{var me,$e,ue,nt,ht,_t;let C=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,J=String(e==null?void 0:e.amount),he=e==null?void 0:e.customerId;if(!(zt!=null&&zt.device_id)){Z("Please Select A Payment Device");return}if(C&&p&&J){A(!0);let Qt={amount:J,fractalpayPublicKey:C,customer_order_id:p,device_id:zt==null?void 0:zt.device_id,customer_id:he||""};try{let g=await ui.post(`${et}charge-with-reader`,Qt);((me=g==null?void 0:g.data)==null?void 0:me.result)==!0?(ae((ue=($e=g==null?void 0:g.data)==null?void 0:$e.data)==null?void 0:ue.transaction_id),ye(!0),A(!1)):(Z(((nt=g==null?void 0:g.data)==null?void 0:nt.message)||"Something went wrong."),A(!1))}catch(g){Z(((_t=(ht=g==null?void 0:g.response)==null?void 0:ht.data)==null?void 0:_t.message)||"Something went wrong."),A(!1)}}else Z("Something went wrong.")},D=()=>{N==="card"?An():N==="reader"&&zn()};ya(()=>{E&&Se&&qn()},[Se,E]);let j=async C=>{Si.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 p=>{if(p.isConfirmed){A(!0);try{let J={card_id:C,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},he=await ui.post(`${et}delete-customer-card`,J);A(!1),qn(),Si.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(J){A(!1),Si.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===Si.DismissReason.cancel&&Si.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xe=C=>{switch(C==null?void 0:C.toLowerCase()){case"visa":return oe;case"mastercard":case"mc":case"m/c":return Be;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return Ue;case"bank":return h;default:return C}},Bt=()=>{let C=ge||0;return(Number(e.amount)-C).toFixed(0)};return console.log(X,"activeinCard","activeinBank",b),n.createElement(n.Fragment,null,n.createElement(Fn,null),n.createElement(ri,null),n.createElement(Xn,null),n.createElement(n.Fragment,null,n.createElement("button",{className:"paymentBtn",onClick:It},"Pay"),n.createElement(Sn,{open:E,onClose:z},B&&n.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.createElement(Bn,{error:B,onClose:z})),W&&n.createElement(oi,{onClose:z,tranId:qe}),!B&&!W&&n.createElement(n.Fragment,null,(t||T)&&n.createElement(mn,{loading:t||T}),n.createElement("div",{className:"frac-card-payment-page frac-form"},n.createElement("div",{className:"parent-pay-container"},n.createElement("span",{className:"request-payment-close-popup",onClick:z},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12425_52336"},n.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.createElement("div",{className:"pay-main-logo-res"},n.createElement("img",{src:q==null?void 0:q.logo,id:"pay-logos"})),n.createElement("div",{className:"pay-container"},n.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},n.createElement("div",{className:"pay-conatiner-one-first"},n.createElement("div",{className:"pay-logo-container"},n.createElement("div",{className:"pay-main-logo"},n.createElement("img",{src:q==null?void 0:q.logo,id:"pay-logos"})),(f==null?void 0:f.length)>0&&G!=="cardList"&&n.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>re("cardList")}," ",n.createElement(Vi,null)," Back")),n.createElement("div",{className:"amt-pay-con"},n.createElement("div",{className:"pay-amount-conatiner"},n.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),n.createElement("div",{className:"frac-card-bank-radio-main"},n.createElement(Ln,{label:"Card",amount:(Je=Number(e==null?void 0:e.amount))==null?void 0:Je.toFixed(2),value:"card",onChange:xt,activetab:G}),(q==null?void 0:q.isSkyFiAccount)&&n.createElement(Ln,{label:"Bank",amount:(gt=Number(ge))==null?void 0:gt.toFixed(2),value:"ach",onChange:xt,activetab:G}),(e==null?void 0:e.isReader)&&(q==null?void 0:q.paymentDeviceList)&&((vt=q==null?void 0:q.paymentDeviceList)==null?void 0:vt.length)>0&&n.createElement(Ln,{label:"Reader",amount:(Yt=Number(e==null?void 0:e.amount))==null?void 0:Yt.toFixed(2),value:"reader",onChange:xt,activetab:G})),ge&&ge>0&&(e!=null&&e.pass_fee)?n.createElement("div",{className:"frac-cash-discount-fee"},n.createElement("small",null,G==="card"||G==="reader"?"Cash Discount":"Cash Discount Savings"," "),n.createElement("p",null,Ne((Number(e.amount)-ge).toFixed(2)))):null)),n.createElement("div",{className:"pay-conatiner-one-last"},n.createElement("img",{src:S,alt:""}),n.createElement("img",{src:u,alt:""}),"Secure payments powered by Fractal")),n.createElement("div",{className:"pay-tab pay-conatiner-two"},!t&&n.createElement("div",{className:"col-md-12"},n.createElement("div",{id:"payment-form-div"},G!=="cardList"?n.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(f==null?void 0:f.length)>0&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>re("cardList")}," ",n.createElement(Vi,null)," Back"),(q==null?void 0:q.isSkyFiAccount)&&n.createElement("div",{className:"tab"},n.createElement("button",{className:"tablinks",onClick:C=>{xt("card")},style:{border:G==="card"?"1px solid":""}},n.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),n.createElement("button",{className:"tablinks",onClick:C=>{xt("ach")},style:{border:G==="ach"?"1px solid":""}},n.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(Lt=Number(e==null?void 0:e.amount))==null?void 0:Lt.toFixed(2))),G!="ach"&&n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Be,width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Ue,width:35,alt:""})))),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))):n.createElement("div",null,n.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",q==null?void 0:q.customer_name),n.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",N==="card"?"Cards/Banks":"Readers"," "),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(Ht=Number(e==null?void 0:e.amount))==null?void 0:Ht.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Be,width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Ue,width:35,alt:""}))))),n.createElement("div",{id:"card",style:{display:G==="card"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},(f==null?void 0:f.length)>0&&X==="form"&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>O("list")}," ",n.createElement(Vi,null)),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))),n.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),G!="ach"&&n.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},n.createElement("img",{src:oe,alt:"",width:33}),n.createElement("img",{src:Be,width:33,alt:""}),n.createElement("img",{src:Ee,alt:"",width:33}),n.createElement("img",{src:Ue,width:33,alt:""}))),X==="list"?n.createElement(n.Fragment,null,n.createElement(En,{listHeading:"Cards",paymentGateway:q==null?void 0:q.paymentGateway,ListItems:f,selectedCard:Nt,setSelectedCard:At,handleDeleteCard:j,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{O("form")}}),n.createElement("div",{className:"form-group",style:{padding:"0"}},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Ne((Jt=Number(e==null?void 0:e.amount))==null?void 0:Jt.toFixed(2))))):n.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:vn},n.createElement("div",{className:"ach-scrl",style:{minHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)==0?"456px":(f==null?void 0:f.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:C=>{let p=C.target.value;/^[a-zA-Z\s]*$/.test(p)&&je("cardName",p)}}),(a==null?void 0:a.cardName)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cardName)),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.createElement("div",{className:"toggle-num-wrapper"},n.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:C=>Mt(C),"data-token":"card_number"}),n.createElement("div",{className:"card-crdi card-expiry-new"},n.createElement("div",{className:"exp-date-year-container"},n.createElement("div",{className:"exp-date form-group"},n.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:C=>je("expiryMonth",C.target.value)})),n.createElement("div",{className:"exp-year form-group"},n.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:C=>je("expiryYear",C.target.value)})),n.createElement("div",{className:"security-digit form-group"},n.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:C=>je("cvv",C.target.value)})))),(a==null?void 0:a.cardNumber)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cardNumber),n.createElement("p",{style:{margin:"0"}},a!=null&&a.expiryMonth||a!=null&&a.expiryYear?n.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},a==null?void 0:a.expiryMonth):"",(a==null?void 0:a.cvv)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cvv)))),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(be=e==null?void 0:e.orderID)!=null?be:"",style:{background:"#F6F6F7",color:"#727272"}})),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"zip"},"ZIP"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Ot=r==null?void 0:r.zipCode)!=null?Ot:"",onChange:C=>je("zipCode",C.target.value)}),(a==null?void 0:a.zipCode)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.zipCode)),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group"},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Me,onChange:C=>fe(C.target.checked)}),n.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.createElement("rect",{width:"20",height:"20",fill:"white"}),n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12420_50192"},n.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},n.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ne((Et=Number(e==null?void 0:e.amount))==null?void 0:Et.toFixed(2)))))),n.createElement("div",{id:"ach",style:{display:G==="ach"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},(Ke==null?void 0:Ke.length)>0&&b==="form"&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Fe("list")}," ",n.createElement(Vi,null)),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),n.createElement("div",null,"$",Bt()))),n.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),b==="list"?n.createElement(n.Fragment,null,n.createElement(En,{listHeading:"Banks",paymentGateway:q==null?void 0:q.paymentGateway,ListItems:Ke,selectedCard:Nt,setSelectedCard:At,handleDeleteCard:j,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Fe("form")}}),n.createElement("div",{className:"form-group",style:{padding:"0"}},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Ne((jt=Number(ge))==null?void 0:jt.toFixed(2))))):n.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:vn,autoComplete:"off"},n.createElement("div",{className:"ach-scrl",style:{minHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)==0?"436px":(f==null?void 0:f.length)>0?"462px":"520px",maxHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":((f==null?void 0:f.length)>0,"380px")}},n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(on=w==null?void 0:w.name)!=null?on:"",onChange:rn}),(H==null?void 0:H.name)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.name)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(sn=w==null?void 0:w.routingNumber)!=null?sn:"",onChange:rn}),(H==null?void 0:H.routingNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.routingNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ln=w==null?void 0:w.accountNumber)!=null?ln:"",onChange:rn}),(H==null?void 0:H.accountNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.accountNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(dn=w==null?void 0:w.confirmAccountNumber)!=null?dn:"",onChange:rn}),(H==null?void 0:H.confirmAccountNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.confirmAccountNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"bankname"},"Bank name"),n.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(yn=w==null?void 0:w.bankName)!=null?yn:"",onChange:rn}),(H==null?void 0:H.bankName)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.bankName)),((w==null?void 0:w.accountType)==="business saving"||(w==null?void 0:w.accountType)==="business checking")&&n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"companyName"},"Company name"),n.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Cn=w==null?void 0:w.companyName)!=null?Cn:"",onChange:rn}),(H==null?void 0:H.companyName)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.companyName)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Zt=w==null?void 0:w.accountType)!=null?Zt:"",onChange:rn},n.createElement("option",{value:""},"Select account"),ci.map(C=>n.createElement("option",{key:C.value,value:C.value},C.label)))),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},n.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Le,onChange:C=>bt(C.target.checked)}),n.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Le&&n.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},n.createElement("p",null,"If checked, I agree for ",n.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.createElement("div",{className:"form-group "},n.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ne((Ze=Number(ge))==null?void 0:Ze.toFixed(2)))))),n.createElement("div",{id:"reader",style:{display:G==="reader"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))),n.createElement("h6",{className:"frac-card-payment-heading"},"Reader Payment"))),n.createElement(ji,{listHeading:"Reader",ListItems:q==null?void 0:q.paymentDeviceList,selectedPax:zt,setSlectedPax:mt}),n.createElement("button",{onClick:zn,className:"pay-button"},"$",(Wt=Number(e==null?void 0:e.amount))==null?void 0:Wt.toFixed(2)))))))))))))}import m,{useEffect as Ji,useState as gn}from"react";import gi from"axios";import Qi from"sweetalert2";import{IoArrowBack as or}from"react-icons/io5";function sr(Y){var T=Y,{showButton:e=!0}=T,t=ni(T,["showButton"]);var je,Mt,rn,Wn,Vt,vn,qn,An,zn;let[A,B]=gn(!1),[Z,W]=gn(!1),[ye,E]=gn(""),[L,G]=gn(!1),[re,N]=gn(!1),[y,X]=gn("card"),[O,b]=gn(!1),[Fe,_]=gn("card"),[tt,Me]=gn("form"),fe=t.merchantPublicKey,[Le,bt]=gn(void 0);Ji(()=>{t.onTriggerPay&&t.onTriggerPay(()=>{ge()})},[t]);let Se=R+"widget/mc-img.svg",Be=R+"widget/visa-img.svg",oe=R+"widget/ae-img.svg",Ee=R+"widget/discover-img.svg",Ue=R+"widget/card.svg",hn=R+"widget/Trash.svg",an=R+"widget/bank.svg",h=R+"widget/secure-img.png",S=R+"widget/pov-by.png",[u,de]=gn(),[r,o]=gn({}),[a,v]=gn([]),[w,P]=gn(),[H,x]=gn(void 0),[f,F]=gn(),[Ke,_e]=gn(""),Nt=(D,j)=>{let Xe=(parseFloat(j)||0)/100,Bt=D/(1+Xe);return Math.round(Bt*100)/100};Ji(()=>{if(t!=null&&t.pass_fee){let D=Nt(t==null?void 0:t.amount,t==null?void 0:t.surcharge);x(D)}},[t==null?void 0:t.pass_fee]);let At=()=>B(!0),zt=()=>B(!1),mt=()=>{N(!1),X("card"),W(!1),E(""),G(!1),_e(""),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),b(!1),P({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},ge=()=>N(!0),ie=(D,j)=>{let Xe=D;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Xe)){(j===""||/^[0-9]+$/.test(j))&&(o(Je=>M(k({},Je),{[Xe]:""})),de(Je=>M(k({},Je),{[Xe]:j})));return}o(Je=>M(k({},Je),{[Xe]:""})),de(Je=>M(k({},Je),{[Xe]:j}))},q=D=>{var gt;let j=D.target,Xe=j.value.replace(/\D/g,""),{formatted:Bt,cursor:Je}=In(j.value,(gt=j.selectionStart)!=null?gt:0);o(vt=>M(k({},vt),{cardNumber:""})),de(vt=>M(k({},vt),{cardNumber:Bt})),requestAnimationFrame(()=>{j.setSelectionRange(Je,Je)})},Te=()=>{var Je,gt,vt,Yt,Lt,Ht;let D={},j=u,Xe=parseInt((j==null?void 0:j.expiryMonth)||"",10),Bt=(j==null?void 0:j.expiryYear)||"";if((Je=j==null?void 0:j.cardName)!=null&&Je.trim()||(D.cardName="Card name is required"),(gt=j==null?void 0:j.cardNumber)!=null&&gt.trim()||(D.cardNumber="Card number is required"),(!((vt=j==null?void 0:j.expiryMonth)!=null&&vt.trim())||!((Yt=j==null?void 0:j.expiryYear)!=null&&Yt.trim())||isNaN(Xe)||Xe<1||Xe>12||Bt.length!==4)&&(D.expiryMonth="Invalid Expiration Date."),(Lt=j==null?void 0:j.cvv)!=null&&Lt.trim()||(D.cvv="CVV is required"),(Ht=j==null?void 0:j.zipCode)!=null&&Ht.trim()||(D.zipCode="ZIP code is required"),j!=null&&j.expiryMonth&&(j!=null&&j.expiryYear)&&j.expiryMonth.length<=2&&j.expiryYear.length===4){let Jt=parseInt(j.expiryMonth,10),be=parseInt(j.expiryYear,10),Ot=new Date,Et=Ot.getMonth()+1,jt=Ot.getFullYear();(be<jt||be===jt&&Jt<Et)&&(D.expiryMonth="Card is expired")}return o(D),Object.keys(D).length>0},qe=async D=>{var j,Xe,Bt,Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn;if(D.preventDefault(),y=="card"){if(Te())return;{let Zt=DatacapWebToken.validateCardNumber(u==null?void 0:u.cardNumber.replaceAll(" ","")),Ze=DatacapWebToken.validateExpirationDate(u==null?void 0:u.expiryMonth,u==null?void 0:u.expiryYear),Wt=DatacapWebToken.validateCVV(u==null?void 0:u.cvv),C={};if(Zt||(C.cardNumber="Invalid card Number"),Ze||(C.expiryMonth="Invalid Expiration Date."),Wt||(C.cvv="Invalid CVV"),o(C),Zt&&Wt&&Ze){W(!0);try{let p=async function(J){if(J.Error)E(J.Error),W(!1);else{let he=u==null?void 0:u.cardName,me=u==null?void 0:u.zipCode;J.name=he,J.postal_code=me,J.fractalpayPublicKey=t==null?void 0:t.merchantPublicKey,J.amount=t==null?void 0:t.amount,J.order_id=t==null?void 0:t.orderID,J.preAuth_id=(t==null?void 0:t.preauthId)||"",J.isCardSave=O,J.customer_id=t==null?void 0:t.customerId,J.link_token="",J.gateway_id=f==null?void 0:f.paymentGateway,J.discount=t==null?void 0:t.discount,J.tax=t==null?void 0:t.tax,J.surcharge=t==null?void 0:t.surcharge,J.pass_fee=t==null?void 0:t.pass_fee,new Headers().append("Content-Type","application/json");let ue={method:"POST",body:JSON.stringify(J),redirect:"follow"};qt.emit("sendMessage",M(k({},ue),{isChargePreauth:!0})),qt.on("charge-preauth",nt=>{var ht;(nt==null?void 0:nt.status)=="Failed"?(W(!1),E((nt==null?void 0:nt.message)||"Something went wrong. Please try again later.")):(G(!0),_e((ht=nt==null?void 0:nt.data)==null?void 0:ht.transaction_id),W(!1),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((f==null?void 0:f.paymentGateway)===32){let J={method:"POST",redirect:"follow"};try{let he=await gi.post(`${Ie}api/v1/widget/generate-session`,J),me=Number(u==null?void 0:u.expiryYear)%100,$e=u==null?void 0:u.cardNumber;$e=$e==null?void 0:$e.replace(/\s+/g,"");let ue=`${$e}=${me}${u==null?void 0:u.expiryMonth} ${u==null?void 0:u.cvv}`,ht=forge.pki.publicKeyFromPem((Xe=(j=he==null?void 0:he.data)==null?void 0:j.data)==null?void 0:Xe.publicKeyPem).encrypt(ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),_t=forge.util.encode64(ht),Qt={"Content-Type":"application/json","x-app-session-key":(Je=(Bt=he.data)==null?void 0:Bt.data)==null?void 0:Je.session_key},g=JSON.stringify({enc_track2_data:`${_t}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(vt=(gt=he==null?void 0:he.data)==null?void 0:gt.data)==null?void 0:vt.session_key}`});try{let d=await gi.post(`${cn}tokenizer/tokenize`,g,{headers:Qt}),ee=JSON.stringify(M(k({},(Yt=d==null?void 0:d.data)==null?void 0:Yt.data),{name:u==null?void 0:u.cardName,postal_code:u==null?void 0:u.zipCode,customer_id:t==null?void 0:t.customerId,amount:t==null?void 0:t.amount,Token:`${(Ht=(Lt=d==null?void 0:d.data)==null?void 0:Lt.data)==null?void 0:Ht.token}`,fractalpayPublicKey:fe,order_id:t==null?void 0:t.orderID,preAuth_id:"",isCardSave:O,discount:t==null?void 0:t.discount,surcharge:t==null?void 0:t.surcharge,tax:t==null?void 0:t.tax,link_token:"",ExpirationYear:u==null?void 0:u.expiryYear,ExpirationMonth:u==null?void 0:u.expiryMonth,CVV:u==null?void 0:u.cvv,Last4:(be=(Jt=d==null?void 0:d.data)==null?void 0:Jt.data)==null?void 0:be.last4,Brand:(Et=(Ot=d==null?void 0:d.data)==null?void 0:Ot.data)==null?void 0:Et.brand,gateway_id:f==null?void 0:f.paymentGateway,pass_fee:t==null?void 0:t.pass_fee})),te={method:"POST",headers:{"Content-Type":"application/json"},body:ee,redirect:"follow"};qt.emit("sendMessage",M(k({},te),{isFractalPreauth:!0})),qt.on("fractal-charge-preauth",Pe=>{var rt;(Pe==null?void 0:Pe.status)=="Failed"?(W(!1),E((Pe==null?void 0:Pe.message)||"Something went wrong , Try again later")):(_e((rt=Pe==null?void 0:Pe.data)==null?void 0:rt.transaction_id),G(!0),W(!1))})}catch(d){console.log(d),W(!1),E(((on=(jt=d==null?void 0:d.response)==null?void 0:jt.data)==null?void 0:on.message)||(d==null?void 0:d.message)||"Something went wrong , Try again later")}}catch(he){W(!1),E(((ln=(sn=he==null?void 0:he.response)==null?void 0:sn.data)==null?void 0:ln.message)||(he==null?void 0:he.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(f==null?void 0:f.dctoken,"PaymentForm",p)}catch(p){W(!1),E(((yn=(dn=p==null?void 0:p.response)==null?void 0:dn.data)==null?void 0:yn.message)||(p==null?void 0:p.message)||"Something went wrong.")}}}}},ae=async()=>{var D,j,Xe,Bt,Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn,Cn;At();try{let Zt={fractalpayPublicKey:fe,customer_id:t==null?void 0:t.customerId,preauth:!0,isReader:!!(t!=null&&t.isReader)},Ze=await gi.post(`${et}get-payment-details`,Zt);if(F((D=Ze==null?void 0:Ze.data)==null?void 0:D.data),(Xe=(j=Ze==null?void 0:Ze.data)==null?void 0:j.data)!=null&&Xe.paymentGateway||(mt(),E("Something went wrong.")),(Je=(Bt=Ze==null?void 0:Ze.data)==null?void 0:Bt.data)!=null&&Je.card_list&&((Yt=(vt=(gt=Ze==null?void 0:Ze.data)==null?void 0:gt.data)==null?void 0:vt.card_list)==null?void 0:Yt.length)>0){X("card"),v((Ht=(Lt=Ze==null?void 0:Ze.data)==null?void 0:Lt.data)==null?void 0:Ht.card_list),((Ot=(be=(Jt=Ze==null?void 0:Ze.data)==null?void 0:Jt.data)==null?void 0:be.card_list)==null?void 0:Ot.length)>0&&Me("list");let Wt=(on=(jt=(Et=Ze==null?void 0:Ze.data)==null?void 0:Et.data)==null?void 0:jt.card_list)==null?void 0:on.filter(C=>(C==null?void 0:C.primary_card)==1);Wt!=null&&Wt[0]&&((sn=Wt==null?void 0:Wt[0])==null?void 0:sn.payment_method_type)==((dn=(ln=Ze==null?void 0:Ze.data)==null?void 0:ln.data)==null?void 0:dn.paymentGateway)&&P(Wt[0])}else X("card");zt()}catch(Zt){console.log(Zt),zt(),E(((Cn=(yn=Zt==null?void 0:Zt.response)==null?void 0:yn.data)==null?void 0:Cn.message)||(Zt==null?void 0:Zt.message)||"Something went wrong")}},ft=async()=>{var be,Ot,Et,jt,on,sn,ln;let D=t==null?void 0:t.customerId,j=t==null?void 0:t.discount,Xe=t==null?void 0:t.surcharge,Bt=t==null?void 0:t.tax,Je=t==null?void 0:t.merchantPublicKey,gt=t==null?void 0:t.orderID,vt=t==null?void 0:t.amount,Yt=w==null?void 0:w.id,Lt=w==null?void 0:w.card_type,Ht=(t==null?void 0:t.preauthId)||"";if(Je&&gt&&vt)if(D)if(Yt){let dn={amount:vt,order_id:gt,customer_id:D,card_id:Yt,fractalpayPublicKey:Je,isCardSave:Lt!="Bank",discount:j,surcharge:Xe,tax:Bt,preAuth_id:Ht},Jt=dn,{isCardSave:yn}=Jt,Cn=ni(Jt,["isCardSave"]),Ze=et+"authorize-by-card",Wt={"Content-Type":"application/json"};W(!0);try{let C=await gi.post(Ze,Lt=="Bank"?Cn:dn,{headers:Wt});(be=C==null?void 0:C.data)!=null&&be.result&&(_e((Et=(Ot=C==null?void 0:C.data)==null?void 0:Ot.data)==null?void 0:Et.transaction_id),G(!0),W(!1))}catch(C){W(!1),console.log(C),E(((on=(jt=C==null?void 0:C.response)==null?void 0:jt.data)==null?void 0:on.message)||((ln=(sn=C==null?void 0:C.response)==null?void 0:sn.data)==null?void 0:ln.status)||"Something went erong")}}else E("Please Select A Card/ACH");else E("Please Select Customer");else E("Something went wrong.")};Ji(()=>{re&&fe&&ae()},[fe,re]);let ut=async D=>{Qi.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 j=>{if(j.isConfirmed){W(!0);try{let Xe={card_id:D,customer_id:t==null?void 0:t.customerId,fractalpayPublicKey:t==null?void 0:t.merchantPublicKey},Bt=await gi.post(`${et}delete-customer-card`,Xe);W(!1),ae(),Qi.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Xe){W(!1),Qi.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},St=D=>{switch(D==null?void 0:D.toLowerCase()){case"visa":return Be;case"mastercard":case"mc":case"m/c":return Se;case"amex":case"american express":case"ae":return oe;case"discover":case"dcvr":return Ee;case"bank":return an;default:return D}},z=D=>{X(D)},It=async()=>{var Je,gt,vt,Yt,Lt,Ht;let D=t==null?void 0:t.merchantPublicKey,j=t==null?void 0:t.orderID,Xe=String(t==null?void 0:t.amount),Bt=t==null?void 0:t.customerId;if(!(Le!=null&&Le.device_id)){E("Please Select A Payment Device");return}if(D&&j&&Xe){W(!0);let Jt={amount:Xe,fractalpayPublicKey:D,customer_order_id:j,device_id:Le==null?void 0:Le.device_id,customer_id:Bt||"",is_auth:!0};try{let be=await gi.post(`${et}charge-with-reader`,Jt);((Je=be==null?void 0:be.data)==null?void 0:Je.result)==!0?(_e((vt=(gt=be==null?void 0:be.data)==null?void 0:gt.data)==null?void 0:vt.transaction_id),G(!0),W(!1)):(E(((Yt=be==null?void 0:be.data)==null?void 0:Yt.message)||"Something went wrong."),W(!1))}catch(be){E(((Ht=(Lt=be==null?void 0:be.response)==null?void 0:Lt.data)==null?void 0:Ht.message)||"Something went wrong."),W(!1)}}else E("Something went wrong.")},xt=()=>{Fe==="card"?ft():Fe==="reader"&&It()};return m.createElement(m.Fragment,null,m.createElement(Fn,null),m.createElement(ri,null),m.createElement(Xn,null),m.createElement(m.Fragment,null,e&&m.createElement("button",{className:"paymentBtn",onClick:ge},"PreAuth Payment"),m.createElement(Sn,{open:re,onClose:mt},ye&&m.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},m.createElement(Bn,{error:ye,onClose:mt})),L&&m.createElement(oi,{onClose:mt,tranId:Ke}),!ye&&!L&&m.createElement(m.Fragment,null,(A||Z)&&m.createElement(mn,{loading:A||Z}),m.createElement("div",null,m.createElement("div",{className:"frac-card-payment-page frac-form"},m.createElement("div",{className:"parent-pay-container"},m.createElement("span",{className:"request-payment-close-popup",onClick:mt},m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.createElement("g",{clipPath:"url(#clip0_12425_52336)"},m.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"})),m.createElement("defs",null,m.createElement("clipPath",{id:"clip0_12425_52336"},m.createElement("rect",{width:"16",height:"16",fill:"white"}))))),m.createElement("div",{className:"pay-container"},m.createElement("div",{className:"pay-header pay-conatiner-one"},m.createElement("div",{className:"pay-conatiner-one-first"},m.createElement("div",{className:"pay-logo-container"},m.createElement("div",{className:"pay-main-logo"},m.createElement("img",{src:f==null?void 0:f.logo,id:"pay-logos"}))),m.createElement("div",{className:"amt-pay-con"},m.createElement("div",{className:"pay-amount-conatiner"},m.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),m.createElement("div",{className:"frac-card-bank-radio-main"},m.createElement(Ln,{label:"Card",amount:(je=Number(t==null?void 0:t.amount))==null?void 0:je.toFixed(2),value:"card",onChange:z,activetab:y}),(t==null?void 0:t.isReader)&&(f==null?void 0:f.paymentDeviceList)&&((Mt=f==null?void 0:f.paymentDeviceList)==null?void 0:Mt.length)>0&&m.createElement(Ln,{label:"Reader",amount:(rn=Number(t==null?void 0:t.amount))==null?void 0:rn.toFixed(2),value:"reader",onChange:z,activetab:y})))),m.createElement("div",{className:"pay-conatiner-one-last"},m.createElement("img",{src:h,alt:""}),m.createElement("img",{src:S,alt:""}),"Secure payments powered by Fractal"),m.createElement("div",null)),!A&&m.createElement("div",{className:"pay-tab pay-conatiner-two"},m.createElement("div",{className:"col-md-12"},m.createElement("div",{id:"payment-form-div"},y!=="cardList"?m.createElement("div",null,m.createElement("div",{className:""},m.createElement("div",{className:"res-pay-con"},m.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.createElement("strong",{className:"pay-amount"},Ne((Wn=Number(t==null?void 0:t.amount))==null?void 0:Wn.toFixed(2)))),m.createElement("div",null,m.createElement("div",null,m.createElement("img",{src:Be,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Se,width:35,alt:""})),m.createElement("div",null,m.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Ee,width:35,alt:""})))),H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,Ne(H.toFixed(2)))))):m.createElement("div",null,m.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),m.createElement("div",{className:"res-pay-con"},m.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.createElement("strong",{className:"pay-amount"},Ne((Vt=Number(t==null?void 0:t.amount))==null?void 0:Vt.toFixed(2)))),m.createElement("div",null,m.createElement("div",null,m.createElement("img",{src:Be,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Se,width:35,alt:""})),m.createElement("div",null,m.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Ee,width:35,alt:""})))),m.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),m.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},m.createElement("div",{className:"frac-card-payment"},m.createElement("div",{className:"frac-heading-card-wrap"},m.createElement("div",{className:"frac-backarrow"},(a==null?void 0:a.length)>0&&tt==="form"&&m.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Me("list")}," ",m.createElement(or,null)),H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,"$",H))),m.createElement("h6",{className:"frac-card-payment-heading"},"Card Authorization")),y!="ach"&&m.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},m.createElement("img",{src:Be,alt:"",width:33}),m.createElement("img",{src:Se,width:33,alt:""}),m.createElement("img",{src:oe,alt:"",width:33}),m.createElement("img",{src:Ee,width:33,alt:""}))),tt==="list"?m.createElement(m.Fragment,null,m.createElement(En,{listHeading:"Cards",paymentGateway:f==null?void 0:f.paymentGateway,ListItems:a,selectedCard:w,setSelectedCard:P,handleDeleteCard:ut,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{Me("form")}}),m.createElement("div",{className:"form-group",style:{padding:"0"}},m.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:xt},Ne((vn=Number(t==null?void 0:t.amount))==null?void 0:vn.toFixed(2))))):m.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},m.createElement("form",{id:"PaymentForm",onSubmit:qe},m.createElement("div",{className:"ach-scrl",style:{minHeight:(a==null?void 0:a.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),m.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(u==null?void 0:u.cardName)||"",onChange:D=>{let j=D.target.value;/^[a-zA-Z\s]*$/.test(j)&&ie("cardName",j)}}),(r==null?void 0:r.cardName)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cardName)),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"cardNumber"},"Card Number"),m.createElement("div",{className:"toggle-num-wrapper"},m.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(u==null?void 0:u.cardNumber)||"",onChange:D=>q(D),"data-token":"card_number"}),m.createElement("div",{className:"card-crdi card-expiry-new"},m.createElement("div",{className:"exp-date-year-container"},m.createElement("div",{className:"exp-date form-group"},m.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(u==null?void 0:u.expiryMonth)||"",onChange:D=>ie("expiryMonth",D.target.value)})),m.createElement("div",{className:"exp-year form-group"},m.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(u==null?void 0:u.expiryYear)||"",onChange:D=>ie("expiryYear",D.target.value)})),m.createElement("div",{className:"security-digit form-group"},m.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(u==null?void 0:u.cvv)||"",onChange:D=>ie("cvv",D.target.value)})))),(r==null?void 0:r.cardNumber)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cardNumber),m.createElement("p",{style:{margin:"0"}},r!=null&&r.expiryMonth||r!=null&&r.expiryYear?m.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},r==null?void 0:r.expiryMonth):"",(r==null?void 0:r.cvv)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cvv)))),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),m.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"Enter Order id",disabled:!0,value:t==null?void 0:t.orderID,onChange:D=>ie("orderId",D.target.value),style:{background:"#F6F6F7",color:"#727272"}})),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"zip"},"ZIP"),m.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(qn=u==null?void 0:u.zipCode)!=null?qn:"",onChange:D=>ie("zipCode",D.target.value)}),(r==null?void 0:r.zipCode)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.zipCode)),(t==null?void 0:t.customerId)&&m.createElement("div",{className:"form-group"},m.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},m.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:O,onChange:D=>b(D.target.checked)}),m.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),m.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),m.createElement("div",{className:"frac-tooltip-wrapper"},m.createElement("div",{className:"frac-tooltip-icon"},m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},m.createElement("g",{clipPath:"url(#clip0_12420_50192)"},m.createElement("rect",{width:"20",height:"20",fill:"white"}),m.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),m.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"})),m.createElement("defs",null,m.createElement("clipPath",{id:"clip0_12420_50192"},m.createElement("rect",{width:"20",height:"20",fill:"white"}))))),m.createElement("div",{className:"frac-tooltip-text"},m.createElement("p",null,"If checked, I agree to give the ",m.createElement("b",null,(f==null?void 0:f.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),m.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},m.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ne((An=Number(t==null?void 0:t.amount))==null?void 0:An.toFixed(2))))))),m.createElement("div",{id:"reader",style:{display:y==="reader"?"block":"none"},className:"tabcontent"},m.createElement("div",{className:"frac-card-payment"},m.createElement("div",{className:"frac-heading-card-wrap"},m.createElement("div",{className:"frac-backarrow"},H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,"$",H))),m.createElement("h6",{className:"frac-card-payment-heading"},"Reader Authorization"))),m.createElement(ji,{listHeading:"Reader",ListItems:f==null?void 0:f.paymentDeviceList,selectedPax:Le,setSlectedPax:bt}),m.createElement("button",{onClick:It,className:"pay-button"},"$",(zn=Number(t==null?void 0:t.amount))==null?void 0:zn.toFixed(2))))))))))))))}import ke,{useEffect as cr,useRef as _i,useState as si}from"react";import ur from"sweetalert2";import pi from"axios";import lr from"react";function Xi(){let e="#000",t="#fff",Y="#212529",T="#dee2e6";return lr.createElement("style",null,`
1733
+ `)}import un from"react";var En=({listHeading:e="Card",ListItems:t,selectedCard:Y,setSelectedCard:T,paymentGateway:A,handleDeleteCard:B,otherButtonAction:Z,otherButtonLabel:W,headingClass:ye})=>{let E=R+"widget/Trash.svg";return un.createElement(un.Fragment,null,un.createElement("h6",{className:ye||"card-ach-heading",style:{marginBottom:"10px !important"}},e),un.createElement("div",{className:"card-lint-div-in"},un.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((L,G)=>{let re=!1;return A&&(re=A!=(L==null?void 0:L.payment_method_type)&&(L==null?void 0:L.card_type)!="Bank"),un.createElement("div",{key:L==null?void 0:L.id,className:"card-list-single-div"},un.createElement("div",{className:"card-number-radio"},un.createElement("input",{disabled:re,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(Y==null?void 0:Y.id)===(L==null?void 0:L.id),onChange:N=>T(L)}),un.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",L==null?void 0:L.cardlastfourdigit),(L==null?void 0:L.card_type)!="Bank"&&un.createElement("h6",{className:"card-expiry-date"},L==null?void 0:L.expmonth,"/",L==null?void 0:L.expyear)),un.createElement("div",{className:"card-number-radio"},un.createElement("span",{className:"visa-card"},un.createElement("img",{src:pa(L==null?void 0:L.card_type),alt:""})),un.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>B(L==null?void 0:L.id)},un.createElement("img",{src:E,alt:""}))))}))),un.createElement("div",{className:"pay-with-other-card",onClick:Z},W,un.createElement("img",{src:ki,alt:""}))))};import Tn from"react";var ji=({listHeading:e="Readers",ListItems:t,selectedPax:Y,setSlectedPax:T,headingClass:A})=>Tn.createElement(Tn.Fragment,null,Tn.createElement("h6",{className:A||"card-ach-heading",style:{marginBottom:"10px !important"}},e),Tn.createElement("div",{className:"card-lint-div-in"},Tn.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((B,Z)=>Tn.createElement("div",{key:B==null?void 0:B.id,className:"card-list-single-div"},Tn.createElement("div",{className:"card-number-radio"},Tn.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:(Y==null?void 0:Y.id)===(B==null?void 0:B.id),onChange:W=>T(B)}),Tn.createElement("label",{htmlFor:"",className:"card-number-last-four"},B==null?void 0:B.device_name)),Tn.createElement("div",{className:"card-number-radio"},Tn.createElement("span",{className:"visa-card"},Tn.createElement("img",{src:Hi,alt:""})))))))));function rr(e){var Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn,Cn,Zt,Ze,Wt;let[t,Y]=$t(!1),[T,A]=$t(!1),[B,Z]=$t(""),[W,ye]=$t(!1),[E,L]=$t(!1),[G,re]=$t("card"),[N,y]=$t("card"),[X,O]=$t("form"),[b,Fe]=$t("form"),[_,tt]=$t(!0),[Me,fe]=$t(!1),[Le,bt]=$t(!1),Se=e.merchantPublicKey,Be=R+"widget/mc-img.svg",oe=R+"widget/visa-img.svg",Ee=R+"widget/ae-img.svg",Ue=R+"widget/discover-img.svg",hn=R+"widget/card.svg",an=R+"widget/Trash.svg",h=R+"widget/bank.svg",S=R+"widget/secure-img.png",u=R+"widget/pov-by.png",de=R+"widget/pax.svg",[r,o]=$t(),[a,v]=$t({}),[w,P]=$t(),[H,x]=$t({}),[f,F]=$t([]),[Ke,_e]=$t([]),[Nt,At]=$t(),[zt,mt]=$t(void 0),[ge,ie]=$t(Number(e==null?void 0:e.amount));console.log(Nt,"selectedCard");let[q,Te]=$t(),[qe,ae]=$t(""),ft=()=>Y(!0),ut=()=>Y(!1),St=(C,p)=>{let J=(parseFloat(p)||0)/100,he=C/(1+J);return Math.round(he*100)/100};ya(()=>{if(E){let C=St(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ie(C)}},[E,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let z=()=>{L(!1),re("card"),Z(""),ye(!1),ae(""),P({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),x({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),v({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),bt(!1),fe(!1),At({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),mt(null),ie(0),y("card"),tt(!0),Fe("form"),O("form"),A(!1),Y(!1),_e([]),F([])},It=()=>L(!0),xt=C=>{re(C)},je=(C,p)=>{let J=C;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(J)){(p===""||/^[0-9]+$/.test(p))&&(v(me=>M(k({},me),{[J]:""})),o(me=>M(k({},me),{[J]:p})));return}v(me=>M(k({},me),{[J]:""})),o(me=>M(k({},me),{[J]:p}))},Mt=C=>{var me;let p=C.target,{formatted:J,cursor:he}=In(p.value,(me=p.selectionStart)!=null?me:0);v($e=>M(k({},$e),{cardNumber:""})),o($e=>M(k({},$e),{cardNumber:J})),requestAnimationFrame(()=>{p.setSelectionRange(he,he)})},rn=C=>{let{name:p,value:J}=C.target,he=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(J)&&(x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J})));return}if(he.includes(p)){(J===""||/^[0-9]+$/.test(J))&&(x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J})));return}x(me=>M(k({},me),{[p]:""})),P(me=>M(k({},me),{[p]:J}))},Wn=()=>{var me,$e,ue,nt,ht,_t;let C={},p=r,J=parseInt((p==null?void 0:p.expiryMonth)||"",10),he=(p==null?void 0:p.expiryYear)||"";if((me=p==null?void 0:p.cardName)!=null&&me.trim()||(C.cardName="Card name is required"),($e=p==null?void 0:p.cardNumber)!=null&&$e.trim()||(C.cardNumber="Card number is required"),(!((ue=p==null?void 0:p.expiryMonth)!=null&&ue.trim())||!((nt=p==null?void 0:p.expiryYear)!=null&&nt.trim())||isNaN(J)||J<1||J>12||he.length!==4)&&(C.expiryMonth="Invalid Expiration Date."),(ht=p==null?void 0:p.cvv)!=null&&ht.trim()||(C.cvv="CVV is required"),(_t=p==null?void 0:p.zipCode)!=null&&_t.trim()||(C.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Qt=parseInt(p.expiryMonth,10),g=parseInt(p.expiryYear,10),d=new Date,ee=d.getMonth()+1,Ae=d.getFullYear();(g<Ae||g===Ae&&Qt<ee)&&(C.expiryMonth="Card is expired")}return v(C),Object.keys(C).length>0},Vt=()=>{var J,he,me,$e,ue,nt,ht,_t;let C={},p=w;return(J=p==null?void 0:p.name)!=null&&J.trim()||(C.name="Name is required"),(he=p==null?void 0:p.accountNumber)!=null&&he.trim()||(C.accountNumber="Account number is required"),(me=p==null?void 0:p.accountNumber)!=null&&me.trim()&&(($e=p==null?void 0:p.accountNumber)==null?void 0:$e.trim())!==((ue=p==null?void 0:p.confirmAccountNumber)==null?void 0:ue.trim())&&(C.confirmAccountNumber="Account numbers must match"),(nt=p==null?void 0:p.bankName)!=null&&nt.trim()||(C.bankName="Bank name is required"),(ht=p==null?void 0:p.routingNumber)!=null&&ht.trim()||(C.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((_t=p==null?void 0:p.routingNumber)==null?void 0:_t.length)!==9&&(C.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(C.companyName="Company Name is required for business accounts"),x(C),Object.keys(C).length>0},vn=async C=>{var p,J,he,me,$e,ue,nt,ht,_t,Qt,g,d,ee,Ae,te,Pe;if(C.preventDefault(),G!=="ach"){if(Wn())return;{let xe=DatacapWebToken.validateCardNumber(r==null?void 0:r.cardNumber.replaceAll(" ","")),pe=DatacapWebToken.validateExpirationDate(r==null?void 0:r.expiryMonth,r==null?void 0:r.expiryYear),De=DatacapWebToken.validateCVV(r==null?void 0:r.cvv),it={};if(xe||(it.cardNumber="Invalid card Number"),pe||(it.expiryMonth="Invalid Expiration Date."),De||(it.cvv="Invalid CVV"),v(it),xe&&De&&pe){A(!0);try{let Ce={amount:`${e.amount||0}`,fractalpayPublicKey:Se,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,pass_fee:e==null?void 0:e.pass_fee},at=await ui.post(`${et}create-widget-order`,Ce),ve=async function(yt){if(yt.Error)Z(yt.Error),A(!1);else{let ot=r==null?void 0:r.cardName,Xt=r==null?void 0:r.zipCode;yt.name=ot,yt.postal_code=Xt,yt.isCardSave=`${Me}`,yt.isCharge=!0,yt.posSalesIdEncode=at==null?void 0:at.data.data.posSalesIdEncode,qt.emit("sendMessage",yt),qt.on(at==null?void 0:at.data.data.posSalesIdEncode,pt=>{if(mi(pt==null?void 0:pt.data)){let Ve=JSON.parse(pt.data);Ve!=null&&Ve.result?(o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),fe(!1),ae(Ve==null?void 0:Ve.transactionId),ye(!0),A(!1)):(A(!1),Z((Ve==null?void 0:Ve.message)||"Something went wrong."))}else Z("Something went wrong.")})}};if((q==null?void 0:q.paymentGateway)===32){let yt={method:"POST",redirect:"follow"};try{let ot=await ui.post(`${Ie}api/v1/widget/generate-session`,yt),Xt=Number(r==null?void 0:r.expiryYear)%100,pt=r==null?void 0:r.cardNumber;pt=pt==null?void 0:pt.replace(/\s+/g,"");let Ve=`${pt}=${Xt}${r==null?void 0:r.expiryMonth} ${r==null?void 0:r.cvv}`,_n=forge.pki.publicKeyFromPem((J=(p=ot==null?void 0:ot.data)==null?void 0:p.data)==null?void 0:J.publicKeyPem).encrypt(Ve,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),bn=forge.util.encode64(_n),Rt={"Content-Type":"application/json","x-app-session-key":(me=(he=ot.data)==null?void 0:he.data)==null?void 0:me.session_key},st=JSON.stringify({enc_track2_data:`${bn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ue=($e=ot==null?void 0:ot.data)==null?void 0:$e.data)==null?void 0:ue.session_key}`});try{let se=await ui.post(`${cn}tokenizer/tokenize`,st,{headers:Rt}),en=JSON.stringify(M(k({},(nt=se==null?void 0:se.data)==null?void 0:nt.data),{isSaveCardChecked:Me,name:r==null?void 0:r.cardName,postal_code:r==null?void 0:r.zipCode,customer_id:e==null?void 0:e.customerId})),wn=JSON.stringify({pre_sales_id:`${(_t=(ht=at==null?void 0:at.data)==null?void 0:ht.data)==null?void 0:_t.posSalesIdEncode}`,token:`${(Qt=se==null?void 0:se.data)==null?void 0:Qt.data.token}`,json_response:`${en}`}),Yn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:wn,redirect:"follow",isChargeviafractal:!0};qt.emit("sendMessage",Yn),qt.on("chargeviafractalgateway",Kt=>{var ei;if(mi(Kt==null?void 0:Kt.data)){let kn=JSON.parse(Kt==null?void 0:Kt.data);kn!=null&&kn.result?(ae((ei=kn==null?void 0:kn.data)==null?void 0:ei.transactionId),ye(!0),A(!1)):(A(!1),Z((kn==null?void 0:kn.message)||"Something went wrong."))}else Z("Something went wrong.")})}catch(se){A(!1),Z(((d=(g=se==null?void 0:se.response)==null?void 0:g.data)==null?void 0:d.message)||(se==null?void 0:se.message)||"Something went wrong.")}}catch(ot){A(!1),Z(((Ae=(ee=ot==null?void 0:ot.response)==null?void 0:ee.data)==null?void 0:Ae.message)||(ot==null?void 0:ot.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(at==null?void 0:at.data.data.dctoken,"PaymentForm",ve)}catch(Ce){A(!1),Z(((Pe=(te=Ce==null?void 0:Ce.response)==null?void 0:te.data)==null?void 0:Pe.message)||(Ce==null?void 0:Ce.message)||"Something went wrong.")}}}}else{if(Vt())return;{A(!0);let xe={fractalpayPublicKey:Se,label:(w==null?void 0:w.name)||"John Doe",account_number:w==null?void 0:w.accountNumber,routing_number:w==null?void 0:w.routingNumber,bank_name:w==null?void 0:w.bankName,account_type:w==null?void 0:w.accountType,amount:String(ge||0),isSaveAch:Le,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:(w==null?void 0:w.companyName)||""};qt.emit("sendMessage",xe),qt.on("ach-incoming",pe=>{var De;(pe==null?void 0:pe.status)=="Failed"?typeof(pe==null?void 0:pe.message)=="object"?Object.values(pe==null?void 0:pe.message).forEach(it=>{Z(it||"Something went wrong")}):Z((pe==null?void 0:pe.message)||"Something went wrong"):(ae((De=pe==null?void 0:pe.data)==null?void 0:De.transaction_id),ye(!0),A(!1))})}}},qn=async()=>{var C,p,J,he,me,$e,ue,nt,ht,_t,Qt,g,d,ee,Ae,te,Pe,rt,xe,pe,De,it,Ce;ft();try{let at={fractalpayPublicKey:Se,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,isReader:e==null?void 0:e.isReader},ve=await ui.post(`${et}get-payment-details`,at);if(Te((C=ve==null?void 0:ve.data)==null?void 0:C.data),(J=(p=ve==null?void 0:ve.data)==null?void 0:p.data)!=null&&J.paymentGateway||(z(),Z("Something went wrong.")),(me=(he=ve==null?void 0:ve.data)==null?void 0:he.data)!=null&&me.card_list&&((nt=(ue=($e=ve==null?void 0:ve.data)==null?void 0:$e.data)==null?void 0:ue.card_list)==null?void 0:nt.length)>0){let yt=(Qt=(_t=(ht=ve==null?void 0:ve.data)==null?void 0:ht.data)==null?void 0:_t.card_list)==null?void 0:Qt.filter(Xt=>(Xt==null?void 0:Xt.card_type)=="Bank"),ot=(ee=(d=(g=ve==null?void 0:ve.data)==null?void 0:g.data)==null?void 0:d.card_list)==null?void 0:ee.filter(Xt=>(Xt==null?void 0:Xt.card_type)!=="Bank");console.log(yt,"hohgohoo",ot),(ot==null?void 0:ot.length)>0&&O("list"),(yt==null?void 0:yt.length)>0&&Fe("list"),F(ot),_e(yt)}else re("card");(te=(Ae=ve==null?void 0:ve.data)==null?void 0:Ae.data)!=null&&te.paymentDeviceList&&((xe=(rt=(Pe=ve==null?void 0:ve.data)==null?void 0:Pe.data)==null?void 0:rt.paymentDeviceList)==null?void 0:xe.length)>0&&mt((De=(pe=ve==null?void 0:ve.data)==null?void 0:pe.data)==null?void 0:De.paymentDeviceList[0]),ut()}catch(at){console.log(at),ut(),Z(((Ce=(it=at==null?void 0:at.response)==null?void 0:it.data)==null?void 0:Ce.message)||(at==null?void 0:at.message)||"Something went wrong")}},An=async()=>{let C=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),J=String(e==null?void 0:e.surcharge),he=String(e==null?void 0:e.tax),me=e==null?void 0:e.merchantPublicKey,$e=e==null?void 0:e.orderID,ue=String(e==null?void 0:e.amount),nt=Nt==null?void 0:Nt.id,ht=Nt==null?void 0:Nt.card_type;if(me&&$e&&ue&&ge)if(C)if(nt){let Qt={amount:ht==="Bank"?`${ge}`:ue,order_id:$e,customer_id:C,card_id:nt,fractalpayPublicKey:me,isCardSave:Me,discount:p,surcharge:J,tax:he,pass_fee:e==null?void 0:e.pass_fee,require3ds:!1},_t=Qt,{isCardSave:g,pass_fee:d,require3ds:ee}=_t,Ae=ni(_t,["isCardSave","pass_fee","require3ds"]),Pe=et+(ht==="Bank"?"charge-ach":"charge-by-card"),rt={"Content-Type":"application/json"};A(!0),qt.emit("sendMessage",{url:Pe,body:ht=="Bank"?Ae:Qt,isChargebycard:!0}),qt.on("charge-by-card",xe=>{var pe;(xe==null?void 0:xe.result)==!0||(xe==null?void 0:xe.status)==!0?(ae((pe=xe.data)==null?void 0:pe.transaction_id),ye(!0),A(!1)):Z((xe==null?void 0:xe.message)||"Something went wrong.")})}else Z("Please Select A Card/ACH");else Z("Please Select Customer");else Z("Something went wrong.")},zn=async()=>{var me,$e,ue,nt,ht,_t;let C=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,J=String(e==null?void 0:e.amount),he=e==null?void 0:e.customerId;if(!(zt!=null&&zt.device_id)){Z("Please Select A Payment Device");return}if(C&&p&&J){A(!0);let Qt={amount:J,fractalpayPublicKey:C,customer_order_id:p,device_id:zt==null?void 0:zt.device_id,customer_id:he||""};try{let g=await ui.post(`${et}charge-with-reader`,Qt);((me=g==null?void 0:g.data)==null?void 0:me.result)==!0?(ae((ue=($e=g==null?void 0:g.data)==null?void 0:$e.data)==null?void 0:ue.transaction_id),ye(!0),A(!1)):(Z(((nt=g==null?void 0:g.data)==null?void 0:nt.message)||"Something went wrong."),A(!1))}catch(g){Z(((_t=(ht=g==null?void 0:g.response)==null?void 0:ht.data)==null?void 0:_t.message)||"Something went wrong."),A(!1)}}else Z("Something went wrong.")},D=()=>{N==="card"?An():N==="reader"&&zn()};ya(()=>{E&&Se&&qn()},[Se,E]);let j=async C=>{Si.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 p=>{if(p.isConfirmed){A(!0);try{let J={card_id:C,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},he=await ui.post(`${et}delete-customer-card`,J);A(!1),qn(),Si.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(J){A(!1),Si.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===Si.DismissReason.cancel&&Si.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xe=C=>{switch(C==null?void 0:C.toLowerCase()){case"visa":return oe;case"mastercard":case"mc":case"m/c":return Be;case"amex":case"american express":case"ae":return Ee;case"discover":case"dcvr":return Ue;case"bank":return h;default:return C}},Bt=()=>{let C=ge||0;return(Number(e.amount)-C).toFixed(0)};return console.log(X,"activeinCard","activeinBank",b),n.createElement(n.Fragment,null,n.createElement(Fn,null),n.createElement(ri,null),n.createElement(Xn,null),n.createElement(n.Fragment,null,n.createElement("button",{className:"paymentBtn",onClick:It},"Pay"),n.createElement(Sn,{open:E,onClose:z},B&&n.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.createElement(Bn,{error:B,onClose:z})),W&&n.createElement(oi,{onClose:z,tranId:qe}),!B&&!W&&n.createElement(n.Fragment,null,(t||T)&&n.createElement(mn,{loading:t||T}),n.createElement("div",{className:"frac-card-payment-page frac-form"},n.createElement("div",{className:"parent-pay-container"},n.createElement("span",{className:"request-payment-close-popup",onClick:z},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12425_52336"},n.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.createElement("div",{className:"pay-main-logo-res"},n.createElement("img",{src:q==null?void 0:q.logo,id:"pay-logos"})),n.createElement("div",{className:"pay-container"},n.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},n.createElement("div",{className:"pay-conatiner-one-first"},n.createElement("div",{className:"pay-logo-container"},n.createElement("div",{className:"pay-main-logo"},n.createElement("img",{src:q==null?void 0:q.logo,id:"pay-logos"})),(f==null?void 0:f.length)>0&&G!=="cardList"&&n.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>re("cardList")}," ",n.createElement(Vi,null)," Back")),n.createElement("div",{className:"amt-pay-con"},n.createElement("div",{className:"pay-amount-conatiner"},n.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),n.createElement("div",{className:"frac-card-bank-radio-main"},n.createElement(Ln,{label:"Card",amount:(Je=Number(e==null?void 0:e.amount))==null?void 0:Je.toFixed(2),value:"card",onChange:xt,activetab:G}),(q==null?void 0:q.isSkyFiAccount)&&n.createElement(Ln,{label:"Bank",amount:(gt=Number(ge))==null?void 0:gt.toFixed(2),value:"ach",onChange:xt,activetab:G}),(e==null?void 0:e.isReader)&&(q==null?void 0:q.paymentDeviceList)&&((vt=q==null?void 0:q.paymentDeviceList)==null?void 0:vt.length)>0&&n.createElement(Ln,{label:"Reader",amount:(Yt=Number(e==null?void 0:e.amount))==null?void 0:Yt.toFixed(2),value:"reader",onChange:xt,activetab:G})),ge&&ge>0&&(e!=null&&e.pass_fee)?n.createElement("div",{className:"frac-cash-discount-fee"},n.createElement("small",null,G==="card"||G==="reader"?"Cash Discount":"Cash Discount Savings"," "),n.createElement("p",null,Ne((Number(e.amount)-ge).toFixed(2)))):null)),n.createElement("div",{className:"pay-conatiner-one-last"},n.createElement("img",{src:S,alt:""}),n.createElement("img",{src:u,alt:""}),"Secure payments powered by Fractal")),n.createElement("div",{className:"pay-tab pay-conatiner-two"},!t&&n.createElement("div",{className:"col-md-12"},n.createElement("div",{id:"payment-form-div"},G!=="cardList"?n.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(f==null?void 0:f.length)>0&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>re("cardList")}," ",n.createElement(Vi,null)," Back"),(q==null?void 0:q.isSkyFiAccount)&&n.createElement("div",{className:"tab"},n.createElement("button",{className:"tablinks",onClick:C=>{xt("card")},style:{border:G==="card"?"1px solid":""}},n.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),n.createElement("button",{className:"tablinks",onClick:C=>{xt("ach")},style:{border:G==="ach"?"1px solid":""}},n.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(Lt=Number(e==null?void 0:e.amount))==null?void 0:Lt.toFixed(2))),G!="ach"&&n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Be,width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Ue,width:35,alt:""})))),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))):n.createElement("div",null,n.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",q==null?void 0:q.customer_name),n.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",N==="card"?"Cards/Banks":"Readers"," "),n.createElement("div",{className:"res-pay-con"},n.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.createElement("strong",{className:"pay-amount"},"$",(Ht=Number(e==null?void 0:e.amount))==null?void 0:Ht.toFixed(2))),n.createElement("div",null,n.createElement("div",null,n.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Be,width:35,alt:""})),n.createElement("div",null,n.createElement("img",{src:Ee,alt:"",width:35,style:{paddingRight:"5px"}}),n.createElement("img",{src:Ue,width:35,alt:""}))))),n.createElement("div",{id:"card",style:{display:G==="card"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},(f==null?void 0:f.length)>0&&X==="form"&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>O("list")}," ",n.createElement(Vi,null)),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))),n.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),G!="ach"&&n.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},n.createElement("img",{src:oe,alt:"",width:33}),n.createElement("img",{src:Be,width:33,alt:""}),n.createElement("img",{src:Ee,alt:"",width:33}),n.createElement("img",{src:Ue,width:33,alt:""}))),X==="list"?n.createElement(n.Fragment,null,n.createElement(En,{listHeading:"Cards",paymentGateway:q==null?void 0:q.paymentGateway,ListItems:f,selectedCard:Nt,setSelectedCard:At,handleDeleteCard:j,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{O("form")}}),n.createElement("div",{className:"form-group",style:{padding:"0"}},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Ne((Jt=Number(e==null?void 0:e.amount))==null?void 0:Jt.toFixed(2))))):n.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:vn},n.createElement("div",{className:"ach-scrl",style:{minHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)==0?"456px":(f==null?void 0:f.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(r==null?void 0:r.cardName)||"",onChange:C=>{let p=C.target.value;/^[a-zA-Z\s]*$/.test(p)&&je("cardName",p)}}),(a==null?void 0:a.cardName)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cardName)),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.createElement("div",{className:"toggle-num-wrapper"},n.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(r==null?void 0:r.cardNumber)||"",onChange:C=>Mt(C),"data-token":"card_number"}),n.createElement("div",{className:"card-crdi card-expiry-new"},n.createElement("div",{className:"exp-date-year-container"},n.createElement("div",{className:"exp-date form-group"},n.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(r==null?void 0:r.expiryMonth)||"",onChange:C=>je("expiryMonth",C.target.value)})),n.createElement("div",{className:"exp-year form-group"},n.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(r==null?void 0:r.expiryYear)||"",onChange:C=>je("expiryYear",C.target.value)})),n.createElement("div",{className:"security-digit form-group"},n.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(r==null?void 0:r.cvv)||"",onChange:C=>je("cvv",C.target.value)})))),(a==null?void 0:a.cardNumber)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cardNumber),n.createElement("p",{style:{margin:"0"}},a!=null&&a.expiryMonth||a!=null&&a.expiryYear?n.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},a==null?void 0:a.expiryMonth):"",(a==null?void 0:a.cvv)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.cvv)))),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(be=e==null?void 0:e.orderID)!=null?be:"",style:{background:"#F6F6F7",color:"#727272"}})),n.createElement("div",{className:"form-group"},n.createElement("label",{htmlFor:"zip"},"ZIP"),n.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Ot=r==null?void 0:r.zipCode)!=null?Ot:"",onChange:C=>je("zipCode",C.target.value)}),(a==null?void 0:a.zipCode)&&n.createElement("span",{className:"error-span"},a==null?void 0:a.zipCode)),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group"},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Me,onChange:C=>fe(C.target.checked)}),n.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.createElement("rect",{width:"20",height:"20",fill:"white"}),n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_12420_50192"},n.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},n.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ne((Et=Number(e==null?void 0:e.amount))==null?void 0:Et.toFixed(2)))))),n.createElement("div",{id:"ach",style:{display:G==="ach"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},(Ke==null?void 0:Ke.length)>0&&b==="form"&&n.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Fe("list")}," ",n.createElement(Vi,null)),ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),n.createElement("div",null,"$",Bt()))),n.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),b==="list"?n.createElement(n.Fragment,null,n.createElement(En,{listHeading:"Banks",paymentGateway:q==null?void 0:q.paymentGateway,ListItems:Ke,selectedCard:Nt,setSelectedCard:At,handleDeleteCard:j,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Fe("form")}}),n.createElement("div",{className:"form-group",style:{padding:"0"}},n.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:D},Ne((jt=Number(ge))==null?void 0:jt.toFixed(2))))):n.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:vn,autoComplete:"off"},n.createElement("div",{className:"ach-scrl",style:{minHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)==0?"436px":(f==null?void 0:f.length)>0?"462px":"520px",maxHeight:q!=null&&q.isSkyFiAccount&&(f==null?void 0:f.length)>0?"444px":((f==null?void 0:f.length)>0,"380px")}},n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(on=w==null?void 0:w.name)!=null?on:"",onChange:rn}),(H==null?void 0:H.name)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.name)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(sn=w==null?void 0:w.routingNumber)!=null?sn:"",onChange:rn}),(H==null?void 0:H.routingNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.routingNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(ln=w==null?void 0:w.accountNumber)!=null?ln:"",onChange:rn}),(H==null?void 0:H.accountNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.accountNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(dn=w==null?void 0:w.confirmAccountNumber)!=null?dn:"",onChange:rn}),(H==null?void 0:H.confirmAccountNumber)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.confirmAccountNumber)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"bankname"},"Bank name"),n.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(yn=w==null?void 0:w.bankName)!=null?yn:"",onChange:rn}),(H==null?void 0:H.bankName)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.bankName)),((w==null?void 0:w.accountType)==="business saving"||(w==null?void 0:w.accountType)==="business checking")&&n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"companyName"},"Company name"),n.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(Cn=w==null?void 0:w.companyName)!=null?Cn:"",onChange:rn}),(H==null?void 0:H.companyName)&&n.createElement("span",{className:"error-span"},H==null?void 0:H.companyName)),n.createElement("div",{className:"form-group mb-4"},n.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Zt=w==null?void 0:w.accountType)!=null?Zt:"",onChange:rn},n.createElement("option",{value:""},"Select account"),ci.map(C=>n.createElement("option",{key:C.value,value:C.value},C.label)))),(e==null?void 0:e.customerId)&&n.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},n.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Le,onChange:C=>bt(C.target.checked)}),n.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Le&&n.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},n.createElement("p",null,"If checked, I agree for ",n.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.createElement("div",{className:"form-group "},n.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ne((Ze=Number(ge))==null?void 0:Ze.toFixed(2)))))),n.createElement("div",{id:"reader",style:{display:G==="reader"?"block":"none"},className:"tabcontent"},n.createElement("div",{className:"frac-card-payment"},n.createElement("div",{className:"frac-heading-card-wrap"},n.createElement("div",{className:"frac-backarrow"},ge&&ge>0&&n.createElement("div",{className:"res-pay-con frac-cash-discount"},n.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.createElement("div",null,"$",ge))),n.createElement("h6",{className:"frac-card-payment-heading"},"Reader Payment"))),n.createElement(ji,{listHeading:"Reader",ListItems:q==null?void 0:q.paymentDeviceList,selectedPax:zt,setSlectedPax:mt}),n.createElement("button",{onClick:zn,className:"pay-button"},"$",(Wt=Number(e==null?void 0:e.amount))==null?void 0:Wt.toFixed(2)))))))))))))}import m,{useEffect as Ji,useState as gn}from"react";import gi from"axios";import Qi from"sweetalert2";import{IoArrowBack as or}from"react-icons/io5";function sr(Y){var T=Y,{showButton:e=!0}=T,t=ni(T,["showButton"]);var je,Mt,rn,Wn,Vt,vn,qn,An,zn;let[A,B]=gn(!1),[Z,W]=gn(!1),[ye,E]=gn(""),[L,G]=gn(!1),[re,N]=gn(!1),[y,X]=gn("card"),[O,b]=gn(!1),[Fe,_]=gn("card"),[tt,Me]=gn("form"),fe=t.merchantPublicKey,[Le,bt]=gn(void 0);Ji(()=>{t.onTriggerPay&&t.onTriggerPay(()=>{ge()})},[t]);let Se=R+"widget/mc-img.svg",Be=R+"widget/visa-img.svg",oe=R+"widget/ae-img.svg",Ee=R+"widget/discover-img.svg",Ue=R+"widget/card.svg",hn=R+"widget/Trash.svg",an=R+"widget/bank.svg",h=R+"widget/secure-img.png",S=R+"widget/pov-by.png",[u,de]=gn(),[r,o]=gn({}),[a,v]=gn([]),[w,P]=gn(),[H,x]=gn(void 0),[f,F]=gn(),[Ke,_e]=gn(""),Nt=(D,j)=>{let Xe=(parseFloat(j)||0)/100,Bt=D/(1+Xe);return Math.round(Bt*100)/100};Ji(()=>{if(t!=null&&t.pass_fee){let D=Nt(t==null?void 0:t.amount,t==null?void 0:t.surcharge);x(D)}},[t==null?void 0:t.pass_fee]);let At=()=>B(!0),zt=()=>B(!1),mt=()=>{N(!1),X("card"),W(!1),E(""),G(!1),_e(""),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),o({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),b(!1),P({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},ge=()=>N(!0),ie=(D,j)=>{let Xe=D;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Xe)){(j===""||/^[0-9]+$/.test(j))&&(o(Je=>M(k({},Je),{[Xe]:""})),de(Je=>M(k({},Je),{[Xe]:j})));return}o(Je=>M(k({},Je),{[Xe]:""})),de(Je=>M(k({},Je),{[Xe]:j}))},q=D=>{var gt;let j=D.target,Xe=j.value.replace(/\D/g,""),{formatted:Bt,cursor:Je}=In(j.value,(gt=j.selectionStart)!=null?gt:0);o(vt=>M(k({},vt),{cardNumber:""})),de(vt=>M(k({},vt),{cardNumber:Bt})),requestAnimationFrame(()=>{j.setSelectionRange(Je,Je)})},Te=()=>{var Je,gt,vt,Yt,Lt,Ht;let D={},j=u,Xe=parseInt((j==null?void 0:j.expiryMonth)||"",10),Bt=(j==null?void 0:j.expiryYear)||"";if((Je=j==null?void 0:j.cardName)!=null&&Je.trim()||(D.cardName="Card name is required"),(gt=j==null?void 0:j.cardNumber)!=null&&gt.trim()||(D.cardNumber="Card number is required"),(!((vt=j==null?void 0:j.expiryMonth)!=null&&vt.trim())||!((Yt=j==null?void 0:j.expiryYear)!=null&&Yt.trim())||isNaN(Xe)||Xe<1||Xe>12||Bt.length!==4)&&(D.expiryMonth="Invalid Expiration Date."),(Lt=j==null?void 0:j.cvv)!=null&&Lt.trim()||(D.cvv="CVV is required"),(Ht=j==null?void 0:j.zipCode)!=null&&Ht.trim()||(D.zipCode="ZIP code is required"),j!=null&&j.expiryMonth&&(j!=null&&j.expiryYear)&&j.expiryMonth.length<=2&&j.expiryYear.length===4){let Jt=parseInt(j.expiryMonth,10),be=parseInt(j.expiryYear,10),Ot=new Date,Et=Ot.getMonth()+1,jt=Ot.getFullYear();(be<jt||be===jt&&Jt<Et)&&(D.expiryMonth="Card is expired")}return o(D),Object.keys(D).length>0},qe=async D=>{var j,Xe,Bt,Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn;if(D.preventDefault(),y=="card"){if(Te())return;{let Zt=DatacapWebToken.validateCardNumber(u==null?void 0:u.cardNumber.replaceAll(" ","")),Ze=DatacapWebToken.validateExpirationDate(u==null?void 0:u.expiryMonth,u==null?void 0:u.expiryYear),Wt=DatacapWebToken.validateCVV(u==null?void 0:u.cvv),C={};if(Zt||(C.cardNumber="Invalid card Number"),Ze||(C.expiryMonth="Invalid Expiration Date."),Wt||(C.cvv="Invalid CVV"),o(C),Zt&&Wt&&Ze){W(!0);try{let p=async function(J){if(J.Error)E(J.Error),W(!1);else{let he=u==null?void 0:u.cardName,me=u==null?void 0:u.zipCode;J.name=he,J.postal_code=me,J.fractalpayPublicKey=t==null?void 0:t.merchantPublicKey,J.amount=t==null?void 0:t.amount,J.order_id=t==null?void 0:t.orderID,J.preAuth_id=(t==null?void 0:t.preauthId)||"",J.isCardSave=O,J.customer_id=t==null?void 0:t.customerId,J.link_token="",J.gateway_id=f==null?void 0:f.paymentGateway,J.discount=t==null?void 0:t.discount,J.tax=t==null?void 0:t.tax,J.surcharge=t==null?void 0:t.surcharge,J.pass_fee=t==null?void 0:t.pass_fee,new Headers().append("Content-Type","application/json");let ue={method:"POST",body:JSON.stringify(J),redirect:"follow"};qt.emit("sendMessage",M(k({},ue),{isChargePreauth:!0})),qt.on("charge-preauth",nt=>{var ht;(nt==null?void 0:nt.status)=="Failed"?(W(!1),E((nt==null?void 0:nt.message)||"Something went wrong. Please try again later.")):(G(!0),_e((ht=nt==null?void 0:nt.data)==null?void 0:ht.transaction_id),W(!1),de({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((f==null?void 0:f.paymentGateway)===32){let J={method:"POST",redirect:"follow"};try{let he=await gi.post(`${Ie}api/v1/widget/generate-session`,J),me=Number(u==null?void 0:u.expiryYear)%100,$e=u==null?void 0:u.cardNumber;$e=$e==null?void 0:$e.replace(/\s+/g,"");let ue=`${$e}=${me}${u==null?void 0:u.expiryMonth} ${u==null?void 0:u.cvv}`,ht=forge.pki.publicKeyFromPem((Xe=(j=he==null?void 0:he.data)==null?void 0:j.data)==null?void 0:Xe.publicKeyPem).encrypt(ue,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),_t=forge.util.encode64(ht),Qt={"Content-Type":"application/json","x-app-session-key":(Je=(Bt=he.data)==null?void 0:Bt.data)==null?void 0:Je.session_key},g=JSON.stringify({enc_track2_data:`${_t}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(vt=(gt=he==null?void 0:he.data)==null?void 0:gt.data)==null?void 0:vt.session_key}`});try{let d=await gi.post(`${cn}tokenizer/tokenize`,g,{headers:Qt}),ee=JSON.stringify(M(k({},(Yt=d==null?void 0:d.data)==null?void 0:Yt.data),{name:u==null?void 0:u.cardName,postal_code:u==null?void 0:u.zipCode,customer_id:t==null?void 0:t.customerId,amount:t==null?void 0:t.amount,Token:`${(Ht=(Lt=d==null?void 0:d.data)==null?void 0:Lt.data)==null?void 0:Ht.token}`,fractalpayPublicKey:fe,order_id:t==null?void 0:t.orderID,preAuth_id:(t==null?void 0:t.preauthId)||"",isCardSave:O,discount:t==null?void 0:t.discount,surcharge:t==null?void 0:t.surcharge,tax:t==null?void 0:t.tax,link_token:"",ExpirationYear:u==null?void 0:u.expiryYear,ExpirationMonth:u==null?void 0:u.expiryMonth,CVV:u==null?void 0:u.cvv,Last4:(be=(Jt=d==null?void 0:d.data)==null?void 0:Jt.data)==null?void 0:be.last4,Brand:(Et=(Ot=d==null?void 0:d.data)==null?void 0:Ot.data)==null?void 0:Et.brand,gateway_id:f==null?void 0:f.paymentGateway,pass_fee:t==null?void 0:t.pass_fee})),te={method:"POST",headers:{"Content-Type":"application/json"},body:ee,redirect:"follow"};qt.emit("sendMessage",M(k({},te),{isFractalPreauth:!0})),qt.on("fractal-charge-preauth",Pe=>{var rt;(Pe==null?void 0:Pe.status)=="Failed"?(W(!1),E((Pe==null?void 0:Pe.message)||"Something went wrong , Try again later")):(_e((rt=Pe==null?void 0:Pe.data)==null?void 0:rt.transaction_id),G(!0),W(!1))})}catch(d){console.log(d),W(!1),E(((on=(jt=d==null?void 0:d.response)==null?void 0:jt.data)==null?void 0:on.message)||(d==null?void 0:d.message)||"Something went wrong , Try again later")}}catch(he){W(!1),E(((ln=(sn=he==null?void 0:he.response)==null?void 0:sn.data)==null?void 0:ln.message)||(he==null?void 0:he.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(f==null?void 0:f.dctoken,"PaymentForm",p)}catch(p){W(!1),E(((yn=(dn=p==null?void 0:p.response)==null?void 0:dn.data)==null?void 0:yn.message)||(p==null?void 0:p.message)||"Something went wrong.")}}}}},ae=async()=>{var D,j,Xe,Bt,Je,gt,vt,Yt,Lt,Ht,Jt,be,Ot,Et,jt,on,sn,ln,dn,yn,Cn;At();try{let Zt={fractalpayPublicKey:fe,customer_id:t==null?void 0:t.customerId,preauth:!0,isReader:!!(t!=null&&t.isReader)},Ze=await gi.post(`${et}get-payment-details`,Zt);if(F((D=Ze==null?void 0:Ze.data)==null?void 0:D.data),(Xe=(j=Ze==null?void 0:Ze.data)==null?void 0:j.data)!=null&&Xe.paymentGateway||(mt(),E("Something went wrong.")),(Je=(Bt=Ze==null?void 0:Ze.data)==null?void 0:Bt.data)!=null&&Je.card_list&&((Yt=(vt=(gt=Ze==null?void 0:Ze.data)==null?void 0:gt.data)==null?void 0:vt.card_list)==null?void 0:Yt.length)>0){X("card"),v((Ht=(Lt=Ze==null?void 0:Ze.data)==null?void 0:Lt.data)==null?void 0:Ht.card_list),((Ot=(be=(Jt=Ze==null?void 0:Ze.data)==null?void 0:Jt.data)==null?void 0:be.card_list)==null?void 0:Ot.length)>0&&Me("list");let Wt=(on=(jt=(Et=Ze==null?void 0:Ze.data)==null?void 0:Et.data)==null?void 0:jt.card_list)==null?void 0:on.filter(C=>(C==null?void 0:C.primary_card)==1);Wt!=null&&Wt[0]&&((sn=Wt==null?void 0:Wt[0])==null?void 0:sn.payment_method_type)==((dn=(ln=Ze==null?void 0:Ze.data)==null?void 0:ln.data)==null?void 0:dn.paymentGateway)&&P(Wt[0])}else X("card");zt()}catch(Zt){console.log(Zt),zt(),E(((Cn=(yn=Zt==null?void 0:Zt.response)==null?void 0:yn.data)==null?void 0:Cn.message)||(Zt==null?void 0:Zt.message)||"Something went wrong")}},ft=async()=>{var be,Ot,Et,jt,on,sn,ln;let D=t==null?void 0:t.customerId,j=t==null?void 0:t.discount,Xe=t==null?void 0:t.surcharge,Bt=t==null?void 0:t.tax,Je=t==null?void 0:t.merchantPublicKey,gt=t==null?void 0:t.orderID,vt=t==null?void 0:t.amount,Yt=w==null?void 0:w.id,Lt=w==null?void 0:w.card_type,Ht=(t==null?void 0:t.preauthId)||"";if(Je&&gt&&vt)if(D)if(Yt){let dn={amount:vt,order_id:gt,customer_id:D,card_id:Yt,fractalpayPublicKey:Je,isCardSave:Lt!="Bank",discount:j,surcharge:Xe,tax:Bt,preAuth_id:Ht},Jt=dn,{isCardSave:yn}=Jt,Cn=ni(Jt,["isCardSave"]),Ze=et+"authorize-by-card",Wt={"Content-Type":"application/json"};W(!0);try{let C=await gi.post(Ze,Lt=="Bank"?Cn:dn,{headers:Wt});(be=C==null?void 0:C.data)!=null&&be.result&&(_e((Et=(Ot=C==null?void 0:C.data)==null?void 0:Ot.data)==null?void 0:Et.transaction_id),G(!0),W(!1))}catch(C){W(!1),console.log(C),E(((on=(jt=C==null?void 0:C.response)==null?void 0:jt.data)==null?void 0:on.message)||((ln=(sn=C==null?void 0:C.response)==null?void 0:sn.data)==null?void 0:ln.status)||"Something went erong")}}else E("Please Select A Card/ACH");else E("Please Select Customer");else E("Something went wrong.")};Ji(()=>{re&&fe&&ae()},[fe,re]);let ut=async D=>{Qi.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 j=>{if(j.isConfirmed){W(!0);try{let Xe={card_id:D,customer_id:t==null?void 0:t.customerId,fractalpayPublicKey:t==null?void 0:t.merchantPublicKey},Bt=await gi.post(`${et}delete-customer-card`,Xe);W(!1),ae(),Qi.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Xe){W(!1),Qi.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},St=D=>{switch(D==null?void 0:D.toLowerCase()){case"visa":return Be;case"mastercard":case"mc":case"m/c":return Se;case"amex":case"american express":case"ae":return oe;case"discover":case"dcvr":return Ee;case"bank":return an;default:return D}},z=D=>{X(D)},It=async()=>{var Je,gt,vt,Yt,Lt,Ht;let D=t==null?void 0:t.merchantPublicKey,j=t==null?void 0:t.orderID,Xe=String(t==null?void 0:t.amount),Bt=t==null?void 0:t.customerId;if(!(Le!=null&&Le.device_id)){E("Please Select A Payment Device");return}if(D&&j&&Xe){W(!0);let Jt={amount:Xe,fractalpayPublicKey:D,customer_order_id:j,device_id:Le==null?void 0:Le.device_id,customer_id:Bt||"",is_auth:!0};try{let be=await gi.post(`${et}charge-with-reader`,Jt);((Je=be==null?void 0:be.data)==null?void 0:Je.result)==!0?(_e((vt=(gt=be==null?void 0:be.data)==null?void 0:gt.data)==null?void 0:vt.transaction_id),G(!0),W(!1)):(E(((Yt=be==null?void 0:be.data)==null?void 0:Yt.message)||"Something went wrong."),W(!1))}catch(be){E(((Ht=(Lt=be==null?void 0:be.response)==null?void 0:Lt.data)==null?void 0:Ht.message)||"Something went wrong."),W(!1)}}else E("Something went wrong.")},xt=()=>{Fe==="card"?ft():Fe==="reader"&&It()};return m.createElement(m.Fragment,null,m.createElement(Fn,null),m.createElement(ri,null),m.createElement(Xn,null),m.createElement(m.Fragment,null,e&&m.createElement("button",{className:"paymentBtn",onClick:ge},"PreAuth Payment"),m.createElement(Sn,{open:re,onClose:mt},ye&&m.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},m.createElement(Bn,{error:ye,onClose:mt})),L&&m.createElement(oi,{onClose:mt,tranId:Ke}),!ye&&!L&&m.createElement(m.Fragment,null,(A||Z)&&m.createElement(mn,{loading:A||Z}),m.createElement("div",null,m.createElement("div",{className:"frac-card-payment-page frac-form"},m.createElement("div",{className:"parent-pay-container"},m.createElement("span",{className:"request-payment-close-popup",onClick:mt},m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.createElement("g",{clipPath:"url(#clip0_12425_52336)"},m.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"})),m.createElement("defs",null,m.createElement("clipPath",{id:"clip0_12425_52336"},m.createElement("rect",{width:"16",height:"16",fill:"white"}))))),m.createElement("div",{className:"pay-container"},m.createElement("div",{className:"pay-header pay-conatiner-one"},m.createElement("div",{className:"pay-conatiner-one-first"},m.createElement("div",{className:"pay-logo-container"},m.createElement("div",{className:"pay-main-logo"},m.createElement("img",{src:f==null?void 0:f.logo,id:"pay-logos"}))),m.createElement("div",{className:"amt-pay-con"},m.createElement("div",{className:"pay-amount-conatiner"},m.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),m.createElement("div",{className:"frac-card-bank-radio-main"},m.createElement(Ln,{label:"Card",amount:(je=Number(t==null?void 0:t.amount))==null?void 0:je.toFixed(2),value:"card",onChange:z,activetab:y}),(t==null?void 0:t.isReader)&&(f==null?void 0:f.paymentDeviceList)&&((Mt=f==null?void 0:f.paymentDeviceList)==null?void 0:Mt.length)>0&&m.createElement(Ln,{label:"Reader",amount:(rn=Number(t==null?void 0:t.amount))==null?void 0:rn.toFixed(2),value:"reader",onChange:z,activetab:y})))),m.createElement("div",{className:"pay-conatiner-one-last"},m.createElement("img",{src:h,alt:""}),m.createElement("img",{src:S,alt:""}),"Secure payments powered by Fractal"),m.createElement("div",null)),!A&&m.createElement("div",{className:"pay-tab pay-conatiner-two"},m.createElement("div",{className:"col-md-12"},m.createElement("div",{id:"payment-form-div"},y!=="cardList"?m.createElement("div",null,m.createElement("div",{className:""},m.createElement("div",{className:"res-pay-con"},m.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.createElement("strong",{className:"pay-amount"},Ne((Wn=Number(t==null?void 0:t.amount))==null?void 0:Wn.toFixed(2)))),m.createElement("div",null,m.createElement("div",null,m.createElement("img",{src:Be,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Se,width:35,alt:""})),m.createElement("div",null,m.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Ee,width:35,alt:""})))),H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,Ne(H.toFixed(2)))))):m.createElement("div",null,m.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",f==null?void 0:f.customer_name),m.createElement("div",{className:"res-pay-con"},m.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.createElement("strong",{className:"pay-amount"},Ne((Vt=Number(t==null?void 0:t.amount))==null?void 0:Vt.toFixed(2)))),m.createElement("div",null,m.createElement("div",null,m.createElement("img",{src:Be,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Se,width:35,alt:""})),m.createElement("div",null,m.createElement("img",{src:oe,alt:"",width:35,style:{paddingRight:"5px"}}),m.createElement("img",{src:Ee,width:35,alt:""})))),m.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),m.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},m.createElement("div",{className:"frac-card-payment"},m.createElement("div",{className:"frac-heading-card-wrap"},m.createElement("div",{className:"frac-backarrow"},(a==null?void 0:a.length)>0&&tt==="form"&&m.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Me("list")}," ",m.createElement(or,null)),H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,"$",H))),m.createElement("h6",{className:"frac-card-payment-heading"},"Card Authorization")),y!="ach"&&m.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},m.createElement("img",{src:Be,alt:"",width:33}),m.createElement("img",{src:Se,width:33,alt:""}),m.createElement("img",{src:oe,alt:"",width:33}),m.createElement("img",{src:Ee,width:33,alt:""}))),tt==="list"?m.createElement(m.Fragment,null,m.createElement(En,{listHeading:"Cards",paymentGateway:f==null?void 0:f.paymentGateway,ListItems:a,selectedCard:w,setSelectedCard:P,handleDeleteCard:ut,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{Me("form")}}),m.createElement("div",{className:"form-group",style:{padding:"0"}},m.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:xt},Ne((vn=Number(t==null?void 0:t.amount))==null?void 0:vn.toFixed(2))))):m.createElement("div",{id:"card",style:{display:y==="card"?"block":"none"},className:"tabcontent"},m.createElement("form",{id:"PaymentForm",onSubmit:qe},m.createElement("div",{className:"ach-scrl",style:{minHeight:(a==null?void 0:a.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),m.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(u==null?void 0:u.cardName)||"",onChange:D=>{let j=D.target.value;/^[a-zA-Z\s]*$/.test(j)&&ie("cardName",j)}}),(r==null?void 0:r.cardName)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cardName)),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"cardNumber"},"Card Number"),m.createElement("div",{className:"toggle-num-wrapper"},m.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(u==null?void 0:u.cardNumber)||"",onChange:D=>q(D),"data-token":"card_number"}),m.createElement("div",{className:"card-crdi card-expiry-new"},m.createElement("div",{className:"exp-date-year-container"},m.createElement("div",{className:"exp-date form-group"},m.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(u==null?void 0:u.expiryMonth)||"",onChange:D=>ie("expiryMonth",D.target.value)})),m.createElement("div",{className:"exp-year form-group"},m.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(u==null?void 0:u.expiryYear)||"",onChange:D=>ie("expiryYear",D.target.value)})),m.createElement("div",{className:"security-digit form-group"},m.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(u==null?void 0:u.cvv)||"",onChange:D=>ie("cvv",D.target.value)})))),(r==null?void 0:r.cardNumber)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cardNumber),m.createElement("p",{style:{margin:"0"}},r!=null&&r.expiryMonth||r!=null&&r.expiryYear?m.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},r==null?void 0:r.expiryMonth):"",(r==null?void 0:r.cvv)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.cvv)))),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),m.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"Enter Order id",disabled:!0,value:t==null?void 0:t.orderID,onChange:D=>ie("orderId",D.target.value),style:{background:"#F6F6F7",color:"#727272"}})),m.createElement("div",{className:"form-group"},m.createElement("label",{htmlFor:"zip"},"ZIP"),m.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(qn=u==null?void 0:u.zipCode)!=null?qn:"",onChange:D=>ie("zipCode",D.target.value)}),(r==null?void 0:r.zipCode)&&m.createElement("span",{className:"error-span"},r==null?void 0:r.zipCode)),(t==null?void 0:t.customerId)&&m.createElement("div",{className:"form-group"},m.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},m.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:O,onChange:D=>b(D.target.checked)}),m.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),m.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),m.createElement("div",{className:"frac-tooltip-wrapper"},m.createElement("div",{className:"frac-tooltip-icon"},m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},m.createElement("g",{clipPath:"url(#clip0_12420_50192)"},m.createElement("rect",{width:"20",height:"20",fill:"white"}),m.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),m.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"})),m.createElement("defs",null,m.createElement("clipPath",{id:"clip0_12420_50192"},m.createElement("rect",{width:"20",height:"20",fill:"white"}))))),m.createElement("div",{className:"frac-tooltip-text"},m.createElement("p",null,"If checked, I agree to give the ",m.createElement("b",null,(f==null?void 0:f.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),m.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},m.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ne((An=Number(t==null?void 0:t.amount))==null?void 0:An.toFixed(2))))))),m.createElement("div",{id:"reader",style:{display:y==="reader"?"block":"none"},className:"tabcontent"},m.createElement("div",{className:"frac-card-payment"},m.createElement("div",{className:"frac-heading-card-wrap"},m.createElement("div",{className:"frac-backarrow"},H&&H>0&&m.createElement("div",{className:"res-pay-con frac-cash-discount"},m.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),m.createElement("div",null,"$",H))),m.createElement("h6",{className:"frac-card-payment-heading"},"Reader Authorization"))),m.createElement(ji,{listHeading:"Reader",ListItems:f==null?void 0:f.paymentDeviceList,selectedPax:Le,setSlectedPax:bt}),m.createElement("button",{onClick:It,className:"pay-button"},"$",(zn=Number(t==null?void 0:t.amount))==null?void 0:zn.toFixed(2))))))))))))))}import ke,{useEffect as cr,useRef as _i,useState as si}from"react";import ur from"sweetalert2";import pi from"axios";import lr from"react";function Xi(){let e="#000",t="#fff",Y="#212529",T="#dee2e6";return lr.createElement("style",null,`
1734
1734
  .add-card {
1735
1735
  max-width:380px;
1736
1736
  padding: 0 20px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fractalpay/fractalpay-next-dev",
3
- "version": "0.0.178",
3
+ "version": "0.0.179",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "next dev -p 4001",