{"version":3,"file":"static/chunks/53887-c15b2cdabfaa3640.js","sources":["webpack://_N_E/./src/common/components/contentLoaders/ListElement.jsx","webpack://_N_E/./src/LegacyApp/client/components/list/list.jsx","webpack://_N_E/./src/common/components/options/toggleConverter/toggleConverter.jsx","webpack://_N_E/./src/common/components/options/toggleConverter/toggleConverter.container.js","webpack://_N_E/./src/common/components/options/KeyboardButton.styled.js","webpack://_N_E/./src/common/components/options/toggleHotkeys.jsx","webpack://_N_E/./src/modules/games/Game/components/Game.components/gameSettings/constants/GameSettingsOptions.tsx","webpack://_N_E/./public/img/icons/animation.svg","webpack://_N_E/./src/modules/games/Game/components/Game.components/gameSettings/GameSettings.tsx","webpack://_N_E/./src/modules/games/Game/components/Game.components/gameSettings/gameSettings.container.js"],"sourceRoot":"","sourcesContent":["import ContentLoader from 'react-content-loader';\nimport { any } from 'prop-types';\nimport { config } from './loaders.config';\n\nexport const ListElementLoader = (props) => {\n\tconst height = 30;\n\tconst width = 200;\n\tconst barHeight = height / 3;\n\tconst barWidth = width - 28;\n\treturn (\n\t\t<ContentLoader\n\t\t\twidth={width}\n\t\t\theight={height}\n\t\t\tviewBox={`0 0 ${width} ${height}`}\n\t\t\tuniqueKey={`${props.id || 0}-listElement`}\n\t\t\t{...config}\n\t\t\t{...props}\n\t\t>\n\t\t\t<circle cx=\"11\" cy={height / 2} r=\"8\" />\n\t\t\t<rect\n\t\t\t\tx={width - barWidth}\n\t\t\t\ty={(height - barHeight) / 2}\n\t\t\t\trx=\"5\"\n\t\t\t\try=\"5\"\n\t\t\t\twidth={barWidth}\n\t\t\t\theight={barHeight}\n\t\t\t/>\n\t\t</ContentLoader>\n\t);\n};\n\nListElementLoader.propTypes = {\n\tid: any,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { enhanceComponent } from '../../wrappers/enhanceComponent';\nimport { ListElementLoader } from '../../../../common/components/contentLoaders/ListElement';\nimport { LoaderListWrapper } from '../../../../common/components/contentLoaders/LoaderListWrapper';\n\nclass List extends React.PureComponent {\n\tstatic propTypes = {\n\t\tarray: PropTypes.array,\n\t\tisBox: PropTypes.any,\n\t\tlistStyle: PropTypes.any,\n\t\tclassName: PropTypes.string,\n\t\telClassName: PropTypes.string,\n\t\tpreloadLength: PropTypes.number,\n\t\tpreloadElement: PropTypes.node,\n\t\tisLoaded: PropTypes.bool,\n\t\tnoDataElement: PropTypes.any,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tlistStyle: true,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.listStyle !== undefined) {\n\t\t\tthis.setState({\n\t\t\t\tlistStyle: this.props.listStyle,\n\t\t\t});\n\t\t}\n\t}\n\n\trender() {\n\t\tconst list = (\n\t\t\t<ul\n\t\t\t\tstyle={\n\t\t\t\t\ttypeof this.props.listStyle === 'string'\n\t\t\t\t\t\t? { listStyle: this.props.listStyle }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tclassName={classnames('list', this.props.className, {\n\t\t\t\t\t'list--no-style':\n\t\t\t\t\t\t!this.state.listStyle || this.props.array.length === 1,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<LoaderListWrapper\n\t\t\t\t\tlist={this.props.array}\n\t\t\t\t\tloaded={this.props.isLoaded}\n\t\t\t\t\tpreloadElement={(el, index) => (\n\t\t\t\t\t\t<li className={this.props.elClassName} key={index}>\n\t\t\t\t\t\t\t{this.props.preloadElement || <ListElementLoader />}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t\tnoDataElement={this.props.noDataElement}\n\t\t\t\t\tpreloadLength={this.props.preloadLength}\n\t\t\t\t\tlistElementCallback={(el, index) => (\n\t\t\t\t\t\t<li className={this.props.elClassName} key={index}>\n\t\t\t\t\t\t\t{el}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</ul>\n\t\t);\n\n\t\treturn this.props.isBox ? <div className=\"list-box\">{list}</div> : list;\n\t}\n}\n\nList = enhanceComponent({\n\tList,\n});\n\nexport { List };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { faDollarSign } from '@fortawesome/free-solid-svg-icons';\nimport { trans } from '../../../../LegacyApp/client/modules/translation/translate';\nimport { enhanceComponent } from '../../../../LegacyApp/client/wrappers/enhanceComponent';\nimport { Tooltip } from '../../../../LegacyApp/client/components/tooltip';\nimport { AwesomeIcon } from '../../icons/AwesomeIcon';\n\nclass ToggleConverter extends React.PureComponent {\n\tstatic propTypes = {\n\t\tdisabled: PropTypes.bool,\n\t\ttoggle: PropTypes.func,\n\t};\n\n\ttoggle = () => {\n\t\tthis.props.toggle();\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<Tooltip content={trans({ label: 'USD Converter' })}>\n\t\t\t\t<span\n\t\t\t\t\tonClick={this.toggle}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'toggle-max-button small-text text-uppercase align-center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'toggle-max-button__disabled': this.props.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<AwesomeIcon icon={faDollarSign} />\n\t\t\t\t</span>\n\t\t\t</Tooltip>\n\t\t);\n\t}\n}\n\nToggleConverter = enhanceComponent({\n\tToggleConverter,\n});\n\nexport { ToggleConverter };\n","import { connect } from 'react-redux';\nimport { converterSwitchCurrency } from '../../../../LegacyApp/client/store/converter/converter.actions';\nimport { ToggleConverter } from './toggleConverter';\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tdisabled: state.converter.currency !== 'usd',\n\t};\n};\n\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\ttoggle: () => dispatch(converterSwitchCurrency()),\n\t};\n};\n\nconst ToggleConverterContainer = connect(\n\tmapStateToProps,\n\tmapDispatchToProps,\n)(ToggleConverter);\n\nexport { ToggleConverterContainer };\n","import styled from 'styled-components';\nimport { boxNoHeight } from '../../../LegacyApp/client/modules/style/defaults';\n\nexport const StyledKeyboardButtonWrapper = styled.span`\n\t${boxNoHeight};\n\talign-items: center;\n\tdisplay: flex;\n\theight: 30px;\n\tjustify-content: center;\n\tmargin-right: 15px;\n\twidth: 60px;\n`;\n\nexport const StyledKeyboardButton = styled.span`\n\tbackground-color: #181818;\n\tborder-radius: 3px;\n\tpadding: 7px 10px;\n`;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { faKeyboard } from '@fortawesome/free-solid-svg-icons';\nimport { config } from '../../../LegacyApp/client/config';\nimport { List } from '../../../LegacyApp/client/components/list';\nimport { trans } from '../../../LegacyApp/client/modules/translation/translate';\nimport { AwesomeIcon } from '../icons/AwesomeIcon';\nimport { OPTIONS } from '../../../LegacyApp/client/store/options/options.constants';\nimport { useGameActiveGame } from '../../../modules/games/Game/store/game/game.selectors';\nimport { useDiceRollRuleSelector } from '../../../modules/games/Game/store/dice/selectors/useDiceRollRuleSelector';\nimport { game_config } from '../../../LegacyApp/client/game_config';\nimport { ToggleOption } from './toggleOption/ToggleOption';\nimport {\n\tStyledKeyboardButton,\n\tStyledKeyboardButtonWrapper,\n} from './KeyboardButton.styled';\n\nconst TooltipContent = () => {\n\tconst game = useGameActiveGame();\n\tconst rule = useDiceRollRuleSelector();\n\n\tconst gameHotKeys = game_config[game]\n\t\t? game_config[game].hotkeys.filter((el) => {\n\t\t\t\tif (el.rule?.length && rule) {\n\t\t\t\t\treturn el.rule.some((rule_) => rule_ === rule);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t  })\n\t\t: false;\n\n\treturn (\n\t\t<div className={'box-no-height align-left'}>\n\t\t\t<h3>{trans({ label: 'Hotkeys' })}</h3>\n\t\t\t<List\n\t\t\t\tlistStyle={false}\n\t\t\t\tarray={[...(gameHotKeys || []), ...config.defaultHotKeys].map((el) => (\n\t\t\t\t\t<div key={el.keyCode} className=\"flex-vertical-center align-left\">\n\t\t\t\t\t\t<StyledKeyboardButtonWrapper>\n\t\t\t\t\t\t\t<StyledKeyboardButton>\n\t\t\t\t\t\t\t\t{el.symbol ? el.symbol : <AwesomeIcon icon={el.icon} />}\n\t\t\t\t\t\t\t</StyledKeyboardButton>\n\t\t\t\t\t\t</StyledKeyboardButtonWrapper>{' '}\n\t\t\t\t\t\t{trans({ label: el.name })}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst tooltip = () => <TooltipContent />;\n\nexport const ToggleHotkeys = () => {\n\treturn (\n\t\t<ToggleOption\n\t\t\tid={OPTIONS.HOTKEYS}\n\t\t\ttooltip={tooltip}\n\t\t\ticon={<AwesomeIcon icon={faKeyboard} />}\n\t\t\tclassName={classNames('text-uppercase')}\n\t\t/>\n\t);\n};\n","import React, { Fragment } from 'react';\nimport classnames from 'classnames';\n\nimport { getGamesList } from '@modules/games/Game/methods/getGamesList';\nimport { GameType } from '@modules/games/Game/constants/availableGames';\nimport { OPTIONS } from '@legacyApp/client/store/options/options.constants';\nimport { ToggleOption } from '@common/components/options/toggleOption/ToggleOption';\nimport animationIcon from '@public/img/icons/animation.svg';\nimport { trans } from '@legacyApp/client/modules/translation/translate';\nimport { Image } from '@common/components/default/Image/Image';\nimport { ToggleConverterContainer } from '@common/components/options/toggleConverter/index';\nimport { ToggleHotkeys } from '@common/components/options/toggleHotkeys';\nimport { checkMobileDevice } from '@legacyApp/client/modules/app/appService';\nimport { AwesomeIcon } from '@common/components/icons/AwesomeIcon';\nimport {\n\tfaClipboardList,\n\tfaVolumeMute,\n\tfaVolumeUp,\n} from '@fortawesome/free-solid-svg-icons';\n\nexport const GAME_SETTINGS_OPTIONS = [\n\t// TODO: NEW GAME FLAG\n\t{\n\t\tcomponent: <ToggleConverterContainer />,\n\t},\n\t{\n\t\tcomponent: (\n\t\t\t<ToggleOption\n\t\t\t\tid={OPTIONS.ANIMATION}\n\t\t\t\ttooltip={() => trans({ label: 'Animations' })}\n\t\t\t\ticon={<Image src={animationIcon} alt=\"animation\" />}\n\t\t\t/>\n\t\t),\n\t},\n\t{\n\t\tcomponent: (\n\t\t\t<ToggleOption\n\t\t\t\tid={OPTIONS.AUTOBET_SUMMARY}\n\t\t\t\ttooltip={() => trans({ label: 'Autobet summary' })}\n\t\t\t\ticon={<AwesomeIcon icon={faClipboardList} />}\n\t\t\t/>\n\t\t),\n\t\tgame: [GameType.DICE, GameType.LIMBO, GameType.PLINKO],\n\t},\n\t{\n\t\tcomponent: <ToggleHotkeys />,\n\t\tgame: getGamesList(),\n\t\tdisabled: checkMobileDevice as (args) => Boolean,\n\t},\n\t{\n\t\tcomponent: (\n\t\t\t<ToggleOption\n\t\t\t\tid={OPTIONS.SOUND}\n\t\t\t\tnoClasses={true}\n\t\t\t\ticon={(enabled) => (\n\t\t\t\t\t<AwesomeIcon\n\t\t\t\t\t\ticon={enabled ? faVolumeUp : faVolumeMute}\n\t\t\t\t\t\tclassName={classnames('toggle-sound')}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t),\n\t},\n\t{\n\t\tcomponent: (\n\t\t\t<ToggleOption\n\t\t\t\tid={OPTIONS.MAX_BET}\n\t\t\t\tclassName=\"text-uppercase\"\n\t\t\t\ticon={trans({\n\t\t\t\t\tlabel: 'max <1/> bet',\n\t\t\t\t\tcomponents: (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\tmax <br /> bet\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t})}\n\t\t\t/>\n\t\t),\n\t\tgame: getGamesList(),\n\t},\n];\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjQ5bW0iIGhlaWdodD0iOC45bW0iIHZpZXdCb3g9IjAgMCAyNC4wNyAyNS4yNCI+Cgk8ZGVmcz4KCQk8c3R5bGU+CgkJCS5jbHMtMSB7CgkJCW9wYWNpdHk6IDAuOTI7CgkJCX0KCgkJCS5jbHMtMiB7CgkJCWZpbGw6ICNmMmYyZjU7CgkJCX0KCQk8L3N0eWxlPgoJPC9kZWZzPgoJPHRpdGxlPkZpeGVkPC90aXRsZT4KCTxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPgoJCTxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPGcgY2xhc3M9ImNscy0xIj4KCQkJCQkJPGc+CgkJCQkJCQk8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLDcuNDhBMS42MywxLjYzLDAsMSwxLDMuNjQsNS44NiwxLjYzLDEuNjMsMCwwLDEsMiw3LjQ4WiIvPgoJCQkJCQkJPGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSI0LjU0IiBjeT0iMy4xOSIgcj0iMS4zNiIvPgoJCQkJCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy43NywyLjUzQTEuMDksMS4wOSwwLDEsMSw4Ljg2LDEuNDQsMS4wOSwxLjA5LDAsMCwxLDcuNzcsMi41M1oiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTExLjQsMS42M2EuODIuODIsMCwwLDEtLjgxLS44Mi44MS44MSwwLDEsMSwxLjYyLDBBLjgyLjgyLDAsMCwxLDExLjQsMS42M1oiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE1LDEuODlhLjU0LjU0LDAsMSwxLC41NC0uNTRBLjU0LjU0LDAsMCwxLDE1LDEuODlaIi8+CgkJCQkJCQk8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xOC4zMiwzLjI3QS4yNy4yNywwLDEsMSwxOC41OSwzLC4yNy4yNywwLDAsMSwxOC4zMiwzLjI3WiIvPgoJCQkJCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuOTIsNS42WiIvPgoJCQkJCQk8L2c+CgkJCQkJPC9nPgoJCQkJCTxnIGNsYXNzPSJjbHMtMSI+CgkJCQkJCTxnPgoJCQkJCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTEuMTgsMjUuMjRhMS42MywxLjYzLDAsMSwxLDEuNjItMS42M0ExLjYzLDEuNjMsMCwwLDEsMTEuMTgsMjUuMjRaIi8+CgkJCQkJCQk8Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjcuNTgiIGN5PSIyMi44NCIgcj0iMS4zNiIvPgoJCQkJCQkJPGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSI0LjQxIiBjeT0iMjAuOTciIHI9IjEuMDgiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIKCQkJCQkJCQkJCWQ9Ik0yLDE5YS44Mi44MiwwLDAsMS0uODEtLjgyQS44MS44MSwwLDAsMSwyLDE3LjM5YS44Mi44MiwwLDAsMSwuODIuODFBLjgyLjgyLDAsMCwxLDIsMTlaIi8+CgkJCQkJCQk8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0uNTYsMTUuMzZhLjU1LjU1LDAsMCwxLDAtMS4wOS41NS41NSwwLDAsMSwwLDEuMDlaIi8+CgkJCQkJCQk8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0uMjcsMTEuNDJhLjI3LjI3LDAsMSwxLC4yNy0uMjdBLjI3LjI3LDAsMCwxLC4yNywxMS40MloiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEuMTQsNy41OFoiLz4KCQkJCQkJPC9nPgoJCQkJCTwvZz4KCQkJCQk8ZyBjbGFzcz0iY2xzLTEiPgoJCQkJCQk8Zz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIxLjUsOC4yYTEuNjMsMS42MywwLDEsMSwxLjYzLTEuNjNBMS42MywxLjYzLDAsMCwxLDIxLjUsOC4yWiIvPgoJCQkJCQkJPGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIyMi43MSIgY3k9IjEwLjA0IiByPSIxLjM2Ii8+CgkJCQkJCQk8Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjIyLjc4IiBjeT0iMTMuNzIiIHI9IjEuMDgiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIxLjY4LDE4YS44MS44MSwwLDEsMSwuODEtLjgxQS44MS44MSwwLDAsMSwyMS42OCwxOFoiLz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE5LjU0LDIwLjc2YS41NC41NCwwLDEsMSwwLTEuMDguNTQuNTQsMCwwLDEsMCwxLjA4WiIvPgoJCQkJCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTYuNTYsMjIuNjVhLjI3LjI3LDAsMSwxLC4yNy0uMjdBLjI3LjI3LDAsMCwxLDE2LjU2LDIyLjY1WiIvPgoJCQkJCQkJPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMuMDYsMjMuNVoiLz4KCQkJCQkJPC9nPgoJCQkJCTwvZz4KCQkJCTwvZz4KCQkJCTxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTEuNTYiIGN5PSIxMi4yNCIgcj0iMy40Ii8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+Cjwvc3ZnPgo=\"","import React, { FC, useState } from 'react';\nimport { faCog } from '@fortawesome/free-solid-svg-icons';\nimport { Button } from '@legacyApp/client/components/button';\nimport { enhanceComponent } from '@legacyApp/client/wrappers/enhanceComponent';\nimport { AwesomeIcon } from '@common/components/icons/AwesomeIcon';\nimport { isFunction } from '@common/methods/isFunction';\nimport { useOrientationChangeEventListener } from '@common/hooks/useEventListener';\nimport { GAME_SETTINGS_OPTIONS } from '@modules/games/Game/components/Game.components/gameSettings/constants/GameSettingsOptions';\n\ninterface GameSettingsProps {\n\tlist: boolean;\n\thorizontal: boolean;\n\tdeviceType: string;\n\tgame: any;\n\tdefaultButton: boolean;\n\tt: Function;\n\trule: string;\n\tclassName: string;\n}\n\nexport const GameSettings: FC<GameSettingsProps> = (props) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\n\tconst optionsPrepared = GAME_SETTINGS_OPTIONS.filter((el) => {\n\t\tif (!el.game) {\n\t\t\treturn true;\n\t\t}\n\t\treturn el.game.indexOf(props.game) > -1\n\t\t\t? !(isFunction(el.disabled) && el.disabled(props))\n\t\t\t: false;\n\t}).map((el, index) => (\n\t\t<div\n\t\t\tclassName={`game-settings--option items-center bg-color-dark-800 cursor-pointer flex float-left h-[42px] justify-center transition-[300ms] w-[42px] mb-[3px] rounded-[100%] hover:bg-color-dark-700 maxWidthTablet:h-[22px] maxWidthTablet:w-[22px] minWidthBigDesktop:h-[45px] minWidthBigDesktop:w-[45px] minWidthBigDesktop:mb-[5px] [&>div]:flex [&>div]:flex-1 [&>div]:justify-center [&>div]:h-[inherit] [&>div]:w-[inherit] [&_span]:flex [&_span]:flex-1 [&_span]:justify-center ${\n\t\t\t\tprops.list ? 'first-of-type:mt-0' : ''\n\t\t\t} ${props.list && props.horizontal ? 'mx-1.5 my-0 mt-[unset]' : ''} ${\n\t\t\t\t!props.defaultButton && props.list && props.horizontal\n\t\t\t\t\t? '!h-[45px] !w-[45px]'\n\t\t\t\t\t: ''\n\t\t\t} ${\n\t\t\t\tprops.defaultButton\n\t\t\t\t\t? `!bg-color-dark-700 !rounded !h-10 ${\n\t\t\t\t\t\t\tprops.horizontal ? '!w-[50px]' : '!w-full'\n\t\t\t\t\t  } ${\n\t\t\t\t\t\t\tprops.defaultButton && !props.horizontal\n\t\t\t\t\t\t\t\t? '!hover:bg-color-dark-600'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t  }`\n\t\t\t\t\t: ''\n\t\t\t}`}\n\t\t\tkey={index}\n\t\t>\n\t\t\t{el.component}\n\t\t</div>\n\t));\n\n\tconst open = () => {\n\t\tif (props.list) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOpen(true);\n\t};\n\n\tconst close = () => {\n\t\tif (props.list) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOpen(false);\n\t};\n\n\tconst toggle = () => {\n\t\tif (props.list) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOpen(!isOpen);\n\t};\n\n\tuseOrientationChangeEventListener(close);\n\n\treturn (\n\t\t<div\n\t\t\tonMouseEnter={props.list ? undefined : open}\n\t\t\tonMouseLeave={props.list ? undefined : close}\n\t\t\tclassName={`game-settings z-[2] cursor-pointer [&_span]:items-center [&_span]:flex [&_span]:justify-center [&_span]:p-0 [&_i]:items-center [&_i]:flex [&_i]:justify-center [&_i]:p-0 [&_svg]:items-center [&_svg]:flex [&_svg]:justify-center [&_svg]:p-0 [&_i]:text-base [&_i]:minWidthBigDesktop:text-lg [&_svg]:!w-4 [&_svg]:!h-4 [&_svg]:minWidthBigDesktop:!w-[18px] [&_svg]:minWidthBigDesktop:!h-[18px] [&_span]:text-[10px] [&_span.small-text]:text-[7px] ${\n\t\t\t\tprops.list\n\t\t\t\t\t? `flex flex-col !static w-[50px] pb-0 left-[unset] inset-y-[unset] ${\n\t\t\t\t\t\t\tprops.horizontal\n\t\t\t\t\t\t\t\t? '!flex-row h-[50px] !gap-[13px] justify-center !w-full !ml-2.5 !mr-0 !my-0 !p-0'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t  }`\n\t\t\t\t\t: 'absolute left-[30px] maxWidthTablet:left-2.5 minWidthBigDesktop:left-[30px] -translate-y-2/4 top-[calc(50%_+_10px)] w-[45px] maxWidthTablet:!w-[25px] minWidthBigDesktop:w-[50px]'\n\t\t\t} ${props.className}`}\n\t\t>\n\t\t\t{props.list ? (\n\t\t\t\toptionsPrepared\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tname=\"game-settings\"\n\t\t\t\t\t\tnoClassName\n\t\t\t\t\t\tonClick={toggle}\n\t\t\t\t\t\tclassName=\"items-center bg-color-dark-700 flex justify-center z-[3] h-[45px] w-[45px] p-2.5 rounded-[100%] maxWidthTablet:!w-[25px] maxWidthTablet:!h-[25px] minWidthBigDesktop:!w-[50px] minWidthBigDesktop:!h-[50px]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<AwesomeIcon icon={faCog} />\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`game-settings--menu items-center bg-color-dark-800 flex flex-col justify-start overflow-hidden w-full z-[2] rounded-[45px] bottom-full maxWidthTablet:rounded-[25px] minWidthBigDesktop:rounded-[50px] ${\n\t\t\t\t\t\t\tisOpen\n\t\t\t\t\t\t\t\t? 'absolute mb-[-45px] pt-[1.5px] pb-[45px] maxWidthTablet:h-[151.5px] maxWidthTablet:mb-[-25px] maxWidthTablet:pb-[25px] minWidthBigDesktop:mb-[-50px] minWidthBigDesktop:pt-[2.5px] minWidthBigDesktop:pb-[50px]'\n\t\t\t\t\t\t\t\t: 'h-0'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{optionsPrepared}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default enhanceComponent({\n\tGameSettings,\n\tprops: {\n\t\tclickOutside: true,\n\t},\n});\n","import { connect } from 'react-redux';\nimport GameSettings from '@modules/games/Game/components/Game.components/gameSettings/GameSettings';\n\nconst mapStateToProps = (state, props) => {\n\treturn {\n\t\tdeviceType: state.app.deviceType,\n\t\tgame: props.game !== undefined ? props.game : state.game?.activeGame,\n\t\trule: state.dice?.rollDirection,\n\t};\n};\n\nconst GameSettingsContainer = connect(mapStateToProps, false)(GameSettings);\n\nexport { GameSettingsContainer };\n"],"names":["ListElementLoader","props","width","height","viewBox","uniqueKey","id","config","cx","cy","r","x","y","rx","ry","List","state","listStyle","undefined","this","setState","list","style","className","classnames","array","length","LoaderListWrapper","loaded","isLoaded","preloadElement","el","index","elClassName","noDataElement","preloadLength","listElementCallback","isBox","React","enhanceComponent","ToggleConverter","toggle","content","trans","label","onClick","disabled","AwesomeIcon","icon","faDollarSign","ToggleConverterContainer","connect","converter","currency","dispatch","converterSwitchCurrency","StyledKeyboardButtonWrapper","styled","boxNoHeight","StyledKeyboardButton","TooltipContent","game","useGameActiveGame","rule","useDiceRollRuleSelector","gameHotKeys","game_config","hotkeys","filter","some","rule_","map","symbol","name","keyCode","tooltip","ToggleHotkeys","ToggleOption","OPTIONS","faKeyboard","classNames","GAME_SETTINGS_OPTIONS","component","Image","src","alt","faClipboardList","GameType","getGamesList","checkMobileDevice","noClasses","enabled","faVolumeUp","faVolumeMute","components","Fragment","GameSettings","useState","isOpen","setIsOpen","optionsPrepared","indexOf","isFunction","horizontal","defaultButton","close","useOrientationChangeEventListener","onMouseEnter","onMouseLeave","noClassName","faCog","clickOutside","GameSettingsContainer","deviceType","app","activeGame","dice","rollDirection"],"mappings":"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","debug_id":"f421e7e3-e6a7-5415-9673-a3650dbaebe0"}