/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/alan-audio20@1.0.1/ReactPlayer.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_emptyPoster=_interopRequireDefault(require("./assets/icons/empty-poster.svg")),_mute=_interopRequireDefault(require("./assets/icons/mute.svg")),_unMute=_interopRequireDefault(require("./assets/icons/unMute.svg")),_pause=_interopRequireDefault(require("./assets/icons/pause.svg")),_pauseBlack=_interopRequireDefault(require("./assets/icons/pause-black.svg")),_play=_interopRequireDefault(require("./assets/icons/play.svg")),_playBlack=_interopRequireDefault(require("./assets/icons/play-black.svg")),_backward5Seconds=_interopRequireDefault(require("./assets/icons/backward-5-seconds.svg")),_backward5SecondsBlack=_interopRequireDefault(require("./assets/icons/backward-5-seconds-black.svg")),_forward5Seconds=_interopRequireDefault(require("./assets/icons/forward-5-seconds.svg")),_forward5SecondsBlack=_interopRequireDefault(require("./assets/icons/forward-5-seconds-black.svg")),_useWindowSize=_interopRequireDefault(require("./hooks/useWindowSize"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(_getRequireWildcardCache=function(e){return e?r:t})(e)}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=_getRequireWildcardCache(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var n=u?Object.getOwnPropertyDescriptor(e,c):null;n&&(n.get||n.set)?Object.defineProperty(a,c,n):a[c]=e[c]}return a.default=e,r&&r.set(e,a),a}function ReactPlayer({src:e,artistImage:t=_emptyPoster.default,title:r}){const[a,u]=(0,_react.useState)(!1),[c,n]=(0,_react.useState)(0),[l,s]=(0,_react.useState)(0),[i,o]=(0,_react.useState)(50),[d,f]=(0,_react.useState)(!1),_=(0,_react.useRef)(),p=(0,_react.useRef)(),m=(0,_react.useRef)(!1);(0,_react.useEffect)((()=>{m.current||(m.current=!0)}),[]),(0,_react.useEffect)((()=>{g(),p.current.value=Math.floor(_.current.currentTime),p.current.style.setProperty("--move-progressbar",p.current.value/q(_.current.duration)*100+"%"),l>=_.current.duration&&(u(!1),_.current.currentTime=0)}),[l,a]),(0,_react.useEffect)((()=>{g()}),[]);const g=()=>{const e=Math.floor(_.current.duration);p.current.max=e,n(e)},v=async()=>{try{const e=a;u(!e),e?k():await y()}catch(e){}},y=async()=>{try{await _.current.play(),s(p.current.value),_.current.currentTime=p.current.value}catch{console.log("play promise failed, retrying...")}},k=async()=>{try{await _.current.pause(),s(p.current.value),_.current.currentTime=p.current.value}catch{console.log("pause promise failed, retrying...")}},q=e=>{const t=Math.floor(e/60),r=t<10?`0${t}`:`${t}`,a=Math.floor(e%60);return`${r}:${a<10?`0${a}`:`${a}`}`},{width:b}=(0,_useWindowSize.default)();return _react.default.createElement("div",{className:"App"},_react.default.createElement("audio",{ref:_,src:e,preload:"metadata",onLoadedMetadata:g,onTimeUpdate:()=>s(_.current.currentTime,n(_.current.duration))}),_react.default.createElement("div",{className:"audio-player"},_react.default.createElement("div",{className:"audio-player__poster"},_react.default.createElement("img",{src:t,alt:"audio-poster"})),_react.default.createElement("div",null,_react.default.createElement("div",{className:"audio-player__artist"},r),_react.default.createElement("div",{style:{display:"flex",alignItems:"center",marginTop:"40px"}},_react.default.createElement("div",{className:"audio-player__timer"},_react.default.createElement("span",{className:"timer-start"},q(l)),_react.default.createElement("input",{className:"timer-range",type:"range",defaultValue:"0",ref:p,onChange:async()=>{a?await y():await k()},style:b>768?{background:`linear-gradient(to right, white ${l/c*100}%, rgba(255,255,255,0.3) 0)`}:{background:`linear-gradient(to right, black ${l/c*100}%, rgba(20,20,42,0.4) 0)`}}),_react.default.createElement("span",{className:"timer-end"},c?q(c):"00:00")),b>768&&_react.default.createElement("div",{className:"audio-player__volume"},_react.default.createElement("img",{src:d?_mute.default:_unMute.default,onClick:()=>{d?(f(!1),o(50),_.current.volume=.5):(f(!0),o(0),_.current.volume=0)},alt:"volume-range"}),_react.default.createElement("input",{type:"range",min:"0",max:"100",defaultValue:"50",value:i,className:"volume-range",onChange:e=>{o(+e.target.value),0==+e.target.value?f(!0):f(!1),_.current.volume=e.target.value/100},style:{background:`linear-gradient(to right, white ${i}%, rgba(255,255,255,0.3) 0)`}}))),_react.default.createElement("div",{className:"audio-player__control"},_react.default.createElement("img",{src:b>768?_backward5Seconds.default:_backward5SecondsBlack.default,alt:"previous-button",onClick:()=>{s(+p.current.value-5),_.current.currentTime=+p.current.value-5}}),b>768&&_react.default.createElement("img",{src:a?_pause.default:_play.default,alt:"play-button",onClick:v}),b<768&&_react.default.createElement("img",{src:a?_pauseBlack.default:_playBlack.default,alt:"play-button",onClick:v}),_react.default.createElement("img",{src:b>768?_forward5Seconds.default:_forward5SecondsBlack.default,alt:"forward-button",onClick:()=>{s(+p.current.value+5),_.current.currentTime=+p.current.value+5}})))))}var _default=ReactPlayer;exports.default=_default;
//# sourceMappingURL=/sm/e30c43477df8eb78033e43a06ec6b08329cc8fc1b462ed5d41299dae047d228a.map