https://milagrocinemas.com/Signup-3cd9f2408e8fcd4300c9.js

1"use strict";(self.webpackChunkg028t_8a36d677_1ebd_40d6_8b52_de6020e0c02c=self.webpackChunkg028t_8a36d677_1ebd_40d6_8b52_de6020e0c02c||[]).push([[827],{4847:function(e,r,a){a.r(r),a.d(r,{default:function(){return O}});var t=a(2500),i=a(86326),l=a(32512),d=a(57406),n=a(81518);var o=a(86329);var s=e=>{let{on:r}=e;const a=(0,i.useRef)(null);return(0,i.useEffect)((()=>{r&&(a.current?a.current.scrollIntoView({block:"start"}):"undefined"!=typeof window&&window.scrollTo({top:0,left:0}))}),[r]),{scrollToRef:a}},u=a(57268),m=a(61795),c=a(86559),h=a(57604),v=a(20141),p=a(46144),g=a(75674),f=a(6082),b=a(55814),C=a(69977),A=a(52513),y=a(37855),w=a(53549),Y=a(3479),N=a(76963),F=a(45619),x=a(11171);const I=i.lazy((()=>a.e(652).then(a.bind(a,86795)))),S=e=>{var r,a,l;let{activationText:s,error:m,errors:c,hasActivation:h,isValid:p,loading:g,onSubmit:f,provider:S,setError:T,setFieldTouched:q,setShowActivation:P,setValue:$,termsPageLink:U,touched:B,values:O,widgetId:k,hasRegistrationCode:E,setFieldsTouched:J,preferredCinemaFieldEnabled:z}=e;const{formatMessage:_}=(0,o.A)(),{hasFeatureFlag:D}=(0,u.u)(),L=D("website-generator-consent-pixel-tracking"),V=(0,y.A)(),{cardType:R,legalAge:G}=(0,b.A)(),j=(0,A.A)(),H=(0,n.K)(S),M=null==H||null===(r=H.featureFlags)||void 0===r||null===(a=r.widgets)||void 0===a||null===(l=a.SIGNUP)||void 0===l?void 0:l.extra,K=(0,d.U)(null==M?void 0:M.firstNameField),W=(0,d.U)(null==M?void 0:M.lastNameField),Q=(0,d.U)(null==M?void 0:M.genderField),X=(0,d.U)(null==M?void 0:M.dobField),Z=(0,d.U)(null==M?void 0:M.phoneNumberField),ee=(0,d.U)(null==M?void 0:M.requireDob),re=(0,d.U)(null==M?void 0:M.confirmPasswordField),{0:ae,1:te}=(0,i.useState)((0,d.U)(null==M?void 0:M.allowInitialSubmit)),ie="PHYSICAL"===R||"BOTH"===R,le=K||W||Q||X||z;let de=G?_(x.A.dateOfBirthFieldWithLegalAge,{age:G}):_(x.A.dateOfBirthField);return ee&&X&&(de=`${de} *`),(0,v.Y)(w.A,{onSubmit:async e=>{e.preventDefault(),m||await f()}},(0,v.Y)(v.xA,{gap:10},h&&!E&&(0,v.Y)(v.xA,{gap:4},(0,v.Y)(t.A,{level:2},_(x.A.activateAccountHeader)),(0,v.Y)("div",null,(0,v.Y)(v.$n,{role:"button",onClick:()=>{P(!0)}},s||_(x.A.activateAccount)))),ie&&(0,v.Y)(v.xA,{gap:4},"BOTH"===R&&(0,v.Y)(v.so,{sx:{gap:8}},(0,v.Y)(v.JU,{sx:{display:"flex",width:"auto"}},(0,v.Y)(v.sx,{name:"hasCardToActivate",checked:!O.hasCardToActivate,onChange:()=>{$("hasCardToActivate",!1),$("memberCardNumber",""),$("activationCode","")}}),_(x.A.withoutCard)),(0,v.Y)(v.JU,{sx:{display:"flex",width:"auto"}},(0,v.Y)(v.sx,{name:"hasCardToActivate",checked:O.hasCardToActivate,onChange:()=>{$("hasCardToActivate",!0)}}),_(x.A.withCard))),!!O.hasCardToActivate&&(0,v.Y)(v.xA,{columns:(0,C.no)({xs:"1fr",sm:"1fr 1fr"}),gap:[3,4]},(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-member-card-number`},_(x.A.cardNumber)," *"),(0,v.Y)(v.pd,{id:`${k}-loyalty-member-card-number`,name:"memberCardNumber",type:"text","aria-required":!0,value:O.memberCardNumber,onChange:e=>{$("memberCardNumber",e.target.value),T(void 0)},onBlur:()=>{q("memberCardNumber")}}),B.memberCardNumber&&c.memberCardNumber&&(0,v.Y)(F.A,{type:c.memberCardNumber})),(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-activation-code`},_(x.A.activationCode)," *"),(0,v.Y)(v.pd,{id:`${k}-activation-code`,name:"activationCode",type:"text","aria-required":!0,value:O.activationCode,onChange:e=>{$("activationCode",e.target.value),T(void 0)},onBlur:()=>{q("activationCode")}}),B.activationCode&&c.activationCode&&(0,v.Y)(F.A,{type:c.activationCode})))),le?(0,v.Y)("div",null,(0,v.Y)(t.A,{level:2},_(x.A.aboutYou)),(0,v.Y)(v.xA,{columns:(0,C.no)({xs:"1fr",sm:"1fr 1fr"}),gap:8},K&&(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-firstname`},`${_(x.A.firstNameField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-firstname`,name:"firstName",type:"text","aria-required":!0,value:O.firstName,onChange:e=>{$("firstName",e.target.value),T(void 0)},onBlur:()=>{q("firstName")}}),B.firstName&&c.firstName&&(0,v.Y)(F.A,{type:c.firstName})),W&&(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-lastname`},`${_(x.A.lastNameField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-lastname`,name:"lastName",type:"text","aria-required":!0,value:O.lastName,onChange:e=>{$("lastName",e.target.value),T(void 0)},onBlur:()=>{q("lastName")}}),B.lastName&&c.lastName&&(0,v.Y)(F.A,{type:c.lastName})),Q&&(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-gender`},`${_(x.A.genderField)}

1`),(0,v.Y)(i.Suspense,null,(0,v.Y)(I,{id:`${k}-loyalty-gender`,name:"gender",value:O.gender||"",onChange:e=>{$("gender",e),T(void 0)},onBlur:()=>{q("gender")}}))),X&&(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-date-of-birth`},de),(0,v.Y)(v.pd,{id:`${k}-loyalty-date-of-birth`,name:"dateOfBirth",type:"date","aria-required":ee,max:G?N.c9.local().minus({years:G}).toISODate():N.c9.local().toISODate(),value:O.dateOfBirth,onChange:e=>{$("dateOfBirth",e.target.value),T(void 0)},onBlur:()=>{q("dateOfBirth")}}),B.dateOfBirth&&c.dateOfBirth&&(0,v.Y)(F.A,{type:c.dateOfBirth})),z&&(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-favorite-cinema`},`${_(x.A.favoriteCinemaField)} *`),(0,v.Y)(v.l6,{id:`${k}-loyalty-favorite-cinema`,name:"preferredCinemaId","aria-required":!0,value:O.preferredCinemaId||"",onChange:e=>{$("preferredCinemaId",e.target.value),T(void 0)},onBlur:()=>{q("preferredCinemaId")}},(0,v.Y)("option",{value:""},_(x.A.selectCinema)),j.map((e=>(0,v.Y)("option",{key:e.id,value:e.id},e.name)))),B.preferredCinemaId&&c.preferredCinemaId&&(0,v.Y)(F.A,{type:c.preferredCinemaId})))):null,(0,v.Y)("div",null,(0,v.Y)(t.A,{level:2},_(x.A.contactDetails)),(0,v.Y)(v.xA,{columns:(0,C.no)({xs:"1fr",sm:"1fr 1fr"})},(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-email`},`${_(x.A.emailField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-email`,name:"email",type:"text","aria-required":!0,value:O.email,onChange:e=>{$("email",e.target.value),T(void 0)},onBlur:()=>{q("email")}}),B.email&&c.email&&(0,v.Y)(F.A,{type:c.email})),Z?(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-phone-number`},`${_(x.A.mobileNumberField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-phone-number`,name:"mobileNumber",type:"text","aria-required":!0,value:O.mobileNumber,onChange:e=>{$("mobileNumber",e.target.value),T(void 0)},onBlur:()=>{q("mobileNumber")}}),B.mobileNumber&&c.mobileNumber&&(0,v.Y)(F.A,{type:c.mobileNumber})):(0,v.Y)("div",null))),(0,v.Y)("div",null,(0,v.Y)(t.A,{level:2},_(x.A.createPassword)),(0,v.Y)(v.xA,{columns:(0,C.no)({xs:"1fr",sm:"1fr 1fr"})},(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-password`},`${_(x.A.passwordField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-password`,name:"password",type:"password","aria-required":!0,value:O.password,onChange:e=>{$("password",e.target.value),T(void 0)},onBlur:()=>{q("password")}}),B.password&&c.password&&(0,v.Y)(F.A,{type:c.password})),re?(0,v.Y)("div",null,(0,v.Y)(v.JU,{htmlFor:`${k}-loyalty-confirm-password`},`${_(x.A.confirmPasswordField)} *`),(0,v.Y)(v.pd,{id:`${k}-loyalty-confirm-password`,name:"confirmPassword",type:"password","aria-required":!0,value:O.confirmPassword,onChange:e=>{$("confirmPassword",e.target.value),T(void 0)},onBlur:()=>{q("confirmPassword")}}),B.confirmPassword&&c.confirmPassword&&(0,v.Y)(F.A,{type:c.confirmPassword})):(0,v.Y)("div",null))),(0,v.Y)("div",null,Z&&(0,v.Y)(v.JU,{sx:{display:"flex",alignItems:"center",gap:1}},(0,v.Y)(v.Sc,{id:`${k}-send-newsletter`,name:"send-newsletter",type:"checkbox",checked:O.sendNewsletter,onChange:e=>{$("sendNewsletter",e.target.checked)}}),(0,v.Y)("div",null,L?_(x.A.sendNewsletterCombinedField,{clientName:V}):_(x.A.sendNewsletterField))),(0,v.Y)(v.JU,{sx:{display:"flex",alignItems:"center",gap:1}},(0,v.Y)(v.Sc,{id:`${k}-terms-and-conditions`,name:"terms-and-conditions",type:"checkbox",checked:O.termsAndConditions,onChange:e=>{$("termsAndConditions",e.target.checked)}}),(0,v.Y)("div",null,(0,v.Y)(o.s,Object.assign({},x.A.termsAndConditionsField,{values:{link:e=>(0,v.Y)(Y.A,{to:U,target:"_blank",sx:{textDecoration:"underline","&:hover, &:focus":{textDecorationThickness:"2px"}}},e)}})))),c.termsAndConditions&&!ae&&(0,v.Y)(F.A,{type:c.termsAndConditions})),(0,v.Y)(v.so,{sx:{alignItems:"center",gap:4}},(0,v.Y)("div",null,(0,v.Y)(v.$n,{variant:"buttons.secondary",disabled:!ae&&(!p||g),type:"submit",onClick:e=>{ae&&Object.keys(c).length>0&&(J&&J(Object.keys(c).reduce(((e,r)=>({...e,[r]:!0})),{})),te(!1),e.preventDefault())}},_(x.A.register))),(0,v.Y)("div",null,g&&(0,v.Y)("div",null,(0,v.Y)(v.y$,{size:32,color:"currentColor"})),m&&(0,v.Y)("div",{sx:{fontWeight:"bold"}},m)))))};var T=(0,i.memo)(S),q=m.h.object({password:m.h.string().required("required").when("provider",{is:e=>{var r,a,t,i;const l=(0,n.K)(e);return(0,d.U)(null==l||null===(r=l.featureFlags)||void 0===r||null===(a=r.widgets)||void 0===a||null===(t=a.SIGNUP)||void 0===t||null===(i=t.extra)||void 0===i?void 0:i.validatePasswordStrength)},then:m.h.string().required("required").test(((e,r)=>{var a,t,i,l;if(!e)return!0;const o=r.parent.provider,s=(0,n.K)(o),u=(0,d.U)(null==s||null===(a=s.featureFlags)||void 0===a||null===(t=a.widgets)||void 0===t||null===(i=t.SIGNUP)||void 0===i||null===(l=i.extra)||void 0===l?void 0:l.detailedPasswordStrengthError)?"badPasswordWithDetails":"badPassword";return!!(0,g.Cx)(e)||r.createError({message:u})}))}),confirmPassword:m.h.string().required("required").test({test:(e,r)=>r.parent.password===e,message:"matchPassword"})}),P=a(41678);const $=i.lazy((()=>

1a.e(503).then(a.bind(a,38935)))),U=i.lazy((()=>Promise.all([a.e(604),a.e(661)]).then(a.bind(a,4065)))),B=e=>{var r,a,C;let{widgetId:A,termsPageLink:y,activationConfirmation:w="",activationText:Y=""}=e;const{0:N,1:F}=(0,i.useState)(!1),{0:I,1:S}=(0,i.useState)(void 0),{0:B,1:O}=(0,i.useState)(!1),{0:k,1:E}=(0,i.useState)(!1),{0:J,1:z}=(0,i.useState)(!1),{0:_,1:D}=(0,i.useState)(!1),{formatMessage:L}=(0,o.A)(),V=(0,c.Ay)(),{hasFeatureFlag:R}=(0,u.u)(),G=(0,b.A)(),{getCypherMessage:j}=(0,f.A)(),H=(0,n.K)(G.provider),M=null==H||null===(r=H.featureFlags)||void 0===r||null===(a=r.widgets)||void 0===a||null===(C=a.SIGNUP)||void 0===C?void 0:C.extra,K=(0,d.U)(null==M?void 0:M.firstNameField),W=(0,d.U)(null==M?void 0:M.lastNameField),Q=(0,d.U)(null==M?void 0:M.dobField),X=(0,d.U)(null==M?void 0:M.phoneNumberField),Z=(0,d.U)(null==M?void 0:M.requirePreferredCinema)&&!V.isSingleLocation&&R("website-generator-loyalty-preferred-cinema-field"),ee=(0,d.U)(null==M?void 0:M.confirmPasswordField),{registrationCode:re,emailAddress:ae}=(0,h.A)(),{values:te,setValue:ie,setFieldTouched:le,setFieldsTouched:de,resetValues:ne,errors:oe,touched:se,isValid:ue}=(0,m.A)({initialValues:{firstName:"",lastName:"",gender:"",dateOfBirth:"",email:ae||"",mobileNumber:"",password:"",confirmPassword:"",sendNewsletter:!0,termsAndConditions:!1,address1:"",address2:"",zipCode:"",city:"",country:"",numberOfChildren:"",occupation:"",preferredCinemaId:"",memberCardNumber:"",activationCode:"",hasCardToActivate:"PHYSICAL"===G.cardType,provider:G.provider},validationSchema:m.h.object({firstName:m.h.string().when({is:()=>K,then:m.h.string().required("required")}),lastName:m.h.string().when({is:()=>W,then:m.h.string().required("required")}),gender:m.h.string(),dateOfBirth:m.h.mixed().when({is:()=>Q,then:(0,P.SG)(G)}),email:m.h.string().email("email").required("required"),mobileNumber:m.h.string().when({is:()=>X,then:m.h.string().required("required").test({test:async e=>await(0,g.Q7)(e,V.intl.country.iso31661A2),message:"phone"})}),password:q.fields.password,confirmPassword:m.h.string().when({is:()=>ee,then:q.fields.confirmPassword}),sendNewsletter:m.h.boolean().required("required"),termsAndConditions:m.h.boolean().required("required").oneOf([!0],"mustBeChecked"),address1:m.h.string(),address2:m.h.string(),zipCode:m.h.string(),city:m.h.string(),country:m.h.string(),numberOfChildren:m.h.string(),occupation:m.h.string(),preferredCinemaId:m.h.string().when({is:()=>Z,then:m.h.string().required("required")}),memberCardNumber:m.h.string().when("hasCardToActivate",{is:!0,then:m.h.string().required("required")}),activationCode:m.h.string().when("hasCardToActivate",{is:!0,then:m.h.string().required("required")}),hasCardToActivate:m.h.boolean(),provider:m.h.mixed()})}),{scrollToRef:me}=s({on:B});if(!G||"NONE"===G.type)return null;return k?(0,v.Y)(i.Suspense,null,(0,v.Y)($,{widgetId:A,handleGoBack:()=>{E(!1)}})):_?(0,v.Y)(l.A,null,w):B?(0,v.Y)("div",{ref:me},J?(0,v.Y)(U,{widgetId:A,emailAddress:te.email,onSuccess:()=>z(!1)}):(0,v.Y)(i.Fragment,null,(0,v.Y)(t.A,{level:2},L(x.A.successTitle)),(0,v.Y)(v.IE.p,null,L(x.A.successMessage)))):(0,v.Y)(T,{activationText:Y,error:I,errors:oe,hasActivation:G.includeActivation,isValid:ue,loading:N,onSubmit:async()=>{var e;F(!0),S(void 0),re?(0,g.Nz)(G,{emailAddress:te.email},{registrationCode:re,dateOfBirth:te.dateOfBirth,email:te.email,firstname:te.firstName,gender:te.gender,lastname:te.lastName,password:te.password,mobileNumber:te.mobileNumber,sendNewsletter:(e=te.sendNewsletter,e?"True":"False")}).then((e=>{F(!1),(null==e?void 0:e.peachCode)===p.BI?(D(!0),ne()):(ne(),S(j({response:e,fallback:x.A.genericError})))})).catch((()=>{F(!1),ne(),S(L(x.A.genericError))})):(()=>{let e=null;switch(G.type){case"TIERED":e=g.q1;break;case"NON_TIERED":e=g.bo}if(e)switch(G.version){case 1:e(G,{dateOfBirth:te.dateOfBirth||void 0,email:te.email,firstname:te.firstName,gender:te.gender,lastname:te.lastName,password:te.password,mobileNumber:te.mobileNumber,sendNewsletter:te.sendNewsletter?"True":"False"}).then((e=>{F(!1),0===(null==e?void 0:e.peachCode)?(ne(),O(!0)):S(j({response:e,fallback:x.A.genericError}))})).catch((()=>{F(!1),S(L(x.A.genericError))}));break;case 3:var r;(0,g.QF)(G,{dateOfBirth:te.dateOfBirth||null,email:te.email,firstname:te.firstName||"",gender:(null===(r=te.gender)||void 0===r?void 0:r.replace("unspecified",""))||"",lastname:te.lastName||"",password:te.password,mobileNumber:te.mobileNumber||"",sendNewsletter:te.sendNewsletter?"True":"False",address1:te.address1||"",address2:te.address2||"",zipCode:"TAPOS"===G.provider?te.zipCode||null:te.zipCode||"",city:te.city||"",country:te.country||"",numberOfChildren:Number(te.numberOfChildren)||0,occupation:te.occupation||"",preferredCinemaId:te.preferredCinemaId||"",memberCardNumber:te.memberCardNumber||null,memberCardAuthorization:te.activationCode||null,circuitId:0,userSessionId:null,clubId:null,memberId:null,username:"TAPOS"===G.provider?te.email:null,state:null,houseSize:0,phoneNumber:null,maritalStatus:null,wishToReceiveSMS:null,contactByThirdParty:"False",newsletterFrequency:null,pickupCinemaId:null,preferredCinemaList:[],preferenceList:null,preferredGenres:null,memberItemId:null,nationalId:null,memberItem:null,updatePreferences:!1,sponsorEmail:""}).then((e=>{F(!1),0===(null==e?void 0:e.peachCode)?(ne(),O(!0),"TAPOS"===G.provider&&z(!0)):S(j({response:e,fallback:x.A.genericError}))})).catch((()=>{F(!1),S(L(x.A.genericError))}))}})()},provider:G.provider,setError:e=>{S(e)},setFieldTouched:e=>{le(e)},setShowActivation:E,setValue:(e,r)=>{ie(e,r)},termsPageLink:y,touched:se,values:te,widgetId:A,hasRegistrationCode:!!re,setFieldsTouched:e=>{de(e)},preferredCinemaFieldEnabled:Z})};var O=(0,i.memo)(B)}}]);