https://staticweb6.jiosaavn.com/web6/jioindw/dist/1790247351/_s/Mi…nents-container-Mix.9b50e31428d0763f5247.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6675],{24142:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var n=a(89526),i=a(12384),l=a(83277),s=a(58917),r=a(87459),o=a(13806);const m=(0,o.P1)([e=>e.mix],e=>e),c=((0,o.P1)([e=>e.id],e=>e),(0,o.P1)([e=>e.user.isLoggedIn],e=>e)),d=(0,o.P1)([e=>e.user.isPro],e=>e),_=(0,o.P1)([e=>e.player.nowPlaying.id],e=>e),u=(0,o.P1)([e=>e.player.isFull],e=>e),p=(0,o.P1)([e=>e.global.globalConfig.supported_languages.radio_supported_languages],e=>e),y=(0,o.P1)([e=>e.event.top_src.screen_name],e=>e);var g=a(2575),E=a(85128),x=a(92996),h=a(8449),v=a(41659),b=a(31180),f=a(32313),N=a(53692),I=a(22877),P=a(34726),L=a(2248),O=a(78206);const X=e=>{const{mix:t,mixId:a,modules:i,isEmpty:l}=e,{handleClickOnPlay:s,generateOptionsList:r,handleOption:o,handleFetchMoreData:m,handleHeaderPlayEventAction:c}=e;let d=t.list_count;h.Z,t.type,t.id,P.j2.MIX;const _=t.subtitle.map((e,t)=>e.action?n.createElement(I.Z,{key:t,to:e.action,title:e.text},e.text):n.createElement("span",{key:t},e.text));let u={screen_name:P.j2.MIX,entity_id:t.id,entity_type:O.uX.MIX,entity_name:t.title.text};return n.createElement("div",{className:"o-wrapper o-wrapper--main"},n.createElement("main",{className:"c-content",role:"main"},n.createElement("figure",{className:"o-flag o-flag--cover o-flag--column o-flag--large@lg o-flag--reset@lg u-margin-bottom-large@lg"},n.createElement("div",{className:"o-flag__img u-shadow"},n.createElement(N.Z,{src:t.image,type:"mix",size:"large",alt:"Placeholder"})),n.createElement("figcaption",{className:"o-flag__body"},n.createElement("h1",{className:"u-h2 u-ellipsis@lg u-margin-bottom-tiny@sm"},(0,L.u2)(t.title.text)),n.createElement("p",{className:"u-color-js-gray u-ellipsis@lg"},_,n.createElement("span",{className:"u-visible-visually@lg"},"  ·  "),n.createElement("br",{className:"u-hidden@lg"}),n.createElement("span",{className:"u-centi u-deci@lg"},(0,L.x6)(d)," Song",d>1&&"s")),n.createElement("div",{className:"o-layout o-layout--auto o-layout--small@sm"},d>0&&n.createElement("p",{className:"o-layout__item u-margin-bottom-none@sm"},n.createElement("a",{onClick:()=>c(()=>s({type:"mix",id:t.id})),className:"c-btn c-btn--primary js-play-button","data-btn-icon":O.Wm["play-open"]},"Play")),n.createElement("p",{className:"o-layout__item u-margin-bottom-none@sm u-visible-visually@lg"},n.createElement(b.Z,{className:"c-btn c-btn--tertiary c-btn--ghost c-btn--icon",item:t,stream_event_item:u,optionsGenerator:r,handleOption:o},n.createElement("i",{className:"o-icon-ellipsis o-icon--large"})))),n.createElement(b.Z,{className:"u-padding-small@sm u-hidden@lg u-page-options",handleOption:o,item:t,optionsGenerator:r,stream_event_item:u},n.createElement("i",{className:"o-icon-ellipsis o-icon--xlarge"})))),n.createElement("div",{className:"u-angle"}),n.createElement("nav",{className:"c-nav c-nav--secondary u-hidden@lg"},n.createElement("ul",{className:"c-nav__list"},n.createElement("li",{className:"c-nav__item"},n.createElement(v.Z,{isHeading:O._j,modal:"download-app",btnText:"Dismiss",className:"c-nav__link",actionIcon:O.Wm.download,screen_name:P.j2.MIX,text:"Download"},"Download")))),(()=>{let e=t.list;const c=i.filter(e=>"list"==e.key);let d=[];return c[0]?(d=c[0],d.data=e,n.createElement(E.Z,{dataLength:d.data.length,next:()=>m(a),hasMore:!l&&t.list_count!==t.list.length,loader:n.createElement("div",null,n.createElement("p",{className:"u-margin-top@sm u-align-center"},n.createElement("span",{className:"c-spinner c-spinner--secondary u-margin-right-small@sm"})," Loading"))},n.createElement(x.Z,{data:d.data,fetching_data:d.fetching_data,handleClickOnPlay:s,handleOption:o,key:d.position.toString(),optionsGenerator:r,position:d.position,screen_name:P.j2.MIX,scroll_type:d.scroll_type,sec_pos:d.position,sec_title:d.title,stream_entity_id:t.id,stream_entity_name:t.title.text,stream_entity_type:O.uX.MIX,subtitle:d.subtitle,title:d.title}))):n.createElement(f.Z,{title:"It's pretty quiet in here.",description:"Let's find some tunes for your mix!",hasBorder:O._j})})()))};var M=a(84022),k=a(77456),j=a(16319),w=a(74245),D=a(24385),Z=a(50997),C=a(39489);const A=()=>

