https://start.ru/_next/static/chunks/pages/favorites/watchlist-27e6065026735bc4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1299],{21180:(t,e,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/favorites/watchlist",function(){return i(7821)}])},46391:(t,e,i)=>{"use strict";i.d(e,{A:()=>k});var l=i(74848),s=i(46942),o=i.n(s),n=i(96540),a=i(74368),r=i(98047),d=i(27116),c=i(47819),u=i(98126),p=i(72202),h=i(67265),_=i(18011),v=i.n(_);let m={toggleFavoritesPopup:r.sZ,fetchedContinueWatching:p.uD,fetchedProfileRatedContent:p.mq,clickHouseShoot:u.Y3,pushStackAddItem:h.nD};class g extends n.Component{componentDidMount(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("mousemove",this.handleClearClosingTimer),document.addEventListener("scroll",this.handleClickOutside),this.handleCloseTimeout()}componentDidUpdate(){let{visibleFavoritesPopup:t}=this.props.toggle,{ratedContent:e}=this.props.profile;if(!this.loadRatedContent&&(null==e?void 0:e.length)){this.loadRatedContent=!0;let i=null==e?void 0:e.find(e=>(null==e?void 0:e.content_id)===(null==t?void 0:t.uid));i&&(i.is_liked?this.setState({like:!0,dislike:!1}):this.setState({dislike:!0,like:!1}))}}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("scroll",this.handleClickOutside),document.removeEventListener("mousemove",this.handleClearClosingTimer),clearTimeout(this.state.timer)}render(){var t,e,i,s,n,a,r,d;let c;let{like:u,dislike:p}=this.state,{windowInnerWidth:h}=this.props.systemInformation,{visibleFavoritesPopup:_}=this.props.toggle,m=(null==_?void 0:null===(t=_.clientX)||void 0===t?void 0:t.bottom)+this.tooltip_gap+this.tooltip_height<=(null===(e=window)||void 0===e?void 0:e.innerHeight),g=(null==_?void 0:null===(i=_.clientX)||void 0===i?void 0:i.left)+this.tooltip_width>(null===(s=window)||void 0===s?void 0:s.innerWidth);return c=m?h>1024?{left:"".concat(null==_?void 0:null===(n=_.clientX)||void 0===n?void 0:n.left,"px"),top:"".concat((null==_?void 0:null===(a=_.clientX)||void 0===a?void 0:a.bottom)+this.tooltip_gap,"px")}:null:{...c,left:"".concat(null==_?void 0:null===(r=_.clientX)||void 0===r?void 0:r.left,"px"),top:"".concat((null==_?void 0:_.clientXMore.top)-this.tooltip_height-this.tooltip_gap,"px")},g&&(c={...c,left:"".concat((null==_?void 0:null===(d=_.clientX)||void 0===d?void 0:d.right)-this.tooltip_width,"px")}),(0,l.jsx)("div",{className:o()(v().popup,{}),onClick:this.handleClickOutside,children:(0,l.jsx)("div",{className:v().popup__wrapper,style:c,children:(0,l.jsxs)("div",{ref:t=>{this.popupWrapper=t},children:[h<=1024&&(0,l.jsxs)("div",{className:v().popup__line__header,children:[(0,l.jsx)("div",{className:v().popup__line__header__title,children:null==_?void 0:_.title}),(0,l.jsx)("img",{src:"/static/images/continueWatching/dismiss.svg",onClick:this.handleClose})]}),(0,l.jsxs)("div",{className:v().popup__line,onClick:()=>this.getLikeOrDislike("like"),children:[(0,l.jsx)("img",{src:"/static/images/product/".concat(u?"like-active":"like",".svg"),alt:"like"}),(0,l.jsx)("div",{children:"Нравится"})]}),(0,l.jsxs)("div",{className:v().popup__line,onClick:()=>this.getLikeOrDislike("dislike"),children:[(0,l.jsx)("img",{src:"/static/images/product/".concat(p?"dislike-active":"dislike",".svg"),alt:"dislike"}),(0,l.jsx)("div",{children:"Не нравится"})]})]})})})}constructor(...t){var e;super(...t),this.state={liked:!1,like:!1,dislike:!1,timer:null},this.popupWrapper=null,this.apiUrl=this.props.systemInformation.API_URL||d.H$,this.apiKey=this.props.systemInformation.API_KEY||d.Lq,this.loadRatedContent=!1,this.desktopPlus=(null===(e=window)||void 0===e?void 0:e.innerWidth)>1440,this.getScaleSize=t=>Number((t*(window.innerWidth/1440)).toFixed(2)),this.tooltip_gap=this.desktopPlus?this.getScaleSize(4):4,this.tooltip_width=this.desktopPlus?this.getScaleSize(200):200,this.tooltip_height=this.desktopPlus?this.getScaleSize(92):92,this.handleClearClosingTimer=()=>{clearTimeout(this.state.timer),this.handleCloseTimeout()},this.handleCloseTimeout=()=>{this.setState({timer:setTimeout(()=>{this.props.toggleFavoritesPopup(null)},3e6)})},this.handleClickOutside=t=>{this.popupWrapper&&!this.popupWrapper.contains(t.target)&&this.props.toggleFavoritesPopup(null)},this.handleClose=()=>{this.props.toggleFavoritesPopup(null)},this.onCrossClickLike=()=>{let{clickHouseData:t}=this.props.systemInformation,e={...t,action_id:"click",block_type:"popup",block_attributes_id:"add_to_favorites",element_type:"button",element_attributes_id:"cross",event_time:Date.now()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,e)},this.getLikeOrDislike=t=>{let{clickHouseData:e}=this.props.systemInformation,{ratedContent:i}=this.props.profile,{visibleFavoritesPopup:l}=this.props.toggle,{like:s,dislike:o}=this.state;if("like"===t&&s||"dislike"===t&&o)return;this.setState({liked:!0},()=>{fetch("".concat(this.apiUrl).concat(c.PI.rateContent).concat(this.apiKey),{credentials:"include",method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content_id:null==l?void 0:l.uid,profile_id:null==l?void 0:l.profile_id,like:"like"===t})}).then(e=>{if(e.status<400){this.setState({dislike:"dislike"===t,like:"like"===t});let e=i.filter(t=>(null==t?void 0:t.content_id)!==(null==l?void 0:l.uid));if("like"===t){let t={content_id:null==l?void 0:l.uid,is_liked:!0};e.push(t)}else{let t={content_id:null==l?void 0:l.uid,is_liked:!1}

