{"version":3,"file":"static/chunks/40036-de944e3f8e2b2307.js","sources":["webpack://_N_E/./src/common/icons/ui/flame-icon.tsx","webpack://_N_E/./src/common/methods/reducerInitialStateMethods.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/plinko.actions.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/plinkoInitialState.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/selectors/usePlinkoLinesSelector.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/selectors/usePlinkoRiskSelector.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/slices/lines.slice.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/slices/position.slice.ts","webpack://_N_E/./src/modules/games/Game/store/plinko/slices/risk.slice.ts","webpack://_N_E/./src/modules/games/PlinkoGame/components/LinesSwitch/LinesSwitch.tsx","webpack://_N_E/./src/modules/games/PlinkoGame/components/playground/components/RiskSwitch/RiskSwitch.tsx","webpack://_N_E/./src/modules/games/PlinkoGame/hooks/usePlinko.ts","webpack://_N_E/./src/ui/components/verticalOptions/index.tsx"],"sourceRoot":"","sourcesContent":["import { FC } from 'react';\nimport { IconProps } from '@icons/all-bets';\nimport { Svg } from '@legacyApp/client/components/svg/Svg';\n\nexport const FlameIcon: FC<IconProps> = ({ fill, height, width }) => {\n\treturn (\n\t\t<Svg\n\t\t\tcontent={\n\t\t\t\t<path\n\t\t\t\t\td=\"M16.5221 6.48129C16.5221 6.48129 16.8934 4.28763 15.3728 3.33496C15.3502 3.71194 15.2483 4.0799 15.0738 4.41482C14.8993 4.74974 14.6561 5.04409 14.3601 5.27863C13.7098 5.85029 12.4871 7.13496 12.5001 8.50496C12.4958 9.09067 12.6552 9.66593 12.9603 10.1659C13.2653 10.6659 13.704 11.0708 14.2268 11.335C14.2454 11.0706 14.3167 10.8125 14.4364 10.576C14.5561 10.3395 14.7218 10.1293 14.9238 9.95763C15.095 9.82601 15.2383 9.66159 15.3452 9.47399C15.4522 9.28638 15.5207 9.07934 15.5468 8.86496C15.9943 9.10282 16.3725 9.45276 16.6443 9.88057C16.9161 10.3084 17.0723 10.7994 17.0974 11.3056V11.3123C17.5905 11.086 18.0113 10.7277 18.3135 10.2772C18.6157 9.82665 18.7875 9.30134 18.8098 8.75929C18.9178 7.47163 18.2124 5.72196 17.5871 5.14996C17.351 5.67705 16.9845 6.13525 16.5221 6.48129Z\"\n\t\t\t\t\tfill={fill}\n\t\t\t\t/>\n\t\t\t}\n\t\t\twidth={width || 14}\n\t\t\theight={height || 14}\n\t\t\tviewBox=\"11.75 3.5 8 8\"\n\t\t/>\n\t);\n};\n","import { lsGet } from '@modules/localStorage/methods/lsGet';\nimport { lsSet } from '@modules/localStorage/methods/lsSet';\nimport { lsClear } from '@modules/localStorage/methods/lsClear';\nimport { generateInitialStateKey } from '@modules/localStorage/types/localStorageKeys.type';\n\nexport const reducerInitialStateMethods = (key: string) => {\n\tconst names = [];\n\treturn {\n\t\tgetInitialState: (name) => lsGet(generateInitialStateKey(name, key)),\n\t\tsetInitialState: (name, data) => {\n\t\t\tif (names.indexOf(name) === -1) {\n\t\t\t\tnames.push(name);\n\t\t\t}\n\t\t\tlsSet(generateInitialStateKey(name, key), data);\n\t\t},\n\t\tclearState: () => {\n\t\t\tnames.forEach((name) => {\n\t\t\t\tlsClear(generateInitialStateKey(name, key));\n\t\t\t});\n\t\t},\n\t};\n};\n","import { riskSlice } from './slices/risk.slice';\nimport { linesSlice } from './slices/lines.slice';\nimport { positionSlice } from './slices/position.slice';\n\nexport const plinkoActions = {\n\t...riskSlice.actions,\n\t...linesSlice.actions,\n\t...positionSlice.actions,\n};\n","import { reducerInitialStateMethods } from '@common/methods/reducerInitialStateMethods';\nimport { GameType } from '../../constants/availableGames';\n\nexport const plinkoInitialState = reducerInitialStateMethods(GameType.PLINKO);\n","import { shallowEqual } from 'react-redux';\nimport { useAppSelector } from '@legacyApp/hooks/store/useAppSelector';\nimport { RootState } from '@legacyApp/client/store/configure.store';\n\nexport const usePlinkoLinesSelector = () =>\n\tuseAppSelector<RootState['plinko']['lines']>(\n\t\t(state) => state.plinko?.lines,\n\t\tshallowEqual,\n\t);\n","import { shallowEqual } from 'react-redux';\nimport { useAppSelector } from '@legacyApp/hooks/store/useAppSelector';\nimport { RootState } from '@legacyApp/client/store/configure.store';\n\nexport const usePlinkoRiskSelector = () =>\n\tuseAppSelector<RootState['plinko']['risk']>(\n\t\t(state) => state.plinko?.risk,\n\t\tshallowEqual,\n\t);\n","import ReduxToolkit, { createSlice } from '@reduxjs/toolkit';\nimport { plinkoInitialState } from '../plinkoInitialState';\nimport { LinesType } from '../../../../PlinkoGame/types';\n\nconst NAME = 'lines';\n\nexport type ValueType = LinesType;\n\nconst initialState: ValueType =\n\t(Number(plinkoInitialState.getInitialState(NAME)) as LinesType) || 8;\n\nconst setAction: ReduxToolkit.CaseReducer<\n\tValueType,\n\tReduxToolkit.PayloadAction<ValueType>\n> = (state, action) => {\n\tplinkoInitialState.setInitialState(NAME, action.payload);\n\n\treturn Number(action.payload) as ValueType;\n};\n\nexport const linesSlice = createSlice({\n\tname: NAME,\n\tinitialState,\n\treducers: {\n\t\tlinesUpdate: setAction,\n\t},\n});\n","import ReduxToolkit, { createSlice } from '@reduxjs/toolkit';\nimport { plinkoInitialState } from '../plinkoInitialState';\n\nconst NAME = 'position';\n\nexport type ValueType = string;\n\nconst initialState: ValueType =\n\tplinkoInitialState.getInitialState(NAME) || null;\n\nconst setAction: ReduxToolkit.CaseReducer<\n\tValueType,\n\tReduxToolkit.PayloadAction<ValueType>\n> = (state, action) => {\n\tplinkoInitialState.setInitialState(NAME, action.payload);\n\treturn action.payload;\n};\n\nexport const positionSlice = createSlice({\n\tname: NAME,\n\tinitialState,\n\treducers: {\n\t\tpositionUpdate: setAction,\n\t},\n});\n","import ReduxToolkit, { createSlice } from '@reduxjs/toolkit';\nimport { plinkoInitialState } from '../plinkoInitialState';\nimport { Risk } from '../../../../PlinkoGame/types';\n\nconst NAME = 'risk';\n\nexport type ValueType = Risk;\n\nconst initialState: ValueType =\n\tplinkoInitialState.getInitialState(NAME) || Risk.LOW;\n\nconst setAction: ReduxToolkit.CaseReducer<\n\tValueType,\n\tReduxToolkit.PayloadAction<ValueType>\n> = (state, action) => {\n\tplinkoInitialState.setInitialState(NAME, action.payload);\n\treturn action.payload;\n};\n\nexport const riskSlice = createSlice({\n\tname: NAME,\n\tinitialState,\n\treducers: {\n\t\triskUpdate: setAction,\n\t},\n});\n","import { FC, useCallback } from 'react';\nimport styled from 'styled-components';\nimport { VerticalOptions } from '@ui/verticalOptions';\nimport { Dropdown, StyledDropdownButtonWrapper } from '@ui/dropdown';\nimport { Button, CSSClassNameButton } from '@ui/button';\nimport { isFunction } from '@common/methods/isFunction';\nimport { Trans, trans } from '@legacyApp/client/modules/translation/translate';\nimport { Size } from '@uiTypes/Size';\nimport { ButtonStyleType } from '@uiTypes/ButtonStyleType';\nimport { InputWrapperStyle } from '@legacyApp/client/components/input/styled/inputWrapper.style';\nimport { InputLabelStyle } from '@legacyApp/client/components/input/styled/inputLabelStyle';\nimport { inputHeight } from '@legacyApp/client/modules/style/defaults';\nimport { useAppMobile } from '@common/selectors/app.selectors';\nimport { MODAL_ID } from '@common/constants/modal/ids.modal.constants';\nimport { useAppDispatch } from '@legacyApp/hooks/store/useAppDispatch';\nimport { openModal } from '@modules/modals/store/modal.actions';\nimport { useGameAutoBetMode } from 'src/modules/games/Game/store/gameAutobet/gameAutobet.selectors';\nimport { LinesType } from '../../types';\nimport { usePlinko } from '../../hooks/usePlinko';\n\nconst maxLinesQnt = 16;\nconst linesOptions: LinesType[] = [];\nfor (let i = 8; i <= maxLinesQnt; i++) {\n\tlinesOptions.push(i as LinesType);\n}\n\nexport const LinesSwitch: FC<{\n\tupdate?: (lines: LinesType) => void;\n\tvalue?: LinesType;\n\tcompactView?: boolean;\n\tdisabled?: boolean;\n\tsize?: Size;\n}> = ({ update, value, compactView, disabled, size }) => {\n\tconst isMobile = useAppMobile();\n\tconst dispatch = useAppDispatch();\n\n\tconst mode = useGameAutoBetMode();\n\tconst { setLines, lines: linesState } = usePlinko();\n\n\tconst lines = value || linesState;\n\n\tconst handleChangeLines = useCallback(\n\t\t(value: LinesType) => {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (isFunction(update)) {\n\t\t\t\treturn update(value);\n\t\t\t}\n\t\t\tsetLines(value);\n\t\t},\n\t\t[setLines, update, disabled],\n\t);\n\n\tconst openExtendedModal = useCallback(() => {\n\t\tif (!isMobile || disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tdispatch(\n\t\t\topenModal(MODAL_ID.INPUT_EXTEND, 'LinesSwitch', {\n\t\t\t\tarray: linesOptions,\n\t\t\t\tvalue: lines,\n\t\t\t\tonChange: handleChangeLines,\n\t\t\t\tdisableInput: true,\n\t\t\t\ttitle: 'Rows',\n\t\t\t}),\n\t\t);\n\t}, [dispatch, handleChangeLines, isMobile, lines, disabled]);\n\n\tif (compactView) {\n\t\treturn (\n\t\t\t<LineSwitchWrapperStyled onClick={openExtendedModal}>\n\t\t\t\t<InputLabelStyle>\n\t\t\t\t\t<Trans label=\"row\" />\n\t\t\t\t</InputLabelStyle>\n\t\t\t\t<Dropdown\n\t\t\t\t\tkey={mode}\n\t\t\t\t\tdisabled={isMobile || disabled}\n\t\t\t\t\tportalId={'lines_switch'}\n\t\t\t\t\tlist={linesOptions.map((value) => ({\n\t\t\t\t\t\tid: value.toString(),\n\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tstyleType={ButtonStyleType.CLEAR}\n\t\t\t\t\t\t\t\tsize={Size.SMALL}\n\t\t\t\t\t\t\t\tlabel={value}\n\t\t\t\t\t\t\t\tclassName=\"text-style-caption-medium\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t}))}\n\t\t\t\t\tbuttonProps={{\n\t\t\t\t\t\tlabel: lines,\n\t\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\t\t...(size && { size }),\n\t\t\t\t\t}}\n\t\t\t\t\tactiveContent={null}\n\t\t\t\t\tdefaultActiveId={String(lines)}\n\t\t\t\t\tonSelect={\n\t\t\t\t\t\t!isMobile && ((id) => handleChangeLines(Number(id) as LinesType))\n\t\t\t\t\t}\n\t\t\t\t\tsize={size || Size.MEDIUM}\n\t\t\t\t\tmaxHeight={200}\n\t\t\t\t/>\n\t\t\t</LineSwitchWrapperStyled>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LinesSwitchStyled>\n\t\t\t<VerticalOptions\n\t\t\t\tdisabled={disabled}\n\t\t\t\ttitle={trans({ label: 'row' })}\n\t\t\t\tdefaultValue={value || lines}\n\t\t\t\tid=\"lines\"\n\t\t\t\toptions={linesOptions}\n\t\t\t\tonChange={handleChangeLines}\n\t\t\t\tkey={value || lines}\n\t\t\t/>\n\t\t</LinesSwitchStyled>\n\t);\n};\n\nexport const LineSwitchWrapperStyled = styled(InputWrapperStyle)`\n\t${StyledDropdownButtonWrapper} {\n\t\t.${CSSClassNameButton} {\n\t\t\t${inputHeight};\n\t\t\tborder-radius: 2px;\n\t\t}\n\t}\n`;\n\nexport const LinesSwitchStyled = styled.div``;\n","import { FC, useCallback } from 'react';\nimport styled from 'styled-components';\nimport { VerticalOptions } from '@ui/verticalOptions';\nimport { FlameIcon } from '@icons/ui/flame-icon';\nimport { Button, CSSClassNameButton } from '@ui/button';\nimport { isFunction } from '@common/methods/isFunction';\nimport { Trans, trans } from '@legacyApp/client/modules/translation/translate';\nimport { ButtonStyleType } from '@uiTypes/ButtonStyleType';\nimport { InputWrapperStyle } from '@legacyApp/client/components/input/styled/inputWrapper.style';\nimport { InputLabelStyle } from '@legacyApp/client/components/input/styled/inputLabelStyle';\nimport { inputHeightWithMove } from '@legacyApp/client/modules/style/defaults';\nimport { InputStyleType } from '@uiTypes/InputStyleType';\nimport { usePlinko } from '../../../../hooks/usePlinko';\nimport { Risk } from '../../../../types';\n\nconst flamesCount = {\n\t[Risk.LOW]: 1,\n\t[Risk.MEDIUM]: 2,\n\t[Risk.HIGH]: 3,\n};\n\nconst riskOptions = Object.keys(Risk).map((key) => {\n\treturn {\n\t\tvalue: Risk[key],\n\t\tlabel: ({ active }: { active: boolean }) => (\n\t\t\t<RiskOptionsStyled className=\"break-word\">\n\t\t\t\t<div>\n\t\t\t\t\t{Array.from(Array(flamesCount[Risk[key]]).keys()).map((_, i) => (\n\t\t\t\t\t\t<FlameIcon\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tfill={active ? 'white' : 'var(--color-dark-200)'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<span className=\"whitespace-normal\">\n\t\t\t\t\t<Trans label={Risk[key]} />\n\t\t\t\t</span>\n\t\t\t</RiskOptionsStyled>\n\t\t),\n\t\tcolor:\n\t\t\tRisk[key] === Risk.LOW\n\t\t\t\t? 'var(--color-other-success)'\n\t\t\t\t: Risk[key] === Risk.MEDIUM\n\t\t\t\t? `var(--color-other-orange)`\n\t\t\t\t: Risk[key] === Risk.HIGH\n\t\t\t\t? `var(--color-other-red)`\n\t\t\t\t: null,\n\t};\n});\n\nexport const RiskSwitch: FC<{\n\tupdate?: (risk: Risk) => void;\n\tvalue?: Risk;\n\tcompactView?: boolean;\n\tdisabled?: boolean;\n}> = ({ update, value, compactView, disabled }) => {\n\tconst { setRisk, risk: riskState } = usePlinko();\n\tconst risk = value || riskState;\n\n\tconst handleChangeRisk = useCallback(\n\t\t(value: Risk) => {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (isFunction(update)) {\n\t\t\t\treturn update(value);\n\t\t\t}\n\t\t\tsetRisk(value);\n\t\t},\n\t\t[setRisk, update, disabled],\n\t);\n\n\tif (compactView) {\n\t\treturn (\n\t\t\t<RiskInputWrapperStyled>\n\t\t\t\t<InputLabelStyle>\n\t\t\t\t\t<Trans label={'risk'} />\n\t\t\t\t</InputLabelStyle>\n\t\t\t\t<RiskMobileStyled>\n\t\t\t\t\t{riskOptions.map((option) => {\n\t\t\t\t\t\tconst isActive = option.value === risk;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\tborderType={InputStyleType.SQUARE}\n\t\t\t\t\t\t\t\tlabel={trans({ label: option.value })}\n\t\t\t\t\t\t\t\tstyleType={\n\t\t\t\t\t\t\t\t\tisActive ? ButtonStyleType.SECONDARY : ButtonStyleType.CLEAR\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground: isActive ? option.color : undefined,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => handleChangeRisk(option.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</RiskMobileStyled>\n\t\t\t</RiskInputWrapperStyled>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RiskSwitchStyled>\n\t\t\t<VerticalOptions\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdefaultValue={value || risk}\n\t\t\t\tid=\"risk\"\n\t\t\t\tonChange={handleChangeRisk}\n\t\t\t\ttitle={trans({ label: 'risk' })}\n\t\t\t\toptions={riskOptions}\n\t\t\t\tkey={value || risk}\n\t\t\t/>\n\t\t</RiskSwitchStyled>\n\t);\n};\n\nexport const RiskMobileStyled = styled.div`\n\talign-items: center;\n\talign-self: stretch;\n\tbackground: var(--color-dark-500);\n\tborder-radius: 2px;\n\tdisplay: grid;\n\tgap: 4px;\n\tgrid-template-columns: repeat(3, 1fr);\n\tjustify-content: center;\n\tpadding: 3px 4px;\n\n\t.${CSSClassNameButton} {\n\t\tpadding-left: 8px;\n\t\t${inputHeightWithMove(-6)};\n\t\tpadding-right: 8px;\n\t\ttext-transform: capitalize;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\ttext-align: center;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&.${ButtonStyleType.CLEAR} {\n\t\t\tcolor: var(--color-white-white-50);\n\t\t}\n\t}\n`;\n\nexport const RiskOptionsStyled = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding-top: 4px;\n\n\tsvg {\n\t\theight: 12px;\n\t}\n`;\n\nexport const RiskInputWrapperStyled = styled(InputWrapperStyle)``;\n\nexport const RiskSwitchStyled = styled.div``;\n","import { useCallback } from 'react';\nimport { useAppDispatch } from '@legacyApp/hooks/store/useAppDispatch';\nimport { usePlinkoLinesSelector } from '../../Game/store/plinko/selectors/usePlinkoLinesSelector';\nimport { LinesType, Risk } from '../types';\nimport { plinkoActions } from '../../Game/store/plinko/plinko.actions';\nimport { usePlinkoRiskSelector } from '../../Game/store/plinko/selectors/usePlinkoRiskSelector';\n\nexport const usePlinko = () => {\n\tconst dispatch = useAppDispatch();\n\tconst lines = usePlinkoLinesSelector();\n\tconst setLines = useCallback(\n\t\t(lines: LinesType) => {\n\t\t\tdispatch(plinkoActions.linesUpdate(lines));\n\t\t},\n\t\t[dispatch],\n\t);\n\tconst risk = usePlinkoRiskSelector();\n\tconst setRisk = useCallback(\n\t\t(risk: Risk) => {\n\t\t\tdispatch(plinkoActions.riskUpdate(risk));\n\t\t},\n\t\t[dispatch],\n\t);\n\n\treturn {\n\t\tlines,\n\t\tsetLines,\n\t\trisk,\n\t\tsetRisk,\n\t};\n};\n","import {\n\tAllHTMLAttributes,\n\tDetailedHTMLProps,\n\tFC,\n\tReactNode,\n\tuseCallback,\n\tuseState,\n} from 'react';\nimport { Button, CSSClassNameButton } from '@ui/button';\nimport styled, { css } from 'styled-components';\nimport classnames from 'classnames';\nimport { isFunction } from '@common/methods/isFunction';\nimport { useOnMount } from '@common/hooks/useOnMount';\nimport { ButtonStyleType } from '@uiTypes/ButtonStyleType';\n\ntype OptionValue = string | number;\n\nexport interface VerticalOptionsProps\n\textends Omit<\n\t\tDetailedHTMLProps<AllHTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n\t\t'children' | 'onChange' | 'title'\n\t> {\n\toptions: Array<\n\t\t| OptionValue\n\t\t| {\n\t\t\t\tvalue: OptionValue;\n\t\t\t\tlabel: FC<{ active: boolean }>;\n\t\t\t\tcolor: string;\n\t\t  }\n\t>;\n\tdisabled?: boolean;\n\ttitle?: ReactNode | string;\n\tdefaultValue?: OptionValue;\n\tonChange?: (value: OptionValue) => void;\n}\n\nexport const VerticalOptions: FC<VerticalOptionsProps> = ({\n\toptions,\n\tdefaultValue,\n\tonChange,\n\ttitle,\n\tdisabled,\n\t...props\n}) => {\n\tconst [active, setActive] = useState<OptionValue>(defaultValue);\n\n\tconst onChange_ = useCallback(\n\t\t(value: OptionValue) => {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (value === active) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (isFunction(onChange)) {\n\t\t\t\tonChange(value);\n\t\t\t}\n\t\t\tsetActive(value);\n\t\t},\n\t\t[active, disabled, onChange],\n\t);\n\n\tuseOnMount(() => {\n\t\tonChange_(defaultValue);\n\t});\n\n\treturn (\n\t\t// @ts-expect-error invalid type\n\t\t<VerticalOptionsStyled {...props} $disabled={disabled}>\n\t\t\t{title && <p className=\"text-style-label-cap\">{title}</p>}\n\t\t\t<div>\n\t\t\t\t{options.map((option) => {\n\t\t\t\t\tconst key = typeof option === 'object' ? option.value : option;\n\t\t\t\t\tconst isActive = key === active;\n\t\t\t\t\tconst label =\n\t\t\t\t\t\ttypeof option === 'object'\n\t\t\t\t\t\t\t? option.label({ active: isActive })\n\t\t\t\t\t\t\t: option;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={classnames('text-style-caption-medium', {\n\t\t\t\t\t\t\t\t['active-option']: isActive,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\ttypeof option === 'object' ? option.color : undefined,\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstyleType={\n\t\t\t\t\t\t\t\tisActive ? ButtonStyleType.PRIMARY : ButtonStyleType.SECONDARY\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => onChange_(key)}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</VerticalOptionsStyled>\n\t);\n};\n\nexport const VerticalOptionsStyled = styled.div<{\n\t$disabled?: boolean;\n}>`\n\talign-items: center;\n\tbackdrop-filter: blur(2px);\n\tbackground-color: var(--color-dark-500);\n\tborder: 1px solid var(--color-dark-400);\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tjustify-content: center;\n\tpadding: 8px 6px;\n\twidth: 95px;\n\n\t${(props) =>\n\t\tprops.$disabled &&\n\t\tcss`\n\t\t\tcursor: not-allowed;\n\n\t\t\t* {\n\t\t\t\tcursor: not-allowed;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t`}\n\n\t> p {\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tmargin: 0;\n\t\tline-height: 20px;\n\t}\n\n\t> div {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 4px;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\n\t\t.${CSSClassNameButton} {\n\t\t\talign-items: center;\n\t\t\tborder-radius: 6px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 4px;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: capitalize;\n\t\t\twidth: 100%;\n\n\t\t\t&.${ButtonStyleType.SECONDARY} {\n\t\t\t\tbackground-color: var(--color-dark-600);\n\t\t\t\tcolor: var(--color-dark-200);\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["FlameIcon","fill","height","width","content","d","viewBox","reducerInitialStateMethods","key","names","getInitialState","name","lsGet","generateInitialStateKey","setInitialState","data","indexOf","push","lsSet","clearState","forEach","lsClear","plinkoActions","riskSlice","linesSlice","positionSlice","plinkoInitialState","GameType","usePlinkoLinesSelector","useAppSelector","state","plinko","lines","shallowEqual","usePlinkoRiskSelector","risk","NAME","initialState","Number","createSlice","reducers","linesUpdate","action","payload","positionUpdate","Risk","riskUpdate","linesOptions","i","LinesSwitch","update","value","compactView","disabled","size","isMobile","useAppMobile","dispatch","useAppDispatch","mode","useGameAutoBetMode","usePlinko","setLines","linesState","handleChangeLines","useCallback","isFunction","openExtendedModal","openModal","MODAL_ID","array","onChange","disableInput","title","LineSwitchWrapperStyled","onClick","label","portalId","list","map","id","toString","styleType","ButtonStyleType","Size","className","buttonProps","activeContent","defaultActiveId","String","onSelect","maxHeight","LinesSwitchStyled","trans","defaultValue","options","styled","InputWrapperStyle","StyledDropdownButtonWrapper","CSSClassNameButton","inputHeight","flamesCount","riskOptions","Object","keys","active","RiskOptionsStyled","Array","from","_","color","RiskSwitch","setRisk","riskState","handleChangeRisk","RiskInputWrapperStyled","RiskMobileStyled","option","isActive","borderType","InputStyleType","style","background","undefined","RiskSwitchStyled","inputHeightWithMove","VerticalOptions","props","useState","setActive","onChange_","useOnMount","VerticalOptionsStyled","$disabled","classnames","css"],"mappings":"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","debug_id":"1c6e3e09-5019-5bbc-a724-a8480c674ef4"}