https://www.zeppelin.com/_next/static/chunks/reactPlayerPreview.f5d952b84ee828f3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6353],{9533:(e,t,r)=>{r.r(t),r.d(t,{P:()=>u,default:()=>s});var a,l,n=r(7060),i=r(2115),o=function(){let e;if(l)return a;l=1;var t=Object.create,r=Object.defineProperty,n=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,p=(e,t,a,l)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let i of o(t))u.call(e,i)||i===a||r(e,i,{get:()=>t[i],enumerable:!(l=n(t,i))||l.enumerable});return e},d=(e,t,a)=>{let l;return(l="symbol"!=typeof t?t+"":t)in e?r(e,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[l]=a,a},c={};((e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})})(c,{default:()=>b}),a=p(r({},"__esModule",{value:!0}),c);var h=(e=null!=i?t(s(i)):{},p(i&&i.__esModule?e:r(e,"default",{value:i,enumerable:!0}),i));let f="64px",g={};class b extends h.Component{constructor(){super(...arguments),d(this,"mounted",!1),d(this,"state",{image:null}),d(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(!h.default.isValidElement(t))return"string"==typeof t?void this.setState({image:t}):g[e]?void this.setState({image:g[e]}):(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:a,previewAriaLabel:l}=this.props,{image:n}=this.state,i=h.default.isValidElement(e),o={display:"flex",alignItems:"center",justifyContent:"center"},s={preview:{width:"100%",height:"100%",backgroundImage:n&&!i?`url(${n})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...o},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:f,width:f,height:f,position:i?"absolute":void 0,...o},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},u=h.default.createElement("div",{style:s.shadow,className:"react-player__shadow"},h.default.createElement("div",{style:s.playIcon,className:"react-player__play-icon"}));return h.default.createElement("div",{style:s.preview,className:"react-player__preview",onClick:t,tabIndex:a,onKeyPress:this.handleKeyPress,...l?{"aria-label":l}:{}},i?e:null,r||u)}}return a}();let s=(0,n.gB)(o),u=function(e,t){for(var r=0;r<t.length;r++){let a=t[r];if("string"!=typeof a&&!Array.isArray(a)){for(let t in a)if("default"!==t&&!(t in e)){let r=Object.getOwnPropertyDescriptor(a,t);r&&Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>a[t]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}({__proto__:null,default:s},[o])}}]);