1import{r as c,j as e}from"./vendor-react-BGN68_Lp.js";import{g as s,c as S,b as v,ab as _,s as D,ac as q,v as A,ad as I,ae as O}from"./index-uear5Vpj.js";import{a as T,u as m}from"./vendor-redux-D8sX5Eqv.js";import{g as i}from"./vendor-styled-pkIKgjgv.js";import{u as E}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const F=i.div` 2 width: 898px; 3 background: #161b25; 4 border-radius: 10px; 5 padding: 34px 50px 50px 50px; 6 7 @media all and (max-width: 840px) { 8 width: 90%; 9 padding: 16px; 10 } 11`,P=i.label` 12 margin-bottom: 0; 13 margin-top: 20px; 14 font-family: var(--font-family-1); 15 font-weight: bold; 16 display: block; 17 padding-left: 30px; 18 cursor: pointer; 19 font-size: 14px; 20 user-select: none; 21 22 input { 23 position: absolute; 24 opacity: 0; 25 cursor: pointer; 26 height: 0; 27 width: 0; 28 } 29 30 &:hover input ~ .checkmark, 31 .checkmark { 32 background: #19212c; 33 } 34 35 p, 36 a { 37 font-weight: 400; 38 font-size: 12px; 39 line-height: 20px; 40 color: #5c6776; 41 } 42 43 a { 44 color: #738092; 45 46 &:hover { 47 color: #738092; 48 } 49 } 50 51 .checkmark { 52 position: absolute; 53 top: -1px; 54 left: 0; 55 height: 20px; 56 width: 20px; 57 border-radius: 6px; 58 border: 1px solid #3e4e8c; 59 60 &::after { 61 content: ''; 62 position: absolute; 63 left: 50%; 64 top: 50%; 65 display: none; 66 transform: translate(-50%, -50%); 67 width: 10px; 68 height: 7.3px; 69 background: url(${s("/img/icons/check.svg")}) 70 no-repeat center center / cover; 71 } 72 73 &::before { 74 content: ''; 75 position: absolute; 76 left: 0; 77 top: 0; 78 width: 100%; 79 height: 100%; 80 display: block; 81 opacity: 0; 82 transition: all 1s ease; 83 border-radius: 4px; 84 background: rgba(96, 128, 255, 0.2); 85 border: 1px solid #6080ff; 86 } 87 } 88 89 input:checked ~ .checkmark { 90 background-color: #1f2534 !important; 91 92 &::after { 93 display: block; 94 } 95 } 96 97 .bouncing-check { 98 &::before { 99 opacity: 1; 100 } 101 } 102`,M=i.h3` 103 font-weight: 700; 104 font-size: 24px; 105 margin-bottom: 26px; 106 color: #ecf1f8; 107 display: flex; 108 align-items: center; 109 justify-content: center; 110 text-transform: none; 111 112 img { 113 width: 32px; 114 margin-right: 12px; 115 } 116 117 @media all and (max-width: 840px) { 118 margin-bottom: 18px; 119 justify-content: flex-start; 120 font-size: 20px; 121 122 img { 123 width: 24px; 124 margin-right: 8px; 125 } 126 } 127`,B=i.div` 128 width: 342px; 129 display: flex; 130 justify-content: center; 131 height: 256px; 132 margin-top: 24px; 133 overflow: hidden; 134 135 &::before { 136 content: ''; 137 position: absolute; 138 left: 0; 139 top: 50%; 140 height: 342px; 141 width: 100%; 142 transform: translateY(-50%); 143 background: url(${s("/img/modals/drop/color-golden.png")}); 144 background-repeat: no-repeat; 145 background-position: center center; 146 background-size: 100%; 147 } 148 149 img { 150 width: 80%; 151 position: absolute; 152 top: 50%; 153 left: 50%; 154 transform: translate(-50%, -50%); 155 } 156 157 @media all and (max-width: 840px) { 158 width: 100%; 159 margin-top: 0; 160 height: 180px; 161 162 img { 163 width: 60%; 164 } 165 166 &::before { 167 width: 80%; 168 left: 50%; 169 transform: translate(-50%, -50%); 170 } 171 } 172`,L=i.form``,R=i.div` 173 display: grid; 174 grid-template-columns: 342px 1fr; 175 gap: 8px; 176 margin-bottom: 24px; 177 178 @media all and (max-width: 840px) { 179 grid-template-columns: 1fr; 180 } 181`,H=i.div` 182 background: #1a202d; 183 border-radius: 8px; 184`,U=i.div` 185 input, 186 select, 187 textarea { 188 height: 56px; 189 background: #1a202d; 190 border-radius: 8px; 191 padding: 8px 16px; 192 193 &, 194 &::placeholder { 195 font-weight: 500; 196 font-size: 12px; 197 line-height: 16px; 198 letter-spacing: 0.02em; 199 color: #71798e; 200 } 201 202 &::placeholder { 203 top: -5px; 204 } 205 } 206 207 textarea { 208 margin-top: 8px; 209 width: 100%; 210 height: 80px; 211 } 212 213 @media all and (max-width: 840px) { 214 max-height: 111px; 215 overflow: auto; 216 217 input, 218 select, 219 textarea { 220 height: 44px; 221 } 222 } 223`,W=i.div` 224 position: absolute; 225 left: 32px; 226 bottom: 32px; 227 display: flex; 228 flex-direction: column; 229 230 h2 { 231 font-weight: 400; 232 font-size: 20px; 233 line-height: 23px; 234 text-transform: uppercase; 235 color: #e8ecf4; 236 237 &::after { 238 content: ''; 239 position: absolute; 240 right: -15px; 241 width: 6px; 242 height: 6px; 243 display: block; 244 border-radius: 50%; 245 top: 50%; 246 transform: translateY(-50%); 247 background: #ffc226; 248 display: inline; 249 } 250 } 251 252 span { 253 font-weight: 400; 254 font-size: 14px; 255 line-height: 16px; 256 margin-bottom: 6px; 257 color: #71798e; 258 } 259 260 @media all and (max-width: 840px) { 261 left: 24px; 262 bottom: 24px; 263 264 h2 { 265 font-size: 20px; 266 line-height: 23px; 267 } 268 269 span { 270 font-size: 14px; 271 line-height: 16px; 272 } 273 } 274 275 @media all and (max-width: 650px) { 276 display: none; 277 } 278`,b=i.button` 279 width: 100%; 280 height: 52px; 281 background: #6080ff; 282 border-radius: 8px; 283 display: flex; 284 align-items: center; 285 justify-content: center; 286 margin-top: 8px; 287 288 img { 289 margin: 0 5px; 290 } 291 292 &, 293 span { 294 font-weight: 500; 295 font-size: 14px; 296 letter-spacing: 0.01em; 297 } 298`,y=i.div` 299 display: grid; 300 grid-template-columns: 1fr 1fr; 301 gap: 8px; 302`,Z=()=>{const{t:r}=E(),l=T(),j=m(t=>t.root.size.width),w=m(t=>t.auth.isAuth),k=m(t=>t.modals.data.SHOP_DEVICE_MODAL),[d,N]=c.useState(!1),[C,h]=c.useState(!1),[p,x]=c.useState(!1),[a,o]=c.useState({name:null,postcode:null,country:"Ru",street:null,tel:null,email:null,city:null,house:null,flat:null,comment:null}),{inv:g,device:n={}}=k,u=()=>{l(v(null))},z=t=>{t.preventDefault(),!p&&(d?w?(x(!0),(g?_.getDevice(n.id,a).then(f=>{u()}):_.buyDevice(n.id,a).then(f=>{f.result=="success"?(D(r("ItemAddedInventory")),l(q({summ:n.price})),u()):(A(r("NoMoneyOnBalance")),l(v("DEPOSIT_MODAL",{page:null})))})).finally(()=>x(!1))):window.location.replace(I("/steam")):(O(r("AcceptTermsNotification")),h(!0),setTimeout(()=>{h(!1)},500)))};return e.jsxs(F,{children:[e.jsx("div",{className:"modal-close",onClick:u,children:e.jsx("img",{loading:"lazy",src:s("/img/icons/close.png"),alt:r("Close")})}),e.jsxs(L,{onSubmit:z,method:"POST",action:"",children:[e.jsxs(M,{children:[e.jsx("img",{loading:"lazy",src:s("/img/modals/delievery.svg"),alt:""}),j<650?n.subtitle:r("InformationForDelivery")]}
302),e.jsxs(R,{children:[e.jsxs(H,{children:[e.jsx(B,{children:e.jsx("img",{loading:"lazy",id:"device-modal__img",src:n.web_assets?.cell})}),e.jsxs(W,{children:[e.jsx("span",{id:"device-modal__type",className:"buy-device__suptitle cc_cursor",children:r(n.type)}),e.jsx("h2",{id:"device-modal__name",className:"buy-device__device-name",children:n.subtitle})]})]}),e.jsxs(U,{children:[e.jsxs(y,{children:[e.jsx("input",{value:a.name,onChange:t=>o({...a,name:t.target.value}),required:!0,placeholder:r("FullName"),type:"text",className:"order-device__fio cc_cursor",name:"order-device__fio"}),e.jsx("input",{value:a.tel,onChange:t=>o({...a,tel:t.target.value}),required:!0,placeholder:r("NumberPhone"),type:"tel",className:"order-device__phone cc_cursor",name:"order-device__phone"}),e.jsx("input",{value:a.postcode,onChange:t=>o({...a,postcode:t.target.value}),required:!0,placeholder:r("Postcode"),type:"number",className:"order-device__index cc_cursor",name:"order-device__index"}),e.jsx("input",{value:a.email,onChange:t=>o({...a,email:t.target.value}),required:!0,placeholder:"Email",type:"mailto",className:"order-device__email cc_cursor",name:"order-device__email"}),e.jsx("select",{value:a.country,onChange:t=>{o({...a,country:t.target.value})},required:!0,placeholder:r("Country"),type:"text",className:"order-device__country cc_cursor",name:"order-device__country",children:e.jsx("option",{value:"Ru",children:r("Russia")})}),e.jsx("input",{value:a.city,onChange:t=>o({...a,city:t.target.value}),required:!0,placeholder:r("City"),type:"text",className:"order-device__city cc_cursor",name:"order-device__city"}),e.jsx("input",{value:a.street,onChange:t=>o({...a,street:t.target.value}),required:!0,placeholder:r("Street"),type:"text",className:"order-device__address cc_cursor",name:"order-device__address"}),e.jsxs(y,{children:[e.jsx("input",{value:a.house,onChange:t=>o({...a,house:t.target.value}),required:!0,placeholder:r("House"),type:"number",className:"order-device__house cc_cursor",name:"order-device__house"}),e.jsx("input",{value:a.flat,onChange:t=>o({...a,flat:t.target.value}),required:!0,placeholder:r("Flat"),type:"number",className:"order-device__flat cc_cursor",name:"order-device__flat"})]})]}),e.jsx("textarea",{value:a.comment,onChange:t=>o({...a,comment:t.target.value}),placeholder:r("CommentOnTheOrder"),type:"text",className:"order-device__comment cc_cursor",name:"order-device__comment"})]})]}),e.jsxs(P,{className:"container",children:[e.jsx("input",{className:"filter",type:"checkbox",checked:d,onChange:()=>N(!d)}),e.jsx("span",{className:S("checkmark",C&&"bouncing-check")}),e.jsx("p",{dangerouslySetInnerHTML:{__html:r("AcceptPolicyAndExchange")}})]}),g?e.jsx(b,{type:"submit",disabled:p,children:e.jsx("span",{id:"device-modal__price",className:"buy-device__price",children:r("Accept2")})}):e.jsxs(b,{type:"submit",disabled:p,children:[r("Buy"),e.jsx("img",{loading:"lazy",src:s("/img/icons/diamond.png"),alt:""}),e.jsx("span",{id:"device-modal__price",className:"buy-device__price",children:n.price})]})]})]})};export{Z 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.