2408.js

"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[2408],{48405:(e,t,n)=>{n.d(t,{c:()=>s});var r=n(30758),a=n(52956),i=n(86070);const s=({children:e,innerRef:t,...n})=>{const s=(0,r.useRef)(null),l=t??s;return(0,a.g)(l),(0,i.jsx)("li",{ref:l,role:"listitem",...n,children:e})}},27:(e,t,n)=>{n.d(t,{g:()=>At});var r=n(30758),a=n(61e3),i=n(75436),s=n(35251),l=n(93492),o=n(89913),c=n(3128),u=n(555),d=n(48911),h=n(56266),m=n(86378),g=n(50147);var p=n(38167),f=n(464),y=n(13706),x=n(99802),v=n(86070);const C=({spec:e})=>{const t=(0,x.s)();return(0,v.jsx)(y.S,{placeholder:l.Ru.get("web-player.aligned-curation.search-placeholder"),fullWidth:!0,alwaysExpanded:!0,onFilter:()=>{t.logInteraction(e.textFilterInputFieldFactory().keyStrokeFilter())},onClear:()=>{t.logInteraction(e.textFilterClearButtonFactory().hitClearFilter())},onActivate:()=>(t.logInteraction(e.textFilterInputFieldFactory().hitFocusInputField()),!0)})};var b=n(98929),j=n(97500),k=n.n(j),R=n(40638),S=n(72574);var I=n(71429),w=n(30320),E=n(12431),D=n(55158),A=n(94154),O=n(65146),N=n(13505),T=n(58792),M=n(74783),L=n(80339),P=n(89366);const F="DquSH3YjnaIIXMZiOvwA",U="cnJ6YaknIWRMDw3dnmMW",_="XixSU8ZwGqTebpHgzKQ6",z="Sgz3pjuXbCc1XOotX1Pn",B="qISxXDflO0j7RZURLAdK",Q="EzJYnyBsM_CeBFaheU9o",H="Ag3Wh5j_CDv9I3pyKUti",Y="X5mwWAw7ijxPvQOoabzQ",X="_fXgQSvNv1uUeA96LmFb",W="rGZ6_xipMRzzUqX45tXU",q="ovCS4AiOf70DjkuziQNg",K="kU3__q1yYBoYAn9HeS68",V="LAdTOeZ2QwKXGF4XAXZ8",Z="GDbY_Uz53APNwtpujCCQ",$="OO14Jbk4k4Sfsnl3GMni",J="jFkiGjErQ20kJyxKC0AR",G="RHoNK4qVATbstzJZm5G8",ee="_iJX4yzDZzSHy_g9vp3G",te="v8g3JwlNkChF4Ph5BDA9",ne="XvgFwKtvocRdadc47KE9",re="aSq_W0q0xVhSsAVDHdip",ae="pEh4oZCtjjsplTeN2TAx",ie="HcOcWGmde1pjv6pSyupx",se="iWcofSXjs9MuRfHzkuI9",le=({onClick:e=()=>{},depth:t,...n})=>{const a=(0,r.useRef)(null),{handleMouseEnter:i,handleMouseMove:s,handleMouseLeave:l,handleFocus:o}=(0,M.t)(a),c=(0,r.useCallback)((t=>{t.stopPropagation(),e(t)}),[e]),u=(0,r.useCallback)((e=>{e.stopPropagation()}),[]);return(0,v.jsx)(P.u,{"data-depth":t,children:(0,v.jsx)(L.H,{className:ne,onClick:c,onFocus:o,onMouseEnter:i,onMouseMove:s,onMouseLeave:l,onContextMenu:u,ref:a,as:"button",role:"menuitem",...n})})};var oe=n(3118),ce=n(90630),ue=n(88281);const de=()=>{const e=(0,ue.x)().getCapabilities().canFilterOnCurationState,t=(0,oe.NC)(ce.lFB);return e&&t};var he=n(24810),me=n(13317),ge=n(75189),pe=n(94258),fe=n(27653),ye=n(78172);const xe=({selected:e})=>e?(0,v.jsx)(w.k,{className:ie,semanticColor:"textBrightAccent",size:"small"}):(0,v.jsx)("span",{className:H}),ve=r.memo((function({index:e,playlist:t,filter:n,isSelected:a,onSelect:i,depth:s,...o}){const c=(0,fe.m)(),u=t.type===ye.c.PLAYLIST&&t.isLoading,d=de();(0,r.useEffect)((()=>{u&&c.resync(t.uri)}),[c,t.uri,u]);const h=(0,pe._)(),m=(0,r.useMemo)((()=>{if(t.type===ye.c.YOUR_EPISODES)return l.Ru.get("web-player.your-library-x.subtitle-your-episodes");const e=t.trackCount,n=t.episodeCount,r=t.bookCount;if(void 0===e&&void 0===n&&void 0===r)return l.Ru.get("tracklist-header.songs-counter",0);if(e&&n&&r)return l.Ru.get("tracklist-header.items-counter",e+n+r);return[void 0!==e&&e>=0?l.Ru.get("tracklist-header.songs-counter",e):void 0,void 0!==n&&n>=0?l.Ru.get("tracklist-header.episodes-counter",n):void 0,void 0!==r&&r>=0?l.Ru.get("tracklist-header.audiobooks-counter",r):void 0].filter((e=>e)).join(l.Ru.getSeparator())}),[t]);return(0,v.jsx)(le,{role:"menuitemcheckbox","aria-checked":a(t),onClick:n=>{n.preventDefault(),n.stopPropagation(),i(t,e)},onKeyDown:n=>{" "===n.key&&(n.preventDefault(),n.stopPropagation(),i(t,e))},depth:s,...o,children:(0,v.jsx)(E.v,{id:t.uri,className:K,title:(0,v.jsx)(D.d,{lineClamp:1,className:Z,dir:"auto",children:(0,v.jsx)(T.M,{searchWords:[n],textToHighlight:t.name})}),subtitle:d&&(0,v.jsxs)("div",{className:$,children:[(0,v.jsx)(he.g,{pinned:t.pinned,size:"xsmall"}),(0,v.jsxs)(A.j,{lineClamp:1,children:[t.fromFolder&&(0,v.jsx)(O.h,{className:ae,size:"xsmall",semanticColor:"textSubdued"}),(0,v.jsx)(N.E,{variant:"marginal",children:t.fromFolder?[t.fromFolder.name,m].join(" • "):m})]})]}),media:(0,v.jsx)(me.b,{fadeIn:!0,images:h("images"in t?t.images:[],32),shape:me.u.ROUNDED_CORNERS,size:d?ge.Qe.SIZE_40:ge.Qe.SIZE_32,iconSize:d?"small":"xsmall",type:t.type,title:t.name,className:V,color:t.color,loadingMode:"eager"}),trailing:(0,v.jsxs)("div",{className:se,children:[!d&&(0,v.jsx)(he.g,{pinned:t.pinned,size:"small"}),(0,v.jsx)(xe,{selected:a(t)})]}),variant:"naked",size:"md",hoverAnimationDuration:"0ms"},t.uri)})}));var Ce=n(14259),be=n(3956);const je=(0,r.forwardRef)((function({children:e,setIsOpen:t,onTouchStart:n,onClick:a=()=>{},outerRef:i,depth:s,...l},o){const{handleMouseEnter:c,handleMouseMove:u,handleMouseLeave:d,handleFocus:h}=(0,M.t)(i,t),m=(0,r.useCallback)((e=>{e.stopPropagation(),a(e)}),[a]),g=(0,r.useCallback)((e=>{e.stopPropagation()}),[]);return(0,v.jsx)(P.u,{"data-depth":s,children:(0,v.jsx)(L.H,{className:ne,onClick:m,onFocus:h,onMouseEnter:c,onMouseMove:u,onMouseLeave:d,onTouchStart:n,onContextMenu:g,ref:o,role:"menuitem",as:"button",...l,children:e})})})),ke=({component:e,placement:t="right-start",children:n,onClick:a,depth:i,...s})=>{const[l,o]=(0,r.useState)(!1),c=(0,r.useRef)(null),u=(0,r.useCallback)((()=>{o((e=>!e))}),[]),d=document.getElementById("curation-sheet-list");return(0,v.jsx)(be.Ay,{render:()=>l?n:null,interactive:!0,visible:l,arrow:!1,animation:!1,appendTo:d||void 0,placement:t,offset:[0,0],popperOptions:{modifiers:[{name:"preventOverflow",options:{boundary:document.body,altAxis:!0,padding:10}},{name:"flip",options:{boundary:document.body}}]},children:(0,v.jsx)(je,{setIsOpen:o,onTouchStart:u,ref:c,outerRef:c,onClick:a,depth:i,...s,children:e})})};var Re=n(13867);const Se=function({folder:e,filter:t}){const n=de(),a=(0,r.useMemo)((()=>{const t=e.folderCount,n=e.playlistCount;return t||n?n&&n>0&&!t?l.Ru.get("web-player.your-library-x.rows.folder.number-of-playlists",n):t&&t>0&&!n?l.Ru.get("web-player.your-library-x.rows.folder.number-of-folders",t):[l.Ru.get("web-player.your-library-x.rows.folder.number-of-folders",t),l.Ru.get("web-player.your-library-x.rows.folder.number-of-playlists",n)].join(" • "):null}),[e]);return(0,v.jsx)(E.v,{id:e.uri,className:K,title:(0,v.jsx)(D.d,{lineClamp:1,className:Z,dir:"auto",children:(0,v.jsx)(T.M,{searchWords:[t],textToHighlight:e.name})}),subtitle:n&&(0,v.jsxs)("div",{className:$,children:[(0,v.jsx)(he.g,{pinned:e.pinned,size:"xsmall"}),(0,v.jsx)(A.j,{lineClamp:1,children:(0,v.jsx)(N.E,{variant:"marginal",children:a})})]}),media:(0,v.jsx)(me.b,{shape:me.u.ROUNDED_CORNERS,size:n?ge.Qe.SIZE_40:ge.Qe.SIZE_32,iconSize:"small",type:e.type,title:e.name,loadingMode:"eager",className:V}),trailing:(0,v.jsxs)("div",{className:se,children:[!n&&(0,v.jsx)(he.g,{pinned:e.pinned,size:"small"}),(0,v.jsx)(Ce.V,{size:"small",className:re,semanticColor:"textSubdued"})]}),variant:"naked",size:"md",hoverAnimationDuration:"0ms"},e.uri)},Ie=r.memo((function({folder:e,filter:t,id:n,children:r,depth:a,...i}){const s=(0,Re.W)();return(0,v.jsx)(ke,{component:(0,v.jsx)(Se,{folder:e,filter:t}),placement:s?"left-start":"right-start","aria-controls":n,depth:a,...i,children:r})}));var we=n(2164);const Ee=(e,t,n)=>{const r=t.closest('ul[role="menu"]'),a=t.closest('li[role="presentation"]');if(!r||!a)return t;const i=r.dataset.depth??"0",s=r.querySelectorAll(`:scope li[role="presentation"][data-depth="${i}"]`),l=Array.from(s).findIndex((e=>e===a));let o;o=n===we.O.UP?Math.max(0,l-1):Math.min(l+1,s.length-1);return s.item(o).querySelector('a[href], button, input[role="searchbox"], input[type="range"], [role="button"]')||t},De="S6v7shcJUYT21me9ejvi",Ae=({filter:e})=>(0,v.jsxs)("div",{className:De,children:[(0,v.jsx)(N.E,{variant:"bodyMediumBold",semanticColor:"textBase",children:l.Ru.get("search.empty-results-title",e)}),(0,v.jsx)(N.E,{variant:"bodySmall",semanticColor:"textBase",children:l.Ru.get("search.empty-results-text-short")})]}),Oe="O0HhMc4yyMlmf_03MiPW",Ne="JOFtCYZdITXsi5Une_gc",Te=({items:e,changes:t,onSelect:n,filter:a,depth:i})=>{const s=(0,r.useCallback)((e=>t.has(e.uri)?!e.hasCuratedItems:e.hasCuratedItems),[t]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:Oe,children:(0,v.jsx)(N.E,{variant:"bodySmallBold",semanticColor:"textSubdued",children:l.Ru.get("web-player.aligned-curation.saved-in.title")})}),e.map(((e,t)=>e&&e.type!==ye.c.FOLDER?(0,v.jsx)(ve,{index:t,playlist:e,filter:a,isSelected:s,onSelect:n,depth:i},`${e.uri}`):null))]})};var Me=n(72288);const Le=()=>{const[e,t]=(0,Me.x)("ac-sort-order-id",null);return{selectedSortOrderId:e,setSelectedSortOrderId:t}},Pe=({depth:e})=>{const t=(0,ue.x)(),n=(0,r.useMemo)((()=>t.getAvailableSortOrders()),[t]),{selectedSortOrderId:a,setSelectedSortOrderId:i}=Le(),s=(0,r.useMemo)((()=>n.find((e=>e.id===a))??n.at(0)),[n,a]),o=(0,r.useCallback)((()=>{if(s){const e=(n.indexOf(s)+1)%n.length;i(n[e].id)}}),[n,s,i]);return(0,v.jsx)(P.u,{"data-depth":e,children:(0,v.jsx)(L.H,{role:"menuitem",as:"div",children:(0,v.jsx)("button",{className:k()(Oe,Ne),onClick:o,"aria-label":l.Ru.get("drop_down.sort_by"),children:(0,v.jsx)(N.E,{semanticColor:"textSubdued",variant:"bodySmallBold",children:s?.name??l.Ru.get("drop_down.sort_by")})})})})},Fe=({title:e,className:t})=>e?(0,v.jsx)("div",{className:k()(z,t),children:(0,v.jsx)(N.E,{variant:"marginalBold",className:Q,children:e})}):null;var Ue=n(85387),_e=n(45994),ze=n(54112);const Be="RnO0XyiOPcJFcNlmVHbQ",Qe=r.memo((function({hideCurationSheet:e,uri:t,folderUri:n,saveChanges:a,onCreate:i,depth:s,...o}){const{createPlaylistFromTracks:c}=(0,ze.A)(),u=(0,Ue.Zp)(),d=(0,r.useCallback)((async()=>{const r=n?{after:{uri:n}}:{before:"start"};a();let s=null;try{s=await c([t],r);const n=(0,S.o_h)(s);n&&u(n.toURLPath(!0)),e()}finally{i(s)}}),[c,n,e,u,i,a,t]);return(0,v.jsx)(le,{role:"menuitem",onClick:d,depth:s,...o,children:(0,v.jsx)(E.v,{id:"new-playlist",className:Be,title:l.Ru.get("web-player.aligned-curation.button.new-playlist"),media:(0,v.jsx)(_e.u,{size:"small"}),variant:"naked",size:"md",hoverAnimationDuration:"0ms"})})}));var He=n(48405);const Ye=({height:e,...t})=>(0,v.jsx)(He.c,{className:q,style:{height:e},...t});var Xe=n(1468);var We=n(53911);let qe=function(e){return e.ADD="add",e.REMOVE="remove",e}({});var Ke=n(49011),Ve=n(66901),Ze=n(37172),$e=n(97204),Je=n(52712);const Ge=r.memo((function e({title:t,folderUri:n,uri:a,changes:i,saveChanges:s,toggleChange:o,hideCurationSheet:c,depth:u=0,filter:d="",id:h,spec:m}){const g=(0,x.s)(),p=de(),f=(0,r.useRef)(""),y=(0,r.useRef)(null),C=(0,r.useRef)(null),j=(0,Ke.y)(y),w=(0,b.jE)(),E=0===u,D=(0,r.useMemo)((()=>m.curationContextListFactory({uri:n??""})),[n,m]),A=(({uri:e,folderUri:t,filter:n})=>{const a=(0,ue.x)(),i=de(),[s,l]=(0,r.useState)([]),o=(0,r.useCallback)((async()=>{const r=(await a.getCurationContexts({curatedItemUri:e,folderUri:t,textFilter:n,flatten:!0,curationStateFilter:Xe.F.ONLY_CURATED,offset:0,limit:50})).items.filter((e=>null!==e));l(r)}),[a,n,t,e]);return(0,r.useEffect)((()=>{i&&o()}),[o,i]),s})({uri:a,folderUri:n,filter:d}),{hasItems:O,getItems:N,nrValidItems:T,getPageQueriesData:M,invalidateCache:L}=(({uri:e,folderUri:t,filter:n,depth:a})=>{const i=(0,ue.x)(),s=de(),{selectedSortOrderId:l}=Le(),o=0===a?18e5:3e5,{hasItems:c,getItems:u,nrValidItems:d,getPageQueriesData:h,invalidateCache:m}=(0,We.D)({id:"curation-list",params:{curatedItemUri:e,folderUri:t,textFilter:n,curationStateFilter:s?Xe.F.ONLY_UNCURATED:Xe.F.NONE,sortOrder:l??void 0},fetch:(0,r.useCallback)(((e,t,n)=>i.getCurationContexts({...e,offset:t,limit:n})),[i]),limit:50,getPageQueryOptions:(0,r.useCallback)(((e,t,n)=>0===t?{staleTime:0,cacheTime:o}:void 0),[o])});return{hasItems:c,getItems:u,nrValidItems:d,getPageQueriesData:h,invalidateCache:m}})({uri:a,folderUri:n,filter:d,depth:u}),P=""!==d&&d===f.current&&!O&&0===A.length;f.current=d,(0,Je.L)((0,R.YQ)(L,200,{leading:!0,trailing:!0,maxWait:1e3}));const _=O&&!d?T:M({predicate:e=>e.folderUri===n&&!e.textFilter}).sort((([e],[t])=>(w.getQueryState(t)?.dataUpdatedAt??0)-(w.getQueryState(e)?.dataUpdatedAt??0))).at(0)?.[1]?.totalLength;let z;O?z=T+1:void 0!==_&&(z=_+1);const Q=(0,r.useCallback)((e=>i.has(e.uri)?!e.hasCuratedItems:!!e.hasCuratedItems),[i]),H=(0,r.useCallback)(((e,t)=>{const n=D.curationContextItemFactory({uri:e.uri,position:t});o(e.uri,{type:e.hasCuratedItems?qe.REMOVE:qe.ADD,name:e.name,image:"images"in e&&e.images.at(0)?.url||""}),g.logInteraction(Q(e)?n.hitDeselectEntityInList({entityToBeDeselected:e.uri}):n.hitSelectEntityInList({entityToBeSelected:e.uri}))}),[Q,D,g,o]),Y=(0,r.useCallback)((e=>{g.logInteraction(D.createPlaylistButtonFactory({uri:e??""}).hitCreatePlaylist())}),[D,g]),q=(0,r.useCallback)(((e,t,n,r)=>(0,v.jsx)(Ye,{height:e,"aria-posinset":r,"aria-setsize":n},t)),[]),K=(0,r.useCallback)(((t,n)=>N(t,n).map(((n,r)=>{const l=t+r,h=l+2;if(!n)return q("56px",l,z,h);const g=`curation-folder-submenu-${(0,S.o_h)(n.uri)?.id}`;return n.type===ye.c.FOLDER?(0,v.jsx)(Ie,{folder:n,filter:d,id:g,"aria-setsize":z,"aria-posinset":h,depth:u,children:(0,v.jsx)(e,{title:n.name,folderUri:n.uri,uri:a,toggleChange:o,changes:i,saveChanges:s,hideCurationSheet:c,depth:u+1,id:g,spec:m})},`${n.uri}`):(0,v.jsx)(ve,{index:l,playlist:n,filter:d,isSelected:Q,onSelect:H,depth:u,"aria-setsize":z,"aria-posinset":h},`${n.uri}`)}))),[N,q,z,a,o,i,s,c,u,d,m,Q,H]);(0,r.useLayoutEffect)((()=>{E||void 0===_||function(e){const t=e?.closest("[data-tippy-root]");if(t&&"_tippy"in t){const e=t._tippy;e?.popperInstance?.forceUpdate()}}(C.current)}),[E,_]);const V=E?Ve.e:Ze.Q;return(0,v.jsxs)(V,{"aria-label":l.Ru.get("web-player.aligned-curation.add-to-playlist-menu"),depth:u,className:k()(J,{[F]:!E,[U]:!E}),id:h,ref:E?null:C,...E&&{onFocusVerticalItem:Ee},children:[(0,v.jsx)(Fe,{title:t,className:B}),(0,v.jsx)(Qe,{hideCurationSheet:c,uri:a,folderUri:n,saveChanges:s,onCreate:Y,className:k()(ne,G,{[te]:j,[ee]:0!==_}),"aria-setsize":z,"aria-posinset":1,depth:u}),P?(0,v.jsx)(Ae,{filter:d}):(0,v.jsx)(I.a,{scrollNodeRef:y,className:X,style:{height:56*(_??(E?7:1))+(p?36:0)+"px"},children:(0,v.jsxs)("div",{className:W,children:[p&&A.length>0&&(0,v.jsx)(Te,{items:A,changes:i,onSelect:H,filter:d,depth:u}),p&&O&&(0,v.jsx)(Pe,{depth:u}),(0,v.jsx)($e.L,{renderRows:K,nrRows:T,rowHeight:56,scrollNodeRef:y,renderPlaceholder:q})]})})]})}));var et=n(71338);function tt(){const{enqueueSnackbar:e}=(0,et.d)();return(0,r.useCallback)((()=>{e("Something went wrong")}),[e])}var nt=n(3309),rt=n(95717);var at=n(77907),it=n(99998),st=n(68508),lt=n(32824),ot=n(39876),ct=n(82362);const ut=({uri:e,onChangesSaved:t,onHasChanges:n,onHide:i})=>{const{changes:s,toggleChange:o,saveChanges:c}=((e,t)=>{const n=(0,ue.x)(),a=(0,fe.m)(),i=(0,nt.W)(),s=tt(),[o,c]=(0,r.useState)(new Map),u=(0,r.useCallback)(((e,t)=>{c((n=>{const r=new Map(n);return r.has(e)?r.delete(e):r.set(e,t),r}))}),[c]),d=(0,r.useCallback)((async(e,t)=>{let n=l.Ru.get("web-player.aligned-curation.feedback.changes-saved"),r=!1;if(1===e.length&&0===t.length){const t=o.get(e[0]);if(n=l.Ru.get("web-player.aligned-curation.feedback.added",t?.name),r=t?.image,!r&&(0,S.nuB)(e[0])){const t=await Promise.race([a.getMetadata(e[0]).then((({images:e})=>e)),new Promise((e=>setTimeout((()=>e([])),1e3)))]);r=(0,rt.g)(t,{desiredSize:24})?.url}}else if(0===e.length&&1===t.length){const e=o.get(t[0]);n=l.Ru.get("web-player.aligned-curation.feedback.removed",e?.name),r=e?.image}i({message:n,imageSrc:r})}),[o,i,a]),h=(0,r.useCallback)((async()=>{if(0===o.size)return;const r=[],a=[];for(const[e,t]of o)t.type===qe.ADD?r.push(e):t.type===qe.REMOVE&&a.push(e);try{const i=await(n?.curateItems(e,r,a));d(r,a),t?.(i,e,o)}catch{s()}}),[o,n,e,d,t,s]);return{changes:o,toggleChange:u,saveChanges:h}})(e,t),m=(0,at.I)(),{setFilter:p,filter:y}=(0,r.useContext)(f.g);(0,r.useEffect)((()=>()=>p("")),[p]),(0,r.useEffect)((()=>{n?.(s.size>0)}),[s,n]);const{spec:x,logger:b}=(0,ct.r)(d.c,{data:{uri:e}}),j=(0,ot.t)(x),k=(0,r.useMemo)((()=>x.filterContainerFactory()),[x]),R=(0,r.useMemo)((()=>x.doneButtonFactory()),[x]),I=(0,r.useCallback)((t=>{t.preventDefault(),t.stopPropagation(),s.size&&(c(),i(),b.logInteraction(R.hitUiHide()),Array.from(s).forEach((([t,n])=>{const r=t===st.BP||t===st.Xn,a=n.type===qe.ADD;let i;i=r?a?R.hitLike({itemToBeLiked:e}):R.hitRemoveLike({itemNoLongerLiked:e}):a?R.hitAddToPlaylist({playlist:t,itemToBeAdded:e}):R.hitRemoveItemFromPlaylist({playlist:t,itemToBeRemovedFromPlaylist:e}),b.logInteraction(i)})))}),[s,R,b,i,c,e]);return(0,v.jsx)(it.s,{focusTrapOptions:{allowOutsideClick:!0},children:(0,v.jsxs)("form",{className:F,style:{"--placeholder-image":`url(${(0,h.b)(m?"images/ac-row-placeholder.webp":"images/ac-row-placeholder.png")})`},onClick:e=>{e.stopPropagation()},onSubmit:I,onKeyDownCapture:e=>{"Enter"===e.key&&e.metaKey&&I(e)},ref:j,children:[(0,v.jsx)(Fe,{title:l.Ru.get("web-player.aligned-curation.title")}),(0,v.jsx)("div",{className:_,children:(0,v.jsx)(C,{spec:k})}),(0,v.jsx)(g.R,{children:(0,v.jsx)(Ge,{uri:e,toggleChange:o,changes:s,saveChanges:c,hideCurationSheet:i,depth:0,filter:y,id:"curation-sheet-list",spec:x})}),(0,v.jsxs)("div",{className:Y,children:[(0,v.jsx)(a.H,{type:"button",semanticColor:"textSubdued",size:"small",onClick:()=>{i(),b.logInteraction(x.cancelButtonFactory().hitUiHide())},condensed:!0,children:l.Ru.get("web-player.aligned-curation.button.cancel")}),0===s.size?null:(0,v.jsx)(u.$,{type:"submit",colorSet:"invertedLight",size:"small",children:l.Ru.get("web-player.aligned-curation.button.done")})]})]})})},dt=r.memo((function({...e}){return(0,v.jsx)(p.s,{onError:e=>{(0,lt.Jy)(e,"CurationSheet")},children:(0,v.jsx)(f.s,{uri:"spotify:internal:aligned-curation",children:(0,v.jsx)(ut,{...e})})})})),ht=e=>{const t=(0,m.Oj)();return(()=>{const e=(0,m.Oj)();(0,r.useEffect)((()=>{const t=t=>{"Escape"===t.key&&(t.stopPropagation(),e({type:"close"}))};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}}),[e])})(),(0,v.jsx)(dt,{...e,onHide:()=>t({type:"close"})})},mt=({uri:e,placement:t,onChangesSaved:n,onShow:a,children:i})=>{const s=(0,r.useRef)(!1),l=(0,r.useCallback)((e=>{s.current=e}),[]),o=(0,r.useCallback)((e=>{s.current||e()}),[]);return(0,v.jsx)(c.t,{menu:(0,v.jsx)(ht,{uri:e,onChangesSaved:n,onHasChanges:l}),onClickOutside:o,onShow:a,snapshotReferenceElementPositionWhileOpen:!0,autoUpdate:!1,placement:t,children:i})};var gt=n(79888),pt=n(15385),ft=n(83180),yt=n(13394),xt=n(16721),vt=n(34730),Ct=n(48237),bt=n(34244);function jt(){const e=(0,bt.h)();return{closeSnackbar:(0,r.useCallback)((t=>{t instanceof RegExp?e.current.forEach((e=>{t.test(`${e}`)&&(0,Ct.mk)(e)})):(0,Ct.mk)(t)}),[e]),closeSnackbarWithKeyPrefix:(0,r.useCallback)((t=>{e.current.forEach((e=>{`${e}`.startsWith(t)&&(0,Ct.mk)(e)}))}),[e])}}var kt=n(63522);var Rt=n(49567),St=n(69623),It=n(3828),wt=n(52514),Et=n(58521),Dt=n(78321);const At=(0,r.memo)((function({uri:e,size:t="small",className:n,condensed:c=!0,labelPlacement:u,menuPlacement:d}){const h=(0,It.i)(e),m=(0,r.useRef)(h);m.current=h;const g=(0,r.useRef)(null),p=(0,r.useCallback)((()=>{g.current=h}),[h]),{isCurated:f,curateDefault:y,defaultCurationContextUri:x}=function(e,t=!1){const n=(0,ue.x)(),a=(0,r.useCallback)((()=>n.isCuratedSync(e)||t),[t,n,e]),[i,s]=(0,r.useState)(a),l=(0,r.useCallback)((()=>n.curateDefault(e)),[n,e]);return(0,r.useEffect)((()=>{s(a)}),[a]),(0,r.useEffect)((()=>n.getEvents().addListener(Dt.oq.UPDATE_CURATED_ITEM,(t=>{t.data.uri===e&&s(t.data.isCurated)}),{uri:e})),[n,e]),{isCurated:i,curateDefault:l,defaultCurationContextUri:n.getDefaultCurationContextUri(e)}}(h),C=function(){const{enqueueCustomSnackbar:e}=(0,kt.i)(),{closeSnackbarWithKeyPrefix:t}=jt();return(0,r.useCallback)((({onChangeCurationClick:n,message:r,imageSrc:a})=>(t("default-curation"),e((0,v.jsx)(gt.O,{children:(0,v.jsx)(xt.P,{leading:(0,v.jsx)(ft.w,{src:a,type:ye.c.PLAYLIST,title:r}),center:(0,v.jsx)(yt.z,{children:r}),trailing:(0,v.jsx)(pt.M,{ctaText:l.Ru.get("web-player.aligned-curation.feedback.change-button"),onCtaClick:n})})}),{autoHideDuration:vt.r,keyPrefix:"default-curation"}))),[t,e])}(),{closeSnackbarWithKeyPrefix:b}=jt(),j=tt(),{setState:k,Icon:R}=(0,Et.Q)(f?Rt.t.CURATED:Rt.t.UNCURATED,Rt.A),{spec:S,logger:I}=(0,ct.r)(i.S,{}),w=(0,St.d$)(e),{spec:E,logger:D}=(0,ct.r)(s.e,{data:{uri:e}});(0,r.useEffect)((()=>{w&&D.logImpression(E.impression())}),[w,D,E]);const A=(0,r.useCallback)((async(t,n)=>{t.preventDefault();const r=function(e){if(e===st.BP)return(0,wt.zK)();if(st.Xn)return(0,wt.dB)();return null}(x);k(Rt.t.CURATED);const a=x===st.BP||x===st.Xn;I.logInteraction(a?S.hitLike({itemToBeLiked:e}):S.hitAddToPlaylist({playlist:x,itemToBeAdded:e})),!a&&w&&D.logInteraction(E.hitAddToPlaylist({itemToBeAdded:e,playlist:st.BP}));try{await y();const t=r?.name?l.Ru.get("web-player.aligned-curation.feedback.added",r?.name):l.Ru.get("web-player.aligned-curation.feedback.added-to-library");C({onChangeCurationClick:t=>{n?.(t),I.logInteraction(S.defaultCurationSnackbarFactory().changeCurationContextButtonFactory({uri:e}).hitUiReveal())},message:t,imageSrc:(0,rt.g)(r?.images,{desiredSize:24})?.url})}catch{j()}}),[x,k,I,S,e,y,C,j,w,D,E]),O=(0,r.useCallback)(((e,t)=>{t===m.current&&!1===e&&k(Rt.t.UNCURATED)}),[k]),N=function(e,t){if(e)return l.Ru.get("web-player.aligned-curation.tooltips.add-to-playlist");if(t===st.BP)return l.Ru.get("web-player.aligned-curation.tooltips.add-to-liked-songs");if(t===st.Xn)return l.Ru.get("web-player.aligned-curation.tooltips.add-to-your-episodes");return l.Ru.get("web-player.aligned-curation.tooltips.add-to-your-library")}(f,x);return(0,v.jsx)(mt,{uri:h,placement:d,onChangesSaved:O,onShow:p,children:(e,r,i)=>(0,v.jsx)(o.Zp,{label:N,placement:u,children:(0,v.jsx)(a.H,{size:t,className:n,"aria-checked":f,"aria-label":N,condensed:c,iconOnly:R,semanticColor:f?"textBrightAccent":void 0,ref:i,onClick:t=>{e&&g.current&&g.current!==h&&(g.current=h,r(t)),f?(r(t),I.logInteraction(S.hitUiReveal()),b("default-curation")):A(t,r)}})})})}))},3309:(e,t,n)=>{n.d(t,{W:()=>d});var r=n(30758),a=n(79888),i=n(83180),s=n(13394),l=n(16721),o=n(63522),c=n(78172),u=n(86070);function d(){const{enqueueCustomSnackbar:e}=(0,o.i)();return(0,r.useCallback)((({message:t,imageSrc:n})=>{e((0,u.jsx)(a.O,{children:(0,u.jsx)(l.P,{leading:!1===n?void 0:(0,u.jsx)(i.w,{src:n,type:c.c.PLAYLIST,title:t}),center:(0,u.jsx)(s.z,{children:t})})}),{identifier:t})}),[e])}},69623:(e,t,n)=>{n.d(t,{AT:()=>l,d$:()=>o,pg:()=>s});var r=n(30758),a=n(60749);let i=function(e){return e.ADD_TO_LIBRARY_DEPRECATED="addToLibrary",e.ADD_TO_LIBRARY="1",e}({}),s=function(e){return e.ADD_TO_LIBRARY="addToLibrary",e}({});const l=()=>{const[e,t]=(0,a.ok)(),[n,l]=(0,r.useState)((e=>{const t=e.get("intent");return t===i.ADD_TO_LIBRARY||t===i.ADD_TO_LIBRARY_DEPRECATED?s.ADD_TO_LIBRARY:null})(e));return{intent:n,clear:(0,r.useCallback)((()=>{l(null),t((e=>(e.delete("intent"),e)))}),[t])}},o=e=>{const[t]=(0,a.ok)(),n=t.get("intent");if(e){const r=t.get("highlight");return n===s.ADD_TO_LIBRARY&&r===e}return n===s.ADD_TO_LIBRARY}},83180:(e,t,n)=>{n.d(t,{w:()=>o});var r=n(13317),a=n(75189),i=n(94258);const s={snackbarImage:"XTygmcBFgNjoo0ckBBll"};var l=n(86070);function o({src:e,title:t,type:n}){const o=(0,i.dZ)();return(0,l.jsx)(r.b,{fadeIn:!0,images:e?[{url:o(e,24)}]:[],title:t,type:n,size:a.Qe.SIZE_24,shape:r.u.ROUNDED_CORNERS,iconSize:"xsmall",className:s.snackbarImage})}},24810:(e,t,n)=>{n.d(t,{g:()=>l});var r=n(91259),a=n(93492),i=n(65349),s=n(86070);const l=({pinned:e,size:t="xsmall"})=>e?(0,s.jsx)(r.H,{semanticColor:"textBrightAccent",size:t,title:a.Ru.get("web-player.your-library-x.pinned"),className:i.A.icon}):null},97204:(e,t,n)=>{n.d(t,{L:()=>h});var r=n(30758),a=n(29844);const i="JUa6JJNj7R_Y3i4P8YUX",s="lyVkg68L7ycnwyOcO3vj",l="qnYVzttodnzg9WdrVQ1p";var o=n(21053),c=n(86070);const u=(e,t)=>(0,c.jsx)("div",{style:{height:e}},t),d=()=>"undefined"!=typeof window&&"requestIdleCallback"in window,h=({renderRows:e,nrRows:t,rowHeight:n,scrollNodeRef:h,nrRowsOverscan:m=10,renderPlaceholder:g=u})=>{const p=(0,o.a)(),f=(0,r.useRef)(null),y=(0,r.useRef)(null),x=(0,r.useRef)(null),v=(0,r.useRef)(0),[C,b]=(0,r.useState)(d()?0:m),[j,k]=(0,r.useState)(null),[R,S]=(0,r.useState)(0),I=(0,r.useCallback)((()=>{const e=h.current;if(!e)return;const t=Math.ceil(e.offsetHeight/n)+2;S(t)}),[h,n]),w=(0,r.useCallback)((()=>{const e=h.current;if(!e)return;const t=Math.floor((e.scrollTop-v.current-1)/n);k(t)}),[n,h]);(0,r.useEffect)((()=>{d()&&window.requestIdleCallback((()=>{p()&&b(m)}))}),[p,m]),(0,r.useLayoutEffect)((()=>{const e=x.current,t=h.current;e&&t&&(v.current=e.getBoundingClientRect().top-t.getBoundingClientRect().top+t.scrollTop)}),[h,x.current?.offsetTop]),(0,r.useEffect)((()=>{if(!window.IntersectionObserver)return()=>{};const e=new window.IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&w()}))}));return f.current&&e.observe(f.current),y.current&&e.observe(y.current),()=>{e.disconnect()}}),[w,j,R,t]),(0,r.useLayoutEffect)((()=>{I(),w()}),[I,w]),(0,a.w)({refOrElement:h,observeOnly:"height",onResize:I});const E=(j??0)-C,D=Math.min(null!==j?E+2*C+R-1:-1,t-1),A=Math.max(E,0),O=Math.max(D,-1),N=Math.min(R>0?t*n:0,Math.max(n*(C-2),0)),T=n*A,M=n*t,L=M-n*Math.max(t-(O+1),0);return(0,c.jsxs)("div",{ref:x,className:i,style:{height:`${M}px`,"--row-height":`${n}px`},role:"presentation",children:[(0,c.jsxs)("div",{ref:f,"data-testid":"top-sentinel",className:s,style:{height:`${T+N}px`},role:"presentation",children:[g(`calc(100% - ${N}px)`,"top-sentinel"),(0,c.jsx)("div",{style:{height:`${N}px`},role:"presentation"})]}),(0,c.jsx)("div",{style:{transform:`translateY(${T}px)`},role:"presentation",children:e(A,O)}),(0,c.jsxs)("div",{ref:y,"data-testid":"bottom-sentinel",className:l,style:{height:`calc(100% - ${L}px + ${N}px)`},role:"presentation",children:[(0,c.jsx)("div",{style:{height:`${N}px`},role:"presentation"}),g(`calc(100% - ${N}px)`,"bottom-sentinel")]})]})}},34244:(e,t,n)=>{n.d(t,{h:()=>i});var r=n(30758),a=n(50571);function i(){return(0,r.useContext)(a.J)}},49011:(e,t,n)=>{n.d(t,{y:()=>i});var r=n(30758);function a(e){return!!e.current?.scrollTop}function i(e){const[t,n]=(0,r.useState)((()=>a(e)));return(0,r.useEffect)((()=>{const t=e.current;if(!t)return()=>{};const r=()=>{n(a(e))};return t.addEventListener("scroll",r,{passive:!0}),()=>{t.removeEventListener("scroll",r)}}),[e]),t}},77907:(e,t,n)=>{n.d(t,{I:()=>a});var r=n(26906);function a(){const{isWebPSupported:e}=(0,r.mv)();return e}},53911:(e,t,n)=>{n.d(t,{D:()=>o});var r=n(30758),a=n(98929),i=n(88308),s=n(16026);const l="react-query-items-cache";function o({id:e,params:t,fetch:n,limit:o,getPageQueryOptions:c}){const u=(0,i.lB)((()=>t),[t]),d=(0,i.lB)((()=>[l,e,u]),[e,o,u]),h=(0,r.useCallback)(((e,t)=>[...d,{offset:e,limit:t}]),[d]),m=(0,a.jE)(),g=(0,r.useCallback)((async(e,t)=>{const r=c?.(u,e,t),a=r?.gcTime,i=r?.staleTime;return void 0!==r||void 0!==i||void 0!==a?m.fetchQuery({...r,queryKey:h(e,t),queryFn:()=>n(u,e,t),staleTime:i,gcTime:a}):n(u,e,t)}),[n,c,h,u,m]),{invalidateCache:p,...f}=(0,s.E)({nrItems:o,fetch:g,limit:o});return{...f,invalidateCache:(0,r.useCallback)((()=>{m.invalidateQueries({queryKey:d}),p()}),[p,m,d]),getPageQueriesData:(0,r.useCallback)((e=>m.getQueriesData({...e,queryKey:d,predicate:t=>{const n=t.queryKey,r=n?.[2],a=n?.[3];return e?.predicate?.(r,a)??!0}})),[d,m])}}},16026:(e,t,n)=>{n.d(t,{E:()=>l});var r=n(30758);const a=(e,t=0,n={items:[],invalid:!0,id:0})=>({fetchedId:e.fetchedId,items:Array.from({length:e.totalLength}).map(((r,a)=>{const i=n.invalid?void 0:n.items[a]?.value;return{value:a-t in e.items?e.items[a-t]:i,index:a}})),invalid:!1,id:n.id}),i=e=>e.filter((e=>null!==e.value)),s=e=>{e.invalid=!0,e.id++};function l({initialItems:e,nrItems:t,fetch:n,limit:l=0,cacheAllOnInvalidation:o=!1,cacheAllLimit:c=t}){const u=(0,r.useRef)(!1),d=(0,r.useRef)(a({totalLength:t,items:e??[]})),h=(0,r.useRef)(!0),[,m]=(0,r.useState)(0);(0,r.useMemo)((()=>{h.current||s(d.current)}),[n,t]),(0,r.useMemo)((()=>{0===e?.length||h.current||s(d.current)}),[e]);const g=(0,r.useCallback)((async(r,i=l,s=!0,o=!1)=>{if(u.current&&!o&&!d.current.invalid)return;const c=d.current.id;if(n){const e=d.current.invalid;d.current.invalid=!1,u.current=!0;const t=await n(r,i);if(u.current=!1,c!==d.current.id)return;if(0===t.items.length&&0!==t.totalLength&&t.totalLength===d.current.items.length)return;d.current=a(t,r,{...d.current,invalid:e}),t.onCacheSuccess?.(),s&&m((e=>e+1))}else d.current=a({totalLength:t,items:e??[]}),s&&t<=(e?.length??0)&&setTimeout((()=>m((e=>e+1))),0)}),[n,e,l,t]),p=(0,r.useCallback)(((e,t,n)=>{const r=i(d.current.items).slice(e,t+1),a=r.filter((e=>d.current.invalid||void 0===e.value)),s=a.at(0)?.index??(d.current.invalid?e:void 0),o=a.at(-1)?.index??(d.current.invalid?t:void 0);return void 0===s||void 0===o||n?.cachedOnly||g(o===t?s:s===e?Math.max(o-l+1,0):s),r.map((e=>e.value))}),[g,l]),f=(0,r.useCallback)(((e,t)=>{const n=i(d.current.items),r=!d.current.invalid&&void 0!==n.at(e)?.value,a=!d.current.invalid&&void 0!==n.at(e+1)?.value;return r||t?.cachedOnly||g(a?Math.max(e-l+1,0):e),n.at(e)?.value}),[g,l]),y=(0,r.useRef)(!1),x=(0,r.useRef)(!1),v=(0,r.useCallback)((async(e=!1)=>{x.current||(y.current?x.current=!0:(y.current=!0,await g(0,c,e,!0),x.current&&await g(0,c,e,!0),x.current=!1,y.current=!1))}),[c,g]);(0,r.useEffect)((()=>{let e;return o&&(e=setTimeout(v,1e3)),()=>{clearTimeout(e)}}),[v,o]);const C=(0,r.useCallback)((()=>{o?v(!0):(s(d.current),m((e=>e+1)))}),[v,o]);h.current=!1;let b=i(d.current.items).length;return d.current.invalid&&0===b&&(b=t>0?1:0),{fetchedId:d.current.fetchedId,getItems:p,getItem:f,invalidateCache:C,hasItems:i(d.current.items).some((e=>!!e.value)),nrValidItems:b,cacheAll:v}}},88281:(e,t,n)=>{n.d(t,{x:()=>i});var r=n(1468),a=n(18308);function i(){return(0,a.N)(r.p)}},65349:(e,t,n)=>{n.d(t,{A:()=>r});const r={imageContainer:"rV3vzuPrOk04pq0xRjLV",entityImage:"GSgVaqJa8VEp5mKoIN0b",pulse:"jf7uliBDj0R3ZjKTPEg_",link:"oaKRK4WllExdXORQIlFZ",subtitleText:"NVHSG1CguVgjg5bJ64_Z",subtitle:"iKNK2nAjtbavMKjPPJtJ",titleLink:"UZYGjsTEkEen6hFQe194",icon:"cSWBDsMjkH62GXIXo6mQ",subtitleLeadingWrapper:"Gxl7UDkumVYX3WtQEnb8",eventDateOverlay:"R3l7tFFb5qhvUgVFG4W4"}}}]);