solorice/config/spicetify/Extracted/Themed/xpui/this-is-playlist-concerts-carousel.js
Kristofers Solo a42ded1119 Use dotter
2024-08-28 09:02:07 +03:00

2 lines
4.6 KiB
JavaScript
Executable File

"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[3632],{53287:(e,t,s)=>{s.d(t,{o:()=>o});var a=s(25639),n=s(40312),r=s(32045);const c=e=>{const[t,{username:s,concertUri:a}]=e.queryKey;return(async(e,t)=>{const s=await(0,r.aw)(n.n.getInstance(),e,t);return s.body?.found[0]})(s,a)},o=e=>{const t=["concertInCollection",e];return(0,a.I)({queryKey:t,queryFn:c,retry:!1,enabled:!!e.username})}},75679:(e,t,s)=>{s.r(t),s.d(t,{ConcertsCarousel:()=>k,default:()=>k});var a=s(30758),n=s(12783),r=s(89732),c=s(62473),o=s(11808),i=s(1527),l=s(49217),d=s(59996),u=s(79303),m=s(48905),v=s(37990),x=s(86070);const h=e=>{const{artistName:t,artistConcertsUri:s,position:a,spec:r}=e,c=(0,u.s)(),i=r.concertsCarouselFactory().allEventsCardFactory({position:a,uri:s}),h=(0,m.t)(i);return(0,x.jsx)("section",{ref:h,children:(0,x.jsx)("div",{className:v.A.cards,children:(0,x.jsx)("div",{className:v.A.allEventsCard,children:(0,x.jsxs)("div",{className:v.A.cardContent,children:[(0,x.jsx)(n.E,{as:"p",variant:"bodySmall",semanticColor:"textSubdued",className:v.A.subtitle,children:o.Ru.get("concerts_on_tour")}),(0,x.jsx)(n.E,{as:"h1",variant:"bodyMediumBold",className:v.A.title,semanticColor:"textBase",children:t}),(0,x.jsx)(d.N,{to:s,className:v.A.cardLink,onClick:()=>{const e=i.hitUiNavigate({destination:s});c.logInteraction(e)},children:(0,x.jsx)(l.n,{as:"span",size:"small",className:v.A.cardButton,children:o.Ru.get("concerts_see_all_events")})})]})})})})},C=e=>e.artistName&&e.artistConcertsUri?(0,x.jsx)(h,{...e}):null;var j=s(41978),N=s(75930),g=s(83547),y=s(53287),b=s(32912),A=s(73015),p=s(7939),f=s(40312),I=s(32045);const B=e=>{const{concertUri:t,concertTitle:s,venue:r,imageUrl:c,date:i,spec:l,position:h}=e,{enqueueSnackbar:C}=(0,A.d)(),B=(0,j.d4)(p.F6),U=(0,y.o)({username:B,concertUri:t}),k=U?.data||!1,[F,R]=(0,a.useState)(k),E=(0,b.l4)(i),_=t.split(":")[2],S=(0,u.s)(),w=l.concertsCarouselFactory().concertCardFactory({position:h,uri:t}),q=(0,m.t)(w),M=()=>{const e=w.interestedButtonFactory();F?((0,I.Jr)(f.n.getInstance(),_),C(o.Ru.get("concerts_removed-from-your-saved-events")),S.logInteraction(e.hitRemoveInterest())):((0,I.m9)(f.n.getInstance(),_),C(o.Ru.get("concerts_added-to-your-saved-events")),S.logInteraction(e.hitAddInterest())),R(!F)};return(0,x.jsx)("section",{ref:q,children:(0,x.jsx)("div",{className:v.A.cards,children:(0,x.jsxs)("div",{className:v.A.tourCard,"data-testid":"on-tour-card",children:[c&&(0,x.jsx)("img",{className:v.A.cardImage,src:c,alt:""}),(0,x.jsx)(d.N,{to:t,className:v.A.eventCard,onClick:()=>{const e=w.hitUiNavigate({destination:t});S.logInteraction(e)},children:(0,x.jsxs)("div",{className:v.A.cardContent,children:[(0,x.jsx)(n.E,{as:"p",variant:"bodySmall",semanticColor:"textSubdued",className:v.A.subtitle,children:[(0,b.Y)(E),(0,b.WB)(E)].join(" • ")}),(0,x.jsx)(n.E,{as:"h1",variant:"bodyMediumBold",className:v.A.title,semanticColor:"textBase",children:s}),(0,x.jsx)(n.E,{as:"h3",variant:"bodyMediumBold",semanticColor:"textSubdued",className:v.A.venue,children:r})]})}),(0,x.jsx)("div",{className:v.A.interestedIcon,onClick:M,onKeyPress:M,role:"button",tabIndex:0,children:F?(0,x.jsx)(N.k,{semanticColor:"textBrightAccent"}):(0,x.jsx)(g.P,{semanticColor:"textBase"})})]})})})},U=e=>e.concertTitle&&e.concertUri?(0,x.jsx)(B,{...e}):null,k=e=>{const{liveEvents:t,artistConcertsUri:s,artistName:l,spec:d}=e,m=(0,a.useRef)(null),h=(0,u.s)();return(0,x.jsxs)("div",{className:v.A.concertsCarousel,children:[(0,x.jsx)(n.E,{as:"h1",variant:"bodyMediumBold",semanticColor:"textBase",children:o.Ru.get("concerts")}),(0,x.jsxs)("div",{className:v.A.carouselContent,ref:m,children:[t.map(((e,t)=>(0,x.jsx)("div",{className:v.A.eventCard,children:(0,x.jsx)(U,{concertUri:e.uri,concertTitle:e.title,venue:e.venue,imageUrl:e.imageUrl,date:e.startDate,position:t+1,spec:d})},t))),(0,x.jsx)("div",{className:v.A.eventCard,children:(0,x.jsx)(C,{artistConcertsUri:s,artistName:l,spec:d,position:t.length+1})})]}),t.length>0&&(0,x.jsxs)("div",{className:v.A.concertsCarouselControls,children:[(0,x.jsx)(i.a,{size:"sm",onClick:()=>{m.current?.scrollBy({left:-420,behavior:"smooth"});const e=d.concertsCarouselFactory().previousButtonFactory().hitUiReveal();h.logInteraction(e)},icon:r.g,ariaLabel:o.Ru.get("carousel.left"),tabIndex:-1,className:v.A.carouselControlPrev}),(0,x.jsx)(i.a,{size:"sm",onClick:()=>{m.current?.scrollBy({left:420,behavior:"smooth"});const e=d.concertsCarouselFactory().nextButtonFactory().hitUiReveal();h.logInteraction(e)},icon:c.V,ariaLabel:o.Ru.get("carousel.right"),tabIndex:-1,className:v.A.carouselControlNext})]})]})}}}]);
//# sourceMappingURL=this-is-playlist-concerts-carousel.js.map