https://otowah.com/_next/static/chunks/pages/chart-84cd474526ea72cc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[657],{5064:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/chart",function(){return r(4537)}])},5236:function(e,t,r){"use strict";r.d(t,{Z:function(){return l}});var n=r(5893),a=r(7294);let s="otowah:inapp-banner-dismissed";function l(){let[e,t]=(0,a.useState)(!1),[r,l]=(0,a.useState)(!1);(0,a.useEffect)(()=>{try{if("1"===sessionStorage.getItem(s)||!function(){if("undefined"==typeof navigator||!navigator.userAgent)return!1;let e=navigator.userAgent;return["FBAN","FBAV","FB_IAB","FBIOS","Instagram","Twitter","LinkedInApp","Snapchat","Line","LINE","KAKAOTALK","Bluesky","bsky","Expo","ReactNative","atproto","bsky.app","WebView"," wv ","; wv)","CCT","SFSafari"].some(t=>RegExp(t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i").test(e))}())return;t(!0)}catch(e){t(!1)}},[]);let i=async()=>{let e=window.location.href;try{var t;(null===(t=navigator.clipboard)||void 0===t?void 0:t.writeText)?(await navigator.clipboard.writeText(e),l(!0),setTimeout(()=>l(!1),2e3)):window.prompt("Copy this link:",e)}catch(t){window.prompt("Copy this link:",e)}};if(!e)return null;let o="undefined"!=typeof navigator&&/iPhone|iPad|iPod/i.test(navigator.userAgent);return(0,n.jsxs)("div",{role:"banner",className:"border-b",style:{backgroundColor:"#0f0f0f",borderColor:"rgba(255,255,255,0.1)",color:"#e5e5e5"},children:[(0,n.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2 px-3 py-2.5 text-sm",children:[(0,n.jsx)("p",{className:"flex-1 min-w-0 font-medium",children:"Copy the link and open in your browser to save events."}),(0,n.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,n.jsx)("button",{type:"button",onClick:i,className:"px-3 py-1.5 rounded-lg font-medium border border-white/30 hover:bg-white/10",children:r?"Copied":"Copy link"}),(0,n.jsx)("button",{type:"button",onClick:()=>{try{sessionStorage.setItem(s,"1")}catch(e){}t(!1)},className:"p-1 rounded hover:bg-white/10 opacity-70","aria-label":"Dismiss",children:(0,n.jsx)("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"currentColor",children:(0,n.jsx)("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]})]}),o&&(0,n.jsx)("p",{className:"px-3 pb-2 text-xs",style:{color:"#aaa",marginTop:"-4px"},children:"Tap Share → Open in Browser."})]})}},4537:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return N},default:function(){return k}});var n=r(5893),a=r(7294),s=r(5152),l=r.n(s),i=r(9008),o=r.n(i),c=r(1664),d=r.n(c),m=r(5236),u=r(6232),h=r(5421),x=r(9564),p=r(5510),g=r(9522),f=r(1352);function b(e){let{artistId:t,name:r,profileUrl:a,thumbUrl:s}=e,l=(0,p.TL)(),i=String(null!=t?t:"").trim(),o=(0,p.CG)(e=>!!i&&(0,f.t2)(e,i));return i?(0,n.jsx)("button",{type:"button",className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-white/15 bg-black/35 transition-opacity hover:opacity-90",style:{color:o?"#ff3b94":"rgba(255,255,255,0.65)"},"aria-label":o?"Unlike artist":"Like artist","aria-pressed":o,onClick:e=>{e.preventDefault(),e.stopPropagation(),o||(0,g.C)({artistId:i}),l((0,p.a$)({id:i,name:r||void 0,profileUrl:a||void 0,thumbUrl:s||void 0}))},children:o?(0,n.jsx)("svg",{className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"})}):(0,n.jsx)("svg",{className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"})})}):null}function y(e){var t;let{rank:r,entry:s}=e,l=null!==(t=null==s?void 0:s.release)&&void 0!==t?t:null,i=(0,a.useMemo)(()=>{let e=(null==l?void 0:l.squareEmbedSrc)!=null&&String(l.squareEmbedSrc).trim()||(null==l?void 0:l.slimEmbedSrc)!=null&&String(l.slimEmbedSrc).trim()||"";return e?(0,x.ae)(e,"0687f5","ffffff"):""},[null==l?void 0:l.slimEmbedSrc,null==l?void 0:l.squareEmbedSrc]),o=!!i;return(0,n.jsxs)("article",{className:"relative min-w-0 overflow-hidden rounded-xl border px-3 py-3 sm:px-4",style:{backgroundColor:h.GV.cardBg,borderColor:h.GV.border},children:[(0,n.jsxs)("div",{className:"mb-2.5 flex min-w-0 items-center gap-2.5 pr-10",children:[(0,n.jsx)("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg text-xs font-bold tabular-nums",style:{backgroundColor:"rgba(0,0,0,0.35)",color:h.GV.textMuted}

