https://cardaq.com/_next/static/chunks/7920.f3fdf31ab15f0e60.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7920],{7920:(e,a,t)=>{"use strict";t.r(a),t.d(a,{PodcastAudioPlayer:()=>x});var o=t(95155),r=t(12115),l=t(66766),s=t(14166),n=t(17652),i=t(22545),d=t(90860),c=t(97673),u=t(65690),p=t(32588),y=t.n(p);let _=[1,1.5,2],m=e=>{let a=Math.max(0,Math.floor(e)),t=Math.floor(a/60);return"".concat(t,":").concat((a%60).toString().padStart(2,"0"))},h=e=>{let a=document.createElement("audio");a.preload="none";try{e.setMediaElement(a)}catch(e){}e.destroy()},x=e=>{let{trackId:a,audioUrl:t,author:p,episodeLabel:x,title:b}=e,v=(0,s.Ym)().split("-")[1],T=(0,n.c)("Blog.podcast"),f=(0,r.useRef)(null),g=(0,r.useRef)(null),[P,N]=(0,r.useState)(0),[,A]=(0,r.useReducer)(e=>e+1,0),{currentTrack:E,isPlaying:j,currentSeconds:k,durationSeconds:D,playbackRate:M,hasAudioError:L}=(0,u.S)(e=>e),{playTrack:C,togglePlayback:S,seekBy:B,setPlaybackRate:R,showGlobalPlayer:I,audioElement:w}=(0,u.S)(e=>e),G=(null==E?void 0:E.id)===a,W=G?k:0,O=G&&D>0?D:P,V=!!w&&((e,a)=>{if(!(null==a?void 0:a.src))return!1;try{return new URL(e,window.location.origin).href===a.src}catch(t){return a.src===e}})(t,w),F=G&&(V?!w.paused&&!w.ended:j),K=!!G&&L,z=(0,r.useMemo)(()=>"".concat(M,"x"),[M]),U=!!w&&G&&V&&w.readyState>=HTMLMediaElement.HAVE_METADATA;return(0,r.useEffect)(()=>{if(!w)return;let e=()=>A();return w.addEventListener("play",e),w.addEventListener("pause",e),w.addEventListener("ended",e),()=>{w.removeEventListener("play",e),w.removeEventListener("pause",e),w.removeEventListener("ended",e)}},[w]),(0,r.useEffect)(()=>{let e=new Audio;e.preload="metadata",e.src=t;let a=()=>{N(Number.isFinite(e.duration)?e.duration:0)};return e.addEventListener("loadedmetadata",a),e.addEventListener("durationchange",a),e.load(),()=>{e.removeEventListener("loadedmetadata",a),e.removeEventListener("durationchange",a),e.src=""}},[t]),(0,r.useEffect)(()=>{if(!f.current){g.current&&(h(g.current),g.current=null);return}let e=i.A.create({container:f.current,url:t,peaks:function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,t=5381;for(let a=0;a<e.length;a++)t=((t<<5)+t^e.charCodeAt(a))>>>0;let o=[];for(let e=0;e<a;e++)t=((t=Math.imul((t=Math.imul(t^t>>>16,0x45d9f3b)>>>0)^t>>>15,0xc2b2ae35)>>>0)^t>>>13)>>>0,o.push(.1+t/0xffffffff*.85);return[o.map((e,a)=>0===a||a===o.length-1?e:(o[a-1]+e+o[a+1])/3)]}(t),waveColor:"#D5DADF",progressColor:"CA"===v?"#D32A3B":"#4C70E3",cursorWidth:0,barWidth:2,barGap:2,barRadius:999,height:48,normalize:!0,interact:!0,dragToSeek:!0});return g.current=e,()=>{h(e),g.current=null}},[t,v]),(0,r.useEffect)(()=>{let e=g.current;if(!e||!U||!w)return;let a=()=>{g.current===e&&e.setMediaElement(w)};return null!=e.getDecodedData()?void a():e.on("ready",a)},[U,w,t]),(0,r.useEffect)(()=>{let e=g.current;if(!e||!G)return;let a=()=>{if(g.current!==e||U&&w&&!w.paused)return;let a=e.getDuration(),t=Number.isFinite(a)&&a>0?a:D>0?D:P>0?P:null,o=Math.max(0,k);null!=t&&(o=Math.min(o,t)),e.setTime(o)};return null!=e.getDecodedData()?void a():e.on("ready",a)},[G,k,D,P,U,w,t]),(0,o.jsxs)("section",{className:y().PodcastAudioPlayer,"data-theme":"light",children:[(0,o.jsxs)("div",{className:y().MobileTop,children:[(0,o.jsx)(d.I,{icon:c.x.PODCASTS_LOGO_BLACK,viewBox:"0 0 40 40",className:y().MobileLogo}),(0,o.jsxs)("div",{className:y().TopContent,children:[(0,o.jsxs)("div",{className:y().MetaLine,children:[(0,o.jsx)("span",{className:y().MetaText,children:p}),(0,o.jsx)("span",{className:y().Dot,children:"•"}),(0,o.jsx)("span",{className:y().MetaText,children:x})]}),(0,o.jsx)("h3",{className:y().Title,children:b})]})]}),(0,o.jsxs)("div",{className:y().TabletLayout,children:[(0,o.jsx)(l.default,{src:"/blog/podcast_logo_black.webp",alt:T("logoAlt"),width:800,height:800,className:y().TabletLogo}),(0,o.jsxs)("div",{className:y().RightContent,children:[(0,o.jsxs)("div",{className:y().DesktopTop,children:[(0,o.jsxs)("div",{className:y().MetaLine,children:[(0,o.jsx)("span",{className:y().MetaText,children:p}),(0,o.jsx)("span",{className:y().Dot,children:"•"}),(0,o.jsx)("span",{className:y().MetaText,children:x})]}),(0,o.jsx)("h3",{className:y().Title,children:b})]}),(0,o.jsxs)("div",{className:y().PlayerMain,children:[(0,o.jsx)("button",{className:y().PlayButton,type:"button","aria-label":T(F?"pauseAria":"playAria"),onClick:()=>

