/*! VERSION | 10.78.9 */"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9908],{85401:(e,t,a)=>{a.r(t),a.d(t,{WatchHistoryPage:()=>T,default:()=>z});var r=a(18775),s=a(29955),i=a(77397),l=a(27378),n=a(48204),o=a(36561),c=a(59957),m=a(77382),d=a(99382),h=a(29413),p=a(59593),y=a(56509);let u={showAuthModal:m.Vu},E=(0,n.$j)(e=>({isVisible:(0,c.jv)(e)}),u)(({showAuthModal:e,isVisible:t})=>{let a=(0,l.useCallback)(()=>{e({action:{isDefaultBanner:!0,shouldBypassActionPrefix:!0,type:"createFreeAccount"},component:"SignUp",className:"auth-modal-signup",amplParams:{triggerSource:p.FO.WATCH_HISTORY}})},[e]);return t?l.createElement("div",{className:"watch-history-banner"},l.createElement("div",{className:"watch-history-banner-icon"},l.createElement(h.Z,{img:"wrong"})),l.createElement("div",{className:"watch-history-banner-body"},l.createElement("div",{className:"watch-history-banner-body--wrapper"},l.createElement("div",{className:"watch-history-banner-title"},(0,y.dW)("watchHistory.banner.title")),l.createElement("div",{className:"watch-history-banner-description"},(0,y.dW)("watchHistory.banner.description"))),l.createElement("div",{className:"watch-history-banner-button"},l.createElement(d.ZP,{style:"apply",onClick:a},(0,y.dW)("watchHistory.banner.button"))))):null});var g=a(41168),v=a(56828),C=a(75845),H=a(83550),N=a(45793),w=a(39120),f=a(16421),_=a(69791),M=a(9957),W=a(99748);let b=(e,t)=>{let a=[];if(null==e?void 0:e.length){let r=0;e.forEach((e,s)=>{let i=(null==t?void 0:t.slice(r,r+e.size))||[];r+=e.size,i.length&&a.push(l.createElement(l.Fragment,{key:s},e.title&&l.createElement("h2",{className:"text-title-l1 lazy-list-title"},e.title),l.createElement("div",{className:"list-items-container"},i)))})}else a.push(l.createElement("div",{className:"list-items-container",key:"main"},t));return a},A=({sections:e,children:t,loadMore:a,hasMore:r,...s})=>{let i=(0,l.useMemo)(()=>b(e,l.Children.map(t,e=>e)),[t,e]);return l.createElement("div",{className:(0,W.AK)("lazy-list",s.className)},i,l.createElement(M.df,{onChange:e=>{r&&e&&a()},rootMargin:"300px"}))};var Z=a(85353),L=a(57857),P=a(2219),k=a(91090),S=a(75267),O=a(13409),U=a(69123),B=a(79137);class T extends l.Component{renderClearButton(){let{isLoggedIn:e,models:t}=this.props,a=e&&!(0,s.Z)(t);return a?l.createElement("div",{onClick:this.confirmClearHistory,className:"watch-history-clear"},l.createElement(h.Z,{img:"close-3",size:10}),(0,y.dW)("watchHistory.clear")):null}renderPageHeader(){return l.createElement("div",{className:"page-header"},l.createElement(L.br,{className:"watch-history-page-title"},(0,y.dW)("watchHistory.header")),l.createElement(E,null),this.renderClearButton())}renderList(){let{models:e,periods:t,preferredTagUrl:a,hasMore:r,isPending:i}=this.props,{isWatchHistoryClearConfirmationOpen:n}=this.state;if((0,s.Z)(e))return l.createElement(l.Fragment,null,l.createElement(_.Z,{className:"without-top-margin",title:(0,y.dW)("watchHistory.empty.title"),icon:"watch-history-big",description:(0,y.dW)("watchHistory.empty.description"),preferredTagUrl:a}),l.createElement(v.Z,{isLazyLoading:!0,shouldShowPopularSnapshot:!0,hasFiltersColumn:!1},l.createElement("div",{className:"model-list-header"},l.createElement("h2",null,(0,y.dW)("seo.indexHeadings.searchNoResults")))));let o=t.reduce((e,t)=>(e.push(...Array(t.size).fill(t.id)),e),[]),c=(0,U.U)(e||[]);return l.createElement("div",{className:(0,W.AK)("model-list no-margin")},l.createElement(O.C,{gridHash:c},l.createElement(A,{hasMore:!!r&&!i,loadMore:this.loadMore,sections:t},null==e?void 0:e.map((e,t)=>l.createElement(O.C,{key:e.id,position:t,gridHash:c,blockId:o[t]},l.createElement(g.p,{onClick:this.createItemClickHandler(t),model:e}))))),n&&l.createElement(f.Z,{onConfirm:this.clearHistoryConfirm,onCancel:this.clearHistoryCancel},l.createElement("p",null,(0,y.dW)("watchHistory.clearConfirm"))))}render(){return l.createElement(w.Z,{propsUpdateToActionsMap:this.propsUpdateToActionsMap,...this.props},l.createElement(N.Z,{titleKey:"seo.title.watchHistory",descriptionKey:"seo.description.watchHistory",renderPending:this.renderPending,isDataPending:this.props.isPending,className:"watch-history-page--new"},l.createElement("div",{className:"watch-history-page page page-columns"},l.createElement("div",{className:"model-list-wrapper"},l.createElement("div",{className:"model-list-container"},l.createElement(P.Z,null),l.createElement("div",{className:"model-list-content"},this.renderPageHeader(),this.renderList()))))))}constructor(e){super(e),(0,r._)(this,"handleCurrentUserChange",()=>{let{shouldSaveWatchHistoryOnLogin:e}=this.props;e||this.props.loadWatchHistory()}),(0,r._)(this,"propsUpdateToActionsMap",[{update:B.iM,action:this.handleCurrentUserChange}]),(0,r._)(this,"confirmClearHistory",()=>{this.setState({isWatchHistoryClearConfirmationOpen:!0})}),(0,r._)(this,"clearHistoryCancel",()=>{this.setState({isWatchHistoryClearConfirmationOpen:!1})}),(0,r._)(this,"loadMore",()=>{this.props.loadWatchHistory({loadMore:!0})}),(0,r._)(this,"handleModelClick",(e,t,a)=>{if(a){let{watchHistoryCategory:e}=a;this.props.updateModelListSection({segmentType:e}),this.props.emitButtonEvent(k.a.LIVE_THUMB,{modelName:a.username,modelListPosition:t})}}),(0,r._)(this,"clearHistoryConfirm",async()=>{await this.props.remove(),this.setState({isWatchHistoryClearConfirmationOpen:!1})}),(0,r._)(this,"createItemClickHandler",(0,i.Z)(e=>(t,a,r)=>this.handleModelClick(t,e,r))),(0,r._)(this,"renderPending",()=>l.createElement("div",{className:"watch-history-page page page-columns"},l.createElement("div",{className:"model-list-wrapper"},l.createElement("div",{className:"model-list-container"},l.createElement(P.Z,null),l.createElement("div",{className:(0,W.AK)("model-list-content watch-history-load-container")},this.renderPageHeader(),l.createElement("div",{className:"model-list"},l.createElement(Z.Z,{isCentered:!0}))))))),this.state={isWatchHistoryClearConfirmationOpen:!1}}}let D={loadWatchHistory:o.B3,remove:o.Od,updateModelListSection:S.ro,emitButtonEvent:H.d2},z=(0,n.$j)(e=>{let{auth:{isLoggedIn:t,currentUser:a},watchHistory:{isPending:r,models:s}}=e;return{currentUser:a,isLoggedIn:t,isPending:r,models:s,preferredTagUrl:(0,C.Qo)(e),groupedModels:(0,c.WT)(e),periods:(0,c.DF)(e),hasMore:(0,c.N_)(e),shouldSaveWatchHistoryOnLogin:(0,c.VA)(e)}},D)(T)},69791:(e,t,a)=>{a.d(t,{Z:()=>m});var r=a(27378),s=a(80914),i=a(99382),l=a(29413),n=a(99748),o=a(56509),c=a(95654);let m=({description:e,icon:t,title:a,className:m="",preferredTagUrl:d})=>{let h=(0,c.C)(s.JB);return r.createElement("div",{className:(0,n.AK)("empty-list",m)},r.createElement("div",{className:"empty-list-left"},r.createElement("div",{className:"empty-list-title"},a),r.createElement("div",{className:"empty-list-description"},e),r.createElement(i.ZP,{size:"large",style:"nav",type:"link",to:d===h?"/":`/${d}`},(0,o.dW)("button.goToFeaturedModels"))),r.createElement("div",{className:"empty-list-right"},r.createElement(l.Z,{img:t})))}}}]);