1,"aria-hidden":!0,children:r}),s.href?(0,n.jsx)(d(),{href:s.href,className:"min-w-0 truncate text-sm font-semibold text-white hover:underline",children:s.name}):(0,n.jsx)("p",{className:"min-w-0 truncate text-sm font-semibold text-white",children:s.name})]}),(0,n.jsx)("div",{className:"absolute right-3 top-3 sm:right-4",children:(0,n.jsx)(b,{artistId:s.id,name:s.name,profileUrl:s.profileUrl,thumbUrl:s.imageUrl})}),(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-2.5 sm:gap-3",children:[s.href?(0,n.jsx)(d(),{href:s.href,className:"relative aspect-square min-w-0 overflow-hidden rounded-lg border border-white/10 bg-black/50 transition-opacity hover:opacity-90 sm:rounded-xl","aria-label":"View ".concat(s.name),children:s.imageUrl?(0,n.jsx)("img",{src:s.imageUrl,alt:"",className:"h-full w-full object-cover",decoding:"async"}):(0,n.jsx)("div",{className:"flex h-full w-full items-center justify-center text-2xl text-white/20",children:"♪"})}):(0,n.jsx)("div",{className:"relative aspect-square min-w-0 overflow-hidden rounded-lg border border-white/10 bg-black/50 sm:rounded-xl",children:s.imageUrl?(0,n.jsx)("img",{src:s.imageUrl,alt:"",className:"h-full w-full object-cover",decoding:"async"}):(0,n.jsx)("div",{className:"flex h-full w-full items-center justify-center text-2xl text-white/20",children:"♪"})}),(0,n.jsx)("div",{className:"min-w-0",children:o?(0,n.jsx)("div",{className:"overflow-hidden rounded-lg border border-white/10 sm:rounded-xl",children:(0,n.jsx)(u.Z,{variant:"square",embedSrc:i,title:(null==l?void 0:l.title)||s.name,pageUrl:null==l?void 0:l.pageUrl,coverUrl:null==l?void 0:l.coverUrl})}):(0,n.jsx)("div",{className:"flex aspect-square items-center justify-center rounded-lg border border-dashed border-white/15 px-2 text-center text-[11px] leading-snug sm:rounded-xl sm:text-xs",style:{color:h.GV.textMuted},children:"No Bandcamp release yet"})})]})]})}var w=r(337);let j=l()(()=>Promise.all([r.e(20),r.e(161)]).then(r.bind(r,2161)),{loadableGenerated:{webpack:()=>[2161]},ssr:!1}),v={background:"#000000",surface:"#141414",textMuted:"rgba(255,255,255,0.55)"};var N=!0;function k(e){let{initialRows:t,canonicalUrl:r,pageDescription:s,ogImageUrl:l}=e,i=(0,p.CG)(p.uo),[c,u]=(0,a.useState)(()=>Array.isArray(t)?t:[]),[h,x]=(0,a.useState)(Array.isArray(t)&&t.length>0?"ready":"loading");(0,a.useEffect)(()=>(0,w.GA)(e=>{u(Array.isArray(e)?e:[]),x(Array.isArray(e)&&e.length>0?"ready":"empty")},e=>{console.error("[ChartPage] chart subscription failed",e),x(e=>"ready"===e?e:"error")},w.kA),[]);let g=l||"";return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o(),{children:[(0,n.jsx)("title",{children:"THE CHART | Otowah"}),(0,n.jsx)("meta",{name:"description",content:s}),(0,n.jsx)("link",{rel:"canonical",href:r}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:locale",content:"en_AU"}),(0,n.jsx)("meta",{property:"og:site_name",content:"Otowah"}),(0,n.jsx)("meta",{property:"og:title",content:"THE CHART"}),(0,n.jsx)("meta",{property:"og:description",content:s}),(0,n.jsx)("meta",{property:"og:url",content:r}),g?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{property:"og:image",content:g}),(0,n.jsx)("meta",{property:"og:image:secure_url",content:g}),(0,n.jsx)("meta",{property:"og:image:type",content:"image/png"}),(0,n.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,n.jsx)("meta",{property:"og:image:height",content:"630"}),(0,n.jsx)("meta",{property:"og:image:alt",content:"THE CHART — top 3 artists on Otowah"})]}):null,(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:title",content:"THE CHART"}),(0,n.jsx)("meta",{name:"twitter:description",content:s}),g?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{name:"twitter:image",content:g}),(0,n.jsx)("meta",{name:"twitter:image:alt",content:"THE CHART — top 3 artists on Otowah"})]}):null]}),(0,n.jsxs)("div",{className:"min-h-[70vh] px-4 py-8",style:{backgroundColor:v.background},children:[(0,n.jsx)(m.Z,{}),(0,n.jsxs)("div",{className:"mx-auto max-w-4xl overflow-hidden rounded-3xl border border-white/10",style:{backgroundColor:v.surface},children:[(0,n.jsxs)("header",{className:"flex items-start justify-between gap-3 border-b border-white/10 px-5 py-5 sm:px-7 sm:py-6",children:[(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsx)("h1",{className:"text-2xl font-bold tracking-tight text-white sm:text-3xl",children:"THE CHART"}),(0,n.jsx)("p",{className:"mt-2 max-w-xl text-sm leading-relaxed",style:{color:v.textMuted},children:"unauthenticated"===i?(0,n.jsxs)(n.Fragment,{children:["Top ",w.kA," artists from community top picks."," ",(0,n.jsx)(d(),{href:"/account",className:"text-white/75 underline underline-offset-2 hover:text-white",children:"Log in"})," ","and vote to shape the ladder."]}):(0,n.jsxs)(n.Fragment,{children:["Top ",w.kA," artists from community top picks. Vote on your account to shape the ladder."]})})]}),(0,n.jsx)(j,{type:"chart",id:"global",title:"THE CHART",themeColor:"#EEEEEE",buttonClassName:"flex items-center justify-center rounded-xl h-12 w-12 flex-shrink-0 hover:opacity-90 transition-opacity",iconClassName:"w-5 h-5",buttonStyle:{backgroundColor:"#1a1a1a",border:"1px solid #444444"}})]}),(0,n.jsxs)("div",{className:"px-4 py-5 sm:px-6 sm:py-6",children:["loading"===h&&0===c.length?(0,n.jsx)("div",{className:"space-y-3","aria-busy":"true",children:[1,2,3].map(e=>(0,n.jsx)("div",{className:"h-44 animate-pulse rounded-xl border border-white/10 bg-white/5 sm:h-52"},"chart-skeleton-".concat(e)))}):null,"error"===h&&0===c.length?(0,n.jsx)("p",{className:"text-sm text-white/50",children:"Could not load THE CHART. Try again in a moment."}):null,"empty"===h||"ready"===h&&0===c.length?(0,n.jsxs)("p",{className:"text-sm text-white/50",children:["No ranked artists yet."," ",(0,n.jsx)(d(),{href:"/account",className:"underline underline-offset-2 hover:text-white/70",children:"Pick your top 3"})," ","to get the ladder started."]}):null,c.length>0?(0,n.jsxs)("div",{className:"space-y-8",children:[(0,n.jsx)("section",{"aria-label":"THE CHART ladder",children:(0,n.jsx)("ul",{className:"m-0 list-none space-y-3 p-0",children:c.map((e,t)=>{let{rank:r,entry:a}=e;return(0,n.jsx)("li",{children:(w.n$,(0,n.jsx)(y,{rank:r,entry:a}))},"chart-row-".concat(a.id,"-").concat(r))})})}),(0,n.jsxs)("p",{className:"text-center text-sm",style:{color:v.textMuted},children:[(0,n.jsx)(d(),{href:"/account",className:"underline underline-offset-2 hover:text-white/70",children:"Update your top 3"})," ","to vote on THE CHART."]})]}):null]})]})]})]})}}},function(e){e.O(0,[763,888,774,179],function(){return e(e.s=5064)}),_N_E=e.O()}]);