1;e.push(t)}this.props.fetchedProfileRatedContent(e)}this.handleClearClosingTimer()})});let n={...e,action_id:"click",action_result:"like"===t?"like":"dislike",action_attributes_str:null==l?void 0:l.id,content_id:null==l?void 0:l.uid,product_id:null==l?void 0:l.product_id,content_type:(null==l?void 0:l._cls)==="Channel"?"tvchannel":null==l?void 0:l._cls,block_type:"collection",block_attributes_id:"continue_watching",block_attributes_index:this.props.blockIdx,element_type:"product",element_attributes_id:null==l?void 0:l.alias,element_attributes_index:(null==l?void 0:l.index)+1,event_time:Date.now()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,n),this.props.pushStackAddItem({text:"Спасибо! Учтём при подборе рекомендаций",onCrossClickCallback:()=>{this.onCrossClickLike()}});let a={...e,action_id:"popupview",screen_type:"main",screen_attributes_id:"main",block_type:"popup",block_attributes_id:"add_to_favorites",event_time:Date.now()};this.props.clickHouseShoot(this.apiUrl,this.apiKey,a),this.props.toggleFavoritesPopup(null)}}}g.defaultProps={isFavoritesPage:!1};let k=(0,a.Ng)(t=>({systemInformation:t.systemInformation,toggle:t.toggle,profile:t.profile}),m)(g)},55929:(t,e,i)=>{"use strict";i.d(e,{DF:()=>s,VD:()=>a,a1:()=>d,hR:()=>o,lI:()=>n,uW:()=>r});var l=i(74848);let s=[{value:"ALL",label:"Все"},{value:"FAVORITES",label:"Буду смотреть"},{value:"PURCHASE",label:"Покупки"},{value:"CONTINUE_WATCHING",label:"Продолжить просмотр"}],o=[{value:"movie",label:"Фильмы"},{value:"series",label:"Сериалы"}],n=[{value:"Movie",label:"Фильмы"},{value:"Series",label:"Сериалы"}],a=[{img:"/static/images/favorites/st1.png",title:"Понравился фильм или сериал?",subtitle:"Нажмите на флажок, чтобы сохранить его"},{img:"/static/images/favorites/st2.png",title:(0,l.jsxs)(l.Fragment,{children:["Здесь найдете всё, ",(0,l.jsx)("br",{})," что сохранили"]}),subtitle:"Выбирайте, добавляйте и ставьте оценки"},{img:"/static/images/favorites/st3.png",title:"Соберите свою коллекцию",subtitle:"Чтобы всегда было, что смотреть"}],r={movie:"Product.Movie",series:"Product.Series"},d={Movie:"Movie",Series:"Series"}},7821:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>f});var l=i(74848),s=i(96540),o=i(74368),n=i(86715),a=i.n(n),r=i(41364),d=i(47819),c=i(31083),u=i(2318),p=i(6108),h=i(46391),_=i(30291),v=i(55929),m=i(72202),g=i(83569),k=i.n(g);let b=()=>{let t=(0,o.wA)(),e=r.Ay.useApiUrl(),i=r.Ay.useApiKey(),n=(0,o.d4)(t=>t.registration.authData),g=(0,o.d4)(t=>t.toggle.visibleFavoritesPopup),{favorites:b,favoritesSorted:f,currentProfile:C}=(0,o.d4)(t=>t.profile),{locale:y}=(0,o.d4)(t=>t.systemInformation),x=null==C?void 0:C._id,[w,j]=(0,s.useState)([]),S=[{link:"/favorites",title:"Моё",name:"Моё"},{title:"Буду смотреть",name:"Буду смотреть"}],P=(0,s.useMemo)(()=>{if(1===w.length){var t;return null!==(t=null!=f?f:b)&&void 0!==t?t:[]}return null!=b?b:[]},[b,f,w]),N=(0,s.useMemo)(()=>null!=b&&!!b.length&&new Set(b.map(t=>t._cls)).size>1,[b]),A=(0,s.useCallback)(async()=>{if(x&&(null==n||!n.virtual)){if(1===w.length)t((0,m.Jb)(x,e,i,y,w[0]));else{let l="".concat(e).concat(d.PI.favorites).concat(x).concat(i,"&locale=").concat(y,"&content_lang=").concat(y,"&device_type=web"),s=await fetch(l,{credentials:"include"}),o=await s.json();s.ok&&o&&t((0,m.gH)(o))}}},[w,x,e,i,y,t,null==n?void 0:n.virtual]);return(0,s.useEffect)(()=>{(null==n?void 0:n.virtual)&&a().push("/auth")},[n]),(0,s.useEffect)(()=>{x&&(null==n||!n.virtual)&&(1===w.length?t((0,m.Jb)(x,e,i,y,w[0])):fetch("".concat(e).concat(d.PI.favorites).concat(x).concat(i,"&locale=").concat(y,"&content_lang=").concat(y,"&device_type=web"),{credentials:"include"}).then(e=>{e.ok&&e.json().then(e=>{t((0,m.gH)(e))})}))},[w,x,e,i,y,t,null==n?void 0:n.virtual]),(0,s.useEffect)(()=>{!N&&w.length>0&&j([])},[N,w]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_.A,{title:"Буду смотреть на START.ru",description:"Полный список фильмов и сериалов, которые вы добавили в раздел \xabБуду смотреть\xbb.",breadCrumbs:S,canonical:"/favorites/watchlist"}),(0,l.jsxs)("div",{className:k().watchlist,children:[(0,l.jsx)(c.A,{breadcrumbs:S,className:k().breadcrumbs}),(0,l.jsx)("h1",{className:k().h1,children:"Буду смотреть"}),N&&(0,l.jsx)(u.I,{items:v.hR,value:w,onChange:t=>{j(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])},size:"medium",classes:{root:k().filters}}),(0,l.jsx)(p.A,{data:P,isFavoritesPage:!0,isFavoritesWatchList:!0,onRemoveFromFavorites:A}),g&&(0,l.jsx)(h.A,{isFavoritesPage:!0})]})]})};class f extends s.Component{render(){return(0,l.jsx)(b,{})}}},2318:(t,e,i)=>{"use strict";i.d(e,{I:()=>d});var l=i(74848),s=i(46942),o=i.n(s),n=i(2117),a=i.n(n);let r=t=>{let{label:e,active:i=!1,size:s="medium",view:n="default",disabled:r=!1,className:d,classes:c={},style:u,onClick:p}=t;return(0,l.jsx)("button",{type:"button",disabled:r,style:u,className:o()(a().root,a()[s],a()[n],{[a().active]:i,[a().disabled]:r},d,c.root),onClick:p,children:(0,l.jsx)("span",{className:o()(a().label,c.label),children:e})})},d=t=>{let{items:e,value:i,onChange:s,size:n,view:d,className:c,classes:u={},style:p}=t;return(0,l.jsx)("div",{className:o()(a().group,c,u.root),style:p,children:e.map(t=>(0,l.jsx)(r,{label:t.label,size:n,view:d,active:Array.isArray(i)?i.includes(t.value):i===t.value,onClick:()=>s(t.value),className:u.chip,classes:u.chipClasses},t.value))})}},83569:t=>{t.exports={"storybook-root":"Watchlist_storybook-root__Q_sq5",watchlist:"Watchlist_watchlist__u0U_i",h1:"Watchlist_h1__TyHVv",filters:"Watchlist_filters___O7gf",store__empty:"Watchlist_store__empty__jwgQa",store__title:"Watchlist_store__title__BjmZp",store__subtitle:"Watchlist_store__subtitle__WqLbY"}},2117:t=>{t.exports={"storybook-root":"Chip_storybook-root__ryqXu",root:"Chip_root___Fcok",label:"Chip_label__PhoC8",medium:"Chip_medium__FpHpl",large:"Chip_large__P3yuP",default:"Chip_default__dS2YS",active:"Chip_active__7ANUs",brand:"Chip_brand__OdgJc",disabled:"Chip_disabled__KCeuM",group:"Chip_group___tvdQ"}}},t=>{var e=e=>t(t.s=e);t.O(0,[3727,636,6593,8792],()=>e(21180)),_N_E=t.O()}]);