https://www.agoldenstate.com/_next/static/chunks/2753-499a1af409cc90e2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2753],{34839:function(e,r,t){var n=t(47568),a=t(97582),s=t(85893),i=t(67294),c=t(80419),o=t(48641),l=t(47741),d=t(76289),u=t(86664),p=t(2859),m=t(98087),h=t(35119),g=t(11163),f=t(21949),v=function(e){var r,t=e.onClose,d=e.stripeData,p=(0,i.useState)(!1),m=p[0],f=p[1],v=(0,u.useStripe)(),y=(0,u.useElements)(),x=(0,g.useRouter)(),b=(0,c.pm)(),C=(r=(0,n.Z)(function(e){var r,n,s,i,c;return(0,a.__generator)(this,function(a){switch(a.label){case 0:if(e.preventDefault(),!v||!y)return[2];return f(!0),[4,v.confirmPayment({elements:y,confirmParams:{return_url:"http://localhost:3888"},redirect:"if_required"})];case 1:if(n=(r=a.sent()).error,s=r.paymentIntent,!n)return[3,2];return b({title:"Payment failed",description:n.message,status:"info",position:"top-right",duration:3e3,isClosable:!0}),[3,7];case 2:if((null==s?void 0:s.status)!=="succeeded")return[3,7];b({title:"Payment successful",description:"Thank you for your payment!",status:"success",position:"top-right",duration:3e3,isClosable:!0}),a.label=3;case 3:return a.trys.push([3,5,,6]),i={paymentGatewayId:null==d?void 0:d.paymentGatewayId,orderId:null==d?void 0:d.orderId,payment_intent_id:null==d?void 0:d.payment_intent_id},[4,h.Z.payOrderStripe(i)];case 4:return a.sent(),x.push("/orders/".concat(null==d?void 0:d.orderId,"?refresh=true")),[3,6];case 5:return c=a.sent(),console.error("Error calling success API:",c),[3,6];case 6:t(),a.label=7;case 7:return f(!1),[2]}})}),function(e){return r.apply(this,arguments)});return(0,s.jsxs)("form",{onSubmit:C,children:[(0,s.jsx)(u.PaymentElement,{}),(0,s.jsx)(o.Ug,{width:"100%",justifyContent:"flex-end",mt:"4",children:(0,s.jsx)(l.zx,{type:"submit",variant:"primary",maxWidth:{sm:"100%",md:"160px"},isLoading:m,disabled:!v||!y,children:"Submit Payment"})})]})},y=function(e){var r=e.stripeData,t=e.isOpen,n=e.onClose;(0,i.useContext)(m.Z).cms;var a=(0,i.useContext)(f.Z).stripePublishableKey,c=(0,p.J)(a||"pk_test_51Qm22AH9ydG8Lyas8Eg1ZUeikePFOcb3MXvIEOrerjKW644vAkqWN8uBLRstjZV5sdyI5poufQG2orQHsIMFfWPR0008s1nL3D"),o=null==r?void 0:r.secruteKey;return(0,s.jsxs)(d.u_,{closeOnEsc:!1,closeOnOverlayClick:!1,size:"xl",isOpen:t,onClose:n,children:[(0,s.jsx)(d.ZA,{}),(0,s.jsxs)(d.hz,{margin:"auto 1rem",children:[(0,s.jsx)(d.xB,{children:"Payment"}),(0,s.jsx)(d.fe,{pb:"1rem",children:o&&(0,s.jsx)(u.Elements,{stripe:c,options:{clientSecret:o,appearance:{theme:"stripe",variables:{colorPrimary:"#0570de",colorBackground:"#ffffff",colorText:"#30313d",fontFamily:"Roboto, Open Sans, Segoe UI, sans-serif"}}},children:(0,s.jsx)(v,{onClose:n,clientSecret:o,stripeData:r})})})]})]})};r.Z=y},47622:function(e,r,t){var n=t(47568),a=t(97582),s=t(85893),i=t(67294),c=t(82580),o=t(74231),l=t(39653),d=t(80419),u=t(76289),p=t(48641),m=t(83234),h=t(57026),g=t(47741),f=t(35610),v=t(58971),y=t.n(v),x=t(48046),b=t(35119),C=t(70024),_=t(22826),j=t(11163),E=o.Ry().shape({cardNumber:o.Z_().required("Card number is required").matches(/^\d{13,16}$/,"Card number must be 13-16 digits").test("card-length","Invalid card number length",function(e){if(!e)return!1;var r=e.replace(/\s/g,"");return r.length>=13&&r.length<=16}),name:o.Z_().required("Name is required"),expirationMonth:o.Z_().required("Expiration month is required").matches(/^(0[1-9]|1[0-2])$/,"Month must be 01-12"),expirationYear:o.Z_().required("Expiration year is required").matches(/^\d{4}$/,"Year must be 4 digits").test("future-year","Card cannot be expired",function(e){if(!e)return!1;var r=new Date().getFullYear(),t=new Date().getMonth()+1,n=parseInt(e),a=parseInt(this.parent.expirationMonth);return!!(n>r)||n===r&&!!(a>=t)}),cvv:o.Z_().required("CVV is required").matches(/^\d{3,4}$/,"CVV must be 3 or 4 digits")}),S=function(e){var r,t=e.isOpen,o=e.onClose,v=e.orderId,S=e.paymentGatewayId,I=e.gateWayName,N=(0,i.useState)(!1),M=N[0],R=N[1],O=(0,i.useState)(""),w=O[0],A=O[1],V=(0,l.qY)(),T=V.isOpen,P=V.onOpen,k=V.onClose,z=(0,i.useContext)(C.Z),D=(0,d.pm)(),Y=(0,i.useRef)(null),Z=(0,j.useRouter)(),B=Array.from({length:12},function(e,r){var t=(r+1).toString().padStart(2,"0"),n=new Date(2e3,r).toLocaleStr

