1import{r as g,j as t}from"./vendor-react-BGN68_Lp.js";import{x as T,az as _,g as r,c as z,b5 as S,b as j,ac as E,b9 as N,t as b}from"./index-uear5Vpj.js";import{g as e}from"./vendor-styled-pkIKgjgv.js";import{a as O,u as w}from"./vendor-redux-D8sX5Eqv.js";import{u as P}from"./vendor-i18n-BWleq_Sd.js";import{M as H,B as M}from"./Skinfall.styles-DI7IfOs6.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const A=e.div` 2 border-radius: 15px; 3 background: #171c2a; 4 padding: 40px; 5 6 @media (max-width: 650px) { 7 padding: 24px; 8 width: 90%; 9 } 10`,I=e.h2` 11 color: #ecf1f8; 12 font-size: 24px; 13 font-weight: 700; 14 margin-bottom: 14px; 15`,B=e.div` 16 border-radius: 8px; 17 background: #1d2333; 18 padding: 4px; 19 display: grid; 20 grid-template-columns: 1fr 1fr 1fr 1fr; 21 gap: 4px; 22 margin-bottom: 14px; 23`,D=e.div` 24 border-radius: 6px; 25 background: #293146; 26 height: 46px; 27 display: flex; 28 align-items: center; 29 justify-content: center; 30 cursor: pointer; 31 transition: background 0.2s ease; 32 33 img { 34 width: 26px; 35 } 36 37 &.active { 38 background: linear-gradient(180deg, #3c4867 0%, #556389 100%); 39 } 40 41 &:hover:not(.active) { 42 border: 1px solid #414c6c; 43 background: #313a53; 44 } 45 46 @media (max-width: 650px) { 47 img { 48 width: 20px; 49 } 50 } 51`,K=e.table` 52 width: 100%; 53 border-collapse: collapse; 54 55 td { 56 height: 52px; 57 border-bottom: 1px solid #293145; 58 } 59 60 th { 61 background: #1d2436; 62 color: #667085; 63 font-size: 12px; 64 font-weight: 500; 65 height: 26px; 66 67 &:not(:last-child) { 68 border-right: 1px solid #171c2a; 69 } 70 71 &:first-child { 72 border-radius: 6px 0 0 6px; 73 } 74 75 &:last-child { 76 border-radius: 0 6px 6px 0; 77 } 78 } 79 80 tr.pt6 { 81 td { 82 padding-top: 6px; 83 height: 58px; 84 } 85 } 86 87 tr.pt10 { 88 td { 89 padding-top: 10px; 90 height: 62px; 91 } 92 } 93 94 @media (max-width: 650px) { 95 td:nth-child(5), 96 td:nth-child(4), 97 th:nth-child(5), 98 th:nth-child(4) { 99 display: none; 100 } 101 } 102`,F=e.div` 103 color: rgba(175, 183, 198, 1); 104 font-size: 14px; 105 font-weight: 500; 106 padding-left: 14px; 107 display: flex; 108 align-items: center; 109 text-transform: lowercase; 110 111 strong { 112 color: rgba(236, 241, 248, 1); 113 margin-right: 4px; 114 } 115`,p=e.div` 116 font-size: 14px; 117 font-weight: 700; 118 display: flex; 119 align-items: center; 120 justify-content: center; 121 122 img { 123 width: 14px; 124 margin-left: 4px; 125 } 126 127 &.light { 128 font-weight: 400; 129 } 130`,V=e.div` 131 display: flex; 132 align-items: center; 133 gap: 8px; 134 justify-content: center; 135 136 button { 137 background: rgba(96, 128, 255, 0.12); 138 display: flex; 139 width: 20px; 140 height: 20px; 141 justify-content: center; 142 align-items: center; 143 144 svg { 145 width: 10px; 146 } 147 } 148`,G=e.div` 149 border-radius: 0px 0px 6px 6px; 150 background: #1d2436; 151 color: #667085; 152 font-size: 12px; 153 font-weight: 500; 154 padding: 6px; 155 text-align: center; 156`,L=e.div` 157 color: #60ffb3; 158 font-size: 10px; 159 font-weight: 500; 160 padding: 2px 3px; 161 border-radius: 4px; 162 background: rgba(96, 255, 160, 0.12); 163 margin-left: 4px; 164`,X=e.div` 165 padding: 20px 0 23px 0; 166 display: grid; 167 grid-template-columns: 1fr 101px 101px 101px 101px; 168 169 @media (max-width: 650px) { 170 grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 171 } 172`,$=e.div` 173 color: #ff5454; 174 font-size: 12px; 175 font-weight: 500; 176 opacity: 0.6; 177 margin-bottom: 2px; 178 display: inline-flex; 179 align-items: center; 180 margin: 0 auto; 181 position: absolute; 182 left: 0; 183 top: -14px; 184 185 img { 186 width: 12px; 187 margin-left: 2px; 188 } 189 190 &::before { 191 content: ''; 192 position: absolute; 193 left: 0; 194 width: 100%; 195 top: 50%; 196 transform: translateY(-50%); 197 height: 1px; 198 background: #ff5454; 199 display: block; 200 } 201`,tt=()=>{const{t:n}=P(),x=O(),o=w(i=>i.wheelPage.setPrices),h=w(i=>i.modals.data.MISSIONS_DEPOSIT.initialCurrency),[s,y]=g.useState(h),[d,v]=g.useState({bronze:{1:0,10:0,100:0},silver:{1:0,10:0,100:0},gold:{1:0,10:0,100:0},additional_change:{1:0,10:0,100:0}}),[m,f]=g.useState(!1);g.useEffect(()=>{b("missions_tokens_purchase_modal_open",{token_type:h})},[]);const u=(i,a)=>{v(c=>({...c,[s]:{...c[s],[i]:c[s][i]<=0&&a==-1?0:c[s][i]+a}}))},C=()=>{m||l("points")===0||(f(!0),S.buyPoints(d[s],s).then(i=>{x(j(null)),i?(x(E({step:"setNew",summ:i.data.balance.coins})),x(N(i.data.balance))):(b("balance_top_up_modal_open",{source:"missions tokens"}),x(j("DEPOSIT_MODAL",{page:null})))}).finally(()=>f(!1)))},k=i=>s=="additional_change"?i==1?n("EXCHANGE"):n("EXCHANGE-1"):i==1?n("TOKEN"):n("TOKENS"),l=i=>Object.keys((i=="points"?d[s]:o[s])??{}).map(a=>(i=="points"?a:o[s][a].coins)*d[s][a]).reduce((a,c)=>a+c,0);return t.jsxs(A,{children:[t.jsx(T,{}),t.jsx(I,{children:n("STORE-TOKENS")}),t.jsx(B,{children:Object.keys(_).map(i=>t.jsx(D,{className:s==i&&"active",onClick:()=>y(i),children:t.jsx("img",{loading:"lazy",src:r(`/pages/missions/icons/${i}.svg`),alt:""})}))}),t.jsxs(K,{children:[t.jsxs("tr",{children:[t.jsx("th",{children:n("Kit")}),t.jsx("th",{children:n("Price")}),t.jsx("th",{children:n("QuantityShort")}),t.jsx("th",{children:s=="additional_change"?n("TOTAL-EXCHANGES"):n("TOTAL-TOKENS")}),t.jsx("th",{children:n("Total")})]}),Object.keys(o[s]??{}).map((i,a)=>t.jsxs("tr",{className:a==0?"pt6":"pt10",children:[t.jsx("td",{width:"140",children:t.jsxs(F,{children:[t.jsx("strong",{children:i}),k(i),o[s][i].discount_percent&&t.jsxs(L,{children:["-",o[s][i].discount_percent,"%"]})]})}),t.jsx("td",{width:"101",children:t.jsxs("div",{style:{width:"fit-content",margin:"0 auto"},children:[o[s][i].old_coins&&t.jsxs($,{children:[o[s][i].old_coins,t.jsx("img",{loading:"lazy",src:r("/img/general/coin1.png"),alt:""})]}),t.jsxs(p,{className:"light",children:[o[s][i].coins,t.jsx("img",{loading:"lazy",src:r("/img/general/coin1.png"),alt:""})]})]})}),t.jsx("td",{width:"101",children:t.jsxs(V,{children:[t.jsx("button",{onClick:()=>u(i,-1),children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:t.jsx("path",{d:"M1.5 5C1.5 4.72389 1.72387 4.5 2 4.5H8C8.27611 4.5 8.5 4.72389 8.5 5C8.5 5.27613 8.27611 5.5 8 5.5H2C1.72387 5.5 1.5 5.27613 1.5 5Z",fill:"#6080FF"})})}),t.jsx("span",{children:d[s][i]}),t.jsx("button",{onClick:()=>u(i,1),children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:t.jsx("path",{d:"M8 4.5H5.5V2C5.5 1.72387 5.27613 1.5 5 1.5C4.72389 1.5 4.5 1.72387 4.5 2V4.5H2C1.72387 4.5 1.5 4.72389 1.5 5C1.5 5.27613 1.72387 5.5 2 5.5H4.5V8C4.5 8.27611 4.72389 8.5 5 8.5C5.27613 8.5 5.5 8.27611 5.5 8V5.5H8C8.27611 5.5 8.5 5.27613 8.5 5C8.5 4.72389 8.27611 4.5 8 4.5Z",fill:"#6080FF"})})})]})}),t.jsx("td",{width:"101",children:t.jsxs(p,{children:[d[s][i]*i,t.jsx("img",{loading:"lazy",src:r(`/pages/missions/icons/${s}.svg`),alt:""})]})}),t.jsx("td",{width:"101",children:t.jsxs(p,{children:[d[s][i]*o[s][i].coins,t.jsx("img",{loading:"lazy",src:r("/img/general/coin1.png"),alt:""})]})})]}))]}),t.jsx(G,{children:n("Total")}),t.jsxs(X,{children:[t.jsx("div",{}),t.jsx("div",{}),t.jsx("div",{}),t.jsxs(p,{children:[l("points"),t.jsx("img",{loading:"lazy",src:r(`/pages/missions/icons/${s}.svg`),alt:""})]}),t.jsxs(p,{children:[l("price"),t.jsx("img",{loading:"lazy",src:r("/img/general/coin1.png"),alt:""})]})]}
201),t.jsxs(H,{className:z("modal-button",l("points")==0&&"locked"),onClick:C,disabled:m||l("points")===0,children:[n("Pay"),l("points")>0&&t.jsxs(M,{children:[l("price"),t.jsx("img",{loading:"lazy",src:r("/img/general/coin1.png"),alt:""})]})]})]})};export{tt 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.