https://www.tf1info.fr/_next/static/chunks/8377.5c8d461d1fced37f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8377],{68377:(e,r,t)=>{t.r(r),t.d(r,{CarouselNewsletter:()=>L});var s=t(37876),a=t(74493),l=t.n(a),i=t(14e3),o=t(14232),n=t(80833),c=t(7045),d=t(9888),p=t(89880),u=t(51931),m=t(24036),x=t(8382),g=t(59219),w=t(71801),_=t(76361);let y=new String(`.PaginationProgress{gap:10px}.PaginationProgress__item{flex:1;height:.22em;max-width:120px;background-color:${p.w4.cssVars.grayOpacity};border-radius:15px;cursor:pointer}.PaginationProgress__progress-bar{background-color:${p.w4.cssVars.white};opacity:0;width:100%;border-radius:15px}.PaginationProgress__progress-bar--active{opacity:1;animation-fill-mode:both}.PaginationProgress--white-bg .PaginationProgress__item{background-color:${p.w4.cssVars.lightGrayBlue}}.PaginationProgress--white-bg .PaginationProgress__progress-bar{background-color:${p.w4.cssVars.deepBlue}}@keyframes progressBar{0%{width:0}100%{width:100%}}`);function f({numberOfItems:e,currentIndex:r=0,withWhiteBackground:t,className:a,onClick:i=()=>null}){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("nav",{children:(0,s.jsx)("ul",{className:["PaginationProgress flex items-center justify-center flex-nowrap",t&&"PaginationProgress--white-bg",a].join(" ").trim()||"",children:Array.from({length:e}).map((e,t)=>(0,s.jsx)("li",{onClick:()=>i(t),className:"PaginationProgress__item flex",children:(0,s.jsx)("div",{"data-progress-index":t,className:["PaginationProgress__progress-bar",t===r?"PaginationProgress__progress-bar--active":`${t}`].join(" ").trim()||""})},t))})}),(0,s.jsx)(l(),{id:y.__hash,children:y})]})}function h({children:e,onClick:r,isVertical:t,pagination:a,onIndexChange:i,withWhiteBackground:n,initialIndex:c=0}){let d=o.Children.count(e),u=(0,o.useRef)(null),m=(0,o.useRef)({}),[x,g]=(0,o.useState)(c),y=(0,o.useRef)(!1),b=(0,o.useRef)(0),v=(0,o.useRef)(0),j=(0,o.useRef)(!1);function P(e){if(e<d&&u.current?.children?.[e]){let r=u.current.children[e];u.current.scrollLeft=r.offsetLeft,g(e)}}function C(e){e.preventDefault(),e.stopPropagation(),u.current.addEventListener("click",$),y.current=!0,u.current.classList?.add("swiper-wrapper__grap"),u.current.classList?.add("swiper-wrapper__grap_smooth"),b.current=e.pageX-u.current.offsetLeft,v.current=u.current.scrollLeft}function N(e){if(e.preventDefault(),e.stopPropagation(),y.current){let r=e.pageX-u.current.offsetLeft-b.current;u.current.scrollLeft=v.current-r,j.current=Math.abs(r)>5}}function B(e){e.preventDefault(),e.stopPropagation(),j.current||u.current.removeEventListener("click",$),j.current=!1;let r=function(){if(!u.current?.children?.[0])return 0;let e=u.current.children[0].offsetWidth,r=d-Math.floor(u.current.offsetWidth/e);return r<0?0:r}(),t=Object.keys(m.current).find(e=>m.current[e]);y.current=!1,u.current.classList?.remove("swiper-wrapper__grap_smooth"),P(t?Math.min(parseInt(t,10),r):r),setTimeout(()=>{u.current.classList?.remove("swiper-wrapper__grap")},300)}function E(){y.current||-1!==Object.values(m.current).findIndex(Boolean)&&g(Object.values(m.current).findIndex(Boolean))}function $(e){e.preventDefault(),e.stopPropagation()}return((0,o.useEffect)(()=>{if(u.current){let e=(0,_.S$)()?null:new IntersectionObserver(e=>{e.forEach(e=>{if(u.current){let{target:r}=e,t=Array.from(u.current.children).indexOf(r);e.intersectionRatio>=(y.current?.5:.8)?(r.classList.add("swiper-slide-active"),m.current[t]=!0):(r.classList.remove("swiper-slide-active"),m.current[t]=!1)}})}

