/*! For license information please see 2109.f23c9e9d2d0da596f646.js.LICENSE.txt */
"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[2109,5971,219,5893,8521,6607,946,4973],{14973:(t,n,e)=>{e.r(n),e.d(n,{default:()=>q});var o,a,i,r,s,c,l,d,b,u,m,g,p,f,x=e(28416),_=e(5439),h=e.n(_),y=e(9411),v=e.n(y),j=e(36906),w=e(19627),k=e.n(w),B=e(53502),C=e.n(B),I=e(53804),F=e(85893);function O(t,n){return n||(n=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(n)}}))}(0,I.getIsMobile)();var T=(0,x.memo)(v().div(o||(o=O(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tfont: 1em var(--mainFont);\n"])))),z=(0,x.memo)(v().div(a||(a=O(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tpadding: 1px;\n\tbackground: var(--bonusButtonLayer1, linear-gradient(0deg, #38ffaf 30.96%, #50a927));\n\tborder-radius: 0.375em;\n\theight: 1.5em;\n\tcursor: pointer;\n"])))),A=(0,x.memo)(v().div(i||(i=O(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbackground: var(\n\t\t--bonusButtonLayer2,\n\t\tlinear-gradient(129.07deg, rgba(140, 195, 24, 0.8) -30.86%, rgba(21, 145, 56, 0.8) 77.6%)\n\t);\n\tborder-radius: 0.375em;\n\theight: 100%;\n\twidth: 100%;\n\tpadding: 0 0.375em;\n"])))),E=(0,x.memo)(v().span(r||(r=O(["\n\twidth: 1.25em;\n\theight: 1.25em;\n\tdisplay: inline-flex;\n\tvertical-align: middle;\n\tcursor: pointer;\n\tfont-size: 1em;\n\tposition: relative;\n"])))),P=(0,x.memo)(v().span(s||(s=O(["\n\twidth: 1.5em;\n\theight: 1.5em;\n\tdisplay: inline-flex;\n\tvertical-align: middle;\n\tcursor: pointer;\n\tfont-size: 1em;\n\tposition: relative;\n\tmargin: ",";\n"])),"0")),L=(0,x.memo)(v().span(c||(c=O(["\n\twidth: 1.5em;\n\theight: 1.5em;\n\tdisplay: inline-flex;\n\tvertical-align: middle;\n\tfont-size: 1em;\n\tposition: relative;\n\tmargin: 0 0.5em 0 0;\n\tpadding: 0.125em;\n\tborder-radius: 0.375em;\n\tbackground: rgba(var(--white), 0.08);\n\tborder: 1px solid;\n\tborder-color: rgba(var(--white), 0.05) rgba(var(--white), 0.1) rgba(var(--white), 0.2);\n"])))),N=(0,x.memo)(v().span(l||(l=O(["\n\topacity: 0.4;\n"])))),R=(0,x.memo)(v().span(d||(d=O(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 1em;\n\theight: 1em;\n\tline-height: 1em;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(129.07deg, #e22424 -30.86%, #ac0000 77.6%) padding-box,\n\t\tlinear-gradient(211.29deg, #ac0000 23.55%, rgba(255, 94, 94, 0.8) 98.7%) border-box;\n\ttext-align: center;\n\tposition: absolute;\n\ttop: -0.375em;\n\tright: -0.375em;\n\tborder: 1px solid transparent;\n"])))),S=(0,x.memo)(v().span(b||(b=O(["\n\tfont-size: 0.5em;\n\tcolor: #fff;\n\tline-height: 1;\n"])))),D=(0,x.memo)(v().p(u||(u=O(["\n\tfont: 0.5em var(--mainFont);\n\tletter-spacing: 0.04em;\n\tcolor: rgba(var(--white), 0.7);\n\tmargin: 0;\n"])))),M=(0,x.memo)(v().div(m||(m=O(['\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\tflex-direction: column;\n\ttext-align: left;\n\tcolor: rgba(var(--white), 0.8);\n\tpadding-left: 0.25em;\n\tmargin-left: 0.25em;\n\tposition: relative;\n\n\t&:before {\n\t\tcontent: "";\n\t\tdisplay: block;\n\t\tbackground: rgba(var(--white), 0.4);\n\t\tborder-radius: 0.5em;\n\t\twidth: 1px;\n\t\theight: 0.375em;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tmargin: auto;\n\t}\n'])))),U=(0,x.memo)(v().span(g||(g=O(["\n\tcolor: rgb(var(--white));\n\tfont: 0.625em var(--mainFontMedium);\n\tletter-spacing: 0.02em;\n\tmargin: 0 0.2em;\n"])))),$=(0,x.memo)(v().div(p||(p=O(["\n\tdisplay: flex;\n\talign-items: center;\n"])))),W=(0,x.memo)(v().span(f||(f=O(["\n\tcolor: rgba(var(--white), 0.5);\n\tletter-spacing: 0.02em;\n\tfont: 0.5em var(--mainFont);\n"]))));function Y(t){var n=t.selectedBonus,e=t.currencyId,o=t.bonuses,a=t.onClick,i=t.resources,r=t.styles,s=t.parentId,c=i.strFreeBet,l=i.strFreeAmount,d=n||{},b=d.bet,u=d.remainingBet,m=d.remainingCount,g="";switch(d.type){case j.BonusTypes.FreeBet:g=(0,F.jsxs)(M,{style:r.selectedBonusText,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt"),children:[(0,F.jsx)(D,{style:r.bonusName,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_bonus-name"),children:c||"_Free Bet"}),(0,F.jsxs)($,{style:r.countAndCurrency,children:[(0,F.jsxs)(U,{style:r.remainingCount,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_remaining-count"),children:["x",m," /",b]}),(0,F.jsx)(W,{style:r.currencyId,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_currency-id"),children:e})]})]});break;case j.BonusTypes.FreeAmount:g=(0,F.jsxs)(M,{style:r.selectedBonusText,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt"),children:[(0,F.jsx)(D,{style:r.bonusName,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_bonus-name"),children:l||"_Free Amount"}),(0,F.jsxs)($,{style:r.countAndCurrency,children:[(0,F.jsx)(U,{style:r.remainingCount,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_remaining-count"),children:u}),(0,F.jsx)(W,{style:r.currencyId,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_sel-bonus-txt_currency-id"),children:e})]})]})}return(0,F.jsx)(T,{style:r.container,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button"),children:o.list.length>0?o.selected?(0,F.jsx)(z,{onClick:a,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box"),children:(0,F.jsxs)(A,{"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_inner"),children:[(0,F.jsx)(E,{style:r.icon,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-bonus-box_inner_icon"),children:(0,F.jsx)(k(),{color:"#fff"})}),g]})}):(0,F.jsxs)(P,{style:r.icon,onClick:a,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-icon"),children:[(0,F.jsx)(C(),{color:"#fff"}),(0,F.jsx)(R,{style:r.badge,children:(0,F.jsx)(S,{"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_active-icon_badge-text"),children:o.list.length})})]}):(0,F.jsx)(L,{style:r.deactiveIcon,"data-testid":"".concat(s?"".concat(s,"_"):"","global-bonus-button_inactive-icon"),children:(0,F.jsx)(N,{children:(0,F.jsx)(k(),{color:"#fff"})})})})}Y.defaultProps={selectedBonus:null,currencyId:"",onClick:function(){},bonuses:{list:[],selected:null,enabled:null},resources:{},styles:{},parentId:""},Y.propTypes={selectedBonus:h().object,currencyId:h().string,onClick:h().func,bonuses:h().object,resources:h().object,styles:h().object,parentId:h().string};const q=Y},75251:(t,n,e)=>{var o=e(28416),a=Symbol.for("react.element"),i=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,s=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,n,e){var o,i={},l=null,d=null;for(o in void 0!==e&&(l=""+e),void 0!==n.key&&(l=""+n.key),void 0!==n.ref&&(d=n.ref),n)r.call(n,o)&&!c.hasOwnProperty(o)&&(i[o]=n[o]);if(t&&t.defaultProps)for(o in n=t.defaultProps)void 0===i[o]&&(i[o]=n[o]);return{$$typeof:a,type:t,key:l,ref:d,props:i,_owner:s.current}}n.Fragment=i,n.jsx=l,n.jsxs=l},85893:(t,n,e)=>{t.exports=e(75251)}}]);