https://grayarea.co/_next/static/chunks/7570-fb07656438f0709f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7570],{57570:function(e,l,t){t.d(l,{g:function(){return w}});var n=t(85893),s=t(91583),a=t(12023),i=t(51526),r=t(25675),o=t.n(r),c=t(11163),d=t(67294),m=t(42708),h=t(72722),u=t(72025),x=t(756),p=t(43067),f=t(20117),v=t(48449),g=t(89660),j=t(86830),b=t(7636);function w(e){var l,t;let{pageProps:r,pathMapping:o,baseUrl:p,title:f,titleDescriptor:v,image:g,backgroundImageClassname:j,backgroundImageStyle:b,buttons:w,items:E,additionalContent:I,fullHeightImage:_}=e,V=(0,c.useRouter)(),S=(0,d.useRef)(null),D=(0,d.useCallback)(e=>{let l=S.current?S.current.offsetTop-56:0;window.scrollTo({top:l,...l>window.scrollY&&{behavior:"smooth"}}),V.push(e,void 0,{shallow:!0,scroll:!1})},[V]),F=p(r),L=f(r),O=null==v?void 0:v(r),M=g(r),P=null==j?void 0:j(r),R=null==b?void 0:b(r),T=null==w?void 0:w(r,D),Y=E(r,{DetailItem:y,FollowCount:N,SocialIcons:k,Country:z,Genres:C}),q=null==I?void 0:I(r),{inView:U,ref:G}=(0,m.YD)({initialInView:!0,rootMargin:"-56px 0px 0px 0px"}),W=!U,J=(0,d.useCallback)(e=>{let l=V.asPath.split("?")[0];return l===e},[V.asPath]),Q=(0,d.useMemo)(()=>Object.entries(o).reduce((e,l)=>{let[t,{label:n,predicate:s}]=l;return s(r)&&e.push({label:n,href:"".concat(F,"/").concat(t)}),e},[{label:"Overview",href:F}]),[F,r,o]),Z=(0,d.useRef)(null),[A,B]=(0,s.Z)({align:"start",containScroll:"trimSnaps",inViewThreshold:1,skipSnaps:!0});(0,d.useEffect)(()=>{B&&B.scrollTo(Q.findIndex(e=>{let{href:l}=e;return J(l)}))},[B,Q,J]);let H=(0,m.YD)({initialInView:null===(l=null==B?void 0:B.slidesInView().includes(0))||void 0===l||l,threshold:.95,root:Z.current}),K=(0,m.YD)({initialInView:null!==(t=null==B?void 0:B.slidesInView().includes(Q.length-1))&&void 0!==t&&t,threshold:.95,root:Z.current});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"relative w-full overflow-hidden",children:[(0,n.jsx)("div",{className:(0,h.m)("absolute inset-0 scale-110 bg-cover bg-center blur-lg",P),style:null!=R?R:(null==M?void 0:M.image.lqip)?{backgroundImage:"linear-gradient(180deg, rgba(0, 0, 0, 0.5) 57%, #000000 100%), url(".concat(M.image.lqip,")")}:void 0}),(0,n.jsx)(u.l,{className:"relative my-6 md:my-10",children:(0,n.jsxs)("div",{className:"flex flex-col gap-2 md:flex-row md:gap-8",children:[M&&_?(0,n.jsx)(a.E.div,{ref:_?G:void 0,className:"flex-shrink-0",children:(0,n.jsx)(x.d,{...M})}):null,(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{ref:_?void 0:G,className:"flex flex-col gap-2 md:flex-row md:items-center md:gap-8",children:[M&&!_?(0,n.jsx)(a.E.div,{className:"flex-shrink-0",children:(0,n.jsx)(x.d,{...M})}):null,(0,n.jsxs)("div",{className:"flex flex-col",children:[O?(0,n.jsx)("p",{className:"mb-1 text-lg font-semibold text-white",children:O}):null,(0,n.jsx)("h1",{className:"text-3xl font-semibold text-white sm:text-5xl",children:L}),T?(0,n.jsx)("div",{className:"mt-4 flex flex-wrap gap-4 md:mt-6",children:T}):null]})]}),Y.length>0?(0,n.jsx)("div",{className:"mt-4 flex flex-wrap items-start gap-x-8 gap-y-2 text-white md:mt-8",children:Y}):null,q?(0,n.jsx)("div",{className:"mt-4 md:mt-8",children:q}):null]})]})})]}),(0,n.jsx)("div",{id:"entity-header-nav",ref:S}),(0,n.jsx)(i.M,{mode:"popLayout",children:Q.length>1?(0,n.jsx)(a.E.div,{layout:"size",className:"sticky top-14 z-30 bg-gray-1/[.75] backdrop-blur-2xl",children:(0,n.jsx)(u.l,{children:(0,n.jsxs)(a.E.div,{layout:!0,className:(0,h.m)("flex items-center gap-4"),children:[M&&W?(0,n.jsx)(a.E.div,{initial:{opacity:0}

