https://start.ru/_next/static/chunks/pages/account/rec_setup-05708afd1f9748de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[796],{79890:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/rec_setup",function(){return n(53586)}])},39608:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var s=n(96540);let i=e=>{let t=(0,s.useRef)(new Map),n=(0,s.useRef)(new Map),i=(0,s.useRef)(null);return(s,a)=>{a?(n.current.has(s.id)||t.current.set(s.id,s),n.current.set(s.id,s)):(t.current.delete(s.id),n.current.delete(s.id)),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{t.current.size>0&&(e(Array.from(t.current.values()).sort((e,t)=>e.position-t.position)),t.current=new Map)},2e3)}}},53586:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>G});var s=n(74848),i=n(86715),a=n.n(i),c=n(96540),_=n(1071),r=n.n(_),o=n(46942),l=n.n(o),d=n(74368),u=n(41364),m=n(47819),p=n(27116),h=n(39608),f=n(96927),S=n(29965),v=n.n(S),w=n(35296),b=n(40094),x=n(77363),I=n.n(x);let y=(e,t)=>Math.floor(e*t/1440),g={DESKTOP:"desktop_web",TABLET:"tablet_web",MOBILE:"mobile_web"},R={[g.DESKTOP]:{width:200,height:300},[g.TABLET]:{width:160,height:240},[g.MOBILE]:{width:104,height:156}},j=e=>{var t,n,i;let{item:c,position:_,selectedItems:r,setSelectedItems:o,recSetupReady:m,onVisibilityChange:h}=e,{ref:f}=(0,b.Wx)({onChange:e=>{h({id:c.uid,position:_},e)},triggerOnce:!1,threshold:.9}),S=(0,d.d4)(e=>e.systemInformation.deviceSize),{buildUrl:x}=(0,u.gf)(),g=(0,u.jo)(),j=null===(t=R[S])||void 0===t?void 0:t.width,k=null===(n=R[S])||void 0===n?void 0:n.height,N=async e=>{e.stopPropagation(),g({action_id:"click",screen_attributes_id:m?"recommendation_list_ready":"recommendation_list_choose",content_id:c.uid,content_type:c._cls,product_id:null==c?void 0:c.uid,element_type:"product",element_attributes_id:c.alias,element_attributes_index:_,block_type:"collection",block_attributes_id:m?"recommendation_list_grid_ready":"recommendation_list_grid",block_attributes_index:1}),m?await a().push("/watch/".concat(c.alias)):r.find(e=>e.uid===c.uid)?o(r.filter(e=>e.uid!==c.uid)):o([...r,c])};return(0,s.jsxs)("div",{ref:f,className:l()(I().announcementsItem,{[I().announcementsItem__selected]:r.find(e=>e.uid===c.uid&&!m),[I().announcementsItem__link]:m}),onClick:e=>N(e),children:[(0,s.jsx)("div",{className:l()(I().announcementsItem__image__wrapper),children:(0,s.jsx)(v(),{className:I().announcementsItem__image,src:(()=>{let{clientWidth:e}=document.documentElement,t=2*j,n=2*k,s=e>p.xW.DESKTOP?y(t,e):t,i=e>p.xW.DESKTOP?y(n,e):n,a="".concat(s,"x").concat(i),_=c.vertical.image_15x;return x({path:(0,w.bZ)(_,a),apiKeySkip:!0})})(),loader:w.R2,width:j,height:k,alt:"poster",placeholder:"blur",blurDataURL:"/static/images/Null-vertical-SVG.svg"})}),(0,s.jsxs)("div",{className:I().announcementsItem__info,children:[(0,s.jsx)("p",{className:I().announcementsItem__title,children:c.title}),(null==c?void 0:null===(i=c.genres)||void 0===i?void 0:i.length)?(0,s.jsx)("p",{className:I().announcementsItem__genre,children:c.genres.map(e=>e.title).join(", ")}):null]})]})},k={DESKTOP:"desktop_web"},N=e=>{var t;let{recSetupSuccess:n,recSetupReady:i,selectedItems:a,setSelectedItems:_}=e,[r,o]=(0,c.useState)([]),[S,v]=(0,c.useState)(p.M1.IDLE),w=(0,d.d4)(e=>e.systemInformation.deviceSize),{currentProfile:b}=(0,d.d4)(e=>e.profile),x=null==b?void 0:b._id,{buildUrl:y}=(0,u.gf)(),g=(0,u.jo)(),R=Array.from(Array(w===k.DESKTOP?24:9).keys());(0,c.useEffect)(()=>{n&&o([])},[n]),(0,c.useEffect)(()=>{i||(async()=>{try{v(p.M1.FETCHING);let e=y({path:"".concat(m.PI.collection).concat(encodeURI("nastroyte-vashi-rekomendacii")),query:"&limit=24"}),t=await fetch(e,{credentials:"include"}),n=await t.json();o(n),v(p.M1.FETCHED)}catch(e){console.error(e)}})()},[i]),(0,c.useEffect)(()=>{i&&(async()=>{try{v(p.M1.FETCHING);let e=y({path:"".concat(m.PI.recommendationLighExp).concat(x),query:"&limit=24"}),t=await fetch(e,{credentials:"include"}),n=await t.json();o(n),v(p.M1.FETCHED)}catch(e){console.error(e)}})()},[i]);let N=(0,h.$)(e=>{g({action_id:"collection_view",action_result:e.map(e=>e.position),action_attributes_str:e.map(e=>e.id),screen_attributes_id:i?"recommendation_list_ready":"recommendation_list_choose",block_type:"collection",block_attributes_id:i?"recommendation_list_grid_ready":"recommendation_list_grid",block_attributes_index:1})}),E=(e,t)=>{N({id:e.id,position:e.position},t)};return S===p.M1.FETCHING||S===p.M1.IDLE?(0,s.jsx)("div",{className:I().announcementsGrid,children:R.map((e,t)=>(0,s.jsxs)("div",{className:I().announcementsItem__skeleton_wrap,children:[(0,s.jsx)(f.A,{className:l()(I().announcementsItem__skeleton,I().announcementsItem__skeleton_announce)}),(0,s.jsxs)("div",{className:I().announcementsItem__skeleton_wrap_2,children:[(0,s.jsx)(f.A,{className:I().announcementsItem__skeleton_title}),(0,s.jsx)(f.A,{className:I().announcementsItem__skeleton_description})]})]},"".concat(e,"_").concat(t)))}):(0,s.jsx)("div",{className:I().announcementsGrid,children:null==r?void 0:null===(t=r.items)||void 0===t?void 0:t.map((e,t)=>(0,s.jsx)(j,{item:e,position:t+1,selectedItems:a,setSelectedItems:_,recSetupReady:i,onVisibilityChange:E}

