https://musicat.fm/static/js/603.1c3f8783.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[603],{20615:(e,t,n)=>{n.d(t,{A:()=>h});var a=n(89379),s=n(9950),l=n.t(s,2),c=n(12840),i=n(90647),r=n(59068);function o(e,t,n,a,l){const[i,r]=s.useState(()=>l&&n?n(e).matches:a?a(e).matches:t);return(0,c.A)(()=>{if(!n)return;const t=n(e),a=()=>{r(t.matches)};return a(),t.addEventListener("change",a),()=>{t.removeEventListener("change",a)}},[e,n]),i}const d=(0,a.A)({},l).useSyncExternalStore;function u(e,t,n,a,l){const c=s.useCallback(()=>t,[t]),i=s.useMemo(()=>{if(l&&n)return()=>n(e).matches;if(null!==a){const{matches:t}=a(e);return()=>t}return c},[c,e,a,l,n]),[r,o]=s.useMemo(()=>{if(null===n)return[c,()=>()=>{}];const t=n(e);return[()=>t.matches,e=>(t.addEventListener("change",e),()=>{t.removeEventListener("change",e)})]},[c,n,e]);return d(o,r,i)}function m(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{themeId:t}=e;return function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=(0,r.A)();a&&t&&(a=a[t]||a);const s="undefined"!==typeof window&&"undefined"!==typeof window.matchMedia,{defaultMatches:l=!1,matchMedia:c=(s?window.matchMedia:null),ssrMatchMedia:m=null,noSsr:h=!1}=(0,i.A)({name:"MuiUseMediaQuery",props:n,theme:a});let v="function"===typeof e?e(a):e;v=v.replace(/^@media( ?)/m,""),v.includes("print")&&console.warn(["MUI: You have provided a `print` query to the `useMediaQuery` hook.","Using the print media query to modify print styles can lead to unexpected results.","Consider using the `displayPrint` field in the `sx` prop instead.","More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print."].join("\n"));return(void 0!==d?u:o)(v,l,c,m,h)}}m();const h=m({themeId:n(43435).A})},22235:(e,t,n)=>{n.d(t,{$T:()=>v,AT:()=>l,BD:()=>S,Er:()=>h,FE:()=>m,G6:()=>x,IY:()=>f,Mo:()=>o,N2:()=>A,OS:()=>g,Sr:()=>u,Zy:()=>r,dD:()=>j,fF:()=>d,mi:()=>b,t6:()=>c,vB:()=>E,vC:()=>_});var a=n(59051),s=n.n(a);n(90799);const l=e=>{const t="".concat(e,"Z");return new Date(t)},c=e=>{const t=new Date;t.setDate(t.getDate()-e);const n=t.getFullYear(),a=String(t.getMonth()+1).padStart(2,"0"),s=String(t.getDate()).padStart(2,"0");return"".concat(n,"-").concat(a,"-").concat(s)},i=e=>"string"===typeof e&&/^\d{4}-\d{2}-\d{2}$/.test(e),r=e=>{const t=s().localeData().longDateFormat("L").replace(/YYYY/g,"YY").replace(/\//g,".").replace(/-/g,".");return i(e)?s()(e).format(t):s().utc(e).local().format(t)},o=e=>s().utc(e).local().format("LT"),d=e=>s().utc(e).local().startOf("seconds").fromNow(),u=(e,t)=>{const n=new Date(e).getTime(),a=new Date(t).getTime();if(isNaN(n)||isNaN(a))throw new Error("Invalid date format");return Math.abs(a-n)/1e3},m=e=>s().utc(e).local().format("dddd"),h=e=>{const t=e.getHours().toString().padStart(2,"0"),n=e.getMinutes().toString().padStart(2,"0");return"".concat(t,":").concat(n)},v=e=>{const t=e.getFullYear(),n=(e.getMonth()+1).toString().padStart(2,"0"),a=e.getDate().toString().padStart(2,"0");return"".concat(t,".").concat(n,".").concat(a)},g=e=>{if(isNaN(e))return"00:00";const t=Math.floor(e/60),n=Math.floor(e%60);return"".concat(t,":").concat(n.toString().padStart(2,"0"))},p=60,x=()=>s().localeData().longDateFormat("LT").toLowerCase().includes("a"),_=e=>{const t=Math.floor(e/p),n=x()?t%12||12:t;return String(n).padStart(2,"0")},A=e=>String(e%p).padStart(2,"0"),j=e=>(e=>s().utc().startOf("day").add(e,"minutes"))(e).format("A"),f=(e,t)=>(Math.floor(e/p)+t+24)%24*p+e%p,b=(e,t)=>{const n=(Math.round(e%p/5)%12+t+12)%12;return Math.floor(e/p)*p+5*n},E=e=>(e+720)%1440,S=e=>s().weekdaysMin()[(e+1)%7]},26009:(e,t,n)=>{n.d(t,{P:()=>d});n(9950);var a=n(7356),s=n(20615),l=n(50882),c=n(68637),i=n(36883),r=n(56077),o=n(44414);const d=e=>{let{selected:t,children:n}=e;const d=(!(0,s.A)((0,a.A)().breakpoints.up("md"))||"challenges"===t)&&(0,o.jsxs)(c.Y,{label:(0,r.vE)("navigation.pageSections"),children:[(0,o.jsx)(c.F,{text:(0,r.vE)("navigation.tabs.achievements"),link:"/achievements",selected:"achievements"===t}),(0,o.jsx)(c.F,{text:(0,r.vE)("navigation.tabs.challenges"),link:"/challenges",selected:"challenges"===t})]});return(0,o.jsx)(l.C,{title:(0,r.vE)("navigation.tabs.achievements"),loggedOnly:!0,actions:(0,o.jsx)(i.C,{}),tabs:d||void 0,children:n})}},35850:(e,t,n)=>{n.d(t,{o:()=>A,G:()=>_});var a=n(9950),s=n(56077),l=n(39569),c=n(49972);const i="HorizontalScroll_edges__IzTmo",r="HorizontalScroll_row__muC0o",o="HorizontalScroll_items__NpUTy",d="HorizontalScroll_masked__k2AWk",u="HorizontalScroll_fadesLeft__QDKji",m="HorizontalScroll_fadesRight__VnnDa",h="HorizontalScroll_fade__GqXl2",v="HorizontalScroll_left__pfJBo",g="HorizontalScroll_right__u8YGS",p="HorizontalScroll_arrow__xpVNI";var x=n(44414);const _=e=>{let{target:t,children:n}=e;const[r,o]=(0,a.useState)(!1),[_,A]=(0,a.useState)(!1),[j,f]=(0,a.useState)(!1),b=(0,a.useCallback)(()=>{t&&(A(t.scrollLeft>0),f(t.scrollLeft+t.clientWidth<t.scrollWidth-1))},[t]);(0,a.useEffect)(()=>

