"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[2913],{72913:(n,e,t)=>{t.r(e),t.d(e,{default:()=>an});var o,i,r,c,a,s,l,u,d,b,m,p,f=t(28416),g=t(9411),h=t.n(g),j=t(16839),x=t.n(j),y=t(15512),B=t.n(y),v=t(53222),C=t.n(v),k=t(30774),w=t.n(k),I=t(7013),P=t.n(I),L=t(66702),T=t.n(L),G=t(53804),M=t(4944),N=t.n(M),F=t(36402),O=t.n(F),z=t(96910),S=t.n(z),U=t(42966),A=t.n(U),D=t(40105),H=t.n(D),R=t(5414),q=t.n(R),E=t(3239),J=t(5439),K=t.n(J),Q={isGlow:K().bool,showNotification:K().bool,culture:K().string,isToggleBalance:K().bool,demo:K().bool,isLeaderBoard:K().bool,balance:K().oneOfType([K().string,K().number]),currencyId:K().string,selectedBonus:K().object,cashBackInfo:K().object,gameId:K().number,bonuses:K().object,ping:K().number,openGameControlsPopup:K().func,openMainMenu:K().func,redirectToGame:K().func,openBonusListPopup:K().func,redirectToLobby:K().func,openCashBackPopup:K().func,openLeaderboardPopup:K().func,resources:K().object,notifications:K().array,removeNotification:K().func,notificationStyles:K().object,styles:K().shape({container:K().object,block:K().object,blockInner:K().object,item:K().object,leaderBoardButton:K().object,iconBtn:K().object,balanceBox:K().object,balance:K().object,icon:K().object,iconColor:K().string,startColor:K().string,endColor:K().string,bonusButton:K().object,cashbackButton:K().object,realGameButton:K().object,text:K().object,badge:K().object,bonusIcon:K().shape({container:K().object,icon:K().object,badge:K().object}),ping:K().shape({container:K().object,iconContainer:K().object,content:K().object}),amountBox:K().shape({container:K().object,amount:K().object,currency:K().object}),avatar:K().shape({container:K().object,img:K().object})})},V=t(85893);function W(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var X=(0,f.memo)(h().div(o||(o=W(["\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-content: space-between;\n\tjustify-content: space-between;\n\tflex: 0 0 6.875em;\n\theight: 6.875em;\n\tcolor: rgb(var(--white));\n\tfont-family: var(--mainFont);\n\tpadding: 0 0.75em;\n\tborder-radius: 1em;\n\tbackground: rgba(var(--white), 0.08);\n\tborder: 1px solid;\n\tborder-color: var(--mainLayoutBorderColor);\n\tmargin-bottom: 0.5em;\n"])))),Y=(0,f.memo)(h().div(i||(i=W(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid rgba(var(--white), 0.16);\n\tpadding: 0.5em 0;\n\n\t&:nth-child(2) {\n\t\tborder-bottom: 0 none;\n\t}\n"])))),Z=(0,f.memo)(h().div(r||(r=W(["\n\tdisplay: flex;\n\talign-items: center;\n"])))),$=(0,f.memo)(h().div(c||(c=W(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tmargin-right: 1.25em;\n\n\t&:last-child {\n\t\tmargin-right: 0;\n\t}\n\n\t","\n"])),(function(n){return n.ml0&&(0,g.css)(a||(a=W(["\n\t\t\tmargin: 0 -0.25em;\n\t\t"])))}))),_=(0,f.memo)(h().div(s||(s=W(["\n\tfont-size: 0.875em;\n\n\tb {\n\t\tcolor: rgba(var(--white), 0.5);\n\t\tfont-family: var(--mainFont);\n\t}\n\n\t",";\n\t",";\n\t",";\n\t",";\n"])),(function(n){return n.LightText&&(0,g.css)(l||(l=W(["\n\t\t\tcolor: rgba(var(--white), 0.7);\n\t\t\tmargin-right: 0.5em;\n\t\t"])))}),(function(n){return n.ml8&&(0,g.css)(u||(u=W(["\n\t\t\tmargin-left: 0.5em;\n\t\t"])))}),(function(n){return n.idTxt&&(0,g.css)(d||(d=W(["\n\t\t\tmargin-bottom: 0.25em;\n\t\t\tcolor: rgba(var(--white), 0.4);\n\t\t"])))}),(function(n){return n.balance&&(0,g.css)(b||(b=W(["\n\t\t\tfont-family: var(--mainFontMedium);\n\t\t"])))}))),nn=(0,f.memo)(h().div(m||(m=W(["\n\tbackground: rgba(var(--white), 0.08);\n\tborder-radius: 50%;\n\twidth: 1.875em;\n\theight: 1.875em;\n\tdisplay: inline-flex;\n\tborder: 1px solid;\n\tborder-color: var(--mainLayoutBorderColor);\n\tmargin-left: 0.75em;\n\tpadding: 0.375em;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\tposition: relative;\n\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n"])))),en=(0,f.memo)(h().div(p||(p=W(["\n\tdisplay: flex;\n\tflex-direction: column;\n"])))),tn=(0,G.getParamsFromUrl)()||{},on=tn.token,rn=tn.mode;function cn(n){var e=n.isGlow,t=n.culture,o=n.demo,i=n.cashBackInfo,r=n.openCashBackPopup,c=n.isToggleBalance,a=n.balance,s=n.currencyId,l=n.gameId,u=n.bonuses,d=n.ping,b=n.selectedBonus,m=n.openGameControlsPopup,p=n.openBonusListPopup,f=n.redirectToGame,g=n.resources,h=n.styles,j=n.notifications,y=n.removeNotification,v=n.notificationStyles,k=n.chatConfigs,I=k.showChatIcon,L=k.showAvatar,G=k.avatarUrl,M=k.newMessageNotify,F=n.onChatIconClick,z=n.openMainMenu,U=n.isLeaderBoard,D=n.showNotification,R=n.openLeaderboardPopup,J=n.openChatRegistryPopup;return(0,V.jsxs)(X,{style:h.container,children:[(0,V.jsxs)(Y,{style:h.block,children:[(0,V.jsxs)(Z,{style:h.blockInner,children:[L&&(0,V.jsx)(H(),{style:h.avatar,onClick:J,avatarUrl:G}),(0,V.jsxs)(en,{children:[(0,V.jsxs)($,{style:h.item,children:[(0,V.jsxs)(_,{idTxt:!0,style:h.text,children:[g.strId||"ID"," :"]}),(0,V.jsx)(_,{idTxt:!0,style:h.text,children:l})]}),(0,V.jsx)($,{style:h.item,ml0:!c,children:(0,V.jsx)(_,{style:h.text,balance:!0,children:(0,V.jsx)(A(),{currencyId:s,culture:t,balance:a,isToggleBalance:c,styles:h.balanceBox})})})]})]}),(0,V.jsxs)($,{children:[I&&(0,V.jsxs)(nn,{style:h.iconBtn,onClick:F,children:[(0,V.jsx)(S(),{color:(null==h?void 0:h.iconColor)||"#fff"}),M&&(0,V.jsx)(q(),{})]}),(0,V.jsx)(nn,{style:h.iconBtn,onClick:m,children:(0,V.jsx)(N(),{color:(null==h?void 0:h.iconColor)||"rgb(var(--white))"})}),(0,V.jsx)(nn,{style:h.iconBtn,onClick:z,children:(0,V.jsx)(O(),{color:(null==h?void 0:h.iconColor)||"rgb(var(--white))"})})]})]}),(0,V.jsxs)(Y,{style:h.block,children:[o&&(on||"2"!==rn)&&(0,V.jsx)(w(),{isMobile:!1,redirectToGame:f,resources:g,styles:h.realGameButton}),!o&&(0,V.jsxs)($,{style:h.item,children:[void 0!==(null==i?void 0:i.id)&&(0,V.jsx)(T(),{isGlow:e,percent:null==i?void 0:i.fillPercentage,styles:h.cashbackButton,onClick:r}),U?(0,V.jsx)(E.LeadBoardHeaderButton,{styles:h.leaderBoardButton,openPopup:R}):null,(0,V.jsx)(P(),{bonuses:u,styles:h.bonusButton,selectedBonus:b,currencyId:s,resources:g,onClick:p})]}),(0,V.jsxs)($,{style:h.item,children:[(0,V.jsx)(_,{LightText:!0,style:h.text,children:(0,V.jsx)(B(),{})}),!o&&(0,V.jsx)(x(),{styles:h.ping,data:d,resources:g})]})]}),D&&j.length>0&&(0,V.jsx)(C(),{culture:t,isMobile:!1,style:v,notificationList:j,removeNotification:y})]})}cn.defaultProps={isGlow:!1,openCashBackPopup:function(){},redirectToLobby:function(){},openLeaderboardPopup:function(){},showNotification:!0,culture:"",isToggleBalance:!1,demo:null,isLeaderBoard:!1,selectedBonus:null,cashBackInfo:{},balance:0,currencyId:"",gameId:0,bonuses:{list:[],selected:null,enabled:null},ping:0,openGameControlsPopup:function(){},openMainMenu:function(){},redirectToGame:function(){},openBonusListPopup:function(){},resources:{},notifications:[],removeNotification:function(){},notificationStyles:{},styles:{container:{},block:{},item:{},balance:{},leaderBoardButton:{},icon:{},iconColor:"",text:{},balanceBox:{},badge:{},bonusIcon:{container:{},icon:{},badge:{}},ping:{container:{},iconContainer:{},content:{}},amountBox:{container:{},amount:{},currency:{}},avatar:{container:{},img:{}}}},cn.propTypes=Q;const an=(0,f.memo)(cn)}}]);