https://volumo.com/_next/static/chunks/pages/embedded-player-3ad723f1374f9093.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[624,6044,9452],{1215:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>R});var n=r(80263),a=r(94426),i=r(83637),l=r(5085),o=r(90244),s=r(70719),u=r(12556),c=r(64011),d=r(93349),h=r(48851),f=r(13463),p=r(43138),m=r(76923),v=r(22392),b=r(3154),g=r(27518),y=r.n(g),C=r(61469);r(53239);var w=r(50208),_=r(22310),k=r(38962),x=r(20865),I=r(13950),E=r(60867),P=r(42398),S=r(84725);let T=e=>{var t;let r,a=(0,C.useRouter)(),{t:i}=(0,f.c3)(),c=(0,p.Rq)(a.query.itemId);if(!c)throw Error("No itemId provided");let g=(0,p.Rq)(a.query.itemType);if("album"!==g&&"playlist"!==g&&"chart"!==g&&"track"!==g)throw Error(`Unsupported item type <${g}>`);let x=(0,m.$J)(a.query.width)||void 0,I=(0,m.$J)(a.query.height)||void 0,{data:P}=(0,E.eT)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(y(),{children:[(0,n.jsx)("meta",{content:"noindex, indexifembedded",name:"robots"}),P?.preconnect_domains?.map(e=>(0,n.jsx)("link",{href:(0,p.Tc)(e),rel:"preconnect"},e))]}),(0,n.jsx)(u.pB,{clientDeviceType:e.clientInfo?.device?.type,children:(0,n.jsx)(h.NP,{defaultThemeName:e.themeName??h.Um,style:{maxHeight:I?`${I}px`:void 0,borderRadius:"12px",border:"1px solid var(--divider__color)"},themeClassNames:l.c,children:e.error?(t=e.error,(r=(0,v._w)(t))===b.Hv.Gone||r===b.Hv.NotFound?(0,n.jsx)(_.q,{title:i("This {item} is no longer available on {volumo}",void 0,{item:(0,o.$f)(i,g),volumo:(0,n.jsx)(d.W,{href:s.KW.Root,target:"_blank",children:"VOLUMO"})})}):(0,n.jsx)(_.q,{subtitle:i("But do not worry, we have already filed the report."),title:i("Something went wrong")})):(0,n.jsx)(k.I,{subtitle:i("An unhandled rendering error occurred on the client"),title:i("Something went wrong, we have already filed the report."),children:(0,n.jsx)(w.W,{height:I,itemId:c,itemType:g,si:e.si,width:x})})})})]})};T.displayName="EmbeddedPlayerPage",T.getConfig=()=>({allowIFrame:!0,noBg:!0,noScroll:!0,skipNonBasicGlobalDataFetching:!0,skipGlobalLayout:!0,skipCookieConsent:!0}),T.getInitialProps=async e=>{let{api:t,cookieData:r,promises:n,queryClient:l,req:o,res:s}=e,u={};if(s&&!s.headersSent&&s.setHeader("Content-Security-Policy","base-uri 'none'; object-src 'none';"),o){let e=(0,p.tI)(o.url),d=e.get("theme")||"";if(h.sK.includes(d)&&(u.themeName=d),u.si=e.get("si")||o.headers.referer&&new URL(o.headers.referer).hostname.replace(/^www\./,"").replace(/[^a-z0-9]/g,"").slice(0,-2).slice(-16)||void 0,(0,i.T)(o)){let i=e.get("itemType")||"",d=e.get("itemId")||"",h=(0,S.Bi)(d);if(h)try{let[e,s]=await Promise.all([(async()=>{if("album"===i)return"string"==typeof h?t.getAlbumByIcpn(h,!r.authId):t.getAlbumById(h,!r.authId);if("track"===i){if("number"!=typeof h)throw Error("itemId must be a number");return t.getTracksByIds([h],!r.authId)}return t.getPlaylist(d,!r.authId)})(),!u.si?(0,a._)(async()=>{let e=o.headers.referer??o.url;if(e)return(await t.createShare({original_url:e,source:"embed"})).id}):void 0]);if(s&&(u.si=s),e){let{user:t}=await n.userData;l.setQueryData("album"===i?[x.yq.album(t?.email,h)]:"track"===i?[P.tQ.tracksByIds(t?.email,[h])]:[I.tj.playlistById(t?.email,d)],e)}}catch(t){let e=(0,v._w)(t)||b.Hv.BadRequest;s&&!s.headersSent&&(s.statusCode=e),u.error={message:(0,c.Nw)(t),statusCode:e}}}}return u};let R=T},36285:(e,t,r)=>{"use strict";r.d(t,{C:()=>h});var n=r(80263),a=r(97930),i=r(18785),l=r(34131),o=r(12806),s=r(3638),u=r(53239),c=r(38400),d=r.n(c);let h=e=>{let{adjacentItemsCount:t=0,autoColumns:r="1fr",children:c,className:h,currentIndex:f=0,fade:p,horizontalSpacing:m,innerRef:v,isInfinite:b,rows:g,scrollIntoViewOnClick:y,scrollTrainClassName:C,step:w,style:_,verticalSpacing:k,onIndexChange:x,onScroll:I}=e,E=(0,u.useRef)(null),P=(0,u.useRef)(void 0),S=(0,u.useRef)(void 0),T=(0,u.useRef)(void 0),R=(0,u.useRef)(!1),B=(0,u.useRef)(!1),L=(0,u.useRef)(void 0),N=(0,u.useRef)(0),j=(0,u.useRef)(0),D=(0,u.useRef)(void 0),X=(0,u.useRef)(f),M=(0,u.useRef)(!!(b&&t)),{rerender:A}=(0,l.v)(),[W,q]=(0,u.useState)(!1),H=(0,o.aB)([E,v]),z=(0,u.useCallback)((e,t)=>{let r,n=E.current?.children[0];if(!w||void 0===e||!n||!E.current)return;let a=m?(0,i.yh)(m):0;

