(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26154,40872,88707,989],{940872:function(e,t,a){"use strict";a.r(t),a.d(t,{LockIcon:function(){return n}});var r=a(552322),o=a(309596);function n(e){return(0,r.jsxs)(o.t,{...e,children:[(0,r.jsx)("defs",{fill:"currentColor"}),(0,r.jsx)("path",{d:"m44,26v-6c0-7.4-4.6-12-12-12s-12,4.6-12,12v6h-8v30h40v-30h-8Zm-18-6c0-4.09,1.91-6,6-6s6,1.91,6,6v6h-12v-6Z",fill:"currentColor"})]})}},788707:function(e,t,a){"use strict";a.r(t),a.d(t,{PlaybackPauseIcon:function(){return n}});var r=a(552322),o=a(309596);function n(e){return(0,r.jsxs)(o.t,{...e,children:[(0,r.jsx)("defs",{fill:"currentColor"}),(0,r.jsx)("path",{d:"m14,14h14v36h-14V14Zm22,0v36h14V14h-14Z",fill:"currentColor"})]})}},300989:function(e,t,a){"use strict";a.r(t),a.d(t,{PlaybackPlayIcon:function(){return n}});var r=a(552322),o=a(309596);function n(e){return(0,r.jsxs)(o.t,{...e,children:[(0,r.jsx)("defs",{fill:"currentColor"}),(0,r.jsx)("path",{d:"m50,30v4l-32,16h-4V14h4l32,16Z",fill:"currentColor"})]})}},126154:function(e,t,a){"use strict";a.d(t,{Y:function(){return B}});var r=a(552322),o=a(72779),n=a.n(o),l=a(205632),s=a(202784),u=a(198268),i=a(30297),c=a(30698),d=a(996974),y=a(183428),p=a(240926),v=a(491414),f=a(387430),m=a(509020),h=a(787923),b=a(940872),_=a(788707),k=a(300989),P=a(961268),g=a(348273),w=a(270769),x=a(606733),C=a(678050),j=a(24396),I=a(334801);let S=(0,s.forwardRef)(function(e,t){let{videoId:a,autoplay:o,loop:l=!1,controls:u=!0,background:i=!1,allowFullScreen:c=!0,muted:d=!0,allow:y="autoplay; fullscreen; encrypted-media",className:p,onPlay:v,onPause:f,onEnded:m,...h}=e,b=(0,s.useRef)(null),_=(0,s.useRef)(null),k=(0,I.q)(_,t),P=(0,s.useMemo)(()=>(0,j.av)(a,{autoplay:o,background:i,controls:u,loop:l,muted:d}),[a,o,i,u,l,d]);return(0,s.useEffect)(()=>{if(!b.current)return;let e=b.current,t=new C.Z(e);k(t),v&&t.on("play",v),f&&t.on("pause",f),m&&t.on("ended",m)},[o,v,f,m,k]),(0,r.jsx)("iframe",{...h,className:n()(x.videoIframe,p),src:P,allowFullScreen:c,allow:y,ref:b})}),B=(0,s.forwardRef)(function(e,t){let{id:a,className:o,videoId:C,customPosterSrc:j,host:I="youtube",autoplay:B=!1,playsinline:N=!0,aspectRatio:T=.5625,controls:E="enabled",loop:M=!1,muted:V,altText:L="",showPoster:R,hasShadow:Z,disableBorderRadius:A,thumbnailOnly:F,isLocked:D,onTimeUpdate:$}=e,q=(0,l.useRouter)(),U=(0,y.YB)(),X=(0,P.b)(),{setSnackBarMessage:Y}=(0,g.il)(),[H,O]=(0,s.useState)(B),[K,W]=(0,s.useState)(null),[z,G]=(0,s.useState)(!1),[J,Q]=(0,s.useState)(!1),[ee,et]=(0,s.useState)(!1),ea=(0,s.useRef)(!1);ea.current=!!(ea.current||H);let er=ea.current||!R||ee||J,eo=!!(V??B),en=(0,c.D)(C,X),el=(0,s.useMemo)(()=>U.formatMessage({id:"VideoPlayer.lockedMessage",defaultMessage:"Please register to unlock this video.",description:"Notice that appears on notion.so/webinars/:slug when clicking on a video that has not been unlocked."}),[U]),es=j?(0,c.D)(j,X):void 0,eu=(0,s.useMemo)(()=>(function(e,t){switch(e){case"youtube":return(0,d.px)(t);case"vimeo":return""}})(I,en),[I,en]),[ei,ec]=(0,s.useState)(null),[ed,ey]=(0,s.useState)(null),ep=(0,s.useCallback)(e=>{ec((null==e?void 0:e.getInternalPlayer())??null)},[]),ev=(0,s.useMemo)(()=>{switch(I){case"youtube":return ei?{getCurrentTime:()=>ei.getCurrentTime(),async setCurrentTime(e){await ei.seekTo(e,!0)},getDuration:()=>ei.getDuration(),async play(){await ei.playVideo()},async pause(){await ei.pauseVideo()}}:void 0;case"vimeo":return ed?{getCurrentTime:()=>ed.getCurrentTime(),async setCurrentTime(e){await ed.setCurrentTime(e)},getDuration:()=>ed.getDuration(),async play(){await ed.play()},async pause(){await ed.pause()}}:void 0}},[I,ei,ed]);(0,s.useEffect)(()=>{if(!ev||!$)return;let e=0,t=0,a=(0,w.PB)(()=>{let a=performance.now();t=a,(async()=>{let r=e;try{r=await ev.getCurrentTime()}catch{}a===t&&r!==e&&(e=r,$({seconds:r}))})()},100);return()=>{a()}},[ev,$]),(0,s.useImperativeHandle)(t,()=>ev,[ev]);let[ef]=(0,i.r5)(async()=>{switch(I){case"youtube":return`https://www.youtube.com/watch?v=${en}`;case"vimeo":return null==ed?void 0:ed.getVideoUrl()}},[I,en,ed]),em=(0,s.useMemo)(()=>({playerVars:{autoplay:B?1:0,playsinline:N?1:0,modestbranding:1,controls:"enabled"===E?1:0,loop:M?1:0,rel:0}}),[B,E,M,N]),eh=(0,s.useCallback)(()=>{O(!0),W(performance.now()),(0,v.xj)({id:en})},[en]),eb=(0,s.useCallback)(()=>{if(z||!K)return;let e=performance.now()-K;(0,v.uI)({id:en,seconds:Math.round(e/1e3)}),G(!0)},[z,K,en]),e_=(0,s.useCallback)(()=>{O(!1),eb()},[eb]);(0,s.useEffect)(()=>{B&&eh()},[B,eh]),(0,s.useEffect)(()=>{let e=()=>{eb()};return q.events.on("routeChangeStart",e),()=>{q.events.off("routeChangeStart",e)}},[q.events,en,K,z,G,eb]);let ek=(0,s.useCallback)(()=>{eh()},[eh]),eP=(0,s.useCallback)(()=>{e_()},[e_]),eg=(0,s.useCallback)(()=>{eb()},[eb]),ew=(0,s.useCallback)(()=>{if(D){Y(el);return}let e=H?null==ev?void 0:ev.pause:null==ev?void 0:ev.play;null==e||e()},[D,el,Y,H,ev]),ex=(0,s.useMemo)(()=>D?"locked":H?"playing":"paused",[D,H]),eC=(0,s.useMemo)(()=>"locked"===ex?el:U.formatMessage({id:"VideoPlayer.playbackButtonLabel",description:"Accessible label for the play/pause button on the video player",defaultMessage:(0,y.Ys)("playbackState",{paused:"Play",playing:"Pause",other:"Play"})},{playbackState:ex}),[U,ex,el]);return(0,r.jsxs)("div",{id:en,className:n()(x.videoContainer,{[x.controlsEnabled]:"enabled"===E,[x.controlsPause]:"pause"===E,[x.disableBorderRadius]:A,[x.hasShadow]:Z},o),style:{[(0,p.Ay)("--video-player-aspect-ratio")]:`${100*T}%`},children:["youtube"===I?(0,r.jsx)(u.Z,{id:a,videoId:en,opts:em,iframeClassName:x.videoIframe,onPlay:ek,onPause:eP,onEnd:eg,onError:()=>et(!0),ref:ep}):null,"vimeo"===I?(0,r.jsx)(S,{id:a,videoId:en,autoplay:B,controls:"enabled"===E,loop:M,muted:eo,onPlay:ek,onPause:eP,onEnded:eg,ref:ey}):null,(0,r.jsx)("div",{hidden:er,className:x.videoPoster,children:(0,r.jsx)(m.E,{src:es||eu,className:x.videoPosterImage,alt:L,width:1920,height:1080,quality:100,style:{objectFit:"cover",display:"block",width:"100%",height:"100%"},onError:()=>Q(!0)})}),(0,r.jsxs)("button",{type:"button",hidden:ee,disabled:F,className:n()(x.playbackButton,{[x.fullscreen]:!er||"pause"===E,[x.playbackStateLocked]:"locked"===ex,[x.playbackStatePaused]:"paused"===ex,[x.playbackStatePlaying]:"playing"===ex}),onClick:ew,children:[(0,r.jsx)("span",{className:x.playbackButtonAssistiveText,children:eC}),"locked"===ex?(0,r.jsx)(b.LockIcon,{className:x.playbackButtonIcon}):null,"paused"===ex?(0,r.jsx)(k.PlaybackPlayIcon,{className:x.playbackButtonIcon}):null,"playing"===ex?(0,r.jsx)(_.PlaybackPauseIcon,{className:x.playbackButtonIcon}):null]}),(0,r.jsxs)("div",{role:"alert",hidden:!ee,className:x.error,children:[(0,r.jsx)("p",{className:x.errorLine,children:(0,r.jsx)(y._H,{id:"videoPlayer.error.adblocker",description:"Error message when the video player is blocked by an ad blocker",defaultMessage:"Uh-oh! It looks like your ad blocker is preventing the video from playing."})}),"youtube"===I&&"resolved"===ef.status?(0,r.jsx)("p",{className:x.errorLine,children:(0,r.jsx)(y._H,{id:"videoPlayer.error.youtube",description:"Error message when YouTube is not available which links to the video on youtube.com",defaultMessage:"Please watch it on <a>YouTube</a>",values:{a:e=>(0,r.jsx)(h.u,{href:ef.value,eventData:{name:"video_player_error"},children:e})}})}):null,(0,r.jsx)(m.E,{className:x.errorIllustration,src:f.Z.illustratedIcons.catLookingUpPng,width:154.60000000000002,height:193,alt:""})]})]})})},270769:function(e,t,a){"use strict";function r(e){let t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;for(var r=arguments.length,o=Array(r>2?r-2:0),n=2;n<r;n++)o[n-2]=arguments[n];let l=0,s=r=>{l=requestAnimationFrame(s),t??=r,r-t<a||(t=r,e(r,...o))};return l=requestAnimationFrame(s),()=>cancelAnimationFrame(l)}function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;for(var a=arguments.length,o=Array(a>2?a-2:0),n=2;n<a;n++)o[n-2]=arguments[n];if(t<=0){let a=setTimeout(e,t,...o);return()=>clearTimeout(a)}let l=r(()=>{l(),e(...o)},t,...o);return l}a.d(t,{K5:function(){return o},PB:function(){return r}})},24396:function(e,t,a){"use strict";a.d(t,{av:function(){return l},ql:function(){return s}});var r=a(819126),o=a.n(r),n=a(420966);function l(e){let{autoplay:t,background:a,controls:r,muted:n,loop:l}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=new URL(`https://player.vimeo.com/video/${e}`),u=o().stringify({autoplay:Number(t),background:Number(a),controls:Number(r),loop:Number(l),muted:Number(n)});return s.search=`${s.search}&${u}`,s.href}async function s(e){let t=new URL("https://vimeo.com/api/oembed.json");return t.search=o().stringify(e),fetch(t.href).then(e=>e.json()).catch(t=>{n.g9.error("vimeo.getVimeoOEmbed",{params:e,error:t})})}},996974:function(e,t,a){"use strict";function r(e){return`https://img.youtube.com/vi/${e}/maxresdefault.jpg`}function o(e){return`https://www.youtube.com/watch?v=${e}`}function n(e){return`https://www.youtube.com/embed/${e}`}a.d(t,{gF:function(){return n},px:function(){return r},uO:function(){return o}})},606733:function(e){e.exports={videoIframe:"videoPlayer_videoIframe__ZNVrQ",videoContainer:"videoPlayer_videoContainer__ITseV",disableBorderRadius:"videoPlayer_disableBorderRadius__s_EXS",hasShadow:"videoPlayer_hasShadow__YlX_M",videoPoster:"videoPlayer_videoPoster___Fqq7",videoPosterImage:"videoPlayer_videoPosterImage__m0s3G",playButtonTriangle:"videoPlayer_playButtonTriangle__SZoVZ",playButtonCircle:"videoPlayer_playButtonCircle__T6mnB",playButton:"videoPlayer_playButton__HyOn_",playbackButton:"videoPlayer_playbackButton__Wj00P",fullscreen:"videoPlayer_fullscreen__MFVZX",controlsEnabled:"videoPlayer_controlsEnabled___obVh",playbackStatePlaying:"videoPlayer_playbackStatePlaying__zUrVd",controlsPause:"videoPlayer_controlsPause__Xt9V7",playbackStateLocked:"videoPlayer_playbackStateLocked__XNgaJ",playbackStatePaused:"videoPlayer_playbackStatePaused__u2Fv_",playbackButtonIcon:"videoPlayer_playbackButtonIcon__xWc5b",playbackButtonAssistiveText:"videoPlayer_playbackButtonAssistiveText__mECDy",error:"videoPlayer_error__mIbKi",errorLine:"videoPlayer_errorLine__pR8bX",errorIllustration:"videoPlayer_errorIllustration__AITlh"}}}]);