\n
\n )}\n {isSignedUpWithNumberInBranchHelper() && (\n Deposit\n
\n \n
\n )\n }\n\n \n Deposit\n
\n \n
\n \n \n :\n <>\n \n\n
\n \n\n {B2C && \n Log in\n
\n \n\n
\n }\n \n const renderSearch = () => {\n if (noSearch) return rightMenu()\n return !search ?\n \n Sign up\n
\n \n\n {/* {*/}\n {/* ReactGA.event({*/}\n {/* label: \"Download_App\",*/}\n {/* category: \"User-Click\",*/}\n {/* action: \"Toolbar_Download_App\"*/}\n {/* });*/}\n {/* window.location.href = CONFIG.downloadAppLink*/}\n {/* }}*/}\n {/*/>*/}\n\n {\n setOpenSearch(true)\n }}\n />\n\n {rightMenu()}\n
\n :\n \n {\n hableSearchChange(e.target.value)\n }}\n className={`ion-toolbar__search__input ${searchValue ? \"changed\" : \"\"}`}\n placeholder=\"Search Events\"\n autofocus=\"true\"\n />\n
\n\n }\n\n const renderLogo = () => {\n if (alterTitle) return {alterTitle}
\n if (!search) return {\n history.push('/default-page')\n }}>
\n // if (!search) return { history.push('/') }}>
\n }\n// Search events start ----------------------------------------------------------\n const [menus, setMenus] = useState([]);\n const [result, setResult] = useState([]);\n\n const competionNames = (playerNames, eventTypeId) => {\n let eventsArray = menu.find((item) => item.id == eventTypeId)\n let competitionName = eventsArray?.children.find((el) => el.children.find(item => item.id === playerNames))\n return competitionName?.name\n }\n\n useEffect(() => {\n if (menu && (!menus || menus.length === 0)) {\n setMenus(menu)\n }\n }, [menu, searchInput])\n\n // useEffect(() => {\n // if (history.location.pathname === '/search') {\n // setMenus(menu)\n // }\n // }, [history.location.pathname])\n\n const gotoEvent = (item) => {\n if (item.eventTypeId == '77777') {\n history.push(`/casino_live/${item.id}`)\n setOpenSearch(false)\n setSearchValue('')\n }\n else {\n history.push(`/event-page/${item.eventTypeId}/${item.id}`)\n setOpenSearch(false)\n setSearchValue('')\n }\n }\n\n useEffect(() => {\n const result = [];\n const srl = [];\n if (menus)\n menus.forEach(menuItem => {\n menuItem.children\n .forEach(eventGroup => {\n if (!eventGroup.name.includes('SRL')){\n eventGroup.children\n .filter(event => event.name.toLowerCase().indexOf(searchInput.value.toLowerCase()) !== -1 && result.push({ ...event, eventTypeId: menuItem.id }))\n } else {\n eventGroup.children\n .filter(event => event.name.toLowerCase().indexOf(searchInput.value.toLowerCase()) !== -1 && srl.push({ ...event, eventTypeId: menuItem.id }))\n }\n\n })\n })\n\n setResult([...result, ...srl])\n }, [menus, searchInput])\n\n const renderResults = () => {\n if (searchInput.value.length > 2) {\n return result && result.length ?\n \n
\n \n :\n \n {\n result.map((eventElement, id) =>\n // gotoEvent(eventElement)}\n style={{display: 'flex',\n justifyContent: 'space-between',\n padding: '6px 16px 6px 19px'}}>\n event */}\n
)\n }\n gotoEvent(eventElement)}>\n // {eventElement.name}\n // {/* event */}\n //
)\n\n \n
\n \n {/* {new Date(eventElement.startTime).toLocalDateString({\n day:'numeric',\n month: 'numeric',\n year: 'numeric',\n })} */}\n {/* 28.08.2022 */}\n \n {/* \n {eventElement.name.length > 25 ? eventElement.name.slice(0, 25) + '...' : eventElement.name}\n
\n {competionNames(eventElement.id, eventElement.eventTypeId)}
\n \n
\n }\n else return ''\n }\n // Search events end ----------------------------------------------------------\n\n return (\n <>\n {result && searchInput.value && searchInput.value.length > 2 && `No events found matching for '${searchInput.value}'`}
\n \n {\n messages && messages.length > 0 && notifications !== false\n ?\n
\n {\n oneClick.active\n &&\n history.location.pathname.indexOf('/settings') === -1\n &&\n \n
\n :\n ''\n }\n\n \n
\n actions.setNotifications(false)}>X\n \n {\n messages\n .map(message =>\n
\n \n {message.text}\n
\n )\n }\n \n \n {\n hableSearchChange(e.target.value)\n }}\n className={`ion-toolbar__search__input ${searchValue ? \"changed\" : \"\"}`}\n placeholder=\"Search Events\"\n // autofocus=\"true\"\n />\n {openSearch && 
{\n setOpenSearch(false)\n }}/>}\n\n
\n }\n \n {renderNavButton()}\n {renderLogo()}\n
\n\n {noSearch && rightMenu()}\n {<>\n \n {/* {*/}\n {/* window.location.href = CONFIG.downloadAppLink*/}\n {/* }}*/}\n {/*/>*/}\n {\n setOpenSearch(true)\n ref_input.current.focus()\n }}\n />\n {rightMenu()}\n
\n\n \n
\n }\n \n {\n eventHeader\n &&\n 1 CLICK BET IS ON - ACTIVE\n STAKE {oneClick.settings[oneClick.selected - 1]}
\n \n
\n }\n\n \n {\n tabs.map((tab, index) => tab &&\n
\n \n {tab.label} \n {tab.icon}\n
)\n }\n \n {renderResults()}\n
\n }\n \n\n )\n}\n\nexport default connectToolbar()(Toolbar)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { resetSearchResults, setSearchValue } from '../../store/search/search.slice';\nimport { requestSearchResults } from '../../store/search/search.thunks';\nimport { setNotifications, requestSaveOneClickSettings } from '../../store/user/user.thunks';\nimport { setLoginNew, setTab } from '../../store/LoginNew/loginNew.slice'\nimport { setOpenSearch } from '../../store/search/search.slice';\nimport { requestMessage } from \"../../store/message/message.thunks\";\n\nexport const connectToolbar = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n balance: state.balance,\n messages: state.message,\n notifications: state.user.settings.notifications,\n oneClick: state.user.settings.oneClickSettings,\n user: state.user,\n B2C: state.B2C,\n auth: state.auth,\n openSearch: state.search.openSearch,\n menu: state.menu,\n searchInput: state.search,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSaveOneClickSettings,\n requestSearchResults,\n setSearchValue,\n resetSearchResults,\n setNotifications,\n setLoginNew,\n setTab,\n setOpenSearch,\n requestMessage\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const sportPageEventSlice = createSlice({\n name: 'sportPageEvent',\n initialState: null,\n reducers: {\n getSportPageEventSuccess: (state, action) => action.payload,\n getSportPageEventError: (state) => state,\n getSportPageEventDetailedSuccess: (state, action) => action.payload,\n },\n})\n\nexport const { getSportPageEventSuccess, getSportPageEventError, getSportPageEventDetailedSuccess } =\n sportPageEventSlice.actions\n\nexport default sportPageEventSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport {\n getSportPageEventError,\n getSportPageEventSuccess,\n getSportPageEventDetailedSuccess,\n} from './sportPageEvent.slice'\n\nexport const requestSportPageEvent = (eventId) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/exchange/odds/eventType/${eventId}`)\n if (response.data.success) {\n dispatch(getSportPageEventSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportPageEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange/odds/eventType/${eventId}`)\n if (response.data.success) {\n dispatch(getSportPageEventSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportPageEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n\nexport const requestSportPageEventDetailed = (eventId, id) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/exchange/odds/group/${eventId}/${id}`)\n if (response.data.success) {\n dispatch(getSportPageEventSuccess(response.data.result))\n // console.log('newresp', response);\n }\n return response\n } catch (e) {\n dispatch(getSportPageEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange/odds/group/${eventId}/${id}`)\n if (response.data.success) {\n dispatch(getSportPageEventSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportPageEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const timeSettingsSlice = createSlice({\n name: 'timeSettings',\n initialState: {\n timeZoneName: 'device',\n },\n reducers: {\n setTimeZoneName: (state, action) => ({ ...state, timeZoneName: action.payload }),\n setServerTimeSuccess: (state, action) => ({ ...state, serverTime: action.payload }),\n },\n})\n\nexport const {\n setTimeZoneName,\n setServerTimeSuccess,\n} = timeSettingsSlice.actions\n\nexport default timeSettingsSlice.reducer\n","import http from '../../services/httpAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { setServerTimeSuccess } from './timeSettings.slice'\n\nexport const requestServerTime = () => async (dispatch) => {\n try {\n const response = await http.get('server-time')\n if (response.data.success) {\n dispatch(setServerTimeSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n}\n","import React, { useState, useEffect, useRef } from 'react'\nimport Poligon from '../../../assets/images/poligonIcon.svg'\n\nimport {\n IonContent,\n IonRadioGroup,\n IonRadio,\n IonLabel,\n IonListHeader,\n IonList,\n IonItem,\n IonPage,\n IonHeader,\n} from '@ionic/react'\nimport './TimeSettingsDesktop.scss'\n// import Toolbar from '../../components/Toolbar/Toolbar'\n\nimport { connectTimeSettingsDesktop } from './TimeSettingsDesktop.connect'\nimport { formatTime } from '../../../helpers/date.helper'\nimport { document } from 'ionicons/icons'\n\nconst monthName = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nconst TimeSettingsDesktop = ({\n timeZoneName = '',\n serverTime,\n actions, ...props }) => {\n const [gmtDevice, setGmtDevice] = useState()\n const [timeCounter, setTimeCounter] = useState(0)\n const timeUTCRef = useRef(null)\n const [timeUTC, setTimeUTC] = useState(false);\n const [gmtTime, setGmtTime] = useState()\n const [showTime, setShowTime] = useState()\n\n const onTimeUTC = () => {\n setTimeUTC(!timeUTC)\n }\n\n const onChangeGMT = (e) => {\n setGmtTime(e)\n console.log(gmtDevice, 'Device')\n}\n\n\n useEffect(() => {\n const timer = setInterval(() => {\n setTimeCounter(timeCounter => timeCounter + 1);\n }, 1000);\n return () => clearInterval(timer)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [timeCounter]);\n\n useEffect(() => {\n const now = new Date()\n let offset = `${now}`.replace(/^[\\w]+ [\\w]+ [0-9]{2} [0-9]{4} [0-9]{2}:[0-9]{2}:[0-9]{2} ([\\w]+)([+-][0-9]{2})([0-9]{2})()/, '$1 $2:$3$4').replace(/^([\\w]+ [+-][0-9]{2}:[0-9]{2}) (.*)/, '$1')\n setGmtDevice(offset)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n useEffect(() => {\n const now = new Date()\n let offset = `${now}`.replace(/^[\\w]+ [\\w]+ [0-9]{2} [0-9]{4} [0-9]{2}:[0-9]{2}:[0-9]{2} ([\\w]+)([+-][0-9]{2})([0-9]{2})()/, '$1 $2:$3$4').replace(/^([\\w]+ [+-][0-9]{2}:[0-9]{2}) (.*)/, '$1').slice(3, 11)\n setShowTime(offset)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n useEffect(() => {\n actions.requestServerTime().then((res) => res)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n\n const getTime = () => {\n const now = new Date()\n if (timeZoneName === 'system')\n return (\n {monthName[now.getUTCMonth()]} {now.getUTCDate()}th, {now.getUTCFullYear()} {formatTime(now.getUTCHours())}:{formatTime(now.getUTCMinutes())}:{formatTime(now.getUTCSeconds())}\n )\n else if (timeZoneName === 'device')\n return (\n {monthName[now.getMonth()]} {now.getDate()}th, {now.getFullYear()} {formatTime(now.getHours())}:{formatTime(now.getMinutes())}:{formatTime(now.getSeconds())}\n )\n else {\n now.setMinutes(now.getMinutes() + now.getTimezoneOffset() + 330)\n return {monthName[now.getMonth()]} {now.getDate()}th, {now.getFullYear()} {formatTime(now.getHours())}:{formatTime(now.getMinutes())}:{formatTime(now.getSeconds())}\n }\n }\n\n// close time dropdown after click somewhere\n const contentDateRef = useRef(null)\n const closeTime = (e) => !e.path?.includes(contentDateRef.current) ? setTimeUTC(false) : \"\"\n\n useEffect(() => {\n window.addEventListener('click', closeTime)\n return () => window.removeEventListener('click', closeTime)\n },[])\n// END close time dropdown after click somewhere\n\n return (\n {onTimeUTC()} } ref={contentDateRef}>\n {getTime()}\n \n (\n {gmtTime ? gmtTime : showTime}\n \n )\n \n
\n )\n}\n\nexport default connectTimeSettingsDesktop()(TimeSettingsDesktop)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestServerTime } from '../../../store/timeSettings/timeSettings.thunks'\nimport { setTimeZoneName } from '../../../store/timeSettings/timeSettings.slice'\n\n\nexport const connectTimeSettingsDesktop = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n timeZoneName: state.timeSettings.timeZoneName,\n serverTime: state.timeSettings.serverTime,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setTimeZoneName,\n requestServerTime,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useState, useEffect } from 'react';\nimport { connectSearchDesktop } from './SearchDesktop.connect';\nimport './SearchDesktop.scss';\nimport { useHistory } from \"react-router\"\nimport Poligon from '../../assets/images/poligonIcon.svg'\nimport CricketIcon from '../../assets/images/sideBarCricket.svg'\nimport FootballIcon from '../../assets/images/sideBarFooltball.svg'\nimport TennisIcon from '../../assets/images/sideBarTennis.svg'\nimport HorseIcon from '../../assets/images/sideBarHorse.svg'\nimport GreyhoundIcon from '../../assets/images/sideBarGreyhound.svg'\nimport ExchangeIcon from '../../assets/images/sideBarExchange.svg'\nimport { useDispatch } from 'react-redux';\nimport { setIsAnimatedText } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice';\n\nconst SearchDesktop = ({\n search,\n menu,\n actions,\n animatedText,\n searchValue,\n elementsParams,\n // searchValues,\n}) => {\n const history = useHistory();\n const [menus, setMenus] = useState([]);\n const [result, setResult] = useState([]);\n\n useEffect(() => {\n if (menu && (!menus || menus.length === 0)) {\n setMenus(menu)\n }\n }, [menu])\n\n // console.log('animatedText', animatedText);\n // console.log('searchValues', searchValues);\n const dispatch = useDispatch()\n\n const [width, setWidth] = useState(window.innerWidth)\n useEffect(() => {\n if(width !== elementsParams?.clientWidth) actions.setClientWidthThunk(width)\n\n const updateWindowDimensions = () => {\n const newWidth = window.innerWidth\n setWidth(newWidth)\n actions.setClientWidthThunk(newWidth)\n }\n window.addEventListener('resize', updateWindowDimensions)\n\n return () => window.removeEventListener('resize', updateWindowDimensions)\n }, [])\n\n const competionNames = (playerNames, eventTypeId) => {\n let eventsArray = menu.find((item) => item.id == eventTypeId)\n let competitionName = eventsArray?.children.find((el) => el.children.find(item => item.id === playerNames))\n return competitionName?.name\n }\n\n // useEffect(() => {\n // if (history.location.pathname === '/searchDesktop') {\n // setMenus(menu)\n // }\n // }, [history.location.pathname])\n\n const gotoEvent = (item) => {\n if (item.eventTypeId == '77777') {\n history.push(`/casino_live/${item.id}`)\n } else {\n history.push(`/event-page/${item.eventTypeId}/${item.id}`)\n }\n dispatch(setIsAnimatedText(false))\n }\n\n const defaultText = () => {\n if(searchValue == ''){\n dispatch(setIsAnimatedText(false))\n }\n }\n\n // console.log('searchValue', searchValue);\n\n useEffect(() => {\n const result = [];\n if (menus)\n menus.forEach(menuItem => {\n menuItem.children\n .forEach(eventGroup => {\n eventGroup.children\n .filter(event => event.name.toLowerCase().indexOf(search.value.toLowerCase()) !== -1 && result.push({ ...event, eventTypeId: menuItem.id }))\n })\n })\n setResult(result)\n }, [menus, search])\n\n const renderResults = () => {\n if (search.value.length > 2) {\n // console.log('resres', result);\n return result && result.length ?\n <>\n \n actions.setTimeZoneName(e.detail.value)}>\n \n
\n \n 
\n
\n \n onChangeGMT(' +00:00 ')}>\n \n\n onChangeGMT(gmtDevice.slice(3, 11)) }>\n \n\n onChangeGMT(' +05:30 ')}>\n \n
\n System time - (GMT +00:00)
\n Your device time - ({gmtDevice})
\n India Standard time - (GMT +05:30)
\n \n \n
\n \n {\n result.map((eventElement, id) =>\n
\n \n : \n <>\n {\n gotoEvent(eventElement)\n actions.setSearchValues('')\n actions.setIsAnimatedText(false)\n }}> \n event */}\n
)\n }\n \n 
\n
\n \n {/* {new Date(eventElement.startTime).toLocalDateString({\n day:'numeric',\n month: 'numeric',\n year: 'numeric',\n })} */}\n {/* 28.08.2022 */}\n \n {/* \n {eventElement.name.length > 25 ? eventElement.name.slice(0, 25) + '...' : eventElement.name}\n
\n {competionNames(eventElement.id, eventElement.eventTypeId)}
\n \n \n
\n \n {result && search.value && search.value.length > 2 && `No events found matching for '${search.value}'`}\n
\n \n }\n else return ''\n }\n\n\n\n return (\n \n {renderResults()}\n
\n )\n}\n\nexport default connectSearchDesktop()(SearchDesktop)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestSearchResults } from '../../store/search/search.thunks'\nimport { setIsAnimatedText, setSearchValues } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setClientWidth } from '../../store/elementsParams/elementsParams.slice'\nimport { setClientWidthThunk } from '../../store/elementsParams/getElementsParams.thunk'\n\nexport const connectSearchDesktop = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n search: state.search,\n menu: state.menu,\n animatedText: state.navigationHeaderMenu.animatedText,\n elementsParams: state.elementsParams,\n clientWidth: state.elementsParams.clientWidth,\n searchValues: state.navigationHeaderMenu.searchValue,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSearchResults,\n setIsAnimatedText,\n setSearchValues,\n setClientWidth,\n setClientWidthThunk\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n"," import { createSlice } from '@reduxjs/toolkit'\n \n export const slotCasinoPopUpSlice = createSlice({\n name: 'slotCasinoPopUp',\n initialState: false,\n reducers: {\n setSlotCasinoPopUp: (state, action) => action.payload,\n },\n })\n \n export const { setSlotCasinoPopUp } = slotCasinoPopUpSlice.actions\n \n export default slotCasinoPopUpSlice.reducer","import React, { useEffect, useRef, useState } from 'react'\nimport './ToolbarDesktop.scss'\nimport { IonInput } from '@ionic/react'\nimport { connectToolbarDesktop } from './ToolbarDesktop.connect'\nimport { useHistory } from 'react-router'\nimport login from '../../assets/images/login.svg'\nimport sign from '../../assets/images/sign.svg'\nimport SearchIconDesk from '../../assets/images/searchIconDesk.svg'\nimport Poligon from '../../assets/images/poligonIcon.svg'\nimport TimeSettingsDesktop from './TimeSettingsDesktop/TimeSettingsDesktop'\nimport { useSelector } from 'react-redux'\nimport SearchDesktop from '../SearchDesktop/SearchDesktop'\nimport { showDeposit } from '../../helpers/showDeposit.helper'\nimport NotificationPopup from '../NotificationPopup/NotificationPopup'\nimport { setSlotCasinoPopUp } from '../../store/slotCasinoPopUp/slotCasinoPopUp.slice'\nimport { useDispatch } from 'react-redux'\n\nconst ToolbarDesktop = ({\n messages,\n notifications,\n user,\n contentScrolled = false,\n setStyle = () => null,\n actions,\n search = false,\n noSearch = true,\n menu,\n auth,\n B2C,\n animatedText,\n searchValue,\n isNavigationName,\n}) => {\n let lastLogin = new Date(user?.lastLoginTime)\n\n const getDateTime = (date) => {\n return `${date.toLocaleDateString('en-GB', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n })} ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`\n }\n\n const history = useHistory()\n const dropdownRef = useRef(null)\n const dispatch = useDispatch()\n\n const [menuItemsMap, setMenuItemsMap] = useState([])\n const [dropDownMenu, setDropDownMenu] = useState()\n // const [searchValue, setSearchValue] = useState('')\n const [activeSearch, setActiveSearch] = useState()\n // const [animatedText, setAnimatedText] = useState(false)\n const [navigationName, setNavigationName] = useState('')\n\n const isNavigationOpen = useSelector(\n (state) => state.navigationHeaderMenu.isOpen\n )\n\n // console.log('isNavigationName', isNavigationName);\n\n useEffect(() => {\n setMenuItemsMap(menu || [])\n }, [menu])\n\n useEffect(() => {\n if (history.location.pathname.indexOf('/exchange-games') !== -1 || history.location.pathname.indexOf('/casino_live') !== -1 || history.location.pathname.indexOf('/sportsbook') !== -1 || history.location.pathname.indexOf('/scorecard') !== -1 || history.location.pathname.indexOf('/menu-event') !== -1 ) {\n {\n // !searchValue &&\n actions.setIsAnimatedText(false)}\n actions.setSearchValues('')\n actions.setIsNavigationOpen(false)\n actions.setIsNavigationReset(true)\n setTimeout(() => {\n actions.setIsNavigationReset(false)\n }, 500)\n }\n }, [history.location.pathname])\n\n const refScroll = useRef(null)\n\n const onActiveSearch = () => {\n setActiveSearch(!activeSearch)\n }\n\n const onSearch = () => {\n if (history.location.pathname.indexOf('/searchDesktop') == -1) {\n history.push('/searchDesktop')\n }\n }\n\n const hableSearchChange = (value) => {\n actions.setSearchValues(value)\n }\n\n const hableSearchClear = () => {\n actions.setSearchValues('')\n }\n\n useEffect(() => {\n actions.setSearchValue(searchValue)\n }, [actions, searchValue])\n\n useEffect(() => {\n if (contentScrolled) {\n setStyle({\n transform: `translate3d(0px, -${refScroll.current.clientHeight}px, 0px)`,\n height: '50px',\n })\n } else {\n setStyle({\n transform: 'none',\n })\n }\n }, [contentScrolled, setStyle])\n\n // const renderSearch = () => {\n // if (noSearch)\n // return !search ? (\n // <>\n // \n // \n\t\t\t\t hableSearchChange(e.target.value)}\n required/>\n\t\t\t\t\n\t\t\t
\n )\n }\n\n const onDropDownMenu = () => {\n setDropDownMenu(!dropDownMenu)\n }\n\n const renderMenuItem = (text, additionalClass = '', action = () => {}) => (\n \n \n
\n )\n\n return (\n <>\n \n {messages && messages.length > 0 && notifications !== false ? (\n
\n ) : (\n ''\n )}\n \n \n
\n \n
\n \n {messages\n .filter((e) => !e.Type || e.Type == 'T')\n .map((message) => (\n \n {message.text}\n
\n ))}\n {\n actions.setSearchValues('')\n }}>\n {\n // history.push('/searchDesktop')\n onActiveSearch(!activeSearch)\n actions.setIsAnimatedText(true)\n }}\n >\n 
\n {renderSearch()}\n {animatedText &&
\n {auth && (\n <>\n \n {\n history.push('/default-page')\n // !searchValue && \n actions.setIsAnimatedText(false)\n actions.setIsNavigationOpen(false)\n actions.setIsNavigationReset(true)\n hableSearchClear()\n setActiveSearch(false)\n setTimeout(() => {\n actions.setIsNavigationReset(false)\n }, 500)\n actions.setIsMoreDetailed(false)\n }}\n >\n \n
\n \n
\n {B2C && showDeposit() && (\n <>\n \n Logged in as{' '}\n {user &&\n user.loginName &&\n (user.loginName.includes('.')\n ? user.loginName.split('.')[1]\n : user.loginName)}\n
\n \n Last logged in:{' '}\n {user && user.lastLoginTime && getDateTime(lastLogin)}\n
\n Deposit
\n \n Withdraw
\n \n \n )}\n \n )}\n \n {auth ? (\n <>\n {\n actions.setLoginNew(true)\n actions.setTab(2)\n }}>\n
\n )}\n \n )}\n \n \n \n {\n onDropDownMenu(!dropDownMenu)\n }}\n >\n \n \n
\n \n \n
\n - \n {B2C && showDeposit() && (\n
- history.push('/my-open-bets')}>\n My Bets\n \n {/*
- history.push('/bonuses')}>Bonuses */}\n
- history.push('/account_statement')}>\n Account Statement\n \n
- history.push('/transfer_statement')}>\n Transfer Statement\n \n
- history.push('/change_password')}>\n Change Password\n \n
\n {renderMenuItem('Logout', 'text', actions.requestLogout)}\n
\n \n ) : (\n <>\n {\n actions.setLoginNew(true)\n }\n }>\n
\n {B2C && (\n \n 
\n
\n Log in\n \n {/* 
*/}\n
\n Sign up\n \n
\n \n \n \n )\n}\n\nexport default connectToolbarDesktop()(ToolbarDesktop)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { resetSearchResults, setSearchValue } from '../../store/search/search.slice';\nimport { requestSearchResults } from '../../store/search/search.thunks';\nimport { setNotifications, requestSaveOneClickSettings } from '../../store/user/user.thunks';\nimport { requestLogout } from '../../store/auth/auth.thunks'\nimport { setIsNavigationOpen, setIsNavigationID, setIsNavigationName, setIsNavigationReset, setIsAnimatedMenu, setIsMoreDetailed, setIsAnimatedText, setSearchValues, setIsDetailedGroup, setRenderIonContent } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice';\nimport { setLoginNew, setTab } from '../../store/LoginNew/loginNew.slice'\nimport { requestSportPageEvent } from '../../store/sportPageEvent/sportPageEvent.thunks';\nimport { requestMessage } from \"../../store/message/message.thunks\";\n\nexport const connectToolbarDesktop = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n balance: state.balance,\n messages: state.message,\n notifications: state.user.settings.notifications,\n oneClick: state.user.settings.oneClickSettings,\n user: state.user,\n menu: state.menu,\n auth: state.auth,\n B2C: state.B2C,\n animatedText: state.navigationHeaderMenu.animatedText,\n searchValue: state.navigationHeaderMenu.searchValue,\n isNavigationName: state.navigationHeaderMenu.navigationName,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSaveOneClickSettings,\n requestSearchResults, \n setSearchValue,\n resetSearchResults,\n setNotifications,\n requestLogout,\n setIsNavigationOpen,\n setIsNavigationID,\n setIsNavigationName,\n setIsNavigationReset,\n setIsAnimatedMenu,\n setLoginNew,\n setTab,\n setIsMoreDetailed,\n setIsAnimatedText,\n setSearchValues,\n requestSportPageEvent,\n setIsDetailedGroup,\n setRenderIonContent,\n requestMessage,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const UrlForSportbookSlice = createSlice({\n name: 'urlForSportbook',\n initialState: null,\n reducers: {\n setUrlForSportbook: (state, action) => action.payload,\n },\n})\n\nexport const { setUrlForSportbook } = UrlForSportbookSlice.actions\n\nexport default UrlForSportbookSlice.reducer\n","import { useSelector, useDispatch } from 'react-redux'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory } from \"react-router\"\nimport Slider from \"react-slick\";\nimport './TopBannerSlider.scss'\nimport { setLoginNew } from '../../../store/LoginNew/loginNew.slice'\nimport { setUrlForSportbook } from '../../../store/betbyWidget/urlForSportbook.slice'\nimport ReactGA from \"react-ga4\";\n\n\nconst TopBannerSlider = ({inPlaySlidingBanners}) => {\n const history = useHistory();\n const dispatch = useDispatch()\n const auth = useSelector((state) => state.auth)\n const [isSwipe, setIsSwipe] = useState(false);\n\n const swipeHandler = () => {\n setIsSwipe(true);\n setTimeout(() => setIsSwipe(false), 500);\n };\n const settings = {\n dots: false,\n arrows: false,\n infinite: false,\n speed: 500,\n slidesToShow: inPlaySlidingBanners.length,\n slidesToScroll: 1,\n pauseOnHover:false,\n className: \"slider variable-width\",\n variableWidth: true,\n responsive: [\n {\n breakpoint: 9999,\n settings: {\n autoplaySpeed: 3000,\n autoplay: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true,\n },\n },\n ],\n }\n\n const inPlaySlidingBannersSortForIndex = [...inPlaySlidingBanners].sort(\n (a, b) => (a.index > b.index ? 1 : -1)\n )\n\n\n const gotoEvent = (redirect) => {\n if (redirect.split('=')[1]) {\n dispatch(setUrlForSportbook(redirect.split('=')[1]))\n } else {\n dispatch(setUrlForSportbook(null))\n }\n history.push(redirect)\n }\n\n let bannerList = inPlaySlidingBannersSortForIndex.map((item) => {\n return (\n // item?.name !== '' && (\n \n {\n dispatch(setSlotCasinoPopUp(true))\n history.push('/livecasino-lobby')\n }}\n >\n live casino\n
\n \n {\n // auth ?\n history.push('/sportsbook/1444005')\n // : actions.setLoginNew(true)\n }}\n >\n sportsbook\n
\n {menuItemsMap.map(\n (item) =>\n item.id !== '1444005' &&\n item.id !== '1444000' && (\n {\n {item.id !== '1444001' && item.name !== isNavigationName &&\n actions.setIsNavigationOpen(true)\n actions.setRenderIonContent(false)\n // actions.setIsAnimatedMenu(true)\n setTimeout(() => {\n actions.setIsNavigationOpen(false)\n }, 400)\n setTimeout(() => {\n actions.setIsAnimatedMenu(false)\n }, 400)\n actions.setIsNavigationID(item.id)\n actions.setIsNavigationName(item.name)\n actions.setIsMoreDetailed('')\n actions.setIsDetailedGroup('')}\n history.push(\n item.id === '4339' || item.id === '7'\n ? '/racing-sports-page'\n : item.id === '1444001'\n ? '/exchange-games'\n : '/sports-page'\n )\n {\n !searchValue &&\n actions.setIsAnimatedText(false)}\n // console.log(\"adada\", isNavigationOpen);\n }}\n >\n {item.name.replace('Exchange Game', 'Indian Card Games')}\n
\n )\n )}\n {\n dispatch(setSlotCasinoPopUp(true))\n // auth ? history.push('/slotsgames-lobby') : actions.setLoginNew(true)\n history.push('/slotsgames-lobby')\n }}>slots games
\n \n \n {bannerList}\n \n );\n}\n\n\nexport default TopBannerSlider\n","import React from \"react\";\nimport { useSelector, useDispatch } from 'react-redux'\nimport { useHistory } from \"react-router\";\nimport './TopBannerSlider.scss'\nimport { setLoginNew } from '../../../store/LoginNew/loginNew.slice'\n\n\nconst TopBannerOne = ({ inPlaySlidingBanners, }) => {\n const history = useHistory();\n const dispatch = useDispatch()\n const auth = useSelector((state) => state.auth)\n\n return (\n handleTouchMove(e)}\n onTouchStart={(e) => handleTouchStart(e)}\n onTouchEnd={(e) => handleTouchEnd(e)}\n >\n
\n )\n }\n\n if (width < 1024) {\n return (\n {\n if (!isSwipe && item?.redirect && item.redirect !== \"\"){\n ReactGA.event({\n label: \"Top-Banner\",\n category: \"User-Click\",\n action: item?.name + \"_Top_Banner\",\n });\n gotoEvent(item.redirect);\n\n }\n\n // if(auth) {\n // if(!isSwipe) gotoEvent(item.redirect)\n // } else {\n // dispatch(setLoginNew(true))\n // }\n }\n }/>\n
)\n })\n\n return (\n \n \n \n )\n}\n\nexport default QuickButton\n","import React, { useRef, useState } from 'react'\nimport '../promotion.scss'\nimport QuickButton from './QuickButton/QuickButton'\nimport { useDispatch } from 'react-redux';\n\n\nconst QuickButtons = ({ quickButtons }) => {\n const quickButtonsSortForIndex = [...quickButtons].sort((a, b) => a.index > b.index ? 1 : -1);\n const slider = useRef(null);\n const [isDown, setIsDown] = useState(false);\n const [isSlide, setIsSlide] = useState(false);\n const [startX, setStartX] = useState(\"\");\n const [scrollLeft, setScrollLeft] = useState(\"\");\n\n const quickButtonsList = quickButtonsSortForIndex.map((itemButton) => {\n return (\n )\n })\n\n const dispatch = useDispatch()\n\n let quickButtonsStyle\n if (quickButtons.length == 1) {\n quickButtonsStyle = {gridTemplateColumns: '1fr'}\n }\n return (\n \n \n \n\n );\n};\n\nexport default connectSportButton()(SportButton);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport {\n setIsAnimatedMenu,\n setIsNavigationID,\n setIsNavigationName,\n setIsNavigationOpen, setIsNavigationReset,\n} from '../../../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setLoginNew } from '../../../../store/LoginNew/loginNew.slice'\n\nexport const connectSportButton = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n auth: state.auth,\n elementsParams: state.elementsParams,\n menu: state.menu,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setIsNavigationOpen,\n setIsNavigationID,\n setIsNavigationName,\n setIsNavigationReset,\n setIsAnimatedMenu,\n setLoginNew\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport SportButton from './SportButton/SportButton'\n\n\nconst SportsButtons = ({ sportsButtons }) => {\n const sportsButtonsSortForIndex = [...sportsButtons].sort((a, b) => a.index > b.index ? 1 : -1);\n\n return (\n \n {promotions.inPlaySlidingBanners && promotions.inPlaySlidingBanners.length >= 1 ? : \"\" }\n {promotions.quickButtons && promotions.quickButtons.length >= 1 ? : ''}\n \n );\n}\n\nexport default connectPromotions()(Promotion)\n","export default value => typeof value === 'number' && value === value && value !== Infinity && value !== -Infinity\n","import httpAuth from '../../services/httpAuth'\nimport jwt from 'jsonwebtoken'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport {\n setMarket,\n setRunner,\n setIsBack,\n setPrice,\n setDelay,\n setStake,\n setMaxBet,\n setMaxWinPerMarket,\n setMtype,\n setMinBet,\n setEventTypeId,\n setEventId,\n setCompetitionId,\n setPriceActual,\n setMinMaxAll,\n setIsConfirmBetPopUpOpen\n} from './betPlacing.slice'\nimport { getAuthSuccess } from '../auth/auth.slice'\nimport { setAuthDataSuccess } from '../auth/authData.slice'\nimport { ID_TOKEN, TOKEN_EXP } from '../../config/app.config'\nimport { setScrollPosition } from '../elementsParams/elementsParams.slice'\n\nexport const requestBetPlacingStart = (marketId, runnerId, setAll = false ) => async (dispatch, getState) => {\n const auth = getState().auth;\n if(auth) {\n try {\n const response = await httpAuth.post('/exchange/order/settings/', { marketId, runnerId })\n // if ( setAll && response.data.result) {\n // console.log(\"setAll\")\n // dispatch(setMinMaxAll({\n // maxBet: response.data.result.maxBet,\n // maxWinPerMarket: response.data.result.maxWinPerMarket,\n // marketId: response.data.result.marketId\n // }))\n // return\n // }\n if (setAll) {return response}\n if (response.data.result) {\n dispatch(setMaxBet(response.data.result.maxBet))\n dispatch(setMaxWinPerMarket(response.data.result.maxWinPerMarket))\n dispatch(setMtype(response.data.result.mType))\n dispatch(setMinBet(response.data.result.minBet))\n dispatch(setEventTypeId(response.data.result.eventTypeId))\n dispatch(setEventId(response.data.result.eventId))\n dispatch(setCompetitionId(response.data.result.competitionId))\n }\n\n } catch (e) {\n dispatch(setMarket(null))\n dispatch(setRunner(null))\n dispatch(setIsBack(null))\n dispatch(setPrice(null))\n dispatch(setPriceActual(null))\n dispatch(setDelay(null))\n dispatch(setStake(null))\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg;\n }\n } else {\n console.log(\"not auth so betSettings not called\")\n }\n}\n// export const requestBetPlacingStartAll = (markets) => async (dispatch) => {\n// try {\n// const res = await Promise.allSettled(markets.map(item => dispatch(requestBetPlacingStart(item.id, item.runners[0].id, true))));\n// console.log(\"res\", res)\n// }\n// catch (e) {\n// console.log(\"ERRRRR\", e)\n// }\n// }\n\nexport const requestSetOrder = (betPlacing) => async (dispatch, getState) => {\n try {\n const response = await httpAuth.post('/exchange/order/', [\n {\n side: betPlacing.isBack ? 0 : 1,\n price: betPlacing.priceActual,\n selectionId: betPlacing.runner,\n btype: betPlacing.btype,\n oddsType: betPlacing.oddsType,\n eventTypeId: betPlacing.eventTypeId,\n marketId: betPlacing.market,\n totalSize: Number(betPlacing.stake),\n betSlipRef: betPlacing.betSlipRef,\n fromOneClick: betPlacing.fromOneClick ? 1 : 0,\n betDelay: betPlacing.delay,\n line: betPlacing.line,\n }\n ],\n {\n headers: {\n 'x-user-id': getState().user.memberCode,\n // temporary hard-coded\n 'x-app-version': '4.0.19.2',\n 'x-client': 'mobile',\n 'x-client-id': '451012928.1605029998',\n 'x-client-info': 'e883e9a15db99de2fdd0579c576a0693',\n 'x-log-timing': true,\n 'x-xid': '6b76ff17-70d2-b5fe-2373-08f62ee312af',\n }\n }\n )\n if (response.headers['authorization']) {\n const decoded = jwt.decode(response.headers['authorization'], { complete: true })\n dispatch(getAuthSuccess(response.headers['authorization']))\n\n dispatch(setAuthDataSuccess(decoded))\n localStorage.setItem(ID_TOKEN, response.headers['authorization'])\n localStorage.setItem(TOKEN_EXP, decoded.payload.exp)\n }\n dispatch(setMarket(null))\n dispatch(setRunner(null))\n dispatch(setPrice(null))\n dispatch(setPriceActual(null))\n dispatch(setDelay(null))\n dispatch(setStake(null))\n return response\n } catch (e) {\n dispatch(setMarket(null))\n dispatch(setRunner(null))\n dispatch(setPrice(null))\n dispatch(setPriceActual(null))\n dispatch(setDelay(null))\n dispatch(setStake(null))\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\nexport const requestCashOut = (marketId) => async (dispatch, getState) => {\n try {\n const response = await httpAuth.get(`/exchange/order/cashout?marketId=${marketId}`,{\n headers: {\n 'x-app-version': '4.0.19.2',\n 'x-client': 'mobile',\n 'x-client-id': '451012928.1605029998',\n 'x-client-info': 'e883e9a15db99de2fdd0579c576a0693',\n 'x-log-timing': true,\n 'x-xid': '6b76ff17-70d2-b5fe-2373-08f62ee312af',\n }\n })\n if (response.data.success) {\n // dispatch(getSportLadderSuccess(response.data.result))\n if (response.headers['authorization']) {\n const decoded = jwt.decode(response.headers['authorization'], { complete: true })\n dispatch(getAuthSuccess(response.headers['authorization']))\n\n dispatch(setAuthDataSuccess(decoded))\n localStorage.setItem(ID_TOKEN, response.headers['authorization'])\n localStorage.setItem(TOKEN_EXP, decoded.payload.exp)\n }\n console.log(response.data.result);\n }\n return response\n } catch (e) {\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n // dispatch(getSportLadderError())\n }\n}\n\nexport const requestCancelOrder = (orderId) => async (dispatch) => {\n try {\n const response = await httpAuth.delete(`/exchange/order/${orderId}`)\n if (response.data.success) return response\n } catch (e) {\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\nexport const requestCancelAllBets = () => async (dispatch) => {\n try {\n const response = await httpAuth.delete(`/exchange/order`)\n if (response.data.success) return response\n } catch (e) {\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\n//\nexport const isConfirmBetPopUpOpenThunk = (open) => async (dispatch) => {\n if (open) {\n dispatch(setIsConfirmBetPopUpOpen(open))\n }\n if (!open) {\n dispatch(setIsConfirmBetPopUpOpen(false))\n }\n}\n//\n","import './oddbutton.scss'\nimport React, { useEffect, useState } from 'react';\nimport isNumber from '../../helpers/isNumber.helper'\nimport { getFormattedNumberWithComma } from \"../../helpers/formatted-number.helper\";\nimport { connectOddbutton } from './oddbutton.connect'\nimport { getCurrencyFormat } from '../../helpers/getCurrencyFormat.helper';\n\nconst OddButton = connectOddbutton()(({\n market,\n auth,\n oddData,\n balanceSettings,\n isBack,\n betPlacing,\n oneClick,\n actions,\n showBlock = true,\n showEmpty = false,\n centered = false,\n mainBlock = true,\n isFancy = false,\n marketNum,\n setClicked,\n clicked\n}) => {\n const [odd, setOdd] = useState(null)\n const [isChanged, setIsChanged] = useState(false)\n const [color, setColor] = useState(\"\")\n\n const getBtnActive = () => {\n const isNotActive = isBtnNotActive() ? 'not-active' : ''\n const active = !isNotActive && betPlacing.market === (market && market.id) && betPlacing.runner === (oddData && oddData.runner && oddData.runner.id) && betPlacing.isBack === isBack && marketNum === clicked ? 'active' : ''\n return `${isNotActive} ${active} `\n }\n\n\n useEffect(() => {\n const isNotActive = isBtnNotActive() ? 'not-active' : ''\n const active = !isNotActive && betPlacing.market === (market && market.id) && betPlacing.runner === (oddData && oddData.runner && oddData.runner.id) && betPlacing.isBack === isBack && marketNum === clicked ? 'active' : ''\n\n if (active && betPlacing.priceActual !== (oddData && oddData.price) && (betPlacing.mtype == 'MATCH_ODDS_SB' || betPlacing.mtype == 'BOOKMAKER' || betPlacing.mtype == 'INNINGS_RUNS')) {\n actions.setPriceActual(oddData && oddData.price)\n }\n }, [betPlacing?.priceActual, oddData?.price])\n\n const isBtnNotActive = () => {\n // console.log(\"notAcrive func\")\n return !market?.isBettable || !isNumber(odd?.price);\n }\n\n const getOddPrice = (oddData = odd) => {\n const price = oddData && oddData.price;\n return price\n }\n\n const getPriseFor_SB = (marketId) => {\n return (marketId && marketId.slice(marketId.length - 3) === '_SB' ? ((odd?.price - 1) * 100).toFixed(2).replace('.00', '') : odd?.price);\n }\n\n const getOddVolume = () => {\n const size = odd && odd.size;\n const volumeMultiplier = (market && balanceSettings && balanceSettings.settings && balanceSettings.settings[market.eventTypeId] && balanceSettings.settings[market.eventTypeId].volumeMultiplier) || 1;\n // if (!size || !volumeMultiplier || market.mtype === 'MATCH_ODDS_SB') {\n // return;\n // }\n if (!size ) {\n return;\n }\n if(market?.id?.includes('_BR')) {\n // const resultVolume = Math.ceil(size * volumeMultiplier);\n // return changeOdd(-1)}> \n // actions.setPrice(e.detail.value)} onBlur={() => changeOdd(1, 0)}> \n // changeOdd(1)}> \n // \n // }\n\n\n const getPriseFor_SB = (marketId, price) => {\n return (marketId && marketId.slice(marketId.length - 3) === '_SB' ? ((price - 1) * 100).toFixed(2).replace('.00', '') : price);\n }\n\n // another variant\n const renderOdd = () => {\n if (betPlacing.mtype == 'INNINGS_RUNS' && betPlacing.btype == 'LINE') return {\n actions.setPriceActual(e.detail.value)\n }} onBlur={() => changeOdd(1, 0)}> \n \n \n }\n\n const renderOddTitle = () => {\n if (betPlacing.mtype == 'INNINGS_RUNS' && betPlacing.btype == 'LINE') return 0 && notifications !== false) ? \"notifications\" : ''} `}>\n
\n );\n}\n\nexport default connectBetPlacing()(BetPlacing)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setConfirmation, setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setShowBetPlacingPopover, setBetPlacingPopoverStage } from '../../store/betPlacing/betPlacing.slice'\nimport { requestSetOrder } from '../../store/betPlacing/betPlacing.thunks'\nimport { setLoginNew } from '../../store/LoginNew/loginNew.slice'\n\nexport const connectBetPlacing = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n sportEvent: state.sportEvent,\n auth: state.auth,\n messages: state.message,\n notifications: state.user.settings.notifications,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSetOrder,\n setConfirmation,\n setMarket,\n setRunner,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setLoginNew\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import bannerSportsbook from '../assets/images/banners/sport-banner-sportsbook.svg'\nexport const headerType = {\n 'INPLAY': 'inplay',\n 'POPULAR': 'popular',\n 'FUTURE': 'future'\n}\n\n\nexport const headerMap = {\n inplay: {\n icon: '\\uF144',\n title: 'In Play',\n showBets: true,\n banner: bannerSportsbook,\n bannerClass: 'sportsbook',\n bannerLink: '/sportsbook/1444005',\n },\n popular: {\n icon: '\\ue903',\n title: 'Upcoming Events'\n },\n\n future: {\n // icon: '',\n title: 'Future Matches'\n }\n\n\n}\n\n","import { createSlice } from '@reduxjs/toolkit'\n\nconst state = JSON.parse(localStorage.getItem('favorites'))\n// const state2 = JSON.parse(sessionStorage.getItem('favorites'))\n\nexport const favoritesSlice = createSlice({\n name: 'favorites',\n initialState: {\n inPlay: state?.inPlay ? state?.inPlay : [],\n popular: state?.popular ? state?.popular : [],\n future: state?.future ? state?.future : [],\n sportMarkets: state?.sportMarkets ? state?.sportMarkets : [],\n favoritesAll: state?.favoritesAll ? state?.favoritesAll : [],\n },\n // initialState,\n reducers: {\n // InPlay events\n addfavoritesItem: (state, action) => ({\n ...state,\n inPlay: [...state.inPlay, action.payload],\n }),\n clearfavoritesItem: (state, action) => ({\n ...state,\n inPlay: state.inPlay.filter(\n (item) => item.event.id !== action.payload.event.id\n ),\n }),\n updateFav: (state, action) => ({ ...state, inPlay: action.payload }),\n // Popular events\n addfavoritesItemPop: (state, action) => ({\n ...state,\n popular: [...state.popular, action.payload],\n }),\n clearfavoritesItemPop: (state, action) => ({\n ...state,\n popular: state.popular.filter(\n (item) => item.event.id !== action.payload.event.id\n ),\n }),\n updateFavPop: (state, action) => ({ ...state, popular: action.payload }),\n // Future events\n addfavoritesItemFuture: (state, action) => ({\n ...state,\n future: [...state.future, action.payload],\n }),\n clearfavoritesItemFuture: (state, action) => ({\n ...state,\n future: state.future.filter(\n (item) => item.event.id !== action.payload.event.id\n ),\n }),\n updateFavFuture: (state, action) => ({ ...state, future: action.payload }),\n\n // Sport markets\n addfavoritesSportMarkets: (state, action) => ({\n ...state,\n sportMarkets: [...state.sportMarkets, action.payload],\n }),\n clearfavoritesSportMarkets: (state, action) => ({\n ...state,\n sportMarkets: state.sportMarkets.filter(\n (item) => item.id !== action.payload.id\n ),\n }),\n updateFavSportMarkets: (state, action) => ({ ...state, sportMarkets: action.payload }),\n\n // Favorites All\n addFavoritesAll: (state, action) => ({\n ...state,\n favoritesAll: [...state.favoritesAll, action.payload],\n }),\n clearFavoritesAll: (state, action) => ({\n ...state,\n favoritesAll: state.favoritesAll.filter(\n (item) => item.id !== action.payload.id\n ),\n }),\n updateFavoritesAll: (state, action) => ({ ...state, favoritesAll: action.payload }),\n },\n})\n\nexport const {\n addfavoritesItem,\n clearfavoritesItem,\n updateFav,\n addfavoritesItemPop,\n clearfavoritesItemPop,\n updateFavPop,\n addfavoritesItemFuture,\n clearfavoritesItemFuture,\n updateFavFuture,\n addfavoritesSportMarkets,\n clearfavoritesSportMarkets,\n updateFavSportMarkets,\n addFavoritesAll,\n clearFavoritesAll,\n updateFavoritesAll,\n} = favoritesSlice.actions\n\nexport default favoritesSlice.reducer\n","import './InPlayItemLoaderPoUp.scss'\nimport React from 'react';\nimport { createPortal } from \"react-dom\";\nimport closeIcon from '../../../assets/images/closeCross.svg'\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst InPlayItemLoaderPoUp = ({onDidDismiss}) => {\n return createPortal(\n {\n history.push(inPlaySlidingBanners[0].redirect)\n // if(auth) {\n // history.push(inPlaySlidingBanners[0].redirect)\n // } else {\n // dispatch(setLoginNew(true))\n // }\n }}/>\n
\n );\n}\n\n\nexport default TopBannerOne\n","import './TopBaner.scss'\nimport React from 'react'\nimport TopBannerSlider from './TopBannerSlider/TopBannerSlider';\nimport TopBannerOne from './TopBannerSlider/TopBannerOne';\nimport { useHistory } from 'react-router';\n\nconst TopBaner = ({inPlaySlidingBanners, auth}) => {\n\n const history = useHistory()\n\n return (\n \n {inPlaySlidingBanners.length === 1 \n ? \n : }\n
\n )\n}\n\nexport default TopBaner\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const liveCasinoSlice = createSlice({\n name: 'liveCasino',\n initialState: null,\n reducers: {\n getLiveCasinoSuccess: (state, action) => action.payload,\n getLiveCasinoError: (state) => state,\n\n getLiveCasinoIDSuccess: (state, action) => ({...state, liveCasinoID: action.payload}),\n getLiveCasinoIDError: (state) => state,\n\n allGames: (state, action) => ({...state, allGames: action.payload}),\n topGames: (state, action) => ({...state, topGames: action.payload}),\n liveGames: (state, action) => ({...state, liveGames: action.payload}),\n tableGames: (state, action) => ({...state, tableGames: action.payload}),\n pokerGames: (state, action) => ({...state, pokerGames: action.payload}),\n blackjackGames: (state, action) => ({...state, blackjackGames: action.payload}),\n baccaratGames: (state, action) => ({...state, baccaratGames: action.payload}),\n rouletteGames: (state, action) => ({...state, rouletteGames: action.payload}),\n showsGames: (state, action) => ({...state, showsGames: action.payload}),\n virtualGames: (state, action) => ({...state, virtualGames: action.payload}),\n },\n})\n\nexport const {\n getLiveCasinoSuccess,\n getLiveCasinoError,\n getLiveCasinoIDSuccess,\n getLiveCasinoIDError,\n allGames,\n topGames,\n liveGames,\n tableGames,\n pokerGames,\n blackjackGames,\n baccaratGames,\n rouletteGames,\n showsGames,\n virtualGames,\n} = liveCasinoSlice.actions\n\nexport default liveCasinoSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\n\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getLiveCasinoSuccess, getLiveCasinoError, allGames, topGames, liveGames, tableGames, pokerGames, blackjackGames, baccaratGames, rouletteGames, showsGames, virtualGames, getLiveCasinoIDSuccess, getLiveCasinoIDError} from './liveCasino.slice'\nimport axios from 'axios'\nimport { BASE_DEV_URL } from '../../config/api.config'\n\nexport const requestLiveCasino = (id) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n \n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/casino/v2/games/${id}`)\n if (response.data.success) {\n if(id === '11'){\n dispatch(allGames(response.data.result))\n } else if (id === '12'){\n dispatch(topGames(response.data.result))\n } else if (id === '14'){\n dispatch(liveGames(response.data.result))\n } else if (id === '13'){\n dispatch(tableGames(response.data.result))\n } else if (id === '15'){\n dispatch(pokerGames(response.data.result))\n } else if (id === '16'){\n dispatch(blackjackGames(response.data.result))\n } else if (id === '17'){\n dispatch(baccaratGames(response.data.result))\n } else if (id === '18'){\n dispatch(rouletteGames(response.data.result))\n } else if (id === '19'){\n dispatch(showsGames(response.data.result))\n } else if (id === '20'){\n dispatch(virtualGames(response.data.result))\n } \n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/casino/v2/games/${id}`)\n if (response.data.success) {\n if(id === '11'){\n dispatch(allGames(response.data.result))\n } else if (id === '12'){\n dispatch(topGames(response.data.result))\n } else if (id === '14'){\n dispatch(liveGames(response.data.result))\n } else if (id === '13'){\n dispatch(tableGames(response.data.result))\n } else if (id === '15'){\n dispatch(pokerGames(response.data.result))\n } else if (id === '16'){\n dispatch(blackjackGames(response.data.result))\n } else if (id === '17'){\n dispatch(baccaratGames(response.data.result))\n } else if (id === '18'){\n dispatch(rouletteGames(response.data.result))\n } else if (id === '19'){\n dispatch(showsGames(response.data.result))\n } else if (id === '20'){\n dispatch(virtualGames(response.data.result))\n } \n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n }\n}\n\nexport const requestLiveCasinoLobby = () => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/casino/v2/casino-lobby`)\n if (response.data.success) {\n dispatch(getLiveCasinoSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoError())\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/casino/v2/casino-lobby`)\n if (response.data.success) {\n dispatch(getLiveCasinoSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoError())\n }\n }\n}\n\nexport const requestLiveCasinoID = (id) => async (dispatch) => {\n const token = localStorage.getItem('id_token')\n // const history = useHistory()\n try {\n // const response = await http.get(`/casino/live/table/?gameId=EZUGI-lobby`)\n const response = await axios.get(BASE_DEV_URL + `/casino/live/table-w/${id}`, {\n headers: {\n Authorization: `${token}`,\n },\n })\n if (response.data.success) {\n\n // useHistory().push(response?.data?.result?.url)\n // window.open(response?.data?.result?.url)\n dispatch(getLiveCasinoIDSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoIDError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const slotsGamesSlice = createSlice({\n name: 'slotsGames',\n initialState: \n {\n mainGames: null,\n allSlots: null,\n fishingGames: null,\n bingoGames: null,\n virtualGames: null,\n multiplayerGames: null,\n scratchGames: null,\n slotsGamesButtons: null,\n quickButtonSlots: ''\n\n },\n reducers: {\n getSlotsGamesSuccess: (state, action) => action.payload,\n getSlotsGamesError: (state) => state,\n\n getSlotsGamesIDSuccess: (state, action) => ({...state, slotsGamesID: action.payload}),\n getSlotsGamesIDError: (state) => state,\n\n getSlotsGamesButtonsSuccess: (state, action) => ({...state, slotsGamesButtons: action.payload}),\n getSlotsGamesButtonsError: (state) => state,\n\n mainGames: (state, action) => ({...state, mainGames: action.payload}),\n allSlots: (state, action) => ({...state, allSlots: action.payload}),\n fishingGames: (state, action) => ({...state, fishingGames: action.payload}),\n bingoGames: (state, action) => ({...state, bingoGames: action.payload}),\n multiplayerGames: (state, action) => ({...state, multiplayerGames: action.payload}),\n virtualGames: (state, action) => ({...state, virtualGames: action.payload}),\n scratchGames: (state, action) => ({...state, scratchGames: action.payload}),\n setQuickButtonSlots: (state, action) => ({...state, quickButtonSlots: action.payload}),\n\n },\n})\n\nexport const {\n getSlotsGamesSuccess,\n getSlotsGamesError,\n getSlotsGamesIDSuccess,\n getSlotsGamesIDError,\n getSlotsGamesButtonsSuccess,\n getSlotsGamesButtonsError,\n mainGames,\n allSlots,\n fishingGames,\n bingoGames,\n multiplayerGames,\n virtualGames,\n scratchGames,\n setQuickButtonSlots,\n} = slotsGamesSlice.actions\n\nexport default slotsGamesSlice.reducer\n","import { IonButton, IonIcon } from '@ionic/react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport React from 'react'\nimport { useHistory } from 'react-router'\nimport { setLoginNew } from '../../../../store/LoginNew/loginNew.slice'\nimport { setUrlForSportbook } from '../../../../store/betbyWidget/urlForSportbook.slice'\nimport { requestLiveCasinoID } from '../../../../store/liveCasino/liveCasino.thunks'\nimport { setQuickButtonSlots } from '../../../../store/slotsGames/slotsGames.slice'\nimport { setSlotCasinoPopUp } from '../../../../store/slotCasinoPopUp/slotCasinoPopUp.slice'\nimport ReactGA from \"react-ga4\";\n\n\n\nconst QuickButton = ({ name, icon, redirect, backgroundImage, backgroundColour, isSlide, id }) => {\n const history = useHistory()\n const dispatch = useDispatch()\n const auth = useSelector((state) => state.auth)\n\n const gotoEvent = () => {\n // if(auth || name === \"Sportsbook\") {\n // history.push(redirect)\n // } else {\n // dispatch(setLoginNew(true))\n // }\n\n if (redirect.split('=')[1]) {\n dispatch(setUrlForSportbook(redirect.split('=')[1]))\n } else {\n dispatch(setUrlForSportbook(null))\n }\n\n if (name.indexOf('Evolution') != -1){\n dispatch(setSlotCasinoPopUp(true))\n dispatch(requestLiveCasinoID(redirect))\n } else if (redirect.indexOf('slotsgames') != -1) {\n history.push(\"/slotsgames-lobby\")\n dispatch(setQuickButtonSlots(redirect.slice(redirect.lastIndexOf('/') + 1)))\n dispatch(setSlotCasinoPopUp(true))\n } else if (redirect.indexOf('livecasino') != -1) {\n history.push(\"/livecasino-lobby\")\n dispatch(setSlotCasinoPopUp(true))\n } else {\n history.push(redirect)\n }\n\n\n if(!auth && name.indexOf('Evolution') != -1) {\n dispatch(setLoginNew(true))\n }\n else if (!auth && name.indexOf('Fortune Spin') != -1) {\n dispatch(setLoginNew(true))\n }\n else if (!auth && name.indexOf('Aura') != -1) {\n dispatch(setLoginNew(true))\n }\n else if (redirect.indexOf('slotsgames') != -1) {\n history.push(\"/slotsgames-lobby\")\n dispatch(setQuickButtonSlots(redirect.slice(redirect.lastIndexOf('/') + 1)))\n }\n else if (redirect.indexOf('livecasino') != -1) {\n history.push(\"/livecasino-lobby\")\n dispatch(setQuickButtonSlots(redirect.slice(redirect.lastIndexOf('/') + 1)))\n } else {\n history.push(redirect)\n }\n }\n return (\n {} : () => {\n ReactGA.event({\n label: \"Quick-Buttons\",\n category: \"User-Click\",\n action: name + \"_Quick_Buttons\",\n });\n gotoEvent()\n console.log('asd', name);\n }}\n style={{\n backgroundImage: `url(${backgroundImage})`,\n backgroundColor: `${backgroundColour}`\n }}\n >\n \n {name}\n
\n {\n setIsDown(true)\n setStartX(e.pageX - slider.current.offsetLeft)\n setScrollLeft(slider.current.scrollLeft)\n }}\n onMouseUp={() => {\n if (isSlide) {\n setTimeout(() => setIsSlide(false), 500)\n }\n setIsDown(false)\n }}\n onMouseMove={(e) => {\n if(!isDown) return;\n e.preventDefault();\n setIsSlide(true)\n const x = e.pageX - slider.current.offsetLeft;\n const walk = (x - startX) * 3; //scroll-fast\n slider.current.scrollLeft = scrollLeft - walk;\n }}\n onMouseLeave={() => {\n setIsDown(false)\n setIsSlide(false)\n }}\n >\n {quickButtonsList}\n
\n )\n}\n\nexport default QuickButtons\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestPromotions } from '../../store/promotions/promotions.thunks'\n\nexport const connectPromotions = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n promotions: state.promotions,\n auth: state.auth\n // inplayPopular: state.inplayPopular\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestPromotions\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}","import { IonButton, IonIcon } from \"@ionic/react\";\nimport React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router\";\nimport \"./SportButton.scss\";\nimport { connectSportButton } from \"./SportButton.connect\";\nimport ReactGA from \"react-ga4\";\n\nconst SportButton = ({\n itemButton: { name, icon, redirect, backgroundImage, backgroundColour, id },\n auth,\n actions,\n elementsParams,\n menu\n }) => {\n const history = useHistory();\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth;\n\n const gotoEvent = () => {\n console.log(\"menuButton\", menu);\n console.log(\"menuID\", name);\n if (menu.filter(item => item.name === name).length) {\n actions.setIsNavigationOpen(true);\n setTimeout(() => {\n actions.setIsNavigationOpen(false);\n }, 400);\n setTimeout(() => {\n actions.setIsAnimatedMenu(false);\n }, 400);\n actions.setIsNavigationID(redirect.split(\"/\")[2]);\n\n actions.setIsNavigationName(name);\n if (width > 1024) {\n history.push(redirect.split(\"/\", 2).join(\"/\"));\n } else {\n history.push(redirect.replace(redirect.split(\"/\", 2)[1], \"menu-event\"));\n }\n }\n // if(auth) {\n // actions.setIsNavigationOpen(true)\n // setTimeout(() => {\n // actions.setIsNavigationOpen(false)\n // }, 400)\n // setTimeout(() => {\n // actions.setIsAnimatedMenu(false)\n // }, 400)\n // actions.setIsNavigationID(redirect.split('/')[2])\n // actions.setIsNavigationName(name)\n // history.push(redirect.split('/',2).join('/'))\n // }\n // else {\n // actions.setLoginNew(true)\n // }\n };\n return (\n <>\n {\n ReactGA.event({\n label: \"Sports-Button\",\n category: \"User-Click\",\n action: name + \"_Sports_Button\"\n });\n gotoEvent();\n\n }\n } style={{ backgroundColor: `${backgroundColour}` }}>\n 
\n
\n \n 
\n {name}\n
\n \n {\n sportsButtonsSortForIndex.map((itemButton) => {\n console.log('itemButton', itemButton)\n return (\n \n )\n })\n }\n
\n )\n}\n\nexport default SportsButtons\n","import './promotion.scss'\nimport React from 'react'\nimport { IonItemGroup } from '@ionic/react';\nimport TopBaner from '../TopBaner/TopBaner';\nimport QuickButtons from './QuickButtons/QuickButtons';\nimport { connectPromotions } from './Promotion.connect';\nimport { useEffect } from 'react';\nimport SportsButtons from './SportButtons/SportsButtons'\n\nconst Promotion = ({ inplayPopular, promotions, actions, auth }) => {\n\n useEffect(() => {\n actions.requestPromotions()\n }, [])\n\n return (\n <>\n {promotions ? {resultVolume >= 500000 ? '500.000+' : getFormattedNumberWithComma(resultVolume)}
\n return null\n }\n if (market?.mtype && market?.mtype === 'MATCH_ODDS_SB') {\n return;\n }\n const resultVolume = Math.ceil(size * volumeMultiplier);\n return {resultVolume >= 500000 ? '500.000+' : getCurrencyFormat(resultVolume)}
\n }\n\n const select = () => {\n const marketId = market && market.id\n const runnerId = oddData && oddData.runner && oddData.runner.id\n if (!marketId || !runnerId) return\n actions.setMarket(marketId)\n actions.setRunner(runnerId)\n actions.setRunnerName(oddData && oddData.runner && oddData.runner.name)\n actions.setEventName(market && market.event && market.event.name)\n actions.setIsBack(isBack)\n actions.setPrice(oddData && oddData.price)\n actions.setPriceActual(oddData && oddData.price)\n actions.setDelay(market && market.betDelay)\n actions.setMtype(market && market.mtype)\n actions.setBtype(market && market.btype)\n actions.setLine(oddData && oddData.line)\n actions.setStartTime(market && market?.start)\n actions.setEventTypeId(market && market.eventTypeId)\n if (oneClick.active) {\n actions.setStake(oneClick.settings[oneClick.selected - 1])\n actions.setBetPlacingPopoverStage(false)\n actions.setShowBetPlacingPopover(true)\n actions.setFromOneClick(true)\n } else {\n actions.setFromOneClick(false)\n actions.setStake(null)\n }\n if(auth) {\n actions.requestBetPlacingStart(marketId, runnerId)\n .then((response) => {\n\n })\n .catch((err) => console.log('err = ', err))\n }\n }\n\n useEffect(() => {\n if (isDataChanged()) {\n setIsChanged(true);\n setTimeout(() => {\n setIsChanged(false);\n }, 300)\n setOdd(oddData)\n }\n }, [oddData?.price, oddData?.size])\n\n useEffect(() => {\n setColor(isBack ? `back-color` : `lay-color`)\n }, [isBack])\n\n const isDataChanged = () => {\n return getOddPrice() !== getOddPrice(oddData) || odd?.size !== oddData?.size\n }\n\n\n\n return (\n {\n if (!isBtnNotActive() && (oddData && oddData.price > 1) && (isFancy ? oddData.line : true)) {\n setClicked && setClicked(marketNum)\n select()\n }\n }}\n >\n \n {isFancy && isNumber(odd?.price) && oddData && {oddData.line}
}\n \n {isNumber(odd?.price) && odd?.price === 0 ? ' ' : isNumber(odd?.price) ? getCurrencyFormat(getPriseFor_SB(market && market.id)) : (showEmpty ? '' : '-')}\n
\n {isNumber(odd?.price) && odd?.price === 0 ? ' ' : isNumber(odd?.price) ? getOddVolume() : ''}\n \n \n )\n})\n\nexport default OddButton\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport {\n setMarket,\n setRunner,\n setIsBack,\n setPrice,\n setPriceActual,\n setStake,\n setDelay,\n setMtype,\n setBtype,\n setLine,\n setRunnerName,\n setEventName,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n setStartTime,\n setEventTypeId\n} from '../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../store/betPlacing/betPlacing.thunks'\n\nexport const connectOddbutton = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n auth: state.auth,\n betPlacing: state.betPlacing,\n oneClick: state.user.settings.oneClickSettings,\n balanceSettings: state.balanceSettings,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n setStartTime,\n setEventTypeId\n \n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react';\nconst BetPopoverContext = React.createContext(null);\nexport { BetPopoverContext }","export const getPlacingText = (bet, res) => {\n const matched = res.data.result?.result?.placed?.[0].sizeMatched\n const stake = Number(bet.stake)\n const odds = res.data.result?.result?.placed?.[0].averagePriceMatched //bet.priceActual\n const runner = bet.runnerName\n const type = bet.isBack ? 'Back' : 'Lay'\n const isFancy = bet.marketType == \"INNINGS_RUNS\" && bet.marketBettingType == \"LINE\"\n\n const getPriseFor_SB = (marketId, price ) => {\n return (marketId && marketId.slice(marketId.length - 3) === '_SB' ? ((price - 1) * 100).toFixed(2).replace('.00', '') : price);\n }\n \n const priceOdds = getPriseFor_SB(bet.market, odds)\n\n \n if ((matched || matched === 0) && stake) {\n if (isFancy) {\n return `Bet Matched. ${bet.line} runs - ${runner} - ${bet.isBack ? 'Yes' : 'No'} for ${stake} @ ${odds}`\n } else {\n if (stake - matched == 0) return `Bet Matched. ${type} - ${runner} - ${stake} at odds ${priceOdds}`\n else if (stake - matched == stake) return `Bet Unmatched. ${type} - ${runner} - ${stake} at odds ${priceOdds}`\n else if (stake - matched > 0) return `Bet Partially Matched. ${type} - ${runner} - ${stake} at odds ${priceOdds}`\n }\n }\n return ''\n}\n","import './BetPlacing.scss'\nimport React, { useContext, useEffect, useState } from 'react'\nimport { IonToggle, IonButton, IonInput } from \"@ionic/react\";\nimport { connectBetPlacing } from './BetPlacing.connect'\nimport { toastr } from 'react-redux-toastr'\nimport { BetPopoverContext } from '../../context'\nimport { getPlacingText } from '../../helpers/betPlacing.helper'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { getCurrencyFormat } from '../../helpers/getCurrencyFormat.helper'\n\nconst BetPlacing = ({ betPlacing, presetStakeSettings, actions, oneClick, headerHeight, sportEvent, auth, messages, notifications, heightForBetslip}) => {\n const cancelBetPopover = useContext(BetPopoverContext);\n const [incremented, setIncremented] = useState(false);\n const [showConfirm, setShowConfirm] = useState(false);\n const [ isLoading, setIsLoading ] = useState(false)\n const [styles, setStyles] = useState({ transform: 'translateY(-100%)' });\n const history = useHistory()\n const { eventTypeId } = useParams();\n\n let dataOdd = sportEvent?.sportData\n\n useEffect(() => {\n setTimeout(() => setStyles({ transform: 'translateY(0px)' }), 200)\n }, [])\n\n const profit = () => {\n const type = betPlacing.isBack ? 'Profit' : 'Liability'\n const isFancy = betPlacing.mtype == 'INNINGS_RUNS' && betPlacing.btype == 'LINE'\n const stake = betPlacing.stake ? (isFancy ? getCurrencyFormat(betPlacing.stake * betPlacing.priceActual / 100) : getCurrencyFormat(betPlacing.stake * betPlacing.priceActual - betPlacing.stake)) : '0.00'\n return `${type}: ${stake}`\n }\n const cancel = () => {\n setStyles({ transform: 'translateY(-100%)', transition: '300ms ease' })\n\n setTimeout(() => {\n actions.setMarket(null)\n actions.setRunner(null)\n actions.setIsBack(null)\n actions.setPrice(null)\n actions.setPriceActual(null)\n actions.setStake(null)\n }, 300)\n }\n\n //close betslip if selected market is closed\n useEffect(() => {\n if( dataOdd && dataOdd[0]?.competition?.name === 'Live Games' && !dataOdd.filter((item) => item.id === betPlacing?.market)[0]?.isBettable ) {\n // cancel()\n }\n }, [dataOdd])\n\n // console.log('betPlacing', betPlacing);\n // console.log('params?.eventTypeId',eventTypeId);\n // console.log('betPlacing.eventTypeId', betPlacing.eventTypeId);\n\n\n //close betslip if selected market is closed\n const submit = async () => {\n if (betPlacing.confirmation) actions.setBetPlacingPopoverStage(false)\n else {\n actions.setBetPlacingPopoverStage(true)\n actions.requestSetOrder(betPlacing.eventTypeId ? betPlacing : {...betPlacing, eventTypeId: eventTypeId})\n .then((res) => {\n const text = getPlacingText(betPlacing, res)\n if (text) {\n text.indexOf('Unmatched') === -1 ? toastr.success('', text) : toastr.error('', text)\n }\n cancelBetPopover()\n // actions.setShowBetPlacingPopover(false)\n })\n .catch((e) => {\n cancelBetPopover()\n // actions.setShowBetPlacingPopover(false)\n if (e[0] && e[0][0] && e[0][0].description) toastr.error('', e[0][0].description)\n else toastr.error('', 'Something went wrong');\n })\n }\n actions.setShowBetPlacingPopover(true)\n }\n\n // const submit = async () => {\n // console.log(\"submit\")\n // setShowConfirm(false)\n // setIsLoading(true)\n // actions.setBetPlacingPopoverStage(true)\n // actions.requestSetOrder(betPlacing.eventTypeId ? betPlacing : {...betPlacing, eventTypeId: params?.eventTypeId})\n // .then((res) => {\n // const text = getPlacingText(betPlacing, res)\n // if (text) {\n // text.indexOf('Unmatched') === -1 ? toastr.success('', text) : toastr.error('', text)\n // }\n // cancelBetPopover()\n // setIsLoading(false)\n // })\n // .catch((e) => {\n // cancelBetPopover()\n // // actions.setShowBetPlacingPopover(false)\n // if (e[0] && e[0][0] && e[0][0].description) toastr.error('', e[0][0].description)\n // else toastr.error('', 'Something went wrong');\n // setIsLoading(false)\n // })\n // actions.setShowBetPlacingPopover(true)\n // }\n\n const submitHandler = (isPopUp = false) => {\n if (isPopUp) return submit();\n betPlacing.confirmation ? setShowConfirm(true) : submit();\n };\n\n const ripple = (event) => {\n const elem = event.currentTarget\n\n var rect = event.target.getBoundingClientRect();\n let x = event.clientX - elem.offsetLeft\n let y = rect.height - rect.bottom + event.clientY\n let rippleElement = document.createElement('span')\n rippleElement.style.left = x + 'px'\n rippleElement.style.top = y + 'px'\n elem.appendChild(rippleElement)\n setTimeout(function () {\n rippleElement.remove();\n }, 500)\n }\n\n const changeOddRipple = (event, mod, isChanging = 1) => {\n const ev = {...event}\n ripple(event)\n changeOdd(mod, isChanging)\n }\n\n const changeOdd = (mod, isChanging = 1) => {\n let step, dec\n const odd = Number(betPlacing.priceActual)\n switch (true) {\n case (odd < 2): {\n step = 0.01\n dec = 2\n break\n }\n case (odd < 3): {\n step = 0.02\n dec = 2\n break\n }\n case (odd < 4): {\n step = 0.05\n dec = 2\n break\n }\n case (odd < 6): {\n step = 0.1\n dec = 2\n break\n }\n case (odd < 10): {\n step = 0.2\n dec = 2\n break\n }\n case (odd < 20): {\n step = 0.5\n dec = 1\n break\n }\n case (odd < 30): {\n step = 1\n dec = 0\n break\n }\n case (odd < 50): {\n step = 2\n dec = 0\n break\n }\n case (odd < 100): {\n step = 5\n dec = 0\n break\n }\n default: {\n step = 10\n dec = 0\n }\n }\n let newVal = +(odd + step * mod * isChanging).toFixed(2)\n if (newVal < 1.01) newVal = 1.01\n else if (newVal > 1000) newVal = 1000\n else if (!Number.isInteger(newVal / step)) newVal = newVal - newVal % step + step\n newVal = Number(newVal.toFixed(dec))\n actions.setPriceActual(newVal)\n }\n // const renderOdd = () => {\n // if (betPlacing.btype == 'innings_runs' && betPlacing.btype == 'line') return {betPlacing.price}
\n // return <>\n // -
+
\n
\n if (betPlacing.mtype == 'MATCH_ODDS_SB' || betPlacing.mtype == 'BOOKMAKER') return {betPlacing.priceActual}
\n {betPlacing.line}
\n {getPriseFor_SB( betPlacing.market, betPlacing.priceActual )}
\n return <>\n \n \n
\n return ODDS (H-J)
\n RUNS
\n ODDS
\n }\n\n useEffect(() => {\n if (incremented) setTimeout(() => setIncremented(false), 300)\n }, [incremented])\n\n const increment = (i) => {\n setIncremented(true)\n actions.setStake((betPlacing.stake ? Number(betPlacing.stake) : 0) + presetStakeSettings.mobileStakesSettings[i])\n }\n\n const incrementNotAuth = (i) => {\n setIncremented(true)\n actions.setStake((betPlacing.stake ? Number(betPlacing.stake) : 0) + i)\n }\n\n return (\n oneClick\n ? null\n :\n \n
\n \n
\n \n {/* {showConfirm &&\n \n
\n \n {renderOddTitle()}\n
\n \n
\n \n {renderOdd()}\n
\n \n
\n \n
\n STAKE
\n Max Mkt: {getCurrencyFormat(betPlacing?.maxWinPerMarket) || '5,00,000'}
\n \n
\n \n {\n if(auth) {\n actions.setStake(String(e.target.value).replace(/^([0-9]*[.,][0-9]{2})([0-9]+)$/, '$1'))\n } else {\n if(Number(e.target.value) > 500000) {\n actions.setStake(String(500000).replace(/^([0-9]*[.,][0-9]{2})([0-9]+)$/, '$1'))\n } else {\n actions.setStake(String(e.target.value).replace(/^([0-9]*[.,][0-9]{2})([0-9]+)$/, '$1'))\n }\n } }\n }\n > \n
\n \n auth ? increment(0): incrementNotAuth(200)}>\n +{presetStakeSettings && presetStakeSettings.mobileStakesSettings ? getCurrencyFormat(presetStakeSettings.mobileStakesSettings[0]) : 200}\n \n auth ? increment(1): incrementNotAuth(1000)}>\n +{presetStakeSettings && presetStakeSettings.mobileStakesSettings ? getCurrencyFormat(presetStakeSettings.mobileStakesSettings[1]) : \"1.000\"}\n \n auth ? increment(2): incrementNotAuth(2000)}>\n +{presetStakeSettings && presetStakeSettings.mobileStakesSettings ? getCurrencyFormat(presetStakeSettings.mobileStakesSettings[2]) : \"2.000\"}\n \n
\n {(betPlacing.priceActual !== betPlacing.price && (betPlacing.mtype == 'MATCH_ODDS_SB' || betPlacing.mtype == 'BOOKMAKER' || betPlacing.mtype == 'INNINGS_RUNS')) &&\n The Odds of your selection have changed
\n }\n \n
\n \n \n Cancel\n \n
\n \n {auth ? (\n \n {actions.setLoginNew(true)}}\n >\n
\n \n
\n Place Bet
\n {profit()}
\n \n \n {betPlacing.delay}s\n
\n \n ) : (\n \n
\n\n \n )}\n Log In
\n\n \n actions.setConfirmation(!betPlacing.confirmation)} />\n
\n Confirm bet before placing
\n \n
\n } */}\n \n
\n \n Are you sure you want to place your bet?\n
\n \n submitHandler(true)}\n className=\"BetPlacing-confirm__pop-up__buttons-submit\"\n expand=\"full\"\n mode=\"md\"\n >\n \n \n Confirm\n \n
\n {setShowConfirm(false); cancel() }}>\n Cancel\n
\n \n
,\n modalRoot\n )\n}\n\nexport default InPlayItemLoaderPoUp","import './inplayitem.scss'\nimport React, { useEffect, useState } from 'react'\nimport { IonImg, IonItem } from '@ionic/react'\nimport OddButton from '../OddButton/oddbutton'\nimport BetPlacing from '../BetPlacing/BetPlacing'\nimport broadcastImg from '../../assets/images/inplay-broadcast-icon.svg'\nimport { headerType } from '../../helpers/InPlayPopular.helper'\nimport { getFormattedDate } from '../../helpers/date.helper'\nimport { useHistory } from 'react-router'\nimport { useDispatch, useSelector } from 'react-redux'\nimport {\n addfavoritesItem,\n clearfavoritesItem,\n addfavoritesItemPop,\n clearfavoritesItemPop,\n addFavoritesAll,\n clearFavoritesAll,\n} from '../../store/favorites/favorites.slice'\n\nimport StarIcon from '../../assets/images/sideBarStar.svg'\nimport StarIconFilled from '../../assets/images/sideBarStarFilled.svg'\nimport InPlayItemLoaderPoUp from './InPlayItemLoaderPoUp/InPlayItemLoaderPoUp'\n\nimport { setIsOpenSport } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsSportsGroupName } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsMoreDetailed } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsEventDetailed } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsAnimatedMenu } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\n// import SportMarketStandard from '../SportMarketStandard/SportMarketStandard'\n\nconst InPlayItem = ({\n type,\n itemData,\n timeSettings,\n displayedBack,\n setDisplayedBack,\n betPlacing,\n}) => {\n const history = useHistory()\n const [item, setItem] = useState(null)\n const [touchStart, setTouchStart] = useState(0)\n const [touchEnd, setTouchEnd] = useState(0)\n const [openPopUp, setOpenPopUp] = useState(false)\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n useEffect(() => {\n setItem(itemData)\n }, [itemData])\n\n const handleTouchStart = (e) => {\n setTouchStart(e.targetTouches[0].clientX)\n setTouchEnd(e.targetTouches[0].clientX)\n }\n\n const handleTouchMove = (e) => {\n setTouchEnd(e.targetTouches[0].clientX)\n }\n\n const handleTouchEnd = () => {\n if (touchStart - touchEnd > 1) {\n setDisplayedBack(true)\n }\n\n if (touchStart - touchEnd < -1) {\n setDisplayedBack(false)\n }\n\n setTouchEnd(0)\n setTouchStart(0)\n }\n\n const gotoEvent = () => {\n if (item.eventTypeId == '77777')\n history.push(`/casino_live/${item.event.id}`)\n else {\n history.push(`/event-page/${itemData.eventTypeId}/${item.event.id}`)\n if (width < 1024) {\n setOpenPopUp(true)\n }\n }\n // else history.push(`/event-page/${itemData.eventTypeId}/30286579`) // event with stats and scorecard\n }\n\n useEffect(() => {\n setTimeout(() => {\n setOpenPopUp(false)\n }, 600);\n }, [openPopUp]);\n\n\n // const items = useSelector((state) => state.inplayPopular)\n\n const getOdds = () => {\n if (!item) return\n\n const status = item.market?.status\n const odds = item.market?.consolidatedRunner\n const back = odds?.back\n const lay = odds?.lay\n\n if (status && !!status.localeCompare('OPEN')) {\n return (\n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}>\n
\n \n
\n \n {/*
\n {onDidDismiss(false)}}>\n 
\n
\n \n {title}
*/}\n \n {status.toUpperCase()}
\n {\n gotoEvent()\n }}>
\n }\n\n const scoresPlayers = item.scores && item.scores.players\n const hasVideo = item.hasVideo\n return (\n \n {players.map((p, index) => (\n \n {scoresPlayers &&\n (scoresPlayers[index].batting ||\n scoresPlayers[index].serving) && (\n \n )}\n {p.name}\n \n ))}\n {hasVideo && (\n
\n )\n }\n\n const getScore = () => {\n switch (type) {\n case headerType['INPLAY']: {\n return getInplayScore()\n }\n\n case headerType['POPULAR']: {\n return getPopularScore()\n }\n\n default:\n return\n }\n }\n\n const getPopularScore = () => {\n if (!item) return\n\n const openDate = item.event && item.event.openDate\n if (!openDate) {\n return getNoScore()\n }\n\n const formattedOpenDate = getFormattedDate(\n openDate,\n timeSettings.timeZoneName\n )\n\n return (\n \n {formattedOpenDate.date}\n {formattedOpenDate.time}\n
\n )\n }\n\n const getNoScore = () => {\n const openDate = item.event && item.market.start\n if (!openDate) {\n return \n
\n }\n \n const formattedOpenDate = getFormattedDate(\n openDate,\n timeSettings.timeZoneName\n )\n return \n \n \n
\n \n
\n }\n\n const getInplayScore = () => {\n if (!item) return\n\n const scores = item.scores\n if (!scores) {\n return getNoScore()\n }\n\n switch (Number(item.eventTypeId)) {\n case 1: {\n // const penalty = scores.penalty;\n // TODO refactor\n const fulTime = Math.ceil(scores.time / 60000)\n const time = fulTime / 90 > 1 ? 90 : fulTime\n const extraTime = fulTime % 90\n\n const team1Score = scores.players[0].score\n const team2Score = scores.players[1].score\n\n return (\n \n {formattedOpenDate.date}\n {formattedOpenDate.time}\n
\n \n \n {time === 45 ? 'HT' : `${time}’`}\n \n {fulTime >= 90 && (\n \n + {extraTime}’\n \n )}\n \n {team1Score}\n {team2Score}\n \n
\n )\n }\n\n case 2: {\n const team1Won = scores.players[0].setsWon\n const team2Won = scores.players[1].setsWon\n const team1Score = scores.players[0].currentScore\n const team2Score = scores.players[1].currentScore\n return (\n \n \n {team1Won}\n {team2Won}\n \n \n {team1Score}\n {team2Score}\n \n
\n )\n }\n\n case 4: {\n const overs = scores.overs\n const target = scores.target\n const wickets = scores.wickets\n const score = scores.score\n const currentInning = scores.currentInning\n\n return (\n \n {overs} Ov\n {currentInning === 2 && Tgt {target}}\n \n {score}/{wickets}\n \n
\n )\n }\n\n case 77777: {\n return\n }\n\n case 1444001: {\n return\n }\n\n default:\n return\n }\n }\n\n const renderBetPlacing = () => {\n const status = item?.market?.status\n if (\n betPlacing.market &&\n betPlacing.market === (item && item.market && item.market.id) &&\n status &&\n !status.localeCompare('OPEN') &&\n width < 1024\n ){\n // console.log(\"item\", item, \"item.market\", item?.market, \"item.market.id\", item?.market?.id);\n\n return \n
\n {openPopUp &&\n \n
\n \n
\n {renderBetPlacing()}\n \n {getScore()}\n
\n {getName()}\n \n
\n {getOdds()}
\n \n
\n \n
\n {renderBetPlacing()}\n \n {!item?.isInPlay && (\n
\n\n \n {getScore()}\n
\n )}\n\n {getName()}\n \n
\n {getOdds()}
\n history.push(itemBanner.redirect)}>\n \n
\n )\n } else return null\n \n })\n }\n\n return (\n <>\n {eventTypeBanner}\n \n )\n}\n\nexport default connectEventTypeBanners()(EventTypeBanners)","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestPromotions } from '../../store/promotions/promotions.thunks'\n\nexport const connectEventTypeBanners = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n inplayPopular: state.inplayPopular\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestPromotions\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}","import { createSlice } from '@reduxjs/toolkit'\n\nexport const sportEventSlice = createSlice({\n name: 'sportEvent',\n initialState: {\n sportData: null,\n sportStats: null,\n sportLadder: {},\n sportVideo: null,\n sportVisualisation: null,\n ladderTitle: null,\n ladderId: null,\n ladderShow: null,\n sportDataMarkets: null,\n },\n reducers: {\n getSportEventSuccess: (state, action) => ({ ...state, sportData: action.payload }),\n getSportEventError: (state) => ({ ...state, sportData: null }),\n getSportEventMarketsSuccess: (state, action) => ({ ...state, sportDataMarkets: action.payload }),\n getSportEventMarketsError: (state) => ({ ...state, sportDataMarkets: null }),\n getSportStatsSuccess: (state, action) => ({ ...state, sportStats: action.payload }),\n getSportStatsError: (state) => ({ ...state, sportStats: null }),\n getSportLadderSuccess: (state, action) => ({ ...state, sportLadder: action.payload }),\n getSportLadderError: (state) => ({ ...state, sportLadder: {} }),\n setSportLadderTitle: (state, action) => ({ ...state, ladderTitle: action.payload }),\n setSportLadderId: (state, action) => ({ ...state, ladderId: action.payload }),\n setSportLadderShow: (state, action) => ({ ...state, ladderShow: action.payload }),\n getSportVideoSuccess: (state, action) => ({ ...state, sportVideo: action.payload }),\n getSportVideoError: (state, action) => ({ ...state, sportVideo: null }),\n getSportVisualisationSuccess: (state, action) => ({ ...state, sportVisualisation: action.payload }),\n getSportVisualisationError: (state, action) => ({ ...state, sportVisualisation: null }),\n },\n})\n\nexport const {\n getSportEventSuccess,\n getSportEventError,\n getSportStatsSuccess,\n getSportStatsError,\n getSportLadderSuccess,\n getSportLadderError,\n setSportLadderTitle,\n setSportLadderId,\n setSportLadderShow,\n getSportVideoError,\n getSportVideoSuccess,\n getSportVisualisationError,\n getSportVisualisationSuccess,\n getSportEventMarketsError,\n getSportEventMarketsSuccess,\n} = sportEventSlice.actions\n\nexport default sportEventSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport {\n getSportEventError,\n getSportEventSuccess,\n getSportStatsError,\n getSportStatsSuccess,\n getSportLadderSuccess,\n getSportLadderError,\n getSportVideoError,\n getSportVideoSuccess,\n getSportVisualisationError,\n getSportVisualisationSuccess,\n getSportEventMarketsSuccess,\n getSportEventMarketsError,\n} from './sportEvent.slice'\nimport { BASE_DEV_URL } from '../../config/api.config'\nimport axios from 'axios'\nimport jwt from \"jsonwebtoken\";\nimport { getAuthSuccess } from \"../auth/auth.slice\";\nimport { setAuthDataSuccess } from \"../auth/authData.slice\";\nimport { ID_TOKEN, TOKEN_EXP } from \"../../config/app.config\";\n\nexport const requestSportData = (eventTypeId, eventId, history) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/exchange/odds/sma-event/${eventTypeId}/${eventId}`)\n if (response.data.success) {\n if(!response?.data?.result || !response?.data?.result?.length){\n history.push(\"/default-page\")\n return\n }\n dispatch(getSportEventSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange/odds/sma-event/${eventTypeId}/${eventId}`)\n if (response.data.success) {\n if(!response?.data?.result || !response?.data?.result?.length){\n history.push(\"/default-page\")\n return\n }\n dispatch(getSportEventSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportEventError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n\nexport const requestSportDataMarkets = (eventId, id) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`exchange/odds/market/${eventId}/${id}`)\n if (response.data.success) {\n dispatch(getSportEventMarketsSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportEventMarketsError())\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange/odds/market/${eventId}/${id}`)\n if (response.data.success) {\n dispatch(getSportEventMarketsSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportEventMarketsError())\n }\n }\n}\n\nexport const requestSportStats = (eventTypeId, eventId, history) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/match-center/stats/${eventTypeId}/${eventId}`)\n if (response.data.success) {\n dispatch(getSportStatsSuccess({ ...response.data.result, eventTypeId, eventId }))\n }\n return response\n } catch (e) {\n // dispatch(getSportStatsError())\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/match-center/stats/${eventTypeId}/${eventId}`)\n if (response.data.success) {\n dispatch(getSportStatsSuccess({ ...response.data.result, eventTypeId, eventId }))\n }\n return response\n } catch (e) {\n // dispatch(getSportStatsError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n\nexport const requestSportLadder = () => async (dispatch, getState) => {\n const userId = getState().user.memberCode;\n if(userId) {\n try {\n const userId = getState().user.memberCode;\n const ladderId = getState().sportEvent.ladderId;\n const response = await httpAuth.get(`/exposure/pnl/${userId}/markets/${ladderId}/ladder`)\n if (response.data.success) {\n dispatch(getSportLadderSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportLadderError())\n }\n }\n }\n\n\n\n\n// 98788, 98792 - roulette\n// 67610 - trio\n// 67620 - queen\n// 67630 - teenpatti test\n// 98566 - sicbo\n// 67680 - trap\n// 67660 - 2 card teenpatti\n// 67600 - muflis\n// 56767 - Live Teenpatti\n// 92038 - Baccarat\n// 67570 - Bollywood Casino\n// 67575 - Casino-meter\n// 56768 - Teenpatti T20\n// 56968 , 56969 - Hi Low\n// 56966, 56967 - 32 Card Casino\n// 87564, 87565 - Andar Bahar\n// 98791, 98795 - AmarAkbarAnthony\n// 67563, 67564 - Poker\n// 67567 - Poker 20-20\n// 90100, 90101 - Race 2020\n// 92036, 92037 - Matka\n// 98789, 98793 - 7upDown\n// 98790, 98794 - Dragon Tiger\n// 67565, 67566 - Six Player Poker\n\n\nconst preparedGamesIds = [\"98788\", \"98792\", \"67610\", \"67620\", \"67630\", \"98566\", \"67680\", \"67660\", \"67600\",\n \"56767\", \"92038\", '67570', \"67575\", \"56768\", \"56968\", \"56969\", \"56966\", \"56967\",\n \"87564\", \"87565\", \"98791\", \"98795\", \"67563\", \"67564\", \"67567\", \"90100\",\n \"90101\", \"92036\", \"92037\", \"98789\", \"98793\", \"98790\", \"98794\", \"67565\", \"67566\", \"67580\" ]\nconst virtualsGamesId = [\"98792\", \"56966\", \"92036\", \"98793\", \"56766\", \"56769\", \"56969\", \"67563\", \"87565\", \"92036\", \"98795\", \"67566\", \"98794\"];\n\nexport const requestSportVideo = (eventTypeId, eventId) => async (dispatch) => {\n try {\n const response = await httpAuth.get(`/match-center/stats/${eventTypeId}/${eventId}/video`)\n if (response.data.success) {\n if (!response.data.result.config.videoId.includes(\"open.gemexch.bet\")){\n // const virtualUrl = \"https://gemexch-stream.d3t8fb5vyy9m9n.amplifyapp.com/#/sevens/wowstream/\";\n }\n\n dispatch(getSportVideoSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportVideoError())\n }\n }\n\n\nexport const requestSportVisualisation = (eventTypeId, eventId) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n if(checkAuth) {\n if(preparedGamesIds.includes(eventId) && !virtualsGamesId.includes(eventId)) {\n try {\n const response = await httpAuth.post(`/match-center/stats/d-access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n\n let data = {...response.data.result, url: response.data.result.url};\n dispatch(getSportVisualisationSuccess(data));\n\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n } else if (virtualsGamesId.includes(eventId)) {\n try {\n const response = await httpAuth.post(`/match-center/stats/d-access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n\n let data = {\n ...response.data.result,\n url: response.data.result.url\n };\n dispatch(getSportVisualisationSuccess(data));\n\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n } else {\n try {\n const response = await httpAuth.post(`/match-center/stats/access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n dispatch(getSportVisualisationSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n }\n } else {\n if(preparedGamesIds.includes(eventId) && !virtualsGamesId.includes(eventId)) {\n try {\n const response = await httpNotAuth.post(`/match-center/stats/d-access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n\n let data = {\n ...response.data.result,\n url: response.data.result.url\n };\n dispatch(getSportVisualisationSuccess(data));\n\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n } else if (virtualsGamesId.includes(eventId)) {\n try {\n const response = await httpNotAuth.post(`/match-center/stats/d-access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n\n let data = {\n ...response.data.result,\n url: response.data.result.url\n };\n dispatch(getSportVisualisationSuccess(data));\n\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n } else {\n try {\n const response = await axios.post(BASE_DEV_URL + `/open/match-center/stats/access-token`, { eventTypeId, eventId })\n if (response.data.success) {\n dispatch(getSportVisualisationSuccess(response.data.result))\n }\n return response\n } catch (e) {\n // dispatch(getSportVisualisationError())\n }\n }\n }\n\n\n}\n","import './SportPageItem.scss'\nimport React, { useEffect, useState } from 'react'\nimport { IonImg, IonItem } from '@ionic/react'\nimport OddButton from '../OddButton/oddbutton'\nimport BetPlacing from '../BetPlacing/BetPlacing'\nimport broadcastImg from '../../assets/images/inplay-broadcast-icon.svg'\nimport broadcastImg2 from '../../assets/images/inplay-logo-iconSport.svg'\nimport { headerType } from '../../helpers/InPlayPopular.helper'\nimport { getFormattedDate } from '../../helpers/date.helper'\nimport { useHistory } from 'react-router'\nimport { useDispatch, useSelector } from 'react-redux'\nimport {\n addfavoritesItem,\n clearfavoritesItem,\n addfavoritesItemPop,\n clearfavoritesItemPop,\n addfavoritesItemFuture,\n clearfavoritesItemFuture,\n addFavoritesAll,\n clearFavoritesAll,\n} from '../../store/favorites/favorites.slice'\nimport StarIcon from '../../assets/images/sideBarStar.svg'\nimport StarIconFilled from '../../assets/images/sideBarStarFilled.svg'\nimport { requestSportData } from '../../store/sportEvent/sportEvent.thunks'\n\nimport { formatTime } from '../../helpers/date.helper'\nimport { useParams } from 'react-router'\nimport { setIsOpenSport } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsSportsGroupName } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsMoreDetailed } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsEventDetailed } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsAnimatedMenu } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setSportsName } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\n\nconst SportPageItem = ({\n type,\n sportItemData,\n timeSettings,\n displayedBack,\n setDisplayedBack,\n betPlacing,\n actions,\n\n}) => {\n const history = useHistory()\n const [item, setItem] = useState(null)\n const [competition, setCompetition] = useState()\n\n const dispatch = useDispatch()\n\n const isNavigationID = useSelector(\n (state) => state.navigationHeaderMenu.navigationID\n )\n\n const isOpenSport = useSelector(\n (state) => state.navigationHeaderMenu.openSport\n )\n const sportsGroupName = useSelector(\n (state) => state.navigationHeaderMenu.sportsGroupName\n )\n\n const eventDetailed = useSelector(\n (state) => state.navigationHeaderMenu.moreDetailed\n )\n\n const altName = useSelector(\n (state) => state.navigationHeaderMenu.altName\n )\n\n const [touchStart, setTouchStart] = useState(0)\n const [touchEnd, setTouchEnd] = useState(0)\n\n const handleTouchStart = (e) => {\n setTouchStart(e.targetTouches[0].clientX)\n setTouchEnd(e.targetTouches[0].clientX)\n }\n\n const handleTouchMove = (e) => {\n setTouchEnd(e.targetTouches[0].clientX)\n }\n\n const handleTouchEnd = () => {\n if (touchStart - touchEnd > 1) {\n setDisplayedBack(true)\n }\n\n if (touchStart - touchEnd < -1) {\n setDisplayedBack(false)\n }\n\n setTouchEnd(0)\n setTouchStart(0)\n }\n\n useEffect(() => {\n setItem(sportItemData)\n }, [sportItemData])\n\n const gotoEvent = () => {\n if (item.eventTypeId == '77777'){\n history.push(`/casino_live/${item.event.id}`)\n\n } else{\n history.push(`/event-page/${sportItemData.eventTypeId}/${item.event.id}`)\n dispatch(setIsOpenSport(true))\n dispatch(setIsEventDetailed(true))\n dispatch(setIsAnimatedMenu(true))\n dispatch(setIsMoreDetailed(true))\n dispatch(setIsSportsGroupName(item.competition.name))\n dispatch(setSportsName(item.event.name))\n }\n }\n\n // console.log('item', item);\n\n\n\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n const getOdds = () => {\n if (!item) return\n\n let newOdds = {\n back: [\n {\n runner: {\n id: item?.runners[0]?.id,\n name: item?.runners[0]?.name,\n },\n price: item?.runners[0]?.back[0]?.price,\n size: item?.runners[0]?.back[0]?.size,\n line: item?.runners[0]?.back[0]?.line,\n },\n {\n runner: {\n id: item?.runners[1]?.id,\n name: item?.runners[1]?.name,\n },\n price: item?.runners[1]?.back[0]?.price,\n size: item?.runners[1]?.back[0]?.size,\n line: item?.runners[1]?.back[0]?.line,\n },\n {\n runner: {\n id: item?.runners[2]?.id || null,\n name: item?.runners[2]?.name || null,\n },\n price: item?.runners[2]?.back[0]?.price || null,\n size: item?.runners[2]?.back[0]?.size || null,\n line: item?.runners[2]?.back[0]?.line || null,\n },\n ],\n lay: [\n {\n runner: {\n id: item?.runners[0]?.id,\n name: item?.runners[0]?.name,\n },\n price: item?.runners[0]?.lay[0]?.price,\n size: item?.runners[0]?.lay[0]?.size,\n line: item?.runners[0]?.lay[0]?.line,\n },\n {\n runner: {\n id: item?.runners[1]?.id,\n name: item?.runners[1]?.name,\n },\n price: item?.runners[1]?.lay[0]?.price,\n size: item?.runners[1]?.lay[0]?.size,\n line: item?.runners[1]?.lay[0]?.line,\n },\n {\n runner: {\n id: item?.runners[2]?.id || null,\n name: item?.runners[2]?.name || null,\n },\n price: item?.runners[2]?.lay[0]?.price || null,\n size: item?.runners[2]?.lay[0]?.size || null,\n line: item?.runners[2]?.lay[0]?.line || null,\n },\n ],\n }\n\n const status = item?.status\n\n const odds = newOdds\n const back = odds?.back\n const lay = odds?.lay\n\n if (status && !!status.localeCompare('OPEN')) {\n return (\n {status.toUpperCase()}
\n \n )\n }\n\n if (width < 1024) {\n return (\n {\n gotoEvent()\n // dispatch(requestSportData(1, 155))\n }}>
\n }\n const hasVideo = item.hasVideo\n\n const startDate = new Date(item?.start)\n // console.log(item?.event?.name, startDate)\n // console.log(startDate.toISOString())\n // console.log('item', item)\n // console.log(tsToDate(startDate, timeZoneName))\n const optimizedDate = tsToDate(startDate, timeZoneName)\n\n return (\n {\n gotoEvent()\n }}>\n \n {item?.event?.name}\n \n {new Date(item?.start) > new Date() ? (\n <>\n \n {/* {startDate\n .toISOString()\n .slice(0, 10)\n .replace(/^(\\d{4}).(\\d{2}).(\\d{2})/, '$3.$2.$1')\n .replaceAll('.', '/')} */}\n {optimizedDate.slice(0, 10)}\n \n {/* {getTime()} */}\n {/* {startDate.toString().slice(16, 24)} */}\n {optimizedDate.slice(11, 20).split(':', 2).join(':')}\n \n ) : (\n \n 
In-Play\n \n )}\n \n \n\n {hasVideo && (\n
\n )\n }\n\n const renderBetPlacing = () => {\n const status = item?.status\n if (\n betPlacing.market &&\n betPlacing.market === (item && item.id) &&\n status &&\n !status.localeCompare('OPEN') &&\n width < 1024\n )\n return \n \n {history.location.pathname === '/favouritesPage' ? (\n {\n // if (item.isInPlay) {\n // dispatch(clearfavoritesItem(item))\n // } else {\n // dispatch(clearfavoritesItemFuture(item))\n // }\n dispatch(clearFavoritesAll(item?.market))\n }}\n className=\"starImg\"\n src={StarIconFilled}\n alt=\"star icon\"\n />\n ) : (\n {\n toggleStar(item)\n handleFavorite(item.event.id, item)\n }}\n className=\"starImg\"\n src={activeIcon ? StarIconFilled : StarIcon}\n alt=\"star icon\"\n />\n )}\n \n
\n )\n}\n\nexport default SportPageItem\n","import './inplayitemlist.scss'\nimport React from 'react'\nimport { useSelector } from 'react-redux';\nimport { IonList, IonListHeader } from \"@ionic/react\";\nimport InPlayItem from \"../InPlayItem/inplayitem\";\nimport { headerType } from \"../../helpers/InPlayPopular.helper\";\nimport { useHistory } from \"react-router\"\nimport EventTypeBanners from '../EventTypeBanners/EventTypeBanners'\nimport SportPageItem from '../SportPageItem/SportPageItem';\n\nconst InPlayPopularItemList = ({ type, itemHeaderData, balanceSetting, timeSettings, itemsData, displayedBack, setDisplayedBack, betPlacing }) => {\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n const getHeaderIconColor = () => {\n switch (type) {\n case headerType['INPLAY']: {\n return 'inplay-color-icon';\n }\n\n case headerType['POPULAR']: {\n return 'popular-color-icon';\n }\n\n case headerType['FUTURE']: {\n return ;\n }\n\n default: return 'popular-color-icon';\n }\n }\n\n const getHeaderIcon = () => {\n switch (itemHeaderData.id) {\n case 1: {\n return `inplay-content__logo-icon--football`\n }\n\n case 2: {\n return 'inplay-content__logo-icon--tennis'\n }\n\n case 4: {\n return 'inplay-content__logo-icon--cricket'\n }\n\n case 7: {\n return 'inplay-content__logo-icon--horse'\n }\n\n case 4339: {\n return 'inplay-content__logo-icon--greyhound'\n }\n\n case 77777: {\n return 'inplay-content__logo-icon--casino'\n }\n\n case 1444001: {\n return 'inplay-content__logo-icon--exchange-games'\n }\n\n case 2378962: {\n return 'inplay-content__logo-icon--election'\n }\n\n default: return 'inplay-content__logo-icon--exchange-games'\n }\n }\n\n const getBanner = () => {\n if (headerType['INPLAY'] == type) {\n return \n
\n \n
\n {renderBetPlacing()}\n \n {/* {!item?.isInPlay && (\n
\n\n \n {getScore()}\n
\n )} */}\n\n {getName()}\n \n
\n {getOdds()}
\n \n
\n \n \n {itemHeaderData.name}\n
\n { (itemHeaderData.id === 1 || itemHeaderData.id === 4 || (width < 1024 && itemHeaderData.id === 2) ) &&\n \n 1\n X\n 2\n
\n }\n {width > 1024 && itemHeaderData.id === 2 &&\n \n 1\n 2\n
\n }\n \n
)\n })\n\n return (\n {\n if(auth) {\n history.push(item.redirect)\n } else {\n dispatch(setLoginNew(true))\n }\n }\n }>
\n \n {\n history.push('/my-open-bets')\n }}\n >\n \n Open Bets\n \n \n {orderCount}\n \n
\n )}\n \n ) : null}\n \n {/*PP-827*/}\n {/*{getBanner(headerMap[type])}*/}\n \n )\n}\n\nexport default InPlayPopularHeader\n","import './MostPopularBanner.scss'\nimport React from 'react'\nimport { connectPromotions } from '../Promotion/Promotion.connect';\nimport MostPopularSlider from './MostPopularSlider/MostPopularSlider';\n\nconst MostPopularBanners = ({promotions}) => {\n return (\n <>\n { promotions?.popularSlidingBanners && promotions.popularSlidingBanners.length >= 1 ? \n \n \n {headerMap[type]?.title}\n \n
\n {width < 1024 ? (\n <>\n {headerMap[type]?.showBets && (\n \n
: null}\n \n )\n}\n\nexport default connectPromotions()(MostPopularBanners)\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux'\nimport './casinoGridList.scss'\nimport { IonList, IonListHeader } from \"@ionic/react\";\nimport { useHistory } from 'react-router';\nimport { headerType } from '../../helpers/InPlayPopular.helper';\nimport EventTypeBanners from '../EventTypeBanners/EventTypeBanners';\nimport { setLoginNew } from '../../store/LoginNew/loginNew.slice'\n\nconst CasinoGridList = ({ itemHeaderData, itemsData, type }) => {\n const history = useHistory();\n const auth = useSelector(\n (state) => state.auth\n )\n const dispatch = useDispatch()\n const getBanner = () => {\n if (headerType['INPLAY'] == type) {\n return \n {
\n \n
\n \n \n {itemHeaderData.name}\n
\n \n {itemsData && itemsData.map((item, index) => {\n const gotoEvent = () => {\n if(auth) {\n if (item.eventTypeId == '77777') {\n history.push(`/casino_live/${item.event.id}/${item.eventType}`)\n } else {\n history.push(`/event-page/${item.eventTypeId}/${item.event.id}`)\n }\n } else {\n dispatch(setLoginNew(true))\n }\n }\n return (\n
\n \n
\n )\n })}\n\n \n \n
\n \n
\n \n \n {/* {itemHeaderData?.name} */}\n Indian Card Games\n
\n {\n setIsDown(true)\n setStartX(e.pageX - slider.current.offsetLeft)\n setScrollLeft(slider.current.scrollLeft)\n }}\n onMouseUp={() => {\n if (isSlide) {\n setTimeout(() => setIsSlide(false), 500)\n }\n setIsDown(false)\n }}\n onMouseMove={(e) => {\n if(!isDown) return;\n e.preventDefault();\n setIsSlide(true)\n const x = e.pageX - slider.current.offsetLeft;\n const walk = (x - startX) * 3; //scroll-fast\n slider.current.scrollLeft = scrollLeft - walk;\n }}\n onMouseLeave={() => {\n setIsDown(false)\n setIsSlide(false)\n }}\n >\n {itemsData && itemsData.map((item, index) => {\n return (\n item?.image &&
\n {} : ()=> {\n // if(auth) {\n history.push(`/exchange-game-page/${item?.eventTypeId}/${item?.event?.id}`)\n // } else {\n // dispatch(setLoginNew(true))\n\n // }\n }\n }>\n
\n )\n })}\n\n \n\n
\n \n
\n )}\n \n )\n}\n\nexport default connectBetbyWidget()(BetbyWidget)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestBetbyWidgetStart, requestBetbyWidgetEnd, } from '../../store/betbyWidget/betbyWidget.thunks';\nimport { setUrlForSportbook } from '../../store/betbyWidget/urlForSportbook.slice';\n\nexport const connectBetbyWidget = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betbyWidgetLive: state.betbyWidgetLive,\n urlSportbook: state.urlSportbook,\n auth: state.auth\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestBetbyWidgetStart,\n requestBetbyWidgetEnd,\n setUrlForSportbook,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getSlotsGamesSuccess, getSlotsGamesError, mainGames, allSlots, fishingGames, bingoGames, multiplayerGames, virtualGames, scratchGames, getSlotsGamesIDSuccess, getSlotsGamesIDError, getSlotsGamesButtonsSuccess, } from './slotsGames.slice'\nimport axios from 'axios'\nimport { BASE_DEV_URL } from '../../config/api.config'\n\nexport const requestSlotsGames = () => async (dispatch, getState) => {\n const checkAuth = getState().auth\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`casino/v2/slotgames-lobby`)\n if (response.data.success) {\n dispatch(mainGames(response.data.result))\n dispatch(getSlotsGamesButtonsSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`casino/v2/slotgames-lobby`)\n if (response.data.success) {\n dispatch(mainGames(response.data.result))\n dispatch(getSlotsGamesButtonsSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n\nexport const requestSlotsGamesLobby = (id) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n \n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/casino/v2/slot-games/${id}`)\n if (response.data.success) {\n if(id === '51'){\n dispatch(allSlots(response.data.result))\n } else if (id === '52'){\n dispatch(fishingGames(response.data.result))\n } else if (id === '53'){\n dispatch(bingoGames(response.data.result))\n } else if (id === '54'){\n dispatch(multiplayerGames(response.data.result))\n } else if (id === '55'){\n dispatch(virtualGames(response.data.result))\n } else if (id === '56'){\n dispatch(scratchGames(response.data.result))\n }\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/casino/v2/slot-games/${id}`)\n if (response.data.success) {\n if(id === '51'){\n dispatch(allSlots(response.data.result))\n } else if (id === '52'){\n dispatch(fishingGames(response.data.result))\n } else if (id === '53'){\n dispatch(bingoGames(response.data.result))\n } else if (id === '54'){\n dispatch(multiplayerGames(response.data.result))\n } else if (id === '55'){\n dispatch(virtualGames(response.data.result))\n } else if (id === '56'){\n dispatch(scratchGames(response.data.result))\n }\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n\nexport const requestSlotsGamesID = (id) => async (dispatch) => {\n const token = localStorage.getItem('id_token')\n try {\n const response = await axios.get(BASE_DEV_URL + `/casino/live/table-w/${id}`, {\n headers: {\n Authorization: `${token}`,\n },\n })\n if (response.data.success) {\n // window.open(response?.data?.result?.url)\n\n dispatch(getSlotsGamesIDSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesIDError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\nexport const requestJILIGamesID = (id) => async (dispatch) => {\n const token = localStorage.getItem('id_token')\n try {\n const response = await axios.get(BASE_DEV_URL + `/casino/live/table/${id}`, {\n headers: {\n Authorization: `${token}`,\n },\n })\n if (response.data.success) {\n // window.open(response?.data?.result?.url)\n dispatch(getSlotsGamesIDSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesIDError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const slotsPopUp = createSlice({\n name: 'slotsPopUp',\n initialState: {\n isPopUpOpen: false,\n },\n reducers: {\n setIsPopUpOpen: (state, action) => ({ ...state, isPopUpOpen: action.payload }),\n },\n})\n\nexport const { \n setIsPopUpOpen, \n} = slotsPopUp.actions\n\nexport default slotsPopUp.reducer\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const sportbookLiveSlice = createSlice({\n name: 'sportbookLive',\n initialState: null,\n reducers: {\n getSportbookLiveSuccess: (state, action) => action.payload,\n getSportbookLiveError: (state) => null,\n },\n})\n\nexport const { getSportbookLiveSuccess, getSportbookLiveError } = sportbookLiveSlice.actions\n\nexport default sportbookLiveSlice.reducer\n","import http from '../../services/httpAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getSportbookLiveError, getSportbookLiveSuccess } from './sportbookLive.slice'\n\nexport const requestSportbookStart = (id = '1444005', type = \"SPORTSBOOK\") => async (dispatch) => {\n try {\n const response = await http.post(`/casino/live/session/open`, { id, type })\n if (response.data.success) {\n dispatch(getSportbookLiveSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportbookLiveError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\nexport const requestSportbookEnd = () => async (dispatch) => {\n try {\n const response = await http.post(`/casino/live/session/close`)\n if (response.data.success) {\n dispatch(getSportbookLiveSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSportbookLiveError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const slotsGamesSearchSlice = createSlice({\n name: 'slotsGamesSearch',\n initialState: null,\n reducers: {\n getSlotsGamesSearchSuccess: (state, action) => action.payload,\n getSlotsGamesSearchError: (state) => state,\n },\n})\n\nexport const {\n getSlotsGamesSearchSuccess,\n getSlotsGamesSearchError,\n} = slotsGamesSearchSlice.actions\n\nexport default slotsGamesSearchSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getSlotsGamesSearchSuccess, getSlotsGamesSearchError } from './slotsGamesSearch.slice'\n\nexport const requestSlotsGamesSearch = (name) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n \n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/casino/v2/slot-games/search?query=${name}`)\n if (response.data.success) {\n dispatch(getSlotsGamesSearchSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesSearchError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/casino/v2/slot-games/search?query=${name}`)\n if (response.data.success) {\n dispatch(getSlotsGamesSearchSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getSlotsGamesSearchError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n }\n}\n\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestSportbookStart, requestSportbookEnd } from '../../store/sportbookLive/sportbookLive.thunks';\nimport { setUrlForSportbook } from '../../store/betbyWidget/urlForSportbook.slice';\nimport { requestSportPageEvent } from '../../store/sportPageEvent/sportPageEvent.thunks';\nimport { requestInplayPopular } from '../../store/inplayPopular/inplayPopular.thunks';\nimport { requestSlotsGames } from '../../store/slotsGames/slotsGames.thunks';\nimport { requestSlotsGamesLobby } from '../../store/slotsGames/slotsGames.thunks'\nimport { requestSlotsGamesSearch } from '../../store/slotsGamesSearch/slotsGamesSearch.thunks';\nimport { requestSlotsGamesID } from '../../store/slotsGames/slotsGames.thunks';\nimport { setIsPopUpOpen } from '../../store/slotsPopUp/slotsPopUp.slice';\nimport { setLoginNew } from '../../store/LoginNew/loginNew.slice';\nimport { setQuickButtonSlots } from '../../store/slotsGames/slotsGames.slice';\n\n\nexport const connectSlotsGamesLobby = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n sportPageEvent: state.sportPageEvent,\n inplayPopular: state.inplayPopular,\n slotsGames: state.slotsGames,\n slotsGamesSearch: state.slotsGamesSearch,\n auth: state.auth,\n elementsParams: state.elementsParams,\n quickButtonSlots: state.slotsGames.quickButtonSlots,\n slotCasinoPopUp: state.slotCasinoPopUp\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSportPageEvent,\n requestInplayPopular,\n requestSlotsGames,\n requestSlotsGamesLobby,\n requestSlotsGamesSearch,\n requestSlotsGamesID,\n setIsPopUpOpen,\n setLoginNew,\n setQuickButtonSlots,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import http from '../../services/httpAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { useHistory } from 'react-router'\n\nimport axios from 'axios'\nimport { BASE_DEV_URL } from '../../config/api.config'\n\n\nexport const requestJiliSlot = (amount) => async (dispatch) => {\n const token = localStorage.getItem('id_token')\n const dataPost = [{\n line: null,\n marketId: \"7.7\",\n oddsType: null,\n price: 1,\n selectionId: 1,\n side: 1,\n totalSize: Number(amount),\n }]\n \n try {\n const response = await axios.post(BASE_DEV_URL + `/casino/live/funds/deposit`, dataPost, {\n headers: {\n Authorization: `${token}`,\n },\n })\n if (response.data.success) {\n console.log('response', response);\n }\n return response\n } catch (e) {\n // dispatch(getLiveCasinoIDError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n }\n}\n\n","import './index.scss'\nimport React, { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { useDispatch, useSelector } from 'react-redux'\nimport CloseIcon from '../../assets/images/slotsGames/crossPopUp.svg'\nimport { setIsPopUpOpen } from '../../store/slotsPopUp/slotsPopUp.slice'\nimport { requestJiliSlot } from '../../store/slotsPopUp/slotsPopUp.thunks'\nimport { requestJILIGamesID, requestSlotsGamesID } from '../../store/slotsGames/slotsGames.thunks'\nimport { getCurrencyFormatWithZeroAfterDot } from '../../helpers/getCurrencyFormat.helper'\n\nconst JiliPopUp = ({\n scrollPosition,\n item,\n }) => {\n const history = useHistory()\n const dispatch = useDispatch();\n const { balance, user } = useSelector((state) => state);\n\n const [inputValue, setInputValue] = useState('')\n\n const sendDeposit = () => {\n dispatch(requestJiliSlot(inputValue))\n let id = item?.ID ?? item?.id;\n dispatch(requestJILIGamesID(id))\n history.push(`/live_casino_slot/${id}`)\n setTimeout(\n () => {\n dispatch(setIsPopUpOpen(false))\n }, 1000)\n }\n\n return (\n \n 
\n
\n\n \n {\n if (e.currentTarget === e.target) {\n dispatch(setIsPopUpOpen(false));\n console.log('e', e);\n }\n }}>\n
\n )\n}\n\nexport default JiliPopUp;\n","import React, { useRef, useState } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport './PopularGamesGridList.scss'\nimport { IonList, IonListHeader } from \"@ionic/react\";\nimport EventTypeBanners from '../EventTypeBanners/EventTypeBanners';\nimport { headerType } from '../../helpers/InPlayPopular.helper';\nimport { requestSlotsGamesID } from '../../store/slotsGames/slotsGames.thunks'\nimport { setIsPopUpOpen } from '../../store/slotsPopUp/slotsPopUp.slice'\nimport { connectSlotsGamesLobby } from '../../pages/SlotsGamesLobby/SlotsGamesLobby.connect'\nimport JiliPopUp from '../SlotsJiliPopUp'\nimport { useHistory } from 'react-router';\n\nconst PopularGamesGridList = ({ itemHeaderData, itemsData, type, actions }) => {\n const auth = useSelector((state) => state.auth)\n const dispatch = useDispatch()\n const slider = useRef(null);\n const [isDown, setIsDown] = useState(false);\n const [isSlide, setIsSlide] = useState(false);\n const [startX, setStartX] = useState(\"\");\n const [scrollLeft, setScrollLeft] = useState(\"\");\n const [jiliGame, setJiliGame] = useState();\n const isPopUpOpen = useSelector((state) => state.slotsPopUp.isPopUpOpen)\n\n const history = useHistory()\n\n const onOpenGame = (id, item) => {\n if(auth) {\n if (id.indexOf('jili') !== -1) {\n console.log('open')\n setJiliGame(item)\n dispatch(setIsPopUpOpen(true))\n } else {\n dispatch(requestSlotsGamesID(id))\n history.push(`/live_casino_slot/${id}`)\n }\n } else {\n actions.setLoginNew(true)\n }\n }\n\n const getBanner = () => {\n if (headerType['INPLAY'] == type) {\n return \n
\n \n Transfer funds for {item?.Trans?.en}\n 
dispatch(setIsPopUpOpen(false))}/>\n
\n \n
\n To continue the game, top up your balance
\n Deposit = 15 sec, Withdrawal = 2 min after exit
\n \n
\n \n Balance {getCurrencyFormatWithZeroAfterDot(balance?.availBalance)}
\n setInputValue(e.target.value)}\n />\n \n
\n \n \n {itemHeaderData?.name}\n
\n {\n setIsDown(true)\n setStartX(e.pageX - slider.current.offsetLeft)\n setScrollLeft(slider.current.scrollLeft)\n }}\n onMouseUp={() => {\n if (isSlide) {\n setTimeout(() => setIsSlide(false), 500)\n }\n setIsDown(false)\n }}\n onMouseMove={(e) => {\n if(!isDown) return;\n e.preventDefault();\n setIsSlide(true)\n const x = e.pageX - slider.current.offsetLeft;\n const walk = (x - startX) * 3; //scroll-fast\n slider.current.scrollLeft = scrollLeft - walk;\n }}\n onMouseLeave={() => {\n setIsDown(false)\n setIsSlide(false)\n }}\n >\n {itemsData && itemsData.map((item, index) => {\n return (\n item?.ImageURL &&
\n {} : ()=> onOpenGame(item.ID, item)}>\n
\n )\n })}\n\n \n {item?.en.toLowerCase().split(\" \").map(word => word.replace(word[0], word[0].toUpperCase())).join(\" \")}\n
\n \n {/* {auth ? (\n
\n )\n )\n\n case 1444001:\n return history.location.pathname !== '/favouritesPage' ? (\n \n Are you 18+?\n
\n \n \n No\n \n \n Yes\n \n
\n\n \n \n setChecked(e.detail.checked)} color=\"success\" mode=\"md\" />\n Agree \n \n
\n KYC
\n We are committed to the highest level of security, hence require all our members to provide us with certain documentation in order to validate their accounts.
\n Please note that the identification process shall be complete before any withdrawal of funds can take place.
\n Why do I need to provide documentation?
\n There are several reasons:
\n - \n
- We are committed to providing a socially responsible platform for online gaming. All of our members must be 18 or older and we are bound by our licensing agreement to verify this. \n
- It is in our interests to guarantee maximum security on all transactions. \n
- Our payment processors and licensing agreement require that our policies are in line with international banking standards. A proven business relationship with each and every member is mandatory for the protection of all parties. \n
- By ensuring that your account details are absolutely correct, the inconvenience of 'missing payments' can be avoided. It can take weeks (and sometimes months) to trace, recall and resend using the correct information. This lengthy process also results in additional fees from our processors. \n
WHAT DOCUMENTS DO I NEED TO PROVIDE?
\n PROOF OF ID:
\n A color copy of a valid government issued form of ID (Driver's License, Passport, State ID or Military ID)
\n PROOF OF ADDRESS:
\n A copy of a recent utility bill showing your address
\n Note: If your government ID shows your address, you do not need to provide further proof of address.
\n Additional documentation might be required as the company sees fit.
\n When do I need to provide these documents?
\n Please provide these at your earliest possible convenience to avoid any delays in processing your transactions. Documents must be received before any withdrawals are executed. Under special circumstances we may require the documents before further activity (deposits and wagering) can take place on your account
\n Please understand, if we do not have the required documents on file, your pending withdrawals will be cancelled and credited back to your account. You will be notified when this happens.
\n How can I send you these documents?
\n Please scan your documents, or take a high quality digital camera picture, save the images as jpegs, then submit the files here.
\n How do I know my documents are safe with you?
\n All files are protected with the highest level of encryption at every step of the review process. All documentation received is treated with the utmost respect and confidentiality.
\n We’d like to thank you for your cooperation in helping us make our platform a safer place to play. As always, if you have any questions about this policy, or anything else, don’t hesitate to contact us using the contact us here.
\n \n \n setChecked(e.detail.checked)} color=\"success\" mode=\"md\" />\n Agree \n \n
\n Multiple Account & Bet Limit Rule Acceptance
\n Multiple Account & Bet Limit Rule Acceptance
\n Members are not permitted to hold multiple accounts. This includes holding an account with any associated site operating on the same platform as this site.
\n Where maximum bet or maximum market limits are imposed, the Site reserves to the right to void bets from accounts found to be exceeding these limits by using multiple accounts across this and any other associated sites.
\n Please confirm your acceptance and understanding of this rule.
\n \n
\n : \n
\n \n
\n \n 
\n
\n \n
\n SORRY
\n This event is currently unavailable\n Try again later\n
\n {\n actions.setIsNavigationOpen(true);\n // actions.setIsAnimatedMenu(true)\n setTimeout(() => {\n actions.setIsNavigationOpen(false);\n }, 400);\n setTimeout(() => {\n actions.setIsAnimatedMenu(false);\n }, 400);\n // actions.setIsNavigationID(item.id)\n // actions.setIsNavigationName(item.name)\n\n setOpenError(false);\n history.push(`/sports-page/`);\n }}\n >OK\n
\n \n
),\n modalRoot\n )\n}\n\nexport default BannerPopUp\n","import livecasino from '../assets/images/menu-icons/livecasino-icon.svg'\nimport sportsbook from '../assets/images/menu-icons/sportsbook-icon.svg'\nimport election from '../assets/images/menu-icons/election-icon.svg'\nimport bannerСasino from '../assets/images/banners/sport-banner-casino.png'\nimport bannerExchange from '../assets/images/banners/sport-banner-exchange.png'\nimport bannerHorse from '../assets/images/banners/sport-banner-horse.svg'\nimport bannerGreyhound from '../assets/images/banners/sport-banner-greyhound.svg'\n\n\n\nimport StarIcon from '../assets/images/sideBarStar.svg'\nimport CricketIcon from '../assets/images/sideBarCricket.svg'\nimport FootballIcon from '../assets/images/sideBarFooltball.svg'\nimport TennisIcon from '../assets/images/sideBarTennis.svg'\nimport HorseIcon from '../assets/images/sideBarHorse.svg'\nimport GreyhoundIcon from '../assets/images/sideBarGreyhound.svg'\nimport ExchangeIcon from '../assets/images/sideBarExchange.svg'\nimport SportsbookIcon from '../assets/images/sideBarSportsbook.svg'\nimport LivecasinoIcon from '../assets/images/sideBarLivecasino.svg'\nimport SlotsgamesIcon from '../assets/images/sideBarSlotsgames.svg'\n\nconst leftSideMenuMapper = {\n 'Favoutites': {\n img: '',\n },\n\n Cricket: {\n id: 4,\n name: 'Cricket',\n img: CricketIcon,\n isSvg: true,\n },\n\n Football: {\n id: 1,\n name: 'Football',\n img: FootballIcon,\n isSvg: true,\n },\n\n Tennis: {\n id: 2,\n name: 'Tennis',\n img: TennisIcon,\n isSvg: true,\n },\n\n Election: {\n id: 2378962,\n name: 'Election',\n img: election,\n isSvg: true,\n },\n\n 'Indian Card Games': {\n id: 1444001,\n name: 'Indian Card Games',\n img: ExchangeIcon,\n // banner: ExchangeIcon,\n bannerClass: 'exchange',\n isSvg: true,\n bannerLink: '/menu-event/1444001',\n },\n\n 'Casino': {\n id: 1444000,\n name: 'Live Casino',\n img: LivecasinoIcon,\n isSvg: true,\n },\n\n 'Casino Live': {\n name: 'Live Casino',\n id: 77777,\n img: \"\",\n banner: bannerСasino,\n bannerClass: 'casino',\n bannerLink: '/casino_live/1444000',\n },\n\n 'Horse Racing': {\n id: 7,\n name: 'Horse Racing',\n img: HorseIcon,\n isSvg: true,\n banner: bannerHorse,\n bannerClass: 'greyhound',\n bannerLink: '/menu-event/7',\n },\n\n 'Greyhound Racing': {\n id: 4339,\n name: 'Greyhound Racing',\n img: GreyhoundIcon,\n isSvg: true,\n banner: bannerGreyhound,\n bannerClass: 'horse',\n bannerLink: '/menu-event/4339',\n },\n\n Sportsbook: {\n id: 1444005,\n name: 'Sportsbook',\n img: sportsbook,\n isSvg: true,\n },\n\n 'Slots games': {\n id: 1444002,\n name: 'Slots games',\n img: SlotsgamesIcon,\n isSvg: true,\n },\n}\n\nexport default leftSideMenuMapper\n","import React, { useState, useEffect } from 'react'\nimport {\n IonButton,\n IonContent,\n IonInput,\n IonItem,\n IonList,\n IonPage,\n IonHeader,\n IonLabel,\n IonImg,\n} from '@ionic/react'\nimport './LeftSideMenuDesktop.scss'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport ToolbarDesktop from '../../components/ToolbarDesktop/ToolbarDesktop'\nimport leftSideMenuMapper from '../../helpers/getLeftSideMenuMapperDesktop.helper'\n// import leftSideMenuMapper from '../../helpers/getLeftSideMenuMapper.helper'\nimport { connectLeftSideMenuDesktop } from './LeftSideMenuDesktop.connect'\nimport { useHistory } from 'react-router'\nimport { goBackPages } from '../../config/app.config'\n\nimport StarIcon from '../../assets/images/sideBarStar.svg'\nimport HomepageIcon from '../../assets/images/detailedHomepage.svg'\n\nimport CricketIconWhite from '../../assets/images/detailedCricketWhite.svg'\nimport FootballIconWhite from '../../assets/images/detailedFootballWhite.svg'\nimport TennisIconWhite from '../../assets/images/detailedTennisWhite.svg'\nimport HorseIconWhite from '../../assets/images/detailedHorseWhite.svg'\nimport GreyhoundIconWhite from '../../assets/images/detailedGreyhoundWhite.svg'\nimport ExchangeIconWhite from '../../assets/images/detailedExchangeWhite.svg'\nimport SlotsgamesIcon from '../../assets/images/sideBarSlotsgames.svg'\n\nimport SubtractCricket from '../../assets/images/detailedSubtractCricket.svg'\nimport SubtractFootball from '../../assets/images/detailedSubtractFootball.svg'\nimport SubtractTennis from '../../assets/images/detailedSubtractTennis.svg'\nimport SubtractHorse from '../../assets/images/detailedSubtractHorse.svg'\nimport SubtractGreyhound from '../../assets/images/detailedSubtractGreyhound.svg'\n\nimport ArrowCricket from '../../assets/images/rightArrowCricket.svg'\nimport ArrowFootball from '../../assets/images/rightArrowFootball.svg'\nimport ArrowTennis from '../../assets/images/rightArrowTennis.svg'\nimport ArrowHorse from '../../assets/images/rightArrowHorse.svg'\nimport ArrowGreyhound from '../../assets/images/rightArrowGreyhound.svg'\nimport ArrowWhite from '../../assets/images/rightArrowWhite.svg'\nimport BlastOff from '../../assets/images/menu-icons/blastoff-icon.svg'\nimport { useSelector } from 'react-redux'\nimport { tsToDate } from '../../helpers/date.helper'\nimport { useParams } from 'react-router'\nimport menuSlice from '../../store/menu/menu.slice'\n\nconst LeftSideMenuDesktop = ({ menu, actions, timeSettings, auth, sportPageEvent, sportItemData, openSport, moreDetailed, eventDetailed, sportsName }) => {\n const history = useHistory()\n const eventID = history.location.pathname.substring(history.location.pathname.lastIndexOf('/') + 1)\n // console.log('eventID', eventID);\n\n\n // let arr = []\n // arr = menu && menu?.find((item) => item.id == oneDetailItem)?.children?.slice()\n\n const onOpenDetailedMenu = () => {\n setDetailedSideBar(!detailedSideBar)\n }\n\n const sportsGroupName = useSelector(\n (state) => state.navigationHeaderMenu.sportsGroupName\n )\n\n const {eventId} = useParams()\n\n const getMapMenu = (menuState) => {\n return menuState\n .map((menuItem) => {\n const menuHelperItem = Object.entries(leftSideMenuMapper)\n .map(([key, value]) => value)\n .find((menuItemWrapper) => menuItem.id == menuItemWrapper.id)\n return {\n ...menuItem,\n img: menuHelperItem ? menuHelperItem.img : '',\n isSvg: menuHelperItem ? menuHelperItem.isSvg : '',\n name: menuHelperItem ? menuHelperItem.name : menuItem.name,\n }\n })\n .sort((a, b) => a.sortOrder - b.sortOrder)\n }\n\n useEffect(() => {\n setMenuItemsMap(getMapMenu(menu || []))\n }, [menu])\n\n const [menuItemsMap, setMenuItemsMap] = useState([])\n const [detailedSideBar, setDetailedSideBar] = useState(false)\n const [moreDeatails, setMoreDetails] = useState(false)\n const [oneMoreDetaile, setOneMoreDetaile] = useState()\n const [oneDetailItem, setOneDetailItem] = useState()\n const [oneDetailName, setOneDetailName] = useState()\n const [sideMainMenu, setSideMainMenu] = useState(true)\n const [displayNone, setDisplayNone] = useState(false)\n const [togleActive, setTogleActive] = useState()\n const [prevGame, setPrevGame] = useState()\n const [sport, setSport] = useState(null)\n const [altName, setAltName] = useState()\n const [detailedItemName, setDetailedItemName] = useState([])\n const [itemSport, setItemSport] = useState([])\n const isNavigationOpen = useSelector(\n (state) => state.navigationHeaderMenu.isOpen\n )\n const isNavigationID = useSelector(\n (state) => state.navigationHeaderMenu.navigationID\n )\n const isNavigationName = useSelector(\n (state) => state.navigationHeaderMenu.navigationName\n )\n const isNavigationReset = useSelector(\n (state) => state.navigationHeaderMenu.navigationReset\n )\n const isAnimatedMenu = useSelector(\n (state) => state.navigationHeaderMenu.animatedMenu\n )\n\n const isOpenSport = useSelector(\n (state) => state.navigationHeaderMenu.openSport\n )\n\n const isMoreDetailed = useSelector(\n (state) => state.navigationHeaderMenu.moreDetailed\n )\n\n // console.log('menu', isAnimatedMenu);\n\n useEffect(() => {\n if (isNavigationOpen) {\n setDetailedSideBar(true)\n setTogleActive('')\n }\n }, [isNavigationOpen])\n\n useEffect(() => {\n if(isOpenSport){\n setTimeout(() => {\n onOpenDetailedMenu(!detailedSideBar)\n }, 1000)\n }\n }, [isOpenSport])\n\n // useEffect(() => {\n // if (sideMainMenu) {\n // setDisplayNone(false)\n // setTogleActive('')\n // actions.setIsOpenSport(false)\n // }\n // }, [sideMainMenu])\n\n\n useEffect(() => {\n if (isNavigationReset) {\n if (eventDetailed) {\n onMoreDetails(!eventDetailed)\n onDisplayNone(!displayNone)\n setSideMainMenu(!sideMainMenu)\n setTogleActive('')\n } else if (detailedSideBar) {\n onOpenDetailedMenu(!detailedSideBar)\n }\n }\n }, [isNavigationReset])\n \n let arr = []\n arr = menu && menu?.find((item) => item.id == oneDetailItem)?.children?.slice() \n\n useEffect(()=> {\n if(isOpenSport){\n setItemSport(arr)\n } else if(!isOpenSport) {\n setItemSport([])\n }\n }, [isOpenSport])\n\n // console.log('itemSport', itemSport);\n // console.log('isOpenSport', isOpenSport)\n \n // console.log('itemSport', itemSport);\n\n\n useEffect(() => {\n setOneDetailItem(isNavigationID)\n setOneDetailName(isNavigationName)\n // setMoreDetails(false)\n actions.setIsEventDetailed(false)\n setTogleActive('')\n }, [isNavigationID, isNavigationOpen])\n\n // console.log('one', oneDetailItem);\n\n const onMoreDetails = () => {\n // setMoreDetails(!moreDeatails)\n actions.setIsEventDetailed(!eventDetailed)\n }\n\n const onDisplayNone = () => {\n setDisplayNone(!displayNone)\n }\n\n useEffect(() => {\n setSport(sportItemData)\n }, [sportItemData])\n\n\n const getMenuItems = () => {\n return menuItemsMap.map((value, index) => {\n return (\n {\n if (e.currentTarget === e.target) {\n dispatch(setBannerPopUp(false))\n }\n }}>\n
\n \n
\n \n 
{\n if (banners?.afterLoginPopup[0]?.redirect && banners?.afterLoginPopup[0]?.redirect !== \"\") {\n if (banners?.afterLoginPopup[0]?.redirect?.startsWith(\"http\")) {\n ReactGA.event({\n label: \"Banner-Popup\",\n category: \"User-Click\",\n action: banners?.afterLoginPopup[0]?.name + \"_Banner_Popup\"\n });\n // window.open(`${banners?.afterLoginPopup[0]?.redirect}`)\n window.location.href = banners?.afterLoginPopup[0]?.redirect\n } else {\n if (e.currentTarget === e.target) {\n dispatch(setBannerPopUp(false))\n }\n history.push(banners?.afterLoginPopup[0]?.redirect)\n }\n }\n }} />\n 
{\n ReactGA.event({\n label: \"Banner-Popup\",\n category: \"Close-Banner-Popup\",\n action: banners?.afterLoginPopup[0]?.name + \"_Banner_Popup\"});\n dispatch(setBannerPopUp(false))\n\n }}/>\n
\n \n \n {\n history.push('/favouritesPage')\n onOpenDetailedMenu(false)\n setSideMainMenu(true)\n actions.setIsNavigationOpen(false)\n actions.setRenderIonContent(false)\n }}\n >\n 
\n Favourites\n
\n \n
\n\n \n \n {\n history.push('/favouritesPage')\n }}\n >\n \n \n Favourites\n \n
\n {getMenuItems()}\n {\n history.push('/casino_live/67722/FAWK')\n }}>\n 
\n BlastOff \n
\n {\n history.push('/slotsgames-lobby')\n actions.setSlotCasinoPopUp(true)\n }}>\n 
\n Slots Games \n
\n \n {\n history.push('/favouritesPage')\n onMoreDetails(!moreDetailed)\n onDisplayNone(!displayNone)\n setSideMainMenu(!sideMainMenu)\n // actions.setIsNavigationOpen(false)\n // actions.setIsAnimatedMenu(true)\n actions.setIsMoreDetailed(false)\n actions.setRenderIonContent(false)\n // actions.setIsOpenSport(false)\n }}\n >\n \n Favourites\n
\n i
}\n \n )\n }\n\n const actualBalance = () => {\n if (balance && balance.useBWallet){\n return balance.bWallet.availBalance\n } else if (balance && balance.useSWallet){\n return balance.sWallet.availBalance.toLocaleString('en-US', { minimumFractionDigits: 2 })\n } else if (balance && balance.useCWallet){\n return balance.cWallet.availBalance.toLocaleString('en-US', { minimumFractionDigits: 2 })\n } else if (balance){\n return balance.availBalance.toLocaleString('en-US', { minimumFractionDigits: 2 })\n } else {\n return '0' \n }\n }\n\n const renderAccountInfoItem = (text, value, color, valueClass = '') => {\n let additionalClass = ''\n if (color) {\n if (value > 0)\n additionalClass = 'right-side-menu__account__info__item__value--green'\n if (value < 0)\n additionalClass = 'right-side-menu__account__info__item__value--red'\n }\n return (\n \n \n {text}\n \n \n {value?.toLocaleString('en-US', { minimumFractionDigits: 2 })}\n \n
\n )\n }\n\n return (\n <>\n {auth && (\n \n {\n setIsDetailedOpen(!isDetailedOpen)\n actions.setIsDetailedBalanceOpen(!isDetailedBalanceOpen)\n }}\n >\n \n Available Credit:{' '}\n {balance && balance.useBWallet ? getCurrencyFormat(balance.bWallet.availBalance) : getCurrencyFormat(balance) && balance.useSWallet ? getCurrencyFormat(balance.sWallet.availBalance) : getCurrencyFormat(balance) && balance.useCWallet ? getCurrencyFormat(balance.cWallet.availBalance) : balance ? (balance.availBalance ? getCurrencyFormat(balance.availBalance) : '') : 0.00.toFixed(2)}\n \n \n \n
\n \n {\n \n Credit Limit:{' '}\n \n {/* {balance &&\n balance.creditLimit?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })} */}\n {balance && getCurrencyFormat(balance.creditLimit)}\n \n
\n \n Winnings:{' '}\n 0\n ? 'detailedBalance__title-sub detailedGreen'\n : 'detailedBalance__title-sub detailedRed'\n }\n >\n {/* {balance &&\n balance.totalBalance?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })} */}\n {balance && getCurrencyFormat(balance.totalBalance)}\n \n
}\n \n Available Balance:{' '}\n \n {/* {balance &&\n balance.deductedExposure?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }\n )} */}\n {balance &&\n getCurrencyFormat(balance.availBalance)}\n \n
\n \n Total Net Exposure:{' '}\n \n {/* {balance &&\n balance.deductedExposure?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }\n )} */}\n {balance &&\n getCurrencyFormat(balance.deductedExposure)}\n \n
\n\n \n {B2C && (balance?.bWallet) && \n
}\n\n {B2C && (balance?.sWallet) && {\n dispatch(setBonusPopUp(true)) \n dispatch(setWalletType('B'))}}>Bonus Wallet\n 
\n
\n \n Available Credit:\n {' '}\n {/* {balance?.bWallet?.availBalance ? balance.bWallet.availBalance.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.bWallet?.availBalance ? getCurrencyFormat(balance.bWallet.availBalance) : 0.00.toFixed(2)}\n \n \n
\n \n Net Exposure:\n 0\n ? 'detailedBalance__title-sub detailedGreen'\n : balance && balance?.bWallet?.deductedExposure < 0 ? 'detailedBalance__title-sub detailedRed'\n : 'detailedBalance__title-sub'\n }\n >{' '}\n {/* {balance?.bWallet?.deductedExposure ? balance.bWallet.deductedExposure.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.bWallet?.deductedExposure ? getCurrencyFormat(balance.bWallet.deductedExposure) : 0.00.toFixed(2)}\n \n
\n \n \n Use Bonus\n \n \n
\n \n
}\n\n {B2C && (balance?.cWallet) && {\n dispatch(setBonusPopUp(true)) \n dispatch(setWalletType('S'))}}>Sports Bonus\n \n
\n \n Available Credit:\n {' '}\n {/* {balance?.sWallet?.availBalance ? balance.sWallet.availBalance.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.sWallet?.availBalance ? getCurrencyFormat(balance.sWallet.availBalance) : 0.00.toFixed(2)}\n \n
\n \n Net Exposure:\n 0\n ? 'detailedBalance__title-sub detailedGreen'\n : balance && balance?.sWallet?.deductedExposure < 0 ? 'detailedBalance__title-sub detailedRed'\n : 'detailedBalance__title-sub'\n }\n >{' '}\n {/* {balance?.sWallet?.deductedExposure ? balance.sWallet.deductedExposure.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.sWallet?.deductedExposure ? getCurrencyFormat(balance.sWallet.deductedExposure) : 0.00.toFixed(2)}\n \n
\n \n \n Use Bonus\n \n \n
\n \n
}\n\n \n }\n\n\n{(B2C || localStorage.getItem('B2C')) && (\n <>\n\n {/*Bonus wallet => B */}\n {/* {(balance?.bWallet) && {\n dispatch(setBonusPopUp(true)) \n dispatch(setWalletType('C'))}}>Casino Bonus:\n \n
\n \n Available Credit:\n {' '}\n {/* {balance?.cWallet?.availBalance ? balance.cWallet.availBalance.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.cWallet?.availBalance ? getCurrencyFormat(balance.cWallet.availBalance) : 0.00.toFixed(2)}\n \n
\n \n Net Exposure:\n 0\n ? 'detailedBalance__title-sub detailedGreen'\n : balance && balance?.cWallet?.deductedExposure < 0 ? 'detailedBalance__title-sub detailedRed'\n : 'detailedBalance__title-sub'\n }\n >{' '}\n {/* {balance?.cWallet?.deductedExposure ? balance.cWallet.deductedExposure.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }): 0.00.toFixed(2)} */}\n {balance?.cWallet?.deductedExposure ? getCurrencyFormat(balance.cWallet.deductedExposure) : 0.00.toFixed(2)}\n \n
\n \n \n Use Bonus\n \n \n
\n dispatch(setWalletType('B'))}>\n \n
} */}\n {/*Sports bonus wallet => S */}\n \n \n )}\n\n \n \n )\n }\n \n )\n}\n\nexport default connectBalanceInformation()(BalanceInformation)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { changeWalletStatus } from '../../store/balance/balance.thunks'\nimport { setBalanceInformationHeight } from '../../store/balanceInformationHeight/balanceInformationHeight.slice'\nimport { setIsDetailedBalanceOpen } from '../../store/isDetailedBalanceOpen/isDetailedBalanceOpen.slice'\n\nexport const connectBalanceInformation = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n balance: state.balance,\n auth: state.auth,\n user: state.user,\n isDetailedBalanceOpen: state.isDetailedBalanceOpen\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n changeWalletStatus,\n setBalanceInformationHeight,\n setIsDetailedBalanceOpen,\n } \n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useState, useEffect, useRef } from 'react'\nimport './BetSettingsDesktop.scss'\nimport { IonInput} from '@ionic/react'\nimport { connectBetSettingsDesktop } from './BetSettingsDesktop.connect'\n\nconst BetSettingsDesktop = ({ user, actions }) => {\n const [checked, setChecked] = useState(\n user?.settings?.oneClickSettings?.active || false\n )\n const [activeStakeSelected, setActiveStakeSelected] = useState(\n user?.settings?.oneClickSettings?.selected || false\n )\n const [editOneclick, setEditOneclick] = useState(false)\n const [firstOneclick, setFirstOneclick] = useState(\n user?.settings?.oneClickSettings?.settings[0] || false\n )\n const [secondOneclick, setSecondOneclick] = useState(\n user?.settings?.oneClickSettings?.settings[1] || false\n )\n const [thirdOneclick, setThirdOneclick] = useState(\n user?.settings?.oneClickSettings?.settings[2] || false\n )\n const [isEditVisible, setIsEditVisible] = useState(false)\n\n const saveOneClickSettings = (withApi = false) => {\n const settings = {\n active: checked,\n selected: activeStakeSelected,\n settings: [\n parseInt(firstOneclick),\n parseInt(secondOneclick),\n parseInt(thirdOneclick),\n ],\n }\n actions.requestSaveOneClickSettings(user?.memberCode, settings, withApi)\n }\n\n const toggleOneclick = (e) => {\n setChecked(!user?.settings?.oneClickSettings?.active)\n setEditOneclick(false)\n setIsEditVisible(!isEditVisible)\n }\n const activeStakeClick = (item) => {\n if (!editOneclick && checked) {\n setActiveStakeSelected(item)\n }\n }\n const firstInputRef = useRef()\n\n useEffect(() => {\n saveOneClickSettings()\n }, [checked])\n\n useEffect(() => {\n if (activeStakeSelected !== user?.settings?.oneClickSettings?.selected)\n saveOneClickSettings(true)\n }, [activeStakeSelected])\n\n return (\n \n {renderAccountInfoItem(\n 'Available Credits:',\n balance?.bWallet?.availBalance ? balance.bWallet.availBalance : 0,\n false,\n 'bold',\n )}\n {renderAccountInfoItem(\n 'Net Exposure:',\n balance?.bWallet?.deductedExposure ? balance.bWallet.deductedExposure : 0,\n true,\n balance?.bWallet?.deductedExposure < 0 ? 'right-side-menu__account__info__item__value--red' : '',\n )}\n
\n \n \n Use Bonus\n \n \n
\n \n
\n )}\n {user.settings.oneClickSettings.active && (\n <>\n {editOneclick ? (\n \n \n \n activeStakeClick(1)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return\n setFirstOneclick(val)\n }}\n />\n activeStakeClick(2)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return\n setSecondOneclick(val)\n }}\n />\n activeStakeClick(3)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return\n setThirdOneclick(val)\n }}\n />\n
\n \n \n {!user.settings.oneClickSettings.active && (\n \n 1 Click Betting\n \n )}\n
\n {user.settings.oneClickSettings.active && (\n \n
\n )\n if (betPlacing.mtype == 'MATCH_ODDS_SB' || betPlacing.mtype == 'BOOKMAKER')\n return (\n {betPlacing.priceActual}
\n {betPlacing.line}
\n \n {getPriseFor_SB(betPlacing.market, betPlacing.priceActual)}\n
\n )\n return (\n <>\n \n changeOddRipple(event, 1)}\n mode=\"md\"\n >\n \n changeOddRipple(event, -1)}\n mode=\"md\"\n >\n \n
\n \n )\n }\n\n const renderOddTitle = () => {\n if (betPlacing.mtype == 'INNINGS_RUNS' && betPlacing.btype == 'LINE')\n return (\n \n
\n )\n return (\n Odds (H-J)
\n Runs
\n \n {betPlacing?.market ? (\n <>\n
\n \n
\n \n {betPlacing?.isBack ? 'Back' : 'Lay'}\n \n \n {`${ new Date(betPlacing?.startTime).toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' }) } ${betPlacing?.eventName.replace('${HH:mm}', '')}`}\n
\n \n {betPlacing?.runnerName}\n \n Max Market: {getCurrencyFormat(betPlacing?.maxWinPerMarket) || '5,00,000'}\n \n
\n \n \n {renderOddTitle()}\n
\n \n
\n \n {renderOdd()}\n
\n \n
\n Stake
\n \n
\n \n \n {\n if(auth) {\n if (\n Number(e.target.value) >= betPlacing?.minBet\n ) {\n actions.setStake(\n String(e.target.value).replace(\n /^([0-9]*[.,][0-9]{2})([0-9]+)$/,\n '$1'\n )\n )\n }\n else {\n Number(e.target.value) <= betPlacing?.minBet\n ? actions.setStake(String(betPlacing?.minBet)) : actions.setStake(\n String(e.target.value).replace(\n /^([0-9]*[.,][0-9]{2})([0-9]+)$/,\n '$1'\n )\n )\n }\n }\n else {\n if (Number(e.target.value) && Number(e.target.value) < 500000) {\n actions.setStake(\n String(e.target.value).replace(\n /^([0-9]*[.,][0-9]{2})([0-9]+)$/,\n '$1'\n )\n )\n } else {\n if(Number(e.target.value) > 500000) {\n actions.setStake(\n String(500000).replace(\n /^([0-9]*[.,][0-9]{2})([0-9]+)$/,\n '$1'\n ))\n }\n }\n }\n }}\n >\n
\n {betPlacing?.isBack ? 'Profit' : 'Liability'}
\n \n \n \n
\n \n \n \n {profit(2)}\n
\n \n actions.setMarket(null)}\n >
\n \n \n\n \n
\n \n {betPlacing.priceActual !== betPlacing.price &&\n (betPlacing.mtype == 'MATCH_ODDS_SB' ||\n betPlacing.mtype == 'BOOKMAKER' ||\n betPlacing.mtype == 'INNINGS_RUNS') && (\n \n {\n if(auth) increment(0)\n else incrementNotAuth(300)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[0]) : \"300\"}\n \n {\n if(auth) increment(1)\n else incrementNotAuth(500)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[1]) : \"500\"}\n \n {\n if(auth) increment(2)\n else incrementNotAuth(1000)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[2]) : \"1,000\"}\n \n {\n if(auth) {\n actions.setStake(\n balance.availBalance\n // betPlacing.maxBet > balance.availBalance\n // ? balance.availBalance\n // : betPlacing.maxBet\n )\n } else {\n incrementNotAuth(500000)\n }\n }}\n >\n MAX\n \n
\n \n {\n if(auth) increment(3)\n else incrementNotAuth(5000)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[3]) : \"5,000\"}\n \n {\n if(auth) increment(4)\n else incrementNotAuth(10000)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[4]) : \"10,000\"}\n \n {\n if(auth) increment(5)\n else incrementNotAuth(25000)\n }}\n >\n +{presetStakeSettings && presetStakeSettings.settings ? getCurrencyFormat(presetStakeSettings?.settings[5]) : \"25,000\"}\n \n actions.setStake(0)}\n >\n Clear\n
\n \n {\n actions.setPrice(betPlacing.priceActual)\n }}\n >\n Accept Changes\n \n
\n )}\n \n \n The Odds of your selection have changed\n
\n \n actions.setMarket(null)}\n >\n Remove All\n \n {auth ? (\n \n Place Bets\n \n ) : (\n {\n dispatch(setLoginNew(true))\n }}\n >\n Log In\n \n )}\n
\n \n Confirm bets before placing\n
\n \n \n ) : (\n \n Click on the odds to add selections to the betslip.\n
\n )}\n \n )\n}\n\nexport default connectDesktopBetPlacing()(DesktopBetPlacing)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setConfirmation, setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setShowBetPlacingPopover, setBetPlacingPopoverStage } from '../../store/betPlacing/betPlacing.slice'\nimport { requestSetOrder } from '../../store/betPlacing/betPlacing.thunks'\n\n\nexport const connectDesktopBetPlacing = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n auth: state.auth,\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balance: state.balance,\n sportData: state.sportEvent.sportData,\n sportPageEvent: state.sportPageEvent,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSetOrder,\n setConfirmation,\n setMarket,\n setRunner,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport { useEffect, useState } from 'react'\nimport './DesktopOpenBetsItem.scss'\nimport { tsToDate } from '../../helpers/date.helper'\nimport { useHistory } from 'react-router-dom'\nimport { getFormattedDate } from '../../helpers/date.helper'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { setInfo } from '../../store/openBets/openBets.slice'\nimport { IonInput } from '@ionic/react'\nimport { setResetUnmatched, setUnmatchedChanged } from '../../store/openBetsList/openBetsList.slice'\n\nconst DesktopOpenBetsItem = ({\n timeSettings,\n bet,\n isEvent,\n isUnmatched = false,\n cancel,\n redirect = false,\n consolidate,\n stake,\n isAverage,\n}) => {\n const history = useHistory()\n const dispatch = useDispatch()\n const setInfoDispatch = useSelector((state) => state.openBetsList.detailed)\n const [isRemovingBet, setIsRemovingBet] = useState(false);\n\n // console.log(stake);\n\n // console.log(bet);\n\n // const isInfo = useSelector((state) => state)\n\n const [unmatchedOdd, setUnmatchedOdd] = useState(bet?.price || 0)\n const [unmatchedStake, setUnmatchedStake] = useState(bet?.stake || 0)\n const resetUnmatched = useSelector((state) => state.openBetsList.reset)\n\n const ripple = (event) => {\n const elem = event.currentTarget\n\n var rect = event.target.getBoundingClientRect()\n let x = event.clientX - elem.offsetLeft\n let y = rect.height - rect.bottom + event.clientY\n let rippleElement = document.createElement('span')\n rippleElement.style.left = x + 'px'\n rippleElement.style.top = y + 'px'\n elem.appendChild(rippleElement)\n setTimeout(function () {\n rippleElement.remove()\n }, 500)\n }\n\n const changeOddRipple = (event, mod, isChanging = 1) => {\n const ev = { ...event }\n // ripple(event)\n changeOdd(mod, isChanging)\n }\n\n useEffect(() => {\n if (resetUnmatched && isUnmatched) {\n setUnmatchedOdd(bet?.price)\n setUnmatchedStake(bet?.stake)\n dispatch(setResetUnmatched(false))\n }\n }, [resetUnmatched])\n\n useEffect(() => {\n if (isUnmatched && unmatchedStake !== bet?.stake || unmatchedOdd !== bet?.price) {\n dispatch(setUnmatchedChanged(true))\n }\n \n }, [unmatchedStake, unmatchedOdd]);\n\n\n const changeOdd = (mod, isChanging = 1) => {\n let step, dec\n const odd = Number(unmatchedOdd)\n switch (true) {\n case odd < 2: {\n step = 0.01\n dec = 2\n break\n }\n case odd < 3: {\n step = 0.02\n dec = 2\n break\n }\n case odd < 4: {\n step = 0.05\n dec = 2\n break\n }\n case odd < 6: {\n step = 0.1\n dec = 2\n break\n }\n case odd < 10: {\n step = 0.2\n dec = 2\n break\n }\n case odd < 20: {\n step = 0.5\n dec = 1\n break\n }\n case odd < 30: {\n step = 1\n dec = 0\n break\n }\n case odd < 50: {\n step = 2\n dec = 0\n break\n }\n case odd < 100: {\n step = 5\n dec = 0\n break\n }\n default: {\n step = 10\n dec = 0\n }\n }\n let newVal = +(odd + step * mod * isChanging).toFixed(2)\n if (newVal < 1.01) newVal = 1.01\n else if (newVal > 1000) newVal = 1000\n else if (!Number.isInteger(newVal / step))\n newVal = newVal - (newVal % step) + step\n newVal = Number(newVal.toFixed(dec))\n setUnmatchedOdd(newVal)\n }\n\n // useEffect(() => {\n // console.log(consolidate, '2222')\n // }, [consolidate])\n\n const getPriseFor_SB = (marketId, price) => {\n return marketId && marketId.slice(marketId.length - 3) === '_SB'\n ? ((price - 1) * 100).toFixed(2).replace('.00', '')\n : price\n }\n\n const getTitle = () => {\n const isBack = bet.side == 'Back'\n const isFancy =\n bet.marketType == 'INNINGS_RUNS' && bet.marketBettingType == 'LINE'\n const text = isFancy\n ? `${bet.line} runs - ${isBack ? 'Yes' : 'No'}`\n : bet.side\n const profit = isFancy\n ? ((bet.size * bet.price) / 100).toFixed(2)\n : (bet.size * bet.price - bet.size).toFixed(2)\n //TODO: maybe change averagePrice to price ?\n const averagePrice = getPriseFor_SB(bet.marketId, bet.averagePrice)\n return profit\n }\n\n const getName = () => {\n if (bet.eventName.indexOf('${HH:mm}') != -1) {\n const formattedOpenDate = getFormattedDate(\n bet.marketTime,\n timeSettings.timeZoneName\n )\n return bet.eventName.replace(/\\${HH:mm}/, formattedOpenDate.time)\n } else {\n return bet.eventName\n }\n }\n return !isUnmatched ? (\n !isAverage ? (\n \n {!consolidate ? (\n \n {bet.marketType == 'INNINGS_RUNS' ? bet.line : bet.selectionName}\n \n ) : (\n bet.marketType === 'INNINGS_RUNS' && (\n \n {bet.line}\n \n )\n )}\n {bet.price}\n {bet.stake}\n {getTitle()}\n
\n \n {setInfoDispatch && (\n
\n \n ) : (\n <>\n {stake[0].name ? (\n \n \n Ref\n \n :{bet.apolloBetId}{' '}\n \n |\n \n \n Placed\n \n :{tsToDate(bet.betPlacedDate, timeSettings.timeZoneName)}\n
\n )}\n \n {stake[0].name}\n \n {stake[0].marketType === 'INNINGS_RUNS' && (\n \n betline\n \n )}\n Odds\n Stake\n Profit\n
\n {stake[0].odds ? (\n \n
\n ) : null}\n {stake[1].odds ? (\n \n \n {stake[0].odds}\n \n \n {stake[0].stake}\n \n \n {stake[0].profit}\n \n
\n \n
\n ) : null}\n \n ) : (\n stake.map((item) => {\n return (\n \n \n {stake[1].odds}\n \n \n {stake[1].stake}\n \n \n {stake[1].profit}\n \n
\n \n {item.marketName}\n \n \n Runs\n \n Odds\n Stake\n \n Profit\n \n
\n \n \n {item.line}\n \n \n {item.price}\n \n \n {item.stake}\n \n \n {((item.size * item.price) / 100).toFixed(2)}\n \n
\n \n \n )\n })\n )}\n \n )\n ) : (\n \n
\n \n {\n cancel(bet.apolloBetId)\n setIsRemovingBet(true) \n }}\n >\n Cancel\n
\n \n {bet.marketName}\n
\n \n {bet.selectionName}\n
\n Removing this bet...
}\n \n \n Odds\n
\n \n
\n \n actions.setPriceActual(e.detail.value)}\n onBlur={() => changeOdd(1, 0)}\n >\n
\n \n changeOddRipple(event, 1)}\n mode=\"md\"\n >\n {/* changeOddRipple(event, -1)}\n mode=\"md\"\n >\n {/*
\n -
*/}\n \n -
*/}\n \n \n
\n Stake
\n \n
\n \n \n {\n // setUnmatchedStake(\n // String(e.target.value).replace(\n // /^([0-9]*[.,][0-9]{2})([0-9]+)$/,\n // '$1'\n // )\n // )\n setUnmatchedStake(e.target.value)\n }}\n >\n
\n \n
\n {bet.side === 'Back' ? 'Profit' : 'Liability'}
\n \n
\n \n \n
\n \n {getTitle()}\n
\n \n {\n cancel(bet.apolloBetId)\n setIsRemovingBet(true)\n setTimeout(() => {\n setIsRemovingBet(false)\n }, 2500) \n }}\n >
\n \n \n \n \n )\n}\n\nexport default DesktopOpenBetsItem\n\n// { if (redirect) history.push(`/event-page/${bet.eventTypeId}/${bet.eventId}`) }}>\n// {getTitle()}\n//
\n","import React from 'react'\nimport { useEffect, useState } from 'react';\nimport './OpenBetsItem.scss';\nimport { tsToDate } from '../../helpers/date.helper'\nimport { useHistory } from \"react-router-dom\";\nimport { getFormattedDate } from '../../helpers/date.helper'\nimport { useDispatch, useSelector } from 'react-redux';\nimport { setInfo } from '../../store/openBets/openBets.slice';\n\nconst OpenBetsItem = ({\n timeSettings,\n bet,\n isEvent,\n isUnmatched = false,\n cancel,\n redirect = false,\n}) => {\n const history = useHistory()\n\n const setInfoDetailed = useSelector((state) => state.openBetsList.detailed)\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n const getPriseFor_SB = (marketId, price ) => {\n return (marketId && marketId.slice(marketId.length - 3) === '_SB' ? ((price - 1) * 100).toFixed(2).replace('.00', '') : price);\n}\n\n const getTitle = () => {\n const isBack = bet.side == 'Back'\n const isFancy = bet.marketType == \"INNINGS_RUNS\" && bet.marketBettingType == \"LINE\"\n const text = isFancy ? (`${bet.line} runs - ${isBack ? 'Yes' : 'No'}`) : (bet.side)\n const profit = isFancy ? (bet.size * bet.averagePrice / 100).toFixed(2) : (bet.size * bet.averagePrice - bet.size).toFixed(2)\n //TODO: maybe change averagePrice to price ?\n const averagePrice = getPriseFor_SB(bet.marketId, bet.averagePrice)\n // return {bet.competitionName}
\n// \n// {!isEvent &&\n//
\n// {isUnmatched && }\n// \n// {getName()}\n//
\n// }\n// \n// {bet.marketName}\n//
\n// {setInfoDetailed && \n// Placed\n// : {tsToDate(bet.betPlacedDate, timeSettings.timeZoneName)}\n//
}\n// {text} {!isFancy && bet.selectionName} for {bet.orderStatus === 'matched' ? bet.sizeMatched : bet.sizeRemaining} @ {averagePrice} {isBack ? 'to win' : 'liability'} {profit}.
\n return {text} {!isFancy && bet.selectionName} for {bet.orderStatus === 'matched' ? bet.sizeMatched : bet.sizeRemaining} @ {averagePrice} {isBack ? 'to win' : 'liability'} {profit}.
\n }\n\n const getName = () => {\n if (bet.eventName.indexOf('${HH:mm}') != -1) {\n const formattedOpenDate = getFormattedDate(bet.marketTime, timeSettings.timeZoneName)\n return bet.eventName.replace(/\\${HH:mm}/, formattedOpenDate.time)\n } else {\n return bet.eventName\n }\n }\n return width > 1024 ?\n { if (redirect) history.push(`/event-page/${bet.eventTypeId}/${bet.eventId}`) }}>\n {getTitle()}\n
\n :\n {bet.competitionName}
\n \n {!isEvent &&\n
\n {isUnmatched && }\n \n {getName()}\n
\n }\n \n {bet.marketName}\n
\n {setInfoDetailed && \n Placed\n : {tsToDate(bet.betPlacedDate, timeSettings.timeZoneName)}\n
}\n { if (redirect) history.push(`/event-page/${bet.eventTypeId}/${bet.eventId}`) }}>\n {getTitle()}\n
\n}\n\nexport default (OpenBetsItem)\n","import React, { useState, useEffect } from 'react'\nimport './OpenBetsList.scss'\nimport DesktopOpenBetsItem from '../DesktopOpenBetsItem/DesktopOpenBetsItem'\nimport { useSelector } from 'react-redux'\nimport { connectOpenBetsList } from './OpenBetsList.connect'\nimport OpenBetsItem from '../OpenBetsItem/OpenBetsItem'\nimport { tsToDate, getFormattedDate } from '../../helpers/date.helper'\nimport { formatTime } from '../../helpers/date.helper'\n\n\n\nconst OpenBetsList = ({\n timeSettings,\n bets,\n title,\n isEvent,\n redirect,\n isUnmatched,\n cancel,\n sportEventStats,\n cancelAll,\n actions,\n elementsParams\n}) => {\n const [collapsed, setCollapsed] = useState(false)\n const [isOrderedByDate, setIsOrderedByDate] = useState(false)\n const [isConsolidate, setIsConsolidate] = useState(false)\n const [isAverage, setIsAverage] = useState(false)\n const [removeAllBets, setRemoveAllBets] = useState();\n\n const setThisEventDispatch = useSelector((state) => state.openBetsList.event)\n const setUnmatchedChangedDispatch = useSelector((state) => state.openBetsList.unmatchedChanged)\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const timeZoneName = useSelector((state) => state.timeSettings.timeZoneName)\n const getZonedTime = (timezone, time) => {\n let date = time ? new Date(time) : new Date()\n if (timezone === 'system')\n date.setMinutes(date.getMinutes() + date.getTimezoneOffset())\n if (timezone === 'india')\n date.setMinutes(date.getMinutes() + date.getTimezoneOffset() + 330)\n\n return date\n }\n const tsToDate = (ts, timezone) => {\n const date = getZonedTime(timezone, ts)\n\n return `${\n date.getDate().toString().length === 1\n ? '0' + date.getDate()\n : date.getDate()\n }/${\n (date.getMonth() + 1).toString().length === 1\n ? '0' + (date.getMonth() + 1)\n : date.getMonth() + 1\n }/${date.getFullYear()} ${date.getHours()}:${formatTime(\n date.getMinutes()\n )}:${formatTime(date.getSeconds())}`\n }\n const formattedTime = (time) => {\n // const startTime = time\n const startDate = new Date(time)\n\n const optimizedDate = tsToDate(startDate, timeSettings?.timeZoneName)\n return optimizedDate.slice(11, 20).split(':', 2).join(':')\n }\n\n\n const averageBet = (bets) => {\n if (bets[0].marketType !== 'INNINGS_RUNS') {\n let name = bets[0].selectionName\n let marketType = bets[0].marketType\n let calculated = []\n let stake = 0\n let stakeLay = 0\n let odd = []\n let oddLay = []\n let profit = 0\n let profitLay = 0\n bets.map((oneBet, index) => {\n if (oneBet.side === 'Lay') {\n stakeLay = stakeLay + oneBet.stake\n oddLay.push(oneBet.price)\n } else {\n stake = stake + oneBet.stake\n odd.push(oneBet.price)\n }\n })\n // for (let i = 0; i < odd.length; i++){\n // odd =\n // }\n let averageOdd =\n (odd.reduce((a, b) => a + b, 0) / odd.length).toFixed(2) * 1\n let averageOddLay =\n (oddLay.reduce((a, b) => a + b, 0) / oddLay.length).toFixed(2) * 1\n\n profit = (stake * averageOdd - stake).toFixed(2) * 1\n profitLay = (stakeLay * averageOddLay - stakeLay).toFixed(2) * 1\n\n return (calculated = [\n {\n stake: stake,\n odds: averageOdd,\n profit: profit,\n name: name,\n marketType: marketType,\n },\n {\n stake: stakeLay,\n odds: averageOddLay,\n profit: profitLay,\n name: name,\n marketType: marketType,\n },\n ])\n // console.log(stake);\n } else {\n let inningArr = []\n bets.map((item) => {\n inningArr.push(item)\n })\n return inningArr\n }\n }\n\n\n return ( width < 1024 ? \n {!isEvent &&\n
\n {isUnmatched && }\n \n {getName()}\n
\n }\n \n {bet.marketName}\n
\n \n Placed\n : {tsToDate(bet.betPlacedDate, timeSettings.timeZoneName)}\n
\n setCollapsed(!collapsed)}>\n {title}\n \n
\n {!collapsed && \n {Object.keys(bets).length > 0\n ? Object.keys(bets).map((group) =>\n bets[group].markets.map((market) =>\n market.selections.map((selection) =>\n selection.map((item, index) =>
}\nYou have no {title}
\n }\n \n {\n cancelAll()\n setRemoveAllBets(true)\n setTimeout(() => {\n setRemoveAllBets(false)\n },2500)\n }}\n >\n Cancel all\n \n {actions.setResetUnmatched(true)\n actions.setUnmatchedChanged(false)\n }}\n >\n Reset\n \n
\n )}\n\n \n {\n setIsConsolidate(!isConsolidate)\n setIsAverage(false)\n setIsOrderedByDate(false)\n }}\n >\n
\n \n Consolidate\n \n \n \n {!collapsed && (\n
\n \n ))}\n \n )\n )\n ) : (\n \n {Object.keys(bets).find(\n (group) => bets[group]?.eventId === sportEventStats?.eventId\n ) ? (\n Object.keys(bets).map(\n (group) =>\n bets[group]?.eventId === sportEventStats?.eventId && (\n
\n ))\n ) : (\n \n \n {market.selections.map((selection, index) => {\n // averageBet(selection)\n return (\n <>\n {!isAverage ? (\n selection.map((item, index) => (\n
\n \n )}\n \n {bets[group]?.name}\n
\n {bets[group].markets.map((market) => (\n \n {!isConsolidate &&\n market.marketType == 'INNINGS_RUNS' &&\n !isAverage && (\n
\n )}\n \n {market.name}\n
\n )}\n {!isConsolidate && !isAverage && !isUnmatched && (\n \n \n {market.marketType == 'INNINGS_RUNS'\n ? 'Runs'\n : market.name}\n
\n \n Odds\n
\n \n Stake\n
\n \n Profit/Liability\n
\n \n {isConsolidate && index === 0 && (\n <>\n \n {market.marketType ==\n 'INNINGS_RUNS' && (\n \n {market.marketType ==\n 'INNINGS_RUNS'\n ? 'Runs'\n : market.name}\n
\n )}\n \n {item.selectionName}\n
\n \n Odds\n
\n \n Stake\n
\n \n Profit/Liability\n
\n \n
\n )}\n \n )\n })}\n \n You have no {title} for\n this event\n
\n )}\n \n )}\n \n ) : (\n // Default\n \n {!collapsed && (\n
\n \n ))}\n \n ))\n ) : (\n \n {isUnmatched && removeAllBets && \n
\n ))\n ) : (\n Removing all bets....
\n }\n {Object.keys(bets).length > 0 ? (\n Object.keys(bets).map((group) => (\n \n \n {market.selections.map((selection, index) => {\n // averageBet(selection)\n return (\n <>\n {!isAverage ? (\n selection.map((item, index) => (\n
\n \n )}\n \n {`${tsToDate(new Date(bets[group]?.marketTime), timeZoneName)?.slice(11, 20)?.split(':', 2)?.join(':')} ${bets[group]?.name.replace('${HH:mm}', '')}`}\n
\n {bets[group].markets.map((market) => (\n \n {!isConsolidate &&\n market.marketType == 'INNINGS_RUNS' &&\n !isAverage && (\n
\n )}\n \n {market.name}\n
\n )}\n {!isConsolidate && !isAverage && !isUnmatched && (\n \n \n {market.marketType == 'INNINGS_RUNS'\n ? 'Runs'\n : market.name}\n
\n \n Odds\n
\n \n Stake\n
\n \n Profit/Liability\n
\n \n {isConsolidate && index === 0 && (\n <>\n \n {market.marketType ==\n 'INNINGS_RUNS' && (\n \n {market.marketType ==\n 'INNINGS_RUNS'\n ? 'Runs'\n : market.name}\n
\n )}\n \n {item.selectionName}\n
\n \n Odds\n
\n \n Stake\n
\n \n Profit/Liability\n
\n \n
\n )}\n \n )\n })}\n \n You have no {title}\n
\n )}\n \n )}\n \n )}\n\n \n \n
\n \n \n // {/* */}\n )}\n \n )\n}\n\nexport default connectEditStakesPopUp()(EditStakesPopUp)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { \n requestSaveOneClickSettings,\n requestSaveMobileStakesExchangeGameSettings,\n requestSaveMobileStakesSettings,\n requestSaveStakesSettings\n } from '../../../store/user/user.thunks';\nimport { setIsOpen } from '../../../store/editStakesPopUp/editStakesPopUp.slice';\n\nexport const connectEditStakesPopUp = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n user: state.user,\n balanceInformationHeight: state.balanceInformationHeight,\n isDetailedBalanceOpen: state.isDetailedBalanceOpen\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSaveOneClickSettings,\n requestSaveMobileStakesExchangeGameSettings,\n requestSaveMobileStakesSettings,\n requestSaveStakesSettings,\n setIsOpen,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { connectBetSlipDesktop } from './BetSlipDesktop.connect'\nimport DesktopBetPlacing from '../DesktopBetPlacing/DesktopBetPlacing'\nimport OpenBets from '../OpenBets/OpenBets'\nimport EditStakesPopUp from './EditStakesPopUp/EditStakesPopUp'\n\nimport './BetSlipDesktop.scss'\n\nconst BetSlipDesktop = ({\n betPlacing,\n actions,\n openBets,\n auth\n}) => {\n const [isOpenBets, setIsOpenBets] = useState(false)\n const [isThisEvent, setIsThisEvent] = useState(\n localStorage.getItem('page')?.indexOf('event-page') < 0 ? false : true\n )\n const setInfoDispatch = useSelector((state) => state.openBetsList.detailed)\n const setThisEventDispatch = useSelector((state) => state.openBetsList.event)\n const isPopUpOpenDispatch = useSelector(\n (state) => state.editStakesPopUp.isOpen\n )\n\n useEffect(() => {\n if (!isThisEvent) {\n actions.setThisEvent(false)\n }\n }, [isOpenBets])\n\n useEffect(() => {\n setIsOpenBets(false)\n }, [betPlacing])\n\n useEffect(() => {\n if (!betPlacing.betPlacingPopoverStage2) {\n setIsOpenBets(true)\n\n }\n }, [betPlacing.betPlacingPopoverStage2])\n\n useEffect(() => {\n setIsThisEvent(localStorage.getItem('page')?.indexOf('event-page') < 0 ? false : true)\n }, [isOpenBets])\n\n return (\n <>\n \n 30 \n ? { top: `${balanceInformationHeight + 118}px`} \n : {}}\n onClick={(e) => {\n if (e.currentTarget === e.target) {\n actions.setIsOpen(!isPopUpOpenDispatch)\n }\n }}\n >\n {\n saveMobileStakesSettings()\n actions.setIsOpen(!isPopUpOpenDispatch)\n }}\n className=\"pushable\"\n >\n \n \n Save\n \n {/* {\n saveMobileStakesSettings()\n actions.setIsOpen(!isPopUpOpenDispatch)\n }}\n class=\"editStakesPopUp__btn\"\n // mode=\"md\"\n >\n Save\n */}\n
\n }\n \n \n
\n {\n \n handleInputStake(e, 0)}\n />\n handleInputStake(e, 1)}\n />\n handleInputStake(e, 2)}\n />\n
\n \n handleInputStake(e, 3)}\n />\n handleInputStake(e, 4)}\n />\n handleInputStake(e, 5)}\n />\n
\n \n actions.setIsOpen(!isPopUpOpenDispatch)}\n >\n Cancel\n
\n \n
\n \n Betslip\n
\n \n setIsOpenBets(true)}\n >\n Open Bets\n
\n \n setIsOpenBets(false)}\n >\n Betslip\n
\n \n {isOpenBets ? (\n <>\n
\n \n {\n // setIsBetInfo(!isBetInfo);\n // console.log(isBetInfo);\n // dispatch(setInfoDetailed(!setInfoDispatch))\n actions.setInfoDetailed(!setInfoDispatch)\n }}\n >\n
\n \n Show bet Info\n \n \n //
\n\n \n // history.push('/rules_regs')}>\n // Rules\n // \n // Regulations\n // \n // \n // 2016-2022 \n // {version && v. {version}}\n //
\n // \n {/*{*/}\n {/* \n
\n )\n}\n\nexport default WhatsappBanner\n","import React, { useEffect, useState } from 'react'\nimport { useHistory } from 'react-router'\nimport { BASE_DEV_URL } from '../../config/api.config'\nimport { ID_TOKEN } from '../../config/app.config'\nimport axios from 'axios'\nimport \"./index.css\"\n\nexport default function Card({ expired, x, activeBonusAvailable }) {\n const [activeBonus, setActiveBonus] = useState(false)\n const [claimed, setClaimed] = useState(false)\n const [activated, setActivated] = useState(false)\n const [loading, setloading] = useState(false)\n\n const [info, setInfo] = useState(null)\n useEffect(() => {\n if (x?.ACTIVATION_DATE && x?.EXPIRY_DATE) {\n setActiveBonus(true)\n }\n }, [])\n function getInfo(promoCode) {\n axios\n .get(`${BASE_DEV_URL}/account/promo/details?promoCode=${promoCode}`, {\n headers: {\n Authorization: localStorage.getItem(`${ID_TOKEN}`),\n },\n })\n .then(function (response) {\n console.log(response)\n // setShowInfo(true)\n setInfo(response.data.result)\n })\n .catch(function (error) {\n console.log(error)\n })\n }\n function claimBonus(bonusId) {\n setloading(true)\n axios\n .get(`${BASE_DEV_URL}/account/bonus/claim?bonus_id=${bonusId}`, {\n headers: {\n Authorization: localStorage.getItem(`${ID_TOKEN}`),\n },\n })\n .then(function (response) {\n console.log(response)\n localStorage.setItem('bonusClaimedId', bonusId)\n setloading(false)\n setClaimed(true)\n })\n .catch(function (error) {\n console.log(error)\n })\n }\n function activateBonus(bonusId) {\n setloading(true)\n axios\n .get(`${BASE_DEV_URL}/account/bonus/activate?bonus_id=${bonusId}`, {\n headers: {\n Authorization: localStorage.getItem(`${ID_TOKEN}`),\n },\n })\n .then(function (response) {\n console.log(response)\n localStorage.setItem('bonusActivatedId', bonusId)\n setloading(false)\n setActivated(true)\n })\n .catch(function (error) {\n console.log(error)\n })\n }\n useEffect(() => {\n const activatedId = localStorage.getItem('bonusActivatedId') * 1\n console.log(activatedId, x?.BONUS_ID)\n if (activatedId && activatedId === x?.BONUS_ID) {\n setActivated(true)\n }\n }, [])\n function createMarkup(promo) {\n try {\n if (typeof promo === 'string') {\n return { __html: promo?.replaceAll('\\\\n', '') }\n } else return { __html: '' }\n } catch (e) {\n console.log(e)\n }\n }\n useEffect(() => {\n const claimedId = localStorage.getItem('bonusClaimedId') * 1\n console.log(claimedId, x?.BONUS_ID)\n if (claimedId && claimedId === x?.BONUS_ID) {\n setClaimed(true)\n }\n }, [])\n\n function timeRemaining(time) {\n var date = new Date()\n var now = date.getTime()\n var deadline = new Date(time).getTime()\n var t = deadline - now\n var days = Math.floor(t / (1000 * 60 * 60 * 24))\n var hours = Math.floor((t / (1000 * 60 * 60)) % 24)\n var mins = Math.floor((t / 1000 / 60) % 60)\n return `${days}days ${hours}hrs ${mins}mins left`\n }\n \n return (\n <>\n */}\n {/*
\n\n\n );\n};\n\nexport default connectFooterDesktop()(FooterDesktop);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestChangePassword } from '../../store/user/user.thunks'\nimport { setIsNavigationOpen, setIsNavigationID, setIsNavigationName } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice';\n\n\nexport const connectFooterDesktop = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n menu: state.menu,\n version: state.version,\n inplayPopular: state.inplayPopular\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setIsNavigationOpen,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './WhatsappBanner.scss'\nimport whatsappIcon from '../../assets/images/whatsappBanner/whatsapp.png'\nimport ReactGA from \"react-ga4\";\nconst WhatsappBanner = (link) => {\n return (\n */}\n {/*
*/}\n {/*}*/}\n\n {/**/}\n {/*
*/}\n\n\n\n {/**/}\n {/* */}\n {/* */}\n {/* Introduction*/}\n {/* */}\n {/*
*/}\n {/* */}\n {/* */}\n {/* How to register*/}\n {/* */}\n {/*
*/}\n {/* */}\n {/* */}\n {/* How to deposit*/}\n {/* */}\n {/*
*/}\n {/* */}\n {/* */}\n {/* How to use bonus*/}\n {/* */}\n {/*
*/}\n {/**/}\n {/* */}\n {/*
*/}\n {/**/}\n */}\n {/* WHATSAPP NOW!*/}\n {/*
*/}\n {/* \n
\n \n
\n \n \n 
\n
\n \n {CONFIG.appName} is a limited liability company incorporated under the laws\n of Curacao\n Players are requested not to contact any untrusted sources for {CONFIG.appName} accounts as this is an\n online site and they can only register independently without any agents. Only deposit through the account\n details generated by the system or provided by our official support team.\n
\n\n
\n \n 
\n 
\n 
\n 
\n 
\n\n 
\n {/*
*/}\n {/*
*/}\n {/*
*/}\n {/*
*/}\n {/*
*/}\n
\n \n {/*
\n\n */}\n {/* /!**!/*/}\n {/* /!* {CONFIG.mobiNumber}*!/*/}\n {/* /!**!/*/}\n\n {/* /!*{CONFIG.youtube ? (*!/*/}\n {/* /!* *!/*/}\n {/* /!* {CONFIG.youtube}*!/*/}\n {/* /!* *!/*/}\n {/* /!*) : null}*!/*/}\n {/* */}\n {/* */}\n\n {/* */}\n {/* {CONFIG.instagram}*/}\n {/* */}\n\n {/* */}\n {/* {CONFIG.telegram}*/}\n {/* */}\n {/* /!**!/*/}\n {/* /!* {CONFIG.facebook}*!/*/}\n {/* /!**!/*/}\n {/* /!**!/*/}\n {/* /!* {CONFIG.email}*!/*/}\n {/* /!**!/*/}\n {/*
*/}\n {/**/}\n {/* { setIsRulesVisible(true) }}>FAQ*/}\n {/*
*/}\n \n history.push(\"/rules_regs\")}>\n Rules\n \n Regulations\n \n \n 2016-2022 \n {version && v. {version}}\n
\n \n
We have a\n dedicated agent assigned for you.\n \n \n
\n New
{' '}\n \n Easily Deposit and Withdraw from WhatsApp. We have a\n dedicated agent assigned for you.\n \n \n
\n
\n )}\n\n \n Expired\n
\n \n \n {x?.promoDetails?.tagLine}\n \n
\n\n {activeBonus ? (\n \n Current wagered amount ₹\n {x.BONUS_ID === x.wagered?.bonusId ? x?.wagered?.totalWagered : 0}\n \n ) : (\n \n Bonus Amount ₹{x?.AMOUNT}\n \n )}\n {activeBonus && (\n \n \n
\n )}\n \n {activeBonus && !claimed && !x.wagered?.claimAvailable && (\n \n {x.BONUS_ID === x.wagered?.bonusId\n ? (\n (x?.wagered?.totalWagered * 100) /\n x?.wagered?.wageredCap\n ).toFixed('0')\n : '0'}\n %\n \n )}\n {activeBonus ? (\n claimed ? (\n \n Amount has been claimed successfully it will be credited to your\n account soon\n
\n ) : (\n \n {x.BONUS_ID === x.wagered?.bonusId &&\n x.wagered?.claimAvailable ? (\n claimBonus(x?.BONUS_ID)}\n className=\"deposit-claim\"\n >\n {loading && (\n \n
\n ) : (\n <>\n \n 0\n
\n \n )}\n \n )\n ) : activeBonusAvailable ? (\n \n \n
\n \n {x.BONUS_ID === x.wagered?.bonusId\n ? x?.wagered?.wageredCap\n : ' 100%'}\n \n \n \n Claim activated bonus to activate this bonus\n \n
\n ) : activated ? (\n \n
\n ) : (\n \n Bonus activated successfully changes will be reflected soon!\n
\n \n \n Valid {x?.promoDetails?.validity} days after activation\n \n activateBonus(x?.BONUS_ID)}\n className=\"bonuses-active-now-bonus\"\n >\n Activate Now\n
\n \n )}\n \n \n {info && (\n \n
\n )}\n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { useHistory } from 'react-router'\nimport { BASE_DEV_URL } from '../../config/api.config'\nimport { ID_TOKEN } from '../../config/app.config'\nimport axios from 'axios'\nimport Card from './Card'\nimport { IonContent, IonHeader, IonPage, useIonViewDidEnter } from \"@ionic/react\";\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport './index.css'\n\nconst width = window.innerWidth\n\n// const info = [\n// {\n// BONUS_ID: 2307161949134290,\n// PROMO_CODE: 'TST_V_5',\n// AMOUNT: 400,\n// ISSUE_DATE: '2023-07-16T19:49:13.429',\n// ACTIVATION_DATE: null,\n// EXPIRY_DATE: null,\n// REWARD_DATE: null,\n// COMMENT: 'bonus',\n// STS_ID: 10,\n// wagered: {},\n// promoDetails: {\n// promoCode: 'UNIC100',\n// promoType: 'DEPOSIT',\n// tagLine: 'Get 100% UPTO ₹3000 Bonus (Min Deposit 1000)',\n// 'short-info': 'Play for win, only on Uniconbet',\n// wageredCap: 60000,\n// perMarketCap: 3000,\n// minDeposit: 1000,\n// wageringMultiplier: 20,\n// evolutionMultiplier: 0.05,\n// evolutionPerMarketMultiplier: 1,\n// teenpattiMultiplier: 0.05,\n// teenpattiPerMarketMultiplier: 1,\n// exchangeMultiplier: 1,\n// exchangePerMarketMultiplier: 1,\n// fancyMultiplier: 0,\n// fancyPerMarketMultiplier: 0,\n// validity: 7,\n// promoIcon:\n// 'https://www.veloceinternational.com/wp-content/uploads/2021/07/image1-11.jpeg',\n\n// promoImageUrl: 'https://lotusbookgaming.com/gstatic/B2C/aurapromo1.jpg',\n// info: '',\n// },\n// },\n// {\n// BONUS_ID: 2307161949263000,\n// PROMO_CODE: 'TST_V_5',\n// AMOUNT: 600,\n// ISSUE_DATE: '2023-07-16T19:49:26.3',\n// ACTIVATION_DATE: '2023-07-16T19:55:39.099',\n// EXPIRY_DATE: '2023-07-23T19:55:39',\n// REWARD_DATE: null,\n// COMMENT: 'bonus',\n// STS_ID: 20,\n// wagered: {\n// loginName: '120000000',\n// memberCode: 'T1010101M0E',\n// balance: 0.91,\n// txnNo: 8,\n// bonusAmount: 365,\n// promoCode: 'TST_V_5',\n// wageredCap: 4500,\n// bonusTxnDate: '2023-05-28T17:57:20.13',\n// bonusStatus: 20,\n// avgOdds: 0,\n// sportsWagered: 1095,\n// casinoWagered: 0,\n// teenpattiWagered: 0,\n// totalWagered: 1095,\n// },\n// promoDetails: {\n// promoCode: 'UNIC100',\n// promoType: 'DEPOSIT',\n// tagLine: 'Get 100% UPTO ₹3000 Bonus (Min Deposit 1000)',\n// 'short-info': 'Play for win, only on Uniconbet',\n// wageredCap: 60000,\n// perMarketCap: 3000,\n// minDeposit: 1000,\n// wageringMultiplier: 20,\n// evolutionMultiplier: 0.05,\n// evolutionPerMarketMultiplier: 1,\n// teenpattiMultiplier: 0.05,\n// teenpattiPerMarketMultiplier: 1,\n// exchangeMultiplier: 1,\n// exchangePerMarketMultiplier: 1,\n// fancyMultiplier: 0,\n// fancyPerMarketMultiplier: 0,\n// validity: 7,\n// promoIcon:\n// 'https://www.veloceinternational.com/wp-content/uploads/2021/07/image1-11.jpeg',\n\n// promoImageUrl: 'https://lotusbookgaming.com/gstatic/B2C/aurapromo1.jpg',\n// info: '',\n// },\n// },\n// {\n// BONUS_ID: 2307161949263000,\n// PROMO_CODE: 'TST_V_5',\n// AMOUNT: 600,\n// ISSUE_DATE: '2023-07-16T19:49:26.3',\n// ACTIVATION_DATE: '2023-07-16T19:55:39.099',\n// EXPIRY_DATE: '2023-07-23T19:55:39',\n// REWARD_DATE: null,\n// COMMENT: 'bonus',\n// STS_ID: 30,\n// wagered: {\n// loginName: '120000000',\n// memberCode: 'T1010101M0E',\n// balance: 0.91,\n// txnNo: 8,\n// bonusAmount: 365,\n// promoCode: 'TST_V_5',\n// wageredCap: 4500,\n// bonusTxnDate: '2023-05-28T17:57:20.13',\n// bonusStatus: 20,\n// avgOdds: 0,\n// sportsWagered: 1095,\n// casinoWagered: 0,\n// teenpattiWagered: 0,\n// totalWagered: 1095,\n// },\n// promoDetails: {\n// promoCode: 'UNIC100',\n// promoType: 'DEPOSIT',\n// tagLine: 'Get 100% UPTO ₹3000 Bonus (Min Deposit 1000)',\n// 'short-info': 'Play for win, only on Uniconbet',\n// wageredCap: 60000,\n// perMarketCap: 3000,\n// minDeposit: 1000,\n// wageringMultiplier: 20,\n// evolutionMultiplier: 0.05,\n// evolutionPerMarketMultiplier: 1,\n// teenpattiMultiplier: 0.05,\n// teenpattiPerMarketMultiplier: 1,\n// exchangeMultiplier: 1,\n// exchangePerMarketMultiplier: 1,\n// fancyMultiplier: 0,\n// fancyPerMarketMultiplier: 0,\n// validity: 7,\n// promoIcon:\n// 'https://www.veloceinternational.com/wp-content/uploads/2021/07/image1-11.jpeg',\n// promoImageUrl: 'https://lotusbookgaming.com/gstatic/B2C/aurapromo1.jpg',\n// info: '',\n// },\n// },\n// ]\n\nexport default function Bonuses() {\n const history = useHistory()\n const [bonuses, setBonuses] = useState([])\n const [activeBonuses, setActiveBonuses] = useState([])\n const [awaitingBonuses, setAwaitingBonuses] = useState([])\n const [expiredBonuses, setExpiredBonuses] = useState([])\n\n const gotoEvent = () => {\n console.log('clicked')\n\n history.push('/')\n }\n\n useIonViewDidEnter(() => {\n const token = localStorage.getItem(`${ID_TOKEN}`)\n\n console.log('mounted')\n token &&\n axios\n .get(`${BASE_DEV_URL}/account/bonuses?bonusType=all`, {\n headers: {\n Authorization: token,\n },\n })\n .then(function (response) {\n console.log(response)\n setBonuses(response.data.result)\n response.data.result.length !== 0 &&\n setActiveBonuses(response.data.result.filter(a => a.STS_ID === 20))\n setExpiredBonuses(response.data.result.filter(a => a.STS_ID === 30))\n setAwaitingBonuses(response.data.result.filter(a => a.STS_ID === 10))\n // response.data.result.map((bonus) => {\n // if (bonus.STS_ID === 20) {\n // setActiveBonuses((prev) => [...prev, bonus])\n // } else if (bonus.STS_ID === 30) {\n // setExpiredBonuses((prev) => [...prev, bonus])\n // } else if (bonus.STS_ID === 10) {\n // setAwaitingBonuses((prev) => [...prev, bonus])\n // }\n // })\n })\n .catch(function (error) {\n console.log(error)\n })\n // info.map((bonus) => {\n // if (bonus.STS_ID === 20) {\n // setActiveBonuses((prev) => [...prev, bonus])\n // } else if (bonus.STS_ID === 30) {\n // setExpiredBonuses((prev) => [...prev, bonus])\n // } else if (bonus.STS_ID === 10) {\n // setAwaitingBonuses((prev) => [...prev, bonus])\n // }\n // })\n })\n\n return (\n \n setInfo(null)}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n className=\"info-close-icon\"\n >\n
\n\n \n \n \n
\n \n {/* {\n ReactGA.event({\n label: \"HP_Bonus_Button\",\n category: \"User-Click\",\n action: \"Your_Bonuses\"\n });\n gotoEvent(e)\n }}\n className=\"you-bonus-wrrap\"\n >\n \n Your Bonuses\n \n
\n */}\n
\n \n \n )\n}\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router\";\nimport { BASE_DEV_URL } from \"../../config/api.config\";\nimport { ID_TOKEN } from \"../../config/app.config\";\nimport axios from \"axios\";\nimport Card from \"./Card\";\nimport { useIonViewDidEnter, useIonViewWillEnter } from \"@ionic/react\";\nimport \"./index.css\";\nimport { getWidth } from \"react-slick/lib/utils/innerSliderUtils\";\nimport ReactGA from \"react-ga4\";\n\nfunction BonusBanner() {\n const history = useHistory();\n\n const [activeBonus, setActiveBonus] = useState(null);\n\n const gotoEvent = (e) => {\n e.preventDefault();\n console.log(\"clicked\");\n\n history.push(\"/bonuses\");\n };\n\n const getBonuses = () => {\n const token = localStorage.getItem(`${ID_TOKEN}`);\n if(token != null){\n axios.get(`${BASE_DEV_URL}/account/bonuses?bonusType=alive`, {\n headers: {\n Authorization: token\n }\n })\n .then(function(response) {\n console.log(response);\n if (response.data.success) {\n if (response.data.result.length !== 0) {\n const temp = response.data.result.filter(\n (bonus) => bonus.STS_ID === 20\n );\n temp.length !== 0\n ? setActiveBonus(temp[0])\n : setActiveBonus(response.data.result[0]);\n }\n }\n })\n .catch(function(error) {\n console.log(error);\n });\n } else {\n setTimeout(() => {\n getBonuses();\n }, 3000);\n }\n\n };\n\n // useEffect(() => {\n // if (width >=1024;\n // )\n // {\n // token = localStorage.getItem(\"id_token\");\n // paymentGateways();\n // }\n // }, []);\n\n useEffect(() => {\n getBonuses();\n },[]);\n\n return (\n activeBonus && (\n <>\n \n
\n {/* \n Active bonus\n */}\n \n {/* \n
\n\n {/* \n ₹400\n \n \n Total rewards\n */}\n \n {activeBonuses?.map((x, index) => (\n
\n \n */}\n {awaitingBonuses?.map((x, index) => (\n
\n \n */}\n {expiredBonuses?.map((x, index) => (\n
\n \n
\n {/* {JSON.stringify(activeBonus)}
*/}\n \n )\n )\n}\n\nexport default BonusBanner\n","import React, { useEffect, useState } from 'react'\nimport { IonContent, IonHeader, IonPage } from '@ionic/react'\nimport {\n clearIntervalAsync,\n setIntervalAsync,\n} from 'set-interval-async/dynamic'\nimport './defaultpage.scss'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../config/app.config'\nimport { connectDefaultPage } from './defaultpage.connect'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport ToolbarDesktop from '../../components/ToolbarDesktop/ToolbarDesktop'\nimport Promotion from '../../components/Promotion/promotion'\nimport InPlayPopular from '../../components/InPlay/inPlayPopular'\nimport { headerType } from '../../helpers/InPlayPopular.helper'\nimport LegalAgePopover from '../../components/LegalAgePopover/LegalAgePopover'\nimport KycPopover from '../../components/KycPopover/KycPopover'\nimport MoreRulesPopover from '../../components/MoreRulesPopover/MoreRulesPopover'\nimport { useHistory } from 'react-router'\nimport LoaderContent from '../../components/LoaderContent/LoaderContent'\nimport BannerPopUp from '../../components/BannerPopUp/BannerPopUp'\nimport { useSelector } from 'react-redux'\nimport LeftSideMenuDesktop from '../../components/LeftSideMenuDesktop/LeftSideMenuDesktop'\nimport BalanceInformation from '../../components/BalanceInformation/BalanceInformation'\nimport BetSettingsDesktop from '../../components/BetSettingsDesktop/BetSettingsDesktop'\nimport BetSlipDesktop from '../../components/BetSlipDesktop/BetSlipDesktop'\nimport BetPlacing from '../../components/BetPlacing/BetPlacing'\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop'\nimport whatsAppImg from '../../assets/images/whatsApp.svg'\nimport WhatsappBanner from '../WhatsappBanner/WhatsappBanner'\nimport { isSignedUpWithNumberInBranchHelper } from '../../helpers/isSignedUpWithNumberInBranch.helper'\nimport Bonuses from '../bonuses/Bonuses'\nimport BonusBanner from '../bonuses/BonusBanner'\n\nconst DefaultPage = ({\n auth,\n lastActivityDate,\n inplayPopular,\n promotions,\n balanceSettings,\n legalAgePopoverShow,\n kycPopoverShow,\n moreRulesPopoverShow,\n timeSettings,\n betPlacing,\n orderCount,\n actions,\n elementsParams,\n ...props\n}) => {\n const history = useHistory()\n const [displayedBack, setDisplayedBack] = useState(false)\n const bannerOpen = useSelector((state) => state.bannerPopUp)\n\n // let pathname = history.location.pathname\n const pathname = props.localPathnameNow\n\n useEffect(() => {\n if (history.location.pathname === '/default-page' && auth)\n actions.requestOrderCount()\n // if (history.location.pathname === '/') actions.requestOrderCount();\n }, [actions, lastActivityDate])\n\n const getInplayPopular = () => {\n actions\n .requestInplayPopular()\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }\n // const getPromotion = () => {\n // actions.requestPromotions().catch(e => console.log('requestInplayPopular error = ', e))\n // }\n\n // useEffect(() => {\n // getPromotion()\n //eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [])\n\n useEffect(() => {\n // if (!inplayPopular && history.location.pathname === '/') getInplayPopular()\n if (!inplayPopular && history.location.pathname === '/default-page')\n getInplayPopular()\n else {\n const timer = setIntervalAsync(async () => {\n // if (history.location.pathname === '/') getInplayPopular()\n if (history.location.pathname === '/default-page')\n await getInplayPopular()\n // else if (inplayPopular) actions.getInplayPopularSuccess(null)\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [inplayPopular, history.location.pathname])\n\n const width =\n elementsParams && elementsParams?.clientWidth\n ? elementsParams?.clientWidth\n : window.innerWidth\n\n const [renderFooter, setRenderFooter] = useState(false)\n\n useEffect(() => {\n setTimeout(() => {\n if (window.location.pathname.includes('login')) {\n actions.setLoginNew(true)\n }\n\n setRenderFooter(true)\n }, 1500)\n }, [])\n\n useEffect(() => {\n if (window?.location?.pathname?.includes('register')) {\n setTimeout(() => {\n // window.history.pushState({},\"\", \"/\");\n actions.setLoginNew(true)\n actions.setTab(2)\n }, 500)\n }\n }, [])\n\n let userData\n useEffect(() => {\n userData = JSON.parse(localStorage.getItem('user_data'))\n if (width >= 1024) {\n window.history.pushState(null, document.title)\n window.addEventListener('popstate', function (event) {\n window.history.pushState(null, document.title)\n })\n }\n }, [history.location.pathname])\n\n return (\n <>\n {width < 1024 ? (\n <>\n {bannerOpen && \n 
\n
*/}\n \n
\n \n )}\n \n )\n}\n\nexport default connectDefaultPage()(DefaultPage)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestInplayPopular } from '../../store/inplayPopular/inplayPopular.thunks'\nimport { requestPromotions } from '../../store/promotions/promotions.thunks'\nimport { getInplayPopularSuccess } from '../../store/inplayPopular/inplayPopular.slice'\nimport { getPromotionsSuccess } from '../../store/promotions/promotions.slice'\nimport { requestOrderCount } from '../../store/orderCount/orderCount.thunks'\nimport { setLegalAgePopoverShow } from '../../store/modals/legalAgePopover.slice'\nimport { setKycPopoverShow } from '../../store/modals/kycPopover.slice'\nimport { setMoreRulesPopoverShow } from '../../store/modals/moreRulesPopover.slice'\nimport { setLoginNew, setTab } from '../../store/LoginNew/loginNew.slice'\n\nexport const connectDefaultPage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n auth: state.auth,\n lastActivityDate: state.balance.lastActivityDate,\n inplayPopular: state.inplayPopular,\n promotions: state.promotions,\n legalAgePopoverShow: state.legalAgePopoverShow,\n kycPopoverShow: state.kycPopoverShow,\n moreRulesPopoverShow: state.moreRulesPopoverShow,\n balanceSettings: state.balanceSettings,\n betPlacing: state.betPlacing,\n orderCount: state.orderCount,\n timeSettings: state.timeSettings,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestOrderCount,\n requestInplayPopular,\n requestPromotions,\n setLegalAgePopoverShow,\n setKycPopoverShow,\n setMoreRulesPopoverShow,\n getInplayPopularSuccess,\n getPromotionsSuccess,\n setLoginNew,\n setTab,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport { IonContent, IonHeader, IonItem, IonLabel, IonList, IonListHeader, IonPage } from '@ionic/react'\nimport './MyMarkets.scss'\nimport { connectMyMarkets } from './MyMarkets.connect'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport LoaderContent from '../../components/LoaderContent/LoaderContent'\nimport leftSideMenuMapper from '../../helpers/getLeftSideMenuMapper.helper'\nimport { useHistory } from \"react-router-dom\";\n\nconst MyMarkets = ({ openBets }) => {\n const history = useHistory()\n const prepareMarkets = () => {\n if (openBets.matched && openBets.unmatched) {\n const markets = [...Object.values(openBets.matched), ...Object.values(openBets.unmatched)];\n markets.sort((function (a, b) {\n if (a.betPlacedDate < b.betPlacedDate) {\n return 1\n }\n if (a.betPlacedDate > b.betPlacedDate) {\n return -1\n }\n return 0\n }))\n\n if (markets.length) {\n return markets.map(market => {\n const menuHelperItem = Object.entries(leftSideMenuMapper).map(([key, value]) => value)\n .find(menuItemWrapper => market.eventTypeId == menuItemWrapper.id);\n return \n
\n \n You have been inactive for a long time, your session is about to expire.\n
\n \n
\n RUNS
\n {betPlacing.line}
\n \n
\n \n return ODDS (H-J)
\n {betPlacing.priceActual}
\n \n
\n }\n\n const renderContent = () => {\n if (betPlacing.betPlacingPopoverStage2) return <>\n ODDS
\n {betPlacing.priceActual}
\n Your bet is being processed.
\n Please wait...
\n \n
\n \n return betPlacing.isCashOut ?\n <>\n {timer}
\n \n Do you wish to perform cash out?\n
\n \n \n \n \n Cash Out\n \n
\n \n :\n <>\n onDismissed()}>\n Cancel\n
\n {betPlacing.eventName}
\n {betPlacing.isBack ? 'Backing' : 'Laying'} {betPlacing.runnerName}
\n \n {renderOdds()}\n
\n \n
\n STAKE
\n {betPlacing.stake}
\n \n
\n {profitType()}
\n {profit()}
\n \n
\n \n }\n if (width >= 1024) return (\n \n \n Cancel\n \n
\n \n \n
\n \n
\n Place Bet
\n {profitType()}: {profit()}
\n \n \n {betPlacing.delay}s\n
\n \n \n
,\n modalRoot\n )\n}\n\nexport default connectBetPlacingPopover()(BetPlacingPopover)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setShowBetPlacingPopover, setBetPlacingPopoverStage, setIsCashOut, setCashOutId } from '../../store/betPlacing/betPlacing.slice'\nimport { requestSetOrder, requestCashOut } from '../../store/betPlacing/betPlacing.thunks'\n\nexport const connectBetPlacingPopover = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n elementsParams: state.elementsParams,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setBetPlacingPopoverStage,\n setShowBetPlacingPopover,\n requestSetOrder,\n setIsCashOut,\n requestCashOut,\n setCashOutId,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import \"./LeftSideMenu.scss\";\nimport React, { useEffect, useState } from \"react\";\nimport {\n IonContent,\n IonItem,\n IonLabel,\n IonList,\n IonMenu,\n IonImg\n} from \"@ionic/react\";\nimport { connectLeftSideMenu } from \"./leftsidemenu.connect\";\nimport leftSideMenuMapper from \"../../helpers/getLeftSideMenuMapper.helper\";\nimport { useHistory } from \"react-router\";\nimport SlotsgamesIcon from \"../../assets/images/sideBarSlotsgames.svg\";\nimport downloadApk from \"../../assets/images/menu-icons/apk_icon.svg\";\nimport instaButton from \"../../assets/images/socials/instagram.svg\";\nimport { CONFIG } from \"../../config/api.config\";\nimport ReactGA from \"react-ga4\";\n\nconst LeftSideMenu = ({ menu, auth, version, actions }) => {\n const history = useHistory();\n const getMapMenu = (menuState) => {\n\n const collectionPages = Object.assign([], menuState);\n collectionPages.push({\n \"type\": \"EVENT_TYPE\",\n \"name\": \"Blastoff\",\n \"id\": \"67722\",\n \"sortOrder\": -2,\n \"redirect\":\"/casino_live/67722/FAWK\",\n \"isSvg\": true,\n \"children\": [\n {\n \"children\": [],\n \"name\": \"Blastoff\",\n \"id\": \"67722\",\n \"type\": \"LIVE_CASINO\",\n \"providerId\": 7,\n }\n ]\n });\n\n return collectionPages.map(menuItem => {\n const menuHelperItem = Object.entries(leftSideMenuMapper).map(([key, value]) => value)\n .find(menuItemWrapper => menuItem.id == menuItemWrapper.id);\n return {\n ...menuItem,\n img: menuHelperItem ? menuHelperItem.img : \"\",\n isSvg: menuHelperItem ? menuHelperItem.isSvg : \"\",\n name: menuHelperItem ? menuHelperItem.name : menuItem.name\n };\n }).sort((a, b) => a.sortOrder - b.sortOrder);\n };\n\n const [menuItemsMap, setMenuItemsMap] = useState([]);\n\n useEffect(() => {\n setMenuItemsMap(getMapMenu(menu || []));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [menu]);\n\n const getMenuItems = () => {\n return menuItemsMap.map((value, index) => {\n return (\n \n
\n \n
\n \n {renderContent()}\n
\n */}\n {/* Get Instant ID on whatsapp */}\n {/* */}\n {/* */}\n {/* */}\n {/* /!**!/*/}\n {/* /!* *!/*/}\n {/* /!**!/*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n\n {/*
*/}\n\n\n \n 
\n
\n ) : (\n {glyph}\n )}\n \n i\n
\n )}\n \n )\n }\n // console.log(\"gift\", gift.length)\n const renderAccountInfoItem = (text, value, color, valueClass = '') => {\n let additionalClass = ''\n if (color) {\n if (value > 0)\n additionalClass = 'right-side-menu__account__info__item__value--green'\n if (value < 0)\n additionalClass = 'right-side-menu__account__info__item__value--red'\n }\n return (\n \n \n {text}\n \n \n {value?.toLocaleString('en-US', { minimumFractionDigits: 2 })}\n \n
\n )\n }\n\n return (\n \n {auth ? (\n <>\n dispatch(setWalletType('B'))}\n >\n {renderMenuItem(\n gift,\n 'Bonus Information',\n 'right-side-menu__item--balance',\n () => dispatch(setBonusPopUp(true)),\n 'true'\n )}\n
\n )}\n {/*Sports bonus wallet => S */}\n {balance?.sWallet && (\n \n {user &&\n user.loginName &&\n (user.loginName.includes('.')\n ? user.loginName.split('.')[1]\n : user.loginName)}\n
\n \n {renderMenuItem(\n '',\n 'Balance Information',\n 'right-side-menu__item--balance'\n )}\n
\n {(B2C || !localStorage.getItem('B2C') === 'true') &&\n showDeposit() && (\n \n {renderAccountInfoItem(\n 'Available Credit:',\n balance && balance.availBalance,\n false,\n 'bold'\n )}\n {!B2C &&\n renderAccountInfoItem(\n 'Credit Limit:',\n balance && balance.creditLimit\n )}\n {!B2C &&\n renderAccountInfoItem(\n 'Winnings:',\n balance && balance.totalBalance,\n true,\n balance && balance.totalBalance > 0\n ? 'right-side-menu__account__info__item__value--green'\n : ''\n )}\n {renderAccountInfoItem(\n 'Net Exposure:',\n balance && balance.deductedExposure,\n true,\n balance && balance.deductedExposure < 0\n ? 'right-side-menu__account__info__item__value--red'\n : ''\n )}\n
\n \n history.push('/deposit')}\n >\n Deposit\n \n history.push('/withdrawal')}\n >\n Withdrawal\n \n
\n )}\n\n {isSignedUpWithNumberInBranchHelper() && (\n \n \n window.open(\n JSON.parse(localStorage.getItem('user_data'))?.wa\n )\n }\n >\n Deposit\n \n \n window.open(\n JSON.parse(localStorage.getItem('user_data'))?.wa\n )\n }\n >\n Withdrawal\n \n
\n )}\n\n {(B2C || !localStorage.getItem('B2C') === 'true') && (\n <>\n {/*Bonus wallet => B */}\n {balance?.bWallet && (\n \n {renderAccountInfoItem(\n 'Available Credits:',\n balance?.bWallet?.availBalance\n ? balance.bWallet.availBalance\n : 0,\n false,\n 'bold'\n )}\n {renderAccountInfoItem(\n 'Net Exposure:',\n balance?.bWallet?.deductedExposure\n ? balance.bWallet.deductedExposure\n : 0,\n true,\n balance?.bWallet?.deductedExposure < 0\n ? 'right-side-menu__account__info__item__value--red'\n : ''\n )}\n
\n \n \n Play with Bonus\n \n \n
\n \n {renderAccountInfoItem(\n 'Available Credits:',\n balance?.sWallet?.availBalance\n ? balance.sWallet.availBalance\n : 0,\n false,\n 'bold'\n )}\n {renderAccountInfoItem(\n 'Net Exposure:',\n balance?.sWallet?.deductedExposure\n ? balance.sWallet.deductedExposure\n : 0,\n true,\n balance?.sWallet?.deductedExposure < 0\n ? 'right-side-menu__account__info__item__value--red'\n : ''\n )}\n
\n \n \n Play with Bonus\n \n \n
\n \n )}\n {/*Casino bonus wallet => C*/}\n {balance?.cWallet && (\n \n {renderAccountInfoItem(\n 'Available Credits:',\n balance?.cWallet?.availBalance\n ? balance.cWallet.availBalance\n : 0,\n false,\n 'bold'\n )}\n {renderAccountInfoItem(\n 'Net Exposure:',\n balance?.cWallet?.deductedExposure\n ? balance.cWallet.deductedExposure\n : 0,\n true,\n balance?.cWallet?.deductedExposure < 0\n ? 'right-side-menu__account__info__item__value--red'\n : ''\n )}\n
\n \n \n Play with Bonus\n \n \n
\n \n )}\n \n )}\n {/*{(B2C || !localStorage.getItem('B2C') === \"true\") && showDeposit() && (*/}\n {/* */}\n {/* history.push('/deposit')}*/}\n {/* >*/}\n {/* Deposit*/}\n {/* */}\n {/* history.push('/withdrawal')}*/}\n {/* >*/}\n {/* Withdrawal*/}\n {/* */}\n {/*
*/}\n {/*)}*/}\n \n ) : (\n <>\n \n {\n actions.setLoginNew(true)\n history.push('/default-page')\n }}\n >\n
\n \n )}\n \n
\n \n Log In
\n \n
\n {/*{!isPopUp && THE SITE RULES AND REGULATIONS
\n\n
\n\n PART A - INTRODUCTION
\nUse and interpretation
\nThese Rules and Regulations (\"Rules\") are part of the Site's terms and conditions.
\nThe Rules apply to all bets placed on this online betting platform (\"Site\"). The Rules consist of the following:
\n- \n
- This INTRODUCTION section (Part A); \n
- The GENERAL RULES (set out in Part B below); and \n
- The SPECIFIC SPORTS RULES (set out in Part C below - these apply to certain sports). \n
The General Rules apply to all bets unless stated otherwise in the Specific Sports Rules. If there is any inconsistency between the Specific Sports Rules and the General Rules, the Specific Sports Rules shall prevail.
\nThe rules governing how markets are offered, managed and/or settled are not the same for every market on each product. In certain circumstances, a bet that is settled as a winner on one product may be settled as a loser on the other product (and vice versa). Additionally, different settlement rules may apply so that, for example, bets that are a winner on one product may be settled as a dead heat or be voided on the other product. Customers must ensure that they familiarise themselves with the relevant rules that apply to the bets that they place on the Site.
\nCustomer responsibility
\n- \n
- Customers should make themselves aware of all of the Rules affecting any market on which they wish to place a bet. \n
- In particular, customers who use the \"one-click\" option to place bets are solely responsible for their actions and the Site shall have no liability to such customers for any errors made by customers when using this option. \n
\n
\n\n PART B - GENERAL RULES
\nMatters beyond the Site's reasonable control and malfunctions
\nThe Site is not liable for any loss or damage you may suffer because of any: act of God; power cut; trade or labour dispute; act, failure or omission of any government or authority; obstruction or failure of telecommunication services; or any other delay or failure caused by a third party or otherwise outside of our control. In such an event, the Site reserves the right to cancel or suspend access to the Site without incurring any liability.
\nThe Site is not liable for the failure of any equipment or software howsoever caused, wherever located or administered, or whether under its direct control or not, that may prevent the operation of the Site.
\nIn the event of a technological failure or error which is apparent to the customer, the customer is obliged to notify the Site of such failure/error immediately. If the customer continues to place a bet in these circumstances, they shall take reasonable action to minimise any potential loss. In the absence of such action, the Site reserves the right to void a bet.
\nThe Site reserves the right in its absolute discretion to restrict access to the Site, or withhold funds or void any bets outstanding to a customer’s account in its absolute discretion in the event of a technological failure or other malfunction which affects the integrity of the Site whether this is under its direct control or otherwise. Customers will be notified on the Site of any such malfunction which may operate to prevent the placing of further bets or which may result in outstanding bets being voided.
\nManaging markets In-Play
\nGeneral
\n- \n
- For everything other than horseracing and greyhound racing, if a market is not scheduled to be turned in-play but the Site fails to suspend the market at the relevant time, then:\n
- \n
- if the event has a scheduled 'off' time, all bets matched after that scheduled off time will be void; and \n
- if the event does not have a scheduled 'off' time, the Site will use its reasonable endeavours to ascertain the time of the actual 'off' and all bets after the time of the 'off' determined by the Site will be void. \n
\n - For horseracing and greyhound racing, if a market is not scheduled to be turned in-play but the Site fails to suspend the market at the relevant time, then all bets matched after the official 'off' time will be void. \n
- The Site aims to use its reasonable endeavours to suspend in-play markets at the start of and at the end of the event. However, the Site does not guarantee that such markets will be suspended at the relevant time. \n
- Customers are responsible for managing their in-play bets at all times. \n
- For the purposes of in-play betting, customers should be aware that transmissions described as \"live\" by some broadcasters may actually be delayed or pre-recorded. The extent of any delay may vary depending on the set-up through which they are receiving pictures or data. \n
All markets other than soccer markets - not suspending at the time of the 'off'
\n- \n
- In relation to markets which are scheduled to be turned in-play, the Site aims to use its reasonable endeavours to turn such markets in-play at the time of the 'off'. However, the Site does not guarantee that such markets will be suspended and turned in-play at the time of the 'off'. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market and cancel unmatched bets at the time of the 'off' and the market is not turned in-play with unmatched bets cancelled at any time during the event, all bets matched after the scheduled time of the 'off' will be void (in the case of horseracing and greyhound racing, bets will be void from the official rather than the scheduled 'off' time). If the event does not have a scheduled 'off' time, the Site will use its reasonable endeavours to ascertain the time of the actual 'off' and all bets after the time of the 'off' determined by the Site will be void. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at the time of the 'off' (so unmatched bets are not cancelled at that time), but the market is intentionally turned in-play at a later time during the event, all bets matched after the time of the 'off' will stand. \n
Soccer markets - not suspending at kick-off or on the occurrence of a Material Event and rules relating to VAR
\n- \n
- Not suspending at kick-off\n
- \n
- In relation to soccer markets that are scheduled to be turned in-play, the Site aims to use its reasonable endeavours to turn such markets in-play at kick-off and to suspend such markets on the occurrence of a Material Event (see definition of \"Material Event\" below). \n
- The Site does not guarantee that such markets will be suspended and turned in-play at kick-off. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at kick-off and the market is not turned in-play at any time during the match, all bets matched after the scheduled time of the kick-off will be void. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at kick-off (so unmatched bets are not cancelled at that time), but the market is turned in-play at a later time during the match, all bets matched after the scheduled time of the kick-off and before the first \"Material Event\" will stand. However, if there has been one or more \"Material Events\", any bets matched between the first \"Material Event\" and the market being turned in-play will be void. \n
\n - Not suspending on the occurrence of a Material Event and cancellations of Material Events due to VAR\n
- \n
- If the Site does not suspend a market on time for the occurrence of a Material Event, the Site reserves the right to void bets unfairly matched after the Material Event has occurred. Voiding of these bets may take place during the event or retrospectively once a game is completed. \n
- Where a Material Event is cancelled due to a determination made via a video assistant referee, the Site will void all bets which are matched between the occurrence of the Material Event and the cancellation of it. The voiding of any such bets may take place during the event or retrospectively once a game is completed. \n
\n - Definition of \"Material Event\"\n
- \n
- For the purpose of these Rules, a \"Material Event\" shall mean a goal being scored, a penalty being awarded or a player being sent off. \n
\n
Results and market settlement
\nGeneral
\n- \n
- Markets will be settled in accordance as set out in the Specific Sports Rules. \n
- Where the Specific Sports Rules do not specify how and on what basis a market will be settled, markets will be settled on the official result of the relevant governing body regardless of any subsequent disqualification or amendment to the result (except if an amendment is announced within 24 hours of the initial settlement of the relevant market in order to correct an error in reporting the result). \n
- If no official result of a relevant governing body is available, the result will be determined by the Site (acting reasonably) using information from independent sources. In such cases, if any new information comes into the public domain within 48 hours of settlement, then the Site shall (acting reasonably) determine either: (i) whether the market should be reinstated or resettled in light of this new information; or (ii) whether or not to wait for further information before deciding whether to reinstate or resettle the market. Except where the Site has announced that it is waiting for further information, any information that comes into the public domain more than 48 hours after a market has been settled shall not be considered by the Site (regardless of whether or not such information may have led to a different result). \n
- In the event of any uncertainty about any result or potential result, the Site reserves the right to suspend settlement of any market for an unlimited period until the uncertainty can be resolved to the reasonable satisfaction of the Site. The Site reserves the right to void any market if the uncertainty regarding settlement cannot be resolved to the Site's reasonable satisfaction. \n
Resettlements
\n- \n
- Markets are generally settled shortly after the end of the event in question. the Site may settle (or part-settle) some markets before the official result is declared (or may increase a customer's 'available to bet' balance by the minimum potential winnings of that customer on a given market) purely as a customer service benefit. However, the Site reserves the right to amend the settlement of the market if: (i) the official result is different to the result on which the Site initially settled the market; or (ii) if the whole market is eventually voided (e.g. for an abandoned event). \n
- The Site reserves the right to reverse the settlement of a market if a market is settled in error (for example, a human or technical error). \n
- If The Site resettles a market, this may lead to amendments being made to a customer's balance to reflect changes in market settlement. \n
Non-runners, withdrawals and disqualifications
\n- \n
- Subject always to the Site's right to void bets under its terms and conditions or for any exception under the Rules, if a market contains a statement that says \"All bets stand, run or not\" (or something similar), then all bets on a team or competitor will stand regardless of whether or not the team or competitor starts the event or takes any part in the event. \n
- If a team or competitor is disqualified, withdraws or forfeits after starting an event they will be deemed a loser providing at least one other team or competitor completes the event. If no team or competitor completes an event (having started) then all bets will be void except for bets on any markets which have been unconditionally determined. \n
Winner with [named selection]' markets
\n- \n
- The Site may from time to time offer markets that are dependent on the participation of a particular competitor. If the competitor named in a 'Winner with …' market title does not participate in the tournament or event then all bets on the market will be void. \n
- A team or competitor will be deemed to have participated if they have taken part to the extent necessary to record an official result or classNameification (including any disqualification but excluding any \"did not start\" or equivalent classNameification). \n
Abandonments, Cancellations, Postponements
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, where a market has no rules in the Specific Sports Rules in relation to an abandonment, cancellation and/or postponement the following shall apply.
\nIn relation to any match, fixture, game, individual event, or similar: If the event is not completed within three days after the scheduled completion date, then all bets on markets for this event will be void, except for bets on any markets that have been unconditionally determined.
\nIn relation to any tournament, competition or similar: If the event is not completed within three days after the scheduled completion date, then any markets relating to the event will be settled in accordance with the official ruling of the relevant governing body, providing such a decision is given within 90 days after the scheduled completion date. If no official ruling is announced in this 90 day period, then bets on any market relating to this event will be void, except for bets on any markets which have been unconditionally determined. If a market is to be voided but has been part-settled as a courtesy to customers, then such part-settled bets will be reversed and all bets on the market will be void.
\nThe Site will decide (acting reasonably) whether a market relates to a match (or similar) or a tournament (or similar).
\n\nChange of venue
\nSome markets have different rules and these are listed in the Specific Sports Rules.
\nHowever, if change of venue is not dealt with in the Specific Sports Rules then the following shall apply:
\n- \n
- For any team sport: if the scheduled venue is changed after the market is loaded by the Site, all bets will be void only if the new venue is a home ground of the original away team \n
- For all categories or markets other than team sports: if the scheduled venue is changed after the market is loaded by the Site, all bets will stand. \n
- If there is a change in the type of scheduled surface after the market has been loaded, all bets will stand. \n
Periods of time
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, if not dealt with in the Specific Sports Rules then the following shall apply.
\nIf the scheduled duration of an event is changed after the market has been loaded but before the start of the event, then all bets will be void.
\nSome markets refer to the length of time until an occurrence in the event (e.g. time of first goal). If an event happens in stoppage or injury time after any regular time period then it will be deemed to have occurred at the end of the regular time period. For example, if a goal is scored in first half stoppage-time in a soccer match it will be deemed to have occurred on 45 minutes.
\nAll bets apply to the relevant full 'regular time' period including stoppage time. Any extra-time and/or penalty shoot-out is not included.
\nReferences within these Rules to a particular number of 'days' shall mean the end of the day local time after the expiry of the specified number of days.
\n\n\"To qualify\" markets
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, if not dealt with in the Specific Sports Rules then the following shall apply.
\nAny 'to qualify' market (e.g. \"to reach the final\" markets) will be determined by the competitor or team that qualifies, whether or not they take part in the next round or event for which they have qualified. Markets will be settled after the qualifying stage and any subsequent disqualification or amendment to the result will not count.
\n\nDead heats
\nUnless stated otherwise in the Specific Sports Rules the Dead Heat Rule applies to bets on a market where there are more winners than expected.
\nFor each bet matched on a relevant winning selection, the stake money is first reduced in proportion by multiplying it by the sum of the number of winners expected, divided by the number of actual winners (i.e. stake multiplied by (number of winners expected/number of actual winners)). The winnings are then paid to the successful backers on this 'reduced stake' (reduced stake multiplied by traded price) and the remaining stake money is paid to the appropriate layers.
\n\nMiscellaneous
\n- \n
- All references to time periods in the Rules relate to the time zone in which the event takes place.\n For example, a reference to the start time of a football match, relates to the local kick-off time.\n \n
- All information supplied by the Site is done so in good faith. However, the Site cannot accept liability for any errors or omissions in respect of any information, such as the posting of prices, runners, times, scores, results or general statistics. \n
- The Site reserves the right to correct any obvious errors and shall take all reasonable steps to ensure markets are administered with integrity and transparency. \n
- If an incorrect team or competitor name is displayed (excluding minor spelling mistakes) or the incorrect number of teams, competitors or outcomes is displayed in any complete market or a market is otherwise loaded using incorrect information or includes any obvious error, then the Site reserves the right to suspend the market and (providing it acts reasonably) to void all bets matched on the market. \n
- Customers are responsible for ensuring that they satisfy themselves that the selection on which they place a bet is their intended selection.\n For example, in the case of a competitor bearing the same name as another individual not competing in the relevant event, the onus is on the customer to ensure that they know which competitor the Site has loaded into the relevant market and to ensure that they are placing their bet on their chosen competitor.\n \n
- The Site may, in its sole and absolute discretion, decide to suspend betting on a market at any time (even if such suspension is earlier than anticipated by the Rules). In the interests of maintaining integrity and fairness in the markets, the Site may also void certain bets in a market or void a whole market in its entirety. \n
- In the event that members are unable to place bets due to technical issues or for any other reason, the Site has no obligation to accept bets in an alternate manner. Any bets attempted to be placed in another manner will not be accepted. \n
- The Site reserves the right to void any bets placed on markets where an incorrect price or line was offered. \n
- The Site reserves the right to close or suspend a customer’s account if it considers that that customer has used the Site in an unfair manner, has deliberately cheated or taken unfair advantage or if the customer’s account is being used for the benefit of a third party. The Site also reserves the right to close or suspend a customer’s account if it considers that it has been used in a fraudulent manner or for illegal and/or unlawful or improper purposes. \n
- The Site reserves the right to amend the Rules at any time. Any such revision will be binding and effective immediately on the posting of such rule changes on the Site and any markets loaded after the new Rules have been posted shall be governed by the new Rules. \n
- The Site reserves the right to cancel unmatched bets to protect customers at any time. \n
- The Site shall use its reasonable endeavours to resolve disputes and shall act with fairness and integrity in exercising its rights under these rules. The Site’s decision in such cases shall be final and binding upon the customer. \n
- On the settlement of any market, amounts relating to:\n
- \n
- winnings/losses on bets; and \n
- any charges \n
\n
Multiple accounts
\nCustomers are not permitted to hold multiple accounts. This includes holding an account with any other site operating on the same platform as this Site.
\nCustomers who continue to operate multiple accounts will have their accounts \"linked\" and managed accordingly which may affect the extent to which bets can be placed on the Site.
\nIf the Site believes, in its absolute discretion, that customers have registered and/or used more than one account, and/or acted in collusion with one or more other individuals through a number of different accounts, the Site reserves the right to void bets and/or withhold any winnings arising from such a behaviour.
\n\nUse of Virtual Private Network (VPN) and Proxy Servers
\nCustomers using VPN applications to mask location or proxy servers to mask device are liable to having bets invalidated.
\nCustomers appearing from multiple IP locations are also liable to having bets invalidated.
\n\nCheating/Sniping
\nCheating of any kind is not allowed and customers bets who are deemed to be cheating are liable to have bets made void.
\nCheating includes but is not limited to; market price manipulation, court siding, sniping and commission abuse.
\n\nIntegrity
\nThe Site reserves the right to void any bets that are under review as part of any integrity investigation.
\nThe Site may void certain bets in a market or void a whole market in its entirety as a result of any integrity investigation.
\nThe Site’s decision in such integrity cases shall be final and binding upon the customer.
\n\n
\n PART C - SPECIFIC SPORTS RULES
\nCricket
\nGeneral
\n- \n
- If a ball is not bowled during a competition, series or match then all bets will be void except for those on any market that has been unconditionally determined (e.g. in the 'Completed Match' market). \n
- If a match is shortened by weather, all bets will be settled according to the official result (including for limited overs matches, the result determined by the Duckworth Lewis method). \n
- In the event of a match being decided by a bowl-off or toss of the coin, all bets will be void except for those on markets that have been unconditionally determined. \n
Test matches
\n- \n
- If a match starts but is later abandoned for any reason other than weather (which may include but is not limited to: dangerous or unplayable wicket or outfield; pitch vandalism; strike or boycott; crowd protests/violence; stadium damage; acts of terrorism; and acts of God), the Site reserves the right to void all bets, except for those on markets that have been unconditionally determined. \n
- If the match is not scheduled to be completed within five days after the original scheduled completion date, then all bets on markets for this event will be void, except for bets on any markets that have been unconditionally determined. \n
Limited Over matches
\n- \n
- If a match is declared \"No Result'', bets will be void on all markets for the event except for those markets which have been unconditionally determined or where the minimum number of overs have been bowled as laid out in the market specific information. \n
- In the event of a new toss taking place on a scheduled reserve day for a limited overs match all bets that were placed after 30 minutes before the original scheduled start of play on the first day will be made void. This rule relates to all markets except those that have been unconditionally determined (e.g. in the win the toss and toss combination markets). \n
- The Site will void all Super Over bets in the event of a tied Super Over regardless of settlement rules elsewhere. \n
Completed Match
\n- \n
- A match will be treated as \"Completed\" when the required number of overs for that game have been completed as determined by the match officials. If the required number of overs for that match has not been completed, the match will be treated as \"Match Abandoned\" or \"No Result\" and bets will be settled accordingly. \n
- Please be aware that bets will carry over onto any reserve day and will be settled on the official result of the match. If a match is postponed or abandoned for any reason other than weather (which may include but is not limited to: dangerous or unplayable wicket or outfield; pitch vandalism; strike or boycott; crowd protests/violence; stadium damage; acts of terrorism; and acts of God), The Site reserves the right to void all bets on this market. \n
Sessions/Innings/Player Runs - Fancy
\n- \n
- All session/innings/player runs are based on Haar-Jeet odds format. \n
- In the event of rain reduced innings:\n
- \n
- If an innings is curtailed before the original scheduled start of play, all bets will be settled. \n
- If an innings is curtailed after start of play, then all bets on markets for this event will be settled up to the stipulated new innings length. \n
\n - In any session market, in the event a session is not completed in full because a team is all out or declared, all bets will remain valid and the market will be settled at the innings score. \n
- For Advance Session markets denoted by 'ADV' in market name only the 1st team to bat Innings markets are valid. For Test Matches the 1st innings for each team is valid. \n
- We endeavour to suspended all ADV markets during the toss but this is not guaranteed for all events and dependent on media coverage. The site reserves the right to void bets deemed to take advantage of information not generally available. \n
- If any fixture is subject to conditions that may alter the length, structure or format of the fixture in any manner (e.g. rain), ADV markets may be suspended. \n
- Batsman Runs - bets will stand if the batsman has faced one ball or is given out before first ball is faced. Score counts if batsman is Not-Out including if innings is declared. In case of rain, match abandoned etc. settled bets will be valid. \n
- Runs at Fall of 1st Wicket – This market will be settled based on the total number of runs scored at the fall of the first wicket. At least one ball must be bowled, if no wickets fall bets will be void unless settlement is already determined. \n
- Runs at Fall of Next Wicket - The score before the fall of the specified wicket determines the result of the market. If a team declares or reaches their target then the score at the conclusion of the innings will determine the settlement of the bets. Bets will be void should no more play take place following the intervention of rain, or any other delay, as the ability to reach previous quotes offered will have been removed. In case of rain, match abandoned etc. settled bets will be valid. \n
- Over Total Runs – Bets will be settled on the total number of runs scored during the 1st over of the match. The over must be completed for bets to stand unless settlement is already determined. \n
- In the instance that a market is not suspended upon the completion of the market, all bets placed after the time of completion may be made void. \n
- ADV Opening Batsmen markets are only valid if the batsmen selected in the market opens the batting. If the opening batsmen change, then the opening batsmen market in relation to the particular player who was changed will be made void. \n
- Extras and penalty runs will be included for settlement purposes with the exception of penalty runs awarded due to a slow over rate which will be excluded \n
Format Specific Session Runs Rules
\nTest Matches
\n- \n
- Test Matches (Meter Paari) - All bets, open or closed, on a team’s innings runs shall be void if 70 full overs are not bowled unless one team has won, is dismissed or declares prior to that point. \n
- ADV markets for both teams will be valid in test matches, regardless of which team bats first. \n
- Where a session is open for a nominated number of overs but the team declare before the end of that session, the session is made complete by the remaining number of balls from the opposing team’s innings that follows the declaration. \n
- Day 1, session 1, a minimum of 25 overs must be bowled, otherwise all bets in this session market will be void. \n
- Day 1, session 2, a minimum of 25 overs must be bowled, otherwise all bets in this session market will be void. \n
- 1st Day Total Run markets will only be valid if a minimum of 80 overs are bowled on this day. Otherwise all bets in this market will be void. \n
- Test Matches - (PLAYERS METER) Individual Batsmen Runs / Partnerships - All bets, open or closed, on an individual batsman or partnership runs shall be void if 50 full overs are not bowled unless one team has won, is dismissed or declares prior to that point. Bets on partnership totals make up when the next wicket falls. If a batsman in the relevant partnership retires hurt, the partnership is treated as continuing between the remaining batsman and the batsman who comes to the wicket. A partnership is also treated as being ended by the end of an innings. \n
- Total Match Four, Total Match Sixes, Total Match Runs, Total Match Wides, Total Match Extras, Total Match Wicket, Top Batsmen, Highest Over, Innings Designated Line Markets will only be valid if the third innings is played. Otherwise, all bets will be void. \n
- Next Batsman Out markets - if a player retires injured, bets will be void in this market. \n
Limited Overs Matches
\n- \n
- Limited Overs Matches - (Player Meter), Individual Batsmen Runs or Partnerships - In a limited overs match where bets may be made on an individual batsman or partnership runs in-play and the innings is curtailed or subject to any reduction in overs, then these markets will be settled at the midpoint of the last available quote before the overs were reduced. If the innings resumes at a later time, a new market may be formed. If a customer wants a position in the new market they are required to place a new bet. If there are any subsequent reductions in overs, exactly the same rules will continue to apply i.e. the market is settled at the midpoint of the last available quote before the overs were reduced and a new market may be formed. \n
- Total Match Four,Total Match Sixes, Total Match Runs, Total Match Wides, Total Match Extras, Total Match Wicket, Top Batsmen, Highest Over, Innings Designated Line Markets will only be valid if the second innings is played. Otherwise, all bets will be void. \n
- In the event of an inning length being altered due to rain, match abandonment or any other condition, markets already settled will remain settled and all bets will remain valid. Bets in markets that are yet to be determined will be void. \n
Exchange Runs
\n- \n
- Bets are placed in an exchange and matched with corresponding bets. \n
- Bets will be matched at the requested run line or better. \n
- All exchange runs are based on decimal odds format. \n
- All bets are placed at 2.00 odds. \n
- \n Bets will be void in the following cases, regardless of whether the outcome of the bet is already unconditionally determined:\n
- \n
- if the scheduled number of overs for the innings is reduced by rain interruption and at settlement time, the actual number of overs bowled is less than the number of overs stipulated for the market; or \n
- if the scheduled number of overs for the innings is reduced for any other reason after the innings has begun, and at settlement time, the reduced number of scheduled overs is less than the number of overs stipulated for the market. \n
\n - Please note that if the batting side reach their target within the total amount of stipulated overs or have been bowled out and the innings hasn’t been reduced in overs to less than the stipulated number of overs for the market, the market will be settled as complete. \n
Soccer
\n- \n
- If the Site does not suspend a market on time for the occurrence of a Material Event, the Site reserves the right to void bets unfairly matched after the Material Event has occurred. Voiding of these bets may take place during the event or retrospectively once a game is completed. \n
- If a match has not started (or if the Site believes that a match will not have started) by 23:59 (local time) on its scheduled start date, then all bets will be void unless the Site has knowledge that the match has been rescheduled to be played within three days of its original start date. \n
- If a match starts but is later abandoned or postponed and the Site believes that the match will not have been completed by 23:59 (local time) on its scheduled start date, then all markets, with the exception of any unconditionally determined markets, will be void unless the Site has knowledge that the match has been rescheduled to be played within three days of its original start date. If the Site does have knowledge that the game will be played within three days and the game is played within three days, then all bets will stand except if the match is restarted from the beginning. If the match is restarted from the beginning then all bets matched before the market went in-play will stand, but any bets placed in-play will be void, except for any bets placed in-play on markets which have been unconditionally determined, which will stand. \n
- For Friendly matches, all bets apply to the full duration of play according to the match officials, plus any stoppage time. If a friendly match starts but is later abandoned or postponed and is not completed (i.e. the full duration of play according to match officials, plus any stoppage time) within three days of the scheduled start date, all bets will be void except for those on markets which have been unconditionally determined. In the case of ambiguity over the official result from match officials, the outcome will be determined by the Site (acting reasonably) using information from independent sources. \n
- Match odds bets apply to the full duration of play according to the match officials, plus any stoppage time. They do not include any result given after Extra Time or Penalties. \n
- If an official fixture lists different team details to those listed on the Site (for example, the team name, reserves, age group, gender, etc), then all bets matched on the affected markets will be void. In all other cases, bets will stand (including instances where a team name is listed without specifying the term 'XI' in the name). If an official fixture is shown on the Site under an incorrect competition name, then the Site reserves the right to void all bets matched on the affected markets. \n
- If a team is disqualified, thrown out or otherwise removed from a league, one of the following will apply:\n
- \n
- If this happens before the relevant season has started, all bets on all affected markets will be void (except for those on markets which have been unconditionally determined); \n
- If this happens after relevant season has started, all affected markets will stand and the team will be deemed to be relegated and all bets on that team will be settled accordingly in all relevant markets (assuming, of course, that it is not subsequently reinstated before the end of the season). \n
\n - The relevant season will be deemed to have started once the first league game has been played. For the purposes of this rule, markets relating to individual matches will not be deemed to be \"affected markets\". \n
- For 'top goalscorer' markets only the goals scored in the league or competition stated in the Market Information count. For example, if a player joins a club mid-season any goals scored in a different league will not count, however goals scored for a different club in the same league will count. Own goals will not count. \n
- In markets which relate to the number of incidents to occur, such as 'number of corners', these will be determined on the basis of the number taken, rather than awarded. \n
- For markets that relate to the number of bookings given, the number of corners taken, any goalscorer or the time of a particular goal, the result will be determined by the Site (acting reasonably) using information from independent sources. In such cases, if any new information comes into the public domain within 48 hours of settlement, then the Site shall (acting reasonably) determine either: (i) whether the market should be reinstated or resettled in light of this new information; or (ii) to wait for further information before deciding whether to reinstate or resettle the market. Except where the Site has announced that it is waiting for further information, any information that comes into the public domain more than 48 hours after a market has been settled shall not be considered by the Site (regardless of whether or not such information may have led to a different result). \n
Tennis
\nGeneral / Exchange Markets
\n- \n
- If a player or pairing retires or is disqualified in any match, the player or pairing progressing to the next round (or winning the tournament in the case of a final) will be deemed the winner. However if less than one set has been completed at the time of the retirement or disqualification then all bets relating to that individual match will be void. \n
- All bets will stand regardless of changes to scheduled venues, including any changes to a different type of surface. \n
- If the scheduled duration of a match is reduced or increased in the number of games/sets required to win, all bets will be void except for those on markets which have been unconditionally determined. Please note that this does not apply to 'Match Odds' or 'Set Winner' markets on Davis Cup matches or 'dead rubber' matches that have been shortened from five sets to three sets after the market has been loaded, provided that the match has been shortened in accordance with the competition's rules. \n
- Where markets are offered on individual games or sets within a match, a retirement or disqualification during a game or set will render bets on that game or set market and all individual game or set markets void except those on markets which have been unconditionally determined. \n
Fancy Markets
\nRetirement or Disqualification:
\n\n1. Head to Head Matchups:
\n- \n
- \n One full set must be completed for Money Line wagers to stand. If less than 1 set is completed, all Money Line wagers will be considered void. The winner of the match is the participant declared the victor by the umpire of the match.\n Example: Nadal trails 0-6, 0-2 vs Djokovic and Djokovic is forced to retire due to injury (or disqualification). All money line wagers stand. Nadal is declared the winner while Djokovic is deemed the loser. All other bets on the Spread, total, team total and sets betting will be void regardless of current score.\n \n
- \n If a player retires before the 1st set is completed, all wagers on the match will be considered void.\n Example: Nadal leads 2-0 vs Djokovic who retires due to injury. All wagers considered void.\n \n
2. First Set Betting:
\n- \n
- If the first set is not completed because of a player retirement or disqualification, all bets on the match will be considered void. Such wagers will be cancelled and the monies refunded. If the first set in a match is completed, the wagers are graded and will stand on that line. \n
3. Sets Betting: (Set Handicap)
\n- \n
- \n If a tennis match is not completed because of a player retirement or disqualification, all Set betting wagers will be considered void. Such wagers will be cancelled and the monies refunded.\n Example: If we offer Player A (-1.5 sets or -2.5 sets) vs Player B (+1.5 sets or +2.5 sets) the match must be completed. If the match is not completed, wagers on that line are void. If we offer Player A to win exactly 2 sets to 1 or Player B to win exactly 2 sets to 1, those lines would be cancelled and refunded in the case of a retirement as well.\n \n
4. Handicap and Total Games Betting: (Match Totals)
\n- \n
- If a tennis match is not completed because of a player retirement or disqualification, all Handicap and Total Games bets will be considered void, regardless of the score of the match. Such wagers will be cancelled and the monies refunded. \n
5. Proposition Betting: (To Win Set)
\n- \n
- If a tennis match is not completed because of a player retirement or disqualification, all proposition wagers will be considered void. Such wagers will be cancelled and the monies refunded, with some exceptions pertaining to propositions that require the completion of an individual set.\n Example: To Win 1st Set (Must Complete 1st Set)\n \n
6. Team Total Betting: (Player Totals)
\n- \n
- If a match ends with a player retirement, the team total bets for each individual player will be voided and graded as no action. A match must be completed for team total bets to be graded as action. \n
- If one of the players does not start the match, or tournament, all team total bets associated with that match will be graded as no action. \n
Delay or Suspension:
\n- \n
- If a tennis match is completed, without retirement or disqualification, all wagers stand as written. A delay in the start of a match will not affect the standing of wagers, nor will a suspension, as long as play is resumed and the match completed. \n
Pro Set:
\n- \n
- If a match is decided on a Pro Set, instead of the normal length of the match, all wagers are refunded except wagers on the 1st set line. \n
- If a match plays with a super tie-break as or is switched to having a super tie-break, then all wagers will be refunded on that match except for the 1st set winner and money line winner. The 1st set winner will have action and will be graded as normal. \n
Change of Venue or Playing Surface:
\n- \n
- All bets stand regardless of any change of venue, court surface, changing from indoors to outdoors and vice versa. \n
Davis and Federation Cup:
\n- \n
- All bets stand regardless of any change of venue, court surface, changing from indoors to outdoors and vice versa.\n Example: A match is scheduled for 5 sets, but only 3 sets can be played because of weather. The leader at the end of 3 sets would be declared the winner of the match. All wagers are refunded except wagers on the 1st set winner line.\n \n
Live Betting (All pre-game rules apply to live wagering in addition to):
\n- \n
- The next point must be played for wagers to have action. If either player retires before the next point is played, all wagers taken since the last point are refunded. \n
- If the first set is not completed, all bets on the outcome of the match (spread, money line, next set and total) will be void. All bets on a specific game will stand, provided that game was completed in its entirety. \n
- Individual Sets Betting: If the stated set is not completed, all live wagers will be voided. \n
- Handicap and Total Games Betting: If a tennis match is not completed because of a player retirement or disqualification, all live wagers on Handicap and Total Games will be voided. The wagers will be cancelled and the monies refunded. Note this also applies to live wagers on lines such as: Rafael Nadal to win Set 2 or Novak Djokovic to win Set 3. \n
- When betting on an individual game, only the score of that specific game is taken into consideration to determine the winner of the game. If the stated game is not completed, all live wagers on the game will be voided.\n For example, when wagering on A. Murray Game 5 of Set 1, the winner of game 5 will determine the winner of this bet.\n \n
- If any subsequent games are not played, bets on those specific games will be void. \n
Greyhound racing
\n- \n
- All bets (excluding those struck on ante-post and Australian licensed markets) are placed on trap numbers. Greyhound names are displayed for information purposes only. \n
- Markets will be determined according to the official result at the time the track gives the result green light status, either in the form of an announcement or by display. Subsequent disqualifications, appeals or amendments to the result will be disregarded. \n
- If a non-runner or reserve runner is declared, then all bets prior to the update of the market on the Site will be void and all unmatched bets including 'Take SP' and 'keep' bets will be cancelled (except for certain SP bets as set out in Paragraph 10.5 of Part B above). \n
- If there are no finishers in any race or any race is declared void before the official result is declared then all bets will be void. \n
- If the scheduled venue is changed after the market has been loaded by the Site, all bets will be void. \n
Australian Specific Non-Runner Rules
\n- \n
- Notwithstanding the above, the following rules apply to declared non-runners in Australian greyhound markets. \n
- If a greyhound becomes a notified non runner after the market is loaded but prior to the commencement of the race it will be removed and all bets on the market, matched prior to the update of the market on the Site, will be voided. \n
- If, following the completion of a race, the stewards declare a greyhound a non-runner, the Site will resettle the market and will void all bets that were placed on that runner only. The Site will then apply a reduction factor to all bets placed on the winner (or placegetters in the case of place markets) based on that runner's weighted average price. \n
Horseracing
\nGeneral
\n- \n
- All individual race markets will be determined according to the official result at the time of the 'weigh-in' announcement (or equivalent). Subsequent disqualifications, appeals or amendments to the result will be disregarded. \n
- If a race is abandoned or otherwise declared void, or in the event of a walkover, all bets on that race will be void. \n
- If the scheduled venue is changed after the market has been loaded by the Site, all bets will be void. \n
- Where a race does not take part on its scheduled day, all bets will be void. \n
- If a scheduled surface type is changed (e.g. turf to dirt) all bets will stand. \n
- Horseracing Exchange Multiples are based on the Site's 'day of the race' markets (and not the Site's ante-post markets). The Site's horseracing ante-post rules do not therefore apply in relation to horseracing Exchange Multiples. \n
The Site Non-Runner Rule
\n- \n
- The Site's non-runner rule relates to the adjustment of odds on bets already matched when a horse in a race is declared a non-runner. In order to make the adjustment the Site applies a reduction factor to the remaining runners. The reduction factor allocated to a non-runner is a calculation (the details of which are described below) of that horse's chances of winning (or being placed, etc as appropriate) and is applied to bets already matched on the other runners in the relevant market or markets. \n
- Any horse listed when the relevant market is loaded which does not subsequently come under starter's orders is deemed to be a non-runner. \n
- When the market is loaded each horse is given a 'reduction factor', based on a forecast price, which is expressed as a percentage. These reduction factors may be updated periodically at the discretion of the Site based on trading in the market, but after approximately 15 minutes (approximately 5 minutes for Australian and US markets) from the scheduled 'off' time of a given race, they will be updated only in exceptional circumstances. The current reduction factor percentage for each horse can be viewed on the 'info' page on the Site website or by asking the Helpdesk. \n
- Reductions will be made to both win and place markets but applied differently (as described below), and horses will have a different reduction factor for each market. \n
- As soon as the Site becomes aware that a horse is an official non-runner or a highly likely non-runner, following a statement to the press from connections, the following will happen:\n
- \n
- All matched bets on that horse will be void and the horse will be removed from the market. \n
- In the win market: if the reduction factor of the non-runner is 2.5% or greater, the traded price of all the matched bets on the remaining horses will be reduced by an amount equal to the non-runner's final reduction factor and all the unmatched offers to lay will be cancelled. If the non-runner's reduction factor is less than 2.5%, reductions will not be applied and unmatched bets will not be cancelled. \n
- In the place market the reduction factor of all non-runners will be applied (even if less than 2.5%) and the potential winnings in relation to matched bets on the remaining horses will be reduced by an amount equal to the non-runner's final reduction factor. Only if the non-runner's reduction factor is 4.0% or greater will all the unmatched offers to lay be cancelled. \n
- All the reduction factors on the remaining horses will be adjusted to reflect their improved chance of winning. \n
\n - Reduction factors are not applied to bets which are struck in-play. However, if a market is turned in-play prematurely by error (or, for example, there is a false start), all bets matched during this time will be subject to any later reduction factor, provided the market is turned out of play before the race commences. In the event of a late withdrawal, the Site reserves the right to remove the runner after completion of the race. In this case only those bets matched prior to the off will be affected by a reduction factor. \n
- In the event of a non-runner being removed from a race in error or following incorrect information regarding a runner's participation, the Site will reinstate both the runner and all previously matched bets associated with that runner. All bets made between the time of withdrawal and reinstatement will be void in both the place market and the win market. The reduction factor applied to matched bets at the time of withdrawal will be reversed and the original prices will become valid. \n
- Any non-runners will be removed from the relevant markets in the order in which they are brought to the Site's attention. If the Site becomes aware of more than one non-runner at the same time, it will remove the non-runners from the relevant markets in racecard order. \n
- If a runner is not included in a market because of an error or because of incorrect information regarding a runner's participation, the Site reserves the right to introduce the missing runner into the market at any time prior to settlement (even after the race has been run), provided that the Site has determined that the missing runner is not a material runner (i.e. a selection with a reduction factor of approx. 2.5% or less in the win market). In such circumstances, all pre-play unmatched and matched bets will stand, however if the runner is not introduced before the start of the race, all in-play bets will be void. However, if the missing runner is deemed to be a material runner, then the malformed market will be void and a new market will be loaded where possible. \n
How the Reductions are applied for Exchange markets
\n- \n
- In the win market, reductions will be made on the traded price.\n For example: if the non-runner's final reduction factor is 25% the traded price on all previously matched bets on other horses will be reduced by 25% - traded price of 8.0 would become 6.0 etc. And these might be further reduced if another horse is subsequently declared a non-runner.\n For example: if the non-runner's final reduction factor is 25% the traded price on all previously matched bets on other horses will be reduced by 25% - - traded price of 8.0 would become 6.0. If the each Way terms were 1/5th odds for 3 places, the corresponding price for the Place portion of the bet would reduce from 2.4 to 2.0.\n \n
- In the place market, reductions will be made to the potential winnings on the bet only, and not the traded price.\n For example: if the non-runner's final reduction factor is 25% the potential winnings on all previously matched bets on the other horses will be reduced by 25% - a traded price of 8.0 would become 6.25.\n For example a £10 bet on a horse to be placed at a traded price of 8.0 would provide winnings of £70. If there is a non-runner with a reduction factor of 25% in the race, that factor will be applied to the £70 of potential winnings leaving potential winnings of £52.50. Therefore the revised traded price will be 6.25.\n \n
- The traded price may be further reduced if any other horse(s) is subsequently declared a non-runner, however odds cannot be reduced below 1.01. \n
- Reserves: A reserve runner may appear in the relevant markets but will have a non-applicable reduction factor until the Site has received confirmation that it is a confirmed runner, in which case an applicable reduction factor may apply to it. \n
- For the avoidance of doubt, any reduction factor applicable to a non-runner replaced by a reserve, will be applied to all bets struck on the relevant markets, prior to the removal from those markets of such non-runner by the Site. Likewise, should a reserve runner become a confirmed runner but subsequently become a non-runner, any reduction factor applicable to such non-runner will be applied to all bets struck on the relevant markets, prior to the removal from those markets of such non-runner by the Site. \n
Additional rules
\n- \n
- Card numbers are posted as a guide only: bets are placed on a named horse. \n
- Horses will not be coupled. \n
- Where any horse(s) runs for purse money only it is deemed a non-runner for betting purposes. Should this result in the number of possible winners stated in the relevant Market Information being equal to or greater than the number of runners in the relevant Site market, all bets in the market will be void. \n
\n
\n )\n )\n}\n\nexport default RulesRegs\n","import \"./ChangePassword.scss\";\nimport { IonContent, IonHeader, IonInput, IonItem, IonList, IonPage } from '@ionic/react'\nimport React, {useEffect, useState} from \"react\";\nimport Toolbar from \"../../components/Toolbar/Toolbar\";\nimport {connectChangePassword} from \"./ChangePassword.connect\";\nimport {toastr} from \"react-redux-toastr\";\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop'\n\nconst ChangePassword = ({user, actions, elementsParams, ...props}) => {\n const [formError, setFormError] = useState(\"\");\n const [formSuccess, setFormSuccess] = useState(\"\");\n const [passwordOldError, setPasswordOldError] = useState(\"\");\n const [passwordNewError, setPasswordNewError] = useState(\"\");\n const [passwordRepeatError, setPasswordRepeatError] = useState(\"\");\n const [formValue, setFormValue] = useState({oldPassword: \"\", newPassword: \"\", repeatPassword: \"\"});\n const [showLabel, setShowLabel] = useState({oldPassword: false, newPassword: false, repeatPassword: false});\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const onFormChange = (e) => {\n setFormSuccess(\"\");\n setFormValue({...formValue, [e.target.name]: e.target.value});\n };\n const onInputClick = (e) => {\n setShowLabel({...showLabel, [e.target.name]: true});\n };\n const onInputLeave = (e) => {\n if (!formValue[e.target.name]) setShowLabel({...showLabel, [e.target.name]: false});\n };\n const submitDesktop = async () => {\n try {\n const resPass = /^([A-Za-z0-9~`'\\"!@#№\\?\\$%\\^&\\*\\(\\)_\\-\\+\\\\=<>\\|\\/\\.,:;\\[\\]{}]{6,25})$/;\n // form validation\n if (!formValue.newPassword && !formValue.oldPassword && !formValue.repeatPassword) return setFormError(\"Please fill all fields.\");\n else if (formError) setFormError(\"\");\n\n if (!formValue.oldPassword) return setPasswordOldError(\"This field is required\");\n else if (formValue.oldPassword) setPasswordOldError(\"\");\n if (formValue.oldPassword.length < 6 || formValue.oldPassword.length > 15) return setPasswordOldError(\"Password should be between 6 and 15 characters.\");\n else if (passwordOldError) setPasswordOldError(\"\");\n if (!resPass.test(formValue.oldPassword)) return setPasswordOldError(\"Must contain only latin letters, digits or special characters\");\n else if (passwordOldError) setPasswordOldError(\"\");\n\n if (!formValue.newPassword) return setPasswordNewError(\"This field is required\");\n else if (passwordNewError) setPasswordNewError(\"\");\n if (formValue.newPassword.length < 6 || formValue.newPassword.length > 15) return setPasswordNewError(\"Password should be between 6 and 15 characters.\");\n else if (passwordNewError) setPasswordNewError(\"\");\n if (!resPass.test(formValue.newPassword)) return setPasswordNewError(\"Must contain only latin letters, digits or special characters\");\n else if (passwordNewError) setPasswordNewError(\"\");\n\n if (!formValue.repeatPassword) return setPasswordRepeatError(\"This field is required\");\n else if (passwordRepeatError) setPasswordRepeatError(\"\");\n if (formValue.newPassword !== formValue.repeatPassword) return setPasswordRepeatError(\"Passwords mismatch.\");\n else if (passwordRepeatError) setPasswordRepeatError(\"\");\n\n await actions.requestChangePassword(user.memberCode, {\n oldPassword: formValue.oldPassword,\n password: formValue.newPassword,\n passVerify: formValue.repeatPassword,\n })\n .then(() => {\n toastr.success(\"\", \"Password was changed successfully\");\n setFormSuccess(\"Password was changed successfully\");\n });\n } catch (e) {\n if (e.oldPassword && e.oldPassword[0] && e.oldPassword[0].description) toastr.error(\"\", e.oldPassword[0].description);\n else toastr.error(\"\", \"Something went wrong\");\n }\n };\n const submit = async () => {\n try {\n // form validation\n if (!formValue.newPassword && !formValue.oldPassword && !formValue.repeatPassword) return setFormError(\"Please fill all fields.\");\n else if (formError) setFormError(\"\");\n if (!formValue.oldPassword) return setPasswordOldError(\"Old Password is required.\");\n else if (!formValue.oldPassword) setPasswordOldError(\"\");\n if (!formValue.newPassword) return setPasswordNewError(\"Password is required.\");\n else if (passwordNewError) setPasswordNewError(\"\");\n if (formValue.newPassword !== formValue.repeatPassword) return setPasswordRepeatError(\"Passwords mismatch.\");\n else if (passwordRepeatError) setPasswordRepeatError(\"\");\n if (formValue.newPassword.length < 6 || formValue.newPassword.length > 15) return setPasswordNewError(\"Password should be between 6 and 15 characters.\");\n else if (passwordNewError) setPasswordNewError(\"\");\n\n await actions.requestChangePassword(user.memberCode, {\n oldPassword: formValue.oldPassword,\n password: formValue.newPassword,\n passVerify: formValue.repeatPassword,\n })\n .then(() => toastr.success(\"\", \"Password was changed successfully\"));\n } catch (e) {\n if (e.oldPassword && e.oldPassword[0] && e.oldPassword[0].description) toastr.error(\"\", e.oldPassword[0].description);\n else toastr.error(\"\", \"Something went wrong\");\n }\n };\n\n if ( width < 1024 ) {return (\n \n
\n THE SITE RULES AND REGULATIONS
\n\n
\n\n PART A - INTRODUCTION
\nUse and interpretation
\nThese Rules and Regulations (\"Rules\") are part of the Site's terms and conditions.
\nThe Rules apply to all bets placed on this online betting platform (\"Site\"). The Rules consist of the following:
\n- \n
- This INTRODUCTION section (Part A); \n
- The GENERAL RULES (set out in Part B below); and \n
- The SPECIFIC SPORTS RULES (set out in Part C below - these apply to certain sports). \n
The General Rules apply to all bets unless stated otherwise in the Specific Sports Rules. If there is any inconsistency between the Specific Sports Rules and the General Rules, the Specific Sports Rules shall prevail.
\nThe rules governing how markets are offered, managed and/or settled are not the same for every market on each product. In certain circumstances, a bet that is settled as a winner on one product may be settled as a loser on the other product (and vice versa). Additionally, different settlement rules may apply so that, for example, bets that are a winner on one product may be settled as a dead heat or be voided on the other product. Customers must ensure that they familiarise themselves with the relevant rules that apply to the bets that they place on the Site.
\nCustomer responsibility
\n- \n
- Customers should make themselves aware of all of the Rules affecting any market on which they wish to place a bet. \n
- In particular, customers who use the \"one-click\" option to place bets are solely responsible for their actions and the Site shall have no liability to such customers for any errors made by customers when using this option. \n
\n
\n\n PART B - GENERAL RULES
\nMatters beyond the Site's reasonable control and malfunctions
\nThe Site is not liable for any loss or damage you may suffer because of any: act of God; power cut; trade or labour dispute; act, failure or omission of any government or authority; obstruction or failure of telecommunication services; or any other delay or failure caused by a third party or otherwise outside of our control. In such an event, the Site reserves the right to cancel or suspend access to the Site without incurring any liability.
\nThe Site is not liable for the failure of any equipment or software howsoever caused, wherever located or administered, or whether under its direct control or not, that may prevent the operation of the Site.
\nIn the event of a technological failure or error which is apparent to the customer, the customer is obliged to notify the Site of such failure/error immediately. If the customer continues to place a bet in these circumstances, they shall take reasonable action to minimise any potential loss. In the absence of such action, the Site reserves the right to void a bet.
\nThe Site reserves the right in its absolute discretion to restrict access to the Site, or withhold funds or void any bets outstanding to a customer’s account in its absolute discretion in the event of a technological failure or other malfunction which affects the integrity of the Site whether this is under its direct control or otherwise. Customers will be notified on the Site of any such malfunction which may operate to prevent the placing of further bets or which may result in outstanding bets being voided.
\nManaging markets In-Play
\nGeneral
\n- \n
- For everything other than horseracing and greyhound racing, if a market is not scheduled to be turned in-play but the Site fails to suspend the market at the relevant time, then:\n
- \n
- if the event has a scheduled 'off' time, all bets matched after that scheduled off time will be void; and \n
- if the event does not have a scheduled 'off' time, the Site will use its reasonable endeavours to ascertain the time of the actual 'off' and all bets after the time of the 'off' determined by the Site will be void. \n
\n - For horseracing and greyhound racing, if a market is not scheduled to be turned in-play but the Site fails to suspend the market at the relevant time, then all bets matched after the official 'off' time will be void. \n
- The Site aims to use its reasonable endeavours to suspend in-play markets at the start of and at the end of the event. However, the Site does not guarantee that such markets will be suspended at the relevant time. \n
- Customers are responsible for managing their in-play bets at all times. \n
- For the purposes of in-play betting, customers should be aware that transmissions described as \"live\" by some broadcasters may actually be delayed or pre-recorded. The extent of any delay may vary depending on the set-up through which they are receiving pictures or data. \n
All markets other than soccer markets - not suspending at the time of the 'off'
\n- \n
- In relation to markets which are scheduled to be turned in-play, the Site aims to use its reasonable endeavours to turn such markets in-play at the time of the 'off'. However, the Site does not guarantee that such markets will be suspended and turned in-play at the time of the 'off'. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market and cancel unmatched bets at the time of the 'off' and the market is not turned in-play with unmatched bets cancelled at any time during the event, all bets matched after the scheduled time of the 'off' will be void (in the case of horseracing and greyhound racing, bets will be void from the official rather than the scheduled 'off' time). If the event does not have a scheduled 'off' time, the Site will use its reasonable endeavours to ascertain the time of the actual 'off' and all bets after the time of the 'off' determined by the Site will be void. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at the time of the 'off' (so unmatched bets are not cancelled at that time), but the market is intentionally turned in-play at a later time during the event, all bets matched after the time of the 'off' will stand. \n
Soccer markets - not suspending at kick-off or on the occurrence of a Material Event and rules relating to VAR
\n- \n
- Not suspending at kick-off\n
- \n
- In relation to soccer markets that are scheduled to be turned in-play, the Site aims to use its reasonable endeavours to turn such markets in-play at kick-off and to suspend such markets on the occurrence of a Material Event (see definition of \"Material Event\" below). \n
- The Site does not guarantee that such markets will be suspended and turned in-play at kick-off. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at kick-off and the market is not turned in-play at any time during the match, all bets matched after the scheduled time of the kick-off will be void. \n
- If a market is scheduled to be turned in-play but the Site does not suspend the market at kick-off (so unmatched bets are not cancelled at that time), but the market is turned in-play at a later time during the match, all bets matched after the scheduled time of the kick-off and before the first \"Material Event\" will stand. However, if there has been one or more \"Material Events\", any bets matched between the first \"Material Event\" and the market being turned in-play will be void. \n
\n - Not suspending on the occurrence of a Material Event and cancellations of Material Events due to VAR\n
- \n
- If the Site does not suspend a market on time for the occurrence of a Material Event, the Site reserves the right to void bets unfairly matched after the Material Event has occurred. Voiding of these bets may take place during the event or retrospectively once a game is completed. \n
- Where a Material Event is cancelled due to a determination made via a video assistant referee, the Site will void all bets which are matched between the occurrence of the Material Event and the cancellation of it. The voiding of any such bets may take place during the event or retrospectively once a game is completed. \n
\n - Definition of \"Material Event\"\n
- \n
- For the purpose of these Rules, a \"Material Event\" shall mean a goal being scored, a penalty being awarded or a player being sent off. \n
\n
Results and market settlement
\nGeneral
\n- \n
- Markets will be settled in accordance as set out in the Specific Sports Rules. \n
- Where the Specific Sports Rules do not specify how and on what basis a market will be settled, markets will be settled on the official result of the relevant governing body regardless of any subsequent disqualification or amendment to the result (except if an amendment is announced within 24 hours of the initial settlement of the relevant market in order to correct an error in reporting the result). \n
- If no official result of a relevant governing body is available, the result will be determined by the Site (acting reasonably) using information from independent sources. In such cases, if any new information comes into the public domain within 48 hours of settlement, then the Site shall (acting reasonably) determine either: (i) whether the market should be reinstated or resettled in light of this new information; or (ii) whether or not to wait for further information before deciding whether to reinstate or resettle the market. Except where the Site has announced that it is waiting for further information, any information that comes into the public domain more than 48 hours after a market has been settled shall not be considered by the Site (regardless of whether or not such information may have led to a different result). \n
- In the event of any uncertainty about any result or potential result, the Site reserves the right to suspend settlement of any market for an unlimited period until the uncertainty can be resolved to the reasonable satisfaction of the Site. The Site reserves the right to void any market if the uncertainty regarding settlement cannot be resolved to the Site's reasonable satisfaction. \n
Resettlements
\n- \n
- Markets are generally settled shortly after the end of the event in question. the Site may settle (or part-settle) some markets before the official result is declared (or may increase a customer's 'available to bet' balance by the minimum potential winnings of that customer on a given market) purely as a customer service benefit. However, the Site reserves the right to amend the settlement of the market if: (i) the official result is different to the result on which the Site initially settled the market; or (ii) if the whole market is eventually voided (e.g. for an abandoned event). \n
- The Site reserves the right to reverse the settlement of a market if a market is settled in error (for example, a human or technical error). \n
- If The Site resettles a market, this may lead to amendments being made to a customer's balance to reflect changes in market settlement. \n
Non-runners, withdrawals and disqualifications
\n- \n
- Subject always to the Site's right to void bets under its terms and conditions or for any exception under the Rules, if a market contains a statement that says \"All bets stand, run or not\" (or something similar), then all bets on a team or competitor will stand regardless of whether or not the team or competitor starts the event or takes any part in the event. \n
- If a team or competitor is disqualified, withdraws or forfeits after starting an event they will be deemed a loser providing at least one other team or competitor completes the event. If no team or competitor completes an event (having started) then all bets will be void except for bets on any markets which have been unconditionally determined. \n
Winner with [named selection]' markets
\n- \n
- The Site may from time to time offer markets that are dependent on the participation of a particular competitor. If the competitor named in a 'Winner with …' market title does not participate in the tournament or event then all bets on the market will be void. \n
- A team or competitor will be deemed to have participated if they have taken part to the extent necessary to record an official result or classNameification (including any disqualification but excluding any \"did not start\" or equivalent classNameification). \n
Abandonments, Cancellations, Postponements
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, where a market has no rules in the Specific Sports Rules in relation to an abandonment, cancellation and/or postponement the following shall apply.
\nIn relation to any match, fixture, game, individual event, or similar: If the event is not completed within three days after the scheduled completion date, then all bets on markets for this event will be void, except for bets on any markets that have been unconditionally determined.
\nIn relation to any tournament, competition or similar: If the event is not completed within three days after the scheduled completion date, then any markets relating to the event will be settled in accordance with the official ruling of the relevant governing body, providing such a decision is given within 90 days after the scheduled completion date. If no official ruling is announced in this 90 day period, then bets on any market relating to this event will be void, except for bets on any markets which have been unconditionally determined. If a market is to be voided but has been part-settled as a courtesy to customers, then such part-settled bets will be reversed and all bets on the market will be void.
\nThe Site will decide (acting reasonably) whether a market relates to a match (or similar) or a tournament (or similar).
\n\nChange of venue
\nSome markets have different rules and these are listed in the Specific Sports Rules.
\nHowever, if change of venue is not dealt with in the Specific Sports Rules then the following shall apply:
\n- \n
- For any team sport: if the scheduled venue is changed after the market is loaded by the Site, all bets will be void only if the new venue is a home ground of the original away team \n
- For all categories or markets other than team sports: if the scheduled venue is changed after the market is loaded by the Site, all bets will stand. \n
- If there is a change in the type of scheduled surface after the market has been loaded, all bets will stand. \n
Periods of time
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, if not dealt with in the Specific Sports Rules then the following shall apply.
\nIf the scheduled duration of an event is changed after the market has been loaded but before the start of the event, then all bets will be void.
\nSome markets refer to the length of time until an occurrence in the event (e.g. time of first goal). If an event happens in stoppage or injury time after any regular time period then it will be deemed to have occurred at the end of the regular time period. For example, if a goal is scored in first half stoppage-time in a soccer match it will be deemed to have occurred on 45 minutes.
\nAll bets apply to the relevant full 'regular time' period including stoppage time. Any extra-time and/or penalty shoot-out is not included.
\nReferences within these Rules to a particular number of 'days' shall mean the end of the day local time after the expiry of the specified number of days.
\n\n\"To qualify\" markets
\nSome markets have different rules and these are listed in the Specific Sports Rules. However, if not dealt with in the Specific Sports Rules then the following shall apply.
\nAny 'to qualify' market (e.g. \"to reach the final\" markets) will be determined by the competitor or team that qualifies, whether or not they take part in the next round or event for which they have qualified. Markets will be settled after the qualifying stage and any subsequent disqualification or amendment to the result will not count.
\n\nDead heats
\nUnless stated otherwise in the Specific Sports Rules the Dead Heat Rule applies to bets on a market where there are more winners than expected.
\nFor each bet matched on a relevant winning selection, the stake money is first reduced in proportion by multiplying it by the sum of the number of winners expected, divided by the number of actual winners (i.e. stake multiplied by (number of winners expected/number of actual winners)). The winnings are then paid to the successful backers on this 'reduced stake' (reduced stake multiplied by traded price) and the remaining stake money is paid to the appropriate layers.
\n\nMiscellaneous
\n- \n
- All references to time periods in the Rules relate to the time zone in which the event takes place.\n For example, a reference to the start time of a football match, relates to the local kick-off time.\n \n
- All information supplied by the Site is done so in good faith. However, the Site cannot accept liability for any errors or omissions in respect of any information, such as the posting of prices, runners, times, scores, results or general statistics. \n
- The Site reserves the right to correct any obvious errors and shall take all reasonable steps to ensure markets are administered with integrity and transparency. \n
- If an incorrect team or competitor name is displayed (excluding minor spelling mistakes) or the incorrect number of teams, competitors or outcomes is displayed in any complete market or a market is otherwise loaded using incorrect information or includes any obvious error, then the Site reserves the right to suspend the market and (providing it acts reasonably) to void all bets matched on the market. \n
- Customers are responsible for ensuring that they satisfy themselves that the selection on which they place a bet is their intended selection.\n For example, in the case of a competitor bearing the same name as another individual not competing in the relevant event, the onus is on the customer to ensure that they know which competitor the Site has loaded into the relevant market and to ensure that they are placing their bet on their chosen competitor.\n \n
- The Site may, in its sole and absolute discretion, decide to suspend betting on a market at any time (even if such suspension is earlier than anticipated by the Rules). In the interests of maintaining integrity and fairness in the markets, the Site may also void certain bets in a market or void a whole market in its entirety. \n
- In the event that members are unable to place bets due to technical issues or for any other reason, the Site has no obligation to accept bets in an alternate manner. Any bets attempted to be placed in another manner will not be accepted. \n
- The Site reserves the right to void any bets placed on markets where an incorrect price or line was offered. \n
- The Site reserves the right to close or suspend a customer’s account if it considers that that customer has used the Site in an unfair manner, has deliberately cheated or taken unfair advantage or if the customer’s account is being used for the benefit of a third party. The Site also reserves the right to close or suspend a customer’s account if it considers that it has been used in a fraudulent manner or for illegal and/or unlawful or improper purposes. \n
- The Site reserves the right to amend the Rules at any time. Any such revision will be binding and effective immediately on the posting of such rule changes on the Site and any markets loaded after the new Rules have been posted shall be governed by the new Rules. \n
- The Site reserves the right to cancel unmatched bets to protect customers at any time. \n
- The Site shall use its reasonable endeavours to resolve disputes and shall act with fairness and integrity in exercising its rights under these rules. The Site’s decision in such cases shall be final and binding upon the customer. \n
- On the settlement of any market, amounts relating to:\n
- \n
- winnings/losses on bets; and \n
- any charges \n
\n
Multiple accounts
\nCustomers are not permitted to hold multiple accounts. This includes holding an account with any other site operating on the same platform as this Site.
\nCustomers who continue to operate multiple accounts will have their accounts \"linked\" and managed accordingly which may affect the extent to which bets can be placed on the Site.
\nIf the Site believes, in its absolute discretion, that customers have registered and/or used more than one account, and/or acted in collusion with one or more other individuals through a number of different accounts, the Site reserves the right to void bets and/or withhold any winnings arising from such a behaviour.
\n\nUse of Virtual Private Network (VPN) and Proxy Servers
\nCustomers using VPN applications to mask location or proxy servers to mask device are liable to having bets invalidated.
\nCustomers appearing from multiple IP locations are also liable to having bets invalidated.
\n\nCheating/Sniping
\nCheating of any kind is not allowed and customers bets who are deemed to be cheating are liable to have bets made void.
\nCheating includes but is not limited to; market price manipulation, court siding, sniping and commission abuse.
\n\nIntegrity
\nThe Site reserves the right to void any bets that are under review as part of any integrity investigation.
\nThe Site may void certain bets in a market or void a whole market in its entirety as a result of any integrity investigation.
\nThe Site’s decision in such integrity cases shall be final and binding upon the customer.
\n\n
\n PART C - SPECIFIC SPORTS RULES
\nCricket
\nGeneral
\n- \n
- If a ball is not bowled during a competition, series or match then all bets will be void except for those on any market that has been unconditionally determined (e.g. in the 'Completed Match' market). \n
- If a match is shortened by weather, all bets will be settled according to the official result (including for limited overs matches, the result determined by the Duckworth Lewis method). \n
- In the event of a match being decided by a bowl-off or toss of the coin, all bets will be void except for those on markets that have been unconditionally determined. \n
Test matches
\n- \n
- If a match starts but is later abandoned for any reason other than weather (which may include but is not limited to: dangerous or unplayable wicket or outfield; pitch vandalism; strike or boycott; crowd protests/violence; stadium damage; acts of terrorism; and acts of God), the Site reserves the right to void all bets, except for those on markets that have been unconditionally determined. \n
- If the match is not scheduled to be completed within five days after the original scheduled completion date, then all bets on markets for this event will be void, except for bets on any markets that have been unconditionally determined. \n
Limited Over matches
\n- \n
- If a match is declared \"No Result'', bets will be void on all markets for the event except for those markets which have been unconditionally determined or where the minimum number of overs have been bowled as laid out in the market specific information. \n
- In the event of a new toss taking place on a scheduled reserve day for a limited overs match all bets that were placed after 30 minutes before the original scheduled start of play on the first day will be made void. This rule relates to all markets except those that have been unconditionally determined (e.g. in the win the toss and toss combination markets). \n
- The Site will void all Super Over bets in the event of a tied Super Over regardless of settlement rules elsewhere. \n
Completed Match
\n- \n
- A match will be treated as \"Completed\" when the required number of overs for that game have been completed as determined by the match officials. If the required number of overs for that match has not been completed, the match will be treated as \"Match Abandoned\" or \"No Result\" and bets will be settled accordingly. \n
- Please be aware that bets will carry over onto any reserve day and will be settled on the official result of the match. If a match is postponed or abandoned for any reason other than weather (which may include but is not limited to: dangerous or unplayable wicket or outfield; pitch vandalism; strike or boycott; crowd protests/violence; stadium damage; acts of terrorism; and acts of God), The Site reserves the right to void all bets on this market. \n
Sessions/Innings/Player Runs - Fancy
\n- \n
- All session/innings/player runs are based on Haar-Jeet odds format. \n
- In the event of rain reduced innings:\n
- \n
- If an innings is curtailed before the original scheduled start of play, all bets will be settled. \n
- If an innings is curtailed after start of play, then all bets on markets for this event will be settled up to the stipulated new innings length. \n
\n - In any session market, in the event a session is not completed in full because a team is all out or declared, all bets will remain valid and the market will be settled at the innings score. \n
- For Advance Session markets denoted by 'ADV' in market name only the 1st team to bat Innings markets are valid. For Test Matches the 1st innings for each team is valid. \n
- We endeavour to suspended all ADV markets during the toss but this is not guaranteed for all events and dependent on media coverage. The site reserves the right to void bets deemed to take advantage of information not generally available. \n
- If any fixture is subject to conditions that may alter the length, structure or format of the fixture in any manner (e.g. rain), ADV markets may be suspended. \n
- Batsman Runs - bets will stand if the batsman has faced one ball or is given out before first ball is faced. Score counts if batsman is Not-Out including if innings is declared. In case of rain, match abandoned etc. settled bets will be valid. \n
- Runs at Fall of 1st Wicket – This market will be settled based on the total number of runs scored at the fall of the first wicket. At least one ball must be bowled, if no wickets fall bets will be void unless settlement is already determined. \n
- Runs at Fall of Next Wicket - The score before the fall of the specified wicket determines the result of the market. If a team declares or reaches their target then the score at the conclusion of the innings will determine the settlement of the bets. Bets will be void should no more play take place following the intervention of rain, or any other delay, as the ability to reach previous quotes offered will have been removed. In case of rain, match abandoned etc. settled bets will be valid. \n
- Over Total Runs – Bets will be settled on the total number of runs scored during the 1st over of the match. The over must be completed for bets to stand unless settlement is already determined. \n
- In the instance that a market is not suspended upon the completion of the market, all bets placed after the time of completion may be made void. \n
- ADV Opening Batsmen markets are only valid if the batsmen selected in the market opens the batting. If the opening batsmen change, then the opening batsmen market in relation to the particular player who was changed will be made void. \n
- Extras and penalty runs will be included for settlement purposes with the exception of penalty runs awarded due to a slow over rate which will be excluded \n
Format Specific Session Runs Rules
\nTest Matches
\n- \n
- Test Matches (Meter Paari) - All bets, open or closed, on a team’s innings runs shall be void if 70 full overs are not bowled unless one team has won, is dismissed or declares prior to that point. \n
- ADV markets for both teams will be valid in test matches, regardless of which team bats first. \n
- Where a session is open for a nominated number of overs but the team declare before the end of that session, the session is made complete by the remaining number of balls from the opposing team’s innings that follows the declaration. \n
- Day 1, session 1, a minimum of 25 overs must be bowled, otherwise all bets in this session market will be void. \n
- Day 1, session 2, a minimum of 25 overs must be bowled, otherwise all bets in this session market will be void. \n
- 1st Day Total Run markets will only be valid if a minimum of 80 overs are bowled on this day. Otherwise all bets in this market will be void. \n
- Test Matches - (PLAYERS METER) Individual Batsmen Runs / Partnerships - All bets, open or closed, on an individual batsman or partnership runs shall be void if 50 full overs are not bowled unless one team has won, is dismissed or declares prior to that point. Bets on partnership totals make up when the next wicket falls. If a batsman in the relevant partnership retires hurt, the partnership is treated as continuing between the remaining batsman and the batsman who comes to the wicket. A partnership is also treated as being ended by the end of an innings. \n
- Total Match Four, Total Match Sixes, Total Match Runs, Total Match Wides, Total Match Extras, Total Match Wicket, Top Batsmen, Highest Over, Innings Designated Line Markets will only be valid if the third innings is played. Otherwise, all bets will be void. \n
- Next Batsman Out markets - if a player retires injured, bets will be void in this market. \n
Limited Overs Matches
\n- \n
- Limited Overs Matches - (Player Meter), Individual Batsmen Runs or Partnerships - In a limited overs match where bets may be made on an individual batsman or partnership runs in-play and the innings is curtailed or subject to any reduction in overs, then these markets will be settled at the midpoint of the last available quote before the overs were reduced. If the innings resumes at a later time, a new market may be formed. If a customer wants a position in the new market they are required to place a new bet. If there are any subsequent reductions in overs, exactly the same rules will continue to apply i.e. the market is settled at the midpoint of the last available quote before the overs were reduced and a new market may be formed. \n
- Total Match Four,Total Match Sixes, Total Match Runs, Total Match Wides, Total Match Extras, Total Match Wicket, Top Batsmen, Highest Over, Innings Designated Line Markets will only be valid if the second innings is played. Otherwise, all bets will be void. \n
- In the event of an inning length being altered due to rain, match abandonment or any other condition, markets already settled will remain settled and all bets will remain valid. Bets in markets that are yet to be determined will be void. \n
Exchange Runs
\n- \n
- Bets are placed in an exchange and matched with corresponding bets. \n
- Bets will be matched at the requested run line or better. \n
- All exchange runs are based on decimal odds format. \n
- All bets are placed at 2.00 odds. \n
- \n Bets will be void in the following cases, regardless of whether the outcome of the bet is already unconditionally determined:\n
- \n
- if the scheduled number of overs for the innings is reduced by rain interruption and at settlement time, the actual number of overs bowled is less than the number of overs stipulated for the market; or \n
- if the scheduled number of overs for the innings is reduced for any other reason after the innings has begun, and at settlement time, the reduced number of scheduled overs is less than the number of overs stipulated for the market. \n
\n - Please note that if the batting side reach their target within the total amount of stipulated overs or have been bowled out and the innings hasn’t been reduced in overs to less than the stipulated number of overs for the market, the market will be settled as complete. \n
Soccer
\n- \n
- If the Site does not suspend a market on time for the occurrence of a Material Event, the Site reserves the right to void bets unfairly matched after the Material Event has occurred. Voiding of these bets may take place during the event or retrospectively once a game is completed. \n
- If a match has not started (or if the Site believes that a match will not have started) by 23:59 (local time) on its scheduled start date, then all bets will be void unless the Site has knowledge that the match has been rescheduled to be played within three days of its original start date. \n
- If a match starts but is later abandoned or postponed and the Site believes that the match will not have been completed by 23:59 (local time) on its scheduled start date, then all markets, with the exception of any unconditionally determined markets, will be void unless the Site has knowledge that the match has been rescheduled to be played within three days of its original start date. If the Site does have knowledge that the game will be played within three days and the game is played within three days, then all bets will stand except if the match is restarted from the beginning. If the match is restarted from the beginning then all bets matched before the market went in-play will stand, but any bets placed in-play will be void, except for any bets placed in-play on markets which have been unconditionally determined, which will stand. \n
- For Friendly matches, all bets apply to the full duration of play according to the match officials, plus any stoppage time. If a friendly match starts but is later abandoned or postponed and is not completed (i.e. the full duration of play according to match officials, plus any stoppage time) within three days of the scheduled start date, all bets will be void except for those on markets which have been unconditionally determined. In the case of ambiguity over the official result from match officials, the outcome will be determined by the Site (acting reasonably) using information from independent sources. \n
- Match odds bets apply to the full duration of play according to the match officials, plus any stoppage time. They do not include any result given after Extra Time or Penalties. \n
- If an official fixture lists different team details to those listed on the Site (for example, the team name, reserves, age group, gender, etc), then all bets matched on the affected markets will be void. In all other cases, bets will stand (including instances where a team name is listed without specifying the term 'XI' in the name). If an official fixture is shown on the Site under an incorrect competition name, then the Site reserves the right to void all bets matched on the affected markets. \n
- If a team is disqualified, thrown out or otherwise removed from a league, one of the following will apply:\n
- \n
- If this happens before the relevant season has started, all bets on all affected markets will be void (except for those on markets which have been unconditionally determined); \n
- If this happens after relevant season has started, all affected markets will stand and the team will be deemed to be relegated and all bets on that team will be settled accordingly in all relevant markets (assuming, of course, that it is not subsequently reinstated before the end of the season). \n
\n - The relevant season will be deemed to have started once the first league game has been played. For the purposes of this rule, markets relating to individual matches will not be deemed to be \"affected markets\". \n
- For 'top goalscorer' markets only the goals scored in the league or competition stated in the Market Information count. For example, if a player joins a club mid-season any goals scored in a different league will not count, however goals scored for a different club in the same league will count. Own goals will not count. \n
- In markets which relate to the number of incidents to occur, such as 'number of corners', these will be determined on the basis of the number taken, rather than awarded. \n
- For markets that relate to the number of bookings given, the number of corners taken, any goalscorer or the time of a particular goal, the result will be determined by the Site (acting reasonably) using information from independent sources. In such cases, if any new information comes into the public domain within 48 hours of settlement, then the Site shall (acting reasonably) determine either: (i) whether the market should be reinstated or resettled in light of this new information; or (ii) to wait for further information before deciding whether to reinstate or resettle the market. Except where the Site has announced that it is waiting for further information, any information that comes into the public domain more than 48 hours after a market has been settled shall not be considered by the Site (regardless of whether or not such information may have led to a different result). \n
Tennis
\nGeneral / Exchange Markets
\n- \n
- If a player or pairing retires or is disqualified in any match, the player or pairing progressing to the next round (or winning the tournament in the case of a final) will be deemed the winner. However if less than one set has been completed at the time of the retirement or disqualification then all bets relating to that individual match will be void. \n
- All bets will stand regardless of changes to scheduled venues, including any changes to a different type of surface. \n
- If the scheduled duration of a match is reduced or increased in the number of games/sets required to win, all bets will be void except for those on markets which have been unconditionally determined. Please note that this does not apply to 'Match Odds' or 'Set Winner' markets on Davis Cup matches or 'dead rubber' matches that have been shortened from five sets to three sets after the market has been loaded, provided that the match has been shortened in accordance with the competition's rules. \n
- Where markets are offered on individual games or sets within a match, a retirement or disqualification during a game or set will render bets on that game or set market and all individual game or set markets void except those on markets which have been unconditionally determined. \n
Fancy Markets
\nRetirement or Disqualification:
\n\n1. Head to Head Matchups:
\n- \n
- \n One full set must be completed for Money Line wagers to stand. If less than 1 set is completed, all Money Line wagers will be considered void. The winner of the match is the participant declared the victor by the umpire of the match.\n Example: Nadal trails 0-6, 0-2 vs Djokovic and Djokovic is forced to retire due to injury (or disqualification). All money line wagers stand. Nadal is declared the winner while Djokovic is deemed the loser. All other bets on the Spread, total, team total and sets betting will be void regardless of current score.\n \n
- \n If a player retires before the 1st set is completed, all wagers on the match will be considered void.\n Example: Nadal leads 2-0 vs Djokovic who retires due to injury. All wagers considered void.\n \n
2. First Set Betting:
\n- \n
- If the first set is not completed because of a player retirement or disqualification, all bets on the match will be considered void. Such wagers will be cancelled and the monies refunded. If the first set in a match is completed, the wagers are graded and will stand on that line. \n
3. Sets Betting: (Set Handicap)
\n- \n
- \n If a tennis match is not completed because of a player retirement or disqualification, all Set betting wagers will be considered void. Such wagers will be cancelled and the monies refunded.\n Example: If we offer Player A (-1.5 sets or -2.5 sets) vs Player B (+1.5 sets or +2.5 sets) the match must be completed. If the match is not completed, wagers on that line are void. If we offer Player A to win exactly 2 sets to 1 or Player B to win exactly 2 sets to 1, those lines would be cancelled and refunded in the case of a retirement as well.\n \n
4. Handicap and Total Games Betting: (Match Totals)
\n- \n
- If a tennis match is not completed because of a player retirement or disqualification, all Handicap and Total Games bets will be considered void, regardless of the score of the match. Such wagers will be cancelled and the monies refunded. \n
5. Proposition Betting: (To Win Set)
\n- \n
- If a tennis match is not completed because of a player retirement or disqualification, all proposition wagers will be considered void. Such wagers will be cancelled and the monies refunded, with some exceptions pertaining to propositions that require the completion of an individual set.\n Example: To Win 1st Set (Must Complete 1st Set)\n \n
6. Team Total Betting: (Player Totals)
\n- \n
- If a match ends with a player retirement, the team total bets for each individual player will be voided and graded as no action. A match must be completed for team total bets to be graded as action. \n
- If one of the players does not start the match, or tournament, all team total bets associated with that match will be graded as no action. \n
Delay or Suspension:
\n- \n
- If a tennis match is completed, without retirement or disqualification, all wagers stand as written. A delay in the start of a match will not affect the standing of wagers, nor will a suspension, as long as play is resumed and the match completed. \n
Pro Set:
\n- \n
- If a match is decided on a Pro Set, instead of the normal length of the match, all wagers are refunded except wagers on the 1st set line. \n
- If a match plays with a super tie-break as or is switched to having a super tie-break, then all wagers will be refunded on that match except for the 1st set winner and money line winner. The 1st set winner will have action and will be graded as normal. \n
Change of Venue or Playing Surface:
\n- \n
- All bets stand regardless of any change of venue, court surface, changing from indoors to outdoors and vice versa. \n
Davis and Federation Cup:
\n- \n
- All bets stand regardless of any change of venue, court surface, changing from indoors to outdoors and vice versa.\n Example: A match is scheduled for 5 sets, but only 3 sets can be played because of weather. The leader at the end of 3 sets would be declared the winner of the match. All wagers are refunded except wagers on the 1st set winner line.\n \n
Live Betting (All pre-game rules apply to live wagering in addition to):
\n- \n
- The next point must be played for wagers to have action. If either player retires before the next point is played, all wagers taken since the last point are refunded. \n
- If the first set is not completed, all bets on the outcome of the match (spread, money line, next set and total) will be void. All bets on a specific game will stand, provided that game was completed in its entirety. \n
- Individual Sets Betting: If the stated set is not completed, all live wagers will be voided. \n
- Handicap and Total Games Betting: If a tennis match is not completed because of a player retirement or disqualification, all live wagers on Handicap and Total Games will be voided. The wagers will be cancelled and the monies refunded. Note this also applies to live wagers on lines such as: Rafael Nadal to win Set 2 or Novak Djokovic to win Set 3. \n
- When betting on an individual game, only the score of that specific game is taken into consideration to determine the winner of the game. If the stated game is not completed, all live wagers on the game will be voided.\n For example, when wagering on A. Murray Game 5 of Set 1, the winner of game 5 will determine the winner of this bet.\n \n
- If any subsequent games are not played, bets on those specific games will be void. \n
Greyhound racing
\n- \n
- All bets (excluding those struck on ante-post and Australian licensed markets) are placed on trap numbers. Greyhound names are displayed for information purposes only. \n
- Markets will be determined according to the official result at the time the track gives the result green light status, either in the form of an announcement or by display. Subsequent disqualifications, appeals or amendments to the result will be disregarded. \n
- If a non-runner or reserve runner is declared, then all bets prior to the update of the market on the Site will be void and all unmatched bets including 'Take SP' and 'keep' bets will be cancelled (except for certain SP bets as set out in Paragraph 10.5 of Part B above). \n
- If there are no finishers in any race or any race is declared void before the official result is declared then all bets will be void. \n
- If the scheduled venue is changed after the market has been loaded by the Site, all bets will be void. \n
Australian Specific Non-Runner Rules
\n- \n
- Notwithstanding the above, the following rules apply to declared non-runners in Australian greyhound markets. \n
- If a greyhound becomes a notified non runner after the market is loaded but prior to the commencement of the race it will be removed and all bets on the market, matched prior to the update of the market on the Site, will be voided. \n
- If, following the completion of a race, the stewards declare a greyhound a non-runner, the Site will resettle the market and will void all bets that were placed on that runner only. The Site will then apply a reduction factor to all bets placed on the winner (or placegetters in the case of place markets) based on that runner's weighted average price. \n
Horseracing
\nGeneral
\n- \n
- All individual race markets will be determined according to the official result at the time of the 'weigh-in' announcement (or equivalent). Subsequent disqualifications, appeals or amendments to the result will be disregarded. \n
- If a race is abandoned or otherwise declared void, or in the event of a walkover, all bets on that race will be void. \n
- If the scheduled venue is changed after the market has been loaded by the Site, all bets will be void. \n
- Where a race does not take part on its scheduled day, all bets will be void. \n
- If a scheduled surface type is changed (e.g. turf to dirt) all bets will stand. \n
- Horseracing Exchange Multiples are based on the Site's 'day of the race' markets (and not the Site's ante-post markets). The Site's horseracing ante-post rules do not therefore apply in relation to horseracing Exchange Multiples. \n
The Site Non-Runner Rule
\n- \n
- The Site's non-runner rule relates to the adjustment of odds on bets already matched when a horse in a race is declared a non-runner. In order to make the adjustment the Site applies a reduction factor to the remaining runners. The reduction factor allocated to a non-runner is a calculation (the details of which are described below) of that horse's chances of winning (or being placed, etc as appropriate) and is applied to bets already matched on the other runners in the relevant market or markets. \n
- Any horse listed when the relevant market is loaded which does not subsequently come under starter's orders is deemed to be a non-runner. \n
- When the market is loaded each horse is given a 'reduction factor', based on a forecast price, which is expressed as a percentage. These reduction factors may be updated periodically at the discretion of the Site based on trading in the market, but after approximately 15 minutes (approximately 5 minutes for Australian and US markets) from the scheduled 'off' time of a given race, they will be updated only in exceptional circumstances. The current reduction factor percentage for each horse can be viewed on the 'info' page on the Site website or by asking the Helpdesk. \n
- Reductions will be made to both win and place markets but applied differently (as described below), and horses will have a different reduction factor for each market. \n
- As soon as the Site becomes aware that a horse is an official non-runner or a highly likely non-runner, following a statement to the press from connections, the following will happen:\n
- \n
- All matched bets on that horse will be void and the horse will be removed from the market. \n
- In the win market: if the reduction factor of the non-runner is 2.5% or greater, the traded price of all the matched bets on the remaining horses will be reduced by an amount equal to the non-runner's final reduction factor and all the unmatched offers to lay will be cancelled. If the non-runner's reduction factor is less than 2.5%, reductions will not be applied and unmatched bets will not be cancelled. \n
- In the place market the reduction factor of all non-runners will be applied (even if less than 2.5%) and the potential winnings in relation to matched bets on the remaining horses will be reduced by an amount equal to the non-runner's final reduction factor. Only if the non-runner's reduction factor is 4.0% or greater will all the unmatched offers to lay be cancelled. \n
- All the reduction factors on the remaining horses will be adjusted to reflect their improved chance of winning. \n
\n - Reduction factors are not applied to bets which are struck in-play. However, if a market is turned in-play prematurely by error (or, for example, there is a false start), all bets matched during this time will be subject to any later reduction factor, provided the market is turned out of play before the race commences. In the event of a late withdrawal, the Site reserves the right to remove the runner after completion of the race. In this case only those bets matched prior to the off will be affected by a reduction factor. \n
- In the event of a non-runner being removed from a race in error or following incorrect information regarding a runner's participation, the Site will reinstate both the runner and all previously matched bets associated with that runner. All bets made between the time of withdrawal and reinstatement will be void in both the place market and the win market. The reduction factor applied to matched bets at the time of withdrawal will be reversed and the original prices will become valid. \n
- Any non-runners will be removed from the relevant markets in the order in which they are brought to the Site's attention. If the Site becomes aware of more than one non-runner at the same time, it will remove the non-runners from the relevant markets in racecard order. \n
- If a runner is not included in a market because of an error or because of incorrect information regarding a runner's participation, the Site reserves the right to introduce the missing runner into the market at any time prior to settlement (even after the race has been run), provided that the Site has determined that the missing runner is not a material runner (i.e. a selection with a reduction factor of approx. 2.5% or less in the win market). In such circumstances, all pre-play unmatched and matched bets will stand, however if the runner is not introduced before the start of the race, all in-play bets will be void. However, if the missing runner is deemed to be a material runner, then the malformed market will be void and a new market will be loaded where possible. \n
How the Reductions are applied for Exchange markets
\n- \n
- In the win market, reductions will be made on the traded price.\n For example: if the non-runner's final reduction factor is 25% the traded price on all previously matched bets on other horses will be reduced by 25% - traded price of 8.0 would become 6.0 etc. And these might be further reduced if another horse is subsequently declared a non-runner.\n For example: if the non-runner's final reduction factor is 25% the traded price on all previously matched bets on other horses will be reduced by 25% - - traded price of 8.0 would become 6.0. If the each Way terms were 1/5th odds for 3 places, the corresponding price for the Place portion of the bet would reduce from 2.4 to 2.0.\n \n
- In the place market, reductions will be made to the potential winnings on the bet only, and not the traded price.\n For example: if the non-runner's final reduction factor is 25% the potential winnings on all previously matched bets on the other horses will be reduced by 25% - a traded price of 8.0 would become 6.25.\n For example a £10 bet on a horse to be placed at a traded price of 8.0 would provide winnings of £70. If there is a non-runner with a reduction factor of 25% in the race, that factor will be applied to the £70 of potential winnings leaving potential winnings of £52.50. Therefore the revised traded price will be 6.25.\n \n
- The traded price may be further reduced if any other horse(s) is subsequently declared a non-runner, however odds cannot be reduced below 1.01. \n
- Reserves: A reserve runner may appear in the relevant markets but will have a non-applicable reduction factor until the Site has received confirmation that it is a confirmed runner, in which case an applicable reduction factor may apply to it. \n
- For the avoidance of doubt, any reduction factor applicable to a non-runner replaced by a reserve, will be applied to all bets struck on the relevant markets, prior to the removal from those markets of such non-runner by the Site. Likewise, should a reserve runner become a confirmed runner but subsequently become a non-runner, any reduction factor applicable to such non-runner will be applied to all bets struck on the relevant markets, prior to the removal from those markets of such non-runner by the Site. \n
Additional rules
\n- \n
- Card numbers are posted as a guide only: bets are placed on a named horse. \n
- Horses will not be coupled. \n
- Where any horse(s) runs for purse money only it is deemed a non-runner for betting purposes. Should this result in the number of possible winners stated in the relevant Market Information being equal to or greater than the number of runners in the relevant Site market, all bets in the market will be void. \n
Change Password
\n\n {\n e.preventDefault();\n submit();\n }}\n >\n {formError && (\n \n \n {passwordOldError && (\n \n {passwordNewError && (\n \n {passwordRepeatError && ( \n \n Save\n \n \n
\n {/*{formError}
)}\n {passwordOldError}
)}\n {passwordNewError}
)}\n {passwordRepeatError}
)}\n Change Password
\n\n {\n e.preventDefault();\n submitDesktop();\n }}\n >\n {formError && (\n Save\n \n \n
\n {formError}
)}\n {formSuccess && ({formSuccess}
)}\n \n \n {showLabel.oldPassword && \n \n {showLabel.newPassword && \n \n {showLabel.repeatPassword && \n
\n Old Password
}\n{passwordOldError}
)}\n New Password
}\n{passwordNewError}
)}\n Repeat Password
}\n{passwordRepeatError}
)}\n \n
\n Time Settings
\n\n\n
\n Settings
\n\n {/*\n \n Tap to turn on one click betting \n \n {\n saveOneClickSettings(true);\n setEditOneclick(false);\n }}\n class=\"Settings__btn\"\n disabled={false}\n mode=\"md\"\n >\n Save\n \n : setEditOneclick(true)}\n class=\"Settings__btn\"\n disabled={!checked}\n mode=\"md\"\n >\n Edit\n \n }\n
*/}\n\n \n One Click Settings\n setShowTooltip(!showTooltip)}>\n
\n {\n showTooltip &&\n
\n }\n \n
\n Using 1 Click Bet is easy.
\n- \n
- Enable 1 Click Betting. \n
- Edit your 1 Click stake values below. \n
- Choose your active stake. \n
- When 1 Click Betting is activated, choose different stakes by clicking on the red bar. \n
- When done with 1 Click Betting, turn off by tapping the toggle to off. \n
\n activeStakeClick(1)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return;\n setFirstOneclick(val)\n }}\n />\n activeStakeClick(2)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return;\n setSecondOneclick(val)\n }}\n />\n activeStakeClick(3)}\n onIonChange={(e) => {\n const val = Number(e.target.value)\n if (!Number.isInteger(val)) return;\n setThirdOneclick(val)\n }}\n />\n
\n {\n editOneclick\n ? \n {\n saveMobileStakesExchangeGameSettings();\n setEditCasino(false)\n }}\n class=\"Settings__btn\"\n disabled={false}\n mode=\"md\"\n >\n Save\n \n : setEditCasino(true)}\n class=\"Settings__btn\"\n mode=\"md\"\n >\n Edit\n \n }\n
\n\n Edit Casino Stakes
\n\n handleInputCasino(e, 0)}\n />\n handleInputCasino(e, 1)}\n />\n handleInputCasino(e, 2)}\n />\n
\n {\n editCasino\n ? \n {\n saveMobileStakesSettings();\n setEditStakes(false)\n }}\n class=\"Settings__btn\"\n disabled={false}\n mode=\"md\"\n >\n Save\n \n : setEditStakes(true)}\n class=\"Settings__btn\"\n mode=\"md\"\n >\n Edit\n \n }\n
\n Edit Stakes
\n\n handleInputStake(e, 0)}\n />\n handleInputStake(e, 1)}\n />\n handleInputStake(e, 2)}\n />\n
\n {\n editStakes\n ? \n
\n }\n\n if (item.status.indexOf('REMOVED') !== -1) {\n return \n
\n \n
\n \n
\n }\n\n }\n else if (status.indexOf('CLOSED') !== -1) {\n\n if (item.status.indexOf('WINNER') !== -1) {\n return \n
\n \n
\n \n Non runner {item.adjustmentFactor}%\n
\n \n
\n }\n\n if (item.status.indexOf('REMOVED') !== -1) {\n return \n
\n \n
\n \n Winner\n
\n \n
\n }\n\n if (item.status.indexOf('LOSER') !== -1) {\n return \n
\n \n
\n \n Non runner {item.adjustmentFactor}%\n
\n \n
\n }\n\n }\n else if (status.indexOf('SUSPENDED') !== -1) {\n\n if (item.status.indexOf('REMOVED') !== -1) {\n return \n
\n \n
\n \n
\n \n
\n }\n else {\n return \n
\n \n
\n \n Non runner {item.adjustmentFactor}%\n
\n \n
\n }\n\n }\n }\n }\n\n const getScore = () => {\n if (!item) return\n else if (item.metadata) {\n // const status = raceOdds?.status;\n const stallDraw = item.metadata?.STALL_DRAW\n return \n
\n \n
\n \n SUSPENDED\n
\n \n
\n }\n else return false;\n }\n\n const renderExposure = () => {\n let number = 0, calced\n const isFancy = raceOdds.mtype == \"INNINGS_RUNS\" && raceOdds.btype == \"LINE\"\n const pnlId = `${raceOdds.id}-${item.id}`\n if (raceOdds.event?.id != eventId) {\n if (exposureRace && exposureRace.pnlBySelection && exposureRace.pnlBySelection[pnlId]) number = exposureRace.pnlBySelection[pnlId].pnl\n } else if (exposure && exposure.pnlBySelection && exposure.pnlBySelection[pnlId]) number = exposure.pnlBySelection[pnlId].pnl\n if (betPlacing.market === raceOdds.id) {\n if (betPlacing.runner === item.id) {\n // const profit = isFancy ? (betPlacing.stake * betPlacing.priceActual / 100).toFixed(2) : (betPlacing.stake * betPlacing.priceActual - betPlacing.stake).toFixed(2)\n const profit = isFancy ? -betPlacing.stake : (betPlacing.stake * betPlacing.priceActual - betPlacing.stake).toFixed(2)\n calced = (isFancy ? 0 : number) + Number(profit)\n } else {\n calced = number - Number(betPlacing.stake)\n }\n }\n const preCalced = isFancy && number == 0 ? 'Max exposure: ' : ''\n if (number || calced) return \n
\n \n {item.metadata?.CLOTH_NUMBER}\n {stallDraw && `(${item.metadata?.STALL_DRAW})`}\n
\n \n {number ?
\n return null\n }\n\n const getName = () => {\n if (!item)\n return\n\n const leftLabel = [\n { name: item.name },\n { name: item.metadata?.JOCKEY_NAME }\n ]\n\n if (!leftLabel) {\n return (\n 0 ? 'positive' : 'negative'}`}>{number.toFixed(2)}
: null}\n {preCalced}\n {(calced || number && calced == 0) && 0 ? 'positive' : 'negative'}`}>» {calced.toFixed(2)}
}\n \n
\n );\n }\n return (\n \n \n {item.name}\n \n \n {item.metadata?.JOCKEY_NAME}\n \n {renderExposure()}\n
\n )\n }\n\n return (\n <>\n \n
,\n modalRoot\n )\n}\n\nexport default SportMarketStandardPopUp","import React, { useEffect, useState } from \"react\";\nimport \"./SportMarketStandard.scss\";\nimport OddButton from \"../OddButton/oddbutton\";\nimport BetPlacing from \"../BetPlacing/BetPlacing\";\nimport { connectSportMarketStandard } from \"./SportMarketStandard.connect\";\nimport timerIcon from \"../../assets/images/timer.svg\";\nimport { useHistory } from \"react-router\";\n\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n addfavoritesSportMarkets,\n clearfavoritesSportMarkets,\n addFavoritesAll,\n clearFavoritesAll\n} from \"../../store/favorites/favorites.slice\";\n\nimport StarIcon from \"../../assets/images/sideBarStar.svg\";\nimport StarIconFilled from \"../../assets/images/sideBarStarFilled.svg\";\nimport fasterBetAcceptanceIcon from \"../../assets/images/fasterBetAcceptanceIcon.svg\";\nimport noCommissionIcon from \"../../assets/images/noCommissionIcon.svg\";\nimport SportMarketStandardPopUp from \"./SportMarketStandardPopUp/SportMarketStandardPopUp\";\nimport { getCurrencyFormat } from \"../../helpers/getCurrencyFormat.helper\";\nimport { getPlacingText } from \"../../helpers/betPlacing.helper\";\nimport { toastr } from \"react-redux-toastr\";\nimport { requestBetPlacingStart } from \"../../store/betPlacing/betPlacing.thunks\";\nimport { setSportLadderId, setSportLadderShow, setSportLadderTitle } from \"../../store/sportEvent/sportEvent.slice\";\nimport { requestSportLadder } from \"../../store/sportEvent/sportEvent.thunks\";\n\nconst SportMarketStandard = ({\n data,\n betPlacing,\n exposure,\n actions,\n isRacing = false,\n showHeader = true,\n showJockeyName = false,\n sortRunners = false,\n showWinner = false,\n full,\n elementsParams\n }) => {\n const dispatch = useDispatch();\n const [besSettings, setBesSettings] = useState(null);\n const [cashOutLoading, setCashOutLoading] = useState(null);\n const isFancy = data.mtype == \"INNINGS_RUNS\" && data.btype == \"LINE\";\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth;\n\n useEffect(() => {\n console.log(data)\n if (isFancy && width >= 1024) {\n dispatch(requestBetPlacingStart(data?.id, data?.runners[0]?.id, true))\n .then((res) => setBesSettings(res?.data?.result))\n }\n }, [data.id, isFancy, width]);\n\n // console.log('sendCahsOutRequest', data);\n const sendCahsOutRequest = (marketId, delay) => {\n // console.log('delay', delay);\n actions.setDelay(delay);\n actions.setCashOutId(marketId);\n actions.setIsCashOut(true);\n actions.setBetPlacingPopoverStage(false);\n actions.setShowBetPlacingPopover(true);\n // actions.requestCashOut(marketId).then((res) => {\n // actions.setShowBetPlacingPopover(false);\n // const sizeMatched = res.data.result?.result?.placed?.[0].sizeMatched;\n // if (sizeMatched > 0) {\n // toastr.success(\"\", \"Cash-out successful\");\n // }\n // // cancel()\n // }).catch((e) => {\n // // cancel()\n // actions.setShowBetPlacingPopover(false);\n // if (e[0] && e[0][0] && e[0][0].description) toastr.error(\"\", e[0][0].description);\n // else toastr.error(\"\", \"Something went wrong\");\n // });\n };\n\n const renderBetPlacing = (runner) => {\n const status = data.status;\n const statusLabel = data.statusLabel;\n if (\n betPlacing.market === data.id &&\n betPlacing.runner === runner.id &&\n status &&\n !status.localeCompare(\"OPEN\") &&\n (!statusLabel || betPlacing.btype != \"casino\") &&\n width < 1024\n ) {\n return {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}>\n
\n \n
\n \n
\n {onDidDismiss(false)}}>\n \n
\n \n {title}
\n {status.toUpperCase()}
\n );\n }\n if (!isFancy && width >= 1024) {\n return (\n <>\n {\n {statusLabel}
\n ) : null}\n {isFancy && (\n \n {number ? (\n
\n );\n return null;\n };\n\n // get eventTypeId\n const history = useHistory();\n const eventTypeId = history?.location?.pathname?.split(\"/\")[2];\n // const eventId = history?.location?.pathname?.split(\"/\")[3];\n // end get eventTypeId\n\n const [activeIcon, setActiveIcon] = useState();\n\n const toggleStar = () => {\n setActiveIcon((prevCheck) => !prevCheck);\n };\n\n const favoritesState = useSelector((state) => state.favorites);\n\n localStorage.setItem(\"favorites\", JSON.stringify(favoritesState));\n\n // const isFavorite = () => {\n // if (\n // favoritesState?.sportMarkets?.length > 0 &&\n // data &&\n // favoritesState?.sportMarkets?.filter((el) => el?.id === data?.id).length\n // ) {\n // return true\n // } else {\n // return false\n // }\n // }\n\n const isFavorite = () => {\n if (\n favoritesState?.favoritesAll?.length > 0 &&\n data &&\n favoritesState?.favoritesAll?.filter((el) => el?.id === data?.id).length\n ) {\n return true;\n } else {\n return false;\n }\n };\n\n useEffect(() => {\n if (isFavorite()) {\n setActiveIcon(true);\n } else setActiveIcon(false);\n }, [favoritesState, data]);\n\n // const handleFavorite = (id, data) => {\n // // console.log('favitem', item);\n // if (activeIcon) {\n // console.log('if active clear')\n // dispatch(clearfavoritesSportMarkets(data))\n // } else {\n // dispatch(addfavoritesSportMarkets(data))\n // }\n // }\n\n const handleFavorite = (id, item) => {\n if (activeIcon) {\n console.log(\"if active clear\");\n dispatch(clearFavoritesAll(item));\n } else {\n console.log(\"else add\");\n dispatch(addFavoritesAll(item));\n }\n };\n\n const gotoEvent = () => {\n if (data.eventTypeId == \"77777\")\n history.push(`/casino_live/${data.event.id}`);\n else history.push(`/event-page/${data.eventTypeId}/${data.event.id}`);\n };\n const [openPopUp, setOpenPopUp] = useState(false);\n const [popUpTitle, setPopUpTitle] = useState(null);\n // console.log('popUpTitle', popUpTitle && popUpTitle);\n\n // let finish = new Date(data?.start)\n\n const calcMinutes = (time) => {\n return ((new Date(time).getTime() - new Date().getTime()) / 60000).toFixed(0);\n };\n\n\n if (width >= 1024) {\n return (\n 0 ? \"positive\" : \"negative\"}`}>\n {getCurrencyFormat(number)}\n
\n ) : null}\n {preCalced}\n {(calced || (number && calced == 0)) && (\n 0 ? \"positive\" : \"negative\"}`}>\n » {getCurrencyFormat(calced)}\n
\n )}\n \n = 1 ? \"withDelay\" : \"\"\n }`}\n >\n {history.location.pathname === \"/favouritesPage\" ? (\n ![]()
{\n // dispatch(clearfavoritesSportMarkets(data))\n dispatch(clearFavoritesAll(data));\n // console.log('data', data && data)\n }}\n className=\"starImg\"\n src={StarIconFilled}\n alt=\"star icon\"\n />\n ) : (\n ![]()
{\n toggleStar(data);\n handleFavorite(data.id, data);\n console.log(\"data\", data && data);\n }}\n className=\"starImg\"\n src={activeIcon ? StarIconFilled : StarIcon}\n alt=\"star icon\"\n />\n )}\n \n {data?.name === \"BOOKMAKER\" ? \"Bookmaker\" : data?.id?.includes(\"BR\") && data?.name.includes(\"1st innings o\") ? data?.name.replace(\"1st innings o\", \"O\") : data?.id?.includes(\"BR\") && data?.name.includes(\"1st innings -\") ? data?.name : data?.name}\n \n {data?.runners?.length > 0 && !data?.id.endsWith(\"_BR\") && !data?.id.endsWith(\"SB\") && !data?.id.endsWith(\"_BR\") &&\n }\n\n\n {data?.betDelay >= 1 ? (\n data && data?.id?.includes(\"_SB\") ?\n (
\n\n {data?.status !== \"SUSPENDED\" &&\n (data?.eventTypeId === \"1\" ||\n data?.eventTypeId === \"2\" ||\n data?.eventTypeId === \"4\" ||\n data?.eventTypeId === \"7\" ||\n data?.eventTypeId === \"4339\" ||\n data?.eventTypeId === \"2378962\"\n ) &&\n \n
) :\n (\n
\n\n \n
\n \n
)\n ) : null}\n \n
\n }\n \n )}\n Back
\n Lay
\n \n {data?.status === \"SUSPENDED\" &&\n (data?.eventTypeId === \"1\" ||\n data?.eventTypeId === \"2\" ||\n data?.eventTypeId === \"4\" ||\n data?.eventTypeId === \"7\" ||\n data?.eventTypeId === \"2378962\" ||\n data?.eventTypeId === \"4339\") && (\n \n {renderOdds(item, runner)}\n {isFancy && (\n
\n )}\n \n {renderBetPlacing(runner)}\n \n )\n })}\n \n \n )\n }\n\n return (\n \n SUSPENDED\n
\n )}\n {/*{console.log('event data ', sortRunners ? data?.runners?.slice().sort((a, b) => a.sort - b.sort).slice(0, (full ? undefined : 3)) : data?.runners)}*/}\n {(sortRunners\n ? data?.runners\n ?.slice()\n .sort((a, b) => a.sort - b.sort)\n .slice(0, full ? undefined : 3)\n : data?.runners\n )?.map((item) => {\n // console.log('runner', item)\n const runner = {\n id: item?.id,\n name: item?.name\n };\n return (\n \n \n \n Non Runner {item?.adjustmentFactor?.toFixed(2)}%\n\n \n {new Date(item?.removalDate).toLocaleString(\"en-GB\", {\n weekday: \"short\",\n day: \"numeric\",\n month: \"short\",\n hour: \"numeric\",\n minute: \"numeric\"\n }).replaceAll(\",\", \" \")}\n \n \n )}\n {renderInningIcon()}\n
\n {/*{renderOdds(item, runner)}*/}\n {isRacing && item && item?.status === \"ACTIVE\"\n ? renderOdds(item, runner)\n : \"\"}\n {/*{item.status === \"REMOVED\" &&*/}\n {/* \n \n
\n {item?.status === \"WINNER\" && (\n \n Winner\n \n )}\n {item?.status === \"REMOVED\" && eventTypeId && eventTypeId === \"4339\" &&\n Removed}\n {item?.status === \"REMOVED\" &&\n eventTypeId &&\n eventTypeId === \"7\" &&\n data?.status !== \"SUSPENDED\" && (\n \n
\n {renderExposure(runner?.id)}\n \n {item.metadata?.CLOTH_NUMBER && (\n \n {item.metadata?.CLOTH_NUMBER &&\n item.metadata?.CLOTH_NUMBER}\n \n )}\n \n {item?.name}\n \n {data?.tabGroupName === \"Fancy\" && data?.betDelay && (\n
\n
\n )}\n \n {showJockeyName && item?.metadata?.JOCKEY_NAME && (\n \n {item.metadata?.STALL_DRAW && (\n
*/}\n {/* {item?.metadata?.JOCKEY_NAME} {item?.adjustmentFactor?.toFixed(2)}%*/}\n {/*
*/}\n {/*}*/}\n {!isRacing && (\n \n {besSettings && (\n Max Bet: {getCurrencyFormat(besSettings?.maxBet)}\n )}\n {besSettings && (\n Max Mkt: {getCurrencyFormat(besSettings?.maxWinPerMarket)}\n )}\n
\n )}\n \n {/* = 1 ? 'withDelay' : ''\n }`}\n >\n \n {data?.name === \"BOOKMAKER\" ? \"Bookmaker\" : data?.name === \"MINI BOOKMAKER\" ? \"Mini Bookmaker\" : data?.id?.includes(\"BR\") && data?.name.includes(\"1st innings o\") ? data?.name.replace(\"1st innings o\", \"O\") : data?.id?.includes(\"BR\") && data?.name.includes(\"1st innings -\") ? data?.name : data?.name.includes(\"Winner (incl. super over\") ? data?.name.replace(\"Winner (incl. super over)\", \"Who will win the match ?\") : data?.name.includes(\"1x2\") ? data?.name.replace(\"1x2\", \"Who will win the match ?\") : data?.name}\n \n {data?.runners?.length === 2 && !data?.id.endsWith(\"_BR\") && !data?.id.endsWith(\"SB\") && !data?.id.endsWith(\"_BR\") &&\n }\n {!data?.name.includes('Winner (incl. super over') || !data?.name === '1x2' ? null :\n data?.betDelay >= 1 ? (\n data && data?.id?.includes('_SB') ?\n (
\n {data?.name === '1x2' || data?.name.includes('Winner (incl. super over') || data?.name.includes('To Win The Toss') ?\n null\n :\n <>\n {data?.name}
*/}\n \n {\n setOpenPopUp(true)\n setPopUpTitle(\"Faster bet acceptance\")\n }}\n />\n {\n setOpenPopUp(true)\n setPopUpTitle(\"No commission\")\n }}\n />\n
) :\n (\n
)\n ) : null}\n Back
\n Lay
\n }\n \n )}\n\n {/*{(data?.name.includes('Winner (incl. super over') || data?.name.includes('1x2')) && calcMinutes(data?.start) >= 0 && calcMinutes(data?.start) <= 59 && Starts in {calcMinutes(data?.start)} mins
}*/}\n {/*{(data?.name.includes('Winner (incl. super over') || data?.name.includes('1x2')) && calcMinutes(data?.start) > 59 && {new Date(data?.start).toLocaleString(\"en-GB\")}
}*/}\n {/* {data?.name.includes('1x2') && calcMinutes(data?.start) >= 0 && calcMinutes(data?.start) <= 59 && Starts in {calcMinutes(data?.start)} mins
}\n {data?.name.includes('1x2') && calcMinutes(data?.start) > 59 && {new Date(data?.start).toLocaleString(\"en-GB\")}
} */}\n\n {data?.name.includes('Winner (incl. super over') || data?.name === '1x2' || data?.name.includes('To Win The Toss') ?\n <>\n \n {(sortRunners\n ? data?.runners\n ?.slice()\n .sort((a, b) => a.sort - b.sort)\n .slice(0, full ? undefined : 3)\n : data?.runners\n )?.map((item) => {\n const runner = {\n id: item?.id,\n name: item?.name,\n }\n return (\n\n
\n {renderBetPlacing(winner)}\n \n : \n
\n )}\n )}\n \n
\n {runner.name}
\n {!item?.back[0]?.price ?\n \n SUSPENDED\n
\n :\n setWinner(item)}>\n
\n }\n \n {renderExposure(runner?.id)}\n
\n \n {/*{console.log('event data ', data)}*/}\n {(sortRunners\n ? data?.runners\n ?.slice()\n .sort((a, b) => a.sort - b.sort)\n .slice(0, full ? undefined : 3)\n : data?.runners\n )?.map((item) => {\n const runner = {\n id: item?.id,\n name: item?.name,\n }\n return (\n
\n )\n })}\n }\n\n {openPopUp &&\n \n \n
\n {renderBetPlacing(runner)}\n \n
\n {/*{renderOdds(item, runner)}*/}\n {isRacing && item && item?.status === 'ACTIVE'\n ? renderOdds(item, runner)\n : ''}\n {!isRacing && renderOdds(item, runner)}\n \n
\n {item?.status === 'WINNER' && (\n \n Winner\n \n )}\n {data?.tabGroupName === 'Fancy' && data?.betDelay && (\n \n
\n {renderExposure(runner?.id)}\n \n {item.metadata?.CLOTH_NUMBER && (\n \n {item.metadata?.CLOTH_NUMBER &&\n item.metadata?.CLOTH_NUMBER}\n \n )}\n {item?.name}\n {item.status === 'REMOVED' && (\n {item?.status}\n )}\n
\n {showJockeyName && item?.metadata?.JOCKEY_NAME && (\n\n {item.metadata?.STALL_DRAW && (\n \n (\n {item.metadata?.STALL_DRAW &&\n item.metadata?.STALL_DRAW}\n )\n \n )}\n
\n
\n )}\n {renderInningIcon()}\n \n
\n}\n\nexport const RaceEventDropdownList = connectRaceOdds()(({ isRacing, children, oddId, lastActivityDate, actions, elementsParams, race, raceOdds, isOpen, full, balanceSetting, betPlacing, timeSettings, showPageHeader = false, showRunnersLengthInHeader= false, setRacingEventHeader, showJockeyName, showWinner, ...props }) => {\n\n //window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n //end window width\n\n const history = useHistory();\n const { id, eventTypeId } = useParams();\n useEffect(() => {\n let mainTimer\n if (oddId) {\n if (!raceOdds) actions.requestRaceOdds((id || eventTypeId), oddId);\n mainTimer = setIntervalAsync(async () => {\n if (isOpen && \n (history.location.pathname.indexOf(`/menu-event/${eventTypeId}`) !== -1 \n || history.location.pathname.indexOf(`/event-page/${eventTypeId}`) !== -1)\n ) await actions.requestRaceOdds((id || eventTypeId), oddId);\n }, GET_INPLAY_POPULAR_INTERVAL);\n if (!isOpen) {\n clearIntervalAsync(mainTimer);\n }\n }\n return () => clearIntervalAsync(mainTimer);\n }, [id, isOpen, oddId, history]);\n\n useEffect(() => {\n if(showPageHeader) {\n if(eventTypeId == 7) {\n setRacingEventHeader('Horse Racing')\n }\n if(eventTypeId == 4339) {\n setRacingEventHeader('Greyhound Racing')\n }\n }\n },[raceOdds, eventTypeId])\n\n useEffect(() => {\n if (isOpen && history.location.pathname.indexOf(`/menu-event/${eventTypeId}`) !== -1 || history.location.pathname.indexOf(`/event-page/${eventTypeId}`) !== -1) actions.requestRaceExposure(oddId);\n }, [oddId, eventTypeId, history.location.pathname, lastActivityDate, isOpen]);\n\n const altName = () => raceOdds?.[`${eventTypeId} ${oddId}`]?.altName ? \n \n \n \n
\n {timeTs > Date.now()\n &&\n \n ꀔ\n }\n \n {race.venue}\n {getFormattedDate(race.startTime, timeSettings.timeZoneName).time}\n
\n Date.now() ? \"with-time\" : \"\"}`} onClick={setOpen}>\n \n \n \n
\n {raceOdds[`${eventTypeId} ${oddId}`].altName}
: null\n\n return \n
\n }\n {width > 1024 ? \n
\n \n { altName()}\n \n {(tsToDate(raceOdds[`${eventTypeId} ${oddId}`]?.start, timeSettings?.timeZoneName).split(\" \")[1]).split(\":\", 2).join(\":\") } \n {raceOdds[`${eventTypeId} ${oddId}`]?.event?.name?.replace(\"${HH:mm}\", \"\")}\n
\n\n
:\n \n }\n \n {\n raceOdds && raceOdds[`${eventTypeId} ${oddId}`]\n ? raceOdds[`${eventTypeId} ${oddId}`].groupById == oddId && race && showRunnersLengthInHeader &&\n <>\n
\n\n Top 3 of {raceOdds[`${eventTypeId} ${oddId}`].runners?.length} runners {timeOpens(race.bettableTime, true)}
\n\n Back\n Lay\n
\n \n : \"\"\n \n }\n {\n raceOdds && raceOdds[`${eventTypeId} ${oddId}`] && !showRunnersLengthInHeader &&\n <>\n Race odds
\n\n Back\n Lay\n
\n \n }\n \n\n
\n \n {item.event.name}\n {competionNames(item.event.name)}\n
\n \n \n \n \n )\n\n const renderMenuEvents = () => {\n if (menu && location && eventTypeId != 7 && eventTypeId != 4339) {\n return width < 1024 ? (\n \n \n {' '}\n In play ({menuEvent[`${eventTypeId}`].length})\n \n
\n {/* first 5 items */}\n {menuEvent[`${eventTypeId}`]\n .slice(0, 5)\n .map((item) => renderItem(item))}\n {/* button more */}\n {menuEvent[`${eventTypeId}`].length > 5 && !more && (\n \n SEE MORE\n
\n \n )}\n {/* next items */}\n {more &&\n menuEvent[`${eventTypeId}`]\n .slice(5)\n .map((item) => renderItem(item))}\n \n \n {' '}\n In play ({menuEvent[`${eventTypeId}`].length})\n \n
\n {/* first 5 items */}\n {menuEvent[`${eventTypeId}`]\n .slice(0, 5)\n .map((item) => renderItem(item))}\n {/* button more */}\n {menuEvent[`${eventTypeId}`].length > 5 && !more && (\n \n SEE MORE\n
\n \n )}\n {/* next items */}\n {more &&\n menuEvent[`${eventTypeId}`]\n .slice(5)\n .map((item) => renderItem(item))}\n \n \n \n {menu.find((item) => item.id == eventTypeId)?.name}\n \n \n Upcoming Races\n \n \n
\n )\n } else {\n return (\n \n
\n {itemDate <= now && (\n \n ꀆ\n \n )}\n \n )\n })}\n \n {item.event.name}\n
\n \n {itemDate > now && labelDate(itemDate)}\n
\n No competitions available
\n )\n }\n\n return (\n \n {competition ? (\n <>\n \n \n {event && event.name}\n \n {prepareCompetitions()}\n \n \n ) : (\n
\n {/*\n
\n Responsible Gaming
\n\n\n
\n \n The Site is committed to Responsible Gambling and we take our responsibilities towards our customers very seriously.\n We aim to provide an environment in which you can bet in a safe, fair and above all responsible manner. If you feel you may have a problem when it comes to controlling your gambling, please consider using one of our tools aimed at helping this:\n
\n- \n
- \n By selecting a deposit limit per day, week or month\n \n
- \n By using our “time out” facility to allow you to\n suspend your account activity for the following durations - 24 hours, one week, one month or any\n other period as you may reasonably request up to a maximum of 6 weeks;\n \n
- \n Opting for a self-exclusion, the minimum period\n being six months which means your account will be blocked for a set amount of time. Self-exclusions\n cannot be undone and may only be unlocked by contacting customer services when the self-exclusion time runs out\n \n
\n
\n Self exclusion
\n\n\n
\n What is a self-exclusion?
\n\n Self-exclusion is a facility that the Site offers to help those customers who feel that their gambling is out of control and want us to help them stop.\n By entering into a self-exclusion agreement with the Site, you will be prevented from using your Account (as defined in the terms and conditions) for a\n specific period, as determined by you, of between 6 months and 5 years.\n
\nHow to self-exclude from the Site
\n\n If at any time you should you wish to exclude yourself from use of the Site (as defined in the terms and conditions),\n you must submit this request by email to {CONFIG.email}\n
\n\n Please inform us of the period for which you wish to self-exclude. The minimum is 6 months and the maximum is 5 years.\n If you request self-exclusion but do not specify a period, we will exclude you for the minimum period of six months (“Minimum Period”).\n
\nHow soon after requesting a self-exclusion will it be activated?
\nWe will endeavour to apply your exclusion as soon as practically possible. Normally, we will be able to reset your password to prevent you accessing the Site within 24 hours of your request.
\nWhat happens if I self-exclude?
\nWe will make all reasonable efforts to:
\n- \n
- Prevent any marketing material being forwarded to you; \n
- Remove you from any marketing databases operated by us; \n
- Suspend your activity by cancelling your ability to access the Site for the period requested by you, or if no period is requested by you, for the Minimum Period; \n
- Permanently close your Customer Account if instructed to do so by you, and return all funds owed to you to your nominated bank account. \n
Can I re-activate my Account or open a new Account during the self-exclusion period?
\nAccounts that have been self-excluded cannot be reactivated under any circumstances until the expiry of the self-exclusion period.
\nDuring the period of your exclusion, you must not attempt to re-open any existing Account(s),\n seek to open any new Accounts or seek to place bets through any other customer’s Account.
\nIf I would like to re-activate my Account, is this possible?
\nAt the end of the self-exclusion period, you must contact us in person and confirm such intention in writing.\n If it is decided (in the Site’s absolute discretion) to permit you to re-open your Account/open a new Account,\n you should be aware that a 24-hour waiting period will be imposed prior to the Account being available for use.
\n\n
\n Privacy Policy
\n\n\n
\n
\n
\n \n These terms and conditions outline the rules and regulations for the use of {CONFIG.appName} Website, located at www.{CONFIG.appName}.com.\n
\n\n By accessing this website we assume you accept these terms and conditions. Do not continue to use {CONFIG.appName}.com if you do not agree to take all of the terms and conditions stated on this page.\n
\n\n The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: “Client”, “You” and “Your” refers to you, the person log on this website and compliant to the Company’s terms and conditions. “The Company”, “Ourselves”, “We”, “Our” and “Us”, refers to {CONFIG.appName}. “Party”, “Parties”, or “Us”, refers to both the Client and ourselves. All terms refer to the offer, acceptance and consideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Client’s needs in respect of provision of the Company’s stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization and/or he/she or they, are taken as interchangeable and therefore as referring to same.\n
\n\n Cookies\n
\n- \n
- \n We employ the use of cookies. By accessing {CONFIG.appName}.com, you agreed to use cookies in agreement with the {CONFIG.appName} Privacy Policy.\n \n
- \n Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.\n \n
\n License\n
\n- \n
- \n Unless otherwise stated, {CONFIG.appName} and/or its licensors own the intellectual property rights for all material on {CONFIG.appName}.com. All intellectual property rights are reserved. You may access this from {CONFIG.appName}.com for your own personal use subjected to restrictions set in these terms and conditions.\n \n
\n You must not:\n
\n\n- \n
- Republish material from {CONFIG.appName}.com \n
- Sell, rent or sub-license material from {CONFIG.appName}.com \n
- Reproduce, duplicate or copy material from {CONFIG.appName}.com \n
- Redistribute content from {CONFIG.appName}.com \n
Parts of this website offer an opportunity for users to post and exchange opinions and information in certain areas of the website. {CONFIG.appName} does not filter, edit, publish or review Comments prior to their presence on the website. Comments do not reflect the views and opinions of {CONFIG.appName}, its agents and/or affiliates. Comments reflect the views and opinions of the person who post their views and opinions. To the extent permitted by applicable laws, {CONFIG.appName} shall not be liable for the Comments or for any liability, damages or expenses caused and/or suffered as a result of any use of and/or posting of and/or appearance of the Comments on this website.
\n{CONFIG.appName} reserves the right to monitor all Comments and to remove any Comments which can be considered inappropriate, offensive or causes breach of these Terms and Conditions.
\n\nYou warrant and represent that:
\n- \n
- You are entitled to post the Comments on our website and have all necessary licenses and consents to do so; \n
- The Comments do not invade any intellectual property right, including without limitation copyright, patent or trademark of any third party; \n
- The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise unlawful material which is an invasion of privacy \n
- The Comments will not be used to solicit or promote business or custom or present commercial activities or unlawful activity. \n
- You hereby grant {CONFIG.appName} a non-exclusive license to use, reproduce, edit and authorize others to use, reproduce and edit any of your Comments in any and all forms, formats or media. \n
Hyperlinking to our Content
\nThe following organizations may link to our Website without prior written approval:
\n- \n
- Government agencies; \n
- Search engines; \n
- News organizations; \n
- Online directory distributors may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses \n
- System wide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site. \n
- These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products and/or services; and (c) fits within the context of the linking party’s site. \n
We may consider and approve other link requests from the following types of organizations:
\n- \n
- commonly-known consumer and/or business information sources; \n
- dot.com community sites; \n
- associations or other groups representing charities; \n
- online directory distributors; \n
- internet portals; \n
- accounting, law and consulting firms; \n
- educational institutions and trade associations. \n
We will approve link requests from these organizations if we decide that: (a) the link would not make us look unfavorably to ourselves or to our accredited businesses; (b) the organization does not have any negative records with us; (c) the benefit to us from the visibility of the hyperlink compensates the absence of {CONFIG.appName}; and (d) the link is in the context of general resource information.
\nThese organizations may link to our home page so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products or services; and (c) fits within the context of the linking party’s site.
\nIf you are one of the organizations listed in paragraph 2 above and are interested in linking to our website, you must inform us by sending an e-mail to {CONFIG.appName}. Please include your name, your organization name, contact information as well as the URL of your site, a list of any URLs from which you intend to link to our Website, and a list of the URLs on our site to which you would like to link. Wait 2-3 weeks for a response.
\n\n
Approved organizations may hyperlink to our Website as follows:
\n- \n
- By use of our corporate name; \n
- By use of the uniform resource locator being linked to; \n
- By use of any other description of our Website being linked to that makes sense within the context and format of content on the linking party’s site. \n
- No use of {CONFIG.appName}’s logo or other artwork will be allowed for linking absent a trademark license agreement; \n
\n
Reservation of Rights
\nWe reserve the right to request that you remove all links or any particular link to our Website. You approve to immediately remove all links to our Website upon request. We also reserve the right to amen these terms and conditions and it’s linking policy at any time. By continuously linking to our Website, you agree to be bound to and follow these linking terms and conditions.
\nRemoval of links from our website
\nIf you find any link on our Website that is offensive for any reason, you are free to contact and inform us any moment. We will consider requests to remove links but we are not obligated to or so or to respond to you directly
\nWe do not ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we promise to ensure that the website remains available or that the material on the website is kept up to date.
\nDisclaimer
\nTo the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website. Nothing in this disclaimer will:
\n\n- \n
- limit or exclude our or your liability for death or personal injury; \n
- limit or exclude our or your liability for fraud or fraudulent misrepresentation; \n
- limit any of our or your liabilities in any way that is not permitted under applicable law; \n
- exclude any of our or your liabilities that may not be excluded under applicable law. \n
- The limitations and prohibitions of liability set in this Section and elsewhere in this disclaimer: (a) are subject to the preceding paragraph; and (b) govern all liabilities arising under the disclaimer, including liabilities arising in contract, in tort and for breach of statutory duty \n
As long as the website and the information and services on the website are provided free of charge, we will not be liable for any loss or damage of any nature.
\n\n
\n )\n }\n\n return (\n \n selectPNLItem()}>\n {title}\n \n \n \n Start Time:\n \n \n {startTime}\n \n \n \n \n Settled Time:\n \n \n {settledTime}\n \n \n
\n \n \n \n Comm:\n \n \n {-1 * getCurrencyFormat(comm)}\n \n \n \n \n Net Win:\n \n \n {getCurrencyFormat(netWin)}\n \n \n
\n - \n
- \n selectPNLItem()}>{title}\n \n
- \n {startTime}\n \n
- \n {settledTime}\n \n
- \n {(-1 * comm).toFixed(2)}\n \n
- \n {getCurrencyFormat(netWin)}\n \n
\n
\n )\n }\n\n return (\n \n {listItemsObject.dateString}\n \n P&L:\n {getCurrencyFormat(totalPL)}\n \n
\n \n {\n dataList.map(d => {\n return
\n \n
\n );\n};\n\nexport default BettingProfitAndLossItemList;\n","import \"./CasinoWarPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst CasinoWarPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: ''\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER' && runner.name !== 'Dealer' ) {\n winObj['winners'] = [...winObj['winners'], runner.name.slice(6, 8)];\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n {/*{listItemsObject.dateString}*/}\n {tsToDate(listItemsObject?.time, timeSettings?.timeZoneName)?.split(\" \")[0].split(\"/\").map((dateItem) => dateItem.length === 1 ? \"0\" + dateItem : dateItem).join(\"/\")}\n \n {/**/}\n {/* P&L:*/}\n {/* {totalPL}*/}\n {/**/}\n
\n \n {\n dataList.map(d => {\n return ;\n })\n }\n
\n \n
\n\n\n);\n};\n\nexport default CasinoWarPL;\n\n","import \"./CasinoMeterPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst CasinoMeterPL = ({roundMarkets}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n \n 1\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map( card =>\n }\n)
\n )}\n
\n\n \n 2\n \n
\n \n {roundMarkets && roundMarkets[1].marketRunner[0].cards.map( card =>\n \n )}\n
\n \n \n 3\n \n
\n \n {roundMarkets && roundMarkets[2].marketRunner[0].cards.map( card =>\n \n )}\n
\n \n \n 4\n \n
\n \n {roundMarkets && roundMarkets[3].marketRunner[0].cards.map( card =>\n \n )}\n
\n \n \n 5\n \n
\n \n {roundMarkets && roundMarkets[4].marketRunner[0].cards.map( card =>\n \n )}\n
\n \n \n 6\n \n
\n \n {roundMarkets && roundMarkets[5].marketRunner[0].cards.map( card =>\n \n )}\n
\n \n \n D\n \n
\n\n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n \n )}\n
\n \n
\n\n
\n\n Winner:\n
\n \n { winnerData && winnerData['winners'].length > 1 &&\n \n Player {winnerData['winners'].slice(0, -1)} and {winnerData['winners'].slice(-1)}\n \n }\n { winnerData && winnerData['winners'].length === 1 &&\n \n Player {winnerData['winners']}\n \n }\n { winnerData && winnerData['winners'].length < 1 &&\n \n No Winner\n \n }\n
\n\n
\n );\n};\n\nexport default CasinoMeterPL;\n\n","import \"./HighLowPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst HighLowPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n console.log(\"winnerData\", winnerData)\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n
\n \n Low cards\n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[0]?.cards?.map( card =>\n \n )}\n
\n \n
\n \n
\n \n High cards \n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[1]?.cards?.map( card =>\n \n )}\n
\n \n
\n \n {roundMarkets && roundMarkets[0]?.indexCard?.map( card =>\n \n )}\n
\n \n
\n);\n};\n\nexport default HighLowPL;\n\n","import \"./TrioPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst TrioPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (runner.status === 'WINNER' && market.marketHeader == 'Total - 21 over/under') {\n winObj['total'] = `${runner.name.replace('21', '')} (${runner.total})`;\n }\n });\n });\n }\n\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Joker\n \n
\n \n }\n)
\n {/*![](\"assets/smallCards/{{bettingData[0].indexCard[0]}}.png\")
*/}\n
\n */}\n \n \n Ante\n \n
\n \n }\n)
\n
\n \n
}\n \n
\n \n Winner: \n
\n \n {winnerData['Match odds'] || 'No Winner'}\n
\n \n
\n \n Color: \n
\n \n {winnerData['Colour'] || 'No Winner'}\n
\n \n
\n\n \n Line: \n
\n \n {winnerData['Range'] || 'No Winner'}\n
\n \n
\n );\n};\n\nexport default TrioPL;\n\n","import \"./SevenUpDownPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst SevenUpDownPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: \"\"\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Total - 21 Yes/No :\n
\n \n {winnerData['total'] || winnerData['Total - 21 over/under']}\n
\n \n
\n \n 1 2 4/J Q K: \n
\n \n \n {winnerData['3 Card Judgement (1,2,4)'] === 'Yes' ? '1 2 4' : ' '}\n {(winnerData['3 Card Judgement (1,2,4)'] === 'Yes' && winnerData['3 Card Judgement (J,Q,K)'] === 'Yes') ? '|' : ''}\n {winnerData['3 Card Judgement (J,Q,K)'] === 'Yes' ? 'J Q K' : ' '}\n {(winnerData['3 Card Judgement (1,2,4)'] === 'No' && winnerData['3 Card Judgement (J,Q,K)'] === 'No') ? 'No Winner' : ''}\n \n
\n \n
\n \n Color:\n
\n \n {winnerData['Color'] || 'No Winner'}\n
\n \n
\n \n Odd/Even:\n
\n \n {winnerData['Odd Even'] || 'No Winner'}\n
\n \n
\n \n Pattern: \n
\n \n {winnerData['Pattern'] || 'No Pattern'}\n
\n \n
\n);\n};\n\nexport default SevenUpDownPL;\n\n","import \"./AmarAkbarAnthonyPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst AmarAkbarAnthonyPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: \"\"\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner:\n
\n \n {winnerData['Match odds'] || 'No Winner'}\n
\n \n
\n \n Odd/Even: \n
\n \n \n {winnerData['Odd-Even'] || 'No Winner'}\n \n
\n \n
\n \n Color:\n
\n \n {winnerData['Colour'] || 'No Winner'}\n
\n \n
\n \n Card:\n
\n \n {roundMarkets[0].indexCard[0].slice(1, 2)}\n
\n \n
\n \n Suit: \n
\n \n {winnerData['Suit'] || 'No Winner'}\n
\n \n
\n);\n};\n\nexport default AmarAkbarAnthonyPL;\n\n","import \"./BollywoodCasinoPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst BollywoodCasinoPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: \"\"\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n
\n \n
}\n \n
\n \n Winner:\n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n Odd/Even: \n
\n \n \n {winnerData['Odd Even'] || 'No Winner'}\n \n
\n \n
\n \n Color:\n
\n \n {winnerData['Color'] || 'No Winner'}\n
\n \n
\n \n Under/Over: \n
\n \n {winnerData['Over Under 7'] || \"No Winner\"}\n
\n \n
\n);\n};\n\nexport default BollywoodCasinoPL;\n\n","import \"./LiveTeenpattiPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst LiveTeenpattiPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: '',\n pairPlus: '',\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader === 'Pair Plus' && runner.status === 'WINNER') {\n winObj.pairPlus = winObj?.pairPlus?.length <= 3 ?\n `${runner.name.slice(7, 8)} : ${runner.resDesc[0] + runner.resDesc.toLowerCase().slice(1)}`\n :\n `${winObj.pairPlus} | ${runner.name.slice(7, 8)} : ${runner.resDesc[0] + runner.resDesc.toLowerCase().slice(1)}`;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner:\n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n Pair: \n
\n \n \n {winnerData['Pair']}\n \n
\n \n
\n \n Color:\n
\n \n {winnerData['Color'] || 'No Winner'}\n
\n \n
\n \n Card: \n
\n \n {winnerData['Cards 3.75'] || 'No Winner'}\n
\n \n
\n\n );\n};\n\nexport default LiveTeenpattiPL;\n\n","import \"./MulfisTeenpattiPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst MulfisTeenpattiPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n winners: \"\",\n top9: '',\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader === 'Top 9' && runner.status === 'WINNER') {\n winObj.top9 = winObj.top9.length <= 3 ?\n `${runner.name.slice(7, 8)}: Card ${runner.resDesc.slice(5, 6)}`\n :\n `${winObj.top9} | ${runner.name.slice(7, 8)}: Card ${runner.resDesc.slice(5, 6)}`;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Player A\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Player B\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner:\n
\n \n {winnerData['Match odds'] || 'No Winner'}\n
\n \n
\n \n Pair Plus:\n
\n \n {winnerData['pairPlus'] || 'No Winner'}\n
\n \n
\n\n );\n};\n\nexport default MulfisTeenpattiPL;\n\n","import \"./TheTrapPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst TheTrapPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n highLow: '',\n pictureCard: ''\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n if (market.marketHeader === 'High/Low' && market.indexCard[0].includes('7')) {\n winObj.highLow = winObj.highLow.length <= 2 ? \"None\" : winObj.highLow + `, ${\"None\"}`;\n }\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader === 'High/Low' && runner.status === 'WINNER' && !market.indexCard[0].includes('7')) {\n winObj.highLow = winObj.highLow.length <= 2 ? runner.name : winObj.highLow + `, ${runner.name}`;\n }\n if (market.marketHeader === 'Picture Card' && runner.status === 'WINNER') {\n if (runner.name === 'Picture Card (J, Q, K)') {\n winObj.pictureCard = winObj.pictureCard.length <= 1 ? 'Yes' : winObj.pictureCard + `, Yes`;\n } else {\n winObj.pictureCard = winObj.pictureCard.length <= 1 ? 'No' : winObj.pictureCard + `, No`;\n }\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets[0].roundId]);\n\n const getSumOfCards = (cards) => {\n return cards.reduce((acc, item) => acc + parseInt(item.substring(1)), 0);\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Player A\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Player B\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner:\n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n Top 9: \n
\n \n {winnerData['top9'] || 'No Winner'}\n
\n \n
\n \n M Baccarat: \n
\n \n \n {winnerData['Muflis Baccarat']} ( A: {roundMarkets[2].marketRunner[0].total} | B: {roundMarkets[2].marketRunner[1].total} )\n \n
\n \n
\n\n );\n};\n\nexport default TheTrapPL;\n\n","import \"./CardsTeenpattiPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst CardsTeenpattiPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const getTotalA = () => {\n const totalA = roundMarkets[2].marketRunner[0].total;\n return totalA;\n }\n\n const getTotalB = () => {\n const totalB = roundMarkets[3].marketRunner[0].total;\n return totalB;\n }\n\n const getMiniBaccaratA = () => {\n const miniBaccaratA = roundMarkets[1].marketRunner[0].total;\n return miniBaccaratA;\n }\n\n const getMiniBaccaratB = () => {\n const miniBaccaratB = roundMarkets[1].marketRunner[1].total;\n return miniBaccaratB;\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Player A ({getSumOfCards(roundMarkets[0].marketRunner[0].cards)})\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Player B ({getSumOfCards(roundMarkets[0].marketRunner[1].cards)})\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner: \n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n High/Low: \n
\n \n {winnerData['highLow'] || 'No Winner'}\n
\n \n
\n \n Picture Card: \n
\n \n \n {winnerData['pictureCard'] || 'No Winner'}\n \n
\n \n
\n\n );\n};\n\nexport default CardsTeenpattiPL;\n\n","import \"./DragonTigerPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst DragonTigerPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Player A\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Player B\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner: \n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n Mini Baccarat: \n
\n \n {winnerData['Mini Baccarat']} ( A: {getMiniBaccaratA()} | B: {getMiniBaccaratB()})\n
\n \n
\n \n Total: \n
\n \n \n A: {getTotalA()} | B: {getTotalB()}\n \n
\n \n
\n \n Color Plus: \n
\n \n \n {winnerData['Color Plus'] === 'Color Plus' ? 'Yes': 'No' }\n \n
\n \n
\n\n );\n};\n\nexport default DragonTigerPL;\n\n","import \"./TeenpattiTestPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst TeenpattiTestPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n const winObj = {\n others: '',\n };\n\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader !== 'Match Odds' && runner.status === 'WINNER' && runner.name !== 'No Winner') {\n winObj.others = winObj.others.length <= 3 ?\n `${runner.name[0]} : ${market.marketHeader}`\n :\n `${winObj.others} | ${runner.name[0]} : ${market.marketHeader}`;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n {winnerData && \n \n Dragon\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Tiger\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner: \n
\n \n {winnerData['Match odds'] || 'No Winner'}\n
\n \n
\n \n Odd/Even: \n
\n \n \n {winnerData['Dragon Odd-Even'].replace('ragon -', ': ')} | {winnerData['Tiger Odd-Even'].replace('iger -', ': ')}\n \n
\n \n
\n \n Color:\n
\n \n \n {winnerData['Dragon Colour'].replace('ragon -', ': ')} | {winnerData['Dragon Colour'].replace('iger -', ': ')}\n \n
\n \n
\n \n Suit:\n
\n \n \n {winnerData['Dragon Suit'].replace('ragon -', ': ')} | {winnerData['Dragon Suit'].replace('iger -', ': ')}\n \n
\n \n
\n\n );\n};\n\nexport default TeenpattiTestPL;\n\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const exchangeGamesSlice = createSlice({\n name: 'exchangeGames',\n initialState: null,\n reducers: {\n getExchangeGamesSuccess: (state, action) => action.payload,\n getExchangeGamesError: (state) => state,\n },\n})\n\nexport const {\n getExchangeGamesSuccess,\n getExchangeGamesError,\n} = exchangeGamesSlice.actions\n\nexport default exchangeGamesSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getExchangeGamesSuccess, getExchangeGamesError} from './exchangeGames.slice'\n\nexport const requestExchangeGames = (gameId) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/exchange-games/odds/${gameId}`)\n if (response.data.success) {\n dispatch(getExchangeGamesSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getExchangeGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange-games/odds/${gameId}`)\n if (response.data.success) {\n dispatch(getExchangeGamesSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getExchangeGamesError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n\n}\n\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectQueen = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './RouletteLiveResult.scss'\nimport { connectRouletteLiveResult } from './RouletteLiveResult.connect'\n\nconst RouletteLiveResult = ({exchangeGames}) => {\n\n const ruletteNumber = {\n 0: { color: 'zero', left: 26, right: 32 },\n 32: { color: 'red', left: 0, right: 15 },\n 15: { color: 'black', left: 32, right: 19 },\n 19: { color: 'red', left: 15, right: 4 },\n 4: { color: 'black', left: 19, right: 21 },\n 21: { color: 'red', left: 4, right: 2 },\n 2: { color: 'black', left: 21, right: 25 },\n 25: { color: 'red', left: 2, right: 17 },\n 17: { color: 'black', left: 25, right: 34 },\n 34: { color: 'red', left: 17, right: 6 },\n 6: { color: 'black', left: 34, right: 27 },\n 27: { color: 'red', left: 6, right: 13 },\n 13: { color: 'black', left: 27, right: 36 },\n 36: { color: 'red', left: 13, right: 11 },\n 11: { color: 'black', left: 36, right: 30 },\n 30: { color: 'red', left: 11, right: 8 },\n 8: { color: 'black', left: 30, right: 23 },\n 23: { color: 'red', left: 8, right: 10 },\n 10: { color: 'black', left: 23, right: 5 },\n 5: { color: 'red', left: 10, right: 24 },\n 24: { color: 'black', left: 5, right: 16 },\n 16: { color: 'red', left: 24, right: 33 },\n 33: { color: 'black', left: 16, right: 1 },\n 1: { color: 'red', left: 33, right: 20 },\n 20: { color: 'black', left: 1, right: 14 },\n 14: { color: 'red', left: 20, right: 31 },\n 31: { color: 'black', left: 14, right: 9 },\n 9: { color: 'red', left: 31, right: 22 },\n 22: { color: 'black', left: 9, right: 18 },\n 18: { color: 'red', left: 22, right: 29 },\n 29: { color: 'black', left: 18, right: 7 },\n 7: { color: 'red', left: 29, right: 28 },\n 28: { color: 'black', left: 7, right: 12 },\n 12: { color: 'red', left: 28, right: 35 },\n 35: { color: 'black', left: 12, right: 3 },\n 3: { color: 'red', left: 35, right: 26 },\n 26: { color: 'black', left: 3, right: 0 },\n }\n\n let winNumber;\n\n if (exchangeGames && exchangeGames[0].indexCard) {\n winNumber = parseInt(exchangeGames[0].indexCard[0])\n }\n\n return (\n <>\n {\n (winNumber && winNumber !== '' || winNumber === 0) &&\n \n
\n {winnerData && \n \n Tiger\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0]?.cards.map( card =>\n \n )}\n
\n \n \n Lion\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1]?.cards.map( card =>\n \n )}\n
\n \n \n Dragon\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[2]?.cards.map( card =>\n \n )}\n
\n \n
}\n \n
\n \n Winner: \n
\n \n {winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n \n Others: \n
\n \n \n {winnerData['others'] || 'No Winner'}\n \n
\n \n
\n }\n \n )\n}\n\nexport default connectRouletteLiveResult()(RouletteLiveResult)\n","import { connect } from 'react-redux'\n\nexport const connectRouletteLiveResult = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n exchangeGames: state.exchangeGames,\n }\n }\n\n return connect(mapStateToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const lastResultsExchSlice = createSlice({\n name: 'lastResultsExch',\n initialState: null,\n reducers: {\n getLastResultsExchSuccess: (state, action) => action.payload,\n getLastResultsExchError: (state) => state,\n },\n})\n\nexport const {\n getLastResultsExchSuccess,\n getLastResultsExchError,\n} = lastResultsExchSlice.actions\n\nexport default lastResultsExchSlice.reducer\n","import { getLastResultsExchSuccess, getLastResultsExchError } from './lastResultsExch.slice'\nimport axios from 'axios'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\n\nexport const requestLastResultsExch = (gameId) => async (dispatch) => {\n return await axios\n .get(`https://fawk.app/result/past_result?gameId=${gameId}`)\n .then((response) => dispatch(getLastResultsExchSuccess(response.data.result)))\n .catch((e) =>{\n dispatch(getLastResultsExchError())\n const errorMsg = getErrorMessage(e)\n throw errorMsg})\n }\n \n\n // try {\n // const response = axios\n // .get(`https://lgodds.route2222.com/result/past_result?gameId=${gameId}`)\n // .then (response) {\n // console.log('response.data.success', response.data.success)\n // dispatch(getLastResultsExchSuccess(response.data.result))\n // }\n // return response\n // } catch (e) {\n // dispatch(getLastResultsExchError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n // }\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\nimport { requestLastResultsExch } from '../../../store/lastResultsExch/lastResultsExch.thunks'\n\nexport const connectTwoCardTeenPatti = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n oneClick: state.user.settings.oneClickSettings,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent.sportData,\n exchangeGames: state.exchangeGames,\n lastResultsExch: state.lastResultsExch,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n requestLastResultsExch\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './TwoCardTPCards.scss'\nimport { connectTwoCardTeenPatti } from '../../TwoCardTeenPatti.connect'\n\nconst TwoCardTPCards = ({ cards, exchangeGames }) => {\n\n const cardSrc = (card) => {\n\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getSumOfCards = (market, runner) => {\n const cards = exchangeGames && exchangeGames[market]?.marketRunner[runner]?.cards;\n return Array.isArray(cards) &&\n cards.reduce((sum, card) => sum += +card.substr(1, card.length), 0);\n };\n\n return (\n \n {ruletteNumber[winNumber].left}\n
\n \n {winNumber}\n
\n \n {ruletteNumber[winNumber].right}\n
\n \n
\n )\n}\n\nexport default connectTwoCardTeenPatti()(TwoCardTPCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectTrio = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport \"./RoundTimer.scss\"\n\nconst RoundTimer = ({timer, coords}) => {\n\n return (\n \n
\n \n Player A\n | \n {getSumOfCards(0, 0)}\n
\n \n
\n \n
\n \n
\n \n Player B\n | \n {getSumOfCards(0, 1)}\n
\n \n 00:{(timer < 10 && \"0\")}{timer}\n
\n )\n}\n\nexport default RoundTimer\n","import React from 'react'\nimport './TrioCards.scss'\nimport { useSelector } from 'react-redux'\nimport { connectTrio } from '../../Trio.connect'\nimport { useParams } from 'react-router-dom'\nimport RoundTimer from '../../../helpers/RoundTimer/RoundTimer'\n\n\nconst TrioCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n return (\n \n
\n )\n }\n\n\nexport default connectTrio()(TrioCards)\n","import React from 'react'\nimport './QueenCards.scss'\nimport { connectQueen } from '../../Queen.connect'\n\nconst QueenCards = ({ exchangeGames }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getSumOfCards = (cards, bonusScore) => {\n let sum = 0;\n if (Array.isArray(cards)) {\n for (const card of cards) {\n sum += parseInt(card.substring(1));\n }\n if (bonusScore) {\n sum = sum + bonusScore;\n return sum;\n } else {\n return sum;\n }\n }\n }\n\n return (\n \n
\n \n
\n \n
\n )\n}\n\nexport default connectQueen()(QueenCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\nimport { requestLastResultsExch } from '../../../store/lastResultsExch/lastResultsExch.thunks'\n\n\nexport const connectTeenpattiTest = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n requestLastResultsExch\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './TeenpattiTestCards.scss'\nimport { useSelector } from 'react-redux'\nimport { connectTeenpattiTest } from '../../TeenpattiTest.connect'\nimport { useParams } from 'react-router-dom'\nimport RoundTimer from '../../../helpers/RoundTimer/RoundTimer'\n\n\nconst TeenpattiTestCards = ({ exchangeGames }) => {\n\n // console.log('asa', exchangeGames);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n return (\n \n
\n Total 0\n { exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards.length !== 0 &&\n = {getSumOfCards(exchangeGames[0]?.marketRunner[0]?.cards, 0)}\n }\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards.length ? exchangeGames[0]?.marketRunner[0]?.cards.map( (card, index) =>\n })
)\n :\n })
\n }\n
\n \n
\n \n Total 1\n { exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards.length !== 0 &&\n = {getSumOfCards(exchangeGames[0]?.marketRunner[1]?.cards, 1)}\n }\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards.length ? exchangeGames[0]?.marketRunner[1]?.cards.map( (card, index) =>\n )\n :\n \n }\n
\n \n
\n \n Total 2\n { exchangeGames && exchangeGames[0]?.marketRunner[2]?.cards.length !== 0 &&\n = {getSumOfCards(exchangeGames[0]?.marketRunner[2]?.cards, 2)}\n }\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[2]?.cards.length ? exchangeGames[0]?.marketRunner[2]?.cards.map( (card, index) =>\n )\n :\n \n }\n
\n \n
\n \n Total 3\n { exchangeGames && exchangeGames[0]?.marketRunner[3]?.cards.length !== 0 &&\n = {getSumOfCards(exchangeGames && exchangeGames[0]?.marketRunner[3]?.cards, 3)}\n }\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[3]?.cards.length ? exchangeGames[0]?.marketRunner[3]?.cards.map( (card, index) =>\n )\n :\n \n }\n
\n \n
\n )\n }\n\n\nexport default connectTeenpattiTest()(TeenpattiTestCards)\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const eventPageSlice = createSlice({\n name: 'eventPage',\n initialState: {\n exposure: null,\n orders: null,\n },\n reducers: {\n getExposureSuccess: (state, action) => ({ ...state, exposure: action.payload }),\n getExposureError: (state) => ({ ...state, exposure: null }),\n getOrdersSuccess: (state, action) => ({ ...state, orders: action.payload }),\n getOrdersError: (state) => ({ ...state, orders: null }),\n },\n})\n\nexport const {\n getExposureError,\n getExposureSuccess,\n getOrdersError,\n getOrdersSuccess,\n} = eventPageSlice.actions\n\nexport default eventPageSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport {\n getExposureError,\n getExposureSuccess,\n getOrdersError,\n getOrdersSuccess,\n} from './eventPage.slice'\n\nexport const requestSportStart = (eventId) => async (dispatch, getState) => {\n\n // console.log(\" !! requestSportStart\")\n try {\n // twitter-config - in another reqest if news tab opened\n const userId = getState().user.memberCode;\n\n if(userId) {\n httpAuth.get(`/exposure/pnl/${userId}/event/${eventId}`)\n .then(res => {\n if (res.data.success) {\n dispatch(getExposureSuccess(res.data.result))\n }\n })\n httpAuth.get(`/account/${userId}/order-count?eventId=${eventId}`)\n .then(res => {\n if (res.data.success) {\n dispatch(getOrdersSuccess(res.data.result))\n }\n })\n }\n return\n } catch (e) {\n dispatch(getExposureError())\n dispatch(getOrdersError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n}\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\nimport { requestLastResultsExch } from '../../../store/lastResultsExch/lastResultsExch.thunks'\nimport { requestSportStart } from '../../../store/eventPage/eventPage.thunks'\n\n\nexport const connectTrap = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n sportEvent: state.sportEvent,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n requestLastResultsExch,\n requestSportStart,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './TrapCards.scss'\nimport { useSelector } from 'react-redux'\nimport { connectTrap } from '../../Trap.connect'\nimport { useParams } from 'react-router-dom'\nimport RoundTimer from '../../../helpers/RoundTimer/RoundTimer'\n\n\nconst TrapCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n\n\n const dataCardsA = exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards\n const dataCardsB = exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards\n\n\n const scoreA1 = Number(exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[0]?.slice(1)) || 0\n const scoreA2 = Number(exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[1]?.slice(1)) || 0\n const scoreA3 = Number(exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[2]?.slice(1)) || 0\n const scoreA4 = Number(exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[3]?.slice(1)) || 0\n\n const scoreB1 = Number(exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards[0]?.slice(1)) || 0\n const scoreB2 = Number(exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards[1]?.slice(1)) || 0\n const scoreB3 = Number(exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards[2]?.slice(1)) || 0\n const scoreB4 = Number(exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards[3]?.slice(1)) || 0\n\n\n const playerAscore = [scoreA1, scoreA2, scoreA3, scoreA4]\n const playerBscore = [scoreB1, scoreB2, scoreB3, scoreB4]\n\n\n const summArrayElements = (arr) => {\n let x = 0;\n return arr.map(i => x += i, x).reverse()[0]\n }\n\n return (\n \n
\n\n Tiger
\n \n
\n \n
\n \n
\n\n Lion
\n \n
\n \n
\n \n
\n Dragon
\n \n
\n \n
\n \n
\n )\n }\n\n\nexport default connectTrap()(TrapCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\n\nexport const connectSicbo = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n exchangeGames: state.exchangeGames,\n balanceSettings: state.balanceSettings,\n sportEvent: state.sportEvent,\n exposure: state.eventPage.exposure,\n oneClick: state.user.settings.oneClickSettings,\n // oneClick: state.user.settings.oneClickSettings.active,\n sportEventStats: state.sportEvent.sportStats,\n openBets: state.openBets,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import \"./SicboCards.scss\"\nimport React from 'react'\nimport { connectSicbo } from '../../Sicbo.connect'\n\nimport onePointDice from \"../../../../../assets/images/exchangeGames/sicbo/one-point-dice.svg\"\nimport twoPointDice from \"../../../../../assets/images/exchangeGames/sicbo/two-point-dice.svg\"\nimport threePointDice from \"../../../../../assets/images/exchangeGames/sicbo/three-point-dice.svg\"\nimport fourPointDice from \"../../../../../assets/images/exchangeGames/sicbo/four-point-dice.svg\"\nimport fivePointDice from \"../../../../../assets/images/exchangeGames/sicbo/five-point-dice.svg\"\nimport sixPointDice from \"../../../../../assets/images/exchangeGames/sicbo/six-point-dice.svg\"\n\nconst sicboCards = ({ exchangeGames}) => {\n\n const cardSrc = (card) => {\n if (card === '1') {\n return onePointDice\n }\n if (card === '2') {\n return twoPointDice\n }\n if (card === '3') {\n return threePointDice\n }\n if (card === '4') {\n return fourPointDice\n }\n if (card === '5') {\n return fivePointDice\n }\n if (card === '6') {\n return sixPointDice\n }\n }\n\n return (\n \n
\n\n \n
\n Player A
\n |
\n {summArrayElements(playerAscore)}
\n \n
\n \n
\n \n
\n\n\n \n
\n Player B
\n |
\n {summArrayElements(playerBscore)}
\n \n
\n \n
\n \n
\n )\n}\n\n\nexport default connectSicbo()(sicboCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\nimport { requestLastResultsExch } from '../../../store/lastResultsExch/lastResultsExch.thunks'\n\n\nexport const connectMuflisTeenpatti = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './MuflisTeenpattiCards.scss'\nimport { connectMuflisTeenpatti } from '../../MuflisTeenpatti.connect'\n\nconst MuflisTeenpattiCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n return (\n \n {exchangeGames && exchangeGames[0]?.indexCard[0] && 
}\n {exchangeGames && exchangeGames[0]?.indexCard[1] && }\n {exchangeGames && exchangeGames[0]?.indexCard[2] && }\n
\n \n
\n )\n }\n\nexport default connectMuflisTeenpatti()(MuflisTeenpattiCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectPoker20 = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './Poker20Cards.scss'\nimport { connectPoker20 } from '../../Poker20.connect'\n\nconst Poker20Cards = ({ exchangeGames }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n Player A
\n \n \n
\n \n
\n \n
\n Player B
\n \n
\n )\n}\n\nexport default connectPoker20()(Poker20Cards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\nimport { requestLastResultsExch } from '../../../store/lastResultsExch/lastResultsExch.thunks'\n\n\nexport const connectLiveTeenpatti = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n requestLastResultsExch\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './LiveTeenpattiCards.scss'\nimport { useSelector } from 'react-redux'\nimport { connectLiveTeenpatti } from '../../LiveTeenpatti.connect' \nimport { useParams } from 'react-router-dom'\nimport RoundTimer from '../../../helpers/RoundTimer/RoundTimer'\n\n\nconst LiveTeenpattiCards = ({ exchangeGames }) => {\n\n // console.log('asa', exchangeGames);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n\n return (\n \n
\n \n Player A\n
\n \n
\n \n Player B\n
\n \n \n \n
\n \n Board\n
\n \n \n \n \n \n \n
\n \n
\n )\n }\n\n\nexport default connectLiveTeenpatti()(LiveTeenpattiCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectTeenpattiT20 = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './TeenpattiT20Cards.scss'\nimport { connectTeenpattiT20 } from '../../TeenpattiT20.connect'\n\nconst TeenpattiT20Cards = ({ exchangeGames }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n\n Player A
\n \n
\n \n
\n \n {/*
\n\n \n Player B
*/}\n \n
\n \n
\n Player B
\n \n
\n )\n}\n\nexport default connectTeenpattiT20()(TeenpattiT20Cards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectBaccarat = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport { connectBaccarat } from '../../Baccarat.connect'\nimport './BaccaratCards.scss'\n\nconst BaccaratCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n return (\n \n
\n \n Player A\n
\n \n
\n \n Player B\n
\n \n
\n \n
\n )\n }\nexport default connectBaccarat()(BaccaratCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectCasinoMeter = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useState, useEffect } from 'react'\nimport { useSelector } from 'react-redux'\nimport './CasinoMeterCards.scss'\nimport { connectCasinoMeter } from '../../CasinoMeter.connect'\nimport * as cards from '../helpers'\n\nconst CasinoMeterCards = ({ exchangeGames, exposure }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const openBets = useSelector((state) => (state.openBets))\n const myBets = openBets?.matched[0]\n const [selected, setSelected] = useState(\"\")\n const [oldBets, setOldBets] = useState(null)\n const selectedUpdate = oldBets && oldBets.length > 0 ? oldBets.marketId.split('.')[1] : ''\n const placedBet = oldBets?.name === \"Casino Meter\" && oldBets?.markets[0]?.selections[0][0].selectionName\n\n\n\n useEffect(() => {\n if (myBets) {\n setOldBets(myBets)\n }\n if (!myBets && oldBets) {\n setTimeout(() => {\n setOldBets(myBets)\n }, 3500)\n }\n\n}, [myBets]);\n\n const getCardNumber = (card) => {\n return card.substring(1)\n }\n const getSumOfCards = (cards) => {\n let sum = 0;\n for (const card of cards) {\n sum += parseInt(getCardNumber(card));\n }\n return sum;\n }\n\n const getSumCardsLowHigh = (cards, placed) => {\n let sum = getSumOfCards(cards);\n if (placedBet === placed) {\n exchangeGames[0].indexCard.includes(\"S10\") && (sum += 10);\n exchangeGames[0].indexCard.includes(\"S9\") && (sum += 9);\n } else if (!placedBet) {\n exchangeGames[0].indexCard.includes(\"S10\") && placed === 'Low (A-9 without ♠9)' && (sum += 10);\n exchangeGames[0].indexCard.includes(\"S9\") && placed === 'High (10-K without ♠10)' && (sum += 9);\n }\n\n return sum;\n }\n\n const getRunPosition = (market) => {\n\n let lowSum = 0;\n let highSum = 0;\n let lowPosition = 0;\n let highPosition = 0;\n\n for (const card of market.marketRunner[0].cards) {\n if (card !== 'S9') {\n lowSum += (parseInt(getCardNumber(card)));\n }\n }\n\n for (const card of market.marketRunner[1].cards) {\n if (card !== 'S10') {\n highSum += (parseInt(getCardNumber(card)));\n }\n }\n\n if (placedBet === \"High (10-K without ♠10)\") {\n exchangeGames[0].indexCard.includes(\"S10\") && (lowSum += 10);\n exchangeGames[0].indexCard.includes(\"S9\") && (lowSum += 9);\n }\n if (placedBet === \"Low (A-9 without ♠9)\") {\n exchangeGames[0].indexCard.includes(\"S10\") && (highSum += 10);\n exchangeGames[0].indexCard.includes(\"S9\") && (highSum += 9);\n }\n\n lowPosition = lowSum;\n highPosition = highSum;\n\n\n // if (market.indexCard.includes('S9')) {\n // highPosition += 9;\n // lowPosition += 9;\n // }\n //\n // if (market.indexCard.includes('S10')) {\n // lowPosition += 10;\n // highPosition += 10;\n // }\n\n let lowRunPosition = lowSum - highPosition;\n if (lowRunPosition < -50) {\n lowRunPosition = -50;\n }\n if (lowRunPosition > 50) {\n lowRunPosition = 50;\n }\n\n let highRunPosition = highSum - lowPosition;\n if (highRunPosition < -50) {\n highRunPosition = -50;\n }\n if (highRunPosition > 50) {\n highRunPosition = 50;\n }\n\n const res = { lowRunPosition, highRunPosition };\n return res\n }\n\n useEffect(() => {\n if (placedBet !== selected) {\n setSelected(placedBet)\n }\n if (selectedUpdate !== (exchangeGames && exchangeGames[0] && exchangeGames[0].roundId ? exchangeGames[0].roundId : \"\")) {\n setSelected(\"\")\n }\n if (oldBets && oldBets?.markets[0]?.selections[0][0].selectionName) {\n setSelected( oldBets?.markets[0]?.selections[0][0].selectionName)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedUpdate, placedBet, oldBets])\n\n return (\n \n
\n Player
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[2] &&\n \n }\n \n
\n \n
\n Banker
\n \n
\n \n
\n )\n}\n\nexport default connectCasinoMeter()(CasinoMeterCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectBollywoodCasino = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './BollywoodCasinoCards.scss'\nimport { useSelector } from 'react-redux'\nimport { connectBollywoodCasino } from '../../BollywoodCasino.connect' \nimport { useParams } from 'react-router-dom'\nimport RoundTimer from '../../../helpers/RoundTimer/RoundTimer'\n\n\nconst BollywoodCasinoCards = ({ exchangeGames }) => {\n\n // console.log('asa', exchangeGames);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n\n return (\n \n {selected === \"Low (A-9 without ♠9)\" && (\n
\n \n My position : {exchangeGames && exchangeGames[0] && getRunPosition(exchangeGames[0]).lowRunPosition} \n
\n )}\n {selected === \"High (10-K without ♠10)\" && (\n \n My position : {exchangeGames && exchangeGames[0] && getRunPosition(exchangeGames[0]).highRunPosition} \n
\n )}\n \n \n Low :\n \n {exchangeGames && exchangeGames[0].marketRunner && (\n // getSumCardsLowHigh(exchangeGames[0].marketRunner[0].cards, 'Low (A-9 without ♠9)')\n getSumOfCards(exchangeGames[0].marketRunner[0].cards)\n )}\n \n \n
\n\n \n {exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards.map(item => {\n return (\n ![\"card]({cards[\"OS9\"]})
\n )}\n {(exchangeGames && exchangeGames[0] && exchangeGames[0].indexCard.includes(\"S10\") && (placedBet === \"High (10-K without ♠10)\"))\n // || (selected === \"High (10-K without ♠10)\" && exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards?.length)\n && (\n ![\"card]({cards[\"OS10\"]})
\n )}\n
\n \n \n High :\n \n {exchangeGames && exchangeGames[0].marketRunner && (\n // getSumCardsLowHigh(exchangeGames[0].marketRunner[1].cards, 'High (10-K without ♠10)')\n getSumOfCards(exchangeGames[0].marketRunner[1].cards)\n )}\n \n \n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards.map(item => {\n return (\n
\n \n
\n )\n }\n\n\nexport default connectBollywoodCasino()(BollywoodCasinoCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\n\nexport const connectRace20 = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './Race20Cards.scss'\nimport { connectRace20 } from '../../Race20.connect'\n\nimport whiteSpades from \"../../../../../assets/images/exchangeGames/race20/small-white-spades.svg\"\nimport whiteHearts from \"../../../../../assets/images/exchangeGames/race20/small-white-hearts.svg\"\nimport whiteClubs from \"../../../../../assets/images/exchangeGames/race20/small-white-clubs.svg\"\nimport whiteDiamonds from \"../../../../../assets/images/exchangeGames/race20/small-white-diamonds.svg\"\n\nconst Race20Cards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return \n
\n \n
\n \n
\n 
\n } else {\n return ![\"\"](\"`https://stream.fawk.app/assets/smallCards/BACK.png`\")
\n }\n }\n\n const getCardNumber = (card) => {\n return card.substr(1, card.length);\n }\n\n const getSumOfCards = (cards) => {\n let sum = 0;\n for (const card of cards) {\n sum += parseInt(getCardNumber(card));\n }\n return sum;\n }\n\n\n return (\n \n
\n )\n}\n\nexport default connectRace20()(Race20Cards)\n","import {setBtype, setDelay, setEventName, setFromOneClick, setIsBack, setLine, setMarket, setMtype, setPrice, setPriceActual, setRunner, setRunnerName, setStake} from \"../../../store/betPlacing/betPlacing.slice\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport {requestBetPlacingStart} from \"../../../store/betPlacing/betPlacing.thunks\";\nimport {requestExchangeGames} from \"../../../store/exchangeGames/exchangeGames.thunks\";\n\nexport const connectCasino32card = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import \"./Casino32cardCards.scss\";\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport {connectCasino32card} from \"../../Casino32card.connect\";\n\nconst Casino32cardCards = ({exchangeGames}) => {\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n const getSumOfCards = (market, runner) => {\n const cards = exchangeGames && exchangeGames[market]?.marketRunner[runner]?.cards;\n return Array.isArray(cards) &&\n cards.reduce((sum, card) => sum += +card.substr(1, card.length), 0);\n };\n\n const renderCards = (market, runner) => {\n const cards = exchangeGames && exchangeGames[market]?.marketRunner[runner]?.cards;\n\n if (Array.isArray(cards) && cards.length > 0) {\n return cards.map(card =>\n \n
\n \n
\n \n 
\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards.map((item) => cardSrc(item))}\n
\n \n
\n \n 
\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards.map((item) => cardSrc(item))}\n
\n \n
\n \n 
\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[2]?.cards.map((item) => cardSrc(item))}\n
\n \n
\n \n 
\n
\n \n {exchangeGames && exchangeGames[0]?.marketRunner[3]?.cards.map((item) => cardSrc(item))}\n
\n \n
\n \n Total Cards: \n {exchangeGames && exchangeGames[0]?.indexCard.length}\n
\n \n Total Points: \n {exchangeGames && exchangeGames[0]?.indexCard && getSumOfCards(exchangeGames[0]?.indexCard)}\n
\n \n
\n );\n }\n return (\n \n
\n \n P 8 = \n {getSumOfCards(0, 0) !== 0 &&\n {8 + getSumOfCards(0, 0)}}\n
\n \n {renderCards(0, 0)}\n
\n \n
\n \n P 9 = \n {getSumOfCards(0, 1) !== 0 &&\n {9 + getSumOfCards(0, 1)}}\n
\n \n {renderCards(0, 1)}\n
\n \n
\n \n P 10 = \n {getSumOfCards(0, 2) !== 0 &&\n {10 + getSumOfCards(0, 2)}}\n
\n \n {renderCards(0, 2)}\n
\n \n
\n \n P 11 = \n {getSumOfCards(0, 3) !== 0 &&\n {11 + getSumOfCards(0, 3)}}\n
\n \n {renderCards(0, 3)}\n
\n \n
\n );\n};\nexport default connectCasino32card()(Casino32cardCards);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectPoker = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './PokerCards.scss'\nimport { connectPoker } from '../../Poker.connect'\n\nconst PokerCards = ({ exchangeGames }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n 8
\n +\n \n {renderCards(0, 0)}\n
\n =\n \n {getSumOfCards(0, 0) !== 0 &&\n {8 + getSumOfCards(0, 0)}\n }\n
\n \n
\n 9
\n +\n \n {renderCards(0, 1)}\n
\n =\n \n {getSumOfCards(0, 1) !== 0 &&\n {9 + getSumOfCards(0, 1)}\n }\n
\n \n
\n 10
\n +\n \n {renderCards(0, 2)}\n
\n =\n \n {getSumOfCards(0, 2) !== 0 &&\n {10 + getSumOfCards(0, 2)}\n }\n
\n \n
\n 11
\n +\n \n {renderCards(0, 3)}\n
\n =\n \n {getSumOfCards(0, 3) !== 0 &&\n {11 + getSumOfCards(0, 3)}\n }\n
\n \n
\n )\n}\n\nexport default connectPoker()(PokerCards)\n","import {setBetPlacingPopoverStage, setBtype, setDelay, setEventName, setFromOneClick, setIsBack, setLine, setMarket, setMtype, setPrice, setPriceActual, setRunner, setRunnerName, setShowBetPlacingPopover, setStake} from \"../../../store/betPlacing/betPlacing.slice\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport {requestBetPlacingStart} from \"../../../store/betPlacing/betPlacing.thunks\";\nimport {requestExchangeGames} from \"../../../store/exchangeGames/exchangeGames.thunks\";\n\nexport const connectHiLow = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import \"./HiLowCards.scss\";\nimport React from \"react\";\nimport {connectHiLow} from \"../../HiLow.connect\";\n\nconst HiLowCards = ({exchangeGames}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n Board\n
\n \n \n \n \n \n \n
\n \n
\n );\n};\nexport default connectHiLow()(HiLowCards);\n","import {connect} from \"react-redux\";\nimport {bindActionCreators} from \"redux\";\nimport { setBtype, setDelay, setEventName, setFromOneClick, setIsBack, setLine, setMarket, setMtype, setPrice, setPriceActual, setRunner, setRunnerName, setStake} from \"../../../store/betPlacing/betPlacing.slice\";\nimport {requestBetPlacingStart} from \"../../../store/betPlacing/betPlacing.thunks\";\nimport {requestExchangeGames} from \"../../../store/exchangeGames/exchangeGames.thunks\";\n\nexport const connectAndarBahar = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import React from \"react\";\nimport {connectAndarBahar} from \"../../AndarBahar.connect\";\nimport \"./AndarBaharCards.scss\";\n\nconst AndarBaharCards = ({exchangeGames}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n const renderCards = (market, runner) => {\n const cards = exchangeGames && exchangeGames[market]?.marketRunner[runner]?.cards;\n\n if (Array.isArray(cards) && cards.length > 0) {\n return (runner === 1 ? cards.slice(-4).reverse() : cards.slice(-4)).map(card =>\n \n ;\n
\n \n Joker\n
\n \n ;\n
\n \n Ante\n
\n \n
\n );\n};\nexport default connectAndarBahar()(AndarBaharCards);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectAmarAkbarAnthony = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams,\n sportEvent: state.sportEvent,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './AmarAkbarAnthonyCards.scss'\nimport { connectAmarAkbarAnthony } from '../../AmarAkbarAnthony.connect' \n\nconst AmarAkbarAnthonyCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n \n Bahar\n
\n \n {renderCards(0, 0)}\n
\n \n \n
\n \n
\n \n Andar\n
\n \n {renderCards(0, 1)}\n
\n \n \n
\n )\n }\n\nexport default connectAmarAkbarAnthony()(AmarAkbarAnthonyCards)\n","import { setBtype, setDelay, setEventName, setFromOneClick, setIsBack, setLine, setMarket, setMtype, setPrice, setPriceActual, setRunner, setRunnerName, setStake} from \"../../../store/betPlacing/betPlacing.slice\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport {requestBetPlacingStart} from \"../../../store/betPlacing/betPlacing.thunks\";\nimport {requestExchangeGames} from \"../../../store/exchangeGames/exchangeGames.thunks\";\n\nexport const connectSevenUpDown = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import \"./SevenUpDownCards.scss\";\nimport React from \"react\";\nimport { connectSevenUpDown} from \"../../SevenUpDown.connect\";\n\nconst SevenUpDownCards = ({exchangeGames}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n );\n};\nexport default connectSevenUpDown()(SevenUpDownCards);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\n\nexport const connectDragonTiger = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './DragonTigerCards.scss'\nimport { connectDragonTiger } from '../../DragonTiger.connect'\n\n\n\nconst DragonTigerCards = ({ exchangeGames }) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n};\n\n\n return (\n \n \n \n
\n \n
\n )\n}\n\nexport default connectDragonTiger()(DragonTigerCards)\n","import {connect} from \"react-redux\";\nimport {bindActionCreators} from \"redux\";\nimport {setBetPlacingPopoverStage, setBtype, setDelay, setEventName, setFromOneClick, setIsBack, setLine, setMarket, setMtype, setPrice, setPriceActual, setRunner, setRunnerName, setShowBetPlacingPopover, setStake} from \"../../../store/betPlacing/betPlacing.slice\";\nimport {requestBetPlacingStart} from \"../../../store/betPlacing/betPlacing.thunks\";\nimport {requestExchangeGames} from \"../../../store/exchangeGames/exchangeGames.thunks\";\nimport {requestLastResultsExch} from \"../../../store/lastResultsExch/lastResultsExch.thunks\";\n\n\nexport const connectMatka = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n sportEvent: state.sportEvent,\n betPlacing: state.betPlacing,\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n exposure: state.eventPage.exposure,\n lastResultsExch: state.lastResultsExch,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import \"./MatkaCards.scss\";\nimport React from \"react\";\nimport {connectMatka} from \"../../Matka.connect\";\n\nconst MatkaCards = ({exchangeGames}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n const getMatkaResult = () => {\n if (exchangeGames &&\n exchangeGames[0].indexCard &&\n Array.isArray(exchangeGames[0].indexCard) &&\n exchangeGames[0].indexCard.length === 3) {\n const c1 = exchangeGames[0].indexCard[0].slice(1);\n const c2 = exchangeGames[0].indexCard[1].slice(1);\n const c3 = exchangeGames[0].indexCard[2].slice(1);\n return ((c1 + c2 + c3) % 10)\n }\n };\n return (\n \n \n
\n \n Dragon\n
\n \n \n
\n \n Tiger\n
\n \n
\n );\n};\nexport default connectMatka()(MatkaCards);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectSixPlayerPoker = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from 'react'\nimport './SixPlayerPokerCards.scss'\nimport { connectSixPlayerPoker } from '../../SixPlayerPoker.connect'\n\nconst SixPlayerPokerCards = ({ exchangeGames }) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n \n \n \n =\n { !getMatkaResult() ?\n })
\n :\n
\n {getMatkaResult()}
\n }\n \n
\n )\n}\n\nexport default connectSixPlayerPoker()(SixPlayerPokerCards)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n\nexport const connectCasinoWar = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n presetStakeSettings: state.user.settings.presetStakeSettings,\n oneClick: state.user.settings.oneClickSettings.active,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n sportEvent: state.sportEvent,\n exchangeGames: state.exchangeGames,\n betPlacing: state.betPlacing,\n exposure: state.eventPage.exposure,\n headerHeight: state.elementsParams.headerHeight,\n auth: state.auth,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React from \"react\";\nimport \"./CasinoWarCards.scss\";\nimport {connectCasinoWar, connectPoker20} from \"../../CasinoWar.connect\";\n\nconst CasinoWarCards = ({exchangeGames}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n Board\n
\n \n \n \n \n \n \n
\n \n \n
\n );\n};\n\nexport default connectCasinoWar()(CasinoWarCards);\n","import React from 'react'\nimport \"./CardsInfo.scss\";\nimport {useSelector} from \"react-redux\";\nimport {connectQueen} from \"../../Queen/Queen.connect\";\nimport {useParams} from \"react-router-dom\";\nimport RouletteLiveResult from \"../../Roulette/RouletteHelpers/RouletteLiveResult/RouletteLiveResult\";\nimport TwoCardTPCards from \"../../TwoCardTeenPatti/TwoCardHelpers/TwoCardTPCards/TwoCardTPCards\";\nimport TrioCards from \"../../Trio/TrioHelpers/TrioCards/TrioCards\";\nimport QueenCards from \"../../Queen/QueenHelpers/QueenCards/QueenCards\";\nimport TeenpattiTestCards from \"../../TeenpattiTest/TeenpattiTestHelpers/TeenpattiTestCards/TeenpattiTestCards\";\nimport TrapCards from \"../../Trap/TrapHelpers/TrapCards/TrapCards\";\nimport SicboCards from \"../../Sicbo/SicboHelpers/SicboCards/SicboCards\";\nimport MuflisTeenpattiCards from \"../../MuflisTeenpatti/MuflisTeenpattiHelpers/MuflisTeenpattiCards/MuflisTeenpattiCards\";\nimport Poker20Cards from \"../../Poker20/Poker20Helpers/Poker20Cards/Poker20Cards\";\nimport LiveTeenpattiCards from \"../../LiveTeenpatti/LiveTeenpattiHelpers/LiveTeenpattiCards/LiveTeenpattiCards\";\nimport TeenpattiT20Cards from \"../../TeenpattiT20/TeenpattiT20Helpers/TeenpattiT20Cards/TeenpattiT20Cards\";\nimport BaccaratCards from \"../../Baccarat/BaccaratHelpers/BaccaratCards/BaccaratCards\";\nimport CasinoMeterCards from \"../../CasinoMeter/CasinoMeterHelpers/CasinoMeterCards/CasinoMeterCards\";\nimport BollywoodCasinoCards from \"../../BollywoodCasino/BollywoodCasinoHelpers/BollywoodCasinoCards/BollywoodCasinoCards\";\nimport Race20Cards from \"../../Race20/Race20Helpers/Race20Cards/Race20Cards\";\nimport Casino32cardCards from \"../../Casino32card/Casino32cardHelpers/Casino32cardCards/Casino32cardCards\";\nimport PokerCards from \"../../Poker/PokerHelpers/PokerCards/PokerCards\";\nimport HiLowCards from \"../../HiLow/HiLowHelpers/HiLowCards/HiLowCards\";\nimport AndarBaharCards from \"../../AndarBahar/AndarBaharHelpers/AndarBaharCards/AndarBaharCards\";\nimport AmarAkbarAnthonyCards from \"../../AmarAkbarAnthony/AmarAkbarAnthonyHelpers/AmarAkbarAnthonyCards/AmarAkbarAnthonyCards\";\nimport SevenUpDownCards from \"../../7UpDown/SevenUpDownHelpers/SevenUpDownCards/SevenUpDownCards\";\nimport DragonTigerCards from \"../../DragonTiger/DragonTigerHelpers/DragonTigerCards/DragonTigerCards\";\nimport MatkaCards from \"../../Matka/MatkaHelpers/MatkaCards/MatkaCards\";\nimport SixPlayerPokerCards from '../../SixPlayerPoker/SixPlayerPokerHelpers/SixPlayerPokerCards/SixPlayerPokerCards';\nimport CasinoWarCards from '../../CasinoWar/CasinoWarHelpers/CasinoWarCards/CasinoWarCards'\n\nconst CardsInfo = () => {\n const {eventId} = useParams();\n\n // window width\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n // end window width\n\n\n const virtualsGamesId = [\n \"98792\", /*Roulette*/\n \"56966\", /*32 Card Casino */\n \"92036\",\n \"98793\", /*7 up Down*/\n \"56766\", /*Teenpatti One-Day*/\n \"56769\", /*Teenpatti T20*/\n \"56969\", /*Hi Low*/\n \"67563\", /*Poker*/\n \"87565\", /*Andar Bahar*/\n \"92036\", /*Matka*/\n \"98795\", /*AAA*/\n \"67566\", /*Six Player Poker*/\n \"98794\", /*dragonTiger*/\n ];\n\n const queenRaceCards = () => {\n if (eventId && eventId === \"98788\") {\n return (\n \n
\n );\n};\n\nexport default connectQueen()(CardsInfo);\n","import React from 'react'\nimport \"./RouletteLastResult.scss\"\n\nconst RouletteLastResult = ({data}) => {\n\n return (\n \n {queenRaceCards()}\n
\n\n {/**/}\n {/* {exchangeGames && eventId === '98788' &&
*/}\n\n \n {data && data?.marketId && data?.marketId?.indexCard[0] && data?.marketId?.indexCard[0]}\n
\n )\n}\nexport default RouletteLastResult\n","import React from 'react'\nimport \"./TrioLastResult.scss\"\n\nconst TrioLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n Player A
\n {data &&\n data?.marketId?.marketRunner[0].cards.map((item) => (\n Player B
\n {data &&\n data?.marketId?.marketRunner[1].cards.map((item) => (\n \n
\n\n )\n}\nexport default TwoCardTPLastResult\n","import React from 'react'\nimport \"./QueenLastResult.scss\"\n\nconst QueenLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n const getSumOfCards = (cards, bonusScore) => {\n let sum = 0;\n if (Array.isArray(cards)) {\n for (const card of cards) {\n sum += parseInt(card.substring(1));\n }\n if (sum === 0) {\n return\n }\n if (bonusScore) {\n sum = sum + bonusScore;\n return sum;\n } else {\n return sum;\n }\n }\n }\n\n return (\n {descriptionResult()}
\n \n
\n \n \n {data && data?.marketId?.marketRunner[0].cards[0] &&\n
\n Total 0
\n \n \n {data && data?.marketId?.marketRunner[1].cards[0] &&\n
\n \n Total 1
\n \n \n {data && data?.marketId?.marketRunner[2].cards[0] &&\n
\n \n Total 2
\n \n \n {data && data?.marketId?.marketRunner[3].cards[0] &&\n
\n \n \n )\n}\nexport default QueenLastResult\n","import React from 'react'\nimport \"./TeenpattiTestLastResult.scss\"\n\nconst TeenpattiTestLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const descriptionResult = () => {\n if (data && data.rName === 'T'){\n if(data.marketId.marketRunner[0].resDesc === ''){\n return \"HIGH CARD\"\n } else if (data.marketId.marketRunner[0].resDesc === 'COLOR') {\n return \"FLUSH\"\n } else{\n return data.marketId.marketRunner[0].resDesc\n }\n }\n if (data && data.rName === 'L'){\n if(data.marketId.marketRunner[1].resDesc === ''){\n return \"HIGH CARD\"\n } else if (data.marketId.marketRunner[1].resDesc === 'COLOR') {\n return \"FLUSH\"\n } else {\n return data.marketId.marketRunner[1].resDesc\n }\n }\n if (data && data.rName === 'D'){\n if(data.marketId.marketRunner[2].resDesc === ''){\n return \"HIGH CARD\"\n } else if (data.marketId.marketRunner[2].resDesc === 'COLOR') {\n return \"FLUSH\"\n } else {\n return data.marketId.marketRunner[2].resDesc\n }\n }\n }\n\n return (\n <>\n Total 3
\n \n
\n\n \n \n
\n Tiger
\n \n \n
\n \n\n Lion
\n \n \n
\n \n \n { Dragon
\n \n
}\n \n )\n}\nexport default TeenpattiTestLastResult\n","import React from 'react'\nimport \"./TrapLastResult.scss\"\nimport { useSelector } from 'react-redux'\n\nconst TrapLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const dataCardsA = data && data?.marketId?.marketRunner[0]?.cards\n const dataCardsB = data && data?.marketId?.marketRunner[1]?.cards\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n return (\n <>\n {width > 1024\n ? (\n {descriptionResult()}
\n \n
\n\n \n \n\n
\n Player A
\n \n \n
\n \n \n )\n\n : (\n <>\n Player B
\n \n \n\n
\n \n\n Player A
\n \n \n
\n\n \n \n )\n }\n \n )\n}\nexport default TrapLastResult\n","import React from 'react'\nimport \"./SicboLastResult.scss\"\nimport onePointDice from \"../../../../../assets/images/exchangeGames/sicbo/one-point-dice.svg\"\nimport twoPointDice from \"../../../../../assets/images/exchangeGames/sicbo/two-point-dice.svg\"\nimport threePointDice from \"../../../../../assets/images/exchangeGames/sicbo/three-point-dice.svg\"\nimport fourPointDice from \"../../../../../assets/images/exchangeGames/sicbo/four-point-dice.svg\"\nimport fivePointDice from \"../../../../../assets/images/exchangeGames/sicbo/five-point-dice.svg\"\nimport sixPointDice from \"../../../../../assets/images/exchangeGames/sicbo/six-point-dice.svg\"\n\nconst SicboLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card === '1') {\n return onePointDice\n }\n if (card === '2') {\n return twoPointDice\n }\n if (card === '3') {\n return threePointDice\n }\n if (card === '4') {\n return fourPointDice\n }\n if (card === '5') {\n return fivePointDice\n }\n if (card === '6') {\n return sixPointDice\n }\n }\n\n // console.log('data pop up sicbo', data)\n\n return (\n Player B
\n \n {data && data?.marketId?.indexCard[0] && 
}\n {data && data?.marketId?.indexCard[1] && }\n {data && data?.marketId?.indexCard[2] && }\n\n
\n )\n}\n\nexport default SicboLastResult\n","import React from 'react'\nimport \"./MuflisTeenpattiLastResult.scss\"\n\nconst MuflisTeenpattiLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const renderCombination = () => {\n const winner = data && data?.marketId && data?.marketId?.marketRunner.filter(runner => runner?.status === \"WINNER\")[0]\n if (winner && winner?.resDesc) {\n return (\n \n {winner?.resDesc}\n
\n )\n }\n }\n\n return (\n \n
\n \n \n
\n Player A
\n \n \n
\n \n {renderCombination()}\n \n )\n}\nexport default MuflisTeenpattiLastResult\n","import React from 'react'\nimport \"./Poker20LastResult.scss\"\n\nconst Poker20LastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getWinnerPattern = (data) => {\n const winner = data.marketId.marketRunner.filter((runner) => {\n return runner.status === 'WINNER';\n })\n if (winner.length > 0) {\n return winner[0].patternCode || winner[0].resDesc || '';\n } else {\n return '';\n }\n }\n\n return (\n <>\n Player B
\n \n
\n \n Player A\n \n
\n \n Player B\n \n
\n \n \n Board\n
\n \n \n \n \n \n \n \n
\n \n {getWinnerPattern(data)}\n
\n \n )\n}\nexport default Poker20LastResult\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport \"./LiveTeenpattiLastResult.scss\"\nimport trophy from '../../../../../assets/images/TrophyTeenPattiTest.svg'\n\nconst LiveTeenpattiLastResult = ({data}) => {\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n \n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const renderCombination = () => {\n const winner = data && data?.marketId && data?.marketId?.marketRunner.filter(runner => runner?.status === \"WINNER\")[0]\n if (winner /*&& winner?.resDesc*/) {\n return (\n \n {winner?.resDesc || \"HIGH CARD\"}\n
\n )\n }\n }\n\n return (\n \n\n\n \n 
\n )}\n \n ) : (\n <>\n {data &&\n data?.marketId?.marketRunner[0].cards.map((item) => (\n
\n Player A
\n {width >=1024 ? (\n <>\n \n {data &&\n data?.marketId?.marketRunner[0].cards.map((item) => (\n
\n {data && data?.marketId?.marketRunner[0]?.status === 'WINNER' && (\n Player B
\n {width >=1024 ? (\n <>\n \n {data &&\n data?.marketId?.marketRunner[1].cards.map((item) => (\n
\n {data && data?.marketId?.marketRunner[1]?.status === 'WINNER' && (\n \n\n\n
\n )\n}\nexport default TeenpattiT20LastResult\n","import React from 'react'\nimport \"./BaccaratLastResult.scss\"\n\nconst BaccaratLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n {data && getWinnerPattern(data) &&\n \n Player A\n
\n \n
\n \n Player B\n
\n \n
\n \n {getWinnerPattern(data)}\n
\n }\n \n
\n \n \n
\n Player
\n \n \n
\n \n \n )\n}\nexport default BaccaratLastResult\n","import React from 'react'\nimport \"./BollywoodCasinoLastResult.scss\"\n\nconst BollywoodCasinoLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getWinnerPattern = (data) => {\n const winner = data.marketId.marketRunner.filter((runner) => {\n return runner.status === 'WINNER';\n })\n if (winner.length > 0) {\n return winner[0].name || winner[0].resDesc || '';\n } else {\n return '';\n }\n }\n\n\n return (\n Banker
\n \n
\n )\n}\nexport default BollywoodCasinoLastResult\n","import React from 'react'\nimport \"./Race20LastResult.scss\"\nimport smallSpades from \"../../../../../assets/images/exchangeGames/race20/small-spades.svg\"\nimport smallHearts from \"../../../../../assets/images/exchangeGames/race20/small-hearts.svg\"\nimport smallClubs from \"../../../../../assets/images/exchangeGames/race20/small-clubs.svg\"\nimport smallDiamonds from \"../../../../../assets/images/exchangeGames/race20/small-diamonds.svg\"\n\nconst Race20LastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return \n {/**/}\n \n
\n \n {getWinnerPattern(data)}\n
\n \n } else {\n return \n }\n }\n\n const renderPlayerItem = (icon, runnerIndex) => {\n return (\n \n \n {data && data.marketId && data.marketId.marketRunner &&\n (data.marketId.marketRunner[runnerIndex]?.cards.length\n ?\n data.marketId.marketRunner[runnerIndex]?.cards?.map((item) => cardSrc(item))\n :\n ![\"\"](\"https://stream.fawk.app/assets/smallCards/BACK.png\")
\n )\n }\n
\n \n )\n }\n\n return (\n \n \n
\n \n )\n }\n \n {renderPlayerItem(smallSpades, 0)}\n {renderPlayerItem(smallHearts, 1)}\n {renderPlayerItem(smallClubs, 2)}\n {renderPlayerItem(smallDiamonds, 3)}\n
\n )\n}\nexport default Race20LastResult\n","import React from 'react'\nimport { useSelector } from 'react-redux'\nimport \"./CasinoMeterLastResult.scss\"\nimport * as cards from '../helpers'\n\nconst CasinoMeterLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getCardNumber = (card) => {\n return card.substring(1)\n }\n\n const getSumOfCards = (cards) => {\n let sum = 0;\n for (const card of cards) {\n sum += parseInt(getCardNumber(card));\n }\n return sum;\n }\n\n // const runnerLowCards = data.marketId.indexCard.includes(\"S9\") ? [...data.marketId.marketRunner[0].cards, 'S9'] : data.marketId.marketRunner[0].cards\n // const runnerHighCards = data.marketId.indexCard.includes(\"S10\") ? [...data.marketId.marketRunner[1].cards, 'S10'] : data.marketId.marketRunner[1].cards\n\n const runnerLowCards = data.marketId.marketRunner[0].cards\n const runnerHighCards = data.marketId.marketRunner[1].cards\n\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n \n return (\n \n
\n \n {(data.marketId.indexCard.includes(\"S9\") || data.marketId.indexCard.includes('S10')) &&\n \n
\n\n \n \n {data && data?.marketId?.marketRunner[0].cards.length ? data?.marketId?.marketRunner[0].cards.map(item => {\n return (\n
\n {width < 1024 && (\n \n Low cards\n
\n \n
\n )}\n Total {data.marketId && getSumOfCards(runnerLowCards)}
\n {/*Low position: {data.marketId.marketRunner[0].resDesc.split('_')[0] === \"WON\"*/}\n {/* ? data.marketId.marketRunner[0].resDesc.split('_')[1]*/}\n {/* : -data.marketId.marketRunner[0].resDesc.split('_')[1]}*/}\n {/*
*/}\n \n
\n )}\n Total {data.marketId && getSumOfCards(runnerLowCards)}
\n {/*Low position: {data.marketId.marketRunner[0].resDesc.split('_')[0] === \"WON\"*/}\n {/* ? data.marketId.marketRunner[0].resDesc.split('_')[1]*/}\n {/* : -data.marketId.marketRunner[0].resDesc.split('_')[1]}*/}\n {/*
*/}\n \n \n {data && data?.marketId?.marketRunner[1].cards.length ? data?.marketId?.marketRunner[1].cards.map(item => {\n return (\n
\n {width < 1024 && (\n \n High cards\n
\n \n
\n )}\n Total {data.marketId && getSumOfCards(runnerHighCards)}
\n {/*High position: {data.marketId.marketRunner[1].resDesc.split('_')[0] === \"WON\"*/}\n {/* ? data.marketId.marketRunner[1].resDesc.split('_')[1]*/}\n {/* : -data.marketId.marketRunner[1].resDesc.split('_')[1]*/}\n {/* }
*/}\n \n
\n )}\n Total {data.marketId && getSumOfCards(runnerHighCards)}
\n {/*High position: {data.marketId.marketRunner[1].resDesc.split('_')[0] === \"WON\"*/}\n {/* ? data.marketId.marketRunner[1].resDesc.split('_')[1]*/}\n {/* : -data.marketId.marketRunner[1].resDesc.split('_')[1]*/}\n {/* }
*/}\n \n {data.marketId.indexCard.includes('S9') && (\n 
\n )}\n {data.marketId.indexCard.includes('S10') && (\n 
\n )}\n
}\n \n )\n}\nexport default CasinoMeterLastResult\n","import React from 'react'\nimport \"./PokerLastResult.scss\"\n\nconst PokerLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n\n \n Player A\n \n
\n \n Player B\n \n
\n \n\n \n Board\n
\n\n \n \n \n \n \n \n
\n \n
\n\n \n )\n}\nexport default PokerLastResult\n","import \"./HiLowLastResult.scss\";\nimport React from \"react\";\n\nconst HiLowLastResult = ({data}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n const getWinnerPattern = (data) => {\n const winner = data.marketId.marketRunner.filter((runner) => {\n return runner.status === 'WINNER';\n })\n if (winner.length > 0) {\n return winner[0].name || winner[0].resDesc || '';\n } else {\n return '';\n }\n }\n\n return (\n \n {data && data?.marketId?.marketRunner[0]?.status === 'WINNER'\n ? data && data?.marketId?.marketRunner[0]?.patternCode\n : data && data?.marketId?.marketRunner[1]?.patternCode}\n
\n \n
\n \n {data && getWinnerPattern(data) &&\n \n
\n \n \n
\n Joker
\n \n \n
\n Ante
\n \n {getWinnerPattern(data)}\n
\n }\n \n );\n};\nexport default HiLowLastResult;\n","import React from \"react\";\nimport \"./AndarBaharLastResult.scss\";\n\nconst AndarBaharLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n const renderCards = (runner) => {\n const cards = data && data?.marketId?.marketRunner[runner]?.cards;\n\n if (Array.isArray(cards) && cards.length > 0) {\n return cards.map(card =>\n \n
\n );\n};\nexport default AndarBaharLastResult;\n","import \"./SevenUpDownResult.scss\";\nimport React from \"react\";\n\nconst SevenUpDownLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n Low Cards\n
\n \n {renderCards(0)}\n
\n \n
\n \n High Cards\n
\n \n {renderCards(1)}\n
\n \n
\n Joker
\n \n \n
\n \n
\n \n );\n};\nexport default SevenUpDownLastResult;\n","import React from 'react'\nimport \"./DragonTigerLastResult.scss\"\n\n\nconst DragonTigerLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n};\n\n return (\n \n \n
\n \n
\n \n \n
\n Dragon
\n \n \n
\n \n \n )\n}\nexport default DragonTigerLastResult\n","import \"./MatkaLastResult.scss\";\nimport React from \"react\";\n\nconst MatkaLastResult = ({data}) => {\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n const renderCards = () => {\n const cards = data && data?.marketId?.indexCard;\n\n if (Array.isArray(cards) && cards.length > 0) {\n return cards.map(card =>\n Tiger
\n \n
\n );\n};\nexport default MatkaLastResult;\n","import React from 'react'\nimport \"./AmarAkbarAnthonyLastResult.scss\"\n\nconst AmarAkbarAnthonyLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n return (\n \n
\n \n {renderCards()}\n
\n \n
\n )\n}\nexport default AmarAkbarAnthonyLastResult\n","import \"./CasinoWarLast Result.scss\";\nimport React, { useEffect } from 'react'\n\nconst CasinoWarLastResult = ({data }) => {\n\n const assert = (condition, error) => {\n if (!condition) {\n // console.trace(error);\n throw error;\n }\n }\n\n const parseGeneralCard = (str) => {\n if (str) {\n const suit = str[0];\n assert(suit === 'C' || suit === 'D' || suit === 'H' || suit === 'S', 'invalid suit');\n\n const rank = parseInt(str.slice(1));\n assert(rank >= 1 && rank <= 13, 'invalid rank');\n\n return {rank, suit};\n }\n }\n\n const getCasinoWarWinners = (player) => {\n let player1Status = false;\n const player1Card = parseGeneralCard(data?.marketId?.cards[player])?.rank;\n const dealerCard = parseGeneralCard(data?.marketId?.cards[6])?.rank;\n const player1Suit = parseGeneralCard(data?.marketId?.cards[player])?.suit;\n const dealerSuit = parseGeneralCard(data?.marketId?.cards[6])?.suit;\n\n if (player1Card > dealerCard) {\n player1Status = true;\n } else if (player1Card < dealerCard) {\n player1Status = false;\n } else if (player1Card === dealerCard) {\n const order = ['D', 'C', 'H', 'S'];\n\n const dealerRank = order.indexOf(player1Suit);\n const playerRank = order.indexOf(dealerSuit);\n\n if (dealerRank < playerRank) {\n player1Status = false;\n }\n if (dealerRank > playerRank) {\n player1Status = true;\n }\n }\n\n return player1Status\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n \n
\n \n
\n );\n};\nexport default CasinoWarLastResult;\n","import React from 'react'\nimport \"./SixPlayerPokerLastResult.scss\"\n\nconst SixPlayerPokerLastResult = ({data}) => {\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`\n } else {\n return `https://stream.fawk.app/assets/smallCards/BACK.png`\n }\n }\n\n const getWinnerPattern = (data) => {\n const winner = data.marketId.marketRunner.filter((runner) => {\n return runner.status === 'WINNER';\n })\n if (winner.length > 0) {\n return winner[0].patternCode || winner[0].resDesc || '';\n } else {\n return '';\n }\n }\n\n return (\n <>\n \n
\n 1
\n \n
\n \n
\n 2
\n \n
\n \n
\n 3
\n \n
\n \n
\n 4
\n \n
\n \n
\n 5
\n \n
\n \n
\n 6
\n \n
\n \n
\n D
\n \n
\n \n
\n \n Player A\n \n
\n \n Player B\n \n
\n \n \n Player C\n \n
\n \n \n Player D\n \n
\n \n \n Player E\n \n
\n \n \n Player F\n \n
\n \n \n\n \n Board\n
\n\n \n \n \n \n \n \n
\n \n {getWinnerPattern(data)}\n
\n }\n \n\n \n )\n}\nexport default SixPlayerPokerLastResult\n","import './LastResultPopUp.scss'\nimport React from 'react'\nimport CloseCross from '../../../../assets/images/closeCross.svg'\nimport RouletteLastResult from '../../Roulette/RouletteHelpers/RouletteLastResult/RouletteLastResult'\nimport TrioLastResult from '../../Trio/TrioHelpers/TrioLastResultPopUp/TrioLastResult'\nimport TwoCardTPLastResult from '../../TwoCardTeenPatti/TwoCardHelpers/TwoCardTPLastResult/TwoCardTPLastResult'\nimport QueenLastResult from '../../Queen/QueenHelpers/QueenLastResult/QueenLastResult'\nimport TeenpattiTestLastResult from '../../TeenpattiTest/TeenpattiTestHelpers/TeenpattiTestLastResultPopUp/TeenpattiTestLastResult'\nimport TrapLastResult from '../../Trap/TrapHelpers/TrapLastResultPopUp/TrapLastResult'\nimport SicboLastResult from '../../Sicbo/SicboHelpers/SicboLastResult/SicboLastResult'\nimport MuflisTeenpattiLastResult from '../../MuflisTeenpatti/MuflisTeenpattiHelpers/MuflisTeenpattiLastResultPopUp/MuflisTeenpattiLastResult'\nimport Poker20LastResult from '../../Poker20/Poker20Helpers/Poker20LastResult/Poker20LastResult'\nimport LiveTeenpattiLastResult from '../../LiveTeenpatti/LiveTeenpattiHelpers/LiveTeenpattiLastResultPopUp/LiveTeenpattiLastResult'\nimport TeenpattiT20LastResult\n from '../../TeenpattiT20/TeenpattiT20Helpers/TeenpattiT20LastResult/TeenpattiT20LastResult'\nimport BaccaratLastResult from '../../Baccarat/BaccaratHelpers/BaccaratLastResultPopUp/BaccaratLastResult'\nimport BollywoodCasinoLastResult from '../../BollywoodCasino/BollywoodCasinoHelpers/BollywoodCasinoLastResultPopUp/BollywoodCasinoLastResult'\nimport Race20LastResult from '../../Race20/Race20Helpers/Race20LastResult/Race20LastResult'\nimport CasinoMeterLastResult from '../../CasinoMeter/CasinoMeterHelpers/CasinoMeterLastResult/CasinoMeterLastResult'\nimport PokerLastResult from '../../Poker/PokerHelpers/PokerLastResult/PokerLastResult'\nimport HiLowLastResult from '../../HiLow/HiLowHelpers/HiLowLastResultPopUp/HiLowLastResult'\nimport AndarBaharLastResult from '../../AndarBahar/AndarBaharHelpers/AndarBaharLastResultPopUp/AndarBaharLastResult'\nimport SevenUpDownLastResult from '../../7UpDown/SevenUpDownHelpers/SevenUpDownLastResultPopUp/SevenUpDownLastResult'\nimport DragonTigerLastResult from '../../DragonTiger/DragonTigerHelpers/DragonTigerLastResult/DragonTigerLastResult'\nimport MatkaLastResult from '../../Matka/MatkaHelpers/MatkaLastResultPopUp/MatkaLastResult'\nimport AmarAkbarAnthonyLastResult from '../../AmarAkbarAnthony/AmarAkbarAnthonyHelpers/AmarAkbarAnthonyLastResultPopUp/AmarAkbarAnthonyLastResult'\nimport CasinoWarLastResult from '../../CasinoWar/CasinoWarHelpers/CasinoWartLastResultPopUp/CasinoWarLastResult'\nimport SixPlayerPokerLastResult from '../../SixPlayerPoker/SixPlayerPokerHelpers/SixPlayerPokerLastResult/SixPlayerPokerLastResult'\nimport { useSelector } from 'react-redux'\n\nimport { createPortal } from \"react-dom\";\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst LastResultPopUp = ({\n content,\n open,\n onDidDismiss,\n data,\n lastResultsExch,\n eventName,\n exchangeGames,\n}) => {\n // let { eventId } = useParams()\n const eventId = data?.marketId?.gameId;\n\n\n const LastResultPopUpWrapperHeight = useSelector((state) => state.elementsParams.mainContainerHeight) + 'px'\n\n const resultsCards = () => {\n // *************************** Trio *****************************\n if (eventId === '67610') {\n return \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}\n // style={{height: (width >= 1024) ? LastResultPopUpWrapperHeight : '100%'}}\n >\n
\n \n )}\n ,\n modalRoot\n )\n}\n\n\nexport default LastResultPopUp\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport './LastResults.scss'\nimport { useSelector } from 'react-redux'\nimport { connectTwoCardTeenPatti } from '../../TwoCardTeenPatti/TwoCardTeenPatti.connect'\nimport LastResultPopUp from '../LastResultPopUp/LastResultPopUp'\nimport { useHistory } from 'react-router'\n\nconst LastResults = connectTwoCardTeenPatti()(\n ({\n lastResultsExch,\n actions,\n exchangeGames,\n sportEvent,\n isGame = true\n }) => {\nconst [data, setData] = useState()\nconst [isLastResultPopUpOpen, setIsLastResultPopUpOpen] = useState(false)\nconst history = useHistory();\nconst eventTypeId = history?.location?.pathname?.split(\"/\")[2];\nconst eventId = history?.location?.pathname?.split(\"/\")[3];\n\n // window width\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n // end window width\n\n useEffect(() => {\n if (eventTypeId === \"1444001\" && eventId) {\n requestExchInfo(eventId)\n const timer = setIntervalAsync(async() => {\n await actions\n .requestLastResultsExch(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, 10000)\n return () => clearIntervalAsync(timer)\n }\n }, [eventTypeId, eventId]);\n\n const requestExchInfo = (id) => {\n actions\n .requestLastResultsExch(id)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }\n\n // get Sicbo point Sum\n const getSicboSum = (diceArray) => {\n let sicboSum = null\n diceArray.map((item) => sicboSum += parseInt(item))\n return sicboSum\n }\n // End get Sicbo point Sum\n\n if (eventTypeId !== \"1444001\" || (isGame && width > 1024) || !lastResultsExch || lastResultsExch.length < 1) {\n return <>\n }\n\n return (\n <>\n \n
\n \n
\n \n {/*{ (eventId === '67566' && width < 500) ?*/}\n {/* <>*/}\n {/* onDidDismiss(false)}\n />\n
\n */}\n {/* {eventName.replace(\"(Virtual)\", \"\" )}*/}\n {/*
*/}\n {/* */}\n {/* (Virtual)*/}\n {/*
*/}\n {/* */}\n {/* :*/}\n \n {eventId === '98566' ? 'Super ' : ''}\n { eventId === '67660' && \"2 Card Teenpatti\"}\n { eventId !== '67660' && eventName}\n
\n \n Round ID: {data && data?.marketId?.roundId}\n
\n \n Match Time:\n {/* {data && data?.marketId?.createdAt.slice(0, 10)} */}\n {matchDate(data && data?.marketId?.createdAt.slice(0, 10))}\n {matchTime(data && data?.marketId?.createdAt)}\n
\n \n {resultsCards()}\n
\n \n
\n - \n {lastResultsExch && lastResultsExch.map((item, index) => {\n return
- {\n setIsLastResultPopUpOpen(true)\n setData(item)\n }}>\n \n {eventId && eventId !== '98788' && eventId !== '98566' && eventId !== '90100' && eventId !== '90101' && {item.rName}}\n {eventId && eventId === '98788' && {item.marketId.indexCard[0]}}\n {\n eventId && eventId === '98566' &&\n\n\n\n }\n {((eventId && eventId === '90100') || (eventId && eventId === '90101')) && {item.rName}}\n
{item && item?.marketId && item?.marketId?.indexCard && getSicboSum(item.marketId.indexCard)}
\n- \n
- \n {item.marketId.indexCard[0]}\n \n
- \n {item.marketId.indexCard[1]}\n \n
- \n {item.marketId.indexCard[2]}\n \n
\n })\n }\n
0\n ? \"matka-exposure-box-modern matka-exposure-modern--pos\"\n : \"matka-exposure-box-modern matka-exposure-modern--neg\"}\n >\n {objFinder}\n
\n );\n } else return\n };\n // end get exposure\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return - \n
\n {getMarketPrice(market, 0)}\n
\n {dataOdd[market].runners.map((runner, index) =>\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n );\n};\n\nexport default connectMatka()(Matka);\n","import \"./MatkaPL.scss\";\nimport React, { useEffect, useState } from 'react'\nimport cup from \"../../../assets/images/TrophyTeenPattiTest.svg\"\n\nconst MatkaPL = ({roundMarkets}) => {\nconst getMatkaResult = () => {\n const c1 = parseInt(roundMarkets[0].indexCard[0].slice(1));\n const c2 = parseInt(roundMarkets[0].indexCard[1].slice(1));\n const c3 = parseInt(roundMarkets[0].indexCard[2].slice(1));\n const mod10 = (c1 + c2 + c3) % 10;\n return mod10 ;\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n
\n - \n
- setActiveTabMarket(\"SINGLE\")} className={`matka-table__header-item ${activeTabMarket === \"SINGLE\" ? \"active\" : \"\" }`}>SINGLE \n
- setActiveTabMarket(\"SP\")} className={`matka-table__header-item ${activeTabMarket === \"SP\" ? \"active\" : \"\" }`}>SP \n
- setActiveTabMarket(\"DP\")} className={`matka-table__header-item ${activeTabMarket === \"DP\" ? \"active\" : \"\" }`}>DP \n
- setActiveTabMarket(\"TRIO\")} className={`matka-table__header-item ${activeTabMarket === \"TRIO\" ? \"active\" : \"\" }`}>TRIO \n
\n {activeTabMarket === \"SINGLE\" &&\n
\n \n
\n }\n {activeTabMarket === \"SP\" &&\n \n {renderSells(0)}\n
\n \n
\n \n {getMarketPrice(1, 0)}\n
\n\n oddPush(2, 1)}\n >\n LINE 1\n 1 | 2 | 3 | 4 | 5 \n {getExposure(2, 1)}\n
\n\n oddPush(1, 0)}\n >\n ODD\n 1 | 3 | 5 | 7 | 9 \n {getExposure(1, 0)}\n
\n\n oddPush(2, 0)}\n >\n LINE 2\n 6 | 7 | 8 | 9 | 0 \n {getExposure(2, 0)}\n
\n\n oddPush(1, 1)}\n >\n EVEN\n 2 | 4 | 6 | 8 | 0 \n {getExposure(1, 1)}\n
\n \n
\n }\n {activeTabMarket === \"DP\" &&\n \n {renderSells(3)}\n
\n \n
\n oddPush(4, 0)}\n >\n SP ALL\n {getExposure(4, 0)}\n
\n \n
\n }\n {activeTabMarket === \"TRIO\" &&\n \n {renderSells(5)}\n
\n \n
\n oddPush(6, 0)}\n >\n DP ALL\n {getExposure(6, 0)}\n
\n \n
\n }\n \n
\n \n {getMarketPrice(7, 0)}\n
\n oddPush(7, 0)}\n >\n ALL TRIO\n {getExposure(7, 0)}\n
\n \n
\n );\n};\n\nexport default MatkaPL;\n\n","import \"./Race2020PL.scss\";\nimport React, { useEffect, useState } from 'react'\nimport spades from \"../../../assets/images/exchangeGames/dragon-tiger/Spades.png\"\nimport hearts from \"../../../assets/images/exchangeGames/dragon-tiger/Hearts.png\"\nimport clubs from \"../../../assets/images/exchangeGames/dragon-tiger/Clubs.png\"\nimport diamonds from \"../../../assets/images/exchangeGames/dragon-tiger/Diamonds.png\"\n\nconst Race2020PL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n const winObj = {\n others: '',\n };\n\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader !== 'Match Odds' && runner.status === 'WINNER' && runner.name !== 'No Winner') {\n winObj.others = winObj.others.length <= 3 ?\n `${runner.name[0]} : ${market.marketHeader}`\n :\n `${winObj.others} | ${runner.name[0]} : ${market.marketHeader}`;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n
\n \n {roundMarkets && roundMarkets[0].indexCard.map( card =>\n \n )}\n
\n \n 
\n
\n \n { getMatkaResult() }\n
\n \n
\n \n
\n \n Pana:\n
\n \n { roundMarkets[0]?.pana }\n
\n \n
\n \n Ocada:\n
\n \n { roundMarkets[0]?.ocada }\n
\n \n
\n \n
\n \n \n ![\"card\"/]({cardSrc(\"S13\")})
\n
\n \n 
\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.length ? roundMarkets[0].marketRunner[0].cards.map( card =>\n \n )\n :\n \n }\n
\n \n \n ![\"card\"/]({cardSrc(\"H13\")})
\n
\n \n 
\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.length ? roundMarkets[0].marketRunner[1].cards.map( card =>\n \n )\n :\n \n }\n
\n \n \n ![\"card\"/]({cardSrc(\"C13\")})
\n
\n \n \n 
\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[2].cards.length ? roundMarkets[0].marketRunner[2].cards.map( card =>\n \n )\n :\n \n }\n
\n \n \n ![\"card\"/]({cardSrc(\"D13\")})
\n
\n \n \n 
\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[3].cards.length ? roundMarkets[0].marketRunner[3].cards.map( card =>\n \n )\n :\n \n }\n
\n \n WINNER\n
\n \n \n
\n \n);\n};\n\nexport default Race2020PL;\n\n","import \"./CardsCasinoPL.scss\";\nimport React, { useEffect, useState } from 'react'\nimport trophy from \"../../../assets/images/TrophyTeenPattiTest.svg\"\n\nconst CardsCasinoPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {\n };\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n\n const getSumOfCards = (cards, bonusScore) => {\n let sum = 0;\n for (const card of cards) {\n sum += parseInt(card.substring(1));\n }\n if (bonusScore) {\n sum = sum + bonusScore;\n return sum;\n } else {\n return sum;\n }\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n Winner:\n
\n \n { winnerData && winnerData['Match Odds'] }\n
\n \n
\n \n
\n \n
\n \n Player 8 -\n { getSumOfCards(roundMarkets && roundMarkets[0]?.marketRunner[0].cards, 8)}\n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[0].cards.map( card =>\n )\n }\n {roundMarkets[0]?.marketRunner[0].status === 'WINNER' &&\n \n }\n
\n \n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.map( card =>\n )\n }\n {roundMarkets[0]?.marketRunner[1].status === 'WINNER' && }\n
\n \n Player 9 -\n { getSumOfCards( roundMarkets && roundMarkets[0].marketRunner[1].cards, 9)}\n
\n\n \n {roundMarkets && roundMarkets[0].marketRunner[2].cards.map( card =>\n )\n }\n {roundMarkets[0]?.marketRunner[2].status === 'WINNER' && }\n
\n \n Player 10 -\n { getSumOfCards( roundMarkets && roundMarkets[0].marketRunner[2].cards, 10)}\n
\n\n \n {roundMarkets && roundMarkets[0].marketRunner[3].cards.map( card =>\n )}\n {roundMarkets[0]?.marketRunner[3].status === 'WINNER' && }\n
\n \n \n \n Player 11 -\n { getSumOfCards( roundMarkets && roundMarkets[0].marketRunner[3].cards, 11)}\n
\n\n
\n \n );\n};\n\nexport default CardsCasinoPL;\n\n","import \"./SicboPL.scss\";\nimport React, { useEffect, useState } from 'react'\nimport onePointDice from \"../../../assets/images/exchangeGames/sicbo/one-point-dice.svg\"\nimport twoPointDice from \"../../../assets/images/exchangeGames/sicbo/two-point-dice.svg\"\nimport threePointDice from \"../../../assets/images/exchangeGames/sicbo/three-point-dice.svg\"\nimport fourPointDice from \"../../../assets/images/exchangeGames/sicbo/four-point-dice.svg\"\nimport fivePointDice from \"../../../assets/images/exchangeGames/sicbo/five-point-dice.svg\"\nimport sixPointDice from \"../../../assets/images/exchangeGames/sicbo/six-point-dice.svg\"\n\nconst SicboPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n let cardSrcSicbo\n if (card === \"1\") {\n cardSrcSicbo = onePointDice\n }\n if (card === \"2\") {\n cardSrcSicbo = twoPointDice\n }\n if (card === \"3\") {\n cardSrcSicbo = threePointDice\n }\n if (card === \"4\") {\n cardSrcSicbo = fourPointDice\n }\n if (card === \"5\") {\n cardSrcSicbo = fivePointDice\n }\n if (card === \"6\") {\n cardSrcSicbo = sixPointDice\n }\n return \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Match odds'] || 'No Winner'}\n
\n \n
\n );\n};\n\nexport default SicboPL;\n\n","import \"./RoulettePL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst RoulettePL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n return (\n \n {roundMarkets && cardSrc(roundMarkets[0]?.indexCard[0])}\n {roundMarkets && cardSrc(roundMarkets[0]?.indexCard[1])}\n {roundMarkets && cardSrc(roundMarkets[0]?.indexCard[2])}\n
\n \n
\n \n
\n \n Total Even-Odd Number: \n
\n \n {winnerData && winnerData['Total Even-Odd Number'] || 'No'}\n
\n \n
\n \n Total High-Low Number: \n
\n \n {winnerData && winnerData['Total High-Low Number'] || 'No'}\n
\n \n
\n \n Any Triple : \n
\n \n {winnerData && winnerData['Any Triple'] || 'No'}\n
\n \n
\n \n Triple: \n
\n \n {winnerData && winnerData['Triple'] || 'No'}\n
\n \n
\n \n All Dice Total: \n
\n \n {winnerData && winnerData['All Dice Total'] || 'No'}\n
\n \n
\n\n\n );\n};\n\nexport default RoulettePL;\n\n","import \"./Poker20PL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst Poker20PL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if (market.marketHeader !== 'Match Odds' && runner.status === 'WINNER' && runner.name !== 'No Winner') {\n winObj.others = `${winObj.others ? winObj.others + ' |' : ''} ${market.marketHeader.slice(7, 8)}: ${runner.name}`;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n {roundMarkets && roundMarkets[0].indexCard[0] }\n
\n \n
\n \n
\n \n Number:\n
\n \n {winnerData && winnerData['Match Odds'] }\n
\n \n
\n \n Color:\n
\n \n {winnerData && winnerData['Color'] }\n
\n \n
\n \n Odd Even:\n
\n \n {winnerData && winnerData['Odd Even'] }\n
\n \n
\n \n High Low:\n
\n \n {winnerData && winnerData['High Low'].slice(0,4) }\n
\n \n
\n \n Dozens:\n
\n \n {winnerData && winnerData['Dozens'].slice(0,3)}\n
\n \n
\n \n Column:\n
\n \n {winnerData && winnerData['Column'].slice(0,3)}\n
\n \n
\n );\n};\n\nexport default Poker20PL;\n\n","import \"./QueenPL.scss\";\nimport React, { useEffect, useState } from 'react'\nimport winnerCup from \"../../../assets/images/TrophyTeenPattiTest.svg\"\n\nconst QueenPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const getSumOfCards = (cards, bonusScore) => {\n let sum = 0;\n for (const card of cards) {\n sum += parseInt(card.substring(1));\n }\n if (bonusScore) {\n sum = sum + bonusScore;\n return sum;\n } else {\n return sum;\n }\n }\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n \n Player A\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map(card => )}\n
\n \n \n Player B\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.map(card => )}\n
\n \n \n Board\n \n
\n \n {roundMarkets && roundMarkets[0].indexCard.map(card => )}\n
\n \n
\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Match Odds'] || 'No Winner' }\n
\n \n
\n \n Other:\n
\n \n {winnerData && winnerData['others'] || 'No Winner' }\n
\n \n
\n );\n};\n\nexport default QueenPL;\n\n","import \"./AndarBaharPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst AndarBaharPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n
\n \n 
}\n
\n \n Total 0\n \n - {getSumOfCards(roundMarkets[0]?.marketRunner[0]?.cards, 0)}\n \n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[0].cards.map(card => )}\n
\n {(roundMarkets[0]?.marketRunner[0].status === 'WINNER') && \n }\n
\n \n Total 1\n \n - {getSumOfCards(roundMarkets[0]?.marketRunner[1]?.cards, 1)}\n \n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[1].cards.map(card => )}\n
\n {(roundMarkets[0]?.marketRunner[1].status === 'WINNER') && \n
\n \n }\n
\n \n Total 2\n \n - {getSumOfCards(roundMarkets[0]?.marketRunner[2]?.cards, 2)}\n \n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[2].cards.map(card => )}\n
\n {(roundMarkets[0]?.marketRunner[2].status === 'WINNER') && \n }\n
\n \n Total 3\n \n - {getSumOfCards(roundMarkets[0]?.marketRunner[3]?.cards, 3)}\n \n
\n\n {roundMarkets && roundMarkets[0]?.marketRunner[3].cards.map(card => )}\n
\n {(roundMarkets[0]?.marketRunner[3].status === 'WINNER') && \n
\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Match Odds'] || 'No Winner'}\n
\n \n
\n );\n};\n\nexport default AndarBaharPL;\n\n","import \"./PokerPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst PokerPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n \n Andar\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.map(card => )}\n
\n \n \n Bahar\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map(card => )}\n
\n \n \n Joker\n \n
\n \n {roundMarkets && roundMarkets[0].indexCard.map(card => )}\n
\n \n
\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['1st Card Bahar 25%'] || 'No Winner' }\n
\n \n
\n );\n};\n\nexport default PokerPL;\n\n","import \"./PokerSixPlayerPL.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst PokerSixPlayerPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n let winObj = {};\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n \n Player A\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map(card => )}\n
\n \n \n Player B\n \n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.map(card => )}\n
\n \n \n Board\n \n
\n \n {roundMarkets && roundMarkets[0].indexCard.map(card => )}\n
\n \n
\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Match odds'] || 'No Winner' }\n
\n \n \n B\n
\n \n \n A\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map(card => )}\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[1].cards.map(card => )}\n
\n \n {roundMarkets && roundMarkets[0].marketRunner[2].cards.map(card => )}\n
\n \n \n {roundMarkets && roundMarkets[0].marketRunner[3].cards.map(card => )}\n
\n \n \n {roundMarkets && roundMarkets[0].marketRunner[4].cards.map(card => )}\n
\n \n \n {roundMarkets && roundMarkets[0].marketRunner[5].cards.map(card => )}\n
\n \n \n \n
\n \n );\n};\n\nexport default PokerSixPlayerPL;\n\n","import \"./Baccarat.scss\";\nimport React, { useEffect, useState } from 'react'\n\nconst BaccaratPL = ({roundMarkets}) => {\n let [winnerData, setWinnerData] = useState(null);\n\n const getWinner = () => {\n const winObj = {\n winnerPair: '',\n either: '',\n perfect: '',\n bigSmall: ''\n };\n\n if (roundMarkets.length > 0) {\n roundMarkets.forEach((market) => {\n market.marketRunner.forEach((runner) => {\n if (runner.status === 'WINNER') {\n winObj[market.marketHeader] = runner.name;\n }\n if ((market.marketHeader === 'Player Pair' || market.marketHeader === 'Banker Pair' ) && runner.status === 'WINNER') {\n winObj.winnerPair = winObj.winnerPair.length <= 3 ? market.marketHeader.split(' ')[0] : winObj.winnerPair + ` , ${market.marketHeader.split(' ')[0]}`;\n }\n if (market.marketHeader === 'Either Pair') {\n winObj.either = runner.status === 'WINNER' ? 'Yes' : 'No';\n }\n if (market.marketHeader === 'Perfect Pair') {\n winObj.perfect = runner.status === 'WINNER' ? 'Yes' : 'No';\n }\n if ((market.marketHeader === 'Small' || market.marketHeader === 'Big' ) && runner.status === 'WINNER') {\n winObj.bigSmall = market.marketHeader;\n }\n });\n });\n }\n setWinnerData(winObj)\n }\n useEffect(() => {\n getWinner()\n }, [roundMarkets]);\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n \n
\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Hands'] || 'No Winner' }\n
\n \n
\n \n Pattern:\n
\n \n {winnerData && winnerData['Patterns'] || 'No Pattern' }\n
\n \n Board\n
\n \n {roundMarkets && roundMarkets[0].indexCard.map(card => )}\n
\n \n
\n \n 2 ? 'rotate-card':''}`}>\n Player\n \n {roundMarkets && roundMarkets[0].marketRunner[0].cards.map(card => )}\n
\n \n
\n \n );\n};\n\nexport default BaccaratPL;\n\n","import React, {useEffect} from \"react\";\nimport './RoundResults.scss'\nimport { connectRoundResult } from './RoundResult.connect'\nimport CasinoWarPL from './CasinoWarPL/CasinoWarPL'\nimport CasinoMeterPL from './CasinoMeterPL/CasinoMeterPL'\nimport HighLowPL from './HighLowPL/HighLowPL'\nimport TrioPL from './TrioPL/TrioPL'\nimport SevenUpDownPL from './SevenUpDownPL/SevenUpDownPL'\nimport AmarAkbarAnthonyPL from './AmarAkbarAnthonyPL/AmarAkbarAnthonyPL'\nimport BollywoodCasinoPL from './BollywoodCasinoPL/BollywoodCasinoPL'\nimport LiveTeenpattiPL from './LiveTeenpattiPL/LiveTeenpattiPL'\nimport MulfisTeenpattiPL from './MulfisTeenpattiPL/MulfisTeenpattiPL'\nimport TheTrapPL from './TheTrapPL/TheTrapPL'\nimport CardsTeenpattiPL from './CardsTeenpattiPL/CardsTeenpattiPL'\nimport DragonTigerPL from './DragonTigerPL/DragonTigerPL'\nimport TeenpattiTestPL from './TeenpattiTestPL/TeenpattiTestPL'\nimport Matka from '../ExchangeGame/Matka/Matka'\nimport MatkaPL from './MatkaPL/MatkaPL'\nimport Race2020PL from './Race2020PL/Race2020PL'\nimport CardsCasinoPL from './CardsCasinoPL/CardsCasinoPL'\nimport SicboPL from './SicboPL/SicboPL'\nimport RoulettePL from './RoulettePL/RoulettePL'\nimport Poker20PL from './Poker20PL/Poker20PL'\nimport QueenPL from './QueenPL/QueenPL'\nimport AndarBaharPL from './AndarBaharPL/AndarBaharPL'\nimport PokerPL from './PokerPL/PokerPL'\nimport PokerSixPlayerPL from './PokerSixPlayerPL/PokerSixPlayerPL'\nimport BaccaratPL from './BaccaratPL/BaccaratPL'\n\nconst RoundResults = ({roundId, actions, roundMarkets}) => {\n\n useEffect(() => {\n actions.requestRoundMarkets(roundId).catch(e => console.log(\"requestRoundMarkets Error\", e))\n }, [roundId]);\n\n return (\n \n
\n \n Winner:\n
\n \n {winnerData && winnerData['Match Odds'] || 'No Winner' }\n
\n \n
\n \n Winner Pair:\n
\n \n {winnerData && winnerData['winnerPair'] || 'No Winner' }\n
\n \n
\n \n Perfect:\n
\n \n {winnerData && winnerData['perfect'] || 'No Winner'}\n
\n \n
\n \n Either:\n
\n \n {winnerData && winnerData['either'] || 'No Winner'}\n
\n \n
\n \n Big/Small:\n
\n \n {winnerData && winnerData['bigSmall'] || 'No Winner' }\n
\n \n
\n )\n}\nexport default connectRoundResult()(RoundResults)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestRoundMarkets } from '../../store/roundMarkets/round-markets.thunks'\n\nexport const connectRoundResult = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n roundMarkets: state.roundMarkets,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = { requestRoundMarkets }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import \"./BettingProfitAndLossDetailsTable.scss\";\nimport React from \"react\";\nimport {tsToDate} from \"../../helpers/date.helper\";\nimport RoundResults from '../RoundResults/RoundResults'\nimport { getCurrencyFormatWithZeroAfterDot } from \"../../helpers/getCurrencyFormat.helper\";\n\nconst BettingProfitAndLossDetailsTable = ({itemDetails, selectedItemDetails, timeSettings, setSelectedItemDetails, breadcrumbNames}) => {\n\n const roundId = selectedItemDetails && selectedItemDetails?.marketId.split(\".\")[1];\n\n const getBackSubtotal = () => {\n if (itemDetails.length <= 0) return 0;\n\n let sum = 0;\n itemDetails.forEach(item => {\n if (item.side === 0) {\n sum += (item?.profitLoss || 0);\n }\n });\n return sum;\n };\n\n const getLaySubtotal = () => {\n if (itemDetails.length <= 0) return 0;\n\n let sum = 0;\n itemDetails.forEach(item => {\n if (item.side === 1) {\n sum += (item?.profitLoss || 0);\n }\n });\n return sum;\n };\n\n const getNetMarketTotal = () => {\n if (itemDetails.length <= 0) return 0;\n\n return (getBackSubtotal() + getLaySubtotal()) - (selectedItemDetails?.memberComm || 0);\n };\n\n return (\n \n
\n \n Round Results {roundId}\n
\n \n \n {roundMarkets && (roundMarkets[0].gameId === '98790' || roundMarkets[0].gameId === '98794' ) && }\n {roundMarkets && roundMarkets[0].gameId === '67660' && }\n {roundMarkets && roundMarkets[0].gameId === '67680' && }\n {roundMarkets && roundMarkets[0].gameId === '67610' && }\n {roundMarkets && roundMarkets[0].gameId === '67600' && }\n {roundMarkets && roundMarkets[0].gameId === '67575' && }\n {roundMarkets && roundMarkets[0].gameId === '67630' && }\n {roundMarkets && roundMarkets[0].gameId === '90100' && }\n {roundMarkets && (roundMarkets[0].gameId === '56968' || roundMarkets[0].gameId === '56969' ) && }\n {roundMarkets && (roundMarkets[0].gameId === '98789' || roundMarkets[0].gameId === '98793' ) && }\n {roundMarkets && (roundMarkets[0].gameId === '98791' || roundMarkets[0].gameId === '98795' ) && }\n {roundMarkets && (roundMarkets[0].gameId === '67570' || roundMarkets[0].gameId === '67571' ) && }\n {roundMarkets && (roundMarkets[0].gameId === '56767' || roundMarkets[0].gameId === '56768' || roundMarkets[0].gameId === '56769' || roundMarkets[0].gameId === '56766') && }\n {roundMarkets && (roundMarkets[0].gameId === '92037' || roundMarkets[0].gameId === '92036' ) && }\n {roundMarkets && (roundMarkets[0].gameId === '56967' || roundMarkets[0].gameId === '56966' ) && }\n {roundMarkets && roundMarkets[0].gameId === '67580' && }\n {roundMarkets && roundMarkets[0].gameId === '98566' && }\n {roundMarkets && (roundMarkets[0].gameId === '98788' || roundMarkets[0].gameId === '98792') && }\n {roundMarkets && roundMarkets[0].gameId === '67567' && }\n {roundMarkets && roundMarkets[0].gameId === '67620' && }\n {roundMarkets && (roundMarkets[0].gameId === '67564' || roundMarkets[0].gameId === '67563') && }\n {roundMarkets && (roundMarkets[0].gameId === '67565' || roundMarkets[0].gameId === '67566') && }\n {roundMarkets && (roundMarkets[0].gameId === '92038') &&
\n \n
\n );\n};\n\nexport default BettingProfitAndLossDetailsTable;\n","import React, {useEffect, useState} from \"react\";\nimport \"./BettingProfitAndLossPage.scss\";\nimport {connectBettingProfitAndLosePage} from \"./BettingProfitAndLossPage.connect\";\nimport { IonContent, IonHeader, IonPage } from '@ionic/react'\nimport Toolbar from \"../../components/Toolbar/Toolbar\";\nimport {timeToDate, daysFromTo} from \"../../helpers/date.helper\";\nimport BettingProfitAndLossItemList from \"../../components/BettingProfitAndLoseItemList/BettingProfitAndLossItemList\";\nimport {useHistory} from \"react-router\";\nimport BettingProfitAndLossDetailsTable\n from \"../../components/BettingProfitAndLossDetailsTable/BettingProfitAndLossDetailsTable\";\nimport DatePicker from \"react-date-picker\";\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop'\nimport { getCurrencyFormat, getCurrencyFormatWithZeroAfterDot } from \"../../helpers/getCurrencyFormat.helper\";\n\nconst BettingProfitAndLossPage = ({\n user,\n accountReport,\n actions,\n lastActivityDate,\n timeSettings,\n orderList,\n elementsParams\n }) => {\n\n //get window with\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n.clientWidth\n //end get window with\n\n // States\n const history = useHistory();\n const [accountReportMap, setAccountReportMap] = useState(new Map());\n const [selectedDateFrom, setSelectedDateFrom] = useState(\"\");\n const [selectedDateTo, setSelectedDateTo] = useState(\"\");\n const [fromToDays, setFromToDays] = useState(0)\n const [gameButtonsNames, setGameButtonsNames] = useState([]);\n const [totalAmount, setTotalAmount] = useState(\"\");\n const [activeSportButton, setActiveSportButton] = useState(null);\n const [selectedItemDetails, setSelectedItemDetails] = useState(null);\n const [validationError, setValidationError] = useState(null);\n\n const [filterOpen, setfilterOpen] = useState(false);\n const [choosenFrom, setChoosenFrom] = useState(false)\n const [choosenTo, setChoosenTo] = useState(false)\n const [selectPNLItem, setSelectPNLItem] = useState(null);\n\n // End States\n\n //create top filter Buttons\n const createButtons = () => {\n if (!accountReport) {\n return;\n }\n let buttonsNames = [];\n let buttonsTemp = Object.values(accountReport);\n buttonsTemp.map((item) => buttonsNames.push({\n buttonName: item.name,\n eventTypeId: item?.data[0]?.eventTypeId,\n totalPnl: item.totalPnl,\n }));\n setGameButtonsNames(buttonsNames);\n let sum = buttonsNames.reduce((acc, item) => acc + item.totalPnl, 0).toFixed(2);\n setTotalAmount(sum);\n };\n // End create top filter Buttons\n\n let todayDate = new Date()\n\n const getMonth = (date) => {\n return `${date.toLocaleDateString('en-GB', {\n month: '2-digit',\n })}`\n }\n\n const getDate = (date) => {\n return `${date.toLocaleDateString('en-GB', {\n day: '2-digit',\n })}`\n }\n\n const getWithTimeLimit = () => {\n setSelectPNLItem(null);\n const DateFrom = selectedDateFrom && new Date(selectedDateFrom).setHours(0, 0, 0, 0);\n const DateTo = selectedDateTo && new Date(selectedDateTo).setHours(23, 59, 59, 999);\n dateValidation(DateFrom, DateTo);\n};\n\n\n // main events table\n const buildAccountReportMap = (accountReport, gameId = false) => {\n\n if (width > 1024) {\n if (!accountReport) {\n return;\n }\n accountReportMap.clear();\n Object.entries(accountReport).forEach(([key, value]) => {\n value && value.data.forEach((d) => {\n const ketMap = timeToDate(d.marketTime);\n const mapValue = accountReportMap.get(ketMap.time);\n if (mapValue) {\n if (gameId) {\n if (gameId === d.eventTypeId) {\n mapValue.data.push(d);\n }\n } else {\n mapValue.data.push(d);\n }\n } else {\n if (gameId) {\n if (gameId && gameId === d.eventTypeId) {\n accountReportMap.set(ketMap.time, {\n dateString: ketMap.dateString,\n data: [d],\n time: ketMap.time,\n });\n }\n } else {\n accountReportMap.set(ketMap.time,\n {\n dateString: ketMap.dateString,\n data: [d],\n time: ketMap.time,\n });\n }\n }\n });\n });\n setAccountReportMap(new Map([...accountReportMap].sort((a, b) => b[0] - a[0])));\n } else if (width < 1024) {\n if (!accountReport)\n {return;}\n accountReportMap.clear();\n Object.entries(accountReport).forEach(([key, value]) => {\n value && value.data.forEach((d) => {\n const ketMap = timeToDate(d.marketTime);\n\n const mapValue = accountReportMap.get(ketMap.time);\n if (mapValue) {\n mapValue.data.push(d);\n } else {\n accountReportMap.set(ketMap.time, {\n dateString: ketMap.dateString,\n data: [d],\n });\n }\n });\n });\n setAccountReportMap(new Map([...accountReportMap].sort((a, b) => b[0] - a[0])));\n }\n };\n // End main events table\n\n // get Data from api With Time Limit\n const getDataWithTimeLimit = (DateFrom, DateTo) => {\n user && history.location.pathname === \"/betting_profit_and_loss\" && !validationError &&\n actions.requestAccountReport(user.memberCode, {\n fromDate: DateFrom,\n toDate: DateTo,\n }).then(()=> console.log('error')).catch((e) => console.log(\"requestAccountReport error = \", e));\n };\n // End get Data from api With Time Limit\n\n // Date validation and run getDataWithTimeLimit\n const dateValidation = (from, to) => {\n if (from > to) return setValidationError(\"'To' date must be greater than 'From' date.\");\n else if (setValidationError) setValidationError(null);\n if (new Date().setHours(23,59,59,999) < to) return setValidationError(\"'To' date must not be greater than today's date.\");\n else if (setValidationError) setValidationError(null);\n\n if (validationError === null) {\n getDataWithTimeLimit(from, to)\n }\n };\n // End Date validation and run getDataWithTimeLimit\n\n //request events with date (main function)\n const requestWithTimeLimit = () => {\n const DateFrom = selectedDateFrom && new Date(selectedDateFrom).setHours(0,0,0,0);\n const DateTo = selectedDateTo && new Date(selectedDateTo).setHours(23,59,59,999);\n\n dateValidation(DateFrom, DateTo);\n };\n // End request events with date (main function)\n\n //table first render\n useEffect(() => {\n user && history.location.pathname === \"/betting_profit_and_loss\" && actions\n .requestAccountReport(user.memberCode)\n .catch((e) => console.log(\"requestAccountReport error = \", e));\n }, [history.location.pathname, lastActivityDate]);\n // End table first render\n\n // re-render if sport selected\n useEffect(() => {\n if (width > 1024) {\n if (activeSportButton) {\n buildAccountReportMap(accountReport, activeSportButton);\n } else {\n buildAccountReportMap(accountReport);\n }\n createButtons(accountReport);\n } else {\n buildAccountReportMap(accountReport);\n }\n }, [accountReport, activeSportButton]);\n // End re-render if sport selected\n\n // set Active Sport Button if details selected\n useEffect(() => {\n if (width > 1024) {\n if (selectedItemDetails?.eventTypeId) {\n setActiveSportButton(selectedItemDetails.eventTypeId);\n }\n }\n }, [selectedItemDetails]);\n // End set Active Sport Button if details selected\n\n if (width < 1024) {\n return (\n \n { setSelectedItemDetails(null);}} className=\"text-bold\">{breadcrumbNames?.buttonName}\n `{'>'}` {itemDetails[0]?.eventName} - {itemDetails[0]?.marketName}\n
\n\n
\n - \n
- Placed \n
- Selection \n
- Bet ID \n
- Type \n
- Odds \n
- Stake \n
- Profit/Loss \n
- Status \n
\n {itemDetails.length >= 1 && itemDetails.map((item, index) =>\n
\n - \n
- \n {tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName)?.split(\" \")[0].split(\"/\").map((dateItem) => dateItem.length === 1 ? \"0\" + dateItem : dateItem).join(\"/\")}\n \n | {tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName).split(\" \")[1]}\n \n
- {item?.selectionName} \n
- {item?.apolloBetId} \n
- {item?.side === 0 ? \"Back\" : \"Lay\"} \n
- {item?.averagePrice.toFixed(3)} \n
- {getCurrencyFormatWithZeroAfterDot(item?.size)} \n
- = 0 ? \"green\" : \"red\"}`}>{getCurrencyFormatWithZeroAfterDot(item?.profitLoss)} \n
- {item?.outcome} \n
\n
\n - \n
- \n Back subtotal:\n \n {getCurrencyFormatWithZeroAfterDot(getBackSubtotal())}\n \n \n
- \n Lay subtotal\n \n {getCurrencyFormatWithZeroAfterDot(getLaySubtotal())}\n \n \n
- \n Market subtotal:\n \n {getCurrencyFormatWithZeroAfterDot(getBackSubtotal() + getLaySubtotal())}\n \n \n
- \n Commission:\n \n {getCurrencyFormatWithZeroAfterDot(selectedItemDetails?.memberComm) || 0}\n \n \n
- \n Net Market Total:\n \n {getCurrencyFormatWithZeroAfterDot(getNetMarketTotal())}\n \n \n
\n
\n\n Betting Profit & Loss
\n\n
\n\n\n {accountReportMap.size === 0 ?\n \n \n
\n\n {filterOpen &&\n \n
}\n\n\n {\n // setChoosenFrom(true)\n }}>\n
\n Date from:
\n\n
\n {\n // setChoosenTo(true)\n }}>\n
\n \n {validationError && (Date to:
\n\n
\n {validationError}
)}\n \n
\n :\n \n {fromToDays \n ? `There are no settled bets in selected ${fromToDays > 1 ? `${fromToDays} days` : \"day\"}`\n : \"There are no settled bets in last 7 days\"\n }\n
\n \n {[...accountReportMap].map(([key, value]) => {\n return
\n }\n \n
\n \n );\n};\n\nexport default connectBettingProfitAndLosePage()(BettingProfitAndLossPage);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport {requestAccountReport} from \"../../store/accountReport/account-report.thunks\";\nimport { requestRoundMarkets } from '../../store/roundMarkets/round-markets.thunks'\n\nexport const connectBettingProfitAndLosePage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n\n return {\n user: state.user,\n accountReport: state.accountReport,\n lastActivityDate: state.balance.lastActivityDate,\n timeSettings: state.timeSettings,\n orderList: state.orderList,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestAccountReport,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import './BettingProfitAndLossItemDetails.scss'\nimport React, { useEffect, useState } from 'react';\nimport { getCurrencyFormat } from '../../helpers/getCurrencyFormat.helper';\n\nconst BettingProfitAndLossItemDetails = ({ itemDetails }) => {\n const [selection, setSelection] = useState('');\n const [betId, setBetId] = useState('');\n const [placed, setPlaced] = useState('');\n const [status, setStatus] = useState('');\n const [profitLoss, setProfitLoss] = useState('');\n const [type, setType] = useState('');\n const [odds, setOdds] = useState('');\n const [stake, setStake] = useState('');\n\n useEffect(() => {\n parseItemDetails(itemDetails);\n }, [itemDetails])\n\n const getValueColor = (value) => {\n return value === 0 ? 'pnl-item-value--black' : value > 0 ? 'pnl-item-value--green' : 'pnl-item-value--red';\n }\n\n const getStatusColor = (status) => {\n return (status === 'WON' || status === 'WIN') ? 'pnl-item-value--green' : 'pnl-item-value--red';\n }\n\n const getDisplayedTypeValue = () => {\n if (itemDetails.marketBettingType === 'LINE') {\n return `${itemDetails.side ? 'No' : 'Yes'}`;\n }\n\n return `${itemDetails.side ? 'Lay' : 'Back'}`;\n }\n\n const getStatusValue = () => {\n return `${itemDetails.payout - itemDetails.stake > 0 ? 'WIN' : 'LOST'}`\n }\n\n const getPriseFor_SB = (marketId, price) => {\n return (marketId && marketId.slice(marketId.length - 3) === '_SB' ? ((price - 1) * 100).toFixed(2).replace('.00', '') : price);\n }\n\n const parseItemDetails = (itemDetails) => {\n if (!itemDetails)\n return\n\n if (itemDetails.providerId === 1) {\n setSelection(itemDetails.selectionName)\n setBetId(itemDetails.apolloBetId)\n setPlaced(new Intl.DateTimeFormat('en-GB', { dateStyle: 'short', timeStyle: 'medium' }).format(new Date(itemDetails.betPlacedDate)))\n setStatus(itemDetails.outcome.toUpperCase())\n setProfitLoss(itemDetails?.memberWin?.toFixed(2))\n setType(getDisplayedTypeValue())\n\n const averagePrice = getPriseFor_SB(itemDetails.marketId, itemDetails.averagePrice)\n setOdds(averagePrice)\n setStake(itemDetails.sizeMatched)\n\n return;\n }\n\n setSelection(itemDetails.gameType)\n setBetId(itemDetails.transactionId)\n setPlaced(new Intl.DateTimeFormat('en-GB', { dateStyle: 'short', timeStyle: 'medium' }).format(new Date(itemDetails.placedOn)))\n setStake(itemDetails.stake)\n setStatus(getStatusValue())\n setProfitLoss((itemDetails.payout - itemDetails.stake).toFixed(2))\n }\n\n return (\n \n
\n Betting Profit & Loss
\n\n
\n \n
\n }\n \n
\n {\n accountReportMap.size === 0\n ?\n \"\"\n :\n \n
\n From
\n\n
\n \n
\n \n {validationError && (To
\n\n
\n {validationError}
)}\n \n {\n buildAccountReportMap(accountReport);\n setActiveSportButton(null);\n setSelectedItemDetails(null);\n }}\n >\n Total P&L:\n \n 0 ? \"positive-amount\" : \"negative-amount\"} betting-profit-and-loss-page__filters-total-amount`}\n >\n {totalAmount && totalAmount !== \"\" && getCurrencyFormatWithZeroAfterDot(totalAmount)}\n \n
\n - \n {gameButtonsNames && gameButtonsNames.map((value, key) => {\n return (\n
\n {!selectedItemDetails &&\n <>\n item.eventTypeId === selectedItemDetails.eventTypeId)[0]}\n />\n }\n
\n - \n
- Market \n
- Start time \n
- Settled time \n
- Comm. \n
- Net Win \n
\n
\n :\n [...accountReportMap].map(([key, value]) => \n {fromToDays \n ? `There are no settled bets in selected ${fromToDays > 1 ? `${fromToDays} days` : \"day\"}`\n : \"There are no settled bets in last 7 days\"\n }\n
\n \n
\n )\n}\n\nexport default BettingProfitAndLossItemDetails\n","import React, { useEffect, useState } from 'react'\nimport './BettingProfitAndLossDetailsPage.scss'\nimport { IonContent, IonHeader, IonPage } from '@ionic/react'\nimport Toolbar from \"../../components/Toolbar/Toolbar\";\nimport { useLocation } from \"react-router\";\nimport { connectBettingProfitAndLossDetailsPage } from \"./BettingProfitAndLossDetailsPage.connect\";\nimport BettingProfitAndLossItemDetails from \"../../components/BettingProfitAndLossItemDetails/bettingProfitAndLossItemDetails\";\nimport { useHistory } from \"react-router-dom\";\nimport RoundResults from '../../components/RoundResults/RoundResults'\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop'\nimport { getCurrencyFormat } from '../../helpers/getCurrencyFormat.helper';\n\nconst BettingProfitAndLossDetailsPage = ({\n user,\n orderList,\n betHistory,\n lastActivityDate,\n actions,\n elementsParams\n}) => {\n const location = useLocation();\n const history = useHistory()\n\n const [itemData, setItemData] = useState(null);\n const roundId = itemData && itemData?.marketId.split(\".\")[1];\n const [totals, setTotals] = useState({\n backSubtotal: 0,\n laySubtotal: 0,\n marketSubtotal: 0,\n commission: 0,\n netMarketTotal: 0,\n netSessionTotal: 0\n });\n\n\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const getBackSubtotal = () => {\n const itemDetails = getItemsDetail();\n if (!itemDetails)\n return 0;\n\n let sum = 0;\n itemDetails.forEach(item => {\n if (!item.side) {\n sum += (item.memberWin || 0)\n }\n })\n\n return sum\n }\n\n const getLaySubtotal = () => {\n const itemDetails = getItemsDetail();\n if (!itemDetails)\n return 0;\n\n let sum = 0;\n itemDetails.forEach(item => {\n if (!!item.side) {\n sum += item.memberWin\n }\n })\n\n return sum\n }\n\n const getCommission = () => {\n if (!itemData)\n return 0;\n\n return (itemData.memberComm || 0)\n }\n\n const getNetSessionTotal = () => {\n const itemDetails = getItemsDetail();\n if (!itemDetails)\n return 0;\n\n let sum = 0\n itemDetails.forEach(item => {\n sum += ((item.payout || 0) - (item.stake || 0))\n })\n\n return sum;\n }\n\n const getItemsDetail = () => {\n if (!itemData)\n return;\n\n const itemDetails = itemData.providerId === 1 ? orderList : betHistory;\n\n return itemDetails\n }\n\n const displayItemDetails = () => {\n const itemsDetail = getItemsDetail()\n if (!itemsDetail) {\n return null\n }\n\n return itemsDetail.map((itemDetail, index) => \n
\n \n
\n {\n itemDetails.providerId === 1 &&\n \n {itemDetails.providerId !== 1 &&\n
\n \n \n Game Type:\n \n
\n }\n\n { itemDetails.marketType === 'INNING_RUNS' &&\n\n \n Selection: \n {itemDetails.line + ' Runs'}\n
\n\n }\n { itemDetails.marketType !== 'INNING_RUNS' &&\n\n \n Selection: \n {selection}\n
\n\n }\n\n {/**/}\n {/* Selection: */}\n {/* {selection}*/}\n {/*
*/}\n \n Bet ID: \n {betId}\n
\n \n Placed: \n {placed}\n
\n \n
\n \n Status:\n {status}\n
\n {itemDetails.providerId !== 1 &&\n \n Stake:\n {stake}\n
\n }\n \n Profit/Loss:\n {getCurrencyFormat(+profitLoss)}\n
\n \n
\n }\n \n TYPE\n {type}\n
\n \n ODDS\n {odds}\n
\n \n STAKE\n {stake}\n
\n \n
\n\n Betting Profit & Loss Details
\n\n
\n\n {itemData && itemData.providerId === 1 ?\n \n {`${itemData?.eventName} - ${itemData?.marketName}`}\n
\n {displayItemDetails()}\n \n
\n :\n \n Back subtotal:\n {getCurrencyFormat(totals.backSubtotal)}\n
\n \n Lay subtotal:\n {getCurrencyFormat(totals.laySubtotal)}\n
\n \n Market subtotal:\n {getCurrencyFormat(totals.marketSubtotal)}\n
\n \n Commission:\n {getCurrencyFormat(totals.commission)}\n
\n \n Net Market Total:\n {getCurrencyFormat(totals.netMarketTotal)}\n
\n \n
\n }\n {itemData?.eventTypeId === \"1444001\" && \n Net Session Total:\n {getCurrencyFormat(totals.netSessionTotal)}\n
\n \n
\n )\n })\n }\n\n return (\n <>\n {width < 1024 ? (\n \n {timeToDate(Number(key)).dateString}\n
\n \n {value.map((v) => {\n return (\n
\n \n {timeToDate(v.date).hours}\n {getDescription(v.description)}\n {Math.abs(v.amount.toFixed(2))}\n
\n )\n })}\n \n
\n\n {!transferStatement ? (\n Transfer Statement
\n\n
\n ) : (\n \n There have been no transfers in the last 14 days\n
\n \n
\n )}\n \n \n Date\n \n \n Description\n \n \n Amount\n \n
\n {displayTransferStatement()}\n \n
\n )}\n \n )\n}\n\nexport default connectTransferStatementPage()(TransferStatementPage)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport {requestTransferStatementSuccess} from \"../../store/transferStatement/transferStatement.thunks\";\n\nexport const connectTransferStatementPage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n transferStatement: state.transferStatement,\n user: state.user,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestTransferStatementSuccess\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const twitterSettingsSlice = createSlice({\n name: 'twitterSettings',\n initialState: null,\n reducers: {\n getTwitterSettingsSuccess: (state, action) => action.payload,\n getTwitterSettingsError: (state) => state,\n },\n})\n\nexport const { getTwitterSettingsSuccess, getTwitterSettingsError } = twitterSettingsSlice.actions\n\nexport default twitterSettingsSlice.reducer\n","import http from '../../services/httpAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getTwitterSettingsError, getTwitterSettingsSuccess } from './twitterSettings.slice'\n\nexport const requestTwitterSettings = () => async (dispatch) => {\n try {\n const response = await http.get(`/config/twitter-config`)\n if (response.data.success) {\n dispatch(getTwitterSettingsSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getTwitterSettingsError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n}\n","import React, { useState, useEffect } from 'react'\nimport './SportMarketTabs.scss';\nimport SportMarketStandard from '../../components/SportMarketStandard/SportMarketStandard';\nimport { useDispatch, useSelector } from 'react-redux'\nimport { requestBetPlacingStartAll } from '../../store/betPlacing/betPlacing.thunks'\n\nconst SportMarketTabs = ({ data, betPlacing, elementsParams }) => {\n const [activeTab, setActiveTab] = useState(0);\n // const dispatch = useDispatch();\n //\n // useEffect(() => {\n // if (data?.tabs[activeTab]?.name === \"Fancy\") {\n // dispatch(requestBetPlacingStartAll(data?.tabs[activeTab].items))\n // }\n // }, [activeTab]);\n\n\n useEffect(() => {\n if (!data.tabs[activeTab]) setActiveTab(Object.keys(data.tabs)[0])\n });\n const checkStateWidth = useSelector((state) => state.elementsParams.clientWidth)\n const width = checkStateWidth ? checkStateWidth : window.innerWidth\n\n return \n
\n\n {!transferStatement ? (\n Transfer Statement
\n\n
\n ) : (\n \n There have been no transfers in the last 14 days\n
\n \n
\n )}\n \n \n Date\n \n \n Description\n \n \n Amount\n \n
\n {displayTransferStatement()}\n \n {Object.keys(data.tabs).map(tabGroupIndex => (\n
\n setActiveTab(tabGroupIndex)}>\n {data.tabs[tabGroupIndex].name}\n
\n ))}\n \n {width > 1024 && data?.tabs[activeTab]?.name === \"Fancy\" &&\n
\n \n
\n }\n {data.tabs[activeTab] && data.tabs[activeTab].items.map(item => (\n Session Runs
\n \n No\n Yes\n
\n \n
\n ))}\n {\n if (e.currentTarget === e.target) {\n actions.setSportLadderShow(false)\n }\n }}\n >\n
,\n modalRoot\n )\n}\n\nexport default connectLadderPopover()(LadderPopover)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setSportLadderShow } from '../../store/sportEvent/sportEvent.slice'\n\nexport const connectLadderPopover = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n ladderTitle: state.sportEvent.ladderTitle,\n ladderId: state.sportEvent.ladderId,\n ladderData: state.sportEvent.sportLadder,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setSportLadderShow,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const rulesPageSlice = createSlice({\n name: 'rulesPage',\n initialState: null,\n reducers: {\n getRulesPageSuccess: (state, action) => action.payload,\n getRulesPageError: (state) => null,\n },\n})\n\nexport const {\n getRulesPageError,\n getRulesPageSuccess,\n} = rulesPageSlice.actions\n\nexport default rulesPageSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport {\n getRulesPageError,\n getRulesPageSuccess,\n} from './rulesPage.slice'\n\nexport const requestRulesPage = (eventTypeId, competitionId) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n \n if(checkAuth) {\n try {\n const userCode = getState().user?.uplines?.SMA?.userCode;\n const response = await httpAuth.get(`/rules/event/${userCode}/${eventTypeId}/${competitionId}`)\n if (response.data.success) {\n dispatch(getRulesPageSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getRulesPageError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const userCode = getState().user?.uplines?.SMA?.userCode;\n const response = await httpNotAuth.get(`/rules/event/${userCode}/${eventTypeId}/${competitionId}`)\n if (response.data.success) {\n dispatch(getRulesPageSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getRulesPageError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n}\n","import './RulesPopUpSportEvents.scss'\nimport CloseCross from '../../../../assets/images/closeCross.svg'\n\nimport React, { useState, useEffect } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { useParams, useHistory } from 'react-router-dom'\nimport { setRulesPopUp } from '../../../../store/rulesPopUp/rulesPopUp.slice'\nimport { requestRulesPage } from '../../../../store/rulesPage/rulesPage.thunks'\nimport { createPortal } from \"react-dom\";\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst RulesPopUpSportEvents = () => {\n const dispatch = useDispatch()\n const history = useHistory()\n const { eventTypeId, competitionId } = useParams()\n const eventId = history.location.pathname.substring(\n history.location.pathname.lastIndexOf('/') + 1\n )\n\n const scrollPosition = useSelector(\n (state) => state.elementsParams.scrollPosition\n )\n const rulesPage = useSelector((state) => state.rulesPage)\n // console.log(rulesPage)\n const { isOpen } = useSelector((state) => state.rulesPopUp)\n\n function createMarkup(info) {\n return { __html: info.replaceAll('\\\\n', '') }\n }\n\n const isNavigationID = useSelector(\n (state) => state.navigationHeaderMenu.navigationID\n )\n // console.log(isNavigationID)\n useEffect(() => {\n if (history.location.pathname.indexOf('event-page') !== -1) {\n dispatch(requestRulesPage(eventTypeId, eventId))\n }\n }, [isOpen])\n\n const [show, setShow] = useState(false)\n const [showFancy, setShowFancy] = useState(false)\n\n const handleToggle = () => {\n setShow(!show)\n }\n const handleToggleFancy = () => {\n setShowFancy(!showFancy)\n }\n // console.log('rulesPage[0]?.startTime', rulesPage && rulesPage[0]?.startTime)\n const generalTime = new Date(rulesPage && rulesPage[0]?.startTime)\n // console.log('generalTime', generalTime)\n const fancyTime = new Date(rulesPage && rulesPage[1]?.startTime)\n\n return createPortal(\n \n OK\n
\n {ladderTitle} - Ladder
\n \n
\n \n
\n {ladderData && ladderData[ladderId] && Array.isArray(ladderData[ladderId]) && ladderData[ladderId].map((item) => {\n return Runs
\n P&L
\n \n
\n })}\n {item.start}{item.end ? ` - ${item.end}` : '+'}
\n 0 ? 'positive' : 'negative'}`}>{item.exposure}
\n \n {\n if (e.currentTarget === e.target) {\n // setRulesPopUp(false)\n dispatch(setRulesPopUp(false))\n }\n }}\n // style={{ top: scrollPosition + 'px' }}\n >\n
\n }\n \n ))}\n {eventTypeId == 2 ||\n eventTypeId == 3 ||\n (eventTypeId == 4 && rulesPage && (\n <>\n {\n \n
\n\n \n {\n // setRulesPopUp(!rulesPopUp)\n dispatch(setRulesPopUp(false))\n }}\n >\n 
\n
\n \n \n Rules\n \n
\n \n {eventTypeId == 2 ||\n eventTypeId == 3 ||\n (eventTypeId == 4 && rulesPage && (\n <>\n {\n
\n \n handleToggle()}\n >\n \n General Rules\n
\n \n {show ? (\n <>\n
\n \n ) : null}\n \n
\n \n Event Start Time\n
\n \n \n {generalTime\n .toLocaleString()\n .slice(0, 10)\n .replaceAll('.', '/')}\n \n \n \n {generalTime\n .toLocaleString()\n .slice(11, 20)\n .split(':', 2)\n .join(':')}\n \n
\n \n handleToggleFancy()}\n >\n \n Fancy Rules\n
\n \n
\n \n Event Start Time\n
\n \n \n {fancyTime\n .toLocaleString()\n .slice(0, 10)\n .replaceAll('.', '/')}\n \n \n \n {fancyTime\n .toLocaleString()\n .slice(11, 20)\n .split(':', 2)\n .join(':')}\n \n
\n No market data available
\n return groups.map((item) =>\n item.tabGroupId ? (\n \n {width > 1024 ? (\n
\n ) : null}\n\n {renderMarketGroups()}\n \n {\n actions.setRulesPopUp(true)\n }}\n >\n
\n {rulesPopUp && \n \n
\n {width > 1024 ? (\n \n Rules\n \n ) : null}\n \n {ball.value}\n
;\n });\n }\n };\n\n const getBatsNames = (batsNames) => {\n if (Array.isArray(batsNames)) return batsNames.join(\" and \");\n };\n\n const renderOver = (over) => {\n if (!over) return null;\n const runs = over.runs > 1 ? \"runs\" : \"run\";\n return \n
;\n };\n\n /**\n * right section\n */\n const getProjectedScoreOrRunRate = () => {\n if (stats?.currentInning > 1) {\n const e = stats?.battingTeam?.runRate;\n return { label: matchStats?.runRate, value: e || 0 === e ? e.toFixed(2) : null };\n }\n const t = stats?.battingTeam?.projScr;\n return { label: matchStats?.projScr, value: t || 0 === t ? t.toFixed(0) : null };\n };\n\n const getBatsmans = (batsmans) => {\n if (!batsmans.length) {\n return null;\n } else {\n return batsmans.map((batsman, index) => {\n return {over?.bowlerName} to {getBatsNames(over?.batsNames)}
\n\n {renderBalls(over?.balls)}\n
\n\n \n
\n Ov {over?.overNumber}
\n |\n {over?.runs} {runs}
\n |\n {over?.score}-{over?.wickets}
\n \n {batsman?.name} {(batsman?.isOnStrike) ? \"*\" : \"\"}
\n {batsman?.batsmanRuns}
\n {batsman?.balls}
\n {batsman?.fours}
\n {batsman?.sixes}
\n {batsman?.strikeRate?.toFixed(2)}
\n ;\n });\n }\n };\n\n\n const generateKey = (currentOver) => {\n console.log(\"generating key\");\n\n if (currentOverNull === \"\") {\n if (currentOver === null) {\n setCurrentOverNull(\"true\");\n console.log(\"returning currentOverNull\");\n return \"currentOverNull\";\n } else {\n console.log(\"returning currentOverNotNull\");\n setCurrentOverNull(\"false\");\n return \"currentOverNotNull\";\n }\n } else {\n if (currentOverNull === \"true\" && currentOver != null) {\n console.log(\"returning currentOverNotNull\");\n setCurrentOverNull(\"false\");\n return \"currentOverNotNull\";\n } else if (currentOverNull === \"false\" && currentOver == null) {\n console.log(\"returning currentOverNull\");\n setCurrentOverNull(\"true\");\n return \"currentOverNull\";\n } else {\n if (currentOverNull === \"true\") {\n console.log(\"returning currentOverNull\");\n return \"currentOverNull\";\n } else {\n console.log(\"returning currentOverNotNull\");\n return \"currentOverNotNull\";\n }\n }\n }\n };\n\n return \n {stats?.currentOver && renderOver(stats?.currentOver)}\n {stats?.lastOver && renderOver(stats?.lastOver)}\n
\n \n {stats?.battingTeam !== null &&\n (
\n \n {getProjectedScoreOrRunRate().value}
\n \n {getProjectedScoreOrRunRate().label}
\n \n
\n P'SHIP
\n \n {stats?.battingTeam?.partnerShipScore}\n {stats?.battingTeam?.partnerShipBalls && ({stats?.battingTeam?.partnerShipBalls})}\n
\n \n {stats?.battingTeam?.requiredRunRate === null ? \"CRR\" : \"RRR\"}
\n \n {stats?.lastBatsmanOut ? `${stats?.lastBatsmanOut?.name} ${stats?.lastBatsmanOut?.batsManRuns} (${stats?.lastBatsmanOut?.balls})` : stats?.lastBatsman}
\n \n )\n }\n\n {stats?.bowler && stats?.batsmen?.length > 0 &&\n <>\n LAST WKT
\n \n
\n\n \n
\n {getBatsmans(stats.batsmen)}\n Batsmen
\n R
\n B
\n 4s
\n 6s
\n SR
\n \n
\n \n }\n \n \n
\n Bowler
\n O
\n M
\n R
\n W
\n Eco
\n \n
\n {stats?.bowler?.name}
\n {stats?.bowler?.overs}
\n {stats?.bowler?.maidens}
\n {stats?.bowler?.bowlerRuns}
\n {stats?.bowler?.wickets}
\n {stats?.bowler?.economy?.toFixed(2)}
\n \n
\n \n );\n return null;\n };\n\n const renderScoreboardBtn = () => {\n if (sportEventStats && sportEventStats.scorecard)\n return (\n \n {tabs.map(\n (tab, index) =>\n tab && (\n setActiveTab(index)}\n key={index}\n >\n {tab.name} \n {tab.icon}\n
\n )\n )}\n \n
\n );\n } else {\n return (\n \n \n
\n \n
\n );\n } else {\n return (renderWidget && \n \n
\n \n 
\n
);\n }\n };\n\n\n useEffect(() => {\n if (\n history.location.pathname === `/event-page/` &&\n history.location.pathname.indexOf(`/event-page/`) == -1\n ) {\n setActiveIframe(false);\n }\n if (\n history.location.pathname === `/exchange-game-page/` &&\n history.location.pathname.indexOf(`/exchange-game-page/`) == -1\n ) {\n setActiveIframe(false);\n }\n return () => {\n setActiveIframe(false);\n };\n }, [historyVideo]);\n\n const handleLocalhost = (src) => {\n if (src.includes(\"/localhost:3000/\")) {\n return src.replace(/localhost:3000/, \"open.gemexch.bet\");\n } else if (src.includes(\"gemexch-desktop.d1nv65amemtgb6.amplifyapp.com\")) {\n return src.replace(/gemexch-desktop.d1nv65amemtgb6.amplifyapp.com/, \"open.gemexch.bet\");\n } else {\n return src;\n }\n };\n\n return (\n To see more
\n{\n dispatch(setLoginNew(true));\n }}>Login
\n\n \n
\n )} */}\n {\n renderMatchStatsnotAuth()\n }\n\n\n {/* {(sportEventStats?.showVisualisation && !sportEventStats?.isBRScore && sportEventStats?.stats?.eventId != 3004 && eventTypeId == 4 && To see more
\n{dispatch(setLoginNew(true))}}>Login
\n\n
}\n ||\n // {sportEventStats?.showVisualisation ? renderMatchStats()\n {(\n \n \n
\n \n \n
\n )} */}\n \n // <>\n // {\n // (sportEventStats?.showVisualisation && !sportEventStats?.isBRScore && sportEventStats?.stats?.eventId != 3004 && eventTypeId == 4)\n // ?\n // To see more
\n{dispatch(setLoginNew(true))}}>Login
\n\n // \n //
\n // }\n // \n }\n \n );\n};\n\nexport default connectLiveSection()(LiveSection);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestSportVideo, requestSportVisualisation } from '../../store/sportEvent/sportEvent.thunks';\n\nexport const connectLiveSection = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n sportEventStats: state.sportEvent.sportStats,\n sportVideo: state.sportEvent.sportVideo,\n sportVisualisation: state.sportEvent.sportVisualisation,\n exchangeGames: state.exchangeGames,\n auth: state.auth, \n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestSportVideo,\n requestSportVisualisation,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, {useEffect, useState} from \"react\";\nimport { tsToDate } from '../../helpers/date.helper'\nimport SportMarketStandard from '../SportMarketStandard/SportMarketStandard'\nimport { connectUpcomingRacesAccordion } from './UpcomingRacesAccordion.connect'\nimport './UpcomingRacesAccordion.scss'\n\nconst UpcomingRacesAccordion = ({item, index, timeSettings, betPlacing, showHeader = false, showJockeyName = false, isAccordionOpen, setIsAccordionOpen}) => {\n\n const [allRunnerSuspend, setAllRunnerSuspend] = useState(false)\n\n // get all suspend\n useEffect(() => {\n if (!item?.runners?.filter((runner) => runner.status !== \"SUSPENDED\").length >= 1 ) {\n setAllRunnerSuspend(true)\n }\n }, [item])\n // end get all suspend\n\n // slice first 3 runners\n const slicedItem = {...item, runners: item.runners.slice(0, 3)}\n\n // country flag\n let flag = slicedItem.event.countryCode?.toLowerCase()\n\n // console.log('slicedItem?.event', slicedItem?.event)\n\n\n return (\n To see more
\n //{dispatch(setLoginNew(true))}}>Login
\n //\n
\n ) \n}\n\nexport default connectUpcomingRacesAccordion()(UpcomingRacesAccordion);\n","import { connect } from 'react-redux'\n// import { bindActionCreators } from 'redux'\n// import { requestRacingPageData } from '../../store/racingPage/racingPage.thunks'\n\nexport const connectUpcomingRacesAccordion = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n timeSettings: state.timeSettings,\n betPlacing: state.betPlacing,\n }\n }\n\n // function mapDispatchToProps(dispatch) {\n // const actions = {\n // requestRacingPageData\n // }\n //\n // return { actions: bindActionCreators(actions, dispatch) }\n // }\n\n\n // return connect(mapStateToProps, mapDispatchToProps)(component)\n return connect(mapStateToProps)(component)\n}\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/fixed\";\nimport {\n useIonViewWillEnter,\n IonContent,\n IonHeader,\n IonLabel,\n IonPage,\n IonImg,\n} from '@ionic/react'\nimport './EventPage.scss'\nimport { connectEventPage } from './eventpage.connect'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { Timeline } from 'react-twitter-widgets'\nimport RaceListEventDetails from '../../components/RaceListEventDetails'\nimport SportEvent from '../../components/SportEvent/SportEvent'\nimport LiveSection from '../../components/LiveSection/LiveSection'\nimport OpenBets from '../../components/OpenBets/OpenBets'\nimport { RaceEventDropdownList } from '../../components/RaceEventDropdown'\nimport LoaderContent from '../../components/LoaderContent/LoaderContent'\nimport {\n GET_STATS_INTERVAL,\n GET_MARKET_DATA_INTERVAL,\n} from '../../config/app.config'\nimport broadcastImg from '../../assets/images/inplay-logo-iconSport.svg'\nimport httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport UpcomingRacesAccordion from '../../components/UpcomingRacesAccordion/UpcomingRacesAccordion'\nimport { formatTime } from '../../helpers/date.helper'\n\nconst EventPage = ({\n actions,\n lastActivityDate,\n twitterSettings,\n sportEventStats,\n openBets,\n orders,\n sportData,\n rulesPopUp,\n auth,\n elementsParams\n}) => {\n\n const history = useHistory()\n\n const { eventTypeId, eventId } = useParams()\n const [activeTab, setActiveTab] = useState(0)\n const [contentScrolled, setContentScrolled] = useState(false)\n const [style, setStyle] = useState({})\n const [racingEventHeader, setRacingEventHeader] = useState(null)\n const [isAccordionOpen, setIsAccordionOpen] = useState(1)\n const [upcomingRaces, setUpcomingRaces] = useState(null)\n\n //window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n //end window width\n\n const onScroll = (e) => {\n if (e.detail.deltaY < 0 || e.detail.scrollTop <= 120) {\n if (contentScrolled) setContentScrolled(false)\n } else if (e.detail.deltaY > 0) {\n if (!contentScrolled && e.detail.scrollTop > 120) setContentScrolled(true)\n }\n }\n // console.log(eventId);\n\n const isRacing = eventTypeId == 7 || eventTypeId == 4339\n const isLoaded = isRacing\n ? true\n : ((sportData?.[0]?.event?.id === eventId &&\n sportData?.[0]?.eventTypeId === eventTypeId) ||\n sportData?.[0]?.groupById === eventId) &&\n sportEventStats?.eventId === eventId &&\n sportEventStats?.eventTypeId === eventTypeId\n\n const sportTabs = [\n {\n label: 'market',\n setTab: () => setActiveTab(0),\n },\n {\n label: 'news',\n setTab: () => setActiveTab(1),\n },\n sportEventStats &&\n (sportEventStats.hasVideo || sportEventStats.showVisualisation)\n ? {\n label: 'live',\n icon: ,\n setTab: () => setActiveTab(2),\n }\n : undefined,\n {\n label: `open bets (${(orders && orders.count) || '0'})`,\n setTab: () => setActiveTab(3),\n },\n ]\n\n const raceTabs = [\n {\n label: 'market',\n setTab: () => setActiveTab(0),\n },\n {\n label: 'news',\n setTab: () => setActiveTab(1),\n },\n undefined,\n {\n label: `open bets (${(orders && orders.count) || '0'})`,\n setTab: () => setActiveTab(3),\n },\n ]\n\n useEffect(() => {\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1\n )\n actions.requestSportStart(eventId)\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1 &&\n activeTab == 3\n )\n actions.requestOpenBets(eventId)\n }, [\n actions,\n activeTab,\n eventId,\n eventTypeId,\n history.location.pathname,\n lastActivityDate,\n ])\n\n useEffect(() => {\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1 && auth\n ) {\n setActiveTab(2)\n } else {\n if (sportEventStats?.scorecard || sportEventStats?.isBRScore) {\n setActiveTab(2)\n } else {\n setActiveTab(2)\n }\n }\n }, [eventTypeId, eventId, history.location.pathname, auth])\n\n useEffect(() => {\n if (\n (isRacing ||\n (sportEventStats &&\n !sportEventStats.hasVideo &&\n !sportEventStats.showVisualisation)) &&\n activeTab === 2\n )\n setActiveTab(0)\n }, [sportEventStats, activeTab, eventTypeId, isRacing])\n\n useEffect(() => {\n if (activeTab == 1) actions.requestTwitterSettings()\n if (activeTab == 3) actions.requestOpenBets(eventId)\n }, [actions, activeTab, eventId])\n\n /**\n * sport event\n */\n useEffect(() => {\n // sportData = undefined;\n actions.requestSportData(eventTypeId, eventId).then();\n const mainTimer = setIntervalAsync(async () => {\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1\n ) {\n if (!isRacing) {\n await actions.requestSportData(eventTypeId, eventId)\n }\n }\n }, GET_MARKET_DATA_INTERVAL)\n\n return () => clearIntervalAsync(mainTimer)\n }, [eventTypeId, eventId, history.location.pathname, isRacing, actions])\n\n useEffect(() => {\n if (!isRacing) {\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1\n ) {\n actions.requestSportStats(eventTypeId, eventId)\n }\n const mainTimer = setIntervalAsync(async () => {\n if (\n history.location.pathname.indexOf(\n `/event-page/${eventTypeId}/${eventId}`\n ) !== -1\n ) {\n await actions.requestSportStats(eventTypeId, eventId)\n }\n }, GET_STATS_INTERVAL)\n return () => clearIntervalAsync(mainTimer)\n }\n }, [eventTypeId, eventId, history.location.pathname, isRacing, actions])\n\n useIonViewWillEnter(async () => {\n actions.getSportEventError()\n actions.getSportStatsError()\n if (!isRacing) {\n await Promise.all([\n actions.requestSportData(eventTypeId, eventId),\n actions.requestSportStats(eventTypeId, eventId),\n ])\n }\n })\n /**\n *\n */\n\n // request upcoming races api\n const raceDataRequest = async (Id) => {\n if (!Id) {\n Id = sessionStorage.getItem('navigationID')\n }\n if (auth) {\n try {\n const response = await httpAuth.get(`/exchange/odds/topRaces/${Id}`)\n if (response.data.success) {\n setUpcomingRaces(response.data.result)\n }\n } catch (error) {\n console.log(error)\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/exchange/odds/topRaces/${Id}`)\n if (response.data.success) {\n setUpcomingRaces(response.data.result)\n }\n } catch (error) {\n console.log(error)\n }\n }\n }\n useEffect(() => {\n if (width > 1024 && isRacing) {\n raceDataRequest(eventTypeId)\n }\n }, [eventTypeId, isRacing, width])\n // end request upcoming races api\n\n const renderPageContent = (e) => {\n if (isLoaded) {\n if (isRacing)\n return (\n isAccordionOpen === slicedItem?.id ? setIsAccordionOpen(null) : setIsAccordionOpen(slicedItem?.id)}\n >\n \n
\n \n {slicedItem?.event.name.replace(\"${HH:mm}\",\"\")}\n {(tsToDate(Date.parse(slicedItem?.event.openDate), timeSettings?.timeZoneName).split(\" \")[1]).split(\":\", 2).join(\":\") }\n
\n \n \n
\n \n
\n \n
\n Top 3 of {item.runners.length} runners
\n\n Back\n Lay\n
\n \n {allRunnerSuspend === true &&
\n SUSPENDED
}\n {\n Upcoming races \n {width < 1024 ? (\n
\n )\n return {bt.name}: {scoreWicketsMessage} ({currentOversBalls} Ovs)
\n }\n\n return null\n }\n\n const statuses = {\n \"InPlay\": \"In play\",\n \"BetweenInnings\": \"Innings Break\",\n \"Review\": \"REVIEW\",\n \"Drinks\": \"Drinks\",\n \"Rain\": \"Rain\",\n \"BadLight\": \"Bad light stopped play\",\n \"Injury\": \"Injury timeout\",\n \"Other\": \"Delay\",\n }\n\n const tossWinnerData = () => {\n const e = sportEventStats.stats\n let a = e.status,\n i = {\n message: \"\",\n statusMessage: \"\",\n statusStyle: \"Review\" === a ? \"review\" : \"\"\n }\n\n if (\"BetweenInnings\" === a || 2 === e.currentInning) {\n if (\"Completed\" !== a) {\n if (null !== e.battingTeam.requiredRuns || e.battingTeam.target) {\n let r = {\n team: e.battingTeam?.name,\n requiredScore: null !== e.battingTeam?.requiredRuns ? e.battingTeam?.requiredRuns : e.battingTeam?.target\n }\n /*i.message = (e.battingTeam.name + ' need ' + r.requiredScore + ' runs',\n (null !== e.battingTeam.requiredRuns && e.battingTeam.requiredRuns > 0 && e.remainingBalls <= 60 && (i.message += \" from \" + e.remainingBalls + \" balls\")))*/\n i.message = e.battingTeam?.name + ' need ' + r.requiredScore + ' runs'\n null !== e.battingTeam?.requiredRuns && e.battingTeam?.requiredRuns > 0 && e.remainingBalls <= 60 && (i.message += \" from \" + e.remainingBalls + \" balls\")\n }\n } else e.result && \"Won\" === e.result.type && (i.message = 'Match won by ' + e.result.winnerName);\n } else e.tossWinner && e.tossWinner?.name && e.tossWinner?.decision && (i.message = e.tossWinner?.name + \" \" + (e.tossWinner.decision === 'optToBowl' ? \"opt to bowl\" : \"opt to bat\"))\n\n return (statuses.hasOwnProperty(a) && (i.statusMessage = statuses[a] + (i.message.length ? \" - \" : \"\")),\n e.adjustedOvers && \"Completed\" !== a && i.message.length && (i.message += ' - reduced to ' + (e.oversPerInning || 0) + ' overs'),\n i)\n }\n\n const tossWinner = () => {\n if (sportEventStats?.stats?.tossWinner?.name) {\n const data = tossWinnerData()\n // return {sportStats.stats.tossWinner.name} {sportStats.stats.tossWinner.decision}
\n\n return {data.statusMessage} {data.message}
\n }\n }\n //// end score logic\n\n return (\n <>\n {width < 1024 ? (\n \n {twitterSettings && (\n
\n )}\n {activeTab === 3 && */}\n {/* {(racingEventHeader && !sportData && !sportData[0]?.event?.name) ? null : \"\"} */}\n\n {sportData && sportData[0]?.event?.name && !isRacing &&\n \n
}\n \n {activeTab === 2 && isLoaded ? (\n \n {hasVideo && (\n
\n { sportEventStats && ((sportEventStats.stats && sportEventStats?.scorecard && sportEventStats?.stats?.battingTeam) ||\n (sportEventStats.stats && sportEventStats?.scorecard && sportEventStats?.stats?.tossWinner?.name)) &&\n \n {sportData && sportData[0]?.event?.name}\n
\n {sportData && sportData[0]?.event?.openDate && (\n\n {optimizedDate.slice(0, 10)} \n \n {optimizedDate.slice(11, 20).split(':', 2).join(':')}\n \n
\n )}\n \n {sportEventStats?.stats?.battingTeam && eventStats()}\n {sportEventStats?.stats?.tossWinner?.name && tossWinner()}\n
\n }\n \n {twitterSettings && (\n
\n )}\n {activeTab === 3 && \n
\n KYC
\n We are committed to the highest level of security, hence require all our members to provide us with certain documentation in order to validate their accounts.
\n Please note that the identification process shall be complete before any withdrawal of funds can take place.
\n Why do I need to provide documentation?
\n There are several reasons:
\n - \n
- We are committed to providing a socially responsible platform for online gaming. All of our members must be 18 or older and we are bound by our licensing agreement to verify this. \n
- It is in our interests to guarantee maximum security on all transactions. \n
- Our payment processors and licensing agreement require that our policies are in line with international banking standards. A proven business relationship with each and every member is mandatory for the protection of all parties. \n
- By ensuring that your account details are absolutely correct, the inconvenience of 'missing payments' can be avoided. It can take weeks (and sometimes months) to trace, recall and resend using the correct information. This lengthy process also results in additional fees from our processors. \n
WHAT DOCUMENTS DO I NEED TO PROVIDE?
\n PROOF OF ID:
\n A color copy of a valid government issued form of ID (Driver's License, Passport, State ID or Military ID)
\n PROOF OF ADDRESS:
\n A copy of a recent utility bill showing your address
\n Note: If your government ID shows your address, you do not need to provide further proof of address.
\n Additional documentation might be required as the company sees fit.
\n When do I need to provide these documents?
\n Please provide these at your earliest possible convenience to avoid any delays in processing your transactions. Documents must be received before any withdrawals are executed. Under special circumstances we may require the documents before further activity (deposits and wagering) can take place on your account
\n Please understand, if we do not have the required documents on file, your pending withdrawals will be cancelled and credited back to your account. You will be notified when this happens.
\n How can I send you these documents?
\n Please scan your documents, or take a high quality digital camera picture, save the images as jpegs, then submit the files here.
\n How do I know my documents are safe with you?
\n All files are protected with the highest level of encryption at every step of the review process. All documentation received is treated with the utmost respect and confidentiality.
\n We’d like to thank you for your cooperation in helping us make our platform a safer place to play. As always, if you have any questions about this policy, or anything else, don’t hesitate to contact us using the contact us here.
\n \n
\n - \n
- Placed \n
- Description \n
- Type \n
- Odds \n
- Stake \n
- Liability \n
- Potential Profit \n
\n {bets && Object.keys(bets).length > 0 ? (\n\n Object.keys(bets).map((group) =>\n bets[group].markets.map((market) => {\n const marketName = market.name;\n return market.selections.map((selection) =>\n selection.map((item, index) => (\n
\n - \n
- \n {tsToDate(item.betPlacedDate, timeSettings.timeZoneName).split(\" \")[0]}\n
- \n
handleClickName(item)}>\n {item.eventName}\n
\n{item.selectionName} {marketName}
\n\n Bet ID {item.apolloBetId}\n {activeButton === \"matched\" &&\n \n Matched {tsToDate(item.betPlacedDate, timeSettings.timeZoneName)}\n \n }\n
\n \n - {item.side} \n
- {item.price} \n
- {item.orderStatus === 'matched' \n ? getCurrencyFormatWithZeroAfterDot(item.sizeMatched)\n : getCurrencyFormatWithZeroAfterDot(item.sizeRemaining)\n } \n
- {getCurrencyFormatWithZeroAfterDot(getProfitLiability(item).liability)} \n
- {getCurrencyFormatWithZeroAfterDot(getProfitLiability(item).profit)} \n
- \n
- \n You have no {title}\n \n
\n
\n - \n
- Settled \n
- Description \n
- Type \n
- Odds \n
- Stake \n
- Profit/Loss \n
- Status \n
\n {bets ? bets.map((item, index) =>\n
\n - \n
- \n \n {/*{*/}\n {/* tsToDate(item?.marketSettledDate, timeSettings?.timeZoneName).split(\" \")[0]*/}\n {/* .split(\"/\")*/}\n {/* .map((dateItem) => dateItem.length === 1 ? \"0\" + dateItem : dateItem)*/}\n {/* .join(\"/\")*/}\n {/*}*/}\n {new Date(item?.marketSettledDate).toLocaleDateString('en-GB', {year: 'numeric',month: '2-digit',day: '2-digit',})}\n \n \n {tsToDate(item?.marketSettledDate, timeSettings?.timeZoneName).split(\" \")[1]}\n \n \n
- \n
{item?.eventName}
\n{item?.selectionName} - {item?.marketName}
\n\n Bet ID {item?.apolloBetId} | \n {/*Matched {tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName)} */}\n \n Matched\n {new Date(item?.betPlacedDate).toLocaleDateString('en-GB', {year: 'numeric',month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit',second: '2-digit'}).replace(',', '')}\n \n
\n \n - {item?.side === 0 ? \"Back\" : \"Lay\"} \n
- {item?.averagePrice.toFixed(2)} \n
- {getCurrencyFormatWithZeroAfterDot(item?.size)} \n
- 0 ? \"green\" : \"red\"}`}>\n {getCurrencyFormatWithZeroAfterDot(item?.profitLoss)}\n \n
- \n {item?.outcome}\n \n
- \n
- \n You have no {title} Bets\n \n
\n
\n Open Bets
\n\n
\n )}\n \n );\n};\n\nexport default connectMyOpenBets()(MyOpenBets);\n","import {requestOpenBets, requestOpenBetsWithDate, requestPastBets} from \"../../store/openBets/openBets.thunks\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\n\nexport const connectMyOpenBets = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n openBets: state.openBets,\n timeSettings: state.timeSettings,\n elementsParams: state.elementsParams\n };\n }\n\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n requestOpenBets,\n requestOpenBetsWithDate,\n requestPastBets,\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n\n// import { connect } from 'react-redux'\n// import { bindActionCreators } from 'redux'\n// import { requestInplayPopular } from '../../store/inplayPopular/inplayPopular.thunks'\n// import { requestPromotions } from '../../store/promotions/promotions.thunks'\n// import { getInplayPopularSuccess } from '../../store/inplayPopular/inplayPopular.slice'\n// import { getPromotionsSuccess } from '../../store/promotions/promotions.slice'\n// import { requestOrderCount } from '../../store/orderCount/orderCount.thunks'\n// import { setLegalAgePopoverShow } from '../../store/modals/legalAgePopover.slice'\n// import { setKycPopoverShow } from '../../store/modals/kycPopover.slice'\n// import { setMoreRulesPopoverShow } from '../../store/modals/moreRulesPopover.slice'\n//\n// export const connectMyOpenBets = (wrappedProps) => (component) => {\n// function mapStateToProps(state) {\n// return {\n// lastActivityDate: state.balance.lastActivityDate,\n// inplayPopular: state.inplayPopular,\n// promotions: state.promotions,\n// legalAgePopoverShow: state.legalAgePopoverShow,\n// kycPopoverShow: state.kycPopoverShow,\n// moreRulesPopoverShow: state.moreRulesPopoverShow,\n// balanceSettings: state.balanceSettings,\n// betPlacing: state.betPlacing,\n// orderCount: state.orderCount,\n// timeSettings: state.timeSettings,\n// openBets: state.openBets,\n// }\n// }\n//\n// function mapDispatchToProps(dispatch) {\n// const actions = {\n// requestOrderCount,\n// requestInplayPopular,\n// requestPromotions,\n// setLegalAgePopoverShow,\n// setKycPopoverShow,\n// setMoreRulesPopoverShow,\n// getInplayPopularSuccess,\n// getPromotionsSuccess,\n// }\n//\n// return { actions: bindActionCreators(actions, dispatch) }\n// }\n//\n// return connect(mapStateToProps, mapDispatchToProps)(component)\n// }\n","import React, { useEffect, useState } from 'react'\nimport {\n IonContent,\n IonPage,\n IonHeader,\n IonIcon,\n IonButton,\n} from '@ionic/react'\nimport './RulesPage.scss'\nimport { connectRulesPage } from './RulesPage.connect'\nimport { useHistory, useParams } from 'react-router'\nimport goBackIcon from '../../assets/images/goback.svg'\nimport { useSelector, useDispatch } from 'react-redux'\n\nconst RulesPage = ({ openBets, actions }) => {\n const history = useHistory()\n const { eventTypeId, competitionId } = useParams()\n\n const rulesPage = useSelector((state) => state.rulesPage)\n console.log(rulesPage)\n const { isOpen } = useSelector((state) => state.rulesPopUp)\n\n function createMarkup(info) {\n try{\n return { __html: info?.replaceAll('\\\\n', '') }\n } catch (e) {\n console.log(e);\n }\n }\n\n const [show, setShow] = useState(false)\n const [showFancy, setShowFancy] = useState(false)\n\n const handleToggle = () => {\n setShow(!show)\n }\n const handleToggleFancy = () => {\n setShowFancy(!showFancy)\n }\n\n useEffect(() => {\n if (\n history.location.pathname.indexOf(\n `/rules_page/${eventTypeId}/${competitionId}`\n ) !== -1\n )\n actions.requestRulesPage(eventTypeId, competitionId)\n }, [competitionId, eventTypeId, history.location.pathname])\n\n return (\n \n
\n \n
\n My Bets
\n\n
\n { isCurrent &&\n \n
\n \n
\n { isCurrent &&\n setIsCurrent(true)}\n className={`MyOpenBets__page-menu-button ${isCurrent ? \"active\" : \"\"}`}>\n Current\n
\n setIsCurrent(false)}\n className={`MyOpenBets__page-menu-button ${!isCurrent ? \"active\" : \"\"}`}>\n Past\n
\n \n
\n }\n setActiveButton(\"matched\")}\n className={`MyOpenBets__page-menu-button ${activeButton === \"matched\" ? \"active\" : \"\"}`}>\n Matched\n
\n setActiveButton(\"unmatched\")}\n className={`MyOpenBets__page-menu-button ${activeButton === \"unmatched\" ? \"active\" : \"\"}`}>\n Unmatched\n
\n \n
\n \n
\n From
\n\n
\n \n
\n \n {validationError && (To
\n\n
\n {validationError}
)}\n Rules & Results
\n \n {eventTypeId == 2 ||\n eventTypeId == 3 ||\n (eventTypeId == 4 && rulesPage && (\n <>\n {\n
\n }\n \n ))}\n {eventTypeId == 2 ||\n eventTypeId == 3 ||\n (eventTypeId == 4 && rulesPage && (\n <>\n {\n \n
\n handleToggle()}>\n \n General Rules\n
\n \n {show ? (\n
\n ) : null}\n \n handleToggleFancy()}\n >\n \n Fancy Rules\n
\n \n {showFancy ? (\n
\n ) : null}\n \n \n }\n \n ))}\n \n \n
\n \n {\n menuController.open('start')\n }}\n >\n
\n Casino
\n \n {\n menuController.open('end')\n }}\n >\n ...\n \n
\n \n
\n {/*\n
\n Live Casino
\n \n \n
\n \n \n {/*
\n {/* {showTransferBtn && Exit Live Casino
\n \n
} */}\n Transfer Funds +
\n \n {casinoLive && casinoLive.url && \n {/* src={handleLocalhost(casinoLive.url)}> */}\n }\n {/*
\n \n
\n \n \n {/*
\n {/* {showTransferBtn && Exit Live Casino
\n \n
} */}\n Transfer Funds +
\n NO WAY!
;\nexport default withIonLifeCycle(connectCasinoLive()(CasinoLive));\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestCasinoStart, requestCasinoEnd } from '../../store/casinoLive/casinoLive.thunks';\n\nexport const connectCasinoLive = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n casinoLive: state.casinoLive,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestCasinoStart,\n requestCasinoEnd,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useEffect, useRef } from 'react'\nimport {\n IonContent,\n IonPage,\n IonHeader,\n IonToolbar,\n IonButton,\n IonIcon,\n} from '@ionic/react'\nimport { connectLiveCasinoAndSlots } from './LiveCasino&SlotPage.connect'\nimport { useHistory } from 'react-router-dom'\nimport { useDispatch } from 'react-redux'\nimport { getLiveCasinoIDSuccess } from '../../store/liveCasino/liveCasino.slice'\nimport { getSlotsGamesIDSuccess } from '../../store/slotsGames/slotsGames.slice'\n\nimport './LiveCasinoAndSlotPage.scss'\nimport goBackIcon from '../../assets/images/goback.svg'\n\nconst LiveCasinoAndSlotPage = ({ liveCasino, slotsGames, elementsParams,actions, ...props }) => {\n const history = useHistory()\n const refIframe = useRef(null)\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n const dispatch = useDispatch()\n\n const endCasino = () => {\n history.goBack()\n }\n\n const whichGame = () => {\n if(slotsGames && slotsGames.slotsGamesID) return \"to Slots\"\n if(liveCasino && liveCasino.liveCasinoID) return \"to Live Casino\"\n }\n\n useEffect(() => {\n return () => {\n if(!history.location.pathname.includes('/live_casino_slot/')) {\n dispatch(getLiveCasinoIDSuccess(null))\n dispatch(getSlotsGamesIDSuccess(null))\n }\n }\n }, [])\n\n return (\n width < 1024 ? (\n
\n \n \n {/*
\n Go Back {whichGame()}
\n \n
\n \n \n {/*
\n Go Back {whichGame()}
\n \n {slotsGames && slotsGames.slotsGamesID && \n \n \n }\n {liveCasino && liveCasino.liveCasinoID && \n \n \n } \n
\n \n \n \n {item.name}\n {item.isWK && ✝}\n {item.isCap && (c)}\n \n \n
\n {item.howOut}
\n \n
\n\n if (team.batsmens?.yetToBat?.length > 0) return \n \n \n
\n\n {team.batsmens.extras &&\n
\n | BATSMEN | \nR | \nB | \n4s/6s | \nSR | \n
|---|
\n Extras: \n {team.batsmens.extras.legByes + team.batsmens.extras.byes + team.batsmens.extras.wides + team.batsmens.extras.noBalls} ( \n {team.batsmens.extras.byes ? {team.batsmens.extras.byes}b : ''}\n {team.batsmens.extras.legByes ? {team.batsmens.extras.legByes}lb : ''}\n {team.batsmens.extras.wides ? {team.batsmens.extras.wides}w : ''}\n {team.batsmens.extras.noBalls ? {team.batsmens.extras.noBalls}nb : ''}\n )\n
\n }\n\n {team.batsmens.total &&\n \n Total: \n {team.batsmens.total.score} - {team.batsmens.total.wickets}\n ({team.batsmens.total.overs}.{team.batsmens.total.balls} Overs, RR: {team.batsmens.total.runRate})\n
\n }\n\n {team.batsmens.yetToBat && team.batsmens.yetToBat.length > 0 &&\n \n Yet to bat: \n {renderNames(team.batsmens.yetToBat)}\n
\n }\n\n {team.batsmens.didNotBat && team.batsmens.didNotBat.length > 0 &&\n \n Did not bat: \n {renderNames(team.batsmens.didNotBat)}\n
\n }\n\n {team.fallOfWickets && team.fallOfWickets.length > 0 &&\n \n Fall of wickets: \n {renderFallOfWickets()}\n
\n }\n \n \n \n
\n
\n\n return null\n }\n\n const renderBowlers = () => {\n if (team.bowlers) return team.bowlers.map((item) => {\n return | LINEUP | \n
|---|
| \n \n \n \n {item.name}\n {item.isWK && ✝}\n {item.isCap && (c)}\n \n \n \n | \n
\n
\n return null\n }\n\n // scorecardTopInfo logic\n const teamsScore = () => sportEventStats?.stats?.teams\n ? \n \n \n
\n
\n | BOWLING | \nO | \nR | \nW | \nWD/NB | \n4s/6s | \nDOTS | \nECON | \n
|---|
\n {sportEventStats?.stats?.teams.map((item, index) =>
\n : null\n\n const eventName = () => {\n if (sportEventStats?.scorecard) {\n return `${sportEventStats.scorecard.awayTeam?.name} v ${sportEventStats.scorecard.homeTeam?.name}`\n }\n else {\n return \"No data\"\n }\n }\n\n const eventStartTime = () => {\n if (startTime > now) {\n return {item.score}
)}\n \n {formattedOpenDate.date} {formattedOpenDate.time} {timeOpens(startDate, true)}\n
\n }\n return null\n }\n\n const eventStats = () => {\n if (sportEventStats?.stats?.battingTeam) {\n const bt = sportEventStats.stats.battingTeam\n\n let scoreWicketsMessage = bt.score;\n 10 !== bt.wickets && (scoreWicketsMessage += \"-\" + bt.wickets)\n\n let r = bt.overs ? bt.overs : 0\n let s = bt.balls ? bt.balls : 0\n const currentOversBalls = r + \".\" + s\n\n return {bt.name}: {scoreWicketsMessage} ({currentOversBalls} Ovs)
\n }\n return null\n }\n\n const statuses = {\n \"InPlay\": \"In play\",\n \"BetweenInnings\": \"Innings Break\",\n \"Review\": \"REVIEW\",\n \"Drinks\": \"Drinks\",\n \"Rain\": \"Rain\",\n \"BadLight\": \"Bad light stopped play\",\n \"Injury\": \"Injury timeout\",\n \"Other\": \"Delay\",\n }\n\n const tossWinnerData = () => {\n const e = sportEventStats.stats\n let a = e.status,\n i = {\n message: \"\",\n statusMessage: \"\",\n statusStyle: \"Review\" === a ? \"review\" : \"\"\n }\n\n if (\"BetweenInnings\" === a || 2 === e.currentInning) {\n if (\"Completed\" !== a) {\n if (null !== e.battingTeam.requiredRuns || e.battingTeam.target) {\n let r = {\n team: e.battingTeam.name,\n requiredScore: null !== e.battingTeam.requiredRuns ? e.battingTeam.requiredRuns : e.battingTeam.target\n }\n /*i.message = (e.battingTeam.name + ' need ' + r.requiredScore + ' runs',\n (null !== e.battingTeam.requiredRuns && e.battingTeam.requiredRuns > 0 && e.remainingBalls <= 60 && (i.message += \" from \" + e.remainingBalls + \" balls\")))*/\n i.message = e.battingTeam.name + ' need ' + r.requiredScore + ' runs'\n null !== e.battingTeam.requiredRuns && e.battingTeam.requiredRuns > 0 && e.remainingBalls <= 60 && (i.message += \" from \" + e.remainingBalls + \" balls\")\n }\n } else e.result && \"Won\" === e.result.type && (i.message = 'Match won by ' + e.result.winnerName);\n } else e.tossWinner && e.tossWinner.name && e.tossWinner.decision && (i.message = e.tossWinner.name + \" \" + (e.tossWinner.decision === 'optToBowl' ? \"opt to bowl\" : \"opt to bat\"))\n\n return (statuses.hasOwnProperty(a) && (i.statusMessage = statuses[a] + (i.message.length ? \" - \" : \"\")),\n e.adjustedOvers && \"Completed\" !== a && i.message.length && (i.message += ' - reduced to ' + (e.oversPerInning || 0) + ' overs'),\n i)\n }\n\n const tossWinner = () => {\n if (sportEventStats?.stats?.tossWinner?.name) {\n const data = tossWinnerData()\n // return {sportStats.stats.tossWinner.name} {sportStats.stats.tossWinner.decision}
\n return {data.statusMessage} {data.message}
\n }\n }\n\n const altName = () => raceOdds?.[`${eventTypeId} ${eventId}`]?.altName ? {raceOdds[`${eventTypeId} ${eventId}`].altName}
: null\n // End scorecardTopInfo logic\n\n return (\n \n
\n :\n \n
\n {\n renderTabs() &&\n \n
\n {history.goBack()}}>\n \n
\n \n {teamsScore()}\n
\n {eventName()}
\n\n {eventStartTime()}\n {eventStats()}\n {tossWinner()}\n {altName()}\n
\n \n
\n }\n \n {\n renderTabs().map((tab, index) => tab &&\n
\n \n {tab.label} \n {tab.icon}\n
)\n }\n \n {renderBatsmen()}\n {renderBowling()}\n
\n {/*\n
\n Total P&L: \n = 0 ? \"green\" : \"red\"}>{getCurrencyFormatWithZeroAfterDot(accountStatement?.totalPnl)}\n
\nAccount Statement\n {detailsPnlData && `{'>'}` {detailsPnlData[0]?.eventName} - {detailsPnlData[0]?.marketName}}\n
\n- \n
- Placed \n
- Selection \n
- Bet ID \n
- Type \n
- Odds \n
- Stake \n
- Profit/Loss \n
- Status \n
\n {itemDetails?.length >= 1 && itemDetails?.map((item, index) =>\n
\n - \n
- \n {/*{tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName).split(\" \")[0]} */}\n \n {tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName)\n .split(\" \")[0]\n .split(\"/\")\n .map((dateItem) => dateItem.length === 1 ? \"0\" + dateItem : dateItem)\n .join(\"/\")}\n \n | {tsToDate(item?.betPlacedDate, timeSettings?.timeZoneName).split(\" \")[1]}\n \n
- {item?.selectionName} \n
- {item?.apolloBetId} \n
- {item?.side === 0 ? \"Back\" : \"Lay\"} \n
- {item?.averagePrice.toFixed(3)} \n
- {getCurrencyFormatWithZeroAfterDot(item?.size)} \n
- = 0 ? \"green\" : \"red\"}`}>{getCurrencyFormatWithZeroAfterDot(item?.profitLoss)} \n
- {item?.outcome} \n
\n
\n - \n
- \n Back subtotal:\n \n {getCurrencyFormatWithZeroAfterDot(getBackSubtotal())}\n \n \n
- \n Lay subtotal\n \n {getCurrencyFormatWithZeroAfterDot(getLaySubtotal())}\n \n \n
- \n Market subtotal:\n \n {getCurrencyFormatWithZeroAfterDot(getBackSubtotal() + getLaySubtotal())}\n \n \n
- \n Commission:\n \n {getCurrencyFormatWithZeroAfterDot(selectPNLItem?.commission) || \"0.00\"}\n \n \n
- \n Net Market Total:\n \n {getCurrencyFormatWithZeroAfterDot(getNetMarketTotal())}\n \n \n
\n Total P&L: \n
\n
\n Total P&L: \n = 0 ? \"green\" : \"red\"}>{getCurrencyFormatWithZeroAfterDot(accountStatement?.totalPnl)}\n
\n - \n
- Date \n
- Description \n
- P&L \n
- Credit
Limit \n - Balance \n
\n { accountStatementMap && accountStatementMap?.size ?\n [...accountStatementMap].map((itemWithDate) =>\n
\n \n
,\n )\n :\n \n {tsToDate(itemWithDate[0], timeSettings?.timeZoneName)\n .split(\" \")[0]\n .split(\"/\")\n .map((dateItem) => dateItem.length === 1 ? \"0\" + dateItem : dateItem)\n .join(\"/\")}\n \n
\n {itemWithDate[1]?.data.map((item, index) => (\n - \n
- \n {tsToDate(item?.date, timeSettings?.timeZoneName).split(\" \")[1]}\n \n
- \n \n {item?.actionDisplayName}\n {item?.description?.eventName && item?.description?.marketName &&\nhandleClickName(item)} className=\"AccountStatementTable__table-body-row-description-name\">\n {item?.description?.eventName} - {item?.description?.marketName}\n\n }\n \n
- = 0 ? \"green\" : \"red\"}`}>{getCurrencyFormatWithZeroAfterDot(item?.pnl)} \n
- {(getCurrencyFormatWithZeroAfterDot(item?.creditLimit) === '0.00' ? '-' : getCurrencyFormatWithZeroAfterDot(item?.creditLimit)) || \"-\"} \n
- = 0 ? \"green\" : \"red\"}`}>{getCurrencyFormatWithZeroAfterDot(item.balance)} \n
\n
\n }\n No data to display. Try changing filters and search again
\n \n
\n );\n });\n };\n\n if (width < 1024) {\n return (\n \n
\n \n
\n \n {value.action === \"TRANSFER_UP\" || value.action === \"TRANSFER_DOWN\" || value.action === \"Credit\" || value.action === \"OPEN\"\n ?
\n {value.actionDisplayName}
\n : selectPNLItem()}>{value.description !== null && value.description.eventName}
}\n \n Bal. {getCurrencyFormat(value.balance)}\n
\n \n
\n\n Date
\n \n \n {`${(\"0\" + dateItem.getDate()).slice(-2)}/${(\"0\" + (dateItem.getMonth() + 1)).slice(-2)}/${dateItem.getFullYear()}`}\n \n \n {`${dateItem.getHours() < 10 ? (\"0\" + dateItem.getHours()).slice(-2) : dateItem.getHours()}:${dateItem.getMinutes() < 10 ? (\"0\" + dateItem.getMinutes()).slice(-2) : dateItem.getMinutes()}:${dateItem.getSeconds() < 10 ? (\"0\" + dateItem.getSeconds()).slice(-2) : dateItem.getSeconds()}`}\n \n
\n \n
\n Description
\n \n {value.actionDisplayName}\n
\n \n
\n\n P&L
\n = 0 ? \"green\" : \"red\"}`}>\n {value.pnl >= 0\n ? 
\n : 
}\n {getCurrencyFormat(value.pnl)}\n
\n \n
\n Credit Limit
\n \n {value.creditLimit ? getCurrencyFormat(value.creditLimit) : \"-\"}\n
\n \n
\n Account Statement
\n\n
\n\n {\n (accountStatement && !accountStatement.data) ?\n \n \n
\n\n {/* {filterOpen && \n\n \n Date from: \n setSelectedDateFrom(e.detail.value)}> \n \n\n \n Date to: \n setSelectedDateTo(e.detail.value)}> \n \n\n setfilterOpen((prevValue) => !prevValue)}>\n Apply\n \n
} */}\n\n\n {filterOpen &&\n \n
}\n\n\n {\n // setChoosenFrom(true)\n }}>\n
\n Date from:
\n\n
\n {\n // setChoosenTo(true)\n }}>\n
\n \n {validationError && (Date to:
\n\n
\n {validationError}
)}\n \n
\n :\n (!filterOpen && \n No data to display. Try changing filters and search again\n
\n \n {displayAccountStatement()}\n
)\n }\n {/*{width < 1024 && \n
\n // \n
\n \n
\n Account Statement
\n\n
\n \n
\n From
\n\n
\n \n
\n \n {validationError && (To
\n\n
\n {validationError}
)}\n \n {\n selectPNLItem && (\n setSelectPNLItem(null)}\n />)\n }\n {\n !selectPNLItem &&\n setSelectPNLItem(item)}\n />\n }\n
\n \n
\n )\n}\n\nexport default TransactionPopupResult;","import './TransactionPopup.scss'\nimport React from 'react'\nimport { connectTransactionPopup } from './TransactionPopup.connect'\nimport { IonContent, IonHeader, IonPage } from '@ionic/react'\nimport Toolbar from '../Toolbar/Toolbar'\nimport TransactionPopupResult from './TransactionPopupResult.js'\nimport visa from '../../assets/images/transaction-popup-images/visa.svg'\nimport master from '../../assets/images/transaction-popup-images/master.svg'\nimport skrill from '../../assets/images/transaction-popup-images/skrill.svg'\nimport bitcoin from '../../assets/images/transaction-popup-images/bitcoin-logo.svg'\nimport paypal from '../../assets/images/transaction-popup-images/paypal.svg'\nimport closeIcon from '../../assets/images/transaction-popup-images/close-icon.svg'\n\nconst TransactionPopup = () => {\n return (\n \n
\n \n \n
\n \n {\n transactionTrue\n ? 
\n : 
\n }\n
\n \n
\n Deposit succesful
\n$ 2000.00 were transfer on ypur account/ We wish you successful trading!
\n\n \n
\n \n
\n \n
\n \n \n
\n \n
\n Deposit / Withdraw Wallet
\nCurrent balance: 1000.00
\n\n \n
\n \n
\n\n Account Statement Details
\n\n
\n\n {itemData && itemData.providerId === 1 ?\n \n {`${itemData?.eventName} - ${itemData?.marketName}`}\n
\n {displayItemDetails()}\n \n
\n :\n \n Back subtotal:\n {getCurrencyFormat(totals.backSubtotal)}\n
\n \n Lay subtotal:\n {getCurrencyFormat(totals.laySubtotal)}\n
\n \n Market subtotal:\n {getCurrencyFormat(totals.marketSubtotal)}\n
\n \n Commission:\n {getCurrencyFormat(totals.commission)}\n
\n \n Net Market Total:\n {getCurrencyFormat(totals.netMarketTotal)}\n
\n \n
\n }\n {/*{width < 1024 && \n Net Session Total:\n {getCurrencyFormat(totals.netSessionTotal)}\n
\n \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n setHelpStep(1)\n }\n }}\n >\n {\n setHelpStep(4)\n }\n }\n \n >\n Next\n
\n \n \n }\n {helpStep === 4 &&\n <> \n \n {\n setHelpStep(3)\n }\n }\n \n >\n Next\n
\n \n }\n {helpStep === 3 &&\n <> \n \n {\n setHelpStep(2)\n }\n }\n \n >\n Next\n
\n \n }\n {helpStep === 2 &&\n <> \n \n Help\n
\n \n {helpStep === 1 &&\n <> \n Step 1
\n Choose your payment method and fill in all the fields.
\n \n 
\n
\n Step 2
\n Make Payment to below account via PhonePe, GooglePay, UPI App or IMPS netbanking. Use copy button to copy details.
\n \n 
\n
\n Step 3
\n Once transfer is successful on given bank account. Enter the UTR or Reference No. or RR Number of transfer.
\n \n 
\n
\n Step 4
\n Wait for the success message.
\n \n 
\n
\n Step 5
\n \n 
\n
\n \n { helpStep === 5 ?\n {\n onDidDismiss(false)\n setHelpStep(1)\n }\n }\n \n >\n Got It\n
\n :\n \n
\n ) : <>}\n , modalRoot\n )\n}\n\nexport default DetailsPopUp\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const depositSlice = createSlice({\n name: 'deposit',\n initialState: {},\n reducers: {\n setReq: (state, action) => action.payload,\n },\n})\n\nexport const { setReq } = depositSlice.actions\n\nexport default depositSlice.reducer\n","import React, { useState } from \"react\";\nimport \"./bonusmodels.scss\";\n\nconst BonusConditionModal = ({onDismissed=()=>{},onAgree=()=>{},promo}) =>{\n const [agree,setAgree] = useState(false);\n\n function createMarkup() {\n try {\n if (typeof promo === \"string\") {\n return { __html: promo?.replaceAll('\\\\n', '') }\n } else return { __html: \"\" };\n } catch (e) {\n console.log(e);\n }\n }\n // function createMarkup() {\n // return { __html: promo?.replaceAll('\\\\n', '') }\n // }\n return(\n \n
\n onDidDismiss()} className=\"promo-details-pop-up-main-close\">
\n \n {/*
\n */}\n {/* 
*/}\n {/*
*/}\n \n \n
\n \n \n )\n}\n export default BonusConditionModal;\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router\";\nimport { useDispatch } from \"react-redux\";\nimport { toastr } from \"react-redux-toastr\";\nimport { IonPage, IonContent, IonHeader, IonSpinner } from \"@ionic/react\";\nimport { useIonViewWillEnter, useIonViewWillLeave } from \"@ionic/react\";\nimport axios from \"axios\";\nimport QRCode from \"qrcode\";\nimport * as Sentry from \"@sentry/react\";\nimport Slider from \"react-slick\";\nimport { FileUploader } from \"react-drag-drop-files\";\nimport Toolbar from \"../../components/Toolbar/Toolbar\";\nimport getErrorMessage from \"../../helpers/getErrorMessage.helper\";\nimport PopUPHelp from \"./HelpPopUp\";\nimport DetailsPopUp from \"./DetailsPopUp\";\nimport FooterDesktop from \"../../components/FooterDesktop/FooterDesktop\";\nimport { connectDeposit } from \"./Deposit.connect\";\nimport { BASE_DEV_URL, CONFIG } from \"../../config/api.config\";\nimport { setReq } from \"../../store/deposit/deposit.slice\";\nimport { getCurrencyFormat } from \"../../helpers/getCurrencyFormat.helper\";\nimport upiLogo from \"../../assets/images/depositPageIcons/upi_logo.png\";\n\nimport phonePeLogo from \"../../assets/images/depositPageIcons/phonepe.png\";\nimport googlePayLogo from \"../../assets/images/depositPageIcons/google-pay.png\";\nimport payTmLogo from \"../../assets/images/depositPageIcons/paytm.png\";\nimport bhimLogo from \"../../assets/images/depositPageIcons/bhim.png\";\nimport dashedBorder from \"../../assets/images/deposit/dashedBorder.svg\";\nimport depositSlide1 from \"../../assets/images/deposit/depositSlide1.svg\";\nimport depositSlide2 from \"../../assets/images/deposit/depositSlide2.svg\";\nimport depositSlide3 from \"../../assets/images/deposit/depositSlide3.svg\";\nimport depositSlide4 from \"../../assets/images/deposit/depositSlide4.svg\";\nimport BonusConditionModal from \"../../components/BonusModels/bonusmodels\";\nimport \"./Deposit.scss\";\n\nconst Deposit = ({ user, actions, elementsParams, ...props }) => {\n const history = useHistory();\n const dispatch = useDispatch();\n\n\n const [depositMethod, setDepositMethod] = useState(\"\");\n const [depositAmount, setDepositAmount] = useState(0);\n const [accountInfo, setAccountInfo] = useState();\n let token = localStorage.getItem(\"id_token\");\n const [UTRinput, setUTRinput] = useState();\n const [commentInput, setCommentInput] = useState(\"\");\n const [isRulesAccept, setIsRulesAccept] = useState(true);\n const [detailedMethod, setDetailedMethod] = useState();\n const [gateway, setGateway] = useState();\n const [openPopUpHelp, setOpenPopUpHelp] = useState(false);\n const [min_max, setMin_max] = useState({ min: \"\", max: \"\" });\n const [message, setMessage] = useState(\"\");\n const [messageUTR, setMessageUTR] = useState(\"\");\n const [messageCard, setMessageCard] = useState(\"\");\n const [messageCardInfo, setMessageCardInfo] = useState(\"\");\n const [cardNumber, setCardNumber] = useState();\n const [dateInput, setDateInput] = useState({ month: \"\", year: \"\" });\n const [cvv, setCvv] = useState();\n const [chosenPromo, setChosenPromo] = useState(null);\n const [tempPromo, setTempPromo] = useState(null);\n const [promoList, setPromoList] = useState(null);\n const [userPgDetails, setUserPgDetailsMethod] = useState();\n const [showDedails, setshowDedails] = useState(false);\n const [showBonusConditions, setShowBonusConditions] = useState(false);\n const [bonusConditions, setBonusConditions] = useState(\"\");\n const [detailsPromo, setDetailsPromo] = useState(null);\n const [qrCodeImage, setQrCodeImage] = useState(null);\n const [isSwipe, setIsSwipe] = useState(false);\n const [imgFile, setImgFile] = useState(null);\n const [isLoading, setIsLoading] = useState(null);\n\n const swipeHandler = () => {\n setIsSwipe(true);\n setTimeout(() => setIsSwipe(false), 500);\n };\n const settings = {\n dots: false,\n arrows: false,\n infinite: false,\n speed: 500,\n slidesToShow: 4,\n slidesToScroll: 1,\n pauseOnHover: false,\n variableWidth: true,\n responsive: [\n {\n breakpoint: 9999,\n settings: {\n autoplaySpeed: 6000,\n autoplay: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true\n }\n }\n ]\n };\n\n const paymentGateways = async (method) => {\n token = localStorage.getItem(\"id_token\");\n return await axios\n .get(BASE_DEV_URL + \"/payments/userid/payment-gateways\", {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n if (response.data.result) {\n setAccountInfo(response.data.result);\n try {\n if (response.data.result?.length > 0) {\n detailetGateway(response.data.result?.sort((a, b) => a.index - b.index)[0]);\n }\n } catch (e) {\n console.log(e);\n }\n\n } else {\n paymentGateways();\n }\n })\n .catch((e) => {\n setTimeout(() => {\n paymentGateways();\n }, 1500);\n });\n };\n\n const detailetGateway = async (item) => {\n return await axios\n .get(BASE_DEV_URL + `/payments/userid/gateway?gatewayId=${item.id}`, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => setDetailedMethod(response.data.result))\n .then(setDepositMethod(item))\n .catch((e) => {\n });\n };\n\n const copyText = (text) => {\n navigator.clipboard.writeText(text);\n toastr.success(\"Copied\", text);\n };\n\n const preparedDepositAmount = Number(depositAmount).toFixed(2) * 1;\n\n const checkCardInputs = () => {\n if (cvv && dateInput?.month && dateInput?.year && cardNumber && !messageCardInfo && !messageCard) {\n return true;\n }\n return false;\n };\n\n const data = {\n amount: `${preparedDepositAmount}`,\n utr: UTRinput,\n comment: commentInput,\n gatewayId: detailedMethod?.id,\n acNo: detailedMethod?.account?.acNo,\n promoCode: chosenPromo?.promoCode\n };\n const dataKhelocard = {\n cardNo: cardNumber,\n cardCvv: cvv,\n cardExpiry: `${dateInput.month.toString().slice(-2)}/${dateInput.year.toString().slice(-2)}`,\n gatewayId: detailedMethod?.id,\n promoCode: \"\",\n amount: `${preparedDepositAmount}`\n };\n\n const depositRequest = async () => {\n try {\n if (depositMethod.isManual) {\n if (depositMethod.name === \"Khelocard\" && checkCardInputs() && isRulesAccept && depositAmount && !message && !messageUTR) {\n setIsRulesAccept(false);\n return await axios\n .post(BASE_DEV_URL + \"/payments/userId/khelocard-checkout\", dataKhelocard, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n window.fbq('track', 'Purchase');\n if (response?.data?.success) {\n toastr.success(\"Success\", \"Payment successful.\");\n }\n setTimeout(() => history.push(\"/default-page\"), 500);\n })\n .catch((error) => {\n toastr.error(\"Error\", error?.response?.data?.result);\n const errorMsg = getErrorMessage(error);\n throw errorMsg;\n });\n }\n } else {\n if (isRulesAccept && depositAmount) {\n return await axios\n .post(BASE_DEV_URL + \"/pg/initiate_payment\", {\n pg: depositMethod.name,\n firstname: \"Abcd abcd\",\n email: \"abc@abcd.com\",\n phone: user.loginName.split(\".\").length === 2 ? user.loginName.split(\".\")[1].replace(\"_\", \"\") : user.loginName.replace(\"_\", \"\"),\n amount: depositAmount,\n gatewayId: depositMethod.id,\n promoCode: chosenPromo?.promoCode\n }, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n\n if (response.data.success) {\n try {\n if (window.location.search) {\n let s = \"=\";\n const queryString = window.location.search;\n const parameters = new URLSearchParams(queryString);\n parameters.forEach((value, key, urlParam) => {\n if (value === \"WATER\") {\n window.fbq('track', 'Purchase');\n }\n });\n }\n } catch (e) {\n console.log(e);\n }\n dispatch(setReq({ result: response.data.result, depositMethod }));\n if (response.data.result.qrCode && response.data.result.qrCode !== \"\") {\n console.log(\"result with no qr\", response.data.result);\n setTimeout(() => history.push(\"/depositTimerQr\"), 500);\n } else {\n localStorage.setItem(response.data.result?.transactionId, JSON.stringify({\n result: response.data.result,\n depositMethod\n }));\n window.location.replace(response.data.result?.redirectURL);\n }\n } else {\n toastr.error(\"Error\", response?.data?.result);\n }\n\n\n }).catch((error) => toastr.error(\"Error\", error?.response?.data?.result));\n }\n }\n } catch (e) {\n Sentry.captureException(e);\n toastr.error(\"Error\", getErrorMessage(e));\n console.log(e);\n }\n\n if (imgFile !== null) {\n const reader = new FileReader();\n\n reader.onloadend = async () => {\n const formData = new FormData();\n formData.append(\"file\", imgFile, imgFile.name);\n formData.append(\"amount\", `${preparedDepositAmount}`);\n formData.append(\"utr\", UTRinput);\n formData.append(\"comment\", commentInput);\n formData.append(\"gatewayId\", detailedMethod?.id);\n formData.append(\"acNo\", detailedMethod?.account?.acNo);\n if (chosenPromo?.promoCode)\n formData.append(\"promoCode\", chosenPromo?.promoCode);\n try {\n if (depositMethod.isManual) {\n if (isRulesAccept && UTRinput && depositAmount && !message && !messageUTR) {\n setIsLoading(true);\n return await axios\n .post(BASE_DEV_URL + \"/payments/userid/deposit-request-form\", formData, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n window.fbq('track', 'Purchase');\n setIsLoading(false);\n dispatch(setReq({ result: response.data.result, depositMethod }));\n setTimeout(() => history.push(\"/depositTimer\"), 500);\n if (response.data.success)\n setImgFile(null);\n })\n .catch((error) => {\n setIsLoading(false);\n toastr.error(\"Error\", error?.response?.data?.result);\n });\n }\n }\n } catch (e) {\n Sentry.captureException(e);\n toastr.error(\"Error\", getErrorMessage(e));\n console.log(e);\n }\n };\n reader.readAsDataURL(imgFile);\n } else {\n if (depositMethod.isManual && isRulesAccept && UTRinput && depositAmount && !message && !messageUTR) {\n return await axios\n .post(BASE_DEV_URL + \"/payments/userid/deposit-request\", data, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n window.fbq('track', 'Purchase');\n dispatch(setReq({ result: response.data.result, depositMethod }));\n // console.log(response)\n setTimeout(() => history.push(\"/depositTimer\"), 500);\n })\n .catch((error) => {\n toastr.error(\"Error\", error?.response?.data?.result);\n });\n }\n }\n\n\n };\n\n useEffect(() => {\n if (accountInfo && depositMethod) {\n const res = accountInfo.filter(item => item.id === depositMethod.id);\n setMin_max({ min: res[0].min, max: res[0].max });\n try {\n setDepositAmount(0);\n } catch (e) {\n console.log(e);\n }\n } else setMin_max({});\n }, [depositMethod]);\n\n useEffect(() => {\n try {\n setDepositAmount(0);\n onValidationAmount(0);\n } catch (e) {\n console.log(e);\n }\n }, [min_max.min]);\n\n const onValidationAmount = (e) => {\n try {\n e = e.replace(/^0+/, \"\");\n } catch (e) {\n console.log(e);\n }\n if (e < 0) {\n setDepositAmount(e);\n setMessage(\"Amount can't be negative\");\n } else if (e < +min_max.min) {\n setDepositAmount(e);\n setMessage(`Amount can't be less than ${min_max.min}`);\n } else if (e > +min_max.max) {\n setDepositAmount(e);\n setMessage(`Amount can't be more than ${min_max.max}`);\n } else {\n setDepositAmount(e);\n setMessage(\"\");\n }\n try {\n\n if (chosenPromo && chosenPromo.minDeposit) {\n if (e >= chosenPromo.minDeposit) {\n // do nothing.\n } else {\n setTempPromo(chosenPromo);\n setChosenPromo({});\n }\n }\n\n if (tempPromo && tempPromo.minDeposit) {\n if (e >= tempPromo.minDeposit) {\n setChosenPromo(tempPromo);\n setTempPromo({});\n } else {\n setChosenPromo({});\n }\n }\n } catch (err) {\n }\n };\n const onValidationUTR = (e) => {\n if (e.length <= 5) {\n setUTRinput(e);\n setMessageUTR(\"Enter valid UTR/RRN number\");\n } else if (e.length > 12) {\n setUTRinput(e);\n setMessageUTR(\"Enter 12 digit UTR/RRN number\");\n } else {\n setUTRinput(e);\n setMessageUTR(``);\n }\n };\n\n useIonViewWillLeave(() => {\n setDepositMethod(\"\");\n setDepositAmount(0);\n setIsRulesAccept(false);\n });\n\n const dateValidation = (date) => {\n if (new Date(2000 + Number(date.year), date.month) < new Date()) {\n return setMessageCardInfo(\"The validity of your card has expired!\");\n } else if (setMessageCardInfo) {\n setMessageCardInfo(\"\");\n }\n };\n\n const cardsInputHandler = (e) => {\n if (e.target.name === \"card\" && e.target.value.replaceAll(\" \", \"\").length <= 16) {\n const cardNum = (str) => str.length ? [str.slice(0, 4), ...cardNum(str.slice(4), 4)] : [];\n setCardNumber(cardNum(e.target.value.replaceAll(\" \", \"\")).join(\" \"));\n e.target.value.replaceAll(\" \", \"\").length < 16 ? setMessageCard(\"Invalid card number!\") : setMessageCard(\"\");\n }\n if (e.target.name === \"month\" || e.target.name === \"year\") {\n setDateInput({ ...dateInput, [e.target.name]: e.target.value.slice(-2) });\n dateValidation({ ...dateInput, [e.target.name]: e.target.value.slice(-2) });\n }\n if (e.target.name === \"cvv\") {\n setCvv(e.target.value.slice(0, 3));\n const svvReg = /^\\d{3}$/g;\n svvReg.exec(e.target.value.slice(0, 3)) ? setMessageCardInfo(\"\") : setMessageCardInfo(\"CVV code must be exactly 3 digits!\");\n }\n };\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth;\n\n const promotionsType = async (method) => {\n await axios.get(BASE_DEV_URL + \"/account/promotions?type=DEPOSIT\", {\n headers: {\n Authorization: `${token}`\n }\n })\n .then(response => {\n if (response && response.data && response.data.success) {\n setPromoList(response?.data?.result);\n setChosenPromo(response?.data?.result[0]);\n setBonusConditions(response?.data?.result[0]?.info);\n }\n })\n .catch((e) => {\n });\n };\n\n useEffect(() => {\n\n promotionsType();\n if (width >= 1024) {\n token = localStorage.getItem(\"id_token\");\n paymentGateways();\n }\n }, []);\n\n useIonViewWillEnter(() => {\n token = localStorage.getItem(\"id_token\");\n paymentGateways();\n });\n\n //api Request For QrCode On Mobile\n const apiRequestForQrCodeOnMobile = (protocol) => {\n if (depositMethod.isUPI){\n return `https://api.gemexch.co/api/open/upi?vpa=${depositMethod.account.acNo}&vpaName=${depositMethod.account.name}&amount=${depositAmount}&protocol=${protocol}&tn=${user.memberCode}`;\n } else {\n return `https://api.gemexch.co/api/open/upi?vpa=${depositMethod.account.acNo}@${depositMethod.account.IFSC}.ifsc.npci&vpaName=${depositMethod.account.name}&amount=${depositAmount}&protocol=${protocol}&tn=${user.memberCode}`;\n }\n };\n //End api Request For QrCode On Mobile\n\n // QR Code generate With async/await\n const generateQR = async text => {\n try {\n setQrCodeImage(await QRCode.toDataURL(text));\n } catch (err) {\n console.error(err);\n }\n };\n\n useEffect(() => {\n //TODO: add extra param to UPI using extra variable.\n if (depositMethod && depositMethod.isUPI && depositMethod.account.acNo && depositMethod.account.name) {\n let qrLinkTemp = `upi://pay?pa=${depositMethod.account.acNo}&pn=${depositMethod.account.name}&am=${depositAmount}&tn=${user.memberCode}&cu=INR`;\n if (qrLinkTemp) {\n generateQR(qrLinkTemp);\n }\n } else if (depositMethod && !depositMethod.isUPI && depositMethod.account.acNo && depositMethod.account.name){\n let qrLinkTemp = `upi://pay?pa=${depositMethod.account.acNo}@${depositMethod.account.IFSC}.ifsc.npci&pn=${depositMethod.account.name}&am=${depositAmount}&tn=${user.memberCode}&cu=INR`;\n if (qrLinkTemp) {\n generateQR(qrLinkTemp);\n }\n }\n }, [depositMethod, depositAmount]);\n // END QR Code generate With async/await\n\n return (\n \n
\n\n onDismissed()} className=\"promo-details-pop-up-main-close\">
\n \n {/*
\n */}\n {/* */}\n {/*
*/}\n \n
\n You are opting for bonus
\n\n
\n Conditions:
\n\n \n
\n \n setAgree(!agree)}\n >\n
\n \n I agree to above condition of bonus.\n
\n \n \n \n
\n \n \n }\n
\n\n\n {/*Message for khelocard installs*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name === \"Khelocard\" ? (\n \n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n
\n\n \n
\n ) : null}\n {!depositMethod ? (\n \n Payment Methods\n
\n \n Wallet No\n
\n \n \n Account: {detailedMethod?.account?.acNo}\n \n copyText(detailedMethod?.account?.acNo)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n IFSC: {detailedMethod?.account?.IFSC}\n \n copyText(detailedMethod?.account?.IFSC)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Account Name:{\" \"}\n \n {detailedMethod?.account?.name}\n \n \n copyText(detailedMethod?.account?.name)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Bank Name:{\" \"}\n \n {detailedMethod?.account?.bankName}\n \n \n \n copyText(detailedMethod?.account?.bankName)\n }\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n
\n {\" \"}\n \n Please use the above account details to deposit your amount.\n Once transaction is successful, enter the transaction\n details below.{\" \"}\n
\n \n {\" \"}\n Please allow us 1 minute to verify and approve the\n transanction, Post which amount will be credited to your\n wallet.\n
\n \n
\n ) : null}\n \n Please select a payment method to proceed\n
\n \n
\n {depositMethod && depositMethod.isManual &&\n \n \n
\n \n Payment Options\n\n
\n\n \n {accountInfo\n ? accountInfo.sort((a, b) => a.index - b.index).map((item) => {\n return (\n <>\n {item.id === \"WHATSAPP\" &&\n <>\n {\n detailetGateway(item);\n setIsRulesAccept(true);\n window.open(`${CONFIG.whatsappLink}`)\n }}\n />\n \n }\n {\n item.id !== \"WHATSAPP\" && {\n detailetGateway(item);\n setIsRulesAccept(true);\n }}\n >\n
\n }\n \n );\n })\n : null}\n \n {depositMethod?.id === item?.id ? (\n \n ) : (\n \n )}\n
\n \n
\n {\n item && item?.promo &&\n {item.promo}\n }\n \n
\n }\n {depositMethod && !depositMethod.isManual && depositMethod.id !== \"WHATSAPP\" &&\n 1. Deposit money only in the below available accounts to get the fastest credits and avoid\n possible delays.
\n2. Deposits made 45 minutes after the account removal from the site are valid & will be added\n to their wallets.
\n3. Site is not responsible for money deposited to Old, Inactive or Closed accounts.
\n4. After deposit, add your UTR and amount to receive balance.
\n5. NEFT receiving time varies from 40 minutes to 2 hours.
\n**Always start instant payments by submitting amount\n below.
\n
\n ) : null}\n\n {/*Message for manual deposit info and instruction*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n \n Don't have an account with khelocard, Click\n here\n
\n \n \n
\n \n ) : null}\n\n {/*Message for No Payment method selected*/}\n {!depositMethod ? (\n \n {/*Wallet No*/}\n
\n\n Payment Details
\n {\n depositMethod && (depositMethod.isUPI || depositMethod.name.includes(\"QR\")) && qrCodeImage &&\n \n 
\n
\n }\n \n \n {(depositMethod && depositMethod.isUPI) ? \"UPI ID\" : \"Account:\"} {depositMethod.isUPI &&
}\n copyText(detailedMethod?.account?.acNo)} className=\"walletInfo__item-title-inner\"> {detailedMethod?.account?.acNo}\n \n copyText(detailedMethod?.account?.acNo)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n {\n depositMethod && !depositMethod.isUPI &&\n }\n copyText(detailedMethod?.account?.acNo)} className=\"walletInfo__item-title-inner\"> {detailedMethod?.account?.acNo}\n \n
\n \n IFSC:\n copyText(detailedMethod?.account?.IFSC)} className=\"walletInfo__item-title-inner\"> {detailedMethod?.account?.IFSC}\n \n copyText(detailedMethod?.account?.IFSC)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n }\n \n \n Account Name:{\" \"} {depositMethod.isUPI &&
}\n copyText(detailedMethod?.account?.name)} className=\"walletInfo__item-title-inner\">\n {detailedMethod?.account?.name}\n \n \n copyText(detailedMethod?.account?.name)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n {\n depositMethod && !depositMethod.isUPI &&\n }\n copyText(detailedMethod?.account?.name)} className=\"walletInfo__item-title-inner\">\n {detailedMethod?.account?.name}\n \n \n
\n \n Bank Name:{\" \"}\n \n copyText(detailedMethod?.account?.bankName)\n } className=\"walletInfo__item-title-inner\">\n {detailedMethod?.account?.bankName}\n \n \n \n copyText(detailedMethod?.account?.bankName)\n }\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n }\n\n \n
\n ) : null}\n\n {/*WHATSAPP button*/}\n {depositMethod && depositMethod.id === \"WHATSAPP\" ? (\n <>\n \n
\n \n Please select a payment method to proceed\n
\n \n
\n \n \n ) : null}\n\n\n {/*message for manual View*/}\n {depositMethod && depositMethod.id !== \"WHATSAPP\" ? (\n <>\n 1) One To One Chat.\n
\n 2) All Payment Method Option Available Upi, Phonepay, Gpay, Hawala, Paytm.\n
\n 3) Ultra Fast Withdrawal Process within 20 minutes Guaranteed.\n
\n 4) 24 Hour Deposit Available & Special Bonus Time To Time On Whatsapp.\n
\n {/*5) No Tension Of Pending*/}\n {/* Transaction & Inactive Account.*/}\n {/*
*/}\n {/*6) All Clients are*/}\n {/* Requested To Shift On Whatsapp For Smooth Service.*/}\n {/*
*/}\n window.open(`${CONFIG.whatsappLink}`)}>\n \n
\n WHATSAPP NOW
\n \n Amount*\n
\n \n \n onValidationAmount(\n e.target.value > gateway ? gateway : e.target.value\n )\n }\n />\n INR\n
\n \n {width >= 1024 ? (\n <>\n \n onValidationAmount(+depositAmount + 100)\n }\n >\n +100\n
\n \n \n onValidationAmount(+depositAmount + 100)\n }\n className=\"pushable\"\n >\n \n \n +100\n \n\n \n onValidationAmount(+depositAmount + 500)\n }\n className=\"pushable\"\n >\n \n \n +500\n \n\n \n onValidationAmount(+depositAmount + 1000)\n }\n className=\"pushable\"\n >\n \n \n +1,000\n \n
\n\n \n \n onValidationAmount(+depositAmount + 5000)\n }\n className=\"pushable\"\n >\n \n \n +5,000\n \n\n \n onValidationAmount(+depositAmount + 10000)\n }\n className=\"pushable\"\n >\n \n \n +10,000\n \n\n \n onValidationAmount(+depositAmount + 50000)\n }\n className=\"pushable\"\n >\n \n \n +50,000\n \n
\n \n ) : (\n <>\n {message}
\n \n \n ) : null}\n\n {\n depositMethod && (depositMethod.isUPI || depositMethod.name.includes(\"QR\")) && qrCodeImage &&\n \n
\n\n }\n\n {/*UTR inputBox*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n <>\n Pay Using\n
\n \n
\n \n \n
\n \n 
\n
\n Phone Pe\n \n \n \n
\n \n 
\n
\n Google Pay\n \n apiRequestForQrCodeOnMobile(\"paytm\")}>\n \n
\n \n 
\n
\n Pay TM\n \n \n \n
\n \n 
\n
\n BHIM\n \n \n
\n \n ) : null}\n\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n <>\n \n Unique Transaction Reference*\n
\n \n onValidationUTR(e.target.value)}\n />\n {messageUTR &&
\n {messageUTR}
}\n \n setImgFile(f)}\n // types={[\"CSV\"]}\n name=\"file\"\n classes=\"imageUploader\"\n />\n\n
\n \n ) : null}\n\n {/*Khelocard implementation*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name === \"Khelocard\" ? (\n <>\n \n Upload your payment slip below\n
\n \n
\n \n cardsInputHandler(e)}\n />\n
\n Card number
\n {messageCard}
\n \n
\n \n ) : null}\n\n {promoList && promoList.length > 0 && depositMethod.id !== \"WHATSAPP\" &&\n (<>\n \n
\n \n
\n Expires
\n \n cardsInputHandler(e)}\n />\n /\n cardsInputHandler(e)}\n />\n
\n \n cardsInputHandler(e)}\n />\n
\n CVV
\n {messageCardInfo}
\n \n
\n \n )\n }\n \n )\n }\n {depositMethod && depositMethod.id !== \"WHATSAPP\" ? (\n Available Offers*
\n\n {\n promoList.map((item, index) =>\n \n item?.promoCode === chosenPromo?.promoCode ? setChosenPromo({}) : setChosenPromo(item)}\n className=\"deposit-promocode-select\">\n
\n \n
\n {item[\"short-info\"]}
\n {item?.tagLine}
\n \n {\n e.stopPropagation();\n setDetailsPromo(item?.info);\n setshowDedails(true);\n }} className=\"deposit-promocode-select-details\">\n (Terms and conditions)\n \n
\n \n setIsRulesAccept(!isRulesAccept)}\n />\n \n \n I have read and agree with \n history.push(\"/termsOfWithdrowalPayment\")}\n >\n the terms of payment and withdrawal policy.\n \n \n
\n\n {width >= 1024 ? (\n \n depositRequest()}\n className={`\n ${\n (depositMethod.isManual ? (isRulesAccept && (depositMethod?.name !== \"Khelocard\" ? (UTRinput && !messageUTR) : checkCardInputs()) && depositAmount && !message) : (isRulesAccept && depositAmount && !message))\n ? \"submitValidBtn\"\n : \"depositNotValidBtn\"\n }`}\n >\n {(depositMethod.isManual ? (isRulesAccept && (depositMethod?.name !== \"Khelocard\" ? (UTRinput && !messageUTR) : checkCardInputs()) && depositAmount && !message) : (isRulesAccept && depositAmount && !message)) ? (\n <>\n \n \n Proceed {(promoList && promoList?.length) > 0 ? (chosenPromo && chosenPromo?.promoCode) ? \"\" : \"without bonus!\" : \"\"}\n \n ) : (\n
\n ) : (\n <>\n Proceed\n {(promoList && promoList.length > 0) ? (chosenPromo && chosenPromo?.promoCode) ? \"\" : \"without bonus!\" : \"\"}
\n )}\n \n \n Powered by\n 
\n
\n }\n \n ) : null}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" &&\n \n\n
}\n \n \n How to deposit through IMPS (English)
\n \n How to deposit through IMPS (Hindi)
\n \n Notes
\n \n 
\n
\n Send your deposit amount on given Bank account
\n Copy and Enter the 12 digit UTR Number
\n \n \n 
\n 
\n 
\n 
\n \n
\n Submit the form & Receive credits instantly.\n
\n \n \n
\n \n ) : null}\n\n {/*message for manual View*/}\n {depositMethod && depositMethod.id !== \"WHATSAPP\" ? (\n <>\n \n
\n\n {/*Message for khelocard installs*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name === \"Khelocard\" ? (\n \n
\n\n \n Deposit\n
\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n \n
\n ) : null}\n {depositMethod && depositMethod.isManual && \n Wallet No\n
\n {\n depositMethod && (depositMethod.isUPI || depositMethod.name.includes(\"QR\")) && qrCodeImage &&\n \n \n Account: {detailedMethod?.account?.acNo}\n \n copyText(detailedMethod?.account?.acNo)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n IFSC: {detailedMethod?.account?.IFSC}\n \n copyText(detailedMethod?.account?.IFSC)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Account Name:{\" \"}\n \n {detailedMethod?.account?.name}\n \n \n copyText(detailedMethod?.account?.name)}\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Bank Name:{\" \"}\n \n {detailedMethod?.account?.bankName}\n \n \n \n copyText(detailedMethod?.account?.bankName)\n }\n className=\"walletInfo__item-img ggg\"\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 16 18\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n
\n }\n {\n depositMethod && depositMethod.isUPI &&\n \n \n
\n \n
\n \n
\n \n \n
\n Phone Pe\n \n
\n \n \n
\n Google Pay\n \n
\n \n \n
\n Pay TM\n \n
\n \n \n
\n BHIM\n \n Powered by\n \n
\n }\n\n \n
}\n {!depositMethod ? (\n Notes
\n \n \n
\n Make Payment with Payment methods
\n Copy and Enter the 12 digit UTR Number
\n \n \n \n \n \n \n \n
\n Submit the form
\n \n
\n ) : null}\n \n Please select a payment method to proceed\n
\n \n \n
\n \n {accountInfo\n ? accountInfo.sort((a, b) => a.index - b.index).map((item) => {\n return (\n <>\n {item.id === \"WHATSAPP\" &&\n <>\n {\n detailetGateway(item);\n setIsRulesAccept(true);\n window.open(`${CONFIG.whatsappLink}`)\n }}\n />\n \n }\n {item.id !== \"WHATSAPP\" &&\n detailetGateway(item)}\n >\n
\n }\n \n );\n })\n : null}\n \n {depositMethod?.id === item?.id ? (\n \n ) : (\n \n )}\n
\n \n
\n {\n item && item?.promo &&\n {item.promo}\n }\n \n
\n ) : null}\n\n {/*Message for manual deposit info and instruction*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n \n Don't have an account with khelocard, Click\n here\n
\n \n
\n ) : null}\n\n {/*Message for No Payment method selected*/}\n {!depositMethod ? (\n \n Wallet No\n
\n \n \n Account: {detailedMethod?.account?.acNo}\n \n copyText(detailedMethod?.account?.acNo)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n IFSC: {detailedMethod?.account?.IFSC}\n \n copyText(detailedMethod?.account?.IFSC)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Account Name:{\" \"}\n \n {detailedMethod?.account?.name}\n \n \n copyText(detailedMethod?.account?.name)}\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n \n Bank Name:{\" \"}\n \n {detailedMethod?.account?.bankName}\n \n \n \n copyText(detailedMethod?.account?.bankName)\n }\n className=\"walletInfo__item-img ggg\"\n width=\"16\"\n height=\"18\"\n viewBox=\"0 0 14 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n
\n \n
\n {\" \"}\n \n Please use the above account details to deposit your amount.\n Once transaction is successful, enter the amount and 12 digit\n UTR \n details below.{\" \"}\n
\n \n {\" \"}\n Please allow us 1 minute to verify and approve the\n transaction, Post which amount will be credited to your\n wallet.\n
\n \n
\n ) : null}\n\n {/*WHATSAPP button*/}\n {depositMethod && depositMethod.id === \"WHATSAPP\" ? (\n <>\n \n Please select a payment method to proceed\n
\n \n
\n 1) One To One Chat\n
\n 2) All Payment Method Option Available Upi, Phonepay, Gpay, Hawala, Paytm\n
\n 3) Ultra Fast Withdrawal Process within 20 minutes Guaranteed\n
\n 4) 24 Hour Deposit Available & Special Bonus Time To Time On Whatsapp\n
\n {/*5) No Tension Of Pending*/}\n {/* Transaction & Inactive Account.*/}\n {/*
*/}\n {/*6) All Clients are*/}\n {/* Requested To Shift On Whatsapp For Smooth Service.*/}\n {/*
*/}\n window.open(`${CONFIG.whatsappLink}`)}>\n \n
\n WHATSAPP NOW
\n \n Amount*\n
\n \n \n onValidationAmount(\n e.target.value > gateway ? gateway : e.target.value\n )\n }\n />\n INR\n
\n \n {width >= 1024 ? (\n <>\n \n onValidationAmount(+depositAmount + 500)\n }\n >\n +500\n
\n \n \n onValidationAmount(+depositAmount + 100)\n }\n className=\"pushable\"\n >\n \n \n +100\n \n\n \n onValidationAmount(+depositAmount + 500)\n }\n className=\"pushable\"\n >\n \n \n +500\n \n\n \n onValidationAmount(+depositAmount + 1000)\n }\n className=\"pushable\"\n >\n \n \n +1,000\n \n
\n \n \n onValidationAmount(+depositAmount + 5000)\n }\n className=\"pushable\"\n >\n \n \n +5,000\n \n\n \n onValidationAmount(+depositAmount + 10000)\n }\n className=\"pushable\"\n >\n \n \n +10,000\n \n\n \n onValidationAmount(+depositAmount + 50000)\n }\n className=\"pushable\"\n >\n \n \n +50,000\n \n
\n \n ) : (\n <>\n \n \n onValidationAmount(+depositAmount + 100)\n }\n >\n +100\n
\n \n \n onValidationAmount(+depositAmount + 5000)\n }\n >\n +5,000\n
\n {message}
\n \n \n ) : null}\n\n {/*UTR inputBox*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n <>\n \n
\n \n ) : null}\n {depositMethod && depositMethod.isManual && depositMethod?.name !== \"Khelocard\" ? (\n <>\n \n Unique Transaction Reference*\n
\n \n onValidationUTR(e.target.value)}\n />\n {messageUTR &&
\n {messageUTR}
}\n \n
\n \n ) : null}\n\n {/*Khelocard implementation*/}\n {depositMethod && depositMethod.isManual && depositMethod?.name === \"Khelocard\" ? (\n <>\n \n Upload your photo below\n
\n \n setImgFile(f)}\n // types={[\"CSV\"]}\n name=\"file\"\n classes=\"imageUploader\"\n />\n
\n \n
\n \n cardsInputHandler(e)}\n />\n
\n Card number
\n {messageCard}
\n \n
\n \n ) : null}\n\n {promoList && promoList.length > 0 && depositMethod.id !== \"WHATSAPP\" &&\n (<>\n \n
\n \n
\n Expires
\n \n cardsInputHandler(e)}\n />\n /\n cardsInputHandler(e)}\n />\n
\n \n cardsInputHandler(e)}\n />\n
\n CVV
\n {messageCardInfo}
\n \n
\n {\n promoList.map((item, index) =>\n Available Offers*
\n \n item?.promoCode === chosenPromo?.promoCode ? setChosenPromo({}) : setChosenPromo(item)}\n className=\"deposit-promocode-select\">\n
\n \n
\n {item[\"short-info\"]}
\n {item?.tagLine}
\n \n {\n e.stopPropagation();\n setDetailsPromo(item?.info);\n setshowDedails(true);\n }} className=\"deposit-promocode-select-details\">\n Details\n \n
\n \n \n )\n }\n )\n }\n {depositMethod && depositMethod.id !== \"WHATSAPP\" ? (\n \n depositRequest()}\n type=\"button\"\n >\n Submit {(promoList && promoList?.length) > 0 ? (chosenPromo && chosenPromo.promoCode) ? \"\" : \"without bonus!\" : \"\"}\n \n )}\n
\n ) : null}\n \n \n \n setIsRulesAccept(!isRulesAccept)}\n />\n \n \n I have read and agree with \n history.push(\"/termsOfWithdrowalPayment\")}\n >\n the terms of payment and withdrawal policy.\n \n \n
\n\n {width >= 1024 ? (\n \n depositRequest()}\n className={`\n ${\n (depositMethod.isManual ? (isRulesAccept && (depositMethod?.name !== \"Khelocard\" ? (UTRinput && !messageUTR && !isLoading) : checkCardInputs()) && depositAmount && !message) : (isRulesAccept && depositAmount && !message))\n ? \"submitValidBtn\"\n : \"depositNotValidBtn\"\n }`}\n >\n {isLoading &&\n Proceed {(promoList && promoList?.length) > 0 ? (chosenPromo && chosenPromo.promoCode) ? \"\" : \"without bonus!\" : \"\"}\n \n ) : (\n
\n ) : (\n Proceed\n {(promoList && promoList.length > 0) ? (chosenPromo && chosenPromo.promoCode) ? \"\" : \"without bonus!\" : \"\"}
\n )}\n \n \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}\n style={{ top: scrollPosition + 'px' }}\n >\n {\n onDidDismiss(false)\n refresh()\n }}\n >\n Cancel\n
*/}\n {width >= 1024 ? (\n \n {\n editOneTransactionRequest()\n onDidDismiss(false)\n setTimeout(() => {\n updateOneTransactionRequest()\n refresh()\n }, 500)\n }}\n className=\"pushable\"\n >\n \n \n Submit\n \n ) : (\n {\n editOneTransactionRequest()\n onDidDismiss(false)\n setTimeout(() => {\n updateOneTransactionRequest()\n refresh()\n }, 500)\n }}\n className=\"pop-up-content__buttons-send\"\n >\n Submit Changes\n
\n )}\n\n {/* \n
\n\n \n Edit Deposit Details\n 
{\n onDidDismiss(false)\n refresh()\n }} alt=\"\" />\n
\n \n Reference No: {data.requestId}\n
\n \n
\n \n \n setUTR(e.target.value)}\n className=\"text-field_container__input\"\n type=\"text\"\n name=\"UTR\"\n id=\"UTR\"\n placeholder=\"UTR\"\n defaultValue={`${data.utr ? data.utr : 0}`}\n autoCapitalize=\"off\"\n >\n
\n \n \n onValidationAmount(e.target.value)}\n className=\"text-field_container__input\"\n type=\"number\"\n name=\"Amount\"\n id=\"Amount\"\n placeholder=\"Amount\"\n defaultValue={`${data.amount ? data.amount : 0}`}\n autoCapitalize=\"off\"\n >\n
\n {message}
\n \n {/* {\n editOneTransactionRequest()\n onDidDismiss(false)\n setTimeout(() => {\n updateOneTransactionRequest()\n refresh()\n }, 500)\n\n // history.push('/transactions')\n // toastr.success('Success')\n console.log('NEWamount', amount)\n console.log('NEWUTR', utr)\n console.log('requestId', requestId)\n }}\n >\n Submit\n
*/}\n {width >= 1024 ? (\n \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}\n style={{ top: scrollPosition + 'px' }}\n >\n
\n \n \n \n )}\n \n )}\n \n )\n}\n\nexport default PopUP\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router\";\nimport axios from \"axios\";\nimport { useDispatch } from \"react-redux\";\nimport { IonContent, IonPage, IonHeader, useIonViewWillEnter } from \"@ionic/react\";\nimport { setDetailedDepositTransaction } from \"../../store/detailedDepositTransaction/detailedDepositTransaction.slice\";\nimport { connectTransactions } from \"./Transactions.connect\";\nimport { BASE_DEV_URL } from \"../../config/api.config\";\nimport PopUp from \"../DetailedDepositTransaction/PopUp\";\nimport FooterDesktop from \"../../components/FooterDesktop/FooterDesktop\";\nimport getErrorMessage from \"../../helpers/getErrorMessage.helper\";\n\nimport Toolbar from \"../../components/Toolbar/Toolbar\";\nimport PayTM from \"../../assets/images/payTM.svg\";\nimport UPI from \"../../assets/images/UPI.svg\";\nimport IMPS from \"../../assets/images/IMPS.svg\";\nimport KHELOCARD from \"../../assets/images/KHELOCARD.svg\";\nimport PayU from \"../../assets/images/PAYU.svg\";\nimport Refresh from \"../../assets/images/refresh.svg\";\nimport \"./Transactions.scss\";\n\nimport IconSuccessful from \"../../assets/images/transactions/IconSuccessful.svg\";\nimport IconFailed from \"../../assets/images/transactions/IconFailed.svg\";\nimport IconWaiting from \"../../assets/images/transactions/IconWaiting.svg\";\nimport IconArrow from \"../../assets/images/transactions/IconArrow.svg\";\nimport noDepositsImage from \"../../assets/images/transactions/noDepositsImage.jpg\";\nimport noWithdrawalsImage from \"../../assets/images/transactions/noWithdrawalsImage.jpg\";\nimport { getCurrencyFormat } from \"../../helpers/getCurrencyFormat.helper\";\n\n\nconst Transactions = ({ user, actions, elementsParams, ...props }) => {\n const history = useHistory();\n const dispatch = useDispatch();\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth;\n\n const [transactionsResponse, settransactionsResponse] = useState();\n const [oneTransactionResponse, setOneTransactionResponse] = useState([]);\n const [isDeposit, setIsDeposit] = useState(true);\n\n\n const toggleTab = () => {\n setIsDeposit((prevCheck) => !prevCheck);\n };\n\n const token = localStorage.getItem(\"id_token\");\n\n const updateTransactionsRequest = async () => {\n return await axios\n .get(BASE_DEV_URL + `/payments/userid/txns`, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n settransactionsResponse(response.data.result);\n\n try {\n const memberCode = JSON.parse(localStorage.getItem(\"user_data\")).memberCode;\n response.data.result.filter(a => a.status == \"Complete\").slice(0, 5).forEach(result => {\n window.srtmCommands.push({\n event: \"track.betting.deposit\",\n payload: {\n action: \"created\",\n userId: memberCode,\n transactionId: result.requestId,\n amount: result.amount,\n currency: \"INR\"\n }\n });\n });\n\n } catch (e) {\n\n\n }\n\n\n })\n .catch((e) => {\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n });\n };\n\n const updateOneTransactionRequest = async (id) => {\n return await axios\n .get(BASE_DEV_URL + `/payments/userid/txns?requestId=${id}`, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n setOneTransactionResponse(response.data.result[0]);\n\n updateTransaction(\n response.data.result[0].requestId,\n response.data.result[0]\n );\n })\n .catch((e) => {\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n });\n };\n const updateOneTransactionDetailsRequest = async (id) => {\n return await axios\n .get(BASE_DEV_URL + `/payments/userid/txns?requestId=${id}`, {\n headers: {\n Authorization: `${token}`\n }\n })\n .then((response) => {\n setOneTransactionResponse(response.data.result[0]);\n })\n .catch((e) => {\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n });\n };\n\n const updateTransaction = (id, oneTransaction) => {\n let temp_state = [...transactionsResponse];\n const index = temp_state.findIndex((elem) => elem.requestId === id);\n temp_state[+index] = oneTransaction;\n settransactionsResponse(temp_state);\n };\n\n useEffect(() => {\n updateTransactionsRequest();\n }, [isDeposit]);\n\n useIonViewWillEnter(() => {\n updateTransactionsRequest();\n });\n\n const [openPopUp, setOpenPopUp] = useState(false);\n const [editPoUP, seteditPoUP] = useState(false);\n\n const pageRef = useRef(null);\n const [scrollPosition, setScrollPosition] = useState(0);\n\n console.log(\"isDeposit\", isDeposit);\n console.log(\"transactionsResponse\", transactionsResponse);\n\n return width < 1024 ? (\n <>\n \n onDidDismiss(false)}\n className=\"pushable\"\n >\n \n \n Cancel\n \n ) : null\n // (\n // onDidDismiss(false)}\n // >\n // Cancel\n //
\n // )\n }\n \n
\n\n \n Cancel Deposit\n {\n onDidDismiss(false)\n refresh()\n }} alt=\"\" />\n
\n {/* Why cancel?
*/}\n \n setRemark(e.target.value)}\n >\n
\n \n {width >= 1024 ? (\n {\n cancelOneTransactionRequest()\n // updateOneTransactionRequest()\n onDidDismiss(false)\n toastr.success('Your message has been sent.')\n setTimeout(() => {\n updateOneTransactionRequest()\n refresh()\n }, 500)\n // history.push('/transactions')\n }}\n className=\"pushable\"\n >\n \n \n Send\n \n ) : (\n {\n cancelOneTransactionRequest()\n // updateOneTransactionRequest()\n onDidDismiss(false)\n toastr.success('Your message has been sent.')\n setTimeout(() => {\n updateOneTransactionRequest()\n refresh()\n }, 500)\n // history.push('/transactions')\n }}\n >\n Send Changes\n
\n )}\n\n {width >= 1024 ? (\n \n toggleTab()}\n className={`deposite ${isDeposit && 'activeTr'} `}\n >\n DEPOSIT\n
\n \n
\n {isDeposit && (\n \n
\n toggleTab()}>\n Deposit\n
\n toggleTab()}>\n Withdrawal\n
\n \n {\n !transactionsResponse &&\n
\n ))}\n \n )}\n\n {!isDeposit && (\n \n 
\n \n
\n }\n {transactionsResponse &&\n transactionsResponse.filter((item) => item.type === \"Deposit\").length === 0\n ? (No Deposit transaction yet
)\n : null}\n {transactionsResponse &&\n transactionsResponse\n ?.filter((item) => item.type === \"Deposit\")\n ?.sort(function(a, b) {\n return b.requestId - a.requestId;\n })\n ?.map((item) => (\n {\n dispatch(setDetailedDepositTransaction(item));\n history.push(\"/detailedDepositTransaction\");\n }}\n key={item?.requestId}>\n\n
\n \n \n 
\n
\n \n
\n #{item?.requestId}
\n \n {new Date(item?.createdAt).toLocaleString(\"en\", {\n month: \"long\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"numeric\"\n }).replace(\"at\", \" \")}\n
\n \n ₹ {getCurrencyFormat(item?.amount)}\n
\n \n 
\n
\n \n {\n !transactionsResponse &&\n
\n ))}\n\n\n \n )}\n \n 
\n
\n }\n {transactionsResponse &&\n transactionsResponse?.filter((item) => item?.type === \"Withdrawal\").length === 0\n ?\n // (No Withdrawal transaction yet
)\n \n \n
\n : null}\n {transactionsResponse &&\n transactionsResponse\n ?.filter((item) => item?.type === \"Withdrawal\")\n ?.sort(function(a, b) {\n return b?.requestId - a?.requestId;\n })\n .map((item) => (\n {\n dispatch(setDetailedDepositTransaction(item));\n history.push(\"/detailedDepositTransaction\");\n }}\n key={item?.requestId}>\n\n
\n \n \n \n
\n \n
\n #{item?.requestId}
\n \n {item?.createdAt && new Date(item?.createdAt)?.toLocaleString(\"en\", {\n month: \"long\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"numeric\"\n })?.replace(\"at\", \" \")}\n
\n \n ₹ {getCurrencyFormat(item?.amount)}\n
\n \n \n
\n */}\n
\n ))}\n \n \n\n \n {isDeposit && (\n <>\n
\n \n
\n \n toggleTab()}\n className={`withdrawal ${!isDeposit && \"activeTr\"}`}\n >\n Withdraw\n
\n \n toggleTab()}\n className={`deposite ${isDeposit && \"activeTr\"} `}\n >\n Deposit\n
\n \n {transactionsResponse &&\n transactionsResponse\n ?.filter((item) => item?.type === \"Deposit\")\n ?.sort(function(a, b) {\n return b?.requestId - a?.requestId;\n })\n .map((item) => (\n {\n if (e?.currentTarget) {\n updateOneTransactionRequest(item?.requestId);\n }\n }}\n className=\"refresh\"\n >\n
\n ) : null}\n \n {\n updateOneTransactionDetailsRequest(item?.requestId);\n }}\n className={`transaction-container ${\n oneTransactionResponse?.requestId ===\n item?.requestId\n ? \"activeItem\"\n : \"\"\n }`}\n >\n \n {item?.status}\n
\n \n
\n \n \n #\n \n \n {`****${item?.requestId\n .toString()\n .substring(12)}`}\n \n
\n \n \n {\" \"}\n \n ₹\n \n {getCurrencyFormat(item?.amount)}\n \n
\n \n {item?.gateway && (\n
\n \n \n {item?.createdAt\n ?.slice(0, 10)\n ?.replaceAll(\"-\", \".\")\n ?.replace(\n /^(\\d{4}).(\\d{2}).(\\d{2})/,\n \"$3.$2.$1\"\n )}\n \n \n {item?.createdAt?.slice(11, 19)}\n \n
\n\n {item?.status === \"Pending\" || item?.status === \"Initiated\" ? (\n \n <>\n {oneTransactionResponse.type === \"Deposit\" ? (\n
\n )} */}\n\n {oneTransactionResponse &&\n oneTransactionResponse?.status === \"Pending\" && (\n \n {oneTransactionResponse ? (\n
\n ) : null}\n\n {oneTransactionResponse &&\n oneTransactionResponse?.status === \"Cancelled\" && (\n \n \n {oneTransactionResponse?.createdAt\n ?.slice(0, 10)\n ?.replaceAll(\"-\", \".\")\n ?.replace(/^(\\d{4}).(\\d{2}).(\\d{2})/, \"$3.$2.$1\")}\n \n \n {oneTransactionResponse?.createdAt?.slice(11, 19)}\n \n
\n ) : null}\n {oneTransactionResponse ? (\n \n
\n \n
\n\n \n \n {oneTransactionResponse?.status}\n
\n \n \n #\n \n \n {oneTransactionResponse?.requestId}\n \n
\n \n
\n Amount:
\n \n {getCurrencyFormat(oneTransactionResponse?.amount)}\n
\n \n
\n Type:
\n \n {oneTransactionResponse?.gateway\n ? oneTransactionResponse?.gateway?.name\n : null}\n
\n \n
\n\n {oneTransactionResponse &&\n oneTransactionResponse?.status === \"Cancelled\" ? (\n Wallet
\n \n {oneTransactionResponse?.gateway\n ? oneTransactionResponse?.gateway?.acNo\n : null}\n
\n \n
\n ) : (\n UTR No.:
\n \n {oneTransactionResponse?.utr?.slice(\n 0,\n oneTransactionResponse?.utr?.indexOf(\"~\")\n )}\n
\n \n
\n )}\n UTR No.:
\n \n {oneTransactionResponse?.utr}\n
\n \n
\n )}\n\n {/* {oneTransactionResponse &&\n (oneTransactionResponse.status === 'Approved' ||\n oneTransactionResponse.status === 'Rejected' ||\n oneTransactionResponse.status === 'Complete' ||\n oneTransactionResponse.status ===\n 'Cancelled') && (\n \n Reason:\n
\n \n {oneTransactionResponse?.remarks\n ? oneTransactionResponse?.remarks\n : \"No reason submitted by user.\"}\n
\n \n \n // history.push('/transactions')\n updateOneTransactionDetailsRequest(\n oneTransactionResponse.requestId\n )\n }\n >\n \n // history.push('/transactions')\n updateOneTransactionDetailsRequest(\n oneTransactionResponse.requestId\n )\n }\n className=\"pushable\"\n >\n \n \n \n Refresh\n \n \n
\n \n {/* {\n setOpenPopUp(true)\n seteditPoUP(true)\n console.log(\n 'editPoUP in component',\n editPoUP\n )\n }}\n > */}\n {\n setOpenPopUp(true);\n seteditPoUP(true);\n console.log(\"editPoUP in component\", editPoUP);\n }}\n className=\"pushable\"\n >\n \n \n Edit\n \n {/*
*/}\n\n {/* \n
\n \n toggleTab()}\n className={`withdrawal ${!isDeposit && \"activeTr\"}`}\n >\n Withdraw\n
\n \n toggleTab()}\n className={`deposite ${isDeposit && \"activeTr\"} `}\n >\n Deposit\n
\n \n {transactionsResponse &&\n transactionsResponse\n ?.filter((item) => item?.type === \"Withdrawal\")\n ?.sort(function(a, b) {\n return b?.requestId - a?.requestId;\n })\n ?.map((item) => (\n {\n if (e?.currentTarget) {\n updateOneTransactionRequest(item?.requestId);\n }\n }}\n className=\"refresh\"\n >\n
\n ) : null}\n \n \n ))}\n \n \n\n \n {\n updateOneTransactionDetailsRequest(item?.requestId);\n }}\n className={`transaction-container ${\n oneTransactionResponse?.requestId ===\n item?.requestId\n ? \"activeItem\"\n : \"\"\n }`}\n >\n \n {item?.status}\n
\n \n
\n \n \n #\n \n \n {`****${item?.requestId\n ?.toString()\n ?.substring(12)}`}\n \n
\n \n \n {\" \"}\n \n ₹\n \n {getCurrencyFormat(item?.amount)}\n \n
\n \n {/* {item.gateway && (\n 
\n \n {/* {item.gateway && item.gateway.name\n ? item.gateway.name\n : 'NoName'} */}\n IMPS\n \n
\n \n \n {item?.createdAt\n ?.slice(0, 10)\n ?.replaceAll(\"-\", \".\")\n ?.replace(\n /^(\\d{4}).(\\d{2}).(\\d{2})/,\n \"$3.$2.$1\"\n )}\n \n \n {item?.createdAt?.slice(11, 19)}\n \n
\n {item?.status === \"Pending\" ? (\n \n <>\n {oneTransactionResponse?.type === \"Withdrawal\" ? (\n
\n )} */}\n\n {oneTransactionResponse &&\n oneTransactionResponse?.status === \"Pending\" && (\n \n {oneTransactionResponse ? (\n
\n ) : null}\n\n {oneTransactionResponse &&\n oneTransactionResponse?.status === \"Cancelled\" && (\n \n \n {oneTransactionResponse?.createdAt\n ?.slice(0, 10)\n ?.replaceAll(\"-\", \".\")\n ?.replace(/^(\\d{4}).(\\d{2}).(\\d{2})/, \"$3.$2.$1\")}\n \n \n {oneTransactionResponse?.createdAt?.slice(11, 19)}\n \n
\n ) : null}\n {oneTransactionResponse ? (\n \n
\n \n
\n\n \n \n {oneTransactionResponse?.status}\n
\n \n \n #\n \n \n {oneTransactionResponse?.requestId}\n \n
\n \n
\n Amount:
\n \n {getCurrencyFormat(oneTransactionResponse?.amount)}\n
\n \n
\n Type:
\n \n {oneTransactionResponse?.gateway\n ? oneTransactionResponse?.gateway?.name\n : \"IMPS\"}\n
\n \n
\n IFSC code:
\n \n {oneTransactionResponse?.account\n ? oneTransactionResponse?.account?.IFSC\n : null}\n
\n \n
\n Account number:
\n \n {oneTransactionResponse?.account\n ? oneTransactionResponse?.account?.accountNo\n : null}\n
\n \n
\n Account name:
\n \n {oneTransactionResponse?.account\n ? oneTransactionResponse?.account\n ?.accountHolderName\n : null}\n
\n \n
\n )}\n\n {/* {oneTransactionResponse &&\n (oneTransactionResponse.status === 'Approved' ||\n oneTransactionResponse.status === 'Rejected' ||\n oneTransactionResponse.status === 'Complete' ||\n oneTransactionResponse.status ===\n 'Cancelled') && (\n \n Reason:\n
\n \n {oneTransactionResponse?.remarks\n ? oneTransactionResponse?.remarks\n : \"No reason submitted by user.\"}\n
\n \n \n history.push('/transactions')\n }\n >\n Refresh\n
\n \n {/* \n updateOneTransactionRequest(\n oneTransactionResponse.requestId\n )\n }\n >\n Refresh\n
*/}\n \n \n WITHDRAWAL\n
\n \n */}\n\n \n \n DEPOSIT\n
\n \n {/*{data?.status === \"Pending\" &&
\n )}\n\n {data && data.status === 'Pending' && (\n window.open(`${CONFIG.whatsappSupportLink}`)}>*/}\n {/*
\n )}\n\n {data && data.status === 'Cancelled' && (\n */}\n {/*
}*/}\n {/*{*/}\n {/* Customer Care
*/}\n {/**/}\n {/*
*/}\n {/*}*/}\n {/*{ data?.createdAt && timeDiff(data?.createdAt) && timeDiff(data?.createdAt) > 15 && (*/}\n {/* */}\n {/* */}\n {/* )*/}\n {/* }*/}\n */}\n {/* If your deposit has not credited since 15 minutes, Please contact customer care.*/}\n {/*
*/}\n {/* \n
\n \n Request Id\n
\n \n {data?.requestId}\n
\n \n
\n \n Date & Time\n
\n \n {new Date(data?.createdAt).toLocaleString('en-GB', {\n day: \"numeric\",\n month: \"long\",\n year: 'numeric',\n }).replace('at', ' ')};\n \n \n {new Date(data?.createdAt).toLocaleString('en-GB', {\n hour: \"numeric\",\n minute: \"numeric\",\n second: '2-digit'\n }).replace('at', ' ')\n }\n \n
\n \n
\n \n Amount\n
\n \n ₹ {getCurrencyFormat(data?.amount)}\n
\n \n
\n \n Type\n
\n \n {data?.type}\n
\n \n
\n \n Status\n
\n \n {data?.status ? getCustomStatus(data?.status) : '-'}\n
\n \n
\n \n Payment Type\n
\n \n {data?.gateway?.name} \n
\n \n
\n \n Wallet\n
\n \n {data?.gateway?.acNo}\n
\n \n
\n \n UTR No.\n
\n \n {data?.utr}\n
\n \n
\n )}\n\n {data &&\n (data.status === 'Approved' ||\n data.status === 'Rejected' ||\n data.status === 'Complete' ||\n data.status === 'Cancelled') && (\n Reason:
\n \n {data.remarks\n ? data.remarks\n : 'No reason submitted by user.'}\n
\n \n history.push('/transactions')}\n >\n Back\n
\n \n {\n setOpenPopUp(true)\n seteditPoUP(true)\n console.log('editPoUP in component', editPoUP)\n }}\n >\n 
\n \n \n Edit\n \n
\n\n */}\n {/* 
*/}\n {/*
*/}\n {/* )}*/}\n\n \n ) : (\n // WITHDRAWAL DEATAILS *************************************\n <>\n {data && (\n \n
\n )}\n {data && data.status === 'Cancelled' && (\n \n
\n \n Request Id\n
\n \n {data?.requestId}\n
\n \n
\n \n Date & Time\n
\n \n {new Date(data?.createdAt).toLocaleString('en-GB', {\n day: \"numeric\",\n month: \"long\",\n year: 'numeric',\n }).replace('at', ' ')};\n \n \n {new Date(data?.createdAt).toLocaleString('en-GB', {\n hour: \"numeric\",\n minute: \"numeric\",\n second: '2-digit'\n }).replace('at', ' ')\n }\n \n
\n \n
\n \n Amount\n
\n \n ₹ {getCurrencyFormat(data?.amount)}\n
\n \n
\n \n Type\n
\n \n {data?.type}\n
\n \n
\n \n Status\n
\n \n {data?.status ? getCustomStatus(data?.status) : '-'}\n
\n \n
\n \n Payment Type\n
\n \n {data?.gateway?.name ? data?.gateway?.name : \"-\"}\n
\n \n
\n \n IFSC Code\n
\n \n {data?.account?.IFSC}\n
\n \n
\n \n Account Number\n
\n \n {data?.account?.accountNo}\n
\n \n
\n \n Account Holder Name\n
\n \n {data?.account?.accountHolderName}\n
\n \n
\n )}\n {/*TODO:correct status*/}\n {data &&\n (data.status === 'Approved' ||\n data.status === 'Rejected' ||\n data.status == \"Complete\" ||\n data.status === 'Cancelled') && (\n Reason:
\n \n {data.remarks\n ? data.remarks\n : 'No reason submitted by user.'}\n
\n \n history.push('/transactions')}\n >\n Back\n
\n \n )}\n\n {data && data.status === 'Pending' && (\n \n {\n setOpenPopUp(true)\n seteditPoUP(true)\n console.log('editPoUP in component', editPoUP)\n }}\n >\n \n \n \n Edit\n \n
\n\n \n
\n {\n !inputesFromHistory &&\n Add New Account
\n\n\n \n {prevAccounts?.length > 0\n ? prevAccounts.map((item) => {\n return (\n {\n setWithdrawAccount(item.accountId)\n setInputesFromHistory(true)\n // setInputesCustom(false)\n }}\n >\n setItemIFSC(item)}\n >\n
\n \n )\n })\n : null}\n \n {item.accountName}\n
\n \n ********\n {item.accountNo\n ? item.accountNo.slice(-4)\n : ''}\n
\n \n {item.bankName}\n setOpenPopUpDelete(true)}\n />\n
\n \n setInputedIFSC()}\n // onChange={(e) => setWithdrawalIFSC(e.target.value)}\n onChange={(e) => onNewValidationIFSC(e.target.value)}\n // defaultValue={itemIFSC?.IFSCCode}\n // value={itemIFSC?.IFSCCode ? itemIFSC?.IFSCCode : inputedIFSC}\n />\n
\n \n \n IFSC Code*\n {!withdrawalIFSC && withdrawalIFSCCheck === false ?\n Please fill required fields : ''}\n
\n {digits}
\n {infoIFSC ? (\n \n {infoIFSC?.BANK}, {infoIFSC?.BRANCH}, {infoIFSC?.CITY}\n
\n ) : null}\n \n \n Account number*\n {!withdrawalAccNumber && withdrawalAccNumberCheck === false ?\n Please fill required fields : ''}\n
\n \n \n Confirm account number*\n {confirmAccNumber.length < 1 && confirmAccNumberCheck === false ?\n Please fill required fields : ''}\n
\n {accountNumber}
\n \n \n \n Account name*\n {!withdrawalAccName && withdrawalAccNameCheck === false ?\n Please fill required fields : ''}\n
\n {nameMessage}
\n \n {width >= 1024 ? (\n \n \n {!isRulesAccept &&\n isEnoughMoney &&\n withdrawalIFSC?.length === 11 &&\n withdrawalAccNumber &&\n isNamesMatch &&\n withdrawalAccName &&\n withdrawalAmount ? (\n <>\n \n \n Submit\n \n ) : (\n
\n ) : (\n \n Submit\n
\n )}\n \n Submit
\n \n )}\n \n }\n\n {inputesFromHistory && itemIFSC && prevAccounts && (\n \n \n
\n )}\n\n \n }\n {/*{width < 1024 && \n setWithdrawalIFSC(e.target.value)}\n onChange={(e) => onValidationIFSC(e.target.value)}\n // defaultValue={itemIFSC?.IFSCCode}\n disabled={true}\n value={itemIFSC?.IFSCCode}\n />\n
\n IFSC Code*
\n {digits}
\n {infoIFSC ? (\n \n {infoIFSC?.BANK}, {infoIFSC?.BRANCH}, {infoIFSC?.CITY}\n
\n ) : null}\n \n onAccNumber(e.target.value)}\n value={itemIFSC?.accountNo}\n />\n
\n Account number*
\n \n onValidationAccnumber(e.target.value)}\n value={itemIFSC?.accountNo}\n />\n
\n \n Confirm account number*\n
\n {accountNumber}
\n \n onAccName(e.target.value)}\n disabled={true}\n value={itemIFSC?.accountName}\n maxLength={32}\n />\n
\n {width >= 1024 ? (\n Account name*
\n {nameMessage}
\n \n \n {isRulesAccept &&\n isEnoughMoney &&\n withdrawalIFSC?.length === 11 &&\n isNamesMatch &&\n withdrawalAccName &&\n withdrawalAmount ? (\n <>\n \n \n Submit\n \n ) : (\n
\n ) : (\n \n Submit\n
\n )}\n \n Submit
\n \n )}\n \n {!depositReq?.depositMethod?.isManual && isDone && (\n <>\n \n {reqResponse?.status}\n
\n ) : null}\n {\n (depositReq?.depositMethod?.isManual) ? (\n <>\n {!isDone ? (\n <>\n \n
\n )}\n\n {\n (depositReq.depositMethod?.isManual) && (\n <>\n {!isDone ? (\n <>\n \n Transaction ID: {reqResponse?.txnid}\n
\n \n
\n\n\n {/* */}\n {/* \n
\n \n 00:\n {countDownTime >= 10 ? countDownTime : `0${countDownTime}`}\n
\n \n \n \n {RenderTime}\n \n
*/}\n\n {/* \n \n \n
*/}\n \n ) : (\n <>\n \n
\n \n )}\n \n )\n }\n\n\n \n Transaction ID: {reqResponse?.requestId}\n
\n \n {reqResponse?.createdAt?.slice(0, 10)}{' '}\n \n {reqResponse?.createdAt?.slice(11, 19)}\n \n
\n \n
\n {reqResponse?.status ? (\n UTR: {depositReq?.result?.UTR}
\n \n All Done! Let us confirm your transaction.{' '}\n
\n \n ) : (\n <>\n Success
\n \n )}\n \n ) : (\n <>\n {(reqResponse?.status === 'Approved') && (\n <>\n Success
\n \n )\n }\n \n )\n }\n\n\n \n {width >= 1024 ? (\n history.push('/default-page')}\n className=\"pushable\"\n >\n \n \n Home\n \n ) : (\n {\n history.push('/default-page')\n setIsDone(false)\n }}\n >\n Home\n \n )}\n\n {!isDone ? (\n <>\n {width >= 1024 ? (\n history.push('/transactions')}\n className=\"pushable\"\n >\n \n \n Transactions\n \n ) : (\n history.push('/transactions')}\n >\n Transactions\n \n )}\n \n ) : null}\n
\n \n {/*{width < 1024 && \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n }\n }}\n >\n
\n \n \n }\n \n )\n}\n\nexport default PopUPDelete\n","import './pop-upWithdrawalHelp.scss'\n// import { IonButton, IonImg, IonPopover } from '@ionic/react'\nimport React, { useState, useEffect } from 'react'\nimport axios from 'axios'\nimport { useDispatch } from 'react-redux'\nimport { setDetailedDepositTransaction } from '../../../store/detailedDepositTransaction/detailedDepositTransaction.slice'\nimport { useHistory } from 'react-router'\n\nimport Step1Withdrawal from '../../../assets/images/depositHelp/Step1Withdrawal.svg'\nimport Step2Withdrawal from '../../../assets/images/depositHelp/Step2Withdrawal.svg'\n\nimport { createPortal } from \"react-dom\";\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst PopUPWithdrawalHelp = ({ content, open, onDidDismiss, data }) => {\n const dispatch = useDispatch()\n const history = useHistory()\n const token = localStorage.getItem('id_token')\n const [helpStep, setHelpStep] = useState(1)\n\n // const [remark, setRemark] = useState('')\n // const requestId = data.requestId\n // const [utr, setUTR] = useState(data.utr)\n // const [amount, setAmount] = useState(data.amount)\n\n // console.log('data', data)\n // console.log('requestId', data.requestId)\n // console.log('utr', data.utr)\n // console.log('amount', data.amount)\n\n // console.log(parseInt('222', 10))\n\n // const canceledData = {\n // remark,\n // requestId,\n // }\n\n // const editedData = {\n // requestId,\n // UTR: utr,\n // amount,\n // }\n\n // const cancelOneTransactionRequest = async () => {\n // return await axios\n // .post(\n // `https://dapi.gemexch.bet/api/payments/userid/cancel-request?requestId=${data.requestId}`,\n // canceledData,\n // {\n // headers: {\n // Authorization: `${token}`,\n // },\n // }\n // )\n // .then((response) => console.log(response.data.result))\n // .then(history.push('/transactions'))\n // }\n\n // const editOneTransactionRequest = async () => {\n // return await axios\n // .post(\n // `https://dapi.gemexch.bet/api/payments/userid/update-deposit-request?requestId=${data.requestId}`,\n // editedData,\n // {\n // headers: {\n // Authorization: `${token}`,\n // },\n // }\n // )\n // .then((response) => console.log(response.data.result))\n // .then(onDidDismiss(false))\n // }\n\n return createPortal(\n <>\n \n { open && \n onDidDismiss(false)}>\n Cancel\n
\n \n
\n\n \n Are you sure you want to delete your account?\n
\n \n {\n deleteWithdrawalMethod()\n }}>\n Delete
\n\n \n {\n if (e.currentTarget === e.target) {\n onDidDismiss(false)\n setHelpStep(1)\n }\n }}\n >\n
\n\n {/* \n {\n onDidDismiss(false)\n setHelpStep(1)\n }}\n >\n Got It\n
\n \n }\n \n {\n setHelpStep(2)\n }\n }\n \n >\n Next\n
\n \n \n }\n \n {helpStep === 2 &&\n <> \n \n Help\n
\n \n {helpStep === 1 &&\n <> \n Step 1
\n 1. Enter Amount to be withdrawn.
\n 2. Enter you Account no and IFSC details.
\n 3.Click submit button.
\n \n 
\n
\n Step 2
\n \n 
\n
\n \n { helpStep === 5 ?\n {\n onDidDismiss(false)\n setHelpStep(1)\n }\n }\n \n >\n Got It\n
\n :\n \n
\n\n {/* PREVIOUS ACCOUNTS */}\n\n {inputesFromHistory && itemIFSC && prevAccounts && (\n \n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 10000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 10000)\n }\n }}\n >\n +10,000\n
\n \n )}\n \n \n onValidationAmount(e.target.value)}\n />\n INR\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 5000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 5000)\n }\n }}\n >\n +5,000\n
\n \n Amount*\n {!withdrawalAmount && withdrawalAmountCheck === false ? Please fill required fields : ''}\n
\n \n {width >= 1024 ? (\n <>\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 1000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 1000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +1,000\n \n\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 5000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 5000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +5,000\n \n\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 10000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 10000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +10,000\n \n \n ) : (\n <>\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 1000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 1000)\n }\n }}\n >\n +1,000\n
\n\n {message}
\n \n \n setWithdrawalIFSC(e.target.value)}\n onChange={(e) => onValidationIFSC(e.target.value)}\n // defaultValue={itemIFSC?.IFSCCode}\n disabled={true}\n value={itemIFSC?.IFSCCode}\n />\n
\n IFSC Code*
\n {digits}
\n {infoIFSC ? (\n \n {infoIFSC?.BANK}, {infoIFSC?.BRANCH}, {infoIFSC?.CITY}\n
\n ) : null}\n \n onAccNumber(e.target.value)}\n value={itemIFSC?.accountNo}\n />\n
\n Account number*
\n \n onValidationAccnumber(e.target.value)}\n value={itemIFSC?.accountNo}\n />\n
\n \n Confirm account number*\n
\n {accountNumber}
\n \n onAccName(e.target.value)}\n disabled={true}\n value={itemIFSC?.accountName}\n maxLength={32}\n />\n
\n Account name*
\n {nameMessage}
\n \n {!isRulesAccept && isRulesAcceptCheck === false\n ? Please accept the rules.\n : ''}\n setIsRulesAccept(!isRulesAccept)}\n />\n \n \n I have read and agree with \n \n history.push('/termsOfWithdrowalPayment')\n }\n >\n the terms of payment and withdrawal policy.\n \n \n
\n {width >= 1024 ? (\n \n \n {!isRulesAccept &&\n isEnoughMoney &&\n withdrawalIFSC?.length === 11 &&\n isNamesMatch &&\n withdrawalAccName &&\n withdrawalAmount ? (\n <>\n \n \n Submit\n \n ) : (\n
\n ) : (\n \n Submit\n
\n )}\n \n Submit
\n \n )}\n \n )}\n\n {/* CREATE NEW ACCOUNT INPUTS */}\n {inputesCustom && (\n \n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 10000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 10000)\n }\n }}\n >\n +10,000\n
\n \n )}\n \n \n onValidationAmount(e.target.value)}\n />\n INR\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 5000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 5000)\n }\n }}\n >\n +5,000\n
\n \n Amount*\n {!withdrawalAmount && withdrawalAmountCheck === false ? Please fill required fields : ''}\n
\n\n \n {width >= 1024 ? (\n <>\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 1000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 1000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +1,000\n \n\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 5000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 5000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +5,000\n \n\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 10000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 10000)\n }\n }}\n className=\"pushable\"\n >\n \n \n +10,000\n \n \n ) : (\n <>\n {\n if (\n balance?.availBalance <\n +withdrawalAmount + 1000\n ) {\n // setIsEnoughMoney(false)\n setMessage(\n 'You don`t have enough money on your balance'\n )\n setTimeout(() => {\n setMessage('')\n }, 3000)\n } else {\n setMessage('')\n setIsEnoughMoney(true)\n setwithdrowalAmount(+withdrawalAmount + 1000)\n }\n }}\n >\n +1,000\n
\n\n {message}
\n \n \n setInputedIFSC()}\n // onChange={(e) => setWithdrawalIFSC(e.target.value)}\n onChange={(e) => onNewValidationIFSC(e.target.value)}\n // defaultValue={itemIFSC?.IFSCCode}\n // value={itemIFSC?.IFSCCode ? itemIFSC?.IFSCCode : inputedIFSC}\n />\n
\n \n IFSC Code*\n {!withdrawalIFSC && withdrawalIFSCCheck === false ? Please fill required fields : ''}\n
\n {digits}
\n {infoIFSC ? (\n \n {infoIFSC?.BANK}, {infoIFSC?.BRANCH}, {infoIFSC?.CITY}\n
\n ) : null}\n \n onAccNumber(e.target.value)}\n // defaultValue={itemIFSC?.accountNo}\n />\n
\n \n Account number*\n {!withdrawalAccNumber && withdrawalAccNumberCheck === false ? Please fill required fields : ''}\n
\n \n onValidationAccnumber(e.target.value)}\n // defaultValue={itemIFSC?.accountNo}\n />\n
\n \n Confirm account number*\n {confirmAccNumber.length < 1 && confirmAccNumberCheck === false ? Please fill required fields : ''}\n
\n {accountNumber}
\n \n onAccName(e.target.value)}\n // defaultValue={itemIFSC?.accountName}\n maxLength={32}\n />\n
\n \n Account name*\n {!withdrawalAccName && withdrawalAccNameCheck === false ? Please fill required fields : ''}\n
\n {nameMessage}
\n \n {!isRulesAccept && isRulesAcceptCheck === false ? Please accept the rules. : ''}\n {/* setIsRulesAccept(!isRulesAccept)}\n /> */}\n setIsRulesAccept(!isRulesAccept)}\n />\n \n \n I have read and agree with \n \n history.push('/termsOfWithdrowalPayment')\n }\n >\n the terms of payment and withdrawal policy.\n \n \n
\n {width >= 1024 ? (\n \n \n {!isRulesAccept &&\n isEnoughMoney &&\n withdrawalIFSC?.length === 11 &&\n withdrawalAccNumber &&\n isNamesMatch &&\n withdrawalAccName &&\n withdrawalAmount ? (\n <>\n \n \n Submit\n \n ) : (\n
\n ) : (\n \n Submit\n
\n )}\n \n Submit
\n \n )}\n \n )}\n \n \n \n \n \n
\n \n \n {/*{width < 1024 && \n history.push('/transactions')}\n >\n Transaction\n
\n \n )}\n \n
\n Thank you!
\n \n Kindly allow us 10-20 minutes to process your payout\n
\n \n {width >= 1024 ? (\n <>\n history.push('/default-page')}\n className=\"pushable\"\n >\n \n \n Back\n \n\n history.push('/transactions')}\n className=\"pushable\"\n >\n \n \n Transaction\n \n \n ) : (\n <>\n history.push('/default-page')}\n >\n Back\n
\n\n \n
\n {/*{width < 1024 &&*/}\n {/* The terms of payment and withdrawal policy
\n Limits The maximum deposit limit on your account will vary depending on how long you have been a customer with us and whether you have successfully passed our security checks. Please contact the {CONFIG.email} for further information.
\n Security Please note you may be asked to supply proof of identity and address before making a withdrawal from your account. Credit and Debit card payments undergo a 3D Secure process. To find out more, please click here.
\n Withdrawals Withdrawals will be directed to the same source. If your query is not covered by the information contained here, please email {CONFIG.email} where staff will be on hand to answer your query.
\n history.goBack()} >Back
\n \n
*/}\n \n
\n */}\n \n {inplayPopular && inplayPopular.inPlayEvents ? (\n <>\n \n {/*
\n Favourites
*/}\n {/* {width < 1024 && \n
\n \n //
\n }\n\n \n )}\n \n )}\n \n )\n}\n\nexport default connectFavouritesPage()(FavouritesPage)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestInplayPopular } from '../../store/inplayPopular/inplayPopular.thunks'\nimport { requestPromotions } from '../../store/promotions/promotions.thunks'\nimport { getInplayPopularSuccess } from '../../store/inplayPopular/inplayPopular.slice'\nimport { getPromotionsSuccess } from '../../store/promotions/promotions.slice'\nimport { requestOrderCount } from '../../store/orderCount/orderCount.thunks'\nimport { setLegalAgePopoverShow } from '../../store/modals/legalAgePopover.slice'\nimport { setKycPopoverShow } from '../../store/modals/kycPopover.slice'\nimport { setMoreRulesPopoverShow } from '../../store/modals/moreRulesPopover.slice'\nimport { requestSportPageEvent } from '../../store/sportPageEvent/sportPageEvent.thunks'\nimport { requestSportPageAllEvents } from '../../store/sportPageAllEvents/sportPageAllEvents.thunks'\nimport { requestSportData, requestSportDataMarkets } from '../../store/sportEvent/sportEvent.thunks'\n\nexport const connectFavouritesPage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n user: state.user,\n lastActivityDate: state.balance.lastActivityDate,\n inplayPopular: state.inplayPopular,\n promotions: state.promotions,\n legalAgePopoverShow: state.legalAgePopoverShow,\n kycPopoverShow: state.kycPopoverShow,\n moreRulesPopoverShow: state.moreRulesPopoverShow,\n balanceSettings: state.balanceSettings,\n betPlacing: state.betPlacing,\n orderCount: state.orderCount,\n timeSettings: state.timeSettings,\n sportPageAllEvents: state.sportPageAllEvents,\n elementsParams: state.elementsParams,\n sportData: state.sportEvent.sportData,\n sportDataMarkets: state.sportEvent.sportDataMarkets,\n balance: state.balance,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestOrderCount,\n requestInplayPopular,\n requestPromotions,\n requestSportPageEvent,\n requestSportPageAllEvents,\n requestSportData,\n requestSportDataMarkets,\n setLegalAgePopoverShow,\n setKycPopoverShow,\n setMoreRulesPopoverShow,\n getInplayPopularSuccess,\n getPromotionsSuccess,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useState, useEffect } from 'react';\nimport { connectSearchDesktop } from './SearchDesktop.connect';\nimport ToolbarDesktop from '../../components/ToolbarDesktop/ToolbarDesktop';\nimport { IonContent, IonPage, IonHeader, IonList, IonLabel, IonItem } from '@ionic/react';\nimport './SearchDesktop.scss';\nimport { useHistory } from \"react-router\"\n\nconst SearchDesktop = ({\n search,\n menu\n}) => {\n const history = useHistory();\n const [menus, setMenus] = useState([]);\n const [result, setResult] = useState([]);\n\n useEffect(() => {\n if (menu && (!menus || menus.length === 0)) {\n setMenus(menu)\n }\n }, [menu])\n\n useEffect(() => {\n if (history.location.pathname === '/searchDesktop') {\n setMenus(menu)\n }\n }, [history.location.pathname])\n\n const gotoEvent = (item) => {\n if (item.eventTypeId == '77777') history.push(`/casino_live/${item.id}`)\n else history.push(`/event-page/${item.eventTypeId}/${item.id}`)\n }\n\n useEffect(() => {\n const result = [];\n if (menus)\n menus.forEach(menuItem => {\n menuItem.children\n .forEach(eventGroup => {\n eventGroup.children\n .filter(event => event.name.toLowerCase().indexOf(search.value.toLowerCase()) !== -1 && result.push({ ...event, eventTypeId: menuItem.id }))\n })\n })\n setResult(result)\n }, [menus, search])\n\n const renderResults = () => {\n if (search.value.length > 2) {\n return result && result.length ?\n \n //
\n // \n
\n }\n {favoritesAll && favoritesAll.filter((item) => item.eventTypeId === \"2\").length > 0 &&\n \n
\n }\n \n {favoritesAll && favoritesAll.filter((item) => item.eventTypeId === \"1\").length > 0 &&\n Favourites
\n {/* {inplayPopular && inplayPopular.inPlayEvents ? (\n <> */}\n {favoritesAll.length <=0 ? (\nNo events added yet
\n ) : (\n <>\n {/* {favoritesState.length > 0 ? (\n \n
\n \n
\n Cricket
\n\n {favoritesAll && filteredSport('4').map((item, index) => \n <>\n {index === 0 || (index !== 0 && filteredSport('4').filter((item) => item.eventTypeId === \"4\").sort((a, b) => a.start - b.start)[index - 1].groupById !== item?.groupById) ?\n <>\n \n
\n {item?.inPlay !== true && \n {item?.event?.name}\n
\n\n {tsToDate(item?.event?.openDate, timeZoneName).slice(0, 10)} \n {tsToDate(item?.event?.openDate, timeZoneName).slice(11, 20).split(':', 2).join(':')}\n
\n {countdownTimer(item?.event?.openDate)}
}\n \n \n : null}\n \n \n
\n \n
\n Football
\n\n {favoritesAll && filteredSport('1').map((item, index) => \n <>\n {index === 0 || (index !== 0 && filteredSport('1').filter((item) => item.eventTypeId === \"1\").sort((a, b) => a.start - b.start)[index - 1].groupById !== item?.groupById) ?\n <>\n \n
\n {item?.inPlay !== true && \n {item?.event?.name}\n
\n\n {tsToDate(item?.event?.openDate, timeZoneName).slice(0, 10)} \n {tsToDate(item?.event?.openDate, timeZoneName).slice(11, 20).split(':', 2).join(':')}\n
\n {countdownTimer(item?.event?.openDate)}
}\n \n : null}\n \n \n
\n \n
\n Tennis
\n\n {favoritesAll && filteredSport('2').map((item, index) => \n <>\n {index === 0 || (index !== 0 && filteredSport('2').filter((item) => item.eventTypeId === \"2\").sort((a, b) => a.start - b.start)[index - 1].groupById !== item?.groupById) ?\n <>\n \n
\n {item?.inPlay !== true && \n {item?.event?.name}\n
\n\n {tsToDate(item?.event?.openDate, timeZoneName).slice(0, 10)} \n {tsToDate(item?.event?.openDate, timeZoneName).slice(11, 20).split(':', 2).join(':')}\n
\n {countdownTimer(item?.event?.openDate)}
}\n \n : null}\n \n Search
\n {renderResults()}\n \n
\n \n
\n )\n return (\n \n
\n {timer}
\n \n Bet placement in progress\n
\n \n { betPlacing.isCashOut ? \n <>\n
\n )\n }\n return (\n \n Do you wish to perform cash out?\n
\n \n \n \n \n Cash Out\n \n
\n \n :\n <>\n {cancel(); actions.isConfirmBetPopUpOpenThunk(false)}}>\n Cancel\n
\n \n Are you sure you want to place your bet?\n
\n \n \n \n \n Confirm\n \n
\n \n}\n {cancel(); actions.isConfirmBetPopUpOpenThunk(false)}}>\n Cancel\n
\n \n \n {inplayPopular && inplayPopular.inPlayEvents ? (\n <>\n \n {sportPageEvent &&\n sportPageEvent.map((itemData, index) => {\n\n return (\n \n : null}\n
\n )\n}\n\nexport default connectSportsPage()(SportsPage)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestInplayPopular } from '../../store/inplayPopular/inplayPopular.thunks'\nimport { requestPromotions } from '../../store/promotions/promotions.thunks'\nimport { getInplayPopularSuccess } from '../../store/inplayPopular/inplayPopular.slice'\nimport { getPromotionsSuccess } from '../../store/promotions/promotions.slice'\nimport { requestOrderCount } from '../../store/orderCount/orderCount.thunks'\nimport { setLegalAgePopoverShow } from '../../store/modals/legalAgePopover.slice'\nimport { setKycPopoverShow } from '../../store/modals/kycPopover.slice'\nimport { setMoreRulesPopoverShow } from '../../store/modals/moreRulesPopover.slice'\n\nimport { requestSportPageEvent, requestSportPageEventDetailed} from '../../store/sportPageEvent/sportPageEvent.thunks'\nimport { getSportPageEventSuccess, getSportPageEventDetailedSuccess } from '../../store/sportPageEvent/sportPageEvent.slice'\n\nimport { setIsMoreDetailed } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setIsAltName, setRenderIonContent } from '../../store/navigationHeaderMenu/navigationHeaderMenu.slice'\n\nexport const connectSportsPage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n lastActivityDate: state.balance.lastActivityDate,\n inplayPopular: state.inplayPopular,\n promotions: state.promotions,\n legalAgePopoverShow: state.legalAgePopoverShow,\n kycPopoverShow: state.kycPopoverShow,\n moreRulesPopoverShow: state.moreRulesPopoverShow,\n balanceSettings: state.balanceSettings,\n betPlacing: state.betPlacing,\n orderCount: state.orderCount,\n timeSettings: state.timeSettings,\n sportPageEvent: state.sportPageEvent,\n altName: state.navigationHeaderMenu.altName,\n renderIonContent: state.navigationHeaderMenu.renderIonContent,\n isNavigationOpen: state.navigationHeaderMenu.isOpen,\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestOrderCount,\n requestInplayPopular,\n requestPromotions,\n requestSportPageEvent,\n requestSportPageEventDetailed,\n\n getSportPageEventSuccess,\n getSportPageEventDetailedSuccess,\n setLegalAgePopoverShow,\n setKycPopoverShow,\n setMoreRulesPopoverShow,\n getInplayPopularSuccess,\n getPromotionsSuccess,\n setIsMoreDetailed,\n setIsAltName,\n setRenderIonContent,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useState, useEffect, useRef } from 'react'\nimport {\n IonButton,\n IonContent,\n IonImg,\n IonInput,\n IonItem,\n IonList,\n IonPage,\n} from '@ionic/react'\nimport './DesktopLogin.scss'\nimport { toastr } from 'react-redux-toastr'\n\nimport { connectDesktopLogin} from './desktopLogin.connect'\nimport ReCAPTCHA from 'react-google-recaptcha'\n//import { RECAPTCHA } from '../../config/app.config'\n\nimport gameCareLogo from '../../assets/images/game-care.svg'\nimport restrictedRegionsLogo from '../../assets/images/restricted-regions-logo.svg'\nimport betfairLogo from '../../assets/images/betfairLogo.svg'\nimport LoginPopover from '../../components/LoginPopover/Login-popover'\n\nimport RRLogo from '../../assets/images/restricted-regions-logo-popover.svg'\nimport UndLogo from '../../assets/images/underage-logo-popover.svg'\nimport { useHistory } from 'react-router'\n\nimport UpdatePopUp from '../../components/UpdatePopUp/index.js'\nimport { useSelector } from 'react-redux'\n\nconst rrContent = `\n
\n {!isMoreDetailed ? navigationName && navigationName : detailedGroupName}
\n\n Betting from 1min before start\n
\n\n {sportPageEvent && sportPageEvent.length >= 1 ? \"Match\" : \"There are currently no upcoming events.\"}\n {sportPageEvent && sportPageEvent[0]?.eventTypeId === \"2\" &&\n
\n \n {renderIonContent ?\n \n 1\n 2\n
\n }\n {sportPageEvent && (sportPageEvent[0]?.eventTypeId === \"1\" || sportPageEvent[0]?.eventTypeId === \"4\") &&\n \n 1\n X\n 2\n
\n }\n Access to this site is restricted in certain geographical territories. Customers residing in\n the\n listed territories are prohibited from accessing the site and its services.
\n\nThe restricted territories are:
\n\nAfghanistan, Algeria, Australia, Bosnia and Herzegovina, Bulgaria, Canada, China (People's\n Republic of China), Cuba, Cyprus, Denmark, Ethiopia, France (and French territories), Germany,\n Gibraltar, Iran (Islamic Republic of Iran), Iraq, Ireland , Italy, Korea, Democratic People's\n Republic of, Lao (People's Democratic Republic of), Malta, Myanmar, Netherlands, New\n Zealand,\n Poland, Portugal, Puerto Rico, Qatar, Romania, Singapore, Slovakia, South Africa, Spain,\n Sudan,\n Syrian Arab Republic, Turkey, Uganda, United Kingdom, United States (and US Territories),\n Yemen.\n
`\n\nconst undContent = `Protections of minors
\n\nIt is illegal for anybody under the age of 18 to gamble.
\n\nWe encourage parents consider the use of internet use protection tools. \n You may find the following links useful.
`\n\nconst DesktopLogin = ({ auth, recaptcha, actions, version }) => {\n const refRecaptcha = useRef(null)\n const B2C = useSelector(state => state.B2C)\n const history = useHistory()\n let [username, setUsername] = useState('')\n const [password, setPassword] = useState('')\n const [loading, setLoading] = useState(false)\n\n const [showRestrictedPopover, setShowRestrictedPopover] = useState(false)\n const [showUnderagePopover, setShowUnderagePopover] = useState(false)\n\n useEffect(() => {\n if (!auth) {\n // if we need to fix token on local\n // if ((window.location.host === \"localhost:3000\" || window.location.host === \"d1xzve0qf943ll.cloudfront.net\" )) actions.getRecaptchaSuccess(RECAPTCHA)\n // else {\n console.log('request captcha')\n actions.requestRecaptcha()\n // }\n }\n }, [auth])\n \n const getBalance = (memberCode) => {\n actions\n .requestBalance(memberCode)\n .then((res) => {\n if(B2C && res.data.result.availBalance < 100) {\n history.push(\"/deposit\")\n }\n })\n .catch((e) => console.log('balance error = ', e))\n }\n\n const submit = async () => {\n try {\n if (!username || !password || loading) return\n setLoading(true)\n const recaptchaResponse = await refRecaptcha.current.executeAsync()\n let newUserName = ''\n if(B2C) {\n newUserName = `91_${username}`\n await actions\n .requestAuth({\n username: newUserName,\n password,\n recaptchaResponse,\n answer: '',\n token: '',\n })\n .then((res) => {\n setLoading(false)\n getBalance(res.data.result.memberCode)\n localStorage.setItem('page', history.location.pathname)\n\n })\n } else {\n await actions\n .requestAuth({\n username,\n password,\n recaptchaResponse,\n answer: '',\n token: '',\n })\n .then((res) => {\n setLoading(false)\n })\n }\n } catch (e) {\n setLoading(false)\n toastr.error('', `${e}`)\n if (refRecaptcha.current) refRecaptcha.current.reset()\n }\n }\n\n const onKeyDown = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n event.stopPropagation()\n submit()\n }\n }\n\n const changeName = (e) => {\n setUsername(e.detail.value)\n }\n\n const changePass = (e) => {\n setPassword(e.detail.value)\n }\n\n\n const [isOpen, setIsOpen] = useState(false)\n\n useEffect(() => {\n let versionNow = version\n\n console.log(version)\n\n if (version) {\n if (localStorage.getItem('versionNow') === versionNow) {\n return console.log('version up to date')\n } else if (!localStorage.getItem('versionNow')) {\n localStorage.setItem('versionNow', versionNow)\n } else if (localStorage.getItem('versionNow') != versionNow) {\n setIsOpen((isOpen) => !isOpen)\n localStorage.setItem('versionNow', versionNow)\n }\n }\n }, [version])\n // end update pop-up\n\n return (\n\n \n {\n e.preventDefault()\n submit()\n }}\n >\n {B2C ? (\n \n setUsername(e.target.value)}\n hidden\n />\n setPassword(e.target.value)}\n hidden\n />\n \n \n \n )\n : (\n \n setUsername(e.target.value)}\n hidden\n />\n setPassword(e.target.value)}\n hidden\n />\n \n \n \n \n \n )\n }\n\n\n \n Log in\n \n {B2C && (\n
\n \n \n \n
\n +91
\n \n \n \n
\n )}\n \n {recaptcha ? (\n \n
\n \n \n \n\n
\n )\n}\n\nexport default connectRacingPage()(RacingPage);\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\n\nexport const connectRacingPage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n timeSettings: state.timeSettings,\n navigationHeaderMenu: state.navigationHeaderMenu,\n betPlacing: state.betPlacing,\n racingPage: state.racingPage\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n \n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const exchangeGamesAllSlice = createSlice({\n name: 'exchangeGamesAll',\n initialState: null,\n reducers: {\n getExchangeGamesAllSuccess: (state, action) => action.payload,\n getExchangeGamesAllError: (state) => state,\n },\n})\n\nexport const {\n getExchangeGamesAllSuccess,\n getExchangeGamesAllError,\n} = exchangeGamesAllSlice.actions\n\nexport default exchangeGamesAllSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getExchangeGamesAllSuccess, getExchangeGamesAllError } from './exchangeGamesAll.slice'\n\n\nexport const requestExchangeGamesAll = () => async (dispatch, getState) => {\n // const checkAuth = getState().auth\n\n try {\n const response = await httpNotAuth.get(`/exchange/odds/exchangeGames`)\n if (response.data.success) {\n dispatch(getExchangeGamesAllSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getExchangeGamesAllError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { IonList, IonListHeader } from \"@ionic/react\";\nimport { useHistory } from 'react-router';\nimport EventTypeBanners from '../EventTypeBanners/EventTypeBanners';\nimport { headerType } from '../../helpers/InPlayPopular.helper';\nimport './ExchangeGamesDesktopList.scss'\n\n\nconst ExchangeGamesDesktopList = ({ itemHeaderData, itemsData, type, }) => {\n const history = useHistory();\n\n const getBanner = () => {\n if (headerType['INPLAY'] == type) {\n return \n
\n {navigationHeaderMenu.navigationName || sessionStorage.getItem(\"navigationName\")}
\n Betting from 1min before start \n\n
\n \n
\n \n
\n \n Next Race: \n {/*{(tsToDate(Date.parse(raceOdds?.start), timeSettings?.timeZoneName).split(\" \")[1]).split(\":\", 2).join(\":\") } */}\n {(tsToDate(raceOdds?.start, timeSettings?.timeZoneName).split(\" \")[1]).split(\":\", 2).join(\":\") } \n {raceOdds?.event.name.replace(\"${HH:mm}\",\"\")}\n
\n Opens in\n \n
\n \n
\n Race Odds
\n\n Back\n Lay\n
\n \n {allRunnerSuspend === true && }\n
\n SUSPENDED
}\n {raceOdds && \n
\n \n Upcoming Races\n
\n \n
\n \n {\n upcomingRaces && upcomingRaces.map((item, index) => {\n return
\n \n //
\n // )\n })\n }\n isAccordeonOpen === slicedItem?.id ? setIsAccordeonOpen(null) : setIsAccordeonOpen(slicedItem?.id)}\n // >\n // \n //
\n // \n // {slicedItem?.event.name.replace(\"${HH:mm}\",\"\")}\n // {(tsToDate(Date.parse(slicedItem?.event.openDate), timeSettings?.timeZoneName).split(\" \")[1]).split(\":\", 2).join(\":\") }\n //
\n // \n // \n //
\n // \n //
\n // \n //
\n // Top 3 of {item.runners.length} runners
\n //\n // Back\n // Lay\n //
\n // \n // {allRunnerSuspend === true &&
\n // SUSPENDED
}\n // {\n
\n \n \n {itemHeaderData.name}\n {/* Indian Card Games */}\n
\n \n {itemsData && itemsData.map((item, index) => {\n return (\n
\n {\n // if(auth) {\n history.push(`/exchange-game-page/${item?.eventTypeId}/${item?.event?.id}`)\n // } else {\n // dispatch(setLoginNew(true))\n // }\n }}\n >\n {width > 1024 &&\n
\n )\n })}\n\n \n
\n }\n {width <= 1024 &&\n \n
\n }\n {item?.market?.event?.altName?.indexOf(\"(\") > 0 ? item?.market?.event?.altName?.substring(0, item?.market?.event?.altName?.indexOf(\"(\")) : item?.market?.event?.altName}
\n {/*{item?.image || itemHeaderData?.banner ? null : item?.market?.event?.altName}
*/}\n \n {Array(50)\n .fill(1)\n .map((el, i) => (\n \n ))}\n
\n )\n }\n\n // check window zoom\n // //v1\n // const [browserZoomLevel, setBrowserZoomLevel] = useState(Math.round(window.devicePixelRatio * 100))\n // console.log('browserZoomLevel in useEffect', browserZoomLevel)\n //\n // useEffect(() => {\n // const updateBrowserZoomLevel = () => {\n // if(browserZoomLevel !== window.devicePixelRatio * 100) {\n // setBrowserZoomLevel(Math.round(window.devicePixelRatio * 100))\n // }\n // }\n // window.addEventListener('resize', updateBrowserZoomLevel)\n // return () => window.removeEventListener('resize', updateBrowserZoomLevel)\n // },[])\n //\n // //v2\n // useEffect(() => {\n // if (browserZoomLevel !== window.devicePixelRatio * 100) {\n // setBrowserZoomLevel(Math.round(window.devicePixelRatio * 100))\n // }\n // },[window.devicePixelRatio])\n // end check window zoom\n\n return (\n <>\n {width < 1024 ? (\n \n
\n \n \n
\n \n \n {/* 
*/}\n\n
\n \n
\n \n actions.requestExchangeGamesAll()}\n >\n {' '}\n Play Win Enjoy\n
\n \n We have something for everyone. With over 30 games to choose\n from, play the best slots, jackpots and live casino games.\n
\n \n
\n \n
\n \n
\n {exchangeGamesAll && (\n \n
\n )}\n {/*\n Live games\n
\n \n Virtual games\n
\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n {balls()}\n 
\n
\n \n 
\n \n {/*
*/}\n \n actions.requestExchangeGamesAll()}\n >\n {' '}\n Play. Win. Enjoy.\n
\n \n \n We have something for everyone. With over 30 games to\n choose from, play the best slots, jackpots and live casino\n games.\n
\n \n {exchangeGamesAll && (\n
\n \n \n \n
\n )}\n \n 
\n
\n \n
\n Live games
\n\n
\n Virtual games
\n\n {Array(30)\n .fill(1)\n .map((el, i) => (\n \n ))}\n
\n )\n }\n\n return (\n \n
\n \n {balls()}\n 
\n
\n \n \n 
\n
\n \n
\n \n Play. Win. Enjoy.\n
\n \n We have something for everyone. With over 30 games to choose\n from, play the best slots, jackpots and live casino games.\n
\n \n {exchangeGamesAll && (\n
\n \n {/*\n
\n )}\n \n
\n \n
\n \n Live games\n
\n\n\n
\n \n Virtual games\n
\n\n // //
\n // // )\n // return */}\n {/*
*/}\n {/* :*/}\n {/* \"\"*/}\n {/*}*/}\n ROULETTE
*/}\n {/* */}\n {/* #{exchangeGames && exchangeGames[0]?.roundId}*/}\n {/*
*/}\n {/* \n
\n \n )\n})\n\nexport default Roulette\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setMtype, setBtype, setLine, setRunnerName, setEventName, setShowBetPlacingPopover, setBetPlacingPopoverStage, setFromOneClick } from '../../../store/betPlacing/betPlacing.slice'\nimport { requestBetPlacingStart } from '../../../store/betPlacing/betPlacing.thunks'\nimport { requestExchangeGames } from '../../../store/exchangeGames/exchangeGames.thunks'\n// import { Roulette } from './Roulette'\n\nexport const connectRoulette = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n betPlacing: state.betPlacing,\n oneClick: state.user.settings.oneClickSettings,\n balanceSettings: state.balanceSettings,\n sportEventStats: state.sportEvent.sportStats,\n exchangeGames: state.exchangeGames,\n sportEvent: state.sportEvent,\n openBets: state.openBets,\n headerHeight: state.elementsParams.headerHeight,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n setMarket,\n setRunner,\n setRunnerName,\n setEventName,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n setMtype,\n setBtype,\n setLine,\n setShowBetPlacingPopover,\n setBetPlacingPopoverStage,\n setFromOneClick,\n requestBetPlacingStart,\n requestExchangeGames\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import React, { useEffect } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport './index.scss'\nimport { useSelector } from 'react-redux'\nimport { connectTwoCardTeenPatti } from './TwoCardTeenPatti.connect'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\n\nconst TwoCardTeenPatti = connectTwoCardTeenPatti()(\n ({ betPlacing, actions, exposure, headerHeight, auth, elementsParams }) => {\n \n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const dataOdd = useSelector((state) => state.sportEvent.sportData)\n\n const exposurePnl = (id) => {\n if(auth) {\n const objFinder =\n exposure?.pnlBySelection[\n Object.keys(exposure?.pnlBySelection).filter((item) =>\n item.includes(id)\n )\n ]?.pnl\n return (\n \n {/* { width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n {oddPush(5,0)}}>\n {betChip(5,0)}\n 0\n
\n \n
\n \n
\n \n
\n {oddPush(5,3)}} >\n {betChip(5,3)}\n 3\n
\n {oddPush(5,6)}} >\n {betChip(5,6)}\n 6\n
\n {oddPush(5,9)}} >\n {betChip(5,9)}\n 9\n
\n {oddPush(5,12)}} >\n {betChip(5,12)}\n 12\n
\n \n
\n {oddPush(5,2)}} >\n {betChip(5,2)}\n 2\n
\n {oddPush(5,5)}} >\n {betChip(5,5)}\n 5\n
\n {oddPush(5,8)}} >\n {betChip(5,8)}\n 8\n
\n {oddPush(5,11)}} >\n {betChip(5,11)}\n 11\n
\n \n
\n {oddPush(5,1)}}>\n {betChip(5,1)}\n 1\n
\n {oddPush(5,4)}}>\n {betChip(5,4)}\n 4\n
\n {oddPush(5,7)}}>\n {betChip(5,7)}\n 7\n
\n {oddPush(5,10)}}>\n {betChip(5,10)}\n 10\n
\n \n
\n \n
\n {oddPush(3,0)}}>\n {betChip(3,0)}\n 1st 12\n
\n \n
\n {oddPush(2,0)}}>\n {betChip(2,0)}\n 1-18\n
\n {oddPush(1,1)}}>\n {betChip(1,1)}\n EVEN\n
\n \n
\n \n
\n \n
\n {oddPush(5,15)}}>\n {betChip(5,15)}\n 15\n
\n {oddPush(5,18)}}>\n {betChip(5,18)}\n 18\n
\n {oddPush(5,21)}}>\n {betChip(5,21)}\n 21\n
\n {oddPush(5,24)}}>\n {betChip(5,24)}\n 24\n
\n \n
\n {oddPush(5,14)}}>\n {betChip(5,14)}\n 14\n
\n {oddPush(5,17)}}>\n {betChip(5,17)}\n 17\n
\n {oddPush(5,20)}}>\n {betChip(5,20)}\n 20\n
\n {oddPush(5,23)}}>\n {betChip(5,23)}\n 23\n
\n \n
\n {oddPush(5,13)}}>\n {betChip(5,13)}\n 13\n
\n {oddPush(5,16)}}>\n {betChip(5,16)}\n 16\n
\n {oddPush(5,19)}}>\n {betChip(5,19)}\n 19\n
\n {oddPush(5,22)}}>\n {betChip(5,22)}\n 22\n
\n \n
\n \n
\n {oddPush(3,1)}}>\n {betChip(3,1)}\n 2nd 12\n
\n \n
\n {oddPush(0,1)}}>\n {betChip(0,1)}\n {\n width > 1024\n ?\n 
\n :\n 
\n }\n
\n {oddPush(0,0)}}>\n {betChip(0,0)}\n {\n width > 1024\n ?\n 
\n :\n 
\n }\n
\n \n
\n \n
\n \n
\n {oddPush(5,27)}}>\n {betChip(5,27)}\n 27\n
\n {oddPush(5,30)}}>\n {betChip(5,30)}\n 30\n
\n {oddPush(5,33)}}>\n {betChip(5,33)}\n 33\n
\n {oddPush(5,36)}}>\n {betChip(5,36)}\n 36\n
\n \n
\n {oddPush(5,26)}}>\n {betChip(5,26)}\n 26\n
\n {oddPush(5,29)}}>\n {betChip(5,29)}\n 29\n
\n {oddPush(5,32)}}>\n {betChip(5,32)}\n 32\n
\n {oddPush(5,35)}}>\n {betChip(5,35)}\n 35\n
\n \n
\n {oddPush(5,25)}}>\n {betChip(5,25)}\n 25\n
\n {oddPush(5,28)}}>\n {betChip(5,28)}\n 28\n
\n {oddPush(5,31)}}>\n {betChip(5,31)}\n 31\n
\n {oddPush(5,34)}}>\n {betChip(5,34)}\n 34\n
\n \n
\n \n
\n {oddPush(3,2)}}>\n {betChip(3,2)}\n 3rd 12\n
\n \n
\n {oddPush(1,0)}}>\n {betChip(1,0)}\n ODD\n
\n {oddPush(2,1)}}>\n {betChip(2,1)}\n 19-36\n
\n \n
\n \n
\n {oddPush(4,0)}}>\n {betChip(4,0)}\n 2to 1\n
\n {oddPush(4,1)}}>\n {betChip(4,1)}\n 2to 1\n
\n {oddPush(4,2)}}>\n {betChip(4,2)}\n 2to 1\n
\n \n
\n \n \n \n
*/}\n 2 CARD TEENPATTI
\n \n #{exchangeGames && exchangeGames[0]?.roundId}\n
\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n\n \n
\n \n oddPush(0, 0, false)}\n >\n \n 0\n \n
\n {exposurePnl(dataOdd[0]?.runners[0]?.id)}\n \n \n Player A\n \n
\n \n oddPush(0, 0)}\n >\n \n {dataOdd[0]?.runners[0]?.back[0]?.price}\n \n
\n \n select(dataOdd[0], dataOdd[0]?.runners[1], false)\n : null\n }\n >\n \n 0\n \n
\n {exposurePnl(dataOdd[0]?.runners[1]?.id)}\n \n \n Player B\n \n
\n \n select(dataOdd[0], dataOdd[0]?.runners[1], true)\n : null\n }\n >\n \n {dataOdd[0]?.runners[1]?.back[0]?.price}\n \n
\n \n
\n\n select(dataOdd[1], dataOdd[1]?.runners[0], true)\n : null\n }\n >\n \n \n {dataOdd[1]?.runners[0]?.back[0]?.price}\n \n {exposurePnl(dataOdd[1]?.runners[0]?.id)}\n
\n \n \n Mini Baccarat A\n \n
\n select(dataOdd[1], dataOdd[1]?.runners[1], true)\n : null\n }\n >\n \n \n {dataOdd[1]?.runners[1]?.back[0]?.price}\n \n {exposurePnl(dataOdd[1]?.runners[1]?.id)}\n
\n \n \n \n \n Mini Baccarat B\n \n
\n \n
\n \n\n \n select(dataOdd[2], dataOdd[2]?.runners[1], false)\n : null\n }\n >\n \n 14\n \n \n {dataOdd[2]?.runners[1]?.lay[0]?.price}\n \n
\n {exposurePnl(dataOdd[2]?.runners[1]?.id)}\n \n Total A\n
\n \n select(dataOdd[2], dataOdd[2]?.runners[1], true)\n : null\n }\n >\n \n 15\n \n \n {dataOdd[2]?.runners[1]?.back[0]?.price}\n \n
\n \n select(dataOdd[3], dataOdd[3]?.runners[1], false)\n : null\n }\n >\n \n 14\n \n \n {dataOdd[3]?.runners[1]?.lay[0]?.price}\n \n
\n {exposurePnl(dataOdd[3]?.runners[1]?.id)}\n \n \n \n \n Total B\n
\n \n select(dataOdd[3], dataOdd[3]?.runners[1], true)\n : null\n }\n >\n \n 15\n \n \n {dataOdd[3]?.runners[1]?.back[0]?.price}\n \n
\n \n \n Color Plus\n \n
\n {exposurePnlColor(dataOdd[4]?.runners[0]?.id)}\n \n \n \n\n {/*
\n\n \n )\n}\n\nexport default connectQueen()(Queen)\n","import React from 'react';\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./Trio.scss\"\nimport { useSelector } from 'react-redux';\nimport { connectTrio } from './Trio.connect';\nimport { useState, useEffect } from 'react';\n// import BetPlacing from '../../BetPlacing/BetPlacing';\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\nimport LastResults from '../helpers/LastResults/LastResults';\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo';\n\nconst Trio = ({\n betPlacing,\n actions,\n exposure,\n headerHeight,\n auth,\n exchangeGames,\n elementsParams\n }) => {\n\n const dataOdds = useSelector((state) => state.sportEvent.sportData)\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n\n const exposurePnl = (id) => {\n if(auth) {\n const objFinder =\n exposure?.pnlBySelection[\n Object.keys(exposure?.pnlBySelection).filter((item) =>\n item.includes(id)\n )\n ]?.pnl\n return (\n \n
*/}\n QUEEN
\n #{exchangeGames && exchangeGames[0]?.roundId}
\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n
\n \n\n
\n\n \n
\n { width >= 768 && exposurePnl(dataOdds[0]?.runners[0]?.id) }\n \n Total 0\n
\n { width < 768 && exposurePnl(dataOdds[0]?.runners[0]?.id)}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[0], true)\n : null\n }\n >\n {dataOdds[0]?.runners[0]?.back[0]?.price}\n
\n\n select(dataOdds[0], dataOdds[0]?.runners[0], false)\n : null\n }>\n {dataOdds[0]?.runners[0]?.lay[0]?.price}\n
\n \n
\n\n \n
\n { width >= 768 && exposurePnl(dataOdds[0]?.runners[1]?.id) }\n \n Total 1\n
\n { width < 768 && exposurePnl(dataOdds[0]?.runners[1]?.id)}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[1], true)\n : null\n }>\n {dataOdds[0]?.runners[1]?.back[0]?.price}\n
\n select(dataOdds[0], dataOdds[0]?.runners[1], false)\n : null\n } >\n {dataOdds[0]?.runners[1]?.lay[0]?.price}\n
\n \n
\n\n \n
\n { width >= 768 && exposurePnl(dataOdds[0]?.runners[2]?.id) }\n \n Total 2\n
\n { width < 768 && exposurePnl(dataOdds[0]?.runners[2]?.id)}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[2], true)\n : null\n }>\n {dataOdds[0]?.runners[2]?.back[0]?.price}\n
\n select(dataOdds[0], dataOdds[0]?.runners[2], false)\n : null\n }>\n {dataOdds[0]?.runners[2]?.lay[0]?.price}\n
\n \n
\n \n
\n { width >= 768 && exposurePnl(dataOdds[0]?.runners[3]?.id) }\n \n Total 3\n
\n { width < 768 && exposurePnl(dataOdds[0]?.runners[3]?.id)}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[3], true)\n : null\n }>\n {dataOdds[0]?.runners[3]?.back[0]?.price}\n
\n select(dataOdds[0], dataOdds[0]?.runners[3], false)\n : null\n }>\n {dataOdds[0]?.runners[3]?.lay[0]?.price}\n
\n \n {/*
\n \n
*/}\n Trio
\n #{exchangeGames && exchangeGames[0]?.roundId}
\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n
\n \n
\n \n\n {/*
\n */}\n {/*
*/}\n\n */}\n {/* 21 No*/}\n {/* { width < 1024 ?*/}\n {/*
*/}\n {/* */}\n {/* {exposurePnl(dataOdds[0].runners[0].id)}*/}\n {/*
*/}\n {/* : null}*/}\n {/* 1024*/}\n {/* ? {height: '100px'}*/}\n {/* : {} }*/}\n {/* class=\"trio-table__item-bets-wrapper\">*/}\n {/*
*/}\n {/* select(dataOdds[0], dataOdds[0]?.runners[0], true)*/}\n {/* : null*/}\n {/* }*/}\n {/* >*/}\n {/* */}\n {/* {dataOdds[0]?.runners[0]?.back[0]?.price || 0}*/}\n {/* */}\n {/*
*/}\n {/* select(dataOdds[0], dataOdds[0]?.runners[0], false)*/}\n {/* : null*/}\n {/* }*/}\n {/* >*/}\n {/* */}\n {/* {dataOdds[0]?.runners[0]?.lay[0]?.price || 0}*/}\n {/* */}\n {/*
*/}\n {/* { width > 1024 ?*/}\n {/* */}\n {/* {exposurePnl(dataOdds[0].runners[0].id)}*/}\n {/*
*/}\n {/* : null}*/}\n {/* \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n 21 Yes\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[0]?.runners[1]?.id)}\n
\n : null}\n select(dataOdds[0], dataOdds[0]?.runners[1], true)\n : null\n }\n >\n \n {dataOdds[0]?.runners[1]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[1], false)\n : null\n }\n >\n \n {dataOdds[0]?.runners[1]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[0]?.runners[1]?.id)}\n
\n : null}\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n 3 Card Judgement(1,2,4)\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[1]?.runners[0]?.id)}\n
\n : null}\n select(dataOdds[1], dataOdds[1]?.runners[0], true)\n : null\n }\n >\n \n {dataOdds[1]?.runners[0]?.back[0]?.price}\n \n
\n select(dataOdds[1], dataOdds[1]?.runners[0], false)\n : null\n }\n >\n \n {dataOdds[1]?.runners[0]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[1]?.runners[0]?.id)}\n
\n : null}\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n 3 Card Judgement(J,Q,K)\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[2]?.runners[0]?.id)}\n
\n : null}\n select(dataOdds[2], dataOdds[2]?.runners[0], true)\n : null\n }\n >\n \n {dataOdds[2]?.runners[0]?.back[0]?.price || 0}\n \n
\n select(dataOdds[2], dataOdds[2]?.runners[0], false)\n : null\n }\n >\n \n {dataOdds[2]?.runners[0]?.lay[0]?.price || 0}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[2]?.runners[0]?.id)}\n
\n : null}\n \n
\n \n\n
\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n Two Red Only\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[3]?.runners[0]?.id)}\n
\n : null}\n select(dataOdds[3], dataOdds[3]?.runners[0], true)\n : null\n }\n >\n \n {dataOdds[3]?.runners[0]?.back[0]?.price}\n \n
\n select(dataOdds[3], dataOdds[3]?.runners[0], false)\n : null\n }\n >\n \n {dataOdds[3]?.runners[0]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[3]?.runners[0]?.id)}\n
\n : null}\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n Two Black Only\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[3]?.runners[1]?.id)}\n
\n : null}\n select(dataOdds[3], dataOdds[3]?.runners[1], true)\n : null\n }\n >\n \n {dataOdds[3]?.runners[1]?.back[0]?.price}\n \n
\n select(dataOdds[3], dataOdds[3]?.runners[1], false)\n : null\n }\n >\n \n {dataOdds[3]?.runners[1]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[3]?.runners[1]?.id)}\n
\n : null}\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n \n Two Odd Only\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[4]?.runners[0]?.id)}\n
\n : null}\n select(dataOdds[4], dataOdds[4]?.runners[0], true)\n : null\n }\n >\n \n {dataOdds[4]?.runners[0]?.back[0]?.price}\n \n
\n select(dataOdds[4], dataOdds[4]?.runners[0], false)\n : null\n }\n >\n \n {dataOdds[4]?.runners[0]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[4]?.runners[0]?.id)}\n
\n : null}\n \n 1024\n ? {height: '100px'}\n : {} }\n class=\"trio-table__item-bets-wrapper\">\n
\n \n \n \n \n \n \n \n Two Even Only\n { width < 1024 ?\n
\n \n {exposurePnl(dataOdds[4]?.runners[1]?.id)}\n
\n : null}\n select(dataOdds[4], dataOdds[4]?.runners[1], true)\n : null\n }\n >\n \n {dataOdds[4]?.runners[1]?.back[0]?.price}\n \n
\n select(dataOdds[4], dataOdds[4]?.runners[1], false)\n : null\n }\n >\n \n {dataOdds[4]?.runners[1]?.lay[0]?.price}\n \n
\n { width > 1024 ?\n \n {exposurePnl(dataOdds[4]?.runners[1]?.id)}\n
\n : null}\n \n\n {/*
\n\n \n )\n}\n\nexport default connectTeenpattiTest()(TeenpattiTest)\n","import React from 'react';\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./Trap.scss\"\nimport { useSelector } from 'react-redux';\nimport { connectTrap } from './Trap.connect';\nimport { useState, useEffect } from 'react';\n// import BetPlacing from '../../BetPlacing/BetPlacing';\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\nimport LastResults from '../helpers/LastResults/LastResults';\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo';\nimport TheTrapJ from '../../../assets/images/exchangeGames/theTrap/theTrapJ.svg'\nimport TheTrapQ from '../../../assets/images/exchangeGames/theTrap/theTrapQ.svg'\nimport TheTrapK from '../../../assets/images/exchangeGames/theTrap/theTrapK.svg'\n\nconst Trap = ({\n betPlacing,\n actions,\n exposure,\n headerHeight,\n exchangeGames,\n auth,\n sportEvent,\n elementsParams\n }) => {\n const dataOdds = sportEvent.sportData;\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n // get exposure\n const exposurePnl = (marketIndex, runnerIndex) => {\n if(auth) {\n const marketId = sportEvent?.sportData[marketIndex]?.id\n const runnerId = sportEvent?.sportData[marketIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex].id;\n let objFinder = exposure?.pnlBySelection[Object.keys(exposure?.pnlBySelection).filter((item) => item.includes(marketId + '-' + runnerId))]?.pnl;\n if (objFinder) {\n return ( \n
*/}\n Teenpatti Test
\n #{exchangeGames && exchangeGames[0]?.roundId}
\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n\n \n\n {/* Names */}\n\n
\n\n \n
\n\n {/* Winner */}\n\n \n Tiger\n
\n \n Lion\n
\n \n Dragon\n
\n \n
\n {/* Pair */}\n\n \n Winner\n
\n \n\n
\n select(dataOdds[0], dataOdds[0]?.runners[0], true)\n : null\n }>\n\n \n {dataOdds[0]?.runners[0]?.back[0]?.price}\n \n {exposurePnl(dataOdds[0]?.runners[0]?.id)}\n\n
\n\n select(dataOdds[0], dataOdds[0]?.runners[1], true)\n : null\n }>\n\n \n {dataOdds[0]?.runners[1]?.back[0]?.price}\n \n {exposurePnl(dataOdds[0]?.runners[1]?.id)}\n\n
\n\n\n select(dataOdds[0], dataOdds[0]?.runners[2], true)\n : null\n }>\n\n \n {dataOdds[0]?.runners[2]?.back[0]?.price}\n \n {exposurePnl(dataOdds[0]?.runners[2]?.id)}\n\n\n
\n \n
\n\n {/* Flush */}\n\n \n Pair\n
\n \n\n
\n select(dataOdds[1], dataOdds[1]?.runners[0], true)\n : null\n }>\n \n {dataOdds[1]?.runners[0]?.back[0]?.price || 5}\n \n {exposurePnl(dataOdds[1]?.runners[0]?.id)}\n\n\n
\n\n select(dataOdds[1], dataOdds[1]?.runners[1], true)\n : null\n }>\n \n {dataOdds[1]?.runners[1]?.back[0]?.price || 5}\n \n {exposurePnl(dataOdds[1]?.runners[1]?.id)}\n\n\n
\n\n select(dataOdds[1], dataOdds[1]?.runners[2], true)\n : null\n }>\n \n {dataOdds[1]?.runners[2]?.back[0]?.price || 5}\n \n {exposurePnl(dataOdds[1]?.runners[2]?.id)}\n\n\n
\n \n
\n\n {/* Straight */}\n\n \n Flush\n
\n \n\n
\n select(dataOdds[2], dataOdds[2]?.runners[0], true)\n : null\n }>\n \n {dataOdds[2]?.runners[0]?.back[0]?.price || 12}\n \n {exposurePnl(dataOdds[2]?.runners[0]?.id)}\n\n
\n\n select(dataOdds[2], dataOdds[2]?.runners[1], true)\n : null\n }>\n \n {dataOdds[2]?.runners[1]?.back[0]?.price || 12}\n \n {exposurePnl(dataOdds[2]?.runners[1]?.id)}\n\n
\n\n select(dataOdds[2], dataOdds[2]?.runners[2], true)\n : null\n }>\n \n {dataOdds[2]?.runners[2]?.back[0]?.price || 12}\n \n {exposurePnl(dataOdds[2]?.runners[2]?.id)}\n\n
\n \n
\n\n {/* Trio */}\n\n \n Straight\n
\n \n\n
\n select(dataOdds[3], dataOdds[3]?.runners[0], true)\n : null\n }>\n \n {dataOdds[3]?.runners[0]?.back[0]?.price || 21}\n \n {exposurePnl(dataOdds[3]?.runners[0]?.id)}\n\n
\n\n select(dataOdds[3], dataOdds[3]?.runners[1], true)\n : null\n }>\n \n {dataOdds[3]?.runners[1]?.back[0]?.price || 21}\n \n {exposurePnl(dataOdds[3]?.runners[1]?.id)}\n\n
\n\n select(dataOdds[3], dataOdds[3]?.runners[2], true)\n : null\n }>\n \n {dataOdds[3]?.runners[2]?.back[0]?.price || 21}\n \n {exposurePnl(dataOdds[3]?.runners[2]?.id)}\n\n
\n \n
\n\n {/* Straight Flush */}\n\n \n Trio\n
\n \n\n
\n select(dataOdds[4], dataOdds[4]?.runners[0], true)\n : null\n }>\n \n {dataOdds[4]?.runners[0]?.back[0]?.price || 126}\n \n {exposurePnl(dataOdds[4]?.runners[0]?.id)}\n\n
\n\n select(dataOdds[4], dataOdds[4]?.runners[1], true)\n : null\n }>\n \n {dataOdds[4]?.runners[1]?.back[0]?.price || 126}\n \n {exposurePnl(dataOdds[4]?.runners[1]?.id)}\n\n
\n\n select(dataOdds[4], dataOdds[4]?.runners[2], true)\n : null\n }>\n \n {dataOdds[4]?.runners[2]?.back[0]?.price || 126}\n \n {exposurePnl(dataOdds[4]?.runners[2]?.id)}\n\n
\n \n
\n \n Straight Flush\n
\n \n\n
\n select(dataOdds[5], dataOdds[5]?.runners[0], true)\n : null\n }>\n\n \n {dataOdds[5]?.runners[0]?.back[0]?.price || 151}\n \n {exposurePnl(dataOdds[5]?.runners[0]?.id)}\n\n
\n\n select(dataOdds[5], dataOdds[5]?.runners[1], true)\n : null\n }>\n \n {dataOdds[5]?.runners[1]?.back[0]?.price || 151}\n \n {exposurePnl(dataOdds[5]?.runners[1]?.id)}\n
\n\n select(dataOdds[5], dataOdds[5]?.runners[2], true)\n : null\n }>\n \n {dataOdds[5]?.runners[2]?.back[0]?.price || 151}\n \n {exposurePnl(dataOdds[5]?.runners[2]?.id)}\n
\n \n\n
\n\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n select(0, 0, false)}>\n \n {dataOdds[0]?.runners[0]?.lay[0]?.price || 0}\n \n
\n \n Player A\n
\n \n
\n \n {exposurePnl(0, 0)}\n
\n \n select(0, 0, true)}>\n \n {dataOdds[0]?.runners[0]?.back[0]?.price || 0}\n \n
\n \n select(0, 1 , false)}\n >\n \n {dataOdds[0]?.runners[1]?.lay[0]?.price || 0}\n \n
\n \n \n\n \n Player B\n
\n \n
\n \n {exposurePnl(0, 1)}\n
\n \n select(0, 1 , true)}\n >\n \n {dataOdds[0]?.runners[1]?.back[0]?.price || 0}\n \n
\n \n\n select(1, 1 , true)}\n >\n \n {dataOdds[1]?.runners[1]?.back[0]?.price || 0}\n \n
\n \n LOW
\n\n {exposurePnl(1, 1)}\n\n HIGH
\n\n \n {exposurePnl(1, 0)}\n
\n\n \n \n 7\n
\n\n \n\n \n select(2, 0 , false)}\n >\n \n {dataOdds[2]?.runners[0]?.lay[0]?.price || 0}\n \n
\n {exposurePnl(2, 0)}\n \n \n \n \n 
\n 
\n 
\n
\n \n select(2, 0 , true)}\n >\n \n {dataOdds[2]?.runners[0]?.back[0]?.price || 0}\n \n
\n\n \n
\n \n \n
\n\n \n\n
\n \n select(0, 0, false)}>\n \n {dataOdds[0]?.runners[0]?.lay[0]?.price || 0}\n \n
\n \n
\n Player A
\n {exposurePnl(0, 0)}\n \n select(0, 0, true)}>\n \n {dataOdds[0]?.runners[0]?.back[0]?.price || 0}\n \n
\n \n
\n \n
\n Player B
\n {exposurePnl(0, 1)}\n \n select(0, 1, true)}>\n \n {dataOdds[0]?.runners[1]?.back[0]?.price || 0}\n \n
\n select(0, 1, false)}>\n \n {dataOdds[0]?.runners[1]?.lay[0]?.price || 0}\n \n
\n \n
\n \n select(1, 0, true)}>\n \n {dataOdds[1]?.runners[0]?.back[0]?.price || 0}\n \n
\n \n select(1, 1, true)}>\n \n {dataOdds[1]?.runners[1]?.back[0]?.price || 0}\n \n
\n \n LOW
\n \n {exposurePnl(1, 1)}\n
\n HIGH
\n \n {exposurePnl(1, 0)}\n
\n \n 7\n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n select(2, 0, true)}>\n \n {dataOdds[2]?.runners[0]?.back[0]?.price || 0}\n \n
\n select(2, 0, false)}\n >\n \n {dataOdds[2]?.runners[0]?.lay[0]?.price || 0}\n \n
\n {exposurePnl(2, 0)}\n {textContent}{textContentNums}
\n {getExposure && getExposure(marketIndex, runnerIndex)}\n \n )\n }\n\n if((textContent === \"ODD\") || (textContent === \"EVEN\")) {\n return (\n{textContent}
\n {getExposure && getExposure(marketIndex, runnerIndex)}\n \n )\n }\n\n if(imageDiceType) {\n return (\n\n 
\n
\n \n \n
\n \n \n
\n {getExposure && getExposure(marketIndex, runnerIndex)}\n \n )\n }\n\n if(textContent === \"ANY\") {\n return (\n ANY TRIPLE
\n {\n width < 1024 ?{getMarketPrice(marketIndex, runnerIndex)}:1
: \"\"\n }\n {getExposure && getExposure(marketIndex, runnerIndex)}\n \n )\n }\n\n if(footerCell) {\n return (\n{textContent}{getMarketPrice(marketIndex, runnerIndex)}:1
\n {getExposure && getExposure(marketIndex, runnerIndex)}\n \n )\n }\n\n return (null)\n // End return market layout\n}\n","import \"./styles/index.scss\"\nimport React, { useEffect } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport { connectSicbo } from './Sicbo.connect'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { MarketSicbo } from './components/MarketSicbo'\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\n\nimport onePointDice from \"../../../assets/images/exchangeGames/sicbo/one-point-dice.svg\"\nimport twoPointDice from \"../../../assets/images/exchangeGames/sicbo/two-point-dice.svg\"\nimport threePointDice from \"../../../assets/images/exchangeGames/sicbo/three-point-dice.svg\"\nimport fourPointDice from \"../../../assets/images/exchangeGames/sicbo/four-point-dice.svg\"\nimport fivePointDice from \"../../../assets/images/exchangeGames/sicbo/five-point-dice.svg\"\nimport sixPointDice from \"../../../assets/images/exchangeGames/sicbo/six-point-dice.svg\"\n\n\nconst Sicbo = connectSicbo()(\n ({\n betPlacing,\n actions,\n exchangeGames,\n sportEvent,\n exposure,\n headerHeight,\n auth,\n elementsParams\n }) => {\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n const dataOdd = sportEvent.sportData\n\n // request Exchange Game data\n\n useEffect(() => {\n const timer = setIntervalAsync(async() => {\n await actions\n .requestExchangeGames('98566')\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return\n
\n )\n })\n\nexport default Sicbo\n\n\n","import React, { useEffect } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./styles/index.scss\"\nimport { connectPoker20 } from './Poker20.connect'\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\n\nconst Poker20 = ({exchangeGames, sportEvent, betPlacing, actions, exposure, headerHeight, auth, elementsParams}) => {\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n\n useEffect(() => {\n const timer = setIntervalAsync(async() => {\n await actions\n .requestExchangeGames('67567')\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = () => {\n // // if (betPlacing.runner && dataOdd[0].isBettable && width < 1024) {\n // if (betPlacing.runner && width < 1024) {\n // return */}\n {/*
*/}\n {/* :*/}\n {/* \"\"*/}\n {/*}*/}\n SUPER SICBO
*/}\n {/* */}\n {/* #{exchangeGames && exchangeGames[0]?.roundId}*/}\n {/*
*/}\n {/* \n
\n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n
\n \n {getMarketPrice(0,0)}:1 Lose if any tripple\n
\n \n \n
\n \n
\n \n
\n \n
\n {getMarketPrice(3,0)}:1
\n\n \n \n \n
\n \n {\n width >= 1024\n ?\n
\n \n
\n : \"\"\n }\n {getMarketPrice(2,0)}:1
\n\n \n
\n \n
\n \n
\n {getMarketPrice(3,0)}:1
\n\n \n \n \n
\n \n
\n \n
\n \n {getMarketPrice(0,1)}:1 Lose if any tripple\n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n */}\n {/*
*/}\n {/* :*/}\n {/* \"\"*/}\n {/*}*/}\n POKER 20-20
*/}\n {/* */}\n {/* #{exchangeGames && exchangeGames[0]?.roundId}*/}\n {/*
*/}\n {/* \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n {\n (width < 1024) &&\n
\n \n
\n }\n\n Winner
\n One Pair
\n Two Pair
\n Three of a kind
\n Straight
\n Flush
\n Full House
\n Four of a kind
\n Straight Flush
\n \n
\n \n Player A\n
\n {oddPush(0,0)}}>\n
\n \n Winner\n
\n \n {getMarketPrice(0,0)}\n {getExposure(0,0)}\n
\n {oddPush(1,1)}}>\n
\n \n One Pair\n
\n \n {getMarketPrice(1,1)}\n {getExposure(1,1)}\n
\n {oddPush(1,2)}}>\n
\n \n Two Pair\n
\n \n {getMarketPrice(1,2)}\n {getExposure(1,2)}\n
\n {oddPush(1,3)}}>\n
\n \n Three of a kind\n
\n \n {getMarketPrice(1,3)}\n {getExposure(1,3)}\n
\n {oddPush(1,4)}}>\n
\n \n Straight\n
\n \n {getMarketPrice(1,4)}\n {getExposure(1,4)}\n
\n {oddPush(1,5)}}>\n
\n \n Flush\n
\n \n {getMarketPrice(1,5)}\n {getExposure(1,5)}\n
\n {oddPush(1,6)}}>\n
\n \n Full House\n
\n \n {getMarketPrice(1,6)}\n {getExposure(1,6)}\n
\n {oddPush(1,7)}}>\n
\n \n Four of a Kind\n
\n \n {getMarketPrice(1,7)}\n {getExposure(1,7)}\n
\n {oddPush(1,8)}}>\n
\n \n Straight Flush\n
\n \n {getMarketPrice(1,8)}\n {getExposure(1,8)}\n
\n \n
\n \n Player B\n
\n {oddPush(0,1)}}>\n
\n \n Winner\n
\n \n {getMarketPrice(0,1)}\n {getExposure(0,1)}\n
\n {oddPush(2,1)}}>\n
\n \n One Pair\n
\n \n {getMarketPrice(2,1)}\n {getExposure(2,1)}\n
\n {oddPush(2,2)}}>\n
\n \n Two Pair\n
\n \n {getMarketPrice(2,2)}\n {getExposure(2,2)}\n
\n {oddPush(2,3)}}>\n
\n \n Three of a kind\n
\n \n {getMarketPrice(2,3)}\n {getExposure(2,3)}\n
\n {oddPush(2,4)}}>\n
\n \n Straight\n
\n \n {getMarketPrice(2,4)}\n {getExposure(2,4)}\n
\n {oddPush(2,5)}}>\n
\n \n Flush\n
\n \n {getMarketPrice(2,5)}\n {getExposure(2,5)}\n
\n {oddPush(2,6)}}>\n
\n \n Full House\n
\n \n {getMarketPrice(2,6)}\n {getExposure(2,6)}\n
\n {oddPush(2,7)}}>\n
\n \n Four of a Kind\n
\n \n {getMarketPrice(2,7)}\n {getExposure(2,7)}\n
\n {oddPush(2,8)}}>\n
\n \n Straight Flush\n
\n \n {getMarketPrice(2,8)}\n {getExposure(2,8)}\n
\n \n
\n \n )\n}\n\nexport default connectMuflisTeenpatti()(MuflisTeenpatti)\n","import React from 'react';\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./LiveTeenpatti.scss\"\nimport { useSelector } from 'react-redux';\nimport { connectLiveTeenpatti } from './LiveTeenpatti.connect';\nimport { useState, useEffect } from 'react';\n// import BetPlacing from '../../BetPlacing/BetPlacing';\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\nimport LastResults from '../helpers/LastResults/LastResults';\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo';\nimport { useParams } from 'react-router';\n\nconst LiveTeenpatti = ({\n betPlacing,\n actions,\n exchangeGames,\n exposure,\n activeTab,\n headerHeight,\n auth,\n elementsParams\n }) => {\n\n const {eventId} = useParams()\n\n const dataOdds = useSelector((state) => state.sportEvent.sportData)\n\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const exposurePnl = (id) => {\n if(auth) {\n const objFinder =\n exposure?.pnlBySelection[\n Object.keys(exposure?.pnlBySelection).filter((item) =>\n item.includes(id)\n )\n ]?.pnl\n return (\n \n
\n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n Player A\n
\n \n
\n {oddPush(0,0)}}>\n
\n \n Winner\n
\n \n \n {getMarketPrice(0,0)}\n \n {getExposure(0,0)}\n
\n {oddPush(1,0)}}>\n
\n \n Top 9\n
\n \n \n {getMarketPrice(1,0)}\n \n {getExposure(1,0)}\n
\n {oddPush(3,0)}}>\n
\n \n M Baccarat A\n
\n \n \n {getMarketPrice(3,0)}\n \n {getExposure(3,0)}\n
\n \n
\n \n Player B\n
\n \n
\n {oddPush(0,1)}}>\n
\n \n Winner\n
\n \n \n {getMarketPrice(0,1)}\n \n {getExposure(0,1)}\n
\n {oddPush(2,0)}}>\n
\n \n Top 9\n
\n \n \n {getMarketPrice(2,0)}\n \n {getExposure(2,0)}\n
\n {oddPush(3,1)}}>\n
\n \n M Baccarat B\n
\n \n \n {getMarketPrice(3,1)}\n \n {getExposure(3,1)}\n
\n \n\n //
\n // :\n // ''\n // )\n // }\n\n return (\n <>\n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n\n \n )\n}\n\nexport default connectLiveTeenpatti()(LiveTeenpatti)\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./styles/TeenpattiT20.scss\"\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { connectTeenpattiT20 } from './TeenpattiT20.connect'\n\nconst TeenpattiT20 = ({exchangeGames, sportEvent, betPlacing, actions, exposure, eventId, lastResultsExch, activeTab, headerHeight, auth, elementsParams}) => {\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n\n useEffect(() => {\n const timer = setIntervalAsync(async() => {\n await actions\n .requestExchangeGames(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return \n
\n Match Odds
\n \n
\n \n {/* Player A */}\n
\n \n
\n\n {/* Player B */}\n \n Player A\n {width >= 1024 && (\n
\n \n {width < 1024 && (\n {exposurePnl(dataOdds[0]?.runners[0]?.id)}
\n )}\n {exposurePnl(dataOdds[0]?.runners[0]?.id)}
\n )}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[0], true)\n : null\n }>\n \n {dataOdds[0]?.runners[0]?.back[0]?.price || 0}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[0], false)\n : null\n }>\n \n {dataOdds[0]?.runners[0]?.lay[0]?.price || 0}\n \n
\n \n
\n \n Player B\n {width >=1024 && (\n
\n \n {width < 1024 && (\n {exposurePnl(dataOdds[0]?.runners[1]?.id)}
\n )}\n {exposurePnl(dataOdds[0]?.runners[1]?.id)}
\n )}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[1], true)\n : null\n }>\n \n {dataOdds[0]?.runners[1]?.back[0]?.price || 0}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[1], false)\n : null\n }>\n \n {dataOdds[0]?.runners[1]?.lay[0]?.price || 0}\n \n
\n Pair Plus
\n \n\n {/* Player A+ */}\n
\n select(dataOdds[1], dataOdds[1]?.runners[0], true)\n : null\n }>\n
\n\n {/* Player B+ */}\n Player A+\n
\n {/* */}\n {exposurePnl(dataOdds && dataOdds[1]?.runners[0]?.id)}
\n \n {dataOdds[1]?.runners[0]?.back[0]?.price}\n
\n select(dataOdds[2], dataOdds[2]?.runners[0], true)\n : null\n }>\n
\n Player B+\n
\n {/* */}\n {exposurePnl(dataOdds && dataOdds[2]?.runners[0]?.id)}
\n \n {dataOdds[2]?.runners[0]?.back[0]?.price}\n
\n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n )\n}\n\nexport default connectTeenpattiT20()(TeenpattiT20)\n","import React, { useEffect } from \"react\";\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport {connectBaccarat} from \"./Baccarat.connect\";\nimport BetPlacing from \"../../BetPlacing/BetPlacing\";\nimport {GET_INPLAY_POPULAR_INTERVAL} from \"../../../config/app.config\";\nimport LastResults from \"../helpers/LastResults/LastResults\";\nimport CardsInfo from \"../helpers/CardsInfo/CardsInfo\";\nimport \"./Baccarat.scss\";\n\nconst Baccarat = ({\n sportEvent,\n betPlacing,\n actions,\n exchangeGames,\n exposure,\n headerHeight,\n auth,\n elementsParams\n }) => {\n const dataOdd = sportEvent.sportData;\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n //get price\n const getMarketPrice = (marketIndex, runnersIndex) => {\n if (dataOdd &&\n dataOdd[marketIndex] &&\n dataOdd[marketIndex].runners[runnersIndex] &&\n dataOdd[marketIndex].runners[runnersIndex].back[0] &&\n dataOdd[marketIndex].runners[runnersIndex].back[0].price) {\n\n return dataOdd[marketIndex].runners[runnersIndex].back[0].price;\n }\n };\n //end get price\n // get exposure\n const getExposure = (marketIndex, runnerIndex) => {\n if(auth) {\n const id = sportEvent.sportData[marketIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex].id;\n let objFinder = exposure?.pnlBySelection[Object.keys(exposure?.pnlBySelection).filter((item) => item?.includes(id))]?.pnl;\n // let objFinder = 200;\n return (\n \n
\n \n Match Odds\n
\n \n
\n {oddPush(0,0)}}>\n
\n \n Player A\n {getExposure(0,0)}\n
\n \n {getMarketPrice(0,0)}\n
\n {oddPush(0, 1)}}>\n
\n \n Player B\n {getExposure(0,1)}\n
\n \n {getMarketPrice(0,1)}\n
\n \n
\n \n Pair Plus\n
\n \n
\n {oddPush(1, 0)}}>\n
\n \n Player A+\n {getExposure(1,0)}\n
\n \n {getMarketPrice(1,0)}\n
\n {oddPush(2, 0)}}>\n
\n \n Player B+\n {getExposure(2,0)}\n
\n \n {getMarketPrice(2,0)}\n
\n \n
\n \n );\n};\n\nexport default connectBaccarat()(Baccarat);\n","import React, { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./styles/CasinoMeter.scss\"\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { connectCasinoMeter } from './CasinoMeter.connect'\nimport * as cards from './CasinoMeterHelpers/helpers'\n\nconst CasinoMeter = ({exchangeGames, sportEvent, betPlacing, actions, exposure, eventId, headerHeight, auth, elementsParams}) => {\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n const openBets = useSelector((state) => (state.openBets))\n const myBets = openBets?.matched[0]\n const [selected, setSelected] = useState(\"\")\n const selectedUpdate = myBets && myBets.length > 0 ? myBets.marketId.split('.')[1] : ''\n const placedBet = myBets?.name === \"Casino Meter\" && myBets?.markets[0]?.selections[0][0].selectionName\n\n useEffect(() => {\n if (placedBet !== selected) {\n setSelected(placedBet)\n }\n if (selectedUpdate !== (exchangeGames && exchangeGames[0] && exchangeGames[0].roundId ? exchangeGames[0].roundId : \"\")) {\n setSelected(\"\")\n }\n if (myBets && myBets?.markets[0]?.selections[0][0].selectionName) {\n setSelected( myBets?.markets[0]?.selections[0][0].selectionName)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedUpdate, placedBet, myBets])\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n useEffect(() => {\n const timer = setIntervalAsync(async () => {\n await actions\n .requestExchangeGames(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return \n\n
\n \n
\n {oddPush(4,0);}}>\n Perfect Pair\n
\n \n {getMarketPrice(4,0)}\n :1\n
\n {getExposure(4,0)}\n {oddPush(6,0);}}>\n Big\n
\n \n {getMarketPrice(6,0)}\n :1\n
\n {getExposure(6,0)}\n {oddPush(5,0);}}>\n Small\n
\n \n {getMarketPrice(5,0)}\n :1\n
\n {getExposure(5,0)}\n {oddPush(3,0);}}>\n Either Pair\n
\n \n {getMarketPrice(3,0)}\n :1\n
\n {getExposure(3,0)}\n\n
\n \n
\n \n
\n {oddPush(0,0);}}>\n
\n \n PLAYER\n
\n \n {getMarketPrice(0,0)}\n
\n\n {exchangeGames && exchangeGames[0]?.marketRunner[0]?.cards[2] &&\n \n }\n \n \n
\n {getExposure(0,0)}\n {oddPush(1,0);}}>\n P PAIR\n
\n \n {getMarketPrice(1,0)}:1\n
\n {getExposure(1,0)}\n\n
\n {oddPush(0,1);}}>\n
\n \n BANKER\n
\n \n {getMarketPrice(0,1)}\n
\n\n \n \n {exchangeGames && exchangeGames[0]?.marketRunner[1]?.cards[2] &&\n \n }\n
\n {getExposure(0,1)}\n {oddPush(2,0);}}>\n B PAIR\n
\n \n {getMarketPrice(2,0)}:1\n
\n {getExposure(2,0)}\n {oddPush(0,2);}}>\n
\n \n TIE\n
\n {getExposure(0,2)}\n \n {getMarketPrice(0,2)}:1\n
\n\n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n Low\n
\n \n {\n oddPush(0, 0)\n // setSelected(\"Low (A-9 without ♠9)\")\n }}\n >\n
\n \n
\n \n 
\n 
\n 
\n 
\n 
\n
\n \n 
\n 
\n 
\n {selected === \"Low (A-9 without ♠9)\"\n ? 
\n : 
\n }\n {selected === \"High (10-K without ♠10)\" &&\n \n }\n
\n \n {/*{getExposure(0,0)}*/}\n
\n \n
\n \n \n High\n
\n \n {\n oddPush(1, 0)\n // setSelected(\"High (10-K without ♠10)\")\n }}\n >\n
\n \n
\n \n {selected === \"Low (A-9 without ♠9)\" &&\n \n }\n {selected === \"High (10-K without ♠10)\"\n ? 
\n : 
\n }\n 
\n 
\n 
\n
\n \n {/*{getExposure(1,0)}*/}\n
\n \n Max Win: Stake x 50\n Max Lose: -(Stake x 50)\n
\n \n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n
\n \n \n
\n {getExposure(0,0)}\n \n
\n {oddPush(0,0, true)}}>\n {getMarketPrice(0,0,true)}\n
\n {oddPush(0,0, false)}}>\n {getMarketPrice(0,0,false)}\n
\n \n
\n \n
\n \n \n
\n {getExposure(0,1)}\n \n
\n {oddPush(0,1, true)}}>\n {getMarketPrice(0,1,true)}\n
\n {oddPush(0,1, false)}}>\n {getMarketPrice(0,1,false)}\n
\n \n
\n \n
\n \n \n
\n {getExposure(0,2)}\n \n
\n {oddPush(0,2, true)}}>\n {getMarketPrice(0,2,true)}\n
\n {oddPush(0,2, false)}}>\n {getMarketPrice(0,2,false)}\n
\n \n
\n \n
\n \n \n
\n {getExposure(0,3)}\n \n
\n {oddPush(0,3, true)}}>\n {getMarketPrice(0,3,true)}\n
\n {oddPush(0,3, false)}}>\n {getMarketPrice(0,3,false)}\n
\n \n 
\n 
\n 
\n 
\n \n
\n )\n }\n\n\n\n const select = (dataOdd, item, isBack) => {\n const runner = { name: item.name, id: item.id }\n const oddData = isBack\n ? { ...item.back[0], runner }\n : { ...item.lay[0], runner }\n // console.log('222222222222222222', oddData)\n const marketId = dataOdd && dataOdd.id\n const runnerId = oddData && oddData.runner && oddData.runner.id\n // console.log(marketId, runnerId)\n if (!marketId || !runnerId) return\n actions.setMarket(marketId)\n actions.setRunner(runnerId)\n actions.setRunnerName(oddData && oddData.runner && oddData.runner.name)\n actions.setEventName(dataOdd && dataOdd.event && dataOdd.event.name)\n actions.setIsBack(isBack)\n actions.setPrice(oddData && oddData.price)\n actions.setPriceActual(oddData && oddData.price)\n actions.setDelay(dataOdd && dataOdd.betDelay)\n actions.setMtype(dataOdd && dataOdd.mtype)\n actions.setBtype(dataOdd && dataOdd.btype)\n actions.setLine(oddData && oddData.line)\n actions.setFromOneClick(false)\n actions.setStake(null)\n\n actions\n .requestBetPlacingStart(marketId, runnerId)\n .then((response) => {})\n .catch((err) => console.log('err = ', err))\n }\n // console.log(betPlacing)\n\n\n return (\n <>\n {card}
\n \n
\n\n {/* Dharam Veer */}\n \n\n {/* row1 */}\n
\n\n {/* row2 */}\n\n\n {/* Sahib Bibi aur Gulam */}\n \n\n {/* Don */}\n
\n\n {/* Amar Akbar Anthony */}\n \n \n
\n \n A. {dataOdds && dataOdds[0]?.runners[0]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[0], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[0]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[0], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[0]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[0]?.id)}\n
\n \n \n
\n \n B. {dataOdds && dataOdds[0]?.runners[1]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[1], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[1]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[1], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[1]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[1]?.id)}\n
\n \n \n
\n \n C. {dataOdds && dataOdds[0]?.runners[2]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[2], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[2]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[2], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[2]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[2]?.id)}\n
\n \n \n
\n \n D. {dataOdds && dataOdds[0]?.runners[3]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[3], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[3]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[3], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[3]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[3]?.id)}\n
\n \n\n {/* row3 */}\n\n\n {/* Kis Kisko Pyaar Karoon */}\n \n \n
\n \n E. {dataOdds && dataOdds[0]?.runners[4]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[4], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[4]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[4], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[4]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[4]?.id)}\n
\n \n\n {/* Ghulam */}\n \n \n
\n \n F. {dataOdds && dataOdds[0]?.runners[5]?.name}\n
\n select(dataOdds[0], dataOdds[0]?.runners[5], true)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[5]?.back[0]?.price}\n \n
\n select(dataOdds[0], dataOdds[0]?.runners[5], false)\n : null\n }>\n \n {dataOdds && dataOdds[0]?.runners[5]?.lay[0]?.price}\n \n
\n \n {exposurePnl(dataOdds && dataOdds[0]?.runners[5]?.id)}\n
\n \n \n\n {/* row4 */}\n \n\n
\n \n\n \n
\n Pair
\n\n {/* K-Q */}\n \n
\n\n {/* J-A */}\n select(dataOdds[1], dataOdds[1]?.runners[0], true)\n : null\n }>\n
\n \n \n {dataOdds && dataOdds[1]?.runners[0]?.back[0]?.price}\n
\n K - Q
\n \n {exposurePnlSp(dataOdds && dataOdds[1]?.runners[0]?.id)}\n
\n select(dataOdds[1], dataOdds[1]?.runners[1], true)\n : null\n }>\n
\n \n \n {dataOdds && dataOdds[1]?.runners[1]?.back[0]?.price}\n
\n J - A
\n \n {exposurePnlSp(dataOdds && dataOdds[1]?.runners[1]?.id)}\n
\n \n
\n \n \n \n\n\n\n {/* row5 */}\n\n Color
\n\n \n\n {/* Red */}\n
\n\n {/* Black */}\n select(dataOdds[2], dataOdds[2]?.runners[0], true)\n : null\n }>\n
\n \n \n {dataOdds && dataOdds[2]?.runners[0]?.back[0]?.price}\n
\n\n \n 
\n \n
\n \n {exposurePnlSp(dataOdds && dataOdds[2]?.runners[0]?.id)}\n
\n select(dataOdds[2], dataOdds[2]?.runners[1], true)\n : null\n }>\n
\n \n \n {dataOdds && dataOdds[2]?.runners[1]?.back[0]?.price}\n
\n\n \n \n \n
\n \n {exposurePnlSp(dataOdds && dataOdds[2]?.runners[1]?.id)}\n
\n Cards
\n \n\n\n select(dataOdds[3], dataOdds[3]?.runners[1], true)\n : null\n }>\n
\n \n \n \n\n \n\n {/* J */}\n
\n\n {/* Q */}\n \n select(dataOdds[3], dataOdds[3]?.runners[0], true)\n : null\n }>\n
\n \n \n }\n
\n \n {dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[0]?.status === 'WINNER' && width < 1024\n ? winnerCard('J')\n : dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[0]?.status === 'WINNER'\n ? 
\n : 
}\n
\n \n {dataOdds && dataOdds[3]?.runners[0]?.back[0]?.price}\n \n {exposurePnl(dataOdds && dataOdds[3]?.runners[0]?.id)}\n
\n {exchangeGames && exchangeGames[3]?.marketRunner[0]?.status === 'WINNER' && width > 1024 &&\n \n \n \n }\n
\n\n \n {dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[1]?.status === 'WINNER' && width < 1024\n ? winnerCard('Q')\n : dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[1]?.status === 'WINNER'\n ? 
\n :}\n
\n \n {dataOdds && dataOdds[3]?.runners[1]?.back[0]?.price}\n \n {exposurePnl(dataOdds && dataOdds[3]?.runners[1]?.id)}\n
\n {exchangeGames && exchangeGames[3]?.marketRunner[1]?.status === 'WINNER' && width > 1024 &&\n \n \n\n
\n\n {/* A */}\n \n\n {/* K */}\n select(dataOdds[3], dataOdds[3]?.runners[2], true)\n : null\n }>\n
\n \n \n }\n
\n\n \n {dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[2]?.status === 'WINNER' && width < 1024\n ? winnerCard('K')\n : dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[2]?.status === 'WINNER'\n ? 
\n : }\n
\n \n {dataOdds && dataOdds[3]?.runners[2]?.back[0]?.price}\n \n {exposurePnl(dataOdds && dataOdds[3]?.runners[2]?.id)}\n
\n {exchangeGames && exchangeGames[3]?.marketRunner[2]?.status === 'WINNER' && width > 1024 &&\n \n \n \n }\n
\n\n \n \n \n \n \n\n\n \n\n \n {dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[3]?.status === 'WINNER' && width < 1024\n ? winnerCard('A')\n : dataOdds[3]?.status === 'SUSPENDED' && exchangeGames && exchangeGames[3]?.marketRunner[3]?.status === 'WINNER'\n ? 
\n : }\n
\n \n {dataOdds && dataOdds[3]?.runners[3]?.back[0]?.price}\n \n {exposurePnl(dataOdds && dataOdds[3]?.runners[3]?.id)}\n
\n {exchangeGames && exchangeGames[3]?.marketRunner[3]?.status === 'WINNER' && width > 1024 &&\n \n \n
\n \n );\n};\n\nexport default connectCasino32card()(Casino32card);\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./Poker.scss\"\nimport { connectPoker } from './Poker.connect'\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { useParams } from 'react-router'\n\nconst Poker = ({exchangeGames, sportEvent, betPlacing, actions, exposure, activeTab, headerHeight, auth, elementsParams}) => {\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n const {eventId} = useParams()\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n\n useEffect(() => {\n const timer = setIntervalAsync(async() => {\n await actions\n .requestExchangeGames(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = (runner) => {\n // if (betPlacing.runner && width < 1024) {\n // return \n {/* <>{ width < 1024 ? renderBetPlacing() : \"\" } */}\n
\n {/*\n
\n \n
\n \n Player 8\n {getExposure(0,0)}\n
\n \n
\n {oddPush(0,0);}}>\n {getMarketPrice(0,0)}\n
\n {oddPush(0,0, false);}}>\n {getMarketPrice(0,0, \"lay\")}\n
\n \n
\n \n Player 9\n {getExposure(0,1)}\n
\n \n
\n {oddPush(0,1);}}>\n {getMarketPrice(0,1)}\n
\n {oddPush(0,1, false);}}>\n {getMarketPrice(0,1, \"lay\")}\n
\n \n
\n \n Player 10\n {getExposure(0,2)}\n
\n \n
\n {oddPush(0,2);}}>\n {getMarketPrice(0,2)}\n
\n {oddPush(0,2, false);}}>\n {getMarketPrice(0,2, \"lay\")}\n
\n \n
\n \n Player 11\n {getExposure(0,3)}\n
\n \n
\n {oddPush(0,3);}}>\n {getMarketPrice(0,3)}\n
\n {oddPush(0,3, false);}}>\n {getMarketPrice(0,3, \"lay\")}\n
\n 0\n ? \"exposure-box-poker exposure-poker--pos\"\n : \"exposure-box-poker exposure-poker--neg\"}\n >{objFinder}
\n );\n }\n } else return\n };\n // end get exposure\n\n // lock market\n const resultStatus = (marketIndex) => {\n return !dataOdd[marketIndex].isBettable && 'lock-ui'\n }\n // end lock market\n\n return (\n <>\n */}\n {/*
*/}\n {/* :*/}\n {/* \"\"*/}\n {/*}*/}\n\n POKER 20-20
*/}\n {/* */}\n {/* #{exchangeGames && exchangeGames[0]?.roundId}*/}\n {/*
*/}\n {/* \n
\n \n )\n}\n\nexport default connectPoker()(Poker)\n","import \"./HiLow.scss\";\nimport * as hiLowImg from \"./HiLowHelpers/helpers\";\nimport {useEffect, useState} from \"react\";\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\n// import BetPlacing from \"../../BetPlacing/BetPlacing\";\nimport CardsInfo from \"../helpers/CardsInfo/CardsInfo\";\nimport {GET_INPLAY_POPULAR_INTERVAL} from \"../../../config/app.config\";\nimport LastResults from \"../helpers/LastResults/LastResults\";\nimport React from \"react\";\nimport {connectHiLow} from \"./HiLow.connect\";\nimport {useParams} from \"react-router-dom\";\n\nconst HiLow = ({\n sportEvent,\n betPlacing,\n actions,\n exchangeGames,\n exposure,\n activeTab,\n headerHeight,\n auth,\n elementsParams,\n heightForBetslip\n }) => {\n const dataOdd = sportEvent.sportData;\n const {eventId} = useParams();\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidthh\n // end window width\n\n //get price\n const getMarketPrice = (marketIndex, runnersIndex, side = \"back\") => {\n if (dataOdd &&\n dataOdd[marketIndex] &&\n dataOdd[marketIndex].runners[runnersIndex] &&\n dataOdd[marketIndex].runners[runnersIndex][side][0] &&\n dataOdd[marketIndex].runners[runnersIndex][side][0].price) {\n\n return dataOdd[marketIndex].runners[runnersIndex][side][0].price;\n }\n };\n //end get price\n\n // get exposure\n const getExposure = (marketIndex, runnerIndex) => {\n if(auth) {\n const id = sportEvent.sportData[marketIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex].id;\n let objFinder = exposure?.pnlBySelection[Object.keys(exposure?.pnlBySelection).filter((item) => item.includes(id))]?.pnl;\n // let objFinder = 200;\n if (objFinder) {\n return ( \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n {/* Player A */}\n
\n \n
\n\n\n {/* Player A - Player B */}\n \n
\n Player A
\n \n {getExposure(0, 0 )}\n
\n \n
\n select(dataOdd[0], dataOdd[0]?.runners[0], true)\n : null\n }>\n
\n \n {dataOdd && dataOdd[0]?.runners[0]?.back[0]?.price || 0}\n
\n select(dataOdd[0], dataOdd[0]?.runners[0], false)\n : null\n }>\n
\n \n {dataOdd && dataOdd[0]?.runners[0]?.lay[0]?.price || 0}\n
\n \n
\n\n\n {/* Player B */}\n \n
\n Player A
\n \n 
\n \n
\n \n
\n Player B
\n \n \n \n
\n \n
\n \n
\n Player B
\n \n {getExposure(0, 1 )}\n
\n \n
\n select(dataOdd[0], dataOdd[0]?.runners[1], true)\n : null\n }>\n
\n \n {dataOdd && dataOdd[0]?.runners[1]?.back[0]?.price || 0}\n
\n select(dataOdd[0], dataOdd[0]?.runners[1], false)\n : null\n }>\n
\n \n {dataOdd && dataOdd[0]?.runners[1]?.lay[0]?.price || 0}\n
\n \n
\n \n );\n};\n\nexport default connectHiLow()(HiLow);\n","import React ,{ useEffect } from \"react\";\nimport {useParams} from \"react-router-dom\";\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\n// import BetPlacing from \"../../BetPlacing/BetPlacing\";\nimport CardsInfo from \"../helpers/CardsInfo/CardsInfo\";\nimport {GET_INPLAY_POPULAR_INTERVAL} from \"../../../config/app.config\";\nimport LastResults from \"../helpers/LastResults/LastResults\";\nimport {connectAndarBahar} from \"./AndarBahar.connect\";\nimport \"./AndarBahar.scss\";\n\nconst AndarBahar = ({sportEvent, betPlacing, actions, exchangeGames, exposure, activeTab, headerHeight, auth, elementsParams}) => {\n const dataOdd = sportEvent.sportData;\n const {eventId} = useParams();\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n //get price\n const getMarketPrice = (marketIndex, runnersIndex) => {\n if (dataOdd &&\n dataOdd[marketIndex] &&\n dataOdd[marketIndex].runners[runnersIndex] &&\n dataOdd[marketIndex].runners[runnersIndex].back[0] &&\n dataOdd[marketIndex].runners[runnersIndex].back[0].price) {\n\n return dataOdd[marketIndex].runners[runnersIndex].back[0].price;\n }\n };\n //end get price\n\n // get exposure\n const getExposure = (marketIndex, runnerIndex) => {\n if(auth) {\n const id = sportEvent.sportData[marketIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex].id;\n let objFinder = exposure?.pnlBySelection[Object.keys(exposure?.pnlBySelection).filter((item) => item.includes(id))]?.pnl;\n // const objFinder = 200;\n return (\n \n {/* <>{ width < 1024 ? renderBetPlacing() : \"\" } */}\n
\n \n
\n \n
\n {oddPush(0,0);}}>\n High Card\n
\n \n {getMarketPrice(0,0)}\n {getExposure(0,0)}\n
\n {oddPush(0,1);}}>\n Snap\n
\n \n {getMarketPrice(0,1)}\n {getExposure(0,1)}\n
\n {oddPush(0,2);}}>\n Low Card\n
\n \n {getMarketPrice(0,2)}\n {getExposure(0,2)}\n
\n \n
\n {oddPush(1,0);}}>\n
\n \n 
\n 
\n
\n \n {getMarketPrice(1,0)}\n {getExposure(1,0)}\n
\n {oddPush(1,1);}}>\n
\n \n 
\n 
\n
\n \n {getMarketPrice(1,1)}\n {getExposure(1,1)}\n
\n \n
\n {oddPush(2,0);}}>\n
\n \n 
\n 
\n 
\n 
\n
\n \n {getMarketPrice(2,0)}\n {getExposure(2,0)}\n
\n {oddPush(2,1);}}>\n
\n \n 
\n 
\n 
\n 
\n
\n \n {getMarketPrice(2,1)}\n {getExposure(2,1)}\n
\n {oddPush(2,2);}}\n >\n
\n \n 
\n 
\n 
\n 
\n
\n \n {getMarketPrice(2,2)}\n {getExposure(2,2)}\n
\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n );\n};\n\nexport default connectAndarBahar()(AndarBahar);\n","import React, { useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { useSelector } from 'react-redux';\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport { connectAmarAkbarAnthony } from './AmarAkbarAnthony.connect';\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing';\nimport LastResults from '../helpers/LastResults/LastResults';\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo';\nimport Heart from '../../../assets/images/exchangeGames/bollywoodCasino/heart.svg'\nimport HeartSusp from '../../../assets/images/exchangeGames/bollywoodCasino/heartSusp.svg'\nimport Diamond from '../../../assets/images/exchangeGames/bollywoodCasino/diamond.svg'\nimport DiamondSusp from '../../../assets/images/exchangeGames/bollywoodCasino/diamondSusp.svg'\nimport Club from '../../../assets/images/exchangeGames/bollywoodCasino/club.svg'\nimport Spade from '../../../assets/images/exchangeGames/bollywoodCasino/spade.svg'\nimport trophy from '../../../assets/images/TrophyTeenPattiTest.svg'\nimport \"./AmarAkbarAnthony.scss\"\n\nconst AmarAkbarAnthony = ({\n sportEvent,\n betPlacing,\n actions,\n exchangeGames,\n exposure,\n activeTab,\n headerHeight,\n auth,\n elementsParams\n }) => {\n\n const {eventId} = useParams()\n\n // const dataOdds = useSelector((state) => state.sportEvent.sportData)\n // const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // const exposurePnl = (id) => {\n // if(auth) {\n // const objFinder =\n // exposure?.pnlBySelection[\n // Object.keys(exposure?.pnlBySelection).filter((item) =>\n // item.includes(id)\n // )\n // ]?.pnl\n // return (\n // \n
\n \n
\n \n
\n \n 1st Card Bahar 25%\n
\n \n
\n {\n oddPush(0, 0);\n }}>\n
\n \n Bahar\n {getExposure(0, 0)}\n
\n \n \n {getMarketPrice(0, 0)}\n \n
\n {oddPush(0, 1);}}>\n
\n \n Andar\n {getExposure(0, 1)}\n
\n \n \n {getMarketPrice(0, 1)}\n \n
\n \n
\n )\n}\n\nexport default connectAmarAkbarAnthony()(AmarAkbarAnthony)\n","import React, { useEffect } from \"react\";\nimport {useParams} from \"react-router-dom\";\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\n// import BetPlacing from \"../../BetPlacing/BetPlacing\";\nimport CardsInfo from \"../helpers/CardsInfo/CardsInfo\";\nimport {GET_INPLAY_POPULAR_INTERVAL} from \"../../../config/app.config\";\nimport LastResults from \"../helpers/LastResults/LastResults\";\nimport {connectSevenUpDown} from \"./SevenUpDown.connect\";\nimport * as img from \"./SevenUpDownHelpers/helpers\";\nimport \"./SevenUpDown.scss\";\n\nconst SevenUpDown = ({\n sportEvent,\n betPlacing,\n actions,\n exchangeGames,\n exposure,\n activeTab,\n headerHeight,\n auth,\n elementsParams\n }) => {\n const dataOdd = sportEvent.sportData;\n const {eventId} = useParams();\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n //get price\n const getMarketPrice = (marketIndex, runnersIndex, side = \"back\") => {\n if (dataOdd &&\n dataOdd[marketIndex] &&\n dataOdd[marketIndex].runners[runnersIndex] &&\n dataOdd[marketIndex].runners[runnersIndex][side][0] &&\n dataOdd[marketIndex].runners[runnersIndex][side][0].price) {\n\n return dataOdd[marketIndex].runners[runnersIndex][side][0].price;\n }\n };\n //end get price\n // get exposure\n const getExposure = (marketIndex, runnerIndex) => {\n if(auth) {\n const id = sportEvent.sportData[marketIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex] &&\n sportEvent.sportData[marketIndex].runners[runnerIndex].id;\n let objFinder = exposure?.pnlBySelection[Object.keys(exposure?.pnlBySelection).filter((item) => item.includes(id))]?.pnl;\n // let objFinder = 200;\n if (objFinder) {\n return ( \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n
\n \n
\n \n Amar\n {getExposure(0,0)}\n
\n \n
\n {oddPush(0,0);}}>\n \n {getMarketPrice(0,0)}\n \n
\n {oddPush(0,0, false);}}>\n \n {getMarketPrice(0,0, \"lay\")}\n \n
\n \n
\n \n Akbar\n {getExposure(0,1)}\n
\n \n
\n {oddPush(0,1);}}>\n \n {getMarketPrice(0,1)}\n \n
\n {oddPush(0,1, false);}}>\n \n {getMarketPrice(0,1, \"lay\")}\n \n
\n \n
\n \n Anthony\n {getExposure(0,2)}\n
\n \n
\n {oddPush(0,2);}}>\n \n {getMarketPrice(0,2)}\n \n
\n {oddPush(0,2, false);}}>\n \n {getMarketPrice(0,2, \"lay\")}\n \n
\n \n
\n \n
\n {oddPush(1,1);}}\n >\n EVEN\n
\n \n \n {getMarketPrice(1,1)}\n \n {getExposure(1,1)}\n
\n {oddPush(1,0);}}\n >\n ODD\n
\n \n \n {getMarketPrice(1,0)}\n \n {getExposure(1,0)}\n
\n \n
\n {oddPush(2,0);}}\n >\n \n \n \n \n
\n \n \n {getMarketPrice(2,0)}\n \n {getExposure(2,0)}\n
\n {oddPush(2,1);}}\n >\n \n \n \n \n
\n \n \n {getMarketPrice(2,1)}\n \n {getExposure(2,1)}\n
\n \n
\n {oddPush(3,0);}}\n >\n
\n \n Under 7\n {width < 1024 && getExposure(3,0) }\n
\n \n \n {getMarketPrice(3,0)}\n \n {width > 1024 && getExposure(3,0)}\n
\n {oddPush(3,1);}}\n >\n
\n \n Over 7\n {width < 1024 && getExposure(3,1)}\n
\n \n \n {getMarketPrice(3,1)}\n \n {width > 1024 && getExposure(3,1) }\n
\n \n
\n \n );\n};\n\nexport default connectSevenUpDown()(SevenUpDown);\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./styles/index.scss\"\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\nimport BetPlacing from '../../BetPlacing/BetPlacing'\nimport whiteClubs from \"../../../assets/images/exchangeGames/dragon-tiger/white-clubs.svg\"\nimport whiteDiamonds from \"../../../assets/images/exchangeGames/dragon-tiger/white-diamonds.svg\"\nimport whiteHearts from \"../../../assets/images/exchangeGames/dragon-tiger/white-hearts.svg\"\nimport whiteSpades from \"../../../assets/images/exchangeGames/dragon-tiger/white-spades.svg\"\nimport transparentSpades from \"../../../assets/images/exchangeGames/dragon-tiger/Spades.png\"\nimport transparentClubs from \"../../../assets/images/exchangeGames/dragon-tiger/Clubs.png\"\nimport transparentHearts from \"../../../assets/images/exchangeGames/dragon-tiger/Hearts.png\"\nimport transparentDiamonds from \"../../../assets/images/exchangeGames/dragon-tiger/Diamonds.png\"\nimport { connectDragonTiger } from './DragonTiger.connect'\n\n\nconst DragonTiger = ({exchangeGames, sportEvent, betPlacing, actions, exposure, eventId, headerHeight, auth, activeTab, elementsParams}) => {\n\n // window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n // end window width\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n useEffect(() => {\n const timer = setIntervalAsync(async () => {\n await actions\n .requestExchangeGames(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return \n {width < 1024\n ? (\n
\n \n {/* {renderBetPlacing()} */}\n
\n ) : (\n \n
\n {oddPush(0,0);}}>\n 
\n
\n \n {getMarketPrice(0,0)}\n
\n \n {getExposure(0,0)}\n
\n {oddPush(0,1);}}>\n 
\n
\n \n {getMarketPrice(0,1)} \n
\n {getExposure(0,1)}
\n {oddPush(0,2);}}>\n 
\n
\n\n \n
\n {getMarketPrice(0,2)}
\n {getExposure(0,2)}
\n \n
\n {oddPush(1,1)}}>\n
\n \n 
\n 
\n
\n \n {getMarketPrice(1,1)}\n
\n {getExposure(1,1)}
\n {oddPush(1,0);}}>\n
\n \n 
\n 
\n
\n \n {getMarketPrice(1,0)}\n
\n {getExposure(1,0)}
\n {oddPush(2,1)}}>\n
\n \n EVEN\n
\n \n {getMarketPrice(2,1)}\n
\n {getExposure(2,1)}
\n {oddPush(2,0);}}>\n
\n \n ODD\n
\n \n {getMarketPrice(2,0)}\n
\n {getExposure(2,0)}
\n \n
\n {oddPush(3,0);}}>\n \n \n \n
\n \n {getMarketPrice(3,0)}\n
\n \n {getExposure(3,0)}\n
\n {oddPush(3,1);}}>\n \n \n \n
\n \n {getMarketPrice(3,1)} \n
\n {getExposure(3,1)}
\n {oddPush(3,3);}}>\n \n \n \n
\n \n {getMarketPrice(3,3)}\n
\n \n {getExposure(3,3)}\n
\n {oddPush(3,2);}}>\n \n \n \n
\n \n {getMarketPrice(3,2)} \n
\n {getExposure(3,2)}
\n \n
\n )}\n \n
\n {oddPush(0,0);}}>\n \n
\n \n {getMarketPrice(0,0)}\n
\n \n {getExposure(0,0)}\n
\n {oddPush(0,1);}}>\n \n
\n \n {getMarketPrice(0,1)} \n
\n {getExposure(0,1)}
\n {oddPush(0,2);}}>\n \n
\n \n
\n {getMarketPrice(0,2)}
\n {getExposure(0,2)}
\n {oddPush(1,1)}}>\n
\n \n \n \n
\n \n {getMarketPrice(1,1)}\n
\n {getExposure(1,1)}
\n {oddPush(1,0);}}>\n
\n \n \n \n
\n \n {getMarketPrice(1,0)}\n
\n {getExposure(1,0)}
\n \n
\n {oddPush(2,1)}}>\n
\n \n EVEN\n
\n \n {getMarketPrice(2,1)}\n
\n {getExposure(2,1)}
\n {oddPush(2,0);}}>\n
\n \n ODD\n
\n \n {getMarketPrice(2,0)}\n
\n {getExposure(2,0)}
\n {oddPush(3,0);}}>\n \n \n \n
\n \n {getMarketPrice(3,0)}\n
\n \n {getExposure(3,0)}\n
\n {oddPush(3,1);}}>\n \n \n \n
\n \n {getMarketPrice(3,1)} \n
\n {getExposure(3,1)}
\n {oddPush(3,3);}}>\n \n \n \n
\n \n {getMarketPrice(3,3)}\n
\n \n {getExposure(3,3)}\n
\n {oddPush(3,2);}}>\n \n \n \n
\n \n {getMarketPrice(3,2)} \n
\n {getExposure(3,2)}
\n \n
\n )\n}\n\nexport default connectDragonTiger()(DragonTiger)\n","import React, { useEffect, useState } from 'react'\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport \"./SixPlayerPoker.scss\"\nimport { connectSixPlayerPoker } from './SixPlayerPoker.connect'\nimport CardsInfo from '../helpers/CardsInfo/CardsInfo'\nimport LastResults from '../helpers/LastResults/LastResults'\nimport { GET_INPLAY_POPULAR_INTERVAL } from '../../../config/app.config'\n// import BetPlacing from '../../BetPlacing/BetPlacing'\nimport { useParams } from 'react-router'\nimport WinnerCup from '../../../assets/images/TrophyTeenPattiTest.svg'\n\n\nconst SixPlayerPoker = ({exchangeGames, sportEvent, betPlacing, actions, exposure, activeTab, headerHeight, auth, elementsParams}) => {\n \n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const {eventId} = useParams()\n\n const [hands, setHands] = useState(true)\n\n // sport event data\n const dataOdd = sportEvent.sportData\n // end sport event data\n\n // request Exchange Game data\n\n useEffect(() => {\n const timer = setIntervalAsync(async() => {\n await actions\n .requestExchangeGames(eventId)\n .catch((e) => console.log('requestInplayPopular error = ', e))\n }, GET_INPLAY_POPULAR_INTERVAL)\n return () => clearIntervalAsync(timer)\n }, [])\n // End request Exchange Game data\n\n // Show betslip\n // const renderBetPlacing = (runner) => {\n // if (\n // betPlacing.runner && width < 1024\n // ) {\n // return \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n
\n \n
\n \n
\n Match Odds
\n \n
\n {oddPush(0,0)}}\n >\n Dragon\n
\n \n \n {getMarketPrice(0,0)}\n \n {getExposure(0,0)}\n
\n {oddPush(0,2)}}\n >\n Tie\n
\n \n \n {getMarketPrice(0,2)}\n \n {getExposure(0,2)}\n
\n {oddPush(0,1)}}\n >\n Tiger\n
\n \n \n {getMarketPrice(0,1)}\n \n {getExposure(0,1)}\n
\n {oddPush(0,3)}}\n >\n Suited Tie\n
\n \n \n {getMarketPrice(0,3)}\n \n {getExposure(0,3)}\n
\n \n
\n \n
\n \n
\n Dragon Odd Even
\n {oddPush(1,0)}}\n >\n EVEN\n
\n \n \n {getMarketPrice(1,0)}\n \n {getExposure(1,0)}\n
\n {oddPush(1,1)}}\n >\n ODD\n
\n \n \n {getMarketPrice(1,1)}\n \n {getExposure(1,1)}\n
\n \n
\n Dragon Color
\n {oddPush(3,0)}}\n >\n
\n \n 
\n 
\n
\n \n \n {getMarketPrice(3,0)}\n \n {getExposure(3,0)}\n
\n {oddPush(3,1)}}\n >\n
\n \n 
\n 
\n
\n \n \n {getMarketPrice(3,1)}\n \n {getExposure(3,1)}\n
\n \n
\n \n
\n Tiger Odd Even
\n {oddPush(2,0)}}\n >\n EVEN\n
\n \n \n {getMarketPrice(2,0)}\n \n {getExposure(2,0)}\n
\n {oddPush(2,1)}}\n >\n ODD\n
\n \n \n {getMarketPrice(2,1)}\n \n {getExposure(2,1)}\n
\n \n
\n Tiger Color
\n {oddPush(4,0)}}\n >\n
\n \n \n \n
\n \n \n {getMarketPrice(4,0)}\n \n {getExposure(4,0)}\n
\n {oddPush(4,1)}}\n >\n
\n \n \n \n
\n \n \n {getMarketPrice(4,1)}\n \n {getExposure(4,1)}\n
\n \n
\n \n
\n Dragon Suit
\n {oddPush(5,0)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(5,0)}\n \n {getExposure(5,0)}\n
\n {oddPush(5,1)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(5,1)}\n \n {getExposure(5,1)}\n
\n {oddPush(5,2)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(5,2)}\n \n {getExposure(5,2)}\n
\n {oddPush(5,3)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(5,3)}\n \n {getExposure(5,3)}\n
\n \n
\n Tiger Suit
\n {oddPush(6,0)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(6,0)}\n \n {getExposure(6,0)}\n
\n {oddPush(6,1)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(6,1)}\n \n {getExposure(6,1)}\n
\n {oddPush(6,2)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(6,2)}\n \n {getExposure(6,2)}\n
\n {oddPush(6,3)}}\n >\n
\n \n \n
\n \n \n {getMarketPrice(6,3)}\n \n {getExposure(6,3)}\n
\n */}\n {/*
*/}\n {/* :*/}\n {/* \"\"*/}\n {/*}*/}\n\n POKER 20-20
*/}\n {/* */}\n {/* #{exchangeGames && exchangeGames[0]?.roundId}*/}\n {/*
*/}\n {/* \n\n
}\n\n \n {/* <>{ width < 1024 ? renderBetPlacing() : '' } */}\n {hands ?\n <>\n {width < 1024 && setHands(false)}>Patterns
\n \n setHands(true)}>Hands
\n \n\n {/* Player A */}\n
\n\n {/* Player B */}\n \n Player A
\n select(dataOdd[0], dataOdd[0]?.runners[0], true)\n : null\n }>\n
\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[0]?.back[0]?.price || 0}\n 
*/}\n {winnerCup(0, 0)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[0]?.id)}\n
\n \n Player B
\n select(dataOdd[0], dataOdd[0]?.runners[1], true)\n : null\n }>\n
\n \n {/* Player C */}\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[1]?.back[0]?.price || 0} */}\n {winnerCup(1, 1)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[1]?.id)}\n
\n \n Player C
\n select(dataOdd[0], dataOdd[0]?.runners[2], true)\n : null\n }>\n
\n \n\n {/* Player D */}\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[2]?.back[0]?.price || 0} */}\n {winnerCup(2, 2)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[2]?.id)}\n
\n \n Player D
\n select(dataOdd[0], dataOdd[0]?.runners[3], true)\n : null\n }>\n
\n \n\n {/* Player E */}\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[3]?.back[0]?.price || 0} */}\n {winnerCup(3, 3)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[3]?.id)}\n
\n \n Player E
\n select(dataOdd[0], dataOdd[0]?.runners[4], true)\n : null\n }>\n
\n \n\n {/* Player F */}\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[4]?.back[0]?.price || 0} */}\n {winnerCup(4, 4)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[4]?.id)}\n
\n \n Player F
\n select(dataOdd[0], dataOdd[0]?.runners[5], true)\n : null\n }>\n
\n \n \n {width >= 1024 &&\n <>\n \n
\n \n
\n \n {/* {dataOdd && dataOdd[0]?.runners[5]?.back[0]?.price || 0} */}\n {winnerCup(5, 5)}\n
\n \n {exposurePnl(dataOdd && dataOdd[0]?.runners[5]?.id)}\n
\n \n
\n }\n \n :\n <>\n select(dataOdd[1], dataOdd[1]?.runners[0], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[0]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[0]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[0]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[0]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[1], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[1]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[1]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[1]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[1]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[2], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[2]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[2]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[2]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[2]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[3], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[3]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[3]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[3]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[3]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[4], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[4]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[4]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[4]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[4]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[5], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[5]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[5]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[5]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[5]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[6], true)\n : null\n }>\n
\n\n \n
\n \n {dataOdd && dataOdd[1]?.runners[6]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[6]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[6]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[6]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[7], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[7]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[7]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[7]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[7]?.id)}\n
}\n select(dataOdd[1], dataOdd[1]?.runners[8], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[8]?.name}\n
\n {width < 1024 && \n {exposurePnl(dataOdd && dataOdd[1]?.runners[8]?.id)}\n
}\n \n {dataOdd && dataOdd[1]?.runners[8]?.back[0]?.price}\n {width > 1024 &&
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[8]?.id)}\n
}\n \n setHands(true)}>Hands
\n \n
\n }\n \n select(dataOdd[1], dataOdd[1]?.runners[0], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[0]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[0]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[0]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[1], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[1]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[1]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[1]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[2], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[2]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[2]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[2]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[3], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[3]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[3]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[3]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[4], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[4]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[4]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[4]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[5], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[5]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[5]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[5]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[6], true)\n : null\n }>\n
\n\n \n
\n \n {dataOdd && dataOdd[1]?.runners[6]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[6]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[6]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[7], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[7]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[7]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[7]?.back[0]?.price}\n
\n select(dataOdd[1], dataOdd[1]?.runners[8], true)\n : null\n }>\n
\n \n
\n \n {dataOdd && dataOdd[1]?.runners[8]?.name}\n
\n \n {exposurePnl(dataOdd && dataOdd[1]?.runners[8]?.id)}\n
\n \n {dataOdd && dataOdd[1]?.runners[8]?.back[0]?.price}\n
\n 0\n ? \"casino-war-exposure-box-modern casino-war-exposure-modern--pos\"\n : \"casino-war-exposure-box-modern casino-war-exposure-modern--neg\"}\n >{objFinder}
\n );\n }\n } else return\n };\n // end get exposure\n\n // Show betslip\n // const renderBetPlacing = () => {\n // if (betPlacing.runner && width < 1024) {\n // return {oddPush(market, runner);}}>\n \n {getMarketPrice(market, runner)}\n \n {width >= 1024 && getExposure(market, runner)}\n
;\n };\n\n const cardSrc = (card) => {\n if (card) {\n return `https://stream.fawk.app/assets/smallCards/${card}.png`;\n } else {\n return \"https://stream.fawk.app/assets/smallCards/BACK.png\";\n }\n };\n\n return (\n <>\n \n {/* <>{width < 1024 ? renderBetPlacing() : \"\"} */}\n
\n \n );\n};\n\nexport default connectCasinoWar()(CasinoWar);\n","import React from 'react'\n\nimport trioBettingHistory from './TrioRulesImages/trioBettingHistory.png'\nimport trioLastResults from './TrioRulesImages/trioLastResults.png'\nimport trioLastResultsPopUp from './TrioRulesImages/trioLastResultsPopUp.png'\nimport trioRoundDetailes from './TrioRulesImages/trioRoundDetailes.png'\n\nconst TrioRules = () => {\n return (\n \n
\n \n \n
\n {width < 1024 &&\n \n
\n \n \n 1\n
\n \n \n 2\n
\n \n \n 3\n
\n \n \n 4\n
\n \n \n 5\n
\n \n \n 6\n
\n \n
\n }\n {width >= 1024 &&\n \n
\n \n Player 1\n {getExposure(0, 0)}\n
\n {renderSell(0,0)}\n \n
\n \n Player 2\n {getExposure(1, 0)}\n
\n {renderSell(1,0)}\n \n
\n \n Player 3\n {getExposure(2, 0)}\n
\n {renderSell(2,0)}\n \n
\n \n Player 4\n {getExposure(3, 0)}\n
\n {renderSell(3,0)}\n \n
\n \n Player 5\n {getExposure(4, 0)}\n
\n {renderSell(4,0)}\n \n
\n \n Player 6\n {getExposure(5, 0)}\n
\n {renderSell(5,0)}\n \n
\n }\n \n
\n \n Winner\n
\n \n {dataOdd && dataOdd.map((runner, index) =>\n
\n \n {renderSell(index, 0)}\n
\n )}\n \n 
\n 
\n\n 
\n 
*/}\n
\n )\n}\nexport default TrioRules\n","import React from 'react'\n// import RouletteRuslesLastRes from './images/RulesLastRes.png'\n// import rouletteScreen from './images/rouletteScreen.png'\n// import roulettePnL from './images/roulettePnL.png'\n// import roulettePnLDet from './images/roulettePnLDet.png'\n\nconst RouletteRules = () => {\n return (\n GAME OBJECTIVES
\n\n The game of Bollywood Casino is a game of three cards. The objective is\n to predict that if the total value of three cards will be greater then\n or less then 21.\n
\n\nGAME RULES
\n- \n
- When the game round starts, the markets are opened for Betting. \n
- After the markets are suspended, dealer deals three cards. \n
- The winnings are paid to users according to their bets. \n
Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- 21 Yes \n
Side Bets
\n- \n
- \n 3 Card Judgement(1,2,4) - Predict if one or more cards out of three\n will be an Ace, 2 or a 4.\n \n
- \n 3 Card Judgement(J,Q,K) - Predict if one or more cards out of three\n will be a Jack, Queen or a King.\n \n
- \n Two Red Only - Predict if there will be two Red cards only in the game\n (not more not less).\n \n
- \n Two Black Only - Predict if there will be two Black cards only in the\n game (not more not less).\n \n
- \n Two Odd Only - Predict if there will be two Odd cards only in the game\n (not more not less).\n \n
- \n Two Even Only - Predict if there will be two Even cards only in the\n game (not more not less).\n \n
- Pair - Predict if the cards will form a Pair combination. \n
- Flush - Predict if the cards will form a Flush combination. \n
- \n Straight - Predict if the cards will form a Straight combination.\n \n
- Trio - Predict if the cards will form a Trio combination. \n
- \n Straight Flush - Predict if the cards will form a Straight Flush\n combination.\n \n
LAST RESULTS
\nLast 9 round results can be found at the bottom
\nDetailed last result pop up
\nBETTING HISTORY
\n\n Betting history menu returns the list of all bets made in all of the\n games.\n
\n\n Detailed view of each played round is accessible by clicking on an entry\n from the list\n
\n\n
\n )\n}\nexport default RouletteRules\n","import React from 'react'\n\nconst QueenRules = () => {\n return (\n \n
\n\n GAME OBJECTIVES
\n\n The objective in Roulette is to predict the number on which the ball\n will land by placing one or more bets that cover that particular\n number. The wheel in European Roulette includes the numbers 1-36 plus\n a single 0 (zero).\n
\n\n
\n\n GAME RULES
\n- \n
- Game round starts when Betting Timer reaches 0. \n
- \n After betting time has expired, the ball is spun within the Roulette\n wheel. The ball will eventually come to rest in one of the numbered\n pockets within the wheel. You win if vou have placed a bet that\n covers that particular number.\n \n
\n
\n\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit\n by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n\n Main Bets
\n\n- \n
- Number \n
\n
\n\n Side Bets
\n- \n
- Red \n
- Black \n
- Odd \n
- Even \n
- 1-18 (Low) \n
- 19-36 (High) \n
- 1st 12 (1st Dozen 1-12) \n
- 2nd 12 (2nd Dozen 13-24) \n
- 3rd 12 (3rd Dozen 25-36) \n
- 2to 1 (1st Column 3,6,9……36) \n
- 2to 1 (2nd Column 2,5,8,….35) \n
- 2to 1 (3rd Column 1,4,7,….34) \n
\n \n \n
\n
\n{/* \n Payout
\nPayout depends on the type of bet placed.
\n\n| Number | \n1: 34 | \n
|---|---|
| Red | \n1: 1 | \n
| Odd | \n1: 1 | \n
| Even | \n1: 1 | \n
| 1-18 (Low) | \n1: 1 | \n
| 19-36 (High) | \n1: 1 | \n
| 1st 12 (1st Dozen 1-12) | \n1: 2 | \n
| 2nd 12 (2nd Dozen 13-24) | \n1: 2 | \n
| 3rd 12 (3rd Dozen 25-36) | \n1: 2 | \n
| 2to 1 (1st Column 3,6,9……36) | \n1: 2 | \n
| 2to 1 (2nd Column 2,5,8,….35) | \n1: 2 | \n
| 2to 1 (3rd Column 1,4,7,….34) | \n1: 2 | \n
Please note that any malfunction voids the game round and all eventual payouts for the round. Bets will be returned.
\n\n\n 
\n\n 
\n
\n\n LAST RESULTS
\nLast 9 round results can be found at the bottom
\nDetailed last result pop up
\n\n 
\n\n 
\n
*/}\n\n BETTING HISTORY
\nBetting history menu returns the list of all bets made in all of the games.
\nDetailed view of each played round is accessible by clicking on an entry from the list
\n\n
\n )\n}\nexport default QueenRules\n","import React from 'react'\n\nimport Trail from './images/Trail.jpeg'\nimport Sequence from './images/Sequence.jpeg'\nimport PureSequence from './images/PureSequence.jpeg'\nimport Pair from './images/Pair.jpeg'\nimport Color from './images/Color.jpeg'\nimport HighCard from './images/HighCard.jpeg'\n\nconst TeenpattiTestRules = () => {\n return (\n GAME OBJECTIVES
\n\n In Queen, cards are dealt to each player till their total (cards total +\n place value) is more than or equal to 10. The objective is to predict\n which player will be the winner.\n
\n\nGAME RULES
\n\n The game is played with only 21 cards from a single 52-card deck\n (excluding Jokers) 2,3,4,5,6 of all 4 suits and one Q of any suit is\n used in queen. Cards are shuffled after each game round.\n
\n\nBetting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- Total 0 \n
- Total 1 \n
- Total 2 \n
- Total 3 \n
\n \n \n \n Hands Payout \n \n\n \n Tiger 1: 1.94 \n \n\n \n Lion 1: 1.94 \n \n\n \n Dragon 1: 1.94 \n \n\n \n Pair 1: 4 \n \n\n \n Flush 1: 11 \n \n\n \n Straight 1: 20 \n \n\n \n Trio 1: 125 \n \n\n \n Straight Flush 1: 150 \n \n \n \n
\n )\n}\n\nexport default TeenpattiTestRules\n","import React from 'react'\n\nimport Trail from './images/Trail.jpeg'\nimport Sequence from './images/Sequence.jpeg'\nimport PureSequence from './images/PureSequence.jpeg'\nimport Pair from './images/Pair.jpeg'\nimport Color from './images/Color.jpeg'\nimport HighCard from './images/HighCard.jpeg'\n\nconst LiveTeenpattiRules = () => {\n return (\n GAME OBJECTIVES
\n\n In this version of Teenpatti, the game is played between three Players\n (Tiger, Lion, Dragon) and a total of nine cards are put on the table one\n by one by the dealer. User can place bet(s) only before the round\n starts. The Player with the better hand wins.\n
\n\nGAME RULES
\n\n The game is played with a single 52-card deck (excluding Jokers), cards\n are shuffled after each game round. Any number of players can\n participate in a single game simultaneously.\n
\nRanking of the hands
\n\n Aces are ranked the highest and 2's are the lowest. The objective of the\n game is to have the best 3-card hand and to maximise the pot before the\n showdown. The categories are ranked as follows (from high to low):\n
\n\n- \n
- \n Trail (three of a kind): Three cards of the same rank. Three aces are\n the highest and three 2’s are the lowest.\n \n
- \n Pure Sequence (Straight Flush): Three consecutive cards of the same\n suit..\n \n
- \n Sequence (Straight): Three consecutive cards not all in the same suit.\n \n
- \n Color (Flush): Three cards of the same suit that are not in sequence.\n When comparing two colors, first compare the highest card. If these\n are equal, compare the second and if these are equal compare the\n lowest. Highest flush is A-K-J and the lowest flush is 5-3-2.\n \n
- \n Pair (two of a kind): Two cards of the same rank. Between two pairs,\n the one with the higher value is the winner. If the pairs are of equal\n value then the kicker card determines the winner. The highest pair is\n A-A-K and the lowest is 2-2-3.\n \n
- \n High Card: A hand in which the three cards are not in sequence, not\n all the same suit and no two cards have the same rank. If two players\n share a common high card, the next highest card is used to determine\n the winner. The best high card hand would be an AKJ of different suits\n and the worst is 5-3-2.\n \n
Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- Tiger \n
- Lion \n
- Dragon \n
Side Bets
\nThe player can also place a bet on one of the following side bets:
\n- \n
- Pair \n
- Flush \n
- Straight \n
- Trio \n
- Straight Flush \n
PAYOUTS
\nPayout depends on the type of bet placed.
\n\nIn the event of a tie, bets are refunded.
\n\n \n \n \n Hands Payout \n \n\n \n PAIR 1: 1 \n \n\n \n FLUSH 1: 4 \n \n\n \n STRAIGHT 1: 6 \n \n\n \n TRIO 1: 25 \n \n\n \n STRAIGHT FLUSH 1: 35 \n \n \n \n
\n )\n}\n\nexport default LiveTeenpattiRules\n","import React from 'react'\n\nconst TheTrapRules = () => {\n return (\n GAME OBJECTIVES
\n\n In this version of Teenpatti, a total of six cards are put on the table\n one by one by the dealer. User can place bet(s) only before the round\n starts. The player with the better hand wins.\n
\n\nGAME RULES
\n\n The game is played with a single 52-card deck (excluding Jokers), cards\n are shuffled after each game round. Any number of players can\n participate in a single game simultaneously.\n
\nRanking of the hands
\n\n Aces are ranked the highest and 2's are the lowest. The objective of the\n game is to have the best 3-card hand and to maximise the pot before the\n showdown. The categories are ranked as follows (from high to low):\n
\n\n- \n
- \n Trail (three of a kind): Three cards of the same rank. Three aces are\n the highest and three 2’s are the lowest.\n \n
- \n Pure Sequence (Straight Flush): Three consecutive cards of the same\n suit..\n \n
- \n Sequence (Straight): Three consecutive cards not all in the same suit.\n \n
- \n Color (Flush): Three cards of the same suit that are not in sequence.\n When comparing two colors, first compare the highest card. If these\n are equal, compare the second and if these are equal compare the\n lowest. Highest flush is A-K-J and the lowest flush is 5-3-2.\n \n
- \n Pair (two of a kind): Two cards of the same rank. Between two pairs,\n the one with the higher value is the winner. If the pairs are of equal\n value then the kicker card determines the winner. The highest pair is\n A-A-K and the lowest is 2-2-3.\n \n
- \n High Card: A hand in which the three cards are not in sequence, not\n all the same suit and no two cards have the same rank. If two players\n share a common high card, the next highest card is used to determine\n the winner. The best high card hand would be an AKJ of different suits\n and the worst is 5-3-2.\n \n
Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- PLAYER A \n
- PLAYER B \n
Side Bets
\nThe player can also place a bet on one of the following side bets:
\n- \n
- Player A+ - Predict if player A will get a pair or better \n
- Player B+ - Predict if player B will get a pair or better \n
PAYOUTS
\nPayout depends on the type of bet placed.
\n\nIn the event of a tie, bets are refunded.
\n\n
\n )\n}\n\nexport default TheTrapRules\n","import React from 'react'\n\nimport threecardpuresequence from './images/3cardpuresequence.png'\nimport threecardsequence from './images/3cardsequence.png'\nimport threeofakind from './images/3ofakind.png'\nimport fourcardcolor from './images/4cardcolor.png'\nimport fourcardpuresequence from './images/4cardpuresequence.png'\nimport fourcardsequence from './images/4cardsequence.png'\nimport fourofakind from './images/4ofakind.png'\nimport fourofakindonecolor from './images/4ofakindonecolor.png'\n\nconst TwoCardTeenpattiRules = () => {\n return (\n GAME OBJECTIVES
\n\n The objective of The Trap is to predict that which player will have the\n total score of more then 15 first. It is played with a regular 52 card\n deck.\n
\n\nGAME RULES
\n- \n
- \n Ace = 1 point, 2 = 2, 3 = 3, 4 = 4, 5 = 5, 6 = 6, 7 = 7, 8 = 8, 9 = 9,\n 10 = 10, jack = 11, queen = 12 and king = 13 points.\n \n
- There are two sides, Player A and Player B. \n
- \n First card that will open in the game would be for Player A, next card\n will open in the game for Player B. Likewise till the end of the game.\n \n
- \n Any side that crosses a total score of 15 would be the winner of the\n game.\n \n
- \n For example: the total score should be 16 or above. But if at any\n stage your score is at 13, 14, 15 then you will get into the trap\n which ideally means you lose.\n \n
- \n Hence there are only two conditions from which a player can win,\n either the opponent player has to be trapped in the score of 13, 14 or\n 15 or player’s total score should be above 15.\n \n
Main Bets
\n- \n
- Player A \n
- Player B \n
Side Bets
\n- \n
- High \n
- Low \n
- Picture Card (J, Q, k) \n
- Normal Card (Ace - 10) \n
\n
\n )\n}\n\nexport default TwoCardTeenpattiRules\n","import React from 'react'\n// import upDownScreen from './images/7upDownScreen.png'\n// import upDownLastResult from './images/7upDownLastRes.png'\n// import upDownRulesPnL from './images/7upDownRulesPnL.png'\n// import upDownRulesPnLDet from './images/7upDownRulesPnLDet.png'\n\nconst SevenUpDownRules = () => {\n return (\n GAME OBJECTIVES
\n\n The objective of 2 Card Teenpatti is to predict that which player will\n have the better combination of cards according to the rules of the game.\n It is played with regular 52 card deck.\n
\n\n Please note that combinations rankings in 2 Card Teenpatti defers from\n the one of normal Teenpatti rankings.\n
\nGAME RULES
\nMain:
\n\n In case of consecutive cards, the third card is to be considered in\n ascending order only. For example:\n
\n- \n
- \n if the first two cards are king & ace then the third card is 2, so it\n becomes: k, A & 2 (which is not sequence).\n \n
- \n If the first two cards are 2 & 3, then third card is 4, so it becomes\n 2,3,4 (it will not be 1,2,3).\n \n
- The sequence in order from 1st to last is listed below: \n
- \n If it is alternative cards eg. 6 & 8. Or 2 & 4 Or Q & A. This type of\n alternative game will not be considered as a sequence.\n \n
- If it comes 4 & 4 this will be considered as a trio of 4. \n
- \n Another example is Ace & Ace, which will be considered as trio of Ace.\n \n
- Best combination of games in order of 1st to last: \n
- After that, all the games will be valued of higher card. \n
\n Queen & King\n 1st\n
\n \n 7 & 8\n 7st\n
\n \n Ace & 2\n 2nd\n
\n \n 6 & 7\n 68th\n
\n \n {' '}\n Jack & Queen\n 3rd\n
\n \n 5 & 6\n 9th\n
\n \n 10 & Jack\n 4th\n
\n \n 4 & 5 \n 10th\n
\n \n 9 & 10\n 5th\n
\n \n 3 & 4 \n 11th\n
\n \n 8 & 9\n 6th\n
\n \n 2 & 3 \n 12th\n
\n - \n
→ Pure sequence: 1st best combination
\n→ Trio (3 of a kind): 2nd best combination
\n→ Sequence (straight): 3rd best combination
\n→ colour (suits): 4th best combination
\nMini Baccarat:
\n- \n
- It is a comparison between the last digit of total of both. \n
- The sides Value of cards for baccarat is: \n
- Ace = one point \n
- 2 = 2 point \n
- 3 = 3 point \n
- 4 = 4 point \n
- 5 = 5 point \n
- 6 = 6 point \n
- 7 = 7 point \n
- 8 = 8 point \n
- 9 = 9 point \n
- 10 = 0 point \n
- Jack = 0 point \n
- Queen = 0 point \n
- King = 0 point \n
- Total of two card can be ranged between 0 to 18. \n
- \n If total is in single digit then the same will be considered as\n Baccarat value\n \n
- \n If the total is of double digit, then the last digit will be\n considered as Baccarat value. Higher value Baccarat will win.\n \n
- \n If Baccarat value of both the sides are equal, then both sides will\n lose their bets.\n \n
- \n
Total:
\n- \n
- Total of 2 cards value \n
- Value of each cards: \n
- Ace = 1 point \n
- 2 = 2 point \n
- 3 = 3 point \n
- 4 = 4 point \n
- 5 = 5 point \n
- 6 = 6 point \n
- 7 = 7 point \n
- 8 = 8 point \n
- 9 = 9 point \n
- 10 = 0 point \n
- Jack = 11 point \n
- Queen = 12 point \n
- King = 13 point \n
- \n
Color Plus:
\n\n- \n
- \n It contains seven circumstances to bet on simultaneously, however you\n can only win prize money on the item which has the higher rate.\n \n
- The seven outcomes on which you can bet are listed below: \n
- 3 card sequence \n
- 3 of a kind \n
- 3 card pure sequence \n
- 4 card color \n
- 4 card sequence \n
- 4 card pure sequence \n
- 4 of a kind \n
- If your card is \n
- \n Here you will win prize in case there is a 4 card pure sequence\n only...! Hence they will not receive the prize of:\n \n
- 3 card sequence \n
- 4 card sequence \n
- 4 card color \n
- 3 card pure sequence \n
- \n If the cards are: King of Spades, King of Clubs, King of Diamonds,\n King of Hearts. In this instance you will only receive the prize of 4\n of a kind, therefore you will not win prize of 3 of a kind.\n \n
- \n You will only be able to win one prize, the one which is the most\n beneficial to you.\n \n
- \n
- \n
Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- Player A \n
- Player B \n
Side Bets
\n- \n
- Mini Baccarat A \n
- Mini Baccarat B \n
- Total A \n
- Total B \n
- Color Plus \n
\n
\n )\n}\nexport default SevenUpDownRules\n","import React from 'react'\n\nconst DragonTigerRules = () => {\n return (\n \n
\n\n GAME OBJECTIVES
\n\n Predict whether the next card dealt will be above 7 (7 Up), below 7 (7 Down), or 7.\n
\n\n
\n GAME RULES
\nTo begin a game round after the timer reaches 0, the Dealer deals the card for this round, only one card is dealt per round. Once the card is drawn this is the resulting state and the round ends.
\nPlayers that bet on the winning side will win the bet based on the payout table below (betting on the other side will result in losing the bet). The game is played with eight decks of cards that are shuffled and placed in a shoe, once the cutting card comes out of the shoe shuffling procedure will start.\n
\n\n
\n\n Card Ranking
\nThe ranking of cards is, from lowest to highest: Ace, 2,3,4,5,6,7,8,9,10, Jack, Queen, King where Ace is \"1\" and King is \"13\".
\n\n
\n\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit\n by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n\n Main Bets
\nDragon Tiger have several betting possibilities:
\n\n- \n
- Number \n
- 7 \n
- 7 DOWN \n
\n
\n\n Side Bets
\nPlacing a bet on the side bet does not require placing a bet on main bet (but can be done in addition to the main bet).
\nRed or Black - Predict if the card dealt in the round will be Red or Black.
\nOdd or Even - Predict if the card dealt in the round will be Odd or Even.
\nClub/Diamond/Heart/Spade - Predict the card dealt in the round will be of which suit
\n\n \n \n
\n {/*
\n{/* \n Payout
\nPayout depends on the type of bet placed.
\n\n| 7 UP | \n1: 0.98 | \n
|---|---|
| 7 | \n1: 1.5 | \n
| 7 DOWN | \n1: 0.98 | \n
| RED / BLACK | \n1: 0.98 | \n
| ODD | \n1: 0.8 | \n
| EVEN | \n1: 1.1 | \n
| Club/Diamond/Heart/Spade | \n1: 2.75 | \n
In case the winning card is 7 then bets on 7 Up or 7 Down will lose 50% of the bet amount.
*/}\nPlease note that any malfunction voids the game round and all eventual payouts for the round. Bets will be returned.
\n\n\n 
\n\n 
\n
\n\n LAST RESULTS
\nLast 9 round results can be found at the bottom
\nDetailed last result pop up
\n\n 
\n\n 
\n
*/}\n\n BETTING HISTORY
\nBetting history menu returns the list of all bets made in all of the games.
\nDetailed view of each played round is accessible by clicking on an entry from the list
\n\n
\n )\n}\nexport default DragonTigerRules\n","import React from 'react'\nimport poker1 from './images/poker1.png'\nimport poker2 from './images/poker2.png'\nimport poker3 from './images/poker3.png'\nimport poker4 from './images/poker4.png'\nimport poker5 from './images/poker5.png'\nimport poker6 from './images/poker6.png'\nimport poker7 from './images/poker7.png'\nimport poker8 from './images/poker8.png'\nimport poker9 from './images/poker9.png'\nimport poker10 from './images/poker10.png'\n\nconst SixPlayerPokerRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n Dragon Tiger's objective is to predict who has the higher card –\n Dragon or Tiger. Two cards are dealt by the Dealer, one to the Dragon\n and one to the Tiger. The user can bet on which one will be higher.\n There are also additional markets on the individual cards. It is\n played with Six decks of cards that are stored in a shuffling machine.\n
\n\n
\n GAME RULES
\n- \n
- Game round starts when Betting Timer reaches 0. \n
- \n A single card is dealt by the Dealer to Dragon and Tiger each. The\n side with Higher Card wins.\n \n
- \n Card value from the lowest to the highest is as follows: Ace with\n value 1, being the lowest and followed by 2 and so on, and King the\n highest (A-2-3-4-5-6-7-8-9-10-J-Q-K)\n \n
- \n If cards for the Dragon and Tiger are equal both in value and suit,\n it's a Suited Tie.\n \n
\n
\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Dragon \n
- Tiger \n
- Tie \n
- Suited Tie \n
\n
\n Side Bets
\n- \n
- Dragon-Even \n
- Dragon-Odd \n
- Tiger-Even \n
- Tiger-Odd \n
- Dragon-Red \n
- Dragon-Black \n
- Tiger-Red \n
- Tiger-Black \n
- Dragon-Spade \n
- Dragon-Heart \n
- Dragon-Club \n
- Dragon-Diamond \n
- Tiger-Spade \n
- Tiger-Heart \n
- Tiger-Club \n
- Tiger-Diamond \n
\n \n \n
\n
\n Payout
\n\n Payout depends on the type of bet placed.\n
\n| Dragon | \n1: 0.98 | \n
|---|---|
| Tiger | \n1: 0.98 | \n
| Tie | \n1: 10 | \n
| Suited Tie | \n1: 49 | \n
| Dragon-Even | \n1: 1.1 | \n
| Dragon-Odd | \n1: 0.8 | \n
| Tiger-Even | \n1: 1.1 | \n
| Tiger-Odd | \n1: 0.8 | \n
| Dragon-Red | \n1: 0.95 | \n
| Dragon-Black | \n1: 0.95 | \n
| Tiger-Red | \n1: 0.95 | \n
| Tiger-Black | \n1: 0.95 | \n
| Dragon-Spade | \n1: 2.75 | \n
| Dragon-Heart | \n1: 2.75 | \n
| Dragon-Diamond | \n1: 2.75 | \n
| Dragon-Club | \n1: 2.75 | \n
| Tiger-Spade | \n1: 2.75 | \n
| Tiger-Heart | \n1: 2.75 | \n
| Tiger-Club | \n1: 2.75 | \n
| Tiger-Diamond | \n1: 2.75 | \n
\n Please note that any malfunction voids the game round and all\n eventual payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default SixPlayerPokerRules\n","import React from 'react'\n\nconst Race2020Rules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective is to get best card combination out of six Players in\n the end of the game.\n
\n\n
\n GAME RULES
\n\n
\n \n Each Player are dealt two cards as their personal hand (hole cards),\n after which there is a round of betting. Three board cards are dealt\n simultaneously (called the flop) and another round of betting\n occurs. The next two board cards are dealt one at a time, with a\n round of betting after each card. The board cards are community\n cards, and a player can use any five-card combination from among the\n board and personal cards. A player can even use all of the board\n cards and no personal cards to form a hand (\"play the board\")\n
\n\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Cards combinations
\n\n
\n \n High Card - Any hand that does not form any of the\n below-mentioned combinations. The Hand with the highest card wins.\n
\n\n 
\n
\n \n
\n \n Pair- Any two cards of the same rank (two aces, two\n kings and etc.) If several Hands have a Pair, the Hand with the\n higher Pair wins. If several Hands have the same rank pair, the Hand\n with the higher kicker wins.\n
\n\n 
\n
\n \n
\n \n Two Pair- Any two cards of the same rank together\n with another two cards of the same rank. If several Positions have a\n Two pair Hand, the Hand with the higher pairs wins. If two players\n have the same rank pairs, the Hand with the higher kicker wins.\n
\n\n 
\n
\n \n
\n \n Three of a kind- Any three cards of the same rank.\n If several Hands have Three of a kind, the Hand with the higher\n Three of a kind wins. If two Hands have the same Three of a kind,\n the Hand with the higher fourth or/and fifth card wins\n
\n\n 
\n
\n \n
\n \n Straight- Any five consecutive cards of different\n suits. Aces can count as either a low card (A-2-3-4-5) or a high\n (10-J-Q-K-A).\n
\n\n 
\n
\n \n
\n \n Flush- Any non-consecutive five (5) cards of the\n same suit. If several Hands have a Flush, the Hand with the higher\n pocket card(s) used to form the best hand wins.\n
\n\n 
\n
\n \n
\n \n Full House- Any three cards of the same rank\n together with any two cards of the same rank. If several Hands have\n a Full House, the Hand with the highest Three of a kind wins. If\n several Hands have the same Three of a kind, the Hand with the\n higher Pair wins.\n
\n\n 
\n
\n \n
\n \n Four of a kind- Any four cards of the same rank. If\n several Hands have Four of a kind, the Hand with the higher Four of\n a kind wins. If several Hands have the same Four of a kind, the Hand\n with a higher kicker wins.\n
\n\n 
\n
\n \n
\n \n Straight Flush- Any straight with all five cards of\n the same suit. If several Hands have a Straight Flush, the Hand with\n the higher Straight Flush wins.\n
\n\n 
\n
\n \n
\n \n Royal Flush- A straight from Ten to Ace with all\n five (5) cards of the same suit. This is the strongest poker hand.\n
\n\n 
\n
\n \n Two hands that are identical, card for card, are tied since the\n suits have no relative rank in Poker. In such a case, the tied\n players split the pot. Note that if two hands contain the same high\n pair, then the ranking of the next card in the hands determines\n which one wins. For example: 9, 9, 7, 4, 2 beats 9, 9, 5, 3, 2.\n Likewise, two hands that have identical pairs would be decided by\n the fifth card. For example: Q, Q, 6, 6, J beats Q, Q, 6, 6, 10.\n
\n\n
\n Main Bets
\n- \n
- Player A \n
- Player B \n
- Player C \n
- Player D \n
- Player E \n
- Player F \n
\n
\n Side Bets
\n\n Placing a bet on the side bet does not require placing a bet on main\n bet (but can be done in addition to the main bet).\n
\n- \n
- High Card - Predict if winning hand will have a High Card \n
- Pair - Predict if winning hand will have a Pair \n
- Two Pair - Predict if winning hand will have a Two Pair \n
- \n Three of a Kind - Predict if winning hand will have a Three of a\n Kind\n \n
- Straight - Predict if winning hand will have a Straight \n
- Flush - Predict if winning hand will have a Flush \n
- Full House - Predict if winning hand will have a Full House \n
- \n Four of a Kind - Predict if winning hand will have a Four of a Kind\n \n
- \n Straight Flush - Predict if winning hand will have a Straight Flush\n \n
\n
\n PAYOUTS
\n\n \n \n
\n
\n | High Card | \n1: 99 | \n
|---|---|
| Pair | \n1: 4.8 | \n
| Two Pair | \n1: 2.1 | \n
| Three of a Kind | \n1: 5.8 | \n
| Straight | \n1: 4.7 | \n
| Flush | \n1: 7.7 | \n
| Full House | \n1: 7.7 | \n
| Four of a Kind | \n1: 79 | \n
| Straight Flush | \n1: 99 | \n
\n Please note that any malfunction voids the game round and all\n eventual payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default Race2020Rules\n","import React from 'react'\n\nconst SicBoRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of Race 20-20 is to predict that which King of a suit\n will get five cards first. It is played with a regular 52 card deck\n and all cards are used in the game except the four King cards.\n
\n\n
\n GAME RULES
\n\n
\n \n
\n - \n
- \n When the game round starts, the markets are opened for Betting.\n \n
- After the markets are suspended, dealer deals cards. \n
- The winnings are paid to users according to their bets. \n
Main Bets
\n\n
\n - \n
- King of Spades \n
- King of Hearts \n
- King of Clubs \n
- King of Diamonds \n
\n
\n )\n}\nexport default SicBoRules\n","import React from 'react'\n\nconst AmarAkbarAnthonyRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n Super Sic Bo is an exciting game of chance played with three regular\n dice with face value 1 to 6. The objective of Super Sic Bo is to\n predict the outcome of the shake of the three dice.\n
\n\n
\n GAME RULES
\n\n
\n \n
\n - \n
- Game round starts when Betting Timer reaches 0. \n
- \n After betting time has expired, the dice are shaken in a dice\n shaker.\n \n
- The Dealer reveals the result and game round is over. \n
\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n\n
\n - \n
- \n Dice Total: Predict what will be the total value of the three\n dices.\n \n
\n
\n Side Bets
\n\n
\n - \n
- \n Odd (Lose if any Triple): Predict if the Dice Total value will\n be odd.\n \n
- \n Even (Lose if any Triple): Predict if the Dice Total value will\n be even.\n \n
- \n Small (Lose if any Triple): Predict if the Dice Total value will\n be in between 4 to 10.\n \n
- \n Big (Lose if any Triple): Predict if the Dice Total value will\n be in between 11 to 17.\n \n
- \n Any Triple: Predict if all three dice will have same value.\n \n
- \n Triple: Predict if all three dice will have same specific value.\n \n
\n \n \n
\n
\n Payout
\nPayout depends on the type of bet placed.
\n| \n 4\n | \n1: 29 | \n
|---|---|
| \n 5\n | \n1: 19 | \n
| \n 6\n | \n1: 15 | \n
| \n 7\n | \n1: 12 | \n
| \n 8\n | \n1: 8 | \n
| \n 9\n | \n1: 6 | \n
| \n 10\n | \n1: 6 | \n
| \n 11\n | \n1: 6 | \n
| \n 12\n | \n1: 6 | \n
| \n 13\n | \n1: 8 | \n
| \n 14\n | \n1: 12 | \n
| \n 15\n | \n1: 15 | \n
| \n 16\n | \n1: 19 | \n
| \n 17\n | \n1: 29 | \n
| \n Odd\n | \n1: 0.98 | \n
| \n Even\n | \n1: 0.98 | \n
| \n Small\n | \n1: 0.98 | \n
| \n Big\n | \n1: 0.98 | \n
| \n Any Triple\n | \n1: 19 | \n
| \n Triple\n | \n1: 79 | \n
\n Please note that any malfunction voids the game round and all eventual\n payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default AmarAkbarAnthonyRules\n","import React from 'react'\n\nconst MulfisRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of Amar Akbar Anthony is to predict that the winning\n card of the game round is of which set of cards (Amar, Akbar or\n Anthony). It is played with eight decks of cards that are stored in a\n shuffling machine.\n
\n\n
\n GAME RULES
\n\n
\n \n
\n - \n
- \n The user can place a bet on either AMAR, AKBAR, ANTHONY, or one\n of side bets.\n \n
- \n To begin a game round the Dealer deals the first and only card\n of the round.\n \n
- The dealt card is moved to the winning set. \n
\n
\n Card Sets
\n\n
\n - \n
- \n If the card is an ACE, 2, 3, 4, 5 or 6 of any suit then AMAR\n wins.\n \n
- \n If the card is a 7, 8, 9 or 10 of any suit then AKBAR wins.\n \n
- \n If the card is a JACK, QUEEN or KING of any suit then ANTHONY\n wins.\n \n
\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n\n
\n - \n
- Amar \n
- Akbar \n
- Anthony \n
\n
\n Side Bets
\n\n
\n - \n
- Odd \n
- Even \n
- Red \n
- Black \n
- Under 7 \n
- Over 7 \n
\n \n \n
\n
\n Payout
\nPayout depends on the type of bet placed.
\n| \n Odd\n | \n1: 0.8 | \n
|---|---|
| \n Even\n | \n1: 1.1 | \n
| \n Black\n | \n1: 0.97 | \n
| \n Red\n | \n1: 0.97 | \n
| \n Under 7\n | \n1: 1 | \n
| \n Over 7\n | \n1: 1 | \n
\n Please note that any malfunction voids the game round and all eventual\n payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default MulfisRules\n","import React from 'react'\n\nconst AndarBaharRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of Muflis Teenpatti is to predict that which player will\n have the weaker combination of cards. It is the opposite of Teenpatti.\n It is played with regular 52 card deck\n
\n\n
\n GAME RULES
\n\n
\n Main Bet:
\n\n
\n - \n
- \n In regular Teenpatti C2, S3, H5 is the lowest game, but in this\n game it is the best game.\n \n
- \n In regular Teenpatti S12, S13, S1 is the highest game, but here\n it is the worst game.\n \n
\n
\n Top 9:
\nHere 2 conditions apply:
\n\n
\n \n Condition 1:
\n- \n
- \n Game must not have, Pair, Flush, Straight, Trio or Straight\n Flush.\n \n
\n
\n Condition 2:
\n- \n
- \n . If your game has the highest card of 9, you will receive\n triple(x3) amount of your bet stake.\n \n
- \n . If your game has the highest card of 8, you will receive\n quadruple(x4) amount of your bet stake.\n \n
- \n . If your game has the highest card of 7, you will receive\n triple(x5) amount of your bet stake.\n \n
- \n . If your game has the highest card of 6, you will receive\n triple(x8) amount of your bet stake.\n \n
- \n . If your game has the highest card of 5, you will receive\n triple(x30) amount of your bet stake.\n \n
\n
\n M (Muflis) Baccarat:
\n\n
\n - \n
- \n Baccarat is where you take the last digit of the total of the 3\n cards of the game.\n \n
- Value of cards are: \n
- Ace = 1 point \n
- 2 = 2 point \n
- 3 = 3 point \n
- 4 = 4 point \n
- 5 = 5 point \n
- 6 = 6 point \n
- 7 = 7 point \n
- 8 = 8 point \n
- 9 = 9 point \n
- \n 10 , jack , queen, king , all have zero points value( suit or\n color of the card doesn't matter in point value).\n \n
\n \n
\n \n Example 1:
\n- \n
- if game is \n
- 2 ,5 ,8 \n
- 2 + 5 + 8 = 15 \n
- Here last digit is 5. So baccarat value is 5. \n
\n
\n Example 2:
\n- \n
- if game is \n
- 1, 4, K \n
- 1 + 4 + 0 = 5 \n
- \n If answer is in one digit , then that one digit is considered as\n baccarat value.\n \n
- \n M baccarat is comparison of baccarat value of both the game.\n \n
- But here lower value baccarat will win. \n
- \n If baccarat value is tie of both the game then, game having\n lowest card will win.\n \n
- ace is highest card & 2 is lowest card. \n
- \n If lowest card of both game is equal then color will be\n compared.\n \n
- Diamond color is lowest. Then club then heart then spade. \n
\n \n
\n Example:
\n- \n
- \n if baccarat value is tie & lowest card of game A is H2 and\n lowest card of game B is D2 then game B will win.\n \n
\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer in the game window shows how much time you have left\n to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Player A \n
- Player B \n
\n
\n Side Bets
\n- \n
- Top 9 A \n
- Top 9 B \n
- M Baccarat A \n
- M Baccarat B \n
\n
\n )\n}\nexport default AndarBaharRules\n","import React from 'react'\n\nconst ThirtyTwoCardRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n Players need to predict whether a card with same value as of Joker\n card of that round will be drawn on Andar or Bahar side.\n
\n\n
\n
\n GAME RULES
\n\n
\n - \n
- \n To begin a game round the Dealer deals the first card which is\n commonly known as the \"Joker Card\".\n \n
- \n After that the dealer deals a single card to each side: A card\n will be first drawn for Bahar and then for Andar and then for\n Bahar again and so forth until a card with the same value as of\n Joker card (regardless of the suit) will be drawn on one of the\n sides.\n \n
- \n Once this matching card is drawn on either side the round ends.\n \n
\n The game is played with one deck of cards that are shuffled either by\n the dealer or shuffling machine before each round. The deck is cut\n after the shuffle and the dealer reveals the Joker card.\n
\n\n
\n
\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Andar \n
- Bahar \n
\n \n \n
\n
\n Cards combinations
\n| BET | \nBACK | \n
|---|---|
| ANDAR | \n1: 0.98 | \n
| BAHAR | \n1: 0.98 (If First card Bahar winner {`=>`} 1: 0.25) | \n
\n Please note that any malfunction voids the game round and all\n eventual payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default ThirtyTwoCardRules\n","import React from 'react'\n\nconst HighLowRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of 32 Card Casino is to predict the winning player of\n the game round. 32 Card Casino is played with a deck of 32 cards which\n does not include A,2,3,4,5 ranked cards. To win, you need to predict\n if total of the base value of the Player and cards dealt with the\n Player will be higher or lower than other three Players. You can\n either back or lay any Player. On Draw between one or more Players,\n the market will be reopened for the next cards and users can place new\n bets.\n
\n\n
\n GAME RULES
\n- \n
- \n When the game round starts, no cards are dealt but the market is\n opened for initial Betting.\n \n
- After the market is suspended, each player is dealt one card. \n
- \n If there is a tie between any two players, the\n market is reopened for betting to decide the winner. This will\n continue till the winner is decided.\n \n
\n
\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- \n Player 8: Have a base value of 8 which is added to card(s)' total\n value.\n \n
- \n Player 9: Have a base value of 9 which is added to card(s)' total\n value.\n \n
- \n Player 10: Have a base value of 10 which is added to card(s)'\n total value.\n \n
- \n Player 11: Have a base value of 11 which is added to card(s)'\n total value.\n \n
\n
\n )\n}\nexport default HighLowRules\n","import React from 'react'\n\nconst MatkaRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of High Low/ Higher Lower/ Hi-Low is to predict whether\n the Ante card (Player's card) will be higher, lower or of the same\n value as the Joker card of the game round. It is played with six card\n decks that are stored in a shuffling machine.\n
\n\n
\n GAME RULES
\n\n
\n - \n
- A round begins when the timer reaches 0. \n
- \n The Dealer deals one card from the shuffling machine which is the\n Ante card of the round.\n \n
- \n After the game round is over, the Joker card is returned into the\n shuffling machine. The Ante card of the round becomes the Joker\n card for the next round.\n \n
\n If the Joker card is a 2, the Lower will be\n disabled for betting. If the Joker card is an Ace, then the{' '}\n Higher will be disabled for betting.\n
\n\n
\n Card Ranking
\n\n The ranking of cards is, from lowest to highest: 2,3,4,5,6,7,8,9,10,\n Jack, Queen, King, Ace where Ace is \"14\".\n
\n\n
\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- \n High Card: Predict if the Ante Card will be higher than the Joker\n Card\n \n
- \n Snap: Predict if the Ante Card will be same as the Joker Card\n \n
- \n Low Card: Predict if the Ante Card will be lower than the Joker\n Card\n \n
\n
\n Side Bets
\n- \n
- \n Black: Predict if the Ante Card will be of a Black suit (Spades or\n Clubs)\n \n
- \n Red: Predict if the Ante Card will be of a Red suit (Hearts or\n Diamonds)\n \n
- \n 2, 3, 4, 5: Black: Predict if the Ante Card will be a 2, 3, 4 or 5\n (Independent of the suit)\n \n
- \n 6, 7, 8, 9: Black: Predict if the Ante Card will be a 6, 7, 8, or\n 9 (Independent of the suit)\n \n
- \n J, Q, K, A: Black: Predict if the Ante Card will be a Jack, Queen,\n King or Ace (Independent of the suit)\n \n
\n \n \n
\n
\n Payout
\nPayout depends on the type of bet placed.
\n| High Card | \nVaries according to Joker Card | \n
|---|---|
| Low Card | \nVaries according to Joker Card | \n
| Snap | \n1: 11.06 | \n
| Black | \n1: 0.95 | \n
| Red | \n1: 0.95 | \n
| 2, 3, 4, 5 | \n1: 1.89 | \n
| 6, 7, 8, 9 | \n1: 1.89 | \n
| Jack, Queen, King, Ace | \n1: 1.89 | \n
\n Please note that any malfunction voids the game round and all\n eventual payouts for the round. Bets will be returned.\n
\n\n
\n )\n}\nexport default MatkaRules\n","import React from 'react'\nimport poker1 from './images/poker1.png'\nimport poker2 from './images/poker2.png'\nimport poker3 from './images/poker3.png'\nimport poker4 from './images/poker4.png'\nimport poker5 from './images/poker5.png'\nimport poker6 from './images/poker6.png'\nimport poker7 from './images/poker7.png'\nimport poker8 from './images/poker8.png'\nimport poker9 from './images/poker9.png'\nimport poker10 from './images/poker10.png'\n\nconst Poker2020Rules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n In Matka, the winner is declared on the basis of last digit of the sum of all the cards which is known as the\n Total Pana. The objective is to predict which Total Pana will be the winner.\n
\n\n
\n GAME RULES
\n\n
\n Single
\n\n
\n Total Pana
\n- \n
- Sum of all three Panas is the Total Pana. \n
- Rate paid is 9.5 . \n
\n
\n Odd Even
\n- \n
- Odd Pana is considered when Total Pana is Odd. \n
- Even Pana is considered when Total Pana is Even. \n
\n
\n Line
\n- \n
- Line1 Pana is considered when Total Pana is 1, 2, 3, 4, or 5. \n
- Line2 Pana is considered when Total Pana is 6, 7, 8, 9, or 0. \n
\n
\n SP (Single Pana)
\n\n
\n SP
\n- \n
- Each Single Pana has 12 combinations. \n
- Single Pana {`is always in X < Y < Z format and all three numbers of Pana are unique.`} \n
- Rate Paid for Single Pana: 140 \n
- \n For example:\n
- \n
- for every number, there are 12 combinations so when you bet 100 you are actually betting 1200 \n
- If the Total Pana is equal to the number you selected, Your payout will be
140*100 = 14000 -\n 1200 = 12800\n \n - If the Total Pana is not equal to the number you selected, you will lose 1200. \n
\n
\n
\n ALL SP
\n- \n
- All SP has 120 combinations. \n
- If all three numbers of Pana are unique, it is All SP \n
- Rate Paid for All SP: 140 \n
- \n For example:\n
- \n
- for every number, there are 120 combinations so when you bet 100 you are actually betting 12000\n \n
- If you win, your payout will be
140*100 = 14000 - 12000 = 2000 \n - If you lose, you will lose 12000. \n
\n
\n
\n DP (Double Pana)
\n\n
\n DP
\n- \n
- Each Double Pana has 9 combinations \n
- Double Pana{` is always in X = Y < Z or X < Y = Z format and Pana has two same numbers.`} \n
- Rate Paid for Double Pana: 240 \n
- \n For example:\n
- \n
- for every number, there are 9 combinations so when you bet 100 you are actually betting 900 \n
- If the Total Pana is equal to the number you selected, Your payout will be
240*100 = 24000 - 900 = 23100 \n - If the Total Pana is not equal to the number you selected, you will lose 900. \n
\n
\n
\n ALL DP
\n- \n
- All DP has 90 combinations \n
- If any two numbers of Pana out of three are same, it is DP \n
- Rate Paid for All SP: 240 \n
- \n For example:\n
- \n
- for every number, there are 90 combinations so when you bet 100 you are actually betting 9000 \n
- If you win, your payout will be
240*100 = 24000 - 9000 = 15000 \n - If you lose, you will lose 9000. \n
\n
\n
\n All Trio
\n\n
\n - \n
- All trio has 10 combinations \n
- If all three numbers of Pana are the same, it is All Trio \n
- Rate Paid for All Trio: 700 \n
- \n For example:\n
- \n
- There are 10 combinations in All Trio so when you bet 100 you are actually betting 1000 \n
- If you win, your payout will be
700*100 = 70000 - 1000 = 69000 \n - If you lose, you will lose 1000. \n
\n
\n
\n Common SP
\n\n
\n - \n
- Each Common SP has 36 combinations \n
- In common SP, All three numbers are unique and contain a selected number \n
- Rate Paid for Common SP: 140 \n
- \n For example:\n
- \n
- for every number, there are 36 combinations so when you bet 100 you are actually betting 3600 \n
- If a combination is a winner from your selected combinations, Your payout will be
140*100 = 14000 - 3600 = 10400 \n - If the winner combination does not belong to your selected combinations, you will lose 3600. \n
\n
\n
\n Common DP
\n\n
\n - \n
- Each Common DP has 18 combinations \n
- In common DP, the selected number needs to be repeated otherwise any number repeated with the selected number \n
- Rate Paid for Common DP: 240 \n
- \n For example:\n
- \n
- for every number, there are 18 combinations so when you bet 100 you are actually betting 1800 \n
- If a combination is a winner from your selected combinations, Your payout will be
240*100 = 24000 - 1800 = 22200 \n - If the winner combination does not belong to your selected combinations, you will lose 1800. \n
\n
\n
\n Betting Instructions
\n\n
\n - \n
- If a game round is in progress when you enter the game, please wait for the next one, and then, place your bets. \n
- After the timer reaches 0, the game round begins. \n
- To place a bet, click on the box, enter the stake amount and submit by clicking on Place Bet button. \n
- You can place several bets on different runners in different markets simultaneously. \n
- The timer shows how much time you have left to place your bets. \n
- Winnings are paid for the winning bets at the end of each game round. \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Total Pana \n
\n
\n Side Bets
\n- \n
- Odd Even \n
- Line \n
- SP \n
- ALL SP \n
- DP \n
- ALL DP \n
- ALL TRIO \n
- Common SP \n
- Common DP \n
\n
\n Payout
\nPayout depends on the type of bet placed.
\n\n \n \n
\n
\n | Total Pana | \n1: 8.5 | \n
|---|---|
| Odd Even | \n1: 0.95 | \n
| Line | \n1: 0.95 | \n
| SP | \n1: 128 | \n
| ALL SP | \n1: 20 | \n
| DP | \n1: 231 | \n
| ALL DP | \n1: 150 | \n
| ALL TRIO | \n1: 690 | \n
| Common SP | \n1: 104 | \n
| Common DP | \n1: 222 | \n
Please note that any malfunction voids the game round and all eventual payouts for the round. Bets will be returned.
\n\n
\n )\n}\nexport default Poker2020Rules\n","import React from 'react'\n\nimport Trail from './images/Trail.jpeg'\nimport Sequence from './images/Sequence.jpeg'\nimport PureSequence from './images/PureSequence.jpeg'\nimport Pair from './images/Pair.jpeg'\nimport Color from './images/Color.jpeg'\nimport HighCard from './images/HighCard.jpeg'\n\nconst TeenpattiT20Rules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective is to get best card combination out of six Players in\n the end of the game.\n
\n\n
\n GAME RULES
\n\n
\n \n Each Player are dealt two cards as their personal hand (hole cards),\n after which there is a round of betting. Three board cards are dealt\n simultaneously (called the flop) and another round of betting\n occurs. The next two board cards are dealt one at a time, with a\n round of betting after each card. The board cards are community\n cards, and a player can use any five-card combination from among the\n board and personal cards. A player can even use all of the board\n cards and no personal cards to form a hand (\"play the board\")\n
\n\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Cards combinations
\n\n
\n \n High Card - Any hand that does not form any of the\n below-mentioned combinations. The Hand with the highest card wins.\n
\n\n \n
\n \n
\n \n Pair- Any two cards of the same rank (two aces, two\n kings and etc.) If several Hands have a Pair, the Hand with the\n higher Pair wins. If several Hands have the same rank pair, the Hand\n with the higher kicker wins.\n
\n\n \n
\n \n
\n \n Two Pair- Any two cards of the same rank together\n with another two cards of the same rank. If several Positions have a\n Two pair Hand, the Hand with the higher pairs wins. If two players\n have the same rank pairs, the Hand with the higher kicker wins.\n
\n\n \n
\n \n
\n \n Three of a kind- Any three cards of the same rank.\n If several Hands have Three of a kind, the Hand with the higher\n Three of a kind wins. If two Hands have the same Three of a kind,\n the Hand with the higher fourth or/and fifth card wins\n
\n\n \n
\n \n
\n \n Straight- Any five consecutive cards of different\n suits. Aces can count as either a low card (A-2-3-4-5) or a high\n (10-J-Q-K-A).\n
\n\n \n
\n \n
\n \n Flush- Any non-consecutive five (5) cards of the\n same suit. If several Hands have a Flush, the Hand with the higher\n pocket card(s) used to form the best hand wins.\n
\n\n \n
\n \n
\n \n Full House- Any three cards of the same rank\n together with any two cards of the same rank. If several Hands have\n a Full House, the Hand with the highest Three of a kind wins. If\n several Hands have the same Three of a kind, the Hand with the\n higher Pair wins.\n
\n\n \n
\n \n
\n \n Four of a kind- Any four cards of the same rank. If\n several Hands have Four of a kind, the Hand with the higher Four of\n a kind wins. If several Hands have the same Four of a kind, the Hand\n with a higher kicker wins.\n
\n\n \n
\n \n
\n \n Straight Flush- Any straight with all five cards of\n the same suit. If several Hands have a Straight Flush, the Hand with\n the higher Straight Flush wins.\n
\n\n \n
\n \n
\n \n Royal Flush- A straight from Ten to Ace with all\n five (5) cards of the same suit. This is the strongest poker hand.\n
\n\n \n
\n \n Two hands that are identical, card for card, are tied since the\n suits have no relative rank in Poker. In such a case, the tied\n players split the pot. Note that if two hands contain the same high\n pair, then the ranking of the next card in the hands determines\n which one wins. For example: 9, 9, 7, 4, 2 beats 9, 9, 5, 3, 2.\n Likewise, two hands that have identical pairs would be decided by\n the fifth card. For example: Q, Q, 6, 6, J beats Q, Q, 6, 6, 10.\n
\n\n
\n Main Bets
\n- \n
- Winner A \n
- Winner B \n
\n
\n Side Bets
\n- \n
- One Pair \n
- Two Pair \n
- Three of a Kind \n
- Straight \n
- Flush \n
- Full House \n
- Four of a kind \n
- Straight Flush \n
\n
\n PAYOUTS
\n\n \n \n
\n
\n | One Pair | \n1: 1 | \n
|---|---|
| Two Pair | \n1: 2.75 | \n
| Three of a Kind | \n1: 15 | \n
| Straight | \n1: 15 | \n
| Flush | \n1: 25 | \n
| Full House | \n1: 28 | \n
| Four of a Kind | \n1: 250 | \n
| Straight Flush | \n1: 500 | \n
\n Please note that any malfunction voids the game round and all\n eventual payouts for the round. Bets will be returned.\n
\n\n \n \n \n Hands Payout \n \n\n \n PAIR 1: 1 \n \n\n \n FLUSH 1: 4 \n \n\n \n STRAIGHT 1: 6 \n \n\n \n TRIO 1: 25 \n \n\n \n STRAIGHT FLUSH 1: 35 \n \n \n \n
\n )\n}\n\nexport default TeenpattiT20Rules\n","import React from 'react'\n\nimport CasinoMeter1 from './images/CasinoMeter1.png'\nimport CasinoMeter2 from './images/CasinoMeter2.png'\n\nconst CasinoMeterRules = () => {\n return (\n GAME OBJECTIVES
\n\n In this version of Teenpatti, a total of six cards are put on the table\n one by one by the dealer. User can place bet(s) only before the round\n starts. The player with the better hand wins.\n
\n\nGAME RULES
\n\n The game is played with a single 52-card deck (excluding Jokers), cards\n are shuffled after each game round. Any number of players can\n participate in a single game simultaneously.\n
\nRanking of the hands
\n\n Aces are ranked the highest and 2's are the lowest. The objective of the\n game is to have the best 3-card hand and to maximise the pot before the\n showdown. The categories are ranked as follows (from high to low):\n
\n\n- \n
- \n Trail (three of a kind): Three cards of the same rank. Three aces are\n the highest and three 2’s are the lowest.\n \n
- \n Pure Sequence (Straight Flush): Three consecutive cards of the same\n suit..\n \n
- \n Sequence (Straight): Three consecutive cards not all in the same suit.\n \n
- \n Color (Flush): Three cards of the same suit that are not in sequence.\n When comparing two colors, first compare the highest card. If these\n are equal, compare the second and if these are equal compare the\n lowest. Highest flush is A-K-J and the lowest flush is 5-3-2.\n \n
- \n Pair (two of a kind): Two cards of the same rank. Between two pairs,\n the one with the higher value is the winner. If the pairs are of equal\n value then the kicker card determines the winner. The highest pair is\n A-A-K and the lowest is 2-2-3.\n \n
- \n High Card: A hand in which the three cards are not in sequence, not\n all the same suit and no two cards have the same rank. If two players\n share a common high card, the next highest card is used to determine\n the winner. The best high card hand would be an AKJ of different suits\n and the worst is 5-3-2.\n \n
Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
Main Bets
\n- \n
- PLAYER A \n
- PLAYER B \n
Side Bets
\nThe player can also place a bet on one of the following side bets:
\n- \n
- Player A+ - Predict if player A will get a pair or better \n
- Player B+ - Predict if player B will get a pair or better \n
PAYOUTS
\nPayout depends on the type of bet placed.
\n\nIn the event of a tie, bets are refunded.
\n\n
\n )\n}\n\nexport default CasinoMeterRules\n","import React from 'react'\nimport poker1 from './images/poker1.png'\nimport poker2 from './images/poker2.png'\nimport poker3 from './images/poker3.png'\nimport poker4 from './images/poker4.png'\nimport poker5 from './images/poker5.png'\nimport poker6 from './images/poker6.png'\nimport poker7 from './images/poker7.png'\nimport poker8 from './images/poker8.png'\nimport poker9 from './images/poker9.png'\nimport poker10 from './images/poker10.png'\n\nconst PokerRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of Casino Meter is to predict which zone (Low Zone &\n High Zone) will have higher run score (total) of cards.\n
\n\n
\n GAME RULES
\n\n
\n \n Casino Meter is played with a standard 52 cards deck. In this game\n 11 cards will be dealt which will be divided into two zones. Low\n Zone & High Zone.\n
\n\n The higher run score will be the winner, the winner will get 1.15\n rate of betting amount. Therefore, if a Player bets at the rate of\n 100 Rs per run, & if he loses by 1 run then he will have to pay 100\n Rs, but if he wins by 1 (one) run, he will receive 115 Rs.\n
\n\n The winning/losing runs for user according to his bet (either on Low\n Zone or High Zone) is shown by the ‘Run Position'.\n
\n\n When user does not place any bet, Run Position will be not shown to\n the user.\n
\n \nNote: the difference of maximum 50 runs will be calculated.
\n\n
\n \n
\n Low Zone:
\n\n 
\n
\n \n The Players who bet on Low Zone will have all the cards from Ace\n to 8 of all suits plus 3 cards of 9, Heart, Club & Diamond.\n
\n\n
\n High Zone:
\n\n 
\n
\n \n The Players who bet on High Zone will have all the cards of J, Q,\n K of all suits plus 3 cards of 10, Heart, Club & Diamond.\n
\n\n
\n Value of Cards:
\nAce to 10 - 1 to 10 Runs
\nJ - 11 Runs
\nQ - 12 Runs
\nK - 13 Runs
\nBetting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer in the game window shows how much time you have left\n to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n\n
\n - \n
- Low Zone \n
- High Zone \n
\n
\n )\n}\nexport default PokerRules\n","import React from 'react'\nimport CasinoWar1 from './images/CasinoWar1.png'\n\nconst CasinoWarRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective is to get best card combination out of six Players in\n the end of the game.\n
\n\n
\n GAME RULES
\n\n
\n \n Both Players are dealt two cards as their personal hand (hole\n cards), after which there is a round of betting. Three board cards\n are dealt simultaneously (called the flop) and another round of\n betting occurs. The next two board cards are dealt one at a time,\n with a round of betting after each card. The board cards are\n community cards, and a player can use any five-card combination from\n among the board and personal cards. A player can even use all of the\n board cards and no personal cards to form a hand (\"play the board\")\n
\n\n
\n Betting Instructions
\n\n
\n - \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Cards combinations
\n\n
\n \n High Card - Any hand that does not form any of the\n below-mentioned combinations. The Hand with the highest card wins.\n
\n\n \n
\n \n
\n \n Pair- Any two cards of the same rank (two aces, two\n kings and etc.) If several Hands have a Pair, the Hand with the\n higher Pair wins. If several Hands have the same rank pair, the Hand\n with the higher kicker wins.\n
\n\n \n
\n \n
\n \n Two Pair- Any two cards of the same rank together\n with another two cards of the same rank. If several Positions have a\n Two pair Hand, the Hand with the higher pairs wins. If two players\n have the same rank pairs, the Hand with the higher kicker wins.\n
\n\n \n
\n \n
\n \n Three of a kind- Any three cards of the same rank.\n If several Hands have Three of a kind, the Hand with the higher\n Three of a kind wins. If two Hands have the same Three of a kind,\n the Hand with the higher fourth or/and fifth card wins\n
\n\n \n
\n \n
\n \n Straight- Any five consecutive cards of different\n suits. Aces can count as either a low card (A-2-3-4-5) or a high\n (10-J-Q-K-A).\n
\n\n \n
\n \n
\n \n Flush- Any non-consecutive five (5) cards of the\n same suit. If several Hands have a Flush, the Hand with the higher\n pocket card(s) used to form the best hand wins.\n
\n\n \n
\n \n
\n \n Full House- Any three cards of the same rank\n together with any two cards of the same rank. If several Hands have\n a Full House, the Hand with the highest Three of a kind wins. If\n several Hands have the same Three of a kind, the Hand with the\n higher Pair wins.\n
\n\n \n
\n \n
\n \n Four of a kind- Any four cards of the same rank. If\n several Hands have Four of a kind, the Hand with the higher Four of\n a kind wins. If several Hands have the same Four of a kind, the Hand\n with a higher kicker wins.\n
\n\n \n
\n \n
\n \n Straight Flush- Any straight with all five cards of\n the same suit. If several Hands have a Straight Flush, the Hand with\n the higher Straight Flush wins.\n
\n\n \n
\n \n
\n \n Royal Flush- A straight from Ten to Ace with allThe\n objective of five (5) cards of the same suit. This is the strongest\n poker hand.\n
\n\n \n
\n \n Two hands that are identical, card for card, are tied since the\n suits have no relative rank in Poker. In such a case, the tied\n players split the pot. Note that if two hands contain the same high\n pair, then the ranking of the next card in the hands determines\n which one wins. For example: 9, 9, 7, 4, 2 beats 9, 9, 5, 3, 2.\n Likewise, two hands that have identical pairs would be decided by\n the fifth card. For example: Q, Q, 6, 6, J beats Q, Q, 6, 6, 10.\n
\n\n
\n Main Bets
\n- \n
- Player A \n
- Player B \n
\n
\n )\n}\nexport default CasinoWarRules\n","import React from 'react'\n\nconst BollywoodRules = () => {\n return (\n \n
\n GAME OBJECTIVES
\n\n The objective of Casino War is to predict that which Player(s) will\n have the higher card than Dealer’s card according to the rules of the\n game. It is played with regular 52 card deck.\n
\n\n 
\n
\n GAME RULES
\n- \n
- \n Casino War is a 52 cards game, in which 7 hands are dealt; one for\n the dealer and others for each 6 players.\n \n
- \n The ranking of cards is, from lowest to highest: Ace, 2, 3, 4, 5, 6,\n 7,8, 9, 10, Jack, Queen and King where Ace is \"1\" and King is \"13\".\n \n
- \n If a player and the dealer has same card with different suit, winner\n will be decided based on below suit ranking.\n \n
\n
\n Betting Instructions
\n- \n
- \n If a game round is in progress when you enter the game, please\n wait for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and\n submit by clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different\n markets simultaneously.\n \n
- \n The timer shows how much time you have left to place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game\n round.\n \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Player 1 \n
- Player 2 \n
- Player 3 \n
- Player 4 \n
- Player 5 \n
- Player 6 \n
\n \n \n
\n
\n )\n}\nexport default BollywoodRules\n","import React from 'react'\nimport Baccarat1 from './images/Baccarat1.png'\n\n\nconst BaccaratRules = () => {\n return (\n \n GAME OBJECTIVES\n
\n\n
\n \n The game of Bollywood Casino is a game of one card. The objective is\n to predict that of which section the dealt card will be. The sections\n are Don, Amar Akbar Anthony, Sahib Bibi aur Ghulam, Dharam veer, Kis\n Kisko Pyaar Karoon and Ghulam.\n
\n\n GAME RULES\n
\n\n The game of Bollywood Casino is played with a total of 32 cards from two\n standard 52-cards Deck. The cards are the four Jacks, Queens, Kings and\n Aces from each Deck.\n
\n- \n
- If the card is ♠A Don wins. \n
- If the card is ♥A, ♣A or ♦A, Amar Akbar Anthony wins. \n
- If the card is ♠K, ♠Q or ♠J, Sahib Bibi aur Ghulam wins. \n
- If the card is ♦K or ♣K, Dharam Veer wins. \n
- If the card is ♥K, ♣Q, ♦Q or ♥Q, Kis Kisko Pyaar Karoon wins. \n
- If the card is ♥J, ♣J or ♦J, Ghulam wins. \n
\n Betting Instructions\n
\n- \n
- \n If a game round is in progress when you enter the game, please wait\n for the next one, and then, place your bets.\n \n
- After the timer reaches 0, the game round begins. \n
- \n To place a bet, click on the box, enter the stake amount and submit by\n clicking on Place Bet button.\n \n
- \n You can place several bets on different runners in different markets\n simultaneously.\n \n
- \n The timer in the game window shows how much time you have left to\n place your bets.\n \n
- \n Winnings are paid for the winning bets at the end of each game round.\n \n
- To skip a turn, simply do not place any bets. \n
\n Main Bets\n
\n- \n
- Don \n
- Amar Akbar Anthony \n
- Sahib Bibi aur Ghulam \n
- Dharam Veer \n
- Kis Kisko Pyaar Karoon \n
- Ghulam \n
\n Side Bets\n
\n- \n
- Pair K-Q \n
- Pair J-A \n
- Black \n
- Red \n
- Cards - J \n
- Cards - Q \n
- Cards - K \n
- Cards - A \n
\n PAYOUTS\n
\nPayout depends on the type of bet placed.
\n| Hands | \nPayout | \n
|---|---|
| Pair K-Q | \n1: 0.97 | \n
| Pair J-A | \n1: 0.97 | \n
| Black | \n1: 0.97 | \n
| Red | \n1: 0.97 | \n
| Cards - J | \n1: 2.75 | \n
| Cards - Q | \n1: 2.75 | \n
| Cards - K | \n1: 2.75 | \n
| Cards - A | \n1: 2.75 | \n
In the event of a tie, bets are refunded.
\n\n
\n )\n}\nexport default BaccaratRules\n","import './RulesPopUp.scss'\n\nimport CloseCross from '../../../../assets/images/closeCross.svg'\n\nimport React, { useState, useEffect } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { useParams, useHistory } from 'react-router-dom'\nimport TrioRules from './GameRules/TrioRules/TrioRules'\nimport RouletteRules from './GameRules/RouletteRules/RouletteRules'\nimport QueenRules from './GameRules/QueenRules/QueenRules'\nimport TeenpattiTestRules from './GameRules/TeenpattiTestRules/TeenpattiTestRules'\nimport LiveTeenpattiRules from './GameRules/LiveTeenpattiRules/LiveTeenpattiRules'\nimport TheTrapRules from './GameRules/TheTrapRules/TheTrapRules'\nimport TwoCardTeenpattiRules from './GameRules/TwoCardTeenpattiRules/TwoCardTeenpattiRules'\nimport SevenUpDownRules from './GameRules/SevenUpDownRules/SevenUpDownRules'\nimport DragonTigerRules from './GameRules/DragonTiger/DragonTigerRules'\nimport SixPlayerPokerRules from './GameRules/SixPlayerPoker/SixPlayerPokerRules'\nimport Race2020Rules from './GameRules/Race2020/Race2020Rules'\nimport SicBoRules from './GameRules/SicBoRules/SicBoRules'\nimport AmarAkbarAnthonyRules from './GameRules/AmarAkbarAnthonyRules/AmarAkbarAnthonyRules'\nimport MulfisRules from './GameRules/MulfisRules/MulfisRules'\nimport AndarBaharRules from './GameRules/AndarBaharRules/AndarBaharRules'\nimport ThirtyTwoCardRules from './GameRules/ThirtyTwoCardRules/ThirtyTwoCardRules'\nimport HighLowRules from './GameRules/HighLowRules/HighLowRules'\nimport MatkaRules from './GameRules/MatkaRules/MatkaRules'\nimport Poker2020Rules from './GameRules/Poker2020Rules/Poker2020Rules'\nimport TeenpattiT20Rules from './GameRules/TeenpattiT20Rules/TeenpattiT20Rules'\nimport CasinoMeterRules from './GameRules/CasinoMeterRules/CasinoMeterRules'\nimport PokerRules from './GameRules/PokerRules/PokerRules'\nimport CasinoWarRules from './GameRules/CasinoWarRules/CasinoWarRules'\nimport BollywoodRules from './GameRules/BollywoodRules/BollywoodRules'\nimport BaccaratRules from './GameRules/BaccaratRules/BaccaratRules'\nimport { setRulesPopUp } from '../../../../store/rulesPopUp/rulesPopUp.slice'\nimport { requestRulesPage } from '../../../../store/rulesPage/rulesPage.thunks'\n\nimport arrowIcon from './reshot-icon-arrow-down-CXRGBZP93T.svg'\nimport { IonBackdrop, IonPopover } from '@ionic/react'\nimport { createPortal } from \"react-dom\";\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst RulesPopUp = ({}) => {\n // const { eventId } = useParams()\n // const popUpWrapperHeight = useSelector((state) => state.elementsParams.mainContainerHeight) + 'px'\n\n\n const dispatch = useDispatch()\n const history = useHistory()\n const { eventTypeId, competitionId } = useParams()\n const eventId = history.location.pathname.substring(\n history.location.pathname.lastIndexOf('/') + 1\n )\n // const eventTypeId = history.location.pathname.substring(history.location.pathname.lastIndexOf('/') + 1)\n // console.log(history.location.pathname.slice(history.location.pathname.indexOf('/') + 1, history.location.pathname.index('/')));\n // const eventId =\n // console.log('rrr',eventTypeId);\n const scrollPosition = useSelector(\n (state) => state.elementsParams.scrollPosition\n )\n const rulesPage = useSelector((state) => state.rulesPage)\n // console.log(rulesPage)\n const { isOpen } = useSelector((state) => state.rulesPopUp)\n\n function createMarkup(info) {\n return { __html: info.replaceAll('\\\\n', '') }\n }\n // useEffect(() => {\n // // window.scrollTo({top: 0})\n // ref.current.\n // }, []);\n\n const isNavigationID = useSelector(\n (state) => state.navigationHeaderMenu.navigationID\n )\n console.log(isNavigationID)\n useEffect(() => {\n if (history.location.pathname.indexOf('event-page') !== -1) {\n dispatch(requestRulesPage(eventTypeId, eventId))\n }\n }, [isOpen])\n\n const [show, setShow] = useState(false)\n const [showFancy, setShowFancy] = useState(false)\n\n const handleToggle = () => {\n setShow(!show)\n }\n const handleToggleFancy = () => {\n setShowFancy(!showFancy)\n }\n\n return createPortal(\n\n \n
\n GAME OBJECTIVES
\n\n The objective in Baccarat is to predict whose hand will win by having the value closest to 9.\n
\n\n
\n GAME RULES
\n\n
\n - \n
- The game is hosted by a dealer and is played with eight standard 52-card decks. Card values are as follows:\n Aces are the lowest cards and are worth 1 point each.\n
- \n
- Cards from 2 to 9 are worth their numerical face values. \n
- 10s and face cards (jacks, queens, and kings) are each worth 0. \n
\n - \n Only the numeric value of each card is relevant in the main Baccarat game; each card's suit (hearts, spades,\n clubs, or diamonds) is irrelevant.\n \n
- \n Prior to each deal, you can place your bet on whether the Player or the\n Banker will win the round by having the hand with a value closest to 9.\n \n
- \n If you believe that both the Player and Banker will hold hands of equal\n value, you also have the option to bet on Tie.\n \n
- \n In addition, you can also bet on Player/Banker Pair (P/B Pair), which will\n pay if the first two cards dealt to the Player/Banker constitute a pair.\n \n
- \n The dealer begins by dealing two cards each to the Player and to the\n Banker.\n \n
- Two hands are dealt in Baccarat: one hand to the Plaver and one hand to\n the Banker.\n \n
- \n If the Player and Banker hold hands of equal value, the round ends in a\n tie. The Tie bet wins.\n \n
- \n Each hand's value is calculated by dropping the tens digit in a hand\n otherwise worth 10 or more. For example, a hand consisting of a 7 and a\n 9 is only worth 6 in Baccarat (because 16-10=6). Similarly, a face card\n plus a 9 will be worth 9.\n \n
- \n If the Plaver or the Banker receives an initial two-card hand worth 8 or a\n 9 (a \"natural\" 8 or 9), no additional cards will be dealt to either hand.\n \n
- \n If the Player and Banker receive initial two-card hands worth 0-7, the\n \"Third Card Rule\" is consulted to determine if a third card is to be dealt to\n either hand or both hands. The Player always goes first.\n \n
\n 
\n
\n - \n
- D- Draw; S - Stand \n
- If the Plaver's hand stands on a 6 or 7, then a Banker hand totalling 3, 4 \n
- or 5 must draw, while a Banker hand totalling 6 must stand. \n
Whoever gets the hand closest to a total of 9 wins.
\n\n
\n Betting Instructions
\n- \n
- If a game round is in progress when you enter the game, please wait for the next one, and then, place your\n bets.\n \n
- After the timer reaches 0, the game round begins. \n
- To place a bet, click on the box, enter the stake amount and submit by clicking on Place Bet button. \n
- You can place several bets on different runners in different markets simultaneously. \n
- The timer shows how much time you have left to place your bets. \n
- Winnings are paid for the winning bets at the end of each game round. \n
- To skip a turn, simply do not place any bets. \n
\n
\n Main Bets
\n- \n
- Player \n
- Banker \n
- Tie \n
\n
\n Side Bets
\n- \n
- Player Pair: Predict if the first two cards dealt to the Plaver constitute a pair. \n
- Banker Pair: Predict if the first two cards dealt to the Banker constitute a pair. \n
- Perfect Pair: Predict if two identical cards (in terms of value and suit) are dealt as the first two cards to either the Banker or the Plaver. \n
- Either Pair: Predict if the first two cards dealt to either Plaver or Banker constitute a pair. \n
- Big: Predict if the total number of cards in the round is more than 4. \n
- Small: Predict if the total number of cards in the round is 4. \n
\n \n \n
\n
\n Payout
\nPayout depends on the type of bet placed.
\n| Player | \n1: 1 | \n
|---|---|
| Banker | \n1: 1 | \n
| Tie | \n1: 8 | \n
| Player Pair | \n1: 11 | \n
| Banker Pair | \n1: 11 | \n
| Perfect Pair | \n1: 25 | \n
| Either Pair | \n1: 5 | \n
| Big | \n1: 0.54 | \n
| Small | \n1: 1.5 | \n
Please note that any malfunction voids the game round and all eventual payouts\n for the round. Bets will be returned.
\n\n {\n if (e.currentTarget === e.target) {\n // setRulesPopUp(false)\n dispatch(setRulesPopUp(false))\n }\n }}\n // style={{ top: scrollPosition + 'px' }}\n >\n
\n )}\n \n ))}\n {eventTypeId == 2 ||\n eventTypeId == 3 ||\n (eventTypeId == 4 && rulesPage && (\n <>\n {!show && (\n \n
\n\n \n {\n // setRulesPopUp(!rulesPopUp)\n dispatch(setRulesPopUp(false))\n }}\n >\n \n
\n \n
\n \n \n
\n Rules\n \n {eventId && eventId === '67610' &&
\n \n handleToggle()}\n >\n
\n \n {show ? (\n
\n ) : null}\n \n handleToggleFancy()}\n >\n
\n \n \n Upcoming races \n
\n )\n if ((eventId && eventId == '98788') || (eventId && eventId == '98792') ) {\n return \n {twitterSettings && (\n
\n )}\n {activeTab === 3 && */}\n
\n )}\n \n )\n}\n\n// export default EventPage;\nexport default connectExchangeGamePage()(ExchangeGamePage)\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { requestTwitterSettings } from '../../store/twitterSettings/twitterSettings.thunks';\nimport { requestSportStart } from '../../store/eventPage/eventPage.thunks';\nimport { requestOpenBets } from '../../store/openBets/openBets.thunks';\nimport { requestSportData, requestSportStats } from '../../store/sportEvent/sportEvent.thunks';\nimport { getSportEventError, getSportStatsError, getSportVisualisationError, getSportVideoError } from '../../store/sportEvent/sportEvent.slice';\n// import { setHeaderHeight } from '../../store/elementsParams/elementsParams.slice'\nimport { headerHeightThunk } from '../../store/elementsParams/getElementsParams.thunk';\nimport { setRulesPopUp } from '../../store/rulesPopUp/rulesPopUp.slice';\nimport { setConfirmation, setMarket, setRunner, setIsBack, setPrice, setPriceActual, setStake, setDelay, setShowBetPlacingPopover, setBetPlacingPopoverStage } from '../../store/betPlacing/betPlacing.slice'\n\nexport const connectExchangeGamePage = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n lastActivityDate: state.balance.lastActivityDate,\n sportEventStats: state.sportEvent.sportStats,\n twitterSettings: state.twitterSettings,\n openBets: state.openBets,\n betPlacing: state.betPlacing,\n // exposure: state.eventPage.exposure,\n orders: state.eventPage.orders,\n sportData: state.sportEvent.sportData,\n // raceOdds: state.raceOdds,\n rulesPopUp: state.rulesPopUp,\n elementsParams: state.elementsParams\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n requestTwitterSettings,\n requestOpenBets,\n requestSportStart,\n requestSportData,\n requestSportStats,\n getSportEventError,\n getSportStatsError,\n getSportVideoError,\n getSportVisualisationError,\n headerHeightThunk,\n setRulesPopUp,\n setMarket,\n setRunner,\n setIsBack,\n setPrice,\n setPriceActual,\n setDelay,\n setStake,\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nexport const liveCasinoSearchSlice = createSlice({\n name: 'liveCasinoSearch',\n initialState: null,\n reducers: {\n getLiveCasinoSearchSuccess: (state, action) => action.payload,\n getLiveCasinoSearchError: (state) => state,\n },\n})\n\nexport const {\n getLiveCasinoSearchSuccess,\n getLiveCasinoSearchError,\n} = liveCasinoSearchSlice.actions\n\nexport default liveCasinoSearchSlice.reducer\n","import httpAuth from '../../services/httpAuth'\nimport httpNotAuth from '../../services/httpNotAuth'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport { getLiveCasinoSearchSuccess, getLiveCasinoSearchError } from './liveCasinoSearch.slice'\n\nimport axios from 'axios'\n\n\nexport const requestLiveCasinoSearch = (name) => async (dispatch, getState) => {\n const checkAuth = getState().auth\n \n if(checkAuth) {\n try {\n const response = await httpAuth.get(`/casino/v2/games/search?query=${name}`)\n if (response.data.success) {\n dispatch(getLiveCasinoSearchSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoSearchError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n } else {\n try {\n const response = await httpNotAuth.get(`/casino/v2/games/search?query=${name}`)\n if (response.data.success) {\n dispatch(getLiveCasinoSearchSuccess(response.data.result))\n }\n return response\n } catch (e) {\n dispatch(getLiveCasinoSearchError())\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n }\n \n}\n\n","import './index.scss'\nimport React, { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { useDispatch, useSelector } from 'react-redux'\nimport CloseIcon from '../../assets/images/slotsGames/crossPopUp.svg'\nimport { setIsPopUpOpen } from '../../store/slotsPopUp/slotsPopUp.slice'\nimport { requestJiliSlot } from '../../store/slotsPopUp/slotsPopUp.thunks'\nimport { requestJILIGamesID, requestSlotsGamesID } from '../../store/slotsGames/slotsGames.thunks'\nimport { getCurrencyFormatWithZeroAfterDot } from '../../helpers/getCurrencyFormat.helper'\nimport { createPortal } from \"react-dom\";\nimport slotsCasinoImg from './slotsCasinoPopUp.svg';\nimport closeButton from './closeButton.svg';\nimport { setSlotCasinoPopUp } from '../../store/slotCasinoPopUp/slotCasinoPopUp.slice'\n\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst SlotsCasinoPopUp = ({\n scrollPosition,\n item,\n }) => {\n const history = useHistory()\n const dispatch = useDispatch();\n const { balance, user } = useSelector((state) => state);\n const jiliDataState = useSelector((state) => state.slotsPopUp.jiliData);\n\n const [jiliData, setJiliData] = useState(item || jiliDataState)\n\n const [inputValue, setInputValue] = useState('')\n\n\n const sendDeposit = () => {\n dispatch(requestJiliSlot(inputValue))\n let id = jiliData?.ID ?? jiliData?.id;\n dispatch(requestJILIGamesID(id))\n history.push(`/live_casino_slot/${id}`)\n setTimeout(\n () => {\n dispatch(setIsPopUpOpen(false))\n }, 1000)\n }\n\n return createPortal (\n \n {hasVideo && (\n
\n {activeTab === 2 && isLoaded ? (\n \n { racingEventHeader || sportData && sportData[0]?.event?.name}\n
\n\n
\n {sportData && sportData[0]?.event?.openDate && {actions.setRulesPopUp(true)}}>\n
\n {rulesPopUp && \n \n
\n Rules\n \n \n {optimizedDate.slice(0, 10)}\n \n {optimizedDate.slice(11, 20).split(':', 2).join(':')}\n
}\n {/* \n {sportData &&\n sportData[0]?.event?.openDate\n .slice(0, 10)\n .replace(/^(\\d{4}).(\\d{2}).(\\d{2})/, '$3.$2.$1')\n .replaceAll('.', '/')}\n {sportData && sportData[0]?.event?.openDate.slice(11, 16)}\n
*/}\n\n {twitterSettings && (\n
\n )}\n {activeTab === 3 && {\n if (e.currentTarget === e.target) {\n dispatch(setIsPopUpOpen(false));\n console.log('e', e);\n }\n }}>\n
\n , modalRoot\n )\n}\n\nexport default SlotsCasinoPopUp;\n","import React, { useEffect, useState, useRef } from 'react'\nimport { IonContent, IonPage, IonHeader, } from '@ionic/react'\nimport { connectLiveCasinoLobby } from './LiveCasinoLobby.connect'\nimport { useHistory, useParams } from 'react-router-dom'\nimport './LiveCasinoLobby.scss'\nimport LobbyTopImg from '../../assets/images/liveCasinoLobby/livecasinoLobby.svg'\nimport LobbyLines from '../../assets/images/liveCasinoLobby/bgLinesCasino.jpg'\nimport LobbyLine from '../../assets/images/liveCasinoLobby/bgLineCasino.svg'\nimport LobbyMobileTopImg from '../../assets/images/liveCasinoLobby/LiveCasinoMobileTop.png'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport mobileBgImg from '../../assets/images/exchange_games_bg_mobile.jpg'\n\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop';\nimport { wifi } from 'ionicons/icons'\nimport SlotsCasinoPopUp from '../../components/SlotsCasinoPopup'\n\n\nconst LiveCasinoLobby = ({ inplayPopular, actions, liveCasino, liveCasinoSearch, auth, elementsParams, quickButtonSlots, slotCasinoPopUp }) => {\n const [seeAllGames, setSeeAllGames] = useState(false)\n const [seeTopGames, setSeeTopGames] = useState(false)\n const [seeLiveGames, setSeeLiveGames] = useState(false)\n const [seeTableGames, setSeeTableGames] = useState(false)\n const [seePokerGames, setSeePokerGames] = useState(false)\n const [seeBlackjackGames, setSeeBlackjackGames] = useState(false)\n const [seeBaccaratGames, setSeeBaccaratGames] = useState(false)\n const [seeRouletteGames, setSeeRouletteGames] = useState(false)\n const [seeShowsGames, setSeeShowsGames] = useState(false)\n const [seeVirtualGames, setSeeVirtualGames] = useState(false)\n const [searchOn, setSearchOn] = useState(false)\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n\n const history = useHistory()\n\n const wrapper = useRef(null);\n const menu = useRef(null);\n\n const handleClick = (ref) => {\n ref && ref.current && ref.current.scrollIntoView({\n block: 'start',\n behavior: 'smooth'});\n };\n\n const handleClickRef = (id) => {\n let ref\n if (id === '11') ref = allgames\n if (id === '12') ref = topgames\n if (id === '13') ref = tablegames\n if (id === '14') ref = livegames\n if (id === '15') ref = pokergames\n if (id === '16') ref = blackjackgames\n if (id === '17') ref = baccaratgames\n if (id === '18') ref = roulettegames\n if (id === '19') ref = showsgames\n if (id === '20') ref = virtualgames\n if (id === 'livecasino-lobby') return\n\n\n if(ref){ \n ref && ref.current && ref.current.scrollIntoView({\n block: 'start',\n behavior: 'smooth',\n })\n }\n }\n\n useEffect (() => {\n if (quickButtonSlots){\n setTimeout (() => {\n handleClickRef(`${quickButtonSlots}`)\n actions.setQuickButtonSlots('')\n }, 1000)\n }\n }, [])\n\n const allgames = useRef(null);\n const topgames = useRef(null);\n const livegames = useRef(null);\n const tablegames = useRef(null);\n const pokergames = useRef(null);\n const blackjackgames = useRef(null);\n const baccaratgames = useRef(null);\n const roulettegames = useRef(null);\n const showsgames = useRef(null);\n const virtualgames = useRef(null);\n const gamesAll = useRef(null);\n\n useEffect(() => {\n actions.requestLiveCasinoLobby()\n }, [])\n\n const onOpenGame = (id) => {\n if(auth) {\n actions.requestLiveCasinoID(id)\n history.push(`/live_casino_slot/${id}`)\n } else {\n actions.setLoginNew(true)\n }\n }\n\n const onSearchGames = (e) => {\n console.log('e', e)\n if(e.length >= 4){\n setSearchOn(true)\n actions.requestLiveCasinoSearch(e)\n console.log('aaa', actions.requestLiveCasinoSearch(e));\n } else {\n setSearchOn(false)\n }\n }\n\n // const checkImgSrc = (src, text) => {\n // const img = new Image();\n // img.src = src;\n // img.onload = function () { return src }\n // img.onerror = function () {\n // return (\n // \n 
\n ![]()
dispatch(setSlotCasinoPopUp(false))} src={closeButton} alt=''/>\n
\n PLEASE NOTE
\n (1 Point = ₹ 100)
\n Welcome to your new casino lobby
\n Checkout the exciting Live Casino tables, Slots and much more, upto 200+ game and counting...
\n dispatch(setSlotCasinoPopUp(false))}>OK, I AGREE !
\n {text}
\n // )\n // }\n // }\n\n\n\n return (\n <>\n {slotCasinoPopUp && \n
\n \n {width < 1024 ?\n
\n\n */}\n\n
\n {/* \n
\n \n \n
*/}\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Live Casino\n
\n \n Play. Win. Enjoy.\n
\n \n \n
\n \n \n
\n\n {/* \n
\n :\n <>} */}\n \n Live Casino\n
\n \n Play. Win. Enjoy.\n
\n \n\n \n \n
\n \n\n :\n <>\n \n {width < 1024 ?\n <>\n
\n\n \n
\n \n onSearchGames(e.target.value)}\n />\n
\n \n\n\n
\n \n :\n <>\n \n
\n\n handleClick(allgames)}>All games
\n handleClick(topgames)}>Top games
\n handleClick(livegames)}>Live games
\n handleClick(tablegames)}>Table games
\n handleClick(pokergames)}>Poker
\n \n
\n handleClick(blackjackgames)}>Blackjak
\n handleClick(baccaratgames)}>Baccarat
\n handleClick(roulettegames)}>roulette
\n handleClick(showsgames)}>Games Shows
\n handleClick(virtualgames)}>Virtual
\n \n
\n\n \n
\n handleClick(allgames)}>\n ALL GAMES\n \n
\n handleClick(topgames)}>\n TOP GAMES\n \n
\n handleClick(livegames)}>\n LIVE GAMES\n \n
\n handleClick(tablegames)}>\n TABLE GAMES\n \n
\n \n onSearchGames(e.target.value)}\n />\n
\n \n
\n }\n\n\n \n {/*
\n \n All Games\n
\n \n Top Games\n
\n \n Live Games\n
\n \n Table Games\n
*/}\n {/* handleClick(pokergames)}>\n Poker\n
\n\n handleClick(blackjackgames)}>\n Blackjack\n
\n handleClick(baccaratgames)}>\n Baccarat\n
\n\n handleClick(roulettegames)}>\n Roulette\n \n
\n\n handleClick(showsgames)}>\n Games Shows\n
\n handleClick(virtualgames)}>\n Virtual\n
\n \n
\n\n \n\n {!searchOn ?\n <>\n
\n\n \n \n
\n\n \n All games\n
\n {\n setSeeAllGames(!seeAllGames)\n actions.requestLiveCasino('11')\n }}\n >\n {seeAllGames ? 'See less' : 'See all'}\n
\n \n \n {!seeAllGames ?\n liveCasino && liveCasino[0]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.allGames ? liveCasino?.allGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[0]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Top games\n
\n {\n setSeeTopGames(!seeTopGames)\n actions.requestLiveCasino('12')\n }}>\n {seeTopGames ? 'See less' : 'See all'}\n
\n \n \n {!seeAllGames ?\n liveCasino && liveCasino[1]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.topGames ? liveCasino?.topGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[1]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Live games\n
\n {\n setSeeLiveGames(!seeLiveGames)\n actions.requestLiveCasino('14')\n }}>\n {seeLiveGames ? 'See less' : 'See all'}\n
\n \n \n {!seeLiveGames ?\n liveCasino && liveCasino[2]?.games?.map((item) => {\n // console.log('livecasino2', liveCasino[2])\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.liveGames ? liveCasino?.liveGames?.map((item) => {\n\n\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[2]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Table games\n
\n {\n setSeeTableGames(!seeTableGames)\n actions.requestLiveCasino('13')\n }}>\n {seeTableGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeTableGames ?\n liveCasino && liveCasino[3]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.tableGames ? liveCasino?.tableGames?.map((item) => {\n console.log('pizda', liveCasino?.tableGames);\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[3]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n {' '}\n Poker\n
\n {\n setSeePokerGames(!seePokerGames)\n actions.requestLiveCasino('15')\n }}>\n {seePokerGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seePokerGames ?\n liveCasino && liveCasino[4]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.pokerGames ? liveCasino?.pokerGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[4]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Blackjack\n
\n {\n setSeeBlackjackGames(!seeBlackjackGames)\n actions.requestLiveCasino('16')\n }}>\n {seeBlackjackGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeBlackjackGames ?\n liveCasino && liveCasino[5]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.blackjackGames ? liveCasino?.blackjackGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[5]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Baccarat\n
\n {\n setSeeBaccaratGames(!seeBaccaratGames)\n actions.requestLiveCasino('17')\n }}>\n {seeBaccaratGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeBaccaratGames ?\n liveCasino && liveCasino[6]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.baccaratGames ? liveCasino?.baccaratGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[6]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Roulette\n
\n {\n setSeeRouletteGames(!seeRouletteGames)\n actions.requestLiveCasino('18')\n }}>\n {seeRouletteGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeRouletteGames ?\n liveCasino && liveCasino[7]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.rouletteGames ? liveCasino?.rouletteGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[7]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Games shows\n
\n {\n setSeeShowsGames(!seeShowsGames)\n actions.requestLiveCasino('19')\n }}>\n {seeShowsGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeShowsGames ?\n liveCasino && liveCasino[8]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.showsGames ? liveCasino?.showsGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[8]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n
\n \n Virtual\n
\n {\n setSeeVirtualGames(!seeVirtualGames)\n actions.requestLiveCasino('20')\n }}>\n {seeVirtualGames ? 'See less' : 'See all'}\n
\n \n
\n\n \n {!seeVirtualGames ?\n liveCasino && liveCasino[9]?.games?.map((item) => {\n return (\n
\n \n
\n )\n })\n :\n liveCasino && liveCasino?.virtualGames ? liveCasino?.virtualGames?.map((item) => {\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n :\n liveCasino && liveCasino[9]?.games?.map((item) => {\n return (\n onOpenGame(item?.id)}>\n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n onOpenGame(item?.ID)}>\n
\n )\n })}\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n
\n \n \n Games\n
\n onOpenGame(item?.id)}>\n
\n )\n })}\n \n \n\n }\n\n \n \n \n \n {width > 1024 && \n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n {B2C ? (\n \n setUsername(e.target.value)}\n hidden\n />\n setPassword(e.target.value)}\n hidden\n />\n \n 
*/}\n \n
\n\n \n ) : (\n \n \n {selectedType == 'mob' ? \n
\n \n\n +91
: \"\"}\n setSelection(true)} className={\"icon\"} >\n \n \n
\n\n \n
\n handleSelect('mob')} className={`option-item ${selectedType == 'mob' ? \"selected\" : \"\"}`}>\n \n
\n Mobile Number
\n handleSelect('user')} className={`option-item ${selectedType == 'user' ? \"selected\" : \"\"}`}>\n \n
\n ID
\n actions.setTab(3)}>Forgot password?
}\n \n\n \n \n \n Log in\n
\n \n {/* New user? Register now
*/}\n \n )\n :\n (\n \n {/* setUsername(e.target.value)}\n \n />\n setPassword(e.target.value)}\n hidden\n /> */}\n \n setUsername(e.target.value)}\n />\n \n \n setPassword(e.target.value)} \n />\n \n \n )\n }\n
}\n {B2C && onDidDismiss(false)}>\n \n \n
\n \n
\n \n ) : (\n Log in
\n {\n {B2C ? (\n \n setUsername(e.target.value)}\n hidden\n />\n setPassword(e.target.value)}\n hidden\n />\n \n
\n \n \n \n {selectedType == 'mob' ? \n
\n \n\n +91
: \"\"}\n setSelection(true)} className={\"icon\"} >\n \n \n
\n\n \n
\n handleSelect('mob')} className={`option-item ${selectedType == 'mob' ? \"selected\" : \"\"}`}>\n \n
\n Mobile Number
\n handleSelect('user')} className={`option-item ${selectedType == 'user' ? \"selected\" : \"\"}`}>\n \n
\n ID
\n actions.setTab(3)}>Forgot password
}\n\n \n \n \n \n Log in\n \n
\n {B2C && \n // actions.setTab(2)\n window.open(CONFIG.whatsappLink)\n }>\n {/*New user? */}\n Register now\n
}\n\n \n )\n}\n\nexport default connectLoginPopUp()(LogInStep)\n","// import './pop-up.scss'\nimport React, { useState, useEffect, useRef } from 'react'\nimport { toastr } from 'react-redux-toastr'\nimport { IonSpinner } from '@ionic/react'\n\nimport {\n default as PhoneInput,\n isPossiblePhoneNumber,\n parsePhoneNumber,\n} from 'react-phone-number-input'\nimport { useHistory } from 'react-router'\nimport { IonInput, IonItem, IonList } from '@ionic/react'\nimport { connectLoginPopUp } from '../loginPopUp.connect'\nimport { CONFIG as social, CONFIG } from '../../../config/api.config'\nimport SignUpStep1 from './images/step1.svg'\nimport SignUpStep2 from './images/step2.svg'\nimport SignUpStep4 from './images/step4.svg'\nimport SignUpStep1of3 from './images/step1of3.svg'\nimport SignUpStep2of3 from './images/step2of3.svg'\n\nimport allSet from './images/allSet.png'\nimport nonStop from '../../../assets/images/nonStop.png'\nimport support from '../../../assets/images/support.png'\nimport instantDeposit from '../../../assets/images/instantDeposit.png'\nimport rulesAccepted from './images/checkBox.svg'\nimport eye from '../../../assets/images/eye.svg'\nimport eyeOff from '../../../assets/images/eyeOff.svg'\nimport closeLogin from '../../../assets/images/closeCross2.svg'\nimport arrow from '../../../assets/images/arrow.svg'\nimport promoDefault from '../../../assets/images/promoDefault.png'\nimport { setTab } from '../../../store/LoginNew/loginNew.slice'\nimport httpAuth from \"../../../services/httpAuth\";\nimport { getSignUpSuccess } from \"../../../store/signUp/signUp.slice\";\nimport httpNotAuth from \"../../../services/httpNotAuth\";\nimport Cookies from \"js-cookie\";\n\nconst SignUpTab = ({ actions, recaptchaResponse, onDidDismiss, changeTab, width, promoListStore, signUp }) => {\n const [mobile, setMobile] = useState(false)\n const [countryCode, setCountryCode] = useState(false)\n\n const [isValid, setIsValid] = useState(false)\n const [message, setMessage] = useState('')\n const [step, setStep] = useState(5)\n const [isSending, setIsSending] = useState(false)\n const [memberCode, setMemberCode] = useState()\n const [token, setToken] = useState()\n const refRecaptcha = useRef(null)\n const history = useHistory()\n\n const [mobileNumCounter, setMobileNumCounter] = useState(0)\n\n const [hideFirstPass, setHideFirstPass] = useState(false)\n const [hideSecondPass, setHideSecondPass] = useState(false)\n // console.log('step123', step)\n\n\n // useEffect(() => {\n // if (step === 1 || step === 5){\n // if(width > 1024) {\n // setStep(1)\n // console.log('stepDESK', step)\n // } else {\n // setStep(5)\n // console.log('stepMOB', step)\n // }\n // console.log('stepEND', step)\n // }\n // }, [width])\n\n // useEffect(() => {\n // if(width > 1024) {\n // setStep(1)\n // console.log('stepDESK', step)\n // } else {\n // setStep(5)\n // console.log('stepMOB', step)\n // }\n // console.log('stepEND', step)\n // }, [])\n\n const mobileValidation = async (e) => {\n setIsSending(true)\n\n if (mobile.length !== 10) {\n setMessage('This field is required!')\n setIsSending(false)\n return\n } else if (isValid) {\n // actions.requestRecaptcha()\n\n setMessage('')\n const recaptchaResponseExecute =\n await recaptchaResponse.current.executeAsync()\n console.log('recaptchaResponse', recaptchaResponseExecute)\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n recaptchaResponse: `${recaptchaResponseExecute}`,\n }\n\n await actions\n .postNumberSignUp(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setIsSending(false)\n setStep(2)\n }\n })\n .catch((e) => {\n setIsSending(false)\n toastr.error('', `${e}`)\n })\n\n console.log('SENDING MOB')\n }\n }\n\n const getBalance = (memberCode) => {\n actions\n .requestBalance(memberCode)\n .then((res) => {\n if(res.data.result.availBalance < 100) {\n // history.push(\"/deposit\")\n }\n })\n .catch((e) => console.log('balance error = ', e))\n }\n\n const login = async () => {\n try {\n if (!mobile || !password) return\n setIsSending(true)\n const recaptchaResponseExecute = await recaptchaResponse.current.executeAsync()\n\n let newUserName = ''\n newUserName = `91_${mobile}`\n await actions\n .requestAuth({\n username: newUserName,\n password,\n recaptchaResponse: recaptchaResponseExecute,\n answer: '',\n token: '',\n })\n .then((res) => {\n console.log(\"res\", res)\n getBalance(res.data.result.memberCode)\n onDidDismiss()\n setIsSending(false)\n })\n } catch (e) {\n setIsSending(false)\n //TODO: handle this\n toastr.error('', `${e}`)\n if (refRecaptcha.current) refRecaptcha.current.reset()\n }\n }\n\n const initialMinute = 0,\n initialSeconds = 59\n const [minutes, setMinutes] = useState(initialMinute)\n const [seconds, setSeconds] = useState(initialSeconds)\n\n useEffect(() => {\n if (step === 2) {\n let myInterval = setInterval(() => {\n if (seconds > 0) {\n setSeconds(seconds - 1)\n }\n if (seconds === 0) {\n if (minutes === 0) {\n clearInterval(myInterval)\n } else {\n setMinutes(minutes - 1)\n setSeconds(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myInterval)\n }\n }\n })\n\n const validateMobile = (value) => {\n setMobileNumCounter(value.length)\n setIsSending(false)\n\n try {\n // radar start\n if (!mobile.length && value.length === 1 && !otp && !message) {\n const startSignUp = window.srtmCommands.push({event: \"track.user.registration\",payload: {action: \"start\"}})\n console.log(\"!! startSignUp\", startSignUp)\n }\n // radar end\n } catch (e) {\n\n }\n\n\n if (!value) {\n setMessage('This field is required!')\n return\n } else if (value.length !== 10) {\n setMessage('Phone number must be 10 digits')\n setIsValid(false)\n } else if (isPossiblePhoneNumber(`+91${value}`)) {\n setIsValid(true)\n setMobile(value)\n const phoneNumber = parsePhoneNumber(`+91${value}`)\n if (phoneNumber) {\n const code = phoneNumber.countryCallingCode\n setCountryCode(code)\n setMessage('')\n }\n\n setMessage('')\n }\n console.log(isPossiblePhoneNumber(`+91${value}`))\n }\n\n const onKeyDown = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n event.stopPropagation()\n // submit()\n }\n }\n\n const [otpMessage, setOtpMessage] = useState('')\n const [isOtpValid, setIsOtpValid] = useState(false)\n const [password, setPassword] = useState(false)\n const [confirmPassword, setConfirmPassword] = useState(false)\n const [isPasswordValid, setIsPasswordValid] = useState(false)\n const [isConfirmValid, setConfirmIsValid] = useState(false)\n\n const [passwordMessage, setPasswordMessage] = useState('')\n const [confirmMessage, setConfirmMessage] = useState('')\n const [hasErrored, setHasErrored] = useState('')\n\n const [isRulesAccepted, setIsRulesAccepted] = useState(false)\n const [isRulesAccepted2, setIsRulesAccepted2] = useState(false)\n\n\n const ref_input = useRef()\n const [otp, setOtp] = useState()\n\n const [isPromoValid, setIsPromoValid] = useState(false)\n const [promoMessage, setPromoMessage] = useState('')\n const [isPromoSending, setIsPromoSending] = useState(false)\n const [isRulesVisible, setIsRulesVisible] = useState(false)\n const [chosenPromo, setChosenPromo] = useState({})\n const [showDetails, setShowDetails] = useState(false)\n const [promoList, setPromoList] = useState(null)\n const [detailsPromo, setDetailsPromo] = useState(null)\n const [promoCode, setPromoCode] = useState(null)\n const [isDisable, setIsDisable] = useState()\n const [isSignUpDone, setIsSignUpDone] = useState(false)\n // console.log(step);\n // console.log(\"promoList\", signUp);\n // console.log(\"promoListStore\", promoListStore);\n\n useEffect(() => {\n if ('OTPCredential' in window) {\n window.addEventListener('DOMContentLoaded', e => {\n const input = document.querySelector('input[autocomplete=\"one-time-code\"]');\n if (!input) return;\n\n navigator.credentials.get({\n otp: { transport:['sms'] }\n }).then(otp => {\n input.value = otp.code;\n }).catch(err => {\n console.log(err);\n });\n });\n }\n}, []);\n\n const isDisabledButton = () => {\n if (\n isSending ||\n otpMessage ||\n confirmMessage ||\n passwordMessage ||\n !isPasswordValid ||\n !isConfirmValid ||\n !isPasswordValid\n ) {\n return true\n } else {\n return false\n }\n }\n\n const isDisabledButton2 = () => {\n if (\n !isRulesAccepted\n ) {\n return true\n } else {\n return false\n }\n }\n\n const isDisabledButton3 = () => {\n if (\n !isRulesAccepted\n ) {\n return true\n } else {\n return false\n }\n }\n\n const validatePassword = (password) => {\n // event.preventDefault();\n setIsSending(false)\n const regex = /^[a-zA-Z0-9!@#\\$%\\^\\&*\\)\\(+=._-]+$/g\n const regexTesting = regex.test(password)\n\n if (password.length < 8 || password.length > 40) {\n setIsPasswordValid(false)\n setPasswordMessage('The password must be between 8 and 40 characters')\n } else if (!regexTesting) {\n console.log('regex tested')\n setIsPasswordValid(false)\n setPasswordMessage(\n 'This field can contain letters(a-z), numbers(0-9) or special symbols'\n )\n } else {\n setIsPasswordValid(true)\n setPasswordMessage('')\n setConfirmIsValid(true)\n setConfirmMessage(true)\n setPassword(password)\n }\n }\n\n const validatePasswordConfirm = (confirmPassword) => {\n setIsSending(false)\n // event.preventDefault();\n\n // const confirmPassword = event.target.value;\n\n if (confirmPassword.length < 8 || confirmPassword.length > 40) {\n setConfirmIsValid(false)\n setConfirmMessage('The password must be between 8 and 40 characters')\n } else {\n setConfirmIsValid(true)\n setConfirmMessage('')\n setPasswordMessage('')\n setIsPasswordValid(true)\n setConfirmPassword(confirmPassword)\n }\n }\n\n const validateOtp = (otp) => {\n setIsSending(false)\n // const otp = event.target.value;\n\n if (otp.length != 4) {\n setIsOtpValid(false)\n setOtpMessage('OTP is incorrect!')\n } else {\n ref_input.current.focus()\n setIsOtpValid(true)\n setOtpMessage('')\n setOtp(otp)\n }\n }\n\n const resendOTP = async () => {\n const dataOTP = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n }\n\n await actions\n .resendOTP(dataOTP)\n .then((res) => {\n if (res.status === 200) {\n toastr.success('', `${res.data.result}`)\n setSeconds(59)\n }\n })\n .catch((e) => toastr.error('', `${e}`))\n }\n\n const next = async (e) => {\n setIsSending(true)\n if (!otp) {\n setOtpMessage('This field is required!')\n setIsValid(false)\n setHasErrored(true)\n console.log('OTP Empty')\n setIsSending(false)\n } else if (otp.length != 4) {\n setIsValid(false)\n setHasErrored(true)\n setOtpMessage('OTP you entered is invalid')\n console.log('OTP invalid')\n setIsSending(false)\n } else if (!password || !confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('This field is required!')\n setConfirmIsValid(false)\n setConfirmMessage('This field is required!')\n console.log('pass do not match')\n setIsSending(false)\n } else if (password !== confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('Passwords do not match')\n setConfirmIsValid(false)\n setConfirmMessage('Passwords do not match')\n console.log('pass do not match')\n setIsSending(false)\n } else if (\n isOtpValid &&\n isValid &&\n isConfirmValid &&\n otp.length === 4 &&\n password === confirmPassword\n ) {\n setIsOtpValid(true)\n setMessage('')\n setHasErrored(false)\n setConfirmMessage('')\n setConfirmIsValid(true)\n setIsValid(true)\n console.log('VALIDATION PASSED')\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n OTP: `${otp}`,\n password: `${password}`,\n confirmPassword: `${confirmPassword}`,\n atag: Cookies.get('atag'),\n }\n\n\n await actions\n .verifyOTP(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setMemberCode(res?.data?.result?.memberCode);\n setToken(res.headers.authorization)\n setIsSignUpDone(true)\n setIsSending(false)\n }\n if (promoList?.length){\n // setPromoList(promoListStore)\n setChosenPromo(promoList[0])\n setStep(3)\n } else {\n setStep(4)\n }\n })\n .catch((e) => {\n setIsSending(false)\n toastr.error('', `${e}`)\n })\n\n // setPreVal(true)\n }\n }\n useEffect(() => {\n if (signUp?.length){\n setPromoList(signUp)\n }\n }, [signUp]);\n\n useEffect(() => {\n try {\n httpAuth.get('/promotions').then((response) => {\n if (response.data?.success){\n if(response.data.result && response.data.result?.length > 0){\n setPromoCode(response.data.result[0].promoCode);\n setPromoMessage(response.data.result[0].tagLine);\n }\n }\n })\n } catch (e) {\n // const errorMsg = getErrorMessage(e)\n // throw errorMsg\n }\n\n }, []);\n\n // useEffect(() => {\n // setPromoCode(chosenPromo.promoCode)\n // }, [chosenPromo])\n\n const changeChosenPromo = (item) => {\n if (chosenPromo.tagLine === item.tagLine) {\n setChosenPromo({})\n setPromoCode('')\n setPromoMessage('')\n } else {\n setChosenPromo(item)\n }\n }\n\n const checkPromo = async () => {\n const data = { \"promoCode\": promoCode }\n\n await actions.postCheckPromo(memberCode, token, data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setPromoMessage('')\n setIsPromoSending(false)\n res.status === 200 ? setIsPromoValid(true) : setIsPromoValid(false)\n // setTimeout(() => nextStep(), 2000)\n console.log(\"PROMO POST PASSED\");\n setStep(4)\n // actions.setTab(1)\n // onDidDismiss(false)\n }\n })\n .catch((error) => {\n console.log(\"Error\")\n toastr.error('', `${error}`)\n setTimeout(() => {\n // setAnimation(\"\")\n setIsPromoSending(false)\n }, 1000)\n setChosenPromo({})\n setPromoCode('')\n setPromoMessage(error?.response?.data?.error)\n })\n }\n\n const validatePromo = (event) => {\n setPromoCode(event.target.value)\n }\n\n const nextPromo = e => {\n e.preventDefault()\n setIsSending(true)\n\n if (width > 1024 ? isRulesAccepted : true) {\n\n if (promoList.filter(item => item.promoCode === promoCode).length >= 1) {\n setPromoMessage(\"\")\n // setAnimation('apply-button_step-one')\n setTimeout(() => {\n setIsPromoSending(true);\n checkPromo();\n }, 500)\n } else {\n setIsSending(false)\n setStep(4)\n // setPromoMessage('Invalid promo code');\n }\n } else {\n toastr.error('', `Please, accept the terms`)\n setIsSending(false)\n\n }\n }\n const [focus, setFocus] = useState(false)\n\n const onfocusInput = () => {\n setFocus(true);\n };\n const onBlurInput = () => {\n setFocus(false);\n };\n\n //////////////// NEW SignIn ////////////////////\n const [otpSent, setOtpSent] = useState(false)\n const [isSendingNew, setIsSendingNew] = useState(false)\n\n\n\n\n const mobileValidationNew = async (e) => {\n \n setIsSendingNew(true)\n\n if (mobile.length !== 10) {\n setMessage('This field is required!')\n setIsSendingNew(false)\n return\n } else if (isValid) {\n // actions.requestRecaptcha()\n\n setMessage('')\n const recaptchaResponseExecute =\n await recaptchaResponse.current.executeAsync()\n console.log('recaptchaResponse', recaptchaResponseExecute)\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n recaptchaResponse: `${recaptchaResponseExecute}`,\n }\n\n await actions\n .postNumberSignUp(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n // console.log('res', res)\n toastr.success('', `${res?.data?.result}`)\n setOtpSent(true)\n }\n })\n .catch((e) => {\n setIsSendingNew(false)\n toastr.error('', `${e}`)\n })\n\n console.log('SENDING MOB')\n }\n }\n\n const initialMinuteNew = 0,\n initialSecondsNew = 59\nconst [minutesNew, setMinutesNew] = useState(initialMinuteNew)\nconst [secondsNew, setSecondsNew] = useState(initialSecondsNew)\n\nconst setTimer = () => {\n let myIntervalNew = setInterval(() => {\n console.log('minusSet')\n if (secondsNew > 0) {\n setSecondsNew(secondsNew - 1)\n console.log('minus1')\n }\n if (secondsNew === 0) {\n if (minutesNew === 0) {\n clearInterval(myIntervalNew)\n } else {\n setMinutesNew(minutesNew - 1)\n setSecondsNew(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myIntervalNew)\n }\n}\n\nconst showIntercomMessages = () => {\n let w = window\n let ic = w.Intercom\n if (typeof ic === 'function') {\n ic('messages')\n }\n // window.intercomSettings('showMessages');\n}\n \nuseEffect(() => {\n if (otpSent){\n let myIntervalNew = setInterval(() => {\n console.log('minusSet')\n if (secondsNew > 0) {\n setSecondsNew(secondsNew - 1)\n console.log('minus1')\n }\n if (secondsNew === 0) {\n if (minutesNew === 0) {\n clearInterval(myIntervalNew)\n } else {\n setMinutesNew(minutesNew - 1)\n setSecondsNew(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myIntervalNew)\n }\n}\n})\n\nconst nextNew = async (e) => {\n setIsSending(true)\n if (!otp) {\n setOtpMessage('This field is required!')\n setIsValid(false)\n setHasErrored(true)\n console.log('OTP Empty')\n setIsSending(false)\n } else if (otp.length != 4) {\n setIsValid(false)\n setHasErrored(true)\n setOtpMessage('OTP you entered is invalid')\n console.log('OTP invalid')\n setIsSending(false)\n } else if (!password || !confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('This field is required!')\n setConfirmIsValid(false)\n setConfirmMessage('This field is required!')\n console.log('pass do not match')\n setIsSending(false)\n } else if (password !== confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('Passwords do not match')\n setConfirmIsValid(false)\n setConfirmMessage('Passwords do not match')\n console.log('pass do not match')\n setIsSending(false)\n } else if (\n isOtpValid &&\n isValid &&\n isConfirmValid &&\n otp.length === 4 &&\n password === confirmPassword\n ) {\n setIsOtpValid(true)\n setMessage('')\n setHasErrored(false)\n setConfirmMessage('')\n setConfirmIsValid(true)\n setIsValid(true)\n console.log('VALIDATION PASSED')\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n OTP: `${otp}`,\n password: `${password}`,\n confirmPassword: `${confirmPassword}`,\n }\n await actions\n .verifyOTP(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setMemberCode(res?.data?.result?.memberCode);\n setToken(res.headers.authorization)\n setIsSignUpDone(true)\n setIsSending(false)\n try{\n // radar start\n try{\n if (window.location.search) {\n let s = \"=\";\n const queryString = window.location.search;\n const parameters = new URLSearchParams(queryString);\n parameters.forEach((value, key, urlParam) => {\n if (value === \"WATER\") {\n window.fbq('track', 'Lead');\n }\n });\n }\n } catch (e) {\n console.log(e);\n }\n\n const endSignUp = window.srtmCommands.push({event: \"track.user.registration\",payload: {action: \"complete\",userId: res?.data?.result?.memberCode}});\n console.log(\"!! endSignUp\", endSignUp)\n // radar end\n } catch (e) {\n\n }\n\n login()\n }\n })\n .catch((e) => {\n setIsSending(false)\n toastr.error('', `${e}`)\n })\n\n // setPreVal(true)\n }\n}\n\n return (\n <>\n {/* 1 STEP --- MOBILE */}\n\n {step === 1 && (\n <>\n {width > 1024 &&\n 
\n
}\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 1 of 2 \n \n
\n }\n \n { width < 1024 && \n \n
\n\n Registration with\n phone number
}\n \n \n validateMobile(e.target.value)}\n />\n \n
\n +91
\n {message}
\n \n {width < 1024 &&\n \n \n \n {isSending && width > 1024\n ?\n <>\n \n \n \n \n : width > 1024\n ? Next\n : null\n }\n {isSending && width < 1024\n ?\n <>\n \n \n \n \n : width < 1024 &&\n
\n \n
\n }\n \n Back\n
\n \n Next\n \n
\n }\n \n \n Already have account? \n actions.setTab(1)} className=\"loginPopUp-info-link\">Log In\n
\n\n \n )}\n\n {/* 2 STEP --- OTP */}\n\n {step === 2 && (\n <>\n {width > 1024 &&\n \n
\n }\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 2 of 2 \n \n
\n }\n \n \n
\n \n Enter OTP
\n \n Please enter four digit OTP which has
been sent to your\n mobile number\n
\n\n been sent to your\n mobile number\n
\n
\n \n \n validateOtp(e.target.value)}\n // onIonChange={(e) => validateMobile(e.target.value)}\n />\n \n
\n {otpMessage}
\n \n (seconds === 0 ? setSeconds(59) : null)}\n >\n \n Resend OTP\n \n {minutes === 0 && seconds === 0 ? null : (\n \n {' '}\n in {minutes}:{seconds < 10 ? `0${seconds}` : seconds}\n \n )}\n
\n \n \n validatePassword(e.target.value)}\n // onIonChange={changePass}\n />\n setHideFirstPass(!hideFirstPass)}\n />\n \n
\n {passwordMessage}
\n \n \n validatePasswordConfirm(e.target.value)}\n // onIonChange={changePass}\n />\n setHideSecondPass(!hideSecondPass)}\n />\n \n
\n {confirmMessage}
\n {message}
\n \n\n \n {width < 1024 &&\n
\n \n )}\n\n\n {/* 3 STEP ---PROMOTIONS */}\n\n {step === 3 && promoList?.length && (\n <>\n {width > 1024 && setStep(1)} className=\"pushable back-button\">\n
\n }\n \n \n Back\n
\n \n
}\n {width < 1024 &&\n <>\n \n
\n onDidDismiss(false)}>\n Step 2 of 2 \n \n
\n \n }\n \n \n {\n setChosenPromo({})\n setPromoCode('')\n setPromoMessage('')\n }}\n onChange={validatePromo}\n // onIonChange={(e) => validatePasswordConfirm(e.target.value)}\n // onIonChange={changePass}\n />\n \n\n
\n \n ))}\n\n {width > 1024 &&\n Promotions
\n\n \n Available promotions\n
\n\n {promoList &&\n promoList.map((item, index) => (\n \n changeChosenPromo(item)}\n className={`promo__inputs-select ${\n chosenPromo?.tagLine === item?.tagLine ? 'active' : ''\n }`}\n >\n
\n \n
\n \n {item?.name}\n
\n {item?.tagLine}
\n \n {\n e.stopPropagation()\n actions.setIsDetailedPromo(true)\n actions.setPromoInfo(item)\n setDetailsPromo(item?.info)\n setShowDetails(true)\n }}\n className=\"promo__inputs-select-details\"\n >\n Details\n \n
\n \n {isRulesAccepted ? (\n ![]()
setIsRulesAccepted(!isRulesAccepted)} src={rulesAccepted} style={{ marginRight: '2px' }} />\n ) : (\n
and confirm that I am 18+\n \n
}\n \n\n setIsRulesAccepted(!isRulesAccepted)} className=\"rulesEmpty\">
\n )}\n \n I accept the following{' '}\n actions.setIsTermCondition(true)} className=\"signUpRulesText-terms\">\n {' '}\n Terms & Conditions\n \n and confirm that I am 18+\n \n
\n \n \n \n {isSending && width > 1024\n ?\n <>\n \n \n \n \n : isSending && width < 1024\n ?\n <>\n \n \n \n \n : 1024 && \"signUp\"}`}>Confirm\n }\n {/* 1024 && \"signUp\"}`}>Confirm */}\n \n
\n \n )}\n\n\n {/* 4 STEP --- All Set */}\n\n{step === 4 && (\n <>\n {width > 1024 &&\n \n
\n }\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 2 of 2 \n \n
\n }\n \n
\n\n You’re all set
\n \n {/*
*/}\n
\n setIsRulesAccepted2(!isRulesAccepted2)}>\n {isRulesAccepted2 ? (\n ![]()
setIsRulesAccepted2(!isRulesAccepted2)} src={rulesAccepted} style={{ marginRight: '2px', cursor: 'pointer' }} />\n ) : (\n
and confirm that I am 18+\n \n
\n setIsRulesAccepted2(!isRulesAccepted2)} className=\"rulesEmpty\">
\n )}\n \n I accept the {width > 1024 && \"following\"}{' '}\n actions.setIsTermCondition(true)} className=\"signUpRulesText-terms\">\n {' '}\n Terms & Conditions\n \n and confirm that I am 18+\n \n
\n {/*{width < 1024 &&*/}\n {/* {if (isRulesAccepted2) {\n login()\n } else {\n toastr.error('', `Please, accept the terms`)\n }}\n }\n className=\"pushable next-button signUpButton\"\n // disabled={!isRulesAccepted2}\n >\n \n \n\n {isSending && width < 1024\n ?\n <>\n \n \n \n \n :\n width > 1024 ? (Confirm) : (
\n \n)}\n\n\n{step === 5 && (\n <>\n setStep(1)} className=\"pushable back-button\">*/}\n {/*
*/}\n {/*}*/}\n */}\n {/* Back*/}\n {/*
*/}\n {/* Confirm
)\n }\n\n {/*{width > 1024 && Confirm}*/}\n {/*{width < 1024 && */}\n {/* Confirm*/}\n {/*
}*/}\n \n \n
}\n\n {CONFIG.showSignupOption && onDidDismiss(false)}>\n
\n \n \n {\n promoMessage !== '' && { promoMessage }\n }\n\n
\n\n {CONFIG.isWhatsappOnSignUp === true &&\n <>\n\n \n
\n\n {CONFIG.showSignupOption && Get your ready-made ID from whatsapp
\n \n 
\n Diamond upgrade\n 
\n 1 to 1 customer support\n 
\n 24/7 instant withdrawal\n\n
\n\n window.open(`${CONFIG.whatsappLink}`)}>\n {/*window.open(`${CONFIG.whatsappLink}`)*/}\n\n {/* \n 8888888888\n */}\n \n
\n WHATSAPP NOW
\n \n \n
}\n\n \n }\n\n {CONFIG.showSignupOption && OR
\n \n \n
\n\n \n
\n\n \n validateMobile(e.target.value)}\n />\n
\n +91
\n \n
\n {message}
\n {mobileNumCounter}/10\n \n
\n !otpSent ? mobileValidationNew() : null}>Get OTP
\n \n validateOtp(e.target.value)}\n />\n
}\n {otpMessage}
\n {isSendingNew && \n (secondsNew === 0 ? setSecondsNew(59) : null)}\n >\n \n Resend OTP\n \n {minutesNew === 0 && secondsNew === 0 ? null : (\n \n {' '}\n in {minutesNew}:{secondsNew < 10 ? `0${secondsNew}` : secondsNew}\n \n )}\n
\n \n validatePassword(e.target.value)}\n />\n setHideFirstPass(!hideFirstPass)}\n />\n {/* setHideFirstPass(!hideFirstPass)}\n /> */}\n
\n\n \n
\n {passwordMessage}
\n \n validatePasswordConfirm(e.target.value)}\n />\n setHideSecondPass(!hideSecondPass)}\n />\n {/* setHideSecondPass(!hideSecondPass)}\n /> */}\n
\n \n
\n {confirmMessage}
\n \n {width < 1024 &&\n
}\n\n onDidDismiss(false)} className=\"pushable back-button\">\n
\n }\n \n \n Back\n
\n \n Already have account? \n actions.setTab(1)} className=\"signUpNew_info-link\">Log In\n
\n\n\n\n\n \n \n )}\n \n )\n}\n\nexport default connectLoginPopUp()(SignUpTab);\n","// import './pop-up.scss'\nimport React, { useState, useEffect, useRef } from 'react'\nimport { toastr } from 'react-redux-toastr'\nimport {\n default as PhoneInput,\n isPossiblePhoneNumber,\n parsePhoneNumber,\n} from 'react-phone-number-input'\nimport { CONFIG as social, CONFIG } from '../../../config/api.config'\nimport { useHistory } from 'react-router'\nimport { IonInput, IonItem, IonList, IonSpinner } from '@ionic/react'\nimport { connectLoginPopUp } from '../loginPopUp.connect'\nimport SignUpStep1 from '../SignUpTab/images/step1.svg'\nimport SignUpStep2 from '../SignUpTab/images/step2.svg'\nimport allSet from './images/allSet.png'\nimport rulesAccepted from './images/rulesAccepted.svg'\nimport eye from '../../../assets/images/eye.svg'\nimport eyeOff from '../../../assets/images/eyeOff.svg'\nimport closeLogin from '../../../assets/images/closeCross2.svg'\nimport arrow from '../../../assets/images/arrow.svg'\n\nconst ForgotPasswordTab = ({ actions, recaptchaResponse, onDidDismiss, changeTab, width }) => {\n const history = useHistory()\n\n const [mobile, setMobile] = useState(false)\n const [countryCode, setCountryCode] = useState(false)\n\n const [isValid, setIsValid] = useState(false)\n const [message, setMessage] = useState('')\n const [step, setStep] = useState(5)\n const [isSending, setIsSending] = useState(false)\n const [memberCode, setMemberCode] = useState()\n\n const [hideFirstPass, setHideFirstPass] = useState(false)\n const [hideSecondPass, setHideSecondPass] = useState(false)\n\n const [mobileNumCounter, setMobileNumCounter] = useState(0)\n const refRecaptcha = useRef(null)\n\n\n const getBalance = (memberCode) => {\n actions\n .requestBalance(memberCode)\n .then((res) => {\n if(res.data.result.availBalance < 100) {\n // history.push(\"/deposit\")\n }\n })\n .catch((e) => console.log('balance error = ', e))\n }\n\n const login = async () => {\n try {\n if (!mobile || !password) return\n setIsSending(true)\n const recaptchaResponseExecute = await recaptchaResponse.current.executeAsync()\n\n let newUserName = ''\n newUserName = `91_${mobile}`\n await actions\n .requestAuth({\n username: newUserName,\n password,\n recaptchaResponse: recaptchaResponseExecute,\n answer: '',\n token: '',\n })\n .then((res) => {\n console.log(\"res\", res)\n getBalance(res.data.result.memberCode)\n onDidDismiss()\n setIsSending(false)\n })\n } catch (e) {\n setIsSending(false)\n toastr.error('', `${e}`)\n if (refRecaptcha.current) refRecaptcha.current.reset()\n }\n }\n\n const mobileValidation = async (e) => {\n setIsSending(true)\n console.log(isSending)\n if (mobile.length !== 10) {\n setMessage('This field is required!')\n setIsSending(false)\n return\n } else if (isValid) {\n // actions.requestRecaptcha()\n\n setMessage('')\n const recaptchaResponseExecute =\n await recaptchaResponse.current.executeAsync()\n console.log('recaptchaResponse', recaptchaResponseExecute)\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n recaptchaResponse: `${recaptchaResponseExecute}`,\n }\n\n await actions\n .postNumberForgotPassword(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setStep(2)\n setIsSending(false)\n }\n })\n .catch((e) => toastr.error('', `${e}`))\n\n console.log('SENDING MOB')\n }\n }\n\n const initialMinute = 0,\n initialSeconds = 59\n const [minutes, setMinutes] = useState(initialMinute)\n const [seconds, setSeconds] = useState(initialSeconds)\n\n useEffect(() => {\n if (step === 2) {\n let myInterval = setInterval(() => {\n if (seconds > 0) {\n setSeconds(seconds - 1)\n }\n if (seconds === 0) {\n if (minutes === 0) {\n clearInterval(myInterval)\n } else {\n setMinutes(minutes - 1)\n setSeconds(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myInterval)\n }\n }\n })\n\n const validateMobile = (value) => {\n setMobileNumCounter(value.length)\n setIsSending(false)\n if (!value) {\n setMessage('This field is required!')\n return\n } else if (value.length !== 10) {\n setMessage('Phone number must be 10 digits')\n setIsValid(false)\n } else if (isPossiblePhoneNumber(`+91${value}`)) {\n setIsValid(true)\n setMobile(value)\n const phoneNumber = parsePhoneNumber(`+91${value}`)\n if (phoneNumber) {\n const code = phoneNumber.countryCallingCode\n setCountryCode(code)\n setMessage('')\n\n }\n\n setMessage('')\n }\n console.log(isPossiblePhoneNumber(`+91${value}`))\n }\n\n const onKeyDown = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n event.stopPropagation()\n // submit()\n }\n }\n\n const [otpMessage, setOtpMessage] = useState('')\n const [isOtpValid, setIsOtpValid] = useState(false)\n const [password, setPassword] = useState(false)\n const [confirmPassword, setConfirmPassword] = useState(false)\n const [isPasswordValid, setIsPasswordValid] = useState(false)\n const [isConfirmValid, setConfirmIsValid] = useState(false)\n\n const [passwordMessage, setPasswordMessage] = useState('')\n const [confirmMessage, setConfirmMessage] = useState('')\n const [hasErrored, setHasErrored] = useState('')\n\n const [isRulesAccepted, setIsRulesAccepted] = useState('')\n\n const ref_input = useRef()\n const [otp, setOtp] = useState()\n\n const isDisabledButton = () => {\n if (\n isSending ||\n otpMessage ||\n confirmMessage ||\n passwordMessage ||\n !isPasswordValid ||\n !isConfirmValid ||\n !isPasswordValid\n ) {\n return true\n } else {\n return false\n }\n }\n\n const validatePassword = (password) => {\n // event.preventDefault();\n setIsSending(false)\n const regex = /^[a-zA-Z0-9!@#\\$%\\^\\&*\\)\\(+=._-]+$/g\n const regexTesting = regex.test(password)\n\n if (password.length < 8 || password.length > 40) {\n setIsPasswordValid(false)\n setPasswordMessage('The password must be between 8 and 40 characters')\n } else if (!regexTesting) {\n console.log('regex tested')\n setIsPasswordValid(false)\n setPasswordMessage(\n 'This field can contain letters(a-z), numbers(0-9) or special symbols'\n )\n } else {\n setIsPasswordValid(true)\n setPasswordMessage('')\n setConfirmIsValid(true)\n setConfirmMessage(true)\n setPassword(password)\n }\n }\n\n const validatePasswordConfirm = (confirmPassword) => {\n setIsSending(false)\n // event.preventDefault();\n\n // const confirmPassword = event.target.value;\n\n if (confirmPassword.length < 8 || confirmPassword.length > 40) {\n setConfirmIsValid(false)\n setConfirmMessage('The password must be between 8 and 40 characters')\n } else {\n setConfirmIsValid(true)\n setConfirmMessage('')\n setPasswordMessage('')\n setIsPasswordValid(true)\n setConfirmPassword(confirmPassword)\n }\n }\n\n const validateOtp = (otp) => {\n console.log('startOTPVALID', otp)\n setIsSending(false)\n // const otp = event.target.value;\n\n if (otp.length != 4) {\n setIsOtpValid(false)\n setOtpMessage('OTP is incorrect!')\n } else {\n ref_input.current.focus()\n setIsOtpValid(true)\n setOtpMessage('')\n setOtp(otp)\n }\n console.log('otpMessage', otpMessage)\n }\n\n const resendOTP = async () => {\n const dataOTP = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n }\n\n await actions\n .resendOTP(dataOTP)\n .then((res) => {\n if (res.status === 200) {\n toastr.success('', `${res.data.result}`)\n setSeconds(59)\n }\n })\n .catch((e) => toastr.error('', `${e}`))\n }\n\n const next = async (e) => {\n setIsSending(true)\n if (!otp) {\n setOtpMessage('This field is required!')\n setIsValid(false)\n setHasErrored(true)\n console.log('OTP Empty')\n setIsSending(false)\n } else if (otp.length != 4) {\n setIsValid(false)\n setHasErrored(true)\n setOtpMessage('OTP you entered is invalid')\n console.log('OTP invalid')\n setIsSending(false)\n } else if (!password || !confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('This field is required!')\n setConfirmIsValid(false)\n setConfirmMessage('This field is required!')\n console.log('pass do not match')\n setIsSending(false)\n } else if (password !== confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('Passwords do not match')\n setConfirmIsValid(false)\n setConfirmMessage('Passwords do not match')\n console.log('pass do not match')\n setIsSending(false)\n } else if (\n isOtpValid &&\n isValid &&\n isConfirmValid &&\n otp.length === 4 &&\n password === confirmPassword\n ) {\n setIsOtpValid(true)\n setMessage('')\n setHasErrored(false)\n setConfirmMessage('')\n setConfirmIsValid(true)\n setIsValid(true)\n console.log('VALIDATION PASSED')\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n OTP: `${otp}`,\n password: `${password}`,\n confirmPassword: `${confirmPassword}`,\n }\n await actions\n .verifyForgotPasswordOTP(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n setMemberCode(res?.data?.result?.memberCode);\n console.log(res?.data?.result?.memberCode);\n console.log(memberCode);\n setStep(3)\n setIsSending(false)\n // console.log('SUCCESS')\n }\n })\n .catch((e) => toastr.error('', `${e}`))\n\n // setPreVal(true)\n }\n }\n\n const [focus, setFocus] = useState(false)\n\n const onfocusInput = () => {\n setFocus(true);\n };\n const onBlurInput = () => {\n setFocus(false);\n };\n\n const [otpSent, setOtpSent] = useState(false)\n const [isSendingNew, setIsSendingNew] = useState(false)\n\n\n const mobileValidationNew = async (e) => {\n setIsSendingNew(true)\n console.log(isSending)\n if (mobile.length !== 10) {\n setMessage('This field is required!')\n setIsSendingNew(false)\n return\n } else if (isValid) {\n // actions.requestRecaptcha()\n\n setMessage('')\n const recaptchaResponseExecute =\n await recaptchaResponse.current.executeAsync()\n console.log('recaptchaResponse', recaptchaResponseExecute)\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n recaptchaResponse: `${recaptchaResponseExecute}`,\n }\n\n await actions\n .postNumberForgotPassword(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n toastr.success('', `${res?.data?.result}`)\n setOtpSent(true)\n }\n })\n .catch((e) => {\n setIsSendingNew(false)\n toastr.error('', `${e}`)})\n\n console.log('SENDING MOB')\n }\n }\n\n // const mobileValidationNew = async (e) => {\n \n // setIsSendingNew(true)\n\n // if (mobile.length !== 10) {\n // setMessage('This field is required!')\n // setIsSendingNew(false)\n // return\n // } else if (isValid) {\n // // actions.requestRecaptcha()\n\n // setMessage('')\n // const recaptchaResponseExecute =\n // await recaptchaResponse.current.executeAsync()\n // console.log('recaptchaResponse', recaptchaResponseExecute)\n // const data = {\n // countryCode: `+${countryCode}`,\n // mobileNumber: `${mobile}`,\n // recaptchaResponse: `${recaptchaResponseExecute}`,\n // }\n\n // await actions\n // .postNumberSignUp(data)\n // .then((res) => {\n // console.log(res)\n // if (res.status === 200) {\n // // console.log('res', res)\n // toastr.success('', `${res?.data?.result}`)\n // setOtpSent(true)\n // }\n // })\n // .catch((e) => {\n // setIsSendingNew(false)\n // toastr.error('', `${e}`)\n // })\n\n // console.log('SENDING MOB')\n // }\n // }\n\n const initialMinuteNew = 0,\n initialSecondsNew = 59\nconst [minutesNew, setMinutesNew] = useState(initialMinuteNew)\nconst [secondsNew, setSecondsNew] = useState(initialSecondsNew)\n\nconst setTimer = () => {\n let myIntervalNew = setInterval(() => {\n console.log('minusSet')\n if (secondsNew > 0) {\n setSecondsNew(secondsNew - 1)\n console.log('minus1')\n }\n if (secondsNew === 0) {\n if (minutesNew === 0) {\n clearInterval(myIntervalNew)\n } else {\n setMinutesNew(minutesNew - 1)\n setSecondsNew(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myIntervalNew)\n }\n}\n \nuseEffect(() => {\n if (otpSent){\n let myIntervalNew = setInterval(() => {\n console.log('minusSet')\n if (secondsNew > 0) {\n setSecondsNew(secondsNew - 1)\n console.log('minus1')\n }\n if (secondsNew === 0) {\n if (minutesNew === 0) {\n clearInterval(myIntervalNew)\n } else {\n setMinutesNew(minutesNew - 1)\n setSecondsNew(59)\n }\n }\n }, 1000)\n return () => {\n clearInterval(myIntervalNew)\n }\n}\n})\n\n\nconst nextNew = async (e) => {\n setIsSending(true)\n if (!otp) {\n setOtpMessage('This field is required!')\n setIsValid(false)\n setHasErrored(true)\n console.log('OTP Empty')\n setIsSending(false)\n } else if (otp.length != 4) {\n setIsValid(false)\n setHasErrored(true)\n setOtpMessage('OTP you entered is invalid')\n console.log('OTP invalid')\n setIsSending(false)\n } else if (!password || !confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('This field is required!')\n setConfirmIsValid(false)\n setConfirmMessage('This field is required!')\n console.log('pass do not match')\n setIsSending(false)\n } else if (password !== confirmPassword) {\n setIsValid(false)\n setHasErrored(true)\n setPasswordMessage('Passwords do not match')\n setConfirmIsValid(false)\n setConfirmMessage('Passwords do not match')\n console.log('pass do not match')\n setIsSending(false)\n } else if (\n isOtpValid &&\n isValid &&\n isConfirmValid &&\n otp.length === 4 &&\n password === confirmPassword\n ) {\n setIsOtpValid(true)\n setMessage('')\n setHasErrored(false)\n setConfirmMessage('')\n setConfirmIsValid(true)\n setIsValid(true)\n console.log('VALIDATION PASSED')\n const data = {\n countryCode: `+${countryCode}`,\n mobileNumber: `${mobile}`,\n OTP: `${otp}`,\n password: `${password}`,\n confirmPassword: `${confirmPassword}`,\n }\n await actions\n .verifyForgotPasswordOTP(data)\n .then((res) => {\n console.log(res)\n if (res.status === 200) {\n// setToken(res.headers.authorization)\n// setIsSignUpDone(true)\n// setIsSending(false)\n// login()\n setMemberCode(res?.data?.result?.memberCode);\n console.log(res?.data?.result?.memberCode);\n console.log(memberCode);\n login()\n setIsSending(false)\n }\n })\n .catch((e) => toastr.error('', `${e}`))\n\n // setPreVal(true)\n }\n}\n\n\n// const nextNew = async (e) => {\n// setIsSending(true)\n// if (!otp) {\n// setOtpMessage('This field is required!')\n// setIsValid(false)\n// setHasErrored(true)\n// console.log('OTP Empty')\n// setIsSending(false)\n// } else if (otp.length != 4) {\n// setIsValid(false)\n// setHasErrored(true)\n// setOtpMessage('OTP you entered is invalid')\n// console.log('OTP invalid')\n// setIsSending(false)\n// } else if (!password || !confirmPassword) {\n// setIsValid(false)\n// setHasErrored(true)\n// setPasswordMessage('This field is required!')\n// setConfirmIsValid(false)\n// setConfirmMessage('This field is required!')\n// console.log('pass do not match')\n// setIsSending(false)\n// } else if (password !== confirmPassword) {\n// setIsValid(false)\n// setHasErrored(true)\n// setPasswordMessage('Passwords do not match')\n// setConfirmIsValid(false)\n// setConfirmMessage('Passwords do not match')\n// console.log('pass do not match')\n// setIsSending(false)\n// } else if (\n// isOtpValid &&\n// isValid &&\n// isConfirmValid &&\n// otp.length === 4 &&\n// password === confirmPassword\n// ) {\n// setIsOtpValid(true)\n// setMessage('')\n// setHasErrored(false)\n// setConfirmMessage('')\n// setConfirmIsValid(true)\n// setIsValid(true)\n// console.log('VALIDATION PASSED')\n// const data = {\n// countryCode: `+${countryCode}`,\n// mobileNumber: `${mobile}`,\n// OTP: `${otp}`,\n// password: `${password}`,\n// confirmPassword: `${confirmPassword}`,\n// }\n// await actions\n// .verifyForgotPasswordOTP(data)\n// .then((res) => {\n// console.log(res)\n// if (res.status === 200) {\n// setMemberCode(res?.data?.result?.memberCode);\n// console.log(res?.data?.result?.memberCode);\n// console.log(memberCode);\n// setStep(3)\n// setIsSending(false)\n// // console.log('SUCCESS')\n// }\n// })\n// .catch((e) => toastr.error('', `${e}`))\n\n// // setPreVal(true)\n// }\n// }\n\n\n// const nextNew2 = async (e) => {\n// setIsSending(true)\n// if (!otp) {\n// setOtpMessage('This field is required!')\n// setIsValid(false)\n// setHasErrored(true)\n// console.log('OTP Empty')\n// setIsSending(false)\n// } else if (otp.length != 4) {\n// setIsValid(false)\n// setHasErrored(true)\n// setOtpMessage('OTP you entered is invalid')\n// console.log('OTP invalid')\n// setIsSending(false)\n// } else if (!password || !confirmPassword) {\n// setIsValid(false)\n// setHasErrored(true)\n// setPasswordMessage('This field is required!')\n// setConfirmIsValid(false)\n// setConfirmMessage('This field is required!')\n// console.log('pass do not match')\n// setIsSending(false)\n// } else if (password !== confirmPassword) {\n// setIsValid(false)\n// setHasErrored(true)\n// setPasswordMessage('Passwords do not match')\n// setConfirmIsValid(false)\n// setConfirmMessage('Passwords do not match')\n// console.log('pass do not match')\n// setIsSending(false)\n// } else if (\n// isOtpValid &&\n// isValid &&\n// isConfirmValid &&\n// otp.length === 4 &&\n// password === confirmPassword\n// ) {\n// setIsOtpValid(true)\n// setMessage('')\n// setHasErrored(false)\n// setConfirmMessage('')\n// setConfirmIsValid(true)\n// setIsValid(true)\n// console.log('VALIDATION PASSED')\n// const data = {\n// countryCode: `+${countryCode}`,\n// mobileNumber: `${mobile}`,\n// OTP: `${otp}`,\n// password: `${password}`,\n// confirmPassword: `${confirmPassword}`,\n// }\n// await actions\n// .verifyOTP(data)\n// .then((res) => {\n// console.log(res)\n// if (res.status === 200) {\n// setMemberCode(res?.data?.result?.memberCode);\n// setToken(res.headers.authorization)\n// setIsSignUpDone(true)\n// setIsSending(false)\n// login()\n// }\n// })\n// .catch((e) => {\n// setIsSending(false)\n// toastr.error('', `${e}`)\n// })\n\n// // setPreVal(true)\n// }\n// }\n\n\n return (\n <>\n {/* 1 STEP --- MOBILE */}\n\n {step === 1 && (\n <>\n {width > 1024 &&\n 
\n
}\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 1 of 2 \n \n
\n }\n \n \n \n
\n\n Forgot password
\n \n \n validateMobile(e.target.value)}\n />\n \n
\n +91
\n {message}
\n \n \n \n \n {width > 1024 && Next}\n {width < 1024 &&
\n \n )}\n\n {/* 2 STEP --- OTP */}\n\n {step === 2 && (\n <>\n {width > 1024 &&\n \n Next\n \n
}\n \n \n
\n }\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 2 of 2 \n \n
\n }\n \n \n
\n \n Enter OTP
\n \n Please enter four digit OTP which has
been sent to your\n mobile number\n
\n\n been sent to your\n mobile number\n
\n
\n \n \n validateOtp(e.target.value)}\n // onIonChange={(e) => validateMobile(e.target.value)}\n />\n \n
\n {otpMessage}
\n \n (seconds === 0 ? setSeconds(59) : null)}\n >\n \n Resend OTP\n \n {minutes === 0 && seconds === 0 ? null : (\n \n {' '}\n in {minutes}:{seconds < 10 ? `0${seconds}` : seconds}\n \n )}\n
\n \n \n validatePassword(e.target.value)}\n // onIonChange={changePass}\n />\n setHideFirstPass(!hideFirstPass)}\n />\n \n
\n {passwordMessage}
\n \n \n validatePasswordConfirm(e.target.value)}\n // onIonChange={changePass}\n />\n setHideSecondPass(!hideSecondPass)}\n />\n \n
\n {confirmMessage}
\n {message}
\n \n\n \n {width < 1024 &&\n
\n \n )}\n\n {step === 3 && (\n <>\n\n {width > 1024 &&\n setStep(1)} className=\"pushable back-button\">\n
\n }\n \n \n Back\n
\n \n
\n }\n {width < 1024 &&\n onDidDismiss(false)}>\n Step 2 of 2 \n \n
\n }\n \n {width > 1024 &&\n \n {isRulesAccepted ? (\n ![]()
setIsRulesAccepted(!isRulesAccepted)} src={rulesAccepted} style={{ marginRight: '2px', cursor: 'pointer' }} />\n ) : (\n
and confirm that I am 18+\n \n
\n \n\n {/*You’re all set
\n }\n {width < 1024 &&\n \n Password successfully\n modified\n
\n }\n \n \n
\n setIsRulesAccepted(!isRulesAccepted)} className=\"rulesEmpty\">
\n )}\n \n I accept the {width > 1024 && \"following\"}{' '}\n actions.setIsTermCondition(true)} className=\"signUpRulesText-terms\">\n {' '}\n Terms & Conditions\n \n and confirm that I am 18+\n \n
*/}\n
\n \n )}\n\n \n )\n}\n\nexport default connectLoginPopUp()(ForgotPasswordTab)\n","import './pop-up.scss'\nimport React, { useState, useEffect, useRef } from 'react'\nimport { toastr } from 'react-redux-toastr'\nimport { useHistory } from 'react-router'\nimport { IonInput, IonItem, IonList } from '@ionic/react'\nimport ReCAPTCHA from 'react-google-recaptcha'\nimport closeDetailed from './SignUpTab/images/closeDetailed.svg'\nimport eyeOff from '../../assets/images/eyeOff.svg'\nimport closePromo from '../../assets/images/closeCross3.svg'\nimport { connectLoginPopUp } from './loginPopUp.connect'\nimport UpdatePopUp from '../../components/UpdatePopUp/index.js'\nimport LogInStep from './LogInStep/LogInStep'\nimport SignUpTab from './SignUpTab/SignUpTab'\nimport ForgotPasswordTab from './ForgotPassword/ForgotPasswordTab'\nimport promoDefault from '../../assets/images/promoDefault.png'\nimport RulesRegs from '../../pages/RulesRegs/RulesRegs'\nimport { createPortal } from \"react-dom\";\nimport { showDeposit } from \"../../helpers/showDeposit.helper\";\n\nconst modalRoot = document.querySelector(\"#modal-root\");\n\nconst LoginPopUp = ({\n open,\n onDidDismiss,\n auth,\n recaptcha,\n actions,\n version,\n B2C,\n scrollPosition,\n isDetailedPromo,\n promoInfo,\n isTermCondition,\n // tab = 1\n tab = 1,\n elementsParams\n}) => {\n const refRecaptcha = useRef(null)\n const history = useHistory()\n let [username, setUsername] = useState('')\n const [password, setPassword] = useState('')\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n if (!auth) {\n actions.requestRecaptcha()\n }\n }, [auth])\n\n useEffect(() => {\n if (!onDidDismiss) {\n\n // setTabButton(1)\n actions.setTab(1)\n }\n }, [onDidDismiss])\n\n // useEffect(() => {\n // setTabButton(tab)\n // }, [tab]);\n \n //window width\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n //end window width\n\n const windowLoc = () => {\n history.push('/default-page')\n window.location.href = window.location.pathname.replace('/register', '/')\n // setLocation('')\n }\n\n // console.log('window', window?.location?.href);\n\n useEffect( () => {\n\n if (B2C) {\n // .then((res) => setPromoList(res.data.result))\n // console.log(object);\n }\n }, []);\n\n const getBalance = (memberCode) => {\n actions\n .requestBalance(memberCode)\n .then((res) => {\n if (res.data.result.availBalance < 100) {\n history.push('/deposit')\n }\n })\n .catch((e) => console.log('balance error = ', e))\n }\n\n const submit = async () => {\n try {\n if (!username || !password || loading) return\n setLoading(true)\n const recaptchaResponse = await refRecaptcha.current.executeAsync()\n let newUserName = ''\n if (B2C) {\n newUserName = `91_${username}`\n await actions\n .requestAuth({\n username: newUserName,\n password,\n recaptchaResponse,\n answer: '',\n token: '',\n })\n .then((res) => {\n setLoading(false)\n if(B2C && showDeposit()){\n getBalance(res.data.result.memberCode)\n }\n onDidDismiss()\n })\n } else {\n await actions\n .requestAuth({\n username,\n password,\n recaptchaResponse,\n answer: '',\n token: '',\n })\n .then((res) => {\n setLoading(false)\n })\n }\n } catch (e) {\n setLoading(false)\n toastr.error('', `${e}`)\n if (refRecaptcha.current) refRecaptcha.current.reset()\n }\n }\n\n const onKeyDown = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n event.stopPropagation()\n submit()\n }\n }\n\n const changeName = (e) => {\n setUsername(e.detail.value)\n }\n\n const changePass = (e) => {\n setPassword(e.detail.value)\n }\n\n function createMarkup(info) {\n return { __html: info.replaceAll('\\\\n', '') }\n }\n\n // update pop-up\n // const [isOpen, setIsOpen] = useState(false)\n\n // useEffect(() => {\n // let versionNow = version\n\n // console.log(version)\n\n // if (version) {\n // if (localStorage.getItem('versionNow') === versionNow) {\n // return console.log('version up to date')\n // } else if (!localStorage.getItem('versionNow')) {\n // localStorage.setItem('versionNow', versionNow)\n // } else if (localStorage.getItem('versionNow') != versionNow) {\n // setIsOpen((isOpen) => !isOpen)\n // localStorage.setItem('versionNow', versionNow)\n // }\n // }\n // }, [version])\n\n const [focus, setFocus] = useState(false)\n\n // const animationClass = () => {\n // if (width >= 1024 && !onDidDismiss){\n // return 'popUpAnimation'\n // } else if (width >= 1024 && onDidDismiss){\n // return 'popUpCloseAnimation'\n // } else {\n // return \n // }\n // } \n\n // const showHide = () => {\n // setShow(!show)\n // }\n // const [show, setShow] = useState(false)\n\n\n return createPortal(\n <>\n {open && (\n \n {/*{width < 1024 &&*/}\n {/* {isRulesAccepted &&\n // onDidDismiss(false)\n // actions.setTab(1)}\n // }\n onClick={() => {if (isRulesAccepted) {\n onDidDismiss(false)\n actions.setTab(1)\n } else {\n toastr.error('', `Please, accept the terms`)\n }}}\n className=\"pushable next-button\"\n disabled={isSending}\n >\n \n \n {width > 1024 && Confirm}\n {width < 1024 &&
\n \n )}\n\n\n{step === 5 && (\n <>\n setStep(1)} className=\"pushable back-button\">*/}\n {/*
*/}\n {/*}*/}\n */}\n {/* Back*/}\n {/*
*/}\n {/* \n Confirm\n
}\n \n \n
\n\n onDidDismiss(false)}>\n
\n \n \n
\n\n \n \n
\n\n \n validateMobile(e.target.value)}\n />\n
\n\n \n
\n {message}
\n {mobileNumCounter}/10\n \n
\n !otpSent ? mobileValidationNew() : null}>Get OTP
\n \n validateOtp(e.target.value)}\n />\n
}\n {otpMessage}
\n {isSendingNew && \n (secondsNew === 0 ? setSecondsNew(59) : null)}\n >\n \n Resend OTP\n \n {minutesNew === 0 && secondsNew === 0 ? null : (\n \n {' '}\n in {minutesNew}:{secondsNew < 10 ? `0${secondsNew}` : secondsNew}\n \n )}\n
\n \n validatePassword(e.target.value)}\n />\n setHideFirstPass(!hideFirstPass)}\n /> */}\n
\n\n setHideFirstPass(!hideFirstPass)}\n >
\n {/* \n
\n {passwordMessage}
\n \n validatePasswordConfirm(e.target.value)}\n />\n setHideSecondPass(!hideSecondPass)}\n /> */}\n
\n setHideSecondPass(!hideSecondPass)}\n >
\n {/* \n
\n {confirmMessage}
\n \n {width < 1024 &&\n
\n\n {/* onDidDismiss(false)} className=\"pushable back-button\">\n
\n }\n \n \n Back\n
\n \n Already have account? \n actions.setTab(1)} className=\"signUpNew_info-link\">Log In\n
*/}\n\n {/* \n \n
\n\n OR
\n \n \n
*/}\n Get your ready-made ID from whatsapp
\n window.open(`https://wa.me/${CONFIG.mobiNumber}`)}>\n \n 8888888888\n \n \n
\n {CONFIG.mobiNumber}
\n \n {\n // if (e.currentTarget === e.target) {\n // onDidDismiss(false)\n // }\n // }}\n // TODO: variable to be used for svg\n >\n
\n {tab === 1 && width > 1024 && }\n {tab === 1 && (\n \n
\n }\n {\n onDidDismiss(false)\n windowLoc()\n }}>\n \n
\n \n {width > 1024 && B2C &&\n actions.setTab(1)}\n >\n Log in\n
\n \n actions.setTab(2)}\n >\n Sign up\n
\n \n
\n \n \n )}\n {isTermCondition && (\n {\n if (e.currentTarget === e.target) {\n dispatch(setBonusPopUp(false));\n setIsRules(false)\n }\n }}>\n \n {width < 1024 ? (\n \n \n ) : (\n <>\n\n \n )}\n {isPopUpOpen ? \n {slotCasinoPopUp &&
\n :\n null\n }\n \n
\n )\n}\n\nexport default BonusPopUp;\n","import React, { useEffect, useState, useRef } from 'react'\nimport { IonContent, IonPage, IonHeader } from '@ionic/react'\nimport { connectSlotsGamesLobby } from './SlotsGamesLobby.connect'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\n\nimport './SlotsGamesLobby.scss'\nimport LobbyTopImg from '../../assets/images/slotsGames/SlotsTopImage.jpg'\nimport LobbyLines from '../../assets/images/liveCasinoLobby/bgLinesCasino.jpg'\nimport LobbyLine from '../../assets/images/liveCasinoLobby/bgLineCasino.svg'\nimport LobbyMobileTopImg from '../../assets/images/liveCasinoLobby/LiveCasinoMobileTop.png'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport WhiteArrow from '../../assets/images/slotsGames/Arrow.svg'\nimport SearchIcon from '../../assets/images/searchIconDeskWhite.svg'\nimport JiliPopUp from '../../components/SlotsJiliPopUp'\nimport BonusPopUp from '../../components/BonusPopUp'\nimport chip from './chip.png'\nimport slotsBackgroundEl from './slotsBackgroundEl.png'\nimport slotsRouletteIn from './slotsRouletteIn.png'\nimport slotsRouletteOut from './slotsRouletteOut.png'\nimport slotMachine from './slotMachine.png'\nimport SlotsLobbyMobile from '../../assets/images/slotsGames/slotsLobbyMobile.jpg'\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop';\nimport SlotsCasinoPopUp from '../../components/SlotsCasinoPopup'\n\nconst SlotsGamesLobby = ({\n inplayPopular,\n actions,\n slotsGames,\n slotsGamesSearch,\n auth,\n elementsParams,\n quickButtonSlots,\n slotCasinoPopUp\n}) => {\n const [seeAllSlots, setSeeAllSlots] = useState({})\n const [jiliGame, setJiliGame] = useState()\n const [searchOn, setSearchOn] = useState(false)\n const width = elementsParams && elementsParams?.clientWidth ? elementsParams?.clientWidth : window.innerWidth\n.clientWidth\n const history = useHistory()\n\n const isPopUpOpen = useSelector((state) => state.slotsPopUp.isPopUpOpen)\n\n const handleClick = (id) => {\n let ref\n if (id === '51') ref = allSlots\n if (id === '52') ref = fishing\n if (id === '53') ref = bingo\n if (id === '54') ref = multiplayer\n if (id === '55') ref = virtual\n if (id === '56') ref = scratch\n\n if(ref){\n ref && ref.current && ref.current.scrollIntoView({\n block: 'start',\n behavior: 'smooth',\n })\n }\n\n }\n\n const seeAll = (id) => {\n if (id === '51') return allSlots\n if (id === '52') return fishing\n if (id === '53') return bingo\n if (id === '54') return multiplayer\n if (id === '55') return virtual\n if (id === '56') return scratch\n }\n\n const stateNames = (id) => {\n if (id === '51') return slotsGames?.allSlots\n if (id === '52') return slotsGames?.fishingGames\n if (id === '53') return slotsGames?.bingoGames\n if (id === '54') return slotsGames?.multiplayerGames\n if (id === '55') return slotsGames?.virtualGames\n if (id === '56') return slotsGames?.scratchGames\n }\n\n useEffect (() => {\n // console.log('quickButtonSlots', quickButtonSlots)\n if (quickButtonSlots && quickButtonSlots !== 'slotsgames-lobby'){\n setTimeout (() => {\n handleClick(`${quickButtonSlots}`)\n actions.setQuickButtonSlots('')\n }, 1000)\n }\n }, [quickButtonSlots])\n\n // console.log('bumbum', slotsGames, slotsGames[stateNames('55')]);\n\n const allSlots = useRef(null)\n const fishing = useRef(null)\n const bingo = useRef(null)\n const multiplayer = useRef(null)\n const virtual = useRef(null)\n const scratch = useRef(null)\n\n useEffect(() => {\n actions.requestSlotsGames()\n }, [])\n\n const onOpenGame = (id, item) => {\n if(auth) {\n if (id.indexOf('jili') !== -1) {\n console.log('open')\n setJiliGame(item)\n actions.setIsPopUpOpen(true)\n } else {\n actions.requestSlotsGamesID(id)\n history.push(`/live_casino_slot/${id}`)\n }\n } else {\n actions.setLoginNew(true)\n }\n }\n\n const onSearchGames = (e) => {\n console.log('e', e)\n if (e.length >= 4) {\n setSearchOn(true)\n actions.requestSlotsGamesSearch(e)\n } else {\n setSearchOn(false)\n }\n }\n\n\n return (\n \n {dispatch(setBonusPopUp(false));\n setIsRules(false)}}\n className=\"bonus-pop-up__header-closeButton\"\n />\n
\n {isRules ?\n <>\n \n
\n \n {/*
*/}\n
\n {`${walletType === 'B' ? 'Bonus' : walletType === 'S' ? 'Sport' : 'Casino'} Information`}\n \n
\n setIsRules(false)}>\n
\n \n : \n
}\n \n Balance:\n \n {/* {walletType === 'B'\n ? balance?.bWallet?.availBalance?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }) || 0.0\n : walletType === 'C'\n ? balance?.cWallet?.availBalance?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }) || 0.0\n : balance?.sWallet?.availBalance?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }) || 0.0} */}\n {walletType === 'B'\n ? getCurrencyFormat(balance?.bWallet?.availBalance) || 0.0\n : walletType === 'C'\n ? getCurrencyFormat(balance?.cWallet?.availBalance) || 0.0\n : getCurrencyFormat(balance?.sWallet?.availBalance) || 0.0}\n \n
\n\n Net Exposure:\n \n {/* {walletType === 'B'\n ? balance?.bWallet?.deductedExposure?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n }) || 0.0\n : walletType === 'C'\n ? balance?.cWallet?.deductedExposure?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })|| 0.0\n : balance?.sWallet?.deductedExposure?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })|| 0.0} */}\n {walletType === 'B'\n ? getCurrencyFormat(balance?.bWallet?.deductedExposure) || 0.0\n : walletType === 'C'\n ? getCurrencyFormat(balance?.cWallet?.deductedExposure) || 0.0\n : getCurrencyFormat(balance?.sWallet?.deductedExposure) || 0.0}\n \n
\n\n Use Bonus\n \n
\n\n \n \n Wagering Remaining\n \n {/* {expSum().toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })} */}\n {getCurrencyFormat(expSum())}\n \n \n \n Bonus Amount\n \n {/* {bonusWageringInfo?.bonus?.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n })} */}\n {getCurrencyFormat(bonusWageringInfo?.bonus)}\n \n \n \n Bonus Issued\n \n {bonusWageringInfo?.issued?.replace('T', ' ').substring(0, 19)\n .replace(\n /^(\\d{4}).(\\d{2}).(\\d{2})/,\n '$3-$2-$1')\n }\n \n \n \n Bonus Expiry\n \n {bonusWageringInfo?.expiry?.replace('T', ' ')\n .replace(\n /^(\\d{4}).(\\d{2}).(\\d{2})/,\n '$3-$2-$1')\n }\n \n \n
\n \n Bonus Wallet\n setOpenInfo((prevState) => !prevState)}\n src={arrowOpen}\n className={openInfo ? '' : 'close'}\n />\n
\n setIsRules(true)}>\n \n Terms and Conditions\n \n
\n \n \n
\n \n {width < 1024 ? (\n <>\n
\n \n ) : (\n \n
\n \n onSearchGames(e.target.value)}\n />\n
\n \n {slotsGames?.slotsGamesButtons?.length &&\n slotsGames?.slotsGamesButtons?.map((item) => {\n return (\n handleClick(item?.id)}\n >\n {item?.name}\n
\n )\n })}\n \n
\n )}\n {/* {width >= 1024 ? */}\n <>\n {width > 1024 && \n \n \n
}\n \n 
\n
\n \n
\n \n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n
\n \n \n SLOT MACHINE\n \n
\n {/* SLOT MACHINE */}\n \n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n ★\n
\n \n Free Spins\n
\n \n
\n \n {/* :\n null\n } */}\n\n {width >= 1024 ?\n \n \n 
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n onSearchGames(e.target.value)}\n />\n
\n \n {slotsGames?.slotsGamesButtons?.length &&\n slotsGames?.slotsGamesButtons?.map((item) => {\n return (\n handleClick(item?.id)}\n >\n {item?.name}\n
\n )\n })}\n \n
\n \n\n SLOTS GAMES
\n \n {\n setSeeAllSlots(!seeAllSlots)\n actions.requestSlotsGamesLobby('51')\n }}\n >\n {seeAllSlots ? 'See less' : 'See all'}\n
\n \n \n
\n \n )\n })}\n\n\n\n\n\n\n\n\n\n {/* hard code */}\n {/* \n
\n \n {!searchOn ? (\n <>\n\n {slotsGames?.mainGames && slotsGames?.mainGames?.map((item, index) => {\n return (\n <>\n {\n setSeeAllSlots({...seeAllSlots, [index]: !seeAllSlots[index]})\n if (item?.id === \"56\") {\n return\n } else {\n actions.requestSlotsGamesLobby(item?.id)\n }\n\n console.log('iii', item);\n }}\n >\n {seeAllSlots[index] ? 'See less' : 'See all'}\n
\n \n \n \n {item?.name}\n
\n \n
\n \n {!seeAllSlots[index]\n ? slotsGames?.mainGames &&\n slotsGames?.mainGames[index]?.games?.map((item) => {\n return (\n onOpenGame(item?.ID, item)}\n >\n
\n )\n })\n : slotsGames && stateNames(item?.id)\n ? stateNames(item?.id)?.map((item) => {\n\n return (\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}\n />\n
\n {item?.Trans?.en}
\n \n
\n )\n })\n : slotsGames?.mainGames &&\n slotsGames?.mainGames[index]?.games?.map((item) => {\n return (\n \n {item?.name}\n onOpenGame(item?.id)}/>\n
\n {item?.name}
\n \n
\n )\n })\n\n }\n \n {item?.Trans?.en}\n onOpenGame(item?.ID)}/>\n
\n {item?.Trans?.en}
\n \n \n All Slot\n
\n \n {item?.image ?\n onOpenGame(item?.id, item)}\n />\n :\n
\n )\n })\n : slotsGames &&\n slotsGames[0]?.games?.map((item) => {\n return (\n {item?.name}
}\n \n onOpenGame(item?.ID, item)}\n />\n
\n )\n })}\n \n\n \n \n Fishing Games\n
\n \n onOpenGame(item?.ID, item)}\n />\n
\n )\n })\n : slotsGames && slotsGames?.fishingGames\n ? slotsGames &&\n slotsGames?.fishingGames?.map((item) => {\n return (\n \n onOpenGame(item?.id, item)}\n />\n
\n )\n })\n : slotsGames &&\n slotsGames[1]?.games?.map((item) => {\n return (\n \n onOpenGame(item?.ID, item)}\n />\n
\n )\n })}\n \n\n \n \n Bingo\n
\n \n onOpenGame(item?.ID, item)}\n />\n
\n )\n })\n : slotsGames && slotsGames?.bingoGames\n ? slotsGames &&\n slotsGames?.bingoGames?.map((item) => {\n return (\n \n onOpenGame(item?.id, item)}\n />\n
\n )\n })\n : slotsGames &&\n slotsGames[2]?.games?.map((item) => {\n return (\n \n onOpenGame(item?.ID, item)}\n />\n
\n )\n })}\n \n\n \n Multiplayer\n
\n {\n setSeeMultiplayerGames(!seeMultiplayerGames)\n actions.requestSlotsGamesLobby('54')\n }}>\n {seeMultiplayerGames ? 'See less' : 'See all'}\n
\n \n \n {!seeMultiplayerGames ?\n slotsGames && slotsGames[5]?.games?.map((item) => {\n return (\n
\n\n \n 
onOpenGame(item?.ID, item)}/>\n
\n )\n })\n :\n slotsGames && slotsGames?.multiplayerGames?.map((item) => {\n return (\n \n 
onOpenGame(item?.id, item)}/>\n
\n )\n })}\n \n \n {' '}\n Virtual Sports\n
\n \n \n Scratch Cards\n
\n \n
\n \n Games\n
\n {item?.name}
\n \n )\n })}\n \n \n )}\n \n \n \n {/* */}\n {width > 1024 &&
*/}\n \n \n {/*{width < 1024 && \n
\n \n \n )\n })\n )\n }\n\n return (\n \n
\n\n \n
\n \n {value.action === 'TRANSFER_UP' ||\n value.action === 'TRANSFER_DOWN' ||\n value.action === 'Credit' ||\n value.action === 'OPEN' ? (\n selectPNLItem()}\n >\n {value.description !== null &&\n value.description.eventName}\n
\n )}\n \n {value.actionDisplayName}\n
\n ) : (\n \n Bal. {getCurrencyFormat(value.balance)}\n
\n \n
\n\n \n Date\n
\n \n \n {`${('0' + dateItem.getDate()).slice(-2)}/${(\n '0' +\n (dateItem.getMonth() + 1)\n ).slice(-2)}/${dateItem.getFullYear()}`}\n \n \n {`${dateItem.getHours() < 10\n ? ('0' + dateItem.getHours()).slice(-2)\n : dateItem.getHours()\n }:${dateItem.getMinutes() < 10\n ? ('0' + dateItem.getMinutes()).slice(-2)\n : dateItem.getMinutes()\n }:${dateItem.getSeconds() < 10\n ? ('0' + dateItem.getSeconds()).slice(-2)\n : dateItem.getSeconds()\n }`}\n \n
\n \n
\n \n Description\n
\n \n {value.actionDisplayName}\n
\n \n = 0 ? 'green' : 'red'\n }`}\n >\n {value.pnl >= 0 ? (\n \n ) : (\n \n )}\n {getCurrencyFormat(value.pnl)}\n
\n P&L
\n \n
\n \n Credit Limit\n
\n \n {value.creditLimit ? getCurrencyFormat(value.creditLimit) : '-'}\n
\n \n
\n\n {selectedFilter === \"S\" ? 'Sports Bonus' : selectedFilter === \"C\" ? 'Casino Bonus' : 'Bonus'} Statement
\n\n \n// \n// \n// \n// \n// \n// );\n// };\n//\n","import {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport {requestAccountStatementSuccess} from \"../../store/accountStatement/accountStatement.thunks\";\nimport {requestBetHistorySuccess} from \"../../store/betHistory/bet-history.thunks\";\nimport {requestOrderListSuccess} from \"../../store/orderList/order-list.thunks\";\nimport {requestBonusStatementSuccess} from \"../../store/bonusStatement/bonusStatement.thunks\";\n\n\nexport const connectBonusStatementPage = (wrappedProps) => (component) => {\n function mapStateToProps (state) {\n return {\n accountStatement: state.accountStatement,\n user: state.user,\n bonusStatement: state.bonusStatement,\n elementsParams: state.elementsParams\n };\n }\n\n function mapDispatchToProps (dispatch) {\n const actions = {\n requestAccountStatementSuccess,\n requestOrderListSuccess,\n requestBetHistorySuccess,\n requestBonusStatementSuccess,\n\n };\n\n return {actions: bindActionCreators(actions, dispatch)};\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component);\n};\n","import React, { useEffect, useState, createRef } from 'react'\nimport {\n IonContent,\n IonPage,\n IonHeader,\n} from '@ionic/react'\nimport { useSelector } from 'react-redux'\nimport './DepositTimer.scss'\nimport rupyIcon from '../../assets/images/rupyIcon.svg'\nimport Toolbar from '../../components/Toolbar/Toolbar'\nimport getErrorMessage from '../../helpers/getErrorMessage.helper'\nimport lottie from 'lottie-web'\nimport successAnimation from './successAnimation.json'\nimport successAnimationSuccess from './successAnimationSuccess.json'\n\nimport phonePeLogo from \"../../assets/images/depositPageIcons/phonepe.png\";\nimport googlePayLogo from \"../../assets/images/depositPageIcons/google-pay.png\";\nimport payTmLogo from \"../../assets/images/depositPageIcons/paytm.png\";\nimport bhimLogo from \"../../assets/images/depositPageIcons/bhim.png\";\n// import { CountdownCircleTimer } from 'react-countdown-circle-timer'\n\nimport { connectDepositTimerQr } from './DepositTimerQr.connect'\nimport { useDispatch } from 'react-redux'\nimport QRCode from 'qrcode'\n\nimport { useHistory } from 'react-router'\nimport axios from 'axios'\nimport RenderTime from './renderTime'\nimport {\n useIonViewWillEnter,\n useIonViewWillLeave,\n useIonViewDidLeave,\n} from '@ionic/react'\nimport { setReq } from '../../store/deposit/deposit.slice'\nimport { BASE_DEV_URL } from '../../config/api.config'\nimport FooterDesktop from '../../components/FooterDesktop/FooterDesktop'\nimport { getCurrencyFormat } from '../../helpers/getCurrencyFormat.helper'\nimport poveredByUPI from './poveredUPI.svg'\n\nconst DepositTimerQr = ({\n user,\n actions,\n initialOpen,\n elementsParams,\n ...props\n}) => {\n const history = useHistory()\n const depositReq = useSelector((state) => state.deposit)\n const token = localStorage.getItem('id_token')\n const [countDownTime, setCountDownTime] = useState(300)\n const [reqResponse, setReqResponse] = useState()\n const [qrCodeImage, setQrCodeImage] = useState(null)\n const dispatch = useDispatch()\n\n\n\n const updatePgDepositRequest = async (id) => {\n console.log('request resent', id)\n if (id) {\n return await axios\n .get(BASE_DEV_URL + `/pg/get_pg_txn_details?transactionId=${id}`, {\n headers: {\n Authorization: `${token}`,\n },\n })\n .then((response) => setReqResponse(response?.data?.result))\n .catch((e) => {\n const errorMsg = getErrorMessage(e)\n throw errorMsg\n })\n }\n }\n\n let mainTimer\n let clearCountdown\n\n useEffect(() => {\n if (countDownTime > 0) {\n clearCountdown = setInterval(() => {\n setCountDownTime(countDownTime - 1)\n }, 1000)\n return () => clearInterval(clearCountdown)\n }\n // else {\n // history.push('/transactions')\n // }\n }, [countDownTime, localStorage.getItem('page')])\n\n useEffect(() => {\n if (depositReq?.result?.transactionId) {\n if (countDownTime % 5 === 0) {\n updatePgDepositRequest(depositReq?.result?.transactionId)\n console.log('request', countDownTime % 5)\n }\n }\n }, [depositReq, countDownTime])\n\n useEffect(() => {\n if (depositReq?.result?.transactionId) {\n updatePgDepositRequest(depositReq?.result?.transactionId)\n console.log('request', countDownTime % 5)\n }\n }, [])\n console.log('depositReq', depositReq);\n console.log('reqResponse', reqResponse);\n\n useEffect( () => {\n (async () => getQrImage())();\n }, [depositReq])\n\n const getQrImage = async () => {\n try {\n // console.log(await QRCode.toDataURL(text))\n setQrCodeImage(await QRCode.toDataURL(`${depositReq?.result?.qrCode}`))\n } catch (err) {\n console.error(err)\n }\n }\n\n useEffect(() => {\n if (reqResponse?.status) {\n if (reqResponse.status !== 'Pending') {\n setCountDownTime(1)\n setTimeout(() => {\n // history.push('/transactions')\n dispatch(setReq({}))\n clearInterval(mainTimer)\n clearInterval(clearCountdown)\n }, 5000)\n }\n }\n // } else {\n //\n // }\n }, [reqResponse])\n\n useIonViewWillEnter(async () => {\n setCountDownTime(300)\n })\n\n useIonViewDidLeave(() => {\n // setCountDownTime(0)\n setQrCodeImage(\"\");\n dispatch(setReq({}))\n clearInterval(mainTimer)\n clearInterval(clearCountdown)\n console.log('ionic leave from timer dep page')\n })\n\n useIonViewWillLeave(() => {\n // setCountDownTime(0)\n dispatch(setReq({}))\n clearInterval(mainTimer)\n clearInterval(clearCountdown)\n console.log('ionic leave from timer dep page')\n })\n\n let animationContainer = createRef()\n let animationContainerSuccess = createRef()\n\n const apiRequestForQrCodeOnMobile = (protocol) => {\n window.location.href = `https://api.gemexch.co/api/open/upi?vpa=${depositReq?.depositMethod?.account?.acNo}&vpaName=${depositReq?.depositMethod?.account?.name}&amount=${depositReq?.result?.amount}&protocol=${protocol}¬es=${depositReq.result?.transactionId}`;\n };\n\n useEffect(() => {\n if (reqResponse?.status === \"Complete\") {\n console.log('IN');\n lottie.loadAnimation({\n container: animationContainer.current,\n animationData: successAnimation,\n })\n lottie.loadAnimation({\n container: animationContainerSuccess.current,\n animationData: successAnimationSuccess,\n })\n }\n }, [reqResponse?.status === \"Complete\"])\n\n const width =\n elementsParams && elementsParams?.clientWidth\n ? elementsParams?.clientWidth\n : window.innerWidth\n\n return (\n <>\n \n \n \n \n \n
\n )}\n\n {reqResponse?.status === 'Complete' && (\n <>\n \n setfilterOpen((prevValue) => !prevValue)}\n className={`filter-button ${filterOpen && 'filter-button--active'\n }`}\n >\n Filter\n \n\n {!filterOpen && selectedDateFrom || selectedDateTo ?
\n\n {filterOpen && (\n // \n {selectedDateFrom && From: {selectedDateFrom.toString().slice(0, 10)}}
\n {selectedDateTo && To: {selectedDateTo.toString().slice(0, 10)}}\n {/* {selectedDateTo &&
: ''}\n \n {selectedDateTo && To: {selectedDateTo.toString().slice(0, 10)}}\n {/* {selectedDateTo &&
To: {selectedDateTo.slice(0, 10)}
} */}\n {/* {selectedFilter && Type: {selectedFilter == 2\n ? 'Sports Bonus'\n : selectedFilter == 3\n ? 'Casino Bonus'\n : ''}
} */}\n {\n setSelectedDateFrom('')\n setSelectedDateTo('')\n setSelectedFilter()\n }}>Clear filter
\n\n\n \n // \n // Date from: \n // {setSelectedDateFrom(e.detail.value)\n // console.log(e.detail.value)}}\n // >\n // \n\n // \n // Date to: \n // setSelectedDateTo(e.detail.value)}\n // >\n // \n // {/*
\n\n {bonusStatement && !bonusStatement.data ? (\n */}\n setfilterOpen((prevValue) => !prevValue)}\n >\n Apply\n */}\n \n {validationError && (
\n )}\n \n setSelectedFilter(e.target.value)}\n value={selectedFilter}\n >\n \n \n \n \n\n {/*
*/}\n\n {/* {\n // setChoosenFrom(true)\n }}>\n
\n Date from:
\n\n
\n {\n // setChoosenTo(true)\n }}>\n
\n\n \n\n Date to:
\n\n
\n \n
\n */}\n\n {/* setShowOption(prevState => !prevState)}>\n {selectedOption}\n
\n {showOption && (\n\n - \n
- General Bonus \n
- Sports Bonus \n
- Casino Bonus \n
{validationError}
)}\n \n
\n ) : (\n !filterOpen && (\n \n No data to display. Try changing filters and search again\n
\n \n {displayAccountStatement()}\n
\n )\n )}\n {/*{width < 1024 && \n//
\n// );\n// });\n// };\n//\n// return (\n// \n//
\n// \n//
\n// \n// {value.action === \"TRANSFER_UP\" || value.action === \"TRANSFER_DOWN\" || value.action === \"Credit\" || value.action === \"OPEN\"\n// ?
\n// {value.actionDisplayName}
\n// : selectPNLItem()} >{value.description !== null && value.description.eventName}
}\n// \n// Bal. {value.balance}\n//
\n// \n//
\n//\n// Date
\n// \n// \n// {`${(\"0\" + dateItem.getDate()).slice(-2)}/${(\"0\" + (dateItem.getMonth() + 1)).slice(-2)}/${dateItem.getFullYear()}`}\n// \n// \n// {`${dateItem.getHours() < 10 ? (\"0\" + dateItem.getHours()).slice(-2) : dateItem.getHours()}:${dateItem.getMinutes() < 10 ? (\"0\" + dateItem.getMinutes()).slice(-2) : dateItem.getMinutes()}:${dateItem.getSeconds() < 10 ? (\"0\" + dateItem.getSeconds()).slice(-2) : dateItem.getSeconds()}`}\n// \n//
\n// \n//
\n// Description
\n// \n// {value.actionDisplayName}\n//
\n// \n//
\n//\n// P&L
\n// = 0 ? \"green\" : \"red\"}`}>\n// {/*{value.pnl >= 0*/}\n// {/* // ? */}\n// {/* // : }*/}\n// {/*{value.pnl}*/}\n//
\n// \n//
\n// Credit Limit
\n// \n// {value.creditLimit ? value.creditLimit : \"-\"}\n//
\n// \n//
\n// \n//
\n//\n// Account Statement
\n//\n//
\n//\n//\n//\n//\n//\n// {\n// (accountStatement && !accountStatement.data) ?\n// \n// \n//
\n//\n// {filterOpen && \n//\n// \n// {/*Date from: */}\n// setSelectedDateFrom(e.detail.value)}> \n// \n//\n// \n// {/*Date to: */}\n// setSelectedDateTo(e.detail.value)}> \n// \n//\n// {/* setfilterOpen((prevValue) => !prevValue)}>*/}\n// Apply\n// {/* */}\n//
}\n//\n// \n//
\n// :\n// (!filterOpen && \n// No data to display. Try changing filters and search again\n//
\n// \n// \n//\n// {displayAccountStatement()}\n//
)\n// }\n// 1024 ?{height: '135px'} : {}}>
\n {reqResponse?.status !== 'Complete' && (\n \n
\n\n {qrCodeImage && (\n 1024 ? { textAlign: 'center', fontFamily: 'Lato' , fontSize: '25px'} : { textAlign: 'center', fontFamily: 'Lato' }}>\n Scan and Pay\n
\n \n
\n )}\n\n {width > 1024 && (\n <>\n \n
\n\n Pay Using\n
\n \n
\n \n {/* */}\n
\n \n \n
\n Phone Pe\n {/* */}\n \n {/* */}\n
\n \n \n
\n Google Pay\n {/* */}\n \n {/* */}\n
\n \n \n
\n Pay TM\n {/* */}\n \n {/* */}\n
\n \n \n
\n BHIM\n {/* */}\n \n Please Note: Do not re-send payment on old QR code or any recipient saved due to QR on UPI apps. If paid to old QR, your payment might get lost.\n
\n \n )}\n \n
\n\n \n
\n Pay Using\n
\n \n
\n apiRequestForQrCodeOnMobile(\"phonepe\")}>\n {/* */}\n
\n \n \n
\n Phone Pe\n {/* */}\n apiRequestForQrCodeOnMobile(\"tez\")}>\n {/* */}\n
\n \n \n
\n Google Pay\n {/* */}\n apiRequestForQrCodeOnMobile(\"paytm\")}>\n {/* */}\n
\n \n \n
\n Pay TM\n {/* */}\n apiRequestForQrCodeOnMobile(\"upi\")}>\n {/* */}\n
\n \n \n
\n BHIM\n {/* */}\n \n Please Note: Do not re-send payment on old QR code or any recipient saved due to QR on UPI apps. If paid to old QR, your payment might get lost.\n
\n \n )}\n {width < 1024 && reqResponse?.status === 'Pending' && ( \n Povered By\n 
\n
\n )}\n {/*{width < 1024 && \n
,\n modalRoot\n )\n}\n\nexport default ErrorPopUp\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { Redirect, Route, Switch, useParams } from \"react-router-dom\";\nimport { connectApp } from \"./store/app.connect\";\nimport { clearIntervalAsync, setIntervalAsync } from \"set-interval-async/dynamic\";\nimport OneSignal from \"react-onesignal\";\nimport Cookies from \"js-cookie\";\nimport {\n ID_TOKEN,\n USER_DATA,\n TOKEN_EXP,\n GET_BALANCE_INTERVAL,\n GET_MENU_INTERVAL,\n GET_MESSAGE_INTERVAL,\n GET_BALANCE_SETTINGS_INTERVAL,\n KEEP_ALIVE_POPUP,\n goBackPages\n} from \"./config/app.config\";\nimport {\n IonApp,\n IonRouterOutlet,\n IonHeader,\n useIonViewWillEnter,\n withIonLifeCycle\n} from \"@ionic/react\";\nimport { createMemoryHistory } from \"history\";\nimport { IonReactMemoryRouter } from \"@ionic/react-router\";\nimport { menuController } from \"@ionic/core\";\n\nimport Login from \"./pages/Login/Login\";\nimport DefaultPage from \"./pages/DefaultPage/DefaultPage\";\nimport MyMarkets from \"./pages/MyMarkets/MyMarkets\";\nimport Search from \"./pages/Search/Search\";\nimport SessionPopover from \"./components/SessionPopover/SessionPopover\";\nimport BetPlacingPopover from \"./components/BetPlacingPopover/BetPlacingPopover\";\nimport LeftSideMenu from \"./components/LeftSideMenu/LeftSideMenu\";\nimport RightSideMenu from \"./components/RightSideMenu/RightSideMenu\";\nimport RulesRegs from \"./pages/RulesRegs/RulesRegs\";\nimport ChangePassword from \"./pages/ChangePassword/ChangePassword\";\nimport TimeSettings from \"./pages/TimeSettings/TimeSettings\";\nimport Settings from \"./pages/Settings/Settings\";\nimport ReduxToastr from \"react-redux-toastr\";\nimport MenuEvent from \"./pages/MenuEvent\";\nimport Competition from \"./pages/Competitions\";\nimport ResponseGambling from \"./pages/ResponsibleGambling\";\nimport ExclusionPolicy from \"./pages/ExclusionPolicy\";\nimport PrivacyPolicy from \"./pages/PrivacyPolicy\";\nimport MyMarketsFab from \"./components/MyMarketsFab/MyMarketsFab\";\nimport BalanceInformation from \"./components/BalanceInformation/BalanceInformation\";\nimport BetSettingsDesktop from \"./components/BetSettingsDesktop/BetSettingsDesktop\";\nimport BetSlipDesktop from \"./components/BetSlipDesktop/BetSlipDesktop\";\nimport { BetPopoverContext } from \"./context\";\nimport \"react-redux-toastr/lib/css/react-redux-toastr.min.css\";\nimport \"./App.scss\";\n/* Core CSS required for Ionic components to work properly */\nimport \"@ionic/react/css/core.css\";\n/* Basic CSS for apps built with Ionic */\nimport \"@ionic/react/css/normalize.css\";\nimport \"@ionic/react/css/structure.css\";\nimport \"@ionic/react/css/typography.css\";\n/* Optional CSS utils that can be commented out */\nimport \"@ionic/react/css/padding.css\";\nimport \"@ionic/react/css/float-elements.css\";\nimport \"@ionic/react/css/text-alignment.css\";\nimport \"@ionic/react/css/text-transformation.css\";\nimport \"@ionic/react/css/flex-utils.css\";\nimport \"@ionic/react/css/display.css\";\n/* Theme variables */\nimport \"./_colorScheme.scss\";\nimport BettingProfitAndLosePage from \"./pages/BettingProfitAndLossPage/BettingProfitAndLossPage\";\nimport BettingProfitAndLossDetailsPage from \"./pages/BettingProfitAndLoseDetailsPage/BettingProfitAndLossDetailsPage\";\nimport TransferStatementPage from \"./pages/TransferStatementPage/TransferStatementPage\";\nimport EventPage from \"./pages/EventPage/EventPage\";\nimport KycPage from \"./pages/KycPage/KycPage\";\nimport MyOpenBets from \"./pages/MyOpenBets/MyOpenBets\";\nimport RulesPage from \"./pages/RulesPage/RulesPage\";\nimport CasinoGames from \"./pages/CasinoGames/CasinoGames\";\nimport CasinoLive from \"./pages/CasinoLive/CasinoLive\";\nimport LiveCasinoAndSlotPage from \"./pages/LiveCasino&SlotPage/LiveCasino&SlotPage\";\nimport Sportbook from \"./pages/Sportbook/Sportbook\";\nimport Scorecard from \"./pages/Scorecard/Scorecard\";\nimport AccountStatementPage from \"./pages/AccountStatementPage/AccountStatementPage\";\nimport TransactionPopup from \"./components/TransactionPopup/TransactionPopup\";\nimport AccountStatementDetailsPage from \"./pages/AccountStatementDetailsPage/AccountStatementDetailsPage\";\nimport * as Sentry from \"@sentry/react\";\nimport Deposit from \"./pages/Deposit/Deposit\";\nimport Transactions from \"./pages/Transactions/Transactions\";\nimport DetailedDepositTransaction from \"./pages/DetailedDepositTransaction/DetailedDepositTransaction\";\nimport DepositTimer from \"./pages/DepositTimer/DepositTimer\";\nimport Withdrawal from \"./pages/Withdrawal/Withdrawal\";\nimport ThanksWithdrawal from \"./pages/ThanksWithdrawal/ThanksWithdrawal\";\nimport TermsOfWithdrowalPayment from \"./pages/TermsOfWithdrowalPayment/TermsOfWithdrowalPayment\";\nimport ToolbarDesktop from \"./components/ToolbarDesktop/ToolbarDesktop\";\nimport FavouritesPage from \"./pages/FavouritesPage/FavouritesPage\";\nimport SearchDesktop from \"./pages/SearchDesktop/SearchDesktop\";\nimport EditStakesPopUp from \"./components/BetSlipDesktop/EditStakesPopUp/EditStakesPopUp\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport LeftSideMenuDesktop from \"./components/LeftSideMenuDesktop/LeftSideMenuDesktop\";\nimport Toolbar from \"./components/Toolbar/Toolbar\";\nimport SportsbookNotAuth from \"./pages/SportbookNotAuth/SportbookNotAuth\";\n\nimport ConfirmBetPopUp from \"./components/DesktopBetPlacing/ConfirmBetPopup/ConfirmBetPopUp\";\nimport SportsPage from \"./pages/SportsPage/SportsPage\";\nimport DesktopLogin from \"./pages/DesktopLogin/DesktopLogin\";\nimport FooterDesktop from \"./components/FooterDesktop/FooterDesktop\";\nimport RacingPage from \"./pages/RacingPage/RacingPage\";\nimport ExchangeGames from \"./pages/ExchangeGames/ExchangeGames\";\nimport ExchangeGamesMobile from \"./pages/ExchangeGamesMobile/ExchangeGamesMobile\";\nimport ExchangeGamePage from \"./pages/ExchangeGamePage/ExchangeGamePage\";\nimport LiveCasinoLobby from \"./pages/LiveCasinoLobby/LiveCasinoLobby\";\nimport LoginPopUp from \"./components/LoginPopUp\";\nimport BonusPopUp from \"./components/BonusPopUp\";\nimport SlotsGamesLobby from \"./pages/SlotsGamesLobby/SlotsGamesLobby\";\nimport { BASE_DEV_URL, CONFIG, hosts } from \"./config/api.config\";\nimport { setReq } from \"./store/deposit/deposit.slice\";\nimport BonusStatementPage from \"./pages/BonusStatementPage/BonusStatementPage\";\nimport axios from \"axios\";\nimport LastResults from \"./components/ExchangeGame/helpers/LastResults/LastResults\";\nimport RulesPopUp from \"./components/ExchangeGame/helpers/Rules/RulesPopUp\";\nimport UpdatePopUp from \"./components/UpdatePopUp\";\nimport whatsAppImg from \"../src/assets/images/whatsApp.svg\";\nimport telegramIcon from \"../src/assets/images/socials/telegram_icon.svg\";\nimport { createPortal } from \"react-dom\";\nimport DepositTimerQr from \"./pages/DepositTimerQr/DepositTimerQr\";\nimport ErrorPopUp from \"./components/ErrorHandler/ErrorPopUp\";\nimport Bonuses from './pages/bonuses/Bonuses'\nimport ReactGA from \"react-ga4\";\nconst modalRoot = document.querySelector(\"#modal-root\");\n\n\nconst presetPage =\n localStorage.getItem(\"page\") && localStorage.getItem(\"pageStack\");\n// const presetPageStack = presetPage ? JSON.parse(localStorage.getItem('pageStack')) : ['/']\nconst presetPageStack = presetPage\n ? JSON.parse(localStorage.getItem(\"pageStack\"))\n : [\"/default-page\"];\nconst history = createMemoryHistory({\n initialEntries: presetPageStack,\n initialIndex: presetPageStack.length - 1\n});\n\nconst App = ({\n actions,\n auth,\n authData,\n user,\n balance,\n balanceSettings,\n menu,\n message,\n continueSessionModalShow,\n showBetPlacingPopover,\n lastActivityDate,\n loginNew,\n balanceInformationHeight,\n isPopUpOpenDispatch,\n isConfirmBetPopUpOpen,\n rulesPopUp,\n elementsParams,\n version,\n versionPopUp\n }) => {\n const [timeCounter, setTimeCounter] = useState(0);\n const [scrollPosition, setScrollPosition] = useState(0);\n const appRef = useRef(null);\n const refBetPopover = useRef(null);\n const refSessionPopover = useRef(null);\n const bonusPopUp = useSelector((state) => state.bonusPopUp.isPopUpOpen);\n const dispatch = useDispatch();\n const [animApp, setAnimApp] = useState(false);\n const [animAppOpen, setAnimAppOpen] = useState(false);\n const [animAppClose, setAnimAppClose] = useState(false);\n\n\n //Needed for Ionic re-renderer (betbyWidget and Sportsbook)\n const [localPathnameNow, setLocalPathnameNow] = useState();\n\n useEffect(() => {\n\n\n\n try {\n\n\n\n const localToken = localStorage.getItem(`${ID_TOKEN}`);\n const localTokenExp = localStorage.getItem(`${TOKEN_EXP}`);\n const localUser = localStorage.getItem(`${USER_DATA}`);\n // If app has been F5ed - get all app data again\n // Otherwise log user out\n if (localToken && localUser && localTokenExp) {\n // set local token in store\n actions.getAuthSuccess(localToken);\n actions.setUserDataSuccess(JSON.parse(localUser));\n actions.setAuthDataSuccess({ payload: { exp: localTokenExp } });\n } else {\n // localStorage.setItem('page', '/default-page')\n // localStorage.setItem('page', '/')\n //actions.requestLogout()\n }\n\n let urlParams = new URLSearchParams(window.location.search);\n if (urlParams?.has(\"txnId\")) {\n const txnId = urlParams?.get(\"txnId\");\n updatePgDepositRequest(txnId, urlParams);\n } else {\n // history.push('/default-page')\n }\n } catch (error) {\n // localStorage.setItem('page', '/default-page')\n actions.requestLogout();\n }\n\n\n\n actions.setBannerPopUp(true)\n\n setTimeout(() => {\n setAnimApp(true);\n setAnimAppOpen(true);\n setTimeout(() => {\n setAnimApp(false);\n setAnimAppClose(true);\n setAnimAppOpen(false);\n\n }, 20000);\n }, 6500);\n\n const unlisten = history.listen(({ action, location }) => {\n menuController.close();\n\n localStorage.setItem(\"page\", history.location.pathname);\n localStorage.setItem(\"pageStack\", JSON.stringify(history.entries));\n });\n // on Page Unload return to default Page\n window.onunload = function() {\n history.push(\"/default-page\");\n };\n\n try{\n // set cookies if have locationSearch\n if (window.location.search) {\n let s = \"=\";\n const queryString = window.location.search;\n const parameters = new URLSearchParams(queryString);\n parameters.forEach((value, key, urlParam) => {\n if (key === \"atag\") {\n Cookies.set(`${key}`, `${value}`, { expires: 60 })\n localStorage.setItem(`${key}`, `${value}`);\n }\n });\n }\n\n if (Cookies.get(\"atag\")) {\n localStorage.setItem(\"atag\", Cookies.get(\"atag\"));\n }\n\n } catch (e) {\n console.log(e);\n }\n\n\n return () => {\n unlisten();\n window.onunload = null;\n };\n }, []);\n\n // const renderFab = () => {\n // if (!auth) {\n // return createPortal(\n // \n
\n \n
\n \n
\n \n It looks like we’re having some internal issues.\n Our team has been notified. Kindly restart the App\n
\n \n ऐसा लगता है कि हमें कुछ आंतरिक समस्याएं हो रही हैं।\n हमारी टीम को सूचित कर दिया गया है। कृपया ऐप को पुनरारंभ करें\n
\n \n window.open(`${CONFIG.whatsappLink}`)}>\n // \n // \n //
, modalRoot\n // );\n // }\n // };\n\n const renderFab = () => {\n // if (!auth) {\n // return createPortal(\n // window.open(`${CONFIG.whatsappLink}`)}>\n // \n // \n //
, modalRoot\n // );\n // }\n };\n\n useEffect(() => {\n try {\n\n\n let link = document.querySelector(\"link[rel~='icon']\");\n if (!link) {\n link = document.createElement(\"link\");\n link.rel = \"icon\";\n document.getElementsByTagName(\"head\")[0].appendChild(link);\n }\n link.href = CONFIG.favicon;\n document.title = CONFIG.appName;\n\n // meta descriptions\n // const meta = document.createElement(\"meta\");\n // meta.name = \"description\";\n // meta.content = CONFIG.metaDescription;\n // document.getElementsByTagName(\"head\")[0].appendChild(meta);\n\n // Variable CSS\n const variableCss = document.createElement(\"link\");\n variableCss.rel = \"stylesheet\";\n variableCss.type = \"text/css\";\n variableCss.href = CONFIG.variableCss;\n\n document.getElementsByTagName(\"head\")[0].appendChild(variableCss);\n\n const lmtTheme = document.createElement(\"link\");\n lmtTheme.rel = \"stylesheet\";\n lmtTheme.type = \"text/css\";\n lmtTheme.href = CONFIG.lmtTheme;\n document.getElementsByTagName(\"head\")[0].appendChild(lmtTheme);\n\n // Apple-touch-icon\n const appleTouchIcon = document.createElement(\"link\");\n appleTouchIcon.rel = \"apple-touch-icon\";\n appleTouchIcon.href = CONFIG.appleTouchIcon;\n document.getElementsByTagName(\"head\")[0].appendChild(appleTouchIcon);\n\n // \n // \n // \n // \n const manifest = document.createElement(\"link\");\n manifest.rel = \"manifest\";\n manifest.href = CONFIG.manifestUrl;\n document.getElementsByTagName(\"head\")[0].appendChild(manifest);\n\n // Google Analytics\n const js = document.createElement(\"script\");\n js.type = \"text/javascript\";\n js.src =\n \"https://www.googletagmanager.com/gtag/js?id=\" + CONFIG.googleAnalytics;\n // console.log('loading script')\n\n window.addEventListener(\"load\", function() {\n // console.log('loading done')\n\n //Code using this script here\n window.dataLayer = window.dataLayer || [];\n\n function gtag() {\n window.dataLayer.push(arguments);\n }\n\n gtag(\"js\", new Date());\n\n gtag(\"config\", CONFIG.googleAnalytics);\n });\n\n //OneSignal init\n\n console.log(\"OneSignal init with Id: \", CONFIG.oneSignalAppiD);\n OneSignal.init({\n appId: CONFIG.oneSignalAppiD,\n safari_web_id: CONFIG.oneSignalSafariWebID,\n notifyButton: {\n enable: true\n }\n }).then(() => {\n console.log(\"OneSignal init done\");\n OneSignal.showSlidedownPrompt().then(() => {\n console.log(\"OneSignalPrompt shown\");\n });\n });\n } catch (e) {\n console.log(e);\n }\n // }\n }, [CONFIG, hosts]);\n\n\n useEffect(() => {\n if (!authData || !auth) return;\n else {\n const date = Date.now();\n if (date >= authData.payload.exp * 1000 - KEEP_ALIVE_POPUP) {\n // else if (date >= authData.payload.exp * 1000 - 3580000) {\n // if (!continueSessionModalShow) {\n // actions.setContinueSessionModalShow(false)\n // }\n }\n const timer = setInterval(() => {\n setTimeCounter((timeCounter) => timeCounter + 1);\n }, 1000);\n return () => clearInterval(timer);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auth, authData, timeCounter]);\n\n useEffect(() => {\n if (!auth || !user) return;\n if (!balance) getBalance();\n else {\n const timer = setIntervalAsync(async () => {\n await actions\n .requestBalance(user.memberCode)\n .catch((e) => console.log(\"balance error = \", e));\n }, GET_BALANCE_INTERVAL);\n return () => clearIntervalAsync(timer);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auth, balance]);\n\n useEffect(() => {\n // if (!auth || !user) return\n if (!menu) getMenu();\n else {\n const timer = setIntervalAsync(async () => {\n await actions.requestMenu().catch((e) => console.log(\"menu error = \", e));\n }, GET_MENU_INTERVAL);\n return () => clearIntervalAsync(timer);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auth, menu]);\n\n useEffect(() => {\n if (!auth || !user) return;\n if (!balanceSettings) getBalanceSettings();\n const timer = setIntervalAsync(async () => {\n await actions\n .requestBalanceSettings(user.memberCode)\n .catch((e) => console.log(\"BalanceSettings error = \", e));\n }, GET_BALANCE_SETTINGS_INTERVAL);\n return () => clearIntervalAsync(timer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auth, balanceSettings]);\n // console.log('!! App refRecaptcha', refRecaptcha)\n\n\n useEffect(() => {\n // if (!auth || !user) return\n if (!message && auth) getMessage();\n else {\n const timer = setIntervalAsync(async () => {\n await actions\n .requestMessage(user.memberCode)\n .catch((e) => console.log(\"message error = \", e));\n }, GET_MESSAGE_INTERVAL);\n return () => clearIntervalAsync(timer);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auth, message]);\n\n const [width, setWidth] = useState(window.innerWidth);\n\n useEffect(() => {\n if (width > 1024) {\n if (localStorage.getItem(\"page\")) {\n setLocalPathnameNow(localStorage.getItem(\"page\"));\n } else {\n setLocalPathnameNow(\"/default-page\");\n }\n }\n }, [localStorage.getItem(\"page\")]);\n\n useEffect(() => {\n if (auth) actions.requestOpenBets();\n }, [lastActivityDate, auth]);\n\n useEffect(() => {\n if (width !== elementsParams?.clientWidth) actions.setClientWidthThunk(width);\n\n const updateWindowDimensions = () => {\n const newWidth = window.innerWidth;\n setWidth(newWidth);\n actions.setClientWidthThunk(newWidth);\n };\n window.addEventListener(\"resize\", updateWindowDimensions);\n\n return () => window.removeEventListener(\"resize\", updateWindowDimensions);\n }, []);\n\n // loginPopUp\n useEffect(() => {\n if (!auth) {\n actions.setLoginNew(false);\n } else {\n actions.setLoginNew(false);\n }\n }, [auth]);\n\n useEffect(() => {\n appRef.current.scrollIntoView({\n block: \"start\", inline: \"start\"\n });\n // window.scrollTo({top: 10})\n }, [rulesPopUp]);\n\n // update pop-up\n const [isVersionPopUpOpen, setIsVersionPopUpOpen] = useState(false);\n// console.log(version)\n useEffect(() => {\n let versionNow = version;\n\n if (version) {\n if (localStorage.getItem(\"versionNow\") === versionNow) {\n return console.log(\"version up to date\");\n } else if (!localStorage.getItem(\"versionNow\")) {\n localStorage.setItem(\"versionNow\", versionNow);\n } else if (localStorage.getItem(\"versionNow\") != versionNow) {\n setIsVersionPopUpOpen(true);\n\n localStorage.setItem(\"versionNow\", versionNow);\n }\n }\n }, [version]);\n // end update pop-up\n\n const [renderFooter, setRenderFooter] = useState(false);\n\n useEffect(() => {\n setTimeout(() => {\n setRenderFooter(true);\n }, 1500);\n }, []);\n\n\n //get main container height and check if it changed\n const mainContainerRef = useRef(null);\n useEffect(() => {\n actions.mainContainerHeightThunk(\n width > 1024\n ? mainContainerRef?.current?.offsetHeight +\n mainContainerRef?.current?.offsetTop\n : \"\"\n );\n }, [mainContainerRef ? mainContainerRef?.current?.offsetHeight : localPathnameNow]);\n //end get main container height\n\n\n const updatePgDepositRequest = async (id, urlParams) => {\n // console.log('request resent', id)\n if (id) {\n return await axios\n .get(BASE_DEV_URL + `/pg/get_pg_txn_details?transactionId=${id}`, {\n headers: {\n Authorization: localStorage.getItem(`${ID_TOKEN}`)\n }\n })\n .then((response) => {\n let depositReq = localStorage.getItem(id);\n\n if (!response?.data.success) {\n history.push(\"/default-page\");\n } else if (!depositReq) {\n history.push(\"/default-page\");\n } else {\n urlParams.delete(\"txnId\");\n dispatch(setReq(JSON.parse(depositReq)));\n localStorage.removeItem(id);\n history.push(\"/depositTimer\");\n }\n });\n }\n };\n\n\n const getMessage = () => {\n actions\n .requestMessage(user.memberCode)\n .catch((e) => console.log(\"message error = \", e));\n };\n\n const getBalance = () => {\n actions\n .requestBalance(user.memberCode)\n .catch((e) => console.log(\"balance error = \", e));\n };\n\n\n const getMenu = () => {\n actions.requestMenu().catch((e) => console.log(\"menu error = \", e));\n };\n\n\n const getBalanceSettings = () => {\n actions\n .requestBalanceSettings(user.memberCode)\n .catch((e) => console.log(\"BalanceSettings error = \", e));\n };\n\n\n const findPartOfRoute = (route, array) => {\n const res = array.filter((item) => route.indexOf(item) !== -1);\n return !!res.length;\n };\n\n\n // const renderMyMarketsFab = () =>{\n // (\n // \n
\n \n
\n )}\n \n {(auth || !auth) &&\n !desktopWith2Container &&\n localPathnameNow &&\n !localPathnameNow.includes(\"sportsbook\") &&\n !localPathnameNow.includes(\"casino_live\") &&\n !localPathnameNow.includes(\"exchange-games\") && (\n \n \n
\n \n )}\n \n {isPopUpOpenDispatch && (\n \n {\n history.push('/my_markets')\n }}\n /> */}\n {renderFooter && renderFab()}\n {/* {!auth &&\n \n ,\n document.getElementById('root'),\n\n\n)\n\nserviceWorkerRegistration.register();\n"],"sourceRoot":""}
\n
\n } */}\n \n {/* {bonusPopUp && window.open(`https://wa.me/${CONFIG.mobiNumber}`)}>\n \n
\n } */}\n \n \n );\n};\n// export default withIonLifeCycle(connectApp()(Sentry.withProfiler(App)));\nexport default withIonLifeCycle(connectApp()(App));\n","import { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport { setUserDataSuccess } from '../store/user/user.slice'\nimport { getAuthError, getAuthSuccess } from '../store/auth/auth.slice'\nimport { requestLogout } from '../store/auth/auth.thunks'\nimport { setAuthDataSuccess } from '../store/auth/authData.slice'\nimport { setContinueSessionModalShow } from '../store/modals/continueSessionModal.slice'\nimport { requestBalance } from '../store/balance/balance.thunks'\nimport { requestBalanceSettings } from '../store/balanceSettings/balanceSettings.thunks'\nimport { requestMenu } from '../store/menu/menu.thunks'\nimport { requestMessage } from '../store/message/message.thunks'\nimport { setShowBetPlacingPopover } from '../store/betPlacing/betPlacing.slice'\nimport { requestOpenBets } from '../store/openBets/openBets.thunks'\nimport { setLoginNew } from '../store/LoginNew/loginNew.slice'\nimport { mainContainerHeightThunk, scrollPositionThunk, setClientWidthThunk } from './elementsParams/getElementsParams.thunk'\nimport { setSearchValues } from './navigationHeaderMenu/navigationHeaderMenu.slice'\nimport { setBannerPopUp } from './bannerPopUp/bannerPopUp.slice'\nimport { version } from 'process'\n\nexport const connectApp = (wrappedProps) => (component) => {\n function mapStateToProps(state) {\n return {\n auth: state.auth,\n authData: state.authData,\n balance: state.balance,\n menu: state.menu,\n message: state.message,\n user: state.user,\n lastActivityDate: state.balance.lastActivityDate,\n continueSessionModalShow: state.continueSessionModalShow,\n showBetPlacingPopover: state.betPlacing.showBetPlacingPopover,\n search: state.search,\n loginNew: state.loginNew,\n balanceInformationHeight: state.balanceInformationHeight,\n isPopUpOpenDispatch: state.editStakesPopUp.isOpen,\n isConfirmBetPopUpOpen: state.betPlacing.isConfirmBetPopUpOpen,\n rulesPopUp: state.rulesPopUp,\n elementsParams: state.elementsParams,\n banners: state.promotions,\n version: state.version,\n androidVersion: state.androidVersion\n }\n }\n\n function mapDispatchToProps(dispatch) {\n const actions = {\n getAuthError,\n getAuthSuccess,\n setAuthDataSuccess,\n setUserDataSuccess,\n setContinueSessionModalShow,\n setShowBetPlacingPopover,\n requestLogout,\n requestBalance,\n requestBalanceSettings,\n requestMenu,\n requestMessage,\n requestOpenBets,\n setLoginNew,\n mainContainerHeightThunk,\n scrollPositionThunk,\n setClientWidthThunk,\n setSearchValues,\n setBannerPopUp\n }\n\n return { actions: bindActionCreators(actions, dispatch) }\n }\n\n return connect(mapStateToProps, mapDispatchToProps)(component)\n}\n","import { createSlice } from '@reduxjs/toolkit'\n\nfunction actionTypeEndsSuccess(type) {\n return type.substring(type.length - 7) === 'Success'\n}\n\nexport const ajaxStatusSlice = createSlice({\n name: 'ajax',\n initialState: 0,\n reducers: {\n statusStartRequest: (state) => state + 1,\n statusErrorRequest: (state) => state - 1,\n },\n extraReducers: (builder) => {\n return builder.addMatcher(\n (action) => actionTypeEndsSuccess(action.type),\n (state) => {\n if (state > 0) {\n return state - 1\n } else {\n return state\n }\n }\n )\n },\n})\n\nexport const {\n statusStartRequest,\n statusErrorRequest,\n} = ajaxStatusSlice.actions\n\nexport default ajaxStatusSlice.reducer\n","import { configureStore } from '@reduxjs/toolkit'\nimport userReducer from './user/user.slice'\nimport ajaxStatus from './ajaxStatus/ajaxStatus.slice'\nimport authReducer from './auth/auth.slice'\nimport authDataReducer from './auth/authData.slice'\nimport recaptchaReducer from './recaptcha/recaptcha.slice'\nimport balanceReducer from './balance/balance.slice'\nimport balanceSettingsReducer from './balanceSettings/balanceSettings.slice'\nimport competitionReducer from './competitions/competitions.slice'\nimport menuReducer from './menu/menu.slice'\nimport menuEventReducer from './menuEvent/menuEvent.slice'\nimport messageReducer from './message/message.slice'\nimport inplayPopularReducer from './inplayPopular/inplayPopular.slice'\nimport promotionsReducer from './promotions/promotions.slice'\nimport continueSessionModalReducer from './modals/continueSessionModal.slice'\nimport legalAgePopoverReducer from './modals/legalAgePopover.slice'\nimport moreRulesPopoverReducer from './modals/moreRulesPopover.slice'\nimport kycPopoverReducer from './modals/kycPopover.slice'\nimport timeSettingsReducer from './timeSettings/timeSettings.slice'\nimport searchReducer from './search/search.slice'\nimport raceOddsReducer from './raceOdds/raceOdds.slice'\nimport sportEventReducer from './sportEvent/sportEvent.slice'\nimport eventPageReducer from './eventPage/eventPage.slice'\nimport racePageReducer from './racePage/racePage.slice'\nimport openBetsReducer from './openBets/openBets.slice'\nimport orderListReducer from './orderList/order-list.slice'\nimport roundMarketsReducer from './roundMarkets/round-markets.slice'\nimport accountReportReducer from './accountReport/account-report.slice'\nimport betHistoryReducer from './betHistory/bet-history.slice'\nimport twitterSettingsReducer from './twitterSettings/twitterSettings.slice'\nimport orderCountReducer from './orderCount/orderCount.slice'\nimport transferStatementReducer from './transferStatement/transferStatement.slice'\nimport accountStatementReducer from './accountStatement/accountStatement.slice'\nimport betPlacingReducer from './betPlacing/betPlacing.slice'\nimport rulesPageReducer from './rulesPage/rulesPage.slice'\nimport casinoLiveReducer from './casinoLive/casinoLive.slice'\nimport sportbookLiveReducer from './sportbookLive/sportbookLive.slice'\nimport betbyWidgetReducer from './betbyWidget/betbyWidget.slice'\nimport UrlForSportbookReducer from './betbyWidget/urlForSportbook.slice'\nimport { reducer as toastr } from 'react-redux-toastr'\nimport versionReducer from './version/version.slice'\nimport androidVersionReducer from './version/androidVersion.slice'\nimport B2CReducer from './B2C/b2c.slice'\nimport depositReducer from './deposit/deposit.slice'\nimport detailedDepositTransactionReducer from './detailedDepositTransaction/detailedDepositTransaction.slice'\nimport openBetsListReducer from './openBetsList/openBetsList.slice'\nimport favoritesReducer from './favorites/favorites.slice'\nimport editStakesPopUpReducer from './editStakesPopUp/editStakesPopUp.slice'\nimport navigationHeaderMenuReducer from './navigationHeaderMenu/navigationHeaderMenu.slice'\nimport sportPageEventReducer from './sportPageEvent/sportPageEvent.slice'\nimport sportPageAllEventsReducer from './sportPageAllEvents/sportPageAllEvents.slice'\nimport exchangeGamesReducer from './exchangeGames/exchangeGames.slice'\nimport lastResultsExchReducer from './lastResultsExch/lastResultsExch.slice'\nimport LoginNewReducer from './LoginNew/loginNew.slice'\nimport elementsParamsReducer from './elementsParams/elementsParams.slice'\nimport bonusPopUpReducer from './bonusPopUp/bonusPopUp.slice'\nimport bonusStatementReducer from './bonusStatement/bonusStatement.slice'\nimport bonusWageringInfoReducer from './bonusWageringInfo/bonusWageringInfo.slice'\nimport balanceInformationHeightReducer from './balanceInformationHeight/balanceInformationHeight.slice'\nimport liveCasinoReducer from './liveCasino/liveCasino.slice'\nimport liveCasinoSearchReducer from './liveCasinoSearch/liveCasinoSearch.slice'\nimport exchangeGamesAllReducer from './exchangeGamesAll/exchangeGamesAll.slice'\nimport slotsGamesReducer from './slotsGames/slotsGames.slice'\nimport slotsGamesSearcReducer from './slotsGamesSearch/slotsGamesSearch.slice'\nimport slotsPopUpReducer from './slotsPopUp/slotsPopUp.slice'\nimport rulesPopUpReducer from './rulesPopUp/rulesPopUp.slice'\nimport signUpReducer from './signUp/signUp.slice'\nimport forgotPasswordReducer from './forgotPassword/forgotPassword.slice'\nimport isDetailedBalanceOpenReducer from './isDetailedBalanceOpen/isDetailedBalanceOpen.slice'\nimport bannerPopUpReducer from './bannerPopUp/bannerPopUp.slice'\nimport slotCasinoPopUpReducer from './slotCasinoPopUp/slotCasinoPopUp.slice'\nimport { requestRoundMarkets } from './roundMarkets/round-markets.thunks'\n\nexport default configureStore({\n reducer: {\n toastr,\n user: userReducer,\n auth: authReducer,\n authData: authDataReducer,\n recaptcha: recaptchaReducer,\n balance: balanceReducer,\n balanceSettings: balanceSettingsReducer,\n competition: competitionReducer,\n menu: menuReducer,\n menuEvent: menuEventReducer,\n message: messageReducer,\n inplayPopular: inplayPopularReducer,\n promotions: promotionsReducer,\n ajaxRequestsInProgress: ajaxStatus,\n legalAgePopoverShow: legalAgePopoverReducer,\n moreRulesPopoverShow: moreRulesPopoverReducer,\n kycPopoverShow: kycPopoverReducer,\n search: searchReducer,\n raceOdds: raceOddsReducer,\n sportEvent: sportEventReducer,\n eventPage: eventPageReducer,\n racePage: racePageReducer,\n openBets: openBetsReducer,\n continueSessionModalShow: continueSessionModalReducer,\n timeSettings: timeSettingsReducer,\n orderList: orderListReducer,\n roundMarkets: roundMarketsReducer,\n betHistory: betHistoryReducer,\n accountReport: accountReportReducer,\n twitterSettings: twitterSettingsReducer,\n orderCount: orderCountReducer, // for not-Event\n transferStatement: transferStatementReducer,\n accountStatement: accountStatementReducer,\n betPlacing: betPlacingReducer,\n rulesPage: rulesPageReducer,\n casinoLive: casinoLiveReducer,\n sportbookLive: sportbookLiveReducer,\n betbyWidgetLive: betbyWidgetReducer,\n urlSportbook: UrlForSportbookReducer,\n deposit: depositReducer,\n detailedDepositTransaction: detailedDepositTransactionReducer,\n B2C: B2CReducer,\n version: versionReducer,\n androidVersion: androidVersionReducer,\n openBetsList: openBetsListReducer,\n favorites: favoritesReducer,\n editStakesPopUp: editStakesPopUpReducer,\n navigationHeaderMenu: navigationHeaderMenuReducer,\n sportPageEvent: sportPageEventReducer,\n sportPageAllEvents: sportPageAllEventsReducer,\n exchangeGames: exchangeGamesReducer,\n lastResultsExch: lastResultsExchReducer,\n loginNew: LoginNewReducer,\n elementsParams: elementsParamsReducer,\n bonusPopUp: bonusPopUpReducer,\n bonusStatement: bonusStatementReducer,\n bonusWageringInfo: bonusWageringInfoReducer,\n balanceInformationHeight: balanceInformationHeightReducer,\n liveCasino: liveCasinoReducer,\n liveCasinoSearch: liveCasinoSearchReducer,\n exchangeGamesAll: exchangeGamesAllReducer,\n slotsGames: slotsGamesReducer,\n slotsGamesSearch: slotsGamesSearcReducer,\n slotsPopUp: slotsPopUpReducer,\n rulesPopUp: rulesPopUpReducer,\n signUp: signUpReducer,\n forgotPassword: forgotPasswordReducer,\n isDetailedBalanceOpen: isDetailedBalanceOpenReducer,\n bannerPopUp: bannerPopUpReducer,\n slotCasinoPopUp: slotCasinoPopUpReducer,\n },\n devTools: { trace: true, traceLimit: 10 },\n})\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\nimport * as serviceWorkerRegistration from './serviceWorkerRegistration';\nimport { Provider } from 'react-redux'\nimport store from './store/store'\n\nimport { init, Replay } from '@sentry/react'\nimport { Integrations } from '@sentry/tracing'\nimport ReduxToastr from 'react-redux-toastr'\nimport 'react-redux-toastr/lib/css/react-redux-toastr.min.css'\nimport ReactGA from \"react-ga4\";\n\n// TODO: add correct link for production Sentry\n\ntry{\n ReactGA.initialize(\"G-TCNDNWM02Z\");\n} catch (e) {\n console.log(e)\n}\n\n// process.env.NODE_ENV === 'production' &&\n init({\n dsn: \"https://db11cf3aa98d4196b2036ad0e6bb47a1@o1113431.ingest.sentry.io/6310735\",\n release: process.env.REACT_APP_SENTRY_RELEASE,\n integrations: [new Integrations.BrowserTracing(), new Replay()],\n\n // Set tracesSampleRate to 1.0 to capture 100%\n // of transactions for performance monitoring.\n // We recommend adjusting this value in production\n tracesSampleRate: 0.2,\n // This sets the sample rate to be 10%. You may want this to be 100% while\n // in development and sample at a lower rate in production\n replaysSessionSampleRate: 0.1,\n // If the entire session is not sampled, use the below sample rate to sample\n // sessions when an error occurs.\n replaysOnErrorSampleRate: 1.0,\n ignoreErrors: ['ResizeObserver loop limit exceeded', \"Non-Error exception captured\",\n \"Non-Error promise rejection captured\"]\n })\n\nReactDOM.render(\n \n Play and Win. Get a new ID instantly over WhatsApp
\n