1{if(!t)return;b(),t.addEventListener("scroll",b);const e=new ResizeObserver(b);e.observe(t);const n=new MutationObserver(b);return n.observe(t,{childList:!0,subtree:!0}),()=>{t.removeEventListener("scroll",b),e.disconnect(),n.disconnect()}},[t,b]);const E=e=>n=>{null===t||void 0===t||t.scrollBy({left:e,behavior:"smooth"}),n.stopPropagation(),n.preventDefault()};return(0,x.jsxs)("div",{className:i,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:[_&&(0,x.jsx)("div",{className:"".concat(h," ").concat(v),children:r&&(0,x.jsx)("button",{type:"button",tabIndex:-1,className:"".concat(c.A.button," ").concat(c.A.small," ").concat(p),onClick:E(-300),"aria-label":(0,s.vE)("actions.goBack"),children:(0,x.jsx)(l.Q,{name:"chevron-back",color:"currentColor",size:18})})}),j&&(0,x.jsx)("div",{className:"".concat(h," ").concat(g),children:r&&(0,x.jsx)("button",{type:"button",tabIndex:-1,className:"".concat(c.A.button," ").concat(c.A.small," ").concat(p),onClick:E(300),"aria-label":(0,s.vE)("actions.next"),children:(0,x.jsx)(l.Q,{name:"chevron-forward",color:"currentColor",size:18})})}),(0,x.jsx)("div",{className:[_||j?d:"",_?u:"",j?m:""].join(" "),children:n})]})},A=e=>{let{children:t,centered:n=!1}=e;const[s,l]=(0,a.useState)(null);return(0,x.jsx)(_,{target:s,children:(0,x.jsx)("div",{ref:l,className:r,style:n?{justifyContent:"center"}:void 0,children:(0,x.jsx)("div",{className:o,children:t})})})}},36883:(e,t,n)=>{n.d(t,{C:()=>o});var a=n(23210),s=n(39569),l=n(10827),c=n(56077),i=n(49972),r=n(44414);const o=()=>(0,r.jsx)(l.N_,{className:i.A.button,to:"/settings","aria-label":(0,c.vE)("actions.openSettings"),children:(0,r.jsx)(s.Q,{name:"cog",color:a.lm.DEFAULT.WHITE,size:20})})},37616:(e,t,n)=>{n.d(t,{A:()=>a});const a={aside:"AchievementsPage_aside__sqmyR",unclaimed:"AchievementsPage_unclaimed__b2Zjw",note:"AchievementsPage_note__R5g7A"}},47203:(e,t,n)=>{n.r(t),n.d(t,{AchievementsPage:()=>G,default:()=>Y});var a=n(9950),s=n(70155),l=n(20615),c=n(7356),i=n(54545),r=n(81605),o=n(75470),d=n(61630),u=n(63101),m=n(67913),h=n(35850),v=n(76704),g=n(51761),p=n(23210),x=n(22235),_=n(56077),A=n(53213);const j="UnclaimedAchievement_tile__8Lz5F",f="UnclaimedAchievement_thumb__8ESgM",b="UnclaimedAchievement_new__5jgFK",E="UnclaimedAchievement_claim__LGyCR",S="UnclaimedAchievement_claimImage__fD+Av",N="UnclaimedAchievement_congratulations__o-xJn",y="UnclaimedAchievement_details__8rOYa",k="UnclaimedAchievement_claimButton__2Ej4l",M="UnclaimedAchievement_claimAll__+dt4h",w="UnclaimedAchievement_claimAllButton__9s8nu";var T=n(44414);const C=e=>{switch(e.kind){case v._.ARTIST_TOP_LISTENERS:return(0,_.vE)("challenges.topListener.winner",{place:e.place,name:e.name});case v._.TOTAL_NUMBER_OF_STREAMS:return(0,_.vE)("challenges.streams.winner",{value:(0,o.NG)(Number(e.name))});case v._.REFERRALS_BASIC:return(0,_.vE)("challenges.referrals.winner");case v._.REFERRALS_EXTENDED:return(0,_.vE)("challenges.extraReferrals.winner");default:return(0,_.vE)("challenges.default.winner")}},L=e=>{let{achievement:t}=e;const[n,s]=(0,a.useState)(!1),l=(e=>{var t;return null!==(t={1:p.lm.DEFAULT.GOLD,2:p.lm.DEFAULT.SILVER,3:p.lm.DEFAULT.BROWN}[e])&&void 0!==t?t:p.lm.DEFAULT.PURPLE_200})(t.place),c=(0,x.Sr)(t.createdAt,(new Date).toISOString())<432e3;return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)("button",{type:"button",className:j,onClick:()=>s(!0),children:[(0,T.jsx)("img",{className:f,style:{borderColor:l},src:t.imageUrl||"/images/placeholder.png",alt:"Cover"}),c&&(0,T.jsx)("span",{className:b,children:(0,_.vE)("tags.new")})]}),(0,T.jsx)(g.E,{open:n,onClose:()=>s(!1),maxWidth:400,children:(0,T.jsxs)("div",{className:E,children:[(0,T.jsx)("img",{className:S,style:{borderColor:l},src:t.imageUrl||"/images/placeholder.png",alt:"Cover"}),(0,T.jsx)("div",{className:N,children:(0,_.vE)("info.congratulations")}),(0,T.jsx)("p",{className:y,children:C(t)}),(0,T.jsx)("button",{type:"button",className:"".concat(A.A.primary," ").concat(k),onClick:()=>{(0,u.af)(t.publicId).then(()=>window.location.reload()).catch(d.Q9)},children:(0,_.vE)("actions.claimAchievement")})]})})]})},U=()=>(0,T.jsxs)("p",{className:M,children:[(0,_.vE)("info.tooManyAchievements")," ",(0,T.jsx)("button",{type:"button",className:w,onClick:()=>{(0,u.UM)().then(()=>window.location.reload()).catch(d.Q9)},children:(0,_.vE)("actions.claimAllAchievements")})]});var D=n(65313),R=n(83708),I=n(35588),F=n(37380),B=n(28490),O=n(67083),P=n(26009),z=n(37616);const G=()=>{const e=!(0,l.A)((0,c.A)().breakpoints.up("md")),[t,n]=(0,s.fp)(i.Ec),[v,g]=(0,a.useState)(void 0),[p,x]=(0,a.useState)(void 0),[A,j]=(0,a.useState)(r.M),[f,b]=(0,a.useState)(void 0),[E,S]=(0,a.useState)(null),N=A.length>0&&void 0===A[0],y=(0,O.Vh)(A),k=y.kinds.some(e=>e.kind===E)?E:null,M=k?y.others.filter(e=>e.kind===k):y.others,w=!N&&0===y.total&&p&&0===p.length,C=p&&p.length>0;(0,a.useEffect)(()=>{var e;t.settings&&Promise.all([(0,m.GT)({publicUserId:t.settings.publicId,metrics:["streak","current_streak"]}).then(e=>{let{data:t}=e;return g(t)}).catch(e=>(0,d.Q9)(e,n)),(0,u.rU)().then(e=>{let{data:t}=e;return x(t)}).catch(d.Q9),(null===(e=t.settings)||void 0===e?void 0:e.publicId)&&(0,u.it)(t.settings.publicId).then(e=>{let{data:t}=e;return j(t)}

1).catch(d.Q9)])},[t.settings]),(0,a.useEffect)(()=>{(0,u.fv)().then(e=>{let{data:t}=e;return b(t)}).catch(d.Q9)},[]);const G=[{label:(0,_.vE)("metrics.yourLongestStreak"),value:v&&(0,o.qy)(v.streak||0)},{label:(0,_.vE)("metrics.yourCurrentStreak"),value:v&&(0,o.qy)(v.currentStreak||0)},...N||y.total>0?(0,O.GP)(y,N):[]],Y=(C||!e)&&(0,T.jsxs)("div",{className:z.A.aside,children:[C&&(0,T.jsxs)("section",{className:z.A.unclaimed,children:[(0,T.jsx)(I._,{text:(0,_.vE)("info.newAchievementsAvailable.title")}),(0,T.jsx)("p",{className:z.A.note,children:(0,_.vE)("info.newAchievementsAvailable.body",{value:(0,o.NG)(p.length),count:p.length})}),(0,T.jsx)(h.o,{children:null===p||void 0===p?void 0:p.map((e,t)=>(0,T.jsx)(L,{achievement:e},"unclaimed-".concat(t)))}),(null===p||void 0===p?void 0:p.length)>3&&(0,T.jsx)(U,{})]}),!e&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F.lV,{challenges:f}),(0,T.jsx)(B.kZ,{icon:"star-outline",title:(0,_.vE)("info.discoverMore.title"),details:(0,_.vE)("info.discoverMore.body")})]})]});return(0,T.jsxs)(P.P,{selected:"achievements",children:[(0,T.jsx)(D.l1,{title:(0,_.vE)("navigation.tabs.achievements"),description:"Your achievements"}),(0,T.jsx)(R.XR,{asideFirst:!0,main:(0,T.jsxs)(O.am,{children:[(0,T.jsx)(O.iB,{figures:G}),w&&(0,T.jsx)(B._D,{}),(0,T.jsx)(O.Bj,{milestones:y.milestones,user:t.profile,loading:N}),(0,O.cb)(y)&&(0,T.jsx)(O.J2,{kinds:y.kinds,total:y.kinds.reduce((e,t)=>e+t.count,0),activeKind:k,onKindChange:S}),(0,T.jsx)(O.Bn,{tiles:N?r.M:M,user:t.profile})]}),aside:Y||void 0})]})},Y=G}

