https://web-assets.demorgen.be/fbba79026eba/_next/static/chunks/8200.2a4ab345a45510d1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8200],{98200:(e,t,n)=>{n.r(t),n.d(t,{PlayerSession:()=>m});var o=n(32932),a=n(9e4),l=n(24212),i=n(15583),r=n(5220),s=n(11259),c={"player-overlay__wrapper":"Nt","player-overlay__overlay--top-right":"St","player-overlay__overlay--bottom-left":"Tt"};function d(e){let{controls:t,onClickout:n,state:o,videoEmbed:a}=e,i=o.matches("playing")&&"content"===o.context.contentType,r=o.matches("paused")&&"content"===o.context.contentType;return i||r?(0,s.jsxs)("div",{className:c["player-overlay__wrapper"],children:[(0,s.jsx)("div",{className:c["player-overlay__overlay--bottom-left"],children:(0,s.jsx)(l.M,{controls:t,onClickout:n,state:o,videoEmbed:a})}),(0,s.jsx)("div",{className:c["player-overlay__overlay--top-right"],children:(0,s.jsx)(l.t,{image:a.playerLogo})})]}):null}var u=l.E.embedInline;function m(e){let{aspectRatio:t,client:n,config:c,language:m,onRequestToPlayVideo:v,onTrackEvent:y,options:p,playbackParams:g,videoEmbed:k}=e,h=(0,o.j)(e=>e.playerSessionId),b=(0,o.j)(e=>e.currentVideoId),P=(0,o.j)(e=>e.subsequentPlayCounter),S=(0,o.j)(e=>e.incrementSubsequentPlay),x=(0,o.j)(e=>e.playRecommendedVideo),C=(0,o.j)(e=>e.setRecommendationId),E=(0,r.useRef)(null),M=(0,l.q)(),{isDebugEnabled:R}=(0,l.p)(),I=(0,r.useMemo)(()=>({autoPlay:!0,volume:k.options.autoMute?0:null,loop:k.options.loop,pauseOthersOnPlay:!0}),[k.options.autoMute,k.options.loop]),T=(0,o.l)({video:k,aspectRatio:t}),{recommendations:w,triggerFetch:f}=(0,o.n)({videoId:String(k.id),client:n,enabled:T}),j=String(k.id)===b&&g?g:null,L=(0,a.a)({environment:c.environment,playbackParams:j,playerMetadata:{autoPlay:k.options.autoPlay,autoMute:0===I.volume,sessionId:h,subsequentPlay:P,sticky:!1,aspectRatio:t,playbackMode:u},videoMetadata:{adsEnabled:k.adsEnabled,id:String(k.id),durationMs:k.durationMs,title:k.title,live:k.live,origin:k.origin,channel:{id:String(k.channel.id),title:String(k.channel.title)},show:{id:String(k.show.id),title:k.show.title}}}),_=(0,r.useMemo)(()=>{var e,t;if(!g)return null;let n=null!=(e=E.current)?e:void 0;return{streams:k.streams,subtitles:null!=(t=k.subtitles)?t:void 0,advertisementUrl:L,playbackOptions:I,startTime:n}},[g,k.streams,k.subtitles,L,I]);(0,r.useEffect)(()=>{E.current=null},[_]);let F=(0,o.j)(e=>e.recommendationId),q=(0,a.e)({videoMetadata:{id:k.id,isLive:k.live,title:k.title,durationMs:k.durationMs,origin:k.origin,autoPlay:k.options.autoPlay,tags:k.tags,channel:{title:k.channel.title},show:{title:k.show.title},genre:{title:k.genre.title}},playbackMode:u,playerSessionId:h,onTrackEvent:y,eventState:F?{recommendationId:F,startingMethod:l.F.clicktoplayrecommended}:{startingMethod:k.options.autoPlay?l.F.autoplay:l.F.clicktoplay}}),A=(0,a.d)({enabled:k.enableCimTracking,channel:k.channel.title,durationMs:k.durationMs,id:k.id.toString(),title:k.title,live:k.live}),V=(0,r.useMemo)(()=>null==A?void 0:A.getTrackingParams(),[A]),O=(0,a.b)({environment:c.environment,videoId:String(k.id),userSessionId:M,sdkVersion:i.a.PLAYER_VERSION,playbackMode:u,subsequentPlay:P,durationMs:k.durationMs,showId:String(k.show.id),isLive:k.live,startingMethod:k.options.autoPlay?"autoplay":"click-to-play"}),N=(0,a.c)({telemetryService:O}),U=(0,r.useCallback)(()=>{O.markPlayRequest()},[O]),Q=function(e){let{playerTracker:t,shouldFetchRecommendations:n,triggerRecommendationsFetch:o,startTimeRef:a,incrementSubsequentPlay:l,isLive:i}=e;return(0,r.useMemo)(()=>({onPlayerLoadedOnlyOnce:e=>{null==t||t.trackLoaded(e.controls,e.state.context),n&&o()},onContentEnded:e=>{null==t||t.trackEnded(e.controls,e.state.context)},onContentStarted:e=>{null==t||t.trackStarted(e.controls,e.state.context)},onPlay:e=>{null==t||t.trackPlay(e.controls,e.state.context)},onResume:e=>{null==t||t.trackResume(e.controls,e.state.context)},onPause:e=>{null==t||t.trackPause(e.controls,e.state.context)},onError:(e,n)=>null==t?void 0:t.trackError(n.controls,n.state.context),onTimeChange:(e,n)=>{"content"===n.state.context.contentType&&(null==t||t.trackTimeChange(n.controls,n.state.context))},onSeeked:e=>null==t?void 0:t.trackSeeked(e.controls,e.state.context),onMutedChange:(e,n)=>{e?null==t||t.trackMute(n.controls,n.state.context):null==t||t.trackUnmute(n.controls,n.state.context)},onSubtitleChange:(e,n)=>{null==t||t.trackSubtitlesChanged(n.controls,n.state.context)},onQualityChange:e=>{null==t||t.trackQualitySelected(e.controls,e.state.context)},onAdStart:e=>null==t?void 0:t.trackAdStarted(e.controls,e.state.context),onAdComplete:e=>null==t?void 0:t.trackAdEnded(e.controls,e.state.context),onLoop:e=>{null==t||t.trackLooping(e.controls,e.state.context)},onReplay:e=>{let t=e.controls.getCurrentTime();null!==t&&t>0&&(a.current=t),l()},onEnterViewport:e=>