1,{root:u.current,rootMargin:"100% 0px 100% 0px",threshold:[0,.25,.5,.75,1]}),r=Array.from(u.current.children);return r.map(r=>{e?.observe?.(r),r.addEventListener("dragstart",$),r.addEventListener("selectstart",$)}),u.current.addEventListener("scrollend",E,{passive:!0}),u.current.addEventListener("mousedown",C),u.current.addEventListener("mousemove",N),u.current.addEventListener("mouseup",B),u.current.addEventListener("mouseleave",B),()=>{e?.disconnect?.(),r?.map(e=>{e?.removeEventListener?.("dragstart",$),e?.removeEventListener?.("selectstart",$)}),u.current?.removeEventListener("scrollend",E),u.current?.removeEventListener("mousedown",C),u.current?.removeEventListener("mousemove",N),u.current?.removeEventListener("mouseup",B),u.current?.removeEventListener("mouseleave",B)}}},[]),(0,w.E)(()=>{if(!c||!u.current?.children?.[c])return;let e=u.current.children[c];u.current.style.scrollBehavior="auto",u.current.scrollLeft=e.offsetLeft,u.current.style.scrollBehavior=""},[]),(0,o.useEffect)(()=>{i&&i(x)},[x]),0===d)?null:1===d?(0,s.jsx)("div",{className:"Carousel",children:e}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:l().dynamic([["3e3797722f17bdbc",[p.vE.mediaQuery.tablet]],["9a167a8dfa2fae22",[t?"flex":"block",t?"relative":"absolute",t?"30px 30px 0":"0 30px",t?"initial":"32px",t?"min(45%, 375px)":"100%",t?"10px":"0",t?"560px":"100%",p.vE.mediaQuery.tablet,t?"minmax(min-content, 375px)":"max-content",t?"20px":"50px"]],["9e24c3c646121eb2",[a&&"all"===a||"mobile"===a?"flex":"none",p.vE.mediaQuery.tablet,a&&"all"===a||!1!==a&&"mobile"!==a?"flex":"none"]]])+" Carousel",children:[(0,s.jsx)(f,{numberOfItems:d,className:"Carousel__Pagination-progress",withWhiteBackground:n,currentIndex:x,onClick:P}),(0,s.jsx)("div",{ref:u,onClick:r,className:l().dynamic([["3e3797722f17bdbc",[p.vE.mediaQuery.tablet]],["9a167a8dfa2fae22",[t?"flex":"block",t?"relative":"absolute",t?"30px 30px 0":"0 30px",t?"initial":"32px",t?"min(45%, 375px)":"100%",t?"10px":"0",t?"560px":"100%",p.vE.mediaQuery.tablet,t?"minmax(min-content, 375px)":"max-content",t?"20px":"50px"]],["9e24c3c646121eb2",[a&&"all"===a||"mobile"===a?"flex":"none",p.vE.mediaQuery.tablet,a&&"all"===a||!1!==a&&"mobile"!==a?"flex":"none"]]])+" swiper-wrapper",children:e})]}),(0,s.jsx)(l(),{id:"9e24c3c646121eb2",dynamic:[a&&"all"===a||"mobile"===a?"flex":"none",p.vE.mediaQuery.tablet,a&&"all"===a||!1!==a&&"mobile"!==a?"flex":"none"],children:`.Carousel.__jsx-style-dynamic-selector .PaginationProgress{display:${a&&"all"===a||"mobile"===a?"flex":"none"}}@media ${p.vE.mediaQuery.tablet}{.Carousel.__jsx-style-dynamic-selector .PaginationProgress{display:${a&&"all"===a||!1!==a&&"mobile"!==a?"flex":"none"}}}`}),(0,s.jsx)(l(),{id:"9a167a8dfa2fae22",dynamic:[t?"flex":"block",t?"relative":"absolute",t?"30px 30px 0":"0 30px",t?"initial":"32px",t?"min(45%, 375px)":"100%",t?"10px":"0",t?"560px":"100%",p.vE.mediaQuery.tablet,t?"minmax(min-content, 375px)":"max-content",t?"20px":"50px"],children:`.Carousel.__jsx-style-dynamic-selector{display:${t?"flex":"block"}}.Carousel.__jsx-style-dynamic-selector .Carousel__Pagination-progress{position:${t?"relative":"absolute"};padding:${t?"30px 30px 0":"0 30px"};top:${t?"initial":"32px"}}.swiper-wrapper.__jsx-style-dynamic-selector{grid-auto-columns:${t?"min(45%, 375px)":"100%"};grid-gap:${t?"10px":"0"};max-height:${t?"560px":"100%"}}@media ${p.vE.mediaQuery.tablet}{.swiper-wrapper.__jsx-style-dynamic-selector{grid-auto-columns:${t?"minmax(min-content, 375px)":"max-content"};grid-gap:${t?"20px":"50px"}}}`}),(0,s.jsx)(l(),{id:"3e3797722f17bdbc",dynamic:[p.vE.mediaQuery.tablet],children:`.Carousel.__jsx-style-dynamic-selector{flex-direction:column-reverse;position:relative;max-width:100%;overscroll-behavior-x:none}.Carousel.__jsx-style-dynamic-selector .Carousel__Pagination-progress{width:100%;z-index:9}.swiper-wrapper.__jsx-style-dynamic-selector{display:grid;position:relative;margin:0;padding:0;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-flow:column;list-style:none;scrollbar-width:none;overscroll-behavior-x:none;max-width:100vw;transition-property:transform}.swiper-wrapper.__jsx-style-dynamic-selector::-webkit-scrollbar{display:none}.swiper-wrapper.swiper-wrapper__grap.__jsx-style-dynamic-selector{scroll-snap-type:none}.swiper-wrapper.swiper-wrapper__grap_smooth.__jsx-style-dynamic-selector{scroll-behavior:auto}.swiper-wrapper.__jsx-style-dynamic-selector:active,.swiper-wrapper.__jsx-style-dynamic-selector:active *.__jsx-style-dynamic-selector{cursor:grab}.swiper-wrapper__grap.__jsx-style-dynamic-selector,.swiper-wrapper__grap.__jsx-style-dynamic-selector>* a:before{cursor:grab}.swiper-wrapper.__jsx-style-dynamic-selector::after{content:"";display:inline-block;flex:0 0 auto;width:1px;margin-left:-1px}.swiper-wrapper.__jsx-style-dynamic-selector .__jsx-style-dynamic-selector::-webkit-scrollbar{display:none}.swiper-wrapper.__jsx-style-dynamic-selector>*{scroll-snap-align:start;scroll-snap-stop:always}.swiper-wrapper.swiper-wrapper__grap.__jsx-style-dynamic-selector>*{scroll-snap-align:none;scroll-snap-stop:unset}@media ${p.vE.mediaQuery.tablet}{.Carousel.__jsx-style-dynamic-selector{display:flex;flex-direction:column-reverse}.Carousel.__jsx-style-dynamic-selector .Carousel__Pagination-progress{position:relative;top:initial;padding:30px 30px 0}.swiper-wrapper.__jsx-style-dynamic-selector{grid-gap:50px;padding-right:375px}.Carousel__Button-hidden.__jsx-style-dynamic-selector{display:none}}`})]})}y.__hash="332ed46c2e62851d";var b=t(28440),v=t(72858),j=t(75482),P=t(79570),C=t(24422);

