1(this.webpackJsonpscandipwa=this.webpackJsonpscandipwa||[]).push([[27],{1655:function(e,t,i){"use strict";(function(e,o){var n=i(3),r=i(6),d=i(8),a=i(4),u=i(5),c=i(0),s=i(12),l=(i(62),i(2310)),p=e.middleware((function(){return{}}),"Scandipwa/Component/ProductVideos/Container/mapStateToProps"),h=e.middleware((function(){return{}}),"Scandipwa/Component/ProductVideos/Container/mapDispatchToProps"),v=i(11).checkBEMProps,V=e.middleware(function(e){Object(a.a)(i,e);var t=Object(u.a)(i);function i(){var e;Object(n.a)(this,i);for(var o=arguments.length,r=new Array(o),a=0;a<o;a++)r[a]=arguments[a];return(e=t.call.apply(t,[this].concat(r))).state={defaultVideo:"",activeVideo:0},e.containerFunctions={updateVideo:e.updateVideo.bind(Object(d.a)(e))},e.containerProps=function(){return{product:e._getProduct(),areDetailsLoaded:e._areDetailsLoaded()}},e}return Object(r.a)(i,[{key:"componentDidMount",value:function(){var e=this.props.product.product_videoGuides,t=void 0===e?{}:e,i=this.state.activeVideo;this.updateVideo(t[i],i)}},{key:"updateVideo",value:function(e,t){e&&(this.setState({defaultVideo:e.url}),this.setState({activeVideo:t}))}},{key:"_getProduct",value:function(){return this.props.product}},{key:"_areDetailsLoaded",value:function(){return this.props.areDetailsLoaded}},{key:"render",value:function(){return v(o,l.a,Object.assign({},this.containerFunctions,this.containerProps(),this.props,this.state))}}]),i}(e.Extensible(c.PureComponent)),"Scandipwa/Component/ProductVideos/Container/ProductVideosContainer");t.a=Object(s.b)(p,h)(V)}).call(this,i(7).default,i(0))},2309:function(e,t,i){"use strict";i.r(t);var o=i(1655);i.d(t,"default",(function(){return o.a}))},2310:function(e,t,i){"use strict";(function(e,o,n){var r=i(3),d=i(6),a=i(4),u=i(5),c=i(0),s=i(1107),l=i.n(s),p=(i(62),i(2311),i(11).checkBEMProps),h=e.middleware(function(e){Object(a.a)(i,e);var t=Object(u.a)(i);function i(){return Object(r.a)(this,i),t.apply(this,arguments)}return Object(d.a)(i,[{key:"renderVideosWrapper",value:function(){return p(o,"div",{block:"ProductVideos",elem:"VideosWrapper"},p(o,"h2",{block:"ProductVideos",elem:"Heading"},n("Helpful Videos")),this.renderVideos())}},{key:"renderVideos",value:function(){return p(o,"div",{block:"ProductVideos",elem:"Content"},p(o,"div",{block:"ProductVideos",elem:"VideoDetails"},this.renderVideo(),this.renderVideoInformation()),p(o,"div",{block:"ProductVideos",elem:"Videolinks"},p(o,"ul",{block:"VideoTabs"},this.renderVideoLinks())))}},{key:"renderVideo",value:function(){var e=this.props.defaultVideo;return e?p(o,"div",{block:"VideoWrapper"},p(o,l.a,{className:"React-Player",url:e,height:"230",width:"360",controls:!0})):null}},{key:"renderVideoInformation",value:function(){var e=this.props.activeVideo,t=this.props.product.product_videoGuides,i=void 0===t?{}:t;return p(o,"div",{block:"Details"},p(o,"h2",{block:"Details",elem:"Title"},i&&i[e]&&i[e].title),p(o,"p",{block:"Details",elem:"Description"},i&&i[e]&&i[e].description))}},{key:"renderVideoThumbnail",value:function(e){return p(o,l.a,{className:"Thumbnail-preview",url:e,width:"200",height:"130",light:!!e.includes("youtube")})}},{key:"renderVideoLinks",value:function(){var e=this,t=this.props,i=t.updateVideo,n=t.activeVideo,r=this.props.product.product_videoGuides,d=void 0===r?{}:r;return d?Object.values(d).map((function(t,r){return p(o,"li",{block:"VideoTab",key:t.id,elem:"Item",mods:{activeVideo:n===r}},p(o,"button",{onClick:function(){return i(t,r)}},e.renderVideoThumbnail(t.url),p(o,"h3",null,t.title)))})):null}},{key:"render",value:function(){var e=this.props.areDetailsLoaded,t=this.props.product.product_videoGuides;return e&&t.length?p(o,"div",{block:"ProductVideos",className:"ContentWrapper"},this.renderVideosWrapper()):null}}]),i}(e.Extensible(c.PureComponent)),"Scandipwa/Component/ProductVideos/Component/ProductVideosComponent");t.a=h}).call(this,i(7).default,i(0),i(16).default)},2311:function(e,t,i){}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.