1{const e=(0,i.I0)(),t=(0,l.s0)(),[a,o]=(0,n.useState)(!0),E=(0,l.UO)().id,x=(0,i.v9)(m),h=(0,i.v9)(_),v=(0,i.v9)(c),b=(0,i.v9)(p),f=(0,i.v9)(d),N=(0,i.v9)(u),I=(0,i.v9)(y),A=(0,i.v9)(g.T1),B=(0,s.Z)(N),S=(0,s.Z)(E),{mix:H,serverSideLoad:z,fetched_mix:q}=x,{id:K,title:U,list:W}=H;(0,n.useEffect)(()=>(z?e((0,M.zO)({isServerSideLoad:O.Cu})):(G(E),P.zP.mix_screen<P.zP[I]&&e((0,D.I8)({screen_name:"mix_screen"}))),()=>{(0,C.mf)("mix",e),e((0,M.zH)())}),[]),(0,r.Z)(()=>{N!==B&&(N?(0,C.mf)("mix",e):(0,L.tq)()||(0,C.BB)(["mix_desktop_top"],F(),f,e))},[N]),(0,n.useEffect)(()=>{void 0!==S&&E!==S&&(o(!0),G(E),(0,C.mf)("mix",e))},[E]),(0,n.useEffect)(()=>{a&&q&&A&&((0,L.tq)()||(0,C.BB)(["mix_desktop_top"],F(),f,e),Y())},[q,A]);const F=()=>{var e={};return e.mix_id=K,e.songLanguage="hindi",W.length>0&&(e.songLanguage=W[0].language),e},G=a=>{e((0,M.db)(a,t))},T=(0,n.useCallback)(t=>{switch(t.type){case"song":let a=W.findIndex(e=>e.id===t.id);return h==W[a].id?e((0,k.ID)()):e((0,k.dl)({item_id:K,item_type:"mix",toast_title:U.text,current_item_index:a}));case"mix":return e((0,k.dl)({item_id:t.id,item_type:t.type,toast_title:U.text}))}},[H,h]),J=a=>{e((0,M.KB)(a,t))},Q=(0,n.useCallback)(e=>{let t=[];return e.utils={pathname:window.location.pathname,isInLibrary:!1,isLoggedIn:v,playlistOwn:!1,playlistShare:!1},"song"==e.type&&e.id==h&&t.push("song_play"),(0,L.Em)(e,t)},[v,H,h]),R=(0,n.useCallback)((t,a)=>{switch(t){case"song_add_library":return e((0,j.WY)(a.id,a.type));

1case"song_remove_library":return e((0,j.co)(a.id,a.type));case"song_play":if(h!=a.id)return T(a);break;case"song_add_to_queue":return e((0,k.xd)({list:[a],toast_title:a.title.text}));case"mix_play":return T(a);case"mix_add_to_queue":return e((0,k.OW)({item_id:a.id,item_type:a.type,toast_title:U.text}));case"default_artist_follow":case"default_add_to_playlist":case"default_add_to_library":v||setTimeout(()=>e((0,w.Z)({isOpen:!0,modal:"login-signup-modal"})),500);break;default:return null}},[h,b,v,W]),Y=()=>{o(!1);let t=(0,Z.P7)({bot_src:{screen_name:P.j2.MIX,entity_name:U.text,entity_id:K,entity_type:O.uX.MIX},event_type:P.oH});return e((0,D.Kz)({data:t}))},V=(0,n.useCallback)(t=>{let a={entity_name:U.text,entity_id:K,entity_type:O.uX.MIX,entity_pos:"NULL",sec_title:P.j2.MIX,screen_name:P.j2.MIX,stream_entity_type:O.uX.MIX,stream_entity_name:U.text,stream_entity_id:K};e((0,D.Dj)({event_item:a}));let n=(0,Z.P7)({bot_src:{screen_name:P.j2.MIX,sec_title:P.j2.MIX_HEADER,entity_name:"Play",entity_id:(0,Z.uM)("Play"),entity_type:P.JB},event_type:P.bQ});e((0,D.Kz)({data:n})),t()},[H]);return q?n.createElement(X,{generateOptionsList:Q,handleClickOnPlay:T,handleFetchMoreData:J,handleHeaderPlayEventAction:V,handleOption:R,isEmpty:x.isEmpty,mix:H,mixId:E,modules:x.modules}):n.createElement("div",{className:"c-spinner c-spinner--secondary c-spinner--large c-spinner--center"})}}}]);