https://cybershoke.net/assets/Welcome-B1uzjcc9.js

1import{r as n,j as e}from"./vendor-react-BGN68_Lp.js";import{u as z,x as P,ai as _,g as l,aq as f,b as N,a9 as p,ar as A,t as j}from"./index-uear5Vpj.js";import{a as U,u as W}from"./vendor-redux-D8sX5Eqv.js";import{g as i}from"./vendor-styled-pkIKgjgv.js";import{u as D}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const T=i.div`
2    padding: 46px 40px 40px 40px;
3    width: 509px;
4    background: #161b25 url(${l("/img/modals/welcome/bg.png")})
5        no-repeat center center / cover;
6    border-radius: 15px;
7
8    h1 {
9        font-weight: 700;
10        font-size: 24px;
11        line-height: 28px;
12        color: #ecf1f8;
13        text-transform: none;
14        display: flex;
15        align-items: center;
16
17        img {
18            width: 48px;
19            margin-right: 12px;
20        }
21    }
22
23    @media all and (max-width: 650px) {
24        padding: 24px;
25        width: 90%;
26    }
27`,B=i.div`
28    @media all and (max-width: 650px) {
29        display: none;
30    }
31`,I=i.div`
32    height: 96px;
33    display: flex;
34    align-items: center;
35    padding: 0 25px;
36    justify-content: space-between;
37    background: url(${l("/img/modals/premium/premium-header.svg")})
38        no-repeat center center / cover;
39    border-radius: 10px;
40
41    span {
42        padding: 9px 10px;
43        font-weight: bold;
44        font-size: 16px;
45        background: #ef8f32;
46        border-radius: 8px;
47    }
48`,M=i.p`
49    font-weight: 400;
50    font-size: 16px;
51    line-height: 150%;
52    color: #778597;
53    margin-top: 12px;
54`,d=i.div`
55    margin-top: 24px;
56
57    h6 {
58        font-weight: 400;
59        font-size: 14px;
60        color: #afb7c6;
61        margin-bottom: 12px;
62    }
63
64    p {
65        font-weight: 400;
66        font-size: 12px;
67        line-height: 140%;
68        color: #7b828a;
69        margin-top: 12px;
70    }
71`,$=i.div`
72    height: 50px;
73    background: #191f2c;
74    border-radius: 8px;
75    overflow: hidden;
76    display: flex;
77
78    div {
79        height: 100%;
80        opacity: 0.6;
81        width: 50%;
82        display: flex;
83        align-items: center;
84        justify-content: center;
85        font-weight: 500;
86        font-size: 14px;
87        cursor: pointer;
88        transition: all 0.2s ease;
89
90        &.active {
91            opacity: 1;
92            background: #1f2535;
93        }
94    }
95
96    img {
97        width: 20px;
98        margin-right: 6px;
99    }
100`,F=i.button`
101    margin-top: 24px;
102    background: #ef8f32;
103`,H=i.input`
104    padding: 0 24px;
105    height: 50px;
106    background: #1a202d;
107    border-radius: 8px;
108
109    &,
110    &::placeholder {
111        font-weight: 400;
112        font-size: 14px;
113    }
114
115    &::placeholder {
116        color: #697183;
117    }
118`,R=i.div`
119    color: #af7678;
120`,Y=i.div`
121    color: #90abc2;
122`,V=()=>{const{t}=D(),m=U(),b=z(),x=W(s=>s.auth.prime),[a,v]=n.useState(""),[w,g]=n.useState(null),[k,h]=n.useState(null),[r,S]=n.useState(""),[o,c]=n.useState(!0);n.useEffect(()=>c(x),[x]),n.useEffect(()=>{j("registration_modal_open")},[]);const u=()=>{f("showedWelcome",!0),m(N(null))},y=()=>{r&&a&&p.setSettings({option:"update_email",email:r}).then(s=>{s&&(j("registration_modal_submit"),m(A(r)),b("/premium"),E(),p.setSettings({option:"change_prime",value:o}).then(C=>{C&&f("primeStatus",o,31536e3)}))})},E=()=>{h(null),p.setSettings({option:"update_nickname",nickname:a,invoice:!1}).then(s=>{s&&(s.result=="error"?g(t("NickUnavailable")):u())})};return e.jsxs(T,{children:[e.jsx(P,{onClick:u}),e.jsx(B,{children:e.jsxs(I,{children:[e.jsxs("h2",{children:[t("Hi"),"!"]}),e.jsx("span",{children:t("PremiumFirstBonus")})]})}),e.jsx(M,{children:t("WelcomeText")}),e.jsxs(d,{children:[e.jsx(_,{setError:g,setSuccess:h,setUrl:v,url:a,success:k,error:w}),e.jsx("p",{children:t("NicknameDescr")})]}),e.jsxs(d,{children:[e.jsx("h6",{children:t("DoYouHavePrime")}

122),e.jsxs($,{children:[e.jsxs(Y,{className:o?"active":"",onClick:()=>c(!0),children:[e.jsx("img",{loading:"lazy",src:l("/img/png/prime.png"),alt:""}),"Prime"]}),e.jsxs(R,{className:o?"":"active",onClick:()=>c(!1),children:[e.jsx("img",{loading:"lazy",src:l("/img/png/no_prime.png"),alt:""}),"non-Prime"]})]}),e.jsx("p",{children:t("PrimeDescription")})]}),e.jsxs(d,{children:[e.jsxs("h6",{children:[t("EnterEmail"),":"]}),e.jsx(H,{placeholder:t("EmailAdress"),onChange:s=>S(s.target.value),value:r,type:"email"}),e.jsx("p",{children:t("YouCanChangeEmail")})]}),e.jsx(F,{className:`modal-button ${(!r||!a)&&"participating"}`,onClick:y,children:t("SaveAndReceive")})]})};export{V as default};