1let N=({id:e,title:r,description:t,pictures:a,link:i,buttonLabel:o,onClick:n,isSubscribed:c,isLoggedIn:d,previewWording:u})=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard flex flex-column items-center",children:[(0,s.jsxs)("div",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Header",children:[(0,s.jsx)("h4",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Title",children:r}),t&&(0,s.jsx)("p",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Description",children:t}),a&&(0,s.jsx)("div",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Image",children:(0,s.jsx)(P.F,{...a})})]}),(0,s.jsx)("div",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Button",children:(0,s.jsxs)(b.$,{backgroundColor:c?p.w4.colors.white:p.w4.colors.goldenYellow,textColor:p.w4.colors.deepBlue,onClick:n,id:`promo-newsletter-card-button-${e}`,children:[o,d?c?(0,s.jsx)(j.K,{color:p.w4.colors.deepBlue,secondary:p.w4.colors.goldenYellow}):(0,s.jsx)(v.g,{color:p.w4.colors.deepBlue,secondary:p.w4.colors.white}):(0,s.jsx)(C.C,{name:"arrow"})]})}),i&&(0,s.jsxs)("a",{href:i,target:"_blank",rel:"noreferrer",className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" PromoNewsletterCard__Preview",children:[u," ",(0,s.jsx)("span",{className:l().dynamic([["f0a5a2bca1bc950e",[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage]]])+" sr-only",children:" (nouvelle fen\xeatre)"})]})]}),(0,s.jsx)(l(),{id:"f0a5a2bca1bc950e",dynamic:[p.w4.colors.deepBlue,p.w4.colors.lightBlue,p.w4.colors.deepBlue,p.vE.mediaQuery.tabletPaysage],children:`.PromoNewsletterCard.__jsx-style-dynamic-selector{color:${p.w4.colors.deepBlue};padding:16px;background-color:${p.w4.colors.lightBlue};border-radius:4px;margin-left:5%;width:90%}.PromoNewsletterCard__Header.__jsx-style-dynamic-selector{padding:15px}.PromoNewsletterCard__Title.__jsx-style-dynamic-selector{font-size:25px;font-weight:800;line-height:129%;text-align:left;margin-top:0;margin-bottom:10px}.PromoNewsletterCard__Description.__jsx-style-dynamic-selector{font-weight:400;font-size:14px;line-height:145%;text-align:left;margin-bottom:10px}.PromoNewsletterCard__Image.__jsx-style-dynamic-selector{width:100%;height:150px;margin-bottom:10px}.PromoNewsletterCard__Image.__jsx-style-dynamic-selector img{height:100%;width:100%;border-radius:4px}.PromoNewsletterCard__Image.__jsx-style-dynamic-selector figure{height:100%;width:100%;border-radius:4px}.PromoNewsletterCard__Image.__jsx-style-dynamic-selector svg{height:100%;width:100%;border-radius:4px}.PromoNewsletterCard__Button.__jsx-style-dynamic-selector{width:100%;font-weight:700;font-size:15px}.PromoNewsletterCard__Preview.__jsx-style-dynamic-selector{text-decoration:underline;color:${p.w4.colors.deepBlue};margin-top:20px;font-weight:700;font-size:13px}@media ${p.vE.mediaQuery.tabletPaysage}{.PromoNewsletterCard.__jsx-style-dynamic-selector{margin-left:unset;margin-bottom:20px;width:unset}}`})]}),B=new String(`.CarouselPromoNewsletter.jsx-747beb283c9214a0{position:relative;width:100%}.CarouselPromoNewsletter.jsx-747beb283c9214a0 .swiper-wrapper{margin-bottom:40px}@media ${p.vE.mediaQuery.tabletPaysage}{.CarouselPromoNewsletter.jsx-747beb283c9214a0 .PromoNewsletterCard{width:300px}}`);B.__hash="747beb283c9214a0";let E=({elementList:e,subscribeButton:r,subscribedButton:t,viewExample:a,isLoggedIn:i,isSubscribedByGigyaNewsletterId:n,onSubscribe:c})=>(0,s.jsxs)("div",{className:`jsx-${B.__hash} CarouselPromoNewsletter`,children:[(0,s.jsx)(h,{children:e.map((e,l)=>{let d=n(e.gigyaNewsletterId);return(0,s.jsx)(o.Fragment,{children:(0,s.jsx)(N,{id:e.gigyaNewsletterId,buttonLabel:d?t:r,isSubscribed:d,isLoggedIn:i,onClick:()=>c(e.gigyaNewsletterId,!d),previewWording:a,...e},l)},l)})}),(0,s.jsx)(l(),{id:B.__hash,children:B})]}),$=new String(`.CarouselNewsletter.jsx-7c527792894fb62b{position:relative;margin:0 30px 50px;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:${p.w4.cssVars.deepBlue}}.CarouselNewsletter__Badge.jsx-7c527792894fb62b{margin-top:20px}.CarouselNewsletter__Header.jsx-7c527792894fb62b{display:flex;flex-direction:column;align-items:center}

1.CarouselNewsletter.jsx-7c527792894fb62b .BackgroundImage__Filter{display:block;opacity:.9;background-color:${p.w4.cssVars.white}}.CarouselNewsletter__Header.jsx-7c527792894fb62b>h3{display:flex;flex-direction:column;color:var(--color-deepblue);font-weight:100;font-size:36px;line-height:122%;margin-bottom:10px;text-align:center}.CarouselNewsletter__Header.jsx-7c527792894fb62b>p{color:var(--color-deepblue);font-weight:400;font-size:17px;line-height:145%;text-align:center}.CarouselNewsletter.jsx-7c527792894fb62b .Button>svg{margin-left:10px}@media ${p.vE.mediaQuery.tabletPaysage}{.CarouselNewsletter__Header.jsx-7c527792894fb62b{width:50%;margin-top:30px}}`);function L({wordings:e,pictures:r,elementList:t}){let{isLoggedIn:a,loading:w,updateUser:_,userProfile:y}=(0,d.J)(),f=(0,i.usePathname)(),h=(0,i.useSearchParams)(),[b,v]=(0,o.useState)(0),[j,P]=(0,o.useState)(null),{title:C,badge:N,description:B,subscribeButton:k,subscribedButton:I,viewExample:Q,modal:S}=e,{validationTitle:O,subscribeConfirmationTitle:z,unsubscribeConfirmationTitle:H,confirmLabel:R,cancelLabel:F,closeLabel:V}=S,D=(0,o.useCallback)(function(e,r){_({preferences:{[e]:{isConsentGranted:r}}})},[_]),G=(0,o.useCallback)(function(){let e=y?.preferences?.[j?.gigyaNewsletterId||""]?.isConsentGranted;D(j?.gigyaNewsletterId||"",!e),v(3)},[j,D]),M=(0,o.useCallback)(function(){let e=j?.gigyaNewsletterId;if(v(0),P(null),e){let r=document.querySelector(`#promo-newsletter-card-button-${e}`);r?.focus({preventScroll:!1})}},[j]);return((0,o.useEffect)(()=>{let e=t.find(e=>e.gigyaNewsletterId===h.get(n.LI));h.has(n.LI)&&e&&(P(e),v(2))},[]),!t.length||w)?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:`jsx-${$.__hash} `+l().dynamic([["9f411061739cc3f2",[0===b?"initial":"-1"]]])+" CarouselNewsletter",children:[(0,s.jsx)(u.o,{pictures:r,fallbackColor:p.w4.cssVars.white}),(0,s.jsxs)("div",{className:`jsx-${$.__hash} `+l().dynamic([["9f411061739cc3f2",[0===b?"initial":"-1"]]])+" CarouselNewsletter__Header",children:[N&&(0,s.jsx)("div",{className:`jsx-${$.__hash} `+l().dynamic([["9f411061739cc3f2",[0===b?"initial":"-1"]]])+" CarouselNewsletter__Badge",children:(0,s.jsx)(m.E,{children:N})}),C&&(0,s.jsx)("h3",{dangerouslySetInnerHTML:{__html:C},className:`jsx-${$.__hash} `+l().dynamic([["9f411061739cc3f2",[0===b?"initial":"-1"]]])}),B&&(0,s.jsx)("p",{className:`jsx-${$.__hash} `+l().dynamic([["9f411061739cc3f2",[0===b?"initial":"-1"]]]),children:B})]}),(0,s.jsx)(E,{elementList:t,subscribeButton:k,subscribedButton:I,viewExample:Q,isLoggedIn:a,isSubscribedByGigyaNewsletterId:e=>y?.preferences?.[e]?.isConsentGranted,onSubscribe:(e,r)=>{var s;a?(P(t.find(r=>r.gigyaNewsletterId===e)),v(r?2:1),!0===r&&D(e,r)):(s=e,(0,c.Bf)(f),window.location.href=`/compte/accueil/?serviceType=${n.j6}&${n.LI}=${s}`)}})]}),(0,s.jsx)(g._,{isOpen:1===b,title:O?.replace("{newsletterName}",j?.title),accept:R,refuse:F,onAccept:G,onRefuse:M}),(0,s.jsx)(x.u,{title:(2===b?z:H)?.replace("{newsletterName}",j?.title),isOpen:2===b||3===b,buttonLabel:V,onClose:M}),(0,s.jsx)(l(),{id:$.__hash,children:$}),(0,s.jsx)(l(),{id:"9f411061739cc3f2",dynamic:[0===b?"initial":"-1"],children:`.CarouselNewsletter.__jsx-style-dynamic-selector{z-index:${0===b?"initial":"-1"}}`})]})}$.__hash="7c527792894fb62b"}}]);