https://www.ffr.fr/static/js/9751.2d1ace91.chunk.js

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="f401a953-ad9a-5c61-8a6d-44d80b431556")}catch(e){}}();
3(self.webpackChunkffr_website=self.webpackChunkffr_website||[]).push([[9751],{99751:function(e,t,s){s.r(t),s.d(t,{default:function(){return q}});var i=s(42982),a=s(15671),r=s(43144),l=s(60136),n=s(27277),o=s(71233),c=s(2183),d=s(37881),u=function(e){var t=e.url,s=e.label;return(0,d.jsxs)("div",{className:"video-player-top",children:[(0,d.jsx)(c.Z,{to:t,children:(0,d.jsx)("i",{className:"icon icon-close"})}),(0,d.jsxs)(c.Z,{to:t,className:"link-chevron link-chevron--white link-chevron--left","data-label":"",children:[(0,d.jsx)("span",{children:s}),(0,d.jsx)("i",{className:"icon icon-chevron-left"})]})]})},p=s(34012),m=s(38233),h=s(69358),f=function(e){(0,l.Z)(s,e);var t=(0,n.Z)(s);function s(){var e;(0,a.Z)(this,s);for(var i=arguments.length,r=new Array(i),l=0;l<i;l++)r[l]=arguments[l];return(e=t.call.apply(t,[this].concat(r)))._renderSmall=function(t,s){var i=e.props.userPref;return(0,d.jsx)("a",{title:"TBD @apsulis TBD si \xe7a ouvre un lien, on peut le d\xe9crire, sinon, retirons le title genre si c'est un button avec action JS (nouvel onglet)",onClick:(0,h.vQ)("partage",e.props.titleVideo,(0,h.QT)(e.props),i),href:e.props.url,target:"_blank",rel:"noopener noreferrer nofollow",className:t,children:(0,d.jsx)("i",{className:s})})},e._renderMedium=function(t,s,i){var a=e.props.userPref;return(0,d.jsx)("a",{className:t,href:e.props.url,title:i,target:"_blank",rel:"nofollow noopener noreferrer",onClick:(0,h.vQ)("partage",e.props.titleVideo,(0,h.QT)(e.props),a),children:(0,d.jsx)("i",{className:s})})},e}return(0,r.Z)(s,[{key:"render",value:function(){var e=this.props,t=e.isFacebook,s=e.isTwitter,i=e.isMail,a=e.isInstagram,r=e.isSmall,l=e.isMedium,n=e.isNotPrimary,o=e.isBtnMail,c=e.title,u=(0,m.S)("btn btn--social"),p=(0,m.S)("icon");return i&&(p.add("icon-mail"),n||u.add("btn--primary")),o&&u.add("btn--mail"),t&&(u.add("btn--facebook"),p.add("icon-facebook")),s&&(u.add("btn--twitter is-dark"),p.add("icon-twitter")),a&&(u.add("btn--instagram"),p.add("icon-instagram")),r&&u.add("btn--small"),l&&u.add("btn--medium"),l&&r||u.add("is-inline"),r?this._renderSmall(u.build(),p.build()):l&&c?this._renderMedium(u.build(),p.build(),c):(0,d.jsxs)("a",{title:"TBD C'est un composant sans contexte particulier du coup je ne sais pas quoi mettre",href:this.props.url,className:u.build(),children:[(0,d.jsx)("i",{className:p.build()}),this.props.label&&(0,d.jsx)("span",{children:this.props.label})]})}}]),s}(o.PureComponent);f.defaultProps={url:"#"};var y=f,v=(0,p.$j)((function(e){return{userPref:e.userState.userPref}}))(y),b=s(74279),j=s(1642),x=s(98401),g=s(65664),w=function(e){var t=e.idVideo,s=e.titleVideo;return(0,d.jsxs)("div",{className:"tv-player__social",children:[(0,d.jsxs)("a",{href:"https://www.youtube.com/channel/".concat(b.CF,"?sub_confirmation=1"),target:"_blank",rel:"noopener noreferrer",className:"btn btn--white btn--youtube",children:[(0,d.jsx)("i",{className:"icon icon-youtube is-inline"}),(0,d.jsx)("span",{children:"S\u2019abonner \xe0 la cha\xeene youtube"})]}),(0,d.jsxs)("div",{className:"tv-player__share",children:[(0,d.jsx)("p",{className:"ft-h6 ft-up ft-white-tertiary",children:"Partager:"}),(0,d.jsx)(j.Z,{style:{display:"inline-block"},url:"https://www.youtube.com/watch?v=".concat(t),children:(0,d.jsx)(v,{isFacebook:!0,isMedium:!0,title:"Partager ce contenu sur Facebook (nouvel onglet)",titleVideo:s})}),(0,d.jsx)(x.Z,{style:{display:"inline-block"},url:"https://www.youtube.com/watch?v=".concat(t),children:(0,d.jsx)(v,{isTwitter:!0,isMedium:!0,title:"Partager ce contenu sur X (nouvel onglet)",titleVideo:s})}),(0,d.jsx)(g.Z,{style:{display:"inline-block"},url:"https://www.youtube.com/watch?v=".concat(t),children:(0,d.jsx)(v,{isMail:!0,isMedium:!0,isNotPrimary:!0,isBtnMail:!0,title:"Partager ce contenu par email (nouvel onglet)",titleVideo:s})})]})]})},V=s(28291),P=s(35216),N=function(e){var t=e.title,s=e.label,i=e.date,a=e.img,r=e.url;return(0,d.jsx)(c.Z,{to:r||"#",className:"news ",title:t,children:(0,d.jsxs)("article",{children:[(0,d.jsx)("div",{className:"news__thumbnail img-blue",style:{backgroundImage:"url(".concat((0,V.it)(a),")")},children:(0,d.jsx)("img",{src:(0,V.it)(a),alt:"Illustration de l'article !".concat(t)})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"news__title ft-h5",children:t}),(0,d.jsxs)("p",{className:"ft-h6",children:[(0,d.jsx)("span",{className:"news__cat ft-up",children:s}),(0,d.jsx)("span",{className:"news__date",children:(0,P.Tu)(new Date(i))})]})]})]})})},k=function(e){var t=e.videos;

3return(0,d.jsx)("div",{className:"news-slider",children:(0,d.jsx)("div",{className:"news-slider__wrapper",children:t.map((function(e){return(0,d.jsx)(N,{label:e.label,date:e.date,url:e.url,title:e.title,img:e.img},e.id)}))})})},_=s(5202),S=function(e){var t=e.players;return(0,d.jsx)("div",{className:"players-list players-list--compact",children:t.map((function(e){return(0,d.jsx)(_.Z,{title:e.title,url:e.link,poste:e.poste.name,featured_media:e.featured_media},e.slug)}))})},Z=function(e){var t=e.label,s=e.image,i=e.title,a=e.url,r=e.from;return(0,d.jsx)(c.Z,{to:{pathname:a,state:r},className:"news news--row news--video ",title:i,children:(0,d.jsxs)("article",{children:[(0,d.jsxs)("div",{className:"news__thumbnail img-blue-dark",style:{backgroundImage:"url(".concat((0,V.it)(s),")")},children:[(0,d.jsx)("img",{src:(0,V.it)(s),alt:"Miniature de la vid\xe9o"}),(0,d.jsx)("span",{className:"link-icon link-icon--xsmall is-dark",style:{border:"none"},children:(0,d.jsx)("img",{src:(0,V.it)("/img/youtube/youtube_social_square_dark.png"),alt:"Lecture",style:{display:"block"}})})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"news__title ft-h5",children:i}),(0,d.jsx)("p",{children:(0,d.jsx)("span",{className:"news__date",children:t})})]})]})})},M=function(e,t){return 0!==e.length?void 0!==t&&void 0!==t.idPlaylist&&null!==t&&null!==t.idPlaylist?(0,d.jsxs)("h3",{children:["Sur la playlist de ",t.playlistName]}):(0,d.jsx)("h3",{children:"Sur la cha\xeene de la FFR"}):null},F=function(e){var t=e.videos,s=e.randomVideos,i=e.url,a=e.from;return(0,d.jsx)("div",{className:"col col-md-4 col-lg-3",children:(0,d.jsxs)("aside",{className:"sidebar",children:[M(t,a),t.map((function(e){return(0,d.jsx)(Z,{image:e.img,title:e.title,label:e.duration,url:"/ffr-tv-player/".concat(e.id),from:a},e.id)})),(0,d.jsxs)(c.Z,{to:{pathname:i,state:{idPlaylist:null}},className:"link-chevron link-chevron--white link-chevron--player","data-label":"",children:[(0,d.jsxs)("span",{children:["Voir toutes les vid\xe9os de cette ",a&&a.idPlaylist?"playlist":"cha\xeene"]}),(0,d.jsx)("i",{className:"icon icon-chevron-right"})]}),0!==s.length&&(0,d.jsx)("h3",{children:"Dans le m\xeame genre"}),s.map((function(e){return(0,d.jsx)(Z,{image:e.img,from:a,label:e.duration,title:e.title,url:e.url},e.id)}))]})})},C=s(43895),R=s(19209),T=s(71454),B=s(49717),D=s(20807),A=s(7895),I=function(e){(0,l.Z)(s,e);var t=(0,n.Z)(s);function s(){var e;(0,a.Z)(this,s);for(var i=arguments.length,r=new Array(i),l=0;l<i;l++)r[l]=arguments[l];return(e=t.call.apply(t,[this].concat(r))).fetchSideVideoPlayer=function(){e.props.fetchRandomVideosPlayer(e.props.match.params.idVideo),e.props.location.state&&e.props.location.state.idPlaylist?e.props.fetchPlaylistVideoPlayer(e.props.location.state.idPlaylist,e.props.location.state.idPlaylist):e.props.fetchChannelVideoPlayer(e.props.match.params.idVideo,b.Mr)},e.navigateTo=function(){return e.props.location.state&&e.props.location.state.idPlaylist?"/ffr-tv-playlist/".concat(e.props.location.state.idPlaylist):e.props.location.state&&e.props.location.state.home?"/ffr-tv":"/ffr-tv-channel"},e.renderHeaderLabel=function(){return e.props.location.state&&e.props.location.state.playlistName?"Retour \xe0 la playlist ".concat(e.props.location.state.playlistName):e.props.location.state&&e.props.location.state.home?"Retour \xe0 la page d'accueil":"Retour \xe0 la cha\xeene de la FFR"},e}return(0,r.Z)(s,[{key:"componentDidMount",value:function(){(0,C.ye)("body-dark"),this.props.fetchVideoPlayer(this.props.match.params.idVideo),this.fetchSideVideoPlayer()}},{key:"componentWillUnmount",value:function(){(0,C.ye)("")}},{key:"componentDidUpdate",value:function(e){if(this.props.status===R.zv&&e.status!==R.zv){var t=(0,D.HI)(this.props.video.tags);this.props.fetchPlayersFromVideo(t)}if(e.match.params.idVideo!==this.props.match.params.idVideo&&this.props.fetchVideoPlayer(this.props.match.params.idVideo),this.props.status===R.zv&&e.status!==R.zv){var s=(0,D.HI)(this.props.video.tags);this.props.fetchPlayersFromVideo(s)}e.match.params.idVideo!==this.props.match.params.idVideo&&(this.props.fetchVideoPlayer(this.props.match.params.idVideo),this.fetchSideVideoPlayer())}},{key:"renderSideBar",value:function(){var e=this.props,t=e.statusVideosRandom,s=e.randomVideos,i=e.videos;return t===R.wl?(0,d.jsx)(T.Z,{isDarkBlue:!0}):(0,d.jsx)(F,{url:this.navigateTo(),from:this.props.location.state,videos:i,randomVideos:s})}},{key:"renderSuggestedVideos",value:function(){var e=this.props,t=e.suggestedVideos,s=e.suggestedArticles,a=[].concat((0,i.Z)(t.map((function(e){return{id:e.id,label:e.duration,date:e.publishedAt,url:e.url,title:e.title,img:e.img}}))),(0,i.Z)(s.map((function(e){return{id:e.slug,label:e.label.name,date:e.date.toString(),url:"/actualites/".concat(e.label.slug,"/").concat(e.slug),title:e.meta_title,img:e.illustration}}))));return t.length>0?(0,d.jsxs)(o.Fragment,{children:[(0,d.jsx)("hr",{className:"separator is-dark mt-4 mt-md-5 mt-lg-7 mb-4 mb-md-4"}),(0,d.jsx)("h2",{className:"ft-h3 mb-2 mb-lg-3",children:"Pour en savoir plus"}),(0,d.jsx)(k,{videos:a})]}):null}},{key:"render",value:function(){var e=this.props,t=e.video,s=e.status;return s===R.wl?(0,d.jsx)(T.Z,{isDarkBlue:!0}):s===R.Md?(0,d.jsx)(B.Z,{to:"/404"}):(0,d.jsxs)("div",{children:[(0,d.jsx)(u,{label:this.renderHeaderLabel(),url:this.navigateTo()}),(0,d.jsx)("div",{className:"container container--tv",children:(0,d.jsxs)("div",{className:"row",children:[(0,d.jsx)("div",{className:"col col-md-8 col-lg-9 bg-overflow bg-overflow--dark tv-player",children:(0,d.jsxs)("section",{children:[(0,d.jsx)("iframe",{className:"tv-player__video mb-3 mb-md-4",src:"https://www.youtube.com/embed/".concat(t.id,"?autoplay=1"),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,frameBorder:"0",title:t.title}),(0,d.jsx)("h1",{className:"ft-h2 mb-1",children:t.title}),(0,d.jsx)("p",{className:"ft-secondary ft-white-secondary mb-3 mb-lg-4",children:t.description}),(0,d.jsx)(w,{idVideo:t.id,titleVideo:t.title}),this.renderSuggestedVideos(),(0,d.jsx)("hr",{className:"separator is-dark mt-4 mt-md-5 mt-lg-7 mb-4 mb-md-4"}),(0,d.jsx)(S,{players:this.props.players})]})}),this.renderSideBar()]})})]})}}]),s}

