1import{r as o,j as e,i as S}from"./vendor-react-BGN68_Lp.js";import{aB as H,u as X,t as M,w as O,dK as V,g as s,c as q,I as b}from"./index-uear5Vpj.js";import{g as i,E as G}from"./vendor-styled-pkIKgjgv.js";import{u as A}from"./vendor-redux-D8sX5Eqv.js";import{u as R}from"./vendor-i18n-BWleq_Sd.js";import{b as J,L as Q}from"./vendor-router-CYD8mbvC.js";import"./vendor-socket-DSYo_sTV.js";const Z=G` 2 0% { 3 transform: rotate(0deg); 4 } 5 6 100% { 7 transform: rotate(360deg); 8 } 9`,ee=i.div` 10 padding: 72px 0; 11 display: flex; 12 flex-direction: column; 13 align-items: center; 14 gap: 8px; 15 16 img { 17 width: 64px; 18 } 19 20 h6 { 21 color: #475164; 22 font-family: 'Roboto Condensed'; 23 font-size: 20px; 24 font-weight: 700; 25 text-transform: uppercase; 26 } 27 28 p { 29 color: #475164; 30 text-align: center; 31 font-size: 14px; 32 line-height: 140%; 33 width: 340px; 34 opacity: 0.7; 35 } 36`,te=i.button` 37 padding: 10px 18px; 38 border-radius: 8px; 39 background: rgba(45, 55, 78, 0.24); 40 display: flex; 41 align-items: center; 42 gap: 8px; 43 color: #ccd1dd; 44 font-size: 12px; 45 font-weight: 500; 46 line-height: 24px; 47 margin: 0 auto; 48 margin-bottom: 72px; 49 50 img { 51 width: 20px; 52 } 53`,N=i.ul` 54 padding: 6px; 55 min-width: 190px; 56 57 a { 58 padding: 6px 0; 59 display: flex; 60 align-items: center; 61 gap: 6px; 62 color: #dee2ed; 63 font-size: 14px; 64 transition: color 0.2s ease; 65 66 &:hover { 67 color: #bcbfc9; 68 } 69 70 img { 71 width: 24px; 72 border-radius: 50%; 73 } 74 } 75`,ne=i.div` 76 width: 760px; 77 padding: 7px; 78 border-radius: 10px; 79 background: linear-gradient( 80 270deg, 81 rgba(31, 38, 63, 0.7) 56.12%, 82 rgba(38, 51, 96, 0.7) 100% 83 ); 84 backdrop-filter: blur(5px); 85 padding-left: 145px; 86 display: flex; 87 align-items: center; 88 justify-content: space-between; 89 90 img { 91 width: 120px; 92 left: 7px; 93 top: 50%; 94 transform: translateY(-50%); 95 position: absolute; 96 } 97 98 h6 { 99 font-family: 'Roboto'; 100 font-size: 16px; 101 font-weight: 700; 102 } 103 104 p { 105 color: #a5b3cb; 106 font-size: 12px; 107 font-weight: 400; 108 margin-top: 4px; 109 } 110 111 button { 112 padding: 16px 24px; 113 border-radius: 6px; 114 background: #6080ff; 115 display: flex; 116 align-items: center; 117 gap: 6px; 118 font-size: 14px; 119 font-weight: 700; 120 121 img { 122 width: 18px; 123 } 124 } 125`,ie=i.div` 126 display: flex; 127 flex-direction: column; 128 align-items: center; 129 gap: 48px; 130 padding: 64px 0; 131 132 @media (max-width: 840px) { 133 padding: 32px 24px; 134 gap: 24px; 135 } 136`,ae=i.div` 137 display: flex; 138 flex-direction: column; 139 align-items: center; 140 gap: 72px; 141`,se=i.div` 142 position: absolute; 143 left: 50%; 144 transform: translateX(-50%); 145 top: 0; 146 width: 150%; 147 height: 100%; 148 mask-image: linear-gradient( 149 172deg, 150 #d9d9d9 42.7%, 151 rgba(217, 217, 217, 0) 94.96% 152 ); 153 154 img { 155 top: 40px; 156 position: absolute; 157 transition: all 0.3s ease; 158 left: 50%; 159 transform: translateX(-50%); 160 width: 310px; 161 } 162`,re=i.h1` 163 text-align: center; 164 font-family: 'Montserrat'; 165 font-size: 45px; 166 font-weight: 900; 167 line-height: 52px; 168 text-transform: uppercase; 169 width: 630px; 170 171 @media (max-width: 840px) { 172 font-size: 24px; 173 line-height: 28px; 174 width: 350px; 175 } 176`,oe=i.div``,le=i.div` 177 padding: 48px 0 72px 0; 178 display: flex; 179 flex-direction: column; 180 align-items: center; 181 182 h3 { 183 font-size: 26px; 184 font-weight: 700; 185 text-transform: none; 186 margin-bottom: 28px; 187 } 188`,de=i.div` 189 gap: 28px; 190 display: flex; 191 flex-direction: column; 192 align-items: center; 193 padding-bottom: 72px; 194 195 h3 { 196 font-size: 20px; 197 font-weight: 600; 198 text-transform: none; 199 } 200`,T=i.img` 201 width: 56px; 202 height: 56px; 203 /* border: 3px solid #5b657e; */ 204 border-radius: 6px; 205 cursor: pointer; 206 207 &.main { 208 width: 64px; 209 height: 64px; 210 /* border: 3px solid #526585; */ 211 } 212`,P=i.div` 213 display: flex; 214 justify-content: center;
215 align-items: center; 216 217 &.top { 218 ${T} { 219 width: 64px; 220 height: 64px; 221 222 &.main { 223 width: 76px; 224 height: 76px; 225 } 226 } 227 } 228 229 span { 230 display: block; 231 background: #5b657e; 232 width: 32px; 233 height: 4px; 234 } 235`,F=i.div` 236 display: flex; 237 flex-direction: column; 238 align-items: center; 239 240 h6 { 241 position: absolute; 242 top: 100%; 243 left: 50%; 244 transform: translateX(-50%); 245 padding: 5px 11px; 246 margin-top: 8px; 247 border-radius: 4px; 248 background: #22263c; 249 color: #dee2ed; 250 font-size: 12px; 251 } 252`,ce=i.div` 253 padding: 5px; 254 border-radius: 16px; 255 border: 1px solid rgba(145, 175, 253, 0.2); 256 width: 760px; 257 height: 78px; 258 display: flex; 259 align-items: center; 260 gap: 2px; 261 transition: all 0.3s ease; 262 263 &.load { 264 pointer-events: none; 265 266 img { 267 animation: ${Z} 1s infinite; 268 } 269 270 input { 271 &, 272 &::placeholder { 273 color: rgba(156, 164, 190, 0.4); 274 } 275 } 276 } 277 278 img { 279 width: 24px; 280 } 281 282 &.full { 283 width: 100%; 284 } 285 286 button { 287 width: 58px; 288 height: 100%; 289 display: flex; 290 align-items: center; 291 justify-content: center; 292 border-radius: 2px 12px 12px 2px; 293 background: linear-gradient(180deg, #283243 0%, #2e3a4c 100%); 294 } 295 296 input { 297 border-radius: 12px 2px 2px 12px; 298 background: rgba(82, 101, 133, 0.18); 299 padding: 18px 24px; 300 height: 100%; 301 transition: background 0.3s ease; 302 303 &, 304 &::placeholder { 305 color: #9ca4be; 306 font-family: 'Roboto'; 307 font-size: 18px; 308 transition: color 0.3s ease; 309 } 310 } 311 312 &.focus { 313 border-color: rgba(145, 175, 253, 0.6); 314 315 input { 316 background: rgba(82, 101, 133, 0.24); 317 } 318 } 319 320 @media (max-width: 840px) { 321 width: 100%; 322 height: 58px; 323 padding: 4px; 324 border-radius: 12px; 325 326 input { 327 border-radius: 10px 2px 2px 10px; 328 padding: 16px; 329 330 &, 331 &::placeholder { 332 font-size: 16px; 333 } 334 } 335 336 button { 337 border-radius: 2px 10px 10px 2px; 338 } 339 } 340`,pe=i.div` 341 margin-top: 16px; 342 display: flex; 343 align-items: center; 344 justify-content: space-between; 345 padding: 0 24px; 346 347 div { 348 gap: 18px; 349 display: flex; 350 align-items: center; 351 } 352`,u=i.button` 353 color: #5a6371; 354 font-size: 12px; 355 gap: 6px; 356 display: flex; 357 align-items: center; 358 background: transparent; 359`,he=i.div` 360 display: flex; 361 flex-direction: column; 362 align-items: center; 363 padding: 48px 16px; 364 gap: 24px; 365`,xe=i.div` 366 display: flex; 367 flex-direction: column; 368 text-align: center; 369 370 h5 { 371 font-size: 16px; 372 font-weight: 400; 373 font-family: Roboto; 374 line-height: 23px; 375 color: #5A6371; 376 } 377`,ge=i.div` 378 display: flex; 379 flex-direction: column; 380 align-items: center; 381 border-top: 1px solid #2D374E; 382 border-bottom: 1px solid #2D374E; 383 padding: 16px 7px; 384 gap: 16px; 385 386 h5 { 387 font-size: 14px; 388 font-weight: 400; 389 font-family: Roboto; 390 line-height: 20px; 391 color: #5A6371; 392 } 393`,me=i.div` 394 display: flex; 395 flex-direction: row; 396 align-items: center; 397 gap: 16px; 398 399 img { 400 width: 36px; 401 height: 36px; 402 color: #4F5363; 403 transition: filter 0.3s ease; 404 cursor: pointer; 405 406 &:hover { 407 filter: brightness(125%); 408 } 409 } 410`,fe=i.h5` 411 font-size: 14px; 412 font-weight: 400; 413 font-family: Roboto; 414 line-height: 20px; 415 color: #7F8EAA; 416 transition: filter 0.3s ease; 417 cursor: pointer; 418 419 &:hover { 420 filter: brightness(125%); 421 } 422`,y={getHandshakeViews:()=>H("/api/v1/user/handshakes/data"),getHandshakes:n=>H("/api/v1/user/handshakes",{steamid64_find:n}),getSteamId:n=>H("/api/v1/check/steam/url",{url:n})},ue=i.img` 423 position: absolute; 424 left: 0; 425 top: 0; 426 width: 100%; 427`,be=i.div` 428 margin-top: 100px; 429 padding: 16px; 430 display: flex; 431 gap: 16px; 432 align-items: center; 433`,je=i.div` 434 overflow: hidden; 435 border-radius: 44px; 436 background: linear-gradient(162deg, #31469b 0.77%, #6080ff 82.23%); 437 width: 118px; 438 height: 226px; 439 display: flex; 440 flex-direction: column; 441 justify-content: space-between; 442 align-items: center; 443 padding: 17px 0 10px 0; 444 transition: opacity 0.3s ease; 445 446 h3 { 447 color: #fff; 448 font-family: 'Montserrat';
449 font-size: 14px; 450 font-weight: 700; 451 } 452 453 h3, 454 span { 455 z-index: 1; 456 } 457 458 span { 459 border-radius: 51px; 460 background: #1a213d; 461 backdrop-filter: blur(9px); 462 padding: 12px 15px; 463 font-family: 'Montserrat'; 464 font-size: 14px; 465 font-weight: 700; 466 } 467 468 &:nth-child(odd) { 469 margin-top: 56px; 470 } 471 472 &:nth-child(even) { 473 margin-bottom: 56px; 474 } 475 476 &:nth-child(3n + 1) { 477 opacity: 1; 478 } 479 480 &:nth-child(3n + 2) { 481 opacity: 0.5; 482 } 483 484 &:nth-child(3n) { 485 opacity: 0.8; 486 } 487 488 &:hover { 489 cursor: pointer; 490 opacity: 1; 491 492 img { 493 transform: translateX(-50%) scale(1.1) translateY(10px); 494 } 495 } 496`,ye=i.div` 497 mask-image: linear-gradient( 498 270deg, 499 rgba(217, 217, 217, 0) 0%, 500 rgba(217, 217, 217, 0.93) 22.7%, 501 #d9d9d9 74.24%, 502 rgba(217, 217, 217, 0) 100% 503 ); 504`,I=[{steamid64:"76561198386265483",name:"donk",playtime:1803600},{steamid64:"76561197960287930",name:"GABEN"},{steamid64:"76561198074762801",name:"m0NESY",playtime:1321200}],Ce=()=>{const{t:n}=R(),{id:r}=J(),l=A(t=>t.auth.isAuth),k=A(t=>t.root.activePro),d=X(),[p,j]=o.useState(""),[c,v]=o.useState(null),[_,z]=o.useState(null),[g,m]=o.useState(!1),[B,C]=o.useState(!1),[h,L]=o.useState(null),[K,W]=o.useState(null);o.useEffect(()=>{l&&y.getHandshakeViews().then(t=>{t&&L(t.data)})},[l]),o.useEffect(()=>{M("handshakes_page_open",{is_auth:!!O.get("multitoken"),language:O.get("lang_g")})},[]),o.useEffect(()=>{r?(j(r),m(!0),y.getHandshakes(r).then(t=>{m(!1),t?(v(t.data),z(t.list_pro_next),W(t.info)):d("/handshakes")})):(v(null),j(""))},[r]);const E=async t=>{const a=t??p;if(r===a)return d("/handshakes");a.length>0&&!g&&(m(!0),await y.getSteamId(a).then(x=>{x&&d(`/handshakes/${x.data.steamid64}`)}))},U=t=>{g||(j(t),E(t))},D=()=>{if(_)return _;const t=[...k.filter(x=>!I.some(f=>f.steamid64==x.steamid64))];let a=Math.floor(t.length/2);return t.splice(a,0,...I),t},w=(t,a)=>{if(a)switch(t.length){case 2:return"MeToSomePlayer3";case 3:return"MeToSomePlayer4";case 4:case 5:case 6:return"MeToSomePlayer";default:return"MeToSomePlayer2"}return{nick:t[t.length-1].name,amount:t.length-2}},Y=()=>{g||(m(!0),y.getHandshakes(r).then(t=>{m(!1),t&&(v(t.data),z(t.list_pro_next))}))};return e.jsxs(ie,{children:[e.jsx(V,{title:n("HandshakeTitle"),descr:n("HandshakeDesc")}),e.jsx(ue,{src:s("/pages/discord/bg2.png")}),e.jsx(re,{children:n("HandshakeTheory")}),l?e.jsxs(oe,{children:[e.jsxs(ce,{className:q(g&&"load",B&&"focus"),children:[e.jsx("input",{type:"text",placeholder:n("FindByProfile"),value:p,onChange:t=>j(t.target.value),onFocus:()=>C(!0),onBlur:()=>C(!1)}),e.jsx("button",{onClick:()=>E(),children:e.jsx("img",{loading:"lazy",src:s(`/pages/handshake/icons/${g?"loading":r===p?"delete":"find"}.svg`),alt:""})})]}),e.jsxs(pe,{children:[h?.users_find_me.length>0?e.jsx(S,{placement:"bottom",interactive:!0,content:e.jsx(N,{children:h.users_find_me.map(t=>e.jsx("li",{children:e.jsxs("a",{href:b(`/profile/${t.steamid64}`),target:"_blank",children:[e.jsx("img",{loading:"lazy",src:t.avatar,alt:""}),t.name]})}))}),children:e.jsxs(u,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/eye.svg"),alt:""}),n("FindTimes",{amount:h?h.count_find:0})]})}):e.jsxs(u,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/eye.svg"),alt:""}),n("FindTimes",{amount:h?h.count_find:0})]}),e.jsxs("div",{children:[h?.im_find_users.length>0?e.jsx(S,{placement:"bottom",interactive:!0,content:e.jsx(N,{children:h.im_find_users.map(t=>e.jsx("li",{children:e.jsxs("a",{href:b(`/profile/${t.steamid64_target}`),target:"_blank",children:[e.jsx("img",{loading:"lazy",src:t.avatar,alt:""}),t.name]})}))}),children:e.jsxs(u,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/history.svg"),alt:""}),n("History")]})}):e.jsxs(u,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/history.svg"),alt:""}),n("History")]}),e.jsx(S,{placement:"bottom",content:n("HowHandshakeWorks2"),children:e.jsxs(u,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/info.svg"),alt:""}),n("HowHandshakeWorks")]})})]})]})]}):e.jsxs(ne,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/unauth.png"),alt:""}),e.jsxs("div",{children:[e.jsx("h6",{children:n("CheckConnections")}),e.jsx("p",{children:n("CheckConnections2")})]}),e.jsx("a",{href:"//auth.cybershoke.net/steam",onClick:()=>M("login_click",{source:"handshake_banner"}),children:e.jsxs("button",{children:[n("LOGIN-WITH")," Steam"]})})]}),c&&e.jsx(e.Fragment,{children:c.length>0?e.jsxs("div",{children:[e.jsxs(le,{children:[e.jsx("h3",{children:n(w(Object.values(c[0]),!0),w(Object.values(c[0])))}),e.jsx(P,{children:Object.values(c[0]).map((t,a)=>e.jsxs(o.Fragment,{children:[e.jsxs(F,{children:[e.jsx("a",{href:b(`/profile/${t.steamid64}/friends`),target:"_blank",children:e.jsx(T,{src:t.avatar,alt:"",className:(a==0||a==Object.values(c[0]).length-1)&&"main"})}),e.jsx("h6",{className:"limited-length",children:t.name})]}),a<Object.values(c[0]).length-1&&e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/chain_2.svg")})]}))})]}),Object.keys(c).length>1?e.jsxs(de,{children:[e.jsx("h3",{children:n("AnotherHandshakes")}),e.jsx(ae,{children:c.filter((t,a)=>a!==0).map(t=>{const a=Object.values(t);return e.jsx(P,{children:a.map((x,f)=>e.jsxs(o.Fragment,{children:[e.jsxs(F,{children:[e.jsx("a",{href:b(`/profile/${x.steamid64}/friends`),target:"_blank",children:e.jsx(T,{src:x.avatar,alt:"",className:(f==0||f==a.length-1)&&"main"})}),e.jsx("h6",{className:"limited-length",children:x.name})]}),f<a.length-1&&e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/chain_2.svg")})]}))})})})]}):Object.values(c[0]).length>2?e.jsxs(te,{onClick:Y,children:[n("LoadMore"),e.jsx("img",{loading:"lazy",src:s("/pages/handshake/icons/plus.svg"),alt:""})]}):null,e.jsx(ke,{handshakeStats:K,data:w(Object.values(c[0]))})]}):e.jsxs(ee,{children:[e.jsx("img",{loading:"lazy",src:s("/pages/handshake/empty.png"),alt:""}),e.jsx("h6",{children:n("ChainsNotFound")}),e.jsx("p",{children:n("ChainsNotFound2")})]})}),e.jsx(ye,{children:e.jsx(be,{style:{marginTop:0},children:D().map(t=>e.jsxs(je,{onClick:()=>U(t.steamid64),children:[e.jsx("h3",{children:t.name}),t.playtime&&e.jsxs("span",{children:[Math.ceil(t.playtime/3600)," ",n("h")]}),e.jsx(se,{children:e.jsx("img",{loading:"lazy",src:s(`/img/profile/${t.steamid64}.png`),alt:""})})]}))})})]})},$=(n,r)=>{const l=[2,0,1,1,1,2];return r[n%100>4&&n%100<20?2:l[n%10<5?n%10:5]]},ke=({data:n,handshakeStats:r})=>{const{t:l}=R(),k=o.useMemo(()=>{const d=encodeURI(window.location.href),p=encodeURI(l($(n.amount,["HSHK-STTS-SHARE-TO-1","HSHK-STTS-SHARE-TO-FEW","HSHK-STTS-SHARE-TO-MANY"]),{nick:n.nick,amount:n.amount}));return[{icon:s("/img/socials/header/telegram.svg"),href:`https://t.me/share/url?url=${d}&text=${p}`},{icon:s("/img/socials/header/vk.svg"),href:`https://vk.com/share.php?url=${d}&title=${p}`},{icon:s("/img/socials/header/reddit.svg"),href:`https://reddit.com/submit?url=${d}&title=${p}`},{icon:s("/img/socials/header/x.svg"),href:`https://x.com/share?url=${d}&text=${p}`}]},[n,l]);return e.jsxs(he,{children:[r?.count_steamid64_find_search&&e.jsx(xe,{children:e.jsx("h5",{children:l($(r.count_steamid64_find_search,["HSHK-STTS-COUNT-TO-1","HSHK-STTS-COUNT-TO-FEW","HSHK-STTS-COUNT-TO-MANY"]),{nick:n.nick,count:r.count_steamid64_find_search})})}),e.jsxs(ge,{children:[e.jsx("h5",{children:l`HSHK-STTS-SHARE-TITLE`}),e.jsx(me,{children:k.map(d=>e.jsx("a",{href:d.href,target:"_blank",rel:"noreferrer noopener",children:e.jsx("img",{loading:"lazy",src:d.icon,alt:""})}))})]}),e.jsx(Q,{to:b("/menu"),children:e.jsx(fe,{children:l`MORE-MINI-APPS`})})]})};export{Ce 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.