@fractalpay/fractalpay-next-dev 0.0.98 → 0.0.99
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 +7 -7
- package/dist/index.mjs +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Si=Object.create;var Sn=Object.defineProperty,Fi=Object.defineProperties,Pi=Object.getOwnPropertyDescriptor,Mi=Object.getOwnPropertyDescriptors,Li=Object.getOwnPropertyNames,An=Object.getOwnPropertySymbols,zi=Object.getPrototypeOf,Yn=Object.prototype.hasOwnProperty,Un=Object.prototype.propertyIsEnumerable;var Wn=(e,y,B)=>y in e?Sn(e,y,{enumerable:!0,configurable:!0,writable:!0,value:B}):e[y]=B,_=(e,y)=>{for(var B in y||(y={}))Yn.call(y,B)&&Wn(e,B,y[B]);if(An)for(var B of An(y))Un.call(y,B)&&Wn(e,B,y[B]);return e},z=(e,y)=>Fi(e,Mi(y));var hn=(e,y)=>{var B={};for(var G in e)Yn.call(e,G)&&y.indexOf(G)<0&&(B[G]=e[G]);if(e!=null&&An)for(var G of An(e))y.indexOf(G)<0&&Un.call(e,G)&&(B[G]=e[G]);return B};var Ai=(e,y)=>()=>(y||e((y={exports:{}}).exports,y),y.exports),Ii=(e,y)=>{for(var B in y)Sn(e,B,{get:y[B],enumerable:!0})},Gn=(e,y,B,G)=>{if(y&&typeof y=="object"||typeof y=="function")for(let j of Li(y))!Yn.call(e,j)&&j!==B&&Sn(e,j,{get:()=>y[j],enumerable:!(G=Pi(y,j))||G.enumerable});return e};var Fe=(e,y,B)=>(B=e!=null?Si(zi(e)):{},Gn(y||!e||!e.__esModule?Sn(B,"default",{value:e,enumerable:!0}):B,e)),Bi=e=>Gn(Sn({},"__esModule",{value:!0}),e);var Qn=Ai((na,Yi)=>{Yi.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.
|
|
1
|
+
"use strict";var Si=Object.create;var Sn=Object.defineProperty,Fi=Object.defineProperties,Pi=Object.getOwnPropertyDescriptor,Mi=Object.getOwnPropertyDescriptors,Li=Object.getOwnPropertyNames,An=Object.getOwnPropertySymbols,zi=Object.getPrototypeOf,Yn=Object.prototype.hasOwnProperty,Un=Object.prototype.propertyIsEnumerable;var Wn=(e,y,B)=>y in e?Sn(e,y,{enumerable:!0,configurable:!0,writable:!0,value:B}):e[y]=B,_=(e,y)=>{for(var B in y||(y={}))Yn.call(y,B)&&Wn(e,B,y[B]);if(An)for(var B of An(y))Un.call(y,B)&&Wn(e,B,y[B]);return e},z=(e,y)=>Fi(e,Mi(y));var hn=(e,y)=>{var B={};for(var G in e)Yn.call(e,G)&&y.indexOf(G)<0&&(B[G]=e[G]);if(e!=null&&An)for(var G of An(e))y.indexOf(G)<0&&Un.call(e,G)&&(B[G]=e[G]);return B};var Ai=(e,y)=>()=>(y||e((y={exports:{}}).exports,y),y.exports),Ii=(e,y)=>{for(var B in y)Sn(e,B,{get:y[B],enumerable:!0})},Gn=(e,y,B,G)=>{if(y&&typeof y=="object"||typeof y=="function")for(let j of Li(y))!Yn.call(e,j)&&j!==B&&Sn(e,j,{get:()=>y[j],enumerable:!(G=Pi(y,j))||G.enumerable});return e};var Fe=(e,y,B)=>(B=e!=null?Si(zi(e)):{},Gn(y||!e||!e.__esModule?Sn(B,"default",{value:e,enumerable:!0}):B,e)),Bi=e=>Gn(Sn({},"__esModule",{value:!0}),e);var Qn=Ai((na,Yi)=>{Yi.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.99",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@types/yup":"^0.29.14",axios:"^1.8.1",bootstrap:"^5.3.3","credit-card-type":"^10.0.1",formik:"^2.4.6","node-forge":"^1.3.1","react-bootstrap":"^2.10.5","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-icons":"^5.5.0","react-number-format":"^5.4.3","react-toastify":"^10.0.6","socket.io-client":"^4.8.1","styled-components":"^6.1.15",sweetalert2:"^11.22.0",yup:"^1.6.1"},peerdependencies:{next:"15.0.3",react:">=18.0.0 <20.0.0","react-dom":">=18.0.0 <20.0.0"},devDependencies:{"@types/estree":"^1.0.8","@types/node":"^20","@types/node-forge":"^1.3.11","@types/react":"^18","@types/react-dom":"^18",autoprefixer:"^10.4.20","credit-card-type":"^10.0.1",eslint:"^8","eslint-config-next":"15.0.3",next:"^15.0.3",react:"^18.3.1","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-dom":"^18.3.1","react-toastify":"^10.0.6",tsup:"^8.4.0",typescript:"^5"},author:"Mukul",license:"MIT",keywords:["nextjs","next","typescript","tailwindcss"],main:"dist/index.js",publishConfig:{access:"public"}}});var Ji={};Ii(Ji,{AddCard:()=>vi,CardOnFile:()=>Ni,GetPaymentPage:()=>pi,PartialPayment:()=>_i,PaymentWidget:()=>ki,PreAuthPayment:()=>fi,RequestPayment:()=>ii,RequestPreAuthPayment:()=>ri});module.exports=Bi(Ji);var pa=require("bootstrap/dist/js/bootstrap.bundle.min.js"),S=Fe(require("react"));var on=Fe(require("react"));var Jn=Fe(require("react")),Ti=e=>Jn.default.createElement("style",null,`
|
|
2
2
|
|
|
3
3
|
.loader {
|
|
4
4
|
position: fixed; /* Fixed position to cover the viewport */
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
`),Xn=Ti;var qi=e=>on.default.createElement(on.default.Fragment,null,on.default.createElement(Xn,null),(e==null?void 0:e.loading)&&on.default.createElement("div",{className:"loader"},on.default.createElement("div",{className:"lds-ellipsis"},on.default.createElement("div",null),on.default.createElement("div",null),on.default.createElement("div",null),on.default.createElement("div",null)))),Ht=qi;var{name:Fn}=Qn();console.log(Fn,"dgijiisdfhg");var oe="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";Fn==="@fractalpay/fractalpay-next-dev"?(
|
|
84
|
+
`),Xn=Ti;var qi=e=>on.default.createElement(on.default.Fragment,null,on.default.createElement(Xn,null),(e==null?void 0:e.loading)&&on.default.createElement("div",{className:"loader"},on.default.createElement("div",{className:"lds-ellipsis"},on.default.createElement("div",null),on.default.createElement("div",null),on.default.createElement("div",null),on.default.createElement("div",null)))),Ht=qi;var{name:Fn}=Qn();console.log(Fn,"dgijiisdfhg");var oe="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";Fn==="@fractalpay/fractalpay-next-dev"?($e="http://192.168.1.63:8082/",Be="http://192.168.1.63:8081/",Lt="https://api-dev.merchant-trends.com/",mn="https://token-cert.dcap.com/v1/client"):Fn==="@fractalpay/fractalpay-next-test"?(Be="https://testapi.fractalpay.com/",$e="https://staging-widget.fractalpay.com/",Lt="https://api-dev.merchant-trends.com/",mn="https://token-cert.dcap.com/v1/client"):Fn==="@fractalpay/fractalpay-next-testprod"?(Be="https://sky-node-prod.fractalpay.com/",$e="https://widget-prod.fractalpay.com/",Lt="https://api.merchant-trends.com/",mn="https://token.dcap.com/v1/client"):Fn==="@fractalpay/fractalpay-next"?(Be="https://api.fractalpay.com/",$e="https://widget.fractalpay.com/",Lt="https://api.merchant-trends.com/",mn="https://token.dcap.com/v1/client"):($e="http://localhost:8082/",Be="http://localhost:8081/",Lt="https://api-dev.merchant-trends.com/",mn="https://token-cert.dcap.com/v1/client");var Be,$e,Lt,mn;var ft={namerequired:"Full Name is required",amountrequired:"Amount is required",amountpositive:"Amount should be positive",amountzero:"Amount should not be zero",amountenter:"Please enter an amount",amountvalid:"Please enter a valid amount",phoneoremailrequired:"Phone or Email is required",invalidemail:"Please enter a valid email",invalidemailformat:"Invalid email format",onlylettersallowed:"Only letters are allowed",phonenumberlength:"Phone number should be 10 digits",phonenumberrequired:"Please enter a phone number",phonenumbervalid:"Please enter a valid phone number",phonenumbervalidnumberonly:"Please enter a valid phone number (numbers only)",orderidenter:"Please enter an order ID",orderidrequired:"Order ID is required",networkresponseerror:"Network response was not ok",anerroroccured:"An error occurred. Please try again.",montherror:"Please write month only 1 to 12",fieldrequired:"This field is required",fractalpayclientidrequired:"Fractalpay client key is missing or empty."};var yn=Fe(require("react"));var Dn=Fe(require("react")),$i=e=>Dn.default.createElement("style",null,`
|
|
85
85
|
.fractal-input::placeholder {
|
|
86
86
|
color: #35254D;
|
|
87
87
|
opacity: 1;
|
|
@@ -1299,7 +1299,7 @@ position:relative;
|
|
|
1299
1299
|
justify-content: space-between;
|
|
1300
1300
|
min-height: auto;
|
|
1301
1301
|
}
|
|
1302
|
-
`)}var gn=Fe(require("axios"));var
|
|
1302
|
+
`)}var gn=Fe(require("axios"));var Xe=Fe(require("react"));var li=Fe(require("react"));function $n(){return li.default.createElement("style",null,`
|
|
1303
1303
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
1304
1304
|
|
|
1305
1305
|
body{
|
|
@@ -1494,7 +1494,7 @@ position:relative;
|
|
|
1494
1494
|
gap: 6px;
|
|
1495
1495
|
background-color: #161616;
|
|
1496
1496
|
color: #fff;
|
|
1497
|
-
}`)}function ln(e,y,B){e.preventDefault();let j={type:"preview.compiledcheck",other:{msg:"Payment success!",status:y==="close",data:{tran_id:B,key:y}}};console.log("message:",j),window.parent.postMessage(j,"*")}function cn({onClose:e,tranId:y}){return
|
|
1497
|
+
}`)}function ln(e,y,B){e.preventDefault();let j={type:"preview.compiledcheck",other:{msg:"Payment success!",status:y==="close",data:{tran_id:B,key:y}}};console.log("message:",j),window.parent.postMessage(j,"*")}function cn({onClose:e,tranId:y}){return Xe.default.createElement(Xe.default.Fragment,null,Xe.default.createElement($n,null),Xe.default.createElement("div",{className:"payment-msg-container"},Xe.default.createElement("div",{className:"charge-payment-success-container"},Xe.default.createElement("div",{className:"charge-payment-success-tick-div"},Xe.default.createElement("div",{className:"charge-payment-success-tick"},Xe.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},Xe.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"})))),Xe.default.createElement("h6",{className:"charge-payment-success-text"},"Your charge",Xe.default.createElement("br",null),"was successful"),Xe.default.createElement("h6",{className:"charge-payment-success-subtext"},"We\u2019ve processed your charge"),Xe.default.createElement("div",{className:"charge-success-payment-button-div"},Xe.default.createElement("button",{className:"charge-success-btn1",onClick:B=>ln(B,"print",y)},Xe.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},Xe.default.createElement("path",{d:"M15.7729 8.7272C15.58 8.7272 15.395 8.80383 15.2586 8.94022C15.1222 9.07661 15.0456 9.2616 15.0456 9.45448V12.5185C15.045 13.0559 14.8313 13.5711 14.4513 13.9511C14.0713 14.3311 13.5561 14.5449 13.0187 14.5454H3.98149C3.44409 14.5449 2.92887 14.3311 2.54887 13.9511C2.16887 13.5711 1.95514 13.0559 1.95456 12.5185V9.45448C1.95456 9.2616 1.87794 9.07661 1.74154 8.94022C1.60515 8.80383 1.42017 8.7272 1.22728 8.7272C1.03439 8.7272 0.849407 8.80383 0.713015 8.94022C0.576624 9.07661 0.5 9.2616 0.5 9.45448V12.5185C0.500963 13.4416 0.86807 14.3265 1.52077 14.9792C2.17346 15.6319 3.05844 15.999 3.98149 16H13.0187C13.9417 15.999 14.8267 15.6319 15.4794 14.9792C16.1321 14.3265 16.4992 13.4416 16.5002 12.5185V9.45448C16.5002 9.2616 16.4235 9.07661 16.2871 8.94022C16.1507 8.80383 15.9658 8.7272 15.7729 8.7272Z",fill:"#161616"}),Xe.default.createElement("path",{d:"M4.65059 6.75861L7.7728 9.88082V0.72728C7.7728 0.534394 7.84942 0.349407 7.98581 0.213015C8.1222 0.0766239 8.30719 0 8.50008 0C8.69296 0 8.87795 0.0766239 9.01434 0.213015C9.15073 0.349407 9.22736 0.534394 9.22736 0.72728V9.88082L12.3496 6.75861C12.4867 6.62613 12.6704 6.55283 12.8611 6.55448C13.0518 6.55614 13.2342 6.63263 13.3691 6.76747C13.5039 6.90231 13.5804 7.08472 13.5821 7.27541C13.5837 7.46611 13.5104 7.64982 13.3779 7.78698L9.01427 12.1507C8.87788 12.287 8.69293 12.3636 8.50008 12.3636C8.30723 12.3636 8.12228 12.287 7.98589 12.1507L3.62221 7.78698C3.48973 7.64982 3.41643 7.46611 3.41808 7.27541C3.41974 7.08472 3.49623 6.90231 3.63107 6.76747C3.76592 6.63263 3.94833 6.55614 4.13902 6.55448C4.32971 6.55283 4.51342 6.62613 4.65059 6.75861Z",fill:"#161616"})),"Print receipt"),Xe.default.createElement("button",{className:"charge-success-btn1",onClick:B=>ln(B,"share",y)},Xe.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},Xe.default.createElement("g",{clipPath:"url(#clip0_12420_50683)"},Xe.default.createElement("path",{d:"M9.30194 4.78664V2.31152C9.30194 2.09629 9.3862 1.88988 9.53631 1.73768C9.68634 1.5855 9.8899 1.5 10.1021 1.5C10.312 1.50089 10.5132 1.58542 10.6622 1.73534L16.2633 7.41595C16.3383 7.49142 16.3978 7.58117 16.4385 7.68001C16.4791 7.77894 16.5 7.885 16.5 7.99212C16.5 8.09924 16.4791 8.20531 16.4385 8.30423C16.3978 8.40307 16.3383 8.49283 16.2633 8.5683L10.6622 14.2489C10.5499 14.3606 10.4076 14.4362 10.2531 14.4663C10.0987 14.4964 9.93887 14.4797 9.79372 14.4182C9.64857 14.3568 9.52455 14.2532 9.43701 14.1206C9.34955 13.9881 9.30258 13.8323 9.30194 13.6727V11.157H8.62181C7.35764 11.1379 6.10443 11.3981 4.94932 11.9193C3.79422 12.4406 2.76481 13.2107 1.93249 14.1759C1.83215 14.3113 1.6926 14.4115 1.53337 14.4624C1.37406 14.5134 1.20306 14.5125 1.04431 14.4599C0.882759 14.4046 0.742811 14.2984 0.644952 14.1568C0.547092 14.0152 0.496363 13.8456 0.500203 13.6727C0.500203 6.27171 6.96548 5.00575 9.30194 4.78664ZM8.62181 9.51777C9.15695 9.51607 9.69162 9.55129 10.2221 9.62327C10.4115 9.6524 10.5844 9.74954 10.7092 9.89699C10.834 10.0444 10.9025 10.2324 10.9023 10.4267V11.717L14.567 7.99212L10.9023 4.26727V5.55758C10.9023 5.77281 10.8179 5.97922 10.6679 6.13141C10.5178 6.28359 10.3143 6.36909 10.1021 6.36909C9.37396 6.36909 3.61282 6.5314 2.36457 11.5871C4.17637 10.2324 6.3708 9.50665 8.62181 9.51777Z",fill:"#161616"})),Xe.default.createElement("defs",null,Xe.default.createElement("clipPath",{id:"clip0_12420_50683"},Xe.default.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})))),"Send receipt"))),Xe.default.createElement("div",{className:"charge-payment-success-btn-div"},Xe.default.createElement("button",{className:"charge-payment-success-btn1",onClick:B=>ln(B,"tran",y)},"Go to Transactions"),Xe.default.createElement("button",{className:"charge-payment-success-btn2",onClick:B=>{e(),ln(B,"close",y)}},"Close"))))}var vn=Fe(require("sweetalert2")),Mn=require("react-icons/io5");var Hn=require("react");function Gt(){return(0,Hn.useEffect)(()=>{let e=mn;if(typeof window!="undefined"){if(window.DatacapWebToken){console.log("\u2705 Datacap already available");return}if(document.querySelector(`script[src="${e}"]`))console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");else{let y=document.createElement("script");y.src=e,y.async=!0,y.onload=()=>{console.log("\u2705 Datacap script loaded"),window.DatacapWebToken?console.log("\u2705 DatacapWebToken is ready:",window.DatacapWebToken):console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found")},y.onerror=B=>{console.error("\u274C Failed to load Datacap script",B)},document.head.appendChild(y)}}},[]),(0,Hn.useEffect)(()=>{let e="forge-cdn-script";if(!document.getElementById(e)){let y=document.createElement("script");y.src="https://cdn.jsdelivr.net/npm/node-forge@1.0.0/dist/forge.min.js",y.id=e,y.async=!0,document.head.appendChild(y)}return()=>{let y=document.getElementById(e);y&&document.head.removeChild(y)}},[]),null}var Wt=Fe(require("react"));var mi=Fe(require("react"));function jn(){return mi.default.createElement("style",null,`
|
|
1498
1498
|
.card-error .logo-container {
|
|
1499
1499
|
display: flex;
|
|
1500
1500
|
justify-content: center;
|
|
@@ -1669,7 +1669,7 @@ position:relative;
|
|
|
1669
1669
|
.frac-card-bank-radio.frac-active {
|
|
1670
1670
|
background: #F6F6F7;
|
|
1671
1671
|
}
|
|
1672
|
-
`)}var _t=Fe(require("react"));var sn=({listHeading:e="Card",ListItems:y,selectedCard:B,setSelectedCard:G,paymentGateway:j,handleDeleteCard:Oe,otherButtonAction:O,otherButtonLabel:dt,headingClass:Ke})=>{let ke=oe+"widget/Trash.svg";return console.log(B,"selectedCard another",y),_t.default.createElement(_t.default.Fragment,null,_t.default.createElement("h6",{className:Ke||"card-ach-heading",style:{marginBottom:"10px !important"}},e),_t.default.createElement("div",{className:"card-lint-div-in"},_t.default.createElement("div",{className:"card-list-div"},y&&(y==null?void 0:y.length)>0&&(y==null?void 0:y.map((K,ye)=>{let Pe=!1;return j&&(Pe=j!=(K==null?void 0:K.payment_method_type)&&(K==null?void 0:K.card_type)!="Bank"),_t.default.createElement("div",{key:K==null?void 0:K.id,className:"card-list-single-div"},_t.default.createElement("div",{className:"card-number-radio"},_t.default.createElement("input",{disabled:Pe,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(B==null?void 0:B.id)===(K==null?void 0:K.id),onChange:r=>G(K)}),_t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",K==null?void 0:K.cardlastfourdigit),(K==null?void 0:K.card_type)!="Bank"&&_t.default.createElement("h6",{className:"card-expiry-date"},K==null?void 0:K.expmonth,"/",K==null?void 0:K.expyear)),_t.default.createElement("div",{className:"card-number-radio"},_t.default.createElement("span",{className:"visa-card"},_t.default.createElement("img",{src:ui(K==null?void 0:K.card_type),alt:""})),_t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Oe(K==null?void 0:K.id)},_t.default.createElement("img",{src:ke,alt:""}))))}))),_t.default.createElement("div",{className:"pay-with-other-card",onClick:O},dt,_t.default.createElement("img",{src:Pn,alt:""}))))};function pi(e){var Bt,Tt,yt,qe,wt,gt,Jt,Ve,kt,St,et,ot,Xt,Ot,tn,pt,Ut,nn;let[y,B]=(0,n.useState)(!1),[G,j]=(0,n.useState)(!1),[Oe,O]=(0,n.useState)(""),[dt,Ke]=(0,n.useState)(!1),[ke,K]=(0,n.useState)(!1),[ye,Pe]=(0,n.useState)("card"),[r,w]=(0,n.useState)("card"),[x,ee]=(0,n.useState)("form"),[h,Le]=(0,n.useState)("form"),[le,je]=(0,n.useState)(!0),[N,Ze]=(0,n.useState)(!1),[J,ct]=(0,n.useState)(!1),P=e.merchantPublicKey,Ee=oe+"widget/mc-img.svg",te=oe+"widget/visa-img.svg",De=oe+"widget/ae-img.svg",Ae=oe+"widget/discover-img.svg",bt=oe+"widget/card.svg",I=oe+"widget/Trash.svg",l=oe+"widget/bank.svg",f=oe+"widget/secure-img.png",D=oe+"widget/pov-by.png",M=oe+"widget/pax.svg",[v,d]=(0,n.useState)(),[C,k]=(0,n.useState)({}),[c,u]=(0,n.useState)(),[L,Z]=(0,n.useState)({}),[re,ge]=(0,n.useState)([]),[ht,Re]=(0,n.useState)([]),[nt,st]=(0,n.useState)(),[mt,rt]=(0,n.useState)(),[Ie,ve]=(0,n.useState)(Number(e==null?void 0:e.amount));console.log(nt,"selectedCard");let[E,Te]=(0,n.useState)(),[Xe,V]=(0,n.useState)(""),xt=()=>B(!0),jt=()=>B(!1),vt=(Y,p)=>{let X=(parseFloat(p)||0)/100,He=Y/(1+X);return Math.round(He*100)/100};(0,n.useEffect)(()=>{if(ke){let Y=vt(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ve(Y)}},[ke,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let T=()=>{K(!1),Pe("card"),O(""),Ke(!1),V(""),u({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Z({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),d({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),k({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ct(!1),Ze(!1),st({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),rt({}),ve(0),w("card"),je(!0),Le("form"),ee("form"),j(!1),B(!1),Re([]),ge([])},$=()=>K(!0),_e=Y=>{Pe(Y)},Se=(Y,p)=>{let X=Y;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(X)){(p===""||/^[0-9]+$/.test(p))&&(k(g=>z(_({},g),{[X]:""})),d(g=>z(_({},g),{[X]:p})));return}k(g=>z(_({},g),{[X]:""})),d(g=>z(_({},g),{[X]:p}))},be=Y=>{let X=Y.target.value.replace(/\D/g,""),He="";/^3[47]/.test(X)?He=X.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(m,H,he,W)=>[H,he,W].filter(Boolean).join(" ")):He=X.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(m,H,he,W,we)=>[H,he,W,we].filter(Boolean).join(" ")),k(g=>z(_({},g),{cardNumber:""})),d(g=>z(_({},g),{cardNumber:He}))},Qe=Y=>{let{name:p,value:X}=Y.target,He=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(X)&&(Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X})));return}if(He.includes(p)){(X===""||/^[0-9]+$/.test(X))&&(Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X})));return}Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X}))},it=()=>{var g,m,H,he,W,we;let Y={},p=v,X=parseInt((p==null?void 0:p.expiryMonth)||"",10),He=(p==null?void 0:p.expiryYear)||"";if((g=p==null?void 0:p.cardName)!=null&&g.trim()||(Y.cardName="Card name is required"),(m=p==null?void 0:p.cardNumber)!=null&&m.trim()||(Y.cardNumber="Card number is required"),(!((H=p==null?void 0:p.expiryMonth)!=null&&H.trim())||!((he=p==null?void 0:p.expiryYear)!=null&&he.trim())||isNaN(X)||X<1||X>12||He.length!==4)&&(Y.expiryMonth="Invalid Expiration Date."),(W=p==null?void 0:p.cvv)!=null&&W.trim()||(Y.cvv="CVV is required"),(we=p==null?void 0:p.zipCode)!=null&&we.trim()||(Y.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Me=parseInt(p.expiryMonth,10),o=parseInt(p.expiryYear,10),s=new Date,A=s.getMonth()+1,U=s.getFullYear();(o<U||o===U&&Me<A)&&(Y.expiryMonth="Card is expired")}return k(Y),Object.keys(Y).length>0},ze=()=>{var X,He,g,m,H,he,W,we;let Y={},p=c;return(X=p==null?void 0:p.name)!=null&&X.trim()||(Y.name="Name is required"),(He=p==null?void 0:p.accountNumber)!=null&&He.trim()||(Y.accountNumber="Account number is required"),(g=p==null?void 0:p.accountNumber)!=null&&g.trim()&&((m=p==null?void 0:p.accountNumber)==null?void 0:m.trim())!==((H=p==null?void 0:p.confirmAccountNumber)==null?void 0:H.trim())&&(Y.confirmAccountNumber="Account numbers must match"),(he=p==null?void 0:p.bankName)!=null&&he.trim()||(Y.bankName="Bank name is required"),(W=p==null?void 0:p.routingNumber)!=null&&W.trim()||(Y.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((we=p==null?void 0:p.routingNumber)==null?void 0:we.length)!==9&&(Y.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(Y.companyName="Company Name is required for business accounts"),Z(Y),Object.keys(Y).length>0},at=async Y=>{var p,X,He,g,m,H,he,W,we,Me,o,s,A,U,b,R;if(Y.preventDefault(),ye!=="ach"){if(it())return;{let fe=DatacapWebToken.validateCardNumber(v==null?void 0:v.cardNumber.replaceAll(" ","")),ie=DatacapWebToken.validateExpirationDate(v==null?void 0:v.expiryMonth,v==null?void 0:v.expiryYear),ce=DatacapWebToken.validateCVV(v==null?void 0:v.cvv),me={};if(fe||(me.cardNumber="Invalid card Number"),ie||(me.expiryMonth="Invalid Expiration Date."),ce||(me.cvv="Invalid CVV"),k(me),fe&&ce&&ie){j(!0);try{let ae=z(_({},v),{amount:`${e.amount||0}`,fractalpayPublicKey:P,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,pass_fee:e==null?void 0:e.pass_fee}),ue=await gn.default.post(`${$e}create-widget-order`,ae),de=async function(Ce){if(Ce.Error)O(Ce.Error),j(!1);else{let Ne=v==null?void 0:v.cardName,Q=v==null?void 0:v.zipCode;Ce.name=Ne,Ce.postal_code=Q,Ce.isCardSave=`${N}`,Ce.isCharge=!0,Ce.posSalesIdEncode=ue==null?void 0:ue.data.data.posSalesIdEncode,lt.emit("sendMessage",Ce),lt.on(ue==null?void 0:ue.data.data.posSalesIdEncode,pe=>{if(bn(pe==null?void 0:pe.data)){let We=JSON.parse(pe.data);We!=null&&We.result?(d({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ze(!1),V(We==null?void 0:We.transactionId),Ke(!0),j(!1)):(j(!1),O((We==null?void 0:We.message)||"Something went wrong."))}else O("Something went wrong.")})}};if((E==null?void 0:E.paymentGateway)===32){let Ce={method:"POST",redirect:"follow"};try{let Ne=await gn.default.post(`${Be}api/v1/widget/generate-session`,Ce),Q=Number(v==null?void 0:v.expiryYear)%100,pe=v==null?void 0:v.cardNumber;pe=pe==null?void 0:pe.replace(/\s+/g,"");let We=`${pe}=${Q}${v==null?void 0:v.expiryMonth} ${v==null?void 0:v.cvv}`,tt=forge.pki.publicKeyFromPem((X=(p=Ne==null?void 0:Ne.data)==null?void 0:p.data)==null?void 0:X.publicKeyPem).encrypt(We,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Ge=forge.util.encode64(tt),Ft={"Content-Type":"application/json","x-app-session-key":(g=(He=Ne.data)==null?void 0:He.data)==null?void 0:g.session_key},_n=JSON.stringify({enc_track2_data:`${Ge}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(H=(m=Ne==null?void 0:Ne.data)==null?void 0:m.data)==null?void 0:H.session_key}`});try{let Pt=await gn.default.post(`${Lt}tokenizer/tokenize`,_n,{headers:Ft}),Mt=JSON.stringify(z(_({},(he=Pt==null?void 0:Pt.data)==null?void 0:he.data),{isSaveCardChecked:N,name:v==null?void 0:v.cardName,postal_code:v==null?void 0:v.zipCode,customer_id:e==null?void 0:e.customerId})),an=JSON.stringify({pre_sales_id:`${(we=(W=ue==null?void 0:ue.data)==null?void 0:W.data)==null?void 0:we.posSalesIdEncode}`,token:`${(Me=Pt==null?void 0:Pt.data)==null?void 0:Me.data.token}`,json_response:`${Mt}`}),Kt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:an,redirect:"follow",isChargeviafractal:!0};lt.emit("sendMessage",Kt),lt.on("chargeviafractalgateway",Yt=>{var Qt;if(bn(Yt==null?void 0:Yt.data)){let Zt=JSON.parse(Yt==null?void 0:Yt.data);Zt!=null&&Zt.result?(V((Qt=Zt==null?void 0:Zt.data)==null?void 0:Qt.transactionId),Ke(!0),j(!1)):(j(!1),O((Zt==null?void 0:Zt.message)||"Something went wrong."))}else O("Something went wrong.")})}catch(Pt){j(!1),O(((s=(o=Pt==null?void 0:Pt.response)==null?void 0:o.data)==null?void 0:s.message)||(Pt==null?void 0:Pt.message)||"Something went wrong.")}}catch(Ne){j(!1),O(((U=(A=Ne==null?void 0:Ne.response)==null?void 0:A.data)==null?void 0:U.message)||(Ne==null?void 0:Ne.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(ue==null?void 0:ue.data.data.dctoken,"PaymentForm",de)}catch(ae){j(!1),O(((R=(b=ae==null?void 0:ae.response)==null?void 0:b.data)==null?void 0:R.message)||(ae==null?void 0:ae.message)||"Something went wrong.")}}}}else{if(ze())return;{j(!0);let fe={fractalpayPublicKey:P,label:(c==null?void 0:c.name)||"John Doe",account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:String(Ie||0),isSaveAch:J,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0,company_name:(c==null?void 0:c.companyName)||""};lt.emit("sendMessage",fe),lt.on("ach-incoming",ie=>{var ce;(ie==null?void 0:ie.status)=="Failed"?typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(me=>{O(me||"Something went wrong")}):O((ie==null?void 0:ie.message)||"Something went wrong"):(V((ce=ie==null?void 0:ie.data)==null?void 0:ce.transaction_id),Ke(!0),j(!1))})}}},xe=async()=>{var Y,p,X,He,g,m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie,ce,me,ae;xt();try{let ue={fractalpayPublicKey:P,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee},de=await gn.default.post(`${$e}get-payment-details`,ue);if(Te((Y=de==null?void 0:de.data)==null?void 0:Y.data),(X=(p=de==null?void 0:de.data)==null?void 0:p.data)!=null&&X.paymentGateway||(T(),O("Something went wrong.")),(g=(He=de==null?void 0:de.data)==null?void 0:He.data)!=null&&g.card_list&&((he=(H=(m=de==null?void 0:de.data)==null?void 0:m.data)==null?void 0:H.card_list)==null?void 0:he.length)>0){let Ce=(Me=(we=(W=de==null?void 0:de.data)==null?void 0:W.data)==null?void 0:we.card_list)==null?void 0:Me.filter(Q=>(Q==null?void 0:Q.card_type)=="Bank"),Ne=(A=(s=(o=de==null?void 0:de.data)==null?void 0:o.data)==null?void 0:s.card_list)==null?void 0:A.filter(Q=>(Q==null?void 0:Q.card_type)!=="Bank");console.log(Ce,"hohgohoo",Ne),(Ne==null?void 0:Ne.length)>0&&ee("list"),(Ce==null?void 0:Ce.length)>0&&Le("list"),ge(Ne),Re(Ce)}else Pe("card");(b=(U=de==null?void 0:de.data)==null?void 0:U.data)!=null&&b.paymentDeviceList&&((fe=(ne=(R=de==null?void 0:de.data)==null?void 0:R.data)==null?void 0:ne.paymentDeviceList)==null?void 0:fe.length)>0&&rt((ce=(ie=de==null?void 0:de.data)==null?void 0:ie.data)==null?void 0:ce.paymentDeviceList[0]),jt()}catch(ue){console.log(ue),jt(),O(((ae=(me=ue==null?void 0:ue.response)==null?void 0:me.data)==null?void 0:ae.message)||(ue==null?void 0:ue.message)||"Something went wrong")}},At=async()=>{let Y=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),X=String(e==null?void 0:e.surcharge),He=String(e==null?void 0:e.tax),g=e==null?void 0:e.merchantPublicKey,m=e==null?void 0:e.orderID,H=String(e==null?void 0:e.amount),he=nt==null?void 0:nt.id,W=nt==null?void 0:nt.card_type;if(g&&m&&H&&Ie)if(Y)if(he){let Me={amount:W==="Bank"?Ie:H,order_id:m,customer_id:Y,card_id:he,fractalpayPublicKey:g,isCardSave:N,discount:p,surcharge:X,tax:He},we=Me,{isCardSave:o}=we,s=hn(we,["isCardSave"]),U=$e+(W==="Bank"?"charge-ach":"charge-by-card"),b={"Content-Type":"application/json"};j(!0),lt.emit("sendMessage",{url:U,body:W=="Bank"?s:Me,isChargebycard:!0}),lt.on("charge-by-card",R=>{var ne;(R==null?void 0:R.result)==!0||(R==null?void 0:R.status)==!0?(V((ne=R.data)==null?void 0:ne.transaction_id),Ke(!0),j(!1)):O((R==null?void 0:R.message)||"Something went wrong.")})}else O("Please Select A Card/ACH");else O("Please Select Customer");else O("Something went wrong.")},Ct=async()=>{var g,m,H,he,W,we;let Y=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,X=String(e==null?void 0:e.amount),He=e==null?void 0:e.customerId;if(!(mt!=null&&mt.device_id)){O("Please Select A Payment Device");return}if(Y&&p&&X){j(!0);let Me={amount:X,fractalpayPublicKey:Y,customer_order_id:p,device_id:mt==null?void 0:mt.device_id,customer_id:He||""};try{let o=await gn.default.post(`${$e}charge-with-reader`,Me);((g=o==null?void 0:o.data)==null?void 0:g.result)==!0?(V((H=(m=o==null?void 0:o.data)==null?void 0:m.data)==null?void 0:H.transaction_id),Ke(!0),j(!1)):(O(((he=o==null?void 0:o.data)==null?void 0:he.message)||"Something went wrong."),j(!1))}catch(o){O(((we=(W=o==null?void 0:o.response)==null?void 0:W.data)==null?void 0:we.message)||"Something went wrong."),j(!1)}}else O("Something went wrong.")},ut=()=>{r==="card"?At():r==="reader"&&Ct()};(0,n.useEffect)(()=>{ke&&P&&xe()},[P,ke]);let Nt=async Y=>{vn.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async p=>{if(p.isConfirmed){j(!0);try{let X={card_id:Y,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},He=await gn.default.post(`${$e}delete-customer-card`,X);j(!1),xe(),vn.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(X){j(!1),vn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===vn.default.DismissReason.cancel&&vn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},It=Y=>{switch(Y==null?void 0:Y.toLowerCase()){case"visa":return te;case"mastercard":case"mc":case"m/c":return Ee;case"amex":case"american express":case"ae":return De;case"discover":case"dcvr":return Ae;case"bank":return l;default:return Y}},Vt=()=>{let Y=Ie||0;return(Number(e.amount)-Y).toFixed(0)};return console.log(x,"activeinCard","activeinBank",h),n.default.createElement(n.default.Fragment,null,n.default.createElement(Gt,null),n.default.createElement(dn,null),n.default.createElement(un,null),n.default.createElement(n.default.Fragment,null,n.default.createElement("button",{className:"paymentBtn",onClick:$},"Pay"),n.default.createElement(Et,{open:ke,onClose:T},Oe&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(Dt,{error:Oe,onClose:T})),dt&&n.default.createElement(cn,{onClose:T,tranId:Xe}),!Oe&&!dt&&n.default.createElement(n.default.Fragment,null,(y||G)&&n.default.createElement(Ht,{loading:y||G}),n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:T},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"},n.default.createElement("img",{src:E==null?void 0:E.logo,id:"pay-logos"})),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"},n.default.createElement("img",{src:E==null?void 0:E.logo,id:"pay-logos"})),(re==null?void 0:re.length)>0&&ye!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",n.default.createElement(Mn.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),n.default.createElement("div",{className:"frac-card-bank-radio-main"},n.default.createElement(rn,{label:"Card",amount:(Bt=Number(e==null?void 0:e.amount))==null?void 0:Bt.toFixed(2),value:"card",onChange:_e,activetab:ye}),(E==null?void 0:E.isSkyFiAccount)&&n.default.createElement(rn,{label:"Bank",amount:(Tt=Number(Ie))==null?void 0:Tt.toFixed(2),value:"ach",onChange:_e,activetab:ye})),Ie&&Ie>0&&(e!=null&&e.pass_fee)?n.default.createElement("div",{className:"frac-cash-discount-fee"},n.default.createElement("small",null,ye==="card"?"Cash Discount":"Cash Discount Savings"," "),n.default.createElement("p",null,Ue((Number(e.amount)-Ie).toFixed(2)))):null)),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:f,alt:""}),n.default.createElement("img",{src:D,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!y&&n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},ye!=="cardList"?n.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(re==null?void 0:re.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",n.default.createElement(Mn.IoArrowBack,null)," Back"),(E==null?void 0:E.isSkyFiAccount)&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks",onClick:Y=>{_e("card")},style:{border:ye==="card"?"1px solid":""}},n.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),n.default.createElement("button",{className:"tablinks",onClick:Y=>{_e("ach")},style:{border:ye==="ach"?"1px solid":""}},n.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(yt=Number(e==null?void 0:e.amount))==null?void 0:yt.toFixed(2))),ye!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:te,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ee,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ae,width:35,alt:""})))),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.default.createElement("div",null,"$",Ie))):n.default.createElement("div",null,n.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",E==null?void 0:E.customer_name),n.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",r==="card"?"Cards/Banks":"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(qe=Number(e==null?void 0:e.amount))==null?void 0:qe.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:te,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ee,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ae,width:35,alt:""}))))),n.default.createElement("div",{id:"card",style:{display:ye==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"frac-card-payment"},n.default.createElement("div",{className:"frac-heading-card-wrap"},n.default.createElement("div",{className:"frac-backarrow"},(re==null?void 0:re.length)>0&&x==="form"&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>ee("list")}," ",n.default.createElement(Mn.IoArrowBack,null)),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.default.createElement("div",null,"$",Ie))),n.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),ye!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},n.default.createElement("img",{src:te,alt:"",width:33}),n.default.createElement("img",{src:Ee,width:33,alt:""}),n.default.createElement("img",{src:De,alt:"",width:33}),n.default.createElement("img",{src:Ae,width:33,alt:""}))),x==="list"?n.default.createElement(n.default.Fragment,null,n.default.createElement(sn,{listHeading:"Cards",paymentGateway:E==null?void 0:E.paymentGateway,ListItems:re,selectedCard:nt,setSelectedCard:st,handleDeleteCard:Nt,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{ee("form")}}),n.default.createElement("div",{className:"form-group",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ut},Ue((wt=Number(e==null?void 0:e.amount))==null?void 0:wt.toFixed(2))))):n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:at},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)==0?"456px":(re==null?void 0:re.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(v==null?void 0:v.cardName)||"",onChange:Y=>{let p=Y.target.value;/^[a-zA-Z\s]*$/.test(p)&&Se("cardName",p)}}),(C==null?void 0:C.cardName)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cardName)),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(v==null?void 0:v.cardNumber)||"",onChange:Y=>be(Y),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(v==null?void 0:v.expiryMonth)||"",onChange:Y=>Se("expiryMonth",Y.target.value)})),n.default.createElement("div",{className:"exp-year form-group"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(v==null?void 0:v.expiryYear)||"",onChange:Y=>Se("expiryYear",Y.target.value)})),n.default.createElement("div",{className:"security-digit form-group"},n.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(v==null?void 0:v.cvv)||"",onChange:Y=>Se("cvv",Y.target.value)})))),(C==null?void 0:C.cardNumber)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cardNumber),n.default.createElement("p",{style:{margin:"0"}},C!=null&&C.expiryMonth||C!=null&&C.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},C==null?void 0:C.expiryMonth):"",(C==null?void 0:C.cvv)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cvv)))),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(gt=e==null?void 0:e.orderID)!=null?gt:"",style:{background:"#F6F6F7",color:"#727272"}})),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Jt=v==null?void 0:v.zipCode)!=null?Jt:"",onChange:Y=>Se("zipCode",Y.target.value)}),(C==null?void 0:C.zipCode)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.zipCode)),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:N,onChange:Y=>Ze(Y.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(E==null?void 0:E.paymentDeviceList)&&((Ve=E==null?void 0:E.paymentDeviceList)==null?void 0:Ve.length)>0&&n.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>je(!le)},le?"Pay With Reader":"Pay With Card"),n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((kt=Number(e==null?void 0:e.amount))==null?void 0:kt.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:ye==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"frac-card-payment"},n.default.createElement("div",{className:"frac-heading-card-wrap"},n.default.createElement("div",{className:"frac-backarrow"},(ht==null?void 0:ht.length)>0&&h==="form"&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Le("list")}," ",n.default.createElement(Mn.IoArrowBack,null)),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),n.default.createElement("div",null,"$",Vt()))),n.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),h==="list"?n.default.createElement(n.default.Fragment,null,n.default.createElement(sn,{listHeading:"Banks",paymentGateway:E==null?void 0:E.paymentGateway,ListItems:ht,selectedCard:nt,setSelectedCard:st,handleDeleteCard:Nt,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Le("form")}}),n.default.createElement("div",{className:"form-group",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ut},Ue((St=Number(Ie))==null?void 0:St.toFixed(2))))):n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:at},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)==0?"436px":(re==null?void 0:re.length)>0?"462px":"520px",maxHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":((re==null?void 0:re.length)>0,"380px")}},n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(et=c==null?void 0:c.name)!=null?et:"",onChange:Qe}),(L==null?void 0:L.name)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.name)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(ot=c==null?void 0:c.routingNumber)!=null?ot:"",onChange:Qe}),(L==null?void 0:L.routingNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.routingNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Xt=c==null?void 0:c.accountNumber)!=null?Xt:"",onChange:Qe}),(L==null?void 0:L.accountNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.accountNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Ot=c==null?void 0:c.confirmAccountNumber)!=null?Ot:"",onChange:Qe}),(L==null?void 0:L.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.confirmAccountNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(tn=c==null?void 0:c.bankName)!=null?tn:"",onChange:Qe}),(L==null?void 0:L.bankName)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(pt=c==null?void 0:c.companyName)!=null?pt:"",onChange:Qe}),(L==null?void 0:L.companyName)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.companyName)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Ut=c==null?void 0:c.accountType)!=null?Ut:"",onChange:Qe},n.default.createElement("option",{value:""},"Select account"),xn.map(Y=>n.default.createElement("option",{key:Y.value,value:Y.value},Y.label)))),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:J,onChange:Y=>ct(Y.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),J&&n.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.default.createElement("div",{className:"form-group "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((nn=Number(Ie))==null?void 0:nn.toFixed(2))))))))))))))))}var a=Fe(require("react"));var Cn=Fe(require("axios"));var Bn=Fe(require("sweetalert2")),Vn=require("react-icons/io5");function fi(e){var Ie,ve,E,Te,Xe,V,xt,jt,vt;let[y,B]=(0,a.useState)(!1),[G,j]=(0,a.useState)(!1),[Oe,O]=(0,a.useState)(""),[dt,Ke]=(0,a.useState)(!1),[ke,K]=(0,a.useState)(!1),[ye,Pe]=(0,a.useState)("card"),[r,w]=(0,a.useState)(!1),x=e.merchantPublicKey,ee=oe+"widget/mc-img.svg",h=oe+"widget/visa-img.svg",Le=oe+"widget/ae-img.svg",le=oe+"widget/discover-img.svg",je=oe+"widget/card.svg",N=oe+"widget/Trash.svg",Ze=oe+"widget/bank.svg",J=oe+"widget/secure-img.png",ct=oe+"widget/pov-by.png",[P,Ee]=(0,a.useState)(),[te,De]=(0,a.useState)({}),[Ae,bt]=(0,a.useState)([]),[I,l]=(0,a.useState)(),[f,D]=(0,a.useState)(void 0),[M,v]=(0,a.useState)(),[d,C]=(0,a.useState)(""),k=(T,$)=>{let _e=(parseFloat($)||0)/100,Se=T/(1+_e);return Math.round(Se*100)/100};(0,a.useEffect)(()=>{if(e!=null&&e.pass_fee){let T=k(e==null?void 0:e.amount,e==null?void 0:e.surcharge);D(T)}},[e==null?void 0:e.pass_fee]);let c=()=>B(!0),u=()=>B(!1),L=()=>{K(!1),Pe("card"),j(!1),O(""),Ke(!1),C(""),Ee({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),De({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),w(!1),l({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},Z=()=>K(!0),re=(T,$)=>{let _e=T;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(_e)){($===""||/^[0-9]+$/.test($))&&(De(be=>z(_({},be),{[_e]:""})),Ee(be=>z(_({},be),{[_e]:$})));return}De(be=>z(_({},be),{[_e]:""})),Ee(be=>z(_({},be),{[_e]:$}))},ge=T=>{let _e=T.target.value.replace(/\D/g,""),Se="";/^3[47]/.test(_e)?Se=_e.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Qe,it,ze,at)=>[it,ze,at].filter(Boolean).join(" ")):Se=_e.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Qe,it,ze,at,xe)=>[it,ze,at,xe].filter(Boolean).join(" ")),De(be=>z(_({},be),{cardNumber:""})),Ee(be=>z(_({},be),{cardNumber:Se}))},ht=()=>{var be,Qe,it,ze,at,xe;let T={},$=P,_e=parseInt(($==null?void 0:$.expiryMonth)||"",10),Se=($==null?void 0:$.expiryYear)||"";if((be=$==null?void 0:$.cardName)!=null&&be.trim()||(T.cardName="Card name is required"),(Qe=$==null?void 0:$.cardNumber)!=null&&Qe.trim()||(T.cardNumber="Card number is required"),(!((it=$==null?void 0:$.expiryMonth)!=null&&it.trim())||!((ze=$==null?void 0:$.expiryYear)!=null&&ze.trim())||isNaN(_e)||_e<1||_e>12||Se.length!==4)&&(T.expiryMonth="Invalid Expiration Date."),(at=$==null?void 0:$.cvv)!=null&&at.trim()||(T.cvv="CVV is required"),(xe=$==null?void 0:$.zipCode)!=null&&xe.trim()||(T.zipCode="ZIP code is required"),$!=null&&$.expiryMonth&&($!=null&&$.expiryYear)&&$.expiryMonth.length<=2&&$.expiryYear.length===4){let At=parseInt($.expiryMonth,10),Ct=parseInt($.expiryYear,10),ut=new Date,Nt=ut.getMonth()+1,It=ut.getFullYear();(Ct<It||Ct===It&&At<Nt)&&(T.expiryMonth="Card is expired")}return De(T),Object.keys(T).length>0},Re=async T=>{var $,_e,Se,be,Qe,it,ze,at,xe,At,Ct,ut,Nt,It,Vt,Bt,Tt,yt,qe;if(T.preventDefault(),ye=="card"){if(ht())return;{let gt=DatacapWebToken.validateCardNumber(P==null?void 0:P.cardNumber.replaceAll(" ","")),Jt=DatacapWebToken.validateExpirationDate(P==null?void 0:P.expiryMonth,P==null?void 0:P.expiryYear),Ve=DatacapWebToken.validateCVV(P==null?void 0:P.cvv),kt={};if(gt||(kt.cardNumber="Invalid card Number"),Jt||(kt.expiryMonth="Invalid Expiration Date."),Ve||(kt.cvv="Invalid CVV"),De(kt),gt&&Ve&&Jt){j(!0);try{let St=async function(et){if(et.Error)O(et.Error),j(!1);else{let ot=P==null?void 0:P.cardName,Xt=P==null?void 0:P.zipCode;et.name=ot,et.postal_code=Xt,et.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,et.amount=e==null?void 0:e.amount,et.order_id=e==null?void 0:e.orderID,et.preAuth_id="",et.isCardSave=r,et.customer_id=e==null?void 0:e.customerId,et.link_token="",et.gateway_id=M==null?void 0:M.paymentGateway,et.discount=e==null?void 0:e.discount,et.tax=e==null?void 0:e.tax,et.surcharge=e==null?void 0:e.surcharge,et.pass_fee=e==null?void 0:e.pass_fee,new Headers().append("Content-Type","application/json");let tn={method:"POST",body:JSON.stringify(et),redirect:"follow"};lt.emit("sendMessage",z(_({},tn),{isChargePreauth:!0})),lt.on("charge-preauth",pt=>{var Ut;console.log(pt,"datdata"),(pt==null?void 0:pt.status)=="Failed"?(j(!1),O((pt==null?void 0:pt.message)||"Something went wrong. Please try again later.")):(Ke(!0),C((Ut=pt==null?void 0:pt.data)==null?void 0:Ut.transaction_id),j(!1),Ee({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((M==null?void 0:M.paymentGateway)===32){let et={method:"POST",redirect:"follow"};try{let ot=await Cn.default.post(`${Be}api/v1/widget/generate-session`,et),Xt=Number(P==null?void 0:P.expiryYear)%100,Ot=P==null?void 0:P.cardNumber;Ot=Ot==null?void 0:Ot.replace(/\s+/g,"");let tn=`${Ot}=${Xt}${P==null?void 0:P.expiryMonth} ${P==null?void 0:P.cvv}`,Ut=forge.pki.publicKeyFromPem((_e=($=ot==null?void 0:ot.data)==null?void 0:$.data)==null?void 0:_e.publicKeyPem).encrypt(tn,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),nn=forge.util.encode64(Ut),Y={"Content-Type":"application/json","x-app-session-key":(be=(Se=ot.data)==null?void 0:Se.data)==null?void 0:be.session_key},p=JSON.stringify({enc_track2_data:`${nn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(it=(Qe=ot==null?void 0:ot.data)==null?void 0:Qe.data)==null?void 0:it.session_key}`});try{let X=await Cn.default.post(`${Lt}tokenizer/tokenize`,p,{headers:Y}),He=JSON.stringify(z(_({},(ze=X==null?void 0:X.data)==null?void 0:ze.data),{name:P==null?void 0:P.cardName,postal_code:P==null?void 0:P.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(xe=(at=X==null?void 0:X.data)==null?void 0:at.data)==null?void 0:xe.token}`,fractalpayPublicKey:x,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:r,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:P==null?void 0:P.expiryYear,ExpirationMonth:P==null?void 0:P.expiryMonth,CVV:P==null?void 0:P.cvv,Last4:(Ct=(At=X==null?void 0:X.data)==null?void 0:At.data)==null?void 0:Ct.last4,Brand:(Nt=(ut=X==null?void 0:X.data)==null?void 0:ut.data)==null?void 0:Nt.brand,gateway_id:M==null?void 0:M.paymentGateway,pass_fee:e==null?void 0:e.pass_fee})),m={method:"POST",headers:{"Content-Type":"application/json"},body:He,redirect:"follow"};lt.emit("sendMessage",z(_({},m),{isFractalPreauth:!0})),lt.on("fractal-charge-preauth",H=>{var he;(H==null?void 0:H.status)=="Failed"?(j(!1),O((H==null?void 0:H.message)||"Something went wrong , Try again later")):(C((he=H==null?void 0:H.data)==null?void 0:he.transaction_id),Ke(!0),j(!1))})}catch(X){console.log(X),j(!1),O(((Vt=(It=X==null?void 0:X.response)==null?void 0:It.data)==null?void 0:Vt.message)||(X==null?void 0:X.message)||"Something went wrong , Try again later")}}catch(ot){j(!1),O(((Tt=(Bt=ot==null?void 0:ot.response)==null?void 0:Bt.data)==null?void 0:Tt.message)||(ot==null?void 0:ot.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(M==null?void 0:M.dctoken,"PaymentForm",St)}catch(St){j(!1),O(((qe=(yt=St==null?void 0:St.response)==null?void 0:yt.data)==null?void 0:qe.message)||(St==null?void 0:St.message)||"Something went wrong.")}}}}},nt=async()=>{var T,$,_e,Se,be,Qe,it,ze,at,xe,At,Ct,ut,Nt,It,Vt,Bt,Tt;c();try{let yt={fractalpayPublicKey:x,customer_id:e==null?void 0:e.customerId,preauth:!0},qe=await Cn.default.post(`${$e}get-payment-details`,yt);if(v((T=qe==null?void 0:qe.data)==null?void 0:T.data),(_e=($=qe==null?void 0:qe.data)==null?void 0:$.data)!=null&&_e.paymentGateway||(L(),O("Something went wrong.")),(be=(Se=qe==null?void 0:qe.data)==null?void 0:Se.data)!=null&&be.card_list&&((ze=(it=(Qe=qe==null?void 0:qe.data)==null?void 0:Qe.data)==null?void 0:it.card_list)==null?void 0:ze.length)>0){bt((xe=(at=qe==null?void 0:qe.data)==null?void 0:at.data)==null?void 0:xe.card_list),Pe("cardList");let wt=(ut=(Ct=(At=qe==null?void 0:qe.data)==null?void 0:At.data)==null?void 0:Ct.card_list)==null?void 0:ut.filter(gt=>(gt==null?void 0:gt.primary_card)==1);wt!=null&&wt[0]&&((Nt=wt==null?void 0:wt[0])==null?void 0:Nt.payment_method_type)==((Vt=(It=qe==null?void 0:qe.data)==null?void 0:It.data)==null?void 0:Vt.paymentGateway)&&l(wt[0])}else Pe("card");u()}catch(yt){console.log(yt),u(),O(((Tt=(Bt=yt==null?void 0:yt.response)==null?void 0:Bt.data)==null?void 0:Tt.message)||(yt==null?void 0:yt.message)||"Something went wrong")}},st=async()=>{var At,Ct,ut,Nt,It,Vt,Bt;let T=e==null?void 0:e.customerId,$=e==null?void 0:e.discount,_e=e==null?void 0:e.surcharge,Se=e==null?void 0:e.tax,be=e==null?void 0:e.merchantPublicKey,Qe=e==null?void 0:e.orderID,it=e==null?void 0:e.amount,ze=I==null?void 0:I.id,at=I==null?void 0:I.card_type;if(be&&Qe&&it)if(T)if(ze){let Tt={amount:it,order_id:Qe,customer_id:T,card_id:ze,fractalpayPublicKey:be,isCardSave:at!="Bank",discount:$,surcharge:_e,tax:Se},xe=Tt,{isCardSave:yt}=xe,qe=hn(xe,["isCardSave"]),gt=$e+"authorize-by-card",Jt={"Content-Type":"application/json"};j(!0);try{let Ve=await Cn.default.post(gt,at=="Bank"?qe:Tt,{headers:Jt});(At=Ve==null?void 0:Ve.data)!=null&&At.result&&(C((ut=(Ct=Ve==null?void 0:Ve.data)==null?void 0:Ct.data)==null?void 0:ut.transaction_id),Ke(!0),j(!1))}catch(Ve){j(!1),console.log(Ve),O(((It=(Nt=Ve==null?void 0:Ve.response)==null?void 0:Nt.data)==null?void 0:It.message)||((Bt=(Vt=Ve==null?void 0:Ve.response)==null?void 0:Vt.data)==null?void 0:Bt.status)||"Something went erong")}}else O("Please Select A Card/ACH");else O("Please Select Customer");else O("Something went wrong.")};(0,a.useEffect)(()=>{ke&&x&&nt()},[x,ke]);let mt=async T=>{Bn.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 $=>{if($.isConfirmed){j(!0);try{let _e={card_id:T,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},Se=await Cn.default.post(`${$e}delete-customer-card`,_e);j(!1),nt(),Bn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(_e){j(!1),Bn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},rt=T=>{switch(T==null?void 0:T.toLowerCase()){case"visa":return h;case"mastercard":case"mc":case"m/c":return ee;case"amex":case"american express":case"ae":return Le;case"discover":case"dcvr":return le;case"bank":return Ze;default:return T}};return a.default.createElement(a.default.Fragment,null,a.default.createElement(Gt,null),a.default.createElement(dn,null),a.default.createElement(a.default.Fragment,null,a.default.createElement("button",{className:"paymentBtn",onClick:Z},"PreAuth Payment"),a.default.createElement(Et,{open:ke,onClose:L},Oe&&a.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},a.default.createElement(Dt,{error:Oe,onClose:L})),dt&&a.default.createElement(cn,{onClose:L,tranId:d}),!Oe&&!dt&&a.default.createElement(a.default.Fragment,null,(y||G)&&a.default.createElement(Ht,{loading:y||G}),a.default.createElement("div",null,a.default.createElement("div",{className:"frac-card-payment-page frac-form"},a.default.createElement("div",{className:"parent-pay-container"},a.default.createElement("span",{className:"request-payment-close-popup",onClick:L},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},a.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12425_52336"},a.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),a.default.createElement("div",{className:"pay-container"},a.default.createElement("div",{className:"pay-header pay-conatiner-one"},a.default.createElement("div",{className:"pay-conatiner-one-first"},a.default.createElement("div",{className:"pay-logo-container"},a.default.createElement("div",{className:"pay-main-logo"},a.default.createElement("img",{src:M==null?void 0:M.logo,id:"pay-logos"})),a.default.createElement("h1",{className:"pay-heading"},"Pay"),(Ae==null?void 0:Ae.length)>0&&ye!=="cardList"&&a.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",a.default.createElement(Vn.IoArrowBack,null)," Back")),a.default.createElement("div",{className:"amt-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner"},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((Ie=Number(e==null?void 0:e.amount))==null?void 0:Ie.toFixed(2))),f&&f>0&&a.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,Ue(f.toFixed(2))))),ye!="ach"&&a.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},a.default.createElement("img",{src:h,alt:"",width:33}),a.default.createElement("img",{src:ee,width:33,alt:""}),a.default.createElement("img",{src:Le,alt:"",width:33}),a.default.createElement("img",{src:le,width:33,alt:""})))),a.default.createElement("div",{className:"pay-conatiner-one-last"},a.default.createElement("img",{src:J,alt:""}),a.default.createElement("img",{src:ct,alt:""}),"Secure payments powered by Fractal"),a.default.createElement("div",null)),!y&&a.default.createElement("div",{className:"pay-tab pay-conatiner-two"},a.default.createElement("div",{className:"col-md-12"},a.default.createElement("div",{id:"payment-form-div"},ye!=="cardList"?a.default.createElement("div",null,(Ae==null?void 0:Ae.length)>0&&a.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",a.default.createElement(Vn.IoArrowBack,null)," Back"),a.default.createElement("div",{className:""},a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((ve=Number(e==null?void 0:e.amount))==null?void 0:ve.toFixed(2)))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:ee,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:Le,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:le,width:35,alt:""})))),f&&f>0&&a.default.createElement("div",{className:"res-pay-con frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,Ue(f.toFixed(2)))))):a.default.createElement("div",null,a.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",M==null?void 0:M.customer_name),a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((E=Number(e==null?void 0:e.amount))==null?void 0:E.toFixed(2)))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:ee,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:Le,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:le,width:35,alt:""})))),a.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),a.default.createElement("div",{style:{display:ye==="cardList"?"block":"none"},className:"tabcontent"},a.default.createElement("div",{className:"card-lint-div-in"},a.default.createElement("div",{className:"card-list-div"},(M==null?void 0:M.card_list)&&((Te=M==null?void 0:M.card_list)==null?void 0:Te.length)>0&&((Xe=M==null?void 0:M.card_list)==null?void 0:Xe.map((T,$)=>a.default.createElement("div",{className:"card-list-single-div",key:$},a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("input",{disabled:(M==null?void 0:M.paymentGateway)!=(T==null?void 0:T.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:I===T,onChange:_e=>l(T)}),a.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",T==null?void 0:T.cardlastfourdigit),a.default.createElement("h6",{className:"card-expiry-date"},T==null?void 0:T.expmonth,"/",T==null?void 0:T.expyear)),a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("span",{className:"visa-card"},a.default.createElement("img",{src:rt(T==null?void 0:T.card_type),alt:""})),a.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>mt(T==null?void 0:T.id)},a.default.createElement("img",{src:N,alt:""}))))))),a.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>Pe("card")},"Authorize With Other Card",a.default.createElement("img",{src:je,alt:""}))),a.default.createElement("div",{className:"form-group"},a.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:st},Ue((V=Number(e==null?void 0:e.amount))==null?void 0:V.toFixed(2))))),a.default.createElement("div",{id:"card",style:{display:ye==="card"?"block":"none"},className:"tabcontent"},a.default.createElement("form",{id:"PaymentForm",onSubmit:Re},a.default.createElement("div",{className:"ach-scrl",style:{minHeight:(Ae==null?void 0:Ae.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),a.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(P==null?void 0:P.cardName)||"",onChange:T=>{let $=T.target.value;/^[a-zA-Z\s]*$/.test($)&&re("cardName",$)}}),(te==null?void 0:te.cardName)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cardName)),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),a.default.createElement("div",{className:"toggle-num-wrapper"},a.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(P==null?void 0:P.cardNumber)||"",onChange:T=>ge(T),"data-token":"card_number"}),a.default.createElement("div",{className:"card-crdi card-expiry-new"},a.default.createElement("div",{className:"exp-date-year-container"},a.default.createElement("div",{className:"exp-date form-group"},a.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(P==null?void 0:P.expiryMonth)||"",onChange:T=>re("expiryMonth",T.target.value)})),a.default.createElement("div",{className:"exp-year form-group"},a.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(P==null?void 0:P.expiryYear)||"",onChange:T=>re("expiryYear",T.target.value)})),a.default.createElement("div",{className:"security-digit form-group"},a.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(P==null?void 0:P.cvv)||"",onChange:T=>re("cvv",T.target.value)})))),(te==null?void 0:te.cardNumber)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cardNumber),a.default.createElement("p",{style:{margin:"0"}},te!=null&&te.expiryMonth||te!=null&&te.expiryYear?a.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},te==null?void 0:te.expiryMonth):"",(te==null?void 0:te.cvv)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cvv)))),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(xt=P==null?void 0:P.orderId)!=null?xt:"OID123456",onChange:T=>re("orderId",T.target.value),style:{background:"#F6F6F7",color:"#727272"}})),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"zip"},"ZIP"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(jt=P==null?void 0:P.zipCode)!=null?jt:"",onChange:T=>re("zipCode",T.target.value)}),(te==null?void 0:te.zipCode)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.zipCode)),(e==null?void 0:e.customerId)&&a.default.createElement("div",{className:"form-group"},a.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},a.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:r,onChange:T=>w(T.target.checked)}),a.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),a.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),a.default.createElement("div",{className:"frac-tooltip-wrapper"},a.default.createElement("div",{className:"frac-tooltip-icon"},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}),a.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),a.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12420_50192"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))),a.default.createElement("div",{className:"frac-tooltip-text"},a.default.createElement("p",null,"If checked, I agree to give the ",a.default.createElement("b",null,(M==null?void 0:M.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),a.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},a.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((vt=Number(e==null?void 0:e.amount))==null?void 0:vt.toFixed(2)))))))))))))))))}var se=Fe(require("react"));var xi=Fe(require("sweetalert2")),pn=Fe(require("axios"));var hi=Fe(require("react"));function On(){let e="#000",y="#fff",B="#212529",G="#dee2e6";return hi.default.createElement("style",null,`
|
|
1672
|
+
`)}var _t=Fe(require("react"));var sn=({listHeading:e="Card",ListItems:y,selectedCard:B,setSelectedCard:G,paymentGateway:j,handleDeleteCard:Oe,otherButtonAction:O,otherButtonLabel:dt,headingClass:Ke})=>{let ke=oe+"widget/Trash.svg";return console.log(B,"selectedCard another",y),_t.default.createElement(_t.default.Fragment,null,_t.default.createElement("h6",{className:Ke||"card-ach-heading",style:{marginBottom:"10px !important"}},e),_t.default.createElement("div",{className:"card-lint-div-in"},_t.default.createElement("div",{className:"card-list-div"},y&&(y==null?void 0:y.length)>0&&(y==null?void 0:y.map((K,ye)=>{let Pe=!1;return j&&(Pe=j!=(K==null?void 0:K.payment_method_type)&&(K==null?void 0:K.card_type)!="Bank"),_t.default.createElement("div",{key:K==null?void 0:K.id,className:"card-list-single-div"},_t.default.createElement("div",{className:"card-number-radio"},_t.default.createElement("input",{disabled:Pe,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(B==null?void 0:B.id)===(K==null?void 0:K.id),onChange:r=>G(K)}),_t.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",K==null?void 0:K.cardlastfourdigit),(K==null?void 0:K.card_type)!="Bank"&&_t.default.createElement("h6",{className:"card-expiry-date"},K==null?void 0:K.expmonth,"/",K==null?void 0:K.expyear)),_t.default.createElement("div",{className:"card-number-radio"},_t.default.createElement("span",{className:"visa-card"},_t.default.createElement("img",{src:ui(K==null?void 0:K.card_type),alt:""})),_t.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>Oe(K==null?void 0:K.id)},_t.default.createElement("img",{src:ke,alt:""}))))}))),_t.default.createElement("div",{className:"pay-with-other-card",onClick:O},dt,_t.default.createElement("img",{src:Pn,alt:""}))))};function pi(e){var Bt,Tt,yt,qe,wt,gt,Jt,Ve,kt,St,et,ot,Xt,Ot,tn,pt,Ut,nn;let[y,B]=(0,n.useState)(!1),[G,j]=(0,n.useState)(!1),[Oe,O]=(0,n.useState)(""),[dt,Ke]=(0,n.useState)(!1),[ke,K]=(0,n.useState)(!1),[ye,Pe]=(0,n.useState)("card"),[r,w]=(0,n.useState)("card"),[x,ee]=(0,n.useState)("form"),[h,Le]=(0,n.useState)("form"),[le,je]=(0,n.useState)(!0),[N,Ze]=(0,n.useState)(!1),[J,ct]=(0,n.useState)(!1),P=e.merchantPublicKey,Ee=oe+"widget/mc-img.svg",te=oe+"widget/visa-img.svg",De=oe+"widget/ae-img.svg",Ae=oe+"widget/discover-img.svg",bt=oe+"widget/card.svg",I=oe+"widget/Trash.svg",l=oe+"widget/bank.svg",f=oe+"widget/secure-img.png",D=oe+"widget/pov-by.png",M=oe+"widget/pax.svg",[v,d]=(0,n.useState)(),[C,k]=(0,n.useState)({}),[c,u]=(0,n.useState)(),[L,Z]=(0,n.useState)({}),[re,ge]=(0,n.useState)([]),[ht,Re]=(0,n.useState)([]),[nt,st]=(0,n.useState)(),[mt,rt]=(0,n.useState)(),[Ie,ve]=(0,n.useState)(Number(e==null?void 0:e.amount));console.log(nt,"selectedCard");let[E,Te]=(0,n.useState)(),[Ge,V]=(0,n.useState)(""),xt=()=>B(!0),jt=()=>B(!1),vt=(Y,p)=>{let X=(parseFloat(p)||0)/100,He=Y/(1+X);return Math.round(He*100)/100};(0,n.useEffect)(()=>{if(ke){let Y=vt(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);ve(Y)}},[ke,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let T=()=>{K(!1),Pe("card"),O(""),Ke(!1),V(""),u({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Z({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),d({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),k({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ct(!1),Ze(!1),st({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),rt({}),ve(0),w("card"),je(!0),Le("form"),ee("form"),j(!1),B(!1),Re([]),ge([])},$=()=>K(!0),_e=Y=>{Pe(Y)},Se=(Y,p)=>{let X=Y;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(X)){(p===""||/^[0-9]+$/.test(p))&&(k(g=>z(_({},g),{[X]:""})),d(g=>z(_({},g),{[X]:p})));return}k(g=>z(_({},g),{[X]:""})),d(g=>z(_({},g),{[X]:p}))},be=Y=>{let X=Y.target.value.replace(/\D/g,""),He="";/^3[47]/.test(X)?He=X.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(m,H,he,W)=>[H,he,W].filter(Boolean).join(" ")):He=X.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(m,H,he,W,we)=>[H,he,W,we].filter(Boolean).join(" ")),k(g=>z(_({},g),{cardNumber:""})),d(g=>z(_({},g),{cardNumber:He}))},Qe=Y=>{let{name:p,value:X}=Y.target,He=["routingNumber","accountNumber","confirmAccountNumber"];if(p=="name"){/^[a-zA-Z\s]*$/.test(X)&&(Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X})));return}if(He.includes(p)){(X===""||/^[0-9]+$/.test(X))&&(Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X})));return}Z(g=>z(_({},g),{[p]:""})),u(g=>z(_({},g),{[p]:X}))},it=()=>{var g,m,H,he,W,we;let Y={},p=v,X=parseInt((p==null?void 0:p.expiryMonth)||"",10),He=(p==null?void 0:p.expiryYear)||"";if((g=p==null?void 0:p.cardName)!=null&&g.trim()||(Y.cardName="Card name is required"),(m=p==null?void 0:p.cardNumber)!=null&&m.trim()||(Y.cardNumber="Card number is required"),(!((H=p==null?void 0:p.expiryMonth)!=null&&H.trim())||!((he=p==null?void 0:p.expiryYear)!=null&&he.trim())||isNaN(X)||X<1||X>12||He.length!==4)&&(Y.expiryMonth="Invalid Expiration Date."),(W=p==null?void 0:p.cvv)!=null&&W.trim()||(Y.cvv="CVV is required"),(we=p==null?void 0:p.zipCode)!=null&&we.trim()||(Y.zipCode="ZIP code is required"),p!=null&&p.expiryMonth&&(p!=null&&p.expiryYear)&&p.expiryMonth.length<=2&&p.expiryYear.length===4){let Me=parseInt(p.expiryMonth,10),o=parseInt(p.expiryYear,10),s=new Date,A=s.getMonth()+1,U=s.getFullYear();(o<U||o===U&&Me<A)&&(Y.expiryMonth="Card is expired")}return k(Y),Object.keys(Y).length>0},ze=()=>{var X,He,g,m,H,he,W,we;let Y={},p=c;return(X=p==null?void 0:p.name)!=null&&X.trim()||(Y.name="Name is required"),(He=p==null?void 0:p.accountNumber)!=null&&He.trim()||(Y.accountNumber="Account number is required"),(g=p==null?void 0:p.accountNumber)!=null&&g.trim()&&((m=p==null?void 0:p.accountNumber)==null?void 0:m.trim())!==((H=p==null?void 0:p.confirmAccountNumber)==null?void 0:H.trim())&&(Y.confirmAccountNumber="Account numbers must match"),(he=p==null?void 0:p.bankName)!=null&&he.trim()||(Y.bankName="Bank name is required"),(W=p==null?void 0:p.routingNumber)!=null&&W.trim()||(Y.routingNumber="Routing Number is required"),p!=null&&p.routingNumber&&((we=p==null?void 0:p.routingNumber)==null?void 0:we.length)!==9&&(Y.routingNumber="Routing number must be 9 digits"),((p==null?void 0:p.accountType)==="business saving"||(p==null?void 0:p.accountType)==="business checking")&&(!(p!=null&&p.companyName)||(p==null?void 0:p.companyName)==="")&&(Y.companyName="Company Name is required for business accounts"),Z(Y),Object.keys(Y).length>0},at=async Y=>{var p,X,He,g,m,H,he,W,we,Me,o,s,A,U,b,R;if(Y.preventDefault(),ye!=="ach"){if(it())return;{let fe=DatacapWebToken.validateCardNumber(v==null?void 0:v.cardNumber.replaceAll(" ","")),ie=DatacapWebToken.validateExpirationDate(v==null?void 0:v.expiryMonth,v==null?void 0:v.expiryYear),ce=DatacapWebToken.validateCVV(v==null?void 0:v.cvv),me={};if(fe||(me.cardNumber="Invalid card Number"),ie||(me.expiryMonth="Invalid Expiration Date."),ce||(me.cvv="Invalid CVV"),k(me),fe&&ce&&ie){j(!0);try{let ae=z(_({},v),{amount:`${e.amount||0}`,fractalpayPublicKey:P,orderId:e==null?void 0:e.orderID,customer_id:e==null?void 0:e.customerId,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,pass_fee:e==null?void 0:e.pass_fee}),ue=await gn.default.post(`${$e}create-widget-order`,ae),de=async function(Ce){if(Ce.Error)O(Ce.Error),j(!1);else{let Ne=v==null?void 0:v.cardName,Q=v==null?void 0:v.zipCode;Ce.name=Ne,Ce.postal_code=Q,Ce.isCardSave=`${N}`,Ce.isCharge=!0,Ce.posSalesIdEncode=ue==null?void 0:ue.data.data.posSalesIdEncode,lt.emit("sendMessage",Ce),lt.on(ue==null?void 0:ue.data.data.posSalesIdEncode,pe=>{if(bn(pe==null?void 0:pe.data)){let We=JSON.parse(pe.data);We!=null&&We.result?(d({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ze(!1),V(We==null?void 0:We.transactionId),Ke(!0),j(!1)):(j(!1),O((We==null?void 0:We.message)||"Something went wrong."))}else O("Something went wrong.")})}};if((E==null?void 0:E.paymentGateway)===32){let Ce={method:"POST",redirect:"follow"};try{let Ne=await gn.default.post(`${Be}api/v1/widget/generate-session`,Ce),Q=Number(v==null?void 0:v.expiryYear)%100,pe=v==null?void 0:v.cardNumber;pe=pe==null?void 0:pe.replace(/\s+/g,"");let We=`${pe}=${Q}${v==null?void 0:v.expiryMonth} ${v==null?void 0:v.cvv}`,tt=forge.pki.publicKeyFromPem((X=(p=Ne==null?void 0:Ne.data)==null?void 0:p.data)==null?void 0:X.publicKeyPem).encrypt(We,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Je=forge.util.encode64(tt),Ft={"Content-Type":"application/json","x-app-session-key":(g=(He=Ne.data)==null?void 0:He.data)==null?void 0:g.session_key},_n=JSON.stringify({enc_track2_data:`${Je}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(H=(m=Ne==null?void 0:Ne.data)==null?void 0:m.data)==null?void 0:H.session_key}`});try{let Pt=await gn.default.post(`${Lt}tokenizer/tokenize`,_n,{headers:Ft}),Mt=JSON.stringify(z(_({},(he=Pt==null?void 0:Pt.data)==null?void 0:he.data),{isSaveCardChecked:N,name:v==null?void 0:v.cardName,postal_code:v==null?void 0:v.zipCode,customer_id:e==null?void 0:e.customerId})),an=JSON.stringify({pre_sales_id:`${(we=(W=ue==null?void 0:ue.data)==null?void 0:W.data)==null?void 0:we.posSalesIdEncode}`,token:`${(Me=Pt==null?void 0:Pt.data)==null?void 0:Me.data.token}`,json_response:`${Mt}`}),Kt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:an,redirect:"follow",isChargeviafractal:!0};lt.emit("sendMessage",Kt),lt.on("chargeviafractalgateway",Yt=>{var Qt;if(bn(Yt==null?void 0:Yt.data)){let Zt=JSON.parse(Yt==null?void 0:Yt.data);Zt!=null&&Zt.result?(V((Qt=Zt==null?void 0:Zt.data)==null?void 0:Qt.transactionId),Ke(!0),j(!1)):(j(!1),O((Zt==null?void 0:Zt.message)||"Something went wrong."))}else O("Something went wrong.")})}catch(Pt){j(!1),O(((s=(o=Pt==null?void 0:Pt.response)==null?void 0:o.data)==null?void 0:s.message)||(Pt==null?void 0:Pt.message)||"Something went wrong.")}}catch(Ne){j(!1),O(((U=(A=Ne==null?void 0:Ne.response)==null?void 0:A.data)==null?void 0:U.message)||(Ne==null?void 0:Ne.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(ue==null?void 0:ue.data.data.dctoken,"PaymentForm",de)}catch(ae){j(!1),O(((R=(b=ae==null?void 0:ae.response)==null?void 0:b.data)==null?void 0:R.message)||(ae==null?void 0:ae.message)||"Something went wrong.")}}}}else{if(ze())return;{j(!0);let fe={fractalpayPublicKey:P,label:(c==null?void 0:c.name)||"John Doe",account_number:c==null?void 0:c.accountNumber,routing_number:c==null?void 0:c.routingNumber,bank_name:c==null?void 0:c.bankName,account_type:c==null?void 0:c.accountType,amount:String(Ie||0),isSaveAch:J,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0,company_name:(c==null?void 0:c.companyName)||""};lt.emit("sendMessage",fe),lt.on("ach-incoming",ie=>{var ce;(ie==null?void 0:ie.status)=="Failed"?typeof(ie==null?void 0:ie.message)=="object"?Object.values(ie==null?void 0:ie.message).forEach(me=>{O(me||"Something went wrong")}):O((ie==null?void 0:ie.message)||"Something went wrong"):(V((ce=ie==null?void 0:ie.data)==null?void 0:ce.transaction_id),Ke(!0),j(!1))})}}},xe=async()=>{var Y,p,X,He,g,m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie,ce,me,ae;xt();try{let ue={fractalpayPublicKey:P,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee},de=await gn.default.post(`${$e}get-payment-details`,ue);if(Te((Y=de==null?void 0:de.data)==null?void 0:Y.data),(X=(p=de==null?void 0:de.data)==null?void 0:p.data)!=null&&X.paymentGateway||(T(),O("Something went wrong.")),(g=(He=de==null?void 0:de.data)==null?void 0:He.data)!=null&&g.card_list&&((he=(H=(m=de==null?void 0:de.data)==null?void 0:m.data)==null?void 0:H.card_list)==null?void 0:he.length)>0){let Ce=(Me=(we=(W=de==null?void 0:de.data)==null?void 0:W.data)==null?void 0:we.card_list)==null?void 0:Me.filter(Q=>(Q==null?void 0:Q.card_type)=="Bank"),Ne=(A=(s=(o=de==null?void 0:de.data)==null?void 0:o.data)==null?void 0:s.card_list)==null?void 0:A.filter(Q=>(Q==null?void 0:Q.card_type)!=="Bank");console.log(Ce,"hohgohoo",Ne),(Ne==null?void 0:Ne.length)>0&&ee("list"),(Ce==null?void 0:Ce.length)>0&&Le("list"),ge(Ne),Re(Ce)}else Pe("card");(b=(U=de==null?void 0:de.data)==null?void 0:U.data)!=null&&b.paymentDeviceList&&((fe=(ne=(R=de==null?void 0:de.data)==null?void 0:R.data)==null?void 0:ne.paymentDeviceList)==null?void 0:fe.length)>0&&rt((ce=(ie=de==null?void 0:de.data)==null?void 0:ie.data)==null?void 0:ce.paymentDeviceList[0]),jt()}catch(ue){console.log(ue),jt(),O(((ae=(me=ue==null?void 0:ue.response)==null?void 0:me.data)==null?void 0:ae.message)||(ue==null?void 0:ue.message)||"Something went wrong")}},At=async()=>{let Y=e==null?void 0:e.customerId,p=String(e==null?void 0:e.discount),X=String(e==null?void 0:e.surcharge),He=String(e==null?void 0:e.tax),g=e==null?void 0:e.merchantPublicKey,m=e==null?void 0:e.orderID,H=String(e==null?void 0:e.amount),he=nt==null?void 0:nt.id,W=nt==null?void 0:nt.card_type;if(g&&m&&H&&Ie)if(Y)if(he){let Me={amount:W==="Bank"?Ie:H,order_id:m,customer_id:Y,card_id:he,fractalpayPublicKey:g,isCardSave:N,discount:p,surcharge:X,tax:He},we=Me,{isCardSave:o}=we,s=hn(we,["isCardSave"]),U=$e+(W==="Bank"?"charge-ach":"charge-by-card"),b={"Content-Type":"application/json"};j(!0),lt.emit("sendMessage",{url:U,body:W=="Bank"?s:Me,isChargebycard:!0}),lt.on("charge-by-card",R=>{var ne;(R==null?void 0:R.result)==!0||(R==null?void 0:R.status)==!0?(V((ne=R.data)==null?void 0:ne.transaction_id),Ke(!0),j(!1)):O((R==null?void 0:R.message)||"Something went wrong.")})}else O("Please Select A Card/ACH");else O("Please Select Customer");else O("Something went wrong.")},Ct=async()=>{var g,m,H,he,W,we;let Y=e==null?void 0:e.merchantPublicKey,p=e==null?void 0:e.orderID,X=String(e==null?void 0:e.amount),He=e==null?void 0:e.customerId;if(!(mt!=null&&mt.device_id)){O("Please Select A Payment Device");return}if(Y&&p&&X){j(!0);let Me={amount:X,fractalpayPublicKey:Y,customer_order_id:p,device_id:mt==null?void 0:mt.device_id,customer_id:He||""};try{let o=await gn.default.post(`${$e}charge-with-reader`,Me);((g=o==null?void 0:o.data)==null?void 0:g.result)==!0?(V((H=(m=o==null?void 0:o.data)==null?void 0:m.data)==null?void 0:H.transaction_id),Ke(!0),j(!1)):(O(((he=o==null?void 0:o.data)==null?void 0:he.message)||"Something went wrong."),j(!1))}catch(o){O(((we=(W=o==null?void 0:o.response)==null?void 0:W.data)==null?void 0:we.message)||"Something went wrong."),j(!1)}}else O("Something went wrong.")},ut=()=>{r==="card"?At():r==="reader"&&Ct()};(0,n.useEffect)(()=>{ke&&P&&xe()},[P,ke]);let Nt=async Y=>{vn.default.fire({icon:"warning",text:"Do you want to delete the card?",showCancelButton:!0,confirmButtonText:"Yes",cancelButtonText:"No",reverseButtons:!0,buttonsStyling:!1,customClass:{confirmButton:"swal2-confirm btn btn-dark",cancelButton:"swal2-cancel btn btn-dark",popup:"custom-swal-popup",icon:"custom-swal-icon"}}).then(async p=>{if(p.isConfirmed){j(!0);try{let X={card_id:Y,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},He=await gn.default.post(`${$e}delete-customer-card`,X);j(!1),xe(),vn.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(X){j(!1),vn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else p.dismiss===vn.default.DismissReason.cancel&&vn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},It=Y=>{switch(Y==null?void 0:Y.toLowerCase()){case"visa":return te;case"mastercard":case"mc":case"m/c":return Ee;case"amex":case"american express":case"ae":return De;case"discover":case"dcvr":return Ae;case"bank":return l;default:return Y}},Vt=()=>{let Y=Ie||0;return(Number(e.amount)-Y).toFixed(0)};return console.log(x,"activeinCard","activeinBank",h),n.default.createElement(n.default.Fragment,null,n.default.createElement(Gt,null),n.default.createElement(dn,null),n.default.createElement(un,null),n.default.createElement(n.default.Fragment,null,n.default.createElement("button",{className:"paymentBtn",onClick:$},"Pay"),n.default.createElement(Et,{open:ke,onClose:T},Oe&&n.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},n.default.createElement(Dt,{error:Oe,onClose:T})),dt&&n.default.createElement(cn,{onClose:T,tranId:Ge}),!Oe&&!dt&&n.default.createElement(n.default.Fragment,null,(y||G)&&n.default.createElement(Ht,{loading:y||G}),n.default.createElement("div",{className:"frac-card-payment-page frac-form"},n.default.createElement("div",{className:"parent-pay-container"},n.default.createElement("span",{className:"request-payment-close-popup",onClick:T},n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},n.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12425_52336"},n.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),n.default.createElement("div",{className:"pay-main-logo-res"},n.default.createElement("img",{src:E==null?void 0:E.logo,id:"pay-logos"})),n.default.createElement("div",{className:"pay-container"},n.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},n.default.createElement("div",{className:"pay-conatiner-one-first"},n.default.createElement("div",{className:"pay-logo-container"},n.default.createElement("div",{className:"pay-main-logo"},n.default.createElement("img",{src:E==null?void 0:E.logo,id:"pay-logos"})),(re==null?void 0:re.length)>0&&ye!=="cardList"&&n.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",n.default.createElement(Mn.IoArrowBack,null)," Back")),n.default.createElement("div",{className:"amt-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner"},n.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),n.default.createElement("div",{className:"frac-card-bank-radio-main"},n.default.createElement(rn,{label:"Card",amount:(Bt=Number(e==null?void 0:e.amount))==null?void 0:Bt.toFixed(2),value:"card",onChange:_e,activetab:ye}),(E==null?void 0:E.isSkyFiAccount)&&n.default.createElement(rn,{label:"Bank",amount:(Tt=Number(Ie))==null?void 0:Tt.toFixed(2),value:"ach",onChange:_e,activetab:ye})),Ie&&Ie>0&&(e!=null&&e.pass_fee)?n.default.createElement("div",{className:"frac-cash-discount-fee"},n.default.createElement("small",null,ye==="card"?"Cash Discount":"Cash Discount Savings"," "),n.default.createElement("p",null,Ue((Number(e.amount)-Ie).toFixed(2)))):null)),n.default.createElement("div",{className:"pay-conatiner-one-last"},n.default.createElement("img",{src:f,alt:""}),n.default.createElement("img",{src:D,alt:""}),"Secure payments powered by Fractal")),n.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!y&&n.default.createElement("div",{className:"col-md-12"},n.default.createElement("div",{id:"payment-form-div"},ye!=="cardList"?n.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(re==null?void 0:re.length)>0&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",n.default.createElement(Mn.IoArrowBack,null)," Back"),(E==null?void 0:E.isSkyFiAccount)&&n.default.createElement("div",{className:"tab"},n.default.createElement("button",{className:"tablinks",onClick:Y=>{_e("card")},style:{border:ye==="card"?"1px solid":""}},n.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),n.default.createElement("button",{className:"tablinks",onClick:Y=>{_e("ach")},style:{border:ye==="ach"?"1px solid":""}},n.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(yt=Number(e==null?void 0:e.amount))==null?void 0:yt.toFixed(2))),ye!="ach"&&n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:te,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ee,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ae,width:35,alt:""})))),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.default.createElement("div",null,"$",Ie))):n.default.createElement("div",null,n.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",E==null?void 0:E.customer_name),n.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",r==="card"?"Cards/Banks":"Readers"," "),n.default.createElement("div",{className:"res-pay-con"},n.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},n.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),n.default.createElement("strong",{className:"pay-amount"},"$",(qe=Number(e==null?void 0:e.amount))==null?void 0:qe.toFixed(2))),n.default.createElement("div",null,n.default.createElement("div",null,n.default.createElement("img",{src:te,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ee,width:35,alt:""})),n.default.createElement("div",null,n.default.createElement("img",{src:De,alt:"",width:35,style:{paddingRight:"5px"}}),n.default.createElement("img",{src:Ae,width:35,alt:""}))))),n.default.createElement("div",{id:"card",style:{display:ye==="card"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"frac-card-payment"},n.default.createElement("div",{className:"frac-heading-card-wrap"},n.default.createElement("div",{className:"frac-backarrow"},(re==null?void 0:re.length)>0&&x==="form"&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>ee("list")}," ",n.default.createElement(Mn.IoArrowBack,null)),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),n.default.createElement("div",null,"$",Ie))),n.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),ye!="ach"&&n.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},n.default.createElement("img",{src:te,alt:"",width:33}),n.default.createElement("img",{src:Ee,width:33,alt:""}),n.default.createElement("img",{src:De,alt:"",width:33}),n.default.createElement("img",{src:Ae,width:33,alt:""}))),x==="list"?n.default.createElement(n.default.Fragment,null,n.default.createElement(sn,{listHeading:"Cards",paymentGateway:E==null?void 0:E.paymentGateway,ListItems:re,selectedCard:nt,setSelectedCard:st,handleDeleteCard:Nt,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{ee("form")}}),n.default.createElement("div",{className:"form-group",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ut},Ue((wt=Number(e==null?void 0:e.amount))==null?void 0:wt.toFixed(2))))):n.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:at},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)==0?"456px":(re==null?void 0:re.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(v==null?void 0:v.cardName)||"",onChange:Y=>{let p=Y.target.value;/^[a-zA-Z\s]*$/.test(p)&&Se("cardName",p)}}),(C==null?void 0:C.cardName)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cardName)),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),n.default.createElement("div",{className:"toggle-num-wrapper"},n.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(v==null?void 0:v.cardNumber)||"",onChange:Y=>be(Y),"data-token":"card_number"}),n.default.createElement("div",{className:"card-crdi card-expiry-new"},n.default.createElement("div",{className:"exp-date-year-container"},n.default.createElement("div",{className:"exp-date form-group"},n.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(v==null?void 0:v.expiryMonth)||"",onChange:Y=>Se("expiryMonth",Y.target.value)})),n.default.createElement("div",{className:"exp-year form-group"},n.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(v==null?void 0:v.expiryYear)||"",onChange:Y=>Se("expiryYear",Y.target.value)})),n.default.createElement("div",{className:"security-digit form-group"},n.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(v==null?void 0:v.cvv)||"",onChange:Y=>Se("cvv",Y.target.value)})))),(C==null?void 0:C.cardNumber)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cardNumber),n.default.createElement("p",{style:{margin:"0"}},C!=null&&C.expiryMonth||C!=null&&C.expiryYear?n.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},C==null?void 0:C.expiryMonth):"",(C==null?void 0:C.cvv)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.cvv)))),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(gt=e==null?void 0:e.orderID)!=null?gt:"",style:{background:"#F6F6F7",color:"#727272"}})),n.default.createElement("div",{className:"form-group"},n.default.createElement("label",{htmlFor:"zip"},"ZIP"),n.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(Jt=v==null?void 0:v.zipCode)!=null?Jt:"",onChange:Y=>Se("zipCode",Y.target.value)}),(C==null?void 0:C.zipCode)&&n.default.createElement("span",{className:"error-span"},C==null?void 0:C.zipCode)),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group"},n.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},n.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:N,onChange:Y=>Ze(Y.target.checked)}),n.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),n.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}),n.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),n.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),n.default.createElement("defs",null,n.default.createElement("clipPath",{id:"clip0_12420_50192"},n.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),n.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(E==null?void 0:E.paymentDeviceList)&&((Ve=E==null?void 0:E.paymentDeviceList)==null?void 0:Ve.length)>0&&n.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>je(!le)},le?"Pay With Reader":"Pay With Card"),n.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((kt=Number(e==null?void 0:e.amount))==null?void 0:kt.toFixed(2)))))),n.default.createElement("div",{id:"ach",style:{display:ye==="ach"?"block":"none"},className:"tabcontent"},n.default.createElement("div",{className:"frac-card-payment"},n.default.createElement("div",{className:"frac-heading-card-wrap"},n.default.createElement("div",{className:"frac-backarrow"},(ht==null?void 0:ht.length)>0&&h==="form"&&n.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Le("list")}," ",n.default.createElement(Mn.IoArrowBack,null)),Ie&&Ie>0&&n.default.createElement("div",{className:"res-pay-con frac-cash-discount"},n.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),n.default.createElement("div",null,"$",Vt()))),n.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),h==="list"?n.default.createElement(n.default.Fragment,null,n.default.createElement(sn,{listHeading:"Banks",paymentGateway:E==null?void 0:E.paymentGateway,ListItems:ht,selectedCard:nt,setSelectedCard:st,handleDeleteCard:Nt,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Le("form")}}),n.default.createElement("div",{className:"form-group",style:{padding:"0"}},n.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:ut},Ue((St=Number(Ie))==null?void 0:St.toFixed(2))))):n.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:at},n.default.createElement("div",{className:"ach-scrl",style:{minHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)==0?"436px":(re==null?void 0:re.length)>0?"462px":"520px",maxHeight:E!=null&&E.isSkyFiAccount&&(re==null?void 0:re.length)>0?"444px":((re==null?void 0:re.length)>0,"380px")}},n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),n.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(et=c==null?void 0:c.name)!=null?et:"",onChange:Qe}),(L==null?void 0:L.name)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.name)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),n.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(ot=c==null?void 0:c.routingNumber)!=null?ot:"",onChange:Qe}),(L==null?void 0:L.routingNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.routingNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),n.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Xt=c==null?void 0:c.accountNumber)!=null?Xt:"",onChange:Qe}),(L==null?void 0:L.accountNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.accountNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),n.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(Ot=c==null?void 0:c.confirmAccountNumber)!=null?Ot:"",onChange:Qe}),(L==null?void 0:L.confirmAccountNumber)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.confirmAccountNumber)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"bankname"},"Bank name"),n.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(tn=c==null?void 0:c.bankName)!=null?tn:"",onChange:Qe}),(L==null?void 0:L.bankName)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.bankName)),((c==null?void 0:c.accountType)==="business saving"||(c==null?void 0:c.accountType)==="business checking")&&n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"companyName"},"Company name"),n.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(pt=c==null?void 0:c.companyName)!=null?pt:"",onChange:Qe}),(L==null?void 0:L.companyName)&&n.default.createElement("span",{className:"error-span"},L==null?void 0:L.companyName)),n.default.createElement("div",{className:"form-group mb-4"},n.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),n.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(Ut=c==null?void 0:c.accountType)!=null?Ut:"",onChange:Qe},n.default.createElement("option",{value:""},"Select account"),xn.map(Y=>n.default.createElement("option",{key:Y.value,value:Y.value},Y.label)))),(e==null?void 0:e.customerId)&&n.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},n.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:J,onChange:Y=>ct(Y.target.checked)}),n.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),J&&n.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},n.default.createElement("p",null,"If checked, I agree for ",n.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),n.default.createElement("div",{className:"form-group "},n.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((nn=Number(Ie))==null?void 0:nn.toFixed(2))))))))))))))))}var a=Fe(require("react"));var Cn=Fe(require("axios"));var Bn=Fe(require("sweetalert2")),Vn=require("react-icons/io5");function fi(e){var Ie,ve,E,Te,Ge,V,xt,jt,vt;let[y,B]=(0,a.useState)(!1),[G,j]=(0,a.useState)(!1),[Oe,O]=(0,a.useState)(""),[dt,Ke]=(0,a.useState)(!1),[ke,K]=(0,a.useState)(!1),[ye,Pe]=(0,a.useState)("card"),[r,w]=(0,a.useState)(!1),x=e.merchantPublicKey,ee=oe+"widget/mc-img.svg",h=oe+"widget/visa-img.svg",Le=oe+"widget/ae-img.svg",le=oe+"widget/discover-img.svg",je=oe+"widget/card.svg",N=oe+"widget/Trash.svg",Ze=oe+"widget/bank.svg",J=oe+"widget/secure-img.png",ct=oe+"widget/pov-by.png",[P,Ee]=(0,a.useState)(),[te,De]=(0,a.useState)({}),[Ae,bt]=(0,a.useState)([]),[I,l]=(0,a.useState)(),[f,D]=(0,a.useState)(void 0),[M,v]=(0,a.useState)(),[d,C]=(0,a.useState)(""),k=(T,$)=>{let _e=(parseFloat($)||0)/100,Se=T/(1+_e);return Math.round(Se*100)/100};(0,a.useEffect)(()=>{if(e!=null&&e.pass_fee){let T=k(e==null?void 0:e.amount,e==null?void 0:e.surcharge);D(T)}},[e==null?void 0:e.pass_fee]);let c=()=>B(!0),u=()=>B(!1),L=()=>{K(!1),Pe("card"),j(!1),O(""),Ke(!1),C(""),Ee({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),De({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),w(!1),l({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""})},Z=()=>K(!0),re=(T,$)=>{let _e=T;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(_e)){($===""||/^[0-9]+$/.test($))&&(De(be=>z(_({},be),{[_e]:""})),Ee(be=>z(_({},be),{[_e]:$})));return}De(be=>z(_({},be),{[_e]:""})),Ee(be=>z(_({},be),{[_e]:$}))},ge=T=>{let _e=T.target.value.replace(/\D/g,""),Se="";/^3[47]/.test(_e)?Se=_e.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(Qe,it,ze,at)=>[it,ze,at].filter(Boolean).join(" ")):Se=_e.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(Qe,it,ze,at,xe)=>[it,ze,at,xe].filter(Boolean).join(" ")),De(be=>z(_({},be),{cardNumber:""})),Ee(be=>z(_({},be),{cardNumber:Se}))},ht=()=>{var be,Qe,it,ze,at,xe;let T={},$=P,_e=parseInt(($==null?void 0:$.expiryMonth)||"",10),Se=($==null?void 0:$.expiryYear)||"";if((be=$==null?void 0:$.cardName)!=null&&be.trim()||(T.cardName="Card name is required"),(Qe=$==null?void 0:$.cardNumber)!=null&&Qe.trim()||(T.cardNumber="Card number is required"),(!((it=$==null?void 0:$.expiryMonth)!=null&&it.trim())||!((ze=$==null?void 0:$.expiryYear)!=null&&ze.trim())||isNaN(_e)||_e<1||_e>12||Se.length!==4)&&(T.expiryMonth="Invalid Expiration Date."),(at=$==null?void 0:$.cvv)!=null&&at.trim()||(T.cvv="CVV is required"),(xe=$==null?void 0:$.zipCode)!=null&&xe.trim()||(T.zipCode="ZIP code is required"),$!=null&&$.expiryMonth&&($!=null&&$.expiryYear)&&$.expiryMonth.length<=2&&$.expiryYear.length===4){let At=parseInt($.expiryMonth,10),Ct=parseInt($.expiryYear,10),ut=new Date,Nt=ut.getMonth()+1,It=ut.getFullYear();(Ct<It||Ct===It&&At<Nt)&&(T.expiryMonth="Card is expired")}return De(T),Object.keys(T).length>0},Re=async T=>{var $,_e,Se,be,Qe,it,ze,at,xe,At,Ct,ut,Nt,It,Vt,Bt,Tt,yt,qe;if(T.preventDefault(),ye=="card"){if(ht())return;{let gt=DatacapWebToken.validateCardNumber(P==null?void 0:P.cardNumber.replaceAll(" ","")),Jt=DatacapWebToken.validateExpirationDate(P==null?void 0:P.expiryMonth,P==null?void 0:P.expiryYear),Ve=DatacapWebToken.validateCVV(P==null?void 0:P.cvv),kt={};if(gt||(kt.cardNumber="Invalid card Number"),Jt||(kt.expiryMonth="Invalid Expiration Date."),Ve||(kt.cvv="Invalid CVV"),De(kt),gt&&Ve&&Jt){j(!0);try{let St=async function(et){if(et.Error)O(et.Error),j(!1);else{let ot=P==null?void 0:P.cardName,Xt=P==null?void 0:P.zipCode;et.name=ot,et.postal_code=Xt,et.fractalpayPublicKey=e==null?void 0:e.merchantPublicKey,et.amount=e==null?void 0:e.amount,et.order_id=e==null?void 0:e.orderID,et.preAuth_id="",et.isCardSave=r,et.customer_id=e==null?void 0:e.customerId,et.link_token="",et.gateway_id=M==null?void 0:M.paymentGateway,et.discount=e==null?void 0:e.discount,et.tax=e==null?void 0:e.tax,et.surcharge=e==null?void 0:e.surcharge,et.pass_fee=e==null?void 0:e.pass_fee,new Headers().append("Content-Type","application/json");let tn={method:"POST",body:JSON.stringify(et),redirect:"follow"};lt.emit("sendMessage",z(_({},tn),{isChargePreauth:!0})),lt.on("charge-preauth",pt=>{var Ut;console.log(pt,"datdata"),(pt==null?void 0:pt.status)=="Failed"?(j(!1),O((pt==null?void 0:pt.message)||"Something went wrong. Please try again later.")):(Ke(!0),C((Ut=pt==null?void 0:pt.data)==null?void 0:Ut.transaction_id),j(!1),Ee({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}))})}};if((M==null?void 0:M.paymentGateway)===32){let et={method:"POST",redirect:"follow"};try{let ot=await Cn.default.post(`${Be}api/v1/widget/generate-session`,et),Xt=Number(P==null?void 0:P.expiryYear)%100,Ot=P==null?void 0:P.cardNumber;Ot=Ot==null?void 0:Ot.replace(/\s+/g,"");let tn=`${Ot}=${Xt}${P==null?void 0:P.expiryMonth} ${P==null?void 0:P.cvv}`,Ut=forge.pki.publicKeyFromPem((_e=($=ot==null?void 0:ot.data)==null?void 0:$.data)==null?void 0:_e.publicKeyPem).encrypt(tn,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),nn=forge.util.encode64(Ut),Y={"Content-Type":"application/json","x-app-session-key":(be=(Se=ot.data)==null?void 0:Se.data)==null?void 0:be.session_key},p=JSON.stringify({enc_track2_data:`${nn}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(it=(Qe=ot==null?void 0:ot.data)==null?void 0:Qe.data)==null?void 0:it.session_key}`});try{let X=await Cn.default.post(`${Lt}tokenizer/tokenize`,p,{headers:Y}),He=JSON.stringify(z(_({},(ze=X==null?void 0:X.data)==null?void 0:ze.data),{name:P==null?void 0:P.cardName,postal_code:P==null?void 0:P.zipCode,customer_id:e==null?void 0:e.customerId,amount:e==null?void 0:e.amount,Token:`${(xe=(at=X==null?void 0:X.data)==null?void 0:at.data)==null?void 0:xe.token}`,fractalpayPublicKey:x,order_id:e==null?void 0:e.orderID,preAuth_id:"",isCardSave:r,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,tax:e==null?void 0:e.tax,link_token:"",ExpirationYear:P==null?void 0:P.expiryYear,ExpirationMonth:P==null?void 0:P.expiryMonth,CVV:P==null?void 0:P.cvv,Last4:(Ct=(At=X==null?void 0:X.data)==null?void 0:At.data)==null?void 0:Ct.last4,Brand:(Nt=(ut=X==null?void 0:X.data)==null?void 0:ut.data)==null?void 0:Nt.brand,gateway_id:M==null?void 0:M.paymentGateway,pass_fee:e==null?void 0:e.pass_fee})),m={method:"POST",headers:{"Content-Type":"application/json"},body:He,redirect:"follow"};lt.emit("sendMessage",z(_({},m),{isFractalPreauth:!0})),lt.on("fractal-charge-preauth",H=>{var he;(H==null?void 0:H.status)=="Failed"?(j(!1),O((H==null?void 0:H.message)||"Something went wrong , Try again later")):(C((he=H==null?void 0:H.data)==null?void 0:he.transaction_id),Ke(!0),j(!1))})}catch(X){console.log(X),j(!1),O(((Vt=(It=X==null?void 0:X.response)==null?void 0:It.data)==null?void 0:Vt.message)||(X==null?void 0:X.message)||"Something went wrong , Try again later")}}catch(ot){j(!1),O(((Tt=(Bt=ot==null?void 0:ot.response)==null?void 0:Bt.data)==null?void 0:Tt.message)||(ot==null?void 0:ot.message)||"Something went wrong , Try again later")}}else DatacapWebToken.requestToken(M==null?void 0:M.dctoken,"PaymentForm",St)}catch(St){j(!1),O(((qe=(yt=St==null?void 0:St.response)==null?void 0:yt.data)==null?void 0:qe.message)||(St==null?void 0:St.message)||"Something went wrong.")}}}}},nt=async()=>{var T,$,_e,Se,be,Qe,it,ze,at,xe,At,Ct,ut,Nt,It,Vt,Bt,Tt;c();try{let yt={fractalpayPublicKey:x,customer_id:e==null?void 0:e.customerId,preauth:!0},qe=await Cn.default.post(`${$e}get-payment-details`,yt);if(v((T=qe==null?void 0:qe.data)==null?void 0:T.data),(_e=($=qe==null?void 0:qe.data)==null?void 0:$.data)!=null&&_e.paymentGateway||(L(),O("Something went wrong.")),(be=(Se=qe==null?void 0:qe.data)==null?void 0:Se.data)!=null&&be.card_list&&((ze=(it=(Qe=qe==null?void 0:qe.data)==null?void 0:Qe.data)==null?void 0:it.card_list)==null?void 0:ze.length)>0){bt((xe=(at=qe==null?void 0:qe.data)==null?void 0:at.data)==null?void 0:xe.card_list),Pe("cardList");let wt=(ut=(Ct=(At=qe==null?void 0:qe.data)==null?void 0:At.data)==null?void 0:Ct.card_list)==null?void 0:ut.filter(gt=>(gt==null?void 0:gt.primary_card)==1);wt!=null&&wt[0]&&((Nt=wt==null?void 0:wt[0])==null?void 0:Nt.payment_method_type)==((Vt=(It=qe==null?void 0:qe.data)==null?void 0:It.data)==null?void 0:Vt.paymentGateway)&&l(wt[0])}else Pe("card");u()}catch(yt){console.log(yt),u(),O(((Tt=(Bt=yt==null?void 0:yt.response)==null?void 0:Bt.data)==null?void 0:Tt.message)||(yt==null?void 0:yt.message)||"Something went wrong")}},st=async()=>{var At,Ct,ut,Nt,It,Vt,Bt;let T=e==null?void 0:e.customerId,$=e==null?void 0:e.discount,_e=e==null?void 0:e.surcharge,Se=e==null?void 0:e.tax,be=e==null?void 0:e.merchantPublicKey,Qe=e==null?void 0:e.orderID,it=e==null?void 0:e.amount,ze=I==null?void 0:I.id,at=I==null?void 0:I.card_type;if(be&&Qe&&it)if(T)if(ze){let Tt={amount:it,order_id:Qe,customer_id:T,card_id:ze,fractalpayPublicKey:be,isCardSave:at!="Bank",discount:$,surcharge:_e,tax:Se},xe=Tt,{isCardSave:yt}=xe,qe=hn(xe,["isCardSave"]),gt=$e+"authorize-by-card",Jt={"Content-Type":"application/json"};j(!0);try{let Ve=await Cn.default.post(gt,at=="Bank"?qe:Tt,{headers:Jt});(At=Ve==null?void 0:Ve.data)!=null&&At.result&&(C((ut=(Ct=Ve==null?void 0:Ve.data)==null?void 0:Ct.data)==null?void 0:ut.transaction_id),Ke(!0),j(!1))}catch(Ve){j(!1),console.log(Ve),O(((It=(Nt=Ve==null?void 0:Ve.response)==null?void 0:Nt.data)==null?void 0:It.message)||((Bt=(Vt=Ve==null?void 0:Ve.response)==null?void 0:Vt.data)==null?void 0:Bt.status)||"Something went erong")}}else O("Please Select A Card/ACH");else O("Please Select Customer");else O("Something went wrong.")};(0,a.useEffect)(()=>{ke&&x&&nt()},[x,ke]);let mt=async T=>{Bn.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 $=>{if($.isConfirmed){j(!0);try{let _e={card_id:T,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},Se=await Cn.default.post(`${$e}delete-customer-card`,_e);j(!1),nt(),Bn.default.fire({icon:"success",title:"Deleted!",text:"The card has been deleted.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}catch(_e){j(!1),Bn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}})},rt=T=>{switch(T==null?void 0:T.toLowerCase()){case"visa":return h;case"mastercard":case"mc":case"m/c":return ee;case"amex":case"american express":case"ae":return Le;case"discover":case"dcvr":return le;case"bank":return Ze;default:return T}};return a.default.createElement(a.default.Fragment,null,a.default.createElement(Gt,null),a.default.createElement(dn,null),a.default.createElement(a.default.Fragment,null,a.default.createElement("button",{className:"paymentBtn",onClick:Z},"PreAuth Payment"),a.default.createElement(Et,{open:ke,onClose:L},Oe&&a.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},a.default.createElement(Dt,{error:Oe,onClose:L})),dt&&a.default.createElement(cn,{onClose:L,tranId:d}),!Oe&&!dt&&a.default.createElement(a.default.Fragment,null,(y||G)&&a.default.createElement(Ht,{loading:y||G}),a.default.createElement("div",null,a.default.createElement("div",{className:"frac-card-payment-page frac-form"},a.default.createElement("div",{className:"parent-pay-container"},a.default.createElement("span",{className:"request-payment-close-popup",onClick:L},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},a.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12425_52336"},a.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),a.default.createElement("div",{className:"pay-container"},a.default.createElement("div",{className:"pay-header pay-conatiner-one"},a.default.createElement("div",{className:"pay-conatiner-one-first"},a.default.createElement("div",{className:"pay-logo-container"},a.default.createElement("div",{className:"pay-main-logo"},a.default.createElement("img",{src:M==null?void 0:M.logo,id:"pay-logos"})),a.default.createElement("h1",{className:"pay-heading"},"Pay"),(Ae==null?void 0:Ae.length)>0&&ye!=="cardList"&&a.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",a.default.createElement(Vn.IoArrowBack,null)," Back")),a.default.createElement("div",{className:"amt-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner"},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((Ie=Number(e==null?void 0:e.amount))==null?void 0:Ie.toFixed(2))),f&&f>0&&a.default.createElement("div",{style:{width:"80%"},className:"frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,Ue(f.toFixed(2))))),ye!="ach"&&a.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0"}},a.default.createElement("img",{src:h,alt:"",width:33}),a.default.createElement("img",{src:ee,width:33,alt:""}),a.default.createElement("img",{src:Le,alt:"",width:33}),a.default.createElement("img",{src:le,width:33,alt:""})))),a.default.createElement("div",{className:"pay-conatiner-one-last"},a.default.createElement("img",{src:J,alt:""}),a.default.createElement("img",{src:ct,alt:""}),"Secure payments powered by Fractal"),a.default.createElement("div",null)),!y&&a.default.createElement("div",{className:"pay-tab pay-conatiner-two"},a.default.createElement("div",{className:"col-md-12"},a.default.createElement("div",{id:"payment-form-div"},ye!=="cardList"?a.default.createElement("div",null,(Ae==null?void 0:Ae.length)>0&&a.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Pe("cardList")}," ",a.default.createElement(Vn.IoArrowBack,null)," Back"),a.default.createElement("div",{className:""},a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((ve=Number(e==null?void 0:e.amount))==null?void 0:ve.toFixed(2)))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:ee,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:Le,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:le,width:35,alt:""})))),f&&f>0&&a.default.createElement("div",{className:"res-pay-con frac-cash-discount"},a.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),a.default.createElement("div",null,Ue(f.toFixed(2)))))):a.default.createElement("div",null,a.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",M==null?void 0:M.customer_name),a.default.createElement("div",{className:"res-pay-con"},a.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},a.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),a.default.createElement("strong",{className:"pay-amount"},Ue((E=Number(e==null?void 0:e.amount))==null?void 0:E.toFixed(2)))),a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("img",{src:h,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:ee,width:35,alt:""})),a.default.createElement("div",null,a.default.createElement("img",{src:Le,alt:"",width:35,style:{paddingRight:"5px"}}),a.default.createElement("img",{src:le,width:35,alt:""})))),a.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," Cards")),a.default.createElement("div",{style:{display:ye==="cardList"?"block":"none"},className:"tabcontent"},a.default.createElement("div",{className:"card-lint-div-in"},a.default.createElement("div",{className:"card-list-div"},(M==null?void 0:M.card_list)&&((Te=M==null?void 0:M.card_list)==null?void 0:Te.length)>0&&((Ge=M==null?void 0:M.card_list)==null?void 0:Ge.map((T,$)=>a.default.createElement("div",{className:"card-list-single-div",key:$},a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("input",{disabled:(M==null?void 0:M.paymentGateway)!=(T==null?void 0:T.payment_method_type),type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:I===T,onChange:_e=>l(T)}),a.default.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",T==null?void 0:T.cardlastfourdigit),a.default.createElement("h6",{className:"card-expiry-date"},T==null?void 0:T.expmonth,"/",T==null?void 0:T.expyear)),a.default.createElement("div",{className:"card-number-radio"},a.default.createElement("span",{className:"visa-card"},a.default.createElement("img",{src:rt(T==null?void 0:T.card_type),alt:""})),a.default.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>mt(T==null?void 0:T.id)},a.default.createElement("img",{src:N,alt:""}))))))),a.default.createElement("div",{className:"pay-with-other-card ",onClick:()=>Pe("card")},"Authorize With Other Card",a.default.createElement("img",{src:je,alt:""}))),a.default.createElement("div",{className:"form-group"},a.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:st},Ue((V=Number(e==null?void 0:e.amount))==null?void 0:V.toFixed(2))))),a.default.createElement("div",{id:"card",style:{display:ye==="card"?"block":"none"},className:"tabcontent"},a.default.createElement("form",{id:"PaymentForm",onSubmit:Re},a.default.createElement("div",{className:"ach-scrl",style:{minHeight:(Ae==null?void 0:Ae.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardHolderName"},"Name on Card"),a.default.createElement("input",{type:"text",className:"form-control",placeholder:"John Doe",value:(P==null?void 0:P.cardName)||"",onChange:T=>{let $=T.target.value;/^[a-zA-Z\s]*$/.test($)&&re("cardName",$)}}),(te==null?void 0:te.cardName)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cardName)),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),a.default.createElement("div",{className:"toggle-num-wrapper"},a.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(P==null?void 0:P.cardNumber)||"",onChange:T=>ge(T),"data-token":"card_number"}),a.default.createElement("div",{className:"card-crdi card-expiry-new"},a.default.createElement("div",{className:"exp-date-year-container"},a.default.createElement("div",{className:"exp-date form-group"},a.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(P==null?void 0:P.expiryMonth)||"",onChange:T=>re("expiryMonth",T.target.value)})),a.default.createElement("div",{className:"exp-year form-group"},a.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(P==null?void 0:P.expiryYear)||"",onChange:T=>re("expiryYear",T.target.value)})),a.default.createElement("div",{className:"security-digit form-group"},a.default.createElement("input",{"data-token":"cvv",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(P==null?void 0:P.cvv)||"",onChange:T=>re("cvv",T.target.value)})))),(te==null?void 0:te.cardNumber)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cardNumber),a.default.createElement("p",{style:{margin:"0"}},te!=null&&te.expiryMonth||te!=null&&te.expiryYear?a.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},te==null?void 0:te.expiryMonth):"",(te==null?void 0:te.cvv)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.cvv)))),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(xt=P==null?void 0:P.orderId)!=null?xt:"OID123456",onChange:T=>re("orderId",T.target.value),style:{background:"#F6F6F7",color:"#727272"}})),a.default.createElement("div",{className:"form-group"},a.default.createElement("label",{htmlFor:"zip"},"ZIP"),a.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(jt=P==null?void 0:P.zipCode)!=null?jt:"",onChange:T=>re("zipCode",T.target.value)}),(te==null?void 0:te.zipCode)&&a.default.createElement("span",{className:"error-span"},te==null?void 0:te.zipCode)),(e==null?void 0:e.customerId)&&a.default.createElement("div",{className:"form-group"},a.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},a.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:r,onChange:T=>w(T.target.checked)}),a.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),a.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),a.default.createElement("div",{className:"frac-tooltip-wrapper"},a.default.createElement("div",{className:"frac-tooltip-icon"},a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},a.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}),a.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),a.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),a.default.createElement("defs",null,a.default.createElement("clipPath",{id:"clip0_12420_50192"},a.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))),a.default.createElement("div",{className:"frac-tooltip-text"},a.default.createElement("p",null,"If checked, I agree to give the ",a.default.createElement("b",null,(M==null?void 0:M.bname)||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),a.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:0}},a.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((vt=Number(e==null?void 0:e.amount))==null?void 0:vt.toFixed(2)))))))))))))))))}var se=Fe(require("react"));var xi=Fe(require("sweetalert2")),pn=Fe(require("axios"));var hi=Fe(require("react"));function On(){let e="#000",y="#fff",B="#212529",G="#dee2e6";return hi.default.createElement("style",null,`
|
|
1673
1673
|
.add-card {
|
|
1674
1674
|
max-width:380px;
|
|
1675
1675
|
padding: 0 20px
|
|
@@ -2016,7 +2016,7 @@ position:relative;
|
|
|
2016
2016
|
color: #161616;
|
|
2017
2017
|
opacity: 0.5;
|
|
2018
2018
|
}
|
|
2019
|
-
`)}var Gi=({onClose:e})=>Rt.default.createElement(Rt.default.Fragment,null,Rt.default.createElement(Kn,null),Rt.default.createElement("div",{className:"card-success"},Rt.default.createElement("div",{className:"payment-success-container"},Rt.default.createElement("div",{className:"success-icon"},Rt.default.createElement("div",{className:"circle"},Rt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),Rt.default.createElement("div",{className:"success-text"},Rt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),Rt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),bi=Gi;function vi(e){var I;let[y,B]=(0,se.useState)(!1),[G,j]=(0,se.useState)(!1),[Oe,O]=(0,se.useState)(""),[dt,Ke]=(0,se.useState)(!1),ke=(0,se.useRef)(null),K=(0,se.useRef)(null),ye=(0,se.useRef)(null),Pe=(0,se.useRef)(null),r=(0,se.useRef)(null),[w,x]=(0,se.useState)(),[ee,h]=(0,se.useState)({}),[Le,le]=(0,se.useState)(),je=()=>B(!0),N=()=>B(!1),Ze=l=>{xi.default.fire({icon:"error",text:l,customClass:{popup:"custom-z-index"}})},J=()=>{Ke(!1),j(!1),O(""),x({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},ct=()=>Ke(!0),P=()=>{J()},Ee=(l,f)=>{var v,d,C;let D=l,M=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(D,f==null?void 0:f.length,"dfih",D==="expiryMonth"&&(f==null?void 0:f.length)===2),D==="expiryMonth"&&(f==null?void 0:f.length)===2&&((v=ye==null?void 0:ye.current)==null||v.focus()),D==="expiryYear"&&(f==null?void 0:f.length)===4&&((d=Pe==null?void 0:Pe.current)==null||d.focus()),D==="cvv"&&(f==null?void 0:f.length)===3&&((C=r==null?void 0:r.current)==null||C.focus()),M.includes(D)){(f===""||/^[0-9]+$/.test(f))&&(h(k=>z(_({},k),{[D]:""})),x(k=>z(_({},k),{[D]:f})));return}h(k=>z(_({},k),{[D]:""})),console.log(f,D),x(k=>z(_({},k),{[D]:f}))},te=l=>{var v;let D=l.target.value.replace(/\D/g,""),M="";/^3[47]/.test(D)?M=D.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(C,k,c,u)=>[k,c,u].filter(Boolean).join(" ")):M=D.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(C,k,c,u,L)=>[k,c,u,L].filter(Boolean).join(" ")),h(d=>z(_({},d),{cardNumber:""})),x(d=>z(_({},d),{cardNumber:M})),console.log(D==null?void 0:D.length,"length"),(D==null?void 0:D.length)===16&&((v=K==null?void 0:K.current)==null||v.focus())},De=()=>{var v,d,C,k,c,u;let l={},f=w,D=parseInt((f==null?void 0:f.expiryMonth)||"",10),M=(f==null?void 0:f.expiryYear)||"";if((v=f==null?void 0:f.cardName)!=null&&v.trim()||(l.cardName="Card name is required"),(d=f==null?void 0:f.cardNumber)!=null&&d.trim()||(l.cardNumber="Card number is required"),(C=f==null?void 0:f.expiryMonth)!=null&&C.trim()?(Number(f==null?void 0:f.expiryMonth)>12||Number(f==null?void 0:f.expiryMonth)<1)&&(l.expiryMonth="Invalid Expiration Month."):l.expiryMonth="Expiration month is required",(k=f==null?void 0:f.expiryYear)!=null&&k.trim()?((c=f==null?void 0:f.expiryYear)==null?void 0:c.trim().length)!==4||Number(f==null?void 0:f.expiryYear)<2025?l.expiryYear="Invalid Expiration Year.":(isNaN(D)||D<1||D>12||M.length!==4)&&(l.expiryMonth="Invalid Expiration Date."):l.expiryYear="Expiration year is required",(u=f==null?void 0:f.cvv)!=null&&u.trim()||(l.cvv="CVC is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let L=parseInt(f.expiryMonth,10),Z=parseInt(f.expiryYear,10),re=new Date,ge=re.getMonth()+1,ht=re.getFullYear();(Z<ht||Z===ht&&L<ge)&&(l.expiryMonth="Card is expired")}return h(l),Object.keys(l).length>0},Ae=async()=>{var l,f,D;je();try{let M={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},v=await pn.default.post(`${$e}get-payment-details`,M);console.log(v),le((l=v==null?void 0:v.data)==null?void 0:l.data),(D=(f=v==null?void 0:v.data)==null?void 0:f.data)!=null&&D.paymentGateway||(J(),O("Something went wrong.")),N()}catch(M){console.log(M),N(),J(),O("Something went wrong.")}};return(0,se.useEffect)(()=>{e!=null&&e.merchantPublicKey&&Ae()},[e==null?void 0:e.merchantPublicKey]),se.default.createElement(se.default.Fragment,null,se.default.createElement(Gt,null),se.default.createElement(On,null),se.default.createElement(Ht,{loading:y}),Oe&&se.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},se.default.createElement(Dt,{error:Oe,onClose:J})),G&&se.default.createElement(bi,{onClose:P}),!Oe&&!G&&se.default.createElement(se.default.Fragment,null,se.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},se.default.createElement("form",{id:"creditCardForm",onSubmit:async l=>{var D,M,v,d,C,k,c,u,L,Z,re,ge,ht,Re,nt,st;l.preventDefault();let f=De();if(console.log(w),!f){let mt=DatacapWebToken.validateCardNumber(w==null?void 0:w.cardNumber.replaceAll(" ","")),rt=DatacapWebToken.validateExpirationDate(w==null?void 0:w.expiryMonth,w==null?void 0:w.expiryYear),Ie=DatacapWebToken.validateCVV(w==null?void 0:w.cvv),ve={};if(mt||(ve.cardNumber="Invalid card Number"),rt||(ve.expiryMonth="Invalid Expiration Date."),Ie||(ve.cvv="Invalid CVV"),h(ve),mt&&Ie&&rt){je();try{let E=async function(Te){var Xe,V,xt,jt,vt;if(console.log(Te),Te.Error)console.log(Te==null?void 0:Te.Error),O(Te.Error),N();else{let T={userId:e==null?void 0:e.customerId,cardName:w==null?void 0:w.cardName,zip:w==null?void 0:w.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:Te};try{let $=await pn.default.post(`${$e}add-card`,T);console.log($);let _e={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:w==null?void 0:w.cardNumber.replaceAll(" ",""),exp_month:w==null?void 0:w.expiryMonth,exp_year:(Xe=w==null?void 0:w.expiryYear)==null?void 0:Xe.slice(-2),cvv:w==null?void 0:w.cvv};try{let Se=await pn.default.post(`${$e}link-wallet`,_e);console.log(Se),j(!0),N(),x({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ln(l,"close","")}catch(Se){console.log(Se),N(),O(((xt=(V=Se==null?void 0:Se.response)==null?void 0:V.data)==null?void 0:xt.message)||(Se==null?void 0:Se.message)||"Something went wrong.")}}catch($){console.log($),N(),O(((vt=(jt=$==null?void 0:$.response)==null?void 0:jt.data)==null?void 0:vt.message)||($==null?void 0:$.message)||"Something went wrong.")}}};if((Le==null?void 0:Le.paymentGateway)===32){let Te={method:"POST",redirect:"follow"};try{let Xe=await pn.default.post(`${Be}api/v1/widget/generate-session`,Te),V=Number(w==null?void 0:w.expiryYear)%100,xt=w==null?void 0:w.cardNumber;xt=xt==null?void 0:xt.replace(/\s+/g,"");let jt=`${xt}=${V}${w==null?void 0:w.expiryMonth} ${w==null?void 0:w.cvv}`,T=forge.pki.publicKeyFromPem((M=(D=Xe==null?void 0:Xe.data)==null?void 0:D.data)==null?void 0:M.publicKeyPem).encrypt(jt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),$=forge.util.encode64(T),_e={"Content-Type":"application/json","x-app-session-key":(d=(v=Xe.data)==null?void 0:v.data)==null?void 0:d.session_key},Se=JSON.stringify({enc_track2_data:`${$}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(k=(C=Xe==null?void 0:Xe.data)==null?void 0:C.data)==null?void 0:k.session_key}`});try{let be=await pn.default.post(`${Lt}tokenizer/tokenize`,Se,{headers:_e}),Qe=JSON.stringify(z(_({},(c=be==null?void 0:be.data)==null?void 0:c.data),{cvv:w==null?void 0:w.cvv,cardName:w==null?void 0:w.cardName,zip:w==null?void 0:w.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),it={"Content-Type":"application/json"};try{let ze=await pn.default.post(`${$e}add-card`,Qe,{headers:it});console.log(ze),(u=ze==null?void 0:ze.data)!=null&&u.result&&(j(!0),N(),ln(l,"close",""))}catch(ze){N(),O(((Z=(L=ze==null?void 0:ze.response)==null?void 0:L.data)==null?void 0:Z.message)||(ze==null?void 0:ze.message)||"Something went wrong.")}}catch(be){N(),O(((ge=(re=be==null?void 0:be.response)==null?void 0:re.data)==null?void 0:ge.message)||(be==null?void 0:be.message)||"Something went wrong.")}}catch(Xe){N(),O(((Re=(ht=Xe==null?void 0:Xe.response)==null?void 0:ht.data)==null?void 0:Re.message)||(Xe==null?void 0:Xe.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Le==null?void 0:Le.dctoken,"creditCardForm",E)}catch(E){N(),O(((st=(nt=E==null?void 0:E.response)==null?void 0:nt.data)==null?void 0:st.message)||(E==null?void 0:E.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},se.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},se.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},se.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),se.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(w==null?void 0:w.cardNumber)||"",onChange:l=>te(l),ref:ke}),(ee==null?void 0:ee.cardNumber)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cardNumber),se.default.createElement("br",null)),se.default.createElement("div",{className:"card-dtl"},se.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"expMonth"},"MM"),se.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(w==null?void 0:w.expiryMonth)||"",onChange:l=>Ee("expiryMonth",l.target.value),ref:K}),(ee==null?void 0:ee.expiryMonth)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.expiryMonth)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"expYear"},"YYYY"),se.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(w==null?void 0:w.expiryYear)||"",onChange:l=>Ee("expiryYear",l.target.value),ref:ye}),(ee==null?void 0:ee.expiryYear)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.expiryYear)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"cvc"},"CVC"),se.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(w==null?void 0:w.cvv)||"",onChange:l=>Ee("cvv",l.target.value),ref:Pe}),(ee==null?void 0:ee.cvv)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cvv)))),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),se.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(w==null?void 0:w.cardName)||"",onChange:l=>{let f=l.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)},ref:r}),(ee==null?void 0:ee.cardName)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cardName)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"zipcode"},"Zip"),se.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(I=w==null?void 0:w.zipCode)!=null?I:"",onChange:l=>Ee("zipCode",l.target.value)}),(ee==null?void 0:ee.zipCode)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.zipCode))),se.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var q=Fe(require("react"));var Nn=Fe(require("axios"));var Tn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var Ci=Fe(require("react"));function Zn({}){return Ci.default.createElement("style",null,`
|
|
2019
|
+
`)}var Gi=({onClose:e})=>Rt.default.createElement(Rt.default.Fragment,null,Rt.default.createElement(Kn,null),Rt.default.createElement("div",{className:"card-success"},Rt.default.createElement("div",{className:"payment-success-container"},Rt.default.createElement("div",{className:"success-icon"},Rt.default.createElement("div",{className:"circle"},Rt.default.createElement("i",{className:"fa fa-check-circle","aria-hidden":"true"})),Rt.default.createElement("div",{className:"success-text"},Rt.default.createElement("div",{className:"payment-success-text"},"Your card was added successfully."),Rt.default.createElement("div",{className:"thank-you-text"},"Thank you ")))))),bi=Gi;function vi(e){var I;let[y,B]=(0,se.useState)(!1),[G,j]=(0,se.useState)(!1),[Oe,O]=(0,se.useState)(""),[dt,Ke]=(0,se.useState)(!1),ke=(0,se.useRef)(null),K=(0,se.useRef)(null),ye=(0,se.useRef)(null),Pe=(0,se.useRef)(null),r=(0,se.useRef)(null),[w,x]=(0,se.useState)(),[ee,h]=(0,se.useState)({}),[Le,le]=(0,se.useState)(),je=()=>B(!0),N=()=>B(!1),Ze=l=>{xi.default.fire({icon:"error",text:l,customClass:{popup:"custom-z-index"}})},J=()=>{Ke(!1),j(!1),O(""),x({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""})},ct=()=>Ke(!0),P=()=>{J()},Ee=(l,f)=>{var v,d,C;let D=l,M=["expiryMonth","expiryYear","zipCode","cvv"];if(console.log(D,f==null?void 0:f.length,"dfih",D==="expiryMonth"&&(f==null?void 0:f.length)===2),D==="expiryMonth"&&(f==null?void 0:f.length)===2&&((v=ye==null?void 0:ye.current)==null||v.focus()),D==="expiryYear"&&(f==null?void 0:f.length)===4&&((d=Pe==null?void 0:Pe.current)==null||d.focus()),D==="cvv"&&(f==null?void 0:f.length)===3&&((C=r==null?void 0:r.current)==null||C.focus()),M.includes(D)){(f===""||/^[0-9]+$/.test(f))&&(h(k=>z(_({},k),{[D]:""})),x(k=>z(_({},k),{[D]:f})));return}h(k=>z(_({},k),{[D]:""})),console.log(f,D),x(k=>z(_({},k),{[D]:f}))},te=l=>{var v;let D=l.target.value.replace(/\D/g,""),M="";/^3[47]/.test(D)?M=D.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(C,k,c,u)=>[k,c,u].filter(Boolean).join(" ")):M=D.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(C,k,c,u,L)=>[k,c,u,L].filter(Boolean).join(" ")),h(d=>z(_({},d),{cardNumber:""})),x(d=>z(_({},d),{cardNumber:M})),console.log(D==null?void 0:D.length,"length"),(D==null?void 0:D.length)===16&&((v=K==null?void 0:K.current)==null||v.focus())},De=()=>{var v,d,C,k,c,u;let l={},f=w,D=parseInt((f==null?void 0:f.expiryMonth)||"",10),M=(f==null?void 0:f.expiryYear)||"";if((v=f==null?void 0:f.cardName)!=null&&v.trim()||(l.cardName="Card name is required"),(d=f==null?void 0:f.cardNumber)!=null&&d.trim()||(l.cardNumber="Card number is required"),(C=f==null?void 0:f.expiryMonth)!=null&&C.trim()?(Number(f==null?void 0:f.expiryMonth)>12||Number(f==null?void 0:f.expiryMonth)<1)&&(l.expiryMonth="Invalid Expiration Month."):l.expiryMonth="Expiration month is required",(k=f==null?void 0:f.expiryYear)!=null&&k.trim()?((c=f==null?void 0:f.expiryYear)==null?void 0:c.trim().length)!==4||Number(f==null?void 0:f.expiryYear)<2025?l.expiryYear="Invalid Expiration Year.":(isNaN(D)||D<1||D>12||M.length!==4)&&(l.expiryMonth="Invalid Expiration Date."):l.expiryYear="Expiration year is required",(u=f==null?void 0:f.cvv)!=null&&u.trim()||(l.cvv="CVC is required"),f!=null&&f.expiryMonth&&(f!=null&&f.expiryYear)&&f.expiryMonth.length<=2&&f.expiryYear.length===4){let L=parseInt(f.expiryMonth,10),Z=parseInt(f.expiryYear,10),re=new Date,ge=re.getMonth()+1,ht=re.getFullYear();(Z<ht||Z===ht&&L<ge)&&(l.expiryMonth="Card is expired")}return h(l),Object.keys(l).length>0},Ae=async()=>{var l,f,D;je();try{let M={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,customer_id:e==null?void 0:e.customerId,addcard:!0},v=await pn.default.post(`${$e}get-payment-details`,M);console.log(v),le((l=v==null?void 0:v.data)==null?void 0:l.data),(D=(f=v==null?void 0:v.data)==null?void 0:f.data)!=null&&D.paymentGateway||(J(),O("Something went wrong.")),N()}catch(M){console.log(M),N(),J(),O("Something went wrong.")}};return(0,se.useEffect)(()=>{e!=null&&e.merchantPublicKey&&Ae()},[e==null?void 0:e.merchantPublicKey]),se.default.createElement(se.default.Fragment,null,se.default.createElement(Gt,null),se.default.createElement(On,null),se.default.createElement(Ht,{loading:y}),Oe&&se.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},se.default.createElement(Dt,{error:Oe,onClose:J})),G&&se.default.createElement(bi,{onClose:P}),!Oe&&!G&&se.default.createElement(se.default.Fragment,null,se.default.createElement("div",{className:"container-creditcard add-card modal-content",id:"add-credit-card-panel",style:{margin:"auto"}},se.default.createElement("form",{id:"creditCardForm",onSubmit:async l=>{var D,M,v,d,C,k,c,u,L,Z,re,ge,ht,Re,nt,st;l.preventDefault();let f=De();if(console.log(w),!f){let mt=DatacapWebToken.validateCardNumber(w==null?void 0:w.cardNumber.replaceAll(" ","")),rt=DatacapWebToken.validateExpirationDate(w==null?void 0:w.expiryMonth,w==null?void 0:w.expiryYear),Ie=DatacapWebToken.validateCVV(w==null?void 0:w.cvv),ve={};if(mt||(ve.cardNumber="Invalid card Number"),rt||(ve.expiryMonth="Invalid Expiration Date."),Ie||(ve.cvv="Invalid CVV"),h(ve),mt&&Ie&&rt){je();try{let E=async function(Te){var Ge,V,xt,jt,vt;if(console.log(Te),Te.Error)console.log(Te==null?void 0:Te.Error),O(Te.Error),N();else{let T={userId:e==null?void 0:e.customerId,cardName:w==null?void 0:w.cardName,zip:w==null?void 0:w.zipCode,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,token:Te};try{let $=await pn.default.post(`${$e}add-card`,T);console.log($);let _e={fractalpayPublicKey:e==null?void 0:e.merchantPublicKey,wallet_id:"",card_number:w==null?void 0:w.cardNumber.replaceAll(" ",""),exp_month:w==null?void 0:w.expiryMonth,exp_year:(Ge=w==null?void 0:w.expiryYear)==null?void 0:Ge.slice(-2),cvv:w==null?void 0:w.cvv};try{let Se=await pn.default.post(`${$e}link-wallet`,_e);console.log(Se),j(!0),N(),x({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),ln(l,"close","")}catch(Se){console.log(Se),N(),O(((xt=(V=Se==null?void 0:Se.response)==null?void 0:V.data)==null?void 0:xt.message)||(Se==null?void 0:Se.message)||"Something went wrong.")}}catch($){console.log($),N(),O(((vt=(jt=$==null?void 0:$.response)==null?void 0:jt.data)==null?void 0:vt.message)||($==null?void 0:$.message)||"Something went wrong.")}}};if((Le==null?void 0:Le.paymentGateway)===32){let Te={method:"POST",redirect:"follow"};try{let Ge=await pn.default.post(`${Be}api/v1/widget/generate-session`,Te),V=Number(w==null?void 0:w.expiryYear)%100,xt=w==null?void 0:w.cardNumber;xt=xt==null?void 0:xt.replace(/\s+/g,"");let jt=`${xt}=${V}${w==null?void 0:w.expiryMonth} ${w==null?void 0:w.cvv}`,T=forge.pki.publicKeyFromPem((M=(D=Ge==null?void 0:Ge.data)==null?void 0:D.data)==null?void 0:M.publicKeyPem).encrypt(jt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),$=forge.util.encode64(T),_e={"Content-Type":"application/json","x-app-session-key":(d=(v=Ge.data)==null?void 0:v.data)==null?void 0:d.session_key},Se=JSON.stringify({enc_track2_data:`${$}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(k=(C=Ge==null?void 0:Ge.data)==null?void 0:C.data)==null?void 0:k.session_key}`});try{let be=await pn.default.post(`${Lt}tokenizer/tokenize`,Se,{headers:_e}),Qe=JSON.stringify(z(_({},(c=be==null?void 0:be.data)==null?void 0:c.data),{cvv:w==null?void 0:w.cvv,cardName:w==null?void 0:w.cardName,zip:w==null?void 0:w.zipCode,userId:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey})),it={"Content-Type":"application/json"};try{let ze=await pn.default.post(`${$e}add-card`,Qe,{headers:it});console.log(ze),(u=ze==null?void 0:ze.data)!=null&&u.result&&(j(!0),N(),ln(l,"close",""))}catch(ze){N(),O(((Z=(L=ze==null?void 0:ze.response)==null?void 0:L.data)==null?void 0:Z.message)||(ze==null?void 0:ze.message)||"Something went wrong.")}}catch(be){N(),O(((ge=(re=be==null?void 0:be.response)==null?void 0:re.data)==null?void 0:ge.message)||(be==null?void 0:be.message)||"Something went wrong.")}}catch(Ge){N(),O(((Re=(ht=Ge==null?void 0:Ge.response)==null?void 0:ht.data)==null?void 0:Re.message)||(Ge==null?void 0:Ge.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(Le==null?void 0:Le.dctoken,"creditCardForm",E)}catch(E){N(),O(((st=(nt=E==null?void 0:E.response)==null?void 0:nt.data)==null?void 0:st.message)||(E==null?void 0:E.message)||"Something went wrong.")}}}},style:{padding:"0 10px"}},se.default.createElement("div",{style:{maxHeight:"350px",minHeight:"0"},className:"card-scrl"},se.default.createElement("div",{className:"form-group",style:{marginTop:"0",marginBottom:"10px"}},se.default.createElement("label",{htmlFor:"cardNumber"},"Card Number"),se.default.createElement("input",{type:"text","data-token":"card_number",placeholder:"Enter card number",maxLength:19,inputMode:"numeric",value:(w==null?void 0:w.cardNumber)||"",onChange:l=>te(l),ref:ke}),(ee==null?void 0:ee.cardNumber)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cardNumber),se.default.createElement("br",null)),se.default.createElement("div",{className:"card-dtl"},se.default.createElement("div",{className:"exp-cvc-container",style:{margin:"0"}},se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"expMonth"},"MM"),se.default.createElement("input",{"data-token":"exp_month",className:"form-control required",type:"text",placeholder:"MM",maxLength:2,value:(w==null?void 0:w.expiryMonth)||"",onChange:l=>Ee("expiryMonth",l.target.value),ref:K}),(ee==null?void 0:ee.expiryMonth)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.expiryMonth)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"expYear"},"YYYY"),se.default.createElement("input",{"data-token":"exp_year",className:"form-control required",type:"text",placeholder:"YYYY",maxLength:4,value:(w==null?void 0:w.expiryYear)||"",onChange:l=>Ee("expiryYear",l.target.value),ref:ye}),(ee==null?void 0:ee.expiryYear)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.expiryYear)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"cvc"},"CVC"),se.default.createElement("input",{"data-token":"cvv",className:"form-control required",type:"text",placeholder:"CVC",maxLength:4,value:(w==null?void 0:w.cvv)||"",onChange:l=>Ee("cvv",l.target.value),ref:Pe}),(ee==null?void 0:ee.cvv)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cvv)))),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"cardholderName"},"Name on card"),se.default.createElement("input",{type:"text",id:"cardholderName",name:"cardholderName",placeholder:"Name on card required",value:(w==null?void 0:w.cardName)||"",onChange:l=>{let f=l.target.value;/^[a-zA-Z\s]*$/.test(f)&&Ee("cardName",f)},ref:r}),(ee==null?void 0:ee.cardName)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.cardName)),se.default.createElement("div",{className:"form-group",style:{marginTop:"0"}},se.default.createElement("label",{htmlFor:"zipcode"},"Zip"),se.default.createElement("input",{type:"text",id:"",name:"zipcode",placeholder:"Zip",value:(I=w==null?void 0:w.zipCode)!=null?I:"",onChange:l=>Ee("zipCode",l.target.value)}),(ee==null?void 0:ee.zipCode)&&se.default.createElement("span",{className:"error-span",style:{color:"red",fontSize:"12px"}},ee==null?void 0:ee.zipCode))),se.default.createElement("input",{type:"submit",className:"idle-green-btn w-100",defaultValue:"Submit"})))))}var q=Fe(require("react"));var Nn=Fe(require("axios"));var Tn={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};var Ci=Fe(require("react"));function Zn({}){return Ci.default.createElement("style",null,`
|
|
2020
2020
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
|
2021
2021
|
|
|
2022
2022
|
.creditformbox {
|
|
@@ -2888,4 +2888,4 @@ position:relative;
|
|
|
2888
2888
|
|
|
2889
2889
|
|
|
2890
2890
|
|
|
2891
|
-
`)}var zt=Fe(require("axios"));var qn=require("react-icons/io5"),fn=Fe(require("sweetalert2"));var ki=({amount:e,submitBtnText:y="Pay",session_token:B,customerId:G,callback:j,merchantName:Oe="merchant",isPreAuth:O,surcharge:dt="0",submitBtnClass:Ke,submitBtnIcon:ke,isRequest:K,pass_fee:ye,pass_fee_amount:Pe})=>{var pt,Ut,nn,Y,p,X,He,g,m,H,he,W,we,Me;let[r,w]=(0,i.useState)("card"),[x,ee]=(0,i.useState)("card"),[h,Le]=(0,i.useState)(),[le,je]=(0,i.useState)({}),[N,Ze]=(0,i.useState)(),[J,ct]=(0,i.useState)({}),[P,Ee]=(0,i.useState)(!1),[te,De]=(0,i.useState)(!1),[Ae,bt]=(0,i.useState)(!1),[I,l]=(0,i.useState)(""),[f,D]=(0,i.useState)(!1),[M,v]=(0,i.useState)(""),[d,C]=(0,i.useState)(!1),[k,c]=(0,i.useState)(!1),[u,L]=(0,i.useState)([]),[Z,re]=(0,i.useState)([]),[ge,ht]=(0,i.useState)(),[Re,nt]=(0,i.useState)(Number(e)),[st,mt]=(0,i.useState)("form"),[rt,Ie]=(0,i.useState)("form"),[ve,E]=(0,i.useState)(!1),[Te,Xe]=(0,i.useState)(0);console.log(Re,"cashDiscount");let V=oe+"widget/mc-img.svg",xt=oe+"widget/visa-img.svg",jt=oe+"widget/ae-img.svg",vt=oe+"widget/discover-img.svg",T=oe+"widget/card.svg",$=oe+"widget/Trash.svg",_e=oe+"widget/bank.svg",Se=oe+"widget/secure-img.png",be=oe+"widget/pov-by.png",Qe=oe+"widget/pax.svg",it=oe+"widget/cardicon.svg",ze=oe+"widget/bankicon.svg",at=()=>C(!0),xe=()=>C(!1),At=(o,s)=>{let A=(parseFloat(s)||0)/100,U=o/(1+A);return Math.round(U*100)/100},Ct=async o=>{var s,A,U,b,R,ne,fe,ie,ce;console.log(o,"ndfkjhdskjfhds");try{let me={pass_fee_amount:Number(e)-Re,pass_fee:ye,Token:o==null?void 0:o.Token,amount:e,postal_code:o==null?void 0:o.postalCode},ae=await zt.default.post(`${Be}api/v1/gateway/charge/${B}`,me);if((s=ae==null?void 0:ae.data)!=null&&s.result){let ue;if(Ae&&G)try{let Ce={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:(o==null?void 0:o.gateway_token)||(o==null?void 0:o.Token)};ue=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,Ce),console.log((A=ue==null?void 0:ue.data)==null?void 0:A.data,"addCard?.data?.data"),(U=ue==null?void 0:ue.data)!=null&&U.result&&(ue=(b=ue==null?void 0:ue.data)==null?void 0:b.data)}catch(Ce){console.log(Ce,"error"),xe(),l(((ne=(R=Ce==null?void 0:Ce.response)==null?void 0:R.data)==null?void 0:ne.message)||"Something went wrong!")}let de={cardDetails:_(_({},ue),o),callback:z(_({},(fe=ae==null?void 0:ae.data)==null?void 0:fe.data),{name:h==null?void 0:h.cardName,isPreAuth:O})};Ae||delete de.cardDetails,j(de),xe(),kt()}}catch(me){l(((ce=(ie=me==null?void 0:me.response)==null?void 0:ie.data)==null?void 0:ce.message)||"Something went wrong!"),xe()}},ut=async o=>{var s,A,U,b,R,ne,fe,ie;try{let ce={Token:o==null?void 0:o.Token,amount:e,postal_code:o==null?void 0:o.postalCode},me=await zt.default.post(`${Be}api/v1/gateway/preauth/${B}`,ce);if((s=me==null?void 0:me.data)!=null&&s.result){let ae;if(Ae&&G)try{console.log(me,"preAuthResponse");let de={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:(o==null?void 0:o.Token)||(o==null?void 0:o.gateway_token)};ae=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,de),(A=ae==null?void 0:ae.data)!=null&&A.result&&(ae=(U=ae==null?void 0:ae.data)==null?void 0:U.data)}catch(de){console.log(de,"error"),xe(),l(((R=(b=de==null?void 0:de.response)==null?void 0:b.data)==null?void 0:R.message)||"Something went wrong!")}let ue={cardDetails:_(_({},ae),o),callback:z(_({},(ne=me==null?void 0:me.data)==null?void 0:ne.data),{name:h==null?void 0:h.cardName,isPreAuth:O})};Ae||delete ue.cardDetails,j(ue),xe(),kt()}}catch(ce){l(((ie=(fe=ce==null?void 0:ce.response)==null?void 0:fe.data)==null?void 0:ie.message)||"Something went wrong!"),xe()}},Nt=async o=>{var s,A,U,b;if(o.Error)l(o.Error),xe();else{let R={token:o.Token,resp:o};try{let ne=await zt.default.post(`${Be}api/v1/gateway/update/token/${B}`,R);if((ne==null?void 0:ne.status)==200){let fe={Token:(A=(s=ne==null?void 0:ne.data)==null?void 0:s.data)==null?void 0:A.gateway_token,Brand:o.Brand,ExpirationMonth:o.ExpirationMonth,ExpirationYear:o.ExpirationYear,Last4:o.Last4,Bin:o.Bin,CVV:o.CVV,postalCode:h==null?void 0:h.zipCode},ie;O?ut(fe):Ct(fe)}}catch(ne){console.log(ne,"error"),xe(),l(((b=(U=ne==null?void 0:ne.response)==null?void 0:U.data)==null?void 0:b.message)||"Something went wrong!")}}},It=()=>De(!0),Vt=o=>{w(o)},Bt=()=>{var A,U,b,R,ne,fe,ie,ce;let o={},s=N;return(A=s==null?void 0:s.name)!=null&&A.trim()||(o.name="Name is required"),(U=s==null?void 0:s.accountNumber)!=null&&U.trim()||(o.accountNumber="Account number is required"),(b=s==null?void 0:s.accountNumber)!=null&&b.trim()&&((R=s==null?void 0:s.accountNumber)==null?void 0:R.trim())!==((ne=s==null?void 0:s.confirmAccountNumber)==null?void 0:ne.trim())&&(o.confirmAccountNumber="Account numbers must match"),(fe=s==null?void 0:s.bankName)!=null&&fe.trim()||(o.bankName="Bank name is required"),(ie=s==null?void 0:s.routingNumber)!=null&&ie.trim()||(o.routingNumber="Routing Number is required"),s!=null&&s.routingNumber&&((ce=s==null?void 0:s.routingNumber)==null?void 0:ce.length)!==9&&(o.routingNumber="Routing number must be 9 digits"),((s==null?void 0:s.accountType)==="business saving"||(s==null?void 0:s.accountType)==="business checking")&&(!(s!=null&&s.companyName)||(s==null?void 0:s.companyName)==="")&&(o.companyName="Company Name is required for business accounts"),ct(o),Object.keys(o).length>0},Tt=async()=>{var o,s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;try{let Q={method:"POST",redirect:"follow"},pe=await zt.default.post(`${Be}api/v1/widget/generate-session`,Q),We=Number(h==null?void 0:h.expiryYear)%100,tt=`${(o=h==null?void 0:h.cardNumber)==null?void 0:o.replace(/\s+/g,"")}=${We}${h==null?void 0:h.expiryMonth} ${h==null?void 0:h.cvv}`,Ft=forge.pki.publicKeyFromPem((A=(s=pe==null?void 0:pe.data)==null?void 0:s.data)==null?void 0:A.publicKeyPem).encrypt(tt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),_n=forge.util.encode64(Ft),Pt={"Content-Type":"application/json","x-app-session-key":(b=(U=pe.data)==null?void 0:U.data)==null?void 0:b.session_key},Mt=JSON.stringify({enc_track2_data:_n,algorithm:"RSAES_OAEP_SHA_1",session_key:(ne=(R=pe==null?void 0:pe.data)==null?void 0:R.data)==null?void 0:ne.session_key}),an=await zt.default.post(`${Lt}tokenizer/tokenize`,Mt,{headers:Pt});if((an==null?void 0:an.status)==200){let zn=(ie=(fe=an==null?void 0:an.data)==null?void 0:fe.data)==null?void 0:ie.token;try{let Kt=await zt.default.post(`${Be}api/v1/gateway/verify-and-save/${B}`,{token:zn});if((Kt==null?void 0:Kt.status)==200){let Yt=(ce=Kt==null?void 0:Kt.data)==null?void 0:ce.data,Qt={Token:Yt.gateway_token,Brand:Yt.card_data.brand,ExpirationMonth:Yt.card_data.expire_mm,ExpirationYear:Yt.card_data.expire_yy,Last4:Yt.card_data.last4,Bin:Yt.card_data.bin,postalCode:h==null?void 0:h.zipCode},Zt;if(Ae&&G)try{let $t={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:Yt.gateway_token};Zt=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,$t)}catch($t){console.log($t,"error"),xe(),l(((ae=(me=$t==null?void 0:$t.response)==null?void 0:me.data)==null?void 0:ae.message)||"Something went wrong!")}O?ut(Qt):Ct(Qt)}}catch(Kt){console.log(Kt,"error"),l(((de=(ue=Kt==null?void 0:Kt.response)==null?void 0:ue.data)==null?void 0:de.message)||"Something went wrong!"),xe()}}}catch(Q){xe(),console.log(Q,"error"),l(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||"Something went wrong!")}},yt=()=>{var b,R,ne,fe,ie,ce;let o={},s=h,A=parseInt((s==null?void 0:s.expiryMonth)||"",10),U=(s==null?void 0:s.expiryYear)||"";if((b=s==null?void 0:s.cardName)!=null&&b.trim()||(o.cardName="Card name is required"),(R=s==null?void 0:s.cardNumber)!=null&&R.trim()||(o.cardNumber="Card number is required"),(!((ne=s==null?void 0:s.expiryMonth)!=null&&ne.trim())||!((fe=s==null?void 0:s.expiryYear)!=null&&fe.trim())||isNaN(A)||A<1||A>12||U.length!==4)&&(o.expiryMonth="Invalid Expiration Date."),(ie=s==null?void 0:s.cvv)!=null&&ie.trim()||(o.cvv="CVV is required"),(ce=s==null?void 0:s.zipCode)!=null&&ce.trim()||(o.zipCode="ZIP code is required"),s!=null&&s.expiryMonth&&(s!=null&&s.expiryYear)&&s.expiryMonth.length<=2&&s.expiryYear.length===4){let me=parseInt(s.expiryMonth,10),ae=parseInt(s.expiryYear,10),ue=new Date,de=ue.getMonth()+1,Ce=ue.getFullYear();(ae<Ce||ae===Ce&&me<de)&&(o.expiryMonth="Card is expired")}return je(o),Object.keys(o).length>0},qe=()=>{let o=DatacapWebToken.validateCardNumber(h==null?void 0:h.cardNumber.replaceAll(" ","")),s=DatacapWebToken.validateExpirationDate(h==null?void 0:h.expiryMonth,h==null?void 0:h.expiryYear),A=DatacapWebToken.validateCVV(h==null?void 0:h.cvv),U={};return o||(U.cardNumber="Invalid card Number"),s||(U.expiryMonth="Invalid Expiration Date."),A||(U.cvv="Invalid CVV"),je(U),o&&A&&s},wt=async o=>{var s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;if(o.preventDefault(),r!=="ach"){if(yt()||!qe())return}else if(Bt())return;try{at();let Q=await zt.default.get(`${Be}api/v1/gateway/token/${B}`);if((Q==null?void 0:Q.status)==200){let pe=(A=(s=Q==null?void 0:Q.data)==null?void 0:s.data)==null?void 0:A.gateway_token,We=(b=(U=Q==null?void 0:Q.data)==null?void 0:U.data)==null?void 0:b.paymentGateway;if(r!=="ach")We==((R=Tn)==null?void 0:R.FRACTALKEY)?await Tt():DatacapWebToken.requestToken(pe,"PaymentForm",Nt);else{let qt;try{let tt=await zt.default.post(`${Be}api/v1/gateway/bank-charge/${B}`,{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:`${Re}`,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(N==null?void 0:N.companyName)||""});if((ne=tt==null?void 0:tt.data)!=null&&ne.result){if(P&&G)try{let Ge=await zt.default.post(`${Be}api/v1/gateway/add-bank/${B}`,{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:G||"",company_name:(N==null?void 0:N.companyName)||""});Ge.data.result&&(qt={bankDetails:z(_({},(fe=Ge==null?void 0:Ge.data)==null?void 0:fe.data),{account_type:N==null?void 0:N.accountType})})}catch(Ge){xe(),l(((ce=(ie=Ge==null?void 0:Ge.response)==null?void 0:ie.data)==null?void 0:ce.message)||"Something went wrong!")}qt=z(_({},qt),{callback:z(_({},(me=tt==null?void 0:tt.data)==null?void 0:me.data),{name:N==null?void 0:N.name,isPreAuth:O})}),j(qt),kt(),xe()}}catch(tt){console.log(tt,"errororor");let Ge=(ae=tt==null?void 0:tt.response)==null?void 0:ae.data;typeof(Ge==null?void 0:Ge.message)=="object"?Object.values(Ge==null?void 0:Ge.message).forEach(Ft=>{l(Ft||"Something went wrong")}):l((Ge==null?void 0:Ge.message)||"Something went wrong"),xe()}}}}catch(Q){xe(),j({error:((de=(ue=Q==null?void 0:Q.response)==null?void 0:ue.data)==null?void 0:de.message)||"Something went wrong!"}),l(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||"Something went wrong!")}},gt=(o,s)=>{let A=o;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(A)){(s===""||/^[0-9]+$/.test(s))&&(je(b=>z(_({},b),{[A]:""})),Le(b=>z(_({},b),{[A]:s})));return}je(b=>z(_({},b),{[A]:""})),Le(b=>z(_({},b),{[A]:s}))},Jt=o=>{let A=o.target.value.replace(/\D/g,""),U="";/^3[47]/.test(A)?U=A.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(R,ne,fe,ie)=>[ne,fe,ie].filter(Boolean).join(" ")):U=A.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(R,ne,fe,ie,ce)=>[ne,fe,ie,ce].filter(Boolean).join(" ")),je(b=>z(_({},b),{cardNumber:""})),Le(b=>z(_({},b),{cardNumber:U}))},Ve=o=>{let{name:s,value:A}=o.target,U=["routingNumber","accountNumber","confirmAccountNumber"];if(s=="name"){/^[a-zA-Z\s]*$/.test(A)&&(ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A})));return}if(U.includes(s)){(A===""||/^[0-9]+$/.test(A))&&(ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A})));return}ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A}))},kt=()=>{De(!1),w("card"),l(""),D(!1),v(""),Ze({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ct({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Le({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),je({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ee(!1),bt(!1),Ie("form"),mt("form"),E(!1),Xe(0),nt(0),L([])},St=async()=>{var o,s,A,U;at();try{let b={isPreAuth:O,customerId:G},R=await zt.default.post(`${Be}api/v1/gateway/card-list/${B}`,b);console.log("cardListData",R);let ne=((s=(o=R==null?void 0:R.data)==null?void 0:o.data)==null?void 0:s.cardList)||[],fe=ne==null?void 0:ne.filter(ce=>(ce==null?void 0:ce.card_type)=="Bank"),ie=ne==null?void 0:ne.filter(ce=>(ce==null?void 0:ce.card_type)!=="Bank");ie&&(ie==null?void 0:ie.length)>0?(w("card"),mt("list"),L(ie)):w("card"),fe&&(fe==null?void 0:fe.length)>0&&(Ie("list"),re(fe)),xe()}catch(b){console.log(b),xe(),l(((U=(A=b==null?void 0:b.response)==null?void 0:A.data)==null?void 0:U.message)||(b==null?void 0:b.message)||"Something went wrong")}};console.log(Z,"lists",u);let et=o=>{switch(o==null?void 0:o.toLowerCase()){case"visa":return xt;case"mastercard":case"mc":case"m/c":return V;case"amex":case"american express":case"ae":return jt;case"discover":case"dcvr":return vt;case"bank":return _e;default:return o}},ot=async o=>{fn.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 s=>{var A,U;if(s.isConfirmed){c(!0);try{let b={card_id:o,customer_id:G},R=await zt.default.patch(`${Be}api/v1/gateway/delete-card/${B}`,b);(A=R==null?void 0:R.data)!=null&&A.result?(c(!1),St(),fn.default.fire({icon:"success",title:"Deleted!",text:((U=R==null?void 0:R.data)==null?void 0:U.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(c(!1),fn.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(b){c(!1),fn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else s.dismiss===fn.default.DismissReason.cancel&&fn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xt=async()=>{var U,b,R,ne;let o=G,s=ge==null?void 0:ge.id,A=ge==null?void 0:ge.card_type;if(e)if(o)if(s){let fe={amount:(A==null?void 0:A.toLowerCase())==="bank"?`${Re}`:e,customer_id:o,card_id:s,pass_fee_amount:Number(e)-Re};O&&(fe.isPreauth=!0),console.log(fe,"chargeobj");let ie=Be+"api/v1/gateway/charge-by-saved-details/"+B,ce={"Content-Type":"application/json"};try{at();let me=await zt.default.post(ie,fe);console.log(me,"res"),(U=me==null?void 0:me.data)!=null&&U.result&&(j({callback:z(_({},(b=me==null?void 0:me.data)==null?void 0:b.data),{isPreAuth:O})}),xe(),kt())}catch(me){console.log(me==null?void 0:me.response,"error by saved details"),xe(),l(((ne=(R=me==null?void 0:me.response)==null?void 0:R.data)==null?void 0:ne.message)||"Something went wrong!")}}else l("Please Select A Card/ACH");else l("Please Select Customer");else l("Something went wrong.")};console.log(te,e,G);let Ot=async()=>{var o,s,A,U;try{at();let b=await zt.default.get(`${Be}api/v1/gateway/get-payment-details/${B}`);console.log(b,"respinse"),(b==null?void 0:b.status)==200&&(E((s=(o=b==null?void 0:b.data)==null?void 0:o.data)==null?void 0:s.isBankActive),Xe(Number((U=(A=b==null?void 0:b.data)==null?void 0:A.data)==null?void 0:U.fee)||0),xe())}catch(b){console.log(b,"error while getting payment details"),xe()}};(0,i.useLayoutEffect)(()=>{te&&Ot()},[te]),(0,i.useEffect)(()=>{if(te&&Pe){let o=Number(e)-Number(Pe);o&&!isNaN(o)&&nt(o)}else if(te&&ye&&Te){let o=At(e,Te);o&&!isNaN(o)&&nt(o)}else nt(Number(e));G&&te&&!K&&St()},[G,te,e,Te]);let tn=()=>O?"Cards":"Cards/Bank";return console.log(ve,"scdgfhasgcf"),i.default.createElement(i.default.Fragment,null,i.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.default.createElement(Gt,null),i.default.createElement(En,null),i.default.createElement(un,null),i.default.createElement("button",{className:Ke||"paymentBtn",onClick:It},y,ke),i.default.createElement(Et,{open:te,onClose:kt},I&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Dt,{error:I,onClose:kt})),!I&&i.default.createElement(i.default.Fragment,null,(d||k)&&i.default.createElement(Ht,{loading:d||k}),i.default.createElement("div",{className:"frac-card-payment-page frac-form frac-new-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:kt},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("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("h1",{className:"pay-heading"},"Pay"),(u==null?void 0:u.length)>0&&r!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>w("cardList")}," ",i.default.createElement(qn.IoArrowBack,null)," Back")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Select payment type"),i.default.createElement("div",{className:"frac-card-bank-radio-main"},i.default.createElement(rn,{label:"Card",amount:(pt=Number(e))==null?void 0:pt.toFixed(2),value:"card",onChange:Vt,activetab:r}),!O&&ve&&i.default.createElement(rn,{label:"Bank",amount:(Ut=Number(Re))==null?void 0:Ut.toFixed(2),value:"ach",onChange:Vt,activetab:r})),ye&&Re&&Number(e)-Number(Re)>0?i.default.createElement("div",{className:"frac-cash-discount-fee"},i.default.createElement("small",null,r==="card"?"Cash Discount":"Cash Discount Savings"," "),i.default.createElement("p",null,Ue((Number(e)-Number(Re)).toFixed(2)))):null))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:Se,alt:""}),i.default.createElement("img",{src:be,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},i.default.createElement("div",{id:"ach",style:{display:r==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(u==null?void 0:u.length)>0&&st==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>mt("list")}," ",i.default.createElement(qn.IoArrowBack,null))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},i.default.createElement("img",{src:xt,alt:"",width:33}),i.default.createElement("img",{src:V,width:33,alt:""}),i.default.createElement("img",{src:jt,alt:"",width:33}),i.default.createElement("img",{src:vt,width:33,alt:""})),st==="list"&&(u==null?void 0:u.length)>0?i.default.createElement(i.default.Fragment,null,i.default.createElement(sn,{headingClass:"card-ach-heading-frac",listHeading:"Card",ListItems:u,selectedCard:ge,setSelectedCard:ht,handleDeleteCard:ot,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{mt("form")}}),i.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Xt},Ue((nn=Number(e))==null?void 0:nn.toFixed(2))))):i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:wt},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(h==null?void 0:h.cardName)||"",onChange:o=>{let s=o.target.value;/^[a-zA-Z\s]*$/.test(s)&>("cardName",s)}}),(le==null?void 0:le.cardName)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cardName)),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(h==null?void 0:h.cardNumber)||"",onChange:o=>Jt(o),"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-frac"},i.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:(h==null?void 0:h.expiryMonth)||"",onChange:o=>gt("expiryMonth",o.target.value)})),i.default.createElement("div",{className:"exp-year form-group-frac"},i.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:(h==null?void 0:h.expiryYear)||"",onChange:o=>gt("expiryYear",o.target.value)})),i.default.createElement("div",{className:"security-digit form-group-frac"},i.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(h==null?void 0:h.cvv)||"",onChange:o=>gt("cvv",o.target.value)})))),(le==null?void 0:le.cardNumber)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cardNumber),i.default.createElement("p",{style:{margin:"0"}},le!=null&&le.expiryMonth||le!=null&&le.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},le==null?void 0:le.expiryMonth):"",(le==null?void 0:le.cvv)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cvv)))),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Y=h==null?void 0:h.zipCode)!=null?Y:"",onChange:o=>gt("zipCode",o.target.value)}),(le==null?void 0:le.zipCode)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.zipCode)),G&&i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Ae,onChange:o=>bt(o.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("div",{className:"frac-tooltip-wrapper"},i.default.createElement("div",{className:"frac-tooltip-icon"},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("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("div",{className:"frac-tooltip-text"},i.default.createElement("p",null,"If checked, I agree to give the ",i.default.createElement("b",null,Oe||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),i.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((p=Number(e))==null?void 0:p.toFixed(2)))))),i.default.createElement("div",{id:"ach",style:{display:r==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(Z==null?void 0:Z.length)>0&&rt==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Ie("list")}," ",i.default.createElement(qn.IoArrowBack,null))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment")),rt==="list"&&(Z==null?void 0:Z.length)>0?i.default.createElement(i.default.Fragment,null,i.default.createElement(sn,{headingClass:"card-ach-heading-frac",listHeading:"Banks",ListItems:Z,selectedCard:ge,setSelectedCard:ht,handleDeleteCard:ot,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Ie("form")}}),i.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Xt},Ue((X=Number(Re))==null?void 0:X.toFixed(2))))):i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:wt},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"444px",maxHeight:"444px"}},i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(He=N==null?void 0:N.name)!=null?He:"",onChange:Ve}),(J==null?void 0:J.name)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.name)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(g=N==null?void 0:N.routingNumber)!=null?g:"",onChange:Ve}),(J==null?void 0:J.routingNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.routingNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(m=N==null?void 0:N.accountNumber)!=null?m:"",onChange:Ve}),(J==null?void 0:J.accountNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.accountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(H=N==null?void 0:N.confirmAccountNumber)!=null?H:"",onChange:Ve}),(J==null?void 0:J.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.confirmAccountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(he=N==null?void 0:N.bankName)!=null?he:"",onChange:Ve}),(J==null?void 0:J.bankName)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.bankName)),((N==null?void 0:N.accountType)==="business saving"||(N==null?void 0:N.accountType)==="business checking")&&i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"companyName"},"Company name"),i.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(W=N==null?void 0:N.companyName)!=null?W:"",onChange:Ve}),(J==null?void 0:J.companyName)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.companyName)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(we=N==null?void 0:N.accountType)!=null?we:"",onChange:Ve},i.default.createElement("option",{value:""},"Select account"),xn.map(o=>i.default.createElement("option",{key:o.value,value:o.value},o.label)))),G&&i.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:P,onChange:o=>Ee(o.target.checked)}),i.default.createElement("label",{className:"saveachlabel",htmlFor:"saveACH"},"Save ACH")),P&&i.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.default.createElement("p",null,"If checked, I agree to give the ",i.default.createElement("b",null,Oe||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),i.default.createElement("div",{className:"form-group-frac "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((Me=Number(Re))==null?void 0:Me.toFixed(2))))))))))))))))};var t=Fe(require("react"));var wn=Fe(require("axios"));var kn=Fe(require("sweetalert2"));var Ln=require("react-icons/io5");function _i(e){var wt,gt,Jt,Ve,kt,St,et,ot,Xt,Ot,tn,pt,Ut,nn,Y,p,X,He;let y=(0,t.useRef)(null);(0,t.useEffect)(()=>{e.onTriggerPay&&e.onTriggerPay(()=>{Qe()})},[e]);let B=oe+"widget/mc-img.svg",G=oe+"widget/visa-img.svg",j=oe+"widget/ae-img.svg",Oe=oe+"widget/discover-img.svg",O=oe+"widget/card.svg",dt=oe+"widget/Trash.svg",Ke=oe+"widget/bank.svg",ke=oe+"widget/secure-img.png",K=oe+"widget/pov-by.png",ye=oe+"widget/pax.svg",[Pe,r]=(0,t.useState)(!1),[w,x]=(0,t.useState)(!1),[ee,h]=(0,t.useState)(""),[Le,le]=(0,t.useState)(!1),[je,N]=(0,t.useState)(!1),[Ze,J]=(0,t.useState)("card"),[ct,P]=(0,t.useState)("card"),[Ee,te]=(0,t.useState)("form"),[De,Ae]=(0,t.useState)("form"),[bt,I]=(0,t.useState)(!0),[l,f]=(0,t.useState)(!1),[D,M]=(0,t.useState)(!1),v=e.merchantPublicKey,[d,C]=(0,t.useState)(),[k,c]=(0,t.useState)({}),[u,L]=(0,t.useState)(),[Z,re]=(0,t.useState)({}),[ge,ht]=(0,t.useState)([]),[Re,nt]=(0,t.useState)([]),[st,mt]=(0,t.useState)(),[rt,Ie]=(0,t.useState)(),[ve,E]=(0,t.useState)(Number(e==null?void 0:e.amount)),[Te,Xe]=(0,t.useState)(Number(e==null?void 0:e.amount));console.log(st,"selectedCard");let[V,xt]=(0,t.useState)(),[jt,vt]=(0,t.useState)(""),T=()=>r(!0),$=()=>r(!1),_e=(g,m)=>{let H=(parseFloat(m)||0)/100;return g-g*H},Se=(g,m)=>{let H=(Number(m)||0)/100;return+g+ +(g*H)};(0,t.useEffect)(()=>{if(je){let g=Se(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);Xe(g),E(Number(e==null?void 0:e.amount))}},[je,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let be=()=>{N(!1),J("card"),h(""),le(!1),vt(""),L({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),re({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),C({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),c({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),M(!1),f(!1),mt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),Ie({}),E(0),P("card"),I(!0),Ae("form"),te("form"),x(!1),r(!1),nt([]),ht([])},Qe=()=>N(!0),it=g=>{J(g)},ze=(g,m)=>{let H=g;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(H)){(m===""||/^[0-9]+$/.test(m))&&(c(W=>z(_({},W),{[H]:""})),C(W=>z(_({},W),{[H]:m})));return}c(W=>z(_({},W),{[H]:""})),C(W=>z(_({},W),{[H]:m}))},at=g=>{let H=g.target.value.replace(/\D/g,""),he="";/^3[47]/.test(H)?he=H.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,Me,o,s)=>[Me,o,s].filter(Boolean).join(" ")):he=H.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,Me,o,s,A)=>[Me,o,s,A].filter(Boolean).join(" ")),c(W=>z(_({},W),{cardNumber:""})),C(W=>z(_({},W),{cardNumber:he}))},xe=g=>{let{name:m,value:H}=g.target,he=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(H)&&(re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H})));return}if(he.includes(m)){(H===""||/^[0-9]+$/.test(H))&&(re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H})));return}re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H}))},At=()=>{var W,we,Me,o,s,A;let g={},m=d,H=parseInt((m==null?void 0:m.expiryMonth)||"",10),he=(m==null?void 0:m.expiryYear)||"";if((W=m==null?void 0:m.cardName)!=null&&W.trim()||(g.cardName="Card name is required"),(we=m==null?void 0:m.cardNumber)!=null&&we.trim()||(g.cardNumber="Card number is required"),(!((Me=m==null?void 0:m.expiryMonth)!=null&&Me.trim())||!((o=m==null?void 0:m.expiryYear)!=null&&o.trim())||isNaN(H)||H<1||H>12||he.length!==4)&&(g.expiryMonth="Invalid Expiration Date."),(s=m==null?void 0:m.cvv)!=null&&s.trim()||(g.cvv="CVV is required"),(A=m==null?void 0:m.zipCode)!=null&&A.trim()||(g.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let U=parseInt(m.expiryMonth,10),b=parseInt(m.expiryYear,10),R=new Date,ne=R.getMonth()+1,fe=R.getFullYear();(b<fe||b===fe&&U<ne)&&(g.expiryMonth="Card is expired")}return c(g),Object.keys(g).length>0},Ct=()=>{var H,he,W,we,Me,o,s,A;let g={},m=u;return(H=m==null?void 0:m.name)!=null&&H.trim()||(g.name="Name is required"),(he=m==null?void 0:m.accountNumber)!=null&&he.trim()||(g.accountNumber="Account number is required"),(W=m==null?void 0:m.accountNumber)!=null&&W.trim()&&((we=m==null?void 0:m.accountNumber)==null?void 0:we.trim())!==((Me=m==null?void 0:m.confirmAccountNumber)==null?void 0:Me.trim())&&(g.confirmAccountNumber="Account numbers must match"),(o=m==null?void 0:m.bankName)!=null&&o.trim()||(g.bankName="Bank name is required"),(s=m==null?void 0:m.routingNumber)!=null&&s.trim()||(g.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((A=m==null?void 0:m.routingNumber)==null?void 0:A.length)!==9&&(g.routingNumber="Routing number must be 9 digits"),((m==null?void 0:m.accountType)==="business saving"||(m==null?void 0:m.accountType)==="business checking")&&(!(m!=null&&m.companyName)||(m==null?void 0:m.companyName)==="")&&(g.companyName="Company Name is required for business accounts"),re(g),Object.keys(g).length>0},ut=async g=>{var m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie;if(g.preventDefault(),Ze!=="ach"){if(At())return;{let me=DatacapWebToken.validateCardNumber(d==null?void 0:d.cardNumber.replaceAll(" ","")),ae=DatacapWebToken.validateExpirationDate(d==null?void 0:d.expiryMonth,d==null?void 0:d.expiryYear),ue=DatacapWebToken.validateCVV(d==null?void 0:d.cvv),de={};if(me||(de.cardNumber="Invalid card Number"),ae||(de.expiryMonth="Invalid Expiration Date."),ue||(de.cvv="Invalid CVV"),c(de),me&&ue&&ae){x(!0);try{let Ce=async function(Ne){var Q,pe;if(Ne.Error)h(Ne.Error),x(!1);else{let We=d==null?void 0:d.cardName,qt=d==null?void 0:d.zipCode;Ne.name=We,Ne.postal_code=qt,Ne.isCardSave=`${l}`,Ne.isCharge=!0,Ne.posSalesIdEncode=(Q=V==null?void 0:V.orderDetails)==null?void 0:Q.orderId,Ne.partial_amount=Te,lt.emit("sendMessage",Ne);let tt=(pe=V==null?void 0:V.orderDetails)==null?void 0:pe.orderId;lt.on(tt,Ge=>{if(bn(Ge==null?void 0:Ge.data)){let Ft=JSON.parse(Ge.data);Ft!=null&&Ft.result?(C({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f(!1),vt(Ft==null?void 0:Ft.transactionId),le(!0),x(!1)):(x(!1),h((Ft==null?void 0:Ft.message)||"Something went wrong."))}else h("Something went wrong.")})}};if((V==null?void 0:V.paymentGateway)===32){let Ne={method:"POST",redirect:"follow"};try{let Q=await wn.default.post(`${Be}api/v1/widget/generate-session`,Ne),pe=Number(d==null?void 0:d.expiryYear)%100,We=d==null?void 0:d.cardNumber;We=We==null?void 0:We.replace(/\s+/g,"");let qt=`${We}=${pe}${d==null?void 0:d.expiryMonth} ${d==null?void 0:d.cvv}`,Ge=forge.pki.publicKeyFromPem((H=(m=Q==null?void 0:Q.data)==null?void 0:m.data)==null?void 0:H.publicKeyPem).encrypt(qt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Ft=forge.util.encode64(Ge),_n={"Content-Type":"application/json","x-app-session-key":(W=(he=Q.data)==null?void 0:he.data)==null?void 0:W.session_key},Pt=JSON.stringify({enc_track2_data:`${Ft}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Me=(we=Q==null?void 0:Q.data)==null?void 0:we.data)==null?void 0:Me.session_key}`});try{let Mt=await wn.default.post(`${Lt}tokenizer/tokenize`,Pt,{headers:_n}),an=JSON.stringify(z(_({},(o=Mt==null?void 0:Mt.data)==null?void 0:o.data),{isSaveCardChecked:l,name:d==null?void 0:d.cardName,postal_code:d==null?void 0:d.zipCode,customer_id:e==null?void 0:e.customerId,partial_amount:Te})),zn=JSON.stringify({pre_sales_id:`${(s=V==null?void 0:V.orderDetails)==null?void 0:s.orderId}`,token:`${(A=Mt==null?void 0:Mt.data)==null?void 0:A.data.token}`,json_response:`${an}`}),Yt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:zn,redirect:"follow",isChargeviafractal:!0};lt.emit("sendMessage",Yt),lt.on("chargeviafractalgateway",Qt=>{var Zt;if(bn(Qt==null?void 0:Qt.data)){let $t=JSON.parse(Qt==null?void 0:Qt.data);$t!=null&&$t.result?(vt((Zt=$t==null?void 0:$t.data)==null?void 0:Zt.transactionId),le(!0),x(!1)):(x(!1),h(($t==null?void 0:$t.message)||"Something went wrong."))}else h("Something went wrong.")})}catch(Mt){x(!1),h(((b=(U=Mt==null?void 0:Mt.response)==null?void 0:U.data)==null?void 0:b.message)||(Mt==null?void 0:Mt.message)||"Something went wrong.")}}catch(Q){x(!1),h(((ne=(R=Q==null?void 0:Q.response)==null?void 0:R.data)==null?void 0:ne.message)||(Q==null?void 0:Q.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(V==null?void 0:V.dctoken,"PaymentForm",Ce)}catch(Ce){x(!1),h(((ie=(fe=Ce==null?void 0:Ce.response)==null?void 0:fe.data)==null?void 0:ie.message)||(Ce==null?void 0:Ce.message)||"Something went wrong.")}}}}else{if(Ct())return;{x(!0);let me={fractalpayPublicKey:v,label:(u==null?void 0:u.name)||"John Doe",account_number:u==null?void 0:u.accountNumber,routing_number:u==null?void 0:u.routingNumber,bank_name:u==null?void 0:u.bankName,account_type:u==null?void 0:u.accountType,amount:String(ve||0),isSaveAch:D,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0,company_name:(u==null?void 0:u.companyName)||""};lt.emit("sendMessage",me),lt.on("ach-incoming",ae=>{var ue;(ae==null?void 0:ae.status)=="Failed"?typeof(ae==null?void 0:ae.message)=="object"?Object.values(ae==null?void 0:ae.message).forEach(de=>{h(de||"Something went wrong")}):h((ae==null?void 0:ae.message)||"Something went wrong"):(vt((ue=ae==null?void 0:ae.data)==null?void 0:ue.transaction_id),le(!0),x(!1))})}}},Nt=async()=>{var g,m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;T();try{let Q={fractalpayPublicKey:v,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,orderGuid:e==null?void 0:e.orderGuid},pe=await wn.default.post(`${$e}get-payment-details`,Q);if(xt((g=pe==null?void 0:pe.data)==null?void 0:g.data),(H=(m=pe==null?void 0:pe.data)==null?void 0:m.data)!=null&&H.paymentGateway||(be(),h("Something went wrong.")),(W=(he=pe==null?void 0:pe.data)==null?void 0:he.data)!=null&&W.card_list&&((o=(Me=(we=pe==null?void 0:pe.data)==null?void 0:we.data)==null?void 0:Me.card_list)==null?void 0:o.length)>0){let We=(U=(A=(s=pe==null?void 0:pe.data)==null?void 0:s.data)==null?void 0:A.card_list)==null?void 0:U.filter(tt=>(tt==null?void 0:tt.card_type)=="Bank"),qt=(ne=(R=(b=pe==null?void 0:pe.data)==null?void 0:b.data)==null?void 0:R.card_list)==null?void 0:ne.filter(tt=>(tt==null?void 0:tt.card_type)!=="Bank");console.log(We,"hohgohoo",qt),(qt==null?void 0:qt.length)>0&&te("list"),(We==null?void 0:We.length)>0&&Ae("list"),ht(qt),nt(We)}else J("card");(ie=(fe=pe==null?void 0:pe.data)==null?void 0:fe.data)!=null&&ie.paymentDeviceList&&((ae=(me=(ce=pe==null?void 0:pe.data)==null?void 0:ce.data)==null?void 0:me.paymentDeviceList)==null?void 0:ae.length)>0&&Ie((de=(ue=pe==null?void 0:pe.data)==null?void 0:ue.data)==null?void 0:de.paymentDeviceList[0]),$()}catch(Q){console.log(Q),$(),h(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||(Q==null?void 0:Q.message)||"Something went wrong")}},It=async()=>{let g=e==null?void 0:e.customerId,m=String(e==null?void 0:e.discount),H=String(e==null?void 0:e.surcharge),he=String(e==null?void 0:e.tax),W=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,Me=String(Te),o=st==null?void 0:st.id,s=st==null?void 0:st.card_type;if(W&&we&&Me&&ve)if(g)if(o){let U={amount:s==="Bank"?ve:Me,order_id:we,customer_id:g,card_id:o,fractalpayPublicKey:W,isCardSave:l,discount:m,surcharge:H,tax:he},A=U,{isCardSave:b}=A,R=hn(A,["isCardSave"]),fe=$e+(s==="Bank"?"charge-ach":"charge-by-card"),ie={"Content-Type":"application/json"};x(!0),lt.emit("sendMessage",{url:fe,body:s=="Bank"?R:U,isChargebycard:!0}),lt.on("charge-by-card",ce=>{var me;(ce==null?void 0:ce.result)==!0||(ce==null?void 0:ce.status)==!0?(vt((me=ce.data)==null?void 0:me.transaction_id),le(!0),x(!1)):h((ce==null?void 0:ce.message)||"Something went wrong.")})}else h("Please Select A Card/ACH");else h("Please Select Customer");else h("Something went wrong.")},Vt=async()=>{var W,we,Me,o,s,A;let g=e==null?void 0:e.merchantPublicKey,m=e==null?void 0:e.orderID,H=String(Te),he=e==null?void 0:e.customerId;if(!(rt!=null&&rt.device_id)){h("Please Select A Payment Device");return}if(g&&m&&H){x(!0);let U={amount:H,fractalpayPublicKey:g,customer_order_id:m,device_id:rt==null?void 0:rt.device_id,customer_id:he||""};try{let b=await wn.default.post(`${$e}charge-with-reader`,U);((W=b==null?void 0:b.data)==null?void 0:W.result)==!0?(vt((Me=(we=b==null?void 0:b.data)==null?void 0:we.data)==null?void 0:Me.transaction_id),le(!0),x(!1)):(h(((o=b==null?void 0:b.data)==null?void 0:o.message)||"Something went wrong."),x(!1))}catch(b){h(((A=(s=b==null?void 0:b.response)==null?void 0:s.data)==null?void 0:A.message)||"Something went wrong."),x(!1)}}else h("Something went wrong.")},Bt=()=>{ct==="card"?It():ct==="reader"&&Vt()};(0,t.useEffect)(()=>{je&&v&&Nt()},[v,je]);let Tt=async g=>{kn.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 m=>{if(m.isConfirmed){x(!0);try{let H={card_id:g,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},he=await wn.default.post(`${$e}delete-customer-card`,H);x(!1),Nt(),kn.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(H){x(!1),kn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else m.dismiss===kn.default.DismissReason.cancel&&kn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},yt=g=>{switch(g==null?void 0:g.toLowerCase()){case"visa":return G;case"mastercard":case"mc":case"m/c":return B;case"amex":case"american express":case"ae":return j;case"discover":case"dcvr":return Oe;case"bank":return Ke;default:return g}},qe=()=>{let g=ve||0;return(Number(Te)-g).toFixed(0)};return console.log(Ee,"activeinCard","activeinBank",De),t.default.createElement(t.default.Fragment,null,t.default.createElement(Gt,null),t.default.createElement(dn,null),t.default.createElement(un,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{ref:y,style:{display:"none"},className:"paymentBtn",onClick:Qe},"Pay"),t.default.createElement(Et,{open:je,onClose:be},ee&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(Dt,{error:ee,onClose:be})),Le&&t.default.createElement(cn,{onClose:be,tranId:jt}),!ee&&!Le&&t.default.createElement(t.default.Fragment,null,(Pe||w)&&t.default.createElement(Ht,{loading:Pe||w}),t.default.createElement("div",{className:"frac-card-payment-page frac-form"},t.default.createElement("div",{className:"parent-pay-container"},t.default.createElement("span",{className:"request-payment-close-popup",onClick:be},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12425_52336"},t.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.default.createElement("div",{className:"pay-main-logo-res"},t.default.createElement("img",{src:V==null?void 0:V.logo,id:"pay-logos"})),t.default.createElement("div",{className:"pay-container"},t.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},t.default.createElement("div",{className:"pay-conatiner-one-first"},t.default.createElement("div",{className:"pay-logo-container"},t.default.createElement("div",{className:"pay-main-logo"},t.default.createElement("img",{src:V==null?void 0:V.logo,id:"pay-logos"})),(ge==null?void 0:ge.length)>0&&Ze!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>J("cardList")}," ",t.default.createElement(Ln.IoArrowBack,null)," Back")),t.default.createElement("div",{className:"amt-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner"},t.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),t.default.createElement("div",{className:"frac-card-bank-radio-main"},t.default.createElement(rn,{label:"Card",amount:(wt=Number(Te))==null?void 0:wt.toFixed(2),value:"card",onChange:it,activetab:Ze}),(V==null?void 0:V.isSkyFiAccount)&&t.default.createElement(rn,{label:"Bank",amount:(gt=Number(ve))==null?void 0:gt.toFixed(2),value:"ach",onChange:it,activetab:Ze})),ve&&ve>0&&(e!=null&&e.pass_fee)?t.default.createElement("div",{className:"frac-cash-discount-fee"},t.default.createElement("small",null,Ze==="card"?"Cash Discount":"Cash Discount Savings"," "),t.default.createElement("p",null,Ue((Number(Te)-ve).toFixed(2)))):null)),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:ke,alt:""}),t.default.createElement("img",{src:K,alt:""}),"Secure payments powered by Fractal")),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!Pe&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},Ze!=="cardList"?t.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(ge==null?void 0:ge.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>J("cardList")}," ",t.default.createElement(Ln.IoArrowBack,null)," Back"),(V==null?void 0:V.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:g=>{it("card")},style:{border:Ze==="card"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.default.createElement("button",{className:"tablinks",onClick:g=>{it("ach")},style:{border:Ze==="ach"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(Jt=Number(Te))==null?void 0:Jt.toFixed(2))),Ze!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:B,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:j,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:Oe,width:35,alt:""})))),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",ve)),ve&&ve>0&&(e!=null&&e.pass_fee)?t.default.createElement("div",{className:"frac-cash-discount-fee"},t.default.createElement("small",null,Ze==="card"?"Cash Discount":"Cash Discount Savings"," "),t.default.createElement("p",null,Ue((Number(Te)-ve).toFixed(2)))):null):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",V==null?void 0:V.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",ct==="card"?"Cards/Banks":"Readers"," "),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(Ve=Number(Te))==null?void 0:Ve.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:B,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:j,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:Oe,width:35,alt:""}))))),t.default.createElement("div",{id:"card",style:{display:Ze==="card"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"frac-card-payment"},t.default.createElement("div",{className:"frac-heading-card-wrap"},t.default.createElement("div",{className:"frac-backarrow"},(ge==null?void 0:ge.length)>0&&Ee==="form"&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>te("list")}," ",t.default.createElement(Ln.IoArrowBack,null)),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",ve))),t.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),Ze!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},t.default.createElement("img",{src:G,alt:"",width:33}),t.default.createElement("img",{src:B,width:33,alt:""}),t.default.createElement("img",{src:j,alt:"",width:33}),t.default.createElement("img",{src:Oe,width:33,alt:""}))),Ee==="list"?t.default.createElement(t.default.Fragment,null,t.default.createElement(sn,{listHeading:"Cards",paymentGateway:V==null?void 0:V.paymentGateway,ListItems:ge,selectedCard:st,setSelectedCard:mt,handleDeleteCard:Tt,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{te("form")}}),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},Ue((kt=Number(Te))==null?void 0:kt.toFixed(2))))):t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:ut},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)==0?"456px":(ge==null?void 0:ge.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(d==null?void 0:d.cardName)||"",onChange:g=>{let m=g.target.value;/^[a-zA-Z\s]*$/.test(m)&&ze("cardName",m)}}),(k==null?void 0:k.cardName)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardName)),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.default.createElement("div",{className:"toggle-num-wrapper"},t.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(d==null?void 0:d.cardNumber)||"",onChange:g=>at(g),"data-token":"card_number"}),t.default.createElement("div",{className:"card-crdi card-expiry-new"},t.default.createElement("div",{className:"exp-date-year-container"},t.default.createElement("div",{className:"exp-date form-group"},t.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(d==null?void 0:d.expiryMonth)||"",onChange:g=>ze("expiryMonth",g.target.value)})),t.default.createElement("div",{className:"exp-year form-group"},t.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(d==null?void 0:d.expiryYear)||"",onChange:g=>ze("expiryYear",g.target.value)})),t.default.createElement("div",{className:"security-digit form-group"},t.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(d==null?void 0:d.cvv)||"",onChange:g=>ze("cvv",g.target.value)})))),(k==null?void 0:k.cardNumber)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardNumber),t.default.createElement("p",{style:{margin:"0"}},k!=null&&k.expiryMonth||k!=null&&k.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},k==null?void 0:k.expiryMonth):"",(k==null?void 0:k.cvv)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cvv)))),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(St=e==null?void 0:e.orderID)!=null?St:"",style:{background:"#F6F6F7",color:"#727272"}})),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"zip"},"ZIP"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(et=d==null?void 0:d.zipCode)!=null?et:"",onChange:g=>ze("zipCode",g.target.value)}),(k==null?void 0:k.zipCode)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.zipCode)),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group"},t.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:g=>f(g.target.checked)}),t.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}),t.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12420_50192"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(V==null?void 0:V.paymentDeviceList)&&((ot=V==null?void 0:V.paymentDeviceList)==null?void 0:ot.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>I(!bt)},bt?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((Xt=Number(Te))==null?void 0:Xt.toFixed(2)))))),t.default.createElement("div",{id:"ach",style:{display:Ze==="ach"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"frac-card-payment"},t.default.createElement("div",{className:"frac-heading-card-wrap"},t.default.createElement("div",{className:"frac-backarrow"},(Re==null?void 0:Re.length)>0&&De==="form"&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Ae("list")}," ",t.default.createElement(Ln.IoArrowBack,null)),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),t.default.createElement("div",null,"$",qe()))),t.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),De==="list"?t.default.createElement(t.default.Fragment,null,t.default.createElement(sn,{listHeading:"Banks",paymentGateway:V==null?void 0:V.paymentGateway,ListItems:Re,selectedCard:st,setSelectedCard:mt,handleDeleteCard:Tt,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Ae("form")}}),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},Ue((Ot=Number(ve))==null?void 0:Ot.toFixed(2))))):t.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:ut},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)==0?"436px":(ge==null?void 0:ge.length)>0?"462px":"520px",maxHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":((ge==null?void 0:ge.length)>0,"380px")}},t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(tn=u==null?void 0:u.name)!=null?tn:"",onChange:xe}),(Z==null?void 0:Z.name)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.name)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(pt=u==null?void 0:u.routingNumber)!=null?pt:"",onChange:xe}),(Z==null?void 0:Z.routingNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.routingNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ut=u==null?void 0:u.accountNumber)!=null?Ut:"",onChange:xe}),(Z==null?void 0:Z.accountNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.accountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(nn=u==null?void 0:u.confirmAccountNumber)!=null?nn:"",onChange:xe}),(Z==null?void 0:Z.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.confirmAccountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"bankname"},"Bank name"),t.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Y=u==null?void 0:u.bankName)!=null?Y:"",onChange:xe}),(Z==null?void 0:Z.bankName)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.bankName)),((u==null?void 0:u.accountType)==="business saving"||(u==null?void 0:u.accountType)==="business checking")&&t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"companyName"},"Company name"),t.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(p=u==null?void 0:u.companyName)!=null?p:"",onChange:xe}),(Z==null?void 0:Z.companyName)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.companyName)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(X=u==null?void 0:u.accountType)!=null?X:"",onChange:xe},t.default.createElement("option",{value:""},"Select account"),xn.map(g=>t.default.createElement("option",{key:g.value,value:g.value},g.label)))),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:D,onChange:g=>M(g.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),D&&t.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.default.createElement("p",null,"If checked, I agree for ",t.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.default.createElement("div",{className:"form-group "},t.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((He=Number(ve))==null?void 0:He.toFixed(2))))))))))))))))}0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PartialPayment,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|
|
2891
|
+
`)}var zt=Fe(require("axios"));var qn=require("react-icons/io5"),fn=Fe(require("sweetalert2"));var ki=({amount:e,submitBtnText:y="Pay",session_token:B,customerId:G,callback:j,merchantName:Oe="merchant",isPreAuth:O,surcharge:dt="0",submitBtnClass:Ke,submitBtnIcon:ke,isRequest:K,pass_fee:ye,pass_fee_amount:Pe})=>{var pt,Ut,nn,Y,p,X,He,g,m,H,he,W,we,Me;let[r,w]=(0,i.useState)("card"),[x,ee]=(0,i.useState)("card"),[h,Le]=(0,i.useState)(),[le,je]=(0,i.useState)({}),[N,Ze]=(0,i.useState)(),[J,ct]=(0,i.useState)({}),[P,Ee]=(0,i.useState)(!1),[te,De]=(0,i.useState)(!1),[Ae,bt]=(0,i.useState)(!1),[I,l]=(0,i.useState)(""),[f,D]=(0,i.useState)(!1),[M,v]=(0,i.useState)(""),[d,C]=(0,i.useState)(!1),[k,c]=(0,i.useState)(!1),[u,L]=(0,i.useState)([]),[Z,re]=(0,i.useState)([]),[ge,ht]=(0,i.useState)(),[Re,nt]=(0,i.useState)(Number(e)),[st,mt]=(0,i.useState)("form"),[rt,Ie]=(0,i.useState)("form"),[ve,E]=(0,i.useState)(!1),[Te,Ge]=(0,i.useState)(0);console.log(Re,"cashDiscount");let V=oe+"widget/mc-img.svg",xt=oe+"widget/visa-img.svg",jt=oe+"widget/ae-img.svg",vt=oe+"widget/discover-img.svg",T=oe+"widget/card.svg",$=oe+"widget/Trash.svg",_e=oe+"widget/bank.svg",Se=oe+"widget/secure-img.png",be=oe+"widget/pov-by.png",Qe=oe+"widget/pax.svg",it=oe+"widget/cardicon.svg",ze=oe+"widget/bankicon.svg",at=()=>C(!0),xe=()=>C(!1),At=(o,s)=>{let A=(parseFloat(s)||0)/100,U=o/(1+A);return Math.round(U*100)/100},Ct=async o=>{var s,A,U,b,R,ne,fe,ie,ce;console.log(o,"ndfkjhdskjfhds");try{let me={pass_fee_amount:Number(e)-Re,pass_fee:ye,Token:o==null?void 0:o.Token,amount:e,postal_code:o==null?void 0:o.postalCode},ae=await zt.default.post(`${Be}api/v1/gateway/charge/${B}`,me);if((s=ae==null?void 0:ae.data)!=null&&s.result){let ue;if(Ae&&G)try{let Ce={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:(o==null?void 0:o.gateway_token)||(o==null?void 0:o.Token)};ue=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,Ce),console.log((A=ue==null?void 0:ue.data)==null?void 0:A.data,"addCard?.data?.data"),(U=ue==null?void 0:ue.data)!=null&&U.result&&(ue=(b=ue==null?void 0:ue.data)==null?void 0:b.data)}catch(Ce){console.log(Ce,"error"),xe(),l(((ne=(R=Ce==null?void 0:Ce.response)==null?void 0:R.data)==null?void 0:ne.message)||"Something went wrong!")}let de={cardDetails:_(_({},ue),o),callback:z(_({},(fe=ae==null?void 0:ae.data)==null?void 0:fe.data),{name:h==null?void 0:h.cardName,isPreAuth:O})};Ae||delete de.cardDetails,j(de),xe(),kt()}}catch(me){l(((ce=(ie=me==null?void 0:me.response)==null?void 0:ie.data)==null?void 0:ce.message)||"Something went wrong!"),xe()}},ut=async o=>{var s,A,U,b,R,ne,fe,ie;try{let ce={Token:o==null?void 0:o.Token,amount:e,postal_code:o==null?void 0:o.postalCode},me=await zt.default.post(`${Be}api/v1/gateway/preauth/${B}`,ce);if((s=me==null?void 0:me.data)!=null&&s.result){let ae;if(Ae&&G)try{console.log(me,"preAuthResponse");let de={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:(o==null?void 0:o.Token)||(o==null?void 0:o.gateway_token)};ae=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,de),(A=ae==null?void 0:ae.data)!=null&&A.result&&(ae=(U=ae==null?void 0:ae.data)==null?void 0:U.data)}catch(de){console.log(de,"error"),xe(),l(((R=(b=de==null?void 0:de.response)==null?void 0:b.data)==null?void 0:R.message)||"Something went wrong!")}let ue={cardDetails:_(_({},ae),o),callback:z(_({},(ne=me==null?void 0:me.data)==null?void 0:ne.data),{name:h==null?void 0:h.cardName,isPreAuth:O})};Ae||delete ue.cardDetails,j(ue),xe(),kt()}}catch(ce){l(((ie=(fe=ce==null?void 0:ce.response)==null?void 0:fe.data)==null?void 0:ie.message)||"Something went wrong!"),xe()}},Nt=async o=>{var s,A,U,b;if(o.Error)l(o.Error),xe();else{let R={token:o.Token,resp:o};try{let ne=await zt.default.post(`${Be}api/v1/gateway/update/token/${B}`,R);if((ne==null?void 0:ne.status)==200){let fe={Token:(A=(s=ne==null?void 0:ne.data)==null?void 0:s.data)==null?void 0:A.gateway_token,Brand:o.Brand,ExpirationMonth:o.ExpirationMonth,ExpirationYear:o.ExpirationYear,Last4:o.Last4,Bin:o.Bin,CVV:o.CVV,postalCode:h==null?void 0:h.zipCode},ie;O?ut(fe):Ct(fe)}}catch(ne){console.log(ne,"error"),xe(),l(((b=(U=ne==null?void 0:ne.response)==null?void 0:U.data)==null?void 0:b.message)||"Something went wrong!")}}},It=()=>De(!0),Vt=o=>{w(o)},Bt=()=>{var A,U,b,R,ne,fe,ie,ce;let o={},s=N;return(A=s==null?void 0:s.name)!=null&&A.trim()||(o.name="Name is required"),(U=s==null?void 0:s.accountNumber)!=null&&U.trim()||(o.accountNumber="Account number is required"),(b=s==null?void 0:s.accountNumber)!=null&&b.trim()&&((R=s==null?void 0:s.accountNumber)==null?void 0:R.trim())!==((ne=s==null?void 0:s.confirmAccountNumber)==null?void 0:ne.trim())&&(o.confirmAccountNumber="Account numbers must match"),(fe=s==null?void 0:s.bankName)!=null&&fe.trim()||(o.bankName="Bank name is required"),(ie=s==null?void 0:s.routingNumber)!=null&&ie.trim()||(o.routingNumber="Routing Number is required"),s!=null&&s.routingNumber&&((ce=s==null?void 0:s.routingNumber)==null?void 0:ce.length)!==9&&(o.routingNumber="Routing number must be 9 digits"),((s==null?void 0:s.accountType)==="business saving"||(s==null?void 0:s.accountType)==="business checking")&&(!(s!=null&&s.companyName)||(s==null?void 0:s.companyName)==="")&&(o.companyName="Company Name is required for business accounts"),ct(o),Object.keys(o).length>0},Tt=async()=>{var o,s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;try{let Q={method:"POST",redirect:"follow"},pe=await zt.default.post(`${Be}api/v1/widget/generate-session`,Q),We=Number(h==null?void 0:h.expiryYear)%100,tt=`${(o=h==null?void 0:h.cardNumber)==null?void 0:o.replace(/\s+/g,"")}=${We}${h==null?void 0:h.expiryMonth} ${h==null?void 0:h.cvv}`,Ft=forge.pki.publicKeyFromPem((A=(s=pe==null?void 0:pe.data)==null?void 0:s.data)==null?void 0:A.publicKeyPem).encrypt(tt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),_n=forge.util.encode64(Ft),Pt={"Content-Type":"application/json","x-app-session-key":(b=(U=pe.data)==null?void 0:U.data)==null?void 0:b.session_key},Mt=JSON.stringify({enc_track2_data:_n,algorithm:"RSAES_OAEP_SHA_1",session_key:(ne=(R=pe==null?void 0:pe.data)==null?void 0:R.data)==null?void 0:ne.session_key}),an=await zt.default.post(`${Lt}tokenizer/tokenize`,Mt,{headers:Pt});if((an==null?void 0:an.status)==200){let zn=(ie=(fe=an==null?void 0:an.data)==null?void 0:fe.data)==null?void 0:ie.token;try{let Kt=await zt.default.post(`${Be}api/v1/gateway/verify-and-save/${B}`,{token:zn});if((Kt==null?void 0:Kt.status)==200){let Yt=(ce=Kt==null?void 0:Kt.data)==null?void 0:ce.data,Qt={Token:Yt.gateway_token,Brand:Yt.card_data.brand,ExpirationMonth:Yt.card_data.expire_mm,ExpirationYear:Yt.card_data.expire_yy,Last4:Yt.card_data.last4,Bin:Yt.card_data.bin,postalCode:h==null?void 0:h.zipCode},Zt;if(Ae&&G)try{let $t={postal_code:h==null?void 0:h.zipCode,customer_id:G,gateway_token:Yt.gateway_token};Zt=await zt.default.post(`${Be}api/v1/gateway/add-card/${B}`,$t)}catch($t){console.log($t,"error"),xe(),l(((ae=(me=$t==null?void 0:$t.response)==null?void 0:me.data)==null?void 0:ae.message)||"Something went wrong!")}O?ut(Qt):Ct(Qt)}}catch(Kt){console.log(Kt,"error"),l(((de=(ue=Kt==null?void 0:Kt.response)==null?void 0:ue.data)==null?void 0:de.message)||"Something went wrong!"),xe()}}}catch(Q){xe(),console.log(Q,"error"),l(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||"Something went wrong!")}},yt=()=>{var b,R,ne,fe,ie,ce;let o={},s=h,A=parseInt((s==null?void 0:s.expiryMonth)||"",10),U=(s==null?void 0:s.expiryYear)||"";if((b=s==null?void 0:s.cardName)!=null&&b.trim()||(o.cardName="Card name is required"),(R=s==null?void 0:s.cardNumber)!=null&&R.trim()||(o.cardNumber="Card number is required"),(!((ne=s==null?void 0:s.expiryMonth)!=null&&ne.trim())||!((fe=s==null?void 0:s.expiryYear)!=null&&fe.trim())||isNaN(A)||A<1||A>12||U.length!==4)&&(o.expiryMonth="Invalid Expiration Date."),(ie=s==null?void 0:s.cvv)!=null&&ie.trim()||(o.cvv="CVV is required"),(ce=s==null?void 0:s.zipCode)!=null&&ce.trim()||(o.zipCode="ZIP code is required"),s!=null&&s.expiryMonth&&(s!=null&&s.expiryYear)&&s.expiryMonth.length<=2&&s.expiryYear.length===4){let me=parseInt(s.expiryMonth,10),ae=parseInt(s.expiryYear,10),ue=new Date,de=ue.getMonth()+1,Ce=ue.getFullYear();(ae<Ce||ae===Ce&&me<de)&&(o.expiryMonth="Card is expired")}return je(o),Object.keys(o).length>0},qe=()=>{let o=DatacapWebToken.validateCardNumber(h==null?void 0:h.cardNumber.replaceAll(" ","")),s=DatacapWebToken.validateExpirationDate(h==null?void 0:h.expiryMonth,h==null?void 0:h.expiryYear),A=DatacapWebToken.validateCVV(h==null?void 0:h.cvv),U={};return o||(U.cardNumber="Invalid card Number"),s||(U.expiryMonth="Invalid Expiration Date."),A||(U.cvv="Invalid CVV"),je(U),o&&A&&s},wt=async o=>{var s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;if(o.preventDefault(),r!=="ach"){if(yt()||!qe())return}else if(Bt())return;try{at();let Q=await zt.default.get(`${Be}api/v1/gateway/token/${B}`);if((Q==null?void 0:Q.status)==200){let pe=(A=(s=Q==null?void 0:Q.data)==null?void 0:s.data)==null?void 0:A.gateway_token,We=(b=(U=Q==null?void 0:Q.data)==null?void 0:U.data)==null?void 0:b.paymentGateway;if(r!=="ach")We==((R=Tn)==null?void 0:R.FRACTALKEY)?await Tt():DatacapWebToken.requestToken(pe,"PaymentForm",Nt);else{let qt;try{let tt=await zt.default.post(`${Be}api/v1/gateway/bank-charge/${B}`,{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:`${Re}`,customer_id:null,isSaveAch:!1,tax:"0.00",discount:"0.00",surcharge:"0.00",order_id:"",company_name:(N==null?void 0:N.companyName)||""});if((ne=tt==null?void 0:tt.data)!=null&&ne.result){if(P&&G)try{let Je=await zt.default.post(`${Be}api/v1/gateway/add-bank/${B}`,{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:G||"",company_name:(N==null?void 0:N.companyName)||""});Je.data.result&&(qt={bankDetails:z(_({},(fe=Je==null?void 0:Je.data)==null?void 0:fe.data),{account_type:N==null?void 0:N.accountType})})}catch(Je){xe(),l(((ce=(ie=Je==null?void 0:Je.response)==null?void 0:ie.data)==null?void 0:ce.message)||"Something went wrong!")}qt=z(_({},qt),{callback:z(_({},(me=tt==null?void 0:tt.data)==null?void 0:me.data),{name:N==null?void 0:N.name,isPreAuth:O})}),j(qt),kt(),xe()}}catch(tt){console.log(tt,"errororor");let Je=(ae=tt==null?void 0:tt.response)==null?void 0:ae.data;typeof(Je==null?void 0:Je.message)=="object"?Object.values(Je==null?void 0:Je.message).forEach(Ft=>{l(Ft||"Something went wrong")}):l((Je==null?void 0:Je.message)||"Something went wrong"),xe()}}}}catch(Q){xe(),j({error:((de=(ue=Q==null?void 0:Q.response)==null?void 0:ue.data)==null?void 0:de.message)||"Something went wrong!"}),l(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||"Something went wrong!")}},gt=(o,s)=>{let A=o;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(A)){(s===""||/^[0-9]+$/.test(s))&&(je(b=>z(_({},b),{[A]:""})),Le(b=>z(_({},b),{[A]:s})));return}je(b=>z(_({},b),{[A]:""})),Le(b=>z(_({},b),{[A]:s}))},Jt=o=>{let A=o.target.value.replace(/\D/g,""),U="";/^3[47]/.test(A)?U=A.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(R,ne,fe,ie)=>[ne,fe,ie].filter(Boolean).join(" ")):U=A.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(R,ne,fe,ie,ce)=>[ne,fe,ie,ce].filter(Boolean).join(" ")),je(b=>z(_({},b),{cardNumber:""})),Le(b=>z(_({},b),{cardNumber:U}))},Ve=o=>{let{name:s,value:A}=o.target,U=["routingNumber","accountNumber","confirmAccountNumber"];if(s=="name"){/^[a-zA-Z\s]*$/.test(A)&&(ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A})));return}if(U.includes(s)){(A===""||/^[0-9]+$/.test(A))&&(ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A})));return}ct(b=>z(_({},b),{[s]:""})),Ze(b=>z(_({},b),{[s]:A}))},kt=()=>{De(!1),w("card"),l(""),D(!1),v(""),Ze({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),ct({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),Le({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),je({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),Ee(!1),bt(!1),Ie("form"),mt("form"),E(!1),Ge(0),nt(0),L([])},St=async()=>{var o,s,A,U;at();try{let b={isPreAuth:O,customerId:G},R=await zt.default.post(`${Be}api/v1/gateway/card-list/${B}`,b);console.log("cardListData",R);let ne=((s=(o=R==null?void 0:R.data)==null?void 0:o.data)==null?void 0:s.cardList)||[],fe=ne==null?void 0:ne.filter(ce=>(ce==null?void 0:ce.card_type)=="Bank"),ie=ne==null?void 0:ne.filter(ce=>(ce==null?void 0:ce.card_type)!=="Bank");ie&&(ie==null?void 0:ie.length)>0?(w("card"),mt("list"),L(ie)):w("card"),fe&&(fe==null?void 0:fe.length)>0&&(Ie("list"),re(fe)),xe()}catch(b){console.log(b),xe(),l(((U=(A=b==null?void 0:b.response)==null?void 0:A.data)==null?void 0:U.message)||(b==null?void 0:b.message)||"Something went wrong")}};console.log(Z,"lists",u);let et=o=>{switch(o==null?void 0:o.toLowerCase()){case"visa":return xt;case"mastercard":case"mc":case"m/c":return V;case"amex":case"american express":case"ae":return jt;case"discover":case"dcvr":return vt;case"bank":return _e;default:return o}},ot=async o=>{fn.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 s=>{var A,U;if(s.isConfirmed){c(!0);try{let b={card_id:o,customer_id:G},R=await zt.default.patch(`${Be}api/v1/gateway/delete-card/${B}`,b);(A=R==null?void 0:R.data)!=null&&A.result?(c(!1),St(),fn.default.fire({icon:"success",title:"Deleted!",text:((U=R==null?void 0:R.data)==null?void 0:U.message)||"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})):(c(!1),fn.default.fire({icon:"error",title:"Failure!",text:"Card not deleted.",timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}}))}catch(b){c(!1),fn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else s.dismiss===fn.default.DismissReason.cancel&&fn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},Xt=async()=>{var U,b,R,ne;let o=G,s=ge==null?void 0:ge.id,A=ge==null?void 0:ge.card_type;if(e)if(o)if(s){let fe={amount:(A==null?void 0:A.toLowerCase())==="bank"?`${Re}`:e,customer_id:o,card_id:s,pass_fee_amount:Number(e)-Re};O&&(fe.isPreauth=!0),console.log(fe,"chargeobj");let ie=Be+"api/v1/gateway/charge-by-saved-details/"+B,ce={"Content-Type":"application/json"};try{at();let me=await zt.default.post(ie,fe);console.log(me,"res"),(U=me==null?void 0:me.data)!=null&&U.result&&(j({callback:z(_({},(b=me==null?void 0:me.data)==null?void 0:b.data),{isPreAuth:O})}),xe(),kt())}catch(me){console.log(me==null?void 0:me.response,"error by saved details"),xe(),l(((ne=(R=me==null?void 0:me.response)==null?void 0:R.data)==null?void 0:ne.message)||"Something went wrong!")}}else l("Please Select A Card/ACH");else l("Please Select Customer");else l("Something went wrong.")};console.log(te,e,G);let Ot=async()=>{var o,s,A,U;try{at();let b=await zt.default.get(`${Be}api/v1/gateway/get-payment-details/${B}`);console.log(b,"respinse"),(b==null?void 0:b.status)==200&&(E((s=(o=b==null?void 0:b.data)==null?void 0:o.data)==null?void 0:s.isBankActive),Ge(Number((U=(A=b==null?void 0:b.data)==null?void 0:A.data)==null?void 0:U.fee)||0),xe())}catch(b){console.log(b,"error while getting payment details"),xe()}};(0,i.useLayoutEffect)(()=>{te&&Ot()},[te]),(0,i.useEffect)(()=>{if(te&&Pe){let o=Number(e)-Number(Pe);o&&!isNaN(o)&&nt(o)}else if(te&&ye&&Te){let o=At(e,Te);o&&!isNaN(o)&&nt(o)}else nt(Number(e));G&&te&&!K&&St()},[G,te,e,Te]);let tn=()=>O?"Cards":"Cards/Bank";return console.log(ve,"scdgfhasgcf"),i.default.createElement(i.default.Fragment,null,i.default.createElement("link",{href:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"}),i.default.createElement(Gt,null),i.default.createElement(En,null),i.default.createElement(un,null),i.default.createElement("button",{className:Ke||"paymentBtn",onClick:It},y,ke),i.default.createElement(Et,{open:te,onClose:kt},I&&i.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},i.default.createElement(Dt,{error:I,onClose:kt})),!I&&i.default.createElement(i.default.Fragment,null,(d||k)&&i.default.createElement(Ht,{loading:d||k}),i.default.createElement("div",{className:"frac-card-payment-page frac-form frac-new-form"},i.default.createElement("div",{className:"parent-pay-container"},i.default.createElement("span",{className:"request-payment-close-popup",onClick:kt},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("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("h1",{className:"pay-heading"},"Pay"),(u==null?void 0:u.length)>0&&r!=="cardList"&&i.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>w("cardList")}," ",i.default.createElement(qn.IoArrowBack,null)," Back")),i.default.createElement("div",{className:"amt-pay-con"},i.default.createElement("div",{className:"pay-amount-conatiner"},i.default.createElement("small",{className:"pay-payment-amount"},"Select payment type"),i.default.createElement("div",{className:"frac-card-bank-radio-main"},i.default.createElement(rn,{label:"Card",amount:(pt=Number(e))==null?void 0:pt.toFixed(2),value:"card",onChange:Vt,activetab:r}),!O&&ve&&i.default.createElement(rn,{label:"Bank",amount:(Ut=Number(Re))==null?void 0:Ut.toFixed(2),value:"ach",onChange:Vt,activetab:r})),ye&&Re&&Number(e)-Number(Re)>0?i.default.createElement("div",{className:"frac-cash-discount-fee"},i.default.createElement("small",null,r==="card"?"Cash Discount":"Cash Discount Savings"," "),i.default.createElement("p",null,Ue((Number(e)-Number(Re)).toFixed(2)))):null))),i.default.createElement("div",{className:"pay-conatiner-one-last"},i.default.createElement("img",{src:Se,alt:""}),i.default.createElement("img",{src:be,alt:""}),"Secure payments powered by Fractal")),i.default.createElement("div",{className:"pay-tab pay-conatiner-two"},i.default.createElement("div",{className:"col-md-12"},i.default.createElement("div",{id:"payment-form-div"},i.default.createElement("div",{id:"ach",style:{display:r==="card"?"block":"none"},className:"tabcontent"},i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(u==null?void 0:u.length)>0&&st==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>mt("list")}," ",i.default.createElement(qn.IoArrowBack,null))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),i.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},i.default.createElement("img",{src:xt,alt:"",width:33}),i.default.createElement("img",{src:V,width:33,alt:""}),i.default.createElement("img",{src:jt,alt:"",width:33}),i.default.createElement("img",{src:vt,width:33,alt:""})),st==="list"&&(u==null?void 0:u.length)>0?i.default.createElement(i.default.Fragment,null,i.default.createElement(sn,{headingClass:"card-ach-heading-frac",listHeading:"Card",ListItems:u,selectedCard:ge,setSelectedCard:ht,handleDeleteCard:ot,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{mt("form")}}),i.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Xt},Ue((nn=Number(e))==null?void 0:nn.toFixed(2))))):i.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:wt},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"398px",maxHeight:"398px",overflow:"auto",marginRight:"5px"}},i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"John Doe",value:(h==null?void 0:h.cardName)||"",onChange:o=>{let s=o.target.value;/^[a-zA-Z\s]*$/.test(s)&>("cardName",s)}}),(le==null?void 0:le.cardName)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cardName)),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),i.default.createElement("div",{className:"toggle-num-wrapper"},i.default.createElement("input",{className:"form-control-frac card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(h==null?void 0:h.cardNumber)||"",onChange:o=>Jt(o),"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-frac"},i.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:(h==null?void 0:h.expiryMonth)||"",onChange:o=>gt("expiryMonth",o.target.value)})),i.default.createElement("div",{className:"exp-year form-group-frac"},i.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:(h==null?void 0:h.expiryYear)||"",onChange:o=>gt("expiryYear",o.target.value)})),i.default.createElement("div",{className:"security-digit form-group-frac"},i.default.createElement("input",{"data-token":"cvv",className:"form-control-frac card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(h==null?void 0:h.cvv)||"",onChange:o=>gt("cvv",o.target.value)})))),(le==null?void 0:le.cardNumber)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cardNumber),i.default.createElement("p",{style:{margin:"0"}},le!=null&&le.expiryMonth||le!=null&&le.expiryYear?i.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},le==null?void 0:le.expiryMonth):"",(le==null?void 0:le.cvv)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.cvv)))),i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("label",{htmlFor:"zip"},"ZIP"),i.default.createElement("input",{type:"text",className:"form-control-frac",maxLength:100,placeholder:"000000",value:(Y=h==null?void 0:h.zipCode)!=null?Y:"",onChange:o=>gt("zipCode",o.target.value)}),(le==null?void 0:le.zipCode)&&i.default.createElement("span",{className:"error-span"},le==null?void 0:le.zipCode)),G&&i.default.createElement("div",{className:"form-group-frac"},i.default.createElement("div",{className:"frac-tooltip-mn",style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},i.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:Ae,onChange:o=>bt(o.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("div",{className:"frac-tooltip-wrapper"},i.default.createElement("div",{className:"frac-tooltip-icon"},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("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("div",{className:"frac-tooltip-text"},i.default.createElement("p",null,"If checked, I agree to give the ",i.default.createElement("b",null,Oe||"merchant")," permission to charge this credit card for agreed-upon purchases in the future.")))))),i.default.createElement("div",{className:"form-group-frac",style:{marginTop:"20px",padding:"0"}},i.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((p=Number(e))==null?void 0:p.toFixed(2)))))),i.default.createElement("div",{id:"ach",style:{display:r==="ach"?"block":"none"},className:"tabcontent"},i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:"frac-heading-card-wrap"},i.default.createElement("div",{className:"frac-backarrow"},(Z==null?void 0:Z.length)>0&&rt==="form"&&i.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Ie("list")}," ",i.default.createElement(qn.IoArrowBack,null))),i.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment")),rt==="list"&&(Z==null?void 0:Z.length)>0?i.default.createElement(i.default.Fragment,null,i.default.createElement(sn,{headingClass:"card-ach-heading-frac",listHeading:"Banks",ListItems:Z,selectedCard:ge,setSelectedCard:ht,handleDeleteCard:ot,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Ie("form")}}),i.default.createElement("div",{className:"form-group-frac",style:{padding:"0"}},i.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Xt},Ue((X=Number(Re))==null?void 0:X.toFixed(2))))):i.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:wt},i.default.createElement("div",{className:"ach-scrl",style:{minHeight:"444px",maxHeight:"444px"}},i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),i.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control-frac",maxLength:100,placeholder:"John Doe",name:"name",value:(He=N==null?void 0:N.name)!=null?He:"",onChange:Ve}),(J==null?void 0:J.name)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.name)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),i.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control-frac",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(g=N==null?void 0:N.routingNumber)!=null?g:"",onChange:Ve}),(J==null?void 0:J.routingNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.routingNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),i.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(m=N==null?void 0:N.accountNumber)!=null?m:"",onChange:Ve}),(J==null?void 0:J.accountNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.accountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),i.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control-frac",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(H=N==null?void 0:N.confirmAccountNumber)!=null?H:"",onChange:Ve}),(J==null?void 0:J.confirmAccountNumber)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.confirmAccountNumber)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"bankname"},"Bank name"),i.default.createElement("input",{type:"text",id:"bankname",className:"form-control-frac",maxLength:100,placeholder:"My Bank",name:"bankName",value:(he=N==null?void 0:N.bankName)!=null?he:"",onChange:Ve}),(J==null?void 0:J.bankName)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.bankName)),((N==null?void 0:N.accountType)==="business saving"||(N==null?void 0:N.accountType)==="business checking")&&i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"companyName"},"Company name"),i.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(W=N==null?void 0:N.companyName)!=null?W:"",onChange:Ve}),(J==null?void 0:J.companyName)&&i.default.createElement("span",{className:"error-span"},J==null?void 0:J.companyName)),i.default.createElement("div",{className:"form-group-frac mb-4"},i.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),i.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control-frac",value:(we=N==null?void 0:N.accountType)!=null?we:"",onChange:Ve},i.default.createElement("option",{value:""},"Select account"),xn.map(o=>i.default.createElement("option",{key:o.value,value:o.value},o.label)))),G&&i.default.createElement("div",{className:"form-group-frac mb-4 save-ach-div",style:{paddingTop:"5px"}},i.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:P,onChange:o=>Ee(o.target.checked)}),i.default.createElement("label",{className:"saveachlabel",htmlFor:"saveACH"},"Save ACH")),P&&i.default.createElement("div",{className:"form-group-frac mb-4 saveachtext"},i.default.createElement("p",null,"If checked, I agree to give the ",i.default.createElement("b",null,Oe||"merchant")," permission to charge this bank account for agreed-upon purchases in the future."))),i.default.createElement("div",{className:"form-group-frac "},i.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((Me=Number(Re))==null?void 0:Me.toFixed(2))))))))))))))))};var t=Fe(require("react"));var wn=Fe(require("axios"));var kn=Fe(require("sweetalert2"));var Ln=require("react-icons/io5");function _i(e){var wt,gt,Jt,Ve,kt,St,et,ot,Xt,Ot,tn,pt,Ut,nn,Y,p,X,He;let y=(0,t.useRef)(null);(0,t.useEffect)(()=>{e.onTriggerPay&&e.onTriggerPay(()=>{Qe()})},[e]);let B=oe+"widget/mc-img.svg",G=oe+"widget/visa-img.svg",j=oe+"widget/ae-img.svg",Oe=oe+"widget/discover-img.svg",O=oe+"widget/card.svg",dt=oe+"widget/Trash.svg",Ke=oe+"widget/bank.svg",ke=oe+"widget/secure-img.png",K=oe+"widget/pov-by.png",ye=oe+"widget/pax.svg",[Pe,r]=(0,t.useState)(!1),[w,x]=(0,t.useState)(!1),[ee,h]=(0,t.useState)(""),[Le,le]=(0,t.useState)(!1),[je,N]=(0,t.useState)(!1),[Ze,J]=(0,t.useState)("card"),[ct,P]=(0,t.useState)("card"),[Ee,te]=(0,t.useState)("form"),[De,Ae]=(0,t.useState)("form"),[bt,I]=(0,t.useState)(!0),[l,f]=(0,t.useState)(!1),[D,M]=(0,t.useState)(!1),v=e.merchantPublicKey,[d,C]=(0,t.useState)(),[k,c]=(0,t.useState)({}),[u,L]=(0,t.useState)(),[Z,re]=(0,t.useState)({}),[ge,ht]=(0,t.useState)([]),[Re,nt]=(0,t.useState)([]),[st,mt]=(0,t.useState)(),[rt,Ie]=(0,t.useState)(),[ve,E]=(0,t.useState)(Number(e==null?void 0:e.amount)),[Te,Ge]=(0,t.useState)(Number(e==null?void 0:e.amount));console.log(st,"selectedCard");let[V,xt]=(0,t.useState)(),[jt,vt]=(0,t.useState)(""),T=()=>r(!0),$=()=>r(!1),_e=(g,m)=>{let H=(parseFloat(m)||0)/100;return g-g*H},Se=(g,m)=>{let H=(Number(m)||0)/100;return+g+ +(g*H)};(0,t.useEffect)(()=>{if(je)if(e!=null&&e.pass_fee){let g=Se(e==null?void 0:e.amount,(e==null?void 0:e.surcharge)||0);Ge(g),E(Number(e==null?void 0:e.amount))}else Ge(Number(e==null?void 0:e.amount)),E(Number(e==null?void 0:e.amount))},[je,e==null?void 0:e.pass_fee,e==null?void 0:e.amount,e==null?void 0:e.surcharge]);let be=()=>{N(!1),J("card"),h(""),le(!1),vt(""),L({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),re({name:"",routingNumber:"",accountNumber:"",confirmAccountNumber:"",bankName:"",accountType:""}),C({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),c({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),M(!1),f(!1),mt({card_type:"",cardlastfourdigit:"",expmonth:1,expyear:2025,primary_card:0,firstname:"",id:"",lastname:""}),Ie({}),E(0),P("card"),I(!0),Ae("form"),te("form"),x(!1),r(!1),nt([]),ht([])},Qe=()=>N(!0),it=g=>{J(g)},ze=(g,m)=>{let H=g;if(["expiryMonth","expiryYear","zipCode","cvv"].includes(H)){(m===""||/^[0-9]+$/.test(m))&&(c(W=>z(_({},W),{[H]:""})),C(W=>z(_({},W),{[H]:m})));return}c(W=>z(_({},W),{[H]:""})),C(W=>z(_({},W),{[H]:m}))},at=g=>{let H=g.target.value.replace(/\D/g,""),he="";/^3[47]/.test(H)?he=H.slice(0,15).replace(/^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,(we,Me,o,s)=>[Me,o,s].filter(Boolean).join(" ")):he=H.slice(0,16).replace(/^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,(we,Me,o,s,A)=>[Me,o,s,A].filter(Boolean).join(" ")),c(W=>z(_({},W),{cardNumber:""})),C(W=>z(_({},W),{cardNumber:he}))},xe=g=>{let{name:m,value:H}=g.target,he=["routingNumber","accountNumber","confirmAccountNumber"];if(m=="name"){/^[a-zA-Z\s]*$/.test(H)&&(re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H})));return}if(he.includes(m)){(H===""||/^[0-9]+$/.test(H))&&(re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H})));return}re(W=>z(_({},W),{[m]:""})),L(W=>z(_({},W),{[m]:H}))},At=()=>{var W,we,Me,o,s,A;let g={},m=d,H=parseInt((m==null?void 0:m.expiryMonth)||"",10),he=(m==null?void 0:m.expiryYear)||"";if((W=m==null?void 0:m.cardName)!=null&&W.trim()||(g.cardName="Card name is required"),(we=m==null?void 0:m.cardNumber)!=null&&we.trim()||(g.cardNumber="Card number is required"),(!((Me=m==null?void 0:m.expiryMonth)!=null&&Me.trim())||!((o=m==null?void 0:m.expiryYear)!=null&&o.trim())||isNaN(H)||H<1||H>12||he.length!==4)&&(g.expiryMonth="Invalid Expiration Date."),(s=m==null?void 0:m.cvv)!=null&&s.trim()||(g.cvv="CVV is required"),(A=m==null?void 0:m.zipCode)!=null&&A.trim()||(g.zipCode="ZIP code is required"),m!=null&&m.expiryMonth&&(m!=null&&m.expiryYear)&&m.expiryMonth.length<=2&&m.expiryYear.length===4){let U=parseInt(m.expiryMonth,10),b=parseInt(m.expiryYear,10),R=new Date,ne=R.getMonth()+1,fe=R.getFullYear();(b<fe||b===fe&&U<ne)&&(g.expiryMonth="Card is expired")}return c(g),Object.keys(g).length>0},Ct=()=>{var H,he,W,we,Me,o,s,A;let g={},m=u;return(H=m==null?void 0:m.name)!=null&&H.trim()||(g.name="Name is required"),(he=m==null?void 0:m.accountNumber)!=null&&he.trim()||(g.accountNumber="Account number is required"),(W=m==null?void 0:m.accountNumber)!=null&&W.trim()&&((we=m==null?void 0:m.accountNumber)==null?void 0:we.trim())!==((Me=m==null?void 0:m.confirmAccountNumber)==null?void 0:Me.trim())&&(g.confirmAccountNumber="Account numbers must match"),(o=m==null?void 0:m.bankName)!=null&&o.trim()||(g.bankName="Bank name is required"),(s=m==null?void 0:m.routingNumber)!=null&&s.trim()||(g.routingNumber="Routing Number is required"),m!=null&&m.routingNumber&&((A=m==null?void 0:m.routingNumber)==null?void 0:A.length)!==9&&(g.routingNumber="Routing number must be 9 digits"),((m==null?void 0:m.accountType)==="business saving"||(m==null?void 0:m.accountType)==="business checking")&&(!(m!=null&&m.companyName)||(m==null?void 0:m.companyName)==="")&&(g.companyName="Company Name is required for business accounts"),re(g),Object.keys(g).length>0},ut=async g=>{var m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie;if(g.preventDefault(),Ze!=="ach"){if(At())return;{let me=DatacapWebToken.validateCardNumber(d==null?void 0:d.cardNumber.replaceAll(" ","")),ae=DatacapWebToken.validateExpirationDate(d==null?void 0:d.expiryMonth,d==null?void 0:d.expiryYear),ue=DatacapWebToken.validateCVV(d==null?void 0:d.cvv),de={};if(me||(de.cardNumber="Invalid card Number"),ae||(de.expiryMonth="Invalid Expiration Date."),ue||(de.cvv="Invalid CVV"),c(de),me&&ue&&ae){x(!0);try{let Ce=async function(Ne){var Q,pe;if(Ne.Error)h(Ne.Error),x(!1);else{let We=d==null?void 0:d.cardName,qt=d==null?void 0:d.zipCode;Ne.name=We,Ne.postal_code=qt,Ne.isCardSave=`${l}`,Ne.isCharge=!0,Ne.posSalesIdEncode=(Q=V==null?void 0:V.orderDetails)==null?void 0:Q.orderId,Ne.partial_amount=Te,lt.emit("sendMessage",Ne);let tt=(pe=V==null?void 0:V.orderDetails)==null?void 0:pe.orderId;lt.on(tt,Je=>{if(bn(Je==null?void 0:Je.data)){let Ft=JSON.parse(Je.data);Ft!=null&&Ft.result?(C({cardName:"",cardNumber:"",expiryMonth:"",expiryYear:"",cvv:"",orderId:"",zipCode:""}),f(!1),vt(Ft==null?void 0:Ft.transactionId),le(!0),x(!1)):(x(!1),h((Ft==null?void 0:Ft.message)||"Something went wrong."))}else h("Something went wrong.")})}};if((V==null?void 0:V.paymentGateway)===32){let Ne={method:"POST",redirect:"follow"};try{let Q=await wn.default.post(`${Be}api/v1/widget/generate-session`,Ne),pe=Number(d==null?void 0:d.expiryYear)%100,We=d==null?void 0:d.cardNumber;We=We==null?void 0:We.replace(/\s+/g,"");let qt=`${We}=${pe}${d==null?void 0:d.expiryMonth} ${d==null?void 0:d.cvv}`,Je=forge.pki.publicKeyFromPem((H=(m=Q==null?void 0:Q.data)==null?void 0:m.data)==null?void 0:H.publicKeyPem).encrypt(qt,"RSA-OAEP",{md:forge.md.sha1.create(),mgf1:{md:forge.md.sha1.create()}}),Ft=forge.util.encode64(Je),_n={"Content-Type":"application/json","x-app-session-key":(W=(he=Q.data)==null?void 0:he.data)==null?void 0:W.session_key},Pt=JSON.stringify({enc_track2_data:`${Ft}`,algorithm:"RSAES_OAEP_SHA_1",session_key:`${(Me=(we=Q==null?void 0:Q.data)==null?void 0:we.data)==null?void 0:Me.session_key}`});try{let Mt=await wn.default.post(`${Lt}tokenizer/tokenize`,Pt,{headers:_n}),an=JSON.stringify(z(_({},(o=Mt==null?void 0:Mt.data)==null?void 0:o.data),{isSaveCardChecked:l,name:d==null?void 0:d.cardName,postal_code:d==null?void 0:d.zipCode,customer_id:e==null?void 0:e.customerId,partial_amount:Te})),zn=JSON.stringify({pre_sales_id:`${(s=V==null?void 0:V.orderDetails)==null?void 0:s.orderId}`,token:`${(A=Mt==null?void 0:Mt.data)==null?void 0:A.data.token}`,json_response:`${an}`}),Yt={method:"POST",headers:JSON.stringify({"Content-Type":"application/json"}),body:zn,redirect:"follow",isChargeviafractal:!0};lt.emit("sendMessage",Yt),lt.on("chargeviafractalgateway",Qt=>{var Zt;if(bn(Qt==null?void 0:Qt.data)){let $t=JSON.parse(Qt==null?void 0:Qt.data);$t!=null&&$t.result?(vt((Zt=$t==null?void 0:$t.data)==null?void 0:Zt.transactionId),le(!0),x(!1)):(x(!1),h(($t==null?void 0:$t.message)||"Something went wrong."))}else h("Something went wrong.")})}catch(Mt){x(!1),h(((b=(U=Mt==null?void 0:Mt.response)==null?void 0:U.data)==null?void 0:b.message)||(Mt==null?void 0:Mt.message)||"Something went wrong.")}}catch(Q){x(!1),h(((ne=(R=Q==null?void 0:Q.response)==null?void 0:R.data)==null?void 0:ne.message)||(Q==null?void 0:Q.message)||"Something went wrong.")}}else typeof DatacapWebToken!="undefined"&&DatacapWebToken.requestToken(V==null?void 0:V.dctoken,"PaymentForm",Ce)}catch(Ce){x(!1),h(((ie=(fe=Ce==null?void 0:Ce.response)==null?void 0:fe.data)==null?void 0:ie.message)||(Ce==null?void 0:Ce.message)||"Something went wrong.")}}}}else{if(Ct())return;{x(!0);let me={fractalpayPublicKey:v,label:(u==null?void 0:u.name)||"John Doe",account_number:u==null?void 0:u.accountNumber,routing_number:u==null?void 0:u.routingNumber,bank_name:u==null?void 0:u.bankName,account_type:u==null?void 0:u.accountType,amount:String(ve||0),isSaveAch:D,customer_id:e==null?void 0:e.customerId,order_id:e==null?void 0:e.orderID,tax:e==null?void 0:e.tax,discount:e==null?void 0:e.discount,surcharge:e==null?void 0:e.surcharge,isChargeACH:!0,company_name:(u==null?void 0:u.companyName)||""};lt.emit("sendMessage",me),lt.on("ach-incoming",ae=>{var ue;(ae==null?void 0:ae.status)=="Failed"?typeof(ae==null?void 0:ae.message)=="object"?Object.values(ae==null?void 0:ae.message).forEach(de=>{h(de||"Something went wrong")}):h((ae==null?void 0:ae.message)||"Something went wrong"):(vt((ue=ae==null?void 0:ae.data)==null?void 0:ue.transaction_id),le(!0),x(!1))})}}},Nt=async()=>{var g,m,H,he,W,we,Me,o,s,A,U,b,R,ne,fe,ie,ce,me,ae,ue,de,Ce,Ne;T();try{let Q={fractalpayPublicKey:v,customer_id:e==null?void 0:e.customerId,pass_fee:e==null?void 0:e.pass_fee,orderGuid:e==null?void 0:e.orderGuid},pe=await wn.default.post(`${$e}get-payment-details`,Q);if(xt((g=pe==null?void 0:pe.data)==null?void 0:g.data),(H=(m=pe==null?void 0:pe.data)==null?void 0:m.data)!=null&&H.paymentGateway||(be(),h("Something went wrong.")),(W=(he=pe==null?void 0:pe.data)==null?void 0:he.data)!=null&&W.card_list&&((o=(Me=(we=pe==null?void 0:pe.data)==null?void 0:we.data)==null?void 0:Me.card_list)==null?void 0:o.length)>0){let We=(U=(A=(s=pe==null?void 0:pe.data)==null?void 0:s.data)==null?void 0:A.card_list)==null?void 0:U.filter(tt=>(tt==null?void 0:tt.card_type)=="Bank"),qt=(ne=(R=(b=pe==null?void 0:pe.data)==null?void 0:b.data)==null?void 0:R.card_list)==null?void 0:ne.filter(tt=>(tt==null?void 0:tt.card_type)!=="Bank");console.log(We,"hohgohoo",qt),(qt==null?void 0:qt.length)>0&&te("list"),(We==null?void 0:We.length)>0&&Ae("list"),ht(qt),nt(We)}else J("card");(ie=(fe=pe==null?void 0:pe.data)==null?void 0:fe.data)!=null&&ie.paymentDeviceList&&((ae=(me=(ce=pe==null?void 0:pe.data)==null?void 0:ce.data)==null?void 0:me.paymentDeviceList)==null?void 0:ae.length)>0&&Ie((de=(ue=pe==null?void 0:pe.data)==null?void 0:ue.data)==null?void 0:de.paymentDeviceList[0]),$()}catch(Q){console.log(Q),$(),h(((Ne=(Ce=Q==null?void 0:Q.response)==null?void 0:Ce.data)==null?void 0:Ne.message)||(Q==null?void 0:Q.message)||"Something went wrong")}},It=async()=>{let g=e==null?void 0:e.customerId,m=String(e==null?void 0:e.discount),H=String(e==null?void 0:e.surcharge),he=String(e==null?void 0:e.tax),W=e==null?void 0:e.merchantPublicKey,we=e==null?void 0:e.orderID,Me=String(Te),o=st==null?void 0:st.id,s=st==null?void 0:st.card_type;if(W&&we&&Me&&ve)if(g)if(o){let U={amount:s==="Bank"?ve:Me,order_id:we,customer_id:g,card_id:o,fractalpayPublicKey:W,isCardSave:l,discount:m,surcharge:H,tax:he},A=U,{isCardSave:b}=A,R=hn(A,["isCardSave"]),fe=$e+(s==="Bank"?"charge-ach":"charge-by-card"),ie={"Content-Type":"application/json"};x(!0),lt.emit("sendMessage",{url:fe,body:s=="Bank"?R:U,isChargebycard:!0}),lt.on("charge-by-card",ce=>{var me;(ce==null?void 0:ce.result)==!0||(ce==null?void 0:ce.status)==!0?(vt((me=ce.data)==null?void 0:me.transaction_id),le(!0),x(!1)):h((ce==null?void 0:ce.message)||"Something went wrong.")})}else h("Please Select A Card/ACH");else h("Please Select Customer");else h("Something went wrong.")},Vt=async()=>{var W,we,Me,o,s,A;let g=e==null?void 0:e.merchantPublicKey,m=e==null?void 0:e.orderID,H=String(Te),he=e==null?void 0:e.customerId;if(!(rt!=null&&rt.device_id)){h("Please Select A Payment Device");return}if(g&&m&&H){x(!0);let U={amount:H,fractalpayPublicKey:g,customer_order_id:m,device_id:rt==null?void 0:rt.device_id,customer_id:he||""};try{let b=await wn.default.post(`${$e}charge-with-reader`,U);((W=b==null?void 0:b.data)==null?void 0:W.result)==!0?(vt((Me=(we=b==null?void 0:b.data)==null?void 0:we.data)==null?void 0:Me.transaction_id),le(!0),x(!1)):(h(((o=b==null?void 0:b.data)==null?void 0:o.message)||"Something went wrong."),x(!1))}catch(b){h(((A=(s=b==null?void 0:b.response)==null?void 0:s.data)==null?void 0:A.message)||"Something went wrong."),x(!1)}}else h("Something went wrong.")},Bt=()=>{ct==="card"?It():ct==="reader"&&Vt()};(0,t.useEffect)(()=>{je&&v&&Nt()},[v,je]);let Tt=async g=>{kn.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 m=>{if(m.isConfirmed){x(!0);try{let H={card_id:g,customer_id:e==null?void 0:e.customerId,fractalpayPublicKey:e==null?void 0:e.merchantPublicKey},he=await wn.default.post(`${$e}delete-customer-card`,H);x(!1),Nt(),kn.default.fire({icon:"success",title:"Deleted!",text:"Card deleted.",confirmButtonText:"OK",showConfirmButton:!0,timer:1e3,timerProgressBar:!0,customClass:{confirmButton:"btn btn-dark"}})}catch(H){x(!1),kn.default.fire({icon:"error",title:"Error!",text:"Failed to delete the card.",confirmButtonText:"OK",customClass:{confirmButton:"btn btn-dark"}})}}else m.dismiss===kn.default.DismissReason.cancel&&kn.default.fire({icon:"info",text:"Card not deleted",confirmButtonText:"OK",buttonsStyling:!1,customClass:{confirmButton:"btn btn-dark float-end",actions:"swal2-actions-end"}})})},yt=g=>{switch(g==null?void 0:g.toLowerCase()){case"visa":return G;case"mastercard":case"mc":case"m/c":return B;case"amex":case"american express":case"ae":return j;case"discover":case"dcvr":return Oe;case"bank":return Ke;default:return g}},qe=()=>{let g=ve||0;return(Number(Te)-g).toFixed(0)};return console.log(Ee,"activeinCard","activeinBank",De),t.default.createElement(t.default.Fragment,null,t.default.createElement(Gt,null),t.default.createElement(dn,null),t.default.createElement(un,null),t.default.createElement(t.default.Fragment,null,t.default.createElement("button",{ref:y,style:{display:"none"},className:"paymentBtn",onClick:Qe},"Pay"),t.default.createElement(Et,{open:je,onClose:be},ee&&t.default.createElement("div",{style:{maxHeight:"606px",minHeight:"60vh",padding:"40px"}},t.default.createElement(Dt,{error:ee,onClose:be})),Le&&t.default.createElement(cn,{onClose:be,tranId:jt}),!ee&&!Le&&t.default.createElement(t.default.Fragment,null,(Pe||w)&&t.default.createElement(Ht,{loading:Pe||w}),t.default.createElement("div",{className:"frac-card-payment-page frac-form"},t.default.createElement("div",{className:"parent-pay-container"},t.default.createElement("span",{className:"request-payment-close-popup",onClick:be},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12425_52336)"},t.default.createElement("path",{d:"M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z",fill:"#727272"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12425_52336"},t.default.createElement("rect",{width:"16",height:"16",fill:"white"}))))),t.default.createElement("div",{className:"pay-main-logo-res"},t.default.createElement("img",{src:V==null?void 0:V.logo,id:"pay-logos"})),t.default.createElement("div",{className:"pay-container"},t.default.createElement("div",{className:"pay-header pay-conatiner-one frac-pay-conatiner-one"},t.default.createElement("div",{className:"pay-conatiner-one-first"},t.default.createElement("div",{className:"pay-logo-container"},t.default.createElement("div",{className:"pay-main-logo"},t.default.createElement("img",{src:V==null?void 0:V.logo,id:"pay-logos"})),(ge==null?void 0:ge.length)>0&&Ze!=="cardList"&&t.default.createElement("button",{className:"res-charge-payment-back-btn ",onClick:()=>J("cardList")}," ",t.default.createElement(Ln.IoArrowBack,null)," Back")),t.default.createElement("div",{className:"amt-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner"},t.default.createElement("small",{className:"pay-payment-amount"},"Select paymet type")),t.default.createElement("div",{className:"frac-card-bank-radio-main"},t.default.createElement(rn,{label:"Card",amount:(wt=Number(Te))==null?void 0:wt.toFixed(2),value:"card",onChange:it,activetab:Ze}),(V==null?void 0:V.isSkyFiAccount)&&t.default.createElement(rn,{label:"Bank",amount:(gt=Number(ve))==null?void 0:gt.toFixed(2),value:"ach",onChange:it,activetab:Ze})),ve&&ve>0&&(e!=null&&e.pass_fee)?t.default.createElement("div",{className:"frac-cash-discount-fee"},t.default.createElement("small",null,Ze==="card"?"Cash Discount":"Cash Discount Savings"," "),t.default.createElement("p",null,Ue((Number(Te)-ve).toFixed(2)))):null)),t.default.createElement("div",{className:"pay-conatiner-one-last"},t.default.createElement("img",{src:ke,alt:""}),t.default.createElement("img",{src:K,alt:""}),"Secure payments powered by Fractal")),t.default.createElement("div",{className:"pay-tab pay-conatiner-two"},!Pe&&t.default.createElement("div",{className:"col-md-12"},t.default.createElement("div",{id:"payment-form-div"},Ze!=="cardList"?t.default.createElement("div",{className:"frac-charge-payment-back-btn-wrap "},(ge==null?void 0:ge.length)>0&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>J("cardList")}," ",t.default.createElement(Ln.IoArrowBack,null)," Back"),(V==null?void 0:V.isSkyFiAccount)&&t.default.createElement("div",{className:"tab"},t.default.createElement("button",{className:"tablinks",onClick:g=>{it("card")},style:{border:Ze==="card"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-credit-card me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Card"),t.default.createElement("button",{className:"tablinks",onClick:g=>{it("ach")},style:{border:Ze==="ach"?"1px solid":""}},t.default.createElement("i",{className:"fas fa-university me-2",style:{marginRight:"8px",fontSize:"15px"}}),"Bank")),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(Jt=Number(Te))==null?void 0:Jt.toFixed(2))),Ze!="ach"&&t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:B,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:j,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:Oe,width:35,alt:""})))),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",ve)),ve&&ve>0&&(e!=null&&e.pass_fee)?t.default.createElement("div",{className:"frac-cash-discount-fee"},t.default.createElement("small",null,Ze==="card"?"Cash Discount":"Cash Discount Savings"," "),t.default.createElement("p",null,Ue((Number(Te)-ve).toFixed(2)))):null):t.default.createElement("div",null,t.default.createElement("h6",{className:"charge-customer-name",style:{marginBottom:"16px !important"}}," Charge ",V==null?void 0:V.customer_name),t.default.createElement("h6",{className:"card-ach-heading",style:{marginBottom:"10px !important"}}," ",ct==="card"?"Cards/Banks":"Readers"," "),t.default.createElement("div",{className:"res-pay-con"},t.default.createElement("div",{className:"pay-amount-conatiner",style:{margin:0}},t.default.createElement("small",{className:"pay-payment-amount"},"Payment Amount"),t.default.createElement("strong",{className:"pay-amount"},"$",(Ve=Number(Te))==null?void 0:Ve.toFixed(2))),t.default.createElement("div",null,t.default.createElement("div",null,t.default.createElement("img",{src:G,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:B,width:35,alt:""})),t.default.createElement("div",null,t.default.createElement("img",{src:j,alt:"",width:35,style:{paddingRight:"5px"}}),t.default.createElement("img",{src:Oe,width:35,alt:""}))))),t.default.createElement("div",{id:"card",style:{display:Ze==="card"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"frac-card-payment"},t.default.createElement("div",{className:"frac-heading-card-wrap"},t.default.createElement("div",{className:"frac-backarrow"},(ge==null?void 0:ge.length)>0&&Ee==="form"&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>te("list")}," ",t.default.createElement(Ln.IoArrowBack,null)),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount"),t.default.createElement("div",null,"$",ve))),t.default.createElement("h6",{className:"frac-card-payment-heading"},"Card Payment")),Ze!="ach"&&t.default.createElement("div",{style:{display:"flex",gap:"8px",margin:"8px 0px 19px 0px"}},t.default.createElement("img",{src:G,alt:"",width:33}),t.default.createElement("img",{src:B,width:33,alt:""}),t.default.createElement("img",{src:j,alt:"",width:33}),t.default.createElement("img",{src:Oe,width:33,alt:""}))),Ee==="list"?t.default.createElement(t.default.Fragment,null,t.default.createElement(sn,{listHeading:"Cards",paymentGateway:V==null?void 0:V.paymentGateway,ListItems:ge,selectedCard:st,setSelectedCard:mt,handleDeleteCard:Tt,otherButtonLabel:"Pay With Other Card",otherButtonAction:()=>{te("form")}}),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},Ue((kt=Number(Te))==null?void 0:kt.toFixed(2))))):t.default.createElement("form",{id:"PaymentForm",style:{textAlign:"start"},onSubmit:ut},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)==0?"456px":(ge==null?void 0:ge.length)>0?"462px":"520px",overflow:"auto",marginRight:"5px"}},t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardHolderName"},"NAME ON CARD "),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"John Doe",value:(d==null?void 0:d.cardName)||"",onChange:g=>{let m=g.target.value;/^[a-zA-Z\s]*$/.test(m)&&ze("cardName",m)}}),(k==null?void 0:k.cardName)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardName)),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"cardNumber"},"CARD NUMBER"),t.default.createElement("div",{className:"toggle-num-wrapper"},t.default.createElement("input",{className:"form-control card-number-new",type:"text",maxLength:19,inputMode:"numeric",placeholder:"0000 0000 0000 0000",value:(d==null?void 0:d.cardNumber)||"",onChange:g=>at(g),"data-token":"card_number"}),t.default.createElement("div",{className:"card-crdi card-expiry-new"},t.default.createElement("div",{className:"exp-date-year-container"},t.default.createElement("div",{className:"exp-date form-group"},t.default.createElement("input",{"data-token":"exp_month",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"MM",maxLength:2,value:(d==null?void 0:d.expiryMonth)||"",onChange:g=>ze("expiryMonth",g.target.value)})),t.default.createElement("div",{className:"exp-year form-group"},t.default.createElement("input",{"data-token":"exp_year",className:"form-control required card-cvv-in",type:"text",style:{maxHeight:"36px"},placeholder:"YYYY",maxLength:4,value:(d==null?void 0:d.expiryYear)||"",onChange:g=>ze("expiryYear",g.target.value)})),t.default.createElement("div",{className:"security-digit form-group"},t.default.createElement("input",{"data-token":"cvv",className:"form-control card-cvv-in required",type:"text",style:{maxHeight:"36px"},maxLength:4,placeholder:"CVC",value:(d==null?void 0:d.cvv)||"",onChange:g=>ze("cvv",g.target.value)})))),(k==null?void 0:k.cardNumber)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cardNumber),t.default.createElement("p",{style:{margin:"0"}},k!=null&&k.expiryMonth||k!=null&&k.expiryYear?t.default.createElement("span",{className:"error-span",style:{paddingRight:"4px"}},k==null?void 0:k.expiryMonth):"",(k==null?void 0:k.cvv)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.cvv)))),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"OrderId"},"Order ID / Description"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"OID123456",disabled:!0,value:(St=e==null?void 0:e.orderID)!=null?St:"",style:{background:"#F6F6F7",color:"#727272"}})),t.default.createElement("div",{className:"form-group"},t.default.createElement("label",{htmlFor:"zip"},"ZIP"),t.default.createElement("input",{type:"text",className:"form-control",maxLength:100,placeholder:"000000",value:(et=d==null?void 0:d.zipCode)!=null?et:"",onChange:g=>ze("zipCode",g.target.value)}),(k==null?void 0:k.zipCode)&&t.default.createElement("span",{className:"error-span"},k==null?void 0:k.zipCode)),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group"},t.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",paddingTop:"10px"}},t.default.createElement("input",{type:"checkbox",id:"save_card",className:"toggle-checkbox",checked:l,onChange:g=>f(g.target.checked)}),t.default.createElement("label",{htmlFor:"save_card",className:"toggle-label"}),t.default.createElement("label",{htmlFor:"save_card"},"Save card for future payments "),t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},t.default.createElement("g",{clipPath:"url(#clip0_12420_50192)"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}),t.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#E0DFE2"}),t.default.createElement("path",{d:"M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",fill:"#161616"})),t.default.createElement("defs",null,t.default.createElement("clipPath",{id:"clip0_12420_50192"},t.default.createElement("rect",{width:"20",height:"20",fill:"white"}))))))),t.default.createElement("div",{className:"form-group",style:{marginTop:"20px",padding:"0"}},(V==null?void 0:V.paymentDeviceList)&&((ot=V==null?void 0:V.paymentDeviceList)==null?void 0:ot.length)>0&&t.default.createElement("button",{type:"button",style:{marginBottom:"10px"},className:"pay-button",onClick:()=>I(!bt)},bt?"Pay With Reader":"Pay With Card"),t.default.createElement("button",{type:"submit",style:{margin:0},className:"pay-button"},Ue((Xt=Number(Te))==null?void 0:Xt.toFixed(2)))))),t.default.createElement("div",{id:"ach",style:{display:Ze==="ach"?"block":"none"},className:"tabcontent"},t.default.createElement("div",{className:"frac-card-payment"},t.default.createElement("div",{className:"frac-heading-card-wrap"},t.default.createElement("div",{className:"frac-backarrow"},(Re==null?void 0:Re.length)>0&&De==="form"&&t.default.createElement("button",{className:"charge-payment-back-btn ",onClick:()=>Ae("list")}," ",t.default.createElement(Ln.IoArrowBack,null)),ve&&ve>0&&t.default.createElement("div",{className:"res-pay-con frac-cash-discount"},t.default.createElement("div",{className:"frac-cashlabel"},"Cash Discount Savings"),t.default.createElement("div",null,"$",qe()))),t.default.createElement("h6",{className:"frac-card-payment-heading"},"Bank Payment"))),De==="list"?t.default.createElement(t.default.Fragment,null,t.default.createElement(sn,{listHeading:"Banks",paymentGateway:V==null?void 0:V.paymentGateway,ListItems:Re,selectedCard:st,setSelectedCard:mt,handleDeleteCard:Tt,otherButtonLabel:"Pay With Other Bank",otherButtonAction:()=>{Ae("form")}}),t.default.createElement("div",{className:"form-group",style:{padding:"0"}},t.default.createElement("button",{className:"pay-button",style:{margin:"0px"},type:"submit",onClick:Bt},Ue((Ot=Number(ve))==null?void 0:Ot.toFixed(2))))):t.default.createElement("form",{id:"ACHPaymentForm",style:{textAlign:"start"},onSubmit:ut},t.default.createElement("div",{className:"ach-scrl",style:{minHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)==0?"436px":(ge==null?void 0:ge.length)>0?"462px":"520px",maxHeight:V!=null&&V.isSkyFiAccount&&(ge==null?void 0:ge.length)>0?"444px":((ge==null?void 0:ge.length)>0,"380px")}},t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"nameonaccount"},"Name on account"),t.default.createElement("input",{type:"text",id:"nameonaccount",className:"form-control",maxLength:100,placeholder:"John Doe",name:"name",value:(tn=u==null?void 0:u.name)!=null?tn:"",onChange:xe}),(Z==null?void 0:Z.name)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.name)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"routingnumber"},"Routing number"),t.default.createElement("input",{type:"text",id:"routingnumber",className:"form-control",maxLength:9,placeholder:"000000000",name:"routingNumber",value:(pt=u==null?void 0:u.routingNumber)!=null?pt:"",onChange:xe}),(Z==null?void 0:Z.routingNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.routingNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accountnumber"},"Account number"),t.default.createElement("input",{type:"text",id:"accountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"accountNumber",value:(Ut=u==null?void 0:u.accountNumber)!=null?Ut:"",onChange:xe}),(Z==null?void 0:Z.accountNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.accountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"confirmaccountnumber"},"Confirm account number"),t.default.createElement("input",{type:"text",id:"confirmaccountnumber",className:"form-control",maxLength:16,placeholder:"0000000000",name:"confirmAccountNumber",value:(nn=u==null?void 0:u.confirmAccountNumber)!=null?nn:"",onChange:xe}),(Z==null?void 0:Z.confirmAccountNumber)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.confirmAccountNumber)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"bankname"},"Bank name"),t.default.createElement("input",{type:"text",id:"bankname",className:"form-control",maxLength:100,placeholder:"My Bank",name:"bankName",value:(Y=u==null?void 0:u.bankName)!=null?Y:"",onChange:xe}),(Z==null?void 0:Z.bankName)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.bankName)),((u==null?void 0:u.accountType)==="business saving"||(u==null?void 0:u.accountType)==="business checking")&&t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"companyName"},"Company name"),t.default.createElement("input",{type:"text",id:"companyName",className:"form-control",maxLength:100,placeholder:"My Company",name:"companyName",value:(p=u==null?void 0:u.companyName)!=null?p:"",onChange:xe}),(Z==null?void 0:Z.companyName)&&t.default.createElement("span",{className:"error-span"},Z==null?void 0:Z.companyName)),t.default.createElement("div",{className:"form-group mb-4"},t.default.createElement("label",{htmlFor:"accounttype"},"Select account type"),t.default.createElement("select",{name:"accountType",id:"accounttype",className:"form-control",value:(X=u==null?void 0:u.accountType)!=null?X:"",onChange:xe},t.default.createElement("option",{value:""},"Select account"),xn.map(g=>t.default.createElement("option",{key:g.value,value:g.value},g.label)))),(e==null?void 0:e.customerId)&&t.default.createElement("div",{className:"form-group mb-4 save-ach-div",style:{paddingTop:"5px"}},t.default.createElement("input",{type:"checkbox",id:"saveACH",className:"",maxLength:100,placeholder:"My Bank",checked:D,onChange:g=>M(g.target.checked)}),t.default.createElement("label",{htmlFor:"saveACH"},"Save ACH")),D&&t.default.createElement("div",{className:"form-group mb-4",style:{fontSize:"12px",color:"#727272"}},t.default.createElement("p",null,"If checked, I agree for ",t.default.createElement("b",null,"ecommerce")," to have my permission to charge this credit card for agreed upon purchases in the future."))),t.default.createElement("div",{className:"form-group "},t.default.createElement("button",{className:"pay-button",style:{margin:"20px 0 0"},type:"submit"},Ue((He=Number(ve))==null?void 0:He.toFixed(2))))))))))))))))}0&&(module.exports={AddCard,CardOnFile,GetPaymentPage,PartialPayment,PaymentWidget,PreAuthPayment,RequestPayment,RequestPreAuthPayment});
|