1272.js

"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[1272],{65406:(e,t,i)=>{i.d(t,{g:()=>d});var n=i(30758),a=i(97500),s=i.n(a),l=i(8143),r=i(5352),c=i(28426),o=i(86070);const d=({children:e,className:t=""})=>{const{elementRef:i}=n.useContext(r.J),a=s()(c.A.topbarContent,t);return i?(0,l.createPortal)((0,o.jsx)("div",{"data-testid":"topbar-content",className:a,children:e}),i):null}},34978:(e,t,i)=>{i.d(t,{g:()=>f});var n=i(30758),a=i(97500),s=i.n(a),l=i(13505),r=i(72574),c=i(12367),o=i(56463),d=i(39550),u=i(89913),m=i(5119),h=i(53575),v=i(99802),g=i(80104),x=i(86070);const f=({children:e,uri:t,name:i,nonInteractive:a=!1,creatorUri:f,spec:p})=>{let j=null;const{draggable:b,onDragStart:y}=(0,h.P)({itemUris:[t],dragLabelText:i}),k=(0,v.s)(),N=(0,n.useCallback)((()=>{p&&k.logInteraction(p.albumLinkFactory({uri:t}).hitUiNavigate({destination:t}))}),[k,p,t]);return a?(0,x.jsx)("span",{className:s()("standalone-ellipsis-one-line",g.A.text),children:e}):((0,r._Tv)(t)&&(j=(0,x.jsx)(o.h,{uri:t,artistUri:f})),(0,r.WB1)(t)&&(j=(0,x.jsx)(d.H,{uri:t})),(0,x.jsx)(c.h,{menu:j,children:(0,x.jsx)(l.E,{variant:"bodySmall",children:(0,x.jsx)(u.Zp,{label:i,showDelay:u.uF,children:(0,x.jsx)(m.N,{draggable:b,onDragStart:y,className:s()("standalone-ellipsis-one-line"),to:t,dir:"auto",onClick:N,children:e})})})}))}},30368:(e,t,i)=>{i.d(t,{l:()=>d});var n=i(30758),a=i(13505),s=i(93492),l=i(89913),r=i(32883),c=i(99802),o=i(86070);const d=({artists:e,spec:t,className:i})=>{const d=(0,c.s)(),u=(0,n.useCallback)(((e,i)=>{t&&d.logInteraction(t.artistLinkFactory({position:i??0,uri:e}).hitUiNavigate({destination:e}))}),[d,t]);if(!e||0===e.length)return null;const m=e.map((({name:e})=>e)).join(s.Ru.getSeparator());return(0,o.jsx)(l.Zp,{label:m,showDelay:l.uF,children:(0,o.jsx)(a.E,{as:"span",variant:"bodySmall",className:i,children:e.map((({uri:e,name:t},i)=>(0,o.jsxs)(n.Fragment,{children:[i>0&&s.Ru.getSeparator(),(0,o.jsx)(r.y,{name:t,uri:e,onClick:u,index:i,children:t},e)]},e)))})})}},76762:(e,t,i)=>{i.d(t,{P:()=>l});var n=i(13505),a=i(80104),s=i(86070);const l=({children:e})=>e?(0,s.jsx)(n.E,{variant:"bodyMedium",className:a.A.rowBadges,semanticColor:"textSubdued",children:e}):null},62355:(e,t,i)=>{i.d(t,{e:()=>m});var n=i(97500),a=i.n(n),s=i(32825),l=i(44397),r=i(17461),c=i(80104),o=i(86070);const d=({isVideo:e,isEpisode:t})=>{let i=s.v;return e?i=l.B:t&&(i=r.L),(0,o.jsx)("div",{className:a()(c.A.rowImage,c.A.rowImageFallback),style:{borderRadius:4},children:(0,o.jsx)(i,{size:"small"})})};var u=i(48450);const m=({src:e,isVideo:t=!1,isEpisode:i=!1})=>e?(0,o.jsx)(u._,{className:a()(c.A.rowImage,{[c.A.rowImageVideo]:t}),draggable:!1,src:e,loading:"eager",width:"40",height:"40",radius:4,children:(0,o.jsx)(d,{isVideo:t,isEpisode:i})}):(0,o.jsx)(d,{isVideo:t,isEpisode:i})},85377:(e,t,i)=>{i.d(t,{U:()=>V});var n=i(93492),a=i(30758),s=i(97500),l=i.n(s),r=i(85387),c=i(13505),o=i(88783),d=i(18376),u=i(3128),m=i(73697),h=i(55669),v=i(56695);const g="BkpKedcdaMGbvgXMlmcg",x="muYk5XIwKmqR9iNibk_f",f="OEFWODerafYHGp09iLlA",p="m20ShRDiGGDpJ5LSABTi",j="Hvv0e7WKQ4kyftgSQJhg",b="yxf_6IsQEmHjijEBUMTP",y="oaNVBli46GtVjaQKB15g",k="JdlKTdpMquftpMwwegZo",N="Nts_ArOCGeROTDZND3M6",C="FvDsfgxSvLvL3q8d7nQv";var w=i(86070);const I=({items:e,activeItemId:t})=>(0,w.jsx)(h.W,{children:e.map((e=>e.disabled?(0,w.jsx)(v.D,{disabled:!0,role:"menuitemradio",className:b,onClick:e.handleClick,children:e.title},e.uri):(0,w.jsx)(v.D,{role:"menuitemradio",to:e.to,end:!0,"aria-checked":e.itemId===t,className:({isActive:e})=>l()(b,{[y]:e}),onClick:e.handleClick,children:e.title},e.uri)))});var S=i(40638),E=i(42372),A=i(29844);const z=(0,a.memo)((function({isCentered:e,links:t,landmarkLabel:i,className:s}){const h=(0,a.useRef)(null),[v,b]=(0,a.useState)([]),[z,B]=(0,a.useState)(0),[R,M]=(0,a.useState)([]),_=function(){const[e,t]=(0,a.useState)(window.innerWidth),{scrollNodeChildRef:i}=(0,a.useContext)(E.bi),n=(0,S.YQ)((e=>{e?.width&&t(e.width)}),250);return(0,A.w)({refOrElement:i,observeOnly:"width",onResize:n}),e}()??1/0,{pathname:V}=(0,r.zy)(),D=t.find((e=>e.to===V));return(0,a.useEffect)((()=>{h.current&&B(h.current.clientWidth)}),[_]),(0,a.useEffect)((()=>{if(!h.current)return;const e=Array.from(h.current.children).map((e=>e.clientWidth));b(e)}),[t]),(0,a.useEffect)((()=>{if(!h.current)return;if(v.slice(0,-1).reduce(((e,t)=>e+t),0)<=z)return void M([]);const e=v.reduce(((e,t)=>e>t?e:t),0),t=[];let i=e;v.forEach(((e,n)=>{z>=i+e?i+=e:t.push(n)})),M(t)}),[z,v]),(0,w.jsx)("nav",{className:l()(s,g),"aria-label":i,children:(0,w.jsxs)("ul",{className:e?x:N,ref:h,children:[t.filter(((e,t)=>!R.includes(t))).map((e=>{const t=e?.render??(e=>e);return(0,w.jsx)(a.Fragment,{children:t((0,w.jsx)("li",{className:f,children:e.disabled?(0,w.jsx)("div",{className:k,children:(0,w.jsx)(c.E,{variant:"bodySmallBold",children:e.title})}):(0,w.jsx)(m.k,{end:!0,className:({isActive:e})=>l()(k,{[y]:e}),to:e.to,onClick:e.handleClick,children:(0,w.jsx)(c.E,{variant:"bodySmallBold",children:e.title})})}))},e.to)})),R.length||0===v.length?(0,w.jsx)("li",{className:f,children:(0,w.jsx)(u.t,{renderInline:!0,menu:(0,w.jsx)(I,{items:t.filter(((e,t)=>R.includes(t))),activeItemId:D?.itemId}),children:(e,t,i)=>(0,w.jsxs)("button",{className:l()(p,{[j]:D}),type:"button",onClick:t,ref:i,children:[(0,w.jsx)(c.E,{variant:"bodySmallBold",children:D?D.title:n.Ru.get("more")}),e?(0,w.jsx)(o.J,{size:"small",className:C,"aria-hidden":"true"}):(0,w.jsx)(d.y,{size:"small",className:C,"aria-hidden":"true"})]})})}):null]})})}));var B=i(65406);const R="XfifUos51Clgs5a6nf2m",M=()=>{const e=[{title:n.Ru.get("playback-control.queue"),itemId:"queue",to:"/queue",uri:"spotify:app:queue"},{title:n.Ru.get("view.recently-played"),itemId:"history",to:"/history",uri:"spotify:app:history"}];return(0,w.jsx)(B.g,{children:(0,w.jsx)(z,{className:R,links:e})})};var _=i(98336);const V=({children:e})=>{const t=(0,_.y)();return(0,w.jsxs)("section",{className:"contentSpacing",children:[e,t&&(0,w.jsx)(M,{})]})}},57836:(e,t,i)=>{i.d(t,{_:()=>l});var n=i(93492),a=i(11205),s=i(86070);const l=()=>(0,s.jsx)(a.F,{size:"small",title:n.Ru.get("download.available-offline"),semanticColor:"textBrightAccent"})},8766:(e,t,i)=>{i.d(t,{g:()=>r});var n=i(49889);var a=i(48975),s=i(21081),l=i(45176);function r(e,{isPlayable:t=!0,isLocal:i=!1,isOutOfMarket:r=!1,artistUris:c=[],hasContextualBan:o=!1}){const d=(0,s.T)(e),u=(0,a.n)(),m=d===l.kw.YES,h=function(...e){return(0,n.o)("artistban",e)}(...c).some(Boolean);return{isPlayable:t&&(u||m||i)&&!r&&!h&&!o,isAnyArtistBanned:h}}},82261:(e,t,i)=>{i.d(t,{a:()=>n});const n=e=>e?.linked_from?.uri||e.uri},57957:(e,t,i)=>{i.d(t,{A:()=>n});const n={emptyContainer:"BP2Fv3OX_ZYbjdA4lovg",large:"Mxz3x1XNHpH4SvqEVkt0",titleContainer:"Olk6uKV_CIIVtWRrdRJc",icon:"AIW16bVmugXaJ42KBNKQ"}},32825:(e,t,i)=>{i.d(t,{v:()=>s});var n=i(30758),a=i(12323);function s(e){var t,i,s,l,r,c=e.size?a.$Z[e.size]:e.iconSize,o=(0,a._C)([{size:16,svgContent:"<path d='M10 2v9.5a2.75 2.75 0 1 1-2.75-2.75H8.5V2H10zm-1.5 8.25H7.25A1.25 1.25 0 1 0 8.5 11.5v-1.25z'/>"},{size:24,svgContent:"<path d='M15 4v12.167a3.5 3.5 0 1 1-3.5-3.5H13V4h2zm-2 10.667h-1.5a1.5 1.5 0 1 0 1.5 1.5v-1.5z'/>"}],c||24),d=null!==(t=e.autoMirror)&&void 0!==t&&t;return n.createElement(a.In,Object.assign({},e,{autoMirror:d,viewBox:"0 0 ".concat(o.size," ").concat(o.size),dangerouslySetInnerHTML:{__html:"".concat((l=e.title,r=e.titleId,l?"<title ".concat(r?'id="'.concat(r,'"'):"",">").concat(l,"</title>"):"")).concat((i=e.desc,s=e.descId,i?"<desc ".concat(s?'id="'.concat(s,'"'):"",">").concat(i,"</desc>"):"")).concat(o.svgContent)}}))}}}]);