(window.webpackJsonpPlesk=window.webpackJsonpPlesk||[]).push([["views/default/help/tutorials"],{853:function(e,t,o){"use strict";o.r(t);var a=o(854);o.d(t,"default",(function(){return a.default}))},854:function(e,t,o){"use strict";o.r(t);var a=o(155),c=o(587),n=o(276),l=o.n(n),r=o(145),i=o(697);const s=({iframe:e,webm:t,width:o,height:a})=>{return e?(c=e,Object(r.createElement)("iframe",{src:c})):t?((e,t,o)=>{const a=document.createElement("video");let c;try{var n,l,i;null!==(n=a.canPlayType)&&void 0!==n&&n.call(a,'video/ogg; codecs="theora, vorbis"').replace(/no/,"")&&(c="video/ogg; codecs='theora, vorbis'"),null!==(l=a.canPlayType)&&void 0!==l&&l.call(a,'video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,"")&&(c='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'),null!==(i=a.canPlayType)&&void 0!==i&&i.call(a,'video/webm; codecs="vp8, vorbis"').replace(/no/,"")&&(c='video/webm; codecs="vp8, vorbis"')}catch(e){}return c?Object(r.createElement)("video",{src:e,width:t,height:o,controls:"true",autoplay:"true",preload:"none"}):Object(r.createElement)(".no-flash-info")})(t,o,a):null;var c},p=(e,t)=>{new r.Popup({title:e.title,popupCls:"popup-panel video-tutorial",closeButtonEnabled:!0,hideOnEscape:!0,onShow(){Object(r.render)(document.getElementById(this._popupContentAreaId),s(e))},onHide(){document.getElementById(this._popupContentAreaId).innerHTML="",t()}})},u=r.Locale.getTranslate("controllers.help.tutorials"),d=({tutorials:e,history:t,location:o})=>{const c=e=>{const{pathname:a,search:c}=o;p(e,()=>{t.push("".concat(a).concat(c))})};return Object(a.useEffect)(()=>{const t=o.hash.substr(1);if(t){const o=e.filter(e=>t===e.anchor)[0];o&&c(o)}},[]),Object(a.createElement)(a.Fragment,null,Object(a.createElement)("p",null,Object(a.createElement)(u,{content:"buttonsAreaDescription"})),Object(a.createElement)("ul",{className:"tools-list tools-list-video-tutorial"},e.map(e=>Object(a.createElement)("li",{key:e.title,className:"tools-item"},Object(a.createElement)("a",{className:"tool-block",href:"#".concat(e.anchor),onClick:()=>c(e)},Object(a.createElement)("span",{className:"tool-name"},e.title),Object(a.createElement)("span",{className:"tool-info"},e.description))))))};d.propTypes={history:l.a.object.isRequired,location:l.a.object.isRequired,tutorials:l.a.arrayOf(l.a.shape({anchor:l.a.string,title:l.a.string,description:l.a.string,height:l.a.string,width:l.a.string,webm:l.a.string})).isRequired},t.default=Object(c.withRouter)(Object(i.withPageContent)(d))}}]);
//# sourceMappingURL=tutorials.js.map?68f0cd050888f7061511