https://www.motorcycle.com/resources/combined/js/ht-live-episode.ff0a6fbf1be05acd0d77.bundle.js

1"use strict";(self.hometalkChunk=self.hometalkChunk||[]).push([["ht-live-episode"],{24354(e,t,s){s.d(t,{A:()=>p});var i=s(58168),a=s(54705),r=s(96540),o=s.n(r),n=s(70325),l=s.n(n);class d extends o().PureComponent{constructor(e){super(e),(0,a.A)(this,"enter",e=>{this.props.fireOnce&&!this.state.firstLoad||(this.setState({firstLoad:!1}),e())}),this.state={firstLoad:!0}}render(){let{onEnter:e,...t}=this.props;return o().createElement(l(),(0,i.A)({onEnter:()=>this.enter(e)},t),this.props.children)}}d.defaultProps={fireOnce:!1,onEnter:()=>{}};const p=d},26238(e,t,s){s.d(t,{A:()=>d});var i=s(73323),a=s(96540),r=s.n(a),o=s(77495),n=s(50016);class l extends r().Component{render(){let e=this.props.item,t=new o.A(e).isShortEpisode(),s={episode_id:e.id,episode_host:e.member.id,episode_air_date:(0,n.GP)(e.start_time,"MMMM DD, YYYY"),episode_air_time:(0,n.GP)(e.start_time,"h:mm A"),episode_position:this.props.index+1,short_form:t};return r().createElement("div",{className:"card lvideo-episode-unit relative sl-live-video-card sl-slider-card"},r().createElement("a",{href:e.site_url,"data-ht-track":JSON.stringify({action:"Result",...s}),className:"episode-link flexbox flex-column"},r().createElement("picture",null,(0,i.A)(e,"cover_photo")&&(0,i.A)(e.cover_photo,"source")?r().createElement("img",{className:"cover",src:`${(0,i.A)(e.cover_photo,"source")?e.cover_photo.source:e.cover_photo}?size=414x575&nocrop=1`,alt:e.title}):r().createElement("span",{className:"episode-placeholder"},r().createElement("i",{className:"ics-tv"}))),r().createElement("div",{className:"header-wrap"},(0,i.A)(e,"member")?r().createElement("img",{className:"avatar",src:`${e.member.profile_photo}?size=50x50`,width:"32",height:"32",alt:e.member.name,nopin:"nopin"}):null,r().createElement("h2",{className:"sl-episode-title"},e.title),r().createElement("div",{className:"ep-date"},(0,n.GP)(e.start_time,"MM/DD/YYYY")))))}}l.defaultProps={index:0,item:{}};const d=l},29807(e,t,s){s.r(t),s.d(t,{default:()=>pe});var i=s(54705),a=s(21043),r=s(73323),o=s(96540),n=s.n(o),l=s(5556),d=s.n(l),p=s(15824),c=s(95519);class h extends n().Component{constructor(e){super(e)}getLink(){return-1!==this.props.src.indexOf("facebook")&&-1===this.props.src.indexOf("plugins/video.php")?`https://www.facebook.com/plugins/video.php?href=${this.props.src}`:this.props.src}render(){return n().createElement("iframe",{src:this.getLink(),scrolling:"no",className:`sl-episode-video-link ${this.props.orientation}`})}}const m=h;var u=s(30902),g=s(10029),E=s(52974);const v="youtube",b="hometalk";class _ extends n().Component{getVideoComponent(e){switch(e){case v:return p.A;case b:return c.A;default:return m}}getYoutubeMediaId(){return String(this.props.media.video_link).match(/(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=))([\w\-]{10,12})\b/)[1]}setMedia(e,t){return t===v&&(e.video_link=`https://www.youtube.com/embed/${this.getYoutubeMediaId()}`),e}getPlayerProps(e){let t={};switch(e){case v:t.playerProperties={autoplay:!0,className:this.props.media.orientation},t.containerClassName="player-span",t.index=1,t.media=this.setMedia(this.props.media,e),t.onVideoStarted=this.props.onPlay;break;case b:t.playerProperties={noautoplay:!1,className:this.props.media.orientation,removeAds:!1},t.media=this.props.media,t.inViewport=!0,t.initiallyInViewport=!0,t.width=634,t.height=327,t.onThreeSeconds=this.props.onPlay,t.onTime=this.props.onTime,t.onVideoPlay=this.props.onVideoPlay,t.showShareButton=!0,t.onPause=this.props.onPause,t.onVideoEnded=this.props.autoPlayNextEpisode,t.key=this.props.media.id;break;default:t.src=this.props.media.video_link,t.orientation=this.props.media.orientation}return t}render(){let e=(0,u.mZ)(this.props.media),t=this.getVideoComponent(e),s=this.getPlayerProps(e);return(0,E.Q)()?n().createElement(n().Fragment,null):n().createElement(t,s)}}_.propTypes={media:d().object,autoPlayNextEpisode:()=>{}};const w=(0,g.RE)(_);var f=s(87763),x=s(62527);class A extends n().Component{constructor(e){super(e),this.state={isSaved:!1,showSavedMessage:!1},this.clickToggleSave=x.Ai.bind(this)}

1componentDidMount(){this.getSaved()}componentDidUpdate(e){e.episode.id&&e.episode.id===this.props.episode.id||this.getSaved()}getSaved(){this.props.isLoggedIn&&f.A.post(this.props.episode).then(e=>{this.setState({isSaved:!!e.is_clipped})})}getTrackingData(){return this.state.isSaved?{action:"Unsave Item",element_zone:"Player Section",element_type:"Unsave Item"}:{action:"Save",element_zone:"Player Section",element_type:"Save"}}render(){return n().createElement(n().Fragment,null,n().createElement("a",{className:"button httv-save-button float-button cta-button sl-save-button "+(this.state.isSaved?"saved":""),"data-ht-track":JSON.stringify(this.getTrackingData()),"aria-label":"save to your projects",onClick:()=>this.clickToggleSave(this.props.episode)},n().createElement("i",{className:"ics-bookmark-outline"}),n().createElement("i",{className:"ics-bookmark-filled"})),n().createElement("a",{href:"/saved",className:"saved-message sl-saved-hotdog "+(this.state.showSavedMessage?"appear":"")},"You can do it! Saved to ",n().createElement("span",{className:"your-projects","aria-label":"your saved projects"},"your projects")))}}const N=(0,g.Tg)((0,g.JT)(A));let k=e=>(e.episode.member,n().createElement("header",{className:"lv-video-title"},n().createElement("div",{className:"title-actions sl-player-actions"},n().createElement("a",{href:"/tv",className:"httv-back-button tr_zone sl-back-button","aria-label":"Hometalk TV Home","data-ht-track":"HTTV homepage","data-tr_zone":"player_section"},n().createElement("i",{className:"ics-arrow-left"}),n().createElement("span",null,"Explore Hometalk TV")),["tablet.landscape","desktop"].includes(e.screenPlatform)&&n().createElement(N,{episode:e.episode})),n().createElement("div",{className:"title-header"},n().createElement("h1",{className:"sl-episode-title"},e.episode.title)),n().createElement("p",{className:"sl-episode-description"},e.episode.description)));k.propTypes={episode:d().object};const y=(0,g.fQ)(k);var S=s(81646),P=s(77495),D=s(50016);class I extends n().PureComponent{constructor(e){var t;super(e),t=this,(0,i.A)(this,"setTrackingData",()=>{const{member:e,id:t,start_time:s}=this.props.episode;let i=new P.A(this.props.episode).isShortEpisode();this.trackingData={episode_host:e.id,episode_host_name:e.username,episode_id:t,episode_air_date:(0,D.GP)(s,"MMMM DD, YYYY"),episode_air_time:(0,D.GP)(s,"h:mm A"),short_form:i}}),(0,i.A)(this,"clickSubscribe",function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>{};t.attemptSubscribe(t.props.episode.member.id,e)}),(0,i.A)(this,"clickUnsubscribe",()=>{this.unsubscribe(this.props.episode.member.id),this.setState({unsubscribeAttempt:!1})}),(0,i.A)(this,"fetchHostSubscriptions",()=>{f.A.episodeHostSubscriptionsV2(this.props.episode.member.id).then(e=>{e.length&&e.map(e=>{parseInt(e.id)===this.props.episode.member.id&&this.setState({subscribed:!0})})})}),(0,i.A)(this,"setUnsubscribeAttempt",()=>{this.setState({unsubscribeAttempt:!this.state.unsubscribeAttempt})}),(0,i.A)(this,"resetState",()=>{this.setState({subscribed:!1,unsubscribeAttempt:!1,showCmsPopup:!1,clickedSubscribed:!1})}),this.state={subscribed:!1,unsubscribeAttempt:!1,showCmsPopup:!1,clickedSubscribed:!1},this.trackingData={},this.setTrackingData(),this.attemptSubscribe=x.Xt.bind(this),this.unsubscribe=x.al.bind(this)}componentDidMount(){this.fetchHostSubscriptions()}componentDidUpdate(e,t){(0,r.A)(this.props,"episode.member.id")===(0,r.A)(e,"episode.member.id")&&this.props.isLoggedIn===e.isLoggedIn||(this.resetState(),this.fetchHostSubscriptions())}render(){let e=this.props.episode.member;return n().createElement("div",{className:"lv-subscribe-block"},n().createElement("div",{className:"user-info tr_zone","data-tr_zone":"host_card_section"},!e.site_url&&n().createElement("div",{className:"user-avatar"},n().createElement("img",{src:`${e.profile_photo}?size=91x91`,width:"65",height:"65",alt:e.username,className:"sl-episode-host-img"})),e.site_url&&n().createElement("a",{href:`/tv${e.site_url}`,"data-ht-track":"profile_image",className:"sl-host-avatar-link"},n().createElement("div",{className:"user-avatar"},n().createElement("img",{src:`${e.profile_photo}?size=91x91`,width:"65",height:"65",alt:e.username,className:"sl-episode-host-img"}))),n().createElement("div",{className:"user-ad"},n().createElement("h2",{className:"sl-episode-subscribe-title"},this.props.episode.subscribe_title),n().createElement("p",{className:"sl-episode-subscribe-text"},this.props.episode.subscribe_text)," ")),n().createElement("div",{className:"actions-group"},n().createElement("div",{className:"item-wrap relative tr_zone","data-tr_zone":"subscribe_widget"},this.state.subscribed?n().createElement(n().Fragment,null,n().createElement("a",{className:"button follow-button selected sl-unfollow-dropdown-button",onClick:()=>{this.setState({unsubscribeAttempt:!this.state.unsubscribeAttempt})},"data-ht-track":"subscribed_drop_down"},n().createElement("i",{className:"ics-plus-fat"}),n().createElement("i",{className:"ics-arrow-down"})),n().createElement("div",{className:`addon-actions shadowBoxDeep centered tr_zone ${!this.state.unsubscribeAttempt&&"hidden"} sl-unfollow-dropdown`,"data-tr_zone":"subscribe_drop_down"},n().createElement("ul",null,this.props.episode.ecommerce_link&&n().createElement("li",null,n().createElement("a",{href:this.props.episode.ecommerce_link,"data-ht-track":"drop_down_list",target:"_blank"},this.props.episode.ecommerce_text)),n().createElement("li",null,n().createElement("a",{"data-ht-track":JSON.stringify({action:"unsubscribe",target_member:e.id}),onClick:()=>this.clickUnsubscribe(),className:"sl-unfollow-button"},"Unfollow"))))):n().createElement("a",{className:"button follow-button sl-follow-button",onClick:()=>{this.clickSubscribe()},"data-ht-track":JSON.stringify({action:"subscribe",target_member:e.id})},n().createElement("i",{className:"ics-plus-fat"}))),e.followers_count>=50&&n().createElement("div",{className:"item-wrap relative"},n().createElement("div",{className:"httv-host-followers nowrap"},n().createElement("span",{className:"avatar-wrap"},(e.top_followers||[]).map(e=>n().createElement("img",{className:"userpile_img avatar_small",key:e.id,src:`${e.profile_photo}?size=50x50`,alt:e.name,nopin:"nopin"})),n().createElement("span",{className:"plus-count sl-footer-text"},n().createElement("i",{className:"ics-plus"}))),n().createElement("p",null,(0,S.Wf)(e.followers_count)," Followers")))))}}I.propTypes={episode:d().object.isRequired};const M=(0,g.JT)((0,g.Tg)((0,g.RE)(I)));var C=s(91357);class T extends n().Component{render(){return n().createElement("div",{className:"lv-user-link tr_zone relative","data-tr_zone":"cta_button","data-ht-track":"CTA"},n().createElement("a",{href:this.props.ecommerce_link,target:"_blank",className:"centered relative"},n().createElement("i",{className:"ics-external"}),this.props.ecommerce_text))}}

1T.propTypes={ecommerce_link:d().string,ecommerce_text:d().string};const L=T;var z=s(44171),V=s(70325),O=s.n(V),U=s(58168),$=s(65525),B=s.n($),Y=s(92849),G=s.n(Y);class R extends n().Component{constructor(e){super(e),this.swiper=null,this.swiperOptions=G()({},{containerClass:"stage-wrap swiper-container",initialSlide:e.currentSlideIndex,speed:300,simulateTouch:!1,runCallbacksOnInit:!1,preloadImages:!1,longSwipesRatio:.2,lazy:{loadPrevNext:!0,loadPrevNextAmount:2,loadOnTransitionStart:!0},on:{slideNextTransitionEnd:function(){this.props.onSlideNext&&this.props.onSlideNext(this.swiper.activeIndex)}.bind(this),slidePrevTransitionEnd:function(){this.props.onSlidePrev&&this.props.onSlidePrev(this.swiper.activeIndex)}.bind(this)},shouldSwiperUpdate:!0},e.swiperOptions)}slideNext(){this.swiper&&this.swiper.slideNext()}slidePrev(){this.swiper&&this.swiper.slidePrev()}componentDidUpdate(e){if(e&&e.currentSlideIndex!=this.props.currentSlideIndex&&this.swiper){let e=!1;this.swiper.slideTo(this.props.currentSlideIndex,0,e)}}render(){return n().createElement(B(),(0,U.A)({},this.swiperOptions,{ref:e=>{e&&(this.swiper=e.swiper)}}),this.props.children)}}const W=R;var j=s(26238),F=s(32079);s(46894);class J extends n().Component{constructor(e){super(e),(0,i.A)(this,"loadMore",()=>{this.state.loading||(this.setState({loading:!0}),this.prevEpisodesPaginator.more().then(e=>{this.setState({items:e.data,loading:!1})}))}),this.state={expanded:e.expanded,items:[],loading:!1}}componentDidMount(){this.prevEpisodesPaginator=new F.A(P.A.recommendedApiPath,15,{filter:this.props.episodeType}),this.prevEpisodesPaginator.load().then(e=>{this.setState({items:e.data}),this.trackWidget()})}componentDidUpdate(e,t,s){e.page.prevUrl!==this.props.page.prevUrl&&this.trackWidget(),e.expanded!==this.props.expanded&&this.setState({expanded:this.props.expanded})}trackWidget(){(0,z.default)("More Episodes Widget Viewed",{more_episodes_widget_state:this.state.expanded?"expanded":"collapsed"})}togglePrevEpisodes(){this.setState(e=>(e.expanded=!e.expanded,e))}render(){let e={containerClass:"swiper-container s10",speed:400,slidesPerView:"auto",slidesPerGroup:3,spaceBetween:10,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},on:{slideNextTransitionStart:this.loadMore},breakpoints:{1024:{slidesPerView:"auto",slidesPerGroup:3,spaceBetween:10},1023:{slidesPerView:"auto",slidesPerGroup:6,spaceBetween:10}},renderCustomPrevButton:()=>n().createElement("div",{className:"swiper-button-prev arr-prev sl-swiper-prev swiper-button-disabled"},n().createElement("i",{className:"ics-arrow-left"})),renderCustomNextButton:()=>n().createElement("div",{className:"swiper-button-next arr-next sl-swiper-next"},n().createElement("i",{className:"ics-arrow-right"}))};return n().createElement(C.A,null,n().createElement("div",{className:`lv-prev-episodes-block ${this.state.expanded&&"expand"} tr_zone`,"data-tr_zone":"more_episodes_widget"},n().createElement("div",{className:"prev-episodes-slider"},n().createElement("div",{className:"title-separator"}),n().createElement("h3",null,"Previous episodes"),"phone"!=this.props.screenPlatform&&n().createElement("div",{className:"simple-slider lvideo-cards media-component-slider"},n().createElement(W,{swiperOptions:e},this.state.items.length&&this.state.items.map((e,t)=>{if(!(0,r.A)(this.props,"episode_id")||e.id!=this.props.episode_id)return n().createElement("div",{className:"swiper-slide sl-live-video-card",key:t},n().createElement(j.A,{item:e,index:t}))}))),"phone"===this.props.screenPlatform&&n().createElement("div",{className:"swiper-mobile sl-swiper-mobile native-new tr_zone","data-tr_zone":"more_episodes_widget"},this.state.items.length&&this.state.items.map((e,t)=>{if(!(0,r.A)(this.props,"episode_id")||e.id!=this.props.episode_id)return n().createElement(j.A,{item:e,index:t,key:e.id})}),n().createElement("div",{className:"card lvideo-episode-unit empty-button"}))),n().createElement("div",{className:"slider-toggle centered"},n().createElement("a",{href:"javascript:",onClick:()=>this.togglePrevEpisodes(),"data-ht-track":JSON.stringify({action:" More Episodes Widget",more_episodes_widget_action:this.state.expanded?"collapse":"expand"})},n().createElement("i",{className:"ics-arrow-up"}),n().createElement("i",{className:"ics-arrow-down"}

1)))))}}const H=(0,g.fQ)((0,g.nT)((0,g.RE)(J)));class q extends n().Component{constructor(e){super(e),(0,i.A)(this,"onLoad",e=>{this.setState({imageClass:this.state.imageClass+" after-load"}),this.props.onLoad&&this.props.onLoad()}),(0,i.A)(this,"onEnter",()=>{this.setState({loadImage:!0})}),this.state={imageClass:"before-load",loadImage:!1},this.onLoad=this.onLoad.bind(this)}render(){let{className:e="",lazyLoad:t=!1,inLightbox:s=!1,src:i,...a}=this.props;return t?n().createElement(O(),{onEnter:this.onEnter,bottomOffset:"-2000px",fireOnRapidScroll:!0,scrollableAncestor:s?void 0:window},n().createElement("img",(0,U.A)({onLoad:this.onLoad,"data-src":this.state.loadImage?"":i,src:this.state.loadImage?i:"",className:`${this.state.imageClass} ${e}`},a))):n().createElement("img",(0,U.A)({ref:this.onLoad,src:i,className:`${this.state.imageClass} ${e}`},a))}}const Q=q;var X=s(84221);class Z extends n().Component{materialImage(e){if(this.props.materialItem.is_marketplace_material)return n().createElement(Q,{src:e.media_link+"?size=80x80",width:"80",height:"80"});let t,s;return e.media?t=e.media.source:e.media_link?t=e.media_link:(t=(0,X.h)()+"/materials.png",s="80"),n().createElement(Q,{src:t+"?size=80x80&nocrop=1",width:s,height:s})}render(){let e=this.props.materialItem;return n().createElement("div",{className:"material",key:this.props.index},n().createElement("div",{className:"material-img"},e.purchased_at?n().createElement("a",{href:e.purchased_at,target:"_blank",rel:"nofollow","data-ht-track":JSON.stringify({action:"Material Image","click to landing page":e.is_marketplace_material})},this.materialImage(e)):n().createElement(n().Fragment,null,this.materialImage(e))),n().createElement("div",{className:"material-content"},n().createElement("h3",{className:"material-name"},e.purchased_at?n().createElement("a",{href:e.purchased_at,rel:"nofollow",target:"_blank"},e.material):n().createElement(n().Fragment,null,e.material)),n().createElement("div",{className:"material-info"},e.purchased_at?n().createElement("a",{href:e.purchased_at,rel:"nofollow",target:"_blank","data-ht-track":JSON.stringify({action:"Buy Button","click to landing page":this.props.materialItem.is_marketplace_material}),className:"material-button button primary-button small"},"Get it!"):n().createElement("span",{className:"no-button fs12 lh1 grayTxt no-button"},"Unavailable"))))}}const K=(0,g.RE)(Z);class ee extends n().Component{constructor(){super(...arguments),(0,i.A)(this,"state",{showDisclaimer:!1})}toggleDisclaimer(){let e=!this.state.showDisclaimer;this.setState({showDisclaimer:e})}render(){return n().createElement("span",{className:"amazon-disclaimer"},n().createElement("div",{className:"bubble-pop sl-amazon-terms "+(this.state.showDisclaimer?"appear":"")},n().createElement("a",{className:"x-close",onClick:()=>this.toggleDisclaimer()},n().createElement("i",{className:"ics-close sl-bubble-close"})),"Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product."),n().createElement("div",{className:"disclaimer-text"},"Hometalk may collect a small share of sales from the links on this page.",n().createElement("span",{className:"update-price"},n().createElement("a",{"data-ht-track":"More Info",onClick:()=>this.toggleDisclaimer(),className:"blueTxt sl-more-info-btn"},"More info"))))}}const te=ee;var se=s(24354);class ie extends n().Component{constructor(){super(...arguments),(0,i.A)(this,"state",{fullyExpanded:!1,expanded:!1})}toggleMaterials(){let e=!this.state.expanded;this.setState({expanded:e})}seeAllMaterials(){this.setState({fullyExpanded:!0})}componentDidUpdate(e,t,s){e.page.prevUrl!==this.props.page.prevUrl&&this.setState({fullyExpanded:!1,expanded:!1})}render(){let e=this.props.materials;return n().createElement(se.A,{onEnter:()=>(0,z.l0)("Materials Section Viewed",{"Materials Section Expanded":this.state.expanded})},n().createElement("div",{className:"httv-episode-actions-wrapper shadowBox roundedCornersMain tr_zone","data-tr_zone":"materials_list"},n().createElement("div",{className:`lv-materials-block ${this.state.expanded?"expanded":""} ${this.state.fullyExpanded?"full-expanded":""}`},n().createElement("div",{className:"list-toggle centered"},n().createElement("a",{onClick:()=>this.toggleMaterials(),"data-ht-track":JSON.stringify({action:"Materials Section",element_type:"Materials Section","Materials Section Expanded":!this.state.expanded})},n().createElement("i",{className:"ics-arrow-up"}),n().createElement("i",{className:"ics-arrow-down"}

1))),n().createElement("div",{className:"materials-list"},n().createElement("div",{className:"materials-list-widget compact"},e.map((e,t)=>n().createElement(K,{materialItem:e,key:t})))),e.length>2&&n().createElement("a",{className:"see-more",onClick:()=>this.seeAllMaterials(),"data-ht-track":"Show More"},n().createElement("span",{className:"bold"},"Show More"),n().createElement("i",{className:"ics-ellipsis"})),n().createElement(te,null))))}}const ae=(0,g.nT)((0,g.RE)(ie));var re=s(89653),oe=s(64038);class ne extends n().Component{render(){return n().createElement(n().Fragment,null,n().createElement("div",{className:"httv-next-episode-wrap"},n().createElement("a",{className:"button float-button primary httv-next-episode "+(this.props.disableArrows?"disabled":""),"data-ht-track":"Next Arrow Activity",onClick:()=>this.props.loadNextEpisode()},n().createElement("i",{className:"ics-arrow-right"}))))}}const le=ne;class de extends n().PureComponent{constructor(e){super(e),(0,i.A)(this,"getVideoLink",e=>(0,r.A)(e,"video_library.variations.0.url")?e.video_library.variations[0].url:e.video_link),(0,i.A)(this,"onTime",(0,a.A)(e=>{10>=e.duration-e.currentTime&&!this.state.episodeWidgetExpanded&&this.setState({episodeWidgetExpanded:!0})},1e3)),(0,i.A)(this,"onPause",()=>{this.state.episodeWidgetExpanded||this.setState({episodeWidgetExpanded:!0})}),(0,i.A)(this,"onVideoPlay",()=>{}),this.state={showCMSEpisodeBanner:!1,showTitle:!0,episodeWidgetExpanded:!0}}render(){const e=this.props.episode;let t=e.video||{};return t.video_link=this.getVideoLink(e),t.orientation=e.video_orientation,t.id=t.id?t.id:e.id,t.video_library=e.video_library,t.video_library_id=(0,r.A)(e,"video_library.id"),t.thumbnail=(0,r.A)(e,"video_library.thumbnail"),n().createElement(C.A,null,e.id?n().createElement("div",{className:"livevideo-page"},(0,r.A)(e,"id")&&n().createElement("div",{className:"lv-episode-wrapper"},(["tablet.landscape","desktop"].includes(this.props.screenPlatform)&&!(0,re.q)()||(0,re.q)()&&"landscape"===this.props.screenOrientation&&"tablet.landscape"===this.props.screenPlatform)&&n().createElement(n().Fragment,null,n().createElement("div",{className:"large-stage"},this.state.showTitle&&n().createElement(y,{episode:e})," ",n().createElement(w,{media:t,onVideoPlay:this.onVideoPlay,onTime:this.onTime,autoPlayNextEpisode:this.props.autoPlayNextEpisode,onPause:this.onPause})," ",!this.props.hideArrows&&n().createElement(le,{episodeId:e.id,loadNextEpisode:this.props.loadNextEpisode,disableArrows:this.props.disableArrows,nextArrowLink:this.props.nextArrowLink})),n().createElement("div",{className:"communication-block"},n().createElement("div",{className:"lv-addons"},n().createElement("div",{className:"shadowBox lv-channel"},n().createElement(M,{episode:e})," ",n().createElement(H,{episodeType:e.type,episode_id:e.id,expanded:this.state.episodeWidgetExpanded})),n().createElement(oe.A,{name:"episode.below_user_details"}),e.materials.length?n().createElement(ae,{materials:e.materials}):e.ecommerce_link&&e.ecommerce_text&&n().createElement("div",{className:"httv-episode-actions-wrapper shadowBox roundedCornersMain"},n().createElement(O(),{onEnter:()=>(0,z.l0)("CTA Button Viewed")}),e.ecommerce_link&&e.ecommerce_text&&n().createElement(L,{ecommerce_link:e.ecommerce_link,ecommerce_text:e.ecommerce_text})),n().createElement(oe.A,{name:"episode.above_comments"})))),(["tablet.portrait","phone"].includes(this.props.screenPlatform)&&!(0,re.q)()||(0,re.q)()&&"portrait"===this.props.screenOrientation&&["tablet.landscape","tablet.portrait","phone"].includes(this.props.screenPlatform))&&n().createElement("div",{className:"communication-block"},n().createElement("div",{className:"lv-addons"},n().createElement(y,{episode:e})," ",n().createElement("div",{className:"shadowBox small-stage on-top"},n().createElement(N,{episode:e}),n().createElement(w,{media:t,onTime:this.onTime,onVideoPlay:this.onVideoPlay,onPause:this.onPause,autoPlayNextEpisode:this.props.autoPlayNextEpisode})," "),n().createElement(oe.A,{name:"episode.mobile_below_player"}),n().createElement("div",{className:"shadowBox lv-channel"},n().createElement(M,{episode:e}),n().createElement(H,{episodeType:e.type,episode_id:e.id,expanded:this.state.episodeWidgetExpanded})),n().createElement(oe.A,{name:"episode.below_user_details"}),e.materials.length?n().createElement(ae,{materials:e.materials}):e.ecommerce_link&&e.ecommerce_text&&n().createElement("div",{className:"httv-episode-actions-wrapper shadowBox roundedCornersMain"},n().createElement(O(),{onEnter:()=>(0,z.l0)("CTA Button Viewed")}),e.ecommerce_link&&e.ecommerce_text&&n().createElement(L,{ecommerce_link:e.ecommerce_link,ecommerce_text:e.ecommerce_text})),n().createElement(oe.A,{name:"episode.above_comments"})),!this.props.hideArrows&&n().createElement(le,{episodeId:e.id,loadNextEpisode:this.props.loadNextEpisode,disableArrows:this.props.disableArrows,nextArrowLink:this.props.nextArrowLink})))):n().createElement("div",null))}}de.defaultProps={episode:{},autoPlayNextEpisode:()=>{}};const pe=(0,g.RE)((0,g.g_)((0,g.fQ)((0,g.SA)(de))))},32079(e,t,s){s.d(t,{A:()=>n});var i=s(73323),a=s(70533);function r(e,t){return this.api.list({...this.filters,limit:this.pageSize,page_num:e,offset:this.offset},t).then(t=>(this.pageData[e]=t,this.pageNum=e,this.totalItems=t.total_length,this.last_response=t,this.offset=this.pageSize*this.pageNum,this.finished=this.offset>=this.totalItems,t))}class o{constructor(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",o=!(arguments.length>5&&void 0!==arguments[5])||arguments[5];"string"==typeof e&&(e=new a.Ay(e)),this.api=e,this.pageSize=t,this.filters=s,this.data_path=r,this.pageNum=i,this.totalItems=null,this.data=null,this.pageData={},this.offset=0,this.currentPageNumber=1,this.paginationId=0;const n=["entries","every","filter","find","findIndex","forEach","includes","indexOf","join","keys","lastIndexOf","map","reduce","reduceRight","slice","some","toLocaleStr

1ing","toSource","toString","values"],l=(e,t)=>{let s=o?this.data:this.pageData[this.currentPageNumber];if(null===s)throw new Error("Data not loaded yet");return s[e](...t)};for(let a of n)this[a]=function(){return l(a,arguments)}}load(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.switchPage(this.pageNum,t,e,s)}switchPage(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=[];if(this.currentPageNumber=e,!t&&e in this.pageData&&1==s)return this.data=this.pageData[e],this.pageNum=e,Promise.resolve(this);for(let a=e;a<=s+e-1;a++)i.push(this.fetchData(a,t));return Promise.all(i).then(t=>{const i=t.reduce((e,t)=>this.data_path?e.concat(t[this.data_path]):e.concat(t),[]);return this.data=this.data&&this.data.concat(i)||i,this.data.link=t[t.length-1].link,this.data.total_length=t[t.length-1].total_length,this.finished=this.pageNum*this.pageSize>=this.data.total_length,this.lastPageLoaded=this.pageNum=e+s-1,this.paginationId=t[t.length-1].last_id,Promise.resolve(this)})}fetchData(e,t){return!t&&e in this.pageData?(this.data=this.pageData[e],this.pageNum=e,Promise.resolve(this)):r.call(this,e,this.data_path).then(e=>e)}get totalPages(){let e=Math.ceil(this.totalItems/this.pageSize);return e>1e4?1e4:e}first(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.switchPage(1,e)}get hasFirst(){return this.pageNum>1}prev(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.switchPage(this.pageNum-1,e)}get hasPrev(){return this.pageNum>1}next(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.switchPage(this.pageNum+1,e)}get hasNext(){return this.totalPages>this.pageNum}last(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.switchPage(this.totalPages,e)}get hasLast(){return this.totalPages>this.pageNum}getData(e){let t,s=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return t=this.data_path?(0,i.A)(e,this.data_path):e,s?this.removeDuplicateItems(t,s):t}removeDuplicateItems(e,t){if(!this.itemsIdentifiers){this.itemsIdentifiers={};for(let e=0;e<this.data.length;e++)this.itemsIdentifiers[this.data[e][t]]=1}return e.filter(e=>{const s=1===this.itemsIdentifiers[e[t]];return this.itemsIdentifiers[e[t]]=1,!s})}more(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.data&&this.data.link&&this.data.link.next||t&&!this.finished){let s=Object.keys(this.filters).map(e=>e+"="+this.filters[e]).join("&"),i=t?`api/${this.api.resource}?limit=${this.pageSize}&page_num=${parseInt(this.pageNum)+1}&last_id=${parseInt(this.paginationId)}&${s}`:this.data.link.next,a=new URL(i,window.location.href);return this.api.list(a.search.replace(/^\?/,""),this.data_path).then(s=>{const a=this.getData(s,e);return this.lastPageLoaded=this.pageNum=new URLSearchParams(i).get("page_num"),this.totalItems=s.total_length,this.data=this.data.concat(a),this.data.link=s.link,this.finished=t?0===s.length||s.length<this.pageSize:this.pageNum*this.pageSize>=parseInt(this.totalItems),this.lastDataLoad=s,this.paginationId=s.last_id,this})}}get hasMore(){return!!this.data&&!!this.data.link&&!!this.data.link.next}[Symbol.iterator](){if(null===this.data)throw new Error("Initial data not loaded yet");return(this.data||[]).values()}setData(e){return this.data=e,this}setPageNum(e){return this.pageNum=e,this}getArray(){return this.data}getCleanData(){let e=[...this.data];return delete e.link,delete e.total_length,delete e.last_id,e}resetFilters(e){this.filters=e,this.pageNum=1,this.totalItems=null,this.data=null,this.pageData={},this.offset=0,this.currentPageNumber=1}refresh(){return this.pageNum=1,this.totalItems=null,this.data=null,this.pageData={},this.offset=0,this.currentPageNumber=1,this.load(1,!0)}}const n=o},48012(e,t,s){s.d(t,{A:()=>r});var i=s(54705),a=s(8356);class r extends a.A{}(0,i.A)(r,"apiPath","clips")},62527(e,t,s){s.d(t,{Ai:()=>m,Xt:()=>p,al:()=>c});var i=s(25566),a=s(96540),r=s.n(a),o=s(90826),n=s(77495),l=s(44171),d=s(48012);function p(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};0!=o.A.getState().user.id?h(e,this,t):o.A.dispatch({type:"OPEN_LIGHT_BOX",cms_component:"App_signup_httv_follow_popup_12_31_19",onClose:()=>{let e=o.A.getState().user;0!=e.id&&h(e.id,this,t),o.A.dispatch({type:"CLOSE_LIGHT_BOX",lightboxType:"cmsPopup"})},lightboxType:"cmsPopup"})}function c(e){n.A.unsubscribe(e).then(e=>{(0,l.default)("Unsubscribed",{...this.trackingData,element_type:"Unsubscribe"})}),this.setState({subscribed:!1})}function h(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:()=>{},a=(e=>{let{type:t,content:s,...i}=e;return{...i}})((0,i.A)(o.A.getState().utmVars.utmVars));n.A.subscribe(e,a).then(e=>{(0,l.default)("Subscribed",{...t.trackingData,element_type:"Subscribe"})}),t.setState({subscribed:!0}),s()}function m(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};0!=o.A.getState().user.id?u(e,this,t):this.props.onWideLightBoxOpen(r().createElement(FirstStage,{onSuccess:()=>u(e,this)}))}function u(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:()=>{};t.state.isSaved?function(e,t,s){d.A.delete("",{item_id:e.id}).then(()=>{t.setState({showSavedMessage:!1,isSaved:!1}),s()})}(e,t,s):function(e,t,s){d.A.create({item_id:e.id,item_type:"post",media_id:(e.cover_photo||{}).id}).then(()=>{t.setState({showSavedMessage:!0,isSaved:!0}),function(e){window.setTimeout(()=>{e.setState({showSavedMessage:!1})},3e3)}(t),s()})}(e,t,s)}},97722(e,t,s){s.r(t),s.d(t,{default:()=>_});var i=s(54705),a=s(73323),r=s(96540),o=s.n(r),n=s(91357),l=s(15328),d=s(77495),p=s(10029),c=s(77399),h=s.n(c),m=s(8126),u=s(40184),g=s(50016),E=s(54036);const v=o().lazy(()=>Promise.all([s.e("vendors-node_modules_lodash-es_fromPairs_js-node_modules_lodash-es_throttle_js-node_modules_r-f8ee80"),s.e("ht-live-episode")]).then(s.bind(s,29807)));class b extends o().Component{constructor(e){super(e),(0,i.A)(this,"nextEpisodesAutoplay",[]),(0,i.A)(this,"previouslyViewedAutoplay",[]),(0,i.A)(this,"nextEpisodesListArrows",[]),(0,i.A)(this,"previouslyViewedArrow",[]),(0,i.A)(this,"nextEpisodeArrow",null),(0,i.A)(this,"nextArrowLink",null),this.state={episode:{},hideArrows:!0,disableArrows:!1}}componentDidMount(){this.fetchEpisode(this.props.id),(0,m.l)()}componentDidUpdate(e){this.props.id!=e.id&&this.fetchEpisode(this.props.id)}fetchEpisode(e){d.A.get(e).then(e=>{this.setEpisode(e);let t=e.type;try{var s=E.pG.getItem("viewed_episodes")}catch(i){}s&&(this.previouslyViewedArrow=JSON.parse(s).viewedEpisodes),this.fetchPopular(t)}).catch(()=>{h()("/404")})}setEpisode(e){if(e.published_at&&!e.deleted_at||e.member.id===this.props.member.id||this.props.member.permissionGranted("view_ht_tv")||h()("/404"),this.setState({episode:e}),this.setMetaData(e),this.previouslyViewedArrow.findIndex(t=>t==e.id)<0){this.previouslyViewedArrow.push(e.id);try{E.pG.setItem("viewed_episodes",JSON.stringify({viewedEpisodes:this.previouslyViewedArrow}))}catch(t){}}this.setState({disableArrows:!1}),u.Ay.updateImpressions(this.props.id)}fetchPopular(e){d.A.getPopularEpisodes(e).then(e=>{this.setAutoplay(e),this.setNextArrows(e)})}setAutoplay(e){this.nextEpisodesAutoplay=e;let t=this.nextEpisodesAutoplay.findIndex(e=>e.id==this.props.id);t>=0&&this.nextEpisodesAutoplay.splice(t,1)}setNextArrows(e){let t=e;this.nextEpisodesListArrows=t.filter(e=>!this.previouslyViewedArrow.includes(e.id)),0===this.nextEpisodesListArrows.length?this.setState({hideArrows:!0}):(this.nextEpisodeArrow=this.nextEpisodesListArrows.pop(),this.nextArrowLink=this.nextEpisodeArrow.site_url,this.setState({hideArrows:!1}))}loadNextEpisode(){this.setState({disableArrows:!0}),0!==this.nextEpisodesListArrows.length?(this.nextEpisodeArrow=this.nextEpisodesListArrows.pop(),this.nextArrowLink=this.nextEpisodeArrow.site_url,h()(this.nextArrowLink),0===this.nextEpisodesListArrows.length&&this.setState({hideArrows:!0})):this.setState({hideArrows:!0})}autoPlayNextEpisode(){this.previouslyViewedAutoplay.push(this.state.episode.id),this.state.episode.id===this.nextEpisodesAutoplay[0].id&&this.nextEpisodesAutoplay.shift();const e=this.nextEpisodesAutoplay.shift();e&&(this.setEpisode(e),h()(e.site_url))}setMetaData(e){this.metaData={cssClass:"ht-episode",pageType:"httv_episode",trackingProperties:{},meta:{name:{},property:{}}};const t={"og:title":(0,a.A)(e,"social_title")?(0,a.A)(e,"social_title"):(0,a.A)(e,"title",""),"og:description":(0,a.A)(e,"social_description")?(0,a.A)(e,"social_description"):(0,a.A)(e,"description","")};(0,a.A)(e,"cover_photo.source")&&(t["og:image"]=(0,a.A)(e,"cover_photo.source")+"?size=1200x628"),this.metaData.meta.property=t,this.metaData.title=(0,a.A)(e,"meta_title")?(0,a.A)(e,"meta_title"):(0,a.A)(e,"title"),this.metaData.meta.name.de

1scription=(0,a.A)(e,"meta_description")?(0,a.A)(e,"meta_description"):(0,a.A)(e,"description"),this.metaData.meta.name.robots="noindex, nofollow",this.setTrackingData(e),this.props.onSetMetaData(this.metaData)}setTrackingData(e){let t=new d.A(e).isShortEpisode();this.metaData.trackingProperties={episode_id:this.props.id,episode_host:e.member.id,episode_host_name:e.member.username,episode_air_date:(0,g.GP)(e.start_time,"MMMM DD, YYYY"),episode_air_time:(0,g.GP)(e.start_time,"h:mm A"),short_form:t}}render(){return o().createElement(n.A,null,o().createElement(r.Suspense,{fallback:o().createElement("div",null)},this.state.episode.id&&o().createElement(v,{episode:this.state.episode,onSetMetaData:this.props.onSetMetaData,autoPlayNextEpisode:()=>this.autoPlayNextEpisode(),loadNextEpisode:()=>this.loadNextEpisode(),hideArrows:this.state.hideArrows,disableArrows:this.state.disableArrows,nextArrowLink:this.nextArrowLink,enableArrows:()=>this.setState({disableArrows:!1})})))}}b.Layout=e=>o().createElement(o().Fragment,null,o().createElement(l.A,null),e.children);const _=(0,p.RE)((0,p.g_)(b))}}]);