https://cybershoke.net/assets/Country-DtY4Xp6b.js

1import{r as l,j as t}from"./vendor-react-BGN68_Lp.js";import{g as e}from"./vendor-styled-pkIKgjgv.js";import{x as w,g as s,a2 as y,a8 as j,a9 as C,s as v,b as S}from"./index-uear5Vpj.js";import{b as k,a as L}from"./vendor-redux-D8sX5Eqv.js";import{u as z}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const D=e.div`
2    width: 508px;
3    background: #161b25;
4    border-radius: 10px;
5    padding: 46px 40px 40px 40px;
6
7    button {
8        margin-top: 24px;
9    }
10
11    .dropdown {
12        max-height: 300px;
13        overflow: auto;
14        width: 100%;
15        padding: 17px 15px 17px 24px;
16        background: #202636;
17        box-shadow: 0px 11px 18px rgba(15, 20, 27, 0.25);
18        border-radius: 0px 0px 8px 8px;
19
20        div {
21            font-weight: 400;
22            font-size: 14px;
23            line-height: 31px;
24            display: flex;
25            align-items: center;
26            color: #a3acc0;
27            transition: all 0.2s ease;
28
29            &:hover {
30                color: #fff;
31            }
32        }
33    }
34
35    @media all and (max-width: 650px) {
36        width: 90%;
37        padding: 24px;
38    }
39`,E=e.h1`
40    font-weight: 700;
41    font-size: 24px;
42    line-height: 28px;
43    color: #ecf1f8;
44    text-align: center;
45    text-transform: none;
46`,M=e.p`
47    font-weight: 400;
48    font-size: 14px;
49    line-height: 140%;
50    text-align: center;
51    color: #7b828a;
52    margin-top: 8px;
53    margin-bottom: 24px;
54`,x=e.div`
55    padding: 0 24px;
56    width: 100%;
57    background: #1a202d;
58    border-radius: 8px;
59    display: flex;
60    align-items: center;
61    height: 48px;
62
63    &:not(:last-child) {
64        margin-bottom: 8px;
65    }
66
67    input {
68        height: 100%;
69        width: 100%;
70        background: transparent;
71
72        &::placeholder {
73            font-weight: 400;
74            font-size: 14px;
75            color: #697183;
76        }
77    }
78`,_=e.span`
79    font-weight: 400;
80    font-size: 14px;
81    color: #697183;
82`,d=e.img`
83    width: 16px;
84    border-radius: 50%;
85    margin-right: 6px;
86`,$=e(x)`
87    padding-right: 46px;
88    cursor: pointer;
89`,F=e.img`
90    position: absolute;
91    right: 24px;
92    top: 50%;
93    transform: translateY(-50%);
94    width: 12px;
95    transition: all 0.3s ease;
96
97    &.returned {
98        transform: translateY(-50%) rotate(180deg);
99    }
100`,N=n=>{const{t:r}=z(),g=L(),[a,u]=l.useState(!1),[i,m]=l.useState(n.client.country_user),[c,h]=l.useState(""),f=()=>g(S(null)),b=()=>{C.setSettings(`code=${i}&option=change_country&comment=${c}`).then(o=>{f(),o&&v(r("Sent"))})};return t.jsxs(D,{children:[t.jsx(w,{}),t.jsx(E,{children:r("CountryModalTitle")}),t.jsx(M,{children:r("CountryModalSubtitle")}),t.jsxs($,{onClick:()=>u(!a),children:[t.jsx(F,{src:s("/img/icons/profile/arrow.svg"),className:a&&"returned"}),t.jsx(d,{src:s(`/img/flags/${i}.svg`),onError:({currentTarget:o})=>{o.onerror=null,o.src=s("/img/flags/country.svg")}}),t.jsx(_,{children:r(n.countryList[y(i)])}),t.jsx(j,{state:a,children:Object.keys(n.countryList).map(o=>t.jsxs("div",{onClick:()=>m(o.toLowerCase()),children:[t.jsx(d,{src:s(`/img/flags/${o.toLowerCase()}.svg`),onError:({currentTarget:p})=>{p.onerror=null,p.src=s("/img/flags/country.svg")}}),n.countryList[o]]}))})]}),t.jsx(x,{children:t.jsx("input",{type:"text",placeholder:r("Comment"),value:c,onChange:o=>h(o.target.value)})}),t.jsx("button",{className:"modal-button",onClick:b,children:r("SendRequest")})]})},A=n=>({client:n.root.clientData,countryList:n.root.countryList}),O=k(A,null)(N);export{O as default};