1,67083:(e,t,n)=>{n.d(t,{iB:()=>y,J2:()=>M,Bj:()=>E,am:()=>j,MW:()=>b,Bn:()=>S,GP:()=>N,Vh:()=>A,cb:()=>f});n(9950);var a=n(76704),s=n(31937),l=n(10827),c=n(86367),i=n(99339),r=n(23597),o=n(44414);const d=e=>{let{achievement:t,user:n}=e;if(!t)return(0,o.jsx)(u,{round:!0});const s=t.kind===a._.ARTIST_TOP_LISTENERS;return(0,o.jsxs)(l.N_,{className:r.A.tile,to:"/achievements/".concat(t.publicId,"?user=").concat(null===n||void 0===n?void 0:n.publicId),children:[(0,o.jsx)("span",{className:"".concat(r.A.art," ").concat(s?r.A.round:""),children:(0,o.jsx)("img",{src:t.imageUrl||"/images/placeholder.png",alt:"",loading:"lazy"})}),(0,o.jsxs)("span",{className:r.A.caption,children:[(0,o.jsx)("span",{className:r.A.name,children:(0,i.mG)(t)}),(0,o.jsxs)("span",{className:r.A.tag,children:[(0,o.jsx)("span",{className:r.A.tagText,children:(0,i.bH)(t)}),t.count>1&&(0,o.jsxs)("span",{className:r.A.count,children:["\xd7",t.count]})]})]})]})},u=e=>{let{index:t=0,round:n=!1,onShelf:a=!1}=e;return(0,o.jsxs)("div",{className:"".concat(r.A.tile," ").concat(a?r.A.onShelf:""),"aria-hidden":!0,children:[(0,o.jsx)(c.$K,{className:"".concat(r.A.art," ").concat(n?r.A.round:"")}),(0,o.jsxs)("span",{className:r.A.caption,children:[(0,o.jsx)(c.wB,{className:r.A.name,width:(0,c.B8)(t)}),!a&&(0,o.jsx)("span",{className:r.A.tag,children:(0,o.jsx)(c.wB,{className:r.A.tagText,width:"7em"})})]})]})};var m=n(35850),h=n(14785),v=n(35588),g=n(56077);const p=e=>{var t;return Math.max(1,null!==(t=e.count)&&void 0!==t?t:1)},x=e=>e.kind===a._.TOTAL_NUMBER_OF_STREAMS,_=e=>e===a._.TOTAL_NUMBER_OF_STREAMS?(0,g.vE)("sections.milestones"):(0,i.bH)({kind:e}),A=e=>{const t=e.filter(Boolean),n=t.filter(x).slice().sort((e,t)=>Number(t.name)-Number(e.name)),a=t.filter(e=>!x(e)),s=new Map;a.forEach(e=>{var t;return s.set(e.kind,(null!==(t=s.get(e.kind))&&void 0!==t?t:0)+p(e))});return{claimed:t,milestones:n,others:a,kinds:Array.from(s,e=>{let[t,n]=e;return{kind:t,count:n}}).sort((e,t)=>t.count-e.count),total:t.reduce((e,t)=>e+p(t),0)}},j=e=>{let{children:t}=e;return(0,o.jsx)("div",{className:r.A.case,children:t})},f=e=>e.kinds.length>1&&e.others.length>=6,b=e=>{let{user:t,trophyCase:n,loading:a,activeKind:s,onKindChange:l}=e;return a||0!==n.total?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(k,{trophyCase:n,loading:a}),(0,o.jsx)(E,{milestones:n.milestones,user:t}),f(n)&&(0,o.jsx)(M,{kinds:n.kinds,total:n.kinds.reduce((e,t)=>e+t.count,0),activeKind:s,onKindChange:l})]}):null},E=e=>{let{milestones:t,user:n,loading:a=!1}=e;return a?(0,o.jsxs)("div",{className:r.A.shelf,children:[(0,o.jsx)(v._,{text:(0,g.vE)("sections.milestones")}),(0,o.jsx)(m.o,{children:[0,1,2,3].map(e=>(0,o.jsx)(u,{index:e,onShelf:!0},e))})]}):0===t.length?null:(0,o.jsxs)("div",{className:r.A.shelf,children:[(0,o.jsx)(v._,{text:(0,g.vE)("sections.milestones")}),(0,o.jsx)(m.o,{children:t.map((e,t)=>(0,o.jsx)(s.zR,{achievement:e,user:n},"milestone-".concat(t,"-").concat(e.publicId)))})]})},S=e=>{let{tiles:t,user:n}=e;return(0,o.jsx)("div",{className:r.A.grid,children:t.map((e,t)=>{var a;return(0,o.jsx)(d,{achievement:e,user:n},"trophy-".concat(t,"-").concat(null!==(a=null===e||void 0===e?void 0:e.publicId)&&void 0!==a?a:""))})})},N=(e,t)=>t?[{label:(0,g.vE)("sections.achievements")}]:[{label:(0,g.vE)("sections.achievements"),value:e.total},...e.milestones.length>0?[{label:_(a._.TOTAL_NUMBER_OF_STREAMS),value:e.milestones.length}]:[],...e.kinds.map(e=>{let{kind:t,count:n}=e;return{label:_(t),value:n}})],y=e=>{let{figures:t}=e;return(0,o.jsx)("dl",{className:r.A.summary,children:t.map(e=>{var t;return(0,o.jsxs)("div",{className:r.A.fact,children:[(0,o.jsx)("dt",{children:e.label}),(0,o.jsx)("dd",{children:null!==(t=e.value)&&void 0!==t?t:(0,o.jsx)("span",{className:r.A.pending})})]},e.label)})})},k=e=>{let{trophyCase:t,loading:n}=e;return(0,o.jsx)(y,{figures:N(t,n)})},M=e=>{let{kinds:t,total:n,activeKind:a,onKindChange:s}=e;return(0,o.jsxs)(h.r,{label:(0,g.vE)("sections.achievements"),children:[(0,o.jsx)(h.G,{text:"".concat((0,g.vE)("stats.filters.all")," ").concat(n),selected:null==a,onClick:()=>s(null)}),t.map(e=>{let{kind:t,count:n}=e;return(0,o.jsx)(h.G,{text:"".concat(_(t)," ").concat(n),selected:a===t,onClick:()=>s(t)},"trophy-chip-".concat(t))})]})}},67913:(e,t,n)=>{n.d(t,{Ap:()=>r,GT:()=>c,MC:()=>l,Sv:()=>u,dD:()=>i,eE:()=>s,k0:()=>d,nL:()=>o});var a=n(61630);const s=e=>(0,a.nA)().post("/v2/history/graph/cumulative",e),l=e=>(0,a.nA)().post("/v1/history/dow-graph",e),c=e=>(0,a.nA)().post("/v1/history/stats",e),i=e=>(0,a.nA)().post("/v1/history/graph/heatmap",e),r=()=>(0,a.nA)().get("/v1/history/import/count"),o=e=>(0,a.nA)().post("/v2/history/import-spotify",e),d=e=>(0,a.nA)().post("/v2/history/import-apple-music",e),u=e=>(0,a.nA)().get("/v1/history/imported-files",{params:{source:e}})},68637:(e,t,n)=>{n.d(t,{F:()=>o,Y:()=>r});n(9950);var a=n(10827);const s="PageTabs_tabs__qv3iK",l="PageTabs_tab__ICTX2",c="PageTabs_mobileOnly__sfjax";var i=n(44414);const r=e=>{let{label:t,children:n}=e;return(0,i.jsx)("nav",{className:s,"aria-label":t,children:n})},o=e=>{let{text:t,link:n,selected:s=!1,mobileOnly:r=!1}=e;return(0,i.jsx)(a.N_,{className:"".concat(l," ").concat(r?c:""),to:n,"aria-current":s?"page":void 0,children:t})}},81605:(e,t,n)=>{n.d(t,{M:()=>a});const a=[void 0,void 0,void 0,void 0,void 0,void 0,void 0,void 0,void 0]}}]);