1{if(G)return(null==E?void 0:E.audioUrl)===t&&!L&&(null==w?void 0:w.src)?((null==w?void 0:w.paused)&&I(),void S()):void C({id:a,audioUrl:t,author:p,episodeLabel:x,title:b});C({id:a,audioUrl:t,author:p,episodeLabel:x,title:b})},children:F?(0,o.jsx)("span",{className:y().PauseGlyph}):(0,o.jsx)(d.I,{icon:c.x.PLAY,viewBox:"0 0 20 20",className:y().PlayIcon})}),(0,o.jsx)("div",{className:y().WaveTrack,ref:f})]}),K&&(0,o.jsx)("div",{className:y().AudioError,children:T("audioUnavailable")}),(0,o.jsxs)("div",{className:y().BottomRow,children:[(0,o.jsxs)("div",{className:y().LeftControls,children:[(0,o.jsx)("button",{className:y().IconButton,type:"button",onClick:()=>B(-10),"aria-label":T("back10Aria"),children:(0,o.jsx)(d.I,{icon:c.x.ARROW_CLOCKWISE_10,viewBox:"0 0 24 24",className:y().ActionIcon})}),(0,o.jsx)("button",{className:y().IconButton,type:"button",onClick:()=>B(30),"aria-label":T("forward30Aria"),children:(0,o.jsx)(d.I,{icon:c.x.ARROW_CLOCKWISE_30,viewBox:"0 0 24 24",className:y().ActionIcon})}),(0,o.jsx)("button",{className:y().SpeedButton,type:"button",onClick:()=>{let e=_.findIndex(e=>e===M),a=-1===e?0:(e+1)%_.length;R(_[a])},children:z})]}),(0,o.jsxs)("div",{className:y().Duration,children:[(0,o.jsx)("span",{className:y().DurationText,children:m(W)}

1),(0,o.jsx)("span",{className:y().DurationDivider}),(0,o.jsx)("span",{className:y().DurationText,children:m(O)})]})]})]})]})]})}},32588:e=>{e.exports={PodcastAudioPlayer:"podcast-audio-player_PodcastAudioPlayer__MoxuI",MobileTop:"podcast-audio-player_MobileTop__Y5pWN",MobileLogo:"podcast-audio-player_MobileLogo__gKmOZ",TopContent:"podcast-audio-player_TopContent__SreVd",MetaLine:"podcast-audio-player_MetaLine__6CptD",MetaText:"podcast-audio-player_MetaText__3K52f",Dot:"podcast-audio-player_Dot__zFDp7",Title:"podcast-audio-player_Title__sh8Id",TabletLayout:"podcast-audio-player_TabletLayout__Gj5cD",TabletLogo:"podcast-audio-player_TabletLogo__zXh_C",RightContent:"podcast-audio-player_RightContent__ippMz",DesktopTop:"podcast-audio-player_DesktopTop__dPFAh",PlayerMain:"podcast-audio-player_PlayerMain__w8hcp",PlayButton:"podcast-audio-player_PlayButton__76_KT",PlayIcon:"podcast-audio-player_PlayIcon__mPhgN",PauseGlyph:"podcast-audio-player_PauseGlyph__ifpwP",WaveTrack:"podcast-audio-player_WaveTrack__Gl36W",BottomRow:"podcast-audio-player_BottomRow__oacGG",AudioError:"podcast-audio-player_AudioError__XfC34",LeftControls:"podcast-audio-player_LeftControls__M0Lul",IconButton:"podcast-audio-player_IconButton__JaduW",ActionIcon:"podcast-audio-player_ActionIcon__DygSm",SpeedButton:"podcast-audio-player_SpeedButton__m_dmR",Duration:"podcast-audio-player_Duration__Pc2bn",DurationText:"podcast-audio-player_DurationText__4FZWF",DurationDivider:"podcast-audio-player_DurationDiv

1ider__73hnu"}},65690:(e,a,t)=>{"use strict";t.d(a,{S:()=>s});var o=t(65453),r=t(46786);let l=(e,a)=>({...a,id:e.command.id+1}),s=(0,o.v)()((0,r.Zr)(e=>({currentTrack:null,isGlobalPlayerVisible:!0,isPlaying:!1,currentSeconds:0,durationSeconds:0,playbackRate:1,hasAudioError:!1,audioElement:null,command:{id:0,type:"none"},playTrack:a=>e(e=>({...e,currentTrack:a,hasAudioError:!1,isGlobalPlayerVisible:!0,command:l(e,{type:"playTrack"})})),togglePlayback:()=>e(e=>({...e,command:l(e,{type:"togglePlayback"})})),seekBy:a=>e(e=>({...e,command:l(e,{type:"seekBy",seconds:a})})),seekTo:a=>e(e=>({...e,command:l(e,{type:"seekTo",seconds:a})})),setPlaybackRate:a=>e(e=>({...e,playbackRate:a,command:l(e,{type:"setPlaybackRate",rate:a})})),closePlayer:()=>e(e=>({...e,isGlobalPlayerVisible:!1,isPlaying:!1,hasAudioError:!1,command:l(e,{type:"pauseOnly"})})),showGlobalPlayer:()=>e(e=>({...e,isGlobalPlayerVisible:!0})),setPlayerProgress:(a,t)=>e(e=>({...e,currentSeconds:a,durationSeconds:null!=t?t:e.durationSeconds})),setIsPlaying:a=>e(e=>({...e,isPlaying:a})),setAudioError:a=>e(e=>({...e,hasAudioError:a})),registerAudioElement:a=>e(e=>({...e,audioElement:a}))}),{name:"podcast-player-store",storage:(0,r.KU)(()=>localStorage),partialize:e=>({currentTrack:e.currentTrack,isGlobalPlayerVisible:e.isGlobalPlayerVisible,isPlaying:!1,currentSeconds:e.currentSeconds,durationSeconds:e.durationSeconds,playbackRate:e.playbackRate,hasAudioError:!1,audioElement:null,command:{id:0,type:"none"}})}))}}]);