https://insighttimer.com/static/js/library-item-player.70bcc349.chunk.js

1"use strict";(self.webpackChunkinsight_timer=self.webpackChunkinsight_timer||[]).push([[3666],{13281:(e,t,n)=>{n.d(t,{h:()=>o});var i,r=n(95254);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},a.apply(null,arguments)}function l(e,t){let{title:n,titleId:l,...o}=e;return r.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,viewBox:"0 0 20 20",ref:t,"aria-labelledby":l},o),n?r.createElement("title",{id:l},n):null,i||(i=r.createElement("path",{fill:"#0A2024",fillRule:"nonzero",d:"M3.5 3.5a2 2 0 1 1 4 0v12.705a2 2 0 1 1-4 0V3.5zm9.21 0a2 2 0 1 1 4 0v12.705a2 2 0 1 1-4 0V3.5z"})))}const o=r.forwardRef(l);n.p},21870:(e,t,n)=>{n.d(t,{h:()=>o});var i,r=n(95254);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},a.apply(null,arguments)}function l(e,t){let{title:n,titleId:l,...o}=e;return r.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:36,height:24,viewBox:"0 0 36 24",ref:t,"aria-labelledby":l},o),n?r.createElement("title",{id:l},n):null,i||(i=r.createElement("g",{fill:"none",fillRule:"evenodd",stroke:"#FFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5},r.createElement("path",{d:"M2 16.545V22h11.294M34 7.455V2H22.706M2 7.455V2h11.294M34 16.545V22H22.706"}))))}const o=r.forwardRef(l);n.p},35500:(e,t,n)=>{n.d(t,{A:()=>s});n(95254);var i=n(40688),r=n(97141);const a=r.A.div`
2  width: 100%;
3  display: flex;
4  justify-content: center;
5  align-items: center;
6`,l=r.A.div`
7  flex: 1 1;
8`;var o=n(64582);const s=e=>(0,o.jsx)(a,{children:(0,o.jsx)(l,{children:(0,o.jsx)(i.A,{...e})})})},40688:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(97141),r=n(3625),a=(n(95254),n(64582));const l=(0,i.A)(r.A)`
9  padding: 6px 0;
10  position: relative;
11  display: block;
12  &:hover {
13    .MuiSlider-track,
14    .MuiSlider-rail {
15      height: 6;
16      top: 5;
17    }
18  }
19  .MuiSlider-thumb {
20    height: 15px;
21    width: 15px;
22    background-color: #fff;
23    margin-top: -6px;
24    margin-left: -6px;
25    &:hover {
26      box-shadow: 0 0 0 8px rgb(255 255 255 / 10%);
27    }
28    &:active {
29      box-shadow: 0 0 0 14px rgb(255 255 255 / 10%);
30    }
31
32    &:focus-visible {
33      outline: 2px solid black !important;
34    }
35  }
36  .MuiSlider-track,
37  .MuiSlider-rail {
38    height: 4px;
39    border-radius: 2px;
40  }
41  .MuiSlider-track {
42    background-color: #fff;
43  }
44  .MuiSlider-rail {
45    opacity: 1;
46    color: rgb(255 255 255 / 15%);
47  }
48`,o=e=>(0,a.jsx)(l,{...e,onChange:e.onChangeSlider})},44622:(e,t,n)=>{n.r(t),n.d(t,{default:()=>K});var i=n(4021),r=n(85833),a=n(80330),l=n(81085),o=n(38341),s=n(15263),d=n(93662),u=n(60855),c=n(11017),p=n(95254),m=n(97141),h=n(31265),g=n(7869),v=n(13281),f=n(79259),E=n(64582);const x=e=>(0,E.jsx)(h.K,{transition:"0.5s",zIndex:10,outline:"none",textAlign:"center",p:"12px",borderRadius:"50%",_hover:{transform:"scale(1.1)",background:"rgba(255, 255, 255, 0.75)"},_focus:{outline:"none",boxShadow:"none"},...e}),b=()=>(0,E.jsx)(g.y,{color:"#22292f",width:"18px",height:"18px"}),y=(0,m.A)(f.h)`
49  position: relative;
50  left: 2px;
51  width: 13px !important;
52`,w=(0,m.A)(v.h)`
53  width: 18px;
54  height: 18px;
55`,S=e=>{let{isPlaying:t,isLoading:n,showLoaderWhenPaused:i=!1,isDisabled:r=!1,onPlayClicked:a,pause:l,play:o,...s}=e;const[d,u]=(0,p.useState)(!1);return t?(0,E.jsx)(x,{onClick:l,...s,isDisabled:r,"aria-label":"Pause",children:n?(0,E.jsx)(b,{}):(0,E.jsx)(w,{})}):t?null:(0,E.jsx)(x,{onClick:()=>{r||(o(),!d&&a&&(a(),u(!0)))},...s,isDisabled:r,"aria-label":"Play",children:i&&n?(0,E.jsx)(b,{}):(0,E.jsx)(y,{className:"styled-play-icon"})})};var T=n(35500),_=n(71674),L=n(45969);const k=e=>{let{children:t}=e;return(0,E.jsx)(i.a,{sx:{"& .chakra-button":{width:"64px",height:"64px",position:"relative",background:"rgba(255, 255, 255, 0.5) !important",svg:{path:{fill:"white"}},"& .styled-play-icon":{width:"19px !important",height:"20px !important","& g#Music---Featured-coure path":{fill:"white"}}}},children:t})},P=e=>(0,E.jsx)(k,{children:(0,E.jsx)(S,{...e})});var j=n(74756),C=n(51093),M=n(32480),A=n(19451),I=n(87569),D=n(67850),F=n(84781),O=n(25745),z=n(21870),R=n(80467);const N=e=>{let{ariaLabel:t,...n}=e;return(0,E.jsx)(h.K,{variant:"unstyled",height:12,width:12,isRound:!0,display:"flex",justifyContent:"center",alignItems:"center",zIndex:10,transition:"0.5s",_hover:{transform:"translate(0, -5%)"},_active:{outline:"none"},_focus:{outline:"none"},"aria-label":t,...n})};var Y=n(49471),V=n.t(Y,2),G=n(83435),B=n.n(G);const U=(0,m.A)(B())`
56  width: 100%;
57  height: 100%;
58  position: absolute;
59  bottom: 0px;
60  top: 0px;
61  left: 0px;
62  padding-bottom: 85px;
63  padding-left: 20px;
64  padding-right: 20px;
65
66  @media (max-width: 600px) {
67    padding-bottom: 62px;
68  }
69`,$=e=>{var t;let{id:n,audioSrc:i,playing:r,volume:a,config:l,onPlay:o,onDuration:s,onProgress:d,onBuffer:u,onBufferEnd:c,onEnded:m,onError:h,registerSeekHandler:g,playerRef:v}=e;const f=null!==(t=Y)&&void 0!==t?t:V,x=Y.findDOMNode;return f&&!f.findDOMNode&&x&&(Y=f,f.findDOMNode=x),(0,p.useEffect)((()=>{g((e=>{var t;null===(t=v.current)||void 0===t||t.seekTo(e)}))}),[g,v]),n&&i?(0,E.jsx)(U,{width:"100%",height:"100%",url:i,ref:v,playing:r,volume:a,config:l,onPlay:o,onDuration:s,onProgress:e=>{let{playedSeconds:t}=e;return d(t)},onBuffer:u,onBufferEnd:c,onEnded:m,onError:h},`${n}_${i}`):null},q=p.lazy((()=>Promise.all([n.e(2142),n.e(3976),n.e(8284),n.e(1096)]).then(n.bind(n,3722)))),H=p.lazy((()=>Promise.all([n.e(2408),n.e(1179)]).then(n.bind(n,81179)))),W=()=>{if("undefined"===typeof window)return!1;if(window.matchMedia)return window.matchMedia("(max-width: 767px)").matches;const e=navigator.userAgent||"";return/Mobi|Android|iPhone|iPad|iPod/i.test(e)},K=e=>{var t,n;let{id:m,durationInSec:h,mediaAudioPaths:g,mediaAudioPreviewPaths:v,mediaVideoPaths:f,is_premium:x,library

69Item:b,isShowShareButton:y=!0,onComplete:w,useVideoPlayer:k,isPrerender:Y,slug:V,autoStart:G,onAutoStartConsumed:B}=e;const U=(0,p.useRef)(null),K=(0,p.useRef)((()=>{})),X=(0,p.useRef)(null),[Z,J]=(0,p.useState)(!1),[Q,ee]=(0,p.useState)(!1),[te,ne]=(0,p.useState)(!1),[ie,re]=(0,p.useState)(!!k),[ae,le]=(0,p.useState)(!1),[oe,se]=(0,p.useState)(!1),[de,ue]=(0,p.useState)(!1),[ce,pe]=(0,p.useState)(!1),{config:me,state:he,dispatch:ge,seekTo:ve}=(0,I.A)(k?null:U.current),fe=!!(m&&y&&b),Ee=(0,p.useRef)({sessionTime:0,startTime:0,timer:0}),{showGetAppPopup:xe}=(0,A.ji)(),{checkSubscription:be,isSubscriptionInprogress:ye}=(0,_.pW)(),{isSubscriber:we,isLoading:Se,setIsSubscriber:Te}=(0,D.H7)(),_e=x&&!we,{selectedMediaSources:Le,selectedMediaFormat:ke}=(0,p.useMemo)((()=>!_e&&f&&f.length>0?{selectedMediaFormat:"video",selectedMediaSources:f}:_e&&v&&v.length>0?{selectedMediaFormat:"audio",selectedMediaSources:v}:g&&g.length>0?{selectedMediaFormat:"audio",selectedMediaSources:g}:{selectedMediaFormat:"audio",selectedMediaSources:[]}),[_e,v,g,f]),Pe="audio"===ke,{mediaSrc:je,updateMediaIndex:Ce}=(0,L.A)(Le),Me=k?ce:de,{isMdScreen:Ae,isLgScreen:Ie}=(0,M.A)(),[De,Fe]=(0,p.useState)(W),{trackGAClickEvent:Oe}=(0,C.s)(),ze=he.isLoading||ye||Se,Re=Ie?"0.8":"1",Ne=!Ae,Ye=(0,p.useCallback)((()=>{var e,t,n,i;const r=document;return null!==(e=null!==(t=null!==(n=null!==(i=document.fullscreenElement)&&void 0!==i?i:r.webkitFullscreenElement)&&void 0!==n?n:r.mozFullScreenElement)&&void 0!==t?t:r.msFullscreenElement)&&void 0!==e?e:null}),[]);(0,p.useEffect)((()=>{Ee.current={sessionTime:0,startTime:0,timer:0},le(!1),ne(!1),se(!1),ue((e=>!k&&(e||!!Y))),pe((e=>!!k&&(e||!!Y))),k&&re(!0),ge({type:I.r.SET_PLAYED_TIME,value:0}),ge({type:I.r.SET_COMPLETED,value:!1})}),[je,ge,Y,k]),(0,p.useEffect)((()=>{ge({type:I.r.SET_LOADING,value:Me&&!!je})}),[ge,je,Me]),(0,p.useEffect)((()=>{he.isPlaying&&le(!0)}),[he.isPlaying]),(0,p.useEffect)((()=>{const e=()=>{Fe(W())};return e(),window.addEventListener("resize",e),window.addEventListener("orientationchange",e),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}}),[]),(0,p.useEffect)((()=>{k||(K.current=e=>{ve(e)})}),[ve,k]),(0,p.useEffect)((()=>{he.isPlaying&&!he.isLoading&&(Ee.current.timer=window.setInterval((()=>{Ee.current.sessionTime+=1}),1e3));const e=Ee.current;return()=>{clearInterval(e.timer)}}),[he.isPlaying,he.isLoading]),(0,p.useEffect)((()=>{const e=()=>{const e=document.documentElement,t=document.getElementById("root");Ye()||(ee(!1),e.classList.remove("overflow-hidden"),t&&t.style.setProperty("zoom",Re))};return document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),document.addEventListener("mozfullscreenchange",e),document.addEventListener("MSFullscreenChange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e),document.removeEventListener("mozfullscreenchange",e),document.removeEventListener("MSFullscreenChange",e)}}),[Ye,Re]),(0,p.useEffect)((()=>{var e,t;let n=null;const i=()=>{null===n&&(n=window.requestAnimationFrame((()=>{n=null,(()=>{var e,t;const n=Math.round(null!==(e=null===(t=window.visualViewport)||void 0===t?void 0:t.height)&&void 0!==e?e:window.innerHeight);if(X.current===n)return;X.current=n;const i=.01*n;document.documentElement.style.setProperty("--vh",`${i}px`)})()})))};return i(),Q?(window.addEventListener("resize",i),window.addEventListener("orientationchange",i),null===(e=window.visualViewport)||void 0===e||e.addEventListener("resize",i),null===(t=window.visualViewport)||void 0===t||t.addEventListener("scroll",i),()=>{var e,t;window.removeEventListener("resize",i),window.removeEventListener("orientationchange",i),null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",i),null===(t=window.visualViewport)||void 0===t||t.removeEventListener("scroll",i),null!==n&&window.cancelAnimationFrame(n)}):()=>{null!==n&&window.cancelAnimationFrame(n)}}),[Q]);const Ve=null!==(t=null!==(n=null===b||void 0===b?void 0:b.slug)&&void 0!==n?n:V)&&void 0!==t?t:"",Ge=(0,O.MV)(Ve,"rectangle","medium"),Be=(0,O.MV)(Ve,"rectangle","large"),Ue=De?Ge:Be,$e=(0,p.useCallback)((e=>{var t;null===(t=K.current)||void 0===t||t.call(K,e)}),[]),qe=(0,p.useCallback)((()=>{const e=Math.floor(he.playedTime),t=_e?30:Math.floor(he.duration);var n;return 0===e?_e?(0,j.Ds)(30):(0,j.Ds)(null!==(n=null!==h&&void 0!==h?h:t)&&void 0!==n?n:0):Number.isNaN(e)||Number.isNaN(t)||t<1?null:(0,j.Ds)(t-e)}),[h,_e,he.duration,he.playedTime]),He=(0,p.useCallback)((async()=>{const e=document.documentElement,t=document.getElementById("root"),n=document;ee(!1),e.classList.remove("overflow-hidden"),t&&t.style.setProperty("zoom",Re),Ne&&Ye()&&(n.exitFullscreen?await n.exitFullscreen():n.mozCancelFullScreen?await n.mozCancelFullScreen():n.webkitExitFullscreen?await n.webkitExitFullscreen():n.msExitFullscreen&&await n.msExitFullscreen())}),[Ye,Ne,Re]),We=(0,p.useCallback)((()=>{const e=document.documentElement,t=document.documentElement,n=document.getElementById("root");Q?He():(ee(!0),t.classList.add("overflow-hidden"),n&&n.style.setProperty("zoom","1"),Ne&&(e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()))}),[He,Q,Ne]),Ke=(0,p.useCallback)((()=>{Ae||ne(!0)}),[Ae]),Xe=(0,p.useCallback)((()=>

69{if(he.isCompleted&&Ae){(async()=>{try{(Q||Ye())&&await He()}finally{xe()}})()}else he.isCompleted&&ge({type:I.r.SET_PLAYED_TIME,value:0}),k?pe(!0):ue(!0),ge({type:I.r.SET_PLAY,value:!0}),ge({type:I.r.SET_COMPLETED,value:!1}),setTimeout((()=>{Oe({click_event_name:F.ef.PLAY_CLICKED,library_item_id:null!==m&&void 0!==m?m:"",tracking_object_type:"LIBRARY_ITEMS"})}),0)}),[ge,He,Q,Ye,m,Ae,xe,he.isCompleted,Oe,k]),Ze=(0,p.useCallback)((()=>{Se?se(!0):(se(!1),Xe())}),[Se,Xe]);(0,p.useEffect)((()=>{!Se&&oe&&(se(!1),Xe())}),[Se,oe,Xe]),(0,p.useEffect)((()=>{G&&(Ze(),null===B||void 0===B||B())}),[G,B,Ze]);const Je=(0,p.useCallback)((()=>{se(!1),ge({type:I.r.SET_PLAY,value:!1}),Ae&&ne(!1)}),[ge,Ae]),Qe=(0,p.useCallback)((()=>{if(ge({type:I.r.SET_PLAY,value:!1}),ge({type:I.r.SET_COMPLETED,value:!0}),!x||we){if(w){const e=Ee.current.sessionTime>he.duration?he.duration:Ee.current.sessionTime;w({startTime:Ee.current.startTime,duration:e,isFinished:!0,trackDuration:he.duration})}}else be((()=>{Te(!0),$e(0),ge({type:I.r.SET_PLAY,value:!0}),ge({type:I.r.SET_COMPLETED,value:!1})}),(()=>{ge({type:I.r.SET_LOADING,value:!1})}),{subscriptionMetaData:{subscription_reason:"web_premium_gm_paywall",subscription_reason_item_id:m,subscription_reason_item_type:"LIBRARY_ITEMS"}})}),[be,ge,m,we,x,w,$e,Te,he.duration]),et=(0,p.useCallback)((()=>{Ee.current.startTime=(new Date).getTime(),k&&re(!1)}),[k]),tt=(0,p.useCallback)((e=>{ge({type:I.r.SET_DURATION,value:e}),ge({type:I.r.SET_LOADING,value:!1})}),[ge]),nt=(0,p.useCallback)((e=>{ge({type:I.r.SET_PLAYED_TIME,value:e}),_e&&e>30&&($e(0),Qe())}),[ge,_e,Qe,$e]),it=(0,p.useCallback)((()=>{ge({type:I.r.SET_LOADING,value:!0})}),[ge]),rt=(0,p.useCallback)((()=>{ge({type:I.r.SET_LOADING,value:!1})}),[ge]),at=(0,p.useCallback)((()=>{J((e=>!e))}),[]),lt=(0,p.useCallback)(((e,t)=>{const n=Number(t);ge({type:I.r.SET_PLAYED_TIME,value:n}),$e(n)}),[ge,$e]),ot=(0,p.useCallback)((e=>{const t=parseFloat(e.target.value);ge({type:I.r.SET_VOLUME,value:t})}),[ge]),st={id:m,playing:he.isPlaying,volume:he.volume,onPlay:et,onDuration:tt,onProgress:nt,onBuffer:it,onBufferEnd:rt,onEnded:Qe,onError:Ce,registerSeekHandler:e=>{K.current=e},playerRef:U};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(i.a,{marginBottom:"19px",...Q?{position:"fixed",top:"0",left:"0",right:"0",bottom:"auto",paddingTop:"0",height:"calc(var(--vh, 1vh) * 100)",maxHeight:"calc(var(--vh, 1vh) * 100)",zIndex:99999,zoom:1}:{paddingTop:{base:"61.5%",md:"53.4%"},position:"relative"},children:[(0,E.jsx)(i.a,{position:"absolute",top:"0px",left:"0px",width:"100%",height:"100%",borderRadius:Q?0:{base:0,md:12},overflow:"hidden",_before:{content:'""',display:"block",top:"0px",left:"0px",position:"absolute",width:"100%",height:"100%",backgroundImage:"linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(24, 24, 24, 0.6) 100%)",backgroundColor:"rgba(0,0,0,0.05)"},children:k?(0,E.jsxs)(E.Fragment,{children:[ce&&(0,E.jsx)(p.Suspense,{fallback:(0,E.jsx)(E.Fragment,{}),children:(0,E.jsx)(H,{...st,poster:Ue,onPlayStateChange:e=>{ge({type:I.r.SET_PLAY,value:e})},videoSrc:null!==je&&void 0!==je?je:void 0,fakeVideo:Pe})}),(0,E.jsx)(r._,{className:"libraryItemPlayerImage",width:"100%",height:"100%",objectFit:"cover",objectPosition:"center",src:Ue,fetchPriority:"high",display:ie?"block":"none",pointerEvents:"none"})]}):(0,E.jsxs)(E.Fragment,{children:[de&&(0,E.jsx)(p.Suspense,{fallback:(0,E.jsx)(E.Fragment,{}),children:(0,E.jsx)($,{...st,config:me,audioSrc:null!==je&&void 0!==je?je:void 0})}),(0,E.jsx)(r._,{className:"libraryItemPlayerImage",width:"100%",height:"100%",objectFit:"cover",objectPosition:"center",src:Ue,fetchPriority:"high",display:k&&!ie?"none":"block",pointerEvents:"none"})]})}),x&&(0,E.jsx)(i.a,{position:"absolute",top:"24px",left:"0",children:(0,E.jsx)(a.I,{as:c.h,width:["75px","75px","132px"],height:["20px","20px","36px"]})}),m&&!te&&(0,E.jsx)(l.o,{position:"absolute",zIndex:10,top:0,bottom:0,left:0,right:0,display:{base:"flex",md:"none"},opacity:ae?0:1,pointerEvents:ae?"none":"auto",transition:"opacity 0.8s ease-in-out",onTransitionEnd:e=>{e.target===e.currentTarget&&"opacity"===e.propertyName&&ae&&ne(!0)},children:(0,E.jsx)(P,{play:Ze,onPlayClicked:Ke,pause:Je,isLoading:ze,isPlaying:!!he.isPlaying,showLoaderWhenPaused:!0,isDisabled:oe&&Se})}),(0,E.jsx)(i.a,{position:"absolute",width:"100%",height:"100%",top:"0",left:"0",paddingRight:{base:3,md:6},paddingTop:{base:3,md:6},paddingBottom:Q?{base:"calc(env(safe-area-inset-bottom, 0px) + 12px)",md:"calc(env(safe-area-inset-bottom, 0px) + 24px)"}:{base:3,md:6},paddingLeft:{base:3,md:10},display:"flex",flexWrap:"wrap",justifyContent:"flex-end",alignItems:"flex-end",zIndex:Q?99999:void 0,children:m&&(0,E.jsxs)(i.a,{width:"full",gap:4,alignItems:"end",display:"flex",opacity:{base:ae?1:0,md:1},transition:ae?"opacity 0.6s ease-in-out 0.3s":"opacity 0.3s ease-in-out",children:[(0,E.jsx)(S,{play:Ze,pause:Je,onPlayClicked:Ke,isPlaying:!!he.isPlaying,isLoading:ze,showLoaderWhenPaused:!0,isDisabled:oe&&Se,size:{base:"sm",md:"md"}}),(0,E.jsxs)(o.s,{grow:1,shrink:0,flexDirection:"column",children:[(0,E.jsx)(s.E,{as:"span",fontFamily:"Gelica",fontSize:{base:"20px",md:"24px"},color:"white",letterSpacing:"wider",position:"relative",fontWeight:"regular",zIndex:10,mb:1,opacity:ae?1:0,transition:ae?"opacity 0.6s ease-in-out 0.3s":"opacity 0.3s ease-in-out",id:"duration-on-played",children:qe()}),(0,E.jsx)(o.s,{shrink:0,alignItems:"center",height:{base:"32px",md:"40px"},zIndex:10,children:(0,E.jsx)(T.A,{max:he.duration,value:he.playedTime,onChangeSlider:lt})})]}),(0,E.jsx)(i.a,{position:"absolute",top:0,left:0,width:"full",height:"full",alignItems:"center",justifyContent:"center",opacity:ae?0:1,pointerEvents:"none",transition:"opacity 0.8s ease-in-out",display:{base:"none",md:"flex"},id:"duration-on-start",children:(0,E.jsx)(s.E,{as:"span",fontFamily:"Gelica",fontSize:"5xl",color:"white",letterSpacing:"wider",position:"relative",fontWeight:"light",zIndex:10,children:qe()})}),(0,E.jsx)(N,{ariaLabel:"full screen",onClick:We,icon:(0,E.jsx)(a.I,{as:z.h,width:{base:"24px",md:"36px"},height:{base:"16px",md:"24px"}}),size:{base:"sm",md:"md"},width:void 0,height:void 0}),(0,E.jsxs)(i.a,{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",children:[(0,E.jsx)(N,{ariaLabel:"volume",onClick:at,icon:(0,E.jsx)(a.I,{as:R.h,width:{base:"24px",md:"36px"},height:{base:"24px",md:"36px"}}),size:{base:"sm",md:"md"},width:void 0,height:void 0}),Z&&(0,E.jsx)(i.a,{display:"flex",py:1,px:2,zIndex:20,position:"absolute",left:"50%",bottom:{base:"calc(100% + 66px)",md:"calc(100% + 74px)"},transform:"translateX(-50%) rotate(270deg)",transformOrigin:"center",backgroundColor:"transparent",children:(0,E.jsx)("input",{type:"range",min:0,max:1,step:"any",value:he.volume,onChange:ot})})]})]})})]}),fe&&(0,E.jsxs)(d.z,{paddingX:["19px","19px",0,0],children:[(0,E.jsx)(u.h,{}),(0,E.jsx)(p.Suspense,{fallback:(0,E.jsx)(i.a,{height:"40px"}

69),children:(0,E.jsx)(q,{libraryItemSummary:b})})]})]})}},45969:(e,t,n)=>{n.d(t,{A:()=>r});var i=n(95254);function r(e){const[t,n]=(0,i.useState)(0),[r,a]=(0,i.useState)((null===e||void 0===e?void 0:e[t])||null),l=(0,i.useMemo)((()=>!(!Array.isArray(e)||!e.length)&&t>=e.length),[t,e]);(0,i.useEffect)((()=>{n(0)}),[e]),(0,i.useEffect)((()=>{if(!Array.isArray(e)||!e.length||!e[t])return void a(null);const n=e[t];a(n)}),[e,t]);return{mediaSrc:r,updateMediaIndex:(0,i.useCallback)((()=>{n((e=>"number"!==typeof e||Number.isNaN(e)?0:e+1))}),[n]),endOfMedia:l}}},74756:(e,t,n)=>{n.d(t,{Ds:()=>u,Jq:()=>o,PI:()=>c,QZ:()=>d,uj:()=>s});var i=n(73999),r=n.n(i),a=n(34969),l=n.n(a);r().extend(l());const o=(e,t)=>{if(e){const n=Math.floor(e/60);return e>59?`${n} min${n>1&&t?"s":""}`:`${e} sec`}return""},s=()=>{const e=r()();return{epoch:e.valueOf(),iso_8601_datetime_tz:e.toISOString()}},d=e=>r()().year()===r()(e).year(),u=e=>{if(0===e)return"00:00";const t=e=>`0${e}`.slice(-2),n=new Date(1e3*e),i=n.getUTCHours(),r=t(n.getUTCMinutes().toString()),a=t(n.getUTCSeconds().toString());return i?`${i}:${r}:${a}`:`${r}:${a}`},c=e=>r()(e).fromNow()},79259:(e,t,n)=>{n.d(t,{h:()=>s});var i,r,a=n(95254);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l.apply(null,arguments)}function o(e,t){let{title:n,titleId:o,...s}=e;return a.createElement("svg",l({width:"13px",height:"14px",viewBox:"0 0 13 14",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",ref:t,"aria-labelledby":o},s),void 0===n?a.createElement("title",{id:o},"Combined Shape"):n?a.createElement("title",{id:o},n):null,i||(i=a.createElement("desc",null,"Created with Sketch.")),r||(r=a.createElement("g",{id:"UI-Designs-2019",stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"},a.createElement("g",{id:"Music---Featured-coure",transform:"translate(-316.000000, -413.000000)",fill:"#404040"},a.createElement("g",{id:"Group-14",transform:"translate(17.000000, 252.000000)"},a.createElement("g",{id:"Group-6"},a.createElement("g",{id:"Group-6-Copy-2"},a.createElement("g",{id:"Group-6-Copy-12"},a.createElement("g",{id:"Group-2",transform:"translate(15.000000, 161.000000)"},a.createElement("g",{id:"Group-19-Copy",transform:"translate(284.000000, 0.000000)"},a.createElement("path",{d:"M0.428571429,1.37789015 L0.428571429,12.6221099 C0.428571429,13.1743946 0.876286679,13.6221099 1.42857143,13.6221099 C1.59216296,13.6221099 1.7532564,13.5819754 1.89772665,13.5052256 L12.4805217,7.88311572 C12.968253,7.62400844 13.1535894,7.01857612 12.8944822,6.53084477 C12.80088,6.35465244 12.656714,6.21048646 12.4805217,6.11688428 L1.89772665,0.494774428 C1.40999531,0.235667151 0.804562986,0.421003577 0.545455709,0.908734922 C0.468705885,1.05320518 0.428571429,1.21429861 0.428571429,1.37789015 Z",id:"Combined-Shape"})))))))))))}const s=a.forwardRef(o);n.p},80467:(e,t,n)=>{n.d(t,{h:()=>o});var i,r=n(95254);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},a.apply(null,arguments)}function l(e,t){let{title:n,titleId:l,...o}=e;return r.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:26,height:22,viewBox:"0 0 26 22",ref:t,"aria-labelledby":l},o),n?r.createElement("title",{id:l},n):null,i||(i=r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("path",{fill:"#FFF",d:"M12.1 1.093v18.776a.5.5 0 0 1-.829.377l-5.504-4.789H1a1 1 0 0 1-1-1V6.472a1 1 0 0 1 1-1h4.767L11.272.715a.5.5 0 0 1 .827.378z"}),r.createElement("path",{stroke:"#FFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M20.901 1.384c4.765 6.161 4.765 12.34 0 18.538M16.639 6.115c2.016 3.016 2.016 6.042 0 9.076"}))))}const o=r.forwardRef(l);n.p},87569:(e,t,n)=>{n.d(t,{A:()=>s,r:()=>a});var i=n(95254),r=n(37783);let a=function(e){return e[e.SET_PLAY=0]="SET_PLAY",e[e.SET_MUTE=1]="SET_MUTE",e[e.SET_DURATION=2]="SET_DURATION",e[e.SET_LOADING=3]="SET_LOADING",e[e.SET_SEEKING=4]="SET_SEEKING",e[e.SET_PLAYED_TIME=5]="SET_PLAYED_TIME",e[e.SET_VOLUME=6]="SET_VOLUME",e[e.SET_READY_TO_PLAY=7]="SET_READY_TO_PLAY",e[e.SET_COMPLETED=8]="SET_COMPLETED",e}({});const l={isReadyToPlay:!1,isLoading:!0,isPlaying:void 0,isMuted:!1,isCompleted:!1,volume:.7,duration:0,playedTime:0},o=(e,t)=>{switch(t.type){case a.SET_READY_TO_PLAY:return{...e,isReadyToPlay:t.value};case a.SET_PLAY:return{...e,isPlaying:t.value};case a.SET_MUTE:return{...e,isMuted:t.value};case a.SET_VOLUME:return{...e,volume:t.value};case a.SET_DURATION:return{...e,duration:t.value};case a.SET_LOADING:return{...e,isLoading:t.value};case a.SET_PLAYED_TIME:return{...e,playedTime:t.value};case a.SET_COMPLETED:return{...e,isCompleted:t.value};default:return e}};function s(e){const[t,n]=(0,i.useReducer)(o,l);let a=!1;r.nr&&!function(){const e=document.createElement("video"),t=""!==e.canPlayType("application/vnd.apple.mpegurl");return e.remove(),t}()&&(a=!0);return{config:{file:{attributes:{crossOrigin:"true"},forceAudio:!0,hlsVersion:"0.14.11",forceHLS:a,hlsOptions:{maxBufferLength:60}}},state:t,dispatch:n,seekTo:(0,i.useCallback)((t=>{null!=e&&e.seekTo(t)}),[e])}}}}]);
70//# sourceMappingURL=library-item-player.70bcc349.chunk.js.map