1import{r as m,j as t}from"./vendor-react-BGN68_Lp.js";import{g as i}from"./vendor-styled-pkIKgjgv.js";import{x as C,I as f,g as n}from"./index-uear5Vpj.js";import{u}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-redux-D8sX5Eqv.js";import"./vendor-router-CYD8mbvC.js";const r=[{id:1,title:"MISSION-CHOOSE",text:"MODAL-HIW-1",video:n("/pages/missions/slide-1.mp4"),poster:n("/pages/missions/slide-1.png")},{id:2,title:"SPENDING-WINNINGS",text:"MISSIONS-MODAL-INFO-1",video:n("/pages/missions/slide-2.mp4"),poster:n("/pages/missions/slide-2.png")},{id:3,title:"MORE-INFO",text:"MISSIONS-MODAL-INFO-2",img:n("/pages/missions/slide-3.png"),faqBtn:!0}],w=i.div` 2 border-radius: 16px; 3 background: #171c2b; 4 padding: 4px; 5 width: 560px; 6 7 h2 { 8 color: #6080ff; 9 font-family: 'Roboto'; 10 font-size: 20px; 11 font-weight: 900; 12 text-transform: uppercase; 13 margin-bottom: 24px; 14 } 15 16 @media (max-width: 650px) { 17 width: 90%; 18 } 19`,v=i.div` 20 padding: 40px 50px 40px 50px; 21 min-height: 280px; 22 display: flex; 23 flex-direction: column; 24 justify-content: space-between; 25 26 h6 { 27 font-size: 26px; 28 font-weight: 700; 29 margin-bottom: 16px; 30 } 31 32 p { 33 color: #adbcd0; 34 font-size: 14px; 35 line-height: 23px; 36 margin-bottom: 18px; 37 } 38 39 @media (max-width: 650px) { 40 padding: 24px; 41 } 42`,j=i.div` 43 position: absolute; 44 right: 20px; 45 bottom: 16px; 46 display: flex; 47 justify-content: center; 48 align-items: center; 49 gap: 8px; 50`,l=i.div` 51 width: 36px; 52 height: 36px; 53 background-color: #181e29; 54 cursor: pointer; 55 border-radius: 32px; 56 transition: background-color 0.2s ease-in-out; 57 58 &:hover { 59 background-color: #363f5e; 60 } 61 62 svg { 63 left: 50%; 64 position: absolute; 65 top: 50%; 66 transform: translate(-50%, -50%); 67 } 68`,b=i.div` 69 display: flex; 70 align-items: center; 71 gap: 8px; 72 justify-content: center; 73 margin-top: 10px; 74`,k=i.div` 75 height: 314px; 76 overflow: hidden; 77 display: flex; 78 align-items: center; 79 border-radius: 8px; 80 81 video, 82 img { 83 width: 100%; 84 height: 100%; 85 object-fit: cover; 86 } 87`,S=i.div` 88 cursor: pointer; 89 width: ${e=>e.active?"10":"8"}px; 90 height: ${e=>e.active?"10":"8"}px; 91 background-color: ${e=>e.active?"#6080FF":"#6C7387"}; 92`,L=i.button` 93 border-radius: 8px; 94 border: 1px solid #353e5b; 95 padding: 16px 24px; 96 display: flex; 97 align-items: center; 98 color: #b5c3db; 99 font-size: 14px; 100 font-weight: 500; 101 letter-spacing: 0.14px; 102 background: transparent; 103 margin: 0 auto; 104 105 svg { 106 width: 24px; 107 margin-left: 10px; 108 } 109`,A=()=>{const{t:e}=u(),[s,d]=m.useState(0);return t.jsxs(w,{children:[t.jsx(C,{}),t.jsxs("div",{children:[t.jsx(k,{children:r[s].video?t.jsx("video",{loop:!0,controls:!1,alt:"",muted:!0,autoPlay:!0,poster:r[s].poster,src:r[s].video}):t.jsx("img",{loading:"lazy",src:r[s].img,alt:""})}),t.jsxs(j,{children:[t.jsx(l,{onClick:()=>d(o=>o==0?2:o-1),children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:t.jsx("path",{d:"M4.71973 8.46951L11.4697 1.71951C11.5393 1.64959 11.622 1.59409 11.713 1.55617C11.8041 1.51826 11.9017 1.49868 12.0004 1.49856C12.099 1.49844 12.1967 1.51778 12.2879 1.55546C12.379 1.59315 12.4618 1.64845 12.5316 1.7182C12.6013 1.78794 12.6566 1.87076 12.6943 1.96191C12.732 2.05305 12.7513 2.15074 12.7512 2.24938C12.7511 2.34801 12.7315 2.44565 12.6936 2.53671C12.6557 2.62777 12.6002 2.71045 12.5303 2.78003L6.31055 8.99977L12.5303 15.2195C12.6002 15.2891 12.6557 15.3718 12.6936 15.4628C12.7315 15.5539 12.7511 15.6515 12.7512 15.7502C12.7513 15.8488 12.732 15.9465 12.6943 16.0376C12.6566 16.1288 12.6013 16.2116 12.5316 16.2813C12.4618 16.3511 12.379 16.4064 12.2879 16.4441C12.1967 16.4818 12.099 16.5011 12.0004 16.501C11.9017 16.5009 11.8041 16.4813 11.713 16.4434C11.622 16.4054 11.5393 16.3499 11.4697 16.28L4.71973 9.53003C4.65007 9.46041 4.59482 9.37774 4.55712 9.28676C4.51941 9.19577 4.50001 9.09825 4.50001 8.99977C4.50001 8.90128 4.51941 8.80376 4.55712 8.71278C4.59482 8.62179 4.65007 8.53913 4.71973 8.46951Z",fill:"#D1DAFF"})})}),t.jsx(l,{onClick:()=>d(o=>o==2?0:o+1),children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:t.jsx("path",{d:"M13.2803 9.53049L6.53027 16.2805C6.46069 16.3504 6.37801 16.4059 6.28696 16.4438C6.1959 16.4817 6.09826 16.5013 5.99962 16.5014C5.90099 16.5016 5.8033 16.4822 5.71215 16.4445C5.621 16.4068 5.53818 16.3515 5.46843 16.2818C5.39869 16.2121 5.34338 16.1292 5.30569 16.0381C5.268 15.9469 5.24866 15.8493 5.24878 15.7506C5.2489 15.652 5.26847 15.5543 5.30638 15.4633C5.34429 15.3722 5.3998 15.2895 5.46971 15.22L11.6894 9.00023L5.46971 2.78049C5.3998 2.71092 5.34429 2.62823 5.30638 2.53718C5.26847 2.44612 5.2489 2.34848 5.24878 2.24984C5.24866 2.15121 5.268 2.05352 5.30569 1.96237C5.34338 1.87122 5.39869 1.7884 5.46843 1.71866C5.53818 1.64892 5.621 1.59362 5.71215 1.55593C5.8033 1.51824 5.90099 1.4989 5.99962 1.49902C6.09826 1.49915 6.1959 1.51872 6.28696 1.55664C6.37801 1.59455 6.46069 1.65006 6.53027 1.71997L13.2803 8.46997C13.3499 8.53959 13.4052 8.62226 13.4429 8.71324C13.4806 8.80423 13.5 8.90175 13.5 9.00023C13.5 9.09872 13.4806 9.19624 13.4429 9.28722C13.4052 9.37821 13.3499 9.46087 13.2803 9.53049Z",fill:"#D1DAFF"})})})]})]}),r.map((o,a)=>
109{if(a===s){const{id:x,title:c,text:g,faqBtn:h}=o;return t.jsxs(v,{children:[t.jsxs("div",{children:[t.jsx("h6",{children:e(c)}),t.jsx("p",{children:e(g)}),h&&t.jsxs(L,{onClick:()=>window.open(f("/learn/191")),children:[e("GoToFaq"),t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",children:[t.jsx("circle",{cx:"12.5",cy:"12.5",r:"9",stroke:"#B5C3DB",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M11.5 15.5L14.5 12.5L11.5 9.5",stroke:"#B5C3DB",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})]})]}),t.jsx(b,{children:r.map((M,p)=>t.jsx(S,{active:p==s,onClick:()=>d(p)}))})]},x)}})]})};export{A 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.