3(o.PureComponent),z=(0,A.S)(I)((function(e,t){var s=t.video.title,i=t.video.description;return(0,d.jsxs)(e,{children:[(0,d.jsx)("title",{children:s}),(0,d.jsx)("meta",{name:"description",content:i}),(0,d.jsx)("meta",{property:"og:title",content:s}),(0,d.jsx)("meta",{property:"og:description",content:i})]})})),H=s(91472),Q=s(13022),L=s(19337),U=s(1209),q=(0,p.$j)((function(e){return{video:e.youtubeVideoPlayerState.video,status:e.youtubeVideoPlayerState.status,videos:e.youtubeVideosChannelPlayerState.videos,randomVideos:e.youtubeRandomVideosPlayerState.randomVideos,statusVideosRandom:e.youtubeRandomVideosPlayerState.status,players:e.youtubeVideoPlayersState.players,suggestedVideos:e.youtubeVideoPlayerState.suggestedVideos,suggestedArticles:e.articlesState.articles}}),(function(e){return{fetchVideoPlayer:function(t){return e((0,H.Df)(t))},fetchChannelVideoPlayer:function(t,s){return e((0,Q.A8)(t,s))},fetchPlaylistVideoPlayer:function(t,s){return e((0,Q.Ul)(t,s))},fetchRandomVideosPlayer:function(t){return e((0,L.Z8)(t))},fetchPlayersFromVideo:function(t){return e((0,U.V5)(t))}}}))(z)}}]);
4//# sourceMappingURL=9751.2d1ace91.chunk.js.map
5//# debugId=f401a953-ad9a-5c61-8a6d-44d80b431556