https://gcd.studio/_next/static/chunks/reactPlayerPreview.9f0ace67c564c46b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[353],{22095:(e,t,r)=>{var n=r(83095),o=r(26097),a=r(95835),i=r(37936),l=r(83922),u=r(32249);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){n(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(f=function(){return!!e})()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var d=Object.create,h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,b=Object.getOwnPropertyNames,m=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty,g=function(e,t,r,n){if(t&&"object"==typeof t||"function"==typeof t){var o,a=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return p(e,void 0);var r=({}).toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,t):void 0}}(e))){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}(b(t));try{for(a.s();!(o=a.n()).done;)!function(){var a=o.value;v.call(e,a)||a===r||h(e,a,{get:function(){return t[a]},enumerable:!(n=y(t,a))||n.enumerable})}()}catch(e){a.e(e)}finally{a.f()}}return e},O=function(e,t,r){var n;return(n="symbol"!=typeof t?t+"":t)in e?h(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,r},w={};!function(e,t){for(var r in t)h(e,r,{get:t[r],enumerable:!0})}(w,{default:function(){return P}}),e.exports=g(h({},"__esModule",{value:!0}),w);var j=function(e,t,r){return r=null!=e?d(m(e)):{},g(e&&e.__esModule?r:h(r,"default",{value:e,enumerable:!0}),e)}(r(14232)),k="64px",_={},P=function(e){"use strict";function t(){var e,r,n;return o(this,t),r=t,n=arguments,r=l(r),O(e=i(this,f()?Reflect.construct(r,n||[],l(this).constructor):r.apply(this,n)),"mounted",!1),O(e,"state",{image:null}),O(e,"handleKeyPress",function(t){("Enter"===t.key||" "===t.key)&&e.props.onClick()}),e}

1return u(t,e),a(t,[{key:"componentDidMount",value:function(){this.mounted=!0,this.fetchImage(this.props)}},{key:"componentDidUpdate",value:function(e){var t=this.props,r=t.url,n=t.light;(e.url!==r||e.light!==n)&&this.fetchImage(this.props)}},{key:"componentWillUnmount",value:function(){this.mounted=!1}},{key:"fetchImage",value:function(e){var t=this,r=e.url,n=e.light,o=e.oEmbedUrl;if(!j.default.isValidElement(n))return"string"==typeof n?void this.setState({image:n}):_[r]?void this.setState({image:_[r]}):(this.setState({image:null}),window.fetch(o.replace("{url}",r)).then(function(e){return e.json()}).then(function(e){if(e.thumbnail_url&&t.mounted){var n=e.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");t.setState({image:n}),_[r]=n}}))}},{key:"render",value:function(){var e=this.props,t=e.light,r=e.onClick,n=e.playIcon,o=e.previewTabIndex,a=e.previewAriaLabel,i=this.state.image,l=j.default.isValidElement(t),u={display:"flex",alignItems:"center",justifyContent:"center"},c={preview:s({width:"100%",height:"100%",backgroundImage:i&&!l?"url(".concat(i,")"):void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer"},u),shadow:s({background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:k,width:k,height:k,position:l?"absolute":void 0},u),playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},f=j.default.createElement("div",{style:c.shadow,className:"react-player__shadow"},j.default.createElement("div",{style:c.playIcon,className:"react-player__play-icon"}));return j.default.createElement("div",s({style:c.preview,className:"react-player__preview",onClick:r,tabIndex:o,onKeyPress:this.handleKeyPress},a?{"aria-label":a}:{}),l?t:null,n||f)}}])}(j.Component)}}]);