https://agora.gentlemenoftheroad.com/_next/static/chunks/pages/promote/choose-artist-857307c49c68d514.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1884],{3876:(e,n,t)=>{"use strict";t.d(n,{h:()=>o});var i=t(26514),a=t(47977),r=t.n(a);t(75834);let o=e=>{let{artistImage:n,children:t,isIncentivesBanner:a}=e,o=null!=n?n:"";return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:r().dynamic([["7e90d236c496c9fc",[o,a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":"",a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":""]]])+" bg-image",children:(0,i.jsx)("div",{className:r().dynamic([["7e90d236c496c9fc",[o,a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":"",a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":""]]])+" blurred-overlay",children:t})}),(0,i.jsx)(r(),{id:"7e90d236c496c9fc",dynamic:[o,a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":"",a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":""],children:'.bg-image.__jsx-style-dynamic-selector{background-image:url("'.concat(o,'");background-size:cover;background-position:center;flex:1;display:flex;overflow:hidden;').concat(a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":"","}.blurred-overlay.__jsx-style-dynamic-selector{position:relative;flex:1;display:flex;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:rgba(0,0,0,.6);align-items:center;").concat(a?"\n          border-radius: 5px;\n          overflow: hidden;\n          ":"","}")})]})}},49978:(e,n,t)=>{"use strict";t.d(n,{n:()=>a});var i=t(75834);let a=()=>{let[e,n]=(0,i.useState)("undefined"==typeof navigator||"boolean"!=typeof navigator.onLine||navigator.onLine),t=()=>n(!0),a=()=>n(!1);return(0,i.useEffect)(()=>(window.addEventListener("online",t),window.addEventListener("offline",a),()=>{window.removeEventListener("online",t),window.removeEventListener("offline",a)}),[]),e}},66998:(e,n,t)=>{"use strict";t.d(n,{l:()=>g});var i=t(26514),a=t(47977),r=t.n(a);t(75834);var o=t(68075),s=t(86688),l=t(57355),d=t(3876),c=t(58245),m=t.n(c);let g=e=>{let{children:n,isFinalScreen:t=!1,showSpotifyLogo:a=!1,backgroundColor:c=l.Jy.black,loading:g,loadingText:h="Loading...",backgroundImage:p}=e,u=(0,o.xc)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.h,{artistImage:p||"/promote-bg.jpg",children:(0,i.jsx)("div",{className:r().dynamic([["27bc7806a14c6476",[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u]]])+" drop-screen-container",children:g?(0,i.jsx)("div",{className:r().dynamic([["27bc7806a14c6476",[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u]]])+" loader",children:(0,i.jsx)(s.a,{loadingText:h,artistColor:l.Jy.turquoise})}):(0,i.jsxs)("div",{className:r().dynamic([["27bc7806a14c6476",[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u]]])+" drop-page",children:[(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:r().dynamic([["27bc7806a14c6476",[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u]]])+" image-container",children:[(0,i.jsx)(m(),{src:"/images/icons/planet-only-logo.png",height:33,width:90,className:"artist-logo",alt:"planet.fans"}),a&&(0,i.jsx)(m(),{src:"/images/spotify-logo-white.png",height:21,width:70,alt:"Powered by Spotify",style:{borderRadius:6}})]}),(0,i.jsx)("hr",{className:r().dynamic([["27bc7806a14c6476",[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u]]])+" hairline"})]}),n]})})}),(0,i.jsx)(r(),{id:"27bc7806a14c6476",dynamic:[c,t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",l.Jy.white,l.Jy.white,l.Rp.mobileMaxWidth,u],children:".loader.__jsx-style-dynamic-selector{display:flex;flex:1;flex-direction:row;justify-content:center}.drop-screen-container.__jsx-style-dynamic-selector{background-color:".concat(c,";background-image:").concat(t&&"linear-gradient(180deg, rgba(37, 37, 37, 0.75) 0%, rgba(37, 37, 37, 0.5) 100%)",";display:flex;flex:1;max-height:700px;max-width:400px;margin:0 auto;overflow:auto;min-height:600px}.drop-page.__jsx-style-dynamic-selector{flex-direction:column;display:flex;padding:20px;width:100%;color:").concat(l.Jy.white,"}.image-container.__jsx-style-dynamic-selector{display:flex;justify-content:space-between;align-content:center;align-items:center}.artist-logo.__jsx-style-dynamic-selector{height:33px;margin-top:4px;width:100%;max-width:110px}.hairline.__jsx-style-dynamic-selector{color:").concat(l.Jy.white,";height:1px;width:100%;margin:20px 0px}@media(max-width:").concat(l.Rp.mobileMaxWidth,"px){.drop-screen-container.__jsx-style-dynamic-selector{height:-webkit-fill-available;max-height:").concat(u,"px;max-width:-webkit-fill-available}}")})]})}},80829:(e,n,t)=>{"use strict";t.r(n),t.d(n,{__N_SSG:()=>v,default:()=>_});var i=t(26514),a=t(47977),r=t.n(a),o=t(61471),s=t(75834),l=t(50812),d=t(66998),c=t(99518),m=t(57355),g=t(88048),h=t(93260),p=t(46225),u=t(49839);t(53502),t(12541).hp;let y=async e=>{var n;let{accessToken:t,limit:i=10,timeRange:a="long_term"}=e,r="https://api.spotify.com/v1/me/top/artists?limit=".concat(i,"&time_range=").concat(a),o=await fetch(r,{headers:{Authorization:"Bearer ".concat(t),"Content-Type":"application/json"}});if(!o.ok)throw Error("Failed to fetch top artists");let s=await o.json();return s.items&&(null==(n=s.items)?void 0:n.length)!==0?s.items:[]};var x=t(63700),b=t(2781),f=t(86780),w=t(4580),v=!0;let _=()=>{var e;let{addMessage:n}

