(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[149],{75526:function(e,t,n){"use strict";n.d(t,{Z:function(){return b}});var a=n(87462),o=n(91),r=n(77089),i=n(67294),c=n(83937),s=n(31236),l=n(70314),u=n(95073),d=["type","className","children","dot"],m=function(e){var t=e.type,n=e.className,l=e.children,m=e.dot,p=(0,o.Z)(e,d),h=(0,c.Z)(),y=(0,s.ZP)().SCALES,f=(0,i.useMemo)(function(){var e;return({default:(e=h.palette).foreground,success:e.success,warning:e.warning,error:e.error,secondary:e.secondary})[t]},[t,h.palette]),b=(0,i.useMemo)(function(){return t&&"default"!==t?"white":h.palette.background},[t,h.palette.background]),g=(0,u.Z)("badge",{dot:m},n);return i.createElement("span",(0,a.Z)({},p,{className:r.ZP.dynamic([["427831233",[f,b,y.font(.875),y.width(1,"auto"),y.height(1,"auto"),y.pt(.25),y.pr(.4375),y.pb(.25),y.pl(.4375),y.mt(0),y.mr(0),y.mb(0),y.ml(0),y.py(.25),y.px(.25)]]])+" "+(p&&null!=p.className&&p.className||g||"")}),!m&&l,i.createElement(r.ZP,{id:"427831233",dynamic:[f,b,y.font(.875),y.width(1,"auto"),y.height(1,"auto"),y.pt(.25),y.pr(.4375),y.pb(.25),y.pl(.4375),y.mt(0),y.mr(0),y.mb(0),y.ml(0),y.py(.25),y.px(.25)]},".badge.__jsx-style-dynamic-selector{display:inline-block;border-radius:16px;font-variant:tabular-nums;line-height:1;vertical-align:middle;background-color:".concat(f,";color:").concat(b,";border:0;font-size:").concat(y.font(.875),";width:").concat(y.width(1,"auto"),";height:").concat(y.height(1,"auto"),";padding:").concat(y.pt(.25)," ").concat(y.pr(.4375)," ").concat(y.pb(.25)," ").concat(y.pl(.4375),";margin:").concat(y.mt(0)," ").concat(y.mr(0)," ").concat(y.mb(0)," ").concat(y.ml(0),";}.dot.__jsx-style-dynamic-selector{padding:").concat(y.py(.25)," ").concat(y.px(.25),";border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")))};m.defaultProps={type:"default",dot:!1,className:""},m.displayName="GeistBadge";var p=(0,l.Z)(m),h=n(86854),y=n(6761);(0,n(45970).b)("topLeft","topRight","bottomLeft","bottomRight");var f=function(e){var t=e.children,n=e.placement,a=(0,y.xC)(t,p),o=(0,h.Z)(a,2),c=o[0],s=o[1],l=(0,i.useMemo)(function(){return({topLeft:{top:"0",left:"0",value:"translate(-50%, -50%)",origin:"0% 0%"},topRight:{top:"0",right:"0",value:"translate(50%, -50%)",origin:"100% 0%"},bottomLeft:{left:"0",bottom:"0",value:"translate(-50%, 50%)",origin:"0% 100%"},bottomRight:{right:"0",bottom:"0",value:"translate(50%, 50%)",origin:"100% 100%"}})[n]},[n]),u=l.top,d=l.bottom,m=l.left,f=l.right,b=l.value,g=l.origin;return i.createElement("div",{className:r.ZP.dynamic([["1121745930",[u||"auto",m||"auto",f||"auto",d||"auto",b,g]]])+" anchor"},c,i.createElement("sup",{className:r.ZP.dynamic([["1121745930",[u||"auto",m||"auto",f||"auto",d||"auto",b,g]]])},s),i.createElement(r.ZP,{id:"1121745930",dynamic:[u||"auto",m||"auto",f||"auto",d||"auto",b,g]},".anchor.__jsx-style-dynamic-selector{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}sup.__jsx-style-dynamic-selector{position:absolute;top:".concat(u||"auto",";left:").concat(m||"auto",";right:").concat(f||"auto",";bottom:").concat(d||"auto",";-webkit-transform:").concat(b,";-ms-transform:").concat(b,";transform:").concat(b,";-webkit-transform-origin:").concat(g,";-ms-transform-origin:").concat(g,";transform-origin:").concat(g,";z-index:1;}")))};f.defaultProps={placement:"topRight",className:""},f.displayName="GeistBadgeAnchor",p.Anchor=f;var b=p},79952:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var a=n(87462),o=n(91),r=n(77089),i=n(67294),c=n(31236),s=n(70314),l=["inline","className"],u=function(e){var t=e.inline,n=e.className,s=(0,o.Z)(e,l),u=(0,c.ZP)().SCALES;return i.createElement("span",(0,a.Z)({},s,{className:r.ZP.dynamic([["1994396435",[t?"inline-block":"block",u.width(1),u.height(1),u.pt(0),u.pr(0),u.pb(0),u.pl(0),u.mt(0),u.mr(0),u.mb(0),u.ml(0)]]])+" "+(s&&null!=s.className&&s.className||n||"")}),i.createElement(r.ZP,{id:"1994396435",dynamic:[t?"inline-block":"block",u.width(1),u.height(1),u.pt(0),u.pr(0),u.pb(0),u.pl(0),u.mt(0),u.mr(0),u.mb(0),u.ml(0)]},"span.__jsx-style-dynamic-selector{display:".concat(t?"inline-block":"block",";width:").concat(u.width(1),";height:").concat(u.height(1),";padding:").concat(u.pt(0)," ").concat(u.pr(0)," ").concat(u.pb(0)," ").concat(u.pl(0),";margin:").concat(u.mt(0)," ").concat(u.mr(0)," ").concat(u.mb(0)," ").concat(u.ml(0),";}")))};u.defaultProps={inline:!1,className:""},u.displayName="GeistSpacer";var d=(0,s.Z)(u)},23492:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var a=n(87462),o=n(91),r=n(67294),i=n(77089),c=n(83937),s=n(31236),l=["children","tag","className","type"],u=function(e,t){var n={default:"inherit",secondary:t.secondary,success:t.success,warning:t.warning,error:t.error};return n[e]||n.default},d=function(e){var t=e.children,n=e.tag,d=e.className,m=e.type,p=(0,o.Z)(e,l),h=(0,c.Z)(),y=(0,s.ZP)(),f=y.SCALES,b=y.getScaleProps,g=b("font"),v=b(["margin","marginLeft","marginRight","mx","ml","mr"]),x=b(["margin","marginTop","marginBottom","my","mt","mb"]),w=b(["padding","paddingLeft","paddingRight","pl","pr","px"]),Z=b(["padding","paddingTop","paddingBottom","pt","pb","py"]),j=(0,r.useMemo)(function(){return u(m,h.palette)},[m,h.palette]),N=(0,r.useMemo)(function(){var e=[{value:v,className:"mx"},{value:x,className:"my"},{value:w,className:"px"},{value:Z,className:"py"},{value:g,className:"font"}].reduce(function(e,t){return void 0===t.value?e:"".concat(e," ").concat(t.className)},"");return"".concat(e," ").concat(d).trim()},[v,x,w,Z,g,d]);return r.createElement(n,(0,a.Z)({},p,{className:i.ZP.dynamic([["3155699851",[n,j,f.width(1,"auto"),f.height(1,"auto"),f.font(1,"inherit"),f.ml(0,"revert"),f.mr(0,"revert"),f.mt(0,"revert"),f.mb(0,"revert"),f.pl(0,"revert"),f.pr(0,"revert"),f.pt(0,"revert"),f.pb(0,"revert")]]])+" "+(p&&null!=p.className&&p.className||N||"")}),t,r.createElement(i.ZP,{id:"3155699851",dynamic:[n,j,f.width(1,"auto"),f.height(1,"auto"),f.font(1,"inherit"),f.ml(0,"revert"),f.mr(0,"revert"),f.mt(0,"revert"),f.mb(0,"revert"),f.pl(0,"revert"),f.pr(0,"revert"),f.pt(0,"revert"),f.pb(0,"revert")]},"".concat(n,".__jsx-style-dynamic-selector{color:").concat(j,";width:").concat(f.width(1,"auto"),";height:").concat(f.height(1,"auto"),";}.font.__jsx-style-dynamic-selector{font-size:").concat(f.font(1,"inherit"),";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(f.ml(0,"revert"),";margin-right:").concat(f.mr(0,"revert"),";}.my.__jsx-style-dynamic-selector{margin-top:").concat(f.mt(0,"revert"),";margin-bottom:").concat(f.mb(0,"revert"),";}.px.__jsx-style-dynamic-selector{padding-left:").concat(f.pl(0,"revert"),";padding-right:").concat(f.pr(0,"revert"),";}.py.__jsx-style-dynamic-selector{padding-top:").concat(f.pt(0,"revert"),";padding-bottom:").concat(f.pb(0,"revert"),";}")))};d.defaultProps={type:"default",className:""},d.displayName="GeistTextChild";var m=n(70314),p=["h1","h2","h3","h4","h5","h6","p","b","small","i","span","del","em","blockquote","children","className"],h=function e(t,n){if(!t.length)return n;var a=t.slice(1,t.length);return r.createElement(d,{tag:t[0]},e(a,n))},y=function(e){var t=e.h1,n=e.h2,i=e.h3,c=e.h4,s=e.h5,l=e.h6,u=e.p,m=e.b,y=e.small,f=e.i,b=e.span,g=e.del,v=e.em,x=e.blockquote,w=e.children,Z=e.className,j=(0,o.Z)(e,p),N={h1:t,h2:n,h3:i,h4:c,h5:s,h6:l,p:u,blockquote:x},k={span:b,small:y,b:m,em:v,i:f,del:g},_=Object.keys(N).filter(function(e){return N[e]}),S=Object.keys(k).filter(function(e){return k[e]}),P=(0,r.useMemo)(function(){return _[0]?_[0]:S[0]?S[0]:"p"},[_,S]),T=S.filter(function(e){return e!==P}),E=(0,r.useMemo)(function(){return T.length?h(T,w):w},[T,w]);return r.createElement(d,(0,a.Z)({className:Z,tag:P},j),E)};y.defaultProps={h1:!1,h2:!1,h3:!1,h4:!1,h5:!1,h6:!1,p:!1,b:!1,small:!1,i:!1,span:!1,del:!1,em:!1,blockquote:!1,className:"",type:"default"},y.displayName="GeistText";var f=(0,m.Z)(y)},6752:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/connection",function(){return n(26777)}])},26777:function(e,t,n){"use strict";n.r(t);var a=n(85893),o=n(37935),r=n(23492),i=n(79952),c=n(75526);n(67294),t.default=function(){return(0,a.jsxs)("main",{className:"max-w-xl mx-auto",children:[(0,a.jsx)(r.Z,{h1:!0,className:"text-xl",children:"Connecting your Spotify Account to TrueShuffle"}),(0,a.jsxs)(o.Z,{children:[(0,a.jsx)(r.Z,{b:!0,children:"TrueShuffle"})," needs to connect to your Spotify account to get tracks in your playlist and play them using Spotify Connect. This is done by using the Spotify Web API."]}),(0,a.jsx)(o.Z,{children:"When first connecting your account, you will be redirected to Spotify to authorize TrueShuffle to access your account. During this process, TrueShuffle will request the following permissions:"}),(0,a.jsxs)("ul",{children:[(0,a.jsxs)("li",{children:[(0,a.jsx)(r.Z,{b:!0,children:"View your Spotify account data"}),(0,a.jsx)("br",{}),(0,a.jsx)(r.Z,{i:!0,children:"Your name and username, your profile picture, how many followers you have on Spotify and your public playlists"}),(0,a.jsx)(i.Z,{}),(0,a.jsxs)(o.Z,{children:["This permission is added automatically by Spotify. As TrueShuffle accesses your playlist information, this will include information your Spotify account. This information is only used to display the"," ",(0,a.jsx)(c.Z,{children:"by username"})," badge on the playlist page."]})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)(r.Z,{b:!0,children:"View your activity on Spotify"}),(0,a.jsx)("br",{}),(0,a.jsx)(r.Z,{i:!0,children:"Content you have recently played, The content you are playing and Spotify Connect devices information, Playlists you’ve made and playlists you follow"}),(0,a.jsx)(i.Z,{}),(0,a.jsx)(o.Z,{children:'This permission is needed to provide the "Not Recently Played" mode, enable showing a list of Spotify Connect devices you can play on and to show your playlists.'})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)(r.Z,{b:!0,children:"Take actions in Spotify on your behalf"}),(0,a.jsx)("br",{}),(0,a.jsx)(r.Z,{i:!0,children:"Control Spotify on your devices"}),(0,a.jsx)(i.Z,{}),(0,a.jsx)(o.Z,{children:"This permission is needed to play music on your Spotify Connect devices."})]})]}),(0,a.jsxs)(o.Z,{children:[(0,a.jsx)(r.Z,{b:!0,children:"TrueShuffle"})," does not store any of your Spotify data and will never modify your playlists! Access tokens to your Spotify account is only stored temporarily on our servers to allow establishing the connection between your browser and Spotify. After the connection is established, the token is only stored in your browser cookies."]}),(0,a.jsx)(i.Z,{}),(0,a.jsxs)(o.Z,{children:["Access can be revoked at any time at"," ",(0,a.jsx)("a",{href:"https://www.spotify.com/de/account/apps/",target:"_blank",rel:"noreferer",children:"https://www.spotify.com/de/account/apps/"}),". You can also inspect TrueShuffle's source code on"," ",(0,a.jsx)("a",{href:"https://github.com/vantezzen/trueshuffle",target:"_blank",rel:"noreferer",children:"GitHub"})," ","to verify these claims."]})]})}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=6752)}),_N_E=e.O()}]);