@fractalpay/fractalpay-next-dev 0.0.38 → 0.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -6
- package/dist/index.mjs +6 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var ci=Object.create;var sn=Object.defineProperty,gi=Object.defineProperties,ui=Object.getOwnPropertyDescriptor,pi=Object.getOwnPropertyDescriptors,hi=Object.getOwnPropertyNames,mn=Object.getOwnPropertySymbols,fi=Object.getPrototypeOf,Cn=Object.prototype.hasOwnProperty,Tn=Object.prototype.propertyIsEnumerable;var An=(e,A,V)=>A in e?sn(e,A,{enumerable:!0,configurable:!0,writable:!0,value:V}):e[A]=V,
|
|
1
|
+
"use strict";var ci=Object.create;var sn=Object.defineProperty,gi=Object.defineProperties,ui=Object.getOwnPropertyDescriptor,pi=Object.getOwnPropertyDescriptors,hi=Object.getOwnPropertyNames,mn=Object.getOwnPropertySymbols,fi=Object.getPrototypeOf,Cn=Object.prototype.hasOwnProperty,Tn=Object.prototype.propertyIsEnumerable;var An=(e,A,V)=>A in e?sn(e,A,{enumerable:!0,configurable:!0,writable:!0,value:V}):e[A]=V,P=(e,A)=>{for(var V in A||(A={}))Cn.call(A,V)&&An(e,V,A[V]);if(mn)for(var V of mn(A))Tn.call(A,V)&&An(e,V,A[V]);return e},z=(e,A)=>gi(e,pi(A));var Wt=(e,A)=>{var V={};for(var R in e)Cn.call(e,R)&&A.indexOf(R)<0&&(V[R]=e[R]);if(e!=null&&mn)for(var R of mn(e))A.indexOf(R)<0&&Tn.call(e,R)&&(V[R]=e[R]);return V};var yi=(e,A)=>{for(var V in A)sn(e,V,{get:A[V],enumerable:!0})},Bn=(e,A,V,R)=>{if(A&&typeof A=="object"||typeof A=="function")for(let S of hi(A))!Cn.call(e,S)&&S!==V&&sn(e,S,{get:()=>A[S],enumerable:!(R=ui(A,S))||R.enumerable});return e};var Ye=(e,A,V)=>(V=e!=null?ci(fi(e)):{},Bn(A||!e||!e.__esModule?sn(V,"default",{value:e,enumerable:!0}):V,e)),bi=e=>Bn(sn({},"__esModule",{value:!0}),e);var Pi={};yi(Pi,{AddCard:()=>ni,AddCardSky:()=>oi,GetPaymentPage:()=>Xn,GetPaymentPageForm:()=>si,PreAuthPayment:()=>Qn,PreAuthPaymentForm:()=>li,RequestPayment:()=>Vn,RequestPreAuthPayment:()=>En,Skypay:()=>ri});module.exports=bi(Pi);var Ei=require("bootstrap/dist/js/bootstrap.bundle.min.js"),Y=Ye(require("react"));var Ot=Ye(require("react"));var Yn=Ye(require("react")),xi=e=>Yn.default.createElement("style",null,`
|
|
2
2
|
|
|
3
3
|
.loader {
|
|
4
4
|
position: fixed; /* Fixed position to cover the viewport */
|
|
@@ -575,7 +575,7 @@
|
|
|
575
575
|
|
|
576
576
|
font-size: 12px;
|
|
577
577
|
}
|
|
578
|
-
`),dn=wi;function Vn(e){let A=e.merchantPublicKey,V=e==null?void 0:e.discount,R=e==null?void 0:e.tax,S=e==null?void 0:e.surcharge,[et,L]=(0,Y.useState)(!1),[yt,Ae]=(0,Y.useState)(!1),[ke,N]=(0,Y.useState)({}),[U,p]=(0,Y.useState)(null),[k,h]=(0,Y.useState)({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),[Ne,w]=(0,Y.useState)(""),[Me,X]=(0,Y.useState)(!1),[Oe,nt]=(0,Y.useState)(null),je=C=>/^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(C),kt=/[+-]?([0-9]*[.])?[0-9]+/,it=C=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C),mt=C=>/^[A-Za-z\s]*$/.test(C),c=()=>{L(!1),N({})},Ze=()=>L(!0),P=()=>{console.log(Oe,"apiresponse"),F(Oe),X(!1)};function H(){h({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),w("")}function F(C){let l={type:"preview.compiledcheck",other:z(M({},C),{status:!0})};window.parent.postMessage(l,"*")}let $e=async()=>{if(!(Object.keys(ke).length>0)){if(N({}),!(k!=null&&k.email)&&U&&!je(U)){N(C=>z(M({},C),{phone:St.phonenumbervalid}));return}if(x())try{Ae(!0);let C={fractalpayPublicKey:A,amount:Ne,phone_number:U,order_id:k.order_id,action:"request",name:k.name,email:k.email,customer_id:e!=null&&e.customerId?e==null?void 0:e.customerId:"",discount:V,surcharge:S,tax:R,require_3ds:e==null?void 0:e.require_3ds},l=await jn.default.post(`${Ge}create-widget-order`,C);(l==null?void 0:l.status)===200&&(X(!0),L(!1),H(),nt(l==null?void 0:l.data)),Ae(!1)}catch(C){console.log(C),Ae(!1)}}},de=Ge+"images/logo-img.png",a=C=>{let{value:l}=C.target,j=C.target.dataset.token;if(h(z(M({},k),{[j]:l})),j==="name"&&!mt(l)){N(Ee=>z(M({},Ee),{[j]:St.onlylettersallowed}));return}let I=ke;j==="email"&&!U&&(delete I.phone,N(I)),l&&(delete I[j],N(I)),j==="email"&&!l&&(delete I[j],N(I))},s=C=>{let{value:l}=C;if(Number(l)>0){let j=ke;delete j.amount,N(j)}w(l)},x=()=>{let C={};return Ne||(C.amount=St.amountrequired),k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),!U&&!(k!=null&&k.email)&&(C.phone=St.phoneoremailrequired),!U&&!(k!=null&&k.email)&&(C.email=St.phoneoremailrequired),!U&&k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),e.from==="merchant"&&!k.order_id&&(C.order_id=St.orderidrequired),N(C),Object.keys(C).length===0};(0,Y.useEffect)(()=>{e&&(h(C=>z(M({},C),{order_id:e.orderID?e.orderID:"",name:e!=null&&e.name?e==null?void 0:e.name:"",email:e!=null&&e.email?e==null?void 0:e.email:""})),w(e.amount?e.amount:""),p(e.phone?`${e.phone}`:null))},[e]);let pe=C=>{let l=C==null?void 0:C.value;if(l&&(l==null?void 0:l.length)>0&&(l==null?void 0:l.length)!==10){N(I=>z(M({},I),{phone:St.phonenumberlength})),p(l);return}else p(l);let j=ke;delete j.phone,l&&!(k!=null&&k.email)&&delete j.email,N(j)};function v(C){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(C))}return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(dn,null),Y.default.createElement(Lt,{loading:yt}),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("button",{className:"paymentBtn",onClick:Ze},"Request Payment"),Y.default.createElement(Kt,{open:et,onClose:()=>L(!1),maxWidth:"500px"},Y.default.createElement("div",{style:{maxWidth:"500px"}},Y.default.createElement("div",{className:"request-payment-amount-detail frac-form"},Y.default.createElement("p",{className:"request-payment-merchantname"},"Pay ",e==null?void 0:e.webname),Y.default.createElement("p",{className:"request-payment-amount"},v(e==null?void 0:e.amount)),(e==null?void 0:e.from)==="merchant"&&Y.default.createElement("p",{className:"request-payment-orderid"},k==null?void 0:k.order_id),Y.default.createElement("span",{className:"request-payment-close-popup",onClick:c},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},Y.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"})),Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"clip0_12425_52336"},Y.default.createElement("rect",{width:"16",height:"16",fill:"white"})))))),Y.default.createElement("form",{className:"request-payment-input-form"},Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"FULL NAME"),Y.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Full Name","data-token":"name",onChange:a,value:k==null?void 0:k.name}),ke.name&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.name)),Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"requestPhoneNumber",className:"request-payment-input-label"},"Phone Number"),Y.default.createElement(Kn.PatternFormat,{className:"request-payment-input-box",placeholder:"Mobile number",format:"+1 (###) ###-####",value:U,onValueChange:C=>{pe(C)}}),ke.phone&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.phone)),Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"EMAIL"),Y.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Email",onChange:a,"data-token":"email",value:k==null?void 0:k.email}),ke.email&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.email)),Y.default.createElement("button",{type:"button",className:"request-payment-submit-button",onClick:$e,disabled:yt},yt?"Loading...":"Send Request"),Y.default.createElement("div",{className:"request-payment-fractal-powerd-by"},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},Y.default.createElement("path",{d:"M15.2165 4.11839C15.1973 3.69746 15.1973 3.29567 15.1973 2.89387C15.1973 2.56861 14.9486 2.31988 14.6234 2.31988C12.2317 2.31988 10.4141 1.63109 8.90257 0.157848C8.67298 -0.0526158 8.32858 -0.0526158 8.09898 0.157848C6.58748 1.63109 4.76984 2.31988 2.37821 2.31988C2.05295 2.31988 1.80422 2.56861 1.80422 2.89387C1.80422 3.29567 1.80422 3.69746 1.78508 4.11839C1.70855 8.13632 1.59375 13.6466 8.30945 15.9617L8.50078 16L8.69211 15.9617C15.3887 13.6466 15.293 8.15546 15.2165 4.11839ZM8.04159 9.6861C7.92679 9.78176 7.79286 9.83916 7.63979 9.83916H7.62066C7.46759 9.83916 7.31453 9.76263 7.21887 9.64783L5.43949 7.67713L6.30048 6.91181L7.69719 8.46158L10.7967 5.5151L11.5812 6.35695L8.04159 9.6861Z",fill:"#727272"})),"Secure payments powered by ",Y.default.createElement("span",null,"Fractal"),Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},Y.default.createElement("path",{d:"M17.4999 5.49758V7.01156C17.4999 7.05924 17.4595 7.09898 17.411 7.09898H12.3516C12.9169 6.54266 13.4781 5.99032 14.0434 5.434C14.0596 5.4181 14.0838 5.41016 14.104 5.41016H17.411C17.4595 5.41016 17.4999 5.44989 17.4999 5.49758Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.3462 10.9037V9.29836C12.3462 9.25067 12.3866 9.21094 12.435 9.21094H13.8523C13.929 9.21094 13.9694 9.30631 13.9129 9.35796C13.392 9.87455 12.8711 10.3911 12.3462 10.9037Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.4404 9.00523H15.6949C15.7434 9.00523 15.7838 8.96549 15.7838 8.91781V7.40383C15.7838 7.35614 15.7434 7.31641 15.6949 7.31641H12.4404C12.3919 7.31641 12.3516 7.35614 12.3516 7.40383V8.91781C12.3516 8.96549 12.3919 9.00523 12.4404 9.00523Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.1581 0.0120725L11.4906 0.77105C11.531 0.794892 11.5471 0.84655 11.5229 0.890261L8.99114 5.20173C8.78521 4.44275 8.57927 3.68775 8.37334 2.92877C8.36527 2.90493 8.3693 2.88109 8.38142 2.86122L10.0329 0.0438621C10.0612 0.000151419 10.1177 -0.0117697 10.1581 0.0120725Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.3382 7.10006L10.9289 6.29737C10.8886 6.27353 10.8724 6.22187 10.8966 6.17816L11.6033 4.97015C11.6436 4.9026 11.7446 4.91452 11.7648 4.99002C11.9546 5.69734 12.1484 6.40068 12.3382 7.10006Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.7107 6.0771L12.338 3.30345C12.3622 3.26372 12.346 3.20808 12.3057 3.18424L10.9732 2.42526C10.9328 2.40142 10.8763 2.41732 10.852 2.45705L9.22476 5.2307C9.20053 5.27044 9.21669 5.32607 9.25706 5.34991L10.5896 6.10889C10.634 6.13273 10.6865 6.11683 10.7107 6.0771Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M1.66713 3.51237L2.99963 2.75339C3.04001 2.72955 3.09654 2.74544 3.12077 2.78518L5.65251 7.09665C4.88128 6.89399 4.11408 6.69133 3.34285 6.48867C3.31862 6.4847 3.30247 6.4688 3.29036 6.44893L1.63483 3.63158C1.6106 3.58787 1.62271 3.53621 1.66713 3.51237Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M8.99793 5.20018L7.58871 5.99889C7.54833 6.02274 7.4918 6.00684 7.46757 5.9671L6.76095 4.76307C6.72057 4.69552 6.78517 4.61605 6.86189 4.63591C7.57256 4.82268 8.28726 5.00944 8.99793 5.20018Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.27986 6.07054L5.6526 3.2969C5.62837 3.25716 5.57588 3.24127 5.53146 3.26511L4.19896 4.02409C4.15858 4.04793 4.14243 4.09959 4.16666 4.1433L5.79392 6.91694C5.81815 6.95668 5.87064 6.97257 5.91506 6.94873L7.24756 6.18975C7.28794 6.16591 7.30409 6.11425 7.27986 6.07054Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M0.5 12.4998V10.9859C0.5 10.9382 0.540379 10.8984 0.588833 10.8984H5.64829C5.08299 11.4548 4.52172 12.0071 3.95642 12.5634C3.94027 12.5793 3.91604 12.5873 3.89585 12.5873H0.588833C0.540379 12.5873 0.5 12.5475 0.5 12.4998Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.65129 7.09766V8.70303C5.65129 8.75072 5.61091 8.79045 5.56246 8.79045H4.14516C4.06844 8.79045 4.02806 8.69508 4.08459 8.64343C4.60548 8.12685 5.12637 7.61424 5.65129 7.09766Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.55967 8.99609H2.30514C2.25669 8.99609 2.21631 9.03583 2.21631 9.08352V10.5975C2.21631 10.6452 2.25669 10.6849 2.30514 10.6849H5.55967C5.60813 10.6849 5.6485 10.6452 5.6485 10.5975V9.08352C5.6485 9.03583 5.60813 8.99609 5.55967 8.99609Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.82638 17.9865L6.49388 17.2276C6.4535 17.2037 6.43735 17.1521 6.46158 17.1083L8.99333 12.7969C9.19926 13.5559 9.40519 14.3109 9.61112 15.0698C9.6192 15.0937 9.61516 15.1175 9.60305 15.1374L7.95155 17.9547C7.91925 17.9985 7.86676 18.0104 7.82638 17.9865Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.64795 10.8984L7.05717 11.7011C7.09755 11.725 7.1137 11.7766 7.08947 11.8203L6.38284 13.0283C6.34246 13.0959 6.24152 13.084 6.22133 13.0085C6.02751 12.3012 5.83773 11.5978 5.64795 10.8984Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.2739 11.9258L5.64664 14.6994C5.62241 14.7392 5.63856 14.7948 5.67894 14.8187L7.01144 15.5776C7.05182 15.6015 7.10835 15.5856 7.13258 15.5458L8.75984 12.7722C8.78407 12.7325 8.76792 12.6768 8.72754 12.653L7.39504 11.894C7.35062 11.8702 7.29813 11.8861 7.2739 11.9258Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M16.3199 14.4866L14.9874 15.2456C14.947 15.2694 14.8904 15.2535 14.8662 15.2138L12.3345 10.9023C13.1057 11.105 13.8729 11.3077 14.6441 11.5103C14.6684 11.5143 14.6845 11.5302 14.6966 11.5501L16.3481 14.3674C16.3764 14.4111 16.3643 14.4628 16.3199 14.4866Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M8.99121 12.7983L10.4004 11.9956C10.4408 11.9717 10.4973 11.9876 10.5216 12.0274L11.2282 13.2354C11.2686 13.3029 11.204 13.3824 11.1272 13.3625C10.4166 13.1758 9.70188 12.989 8.99121 12.7983Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.7077 11.9285L12.3349 14.7021C12.3592 14.7418 12.4117 14.7577 12.4561 14.7339L13.7886 13.9749C13.829 13.9511 13.8451 13.8994 13.8209 13.8557L12.1936 11.0821C12.1694 11.0423 12.1169 11.0264 12.0725 11.0503L10.74 11.8092C10.6996 11.8331 10.6834 11.8847 10.7077 11.9285Z",fill:"#61C699"})))))),Y.default.createElement(Kt,{open:Me,onClose:P,maxWidth:"500px"},Y.default.createElement("div",{className:"fractal-popup-content",style:{padding:"0px",maxWidth:"500px"}},Y.default.createElement("div",{className:"request-payment-success-container"},Y.default.createElement("span",{className:"request-payment-close-popup",onClick:P},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},Y.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"})),Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"clip0_12425_52336"},Y.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),Y.default.createElement("div",{className:"request-payment-success-tick-div"},Y.default.createElement("div",{className:"request-payment-success-tick"},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("path",{d:"M6.12669 13.9774C5.97396 14.131 5.76558 14.2167 5.54913 14.2167C5.33267 14.2167 5.1243 14.131 4.97157 13.9774L0.359012 9.36408C-0.119671 8.8854 -0.119671 8.10919 0.359012 7.6314L0.936573 7.05369C1.4154 6.57501 2.19072 6.57501 2.6694 7.05369L5.54913 9.93357L13.3306 2.15198C13.8094 1.6733 14.5855 1.6733 15.0634 2.15198L15.641 2.72969C16.1196 3.20837 16.1196 3.98444 15.641 4.46237L6.12669 13.9774Z",fill:"#61C699"})))),Y.default.createElement("h6",{className:"request-payment-success-text"},"The request ",Y.default.createElement("br",null),"was sent"),Y.default.createElement("h6",{className:"request-payment-success-subtext"},"Please wait for the customer to pay"),Y.default.createElement("div",{className:"request-payment-success-btn-div"},Y.default.createElement("button",{onClick:P,className:"request-payment-success-btn2"},"Close")))))))}var eo=require("bootstrap/dist/js/bootstrap.bundle.min.js"),B=Ye(require("react"));var On=Ye(require("axios")),Zn=require("react-number-format");function En(e){let A=e.merchantPublicKey,V=e==null?void 0:e.discount,R=e==null?void 0:e.tax,S=e==null?void 0:e.surcharge,[et,L]=(0,B.useState)(!1),[yt,Ae]=(0,B.useState)(!1),[ke,N]=(0,B.useState)({}),[U,p]=(0,B.useState)(null),[k,h]=(0,B.useState)({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),[Ne,w]=(0,B.useState)(""),[Me,X]=(0,B.useState)(!1),[Oe,nt]=(0,B.useState)(null),je=C=>/^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(C),kt=/[+-]?([0-9]*[.])?[0-9]+/,it=C=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C),mt=C=>/^[A-Za-z\s]*$/.test(C),c=()=>{L(!1),N({})},Ze=()=>L(!0),P=()=>{console.log(Oe,"apiresponse"),F(Oe),X(!1)};function H(){h({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),w("")}function F(C){let l={type:"preview.compiledcheck",other:z(M({},C),{status:!0})};window.parent.postMessage(l,"*")}let $e=async()=>{if(!(Object.keys(ke).length>0)){if(N({}),!(k!=null&&k.email)&&U&&!je(U)){N(C=>z(M({},C),{phone:St.phonenumbervalid}));return}if(x())try{Ae(!0);let C={fractalpayPublicKey:A,amount:Ne,phone_number:U,order_id:k.order_id,action:"request",name:k.name,email:k.email,customer_id:e!=null&&e.customerId?e==null?void 0:e.customerId:"",discount:V,surcharge:S,tax:R,require_3ds:e==null?void 0:e.require_3ds},l=await On.default.post(`${Ge}send-request-pre-auth-payment`,C);(l==null?void 0:l.status)===200&&(X(!0),L(!1),H(),nt(l==null?void 0:l.data)),Ae(!1)}catch(C){console.log(C),Ae(!1)}}},de=Ge+"images/logo-img.png",a=C=>{let{value:l}=C.target,j=C.target.dataset.token;if(h(z(M({},k),{[j]:l})),j==="name"&&!mt(l)){N(Ee=>z(M({},Ee),{[j]:St.onlylettersallowed}));return}let I=ke;j==="email"&&!U&&(delete I.phone,N(I)),l&&(delete I[j],N(I)),j==="email"&&!l&&(delete I[j],N(I))},s=C=>{let{value:l}=C;if(Number(l)>0){let j=ke;delete j.amount,N(j)}w(l)},x=()=>{let C={};return Ne||(C.amount=St.amountrequired),k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),!U&&!(k!=null&&k.email)&&(C.phone=St.phoneoremailrequired),!U&&!(k!=null&&k.email)&&(C.email=St.phoneoremailrequired),!U&&k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),e.from==="merchant"&&!k.order_id&&(C.order_id=St.orderidrequired),N(C),Object.keys(C).length===0};(0,B.useEffect)(()=>{e&&(h(C=>z(M({},C),{order_id:e.orderID?e.orderID:"",name:e!=null&&e.name?e==null?void 0:e.name:"",email:e!=null&&e.email?e==null?void 0:e.email:""})),w(e.amount?e.amount:""),p(e.phone?`${e.phone}`:null))},[e]);let pe=C=>{let l=C==null?void 0:C.value;if(l&&(l==null?void 0:l.length)>0&&(l==null?void 0:l.length)!==10){N(I=>z(M({},I),{phone:St.phonenumberlength})),p(l);return}else p(l);let j=ke;delete j.phone,l&&!(k!=null&&k.email)&&delete j.email,N(j)};function v(C){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(C))}return B.default.createElement(B.default.Fragment,null,B.default.createElement(dn,null),B.default.createElement(Lt,{loading:yt}),B.default.createElement(B.default.Fragment,null,B.default.createElement("button",{className:"paymentBtn",onClick:Ze},"Send Request"),B.default.createElement("div",{className:"frac-form"},B.default.createElement(Kt,{open:et,onClose:()=>L(!1),maxWidth:"500px"},B.default.createElement("div",{className:"request-payment-amount-detail"},B.default.createElement("p",{className:"request-payment-merchantname"},"Authorization Request"),B.default.createElement("p",{className:"request-payment-pre-auth-merchantname"},"Pay ",e==null?void 0:e.webname),B.default.createElement("p",{className:"request-payment-amount"},v(e==null?void 0:e.amount)),(e==null?void 0:e.from)==="merchant"&&B.default.createElement("p",{className:"request-payment-orderid"},k==null?void 0:k.order_id),B.default.createElement("span",{className:"request-payment-close-popup",onClick:c},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},B.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"})),B.default.createElement("defs",null,B.default.createElement("clipPath",{id:"clip0_12425_52336"},B.default.createElement("rect",{width:"16",height:"16",fill:"white"})))))),B.default.createElement("form",{className:"request-payment-input-form"},B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"FULL NAME"),B.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Full Name","data-token":"name",onChange:a,value:k==null?void 0:k.name}),ke.name&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.name)),B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"requestPhoneNumber",className:"request-payment-input-label"},"Phone Number"),B.default.createElement(Zn.PatternFormat,{className:"request-payment-input-box",placeholder:"Mobile number",format:"+1 (###) ###-####",value:U,onValueChange:C=>{pe(C)}}),ke.phone&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.phone)),B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"EMAIL"),B.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Email",onChange:a,"data-token":"email",value:k==null?void 0:k.email}),ke.email&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.email)),B.default.createElement("button",{type:"button",className:"request-payment-submit-button",onClick:$e,disabled:yt},yt?"Loading...":"Send Request"),B.default.createElement("div",{className:"request-payment-fractal-powerd-by"},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},B.default.createElement("path",{d:"M15.2165 4.11839C15.1973 3.69746 15.1973 3.29567 15.1973 2.89387C15.1973 2.56861 14.9486 2.31988 14.6234 2.31988C12.2317 2.31988 10.4141 1.63109 8.90257 0.157848C8.67298 -0.0526158 8.32858 -0.0526158 8.09898 0.157848C6.58748 1.63109 4.76984 2.31988 2.37821 2.31988C2.05295 2.31988 1.80422 2.56861 1.80422 2.89387C1.80422 3.29567 1.80422 3.69746 1.78508 4.11839C1.70855 8.13632 1.59375 13.6466 8.30945 15.9617L8.50078 16L8.69211 15.9617C15.3887 13.6466 15.293 8.15546 15.2165 4.11839ZM8.04159 9.6861C7.92679 9.78176 7.79286 9.83916 7.63979 9.83916H7.62066C7.46759 9.83916 7.31453 9.76263 7.21887 9.64783L5.43949 7.67713L6.30048 6.91181L7.69719 8.46158L10.7967 5.5151L11.5812 6.35695L8.04159 9.6861Z",fill:"#727272"})),"Secure payments powered by ",B.default.createElement("span",null,"Fractal"),B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},B.default.createElement("path",{d:"M17.4999 5.49758V7.01156C17.4999 7.05924 17.4595 7.09898 17.411 7.09898H12.3516C12.9169 6.54266 13.4781 5.99032 14.0434 5.434C14.0596 5.4181 14.0838 5.41016 14.104 5.41016H17.411C17.4595 5.41016 17.4999 5.44989 17.4999 5.49758Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.3462 10.9037V9.29836C12.3462 9.25067 12.3866 9.21094 12.435 9.21094H13.8523C13.929 9.21094 13.9694 9.30631 13.9129 9.35796C13.392 9.87455 12.8711 10.3911 12.3462 10.9037Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.4404 9.00523H15.6949C15.7434 9.00523 15.7838 8.96549 15.7838 8.91781V7.40383C15.7838 7.35614 15.7434 7.31641 15.6949 7.31641H12.4404C12.3919 7.31641 12.3516 7.35614 12.3516 7.40383V8.91781C12.3516 8.96549 12.3919 9.00523 12.4404 9.00523Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.1581 0.0120725L11.4906 0.77105C11.531 0.794892 11.5471 0.84655 11.5229 0.890261L8.99114 5.20173C8.78521 4.44275 8.57927 3.68775 8.37334 2.92877C8.36527 2.90493 8.3693 2.88109 8.38142 2.86122L10.0329 0.0438621C10.0612 0.000151419 10.1177 -0.0117697 10.1581 0.0120725Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.3382 7.10006L10.9289 6.29737C10.8886 6.27353 10.8724 6.22187 10.8966 6.17816L11.6033 4.97015C11.6436 4.9026 11.7446 4.91452 11.7648 4.99002C11.9546 5.69734 12.1484 6.40068 12.3382 7.10006Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.7107 6.0771L12.338 3.30345C12.3622 3.26372 12.346 3.20808 12.3057 3.18424L10.9732 2.42526C10.9328 2.40142 10.8763 2.41732 10.852 2.45705L9.22476 5.2307C9.20053 5.27044 9.21669 5.32607 9.25706 5.34991L10.5896 6.10889C10.634 6.13273 10.6865 6.11683 10.7107 6.0771Z",fill:"#61C699"}),B.default.createElement("path",{d:"M1.66713 3.51237L2.99963 2.75339C3.04001 2.72955 3.09654 2.74544 3.12077 2.78518L5.65251 7.09665C4.88128 6.89399 4.11408 6.69133 3.34285 6.48867C3.31862 6.4847 3.30247 6.4688 3.29036 6.44893L1.63483 3.63158C1.6106 3.58787 1.62271 3.53621 1.66713 3.51237Z",fill:"#61C699"}),B.default.createElement("path",{d:"M8.99793 5.20018L7.58871 5.99889C7.54833 6.02274 7.4918 6.00684 7.46757 5.9671L6.76095 4.76307C6.72057 4.69552 6.78517 4.61605 6.86189 4.63591C7.57256 4.82268 8.28726 5.00944 8.99793 5.20018Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.27986 6.07054L5.6526 3.2969C5.62837 3.25716 5.57588 3.24127 5.53146 3.26511L4.19896 4.02409C4.15858 4.04793 4.14243 4.09959 4.16666 4.1433L5.79392 6.91694C5.81815 6.95668 5.87064 6.97257 5.91506 6.94873L7.24756 6.18975C7.28794 6.16591 7.30409 6.11425 7.27986 6.07054Z",fill:"#61C699"}),B.default.createElement("path",{d:"M0.5 12.4998V10.9859C0.5 10.9382 0.540379 10.8984 0.588833 10.8984H5.64829C5.08299 11.4548 4.52172 12.0071 3.95642 12.5634C3.94027 12.5793 3.91604 12.5873 3.89585 12.5873H0.588833C0.540379 12.5873 0.5 12.5475 0.5 12.4998Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.65129 7.09766V8.70303C5.65129 8.75072 5.61091 8.79045 5.56246 8.79045H4.14516C4.06844 8.79045 4.02806 8.69508 4.08459 8.64343C4.60548 8.12685 5.12637 7.61424 5.65129 7.09766Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.55967 8.99609H2.30514C2.25669 8.99609 2.21631 9.03583 2.21631 9.08352V10.5975C2.21631 10.6452 2.25669 10.6849 2.30514 10.6849H5.55967C5.60813 10.6849 5.6485 10.6452 5.6485 10.5975V9.08352C5.6485 9.03583 5.60813 8.99609 5.55967 8.99609Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.82638 17.9865L6.49388 17.2276C6.4535 17.2037 6.43735 17.1521 6.46158 17.1083L8.99333 12.7969C9.19926 13.5559 9.40519 14.3109 9.61112 15.0698C9.6192 15.0937 9.61516 15.1175 9.60305 15.1374L7.95155 17.9547C7.91925 17.9985 7.86676 18.0104 7.82638 17.9865Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.64795 10.8984L7.05717 11.7011C7.09755 11.725 7.1137 11.7766 7.08947 11.8203L6.38284 13.0283C6.34246 13.0959 6.24152 13.084 6.22133 13.0085C6.02751 12.3012 5.83773 11.5978 5.64795 10.8984Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.2739 11.9258L5.64664 14.6994C5.62241 14.7392 5.63856 14.7948 5.67894 14.8187L7.01144 15.5776C7.05182 15.6015 7.10835 15.5856 7.13258 15.5458L8.75984 12.7722C8.78407 12.7325 8.76792 12.6768 8.72754 12.653L7.39504 11.894C7.35062 11.8702 7.29813 11.8861 7.2739 11.9258Z",fill:"#61C699"}),B.default.createElement("path",{d:"M16.3199 14.4866L14.9874 15.2456C14.947 15.2694 14.8904 15.2535 14.8662 15.2138L12.3345 10.9023C13.1057 11.105 13.8729 11.3077 14.6441 11.5103C14.6684 11.5143 14.6845 11.5302 14.6966 11.5501L16.3481 14.3674C16.3764 14.4111 16.3643 14.4628 16.3199 14.4866Z",fill:"#61C699"}),B.default.createElement("path",{d:"M8.99121 12.7983L10.4004 11.9956C10.4408 11.9717 10.4973 11.9876 10.5216 12.0274L11.2282 13.2354C11.2686 13.3029 11.204 13.3824 11.1272 13.3625C10.4166 13.1758 9.70188 12.989 8.99121 12.7983Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.7077 11.9285L12.3349 14.7021C12.3592 14.7418 12.4117 14.7577 12.4561 14.7339L13.7886 13.9749C13.829 13.9511 13.8451 13.8994 13.8209 13.8557L12.1936 11.0821C12.1694 11.0423 12.1169 11.0264 12.0725 11.0503L10.74 11.8092C10.6996 11.8331 10.6834 11.8847 10.7077 11.9285Z",fill:"#61C699"}))))),B.default.createElement(Kt,{open:Me,onClose:P,maxWidth:"500px"},B.default.createElement("div",{className:"fractal-popup-content",style:{padding:"0px",maxWidth:"500px"}},B.default.createElement("div",{className:"request-payment-success-container"},B.default.createElement("span",{className:"request-payment-close-popup",onClick:P},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},B.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"})),B.default.createElement("defs",null,B.default.createElement("clipPath",{id:"clip0_12425_52336"},B.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),B.default.createElement("div",{className:"request-payment-success-tick-div"},B.default.createElement("div",{className:"request-payment-success-tick"},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("path",{d:"M6.12669 13.9774C5.97396 14.131 5.76558 14.2167 5.54913 14.2167C5.33267 14.2167 5.1243 14.131 4.97157 13.9774L0.359012 9.36408C-0.119671 8.8854 -0.119671 8.10919 0.359012 7.6314L0.936573 7.05369C1.4154 6.57501 2.19072 6.57501 2.6694 7.05369L5.54913 9.93357L13.3306 2.15198C13.8094 1.6733 14.5855 1.6733 15.0634 2.15198L15.641 2.72969C16.1196 3.20837 16.1196 3.98444 15.641 4.46237L6.12669 13.9774Z",fill:"#61C699"})))),B.default.createElement("h6",{className:"request-payment-success-text"},"The request ",B.default.createElement("br",null),"was sent"),B.default.createElement("h6",{className:"request-payment-success-subtext"},"Please wait for the customer to pay"),B.default.createElement("div",{className:"request-payment-success-btn-div"},B.default.createElement("button",{onClick:P,className:"request-payment-success-btn2"},"Close"))))))))}var i=Ye(require("react"));var Wn=Ye(require("react"));function Et(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return Wn.default.createElement("style",null,`
|
|
578
|
+
`),dn=wi;function Vn(e){let A=e.merchantPublicKey,V=e==null?void 0:e.discount,R=e==null?void 0:e.tax,S=e==null?void 0:e.surcharge,[et,L]=(0,Y.useState)(!1),[yt,Ae]=(0,Y.useState)(!1),[ke,w]=(0,Y.useState)({}),[U,g]=(0,Y.useState)(null),[k,h]=(0,Y.useState)({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),[Ne,N]=(0,Y.useState)(""),[Me,X]=(0,Y.useState)(!1),[Oe,nt]=(0,Y.useState)(null),je=C=>/^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(C),kt=/[+-]?([0-9]*[.])?[0-9]+/,it=C=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C),mt=C=>/^[A-Za-z\s]*$/.test(C),c=()=>{L(!1),w({})},Ze=()=>L(!0),F=()=>{console.log(Oe,"apiresponse"),M(Oe),X(!1)};function H(){h({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),N("")}function M(C){let l={type:"preview.compiledcheck",other:z(P({},C),{status:!0})};window.parent.postMessage(l,"*")}let $e=async()=>{if(!(Object.keys(ke).length>0)){if(w({}),!(k!=null&&k.email)&&U&&!je(U)){w(C=>z(P({},C),{phone:St.phonenumbervalid}));return}if(x())try{Ae(!0);let C={fractalpayPublicKey:A,amount:Ne,phone_number:U,order_id:k.order_id,action:"request",name:k.name,email:k.email,customer_id:e!=null&&e.customerId?e==null?void 0:e.customerId:"",discount:V,surcharge:S,tax:R,require_3ds:e==null?void 0:e.require_3ds},l=await jn.default.post(`${Ge}create-widget-order`,C);(l==null?void 0:l.status)===200&&(X(!0),L(!1),H(),nt(l==null?void 0:l.data)),Ae(!1)}catch(C){console.log(C),Ae(!1)}}},de=Ge+"images/logo-img.png",a=C=>{let{value:l}=C.target,j=C.target.dataset.token;if(h(z(P({},k),{[j]:l})),j==="name"&&!mt(l)){w(Ee=>z(P({},Ee),{[j]:St.onlylettersallowed}));return}let I=ke;j==="email"&&!U&&(delete I.phone,w(I)),l&&(delete I[j],w(I)),j==="email"&&!l&&(delete I[j],w(I))},s=C=>{let{value:l}=C;if(Number(l)>0){let j=ke;delete j.amount,w(j)}N(l)},x=()=>{let C={};return Ne||(C.amount=St.amountrequired),k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),!U&&!(k!=null&&k.email)&&(C.phone=St.phoneoremailrequired),!U&&!(k!=null&&k.email)&&(C.email=St.phoneoremailrequired),!U&&k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),e.from==="merchant"&&!k.order_id&&(C.order_id=St.orderidrequired),w(C),Object.keys(C).length===0};(0,Y.useEffect)(()=>{e&&(h(C=>z(P({},C),{order_id:e.orderID?e.orderID:"",name:e!=null&&e.name?e==null?void 0:e.name:"",email:e!=null&&e.email?e==null?void 0:e.email:""})),N(e.amount?e.amount:""),g(e.phone?`${e.phone}`:null))},[e]);let pe=C=>{let l=C==null?void 0:C.value;if(l&&(l==null?void 0:l.length)>0&&(l==null?void 0:l.length)!==10){w(I=>z(P({},I),{phone:St.phonenumberlength})),g(l);return}else g(l);let j=ke;delete j.phone,l&&!(k!=null&&k.email)&&delete j.email,w(j)};function v(C){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(C))}return Y.default.createElement(Y.default.Fragment,null,Y.default.createElement(dn,null),Y.default.createElement(Lt,{loading:yt}),Y.default.createElement(Y.default.Fragment,null,Y.default.createElement("button",{className:"paymentBtn",onClick:Ze},"Request Payment"),Y.default.createElement(Kt,{open:et,onClose:()=>L(!1),maxWidth:"500px"},Y.default.createElement("div",{style:{maxWidth:"500px"}},Y.default.createElement("div",{className:"request-payment-amount-detail frac-form"},Y.default.createElement("p",{className:"request-payment-merchantname"},"Pay ",e==null?void 0:e.webname),Y.default.createElement("p",{className:"request-payment-amount"},v(e==null?void 0:e.amount)),(e==null?void 0:e.from)==="merchant"&&Y.default.createElement("p",{className:"request-payment-orderid"},k==null?void 0:k.order_id),Y.default.createElement("span",{className:"request-payment-close-popup",onClick:c},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},Y.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"})),Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"clip0_12425_52336"},Y.default.createElement("rect",{width:"16",height:"16",fill:"white"})))))),Y.default.createElement("form",{className:"request-payment-input-form"},Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"FULL NAME"),Y.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Full Name","data-token":"name",onChange:a,value:k==null?void 0:k.name}),ke.name&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.name)),Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"requestPhoneNumber",className:"request-payment-input-label"},"Phone Number"),Y.default.createElement(Kn.PatternFormat,{className:"request-payment-input-box",placeholder:"Mobile number",format:"+1 (###) ###-####",value:U,onValueChange:C=>{pe(C)}}),ke.phone&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.phone)),Y.default.createElement("div",{className:"request-payment-list-div"},Y.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"EMAIL"),Y.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Email",onChange:a,"data-token":"email",value:k==null?void 0:k.email}),ke.email&&Y.default.createElement("small",{className:"request-payment-error-msg"},ke.email)),Y.default.createElement("button",{type:"button",className:"request-payment-submit-button",onClick:$e,disabled:yt},yt?"Loading...":"Send Request"),Y.default.createElement("div",{className:"request-payment-fractal-powerd-by"},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},Y.default.createElement("path",{d:"M15.2165 4.11839C15.1973 3.69746 15.1973 3.29567 15.1973 2.89387C15.1973 2.56861 14.9486 2.31988 14.6234 2.31988C12.2317 2.31988 10.4141 1.63109 8.90257 0.157848C8.67298 -0.0526158 8.32858 -0.0526158 8.09898 0.157848C6.58748 1.63109 4.76984 2.31988 2.37821 2.31988C2.05295 2.31988 1.80422 2.56861 1.80422 2.89387C1.80422 3.29567 1.80422 3.69746 1.78508 4.11839C1.70855 8.13632 1.59375 13.6466 8.30945 15.9617L8.50078 16L8.69211 15.9617C15.3887 13.6466 15.293 8.15546 15.2165 4.11839ZM8.04159 9.6861C7.92679 9.78176 7.79286 9.83916 7.63979 9.83916H7.62066C7.46759 9.83916 7.31453 9.76263 7.21887 9.64783L5.43949 7.67713L6.30048 6.91181L7.69719 8.46158L10.7967 5.5151L11.5812 6.35695L8.04159 9.6861Z",fill:"#727272"})),"Secure payments powered by ",Y.default.createElement("span",null,"Fractal"),Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},Y.default.createElement("path",{d:"M17.4999 5.49758V7.01156C17.4999 7.05924 17.4595 7.09898 17.411 7.09898H12.3516C12.9169 6.54266 13.4781 5.99032 14.0434 5.434C14.0596 5.4181 14.0838 5.41016 14.104 5.41016H17.411C17.4595 5.41016 17.4999 5.44989 17.4999 5.49758Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.3462 10.9037V9.29836C12.3462 9.25067 12.3866 9.21094 12.435 9.21094H13.8523C13.929 9.21094 13.9694 9.30631 13.9129 9.35796C13.392 9.87455 12.8711 10.3911 12.3462 10.9037Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.4404 9.00523H15.6949C15.7434 9.00523 15.7838 8.96549 15.7838 8.91781V7.40383C15.7838 7.35614 15.7434 7.31641 15.6949 7.31641H12.4404C12.3919 7.31641 12.3516 7.35614 12.3516 7.40383V8.91781C12.3516 8.96549 12.3919 9.00523 12.4404 9.00523Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.1581 0.0120725L11.4906 0.77105C11.531 0.794892 11.5471 0.84655 11.5229 0.890261L8.99114 5.20173C8.78521 4.44275 8.57927 3.68775 8.37334 2.92877C8.36527 2.90493 8.3693 2.88109 8.38142 2.86122L10.0329 0.0438621C10.0612 0.000151419 10.1177 -0.0117697 10.1581 0.0120725Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M12.3382 7.10006L10.9289 6.29737C10.8886 6.27353 10.8724 6.22187 10.8966 6.17816L11.6033 4.97015C11.6436 4.9026 11.7446 4.91452 11.7648 4.99002C11.9546 5.69734 12.1484 6.40068 12.3382 7.10006Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.7107 6.0771L12.338 3.30345C12.3622 3.26372 12.346 3.20808 12.3057 3.18424L10.9732 2.42526C10.9328 2.40142 10.8763 2.41732 10.852 2.45705L9.22476 5.2307C9.20053 5.27044 9.21669 5.32607 9.25706 5.34991L10.5896 6.10889C10.634 6.13273 10.6865 6.11683 10.7107 6.0771Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M1.66713 3.51237L2.99963 2.75339C3.04001 2.72955 3.09654 2.74544 3.12077 2.78518L5.65251 7.09665C4.88128 6.89399 4.11408 6.69133 3.34285 6.48867C3.31862 6.4847 3.30247 6.4688 3.29036 6.44893L1.63483 3.63158C1.6106 3.58787 1.62271 3.53621 1.66713 3.51237Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M8.99793 5.20018L7.58871 5.99889C7.54833 6.02274 7.4918 6.00684 7.46757 5.9671L6.76095 4.76307C6.72057 4.69552 6.78517 4.61605 6.86189 4.63591C7.57256 4.82268 8.28726 5.00944 8.99793 5.20018Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.27986 6.07054L5.6526 3.2969C5.62837 3.25716 5.57588 3.24127 5.53146 3.26511L4.19896 4.02409C4.15858 4.04793 4.14243 4.09959 4.16666 4.1433L5.79392 6.91694C5.81815 6.95668 5.87064 6.97257 5.91506 6.94873L7.24756 6.18975C7.28794 6.16591 7.30409 6.11425 7.27986 6.07054Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M0.5 12.4998V10.9859C0.5 10.9382 0.540379 10.8984 0.588833 10.8984H5.64829C5.08299 11.4548 4.52172 12.0071 3.95642 12.5634C3.94027 12.5793 3.91604 12.5873 3.89585 12.5873H0.588833C0.540379 12.5873 0.5 12.5475 0.5 12.4998Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.65129 7.09766V8.70303C5.65129 8.75072 5.61091 8.79045 5.56246 8.79045H4.14516C4.06844 8.79045 4.02806 8.69508 4.08459 8.64343C4.60548 8.12685 5.12637 7.61424 5.65129 7.09766Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.55967 8.99609H2.30514C2.25669 8.99609 2.21631 9.03583 2.21631 9.08352V10.5975C2.21631 10.6452 2.25669 10.6849 2.30514 10.6849H5.55967C5.60813 10.6849 5.6485 10.6452 5.6485 10.5975V9.08352C5.6485 9.03583 5.60813 8.99609 5.55967 8.99609Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.82638 17.9865L6.49388 17.2276C6.4535 17.2037 6.43735 17.1521 6.46158 17.1083L8.99333 12.7969C9.19926 13.5559 9.40519 14.3109 9.61112 15.0698C9.6192 15.0937 9.61516 15.1175 9.60305 15.1374L7.95155 17.9547C7.91925 17.9985 7.86676 18.0104 7.82638 17.9865Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M5.64795 10.8984L7.05717 11.7011C7.09755 11.725 7.1137 11.7766 7.08947 11.8203L6.38284 13.0283C6.34246 13.0959 6.24152 13.084 6.22133 13.0085C6.02751 12.3012 5.83773 11.5978 5.64795 10.8984Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M7.2739 11.9258L5.64664 14.6994C5.62241 14.7392 5.63856 14.7948 5.67894 14.8187L7.01144 15.5776C7.05182 15.6015 7.10835 15.5856 7.13258 15.5458L8.75984 12.7722C8.78407 12.7325 8.76792 12.6768 8.72754 12.653L7.39504 11.894C7.35062 11.8702 7.29813 11.8861 7.2739 11.9258Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M16.3199 14.4866L14.9874 15.2456C14.947 15.2694 14.8904 15.2535 14.8662 15.2138L12.3345 10.9023C13.1057 11.105 13.8729 11.3077 14.6441 11.5103C14.6684 11.5143 14.6845 11.5302 14.6966 11.5501L16.3481 14.3674C16.3764 14.4111 16.3643 14.4628 16.3199 14.4866Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M8.99121 12.7983L10.4004 11.9956C10.4408 11.9717 10.4973 11.9876 10.5216 12.0274L11.2282 13.2354C11.2686 13.3029 11.204 13.3824 11.1272 13.3625C10.4166 13.1758 9.70188 12.989 8.99121 12.7983Z",fill:"#61C699"}),Y.default.createElement("path",{d:"M10.7077 11.9285L12.3349 14.7021C12.3592 14.7418 12.4117 14.7577 12.4561 14.7339L13.7886 13.9749C13.829 13.9511 13.8451 13.8994 13.8209 13.8557L12.1936 11.0821C12.1694 11.0423 12.1169 11.0264 12.0725 11.0503L10.74 11.8092C10.6996 11.8331 10.6834 11.8847 10.7077 11.9285Z",fill:"#61C699"})))))),Y.default.createElement(Kt,{open:Me,onClose:F,maxWidth:"500px"},Y.default.createElement("div",{className:"fractal-popup-content",style:{padding:"0px",maxWidth:"500px"}},Y.default.createElement("div",{className:"request-payment-success-container"},Y.default.createElement("span",{className:"request-payment-close-popup",onClick:F},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},Y.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"})),Y.default.createElement("defs",null,Y.default.createElement("clipPath",{id:"clip0_12425_52336"},Y.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),Y.default.createElement("div",{className:"request-payment-success-tick-div"},Y.default.createElement("div",{className:"request-payment-success-tick"},Y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Y.default.createElement("path",{d:"M6.12669 13.9774C5.97396 14.131 5.76558 14.2167 5.54913 14.2167C5.33267 14.2167 5.1243 14.131 4.97157 13.9774L0.359012 9.36408C-0.119671 8.8854 -0.119671 8.10919 0.359012 7.6314L0.936573 7.05369C1.4154 6.57501 2.19072 6.57501 2.6694 7.05369L5.54913 9.93357L13.3306 2.15198C13.8094 1.6733 14.5855 1.6733 15.0634 2.15198L15.641 2.72969C16.1196 3.20837 16.1196 3.98444 15.641 4.46237L6.12669 13.9774Z",fill:"#61C699"})))),Y.default.createElement("h6",{className:"request-payment-success-text"},"The request ",Y.default.createElement("br",null),"was sent"),Y.default.createElement("h6",{className:"request-payment-success-subtext"},"Please wait for the customer to pay"),Y.default.createElement("div",{className:"request-payment-success-btn-div"},Y.default.createElement("button",{onClick:F,className:"request-payment-success-btn2"},"Close")))))))}var eo=require("bootstrap/dist/js/bootstrap.bundle.min.js"),B=Ye(require("react"));var On=Ye(require("axios")),Zn=require("react-number-format");function En(e){let A=e.merchantPublicKey,V=e==null?void 0:e.discount,R=e==null?void 0:e.tax,S=e==null?void 0:e.surcharge,[et,L]=(0,B.useState)(!1),[yt,Ae]=(0,B.useState)(!1),[ke,w]=(0,B.useState)({}),[U,g]=(0,B.useState)(null),[k,h]=(0,B.useState)({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),[Ne,N]=(0,B.useState)(""),[Me,X]=(0,B.useState)(!1),[Oe,nt]=(0,B.useState)(null),je=C=>/^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(C),kt=/[+-]?([0-9]*[.])?[0-9]+/,it=C=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C),mt=C=>/^[A-Za-z\s]*$/.test(C),c=()=>{L(!1),w({})},Ze=()=>L(!0),F=()=>{console.log(Oe,"apiresponse"),M(Oe),X(!1)};function H(){h({email:"",phone_number:"",order_id:"",name:"",fractalpayPublicKey:A}),N("")}function M(C){let l={type:"preview.compiledcheck",other:z(P({},C),{status:!0})};window.parent.postMessage(l,"*")}let $e=async()=>{if(!(Object.keys(ke).length>0)){if(w({}),!(k!=null&&k.email)&&U&&!je(U)){w(C=>z(P({},C),{phone:St.phonenumbervalid}));return}if(x())try{Ae(!0);let C={fractalpayPublicKey:A,amount:Ne,phone_number:U,order_id:k.order_id,action:"request",name:k.name,email:k.email,customer_id:e!=null&&e.customerId?e==null?void 0:e.customerId:"",discount:V,surcharge:S,tax:R,require_3ds:e==null?void 0:e.require_3ds},l=await On.default.post(`${Ge}send-request-pre-auth-payment`,C);(l==null?void 0:l.status)===200&&(X(!0),L(!1),H(),nt(l==null?void 0:l.data)),Ae(!1)}catch(C){console.log(C),Ae(!1)}}},de=Ge+"images/logo-img.png",a=C=>{let{value:l}=C.target,j=C.target.dataset.token;if(h(z(P({},k),{[j]:l})),j==="name"&&!mt(l)){w(Ee=>z(P({},Ee),{[j]:St.onlylettersallowed}));return}let I=ke;j==="email"&&!U&&(delete I.phone,w(I)),l&&(delete I[j],w(I)),j==="email"&&!l&&(delete I[j],w(I))},s=C=>{let{value:l}=C;if(Number(l)>0){let j=ke;delete j.amount,w(j)}N(l)},x=()=>{let C={};return Ne||(C.amount=St.amountrequired),k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),!U&&!(k!=null&&k.email)&&(C.phone=St.phoneoremailrequired),!U&&!(k!=null&&k.email)&&(C.email=St.phoneoremailrequired),!U&&k.email&&!it(k==null?void 0:k.email)&&(C.email=St.invalidemail),e.from==="merchant"&&!k.order_id&&(C.order_id=St.orderidrequired),w(C),Object.keys(C).length===0};(0,B.useEffect)(()=>{e&&(h(C=>z(P({},C),{order_id:e.orderID?e.orderID:"",name:e!=null&&e.name?e==null?void 0:e.name:"",email:e!=null&&e.email?e==null?void 0:e.email:""})),N(e.amount?e.amount:""),g(e.phone?`${e.phone}`:null))},[e]);let pe=C=>{let l=C==null?void 0:C.value;if(l&&(l==null?void 0:l.length)>0&&(l==null?void 0:l.length)!==10){w(I=>z(P({},I),{phone:St.phonenumberlength})),g(l);return}else g(l);let j=ke;delete j.phone,l&&!(k!=null&&k.email)&&delete j.email,w(j)};function v(C){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(C))}return B.default.createElement(B.default.Fragment,null,B.default.createElement(dn,null),B.default.createElement(Lt,{loading:yt}),B.default.createElement(B.default.Fragment,null,B.default.createElement("button",{className:"paymentBtn",onClick:Ze},"Send Request"),B.default.createElement("div",{className:"frac-form"},B.default.createElement(Kt,{open:et,onClose:()=>L(!1),maxWidth:"500px"},B.default.createElement("div",{className:"request-payment-amount-detail"},B.default.createElement("p",{className:"request-payment-merchantname"},"Authorization Request"),B.default.createElement("p",{className:"request-payment-pre-auth-merchantname"},"Pay ",e==null?void 0:e.webname),B.default.createElement("p",{className:"request-payment-amount"},v(e==null?void 0:e.amount)),(e==null?void 0:e.from)==="merchant"&&B.default.createElement("p",{className:"request-payment-orderid"},k==null?void 0:k.order_id),B.default.createElement("span",{className:"request-payment-close-popup",onClick:c},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},B.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"})),B.default.createElement("defs",null,B.default.createElement("clipPath",{id:"clip0_12425_52336"},B.default.createElement("rect",{width:"16",height:"16",fill:"white"})))))),B.default.createElement("form",{className:"request-payment-input-form"},B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"FULL NAME"),B.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Full Name","data-token":"name",onChange:a,value:k==null?void 0:k.name}),ke.name&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.name)),B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"requestPhoneNumber",className:"request-payment-input-label"},"Phone Number"),B.default.createElement(Zn.PatternFormat,{className:"request-payment-input-box",placeholder:"Mobile number",format:"+1 (###) ###-####",value:U,onValueChange:C=>{pe(C)}}),ke.phone&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.phone)),B.default.createElement("div",{className:"request-payment-list-div"},B.default.createElement("label",{htmlFor:"exampleFormControlInput2",className:"request-payment-input-label"},"EMAIL"),B.default.createElement("input",{className:"request-payment-input-box",type:"text",placeholder:"Email",onChange:a,"data-token":"email",value:k==null?void 0:k.email}),ke.email&&B.default.createElement("small",{className:"request-payment-error-msg"},ke.email)),B.default.createElement("button",{type:"button",className:"request-payment-submit-button",onClick:$e,disabled:yt},yt?"Loading...":"Send Request"),B.default.createElement("div",{className:"request-payment-fractal-powerd-by"},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},B.default.createElement("path",{d:"M15.2165 4.11839C15.1973 3.69746 15.1973 3.29567 15.1973 2.89387C15.1973 2.56861 14.9486 2.31988 14.6234 2.31988C12.2317 2.31988 10.4141 1.63109 8.90257 0.157848C8.67298 -0.0526158 8.32858 -0.0526158 8.09898 0.157848C6.58748 1.63109 4.76984 2.31988 2.37821 2.31988C2.05295 2.31988 1.80422 2.56861 1.80422 2.89387C1.80422 3.29567 1.80422 3.69746 1.78508 4.11839C1.70855 8.13632 1.59375 13.6466 8.30945 15.9617L8.50078 16L8.69211 15.9617C15.3887 13.6466 15.293 8.15546 15.2165 4.11839ZM8.04159 9.6861C7.92679 9.78176 7.79286 9.83916 7.63979 9.83916H7.62066C7.46759 9.83916 7.31453 9.76263 7.21887 9.64783L5.43949 7.67713L6.30048 6.91181L7.69719 8.46158L10.7967 5.5151L11.5812 6.35695L8.04159 9.6861Z",fill:"#727272"})),"Secure payments powered by ",B.default.createElement("span",null,"Fractal"),B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},B.default.createElement("path",{d:"M17.4999 5.49758V7.01156C17.4999 7.05924 17.4595 7.09898 17.411 7.09898H12.3516C12.9169 6.54266 13.4781 5.99032 14.0434 5.434C14.0596 5.4181 14.0838 5.41016 14.104 5.41016H17.411C17.4595 5.41016 17.4999 5.44989 17.4999 5.49758Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.3462 10.9037V9.29836C12.3462 9.25067 12.3866 9.21094 12.435 9.21094H13.8523C13.929 9.21094 13.9694 9.30631 13.9129 9.35796C13.392 9.87455 12.8711 10.3911 12.3462 10.9037Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.4404 9.00523H15.6949C15.7434 9.00523 15.7838 8.96549 15.7838 8.91781V7.40383C15.7838 7.35614 15.7434 7.31641 15.6949 7.31641H12.4404C12.3919 7.31641 12.3516 7.35614 12.3516 7.40383V8.91781C12.3516 8.96549 12.3919 9.00523 12.4404 9.00523Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.1581 0.0120725L11.4906 0.77105C11.531 0.794892 11.5471 0.84655 11.5229 0.890261L8.99114 5.20173C8.78521 4.44275 8.57927 3.68775 8.37334 2.92877C8.36527 2.90493 8.3693 2.88109 8.38142 2.86122L10.0329 0.0438621C10.0612 0.000151419 10.1177 -0.0117697 10.1581 0.0120725Z",fill:"#61C699"}),B.default.createElement("path",{d:"M12.3382 7.10006L10.9289 6.29737C10.8886 6.27353 10.8724 6.22187 10.8966 6.17816L11.6033 4.97015C11.6436 4.9026 11.7446 4.91452 11.7648 4.99002C11.9546 5.69734 12.1484 6.40068 12.3382 7.10006Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.7107 6.0771L12.338 3.30345C12.3622 3.26372 12.346 3.20808 12.3057 3.18424L10.9732 2.42526C10.9328 2.40142 10.8763 2.41732 10.852 2.45705L9.22476 5.2307C9.20053 5.27044 9.21669 5.32607 9.25706 5.34991L10.5896 6.10889C10.634 6.13273 10.6865 6.11683 10.7107 6.0771Z",fill:"#61C699"}),B.default.createElement("path",{d:"M1.66713 3.51237L2.99963 2.75339C3.04001 2.72955 3.09654 2.74544 3.12077 2.78518L5.65251 7.09665C4.88128 6.89399 4.11408 6.69133 3.34285 6.48867C3.31862 6.4847 3.30247 6.4688 3.29036 6.44893L1.63483 3.63158C1.6106 3.58787 1.62271 3.53621 1.66713 3.51237Z",fill:"#61C699"}),B.default.createElement("path",{d:"M8.99793 5.20018L7.58871 5.99889C7.54833 6.02274 7.4918 6.00684 7.46757 5.9671L6.76095 4.76307C6.72057 4.69552 6.78517 4.61605 6.86189 4.63591C7.57256 4.82268 8.28726 5.00944 8.99793 5.20018Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.27986 6.07054L5.6526 3.2969C5.62837 3.25716 5.57588 3.24127 5.53146 3.26511L4.19896 4.02409C4.15858 4.04793 4.14243 4.09959 4.16666 4.1433L5.79392 6.91694C5.81815 6.95668 5.87064 6.97257 5.91506 6.94873L7.24756 6.18975C7.28794 6.16591 7.30409 6.11425 7.27986 6.07054Z",fill:"#61C699"}),B.default.createElement("path",{d:"M0.5 12.4998V10.9859C0.5 10.9382 0.540379 10.8984 0.588833 10.8984H5.64829C5.08299 11.4548 4.52172 12.0071 3.95642 12.5634C3.94027 12.5793 3.91604 12.5873 3.89585 12.5873H0.588833C0.540379 12.5873 0.5 12.5475 0.5 12.4998Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.65129 7.09766V8.70303C5.65129 8.75072 5.61091 8.79045 5.56246 8.79045H4.14516C4.06844 8.79045 4.02806 8.69508 4.08459 8.64343C4.60548 8.12685 5.12637 7.61424 5.65129 7.09766Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.55967 8.99609H2.30514C2.25669 8.99609 2.21631 9.03583 2.21631 9.08352V10.5975C2.21631 10.6452 2.25669 10.6849 2.30514 10.6849H5.55967C5.60813 10.6849 5.6485 10.6452 5.6485 10.5975V9.08352C5.6485 9.03583 5.60813 8.99609 5.55967 8.99609Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.82638 17.9865L6.49388 17.2276C6.4535 17.2037 6.43735 17.1521 6.46158 17.1083L8.99333 12.7969C9.19926 13.5559 9.40519 14.3109 9.61112 15.0698C9.6192 15.0937 9.61516 15.1175 9.60305 15.1374L7.95155 17.9547C7.91925 17.9985 7.86676 18.0104 7.82638 17.9865Z",fill:"#61C699"}),B.default.createElement("path",{d:"M5.64795 10.8984L7.05717 11.7011C7.09755 11.725 7.1137 11.7766 7.08947 11.8203L6.38284 13.0283C6.34246 13.0959 6.24152 13.084 6.22133 13.0085C6.02751 12.3012 5.83773 11.5978 5.64795 10.8984Z",fill:"#61C699"}),B.default.createElement("path",{d:"M7.2739 11.9258L5.64664 14.6994C5.62241 14.7392 5.63856 14.7948 5.67894 14.8187L7.01144 15.5776C7.05182 15.6015 7.10835 15.5856 7.13258 15.5458L8.75984 12.7722C8.78407 12.7325 8.76792 12.6768 8.72754 12.653L7.39504 11.894C7.35062 11.8702 7.29813 11.8861 7.2739 11.9258Z",fill:"#61C699"}),B.default.createElement("path",{d:"M16.3199 14.4866L14.9874 15.2456C14.947 15.2694 14.8904 15.2535 14.8662 15.2138L12.3345 10.9023C13.1057 11.105 13.8729 11.3077 14.6441 11.5103C14.6684 11.5143 14.6845 11.5302 14.6966 11.5501L16.3481 14.3674C16.3764 14.4111 16.3643 14.4628 16.3199 14.4866Z",fill:"#61C699"}),B.default.createElement("path",{d:"M8.99121 12.7983L10.4004 11.9956C10.4408 11.9717 10.4973 11.9876 10.5216 12.0274L11.2282 13.2354C11.2686 13.3029 11.204 13.3824 11.1272 13.3625C10.4166 13.1758 9.70188 12.989 8.99121 12.7983Z",fill:"#61C699"}),B.default.createElement("path",{d:"M10.7077 11.9285L12.3349 14.7021C12.3592 14.7418 12.4117 14.7577 12.4561 14.7339L13.7886 13.9749C13.829 13.9511 13.8451 13.8994 13.8209 13.8557L12.1936 11.0821C12.1694 11.0423 12.1169 11.0264 12.0725 11.0503L10.74 11.8092C10.6996 11.8331 10.6834 11.8847 10.7077 11.9285Z",fill:"#61C699"}))))),B.default.createElement(Kt,{open:Me,onClose:F,maxWidth:"500px"},B.default.createElement("div",{className:"fractal-popup-content",style:{padding:"0px",maxWidth:"500px"}},B.default.createElement("div",{className:"request-payment-success-container"},B.default.createElement("span",{className:"request-payment-close-popup",onClick:F},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},B.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"})),B.default.createElement("defs",null,B.default.createElement("clipPath",{id:"clip0_12425_52336"},B.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),B.default.createElement("div",{className:"request-payment-success-tick-div"},B.default.createElement("div",{className:"request-payment-success-tick"},B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},B.default.createElement("path",{d:"M6.12669 13.9774C5.97396 14.131 5.76558 14.2167 5.54913 14.2167C5.33267 14.2167 5.1243 14.131 4.97157 13.9774L0.359012 9.36408C-0.119671 8.8854 -0.119671 8.10919 0.359012 7.6314L0.936573 7.05369C1.4154 6.57501 2.19072 6.57501 2.6694 7.05369L5.54913 9.93357L13.3306 2.15198C13.8094 1.6733 14.5855 1.6733 15.0634 2.15198L15.641 2.72969C16.1196 3.20837 16.1196 3.98444 15.641 4.46237L6.12669 13.9774Z",fill:"#61C699"})))),B.default.createElement("h6",{className:"request-payment-success-text"},"The request ",B.default.createElement("br",null),"was sent"),B.default.createElement("h6",{className:"request-payment-success-subtext"},"Please wait for the customer to pay"),B.default.createElement("div",{className:"request-payment-success-btn-div"},B.default.createElement("button",{onClick:F,className:"request-payment-success-btn2"},"Close"))))))))}var i=Ye(require("react"));var Wn=Ye(require("react"));function Et(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return Wn.default.createElement("style",null,`
|
|
579
579
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
580
580
|
body
|
|
581
581
|
{
|
|
@@ -1469,7 +1469,7 @@
|
|
|
1469
1469
|
padding:10px 17px;
|
|
1470
1470
|
cursor:pointer;
|
|
1471
1471
|
}
|
|
1472
|
-
`)}var ki=({onClose:e,error:A})=>qt.default.createElement(qt.default.Fragment,null,qt.default.createElement(kn,null),qt.default.createElement("div",{className:"card-error"},qt.default.createElement("div",{className:"payment-error-container"},qt.default.createElement("div",{className:"error-icon"},qt.default.createElement("div",{className:"circle"},qt.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),qt.default.createElement("div",{className:"error-text"},qt.default.createElement("div",{className:"payment-error-text"},A),qt.default.createElement("div",{className:"thank-you-text"},"Try again later ")),qt.default.createElement("div",{className:"error-btn-div"},qt.default.createElement("button",{onClick:e},"OK")))))),Ht=ki;var Jn=require("socket.io-client");var _i=(0,Jn.io)(Ge,{transports:["websocket"],withCredentials:!1}),Se=_i;var Rt=e=>{try{let A=JSON.parse(e);return typeof A=="object"&&A!==null}catch(A){return!1}};function Xn(e){var Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;let[A,V]=(0,i.useState)(!1),[R,S]=(0,i.useState)(!1),[et,L]=(0,i.useState)(""),[yt,Ae]=(0,i.useState)(!1),[ke,N]=(0,i.useState)(!1),[U,p]=(0,i.useState)("card"),[k,h]=(0,i.useState)("card"),[Ne,w]=(0,i.useState)(!0),[Me,X]=(0,i.useState)(!1),[Oe,nt]=(0,i.useState)(!1),je=e.merchantPublicKey,kt=ae+"widget/mc-img.svg",it=ae+"widget/visa-img.svg",mt=ae+"widget/ae-img.svg",c=ae+"widget/discover-img.svg",Ze=ae+"widget/card.svg",P=ae+"widget/Trash.svg",H=ae+"widget/bank.svg",F=ae+"widget/secure-img.png",$e=ae+"widget/pov-by.png",de=ae+"widget/pax.svg",[a,s]=(0,i.useState)(),[x,pe]=(0,i.useState)({}),[v,C]=(0,i.useState)(),[l,j]=(0,i.useState)({}),[I,Ee]=(0,i.useState)([]),[ot,vt]=(0,i.useState)(),[Qe,bt]=(0,i.useState)(),[r,Yt]=(0,i.useState)(),[Ft,Le]=(0,i.useState)(""),ht=()=>V(!0),ft=()=>V(!1),Pt=()=>{N(!1),p("card"),L(""),Ae(!1),Le(""),C({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),nt(!1),X(!1),vt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),bt({}),h("card"),w(!0)},zt=()=>N(!0),xt=t=>{p(t)},at=(t,n)=>{let y=t;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(y)){(n===""||/^[0-9]+$/.test(n))&&(pe(T=>z(M({},T),{[y]:""})),s(T=>z(M({},T),{[y]:n})));return}pe(T=>z(M({},T),{[y]:""})),s(T=>z(M({},T),{[y]:n}))},rt=t=>{let y=t.target.value.replace(/\D/g,""),ue="";/^3[47]/.test(y)?ue=y.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,q,me,ye)=>[q,me,ye].filter(Boolean).join(" ")):ue=y.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,q,me,ye,Fe)=>[q,me,ye,Fe].filter(Boolean).join(" ")),pe(T=>z(M({},T),{cardNumber:""})),s(T=>z(M({},T),{cardNumber:ue}))},gt=t=>{let{name:n,value:y}=t.target,ue=["routingNumber","accountNumber","confirmAccountNumber"];if(n=="name"){/^[a-zA-Z\s]*$/.test(y)&&(j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y})));return}if(ue.includes(n)){(y===""||/^[0-9]+$/.test(y))&&(j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y})));return}j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y}))},u=()=>{var T,we,q,me,ye,Fe;let t={},n=a,y=parseInt((n==null?void 0:n.expiryMonth)||"",10),ue=(n==null?void 0:n.expiryYear)||"";if((T=n==null?void 0:n.cardName)!=null&&T.trim()||(t.cardName="Card name is required"),(we=n==null?void 0:n.cardNumber)!=null&&we.trim()||(t.cardNumber="Card number is required"),(!((q=n==null?void 0:n.expiryMonth)!=null&&q.trim())||!((me=n==null?void 0:n.expiryYear)!=null&&me.trim())||isNaN(y)||y<1||y>12||ue.length!==4)&&(t.expiryMonth="Invalid Expiration Date."),(ye=n==null?void 0:n.cvv)!=null&&ye.trim()||(t.cvv="CVV is required"),(Fe=n==null?void 0:n.zipCode)!=null&&Fe.trim()||(t.zipCode="ZIP code is required"),n!=null&&n.expiryMonth&&(n!=null&&n.expiryYear)&&n.expiryMonth.length<=2&&n.expiryYear.length===4){let Be=parseInt(n.expiryMonth,10),ie=parseInt(n.expiryYear,10),qe=new Date,De=qe.getMonth()+1,Ve=qe.getFullYear();(ie<Ve||ie===Ve&&Be<De)&&(t.expiryMonth="Card is expired")}return pe(t),Object.keys(t).length>0},f=()=>{var y,ue,T,we,q,me,ye,Fe,Be;let t={},n=v;if((y=n==null?void 0:n.name)!=null&&y.trim()||(t.name="Name is required"),(ue=n==null?void 0:n.accountNumber)!=null&&ue.trim()||(t.accountNumber="Account number is required"),(T=n==null?void 0:n.accountNumber)!=null&&T.trim()&&((we=n==null?void 0:n.accountNumber)==null?void 0:we.trim())!==((q=n==null?void 0:n.confirmAccountNumber)==null?void 0:q.trim())&&(t.confirmAccountNumber="Account numbers must match"),(me=n==null?void 0:n.bankName)!=null&&me.trim()||(t.bankName="Bank name is required"),(ye=n==null?void 0:n.routingNumber)!=null&&ye.trim()||(t.routingNumber="Routing Number is required"),n!=null&&n.routingNumber&&((Fe=n==null?void 0:n.routingNumber)==null?void 0:Fe.length)!==9&&(t.routingNumber="Routing number must be 9 digits"),((Be=n==null?void 0:n.routingNumber)==null?void 0:Be.length)==9){let ie=n==null?void 0:n.routingNumber,qe=[3,7,1],De=0;for(let Ve=0;Ve<ie.length;Ve++)De+=parseInt(ie[Ve],10)*qe[Ve%3];De%10!==0&&(t.routingNumber="Invalid routing number")}return j(t),Object.keys(t).length>0},Q=async t=>{var n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J;if(t.preventDefault(),U!=="ach"){if(u())return;{let Mt=DatacapWebToken.validateCardNumber(a==null?void 0:a.cardNumber.replaceAll(" ","")),D=DatacapWebToken.validateExpirationDate(a==null?void 0:a.expiryMonth,a==null?void 0:a.expiryYear),It=DatacapWebToken.validateCVV(a==null?void 0:a.cvv),_t={};if(Mt||(_t.cardNumber="Invalid card Number"),D||(_t.expiryMonth="Invalid Expiration Date."),It||(_t.cvv="Invalid CVV"),pe(_t),Mt&&It&&D){S(!0);try{let pt=z(M({},a),{amount:`${e.amount||0}`,fractalpayPublicKey:je,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}),He=await Ut.default.post(`${Ge}create-widget-order`,pt),Zt=async function(st){if(st.Error)L(st.Error),S(!1);else{let se=a==null?void 0:a.cardName,G=a==null?void 0:a.zipCode;st.name=se,st.postal_code=G,st.isCardSave=`${Me}`,st.isCharge=!0,st.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,console.log(st,"resppp"),console.log(He==null?void 0:He.data.data.posSalesIdEncode,"fkjdashgfuh"),Se.emit("sendMessage",st),Se.on(He==null?void 0:He.data.data.posSalesIdEncode,xe=>{if(console.log(xe,"socket data"),Rt(xe==null?void 0:xe.data)){let be=JSON.parse(xe.data);console.log("return data : ",be),be!=null&&be.result?(s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),X(!1),Le(be==null?void 0:be.transactionId),Ae(!0),S(!1)):(S(!1),L((be==null?void 0:be.message)||"Something went wrong."))}else L("Something went wrong.")})}};if((r==null?void 0:r.paymentGateway)===32){let st={method:"POST",redirect:"follow"};try{let se=await Ut.default.post(`${ct}api/v1/widget/generate-session`,st),G=Number(a==null?void 0:a.expiryYear)%100,xe=a==null?void 0:a.cardNumber;xe=xe==null?void 0:xe.replace(/\s+/g,"");let be=`${xe}=${G}${a==null?void 0:a.expiryMonth} ${a==null?void 0:a.cvv}`,pn=forge.pki.publicKeyFromPem((y=(n=se==null?void 0:se.data)==null?void 0:n.data)==null?void 0:y.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),hn=forge.util.encode64(pn),fn={"Content-Type":"application/json","x-app-session-key":(T=(ue=se.data)==null?void 0:ue.data)==null?void 0:T.session_key},yn=JSON.stringify({enc_track2_data:`${hn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(q=(we=se==null?void 0:se.data)==null?void 0:we.data)==null?void 0:q.session_key}`});try{let dt=await Ut.default.post(`${$t}tokenizer/tokenize`,yn,{headers:fn}),bn=JSON.stringify(z(M({},(me=dt==null?void 0:dt.data)==null?void 0:me.data),{isSaveCardChecked:Me,name:a==null?void 0:a.cardName,postal_code:a==null?void 0:a.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(Fe=(ye=He==null?void 0:He.data)==null?void 0:ye.data)==null?void 0:Fe.posSalesIdEncode}`,token:`${(Be=dt==null?void 0:dt.data)==null?void 0:Be.data.token}`,json_response:`${bn}`}),vn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Se.emit("sendMessage",vn),Se.on("chargeviafractalgateway",Tt=>{var rn;if(console.log(Tt,"socket data"),Rt(Tt==null?void 0:Tt.data)){let Ke=JSON.parse(Tt==null?void 0:Tt.data);console.log(Ke,"dfuigdasuf"),Ke!=null&&Ke.result?(Le((rn=Ke==null?void 0:Ke.data)==null?void 0:rn.transactionId),Ae(!0),S(!1)):(S(!1),L((Ke==null?void 0:Ke.message)||"Something went wrong."))}else L("Something went wrong.")})}catch(dt){S(!1),L(((qe=(ie=dt==null?void 0:dt.response)==null?void 0:ie.data)==null?void 0:qe.message)||(dt==null?void 0:dt.message)||"Something went wrong.")}}catch(se){S(!1),L(((Ve=(De=se==null?void 0:se.response)==null?void 0:De.data)==null?void 0:Ve.message)||(se==null?void 0:se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Zt)}catch(pt){S(!1),L(((J=(wt=pt==null?void 0:pt.response)==null?void 0:wt.data)==null?void 0:J.message)||(pt==null?void 0:pt.message)||"Something went wrong.")}}}}else{if(f())return;{S(!0);let Mt={fractalpayPublicKey:je,label:(v==null?void 0:v.name)||"John Doe",account_number:v==null?void 0:v.accountNumber,routing_number:v==null?void 0:v.routingNumber,bank_name:v==null?void 0:v.bankName,account_type:v==null?void 0:v.accountType,amount:String(e.amount||0),isSaveAch:Oe,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};Se.emit("sendMessage",Mt),Se.on("ach-incoming",D=>{var It;console.log(D,"sfhdwhf"),(D==null?void 0:D.status)=="Failed"?typeof(D==null?void 0:D.message)=="object"?Object.values(D==null?void 0:D.message).forEach(_t=>{L(_t||"Something went wrong")}):L((D==null?void 0:D.message)||"Something went wrong"):(Le((It=D==null?void 0:D.data)==null?void 0:It.transaction_id),Ae(!0),S(!1))})}}},fe=async()=>{var t,n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J,At,Mt,D,It,_t,pt,He,Zt,st;ht();try{let se={fractalpayPublicKey:je,customer_id:e==null?void 0:e.customerId},G=await Ut.default.post(`${Ge}get-payment-details`,se);if(Yt((t=G==null?void 0:G.data)==null?void 0:t.data),(y=(n=G==null?void 0:G.data)==null?void 0:n.data)!=null&&y.paymentGateway||(Pt(),L("Something went wrong.")),(T=(ue=G==null?void 0:G.data)==null?void 0:ue.data)!=null&&T.card_list&&((me=(q=(we=G==null?void 0:G.data)==null?void 0:we.data)==null?void 0:q.card_list)==null?void 0:me.length)>0){Ee((Fe=(ye=G==null?void 0:G.data)==null?void 0:ye.data)==null?void 0:Fe.card_list),p("cardList");let xe=(qe=(ie=(Be=G==null?void 0:G.data)==null?void 0:Be.data)==null?void 0:ie.card_list)==null?void 0:qe.filter(be=>(be==null?void 0:be.primary_card)==1);(xe!=null&&xe[0]&&((De=xe==null?void 0:xe[0])==null?void 0:De.payment_method_type)==((wt=(Ve=G==null?void 0:G.data)==null?void 0:Ve.data)==null?void 0:wt.paymentGateway)||((J=xe==null?void 0:xe[0])==null?void 0:J.card_type)==="Bank")&&vt(xe[0])}else p("card");(Mt=(At=G==null?void 0:G.data)==null?void 0:At.data)!=null&&Mt.paymentDeviceList&&((_t=(It=(D=G==null?void 0:G.data)==null?void 0:D.data)==null?void 0:It.paymentDeviceList)==null?void 0:_t.length)>0&&bt((He=(pt=G==null?void 0:G.data)==null?void 0:pt.data)==null?void 0:He.paymentDeviceList[0]),ft()}catch(se){console.log(se),ft(),L(((st=(Zt=se==null?void 0:se.response)==null?void 0:Zt.data)==null?void 0:st.message)||(se==null?void 0:se.message)||"Something went wrong")}},O=async()=>{let t=e==null?void 0:e.customerId,n=String(e==null?void 0:e.discount),y=String(e==null?void 0:e.surcharge),ue=String(e==null?void 0:e.tax),T=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,q=String(e==null?void 0:e.amount),me=ot==null?void 0:ot.id,ye=ot==null?void 0:ot.card_type;if(T&&we&&q)if(t)if(me){let Be={amount:q,order_id:we,customer_id:t,card_id:me,fractalpayPublicKey:T,isCardSave:Me,discount:n,surcharge:y,tax:ue},Fe=Be,{isCardSave:ie}=Fe,qe=Wt(Fe,["isCardSave"]),Ve=Ge+(ye==="Bank"?"charge-ach":"charge-by-card"),wt={"Content-Type":"application/json"};S(!0),Se.emit("sendMessage",{url:Ve,body:ye=="Bank"?qe:Be,isChargebycard:!0}),Se.on("charge-by-card",J=>{var At;console.log(J,"response"),(J==null?void 0:J.result)==!0||(J==null?void 0:J.status)==!0?(Le((At=J.data)==null?void 0:At.transaction_id),Ae(!0),S(!1)):L((J==null?void 0:J.message)||"Something went wrong.")})}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")},Ie=async()=>{var T,we,q,me,ye,Fe;let t=e==null?void 0:e.merchantPublicKey,n=e==null?void 0:e.orderID,y=String(e==null?void 0:e.amount),ue=e==null?void 0:e.customerId;if(!(Qe!=null&&Qe.device_id)){L("Please Select A Payment Device");return}if(t&&n&&y){S(!0);let Be={amount:y,fractalpayPublicKey:t,customer_order_id:n,device_id:Qe==null?void 0:Qe.device_id,customer_id:ue||""};try{let ie=await Ut.default.post(`${Ge}charge-with-reader`,Be);console.log(ie,"response"),((T=ie==null?void 0:ie.data)==null?void 0:T.result)==!0?(Le((q=(we=ie==null?void 0:ie.data)==null?void 0:we.data)==null?void 0:q.transaction_id),Ae(!0),S(!1)):(L(((me=ie==null?void 0:ie.data)==null?void 0:me.message)||"Something went wrong."),S(!1))}catch(ie){L(((Fe=(ye=ie==null?void 0:ie.response)==null?void 0:ye.data)==null?void 0:Fe.message)||"Something went wrong."),S(!1)}}else L("Something went wrong.")},ce=()=>{k==="card"?O():k==="reader"&&Ie()};(0,i.useEffect)(()=>{ke&&je&&fe()},[je,ke]);let he=async t=>{en.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 n=>{if(n.isConfirmed){S(!0);try{let y={card_id:t,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ue=await Ut.default.post(`${Ge}delete-customer-card`,y);S(!1),fe(),en.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(y){S(!1),en.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else n.dismiss===en.default.DismissReason.cancel&&en.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=t=>{switch(t==null?void 0:t.toLowerCase()){case"visa":return it;case"mastercard":case"mc":case"m/c":return kt;case"amex":case"american express":case"ae":return mt;case"discover":return c;case"bank":return H;default:return t}};return i.default.createElement(i.default.Fragment,null,i.default.createElement(Bt,null),i.default.createElement(Et,null),i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{className:"paymentBtn",onClick:zt},"Pay"),i.default.createElement(Kt,{open:ke,onClose:Pt},et&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Ht,{error:et,onClose:Pt})),yt&&i.default.createElement(ln,{onClose:Pt,tranId:Ft}),!et&&!yt&&i.default.createElement(i.default.Fragment,null,(A||R)&&i.default.createElement(Lt,{loading:A||R}),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:Pt},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:r==null?void 0:r.logo,id:"pay-logos"})),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"},i.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),i.default.createElement("h1",{className:"pay-heading"},"Pay"),(I==null?void 0:I.length)>0&&U!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>p("cardList")}," ",i.default.createElement(_n.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"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Te=Number(e==null?void 0:e.amount))==null?void 0:Te.toFixed(2))),U!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.default.createElement("img",{src:it,alt:"",width:33}),i.default.createElement("img",{src:kt,width:33,alt:""}),i.default.createElement("img",{src:mt,alt:"",width:33}),i.default.createElement("img",{src:c,width:33,alt:""})))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:F,alt:""}),i.default.createElement("img",{src:$e,alt:""}),"Secure payments powered by Fractal"),i.default.createElement("div",null)),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!A&&i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?i.default.createElement("div",null,(I==null?void 0:I.length)>0&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>p("cardList")}," ",i.default.createElement(_n.IoArrowBack,null)," Back"),(r==null?void 0:r.isSkyFiAccount)&&i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:t=>{xt("card")},style:{border:U==="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:t=>{xt("ach")},style:{border:U==="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"},"$",(_e=Number(e==null?void 0:e.amount))==null?void 0:_e.toFixed(2))),U!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:kt,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""}))))):i.default.createElement("div",null,i.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",r==null?void 0:r.customer_name),i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",k==="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"},"$",(Ue=Number(e==null?void 0:e.amount))==null?void 0:Ue.toFixed(2))),i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:kt,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""}))))),i.default.createElement("div",{id:"ach",style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"card-lint-div-in"},i.default.createElement("div",{className:"card-list-div"},k==="card"?i.default.createElement(i.default.Fragment,null,(r==null?void 0:r.card_list)&&((Je=r==null?void 0:r.card_list)==null?void 0:Je.length)>0&&((tt=r==null?void 0:r.card_list)==null?void 0:tt.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{disabled:(r==null?void 0:r.paymentGateway)!=(t==null?void 0:t.payment_method_type)&&(t==null?void 0:t.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ot===t,onChange:y=>vt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",t==null?void 0:t.cardlastfourdigit),(t==null?void 0:t.card_type)!="Bank"&&i.default.createElement("h6",{className:"card-expiry-date"},t==null?void 0:t.expmonth,"/",t==null?void 0:t.expyear)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:ze(t==null?void 0:t.card_type),alt:""})),i.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>he(t==null?void 0:t.id)},i.default.createElement("img",{src:P,alt:""}))))))):i.default.createElement(i.default.Fragment,null,(r==null?void 0:r.paymentDeviceList)&&((Xe=r==null?void 0:r.paymentDeviceList)==null?void 0:Xe.length)>0&&((ut=r==null?void 0:r.paymentDeviceList)==null?void 0:ut.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:de,alt:""})))))))),i.default.createElement("div",{className:"pay-with-other-card",onClick:()=>p("card")},"Pay With Other Card",i.default.createElement("img",{src:Ze,alt:""})),k==="card"&&(r==null?void 0:r.paymentDeviceList)&&((_=r==null?void 0:r.paymentDeviceList)==null?void 0:_.length)>0&&i.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("reader")},"Pay With Reader",i.default.createElement("img",{src:de,alt:""})),k==="reader"&&(r==null?void 0:r.paymentDeviceList)&&((b=r==null?void 0:r.paymentDeviceList)==null?void 0:b.length)>0&&i.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("card")},"Pay With Saved Card",i.default.createElement("img",{src:Ze,alt:""}))),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ce},"$",(Z=Number(e==null?void 0:e.amount))==null?void 0:Z.toFixed(2)))),i.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},Ne?i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Q},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"398px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"456px":(I==null?void 0:I.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:(a==null?void 0:a.cardName)||"",onChange:t=>{let n=t.target.value;/^[a-zA-Z\s]*$/.test(n)&&at("cardName",n)}}),(x==null?void 0:x.cardName)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:(a==null?void 0:a.cardNumber)||"",onChange:t=>rt(t),"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:(a==null?void 0:a.expiryMonth)||"",onChange:t=>at("expiryMonth",t.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:(a==null?void 0:a.expiryYear)||"",onChange:t=>at("expiryYear",t.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:(a==null?void 0:a.cvv)||"",onChange:t=>at("cvv",t.target.value)})))),(x==null?void 0:x.cardNumber)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),i.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:($=e==null?void 0:e.orderID)!=null?$:"",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:(E=a==null?void 0:a.zipCode)!=null?E:"",onChange:t=>at("zipCode",t.target.value)}),(x==null?void 0:x.zipCode)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:Me,onChange:t=>X(t.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"}},(r==null?void 0:r.paymentDeviceList)&&((ve=r==null?void 0:r.paymentDeviceList)==null?void 0:ve.length)>0&&i.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!Ne)},Ne?"Pay With Reader":"Pay With Card"),i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ge=Number(e==null?void 0:e.amount))==null?void 0:ge.toFixed(2)))):i.default.createElement(i.default.Fragment,null,i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),i.default.createElement("div",{className:"card-lint-div-in"},i.default.createElement("div",{className:"card-list-div"},(r==null?void 0:r.paymentDeviceList)&&((re=r==null?void 0:r.paymentDeviceList)==null?void 0:re.length)>0&&((Pe=r==null?void 0:r.paymentDeviceList)==null?void 0:Pe.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:de,alt:""})))))))),i.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((le=r==null?void 0:r.paymentDeviceList)==null?void 0:le.length)>0&&i.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!Ne)},Ne?"Pay With Reader":"Pay With Card"),i.default.createElement("button",{onClick:Ie,className:"pay-button"},"$",(W=Number(e==null?void 0:e.amount))==null?void 0:W.toFixed(2))))),i.default.createElement("div",{id:"ach",style:{display:U==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Q},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"378px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"436px":(I==null?void 0:I.length)>0?"462px":"520px",maxHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"358px":((I==null?void 0:I.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:(ee=v==null?void 0:v.name)!=null?ee:"",onChange:gt}),(l==null?void 0:l.name)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(We=v==null?void 0:v.routingNumber)!=null?We:"",onChange:gt}),(l==null?void 0:l.routingNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(Ce=v==null?void 0:v.accountNumber)!=null?Ce:"",onChange:gt}),(l==null?void 0:l.accountNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(te=v==null?void 0:v.confirmAccountNumber)!=null?te:"",onChange:gt}),(l==null?void 0:l.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(oe=v==null?void 0:v.bankName)!=null?oe:"",onChange:gt}),(l==null?void 0:l.bankName)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.bankName)),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:(Ct=v==null?void 0:v.accountType)!=null?Ct:"",onChange:gt},i.default.createElement("option",{value:""},"Select account"),i.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),i.default.createElement("option",{value:"Business Saving"},"Business Saving"),i.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),i.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(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:Oe,onChange:t=>nt(t.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Oe&&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"},"$",(Nt=Number(e==null?void 0:e.amount))==null?void 0:Nt.toFixed(2)))))))))))))))}var m=Ye(require("react"));var tn=Ye(require("axios"));var cn=Ye(require("sweetalert2")),Sn=require("react-icons/io5");function Qn(e){var Le,ht,ft,Pt,zt,xt,at,rt,gt;let[A,V]=(0,m.useState)(!1),[R,S]=(0,m.useState)(!1),[et,L]=(0,m.useState)(""),[yt,Ae]=(0,m.useState)(!1),[ke,N]=(0,m.useState)(!1),[U,p]=(0,m.useState)("card"),[k,h]=(0,m.useState)(!1),Ne=e.merchantPublicKey,w=ae+"widget/mc-img.svg",Me=ae+"widget/visa-img.svg",X=ae+"widget/ae-img.svg",Oe=ae+"widget/discover-img.svg",nt=ae+"widget/card.svg",je=ae+"widget/Trash.svg",kt=ae+"widget/bank.svg",it=ae+"widget/secure-img.png",mt=ae+"widget/pov-by.png",[c,Ze]=(0,m.useState)(),[P,H]=(0,m.useState)({}),[F,$e]=(0,m.useState)([]),[de,a]=(0,m.useState)(),[s,x]=(0,m.useState)(),[pe,v]=(0,m.useState)(""),C=()=>V(!0),l=()=>V(!1),j=()=>{N(!1),p("card"),S(!1),L(""),Ae(!1),v(""),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),H({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),a({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},I=()=>N(!0),Ee=(u,f)=>{let Q=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Q)){(f===""||/^[0-9]+$/.test(f))&&(H(O=>z(M({},O),{[Q]:""})),Ze(O=>z(M({},O),{[Q]:f})));return}H(O=>z(M({},O),{[Q]:""})),Ze(O=>z(M({},O),{[Q]:f}))},ot=u=>{let Q=u.target.value.replace(/\D/g,""),fe="";/^3[47]/.test(Q)?fe=Q.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Ie,ce,he,ze)=>[ce,he,ze].filter(Boolean).join(" ")):fe=Q.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Ie,ce,he,ze,Te)=>[ce,he,ze,Te].filter(Boolean).join(" ")),H(O=>z(M({},O),{cardNumber:""})),Ze(O=>z(M({},O),{cardNumber:fe}))},vt=()=>{var O,Ie,ce,he,ze,Te;let u={},f=c,Q=parseInt((f==null?void 0:f.expiryMonth)||"",10),fe=(f==null?void 0:f.expiryYear)||"";if((O=f==null?void 0:f.cardName)!=null&&O.trim()||(u.cardName="Card name is required"),(Ie=f==null?void 0:f.cardNumber)!=null&&Ie.trim()||(u.cardNumber="Card number is required"),(!((ce=f==null?void 0:f.expiryMonth)!=null&&ce.trim())||!((he=f==null?void 0:f.expiryYear)!=null&&he.trim())||isNaN(Q)||Q<1||Q>12||fe.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(ze=f==null?void 0:f.cvv)!=null&&ze.trim()||(u.cvv="CVV is required"),(Te=f==null?void 0:f.zipCode)!=null&&Te.trim()||(u.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let _e=parseInt(f.expiryMonth,10),Ue=parseInt(f.expiryYear,10),Je=new Date,tt=Je.getMonth()+1,Xe=Je.getFullYear();(Ue<Xe||Ue===Xe&&_e<tt)&&(u.expiryMonth="Card is expired")}return H(u),Object.keys(u).length>0},Qe=async u=>{var f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$;if(u.preventDefault(),U=="card"){if(vt())return;{let ve=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),ge=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),re=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),Pe={};if(ve||(Pe.cardNumber="Invalid card Number"),ge||(Pe.expiryMonth="Invalid Expiration Date."),re||(Pe.cvv="Invalid CVV"),H(Pe),ve&&re&&ge){S(!0);try{let le=async function(W){if(W.Error)L(W.Error),S(!1);else{let ee=c==null?void 0:c.cardName,We=c==null?void 0:c.zipCode;W.name=ee,W.postal_code=We,W.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,W.amount=e==null?void 0:e.amount,W.order_id=e==null?void 0:e.orderID,W.preAuth_id="",W.isCardSave=k,W.customer_id=e==null?void 0:e.customerId,W.link_token="",W.gateway_id=s==null?void 0:s.paymentGateway,W.discount=e==null?void 0:e.discount,W.tax=e==null?void 0:e.tax,W.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let te={method:"POST",body:JSON.stringify(W),redirect:"follow"};Se.emit("sendMessage",z(M({},te),{isChargePreauth:!0})),Se.on("charge-preauth",oe=>{var Ct;console.log(oe,"datdata"),(oe==null?void 0:oe.status)=="Failed"?(S(!1),L((oe==null?void 0:oe.message)||"Something went wrong. Please try again later.")):(Ae(!0),v((Ct=oe==null?void 0:oe.data)==null?void 0:Ct.transaction_id),S(!1),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((s==null?void 0:s.paymentGateway)===32){let W={method:"POST",redirect:"follow"};try{let ee=await tn.default.post(`${ct}api/v1/widget/generate-session`,W),We=Number(c==null?void 0:c.expiryYear)%100,Ce=c==null?void 0:c.cardNumber;Ce=Ce==null?void 0:Ce.replace(/\s+/g,"");let te=`${Ce}=${We}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,Ct=forge.pki.publicKeyFromPem((Q=(f=ee==null?void 0:ee.data)==null?void 0:f.data)==null?void 0:Q.publicKeyPem).encrypt(te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Nt=forge.util.encode64(Ct),t={"Content-Type":"application/json","x-app-session-key":(O=(fe=ee.data)==null?void 0:fe.data)==null?void 0:O.session_key},n=JSON.stringify({enc_track2_data:`${Nt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ce=(Ie=ee==null?void 0:ee.data)==null?void 0:Ie.data)==null?void 0:ce.session_key}`});try{let y=await tn.default.post(`${$t}tokenizer/tokenize`,n,{headers:t}),ue=JSON.stringify(z(M({},(he=y==null?void 0:y.data)==null?void 0:he.data),{name:c==null?void 0:c.cardName,postal_code:c==null?void 0:c.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(Te=(ze=y==null?void 0:y.data)==null?void 0:ze.data)==null?void 0:Te.token}`,fractalpayPublicKey:Ne,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:k,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:c==null?void 0:c.expiryYear,ExpirationMonth:c==null?void 0:c.expiryMonth,CVV:c==null?void 0:c.cvv,Last4:(Ue=(_e=y==null?void 0:y.data)==null?void 0:_e.data)==null?void 0:Ue.last4,Brand:(tt=(Je=y==null?void 0:y.data)==null?void 0:Je.data)==null?void 0:tt.brand,gateway_id:s==null?void 0:s.paymentGateway})),we={method:"POST",headers:{"Content-Type":"application/json"},body:ue,redirect:"follow"};Se.emit("sendMessage",z(M({},we),{isFractalPreauth:!0})),Se.on("fractal-charge-preauth",q=>{var me;(q==null?void 0:q.status)=="Failed"?(S(!1),L((q==null?void 0:q.message)||"Something went wrong , Try again later")):(v((me=q==null?void 0:q.data)==null?void 0:me.transaction_id),Ae(!0),S(!1))})}catch(y){console.log(y),S(!1),L(((ut=(Xe=y==null?void 0:y.response)==null?void 0:Xe.data)==null?void 0:ut.message)||(y==null?void 0:y.message)||"Something went wrong , Try again later")}}catch(ee){S(!1),L(((b=(_=ee==null?void 0:ee.response)==null?void 0:_.data)==null?void 0:b.message)||(ee==null?void 0:ee.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(s==null?void 0:s.dctoken,"PaymentForm",le)}catch(le){S(!1),L((($=(Z=le==null?void 0:le.response)==null?void 0:Z.data)==null?void 0:$.message)||(le==null?void 0:le.message)||"Something went wrong.")}}}}},bt=async()=>{var u,f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b;C();try{let Z={fractalpayPublicKey:Ne,customer_id:e==null?void 0:e.customerId,preauth:!0},$=await tn.default.post(`${Ge}get-payment-details`,Z);if(x((u=$==null?void 0:$.data)==null?void 0:u.data),(Q=(f=$==null?void 0:$.data)==null?void 0:f.data)!=null&&Q.paymentGateway||(j(),L("Something went wrong.")),(O=(fe=$==null?void 0:$.data)==null?void 0:fe.data)!=null&&O.card_list&&((he=(ce=(Ie=$==null?void 0:$.data)==null?void 0:Ie.data)==null?void 0:ce.card_list)==null?void 0:he.length)>0){$e((Te=(ze=$==null?void 0:$.data)==null?void 0:ze.data)==null?void 0:Te.card_list),p("cardList");let E=(Je=(Ue=(_e=$==null?void 0:$.data)==null?void 0:_e.data)==null?void 0:Ue.card_list)==null?void 0:Je.filter(ve=>(ve==null?void 0:ve.primary_card)==1);E!=null&&E[0]&&((tt=E==null?void 0:E[0])==null?void 0:tt.payment_method_type)==((ut=(Xe=$==null?void 0:$.data)==null?void 0:Xe.data)==null?void 0:ut.paymentGateway)&&a(E[0])}else p("card");l()}catch(Z){console.log(Z),l(),L(((b=(_=Z==null?void 0:Z.response)==null?void 0:_.data)==null?void 0:b.message)||(Z==null?void 0:Z.message)||"Something went wrong")}},r=async()=>{var _e,Ue,Je,tt,Xe,ut,_;let u=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,Q=e==null?void 0:e.surcharge,fe=e==null?void 0:e.tax,O=e==null?void 0:e.merchantPublicKey,Ie=e==null?void 0:e.orderID,ce=e==null?void 0:e.amount,he=de==null?void 0:de.id,ze=de==null?void 0:de.card_type;if(O&&Ie&&ce)if(u)if(he){let b={amount:ce,order_id:Ie,customer_id:u,card_id:he,fractalpayPublicKey:O,isCardSave:ze!="Bank",discount:f,surcharge:Q,tax:fe},Te=b,{isCardSave:Z}=Te,$=Wt(Te,["isCardSave"]),ve=Ge+"authorize-by-card",ge={"Content-Type":"application/json"};S(!0);try{let re=await tn.default.post(ve,ze=="Bank"?$:b,{headers:ge});(_e=re==null?void 0:re.data)!=null&&_e.result&&(v((Je=(Ue=re==null?void 0:re.data)==null?void 0:Ue.data)==null?void 0:Je.transaction_id),Ae(!0),S(!1))}catch(re){S(!1),console.log(re),L(((Xe=(tt=re==null?void 0:re.response)==null?void 0:tt.data)==null?void 0:Xe.message)||((_=(ut=re==null?void 0:re.response)==null?void 0:ut.data)==null?void 0:_.status)||"Something went erong")}}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")};(0,m.useEffect)(()=>{ke&&Ne&&bt()},[Ne,ke]);let Yt=async u=>{cn.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async f=>{if(f.isConfirmed){S(!0);try{let Q={card_id:u,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},fe=await tn.default.post(`${Ge}delete-customer-card`,Q);S(!1),bt(),cn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Q){S(!1),cn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ft=u=>{switch(u==null?void 0:u.toLowerCase()){case"visa":return Me;case"mastercard":case"mc":case"m/c":return w;case"amex":case"american express":case"ae":return X;case"discover":return Oe;case"bank":return kt;default:return u}};return m.default.createElement(m.default.Fragment,null,m.default.createElement(Bt,null),m.default.createElement(Et,null),m.default.createElement(m.default.Fragment,null,m.default.createElement("button",{className:"paymentBtn",onClick:I},"PreAuth Payment"),m.default.createElement(Kt,{open:ke,onClose:j},et&&m.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},m.default.createElement(Ht,{error:et,onClose:j})),yt&&m.default.createElement(ln,{onClose:j,tranId:pe}),!et&&!yt&&m.default.createElement(m.default.Fragment,null,(A||R)&&m.default.createElement(Lt,{loading:A||R}),m.default.createElement("div",null,m.default.createElement("div",{className:"frac-card-payment-page frac-form"},m.default.createElement("div",{className:"parent-pay-container"},m.default.createElement("span",{className:"request-payment-close-popup",onClick:j},m.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},m.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"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_12425_52336"},m.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),m.default.createElement("div",{className:"pay-container"},m.default.createElement("div",{className:"pay-header pay-conatiner-one"},m.default.createElement("div",{className:"pay-conatiner-one-first"},m.default.createElement("div",{className:"pay-logo-container"},m.default.createElement("div",{className:"pay-main-logo"},m.default.createElement("img",{src:s==null?void 0:s.logo,id:"pay-logos"})),m.default.createElement("h1",{className:"pay-heading"},"Pay"),(F==null?void 0:F.length)>0&&U!=="cardList"&&m.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>p("cardList")}," ",m.default.createElement(Sn.IoArrowBack,null)," Back")),m.default.createElement("div",{className:"amt-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner"},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e==null?void 0:e.amount))==null?void 0:Le.toFixed(2))),U!="ach"&&m.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},m.default.createElement("img",{src:Me,alt:"",width:33}),m.default.createElement("img",{src:w,width:33,alt:""}),m.default.createElement("img",{src:X,alt:"",width:33}),m.default.createElement("img",{src:Oe,width:33,alt:""})))),m.default.createElement("div",{className:"pay-conatiner-one-last"},m.default.createElement("img",{src:it,alt:""}),m.default.createElement("img",{src:mt,alt:""}),"Secure payments powered by Fractal"),m.default.createElement("div",null)),!A&&m.default.createElement("div",{className:"pay-tab pay-conatiner-two"},m.default.createElement("div",{className:"col-md-12"},m.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?m.default.createElement("div",null,(F==null?void 0:F.length)>0&&m.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>p("cardList")}," ",m.default.createElement(Sn.IoArrowBack,null)," Back"),m.default.createElement("div",{className:""},m.default.createElement("div",{className:"res-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(ht=Number(e==null?void 0:e.amount))==null?void 0:ht.toFixed(2))),m.default.createElement("div",null,m.default.createElement("div",null,m.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:w,width:35,alt:""})),m.default.createElement("div",null,m.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:Oe,width:35,alt:""})))))):m.default.createElement("div",null,m.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",s==null?void 0:s.customer_name),m.default.createElement("div",{className:"res-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(ft=Number(e==null?void 0:e.amount))==null?void 0:ft.toFixed(2))),m.default.createElement("div",null,m.default.createElement("div",null,m.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:w,width:35,alt:""})),m.default.createElement("div",null,m.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:Oe,width:35,alt:""})))),m.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),m.default.createElement("div",{style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},m.default.createElement("div",{className:"card-lint-div-in"},m.default.createElement("div",{className:"card-list-div"},(s==null?void 0:s.card_list)&&((Pt=s==null?void 0:s.card_list)==null?void 0:Pt.length)>0&&((zt=s==null?void 0:s.card_list)==null?void 0:zt.map((u,f)=>m.default.createElement("div",{className:"card-list-single-div",key:f},m.default.createElement("div",{className:"card-number-radio"},m.default.createElement("input",{disabled:(s==null?void 0:s.paymentGateway)!=(u==null?void 0:u.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:de===u,onChange:Q=>a(u)}),m.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",u==null?void 0:u.cardlastfourdigit),m.default.createElement("h6",{className:"card-expiry-date"},u==null?void 0:u.expmonth,"/",u==null?void 0:u.expyear)),m.default.createElement("div",{className:"card-number-radio"},m.default.createElement("span",{className:"visa-card"},m.default.createElement("img",{src:Ft(u==null?void 0:u.card_type),alt:""})),m.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Yt(u==null?void 0:u.id)},m.default.createElement("img",{src:je,alt:""}))))))),m.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>p("card")},"Authorize With Other Card",m.default.createElement("img",{src:nt,alt:""}))),m.default.createElement("div",{className:"form-group"},m.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:r},"$",(xt=Number(e==null?void 0:e.amount))==null?void 0:xt.toFixed(2)))),m.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},m.default.createElement("form",{id:"PaymentForm",onSubmit:Qe},m.default.createElement("div",{className:"ach-scrl",style:{minHeight:(F==null?void 0:F.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),m.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(c==null?void 0:c.cardName)||"",onChange:u=>{let f=u.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)}}),(P==null?void 0:P.cardName)&&m.default.createElement("span",{className:"error-span"},P==null?void 0:P.cardName)),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),m.default.createElement("div",{className:"toggle-num-wrapper"},m.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(c==null?void 0:c.cardNumber)||"",onChange:u=>ot(u),"data-token":"card_number"}),m.default.createElement("div",{className:"card-crdi card-expiry-new"},m.default.createElement("div",{className:"exp-date-year-container"},m.default.createElement("div",{className:"exp-date form-group"},m.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:u=>Ee("expiryMonth",u.target.value)})),m.default.createElement("div",{className:"exp-year form-group"},m.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:u=>Ee("expiryYear",u.target.value)})),m.default.createElement("div",{className:"security-digit form-group"},m.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(c==null?void 0:c.cvv)||"",onChange:u=>Ee("cvv",u.target.value)})))),(P==null?void 0:P.cardNumber)&&m.default.createElement("span",{className:"error-span"},P==null?void 0:P.cardNumber),m.default.createElement("p",{style:{margin:"0"}},P!=null&&P.expiryMonth||P!=null&&P.expiryYear?m.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},P==null?void 0:P.expiryMonth):"",(P==null?void 0:P.cvv)&&m.default.createElement("span",{className:"error-span"},P==null?void 0:P.cvv)))),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),m.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(at=c==null?void 0:c.orderId)!=null?at:"OID123456",onChange:u=>Ee("orderId",u.target.value),style:{background:"#F6F6F7",color:"#727272"}})),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"zip"},"ZIP"),m.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(rt=c==null?void 0:c.zipCode)!=null?rt:"",onChange:u=>Ee("zipCode",u.target.value)}),(P==null?void 0:P.zipCode)&&m.default.createElement("span",{className:"error-span"},P==null?void 0:P.zipCode)),(e==null?void 0:e.customerId)&&m.default.createElement("div",{className:"form-group"},m.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},m.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:k,onChange:u=>h(u.target.checked)}),m.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),m.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),m.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},m.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},m.default.createElement("rect",{width:"20",height:"20",fill:"white"}),m.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),m.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"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_12420_50192"},m.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),m.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},m.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(gt=Number(e==null?void 0:e.amount))==null?void 0:gt.toFixed(2))))))))))))))))}var ne=Ye(require("react"));var ti=Ye(require("sweetalert2")),Jt=Ye(require("axios"));var Dn=Ye(require("react"));function Pn(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return Dn.default.createElement("style",null,`
|
|
1472
|
+
`)}var ki=({onClose:e,error:A})=>qt.default.createElement(qt.default.Fragment,null,qt.default.createElement(kn,null),qt.default.createElement("div",{className:"card-error"},qt.default.createElement("div",{className:"payment-error-container"},qt.default.createElement("div",{className:"error-icon"},qt.default.createElement("div",{className:"circle"},qt.default.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),qt.default.createElement("div",{className:"error-text"},qt.default.createElement("div",{className:"payment-error-text"},A),qt.default.createElement("div",{className:"thank-you-text"},"Try again later ")),qt.default.createElement("div",{className:"error-btn-div"},qt.default.createElement("button",{onClick:e},"OK")))))),Ht=ki;var Jn=require("socket.io-client");var _i=(0,Jn.io)(Ge,{transports:["websocket"],withCredentials:!1}),Se=_i;var Rt=e=>{try{let A=JSON.parse(e);return typeof A=="object"&&A!==null}catch(A){return!1}};function Xn(e){var Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;let[A,V]=(0,i.useState)(!1),[R,S]=(0,i.useState)(!1),[et,L]=(0,i.useState)(""),[yt,Ae]=(0,i.useState)(!1),[ke,w]=(0,i.useState)(!1),[U,g]=(0,i.useState)("card"),[k,h]=(0,i.useState)("card"),[Ne,N]=(0,i.useState)(!0),[Me,X]=(0,i.useState)(!1),[Oe,nt]=(0,i.useState)(!1),je=e.merchantPublicKey,kt=ae+"widget/mc-img.svg",it=ae+"widget/visa-img.svg",mt=ae+"widget/ae-img.svg",c=ae+"widget/discover-img.svg",Ze=ae+"widget/card.svg",F=ae+"widget/Trash.svg",H=ae+"widget/bank.svg",M=ae+"widget/secure-img.png",$e=ae+"widget/pov-by.png",de=ae+"widget/pax.svg",[a,s]=(0,i.useState)(),[x,pe]=(0,i.useState)({}),[v,C]=(0,i.useState)(),[l,j]=(0,i.useState)({}),[I,Ee]=(0,i.useState)([]),[ot,vt]=(0,i.useState)(),[Qe,bt]=(0,i.useState)(),[r,Yt]=(0,i.useState)(),[Ft,Le]=(0,i.useState)(""),ht=()=>V(!0),ft=()=>V(!1),Pt=()=>{w(!1),g("card"),L(""),Ae(!1),Le(""),C({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),nt(!1),X(!1),vt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),bt({}),h("card"),N(!0)},zt=()=>w(!0),xt=t=>{g(t)},at=(t,n)=>{let y=t;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(y)){(n===""||/^[0-9]+$/.test(n))&&(pe(T=>z(P({},T),{[y]:""})),s(T=>z(P({},T),{[y]:n})));return}pe(T=>z(P({},T),{[y]:""})),s(T=>z(P({},T),{[y]:n}))},rt=t=>{let y=t.target.value.replace(/\D/g,""),ue="";/^3[47]/.test(y)?ue=y.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,q,me,ye)=>[q,me,ye].filter(Boolean).join(" ")):ue=y.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,q,me,ye,Fe)=>[q,me,ye,Fe].filter(Boolean).join(" ")),pe(T=>z(P({},T),{cardNumber:""})),s(T=>z(P({},T),{cardNumber:ue}))},gt=t=>{let{name:n,value:y}=t.target,ue=["routingNumber","accountNumber","confirmAccountNumber"];if(n=="name"){/^[a-zA-Z\s]*$/.test(y)&&(j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y})));return}if(ue.includes(n)){(y===""||/^[0-9]+$/.test(y))&&(j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y})));return}j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y}))},p=()=>{var T,we,q,me,ye,Fe;let t={},n=a,y=parseInt((n==null?void 0:n.expiryMonth)||"",10),ue=(n==null?void 0:n.expiryYear)||"";if((T=n==null?void 0:n.cardName)!=null&&T.trim()||(t.cardName="Card name is required"),(we=n==null?void 0:n.cardNumber)!=null&&we.trim()||(t.cardNumber="Card number is required"),(!((q=n==null?void 0:n.expiryMonth)!=null&&q.trim())||!((me=n==null?void 0:n.expiryYear)!=null&&me.trim())||isNaN(y)||y<1||y>12||ue.length!==4)&&(t.expiryMonth="Invalid Expiration Date."),(ye=n==null?void 0:n.cvv)!=null&&ye.trim()||(t.cvv="CVV is required"),(Fe=n==null?void 0:n.zipCode)!=null&&Fe.trim()||(t.zipCode="ZIP code is required"),n!=null&&n.expiryMonth&&(n!=null&&n.expiryYear)&&n.expiryMonth.length<=2&&n.expiryYear.length===4){let Be=parseInt(n.expiryMonth,10),ie=parseInt(n.expiryYear,10),qe=new Date,De=qe.getMonth()+1,Ve=qe.getFullYear();(ie<Ve||ie===Ve&&Be<De)&&(t.expiryMonth="Card is expired")}return pe(t),Object.keys(t).length>0},f=()=>{var y,ue,T,we,q,me,ye,Fe,Be;let t={},n=v;if((y=n==null?void 0:n.name)!=null&&y.trim()||(t.name="Name is required"),(ue=n==null?void 0:n.accountNumber)!=null&&ue.trim()||(t.accountNumber="Account number is required"),(T=n==null?void 0:n.accountNumber)!=null&&T.trim()&&((we=n==null?void 0:n.accountNumber)==null?void 0:we.trim())!==((q=n==null?void 0:n.confirmAccountNumber)==null?void 0:q.trim())&&(t.confirmAccountNumber="Account numbers must match"),(me=n==null?void 0:n.bankName)!=null&&me.trim()||(t.bankName="Bank name is required"),(ye=n==null?void 0:n.routingNumber)!=null&&ye.trim()||(t.routingNumber="Routing Number is required"),n!=null&&n.routingNumber&&((Fe=n==null?void 0:n.routingNumber)==null?void 0:Fe.length)!==9&&(t.routingNumber="Routing number must be 9 digits"),((Be=n==null?void 0:n.routingNumber)==null?void 0:Be.length)==9){let ie=n==null?void 0:n.routingNumber,qe=[3,7,1],De=0;for(let Ve=0;Ve<ie.length;Ve++)De+=parseInt(ie[Ve],10)*qe[Ve%3];De%10!==0&&(t.routingNumber="Invalid routing number")}return j(t),Object.keys(t).length>0},Q=async t=>{var n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J;if(t.preventDefault(),U!=="ach"){if(p())return;{let Mt=DatacapWebToken.validateCardNumber(a==null?void 0:a.cardNumber.replaceAll(" ","")),D=DatacapWebToken.validateExpirationDate(a==null?void 0:a.expiryMonth,a==null?void 0:a.expiryYear),It=DatacapWebToken.validateCVV(a==null?void 0:a.cvv),_t={};if(Mt||(_t.cardNumber="Invalid card Number"),D||(_t.expiryMonth="Invalid Expiration Date."),It||(_t.cvv="Invalid CVV"),pe(_t),Mt&&It&&D){S(!0);try{let pt=z(P({},a),{amount:`${e.amount||0}`,fractalpayPublicKey:je,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}),He=await Ut.default.post(`${Ge}create-widget-order`,pt),Zt=async function(st){if(st.Error)L(st.Error),S(!1);else{let se=a==null?void 0:a.cardName,G=a==null?void 0:a.zipCode;st.name=se,st.postal_code=G,st.isCardSave=`${Me}`,st.isCharge=!0,st.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,console.log(st,"resppp"),console.log(He==null?void 0:He.data.data.posSalesIdEncode,"fkjdashgfuh"),Se.emit("sendMessage",st),Se.on(He==null?void 0:He.data.data.posSalesIdEncode,xe=>{if(console.log(xe,"socket data"),Rt(xe==null?void 0:xe.data)){let be=JSON.parse(xe.data);console.log("return data : ",be),be!=null&&be.result?(s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),X(!1),Le(be==null?void 0:be.transactionId),Ae(!0),S(!1)):(S(!1),L((be==null?void 0:be.message)||"Something went wrong."))}else L("Something went wrong.")})}};if((r==null?void 0:r.paymentGateway)===32){let st={method:"POST",redirect:"follow"};try{let se=await Ut.default.post(`${ct}api/v1/widget/generate-session`,st),G=Number(a==null?void 0:a.expiryYear)%100,xe=a==null?void 0:a.cardNumber;xe=xe==null?void 0:xe.replace(/\s+/g,"");let be=`${xe}=${G}${a==null?void 0:a.expiryMonth} ${a==null?void 0:a.cvv}`,pn=forge.pki.publicKeyFromPem((y=(n=se==null?void 0:se.data)==null?void 0:n.data)==null?void 0:y.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),hn=forge.util.encode64(pn),fn={"Content-Type":"application/json","x-app-session-key":(T=(ue=se.data)==null?void 0:ue.data)==null?void 0:T.session_key},yn=JSON.stringify({enc_track2_data:`${hn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(q=(we=se==null?void 0:se.data)==null?void 0:we.data)==null?void 0:q.session_key}`});try{let dt=await Ut.default.post(`${$t}tokenizer/tokenize`,yn,{headers:fn}),bn=JSON.stringify(z(P({},(me=dt==null?void 0:dt.data)==null?void 0:me.data),{isSaveCardChecked:Me,name:a==null?void 0:a.cardName,postal_code:a==null?void 0:a.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(Fe=(ye=He==null?void 0:He.data)==null?void 0:ye.data)==null?void 0:Fe.posSalesIdEncode}`,token:`${(Be=dt==null?void 0:dt.data)==null?void 0:Be.data.token}`,json_response:`${bn}`}),vn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Se.emit("sendMessage",vn),Se.on("chargeviafractalgateway",Tt=>{var rn;if(console.log(Tt,"socket data"),Rt(Tt==null?void 0:Tt.data)){let Ke=JSON.parse(Tt==null?void 0:Tt.data);console.log(Ke,"dfuigdasuf"),Ke!=null&&Ke.result?(Le((rn=Ke==null?void 0:Ke.data)==null?void 0:rn.transactionId),Ae(!0),S(!1)):(S(!1),L((Ke==null?void 0:Ke.message)||"Something went wrong."))}else L("Something went wrong.")})}catch(dt){S(!1),L(((qe=(ie=dt==null?void 0:dt.response)==null?void 0:ie.data)==null?void 0:qe.message)||(dt==null?void 0:dt.message)||"Something went wrong.")}}catch(se){S(!1),L(((Ve=(De=se==null?void 0:se.response)==null?void 0:De.data)==null?void 0:Ve.message)||(se==null?void 0:se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Zt)}catch(pt){S(!1),L(((J=(wt=pt==null?void 0:pt.response)==null?void 0:wt.data)==null?void 0:J.message)||(pt==null?void 0:pt.message)||"Something went wrong.")}}}}else{if(f())return;{S(!0);let Mt={fractalpayPublicKey:je,label:(v==null?void 0:v.name)||"John Doe",account_number:v==null?void 0:v.accountNumber,routing_number:v==null?void 0:v.routingNumber,bank_name:v==null?void 0:v.bankName,account_type:v==null?void 0:v.accountType,amount:String(e.amount||0),isSaveAch:Oe,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};Se.emit("sendMessage",Mt),Se.on("ach-incoming",D=>{var It;console.log(D,"sfhdwhf"),(D==null?void 0:D.status)=="Failed"?typeof(D==null?void 0:D.message)=="object"?Object.values(D==null?void 0:D.message).forEach(_t=>{L(_t||"Something went wrong")}):L((D==null?void 0:D.message)||"Something went wrong"):(Le((It=D==null?void 0:D.data)==null?void 0:It.transaction_id),Ae(!0),S(!1))})}}},fe=async()=>{var t,n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J,At,Mt,D,It,_t,pt,He,Zt,st;ht();try{let se={fractalpayPublicKey:je,customer_id:e==null?void 0:e.customerId},G=await Ut.default.post(`${Ge}get-payment-details`,se);if(Yt((t=G==null?void 0:G.data)==null?void 0:t.data),(y=(n=G==null?void 0:G.data)==null?void 0:n.data)!=null&&y.paymentGateway||(Pt(),L("Something went wrong.")),(T=(ue=G==null?void 0:G.data)==null?void 0:ue.data)!=null&&T.card_list&&((me=(q=(we=G==null?void 0:G.data)==null?void 0:we.data)==null?void 0:q.card_list)==null?void 0:me.length)>0){Ee((Fe=(ye=G==null?void 0:G.data)==null?void 0:ye.data)==null?void 0:Fe.card_list),g("cardList");let xe=(qe=(ie=(Be=G==null?void 0:G.data)==null?void 0:Be.data)==null?void 0:ie.card_list)==null?void 0:qe.filter(be=>(be==null?void 0:be.primary_card)==1);(xe!=null&&xe[0]&&((De=xe==null?void 0:xe[0])==null?void 0:De.payment_method_type)==((wt=(Ve=G==null?void 0:G.data)==null?void 0:Ve.data)==null?void 0:wt.paymentGateway)||((J=xe==null?void 0:xe[0])==null?void 0:J.card_type)==="Bank")&&vt(xe[0])}else g("card");(Mt=(At=G==null?void 0:G.data)==null?void 0:At.data)!=null&&Mt.paymentDeviceList&&((_t=(It=(D=G==null?void 0:G.data)==null?void 0:D.data)==null?void 0:It.paymentDeviceList)==null?void 0:_t.length)>0&&bt((He=(pt=G==null?void 0:G.data)==null?void 0:pt.data)==null?void 0:He.paymentDeviceList[0]),ft()}catch(se){console.log(se),ft(),L(((st=(Zt=se==null?void 0:se.response)==null?void 0:Zt.data)==null?void 0:st.message)||(se==null?void 0:se.message)||"Something went wrong")}},O=async()=>{let t=e==null?void 0:e.customerId,n=String(e==null?void 0:e.discount),y=String(e==null?void 0:e.surcharge),ue=String(e==null?void 0:e.tax),T=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,q=String(e==null?void 0:e.amount),me=ot==null?void 0:ot.id,ye=ot==null?void 0:ot.card_type;if(T&&we&&q)if(t)if(me){let Be={amount:q,order_id:we,customer_id:t,card_id:me,fractalpayPublicKey:T,isCardSave:Me,discount:n,surcharge:y,tax:ue},Fe=Be,{isCardSave:ie}=Fe,qe=Wt(Fe,["isCardSave"]),Ve=Ge+(ye==="Bank"?"charge-ach":"charge-by-card"),wt={"Content-Type":"application/json"};S(!0),Se.emit("sendMessage",{url:Ve,body:ye=="Bank"?qe:Be,isChargebycard:!0}),Se.on("charge-by-card",J=>{var At;console.log(J,"response"),(J==null?void 0:J.result)==!0||(J==null?void 0:J.status)==!0?(Le((At=J.data)==null?void 0:At.transaction_id),Ae(!0),S(!1)):L((J==null?void 0:J.message)||"Something went wrong.")})}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")},Ie=async()=>{var T,we,q,me,ye,Fe;let t=e==null?void 0:e.merchantPublicKey,n=e==null?void 0:e.orderID,y=String(e==null?void 0:e.amount),ue=e==null?void 0:e.customerId;if(!(Qe!=null&&Qe.device_id)){L("Please Select A Payment Device");return}if(t&&n&&y){S(!0);let Be={amount:y,fractalpayPublicKey:t,customer_order_id:n,device_id:Qe==null?void 0:Qe.device_id,customer_id:ue||""};try{let ie=await Ut.default.post(`${Ge}charge-with-reader`,Be);console.log(ie,"response"),((T=ie==null?void 0:ie.data)==null?void 0:T.result)==!0?(Le((q=(we=ie==null?void 0:ie.data)==null?void 0:we.data)==null?void 0:q.transaction_id),Ae(!0),S(!1)):(L(((me=ie==null?void 0:ie.data)==null?void 0:me.message)||"Something went wrong."),S(!1))}catch(ie){L(((Fe=(ye=ie==null?void 0:ie.response)==null?void 0:ye.data)==null?void 0:Fe.message)||"Something went wrong."),S(!1)}}else L("Something went wrong.")},ce=()=>{k==="card"?O():k==="reader"&&Ie()};(0,i.useEffect)(()=>{ke&&je&&fe()},[je,ke]);let he=async t=>{en.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 n=>{if(n.isConfirmed){S(!0);try{let y={card_id:t,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ue=await Ut.default.post(`${Ge}delete-customer-card`,y);S(!1),fe(),en.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(y){S(!1),en.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else n.dismiss===en.default.DismissReason.cancel&&en.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=t=>{switch(t==null?void 0:t.toLowerCase()){case"visa":return it;case"mastercard":case"mc":case"m/c":return kt;case"amex":case"american express":case"ae":return mt;case"discover":return c;case"bank":return H;default:return t}};return i.default.createElement(i.default.Fragment,null,i.default.createElement(Bt,null),i.default.createElement(Et,null),i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{className:"paymentBtn",onClick:zt},"Pay"),i.default.createElement(Kt,{open:ke,onClose:Pt},et&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Ht,{error:et,onClose:Pt})),yt&&i.default.createElement(ln,{onClose:Pt,tranId:Ft}),!et&&!yt&&i.default.createElement(i.default.Fragment,null,(A||R)&&i.default.createElement(Lt,{loading:A||R}),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:Pt},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:r==null?void 0:r.logo,id:"pay-logos"})),i.default.createElement("div",{className:"pay-container"},i.default.createElement("div",{className:"pay-header pay-conatiner-one"},i.default.createElement("div",{className:"pay-conatiner-one-first"},i.default.createElement("div",{className:"pay-logo-container"},i.default.createElement("div",{className:"pay-main-logo"},i.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),i.default.createElement("h1",{className:"pay-heading"},"Pay"),(I==null?void 0:I.length)>0&&U!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>g("cardList")}," ",i.default.createElement(_n.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"},"Payment Amount"),i.default.createElement("strong",{className:"pay-amount"},"$",(Te=Number(e==null?void 0:e.amount))==null?void 0:Te.toFixed(2))),U!="ach"&&i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},i.default.createElement("img",{src:it,alt:"",width:33}),i.default.createElement("img",{src:kt,width:33,alt:""}),i.default.createElement("img",{src:mt,alt:"",width:33}),i.default.createElement("img",{src:c,width:33,alt:""})))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:M,alt:""}),i.default.createElement("img",{src:$e,alt:""}),"Secure payments powered by Fractal"),i.default.createElement("div",null)),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!A&&i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?i.default.createElement("div",null,(I==null?void 0:I.length)>0&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>g("cardList")}," ",i.default.createElement(_n.IoArrowBack,null)," Back"),(r==null?void 0:r.isSkyFiAccount)&&i.default.createElement("div",{className:"tab"},i.default.createElement("button",{className:"tablinks",onClick:t=>{xt("card")},style:{border:U==="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:t=>{xt("ach")},style:{border:U==="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"},"$",(_e=Number(e==null?void 0:e.amount))==null?void 0:_e.toFixed(2))),U!="ach"&&i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:kt,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""}))))):i.default.createElement("div",null,i.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",r==null?void 0:r.customer_name),i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",k==="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"},"$",(Ue=Number(e==null?void 0:e.amount))==null?void 0:Ue.toFixed(2))),i.default.createElement("div",null,i.default.createElement("div",null,i.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:kt,width:35,alt:""})),i.default.createElement("div",null,i.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),i.default.createElement("img",{src:c,width:35,alt:""}))))),i.default.createElement("div",{id:"ach",style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"card-lint-div-in"},i.default.createElement("div",{className:"card-list-div"},k==="card"?i.default.createElement(i.default.Fragment,null,(r==null?void 0:r.card_list)&&((Je=r==null?void 0:r.card_list)==null?void 0:Je.length)>0&&((tt=r==null?void 0:r.card_list)==null?void 0:tt.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{disabled:(r==null?void 0:r.paymentGateway)!=(t==null?void 0:t.payment_method_type)&&(t==null?void 0:t.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ot===t,onChange:y=>vt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",t==null?void 0:t.cardlastfourdigit),(t==null?void 0:t.card_type)!="Bank"&&i.default.createElement("h6",{className:"card-expiry-date"},t==null?void 0:t.expmonth,"/",t==null?void 0:t.expyear)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:ze(t==null?void 0:t.card_type),alt:""})),i.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>he(t==null?void 0:t.id)},i.default.createElement("img",{src:F,alt:""}))))))):i.default.createElement(i.default.Fragment,null,(r==null?void 0:r.paymentDeviceList)&&((Xe=r==null?void 0:r.paymentDeviceList)==null?void 0:Xe.length)>0&&((ut=r==null?void 0:r.paymentDeviceList)==null?void 0:ut.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:de,alt:""})))))))),i.default.createElement("div",{className:"pay-with-other-card",onClick:()=>g("card")},"Pay With Other Card",i.default.createElement("img",{src:Ze,alt:""})),k==="card"&&(r==null?void 0:r.paymentDeviceList)&&((_=r==null?void 0:r.paymentDeviceList)==null?void 0:_.length)>0&&i.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("reader")},"Pay With Reader",i.default.createElement("img",{src:de,alt:""})),k==="reader"&&(r==null?void 0:r.paymentDeviceList)&&((b=r==null?void 0:r.paymentDeviceList)==null?void 0:b.length)>0&&i.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("card")},"Pay With Saved Card",i.default.createElement("img",{src:Ze,alt:""}))),i.default.createElement("div",{className:"form-group",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ce},"$",(Z=Number(e==null?void 0:e.amount))==null?void 0:Z.toFixed(2)))),i.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},Ne?i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Q},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"398px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"456px":(I==null?void 0:I.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:(a==null?void 0:a.cardName)||"",onChange:t=>{let n=t.target.value;/^[a-zA-Z\s]*$/.test(n)&&at("cardName",n)}}),(x==null?void 0:x.cardName)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:(a==null?void 0:a.cardNumber)||"",onChange:t=>rt(t),"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:(a==null?void 0:a.expiryMonth)||"",onChange:t=>at("expiryMonth",t.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:(a==null?void 0:a.expiryYear)||"",onChange:t=>at("expiryYear",t.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:(a==null?void 0:a.cvv)||"",onChange:t=>at("cvv",t.target.value)})))),(x==null?void 0:x.cardNumber)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),i.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:($=e==null?void 0:e.orderID)!=null?$:"",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:(E=a==null?void 0:a.zipCode)!=null?E:"",onChange:t=>at("zipCode",t.target.value)}),(x==null?void 0:x.zipCode)&&i.default.createElement("span",{className:"error-span"},x==null?void 0:x.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:Me,onChange:t=>X(t.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"}},(r==null?void 0:r.paymentDeviceList)&&((ve=r==null?void 0:r.paymentDeviceList)==null?void 0:ve.length)>0&&i.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>N(!Ne)},Ne?"Pay With Reader":"Pay With Card"),i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ge=Number(e==null?void 0:e.amount))==null?void 0:ge.toFixed(2)))):i.default.createElement(i.default.Fragment,null,i.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),i.default.createElement("div",{className:"card-lint-div-in"},i.default.createElement("div",{className:"card-list-div"},(r==null?void 0:r.paymentDeviceList)&&((re=r==null?void 0:r.paymentDeviceList)==null?void 0:re.length)>0&&((Pe=r==null?void 0:r.paymentDeviceList)==null?void 0:Pe.map((t,n)=>i.default.createElement("div",{className:"card-list-single-div",key:n},i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),i.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),i.default.createElement("div",{className:"card-number-radio"},i.default.createElement("span",{className:"visa-card"},i.default.createElement("img",{src:de,alt:""})))))))),i.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((le=r==null?void 0:r.paymentDeviceList)==null?void 0:le.length)>0&&i.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>N(!Ne)},Ne?"Pay With Reader":"Pay With Card"),i.default.createElement("button",{onClick:Ie,className:"pay-button"},"$",(W=Number(e==null?void 0:e.amount))==null?void 0:W.toFixed(2))))),i.default.createElement("div",{id:"ach",style:{display:U==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Q},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"378px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"436px":(I==null?void 0:I.length)>0?"462px":"520px",maxHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"358px":((I==null?void 0:I.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:(ee=v==null?void 0:v.name)!=null?ee:"",onChange:gt}),(l==null?void 0:l.name)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(We=v==null?void 0:v.routingNumber)!=null?We:"",onChange:gt}),(l==null?void 0:l.routingNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(Ce=v==null?void 0:v.accountNumber)!=null?Ce:"",onChange:gt}),(l==null?void 0:l.accountNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(te=v==null?void 0:v.confirmAccountNumber)!=null?te:"",onChange:gt}),(l==null?void 0:l.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.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:(oe=v==null?void 0:v.bankName)!=null?oe:"",onChange:gt}),(l==null?void 0:l.bankName)&&i.default.createElement("span",{className:"error-span"},l==null?void 0:l.bankName)),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:(Ct=v==null?void 0:v.accountType)!=null?Ct:"",onChange:gt},i.default.createElement("option",{value:""},"Select account"),i.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),i.default.createElement("option",{value:"Business Saving"},"Business Saving"),i.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),i.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(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:Oe,onChange:t=>nt(t.target.checked)}),i.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Oe&&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"},"$",(Nt=Number(e==null?void 0:e.amount))==null?void 0:Nt.toFixed(2)))))))))))))))}var m=Ye(require("react"));var tn=Ye(require("axios"));var cn=Ye(require("sweetalert2")),Sn=require("react-icons/io5");function Qn(e){var Le,ht,ft,Pt,zt,xt,at,rt,gt;let[A,V]=(0,m.useState)(!1),[R,S]=(0,m.useState)(!1),[et,L]=(0,m.useState)(""),[yt,Ae]=(0,m.useState)(!1),[ke,w]=(0,m.useState)(!1),[U,g]=(0,m.useState)("card"),[k,h]=(0,m.useState)(!1),Ne=e.merchantPublicKey,N=ae+"widget/mc-img.svg",Me=ae+"widget/visa-img.svg",X=ae+"widget/ae-img.svg",Oe=ae+"widget/discover-img.svg",nt=ae+"widget/card.svg",je=ae+"widget/Trash.svg",kt=ae+"widget/bank.svg",it=ae+"widget/secure-img.png",mt=ae+"widget/pov-by.png",[c,Ze]=(0,m.useState)(),[F,H]=(0,m.useState)({}),[M,$e]=(0,m.useState)([]),[de,a]=(0,m.useState)(),[s,x]=(0,m.useState)(),[pe,v]=(0,m.useState)(""),C=()=>V(!0),l=()=>V(!1),j=()=>{w(!1),g("card"),S(!1),L(""),Ae(!1),v(""),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),H({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),a({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},I=()=>w(!0),Ee=(p,f)=>{let Q=p;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Q)){(f===""||/^[0-9]+$/.test(f))&&(H(O=>z(P({},O),{[Q]:""})),Ze(O=>z(P({},O),{[Q]:f})));return}H(O=>z(P({},O),{[Q]:""})),Ze(O=>z(P({},O),{[Q]:f}))},ot=p=>{let Q=p.target.value.replace(/\D/g,""),fe="";/^3[47]/.test(Q)?fe=Q.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Ie,ce,he,ze)=>[ce,he,ze].filter(Boolean).join(" ")):fe=Q.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Ie,ce,he,ze,Te)=>[ce,he,ze,Te].filter(Boolean).join(" ")),H(O=>z(P({},O),{cardNumber:""})),Ze(O=>z(P({},O),{cardNumber:fe}))},vt=()=>{var O,Ie,ce,he,ze,Te;let p={},f=c,Q=parseInt((f==null?void 0:f.expiryMonth)||"",10),fe=(f==null?void 0:f.expiryYear)||"";if((O=f==null?void 0:f.cardName)!=null&&O.trim()||(p.cardName="Card name is required"),(Ie=f==null?void 0:f.cardNumber)!=null&&Ie.trim()||(p.cardNumber="Card number is required"),(!((ce=f==null?void 0:f.expiryMonth)!=null&&ce.trim())||!((he=f==null?void 0:f.expiryYear)!=null&&he.trim())||isNaN(Q)||Q<1||Q>12||fe.length!==4)&&(p.expiryMonth="Invalid Expiration Date."),(ze=f==null?void 0:f.cvv)!=null&&ze.trim()||(p.cvv="CVV is required"),(Te=f==null?void 0:f.zipCode)!=null&&Te.trim()||(p.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let _e=parseInt(f.expiryMonth,10),Ue=parseInt(f.expiryYear,10),Je=new Date,tt=Je.getMonth()+1,Xe=Je.getFullYear();(Ue<Xe||Ue===Xe&&_e<tt)&&(p.expiryMonth="Card is expired")}return H(p),Object.keys(p).length>0},Qe=async p=>{var f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$;if(p.preventDefault(),U=="card"){if(vt())return;{let ve=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),ge=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),re=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),Pe={};if(ve||(Pe.cardNumber="Invalid card Number"),ge||(Pe.expiryMonth="Invalid Expiration Date."),re||(Pe.cvv="Invalid CVV"),H(Pe),ve&&re&&ge){S(!0);try{let le=async function(W){if(W.Error)L(W.Error),S(!1);else{let ee=c==null?void 0:c.cardName,We=c==null?void 0:c.zipCode;W.name=ee,W.postal_code=We,W.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,W.amount=e==null?void 0:e.amount,W.order_id=e==null?void 0:e.orderID,W.preAuth_id="",W.isCardSave=k,W.customer_id=e==null?void 0:e.customerId,W.link_token="",W.gateway_id=s==null?void 0:s.paymentGateway,W.discount=e==null?void 0:e.discount,W.tax=e==null?void 0:e.tax,W.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let te={method:"POST",body:JSON.stringify(W),redirect:"follow"};Se.emit("sendMessage",z(P({},te),{isChargePreauth:!0})),Se.on("charge-preauth",oe=>{var Ct;console.log(oe,"datdata"),(oe==null?void 0:oe.status)=="Failed"?(S(!1),L((oe==null?void 0:oe.message)||"Something went wrong. Please try again later.")):(Ae(!0),v((Ct=oe==null?void 0:oe.data)==null?void 0:Ct.transaction_id),S(!1),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((s==null?void 0:s.paymentGateway)===32){let W={method:"POST",redirect:"follow"};try{let ee=await tn.default.post(`${ct}api/v1/widget/generate-session`,W),We=Number(c==null?void 0:c.expiryYear)%100,Ce=c==null?void 0:c.cardNumber;Ce=Ce==null?void 0:Ce.replace(/\s+/g,"");let te=`${Ce}=${We}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,Ct=forge.pki.publicKeyFromPem((Q=(f=ee==null?void 0:ee.data)==null?void 0:f.data)==null?void 0:Q.publicKeyPem).encrypt(te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Nt=forge.util.encode64(Ct),t={"Content-Type":"application/json","x-app-session-key":(O=(fe=ee.data)==null?void 0:fe.data)==null?void 0:O.session_key},n=JSON.stringify({enc_track2_data:`${Nt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ce=(Ie=ee==null?void 0:ee.data)==null?void 0:Ie.data)==null?void 0:ce.session_key}`});try{let y=await tn.default.post(`${$t}tokenizer/tokenize`,n,{headers:t}),ue=JSON.stringify(z(P({},(he=y==null?void 0:y.data)==null?void 0:he.data),{name:c==null?void 0:c.cardName,postal_code:c==null?void 0:c.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(Te=(ze=y==null?void 0:y.data)==null?void 0:ze.data)==null?void 0:Te.token}`,fractalpayPublicKey:Ne,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:k,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:c==null?void 0:c.expiryYear,ExpirationMonth:c==null?void 0:c.expiryMonth,CVV:c==null?void 0:c.cvv,Last4:(Ue=(_e=y==null?void 0:y.data)==null?void 0:_e.data)==null?void 0:Ue.last4,Brand:(tt=(Je=y==null?void 0:y.data)==null?void 0:Je.data)==null?void 0:tt.brand,gateway_id:s==null?void 0:s.paymentGateway})),we={method:"POST",headers:{"Content-Type":"application/json"},body:ue,redirect:"follow"};Se.emit("sendMessage",z(P({},we),{isFractalPreauth:!0})),Se.on("fractal-charge-preauth",q=>{var me;(q==null?void 0:q.status)=="Failed"?(S(!1),L((q==null?void 0:q.message)||"Something went wrong , Try again later")):(v((me=q==null?void 0:q.data)==null?void 0:me.transaction_id),Ae(!0),S(!1))})}catch(y){console.log(y),S(!1),L(((ut=(Xe=y==null?void 0:y.response)==null?void 0:Xe.data)==null?void 0:ut.message)||(y==null?void 0:y.message)||"Something went wrong , Try again later")}}catch(ee){S(!1),L(((b=(_=ee==null?void 0:ee.response)==null?void 0:_.data)==null?void 0:b.message)||(ee==null?void 0:ee.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(s==null?void 0:s.dctoken,"PaymentForm",le)}catch(le){S(!1),L((($=(Z=le==null?void 0:le.response)==null?void 0:Z.data)==null?void 0:$.message)||(le==null?void 0:le.message)||"Something went wrong.")}}}}},bt=async()=>{var p,f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b;C();try{let Z={fractalpayPublicKey:Ne,customer_id:e==null?void 0:e.customerId,preauth:!0},$=await tn.default.post(`${Ge}get-payment-details`,Z);if(x((p=$==null?void 0:$.data)==null?void 0:p.data),(Q=(f=$==null?void 0:$.data)==null?void 0:f.data)!=null&&Q.paymentGateway||(j(),L("Something went wrong.")),(O=(fe=$==null?void 0:$.data)==null?void 0:fe.data)!=null&&O.card_list&&((he=(ce=(Ie=$==null?void 0:$.data)==null?void 0:Ie.data)==null?void 0:ce.card_list)==null?void 0:he.length)>0){$e((Te=(ze=$==null?void 0:$.data)==null?void 0:ze.data)==null?void 0:Te.card_list),g("cardList");let E=(Je=(Ue=(_e=$==null?void 0:$.data)==null?void 0:_e.data)==null?void 0:Ue.card_list)==null?void 0:Je.filter(ve=>(ve==null?void 0:ve.primary_card)==1);E!=null&&E[0]&&((tt=E==null?void 0:E[0])==null?void 0:tt.payment_method_type)==((ut=(Xe=$==null?void 0:$.data)==null?void 0:Xe.data)==null?void 0:ut.paymentGateway)&&a(E[0])}else g("card");l()}catch(Z){console.log(Z),l(),L(((b=(_=Z==null?void 0:Z.response)==null?void 0:_.data)==null?void 0:b.message)||(Z==null?void 0:Z.message)||"Something went wrong")}},r=async()=>{var _e,Ue,Je,tt,Xe,ut,_;let p=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,Q=e==null?void 0:e.surcharge,fe=e==null?void 0:e.tax,O=e==null?void 0:e.merchantPublicKey,Ie=e==null?void 0:e.orderID,ce=e==null?void 0:e.amount,he=de==null?void 0:de.id,ze=de==null?void 0:de.card_type;if(O&&Ie&&ce)if(p)if(he){let b={amount:ce,order_id:Ie,customer_id:p,card_id:he,fractalpayPublicKey:O,isCardSave:ze!="Bank",discount:f,surcharge:Q,tax:fe},Te=b,{isCardSave:Z}=Te,$=Wt(Te,["isCardSave"]),ve=Ge+"authorize-by-card",ge={"Content-Type":"application/json"};S(!0);try{let re=await tn.default.post(ve,ze=="Bank"?$:b,{headers:ge});(_e=re==null?void 0:re.data)!=null&&_e.result&&(v((Je=(Ue=re==null?void 0:re.data)==null?void 0:Ue.data)==null?void 0:Je.transaction_id),Ae(!0),S(!1))}catch(re){S(!1),console.log(re),L(((Xe=(tt=re==null?void 0:re.response)==null?void 0:tt.data)==null?void 0:Xe.message)||((_=(ut=re==null?void 0:re.response)==null?void 0:ut.data)==null?void 0:_.status)||"Something went erong")}}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")};(0,m.useEffect)(()=>{ke&&Ne&&bt()},[Ne,ke]);let Yt=async p=>{cn.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async f=>{if(f.isConfirmed){S(!0);try{let Q={card_id:p,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},fe=await tn.default.post(`${Ge}delete-customer-card`,Q);S(!1),bt(),cn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Q){S(!1),cn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ft=p=>{switch(p==null?void 0:p.toLowerCase()){case"visa":return Me;case"mastercard":case"mc":case"m/c":return N;case"amex":case"american express":case"ae":return X;case"discover":return Oe;case"bank":return kt;default:return p}};return m.default.createElement(m.default.Fragment,null,m.default.createElement(Bt,null),m.default.createElement(Et,null),m.default.createElement(m.default.Fragment,null,m.default.createElement("button",{className:"paymentBtn",onClick:I},"PreAuth Payment"),m.default.createElement(Kt,{open:ke,onClose:j},et&&m.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},m.default.createElement(Ht,{error:et,onClose:j})),yt&&m.default.createElement(ln,{onClose:j,tranId:pe}),!et&&!yt&&m.default.createElement(m.default.Fragment,null,(A||R)&&m.default.createElement(Lt,{loading:A||R}),m.default.createElement("div",null,m.default.createElement("div",{className:"frac-card-payment-page frac-form"},m.default.createElement("div",{className:"parent-pay-container"},m.default.createElement("span",{className:"request-payment-close-popup",onClick:j},m.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},m.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"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_12425_52336"},m.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),m.default.createElement("div",{className:"pay-container"},m.default.createElement("div",{className:"pay-header pay-conatiner-one"},m.default.createElement("div",{className:"pay-conatiner-one-first"},m.default.createElement("div",{className:"pay-logo-container"},m.default.createElement("div",{className:"pay-main-logo"},m.default.createElement("img",{src:s==null?void 0:s.logo,id:"pay-logos"})),m.default.createElement("h1",{className:"pay-heading"},"Pay"),(M==null?void 0:M.length)>0&&U!=="cardList"&&m.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>g("cardList")}," ",m.default.createElement(Sn.IoArrowBack,null)," Back")),m.default.createElement("div",{className:"amt-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner"},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e==null?void 0:e.amount))==null?void 0:Le.toFixed(2))),U!="ach"&&m.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},m.default.createElement("img",{src:Me,alt:"",width:33}),m.default.createElement("img",{src:N,width:33,alt:""}),m.default.createElement("img",{src:X,alt:"",width:33}),m.default.createElement("img",{src:Oe,width:33,alt:""})))),m.default.createElement("div",{className:"pay-conatiner-one-last"},m.default.createElement("img",{src:it,alt:""}),m.default.createElement("img",{src:mt,alt:""}),"Secure payments powered by Fractal"),m.default.createElement("div",null)),!A&&m.default.createElement("div",{className:"pay-tab pay-conatiner-two"},m.default.createElement("div",{className:"col-md-12"},m.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?m.default.createElement("div",null,(M==null?void 0:M.length)>0&&m.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>g("cardList")}," ",m.default.createElement(Sn.IoArrowBack,null)," Back"),m.default.createElement("div",{className:""},m.default.createElement("div",{className:"res-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(ht=Number(e==null?void 0:e.amount))==null?void 0:ht.toFixed(2))),m.default.createElement("div",null,m.default.createElement("div",null,m.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:N,width:35,alt:""})),m.default.createElement("div",null,m.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:Oe,width:35,alt:""})))))):m.default.createElement("div",null,m.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",s==null?void 0:s.customer_name),m.default.createElement("div",{className:"res-pay-con"},m.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},m.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),m.default.createElement("strong",{className:"pay-amount"},"$",(ft=Number(e==null?void 0:e.amount))==null?void 0:ft.toFixed(2))),m.default.createElement("div",null,m.default.createElement("div",null,m.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:N,width:35,alt:""})),m.default.createElement("div",null,m.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),m.default.createElement("img",{src:Oe,width:35,alt:""})))),m.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),m.default.createElement("div",{style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},m.default.createElement("div",{className:"card-lint-div-in"},m.default.createElement("div",{className:"card-list-div"},(s==null?void 0:s.card_list)&&((Pt=s==null?void 0:s.card_list)==null?void 0:Pt.length)>0&&((zt=s==null?void 0:s.card_list)==null?void 0:zt.map((p,f)=>m.default.createElement("div",{className:"card-list-single-div",key:f},m.default.createElement("div",{className:"card-number-radio"},m.default.createElement("input",{disabled:(s==null?void 0:s.paymentGateway)!=(p==null?void 0:p.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:de===p,onChange:Q=>a(p)}),m.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",p==null?void 0:p.cardlastfourdigit),m.default.createElement("h6",{className:"card-expiry-date"},p==null?void 0:p.expmonth,"/",p==null?void 0:p.expyear)),m.default.createElement("div",{className:"card-number-radio"},m.default.createElement("span",{className:"visa-card"},m.default.createElement("img",{src:Ft(p==null?void 0:p.card_type),alt:""})),m.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Yt(p==null?void 0:p.id)},m.default.createElement("img",{src:je,alt:""}))))))),m.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>g("card")},"Authorize With Other Card",m.default.createElement("img",{src:nt,alt:""}))),m.default.createElement("div",{className:"form-group"},m.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:r},"$",(xt=Number(e==null?void 0:e.amount))==null?void 0:xt.toFixed(2)))),m.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},m.default.createElement("form",{id:"PaymentForm",onSubmit:Qe},m.default.createElement("div",{className:"ach-scrl",style:{minHeight:(M==null?void 0:M.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),m.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(c==null?void 0:c.cardName)||"",onChange:p=>{let f=p.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)}}),(F==null?void 0:F.cardName)&&m.default.createElement("span",{className:"error-span"},F==null?void 0:F.cardName)),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),m.default.createElement("div",{className:"toggle-num-wrapper"},m.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(c==null?void 0:c.cardNumber)||"",onChange:p=>ot(p),"data-token":"card_number"}),m.default.createElement("div",{className:"card-crdi card-expiry-new"},m.default.createElement("div",{className:"exp-date-year-container"},m.default.createElement("div",{className:"exp-date form-group"},m.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:p=>Ee("expiryMonth",p.target.value)})),m.default.createElement("div",{className:"exp-year form-group"},m.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:p=>Ee("expiryYear",p.target.value)})),m.default.createElement("div",{className:"security-digit form-group"},m.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(c==null?void 0:c.cvv)||"",onChange:p=>Ee("cvv",p.target.value)})))),(F==null?void 0:F.cardNumber)&&m.default.createElement("span",{className:"error-span"},F==null?void 0:F.cardNumber),m.default.createElement("p",{style:{margin:"0"}},F!=null&&F.expiryMonth||F!=null&&F.expiryYear?m.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},F==null?void 0:F.expiryMonth):"",(F==null?void 0:F.cvv)&&m.default.createElement("span",{className:"error-span"},F==null?void 0:F.cvv)))),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),m.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(at=c==null?void 0:c.orderId)!=null?at:"OID123456",onChange:p=>Ee("orderId",p.target.value),style:{background:"#F6F6F7",color:"#727272"}})),m.default.createElement("div",{className:"form-group"},m.default.createElement("label",{htmlFor:"zip"},"ZIP"),m.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(rt=c==null?void 0:c.zipCode)!=null?rt:"",onChange:p=>Ee("zipCode",p.target.value)}),(F==null?void 0:F.zipCode)&&m.default.createElement("span",{className:"error-span"},F==null?void 0:F.zipCode)),(e==null?void 0:e.customerId)&&m.default.createElement("div",{className:"form-group"},m.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},m.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:k,onChange:p=>h(p.target.checked)}),m.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),m.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),m.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},m.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},m.default.createElement("rect",{width:"20",height:"20",fill:"white"}),m.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),m.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"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_12420_50192"},m.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),m.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},m.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(gt=Number(e==null?void 0:e.amount))==null?void 0:gt.toFixed(2))))))))))))))))}var ne=Ye(require("react"));var ti=Ye(require("sweetalert2")),Jt=Ye(require("axios"));var Dn=Ye(require("react"));function Pn(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return Dn.default.createElement("style",null,`
|
|
1473
1473
|
.add-card {
|
|
1474
1474
|
max-width:380px;
|
|
1475
1475
|
padding: 0 20px
|
|
@@ -1816,7 +1816,7 @@
|
|
|
1816
1816
|
color: #161616;
|
|
1817
1817
|
opacity: 0.5;
|
|
1818
1818
|
}
|
|
1819
|
-
`)}var Si=({onClose:e})=>Vt.default.createElement(Vt.default.Fragment,null,Vt.default.createElement(Fn,null),Vt.default.createElement("div",{className:"card-success"},Vt.default.createElement("div",{className:"payment-success-container"},Vt.default.createElement("div",{className:"success-icon"},Vt.default.createElement("div",{className:"circle"},Vt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),Vt.default.createElement("div",{className:"success-text"},Vt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),Vt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),ei=Si;function ni(e){var de;let[A,V]=(0,ne.useState)(!1),[R,S]=(0,ne.useState)(!1),[et,L]=(0,ne.useState)(""),[yt,Ae]=(0,ne.useState)(!1),ke=(0,ne.useRef)(null),N=(0,ne.useRef)(null),U=(0,ne.useRef)(null),p=(0,ne.useRef)(null),k=(0,ne.useRef)(null),[h,Ne]=(0,ne.useState)(),[w,Me]=(0,ne.useState)({}),[X,Oe]=(0,ne.useState)(),nt=()=>V(!0),je=()=>V(!1),kt=a=>{ti.default.fire({icon:"error",text:a,customClass:{popup:"custom-z-index"}})},it=()=>{Ae(!1),S(!1),L(""),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},mt=()=>Ae(!0),c=()=>{it()},Ze=(a,s)=>{var v,C,l;let x=a,pe=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(x,s==null?void 0:s.length,"dfih",x==="expiryMonth"&&(s==null?void 0:s.length)===2),x==="expiryMonth"&&(s==null?void 0:s.length)===2&&((v=U==null?void 0:U.current)==null||v.focus()),x==="expiryYear"&&(s==null?void 0:s.length)===4&&((C=p==null?void 0:p.current)==null||C.focus()),x==="cvv"&&(s==null?void 0:s.length)===3&&((l=k==null?void 0:k.current)==null||l.focus()),pe.includes(x)){(s===""||/^[0-9]+$/.test(s))&&(Me(j=>z(M({},j),{[x]:""})),Ne(j=>z(M({},j),{[x]:s})));return}Me(j=>z(M({},j),{[x]:""})),console.log(s,x),Ne(j=>z(M({},j),{[x]:s}))},P=a=>{var v;let x=a.target.value.replace(/\D/g,""),pe="";/^3[47]/.test(x)?pe=x.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(l,j,I,Ee)=>[j,I,Ee].filter(Boolean).join(" ")):pe=x.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(l,j,I,Ee,ot)=>[j,I,Ee,ot].filter(Boolean).join(" ")),Me(C=>z(M({},C),{cardNumber:""})),Ne(C=>z(M({},C),{cardNumber:pe})),console.log(x==null?void 0:x.length,"length"),(x==null?void 0:x.length)===16&&((v=N==null?void 0:N.current)==null||v.focus())},H=()=>{var v,C,l,j,I,Ee;let a={},s=h,x=parseInt((s==null?void 0:s.expiryMonth)||"",10),pe=(s==null?void 0:s.expiryYear)||"";if((v=s==null?void 0:s.cardName)!=null&&v.trim()||(a.cardName="Card name is required"),(C=s==null?void 0:s.cardNumber)!=null&&C.trim()||(a.cardNumber="Card number is required"),(l=s==null?void 0:s.expiryMonth)!=null&&l.trim()?(Number(s==null?void 0:s.expiryMonth)>12||Number(s==null?void 0:s.expiryMonth)<1)&&(a.expiryMonth="Invalid Expiration Month."):a.expiryMonth="Expiration month is required",(j=s==null?void 0:s.expiryYear)!=null&&j.trim()?((I=s==null?void 0:s.expiryYear)==null?void 0:I.trim().length)!==4||Number(s==null?void 0:s.expiryYear)<2025?a.expiryYear="Invalid Expiration Year.":(isNaN(x)||x<1||x>12||pe.length!==4)&&(a.expiryMonth="Invalid Expiration Date."):a.expiryYear="Expiration year is required",(Ee=s==null?void 0:s.cvv)!=null&&Ee.trim()||(a.cvv="CVC is required"),s!=null&&s.expiryMonth&&(s!=null&&s.expiryYear)&&s.expiryMonth.length<=2&&s.expiryYear.length===4){let ot=parseInt(s.expiryMonth,10),vt=parseInt(s.expiryYear,10),Qe=new Date,bt=Qe.getMonth()+1,r=Qe.getFullYear();(vt<r||vt===r&&ot<bt)&&(a.expiryMonth="Card is expired")}return Me(a),Object.keys(a).length>0},F=async()=>{var a,s,x;nt();try{let pe={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},v=await Jt.default.post(`${Ge}get-payment-details`,pe);console.log(v),Oe((a=v==null?void 0:v.data)==null?void 0:a.data),(x=(s=v==null?void 0:v.data)==null?void 0:s.data)!=null&&x.paymentGateway||(it(),L("Something went wrong.")),je()}catch(pe){console.log(pe),je(),it(),L("Something went wrong.")}};return(0,ne.useEffect)(()=>{e!=null&&e.merchantPublicKey&&F()},[e==null?void 0:e.merchantPublicKey]),ne.default.createElement(ne.default.Fragment,null,ne.default.createElement(Bt,null),ne.default.createElement(Pn,null),ne.default.createElement(Lt,{loading:A}),et&&ne.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},ne.default.createElement(Ht,{error:et,onClose:it})),R&&ne.default.createElement(ei,{onClose:c}),!et&&!R&&ne.default.createElement(ne.default.Fragment,null,ne.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},ne.default.createElement("form",{id:"creditCardForm",onSubmit:async a=>{var x,pe,v,C,l,j,I,Ee,ot,vt,Qe,bt,r,Yt,Ft,Le;a.preventDefault();let s=H();if(console.log(h),!s){let ht=DatacapWebToken.validateCardNumber(h==null?void 0:h.cardNumber.replaceAll(" ","")),ft=DatacapWebToken.validateExpirationDate(h==null?void 0:h.expiryMonth,h==null?void 0:h.expiryYear),Pt=DatacapWebToken.validateCVV(h==null?void 0:h.cvv),zt={};if(ht||(zt.cardNumber="Invalid card Number"),ft||(zt.expiryMonth="Invalid Expiration Date."),Pt||(zt.cvv="Invalid CVV"),Me(zt),ht&&Pt&&ft){nt();try{let xt=async function(at){var rt,gt,u,f,Q;if(console.log(at),at.Error)console.log(at==null?void 0:at.Error),L(at.Error),je();else{let fe={userId:e==null?void 0:e.customerId,cardName:h==null?void 0:h.cardName,zip:h==null?void 0:h.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:at};try{let O=await Jt.default.post(`${Ge}add-card`,fe);console.log(O);let Ie={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:h==null?void 0:h.cardNumber.replaceAll(" ",""),exp_month:h==null?void 0:h.expiryMonth,exp_year:(rt=h==null?void 0:h.expiryYear)==null?void 0:rt.slice(-2),cvv:h==null?void 0:h.cvv};try{let ce=await Jt.default.post(`${Ge}link-wallet`,Ie);console.log(ce),S(!0),je(),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Gt(a,"close","")}catch(ce){console.log(ce),je(),L(((u=(gt=ce==null?void 0:ce.response)==null?void 0:gt.data)==null?void 0:u.message)||(ce==null?void 0:ce.message)||"Something went wrong.")}}catch(O){console.log(O),je(),L(((Q=(f=O==null?void 0:O.response)==null?void 0:f.data)==null?void 0:Q.message)||(O==null?void 0:O.message)||"Something went wrong.")}}};if((X==null?void 0:X.paymentGateway)===32){let at={method:"POST",redirect:"follow"};try{let rt=await Jt.default.post(`${ct}api/v1/widget/generate-session`,at),gt=Number(h==null?void 0:h.expiryYear)%100,u=h==null?void 0:h.cardNumber;u=u==null?void 0:u.replace(/\s+/g,"");let f=`${u}=${gt}${h==null?void 0:h.expiryMonth} ${h==null?void 0:h.cvv}`,fe=forge.pki.publicKeyFromPem((pe=(x=rt==null?void 0:rt.data)==null?void 0:x.data)==null?void 0:pe.publicKeyPem).encrypt(f,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),O=forge.util.encode64(fe),Ie={"Content-Type":"application/json","x-app-session-key":(C=(v=rt.data)==null?void 0:v.data)==null?void 0:C.session_key},ce=JSON.stringify({enc_track2_data:`${O}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(j=(l=rt==null?void 0:rt.data)==null?void 0:l.data)==null?void 0:j.session_key}`});try{let he=await Jt.default.post(`${$t}tokenizer/tokenize`,ce,{headers:Ie}),ze=JSON.stringify(z(M({},(I=he==null?void 0:he.data)==null?void 0:I.data),{cvv:h==null?void 0:h.cvv,cardName:h==null?void 0:h.cardName,zip:h==null?void 0:h.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),Te={"Content-Type":"application/json"};try{let _e=await Jt.default.post(`${Ge}add-card`,ze,{headers:Te});console.log(_e),(Ee=_e==null?void 0:_e.data)!=null&&Ee.result&&(S(!0),je(),Gt(a,"close",""))}catch(_e){je(),L(((vt=(ot=_e==null?void 0:_e.response)==null?void 0:ot.data)==null?void 0:vt.message)||(_e==null?void 0:_e.message)||"Something went wrong.")}}catch(he){je(),L(((bt=(Qe=he==null?void 0:he.response)==null?void 0:Qe.data)==null?void 0:bt.message)||(he==null?void 0:he.message)||"Something went wrong.")}}catch(rt){je(),L(((Yt=(r=rt==null?void 0:rt.response)==null?void 0:r.data)==null?void 0:Yt.message)||(rt==null?void 0:rt.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(X==null?void 0:X.dctoken,"creditCardForm",xt)}catch(xt){je(),L(((Le=(Ft=xt==null?void 0:xt.response)==null?void 0:Ft.data)==null?void 0:Le.message)||(xt==null?void 0:xt.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},ne.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},ne.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},ne.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),ne.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(h==null?void 0:h.cardNumber)||"",onChange:a=>P(a),ref:ke}),(w==null?void 0:w.cardNumber)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardNumber),ne.default.createElement("br",null)),ne.default.createElement("div",{className:"card-dtl"},ne.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"expMonth"},"MM"),ne.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(h==null?void 0:h.expiryMonth)||"",onChange:a=>Ze("expiryMonth",a.target.value),ref:N}),(w==null?void 0:w.expiryMonth)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryMonth)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"expYear"},"YYYY"),ne.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(h==null?void 0:h.expiryYear)||"",onChange:a=>Ze("expiryYear",a.target.value),ref:U}),(w==null?void 0:w.expiryYear)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.expiryYear)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"cvc"},"CVC"),ne.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(h==null?void 0:h.cvv)||"",onChange:a=>Ze("cvv",a.target.value),ref:p}),(w==null?void 0:w.cvv)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cvv)))),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),ne.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(h==null?void 0:h.cardName)||"",onChange:a=>{let s=a.target.value;/^[a-zA-Z\s]*$/.test(s)&&Ze("cardName",s)},ref:k}),(w==null?void 0:w.cardName)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.cardName)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"zipcode"},"Zip"),ne.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(de=h==null?void 0:h.zipCode)!=null?de:"",onChange:a=>Ze("zipCode",a.target.value)}),(w==null?void 0:w.zipCode)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},w==null?void 0:w.zipCode))),ne.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var K=Ye(require("react"));var nn=Ye(require("axios"));var gn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var ii=Ye(require("react"));function Mn({}){return ii.default.createElement("style",null,`
|
|
1819
|
+
`)}var Si=({onClose:e})=>Vt.default.createElement(Vt.default.Fragment,null,Vt.default.createElement(Fn,null),Vt.default.createElement("div",{className:"card-success"},Vt.default.createElement("div",{className:"payment-success-container"},Vt.default.createElement("div",{className:"success-icon"},Vt.default.createElement("div",{className:"circle"},Vt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),Vt.default.createElement("div",{className:"success-text"},Vt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),Vt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),ei=Si;function ni(e){var de;let[A,V]=(0,ne.useState)(!1),[R,S]=(0,ne.useState)(!1),[et,L]=(0,ne.useState)(""),[yt,Ae]=(0,ne.useState)(!1),ke=(0,ne.useRef)(null),w=(0,ne.useRef)(null),U=(0,ne.useRef)(null),g=(0,ne.useRef)(null),k=(0,ne.useRef)(null),[h,Ne]=(0,ne.useState)(),[N,Me]=(0,ne.useState)({}),[X,Oe]=(0,ne.useState)(),nt=()=>V(!0),je=()=>V(!1),kt=a=>{ti.default.fire({icon:"error",text:a,customClass:{popup:"custom-z-index"}})},it=()=>{Ae(!1),S(!1),L(""),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},mt=()=>Ae(!0),c=()=>{it()},Ze=(a,s)=>{var v,C,l;let x=a,pe=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(x,s==null?void 0:s.length,"dfih",x==="expiryMonth"&&(s==null?void 0:s.length)===2),x==="expiryMonth"&&(s==null?void 0:s.length)===2&&((v=U==null?void 0:U.current)==null||v.focus()),x==="expiryYear"&&(s==null?void 0:s.length)===4&&((C=g==null?void 0:g.current)==null||C.focus()),x==="cvv"&&(s==null?void 0:s.length)===3&&((l=k==null?void 0:k.current)==null||l.focus()),pe.includes(x)){(s===""||/^[0-9]+$/.test(s))&&(Me(j=>z(P({},j),{[x]:""})),Ne(j=>z(P({},j),{[x]:s})));return}Me(j=>z(P({},j),{[x]:""})),console.log(s,x),Ne(j=>z(P({},j),{[x]:s}))},F=a=>{var v;let x=a.target.value.replace(/\D/g,""),pe="";/^3[47]/.test(x)?pe=x.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(l,j,I,Ee)=>[j,I,Ee].filter(Boolean).join(" ")):pe=x.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(l,j,I,Ee,ot)=>[j,I,Ee,ot].filter(Boolean).join(" ")),Me(C=>z(P({},C),{cardNumber:""})),Ne(C=>z(P({},C),{cardNumber:pe})),console.log(x==null?void 0:x.length,"length"),(x==null?void 0:x.length)===16&&((v=w==null?void 0:w.current)==null||v.focus())},H=()=>{var v,C,l,j,I,Ee;let a={},s=h,x=parseInt((s==null?void 0:s.expiryMonth)||"",10),pe=(s==null?void 0:s.expiryYear)||"";if((v=s==null?void 0:s.cardName)!=null&&v.trim()||(a.cardName="Card name is required"),(C=s==null?void 0:s.cardNumber)!=null&&C.trim()||(a.cardNumber="Card number is required"),(l=s==null?void 0:s.expiryMonth)!=null&&l.trim()?(Number(s==null?void 0:s.expiryMonth)>12||Number(s==null?void 0:s.expiryMonth)<1)&&(a.expiryMonth="Invalid Expiration Month."):a.expiryMonth="Expiration month is required",(j=s==null?void 0:s.expiryYear)!=null&&j.trim()?((I=s==null?void 0:s.expiryYear)==null?void 0:I.trim().length)!==4||Number(s==null?void 0:s.expiryYear)<2025?a.expiryYear="Invalid Expiration Year.":(isNaN(x)||x<1||x>12||pe.length!==4)&&(a.expiryMonth="Invalid Expiration Date."):a.expiryYear="Expiration year is required",(Ee=s==null?void 0:s.cvv)!=null&&Ee.trim()||(a.cvv="CVC is required"),s!=null&&s.expiryMonth&&(s!=null&&s.expiryYear)&&s.expiryMonth.length<=2&&s.expiryYear.length===4){let ot=parseInt(s.expiryMonth,10),vt=parseInt(s.expiryYear,10),Qe=new Date,bt=Qe.getMonth()+1,r=Qe.getFullYear();(vt<r||vt===r&&ot<bt)&&(a.expiryMonth="Card is expired")}return Me(a),Object.keys(a).length>0},M=async()=>{var a,s,x;nt();try{let pe={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},v=await Jt.default.post(`${Ge}get-payment-details`,pe);console.log(v),Oe((a=v==null?void 0:v.data)==null?void 0:a.data),(x=(s=v==null?void 0:v.data)==null?void 0:s.data)!=null&&x.paymentGateway||(it(),L("Something went wrong.")),je()}catch(pe){console.log(pe),je(),it(),L("Something went wrong.")}};return(0,ne.useEffect)(()=>{e!=null&&e.merchantPublicKey&&M()},[e==null?void 0:e.merchantPublicKey]),ne.default.createElement(ne.default.Fragment,null,ne.default.createElement(Bt,null),ne.default.createElement(Pn,null),ne.default.createElement(Lt,{loading:A}),et&&ne.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},ne.default.createElement(Ht,{error:et,onClose:it})),R&&ne.default.createElement(ei,{onClose:c}),!et&&!R&&ne.default.createElement(ne.default.Fragment,null,ne.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},ne.default.createElement("form",{id:"creditCardForm",onSubmit:async a=>{var x,pe,v,C,l,j,I,Ee,ot,vt,Qe,bt,r,Yt,Ft,Le;a.preventDefault();let s=H();if(console.log(h),!s){let ht=DatacapWebToken.validateCardNumber(h==null?void 0:h.cardNumber.replaceAll(" ","")),ft=DatacapWebToken.validateExpirationDate(h==null?void 0:h.expiryMonth,h==null?void 0:h.expiryYear),Pt=DatacapWebToken.validateCVV(h==null?void 0:h.cvv),zt={};if(ht||(zt.cardNumber="Invalid card Number"),ft||(zt.expiryMonth="Invalid Expiration Date."),Pt||(zt.cvv="Invalid CVV"),Me(zt),ht&&Pt&&ft){nt();try{let xt=async function(at){var rt,gt,p,f,Q;if(console.log(at),at.Error)console.log(at==null?void 0:at.Error),L(at.Error),je();else{let fe={userId:e==null?void 0:e.customerId,cardName:h==null?void 0:h.cardName,zip:h==null?void 0:h.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:at};try{let O=await Jt.default.post(`${Ge}add-card`,fe);console.log(O);let Ie={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:h==null?void 0:h.cardNumber.replaceAll(" ",""),exp_month:h==null?void 0:h.expiryMonth,exp_year:(rt=h==null?void 0:h.expiryYear)==null?void 0:rt.slice(-2),cvv:h==null?void 0:h.cvv};try{let ce=await Jt.default.post(`${Ge}link-wallet`,Ie);console.log(ce),S(!0),je(),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Gt(a,"close","")}catch(ce){console.log(ce),je(),L(((p=(gt=ce==null?void 0:ce.response)==null?void 0:gt.data)==null?void 0:p.message)||(ce==null?void 0:ce.message)||"Something went wrong.")}}catch(O){console.log(O),je(),L(((Q=(f=O==null?void 0:O.response)==null?void 0:f.data)==null?void 0:Q.message)||(O==null?void 0:O.message)||"Something went wrong.")}}};if((X==null?void 0:X.paymentGateway)===32){let at={method:"POST",redirect:"follow"};try{let rt=await Jt.default.post(`${ct}api/v1/widget/generate-session`,at),gt=Number(h==null?void 0:h.expiryYear)%100,p=h==null?void 0:h.cardNumber;p=p==null?void 0:p.replace(/\s+/g,"");let f=`${p}=${gt}${h==null?void 0:h.expiryMonth} ${h==null?void 0:h.cvv}`,fe=forge.pki.publicKeyFromPem((pe=(x=rt==null?void 0:rt.data)==null?void 0:x.data)==null?void 0:pe.publicKeyPem).encrypt(f,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),O=forge.util.encode64(fe),Ie={"Content-Type":"application/json","x-app-session-key":(C=(v=rt.data)==null?void 0:v.data)==null?void 0:C.session_key},ce=JSON.stringify({enc_track2_data:`${O}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(j=(l=rt==null?void 0:rt.data)==null?void 0:l.data)==null?void 0:j.session_key}`});try{let he=await Jt.default.post(`${$t}tokenizer/tokenize`,ce,{headers:Ie}),ze=JSON.stringify(z(P({},(I=he==null?void 0:he.data)==null?void 0:I.data),{cvv:h==null?void 0:h.cvv,cardName:h==null?void 0:h.cardName,zip:h==null?void 0:h.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),Te={"Content-Type":"application/json"};try{let _e=await Jt.default.post(`${Ge}add-card`,ze,{headers:Te});console.log(_e),(Ee=_e==null?void 0:_e.data)!=null&&Ee.result&&(S(!0),je(),Gt(a,"close",""))}catch(_e){je(),L(((vt=(ot=_e==null?void 0:_e.response)==null?void 0:ot.data)==null?void 0:vt.message)||(_e==null?void 0:_e.message)||"Something went wrong.")}}catch(he){je(),L(((bt=(Qe=he==null?void 0:he.response)==null?void 0:Qe.data)==null?void 0:bt.message)||(he==null?void 0:he.message)||"Something went wrong.")}}catch(rt){je(),L(((Yt=(r=rt==null?void 0:rt.response)==null?void 0:r.data)==null?void 0:Yt.message)||(rt==null?void 0:rt.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(X==null?void 0:X.dctoken,"creditCardForm",xt)}catch(xt){je(),L(((Le=(Ft=xt==null?void 0:xt.response)==null?void 0:Ft.data)==null?void 0:Le.message)||(xt==null?void 0:xt.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},ne.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},ne.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},ne.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),ne.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(h==null?void 0:h.cardNumber)||"",onChange:a=>F(a),ref:ke}),(N==null?void 0:N.cardNumber)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.cardNumber),ne.default.createElement("br",null)),ne.default.createElement("div",{className:"card-dtl"},ne.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"expMonth"},"MM"),ne.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(h==null?void 0:h.expiryMonth)||"",onChange:a=>Ze("expiryMonth",a.target.value),ref:w}),(N==null?void 0:N.expiryMonth)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.expiryMonth)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"expYear"},"YYYY"),ne.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(h==null?void 0:h.expiryYear)||"",onChange:a=>Ze("expiryYear",a.target.value),ref:U}),(N==null?void 0:N.expiryYear)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.expiryYear)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"cvc"},"CVC"),ne.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(h==null?void 0:h.cvv)||"",onChange:a=>Ze("cvv",a.target.value),ref:g}),(N==null?void 0:N.cvv)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.cvv)))),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),ne.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(h==null?void 0:h.cardName)||"",onChange:a=>{let s=a.target.value;/^[a-zA-Z\s]*$/.test(s)&&Ze("cardName",s)},ref:k}),(N==null?void 0:N.cardName)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.cardName)),ne.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},ne.default.createElement("label",{htmlFor:"zipcode"},"Zip"),ne.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(de=h==null?void 0:h.zipCode)!=null?de:"",onChange:a=>Ze("zipCode",a.target.value)}),(N==null?void 0:N.zipCode)&&ne.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},N==null?void 0:N.zipCode))),ne.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var K=Ye(require("react"));var nn=Ye(require("axios"));var gn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var ii=Ye(require("react"));function Mn({}){return ii.default.createElement("style",null,`
|
|
1820
1820
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
|
1821
1821
|
|
|
1822
1822
|
.creditformbox {
|
|
@@ -1961,7 +1961,7 @@
|
|
|
1961
1961
|
color:#ffffff !important;
|
|
1962
1962
|
}
|
|
1963
1963
|
|
|
1964
|
-
`)}function oi({session_token:e,callback:A,isloading:V,onCancel:R,showChecks:S,merchantName:et}){var P;let[L,yt]=(0,K.useState)(!1),[Ae,ke]=(0,K.useState)(!1),[N,U]=(0,K.useState)(),[p,k]=(0,K.useState)({}),[h,Ne]=(0,K.useState)(""),w=()=>yt(!0),Me=()=>yt(!1),X=()=>{var a,s,x,pe,v,C,l,j;let H={},F=N,$e=parseInt((F==null?void 0:F.expiryMonth)||"",10),de=(F==null?void 0:F.expiryYear)||"";return(a=F==null?void 0:F.firstName)!=null&&a.trim()||(H.firstName="Please enter a first name."),(s=F==null?void 0:F.lastName)!=null&&s.trim()||(H.lastName="Please enter a last name."),(x=F==null?void 0:F.cardNumber)!=null&&x.trim()||(H.cardNumber="Please enter a card number."),(pe=F==null?void 0:F.expiryMonth)!=null&&pe.trim()?(Number(F==null?void 0:F.expiryMonth)>12||Number(F==null?void 0:F.expiryMonth)<1)&&(H.expiryMonth="Invalid Expiration Month."):H.expiryMonth="Please enter an expiry month.",(v=F==null?void 0:F.expiryYear)!=null&&v.trim()?((C=F==null?void 0:F.expiryYear)==null?void 0:C.trim().length)!==4||Number(F==null?void 0:F.expiryYear)<2025?H.expiryYear="Invalid Expiration Year.":(isNaN($e)||$e<1||$e>12||de.length!==4)&&(H.expiryMonth="Invalid Expiration Date."):H.expiryYear="Please enter an expiry year.",(l=F==null?void 0:F.cvv)!=null&&l.trim()||(H.cvv="Please enter a CVV."),(j=F==null?void 0:F.zipCode)!=null&&j.trim()||(H.zipCode="Please enter a zip code."),S&&!(F!=null&&F.authHold)&&(H.authHold="You must authorize this before proceeding."),S&&!(F!=null&&F.authorise)&&(H.authorise="Please confirm your authorization to continue."),k(H),Object.keys(H).length>0},Oe=H=>{let $e=H.target.value.replace(/\D/g,""),de="";/^3[47]/.test($e)?de=$e.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(s,x,pe,v)=>[x,pe,v].filter(Boolean).join(" ")):de=$e.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(s,x,pe,v,C)=>[x,pe,v,C].filter(Boolean).join(" ")),k(a=>z(M({},a),{cardNumber:""})),U(a=>z(M({},a),{cardNumber:de}))},nt=(H,F)=>{let $e=H;if(["expiryMonth","expiryYear","zipCode","cvv"].includes($e)){(F===""||/^[0-9]+$/.test(F))&&(k(a=>z(M({},a),{[$e]:""})),U(a=>z(M({},a),{[$e]:F})));return}k(a=>z(M({},a),{[$e]:""})),U(a=>z(M({},a),{[$e]:F}))},je=()=>{let H=DatacapWebToken.validateCardNumber(N==null?void 0:N.cardNumber.replaceAll(" ","")),F=DatacapWebToken.validateExpirationDate(N==null?void 0:N.expiryMonth,N==null?void 0:N.expiryYear),$e=DatacapWebToken.validateCVV(N==null?void 0:N.cvv),de={};return H||(de.cardNumber="Invalid card Number"),F||(de.expiryMonth="Invalid Expiration Date."),$e||(de.cvv="Invalid CVV"),k(de),H&&$e&&F},kt=async H=>{var F,$e;if(H.Error)Ne(H.Error),Me();else{let de={token:H.Token,resp:H},a=await nn.default.post(`${ct}api/v1/gateway/update/token/${e}`,de);if((a==null?void 0:a.status)==200){let s=M(M({Token:($e=(F=a==null?void 0:a.data)==null?void 0:F.data)==null?void 0:$e.gateway_token,Brand:H.Brand,ExpirationMonth:H.ExpirationMonth,ExpirationYear:H.ExpirationYear,Last4:H.Last4,Bin:H.Bin,CVV:H.CVV,postalCode:N==null?void 0:N.zipCode},S&&{authHold:N==null?void 0:N.authHold}),S&&{authorise:N==null?void 0:N.authorise});Me(),A(s)}}},it=async()=>{var H,F,$e,de,a,s,x,pe,v,C;try{let l={method:"POST",redirect:"follow"},j=await nn.default.post(`${ct}api/v1/widget/generate-session`,l),I=Number(N==null?void 0:N.expiryYear)%100,ot=`${(H=N==null?void 0:N.cardNumber)==null?void 0:H.replace(/\s+/g,"")}=${I}${N==null?void 0:N.expiryMonth} ${N==null?void 0:N.cvv}`,Qe=forge.pki.publicKeyFromPem(($e=(F=j==null?void 0:j.data)==null?void 0:F.data)==null?void 0:$e.publicKeyPem).encrypt(ot,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),bt=forge.util.encode64(Qe),r={"Content-Type":"application/json","x-app-session-key":(a=(de=j.data)==null?void 0:de.data)==null?void 0:a.session_key},Yt=JSON.stringify({enc_track2_data:bt,algorithm:"RSAES_OAEP_SHA_1",session_key:(x=(s=j==null?void 0:j.data)==null?void 0:s.data)==null?void 0:x.session_key}),Ft=await nn.default.post(`${$t}tokenizer/tokenize`,Yt,{headers:r});if((Ft==null?void 0:Ft.status)==200){let Le=(v=(pe=Ft==null?void 0:Ft.data)==null?void 0:pe.data)==null?void 0:v.token;try{let ht=await nn.default.post(`${ct}api/v1/gateway/verify-and-save/${e}`,{token:Le});if((ht==null?void 0:ht.status)==200){let ft=(C=ht==null?void 0:ht.data)==null?void 0:C.data,Pt={Token:ft.gateway_token,Brand:ft.card_data.brand,ExpirationMonth:ft.card_data.expire_mm,ExpirationYear:ft.card_data.expire_yy,Last4:ft.card_data.last4,Bin:ft.card_data.bin,postalCode:N==null?void 0:N.zipCode};Me(),A(Pt)}}catch(ht){console.log(ht,"error"),Me()}}}catch(l){console.log(l,"eroror")}},mt=async H=>{var de,a,s,x,pe,v,C;if(H.preventDefault(),!(X()||!je())){w();try{let l=await nn.default.get(`${ct}api/v1/gateway/token/${e}`);if((l==null?void 0:l.status)==200){let j=(a=(de=l==null?void 0:l.data)==null?void 0:de.data)==null?void 0:a.gateway_token;((x=(s=l==null?void 0:l.data)==null?void 0:s.data)==null?void 0:x.paymentGateway)==((pe=gn)==null?void 0:pe.FRACTALKEY)?await it():DatacapWebToken.requestToken(j,"creditCardForm",kt)}}catch(l){Me(),Ne(((C=(v=l==null?void 0:l.response)==null?void 0:v.data)==null?void 0:C.message)||"Something went wrong!")}}},c=()=>{Ne("")},Ze=()=>{Ne(""),U({firstName:"",lastName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",zipCode:"",authHold:!1,authorise:!1}),R()};return K.default.createElement(K.default.Fragment,null,K.default.createElement(Bt,null),K.default.createElement(Mn,null),K.default.createElement(Lt,{loading:L||V}),h&&K.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},K.default.createElement(Ht,{error:h,onClose:c})),!h&&K.default.createElement("div",{className:"creditformbox"},K.default.createElement("form",{id:"creditCardForm",onSubmit:mt},K.default.createElement("div",{className:"name-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," First Name ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"first_name",placeholder:"First Name",value:(N==null?void 0:N.firstName)||"",onChange:H=>{let F=H.target.value;/^[a-zA-Z\s]*$/.test(F)&&nt("firstName",F)}}),(p==null?void 0:p.firstName)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.firstName)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Last Name ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"last_name",placeholder:"Last Name",value:(N==null?void 0:N.lastName)||"",onChange:H=>{let F=H.target.value;/^[a-zA-Z\s]*$/.test(F)&&nt("lastName",F)}}),(p==null?void 0:p.lastName)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.lastName))),K.default.createElement("div",{className:"form-pay-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Card Number ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Card Number",maxLength:19,inputMode:"numeric",value:(N==null?void 0:N.cardNumber)||"",onChange:H=>Oe(H)}),(p==null?void 0:p.cardNumber)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.cardNumber))),K.default.createElement("div",{className:"card-pay-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Exp Month ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"exp_month",placeholder:"MM",maxLength:2,value:(N==null?void 0:N.expiryMonth)||"",onChange:H=>nt("expiryMonth",H.target.value)}),(p==null?void 0:p.expiryMonth)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.expiryMonth)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Exp Year ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"exp_year",placeholder:"YYYY",maxLength:4,value:(N==null?void 0:N.expiryYear)||"",onChange:H=>nt("expiryYear",H.target.value)}),(p==null?void 0:p.expiryYear)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.expiryYear)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," CVV ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"cvv",placeholder:"CVV",maxLength:4,value:(N==null?void 0:N.cvv)||"",onChange:H=>nt("cvv",H.target.value)}),(p==null?void 0:p.cvv)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.cvv)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Zip ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"zipcode",placeholder:"Zip Code",value:(P=N==null?void 0:N.zipCode)!=null?P:"",onChange:H=>nt("zipCode",H.target.value)}),(p==null?void 0:p.zipCode)&&K.default.createElement("small",{className:"error"},p==null?void 0:p.zipCode))),S&&K.default.createElement(K.default.Fragment,null,K.default.createElement("div",{className:"checks-row"},K.default.createElement("input",{name:"authHold",type:"checkbox",id:"authHold",checked:!!(N!=null&&N.authHold),onChange:H=>nt("authHold",H.target.checked)}),K.default.createElement("label",{htmlFor:"authHold",className:"form-check-label"},"To securely save your card on file, we will place a temporary authorization hold of $1.00. This is not a charge and will be released by your card issuer shortly after verification.")),(p==null?void 0:p.authHold)&&K.default.createElement("small",{className:"check-error"},p==null?void 0:p.authHold),K.default.createElement("div",{className:"checks-row "},K.default.createElement("input",{name:"authorise",type:"checkbox",id:"authorise",checked:!!(N!=null&&N.authorise),onChange:H=>nt("authorise",H.target.checked)}),K.default.createElement("label",{htmlFor:"authorise",className:"form-check-label see-more"},Ae?K.default.createElement(K.default.Fragment,null,K.default.createElement("span",null,"By providing your payment information, you authorize"," ",K.default.createElement("strong",null,et),", a Sky Systemz merchant, to securely store your card on file for future payments. Your card information will be encrypted and stored in compliance with PCI-DSS (Payment Card Industry Data Security Standard) regulations using Sky Systemz\u2019s secure payment technology. This information will be used solely for transactions you authorize with"," ",K.default.createElement("strong",null,et),". You may request the removal of your stored payment information at any time by contacting"," ",K.default.createElement("strong",null,et)," directly. By signing or proceeding with this transaction, you acknowledge and agree to this card on file authorization.",K.default.createElement("a",{href:"#",onClick:H=>{H.preventDefault(),ke(!1)}},"See less ..."))):K.default.createElement(K.default.Fragment,null,K.default.createElement("span",null,"By providing your payment information, you authorize ",et,", a Sky Systemz merchant, to securely store your card on file for future pay..."," "),K.default.createElement("a",{href:"#",onClick:H=>{H.preventDefault(),ke(!0)}},"See more ...")))),(p==null?void 0:p.authorise)&&K.default.createElement("small",{className:"check-error"},p==null?void 0:p.authorise)),K.default.createElement("div",{className:"button-row"},K.default.createElement("button",{className:"cancelbtn",type:"button",onClick:Ze},"Cancel"),K.default.createElement("button",{className:"savebtn",type:"submit"},"Save")))))}var d=Ye(require("react"));var ai=Ye(require("react"));function Ln(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return ai.default.createElement("style",null,`
|
|
1964
|
+
`)}function oi({session_token:e,callback:A,isloading:V,onCancel:R,showChecks:S,merchantName:et}){var F;let[L,yt]=(0,K.useState)(!1),[Ae,ke]=(0,K.useState)(!1),[w,U]=(0,K.useState)(),[g,k]=(0,K.useState)({}),[h,Ne]=(0,K.useState)(""),N=()=>yt(!0),Me=()=>yt(!1),X=()=>{var a,s,x,pe,v,C,l,j;let H={},M=w,$e=parseInt((M==null?void 0:M.expiryMonth)||"",10),de=(M==null?void 0:M.expiryYear)||"";return(a=M==null?void 0:M.firstName)!=null&&a.trim()||(H.firstName="Please enter a first name."),(s=M==null?void 0:M.lastName)!=null&&s.trim()||(H.lastName="Please enter a last name."),(x=M==null?void 0:M.cardNumber)!=null&&x.trim()||(H.cardNumber="Please enter a card number."),(pe=M==null?void 0:M.expiryMonth)!=null&&pe.trim()?(Number(M==null?void 0:M.expiryMonth)>12||Number(M==null?void 0:M.expiryMonth)<1)&&(H.expiryMonth="Invalid Expiration Month."):H.expiryMonth="Please enter an expiry month.",(v=M==null?void 0:M.expiryYear)!=null&&v.trim()?((C=M==null?void 0:M.expiryYear)==null?void 0:C.trim().length)!==4||Number(M==null?void 0:M.expiryYear)<2025?H.expiryYear="Invalid Expiration Year.":(isNaN($e)||$e<1||$e>12||de.length!==4)&&(H.expiryMonth="Invalid Expiration Date."):H.expiryYear="Please enter an expiry year.",(l=M==null?void 0:M.cvv)!=null&&l.trim()||(H.cvv="Please enter a CVV."),(j=M==null?void 0:M.zipCode)!=null&&j.trim()||(H.zipCode="Please enter a zip code."),S&&!(M!=null&&M.authHold)&&(H.authHold="You must authorize this before proceeding."),S&&!(M!=null&&M.authorise)&&(H.authorise="Please confirm your authorization to continue."),k(H),Object.keys(H).length>0},Oe=H=>{let $e=H.target.value.replace(/\D/g,""),de="";/^3[47]/.test($e)?de=$e.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(s,x,pe,v)=>[x,pe,v].filter(Boolean).join(" ")):de=$e.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(s,x,pe,v,C)=>[x,pe,v,C].filter(Boolean).join(" ")),k(a=>z(P({},a),{cardNumber:""})),U(a=>z(P({},a),{cardNumber:de}))},nt=(H,M)=>{let $e=H;if(["expiryMonth","expiryYear","zipCode","cvv"].includes($e)){(M===""||/^[0-9]+$/.test(M))&&(k(a=>z(P({},a),{[$e]:""})),U(a=>z(P({},a),{[$e]:M})));return}k(a=>z(P({},a),{[$e]:""})),U(a=>z(P({},a),{[$e]:M}))},je=()=>{let H=DatacapWebToken.validateCardNumber(w==null?void 0:w.cardNumber.replaceAll(" ","")),M=DatacapWebToken.validateExpirationDate(w==null?void 0:w.expiryMonth,w==null?void 0:w.expiryYear),$e=DatacapWebToken.validateCVV(w==null?void 0:w.cvv),de={};return H||(de.cardNumber="Invalid card Number"),M||(de.expiryMonth="Invalid Expiration Date."),$e||(de.cvv="Invalid CVV"),k(de),H&&$e&&M},kt=async H=>{var M,$e;if(H.Error)Ne(H.Error),Me();else{let de={token:H.Token,resp:H},a=await nn.default.post(`${ct}api/v1/gateway/update/token/${e}`,de);if((a==null?void 0:a.status)==200){let s=P(P({Token:($e=(M=a==null?void 0:a.data)==null?void 0:M.data)==null?void 0:$e.gateway_token,Brand:H.Brand,ExpirationMonth:H.ExpirationMonth,ExpirationYear:H.ExpirationYear,Last4:H.Last4,Bin:H.Bin,CVV:H.CVV,postalCode:w==null?void 0:w.zipCode},S&&{authHold:w==null?void 0:w.authHold}),S&&{authorise:w==null?void 0:w.authorise});Me(),A(s)}}},it=async()=>{var H,M,$e,de,a,s,x,pe,v,C;try{let l={method:"POST",redirect:"follow"},j=await nn.default.post(`${ct}api/v1/widget/generate-session`,l),I=Number(w==null?void 0:w.expiryYear)%100,ot=`${(H=w==null?void 0:w.cardNumber)==null?void 0:H.replace(/\s+/g,"")}=${I}${w==null?void 0:w.expiryMonth} ${w==null?void 0:w.cvv}`,Qe=forge.pki.publicKeyFromPem(($e=(M=j==null?void 0:j.data)==null?void 0:M.data)==null?void 0:$e.publicKeyPem).encrypt(ot,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),bt=forge.util.encode64(Qe),r={"Content-Type":"application/json","x-app-session-key":(a=(de=j.data)==null?void 0:de.data)==null?void 0:a.session_key},Yt=JSON.stringify({enc_track2_data:bt,algorithm:"RSAES_OAEP_SHA_1",session_key:(x=(s=j==null?void 0:j.data)==null?void 0:s.data)==null?void 0:x.session_key}),Ft=await nn.default.post(`${$t}tokenizer/tokenize`,Yt,{headers:r});if((Ft==null?void 0:Ft.status)==200){let Le=(v=(pe=Ft==null?void 0:Ft.data)==null?void 0:pe.data)==null?void 0:v.token;try{let ht=await nn.default.post(`${ct}api/v1/gateway/verify-and-save/${e}`,{token:Le});if((ht==null?void 0:ht.status)==200){let ft=(C=ht==null?void 0:ht.data)==null?void 0:C.data,Pt={Token:ft.gateway_token,Brand:ft.card_data.brand,ExpirationMonth:ft.card_data.expire_mm,ExpirationYear:ft.card_data.expire_yy,Last4:ft.card_data.last4,Bin:ft.card_data.bin,postalCode:w==null?void 0:w.zipCode};Me(),A(Pt)}}catch(ht){console.log(ht,"error"),Me()}}}catch(l){console.log(l,"eroror")}},mt=async H=>{var de,a,s,x,pe,v,C;if(H.preventDefault(),!(X()||!je())){N();try{let l=await nn.default.get(`${ct}api/v1/gateway/token/${e}`);if((l==null?void 0:l.status)==200){let j=(a=(de=l==null?void 0:l.data)==null?void 0:de.data)==null?void 0:a.gateway_token;((x=(s=l==null?void 0:l.data)==null?void 0:s.data)==null?void 0:x.paymentGateway)==((pe=gn)==null?void 0:pe.FRACTALKEY)?await it():DatacapWebToken.requestToken(j,"creditCardForm",kt)}}catch(l){Me(),Ne(((C=(v=l==null?void 0:l.response)==null?void 0:v.data)==null?void 0:C.message)||"Something went wrong!")}}},c=()=>{Ne("")},Ze=()=>{Ne(""),U({firstName:"",lastName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",zipCode:"",authHold:!1,authorise:!1}),R()};return K.default.createElement(K.default.Fragment,null,K.default.createElement(Bt,null),K.default.createElement(Mn,null),K.default.createElement(Lt,{loading:L||V}),h&&K.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},K.default.createElement(Ht,{error:h,onClose:c})),!h&&K.default.createElement("div",{className:"creditformbox"},K.default.createElement("form",{id:"creditCardForm",onSubmit:mt},K.default.createElement("div",{className:"name-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," First Name ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"first_name",placeholder:"First Name",value:(w==null?void 0:w.firstName)||"",onChange:H=>{let M=H.target.value;/^[a-zA-Z\s]*$/.test(M)&&nt("firstName",M)}}),(g==null?void 0:g.firstName)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.firstName)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Last Name ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"last_name",placeholder:"Last Name",value:(w==null?void 0:w.lastName)||"",onChange:H=>{let M=H.target.value;/^[a-zA-Z\s]*$/.test(M)&&nt("lastName",M)}}),(g==null?void 0:g.lastName)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.lastName))),K.default.createElement("div",{className:"form-pay-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Card Number ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Card Number",maxLength:19,inputMode:"numeric",value:(w==null?void 0:w.cardNumber)||"",onChange:H=>Oe(H)}),(g==null?void 0:g.cardNumber)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.cardNumber))),K.default.createElement("div",{className:"card-pay-row"},K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Exp Month ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"exp_month",placeholder:"MM",maxLength:2,value:(w==null?void 0:w.expiryMonth)||"",onChange:H=>nt("expiryMonth",H.target.value)}),(g==null?void 0:g.expiryMonth)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.expiryMonth)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Exp Year ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"exp_year",placeholder:"YYYY",maxLength:4,value:(w==null?void 0:w.expiryYear)||"",onChange:H=>nt("expiryYear",H.target.value)}),(g==null?void 0:g.expiryYear)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.expiryYear)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," CVV ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text","data-token":"cvv",placeholder:"CVV",maxLength:4,value:(w==null?void 0:w.cvv)||"",onChange:H=>nt("cvv",H.target.value)}),(g==null?void 0:g.cvv)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.cvv)),K.default.createElement("div",{className:"form-group"},K.default.createElement("label",null," Zip ",K.default.createElement("span",{className:"text-danger"},"*")),K.default.createElement("input",{type:"text",name:"zipcode",placeholder:"Zip Code",value:(F=w==null?void 0:w.zipCode)!=null?F:"",onChange:H=>nt("zipCode",H.target.value)}),(g==null?void 0:g.zipCode)&&K.default.createElement("small",{className:"error"},g==null?void 0:g.zipCode))),S&&K.default.createElement(K.default.Fragment,null,K.default.createElement("div",{className:"checks-row"},K.default.createElement("input",{name:"authHold",type:"checkbox",id:"authHold",checked:!!(w!=null&&w.authHold),onChange:H=>nt("authHold",H.target.checked)}),K.default.createElement("label",{htmlFor:"authHold",className:"form-check-label"},"To securely save your card on file, we will place a temporary authorization hold of $1.00. This is not a charge and will be released by your card issuer shortly after verification.")),(g==null?void 0:g.authHold)&&K.default.createElement("small",{className:"check-error"},g==null?void 0:g.authHold),K.default.createElement("div",{className:"checks-row "},K.default.createElement("input",{name:"authorise",type:"checkbox",id:"authorise",checked:!!(w!=null&&w.authorise),onChange:H=>nt("authorise",H.target.checked)}),K.default.createElement("label",{htmlFor:"authorise",className:"form-check-label see-more"},Ae?K.default.createElement(K.default.Fragment,null,K.default.createElement("span",null,"By providing your payment information, you authorize"," ",K.default.createElement("strong",null,et),", a Sky Systemz merchant, to securely store your card on file for future payments. Your card information will be encrypted and stored in compliance with PCI-DSS (Payment Card Industry Data Security Standard) regulations using Sky Systemz\u2019s secure payment technology. This information will be used solely for transactions you authorize with"," ",K.default.createElement("strong",null,et),". You may request the removal of your stored payment information at any time by contacting"," ",K.default.createElement("strong",null,et)," directly. By signing or proceeding with this transaction, you acknowledge and agree to this card on file authorization.",K.default.createElement("a",{href:"#",onClick:H=>{H.preventDefault(),ke(!1)}},"See less ..."))):K.default.createElement(K.default.Fragment,null,K.default.createElement("span",null,"By providing your payment information, you authorize ",et,", a Sky Systemz merchant, to securely store your card on file for future pay..."," "),K.default.createElement("a",{href:"#",onClick:H=>{H.preventDefault(),ke(!0)}},"See more ...")))),(g==null?void 0:g.authorise)&&K.default.createElement("small",{className:"check-error"},g==null?void 0:g.authorise)),K.default.createElement("div",{className:"button-row"},K.default.createElement("button",{className:"cancelbtn",type:"button",onClick:Ze},"Cancel"),K.default.createElement("button",{className:"savebtn",type:"submit"},"Save")))))}var d=Ye(require("react"));var ai=Ye(require("react"));function Ln(){let e="#000",A="#fff",V="#212529",R="#dee2e6";return ai.default.createElement("style",null,`
|
|
1965
1965
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
1966
1966
|
body
|
|
1967
1967
|
{
|
|
@@ -2588,4 +2588,4 @@
|
|
|
2588
2588
|
|
|
2589
2589
|
|
|
2590
2590
|
|
|
2591
|
-
`)}var jt=Ye(require("axios"));var ri=({amount:e,submitBtnText:A="Pay",session_token:V,customerId:R,callback:S,merchantName:et="merchant",isPreAuth:L,surcharge:yt="0",submitBtnClass:Ae,submitBtnIcon:ke})=>{var Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut;let[N,U]=(0,d.useState)("card"),[p,k]=(0,d.useState)(),[h,Ne]=(0,d.useState)({}),[w,Me]=(0,d.useState)(),[X,Oe]=(0,d.useState)({}),[nt,je]=(0,d.useState)(!1),[kt,it]=(0,d.useState)(!1),[mt,c]=(0,d.useState)(!1),[Ze,P]=(0,d.useState)(""),[H,F]=(0,d.useState)(!1),[$e,de]=(0,d.useState)(""),[a,s]=(0,d.useState)(!1),[x,pe]=(0,d.useState)(!1),v=ae+"widget/mc-img.svg",C=ae+"widget/visa-img.svg",l=ae+"widget/ae-img.svg",j=ae+"widget/discover-img.svg",I=ae+"widget/card.svg",Ee=ae+"widget/Trash.svg",ot=ae+"widget/bank.svg",vt=ae+"widget/secure-img.png",Qe=ae+"widget/pov-by.png",bt=ae+"widget/pax.svg",r=ae+"widget/cardicon.svg",Yt=ae+"widget/bankicon.svg",Ft=()=>s(!0),Le=()=>s(!1),ht=async _=>{var b,Z,$,E,ve,ge,re,Pe;try{let le={pass_fee_amount:yt,Token:_==null?void 0:_.Token,amount:e,postal_code:_==null?void 0:_.postalCode},W=await jt.default.post(`${ct}api/v1/gateway/charge/${V}`,le);if(console.log(W,"charge"),(b=W==null?void 0:W.data)!=null&&b.result){let ee={};if(mt&&R)try{let Ce={postal_code:p==null?void 0:p.zipCode,customer_id:R,gateway_token:_==null?void 0:_.gateway_token},te=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,Ce);(Z=te==null?void 0:te.data)!=null&&Z.result&&(te=($=te==null?void 0:te.data)==null?void 0:$.data)}catch(Ce){console.log(Ce,"error"),Le(),P(((ve=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:ve.message)||"Something went wrong!")}let We={cardDetails:M(M({},ee),_),callback:(ge=W==null?void 0:W.data)==null?void 0:ge.data};mt||delete We.cardDetails,S(We),Le(),O()}}catch(le){P(((Pe=(re=le==null?void 0:le.response)==null?void 0:re.data)==null?void 0:Pe.message)||"Something went wrong!"),Le()}},ft=async _=>{var b,Z,$,E,ve,ge,re,Pe;try{let le={Token:_==null?void 0:_.Token,amount:e,postal_code:_==null?void 0:_.postalCode},W=await jt.default.post(`${ct}api/v1/gateway/preauth/${V}`,le);if(console.log(W,"charge"),(b=W==null?void 0:W.data)!=null&&b.result){let ee={};if(mt&&R)try{let Ce={postal_code:p==null?void 0:p.zipCode,customer_id:R,gateway_token:_==null?void 0:_.gateway_token},te=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,Ce);(Z=te==null?void 0:te.data)!=null&&Z.result&&(te=($=te==null?void 0:te.data)==null?void 0:$.data)}catch(Ce){console.log(Ce,"error"),Le(),P(((ve=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:ve.message)||"Something went wrong!")}let We={cardDetails:M(M({},ee),_),callback:(ge=W==null?void 0:W.data)==null?void 0:ge.data};mt||delete We.cardDetails,S(We),Le(),O()}}catch(le){P(((Pe=(re=le==null?void 0:le.response)==null?void 0:re.data)==null?void 0:Pe.message)||"Something went wrong!"),Le()}},Pt=async _=>{var b,Z,$,E;if(_.Error)P(_.Error),Le();else{let ve={token:_.Token,resp:_};try{let ge=await jt.default.post(`${ct}api/v1/gateway/update/token/${V}`,ve);if((ge==null?void 0:ge.status)==200){let re={Token:(Z=(b=ge==null?void 0:ge.data)==null?void 0:b.data)==null?void 0:Z.gateway_token,Brand:_.Brand,ExpirationMonth:_.ExpirationMonth,ExpirationYear:_.ExpirationYear,Last4:_.Last4,Bin:_.Bin,CVV:_.CVV,postalCode:p==null?void 0:p.zipCode},Pe;L?ft(re):ht(re)}}catch(ge){console.log(ge,"error"),Le(),P(((E=($=ge==null?void 0:ge.response)==null?void 0:$.data)==null?void 0:E.message)||"Something went wrong!")}}},zt=()=>it(!0),xt=_=>{U(_)},at=()=>{var Z,$,E,ve,ge,re,Pe,le,W;let _={},b=w;if((Z=b==null?void 0:b.name)!=null&&Z.trim()||(_.name="Name is required"),($=b==null?void 0:b.accountNumber)!=null&&$.trim()||(_.accountNumber="Account number is required"),(E=b==null?void 0:b.accountNumber)!=null&&E.trim()&&((ve=b==null?void 0:b.accountNumber)==null?void 0:ve.trim())!==((ge=b==null?void 0:b.confirmAccountNumber)==null?void 0:ge.trim())&&(_.confirmAccountNumber="Account numbers must match"),(re=b==null?void 0:b.bankName)!=null&&re.trim()||(_.bankName="Bank name is required"),(Pe=b==null?void 0:b.routingNumber)!=null&&Pe.trim()||(_.routingNumber="Routing Number is required"),b!=null&&b.routingNumber&&((le=b==null?void 0:b.routingNumber)==null?void 0:le.length)!==9&&(_.routingNumber="Routing number must be 9 digits"),((W=b==null?void 0:b.routingNumber)==null?void 0:W.length)==9){let ee=b==null?void 0:b.routingNumber,We=[3,7,1],Ce=0;for(let te=0;te<ee.length;te++)Ce+=parseInt(ee[te],10)*We[te%3];Ce%10!==0&&(_.routingNumber="Invalid routing number")}return Oe(_),Object.keys(_).length>0},rt=async()=>{var _,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;try{let t={method:"POST",redirect:"follow"},n=await jt.default.post(`${ct}api/v1/widget/generate-session`,t),y=Number(p==null?void 0:p.expiryYear)%100,T=`${(_=p==null?void 0:p.cardNumber)==null?void 0:_.replace(/\s+/g,"")}=${y}${p==null?void 0:p.expiryMonth} ${p==null?void 0:p.cvv}`,q=forge.pki.publicKeyFromPem((Z=(b=n==null?void 0:n.data)==null?void 0:b.data)==null?void 0:Z.publicKeyPem).encrypt(T,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),me=forge.util.encode64(q),ye={"Content-Type":"application/json","x-app-session-key":(E=($=n.data)==null?void 0:$.data)==null?void 0:E.session_key},Fe=JSON.stringify({enc_track2_data:me,algorithm:"RSAES_OAEP_SHA_1",session_key:(ge=(ve=n==null?void 0:n.data)==null?void 0:ve.data)==null?void 0:ge.session_key}),Be=await jt.default.post(`${$t}tokenizer/tokenize`,Fe,{headers:ye});if((Be==null?void 0:Be.status)==200){let ie=(Pe=(re=Be==null?void 0:Be.data)==null?void 0:re.data)==null?void 0:Pe.token;try{let qe=await jt.default.post(`${ct}api/v1/gateway/verify-and-save/${V}`,{token:ie});if((qe==null?void 0:qe.status)==200){let De=(le=qe==null?void 0:qe.data)==null?void 0:le.data,Ve={Token:De.gateway_token,Brand:De.card_data.brand,ExpirationMonth:De.card_data.expire_mm,ExpirationYear:De.card_data.expire_yy,Last4:De.card_data.last4,Bin:De.card_data.bin,postalCode:p==null?void 0:p.zipCode},wt;if(mt&&R)try{let J={postal_code:p==null?void 0:p.zipCode,customer_id:R,gateway_token:De.gateway_token};wt=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,J),(W=wt==null?void 0:wt.data)!=null&&W.result&&console.log((ee=wt==null?void 0:wt.data)==null?void 0:ee.data,"add")}catch(J){console.log(J,"error"),Le(),P(((Ce=(We=J==null?void 0:J.response)==null?void 0:We.data)==null?void 0:Ce.message)||"Something went wrong!")}L?ft(Ve):ht(Ve)}}catch(qe){console.log(qe,"error"),P(((oe=(te=qe==null?void 0:qe.response)==null?void 0:te.data)==null?void 0:oe.message)||"Something went wrong!"),Le()}}}catch(t){Le(),console.log(t,"error"),P(((Nt=(Ct=t==null?void 0:t.response)==null?void 0:Ct.data)==null?void 0:Nt.message)||"Something went wrong!")}},gt=()=>{var E,ve,ge,re,Pe,le;let _={},b=p,Z=parseInt((b==null?void 0:b.expiryMonth)||"",10),$=(b==null?void 0:b.expiryYear)||"";if((E=b==null?void 0:b.cardName)!=null&&E.trim()||(_.cardName="Card name is required"),(ve=b==null?void 0:b.cardNumber)!=null&&ve.trim()||(_.cardNumber="Card number is required"),(!((ge=b==null?void 0:b.expiryMonth)!=null&&ge.trim())||!((re=b==null?void 0:b.expiryYear)!=null&&re.trim())||isNaN(Z)||Z<1||Z>12||$.length!==4)&&(_.expiryMonth="Invalid Expiration Date."),(Pe=b==null?void 0:b.cvv)!=null&&Pe.trim()||(_.cvv="CVV is required"),(le=b==null?void 0:b.zipCode)!=null&&le.trim()||(_.zipCode="ZIP code is required"),b!=null&&b.expiryMonth&&(b!=null&&b.expiryYear)&&b.expiryMonth.length<=2&&b.expiryYear.length===4){let W=parseInt(b.expiryMonth,10),ee=parseInt(b.expiryYear,10),We=new Date,Ce=We.getMonth()+1,te=We.getFullYear();(ee<te||ee===te&&W<Ce)&&(_.expiryMonth="Card is expired")}return Ne(_),Object.keys(_).length>0},u=async _=>{var b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce;if(_.preventDefault(),N!=="ach"){if(gt())return}else if(at())return;try{Ft();let te=await jt.default.get(`${ct}api/v1/gateway/token/${V}`);if((te==null?void 0:te.status)==200){let oe=(Z=(b=te==null?void 0:te.data)==null?void 0:b.data)==null?void 0:Z.gateway_token,Ct=(E=($=te==null?void 0:te.data)==null?void 0:$.data)==null?void 0:E.paymentGateway;if(N!=="ach")Ct==((ve=gn)==null?void 0:ve.FRACTALKEY)?await rt():DatacapWebToken.requestToken(oe,"PaymentForm",Pt);else{let Nt;try{let t=await jt.default.post(`${ct}api/v1/gateway/bank-charge/${V}`,{label:w==null?void 0:w.name,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:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(t,"pay by bank"),(ge=t==null?void 0:t.data)!=null&&ge.result){if(nt&&R)try{let n=await jt.default.post(`${ct}api/v1/gateway/add-bank/${V}`,{name:w==null?void 0:w.name,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,customer_id:R||""});console.log(n,"result"),n.data.result&&(Nt={bankdetails:(re=n==null?void 0:n.data)==null?void 0:re.data})}catch(n){Le(),P(((le=(Pe=n==null?void 0:n.response)==null?void 0:Pe.data)==null?void 0:le.message)||"Something went wrong!")}Nt=z(M({},Nt),{callback:(W=t==null?void 0:t.data)==null?void 0:W.data}),S(Nt),O(),Le()}}catch(t){console.log(t,"errororor");let n=(ee=t==null?void 0:t.response)==null?void 0:ee.data;console.log(n,"ererere",Object.values(n==null?void 0:n.message)),typeof(n==null?void 0:n.message)=="object"?Object.values(n==null?void 0:n.message).forEach(y=>{P(y||"Something went wrong")}):P((n==null?void 0:n.message)||"Something went wrong"),Le()}}}}catch(te){Le(),P(((Ce=(We=te==null?void 0:te.response)==null?void 0:We.data)==null?void 0:Ce.message)||"Something went wrong!")}},f=(_,b)=>{let Z=_;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Z)){(b===""||/^[0-9]+$/.test(b))&&(Ne(E=>z(M({},E),{[Z]:""})),k(E=>z(M({},E),{[Z]:b})));return}Ne(E=>z(M({},E),{[Z]:""})),k(E=>z(M({},E),{[Z]:b}))},Q=_=>{let Z=_.target.value.replace(/\D/g,""),$="";/^3[47]/.test(Z)?$=Z.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ve,ge,re,Pe)=>[ge,re,Pe].filter(Boolean).join(" ")):$=Z.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ve,ge,re,Pe,le)=>[ge,re,Pe,le].filter(Boolean).join(" ")),Ne(E=>z(M({},E),{cardNumber:""})),k(E=>z(M({},E),{cardNumber:$}))},fe=_=>{let{name:b,value:Z}=_.target,$=["routingNumber","accountNumber","confirmAccountNumber"];if(b=="name"){/^[a-zA-Z\s]*$/.test(Z)&&(Oe(E=>z(M({},E),{[b]:""})),Me(E=>z(M({},E),{[b]:Z})));return}if($.includes(b)){(Z===""||/^[0-9]+$/.test(Z))&&(Oe(E=>z(M({},E),{[b]:""})),Me(E=>z(M({},E),{[b]:Z})));return}Oe(E=>z(M({},E),{[b]:""})),Me(E=>z(M({},E),{[b]:Z}))},O=()=>{it(!1),U("card"),P(""),F(!1),de(""),Me({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Oe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),k({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),je(!1),c(!1)};return d.default.createElement(d.default.Fragment,null,d.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),d.default.createElement(Bt,null),d.default.createElement(Ln,null),d.default.createElement("button",{className:Ae||"paymentBtn",onClick:zt},A,ke),d.default.createElement(Kt,{open:kt,onClose:O},Ze&&d.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},d.default.createElement(Ht,{error:Ze,onClose:O})),!Ze&&d.default.createElement(d.default.Fragment,null,(a||x)&&d.default.createElement(Lt,{loading:a||x}),d.default.createElement("div",{className:"frac-card-payment-page frac-form"},d.default.createElement("div",{className:"parent-pay-container"},d.default.createElement("span",{className:"request-payment-close-popup",onClick:O},d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},d.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},d.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"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:"clip0_12425_52336"},d.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),d.default.createElement("div",{className:"pay-main-logo-res"}),d.default.createElement("div",{className:"pay-container"},d.default.createElement("div",{className:"pay-header pay-conatiner-one"},d.default.createElement("div",{className:"pay-conatiner-one-first"},d.default.createElement("div",{className:"pay-logo-container"},d.default.createElement("div",{className:"pay-main-logo"}),d.default.createElement("h1",{className:"pay-heading"},"Pay")),d.default.createElement("div",{className:"amt-pay-con"},d.default.createElement("div",{className:"pay-amount-conatiner"},d.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),d.default.createElement("strong",{className:"pay-amount"},"$",(Ie=Number(e))==null?void 0:Ie.toFixed(2))),N!="ach"&&d.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},d.default.createElement("img",{src:C,alt:"",width:33}),d.default.createElement("img",{src:v,width:33,alt:""}),d.default.createElement("img",{src:l,alt:"",width:33}),d.default.createElement("img",{src:j,width:33,alt:""})))),d.default.createElement("div",{className:"pay-conatiner-one-last"},d.default.createElement("img",{src:vt,alt:""}),d.default.createElement("img",{src:Qe,alt:""}),"Secure payments powered by Fractal")),d.default.createElement("div",{className:"pay-tab pay-conatiner-two"},d.default.createElement("div",{className:"col-md-12"},d.default.createElement("div",{id:"payment-form-div"},!L&&d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"tab"},d.default.createElement("button",{className:"tablinks cardicon-img",onClick:_=>{xt("card")},style:{border:N==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},d.default.createElement("img",{className:"cardicon",src:r}),"Card"),d.default.createElement("button",{className:"tablinks bankicon-img",onClick:_=>{xt("ach")},style:{border:N==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},d.default.createElement("img",{className:"bankicon",src:Yt}),"Bank"))),d.default.createElement("div",{className:"res-pay-con"},d.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},d.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),d.default.createElement("strong",{className:"pay-amount"},"$",(ce=Number(e))==null?void 0:ce.toFixed(2))),N!="ach"&&d.default.createElement("div",null,d.default.createElement("div",null,d.default.createElement("img",{src:C,alt:"",width:35,style:{paddingRight:"5px"}}),d.default.createElement("img",{src:v,width:35,alt:""})),d.default.createElement("div",null,d.default.createElement("img",{src:l,alt:"",width:35,style:{paddingRight:"5px"}}),d.default.createElement("img",{src:j,width:35,alt:""})))),d.default.createElement("div",{id:"ach",style:{display:N==="card"?"block":"none"},className:"tabcontent"},d.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:u},d.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),d.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(p==null?void 0:p.cardName)||"",onChange:_=>{let b=_.target.value;/^[a-zA-Z\s]*$/.test(b)&&f("cardName",b)}}),(h==null?void 0:h.cardName)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cardName)),d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),d.default.createElement("div",{className:"toggle-num-wrapper"},d.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(p==null?void 0:p.cardNumber)||"",onChange:_=>Q(_),"data-token":"card_number"}),d.default.createElement("div",{className:"card-crdi card-expiry-new"},d.default.createElement("div",{className:"exp-date-year-container"},d.default.createElement("div",{className:"exp-date form-group-frac"},d.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(p==null?void 0:p.expiryMonth)||"",onChange:_=>f("expiryMonth",_.target.value)})),d.default.createElement("div",{className:"exp-year form-group-frac"},d.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(p==null?void 0:p.expiryYear)||"",onChange:_=>f("expiryYear",_.target.value)})),d.default.createElement("div",{className:"security-digit form-group-frac"},d.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(p==null?void 0:p.cvv)||"",onChange:_=>f("cvv",_.target.value)})))),(h==null?void 0:h.cardNumber)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cardNumber),d.default.createElement("p",{style:{margin:"0"}},h!=null&&h.expiryMonth||h!=null&&h.expiryYear?d.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},h==null?void 0:h.expiryMonth):"",(h==null?void 0:h.cvv)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cvv)))),d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"zip"},"ZIP"),d.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(he=p==null?void 0:p.zipCode)!=null?he:"",onChange:_=>f("zipCode",_.target.value)}),(h==null?void 0:h.zipCode)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.zipCode)),R&&d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},d.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:mt,onChange:_=>c(_.target.checked)}),d.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),d.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},d.default.createElement("rect",{width:"20",height:"20",fill:"white"}),d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),d.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"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:"clip0_12420_50192"},d.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),d.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},d.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ze=Number(e))==null?void 0:ze.toFixed(2))))),d.default.createElement("div",{id:"ach",style:{display:N==="ach"?"block":"none"},className:"tabcontent"},d.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:u},d.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),d.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Te=w==null?void 0:w.name)!=null?Te:"",onChange:fe}),(X==null?void 0:X.name)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.name)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),d.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(_e=w==null?void 0:w.routingNumber)!=null?_e:"",onChange:fe}),(X==null?void 0:X.routingNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.routingNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),d.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ue=w==null?void 0:w.accountNumber)!=null?Ue:"",onChange:fe}),(X==null?void 0:X.accountNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.accountNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),d.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Je=w==null?void 0:w.confirmAccountNumber)!=null?Je:"",onChange:fe}),(X==null?void 0:X.confirmAccountNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.confirmAccountNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"bankname"},"Bank name"),d.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(tt=w==null?void 0:w.bankName)!=null?tt:"",onChange:fe}),(X==null?void 0:X.bankName)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.bankName)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),d.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Xe=w==null?void 0:w.accountType)!=null?Xe:"",onChange:fe},d.default.createElement("option",{value:""},"Select account"),d.default.createElement("option",{value:"saving"},"Personal Saving"),d.default.createElement("option",{value:"saving"},"Business Saving"),d.default.createElement("option",{value:"checking"},"Personal Checking"),d.default.createElement("option",{value:"checking"},"Business Checking"))),R&&d.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},d.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:nt,onChange:_=>je(_.target.checked)}),d.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),nt&&d.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},d.default.createElement("p",null,"If checked, I agree for ",d.default.createElement("b",null,et||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),d.default.createElement("div",{className:"form-group-frac "},d.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(ut=Number(e))==null?void 0:ut.toFixed(2))))))))))))))};var o=Ye(require("react"));var Xt=Ye(require("axios"));var on=Ye(require("sweetalert2")),In=require("react-icons/io5");var si=e=>{var Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;let[A,V]=(0,o.useState)(!1),[R,S]=(0,o.useState)(!1),[et,L]=(0,o.useState)(""),[yt,Ae]=(0,o.useState)(!1),[ke,N]=(0,o.useState)(!0),[U,p]=(0,o.useState)("card"),[k,h]=(0,o.useState)("card"),[Ne,w]=(0,o.useState)(!0),[Me,X]=(0,o.useState)(!1),[Oe,nt]=(0,o.useState)(!1),je=e.merchantPublicKey,kt=ae+"widget/mc-img.svg",it=ae+"widget/visa-img.svg",mt=ae+"widget/ae-img.svg",c=ae+"widget/discover-img.svg",Ze=ae+"widget/card.svg",P=ae+"widget/Trash.svg",H=ae+"widget/bank.svg",F=ae+"widget/secure-img.png",$e=ae+"widget/pov-by.png",de=ae+"widget/pax.svg",[a,s]=(0,o.useState)(),[x,pe]=(0,o.useState)({}),[v,C]=(0,o.useState)(),[l,j]=(0,o.useState)({}),[I,Ee]=(0,o.useState)([]),[ot,vt]=(0,o.useState)(),[Qe,bt]=(0,o.useState)(),[r,Yt]=(0,o.useState)(),[Ft,Le]=(0,o.useState)(""),ht=()=>V(!0),ft=()=>V(!1),Pt=()=>{N(!1),p("card"),L(""),Ae(!1),Le(""),C({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),nt(!1),X(!1),vt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),bt({}),h("card"),w(!0)},zt=()=>N(!0),xt=t=>{p(t)},at=(t,n)=>{let y=t;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(y)){(n===""||/^[0-9]+$/.test(n))&&(pe(T=>z(M({},T),{[y]:""})),s(T=>z(M({},T),{[y]:n})));return}pe(T=>z(M({},T),{[y]:""})),s(T=>z(M({},T),{[y]:n}))},rt=t=>{let y=t.target.value.replace(/\D/g,""),ue="";/^3[47]/.test(y)?ue=y.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,q,me,ye)=>[q,me,ye].filter(Boolean).join(" ")):ue=y.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,q,me,ye,Fe)=>[q,me,ye,Fe].filter(Boolean).join(" ")),pe(T=>z(M({},T),{cardNumber:""})),s(T=>z(M({},T),{cardNumber:ue}))},gt=t=>{let{name:n,value:y}=t.target,ue=["routingNumber","accountNumber","confirmAccountNumber"];if(n=="name"){/^[a-zA-Z\s]*$/.test(y)&&(j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y})));return}if(ue.includes(n)){(y===""||/^[0-9]+$/.test(y))&&(j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y})));return}j(T=>z(M({},T),{[n]:""})),C(T=>z(M({},T),{[n]:y}))},u=()=>{var T,we,q,me,ye,Fe;let t={},n=a,y=parseInt((n==null?void 0:n.expiryMonth)||"",10),ue=(n==null?void 0:n.expiryYear)||"";if((T=n==null?void 0:n.cardName)!=null&&T.trim()||(t.cardName="Card name is required"),(we=n==null?void 0:n.cardNumber)!=null&&we.trim()||(t.cardNumber="Card number is required"),(!((q=n==null?void 0:n.expiryMonth)!=null&&q.trim())||!((me=n==null?void 0:n.expiryYear)!=null&&me.trim())||isNaN(y)||y<1||y>12||ue.length!==4)&&(t.expiryMonth="Invalid Expiration Date."),(ye=n==null?void 0:n.cvv)!=null&&ye.trim()||(t.cvv="CVV is required"),(Fe=n==null?void 0:n.zipCode)!=null&&Fe.trim()||(t.zipCode="ZIP code is required"),n!=null&&n.expiryMonth&&(n!=null&&n.expiryYear)&&n.expiryMonth.length<=2&&n.expiryYear.length===4){let Be=parseInt(n.expiryMonth,10),ie=parseInt(n.expiryYear,10),qe=new Date,De=qe.getMonth()+1,Ve=qe.getFullYear();(ie<Ve||ie===Ve&&Be<De)&&(t.expiryMonth="Card is expired")}return pe(t),Object.keys(t).length>0},f=()=>{var y,ue,T,we,q,me,ye,Fe,Be;let t={},n=v;if((y=n==null?void 0:n.name)!=null&&y.trim()||(t.name="Name is required"),(ue=n==null?void 0:n.accountNumber)!=null&&ue.trim()||(t.accountNumber="Account number is required"),(T=n==null?void 0:n.accountNumber)!=null&&T.trim()&&((we=n==null?void 0:n.accountNumber)==null?void 0:we.trim())!==((q=n==null?void 0:n.confirmAccountNumber)==null?void 0:q.trim())&&(t.confirmAccountNumber="Account numbers must match"),(me=n==null?void 0:n.bankName)!=null&&me.trim()||(t.bankName="Bank name is required"),(ye=n==null?void 0:n.routingNumber)!=null&&ye.trim()||(t.routingNumber="Routing Number is required"),n!=null&&n.routingNumber&&((Fe=n==null?void 0:n.routingNumber)==null?void 0:Fe.length)!==9&&(t.routingNumber="Routing number must be 9 digits"),((Be=n==null?void 0:n.routingNumber)==null?void 0:Be.length)==9){let ie=n==null?void 0:n.routingNumber,qe=[3,7,1],De=0;for(let Ve=0;Ve<ie.length;Ve++)De+=parseInt(ie[Ve],10)*qe[Ve%3];De%10!==0&&(t.routingNumber="Invalid routing number")}return j(t),Object.keys(t).length>0},Q=async t=>{var n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J;if(t.preventDefault(),U!=="ach"){if(u())return;{let Mt=DatacapWebToken.validateCardNumber(a==null?void 0:a.cardNumber.replaceAll(" ","")),D=DatacapWebToken.validateExpirationDate(a==null?void 0:a.expiryMonth,a==null?void 0:a.expiryYear),It=DatacapWebToken.validateCVV(a==null?void 0:a.cvv),_t={};if(Mt||(_t.cardNumber="Invalid card Number"),D||(_t.expiryMonth="Invalid Expiration Date."),It||(_t.cvv="Invalid CVV"),pe(_t),Mt&&It&&D){S(!0);try{let pt=z(M({},a),{amount:`${e.amount||0}`,fractalpayPublicKey:je,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}),He=await Xt.default.post(`${Ge}create-widget-order`,pt),Zt=async function(st){if(st.Error)L(st.Error),S(!1);else{let se=a==null?void 0:a.cardName,G=a==null?void 0:a.zipCode;st.name=se,st.postal_code=G,st.isCardSave=`${Me}`,st.isCharge=!0,st.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,console.log(st,"resppp"),console.log(He==null?void 0:He.data.data.posSalesIdEncode,"fkjdashgfuh"),Se.emit("sendMessage",st),Se.on(He==null?void 0:He.data.data.posSalesIdEncode,xe=>{if(console.log(xe,"socket data"),Rt(xe==null?void 0:xe.data)){let be=JSON.parse(xe.data);console.log("return data : ",be),be!=null&&be.result?(Se.emit("chargeResponse",{status:be==null?void 0:be.result,transactionId:be==null?void 0:be.transactionId,message:be==null?void 0:be.message}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),X(!1),Le(be==null?void 0:be.transactionId),Ae(!0),S(!1)):(Se.emit("chargeResponse",{status:be==null?void 0:be.result,message:(be==null?void 0:be.message)||"Something went wrong."}),S(!1),L((be==null?void 0:be.message)||"Something went wrong."))}else L("Something went wrong.")})}};if((r==null?void 0:r.paymentGateway)===32){let st={method:"POST",redirect:"follow"};try{let se=await Xt.default.post(`${ct}api/v1/widget/generate-session`,st),G=Number(a==null?void 0:a.expiryYear)%100,xe=a==null?void 0:a.cardNumber;xe=xe==null?void 0:xe.replace(/\s+/g,"");let be=`${xe}=${G}${a==null?void 0:a.expiryMonth} ${a==null?void 0:a.cvv}`,pn=forge.pki.publicKeyFromPem((y=(n=se==null?void 0:se.data)==null?void 0:n.data)==null?void 0:y.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),hn=forge.util.encode64(pn),fn={"Content-Type":"application/json","x-app-session-key":(T=(ue=se.data)==null?void 0:ue.data)==null?void 0:T.session_key},yn=JSON.stringify({enc_track2_data:`${hn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(q=(we=se==null?void 0:se.data)==null?void 0:we.data)==null?void 0:q.session_key}`});try{let dt=await Xt.default.post(`${$t}tokenizer/tokenize`,yn,{headers:fn}),bn=JSON.stringify(z(M({},(me=dt==null?void 0:dt.data)==null?void 0:me.data),{isSaveCardChecked:Me,name:a==null?void 0:a.cardName,postal_code:a==null?void 0:a.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(Fe=(ye=He==null?void 0:He.data)==null?void 0:ye.data)==null?void 0:Fe.posSalesIdEncode}`,token:`${(Be=dt==null?void 0:dt.data)==null?void 0:Be.data.token}`,json_response:`${bn}`}),vn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Se.emit("sendMessage",vn),Se.on("chargeviafractalgateway",Tt=>{var rn;if(console.log(Tt,"socket data"),Rt(Tt==null?void 0:Tt.data)){let Ke=JSON.parse(Tt==null?void 0:Tt.data);console.log(Ke,"dfuigdasuf"),Ke!=null&&Ke.result?(Se.emit("chargeResponse",{status:Ke==null?void 0:Ke.result,transactionId:Ke==null?void 0:Ke.transactionId,message:Ke==null?void 0:Ke.message}),Le((rn=Ke==null?void 0:Ke.data)==null?void 0:rn.transactionId),Ae(!0),S(!1)):(S(!1),L((Ke==null?void 0:Ke.message)||"Something went wrong."),Se.emit("chargeResponse",{status:Ke==null?void 0:Ke.result,message:(Ke==null?void 0:Ke.message)||"Something went wrong."}))}else L("Something went wrong.")})}catch(dt){S(!1),L(((qe=(ie=dt==null?void 0:dt.response)==null?void 0:ie.data)==null?void 0:qe.message)||(dt==null?void 0:dt.message)||"Something went wrong.")}}catch(se){S(!1),L(((Ve=(De=se==null?void 0:se.response)==null?void 0:De.data)==null?void 0:Ve.message)||(se==null?void 0:se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Zt)}catch(pt){S(!1),L(((J=(wt=pt==null?void 0:pt.response)==null?void 0:wt.data)==null?void 0:J.message)||(pt==null?void 0:pt.message)||"Something went wrong.")}}}}else{if(f())return;{S(!0);let Mt={fractalpayPublicKey:je,label:(v==null?void 0:v.name)||"John Doe",account_number:v==null?void 0:v.accountNumber,routing_number:v==null?void 0:v.routingNumber,bank_name:v==null?void 0:v.bankName,account_type:v==null?void 0:v.accountType,amount:String(e.amount||0),isSaveAch:Oe,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};Se.emit("sendMessage",Mt),Se.on("ach-incoming",D=>{var It,_t;console.log(D,"sfhdwhf"),(D==null?void 0:D.status)=="Failed"?(Se.emit("chargeResponse",{status:D==null?void 0:D.result,message:(D==null?void 0:D.message)||"Something went wrong."}),typeof(D==null?void 0:D.message)=="object"?Object.values(D==null?void 0:D.message).forEach(pt=>{L(pt||"Something went wrong")}):L((D==null?void 0:D.message)||"Something went wrong")):(Se.emit("chargeResponse",{status:D==null?void 0:D.status,message:D==null?void 0:D.message,transactionId:(It=D==null?void 0:D.data)==null?void 0:It.transactionId}),Le((_t=D==null?void 0:D.data)==null?void 0:_t.transaction_id),Ae(!0),S(!1))})}}},fe=async()=>{var t,n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J,At,Mt,D,It,_t,pt,He,Zt,st;ht();try{let se={fractalpayPublicKey:je,customer_id:e==null?void 0:e.customerId},G=await Xt.default.post(`${Ge}get-payment-details`,se);if(Yt((t=G==null?void 0:G.data)==null?void 0:t.data),(y=(n=G==null?void 0:G.data)==null?void 0:n.data)!=null&&y.paymentGateway||L("Something went wrong."),(T=(ue=G==null?void 0:G.data)==null?void 0:ue.data)!=null&&T.card_list&&((me=(q=(we=G==null?void 0:G.data)==null?void 0:we.data)==null?void 0:q.card_list)==null?void 0:me.length)>0){Ee((Fe=(ye=G==null?void 0:G.data)==null?void 0:ye.data)==null?void 0:Fe.card_list),p("cardList");let xe=(qe=(ie=(Be=G==null?void 0:G.data)==null?void 0:Be.data)==null?void 0:ie.card_list)==null?void 0:qe.filter(be=>(be==null?void 0:be.primary_card)==1);(xe!=null&&xe[0]&&((De=xe==null?void 0:xe[0])==null?void 0:De.payment_method_type)==((wt=(Ve=G==null?void 0:G.data)==null?void 0:Ve.data)==null?void 0:wt.paymentGateway)||((J=xe==null?void 0:xe[0])==null?void 0:J.card_type)==="Bank")&&vt(xe[0])}else p("card");(Mt=(At=G==null?void 0:G.data)==null?void 0:At.data)!=null&&Mt.paymentDeviceList&&((_t=(It=(D=G==null?void 0:G.data)==null?void 0:D.data)==null?void 0:It.paymentDeviceList)==null?void 0:_t.length)>0&&bt((He=(pt=G==null?void 0:G.data)==null?void 0:pt.data)==null?void 0:He.paymentDeviceList[0]),ft()}catch(se){console.log(se),ft(),L(((st=(Zt=se==null?void 0:se.response)==null?void 0:Zt.data)==null?void 0:st.message)||(se==null?void 0:se.message)||"Something went wrong")}},O=async()=>{let t=e==null?void 0:e.customerId,n=String(e==null?void 0:e.discount),y=String(e==null?void 0:e.surcharge),ue=String(e==null?void 0:e.tax),T=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,q=String(e==null?void 0:e.amount),me=ot==null?void 0:ot.id,ye=ot==null?void 0:ot.card_type;if(T&&we&&q)if(t)if(me){let Be={amount:q,order_id:we,customer_id:t,card_id:me,fractalpayPublicKey:T,isCardSave:Me,discount:n,surcharge:y,tax:ue},Fe=Be,{isCardSave:ie}=Fe,qe=Wt(Fe,["isCardSave"]),Ve=Ge+(ye==="Bank"?"charge-ach":"charge-by-card"),wt={"Content-Type":"application/json"};S(!0),Se.emit("sendMessage",{url:Ve,body:ye=="Bank"?qe:Be,isChargebycard:!0}),Se.on("charge-by-card",J=>{var At,Mt,D;console.log(J,"response"),(J==null?void 0:J.result)==!0||(J==null?void 0:J.status)==!0?(Se.emit("chargeResponse",{status:(J==null?void 0:J.result)||(J==null?void 0:J.status),message:J==null?void 0:J.message,transactionId:(At=J==null?void 0:J.data)==null?void 0:At.transaction_id}),Le((Mt=J.data)==null?void 0:Mt.transaction_id),Ae(!0),S(!1)):(Se.emit("chargeResponse",{status:(J==null?void 0:J.result)||(J==null?void 0:J.status),message:J==null?void 0:J.message,transactionId:(D=J==null?void 0:J.data)==null?void 0:D.transaction_id}),L((J==null?void 0:J.message)||"Something went wrong."))})}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")},Ie=async()=>{var T,we,q,me,ye,Fe;let t=e==null?void 0:e.merchantPublicKey,n=e==null?void 0:e.orderID,y=String(e==null?void 0:e.amount),ue=e==null?void 0:e.customerId;if(!(Qe!=null&&Qe.device_id)){L("Please Select A Payment Device");return}if(t&&n&&y){S(!0);let Be={amount:y,fractalpayPublicKey:t,customer_order_id:n,device_id:Qe==null?void 0:Qe.device_id,customer_id:ue||""};try{let ie=await Xt.default.post(`${Ge}charge-with-reader`,Be);console.log(ie,"response"),((T=ie==null?void 0:ie.data)==null?void 0:T.result)==!0?(Le((q=(we=ie==null?void 0:ie.data)==null?void 0:we.data)==null?void 0:q.transaction_id),Ae(!0),S(!1)):(L(((me=ie==null?void 0:ie.data)==null?void 0:me.message)||"Something went wrong."),S(!1))}catch(ie){L(((Fe=(ye=ie==null?void 0:ie.response)==null?void 0:ye.data)==null?void 0:Fe.message)||"Something went wrong."),S(!1)}}else L("Something went wrong.")},ce=()=>{k==="card"?O():k==="reader"&&Ie()};(0,o.useEffect)(()=>{ke&&je&&fe()},[je,ke]);let he=async t=>{on.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 n=>{if(n.isConfirmed){S(!0);try{let y={card_id:t,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ue=await Xt.default.post(`${Ge}delete-customer-card`,y);S(!1),fe(),on.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(y){S(!1),on.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else n.dismiss===on.default.DismissReason.cancel&&on.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=t=>{switch(t==null?void 0:t.toLowerCase()){case"visa":return it;case"mastercard":case"mc":case"m/c":return kt;case"amex":case"american express":case"ae":return mt;case"discover":return c;case"bank":return H;default:return t}};return o.default.createElement(o.default.Fragment,null,o.default.createElement(Bt,null),o.default.createElement(Et,null),o.default.createElement(Qt,null),o.default.createElement(o.default.Fragment,null,et&&o.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},o.default.createElement(Ht,{error:et,onClose:()=>{}})),!et&&!yt&&o.default.createElement(o.default.Fragment,null,(A||R)&&o.default.createElement(Lt,{loading:A||R}),o.default.createElement("div",{className:"frac-card-payment-page frac-form"},o.default.createElement("div",{className:"parent-pay-container"},o.default.createElement("div",{className:"pay-main-logo-res"},o.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),o.default.createElement("div",{className:"pay-container"},o.default.createElement("div",{className:"pay-header pay-conatiner-one"},o.default.createElement("div",{className:"pay-conatiner-one-first"},o.default.createElement("div",{className:"pay-logo-container"},o.default.createElement("div",{className:"pay-main-logo"},o.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),o.default.createElement("h1",{className:"pay-heading"},"Pay"),(I==null?void 0:I.length)>0&&U!=="cardList"&&o.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>p("cardList")}," ",o.default.createElement(In.IoArrowBack,null)," Back")),o.default.createElement("div",{className:"amt-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner"},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(Te=Number(e==null?void 0:e.amount))==null?void 0:Te.toFixed(2))),U!="ach"&&o.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},o.default.createElement("img",{src:it,alt:"",width:33}),o.default.createElement("img",{src:kt,width:33,alt:""}),o.default.createElement("img",{src:mt,alt:"",width:33}),o.default.createElement("img",{src:c,width:33,alt:""})))),o.default.createElement("div",{className:"pay-conatiner-one-last"},o.default.createElement("img",{src:F,alt:""}),o.default.createElement("img",{src:$e,alt:""}),"Secure payments powered by Fractal"),o.default.createElement("div",null)),o.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!A&&o.default.createElement("div",{className:"col-md-12"},o.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?o.default.createElement("div",null,(I==null?void 0:I.length)>0&&o.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>p("cardList")}," ",o.default.createElement(In.IoArrowBack,null)," Back"),(r==null?void 0:r.isSkyFiAccount)&&o.default.createElement("div",{className:"tab"},o.default.createElement("button",{className:"tablinks",onClick:t=>{xt("card")},style:{border:U==="card"?"1px solid":""}},o.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),o.default.createElement("button",{className:"tablinks",onClick:t=>{xt("ach")},style:{border:U==="ach"?"1px solid":""}},o.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),o.default.createElement("div",{className:"res-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(_e=Number(e==null?void 0:e.amount))==null?void 0:_e.toFixed(2))),U!="ach"&&o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:kt,width:35,alt:""})),o.default.createElement("div",null,o.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:c,width:35,alt:""}))))):o.default.createElement("div",null,o.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",r==null?void 0:r.customer_name),o.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",k==="card"?"Cards/Banks":"Readers"," "),o.default.createElement("div",{className:"res-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(Ue=Number(e==null?void 0:e.amount))==null?void 0:Ue.toFixed(2))),o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:kt,width:35,alt:""})),o.default.createElement("div",null,o.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:c,width:35,alt:""}))))),o.default.createElement("div",{id:"ach",style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},o.default.createElement("div",{className:"card-lint-div-in"},o.default.createElement("div",{className:"card-list-div"},k==="card"?o.default.createElement(o.default.Fragment,null,(r==null?void 0:r.card_list)&&((Je=r==null?void 0:r.card_list)==null?void 0:Je.length)>0&&((tt=r==null?void 0:r.card_list)==null?void 0:tt.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{disabled:(r==null?void 0:r.paymentGateway)!=(t==null?void 0:t.payment_method_type)&&(t==null?void 0:t.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ot===t,onChange:y=>vt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",t==null?void 0:t.cardlastfourdigit),(t==null?void 0:t.card_type)!="Bank"&&o.default.createElement("h6",{className:"card-expiry-date"},t==null?void 0:t.expmonth,"/",t==null?void 0:t.expyear)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:ze(t==null?void 0:t.card_type),alt:""})),o.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>he(t==null?void 0:t.id)},o.default.createElement("img",{src:P,alt:""}))))))):o.default.createElement(o.default.Fragment,null,(r==null?void 0:r.paymentDeviceList)&&((Xe=r==null?void 0:r.paymentDeviceList)==null?void 0:Xe.length)>0&&((ut=r==null?void 0:r.paymentDeviceList)==null?void 0:ut.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:de,alt:""})))))))),o.default.createElement("div",{className:"pay-with-other-card",onClick:()=>p("card")},"Pay With Other Card",o.default.createElement("img",{src:Ze,alt:""})),k==="card"&&(r==null?void 0:r.paymentDeviceList)&&((_=r==null?void 0:r.paymentDeviceList)==null?void 0:_.length)>0&&o.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("reader")},"Pay With Reader",o.default.createElement("img",{src:de,alt:""})),k==="reader"&&(r==null?void 0:r.paymentDeviceList)&&((b=r==null?void 0:r.paymentDeviceList)==null?void 0:b.length)>0&&o.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("card")},"Pay With Saved Card",o.default.createElement("img",{src:Ze,alt:""}))),o.default.createElement("div",{className:"form-group",style:{padding:"0"}},o.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ce},"$",(Z=Number(e==null?void 0:e.amount))==null?void 0:Z.toFixed(2)))),o.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},Ne?o.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Q},o.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"398px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"456px":(I==null?void 0:I.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(a==null?void 0:a.cardName)||"",onChange:t=>{let n=t.target.value;/^[a-zA-Z\s]*$/.test(n)&&at("cardName",n)}}),(x==null?void 0:x.cardName)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),o.default.createElement("div",{className:"toggle-num-wrapper"},o.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(a==null?void 0:a.cardNumber)||"",onChange:t=>rt(t),"data-token":"card_number"}),o.default.createElement("div",{className:"card-crdi card-expiry-new"},o.default.createElement("div",{className:"exp-date-year-container"},o.default.createElement("div",{className:"exp-date form-group"},o.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(a==null?void 0:a.expiryMonth)||"",onChange:t=>at("expiryMonth",t.target.value)})),o.default.createElement("div",{className:"exp-year form-group"},o.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(a==null?void 0:a.expiryYear)||"",onChange:t=>at("expiryYear",t.target.value)})),o.default.createElement("div",{className:"security-digit form-group"},o.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(a==null?void 0:a.cvv)||"",onChange:t=>at("cvv",t.target.value)})))),(x==null?void 0:x.cardNumber)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),o.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?o.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:($=e==null?void 0:e.orderID)!=null?$:"",style:{background:"#F6F6F7",color:"#727272"}})),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"zip"},"ZIP"),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(E=a==null?void 0:a.zipCode)!=null?E:"",onChange:t=>at("zipCode",t.target.value)}),(x==null?void 0:x.zipCode)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),(e==null?void 0:e.customerId)&&o.default.createElement("div",{className:"form-group"},o.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},o.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Me,onChange:t=>X(t.target.checked)}),o.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),o.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},o.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},o.default.createElement("rect",{width:"20",height:"20",fill:"white"}),o.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),o.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"})),o.default.createElement("defs",null,o.default.createElement("clipPath",{id:"clip0_12420_50192"},o.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),o.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((ve=r==null?void 0:r.paymentDeviceList)==null?void 0:ve.length)>0&&o.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!Ne)},Ne?"Pay With Reader":"Pay With Card"),o.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ge=Number(e==null?void 0:e.amount))==null?void 0:ge.toFixed(2)))):o.default.createElement(o.default.Fragment,null,o.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),o.default.createElement("div",{className:"card-lint-div-in"},o.default.createElement("div",{className:"card-list-div"},(r==null?void 0:r.paymentDeviceList)&&((re=r==null?void 0:r.paymentDeviceList)==null?void 0:re.length)>0&&((Pe=r==null?void 0:r.paymentDeviceList)==null?void 0:Pe.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:de,alt:""})))))))),o.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((le=r==null?void 0:r.paymentDeviceList)==null?void 0:le.length)>0&&o.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>w(!Ne)},Ne?"Pay With Reader":"Pay With Card"),o.default.createElement("button",{onClick:Ie,className:"pay-button"},"$",(W=Number(e==null?void 0:e.amount))==null?void 0:W.toFixed(2))))),o.default.createElement("div",{id:"ach",style:{display:U==="ach"?"block":"none"},className:"tabcontent"},o.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Q},o.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"378px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"436px":(I==null?void 0:I.length)>0?"462px":"520px",maxHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"358px":((I==null?void 0:I.length)>0,"380px")}},o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),o.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(ee=v==null?void 0:v.name)!=null?ee:"",onChange:gt}),(l==null?void 0:l.name)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.name)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),o.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(We=v==null?void 0:v.routingNumber)!=null?We:"",onChange:gt}),(l==null?void 0:l.routingNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.routingNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),o.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ce=v==null?void 0:v.accountNumber)!=null?Ce:"",onChange:gt}),(l==null?void 0:l.accountNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.accountNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),o.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(te=v==null?void 0:v.confirmAccountNumber)!=null?te:"",onChange:gt}),(l==null?void 0:l.confirmAccountNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.confirmAccountNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"bankname"},"Bank name"),o.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(oe=v==null?void 0:v.bankName)!=null?oe:"",onChange:gt}),(l==null?void 0:l.bankName)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.bankName)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),o.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Ct=v==null?void 0:v.accountType)!=null?Ct:"",onChange:gt},o.default.createElement("option",{value:""},"Select account"),o.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),o.default.createElement("option",{value:"Business Saving"},"Business Saving"),o.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),o.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&o.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},o.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Oe,onChange:t=>nt(t.target.checked)}),o.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Oe&&o.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},o.default.createElement("p",null,"If checked, I agree for ",o.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),o.default.createElement("div",{className:"form-group "},o.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(Nt=Number(e==null?void 0:e.amount))==null?void 0:Nt.toFixed(2))))))))))))))};var g=Ye(require("react"));var an=Ye(require("axios"));var un=Ye(require("sweetalert2")),zn=require("react-icons/io5");function li(e){var Le,ht,ft,Pt,zt,xt,at,rt,gt;let[A,V]=(0,g.useState)(!1),[R,S]=(0,g.useState)(!1),[et,L]=(0,g.useState)(""),[yt,Ae]=(0,g.useState)(!1),[ke,N]=(0,g.useState)(!0),[U,p]=(0,g.useState)("card"),[k,h]=(0,g.useState)(!1),Ne=e.merchantPublicKey,w=ae+"widget/mc-img.svg",Me=ae+"widget/visa-img.svg",X=ae+"widget/ae-img.svg",Oe=ae+"widget/discover-img.svg",nt=ae+"widget/card.svg",je=ae+"widget/Trash.svg",kt=ae+"widget/bank.svg",it=ae+"widget/secure-img.png",mt=ae+"widget/pov-by.png",[c,Ze]=(0,g.useState)(),[P,H]=(0,g.useState)({}),[F,$e]=(0,g.useState)([]),[de,a]=(0,g.useState)(),[s,x]=(0,g.useState)(),[pe,v]=(0,g.useState)(""),C=()=>V(!0),l=()=>V(!1),j=()=>{N(!1),p("card"),S(!1),L(""),Ae(!1),v(""),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),H({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),a({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},I=()=>N(!0),Ee=(u,f)=>{let Q=u;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Q)){(f===""||/^[0-9]+$/.test(f))&&(H(O=>z(M({},O),{[Q]:""})),Ze(O=>z(M({},O),{[Q]:f})));return}H(O=>z(M({},O),{[Q]:""})),Ze(O=>z(M({},O),{[Q]:f}))},ot=u=>{let Q=u.target.value.replace(/\D/g,""),fe="";/^3[47]/.test(Q)?fe=Q.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Ie,ce,he,ze)=>[ce,he,ze].filter(Boolean).join(" ")):fe=Q.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Ie,ce,he,ze,Te)=>[ce,he,ze,Te].filter(Boolean).join(" ")),H(O=>z(M({},O),{cardNumber:""})),Ze(O=>z(M({},O),{cardNumber:fe}))},vt=()=>{var O,Ie,ce,he,ze,Te;let u={},f=c,Q=parseInt((f==null?void 0:f.expiryMonth)||"",10),fe=(f==null?void 0:f.expiryYear)||"";if((O=f==null?void 0:f.cardName)!=null&&O.trim()||(u.cardName="Card name is required"),(Ie=f==null?void 0:f.cardNumber)!=null&&Ie.trim()||(u.cardNumber="Card number is required"),(!((ce=f==null?void 0:f.expiryMonth)!=null&&ce.trim())||!((he=f==null?void 0:f.expiryYear)!=null&&he.trim())||isNaN(Q)||Q<1||Q>12||fe.length!==4)&&(u.expiryMonth="Invalid Expiration Date."),(ze=f==null?void 0:f.cvv)!=null&&ze.trim()||(u.cvv="CVV is required"),(Te=f==null?void 0:f.zipCode)!=null&&Te.trim()||(u.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let _e=parseInt(f.expiryMonth,10),Ue=parseInt(f.expiryYear,10),Je=new Date,tt=Je.getMonth()+1,Xe=Je.getFullYear();(Ue<Xe||Ue===Xe&&_e<tt)&&(u.expiryMonth="Card is expired")}return H(u),Object.keys(u).length>0},Qe=async u=>{var f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$;if(u.preventDefault(),U=="card"){if(vt())return;{let ve=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),ge=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),re=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),Pe={};if(ve||(Pe.cardNumber="Invalid card Number"),ge||(Pe.expiryMonth="Invalid Expiration Date."),re||(Pe.cvv="Invalid CVV"),H(Pe),ve&&re&&ge){S(!0);try{let le=async function(W){if(W.Error)L(W.Error),S(!1);else{let ee=c==null?void 0:c.cardName,We=c==null?void 0:c.zipCode;W.name=ee,W.postal_code=We,W.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,W.amount=e==null?void 0:e.amount,W.order_id=e==null?void 0:e.orderID,W.preAuth_id="",W.isCardSave=k,W.customer_id=e==null?void 0:e.customerId,W.link_token="",W.gateway_id=s==null?void 0:s.paymentGateway,W.discount=e==null?void 0:e.discount,W.tax=e==null?void 0:e.tax,W.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let te={method:"POST",body:JSON.stringify(W),redirect:"follow"};Se.emit("sendMessage",z(M({},te),{isChargePreauth:!0})),Se.on("charge-preauth",oe=>{var Ct,Nt;console.log(oe,"datdata"),(oe==null?void 0:oe.status)=="Failed"?(Se.emit("chargeResponse",{status:(oe==null?void 0:oe.result)||(oe==null?void 0:oe.status),message:oe==null?void 0:oe.message}),S(!1),L((oe==null?void 0:oe.message)||"Something went wrong. Please try again later.")):(Se.emit("chargeResponse",{status:(oe==null?void 0:oe.result)||(oe==null?void 0:oe.status),message:oe==null?void 0:oe.message,transactionId:(Ct=oe==null?void 0:oe.data)==null?void 0:Ct.transaction_id}),Ae(!0),v((Nt=oe==null?void 0:oe.data)==null?void 0:Nt.transaction_id),S(!1),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((s==null?void 0:s.paymentGateway)===32){let W={method:"POST",redirect:"follow"};try{let ee=await an.default.post(`${ct}api/v1/widget/generate-session`,W),We=Number(c==null?void 0:c.expiryYear)%100,Ce=c==null?void 0:c.cardNumber;Ce=Ce==null?void 0:Ce.replace(/\s+/g,"");let te=`${Ce}=${We}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,Ct=forge.pki.publicKeyFromPem((Q=(f=ee==null?void 0:ee.data)==null?void 0:f.data)==null?void 0:Q.publicKeyPem).encrypt(te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Nt=forge.util.encode64(Ct),t={"Content-Type":"application/json","x-app-session-key":(O=(fe=ee.data)==null?void 0:fe.data)==null?void 0:O.session_key},n=JSON.stringify({enc_track2_data:`${Nt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ce=(Ie=ee==null?void 0:ee.data)==null?void 0:Ie.data)==null?void 0:ce.session_key}`});try{let y=await an.default.post(`${$t}tokenizer/tokenize`,n,{headers:t}),ue=JSON.stringify(z(M({},(he=y==null?void 0:y.data)==null?void 0:he.data),{name:c==null?void 0:c.cardName,postal_code:c==null?void 0:c.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(Te=(ze=y==null?void 0:y.data)==null?void 0:ze.data)==null?void 0:Te.token}`,fractalpayPublicKey:Ne,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:k,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:c==null?void 0:c.expiryYear,ExpirationMonth:c==null?void 0:c.expiryMonth,CVV:c==null?void 0:c.cvv,Last4:(Ue=(_e=y==null?void 0:y.data)==null?void 0:_e.data)==null?void 0:Ue.last4,Brand:(tt=(Je=y==null?void 0:y.data)==null?void 0:Je.data)==null?void 0:tt.brand,gateway_id:s==null?void 0:s.paymentGateway})),we={method:"POST",headers:{"Content-Type":"application/json"},body:ue,redirect:"follow"};Se.emit("sendMessage",z(M({},we),{isFractalPreauth:!0})),Se.on("fractal-charge-preauth",q=>{var me,ye;debugger;(q==null?void 0:q.status)=="Failed"?(Se.emit("chargeResponse",{status:(q==null?void 0:q.status)||(q==null?void 0:q.result),message:(q==null?void 0:q.message)||"Something went wrong."}),S(!1),L((q==null?void 0:q.message)||"Something went wrong , Try again later")):(Se.emit("chargeResponse",{status:(q==null?void 0:q.status)||(q==null?void 0:q.result),message:q==null?void 0:q.message,transactionId:(me=q==null?void 0:q.data)==null?void 0:me.transaction_id}),v((ye=q==null?void 0:q.data)==null?void 0:ye.transaction_id),Ae(!0),S(!1))})}catch(y){console.log(y),S(!1),L(((ut=(Xe=y==null?void 0:y.response)==null?void 0:Xe.data)==null?void 0:ut.message)||(y==null?void 0:y.message)||"Something went wrong , Try again later")}}catch(ee){S(!1),L(((b=(_=ee==null?void 0:ee.response)==null?void 0:_.data)==null?void 0:b.message)||(ee==null?void 0:ee.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(s==null?void 0:s.dctoken,"PaymentForm",le)}catch(le){S(!1),L((($=(Z=le==null?void 0:le.response)==null?void 0:Z.data)==null?void 0:$.message)||(le==null?void 0:le.message)||"Something went wrong.")}}}}},bt=async()=>{var u,f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b;C();try{let Z={fractalpayPublicKey:Ne,customer_id:e==null?void 0:e.customerId,preauth:!0},$=await an.default.post(`${Ge}get-payment-details`,Z);if(x((u=$==null?void 0:$.data)==null?void 0:u.data),(Q=(f=$==null?void 0:$.data)==null?void 0:f.data)!=null&&Q.paymentGateway||(j(),L("Something went wrong.")),(O=(fe=$==null?void 0:$.data)==null?void 0:fe.data)!=null&&O.card_list&&((he=(ce=(Ie=$==null?void 0:$.data)==null?void 0:Ie.data)==null?void 0:ce.card_list)==null?void 0:he.length)>0){$e((Te=(ze=$==null?void 0:$.data)==null?void 0:ze.data)==null?void 0:Te.card_list),p("cardList");let E=(Je=(Ue=(_e=$==null?void 0:$.data)==null?void 0:_e.data)==null?void 0:Ue.card_list)==null?void 0:Je.filter(ve=>(ve==null?void 0:ve.primary_card)==1);E!=null&&E[0]&&((tt=E==null?void 0:E[0])==null?void 0:tt.payment_method_type)==((ut=(Xe=$==null?void 0:$.data)==null?void 0:Xe.data)==null?void 0:ut.paymentGateway)&&a(E[0])}else p("card");l()}catch(Z){console.log(Z),l(),L(((b=(_=Z==null?void 0:Z.response)==null?void 0:_.data)==null?void 0:b.message)||(Z==null?void 0:Z.message)||"Something went wrong")}},r=async()=>{var _e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee;let u=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,Q=e==null?void 0:e.surcharge,fe=e==null?void 0:e.tax,O=e==null?void 0:e.merchantPublicKey,Ie=e==null?void 0:e.orderID,ce=e==null?void 0:e.amount,he=de==null?void 0:de.id,ze=de==null?void 0:de.card_type;if(O&&Ie&&ce)if(u)if(he){let We={amount:ce,order_id:Ie,customer_id:u,card_id:he,fractalpayPublicKey:O,isCardSave:ze!="Bank",discount:f,surcharge:Q,tax:fe},Te=We,{isCardSave:Ce}=Te,te=Wt(Te,["isCardSave"]),Ct=Ge+"authorize-by-card",Nt={"Content-Type":"application/json"};S(!0);try{let t=await an.default.post(Ct,ze=="Bank"?te:We,{headers:Nt});(_e=t==null?void 0:t.data)!=null&&_e.result&&(Se.emit("chargeResponse",{status:((Ue=t==null?void 0:t.data)==null?void 0:Ue.result)||((Je=t==null?void 0:t.data)==null?void 0:Je.status),message:(tt=t==null?void 0:t.data)==null?void 0:tt.message,transactionId:(ut=(Xe=t==null?void 0:t.data)==null?void 0:Xe.data)==null?void 0:ut.transaction_id}),v((b=(_=t==null?void 0:t.data)==null?void 0:_.data)==null?void 0:b.transaction_id),Ae(!0),S(!1))}catch(t){S(!1),console.log(t),Se.emit("chargeResponse",{status:(($=(Z=t==null?void 0:t.response)==null?void 0:Z.data)==null?void 0:$.status)||((ve=(E=t==null?void 0:t.response)==null?void 0:E.data)==null?void 0:ve.result),message:((re=(ge=t==null?void 0:t.response)==null?void 0:ge.data)==null?void 0:re.message)||"Something went erong"}),L(((le=(Pe=t==null?void 0:t.response)==null?void 0:Pe.data)==null?void 0:le.message)||((ee=(W=t==null?void 0:t.response)==null?void 0:W.data)==null?void 0:ee.status)||"Something went erong")}}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")};(0,g.useEffect)(()=>{ke&&Ne&&bt()},[Ne,ke]);let Yt=async u=>{un.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 f=>{if(f.isConfirmed){S(!0);try{let Q={card_id:u,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},fe=await an.default.post(`${Ge}delete-customer-card`,Q);S(!1),bt(),un.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Q){S(!1),un.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ft=u=>{switch(u==null?void 0:u.toLowerCase()){case"visa":return Me;case"mastercard":case"mc":case"m/c":return w;case"amex":case"american express":case"ae":return X;case"discover":return Oe;case"bank":return kt;default:return u}};return g.default.createElement(g.default.Fragment,null,g.default.createElement(Bt,null),g.default.createElement(Et,null),g.default.createElement(Qt,null),g.default.createElement(g.default.Fragment,null,et&&g.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},g.default.createElement(Ht,{error:et,onClose:()=>{}})),!et&&!yt&&g.default.createElement(g.default.Fragment,null,(A||R)&&g.default.createElement(Lt,{loading:A||R}),g.default.createElement("div",null,g.default.createElement("div",{className:"frac-card-payment-page frac-form"},g.default.createElement("div",{className:"parent-pay-container"},g.default.createElement("div",{className:"pay-container"},g.default.createElement("div",{className:"pay-header pay-conatiner-one"},g.default.createElement("div",{className:"pay-conatiner-one-first"},g.default.createElement("div",{className:"pay-logo-container"},g.default.createElement("div",{className:"pay-main-logo"},g.default.createElement("img",{src:s==null?void 0:s.logo,id:"pay-logos"})),g.default.createElement("h1",{className:"pay-heading"},"Pay"),(F==null?void 0:F.length)>0&&U!=="cardList"&&g.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>p("cardList")}," ",g.default.createElement(zn.IoArrowBack,null)," Back")),g.default.createElement("div",{className:"amt-pay-con"},g.default.createElement("div",{className:"pay-amount-conatiner"},g.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),g.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e==null?void 0:e.amount))==null?void 0:Le.toFixed(2))),U!="ach"&&g.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},g.default.createElement("img",{src:Me,alt:"",width:33}),g.default.createElement("img",{src:w,width:33,alt:""}),g.default.createElement("img",{src:X,alt:"",width:33}),g.default.createElement("img",{src:Oe,width:33,alt:""})))),g.default.createElement("div",{className:"pay-conatiner-one-last"},g.default.createElement("img",{src:it,alt:""}),g.default.createElement("img",{src:mt,alt:""}),"Secure payments powered by Fractal"),g.default.createElement("div",null)),!A&&g.default.createElement("div",{className:"pay-tab pay-conatiner-two"},g.default.createElement("div",{className:"col-md-12"},g.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?g.default.createElement("div",null,(F==null?void 0:F.length)>0&&g.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>p("cardList")}," ",g.default.createElement(zn.IoArrowBack,null)," Back"),g.default.createElement("div",{className:""},g.default.createElement("div",{className:"res-pay-con"},g.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},g.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),g.default.createElement("strong",{className:"pay-amount"},"$",(ht=Number(e==null?void 0:e.amount))==null?void 0:ht.toFixed(2))),g.default.createElement("div",null,g.default.createElement("div",null,g.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),g.default.createElement("img",{src:w,width:35,alt:""})),g.default.createElement("div",null,g.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),g.default.createElement("img",{src:Oe,width:35,alt:""})))))):g.default.createElement("div",null,g.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",s==null?void 0:s.customer_name),g.default.createElement("div",{className:"res-pay-con"},g.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},g.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),g.default.createElement("strong",{className:"pay-amount"},"$",(ft=Number(e==null?void 0:e.amount))==null?void 0:ft.toFixed(2))),g.default.createElement("div",null,g.default.createElement("div",null,g.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),g.default.createElement("img",{src:w,width:35,alt:""})),g.default.createElement("div",null,g.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),g.default.createElement("img",{src:Oe,width:35,alt:""})))),g.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),g.default.createElement("div",{style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},g.default.createElement("div",{className:"card-lint-div-in"},g.default.createElement("div",{className:"card-list-div"},(s==null?void 0:s.card_list)&&((Pt=s==null?void 0:s.card_list)==null?void 0:Pt.length)>0&&((zt=s==null?void 0:s.card_list)==null?void 0:zt.map((u,f)=>g.default.createElement("div",{className:"card-list-single-div",key:f},g.default.createElement("div",{className:"card-number-radio"},g.default.createElement("input",{disabled:(s==null?void 0:s.paymentGateway)!=(u==null?void 0:u.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:de===u,onChange:Q=>a(u)}),g.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",u==null?void 0:u.cardlastfourdigit),g.default.createElement("h6",{className:"card-expiry-date"},u==null?void 0:u.expmonth,"/",u==null?void 0:u.expyear)),g.default.createElement("div",{className:"card-number-radio"},g.default.createElement("span",{className:"visa-card"},g.default.createElement("img",{src:Ft(u==null?void 0:u.card_type),alt:""})),g.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Yt(u==null?void 0:u.id)},g.default.createElement("img",{src:je,alt:""}))))))),g.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>p("card")},"Authorize With Other Card",g.default.createElement("img",{src:nt,alt:""}))),g.default.createElement("div",{className:"form-group"},g.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:r},"$",(xt=Number(e==null?void 0:e.amount))==null?void 0:xt.toFixed(2)))),g.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},g.default.createElement("form",{id:"PaymentForm",onSubmit:Qe},g.default.createElement("div",{className:"ach-scrl",style:{minHeight:(F==null?void 0:F.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},g.default.createElement("div",{className:"form-group"},g.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),g.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(c==null?void 0:c.cardName)||"",onChange:u=>{let f=u.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)}}),(P==null?void 0:P.cardName)&&g.default.createElement("span",{className:"error-span"},P==null?void 0:P.cardName)),g.default.createElement("div",{className:"form-group"},g.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),g.default.createElement("div",{className:"toggle-num-wrapper"},g.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(c==null?void 0:c.cardNumber)||"",onChange:u=>ot(u),"data-token":"card_number"}),g.default.createElement("div",{className:"card-crdi card-expiry-new"},g.default.createElement("div",{className:"exp-date-year-container"},g.default.createElement("div",{className:"exp-date form-group"},g.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:u=>Ee("expiryMonth",u.target.value)})),g.default.createElement("div",{className:"exp-year form-group"},g.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:u=>Ee("expiryYear",u.target.value)})),g.default.createElement("div",{className:"security-digit form-group"},g.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(c==null?void 0:c.cvv)||"",onChange:u=>Ee("cvv",u.target.value)})))),(P==null?void 0:P.cardNumber)&&g.default.createElement("span",{className:"error-span"},P==null?void 0:P.cardNumber),g.default.createElement("p",{style:{margin:"0"}},P!=null&&P.expiryMonth||P!=null&&P.expiryYear?g.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},P==null?void 0:P.expiryMonth):"",(P==null?void 0:P.cvv)&&g.default.createElement("span",{className:"error-span"},P==null?void 0:P.cvv)))),g.default.createElement("div",{className:"form-group"},g.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),g.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(at=c==null?void 0:c.orderId)!=null?at:"OID123456",onChange:u=>Ee("orderId",u.target.value),style:{background:"#F6F6F7",color:"#727272"}})),g.default.createElement("div",{className:"form-group"},g.default.createElement("label",{htmlFor:"zip"},"ZIP"),g.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(rt=c==null?void 0:c.zipCode)!=null?rt:"",onChange:u=>Ee("zipCode",u.target.value)}),(P==null?void 0:P.zipCode)&&g.default.createElement("span",{className:"error-span"},P==null?void 0:P.zipCode)),(e==null?void 0:e.customerId)&&g.default.createElement("div",{className:"form-group"},g.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},g.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:k,onChange:u=>h(u.target.checked)}),g.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),g.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),g.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},g.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},g.default.createElement("rect",{width:"20",height:"20",fill:"white"}),g.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),g.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"})),g.default.createElement("defs",null,g.default.createElement("clipPath",{id:"clip0_12420_50192"},g.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),g.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},g.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(gt=Number(e==null?void 0:e.amount))==null?void 0:gt.toFixed(2)))))))))))))))}0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,GetPaymentPageForm,PreAuthPayment,PreAuthPaymentForm,RequestPayment,RequestPreAuthPayment,Skypay});
|
|
2591
|
+
`)}var jt=Ye(require("axios"));var ri=({amount:e,submitBtnText:A="Pay",session_token:V,customerId:R,callback:S,merchantName:et="merchant",isPreAuth:L,surcharge:yt="0",submitBtnClass:Ae,submitBtnIcon:ke})=>{var Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut;let[w,U]=(0,d.useState)("card"),[g,k]=(0,d.useState)(),[h,Ne]=(0,d.useState)({}),[N,Me]=(0,d.useState)(),[X,Oe]=(0,d.useState)({}),[nt,je]=(0,d.useState)(!1),[kt,it]=(0,d.useState)(!1),[mt,c]=(0,d.useState)(!1),[Ze,F]=(0,d.useState)(""),[H,M]=(0,d.useState)(!1),[$e,de]=(0,d.useState)(""),[a,s]=(0,d.useState)(!1),[x,pe]=(0,d.useState)(!1),v=ae+"widget/mc-img.svg",C=ae+"widget/visa-img.svg",l=ae+"widget/ae-img.svg",j=ae+"widget/discover-img.svg",I=ae+"widget/card.svg",Ee=ae+"widget/Trash.svg",ot=ae+"widget/bank.svg",vt=ae+"widget/secure-img.png",Qe=ae+"widget/pov-by.png",bt=ae+"widget/pax.svg",r=ae+"widget/cardicon.svg",Yt=ae+"widget/bankicon.svg",Ft=()=>s(!0),Le=()=>s(!1),ht=async _=>{var b,Z,$,E,ve,ge,re,Pe;try{let le={pass_fee_amount:yt,Token:_==null?void 0:_.Token,amount:e,postal_code:_==null?void 0:_.postalCode},W=await jt.default.post(`${ct}api/v1/gateway/charge/${V}`,le);if(console.log(W,"charge"),(b=W==null?void 0:W.data)!=null&&b.result){let ee={};if(mt&&R)try{let Ce={postal_code:g==null?void 0:g.zipCode,customer_id:R,gateway_token:_==null?void 0:_.gateway_token},te=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,Ce);(Z=te==null?void 0:te.data)!=null&&Z.result&&(te=($=te==null?void 0:te.data)==null?void 0:$.data)}catch(Ce){console.log(Ce,"error"),Le(),F(((ve=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:ve.message)||"Something went wrong!")}let We={cardDetails:P(P({},ee),_),callback:z(P({},(ge=W==null?void 0:W.data)==null?void 0:ge.data),{name:g==null?void 0:g.cardName})};mt||delete We.cardDetails,S(We),Le(),O()}}catch(le){F(((Pe=(re=le==null?void 0:le.response)==null?void 0:re.data)==null?void 0:Pe.message)||"Something went wrong!"),Le()}},ft=async _=>{var b,Z,$,E,ve,ge,re,Pe;try{let le={Token:_==null?void 0:_.Token,amount:e,postal_code:_==null?void 0:_.postalCode},W=await jt.default.post(`${ct}api/v1/gateway/preauth/${V}`,le);if(console.log(W,"charge"),(b=W==null?void 0:W.data)!=null&&b.result){let ee={};if(mt&&R)try{let Ce={postal_code:g==null?void 0:g.zipCode,customer_id:R,gateway_token:_==null?void 0:_.gateway_token},te=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,Ce);(Z=te==null?void 0:te.data)!=null&&Z.result&&(te=($=te==null?void 0:te.data)==null?void 0:$.data)}catch(Ce){console.log(Ce,"error"),Le(),F(((ve=(E=Ce==null?void 0:Ce.response)==null?void 0:E.data)==null?void 0:ve.message)||"Something went wrong!")}let We={cardDetails:P(P({},ee),_),callback:z(P({},(ge=W==null?void 0:W.data)==null?void 0:ge.data),{name:g==null?void 0:g.cardName})};mt||delete We.cardDetails,S(We),Le(),O()}}catch(le){F(((Pe=(re=le==null?void 0:le.response)==null?void 0:re.data)==null?void 0:Pe.message)||"Something went wrong!"),Le()}},Pt=async _=>{var b,Z,$,E;if(_.Error)F(_.Error),Le();else{let ve={token:_.Token,resp:_};try{let ge=await jt.default.post(`${ct}api/v1/gateway/update/token/${V}`,ve);if((ge==null?void 0:ge.status)==200){let re={Token:(Z=(b=ge==null?void 0:ge.data)==null?void 0:b.data)==null?void 0:Z.gateway_token,Brand:_.Brand,ExpirationMonth:_.ExpirationMonth,ExpirationYear:_.ExpirationYear,Last4:_.Last4,Bin:_.Bin,CVV:_.CVV,postalCode:g==null?void 0:g.zipCode},Pe;L?ft(re):ht(re)}}catch(ge){console.log(ge,"error"),Le(),F(((E=($=ge==null?void 0:ge.response)==null?void 0:$.data)==null?void 0:E.message)||"Something went wrong!")}}},zt=()=>it(!0),xt=_=>{U(_)},at=()=>{var Z,$,E,ve,ge,re,Pe,le,W;let _={},b=N;if((Z=b==null?void 0:b.name)!=null&&Z.trim()||(_.name="Name is required"),($=b==null?void 0:b.accountNumber)!=null&&$.trim()||(_.accountNumber="Account number is required"),(E=b==null?void 0:b.accountNumber)!=null&&E.trim()&&((ve=b==null?void 0:b.accountNumber)==null?void 0:ve.trim())!==((ge=b==null?void 0:b.confirmAccountNumber)==null?void 0:ge.trim())&&(_.confirmAccountNumber="Account numbers must match"),(re=b==null?void 0:b.bankName)!=null&&re.trim()||(_.bankName="Bank name is required"),(Pe=b==null?void 0:b.routingNumber)!=null&&Pe.trim()||(_.routingNumber="Routing Number is required"),b!=null&&b.routingNumber&&((le=b==null?void 0:b.routingNumber)==null?void 0:le.length)!==9&&(_.routingNumber="Routing number must be 9 digits"),((W=b==null?void 0:b.routingNumber)==null?void 0:W.length)==9){let ee=b==null?void 0:b.routingNumber,We=[3,7,1],Ce=0;for(let te=0;te<ee.length;te++)Ce+=parseInt(ee[te],10)*We[te%3];Ce%10!==0&&(_.routingNumber="Invalid routing number")}return Oe(_),Object.keys(_).length>0},rt=async()=>{var _,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;try{let t={method:"POST",redirect:"follow"},n=await jt.default.post(`${ct}api/v1/widget/generate-session`,t),y=Number(g==null?void 0:g.expiryYear)%100,T=`${(_=g==null?void 0:g.cardNumber)==null?void 0:_.replace(/\s+/g,"")}=${y}${g==null?void 0:g.expiryMonth} ${g==null?void 0:g.cvv}`,q=forge.pki.publicKeyFromPem((Z=(b=n==null?void 0:n.data)==null?void 0:b.data)==null?void 0:Z.publicKeyPem).encrypt(T,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),me=forge.util.encode64(q),ye={"Content-Type":"application/json","x-app-session-key":(E=($=n.data)==null?void 0:$.data)==null?void 0:E.session_key},Fe=JSON.stringify({enc_track2_data:me,algorithm:"RSAES_OAEP_SHA_1",session_key:(ge=(ve=n==null?void 0:n.data)==null?void 0:ve.data)==null?void 0:ge.session_key}),Be=await jt.default.post(`${$t}tokenizer/tokenize`,Fe,{headers:ye});if((Be==null?void 0:Be.status)==200){let ie=(Pe=(re=Be==null?void 0:Be.data)==null?void 0:re.data)==null?void 0:Pe.token;try{let qe=await jt.default.post(`${ct}api/v1/gateway/verify-and-save/${V}`,{token:ie});if((qe==null?void 0:qe.status)==200){let De=(le=qe==null?void 0:qe.data)==null?void 0:le.data,Ve={Token:De.gateway_token,Brand:De.card_data.brand,ExpirationMonth:De.card_data.expire_mm,ExpirationYear:De.card_data.expire_yy,Last4:De.card_data.last4,Bin:De.card_data.bin,postalCode:g==null?void 0:g.zipCode},wt;if(mt&&R)try{let J={postal_code:g==null?void 0:g.zipCode,customer_id:R,gateway_token:De.gateway_token};wt=await jt.default.post(`${ct}api/v1/gateway/add-card/${V}`,J),(W=wt==null?void 0:wt.data)!=null&&W.result&&console.log((ee=wt==null?void 0:wt.data)==null?void 0:ee.data,"add")}catch(J){console.log(J,"error"),Le(),F(((Ce=(We=J==null?void 0:J.response)==null?void 0:We.data)==null?void 0:Ce.message)||"Something went wrong!")}L?ft(Ve):ht(Ve)}}catch(qe){console.log(qe,"error"),F(((oe=(te=qe==null?void 0:qe.response)==null?void 0:te.data)==null?void 0:oe.message)||"Something went wrong!"),Le()}}}catch(t){Le(),console.log(t,"error"),F(((Nt=(Ct=t==null?void 0:t.response)==null?void 0:Ct.data)==null?void 0:Nt.message)||"Something went wrong!")}},gt=()=>{var E,ve,ge,re,Pe,le;let _={},b=g,Z=parseInt((b==null?void 0:b.expiryMonth)||"",10),$=(b==null?void 0:b.expiryYear)||"";if((E=b==null?void 0:b.cardName)!=null&&E.trim()||(_.cardName="Card name is required"),(ve=b==null?void 0:b.cardNumber)!=null&&ve.trim()||(_.cardNumber="Card number is required"),(!((ge=b==null?void 0:b.expiryMonth)!=null&&ge.trim())||!((re=b==null?void 0:b.expiryYear)!=null&&re.trim())||isNaN(Z)||Z<1||Z>12||$.length!==4)&&(_.expiryMonth="Invalid Expiration Date."),(Pe=b==null?void 0:b.cvv)!=null&&Pe.trim()||(_.cvv="CVV is required"),(le=b==null?void 0:b.zipCode)!=null&&le.trim()||(_.zipCode="ZIP code is required"),b!=null&&b.expiryMonth&&(b!=null&&b.expiryYear)&&b.expiryMonth.length<=2&&b.expiryYear.length===4){let W=parseInt(b.expiryMonth,10),ee=parseInt(b.expiryYear,10),We=new Date,Ce=We.getMonth()+1,te=We.getFullYear();(ee<te||ee===te&&W<Ce)&&(_.expiryMonth="Card is expired")}return Ne(_),Object.keys(_).length>0},p=async _=>{var b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce;if(_.preventDefault(),w!=="ach"){if(gt())return}else if(at())return;try{Ft();let te=await jt.default.get(`${ct}api/v1/gateway/token/${V}`);if((te==null?void 0:te.status)==200){let oe=(Z=(b=te==null?void 0:te.data)==null?void 0:b.data)==null?void 0:Z.gateway_token,Ct=(E=($=te==null?void 0:te.data)==null?void 0:$.data)==null?void 0:E.paymentGateway;if(w!=="ach")Ct==((ve=gn)==null?void 0:ve.FRACTALKEY)?await rt():DatacapWebToken.requestToken(oe,"PaymentForm",Pt);else{let Nt;try{let t=await jt.default.post(`${ct}api/v1/gateway/bank-charge/${V}`,{label:N==null?void 0:N.name,account_number:N==null?void 0:N.accountNumber,routing_number:N==null?void 0:N.routingNumber,bank_name:N==null?void 0:N.bankName,account_type:N==null?void 0:N.accountType,amount:e,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:""});if(console.log(t,"pay by bank"),(ge=t==null?void 0:t.data)!=null&&ge.result){if(nt&&R)try{let n=await jt.default.post(`${ct}api/v1/gateway/add-bank/${V}`,{name:N==null?void 0:N.name,account_number:N==null?void 0:N.accountNumber,routing_number:N==null?void 0:N.routingNumber,bank_name:N==null?void 0:N.bankName,account_type:N==null?void 0:N.accountType,customer_id:R||""});console.log(n,"result"),n.data.result&&(Nt={bankdetails:(re=n==null?void 0:n.data)==null?void 0:re.data})}catch(n){Le(),F(((le=(Pe=n==null?void 0:n.response)==null?void 0:Pe.data)==null?void 0:le.message)||"Something went wrong!")}Nt=z(P({},Nt),{callback:z(P({},(W=t==null?void 0:t.data)==null?void 0:W.data),{name:N==null?void 0:N.name})}),S(Nt),O(),Le()}}catch(t){console.log(t,"errororor");let n=(ee=t==null?void 0:t.response)==null?void 0:ee.data;console.log(n,"ererere",Object.values(n==null?void 0:n.message)),typeof(n==null?void 0:n.message)=="object"?Object.values(n==null?void 0:n.message).forEach(y=>{F(y||"Something went wrong")}):F((n==null?void 0:n.message)||"Something went wrong"),Le()}}}}catch(te){Le(),F(((Ce=(We=te==null?void 0:te.response)==null?void 0:We.data)==null?void 0:Ce.message)||"Something went wrong!")}},f=(_,b)=>{let Z=_;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Z)){(b===""||/^[0-9]+$/.test(b))&&(Ne(E=>z(P({},E),{[Z]:""})),k(E=>z(P({},E),{[Z]:b})));return}Ne(E=>z(P({},E),{[Z]:""})),k(E=>z(P({},E),{[Z]:b}))},Q=_=>{let Z=_.target.value.replace(/\D/g,""),$="";/^3[47]/.test(Z)?$=Z.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(ve,ge,re,Pe)=>[ge,re,Pe].filter(Boolean).join(" ")):$=Z.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(ve,ge,re,Pe,le)=>[ge,re,Pe,le].filter(Boolean).join(" ")),Ne(E=>z(P({},E),{cardNumber:""})),k(E=>z(P({},E),{cardNumber:$}))},fe=_=>{let{name:b,value:Z}=_.target,$=["routingNumber","accountNumber","confirmAccountNumber"];if(b=="name"){/^[a-zA-Z\s]*$/.test(Z)&&(Oe(E=>z(P({},E),{[b]:""})),Me(E=>z(P({},E),{[b]:Z})));return}if($.includes(b)){(Z===""||/^[0-9]+$/.test(Z))&&(Oe(E=>z(P({},E),{[b]:""})),Me(E=>z(P({},E),{[b]:Z})));return}Oe(E=>z(P({},E),{[b]:""})),Me(E=>z(P({},E),{[b]:Z}))},O=()=>{it(!1),U("card"),F(""),M(!1),de(""),Me({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Oe({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),k({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ne({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),je(!1),c(!1)};return d.default.createElement(d.default.Fragment,null,d.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),d.default.createElement(Bt,null),d.default.createElement(Ln,null),d.default.createElement("button",{className:Ae||"paymentBtn",onClick:zt},A,ke),d.default.createElement(Kt,{open:kt,onClose:O},Ze&&d.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},d.default.createElement(Ht,{error:Ze,onClose:O})),!Ze&&d.default.createElement(d.default.Fragment,null,(a||x)&&d.default.createElement(Lt,{loading:a||x}),d.default.createElement("div",{className:"frac-card-payment-page frac-form"},d.default.createElement("div",{className:"parent-pay-container"},d.default.createElement("span",{className:"request-payment-close-popup",onClick:O},d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},d.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},d.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"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:"clip0_12425_52336"},d.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),d.default.createElement("div",{className:"pay-main-logo-res"}),d.default.createElement("div",{className:"pay-container"},d.default.createElement("div",{className:"pay-header pay-conatiner-one"},d.default.createElement("div",{className:"pay-conatiner-one-first"},d.default.createElement("div",{className:"pay-logo-container"},d.default.createElement("div",{className:"pay-main-logo"}),d.default.createElement("h1",{className:"pay-heading"},"Pay")),d.default.createElement("div",{className:"amt-pay-con"},d.default.createElement("div",{className:"pay-amount-conatiner"},d.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),d.default.createElement("strong",{className:"pay-amount"},"$",(Ie=Number(e))==null?void 0:Ie.toFixed(2))),w!="ach"&&d.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},d.default.createElement("img",{src:C,alt:"",width:33}),d.default.createElement("img",{src:v,width:33,alt:""}),d.default.createElement("img",{src:l,alt:"",width:33}),d.default.createElement("img",{src:j,width:33,alt:""})))),d.default.createElement("div",{className:"pay-conatiner-one-last"},d.default.createElement("img",{src:vt,alt:""}),d.default.createElement("img",{src:Qe,alt:""}),"Secure payments powered by Fractal")),d.default.createElement("div",{className:"pay-tab pay-conatiner-two"},d.default.createElement("div",{className:"col-md-12"},d.default.createElement("div",{id:"payment-form-div"},!L&&d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"tab"},d.default.createElement("button",{className:"tablinks cardicon-img",onClick:_=>{xt("card")},style:{border:w==="card"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},d.default.createElement("img",{className:"cardicon",src:r}),"Card"),d.default.createElement("button",{className:"tablinks bankicon-img",onClick:_=>{xt("ach")},style:{border:w==="ach"?"1px solid":"",display:"flex",justifyContent:"center",alignItems:"center"}},d.default.createElement("img",{className:"bankicon",src:Yt}),"Bank"))),d.default.createElement("div",{className:"res-pay-con"},d.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},d.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),d.default.createElement("strong",{className:"pay-amount"},"$",(ce=Number(e))==null?void 0:ce.toFixed(2))),w!="ach"&&d.default.createElement("div",null,d.default.createElement("div",null,d.default.createElement("img",{src:C,alt:"",width:35,style:{paddingRight:"5px"}}),d.default.createElement("img",{src:v,width:35,alt:""})),d.default.createElement("div",null,d.default.createElement("img",{src:l,alt:"",width:35,style:{paddingRight:"5px"}}),d.default.createElement("img",{src:j,width:35,alt:""})))),d.default.createElement("div",{id:"ach",style:{display:w==="card"?"block":"none"},className:"tabcontent"},d.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:p},d.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),d.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(g==null?void 0:g.cardName)||"",onChange:_=>{let b=_.target.value;/^[a-zA-Z\s]*$/.test(b)&&f("cardName",b)}}),(h==null?void 0:h.cardName)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cardName)),d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),d.default.createElement("div",{className:"toggle-num-wrapper"},d.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(g==null?void 0:g.cardNumber)||"",onChange:_=>Q(_),"data-token":"card_number"}),d.default.createElement("div",{className:"card-crdi card-expiry-new"},d.default.createElement("div",{className:"exp-date-year-container"},d.default.createElement("div",{className:"exp-date form-group-frac"},d.default.createElement("input",{"data-token":"exp_month",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(g==null?void 0:g.expiryMonth)||"",onChange:_=>f("expiryMonth",_.target.value)})),d.default.createElement("div",{className:"exp-year form-group-frac"},d.default.createElement("input",{"data-token":"exp_year",className:"form-control-frac required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(g==null?void 0:g.expiryYear)||"",onChange:_=>f("expiryYear",_.target.value)})),d.default.createElement("div",{className:"security-digit form-group-frac"},d.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(g==null?void 0:g.cvv)||"",onChange:_=>f("cvv",_.target.value)})))),(h==null?void 0:h.cardNumber)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cardNumber),d.default.createElement("p",{style:{margin:"0"}},h!=null&&h.expiryMonth||h!=null&&h.expiryYear?d.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},h==null?void 0:h.expiryMonth):"",(h==null?void 0:h.cvv)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.cvv)))),d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("label",{htmlFor:"zip"},"ZIP"),d.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(he=g==null?void 0:g.zipCode)!=null?he:"",onChange:_=>f("zipCode",_.target.value)}),(h==null?void 0:h.zipCode)&&d.default.createElement("span",{className:"error-span"},h==null?void 0:h.zipCode)),R&&d.default.createElement("div",{className:"form-group-frac"},d.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},d.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:mt,onChange:_=>c(_.target.checked)}),d.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),d.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},d.default.createElement("rect",{width:"20",height:"20",fill:"white"}),d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),d.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"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:"clip0_12420_50192"},d.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),d.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},d.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ze=Number(e))==null?void 0:ze.toFixed(2))))),d.default.createElement("div",{id:"ach",style:{display:w==="ach"?"block":"none"},className:"tabcontent"},d.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:p},d.default.createElement("div",{className:"ach-scrl",style:{minHeight:"358px",maxHeight:"378px"}},d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),d.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(Te=N==null?void 0:N.name)!=null?Te:"",onChange:fe}),(X==null?void 0:X.name)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.name)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),d.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(_e=N==null?void 0:N.routingNumber)!=null?_e:"",onChange:fe}),(X==null?void 0:X.routingNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.routingNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),d.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ue=N==null?void 0:N.accountNumber)!=null?Ue:"",onChange:fe}),(X==null?void 0:X.accountNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.accountNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),d.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Je=N==null?void 0:N.confirmAccountNumber)!=null?Je:"",onChange:fe}),(X==null?void 0:X.confirmAccountNumber)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.confirmAccountNumber)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"bankname"},"Bank name"),d.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(tt=N==null?void 0:N.bankName)!=null?tt:"",onChange:fe}),(X==null?void 0:X.bankName)&&d.default.createElement("span",{className:"error-span"},X==null?void 0:X.bankName)),d.default.createElement("div",{className:"form-group-frac mb-4"},d.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),d.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(Xe=N==null?void 0:N.accountType)!=null?Xe:"",onChange:fe},d.default.createElement("option",{value:""},"Select account"),d.default.createElement("option",{value:"saving"},"Personal Saving"),d.default.createElement("option",{value:"saving"},"Business Saving"),d.default.createElement("option",{value:"checking"},"Personal Checking"),d.default.createElement("option",{value:"checking"},"Business Checking"))),R&&d.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},d.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:nt,onChange:_=>je(_.target.checked)}),d.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),nt&&d.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},d.default.createElement("p",null,"If checked, I agree for ",d.default.createElement("b",null,et||"merchant")," to have my permission to charge this credit card for agreed upon purchases in the future."))),d.default.createElement("div",{className:"form-group-frac "},d.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(ut=Number(e))==null?void 0:ut.toFixed(2))))))))))))))};var o=Ye(require("react"));var Xt=Ye(require("axios"));var on=Ye(require("sweetalert2")),In=require("react-icons/io5");var si=e=>{var Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee,We,Ce,te,oe,Ct,Nt;let[A,V]=(0,o.useState)(!1),[R,S]=(0,o.useState)(!1),[et,L]=(0,o.useState)(""),[yt,Ae]=(0,o.useState)(!1),[ke,w]=(0,o.useState)(!0),[U,g]=(0,o.useState)("card"),[k,h]=(0,o.useState)("card"),[Ne,N]=(0,o.useState)(!0),[Me,X]=(0,o.useState)(!1),[Oe,nt]=(0,o.useState)(!1),je=e.merchantPublicKey,kt=ae+"widget/mc-img.svg",it=ae+"widget/visa-img.svg",mt=ae+"widget/ae-img.svg",c=ae+"widget/discover-img.svg",Ze=ae+"widget/card.svg",F=ae+"widget/Trash.svg",H=ae+"widget/bank.svg",M=ae+"widget/secure-img.png",$e=ae+"widget/pov-by.png",de=ae+"widget/pax.svg",[a,s]=(0,o.useState)(),[x,pe]=(0,o.useState)({}),[v,C]=(0,o.useState)(),[l,j]=(0,o.useState)({}),[I,Ee]=(0,o.useState)([]),[ot,vt]=(0,o.useState)(),[Qe,bt]=(0,o.useState)(),[r,Yt]=(0,o.useState)(),[Ft,Le]=(0,o.useState)(""),ht=()=>V(!0),ft=()=>V(!1),Pt=()=>{w(!1),g("card"),L(""),Ae(!1),Le(""),C({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),j({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),pe({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),nt(!1),X(!1),vt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),bt({}),h("card"),N(!0)},zt=()=>w(!0),xt=t=>{g(t)},at=(t,n)=>{let y=t;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(y)){(n===""||/^[0-9]+$/.test(n))&&(pe(T=>z(P({},T),{[y]:""})),s(T=>z(P({},T),{[y]:n})));return}pe(T=>z(P({},T),{[y]:""})),s(T=>z(P({},T),{[y]:n}))},rt=t=>{let y=t.target.value.replace(/\D/g,""),ue="";/^3[47]/.test(y)?ue=y.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,q,me,ye)=>[q,me,ye].filter(Boolean).join(" ")):ue=y.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,q,me,ye,Fe)=>[q,me,ye,Fe].filter(Boolean).join(" ")),pe(T=>z(P({},T),{cardNumber:""})),s(T=>z(P({},T),{cardNumber:ue}))},gt=t=>{let{name:n,value:y}=t.target,ue=["routingNumber","accountNumber","confirmAccountNumber"];if(n=="name"){/^[a-zA-Z\s]*$/.test(y)&&(j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y})));return}if(ue.includes(n)){(y===""||/^[0-9]+$/.test(y))&&(j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y})));return}j(T=>z(P({},T),{[n]:""})),C(T=>z(P({},T),{[n]:y}))},p=()=>{var T,we,q,me,ye,Fe;let t={},n=a,y=parseInt((n==null?void 0:n.expiryMonth)||"",10),ue=(n==null?void 0:n.expiryYear)||"";if((T=n==null?void 0:n.cardName)!=null&&T.trim()||(t.cardName="Card name is required"),(we=n==null?void 0:n.cardNumber)!=null&&we.trim()||(t.cardNumber="Card number is required"),(!((q=n==null?void 0:n.expiryMonth)!=null&&q.trim())||!((me=n==null?void 0:n.expiryYear)!=null&&me.trim())||isNaN(y)||y<1||y>12||ue.length!==4)&&(t.expiryMonth="Invalid Expiration Date."),(ye=n==null?void 0:n.cvv)!=null&&ye.trim()||(t.cvv="CVV is required"),(Fe=n==null?void 0:n.zipCode)!=null&&Fe.trim()||(t.zipCode="ZIP code is required"),n!=null&&n.expiryMonth&&(n!=null&&n.expiryYear)&&n.expiryMonth.length<=2&&n.expiryYear.length===4){let Be=parseInt(n.expiryMonth,10),ie=parseInt(n.expiryYear,10),qe=new Date,De=qe.getMonth()+1,Ve=qe.getFullYear();(ie<Ve||ie===Ve&&Be<De)&&(t.expiryMonth="Card is expired")}return pe(t),Object.keys(t).length>0},f=()=>{var y,ue,T,we,q,me,ye,Fe,Be;let t={},n=v;if((y=n==null?void 0:n.name)!=null&&y.trim()||(t.name="Name is required"),(ue=n==null?void 0:n.accountNumber)!=null&&ue.trim()||(t.accountNumber="Account number is required"),(T=n==null?void 0:n.accountNumber)!=null&&T.trim()&&((we=n==null?void 0:n.accountNumber)==null?void 0:we.trim())!==((q=n==null?void 0:n.confirmAccountNumber)==null?void 0:q.trim())&&(t.confirmAccountNumber="Account numbers must match"),(me=n==null?void 0:n.bankName)!=null&&me.trim()||(t.bankName="Bank name is required"),(ye=n==null?void 0:n.routingNumber)!=null&&ye.trim()||(t.routingNumber="Routing Number is required"),n!=null&&n.routingNumber&&((Fe=n==null?void 0:n.routingNumber)==null?void 0:Fe.length)!==9&&(t.routingNumber="Routing number must be 9 digits"),((Be=n==null?void 0:n.routingNumber)==null?void 0:Be.length)==9){let ie=n==null?void 0:n.routingNumber,qe=[3,7,1],De=0;for(let Ve=0;Ve<ie.length;Ve++)De+=parseInt(ie[Ve],10)*qe[Ve%3];De%10!==0&&(t.routingNumber="Invalid routing number")}return j(t),Object.keys(t).length>0},Q=async t=>{var n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J;if(t.preventDefault(),U!=="ach"){if(p())return;{let Mt=DatacapWebToken.validateCardNumber(a==null?void 0:a.cardNumber.replaceAll(" ","")),D=DatacapWebToken.validateExpirationDate(a==null?void 0:a.expiryMonth,a==null?void 0:a.expiryYear),It=DatacapWebToken.validateCVV(a==null?void 0:a.cvv),_t={};if(Mt||(_t.cardNumber="Invalid card Number"),D||(_t.expiryMonth="Invalid Expiration Date."),It||(_t.cvv="Invalid CVV"),pe(_t),Mt&&It&&D){S(!0);try{let pt=z(P({},a),{amount:`${e.amount||0}`,fractalpayPublicKey:je,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}),He=await Xt.default.post(`${Ge}create-widget-order`,pt),Zt=async function(st){if(st.Error)L(st.Error),S(!1);else{let se=a==null?void 0:a.cardName,G=a==null?void 0:a.zipCode;st.name=se,st.postal_code=G,st.isCardSave=`${Me}`,st.isCharge=!0,st.posSalesIdEncode=He==null?void 0:He.data.data.posSalesIdEncode,console.log(st,"resppp"),console.log(He==null?void 0:He.data.data.posSalesIdEncode,"fkjdashgfuh"),Se.emit("sendMessage",st),Se.on(He==null?void 0:He.data.data.posSalesIdEncode,xe=>{if(console.log(xe,"socket data"),Rt(xe==null?void 0:xe.data)){let be=JSON.parse(xe.data);console.log("return data : ",be),be!=null&&be.result?(Se.emit("chargeResponse",{status:be==null?void 0:be.result,transactionId:be==null?void 0:be.transactionId,message:be==null?void 0:be.message}),s({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),X(!1),Le(be==null?void 0:be.transactionId),Ae(!0),S(!1)):(Se.emit("chargeResponse",{status:be==null?void 0:be.result,message:(be==null?void 0:be.message)||"Something went wrong."}),S(!1),L((be==null?void 0:be.message)||"Something went wrong."))}else L("Something went wrong.")})}};if((r==null?void 0:r.paymentGateway)===32){let st={method:"POST",redirect:"follow"};try{let se=await Xt.default.post(`${ct}api/v1/widget/generate-session`,st),G=Number(a==null?void 0:a.expiryYear)%100,xe=a==null?void 0:a.cardNumber;xe=xe==null?void 0:xe.replace(/\s+/g,"");let be=`${xe}=${G}${a==null?void 0:a.expiryMonth} ${a==null?void 0:a.cvv}`,pn=forge.pki.publicKeyFromPem((y=(n=se==null?void 0:se.data)==null?void 0:n.data)==null?void 0:y.publicKeyPem).encrypt(be,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),hn=forge.util.encode64(pn),fn={"Content-Type":"application/json","x-app-session-key":(T=(ue=se.data)==null?void 0:ue.data)==null?void 0:T.session_key},yn=JSON.stringify({enc_track2_data:`${hn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(q=(we=se==null?void 0:se.data)==null?void 0:we.data)==null?void 0:q.session_key}`});try{let dt=await Xt.default.post(`${$t}tokenizer/tokenize`,yn,{headers:fn}),bn=JSON.stringify(z(P({},(me=dt==null?void 0:dt.data)==null?void 0:me.data),{isSaveCardChecked:Me,name:a==null?void 0:a.cardName,postal_code:a==null?void 0:a.zipCode,customer_id:e==null?void 0:e.customerId})),xn=JSON.stringify({pre_sales_id:`${(Fe=(ye=He==null?void 0:He.data)==null?void 0:ye.data)==null?void 0:Fe.posSalesIdEncode}`,token:`${(Be=dt==null?void 0:dt.data)==null?void 0:Be.data.token}`,json_response:`${bn}`}),vn={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:xn,redirect:"follow",isChargeviafractal:!0};Se.emit("sendMessage",vn),Se.on("chargeviafractalgateway",Tt=>{var rn;if(console.log(Tt,"socket data"),Rt(Tt==null?void 0:Tt.data)){let Ke=JSON.parse(Tt==null?void 0:Tt.data);console.log(Ke,"dfuigdasuf"),Ke!=null&&Ke.result?(Se.emit("chargeResponse",{status:Ke==null?void 0:Ke.result,transactionId:Ke==null?void 0:Ke.transactionId,message:Ke==null?void 0:Ke.message}),Le((rn=Ke==null?void 0:Ke.data)==null?void 0:rn.transactionId),Ae(!0),S(!1)):(S(!1),L((Ke==null?void 0:Ke.message)||"Something went wrong."),Se.emit("chargeResponse",{status:Ke==null?void 0:Ke.result,message:(Ke==null?void 0:Ke.message)||"Something went wrong."}))}else L("Something went wrong.")})}catch(dt){S(!1),L(((qe=(ie=dt==null?void 0:dt.response)==null?void 0:ie.data)==null?void 0:qe.message)||(dt==null?void 0:dt.message)||"Something went wrong.")}}catch(se){S(!1),L(((Ve=(De=se==null?void 0:se.response)==null?void 0:De.data)==null?void 0:Ve.message)||(se==null?void 0:se.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(He==null?void 0:He.data.data.dctoken,"PaymentForm",Zt)}catch(pt){S(!1),L(((J=(wt=pt==null?void 0:pt.response)==null?void 0:wt.data)==null?void 0:J.message)||(pt==null?void 0:pt.message)||"Something went wrong.")}}}}else{if(f())return;{S(!0);let Mt={fractalpayPublicKey:je,label:(v==null?void 0:v.name)||"John Doe",account_number:v==null?void 0:v.accountNumber,routing_number:v==null?void 0:v.routingNumber,bank_name:v==null?void 0:v.bankName,account_type:v==null?void 0:v.accountType,amount:String(e.amount||0),isSaveAch:Oe,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};Se.emit("sendMessage",Mt),Se.on("ach-incoming",D=>{var It,_t;console.log(D,"sfhdwhf"),(D==null?void 0:D.status)=="Failed"?(Se.emit("chargeResponse",{status:D==null?void 0:D.result,message:(D==null?void 0:D.message)||"Something went wrong."}),typeof(D==null?void 0:D.message)=="object"?Object.values(D==null?void 0:D.message).forEach(pt=>{L(pt||"Something went wrong")}):L((D==null?void 0:D.message)||"Something went wrong")):(Se.emit("chargeResponse",{status:D==null?void 0:D.status,message:D==null?void 0:D.message,transactionId:(It=D==null?void 0:D.data)==null?void 0:It.transactionId}),Le((_t=D==null?void 0:D.data)==null?void 0:_t.transaction_id),Ae(!0),S(!1))})}}},fe=async()=>{var t,n,y,ue,T,we,q,me,ye,Fe,Be,ie,qe,De,Ve,wt,J,At,Mt,D,It,_t,pt,He,Zt,st;ht();try{let se={fractalpayPublicKey:je,customer_id:e==null?void 0:e.customerId},G=await Xt.default.post(`${Ge}get-payment-details`,se);if(Yt((t=G==null?void 0:G.data)==null?void 0:t.data),(y=(n=G==null?void 0:G.data)==null?void 0:n.data)!=null&&y.paymentGateway||L("Something went wrong."),(T=(ue=G==null?void 0:G.data)==null?void 0:ue.data)!=null&&T.card_list&&((me=(q=(we=G==null?void 0:G.data)==null?void 0:we.data)==null?void 0:q.card_list)==null?void 0:me.length)>0){Ee((Fe=(ye=G==null?void 0:G.data)==null?void 0:ye.data)==null?void 0:Fe.card_list),g("cardList");let xe=(qe=(ie=(Be=G==null?void 0:G.data)==null?void 0:Be.data)==null?void 0:ie.card_list)==null?void 0:qe.filter(be=>(be==null?void 0:be.primary_card)==1);(xe!=null&&xe[0]&&((De=xe==null?void 0:xe[0])==null?void 0:De.payment_method_type)==((wt=(Ve=G==null?void 0:G.data)==null?void 0:Ve.data)==null?void 0:wt.paymentGateway)||((J=xe==null?void 0:xe[0])==null?void 0:J.card_type)==="Bank")&&vt(xe[0])}else g("card");(Mt=(At=G==null?void 0:G.data)==null?void 0:At.data)!=null&&Mt.paymentDeviceList&&((_t=(It=(D=G==null?void 0:G.data)==null?void 0:D.data)==null?void 0:It.paymentDeviceList)==null?void 0:_t.length)>0&&bt((He=(pt=G==null?void 0:G.data)==null?void 0:pt.data)==null?void 0:He.paymentDeviceList[0]),ft()}catch(se){console.log(se),ft(),L(((st=(Zt=se==null?void 0:se.response)==null?void 0:Zt.data)==null?void 0:st.message)||(se==null?void 0:se.message)||"Something went wrong")}},O=async()=>{let t=e==null?void 0:e.customerId,n=String(e==null?void 0:e.discount),y=String(e==null?void 0:e.surcharge),ue=String(e==null?void 0:e.tax),T=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,q=String(e==null?void 0:e.amount),me=ot==null?void 0:ot.id,ye=ot==null?void 0:ot.card_type;if(T&&we&&q)if(t)if(me){let Be={amount:q,order_id:we,customer_id:t,card_id:me,fractalpayPublicKey:T,isCardSave:Me,discount:n,surcharge:y,tax:ue},Fe=Be,{isCardSave:ie}=Fe,qe=Wt(Fe,["isCardSave"]),Ve=Ge+(ye==="Bank"?"charge-ach":"charge-by-card"),wt={"Content-Type":"application/json"};S(!0),Se.emit("sendMessage",{url:Ve,body:ye=="Bank"?qe:Be,isChargebycard:!0}),Se.on("charge-by-card",J=>{var At,Mt,D;console.log(J,"response"),(J==null?void 0:J.result)==!0||(J==null?void 0:J.status)==!0?(Se.emit("chargeResponse",{status:(J==null?void 0:J.result)||(J==null?void 0:J.status),message:J==null?void 0:J.message,transactionId:(At=J==null?void 0:J.data)==null?void 0:At.transaction_id}),Le((Mt=J.data)==null?void 0:Mt.transaction_id),Ae(!0),S(!1)):(Se.emit("chargeResponse",{status:(J==null?void 0:J.result)||(J==null?void 0:J.status),message:J==null?void 0:J.message,transactionId:(D=J==null?void 0:J.data)==null?void 0:D.transaction_id}),L((J==null?void 0:J.message)||"Something went wrong."))})}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")},Ie=async()=>{var T,we,q,me,ye,Fe;let t=e==null?void 0:e.merchantPublicKey,n=e==null?void 0:e.orderID,y=String(e==null?void 0:e.amount),ue=e==null?void 0:e.customerId;if(!(Qe!=null&&Qe.device_id)){L("Please Select A Payment Device");return}if(t&&n&&y){S(!0);let Be={amount:y,fractalpayPublicKey:t,customer_order_id:n,device_id:Qe==null?void 0:Qe.device_id,customer_id:ue||""};try{let ie=await Xt.default.post(`${Ge}charge-with-reader`,Be);console.log(ie,"response"),((T=ie==null?void 0:ie.data)==null?void 0:T.result)==!0?(Le((q=(we=ie==null?void 0:ie.data)==null?void 0:we.data)==null?void 0:q.transaction_id),Ae(!0),S(!1)):(L(((me=ie==null?void 0:ie.data)==null?void 0:me.message)||"Something went wrong."),S(!1))}catch(ie){L(((Fe=(ye=ie==null?void 0:ie.response)==null?void 0:ye.data)==null?void 0:Fe.message)||"Something went wrong."),S(!1)}}else L("Something went wrong.")},ce=()=>{k==="card"?O():k==="reader"&&Ie()};(0,o.useEffect)(()=>{ke&&je&&fe()},[je,ke]);let he=async t=>{on.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 n=>{if(n.isConfirmed){S(!0);try{let y={card_id:t,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},ue=await Xt.default.post(`${Ge}delete-customer-card`,y);S(!1),fe(),on.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(y){S(!1),on.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else n.dismiss===on.default.DismissReason.cancel&&on.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},ze=t=>{switch(t==null?void 0:t.toLowerCase()){case"visa":return it;case"mastercard":case"mc":case"m/c":return kt;case"amex":case"american express":case"ae":return mt;case"discover":return c;case"bank":return H;default:return t}};return o.default.createElement(o.default.Fragment,null,o.default.createElement(Bt,null),o.default.createElement(Et,null),o.default.createElement(Qt,null),o.default.createElement(o.default.Fragment,null,et&&o.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},o.default.createElement(Ht,{error:et,onClose:()=>{}})),!et&&!yt&&o.default.createElement(o.default.Fragment,null,(A||R)&&o.default.createElement(Lt,{loading:A||R}),o.default.createElement("div",{className:"frac-card-payment-page frac-form"},o.default.createElement("div",{className:"parent-pay-container"},o.default.createElement("div",{className:"pay-main-logo-res"},o.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),o.default.createElement("div",{className:"pay-container"},o.default.createElement("div",{className:"pay-header pay-conatiner-one"},o.default.createElement("div",{className:"pay-conatiner-one-first"},o.default.createElement("div",{className:"pay-logo-container"},o.default.createElement("div",{className:"pay-main-logo"},o.default.createElement("img",{src:r==null?void 0:r.logo,id:"pay-logos"})),o.default.createElement("h1",{className:"pay-heading"},"Pay"),(I==null?void 0:I.length)>0&&U!=="cardList"&&o.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>g("cardList")}," ",o.default.createElement(In.IoArrowBack,null)," Back")),o.default.createElement("div",{className:"amt-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner"},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(Te=Number(e==null?void 0:e.amount))==null?void 0:Te.toFixed(2))),U!="ach"&&o.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},o.default.createElement("img",{src:it,alt:"",width:33}),o.default.createElement("img",{src:kt,width:33,alt:""}),o.default.createElement("img",{src:mt,alt:"",width:33}),o.default.createElement("img",{src:c,width:33,alt:""})))),o.default.createElement("div",{className:"pay-conatiner-one-last"},o.default.createElement("img",{src:M,alt:""}),o.default.createElement("img",{src:$e,alt:""}),"Secure payments powered by Fractal"),o.default.createElement("div",null)),o.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!A&&o.default.createElement("div",{className:"col-md-12"},o.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?o.default.createElement("div",null,(I==null?void 0:I.length)>0&&o.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>g("cardList")}," ",o.default.createElement(In.IoArrowBack,null)," Back"),(r==null?void 0:r.isSkyFiAccount)&&o.default.createElement("div",{className:"tab"},o.default.createElement("button",{className:"tablinks",onClick:t=>{xt("card")},style:{border:U==="card"?"1px solid":""}},o.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),o.default.createElement("button",{className:"tablinks",onClick:t=>{xt("ach")},style:{border:U==="ach"?"1px solid":""}},o.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),o.default.createElement("div",{className:"res-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(_e=Number(e==null?void 0:e.amount))==null?void 0:_e.toFixed(2))),U!="ach"&&o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:kt,width:35,alt:""})),o.default.createElement("div",null,o.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:c,width:35,alt:""}))))):o.default.createElement("div",null,o.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",r==null?void 0:r.customer_name),o.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",k==="card"?"Cards/Banks":"Readers"," "),o.default.createElement("div",{className:"res-pay-con"},o.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},o.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),o.default.createElement("strong",{className:"pay-amount"},"$",(Ue=Number(e==null?void 0:e.amount))==null?void 0:Ue.toFixed(2))),o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement("img",{src:it,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:kt,width:35,alt:""})),o.default.createElement("div",null,o.default.createElement("img",{src:mt,alt:"",width:35,style:{paddingRight:"5px"}}),o.default.createElement("img",{src:c,width:35,alt:""}))))),o.default.createElement("div",{id:"ach",style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},o.default.createElement("div",{className:"card-lint-div-in"},o.default.createElement("div",{className:"card-list-div"},k==="card"?o.default.createElement(o.default.Fragment,null,(r==null?void 0:r.card_list)&&((Je=r==null?void 0:r.card_list)==null?void 0:Je.length)>0&&((tt=r==null?void 0:r.card_list)==null?void 0:tt.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{disabled:(r==null?void 0:r.paymentGateway)!=(t==null?void 0:t.payment_method_type)&&(t==null?void 0:t.card_type)!="Bank",type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:ot===t,onChange:y=>vt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",t==null?void 0:t.cardlastfourdigit),(t==null?void 0:t.card_type)!="Bank"&&o.default.createElement("h6",{className:"card-expiry-date"},t==null?void 0:t.expmonth,"/",t==null?void 0:t.expyear)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:ze(t==null?void 0:t.card_type),alt:""})),o.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>he(t==null?void 0:t.id)},o.default.createElement("img",{src:F,alt:""}))))))):o.default.createElement(o.default.Fragment,null,(r==null?void 0:r.paymentDeviceList)&&((Xe=r==null?void 0:r.paymentDeviceList)==null?void 0:Xe.length)>0&&((ut=r==null?void 0:r.paymentDeviceList)==null?void 0:ut.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:de,alt:""})))))))),o.default.createElement("div",{className:"pay-with-other-card",onClick:()=>g("card")},"Pay With Other Card",o.default.createElement("img",{src:Ze,alt:""})),k==="card"&&(r==null?void 0:r.paymentDeviceList)&&((_=r==null?void 0:r.paymentDeviceList)==null?void 0:_.length)>0&&o.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("reader")},"Pay With Reader",o.default.createElement("img",{src:de,alt:""})),k==="reader"&&(r==null?void 0:r.paymentDeviceList)&&((b=r==null?void 0:r.paymentDeviceList)==null?void 0:b.length)>0&&o.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>h("card")},"Pay With Saved Card",o.default.createElement("img",{src:Ze,alt:""}))),o.default.createElement("div",{className:"form-group",style:{padding:"0"}},o.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ce},"$",(Z=Number(e==null?void 0:e.amount))==null?void 0:Z.toFixed(2)))),o.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},Ne?o.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:Q},o.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"398px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"456px":(I==null?void 0:I.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(a==null?void 0:a.cardName)||"",onChange:t=>{let n=t.target.value;/^[a-zA-Z\s]*$/.test(n)&&at("cardName",n)}}),(x==null?void 0:x.cardName)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardName)),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),o.default.createElement("div",{className:"toggle-num-wrapper"},o.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(a==null?void 0:a.cardNumber)||"",onChange:t=>rt(t),"data-token":"card_number"}),o.default.createElement("div",{className:"card-crdi card-expiry-new"},o.default.createElement("div",{className:"exp-date-year-container"},o.default.createElement("div",{className:"exp-date form-group"},o.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(a==null?void 0:a.expiryMonth)||"",onChange:t=>at("expiryMonth",t.target.value)})),o.default.createElement("div",{className:"exp-year form-group"},o.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(a==null?void 0:a.expiryYear)||"",onChange:t=>at("expiryYear",t.target.value)})),o.default.createElement("div",{className:"security-digit form-group"},o.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(a==null?void 0:a.cvv)||"",onChange:t=>at("cvv",t.target.value)})))),(x==null?void 0:x.cardNumber)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cardNumber),o.default.createElement("p",{style:{margin:"0"}},x!=null&&x.expiryMonth||x!=null&&x.expiryYear?o.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},x==null?void 0:x.expiryMonth):"",(x==null?void 0:x.cvv)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.cvv)))),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:($=e==null?void 0:e.orderID)!=null?$:"",style:{background:"#F6F6F7",color:"#727272"}})),o.default.createElement("div",{className:"form-group"},o.default.createElement("label",{htmlFor:"zip"},"ZIP"),o.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(E=a==null?void 0:a.zipCode)!=null?E:"",onChange:t=>at("zipCode",t.target.value)}),(x==null?void 0:x.zipCode)&&o.default.createElement("span",{className:"error-span"},x==null?void 0:x.zipCode)),(e==null?void 0:e.customerId)&&o.default.createElement("div",{className:"form-group"},o.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},o.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Me,onChange:t=>X(t.target.checked)}),o.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),o.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},o.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},o.default.createElement("rect",{width:"20",height:"20",fill:"white"}),o.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),o.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"})),o.default.createElement("defs",null,o.default.createElement("clipPath",{id:"clip0_12420_50192"},o.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),o.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((ve=r==null?void 0:r.paymentDeviceList)==null?void 0:ve.length)>0&&o.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>N(!Ne)},Ne?"Pay With Reader":"Pay With Card"),o.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(ge=Number(e==null?void 0:e.amount))==null?void 0:ge.toFixed(2)))):o.default.createElement(o.default.Fragment,null,o.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}},"Readers"),o.default.createElement("div",{className:"card-lint-div-in"},o.default.createElement("div",{className:"card-list-div"},(r==null?void 0:r.paymentDeviceList)&&((re=r==null?void 0:r.paymentDeviceList)==null?void 0:re.length)>0&&((Pe=r==null?void 0:r.paymentDeviceList)==null?void 0:Pe.map((t,n)=>o.default.createElement("div",{className:"card-list-single-div",key:n},o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("input",{type:"radio",className:"cardRadio",name:"selected_reader",id:"",checked:Qe===t,onChange:y=>bt(t)}),o.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},t==null?void 0:t.device_name)),o.default.createElement("div",{className:"card-number-radio"},o.default.createElement("span",{className:"visa-card"},o.default.createElement("img",{src:de,alt:""})))))))),o.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(r==null?void 0:r.paymentDeviceList)&&((le=r==null?void 0:r.paymentDeviceList)==null?void 0:le.length)>0&&o.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>N(!Ne)},Ne?"Pay With Reader":"Pay With Card"),o.default.createElement("button",{onClick:Ie,className:"pay-button"},"$",(W=Number(e==null?void 0:e.amount))==null?void 0:W.toFixed(2))))),o.default.createElement("div",{id:"ach",style:{display:U==="ach"?"block":"none"},className:"tabcontent"},o.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:Q},o.default.createElement("div",{className:"ach-scrl",style:{minHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"378px":r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)==0?"436px":(I==null?void 0:I.length)>0?"462px":"520px",maxHeight:r!=null&&r.isSkyFiAccount&&(I==null?void 0:I.length)>0?"358px":((I==null?void 0:I.length)>0,"380px")}},o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),o.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(ee=v==null?void 0:v.name)!=null?ee:"",onChange:gt}),(l==null?void 0:l.name)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.name)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),o.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(We=v==null?void 0:v.routingNumber)!=null?We:"",onChange:gt}),(l==null?void 0:l.routingNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.routingNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),o.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ce=v==null?void 0:v.accountNumber)!=null?Ce:"",onChange:gt}),(l==null?void 0:l.accountNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.accountNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),o.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(te=v==null?void 0:v.confirmAccountNumber)!=null?te:"",onChange:gt}),(l==null?void 0:l.confirmAccountNumber)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.confirmAccountNumber)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"bankname"},"Bank name"),o.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(oe=v==null?void 0:v.bankName)!=null?oe:"",onChange:gt}),(l==null?void 0:l.bankName)&&o.default.createElement("span",{className:"error-span"},l==null?void 0:l.bankName)),o.default.createElement("div",{className:"form-group mb-4"},o.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),o.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Ct=v==null?void 0:v.accountType)!=null?Ct:"",onChange:gt},o.default.createElement("option",{value:""},"Select account"),o.default.createElement("option",{value:"Personal Saving"},"Personal Saving"),o.default.createElement("option",{value:"Business Saving"},"Business Saving"),o.default.createElement("option",{value:"Personal Checking"},"Personal Checking"),o.default.createElement("option",{value:"Business Checking"},"Business Checking"))),(e==null?void 0:e.customerId)&&o.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},o.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:Oe,onChange:t=>nt(t.target.checked)}),o.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),Oe&&o.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},o.default.createElement("p",null,"If checked, I agree for ",o.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),o.default.createElement("div",{className:"form-group "},o.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},"$",(Nt=Number(e==null?void 0:e.amount))==null?void 0:Nt.toFixed(2))))))))))))))};var u=Ye(require("react"));var an=Ye(require("axios"));var un=Ye(require("sweetalert2")),zn=require("react-icons/io5");function li(e){var Le,ht,ft,Pt,zt,xt,at,rt,gt;let[A,V]=(0,u.useState)(!1),[R,S]=(0,u.useState)(!1),[et,L]=(0,u.useState)(""),[yt,Ae]=(0,u.useState)(!1),[ke,w]=(0,u.useState)(!0),[U,g]=(0,u.useState)("card"),[k,h]=(0,u.useState)(!1),Ne=e.merchantPublicKey,N=ae+"widget/mc-img.svg",Me=ae+"widget/visa-img.svg",X=ae+"widget/ae-img.svg",Oe=ae+"widget/discover-img.svg",nt=ae+"widget/card.svg",je=ae+"widget/Trash.svg",kt=ae+"widget/bank.svg",it=ae+"widget/secure-img.png",mt=ae+"widget/pov-by.png",[c,Ze]=(0,u.useState)(),[F,H]=(0,u.useState)({}),[M,$e]=(0,u.useState)([]),[de,a]=(0,u.useState)(),[s,x]=(0,u.useState)(),[pe,v]=(0,u.useState)(""),C=()=>V(!0),l=()=>V(!1),j=()=>{w(!1),g("card"),S(!1),L(""),Ae(!1),v(""),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),H({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),h(!1),a({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},I=()=>w(!0),Ee=(p,f)=>{let Q=p;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(Q)){(f===""||/^[0-9]+$/.test(f))&&(H(O=>z(P({},O),{[Q]:""})),Ze(O=>z(P({},O),{[Q]:f})));return}H(O=>z(P({},O),{[Q]:""})),Ze(O=>z(P({},O),{[Q]:f}))},ot=p=>{let Q=p.target.value.replace(/\D/g,""),fe="";/^3[47]/.test(Q)?fe=Q.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Ie,ce,he,ze)=>[ce,he,ze].filter(Boolean).join(" ")):fe=Q.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Ie,ce,he,ze,Te)=>[ce,he,ze,Te].filter(Boolean).join(" ")),H(O=>z(P({},O),{cardNumber:""})),Ze(O=>z(P({},O),{cardNumber:fe}))},vt=()=>{var O,Ie,ce,he,ze,Te;let p={},f=c,Q=parseInt((f==null?void 0:f.expiryMonth)||"",10),fe=(f==null?void 0:f.expiryYear)||"";if((O=f==null?void 0:f.cardName)!=null&&O.trim()||(p.cardName="Card name is required"),(Ie=f==null?void 0:f.cardNumber)!=null&&Ie.trim()||(p.cardNumber="Card number is required"),(!((ce=f==null?void 0:f.expiryMonth)!=null&&ce.trim())||!((he=f==null?void 0:f.expiryYear)!=null&&he.trim())||isNaN(Q)||Q<1||Q>12||fe.length!==4)&&(p.expiryMonth="Invalid Expiration Date."),(ze=f==null?void 0:f.cvv)!=null&&ze.trim()||(p.cvv="CVV is required"),(Te=f==null?void 0:f.zipCode)!=null&&Te.trim()||(p.zipCode="ZIP code is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let _e=parseInt(f.expiryMonth,10),Ue=parseInt(f.expiryYear,10),Je=new Date,tt=Je.getMonth()+1,Xe=Je.getFullYear();(Ue<Xe||Ue===Xe&&_e<tt)&&(p.expiryMonth="Card is expired")}return H(p),Object.keys(p).length>0},Qe=async p=>{var f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b,Z,$;if(p.preventDefault(),U=="card"){if(vt())return;{let ve=DatacapWebToken.validateCardNumber(c==null?void 0:c.cardNumber.replaceAll(" ","")),ge=DatacapWebToken.validateExpirationDate(c==null?void 0:c.expiryMonth,c==null?void 0:c.expiryYear),re=DatacapWebToken.validateCVV(c==null?void 0:c.cvv),Pe={};if(ve||(Pe.cardNumber="Invalid card Number"),ge||(Pe.expiryMonth="Invalid Expiration Date."),re||(Pe.cvv="Invalid CVV"),H(Pe),ve&&re&&ge){S(!0);try{let le=async function(W){if(W.Error)L(W.Error),S(!1);else{let ee=c==null?void 0:c.cardName,We=c==null?void 0:c.zipCode;W.name=ee,W.postal_code=We,W.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,W.amount=e==null?void 0:e.amount,W.order_id=e==null?void 0:e.orderID,W.preAuth_id="",W.isCardSave=k,W.customer_id=e==null?void 0:e.customerId,W.link_token="",W.gateway_id=s==null?void 0:s.paymentGateway,W.discount=e==null?void 0:e.discount,W.tax=e==null?void 0:e.tax,W.surcharge=e==null?void 0:e.surcharge,new Headers().append("Content-Type","application/json");let te={method:"POST",body:JSON.stringify(W),redirect:"follow"};Se.emit("sendMessage",z(P({},te),{isChargePreauth:!0})),Se.on("charge-preauth",oe=>{var Ct,Nt;console.log(oe,"datdata"),(oe==null?void 0:oe.status)=="Failed"?(Se.emit("chargeResponse",{status:(oe==null?void 0:oe.result)||(oe==null?void 0:oe.status),message:oe==null?void 0:oe.message}),S(!1),L((oe==null?void 0:oe.message)||"Something went wrong. Please try again later.")):(Se.emit("chargeResponse",{status:(oe==null?void 0:oe.result)||(oe==null?void 0:oe.status),message:oe==null?void 0:oe.message,transactionId:(Ct=oe==null?void 0:oe.data)==null?void 0:Ct.transaction_id}),Ae(!0),v((Nt=oe==null?void 0:oe.data)==null?void 0:Nt.transaction_id),S(!1),Ze({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((s==null?void 0:s.paymentGateway)===32){let W={method:"POST",redirect:"follow"};try{let ee=await an.default.post(`${ct}api/v1/widget/generate-session`,W),We=Number(c==null?void 0:c.expiryYear)%100,Ce=c==null?void 0:c.cardNumber;Ce=Ce==null?void 0:Ce.replace(/\s+/g,"");let te=`${Ce}=${We}${c==null?void 0:c.expiryMonth} ${c==null?void 0:c.cvv}`,Ct=forge.pki.publicKeyFromPem((Q=(f=ee==null?void 0:ee.data)==null?void 0:f.data)==null?void 0:Q.publicKeyPem).encrypt(te,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Nt=forge.util.encode64(Ct),t={"Content-Type":"application/json","x-app-session-key":(O=(fe=ee.data)==null?void 0:fe.data)==null?void 0:O.session_key},n=JSON.stringify({enc_track2_data:`${Nt}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(ce=(Ie=ee==null?void 0:ee.data)==null?void 0:Ie.data)==null?void 0:ce.session_key}`});try{let y=await an.default.post(`${$t}tokenizer/tokenize`,n,{headers:t}),ue=JSON.stringify(z(P({},(he=y==null?void 0:y.data)==null?void 0:he.data),{name:c==null?void 0:c.cardName,postal_code:c==null?void 0:c.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(Te=(ze=y==null?void 0:y.data)==null?void 0:ze.data)==null?void 0:Te.token}`,fractalpayPublicKey:Ne,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:k,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:c==null?void 0:c.expiryYear,ExpirationMonth:c==null?void 0:c.expiryMonth,CVV:c==null?void 0:c.cvv,Last4:(Ue=(_e=y==null?void 0:y.data)==null?void 0:_e.data)==null?void 0:Ue.last4,Brand:(tt=(Je=y==null?void 0:y.data)==null?void 0:Je.data)==null?void 0:tt.brand,gateway_id:s==null?void 0:s.paymentGateway})),we={method:"POST",headers:{"Content-Type":"application/json"},body:ue,redirect:"follow"};Se.emit("sendMessage",z(P({},we),{isFractalPreauth:!0})),Se.on("fractal-charge-preauth",q=>{var me,ye;debugger;(q==null?void 0:q.status)=="Failed"?(Se.emit("chargeResponse",{status:(q==null?void 0:q.status)||(q==null?void 0:q.result),message:(q==null?void 0:q.message)||"Something went wrong."}),S(!1),L((q==null?void 0:q.message)||"Something went wrong , Try again later")):(Se.emit("chargeResponse",{status:(q==null?void 0:q.status)||(q==null?void 0:q.result),message:q==null?void 0:q.message,transactionId:(me=q==null?void 0:q.data)==null?void 0:me.transaction_id}),v((ye=q==null?void 0:q.data)==null?void 0:ye.transaction_id),Ae(!0),S(!1))})}catch(y){console.log(y),S(!1),L(((ut=(Xe=y==null?void 0:y.response)==null?void 0:Xe.data)==null?void 0:ut.message)||(y==null?void 0:y.message)||"Something went wrong , Try again later")}}catch(ee){S(!1),L(((b=(_=ee==null?void 0:ee.response)==null?void 0:_.data)==null?void 0:b.message)||(ee==null?void 0:ee.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(s==null?void 0:s.dctoken,"PaymentForm",le)}catch(le){S(!1),L((($=(Z=le==null?void 0:le.response)==null?void 0:Z.data)==null?void 0:$.message)||(le==null?void 0:le.message)||"Something went wrong.")}}}}},bt=async()=>{var p,f,Q,fe,O,Ie,ce,he,ze,Te,_e,Ue,Je,tt,Xe,ut,_,b;C();try{let Z={fractalpayPublicKey:Ne,customer_id:e==null?void 0:e.customerId,preauth:!0},$=await an.default.post(`${Ge}get-payment-details`,Z);if(x((p=$==null?void 0:$.data)==null?void 0:p.data),(Q=(f=$==null?void 0:$.data)==null?void 0:f.data)!=null&&Q.paymentGateway||(j(),L("Something went wrong.")),(O=(fe=$==null?void 0:$.data)==null?void 0:fe.data)!=null&&O.card_list&&((he=(ce=(Ie=$==null?void 0:$.data)==null?void 0:Ie.data)==null?void 0:ce.card_list)==null?void 0:he.length)>0){$e((Te=(ze=$==null?void 0:$.data)==null?void 0:ze.data)==null?void 0:Te.card_list),g("cardList");let E=(Je=(Ue=(_e=$==null?void 0:$.data)==null?void 0:_e.data)==null?void 0:Ue.card_list)==null?void 0:Je.filter(ve=>(ve==null?void 0:ve.primary_card)==1);E!=null&&E[0]&&((tt=E==null?void 0:E[0])==null?void 0:tt.payment_method_type)==((ut=(Xe=$==null?void 0:$.data)==null?void 0:Xe.data)==null?void 0:ut.paymentGateway)&&a(E[0])}else g("card");l()}catch(Z){console.log(Z),l(),L(((b=(_=Z==null?void 0:Z.response)==null?void 0:_.data)==null?void 0:b.message)||(Z==null?void 0:Z.message)||"Something went wrong")}},r=async()=>{var _e,Ue,Je,tt,Xe,ut,_,b,Z,$,E,ve,ge,re,Pe,le,W,ee;let p=e==null?void 0:e.customerId,f=e==null?void 0:e.discount,Q=e==null?void 0:e.surcharge,fe=e==null?void 0:e.tax,O=e==null?void 0:e.merchantPublicKey,Ie=e==null?void 0:e.orderID,ce=e==null?void 0:e.amount,he=de==null?void 0:de.id,ze=de==null?void 0:de.card_type;if(O&&Ie&&ce)if(p)if(he){let We={amount:ce,order_id:Ie,customer_id:p,card_id:he,fractalpayPublicKey:O,isCardSave:ze!="Bank",discount:f,surcharge:Q,tax:fe},Te=We,{isCardSave:Ce}=Te,te=Wt(Te,["isCardSave"]),Ct=Ge+"authorize-by-card",Nt={"Content-Type":"application/json"};S(!0);try{let t=await an.default.post(Ct,ze=="Bank"?te:We,{headers:Nt});(_e=t==null?void 0:t.data)!=null&&_e.result&&(Se.emit("chargeResponse",{status:((Ue=t==null?void 0:t.data)==null?void 0:Ue.result)||((Je=t==null?void 0:t.data)==null?void 0:Je.status),message:(tt=t==null?void 0:t.data)==null?void 0:tt.message,transactionId:(ut=(Xe=t==null?void 0:t.data)==null?void 0:Xe.data)==null?void 0:ut.transaction_id}),v((b=(_=t==null?void 0:t.data)==null?void 0:_.data)==null?void 0:b.transaction_id),Ae(!0),S(!1))}catch(t){S(!1),console.log(t),Se.emit("chargeResponse",{status:(($=(Z=t==null?void 0:t.response)==null?void 0:Z.data)==null?void 0:$.status)||((ve=(E=t==null?void 0:t.response)==null?void 0:E.data)==null?void 0:ve.result),message:((re=(ge=t==null?void 0:t.response)==null?void 0:ge.data)==null?void 0:re.message)||"Something went erong"}),L(((le=(Pe=t==null?void 0:t.response)==null?void 0:Pe.data)==null?void 0:le.message)||((ee=(W=t==null?void 0:t.response)==null?void 0:W.data)==null?void 0:ee.status)||"Something went erong")}}else L("Please Select A Card/ACH");else L("Please Select Customer");else L("Something went wrong.")};(0,u.useEffect)(()=>{ke&&Ne&&bt()},[Ne,ke]);let Yt=async p=>{un.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 f=>{if(f.isConfirmed){S(!0);try{let Q={card_id:p,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},fe=await an.default.post(`${Ge}delete-customer-card`,Q);S(!1),bt(),un.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(Q){S(!1),un.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},Ft=p=>{switch(p==null?void 0:p.toLowerCase()){case"visa":return Me;case"mastercard":case"mc":case"m/c":return N;case"amex":case"american express":case"ae":return X;case"discover":return Oe;case"bank":return kt;default:return p}};return u.default.createElement(u.default.Fragment,null,u.default.createElement(Bt,null),u.default.createElement(Et,null),u.default.createElement(Qt,null),u.default.createElement(u.default.Fragment,null,et&&u.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},u.default.createElement(Ht,{error:et,onClose:()=>{}})),!et&&!yt&&u.default.createElement(u.default.Fragment,null,(A||R)&&u.default.createElement(Lt,{loading:A||R}),u.default.createElement("div",null,u.default.createElement("div",{className:"frac-card-payment-page frac-form"},u.default.createElement("div",{className:"parent-pay-container"},u.default.createElement("div",{className:"pay-container"},u.default.createElement("div",{className:"pay-header pay-conatiner-one"},u.default.createElement("div",{className:"pay-conatiner-one-first"},u.default.createElement("div",{className:"pay-logo-container"},u.default.createElement("div",{className:"pay-main-logo"},u.default.createElement("img",{src:s==null?void 0:s.logo,id:"pay-logos"})),u.default.createElement("h1",{className:"pay-heading"},"Pay"),(M==null?void 0:M.length)>0&&U!=="cardList"&&u.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>g("cardList")}," ",u.default.createElement(zn.IoArrowBack,null)," Back")),u.default.createElement("div",{className:"amt-pay-con"},u.default.createElement("div",{className:"pay-amount-conatiner"},u.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),u.default.createElement("strong",{className:"pay-amount"},"$",(Le=Number(e==null?void 0:e.amount))==null?void 0:Le.toFixed(2))),U!="ach"&&u.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},u.default.createElement("img",{src:Me,alt:"",width:33}),u.default.createElement("img",{src:N,width:33,alt:""}),u.default.createElement("img",{src:X,alt:"",width:33}),u.default.createElement("img",{src:Oe,width:33,alt:""})))),u.default.createElement("div",{className:"pay-conatiner-one-last"},u.default.createElement("img",{src:it,alt:""}),u.default.createElement("img",{src:mt,alt:""}),"Secure payments powered by Fractal"),u.default.createElement("div",null)),!A&&u.default.createElement("div",{className:"pay-tab pay-conatiner-two"},u.default.createElement("div",{className:"col-md-12"},u.default.createElement("div",{id:"payment-form-div"},U!=="cardList"?u.default.createElement("div",null,(M==null?void 0:M.length)>0&&u.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>g("cardList")}," ",u.default.createElement(zn.IoArrowBack,null)," Back"),u.default.createElement("div",{className:""},u.default.createElement("div",{className:"res-pay-con"},u.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},u.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),u.default.createElement("strong",{className:"pay-amount"},"$",(ht=Number(e==null?void 0:e.amount))==null?void 0:ht.toFixed(2))),u.default.createElement("div",null,u.default.createElement("div",null,u.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),u.default.createElement("img",{src:N,width:35,alt:""})),u.default.createElement("div",null,u.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),u.default.createElement("img",{src:Oe,width:35,alt:""})))))):u.default.createElement("div",null,u.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",s==null?void 0:s.customer_name),u.default.createElement("div",{className:"res-pay-con"},u.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},u.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),u.default.createElement("strong",{className:"pay-amount"},"$",(ft=Number(e==null?void 0:e.amount))==null?void 0:ft.toFixed(2))),u.default.createElement("div",null,u.default.createElement("div",null,u.default.createElement("img",{src:Me,alt:"",width:35,style:{paddingRight:"5px"}}),u.default.createElement("img",{src:N,width:35,alt:""})),u.default.createElement("div",null,u.default.createElement("img",{src:X,alt:"",width:35,style:{paddingRight:"5px"}}),u.default.createElement("img",{src:Oe,width:35,alt:""})))),u.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),u.default.createElement("div",{style:{display:U==="cardList"?"block":"none"},className:"tabcontent"},u.default.createElement("div",{className:"card-lint-div-in"},u.default.createElement("div",{className:"card-list-div"},(s==null?void 0:s.card_list)&&((Pt=s==null?void 0:s.card_list)==null?void 0:Pt.length)>0&&((zt=s==null?void 0:s.card_list)==null?void 0:zt.map((p,f)=>u.default.createElement("div",{className:"card-list-single-div",key:f},u.default.createElement("div",{className:"card-number-radio"},u.default.createElement("input",{disabled:(s==null?void 0:s.paymentGateway)!=(p==null?void 0:p.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:de===p,onChange:Q=>a(p)}),u.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",p==null?void 0:p.cardlastfourdigit),u.default.createElement("h6",{className:"card-expiry-date"},p==null?void 0:p.expmonth,"/",p==null?void 0:p.expyear)),u.default.createElement("div",{className:"card-number-radio"},u.default.createElement("span",{className:"visa-card"},u.default.createElement("img",{src:Ft(p==null?void 0:p.card_type),alt:""})),u.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Yt(p==null?void 0:p.id)},u.default.createElement("img",{src:je,alt:""}))))))),u.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>g("card")},"Authorize With Other Card",u.default.createElement("img",{src:nt,alt:""}))),u.default.createElement("div",{className:"form-group"},u.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:r},"$",(xt=Number(e==null?void 0:e.amount))==null?void 0:xt.toFixed(2)))),u.default.createElement("div",{id:"card",style:{display:U==="card"?"block":"none"},className:"tabcontent"},u.default.createElement("form",{id:"PaymentForm",onSubmit:Qe},u.default.createElement("div",{className:"ach-scrl",style:{minHeight:(M==null?void 0:M.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},u.default.createElement("div",{className:"form-group"},u.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),u.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(c==null?void 0:c.cardName)||"",onChange:p=>{let f=p.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)}}),(F==null?void 0:F.cardName)&&u.default.createElement("span",{className:"error-span"},F==null?void 0:F.cardName)),u.default.createElement("div",{className:"form-group"},u.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),u.default.createElement("div",{className:"toggle-num-wrapper"},u.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(c==null?void 0:c.cardNumber)||"",onChange:p=>ot(p),"data-token":"card_number"}),u.default.createElement("div",{className:"card-crdi card-expiry-new"},u.default.createElement("div",{className:"exp-date-year-container"},u.default.createElement("div",{className:"exp-date form-group"},u.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(c==null?void 0:c.expiryMonth)||"",onChange:p=>Ee("expiryMonth",p.target.value)})),u.default.createElement("div",{className:"exp-year form-group"},u.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(c==null?void 0:c.expiryYear)||"",onChange:p=>Ee("expiryYear",p.target.value)})),u.default.createElement("div",{className:"security-digit form-group"},u.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(c==null?void 0:c.cvv)||"",onChange:p=>Ee("cvv",p.target.value)})))),(F==null?void 0:F.cardNumber)&&u.default.createElement("span",{className:"error-span"},F==null?void 0:F.cardNumber),u.default.createElement("p",{style:{margin:"0"}},F!=null&&F.expiryMonth||F!=null&&F.expiryYear?u.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},F==null?void 0:F.expiryMonth):"",(F==null?void 0:F.cvv)&&u.default.createElement("span",{className:"error-span"},F==null?void 0:F.cvv)))),u.default.createElement("div",{className:"form-group"},u.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),u.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(at=c==null?void 0:c.orderId)!=null?at:"OID123456",onChange:p=>Ee("orderId",p.target.value),style:{background:"#F6F6F7",color:"#727272"}})),u.default.createElement("div",{className:"form-group"},u.default.createElement("label",{htmlFor:"zip"},"ZIP"),u.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(rt=c==null?void 0:c.zipCode)!=null?rt:"",onChange:p=>Ee("zipCode",p.target.value)}),(F==null?void 0:F.zipCode)&&u.default.createElement("span",{className:"error-span"},F==null?void 0:F.zipCode)),(e==null?void 0:e.customerId)&&u.default.createElement("div",{className:"form-group"},u.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},u.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:k,onChange:p=>h(p.target.checked)}),u.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),u.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),u.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},u.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},u.default.createElement("rect",{width:"20",height:"20",fill:"white"}),u.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),u.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"})),u.default.createElement("defs",null,u.default.createElement("clipPath",{id:"clip0_12420_50192"},u.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),u.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},u.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},"$",(gt=Number(e==null?void 0:e.amount))==null?void 0:gt.toFixed(2)))))))))))))))}0&&(module.exports={AddCard,AddCardSky,GetPaymentPage,GetPaymentPageForm,PreAuthPayment,PreAuthPaymentForm,RequestPayment,RequestPreAuthPayment,Skypay});
|