1{(function(e){let{isLive:t,isPaused:n,isViewportPaused:o}=e;return t&&n&&o})({isLive:i,isPaused:e.state.matches("paused"),isViewportPaused:e.state.context.isViewportPaused})&&e.controls.viewportResume()},onLeaveViewport:e=>{(function(e){let{isLive:t,isPlaying:n}=e;return t&&n})({isLive:i,isPlaying:e.state.matches("playing")})&&e.controls.viewportPause()},onFullscreenChange:(e,n)=>{e&&(null==t||t.onFullscreen(n.controls,n.state.context))}}),[t,n,o,a,l,i])}({playerTracker:q,shouldFetchRecommendations:T,triggerRecommendationsFetch:f,startTimeRef:E,incrementSubsequentPlay:S,isLive:k.live}),D=(0,r.useCallback)(async e=>{let t=String(e.id);(null==w?void 0:w.recommendationId)&&C(w.recommendationId),x(t,v),T&&f(t)},[null==w?void 0:w.recommendationId,x,v,T,C,f]),Y=(0,r.useMemo)(()=>({cim:V,sessionId:h}),[V,h]);return(0,s.jsx)(l.u,{playerSkin:k.playerSkin,children:(0,s.jsx)(l.L,{debug:R,content:_,tracking:Y,ui:{showErrors:!0},config:{device:{name:"browser"},controls:{language:m,keyboardNavigation:"focusOnly"},defaultSubtitle:{language:m,enabledInAsset:!!k.subtitles&&m in k.subtitles}},onLoad:U,handlers:{...Q,onPlay:e=>{var t;null==(t=Q.onPlay)||t.call(Q,e),N.onPlayRequested(),N.onPlaybackStarted()},onContentStarted:e=>{var t;null==(t=Q.onContentStarted)||t.call(Q,e),N.onContentStarted()},onContentEnded:e=>{var t;null==(t=Q.onContentEnded)||t.call(Q,e),N.onContentEnded()},onError:(e,t)=>{var n;null==(n=Q.onError)||n.call(Q,e,t),N.onPlaybackError(e)},onPause:e=>{var t;null==(t=Q.onPause)||t.call(Q,e),N.onPause()},onResume:e=>{var t;null==(t=Q.onResume)||t.call(Q,e),N.onResume()},onAdStart:e=>{var t;null==(t=Q.onAdStart)||t.call(Q,e),N.onAdStarted()},onAdComplete:e=>{var t;null==(t=Q.onAdComplete)||t.call(Q,e),N.onAdEnded()},onTimeChange:(e,t)=>

1{var n;null==(n=Q.onTimeChange)||n.call(Q,e,t),N.onProgressUpdate(1e3*e)}},children:(e,n)=>{var a;let l=!!(e.matches("ended")&&(null==w||null==(a=w.videos)?void 0:a.length)&&k.options.singlePlay);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d,{controls:n,onClickout:()=>null==q?void 0:q.onClickout(n,e.context),state:e,videoEmbed:k}),l&&(0,s.jsx)(o.m,{isFullscreen:e.context.isFullscreen,onSelect:t=>{null==q||q.onRecommendationClick(n,e.context,{requestId:w.recommendationId,videoId:t.id}),D(t)},recommendations:null==w?void 0:w.videos}),(0,s.jsx)(o.k,{advertisementUrl:L,aspectRatio:t,cimTrackingParams:V,environment:c.environment,hasPlayerTrackingEnabled:!!q,id:String(k.id),language:m,playbackMode:u,playbackOptions:e.context.playbackOptions,playbackParams:null!=g?g:null,playingState:e.value,options:p,subsequentPlay:P,videoEmbed:k})]})}})})}}}]);