1import{r as l,j as e,R as j}from"./vendor-react-BGN68_Lp.js";import{u as g,a as E}from"./vendor-redux-D8sX5Eqv.js";import{au as R,as as T,g as f,c as B,a8 as L,u as P,am as F,a6 as N,fR as O,E as q,t as A,w as k,fS as $,fT as W,fU as H,dK as M}from"./index-uear5Vpj.js";import{g as t}from"./vendor-styled-pkIKgjgv.js";import{g as z}from"./getShopItemComponent-N9kyEGIO.js";import"./LotGraph-pS2YWBj7.js";import"./Pagination-DDDP01Oy.js";import{u as w}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";import"./Effect-DrauBACU.js";import"./Item-XnKSUaAV.js";const S=({children:o,title:r})=>{const[a,p]=l.useState(!1),[n,m]=l.useState(),s=R(),c=l.useRef();return T(c,()=>p(!1)),l.useEffect(()=>{if(c.current&&s.width<650){const u=c.current.getBoundingClientRect();m(u.left-20)}else m(null)},[s]),e.jsxs("div",{ref:c,children:[e.jsxs("li",{className:B(a&&"active"),onClick:()=>p(!a),children:[r,e.jsx("img",{loading:"lazy",src:f("/pages/shop/icons/dropdown-arrow.svg"),alt:""})]}),e.jsx(L,{style:n&&{left:`-${n}px`,right:"auto"},state:a,type:"1",children:o})]})};t.td` 2 justify-content: flex-end; 3 4 button { 5 padding: 9px 44px; 6 background: rgba(96, 128, 255, 0.12); 7 border-radius: 6px; 8 } 9 10 span { 11 font-weight: 500; 12 font-size: 12px; 13 color: #6080ff; 14 } 15 16 img { 17 width: 16px; 18 display: none; 19 } 20 21 @media all and (max-width: 1000px) { 22 button { 23 padding: 8px 18px; 24 } 25 26 img { 27 display: block; 28 } 29 30 span { 31 display: none; 32 } 33 } 34`;const D=t.tr``;t.table` 35 border-collapse: collapse; 36 width: 100%; 37 display: flex; 38 flex-direction: column; 39 gap: 4px; 40 margin-top: 20px; 41 42 tr { 43 background: #131821; 44 border-radius: 8px; 45 height: 64px; 46 padding: 0 24px; 47 display: grid; 48 grid-template-columns: 1fr 1fr 1fr 1fr; 49 } 50 51 th { 52 font-weight: 400; 53 font-size: 12px; 54 color: #5e6c7e; 55 display: flex; 56 align-items: center; 57 justify-content: flex-start; 58 } 59 60 td { 61 height: 100%; 62 display: flex; 63 align-items: center; 64 font-size: 12px; 65 line-height: 17px; 66 color: #c7d3e2; 67 68 &.middle { 69 justify-content: center; 70 } 71 } 72 73 .end { 74 justify-content: flex-end; 75 } 76 77 ${D} { 78 height: 38px; 79 background: #11161e; 80 } 81 82 @media all and (max-width: 1000px) { 83 tr { 84 grid-template-columns: 1.3fr 1fr 1fr 60px; 85 } 86 } 87`;t.div` 88 display: flex; 89 align-items: center; 90 91 img { 92 max-height: 48px; 93 max-width: 48px; 94 margin-right: 12px; 95 } 96`;t.h6` 97 font-weight: 400; 98 font-size: 14px; 99 color: #e8ecf4; 100 opacity: 0.9; 101 margin-bottom: 2px; 102 103 @media all and (max-width: 390px) { 104 display: none; 105 } 106`;t.span` 107 font-weight: 400; 108 font-size: 12px; 109 color: #71798e; 110 opacity: 0.9; 111`;t.td` 112 span { 113 font-weight: 700; 114 font-size: 14px; 115 color: rgba(255, 171, 62, 0.9); 116 } 117 118 img { 119 width: 16px; 120 margin-left: 6px; 121 } 122`;t.div` 123 margin-top: 48px; 124 font-size: 16px; 125 color: rgba(145, 155, 167, 0.9); 126 127 span { 128 font-weight: 700; 129 color: rgba(255, 171, 62, 0.9); 130 margin: 0 5px; 131 display: inline-flex; 132 align-items: center; 133 } 134 135 img { 136 width: 16px; 137 margin-left: 6px; 138 } 139 140 strong { 141 font-weight: 700; 142 color: rgba(236, 241, 248, 0.9); 143 } 144`;t.td` 145 img { 146 width: 32px; 147 margin-right: 8px; 148 border-radius: 50%; 149 } 150 151 span { 152 color: inherit; 153 } 154 155 @media all and (max-width: 428px) { 156 span { 157 display: none; 158 } 159 } 160`;t.div` 161 display: flex; 162 flex-direction: column; 163 align-items: center; 164 padding-top: 48px; 165 166 img { 167 width: 80px; 168 } 169 170 h6 { 171 margin: 12px 0; 172 font-family: 'Roboto Condensed'; 173 font-weight: 700; 174 font-size: 24px; 175 line-height: 28px; 176 text-transform: uppercase; 177 color: #475164; 178 } 179 180 p { 181 font-size: 16px; 182 line-height: 23px; 183 color: #475164; 184 opacity: 0.7; 185 } 186`;t.div` 187 display: grid; 188 grid-template-columns: 1fr 1fr; 189 gap: 8px; 190 width: 100%; 191 height: 100px; 192 padding-top: 12px; 193 194 @media all and (max-width: 650px) { 195 height: auto; 196 } 197 198 @media all and (max-width: 428px) { 199 grid-template-columns: 1fr; 200 } 201`;t.div` 202 height: 100%; 203 background: #151a24; 204 border-radius: 8px; 205 display: flex; 206 align-items: center; 207 padding: 3px 24px; 208 209 img { 210 max-height: 100%; 211 max-width: 90px; 212 margin-right: 24px; 213 } 214 215 button { 216 background: rgba(96, 128, 255, 0.12); 217 border-radius: 6px; 218 font-weight: 700; 219 font-size: 12px; 220 color: #6080ff; 221 padding: 9px 24px; 222 } 223 224 @media all and (min-width: 428px) and (max-width: 650px) { 225 flex-direction: column; 226 padding: 12px; 227 228 img { 229 margin-right: 0; 230 margin-bottom: 10px; 231 } 232 233 button { 234 margin: 0 auto; 235 display: block; 236 } 237 } 238`;t.div` 239 font-weight: 500; 240 font-size: 14px; 241 display: block; 242 margin-bottom: 12px; 243 color: rgba(236, 241, 248, 0.9); 244`;t.div` 245 display: grid; 246 grid-template-columns: 1fr 1fr 1fr; 247 grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; 248 row-gap: 7px; 249 grid-auto-flow: column; 250 251 @media all and (max-width: 650px) { 252 grid-template-columns: 1fr 1fr; 253 grid-template-rows: repeat(8, 1fr); 254 } 255`;t.div` 256 font-weight: 400; 257 font-size: 16px; 258 line-height: 19px; 259 color: #4053ff; 260 max-width: 140px; 261 262 &.color-golden_item { 263 color: #ffc226; 264 } 265 266 &.color-covert_item { 267 color: #ff4040; 268 } 269 270 &.color-classified_item { 271 color: #ff40a7; 272 } 273
274 &.color-restricted_item { 275 color: #7d40ff; 276 } 277 278 &.color-milspec_item { 279 color: #4053ff; 280 } 281`;t.button` 282 margin-left: 7px; 283 background: rgba(35, 42, 57, 0.9); 284 border-radius: 5px; 285 display: flex; 286 align-items: center; 287 padding: 0 18px; 288 height: 48px; 289 290 img { 291 width: 24px; 292 } 293 294 span { 295 font-weight: 400; 296 font-size: 14px; 297 color: #97a5be; 298 margin-right: 8px; 299 } 300 301 @media all and (max-width: 1366px) { 302 span { 303 display: none; 304 } 305 } 306 307 @media all and (max-width: 1000px) { 308 display: none; 309 } 310`;t.div` 311 span { 312 position: absolute; 313 top: -3px; 314 right: -4px; 315 padding: 2px 4px; 316 background: #e84360; 317 border: 2px solid #222737; 318 display: flex; 319 align-items: center; 320 justify-content: center; 321 font-weight: 700; 322 font-size: 8px; 323 line-height: 9px; 324 border-radius: 50%; 325 z-index: 1; 326 } 327`;const K=t.div` 328 display: flex; 329 align-items: center; 330 331 @media all and (max-width: 650px) { 332 display: none; 333 } 334`,U=()=>{const{t:o}=w();if(g(a=>a.marketPage.myLots),!!g(a=>a.auth.isAuth))return e.jsx(K,{})};t.div` 335 @media all and (max-width: 750px) { 336 padding: 16px; 337 } 338`;t.div` 339 display: flex; 340 flex-direction: column; 341 padding: 12px 0; 342`;t.div` 343 display: flex; 344 flex-direction: column; 345`;t.div` 346 height: 350px; 347 background: #131821; 348 border-radius: 6px; 349 width: 100%; 350 display: flex; 351 align-items: center; 352 justify-content: center; 353 354 & > img { 355 max-width: 100%; 356 max-height: 100%; 357 } 358 359 &.cases-page { 360 img { 361 max-height: 80%; 362 } 363 } 364 365 &::before { 366 content: ''; 367 width: 100%; 368 position: absolute; 369 top: 0; 370 left: 0; 371 height: 100%; 372 background: url(${f("/pages/lot/")}${o=>o.rarity}.jpg) 373 no-repeat center center / cover; 374 padding-top: 13px; 375 display: flex; 376 justify-content: center; 377 align-items: center; 378 } 379 380 @media all and (max-width: 650px) { 381 height: 280px; 382 } 383`;t.h2` 384 margin-bottom: 12px; 385 font-weight: 700; 386 font-size: 32px; 387 line-height: 38px; 388 opacity: 0.9; 389`;t.div` 390 display: grid; 391 grid-template-columns: 1fr 1fr; 392 gap: 8px; 393 padding-top: 24px; 394 395 button { 396 border-radius: 6px; 397 padding: 18px 30px; 398 font-weight: 500; 399 font-size: 15px; 400 line-height: 18px; 401 color: #ffffff; 402 display: flex; 403 align-items: center; 404 justify-content: center; 405 background: #6080ff; 406 } 407 408 button[disabled] { 409 background: #1c222f; 410 color: #3c4454; 411 } 412 413 img { 414 width: 18px; 415 margin-left: 6px; 416 } 417 418 @media all and (max-width: 650px) { 419 grid-template-columns: 1fr; 420 } 421`;t.div` 422 display: grid; 423 grid-template-columns: 1fr 740px; 424 gap: 32px; 425 padding-top: 24px; 426 427 & > div { 428 position: sticky; 429 top: 0; 430 } 431 432 @media all and (max-width: 1750px) { 433 grid-template-columns: 400px 1fr; 434 } 435 436 @media all and (max-width: 1450px) { 437 grid-template-columns: 1fr; 438 439 & > div { 440 position: relative; 441 } 442 } 443`;t.div` 444 font-weight: 700; 445 font-size: 33px; 446 line-height: 56px; 447 color: rgba(255, 171, 62, 0.9); 448 display: flex; 449 align-items: center; 450 451 img { 452 width: 24px; 453 margin-left: 10px; 454 } 455`;t.div` 456 padding-top: 32px; 457 display: flex; 458 flex-direction: column; 459 gap: 32px; 460 461 div { 462 } 463 464 h6 { 465 font-weight: 400; 466 margin-bottom: 12px; 467 font-size: 18px; 468 line-height: 21px; 469 opacity: 0.9; 470 } 471 472 span { 473 font-size: 16px; 474 line-height: 140%; 475 color: #71798e; 476 opacity: 0.9; 477 } 478 479 .capitalize { 480 text-transform: capitalize; 481 } 482`;t.div` 483 position: sticky; 484 top: 80px; 485`;t.div` 486 margin-bottom: 18px; 487 488 &, 489 div { 490 display: flex; 491 align-items: center; 492 } 493 494 div { 495 margin-right: 12px; 496 } 497 498 h6, 499 span { 500 font-weight: 400; 501 font-size: 14px; 502 color: #71798e; 503 opacity: 0.9; 504 } 505 506 span { 507 color: #aab5c6; 508 margin-left: 4px; 509 } 510`;t.div` 511 display: flex; 512 align-items: center; 513 justify-content: space-between; 514`;t.video` 515 object-fit: cover; 516 max-width: 100%; 517 position: absolute; 518 z-index: 1; 519 bottom: 0; 520 height: 100%; 521 opacity: 0; 522 border-radius: 6px; 523 transition: opacity 0.3s ease; 524`;t.div` 525 width: 100%; 526 height: 100%; 527 transition: opacity 0.3s ease; 528 cursor: pointer; 529 z-index: 2; 530 opacity: 0.2; 531 532 &:hover { 533 opacity: 0.5; 534 } 535 536 img { 537 width: 100%; 538 } 539`;t.div` 540 display: grid; 541 grid-template-columns: 1fr 740px; 542 gap: 32px; 543 padding-top: 24px; 544 545 @media all and (max-width: 1450px) { 546 grid-template-columns: 1fr; 547 } 548`;t.div` 549 position: absolute; 550 right: 24px; 551 bottom: 24px; 552 width: 24px; 553 height: 24px; 554`;t.div` 555 position: absolute; 556 top: -50px; 557 left: 50%; 558 transform: translateX(-50%); 559 width: 3px; 560 height: 43px;
561 background: rgba(232, 236, 244, 0.05); 562 border-radius: 27px; 563 display: block; 564 565 &:after { 566 content: ''; 567 width: 12px; 568 height: 12px; 569 border-radius: 50%; 570 position: absolute; 571 left: 50%; 572 bottom: 0; 573 transform: translateX(-50%); 574 background: #3e424b; 575 } 576`;const Y=t.button` 577 font-weight: 500; 578 font-size: 14px; 579 letter-spacing: 0.01em; 580 color: #a5b2c4; 581 padding: 10px 16px; 582 background: #131821; 583 border-radius: 8px; 584 display: flex; 585 margin-right: 15px; 586 align-items: center; 587 588 img { 589 margin-right: 8px; 590 width: 24px; 591 } 592`,Q=t.div``,X=t.img` 593 position: absolute; 594 z-index: -1; 595 pointer-events: none; 596 right: 120px; 597 top: -100px; 598`,C=t.div` 599 display: grid; 600 grid-gap: 8px; 601 grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); 602 603 & > div { 604 width: auto; 605 } 606 607 @media all and (max-width: 650px) { 608 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); 609 } 610`,G=t.h3` 611 font-weight: 300; 612 font-size: 20px; 613 text-transform: uppercase; 614 color: #c1c8da; 615 margin-bottom: 20px; 616 text-align: left; 617`,V=t.div` 618 display: flex; 619 align-items: center; 620 justify-content: space-between; 621 margin-bottom: 24px; 622 z-index: 3; 623 624 & > div { 625 display: flex; 626 align-items: center; 627 } 628`,J=t.h1` 629 display: flex; 630 align-items: center; 631 632 span { 633 font-weight: 300; 634 font-size: 28px; 635 line-height: 33px; 636 text-transform: none; 637 } 638 639 & > img { 640 width: 36px; 641 margin-right: 10px; 642 } 643 644 @media all and (max-width: 1400px) { 645 span { 646 display: none; 647 } 648 } 649`,Z=t.ul` 650 display: flex; 651 align-items: center; 652 653 li { 654 display: flex; 655 align-items: center; 656 font-weight: 500; 657 font-size: 14px; 658 color: #aab5c6; 659 margin-right: 30px; 660 cursor: pointer; 661 transition: color .3s ease; 662 663 &.active { 664 color: #fff; 665 666 img { 667 transform: rotate(180deg); 668 } 669 } 670 } 671 672 img { 673 width: 12px; 674 margin-left: 7px; 675 transition: transform .3s ease; 676 } 677 678 .dropdown { 679 left: auto; 680 right: 0; 681 682 @media (max-width: 650px) { 683 width: calc(100vw - 40px); 684 } 685 } 686`,tt=t.div` 687 margin-bottom: 38px; 688`,et=[{value:"ÐÑÑмо Ñ Ð·Ð°Ð²Ð¾Ð´Ð°",label:"FactoryNew"},{value:"Ðемного поноÑенное",label:"MinimalWear"},{value:"ÐоÑле полевÑÑ Ð¸ÑпÑÑаний",label:"FieldTested"},{value:"ÐоноÑенное",label:"WellWorn"},{value:"Ðакаленное в боÑÑ ",label:"BattleScarred"}],it=o=>{const{t:r}=w(),{items:a}=o,p=E(),[n,m]=l.useState(null),[s,c]=l.useState({rarity:[],quality:[]}),u=P(),y=g(i=>i.marketPage.search),b=y?y.toLowerCase():"",h=Object.prototype.toString.call(n)!="[object Array]",_=!h&&n&&n.length===0&&b.length>0;l.useEffect(()=>{m(a),c({rarity:[],quality:[]})},[a]),l.useEffect(()=>{a&&!h&&m(a.filter(i=>i.subtitle.toLowerCase().includes(b)&&(s.rarity.length==0?!0:s.rarity.includes(i.rarity))&&(s.quality.length==0?!0:s.quality.includes(i.quality))))},[b,s]);const v=(i,x)=>{let d=[...s[x]];d.includes(i)?d.splice(d.indexOf(i),1):d.push(i),c({...s,[x]:d})};return e.jsxs(Q,{children:[e.jsx(X,{src:f("/pages/shop/bg2.png"),alt:""}),e.jsxs(V,{children:[e.jsx("div",{children:e.jsx(J,{children:o.gameId=="1"&&e.jsxs(Y,{onClick:()=>u("/shop"),children:[e.jsx("img",{loading:"lazy",src:f("/pages/case/icons/arrow-left.svg"),alt:""}),r("Back")]})})}),e.jsxs("div",{children:[!h&&e.jsxs(Z,{children:[o.category=="skins"&&e.jsx(S,{title:r("Quality"),children:e.jsx("ul",{children:et.map(i=>e.jsx("li",{onClick:()=>v(i.value,"quality"),className:s.quality.includes(i.value)?"active":void 0,children:r(i.label)},i.value))})}),e.jsx(S,{title:r("Rarity"),children:e.jsx("ul",{children:[1,2,3,4,5,6,7].map(i=>e.jsx("li",{onClick:()=>v(i,"rarity"),className:s.rarity.includes(i)?"active":void 0,children:r(F(i))},i))})})]}),!h&&e.jsx(N,{placeholder:"Search",value:y,onChange:i=>p(O(i.target.value))}),o.gameId=="1"&&e.jsx(U,{})]})]}),h?e.jsx("div",{children:n&&Object.keys(n).map((i,x)=>e.jsxs(tt,{children:[e.jsx(G,{children:i}),e.jsx(C,{children:n[i].map((d,I)=>e.jsx(j.Fragment,{children:z(d.data)},d?.data?.hash||d?.data?.id_market_item||d?.data?.id||I))})]},x))}):_?e.jsx(q,{icon:f("/pages/shop/icons/lots-empty.svg"),text:"NoSearchResults",subtext:"NoSearchResults2"}):e.jsx(C,{children:n?n.map((i,x)=>e.jsx(j.Fragment,{children:z(i,{price_in_case:!0})},i.hash||i.id_market_item||i.id||x)):null})]})},at=t.div` 689 padding: 1vw; 690 padding-top: 100px; 691 grid-gap: 37px; 692 display: grid; 693 grid-template-columns: 1fr; 694 min-height: 80vh; 695 696 @media all and (max-width: 1000px) { 697 padding: 48px; 698 padding-top: 64px; 699 } 700 701 @media all and (max-width: 840px) { 702 grid-template-columns: 1fr; 703 } 704 705 @media all and (max-width: 750px) { 706 grid-template-columns: 1fr; 707 padding: 16px; 708 } 709 710 @media all and (min-width: 1950px) { 711 max-width: 1920px; 712 margin: 0 auto; 713 } 714`,nt=t.div``,ot=o=>{const r=g(a=>a.root.currentGame);return l.useEffect(()=>{const a=document.getElementById("main");if(!a)return;const p=n=>{document.body.classList.toggle("dark-header",n.target.scrollTop>50)};return document.body.classList.add("static-header"),a.addEventListener("scroll",p),()=>{document.body.classList.remove("static-header"),a.removeEventListener("scroll",p)}},[]),l.useEffect(()=>{A("shop_page_open",{is_auth:!!k.get("multitoken"),language:k.get("lang_g")})},[]),e.jsx(at,{children:e.jsx(nt,{children:e.jsx(it,{items:o.allItems.skins,category:"skins",gameId:r})})})},yt=()=>{const{t:o}=w(),r=E(),a=g(n=>n.marketPage.loaded),p=g(n=>n.marketPage.marketItems);return l.useEffect(()=>{r($()),window.socket.on("strp",n=>{document.title==`CYBERSHOKE | ${o("Store")}`&&r(W(n))})},[]),a?e.jsxs(l.Fragment,{children:[e.jsx(M,{title:`CYBERSHOKE - ${o("Store")}`,descr:o("DESCR")}),e.jsx(ot,{allItems:p})]}):e.jsx(H,{})};export{yt 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.