https://www.thepowerplant.org/_next/static/chunks/reactPlayerPreview.67a3ace6ae9d3447.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="137dbb70-8591-4b0d-81e0-e5daa9f14944",e._sentryDebugIdIdentifier="sentry-dbid-137dbb70-8591-4b0d-81e0-e5daa9f14944")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7664],{4885:function(e,t,r){let n,a,i;var s=Object.create,l=Object.defineProperty,o=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,u=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,c=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of d(t))p.call(e,a)||a===r||l(e,a,{get:()=>t[a],enumerable:!(n=o(t,a))||n.enumerable});return e},b=(e,t,r)=>(c(e,"symbol"!=typeof t?t+"":t,r),r),f={};((e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})})(f,{default:()=>w}),e.exports=h(l({},"__esModule",{value:!0}),f);var y=(i=null!=(n=r(1248))?s(u(n)):{},h(!a&&n&&n.__esModule?i:l(i,"default",{value:n,enumerable:!0}),n));let m="64px",g={};class w extends y.Component{constructor(){super(...arguments),b(this,"mounted",!1),b(this,"state",{image:null}),b(this,"handleKeyPress",e=>{("Enter"===e.key||" "===e.key)&&this.props.onClick()})}componentDidMount(){this.mounted=!0,this.fetchImage(this.props)}componentDidUpdate(e){let{url:t,light:r}=this.props;(e.url!==t||e.light!==r)&&this.fetchImage(this.props)}componentWillUnmount(){this.mounted=!1}fetchImage({url:e,light:t,oEmbedUrl:r}){if(!y.default.isValidElement(t)){if("string"==typeof t){this.setState({image:t});return}if(g[e]){this.setState({image:g[e]});return}return this.setState({image:null}),window.fetch(r.replace("{url}",e)).then(e=>e.json()).then(t=>{if(t.thumbnail_url&&this.mounted){let r=t.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");this.setState({image:r}),g[e]=r}})}}render(){let{light:e,onClick:t,playIcon:r,previewTabIndex:n,previewAriaLabel:a}=this.props,{image:i}=this.state,s=y.default.isValidElement(e),l={display:"flex",alignItems:"center",justifyContent:"center"},o={preview:{width:"100%",height:"100%",backgroundImage:i&&!s?`url(${i})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...l},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:m,width:m,height:m,position:s?"absolute":void 0,...l},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},d=y.default.createElement("div",{style:o.shadow,className:"react-player__shadow"},y.default.createElement("div",{style:o.playIcon,className:"react-player__play-icon"}));return y.default.createElement("div",{style:o.preview,className:"react-player__preview",onClick:t,tabIndex:n,onKeyPress:this.handleKeyPress,...a?{"aria-label":a}:{}},s?e:null,r||d)}}}}]);