https://staticweb6.jiosaavn.com/web6/jioindw/dist/1790247351/_s/Pl…-container-Playlist.2b5c3be9f27ed5b61668.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8739],{88528:(e,t,a)=>{a.r(t),a.d(t,{default:()=>W});var l=a(89526),n=a(12384),i=a(83277),s=a(4968),o=a(92996),r=a(8449),c=a(41659),m=a(31180),d=a(32313),u=a(41315),p=a(22877),_=a(34726),y=a(90089),g=a.n(y),h=a(58917),b=a(2248),E=a(78206),v=a(88404),f=a(53635),P=a.n(f),L=a(53692);const N=e=>{const{isEmpty:t,isLoggedIn:a,isPro:n,isMobile:i,location:y,modules:f,playlist:N,playlistId:k,userUID:I,weeklyTop15s:w,fetchedConfigData:x,buttonRefs:S,buttonIndices:A}=e,{forwardedRef:C,generateOptionsList:T,handleBack:D,handleClickOnPlay:j,handleDismiss:Y,handleDragEnd:O,handleFetchMorePlaylistData:Z,handleHeaderPlayEventAction:H,handleOption:B,handleUpdatePlaylistImage:R,handleGoProClick:X,handlePlayClick:z}=e,{list:M,id:U}=N,[q,K]=(0,l.useState)(0),G=(0,l.useMemo)(()=>({type:"playlist",id:U}),[U]),W=(0,h.Z)(M),Q=e=>{const{destination:t,source:a}=e;if(!t||t.droppableId===a.droppableId&&t.index===a.index)return;O(e),N.list.length-t.index<4&&N.list.length!==N.list_count&&("scrollBehavior"in document.documentElement.style||g().polyfill(),window.scroll({top:window.scrollY+50,left:0,behavior:"smooth"}))},F=e=>{K(document.documentElement.scrollTop),Z(e)};(0,l.useEffect)(()=>{void 0!==W&&void 0!==M&&M.length!==W.length&&0!=q&&window.scroll({top:q})},[M]);let J=N.list_count,$=l.createElement("li",{className:"o-layout__item u-margin-bottom-none@sm"},l.createElement(r.Z,{className:"c-btn c-btn--tertiary c-btn--ghost c-btn--icon",linkedTo:G,showColor:!0,screen_name:_.j2.PLAYLIST,buttonRefs:S,buttonIndex:A.follow,direction:"horizontal"}));const V=N.subtitle.map((e,t)=>e.action?l.createElement(p.Z,{key:t,to:e.action,title:e.text},e.text):l.createElement("span",{key:t},e.text));a&&N.playlist_uid==I&&($=null);let ee=void 0!==N.title.text?(0,b.u2)(N.title.text):"",te=N.list_count,ae={screen_name:_.j2.PLAYLIST,entity_id:N.id,entity_type:E.uX.PLAYLIST,entity_name:ee},le="object"==typeof N.image&&N.image.length>0?N.image[0]:N.image,ne=i?"180":"250",ie=null;return ie="phulki_user"==N.playlist_uid?l.createElement("img",{ref:C,src:le,alt:"",width:ne,height:ne,onError:e=>{let{currentTarget:t}=e;return R(t)}}):l.createElement(L.Z,{src:le,type:"playlist",size:"large",alt:"",width:ne,height:ne}),l.createElement("div",{className:"o-wrapper o-wrapper--main"},l.createElement("main",{className:"c-content",role:"main"},l.createElement("div",{className:"o-flag o-flag--cover o-flag--column o-flag--large@lg o-flag--reset@lg u-margin-bottom-large@lg"},l.createElement("div",{className:"o-flag__img u-shadow"},ie),l.createElement("div",{className:"o-flag__body"},x&&(()=>{let e=0,t=0;for(let l of M)(0,b.fK)(l,a,n)||(l.rights.reason===E.v8?e++:n||l.rights.reason!==E.kX&&(0,b.R)()||t++);return M.length>0&&e===M.length?l.createElement("div",{className:"o-box o-box--small o-box--auto u-background-js-navy u-margin-top-small@sm u-margin-top-none@lg u-margin-bottom@sm"},l.createElement("p",{className:"u-centi u-color-white"},"This playlist is currently unavailable in your area. ",l.createElement("a",{className:"u-color-white",href:"https://saa.vn/rights",target:"_blank"},l.createElement("strong",null,"Know Why?")))):M.length>0&&t===M.length?l.createElement("div",{className:"o-box o-box--small o-box--auto u-background-js-navy u-margin-top-small@sm u-margin-top-none@lg u-margin-bottom@sm"},l.createElement("p",{className:"u-centi u-color-white"},l.createElement("a",{className:"u-color-white",onClick:X},l.createElement("strong",null,"Go Pro"))," to continue streaming.",l.createElement("a",{className:"u-color-white",href:"https://saa.vn/rights",target:"_blank"},l.createElement("strong",null," Know Why?")))):void 0})(),l.createElement("h1",{className:"u-h2 u-margin-bottom-tiny@sm"},ee),N.subheading?l.createElement("h6",{className:"u-color-js-gray u-ellipsis@lg"},N.subheading):"",l.createElement("p",{className:"u-color-js-gray u-ellipsis@lg"},V,l.createElement("span",{className:"u-visible-visually@lg"},"  ·  "),l.createElement("br",{className:"u-hidden@lg"}),l.createElement("span",{className:"u-centi u-deci@lg"},(0,b.x6)(J)," Song",J>1&&"s")),l.createElement("ul",{className:"o-layout o-layout--auto o-layout--small@sm"},J>0&&l.createElement("li",{className:"o-layout__item u-margin-bottom-none@sm"},l.createElement("a",{onClick:()=>z(),tabIndex:0,role:"button",onKeyDown:e=>(0,b.Yq)(e,A.play,S,z,"horizontal"),ref:e=>