1,animate:{opacity:1,transition:{delay:.3}},exit:{opacity:0},className:"hidden flex-shrink-0 md:block",children:(0,n.jsx)(x.d,{...M,className:(0,h.m)(M.className,"!w-14 !h-14")})},"entity-header-collapsed-image-desktop-".concat(F)):null,(0,n.jsxs)("div",{className:"flex w-full flex-col gap-2 pt-4",children:[W?(0,n.jsxs)(a.E.div,{initial:{opacity:0},animate:{opacity:1,transition:{delay:.3}},exit:{opacity:0},className:"flex items-center gap-4",children:[M?(0,n.jsx)(a.E.div,{className:"flex-shrink-0 md:hidden",children:(0,n.jsx)(x.d,{...M,className:(0,h.m)(M.className,"!w-10 !h-10")})},"entity-header-collapsed-image-mobile-".concat(F)):null,(0,n.jsx)(a.E.h1,{layout:!0,className:"text-xl font-semibold leading-tight text-white sm:text-xl",children:L})]},"entity-header-collapsed-container-".concat(F)):null,(0,n.jsxs)(a.E.div,{layout:!0,className:"embla relative -mx-4 md:mx-0",ref:Z,children:[(0,n.jsx)("div",{className:(0,h.m)("absolute inset-y-0 left-0 z-10 h-full w-4 bg-gradient-to-r from-gray-1 transition-opacity",H.inView?"sm:opacity-0":"sm:opacity-100")}),(0,n.jsx)("div",{className:"embla__viewport w-full overflow-hidden px-4 md:px-0",ref:A,children:(0,n.jsx)("nav",{className:"embla__container flex items-center space-x-8",children:Q.map((e,l,t)=>{let{label:s,href:i}=e;return(0,n.jsxs)("a",{ref:0===l?H.ref:l===t.length-1?K.ref:null,href:i,onClick:e=>{e.preventDefault(),D(i)},className:(0,h.m)("embla__slide relative block flex-shrink-0 pb-4 font-semibold transition-colors",J(i)?"border-red text-white":"border-transparent text-gray-4 hover:text-white",W?"sm:text-[0.93rem]":"sm:text-lg"),style:{flex:"0 0 auto",minWidth:0},children:[(0,n.jsx)("span",{children:s}),J(i)&&W?(0,n.jsx)(a.E.div,{layoutId:"entity-header-nav-active-indicator-".concat(F),className:"absolute inset-x-0 bottom-0 h-0.5 bg-red"}):null]},i)})})}),(0,n.jsx)("div",{className:(0,h.m)("absolute inset-y-0 right-0 z-10 h-full w-4 bg-gradient-to-l from-gray-1 transition-opacity",K.inView?"sm:opacity-0":"sm:opacity-100")})]},"entity-header-collapsed-tabs-".concat(F))]})]})})}):null})]})}function y(e){let{label:l,children:t,className:s}=e;return(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-2.5 text-xs font-medium text-gray-4 sm:text-base",children:l}),(0,n.jsx)("div",{className:(0,h.m)("font-semibold sm:text-lg",s),children:t})]})}function N(e){var l;let{entityId:t,followCount:s,minFollowCount:a=10}=e,{data:i}=g.hi.contentEngagement.get.useQuery({type:"FOLLOW",contentId:t});if(s<a)return null;let r=null!==(l=null==i?void 0:i.count)&&void 0!==l?l:s;return(0,n.jsx)(y,{label:"Followers",children:(0,j.N)(r)})}function k(e){let{channels:l}=e,t=(0,d.useMemo)(()=>{let{beatportUrl:e,facebookUrl:t,instagramUrl:s,soundCloudUrl:a,spotifyUrl:i,twitchUrl:r,twitterUrl:o,websiteUrl:c,youTubeUrl:d}=l,m=[];return e&&m.push((0,n.jsx)(p.z,{icon:f.Fc,type:"link",href:e,variant:"transparent",transparentColor:"white",size:"lg"},"beatport")),t&&m.push((0,n.jsx)(p.z,{icon:f.RU,type:"link",href:t,variant:"transparent",transparentColor:"white",size:"lg"},"facebook")),s&&m.push((0,n.jsx)(p.z,{icon:f.C0,type:"link",href:s,variant:"transparent",transparentColor:"white",size:"lg"},"instagram")),a&&m.push((0,n.jsx)(p.z,{icon:f.OP,type:"link",href:a,variant:"transparent",transparentColor:"white",size:"lg"},"soundcloud")),i&&m.push((0,n.jsx)(p.z,{icon:f.qk,type:"link",href:i,variant:"transparent",transparentColor:"white",size:"lg"},"spotify")),r&&m.push((0,n.jsx)(p.z,{icon:f.bJ,type:"link",href:r,variant:"transparent",transparentColor:"white",size:"lg"},"twitch")),o&&m.push((0,n.jsx)(p.z,{icon:f.up,type:"link",href:o,variant:"transparent",transparentColor:"white",size:"lg"},"twitter")),c&&m.push((0,n.jsx)(p.z,{icon:v.xP,type:"link",href:c,variant:"transparent",transparentColor:"white",size:"lg"},"website")),d&&m.push((0,n.jsx)(p.z,{icon:f.nn,type:"link",href:d,variant:"transparent",transparentColor:"white",size:"lg"},"youtube")),m},[l]);return 0===t.length?null:(0,n.jsx)(y,{label:"Social links",children:(0,n.jsx)("div",{className:"flex items-center space-x-6",children:t})})}

1function z(e){let{country:l}=e;return l?(0,n.jsxs)(y,{label:"Country",className:"flex items-center",children:[(0,n.jsx)(o(),{src:"/images/flags/".concat(l.code.toLowerCase(),".svg"),alt:l.name,width:24,height:24,className:"mr-2 h-[18px] w-[18px] rounded-full sm:h-6 sm:w-6"}),(0,n.jsx)("div",{className:"font-semibold sm:text-lg",children:l.name})]}):null}function C(e){let{genres:l}=e;return(null==l?void 0:l.length)===0?null:(0,n.jsx)(y,{label:"Genres",className:"flex flex-col items-start",children:null==l?void 0:l.map(e=>(0,n.jsx)("div",{children:(0,b.Ls)(e.name)},e._id))})}},86830:function(e,l,t){t.d(l,{N:function(){return n}});let n=e=>new Intl.NumberFormat("en-US",{notation:"compact"}).format(e)}}]);