1if("auto"===w){let t=n.children[e];if(!t)return;let a=parseFloat(getComputedStyle(E.current).paddingLeft)||0;r=t.offsetLeft-a}else r="number"==typeof w?e*(w+a):w.endsWith("%")?e*(Number(w.slice(0,w.length-1))*E.current.getBoundingClientRect().width/100+a):w.endsWith("px")?e*(Number(w.slice(0,w.length-2))+a):e*(Number(w)+a);return r=Math.max(0,Math.min(r,E.current.scrollWidth-E.current.clientWidth)),E.current.scrollTo({behavior:t,left:r}),r},[w,m,c,t]),F=(0,u.useCallback)(()=>{b&&t&&void 0!==f&&(clearTimeout(D.current),D.current=setTimeout(()=>{let e=u.Children.count(c);f>=e+t?(M.current=!0,x?.(t)):f<t&&(M.current=!0,x?.(t+e-1))},50))},[b,t,f,c,x]),$=(0,u.useCallback)(e=>{let r=X.current;if(b&&t){let e=u.Children.count(c),n=t+((r-t)%e+e)%e;n!==r&&(r=n,M.current=!1,z(r,"instant"))}let n=r+e;X.current=n,M.current=!1,x?.(n),z(n,"smooth")},[b,t,c,z,x]);(0,u.useEffect)(()=>{X.current=f;let e=M.current;M.current=!1;let t=E.current?.scrollLeft??0,r=z(f,e?"instant":"smooth");(void 0===r||1>=Math.abs(t-r))&&F()},[f]);let O=(0,u.useCallback)(e=>{R.current=!1,P.current=e.clientX,S.current=e.clientX,T.current=E.current?.scrollLeft},[]),U=(0,u.useCallback)(e=>{void 0!==P.current&&void 0!==T.current&&E.current&&Math.abs(e.clientX-P.current)>1&&(M.current=!1,R.current=!0,S.current=e.clientX,E.current.scrollLeft=P.current-e.clientX+T.current,E.current?.hasPointerCapture(e.pointerId)||E.current?.setPointerCapture(e.pointerId),e.preventDefault())},[]),G=(0,u.useCallback)(e=>{w&&R.current&&void 0!==P.current&&void 0!==S.current&&(S.current<P.current?$(1):S.current>P.current&&$(-1)),P.current=void 0,T.current=void 0,E.current?.hasPointerCapture(e.pointerId)&&E.current?.releasePointerCapture(e.pointerId),A(),e.preventDefault(),e.stopPropagation()},[w,$]),K=(0,u.useCallback)(e=>{P.current=void 0,T.current=void 0,E.current?.hasPointerCapture(e.pointerId)&&E.current?.releasePointerCapture(e.pointerId),A()},[]),Q=(0,u.useCallback)(e=>{e.preventDefault()},[]),J=(0,u.useCallback)(e=>{if(R.current){e.preventDefault(),e.stopPropagation();return}if(!y||!w)return;let t=E.current?.children[0];if(!t)return;let r=Array.from(t.children),n=r.find(t=>t.contains(e.target));if(n){let t=r.indexOf(n);t!==f&&(e.preventDefault(),e.stopPropagation(),x?.(t))}},[y,w,f,x]);return(0,u.useEffect)(()=>{if(t&&b){let e=E.current,t=()=>F();return e?.addEventListener("scroll",t),()=>{e?.removeEventListener("scroll",t),clearTimeout(D.current)}}},[f,b,t]),(0,u.useEffect)(()=>{if(!w)return;let e=E.current;if(!e)return;let t=e=>{if(Math.abs(e.deltaX)<=Math.abs(e.deltaY))return;e.preventDefault(),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{B.current=!1,N.current=0},200);let t=N.current;if(N.current=e.deltaX,B.current){if(Date.now()-j.current<250)return;let r=0!==t&&Math.sign(e.deltaX)!==Math.sign(t),n=Math.abs(e.deltaX)>=10&&Math.abs(e.deltaX)>1.5*Math.abs(t);if(!r&&!n)return;B.current=!1}10>Math.abs(e.deltaX)||(B.current=!0,j.current=Date.now(),void 0!==f&&$(e.deltaX>0?1:-1))};return e.addEventListener("wheel",t,{passive:!1}),()=>{e.removeEventListener("wheel",t)}},[w,f,$]),(0,u.useEffect)(()=>{let e=E.current;if(e){let r=new ResizeObserver(()=>{b&&t&&z(t,"instant"),q(e.scrollWidth>e.clientWidth),I?.(e)}),n=t=>{(e.scrollLeft<=0&&t.deltaX<0||e.scrollLeft>=e.scrollWidth-e.clientWidth&&t.deltaX>0)&&t.preventDefault()},a=()=>I?.(e);return w||(e.addEventListener("wheel",n),e.addEventListener("scroll",a)),r.observe(e),()=>{w||(e.removeEventListener("wheel",n),e.removeEventListener("scroll",a)),r.disconnect()}}},[]),(0,n.jsx)("div",{className:(0,s.A)(d().root,w&&d().snap,p&&W&&d().fade,h),draggable:!1,ref:H,style:_,onClickCapture:J,onDragStartCapture:Q,onPointerCancelCapture:K,onPointerDownCapture:O,onPointerMoveCapture:U,onPointerUpCapture:G,children:(0,n.jsx)(a.xA,{autoColumns:r,autoFlow:"column",className:(0,s.A)(C,d().scrollTrain,void 0!==P.current&&d().dragActive),horizontalSpacing:m,rows:g?`repeat(${g}, 1fr)`:void 0,verticalSpacing:k,children:(()=>{if(!b||!t)return c;{let e=u.Children.toArray(c);return[...e.slice(e.length-t,e.length),...e,...e.slice(0,t)].map((e,t)=>

1(0,u.cloneElement)(e,{key:t,...t===f?{"data-test-id":"current-banner"}:{}}))}})()})})}},38400:e=>{e.exports={root:"HorizontalScrollerBase_root__kPApI",snap:"HorizontalScrollerBase_snap__kxTl8",fade:"HorizontalScrollerBase_fade__SYKWP",shift:"HorizontalScrollerBase_shift__vojgE",scrollTrain:"HorizontalScrollerBase_scrollTrain__BQrGr",dragActive:"HorizontalScrollerBase_dragActive__vZLOL"}},38962:(e,t,r)=>{"use strict";r.d(t,{I:()=>s});var n=r(80263),a=r(33894),i=r(53239),l=r(22310);class o extends i.Component{static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){e instanceof Error&&t.componentStack&&(e.stack=`${e.stack??e.message}
2Component stack:${t.componentStack}`),a.vF.error(e)}render(){let{error:e}=this.state;return e?(0,n.jsx)(l.q,{subtitle:this.props.subtitle,title:this.props.title}):this.props.children}constructor(...e){super(...e),this.state={error:void 0}}}let s=o},67403:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/embedded-player",function(){return r(1215)}])}},e=>{e.O(0,[7236,8288,5720,7874,5599,9711,9960,5711,208,636,6593,8792],()=>e(e.s=67403)),_N_E=e.O()}]);