1S.current[0]=e,className:"c-btn c-btn--primary js-play-button","data-btn-icon":E.Wm["play-open"]},"Play")),$,l.createElement("li",{className:"o-layout__item u-margin-bottom-none@sm u-visible-visually@lg"},l.createElement(m.Z,{className:"c-btn c-btn--tertiary c-btn--ghost c-btn--icon",handleBack:D,handleOption:B,item:N,tabIndexValue:0,ariaHasPopup:!0,buttonRefs:S,buttonIndex:A.overflow,direction:"horizontal",optionsGenerator:T,stream_event_item:ae},l.createElement("i",{className:"o-icon-ellipsis o-icon--large"})))),l.createElement(m.Z,{className:"u-padding-small@sm u-hidden@lg u-page-options",handleBack:D,handleOption:B,item:N,optionsGenerator:T,stream_event_item:ae},l.createElement("i",{className:"o-icon-ellipsis o-icon--xlarge"})))),l.createElement("div",{className:"u-angle"}),N.H2?l.createElement("div",null,l.createElement("h2",{className:"u-h3",role:"heading","aria-level":2}," ",N.H2," ")):"",(()=>{const e=(0,v.ej)("L"),t=P()(w,e=>y.pathname===(0,b.Pb)(e.perma_url)).length;let a=e&&e.split(",");return!e||e&&a.length<=1||!t?"":i?l.createElement("div",{className:"c-rotator c-rotator--auto u-padding-top-large@sm"},l.createElement("div",{className:"c-rotator__container"},l.createElement("div",{className:"c-rotator__content"},l.createElement("div",{className:"o-layout o-layout--auto o-layout--small@sm u-margin-bottom@sm"},a.map((e,t)=>{let a=w[e]?(0,b.Pb)(w[e].perma_url):"";return l.createElement("div",{key:t,className:"o-layout__item"},l.createElement(p.Z,{end:!0,to:a&&a.length?a:"/",activeClassName:"o-pill--dark",className:"o-pill o-pill--alt o-pill--fat o-pill--gray",title:e},(0,b.fm)(e)))}))))):l.createElement("section",null,l.createElement(u.Z,{isInline:!0},l.createElement("div",{className:"o-layout o-layout--center"},l.createElement("div",{className:"o-layout__item"},l.createElement("nav",{className:"c-nav c-nav--tertiary c-nav--medium u-margin-bottom@sm"},l.createElement("ul",{className:"c-nav__list"},a.map((e,t)=>{let a=w[e]?(0,b.Pb)(w[e].perma_url):"";return l.createElement("li",{key:t,className:"c-nav__item"},l.createElement(p.Z,{end:!0,to:a&&a.length?a:"/",className:"c-nav__link",title:e},(0,b.fm)(e)))})))))))})(),l.createElement("nav",{className:"c-nav c-nav--secondary u-hidden@lg"},l.createElement("ul",{className:"c-nav__list"},l.createElement("li",{className:"c-nav__item"},l.createElement(c.Z,{isHeading:E._j,modal:"download-app",btnText:"Dismiss",className:"c-nav__link",actionIcon:E.Wm.download,screen_name:_.j2.PLAYLIST,text:"Download"},"Download")))),(()=>{const e=f.filter(e=>"list"==e.key)[0];let n=!(!a||N.playlist_uid!=I);return e?n?l.createElement(s.Z5,{onDragEnd:Q},l.createElement("section",{className:"u-margin-bottom-large@sm"},l.createElement(o.Z,{data:N.list,fetching_data:e.fetching_data,handleClickOnPlay:j,handleDismiss:n?Y:void 0,handleOption:B,isPlaylistEditable:n,key:e.position.toString(),lastUpdate:N.updates,optionsGenerator:T,position:e.position,screen_name:_.j2.PLAYLIST,scroll_type:"User_Playlist",sec_pos:e.position,sec_title:e.title,stream_entity_id:N.id,stream_entity_name:N.title.text,stream_entity_type:E.uX.PLAYLIST,subtitle:e.subtitle,title:e.title}),t?"":l.createElement("p",{className:"u-align-center"},l.createElement("button",{onClick:()=>F(k),className:"c-btn c-btn--primary c-btn--small","aria-label":"Load more songs of the playlist"},"Load more")))):l.createElement("section",null,l.createElement(o.Z,{data:N.list,fetching_data:e.fetching_data,handleClickOnPlay:j,handleDismiss:n?Y:void 0,handleOption:B,isPlaylistEditable:n,key:e.position.toString(),optionsGenerator:T,position:e.position,screen_name:_.j2.PLAYLIST,scroll_type:e.scroll_type,sec_pos:e.position,sec_title:e.title,stream_entity_name:N.title.text,stream_entity_type:E.uX.PLAYLIST,stream_entity_id:N.id,subtitle:e.subtitle,title:e.title}),t?"":l.createElement("p",{className:"u-align-center"},l.createElement("button",{onClick:()=>F(k),className:"c-btn c-btn--primary c-btn--small","aria-label":"Load more songs of the playlist"},"Load more"))):l.createElement(d.Z,{title:"It's pretty quiet in here.",description:"Let's find some tunes for your playlist!",hasBorder:E._j})})()),l.createElement("div",null,f.map(e=>"list"!=e.key?l.createElement(o.Z,{data:e.data,key:e.position.toString(),fetching_data:e.fetching_data,handleOption:B,handleClickOnPlay:j,optionsGenerator:T,position:e.position,screen_name:_.j2.PLAYLIST,scroll_type:e.scroll_type,sec_pos:e.position,sec_title:e.title,stream_entity_name:N.title.text,stream_entity_type:E.uX.PLAYLIST,stream_entity_id:N.id,subtitle:e.subtitle,title:e.title}):"")),l.createElement("div",null,l.createElement("p",{className:"u-color-js-gray u-ellipsis@lg"},"Listen to ",N.H2?N.H2:ee," which has over ",te," songs. Download the music in high quality on JioSaavn.")))},k=l.memo(N);var I=a(88454),w=a(77456),x=a(16319),S=a(52170),A=a(24385),C=a(76270),T=a(74245),D=a(87459),j=a(39489),Y=a(50997),O=a(13806);const Z=(0,O.P1)([e=>e.playlist],e=>e),H=((0,O.P1)([e=>e.id],e=>e),(0,O.P1)([e=>e.user.isLoggedIn],e=>e),(0,O.P1)([e=>e.user.isPro],e=>e),(0,O.P1)([e=>e.user.isZeroStreamer],e=>e)),B=((0,O.P1)([e=>e.library.isInLibrary],e=>e),(0,O.P1)([e=>e.player.nowPlaying.id],e=>e)),R=(0,O.P1)([e=>e.player.isFull],e=>e),X=((0,O.P1)([e=>e.player.isEmpty],e=>e),(0,O.P1)([e=>

1e.global.globalConfig.supported_languages.radio_supported_languages],e=>e)),z=(0,O.P1)([e=>e.global.globalConfig.weeklyTop15],e=>e),M=(0,O.P1)([e=>e.global.isMobile],e=>e),U=((0,O.P1)([e=>e.global.updateQueueForZeroStreamer],e=>e),(0,O.P1)([e=>e.event.top_src.screen_name],e=>e));var q=a(27751),K=a(2575);const G=()=>{const e=(0,n.I0)(),t=(0,l.useRef)(null),a=(0,l.useRef)(""),s=(0,i.UO)().id,o=(0,i.TH)(),r=(0,i.s0)(),c=(0,n.v9)(Z),m=(0,n.v9)(M),d=(0,n.v9)(R),u=(0,n.v9)(H),p=(0,n.v9)(B),y=((0,n.v9)(X),(0,n.v9)(q._,b.Xy)),g=(0,n.v9)(z),v=(0,n.v9)(U),f=(0,n.v9)(K.T1,b.Xy),{playlist:P,fetched_playlist:L,serverSideLoad:N,isEmpty:O,modules:G}=c,{id:W,list:Q,playlist_uid:F,title:J,share:$}=P,{uid:V,isLoggedIn:ee,isPro:te}=y,[ae,le]=(0,l.useState)(!0),ne=(0,h.Z)(d),ie=((0,h.Z)(L),(0,h.Z)(s)),{pathname:se}=o,oe=(0,l.useRef)([]),re={play:0,follow:1,overflow:2},ce=()=>{de("Pro"),(0,b.yv)(r,se,"/?_marker=0&sourceID=audioCompanion")},me=()=>fe(()=>_e({type:"playlist",id:P.id})),de=t=>{let a={screen_name:_.j2.PLAYLIST,entity_name:t,entity_id:(0,Y.uM)(t),entity_type:_.JB,sec_title:_.j2.PLAYLIST_HEADER,sec_id:(0,Y.uM)(_.j2.PLAYLIST_HEADER)},l=(0,Y.P7)({bot_src:a,event_type:_.bQ});e((0,A.Kz)({data:l})),"Pro"==t&&e((0,A.It)({event_item:a}))},ue=()=>{var e={};return e.playlist_id=W,e.songLanguage="hindi",Q.length>0&&(e.songLanguage=Q[0].language),e},pe=(0,l.useCallback)(t=>(t.onerror=null,e((0,I.i5)(E.VQ.large.playlist))),[]),_e=(0,l.useCallback)(t=>{switch(t.type){case"song":let l=Q.findIndex(e=>e.id===t.id);a.current==Q[l].id?e((0,w.ID)()):e((0,w.dl)({item_type:"playlist",item_id:W,toast_title:J.text,current_item_index:l}));break;case"artist":case"episode":e((0,w.dl)({item_type:t.type,item_id:t.encrypted_id,toast_title:t.title.text}));break;case"playlist":e((0,w.dl)({item_type:t.type,item_id:t.id,toast_title:J.text}))}},[Q]),ye=(0,l.useCallback)(t=>{e((0,I.AJ)(W,t))},[W]),ge=(0,l.useCallback)(t=>{e((0,I.gT)(t,r))},[s]),he=()=>{history.length<=2?r("/"):r(-1)},be=(0,l.useCallback)(e=>{let t=[],a={...e,utils:{pathname:window.location.pathname,isInLibrary:"episode"!=e.type&&e.isInLibrary?E._j:E.Cu,isLoggedIn:ee,playlistOwn:["song","episode","playlist"].includes(e.type)&&""!=V&&F==V?E._j:E.Cu,playlistShare:"playlist"==e.type&&1==$?E._j:E.Cu}};return a.utils.playlistOwn&&0==Q.length&&t.push("playlist_play","playlist_add_to_queue","submenu_add_to_playlist","playlist_radio"),"song"==a.type&&a.id==p&&t.push("song_play"),"episode"==a.type&&a.id==p&&t.push("episode_play"),0==Q.length&&t.push("playlist_radio"),(0,b.Em)(a,t)},[Q,ee,p]),Ee=(0,l.useCallback)((t,a)=>{switch(t){case"artist_follow":case"song_add_library":case"album_add_library":case"playlist_add_library":return e((0,x.WY)(a.id,a.type));case"artist_stop_following":case"song_remove_library":case"album_remove_library":case"playlist_remove_library":return e((0,x.co)(a.id,a.type));case"song_remove_user_playlist":return ye(a.id);case"song_play":case"episode_play":return p!=a.id?_e(a):null;case"song_add_to_queue":case"episode_add_to_queue":return e((0,w.xd)({list:[a],toast_title:a.title.text}));case"playlist_play":return _e(a);case"playlist_add_to_queue":return e((0,w.OW)({item_id:a.id,item_type:a.type,toast_title:J.text}));case"share_private_item":return e((0,C.IH)({text:"Please make this playlist public to be able to share",duration:3e3}));case"playlist_make_private":return l=a.id,void e((0,I.PN)(l));case"playlist_make_public":return(t=>{e((0,I.Y0)(t))})(a.id);case"default_artist_follow":case"default_add_to_playlist":case"default_add_to_library":return ee||setTimeout(()=>{e((0,T.Z)({isOpen:!0,modal:"login-signup-modal"}))},500),null;default:return null}var l},[ee,p,J]),ve=(0,l.useCallback)(t=>{const{destination:a,source:l}=t;let n=[...Q],i=[...Q],[s]=i.splice(l.index,1);i.splice(a.index,0,s),e((0,I.Xc)(W,n,i))},[W,Q]),fe=(0,l.useCallback)(t=>{let a={entity_name:J.text,entity_id:W,entity_type:E.uX.PLAYLIST,entity_pos:"NULL",sec_title:_.j2.PLAYLIST_HEADER,screen_name:_.j2.PLAYLIST,stream_entity_type:E.uX.PLAYLIST,stream_entity_name:J.text,stream_entity_id:W};e((0,A.Dj)({event_item:a}));let l=(0,Y.P7)({bot_src:{screen_name:_.j2.PLAYLIST,sec_title:_.j2.PLAYLIST_HEADER,entity_name:"Play",entity_id:(0,Y.uM)("Play"),entity_type:_.JB},event_type:_.bQ});e((0,A.Kz)({data:l})),t()},[W]);return(0,l.useEffect)(()=>

1{if(N&&t.current){const{complete:e,naturalHeight:a}=t.current;e&&0===a&&pe(t.current)}return oe.current=oe.current.slice(0,3),N?(e((0,I.Ml)()),e((0,I.zO)({isServerSideLoad:E.Cu}))):e((0,I.pq)(s,r)),_.zP.playlist_screen<_.zP[v]&&e((0,A.I8)({screen_name:"playlist_screen"})),()=>{(0,j.mf)("playlist",e),e((0,A.Zw)({screen_name:"playlist_screen"})),e((0,I.f8)())}},[]),(0,l.useEffect)(()=>{a.current=p},[p]),(0,l.useEffect)(()=>{if(P?.title?.text){const t=`${P.title.text} - ${E.eH}`;e((0,S.x6)(`<title>${t}</title>`))}},[e,P]),(0,D.Z)(()=>{d!==ne&&(d?(0,j.mf)("playlist",e):m||(0,j.BB)(["playlist_desktop_top"],ue(),te,e))},[d]),(0,l.useEffect)(()=>{void 0!==ie&&s!=ie&&(le(!0),e((0,I.pq)(s,r)),(0,j.mf)("playlist",e),u&&e((0,S.Qx)(E._j)))},[s]),(0,l.useEffect)(()=>{f&&L&&ae&&(m||(0,j.BB)(["playlist_desktop_top"],ue(),te,e),(()=>{le(!1);let t=(0,Y.P7)({bot_src:{screen_name:_.j2.PLAYLIST,entity_name:J.text,entity_id:W,entity_type:E.uX.PLAYLIST},event_type:_.oH});e((0,A.Kz)({data:t}))})())},[L,f]),L?l.createElement(k,{fetchedConfigData:f,forwardedRef:t,generateOptionsList:be,handleBack:he,handleClickOnPlay:_e,handleDismiss:ye,handleDragEnd:ve,handleFetchMorePlaylistData:ge,handleHeaderPlayEventAction:fe,handleOption:Ee,handleUpdatePlaylistImage:pe,isEmpty:O,isLoggedIn:ee,isPro:te,isMobile:m,location:o,modules:G,playlist:P,playlistId:s,userUID:V,weeklyTop15s:g,handleGoProClick:ce,handlePlayClick:me,buttonRefs:oe,buttonIndices:re}):l.createElement("div",{className:"c-spinner c-spinner--secondary c-spinner--large c-spinner--center"})},W=l.memo(G)}}]);