https://assets.allocine.fr/js/website/tos-validation-modal.e49329f68de69c2102f9.js

1"use strict";(self.webpackChunkallocine_js=self.webpackChunkallocine_js||[]).push([[9137],{78859:function(e,t,n){n.d(t,{f:function(){return l}});var a=n(46942),r=n.n(a),o=n(96540);const l=({messages:e,className:t})=>{const n=e?.map(((e,t)=>o.createElement("div",{className:"form-message-txt",key:`${t}_${e}`,dangerouslySetInnerHTML:{__html:e}})));return o.createElement("div",{className:r()("form-message",t)},n)}},14273:function(e,t,n){var a=n(58168),r=n(96540),o=n(68044),l=n(18224),s=n(64522);t.A=({fields:e,validators:t={},defaultValues:n={}})=>i=>{const c=({...l})=>{const[c,m]=(0,r.useState)({}),[u,d]=(0,r.useState)({}),[f,h]=(0,r.useState)({}),[g,b]=(0,r.useState)(!1),v=(0,r.useRef)({}),p=(0,r.useCallback)((()=>{const e=(0,s.xD)(c).reduce(((e,t)=>({...e,[t]:c[t]?.value})),{});h(e)}),[c]),k=(0,r.useCallback)((()=>{const e=(0,s.xD)(c).reduce(((e,t)=>{const n=c[t]?.error?c[t]?.errorOrigins:null;return{...e,[t]:n}}),{});d(e)}),[c]),x=(0,r.useCallback)((()=>(0,s.BI)(c).some((e=>e.validating))),[c]);(0,r.useEffect)((()=>{x()||(p(),k())}),[k,p,c,x]),(0,r.useEffect)((()=>{v.current=e.reduce(((e,t)=>({...e,[t]:{error:!1,errorOrigins:null,firstStroke:!1,isDirty:!0,name:t,validated:!1,validating:!1,value:n[t],...e[t]??{}}})),v.current),m(v.current)}),[v]);const y=(0,r.useCallback)((async(e,n)=>{if(!n&&!e?.firstStroke)return;if(!n&&!e?.isDirty)return!e?.error;const a=e?.name;if(!a)return!1;v.current={...v.current,[a]:{...e,validating:!0,error:!1}},m(v.current);const r=await(0,o.jr)(t?.[a],e.value,f,l),s=r&&r.length;return v.current[a]=s?{...v.current[a],error:!0,errorOrigins:[r[0]],validated:!1}:{...v.current[a],validated:!0},v.current[a]={...v.current[a],validating:!1,isDirty:!1},m(v.current),!s}),[f,l]),A=(0,r.useCallback)((e=>y(c[e])),[c,y]),C=(0,r.useCallback)(((e,t)=>{v.current={...v.current,[e]:{...v.current[e],error:!1,firstStroke:!0,isDirty:!0,value:t}},m(v.current)}),[]),E=(0,r.useCallback)((async()=>{b(!0);try{return!(await Promise.all((0,s.BI)(c).map((e=>y(e,!0))))).includes(!1)}catch(e){return!1}finally{b(!1)}}),[c,y]);return r.createElement(i,(0,a.A)({fieldsState:c,formValues:f,formErrors:u,onFieldBlur:A,onFieldChange:C,isFormValidating:g,validateForm:E},l))};return c.displayName=`withFormState(${(0,l.A)(i)})`,c}},89813:function(e,t,n){n.d(t,{A:function(){return A}});var a=n(46942),r=n.n(a),o=n(96540),l=n(78859),s=n(85072),i=n.n(s),c=n(97825),m=n.n(c),u=n(77659),d=n.n(u),f=n(55056),h=n.n(f),g=n(10540),b=n.n(g),v=n(41113),p=n.n(v),k=n(88451),x={};x.styleTagTransform=p(),x.setAttributes=h(),x.insert=d().bind(null,"head"),x.domAPI=m(),x.insertStyleElement=b(),i()(k.A,x);var y=k.A&&k.A.locals?k.A.locals:void 0,A=({errors:e,label:t,labelClassName:n,name:a,onChange:s,value:i})=>o.createElement("div",{className:y.checkboxContainer},o.createElement("div",{className:y.checkboxLabel},o.createElement("input",{checked:i,className:r()(y.checkboxInput,{[y.checkboxInputError]:!!e}),name:a,onChange:s,type:"checkbox"}),t?o.createElement("div",{className:n,dangerouslySetInnerHTML:{__html:t}}):null),e?o.createElement(l.f,{messages:e,className:r()("input-error-message",y.checkboxError)}):null)},49037:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var a=n(96540),r=n(30567),o=n(78859),l=n(14273),s=n(89813),i=n(85072),c=n.n(i),m=n(97825),u=n.n(m),d=n(77659),f=n.n(d),h=n(55056),g=n.n(h),b=n(10540),v=n.n(b),p=n(41113),k=n.n(p),x=n(18663),y={};y.styleTagTransform=k(),y.setAttributes=g(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v(),c()(x.A,y);var A=x.A&&x.A.locals?x.A.locals:void 0,C=n(89955),E=n(68044),S=n(40183),N=n(4460),w=n(92022),_=n(30259);const L=(0,w.default)("userspace.tos-valisation-modal.title"),T=(0,w.default)("userspace.tos-valisation-modal.description");var D=(0,l.A)({fields:["termsOfService"],defaultValues:{termsOfService:!1},validators:{termsOfService:[(0,E.Hn)((0,w.default)("error.conditions-of-use"))]}})((({errorMessages:e,formErrors:t,formValues:n,isFormValidating:r,onFieldChange:l,onSubmit:i,showAdConsentCheckbox:c=!0,showPixelConsentCheckbox:m=!1,submitting:u,validateForm:d})=>{const[f,h]=(0,a.useState)(!!n.termsOfService),[g,b]=(0,a.useState)(!1),[v,p]=(0,a.useState)(!1);(0,a.useEffect)((()=>l("termsOfService",f)),[f,l]),(0,a.useEffect)((()=>{let e="cgu";c&&m?e="cgu|consent|pixel":c&&(e="cgu|consent");const t={type:e,site_route:C.a$};(0,_.R)("modal_impression",t)}),[c,m]);const k=r||u,x=!n.termsOfService;return a.createElement(S.A,{className:A.modal,preventClose:!0,size:"medium",title:L},a.createElement("form",{onSubmit:async e=>

1{if(e.preventDefault(),await d()){if(c){const e=g?"consent_yes":"consent_no",t={type:m?"cgu|consent|pixel":"cgu|consent",value:m?`${e}|${v?"pixel_yes":"pixel_no"}`:e,site_route:C.a$};(0,_.R)("button_click",t)}i(n.termsOfService,c?g:void 0,m?v:void 0)}},noValidate:!0},a.createElement("img",{className:A.image,src:C.W4,alt:""}),!c&&a.createElement("div",{className:A.description},T),a.createElement("div",{className:A.checkboxLabels},a.createElement(s.A,{errors:t.termsOfService,label:(0,w.default)("userspace.sign-up.conditions-of-use",{conditionsOfUse:(0,N.Ae)("cgu")}),labelClassName:A.checkboxLabelText,name:"termsOfService",onChange:()=>h(!f),value:f}),c&&a.createElement(s.A,{label:(0,w.default)("userspace.tos-validation-modal.ad-consent-label",{partenairesLink:"https://assets.allocine.fr/acsta/v9/allocine/legal/partenaires_targett_allocine.pdf"}),labelClassName:A.checkboxLabelText,name:"adConsent",onChange:()=>b(!g),value:g}),m&&a.createElement(s.A,{label:(0,w.default)("userspace.tos-validation-modal.pixel-consent-label"),labelClassName:A.checkboxLabelText,name:"pixelConsent",onChange:()=>p(!v),value:v})),c&&a.createElement("p",{className:A.legalText,dangerouslySetInnerHTML:{__html:(0,w.default)("userspace.tos-validation-modal.legal-text",{monAllocineLink:(0,N.Ae)("userspace"),privacyPolicyLink:(0,N.Ae)("privacy_policy")})}}),a.createElement(o.f,{messages:e}),k?a.createElement("div",{className:"button button-loading"},"..."):a.createElement("button",{type:"submit",className:`form-input button button-md button-inverse-full submit-button ${A.submitButton} ${x?A.buttonDisabled:""}`,disabled:x},(0,w.default)("userspace.validate"))))})),O=n(77992),R=n(25665),V=n(2472);const j=({closeModal:e,showAdConsentCheckbox:t,showPixelConsentCheckbox:n})=>{const[o,l]=(0,a.useState)(!1),[s,i]=(0,a.useState)([]);return a.createElement(D,{errorMessages:s,onSubmit:async(t,n,a)=>{l(!0);try{await(0,r.r7)({cguValidated:t,...void 0!==n&&{adConsent:n},...void 0!==a&&{pixelConsent:a}}),V.A.emit(V.$.UPDATE_USER_PROFILE),e()}catch(e){l(!1),i([(0,w.default)("userspace.sign-in.error.internal")])}},showAdConsentCheckbox:t,showPixelConsentCheckbox:n,submitting:o})};var P=(0,R.A)(O.aL.TOS_VALIDATION_MODAL,((e,t)=>a.createElement(j,{closeModal:t,showAdConsentCheckbox:e?.showAdConsentCheckbox,showPixelConsentCheckbox:e?.showPixelConsentCheckbox})))},68044:function(e,t,n){n.d(t,{Bp:function(){return o},Hn:function(){return s},Ru:function(){return r},gx:function(){return l},jr:function(){return c},xk:function(){return i}});const a=(e,t)=>({verify:e,message:t}),r=(e,t)=>a((t=>!t||"string"==typeof t&&t.length<=e),t),o=(e,t)=>a((t=>!t||"string"==typeof t&&t.length>=e),t),l=e=>a((e=>!!e),e),s=e=>a((e=>!0===e),e),i=(e,t)=>a((t=>"string"==typeof t&&e.test(t)),t),c=(e=[],t,n,a)=>{const r=e.map((e=>e.verify(t,n,a)));return Promise.all(r).then((t=>t.reduce(((t,n,a)=>{return(!(r=n)||"string"==typeof r)&&t.push(((e,t)=>"string"==typeof t?t:e.message)(e[a],n)),t;var r}),[])))}},25665:function(e,t,n){var a=n(5338),r=n(25948);const o=new WeakMap,l=e=>(o.has(e)||o.set(e,(0,a.H)(e)),o.get(e));t.A=(e,t,n=r.A,a=r.A)=>({name:e,render:(e,n,a,r,o)=>{if(e){const s=l(e),i=t(n,a,r,o);s?.render(i)}},remove:e=>{const t=l(e);t?.unmount(),o.delete(e)},onClose:n,onOpen:a})},40183:function(e,t,n){n.d(t,{A:function(){return C}});var a=n(58168),r=n(46942),o=n.n(r),l=n(96540),s=n(62134),i=n(85072),c=n.n(i),m=n(97825),u=n.n(m),d=n(77659),f=n.n(d),h=n(55056),g=n.n(h),b=n(10540),v=n.n(b),p=n(41113),k=n.n(p),x=n(98020),y={};y.styleTagTransform=k(),y.setAttributes=g(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v(),c()(x.A,y);var A=x.A&&x.A.locals?x.A.locals:void 0,C=({className:e,image:t,imageWidth:n,imageHeight:r,title:i,children:c,size:m,preventClose:u,backgroundImage:d,fallback:f,pagination:h,...g})=>{const b=(0,l.createRef)();(0,l.useEffect)((()=>{f&&b.current&&(0,s.A)(b.current).then((e=>{e||f()}))}),[f,b]);const v=o()("modal",{[`modal-${m}`]:!!m,[A.modalWithBackground]:!!d},e),p=l.createElement(l.Fragment,null,l.createElement("header",{className:"modal-header",id:"modal-header"},h,(t||i)&&l.createElement("div",{className:"modal-header-content"},t?l.createElement("img",{src:t,width:n,height:r,className:"modal-header-image"}):null,i?l.createElement("h2",{className:"titlebar-title titlebar-title-sm",dangerouslySetInnerHTML:{__html:i}}):null),!u&&l.createElement("button",{type:"button",className:"modal-close icon icon-cross light js-trigger-overlay-close"},l.createElement("span",{className:"no-icon"},"X"))),l.createElement("div",{className:"modal-content"},c));return l.createElement(l.Fragment,null,l.createElement("div",{className:o()("modal-layer",{"js-trigger-overlay-close":!u})}),l.createElement("div",(0,a.A)({className:v,ref:b},g),d?l.createElement(l.Fragment,null,l.createElement("img",{className:A.modalLeft,src:d}),l.createElement("div",{className:A.modalRight},p)):p))}},30259:function(e,t,n){n.d(t,{R:function(){return a}});const a=(e,t)=>{if("undefined"==typeof window)return;const n=window;n.dataLayer=n.dataLayer||[];const a=Object.fromEntries(Object.entries(t).filter((([,e])=>null!=e)));"function"!=typeof n.gtag?n.dataLayer.push({event:e,...t}):n.gtag("event",e,a)}},88451:function(e,t,n){var a=n(31601),r=n.n(a),o=n(76314),l=n.n(o)()(r());

1l.push([e.id,".Mz5_SacJaPTcy6mXVzCm{padding:1rem 0}.iYiC0nRiy46z3v6qZe4U{font-family:var(--font1);font-size:.75rem;font-weight:normal;position:relative;display:block;padding:.25rem 0 .25rem 1.625rem;cursor:pointer;text-align:left;vertical-align:middle;color:#2b2b2b}.iYiC0nRiy46z3v6qZe4U a{text-decoration:underline}.mKAWQ3khVJAcT1P_2RHe{position:absolute;top:0;bottom:0;left:0;width:1rem;height:1rem;margin:auto;border:solid 1px #d8d8d8;background:#fff;cursor:pointer}.LVmFBPIvGyTeTOdXzdZq{appearance:none;border-color:#e50712}.ckHXw0CjeDl6NCSKffYQ{font-family:var(--font1);font-size:.75rem;font-weight:normal}",""]),l.locals={checkboxContainer:"Mz5_SacJaPTcy6mXVzCm",checkboxLabel:"iYiC0nRiy46z3v6qZe4U",checkboxInput:"mKAWQ3khVJAcT1P_2RHe",checkboxInputError:"LVmFBPIvGyTeTOdXzdZq",checkboxError:"ckHXw0CjeDl6NCSKffYQ"},t.A=l},18663:function(e,t,n){var a=n(31601),r=n.n(a),o=n(76314),l=n.n(o)()(r());l.push([e.id,".RUVjCQhfHQmwmqRgPzSS{text-align:center}.xNjg2ni6yO6xk_FOkj8u{width:50%;height:auto}._15OLJYtL5mihyczWPS2w{font-family:var(--font1);margin-top:3rem}.Gxe1KCevBpSUu4ZPA_aY{font-weight:700}.xUNEiNVecQcSAnmgaeej{font-size:.875rem;color:var(--color4, #666);margin-top:1rem;text-align:left}.xUNEiNVecQcSAnmgaeej a{text-decoration:underline}.HAIzlbE7AKNjvtwrRTAg{background:#fecc00}.HAIzlbE7AKNjvtwrRTAg:hover:not(:disabled){background:#eabb00}.FES9zfndyshL491dyKhZ{opacity:.6;cursor:not-allowed;background:#ececec}",""]),l.locals={modal:"RUVjCQhfHQmwmqRgPzSS",image:"xNjg2ni6yO6xk_FOkj8u",description:"_15OLJYtL5mihyczWPS2w",checkboxLabelText:"Gxe1KCevBpSUu4ZPA_aY",legalText:"xUNEiNVecQcSAnmgaeej",submitButton:"HAIzlbE7AKNjvtwrRTAg",buttonDisabled:"FES9zfndyshL491dyKhZ"},t.A=l},98020:function(e,t,n){var a=n(31601),r=n.n(a),o=n(76314),l=n.n(o)()(r());l.push([e.id,".xMFhR7TX8akeV_KDDfXk{position:relative;display:flex}.xMFhR7TX8akeV_KDDfXk .modal-header,.xMFhR7TX8akeV_KDDfXk .modal-content{padding-right:1.875rem;padding-left:1.875rem}.xMFhR7TX8akeV_KDDfXk .modal-header{position:relative}.oS36iX8mxDcLYGfk1nU7{display:none;width:auto;height:100%}.jLYdac7WhChWhq6Y49rQ{position:relative;background-color:#fff;width:100%}@media all and (min-width: 37.625em){.oS36iX8mxDcLYGfk1nU7{display:block}.xMFhR7TX8akeV_KDDfXk .modal-header{padding-top:5rem}.jLYdac7WhChWhq6Y49rQ{width:auto}}",""]),l.locals={modalWithBackground:"xMFhR7TX8akeV_KDDfXk",modalLeft:"oS36iX8mxDcLYGfk1nU7",modalRight:"jLYdac7WhChWhq6Y49rQ"},t.A=l}}]);
2//# sourceMappingURL=tos-validation-modal.e49329f68de69c2102f9.js.map