1=(0,u.u)(),t=(0,p.useRouter)(),[a,v]=(0,s.useState)(null),[_,j]=(0,s.useState)([]),[k,J]=(0,s.useState)(!1),[N,E]=(0,s.useState)(null),[C]=(0,x.R)("artistPromoteData");(0,s.useEffect)(()=>{let e=(null==C?void 0:C.accessToken)||null;if(null===e&&(n({title:"Token has expired, please click to reauthorise with your Spotify account",timeout:8e3,emoji:"⚠️",backgroundColor:m.Jy.turquoise}),t.push("/promote")),!k&&e){if(!e)return void v("Cannot retrieve spotify access token");(async()=>{try{J(!0);let n=await y({accessToken:e});j(n),J(!1)}catch(e){J(!1),v("Failed to fetch top artists")}})()}},[C]);let[S,{loading:P,data:M,error:$}]=(0,l.n_)(g.d,{onError:e=>o.Ay.error("artist_promotion.create_failed",{...(0,o.eM)(e)})}),A=null==M||null==(e=M.createArtistPromotion)?void 0:e.artistPromotion.id;(0,s.useEffect)(()=>{var e;(null==M||null==(e=M.createArtistPromotion)?void 0:e.artistPromotion.id)&&t.push("/promote/design-pass?promoId=".concat(A))},[M]),(0,s.useEffect)(()=>{(a||$)&&n({title:a||(null==$?void 0:$.message)||"Something went wrong",timeout:8e3,emoji:"⚠️",backgroundColor:m.Jy.turquoise})},[a,$]);let R=async()=>{N&&await S({variables:N})};return(0,i.jsxs)(d.l,{loading:k,showSpotifyLogo:!0,children:[(0,i.jsx)(c.E,{color:m.Jy.white,size:m.s.M,bold:!0,children:"These are your top 10 artists. Choose one and design a pass for them!"}),(0,i.jsx)(w.X,{size:"M"}),0==_.length&&(0,i.jsx)("div",{className:r().dynamic([["d6e6d06977616bcd",[m.Jy.black]]])+" only-child-grid-item",children:(0,i.jsx)("p",{className:r().dynamic([["d6e6d06977616bcd",[m.Jy.black]]]),children:"⚠️ Sorry we could not find any top artist data for your Spotify account."})}),_.map(e=>(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:r().dynamic([["d6e6d06977616bcd",[m.Jy.black]]])+" artist-name-card",children:(0,i.jsx)(b.a,{checked:(null==N?void 0:N.artistName)===e.name,onChecked:n=>{if(n){var t,i;E({artistName:e.name,imageUrl:null==(i=e.images)||null==(t=i[0])?void 0:t.url})}else E(null)},value:e.name,accessibilityLabel:e.name,iconPosition:"right-center",checkedIconColor:m.Jy.white,checkedBorderColor:m.Jy.white,defaultBorderColor:m.Jy.midGrey,children:(0,i.jsx)(f.A,{children:(0,i.jsx)(c.E,{size:m.s.XS,bold:!0,color:(null==N?void 0:N.artistName)===e.name?m.Jy.white:m.Jy.midGrey,children:null==e?void 0:e.name})})})},e.id)})),(0,i.jsx)("div",{className:r().dynamic([["d6e6d06977616bcd",[m.Jy.black]]])+" btn-container",children:(0,i.jsx)(h.b,{onPress:R,loading:P,disabled:!N,themeColor:m.Jy.turquoise,children:"Next"})}),(0,i.jsx)(r(),{id:"d6e6d06977616bcd",dynamic:[m.Jy.black],children:".grid.__jsx-style-dynamic-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;margin-top:1.3rem;margin-bottom:1rem}.only-child-grid-item.__jsx-style-dynamic-selector{grid-column:1/-1}.artist-name-card.__jsx-style-dynamic-selector{margin-top:10px;margin-bottom:10px}.btn-container.__jsx-style-dynamic-selector{padding-bottom:1rem;position:sticky;bottom:0;background-color:".concat(m.Jy.black,"}")})]})}},88048:(e,n,t)=>{"use strict";t.d(n,{d:()=>s,w:()=>l});var i=t(2318),a=t(73124);function r(){let e=(0,i._)(["\n  mutation CreateArtistPromotionMutation(\n    $artistName: String!\n    $imageUrl: String\n  ) {\n    createArtistPromotion(artistName: $artistName, imageUrl: $imageUrl) {\n      code\n      success\n      message\n      artistPromotion {\n        id\n      }\n      errors {\n        __typename\n        ... on Error {\n          message\n        }\n        ... on ValidationError {\n          path\n        }\n      }\n    }\n  }\n"]);return r=function(){return e},e}function o(){let e=(0,i._)(["\n  mutation UpdateArtistPromotion(\n    $id: ID!\n    $passColor: String!\n    $passName: String!\n    $passExplanation: String!\n  ) {\n    updateArtistPromotion(\n      id: $id\n      passColor: $passColor\n      passName: $passName\n      passExplanation: $passExplanation\n    ) {\n      code\n      success\n      message\n      artistPromotion {\n        id\n        artistName\n        imageUrl\n        passColor\n        passName\n        passExplanation\n      }\n      errors {\n        __typename\n        ... on Error {\n          message\n        }\n        ... on ValidationError {\n          path\n        }\n      }\n    }\n  }\n"]);return o=function(){return e},e}let s=(0,a.Ay)(r()),l=(0,a.Ay)(o())},93260:(e,n,t)=>{"use strict";t.d(n,{b:()=>s});var i=t(26514);t(75834);var a=t(66720),r=t(49978),o=t(61525);let s=e=>

1{let{children:n,onPress:t,dark:s,loading:l,disabled:d,themeColor:c,buttonRef:m,loadingText:g,progressBarColor:h}=e,p=(0,r.n)(),{t:u}=(0,o.Bd)("forms");return(0,i.jsx)(a.pS,{onPress:t,loadingText:g||u("buttons.loadingMessage"),offlineMessage:u("buttons.offlineMessage"),dark:s,offline:!p,loading:l,disabled:d,themeColor:c,buttonRef:m,progressBarColor:h,children:n})}},97822:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/promote/choose-artist",function(){return t(80829)}])}},e=>{e.O(0,[8245,2541,636,6593,8792],()=>e(e.s=97822)),_N_E=e.O()}]);