https://timeliner.live.franceinfo.fr/_next/static/chunks/pages/live-page/[channelId]-2090523ab8f8beee.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[353],{2829:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/live-page/[channelId]",function(){return t(2930)}])},2930:function(e,i,t){"use strict";t.r(i),t.d(i,{__N_SSP:function(){return M},default:function(){return q}});var n=t(5893),r=t(7294),o=t(964),l=t(9070),a=t(1133),s=t(1220),d=t(5074),c=t(7369),p=t(2059),f=t(8616),u=t(358),h=t(7908),x=t(2937);let m=o.ZP.div.withConfig({componentId:"sc-f046a66b-0"})(["display:flex;flex-direction:column;gap:8px;margin-bottom:24px;"]),g=o.ZP.ul.withConfig({componentId:"sc-f046a66b-1"})(["display:flex;flex-direction:column;gap:16px;"]),b=o.ZP.li.withConfig({componentId:"sc-f046a66b-2"})(["display:flex;gap:8px;align-items:center;"]),v=o.ZP.div.withConfig({componentId:"sc-f046a66b-3"})(["padding-top:24px;display:flex;justify-content:flex-end;"]),w=o.ZP.span.withConfig({componentId:"sc-f046a66b-4"})(["border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;"]),j=o.ZP.a.withConfig({componentId:"sc-f046a66b-5"})(["text-decoration:none;"]);var y=e=>{let{closeModal:i,livers:t,isOpen:o}=e,l=t.length;return(0,n.jsxs)(h.Z,{modalName:"D\xe9tails des journalistes",isOpen:o,onClose:i,children:[(0,n.jsxs)(m,{children:[(0,n.jsx)("h2",{children:(0,n.jsx)(x.Z,{bold:!0,size:"xlarge",font:"FranceTVBrown",children:"D\xe9tails des journalistes"})}),(0,n.jsx)(x.Z,{font:"FranceTVBrown",type:"paragraph",children:"".concat(l," journalistes animent le Live.")})]}),(0,n.jsx)(g,{children:t.map(e=>{let{avatarUrl:i,name:t,authorUrl:o}=e,l=o?j:r.Fragment;return(0,n.jsxs)(b,{children:[(0,n.jsx)(p.Z,{src:i,alt:""}),(0,n.jsxs)(l,{...o&&{target:"_blank",href:o},children:[o&&(0,n.jsx)(w,{children:"Page auteur de"}),(0,n.jsx)(x.Z,{size:"default",font:"FranceTVBrown",children:t}),o&&(0,n.jsx)(w,{children:"(Nouvelle fen\xeatre)"})]})]},t)})}),(0,n.jsx)(v,{children:(0,n.jsx)(f.Z,{onClick:i,filled:!0,size:"medium",textPolice:"FranceTVBrown",children:"Retourner sur le Live"})})]})},Z=t(2496);let P=(0,o.F4)(["from{left:0%;}to{left:-100%;}"]),k=(0,o.F4)(["0%{opacity:0;}50%,100%{opacity:1;}"]),C=o.ZP.section.withConfig({componentId:"sc-eb4b4d4b-0"})(["background-color:",";padding:12px;border-top:1px solid ",";@media (min-width:880px){border:1px solid ",";padding:16px;border-radius:16px;width:324px;}"],Z.O.white,Z.O.dividerLight,Z.O.dividerLight),I=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-1"})(["display:flex;background-color:",";border-radius:40px;padding:8px;justify-content:space-between;gap:8px;@media (min-width:880px){padding:0;background-color:transparent;border-radius:0;flex-direction:column;gap:16px;}> *{align-self:center;@media (min-width:880px){align-self:normal;}}"],Z.O.extraLightGrey),_=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-2"})(["position:relative;flex-shrink:0;width:",";> div + *{position:absolute;right:0;top:0;}@media (min-width:880px){width:",";img{width:40px;}}"],e=>{let{$isSingle:i}=e;return i?"36px":"56px"},e=>{let{$isSingle:i}=e;return i?"40px":"64px"}),T=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-3"})(["flex-shrink:0;width:36px;height:36px;border:1px solid ",";border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:",";@media (min-width:880px){width:40px;height:40px;background-color:",";}"],Z.O.dividerLight,Z.O.white,Z.O.extraLightGrey),L=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-4"})(["display:flex;gap:8px;align-items:center;flex:1;",""],e=>{let{$isButton:i}=e;return i&&(0,o.iv)(["text-align:left;border:0;background-color:transparent;cursor:pointer;border-radius:80px;padding:4px;&:hover{background-color:",";}"],Z.O.extraLightGrey)}),O=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-5"})(["display:flex;flex-direction:column;flex:1;"]),E=o.ZP.div.withConfig({componentId:"sc-eb4b4d4b-6"})(["position:relative;height:24px;",""],e=>{let{$isAnimated:i}=e;return i&&(0,o.iv)(["overflow:scroll;scrollbar-width:none;&::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background:linear-gradient( 90deg,rgba(242,243,248,1) 0%,rgba(242,243,248,0) 10%,rgba(242,243,248,0) 90%,rgba(242,243,248,1) 100% );animation:"," 2s ease 1;animation-delay:1s;animation-fill-mode:forwards;@media (min-width:880px){background:linear-gradient( 90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100% );}}"],k)}),F=(0,o.ZP)(x.Z).withConfig({componentId:"sc-eb4b4d4b-7"})(["position:absolute;