1,e.uid))})};var E=n(97461),L=n(74712),T=n(28982),A=n(48398),C=n(80364);n(5651),n(79690);let D=(e,t)=>Math.floor(e*t/1440),M=e=>{let{recSetupSuccess:t,sendData:n,loading:i,setRecSetupReady:a,setRecSetupSuccess:_}=e,[o,p]=(0,c.useState)([]),[h,f]=(0,c.useState)(0),[S,b]=(0,c.useState)(10),x=(0,d.d4)(e=>e.registration.authData),I=(0,C.A)(),y=(0,A.A)(),g=(0,u.jo)();(0,c.useEffect)(()=>{g({action_id:"screenview",screen_attributes_id:t?"recommendation_list_loading":"recommendation_list_failure",referer_screen_type:"recommendation_list",referer_screen_attributes_id:"recommendation_list_choose"})},[t]),(0,c.useEffect)(()=>{if(!t)return;S<=1&&(a(!0),_(!1));let e=setInterval(()=>{b(e=>e-1)},1e3);return()=>clearInterval(e)},[S,t]),(0,c.useEffect)(()=>{t&&localStorage.setItem("recSetup_".concat(null==x?void 0:x.profile_id),"true")},[t]),(0,c.useEffect)(()=>{f(window.innerWidth),(async()=>{try{let e="".concat(I).concat(m.PI.featuredV3,"/f82b7f72-448b-4315-996d-cf698afbef26/").concat(null==x?void 0:x.profile_id).concat(y,"&device_type=web&for_kids=false&locale=ru&content_lang=ru"),t=await fetch(e,{credentials:"include"}),n=await t.json();p([...n,...n])}catch(e){console.error(e)}})()},[]);let R=e=>{let t=e.vertical.image_15x;return"".concat(I).concat((0,w.bZ)(t,"240x360"))};return(0,s.jsxs)("div",{className:r().result,children:[(0,s.jsxs)("div",{className:r().result__info,children:[(0,s.jsx)("div",{className:r().title,children:t?"спасибо":"Что-то пошло не так"}),(0,s.jsx)("div",{className:l()(r().desc,{[r().desc__min]:t}),children:t?"Подбираем фильмы и сериалы. Они появятся через ".concat(S):"Скоро всё починим. Попробуйте ещё раз"}),!t&&(0,s.jsx)("div",{className:r().result__btn,children:(0,s.jsx)(E.$n,{isLoading:i,title:"Обновить",onClick:()=>{g({action_id:"click",screen_attributes_id:"recommendation_list_failure",referer_screen_type:"recommendation_list",referer_screen_attributes_id:"recommendation_list_choose",element_type:"button",element_attributes_id:"continue",element_attributes_text:"Обновить"}),n()}})})]}),(0,s.jsx)("div",{className:r().slider__wrapper,children:(null==o?void 0:o.length)>0&&(0,s.jsx)(T.RC,{modules:[L.Ij],freeMode:!0,spaceBetween:16,breakpoints:{768:{spaceBetween:20},1025:{spaceBetween:24},1441:{spaceBetween:D(24,h)}},slidesPerView:"auto",centeredSlides:!0,loop:!0,speed:800,autoplay:!!t&&{delay:1e3,disableOnInteraction:!1,pauseOnMouseEnter:!1},allowTouchMove:!1,className:r().slider,children:o.map((e,t)=>(0,s.jsx)(T.qr,{className:r().slide,children:(0,s.jsx)(v(),{loader:w.R2,src:R(e),width:120,height:180,alt:"image",placeholder:"blur",blurDataURL:"/static/images/Null-vertical-SVG.svg"})},t))},t)})]})};var P=n(68850),O=n(98047);let F=()=>{let[e,t]=c.useState([]),[n,i]=c.useState(!1),[_,o]=c.useState(!1),[u,p]=c.useState(!1),[h,f]=(0,c.useState)(!1),[S,v]=c.useState("recommendation_list_choose"),w=(null==e?void 0:e.length)||0,b=w<5,x=n||_,I=(0,d.d4)(e=>e.registration.authData),y=(0,d.wA)(),g=(0,C.A)(),R=(0,A.A)(),j=(0,P.A)();(0,c.useEffect)(()=>(y((0,O.TX)(!0)),()=>{y((0,O.TX)(!1))}),[]),(0,c.useEffect)(()=>{u&&j({action_id:"screenview",screen_attributes_id:"recommendation_list_ready",referer_screen_type:"recommendation_list",referer_screen_attributes_id:"recommendation_list_loading"})},[u]);let k=async()=>{f(!0);let t="".concat(g).concat(m.PI.rateContent).concat(R);try{let n=e.map(e=>fetch(t,{credentials:"include",method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({profile_id:null==I?void 0:I.profile_id,content_id:null==e?void 0:e.uid,like:!0})}).then(e=>{if(!e.ok)throw Error("Error: ".concat(e.status))}).catch(e=>{throw Error("Error: ".concat(e))}));await Promise.all(n),f(!1),o(!1),i(!0),v("recommendation_list_loading")}catch(e){console.error("Один из запросов rate-content завершился ошибкой:",e),f(!1),o(!0),v("recommendation_list_failure")}};return(0,s.jsx)("div",{className:l()(r().popup,{[r().popup__min]:x}),children:(0,s.jsxs)("div",{className:l()(r().wrapper,{[r().wrapper__primary]:(!b||n)&&!u,[r().wrapper__secondary]:_}),children:[(0,s.jsx)("div",{className:r().header,children:(0,s.jsx)("div",{className:r().close,onClick:()=>{j({action_id:"click",element_type:"button",element_attributes_id:"cross",screen_attributes_id:u?"recommendation_list_ready":S}),a().push("/")},children:(0,s.jsx)("img",{src:"/static/images/popups/cross-white.svg"})})}),x?(0,s.jsx)(M,{loading:h,recSetupSuccess:n,setRecSetupSuccess:i,setRecSetupReady:p,sendData:k}):(0,s.jsxs)("div",{className:r().body,children:[(0,s.jsx)("div",{className:l()(r().title,{[r().title__max]:u}),children:u?"Ваши рекомендации\u2028готовы":"Настройте ваши рекомендации"}),(0,s.jsx)("div",{className:l()(r().desc,{[r().desc__max]:u}),children:u?"Они\xa0также\xa0появятся на\xa0главной странице и\xa0будут обновляться на\xa0основе\u2028ваших просмотров и\xa0оценок. Приятного просмотра!":"Выберите 5 или больше проектов, а\xa0мы подберём\u2028похожие и покажем на\xa0главной странице"}),(0,s.jsx)(N,{recSetupSuccess:n,recSetupReady:u,setSelectedItems:t,selectedItems:e}),!u&&(0,s.jsxs)("div",{className:r().btn_wrapper,children:[(0,s.jsxs)("div",{className:r().info,children:[(0,s.jsxs)("div",{className:r().title,children:["выбрано ",(0,s.jsx)("span",{className:b?"":r().title_primary,children:w})]}),(0,s.jsx)("div",{className:r().desc,children:"Минимум 5"})]}),(0,s.jsx)(E.$n,{title:"продолжить",isLoading:h,isDisabled:b,onClick:()=>{j({action_id:"click",element_type:"button",element_attributes_id:"continue",element_attributes_text:"Продолжить"}),k().then(()=>{j({action_id:"send_form",action_result:e.map(e=>null==e?void 0:e.uid)||[]})})}})]})]})]})})},G=()=>{let[e,t]=(0,c.useState)(null),n=(0,d.d4)(e=>e.registration.authData),i="test_rec_setup"===(0,w.l3)((null==n?void 0:n.ab)||[],"rec_setup"),_=i&&!e;return(0,c.useEffect)(()=>{n&&(t(localStorage.getItem("recSetup_".concat(null==n?void 0:n.profile_id))),(null==n?void 0:n.virtual)!==!0&&i&&"true"!==e||a().push("/"))},[e,n]),_&&(null==n?void 0:n.virtual)!==!0?(0,s.jsx)(F,{}):null}},5651:()=>{},79690:()=>{},1071:e=>{e.exports={"storybook-root":"RecSetup_storybook-root__gfdHp",popup:"RecSetup_popup__I5M1q",popup__min:"RecSetup_popup__min__hYFZZ",wrapper:"RecSetup_wrapper__a1CCA",wrapper__primary:"RecSetup_wrapper__primary__ZRWgF",wrapper__secondary:"RecSetup_wrapper__secondary__u2lrL",header:"RecSetup_header__FCGOV",close:"RecSetup_close__XAJmk",body:"RecSetup_body__drYlj",title:"RecSetup_title__R1hT2",desc:"RecSetup_desc__JhwQp",desc__max:"RecSetup_desc__max__dJJDs",btn_wrapper:"RecSetup_btn_wrapper__G83ld",info:"RecSetup_info__N5sg6",title_primary:"RecSetup_title_primary__FuQJF",result:"RecSetup_result__898tD",result__info:"RecSetup_result__info__FRj0k",slider__wrapper:"RecSetup_slider__wrapper__H1704",result__btn:"RecSetup_result__btn__yK1xA",slide:"RecSetup_slide__85R0f",title__max:"RecSetup_title__max__fVYAH",desc__min:"RecSetup_desc__min__RV1pX"}},77363:e=>{e.exports={"storybook-root":"RecSetupList_storybook-root__AtBst",announcementsGrid:"RecSetupList_announcementsGrid__ypCx1",announcementsItem:"RecSetupList_announcementsItem__Adt7T",announcementsItem__link:"RecSetupList_announcementsItem__link__1HBxM",announcementsItem__selected:"RecSetupList_announcementsItem__selected___rgOZ",announcementsItem__image__wrapper:"RecSetupList_announcementsItem__image__wrapper__9No1V",announcementsItem__image:"RecSetupList_announcementsItem__image__2wPTv",announcementsItem__genre:"RecSetupList_announcementsItem__genre__QRLkg",announcementsItem__title:"RecSetupList_announcementsItem__title__AjmTZ",announcementsItem__info:"RecSetupList_announcementsItem__info__XPUyP",announcementsItem__skeleton_wrap:"RecSetupList_announcementsItem__skeleton_wrap__8ugDv",announcementsItem__skeleton:"RecSetupList_announcementsItem__skeleton__MXYFU",announcementsItem__skeleton_wrap_2:"RecSetupList_announcementsItem__skeleton_wrap_2__34wlO",announcementsItem__skeleton_title:"RecSetupList_announcementsItem__skeleton_title__qd6ai",announcementsItem__skeleton_description:"RecSetupList_announcementsItem__skeleton_description__J1kFj",announcements:"RecSetupList_announcements__0_pRV"}}},e=>{var t=t=>e(e.s=t);e.O(0,[165,636,6593,8792],()=>t(79890)),_N_E=e.O()}]);