1"use strict";(self.webpackChunkallstar_web_2_0=self.webpackChunkallstar_web_2_0||[]).push([[2133],{82133(n,e,t){t.r(e),t.d(e,{default:()=>ft});var r,o,i,l,a,s,d,c,p,u,h,x,m,f,g,b=t(57528),v=t(53354),w=t(68295),j=t(31462),y=t(65043),k=t(91688),A=t(71857),z=t(60184),T=t(98968),C=t(77114),E=t(70579);const O=n=>{var e,t,r,o;let{team:i}=n;const l=(0,k.W6)(),a="".concat("https://mediacdn1.allstar.gg","/static/profile/banner/allstar.jpg"),s=null!==(e=i.coverUrl)&&void 0!==e?e:a,d="OWNER"===(i.userRole||"MEMBER"),c=null!==(t=null!==(r=i.memberCount)&&void 0!==r?r:null===(o=i.members)||void 0===o?void 0:o.length)&&void 0!==t?t:0;return(0,E.jsxs)(P,{onClick:()=>l.push("/team/".concat(i.slug)),children:[(0,E.jsx)(S,{bannerUrl:s,children:(0,E.jsxs)(L,{$isOwner:d,children:[d&&(0,E.jsx)(z.gt3,{size:10}),d?"Owner":"Member"]})}),(0,E.jsxs)(R,{children:[(0,E.jsx)(Y,{src:i.avatarUrl,alt:i.name}),(0,E.jsxs)($,{children:[(0,E.jsxs)(B,{children:[(0,E.jsx)(U,{children:i.name}),i.tag&&(0,E.jsx)(T.f,{team:i,size:"small",isClickable:!1})]}),(0,E.jsxs)(F,{children:[c," ",1===c?"Member":"Members"]})]})]}),(0,E.jsxs)(N,{children:[(0,E.jsx)(W,{children:i.bio||"This team hasn't added a bio yet."}),(0,E.jsx)(_,{children:(0,E.jsx)(C.l,{playedGames:i.playedGames})})]}),(0,E.jsxs)(M,{children:[(0,E.jsxs)(D,{children:[c," ",1===c?"Member":"Members"]}),(0,E.jsxs)(G,{onClick:n=>{n.stopPropagation(),l.push("/team/".concat(i.slug))},children:["Open Team ",(0,E.jsx)(j.J1z,{size:14})]})]})]})},P=(0,v.default)(w.so)(r||(r=(0,b.A)(["\n background: ",";\n border: 1px solid ",";\n border-radius: 12px;\n cursor: pointer;\n flex-direction: column;\n overflow: hidden;\n transition: border-color 0.2s ease;\n width: 100%;\n\n &:hover {\n border-color: ",";\n }\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.navy50},n=>{let{theme:e}=n;return e.colors.navy}),S=(0,v.default)(w.so)(o||(o=(0,b.A)(["\n background:\n linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(0, 0, 0, 0.3) 50%,\n "," 100%\n ),\n url(",") center / cover no-repeat;\n height: 130px;\n position: relative;\n width: 100%;\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{bannerUrl:e}=n;return e}),L=(0,v.default)(w.so)(i||(i=(0,b.A)(["\n align-items: center;\n background: ",";\n border-radius: 6px;\n color: ",";\n font-family: Barlow, sans-serif;\n font-size: 12px;\n font-weight: 700;\n gap: 5px;\n letter-spacing: 0.5px;\n padding: 5px 10px;\n position: absolute;\n right: 12px;\n text-transform: uppercase;\n top: 12px;\n"])),n=>{let{$isOwner:e}=n;return e?"rgba(77, 189, 148, 0.9)":"rgba(47, 70, 86, 0.9)"},n=>{let{theme:e}=n;return e.colors.ice}),R=(0,v.default)(w.so)(l||(l=(0,b.A)(["\n align-items: center;\n gap: 14px;\n margin-top: -28px;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n"]))),Y=(0,v.default)(w._V)(a||(a=(0,b.A)(["\n background: ",";\n border: 3px solid ",";\n border-radius: 12px;\n flex-shrink: 0;\n height: 64px;\n object-fit: cover;\n width: 64px;\n"])),n=>{let{theme:e}=n;return e.colors.navy},n=>{let{theme:e}=n;return e.colors.navy300}),$=(0,v.default)(w.so)(s||(s=(0,b.A)(["\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n"]))),B=(0,v.default)(w.so)(d||(d=(0,b.A)(["\n align-items: center;\n gap: 8px;\n"]))),U=(0,v.default)(w.EY)(c||(c=(0,b.A)(["\n color: ",";\n font-size: 20px;\n font-weight: 700;\n line-height: 24px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])),n=>{let{theme:e}=n;return e.colors.ice}),F=(0,v.default)(w.EY)(p||(p=(0,b.A)(["\n color: ",";\n font-size: 15px;\n font-weight: 500;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),N=(0,v.default)(w.so)(u||(u=(0,b.A)(["\n flex: 1;\n flex-direction: column;\n gap: 16px;\n padding: 16px 20px 0;\n"]))),W=(0,v.default)(w.EY)(h||(h=(0,b.A)(["\n color: ",";\n display: -webkit-box;\n font-size: 15px;\n line-height: 22px;\n max-height: 44px;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),_=(0,v.default)(w.so)(x||(x=(0,b.A)(["\n flex-wrap: wrap;\n"]))),M=(0,v.default)(w.so)(m||(m=(0,b.A)(["\n align-items: center;\n border-top: 1px solid ",";\n justify-content: space-between;\n margin-top: 16px;\n padding: 14px 20px;\n"])),n=>{let{theme:e}=n;return e.colors.navy50}),D=(0,v.default)(w.EY)(f||(f=(0,b.A)(["\n color: ",";\n font-size: 14px;\n font-weight: 500;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),G=v.default.button(g||(g=(0,b.A)(["\n align-items: center;\n background: none;\n border: none;\n color: ",";\n cursor: pointer;\n display: flex;\n font-family: Barlow, sans-serif;\n font-size: 14px;\n font-weight: 700;\n gap: 6px;\n letter-spacing: 0.3px;\n padding: 0;\n text-transform: uppercase;\n\n &:hover {\n opacity: 0.8;\n }\n"])),n=>{let{theme:e}=n;return e.colors.envy});var I=t(55684),V=t(22275),Q=t(5463),q=t(89379),H=t(86011),J=t(88250),K=t(25910),X=t(82612);var Z,nn,en,tn,rn,on,ln,an,sn,dn,cn,pn,un,hn,xn,mn,fn,gn,bn,vn,wn,jn=t(85026),yn=t(18690),kn=t(97352);const An={FREE:kn.T.tierTextFree,ESSENTIALS:kn.T.tierTextEssentials,PRO:kn.T.tierTextPro,PRO_PLUS:kn.T.tierTextPro,CREATOR_PLAT:kn.T.tierTextPlat,INTERNAL:kn.T.tierTextInternal},zn=n=>{var e,t,r,o,i,l,a,s,d,c,p,u,h,x,m,f;let{team:g}=n;const b=(0,k.W6)(),v="".concat("https://mediacdn1.allstar.gg","/static/profile/banner/allstar.jpg"),w=null!==(e=g.coverUrl)&&void 0!==e?e:v,y=null!==(t=null!==(r=null===(o=g.owner)||void 0===o?void 0:o.userGroupType)&&void 0!==r?r:null===(i=g.owner)||void 0===i||null===(l=i.userGroup)||void 0===l?void 0:l.type)&&void 0!==t?t:"FREE",A=An[y]||"";return(0,E.jsxs)(Cn,{onClick:()=>{var n,e,t;jn.zS.track("Discover Team Card Clicked",{teamSlug:g.slug,teamName:g.name,memberCount:null!==(n=null!==(e=g.memberCount)&&void 0!==e?e:null===(t=g.members)||void 0===t?void 0:t.length)&&void 0!==n?n:0}
1),b.push("/team/".concat(g.slug))},children:[(0,E.jsx)(En,{bannerUrl:w,children:(0,E.jsx)(On,{})}),(0,E.jsxs)(Pn,{children:[(0,E.jsxs)(Sn,{children:[(0,E.jsx)(Ln,{src:g.avatarUrl,alt:g.name}),(0,E.jsxs)(Rn,{children:[(0,E.jsx)(Yn,{children:g.name}),(0,E.jsxs)($n,{children:[g.tag&&(0,E.jsx)(Bn,{children:g.tag}),(0,E.jsxs)(Un,{children:[(0,E.jsx)(z.YXz,{size:13}),(null!==(a=null!==(s=g.memberCount)&&void 0!==s?s:null===(d=g.members)||void 0===d?void 0:d.length)&&void 0!==a?a:0).toLocaleString()," ",1===(null!==(c=null!==(p=g.memberCount)&&void 0!==p?p:null===(u=g.members)||void 0===u?void 0:u.length)&&void 0!==c?c:0)?"member":"members"]})]})]})]}),g.owner&&(0,E.jsxs)(Fn,{children:[(0,E.jsx)(Nn,{src:null!==(h=g.owner.avatarUrl)&&void 0!==h?h:void 0}),(0,E.jsx)(Wn,{children:"Created by"}),(0,E.jsxs)(_n,{$color:A,onClick:n=>{n.stopPropagation(),b.push("/u/".concat(g.owner.username))},children:["@",g.owner.username]}),null!=g.owner.followerCount&&g.owner.followerCount>0&&(0,E.jsxs)(Mn,{children:["\xb7 ",Tn(g.owner.followerCount)," followers"]})]}),(0,E.jsx)(Dn,{children:g.bio||"This team hasn't added a bio yet."}),(0,E.jsx)(Gn,{children:(0,E.jsx)(C.l,{playedGames:g.playedGames})})]}),(0,E.jsxs)(In,{children:[(0,E.jsx)(Vn,{children:g.createdAt?"Founded ".concat((0,yn.fw)(g.createdAt)):"".concat(null!==(x=null!==(m=g.memberCount)&&void 0!==m?m:null===(f=g.members)||void 0===f?void 0:f.length)&&void 0!==x?x:0," Members")}),(0,E.jsxs)(Qn,{onClick:n=>{n.stopPropagation(),b.push("/team/".concat(g.slug))},children:["Open Team ",(0,E.jsx)(j.J1z,{size:14})]})]})]})},Tn=n=>n>=1e6?"".concat((n/1e6).toFixed(1),"M"):n>=1e3?"".concat((n/1e3).toFixed(1),"K"):n.toString(),Cn=(0,v.default)(w.so)(Z||(Z=(0,b.A)(["\n background: ",";\n border: 1px solid ",";\n border-radius: 12px;\n cursor: pointer;\n flex-direction: column;\n overflow: hidden;\n transition: border-color 0.2s ease;\n\n &:hover {\n border-color: ",";\n }\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.navy50},n=>{let{theme:e}=n;return e.colors.navy}),En=(0,v.default)(w.so)(nn||(nn=(0,b.A)(["\n background: url(",") center / cover no-repeat;\n height: 120px;\n position: relative;\n width: 100%;\n"])),n=>{let{bannerUrl:e}=n;return e}),On=v.default.div(en||(en=(0,b.A)(["\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0.2) 0%,\n "," 100%\n );\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n"])),n=>{let{theme:e}=n;return e.colors.navy300}),Pn=(0,v.default)(w.so)(tn||(tn=(0,b.A)(["\n flex: 1;\n flex-direction: column;\n gap: 14px;\n padding: 20px;\n"]))),Sn=(0,v.default)(w.so)(rn||(rn=(0,b.A)(["\n align-items: center;\n gap: 14px;\n margin-top: -44px;\n position: relative;\n z-index: 1;\n"]))),Ln=(0,v.default)(w._V)(on||(on=(0,b.A)(["\n background: ",";\n border: 3px solid ",";\n border-radius: 12px;\n flex-shrink: 0;\n height: 60px;\n object-fit: cover;\n width: 60px;\n"])),n=>{let{theme:e}=n;return e.colors.navy},n=>{let{theme:e}=n;return e.colors.navy300}),Rn=(0,v.default)(w.so)(ln||(ln=(0,b.A)(["\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n"]))),Yn=(0,v.default)(w.EY)(an||(an=(0,b.A)(["\n color: ",";\n font-size: 20px;\n font-weight: 700;\n line-height: 24px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])),n=>{let{theme:e}=n;return e.colors.ice}),$n=(0,v.default)(w.so)(sn||(sn=(0,b.A)(["\n align-items: center;\n color: ",";\n flex-wrap: wrap;\n font-size: 14px;\n gap: 10px;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),Bn=(0,v.default)(w.EY)(dn||(dn=(0,b.A)(["\n color: ",";\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.5px;\n"])),n=>{let{theme:e}=n;return e.colors.envy}),Un=(0,v.default)(w.so)(cn||(cn=(0,b.A)(["\n align-items: center;\n gap: 5px;\n"]))),Fn=(0,v.default)(w.so)(pn||(pn=(0,b.A)(["\n align-items: center;\n gap: 6px;\n"]))),Nn=(0,v.default)(w._V)(un||(un=(0,b.A)(["\n border-radius: 50%;\n flex-shrink: 0;\n height: 24px;\n object-fit: cover;\n width: 24px;\n"]))),Wn=(0,v.default)(w.EY)(hn||(hn=(0,b.A)(["\n color: ",";\n font-size: 14px;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),_n=v.default.span(xn||(xn=(0,b.A)(["\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n\n &:hover {\n text-decoration: underline;\n }\n"])),n=>{let{$color:e,theme:t}=n;return e||t.colors.ice}),Mn=(0,v.default)(w.EY)(mn||(mn=(0,b.A)(["\n color: ",";\n font-size: 13px;\n"])),n=>{let{theme:e}=n;return e.colors.shade300}),Dn=(0,v.default)(w.EY)(fn||(fn=(0,b.A)(["\n color: ",";\n display: -webkit-box;\n font-size: 15px;\n line-height: 22px;\n max-height: 44px;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),Gn=(0,v.default)(w.so)(gn||(gn=(0,b.A)(["\n margin-top: auto;\n"]))),In=(0,v.default)(w.so)(bn||(bn=(0,b.A)(["\n align-items: center;\n border-top: 1px solid ",";\n justify-content: space-between;\n padding: 14px 20px;\n"])),n=>{let{theme:e}=n;return e.colors.navy50}),Vn=(0,v.default)(w.EY)(vn||(vn=(0,b.A)(["\n color: ",";\n font-size: 14px;\n font-weight: 500;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),Qn=v.default.button(wn||(wn=(0,b.A)(["\n align-items: center;\n background: none;\n border: none;\n color: ",";\n cursor: pointer;\n display: flex;\n font-family: Barlow, sans-serif;\n font-size: 14px;\n font-weight: 700;\n gap: 6px;\n letter-spacing: 0.3px;\n padding: 0;\n text-transform: uppercase;\n\n &:hover {\n opacity: 0.8;\n }\n"])),n=>{let{theme:e}=n;return e.colors.envy});var qn,Hn,Jn,Kn,Xn,Zn=t(3538),ne=t(13757),ee=t(69889);const te=[{key:"CS2",label:"CS2",icon:ee.B.CS2},{key:"FORTNITE",label:"Fortnite",icon:ee.B.Fortnite},{key:"LOL",label:"League",icon:ee.B.LoL},{key:"DOTA2",label:"Dota 2",icon:ee.B.Dota2},{key:"OW2",label:"OW2",icon:ee.B.OW2}],re=n=>
1{let{active:e,onChange:t}=n;return(0,E.jsxs)(oe,{children:[(0,E.jsxs)(ae,{$isActive:null===e,onClick:()=>t(null),children:[(0,E.jsx)(ie,{children:(0,E.jsx)(Zn.nSL,{size:16})}),(0,E.jsx)(le,{children:(0,E.jsx)(Zn.nSL,{size:22})}),(0,E.jsx)(se,{children:"All"})]}),te.map(n=>(0,E.jsxs)(ae,{$isActive:e===n.key,onClick:()=>t(e===n.key?null:n.key),children:[(0,E.jsx)(ie,{children:(0,E.jsx)(ne.w,{size:16,type:n.icon})}),(0,E.jsx)(le,{children:(0,E.jsx)(ne.w,{size:22,type:n.icon})}),(0,E.jsx)(se,{children:n.label})]},n.key))]})},oe=(0,v.default)(w.so)(qn||(qn=(0,b.A)(["\n gap: 8px;\n overflow-x: auto;\n padding-bottom: 4px;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"]))),ie=v.default.span(Hn||(Hn=(0,b.A)(["\n align-items: center;\n display: flex;\n justify-content: center;\n line-height: 0;\n\n @media (max-width: 715px) {\n display: none;\n }\n"]))),le=v.default.span(Jn||(Jn=(0,b.A)(["\n align-items: center;\n display: none;\n justify-content: center;\n line-height: 0;\n\n @media (max-width: 715px) {\n display: flex;\n }\n"]))),ae=v.default.button(Kn||(Kn=(0,b.A)(["\n align-items: center;\n background: ",";\n border: 1px solid\n ",";\n border-radius: 999px;\n color: ",";\n cursor: pointer;\n display: flex;\n font-family: Barlow, sans-serif;\n font-size: 13px;\n font-weight: 600;\n gap: 6px;\n height: 34px;\n justify-content: center;\n padding: 0 14px;\n transition: all 0.15s ease;\n white-space: nowrap;\n\n &:hover {\n border-color: ",";\n }\n\n svg {\n color: ",";\n flex-shrink: 0;\n }\n\n @media (max-width: 715px) {\n height: 42px;\n min-width: 42px;\n padding: 0;\n }\n"])),n=>{let{$isActive:e,theme:t}=n;return e?t.colors.envyAlpha10:t.colors.navy300},n=>{let{$isActive:e,theme:t}=n;return e?t.colors.envy:t.colors.navy50},n=>{let{$isActive:e,theme:t}=n;return e?t.colors.envy:t.colors.chalk},n=>{let{$isActive:e,theme:t}=n;return e?t.colors.envy:t.colors.navy},n=>{let{$isActive:e,theme:t}=n;return e?t.colors.envy:t.colors.shade400}),se=(0,v.default)(w.EY)(Xn||(Xn=(0,b.A)(["\n font-size: 13px;\n\n @media (max-width: 715px) {\n display: none;\n }\n"])));var de,ce,pe,ue,he,xe,me,fe,ge,be,ve,we,je,ye,ke,Ae,ze,Te,Ce,Ee,Oe,Pe,Se,Le,Re,Ye,$e,Be,Ue,Fe,Ne=t(37872);const We=(0,v.default)(w.so)(de||(de=(0,b.A)(["\n background-color: ",";\n flex-direction: column;\n min-height: 100vh;\n position: relative;\n width: 100%;\n"])),n=>{let{theme:e}=n;return e.colors.ned}),_e=(0,v.default)(w.az)(ce||(ce=(0,b.A)(["\n height: 340px;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 0;\n\n &::before {\n background-image: url(",'/static/web/teams/hub/teams-background.jpg);\n background-position: 50% 40%;\n background-repeat: no-repeat;\n background-size: cover;\n bottom: 0;\n content: "";\n left: 0;\n opacity: 0.35;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n &::after {\n background: linear-gradient(\n to bottom,\n transparent 20%,\n ','\n );\n bottom: 0;\n content: "";\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n'])),"https://mediacdn1.allstar.gg",n=>{let{theme:e}=n;return e.colors.ned}),Me=(0,v.default)(w.so)(pe||(pe=(0,b.A)(["\n flex-direction: column;\n margin: 0 auto;\n max-width: 1240px;\n padding: 100px 60px 60px;\n position: relative;\n width: 100%;\n z-index: 1;\n\n @media (max-width: ",") {\n padding: 80px 24px 40px;\n }\n\n @media (max-width: ",") {\n padding: 60px 16px 40px;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.medium},n=>{let{theme:e}=n;return e.breaks.small}),De=(0,v.default)(w.so)(ue||(ue=(0,b.A)(["\n flex-direction: column;\n gap: 24px;\n margin-bottom: 32px;\n"]))),Ge=(0,v.default)(w.so)(he||(he=(0,b.A)(["\n align-items: flex-start;\n justify-content: space-between;\n\n @media (max-width: ",") {\n flex-direction: column;\n gap: 16px;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),Ie=(0,v.default)(w.so)(xe||(xe=(0,b.A)(["\n align-items: center;\n gap: 12px;\n justify-content: space-between;\n padding-bottom: 8px;\n\n @media (max-width: ",") {\n flex-direction: column;
1\n align-items: stretch;\n gap: 10px;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),Ve=(0,v.default)(w.so)(me||(me=(0,b.A)(["\n align-items: center;\n min-width: 0;\n overflow-x: auto;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"]))),Qe=(0,v.default)(w.EY)(fe||(fe=(0,b.A)(["\n font-size: 42px;\n font-weight: 800;\n line-height: 1.1;\n\n @media (max-width: ",") {\n font-size: 28px;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),qe=v.default.span(ge||(ge=(0,b.A)(["\n color: ",";\n"])),n=>{let{theme:e}=n;return e.colors.envy}),He=(0,v.default)(w.EY)(be||(be=(0,b.A)(["\n color: ",";\n font-size: 16px;\n margin-top: 8px;\n\n @media (max-width: ",") {\n font-size: 14px;\n }\n"])),n=>{let{theme:e}=n;return e.colors.chalk},n=>{let{theme:e}=n;return e.breaks.narrow}),Je=(0,v.default)(w.so)(ve||(ve=(0,b.A)(["\n border-bottom: 1px solid ",";\n gap: 0;\n"])),n=>{let{theme:e}=n;return e.colors.navy50}),Ke=v.default.button(we||(we=(0,b.A)(["\n align-items: center;\n background: none;\n border: none;\n border-bottom: 2px solid\n ",";\n color: ",";\n cursor: pointer;\n display: flex;\n font-family: Barlow, sans-serif;\n font-size: 15px;\n font-weight: 600;\n gap: 8px;\n padding: 14px 24px;\n transition: all 0.15s ease;\n\n &:hover {\n color: ",";\n }\n\n @media (max-width: ",") {\n font-size: 14px;\n gap: 6px;\n padding: 12px 16px;\n }\n"])),n=>{let{$active:e,theme:t}=n;return e?t.colors.envy:"transparent"},n=>{let{$active:e,theme:t}=n;return e?t.colors.ice:t.colors.chalk},n=>{let{theme:e}=n;return e.colors.ice},n=>{let{theme:e}=n;return e.breaks.narrow}),Xe=v.default.span(je||(je=(0,b.A)(["\n background: #e53e3e;\n border-radius: 4px;\n color: #fff;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 0.5px;\n line-height: 1;\n padding: 3px 6px;\n"]))),Ze=v.default.span(ye||(ye=(0,b.A)(["\n background: ",";\n border-radius: 10px;\n font-size: 11px;\n font-weight: 700;\n padding: 2px 8px;\n"])),n=>{let{theme:e}=n;return e.colors.navy50}),nt=(0,v.default)(w.so)(ke||(ke=(0,b.A)(["\n flex-direction: column;\n gap: 24px;\n"]))),et=(0,v.default)(w.az)(Ae||(Ae=(0,b.A)(["\n display: grid;\n gap: 20px;\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n\n @media (max-width: ",") {\n grid-template-columns: 1fr;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),tt=(0,v.default)(w.so)(ze||(ze=(0,b.A)(["\n align-items: center;\n background: ",";\n border: 2px dashed ",";\n border-radius: 10px;\n cursor: pointer;\n justify-content: center;\n min-height: 296px;\n transition: all 0.2s ease;\n\n &:hover {\n border-color: ",";\n }\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.navy50},n=>{let{theme:e}=n;return e.colors.envy}),rt=(0,v.default)(w.so)(Te||(Te=(0,b.A)(["\n align-items: center;\n flex-direction: column;\n gap: 10px;\n padding: 32px;\n"]))),ot=(0,v.default)(w.so)(Ce||(Ce=(0,b.A)(["\n align-items: center;\n background: ",";\n border-radius: 50%;\n color: ",";\n height: 48px;\n justify-content: center;\n margin-bottom: 4px;\n width: 48px;\n"])),n=>{let{theme:e}=n;return e.colors.navy50},n=>{let{theme:e}=n;return e.colors.envy}),it=(0,v.default)(w.so)(Ee||(Ee=(0,b.A)(["\n background: ",";\n border: 1px solid ",";\n border-radius: 8px;\n flex-shrink: 0;\n overflow: hidden;\n\n @media (max-width: ",") {\n align-self: flex-start;\n }\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.navy50},n=>{let{theme:e}=n;return e.breaks.narrow}),lt=v.default.button(Oe||(Oe=(0,b.A)(["\n background: ",";\n border: none;\n color: ",";\n cursor: pointer;\n font-family: Barlow, sans-serif;\n font-size: 13px;\n font-weight: 600;\n padding: 8px 16px;\n transition: all 0.15s ease;\n\n &:hover {\n color: ",";\n }\n"])),n=>{let{$active:e,theme:t}=n;return e?t.colors.navy50:"transparent"},n=>{let{$active:e,theme:t}=n;return e?t.colors.ice:t.colors.chalk},n=>{let{theme:e}=n;return e.colors.ice}),at=(0,v.default)(w.az)(Pe||(Pe=(0,b.A)(["\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n\n @media (max-width: ",") {\n grid-template-columns: 1fr;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),st=(0,v.default)(w.so)(Se||(Se=(0,b.A)(["\n align-items: center;\n background: ",";\n border: 1px solid ",";\n border-radius: 10px;\n flex-direction: column;\n gap: 16px;\n justify-content: center;\n min-height: 300px;\n padding: 48px;\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.navy50}),dt=(0,v.default)(w.EY)(Le||(Le=(0,b.A)(["\n font-size: 24px;\n font-weight: 700;\n"]))),ct=(0,v.default)(w.EY)(Re||(Re=(0,b.A)(["\n color: ",";\n font-size: 16px;\n"])),n=>{let{theme:e}=n;return e.colors.chalk}),pt=(0,v.default)(w.so)(Ye||(Ye=(0,b.A)(["\n align-items: center;\n background: ",";\n border-radius: 10px;\n color: ",";\n font-size: 14px;\n justify-content: center;\n padding: 48px;\n"])),n=>{let{theme:e}=n;return e.colors.navy300},n=>{let{theme:e}=n;return e.colors.chalk}),ut=v.default.span($e||($e=(0,b.A)(["\n color: ",";\n cursor: pointer;\n font-weight: 700;\n margin-left: 4px;\n"])),n=>{let{theme:e}=n;return e.colors.envy}),ht=v.default.button(Be||(Be=(0,b.A)(["\n align-items: center;\n background: ",";\n border: none;\n border-radius: 8px;\n color: ",";\n cursor: pointer;\n display: flex;\n font-family: Barlow, sans-serif;\n font-size: 14px;\n font-weight: 600;\n gap: 4px;\n height: 34px;\n padding: 0 14px;\n transition: opacity 0.15s ease;\n flex-shrink: 0;\n\n &:hover {\n opacity: 0.9;\n }\n\n @media (max-width: ",") {\n height: 32px;\n padding: 0 10px;\n border-radius: 50%;\n width: 32px;\n justify-content: center;\n }\n"])),n=>{let{theme:e}=n;return e.colors.envy},n=>{let{theme:e}=n;return e.colors.ice},n=>{let{theme:e}=n;return e.breaks.narrow}),xt=v.default.span(Ue||(Ue=(0,b.A)(["\n @media (max-width: ",") {\n display: none;\n }\n"])),n=>{let{theme:e}=n;return e.breaks.narrow}),mt=(0,v.default)(w.so)(Fe||(Fe=(0,b.A)(["\n align-items: center;\n justify-content: center;\n min-height: 300px;\n width: 100%;\n"]))),ft=()=>{const n=(0,X.b)(),e=(0,k.W6)(),[t,r]=(0,y.useState)("find"),[o,i]=(0,y.useState)(null),[l,a]=(0,y.useState)("POPULAR"),{getViewerTeams:s,refetchTeams:d,teams:c,isLoadingTeams:p}=(()=>{var n,e;const t=(0,X.b)(),[r,{loading:o,error:i,data:l,refetch:a}]=(0,H._)(K.r6,{fetchPolicy:"network-only"}),s=((null===l||void 0===l||null===(n=l.me)||void 0===n||null===(e=n.teams)||void 0===e?void 0:e.nodes)||[]).map(n=>{var e,r;const o=(null===(e=n.owner)||void 0===e?void 0:e._id)===(null===t||void 0===t?void 0:t._id);return(0,q.A)((0,q.A)({},n),{},{members:(null===(r=n.members)||void 0===r?void 0:r.map(n=>n.user))||[],userRole:o?"OWNER":"MEMBER"})});return{getViewerTeams:r,refetchTeams:a,teams:s,isLoadingTeams:o,hasTeamsError:i}})(),{discoverTeams:u,isLoadingDiscover:h}=function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:15;const{data:r,loading:o,error:i}=(0,J.IT)(K.vk,{variables:{limit:t,game:n||void 0,sort:e||"POPULAR"}});return{discoverTeams:(null===r||void 0===r?void 0:r.discoverTeams)||[],isLoadingDiscover:o,hasDiscoverError:i}}(null!==o&&void 0!==o?o:void 0,l),{isEssentials:x,isProOrHigher:m}=(0,A.T)();(0,y.useEffect)(()=>{n&&s()},[n,s]);const{portalOpen:f,setPortalOpen:g,Portal:b}=(0,I.W)((0,E.jsx)(V.u,{featureName:"Team Creation",upgradeAction:"Create a Team",requiredTierKey:"ESSENTIALS",analyticsSource:"Teams Hub",onClose:()=>g(!1)})),v=()=>{if(!n)return void e.push("/login?next="+encodeURIComponent("/teams"));x||m?T(!0):g(!0)},{portalOpen:z,setPortalOpen:T,Portal:C}=(0,I.W)((0,E.jsx)(Q.R,{onClose:()=>T(!1),onCreateTeam:async()=>{d&&await d()}}));return(0,E.jsxs)(We,{children:[(0,E.jsx)(_e,{}),(0,E.jsxs)(Me,{children:[(0,E.jsxs)(De,{children:[(0,E.jsxs)(Ge,{children:[(0,E.jsxs)("div",{children:[(0,E.jsx)(Qe,{children:"my"===t?(0,E.jsxs)(E.Fragment,{children:["Your ",(0,E.jsx)(qe,{children:"Teams"})]}):(0,E.jsxs)(E.Fragment,{children:["Discover ",(0,E.jsx)(qe,{children:"Teams"})]})}),(0,E.jsx)(He,{children:"my"===t?"Drop into team feeds, run montage night, or scout new crews.":"Scout fresh crews. Filter by game or browse what's popular."})]}),(0,E.jsxs)(ht,{onClick:v,children:[(0,E.jsx)(j.QCG,{size:18}),(0,E.jsx)(xt,{children:"Create a Team"})]})]}),(0,E.jsxs)(Je,{children:[(0,E.jsxs)(Ke,{$active:"my"===t,onClick:()=>{n?r("my"):e.push("/login?next="+encodeURIComponent("/teams"))},children:[(0,E.jsx)(j.jh0,{size:15}),"My Teams",n&&c.length>0&&(0,E.jsx)(Ze,{children:c.length})]}),(0,E.jsxs)(Ke,{$active:"find"===t,onClick:()=>r("find"),children:[(0,E.jsx)(j.YQq,{size:14}),"Find Teams",(0,E.jsx)(Xe,{children:"NEW"})]})]})]}),"find"===t&&(0,E.jsxs)(Ie,{children:[(0,E.jsx)(Ve,{children:(0,E.jsx)(re,{active:o,onChange:i})}),(0,E.jsxs)(it,{children:[(0,E.jsx)(lt,{$active:"POPULAR"===l,onClick:()=>a("POPULAR"),children:"Popular"}),(0,E.jsx)(lt,{$active:"NEW"===l,onClick:()=>a("NEW"),children:"New"})]})]}),(0,E.jsxs)(nt,{children:["my"===t&&n&&(0,E.jsx)(E.Fragment,{children:p?(0,E.jsx)(mt,{children:(0,E.jsx)(Ne.k,{width:48,height:48})}):c.length>0?(0,E.jsxs)(et,{children:[c.map(n=>(0,E.jsx)(O,{team:n},n.id)),c.length<3&&(0,E.jsx)(tt,{onClick:v,children:(0,E.jsxs)(rt,{children:[(0,E.jsx)(ot,{children:(0,E.jsx)(j.QCG,{size:22})}),(0,E.jsx)(w.EY,{fontWeight:600,fontSize:15,children:"Start a new Team"}
1),(0,E.jsx)(w.EY,{color:"chalk",fontSize:13,style:{textAlign:"center"},children:"Bring your squad together. Share clips, compete as one."})]})})]}):(0,E.jsxs)(st,{children:[(0,E.jsx)(dt,{children:"No Teams Yet"}),(0,E.jsx)(ct,{children:"Create or join a team to get started"}),(0,E.jsxs)(ht,{onClick:v,children:[(0,E.jsx)(j.QCG,{size:16}),"Create a Team"]})]})}),"find"===t&&(0,E.jsx)(E.Fragment,{children:h?(0,E.jsx)(mt,{children:(0,E.jsx)(Ne.k,{width:48,height:48})}):u.length>0?(0,E.jsx)(at,{children:u.map(n=>(0,E.jsx)(zn,{team:n},n.id))}):(0,E.jsxs)(pt,{children:["No teams found for this game yet."," ",(0,E.jsx)(ut,{onClick:v,children:"Be the first to start one \u2192"})]})})]})]}),z&&C,f&&b]})}}}]); 2//# sourceMappingURL=2133.361a2558.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.