1left:0;top:0;",""],e=>{let{$isAnimated:i}=e;return i&&(0,o.iv)(["animation:"," 6s linear infinite;animation-delay:1.5s;white-space:nowrap;@media (min-width:880px){animation:"," 12s linear infinite;}"],P,P)}),z=(0,o.ZP)(x.Z).withConfig({componentId:"sc-eb4b4d4b-8"})(["display:inline-block;visibility:hidden;"]),N=o.ZP.a.withConfig({componentId:"sc-eb4b4d4b-9"})(["text-decoration:none;"]),R=o.ZP.span.withConfig({componentId:"sc-eb4b4d4b-10"})(["border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;"]);var B=e=>{let{livers:i,buttonId:t,onClick:o,isMobile:l,isActive:a=!0}=e,[d,h]=(0,r.useState)(!1),{focusTriggerModalElementOnCloseModal:m,setTriggerModalElementId:g}=(0,s.Q)(),b=(0,r.useRef)(null),v=(0,r.useRef)(null),[w,j]=(0,r.useState)(!1),P=i.length,k=1===P,B=a&&P>=2,V=i[0],S=k?V.name:"".concat(P," journalistes"),U=k?"anime le Live":"animent le Live",A=a?S:"Live en pause",G=a?U:"le Live revient bient\xf4t",D=k&&V.authorUrl,H=D?N:r.Fragment,$=e=>{h(!0),g(e.currentTarget.id),(0,c.j)("click.action",{click:"ouverture_avatars_live",zone:"encart_avatars_live",feature:"avatars_live"})};return(0,r.useLayoutEffect)(()=>{let e=b.current,i=v.current;if(!e||!i)return;let t=()=>{i.clientHeight>e.clientHeight?j(!0):j(!1)};t();let n=new ResizeObserver(()=>{t()});return n.observe(e),()=>{n.disconnect()}},[i,a]),(0,n.jsxs)(C,{children:[(0,n.jsxs)(I,{"aria-live":"polite",role:"status",children:[(0,n.jsxs)(L,{...B&&{as:"button",type:"button","aria-label":"".concat(S," ").concat(U,". Afficher les d\xe9tails"),onClick:e=>$(e),id:"trigger-modal-livers-information",$isButton:!0},children:[a&&(0,n.jsxs)(_,{$isSingle:k,children:[(0,n.jsxs)(H,{...D&&{target:"_blank",href:V.authorUrl,title:"Page auteur de ".concat(V.name)},children:[(0,n.jsx)(p.Z,{src:V.avatarUrl,alt:""}),D&&(0,n.jsxs)(R,{children:["Page auteur de ",V.name," (Nouvelle fen\xeatre)"]})]}),2===P&&(0,n.jsx)(p.Z,{src:i[1].avatarUrl,alt:""}),P>2&&(0,n.jsx)(T,{children:(0,n.jsx)(x.Z,{font:"FranceTVBrown",color:Z.O.textGrey,size:"default",children:"+".concat(P-1)})})]}),!a&&(0,n.jsx)(T,{children:(0,n.jsx)(u.J,{iconName:"chronometer"})}),(0,n.jsxs)(O,{children:[(0,n.jsxs)(E,{ref:b,$isAnimated:w,children:[(0,n.jsx)(z,{font:"FranceTVBrown",color:Z.O.darkGrey,size:l?void 0:"large",ref:v,"aria-hidden":"true",children:A}),(0,n.jsx)(F,{font:"FranceTVBrown",color:Z.O.darkGrey,size:l?void 0:"large",$isAnimated:w,children:A})]}),(0,n.jsx)(x.Z,{font:"FranceTVBrown",color:Z.O.textGrey,size:l?"small":"medium",children:G})]})]}),(0,n.jsx)(f.Z,{size:"medium",textPolice:"FranceTVBrown",onClick:o,filled:!0,fullWidth:!l,rightIconName:l?void 0:"comment",id:t,children:"poser une question"})]}),d&&(0,n.jsx)(y,{isOpen:!0,closeModal:()=>{h(!1),m()},livers:i})]})},V=t(1028),S=t(6794),U=t(7200),A=t(3858);let G=o.ZP.div.withConfig({componentId:"sc-774a6cfe-0"})(["position:relative;width:100%;"]),D=o.ZP.div.withConfig({componentId:"sc-774a6cfe-1"})(["display:flex;flex-direction:column;justify-content:center;height:auto;margin:auto;"]),H=o.ZP.div.withConfig({componentId:"sc-774a6cfe-2"})(["display:flex;flex-direction:column-reverse;"]),$=o.ZP.div.withConfig({componentId:"sc-774a6cfe-3"})(["position:sticky;left:initial;right:32px;bottom:0;z-index:1;"," ",""],e=>{let{$isDesktop:i}=e;return i&&(0,o.iv)(["position:fixed;z-index:6;bottom:calc(var(--offset-sticky,0px) * -1 + var(--bottom-offset));transform:translate3d( 0,var(--computed-offset,var(--offset-sticky-fi)),0 );will-change:transform;"])},e=>{let{$hasLiversAnimator:i}=e;return!i&&(0,o.iv)(["position:fixed;left:initial;right:32px;bottom:calc(var(--offset-sticky,0px) * -1 + var(--bottom-offset));"])});var M=!0,q=e=>{var i;let{timeline:t,filters:o}=e,{initTimeline:p,publishers:u,lastPublicationDate:h}=(0,a.Z)(),{isMobile:x}=(0,r.useContext)(l.e),{setTriggerModalElementId:m}=(0,s.Q)(),g=(0,r.useRef)(null),[b,v]=(0,r.useState)(!1),w=(0,r.useRef)(null),j=!!(null==u?void 0:u.length);!function(e){let{wrapperRef:i,buttonRef:t}=e,n=(0,r.useRef)(!1);(0,r.useEffect)(()=>{let e=()=>{n.current=!0,requestAnimationFrame(()=>{let e=i.current,r=t.current;if(!e||!r){n.current=!1;return}let{top:o,bottom:l}=e.getBoundingClientRect(),a=window.innerHeight,s=o<a;l<a?(r.style.setProperty("--computed-offset","".concat(-(a-l),"px")),r.style.setProperty("--bottom-offset","0px")):(r.style.setProperty("--computed-offset",""),r.style.setProperty("--bottom-offset","24px")),r.style.visibility=s?"visible":"hidden",r.style.pointerEvents=s?"auto":"none",n.current=!1})};return window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e),e(),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[i,t])}({wrapperRef:g,buttonRef:w});let{isActive:y}=function(e){let{lastPublicationDate:i}=e,[t,n]=(0,r.useState)(!0);return(0,r.useEffect)(()=>

