1import{r as o,j as e}from"./vendor-react-BGN68_Lp.js";import{b as h,x as w,g as p,c as r}from"./index-uear5Vpj.js";import{t as l}from"./vendor-i18n-BWleq_Sd.js";import{a as j,u as y}from"./vendor-redux-D8sX5Eqv.js";import{g as i}from"./vendor-styled-pkIKgjgv.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const c=i.button` 2 text-transform: none; 3 height: 56px; 4 background: #6080ff; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8 gap: 8px; 9 10 &.full-width { 11 width: 100%; 12 } 13 14 & > img { 15 width: 20px; 16 height: 20px; 17 } 18 19 &.closed, 20 &[disabled] { 21 opacity: 0.5; 22 cursor: not-allowed; 23 } 24`,v=i.div` 25 height: 200px; 26 border-radius: 16px 16px 0 0; 27 overflow: hidden; 28 background: url(${p("/img/modals/blue-lines.jpg")}) 29 no-repeat center center / cover; 30 display: flex; 31 align-items: center; 32 justify-content: center; 33 34 img { 35 width: 100%; 36 height: 100%; 37 object-fit: cover; 38 } 39 40 @media (max-width: 768px) { 41 height: 200px; 42 } 43`,C=i.div` 44 padding: 9px 14px; 45 border-radius: 6px; 46 background: 47 linear-gradient( 48 0deg, 49 rgba(35, 42, 62, 0.8) 0%, 50 rgba(35, 42, 62, 0.8) 100% 51 ), 52 rgba(31, 37, 55, 0.8); 53 display: flex; 54 align-items: center; 55 gap: 8px; 56 color: #e5edff; 57 font-size: 16px; 58 font-weight: 500; 59 60 img { 61 width: 28px; 62 border-radius: 8px; 63 } 64`,u=i.button` 65 border-radius: 6px; 66 border: 1px dashed rgba(255, 205, 77, 0.15); 67 background: rgba(255, 205, 77, 0.07); 68 padding: 12px; 69 display: flex; 70 gap: 10px; 71 text-align: left; 72 73 img { 74 width: 16px; 75 height: 16px; 76 } 77 78 p { 79 color: #d1b671; 80 font-size: 14px; 81 line-height: 18px; 82 } 83 84 svg { 85 width: 100%; 86 height: 100%; 87 opacity: 0; 88 transition: opacity 0.3s ease; 89 } 90 91 div { 92 display: flex; 93 align-items: center; 94 justify-content: center; 95 min-width: 16px; 96 border: 1px solid #d1b671; 97 border-radius: 4px; 98 margin: 4px 0 0 4px; 99 transition: background 0.3s ease; 100 101 } 102 103 .column { 104 display: flex; 105 flex-direction: column; 106 align-items: flex-start; 107 gap: 8px; 108 } 109 110 &.active { 111 div { 112 background: #d1b671; 113 } 114 115 svg { 116 opacity: 1; 117 } 118 } 119`,k=i.div` 120 height: 56px; 121 padding: 7px 7px 7px 18px; 122 border-radius: 6px; 123 background: rgba(45, 53, 77, 0.24); 124 display: flex; 125 align-items: center; 126 justify-content: space-between; 127 gap: 6px; 128 width: 100%; 129 130 input { 131 height: 100%; 132 background: transparent; 133 font-size: 14px; 134 135 &::placeholder { 136 color: #7a8697; 137 } 138 } 139 140 button { 141 transition: all 0.3s ease; 142 height: 100%; 143 width: auto; 144 padding: 0 24px; 145 } 146`,I=i.div` 147 padding: 4px; 148 width: 500px; 149 background: #171c2b; 150 border-radius: 16px; 151 max-width: 90%; 152`,L=i.div` 153 padding: 40px; 154 display: flex; 155 flex-direction: column; 156 align-items: center; 157 gap: 28px; 158 159 @media (max-width: 768px) { 160 padding: 20px; 161 gap: 20px; 162 } 163`,z=i.div` 164 display: flex; 165 flex-direction: column; 166 align-items: center; 167 gap: 12px; 168 169 h2 { 170 text-align: center; 171 font-weight: 700; 172 color: #d3ddeb; 173 font-size: 22px; 174 } 175 176 p { 177 color: #c1c8da; 178 text-align: center; 179 line-height: 150%; 180 letter-spacing: 0.2px; 181 } 182`,D=()=>{const g=j(),t=y(a=>a.modals.data.MULTI_ACTIONS),[s,m]=o.useState(!1),[d,b]=o.useState(""),[n,x]=o.useState("");o.useEffect(()=>{n==="done"&&g(h(null))},[n]);const f=()=>{g(h(null))};return e.jsxs(I,{children:[e.jsx(w,{}),t.badge&&e.jsx(v,{style:{backgroundImage:`url(${t.badge.bgImage||p("/img/modals/blue-lines.jpg")})`},children:e.jsxs(C,{children:[e.jsx("img",{loading:"lazy",src:t.badge.logo,alt:""}),t.badge.name]})}),e.jsxs(L,{children:[e.jsxs(z,{children:[e.jsx("h2",{children:t.title}),t.subtitle&&e.jsx("p",{children:t.subtitle})]}),t.confirmation&&e.jsxs(e.Fragment,{children:[e.jsxs(u,{className:s&&"active",onClick:()=>m(!s),children:[e.jsx("div",{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",children:e.jsx("path",{d:"M5.56641 11.8233C5.80078 12.0589 6.19922 12.0589 6.43359 11.8233L13.3242 4.8966C13.5586 4.66099 13.5586 4.26047 13.3242 4.02487L12.4805 3.1767C12.2461 2.9411 11.8711 2.9411 11.6367 3.1767L6.01172 8.83115L3.36328 6.19241C3.12891 5.95681 2.75391 5.95681 2.51953 6.19241L1.67578 7.04058C1.44141 7.27618 1.44141 7.6767 1.67578 7.9123L5.56641 11.8233Z",fill:"#181611"})})}),e.jsx("p",{children:t.confirmation})]}),e.jsx(c,{className:r("modal-button",!s&&"closed"),onClick:()=>{s&&(f(),t.action())},children:t.buttonText||l("confirmEntering")})]}),t.warning&&e.jsxs(u,{style:{cursor:"default"},children:[e.jsx("img",{loading:"lazy",src:p("/pages/matches/icons/info.svg"),alt:""}),typeof t.warning=="string"?e.jsx("p",{children:t.warning}):t.warning]}),t.type==="input"&&e.jsxs(k,{children:[e.jsx("input",{type:"text",value:d,onChange:a=>b(a.target.value),placeholder:l("enterPass"),autoComplete:"new-password",onKeyDown:a=>{a.key==="Enter"&&n!=="loading"&&t.action(d,x)}}),e.jsx(c,{className:r("modal-button"),disabled:n==="loading",onClick:()=>t.action(d,x),children:l("Join2")})]}),t.type==="button"&&e.jsx(c,{className:r("modal-button","full-width"),disabled:n==="loading",onClick:()=>t.action(),children:t.buttonText})]})]})};export{u as Confirmation,D 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.