1import{r as a,j as e,i as A}from"./vendor-react-BGN68_Lp.js";import{aB as B,g as s,u as F,O,dK as L,al as h,di as _,N as b,aL as M,a6 as G}from"./index-uear5Vpj.js";import{C as V}from"./Crosshair-f6BRxG7b.js";import{P as W}from"./Pagination-DDDP01Oy.js";import{g as i,E as H}from"./vendor-styled-pkIKgjgv.js";import{u as j}from"./vendor-redux-D8sX5Eqv.js";import{u as K}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const q={getConfigs:n=>B("/api/v1/config/list",n)},U=H` 2 from { 3 opacity: 0; 4 } 5 to { 6 opacity: 1; 7 } 8`,Y=i.img` 9 position: absolute; 10 left: 0; 11 top: 0; 12 width: 100%; 13`,J=i.div` 14 display: flex; 15 justify-content: center; 16 align-items: top; 17 min-height: 100vh; 18 gap: 24px; 19 padding-bottom: 50px; 20 21 .configs-list { 22 display: flex; 23 flex-direction: column; 24 gap: 4px; 25 width: 100%; 26 } 27 28 @media (max-width: 1366px) { 29 flex-direction: column; 30 align-items: center; 31 justify-content: flex-start; 32 } 33 34 @media (max-width: 650px) { 35 padding-bottom: 50px; 36 justify-content: flex-start; 37 } 38`,Q=i.div` 39 width: 100%; 40 max-width: 866px; 41 padding-top: 24px; 42 height: fit-content; 43 justify-content: center; 44 align-items: flex-start; 45 display: inline-flex; 46 gap: 24px; 47 48 @media (max-width: 1366px) { 49 max-width: 90%; 50 } 51`,X=i.div` 52 display: flex; 53 width: 380px; 54 flex-direction: column; 55 align-items: flex-end; 56 gap: 18px; 57 align-self: start; 58 position: sticky; 59 top: 24px; 60 61 @media (max-width: 1366px) { 62 max-width: 90%; 63 width: 866px; 64 } 65`,Z=i.div` 66 display: flex; 67 padding: 30px; 68 flex-direction: column; 69 align-items: flex-start; 70 gap: 20px; 71 align-self: stretch; 72 border-radius: 16px; 73 background: url(${s("/pages/matches/blue-banner.jpg")}); 74 background-size: cover; 75 76 a { 77 display: flex; 78 padding: 16px 24px; 79 justify-content: center; 80 align-items: center; 81 gap: 10px; 82 border-radius: 8px; 83 background: #ffc875; 84 font-size: 14px; 85 font-weight: 700; 86 color: #282b36; 87 width: 100%; 88 89 &.gray { 90 background: #1c254d; 91 color: #fff; 92 } 93 94 .login-img { 95 width: 20px; 96 height: 20px; 97 flex-shrink: 0; 98 } 99 } 100`,ee=i.div` 101 display: flex; 102 max-width: 866px; 103 width: 100%; 104 flex-direction: column; 105 align-items: center; 106 gap: 8px; 107 flex-shrink: 0; 108 animation: ${U} 0.5s ease-out; 109 110 @media (max-width: 1366px) { 111 max-width: 100%; 112 width: 866px; 113 } 114`,te=i.div` 115 display: flex; 116 padding: 12px 12px 12px 20px; 117 justify-content: space-between; 118 align-items: center; 119 align-self: stretch; 120 border-radius: 10px; 121 background: rgba(24, 28, 40, 0.86); 122 123 @media (max-width: 650px) { 124 flex-direction: column; 125 gap: 12px; 126 padding: 24px; 127 } 128`,ie=i.div` 129 color: #c8d8ee; 130 font-family: Roboto; 131 font-size: 16px; 132 font-style: normal; 133 font-weight: 700; 134 line-height: normal; 135 text-transform: uppercase; 136 display: inline-flex; 137 align-items: center; 138 gap: 8px; 139`,ne=i.div` 140 color: #8898ac; 141 font-family: Roboto; 142 font-size: 16px; 143 font-style: normal; 144 font-weight: 700; 145 line-height: normal; 146 text-transform: uppercase; 147`,se=i.div` 148 height: 52px; 149 justify-content: right; 150 align-items: flex-start; 151 gap: 8px; 152 display: flex; 153 154 @media (max-width: 650px) { 155 width: 100%; 156 flex-direction: column; 157 height: fit-content; 158 } 159`,ae=i.div` 160 display: flex; 161 flex-direction: column; 162 align-items: flex-start; 163 gap: 8px; 164 165 h3 { 166 color: #fff; 167 font-family: Roboto; 168 font-size: 30px; 169 font-weight: 900; 170 line-height: 39px; 171 text-transform: none; 172 } 173 174 p { 175 max-width: 270px; 176 color: #c5d5ff; 177 font-size: 14px; 178 font-family: Roboto; 179 font-weight: 400; 180 line-height: 20px; 181 word-wrap: break-word; 182 } 183`,d=i.div` 184 min-height: 100%; 185 display: flex; 186 align-items: center; 187 justify-content: center; 188 font-size: 28px; 189 font-weight: 600; 190 min-width: 52px; 191 margin-right: 24px; 192 193 &.middle { 194 font-size: 20px; 195 } 196 197 &.small { 198 font-size: 18px; 199 } 200 201 @media (max-width: 650px) { 202 display: none; 203 } 204`,oe=i.li` 205 border-radius: 8px; 206 background-color: #171b27; 207 padding: 24px; 208 display: flex; 209 background-size: contain; 210 background-repeat: no-repeat; 211 transition: background-color 0.2s ease; 212 213 &:nth-child(even) { 214 background-color: #1a1e2b; 215 } 216 217 &:hover { 218 background-color: #1f2332; 219 } 220 221 &.server1 { 222 background-image: url(${s("/pages/discord/1st.png")}); 223 224 ${d} { 225 color: #fcc251; 226 } 227 } 228 229 &.server2 { 230 background-image: url(${s("/pages/discord/2nd.png")}); 231 232 ${d} { 233 color: #a5c9ff; 234 } 235 } 236 237 &.server3 { 238 background-image: url(${s("/pages/discord/3rd.png")}); 239 240 ${d} { 241 color: #d48f71; 242 } 243 } 244 245 @media (max-width: 650px) { 246 gap: 12px; 247 padding: 16px; 248 } 249`,re=i.div` 250 display: flex; 251 align-items: center; 252 gap: 24px; 253 width: 100%; 254 255 & > img { 256 min-width: 96px; 257 height: 96px; 258 border-radius: 8px; 259 } 260 261 h2 { 262 color: #fff; 263 font-size: 28px; 264 font-weight: 600; 265 display: flex; 266 align-items: center; 267 gap: 8px; 268 } 269 270 p { 271 max-width: 450px; 272 color: #697183; 273 font-size: 14px; 274 line-height: 120%; 275 } 276 277 @media (max-width: 650px) { 278 gap: 16px; 279 280 & > img { 281 min-width: 50px; 282 height: 50px; 283 } 284 285 p { 286 display: none; 287 } 288 289 h2 { 290 font-size: 16px; 291 292 & > img { 293 width: 18px; 294 height: 18px; 295 } 296 } 297 } 298`,de=i.div` 299 display: flex; 300 align-items: center; 301 gap: 10px; 302 margin: 10px 0; 303 304 div { 305 display: flex; 306 align-items: center; 307 gap: 3px; 308 } 309 310 img { 311 width: 18px; 312 } 313 314 span { 315 color: #9ea7be; 316 font-size: 16px; 317 text-transform: uppercase; 318 } 319 320 @media (max-width: 650px) { 321 display: none; 322 } 323`,ce=i.button` 324 border-radius: 6px; 325 background: #417e4c; 326 color: #fff; 327 font-size: 16px; 328 font-weight: 600; 329 margin-left: 48px; 330 height: fit-content; 331 padding: 10px 24px; 332 transition: background 0.3s ease; 333 334 &.disabled { 335 opacity: 0.5; 336 pointer-events: none; 337 filter: none; 338 } 339 340 &:hover { 341 background: #316238; 342 filter: none; 343 } 344 345 @media (max-width: 650px) { 346 font-size: 14px; 347 margin: 0; 348 padding: 8px 20px; 349 } 350`,le=i.p` 351 display: -webkit-box; 352 -webkit-line-clamp: 2; 353 -webkit-box-orient: vertical; 354 overflow: hidden; 355 text-overflow: ellipsis; 356`,pe=i.div` 357 width: 100%; 358 transition: opacity 0.2s ease; 359 360 &.loading { 361 pointer-events: none; 362 opacity: 0.7; 363 } 364`,xe=i.div` 365 display: flex; 366 flex-direction: column; 367 justify-content: space-between; 368 align-items: flex-end; 369 370 @media (max-width: 650px) { 371 position: absolute; 372 height: 100%; 373 justify-content: center; 374 top: 0; 375 right: 12px; 376 gap: 8px; 377 378 svg { 379 flex-shrink: 0; 380 } 381 } 382`,ge=i.div` 383 width: 190px; 384 385 .select-button { 386 height: 52px; 387 background: rgba(33, 40, 60, 0.92); 388 color: #9ea7be; 389 font-size: 14px; 390 font-weight: 500; 391 padding: 17px 38px 17px 15px; 392 } 393 394 @media (max-width: 650px) { 395 width: 100%; 396 } 397`,fe=i(G)` 398 @media (max-width: 650px) { 399 width: 100%; 400 } 401`,ke=()=>{const{t:n}=K(),C=F(),k=j(t=>t.auth.steamid64),S=j(t=>t.auth.isAuth),[m,z]=a.useState({}),[P,N]=a.useState([]),[u,$]=a.useState(""),[w,c]=a.useState(1),[v,I]=a.use
401State(1),[l,r]=a.useState(!0),[p,R]=a.useState(0),y=O(u,500),E=[{text:n("AllThePlayers"),value:0},{text:n("ProPayers"),value:1},{text:n("Talents"),value:2},{text:n("Friends"),value:3}],T=(t,x,g)=>{const o=document.getElementById("main");o&&(o.scrollTop=0),r(!0),q.getConfigs({page_index:t,group:x,search:g,order:0}).then(f=>{f&&(N(f.list),z(f.data),I(t))}).catch(()=>{}).finally(()=>r(!1))};a.useEffect(()=>{T(w,p,y)},[w,p,y]);const D=t=>{if(t>1e3)return t>1e5?"small":"middle"};return e.jsxs(J,{children:[e.jsx(L,{title:`${n("csConfigs")} - CYBERSHOKE`,descr:n("DESCR")}),e.jsx(Y,{src:s("/pages/discord/bg2.png")}),e.jsx(Q,{children:e.jsxs(ee,{children:[e.jsxs(te,{children:[e.jsxs(ie,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/config/icons/file.svg"),alt:""}),n("Configs"),e.jsxs(ne,{children:["(",h(m.count_configs),")"]})]}),e.jsxs(se,{children:[e.jsx(fe,{id:"searchInput",placeholder:"NameSearch",value:u,width:"376px",onChange:t=>{r(!0),c(1),$(t.target.value)},iconAlt:"Search Icon"}),e.jsx(ge,{children:e.jsx(_,{options:E,selected:p,setOption:t=>{r(!0),c(1),R(t)}})})]})]}),e.jsx(pe,{className:l&&"loading",children:e.jsx(W,{disabled:l,hideControls:l,itemsPerPage:100,onPageChange:t=>{r(!0),c(t+1)},pagePreCount:Math.ceil((m.count_configs||0)/100),forcePage:v-1,items:P,wrapperClass:"configs-list",renderRow:(t,x)=>{const g=(v-1)*100,o=x+1+g;return e.jsxs(oe,{className:`server${o}`,children:[e.jsx(d,{className:D(o),children:h(o)}),e.jsxs(re,{children:[e.jsx("img",{loading:"lazy",src:t.avatar,alt:"Server Avatar"}),e.jsxs("div",{children:[e.jsx(b,{to:`/profile/${t.steamid64}`,children:e.jsxs("h2",{children:[t.name,t.verification&&e.jsx(A,{placement:"top",content:n("VerifiedProfile"),children:e.jsx("img",{loading:"lazy",src:s("/pages/discord/icons/verification.svg"),className:"VerificationIcon",alt:"Verification Icon"})})]})}),e.jsxs(de,{children:[e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:s("/pages/discord/icons/time.svg"),alt:""}),e.jsx("span",{children:M(t.unixtime_last_update)})]}),e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:s("/pages/discord/icons/download.svg"),alt:""}),e.jsx("span",{children:h(t.count_downloads)})]})]}),t.description&&e.jsx(le,{children:t.description})]})]}),e.jsxs(xe,{children:[e.jsx(ce,{onClick:()=>C(`/profile/${t.steamid64}/config`),children:n("Open_")}),t.cfg?.cvars.crosshair&&e.jsx(V,{config:t.cfg?.cvars.crosshair})]})]},o)}})})]})}),e.jsx(X,{children:e.jsxs(Z,{children:[e.jsxs(ae,{children:[e.jsx("h3",{children:n("csConfigs")}),e.jsx("p",{children:n("csConfigs2")})]}),S?e.jsxs(b,{to:`/profile/${k}/config`,children:[n("openMyCfg"),e.jsx("img",{loading:"lazy",src:s("/pages/config/icons/arrow.svg"),alt:""})]}):e.jsxs("a",{href:"//auth.cybershoke.net/steam",className:"gray",children:[`${n("LOGIN-WITH")} Steam`,e.jsx("img",{loading:"lazy",src:s("/img/socials/steam.svg"),alt:"",className:"login-img"})]})]})})]})};export{ke as default};
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.