1ing("default",{month:"long"});return{value:t,label:"".concat(t," - ").concat(n)}}),q=new Date().getFullYear(),L=Array.from({length:11},function(e,r){var t=q+r;return{value:t.toString(),label:t.toString()}}),U=(r=(0,n.Z)(function(e){var r,t,n,s,i,c;return(0,a.__generator)(this,function(a){switch(a.label){case 0:if(R(!0),r="".concat(e.expirationYear,"-").concat(e.expirationMonth),"nmi"!==I)return[3,2];return t=e.expirationMonth+e.expirationYear.slice(-2),n={orderId:"".concat(v),paymentGatewayId:S,creditCard:{cardNumber:"".concat(null==e?void 0:e.cardNumber),expirationDate:t,cardCode:"".concat(null==e?void 0:e.cvv)}},console.log("payload iss",n),[4,b.Z.payWithNMI(n)];case 1:return(null==(s=a.sent())?void 0:s.success)?(D({title:"Your transaction is successful",status:"success",position:"top-right",duration:3e3,isClosable:!0}),y().set("cart",{bag:[]}),z.syncBag(),null==z||z.setCart({bag:[],syncBag:!0,modification:[]}),Z.push("/orders/".concat(v))):(D({title:"Your transaction was unsuccessful but you can pay later",status:"info",position:"top-right",duration:3e3,isClosable:!0}),y().set("cart",{bag:[]}),z.syncBag(),null==z||z.setCart({bag:[],syncBag:!0,modification:[]}),Z.push("/orders/".concat(v))),o(),[2];case 2:return i={orderId:"".concat(v),paymentGatewayId:S,creditCard:{cardNumber:"".concat(null==e?void 0:e.cardNumber),expirationDate:r,cardCode:"".concat(null==e?void 0:e.cvv)}},[4,b.Z.payWithAuthorisenet(i)];case 3:return(null==(c=a.sent())?void 0:c.success)?(D({title:"Your transaction is successful",status:"success",position:"top-right",duration:3e3,isClosable:!0}),y().set("cart",{bag:[]}),z.syncBag(),null==z||z.setCart({bag:[],syncBag:!0,modification:[]}),Z.push("/orders/".concat(v))):(D({title:"Your transaction was unsuccessful but you can pay later",status:"info",position:"top-right",duration:3e3,isClosable:!0}),y().set("cart",{bag:[]}),z.syncBag(),null==z||z.setCart({bag:[],syncBag:!0,modification:[]}),Z.push("/orders/".concat(v))),o(),[2]}})}),function(e){return r.apply(this,arguments)});return(0,s.jsxs)(u.u_,{closeOnEsc:!1,isCentered:!0,closeOnOverlayClick:!1,isOpen:t,onClose:o,size:"lg",children:[(0,s.jsx)(u.ZA,{}),(0,s.jsx)(u.hz,{bg:"secondary",marginLeft:"12px",marginRight:"12px",children:(0,s.jsxs)(u.fe,{padding:"32px 24px",children:[(0,s.jsx)(p.Kq,{spacing:"5",children:(0,s.jsx)(c.J9,{initialValues:{cardNumber:"",name:"",expirationMonth:"",expirationYear:"",cvv:""},validationSchema:E,onSubmit:function(e){return U(e)},children:function(e){var r,t,n=e.handleSubmit,a=e.handleChange,i=e.values,c=e.setFieldValue,o=e.errors,l=e.touched;return(0,s.jsx)("form",{onSubmit:n,children:(0,s.jsxs)(p.Kq,{width:"100%",spacing:7,children:[(0,s.jsx)(p.Kq,{children:(0,s.jsx)(_.Z,{number:i.cardNumber,expiry:(r=i.expirationMonth,t=i.expirationYear,r&&t?"".concat(r).concat(t.slice(2)):""),cvc:i.cvv,name:null==i?void 0:i.name,focused:w})}),(0,s.jsxs)(p.Kq,{width:"100%",children:[(0,s.jsx)(p.xv,{width:"100%",textAlign:"center",variant:"pageTitle",fontSize:"1.2rem",children:"Enter Card Details"}),(0,s.jsxs)(p.Kq,{spacing:5,width:"100%",children:[(0,s.jsx)(x.Z,{label:"Card number*",placeholder:"**** **** **** ****",style:{height:{sm:"42px",md:"48px"}},type:"number",errorBorderColor:"red.300",padding:{sm:".8rem 1rem",md:"1.5rem"},name:"cardNumber",onChange:function(e){A("number"),a(e)},height:{sm:"40px",md:"42px"}}),(0,s.jsx)(x.Z,{label:"Name on card*",placeholder:"",padding:{sm:".8rem 1rem",md:"1.5rem"},type:"text",style:{height:{sm:"42px",md:"48px"}},errorBorderColor:"red.300",name:"name",onChange:function(e){A("name"),a(e)},height:{sm:"40px",md:"48px"}}),(0,s.jsxs)(p.Ug,{spacing:"5",alignItems:"flex-start",children:[(0,s.jsxs)(m.NI,{isInvalid:!!(o.expirationMonth&&l.expirationMonth),children:[(0,s.jsx)(m.lX,{fontSize:{sm:"14px",md:"16px"},color:"color",children:"Expiration*"}),(0,s.jsx)(h.Ph,{name:"expirationMonth",placeholder:"Select month",color:"color",borderRadius:"4px",borderColor:"color",border:"1.3px solid",height:{sm:"42px",md:"48px"},value:i.expirationMonth,onChange:function(e){A("expiry"),c("expirationMonth",e.target.value)},children:B.map(function(e){return(0,s.jsx)("option",{value:e.value,children:e.label},e.value)})}),(0,s.jsx)(m.J1,{children:o.expirationMonth})]}),(0,s.jsxs)(m.NI,{isInvalid:!!(o.expirationYear&&l.expirationYear),children:[(0,s.jsx)(m.lX,{color:"#000",visibility:"hidden",children:"Expiration Year*"}),(0,s.jsx)(h.Ph,{name:"expirationYear",placeholder:"Select year",color:"color",borderColor:"color",borderRadius:"4px",border:"1.3px solid",height:{sm:"42px",md:"48px"},value:i.expirationYear,onChange:function(e){A("expiry"),c("expirationYear",e.target.value)},children:L.map(function(e){return(0,s.jsx)("option",{value:e.value,children:e.label},e.value)})}),(0,s.jsx)(m.J1,{children:o.expirationYear})]})]}),(0,s.jsx)(x.Z,{label:"CVV code*",placeholder:"***",type:"number",padding:{sm:".8rem 1rem",md:"1.5rem"},style:{height:{sm:"42px",md:"48px"}},maxlength:"3",errorBorderColor:"red.300",name:"cvv",onChange:function(e){A("cvc"),a(e)},height:{sm:"40px",md:"48px"}}

1),"nmi"!==I&&(0,s.jsx)(p.xv,{color:"#000",fontSize:"12px",textAlign:"left",children:"AMEX CVV: please use the three digits on the back of the card*"})]})]}),(0,s.jsxs)(p.Ug,{justifyContent:"flex-end",spacing:"3",children:[(0,s.jsx)(g.zx,{onClick:function(){P()},gap:"3",width:"fit-content",minW:"160px",variant:"secondaryCard",children:"Cancel"}),(0,s.jsxs)(g.zx,{gap:"3",width:"fit-content",minW:"160px",type:"submit",variant:"primaryCard",children:["Pay",M&&(0,s.jsx)(f.$,{width:"5",height:"5"})]})]})]})})}})}),(0,s.jsx)(u.aR,{isOpen:T,leastDestructiveRef:Y,onClose:o,children:(0,s.jsx)(u.dh,{children:(0,s.jsxs)(u._T,{children:[(0,s.jsx)(u.fY,{fontSize:"lg",fontWeight:"bold",children:"Cancel Transaction"}),(0,s.jsx)(u.iP,{children:"Are you sure you want to cancel this transaction? Your order is created and you can pay later!"}),(0,s.jsxs)(u.xo,{children:[(0,s.jsx)(g.zx,{ref:Y,onClick:k,children:"No"}),(0,s.jsx)(g.zx,{colorScheme:"red",onClick:function(){y().set("cart",{bag:[]}),z.syncBag(),null==z||z.setCart({bag:[],syncBag:!0,modification:[]}),Z.push("/orders/".concat(v)),o(),k()},ml:3,children:"Yes"})]})]})})})]})})]})};r.Z=S},22826:function(e,r,t){t.d(r,{Z:function(){return I}});var n=t(67294),a="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:"undefined"!=typeof self?self:{},s={},i={};Object.defineProperty(i,"__esModule",{value:!0}),i.clone=void 0,i.clone=function(e){return e?JSON.parse(JSON.stringify(e)):null};var c={};Object.defineProperty(c,"__esModule",{value:!0}),c.matches=void 0,c.matches=function(e,r){var t,n,a,s,i,c,o,l;return Array.isArray(r)?(n=r[0],a=r[1],s=String(n).length,c=parseInt(i=e.substr(0,s),10),n=parseInt(String(n).substr(0,i.length),10),a=parseInt(String(a).substr(0,i.length),10),c>=n&&c<=a):(l=String(l=r)).substring(0,e.length)===e.substring(0,l.length)},Object.defineProperty(s,"__esModule",{value:!0}),s.addMatchingCardsToResults=void 0,s.addMatchingCardsToResults=function(e,r,t){var n,a;for(n=0;n<r.patterns.length;n++){var s=r.patterns[n];if(c.matches(e,s)){var o=i.clone(r);a=Array.isArray(s)?String(s[0]).length:String(s).length,e.length>=a&&(o.matchStrength=a),t.push(o);break}}};var o={};Object.defineProperty(o,"__esModule",{value:!0}),o.isValidInputType=void 0,o.isValidInputType=function(e){return"string"==typeof e||e instanceof String};var l={};Object.defineProperty(l,"__esModule",{value:!0}),l.findBestMatch=void 0,l.findBestMatch=function(e){var r,t;return(t=e.filter(function(e){return e.matchStrength}).length)>0&&t===e.length?e.reduce(function(e,r){return e?Number(e.matchStrength)<Number(r.matchStrength)?r:e:r}):null};var d=a&&a.__assign||function(){return(d=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e}).apply(this,arguments)},u={visa:{niceType:"Visa",type:"visa",patterns:[4],gaps:[4,8,12],lengths:[16,18,19],code:{name:"CVV",size:3}},mastercard:{niceType:"Mastercard",type:"mastercard",patterns:[[51,55],[2221,2229],[223,229],[23,26],[270,271],2720],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},"american-express":{niceType:"American Express",type:"american-express",patterns:[34,37],gaps:[4,10],lengths:[15],code:{name:"CID",size:4}},"diners-club":{niceType:"Diners Club",type:"diners-club",patterns:[[300,305],36,38,39],gaps:[4,10],lengths:[14,16,19],code:{name:"CVV",size:3}},discover:{niceType:"Discover",type:"discover",patterns:[6011,[644,649],65],gaps:[4,8,12],lengths:[16,19],code:{name:"CID",size:3}},jcb:{niceType:"JCB",type:"jcb",patterns:[2131,1800,[3528,3589]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVV",size:3}},unionpay:{niceType:"UnionPay",type:"unionpay",patterns:[620,[624,626],[62100,62182],[62184,62187],[62185,62197],[62200,62205],[622010,622999],622018,[622019,622999],[62207,62209],[622126,622925],[623,626],6270,6272,6276,[627700,627779],[627781,627799],[6282,6289],6291,6292,810,[8110,8131],[8132,8151],[8152,8163],[8164,8171]],gaps:[4,8,12],lengths:[14,15,16,17,18,19],code:{name:"CVN",size:3}},maestro:{niceType:"Maestro",type:"maestro",patterns:[493698,[5e5,504174],[504176,506698],[506779,508999],[56,59],63,67,6],gaps:[4,8,12],lengths:[12,13,14,15,16,17,18,19],code:{name:"CVC",size:3}},elo:{niceType:"Elo",type:"elo",patterns:[401178,401179,438935,457631,457632,431274,451416,457393,504175,[506699,506778],[509e3,509999],627780,636297,636368,[650031,650033],[650035,650051],[650405,650439],[650485,650538],[650541,650598],[650700,650718],[650720,650727],[650901,650978],[651652,651679],[655e3,655019],[655021,655058]],gaps:[4,8,12],lengths:[16],code:{name:"CVE",size:3}},mir:{niceType:"Mir",type:"mir",patterns:[[2200,2204]],gaps:[4,8,12],lengths:[16,17,18,19],code:{name:"CVP2",size:3}}