1{if(!i){n(!1);return}let e=new Date(i).getTime();if(Number.isNaN(e)){n(!1);return}let t=18e5-(Date.now()-e);if(t<=0){n(!1);return}let r=setTimeout(()=>{n(!1)},t);return n(!0),()=>clearTimeout(r)},[i]),{isActive:t}}({lastPublicationDate:h}),{channel:Z,offer:P,topics:k}=t,{config:C,_id:I,description:_,supportsThematics:T}=Z||{},{allowComments:L}=C||{},O=(null==C?void 0:null===(i=C.liveUrl)||void 0===i?void 0:i.length)?null==C?void 0:C.liveUrl:null==P?void 0:P.liveUrl;if((0,r.useEffect)(()=>{var e,i;p(t,o,d.H.LIVE_PAGE),null===(i=window)||void 0===i||null===(e=i.fi_libready)||void 0===e||e.then(()=>{var e,i;null===(i=window)||void 0===i||null===(e=i.fi_stickyorchestrator)||void 0===e||e.updateFixedElement({zone:"bottom",priority:window.fi_STICKY_ORCHESTRATOR_PRIORITY.LIVE_PARTICIPATE_BTN,element:w.current,show:!0})})},[]),!I)return(0,n.jsx)("h1",{children:"Timeline does not exist."});let E=e=>{v(!0),(0,c.j)("click.action",{click:"participer_live"}),m(e.currentTarget.id)};return(0,n.jsx)(A.Z,{children:(0,n.jsxs)(G,{children:[(0,n.jsxs)(D,{children:[(0,n.jsx)(V.Z,{isLivePage:!0,canDisplayHashtags:!0,withSeparator:!1,hasCommentFilters:L,topics:k,liveUrl:O,description:_,titleLevel:"h1",isSticky:!0,supportsThematics:T}),(0,n.jsxs)(H,{ref:g,children:[L&&(0,n.jsxs)($,{$isDesktop:!x,$hasLiversAnimator:j,ref:w,children:[j&&(0,n.jsx)(B,{livers:u,onClick:E,buttonId:"trigger-modal-live-participate",isMobile:x,isActive:y}),!j&&(0,n.jsx)(f.Z,{textPolice:"FranceTVBrown",size:"medium",rightIconName:"comment",filled:!0,onClick:E,id:"trigger-modal-live-participate",children:"poser une question"})]}),(0,n.jsx)(U.Z,{setIsLiveUserModalOpen:v,hasCommentFilters:L,fixed:!0,timeline:t})]})]}),(0,n.jsx)(S.Z,{isLiveUserModalOpen:b,setIsLiveUserModalOpen:v,fixed:!0})]})})}}},function(e){e.O(0,[964,302,305,829,26,888,774,179],function(){return e(e.s=2829)}),_N_E=e.O()}]);