1import{r as p,j as e}from"./vendor-react-BGN68_Lp.js";import{ad as h,dK as L,g as c,c as N,e0 as A,t as u,I as E}from"./index-uear5Vpj.js";import{g as n,f as W}from"./vendor-styled-pkIKgjgv.js";import{u as j}from"./vendor-redux-D8sX5Eqv.js";import{p as q}from"./premiumApi-WY_Mz-No.js";import{P as G,e as O,f as U,g as R}from"./LandingsIcons-B-Qxfyf-.js";import{u as D}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const F=n.div` 2 .container { 3 width: 1200px; 4 max-width: 90%; 5 margin: 0 auto; 6 cursor: default; 7 padding: 0%; 8 } 9 10 @media (max-width: 650px) { 11 .container { 12 padding: 24px; 13 } 14 } 15`,m=n.div` 16 position: absolute; 17 right: 20px; 18 bottom: -16px; 19 background: linear-gradient(180deg, #161b23 0%, #1f232e 100%); 20 background-clip: text; 21 -webkit-background-clip: text; 22 -webkit-text-fill-color: transparent; 23 font-family: 'Montserrat'; 24 font-size: 64px; 25 font-weight: 800; 26 transition: opacity 0.5s ease; 27 28 &.light { 29 opacity: 0; 30 background: ${t=>t.$gradient}; 31 background-clip: text; 32 -webkit-background-clip: text; 33 -webkit-text-fill-color: transparent; 34 } 35`,H=n.div` 36 background: linear-gradient(180deg, #000 3.86%, #11141c 78.87%); 37`,K=n.p` 38 text-align: center; 39 font-size: 15px; 40 font-weight: 500; 41 line-height: 26px; 42 font-family: 'Montserrat'; 43 margin-bottom: 40px; 44 ${t=>t.$offset&&`margin-top: ${t.$offset};`} 45 font-style: italic; 46 47 @media (max-width: 650px) { 48 margin: 32px 0; 49 font-size: 14px; 50 line-height: 150%; 51 } 52`,Q=n.div` 53 ${t=>t.$padded&&W` 54 padding: 62px 0 50px 0; 55 display: flex; 56 justify-content: center; 57 `} 58 59 img { 60 width: ${t=>t.$width}; 61 } 62 63 @media (max-width: 650px) { 64 img { 65 width: 90%; 66 display: block; 67 margin: 0 auto; 68 } 69 } 70`,X=n.div` 71 display: grid; 72 grid-template-columns: repeat(2, 1fr); 73 gap: 12px; 74 75 @media (max-width: 650px) { 76 grid-template-columns: 1fr; 77 78 .full { 79 grid-column: unset !important; 80 } 81 } 82`,Y=n.div` 83 display: flex; 84 flex-direction: column; 85 gap: 12px; 86`,J=n.div` 87 width: 600px; 88 max-width: 100%; 89 90 @media (max-width: 1600px) { 91 margin: 0 auto; 92 } 93`,f=n.h2` 94 font-size: 17px; 95 font-weight: 800; 96 line-height: 24px; 97 margin-bottom: 8px; 98 font-family: 'Montserrat'; 99 display: -webkit-box; 100 -webkit-box-orient: vertical; 101 -webkit-line-clamp: 2; 102 overflow: hidden; 103 text-overflow: ellipsis; 104 transition: color 0.5s ease; 105`,b=n.p` 106 color: rgba(255, 255, 255, 0.8); 107 font-size: 13px; 108 font-weight: 600; 109 line-height: 20px; 110 font-family: 'Montserrat'; 111 display: -webkit-box; 112 -webkit-box-orient: vertical; 113 -webkit-line-clamp: 3; 114 overflow: hidden; 115 text-overflow: ellipsis; 116 transition: color 0.5s ease; 117`,T=n.div` 118 border-radius: 66px; 119 background: #66cf35; 120 opacity: 0; 121 width: 34px; 122 height: 34px; 123 display: flex; 124 align-items: center; 125 justify-content: center; 126 position: absolute; 127 left: 26px; 128 bottom: 26px; 129 transition: opacity 0.5s ease; 130 131 &::before { 132 content: ''; 133 position: absolute; 134 left: -33px; 135 bottom: -91px; 136 width: 105px; 137 height: 105px; 138 background: #8fff5a; 139 opacity: 0.3; 140 filter: blur(47px); 141 } 142 143 svg { 144 width: 18px; 145 } 146`,V=n.div` 147 overflow: hidden; 148 padding: 25px; 149 border-radius: 10px; 150 background: #000; 151 height: 230px; 152 display: flex; 153 flex-direction: column; 154 justify-content: space-between; 155 transition: all 0.5s ease; 156 157 &.current { 158 background: ${t=>t.$accent}; 159 160 ${m} { 161 &.light { 162 opacity: 1; 163 } 164 165 &.dark { 166 opacity: 0; 167 } 168 } 169 } 170 171 &.disable { 172 button { 173 transition: transform 0.3s ease; 174 } 175 176 &:hover { 177 button { 178 transform: translateX(10px); 179 } 180 } 181 } 182 183 &.done { 184 ${m} { 185 &.light { 186 opacity: 0; 187 } 188
189 &.dark { 190 opacity: 1; 191 } 192 } 193 194 ${T} { 195 opacity: 1; 196 } 197 198 ${f} { 199 color: #4a5f7e; 200 } 201 202 ${b} { 203 color: #3b4b63; 204 } 205 } 206 207 &.full { 208 grid-column-start: 1; 209 grid-column-end: 3; 210 } 211`,Z=n.div` 212 gap: 8px; 213 display: flex; 214 align-items: center; 215 transition: all 0.2s ease; 216 217 &.loading { 218 pointer-events: none; 219 opacity: 0.7; 220 } 221`,P=n.button` 222 border-radius: 8px; 223 background: #fff; 224 padding: 12px 20px; 225 display: flex; 226 align-items: center; 227 transition: padding 0.3s ease; 228 color: #10141a; 229 font-family: Montserrat; 230 font-size: 13px; 231 font-weight: 800; 232 line-height: 20px; 233 gap: 8px; 234 235 svg { 236 transition: transform 0.3s ease; 237 } 238 239 &:hover { 240 /* padding: 12px 24px; */ 241 242 svg { 243 transform: rotate(45deg); 244 } 245 } 246`,S=n.button` 247 border-radius: 8px; 248 border: 2px solid rgba(255, 255, 255, 0.24); 249 padding: 12px; 250 background: transparent; 251 font-family: 'Montserrat'; 252 font-size: 13px; 253 font-weight: 800; 254 line-height: 20px; 255 display: flex; 256 align-items: center; 257 gap: 10px; 258 transition: all 0.3s ease; 259 260 svg { 261 min-width: 22px; 262 } 263 264 &:hover { 265 border: 2px solid #fff; 266 background: rgba(255, 255, 255, 0.1); 267 } 268 269 &.disable { 270 opacity: 0.5; 271 text-align: left; 272 padding-right: 16px; 273 pointer-events: none; 274 275 span { 276 line-height: 14px; 277 font-size: 12px; 278 min-width: 120px; 279 color: #818792; 280 font-weight: 600; 281 } 282 283 &:hover { 284 filter: none; 285 } 286 } 287`,tt=n.img` 288 position: absolute; 289 right: ${t=>t.$right}; 290 top: ${t=>t.$top}; 291 z-index: 1; 292 width: ${t=>t.$width}; 293 pointer-events: none; 294 295 @media (max-width: 1600px) { 296 display: none; 297 } 298`,et=n.img` 299 position: absolute; 300 width: 105%; 301 top: -50px; 302 left: -80px; 303`,it=n.div` 304 border-radius: 10px; 305 background: ${t=>t.$background}; 306 padding: 26px 26px 38px 26px; 307 display: flex; 308 flex-direction: column; 309 align-items: flex-start; 310 overflow: hidden; 311 312 & > img { 313 width: 252px; 314 position: absolute; 315 top: 0; 316 right: 17px; 317 } 318`,nt=n.img` 319 height: ${t=>t.$height}; 320 margin-top: 34px; 321`,at={partner:"betboom",metaTitle:"PREMIUM",brand:"BetBoom",steps:[{key:"betboom_registration",description:"registerPartner"},{title:"PartnerIdentify",description:"PartnerIdentify2",key:"betboom_identification"},{title:"PartnerDeposit",description:"PartnerDeposit2",key:"betboom_100_dep"}],receivedTitle:"GetPremium_",getGift:()=>q.getBetboomGift(),openStepUrl:!0,pageText:"PartnerPageText",completedText:"premiumFromPartner",faq:"PartnerQuestion",bg:"/pages/betboom/bg-text.png",pig:"/pages/betboom/main-box.png",hero:"/pages/betboom/premium.png",crown:"/pages/betboom/premium-crown.png",logo:"/pages/pickem/betboom-logo.svg",digitGradient:"linear-gradient(180deg, #541f0e 0%, #e12929 100%)",accent:"#ff241d",completedBackground:"linear-gradient(180deg, #c92e29 0%, #ff241d 100%)",descriptionOffset:"-50px",heroWidth:"540px",pigRight:"-170px",pigTop:"95px",pigWidth:"750px",logoHeight:"36px"},mt=({config:t=at})=>{const{t:r}=D(),_=j(i=>i.root.partnersLinks),[d,w]=p.useState(0),[x,I]=p.useState(null),[B,k]=p.useState(!1),[M,C]=p.useState(0),g=j(i=>i.auth.isAuth);p.useEffect(()=>{const i=document.querySelector("#main"),a=o=>{const l=i.scrollTop;C(l)};return i&&i.addEventListener("scroll",a),()=>{i&&i.removeEventListener("scroll",a)}},[]);const[y,...z]=t.steps,v=_[t.partner],s=[{title:g?"goRegister":"authOnCyber",description:g?y.description:"loginToContinue",key:y.key,url:g?x?.auth?h(`/api/v1/connect/${t.partner}`):v:h("/steam"),isAuthSection:!g},...z.map(i=>({...i,url:v})),{title:t.receivedTitle,description:"getPremium2",key:"received"}],$=async(i,a)=>{u("partner_premium_rule_click",{step:s.findIndex(o=>o.key===i)+1}),k(!0),await t.getGift(a).then(o=>{if(k(!1),o){if(!o.data.access_promo.status)return window.location.replace(E());if(a&&!o.data.auth)return window.location.replace(h("/steam"));I(o.data),t.openStepUrl&&i&&!o.data[i]&&s.find(l=>l.key===i).url&&window.open(s.find(l=>l.key===i).url,"_blank"),o.data.received?(u("partner_premium_recieve_click"),w(null)):w(s.map(l=>!!o.data[l.key]).lastIndexOf(!0)+1)}})};if(p.useEffect(()=>{$()},[]),!!x)return e.jsxs(F,{children:[e.jsx(L,{title:`${t.metaTitle} ${r("From")} ${t.brand}`}
321),e.jsxs(H,{children:[e.jsx(et,{src:c(t.bg)}),e.jsxs("div",{className:"container",children:[e.jsx(tt,{src:c(t.pig),$right:t.pigRight,$top:t.pigTop,$width:t.pigWidth,style:{transform:`translate3d(0, ${M*.15}px, 0)`}}),e.jsxs(J,{children:[e.jsx(Q,{$padded:t.heroPadded,$width:t.heroWidth,children:e.jsx("img",{src:c(t.hero)})}),e.jsx(K,{$offset:t.descriptionOffset,dangerouslySetInnerHTML:{__html:r(t.pageText)}}),e.jsxs(Y,{children:[e.jsx(X,{children:s.map((i,a)=>e.jsxs(V,{className:N(d===a&&"current",x[i.key]&&"done",a>d&&"disable",s.length%2===1&&a===s.length-1&&"full"),$accent:t.accent,children:[e.jsx(T,{children:e.jsx(G,{})}),e.jsxs("div",{children:[e.jsx(f,{children:r(i.title)}),e.jsx(b,{children:r(i.description)})]}),!x[i.key]&&e.jsx(Z,{className:B&&"loading",children:i.isAuthSection?e.jsxs(P,{onClick:()=>window.location.replace(i.url),children:[r("LOGIN-WITH")," Steam",e.jsx(O,{})]}):e.jsxs(e.Fragment,{children:[d===a&&i.url&&e.jsx(P,{onClick:()=>window.open(i.url,"_blank"),children:e.jsx(U,{})}),d===a?e.jsx(S,{onClick:()=>$(i.key,!0),children:r("Check")}):e.jsxs(S,{className:"disable",children:[e.jsx(R,{}),e.jsx("span",{dangerouslySetInnerHTML:{__html:r("finishPrevStep")}})]})]})}),e.jsx(m,{className:"light",$gradient:t.digitGradient,children:a+1}),e.jsx(m,{className:"dark",children:a+1})]},i.key))}),d===null&&e.jsxs(it,{$background:t.completedBackground,children:[e.jsx("img",{loading:"lazy",src:c(t.crown),alt:""}),e.jsx(f,{children:r("congratulations")}),e.jsx(b,{children:r(t.completedText)}),e.jsx("div",{children:e.jsx(nt,{src:c(t.logo),$height:t.logoHeight,alt:""})})]})]})]})]})]}),e.jsx("div",{className:"container",children:e.jsx(A,{style:{width:"100%",padding:"48px 0",maxWidth:"100%"},autoOpen:0,list:[1,2,3,4].map(i=>({question:`${t.faq}${i}`,answer:`${t.faq}${i}Text`})),onItemOpen:i=>{u("partner_premium_faq_click",{name:i})}})})]})};export{V as Block,Z as BlockButtons,b as BlockText,f as BlockTitle,T as Check,m as Digit,P as Follow,S as MainBtn,mt 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.