1,hiper:{niceType:"Hiper",type:"hiper",patterns:[637095,63737423,63743358,637568,637599,637609,637612],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},hipercard:{niceType:"Hipercard",type:"hipercard",patterns:[606282],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}}},p={},m={VISA:"visa",MASTERCARD:"mastercard",AMERICAN_EXPRESS:"american-express",DINERS_CLUB:"diners-club",DISCOVER:"discover",JCB:"jcb",UNIONPAY:"unionpay",MAESTRO:"maestro",ELO:"elo",MIR:"mir",HIPER:"hiper",HIPERCARD:"hipercard"},h=[m.VISA,m.MASTERCARD,m.AMERICAN_EXPRESS,m.DINERS_CLUB,m.DISCOVER,m.JCB,m.UNIONPAY,m.MAESTRO,m.ELO,m.MIR,m.HIPER,m.HIPERCARD],g=i.clone(h);function f(e){return p[e]||u[e]}function v(e,r){void 0===r&&(r=!1);var t=g.indexOf(e);if(!r&&-1===t)throw Error('"'+e+'" is not a supported card type.');return t}function y(e){var r=[];if(!o.isValidInputType(e))return r;if(0===e.length)return g.map(function(e){return i.clone(f(e))});g.forEach(function(t){var n=f(t);s.addMatchingCardsToResults(e,n,r)});var t=l.findBestMatch(r);return t?[t]:r}y.getTypeInfo=function(e){return i.clone(f(e))},y.removeCard=function(e){var r=v(e);g.splice(r,1)},y.addCard=function(e){var r=v(e.type,!0);p[e.type]=e,-1===r&&g.push(e.type)},y.updateCard=function(e,r){var t=p[e]||u[e];if(!t)throw Error('"'+e+"\" is not a recognized type. Use `addCard` instead.'");if(r.type&&t.type!==r.type)throw Error("Cannot overwrite type parameter.");var n=i.clone(t);p[(n=d(d({},n),r)).type]=n},y.changeOrder=function(e,r){var t=v(e);g.splice(t,1),g.splice(r,0,e)},y.resetModifications=function(){g=i.clone(h),p={}},y.types=m;var x={niceType:"Dankort",type:"dankort",patterns:[5019],gaps:[4,8,12],lengths:[16],code:{name:"CVC",size:3}},b={niceType:"Laser",type:"laser",patterns:[6706,6771,6709],gaps:[4,8,12],lengths:[16,19],code:{name:"CVV",size:3}},C={niceType:"Visa Electron",type:"visa-electron",patterns:[4026,417500,4405,4508,4844,49137],gaps:[4,8,12],lengths:[16],code:{name:"CVV",size:3}},_=function(e){var r,t,n=String(e).replace(/[\s]/g,""),a=n.length,s=!1,i=0;if(!/^[0-9]+$/.test(n))return!1;for(var c=a;c>0;c--){if(r=parseInt(n.charAt(c-1)),s){switch(t=2*r){case 10:t=1;break;case 12:t=3;break;case 14:t=5;break;case 16:t=7;break;case 18:t=9}i+=t}else i+=r;s=!s}return 0!==i&&i%10==0},j=function(e){var r=y(e.toString().trim().replace(" ",""));if(1===r.length){var t=r.shift();return(null==t?void 0:t.type)||"unknown"}return"unknown"},E=function(){return y.updateCard(y.types.MAESTRO,{patterns:[493698,[5e3,5018],[502e3,506698],[506779,508999],[56,59],63,67,6]}),y.updateCard(y.types.HIPERCARD,{patterns:[384100,384140,384160,606282,637095,637568]}),y.addCard(x),y.addCard(b),y.addCard(C),Object.values(y.types).concat(["dankort","laser","visa-electron"])},S={amex:["amex","americanexpress","american-express"],dinersclub:["diners","dinersclub","diners-club"],visaelectron:["visaelectron","visa-electron"]};function I(e){var r=e.acceptedCards,t=void 0===r?[]:r,a=e.number,s=e.issuer,i=e.preview,c=void 0!==i&&i,o=e.expiry,l=e.cvc,d=e.focused,u=e.locale,p=e.name,m=e.placeholders,h=e.callback,g=n.useState(E()),f=g[0],v=g[1],y=n.useMemo(function(){return(null==t?void 0:t.length)?f.filter(function(e){return t.includes(e)}):f},[t,f]),x=n.useMemo(function(){var e="unknown";if(a){var r=j(a);y.includes(r)&&(e=r)}var t=16;return S.amex.includes(e)?t=15:(null==S?void 0:S.dinersclub.includes(e))?t=14:["hipercard","maestro","mastercard","visa"].includes(e)&&(t=19),{issuer:e,maxLength:t}},[a,y]),b=n.useMemo(function(){return c&&s?s.toLowerCase():x.issuer},[x.issuer,s,c]),C=n.useMemo(function(){var e=c?19:x.maxLength,r="number"==typeof a?a.toString():String(a).replace(/[A-Za-z]| /g,"");for(isNaN(parseInt(r,10))&&!c&&(r=""),e>16&&(e=r.length<=16?16:e),r.length>e&&(r=r.slice(0,e));r.length<e;)r+="•";if(S.amex.includes(b)||S.dinersclub.includes(b)){var t=[0,4,10],n=[4,6,5];r="".concat(r.substr(t[0],n[0])," ").concat(r.substr(t[1],n[1])," ").concat(r.substr(t[2],n[2]))}else if(r.length>16)t=[0,4,8,12],n=[4,7],r="".concat(r.substr(t[0],n[0])," ").concat(r.substr(t[1],n[0])," ").concat(r.substr(t[2],n[0])," ").concat(r.substr(t[3],n[1]));else for(var s=1;s<e/4;s++){var i=4*s+(s-1);r="".concat(r.slice(0,i)," ").concat(r.slice(i))}return r},[x.maxLength,b,a,c]),I=n.useMemo(function(){var e,r="number"==typeof o?o.toString():o,t="",n="";for(r.includes("/")?(t=(e=r.split("/"))[0],n=e[1]):r.length&&(t=r.substr(0,2),n=r.substr(2,6));t.length<2;

1)t+="•";for(n.length>2&&(n=n.substr(2,4));n.length<2;)n+="•";return"".concat(t,"/").concat(n)},[o]),N=n.useCallback(function(e){if(e.length)v(f.filter(function(r){return e.includes(r)}));else{var r=E();v(r)}},[f]);return n.useEffect(function(){C!==a&&"function"==typeof h&&h(x,_(String(a))),E().toString()!==f.toString()&&N(t)},[t,h,x,C,N,a,f]),n.createElement("div",{key:"Cards",className:"rccs","data-testid":"rccs"},n.createElement("div",{"data-testid":"rccs__card",className:["rccs__card","rccs__card--".concat(b),"cvc"===d&&"american-express"!==b?"rccs__card--flipped":""].join(" ").trim()},n.createElement("div",{className:"rccs__card--front"},n.createElement("div",{className:"rccs__card__background"}),n.createElement("div",{className:"rccs__issuer"}),n.createElement("div",{className:["rccs__cvc__front","cvc"===d?"rccs--focused":""].join(" ").trim()},l),n.createElement("div",{className:["rccs__number",C.replace(/ /g,"").length>16?"rccs__number--large":"","number"===d?"rccs--focused":"","•"!==C.substr(0,1)?"rccs--filled":""].join(" ").trim()},C),n.createElement("div",{className:["rccs__name","name"===d?"rccs--focused":"",p?"rccs--filled":""].join(" ").trim()},p||(void 0===m?{name:"YOUR NAME HERE"}:m).name),n.createElement("div",{className:["rccs__expiry","expiry"===d?"rccs--focused":"","•"!==I.substr(0,1)?"rccs--filled":""].join(" ").trim()},n.createElement("div",{className:"rccs__expiry__valid"},(void 0===u?{valid:"valid thru"}:u).valid),n.createElement("div",{className:"rccs__expiry__value"},I)),n.createElement("div",{className:"rccs__chip"})),n.createElement("div",{className:"rccs__card--back"},n.createElement("div",{className:"rccs__card__background"}),n.createElement("div",{className:"rccs__stripe"}),n.createElement("div",{className:"rccs__signature"}),n.createElement("div",{className:["rccs__cvc","cvc"===d?"rccs--focused":""].join(" ").trim()},l),n.createElement("div",{className:"rccs__issuer"}))))}}}]);