From 0056e1ed8fe7b06a6ff4fc2f30910afcdbb1bda1 Mon Sep 17 00:00:00 2001 From: Markos Gogoulos Date: Thu, 19 Feb 2026 19:36:48 +0200 Subject: [PATCH] wtv --- cms/version.py | 2 +- .../src/static/js/components/media-viewer/VideoViewer/index.js | 2 +- static/js/embed.js | 2 +- static/js/media.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/cms/version.py b/cms/version.py index 4b535d66..119db12c 100644 --- a/cms/version.py +++ b/cms/version.py @@ -1 +1 @@ -VERSION = "7.9c" +VERSION = "7.9d" diff --git a/frontend/src/static/js/components/media-viewer/VideoViewer/index.js b/frontend/src/static/js/components/media-viewer/VideoViewer/index.js index d62eff94..b93d152a 100644 --- a/frontend/src/static/js/components/media-viewer/VideoViewer/index.js +++ b/frontend/src/static/js/components/media-viewer/VideoViewer/index.js @@ -176,7 +176,7 @@ export default class VideoViewer extends React.PureComponent { topLeftHtml = document.createElement('div'); topLeftHtml.setAttribute('class', 'media-links-top-left'); - const linkTarget = inEmbeddedApp() ? '_self' : '_blank'; + const linkTarget = inEmbeddedApp() ? '_top' : '_blank'; if (titleLink) { titleLink.setAttribute('class', 'title-link'); diff --git a/static/js/embed.js b/static/js/embed.js index 3ddf4acb..be82ea50 100644 --- a/static/js/embed.js +++ b/static/js/embed.js @@ -1 +1 @@ -!function(){"use strict";var e,t={285:function(e,t,n){var i,r=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||(i=function(e){return i=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},i(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=i(e),o=0;oe()))})),window.addEventListener("resize",(function(){e.window.resize.map((e=>e()))})),window.addEventListener("scroll",(function(){e.window.scroll.map((e=>e()))})),{doc:function(t){"function"==typeof t&&e.document.visibility.push(t)},win:function(t,n){"function"==typeof t&&e.window.resize.push(t),"function"==typeof n&&e.window.scroll.push(n)}}}},1254:function(e,t,n){n(9471),n(7460),n(5338),n(7591),n(8790),n(285),n(7664)},1470:function(e,t,n){n(9471)},1936:function(e,t,n){n(1254),n(3212),n(795),n(1470)},2140:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarThemeSwitcher=void 0;var r=i(n(9471)),a=n(5338);t.SidebarThemeSwitcher=function(){var e=(0,a.useTheme)(),t=e.currentThemeMode,n=e.changeThemeMode,i=e.themeModeSwitcher;return i.enabled&&"sidebar"===i.position&&r.default.createElement("div",{className:"sidebar-theme-switcher"},r.default.createElement("div",{className:"sidebar-theme-switcher-inner"},r.default.createElement("span",{className:"theme-icon"+("dark"===t?"":" active")},r.default.createElement("i",{className:"material-icons","data-icon":"wb_sunny"})),r.default.createElement("span",null,r.default.createElement("span",{className:"checkbox-switcher"},r.default.createElement("input",{type:"checkbox",checked:"dark"===t,onChange:n}))),r.default.createElement("span",{className:"theme-icon"+("dark"===t?" active":"")},r.default.createElement("i",{className:"material-icons","data-icon":"brightness_3"}))))}},2818:function(e,t,n){n.d(t,{OQ:function(){return d},n1:function(){return l},uW:function(){return c}});var i=n(8790),r=n(7591),a=n(8974);const o=["hls","h265","vp9","h264","vp8","mp4","theora"];function s(e,t){let n=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":n=!0;break;case"h265":n="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":n="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":n="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":n="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":n="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&a.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&a.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":a.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":a.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&a.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){a.warn(e)}return n}function l(e){let t=[],n={},i=document.createElement("video");return i.canPlayType&&(n.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(n.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(n.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(n.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(n.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(n.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(n.mp4=!0,t.push("mp4"))),{order:t,support:n}}function c(e,t,n){const c={};let d,u,m;n=void 0===n?l():n;const p={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(d in t)t.hasOwnProperty(d)&&(u=null,"master_file"===d?u="Auto":(u=d.split("_playlist"),u=2===u.length?u[0]:null),null!==u&&(c[u]=void 0===c[u]?{format:[],url:[]}:c[u],c[u].format.push("hls"),c[u].url.push((0,r.formatInnerLink)(t[d],i.SiteContext._currentValue.url))));for(u in e)if(e.hasOwnProperty(u)&&Object.keys(e[u]).length&&(1080>=parseInt(u,10)||1080=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(n=i.length-1;n>=0;){if(parseInt(e,10)>=parseInt(i[n],10))return i[n+1];n-=1}}},2828:function(e,t,n){n.d(t,{Z:function(){return r}});var i=n(9471);const r=e=>{let{type:t}=e;return t?i.createElement("i",{className:"material-icons","data-icon":t}):null}},2901:function(e,t,n){var i=n(9471);const r=i.forwardRef(((e,t)=>void 0!==e.children?i.createElement("div",{ref:t,className:"popup"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null));t.Ay=r},3135:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r),o=n(2828);function s(e){const[t,n]=(0,i.useState)(e.active);return i.createElement("div",{className:"mi-filters-toggle"},i.createElement("button",{className:t?"active":"","aria-label":"Filter",onClick:function(){n(!t),void 0!==e.onClick&&e.onClick()}},i.createElement(o.Z,{type:"filter_list"}),i.createElement("span",{className:"filter-button-label"},i.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}s.propTypes={onClick:a().func,active:a().bool},s.defaultProps={active:!1}},3212:function(e,t,n){n(9471),n(5338),n(1470)},3818:function(e,t,n){n(9471);var i=n(8713),r=n.n(i);r().string,r().array.isRequired,r().string,r().number,r().number,r().number,r().func,r().func},4463:function(e,t,n){n.r(t),n.d(t,{UserConsumer:function(){return l},UserContext:function(){return a},UserProvider:function(){return s}});var i=n(9471),r=n(3997);const a=(0,i.createContext)(),o=(0,r.$)(window.MediaCMS).member,s=e=>{let{children:t}=e;const n={isAnonymous:o.is.anonymous,username:o.username,thumbnail:o.thumbnail,userCan:o.can,pages:o.pages};return i.createElement(a.Provider,{value:n},t)},l=a.Consumer;t.default=a},5305:function(e,t,n){var i=n(9471),r=n(9834),a=n(8713),o=n.n(a);function s(e){const t=(0,i.useRef)(null),[n,a]=(0,i.useState)(null);let o=[];function s(t,n){var i;n.preventDefault(),n.stopPropagation(),i=o[t].id,void 0!==e.pages[i]&&a(i)}return(0,i.useEffect)((()=>{void 0!==e.pages[e.initPage]?a(e.initPage):Object.keys(e.pages).length?a(Object.keys(e.pages)[0]):a(null)}),[e.initPage]),(0,i.useEffect)((()=>{!function(){let e=0;for(;et=>s(e,t))(n),o[n].elem.addEventListener("click",o[n].listener)),n+=1;e.focusFirstItemOnPageChange&&a.focus()}(),"function"==typeof e.pageChangeCallback&&e.pageChangeCallback(n))}),[n]),n?i.createElement("div",{ref:t},i.cloneElement(e.pages[n])):null}s.propTypes={initPage:o().string,pages:o().object.isRequired,pageChangeSelector:o().string.isRequired,pageIdSelectorAttr:o().string.isRequired,focusFirstItemOnPageChange:o().bool,pageChangeCallback:o().func},s.defaultProps={focusFirstItemOnPageChange:!0}},5320:function(e,t,n){n.r(t),n.d(t,{LayoutConsumer:function(){return u},LayoutContext:function(){return c},LayoutProvider:function(){return d}});var i=n(9471),r=n(7154),a=n(7460),o=n(7591),s=n(8899);let l;const c=(0,i.createContext)(),d=e=>{let{children:t}=e;const n=(0,i.useContext)(s.default),d=new r.BrowserCache("MediaCMS["+n.id+"][layout]",86400),u=(0,i.useMemo)((()=>"media"===a.PageStore.get("current-page")),[]),m=(0,i.useMemo)((()=>(0,o.inEmbeddedApp)()),[]),p=Boolean(document.getElementById("app-sidebar")||document.querySelector(".page-sidebar")),[f,h]=(0,i.useState)(d.get("visible-sidebar")),[v,g]=(0,i.useState)(!1);(0,i.useEffect)((()=>{!m&&f?(0,o.addClassname)(document.body,"visible-sidebar"):(0,o.removeClassname)(document.body,"visible-sidebar"),!m&&!u&&1023{a.PageStore.once("page_init",(()=>{(m||u)&&(h(!1),(0,o.removeClassname)(document.body,"visible-sidebar"))})),h(!m&&!u&&1023{g(!v)},toggleSidebar:()=>{const e=!f;!function(e){clearTimeout(l),(0,o.addClassname)(document.body,"sliding-sidebar"),l=setTimeout((function(){"media"===a.PageStore.get("current-page")?e?(0,o.addClassname)(document.body,"overflow-hidden"):(0,o.removeClassname)(document.body,"overflow-hidden"):!e||767{let{children:t}=e;const n=(0,i.useContext)(s.default),o=new r.BrowserCache("MediaCMS["+n.id+"][theme]",86400),[d,u]=(0,i.useState)((m=o.get("mode"),p=l.theme.mode,"light"===m||"dark"===m?m:p));var m,p;const f=function(e){let t=null,n=null;return void 0!==e.darkMode&&((0,a.supportsSvgAsImg)()&&void 0!==e.darkMode.svg&&""!==e.darkMode.svg?n=e.darkMode.svg:void 0!==e.darkMode.img&&""!==e.darkMode.img&&(n=e.darkMode.img)),void 0!==e.lightMode&&((0,a.supportsSvgAsImg)()&&void 0!==e.lightMode.svg&&""!==e.lightMode.svg?t=e.lightMode.svg:void 0!==e.lightMode.img&&""!==e.lightMode.img&&(t=e.lightMode.img)),null===t&&null===n||(null===t?t=n:null===n&&(n=t)),{light:t,dark:n}}(l.theme.logo),[h,v]=(0,i.useState)(f[d]);(0,i.useEffect)((()=>{"dark"===d?(0,a.addClassname)(document.body,"dark_theme"):(0,a.removeClassname)(document.body,"dark_theme"),o.set("mode",d),v(f[d])}),[d]);const g={logo:h,currentThemeMode:d,changeThemeMode:()=>{u("light"===d?"dark":"light")},themeModeSwitcher:l.theme.switch};return i.createElement(c.Provider,{value:g},t)},u=c.Consumer},5630:function(e,t,n){n.d(t,{gR:function(){return a},p9:function(){return o},cN:function(){return s},Et:function(){return l},w3:function(){return c},rc:function(){return m},$2:function(){return p},Aj:function(){return d},fR:function(){return h},jf:function(){return f},Tr:function(){return u}});var i=n(9471),r=(n(4350),n(7591));function a(e){return""===e.description?null:i.createElement("div",{className:"item-description"},i.createElement("div",null,e.description))}function o(e){return i.createElement("div",{className:"item-main"},e.children)}function s(e){return i.createElement(o,null,i.createElement("a",{className:"item-content-link",href:e.link,title:e.title},e.children))}function l(e){return""===e.title?null:i.createElement("h3",null,i.createElement("span",{"aria-label":e.ariaLabel},e.title))}function c(e){return""===e.title?null:i.createElement("h3",null,i.createElement("a",{href:e.link,title:e.title},i.createElement("span",{"aria-label":e.ariaLabel},e.title)))}function d(e){let t=e.link;return t&&window.MediaCMS.site.devEnv&&(t="/edit-media.html"),t?i.createElement("a",{href:t,title:(0,r.translateString)("Edit media"),className:"item-edit-icon"},i.createElement("i",{className:"material-icons"},"edit")):null}function u(e){return e.link?i.createElement("a",{href:e.link,title:(0,r.translateString)("Publish media"),className:"item-view-icon"},i.createElement("i",{className:"material-icons"},"publish")):null}function m(e){return""===e.name?null:i.createElement("span",{className:"item-author"},i.createElement("span",null,e.name))}function p(e){return""===e.name?null:i.createElement("span",{className:"item-author"},i.createElement("a",{href:e.link,title:e.name},i.createElement("span",null,e.name)))}function f(e){return i.createElement("span",{className:"item-views"},(0,r.formatViewsNumber)(e.views)+" "+(1>=e.views?(0,r.translateString)("view"):(0,r.translateString)("views")))}function h(e){return i.createElement("span",{className:"item-date"},i.createElement("time",{dateTime:e.dateTime,content:e.time},e.text))}},5742:function(e,t){t.RJ=function(){try{var e=new URL(globalThis.location.href).searchParams.get("mode");return"lms_embed_mode"===e?(sessionStorage.setItem("lms_embed_mode","true"),!0):"standard"===e?(sessionStorage.removeItem("lms_embed_mode"),!1):"true"===sessionStorage.getItem("lms_embed_mode")}catch(e){return!1}}},6089:function(e,t,n){n(9471),n(6371)},6568:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r);function o(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}o.propTypes={size:a().oneOf(["tiny","x-small","small","medium","large","x-large"])},o.defaultProps={size:"medium"}},7154:function(e,t,n){var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(6077),t),r(n(4247),t),r(n(3337),t)},7201:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r),o=n(2828);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.createElement(l,s({key:t},e))));return t.length?i.createElement("div",{className:"nav-menu"+(e.removeVerticalPadding?" pv0":"")},i.createElement("nav",null,i.createElement("ul",null,t))):null}l.propTypes={itemType:a().oneOf(["link","open-subpage","button","label","div"]),link:a().string,icon:a().string,iconPos:a().oneOf(["left","right"]),text:a().string,active:a().bool,divAttr:a().object,buttonAttr:a().object,itemAttr:a().object,linkAttr:a().object},l.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:a().bool,items:a().arrayOf(a().shape(l.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,n){n(9471);var i=n(8713),r=n.n(i);n(2828),r().string.isRequired,r().string.isRequired,r().func.isRequired},7460:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.VideoViewerStore=t.SearchFieldStore=t.ProfilePageStore=t.PlaylistViewStore=t.PlaylistPageStore=t.PageStore=t.MediaPageStore=void 0;var r=i(n(2127));t.MediaPageStore=r.default;var a=i(n(6371));t.PageStore=a.default;var o=i(n(6841));t.PlaylistPageStore=o.default;var s=i(n(5503));t.PlaylistViewStore=s.default;var l=i(n(8580));t.ProfilePageStore=l.default;var c=i(n(4402));t.SearchFieldStore=c.default;var d=i(n(1309));t.VideoViewerStore=d.default},7591:function(e,t,n){n.d(t,{BrowserEvents:function(){return i.GT},addClassname:function(){return i.zc},cancelAnimationFrame:function(){return i.uU},csrfToken:function(){return d.G},deleteRequest:function(){return p.Fb},exportStore:function(){return a.A},formatInnerLink:function(){return l},formatViewsNumber:function(){return c.A},getRequest:function(){return p.iq},hasClassname:function(){return i.CX},inEmbeddedApp:function(){return v.RJ},isPositiveIntegerOrZero:function(){return u.tR},logErrorAndReturnError:function(){return r.m},logWarningAndReturnError:function(){return r.g},postRequest:function(){return p.MB},publishedOnDate:function(){return m.A},putRequest:function(){return p.zi},removeClassname:function(){return i.qk},replaceString:function(){return h.u},requestAnimationFrame:function(){return i.xi},supportsSvgAsImg:function(){return i.kN},translateString:function(){return f.g}});var i=n(1134),r=n(6403),a=n(977),o=n(4571),s=n.n(o);function l(e,t){let n=s()(e,{});return""!==n.origin&&"null"!==n.origin&&n.origin||(n=s()(t+"/"+e.replace(/^\//g,""),{})),n.toString()}var c=n(4632),d=n(5393),u=(n(8004),n(8354)),m=n(7673),p=n(9659),f=n(4036),h=n(4470),v=n(5742)},7664:function(e,t,n){n.d(t,{CircleIconButton:function(){return i.i}});var i=n(5321);n(7256),n(3135),n(2828),n(5305),n(7201),n(6089),n(3818),n(2901),n(6568),n(878)},8175:function(e,t,n){var i=n(9471),r=n(9834);n(5465),n(5320),n(4463),n(7591),n(1936),function(e,t){const n=e?document.getElementById(e):void 0;n&&t&&r.render(i.createElement(t,null),n)}("page-embed",n(9942).EmbedPage)},8354:function(e,t,n){n.d(t,{tR:function(){return i}});const i=e=>(e=>e===Math.trunc(e))(e)&&((e=>(e=>e>0)(e))(e)||(e=>0===e)(e))},8531:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});var i=n(9471),r=n(8713),a=n.n(r),o=n(285),s=n(8790),l=n(7460),c=n(7591),d=n(7154),u=n(2818),m=n(9237),p=n(8974);class f extends i.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":l.MediaPageStore.set("media-load-error-type","encodingRunning"),l.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":l.MediaPageStore.set("media-load-error-type","encodingPending"),l.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":l.MediaPageStore.set("media-load-error-type","encodingFailed"),l.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==l.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,c.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,c.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=(0,u.uW)(this.props.data.encodings_info,this.props.data.hls_info),Object.keys(this.videoInfo).length){let e=l.VideoViewerStore.get("video-quality");(null===e||"Auto"===e&&void 0===this.videoInfo.Auto)&&(e=720);let t=(0,u.OQ)(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const n=(0,u.n1)();let i,r;for(r=0;remailEmail1\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),n=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,c.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==n&&e.target!==t||(0,c.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){l.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&o.VideoViewerActions.set_viewer_mode(e.theaterMode),l.VideoViewerStore.get("player-volume")!==e.volume&&o.VideoViewerActions.set_player_volume(e.volume),l.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&o.VideoViewerActions.set_player_sound_muted(e.soundMuted),l.VideoViewerStore.get("video-quality")!==e.quality&&o.VideoViewerActions.set_video_quality(e.quality),l.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&o.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(l.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-next-media-url"),t=l.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const n=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return i.createElement(i.Fragment,null,i.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},i.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==l.MediaPageStore.get("media-load-error-type")?i.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},i.createElement(s.SiteConsumer,null,(r=>i.createElement(m.A,{data:this.props.data,useRoundedCorners:r.useRoundedCorners,version:r.version,isPlayList:!!l.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:r.id,siteUrl:r.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:n,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:l.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}f.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:a().string.isRequired},f.propTypes={inEmbed:a().bool,showTitle:a().bool,showRelated:a().bool,showUserAvatar:a().bool,linkTitle:a().bool,timestamp:a().number}},8790:function(e,t,n){var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(9781),t),r(n(3537),t),r(n(5320),t),r(n(2401),t),r(n(3496),t),r(n(9423),t),r(n(2579),t),r(n(9854),t),r(n(8899),t),r(n(5886),t),r(n(5465),t),r(n(4463),t)},8899:function(e,t,n){n.r(t),n.d(t,{SiteConsumer:function(){return o},SiteContext:function(){return a}});var i=n(9471),r=n(3997);const a=(0,i.createContext)((0,r.$)(window.MediaCMS).site),o=a.Consumer;t.default=a},9237:function(e,t,n){var i=n(9471),r=n(8974);const a=e=>{let{data:t,useRoundedCorners:n,version:a,isPlayList:o,playerVolume:s,playerSoundMuted:l,videoQuality:c,videoPlaybackSpeed:d,inTheaterMode:u,siteId:m,siteUrl:p,info:f,cornerLayers:h,sources:v,poster:g,previewSprite:b,subtitlesInfo:y,inEmbed:w,showTitle:P,showRelated:S,showUserAvatar:E,linkTitle:k,hasTheaterMode:_,hasNextLink:C,nextLink:M,hasPreviousLink:T,errorMessage:N,onClickNextCallback:A,onClickPreviousCallback:O,onStateUpdateCallback:j,onPlayerInitCallback:I}=e;const x=(0,i.useRef)(null),L=(0,i.useRef)(!1),V=(0,i.useRef)(null),R=(0,i.useRef)(w),U=e=>new URLSearchParams(window.location.search).get(e);(0,i.useEffect)((()=>{if(R.current=w,"undefined"!=typeof window){const e=U("t"),i=U("muted"),r=U("showRelated"),l=U("showUserAvatar"),x=U("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:n,version:a,isPlayList:o,playerVolume:s||.5,playerSoundMuted:"1"===i,videoQuality:c||"auto",videoPlaybackSpeed:d||1,inTheaterMode:u||!1,siteId:m||"",siteUrl:p||"",info:f||{},cornerLayers:h||[],sources:v||[],poster:g||"",previewSprite:b||null,subtitlesInfo:y||[],inEmbed:w||!1,showTitle:P||!1,showRelated:void 0!==S?S:"1"===r||"true"===r||null===r,showUserAvatar:void 0!==E?E:"1"===l||"true"===l||null===l,linkTitle:void 0!==k?k:"1"===x||"true"===x||null===x,hasTheaterMode:_||!1,hasNextLink:C||!1,nextLink:M||null,hasPreviousLink:T||!1,errorMessage:N||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===i,urlShowRelated:"1"===r||"true"===r,urlShowUserAvatar:"1"===l||"true"===l,urlLinkTitle:"1"===x||"true"===x,onClickNextCallback:A||null,onClickPreviousCallback:O||null,onStateUpdateCallback:j||null,onPlayerInitCallback:(e,t)=>{V.current=e,I&&I(e,t)}}}L.current||(q(),L.current=!0)}),[t,p,w]),(0,i.useEffect)((()=>{if(w&&x.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[w,x.current]),(0,i.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let n=null;if(V.current&&V.current.player&&(n=V.current.player),!n&&"undefined"!=typeof window&&window.videojsPlayers){const e=R.current?"video-embed":"video-main";n=window.videojsPlayers[e]}if(!n&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(R.current?"#video-embed":"#video-main");e&&e.player&&(n=e.player)}if(n){t>=0&&t=0&&n.play();const e=document.querySelector(R.current?"#video-embed":"#video-main");if(e){const t=U("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else r.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const q=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=p+"/static/video_js/video-js.css?v="+a,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=p+"/static/video_js/video-js.js?v="+a,document.head.appendChild(e)}};return i.createElement("div",{className:"video-js-wrapper",ref:x},w?i.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):i.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};a.defaultProps={data:{},siteUrl:""},t.A=a},9942:function(e,t,n){var i,r=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||(i=function(e){return i=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},i(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=i(e),o=0;o=a)&&Object.keys(i.O).every((function(e){return i.O[e](n[l])}))?n.splice(l--,1):(s=!1,a0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[n,r,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=722,function(){var e={722:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,o=n[0],s=n[1],l=n[2],c=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(l)var d=l(i)}for(t&&t(n);ce()))})),window.addEventListener("resize",(function(){e.window.resize.map((e=>e()))})),window.addEventListener("scroll",(function(){e.window.scroll.map((e=>e()))})),{doc:function(t){"function"==typeof t&&e.document.visibility.push(t)},win:function(t,n){"function"==typeof t&&e.window.resize.push(t),"function"==typeof n&&e.window.scroll.push(n)}}}},1254:function(e,t,n){n(9471),n(7460),n(5338),n(7591),n(8790),n(285),n(7664)},1470:function(e,t,n){n(9471)},1936:function(e,t,n){n(1254),n(3212),n(795),n(1470)},2140:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarThemeSwitcher=void 0;var r=i(n(9471)),a=n(5338);t.SidebarThemeSwitcher=function(){var e=(0,a.useTheme)(),t=e.currentThemeMode,n=e.changeThemeMode,i=e.themeModeSwitcher;return i.enabled&&"sidebar"===i.position&&r.default.createElement("div",{className:"sidebar-theme-switcher"},r.default.createElement("div",{className:"sidebar-theme-switcher-inner"},r.default.createElement("span",{className:"theme-icon"+("dark"===t?"":" active")},r.default.createElement("i",{className:"material-icons","data-icon":"wb_sunny"})),r.default.createElement("span",null,r.default.createElement("span",{className:"checkbox-switcher"},r.default.createElement("input",{type:"checkbox",checked:"dark"===t,onChange:n}))),r.default.createElement("span",{className:"theme-icon"+("dark"===t?" active":"")},r.default.createElement("i",{className:"material-icons","data-icon":"brightness_3"}))))}},2818:function(e,t,n){n.d(t,{OQ:function(){return d},n1:function(){return l},uW:function(){return c}});var i=n(8790),r=n(7591),a=n(8974);const o=["hls","h265","vp9","h264","vp8","mp4","theora"];function s(e,t){let n=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":n=!0;break;case"h265":n="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":n="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":n="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":n="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":n="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&a.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&a.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":a.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":a.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&a.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){a.warn(e)}return n}function l(e){let t=[],n={},i=document.createElement("video");return i.canPlayType&&(n.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(n.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(n.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(n.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(n.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(n.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(n.mp4=!0,t.push("mp4"))),{order:t,support:n}}function c(e,t,n){const c={};let d,u,m;n=void 0===n?l():n;const p={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(d in t)t.hasOwnProperty(d)&&(u=null,"master_file"===d?u="Auto":(u=d.split("_playlist"),u=2===u.length?u[0]:null),null!==u&&(c[u]=void 0===c[u]?{format:[],url:[]}:c[u],c[u].format.push("hls"),c[u].url.push((0,r.formatInnerLink)(t[d],i.SiteContext._currentValue.url))));for(u in e)if(e.hasOwnProperty(u)&&Object.keys(e[u]).length&&(1080>=parseInt(u,10)||1080=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(n=i.length-1;n>=0;){if(parseInt(e,10)>=parseInt(i[n],10))return i[n+1];n-=1}}},2828:function(e,t,n){n.d(t,{Z:function(){return r}});var i=n(9471);const r=e=>{let{type:t}=e;return t?i.createElement("i",{className:"material-icons","data-icon":t}):null}},2901:function(e,t,n){var i=n(9471);const r=i.forwardRef(((e,t)=>void 0!==e.children?i.createElement("div",{ref:t,className:"popup"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null));t.Ay=r},3135:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r),o=n(2828);function s(e){const[t,n]=(0,i.useState)(e.active);return i.createElement("div",{className:"mi-filters-toggle"},i.createElement("button",{className:t?"active":"","aria-label":"Filter",onClick:function(){n(!t),void 0!==e.onClick&&e.onClick()}},i.createElement(o.Z,{type:"filter_list"}),i.createElement("span",{className:"filter-button-label"},i.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}s.propTypes={onClick:a().func,active:a().bool},s.defaultProps={active:!1}},3212:function(e,t,n){n(9471),n(5338),n(1470)},3818:function(e,t,n){n(9471);var i=n(8713),r=n.n(i);r().string,r().array.isRequired,r().string,r().number,r().number,r().number,r().func,r().func},4463:function(e,t,n){n.r(t),n.d(t,{UserConsumer:function(){return l},UserContext:function(){return a},UserProvider:function(){return s}});var i=n(9471),r=n(3997);const a=(0,i.createContext)(),o=(0,r.$)(window.MediaCMS).member,s=e=>{let{children:t}=e;const n={isAnonymous:o.is.anonymous,username:o.username,thumbnail:o.thumbnail,userCan:o.can,pages:o.pages};return i.createElement(a.Provider,{value:n},t)},l=a.Consumer;t.default=a},5305:function(e,t,n){var i=n(9471),r=n(9834),a=n(8713),o=n.n(a);function s(e){const t=(0,i.useRef)(null),[n,a]=(0,i.useState)(null);let o=[];function s(t,n){var i;n.preventDefault(),n.stopPropagation(),i=o[t].id,void 0!==e.pages[i]&&a(i)}return(0,i.useEffect)((()=>{void 0!==e.pages[e.initPage]?a(e.initPage):Object.keys(e.pages).length?a(Object.keys(e.pages)[0]):a(null)}),[e.initPage]),(0,i.useEffect)((()=>{!function(){let e=0;for(;et=>s(e,t))(n),o[n].elem.addEventListener("click",o[n].listener)),n+=1;e.focusFirstItemOnPageChange&&a.focus()}(),"function"==typeof e.pageChangeCallback&&e.pageChangeCallback(n))}),[n]),n?i.createElement("div",{ref:t},i.cloneElement(e.pages[n])):null}s.propTypes={initPage:o().string,pages:o().object.isRequired,pageChangeSelector:o().string.isRequired,pageIdSelectorAttr:o().string.isRequired,focusFirstItemOnPageChange:o().bool,pageChangeCallback:o().func},s.defaultProps={focusFirstItemOnPageChange:!0}},5320:function(e,t,n){n.r(t),n.d(t,{LayoutConsumer:function(){return u},LayoutContext:function(){return c},LayoutProvider:function(){return d}});var i=n(9471),r=n(7154),a=n(7460),o=n(7591),s=n(8899);let l;const c=(0,i.createContext)(),d=e=>{let{children:t}=e;const n=(0,i.useContext)(s.default),d=new r.BrowserCache("MediaCMS["+n.id+"][layout]",86400),u=(0,i.useMemo)((()=>"media"===a.PageStore.get("current-page")),[]),m=(0,i.useMemo)((()=>(0,o.inEmbeddedApp)()),[]),p=Boolean(document.getElementById("app-sidebar")||document.querySelector(".page-sidebar")),[f,h]=(0,i.useState)(d.get("visible-sidebar")),[v,g]=(0,i.useState)(!1);(0,i.useEffect)((()=>{!m&&f?(0,o.addClassname)(document.body,"visible-sidebar"):(0,o.removeClassname)(document.body,"visible-sidebar"),!m&&!u&&1023{a.PageStore.once("page_init",(()=>{(m||u)&&(h(!1),(0,o.removeClassname)(document.body,"visible-sidebar"))})),h(!m&&!u&&1023{g(!v)},toggleSidebar:()=>{const e=!f;!function(e){clearTimeout(l),(0,o.addClassname)(document.body,"sliding-sidebar"),l=setTimeout((function(){"media"===a.PageStore.get("current-page")?e?(0,o.addClassname)(document.body,"overflow-hidden"):(0,o.removeClassname)(document.body,"overflow-hidden"):!e||767{let{children:t}=e;const n=(0,i.useContext)(s.default),o=new r.BrowserCache("MediaCMS["+n.id+"][theme]",86400),[d,u]=(0,i.useState)((m=o.get("mode"),p=l.theme.mode,"light"===m||"dark"===m?m:p));var m,p;const f=function(e){let t=null,n=null;return void 0!==e.darkMode&&((0,a.supportsSvgAsImg)()&&void 0!==e.darkMode.svg&&""!==e.darkMode.svg?n=e.darkMode.svg:void 0!==e.darkMode.img&&""!==e.darkMode.img&&(n=e.darkMode.img)),void 0!==e.lightMode&&((0,a.supportsSvgAsImg)()&&void 0!==e.lightMode.svg&&""!==e.lightMode.svg?t=e.lightMode.svg:void 0!==e.lightMode.img&&""!==e.lightMode.img&&(t=e.lightMode.img)),null===t&&null===n||(null===t?t=n:null===n&&(n=t)),{light:t,dark:n}}(l.theme.logo),[h,v]=(0,i.useState)(f[d]);(0,i.useEffect)((()=>{"dark"===d?(0,a.addClassname)(document.body,"dark_theme"):(0,a.removeClassname)(document.body,"dark_theme"),o.set("mode",d),v(f[d])}),[d]);const g={logo:h,currentThemeMode:d,changeThemeMode:()=>{u("light"===d?"dark":"light")},themeModeSwitcher:l.theme.switch};return i.createElement(c.Provider,{value:g},t)},u=c.Consumer},5630:function(e,t,n){n.d(t,{gR:function(){return a},p9:function(){return o},cN:function(){return s},Et:function(){return l},w3:function(){return c},rc:function(){return m},$2:function(){return p},Aj:function(){return d},fR:function(){return h},jf:function(){return f},Tr:function(){return u}});var i=n(9471),r=(n(4350),n(7591));function a(e){return""===e.description?null:i.createElement("div",{className:"item-description"},i.createElement("div",null,e.description))}function o(e){return i.createElement("div",{className:"item-main"},e.children)}function s(e){return i.createElement(o,null,i.createElement("a",{className:"item-content-link",href:e.link,title:e.title},e.children))}function l(e){return""===e.title?null:i.createElement("h3",null,i.createElement("span",{"aria-label":e.ariaLabel},e.title))}function c(e){return""===e.title?null:i.createElement("h3",null,i.createElement("a",{href:e.link,title:e.title},i.createElement("span",{"aria-label":e.ariaLabel},e.title)))}function d(e){let t=e.link;return t&&window.MediaCMS.site.devEnv&&(t="/edit-media.html"),t?i.createElement("a",{href:t,title:(0,r.translateString)("Edit media"),className:"item-edit-icon"},i.createElement("i",{className:"material-icons"},"edit")):null}function u(e){return e.link?i.createElement("a",{href:e.link,title:(0,r.translateString)("Publish media"),className:"item-view-icon"},i.createElement("i",{className:"material-icons"},"publish")):null}function m(e){return""===e.name?null:i.createElement("span",{className:"item-author"},i.createElement("span",null,e.name))}function p(e){return""===e.name?null:i.createElement("span",{className:"item-author"},i.createElement("a",{href:e.link,title:e.name},i.createElement("span",null,e.name)))}function f(e){return i.createElement("span",{className:"item-views"},(0,r.formatViewsNumber)(e.views)+" "+(1>=e.views?(0,r.translateString)("view"):(0,r.translateString)("views")))}function h(e){return i.createElement("span",{className:"item-date"},i.createElement("time",{dateTime:e.dateTime,content:e.time},e.text))}},5742:function(e,t){t.RJ=function(){try{var e=new URL(globalThis.location.href).searchParams.get("mode");return"lms_embed_mode"===e?(sessionStorage.setItem("lms_embed_mode","true"),!0):"standard"===e?(sessionStorage.removeItem("lms_embed_mode"),!1):"true"===sessionStorage.getItem("lms_embed_mode")}catch(e){return!1}}},6089:function(e,t,n){n(9471),n(6371)},6568:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r);function o(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}o.propTypes={size:a().oneOf(["tiny","x-small","small","medium","large","x-large"])},o.defaultProps={size:"medium"}},7154:function(e,t,n){var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(6077),t),r(n(4247),t),r(n(3337),t)},7201:function(e,t,n){var i=n(9471),r=n(8713),a=n.n(r),o=n(2828);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.createElement(l,s({key:t},e))));return t.length?i.createElement("div",{className:"nav-menu"+(e.removeVerticalPadding?" pv0":"")},i.createElement("nav",null,i.createElement("ul",null,t))):null}l.propTypes={itemType:a().oneOf(["link","open-subpage","button","label","div"]),link:a().string,icon:a().string,iconPos:a().oneOf(["left","right"]),text:a().string,active:a().bool,divAttr:a().object,buttonAttr:a().object,itemAttr:a().object,linkAttr:a().object},l.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:a().bool,items:a().arrayOf(a().shape(l.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,n){n(9471);var i=n(8713),r=n.n(i);n(2828),r().string.isRequired,r().string.isRequired,r().func.isRequired},7460:function(e,t,n){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.VideoViewerStore=t.SearchFieldStore=t.ProfilePageStore=t.PlaylistViewStore=t.PlaylistPageStore=t.PageStore=t.MediaPageStore=void 0;var r=i(n(2127));t.MediaPageStore=r.default;var a=i(n(6371));t.PageStore=a.default;var o=i(n(6841));t.PlaylistPageStore=o.default;var s=i(n(5503));t.PlaylistViewStore=s.default;var l=i(n(8580));t.ProfilePageStore=l.default;var c=i(n(4402));t.SearchFieldStore=c.default;var d=i(n(1309));t.VideoViewerStore=d.default},7591:function(e,t,n){n.d(t,{BrowserEvents:function(){return i.GT},addClassname:function(){return i.zc},cancelAnimationFrame:function(){return i.uU},csrfToken:function(){return d.G},deleteRequest:function(){return p.Fb},exportStore:function(){return a.A},formatInnerLink:function(){return l},formatViewsNumber:function(){return c.A},getRequest:function(){return p.iq},hasClassname:function(){return i.CX},inEmbeddedApp:function(){return v.RJ},isPositiveIntegerOrZero:function(){return u.tR},logErrorAndReturnError:function(){return r.m},logWarningAndReturnError:function(){return r.g},postRequest:function(){return p.MB},publishedOnDate:function(){return m.A},putRequest:function(){return p.zi},removeClassname:function(){return i.qk},replaceString:function(){return h.u},requestAnimationFrame:function(){return i.xi},supportsSvgAsImg:function(){return i.kN},translateString:function(){return f.g}});var i=n(1134),r=n(6403),a=n(977),o=n(4571),s=n.n(o);function l(e,t){let n=s()(e,{});return""!==n.origin&&"null"!==n.origin&&n.origin||(n=s()(t+"/"+e.replace(/^\//g,""),{})),n.toString()}var c=n(4632),d=n(5393),u=(n(8004),n(8354)),m=n(7673),p=n(9659),f=n(4036),h=n(4470),v=n(5742)},7664:function(e,t,n){n.d(t,{CircleIconButton:function(){return i.i}});var i=n(5321);n(7256),n(3135),n(2828),n(5305),n(7201),n(6089),n(3818),n(2901),n(6568),n(878)},8175:function(e,t,n){var i=n(9471),r=n(9834);n(5465),n(5320),n(4463),n(7591),n(1936),function(e,t){const n=e?document.getElementById(e):void 0;n&&t&&r.render(i.createElement(t,null),n)}("page-embed",n(9942).EmbedPage)},8354:function(e,t,n){n.d(t,{tR:function(){return i}});const i=e=>(e=>e===Math.trunc(e))(e)&&((e=>(e=>e>0)(e))(e)||(e=>0===e)(e))},8531:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});var i=n(9471),r=n(8713),a=n.n(r),o=n(285),s=n(8790),l=n(7460),c=n(7591),d=n(7154),u=n(2818),m=n(9237),p=n(8974);class f extends i.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":l.MediaPageStore.set("media-load-error-type","encodingRunning"),l.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":l.MediaPageStore.set("media-load-error-type","encodingPending"),l.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":l.MediaPageStore.set("media-load-error-type","encodingFailed"),l.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==l.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,c.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,c.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=(0,u.uW)(this.props.data.encodings_info,this.props.data.hls_info),Object.keys(this.videoInfo).length){let e=l.VideoViewerStore.get("video-quality");(null===e||"Auto"===e&&void 0===this.videoInfo.Auto)&&(e=720);let t=(0,u.OQ)(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const n=(0,u.n1)();let i,r;for(r=0;remailEmail1\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),n=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,c.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==n&&e.target!==t||(0,c.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){l.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&o.VideoViewerActions.set_viewer_mode(e.theaterMode),l.VideoViewerStore.get("player-volume")!==e.volume&&o.VideoViewerActions.set_player_volume(e.volume),l.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&o.VideoViewerActions.set_player_sound_muted(e.soundMuted),l.VideoViewerStore.get("video-quality")!==e.quality&&o.VideoViewerActions.set_video_quality(e.quality),l.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&o.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(l.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&l.MediaPageStore.get("playlist-id")?(e=l.MediaPageStore.get("playlist-next-media-url"),t=l.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const n=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return i.createElement(i.Fragment,null,i.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},i.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==l.MediaPageStore.get("media-load-error-type")?i.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},i.createElement(s.SiteConsumer,null,(r=>i.createElement(m.A,{data:this.props.data,useRoundedCorners:r.useRoundedCorners,version:r.version,isPlayList:!!l.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:r.id,siteUrl:r.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:n,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:l.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}f.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:a().string.isRequired},f.propTypes={inEmbed:a().bool,showTitle:a().bool,showRelated:a().bool,showUserAvatar:a().bool,linkTitle:a().bool,timestamp:a().number}},8790:function(e,t,n){var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(9781),t),r(n(3537),t),r(n(5320),t),r(n(2401),t),r(n(3496),t),r(n(9423),t),r(n(2579),t),r(n(9854),t),r(n(8899),t),r(n(5886),t),r(n(5465),t),r(n(4463),t)},8899:function(e,t,n){n.r(t),n.d(t,{SiteConsumer:function(){return o},SiteContext:function(){return a}});var i=n(9471),r=n(3997);const a=(0,i.createContext)((0,r.$)(window.MediaCMS).site),o=a.Consumer;t.default=a},9237:function(e,t,n){var i=n(9471),r=n(8974);const a=e=>{let{data:t,useRoundedCorners:n,version:a,isPlayList:o,playerVolume:s,playerSoundMuted:l,videoQuality:c,videoPlaybackSpeed:d,inTheaterMode:u,siteId:m,siteUrl:p,info:f,cornerLayers:h,sources:v,poster:g,previewSprite:b,subtitlesInfo:y,inEmbed:w,showTitle:P,showRelated:S,showUserAvatar:E,linkTitle:k,hasTheaterMode:_,hasNextLink:C,nextLink:M,hasPreviousLink:T,errorMessage:N,onClickNextCallback:A,onClickPreviousCallback:O,onStateUpdateCallback:j,onPlayerInitCallback:I}=e;const x=(0,i.useRef)(null),L=(0,i.useRef)(!1),V=(0,i.useRef)(null),R=(0,i.useRef)(w),U=e=>new URLSearchParams(window.location.search).get(e);(0,i.useEffect)((()=>{if(R.current=w,"undefined"!=typeof window){const e=U("t"),i=U("muted"),r=U("showRelated"),l=U("showUserAvatar"),x=U("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:n,version:a,isPlayList:o,playerVolume:s||.5,playerSoundMuted:"1"===i,videoQuality:c||"auto",videoPlaybackSpeed:d||1,inTheaterMode:u||!1,siteId:m||"",siteUrl:p||"",info:f||{},cornerLayers:h||[],sources:v||[],poster:g||"",previewSprite:b||null,subtitlesInfo:y||[],inEmbed:w||!1,showTitle:P||!1,showRelated:void 0!==S?S:"1"===r||"true"===r||null===r,showUserAvatar:void 0!==E?E:"1"===l||"true"===l||null===l,linkTitle:void 0!==k?k:"1"===x||"true"===x||null===x,hasTheaterMode:_||!1,hasNextLink:C||!1,nextLink:M||null,hasPreviousLink:T||!1,errorMessage:N||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===i,urlShowRelated:"1"===r||"true"===r,urlShowUserAvatar:"1"===l||"true"===l,urlLinkTitle:"1"===x||"true"===x,onClickNextCallback:A||null,onClickPreviousCallback:O||null,onStateUpdateCallback:j||null,onPlayerInitCallback:(e,t)=>{V.current=e,I&&I(e,t)}}}L.current||(q(),L.current=!0)}),[t,p,w]),(0,i.useEffect)((()=>{if(w&&x.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[w,x.current]),(0,i.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let n=null;if(V.current&&V.current.player&&(n=V.current.player),!n&&"undefined"!=typeof window&&window.videojsPlayers){const e=R.current?"video-embed":"video-main";n=window.videojsPlayers[e]}if(!n&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(R.current?"#video-embed":"#video-main");e&&e.player&&(n=e.player)}if(n){t>=0&&t=0&&n.play();const e=document.querySelector(R.current?"#video-embed":"#video-main");if(e){const t=U("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else r.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const q=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=p+"/static/video_js/video-js.css?v="+a,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=p+"/static/video_js/video-js.js?v="+a,document.head.appendChild(e)}};return i.createElement("div",{className:"video-js-wrapper",ref:x},w?i.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):i.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};a.defaultProps={data:{},siteUrl:""},t.A=a},9942:function(e,t,n){var i,r=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||(i=function(e){return i=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},i(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=i(e),o=0;o=a)&&Object.keys(i.O).every((function(e){return i.O[e](n[l])}))?n.splice(l--,1):(s=!1,a0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[n,r,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=722,function(){var e={722:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,o=n[0],s=n[1],l=n[2],c=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(l)var d=l(i)}for(t&&t(n);c{l(function(e,t,a){if(void 0!==e){let i=null;return i=void 0!==t&&t>e?t:e,i=void 0!==a&&a{m.current&&c({height:m.current.clientHeight||0,width:m.current.clientWidth||0})}),[o]);const u={right:{left:"100%",marginLeft:"10px",top:"-50%"},left:{right:"100%",marginRight:"10px",top:"-50%"},top:{left:"50%",top:`-${d.height+10}px`,transform:"translateX(-50%)"},center:{top:"50%",left:"50%",translate:"x-[-50%]"},"bottom-left":{left:`-${d.width-20}px`,top:"100%",marginTop:"10px"}};return n.createElement("div",{onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},n.createElement("div",{ref:m,className:`tooltip-box ${o?"show":"hide"} ${r}`,style:u[l]},i&&n.createElement("div",{className:"tooltip-title"},i),n.createElement("div",{className:"tooltip-content"},a)),t)};function c(){const e=(0,n.useContext)(l.SiteContext);let t=E();t=t||r.MediaPageStore.get("media-data").thumbnail_url,t=t||"";const[a,i]=(0,n.useState)(t),[o,c]=(0,n.useState)([]),[m,u]=(0,n.useState)(!1),[p,g]=(0,n.useState)(0),[h,f]=(0,n.useState)(!0),v=n.useRef();function y(){i(E())}function E(){const t=r.MediaPageStore.get("media-data");let a=t.poster_url?.trim()||t.thumbnail_url?.trim()||r.MediaPageStore.get("media-original-url")?.trim()||"#";return e.url+"/"+a.replace(/^\//g,"")}(0,n.useEffect)((()=>{a&&(()=>{const e=r.MediaPageStore.get("media-data").slideshow_items;Array.isArray(e)&&c(e)})()}),[a]),(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_image_data",y),()=>r.MediaPageStore.removeListener("loaded_image_data",y))),[]),(0,n.useEffect)((()=>{if(m)return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}}),[m,o]);const b=e=>{"ArrowRight"===e.key&&w(),"ArrowLeft"===e.key&&P(),"Escape"===e.key&&S()},S=()=>u(!1),w=()=>{f(!0),g((e=>(e+1)%o.length))},P=()=>{f(!0),g((e=>(e-1+o.length)%o.length))},M=e=>{if(v.current){const t=10;"left"===e?v.current.scrollBy({left:-t,behavior:"smooth"}):"right"===e&&v.current.scrollBy({left:t,behavior:"smooth"})}};return a?n.createElement("div",{className:"viewer-image-container"},n.createElement(d,{content:"load full-image",position:"center"},n.createElement("img",{src:a,alt:r.MediaPageStore.get("media-data").title||null,onClick:()=>u(!0)})),m&&o&&n.createElement("div",{className:"modal-overlay",onClick:()=>u(!1)},n.createElement("div",{className:"slideshow-container",onClick:e=>e.stopPropagation()},!h&&n.createElement("button",{className:"arrow left",onClick:P,"aria-label":"Previous slide"},"‹"),n.createElement("div",{className:"slideshow-image"},h&&n.createElement(s.SpinnerLoader,{size:"large"}),n.createElement("img",{src:e.url+"/"+o[p]?.original_media_url,alt:`Slide ${p+1}`,onClick:()=>(t=>{const a=e.url+o[t]?.url;window.location.href=a})(p),onLoad:()=>f(!1),onError:()=>f(!1),style:{display:h?"none":"block"}}),!h&&n.createElement("div",{className:"slideshow-title"},o[p]?.title)),!h&&n.createElement("button",{className:"arrow right",onClick:w,"aria-label":"Next slide"},"›"),n.createElement("div",{className:"thumbnail-navigation"},o.length>5&&n.createElement("button",{className:"arrow left",onClick:()=>M("left"),"aria-label":"Scroll left"},"‹"),n.createElement("div",{className:"thumbnail-container "+(o.length<=5?"center-thumbnails":""),ref:v},o.map(((t,a)=>n.createElement("img",{key:a,src:e.url+"/"+t.thumbnail_url,alt:`Thumbnail ${a+1}`,className:"thumbnail "+(p===a?"active":""),onClick:()=>(e=>{f(!0),g(e)})(a)})))),o.length>5&&n.createElement("button",{className:"arrow right",onClick:()=>M("right"),"aria-label":"Scroll right"},"›"))))):null}var m=a(7118),u=a(5928);function p(e){let{fileUrl:t}=e;const a=(0,u.defaultLayoutPlugin)();return n.createElement("div",{className:"pdf-container"},n.createElement(m.Worker,{workerUrl:"https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js"},n.createElement(m.Viewer,{fileUrl:t,plugins:[a]})))}var g=a(8713),h=a.n(g),f=a(285),v=a(7591),y=a(7154),E=a(8974);const b=["hls","h265","vp9","h264","vp8","mp4","theora"];function S(e,t){let a=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":a=!0;break;case"h265":a="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":a="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":a="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":a="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":a="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&E.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&E.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":E.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":E.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&E.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){E.warn(e)}return a}function w(e){let t=[],a={},i=document.createElement("video");return i.canPlayType&&(a.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(a.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(a.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(a.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(a.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(a.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(a.mp4=!0,t.push("mp4"))),{order:t,support:a}}var P=a(8974);const M=e=>{let{data:t,useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r,playerSoundMuted:o,videoQuality:s,videoPlaybackSpeed:d,inTheaterMode:c,siteId:m,siteUrl:u,info:p,cornerLayers:g,sources:h,poster:f,previewSprite:v,subtitlesInfo:y,inEmbed:E,showTitle:b,showRelated:S,showUserAvatar:w,linkTitle:M,hasTheaterMode:_,hasNextLink:k,nextLink:C,hasPreviousLink:N,errorMessage:x,onClickNextCallback:L,onClickPreviousCallback:I,onStateUpdateCallback:V,onPlayerInitCallback:T}=e;const A=(0,n.useRef)(null),R=(0,n.useRef)(!1),U=(0,n.useRef)(null),D=(0,n.useRef)(E),O=e=>new URLSearchParams(window.location.search).get(e);(0,n.useEffect)((()=>{if(D.current=E,"undefined"!=typeof window){const e=O("t"),n=O("muted"),o=O("showRelated"),P=O("showUserAvatar"),A=O("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r||.5,playerSoundMuted:"1"===n,videoQuality:s||"auto",videoPlaybackSpeed:d||1,inTheaterMode:c||!1,siteId:m||"",siteUrl:u||"",info:p||{},cornerLayers:g||[],sources:h||[],poster:f||"",previewSprite:v||null,subtitlesInfo:y||[],inEmbed:E||!1,showTitle:b||!1,showRelated:void 0!==S?S:"1"===o||"true"===o||null===o,showUserAvatar:void 0!==w?w:"1"===P||"true"===P||null===P,linkTitle:void 0!==M?M:"1"===A||"true"===A||null===A,hasTheaterMode:_||!1,hasNextLink:k||!1,nextLink:C||null,hasPreviousLink:N||!1,errorMessage:x||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===n,urlShowRelated:"1"===o||"true"===o,urlShowUserAvatar:"1"===P||"true"===P,urlLinkTitle:"1"===A||"true"===A,onClickNextCallback:L||null,onClickPreviousCallback:I||null,onStateUpdateCallback:V||null,onPlayerInitCallback:(e,t)=>{U.current=e,T&&T(e,t)}}}R.current||(F(),R.current=!0)}),[t,u,E]),(0,n.useEffect)((()=>{if(E&&A.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[E,A.current]),(0,n.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let a=null;if(U.current&&U.current.player&&(a=U.current.player),!a&&"undefined"!=typeof window&&window.videojsPlayers){const e=D.current?"video-embed":"video-main";a=window.videojsPlayers[e]}if(!a&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(D.current?"#video-embed":"#video-main");e&&e.player&&(a=e.player)}if(a){t>=0&&t=0&&a.play();const e=document.querySelector(D.current?"#video-embed":"#video-main");if(e){const t=O("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else P.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const F=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=u+"/static/video_js/video-js.css?v="+i,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=u+"/static/video_js/video-js.js?v="+i,document.head.appendChild(e)}};return n.createElement("div",{className:"video-js-wrapper",ref:A},E?n.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):n.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};M.defaultProps={data:{},siteUrl:""};var _=M,k=a(8974);class C extends n.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":r.MediaPageStore.set("media-load-error-type","encodingRunning"),r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":r.MediaPageStore.set("media-load-error-type","encodingPending"),r.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":r.MediaPageStore.set("media-load-error-type","encodingFailed"),r.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==r.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,v.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,v.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=function(e,t,a){const i={};let n,r,o;a=void 0===a?w():a;const s={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(n in t)t.hasOwnProperty(n)&&(r=null,"master_file"===n?r="Auto":(r=n.split("_playlist"),r=2===r.length?r[0]:null),null!==r&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push("hls"),i[r].url.push((0,v.formatInnerLink)(t[n],l.SiteContext._currentValue.url))));for(r in e)if(e.hasOwnProperty(r)&&Object.keys(e[r]).length&&(1080>=parseInt(r,10)||1080=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(a=i.length-1;a>=0;){if(parseInt(e,10)>=parseInt(i[a],10))return i[a+1];a-=1}}(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const a=w();let i,n;for(n=0;nemailEmail1\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),a=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,v.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==a&&e.target!==t||(0,v.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){r.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&f.VideoViewerActions.set_viewer_mode(e.theaterMode),r.VideoViewerStore.get("player-volume")!==e.volume&&f.VideoViewerActions.set_player_volume(e.volume),r.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&f.VideoViewerActions.set_player_sound_muted(e.soundMuted),r.VideoViewerStore.get("video-quality")!==e.quality&&f.VideoViewerActions.set_video_quality(e.quality),r.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&f.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(r.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),t=r.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const a=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return n.createElement(n.Fragment,null,n.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},n.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==r.MediaPageStore.get("media-load-error-type")?n.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},n.createElement(l.SiteConsumer,null,(i=>n.createElement(_,{data:this.props.data,useRoundedCorners:i.useRoundedCorners,version:i.version,isPlayList:!!r.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:i.id,siteUrl:i.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:a,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:r.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}C.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:h().string.isRequired},C.propTypes={inEmbed:h().bool,showTitle:h().bool,showRelated:h().bool,showUserAvatar:h().bool,linkTitle:h().bool,timestamp:h().number};var N=a(5338),x=a(6619),L=a(4350);const I={single:(0,v.translateString)("comment"),uppercaseSingle:(0,v.translateString)("COMMENT"),ucfirstSingle:(0,v.translateString)("Comment"),ucfirstPlural:(0,v.translateString)("Comments"),submitCommentText:(0,v.translateString)("SUBMIT"),disabledCommentsMsg:(0,v.translateString)("Comments are disabled")};function V(e){const t=(0,n.useRef)(null),[a,i]=(0,n.useState)(""),[o,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),[u,p]=(0,n.useState)(-1),[g,h]=(0,n.useState)(""),[y]=(0,n.useState)(l.MemberContext._currentValue.is.anonymous?l.LinksContext._currentValue.signin+"?next=/"+window.location.href.replace(l.SiteContext._currentValue.url,"").replace(/^\//g,""):null);function E(){m(!0)}function b(){m(!1)}function S(){const e=[...r.MediaPageStore.get("users")],t=[];e.forEach((e=>{t.push({id:e.username,display:e.name})})),h(t)}function w(){t.current.style.height="";const e=t.current.scrollHeight,a=0(r.MediaPageStore.on("comment_submit",w),r.MediaPageStore.on("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.on("users_load",S),()=>{r.MediaPageStore.removeListener("comment_submit",w),r.MediaPageStore.removeListener("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.removeListener("users_load",S)}))),l.MemberContext._currentValue.is.anonymous?n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("a",{href:y,rel:"noffolow",className:"form-textarea-wrap",title:(0,v.translateString)("Add a ")+I.single+"..."},n.createElement("span",{className:"form-textarea"},(0,v.translateString)("Add a ")+I.single+"...")),n.createElement("div",{className:"form-buttons"},n.createElement("a",{href:y,rel:"noffolow",className:"disabled"},I.submitCommentText))))):n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("div",{className:"form-textarea-wrap"+(c?" focused":"")},MediaCMS.features.media.actions.comment_mention?n.createElement(x.G,{inputRef:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e,a,n,l){t.current.style.height="",i(a),d(!0);const r=t.current.scrollHeight,o=0()=>{}),[]),n.createElement("div",{className:"comment"},n.createElement("div",{className:"comment-inner"},n.createElement("a",{className:"comment-author-thumb",href:e.author_link,title:e.author_name},n.createElement("img",{src:e.author_thumb,alt:e.author_name})),n.createElement("div",{className:"comment-content"},n.createElement("div",{className:"comment-meta"},n.createElement("div",{className:"comment-author"},n.createElement("a",{href:e.author_link,title:e.author_name},e.author_name)),n.createElement("div",{className:"comment-date"},(0,v.replaceString)((0,L.GP)(new Date(e.publish_date))))),n.createElement("div",{ref:t,className:"comment-text"+(i?" show-all":"")},n.createElement("div",{ref:a,className:"comment-text-inner",dangerouslySetInnerHTML:(d=e.text,{__html:d.replace(/\n/g,"
")})})),o?n.createElement("button",{className:"toggle-more",onClick:function(){r(!i)}},i?"Show less":"Read more"):null,l.MemberContext._currentValue.can.deleteComment?n.createElement(T,{comment_id:e.comment_id}):null)));var d}A.propTypes={comment_id:h().oneOfType([h().string,h().number]).isRequired,media_id:h().oneOfType([h().string,h().number]).isRequired,text:h().string,author_name:h().string,author_link:h().string,author_thumb:h().string,publish_date:h().oneOfType([h().string,h().number]),likes:h().number,dislikes:h().number},A.defaultProps={author_name:"",author_link:"#",publish_date:0,likes:0,dislikes:0};const R=e=>{let{commentsLength:t}=e;return n.createElement(n.Fragment,null,!l.MemberContext._currentValue.can.readComment||r.MediaPageStore.get("media-data").enable_comments?null:n.createElement("span",{className:"disabled-comments-msg"},I.disabledCommentsMsg),l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia)?n.createElement("h2",null,t?1{e.text=function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`${e}`}))}(e.text)})),function(){var e=document.querySelector(".page-main"),t=e.querySelector(".no-comment");const a=r.PageStore.get("config-contents").uploader.postUploadMessage;if(""===a)t&&0===comm.length&&t.parentNode.removeChild(t);else if(0===comm.length&&"unlisted"===r.MediaPageStore.get("media-data").state){if(-1f.PageActions.addNotification(I.ucfirstSingle+" added","commentSubmit")),100)}function u(){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" submission failed","commentSubmitFail")),100)}function p(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removed","commentDelete")),100)}function g(e){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removal failed","commentDeleteFail")),100)}return(0,n.useEffect)((()=>{d(i.length&&l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia))}),[i]),(0,n.useEffect)((()=>(r.MediaPageStore.on("comments_load",c),r.MediaPageStore.on("comment_submit",m),r.MediaPageStore.on("comment_submit_fail",u),r.MediaPageStore.on("comment_delete",p),r.MediaPageStore.on("comment_delete_fail",g),()=>{r.MediaPageStore.removeListener("comments_load",c),r.MediaPageStore.removeListener("comment_submit",m),r.MediaPageStore.removeListener("comment_submit_fail",u),r.MediaPageStore.removeListener("comment_delete",p),r.MediaPageStore.removeListener("comment_delete_fail",g)})),[]),n.createElement("div",{className:"comments-list"},n.createElement("div",{className:"comments-list-inner"},n.createElement(R,{commentsLength:i.length}),r.MediaPageStore.get("media-data").enable_comments?n.createElement(V,{media_id:t}):null,s?i.map((e=>n.createElement(A,{key:e.uid,comment_id:e.uid,media_id:t,text:e.text,author_name:e.author_name,author_link:e.author_profile,author_thumb:l.SiteContext._currentValue.url+"/"+e.author_thumbnail_url.replace(/^\//g,""),publish_date:e.add_date,likes:0,dislikes:0}))):null))}var D=a(8974);function O(e){let t,a,i=[];if(e&&e.length)for(t=0,a=1!0===e.is_lms_course)));const d=r.PageStore.get("config-options").pages.media.categoriesWithTitle?[]:!r.PageStore.get("config-enabled").taxonomies.categories||r.PageStore.get("config-enabled").taxonomies.categories.enabled?O(o):[];let c=r.MediaPageStore.get("media-summary");c=c?c.trim():"";const[m,u,p]=(0,N.usePopup)(),[g,h]=(0,n.useState)(""!==c),[y,E]=(0,n.useState)(""==c);function b(e){setTimeout((function(){f.PageActions.addNotification("Media removed. Redirecting...","mediaDelete"),setTimeout((function(){window.location.href=l.SiteContext._currentValue.url+"/"+r.MediaPageStore.get("media-data").author_profile.replace(/^\//g,"")}),2e3)}),100),void 0!==e&&D.info("Removed media '"+e+'"')}function S(e){setTimeout((function(){f.PageActions.addNotification("Media removal failed","mediaDeleteFail")}),100),void 0!==e&&D.info('Media "'+e+'" removal failed')}(0,n.useEffect)((()=>(r.MediaPageStore.on("media_delete",b),r.MediaPageStore.on("media_delete_fail",S),()=>{r.MediaPageStore.removeListener("media_delete",b),r.MediaPageStore.removeListener("media_delete_fail",S)})),[]);const w=(0,v.formatInnerLink)(e.author.url,l.SiteContext._currentValue.url),P=(0,v.formatInnerLink)(e.author.thumb,l.SiteContext._currentValue.url);return n.createElement("div",{className:"media-info-content"},void 0===r.PageStore.get("config-media-item").displayAuthor||null===r.PageStore.get("config-media-item").displayAuthor||r.PageStore.get("config-media-item").displayAuthor?n.createElement(F,{link:w,thumb:P,name:e.author.name,published:e.published}):null,n.createElement("div",{className:"media-content-banner"},n.createElement("div",{className:"media-content-banner-inner"},g?n.createElement("div",{className:"media-content-summary"},c):null,g&&!y||!a?null:n.createElement("div",{className:"media-content-description",dangerouslySetInnerHTML:{__html:function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`${e}`}))}(a)}}),g?n.createElement("button",{className:"load-more",onClick:function(){E(!y)}},y?"SHOW LESS":"SHOW MORE"):null,i.length?n.createElement(H,{value:i,title:1(r.MediaPageStore.on("disliked_media",d),r.MediaPageStore.on("undisliked_media",c),r.MediaPageStore.on("disliked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("disliked_media",d),r.MediaPageStore.removeListener("undisliked_media",c),r.MediaPageStore.removeListener("disliked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"undislikeMedia":"dislikeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_down"})),n.createElement("span",{className:"dislikes-counter"},a)))}function z(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-liked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1));function o(){t(r.MediaPageStore.get("user-liked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.addToLiked,"likedMedia")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.removeFromLiked,"unlikedMedia")}function m(){f.PageActions.addNotification("Action failed","likedMediaRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("liked_media",d),r.MediaPageStore.on("unliked_media",c),r.MediaPageStore.on("liked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("liked_media",d),r.MediaPageStore.removeListener("unliked_media",c),r.MediaPageStore.removeListener("liked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"unlikeMedia":"likeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_up"})),n.createElement("span",{className:"likes-counter"},a)))}function W(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(null);function o(){l(window.innerHeight-(104+t.current.offsetHeight))}return(0,n.useEffect)((()=>(o(),r.PageStore.on("window_resize",o),()=>{r.PageStore.removeListener("window_resize",o)})),[]),n.createElement("form",null,n.createElement("div",{className:"report-form",style:null!==i?{maxHeight:i+"px"}:null},n.createElement("div",{className:"form-title"},"Report media"),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"URL"),n.createElement("input",{type:"text",readOnly:!0,value:e.mediaUrl})),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"Description"),n.createElement("textarea",{ref:a,required:!0})),n.createElement("div",{className:"form-field form-help-text"},"Reported media is reviewed")),n.createElement("div",{ref:t,className:"form-actions-bottom"},n.createElement("button",{className:"cancel",onClick:function(t){t.preventDefault(),void 0!==e.cancelReportForm&&e.cancelReportForm()}},"CANCEL"),n.createElement("button",{onClick:function(t){const i=a.current.value.trim();""!==i&&(t.preventDefault(),void 0!==e.submitReportForm&&e.submitReportForm(i))}},"SUBMIT")))}function $(e,t){const a=l.SiteContext._currentValue,i=e.encodings_info,n={};let r,o;for(r in i)if(i.hasOwnProperty(r)&&Object.keys(i[r]).length)for(o in i[r])i[r].hasOwnProperty(o)&&"success"===i[r][o].status&&100===i[r][o].progress&&null!==i[r][o].url&&(n[i[r][o].title]={text:r+" - "+o.toUpperCase()+" ("+i[r][o].size+")",link:(0,v.formatInnerLink)(i[r][o].url,a.url),linkAttr:{target:"_blank",download:e.title+"_"+r+"_"+o.toUpperCase()}});return n.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,a.url),linkAttr:{target:"_blank",download:e.title}},Object.values(n)}function G(e,t,a,i,l,r,o){const d=t.url,c=t.media_type,m=t.state||"N/A",u=t.encoding_status||"N/A",p=t.reported_times,g=t.is_reviewed,h="video"===c,f=function(e,t,a,i,n){const l=[],r="video"===t.media_type,o=t.reported_times;return a&&e.downloadMedia&&(r?l.push({itemType:"open-subpage",text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},buttonAttr:{className:"change-page","data-page-id":"videoDownloadOptions"}}):i&&l.push({itemType:"link",link:i,text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},linkAttr:{target:"_blank",download:t.title}})),r&&e.editMedia&&l.push({itemType:"open-subpage",text:"Status info",icon:"info",buttonAttr:{className:"change-page","data-page-id":"mediaStatusInfo"}}),e.reportMedia&&(n?l.push({itemType:"div",text:"Reported",icon:"flag",divAttr:{className:"reported-label loggedin-media-reported"}}):l.push({itemType:"open-subpage",text:"Report",icon:"flag",buttonAttr:{className:"change-page"+(o?" loggedin-media-reported":""),"data-page-id":"loggedInReportMedia"}})),l}(e,t,a,i,l),v={};return f.length&&(v.main=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:f})))),e.reportMedia&&(v.loggedInReportMedia=l?null:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement("div",null,n.createElement(W,{mediaUrl:d,submitReportForm:r,cancelReportForm:o}))))),e.editMedia&&(v.mediaStatusInfo=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement("ul",{className:"media-status-info"},n.createElement("li",null,"Media type: ",n.createElement("span",null,c)),n.createElement("li",null,"State: ",n.createElement("span",null,m)),n.createElement("li",null,"Review state: ",n.createElement("span",null,g?"Is reviewed":"Pending review")),h?n.createElement("li",null,"Encoding Status: ",n.createElement("span",null,u)):null,p?n.createElement("li",{className:"reports"},"Reports: ",n.createElement("span",null,p)):null)))),a&&e.downloadMedia&&h&&(v.videoDownloadOptions=n.createElement("div",{className:"video-download-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:$(t)})))),v}W.propTypes={mediaUrl:h().string.isRequired,cancelReportForm:h().func,submitReportForm:h().func};const Y="more-options active-options";function J(e){const{userCan:t}=(0,N.useUser)(),a=l.SiteContext._currentValue,i=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),a.url),o=r.MediaPageStore.get("media-data"),d="video"===o.media_type,[c,m,u]=(0,N.usePopup)(),[p,g]=(0,n.useState)(!1),[h,y]=(0,n.useState)(!1),[E,b]=(0,n.useState)({}),[S,w]=(0,n.useState)("main"),[P,M]=(0,n.useState)(Y);function _(e){f.MediaPageActions.reportMedia(e)}function k(){c.current.toggle()}function C(){c.current.tryToHide(),setTimeout((function(){f.PageActions.addNotification("Media Reported","reportedMedia"),y(!0),r.MediaPageStore.removeListener("reported_media",C)}),100)}return(0,n.useEffect)((()=>{h||(p?r.MediaPageStore.on("reported_media",C):r.MediaPageStore.removeListener("reported_media",C))}),[p]),(0,n.useEffect)((()=>{g(Object.keys(E).length&&e.allowDownload&&t.downloadMedia)}),[E]),(0,n.useEffect)((()=>{let a=Y;e.allowDownload&&t.downloadMedia&&"videoDownloadOptions"===S&&(a+=" video-downloads"),1===Object.keys(E).length&&e.allowDownload&&t.downloadMedia&&(d||i)&&(a+=" visible-only-in-small"),M(a)}),[S]),(0,n.useEffect)((()=>{b(G(t,o,e.allowDownload,i,h,_,k))}),[h]),(0,n.useEffect)((()=>(b(G(t,o,e.allowDownload,i,h,_,k)),()=>{p&&!h&&r.MediaPageStore.removeListener("reported_media",C)})),[]),p?n.createElement("div",{className:P},n.createElement(u,{contentRef:c},n.createElement("span",null,n.createElement(s.CircleIconButton,{type:"button"},n.createElement(s.MaterialIcon,{type:"more_horiz"})))),n.createElement("div",{className:"nav-page-"+S},n.createElement(m,{contentRef:c,hideCallback:function(){w("main")}},n.createElement(s.NavigationContentApp,{pageChangeCallback:function(e){w(e)},initPage:S,focusFirstItemOnPageChange:!1,pages:E,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"})))):null}J.propTypes={allowDownload:h().bool.isRequired},J.defaultProps={allowDownload:!1};var Z=a(3706);function Q(e){return e.renderDate?n.createElement("label",null,n.createElement("input",{type:"checkbox",checked:e.isChecked,onChange:function(t){t.persist(),e.isChecked?f.MediaPageActions.removeMediaFromPlaylist(e.playlistId,r.MediaPageStore.get("media-id")):f.MediaPageActions.addMediaToPlaylist(e.playlistId,r.MediaPageStore.get("media-id"))}}),n.createElement("span",null,e.title)):null}function X(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(new Date),[o,d]=(0,n.useState)(r.MediaPageStore.get("playlists")),[c,m]=(0,n.useState)(!1);function u(){E()}function p(){d(r.MediaPageStore.get("playlists")),l(new Date)}function g(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media added to playlist","playlistMediaAdditionComplete")}),100)}function h(){setTimeout((function(){f.PageActions.addNotification("Media's addition to playlist failed","playlistMediaAdditionFail")}),100)}function v(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media removed from playlist","playlistMediaRemovalComplete")}),100)}function y(){setTimeout((function(){f.PageActions.addNotification("Media's removal from playlist failed","playlistMediaaRemovalFail")}),100)}function E(){null!==a.current&&(a.current.style.maxHeight=window.innerHeight-74-(t.current.offsetHeight-a.current.offsetHeight)+"px")}function b(){m(!c),E()}return(0,n.useEffect)((()=>{E()})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",u),r.MediaPageStore.on("playlists_load",p),r.MediaPageStore.on("media_playlist_addition_completed",g),r.MediaPageStore.on("media_playlist_addition_failed",h),r.MediaPageStore.on("media_playlist_removal_completed",v),r.MediaPageStore.on("media_playlist_removal_failed",y),()=>{r.PageStore.removeListener("window_resize",u),r.MediaPageStore.removeListener("playlists_load",p),r.MediaPageStore.removeListener("media_playlist_addition_completed",g),r.MediaPageStore.removeListener("media_playlist_addition_failed",h),r.MediaPageStore.removeListener("media_playlist_removal_completed",v),r.MediaPageStore.removeListener("media_playlist_removal_failed",y)})),[]),n.createElement("div",{ref:t,className:"saveto-popup"},n.createElement("div",{className:"saveto-title"},"Save to...",n.createElement(s.CircleIconButton,{type:"button",onClick:function(){m(!1),void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"}))),o.length?n.createElement("div",{ref:a,className:"saveto-select"},function(){const e=r.MediaPageStore.get("media-id");let t=[],a=0;for(;a{g(window.innerHeight-144+56),q(c.current.offsetHeight),W(u.current.offsetHeight)})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",Y),r.MediaPageStore.on("copied_embed_media_code",J),()=>{r.PageStore.removeListener("window_resize",Y),r.MediaPageStore.removeListener("copied_embed_media_code",J)})),[]),(0,n.useEffect)((()=>{!function(e){try{localStorage.setItem(ee,JSON.stringify(e))}catch(e){}}({showTitle:y,showRelated:b,showUserAvatar:w,linkTitle:M,responsive:k,aspectRatio:V,embedWidthValue:A,embedWidthUnit:U,embedHeightValue:O,embedHeightUnit:H,keepAspectRatio:h})}),[y,b,w,M,k,V,A,U,O,H,h]),n.createElement("div",{className:"share-embed",style:{maxHeight:p+"px"}},n.createElement("div",{className:"share-embed-inner"},n.createElement("div",{className:"on-left"},n.createElement("div",{className:"media-embed-wrap"},n.createElement(l.SiteConsumer,null,(e=>{const t=`${i.embed+r.MediaPageStore.get("media-id")}&showTitle=${y?"1":"0"}&showRelated=${b?"1":"0"}&showUserAvatar=${w?"1":"0"}&linkTitle=${M?"1":"0"}${N?"&t="+L.split(":").reverse().reduce(((e,t,a)=>e+(parseInt(t,10)||0)*Math.pow(60,a)),0):""}`;return n.createElement("div",{style:{width:"100%",height:"480px",overflow:"hidden"}},n.createElement("iframe",{width:"100%",height:"100%",src:t,frameBorder:"0",allowFullScreen:!0}))})))),n.createElement("div",{ref:d,className:"on-right"},n.createElement("div",{ref:c,className:"on-right-top"},n.createElement("div",{className:"on-right-top-inner"},n.createElement("span",{className:"ttl"},"Embed Video"),n.createElement(s.CircleIconButton,{type:"button",onClick:function(){void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"})))),n.createElement("div",{ref:m,className:"on-right-middle",style:{top:B+"px",bottom:z+"px"}},n.createElement("textarea",{readOnly:!0,value:function(){const e=r.MediaPageStore.get("media-id"),t=new URLSearchParams;if(y?t.set("showTitle","1"):t.set("showTitle","0"),b?t.set("showRelated","1"):t.set("showRelated","0"),w?t.set("showUserAvatar","1"):t.set("showUserAvatar","0"),M?t.set("linkTitle","1"):t.set("linkTitle","0"),N&&L){const e=L.split(":").reverse();let a=0;e[0]&&(a+=parseInt(e[0],10)||0),e[1]&&(a+=60*(parseInt(e[1],10)||0)),e[2]&&(a+=3600*(parseInt(e[2],10)||0)),a>0&&t.set("t",a)}const a=i.embed.includes("?")?"&":"?",n=`${i.embed}${e}${a}${t.toString()}`;if(k){if("custom"===V)return``;const e=V.split(":"),t=`${e[0]} / ${e[1]}`;return``}return``}()}),n.createElement("div",{className:"iframe-config"},n.createElement("div",{className:"iframe-config-options-title"},"Embed options"),n.createElement("div",{className:"iframe-config-option"},n.createElement("div",{className:"option-content"},n.createElement("div",{className:"ratio-options",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"0 10px"}},n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:y,onChange:function(){E(!y)}}),"Show title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:M,onChange:function(){_(!M)},disabled:!y}),"Link title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:b,onChange:function(){S(!b)}}),"Show related")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:w,onChange:function(){P(!w)},disabled:!y}),"Show user avatar")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:k,onChange:function(){const e=!k;if(C(e),e)v(!1);else if("custom"!==V){const e=V.split(":"),t=e[0],a=e[1];v(!0),F(parseInt(A*a/t,10))}else v(!1)}}),"Responsive")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:N,onChange:function(){x(!N)}}),"Start at"),N&&n.createElement("input",{type:"text",value:L,onChange:function(e){I(e.target.value)},style:{width:"60px",height:"28px",fontSize:"12px",padding:"2px 5px"}})),n.createElement("div",{className:"options-group",style:{display:"flex",flexDirection:"column",justifyContent:"center"}},n.createElement("div",{style:{fontSize:"12px",marginBottom:"4px",color:"rgba(0,0,0,0.6)"}},"Aspect Ratio"),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("select",{ref:o,onChange:function(){const e=o.current.value;if("custom"===e)T(e),v(!1);else{const t=e.split(":"),a=t[0],i=t[1];T(e),v(!0),F(parseInt(A*i/a,10))}},value:V,style:{height:"28px",fontSize:"12px"}},n.createElement("option",{value:"16:9"},"16:9"),n.createElement("option",{value:"4:3"},"4:3"),n.createElement("option",{value:"3:2"},"3:2"),n.createElement("option",{value:"custom"},"Custom"))))),n.createElement("br",null),!k&&n.createElement(n.Fragment,null,n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];R(e),F(h?parseInt(e*i/a,10):O)},unitCallback:function(e){D(e)},label:"Width",defaultValue:parseInt(A,10),defaultUnit:U,minValue:1,maxValue:99999,units:$})),n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];F(e),R(h?parseInt(e*a/i,10):A)},unitCallback:function(e){j(e)},label:"Height",defaultValue:parseInt(O,10),defaultUnit:H,minValue:1,maxValue:99999,units:$}))))))),n.createElement("div",{ref:u,className:"on-right-bottom"},n.createElement("button",{onClick:function(){f.MediaPageActions.copyEmbedMediaCode(m.current.querySelector("textarea"))}},"COPY")))))}te.propTypes={triggerPopupClose:h().func};var ae=a(5289);function ie(e){let{onClick:t}=e;return n.createElement("span",{className:"next-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_right")))}function ne(e){let{onClick:t}=e;return n.createElement("span",{className:"previous-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_left")))}function le(){return{maxFormContentHeight:window.innerHeight-196,maxPopupWidth:518>window.innerWidth-80?window.innerWidth-80:null}}function re(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),i=r.MediaPageStore.get("media-url"),[o,s]=(0,n.useState)(null),[d,c]=(0,n.useState)({prev:!1,next:!1}),[m,u]=(0,n.useState)(le()),[p]=(0,n.useState)(function(){const e=function(){const e=l.ShareOptionsContext._currentValue,t=r.MediaPageStore.get("media-url"),a=(r.MediaPageStore.get("media-data").title,{});let i=0;for(;i{s(new ae.A(a.current,".sh-option"))}),[p]),(0,n.useEffect)((()=>{o&&(o.updateDataStateOnResize(p.length,!0,!0),_())}),[m,o]),(0,n.useEffect)((()=>{r.PageStore.on("window_resize",P),r.MediaPageStore.on("copied_media_link",M);const e=function(){const e=document.getElementsByTagName("video");return e[0]?.currentTime}();return h(e),y(function(e){let t=parseInt(e,10),a=Math.floor(t/3600),i=Math.floor((t-3600*a)/60),n=t-3600*a-60*i;return a<10&&(a="0"+a),i<10&&(i="0"+i),n<10&&(n="0"+n),a>=1?a+":"+i+":"+n:i+":"+n}(e)),()=>{r.PageStore.removeListener("window_resize",P),r.MediaPageStore.removeListener("copied_media_link",M),s(null)}}),[]),n.createElement("div",{ref:t,style:null!==m.maxPopupWidth?{maxWidth:m.maxPopupWidth+"px"}:null},n.createElement("div",{className:"scrollable-content",style:null!==m.maxFormContentHeight?{maxHeight:m.maxFormContentHeight+"px"}:null},n.createElement("div",{className:"share-popup-title"},"Share media"),p.length?n.createElement("div",{className:"share-options"},d.prev?n.createElement(ne,{onClick:function(){o.previousSlide(),_()}}):null,n.createElement("div",{ref:a,className:"share-options-inner"},p),d.next?n.createElement(ie,{onClick:function(){o.nextSlide(),_()}}):null):null),n.createElement("div",{className:"copy-field"},n.createElement("div",null,n.createElement("input",{type:"text",readOnly:!0,value:S}),n.createElement("button",{onClick:function(){f.MediaPageActions.copyShareLink(t.current.querySelector(".copy-field input"))}},"COPY"))),n.createElement("div",{className:"start-at"},n.createElement("label",null,n.createElement("input",{type:"checkbox",name:"start-at-checkbox",id:"id-start-at-checkbox",checked:E,onChange:function(){b(!E),function(){const e=E?i:i+"&t="+Math.trunc(g);w(e)}()}}),"Start at ",v)))}function oe(){return{shareOptions:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(re,null)))}}function se(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("shareOptions");return n.createElement("div",{className:"share"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"share"})),n.createElement("span",null,(0,v.translateString)("SHARE")))),n.createElement(a,{contentRef:t,hideCallback:function(){r("shareOptions")}},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:e.isVideo?(o=function(){t.current.toggle()},{...oe(),shareEmbed:n.createElement("div",{className:"popup-fullscreen share-embed-popup"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(te,{triggerPopupClose:o})))}):oe(),focusFirstItemOnPageChange:!1,pageChangeCallback:function(e){r(e)}})));var o}function de(e){return n.createElement("div",{className:"download hidden-only-in-small"},n.createElement("a",{href:e.link,target:"_blank",download:e.title,title:"Download",rel:"noreferrer"},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,"DOWNLOAD")))}function ce(){const e=r.MediaPageStore.get("media-data"),t=(e.title,e.encodings_info),a={};let i,n;for(i in t)if(t.hasOwnProperty(i)&&Object.keys(t[i]).length)for(n in t[i])if(t[i].hasOwnProperty(n)&&"success"===t[i][n].status&&100===t[i][n].progress&&null!==t[i][n].url){const r=e.original_media_url,o=r?r.substring(r.lastIndexOf("/")+1):e.title;a[t[i][n].title]={text:i+" - "+n.toUpperCase()+" ("+t[i][n].size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:o}}}const o=e.original_media_url,s=o?o.substring(o.lastIndexOf("/")+1):e.title;return a.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:s}},Object.values(a)}function me(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("main");return n.createElement("div",{className:"video-downloads hidden-only-in-small"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,(0,v.translateString)("DOWNLOAD")))),n.createElement("div",{className:"nav-page-"+l},n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{pageChangeCallback:null,initPage:"main",focusFirstItemOnPageChange:!1,pages:{main:n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:ce()})))},pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"}))))}de.propTypes={link:h().string.isRequired,title:h().string.isRequired};class ue extends n.PureComponent{constructor(e){super(e),this.state={likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")},this.downloadLink="video"!==r.MediaPageStore.get("media-type")?(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url):null;const t=r.MediaPageStore.get("media-original-url");this.downloadFilename=t?t.substring(t.lastIndexOf("/")+1):this.props.title,this.updateStateValues=this.updateStateValues.bind(this)}componentDidMount(){r.MediaPageStore.on("liked_media",this.updateStateValues),r.MediaPageStore.on("unliked_media",this.updateStateValues),r.MediaPageStore.on("disliked_media",this.updateStateValues),r.MediaPageStore.on("undisliked_media",this.updateStateValues);const e=document.querySelectorAll("[data-tooltip]");e.length&&e.forEach((e=>function(e){const t=document.body,a=document.createElement("span");function i(){const t=e.getBoundingClientRect();a.style.top=t.top-(0+a.offsetHeight)+"px",a.style.left=t.left+"px"}a.innerText=e.getAttribute("data-tooltip"),a.setAttribute("class","tooltip"),e.removeAttribute("data-tooltip"),e.addEventListener("mouseenter",(function(){const n=e.getBoundingClientRect();t.appendChild(a),a.style.top=n.top-(0+a.offsetHeight)+"px",a.style.left=n.left+"px",document.addEventListener("scroll",i)})),e.addEventListener("mouseleave",(function(){t.removeChild(a),a.style.top="",a.style.left="",document.removeEventListener("scroll",i)}))}(e)))}updateStateValues(){this.setState({likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")})}mediaCategories(e){if(void 0===this.props.categories||null===this.props.categories||!this.props.categories.length)return null;let t=0,a=[];for(;t=this.props.views?"view":"views"):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!1}):null,!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1=this.props.views?(0,v.translateString)("view"):(0,v.translateString)("views")):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,!(0,v.inEmbeddedApp)()&&l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!0}):null,!(0,v.inEmbeddedApp)()&&!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1(r.MediaPageStore.on("loaded_media_data",s),r.PageStore.on("switched_media_auto_play",o),()=>{r.MediaPageStore.removeListener("loaded_media_data",s),r.PageStore.removeListener("switched_media_auto_play",o)})),[]),t?n.createElement("div",{className:"auto-play"},n.createElement("div",{className:"auto-play-header"},n.createElement("div",{className:"next-label"},(0,v.translateString)("Up next"))),n.createElement(ve.k,{className:"items-list-hor",items:[t],pageItems:1,maxItems:1,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor})):null}function be(e){const[t,a]=(0,n.useState)(s()),[i,l]=(0,n.useState)(null);function o(){l(r.MediaPageStore.get("media-type")),a(s())}function s(){const e=r.MediaPageStore.get("media-data");return null!=e&&void 0!==e.related_media&&e.related_media.length?e.related_media:null}return(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_media_data",o),()=>r.MediaPageStore.removeListener("loaded_media_data",o))),[]),t&&t.length?n.createElement(ve.k,{className:"items-list-hor",items:!e.hideFirst||"video"!==i&&"audio"!==i?t:t.slice(1),pageItems:r.PageStore.get("config-options").pages.media.related.initialSize,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor}):null}function Se(e){return n.createElement(ve.k,{className:"items-list-hor",pageItems:9999,maxItems:9999,items:e.items,hideDate:!0,hideViews:!0,hidePlaylistOrderNumber:!1,horizontalItemsOrientation:!0,inPlaylistView:!0,singleLinkContent:!0,playlistActiveItem:e.playlistActiveItem})}be.propTypes={hideFirst:h().bool},be.defaultProps={hideFirst:!0},Se.propTypes={items:h().array.isRequired,playlistActiveItem:v.PositiveIntegerOrZero},Se.defaultProps={playlistActiveItem:1};class we extends n.PureComponent{constructor(e){super(e),this.state={expanded:!0,loopRepeat:r.PlaylistViewStore.get("enabled-loop"),shuffle:r.PlaylistViewStore.get("enabled-shuffle"),savedPlaylist:r.PlaylistViewStore.get("saved-playlist-loop"),title:e.playlistData.title,link:e.playlistData.url,authorName:e.playlistData.user,authorLink:l.LinksContext._currentValue.home+"/user/"+e.playlistData.user,activeItem:e.activeItem,totalMedia:e.playlistData.media_count,items:e.playlistData.playlist_media},this.onHeaderClick=this.onHeaderClick.bind(this),this.onLoopClick=this.onLoopClick.bind(this),this.onShuffleClick=this.onShuffleClick.bind(this),this.onSaveClick=this.onSaveClick.bind(this),this.onLoopRepeatUpdate=this.onLoopRepeatUpdate.bind(this),this.onShuffleUpdate=this.onShuffleUpdate.bind(this),this.onPlaylistSaveUpdate=this.onPlaylistSaveUpdate.bind(this),r.PlaylistViewStore.on("loop-repeat-updated",this.onLoopRepeatUpdate),r.PlaylistViewStore.on("shuffle-updated",this.onShuffleUpdate),r.PlaylistViewStore.on("saved-updated",this.onPlaylistSaveUpdate)}onHeaderClick(e){this.setState({expanded:!this.state.expanded})}onLoopClick(){f.PlaylistViewActions.toggleLoop()}onShuffleClick(){f.PlaylistViewActions.toggleShuffle()}onSaveClick(){f.PlaylistViewActions.toggleSave()}onShuffleUpdate(){this.setState({shuffle:r.PlaylistViewStore.get("enabled-shuffle")},(()=>{this.state.shuffle?f.PageActions.addNotification("Playlist shuffle is on","shuffle-on"):f.PageActions.addNotification("Playlist shuffle is off","shuffle-off")}))}onLoopRepeatUpdate(){this.setState({loopRepeat:r.PlaylistViewStore.get("enabled-loop")},(()=>{this.state.loopRepeat?f.PageActions.addNotification("Playlist loop is on","loop-on"):f.PageActions.addNotification("Playlist loop is off","loop-off")}))}onPlaylistSaveUpdate(){this.setState({savedPlaylist:r.PlaylistViewStore.get("saved-playlist")},(()=>{this.state.savedPlaylist?f.PageActions.addNotification("Added to playlists library","added-to-playlists-lib"):f.PageActions.addNotification("Removed from playlists library","removed-from-playlists-lib")}))}render(){return n.createElement("div",{className:"playlist-view-wrap"},n.createElement("div",{className:"playlist-view"+(this.state.expanded?" playlist-expanded-view":"")},n.createElement("div",{className:"playlist-header"},n.createElement("div",{className:"playlist-title"},n.createElement("a",{href:this.state.link,title:this.state.title},this.state.title)),n.createElement("div",{className:"playlist-meta"},n.createElement("span",null,n.createElement("a",{href:this.state.authorLink,title:this.state.authorName},this.state.authorName)),"  -  ",n.createElement("span",{className:"counter"},this.state.activeItem," / ",this.state.totalMedia)),n.createElement(s.CircleIconButton,{className:"toggle-playlist-view",onClick:this.onHeaderClick},this.state.expanded?n.createElement("i",{className:"material-icons"},"keyboard_arrow_up"):n.createElement("i",{className:"material-icons"},"keyboard_arrow_down"))),this.state.expanded?n.createElement("div",{className:"playlist-actions"},n.createElement(s.CircleIconButton,{className:this.state.loopRepeat?"active":"",onClick:this.onLoopClick,title:"Loop playlist"},n.createElement("i",{className:"material-icons"},"repeat"))):null,this.state.expanded&&this.state.items.length?n.createElement("div",{className:"playlist-media"},n.createElement(Se,{items:this.state.items,playlistActiveItem:this.state.activeItem})):null))}}we.propTypes={playlistData:h().object.isRequired,activeItem:v.PositiveIntegerOrZero},we.defaultProps={};class Pe extends n.PureComponent{constructor(e){if(super(e),this.state={playlistData:e.playlistData,isPlaylistPage:!!e.playlistData,activeItem:0,mediaType:r.MediaPageStore.get("media-type"),chapters:r.MediaPageStore.get("media-data")?.chapters},e.playlistData){let t=0;for(;t{let e=null,t=null;const a=window.location.search.split("?")[1];return a&&a.split("&").forEach((a=>{0===a.indexOf("m=")?e=a.split("m=")[1]:0===a.indexOf("pl=")&&(t=a.split("pl=")[1])})),{mediaId:e,playlistId:t}},{mediaId:t,playlistId:a}=e();t&&(window.MediaCMS.mediaId=t),a&&(window.MediaCMS.playlistId=a)}(0,i.C)("page-media",class extends _e{viewerContainerContent(e){switch(r.MediaPageStore.get("media-type")){case"video":case"audio":return n.createElement(l.SiteConsumer,null,(t=>n.createElement(C,{data:e,siteUrl:t.url,inEmbed:!1})));case"image":return n.createElement(c,null);case"pdf":const t=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url);return n.createElement(p,{fileUrl:t})}return n.createElement(o,null)}})}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}};return t[e].call(l.exports,l,l.exports,i),l.exports}i.m=t,e=[],i.O=function(t,a,n,l){if(!a){var r=1/0;for(c=0;c=l)&&Object.keys(i.O).every((function(e){return i.O[e](a[s])}))?a.splice(s--,1):(o=!1,l0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,n,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=201,function(){var e={201:0};i.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,l,r=a[0],o=a[1],s=a[2],d=0;if(r.some((function(t){return 0!==e[t]}))){for(n in o)i.o(o,n)&&(i.m[n]=o[n]);if(s)var c=s(i)}for(t&&t(a);d{l(function(e,t,a){if(void 0!==e){let i=null;return i=void 0!==t&&t>e?t:e,i=void 0!==a&&a{m.current&&c({height:m.current.clientHeight||0,width:m.current.clientWidth||0})}),[o]);const u={right:{left:"100%",marginLeft:"10px",top:"-50%"},left:{right:"100%",marginRight:"10px",top:"-50%"},top:{left:"50%",top:`-${d.height+10}px`,transform:"translateX(-50%)"},center:{top:"50%",left:"50%",translate:"x-[-50%]"},"bottom-left":{left:`-${d.width-20}px`,top:"100%",marginTop:"10px"}};return n.createElement("div",{onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},n.createElement("div",{ref:m,className:`tooltip-box ${o?"show":"hide"} ${r}`,style:u[l]},i&&n.createElement("div",{className:"tooltip-title"},i),n.createElement("div",{className:"tooltip-content"},a)),t)};function c(){const e=(0,n.useContext)(l.SiteContext);let t=E();t=t||r.MediaPageStore.get("media-data").thumbnail_url,t=t||"";const[a,i]=(0,n.useState)(t),[o,c]=(0,n.useState)([]),[m,u]=(0,n.useState)(!1),[p,g]=(0,n.useState)(0),[h,f]=(0,n.useState)(!0),v=n.useRef();function y(){i(E())}function E(){const t=r.MediaPageStore.get("media-data");let a=t.poster_url?.trim()||t.thumbnail_url?.trim()||r.MediaPageStore.get("media-original-url")?.trim()||"#";return e.url+"/"+a.replace(/^\//g,"")}(0,n.useEffect)((()=>{a&&(()=>{const e=r.MediaPageStore.get("media-data").slideshow_items;Array.isArray(e)&&c(e)})()}),[a]),(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_image_data",y),()=>r.MediaPageStore.removeListener("loaded_image_data",y))),[]),(0,n.useEffect)((()=>{if(m)return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}}),[m,o]);const b=e=>{"ArrowRight"===e.key&&w(),"ArrowLeft"===e.key&&P(),"Escape"===e.key&&S()},S=()=>u(!1),w=()=>{f(!0),g((e=>(e+1)%o.length))},P=()=>{f(!0),g((e=>(e-1+o.length)%o.length))},M=e=>{if(v.current){const t=10;"left"===e?v.current.scrollBy({left:-t,behavior:"smooth"}):"right"===e&&v.current.scrollBy({left:t,behavior:"smooth"})}};return a?n.createElement("div",{className:"viewer-image-container"},n.createElement(d,{content:"load full-image",position:"center"},n.createElement("img",{src:a,alt:r.MediaPageStore.get("media-data").title||null,onClick:()=>u(!0)})),m&&o&&n.createElement("div",{className:"modal-overlay",onClick:()=>u(!1)},n.createElement("div",{className:"slideshow-container",onClick:e=>e.stopPropagation()},!h&&n.createElement("button",{className:"arrow left",onClick:P,"aria-label":"Previous slide"},"‹"),n.createElement("div",{className:"slideshow-image"},h&&n.createElement(s.SpinnerLoader,{size:"large"}),n.createElement("img",{src:e.url+"/"+o[p]?.original_media_url,alt:`Slide ${p+1}`,onClick:()=>(t=>{const a=e.url+o[t]?.url;window.location.href=a})(p),onLoad:()=>f(!1),onError:()=>f(!1),style:{display:h?"none":"block"}}),!h&&n.createElement("div",{className:"slideshow-title"},o[p]?.title)),!h&&n.createElement("button",{className:"arrow right",onClick:w,"aria-label":"Next slide"},"›"),n.createElement("div",{className:"thumbnail-navigation"},o.length>5&&n.createElement("button",{className:"arrow left",onClick:()=>M("left"),"aria-label":"Scroll left"},"‹"),n.createElement("div",{className:"thumbnail-container "+(o.length<=5?"center-thumbnails":""),ref:v},o.map(((t,a)=>n.createElement("img",{key:a,src:e.url+"/"+t.thumbnail_url,alt:`Thumbnail ${a+1}`,className:"thumbnail "+(p===a?"active":""),onClick:()=>(e=>{f(!0),g(e)})(a)})))),o.length>5&&n.createElement("button",{className:"arrow right",onClick:()=>M("right"),"aria-label":"Scroll right"},"›"))))):null}var m=a(7118),u=a(5928);function p(e){let{fileUrl:t}=e;const a=(0,u.defaultLayoutPlugin)();return n.createElement("div",{className:"pdf-container"},n.createElement(m.Worker,{workerUrl:"https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js"},n.createElement(m.Viewer,{fileUrl:t,plugins:[a]})))}var g=a(8713),h=a.n(g),f=a(285),v=a(7591),y=a(7154),E=a(8974);const b=["hls","h265","vp9","h264","vp8","mp4","theora"];function S(e,t){let a=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":a=!0;break;case"h265":a="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":a="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":a="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":a="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":a="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&E.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&E.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":E.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":E.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&E.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){E.warn(e)}return a}function w(e){let t=[],a={},i=document.createElement("video");return i.canPlayType&&(a.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(a.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(a.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(a.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(a.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(a.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(a.mp4=!0,t.push("mp4"))),{order:t,support:a}}var P=a(8974);const M=e=>{let{data:t,useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r,playerSoundMuted:o,videoQuality:s,videoPlaybackSpeed:d,inTheaterMode:c,siteId:m,siteUrl:u,info:p,cornerLayers:g,sources:h,poster:f,previewSprite:v,subtitlesInfo:y,inEmbed:E,showTitle:b,showRelated:S,showUserAvatar:w,linkTitle:M,hasTheaterMode:_,hasNextLink:k,nextLink:C,hasPreviousLink:N,errorMessage:x,onClickNextCallback:L,onClickPreviousCallback:I,onStateUpdateCallback:V,onPlayerInitCallback:T}=e;const A=(0,n.useRef)(null),R=(0,n.useRef)(!1),U=(0,n.useRef)(null),D=(0,n.useRef)(E),O=e=>new URLSearchParams(window.location.search).get(e);(0,n.useEffect)((()=>{if(D.current=E,"undefined"!=typeof window){const e=O("t"),n=O("muted"),o=O("showRelated"),P=O("showUserAvatar"),A=O("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r||.5,playerSoundMuted:"1"===n,videoQuality:s||"auto",videoPlaybackSpeed:d||1,inTheaterMode:c||!1,siteId:m||"",siteUrl:u||"",info:p||{},cornerLayers:g||[],sources:h||[],poster:f||"",previewSprite:v||null,subtitlesInfo:y||[],inEmbed:E||!1,showTitle:b||!1,showRelated:void 0!==S?S:"1"===o||"true"===o||null===o,showUserAvatar:void 0!==w?w:"1"===P||"true"===P||null===P,linkTitle:void 0!==M?M:"1"===A||"true"===A||null===A,hasTheaterMode:_||!1,hasNextLink:k||!1,nextLink:C||null,hasPreviousLink:N||!1,errorMessage:x||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===n,urlShowRelated:"1"===o||"true"===o,urlShowUserAvatar:"1"===P||"true"===P,urlLinkTitle:"1"===A||"true"===A,onClickNextCallback:L||null,onClickPreviousCallback:I||null,onStateUpdateCallback:V||null,onPlayerInitCallback:(e,t)=>{U.current=e,T&&T(e,t)}}}R.current||(F(),R.current=!0)}),[t,u,E]),(0,n.useEffect)((()=>{if(E&&A.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[E,A.current]),(0,n.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let a=null;if(U.current&&U.current.player&&(a=U.current.player),!a&&"undefined"!=typeof window&&window.videojsPlayers){const e=D.current?"video-embed":"video-main";a=window.videojsPlayers[e]}if(!a&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(D.current?"#video-embed":"#video-main");e&&e.player&&(a=e.player)}if(a){t>=0&&t=0&&a.play();const e=document.querySelector(D.current?"#video-embed":"#video-main");if(e){const t=O("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else P.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const F=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=u+"/static/video_js/video-js.css?v="+i,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=u+"/static/video_js/video-js.js?v="+i,document.head.appendChild(e)}};return n.createElement("div",{className:"video-js-wrapper",ref:A},E?n.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):n.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};M.defaultProps={data:{},siteUrl:""};var _=M,k=a(8974);class C extends n.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":r.MediaPageStore.set("media-load-error-type","encodingRunning"),r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":r.MediaPageStore.set("media-load-error-type","encodingPending"),r.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":r.MediaPageStore.set("media-load-error-type","encodingFailed"),r.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==r.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,v.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,v.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=function(e,t,a){const i={};let n,r,o;a=void 0===a?w():a;const s={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(n in t)t.hasOwnProperty(n)&&(r=null,"master_file"===n?r="Auto":(r=n.split("_playlist"),r=2===r.length?r[0]:null),null!==r&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push("hls"),i[r].url.push((0,v.formatInnerLink)(t[n],l.SiteContext._currentValue.url))));for(r in e)if(e.hasOwnProperty(r)&&Object.keys(e[r]).length&&(1080>=parseInt(r,10)||1080=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(a=i.length-1;a>=0;){if(parseInt(e,10)>=parseInt(i[a],10))return i[a+1];a-=1}}(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const a=w();let i,n;for(n=0;nemailEmail1\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),a=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,v.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==a&&e.target!==t||(0,v.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){r.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&f.VideoViewerActions.set_viewer_mode(e.theaterMode),r.VideoViewerStore.get("player-volume")!==e.volume&&f.VideoViewerActions.set_player_volume(e.volume),r.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&f.VideoViewerActions.set_player_sound_muted(e.soundMuted),r.VideoViewerStore.get("video-quality")!==e.quality&&f.VideoViewerActions.set_video_quality(e.quality),r.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&f.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(r.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),t=r.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const a=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return n.createElement(n.Fragment,null,n.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},n.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==r.MediaPageStore.get("media-load-error-type")?n.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},n.createElement(l.SiteConsumer,null,(i=>n.createElement(_,{data:this.props.data,useRoundedCorners:i.useRoundedCorners,version:i.version,isPlayList:!!r.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:i.id,siteUrl:i.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:a,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:r.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}C.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:h().string.isRequired},C.propTypes={inEmbed:h().bool,showTitle:h().bool,showRelated:h().bool,showUserAvatar:h().bool,linkTitle:h().bool,timestamp:h().number};var N=a(5338),x=a(6619),L=a(4350);const I={single:(0,v.translateString)("comment"),uppercaseSingle:(0,v.translateString)("COMMENT"),ucfirstSingle:(0,v.translateString)("Comment"),ucfirstPlural:(0,v.translateString)("Comments"),submitCommentText:(0,v.translateString)("SUBMIT"),disabledCommentsMsg:(0,v.translateString)("Comments are disabled")};function V(e){const t=(0,n.useRef)(null),[a,i]=(0,n.useState)(""),[o,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),[u,p]=(0,n.useState)(-1),[g,h]=(0,n.useState)(""),[y]=(0,n.useState)(l.MemberContext._currentValue.is.anonymous?l.LinksContext._currentValue.signin+"?next=/"+window.location.href.replace(l.SiteContext._currentValue.url,"").replace(/^\//g,""):null);function E(){m(!0)}function b(){m(!1)}function S(){const e=[...r.MediaPageStore.get("users")],t=[];e.forEach((e=>{t.push({id:e.username,display:e.name})})),h(t)}function w(){t.current.style.height="";const e=t.current.scrollHeight,a=0(r.MediaPageStore.on("comment_submit",w),r.MediaPageStore.on("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.on("users_load",S),()=>{r.MediaPageStore.removeListener("comment_submit",w),r.MediaPageStore.removeListener("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.removeListener("users_load",S)}))),l.MemberContext._currentValue.is.anonymous?n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("a",{href:y,rel:"noffolow",className:"form-textarea-wrap",title:(0,v.translateString)("Add a ")+I.single+"..."},n.createElement("span",{className:"form-textarea"},(0,v.translateString)("Add a ")+I.single+"...")),n.createElement("div",{className:"form-buttons"},n.createElement("a",{href:y,rel:"noffolow",className:"disabled"},I.submitCommentText))))):n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("div",{className:"form-textarea-wrap"+(c?" focused":"")},MediaCMS.features.media.actions.comment_mention?n.createElement(x.G,{inputRef:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e,a,n,l){t.current.style.height="",i(a),d(!0);const r=t.current.scrollHeight,o=0()=>{}),[]),n.createElement("div",{className:"comment"},n.createElement("div",{className:"comment-inner"},n.createElement("a",{className:"comment-author-thumb",href:e.author_link,title:e.author_name},n.createElement("img",{src:e.author_thumb,alt:e.author_name})),n.createElement("div",{className:"comment-content"},n.createElement("div",{className:"comment-meta"},n.createElement("div",{className:"comment-author"},n.createElement("a",{href:e.author_link,title:e.author_name},e.author_name)),n.createElement("div",{className:"comment-date"},(0,v.replaceString)((0,L.GP)(new Date(e.publish_date))))),n.createElement("div",{ref:t,className:"comment-text"+(i?" show-all":"")},n.createElement("div",{ref:a,className:"comment-text-inner",dangerouslySetInnerHTML:(d=e.text,{__html:d.replace(/\n/g,"
")})})),o?n.createElement("button",{className:"toggle-more",onClick:function(){r(!i)}},i?"Show less":"Read more"):null,l.MemberContext._currentValue.can.deleteComment?n.createElement(T,{comment_id:e.comment_id}):null)));var d}A.propTypes={comment_id:h().oneOfType([h().string,h().number]).isRequired,media_id:h().oneOfType([h().string,h().number]).isRequired,text:h().string,author_name:h().string,author_link:h().string,author_thumb:h().string,publish_date:h().oneOfType([h().string,h().number]),likes:h().number,dislikes:h().number},A.defaultProps={author_name:"",author_link:"#",publish_date:0,likes:0,dislikes:0};const R=e=>{let{commentsLength:t}=e;return n.createElement(n.Fragment,null,!l.MemberContext._currentValue.can.readComment||r.MediaPageStore.get("media-data").enable_comments?null:n.createElement("span",{className:"disabled-comments-msg"},I.disabledCommentsMsg),l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia)?n.createElement("h2",null,t?1{e.text=function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`${e}`}))}(e.text)})),function(){var e=document.querySelector(".page-main"),t=e.querySelector(".no-comment");const a=r.PageStore.get("config-contents").uploader.postUploadMessage;if(""===a)t&&0===comm.length&&t.parentNode.removeChild(t);else if(0===comm.length&&"unlisted"===r.MediaPageStore.get("media-data").state){if(-1f.PageActions.addNotification(I.ucfirstSingle+" added","commentSubmit")),100)}function u(){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" submission failed","commentSubmitFail")),100)}function p(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removed","commentDelete")),100)}function g(e){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removal failed","commentDeleteFail")),100)}return(0,n.useEffect)((()=>{d(i.length&&l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia))}),[i]),(0,n.useEffect)((()=>(r.MediaPageStore.on("comments_load",c),r.MediaPageStore.on("comment_submit",m),r.MediaPageStore.on("comment_submit_fail",u),r.MediaPageStore.on("comment_delete",p),r.MediaPageStore.on("comment_delete_fail",g),()=>{r.MediaPageStore.removeListener("comments_load",c),r.MediaPageStore.removeListener("comment_submit",m),r.MediaPageStore.removeListener("comment_submit_fail",u),r.MediaPageStore.removeListener("comment_delete",p),r.MediaPageStore.removeListener("comment_delete_fail",g)})),[]),n.createElement("div",{className:"comments-list"},n.createElement("div",{className:"comments-list-inner"},n.createElement(R,{commentsLength:i.length}),r.MediaPageStore.get("media-data").enable_comments?n.createElement(V,{media_id:t}):null,s?i.map((e=>n.createElement(A,{key:e.uid,comment_id:e.uid,media_id:t,text:e.text,author_name:e.author_name,author_link:e.author_profile,author_thumb:l.SiteContext._currentValue.url+"/"+e.author_thumbnail_url.replace(/^\//g,""),publish_date:e.add_date,likes:0,dislikes:0}))):null))}var D=a(8974);function O(e){let t,a,i=[];if(e&&e.length)for(t=0,a=1!0===e.is_lms_course)));const d=r.PageStore.get("config-options").pages.media.categoriesWithTitle?[]:!r.PageStore.get("config-enabled").taxonomies.categories||r.PageStore.get("config-enabled").taxonomies.categories.enabled?O(o):[];let c=r.MediaPageStore.get("media-summary");c=c?c.trim():"";const[m,u,p]=(0,N.usePopup)(),[g,h]=(0,n.useState)(""!==c),[y,E]=(0,n.useState)(""==c);function b(e){setTimeout((function(){f.PageActions.addNotification("Media removed. Redirecting...","mediaDelete"),setTimeout((function(){window.location.href=l.SiteContext._currentValue.url+"/"+r.MediaPageStore.get("media-data").author_profile.replace(/^\//g,"")}),2e3)}),100),void 0!==e&&D.info("Removed media '"+e+'"')}function S(e){setTimeout((function(){f.PageActions.addNotification("Media removal failed","mediaDeleteFail")}),100),void 0!==e&&D.info('Media "'+e+'" removal failed')}(0,n.useEffect)((()=>(r.MediaPageStore.on("media_delete",b),r.MediaPageStore.on("media_delete_fail",S),()=>{r.MediaPageStore.removeListener("media_delete",b),r.MediaPageStore.removeListener("media_delete_fail",S)})),[]);const w=(0,v.formatInnerLink)(e.author.url,l.SiteContext._currentValue.url),P=(0,v.formatInnerLink)(e.author.thumb,l.SiteContext._currentValue.url);return n.createElement("div",{className:"media-info-content"},void 0===r.PageStore.get("config-media-item").displayAuthor||null===r.PageStore.get("config-media-item").displayAuthor||r.PageStore.get("config-media-item").displayAuthor?n.createElement(F,{link:w,thumb:P,name:e.author.name,published:e.published}):null,n.createElement("div",{className:"media-content-banner"},n.createElement("div",{className:"media-content-banner-inner"},g?n.createElement("div",{className:"media-content-summary"},c):null,g&&!y||!a?null:n.createElement("div",{className:"media-content-description",dangerouslySetInnerHTML:{__html:function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`${e}`}))}(a)}}),g?n.createElement("button",{className:"load-more",onClick:function(){E(!y)}},y?"SHOW LESS":"SHOW MORE"):null,i.length?n.createElement(H,{value:i,title:1(r.MediaPageStore.on("disliked_media",d),r.MediaPageStore.on("undisliked_media",c),r.MediaPageStore.on("disliked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("disliked_media",d),r.MediaPageStore.removeListener("undisliked_media",c),r.MediaPageStore.removeListener("disliked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"undislikeMedia":"dislikeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_down"})),n.createElement("span",{className:"dislikes-counter"},a)))}function z(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-liked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1));function o(){t(r.MediaPageStore.get("user-liked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.addToLiked,"likedMedia")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.removeFromLiked,"unlikedMedia")}function m(){f.PageActions.addNotification("Action failed","likedMediaRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("liked_media",d),r.MediaPageStore.on("unliked_media",c),r.MediaPageStore.on("liked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("liked_media",d),r.MediaPageStore.removeListener("unliked_media",c),r.MediaPageStore.removeListener("liked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"unlikeMedia":"likeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_up"})),n.createElement("span",{className:"likes-counter"},a)))}function W(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(null);function o(){l(window.innerHeight-(104+t.current.offsetHeight))}return(0,n.useEffect)((()=>(o(),r.PageStore.on("window_resize",o),()=>{r.PageStore.removeListener("window_resize",o)})),[]),n.createElement("form",null,n.createElement("div",{className:"report-form",style:null!==i?{maxHeight:i+"px"}:null},n.createElement("div",{className:"form-title"},"Report media"),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"URL"),n.createElement("input",{type:"text",readOnly:!0,value:e.mediaUrl})),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"Description"),n.createElement("textarea",{ref:a,required:!0})),n.createElement("div",{className:"form-field form-help-text"},"Reported media is reviewed")),n.createElement("div",{ref:t,className:"form-actions-bottom"},n.createElement("button",{className:"cancel",onClick:function(t){t.preventDefault(),void 0!==e.cancelReportForm&&e.cancelReportForm()}},"CANCEL"),n.createElement("button",{onClick:function(t){const i=a.current.value.trim();""!==i&&(t.preventDefault(),void 0!==e.submitReportForm&&e.submitReportForm(i))}},"SUBMIT")))}function $(e,t){const a=l.SiteContext._currentValue,i=e.encodings_info,n={};let r,o;for(r in i)if(i.hasOwnProperty(r)&&Object.keys(i[r]).length)for(o in i[r])i[r].hasOwnProperty(o)&&"success"===i[r][o].status&&100===i[r][o].progress&&null!==i[r][o].url&&(n[i[r][o].title]={text:r+" - "+o.toUpperCase()+" ("+i[r][o].size+")",link:(0,v.formatInnerLink)(i[r][o].url,a.url),linkAttr:{target:"_blank",download:e.title+"_"+r+"_"+o.toUpperCase()}});return n.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,a.url),linkAttr:{target:"_blank",download:e.title}},Object.values(n)}function G(e,t,a,i,l,r,o){const d=t.url,c=t.media_type,m=t.state||"N/A",u=t.encoding_status||"N/A",p=t.reported_times,g=t.is_reviewed,h="video"===c,f=function(e,t,a,i,n){const l=[],r="video"===t.media_type,o=t.reported_times;return a&&e.downloadMedia&&(r?l.push({itemType:"open-subpage",text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},buttonAttr:{className:"change-page","data-page-id":"videoDownloadOptions"}}):i&&l.push({itemType:"link",link:i,text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},linkAttr:{target:"_blank",download:t.title}})),r&&e.editMedia&&l.push({itemType:"open-subpage",text:"Status info",icon:"info",buttonAttr:{className:"change-page","data-page-id":"mediaStatusInfo"}}),e.reportMedia&&(n?l.push({itemType:"div",text:"Reported",icon:"flag",divAttr:{className:"reported-label loggedin-media-reported"}}):l.push({itemType:"open-subpage",text:"Report",icon:"flag",buttonAttr:{className:"change-page"+(o?" loggedin-media-reported":""),"data-page-id":"loggedInReportMedia"}})),l}(e,t,a,i,l),v={};return f.length&&(v.main=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:f})))),e.reportMedia&&(v.loggedInReportMedia=l?null:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement("div",null,n.createElement(W,{mediaUrl:d,submitReportForm:r,cancelReportForm:o}))))),e.editMedia&&(v.mediaStatusInfo=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement("ul",{className:"media-status-info"},n.createElement("li",null,"Media type: ",n.createElement("span",null,c)),n.createElement("li",null,"State: ",n.createElement("span",null,m)),n.createElement("li",null,"Review state: ",n.createElement("span",null,g?"Is reviewed":"Pending review")),h?n.createElement("li",null,"Encoding Status: ",n.createElement("span",null,u)):null,p?n.createElement("li",{className:"reports"},"Reports: ",n.createElement("span",null,p)):null)))),a&&e.downloadMedia&&h&&(v.videoDownloadOptions=n.createElement("div",{className:"video-download-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:$(t)})))),v}W.propTypes={mediaUrl:h().string.isRequired,cancelReportForm:h().func,submitReportForm:h().func};const Y="more-options active-options";function J(e){const{userCan:t}=(0,N.useUser)(),a=l.SiteContext._currentValue,i=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),a.url),o=r.MediaPageStore.get("media-data"),d="video"===o.media_type,[c,m,u]=(0,N.usePopup)(),[p,g]=(0,n.useState)(!1),[h,y]=(0,n.useState)(!1),[E,b]=(0,n.useState)({}),[S,w]=(0,n.useState)("main"),[P,M]=(0,n.useState)(Y);function _(e){f.MediaPageActions.reportMedia(e)}function k(){c.current.toggle()}function C(){c.current.tryToHide(),setTimeout((function(){f.PageActions.addNotification("Media Reported","reportedMedia"),y(!0),r.MediaPageStore.removeListener("reported_media",C)}),100)}return(0,n.useEffect)((()=>{h||(p?r.MediaPageStore.on("reported_media",C):r.MediaPageStore.removeListener("reported_media",C))}),[p]),(0,n.useEffect)((()=>{g(Object.keys(E).length&&e.allowDownload&&t.downloadMedia)}),[E]),(0,n.useEffect)((()=>{let a=Y;e.allowDownload&&t.downloadMedia&&"videoDownloadOptions"===S&&(a+=" video-downloads"),1===Object.keys(E).length&&e.allowDownload&&t.downloadMedia&&(d||i)&&(a+=" visible-only-in-small"),M(a)}),[S]),(0,n.useEffect)((()=>{b(G(t,o,e.allowDownload,i,h,_,k))}),[h]),(0,n.useEffect)((()=>(b(G(t,o,e.allowDownload,i,h,_,k)),()=>{p&&!h&&r.MediaPageStore.removeListener("reported_media",C)})),[]),p?n.createElement("div",{className:P},n.createElement(u,{contentRef:c},n.createElement("span",null,n.createElement(s.CircleIconButton,{type:"button"},n.createElement(s.MaterialIcon,{type:"more_horiz"})))),n.createElement("div",{className:"nav-page-"+S},n.createElement(m,{contentRef:c,hideCallback:function(){w("main")}},n.createElement(s.NavigationContentApp,{pageChangeCallback:function(e){w(e)},initPage:S,focusFirstItemOnPageChange:!1,pages:E,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"})))):null}J.propTypes={allowDownload:h().bool.isRequired},J.defaultProps={allowDownload:!1};var Z=a(3706);function Q(e){return e.renderDate?n.createElement("label",null,n.createElement("input",{type:"checkbox",checked:e.isChecked,onChange:function(t){t.persist(),e.isChecked?f.MediaPageActions.removeMediaFromPlaylist(e.playlistId,r.MediaPageStore.get("media-id")):f.MediaPageActions.addMediaToPlaylist(e.playlistId,r.MediaPageStore.get("media-id"))}}),n.createElement("span",null,e.title)):null}function X(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(new Date),[o,d]=(0,n.useState)(r.MediaPageStore.get("playlists")),[c,m]=(0,n.useState)(!1);function u(){E()}function p(){d(r.MediaPageStore.get("playlists")),l(new Date)}function g(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media added to playlist","playlistMediaAdditionComplete")}),100)}function h(){setTimeout((function(){f.PageActions.addNotification("Media's addition to playlist failed","playlistMediaAdditionFail")}),100)}function v(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media removed from playlist","playlistMediaRemovalComplete")}),100)}function y(){setTimeout((function(){f.PageActions.addNotification("Media's removal from playlist failed","playlistMediaaRemovalFail")}),100)}function E(){null!==a.current&&(a.current.style.maxHeight=window.innerHeight-74-(t.current.offsetHeight-a.current.offsetHeight)+"px")}function b(){m(!c),E()}return(0,n.useEffect)((()=>{E()})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",u),r.MediaPageStore.on("playlists_load",p),r.MediaPageStore.on("media_playlist_addition_completed",g),r.MediaPageStore.on("media_playlist_addition_failed",h),r.MediaPageStore.on("media_playlist_removal_completed",v),r.MediaPageStore.on("media_playlist_removal_failed",y),()=>{r.PageStore.removeListener("window_resize",u),r.MediaPageStore.removeListener("playlists_load",p),r.MediaPageStore.removeListener("media_playlist_addition_completed",g),r.MediaPageStore.removeListener("media_playlist_addition_failed",h),r.MediaPageStore.removeListener("media_playlist_removal_completed",v),r.MediaPageStore.removeListener("media_playlist_removal_failed",y)})),[]),n.createElement("div",{ref:t,className:"saveto-popup"},n.createElement("div",{className:"saveto-title"},"Save to...",n.createElement(s.CircleIconButton,{type:"button",onClick:function(){m(!1),void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"}))),o.length?n.createElement("div",{ref:a,className:"saveto-select"},function(){const e=r.MediaPageStore.get("media-id");let t=[],a=0;for(;a{g(window.innerHeight-144+56),q(c.current.offsetHeight),W(u.current.offsetHeight)})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",Y),r.MediaPageStore.on("copied_embed_media_code",J),()=>{r.PageStore.removeListener("window_resize",Y),r.MediaPageStore.removeListener("copied_embed_media_code",J)})),[]),(0,n.useEffect)((()=>{!function(e){try{localStorage.setItem(ee,JSON.stringify(e))}catch(e){}}({showTitle:y,showRelated:b,showUserAvatar:w,linkTitle:M,responsive:k,aspectRatio:V,embedWidthValue:A,embedWidthUnit:U,embedHeightValue:O,embedHeightUnit:H,keepAspectRatio:h})}),[y,b,w,M,k,V,A,U,O,H,h]),n.createElement("div",{className:"share-embed",style:{maxHeight:p+"px"}},n.createElement("div",{className:"share-embed-inner"},n.createElement("div",{className:"on-left"},n.createElement("div",{className:"media-embed-wrap"},n.createElement(l.SiteConsumer,null,(e=>{const t=`${i.embed+r.MediaPageStore.get("media-id")}&showTitle=${y?"1":"0"}&showRelated=${b?"1":"0"}&showUserAvatar=${w?"1":"0"}&linkTitle=${M?"1":"0"}${N?"&t="+L.split(":").reverse().reduce(((e,t,a)=>e+(parseInt(t,10)||0)*Math.pow(60,a)),0):""}`;return n.createElement("div",{style:{width:"100%",height:"480px",overflow:"hidden"}},n.createElement("iframe",{width:"100%",height:"100%",src:t,frameBorder:"0",allowFullScreen:!0}))})))),n.createElement("div",{ref:d,className:"on-right"},n.createElement("div",{ref:c,className:"on-right-top"},n.createElement("div",{className:"on-right-top-inner"},n.createElement("span",{className:"ttl"},"Embed Video"),n.createElement(s.CircleIconButton,{type:"button",onClick:function(){void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"})))),n.createElement("div",{ref:m,className:"on-right-middle",style:{top:B+"px",bottom:z+"px"}},n.createElement("textarea",{readOnly:!0,value:function(){const e=r.MediaPageStore.get("media-id"),t=new URLSearchParams;if(y?t.set("showTitle","1"):t.set("showTitle","0"),b?t.set("showRelated","1"):t.set("showRelated","0"),w?t.set("showUserAvatar","1"):t.set("showUserAvatar","0"),M?t.set("linkTitle","1"):t.set("linkTitle","0"),N&&L){const e=L.split(":").reverse();let a=0;e[0]&&(a+=parseInt(e[0],10)||0),e[1]&&(a+=60*(parseInt(e[1],10)||0)),e[2]&&(a+=3600*(parseInt(e[2],10)||0)),a>0&&t.set("t",a)}const a=i.embed.includes("?")?"&":"?",n=`${i.embed}${e}${a}${t.toString()}`;if(k){if("custom"===V)return``;const e=V.split(":"),t=`${e[0]} / ${e[1]}`;return``}return``}()}),n.createElement("div",{className:"iframe-config"},n.createElement("div",{className:"iframe-config-options-title"},"Embed options"),n.createElement("div",{className:"iframe-config-option"},n.createElement("div",{className:"option-content"},n.createElement("div",{className:"ratio-options",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"0 10px"}},n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:y,onChange:function(){E(!y)}}),"Show title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:M,onChange:function(){_(!M)},disabled:!y}),"Link title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:b,onChange:function(){S(!b)}}),"Show related")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:w,onChange:function(){P(!w)},disabled:!y}),"Show user avatar")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:k,onChange:function(){const e=!k;if(C(e),e)v(!1);else if("custom"!==V){const e=V.split(":"),t=e[0],a=e[1];v(!0),F(parseInt(A*a/t,10))}else v(!1)}}),"Responsive")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:N,onChange:function(){x(!N)}}),"Start at"),N&&n.createElement("input",{type:"text",value:L,onChange:function(e){I(e.target.value)},style:{width:"60px",height:"28px",fontSize:"12px",padding:"2px 5px"}})),n.createElement("div",{className:"options-group",style:{display:"flex",flexDirection:"column",justifyContent:"center"}},n.createElement("div",{style:{fontSize:"12px",marginBottom:"4px",color:"rgba(0,0,0,0.6)"}},"Aspect Ratio"),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("select",{ref:o,onChange:function(){const e=o.current.value;if("custom"===e)T(e),v(!1);else{const t=e.split(":"),a=t[0],i=t[1];T(e),v(!0),F(parseInt(A*i/a,10))}},value:V,style:{height:"28px",fontSize:"12px"}},n.createElement("option",{value:"16:9"},"16:9"),n.createElement("option",{value:"4:3"},"4:3"),n.createElement("option",{value:"3:2"},"3:2"),n.createElement("option",{value:"custom"},"Custom"))))),n.createElement("br",null),!k&&n.createElement(n.Fragment,null,n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];R(e),F(h?parseInt(e*i/a,10):O)},unitCallback:function(e){D(e)},label:"Width",defaultValue:parseInt(A,10),defaultUnit:U,minValue:1,maxValue:99999,units:$})),n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];F(e),R(h?parseInt(e*a/i,10):A)},unitCallback:function(e){j(e)},label:"Height",defaultValue:parseInt(O,10),defaultUnit:H,minValue:1,maxValue:99999,units:$}))))))),n.createElement("div",{ref:u,className:"on-right-bottom"},n.createElement("button",{onClick:function(){f.MediaPageActions.copyEmbedMediaCode(m.current.querySelector("textarea"))}},"COPY")))))}te.propTypes={triggerPopupClose:h().func};var ae=a(5289);function ie(e){let{onClick:t}=e;return n.createElement("span",{className:"next-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_right")))}function ne(e){let{onClick:t}=e;return n.createElement("span",{className:"previous-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_left")))}function le(){return{maxFormContentHeight:window.innerHeight-196,maxPopupWidth:518>window.innerWidth-80?window.innerWidth-80:null}}function re(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),i=r.MediaPageStore.get("media-url"),[o,s]=(0,n.useState)(null),[d,c]=(0,n.useState)({prev:!1,next:!1}),[m,u]=(0,n.useState)(le()),[p]=(0,n.useState)(function(){const e=function(){const e=l.ShareOptionsContext._currentValue,t=r.MediaPageStore.get("media-url"),a=(r.MediaPageStore.get("media-data").title,{});let i=0;for(;i{s(new ae.A(a.current,".sh-option"))}),[p]),(0,n.useEffect)((()=>{o&&(o.updateDataStateOnResize(p.length,!0,!0),_())}),[m,o]),(0,n.useEffect)((()=>{r.PageStore.on("window_resize",P),r.MediaPageStore.on("copied_media_link",M);const e=function(){const e=document.getElementsByTagName("video");return e[0]?.currentTime}();return h(e),y(function(e){let t=parseInt(e,10),a=Math.floor(t/3600),i=Math.floor((t-3600*a)/60),n=t-3600*a-60*i;return a<10&&(a="0"+a),i<10&&(i="0"+i),n<10&&(n="0"+n),a>=1?a+":"+i+":"+n:i+":"+n}(e)),()=>{r.PageStore.removeListener("window_resize",P),r.MediaPageStore.removeListener("copied_media_link",M),s(null)}}),[]),n.createElement("div",{ref:t,style:null!==m.maxPopupWidth?{maxWidth:m.maxPopupWidth+"px"}:null},n.createElement("div",{className:"scrollable-content",style:null!==m.maxFormContentHeight?{maxHeight:m.maxFormContentHeight+"px"}:null},n.createElement("div",{className:"share-popup-title"},"Share media"),p.length?n.createElement("div",{className:"share-options"},d.prev?n.createElement(ne,{onClick:function(){o.previousSlide(),_()}}):null,n.createElement("div",{ref:a,className:"share-options-inner"},p),d.next?n.createElement(ie,{onClick:function(){o.nextSlide(),_()}}):null):null),n.createElement("div",{className:"copy-field"},n.createElement("div",null,n.createElement("input",{type:"text",readOnly:!0,value:S}),n.createElement("button",{onClick:function(){f.MediaPageActions.copyShareLink(t.current.querySelector(".copy-field input"))}},"COPY"))),n.createElement("div",{className:"start-at"},n.createElement("label",null,n.createElement("input",{type:"checkbox",name:"start-at-checkbox",id:"id-start-at-checkbox",checked:E,onChange:function(){b(!E),function(){const e=E?i:i+"&t="+Math.trunc(g);w(e)}()}}),"Start at ",v)))}function oe(){return{shareOptions:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(re,null)))}}function se(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("shareOptions");return n.createElement("div",{className:"share"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"share"})),n.createElement("span",null,(0,v.translateString)("SHARE")))),n.createElement(a,{contentRef:t,hideCallback:function(){r("shareOptions")}},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:e.isVideo?(o=function(){t.current.toggle()},{...oe(),shareEmbed:n.createElement("div",{className:"popup-fullscreen share-embed-popup"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(te,{triggerPopupClose:o})))}):oe(),focusFirstItemOnPageChange:!1,pageChangeCallback:function(e){r(e)}})));var o}function de(e){return n.createElement("div",{className:"download hidden-only-in-small"},n.createElement("a",{href:e.link,target:"_blank",download:e.title,title:"Download",rel:"noreferrer"},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,"DOWNLOAD")))}function ce(){const e=r.MediaPageStore.get("media-data"),t=(e.title,e.encodings_info),a={};let i,n;for(i in t)if(t.hasOwnProperty(i)&&Object.keys(t[i]).length)for(n in t[i])if(t[i].hasOwnProperty(n)&&"success"===t[i][n].status&&100===t[i][n].progress&&null!==t[i][n].url){const r=e.original_media_url,o=r?r.substring(r.lastIndexOf("/")+1):e.title;a[t[i][n].title]={text:i+" - "+n.toUpperCase()+" ("+t[i][n].size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:o}}}const o=e.original_media_url,s=o?o.substring(o.lastIndexOf("/")+1):e.title;return a.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:s}},Object.values(a)}function me(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("main");return n.createElement("div",{className:"video-downloads hidden-only-in-small"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,(0,v.translateString)("DOWNLOAD")))),n.createElement("div",{className:"nav-page-"+l},n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{pageChangeCallback:null,initPage:"main",focusFirstItemOnPageChange:!1,pages:{main:n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:ce()})))},pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"}))))}de.propTypes={link:h().string.isRequired,title:h().string.isRequired};class ue extends n.PureComponent{constructor(e){super(e),this.state={likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")},this.downloadLink="video"!==r.MediaPageStore.get("media-type")?(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url):null;const t=r.MediaPageStore.get("media-original-url");this.downloadFilename=t?t.substring(t.lastIndexOf("/")+1):this.props.title,this.updateStateValues=this.updateStateValues.bind(this)}componentDidMount(){r.MediaPageStore.on("liked_media",this.updateStateValues),r.MediaPageStore.on("unliked_media",this.updateStateValues),r.MediaPageStore.on("disliked_media",this.updateStateValues),r.MediaPageStore.on("undisliked_media",this.updateStateValues);const e=document.querySelectorAll("[data-tooltip]");e.length&&e.forEach((e=>function(e){const t=document.body,a=document.createElement("span");function i(){const t=e.getBoundingClientRect();a.style.top=t.top-(0+a.offsetHeight)+"px",a.style.left=t.left+"px"}a.innerText=e.getAttribute("data-tooltip"),a.setAttribute("class","tooltip"),e.removeAttribute("data-tooltip"),e.addEventListener("mouseenter",(function(){const n=e.getBoundingClientRect();t.appendChild(a),a.style.top=n.top-(0+a.offsetHeight)+"px",a.style.left=n.left+"px",document.addEventListener("scroll",i)})),e.addEventListener("mouseleave",(function(){t.removeChild(a),a.style.top="",a.style.left="",document.removeEventListener("scroll",i)}))}(e)))}updateStateValues(){this.setState({likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")})}mediaCategories(e){if(void 0===this.props.categories||null===this.props.categories||!this.props.categories.length)return null;let t=0,a=[];for(;t=this.props.views?"view":"views"):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!1}):null,!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1=this.props.views?(0,v.translateString)("view"):(0,v.translateString)("views")):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,!(0,v.inEmbeddedApp)()&&l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!0}):null,!(0,v.inEmbeddedApp)()&&!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1(r.MediaPageStore.on("loaded_media_data",s),r.PageStore.on("switched_media_auto_play",o),()=>{r.MediaPageStore.removeListener("loaded_media_data",s),r.PageStore.removeListener("switched_media_auto_play",o)})),[]),t?n.createElement("div",{className:"auto-play"},n.createElement("div",{className:"auto-play-header"},n.createElement("div",{className:"next-label"},(0,v.translateString)("Up next"))),n.createElement(ve.k,{className:"items-list-hor",items:[t],pageItems:1,maxItems:1,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor})):null}function be(e){const[t,a]=(0,n.useState)(s()),[i,l]=(0,n.useState)(null);function o(){l(r.MediaPageStore.get("media-type")),a(s())}function s(){const e=r.MediaPageStore.get("media-data");return null!=e&&void 0!==e.related_media&&e.related_media.length?e.related_media:null}return(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_media_data",o),()=>r.MediaPageStore.removeListener("loaded_media_data",o))),[]),t&&t.length?n.createElement(ve.k,{className:"items-list-hor",items:!e.hideFirst||"video"!==i&&"audio"!==i?t:t.slice(1),pageItems:r.PageStore.get("config-options").pages.media.related.initialSize,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor}):null}function Se(e){return n.createElement(ve.k,{className:"items-list-hor",pageItems:9999,maxItems:9999,items:e.items,hideDate:!0,hideViews:!0,hidePlaylistOrderNumber:!1,horizontalItemsOrientation:!0,inPlaylistView:!0,singleLinkContent:!0,playlistActiveItem:e.playlistActiveItem})}be.propTypes={hideFirst:h().bool},be.defaultProps={hideFirst:!0},Se.propTypes={items:h().array.isRequired,playlistActiveItem:v.PositiveIntegerOrZero},Se.defaultProps={playlistActiveItem:1};class we extends n.PureComponent{constructor(e){super(e),this.state={expanded:!0,loopRepeat:r.PlaylistViewStore.get("enabled-loop"),shuffle:r.PlaylistViewStore.get("enabled-shuffle"),savedPlaylist:r.PlaylistViewStore.get("saved-playlist-loop"),title:e.playlistData.title,link:e.playlistData.url,authorName:e.playlistData.user,authorLink:l.LinksContext._currentValue.home+"/user/"+e.playlistData.user,activeItem:e.activeItem,totalMedia:e.playlistData.media_count,items:e.playlistData.playlist_media},this.onHeaderClick=this.onHeaderClick.bind(this),this.onLoopClick=this.onLoopClick.bind(this),this.onShuffleClick=this.onShuffleClick.bind(this),this.onSaveClick=this.onSaveClick.bind(this),this.onLoopRepeatUpdate=this.onLoopRepeatUpdate.bind(this),this.onShuffleUpdate=this.onShuffleUpdate.bind(this),this.onPlaylistSaveUpdate=this.onPlaylistSaveUpdate.bind(this),r.PlaylistViewStore.on("loop-repeat-updated",this.onLoopRepeatUpdate),r.PlaylistViewStore.on("shuffle-updated",this.onShuffleUpdate),r.PlaylistViewStore.on("saved-updated",this.onPlaylistSaveUpdate)}onHeaderClick(e){this.setState({expanded:!this.state.expanded})}onLoopClick(){f.PlaylistViewActions.toggleLoop()}onShuffleClick(){f.PlaylistViewActions.toggleShuffle()}onSaveClick(){f.PlaylistViewActions.toggleSave()}onShuffleUpdate(){this.setState({shuffle:r.PlaylistViewStore.get("enabled-shuffle")},(()=>{this.state.shuffle?f.PageActions.addNotification("Playlist shuffle is on","shuffle-on"):f.PageActions.addNotification("Playlist shuffle is off","shuffle-off")}))}onLoopRepeatUpdate(){this.setState({loopRepeat:r.PlaylistViewStore.get("enabled-loop")},(()=>{this.state.loopRepeat?f.PageActions.addNotification("Playlist loop is on","loop-on"):f.PageActions.addNotification("Playlist loop is off","loop-off")}))}onPlaylistSaveUpdate(){this.setState({savedPlaylist:r.PlaylistViewStore.get("saved-playlist")},(()=>{this.state.savedPlaylist?f.PageActions.addNotification("Added to playlists library","added-to-playlists-lib"):f.PageActions.addNotification("Removed from playlists library","removed-from-playlists-lib")}))}render(){return n.createElement("div",{className:"playlist-view-wrap"},n.createElement("div",{className:"playlist-view"+(this.state.expanded?" playlist-expanded-view":"")},n.createElement("div",{className:"playlist-header"},n.createElement("div",{className:"playlist-title"},n.createElement("a",{href:this.state.link,title:this.state.title},this.state.title)),n.createElement("div",{className:"playlist-meta"},n.createElement("span",null,n.createElement("a",{href:this.state.authorLink,title:this.state.authorName},this.state.authorName)),"  -  ",n.createElement("span",{className:"counter"},this.state.activeItem," / ",this.state.totalMedia)),n.createElement(s.CircleIconButton,{className:"toggle-playlist-view",onClick:this.onHeaderClick},this.state.expanded?n.createElement("i",{className:"material-icons"},"keyboard_arrow_up"):n.createElement("i",{className:"material-icons"},"keyboard_arrow_down"))),this.state.expanded?n.createElement("div",{className:"playlist-actions"},n.createElement(s.CircleIconButton,{className:this.state.loopRepeat?"active":"",onClick:this.onLoopClick,title:"Loop playlist"},n.createElement("i",{className:"material-icons"},"repeat"))):null,this.state.expanded&&this.state.items.length?n.createElement("div",{className:"playlist-media"},n.createElement(Se,{items:this.state.items,playlistActiveItem:this.state.activeItem})):null))}}we.propTypes={playlistData:h().object.isRequired,activeItem:v.PositiveIntegerOrZero},we.defaultProps={};class Pe extends n.PureComponent{constructor(e){if(super(e),this.state={playlistData:e.playlistData,isPlaylistPage:!!e.playlistData,activeItem:0,mediaType:r.MediaPageStore.get("media-type"),chapters:r.MediaPageStore.get("media-data")?.chapters},e.playlistData){let t=0;for(;t{let e=null,t=null;const a=window.location.search.split("?")[1];return a&&a.split("&").forEach((a=>{0===a.indexOf("m=")?e=a.split("m=")[1]:0===a.indexOf("pl=")&&(t=a.split("pl=")[1])})),{mediaId:e,playlistId:t}},{mediaId:t,playlistId:a}=e();t&&(window.MediaCMS.mediaId=t),a&&(window.MediaCMS.playlistId=a)}(0,i.C)("page-media",class extends _e{viewerContainerContent(e){switch(r.MediaPageStore.get("media-type")){case"video":case"audio":return n.createElement(l.SiteConsumer,null,(t=>n.createElement(C,{data:e,siteUrl:t.url,inEmbed:!1})));case"image":return n.createElement(c,null);case"pdf":const t=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url);return n.createElement(p,{fileUrl:t})}return n.createElement(o,null)}})}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}};return t[e].call(l.exports,l,l.exports,i),l.exports}i.m=t,e=[],i.O=function(t,a,n,l){if(!a){var r=1/0;for(c=0;c=l)&&Object.keys(i.O).every((function(e){return i.O[e](a[s])}))?a.splice(s--,1):(o=!1,l0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,n,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=201,function(){var e={201:0};i.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,l,r=a[0],o=a[1],s=a[2],d=0;if(r.some((function(t){return 0!==e[t]}))){for(n in o)i.o(o,n)&&(i.m[n]=o[n]);if(s)var c=s(i)}for(t&&t(a);d