\r\n\t\t\t\t onOK()}>\r\n\t\t\t\t\t\t{okLabel}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t
\r\n\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\nexport default NoActivityModal;","import React, { Component } from \"react\";\r\nimport { Button, Carousel, Popover } from \"antd\";\r\nimport { Alert, Images } from \"../../../components\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport moment from \"moment\";\r\nimport { connect } from \"react-redux\";\r\nimport { getDrawOdds } from \"../../../redux/actions/sportTypesActions\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../../redux/actions/membersActions\";\r\nimport { UpdateFavoriteForLuckyNumber } from \"../../../redux/actions/sportTypesActions\";\r\nclass Card extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countdown: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n isFaviorite: this.props.item.isFavorite,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.updateCountdown();\r\n this.countdownInterval = setInterval(this.updateCountdown, 1000);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.countdownInterval);\r\n }\r\n\r\n updateCountdown = () => {\r\n const now = moment.utc();\r\n const targetDate = moment.utc(this.props.date);\r\n\r\n if (now.isAfter(targetDate)) {\r\n // Date has already passed, set countdown to zero\r\n this.setState({\r\n countdown: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n clearInterval(this.countdownInterval);\r\n } else {\r\n const duration = moment.duration(targetDate.diff(now));\r\n const hours = Math.floor(duration.asHours());\r\n const minutes = duration.minutes();\r\n const seconds = duration.seconds();\r\n\r\n this.setState({\r\n countdown: {\r\n hours: hours < 10 ? \"0\" + hours : hours,\r\n minutes: minutes < 10 ? \"0\" + minutes : minutes,\r\n seconds: seconds < 10 ? \"0\" + seconds : seconds,\r\n },\r\n });\r\n }\r\n };\r\n calculateDays = (hours) => {\r\n if (hours <= 24) {\r\n return \"00\";\r\n } else {\r\n let days = Math.floor(hours / 24);\r\n return days.toString().padStart(2, \"0\");\r\n }\r\n };\r\n\r\n navToSingleMatch = (eventId) => {\r\n const { history, match } = this.props;\r\n history.push(`/lucky-numbers/15/108/drilldown/${eventId}`);\r\n };\r\n\r\n addToFavorate = (favItem) => {\r\n const { ManageMemeberFavorite , UpdateFavoriteForLuckyNumber} = this.props;\r\n const favItemKey = `2-${favItem.eventTournament && favItem.eventTournament.tournamentId}-${favItem.sport && favItem.sport.sportId}`\r\n const memberFavorites= localStorage.getItem('memberFavorites') && JSON.parse(localStorage.getItem('memberFavorites'))\r\n const existingIndex = memberFavorites.findIndex(item => item.key === favItemKey);\r\n const elementId = favItem.eventTournament && favItem.eventTournament.tournamentId\r\n if (existingIndex > -1) {\r\n let element = memberFavorites.filter((item)=>item.key == favItemKey)\r\n let data ={\r\n favoriteId: element[0].favoriteId,\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: 15,\r\n sportId: 108,\r\n elementId: elementId,\r\n }\r\n ManageMemeberFavorite(data);\r\n\r\n } else {\r\n let data ={\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: 15,\r\n sportId: 108,\r\n elementId: elementId,\r\n }\r\n ManageMemeberFavorite(data);\r\n\r\n }\r\n UpdateFavoriteForLuckyNumber(elementId)\r\n // this.setState({\r\n // isFaviorite: !this.state.isFaviorite,\r\n // });\r\n };\r\n\r\n render() {\r\n const { idx, eventId, enableBet, signedIn, item } = this.props;\r\n\r\n const { hours, minutes, seconds } = this.state.countdown;\r\n const closeBet = hours === \"00\" && minutes == \"00\" && seconds == \"00\";\r\n const isFavorite = this.props.item && this.props.item.isFavorite\r\n\r\n return (\r\n {text} {this.state.time}
\r\n\t\t\t\t{onOK &&\r\n\t\t\t\t\t{this.props.name}
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n UpdateFavoriteForLuckyNumber: (tournamentId) => {\r\n dispatch(UpdateFavoriteForLuckyNumber(tournamentId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Card);\r\n","import React, { Component } from \"react\";\r\nimport { Button, DatePicker, Input, Popover, Select } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { getLuckyNumbersEventResultRequest , loadUpcomingDraws , getDrawsCategoriesAndTournaments} from \"../../../redux/actions/sportTypesActions\";\r\n\r\nconst Option = Select.Option;\r\n\r\nconst resultButtons = [\"By Date\", \"By Game\", \"By Draw ID\"];\r\nexport class HomeHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedAction: \"By Date\",\r\n drawId:undefined\r\n };\r\n this.timeoutId = null;\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { match } = this.props;\r\n if (!prevProps.connected && this.props.connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n this.props.getDrawsCategoriesAndTournaments(request);\r\n }\r\n }\r\n componentDidMount() {\r\n const { getDrawsCategoriesAndTournaments, match, connected } = this.props;\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n getDrawsCategoriesAndTournaments(request);\r\n }\r\n }\r\n\r\n resultDateFilter = (date, dateString) => {\r\n const {\r\n connected,\r\n match,\r\n getLuckyNumbersEventResultRequest,\r\n updateFormattedDate,\r\n } = this.props;\r\n let formattedDate = null;\r\n\r\n if (date) {\r\n formattedDate = moment(date).format(\"YYYY-MM-DDTHH:mm:ss.SSSSSS\");\r\n }\r\n\r\n if (connected && formattedDate) {\r\n updateFormattedDate(formattedDate);\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n dateOfMatch: formattedDate,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n } else if (connected && !formattedDate) {\r\n updateFormattedDate(undefined);\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n };\r\n nextDrawsDateFilter = (date, dateString) => {\r\n const {\r\n connected,\r\n match,\r\n loadUpcomingDraws,\r\n updateFormattedDate,\r\n } = this.props;\r\n let formattedDate = null;\r\n\r\n if (date) {\r\n formattedDate = moment(date).format(\"YYYY-MM-DDTHH:mm:ss.SSSSSS\");\r\n }\r\n\r\n\r\n if (connected && formattedDate) {\r\n updateFormattedDate(formattedDate);\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n dateOfMatch: formattedDate,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (connected && !formattedDate) {\r\n updateFormattedDate(undefined);\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n }\r\n };\r\n updateFilter = (value) => {\r\n this.setState({\r\n selectedAction: value,\r\n });\r\n };\r\n selectGame = (id) => {\r\n console.log(\"id==\",id);\r\n const { match, connected , getLuckyNumbersEventResultRequest } = this.props;\r\n if (connected) {\r\n this.props.updateGameId(Number(id))\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n tournamentId: Number(id)\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n };\r\n debounce = (func, delay) => {\r\n clearTimeout(this.timeoutId);\r\n this.timeoutId = setTimeout(() => {\r\n func();\r\n }, delay);\r\n };\r\n\r\n filterDrawId = () => {\r\n // Place your specific logic here\r\n const { getLuckyNumbersEventResultRequest, match, connected } = this.props;\r\n if (connected) {\r\n if(this.state.drawId){\r\n this.props.updateDrawId(Number(this.state.drawId))\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n eventId: Number(this.state.drawId)\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }else{\r\n this.props.updateDrawId(undefined)\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n\r\n }\r\n };\r\n\r\n handleInputChange = (e) => {\r\n const { value } = e.target;\r\n this.setState({ drawId: value });\r\n this.debounce(this.filterDrawId, 1000);\r\n };\r\n disabledResultDate = (current) => {\r\n // Disable dates after today\r\n return current && current > moment().endOf('day');\r\n };\r\n disabledNextDrawDate = (current) => {\r\n // Disable dates before today\r\n return current && current < moment().startOf('day');\r\n };\r\n\r\n\r\n render() {\r\n const {\r\n luckyNumberUpcomintDraws,\r\n fromResults,\r\n fromNextDraws,\r\n drawsCategories,\r\n luckyNumberResultsPageTexts,\r\n luckyNumberUpcomingDrawsPageTexts,\r\n signedIn\r\n } = this.props;\r\n return (\r\n ID : {eventId}
\r\n \r\n
\r\n \r\n {hours > 24 && (\r\n
\r\n \r\n
\r\n )}\r\n {this.calculateDays(hours)}
\r\n Day
\r\n \r\n
\r\n {hours}
\r\n Hour
\r\n \r\n
\r\n {minutes}
\r\n MIN
\r\n \r\n
\r\n {seconds}
\r\n SEC
\r\n \r\n eventId && this.navToSingleMatch(eventId)}\r\n >\r\n {!enableBet ? `BETS CLOSED` : `BET NOW`}\r\n \r\n
\r\n \r\n {!signedIn ? (\r\n Please Sign in or Register }\r\n trigger=\"click\"\r\n >\r\n 
\r\n \r\n ) : (\r\n this.addToFavorate(item)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n luckyNumberUpcomintDraws: state.general.luckyNumberUpcomintDraws,\r\n connected: state.signalr.luckyNumbersConnected,\r\n drawsCategories: state.sportTypes.drawsCategories,\r\n luckyNumberResultsPageTexts: state.general.luckyNumberResultsPageTexts,\r\n luckyNumberUpcomingDrawsPageTexts: state.general.luckyNumberUpcomingDrawsPageTexts,\r\n signedIn: state.auth.signedIn,\r\n\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getLuckyNumbersEventResultRequest: (item, addToEvents) => {\r\n dispatch(getLuckyNumbersEventResultRequest(item, addToEvents));\r\n },\r\n getDrawsCategoriesAndTournaments: (item) => {\r\n dispatch(getDrawsCategoriesAndTournaments(item));\r\n },\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeHeader);\r\n","import React from \"react\";\r\nimport { Button, Carousel } from \"antd\";\r\nimport { Alert, Images, InfiniteScrollComponent } from \"../../../components\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { connect } from \"react-redux\";\r\nimport Card from \"./Card\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport { loadUpcomingDraws } from \"../../../redux/actions/sportTypesActions\";\r\n\r\nconst slides = [\r\n \"Home\",\r\n \"Lucky Numbers\",\r\n \"Next Draws\",\r\n \"Results\",\r\n \"How to play\",\r\n \"Home\",\r\n \"Lucky Numbers\",\r\n \"Next Draws\",\r\n \"Results\",\r\n \"How to play\",\r\n];\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1300 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1301 });\r\n return isDesktop ? children : null;\r\n};\r\nexport class HomeCourasel extends React.Component {\r\n state = {\r\n currentSlide: 0,\r\n numSlides: 0,\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { loadUpcomingDraws, match, connected } = this.props;\r\n if (this.props.currentFilter != prevProps.currentFilter) {\r\n if (this.carouselRef) this.carouselRef.goTo(0); // Go to the first slide\r\n if (connected) {\r\n if (this.props.currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (this.props.currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (this.props.currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n }\r\n }\r\n this.setState({\r\n currentSlide: 0,\r\n numSlides: 5,\r\n });\r\n this.props.changePageIndex(0);\r\n }\r\n if (prevProps.upcomingDrawsEvents != this.props.upcomingDrawsEvents) {\r\n if (this.carouselRef) {\r\n this.setState({\r\n numSlides: this.carouselRef.innerSlider.state.slideCount,\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.carouselRef) {\r\n this.setState({\r\n numSlides: this.carouselRef.innerSlider.state.slideCount,\r\n });\r\n }\r\n }\r\n onArrowClick = (direction, nextDisabled, currentFilter) => {\r\n // currentfilter: 1 => upcoming draws\r\n // currentfilter: 2 => Most Played\r\n // currentfilter: 3 => Favorites\r\n const { currentSlide, numSlides } = this.state;\r\n const { loadUpcomingDraws, match, connected } = this.props;\r\n console.log(\"currentSlide\", currentSlide);\r\n console.log(\"numSlides\", numSlides);\r\n console.log(\"nextDisabled\", nextDisabled);\r\n switch (direction) {\r\n case \"prev\":\r\n this.props.changePageIndex(this.props.pageIndex - 1);\r\n if (connected) {\r\n if (currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n }\r\n }\r\n\r\n if (currentSlide >= 5 && !nextDisabled) {\r\n this.carouselRef.goTo(currentSlide - 5);\r\n } else {\r\n this.carouselRef.goTo(0);\r\n }\r\n break;\r\n\r\n case \"next\":\r\n this.props.changePageIndex(this.props.pageIndex + 1);\r\n if (connected) {\r\n if (currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n }\r\n }\r\n if (currentSlide + 5 < numSlides && !nextDisabled) {\r\n this.carouselRef.goTo(currentSlide + 5);\r\n } else {\r\n this.carouselRef.goTo(numSlides - 1);\r\n }\r\n break;\r\n }\r\n };\r\n\r\n render() {\r\n const { currentSlide, numSlides } = this.state;\r\n const prevDisabled = this.props.pageIndex == 0;\r\n const nextDisabled =\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length == 0;\r\n let data;\r\n if (\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length > 0\r\n ) {\r\n data = Object.values(this.props.upcomingDrawsEvents).slice(\r\n this.props.pageIndex == 0\r\n ? this.props.pageIndex\r\n : this.props.pageIndex * 5,\r\n this.props.pageIndex == 0 ? 5 : (this.props.pageIndex + 1) * 5\r\n );\r\n }\r\n\r\n if (this.props.loadingUpcomingDraws || !this.props.connected) {\r\n return (\r\n {fromResults ?( luckyNumberResultsPageTexts && luckyNumberResultsPageTexts[0] && luckyNumberResultsPageTexts[0].title ): (luckyNumberUpcomingDrawsPageTexts && luckyNumberUpcomingDrawsPageTexts[0] && luckyNumberUpcomingDrawsPageTexts[0].title)}
\r\n\r\n \r\n\r\n \r\n {!fromNextDraws ? (\r\n fromResults ? (\r\n <>\r\n trigger.parentNode}\r\n onSelect={this.selectGame}\r\n defaultValue={\r\n Please Sign in or Register }\r\n trigger=\"click\"\r\n >\r\n \r\n // this.props.onChangeFilter(item.upcomintDrawId)\r\n // }\r\n className={`${this.props.currentFilter ==\r\n item.upcomintDrawId && `selected-button`}`}\r\n >\r\n {item.upcomintDrawName}\r\n \r\n \r\n ):(\r\n \r\n this.props.onChangeFilter(item.upcomintDrawId)\r\n }\r\n className={`${this.props.currentFilter ==\r\n item.upcomintDrawId && `selected-button`}`}\r\n >\r\n {item.upcomintDrawName}\r\n \r\n );\r\n })\r\n )\r\n ) : (\r\n
\r\n \r\n {resultButtons.map((item, idx) => {\r\n return (\r\n this.updateFilter(item)}\r\n >\r\n {item}\r\n \r\n );\r\n })}\r\n
\r\n {this.state.selectedAction == \"By Date\" ? (\r\n \r\n Select Game\r\n
\r\n }\r\n >\r\n {drawsCategories &&\r\n drawsCategories.drawGames &&\r\n drawsCategories.drawGames.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n ) : (\r\n luckyNumberUpcomintDraws &&\r\n luckyNumberUpcomintDraws.map((item, idx) => {\r\n return (item.upcomintDrawId == 3 && !this.props.signedIn) ? (\r\n \r\n
\r\n );\r\n }\r\n if (this.props.upcomingDrawsEventsError) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {data.length > 0 && (\r\n <>\r\n \r\n this.onArrowClick(\r\n \"prev\",\r\n nextDisabled,\r\n this.props.currentFilter\r\n )\r\n }\r\n className=\"nav-button prev-arrow\"\r\n >\r\n 
\r\n \r\n \r\n this.onArrowClick(\r\n \"next\",\r\n nextDisabled,\r\n this.props.currentFilter\r\n )\r\n }\r\n className=\"nav-button next-arrow\"\r\n >\r\n 
\r\n \r\n \r\n )}\r\n\r\n \r\n {\" \"}\r\n {this.props.appendNewList ? (\r\n (this.carouselRef = ref)}\r\n slidesToShow={5}\r\n dots={false}\r\n effect=\"scrollx\"\r\n infinite={false}\r\n // autoplay={true}\r\n touchMove={true}\r\n afterChange={(current) =>\r\n this.setState({ currentSlide: current })\r\n }\r\n >\r\n {data.map((item, idx) => {\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n connected: state.signalr.luckyNumbersConnected,\r\n appendNewList: state.sportTypes.appendNewList,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item, addNewList) => {\r\n dispatch(loadUpcomingDraws(item, addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeCourasel);\r\n","import React, { Component } from \"react\";\r\nimport { Images } from \"../../../components\";\r\nimport { connect } from \"react-redux\";\r\n\r\nexport class HomeBanner extends Component {\r\n render() {\r\n const { luckyNumberConfigration } = this.props;\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n luckyNumberConfigration: state.general.luckyNumberConfigration,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeBanner);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../../components/common/Images\";\r\nimport { Button } from \"antd\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport moment from \"moment\";\r\nconst IsMobile = ({ children }) => {\r\n const isMobile = useMediaQuery({ maxWidth: 500 });\r\n return isMobile ? children : null;\r\n};\r\nconst IsMiddleScreenAndDesktop = ({ children }) => {\r\n const isMobile = useMediaQuery({ minWidth: 501 });\r\n return isMobile ? children : null;\r\n};\r\nexport class HomeResultsRow extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countdown1: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n countdown2: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.updateCountdown();\r\n this.countdownInterval = setInterval(this.updateCountdown, 1000);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.countdownInterval);\r\n }\r\n\r\n navToSingleMatch = (eventId) => {\r\n const { history } = this.props;\r\n history.push(`/lucky-numbers/15/108/drilldown/${eventId}`);\r\n };\r\n\r\n updateCountdown = () => {\r\n const { item1, item2 } = this.props;\r\n const now = moment.utc();\r\n\r\n if (item1) {\r\n const targetDate1 = moment.utc(item1.eventDateOfMatch);\r\n if (now.isBefore(targetDate1)) {\r\n const duration1 = moment.duration(targetDate1.diff(now));\r\n const hours1 = Math.floor(duration1.asHours());\r\n const minutes1 = duration1.minutes();\r\n const seconds1 = duration1.seconds();\r\n\r\n this.setState({\r\n countdown1: {\r\n hours: hours1 < 10 ? \"0\" + hours1 : hours1,\r\n minutes: minutes1 < 10 ? \"0\" + minutes1 : minutes1,\r\n seconds: seconds1 < 10 ? \"0\" + seconds1 : seconds1,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n countdown1: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n }\r\n }\r\n\r\n if (item2) {\r\n const targetDate2 = moment.utc(item2.eventDateOfMatch);\r\n if (now.isBefore(targetDate2)) {\r\n const duration2 = moment.duration(targetDate2.diff(now));\r\n const hours2 = Math.floor(duration2.asHours());\r\n const minutes2 = duration2.minutes();\r\n const seconds2 = duration2.seconds();\r\n\r\n this.setState({\r\n countdown2: {\r\n hours: hours2 < 10 ? \"0\" + hours2 : hours2,\r\n minutes: minutes2 < 10 ? \"0\" + minutes2 : minutes2,\r\n seconds: seconds2 < 10 ? \"0\" + seconds2 : seconds2,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n countdown2: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n calculateDays = (hours) => {\r\n if (hours <= 24) {\r\n return \"00\";\r\n } else {\r\n let days = Math.floor(hours / 24);\r\n return days.toString().padStart(2, \"0\");\r\n }\r\n };\r\n\r\n render() {\r\n const { item1, item2, fromResult } = this.props;\r\n\r\n const item1Flag = item1\r\n ? item1.countryFlagCode\r\n ? item1.countryFlagCode\r\n : item1.eventCategory\r\n ? item1.eventCategory.categoryFlagCode\r\n : \"eu\"\r\n : \"eu\";\r\n const item2Flag = item2\r\n ? item2.countryFlagCode\r\n ? item2.countryFlagCode\r\n : item2.eventCategory\r\n ? item2.eventCategory.categoryFlagCode\r\n : \"eu\"\r\n : \"eu\";\r\n\r\n return (\r\n \r\n {item1 && (\r\n
\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n
{\" \"}\r\n {!this.props.fromKiosk && (\r\n \r\n \r\n \r\n {item1.eventName ||\r\n item1.eventTournament.tournamentDisplayName}\r\n \r\n {!this.props.fromKiosk ? (\r\n \r\n ID: {item1.eventId}\r\n \r\n ) : (\r\n
\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n )}\r\n {this.props.fromKiosk && \r\n ID: {item1.eventId}\r\n }\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item1.eventName ||\r\n item1.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item1.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item1.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item1.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {item1.eventCancelled && (\r\n \r\n {!this.props.fromNextDraws && item1.ballResults ? (\r\n item1.ballResults.map((item, idx) => {\r\n return (\r\n \r\n {item.ballValue}\r\n \r\n );\r\n })\r\n ) : (\r\n
{\" \"}\r\n \r\n {this.state.countdown1.hours > 24 && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {this.calculateDays(this.state.countdown1.hours)}\r\n
\r\n Day
\r\n \r\n
\r\n \r\n {this.state.countdown1.hours}\r\n
\r\n HOUR
\r\n \r\n
\r\n \r\n {this.state.countdown1.minutes}\r\n
\r\n MIN
\r\n \r\n
\r\n \r\n {this.state.countdown1.seconds}\r\n
\r\n SEC
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item1.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item1.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n {item2.eventName ||\r\n item2.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item2.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item2.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item2.eventName ||\r\n item2.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item2.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item2.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item2.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item2.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {item2.eventCancelled && (\r\n \r\n {!this.props.fromNextDraws && item2.ballResults ? (\r\n item2.ballResults.map((item, idx) => {\r\n return (\r\n \r\n {item.ballValue}\r\n \r\n );\r\n })\r\n ) : (\r\n
{\" \"}\r\n \r\n {this.state.countdown2.hours > 24 && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {this.calculateDays(this.state.countdown2.hours)}\r\n
\r\n Day
\r\n \r\n
\r\n \r\n {this.state.countdown2.hours}\r\n
\r\n HOUR
\r\n \r\n
\r\n \r\n {this.state.countdown2.minutes}\r\n
\r\n MIN
\r\n \r\n
\r\n \r\n {this.state.countdown2.seconds}\r\n
\r\n SEC
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item2.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item2.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n if (loadingEventResult && fromResult || !this.props.connected ) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n if (luckyNumbersEventResultError && fromResult ) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!this.props.fromResultOrNextDraw &&
\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n loadingEventResult: state.sportTypes.loadingEventResult,\r\n luckyNumbersEventResult: state.sportTypes.luckyNumbersEventResult,\r\n luckyNumbersEventResultError: state.sportTypes.luckyNumbersEventResultError,\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n luckyNumbersRefreshTime: state.general.configuration.luckyNumbersRefreshTime,\r\n\r\n\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getLuckyNumbersEventResultRequest: (item, addToEvents) => {\r\n dispatch(getLuckyNumbersEventResultRequest(item, addToEvents));\r\n },\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n resetUpcomingDraws: () => {\r\n dispatch(resetUpcomingDraws());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeResults);\r\n","import React, { Component } from \"react\";\r\n\r\nexport class Description extends Component {\r\n render() {\r\n return (\r\n Latest Results
}\r\n\r\n {data.map((item, idx) => {\r\n return (\r\n idx % 2 == 0 && (\r\n \r\n {this.props.fromResultOrNextDraw ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n )}\r\n \r\n {this.props.luckyNumberHomePageTexts.slice(0,3).map((item) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Description;\r\n","import { Button, Tabs } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport HomeCourasel from \"./HomeCourasel\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport HomeBanner from \"./HomeBanner\";\r\nimport HomeResults from \"./HomeResults\";\r\nimport Description from \"../Description\";\r\nimport Features from \"../Features\";\r\nimport { connect } from \"react-redux\";\r\nimport { loadUpcomingDraws } from \"../../../redux/actions/sportTypesActions\";\r\nconst TabPane = Tabs.TabPane;\r\nconst tabs = [\"Home\", \"Lucky Numbers\", \"Next Draws\", \"Results\", \"How to play\"];\r\n\r\nexport class Home extends Component {\r\n state = {\r\n currentFilter: 1,\r\n pageIndex: 0,\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { match , upcomingDrawsEvents , luckyNumbersRefreshTime} = this.props;\r\n if (prevProps.upcomingDrawsEvents && prevProps.upcomingDrawsEvents !== upcomingDrawsEvents && localStorage.getItem(\"refreshUpcomingDrawsEvents\")) {\r\n clearTimeout(this.timeout)\r\n if(this.state.currentFilter == 1){\r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }else if (this.state.currentFilter == 2){\r\n \r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }else if (this.state.currentFilter == 3){\r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }\r\n\r\n }\r\n if (!prevProps.connected && this.props.connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n }\r\n }\r\n \r\n componentDidMount() {\r\n const {\r\n loadUpcomingDraws,\r\n match,\r\n connected,\r\n GetLuckyNumberConfiguration,\r\n } = this.props;\r\n\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request , false);\r\n }\r\n }\r\n componentWillUnmount(){\r\n clearTimeout(this.timeout)\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n\r\n }\r\n onChangeFilter = (filter) => {\r\n this.setState({ currentFilter: filter });\r\n };\r\n changePageIndex= (value)=>{\r\n this.setState({\r\n pageIndex:value \r\n })\r\n }\r\n render() {\r\n const {upcomingDrawsEvents}=this.props\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n {item.title}
\r\n{item.text}
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n luckyNumbersRefreshTime: state.general.configuration.luckyNumbersRefreshTime,\r\n\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Home);\r\n","import Home from \"./Home\";\r\nimport HomeCourasel from \"./HomeCourasel\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport HomeBanner from \"./HomeBanner\";\r\nimport HomeResults from \"./HomeResults\";\r\nimport HomeResultsRow from \"./HomeResultsRow\";\r\nimport Description from \"../Description\";\r\nimport Card from \"./Card\";\r\n\r\nexport { Home, HomeCourasel, HomeHeader, HomeBanner , HomeResults , HomeResultsRow , Description , Card};\r\n","import { AppConfig } from \"../helpers\";\r\n\r\nexport const Currency = {\r\n\tLiberianDollar: 1,\r\n\tUSD: 2,\r\n}\r\nexport const Feed = {\r\n\tStatic: 6,\r\n\tLive: 5,\r\n\r\n\t//Virtual\r\n\tVFL: 1,\r\n\tVHC: 2,\r\n\tVDR: 3,\r\n\tVTO: 4,\r\n\tVFLM: 7,\r\n\tVBL: 8,\r\n\tEPL: 9,\r\n\r\n\tCasino:10,\r\n\tSpinAndWin:13,\r\n\r\n\tHome: 6,\r\n\tFixture: 10001,\r\n\tSlots:10002,\r\n\tContactUs:10003,\r\n\tWorkWithUs:10004,\r\n\tPromos: 11,\r\n\tLuckyNumbers:15,\r\n\tLanding:1,\r\n\tvirtualSports:19\r\n}\r\n\r\nexport const VirtualFeedIds = [1, 2, 3, 4, 7, 8, 9];\r\n\r\nexport const FeedNames = {\r\n\tStatic: \"sport\",\r\n\tLive: \"live\",\r\n\tVFL: \"virtual\",\r\n\r\n\tHome: \"sport\",\r\n\tFixture: \"Fixture\",\r\n\tSlots:\"slots\",\r\n\tCasino: \"casino\",\r\n\tPromos:\"promos\",\r\n\tLuckyNumbers:\"lucky-numbers\",\r\n\tLanding:\"landing-page\",\r\n\tvirtualSports:\"virtualSports\"\r\n\r\n}\r\n\r\nexport const FeedChangeStatus = {\r\n\tUpdate: 0,\r\n\tAdd: 1,\r\n\tDelete: 2,\r\n\r\n}\r\nexport const daysFormatted = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"]\r\n\r\nexport const Days = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"]\r\n// export const calenderDays = [{name:\"SUN\" , id:1},{name:\"MON\" , id:2},{name:\"TUE\" , id:3},{name:\"WED\" , id:4},{name:\"THU\" , id:5},{name:\"FRI\" , id:6},{name:\"SAT\" , id:7}]\r\n\r\nexport const Status = {\r\n\tSuccess: 1,\r\n\tWarning: 2,\r\n\tError: 3,\r\n\tTokenExpired: 4\r\n}\r\n\r\nexport const Device = {\r\n\tSize1: 1,\r\n\tSize2: 2,\r\n\tSize3: 3,\r\n\tSize4: 4,\r\n\tSize5: 5,\r\n\tSize6: 6,\r\n\tSize7: 7,\r\n}\r\n\r\nexport const Env = {\r\n\tPROD: \"PROD\",\r\n\tPRODV1: \"PRODV1\",\r\n\tDEV: \"DEV\",\r\n\tDEV_HTTPS: \"DEV_HTTP\",\r\n\tLOCAL: \"LOCAL\",\r\n\tUK: \"UK\",\r\n}\r\n\r\nexport const JackpotLevel = {\r\n\t\"Gold\": 1,\r\n\t\"Silver\": 2,\r\n\t\"Bronze\": 3,\r\n\t\"Bonus\": 4,\r\n\t\"DailyMega\"\t:5,\r\n\t\"Web\"\t:6,\r\n\t\"SingleGame\":7\r\n}\r\n\r\nexport const metaData = {\r\n\t\"home\" : {\r\n\t\ttitle : `Winners | Sports Betting & Top Odds | Liberia’s Sportsbook`,\r\n\t\tdescription : `Winners Inc the pioneer & #1 Sports Betting company in Liberia. Enjoy the \r\n\t\t\t\t\tBest Online & Retail Gaming experience with the most trusted brand in the \r\n\t\t\t\t\tcountry`\r\n\t},\r\n\t\"soccer\":{\r\n\t\ttitle : `Winners | Liberia's Choice to Bet on Soccer Online | Bet Now`,\r\n\t\tdescription : `Top soccer betting odds on English Premier League, Champions League, \r\nand more @ Winners. Bet live on your favorite teams & win big with the \r\nhighest odds!`\r\n\t},\r\n\t\"basketball\":{\r\n\t\ttitle : `Winners Basketball Betting | Top NBA Betting Odds | Join Now`,\r\n\t\tdescription : `Winners has top basketball betting odds for NBA & international \r\ntournaments. Bet live & enjoy the highest odds & thrilling bonuses. Join \r\nnow & make your picks!`\r\n\t},\r\n\t\"tennis\":{\r\n\t\ttitle : `Winners | Grand Slam Betting Odds | Tennis Betting Online`,\r\n\t\tdescription : `Bet on Grand Slam & ATP tennis with Winners. Discover top tennis betting \r\nodds, live betting & exciting bonuses. Sign up and place your bets on \r\ntennis today!`\r\n\t},\r\n\t\"baseball\":{\r\n\t\ttitle : `Winners | MLB Baseball Betting Odds | Bet on Baseball Now`,\r\n\t\tdescription : `Bet on MLB with Winners, Liberia's leading sportsbook. Enjoy top baseball \r\nbetting odds, live betting, & exciting promotions. Join today & get in on the \r\naction!`\r\n\t},\r\n\t\"icehockey\":{\r\n\t\ttitle : `Winners | NHL Ice Hockey Odds | Bet Now on Ice Hockey`,\r\n\t\tdescription : `Place your bets on NHL and international ice hockey at Winners Inc. Get \r\nthe best ice hockey betting odds in Liberia, live action, & secure betting. \r\nSign Up Now!`\r\n\t},\r\n\t\"handball\":{\r\n\t\ttitle : `Handball Betting | International Handball Odds | Winners`,\r\n\t\tdescription : `Winners has the highest odds in Liberia on international handball matches. \r\nBet live on top handball leagues with secure transactions & exciting \r\nbonuses. Bet now!`\r\n\t},\r\n\t\"boxing\":{\r\n\t\ttitle : `Winners | Top Boxing Odds & Major Fight Betting | Bet Now`,\r\n\t\tdescription : `Bet on boxing with Winners. Enjoy live betting on world championship fights \r\nand get the best boxing odds. Join Winners today and make your bets count!`\r\n\t},\r\n\t\"rugby\":{\r\n\t\ttitle : `Winners Rugby Betting | Top International Rugby Odds | Bet Now`,\r\n\t\tdescription : `Bet on rugby from international & domestic leagues at Winners. Get the best \r\nrugby betting odds in Liberia, live bets, & secure betting options. Join now!`\r\n\t},\r\n\t\"cricket\":{\r\n\t\ttitle : `Winners Cricket Betting | Test Match, T20 & ODI | Join Now`,\r\n\t\tdescription : `Bet on Test matches, T20 & ODIs with Winners Inc. Discover the best cricket \r\nbetting odds & live betting options. Join Liberia’s top sportsbook today!`\r\n\t},\r\n\t\"volleyball\":{\r\n\t\ttitle : `Winners Inc | Get Top Volleyball Betting Odds | Sign Up Now`,\r\n\t\tdescription : `Place your volleyball bets on international matches at Winners. Get the best \r\nvolleyball betting odds & live betting. Join now and enjoy the volleyball action!`\r\n\t},\r\n\t\"futsal\":{\r\n\t\ttitle : `Futsal Betting | Futsal Odds & Live Betting | Winners Inc`,\r\n\t\tdescription : `Bet on top Futsal matches with Winners. Get the best Futsal betting odds & \r\nexciting promotions. Join Liberia’s top sportsbook & place your Futsal bets \r\ntoday!`\r\n\t},\r\n\t\"mma\":{\r\n\t\ttitle : `Winners Sports Betting | UFC & MMA Betting Odds | Join Now`,\r\n\t\tdescription : `Bet on UFC & MMA @ Winners. Enjoy top odds, live betting on major events & \r\nsecure transactions. Join today for the best MMA betting experience in Liberia!`\r\n\t},\r\n\t\"live\":{\r\n\t\ttitle : `Live Soccer Betting | Top Odds In Real-Time | Winners Liberia`,\r\n\t\tdescription : `Bet live soccer with real-time odds at Winners. Follow the latest \r\nEnglish Premier League & Champions League matches & enjoy \r\nin-play betting for every goal!`\r\n\t},\r\n\t\"virtual\":{\r\n\t\ttitle : `Virtual Sports Betting | 24/7 Action & Instant Wins | Winners`,\r\n\t\tdescription : `Experience nonstop sports betting play with Winners Liberia's \r\nvirtual sports betting. Bet on simulated sports with fast outcomes & \r\nrealistic gameplay, anytime!`\r\n\t},\r\n\t\"slots\":{\r\n\t\ttitle : `Online Slots | Spin & Win Big Jackpots | Winners Liberia`,\r\n\t\tdescription : `Play hot online slots at Winners Liberia & hit massive jackpots. \r\nEnjoy themed games with bonus rounds, free spins & big wins. \r\nStart spinning & winning now!`\r\n\t},\r\n\t\"promos\":{\r\n\t\ttitle : `Sports Betting Promotions | Bonuses & Free Bets | Winners`,\r\n\t\tdescription : `Maximize your winnings with the latest promotions at Winners! Get \r\nexclusive bonuses, free bets & special offers for new & loyal \r\ncustomers. Bet now, win more!`\r\n\t},\r\n\t\"luckyNumbers\":{\r\n\t\ttitle : `Lucky Numbers | Win with Your Favorite Numbers | Winners`,\r\n\t\tdescription : `Bet on your favorite lucky numbers for a chance to win big with \r\nWinners Liberia. Play daily draws and increase your odds of hitting \r\nit big. Play Now!`\r\n\t},\r\n\t\"aboutUs\":{\r\n\t\ttitle : `About Winners | Leading Sports Betting in Liberia`,\r\n\t\tdescription : `Discover more about Liberia’s top sports betting platform. Learn \r\nabout our commitment to fair play & passion for delivering top \r\nsports betting experiences.`\r\n\t},\r\n\t\"contactUs\":{\r\n\t\ttitle : `Contact Winners | Customer Support & Help Center`,\r\n\t\tdescription : `Need help or have questions? Contact Winners today! Our \r\ncustomer support team is ready to assist with inquiries on betting, \r\naccount management and more.`\r\n\t},\r\n\t\"termsAndConditions\":{\r\n\t\ttitle : `Terms & Conditions | Betting Guidelines at Winners Liberia`,\r\n\t\tdescription : `Read the full terms and conditions for using Winners. Learn about \r\nour rules, policies, and guidelines to ensure fair and responsible \r\nbetting on our platform.`\r\n\t},\r\n\t\"privacyPolicy\":{\r\n\t\ttitle : `Privacy Policy | How Winners Protects Your Data`,\r\n\t\tdescription : `Learn how we protect your personal info. Read our privacy policy \r\nto understand how we collect, use & safeguard your data & \r\nensure secure online betting.`\r\n\t},\r\n\t\"responsibleGaming\":{\r\n\t\ttitle : `Responsible Gaming | Play Safe with Winners Liberia`,\r\n\t\tdescription : `We are committed to responsible gaming. Get tips on how to \r\nmanage your betting & find resources to help you stay in control. \r\nWinners play responsibly.`\r\n\t},\r\n\t\"cookiesPolicy\":{\r\n\t\ttitle : `Cookies Policy | How Winners Uses Cookies`,\r\n\t\tdescription : `Learn how we use cookies to enhance your online betting. \r\nUnderstand how cookies work & how you can manage them for a \r\nbetter browsing experience.`\r\n\t},\r\n\t\"generalBettingRules\":{\r\n\t\ttitle : `General Betting Rules | Understand Betting at Winners`,\r\n\t\tdescription : `Familiarize yourself with Winners' betting rules. Get to know \r\nguidelines for placing bets, settling wagers & more to ensure a \r\nsmooth, fair betting experience.`\r\n\t},\r\n\t\"howToPlay\":{\r\n\t\ttitle : `How To Play | Guide to Sports Betting & Games at Winners`,\r\n\t\tdescription : `New to betting? Learn how to play at Winners with our \r\ncomprehensive guide. From soccer betting to slots & virtual \r\nsports, get step-by-step instructions and win!`\r\n\t},\r\n\t\"workWithUs\":{\r\n\t\ttitle : `Work With Winners | Careers & Opportunities in Sports Betting`,\r\n\t\tdescription : `Join the Winners team! Explore exciting career opportunities in \r\nLiberia’s leading sports betting company. Be part of a dynamic \r\nindustry with great prospects.`\r\n\t},\r\n\t\"casino\":{\r\n title: `Winners`,\r\n description: `Winners Inc the pioneer & #1 Sports Betting company in Liberia. Enjoy the Best Online & Retail Gaming experience with the most trusted brand in the country`,\r\n },\r\n\t\"soccerMarkets\":{\r\n title: `Know Your Soccer Betting Rules & Markets in Liberia | Winners`,\r\n description: `Detailed soccer betting rules and markets with Winners. From \r\nmatch outcomes to corners and player props, learn how to bet \r\nsmarter in Liberia’s favorite sport.`,\r\n },\r\n\t\"basketballMarkets\":{\r\n title: `Basketball Betting Rules & Markets in Liberia | Winners`,\r\n description: `Explore basketball betting rules and markets with Winners Inc in \r\nLiberia. Learn about spreads, totals, player stats, and unique bets \r\nfor NBA and FIBA games.`,\r\n },\r\n\t\"americanFootballMarkets\":{\r\n title: `Know Your American Football Betting Rules & Markets | Winners`,\r\n description: `Bet on American Football like a pro with Winners Inc. Understand \r\nbetting rules and markets for NFL, college games, and more, \r\ntailored for Liberian bettors.`,\r\n },\r\n\t\"badmintonMarkets\":{\r\n title: `Badminton Betting Rules & Markets Explained | Winners`,\r\n description: `Get into badminton betting with Winners Inc. Learn the rules, \r\nmarkets, and strategies to bet on this fast-paced sport in Liberia.`,\r\n },\r\n\t\"baseballMarkets\":{\r\n title: `Discover Baseball Betting Rules & Markets | Winners`,\r\n description: `Get to know your baseball betting with Winners Inc in Liberia. From \r\nMLB moneylines to run totals, master the rules & markets for \r\nwinning bets.`,\r\n },\r\n\t\"beachVolleyballMarkets\":{\r\n title: `Beach Volleyball Betting Rules & Markets Made Easy | Winners`,\r\n description: `Ace your beach volleyball bets with Winners Inc. Explore betting \r\nrules and unique markets for thrilling Liberian volleyball action.`,\r\n },\r\n\t\"bowlMarkets\":{\r\n title: `Bowling Betting Rules & Markets for Liberia | Winners`,\r\n description: `Roll into bowling betting with Winners Inc in Liberia. Learn the \r\nmarkets, rules, and strategies to make your sports betting count.`,\r\n },\r\n\t\"tennisMarkets\":{\r\n title: `Get The Low Down On Tennis Betting Rules & Tips | Winners`,\r\n description: `Winners Liberia offers detailed tennis betting rules. Bet on ATP, \r\nWTA, and Grand Slam events with our market-specific guidelines.`,\r\n },\r\n\t\"cricketMarkets\":{\r\n title: `Cricket Betting Rules & Markets For Everyone | Winners`,\r\n description: `Score big with cricket betting at Winners Inc in Liberia. \r\nUnderstand rules, markets, and tips for IPL, Test matches, and \r\nT20 leagues.`,\r\n },\r\n\t\"dartsMarkets\":{\r\n title: `Get To Know Your Darts Betting Rules & Markets | Winners`,\r\n description: `Hit the bullseye with darts betting at Winners Inc. Learn the rules, \r\nmarkets, and tips for successful darts wagers in Liberia.`,\r\n },\r\n\t\"handballMarkets\":{\r\n title: `Handball Betting Rules Explained | Winners`,\r\n description: `Stay ahead with Winners Inc’s guide to handball betting in \r\nLiberia. Explore rules and markets for top leagues and \r\ntournaments.`,\r\n },\r\n\t\"icehockeyMarkets\":{\r\n title: `Ice Hockey Betting Rules & Markets in Liberia | Winners`,\r\n description: `Learn how to bet on ice hockey with Winners Liberia. Understand \r\nNHL and international league betting rules, including moneylines \r\nand puck lines.`,\r\n },\r\n\t\"rugbyMarkets\":{\r\n title: `Rugby Betting Rules & Tips for Liberia | Winners`,\r\n description: `Master rugby betting with Winners Liberia. Explore rules, \r\nmarkets, and strategies for Rugby Union, Rugby League, and \r\nWorld Cup games.`,\r\n },\r\n\t\"rugbyMarkets\":{\r\n title: `Rugby Betting Rules & Tips for Liberia | Winners`,\r\n description: `Master rugby betting with Winners Liberia. Explore rules, \r\nmarkets, and strategies for Rugby Union, Rugby League, and \r\nWorld Cup games.`,\r\n },\r\n\t\"snookerMarkets\":{\r\n title: `Snooker Betting Rules & Odds in Liberia | Winners`,\r\n description: `Winners Liberia brings you snooker betting rules and market \r\ninsights. Bet on frame winners, match results, and tournament \r\noutcomes with confidence.`,\r\n },\r\n\t\"squashMarkets\":{\r\n title: `Squash Betting Rules & Strategies for Liberia | Winners`,\r\n description: `Dive into squash betting rules at Winners Liberia. Learn how to \r\nbet on match outcomes, set scores, and player performances.`,\r\n },\r\n\t\"volleyballMarkets\":{\r\n title: `Volleyball Betting Rules & Markets | Winners Liberia`,\r\n description: `Explore volleyball betting at Winners Liberia. Learn rules, odds, \r\nand strategies for betting on set winners, totals, and match \r\noutcomes.`,\r\n },\r\n}\r\n\r\n//export const ShowSignIn = true","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Layout } from 'antd'\r\nimport { setPropsMath, switchMode } from '../../redux/actions/appActions'\r\nimport MetaTags from 'react-meta-tags';\r\nimport EQ from 'css-element-queries'\r\nimport { getCurrencies ,GetHeaderTabs} from \"../../redux/actions/generalActions\";\r\n//Import all styles\r\nimport 'antd/dist/antd.css';\r\nimport '../../styles/ltr/layout.scss'\r\nimport { Utils } from '../../helpers';\r\n\r\nclass App extends React.Component {\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst { match, setPropsMath , isBannerKioskScreen } = this.props;\r\n\t\tsetPropsMath(match);\r\n\t\t!localStorage.getItem(\"theme\") && localStorage.setItem(\"theme\" , \"dark\")\r\n\t\tswitchMode()\r\n\t\t!isBannerKioskScreen && this.props.getCurrencies();\r\n\t\t!isBannerKioskScreen && this.props.GetHeaderTabs();\r\n\r\n\t\t//attaches to DOMLoadContent\r\n\t\tEQ.ElementQueries.listen();\r\n\r\n\t\t// //or if you want to trigger it yourself.\r\n\t\t// // Parse all available CSS and attach ResizeSensor to those elements which have rules attached\r\n\t\t// // (make sure this is called after 'load' event, because CSS files are not ready when domReady is fired.\r\n\t\tEQ.ElementQueries.init();\r\n\t\t\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { children ,avoidClick,isDark , match} = this.props;\r\n\t\tconst mode = localStorage.getItem(\"theme\") ? localStorage.getItem(\"theme\") : \"dark\"\r\n\t\tmode == \"dark\" ? document.documentElement.setAttribute(\"data-theme\", \"dark\") : document.documentElement.setAttribute(\"data-theme\", \"light\")\r\n\t\tconst {title , description } = Utils.getMetaData(match.url , match.params ? match.params.sport : null )\r\n\t\tconst canonical = `https://winners.com.lr${window.location.pathname}`\r\n\t\t\r\n\r\n\t\treturn (\r\n\r\n\t\t\t this.changeThemeMode()} className=\"mode-switcher\">\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n\treturn {\r\n\t\tisDark: state.app.isDark,\r\n\r\n\t}\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetPropsMath: (match) => {\r\n\t\t\t;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(ModeSwitcher);\r\n","import { Input, Popover, List, AutoComplete, Spin, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getSearchedData,\r\n navigateSearchItem,\r\n} from \"../../redux/actions/searchActions\";\r\nimport { setEvent } from \"../../redux/actions/sportEventsActions\";\r\nimport { Feed, FeedNames, VirtualFeedIds } from \"../../helpers/enums\";\r\n\r\nclass Search extends React.Component {\r\n state = {\r\n value: \"\",\r\n results: [],\r\n data: [],\r\n limit: 5,\r\n show: false,\r\n };\r\n\r\n searchInput = React.createRef();\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.searchResult !== this.props.searchResult) {\r\n this.setState({\r\n data: this.props.searchResult.map(this.renderOption),\r\n results: this.props.searchResult\r\n .map(this.renderOption)\r\n .slice(0, this.state.limit),\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount = () => {\r\n clearTimeout(this.timeout);\r\n };\r\n\r\n renderOption = (item) => {\r\n return (\r\n \r\n \r\n 
\r\n {localStorage.getItem(\"theme\") == \"dark\" ? 'Light Mode': 'Dark Mode' }\r\n
\r\n\r\n\r\n \r\n
\r\n );\r\n };\r\n\r\n onLoadMore = () => {\r\n let resultsLen = this.state.results.length;\r\n let loadMoreResults = this.state.data.slice(\r\n 0,\r\n resultsLen + this.state.limit\r\n );\r\n\r\n this.setState({\r\n results: loadMoreResults,\r\n });\r\n };\r\n\r\n handleSearchItem = (item) => {\r\n this.searchInput.current.input.state.value = \"\";\r\n const {\r\n searchResult,\r\n feedName,\r\n navigateSearchItem,\r\n setEvent,\r\n eventsResult,\r\n loadSportEvents,\r\n } = this.props;\r\n let event = searchResult.find((eventItem) => item.key == eventItem.id);\r\n\r\n let eventToSet = Object.keys(eventsResult)\r\n .map((game) => eventsResult[game])\r\n .find((eventItem) => {\r\n return item.key == eventItem.eventBetLineNo;\r\n });\r\n\r\n let feed;\r\n let vfl = VirtualFeedIds.find((feed) => feed === event.feedId);\r\n setEvent(eventToSet);\r\n if (!feedName) {\r\n switch (event.feedId) {\r\n case Feed.Static:\r\n feed = FeedNames.Static;\r\n break;\r\n case Feed.Live:\r\n feed = FeedNames.Live;\r\n break;\r\n case vfl:\r\n feed = FeedNames.VFL;\r\n default:\r\n break;\r\n }\r\n }\r\n navigateSearchItem(\r\n `/${feedName || feed}/${event.feedId}/${event.sportId}/${\r\n event.sport\r\n }/event/${event.sportCategoryId}/${event.tournamentId}/${event.eventId}`\r\n );\r\n };\r\n\r\n open = () => {\r\n this.setState({\r\n show: true,\r\n });\r\n };\r\n\r\n close = (e) => {\r\n this.setState({\r\n show: false,\r\n });\r\n };\r\n\r\n onVisibleChange = () => {\r\n this.setState({\r\n show: false,\r\n });\r\n this.searchInput.current.input.state.value = \"\";\r\n };\r\n\r\n render() {\r\n const { data, value, results } = this.state;\r\n const { getSearchedData, searchResult, loading } = this.props;\r\n const loadMore =\r\n results.length !== data.length && data && !loading ? (\r\n \r\n #{item.id} {item.sport}, {item.category}, {item.tourment}\r\n
\r\n\r\n {item.homeTeam} vs {item.awayTeam}\r\n
\r\n{item.date}
\r\n\r\n \r\n 0 ? (\r\n (\r\n {\r\n this.handleSearchItem(item);\r\n this.close();\r\n }}\r\n >\r\n {item}\r\n \r\n )}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n searchResult: state.search.searchResult,\r\n eventsResult: state.search.eventsResult,\r\n loading: state.search.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSearchedData: (request) => dispatch(getSearchedData(request)),\r\n navigateSearchItem: (path) => dispatch(navigateSearchItem(path)),\r\n setEvent: (item) => dispatch(setEvent(item)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Search);\r\n","import { SearchActionTypes } from '.'\r\n\r\nexport function getSearchedData(request) {\r\n return {\r\n type: SearchActionTypes.GetSearchedData_Request,\r\n request\r\n }\r\n}\r\n\r\nexport function navigateSearchItem(path) {\r\n return {\r\n type: SearchActionTypes.Navigate_Search_Item,\r\n path\r\n }\r\n}","import { Modal, Steps } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Step1, Step2 } from './';\r\nconst { Step } = Steps;\r\n\r\nconst steps = [\r\n\t{\r\n\t\ttitle: 'Forgot Password',\r\n\t\tdesc: 'Step 1',\r\n\t\tcontent: \r\n No Results, Please try again searching a Team name or bet #\r\n
\r\n )\r\n }\r\n >\r\n \r\n\t\t\t\t\t\t{steps[current].content}\r\n\t\t\t\t\t
\r\n\t\t\t\t : null\r\n\t\t)\r\n\t}\r\n}\r\n\r\n\r\nconst MapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tmessage: state.auth.message,\r\n\t\tcurrent: state.auth.currentForgotPassword,\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => (\r\n\t{\r\n\r\n\t}\r\n);\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(ForgotPassword);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Steps } from \"antd\";\r\nimport {\r\n init,\r\n handleRegisterSignin,\r\n} from \"../../redux/actions/registerActions\";\r\nimport { Step1, Step2, Step3, Step4, Step5 } from \"./\";\r\nimport { Alert } from \"../../components\";\r\nconst { Step } = Steps;\r\n\r\nconst steps = [\r\n {\r\n title: \"Register Account\",\r\n desc: \"Step 1\",\r\n content: {steps[current].content}
\r\n \r\n ) : null;\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n current: state.register.current,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n init: () => dispatch(init()),\r\n handleRegisterSignin: () => dispatch(handleRegisterSignin()),\r\n});\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(Register);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Tabs } from \"antd\";\r\nimport {\r\n memberForms,\r\n formsDetails,\r\n} from \"../../../redux/actions/membersActions\";\r\nimport { formStatuses } from \"../../../redux/actions/generalActions\";\r\nimport { Images } from \"../../\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nexport class MyBets extends Component {\r\n state = {\r\n toggleMyBets: false,\r\n toggleCollapse: false,\r\n expandedRowKeys: [],\r\n // fromDate: moment().startOf('day'),\r\n // toDate: moment().endOf('day'),\r\n status: 0,\r\n pagination: {\r\n current: 1,\r\n },\r\n index: 0,\r\n rendered: false,\r\n expendedDataSource: [],\r\n expandedSNWRowKeys: [],\r\n };\r\n toggleMeBetsListGroup = () => {\r\n let collapsable = document.getElementById(\"my-bets-rows-container\");\r\n this.setState({\r\n toggleMyBets: !this.state.toggleMyBets,\r\n });\r\n };\r\n componentWillMount() {\r\n let data = {\r\n statusId: this.state.status,\r\n fromDate: this.state.fromDate,\r\n toDate: this.state.toDate,\r\n pageIndex: this.state.pagination.current - 1,\r\n };\r\n this.props.memberForms(data);\r\n this.props.formStatuses({ data: { formStatusId: 0 } });\r\n this.tableRef = React.createRef();\r\n }\r\n setStatusFilter = (value) => {\r\n // console.log(\"value\",value);\r\n this.setState({ status: value, expandedRowKeys: [] }, () => {\r\n let data = {\r\n statusId: this.state.status,\r\n fromDate: this.state.fromDate,\r\n toDate: this.state.toDate,\r\n pageIndex: 0,\r\n };\r\n this.props.memberForms(data);\r\n });\r\n };\r\n\r\n createMyBetsStates(formNumber) {\r\n this.setState({\r\n formNumber: false,\r\n });\r\n }\r\n convertDate(month, day) {\r\n switch (month) {\r\n case \"1\":\r\n return `${day} January`;\r\n case \"2\":\r\n return `${day} February`;\r\n case \"3\":\r\n return `${day} March`;\r\n case \"4\":\r\n return `${day} April`;\r\n case \"5\":\r\n return `${day} May`;\r\n case \"6\":\r\n return `${day} June`;\r\n case \"7\":\r\n return `${day} July`;\r\n case \"8\":\r\n return `${day} August`;\r\n case \"9\":\r\n return `${day} September`;\r\n case \"10\":\r\n return `${day} October`;\r\n case \"11\":\r\n return `${day} November`;\r\n case \"12\":\r\n return `${day} December`;\r\n }\r\n }\r\n async toggleCollapse(record, idx) {\r\n let arrowSpan = document.getElementById(`${idx}`);\r\n let imageElement = document.createElement(\"img\");\r\n\r\n let targetDiv = document.getElementsByClassName(`${record.formNumber}`);\r\n let betRowsContainerDiv = document.getElementById(`${record.formNumber}`);\r\n for (let i = 0; i < targetDiv.length; i++) {\r\n let divStyle = targetDiv[i].style.display;\r\n if (divStyle == \"none\") {\r\n betRowsContainerDiv.style.borderBottom = \"none\";\r\n\r\n let data = await {\r\n formNumber: record.formNumber,\r\n formType: record.formType,\r\n };\r\n await this.props.formsDetails(data);\r\n // {this.props.formDetails && this.props.formDetails[0].match }\r\n\r\n targetDiv[i].style.display = \"block\";\r\n imageElement.src = Images.DownArrow;\r\n arrowSpan.src = imageElement.src;\r\n arrowSpan.style.transform = \"rotate(180deg)\";\r\n this.setState({\r\n record: record,\r\n });\r\n } else {\r\n betRowsContainerDiv.style.borderBottom = \"1px solid #FAF9F6\";\r\n targetDiv[i].style.display = \"none\";\r\n arrowSpan.style.transform = \"none\";\r\n imageElement.src = Images.DownArrow;\r\n arrowSpan.src = imageElement.src;\r\n }\r\n // formsDetails action\r\n }\r\n }\r\n render() {\r\n const { formDetails } = this.props;\r\n let filteredFormDetails = {};\r\n function displaySportImage(sportName) {\r\n switch (sportName) {\r\n case \"Soccer\":\r\n return Images.Soccer;\r\n case \"Basketball\":\r\n return Images.MenuBasketball;\r\n case \"Cricket\":\r\n return Images.MenuCricket;\r\n case \"Ice Hokey\":\r\n return Images.IceHockey;\r\n case \"rugby\":\r\n return Images.Rugby;\r\n case \"aussie rules\":\r\n return Images.Aussie;\r\n case \"dart\":\r\n return Images.Dart;\r\n case \"MMA\":\r\n return Images.MMA;\r\n }\r\n }\r\n let soccerData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Soccer\";\r\n });\r\n let basketBallData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Basketball\";\r\n });\r\n let cricketData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Cricket\";\r\n });\r\n let iceHockeyData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Ice Hokey\";\r\n });\r\n let rugbyData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"rugby\";\r\n });\r\n let aussieData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"aussie rules\";\r\n });\r\n let dartData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"dart\";\r\n });\r\n let mmaData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"MMA\";\r\n });\r\n\r\n formDetails.length > 0 &&\r\n formDetails.map((item) => {\r\n if (item.sport == \"MMA\") {\r\n return (filteredFormDetails[\"MMA\"] = mmaData);\r\n }\r\n if (item.sport == \"dart\") {\r\n return (filteredFormDetails[\"dart\"] = dartData);\r\n }\r\n\r\n if (item.sport == \"aussie rules\") {\r\n return (filteredFormDetails[\"aussie rules\"] = aussieData);\r\n }\r\n if (item.sport == \"rugby\") {\r\n return (filteredFormDetails[\"rugby\"] = rugbyData);\r\n }\r\n if (item.sport == \"Ice Hokey\") {\r\n return (filteredFormDetails[\"ice Hokey\"] = iceHockeyData);\r\n }\r\n if (item.sport == \"Cricket\") {\r\n return (filteredFormDetails[\"cricket\"] = cricketData);\r\n }\r\n\r\n if (item.sport == \"Basketball\") {\r\n return (filteredFormDetails[\"basketball\"] = basketBallData);\r\n }\r\n if (item.sport == \"Soccer\") {\r\n return (filteredFormDetails[\"soccer\"] = soccerData);\r\n }\r\n });\r\n\r\n function deployFormDetails(record, formDetails) {\r\n let targetDiv = document.getElementsByClassName(`${record.formNumber}`);\r\n targetDiv[0].textContent = \"\";\r\n Object.values(filteredFormDetails).map((item, idx) => {\r\n let imageSrc = displaySportImage(item[\"0\"].sport);\r\n let imageAmountDiv = document.createElement(\"div\");\r\n let imageElement = document.createElement(\"img\");\r\n imageElement.src = imageSrc;\r\n // END of image div\r\n\r\n // ![](\"/images/lorient.svg\")
\r\n // ![](\"/images/RC_Lens.svg\")
\r\n // creating dummy images to be displayed in mybets rows\r\n\r\n // amount element\r\n let amountElement = document.createElement(\"p\");\r\n amountElement.textContent = record.amount;\r\n amountElement.style.display = \"inline\";\r\n // END of amount element\r\n\r\n // appending children to parents\r\n imageAmountDiv.appendChild(imageElement);\r\n imageAmountDiv.appendChild(amountElement);\r\n targetDiv[0].appendChild(imageAmountDiv);\r\n\r\n // END appending children to parents\r\n\r\n // Styling parents\r\n imageAmountDiv.style.display = \"flex\";\r\n imageAmountDiv.style.justifyContent = \"space-between\";\r\n imageAmountDiv.style.backgroundColor = \"#233355\";\r\n imageAmountDiv.style.paddingRight = \"10px\";\r\n imageAmountDiv.style.paddingLeft = \"10px\";\r\n imageAmountDiv.style.alignItems = \"center\";\r\n\r\n // End of styling parents\r\n\r\n // Styling Children\r\n amountElement.style.marginTop = \"15px\";\r\n amountElement.style.color = \"#2C8AF7\";\r\n amountElement.style.fontWeight = \"bold\";\r\n\r\n // END of styling children\r\n\r\n for (let i = 0; i < item.length; i++) {\r\n let divsContainer = document.createElement(\"div\");\r\n\r\n // creating dummy images to be displayed in mybets rows\r\n\r\n // let firstTeamImg = document.createElement(\"img\");\r\n // firstTeamImg.src = \"/images/lorient.svg\";\r\n // firstTeamImg.style.height = \"18px\";\r\n // firstTeamImg.style.width = \"18px\";\r\n\r\n // let secondTeamImg = document.createElement(\"img\");\r\n // secondTeamImg.src = \"/images/RC_Lens.svg\";\r\n // secondTeamImg.style.height = \"18px\";\r\n // secondTeamImg.style.width = \"18px\";\r\n\r\n // END OF dummy images\r\n\r\n // MatchId Div declaration and its content\r\n let matchIdDiv = document.createElement(\"div\");\r\n let matchParagraph = document.createElement(\"div\");\r\n let idParagraph = document.createElement(\"span\");\r\n\r\n let firstTeamName = document.createElement(\"span\");\r\n let secondTeamName = document.createElement(\"span\");\r\n // END of MatchId\r\n\r\n // vsElement\r\n let vsElement = document.createElement(\"span\");\r\n vsElement.textContent = \"Vs.\";\r\n vsElement.style.color = \"#2C8AF7\";\r\n vsElement.style.fontWeight = \"bold\";\r\n\r\n // END of vsElement\r\n\r\n // MatchId Div declaration and its content\r\n let noteOddDiv = document.createElement(\"div\");\r\n let noteParagraph = document.createElement(\"span\");\r\n let oddParagraph = document.createElement(\"span\");\r\n // END of MatchId\r\n\r\n // styling of elements depends on formDetails\r\n if (targetDiv[0]) {\r\n divsContainer.style.borderBottom = \"1px solid black\";\r\n divsContainer.style.marginBottom = \"10px\";\r\n }\r\n\r\n noteOddDiv.style.padding = \"10px\";\r\n noteOddDiv.style.display = \"flex\";\r\n noteOddDiv.style.justifyContent = \"space-between\";\r\n\r\n matchIdDiv.style.padding = \"10px\";\r\n matchIdDiv.style.display = \"flex\";\r\n matchIdDiv.style.justifyContent = \"space-between\";\r\n\r\n idParagraph.style.opacity = \"0.5\";\r\n\r\n // End of styling\r\n\r\n if (targetDiv[0]) {\r\n // adding content to elements\r\n firstTeamName.textContent = `${item[i].match.split(\"Vs.\")[0]} `;\r\n secondTeamName.textContent = `${item[i].match.split(\"Vs.\")[1]} `;\r\n // matchParagraph.appendChild(firstTeamImg);\r\n matchParagraph.appendChild(firstTeamName);\r\n matchParagraph.appendChild(vsElement);\r\n matchParagraph.appendChild(secondTeamName);\r\n // matchParagraph.appendChild(secondTeamImg);\r\n\r\n idParagraph.textContent = `ID: ${item[i].bet}`;\r\n noteParagraph.textContent = item[i].note;\r\n oddParagraph.textContent = item[i].odd;\r\n // END of adding content\r\n // appending\r\n matchIdDiv.appendChild(matchParagraph);\r\n matchIdDiv.appendChild(idParagraph);\r\n divsContainer.appendChild(matchIdDiv);\r\n\r\n noteOddDiv.appendChild(noteParagraph);\r\n noteOddDiv.appendChild(oddParagraph);\r\n divsContainer.appendChild(noteOddDiv);\r\n targetDiv[0].appendChild(divsContainer);\r\n // END of appending\r\n }\r\n }\r\n });\r\n }\r\n // console.log(\"this.state.record\" , this.state.record);\r\n this.props.formDetails.length > 0 &&\r\n this.state.record &&\r\n document.getElementsByClassName(`${this.state.record.formNumber}`)[0] &&\r\n deployFormDetails(this.state.record, this.props.formDetails);\r\n function calculateTotalFormOdds(forms) {\r\n if (forms.length > 0) {\r\n const sumWithInitial = forms.reduce(\r\n (previousValue, item) =>\r\n previousValue + Number(item.amount.replace(/[^\\d.-]/g, \"\")),\r\n 0\r\n );\r\n return forms[0].amount.includes(\"LD\")\r\n ? \"LD\" + sumWithInitial\r\n : \"$\" + sumWithInitial;\r\n }\r\n }\r\n\r\n // console.log(\r\n // \"from my bets ================formDetails=formDetails\",\r\n // this.props.forms\r\n // );\r\n // console.log(\r\n // \"from my bets =================Details\",\r\n // this.props.formDetails\r\n // );\r\n // console.log(\"from my bets =================allprops\", this.props);\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n total: state.member.totalForms,\r\n forms: state.member.forms,\r\n statuses: state.general.statuses,\r\n loading: state.member.loading,\r\n formDetails: state.member.formDetails,\r\n isGroup: state.member.isGroup,\r\n betLines: state.member.betLines,\r\n message: state.member.betsMessage,\r\n betDetailsModalVisible: state.member.betDetailsModalVisible,\r\n formDateRange: state.member.formDateRange,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n memberForms: (data) => dispatch(memberForms(data)),\r\n formStatuses: (data) => dispatch(formStatuses(data)),\r\n formsDetails: (data) => dispatch(formsDetails(data)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MyBets);\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Input, Button, Tooltip, Popover, Popconfirm, Icon } from \"antd\";\r\nimport { Cookies, Events, Enums, AppConfig } from \"../../helpers\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\n// import { ForgotPassword, Register } from \"../../screens/index\";\r\nimport ForgotPassword from '../../screens/forgotPassword/ForgotPassword'\r\nimport Register from '../../screens/Register/Register'\r\nimport MyBets from \"../../components/common/myBets/MyBets\";\r\nimport {\r\n browserName,\r\n fullBrowserVersion,\r\n osName,\r\n osVersion,\r\n isMobile,\r\n isTablet,\r\n} from \"react-device-detect\";\r\nimport {\r\n signIn,\r\n signOut,\r\n init,\r\n setShowLoginPopConfirm,\r\n} from \"../../redux/actions/authActions\";\r\nimport { setSelectedCurrency } from \"../../redux/actions/membersActions\";\r\nimport { navigate } from \"../../redux/actions/appActions\";\r\n\r\nclass Signin extends React.Component {\r\n state = {\r\n validUsername: true,\r\n tooltipUsername: null,\r\n validPassword: true,\r\n tooltipPassword: null,\r\n showRegister: false,\r\n showForgotPassword: false,\r\n loginPopoverOpen: false,\r\n showLoginError: false,\r\n showCurrencyPopup: false,\r\n setCurrency: \"\",\r\n bounce: false,\r\n accountVisible: false,\r\n showBalance: true,\r\n\t\tchangeStatus : 0\r\n };\r\n\r\n toggleShowBalance() {\r\n this.setState({ showBalance: !this.state.showBalance });\r\n }\r\n\r\n onClickRegister = () => {\r\n this.setState({\r\n showRegister: true,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onClickForgotPassword = () => {\r\n this.setState({\r\n showForgotPassword: true,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onCloseRegister = () => {\r\n this.setState({\r\n showRegister: false,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onCloseForgotPassword = () => {\r\n this.setState({\r\n showForgotPassword: false,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n handleVisibleChange = () => {\r\n this.setState({ accountVisible: !this.state.accountVisible });\r\n };\r\n componentDidUpdate() {\r\n const { signedIn, signOut, message, setActivity } = this.props;\r\n const { showLoginError } = this.state;\r\n\r\n let user = Cookies.get(\"user\");\r\n\r\n if (!user && signedIn) {\r\n window.log(\"user \" + user + \"signedIn \" + signedIn);\r\n //signOut();\r\n this.props.init();\r\n }\r\n\r\n if (message && !showLoginError) {\r\n this.setState({\r\n showLoginError: true,\r\n });\r\n }\r\n }\r\n\r\n handleSearch = (value) => {\r\n window.log(value);\r\n };\r\n\r\n handleSubmit = (e, isLoginConfirm) => {\r\n const { form, signIn } = this.props;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n form.validateFields([\"userName\", \"password\"], (err, values) => {\r\n if (!err) {\r\n this.setState({\r\n validUsername: true,\r\n validPassword: true,\r\n tooltipUsername: null,\r\n tooltipPassword: null,\r\n });\r\n\r\n let data = {\r\n userName: values.userName,\r\n password: values.password,\r\n platform: isTablet ? \"Tablet\" : isMobile ? \"Mobile\" : \"Desktop\",\r\n os: `${osName} ${osVersion}`,\r\n browser: `${browserName} ${fullBrowserVersion}`,\r\n deviceToken: localStorage.getItem('firebaseDeviceToken')\r\n };\r\n if (isLoginConfirm) {\r\n data.isSignedInConfirm = true;\r\n this.props.setShowLoginPopConfirm(false);\r\n }\r\n\r\n signIn(data);\r\n } else {\r\n if (err.userName && err.userName.errors.length > 0) {\r\n this.setState({\r\n validUsername: false,\r\n tooltipUsername: err.userName.errors[0].message,\r\n });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n validUsername: true,\r\n tooltipUsername: null,\r\n });\r\n }, 4000);\r\n }\r\n\r\n if (err.password && err.password.errors.length > 0) {\r\n this.setState({\r\n validPassword: false,\r\n tooltipPassword: err.password.errors[0].message,\r\n });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n validPassword: true,\r\n tooltipPassword: null,\r\n });\r\n }, 4000);\r\n }\r\n } \r\n });\r\n };\r\n\r\n logOut = () => {\r\n this.props.signOut();\r\n };\r\n\r\n popConfirmVisibleChange = () => {\r\n if (this.state.showCurrencyPopup) {\r\n this.setState({ showCurrencyPopup: false });\r\n }\r\n };\r\n\r\n setSelectCurrency = (currency) => {\r\n this.props.setSelectedCurrency(currency);\r\n this.setState({ bounce: true }, () => {\r\n let timer = setTimeout(() => {\r\n this.setState({ bounce: false });\r\n clearTimeout(timer);\r\n }, 1000);\r\n });\r\n this.handleVisibleChange();\r\n };\r\n\r\n renderLogedin = () => {\r\n let { currentGame } = this.props;\r\n let user = Cookies.get(\"user\");\r\n let selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n return (\r\n \r\n
\r\n )}\r\n {/* {this.state.toggleMyBets && (\r\n \r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n {!this.state.toggleMyBets && (\r\n
\r\n {this.state.toggleMyBets && (\r\n \r\n \r\n 
\r\n \r\n )}\r\n
\r\n )}\r\n\r\n {this.state.toggleMyBets && (\r\n \r\n {this.props.forms.length > 0 && (\r\n \r\n )}{\" \"}\r\n My Bets{\" \"}\r\n {this.props.forms && (\r\n \r\n ({this.props.forms.length}){\" \"}\r\n \r\n )}\r\n
\r\n {!this.state.toggleMyBets && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {this.props.forms.length > 0 && (\r\n \r\n )}{\" \"}\r\n My Bets{\" \"}\r\n {this.props.forms && (\r\n \r\n ({this.props.forms.length}){\" \"}\r\n \r\n )}\r\n
\r\n {this.state.toggleMyBets && (\r\n \r\n \r\n {/* {item.formNumber} */}\r\n {/* {this.props.formDetails && this.props.formDetails[0].match } */}\r\n
\r\n \r\n \r\n
\r\n {this.props.forms.length > 0 ? (\r\n this.props.forms.map((item, idx) => {\r\n return (\r\n <>\r\n \r\n this.toggleCollapse(item, idx)}\r\n >\r\n
\r\n \r\n
\r\n \r\n Form Id: {item.formNumber}\r\n
\r\n \r\n Status:{\" \"}\r\n {item.status == \"Active\" ? (\r\n \r\n {item.status}\r\n \r\n ) : item.status == \"Lost\" ? (\r\n \r\n {item.status}\r\n \r\n ) : (\r\n \r\n {item.status}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {this.convertDate(\r\n item.date.slice(14, 15),\r\n item.date.slice(10, 12)\r\n )}\r\n
\r\n\r\n \r\n {/* */}\r\n\r\n You Don't Have any Bets Yet !\r\n
\r\n )}\r\n \r\n Total odds\r\n \r\n {this.props.forms && calculateTotalFormOdds(this.props.forms)}\r\n \r\n
\r\n )} */}\r\n \r\n\r\n \r\n {\r\n this.popConfirmVisibleChange();\r\n }}\r\n visible={this.state.showCurrencyPopup}\r\n overlayClassName=\"currency-message-popover\"\r\n placement=\"topRight\"\r\n title={\"You are about to change currency\"}\r\n onConfirm={() => {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.setSelectCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n {user &&\r\n selectedCurrency &&\r\n Object.keys(user.balance).map((currency, index) => (\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: user.balance[currency],\r\n });\r\n }}\r\n >\r\n \r\n {\" \"}\r\n {`${user.balance[currency].currencySymbol}`}{\" \"}\r\n \r\n \r\n {` ${\r\n Math.round(user.balance[currency].balance) !==\r\n user.balance[currency].balance\r\n ? user.balance[currency].balance.format(2)\r\n : user.balance[currency].balance.format(0)\r\n }`}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n this.toggleShowBalance()}\r\n />\r\n
\r\n My Balance:
\r\n\r\n {user && user.bonus && (\r\n {\r\n this.props.changeFeed('', 'account');\r\n this.handleVisibleChange();\r\n }}\r\n className=\"info\"\r\n type=\"primary\"\r\n >\r\n My Account\r\n \r\n \r\n \r\n {\r\n this.props.changeFeed('', 'account');\r\n this.handleVisibleChange();\r\n }}\r\n className=\"info\"\r\n type=\"primary\"\r\n >\r\n Deposit\r\n \r\n \r\n this.logOut()}\r\n >\r\n Sign Out\r\n \r\n
\r\n \r\n }\r\n >\r\n \r\n My Bonus:{\" \"}\r\n {`${user.bonus.currency.currencySymbol} ${\r\n user.bonus.currency.currencyId === 1\r\n ? user.bonus.balance.format(0)\r\n : user.bonus.balance.format(2)\r\n }`}\r\n
\r\n )}\r\n \r\n\r\n \r\n {user.firstName} {user.lastName}\r\n \r\n {currentGame ? (\r\n {currentGame}\r\n ) : this.state.showBalance ? (\r\n \r\n {selectedCurrency.currencySymbol}{\" \"}\r\n {` ${\r\n Math.round(selectedCurrency.balance) !==\r\n selectedCurrency.balance\r\n ? selectedCurrency.balance.format(2)\r\n : selectedCurrency.balance.format()\r\n }`}{\" \"}\r\n \r\n ) : (\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n );\r\n };\r\n // content={\r\n // AppConfig.ShowSignInAndRegistersBtn ? (\r\n // \r\n // \r\n // \r\n // {getFieldDecorator(\"userName\", {\r\n // rules: [\r\n // {\r\n // required: true,\r\n // message: \"Enter Email or Phone or Number\",\r\n // },\r\n // ],\r\n // })(\r\n // \r\n // Register\r\n // \r\n // \r\n // \r\n // {getFieldDecorator(\"password\", {\r\n // rules: [{ required: true, message: \"Enter Password\" }],\r\n // })(\r\n // \r\n // Forgot Password\r\n // \r\n // \r\n // {showLoginPopConfirm ? (\r\n // \r\n // this.handleSubmit(e, true)}\r\n // onCancel={() => this.props.setShowLoginPopConfirm(false)}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // visible={showLoginPopConfirm}\r\n // >\r\n // \r\n // {loading ? \"\" : \"Sign In\"}\r\n // \r\n // \r\n // \r\n // \r\n // ) : (\r\n // \r\n // \r\n // {loading ? \"\" : \"Sign In\"}\r\n // \r\n // \r\n // \r\n // )}\r\n // \r\n //
\r\n // ) : (\r\n // \"Coming soon\"\r\n // )\r\n // }\r\n\r\n renderSignin = () => {\r\n const { signedIn } = this.props;\r\n if (signedIn) {\r\n return this.renderLogedin();\r\n } else {\r\n return (\r\n \r\n // \r\n // {\r\n // this.props.init();\r\n // this.setState({ showLoginError: false });\r\n // }}\r\n // className=\"username\"\r\n // placeholder=\"Email or Phone or Number\"\r\n // />\r\n //
\r\n // )}\r\n // \r\n // \r\n // {\r\n // this.props.init();\r\n // this.setState({ showLoginError: false });\r\n // }}\r\n // type=\"password\"\r\n // className=\"password\"\r\n // placeholder=\"Password\"\r\n // />\r\n //
\r\n // )}\r\n // \r\n {this.renderLoginForm()}\r\n {AppConfig.ShowSignInAndRegistersBtn ? (\r\n this.navigateToPage('login-registration/2')}\r\n >\r\n REGISTER\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n\r\n {this.renderSignin()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst WrappedSigninForm = Form.create({ name: \"Signin_Form\" })(Signin);\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n message: state.auth.message,\r\n loading: state.auth.loading,\r\n balance: state.member.balance,\r\n selectedCurrency: state.member.selectedCurrency,\r\n showLoginPopConfirm: state.auth.showLoginPopConfirm,\r\n currentGame: state.slots.currentGame,\r\n\t\tbalanceStatus: state.member.balanceStatus,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n signOut: () => dispatch(signOut()),\r\n signIn: (data) => dispatch(signIn(data)),\r\n setSelectedCurrency: (currency) => dispatch(setSelectedCurrency(currency)),\r\n init: () => dispatch(init()),\r\n setShowLoginPopConfirm: (value) => dispatch(setShowLoginPopConfirm(value)),\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedSigninForm);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"./Images\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal } from \"antd\";\r\nimport { validateCouponReset } from \"../../redux/actions/generalActions\";\r\nimport CheckCoupon from \"./CheckCoupon\";\r\n\r\nexport class CouponModal extends Component {\r\n state = {\r\n isModalOpen: false,\r\n };\r\n showModal = () => {\r\n this.props.validateCouponReset();\r\n this.setState({\r\n isModalOpen: true,\r\n });\r\n };\r\n\r\n handleCancel = () => {\r\n this.setState({\r\n isModalOpen: false,\r\n });\r\n };\r\n\r\n render() {\r\n const { signedIn } = this.props;\r\n return (\r\n \r\n {signedIn ? (\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CouponModal);\r\n","/* eslint-disable jsx-a11y/alt-text */\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Images, Loading } from \"../\";\r\nimport {\r\n Enums,\r\n Utils,\r\n SessionStorage,\r\n Cookies,\r\n AppConfig,\r\n} from \"../../helpers\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { switchMode } from \"../../redux/actions/appActions\";\r\nimport { setJackpotWonMessages } from \"../../redux/actions/jackpotActions\";\r\nimport { setMemberApprovedJackpotWinnings } from \"../../redux/actions/membersActions\";\r\nimport Connection from \"../common/Connection\";\r\nimport ModeSwitcher from \"../common/ModeSwitcher\";\r\nimport Search from \"../common/Search\";\r\nimport Signin from \"./Signin\";\r\nimport CouponModal from \"../common/CouponModal\";\r\n\r\nclass Header extends React.Component {\r\n state = {\r\n time: moment(),\r\n messageCount: 0,\r\n winningModalOpened: false,\r\n };\r\n\r\n async componentDidMount() {\r\n if (this.props.serverTime) {\r\n this.setState({ time: moment(this.props.serverTime) });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n let {\r\n winningMessage,\r\n jackpotWinningApproved,\r\n setMemberApprovedJackpotWinnings,\r\n } = this.props;\r\n let jackpotId = Cookies.get(\"jackpotId\");\r\n\r\n if (\r\n this.props.serverTime &&\r\n this.props.serverTime !== prevProps.serverTime\r\n ) {\r\n this.setState({ time: moment(this.props.serverTime) });\r\n clearInterval(this.interval);\r\n this.interval = setInterval(\r\n () =>\r\n this.setState({ time: moment(this.state.time).add(1, \"minutes\") }),\r\n 60000\r\n );\r\n }\r\n // if (winningMessage &&\r\n // winningMessage.length > 0 &&\r\n // this.state.messageCount !== winningMessage.length\r\n // ) {\r\n // let iframeElement = document.getElementById(\"slot-frame\");\r\n // const message = {\r\n // name: \"gdk:ui\",\r\n // args: {\r\n // name: \"autogame\",\r\n // data: {\r\n // active: false,\r\n // rounds: Infinity,\r\n // },\r\n // },\r\n // };\r\n // iframeElement &&\r\n // iframeElement.contentWindow &&\r\n // iframeElement.contentWindow.postMessage(message, \"*\");\r\n // winningMessage && winningMessage.map((message, index) => {\r\n // this.setState({ messageCount: this.state.messageCount + 1 });\r\n // let modal = {\r\n // key: `gameWin${index}`,\r\n // type: \"text\",\r\n // text: message,\r\n // visible: true,\r\n // onOK: () => {\r\n // Utils.closeModal({ id: `gameWin${index}` });\r\n // winningMessage.splice(index, 1);\r\n // this.props.setJackpotWonMessages(winningMessage);\r\n // this.setState({ messageCount: this.state.messageCount - 1 });\r\n // },\r\n // okLabel: \"OK\",\r\n // };\r\n // Utils.openModal(modal);\r\n // });\r\n // }\r\n\r\n // if (\r\n // jackpotWinningApproved &&\r\n // jackpotWinningApproved !== prevProps.jackpotWinningApproved\r\n // ) {\r\n // let modal = {\r\n // key: \"winningApproved\",\r\n // type: \"text\",\r\n // text: \"Your Jackpot Winning Is Approved\",\r\n // visible: true,\r\n // onOK: () => {\r\n // Utils.closeModal({ id: \"winningApproved\" });\r\n // setMemberApprovedJackpotWinnings(jackpotId);\r\n // },\r\n // okLabel: \"OK\",\r\n // };\r\n // Utils.openModal(modal);\r\n // }\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n feedName,\r\n feedId,\r\n jackpotWinningApproved,\r\n winningMessage,\r\n setMemberApprovedJackpotWinnings,\r\n switchMode,\r\n loadingHeaderTabs,\r\n headerTabs,\r\n headerTabsError,\r\n loadingDefaultLiveSport,\r\n defaultLiveSportError,\r\n defaultLiveSport,\r\n } = this.props;\r\n \r\n return (\r\n \r\n 
this.showModal()} />\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n Check Your Promo Code
\r\n this.handleCancel()}>\r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
*/}\r\n \r\n {Utils.formatDate(this.state.time, \"HH:mm a\").toUpperCase()}\r\n
\r\n \r\n
\r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n Sports\r\n
\r\n )}\r\n\r\n {headerTabs.includes(\"Live\") && (\r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/soccer`,\r\n Enums.Feed.Home,\r\n Enums.FeedNames.Home\r\n )\r\n }\r\n >\r\n
\r\n {!this.props.fromWorldCup &&\r\n (loadingHeaderTabs ? (\r\n \r\n {/* \r\n this.navigate(\r\n `/landing-page`,\r\n Enums.Feed.Landing,\r\n Enums.FeedNames.Landing\r\n )\r\n }\r\n >\r\n Landing\r\n
*/}\r\n {headerTabs.includes(\"Sports\") && (\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n feedId: state.app.feedId,\r\n serverTime: state.app.serverTime,\r\n currentGame: state.slots.currentGame,\r\n winningMessage: state.jackpot.winningMessage,\r\n winnerJackpotId: state.jackpot.winnerJackpotId,\r\n currentWin: state.jackpot.currentWin,\r\n jackpotWinningApproved: state.jackpot.jackpotWinningApproved,\r\n loadingHeaderTabs: state.general.loadingHeaderTabs,\r\n headerTabs: state.general.headerTabs,\r\n headerTabsError: state.general.headerTabsError,\r\n loadingDefaultLiveSport: state.sportEvents.loadingDefaultLiveSport,\r\n defaultLiveSportError: state.sportEvents.defaultLiveSportError,\r\n defaultLiveSport: state.sportEvents.defaultLiveSport,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n setJackpotWonMessages: (messages) =>\r\n dispatch(setJackpotWonMessages(messages)),\r\n setMemberApprovedJackpotWinnings: (jackpotId) =>\r\n dispatch(setMemberApprovedJackpotWinnings(jackpotId)),\r\n switchMode: () => dispatch(switchMode()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Header);\r\n","import { SignalRTypes } from './actionTypes';\r\n\r\nexport function jackpotConnect() {\r\n return {\r\n type: SignalRTypes.Jackpot_Connect_Request\r\n }\r\n}\r\n\r\n\r\nexport function getJackpot() {\r\n return {\r\n type: SignalRTypes.Get_Jackpot_Request\r\n }\r\n}\r\n\r\n\r\nexport function setJackpotWonMessages(messages) {\r\n return {\r\n type: SignalRTypes.Set_Jackpot_Won_Message,\r\n messages\r\n }\r\n}\r\n\r\n","import React, { Component } from \"react\";\r\nimport { Enums } from \"../../helpers\";\r\nimport Images from \"../common/Images\";\r\n\r\nexport class LoginAndRegistrationHeader extends Component {\r\n navigate = (route) => {\r\n const { history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n }\r\n };\r\n\r\n render() {\r\n const { showForgotPassword, showLoginForm, indicator } = this.props;\r\n return (\r\n \r\n
\r\n {indicator == \"login\" &&\r\n (!showForgotPassword ? (\r\n \r\n \r\n this.navigate(`/sport/${Enums.Feed.Static}/1/soccer`)\r\n }\r\n >\r\n
\r\n )}\r\n \r\n {this.props.fromSlotMobileGame ? (\r\n \r\n this.navigate(`/sport/${Enums.Feed.Static}/1/soccer`)\r\n }\r\n >\r\n
\r\n ) : (\r\n \r\n You don't have an account? \r\n
\r\n ) : (\r\n window.location.assign(\"2\")}>\r\n Register\r\n
{\" \"}\r\n showLoginForm()}>\r\n {\" \"}\r\n Back To Login\r\n
\r\n ))}\r\n {indicator == \"register\" && (\r\n \r\n You already have an account? \r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default LoginAndRegistrationHeader;\r\n","\r\nimport { BackTop, Layout } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n App,\r\n LoginAndRegistrationHeader\r\n} from \"..\";\r\n\r\nconst { Header, Footer, Content } = Layout;\r\n\r\nclass LoginAndRegistrationScreen extends React.Component {\r\n backgroundImage = () => {\r\n const { match } = this.props;\r\n\r\n if (match.params.feed && match.params.sport)\r\n return `bg bg-${match.params.feed}${match.params.sport}`;\r\n\r\n if (match.url === \"/slots\") return \"\";\r\n\r\n return \"bg-00\";\r\n };\r\n\r\n render() {\r\n \r\n const { children, className } = this.props;\r\n\r\n return (\r\n window.location.assign(\"1\")}>Login
{\" \"}\r\n \r\n \r\n {/* \r\n )}\r\n \r\n \r\n\r\n \r\n
\r\n\r\n {children}
\r\n \r\n \r\n {/* \r\n )}\r\n \r\n \r\n\r\n \r\n
\r\n\r\n {children}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {children}
\r\n \r\n {props.name}\r\n
\r\n );\r\n};\r\n\r\nexport default TeamName;\r\n","import React from \"react\";\r\nimport { Icon } from \"antd\";\r\n\r\nexport default class Favorite extends React.Component {\r\n render() {\r\n const { callBack, selected } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { AppConfig } from \"../../helpers\";\r\nimport TeamName from \"../common/betEvents/TeamName\";\r\nimport { LazyLoadImage, trackWindowScroll } from 'react-lazy-load-image-component';\r\n\r\n\r\nexport class Teams extends Component {\r\n state = {};\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n render() {\r\n const { teamName, teamId, teamColor } = this.props;\r\n return (\r\n <>\r\n {!this.state[teamId] && (\r\n \r\n
\r\n Add to favorites.\r\n \r\n this.checkImage(teamId)}\r\n />\r\n
\r\n )}\r\n {this.state[teamId] &&\r\n teamName.includes(\" \") &&\r\n teamName.split(\" \").length >= 2 ? (\r\n \r\n {icon &&
\r\n );\r\n};\r\n// const style\r\nclass HeaderMobile extends React.Component {\r\n state = {\r\n selectedTab: null,\r\n displayMobileSearchBar: true,\r\n };\r\n async componentDidMount() {}\r\n\r\n onDrawerMenu = (open) => {\r\n const { openMobileMenu } = this.props;\r\n openMobileMenu(open);\r\n };\r\n\r\n onSwipe = (e) => {};\r\n\r\n toggleBetweenSearchContainers = () => {\r\n this.setState({\r\n displayMobileSearchBar: !this.state.displayMobileSearchBar,\r\n });\r\n };\r\n\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key });\r\n }\r\n\r\n render() {\r\n const {\r\n feedName,\r\n feedId,\r\n betSlipList,\r\n mobileBetslipOpen,\r\n mobileMenuOpen,\r\n openMobileBetslip,\r\n signedIn,\r\n switchMode,\r\n fromWorldCup,\r\n match,\r\n loadingHeaderTabs,\r\n headerTabs,\r\n headerTabsError,\r\n defaultLiveSport,\r\n } = this.props;\r\n return (\r\n \r\n {text}\r\n
\r\n \r\n \r\n \r\n \r\n {this.state.displayMobileSearchBar && !signedIn ? (\r\n \r\n
\r\n ) : null}\r\n {!this.state.displayMobileSearchBar && !signedIn ? (\r\n {Utils.InDev &&
*/}\r\n \r\n \r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n Sports\r\n
\r\n )}\r\n {headerTabs.includes(\"Live\") && (\r\n \r\n
\r\n\r\n {!fromWorldCup &&\r\n (loadingHeaderTabs ? (\r\n this.navigate(`/`)}>\r\n
\r\n\r\n \r\n
\r\n \r\n {/* \r\n this.navigate(\r\n `/landing-page`,\r\n Enums.Feed.Landing,\r\n Enums.FeedNames.Landing\r\n )\r\n }\r\n >\r\n Landing\r\n
*/}\r\n {headerTabs.includes(\"Sports\") && (\r\n \r\n ![]()
this.props.history.push('https://s5.sir.sportradar.com/winnersinc/en/1/season/59630')} src={Images.Icon_BarChart} />\r\n
\r\n )} */}\r\n\r\n {/* OLD MAIN MENU */}\r\n {/* \r\n {\r\n this.onTabChange(key);\r\n }}\r\n >\r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/Soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n 
\r\n Sports\r\n
\r\n }\r\n key={\"sports\"}\r\n >\r\n \r\n 
\r\n
*/}\r\n \r\n \r\n {Object.keys(betSlipList).length +\r\n (this.props.customBetData &&\r\n Object.values(this.props.customBetData).length > 0\r\n ? 1\r\n : 0)}\r\n
\r\n \r\n {\r\n this.handleDocument(\"terms-and-conditions\");\r\n }}\r\n >\r\n Terms and Conditions\r\n
\r\n \r\n
\r\n
\r\n {\r\n this.handleDocument(\"contact-us\");\r\n }}\r\n >\r\n Contact Us\r\n
*/}\r\n \r\n
\r\n
\r\n \r\n {footerProviders &&\r\n footerProviders.footerProviders.map((item) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n {socialMedia &&\r\n socialMedia.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
\r\n {/* \r\n {\r\n this.handleDocument(\"about-us\");\r\n }}\r\n >\r\n About Us\r\n
\r\n \r\n {footerText && footerText.pageText && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n All betting and gambling are forbidden for people under the\r\n age of 18\r\n
\r\n \r\n
\r\n Version:{AppConfig.version}© {moment().year()} WINNERS INC All\r\n rights reserved\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n lonestarImage: state.general.configuration.lonestarImage,\r\n orangeImage: state.general.configuration.orangeImage,\r\n tipMeImage: state.general.configuration.tipMeImage,\r\n voucherImage: state.general.configuration.voucherImage,\r\n androidImage: state.general.configuration.androidImage,\r\n appleImage: state.general.configuration.appleImage,\r\n eighteenPlusImage: state.general.configuration.eighteenPlusImage,\r\n socialMedia: state.general.configuration.socialMedia,\r\n loadingFooterProviders: state.general.loadingFooterProviders,\r\n footerProvidersError: state.general.footerProvidersError,\r\n footerProviders: state.general.footerProviders,\r\n apkAndroidLink: state.general.configuration.apkAndroidLink,\r\n apkAppleLink: state.general.configuration.apkAppleLink,\r\n footerText: state.general.footerText,\r\n isDark : state.app.isDark\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n pageName: (page) => dispatch(pageName(page)),\r\n getFooterProviders: () => dispatch(getFooterProviders()),\r\n getFooterText: () => dispatch(getFooterText()),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Footer);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { pageName } from \"../../redux/actions/generalActions\";\r\nimport { Enums, AppConfig } from \"../../helpers\";\r\nimport { Button } from \"antd\";\r\nimport Images from \"../common/Images\";\r\nimport { getFooterProviders, getFooterText } from \"../../redux/actions/generalActions\";\r\nimport { Env } from '../../helpers/enums';\r\nimport moment from \"moment\";\r\n\r\n\r\nclass Footer extends React.Component {\r\n componentDidMount() {\r\n this.props.getFooterProviders()\r\n this.props.getFooterText();\r\n }\r\n\r\n handleDocument = (page) => {\r\n this.props.pageName(page);\r\n this.props.history.push(`/document/${page}`);\r\n window.scrollTo(0, 0);\r\n };\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n lonestarImage,\r\n orangeImage,\r\n tipMeImage,\r\n voucherImage,\r\n androidImage,\r\n appleImage,\r\n eighteenPlusImage,\r\n footerProviders,\r\n apkAndroidLink,\r\n apkAppleLink,\r\n footerText,\r\n socialMedia\r\n } = this.props;\r\n\r\n return (\r\n\r\n
\r\n
\r\n\r\n {\r\n this.handleDocument(\"privacy-policy\");\r\n }}\r\n >\r\n Privacy Policy\r\n
\r\n \r\n
\r\n {footerProviders && footerProviders.footerProviders.map((item) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n {apkAppleLink ?\r\n \r\n \r\n
\r\n \r\n {socialMedia &&\r\n socialMedia.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n\r\n
\r\n {\r\n this.handleDocument(\"terms-and-conditions\");\r\n }}\r\n >\r\n Terms and Conditions\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
\r\n \r\n {\r\n this.handleDocument(\"about-us\");\r\n }}\r\n >\r\n About Us\r\n
\r\n \r\n {footerText && footerText.pageText &&\r\n \r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n All betting and gambling are forbidden for people under the\r\n age of 18\r\n
\r\n \r\n {/* {AppConfig.version} */}\r\n
\r\n \r\n \r\n
Version:{AppConfig.version}© {moment().year()} WINNERS INC All rights reserved
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n lonestarImage: state.general.configuration.lonestarImage,\r\n orangeImage: state.general.configuration.orangeImage,\r\n tipMeImage: state.general.configuration.tipMeImage,\r\n voucherImage: state.general.configuration.voucherImage,\r\n androidImage: state.general.configuration.androidImage,\r\n appleImage: state.general.configuration.appleImage,\r\n eighteenPlusImage: state.general.configuration.eighteenPlusImage,\r\n loadingFooterProviders: state.general.loadingFooterProviders,\r\n footerProvidersError: state.general.footerProvidersError,\r\n footerProviders: state.general.footerProviders,\r\n apkAndroidLink: state.general.configuration.apkAndroidLink,\r\n apkAppleLink: state.general.configuration.apkAppleLink,\r\n footerText: state.general.footerText,\r\n socialMedia: state.general.configuration.socialMedia,\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n pageName: (page) => dispatch(pageName(page)),\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n getFooterProviders: () => dispatch(getFooterProviders()),\r\n getFooterText: () => dispatch(getFooterText()),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Footer);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Images } from \"../\";\r\nimport { Enums } from \"../../helpers\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { Carousel, Layout } from \"antd\";\r\nimport { getBannerImages } from \"../../redux/actions/generalActions\";\r\nimport { Loading, Alert } from \"../\";\r\nimport { AppConfig } from \"../../helpers\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport {\r\n getFieldsUpdatedDetails,\r\n setTab,\r\n updateBetSlip,\r\n} from \"../../redux/actions/betSlipActions\";\r\n\r\nconst imgStyle = {\r\n width: \"100%\",\r\n borderRadius: \"5px\",\r\n maxHeight: \"320px\",\r\n};\r\n\r\nconst IsMobile = ({ children }) => {\r\n const IsMobile = useMediaQuery({ maxWidth: 500 });\r\n return IsMobile ? children : null;\r\n};\r\nconst IsUpperScreen = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 500 });\r\n return isDesktop ? children : null;\r\n};\r\nclass Banner extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.myCourasel = React.createRef();\r\n }\r\n componentDidMount() {\r\n this.props.getBannerImages();\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { match } = this.props;\r\n\r\n if (prevProps.sportType !== this.props.sportType) {\r\n this.myCourasel.current.goTo(0, true);\r\n }\r\n }\r\n onBannerClick(item) {\r\n const {\r\n updateBetSlip,\r\n setTab,\r\n history,\r\n getFieldsUpdatedDetails,\r\n } = this.props;\r\n\r\n if (typeof item.promoId == typeof 1 && item.bannerType !== 4) {\r\n history.push(`/promos/${item.promoId}`);\r\n } else if (\r\n item.bannerType == 4 &&\r\n item.oddsBoostOfferDetails &&\r\n item.oddsBoostOfferDetails[0]\r\n ) {\r\n setTab(\"2\");\r\n const request = item.oddsBoostOfferDetails.map((offer) => ({\r\n ...offer,\r\n betType: { betTypeId: offer.betTypeId },\r\n sport: { sportId: offer.sportId },\r\n feed: { feedId: offer.feedId },\r\n oddSpecialField: offer.oddSpecialField,\r\n }));\r\n getFieldsUpdatedDetails(request);\r\n history.push(\r\n `/sport/${item.oddsBoostOfferDetails[0].feedId}/${item.oddsBoostOfferDetails[0].sportId}/${item.oddsBoostOfferDetails[0].sportDisplayName}/event/${item.oddsBoostOfferDetails[0].categoryId}/${item.oddsBoostOfferDetails[0].tournamentId}/${item.oddsBoostOfferDetails[0].eventId}`\r\n );\r\n } else if (item.routeUrl) {\r\n history.push(`${item.routeUrl}`);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n promotionalBannersError,\r\n promotionalBanners,\r\n loadingBanners,\r\n } = this.props;\r\n const mobileFilterCurrentBanner =\r\n promotionalBanners &&\r\n promotionalBanners.mobileBannerImages.filter(\r\n (item) => item.sportType == Number(this.props.match.params.sport)\r\n );\r\n\r\n const desktopFilterCurrentBanner =\r\n promotionalBanners &&\r\n promotionalBanners.websiteBannerImages.filter(\r\n (item) => item.sportType == Number(this.props.match.params.sport)\r\n );\r\n\r\n const mobileFilterPromotionalBanners =\r\n promotionalBanners &&\r\n promotionalBanners.mobileBannerImages.filter(\r\n (item) => item.bannerType == 1 || item.bannerType == 4\r\n );\r\n\r\n const desktopFilterPromotionalBanners =\r\n promotionalBanners &&\r\n promotionalBanners.websiteBannerImages.filter(\r\n (item) => item.bannerType == 1 || item.bannerType == 4\r\n );\r\n\r\n // key={this.props.sportType}\r\n return (\r\n\r\n \r\n \r\n {desktopFilterCurrentBanner && desktopFilterCurrentBanner[0] && (\r\n \r\n \r\n \r\n {mobileFilterCurrentBanner && mobileFilterCurrentBanner[0] && (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n promotionalBannersError: state.general.promotionalBannersError,\r\n loadingBanners: state.general.loadingBanners,\r\n promotionalBanners: state.general.promotionalBanners,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n getBannerImages: () => {\r\n dispatch(getBannerImages());\r\n },\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n setTab: (tab) => {\r\n dispatch(setTab(tab));\r\n },\r\n getFieldsUpdatedDetails: (request) =>\r\n dispatch(getFieldsUpdatedDetails(request)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Banner);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Images } from '../';\r\nimport { Enums } from '../../helpers';\r\nimport { changeFeed } from '../../redux/actions/appActions';\r\n\r\nclass BannerMobile extends React.Component {\r\n\r\n\tasync componentDidMount() {\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n )}\r\n {loadingBanners ? (\r\n \r\n this.onBannerClick(item)}\r\n // style={imgStyle}\r\n style={{\r\n ...imgStyle,\r\n cursor: isClickable ? \"pointer\" : \"default\",\r\n }}\r\n src={`${item.bannerPath}?id=${item.imageVersion}`}\r\n alt=\"banner\"\r\n />\r\n
\r\n );\r\n })\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {loadingBanners ? (\r\n \r\n this.onBannerClick(item)}\r\n style={imgStyle}\r\n src={`${item.bannerPath}?id=${item.imageVersion}`}\r\n alt=\"banner\"\r\n />\r\n
\r\n );\r\n })\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tfeedId: state.app.feedId\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tchangeFeed: (feedId) => {\r\n\t\t\tdispatch(changeFeed(feedId));\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(BannerMobile);\r\n","import { BackTop, Layout } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n App,\r\n Banner,\r\n BannerMobile,\r\n Footer as FooterDiv,\r\n FooterMobile as FooterMobileDiv,\r\n Header as HeaderDiv,\r\n HeaderMobile as HeaderMobileDiv,\r\n} from \"../\";\r\nimport { Modal } from \"../\";\r\nimport { Events, Constants, Cookies } from \"../../helpers\";\r\nimport { openModal, closeModal } from \"../../redux/actions/modalActions\";\r\nimport { signOut } from \"../../redux/actions/authActions\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { getSportTypesIcons } from \"../../redux/actions/generalActions\";\r\nimport { navigate } from '../../redux/actions/appActions';\r\n\r\n\r\nconst { Header, Footer, Content } = Layout;\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nclass Screen extends React.Component {\r\n backgroundImage = () => {\r\n const { match } = this.props;\r\n\r\n if (match.params.feed && match.params.sport)\r\n return `bg bg-${match.params.feed}${match.params.sport}`;\r\n\r\n if (match.url.includes(`/slots`) && !match.url.includes(`/slots1`)) return \"slots-bg\";\r\n\r\n return \"bg-00\";\r\n };\r\n\r\n async componentDidMount() {\r\n const { openModal, closeModal ,getSportTypesIcons , sportTypesIcons, navigate} = this.props;\r\n if (!sportTypesIcons){\r\n getSportTypesIcons()\r\n }\r\n this.modalListener = Events.subscribe(\r\n Constants.modal,\r\n (modal) => {\r\n modal.visible ? openModal(modal) : closeModal(modal.id);\r\n },\r\n true\r\n );\r\n\r\n this.navigateListener = Events.subscribe(Constants.navigate, value => {\r\n\t\t\tnavigate(value);\r\n\t\t})\r\n\r\n //window.addEventListener('beforeunload', this.handleWindowClose);\r\n }\r\n\r\n async componentWillUnmount() {\r\n if (this.modalListener) {\r\n this.modalListener.unSubscribe();\r\n this.modalListener = null;\r\n }\r\n //window.removeEventListener('beforeunload', this.handleWindowClose);\r\n }\r\n\r\n handleWindowClose() {\r\n if (Cookies.get(\"token\")) {\r\n let status = this.props.signOut();\r\n if (status) {\r\n return;\r\n }\r\n }\r\n }\r\n\r\n renderModals = () => {\r\n const { modals } = this.props;\r\n\r\n return modals.map((m, i) => {\r\n return (\r\n \r\n\t\t\t\t\t{/* 
*/}\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{/*
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tThey Play, You Win...\r\n\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.props.match.path != \"/slots\" && (\r\n \r\n {/* \r\n )}\r\n \r\n {/* {console.log(\"children\" , children)} */}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tsportTypesIcons: state.general.sportTypesIcons\r\n\t};\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n\r\n});\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(ScreenTitle);\r\n\r\n","import React from \"react\";\r\nimport { Icon } from \"antd\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { SportIcon } from \"../\";\r\nimport { loadSportCategories } from \"../../redux/actions/categoriesActions\";\r\nimport {\r\n init,\r\n loadSportTypes,\r\n setSport,\r\n removeDisabledSportTypes,\r\n} from \"../../redux/actions/sportTypesActions\";\r\nimport { clearSportEvents } from \"../../redux/actions/sportEventsActions\";\r\nimport Swipe from \"./Swipe\";\r\nimport { Enums } from \"../../helpers\";\r\n\r\nconst antIcon = \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(!hideIcon && icon) &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t{/* {\r\n\t\t\t\t\timage &&\r\n\t\t\t\t\t{title}
\r\n\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(match && match.params.feed == 5) &&\r\n\t\t\t\t\t\tLive
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t} */}\r\n\t\t\t\r\n
\r\n );\r\n};\r\n\r\nclass SportTypes extends React.Component {\r\n state = {\r\n disabled: false,\r\n showLeftButton: false,\r\n showRightButton: false,\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.swipe) {\r\n if (!handleButtonsCalled) {\r\n this.handleButtons();\r\n handleButtonsCalled = true;\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.handleButtons);\r\n }\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.handleButtons);\r\n }\r\n\r\n handleButtons = () => {\r\n if (this.swipe) {\r\n const { swiper } = this.swipe;\r\n if (swiper && swiper.scrollWidth === swiper.clientWidth) {\r\n this.setState({ showLeftButton: false, showRightButton: false });\r\n } else {\r\n if (swiper.scrollLeft > 0) {\r\n this.setState({ showLeftButton: true });\r\n }\r\n if (swiper.scrollLeft < swiper.scrollWidth - swiper.clientWidth) {\r\n this.setState({ showRightButton: true });\r\n }\r\n if (swiper.scrollLeft === 0) {\r\n this.setState({ showLeftButton: false });\r\n }\r\n if (swiper.scrollLeft === swiper.scrollWidth - swiper.clientWidth) {\r\n this.setState({ showRightButton: false });\r\n }\r\n }\r\n }\r\n };\r\n buttonScroll = (direction, speed, distance, step) => {\r\n let element = this.swipe.swiper;\r\n let scrollAmount = 0;\r\n let slideTimer = setInterval(() => {\r\n if (direction == \"left\") {\r\n element.scrollLeft -= step;\r\n } else {\r\n element.scrollLeft += step;\r\n }\r\n scrollAmount += step;\r\n if (scrollAmount >= distance) {\r\n window.clearInterval(slideTimer);\r\n }\r\n this.handleButtons();\r\n }, speed);\r\n };\r\n\r\n onSwipeMove = (position, event) => {\r\n swipeStep = Math.abs(position.x) - Math.abs(swipeStep);\r\n if (swipePosition != position.x) {\r\n if (position.x > swipePosition) {\r\n this.swipeScroll(-(swipeStep / 5));\r\n }\r\n if (position.x < swipePosition) {\r\n this.swipeScroll(swipeStep / 5);\r\n }\r\n swipePosition = position.x;\r\n }\r\n };\r\n\r\n swipeScroll = (step) => {\r\n let element = this.swipe.swiper;\r\n element.scrollLeft += step;\r\n this.handleButtons();\r\n };\r\n\r\n onSwipeEnd = (event) => {\r\n this.setState({ disabled: false });\r\n swipePosition = 0;\r\n swipeStep = 0;\r\n };\r\n\r\n onSwipeStart = (event) => {\r\n this.setState({ disabled: true });\r\n swipePosition = 0;\r\n swipeStep = 0;\r\n };\r\n\r\n onSportTypeClick = (item) => {\r\n const {\r\n history,\r\n feedId,\r\n feedName,\r\n setSport,\r\n removeDisabledSportTypes,\r\n loadSportCategories,\r\n clearSportEvents,\r\n } = this.props;\r\n // if (\r\n // (item.feed.feedId == 6 && item.sport.sportId == 1) ||\r\n // item.feed.feedId == 5\r\n // ) {\r\n // history.push(\r\n // `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n // );\r\n // }\r\n // //Go to today\r\n // else {\r\n if (Enums.VirtualFeedIds.includes(item.feed.feedId)) {\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`;\r\n clearSportEvents();\r\n history.push(path);\r\n } else {\r\n history.push(\r\n `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n );\r\n }\r\n // }\r\n\r\n setSport(item);\r\n removeDisabledSportTypes();\r\n\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(item.feed.feedId) },\r\n Sport: { SportId: Number(item.sport.sportId) },\r\n },\r\n };\r\n loadSportCategories(request);\r\n };\r\n\r\n render() {\r\n const { connected, sportTypes, loadingSportTypes, sportData } = this.props;\r\n\r\n if (!connected) {\r\n return (\r\n \r\n
\r\n {item.sport.sportDisplayName}
\r\n Connecting server...
*/}Loading Sport Types...
*/}\r\n \r\n\t\t\t// \t\t{\r\n\t\t\t// \t\t\tthis.state.showLeftButton &&\r\n\t\t\t// \t\t\t this.buttonScroll('left', 10, 100, 20)}>\r\n\t\t\t// \t\t\t\t
*/}\r\n\r\n // \r\n\t\t\t// \t\t{\r\n\t\t\t// \t\t\tthis.state.showRightButton &&\r\n\t\t\t// \t\t\t this.buttonScroll('right', 10, 100, 20)}>\r\n\t\t\t// \t\t\t\t
*/}\r\n // \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportData: state.sportTypes.sportData,\r\n sportTypes: state.sportTypes.sportTypes,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n feedName: state.app.feedName,\r\n feedId: state.app.feedId,\r\n sportId: state.app.sportId,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportTypes: (item) => {\r\n dispatch(loadSportTypes(item));\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n init: () => {\r\n dispatch(init());\r\n },\r\n loadSportCategories: (data) => {\r\n dispatch(loadSportCategories(data));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n clearSportEvents: () => {\r\n dispatch(clearSportEvents());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SportTypes);\r\n","import React from 'react'\r\n\r\nimport { Utils } from '../../../helpers'\r\nimport { connect } from 'react-redux';\r\n\r\n\r\nclass Timer extends React.Component {\r\n\tstate = {\r\n\t\ttime: this.props.time,\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tlet intervalTimer = setInterval(() => {\r\n\t\t\tif (!this.props.producerDown) {\r\n\t\t\t\tif (this.props.type == \"up\") {\r\n\t\t\t\t\tif (this.props.status === 0) {//did not change stop timer\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time })\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time + 1 })\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (this.props.type == \"down\") {\r\n\t\t\t\t\tif (this.state.time > 0) {\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time - 1 })\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}, 1000)\r\n\r\n\t\tthis.intervalTimer = intervalTimer;\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\t// Typical usage (don't forget to compare props):\r\n\t\tif (this.props.time !== prevProps.time) {\r\n\t\t\tthis.setState({ time: this.props.time })\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tclearInterval(this.intervalTimer);\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{`${this.state.time && this.props.type == \"up\"\r\n\t\t\t\t\t? Utils.getGameTimeBySeconds(this.state.time)\r\n\t\t\t\t\t: this.state.time <= 120 ? \"Starting soon...\" : Utils.formatSecondsToTime(this.state.time)}`}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n\r\n\r\n}\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tproducerDown: state.signalr.producerDown,\r\n\t}\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(Timer);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../\";\r\nimport { Constants, CountryCodes, Utils, Enums } from \"../../../helpers\";\r\nimport { onMobileBetFilterClick } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nimport Timer from \"./Timer\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { useRef } from \"react\";\r\nimport { OnScreenWrapper } from \"../../\";\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst EventRow = (props) => {\r\n const getCountryCode = (name) => {\r\n let result = CountryCodes.Codes.filter((item) => {\r\n return item.name.toLowerCase() == name.toLowerCase();\r\n });\r\n\r\n return result && result.length > 0 ? result[0].code.toLowerCase() : \"eu\";\r\n };\r\n const getHometeamScore = (score) => {\r\n return score ? score.split(\":\")[0] : \"\";\r\n };\r\n\r\n const getAwayTeamScore = (score) => {\r\n return score ? score.split(\":\")[1] : \"\";\r\n };\r\n\r\n const {\r\n id,\r\n betTypes,\r\n sportEvent,\r\n selectedValues,\r\n hideLeague,\r\n hideDate,\r\n selectedValue,\r\n } = props;\r\n if (!sportEvent) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {/* \r\n
\r\n\t\t\t\t\t} */}\r\n\r\n {/* {\r\n\t\t\t\t\t\t//Live\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 5 &&\r\n\t\t\t\t\t\t\r\n {//Live\r\n sportEvent.feed.feedName == \"Virtual Football League EPL\" ? (\r\n
\r\n\r\n \r\n {/*
\r\n ) : sportEvent.feed.feedName == \"Live\" ? (\r\n Live
\r\n {sportEvent.eventScore && (\r\n \r\n {sportEvent.virtualSeasonName} Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {/* {`${\r\n sportEvent.eventStatus &&\r\n sportEvent.eventStatus.eventStatusDisplayName\r\n }`} */}\r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n\r\n {/* \r\n
*/}\r\n \r\n Live{\" \"}\r\n {sportEvent.eventScore && (\r\n
\r\n ) : (\r\n //Static\r\n \r\n {!hideDate && (\r\n
\r\n )}\r\n \r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n )}\r\n \r\n \r\n {sportEvent.feed.feedId == Enums.Feed.Live &&\r\n sportEvent.sport.sportId == 5 ? (\r\n \r\n
\r\n\r\n \r\n {/* sportEvent.feed.feedName == \"Live\" && sportEvent && sportEvent.feed && sportEvent.feed.feedId == 5 */}\r\n {sportEvent && sportEvent.feed.feedName == \"Live\" && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n {getHometeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {getAwayTeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n {betTypes && !betTypes.match && (\r\n <>\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n {/* {\r\n //Virtuals\r\n (sportEvent.feed.feedId == Enums.Feed.VFL ||\r\n sportEvent.feed.feedId == Enums.Feed.VFLM ||\r\n sportEvent.feed.feedId == Enums.Feed.VBL ||\r\n sportEvent.feed.feedId == Enums.Feed.VDR ||\r\n sportEvent.feed.feedId == Enums.Feed.VHC ||\r\n sportEvent.feed.feedId == Enums.Feed.VTO ||\r\n sportEvent.feed.feedId == Enums.Feed.EPL) && (\r\n
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n
\r\n )\r\n } */}\r\n\r\n {/* {\r\n\t\t\t\t\t\t//Static\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 6 &&\r\n\t\t\t\t\t\t\r\n {sportEvent.virtualSeasonName} / Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {sportEvent.eventDateOfMatchFormated}\r\n
\r\n \r\n
\r\n \r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t!hideDate &&\r\n\t\t\t\t\t\t\t\t< div className=\"date\">{Utils.formatDate(sportEvent.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t!hideLeague &&\r\n\t\t\t\t\t\t\t\t< div className=\"league\">\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t} */}\r\n Live
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{`${sportEvent.eventStatus && sportEvent.eventStatus.eventStatusDisplayName}`}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tsportEvent.eventScore &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
*/}\r\n \r\n \r\n
\r\n {`ID: ${\r\n sportEvent.eventBetLineNo\r\n }`}
\r\n \r\n {sportEvent.feed.feedName == \"Live\" && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {//Live\r\n\r\n sportEvent.feed.feedName == \"Virtual Football League EPL\" ? (\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {`ID: ${\r\n sportEvent.eventBetLineNo\r\n }`}
\r\n \r\n
\r\n \r\n {sportEvent.feed.feedName == \"Live\" && (\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n \r\n
\r\n \r\n {/*
\r\n ) : sportEvent.feed.feedName == \"Live\" ? (\r\n Live
*/}\r\n \r\n {sportEvent.virtualSeasonName} Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {/* {`${\r\n sportEvent.eventStatus &&\r\n sportEvent.eventStatus.eventStatusDisplayName\r\n }`} */}\r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n {/* {sportEvent.eventScore && (\r\n \r\n
*/}\r\n \r\n Live{\" \"}\r\n {sportEvent.eventScore && (\r\n
\r\n ) : (\r\n //Static\r\n sportEvent.feed.feedId == 6 && (\r\n \r\n {!hideDate && (\r\n
\r\n )\r\n )}\r\n \r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n )}\r\n \r\n \r\n {sportEvent.feed.feedId == Enums.Feed.Live &&\r\n sportEvent.sport.sportId == 5 ? (\r\n \r\n {/* sportEvent.feed.feedName == \"Live\" && sportEvent && sportEvent.feed && sportEvent.feed.feedId == 5 */}\r\n {sportEvent && sportEvent.feed.feedName == \"Live\" && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {getHometeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {getAwayTeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {!selectedValue && betTypes.match ? (\r\n
\r\n \r\n \r\n \r\n
\r\n ) : !selectedValue && !betTypes.match ? (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ) : ('')}\r\n {selectedValue &&\r\n betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {/* handicaps */}\r\n {/* {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )} */}\r\n {/* END OF handicaps */}\r\n \r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n sportEvent: state.sportEvents.sportEvents,\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n eventsIds: state.sportEvents.eventsIds,\r\n countryFlags: state.general.countryFlags,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteSportEvents: (tournamentUId) => {\r\n dispatch(updateFavoriteSportEvents(tournamentUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Events);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\n\r\nimport { Bets, } from '../../';\r\nimport Events from './Events'\r\n\r\nimport { loadSportEvents, loadTopBets } from '../../../redux/actions/sportEventsActions';\r\nimport { setPropsMath } from '../../../redux/actions/appActions'\r\n\r\n\r\nclass EventsLive extends React.Component {\r\n\r\n componentDidMount() {\r\n const { loadSportEvents, match, loadTopBets, setPropsMath, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (connected) {\r\n if (match.params.tournament) {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n SportCategory: { SportCategoryId: Number(match.params.country) },\r\n TournamentId: Number(match.params.tournament)\r\n }\r\n }\r\n loadSportEvents(request);\r\n } else {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n }\r\n }\r\n loadTopBets(request)\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { loadSportEvents, match, loadTopBets,connected } = this.props;\r\n if ((prevProps.match.params.tournament !== this.props.match.params.tournament)\r\n || (prevProps.match.params.sport !== this.props.match.params.sport) || (!prevProps.connected && connected)) {\r\n if (match.params.tournament) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n SportCategory: { SportCategoryId: Number(match.params.country) },\r\n TournamentId: Number(match.params.tournament)\r\n }\r\n }\r\n loadSportEvents(request);\r\n } else {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n }\r\n }\r\n loadTopBets(request);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { error } = this.props;\r\n\r\n if (error) {\r\n return (\r\n {eventsIds && eventsIds.length > 0 && (\r\n <>\r\n \r\n \r\n )}\r\n
\r\n \r\n {/* {eventsIds &&\r\n eventsIds.map((item) => (\r\n \r\n \r\n {signedIn && (\r\n
\r\n \r\n
\r\n ))\r\n // \r\n \r\n this.addToFavorate(\r\n e,\r\n firstEvent.eventTournament.tournamentUId,\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {eventsIds &&\r\n eventsIds.map((item) => (\r\n \r\n {match.params.countryName}/{match.params.tournamentName}\r\n
\r\n\r\n
\r\n ))\r\n // \r\n \r\n \r\n {signedIn && (\r\n
\r\n ))\r\n )} */}\r\n {(\r\n eventsIds &&\r\n Object.values(filteredsportEvent).length > 0 &&\r\n Object.values(filteredsportEvent).map((item, idx) => (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n item[0].eventTournament.tournamentUId,\r\n true,\r\n item[0].key,\r\n item[0].eventTournament.isFavorite\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {item.map((element) => {\r\n return (\r\n \r\n {item.length > 0 &&\r\n item[0].eventTournament.tournamentDisplayName}\r\n
\r\n\r\n \r\n \r\n {signedIn && (\r\n
\r\n ))\r\n )}\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n item[0].eventTournament.tournamentUId,\r\n true,\r\n item[0].key,\r\n item[0].eventTournament.isFavorite\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {item.map((element) => {\r\n return (\r\n \r\n {item.length > 0 &&\r\n item[0].eventTournament.tournamentDisplayName}\r\n
\r\n{error}
)\r\n }\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n sportData: state.sportTypes.sportData,\r\n tournamentData: state.categories.tournamentData,\r\n error: state.sportEvents.error,\r\n connected: state.signalr.liveConnected,\r\n\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportEvents: (request) => {\r\n dispatch(loadSportEvents(request));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventsLive);","import React from 'react'\r\nimport { connect } from 'react-redux';\r\n\r\nimport Events from './Events'\r\nimport { loadSportEvents } from '../../../redux/actions/sportEventsActions';\r\n\r\n\r\n\r\nclass EventsSports extends React.Component {\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { loadSportEvents, match, connected } = this.props;\r\n\t\tif (connected) {\r\n\t\t\tlet request = {\r\n\t\t\t\tData: {\r\n\t\t\t\t\tFeed: { FeedId: Number(match.params.feed) },\r\n\t\t\t\t\tSport: { SportId: Number(match.params.sport) },\r\n\t\t\t\t\tSportCategory: { SportCategoryId: Number(match.params.country) },\r\n\t\t\t\t\tTournamentId: Number(match.params.tournament)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tloadSportEvents(request)\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tconst { loadSportEvents, match,connected } = this.props;\r\n\t\tif ((prevProps.match.params.tournament !== this.props.match.params.tournament)\r\n\t\t|| (!prevProps.connected && connected)) {\r\n\t\t\tlet request = {\r\n\t\t\t\tData: {\r\n\t\t\t\t\tFeed: { FeedId: Number(match.params.feed) },\r\n\t\t\t\t\tSport: { SportId: Number(match.params.sport) },\r\n\t\t\t\t\tSportCategory: { SportCategoryId: Number(match.params.country) },\r\n\t\t\t\t\tTournamentId: Number(match.params.tournament)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tloadSportEvents(request);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { error } = this.props;\r\n\r\n\t\tif (error) {\r\n\t\t\treturn ({error}
)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n eventsIds: state.sportEvents.eventsIds,\r\n error: state.sportEvents.error,\r\n connected: state.signalr.virtualConnected,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadVirtualEvents: (data) => {\r\n dispatch(loadVirtualEvents(data));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(EventsVirtual);\r\n","import { List, Tabs, Row, Col, Slider, Modal, Icon } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { setPropsMath } from '../../../redux/actions/appActions'\r\nimport { setEvent } from '../../../redux/actions/sportEventsActions';\r\nimport { loadKironEvents } from '../../../redux/actions/sportEventsActions';\r\nimport { SpinAndWinEnums } from '../../../helpers'\r\nimport { OddField } from '../../';\r\n\r\n\r\nclass ZoomModal extends React.Component {\r\n\r\n state = {\r\n selectedNumber: null,\r\n currentValue: null,\r\n visible: false,\r\n }\r\n\r\n findNeighbors(row, col, selectedNumber) {\r\n let arr = SpinAndWinEnums.boardRows;\r\n let neighbors = [];\r\n if (selectedNumber === 0) {\r\n neighbors = [{\r\n row: 4,\r\n col: 0,\r\n value: 0\r\n },\r\n {\r\n row: 0,\r\n col: 0,\r\n value: 3\r\n },\r\n {\r\n row: 1,\r\n col: 0,\r\n value: 2\r\n }, {\r\n row: 2,\r\n col: 0,\r\n value: 1\r\n },\r\n\r\n ]\r\n }\r\n else {\r\n \r\n\r\n const inBoundary = row >= 0 && row <= arr.length - 1 && col >= 0 && col <= arr[row].length - 1;\r\n if (!inBoundary) {\r\n return neighbors;\r\n }\r\n const isTop = row - 1 >= 0 && row - 1 <= arr.length - 1;\r\n const isLeft = col - 1 >= 0 && col - 1 <= arr[row].length - 1;\r\n const isRight = col + 1 >= 0 && col + 1 <= arr[row].length - 1;\r\n const isBottom = row + 1 >= 0 && row + 1 <= arr.length - 1;\r\n\r\n const isTopTwo = row - 2 >= 0 && row - 2 <= arr.length - 1;\r\n const isBottomTow = row + 2 >= 0 && row + 2 <= arr.length - 1;\r\n\r\n // Top nighbour\r\n if (isTopTwo) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col,\r\n value: arr[row - 2][col]\r\n });\r\n }\r\n\r\n // Bottom nighbour\r\n if (isBottomTow) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col,\r\n value: arr[row + 2][col]\r\n });\r\n }\r\n\r\n if (isTopTwo && isLeft) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col - 1,\r\n value: arr[row - 2][col - 1]\r\n });\r\n }\r\n\r\n if (isTopTwo && isRight) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col + 1,\r\n value: arr[row - 2][col + 1]\r\n });\r\n }\r\n\r\n if (isBottomTow && isLeft) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col - 1,\r\n value: arr[row + 2][col - 1]\r\n });\r\n }\r\n\r\n if (isBottomTow && isRight) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col + 1,\r\n value: arr[row + 2][col + 1]\r\n });\r\n }\r\n\r\n \r\n\r\n if (col === 0) {\r\n neighbors.push({\r\n row: 4,\r\n col: 0,\r\n value: 0\r\n });\r\n }\r\n\r\n // Left nighbour\r\n if (isLeft) {\r\n neighbors.push({\r\n row: row,\r\n col: col - 1,\r\n value: arr[row][col - 1]\r\n });\r\n }\r\n\r\n neighbors.push({\r\n row: row,\r\n col: col,\r\n value: selectedNumber\r\n })\r\n\r\n // Right nighbour\r\n if (isRight) {\r\n neighbors.push({\r\n row: row,\r\n col: col + 1,\r\n value: arr[row][col + 1]\r\n });\r\n }\r\n\r\n // Top nighbour\r\n if (isTop) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col,\r\n value: arr[row - 1][col]\r\n });\r\n }\r\n\r\n // Bottom nighbour\r\n if (isBottom) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col,\r\n value: arr[row + 1][col]\r\n });\r\n }\r\n\r\n if (isTop && isLeft) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col - 1,\r\n value: arr[row - 1][col - 1]\r\n });\r\n }\r\n\r\n if (isTop && isRight) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col + 1,\r\n value: arr[row - 1][col + 1]\r\n });\r\n }\r\n\r\n if (isBottom && isLeft) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col - 1,\r\n value: arr[row + 1][col - 1]\r\n });\r\n }\r\n\r\n if (isBottom && isRight) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col + 1,\r\n value: arr[row + 1][col + 1]\r\n });\r\n }\r\n }\r\n\r\n const zoomArray = neighbors.sort((a, b) => a.value - b.value).reduce((group, curr) => {\r\n if (!group[curr.row]) {\r\n group[curr.row] = [];\r\n }\r\n group[curr.row].push(curr);\r\n return group;\r\n }, {});\r\n\r\n window.log(\"*****************************\", zoomArray)\r\n return zoomArray;\r\n }\r\n\r\n onButtonClick(){\r\n this.props.hideZoomModal()\r\n }\r\n\r\n render() {\r\n const { row, column, selectedNumber, hideZoomModal } = this.props;\r\n let neighbors = this.findNeighbors(row, column, selectedNumber);\r\n\r\n return (\r\n\r\n {error}
}\r\n\r\n {loadingSportEvents && (\r\n \r\n {/*
\r\n )}\r\n\r\n {!loadingSportEvents && !error && (\r\n \r\n\t\t\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {eventsIds && eventsIds.length > 0 && (\r\n
\r\n )}\r\n \r\n \r\n {neighbors[row].map(cell =>\r\n
\r\n )}\r\n \r\n }\r\n {\r\n neighbors && Object.keys(neighbors).map((row) =>\r\n row == 4 &&\r\n hideZoomModal() }>\r\n
\r\n {Object.keys(neighbors).map((row) =>\r\n\r\n row != 4 &&\r\n {this.onButtonClick() }} key={cell.value} className={`cols col-${cell.value}`}>{cell.value} \r\n {\r\n cell.value == selectedNumber &&
)}\r\n\r\n \r\n \r\n {neighbors[row].map(cell => \r\n
\r\n \r\n )\r\n }\r\n\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ZoomModal);","import { Typography, Row, Col } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport { Images, OddField, SpecialOddFieldButton } from \"../..\";\r\nimport {\r\n setEvent,\r\n getKironEvent,\r\n} from \"../../../redux/actions/sportEventsActions\";\r\nimport { loadKironEvents } from \"../../../redux/actions/sportEventsActions\";\r\nimport { changeFeed } from \"../../../redux/actions/appActions\";\r\nimport { SpinAndWinEnums, Cookies, Enums, Utils } from \"../../../helpers\";\r\nimport ZoomModal from \"./ZoomModal\";\r\nimport NoActivityModal from \"../NoActivityModal\";\r\nimport moment from \"moment\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IsMobile = ({ children }) => {\r\n const isMobile = useMediaQuery({ maxWidth: 550 });\r\n return isMobile ? children : null;\r\n};\r\nconst IsTabletAndDesktop = ({ children }) => {\r\n const IsTabletAndDesktop = useMediaQuery({ minWidth: 550 });\r\n return IsTabletAndDesktop ? children : null;\r\n};\r\n\r\nconst { Title } = Typography;\r\n\r\nclass EventsKiron extends React.Component {\r\n state = {\r\n selectedNumber: null,\r\n showZoomModal: false,\r\n row: null,\r\n column: null,\r\n };\r\n\r\n componentDidMount() {\r\n const { match, setPropsMath, getKironEvent } = this.props;\r\n setPropsMath(match);\r\n // to check if the browser is mock browser (user is opening from social media apps)\r\n //\r\n if (this.props.connected) {\r\n let Data = {\r\n Feed: {\r\n FeedId: Number(match.params.feed),\r\n },\r\n Sport: {\r\n SportId: Number(match.params.sport),\r\n },\r\n\r\n EventId: parseInt(match.params.eventId),\r\n };\r\n getKironEvent({ Data });\r\n }\r\n this.SpinAnsWinTimeout();\r\n document.addEventListener(\"click\", this.SpinAnsWinTimeout);\r\n }\r\n\r\n transformDate = (date) => {\r\n let newDate = moment(date, \"hh:mm A DD/MM/YYYY\");\r\n return newDate.format(\"DD/MM/YYYY HH:mm\");\r\n };\r\n\r\n SpinAnsWinTimeout = () => {\r\n const tokenExpiresMinutes = Cookies.get(\"tokenExpiresMinutes\");\r\n let time = (tokenExpiresMinutes || 5) * 60 * 1000;\r\n if (this.timeout) {\r\n clearTimeout(this.timeout);\r\n }\r\n this.timeout = setTimeout(() => {\r\n let noActivityModal = (\r\n { this.onButtonClick() }} className={`cols col-${cell.value}`}>\r\n {cell.value} \r\n {\r\n cell.value == selectedNumber &&
)}\r\n \r\n {this.colRenderer(SpinAndWinEnums.boardRows[i], i)}\r\n
\r\n );\r\n }\r\n return board;\r\n };\r\n render() {\r\n const {\r\n match,\r\n loadingKironEvents,\r\n title,\r\n eventsIds,\r\n error,\r\n eventOddFields,\r\n eventData,\r\n ActiveSpinAndWinTables,\r\n isWheelLoading,\r\n } = this.props;\r\n return (\r\n \r\n {error &&
\r\n {error}
}\r\n\r\n {loadingKironEvents && !isWheelLoading && (\r\n \r\n {/*
\r\n )}\r\n\r\n {eventOddFields !== undefined &&\r\n Object.keys(eventOddFields).length > 0 &&\r\n !loadingKironEvents &&\r\n eventData && (\r\n \r\n\t\t\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!eventData.enableBet && (\r\n \r\n Game is no longer available for betting\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {eventData && (\r\n
\r\n )}\r\n \r\n \r\n {eventData.kironEventNumber} -{\" \"}\r\n {eventData.eventBetLineNo}\r\n
\r\n \r\n {this.transformDate(eventData.eventDateOfMatchFormated)}\r\n
\r\n \r\n \r\n
\r\n \r\n this.onNumberClick(null, null, 0)}\r\n >\r\n {
\r\n \r\n {this.rowRenderer()}\r\n\r\n {this.state.showZoomModal && (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.columns\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n \r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.dozens\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.hightLow\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.sectors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n let background = SpinAndWinEnums.sectors.find(\r\n (sector) =>\r\n sector.text === field.oddFieldDisplayName\r\n ).color;\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[0].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n \r\n Neighbours{\" \"}\r\n \r\n
\r\n\r\n \r\n {SpinAndWinEnums.neighbors[1].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {SpinAndWinEnums.neighbors[2].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[3].value ===\r\n field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[4].value ===\r\n field.oddField\r\n ) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n \r\n {eventData && (\r\n
\r\n )}\r\n \r\n \r\n {eventData.kironEventNumber} -{\" \"}\r\n {eventData.eventBetLineNo}\r\n
\r\n \r\n {this.transformDate(eventData.eventDateOfMatchFormated)}\r\n
\r\n \r\n \r\n
\r\n \r\n this.onNumberClick(null, null, 0)}\r\n >\r\n {
\r\n \r\n {this.rowRenderer()}\r\n\r\n {this.state.showZoomModal && (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.columns\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.dozens\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.hightLow\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.sectors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n let background = SpinAndWinEnums.sectors.find(\r\n (sector) =>\r\n sector.text === field.oddFieldDisplayName\r\n ).color;\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[0].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n \r\n Neighbours{\" \"}\r\n \r\n
\r\n\r\n \r\n {SpinAndWinEnums.neighbors[1].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {SpinAndWinEnums.neighbors[2].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[3].value ===\r\n field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[4].value ===\r\n field.oddField\r\n ) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst KironTitle = (props) => {\r\n const { feedId, sportId, date, gameId } = props;\r\n let dateArr = date.split(\" \");\r\n let newDate = moment(`${dateArr[2]} ${dateArr[0]}`, \"DD/MM/YYYY HH:mm\");\r\n\r\n return (\r\n {text}
\r\n \r\n
\r\n );\r\n};\r\n\r\nclass VirtualMenu extends React.Component {\r\n state = {\r\n selectedKeys: [],\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n (prevProps.appMatch &&\r\n prevProps.appMatch.url !== this.props.appMatch.url) ||\r\n (!prevProps.connected && this.props.connected)\r\n ) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(this.props.match.params.feed) },\r\n },\r\n };\r\n this.props.loadSportTypes(request);\r\n this.handleOpenTree();\r\n }\r\n }\r\n\r\n handleOpenTree() {\r\n const { tournamentData, appMatch, match } = this.props;\r\n\r\n let matchTemp = appMatch ? appMatch : match;\r\n let selectedKeys = [];\r\n let sport = matchTemp.params.sport;\r\n let feed = matchTemp.params.feed;\r\n\r\n selectedKeys.push(`${sport},${feed}`);\r\n\r\n this.setState({\r\n selectedKeys,\r\n });\r\n }\r\n\r\n async componentDidMount() {\r\n const { loadSportTypes, match, connected } = this.props;\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n },\r\n };\r\n loadSportTypes(request);\r\n }\r\n this.handleOpenTree();\r\n }\r\n\r\n onSportTypeClick = (item) => {\r\n const { history, clearSportEvents, feedName, openMobileMenu } = this.props;\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${\r\n item.sport.sportDisplayName\r\n }`;\r\n clearSportEvents();\r\n openMobileMenu(false);\r\n history.push(path);\r\n };\r\n\r\n onKironSportTypeClick = (item) => {\r\n const { history, clearSportEvents, feedName, getKironEvent } = this.props;\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${\r\n item.kironEventNumber\r\n }/${item.eventId}`;\r\n //clearSportEvents();\r\n history.push(path);\r\n this.handleOpenTree();\r\n };\r\n\r\n loadEvents = (item) => {\r\n const { match, loadKironEvents } = this.props;\r\n\r\n if (item.feed.feedId.toString() !== match.params.feed) {\r\n let Data = {\r\n Feed: {\r\n FeedId: Number(item.feed.feedId),\r\n },\r\n Sport: {\r\n SportId: Number(item.sport.sportId),\r\n },\r\n };\r\n loadKironEvents({ Data });\r\n }\r\n };\r\n render() {\r\n const {\r\n sportTypes,\r\n loadingSportTypes,\r\n error,\r\n appMatch,\r\n events,\r\n openMobileMenu,\r\n mobileMenuOpen,\r\n } = this.props;\r\n\r\n if (error) {\r\n return {newDate.format(\"DD/MM/YYYY HH:mm\")}
\r\n\r\n {gameId}
\r\n {error}
;\r\n }\r\n\r\n return (\r\n \r\n {loadingSportTypes && \r\n \r\n this.onKironSportTypeClick(item)}>\r\n // \t\t\t\t\t this.onSportTypeClick(item)}\r\n >\r\n \r\n \r\n openMobileMenu(false)}\r\n visible={mobileMenuOpen}\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportTypes: state.sportTypes.sportTypes,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n error: state.sportTypes.error,\r\n feedName: state.app.feedName,\r\n appMatch: state.app.match,\r\n connected: state.signalr.virtualConnected,\r\n events: state.sportEvents.sportEvents,\r\n mobileMenuOpen: state.app.mobileMenuOpen,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getKironEvent: (request) => {\r\n dispatch(getKironEvent(request));\r\n },\r\n loadKironEvents: (request) => {\r\n dispatch(loadKironEvents(request));\r\n },\r\n loadSportTypes: (request) => {\r\n dispatch(loadSportTypes(request));\r\n },\r\n clearSportEvents: () => {\r\n dispatch(clearSportEvents());\r\n },\r\n openMobileMenu: (open) => dispatch(openMobileMenu(open)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(VirtualMenu);\r\n","import React from 'react';\r\nimport { Loading } from '../../'\r\nimport { Utils, Enums, AppConfig } from '../../../helpers'\r\n\r\nclass VirtualVideo extends React.Component {\r\n\tstatic resizeTimeout = null;\r\n\r\n\tstate = {\r\n\t\tiframeLoading: true,\r\n\t\tiframeUrl: null,\r\n\t\tiframeWidth: 0,\r\n\t\tclassName: null\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\twindow.addEventListener(\"resize\", this.onResize);\r\n\t\tthis.onResize();\r\n\t}\r\n\r\n\tasync componentWillUnmount() {\r\n\t\twindow.removeEventListener(\"resize\", this.onResize);\r\n\t}\r\n\r\n\tonResize = (e) => {\r\n\t\tclearTimeout(this.resizeTimeout);\r\n\r\n\t\tconst { match } = this.props;\r\n\t\tlet url = null;\r\n\t\tlet className = Utils.IsMobile ? \"mobile\" : \"url\";\r\n\r\n\t\tthis.resizeTimeout = setTimeout(() => {\r\n\t\t\tlet container = document.getElementsByClassName(\"virtual-video\")[0];\r\n\r\n\t\t\tswitch (parseInt(match.params.feed)) {\r\n\t\t\t\tcase Enums.Feed.VFL:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VFL\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VHC:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VHC\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VFLM:\r\n\t\t\t\t\tif (container) {\r\n\t\t\t\t\t\tif (container.clientWidth >= 762 && container.clientWidth < 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/desktop/index?clientid=1365&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (container.clientWidth >= 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/desktop/index?clientid=1365&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/micro/index?clientid=1365&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VBL:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VBL\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VTO:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VTO\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VDR:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VDR\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.EPL:\r\n\t\t\t\t\t//url = AppConfig.VirtualAddress.EPL\r\n\t\t\t\t\tif (container) {\r\n\t\t\t\t\t\tif (container.clientWidth >= 762 && container.clientWidth < 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}//desktop/index?clientid=4394&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (container.clientWidth >= 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}/desktop/index?clientid=4394&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}/micro/index?clientid=4394&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t//\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tiframeUrl: url,\r\n\t\t\t\tclassName: className\r\n\t\t\t})\r\n\r\n\t\t}, 10);\r\n\r\n\t}\r\n\r\n\tframeLoad = (e) => {\r\n\t\tthis.setState({ iframeLoading: false });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { match } = this.props;\r\n\t\tconst { iframeUrl, iframeLoading, iframeWidth, className } = this.state;\r\n\r\n\t\treturn (\r\n\t\t\tVirtual Sports
\r\n\r\n {sportTypes.map((item, index) => {\r\n return (\r\n // item.feed.feedId == 10 ?\r\n // //(permissions && permissions[Enums.Permissions.SpinAndWin] && permissions[Enums.Permissions.SpinAndWin].isAllowed ? // check if have permission for spin&win\r\n\r\n // \t\r\n\t\t\t\t{\r\n\t\t\t\t\tiframeLoading &&\r\n\t\t\t\t\t this.frameLoad(this)}\r\n\t\t\t\t\tclassName={`frame-video`}\r\n\t\t\t\t\tsrc={iframeUrl}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default VirtualVideo","import React from \"react\";\r\nimport searchIcon from \"../../resources/icons/search.svg\";\r\n\r\nclass SecondarySearchBar extends React.Component {\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\r\n 
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SecondarySearchBar;\r\n","import { Badge, Drawer, Menu, Tabs, Icon, SubMenuSubMenu } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Loading, SportIcon } from \"../\";\r\nimport { CountryCodes, Enums, AppConfig } from \"../../helpers\";\r\nimport { openMobileMenu, changeFeed } from \"../../redux/actions/appActions\";\r\nimport { getCalenderIcons } from \"../../redux/actions/generalActions\";\r\nimport { getDefaultLiveSportType } from \"../../redux/actions/sportEventsActions\";\r\n\r\nimport {\r\n init,\r\n loadSportCategories,\r\n removeDisabledCategoriesTournaments,\r\n setTounament,\r\n} from \"../../redux/actions/categoriesActions\";\r\nimport {\r\n loadSportTypes,\r\n removeDisabledSportTypes,\r\n setSport,\r\n} from \"../../redux/actions/sportTypesActions\";\r\nimport Images from \"./Images\";\r\nimport Search from \"./Search\";\r\nimport SecondarySearchBar from \"./SecondarySearchBar\";\r\nimport {\r\n loadSportEventsByDate,\r\n getWeekMatchDays,\r\n} from \"../../redux/actions/sportEventsActions\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport {\r\n LazyLoadImage,\r\n trackWindowScroll,\r\n} from \"react-lazy-load-image-component\";\r\nimport { OnScreenWrapper } from \"../../components\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../redux/actions/membersActions\";\r\nimport { updateFavoriteCountryForSportEvents } from \"../../redux/actions/sportEventsActions\";\r\nimport { updateFavoriteCountryForSportCategory } from \"../../redux/actions/categoriesActions\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\n// const SubMenuTitle = (props) => {\r\n// const { item } = props;\r\n// return (\r\n// \r\n//
\r\n// );\r\n// };\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst Title = (props) => {\r\n const { feedId, sportId, text } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\n// const getCountryCode = (countryFlags, item) => {\r\n// console.log(\"itemaqaaaaaaaa\",item);\r\n// let result = item && countryFlags.filter((element) => {\r\n// return element.sportCategoryId == item.sportCategory.sportCategoryId;\r\n// });\r\n// if (result && result.length > 0) {\r\n// return result[0].countryFlagImagesName;\r\n// }\r\n// };\r\n\r\nconst MenuItem = (props) => {\r\n const {\r\n item,\r\n onClick,\r\n title,\r\n showFlag,\r\n category,\r\n countryFlags,\r\n scrollPosition,\r\n } = props;\r\n // countriesFlags\r\n return (\r\n {text}
\r\n \r\n {showFlag && (\r\n \r\n
\r\n )}\r\n {title}
\r\n \r\n \r\n {/* this.applyByDayFilter(\"0\")}\r\n >\r\n By Day\r\n \r\n
*/}\r\n {this.props.feedId != Enums.Feed.Live && (\r\n \r\n
*/}\r\n\r\n {sportTypes\r\n .filter((da) => da.sport.sportId === sportId)\r\n .map((data) => {\r\n return (\r\n {feedName}
\r\n \r\n {loadingSportCategories &&\r\n sportData.sport.sportId === data.sport.sportId && (\r\n
\r\n )}\r\n\r\n {/* \r\n
\r\n )}\r\n\r\n Top Leagues
\r\n {topCategories && (\r\n //&& topCategories[0].tournamentId > 0\r\n\r\n {topCategories &&\r\n topCategories.map((category) => {\r\n return (\r\n \r\n ({\r\n width: \"100%\",\r\n height: bool ? \"fit-content\" : 40,\r\n })}\r\n >\r\n \r\n this.onMenuClick(\"top\", category)\r\n }\r\n />\r\n \r\n
\r\n );\r\n })}\r\n By Day
\r\n )}\r\n {this.props.feedId != Enums.Feed.Live &&\r\n (loadingWeekMatchDays ? (\r\n\r\n {Object.entries(weekMatchDays) &&\r\n Object.entries(weekMatchDays).length > 0 &&\r\n Object.entries(weekMatchDays).map((item) => {\r\n return item[0] == \"0\" ? (\r\n \r\n selectedKeys[0] == \"today\" &&\r\n (day == -1 ||\r\n (day == 0 && defaultSport == -1))\r\n ? \"\"\r\n : this.applyByDayFilter(\"-1\")\r\n }\r\n >\r\n
\r\n ) : item[0] == \"1\" ? (\r\n \r\n
\r\n {item[1]}\r\n \r\n
\r\n {item[1]}\r\n \r\n ) : (\r\n \r\n
\r\n {item[1]}\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \"\"\r\n ))}\r\n\r\n {/* all counties */}\r\n All Countries
\r\n {\r\n{categoriesError}
;\r\n }\r\n if (hasChildren) {\r\n return (\r\n Bets Services
\r\n \r\n\r\n
{\" \"}\r\n Fixture & Results\r\n \r\n \r\n
{\" \"}\r\n Promotions\r\n \r\n \r\n
{\" \"}\r\n Landing\r\n \r\n \r\n {sportTypesError}
;\r\n }\r\n\r\n return (\r\n \r\n \r\n openMobileMenu(false)}\r\n visible={mobileMenuOpen}\r\n >\r\n {mobileMenuOpen &&\r\n sportTypes &&\r\n sportTypes.length > 0 &&\r\n this.renderCategories(\r\n sportCategories,\r\n sportTopLeagues,\r\n sportTypes,\r\n categoriesError\r\n )}\r\n \r\n \r\n \r\n {sportTypes &&\r\n sportTypes.length > 0 &&\r\n this.renderCategories(\r\n sportCategories,\r\n sportTopLeagues,\r\n sportTypes,\r\n categoriesError\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportCategories: state.categories.sportCategories,\r\n sportTopLeagues: state.categories.sportTopLeagues,\r\n tournamentData: state.categories.tournamentData,\r\n loadingSportCategories: state.categories.loadingSportCategories,\r\n categoriesError: state.categories.error,\r\n sportTypesError: state.sportTypes.error,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n sportData: state.sportTypes.sportData,\r\n sportTypes: state.sportTypes.sportTypes,\r\n appMatch: state.app.match,\r\n mobileMenuOpen: state.app.mobileMenuOpen,\r\n calenderImages: state.general.calenderImages,\r\n calenderImagesError: state.general.calenderImagesError,\r\n loadingCalender: state.general.loadingCalender,\r\n fixtureImage: state.general.configuration.fixtureImage,\r\n promotionImage: state.general.configuration.promotionImage,\r\n landingImage: state.general.configuration.landingImage,\r\n statisticImage: state.general.configuration.statisticImage,\r\n countryFlags: state.general.countryFlags,\r\n loadingWeekMatchDays: state.sportEvents.loadingWeekMatchDays,\r\n weekMatchDaysError: state.sportEvents.weekMatchDaysError,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n signedIn: state.auth.signedIn,\r\n feedId: state.app.feedId,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.signalr.connected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n openMobileMenu: (open) => dispatch(openMobileMenu(open)),\r\n loadSportCategories: (request) => {\r\n dispatch(loadSportCategories(request));\r\n },\r\n setTounament: (item) => {\r\n dispatch(setTounament(item));\r\n },\r\n init: () => {\r\n dispatch(init());\r\n },\r\n getDefaultLiveSportType: () => {\r\n dispatch(getDefaultLiveSportType());\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n loadSportTypes: (request) => {\r\n dispatch(loadSportTypes(request));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n removeDisabledCategoriesTournaments: () => {\r\n dispatch(removeDisabledCategoriesTournaments());\r\n },\r\n loadSportEventsByDate: (request) => {\r\n dispatch(loadSportEventsByDate(request));\r\n },\r\n getCalenderIcons: () => {\r\n dispatch(getCalenderIcons());\r\n },\r\n getWeekMatchDays: (request) => {\r\n dispatch(getWeekMatchDays(request));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteCountryForSportEvents: (sportCategoryUId) => {\r\n dispatch(updateFavoriteCountryForSportEvents(sportCategoryUId));\r\n },\r\n updateFavoriteCountryForSportCategory: (sportCategoryUId) => {\r\n dispatch(updateFavoriteCountryForSportCategory(sportCategoryUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(trackWindowScroll(MenuTree));\r\n","import React from \"react\";\r\nimport { Bets } from \"../../../\";\r\n\r\nconst SportRow = (props) => {\r\n const { ref, children, className } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default SportRow;\r\n","import React from 'react'\r\nimport { Bets } from '../../..'\r\n\r\nconst HeaderRow = (props) => {\r\n\tconst { children, className } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default HeaderRow","import React from 'react'\r\nimport { Select } from 'antd'\r\n\r\nconst EventsCol = (props) => {\r\n\tconst { children, className } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default EventsCol","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport {\r\n onDropDownsChange,\r\n onMobileBetFilterClick,\r\n} from \"../../../redux/actions/sportEventsActions\";\r\n\r\nimport { Bets } from \"../../\";\r\nimport { Utils, Constants, CountryCodes } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\n\r\nimport { Select } from \"antd\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { filterSportEvents } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nconst Option = Select.Option;\r\n\r\nconst Odd = (props) => {\r\n const { children } = props;\r\n return {children}
;\r\n};\r\n\r\nconst ColSelect = (props) => {\r\n const {\r\n title,\r\n onChange,\r\n selectOptions,\r\n defaultValue,\r\n selectedBetType,\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\nconst IsMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst sortByCol = (array) => {\r\n return Utils.sortArrayByAttribute(array, \"oddFieldColumn\");\r\n};\r\n\r\nclass EventsHeader extends React.Component {\r\n // if this.state.sportEventsFilter type is 3, that means filter favorites, and if it is 2 that means return all events\r\n state = {\r\n applyStyle: false,\r\n style: { backgroundColor: \"#2C8AF7\", opacity: \"1\" },\r\n };\r\n componentWillUnmount() {}\r\n\r\n getCountryCode = (name) => {\r\n let result = CountryCodes.Codes.filter((item) => {\r\n return item.name.toLowerCase() == name.toLowerCase();\r\n });\r\n\r\n return result && result.length > 0 ? result[0].code.toLowerCase() : \"eu\";\r\n };\r\n filterSportEvents = (filterType)=>{\r\n // if filter type is 3, that means filter favorites, and if it 2 that means return all events\r\n const {filterSportEvents , setCurrentFilter}= this.props\r\n filterSportEvents(filterType)\r\n setCurrentFilter(filterType)\r\n }\r\n\r\n render() {\r\n const { match, title, betTypes, selectedValues , isFromEventsSports } = this.props;\r\n\r\n return (\r\n \r\n {title && \r\n {selectOptions &&\r\n selectOptions.optionsBetTypes &&\r\n selectOptions.optionsBetTypes.map((item, index) => (\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n {title}
}\r\n\r\n {!title && (\r\n \r\n {// if title exist - show match fields\r\n title &&\r\n selectOptions &&\r\n selectOptions.match &&\r\n selectOptions.match.eventOddFields &&\r\n sortByCol(selectOptions.match.eventOddFields).map((item, index) => (\r\n {item.oddField} \r\n ))}\r\n {// if no title show selected bet type fields\r\n !title &&\r\n selectOptions &&\r\n selectOptions.optionsBetTypes &&\r\n selectOptions.optionsBetTypes.length > 0 &&\r\n selectOptions.optionsBetTypes.map((item) => {\r\n return item.key == selectedBetType\r\n ? sortByCol(item.eventOddFields).map((field, index) => (\r\n {field.oddField} \r\n ))\r\n : null;\r\n })}\r\n
\r\n \r\n \r\n <>\r\n \r\n this.filters(item.key)}\r\n style={index == 0 ? this.state.style : {}}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n {item.betTypeName}\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {title && }\r\n
\r\n \r\n this.filters(item.key)}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n {item.betTypeName}\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n {betTypes && !betTypes.match && (\r\n <>\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.map(\r\n (item, index) =>\r\n !item.betTypeName.includes(\"Handicaps\") && (\r\n \r\n {/* {title && \r\n this.resetSelectedValues(betTypes.match.key)\r\n }\r\n style={this.state.style}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n 1 X 2\r\n
\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.map(\r\n (item, index) =>\r\n !item.betTypeName.includes(\"Handicaps\") && (\r\n {title}
} */}\r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n this.onDropDownsChange(value, 1)\r\n }\r\n selectOptions={betTypes}\r\n defaultValue={selectedValues[1]}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n \r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n \r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n \r\n \r\n this.onDropDownsChange(value, 0)\r\n }\r\n selectOptions={betTypes}\r\n defaultValue={selectedValues[0]}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n this.nav(event)}>\r\n {showCategory && (\r\n
\r\n \r\n
\r\n )}\r\n {`${\r\n event.eventCategory.categoryDisplayName\r\n }, ${event.eventTournament.tournamentDisplayName}`}
\r\n \r\n \r\n {\" \"}\r\n {event.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {\" \"}\r\n {event.eventHomeTeamName.split(\" \")[0][0]}\r\n {event.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[event.eventHomeTeamId] ? (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n event.eventHomeTeamId,\r\n event.isHomeTeamFavorite,\r\n 'home'\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n {event.homeTeamRank}
\r\n {!this.state[event.eventHomeTeamId] && (\r\n \r\n this.checkImage(event.eventHomeTeamId)}\r\n />\r\n
\r\n )}\r\n {this.state[event.eventHomeTeamId] &&\r\n event.eventHomeTeamName.includes(\" \") &&\r\n event.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n \r\n \r\n {\" \"}\r\n {event.eventAwayTeamName.split(\" \")[0][0]}\r\n {event.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[event.eventAwayTeamId] ? (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n event.eventAwayTeamId,\r\n event.isAwayTeamFavorite,\r\n 'away'\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n {event.awayTeamRank}
\r\n {!this.state[event.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n this.checkImage(event.eventAwayTeamId)}\r\n />\r\n
\r\n )}\r\n {/* { this.state[event.eventAwayTeamName] && event.eventAwayTeamName.split(' ').length>=2 && \r\n\r\n{\" \"}\r\n{event.eventAwayTeamName.split(' ')[0][0]}{event.eventAwayTeamName.split(' ')[1][0]}\r\n
} */}\r\n {this.state[event.eventAwayTeamId] &&\r\n event.eventAwayTeamName.includes(\" \") &&\r\n event.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n {!showDetails && (!odd || !odd.enableBet) && (\r\n \r\n {odd &&\r\n [...Array(this.getMaxCol(i + 1))].map((col, j) => {\r\n // go over number of cols in row and show them by order\r\n const fieldId = this.getFieldId(i, j);\r\n return fieldId ? (\r\n
\r\n ) : null;\r\n })}\r\n \r\n );\r\n }\r\n\r\n getFieldId(row, col) {\r\n const { oddFields } = this.props;\r\n let fieldId = null;\r\n Object.keys(oddFields).map((key) => {\r\n if (\r\n oddFields[key].oddFieldRow == row + 1 &&\r\n oddFields[key].oddFieldColumn == col + 1\r\n ) {\r\n fieldId = oddFields[key].activeOddFieldId;\r\n return;\r\n }\r\n });\r\n\r\n return fieldId;\r\n }\r\n\r\n getRow(rowNum) {\r\n const { oddFields } = this.props;\r\n let row = null;\r\n Object.keys(oddFields).map((key) => {\r\n if (oddFields[key].oddFieldRow == rowNum + 1) {\r\n row = oddFields[key];\r\n return;\r\n }\r\n });\r\n\r\n return row;\r\n }\r\n\r\n getFieldWidth(row) {\r\n const maxCol = this.getMaxCol(row);\r\n return `${100 / maxCol - 5}%`;\r\n }\r\n\r\n getMaxRow = () => {\r\n return Utils.getMaxObjByAttribute(this.props.oddFields, \"oddFieldRow\");\r\n };\r\n\r\n getMaxCol = (row) => {\r\n return Utils.getMaxObjByAttribute(this.props.oddFields, \"oddFieldColumn\");\r\n };\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n let odd = state.sportEvents.eventOdds[initialProps.eventId]\r\n ? state.sportEvents.eventOdds[initialProps.eventId][initialProps.oddId]\r\n : null;\r\n\r\n let oddFields = state.sportEvents.eventOddFields\r\n ? state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ]\r\n : null;\r\n\r\n return {\r\n odd: odd,\r\n oddFields: oddFields,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(EventOdd);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Button, Icon } from \"antd\";\r\n\r\nimport { updateBetSlip } from \"../../../redux/actions/betSlipActions\";\r\nimport { SessionStorage } from \"../../../helpers\";\r\n\r\nclass EventOddField extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n };\r\n componentDidUpdate(prevProps, prevState) {\r\n const {oddField , openBallsContainer ,ballCount}=this.props\r\n if (prevProps.oddField.enableBet && !oddField.enableBet && openBallsContainer){\r\n openBallsContainer(undefined, undefined, undefined, undefined , undefined , undefined)\r\n }\r\n if (this.props.oddField.oddValue !== prevProps.oddField.oddValue) {\r\n this.setState({ changeStatus: this.props.oddField.oddValueStatus });\r\n this.timeout = setTimeout(() => this.setState({ changeStatus: 0 }), 2000);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.timeout);\r\n }\r\n\r\n render() {\r\n const {\r\n oddField,\r\n showDetails,\r\n betSlipField,\r\n showFieldName,\r\n fromDrillDown,\r\n removeSpecialField,\r\n ballCount,\r\n openBallsContainer,\r\n betTypeGroupName,\r\n activeOddFieldId,\r\n } = this.props;\r\n const openLuckyNumberBalls =ballCount && oddField && oddField.betType && (oddField.betType.betTypeId == 1 || oddField.betType.betTypeId == 2 || oddField.betType.betTypeId == 3 )\r\n const isSameButton = activeOddFieldId == oddField.activeOddFieldId;\r\n let luckyNumberDrawInfo = {\r\n betTypeGroupName: betTypeGroupName,\r\n activeOddFieldId: oddField.activeOddFieldId,\r\n oddField: oddField,\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n };\r\n if (isSameButton)\r\n luckyNumberDrawInfo = {\r\n betTypeGroupName: undefined,\r\n activeOddFieldId: undefined,\r\n oddField: undefined,\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n };\r\n if (!oddField) {\r\n return (\r\n \r\n );\r\n }\r\n return (\r\n \r\n {(!oddField.enableBet ||\r\n !oddField.eventEnableBet ||\r\n !oddField.oddEnableBet) && (\r\n
\r\n \r\n );\r\n }\r\n\r\n onFieldClick(e, field) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const {drawEvents , updateBetSlip} = this.props\r\n let beslipField;\r\n if(drawEvents){\r\n beslipField={...field , drawEvents:drawEvents ,selectedDraws: [drawEvents[0]], selectedDrawsIds:[drawEvents[0].eventId]}\r\n }else{\r\n beslipField= field\r\n }\r\n\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({\r\n ...beslipField,\r\n amount: (!this.props.hideStake && this.props.amount) || 100,\r\n });\r\n } else {\r\n updateBetSlip(beslipField);\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n oddField: state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ] &&\r\n state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ][initialProps.oddFieldId],\r\n betSlipField: state.betSlip.betSlipList[initialProps.oddFieldId],\r\n amount: state.betSlip.amount,\r\n hideStake: state.betSlip.hideStake,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventOddField);\r\n","import React from \"react\";\r\nimport EventOdd from \"./EventOdd\";\r\nimport { Button, Icon, Popover, Select } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSuggestedBalls } from \"../../../redux/actions/sportTypesActions\";\r\nimport { updateBetSlip } from \"../../../redux/actions/betSlipActions\";\r\nimport { SessionStorage } from \"../../../helpers\";\r\nimport EventOddField from \"./EventOddField\";\r\nimport Images from \"../Images\";\r\nconst Option = Select.Option;\r\n\r\nclass EventOddGroup extends React.Component {\r\n state = {\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { suggestedBalls, eventId, groupId, group } = this.props;\r\n // && this.state.oddField && this.state.oddField.betType.betTypeGroupId == groupId\r\n if (suggestedBalls && prevProps.suggestedBalls !== suggestedBalls) {\r\n let mainBalls = suggestedBalls.filter((item) => item.ballType == 1);\r\n let bonusBalls = suggestedBalls.filter((item) => item.ballType == 2);\r\n let mainSelectedBalls =\r\n mainBalls && mainBalls.length > 0\r\n ? mainBalls.map((item) => {\r\n return item.ballValue;\r\n })\r\n : [];\r\n let mainBonusBalls =\r\n bonusBalls && bonusBalls.length > 0\r\n ? bonusBalls.map((item) => {\r\n return item.ballValue;\r\n })\r\n : [];\r\n if (this.state.betTypeGroupId) {\r\n this.setState({\r\n selectedBalls: mainSelectedBalls,\r\n bonusBalls: mainBonusBalls,\r\n oddField: this.state.oddField,\r\n betTypeGroupId: undefined,\r\n });\r\n }\r\n }\r\n }\r\n filterRows = (value) => {\r\n this.setState({\r\n filter: value,\r\n });\r\n };\r\n openBallsContainer = (\r\n GroupName,\r\n oddFieldId,\r\n oddField,\r\n selectedBalls,\r\n bonusBalls,\r\n ballColor\r\n ) => {\r\n this.setState({\r\n betTypeGroupName: GroupName,\r\n activeOddFieldId: oddFieldId,\r\n oddField,\r\n selectedBalls,\r\n bonusBalls,\r\n ballColor,\r\n });\r\n };\r\n generateBonusBallArray = (range) => {\r\n const [start, end] = range.split(\"-\").map(Number);\r\n let ballsArray = [];\r\n\r\n for (let i = start; i <= end; i++) {\r\n ballsArray.push(i);\r\n }\r\n return ballsArray;\r\n };\r\n onSelectBall = (oddFieldNumber, value) => {\r\n if (this.state.selectedBalls.length == oddFieldNumber) return;\r\n let newSelectedBalls = this.state.selectedBalls;\r\n newSelectedBalls.push(value);\r\n this.setState({ ballColor: undefined, selectedBalls: newSelectedBalls });\r\n };\r\n removeSelected = (value) => {\r\n let selectedBalls = this.state.selectedBalls;\r\n const newArray = selectedBalls.filter((item) => item !== value);\r\n this.setState({ selectedBalls: newArray });\r\n };\r\n onSelectBonus = (value) => {\r\n const { bounosBallCount } = this.props;\r\n if (this.state.bonusBalls.length == bounosBallCount) return;\r\n let newBonusBalls = this.state.bonusBalls;\r\n newBonusBalls.push(value);\r\n this.setState({ ballColor: undefined, bonusBalls: newBonusBalls });\r\n };\r\n removeSelectedBonus = (value) => {\r\n let bonusBalls = this.state.bonusBalls;\r\n const newBonusBalls = bonusBalls.filter((item) => item !== value);\r\n this.setState({ bonusBalls: newBonusBalls });\r\n };\r\n loadBalls = (Selection, TypeId, eventId, betTypeGroupId) => {\r\n const { match, getSuggestedBalls } = this.props;\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: eventId,\r\n Selection: Selection,\r\n TypeId: TypeId,\r\n BetTypeId: this.state.oddField.betType.betTypeId,\r\n },\r\n };\r\n this.setState({\r\n ballColor: TypeId == 1 ? \"#0F4B9E\" : TypeId == 2 ? \"#E01B22\" : \"#28AF00\",\r\n eventId,\r\n betTypeGroupId,\r\n });\r\n getSuggestedBalls(request);\r\n };\r\n onFieldClick(e, field) {\r\n const { drawEvents } = this.props;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n let betSlipField = {\r\n ...field,\r\n selectedNumbers:\r\n this.state.selectedBalls.length > 0\r\n ? this.state.selectedBalls.join(\",\")\r\n : null,\r\n selectedBonuses:\r\n this.state.bonusBalls.length > 0\r\n ? this.state.bonusBalls.join(\",\")\r\n : null,\r\n drawEvents: drawEvents,\r\n selectedDraws: drawEvents && drawEvents[0] && [drawEvents[0]],\r\n selectedDrawsIds: drawEvents && drawEvents[0] && [drawEvents[0].eventId],\r\n };\r\n\r\n const { updateBetSlip } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({\r\n ...betSlipField,\r\n amount: (!this.props.hideStake && this.props.amount) || 100,\r\n });\r\n } else {\r\n updateBetSlip(betSlipField);\r\n }\r\n }\r\n containsEnglishLetter(str) {\r\n if(!str) return false\r\n return /[a-zA-Z].*[a-zA-Z]/.test(str);\r\n }\r\n \r\n render() {\r\n const {\r\n eventEnabled,\r\n group,\r\n eventId,\r\n groupId,\r\n selectedTab,\r\n fromDrillDown,\r\n fromLuckyNumbers,\r\n ballCount,\r\n bounosBallRange,\r\n bounosBallCount,\r\n suggestedBalls,\r\n drawEvents,\r\n specialOddFieldGroup,\r\n } = this.props;\r\n const ballArray = ballCount && Array.from(Array(ballCount).keys());\r\n if (selectedTab !== group.betTypeDrillDownGroupName) {\r\n //if not equal to selected tab don't render\r\n return null;\r\n }\r\n // condition for displaying specialOdd field coloumn\r\n // {fromDrillDown && odd && odd.betType.separateOddSpecialField && (\r\n // \r\n {fromDrillDown && {oddField.oddFieldDisplayName}}\r\n
\r\n )}\r\n {oddField.enableBet &&\r\n oddField.eventEnableBet &&\r\n oddField.oddEnableBet && (\r\n <>\r\n {fromDrillDown && (\r\n \r\n {oddField.oddFieldDisplayName}{\" \"}\r\n {oddField.oddSpecialField &&\r\n oddField.oddSpecialField !== \"-1\" && (\r\n \r\n {removeSpecialField ? `` : oddField.oddSpecialField}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {oddField.oddValue.format(2)}\r\n
\r\n \r\n )}\r\n {odd.oddSpecialField}
\r\n // )}\r\n // end of condition for displaying specialOdd field coloumn\r\n\r\n const {\r\n groupOdds,\r\n isSpecialGroup,\r\n specialTemplateName,\r\n specialOddFields,\r\n betTypeHint,\r\n betTypeHintText\r\n } = this.getOddsForGroup(groupId);\r\n // const defaultValue =\r\n // groupOdds &&\r\n // Object.entries(groupOdds).length > 0 &&\r\n // Object.entries(groupOdds)[0][1].oddSpecialField;\r\n let filteredGroupOdds = {};\r\n let filterValues = Object.values(groupOdds).map((item) => {\r\n return fromLuckyNumbers ? item.betType.betTypeId : item.oddSpecialField;\r\n });\r\n filterValues = filterValues.filter(\r\n (value, index, my_arr) => my_arr.indexOf(value) == index\r\n );\r\n filterValues.map((item) => {\r\n Object.entries(groupOdds).map((ele) => {\r\n if (fromLuckyNumbers) {\r\n if (item == ele[1].betType.betTypeId && filteredGroupOdds[item]) {\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n } else if (\r\n item == ele[1].betType.betTypeId &&\r\n !filteredGroupOdds[item]\r\n ) {\r\n filteredGroupOdds[item] = {};\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n }\r\n } else {\r\n if (item == ele[1].oddSpecialField && filteredGroupOdds[item]) {\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n } else if (\r\n item == ele[1].oddSpecialField &&\r\n !filteredGroupOdds[item]\r\n ) {\r\n filteredGroupOdds[item] = {};\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n }\r\n }\r\n });\r\n });\r\n // let filteredGroupOdds = {};\r\n // if (true) {\r\n // filteredGroupOdds = Object.entries(groupOdds).filter((odd) => {\r\n // return (\r\n // odd[1].oddSpecialField ==\r\n // (this.state.filter ? this.state.filter : Object.entries(groupOdds)[0][1].oddSpecialField)\r\n // );\r\n // });\r\n // } else {\r\n // }\r\n return (\r\n \r\n {\r\n 
\r\n }\r\n
\r\n }\r\n {/* \r\n {betTypeHintText}
}\r\n trigger=\"click\"\r\n arrowContent={}\r\n >\r\n \r\n {specialTemplateName ? specialTemplateName : group.betTypeGroupName}\r\n
\r\n {betTypeHint && \r\n {defaultValue}
\r\n }\r\n >\r\n {filterValues.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n */}\r\n {Object.entries(filteredGroupOdds).length > 0 &&\r\n groupOdds &&\r\n Object.entries(filteredGroupOdds).map((groupEle) => {\r\n return (\r\n <>\r\n {fromLuckyNumbers &&\r\n Object.values(groupEle[1]) &&\r\n Object.values(groupEle[1])[0] &&\r\n Object.values(groupEle[1])[0].betType &&\r\n Object.values(groupEle[1])[0].betType.betTypeName && (\r\n \r\n {Object.values(groupEle[1])[0].betType.betTypeName}\r\n
\r\n )}\r\n\r\n \r\n {Object.values(groupEle[1]).length > 0 &&\r\n Object.values(groupEle[1])[0].betType\r\n .separateOddSpecialField && (\r\n \r\n {groupEle[0]}\r\n
\r\n )}\r\n {isSpecialGroup && (\r\n \r\n {specialOddFieldGroup &&\r\n Object.values(specialOddFieldGroup) &&\r\n Object.values(specialOddFieldGroup).length > 0 &&\r\n Object.values(specialOddFieldGroup).map(\r\n (oddFieldRow) => {\r\n return (\r\n \r\n \r\n {oddFieldRow[0].oddField}\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n );\r\n })}\r\n {fromLuckyNumbers &&\r\n this.state.betTypeGroupName === group.betTypeGroupName && (\r\n \r\n
\r\n \r\n )}\r\n\r\n {this.state.oddField &&\r\n this.state.oddField.betType &&\r\n this.state.oddField.betType.betTypeId == 3 &&\r\n bounosBallRange && (\r\n <>\r\n \r\n
\r\n {ballArray && this.state.oddField && (\r\n <>\r\n \r\n Predict balls that will be extracted from the ballset.\r\n
\r\n \r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 1,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Cold numbers\r\n {\" \"}\r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 2,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Hot Numbers\r\n {\" \"}\r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 3,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Quick pick\r\n \r\n
\r\n Main Numbers
\r\n\r\n \r\n {ballArray.map((item) => {\r\n return (\r\n \r\n this.state.selectedBalls.includes(item + 1)\r\n ? this.removeSelected(item + 1)\r\n : this.onSelectBall(\r\n this.state.oddField.oddFieldNumber || 0,\r\n item + 1\r\n )\r\n }\r\n >\r\n {item + 1}\r\n
\r\n );\r\n })}\r\n Bonus Balls
\r\n \r\n {this.generateBonusBallArray(bounosBallRange).map(\r\n (item) => {\r\n return (\r\n \r\n this.state.bonusBalls.includes(item)\r\n ? this.removeSelectedBonus(item)\r\n : this.onSelectBonus(item)\r\n }\r\n >\r\n {item}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n )}\r\n\r\n {(this.state.selectedBalls.length > 0 ||\r\n this.state.bonusBalls.length > 0) &&\r\n this.state.oddField && (\r\n <>\r\n Your Selection
\r\n \r\n
\r\n \r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n {this.state.selectedBalls.map((item) => {\r\n return (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n {this.state.bonusBalls.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n getOddsForGroup(groupKey) {\r\n const { odds , specialOddFieldGroup} = this.props;\r\n const specialgroups = this.props.specialGroupOdds;\r\n let isSpecialGroup = false;\r\n let specialTemplateName = null;\r\n let betTypeHint = null;\r\n let betTypeHintText = null;\r\n let groupOdds = {};\r\n odds &&\r\n Object.keys(odds).map((key) => {\r\n if (\r\n specialOddFieldGroup && Object.values(specialOddFieldGroup) && Object.values(specialOddFieldGroup).length > 0 && odds[key].betType.specialTemplateName &&\r\n `${odds[key].betType.betTypeGroupId}_${odds[key].betType.betTypeGroupName}` ===\r\n groupKey\r\n ) {\r\n isSpecialGroup = true;\r\n specialTemplateName = odds[key].betType.specialTemplateName;\r\n betTypeHint = odds[key].betType.betTypeHint;\r\n betTypeHintText = odds[key].betType.betTypeHintText;\r\n } else\r\n if (\r\n `${odds[key].betType.betTypeGroupId}_${odds[key].betType.betTypeGroupName}` ===\r\n groupKey\r\n ) {\r\n groupOdds[key] = odds[key];\r\n betTypeHint = odds[key].betType.betTypeHint;\r\n betTypeHintText = odds[key].betType.betTypeHintText;\r\n }\r\n });\r\n\r\n return !isSpecialGroup\r\n ? { groupOdds, isSpecialGroup, specialTemplateName , betTypeHint , betTypeHintText}\r\n : { groupOdds: specialgroups, isSpecialGroup, specialTemplateName , betTypeHint , betTypeHintText };\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n group: state.sportEvents.eventOddGroups[initialProps.groupId],\r\n odds: state.sportEvents.eventOdds[initialProps.eventId],\r\n suggestedBalls: state.sportTypes.suggestedBalls,\r\n specialGroupOdds: state.sportEvents.specialGroupOdds,\r\n specialOddFieldGroup: state.sportEvents.specialOddFieldGroup,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSuggestedBalls: (request) => {\r\n dispatch(getSuggestedBalls(request));\r\n },\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventOddGroup);\r\n","import React from 'react'\r\nimport Bets from '..'\r\n\r\n\r\nexport default class DefaultScore extends React.Component {\r\n\trender() {\r\n\t\tconst { event, upcoming } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\r\n {\r\n this.setState({\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n });\r\n }}\r\n >\r\n CLEAR\r\n \r\n
\r\n \r\n {this.state.selectedBalls.length ==\r\n this.state.oddField.oddFieldNumber && (\r\n \r\n this.onFieldClick(e, this.state.oddField)\r\n }\r\n >\r\n ADD\r\n \r\n )}\r\n
\r\n \r\n\t\t\t\t
\r\n\r\n\t\t)\r\n\t}\r\n\r\n\tgetHometeamScore = (score) => {\r\n\t\treturn score ? score.split(\":\")[0] : \"\";\r\n\t}\r\n\r\n\tgetAwayTeamScore = (score) => {\r\n\t\treturn score ? score.split(\":\")[1] : \"\";\r\n\t}\r\n\r\n}","import React from 'react'\r\nimport Bets from '..'\r\nimport { Utils } from '../../../../helpers';\r\n\r\n\r\nexport default class SetScore extends React.Component {\r\n setScore = (score) => {\r\n return score ? score.split(':').map(score => score.trim()) : '';\r\n }\r\n setMatchScores = (scores) => {\r\n let newScores = scores.map(score => {\r\n return score ? score.split(':').map(score => score.trim()) : '';\r\n });\r\n return newScores;\r\n }\r\n\r\n DesktopEvents = (event, finalScore, setScores, gameScore) => {\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t} */}\r\n\t\t\t\t\r\n\t\t\t{this.getHometeamScore(event.eventScore && event.eventScore.score)}
\r\n\t\t\t\t\t\t{this.getAwayTeamScore(event.eventScore && event.eventScore.score)}
\r\n\t\t\t\t\t\r\n
\r\n )\r\n }\r\n\r\n\r\n MobileEvents = (event, finalScore, setScores, gameScore) => {\r\n let setScore = setScores[setScores.length - 1];\r\n return (\r\n
\r\n } */}\r\n \r\n {event.eventScore.server === 1 && }\r\n
\r\n {gameScore[0]}
\r\n {setScores.map((match, index) => match[1] ? \"match-won\" : \"match-lost\"} key={index}>{match[0]}
)}\r\n {finalScore[0]}
\r\n\r\n\r\n \r\n {event.eventScore.server === 2 && }\r\n
\r\n {gameScore[1]}
\r\n {setScores.map((match, index) => match[0] ? \"match-won\" : \"match-lost\"} key={index}>{match[1]}
)}\r\n {finalScore[1]}
\r\n \r\n
\r\n )\r\n }\r\n render() {\r\n const { event } = this.props;\r\n let finalScore = event.eventScore.score ? this.setScore(event.eventScore.score) : [];\r\n let setScores = event.eventScore.setScores ? this.setMatchScores(event.eventScore.setScores) : [];\r\n let gameScore = event.eventScore.gameScore ? this.setScore(event.eventScore.gameScore) : [];\r\n return (\r\n Utils.IsMobile ? this.MobileEvents(event, finalScore, setScores, gameScore) : this.DesktopEvents(event, finalScore, setScores, gameScore)\r\n )\r\n }\r\n}","import { Button } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setEvent } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nclass OddsNumber extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n }\r\n \r\n {event.eventScore.server === 1 && }\r\n
\r\n {gameScore[0]}
\r\n { setScore[1] ? \"match match-won\" : \"match match-lost\"} key={setScore[0]}>{setScore[0]}
}\r\n {finalScore[0]}
\r\n\r\n\r\n \r\n {event.eventScore.server === 2 && }\r\n
\r\n {gameScore[1]}
\r\n { setScore[0] ? \" match-won\" : \" match-lost\"} key={setScore[1]}>{setScore[1]}
}\r\n {finalScore[1]}
\r\n \r\n \r\n
\r\n P
\r\n G
\r\n Sets
\r\n \r\n this.onDrilldownClick(this.props.data)}\r\n >\r\n
\r\n );\r\n }\r\n\r\n onDrilldownClick = (item) => {\r\n const { history, setEvent, feedName, match } = this.props;\r\n setEvent(item);\r\n history.push(\r\n `/${feedName}/${match.params.feed}/${match.params.sport}/${\r\n item.sport.sportDisplayName\r\n }/event/${item.eventCategory.sportCategoryId}/${\r\n item.eventTournament.tournamentId\r\n }/${item.eventId}`\r\n );\r\n };\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n feedName: state.app.feedName,\r\n feedId: state.app.feedId,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(OddsNumber);\r\n","import React from \"react\";\r\nimport { AppConfig, Enums } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport { replace } from \"react-router-redux\";\r\n\r\nconst LiveTracker = (props) => {\r\n const { sportEvent, history, match } = props;\r\n const onClick = () => {\r\n // /live/${Enums.Feed.Live}/1/Soccer\r\n // ${window.location.pathname}\r\n if (\r\n !match.params.liveTracker\r\n ) {\r\n history.push(\r\n `${window.location.pathname}/liveTracker=${sportEvent.eventId}`\r\n );\r\n window.scrollTo(0,0)\r\n } else if (\r\n match.params.liveTracker !== `${sportEvent.eventId}`\r\n ) {\r\n history.push(`liveTracker=${sportEvent.eventId}`);\r\n window.scrollTo(0,0)\r\n\r\n }\r\n };\r\n\r\n {\r\n }\r\n return (\r\n {`+${this.props.number}`}
\r\n \r\n \r\n onClick()}>\r\n {/* 
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LiveTracker;\r\n","import React from \"react\";\r\nimport { AppConfig, Enums } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\n\r\nconst Statistics = (props) => {\r\n const { sportEvent } = props;\r\n\r\n // const onClick = () => {\r\n // let redirectPath = \"\";\r\n // switch (sportEvent.feed.feedId) {\r\n // case Enums.Feed.Static:\r\n // redirectPath = `${AppConfig.StatisticsAddress.Domain}?path=${\r\n // AppConfig.StatisticsAddress.Static\r\n // }/${sportEvent.eventId}`;\r\n // break;\r\n\r\n // default:\r\n // redirectPath = `${AppConfig.StatisticsAddress.Domain}?path=${\r\n // AppConfig.StatisticsAddress.Virtual\r\n // }/${sportEvent.eventId}`;\r\n // break;\r\n // }\r\n\r\n // // open statistics in a new window\r\n // window.open(\r\n // redirectPath,\r\n // \"winners\",\r\n // \"left=20,top=20,width=1000,height=800,toolbar=1,resizable=0\"\r\n // );\r\n // };\r\n\r\n {\r\n }\r\n return (\r\n \r\n \r\n {/* 
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Statistics;\r\n","import React from \"react\";\r\nimport { Utils, CountryCodes, AppConfig } from \"../../../../helpers\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../../\";\r\n\r\nimport TeamName from \"../TeamName\";\r\nimport Timer from \"../Timer\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { LazyLoadImage, trackWindowScroll } from 'react-lazy-load-image-component';\r\nimport moment from \"moment\";\r\n\r\n\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\nlet imageElement = document.createElement(\"img\");\r\nclass TopBetsDetails extends React.Component {\r\n state = {\r\n renderCheckImage: false,\r\n };\r\n componentDidMount() {\r\n this.setState({\r\n renderCheckImage: true,\r\n });\r\n }\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n onEventClick = (item) => {\r\n const { history, setEvent, loadAllBetTypes, feedName, match } = this.props;\r\n setEvent(item);\r\n history.push(\r\n `/${feedName}/${match.params.feed}/${match.params.sport}/${\r\n match.params.sportName\r\n }/event/${item.eventCategory.sportCategoryId}/${\r\n item.eventTournament.tournamentId\r\n }/${item.eventId}`\r\n );\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n };\r\n\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n formatDate =(utcDate) =>{\r\n const date = moment.utc(utcDate);\r\n const today = moment().utc().startOf('day');\r\n \r\n // Check if the date matches today's date\r\n if (date.isSame(today, 'day')) {\r\n return 'Today, ';\r\n }\r\n \r\n // Calculate the date after one week\r\n const oneWeekLater = moment().startOf('day').add(7, 'days');\r\n \r\n // Check if the date is within the next week\r\n if (date.isSameOrBefore(oneWeekLater)) {\r\n return `${date.format('dddd')}, `;\r\n }\r\n \r\n // Return the date itself for dates after one week\r\n return ``;\r\n }\r\n \r\n render() {\r\n const { data, showBetTypes, showNumber } = this.props;\r\n return (\r\n this.onEventClick(data)}>\r\n {data && (\r\n <>\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {this.formatDate(data.eventDateOfMatch)} {data.eventDateOfMatchFormated}\r\n \r\n
\r\n\r\n {data.feed.feedId == 5 && (\r\n \r\n
\r\n )}\r\n {`${data.eventStatus &&\r\n data.eventStatus.eventStatusDisplayName}`}
\r\n {data.eventScore && (\r\n \r\n
\r\n \r\n {`ID: ${data.eventBetLineNo}`}\r\n
\r\n \r\n \r\n {\" \"}\r\n {data.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {!this.state[data.eventHomeTeamId] && (\r\n \r\n {\" \"}\r\n {data.eventHomeTeamName.split(\" \")[0][0]}\r\n {data.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[data.eventHomeTeamId] &&\r\n data.eventHomeTeamName.split(\" \").length == 1 ? (\r\n \r\n this.checkImage(data.eventHomeTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[data.eventHomeTeamId] &&\r\n data.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n 1\r\n X\r\n 2\r\n
\r\n \r\n {showBetTypes && (\r\n
\r\n \r\n {\" \"}\r\n {!this.state[data.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n {data.eventAwayTeamName.split(\" \")[0][0]}\r\n {data.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[data.eventAwayTeamId] &&\r\n data.eventAwayTeamName.split(\" \").length == 1 ? (\r\n \r\n {\" \"}\r\n this.checkImage(data.eventAwayTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[data.eventAwayTeamId] &&\r\n data.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {`ID: ${\r\n data.eventBetLineNo\r\n }`}
\r\n\r\n
\r\n
\r\n \r\n {this.formatDate(data.eventDateOfMatch)} {data.eventDateOfMatchFormated}\r\n
\r\n {/* {data.feed.feedId == 5 && (\r\n\r\n
\r\n )} */}\r\n {`${data.eventStatus &&\r\n data.eventStatus.eventStatusDisplayName}`}
\r\n {data.eventScore && (\r\n \r\n \r\n 1\r\n X\r\n 2\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {showBetTypes && (\r\n
\r\n \r\n \r\n {Object.keys(sportEvents).map((key, index) => {\r\n //if (index % cardsNumber === 0) {\r\n const item1 = sportEvents[Object.keys(sportEvents)[index]];\r\n const item2 = sportEvents[Object.keys(sportEvents)[index + 1]];\r\n const item3 = sportEvents[Object.keys(sportEvents)[index + 2]];\r\n\r\n return (\r\n ({\r\n width: \"100%\",\r\n height: bool ? \"fit-content\" : 135,\r\n })}>\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n error: state.sportEvents.error,\r\n feedName: state.app.feedName,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(TopBetsCarousel);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Images } from \"../../..\";\r\nimport TopBetDetails from \"./TopBetDetails\";\r\nimport TopBetsCarousel from \"./Carousel\";\r\nimport { Events } from \"../../../\";\r\nimport {\r\n loadAllBetTypes,\r\n setEvent,\r\n loadTopBets,\r\n} from \"../../../../redux/actions/sportEventsActions\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\n\r\nimport { Carousel } from \"antd\";\r\n\r\nclass TopBets1 extends React.Component {\r\n componentDidMount() {\r\n const { loadTopBets, setPropsMath, match, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n loadTopBets(request);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { loadTopBets, match, connected } = this.props;\r\n\r\n if (\r\n prevProps.match.params.sport !== match.params.sport ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n loadTopBets(request);\r\n }\r\n }\r\n\r\n onArrowClick = (direction) => {\r\n switch (direction) {\r\n case 1:\r\n this.refs.carousel.prev();\r\n break;\r\n\r\n case 2:\r\n this.refs.carousel.next();\r\n break;\r\n }\r\n };\r\n\r\n render() {\r\n const { sportEvents, loading, match, feedId, error } = this.props;\r\n if (error) {\r\n return \r\n
\r\n {sportEvents && Object.keys(sportEvents).length > 0 && (\r\n Top Matches
\r\n {sportEvents && Object.keys(sportEvents).length > cardsNumber && (\r\n\r\n
\r\n )}\r\n this.onArrowClick(1)}>\r\n \r\n
\r\n this.onArrowClick(2)}>\r\n \r\n
\r\n \r\n {item1 && (\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\titem3 && cardsNumber >= 3 &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t} */}\r\n
\r\n \r\n );\r\n //}\r\n })}\r\n {error}
;\r\n }\r\n\r\n if (loading) {\r\n return (\r\n Loading {match.params[\"sport\"]} events...
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n error: state.sportEvents.error,\r\n feedName: state.app.feedName,\r\n connected: state.signalr.staticConnected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(TopBets1);\r\n","import React from 'react';\r\nimport { Images } from '../../../';\r\nimport { Utils } from '../../../../helpers';\r\nimport TeamName from '../TeamName';\r\nimport Timer from '../Timer';\r\n\r\nexport default class DrillDownDetails extends React.Component {\r\n\r\n\tnav = (data) => {\r\n\t\tconst { match, history, feedName } = this.props;\r\n\t\thistory.push(`/${feedName}/${match.params.feed}/${match.params.sport}/${match.params.sportName}/events/countries/${data.eventCategory.sportCategoryId}/${data.eventCategory.categoryDisplayName}/${data.eventTournament.tournamentId}/${data.eventTournament.tournamentDisplayName}`);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { history, data, showBetTypes, showNumber } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tdata && data.feed &&\r\n\t\t\t\t\t
\r\n\t\t)\r\n\r\n\t}\r\n\r\n\r\n\tgetHometeamScore(score) {\r\n\t\treturn score ? score.split(\":\")[0] : \"\";\r\n\t}\r\n\r\n\tgetAwayTeamScore(score) {\r\n\t\treturn score ? score.split(\":\")[1] : \"\";\r\n\t}\r\n\r\n\r\n}","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../../\";\r\nimport { loadAllBetTypes } from \"../../../../redux/actions/sportEventsActions\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\nimport Timer from \"../Timer\";\r\nimport TeamName from \"../TeamName\";\r\nimport { Enums } from '../../../../helpers';\r\nimport { CountryCodes, AppConfig, SessionStorage } from \"../../../../helpers\";\r\n\r\nimport { Tabs } from \"antd\";\r\n\r\nimport DrillDownDetails from \"./DrillDownDetails\";\r\nimport { GetCustomBetOddFieldData } from \"../../../../redux/actions/singnalrActions\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass DrillDown extends React.Component {\r\n // selectedGroup= is when navigating from notifications\r\n state = {\r\n isFrameLoading: true,\r\n selectedTab: window.location.search.includes(\"selectedGroup=\")\r\n ? window.location.search.split(\"selectedGroup=\")[1]\r\n : null,\r\n };\r\n\r\n async componentDidMount() {\r\n const { match, setPropsMath, loadAllBetTypes, connected } = this.props;\r\n window.scrollTo(0, 0);\r\n setPropsMath(match);\r\n if (connected) {\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n }\r\n }\r\n componentWillMount() {\r\n window.addEventListener(\"message\", this.handleMessage);\r\n }\r\n componentWillUnmount() {\r\n window.removeEventListener(\"message\", this.handleMessage);\r\n }\r\n\r\n async componentDidUpdate(prevProps) {\r\n const { match, setPropsMath, loadAllBetTypes, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (\r\n prevProps.match.params.eventId !== this.props.match.params.eventId ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n }\r\n }\r\n handleMessage = (event) => {\r\n // Check if the message is from the expected iframe source\r\n // Log the event object for debugging\r\n const { GetCustomBetOddFieldData, match } = this.props;\r\n\r\n if (event.data && event.data.type === \"custom-bet\") {\r\n console.log(\"Received console message from iframe:\", event.data.message);\r\n let request = [];\r\n if (\r\n event.data.message &&\r\n event.data.message.selectedOutcomes &&\r\n event.data.message.displayedOdds\r\n ) {\r\n event.data.message.selectedOutcomes.map((outcome) => {\r\n request.push({\r\n eventId: Number(match.params.eventId),\r\n feed: { FeedId: Number(match.params.feed) },\r\n sport: { SportId: Number(match.params.sport) },\r\n outcomeId: outcome.outcomeId,\r\n uofId: Number(outcome.srMarket.id),\r\n specifiers: outcome.srMarket.specifiers,\r\n });\r\n });\r\n console.log(\r\n \"Number(event.data.message.displayedOdds).toFixed(2)\",\r\n Number(event.data.message.displayedOdds)\r\n );\r\n // updateCustomBetDisplayOdd(Number(event.data.message.displayedOdds).toFixed(2))\r\n SessionStorage.betBuilderDisplayOdds = Number(\r\n event.data.message.displayedOdds\r\n );\r\n GetCustomBetOddFieldData(request);\r\n }\r\n }\r\n };\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key , isFrameLoading:true });\r\n }\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n frameLoad = (value) => {\r\n this.setState({\r\n isFrameLoading: value,\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n eventData,\r\n groupsIds,\r\n error,\r\n drillDownTabs,\r\n customBetFilePath,\r\n customBetSports,\r\n isDark,\r\n customBetData,\r\n showNewIcon,\r\n newIconImage,\r\n } = this.props;\r\n drillDownTabs &&\r\n drillDownTabs.length > 0 &&\r\n !drillDownTabs.includes(\"Bet Builder\") &&\r\n drillDownTabs.splice(1, 0, \"Bet Builder\");\r\n let showCustomBet;\r\n showCustomBet =\r\n customBetSports &&\r\n customBetSports.filter((item) => {\r\n return (\r\n item.feedId == Number(this.props.match.params.feed) &&\r\n item.sportId == Number(this.props.match.params.sport)\r\n );\r\n });\r\n return (\r\n \r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t this.nav(data)}>\r\n\t\t\t\t\t\t\t\t\t{data.eventCategory && data.eventCategory.categoryDisplayName} / {data.eventTournament && data.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId != 5 &&\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{Utils.formatDate(data.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId == 5 &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{`${data.eventScore && data.eventScore.eventStatusDisplayName}`}
\r\n\t\t\t\t\t\t\t\t\t\tID: {data.eventBetLineNo}
\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tdata.eventScore &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t history.goBack()}>BACK
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId == 5 && data.eventScore && data.eventScore.score &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.getHometeamScore(data.eventScore.score)}\r\n\t\t\t\t\t\t\t\t\t\t : \r\n\t\t\t\t\t\t\t\t\t\t{this.getAwayTeamScore(data.eventScore.score)}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n {/* \r\n {\" \"}\r\n {eventData.eventAwayTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n )}\r\n {eventData && (\r\n {error}
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n {eventData.feed.feedId == 5 && (\r\n <>\r\n
\r\n\r\n {`${eventData.eventStatus &&\r\n eventData.eventStatus.eventStatusDisplayName}`}
\r\n {eventData.eventScore && (\r\n \r\n
\r\n \r\n {`ID: ${eventData.eventBetLineNo}`}\r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n {eventData.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {!this.state[eventData.eventHomeTeamId] && (\r\n \r\n {\" \"}\r\n {eventData.eventHomeTeamName.split(\" \")[0][0]}\r\n {eventData.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[eventData.eventHomeTeamId] &&\r\n eventData.eventHomeTeamName.split(\" \").length == 1 ? (\r\n \r\n this.checkImage(eventData.eventHomeTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[eventData.eventHomeTeamId] &&\r\n eventData.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n
\r\n \r\n {(eventData.feed.feedId == 5 && eventData.eventScore && eventData.eventScore.score) ? (\r\n
\r\n\r\n \r\n {eventData.eventScore.score.split(\":\")[0]}:\r\n {eventData.eventScore.score.split(\":\")[1]}\r\n
\r\n ) : (\r\n\r\n {eventData.eventDateOfMatchFormated}\r\n
\r\n )}\r\n\r\n {!this.state[eventData.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n {eventData.eventAwayTeamName.split(\" \")[0][0]}\r\n {eventData.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[eventData.eventAwayTeamId] &&\r\n eventData.eventAwayTeamName.split(\" \").length == 1 ? (\r\n \r\n {\" \"}\r\n this.checkImage(eventData.eventAwayTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[eventData.eventAwayTeamId] &&\r\n eventData.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n )}\r\n {drillDownTabs && (\r\n \r\n
\r\n )}\r\n\r\n {eventData && eventData.feed && groupsIds && drillDownTabs && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.state.selectedTab == \"Bet Builder\" &&\r\n customBetFilePath &&\r\n showCustomBet &&\r\n showCustomBet.length > 0 && (\r\n <>\r\n {this.state.isFrameLoading && (\r\n this.frameLoad(false)}\r\n style={{ width: \"100%\", height: \"550px\" }}\r\n key={`${customBetFilePath}?matchId=${eventData.eventId}}&isDarkTheme=${isDark}`}\r\n title=\"custom-bet\"\r\n frameBorder=\"0\"\r\n src={`${customBetFilePath}?matchId=${eventData.eventId}&isDarkTheme=${isDark}`}\r\n />\r\n \r\n )}\r\n {groupsIds.map((id) => (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n eventData: state.sportEvents.eventData,\r\n groupsIds: state.sportEvents.eventOddGroupIds,\r\n error: state.sportEvents.error,\r\n drillDownTabs: state.sportEvents.drillDownTabs,\r\n feedName: state.app.feedName,\r\n countryFlags: state.general.countryFlags,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.signalr.virtualConnected,\r\n customBetFilePath: state.general.configuration.customBetFilePath,\r\n customBetSports: state.general.configuration.customBetSports,\r\n isDark: state.app.isDark,\r\n customBetData: state.betSlip.customBetData,\r\n newIconImage: state.general.configuration.newIconImage,\r\n showNewIcon: state.general.configuration.showNewIcon,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n GetCustomBetOddFieldData: (request) => {\r\n dispatch(GetCustomBetOddFieldData(request));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DrillDown);\r\n","import { Button, Input, Popover, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Alert } from \"../../\";\r\nimport {\r\n onAmountChange,\r\n placeMultipleBet,\r\n placeSingleBet,\r\n onFieldAmountChange,\r\n handleHideStake,\r\n clearSucceededBets,\r\n clearBetSlipSuccess,\r\n setLoginError,\r\n clearBetSlipError,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport {\r\n createBetCode,\r\n validateCoupon,\r\n couponClearMessage,\r\n} from \"../../../redux/actions/generalActions\";\r\nimport { checkDepositBonusConditions } from \"../../../redux/actions/membersActions\";\r\nimport { BetSlipRow } from \"./\";\r\n// import { Register } from \"../../../screens/\";\r\nimport Register from \"../../../screens/Register/Register\";\r\nimport Loading from \"../Loading\";\r\nimport { Cookies, SessionStorage, Enums, AppConfig } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\n\r\nconst Number = (props) => {\r\n const { children, currency, fixed } = props;\r\n\r\n let getNumber = (n, props) => {\r\n if (n == \"-\") return n;\r\n\r\n if (n == 0 || isNaN(n)) return \"-\";\r\n\r\n return ` ${currency ? \"LD\" : \"\"} ${n.format(fixed)}`;\r\n };\r\n\r\n return getNumber(children, props);\r\n};\r\nlet checkStorageInterval;\r\nclass BetSlipDetails extends React.Component {\r\n state = {\r\n showRegister: false,\r\n placebetTime: 0,\r\n clearBetSlipCounter: 0,\r\n showPlacebetCounter: false,\r\n filteredBetSlipList: {},\r\n couponCode: SessionStorage.couponCode,\r\n };\r\n \r\n componentDidMount() {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.betTab !== this.props.betTab) {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n }\r\n }\r\n componentWillUnmount() {\r\n if(checkStorageInterval){\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n filterBitSlipList = (betSlipList) => {\r\n let newBetSlip = {};\r\n // betSlipList\r\n\r\n this.setState({ filteredBetSlipList: newBetSlip });\r\n };\r\n\r\n getBetCode = () => {\r\n this.props.createBetCode();\r\n };\r\n\r\n onClickRegister = () => {\r\n this.setState({ showRegister: true });\r\n };\r\n onCloseRegister = () => {\r\n this.setState({ showRegister: false });\r\n };\r\n onAmountClick = (e, action) => {\r\n e.preventDefault();\r\n const { betSlipConstants } = this.props;\r\n\r\n let currentAmount = parseInt(this.props.amount);\r\n let selectedCurrency =\r\n Cookies.get(\"selectedCurrency\") || this.props.currencies.LiberianDollar;\r\n let tab = this.props.betTab;\r\n switch (action) {\r\n case \"up\":\r\n currentAmount +=\r\n selectedCurrency.currencyId == Enums.Currency.USD ? 1 : 10;\r\n break;\r\n\r\n case \"down\":\r\n if (selectedCurrency.currencyId == Enums.Currency.USD) {\r\n if (currentAmount - 1 >= 0) {\r\n currentAmount -= 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n } else {\r\n if (currentAmount - 10 >= 0) {\r\n currentAmount -= 10;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n }\r\n break;\r\n }\r\n\r\n if (tab == 1) {\r\n let betSlipList = this.props.betSlipList;\r\n Object.keys(betSlipList).forEach((key) => {\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipList[key].activeOddFieldId\r\n );\r\n });\r\n this.props.handleHideStake(false);\r\n }\r\n this.onAmountChange(currentAmount);\r\n };\r\n\r\n placeBetText = () => {\r\n const { betSlipList } = this.props;\r\n let tab = this.props.betTab;\r\n if (tab == 1) {\r\n if (Object.values(betSlipList).filter((bet) => bet.response).length > 0) {\r\n let list = Object.values(betSlipList).filter((bet) => {\r\n return bet.response && bet.response.type === \"error\";\r\n });\r\n return `${list.length}`;\r\n } else {\r\n return `${Object.keys(betSlipList).length}`;\r\n }\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n handlePlaceBetInterval = () => {\r\n if (this.props.signedIn) {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n this.props.clearBetSlipError();\r\n this.setState({\r\n showPlacebetCounter: true,\r\n clearBetSlipCounter: this.props.placeBetSeconds,\r\n placebetTime: this.props.placeBetSeconds,\r\n });\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n this.betInterval = setInterval(() => {\r\n if (this.state.placebetTime <= 0) {\r\n clearInterval(this.betInterval);\r\n this.handlePlacebet();\r\n this.setState({ showPlacebetCounter: false });\r\n } else {\r\n this.setState({ placebetTime: this.state.placebetTime - 1 });\r\n }\r\n }, 1000);\r\n } else {\r\n this.handlePlacebet();\r\n }\r\n };\r\n\r\n handleClearBetInterval = () => {\r\n if (this.state.betSlipCouponId || this.state.couponCodeText) {\r\n this.setState({\r\n betSlipCouponId: undefined,\r\n couponCodeText: undefined,\r\n });\r\n }\r\n clearInterval(checkStorageInterval);\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.interval = setInterval(() => {\r\n if (this.state.clearBetSlipCounter <= 0) {\r\n clearInterval(this.interval);\r\n this.props.clearBetSlipSuccess();\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n } else {\r\n this.setState({\r\n clearBetSlipCounter: this.state.clearBetSlipCounter - 1,\r\n });\r\n }\r\n }, 1000);\r\n };\r\n\r\n handlePlacebet = () => {\r\n let tab = this.props.betTab;\r\n if (Cookies.get(\"refreshToken\")) {\r\n tab == 1 ? this.props.placeSingleBet() : this.props.placeMultipleBet();\r\n } else {\r\n this.props.setLoginError(true);\r\n }\r\n };\r\n displaySportImage = (sportName, sportEvent) => {\r\n const { sportTypes, sportTypesIcons } = this.props;\r\n const currentSportType =\r\n sportEvent &&\r\n sportTypes &&\r\n sportTypes.filter(\r\n (item) => item.sport.sportId == sportEvent.sport.sportId\r\n );\r\n const sportEventFeedId = sportEvent.feed.feedId\r\n const imgSport =\r\n sportTypesIcons &&\r\n sportTypesIcons.filter((item) => {\r\n return item.sportTypesIconsID == sportEvent.sport.sportId && item.feedId == sportEventFeedId;\r\n });\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n clearBetSlip = () => {\r\n const { couponClearMessage, clearBetSlip } = this.props;\r\n couponClearMessage();\r\n clearBetSlip();\r\n SessionStorage.couponCode = null;\r\n this.setState({ couponCode: null });\r\n };\r\n onOkayClick = () => {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.props.clearBetSlipSuccess();\r\n };\r\n\r\n render() {\r\n const {\r\n bonusConditions,\r\n memberSelectedCurrency,\r\n totalStake,\r\n betSlipList,\r\n totalOdds,\r\n loadingPlaceBet,\r\n errors,\r\n possibleWinnings,\r\n successMsg,\r\n serverError,\r\n valueChangeWarning,\r\n loginError,\r\n connected,\r\n loadingFields,\r\n creatBetCodeLoading,\r\n match,\r\n } = this.props;\r\n const { couponCode } = this.state;\r\n const feedId = match.params.feed\r\n let filteredBetSlipList = {};\r\n Object.values(betSlipList).map((item) => {\r\n if (filteredBetSlipList[item.sport.sportDisplayName]) {\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n } else {\r\n filteredBetSlipList[item.sport.sportDisplayName] = [];\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n }\r\n });\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n let tab = this.props.betTab;\r\n let user = Cookies.get(\"user\");\r\n let isSucceededBets = Object.values(betSlipList).every(\r\n (bet) => bet.response && bet.response.type === \"success\"\r\n );\r\n\r\n let filteredBetSlipListValues = Object.values(betSlipList);\r\n let haveLuckyNumber = betSlipList && Object.values(betSlipList) && Object.values(betSlipList).length > 0 && Object.values(betSlipList).filter(bet=>bet.feed.feedId == 15)\r\n let singleCoupoun = betSlipList && Object.values(betSlipList) && Object.values(betSlipList).length > 0 && Object.values(betSlipList).filter(bet=>bet.disableSingleCoupoun == true)\r\n let isPlaceBetDisabledFromCoupon = singleCoupoun && singleCoupoun.length > 0\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {bonusConditions && (\r\n \r\n
\r\n {/* Clear All */}\r\n
\r\n {/* \r\n {Object.entries(filteredBetSlipList).map((item, keys) => {\r\n return (\r\n <>\r\n
\r\n \r\n );\r\n })}\r\n \r\n {/* end of divs */}\r\n \r\n {this.displaySportImage(\r\n item[0],\r\n item[1] ? item[1][0] : undefined\r\n )}\r\n
\r\n \r\n {Object.values(item[1])\r\n .sort((a, b) => a.eventBetLineNo - b.eventBetLineNo)\r\n .map((item) => (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n {/* Clear All */}\r\n
\r\n {betSlipList && Object.keys(betSlipList).length > 0 && (\r\n this.clearBetSlip()}\r\n >\r\n Clear All\r\n
\r\n )}\r\n {/* end of Clear All */}\r\n\r\n {/* check bonus */}\r\n {user &&\r\n user.bonus &&\r\n selectedCurrency.currencySymbol ===\r\n user.bonus.currency.currencySymbol &&\r\n tab == 2 && (\r\n \r\n {\r\n this.props.checkDepositBonusConditions();\r\n }}\r\n >\r\n Check Bonus\r\n \r\n
\r\n )}\r\n {/* end of check bonus */}\r\n\r\n {/* place bet div */}\r\n \r\n {(serverError ||\r\n (errors && errors.length > 0) ||\r\n valueChangeWarning ||\r\n loginError ||\r\n !connected) && (\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n {errors &&\r\n errors.length > 0 &&\r\n errors.map((item, index) => (\r\n \r\n \r\n \r\n )}\r\n {valueChangeWarning && (\r\n
\r\n \r\n
\r\n {/* \r\n {tab === 1 ? \"Stake per bet \" : \"Stake \"}\r\n {`(${\r\n tab == 1\r\n ? this.placeBetText()\r\n : Object.keys(betSlipList).length\r\n } Bets)`}\r\n
\r\n {tab == 1 ? (\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n
*/}\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n
*/}\r\n \r\n
\r\n )}\r\n {tab == 1 ? (\r\n Bonus:
\r\n {`${\r\n bonusConditions.currency.currencySymbol\r\n } ${bonusConditions.bonusUseAmount}`}
\r\n \r\n
\r\n ) : (\r\n Total Stake:
\r\n \r\n {selectedCurrency.currencySymbol === \"LD\" ? (\r\n {totalStake} \r\n ) : (\r\n {totalStake} \r\n )}\r\n
\r\n \r\n
\r\n )}\r\n\r\n Total Odds:
\r\n \r\n {totalOdds} \r\n
\r\n \r\n
\r\n\r\n Possible winnings:
\r\n \r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n \r\n \r\n {possibleWinnings\r\n ? selectedCurrency.currencySymbol == \"LD\"\r\n ? possibleWinnings.format(0)\r\n : possibleWinnings.format(2)\r\n : `0`}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/* {tab == 2 && 0) ||\r\n !connected || (tab == 1 && haveLuckyNumber && haveLuckyNumber.length > 0 )\r\n }\r\n style={(tab == 1 && haveLuckyNumber && haveLuckyNumber.length > 0) ? {cursor:\"not-allowed\"} : {}}\r\n id=\"get-bet-code-button\"\r\n type=\"primary\"\r\n className=\"clear bet-slip-buttons\"\r\n onClick={this.getBetCode}\r\n loading={creatBetCodeLoading}\r\n >\r\n Get Bet Code\r\n \r\n
\r\n\r\n {/* {tab == 2 &&\r\n \r\n {tab == 1 &&\r\n Object.values(betSlipList).filter(\r\n (bet) => bet.response\r\n ).length > 0 &&\r\n !Object.values(betSlipList).every(\r\n (bet) =>\r\n bet.response && bet.response.type === \"error\"\r\n ) && (\r\n 0) ||\r\n loginError ||\r\n !connected ||\r\n Object.values(betSlipList).find(\r\n (item) =>\r\n item.errors && item.errors.length > 0\r\n )\r\n }\r\n type=\"primary\"\r\n className=\"bet-slip-buttons\"\r\n onClick={this.props.clearSucceededBets}\r\n >\r\n Clear Succeeded Bets\r\n \r\n )}\r\n {this.props.message && (\r\n
\r\n\r\n \r\n 0) ||\r\n loginError ||\r\n !connected ||\r\n Object.values(betSlipList).find(\r\n (item) => item.errors && item.errors.length > 0\r\n ) )\r\n }\r\n type=\"primary\"\r\n onClick={() => this.handlePlaceBetInterval()}\r\n className=\"placebet-btn success bet-slip-buttons\"\r\n loading={\r\n loadingPlaceBet || this.state.showPlacebetCounter\r\n ? true\r\n : false\r\n }\r\n >\r\n {this.state.showPlacebetCounter && (\r\n \r\n {this.state.placebetTime}\r\n
\r\n )}\r\n {tab == 1\r\n ? `Place Bet (${this.placeBetText()}) `\r\n : this.state.betSlipCouponId ||\r\n this.state.couponCodeText\r\n ? \"Place Bet And Redeem Coupon\"\r\n : \"Place Bet \"}\r\n \r\n \r\n
\r\n } \r\n {/* {tab == 2 &&\r\n \r\n
\r\n \r\n
\r\n {validateCouponError && (\r\n \r\n {\r\n\r\n this.setState({ couponCode: e.target.value });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n value={SessionStorage.couponCode}\r\n />\r\n
\r\n \r\n \r\n Check
Coupon\r\n \r\n
\r\n Coupon\r\n \r\n
\r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n } */}\r\n \r\n
*/}\r\n
\r\n \r\n {/* end of place bet div */}\r\n \r\n \r\n ) : (\r\n \r\n By placing a bet, you automatically accept the most recent\r\n version of the \r\n \r\n Terms and Conditions\r\n \r\n
\r\n {/* */}\r\n
\r\n {successMsg ? (\r\n
\r\n )}\r\n {/* end of content */}\r\n \r\n \r\n );\r\n }\r\n\r\n onAmountChange(amount) {\r\n const { onAmountChange } = this.props;\r\n onAmountChange(amount);\r\n }\r\n onAmountManualChange(e) {\r\n let currentAmount = parseInt(e.target.value);\r\n if (this.props.betTab == 1) {\r\n let betSlipList = this.props.betSlipList;\r\n Object.keys(betSlipList).forEach((key) => {\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipList[key].activeOddFieldId\r\n );\r\n });\r\n }\r\n this.onAmountChange(currentAmount);\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betSlipList: state.betSlip.betSlipList,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n amount: state.betSlip.amount,\r\n totalOdds: state.betSlip.totalOdds,\r\n possibleWinnings: state.betSlip.possibleWinnings,\r\n errors: state.betSlip.errors,\r\n successMsg: state.betSlip.successMsg,\r\n serverError: state.betSlip.serverError,\r\n valueChangeWarning: state.betSlip.valueChangeWarning,\r\n loginError: state.betSlip.loginError,\r\n loadingFields: state.betSlip.loadingFields,\r\n message: state.general.message,\r\n creatBetCodeLoading: state.general.creatBetCodeLoading,\r\n memberSelectedCurrency: state.member.selectedCurrency,\r\n totalStake: state.betSlip.totalStake,\r\n hideStake: state.betSlip.hideStake,\r\n currencies: state.general.currencies,\r\n placeBetSeconds: state.general.configuration.placeBetSeconds,\r\n signedIn: state.auth.signedIn,\r\n bonusConditions: state.member.bonusConditions,\r\n betSlipConstants: state.general.betSlipConstants,\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n coupon: state.general.coupon,\r\n loyaltyRewardDetails: state.general.loyaltyRewardDetails,\r\n sportTypes: state.sportTypes.sportTypes,\r\n sportTypesIcons: state.general.sportTypesIcons,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\tstate.app.feedId == Enums.Feed.Slots ?\r\n\t\t\t\tstate.signalr.booongoConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Casino || state.app.feedId == Enums.Feed.SpinAndWin ?\r\n\t\t\t\tstate.signalr.spinAndWinConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.LuckyNumbers ?\r\n\t\t\t\tstate.signalr.luckyNumbersConnected :\r\n\t\t\t\tstate.signalr.virtualConnected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n placeMultipleBet: () => {\r\n dispatch(placeMultipleBet());\r\n },\r\n placeSingleBet: () => {\r\n dispatch(placeSingleBet());\r\n },\r\n onAmountChange: (amount) => {\r\n dispatch(onAmountChange(amount));\r\n },\r\n createBetCode: () => {\r\n dispatch(createBetCode());\r\n },\r\n onFieldAmountChange: (amount, fieldId) => {\r\n dispatch(onFieldAmountChange(amount, fieldId));\r\n },\r\n handleHideStake: (forceHideStake) => {\r\n dispatch(handleHideStake(forceHideStake));\r\n },\r\n clearSucceededBets: () => {\r\n dispatch(clearSucceededBets());\r\n },\r\n clearBetSlipSuccess: () => {\r\n dispatch(clearBetSlipSuccess());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n checkDepositBonusConditions: (data) => {\r\n dispatch(checkDepositBonusConditions(data));\r\n },\r\n clearBetSlipError: () => {\r\n dispatch(clearBetSlipError());\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(BetSlipDetails);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { Utils, Constants } from '../../../../helpers'\r\nimport Timer from '../Timer'\r\nimport { Bets } from '../../../'\r\n\r\nclass EventRow extends React.Component {\r\n\r\n\trender() {\r\n\t\tconst { id, betTypes, sportEvent, selectedValues } = this.props;\r\n\r\n\t\tif (!sportEvent) {\r\n\t\t\treturn (null);\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n ) : (\r\n \r\n 
\r\n
\r\n Your bet has been placed
\r\n \r\n \r\n
\r\n \r\n {this.state.clearBetSlipCounter}\r\n
\r\n Okay\r\n \r\n \r\n No bet has been selected. To select a bet, please click on the\r\n respective result.\r\n
\r\n )}\r\n \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{`ID: ${sportEvent.eventBetLineNo}`}
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsportEvent.feed.feedId != 5 &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 5 &&\r\n\t\t\t\t\t\t{Utils.formatDate(sportEvent.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\tLive
\r\n\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t{`${sportEvent.eventStatus && sportEvent.eventStatus.eventStatusDisplayName}`}\r\n\t\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tupcomingIds && upcomingIds.length > 0 &&\r\n\t\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tupcomingIds: state.sportEvents.upcomingEventIds,\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {};\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Upcoming);\r\n","import { Collapse, Select, Tabs } from \"antd\";\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Bets } from \"../../../\";\r\nimport { Loading } from \"../../../\";\r\nimport { Enums, CountryCodes, AppConfig } from \"../../../../helpers\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\nimport {\r\n loadSportEventsByDate,\r\n setEvent,\r\n getWeekMatchDays,\r\n} from \"../../../../redux/actions/sportEventsActions\";\r\nimport EventRow from \"../EventRow\";\r\nimport { Images } from \"../../../\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../../../redux/actions/membersActions\";\r\nimport { updateFavoriteSportEvents } from \"../../../../redux/actions/sportEventsActions\";\r\nconst Option = Select.Option;\r\nconst TabPane = Tabs.TabPane;\r\nconst Panel = Collapse.Panel;\r\n\r\nclass Today extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sort: \"league\",\r\n collapseAll: false,\r\n addedActiveKeys: [],\r\n sportEventsFilter:2,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { match, setPropsMath, connected, weekMatchDays } = this.props;\r\n setPropsMath(match);\r\n // condition to check if weekDays exist or not\r\n const doesWeekDaysExist =\r\n weekMatchDays &&\r\n Object.keys(weekMatchDays) &&\r\n Object.keys(weekMatchDays).length > 0;\r\n if (connected && doesWeekDaysExist) {\r\n // NOTE THAT WHEN INVOKING ONTODAYCLICK WE PASS THE KEY IN WEEK DAYS minus one TO THE BACK END , EX: defaultSport[0] - 1\r\n // getting the default sport, if it exists then display it''s events, if not then display the first sport in onweek days\r\n\r\n const defaultSport = Object.keys(weekMatchDays).filter(\r\n (item) => item == \"1\"\r\n );\r\n // when match.params.day is equal to zero that means display the default sport,else display the selected sport from match.params.day\r\n const displayFromURL = match.params.day != \"0\";\r\n const condition = displayFromURL\r\n ? match.params.day\r\n : defaultSport && defaultSport.length > 0\r\n ? Number(defaultSport[0] - 1).toString()\r\n : (Number(Object.keys(weekMatchDays)[0]) - 1).toString();\r\n // if the condition euals to -1 that means it's a last minite bets\r\n const isLastMin = condition == \"-1\" ? true : false;\r\n // -2 is indicator for today page and 0 is what the backend should receive to display today events, so -2 is just an indicatoe to split today events from the rest of events\r\n\r\n this.onTodayClick(condition == \"-2\" ? \"0\" : condition, isLastMin);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { match, setPropsMath, connected, weekMatchDays ,loadingSportEvents} = this.props;\r\n setPropsMath(match);\r\n if(loadingSportEvents !== prevProps.loadingSportEvents){\r\n this.setState({\r\n sportEventsFilter:2\r\n })\r\n }\r\n if (\r\n prevProps.match.url !== this.props.match.url ||\r\n prevProps.weekMatchDays !== this.props.weekMatchDays ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n\r\n // NOTE THAT WHEN INVOKING ONTODAYCLICK WE PASS THE KEY IN WEEK DAYS minus one TO THE BACK END,EX: defaultSport[0] - 1\r\n // condition to check if weekDays exist or not\r\n const doesWeekDaysExist =\r\n weekMatchDays &&\r\n Object.keys(weekMatchDays) &&\r\n Object.keys(weekMatchDays).length > 0;\r\n // getting the default sport, if it exists then display it''s events, if not then display the first sport in onweek days\r\n const defaultSport =\r\n doesWeekDaysExist &&\r\n Object.keys(weekMatchDays).filter((item) => item == \"1\");\r\n\r\n // when match.params.day is equal to zero that means display the default sport,else display the selected sport from match.params.day\r\n const displayFromURL = match.params.day != \"0\";\r\n const condition = displayFromURL\r\n ? match.params.day\r\n : doesWeekDaysExist\r\n ? defaultSport && defaultSport.length > 0\r\n ? Number(defaultSport[0] - 1).toString()\r\n : (Number(Object.keys(weekMatchDays)[0]) - 1).toString()\r\n : \"0\";\r\n // if the condition euals to -1 that means it's a last minite bets\r\n const isLastMin = condition == \"-1\" ? true : false;\r\n // -2 is indicator for today page and 0 is what the backend should receive to display today events, so -2 is just an indicator to split today events from the rest of events\r\n this.onTodayClick(condition == \"-2\" ? \"0\" : condition, isLastMin);\r\n }\r\n }\r\n\r\n onTodayClick = (day = \"0\", isLastMin = false) => {\r\n const { history, loadSportEventsByDate, match } = this.props;\r\n // history.push(`${day}`);\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n Day: Number(day),\r\n IsLastMin: isLastMin,\r\n },\r\n };\r\n loadSportEventsByDate(request);\r\n };\r\n\r\n onTabChange(key) {\r\n const isLastMin = key == \"-1\" ? true : false;\r\n this.onTodayClick(key, isLastMin);\r\n this.setState({ collapseAll: false, leaguesIds: undefined });\r\n }\r\n\r\n getTabName(today, i) {\r\n let dayNumber = today + i + 1;\r\n dayNumber =\r\n dayNumber >= Enums.Days.length\r\n ? dayNumber - Enums.Days.length\r\n : dayNumber;\r\n return Enums.Days[dayNumber];\r\n }\r\n\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n addToFavorate = (e, tournamentUId , eventKey , isFaviorite) => {\r\n e.stopPropagation();\r\n const { ManageMemeberFavorite, match, history ,updateFavoriteSportEvents} = this.props;\r\n const favItemKey = `2-${tournamentUId}-${match.params.sport}`;\r\n const memberFavorites =\r\n localStorage.getItem(\"memberFavorites\") &&\r\n JSON.parse(localStorage.getItem(\"memberFavorites\"));\r\n // if memberFavorites not exist then stop the function, else complete\r\n if (!memberFavorites) return;\r\n //\r\n const existingIndex = memberFavorites.findIndex(\r\n (item) => item.key === favItemKey\r\n );\r\n if (existingIndex > -1) {\r\n let element = memberFavorites.filter((item) => item.key == favItemKey);\r\n let data = {\r\n favoriteId: element[0].favoriteId,\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(tournamentUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n } else {\r\n let data = {\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(tournamentUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n }\r\n this.setState({\r\n [tournamentUId]: this.state[tournamentUId] ? undefined : tournamentUId,\r\n });\r\n updateFavoriteSportEvents(tournamentUId)\r\n \r\n };\r\n setCurrentFilter =(filterType)=>{\r\n this.setState({\r\n sportEventsFilter:filterType\r\n })\r\n }\r\n// old function\r\n // createGroups(list) {\r\n // const { sort } = this.state;\r\n // const {signedIn} = this.props\r\n\r\n // let currentLeague = \"\";\r\n // let currentCountry = \"\";\r\n // let children = [];\r\n // let groups = [];\r\n // let leaguesIds = [];\r\n // list.map((item, index) => {\r\n // // if we are in the firts element, take the tournamentUId && isFavorite for the firts element, if we are in the last one take the index of the last element, else than that because of emtying children array you have to take the element before the current item which is index-1, this a correct work around for the implementation down below\r\n // let tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // let eventKey = list[index ? index-1: index].key;\r\n // let isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // if (!currentLeague) {\r\n // currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`;\r\n // currentCountry = item.eventCategory.categoryFlagCode;\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // }\r\n\r\n // if (\r\n // currentLeague ===\r\n // `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`\r\n // ) {\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // children.push(\r\n // \r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\tUpcoming Events
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tupcomingIds.map((id) =>
\r\n\t\t\t\t\t\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}{currentLeague}
\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n // }\r\n // }\r\n // } else {\r\n // //create collapse\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // groups.push(\r\n // {currentLeague}
\r\n //\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n\r\n // //change current league\r\n // currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`;\r\n // currentCountry = item.eventCategory.categoryFlagCode;\r\n // tournamentUId = list[index== list.length -1 ? index : index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index== list.length -1 ? index : index ? index-1: index].key;\r\n // isFavorite = list[index== list.length -1 ? index : index ? index-1: index].eventTournament.isFavorite\r\n // children.length = 0;\r\n\r\n // children.push(\r\n // {currentLeague}
\r\n\r\n //\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n // }\r\n // }\r\n // });\r\n\r\n // return { groups, leaguesIds };\r\n // }\r\n // \r\n\r\n // new function \r\n createGroups(list) {\r\n const { sort } = this.state;\r\n const { signedIn } = this.props;\r\n \r\n let currentLeague = \"\";\r\n let currentCountry = \"\";\r\n let children = [];\r\n let groups = [];\r\n let leaguesIds = [];\r\n \r\n list.forEach((item, index) => {\r\n const currentItem = item;\r\n const prevItem = index > 0 ? list[index - 1] : null;\r\n \r\n if (!currentLeague) {\r\n currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n item.eventTournament.tournamentDisplayName\r\n }`;\r\n currentCountry = item.eventCategory.categoryFlagCode;\r\n }\r\n \r\n if (\r\n currentLeague ===\r\n `${item.eventCategory.categoryDisplayName}/${item.eventTournament.tournamentDisplayName}`\r\n ) {\r\n children.push(\r\n {currentLeague}
\r\n //\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n }\r\n } else {\r\n const { tournamentUId, isFavorite } = prevItem.eventTournament;\r\n const { key } = prevItem;\r\n groups.push(\r\n {currentLeague}
\r\n\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n \r\n currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n item.eventTournament.tournamentDisplayName\r\n }`;\r\n currentCountry = item.eventCategory.categoryFlagCode;\r\n children = [\r\n {currentLeague}
\r\n\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n }\r\n }\r\n });\r\n \r\n return { groups, leaguesIds };\r\n }\r\n\r\n \r\n \r\n\r\n handleSortChange(value) {\r\n this.setState({ sort: value });\r\n }\r\n\r\n onCollapseChange(leaguesIds) {\r\n this.state.addedActiveKeys = this.state.addedActiveKeys.concat(\r\n leaguesIds[leaguesIds.length - 1]\r\n );\r\n this.setState({ leaguesIds, collapseAll: false });\r\n }\r\n // toggleCollapse() {\r\n // const { collapseAll } = this.state;\r\n // collapseAll\r\n // ? this.setState({ collapseAll: false, leaguesIds: undefined })\r\n // : this.setState({ collapseAll: true, leaguesIds: [] });\r\n // }\r\n\r\n render() {\r\n const {\r\n match,\r\n error,\r\n sportEvents,\r\n loadingSportEvents,\r\n loadingWeekMatchDays,\r\n weekMatchDaysError,\r\n weekMatchDays,\r\n } = this.props;\r\n const { sort } = this.state;\r\n const today = new Date().getDay();\r\n let result;\r\n\r\n if (loadingSportEvents) {\r\n return (\r\n {currentLeague}
\r\n\r\n {/*
\r\n );\r\n }\r\n // a.eventCategory.categoryDisplayOrder -\r\n // b.eventCategory.categoryDisplayOrder\r\n if (sort === \"time\") {\r\n let events = Object.values(sportEvents).sort((a, b) => {\r\n return (\r\n moment.utc(a.eventDateOfMatch).valueOf() -\r\n moment.utc(b.eventDateOfMatch).valueOf()\r\n );\r\n });\r\n result = this.createGroups(events);\r\n } else {\r\n let events = Object.values(sportEvents).sort((a, b) => {\r\n return (\r\n a.eventCategory.categoryDisplayOrder -\r\n b.eventCategory.categoryDisplayOrder\r\n );\r\n });\r\n result = this.createGroups(events);\r\n }\r\n\r\n return (\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Title = (props) => {\r\n const { handleSortChange, sort } = props;\r\n\r\n return (\r\n \r\n {/* {loadingWeekMatchDays ? (\r\n this.onTabChange(key)}\r\n >\r\n {weekMatchDays.map((item) => {\r\n return item == -1 ? (\r\n this.handleSortChange(value)}\r\n sort={this.state.sort}\r\n // toggleCollapse={() => this.toggleCollapse()}\r\n // collapseAll={this.state.collapseAll}\r\n />\r\n }\r\n setCurrentFilter={this.setCurrentFilter}\r\n sportEventsFilter={this.state.sportEventsFilter}\r\n />\r\n )}\r\n {this.state.sportEventsFilter ==3 && sportEvents && Object.values(sportEvents).length == 0 && ` No Favorites Added `}\r\n {!error && sportEvents && Object.keys(sportEvents).length > 0 && (\r\n this.onCollapseChange(key)}\r\n >\r\n {Object.values(result.groups)}\r\n \r\n )}\r\n
\r\n {error}
}\r\n\r\n {!error && (\r\n \r\n {sort == \"time\" ? `By Time` : `Leagues`}\r\n
\r\n \r\n \r\n
\r\n {/* */}\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.sportEvents.error,\r\n sportEvents: state.sportEvents.sportEvents,\r\n loadingWeekMatchDays: state.sportEvents.loadingWeekMatchDays,\r\n weekMatchDaysError: state.sportEvents.weekMatchDaysError,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n connected: state.signalr.staticConnected,\r\n countryFlags: state.general.countryFlags,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportEventsByDate: (request) => {\r\n dispatch(loadSportEventsByDate(request));\r\n },\r\n getWeekMatchDays: (request) => {\r\n dispatch(getWeekMatchDays(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteSportEvents: (tournamentUId) => {\r\n dispatch(updateFavoriteSportEvents(tournamentUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Today);\r\n","import Events from './Events'\r\nimport SportRow from './rows/SportRow'\r\nimport HeaderRow from './rows/Header'\r\nimport EventsCol from './EventsCol'\r\nimport EventsHeader from './EventsHeader'\r\nimport EventDetails from './EventDetails'\r\nimport EventOdd from './EventOdd'\r\nimport EventOddGroup from './EventOddGroup'\r\nimport EventOddField from './EventOddField'\r\nimport DefaultScore from './eventTypes/DefaultScore';\r\nimport SetScore from './eventTypes/SetScore'\r\nimport OddsNumber from './OddsNumber'\r\nimport LiveTracker from './LiveTracker'\r\nimport Statistics from './Statistics'\r\nimport TopBets from './topBets/TopBets'\r\nimport TopBetsCarousel from './topBets/Carousel'\r\nimport DrillDown from './drillDown/DrillDown'\r\nimport Upcoming from './upcoming/Upcoming'\r\nimport Today from './today/Today'\r\nimport Timer from './Timer'\r\nimport EventRow from './EventRow'\r\n\r\nexport default {\r\n\tEvents,\r\n\tEventsCol,\r\n\tHeaderRow,\r\n\tSportRow,\r\n\tEventsHeader,\r\n\tEventDetails,\r\n\tEventOdd,\r\n\tEventOddGroup,\r\n\tEventOddField,\r\n\tDefaultScore,\r\n\tSetScore,\r\n\tOddsNumber,\r\n\tLiveTracker,\r\n\tStatistics,\r\n\tTopBets,\r\n\tTopBetsCarousel,\r\n\tDrillDown,\r\n\tUpcoming,\r\n\tToday,\r\n\tTimer,\r\n\tEventRow\r\n\r\n}","import moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\n\r\nclass CustomDropdown extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isOpen: false,\r\n selectedOptions: this.props.betSlipField.selectedDrawsIds\r\n && this.props.betSlipField.selectedDrawsIds\r\n \r\n };\r\n }\r\n\r\n toggleDropdown = () => {\r\n this.setState((prevState) => ({\r\n isOpen: !prevState.isOpen,\r\n }));\r\n };\r\n\r\n handleOptionClick = (option) => {\r\n const { betSlipField, handleSelect } = this.props;\r\n const { selectedOptions } = this.state;\r\n console.log(\"selectedOptions1\",selectedOptions);\r\n const index = selectedOptions.indexOf(option);\r\n let newSelectedOptions = [];\r\n\r\n if (index === -1) {\r\n newSelectedOptions = [...selectedOptions, option];\r\n } else {\r\n selectedOptions.splice(index, 1);\r\n newSelectedOptions = [...selectedOptions];\r\n }\r\n this.props.handleSelect([...newSelectedOptions], betSlipField);\r\n this.setState({\r\n selectedOptions: newSelectedOptions,\r\n });\r\n };\r\n\r\n handleOutsideClick = (event) => {\r\n if (this.dropdownRef && !this.dropdownRef.contains(event.target)) {\r\n this.setState({\r\n isOpen: false,\r\n });\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n document.addEventListener(\"mousedown\", this.handleOutsideClick);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener(\"mousedown\", this.handleOutsideClick);\r\n }\r\n\r\n render() {\r\n const { isOpen, selectedOptions } = this.state;\r\n const { betSlipField, drawEvents} = this.props;\r\n\r\n\r\n return (\r\n \r\n
\r\n {isOpen && (\r\n \r\n {selectedOptions && selectedOptions.length > 0\r\n ? `${selectedOptions.length} - Draws `\r\n : `Select Draws`}\r\n
\r\n\r\n \r\n {isOpen ? \"â–²\" : \"â–¼\"}\r\n
\r\n \r\n {drawEvents.map((option,idx) => (\r\n idx !== 0 && this.handleOptionClick(option.eventId)}\r\n >\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CustomDropdown;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n removeField,\r\n handleHideStake,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport { Tooltip, Input, Spin, Icon, Select } from \"antd\";\r\nimport { SportIcon, Alert } from \"../../\";\r\nimport { SessionStorage, Cookies, Enums } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\nimport moment from \"moment\";\r\nimport { onAmountChange } from \"../../../redux/actions/betSlipActions\";\r\nimport { setPossibleWinnings , setTotalStake} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomDropdown from \"./CustomDropDown\";\r\nimport { ClearBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\nconst Option = Select.Option;\r\n\r\nclass CustomBetRow extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n selection: this.props.betSlipField.selectedDrawsIds && this.props.betSlipField.selectedDrawsIds\r\n };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n\r\n\r\n onAmountClick = (e, action, amount, betSlipField, selectedCurrency) => {\r\n e.preventDefault();\r\n let currentAmount = parseInt(amount);\r\n switch (action) {\r\n case \"up\":\r\n currentAmount += selectedCurrency.currencyId === 1 ? 10 : 1;\r\n break;\r\n\r\n case \"down\":\r\n if (currentAmount - (selectedCurrency.currencyId === 1 ? 10 : 1) >= 0) {\r\n currentAmount -= selectedCurrency.currencyId === 1 ? 10 : 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n break;\r\n }\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipField.activeOddFieldId\r\n );\r\n this.props.handleHideStake();\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n if (this.props.betSlipField.oddValue !== prevProps.betSlipField.oddValue) {\r\n this.setState({ changeStatus: 0 }, () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n changeStatus: this.props.betSlipField.oddValueStatus,\r\n }),\r\n 10\r\n );\r\n });\r\n }\r\n }\r\n render() {\r\n const {\r\n betSlipField,\r\n loadingPlaceBet,\r\n memberSelectedCurrency,\r\n isDark,\r\n totalStake,\r\n betTypesList\r\n } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n const spinner = (\r\n \r\n {moment(option.eventDateOfMatch).format(\r\n \"DD MMM YYYY, HH:mm:ss\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n )\r\n \r\n }) }\r\n\r\n \r\n {/* separator comment */}\r\n\r\n \r\n \r\n {/* this.navToDrillDown()}\r\n style={{\r\n width: \"90%\",\r\n display: \"inline-block\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n\r\n
\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.Casino ||\r\n betSlipField.feed.feedId === Enums.Feed.SpinAndWin ? (\r\n
\r\n \r\n {betSlipField.eventDisplayName} -{\" \"}\r\n {betSlipField.eventBetLineNo}\r\n
\r\n ) : (\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.LuckyNumbers ? (\r\n <>\r\n
\r\n )}\r\n \r\n \r\n {betSlipField &&\r\n betSlipField.eventTournament &&\r\n betSlipField.eventTournament\r\n .tournamentDisplayName}\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName[0]}\r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName.split(\" \").length > 1 &&\r\n betSlipField.homeTeamName.split(\" \")[1][0]}\r\n \r\n {betSlipField.feed.feedId != Enums.Feed.Casino &&\r\n betSlipField.feed.feedId != Enums.Feed.SpinAndWin &&\r\n betSlipField.eventDisplayName && (\r\n \r\n {\" \"}\r\n {betSlipField.eventDisplayName.split(\"Vs.\")[0]}\r\n \r\n )}\r\n {betSlipField.feed.feedId == Enums.Feed.Casino ||\r\n (betSlipField.feed.feedId ==\r\n Enums.Feed.SpinAndWin &&\r\n `- ${betSlipField.eventBetLineNo}`)}\r\n\r\n \r\n \r\n Vs{\" \"}\r\n \r\n \r\n
\r\n \r\n \r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName[0]}\r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName.split(\" \").length > 1 &&\r\n betSlipField.awayTeamName.split(\" \")[1][0]}\r\n \r\n \r\n {betSlipField.eventDisplayName &&\r\n betSlipField.eventDisplayName.split(\"Vs.\")[1]}\r\n \r\n
\r\n \r\n )}\r\n \r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 2 && (\r\n (\r\n
\r\n {betTypesList && betTypesList.length > 0 && betTypesList.map(betType=>{\r\n return(\r\n <>\r\n {` * ${item}`}
\r\n ))}\r\n >\r\n !
\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {betType.betTypeName},\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {betType.oddFieldDisplayName}
\r\n \r\n
\r\n )}\r\n {hasResponse && betSlipField.response.type === \"error\" && (\r\n \")\r\n }\r\n\r\n addLineSpace=(data) => {\r\n console.log(\"!!data\", data)\r\n return data && data.split('/n').map(function (item) {\r\n return (\r\n \r\n {item}\r\n
\r\n \r\n )\r\n })\r\n }\r\n \r\n render() {\r\n const {\r\n loyaltyRewardDetails,\r\n couponClearMessage,\r\n setLoginError,\r\n validateCouponMessage,\r\n validateCouponError,\r\n validateCouponLoading,\r\n loadingLoyalityRewards,\r\n loyalityRewardOptions,\r\n loyalityRewardOptionsError,\r\n loadingLoyaltyCoupons,\r\n loyaltyCoupons,\r\n loyaltyCouponsError,\r\n couponName,\r\n loadingPlaceBet,\r\n betSlipList\r\n } = this.props;\r\n let notSlotCoupoun = SessionStorage.couponCode && loyalityRewardOptions && loyalityRewardOptions.length > 0 && loyalityRewardOptions.filter(option=> option.couponCode == SessionStorage.couponCode.toUpperCase())\r\n let isSelectedCoupon = SessionStorage.couponCodeText && loyalityRewardOptions && loyalityRewardOptions.length > 0 && loyalityRewardOptions.filter(option=> option.couponCode == SessionStorage.couponCodeText.toUpperCase())\r\n const isSingleBetSucceeded =Object.values(betSlipList).filter(\r\n (bet) => bet.response\r\n ).length > 0 &&\r\n !Object.values(betSlipList).every(\r\n (bet) =>\r\n bet.response && bet.response.type === \"error\"\r\n )\r\n return (\r\n
\r\n trigger.parentNode}\r\n listHeight={100}\r\n defaultValue={\r\n (notSlotCoupoun && notSlotCoupoun.length > 0) ? `0-2-${SessionStorage.couponCode.toLowerCase()}`:(isSelectedCoupon && isSelectedCoupon.length > 0) ? `0-2-${SessionStorage.couponCodeText.toLowerCase()}`: \r\n \r\n {item.optionName}\r\n \r\n \r\n );\r\n })\r\n ) : (\r\n ``\r\n )}\r\n \r\n \r\n {this.state.loyalityCoupon == \"check-coupon\" ? (\r\n {`${item.conditions}`} \r\n }\r\n \r\n );\r\n })}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n ) : (\r\n this.state.loyalityCoupon == \"add-coupon\" && \"\"\r\n )}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n couponName: state.general.couponName,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n loyaltyRewardDetails: state.general.loyaltyRewardDetails,\r\n loadingLoyalityRewards: state.general.loadingLoyalityRewards,\r\n loyalityRewardOptions: state.general.loyalityRewardOptions,\r\n loyalityRewardOptionsError: state.general.loyalityRewardOptionsError,\r\n signedIn: state.auth.signedIn,\r\n loadingLoyaltyCoupons: state.member.loadingLoyaltyCoupons,\r\n loyaltyCoupons: state.member.loyaltyCoupons,\r\n loyaltyCouponsError: state.member.loyaltyCouponsError,\r\n betTab: state.betSlip.betTab,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n betSlipList: state.betSlip.betSlipList,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n GetLoyaltyRewardsOptions: () => {\r\n dispatch(GetLoyaltyRewardsOptions());\r\n },\r\n getSignedInLoyalityRewards: () => {\r\n dispatch(getSignedInLoyalityRewards());\r\n },\r\n GetLoyaltyRewardsCoupons: (data) => {\r\n dispatch(GetLoyaltyRewardsCoupons(data));\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n validateSingleCoupon: () => {\r\n dispatch(validateSingleCoupon());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(LoyalityRewards);\r\n","import { Button, Input, Popover, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Alert } from \"../../\";\r\nimport {\r\n onBetBuilderAmountChange,\r\n clearSucceededBets,\r\n setLoginError,\r\n placeBetBuilder,\r\n clearBetSlipError,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomeBetRow from \"./CustomeBetRow\";\r\n// import { Register } from \"../../../screens/\";\r\nimport Register from \"../../../screens/Register/Register\";\r\nimport Loading from \"../Loading\";\r\nimport { Cookies, SessionStorage, Enums, AppConfig } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\nimport { ClearBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\nimport { ResetBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\n\r\nclass CustomBetDetails extends React.Component {\r\n state = {\r\n showRegister: false,\r\n placebetTime: 0,\r\n clearBetSlipCounter: 0,\r\n showPlacebetCounter: false,\r\n filteredBetSlipList: {},\r\n couponCode: SessionStorage.couponCode,\r\n };\r\n componentDidMount(){\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n componentWillUnmount(){\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.betTab !== this.props.betTab) {\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n }\r\n filterBitSlipList = (betSlipList) => {\r\n let newBetSlip = {};\r\n // betSlipList\r\n\r\n this.setState({ filteredBetSlipList: newBetSlip });\r\n };\r\n\r\n onClickRegister = () => {\r\n this.setState({ showRegister: true });\r\n };\r\n onCloseRegister = () => {\r\n this.setState({ showRegister: false });\r\n };\r\n onAmountClick = (e, action) => {\r\n e.preventDefault();\r\n const { betSlipConstants } = this.props;\r\n\r\n let currentAmount = parseInt(this.props.amount);\r\n let selectedCurrency =\r\n Cookies.get(\"selectedCurrency\") || this.props.currencies.LiberianDollar;\r\n let tab = this.props.betTab;\r\n switch (action) {\r\n case \"up\":\r\n currentAmount +=\r\n selectedCurrency.currencyId == Enums.Currency.USD ? 1 : 10;\r\n break;\r\n\r\n case \"down\":\r\n if (selectedCurrency.currencyId == Enums.Currency.USD) {\r\n if (currentAmount - 1 >= 0) {\r\n currentAmount -= 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n } else {\r\n if (currentAmount - 10 >= 0) {\r\n currentAmount -= 10;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n }\r\n break;\r\n }\r\n this.onBetBuilderAmountChange(currentAmount);\r\n };\r\n\r\n placeBetText = () => {\r\n const { betSlipList } = this.props;\r\n let tab = this.props.betTab;\r\n if (tab == 1) {\r\n if (Object.values(betSlipList).filter((bet) => bet.response).length > 0) {\r\n let list = Object.values(betSlipList).filter((bet) => {\r\n return bet.response && bet.response.type === \"error\";\r\n });\r\n return `${list.length}`;\r\n } else {\r\n return `${Object.keys(betSlipList).length}`;\r\n }\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n handlePlaceBetInterval = () => {\r\n if (this.props.signedIn) {\r\n this.props.clearBetSlipError();\r\n this.setState({\r\n showPlacebetCounter: true,\r\n clearBetSlipCounter: this.props.placeBetSeconds,\r\n placebetTime: this.props.placeBetSeconds,\r\n });\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n this.betInterval = setInterval(() => {\r\n if (this.state.placebetTime <= 0) {\r\n clearInterval(this.betInterval);\r\n this.handlePlacebet();\r\n this.setState({ showPlacebetCounter: false });\r\n } else {\r\n this.setState({ placebetTime: this.state.placebetTime - 1 });\r\n }\r\n }, 1000);\r\n } else {\r\n this.handlePlacebet();\r\n }\r\n };\r\n\r\n handleClearBetInterval = () => {\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.interval = setInterval(() => {\r\n if (this.state.clearBetSlipCounter <= 0) {\r\n clearInterval(this.interval);\r\n // this.props.ResetBetBuilder();\r\n this.props.ClearBetBuilder();\r\n } else {\r\n this.setState({\r\n clearBetSlipCounter: this.state.clearBetSlipCounter - 1,\r\n });\r\n }\r\n }, 1000);\r\n };\r\n\r\n handlePlacebet = () => {\r\n let tab = this.props.betTab;\r\n if (Cookies.get(\"refreshToken\")) {\r\n this.props.placeBetBuilder();\r\n } else {\r\n this.props.setLoginError(true);\r\n }\r\n };\r\n displaySportImage = (sportName, sportEvent) => {\r\n const { sportTypes, sportTypesIcons } = this.props;\r\n const currentSportType =\r\n sportEvent &&\r\n sportTypes &&\r\n sportTypes.filter(\r\n (item) => item.sport.sportId == sportEvent.sport.sportId\r\n );\r\n const sportEventFeedId = sportEvent.feed.feedId;\r\n const imgSport =\r\n sportTypesIcons &&\r\n sportTypesIcons.filter((item) => {\r\n return (\r\n item.sportTypesIconsID == sportEvent.sport.sportId &&\r\n item.feedId == sportEventFeedId\r\n );\r\n });\r\n return (\r\n \r\n
\r\n }\r\n // options={['Option1' , 'Option2','Option3','Type coupon code'] }\r\n >\r\n {loadingLoyalityRewards ? (\r\n \r\n ) : loyalityRewardOptionsError ? (\r\n \r\n ) : loyalityRewardOptions ? (\r\n loyalityRewardOptions.map((item) => {\r\n return (\r\n \r\n
\r\n ) : this.state.loyalityCoupon == \"options\" ? (\r\n <>\r\n {loadingLoyaltyCoupons ? (\r\n {loyaltyRewardDetails && loyaltyRewardDetails.couponCodeTitle}
\r\n\r\n
\r\n\r\n {validateCouponError && (\r\n \r\n {\r\n this.setState({\r\n couponCode: e.target.value,\r\n });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n value={SessionStorage.couponCode ? SessionStorage.couponCode : null}\r\n />\r\n
\r\n \r\n \r\n Check Coupon\r\n \r\n
\r\n \r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n {/* trigger.parentNode}\r\n arrowPointAtCenter\r\n content={
\r\n )}\r\n {this.addLineSpace(validateCouponMessage)}
}\r\n trigger=\"click\"\r\n >\r\n \r\n \r\n \r\n item.enable && this.showRewardInfo(e, item.couponId)\r\n }\r\n src={\r\n item.enable\r\n ? loyaltyRewardDetails && loyaltyRewardDetails.infoEnableImage\r\n : loyaltyRewardDetails && loyaltyRewardDetails.infoDisableImage\r\n }\r\n alt=\"info\"\r\n />\r\n \r\n
\r\n {this.state.expandedReward == item.couponId && item.conditions &&\r\n \r\n // Please Choose Your Option.
\r\n\r\n {loyaltyCoupons.columnList.length > 0 &&\r\n Object.values(loyaltyCoupons.columnList).map(\r\n (item, key) => {\r\n return
\r\n {loyaltyCoupons.loyaltyRewardsCoupons.map((item) => {\r\n return (\r\n <>\r\n {item.columnName}
;\r\n }\r\n )}\r\n \r\n \r\n {sportEvent.sport.sportDisplayName}\r\n \r\n )}\r\n
\r\n );\r\n };\r\n\r\n clearBetSlip = () => {\r\n const { ClearBetBuilder } = this.props;\r\n ClearBetBuilder();\r\n SessionStorage.betBuilderAmount= null;\r\n\t SessionStorage.betBuilderDisplayOdds= null;\r\n\t SessionStorage.betBuilderPossibleWinning= null;\r\n\t SessionStorage.betBuilder= null;\r\n this.setState({ couponCode: null });\r\n };\r\n onOkayClick = () => {\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n // this.props.ResetBetBuilder();\r\n this.props.ClearBetBuilder();\r\n };\r\n\r\n render() {\r\n const {\r\n bonusConditions,\r\n memberSelectedCurrency,\r\n totalStake,\r\n betSlipList,\r\n totalOdds,\r\n loadingPlaceBet,\r\n errors,\r\n possibleWinnings,\r\n successMsg,\r\n serverError,\r\n valueChangeWarning,\r\n loginError,\r\n connected,\r\n loadingFields,\r\n creatBetCodeLoading,\r\n match,\r\n } = this.props;\r\n const { couponCode } = this.state;\r\n const feedId = match.params.feed;\r\n console.log(\"this.state.clearBetSlipCounter\",this.state.clearBetSlipCounter);\r\n let filteredBetSlipList = {};\r\n Object.values(betSlipList).map((item) => {\r\n if (filteredBetSlipList[item.sport.sportDisplayName]) {\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n } else {\r\n filteredBetSlipList[item.sport.sportDisplayName] = [];\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n }\r\n });\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n let tab = this.props.betTab;\r\n let user = Cookies.get(\"user\");\r\n let isSucceededBets = Object.values(betSlipList).every(\r\n (bet) => bet.response && bet.response.type === \"success\"\r\n );\r\n\r\n let filteredBetSlipListValues = Object.values(betSlipList);\r\n\r\n const betTypesList =\r\n filteredBetSlipList &&\r\n Object.values(filteredBetSlipList).length > 0 &&\r\n Object.values(filteredBetSlipList)[0].map((item) => {\r\n return {\r\n oddFieldDisplayName: item.oddFieldDisplayName,\r\n betTypeName: item.betType && item.betType.betTypeName,\r\n };\r\n });\r\n console.log(\"successMsg1111222\",successMsg);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {/* Clear All */}\r\n
\r\n {bonusConditions && (\r\n \r\n {Object.entries(filteredBetSlipList).map((item, keys) => {\r\n return (\r\n <>\r\n
{\" \"}\r\n \r\n \r\n );\r\n })}\r\n \r\n {/* end of divs */}\r\n \r\n {this.displaySportImage(\r\n item[0],\r\n item[1] ? item[1][0] : undefined\r\n )}\r\n
\r\n \r\n {Object.values(item[1])\r\n .sort((a, b) => a.eventBetLineNo - b.eventBetLineNo)\r\n .map((item , key) => (\r\n key > 0 ? null : \r\n <>\r\n \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n {/* Clear All */}\r\n
\r\n {betSlipList && Object.keys(betSlipList).length > 0 && (\r\n this.clearBetSlip()}\r\n >\r\n Clear All\r\n
\r\n )}\r\n {/* end of Clear All */}\r\n\r\n {/* place bet div */}\r\n \r\n {(serverError ||\r\n loginError ||\r\n !connected) && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {tab === 1 ? \"Stake per bet \" : \"Stake \"}\r\n {`(${\r\n tab == 1\r\n ? this.placeBetText()\r\n : Object.keys(betSlipList).length\r\n } Bets)`}\r\n
\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n
\r\n )}\r\n Bonus:
\r\n {`${bonusConditions.currency.currencySymbol} ${bonusConditions.bonusUseAmount}`}
\r\n \r\n
\r\n\r\n Total Odds:
\r\n {totalStake && totalStake.toFixed(2)}
\r\n \r\n
\r\n\r\n Possible winnings:
\r\n \r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n \r\n \r\n {possibleWinnings}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Get Bet Code\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this.handlePlaceBetInterval()}\r\n className=\"placebet-btn success bet-slip-buttons\"\r\n loading={\r\n loadingPlaceBet || this.state.showPlacebetCounter\r\n ? true\r\n : false\r\n }\r\n >\r\n {this.state.showPlacebetCounter && (\r\n \r\n {this.state.placebetTime}\r\n
\r\n )}\r\n Place Bet\r\n \r\n \r\n
*/}\r\n
\r\n \r\n {/* end of place bet div */}\r\n \r\n \r\n ) : (\r\n \r\n By placing a bet, you automatically accept the most recent\r\n version of the \r\n \r\n Terms and Conditions\r\n \r\n
\r\n {/* */}\r\n
\r\n {successMsg ? (\r\n
\r\n )}\r\n {/* end of content */}\r\n \r\n \r\n );\r\n }\r\n\r\n onBetBuilderAmountChange(amount) {\r\n const { onBetBuilderAmountChange } = this.props;\r\n onBetBuilderAmountChange(amount);\r\n }\r\n onAmountManualChange(e) {\r\n let currentAmount = parseInt(e.target.value);\r\n this.onBetBuilderAmountChange(currentAmount);\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betSlipList: state.betSlip.customBetData,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n amount: state.betSlip.betBuilderAmount,\r\n totalOdds: state.betSlip.totalOdds,\r\n possibleWinnings: state.betSlip.betBuilderPossibleWinning,\r\n errors: state.betSlip.errors,\r\n successMsg: state.betSlip.betBuilderSuccess,\r\n serverError: state.betSlip.betBuilderServerError,\r\n valueChangeWarning: state.betSlip.valueChangeWarning,\r\n loginError: state.betSlip.loginError,\r\n loadingFields: state.betSlip.loadingFields,\r\n message: state.general.message,\r\n connected: state.signalr.staticConnected,\r\n creatBetCodeLoading: state.general.creatBetCodeLoading,\r\n memberSelectedCurrency: state.member.selectedCurrency,\r\n totalStake: state.betSlip.betBuilderTotalOdds,\r\n hideStake: state.betSlip.hideStake,\r\n currencies: state.general.currencies,\r\n placeBetSeconds: state.general.configuration.placeBetSeconds,\r\n signedIn: state.auth.signedIn,\r\n bonusConditions: state.member.bonusConditions,\r\n betSlipConstants: state.general.betSlipConstants,\r\n coupon: state.general.coupon,\r\n sportTypes: state.sportTypes.sportTypes,\r\n sportTypesIcons: state.general.sportTypesIcons,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n placeBetBuilder: () => {\r\n dispatch(placeBetBuilder());\r\n },\r\n onBetBuilderAmountChange: (amount) => {\r\n dispatch(onBetBuilderAmountChange(amount));\r\n },\r\n clearSucceededBets: () => {\r\n dispatch(clearSucceededBets());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n clearBetSlipError: () => {\r\n dispatch(clearBetSlipError());\r\n },\r\n ClearBetBuilder: () => {\r\n dispatch(ClearBetBuilder());\r\n },\r\n ResetBetBuilder: () => {\r\n dispatch(ResetBetBuilder());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CustomBetDetails);\r\n","import React from 'react';\r\nimport { SessionStorage } from '../../../helpers';\r\nimport CustomBetDetails from './CustomBetDetails';\r\n\r\nclass CustomBet extends React.Component {\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n ) : (\r\n \r\n \r\n
\r\n Your bet has been placed
\r\n \r\n \r\n
\r\n \r\n {this.state.clearBetSlipCounter}\r\n
\r\n Okay\r\n \r\n \r\n No bet has been selected. To select a bet, please click on the\r\n respective result.\r\n
\r\n )}\r\n \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default CustomBet","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { Tabs, Popover } from 'antd';\r\nimport { Multiple, Single } from './';\r\nimport { clearBetSlip, setTab } from '../../../redux/actions/betSlipActions';\r\nimport { SessionStorage, Enums } from '../../../helpers';\r\nimport CustomBet from './CustomBet';\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass BetSlipTab extends React.Component {\r\n\tstate = {\r\n\t\tmultipleDisable: false\r\n\t};\r\n\t// old logic\r\n\t// componentDidUpdate(prevProps, prevState) {\r\n\t// \tlet tab = SessionStorage.betTab;\r\n\t// \tconst { setTab, betSlipList } = this.props;\r\n\t// \tlet multipleDisable = Object.values(betSlipList).filter((bet) =>\r\n\t// \t((bet.feed.feedId === Enums.Feed.Casino || bet.feed.feedId === Enums.Feed.SpinAndWin) &&\r\n\t// \t\tbet.sport.sportId === 1)).length > 0;\r\n\t// \tif (multipleDisable !== prevState.multipleDisable) {\r\n\t// \t\tthis.setState({ multipleDisable: multipleDisable });\r\n\t// \t\tif (multipleDisable && tab == 2) {\r\n\t// \t\t\ttab = '1';\r\n\t// \t\t\tsetTab('1');\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\r\n\t// with Lucky Numbers\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tlet tab = SessionStorage.betTab;\r\n\t\tconst { setTab, betSlipList , customBetData } = this.props;\r\n\t\tif(prevProps.customBetData !== customBetData && customBetData && Object.keys(customBetData).length > 0){\r\n\t\t\tsetTab('4');\r\n\t\t}\r\n\t\tif(prevProps.customBetData !== customBetData && prevProps.customBetData && Object.keys(prevProps.customBetData).length > 0 && Object.keys(customBetData).length == 0){\r\n\t\t\tsetTab('2');\r\n\t\t}\r\n\t\tlet multipleDisable = Object.values(betSlipList).filter((bet) =>\r\n\t\t((bet.feed.feedId === Enums.Feed.Casino || bet.feed.feedId === Enums.Feed.SpinAndWin || bet.feed.feedId === Enums.Feed.LuckyNumbers))).length > 0;\r\n\t\tif (multipleDisable !== prevState.multipleDisable) {\r\n\t\t\tthis.setState({ multipleDisable: multipleDisable });\r\n\t\t\tif (multipleDisable && tab == 2) {\r\n\t\t\t\ttab = '1';\r\n\t\t\t\tsetTab('1');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet tab = SessionStorage.betTab;\r\n\t\tconst {showNewIcon, newIconImage , customBetData , successMsg}=this.props\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{customBetData && Object.values(customBetData).length > 0 && Bet Builder{showNewIcon && 
}
} key=\"4\" onChange={this.props.setTab}>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tComing soon.
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Multiple","import React from 'react'\r\nimport { Tabs } from 'antd';\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass MyBetsTab extends React.Component {\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\tMy Bets\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default MyBetsTab","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n removeField,\r\n handleHideStake,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport { Tooltip, Input, Spin, Icon, Select } from \"antd\";\r\nimport { SportIcon, Alert } from \"../../\";\r\nimport { SessionStorage, Cookies, Enums } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\nimport moment from \"moment\";\r\nimport { onAmountChange } from \"../../../redux/actions/betSlipActions\";\r\nimport { setPossibleWinnings , setTotalStake} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomDropdown from \"./CustomDropDown\";\r\nconst Option = Select.Option;\r\n\r\nclass BetSlipRow extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n selection: this.props.betSlipField.selectedDrawsIds && this.props.betSlipField.selectedDrawsIds\r\n };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n // componentDidMount(){\r\n // const {betSlipField ,possibleWinnings , totalStake , setTotalStake , setPossibleWinnings , amount} =this.props;\r\n \r\n // if(betSlipField && betSlipField.selectedDrawsIds && betSlipField.possibleFieldWin && betSlipField.selectedDrawsIds.length > 1){\r\n // let length =betSlipField.selectedDrawsIds.length\r\n // let calcTotalStake;\r\n // let calcPossibleWinning;\r\n // calcTotalStake =totalStake + ( amount * (length==1 ? length :length -1))\r\n // setTotalStake( calcTotalStake)\r\n // }\r\n // }\r\n\r\n onAmountClick = (e, action, amount, betSlipField, selectedCurrency) => {\r\n e.preventDefault();\r\n let currentAmount = parseInt(amount);\r\n switch (action) {\r\n case \"up\":\r\n currentAmount += selectedCurrency.currencyId === 1 ? 10 : 1;\r\n break;\r\n\r\n case \"down\":\r\n if (currentAmount - (selectedCurrency.currencyId === 1 ? 10 : 1) >= 0) {\r\n currentAmount -= selectedCurrency.currencyId === 1 ? 10 : 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n break;\r\n }\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipField.activeOddFieldId\r\n );\r\n this.props.handleHideStake();\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n if (this.props.betSlipField.oddValue !== prevProps.betSlipField.oddValue) {\r\n this.setState({ changeStatus: 0 }, () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n changeStatus: this.props.betSlipField.oddValueStatus,\r\n }),\r\n 10\r\n );\r\n });\r\n }\r\n }\r\n handleSelect = (value , betSlipField) => {\r\n this.setState({\r\n selection:value\r\n })\r\n const {possibleWinnings , totalStake , setTotalStake , setPossibleWinnings , amount}= this.props\r\n const inputLength = value.length\r\n let betSlip = SessionStorage.betSlip;\r\n let id = Number(value)\r\n Object.values(betSlip).map((item) => {\r\n if ( item.drawEvents && item.key == betSlipField.key) {\r\n let values=[];\r\n item.drawEvents.map(item=>{\r\n value.map(ele=>{\r\n if(item.eventId == ele){\r\n values.push(item)\r\n }\r\n })\r\n \r\n }) \r\n item.selectedDraws = values\r\n item.selectedDrawsIds = value\r\n }\r\n });\r\n let calcTotalStake;\r\n let calcPossibleWinning;;\r\n if(inputLength <= this.state.selection.length ){\r\n\r\n calcTotalStake =totalStake -( amount )\r\n calcPossibleWinning =possibleWinnings -(betSlipField.possibleFieldWin )\r\n\r\n }else if(inputLength > this.state.selection.length ){\r\n calcTotalStake =totalStake + ( amount )\r\n calcPossibleWinning =possibleWinnings + (betSlipField.possibleFieldWin )\r\n }\r\n setTotalStake( calcTotalStake)\r\n setPossibleWinnings( calcPossibleWinning)\r\n SessionStorage.betSlip = betSlip\r\n }\r\n\r\n render() {\r\n const {\r\n betSlipField,\r\n loadingPlaceBet,\r\n memberSelectedCurrency,\r\n isDark,\r\n } = this.props;\r\n // const image = `${betSlipField.feed.feedId}${betSlipField.sport.sportId}.webp`;\r\n\r\n\r\n let betTab = SessionStorage.betTab;\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n const spinner = (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {/* this.navToDrillDown()}\r\n style={{\r\n width: \"90%\",\r\n display: \"inline-block\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n {betSlipField.feed.feedId === 5 && (\r\n
\r\n \r\n )}\r\n Live
\r\n )}\r\n\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.Casino ||\r\n betSlipField.feed.feedId === Enums.Feed.SpinAndWin ? (\r\n trigger.parentNode}\r\n onChange={(e) =>\r\n this.handleSelect(e , betSlipField)\r\n }\r\n >\r\n {betSlipField.drawEvents.map((item , idx) => {\r\n return (\r\n \r\n {moment(item.eventDateOfMatch).format(\r\n \"DD MMM YYYY, HH:mm:ss\"\r\n )}\r\n \r\n );\r\n })}\r\n \r\n )} */}\r\n {betSlipField.drawEvents && (\r\n \r\n )}\r\n \r\n ) : (\r\n <>\r\n \r\n {\" \"}\r\n {betSlipField.awayTeamName && betSlipField.awayTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )} */}\r\n \r\n {betSlipField.eventDisplayName &&\r\n betSlipField.eventDisplayName.split(\"Vs.\")[1]}\r\n \r\n \r\n {betSlipField.eventDisplayName} -{\" \"}\r\n {betSlipField.eventBetLineNo}\r\n
\r\n ) : (\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.LuckyNumbers ? (\r\n <>\r\n
\r\n )}\r\n {/* eventBetLineNo\r\n eventDateOfMatch\r\n eventId */}\r\n {/* {betSlipField.drawEvents && (\r\n \r\n \r\n {betSlipField &&\r\n betSlipField.eventTournament &&\r\n betSlipField.eventTournament\r\n .tournamentDisplayName}\r\n \r\n
\r\n {betSlipField.selectedNumbers && (\r\n \r\n {betSlipField.selectedNumbers && betSlipField.selectedNumbers\r\n .split(\",\")\r\n .map(Number)\r\n .map((item) => {\r\n return (\r\n
\r\n )}\r\n {betSlipField.selectedBonuses && (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n {betSlipField.selectedBonuses\r\n .split(\",\")\r\n .map(Number)\r\n .map((item) => {\r\n return (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n \r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName[0]}\r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName.split(\" \").length > 1 &&\r\n betSlipField.homeTeamName.split(\" \")[1][0]}\r\n \r\n {betSlipField.feed.feedId != Enums.Feed.Casino &&\r\n betSlipField.feed.feedId != Enums.Feed.SpinAndWin &&\r\n betSlipField.eventDisplayName && (\r\n \r\n {\" \"}\r\n {betSlipField.eventDisplayName.split(\"Vs.\")[0]}\r\n \r\n )}\r\n {betSlipField.feed.feedId == Enums.Feed.Casino ||\r\n (betSlipField.feed.feedId ==\r\n Enums.Feed.SpinAndWin &&\r\n `- ${betSlipField.eventBetLineNo}`)}\r\n\r\n \r\n \r\n Vs{\" \"}\r\n \r\n \r\n
\r\n \r\n \r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName[0]}\r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName.split(\" \").length > 1 &&\r\n betSlipField.awayTeamName.split(\" \")[1][0]}\r\n \r\n {/* {!this.state[betSlipField.awayTeamId] && (\r\n this.checkImage(betSlipField.awayTeamId)}\r\n\r\n />\r\n )}\r\n {this.state[betSlipField.awayTeamId] && betSlipField.awayTeamName && \r\n betSlipField.awayTeamName.includes(' ') &&\r\n betSlipField.awayTeamName.split(\" \").length >= 2 ? (\r\n \r\n {\" \"}\r\n {betSlipField.awayTeamName.split(\" \")[0][0]}\r\n {betSlipField.awayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[betSlipField.awayTeamId] ? (\r\n \r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 2 && (\r\n (\r\n
\r\n {` * ${item}`}
\r\n ))}\r\n >\r\n !
\r\n \r\n )}\r\n \r\n \r\n {betSlipField.betType.betTypeName}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/* separator comment */}\r\n\r\n \r\n
\r\n {betSlipField.betType.specialTemplateName ? betSlipField.oddField : betSlipField.oddFieldDisplayName}
\r\n No Longer Available
\r\n ) : (\r\n \r\n \r\n this.onAmountClick(\r\n e,\r\n \"up\",\r\n betSlipField.amount,\r\n betSlipField,\r\n selectedCurrency\r\n )\r\n }\r\n >\r\n
\r\n \r\n {/* \r\n \r\n this.onAmountClick(\r\n e,\r\n \"down\",\r\n betSlipField.amount,\r\n betSlipField,\r\n selectedCurrency\r\n )\r\n }\r\n >\r\n
\r\n \r\n \r\n this.onAmountClick(\r\n e,\r\n \"manual\",\r\n e.target.value,\r\n betSlipField\r\n )\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency ? selectedCurrency.currencySymbol : \"LD\"}\r\n
*/}\r\n \r\n )}\r\n {loadingPlaceBet &&\r\n betTab == 1 &&\r\n (!hasResponse || betSlipField.response.type === \"error\") && (\r\n \r\n
\r\n )}\r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 1 &&\r\n betSlipField.errors.map((item, index) => (\r\n Possible winnings:
\r\n \r\n {`${selectedCurrency ? selectedCurrency.currencySymbol : \"LD\"}\r\n\t\t\t\t\t\t${\r\n selectedCurrency.currencySymbol === \"LD\" &&\r\n betSlipField &&\r\n betSlipField.possibleFieldWin\r\n ? betSlipField.possibleFieldWin.format(0)\r\n : betSlipField && betSlipField.possibleFieldWin\r\n ? betSlipField.possibleFieldWin.format(2)\r\n : \"\"\r\n }`}\r\n
\r\n \r\n
\r\n )}\r\n {hasResponse && betSlipField.response.type === \"error\" && (\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Single","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Popover, Button, Switch, Input, Select, Popconfirm, Icon } from \"antd\";\r\nimport { setSelectedCurrency } from \"../../../redux/actions/membersActions\";\r\nimport { getCurrencies } from \"../../../redux/actions/generalActions\";\r\nimport { Cookies, CountryCodes, AppConfig } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\n\r\nconst { Option } = Select;\r\n\r\nclass BetSlipSettings extends React.Component {\r\n state = {\r\n visible: false,\r\n showCurrencyPopup: false,\r\n setCurrency: \"\",\r\n };\r\n\r\n hide = () => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleVisibleChange = (visible) => {\r\n this.setState({ visible });\r\n };\r\n\r\n popConfirmVisibleChange = () => {\r\n if (this.state.showCurrencyPopup) {\r\n this.handleVisibleChange(true);\r\n this.setState({ showCurrencyPopup: false }, () => {\r\n if (!this.state.showCurrencyPopup) {\r\n this.handleVisibleChange(false);\r\n }\r\n });\r\n }\r\n };\r\n\r\n getCountryCode = (currency) => {\r\n if (currency == \"$\") {\r\n return AppConfig.countryFlagImagesPath + `us` + `.webp`\r\n\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == \"USA\".toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n }\r\n if (currency == \"LD\") {\r\n return AppConfig.countryFlagImagesPath + `lr` + `.webp`\r\n\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == \"liberia\";\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n }\r\n };\r\n render() {\r\n const { currencies } = this.props;\r\n const user = Cookies.get(\"user\");\r\n let selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n\r\n return (\r\n // New Code.\r\n\r\n // \r\n // {user ? (\r\n // {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // visible={this.state.showCurrencyPopup}\r\n // overlayClassName=\"currency-message-popover\"\r\n // placement=\"topLeft\"\r\n // title={\"You are about to change currency\"}\r\n // onConfirm={() => {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(user.balance).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: user.balance[currency],\r\n // });\r\n // }}\r\n // value={user.balance[currency].currencyId}\r\n // >\r\n // {user.balance[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // ) : (\r\n // currencies && (\r\n // {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onVisibleChange={() => {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(currencies).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: currencies[currency],\r\n // });\r\n // }}\r\n // key={currencies[currency].currencySymbol}\r\n // value={currencies[currency].currencyId}\r\n // >\r\n // {currencies[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // )\r\n // )}\r\n //
\r\n\r\n \r\n {user && currencies ? (\r\n {\r\n this.popConfirmVisibleChange();\r\n }}\r\n visible={this.state.showCurrencyPopup}\r\n overlayClassName=\"currency-message-popover\"\r\n placement=\"bottomLeft\"\r\n title={\"You are about to change currency\"}\r\n onConfirm={() => {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.props.setSelectedCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n trigger.parentNode}\r\n suffixIcon={\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: user.balance[currency],\r\n });\r\n }}\r\n value={user.balance[currency].currencyId}\r\n >\r\n {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.props.setSelectedCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onVisibleChange={() => {\r\n this.popConfirmVisibleChange();\r\n }}\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n trigger.parentNode}\r\n suffixIcon={\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: currencies[currency],\r\n });\r\n }}\r\n key={currencies[currency].currencySymbol}\r\n value={currencies[currency].currencyId}\r\n >\r\n
\r\n\r\n // old code\r\n // selectedCurrency && (\r\n // \r\n // \r\n // {/*
\r\n // }\r\n // title=\"Bet Slip Settings\"\r\n // trigger=\"click\"\r\n // visible={this.state.visible}\r\n // onVisibleChange={this.handleVisibleChange}\r\n // placement=\"bottomRight\"\r\n // >\r\n // \r\n //
*/}\r\n // Accept odds change automatically
\r\n // \r\n //
\r\n // {/* Currency
\r\n // \r\n // {user ? (\r\n // {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // visible={this.state.showCurrencyPopup}\r\n // overlayClassName=\"currency-message-popover\"\r\n // placement=\"topLeft\"\r\n // title={\"You are about to change currency\"}\r\n // onConfirm={() => {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(user.balance).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: user.balance[currency],\r\n // });\r\n // }}\r\n // value={user.balance[currency].currencyId}\r\n // >\r\n // {user.balance[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // ) : (\r\n // currencies && (\r\n // {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onVisibleChange={() => {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(currencies).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: currencies[currency],\r\n // });\r\n // }}\r\n // key={currencies[currency].currencySymbol}\r\n // value={currencies[currency].currencyId}\r\n // >\r\n // {currencies[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // )\r\n // )}\r\n //
\r\n // \r\n //
\r\n // \r\n // Bet amount by default\r\n //
\r\n // \r\n // \r\n //
\r\n // \r\n //
*/}\r\n // Direct Bet Mode
\r\n // \r\n {text}\r\n {/* CHECK IF THE CLIPBOARD API IS SUPPORTED BY THE BROWSER, IF NOT NO NEED TO SHOW THE TOOLTIP AND THE COPY ICON */}\r\n {navigator && navigator.clipboard && trigger.parentNode}>\r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default CopyableText;\r\n","import { Button, Drawer, Input, Tabs, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport StickyBox from \"react-sticky-box\";\r\nimport { Alert } from \"../..\";\r\nimport { openMobileBetslip } from \"../../../redux/actions/appActions\";\r\nimport {\r\n getBetSlipConfiguration,\r\n getFieldsUpdatedDetails,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport {\r\n betsByBetCode,\r\n clearBetCode,\r\n} from \"../../../redux/actions/generalActions\";\r\nimport { BetSlipTab, MyBetsTab, BetSlipSettings } from \"./\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport Paragraph from \"antd/lib/typography/Paragraph\";\r\nimport CopyableText from \"./CopyableText\";\r\nimport { Enums, SessionStorage } from \"../../../helpers\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nclass BetSlip extends React.Component {\r\n state = {\r\n codeNumber: null,\r\n };\r\n\r\n componentDidMount() {\r\n const { getBetSlipConfiguration, connected } = this.props;\r\n getBetSlipConfiguration();\r\n\r\n if (connected) {\r\n if (window.location.search.includes('betCode=')){\r\n let request = {\r\n id: window.location.search.split('betCode=')[1],\r\n };\r\n this.props.betsByBetCode(request);\r\n }\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { getBetSlipConfiguration, connected } = this.props;\r\n if (!prevProps.connected && connected) {\r\n getBetSlipConfiguration();\r\n if (window.location.search.includes('betCode=')){\r\n let request = {\r\n id: window.location.search.split('betCode=')[1],\r\n };\r\n this.props.betsByBetCode(request);\r\n }\r\n }\r\n }\r\n\r\n loadCode = () => {\r\n let request = {\r\n id: this.state.codeNumber,\r\n };\r\n this.props.betsByBetCode(request);\r\n this.setState({ codeNumber: \"\" });\r\n };\r\n\r\n handleTabClick = (key) => {\r\n if (key === \"2\") {\r\n this.props.history.push(`/account/bets`);\r\n }\r\n };\r\n\r\n renderBetSlip() {\r\n const { betCode, betCodeError, signedIn, betTab } = this.props;\r\n return (\r\n \r\n this.handleTabClick(key)}\r\n >\r\n \r\n {betCode && (\r\n
\r\n )}\r\n \r\n
\r\n\r\n Bet slip
\r\n \r\n {\r\n this.props.clearBetCode();\r\n }}\r\n >\r\n
\r\n Your Bet Code is
\r\n By Placing A Bet, You Automatically Accept\r\nThe Most Recent Version Of The Terms And\r\nConditions
*/}\r\n \r\n {this.props.connected &&\r\n
\r\n Load Bet Code
\r\n\r\n \r\n
\r\n \r\n
\r\n {betCodeError && (\r\n \r\n \r\n this.setState({ codeNumber: e.target.value })\r\n }\r\n value={this.state.codeNumber}\r\n />\r\n
\r\n \r\n \r\n Load\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n openMobileBetslip(false)}\r\n visible={mobileBetslipOpen}\r\n >\r\n {this.renderBetSlip()}\r\n \r\n {this.renderBetSlip()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betCode: state.general.betCode,\r\n betCodeError: state.general.betCodeError,\r\n device: state.app.device,\r\n mobileBetslipOpen: state.app.mobileBetslipOpen,\r\n signedIn: state.auth.signedIn,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n state.signalr.staticConnected :\r\n state.app.feedId == Enums.Feed.Live ?\r\n state.signalr.liveConnected :\r\n state.signalr.connected,\r\n betTab: state.betSlip.betTab,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n openMobileBetslip: (open) => dispatch(openMobileBetslip(open)),\r\n betsByBetCode: (data) => dispatch(betsByBetCode(data)),\r\n getFieldsUpdatedDetails: (request) =>\r\n dispatch(getFieldsUpdatedDetails(request)),\r\n getBetSlipConfiguration: () => dispatch(getBetSlipConfiguration()),\r\n clearBetCode: () => {\r\n dispatch(clearBetCode());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(BetSlip);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nclass SportIcon extends React.Component {\r\n\trender() {\r\n\t\tconst { feedId, sportId, className, sportTypesIcons } = this.props;\r\n\t\tconst img = sportTypesIcons && sportTypesIcons.filter((item) => {\r\n\t\t\treturn item.sportTypesIconsID == sportId && item.feedId == feedId;\r\n\t\t});\r\n\r\n\t\tlet icon = img && img[0] ? img[0].sportTypesIconsName : ''; \r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n {!this.props.tipmeCustomertypes ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n prefixes: state.general.prefixes,\r\n countries: state.general.countries,\r\n countryFlags: state.general.countryFlags,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getCountryPhoneProviders: (request) =>\r\n dispatch(getCountryPhoneProviders(request)),\r\n getCountries: () => dispatch(getCountries()),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(PhoneNumber);\r\n","import React from 'react';\r\nimport { Modal as AntModal, Button } from 'antd';\r\n\r\nclass Modal extends React.Component {\r\n render() {\r\n let { children, type, title, text, visible, onOK, onCancel, okLabel, cancelLabel, textClassName } = this.props\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {/* {this.props.tipmeCustomertypes.map((item) => {\r\n <>\r\n {item.id}\r\n \r\n })} */}\r\n\r\n \r\n this.props.onSelectChange(value, key.key)\r\n }\r\n >\r\n {this.props.tipmeCustomertypes.map((item) => {\r\n return (\r\n // hi\r\n \r\n );\r\n })}\r\n \r\n
\r\n )}\r\n \r\n }\r\n disabled={!this.props.isDisabled}\r\n defaultValue={this.props.value && this.props.value.slice(5)}\r\n />\r\n \r\n {type === 'text' &&\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Modal;","import { Col, Popover } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setCurrentSlotGame } from \"../../../redux/actions/slotsActions\";\r\nimport { AppConfig } from \"../../../helpers\";\r\n\r\nclass SlotItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n errored: false,\r\n src: undefined,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n try {\r\n let imageName = `${this.props.data.platformGameName}.webp`;\r\n let url = AppConfig.icons;\r\n let src = `${url}${imageName}?id=${this.props.data.gameImageVersion}`;\r\n this.setState({\r\n errored: false,\r\n src,\r\n });\r\n } catch (e) {\r\n this.setState({\r\n errored: true,\r\n src: require(\"../../../resources/images/logo600.webp\"),\r\n });\r\n }\r\n }\r\n\r\n navToGame() {\r\n const { history, data, setCurrentSlotGame } = this.props;\r\n history.push(`/slots1/game/${data.gameId}`);\r\n setCurrentSlotGame(data.gameName);\r\n }\r\n\r\n onError = () => {\r\n if (!this.state.errored) {\r\n this.setState({\r\n src: require(\"../../../resources/images/logo600.webp\"),\r\n errored: true,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { data, config } = this.props;\r\n let itemsInRow = 24 / config.slotsGamesRow;\r\n\r\n return !this.props.signedIn ? (\r\n \r\n
\r\n }\r\n\r\n {type === 'custom' &&\r\n {text}
\r\n\r\n\r\n {\r\n onCancel &&\r\n onCancel()}>\r\n {cancelLabel}\r\n \r\n }\r\n {onOK &&\r\n onOK()}>\r\n {okLabel}\r\n \r\n }\r\n
\r\n\r\n \r\n {children}\r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n {this.state.errored && {data.gameName}
}\r\n \r\n {/* \r\n content={\r\n \r\n
\r\n \r\n \r\n Please Sign in or Register
\r\n }\r\n trigger=\"click\">\r\n\r\n 
\r\n\r\n {\r\n this.state.errored &&\r\n {data.gameName}
\r\n }\r\n \r\n {/* \r\n \r\n
\r\n\r\n {this.state.errored && {data.gameName}
} */}\r\n \r\n ) : (\r\n \r\n this.navToGame()}\r\n />\r\n
\r\n\r\n {this.state.errored && {data.gameName}
}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n config: state.slots.config,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setCurrentSlotGame: (game) => {\r\n dispatch(setCurrentSlotGame(game));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SlotItem);\r\n","import { Row, Tabs, Col } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport SlotItem from \"./SlotItem\";\r\nimport Odometer from \"react-odometerjs\";\r\nimport \"odometer/themes/odometer-theme-default.css\";\r\nimport {\r\n getSlotsGames,\r\n getJackpots,\r\n} from \"../../../redux/actions/slotsActions\";\r\nimport {\r\n jackpotConnect,\r\n jackpotDisconnect,\r\n} from \"../../../redux/actions/singnalrActions\";\r\nimport { isMobile } from \"react-device-detect\";\r\nimport { AppConfig, Cookies } from \"../../../helpers\";\r\nimport { Images } from \"../../../components\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IsMobileView = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 770 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktopAndMiddleScreen = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 770 });\r\n return isDesktop ? children : null;\r\n};\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass SlotList extends React.Component {\r\n state = {\r\n selectedTab: window.location.search.includes('groupId=') ? window.location.search.split('groupId=')[1] : '0',\r\n };\r\n\r\n async componentDidMount() {\r\n const {\r\n getSlotsGames,\r\n setPropsMath,\r\n jackpotConnect,\r\n getJackpots,\r\n } = this.props;\r\n // template id for desktop is 1\r\n getSlotsGames(1);\r\n getJackpots();\r\n setPropsMath();\r\n\r\n jackpotConnect();\r\n }\r\n\r\n componentWillUnmount() {\r\n const { jackpotDisconnect } = this.props;\r\n jackpotDisconnect();\r\n }\r\n\r\n async componentDidUpdate(prevProps) {}\r\n\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key });\r\n }\r\n\r\n render() {\r\n const {\r\n config,\r\n categories,\r\n slotsGames,\r\n jackpotBalances,\r\n winningMessage,\r\n jackpotImage,\r\n } = this.props;\r\n // old logic\r\n // const jackpotSize = window.innerHeight <= 580 ? \"small\" : \"medium\";\r\n // End of old logic\r\n const jackpotSize = \"medium\";\r\n let filteredSlotGames = [];\r\n slotsGames &&\r\n slotsGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .map((row, i) => {\r\n if (this.state.selectedTab == \"0\") {\r\n filteredSlotGames.push(row);\r\n } else if (this.state.selectedTab == row.categoryId.toString()) {\r\n filteredSlotGames.push(row);\r\n }\r\n });\r\n return (\r\n categories && (\r\n \r\n {\r\n this.onTabChange(key);\r\n }}\r\n >\r\n {categories.map((item, i) => (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n {/* {winningMessage && (\r\n \r\n {winningMessage}\r\n
\r\n )} */}\r\n \r\n {/* {jackpotBalances &&\r\n jackpotBalances[JackpotLevel.Web] && (\r\n \r\n {winningMessage ? (\r\n
\r\n {!winningMessage && (\r\n \r\n {\" \"}\r\n {jackpotBalances[JackpotLevel.Web].jackpotName}\r\n
\r\n )} */}\r\n \r\n {winningMessage}\r\n
\r\n ) : (\r\n <>\r\n \r\n {jackpotBalances &&\r\n jackpotBalances[JackpotLevel.Web]\r\n ? jackpotBalances[JackpotLevel.Web]\r\n .currencySymbol\r\n : \"LD\"}\r\n
\r\n $
\r\n \r\n {filteredSlotGames &&\r\n filteredSlotGames.length > 0 &&\r\n filteredSlotGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .slice(6)\r\n .map((row, i) => {\r\n let itemsInRow = config.slotsGamesRow;\r\n return this.state.selectedTab !==\r\n row.categoryId.toString() &&\r\n this.state.selectedTab !== \"0\" ? null : (\r\n
\r\n \r\n {slotsGames &&\r\n slotsGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .map((row, i) => {\r\n let itemsInRow = config.slotsGamesRow;\r\n return this.state.selectedTab !==\r\n row.categoryId.toString() &&\r\n this.state.selectedTab !== \"0\" ? null : (\r\n
\r\n \r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n selectedCurrency: state.member.selectedCurrency,\r\n token: state.slots.token,\r\n signedIn: state.auth.signedIn,\r\n gameSymbols: state.slots.gameSymbols,\r\n roundFinished: state.slots.roundFinished,\r\n gameId: state.slots.gameId,\r\n gameName: state.slots.gameName,\r\n currentGame: state.slots.currentGame,\r\n currencies: state.general.currencies,\r\n winningMessage: state.jackpot.winningMessage,\r\n winnerJackpotId: state.jackpot.winnerJackpotId,\r\n iframeUrl: state.slots.iframeUrl,\r\n partner: state.slots.partner,\r\n gameTypeId: state.slots.gameTypeId,\r\n platformGameName: state.slots.platformGameName,\r\n slotsGames: state.slots.slotsGames,\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n slotsConnect: (request) => dispatch(slotsConnect(request)),\r\n gameInit: () => dispatch(gameInit()),\r\n setAvoidClick: (value) => dispatch(setAvoidClick(value)),\r\n partGroups: () => dispatch(partGroups()),\r\n setPropsMath: (match) => dispatch(setPropsMath(match)),\r\n jackpotConnect: () => dispatch(jackpotConnect()),\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsGame);","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { updateBetSlip } from '../../../redux/actions/betSlipActions'\r\nimport { SessionStorage } from '../../../helpers';\r\nimport {Icon} from 'antd'\r\nimport Images from '../../common/Images'\r\n\r\n\r\nclass OddFieldCircle extends React.Component {\r\n\r\n render() {\r\n const { position, oddField , zoom} = this.props;\r\n return (\r\n \r\n\r\n {\r\n (iframeLoading || !token) &&\r\n this.frameLoad(false)}\r\n className={`frame-video`}\r\n src={slotsUrl}\r\n />\r\n }\r\n {\r\n !isMobile && gameSymbols.length > 0 &&\r\n
\r\n \r\n
\r\n }\r\n {\r\n token &&\r\n \r\n {\r\n gameSymbols\r\n .sort((a, b) => a.symbolNumber < b.symbolNumber)\r\n .map((game) => {\r\n let image = null\r\n try {\r\n image = AppConfig.symbols + game.symbolFileName;\r\n }\r\n catch (e) {\r\n image = null\r\n }\r\n\r\n let selectedCurrency = Cookies.get('selectedCurrency') || this.props.currencies.LiberianDollar;\r\n\r\n return
\r\n }\r\n \r\n
\r\n })\r\n }\r\n {image && }
\r\n {game.symbolTexts && game.symbolTexts.length > 0 &&\r\n \r\n {game.symbolTexts.sort((a, b) => a.symbolTextOrder < b.symbolTextOrder)\r\n .map((text) => {\r\n let fontFamily = text.symbolFont || 'sans-serif';\r\n if (text.currencyId !== 0 && text.currencyId !== selectedCurrency.currencyId) {\r\n\r\n return ;\r\n }\r\n\r\n if (text.symbolTextMultiple !== 0 && this.state.betAmount !== 0) {\r\n let amount = (text.currencyId === 1) ? (Math.round(this.state.betAmount * text.symbolTextMultiple)).format(2) :\r\n (this.state.betAmount * text.symbolTextMultiple).format(2);\r\n\r\n return
\r\n }\r\n \r\n {text.symbolTextDisplay} - {amount}
\r\n }\r\n else {\r\n let textArr = text.symbolText.includes(\"-\") ? text.symbolText.split(\"-\") : text.symbolText;\r\n if (textArr.constructor === Array) {\r\n return\r\n {textArr[0]} - {textArr[1]}
\r\n }\r\n else {\r\n return{text.symbolText}
\r\n }\r\n }\r\n })}\r\n{this.oddFieldsRenderer()}
\r\n )\r\n}\r\n\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n\treturn {\r\n\t\tloadingSportEvents: state.sportEvents.loadingSportEvents,\r\n\t\teventsIds: state.sportEvents.eventsIds,\r\n\t\terror: state.sportEvents.error,\r\n\t\tconnected: state.signalr.spinAndWinConnected,\r\n\t\tsportData: state.sportTypes.sportData,\r\n\t\teventOdds: state.sportEvents.eventOdds,\r\n\t\teventOddFields: state.sportEvents.eventOddFields,\r\n\t\tbarItems: state.virtual.barItems,\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OddFields)","import React from \"react\";\r\nimport { Card } from \"../../screens/LuckyNumbers/Home\";\r\nimport { loadUpcomingDraws } from \"../../redux/actions/sportTypesActions\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass InfiniteScrollComponent extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n page: 0,\r\n };\r\n this.itemsPerPage = 5;\r\n this.containerRef = React.createRef();\r\n this.isFetchingData = false;\r\n }\r\n\r\n fetchData = async () => {\r\n if (this.isFetchingData) return;\r\n const { connected, match, loadUpcomingDraws } = this.props;\r\n const { page } = this.state;\r\n\r\n try {\r\n console.log(\"fetch data\");\r\n if (connected) {\r\n if (this.props.currentFilter == 1){\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n } else if (this.props.currentFilter == 2){\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n }else if (this.props.currentFilter == 3){\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n }\r\n this.setState((prevState) => ({ page: prevState.page + 1 }));\r\n\r\n\r\n }\r\n } catch (error) {\r\n console.error(\"Error fetching data:\", error);\r\n }\r\n };\r\n\r\n handleScroll = () => {\r\n const container = this.containerRef.current;\r\n const scrollTolerance = 10; // Set a tolerance value to account for variations\r\n\r\n if (\r\n container.scrollLeft + container.clientWidth + scrollTolerance >=\r\n container.scrollWidth\r\n ) {\r\n this.fetchData();\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n const container = this.containerRef.current;\r\n container.addEventListener(\"scroll\", this.handleScroll);\r\n }\r\n\r\n componentWillUnmount() {\r\n const container = this.containerRef.current;\r\n container.removeEventListener(\"scroll\", this.handleScroll);\r\n }\r\n\r\n render() {\r\n let data;\r\n if (\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length > 0\r\n ) {\r\n data = Object.values(this.props.upcomingDrawsEvents);\r\n }\r\n\r\n return (\r\n \r\n {data &&\r\n data.map((item, idx) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n connected: state.signalr.connected,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item, addNewList) => {\r\n dispatch(loadUpcomingDraws(item, addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(InfiniteScrollComponent);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { updateBetSlip } from '../../../redux/actions/betSlipActions'\r\nimport { SessionStorage } from '../../../helpers';\r\nimport { Images } from '../..';\r\n\r\n\r\n\r\nclass SpecialOddFieldButton extends React.Component {\r\n\r\n render() {\r\n const {className, style, text, field, betSlipField,containerStyle } = this.props;\r\n return (\r\n this.onFieldClick(e, field)}\r\n className={`SW-Btn`}>\r\n
\r\n )\r\n }\r\n\r\n onFieldClick(e, field) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n const { updateBetSlip } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({ ...field, amount: (!this.props.hideStake && this.props.amount) || 100 });\r\n }\r\n else {\r\n updateBetSlip(field);\r\n }\r\n \r\n\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n eventOddFields: state.sportEvents.eventOddFields,\r\n betSlipField: state.betSlip.betSlipList[initialProps.oddFieldId],\r\n amount: state.betSlip.amount,\r\n hideStake: state.betSlip.hideStake\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SpecialOddFieldButton)","import React from \"react\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { useState } from \"react\";\r\n\r\nconst useOnScreen = (ref) => {\r\n const [isIntersecting, setIntersecting] = useState(false);\r\n let observer = false;\r\n try {\r\n observer = new IntersectionObserver(\r\n ([entry]) => entry.isIntersecting && setIntersecting(entry.isIntersecting),\r\n {\r\n root: null,\r\n threshold: 0,\r\n trackVisibility: true,\r\n delay: 100,\r\n }\r\n );\r\n } catch (error) {\r\n console.log(\"intersection Observer is not defined in this browser\", error);\r\n }\r\n\r\n useEffect(() => {\r\n try {\r\n observer.observe(ref.current);\r\n // Remove the observer as soon as the component is unmounted\r\n return () => {\r\n observer.disconnect();\r\n };\r\n } catch {\r\n setIntersecting(true);\r\n }\r\n }, []);\r\n\r\n return isIntersecting;\r\n};\r\n\r\nfunction OnScreenWrapper({ children, styleFunction }) {\r\n const ref = useRef(null);\r\n const bool = ref && useOnScreen(ref);\r\n return (\r\n \r\n { betSlipField && 
}\r\n
\r\n {text} \r\n \r\n {bool ? children : \"\"}\r\n
\r\n );\r\n}\r\n\r\nexport { useOnScreen, OnScreenWrapper };\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nclass SlotsCourasel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.targetElementRef = React.createRef();\r\n this.targetImageRef = React.createRef();\r\n this.autoPlayInterval = null;\r\n this.autoPlayDebounceTimer = null;\r\n this.state = {\r\n elementWidth: 0,\r\n slideWidth: 0,\r\n currentSlideIndex: 0,\r\n largeSlide: this.props.largeSlideNumber || undefined,\r\n imageSpecialTypeId: this.props.imageSpecialTypeId,\r\n slides: this.props.slides || [],\r\n autoPlayEnabled: this.props.autoPlay,\r\n slidesToShow: this.props.slidesToShow || 1,\r\n autoPlayInterval: this.props.autoPlayInterval || 3000,\r\n autoPlayDebounce: this.props.autoPlayDebounce || 3000,\r\n isImagesCourasel: this.props.type == \"images\" ? true : false,\r\n multipleSlides: this.props.multipleSlides || false,\r\n scatter: this.props.scatter || false,\r\n largeSlideCondition:\r\n this.props.largeSlideNumber &&\r\n (this.props.imageSpecialTypeId == 1 || !this.props.imageSpecialTypeId),\r\n };\r\n }\r\n // slides: this.props.slides ? (this.props.type == \"images\" ? this.props.slides : this.props.slides.slice(6 , 12).concat(this.props.slides) ) : [],\r\n\r\n componentDidMount() {\r\n const { slides } = this.props;\r\n const { isImagesCourasel } = this.state;\r\n this.calculateElementWidth();\r\n // let currentIndex = 0\r\n // if(!isImagesCourasel){\r\n // slides.map((slide,index)=>{\r\n // if(slide.categoryId == window.location.pathname.split(\"/\")[window.location.pathname.split(\"/\").length - 1]){\r\n // currentIndex=index\r\n // }\r\n // })\r\n // this.setState({\r\n // currentSlideIndex: currentIndex\r\n // })\r\n // }\r\n window.addEventListener(\"resize\", this.calculateElementWidth);\r\n if (this.state.autoPlayEnabled) this.startAutoPlay();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.calculateElementWidth);\r\n this.stopAutoPlay();\r\n this.clearAutoPlayDebounceTimer();\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n // Start or stop auto-play based on autoPlayEnabled state change\r\n const { categoryId, isImagesCourasel, slides } = this.props;\r\n if (prevState.autoPlayEnabled !== this.state.autoPlayEnabled) {\r\n if (this.state.autoPlayEnabled) {\r\n this.startAutoPlay();\r\n } else {\r\n this.stopAutoPlay();\r\n }\r\n }\r\n // if(prevProps.categoryId !== categoryId ){\r\n // let currentIndex = 0\r\n // if(!isImagesCourasel){\r\n // slides.map((slide,index)=>{\r\n // if(slide.categoryId == window.location.pathname.split(\"/\")[window.location.pathname.split(\"/\").length - 1]){\r\n // currentIndex=index\r\n // }\r\n // })\r\n // this.setState({\r\n // currentSlideIndex: currentIndex\r\n // })\r\n // }\r\n // }\r\n }\r\n calculateElementWidth = () => {\r\n const element = this.targetElementRef.current;\r\n const { largeSlideCondition } = this.state;\r\n if (element) {\r\n const boundingRect = element.getBoundingClientRect();\r\n let width;\r\n if (this.state.scatter) {\r\n // mock width\r\n width = boundingRect.width - 30;\r\n } else {\r\n // real width\r\n width = boundingRect.width;\r\n }\r\n\r\n this.setState({\r\n elementWidth: width,\r\n slideHeight: width / this.state.slidesToShow,\r\n slideWidth: largeSlideCondition\r\n ? width / (this.state.slidesToShow + 1)\r\n : width / this.state.slidesToShow,\r\n });\r\n }\r\n };\r\n\r\n startAutoPlay = () => {\r\n this.autoPlayInterval = setInterval(\r\n this.goToNextSlide,\r\n this.state.autoPlayInterval\r\n );\r\n };\r\n\r\n stopAutoPlay = () => {\r\n clearInterval(this.autoPlayInterval);\r\n };\r\n\r\n toggleAutoPlay = () => {\r\n this.setState((prevState) => ({\r\n autoPlayEnabled: !prevState.autoPlayEnabled,\r\n }));\r\n };\r\n\r\n goToPreviousSlide = (makeDebounce = false) => {\r\n const { currentSlideIndex, autoPlayEnabled } = this.state;\r\n if (currentSlideIndex > 0) {\r\n this.setState({ currentSlideIndex: currentSlideIndex - 1 });\r\n }\r\n if (makeDebounce && autoPlayEnabled) this.handleSlideNavigation();\r\n };\r\n\r\n goToNextSlide = (makeDebounce = false) => {\r\n const { imageSpecialTypeId } = this.props;\r\n const { currentSlideIndex, slides, autoPlayEnabled } = this.state;\r\n if (\r\n this.state.isImagesCourasel &&\r\n currentSlideIndex <\r\n slides.length -\r\n this.state.slidesToShow -\r\n (imageSpecialTypeId == 3 || imageSpecialTypeId == 2 ? 1 : 0)\r\n ) {\r\n this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n }\r\n if (!this.state.isImagesCourasel) {\r\n let newSlides = this.state.slides.concat(\r\n this.state.slides.slice(currentSlideIndex, currentSlideIndex + 1)\r\n );\r\n // this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n this.setState({ slides: newSlides }, () => {\r\n // This callback will be executed after the state has been updated and the component has re-rendered\r\n this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n });\r\n }\r\n if (makeDebounce && autoPlayEnabled) this.handleSlideNavigation();\r\n };\r\n clearAutoPlayDebounceTimer = () => {\r\n clearTimeout(this.autoPlayDebounceTimer);\r\n };\r\n handleSlideNavigation = () => {\r\n // Clear the auto-play debounce timer\r\n this.clearAutoPlayDebounceTimer();\r\n\r\n // Disable auto-play temporarily after arrow navigation\r\n this.setState({ autoPlayEnabled: false });\r\n\r\n // Start the auto-play debounce timer to re-enable auto-play\r\n this.autoPlayDebounceTimer = setTimeout(() => {\r\n this.setState({ autoPlayEnabled: true });\r\n }, this.state.autoPlayDebounce);\r\n };\r\n showGameGroup = (categoryId, currentSlideIndex) => {\r\n const { updateCategory } = this.props;\r\n updateCategory(categoryId, currentSlideIndex);\r\n };\r\n handleTouchpadScroll = (event) => {\r\n const deltaX = event.deltaX;\r\n const { startScroll } = this.state;\r\n if (this.time) clearTimeout(this.time);\r\n if (!startScroll) {\r\n if (deltaX > 0) {\r\n this.goToNextSlide(true);\r\n this.setState({ startScroll: true });\r\n } else if (deltaX < 0) {\r\n this.goToPreviousSlide();\r\n this.setState({ startScroll: true });\r\n }\r\n }\r\n this.time = setTimeout(() => {\r\n this.setState({\r\n startScroll: false,\r\n });\r\n }, 300);\r\n };\r\n\r\n render() {\r\n const {\r\n currentSlideIndex,\r\n slideWidth,\r\n slides,\r\n autoPlayEnabled,\r\n largeSlide,\r\n imageSpecialTypeId,\r\n largeSlideCondition,\r\n } = this.state;\r\n const { history, imageType } = this.props;\r\n\r\n // Calculate the transform value based on largeSlide condition\r\n const transformValue = -currentSlideIndex * slideWidth;\r\n\r\n return (\r\n \r\n \r\n this.showGameGroup(this.props.categoryId, currentSlideIndex)\r\n }\r\n >\r\n {this.props.title}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.goToNextSlide(true)}\r\n disabled={\r\n currentSlideIndex === slides.length - this.state.slidesToShow &&\r\n this.state.isImagesCourasel\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n {slides.map((slide, index) =>\r\n (imageSpecialTypeId == 3 || imageSpecialTypeId == 2) &&\r\n index == slides.length - 1 ? null : (\r\n \r\n {this.state.isImagesCourasel ? (\r\n this.props.multipleSlides ? (\r\n slide.map((innerSlide, index) => (\r\n game.imageTypeId == imageType\r\n )[0]\r\n ? innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImage\r\n : innerSlide.platformGameName\r\n }.webp?id=${\r\n innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0]\r\n ? innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImageVersion\r\n : ``\r\n }`\r\n }\r\n history={history}\r\n gameId={innerSlide.gameId}\r\n />\r\n ))\r\n ) : (\r\n <>\r\n {/* imageSpecialTypeId == 1 is the normal cutomaizided large slider*/}\r\n {imageSpecialTypeId == 1 || !imageSpecialTypeId ? (\r\n <>\r\n {/* horizantal image */}\r\n {(index === currentSlideIndex + (largeSlide - 1) ||\r\n index ===\r\n currentSlideIndex + (largeSlide - 1) - 1 ||\r\n index ===\r\n currentSlideIndex + (largeSlide - 1) + 1) && (\r\n game.imageTypeId == 4\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == 4\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n )}\r\n {/* regurlar image */}\r\n game.imageTypeId == imageType\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImage\r\n : slide.platformGameName\r\n }.webp?id=${\r\n slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n \r\n ) : null}\r\n {/* imageSpecialTypeId == 2 is the customized slider that displays two slides above each other*/}\r\n {/* {(imageSpecialTypeId == 2 ) ? (\r\n (index === currentSlideIndex + (largeSlide - 1)) ? ( \r\n game.imageTypeId ==imageType)[0] ? slides[index+1] && slides[index+1].slotsGameImages.filter(game => game.imageTypeId ==imageType)[0].gameImage : slides[index+1] && slides[index+1].platformGameName}.webp`\r\n }\r\n history={history}\r\n gameId={slides[index+1] ? slides[index+1].gameId : slide.gameId}\r\n />\r\n \r\n ) :\r\n ( \r\n <>\r\n game.imageTypeId ==imageType)[0] ? slide.slotsGameImages.filter(game => game.imageTypeId ==imageType)[0].gameImage : slide.platformGameName}.webp`\r\n }\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n \r\n \r\n )\r\n \r\n ) :null} */}\r\n {/* better UX */}\r\n {imageSpecialTypeId == 2 ? (\r\n <>\r\n \r\n game.imageTypeId == 1\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == 1\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n game.imageTypeId == 1\r\n )[0]\r\n ? slides[index + 1].slotsGameImages.filter(\r\n (game) => game.imageTypeId == 1\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={\r\n slides[index + 1]\r\n ? slides[index + 1].gameId\r\n : slide.gameId\r\n }\r\n />\r\n
\r\n\r\n \r\n
): (index > currentSlideIndex + (largeSlide - 1)) ? ( <>\r\n \r\n
): (index > currentSlideIndex + (largeSlide - 1)) ? ( <>\r\n \r\n \r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SlotsCourasel;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { Carousel } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\nimport Odometer from \"react-odometerjs\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nconst jackpotSize = \"medium\";\r\nexport class SlotsHeading extends Component {\r\n render() {\r\n const {\r\n jackpotBalances,\r\n winningMessage,\r\n jackpotImage,\r\n row1Col2Games,\r\n history,\r\n row1Col2ImageType,\r\n slidesToShow\r\n } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n jackpotBalances: state.jackpot.jackpotBalances,\r\n winningMessage: state.jackpot.winningMessage,\r\n jackpotImage: state.general.configuration.jackpotImage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsHeading);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\nimport { connect } from \"react-redux\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\n\r\nexport class SpecialGame extends Component {\r\n render() {\r\n const {\r\n specialGame,\r\n history,\r\n jackpotBalances,\r\n singleGameWinningMessage,\r\n } = this.props;\r\n console.log(\"jackpotBalancesaaaa\", jackpotBalances);\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {winningMessage ? (\r\n
\r\n\r\n {!winningMessage && (\r\n {winningMessage}
\r\n ) : (\r\n <>\r\n \r\n {jackpotBalances && jackpotBalances[JackpotLevel.Web]\r\n ? jackpotBalances[JackpotLevel.Web].currencySymbol\r\n : \"LD\"}\r\n
\r\n \r\n
\r\n )}\r\n $
\r\n \r\n {row1Col2Games && (\r\n \r\n {/* let url = AppConfig.icons;\r\n let src = `${url}${imageName}?id=${this.props.data.gameImageVersion}`; */}\r\n {row1Col2Games.map((game) => (\r\n
\r\n \r\n game.imageTypeId ==row1Col2ImageType)[0] ? game.slotsGameImages.filter(game => game.imageTypeId ==row1Col2ImageType)[0].gameImage : game.platformGameName}.webp`}\r\n history={history}\r\n gameId={game.gameId}\r\n />\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {specialGame && specialGame.length > 0 && (\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n jackpotBalances: state.jackpot.jackpotBalances,\r\n singleGameWinningMessage: state.jackpot.singleGameWinningMessage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SpecialGame);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nexport class TopGames extends Component {\r\n render() {\r\n const { games, history , topGamesInfoType , title} = this.props;\r\n console.log(\"gamesgamesgames\",topGamesInfoType);\r\n return (\r\n \r\n {!singleGameWinningMessage ? (\r\n <>\r\n {\" \"}\r\n {jackpotBalances && jackpotBalances[JackpotLevel.SingleGame] ? (\r\n <>\r\n {\" \"}\r\n \r\n {jackpotBalances[JackpotLevel.SingleGame].jackpotName}\r\n {\" \"}\r\n \r\n LRD {jackpotBalances[JackpotLevel.SingleGame].jackpotAmount}{\" \"}\r\n / USD{\" \"}\r\n {jackpotBalances[JackpotLevel.SingleGame].jackpotUsdValue}\r\n {\" \"}\r\n \r\n ) : null}{\" \"}\r\n \r\n ) : (\r\n
\r\n \r\n {singleGameWinningMessage}\r\n
\r\n )}\r\n\r\n ![]()
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopGames;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\n\r\n\r\nexport class NewGames extends Component {\r\n convertToArrays =(inputArray, chunkSize) =>{\r\n const result = [];\r\n let addSlideIndicator=0;\r\n \r\n for (let i = 0; i < inputArray.length; i += chunkSize) {\r\n result.push(inputArray.slice(i, i + chunkSize));\r\n }\r\n while (result[result.length -1] && result.length > 1 && result[result.length -1].length !== chunkSize && addSlideIndicator <= chunkSize){\r\n if(inputArray[addSlideIndicator]){\r\n result[result.length -1].push(inputArray[addSlideIndicator])\r\n }\r\n addSlideIndicator++;\r\n } \r\n return result;\r\n }\r\n render() {\r\n const {slides , history , newImagesType , row5Col2Categories} = this.props\r\n let slidesGroups;\r\n if(slides && slides.length> 0){\r\n slidesGroups=this.convertToArrays(slides , 3)\r\n }\r\n return (\r\n \r\n
\r\n {games &&\r\n games.map((game) => (\r\n \r\n 
\r\n
\r\n {title}
\r\n\r\n {console.log(\"game.slotsGameImages\",game.slotsGameImages)}\r\n ele.imageTypeId ==topGamesInfoType)[0] ? game.slotsGameImages.filter(ele => ele.imageTypeId ==topGamesInfoType)[0].gameImage : game.platformGameName}.webp`}\r\n history={history}\r\n gameId={game.gameId}\r\n />\r\n
\r\n ))}\r\n {/* \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default NewGames;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\nimport SpecialGame from \"./SpecialGame\";\r\nimport TopGames from \"./TopGames\";\r\nimport NewGames from \"./NewGames\";\r\nimport { connect } from \"react-redux\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport { Col, Row } from \"antd\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nexport class SlotsMainSection extends Component {\r\n render() {\r\n const {\r\n slotsGames,\r\n slotsFrontPageTemplates,\r\n slotsGamesCategories,\r\n categoryId,\r\n gameGroup,\r\n updateCategory,\r\n history,\r\n topGamesInfoType,\r\n match\r\n } = this.props;\r\n // row 3 col1\r\n const row3Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 3 && item.columId == 1;\r\n });\r\n const row3Col1Categories =\r\n row3Col1 &&\r\n row3Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row3Col1[0].categoryId);\r\n const row3Col1Games= row3Col1Categories && row3Col1Categories.length > 0 && row3Col1Categories[0].slotsGames && row3Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row1Col2ImageType = row3Col1 && row3Col1.length > 0 && row3Col1[0].imageTypeId\r\n const row3Col1Info =\r\n slotsGamesCategories &&\r\n row3Col1 &&\r\n row3Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row3Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 4 col1\r\n const row4Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 4 && item.columId == 1;\r\n });\r\n const row4Col1Categories =\r\n row4Col1 &&\r\n row4Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row4Col1[0].categoryId);\r\n const row4Col1Games= row4Col1Categories && row4Col1Categories.length > 0 && row4Col1Categories[0].slotsGames && row4Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row4Col1ImageType = row4Col1 && row4Col1.length > 0 && row4Col1[0].imageTypeId\r\n const row4Col1Info =\r\n slotsGamesCategories &&\r\n row4Col1 &&\r\n row4Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row4Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 5 col1\r\n const row5Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.columId == 1;\r\n });\r\n const row5Col1Games =\r\n row5Col1 &&\r\n row5Col1.length > 0 &&\r\n slotsGames &&\r\n slotsGames\r\n .filter((game) => game.categoryId == row5Col1[0].categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder);\r\n //\r\n // row 6 col1\r\n const row6Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 6 && item.columId == 1;\r\n });\r\n const row6Col1Categories =\r\n row6Col1 &&\r\n row6Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row6Col1[0].categoryId);\r\n const row6Col1Games= row6Col1Categories && row6Col1Categories.length > 0 && row6Col1Categories[0].slotsGames && row6Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row6Col1ImageType = row6Col1 && row6Col1.length > 0 && row6Col1[0].imageTypeId\r\n const row6Col1Info =\r\n slotsGamesCategories &&\r\n row6Col1 &&\r\n row6Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row6Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 3 col2\r\n const row3Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 3 && item.columId == 2;\r\n });\r\n const row3Col2Categories =\r\n row3Col2 &&\r\n row3Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row3Col2[0].categoryId);\r\n const row3Col2Games= row3Col2Categories && row3Col2Categories.length > 0 && row3Col2Categories[0].slotsGames && row3Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row3Col2ImageType = row3Col2 && row3Col2.length > 0 && row3Col2[0].imageTypeId\r\n const row3Col2Info =\r\n slotsGamesCategories &&\r\n row3Col2 &&\r\n row3Col2.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row3Col2[0].categoryId\r\n );\r\n //\r\n // row 5 col2\r\n const row5Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.columId == 2;\r\n });\r\n const row5Col2Categories =\r\n row5Col2 &&\r\n row5Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row5Col2[0].categoryId);\r\n const row5Col2Games= row5Col2Categories && row5Col2Categories.length > 0 && row5Col2Categories[0].slotsGames && row5Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row5Col2ImageType = row5Col2 && row5Col2.length > 0 && row5Col2[0].imageTypeId\r\n \r\n // row 7 col1\r\n const row7Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 7 && item.columId == 1;\r\n });\r\n const row7Col1Categories =\r\n row7Col1 &&\r\n row7Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row7Col1[0].categoryId);\r\n\r\n const row7Col1Games= row7Col1Categories && row7Col1Categories.length > 0 && row7Col1Categories[0].slotsGames && row7Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row7Col1ImageType = row7Col1 && row7Col1.length > 0 && row7Col1[0].imageTypeId\r\n const row7Col1Info =\r\n slotsGamesCategories &&\r\n row7Col1 &&\r\n row7Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row7Col1[0].categoryId\r\n );\r\n\r\n //\r\n\r\n\r\n // special game (jackpot)\r\n const specialGameInfo =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.jackpotGameId;\r\n });\r\n const specialGame =\r\n specialGameInfo &&\r\n specialGameInfo.length > 0 &&\r\n slotsGames &&\r\n slotsGames.filter(\r\n (game) => game.gameId == specialGameInfo[0].jackpotGameId\r\n );\r\n\r\n //\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n slotsGames: state.slots.slotsGames,\r\n slotsFrontPageTemplates: state.slots.slotsFrontPageTemplates,\r\n slotsGamesCategories: state.slots.slotsGamesCategories,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsMainSection);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\n\r\nexport class TopGamesDrawerIcon extends Component {\r\n render() {\r\n const {openTopGamesDrawer}=this.props\r\n return (\r\n \r\n {\" \"}\r\n {match.params.categoryId == 0 ? (\r\n <>\r\n 0 && row3Col1[0].displayGames) ? ( row3Col1[0].displayGames) : 5}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row3Col1Info && row3Col1Info[0].categoryId}\r\n imageSpecialTypeId={row3Col1 && row3Col1.length > 0 && row3Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row3Col1 && row3Col1.length > 0 && row3Col1[0].imageSpecialSizeOrder}\r\n imageType={row1Col2ImageType}\r\n />\r\n 0 && row4Col1[0].displayGames) ? ( row4Col1[0].displayGames) : 5}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row4Col1Info && row4Col1Info[0].categoryId}\r\n imageSpecialTypeId={row4Col1 && row4Col1.length > 0 && row4Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row4Col1 && row4Col1.length > 0 && row4Col1[0].imageSpecialSizeOrder}\r\n imageType={row4Col1ImageType}\r\n />\r\n {specialGame && specialGame.length > 0 && 0 && row6Col1[0].displayGames) ? ( row6Col1[0].displayGames) : 4}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row6Col1Info && row6Col1Info[0].categoryId}\r\n imageSpecialTypeId={row6Col1 && row6Col1.length > 0 && row6Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row6Col1 && row6Col1.length> 0 && row6Col1[0].imageSpecialSizeOrder}\r\n imageType={row6Col1ImageType}\r\n />\r\n 0 && row7Col1[0].displayGames) ? (row7Col1[0].displayGames) : 5}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row7Col1Info && row7Col1Info[0].categoryId}\r\n imageType={row7Col1ImageType}\r\n imageSpecialTypeId={row7Col1 && row7Col1.length > 0 && row7Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row7Col1 && row7Col1.length > 0 && row7Col1[0].imageSpecialSizeOrder}\r\n />\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {gameGroup.map((game) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopGamesDrawerIcon;\r\n","import React, { Component } from \"react\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\nimport Images from \"../Images\";\r\nimport SlotsHeading from \"./SlotsHeading\";\r\nimport SlotsMainSection from \"./SlotsMainSection\";\r\nimport {\r\n getJackpots,\r\n} from \"../../../redux/actions/slotsActions\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport {\r\n jackpotConnect,\r\n jackpotDisconnect,\r\n} from \"../../../redux/actions/singnalrActions\";\r\nimport { connect } from \"react-redux\";\r\nimport { Drawer } from \"antd\";\r\nimport TopGamesDrawerIcon from \"./TopGamesDrawerIcon\";\r\nimport TopGames from \"./TopGames\";\r\nimport NewGames from \"./NewGames\";\r\n\r\nexport class SlotsCategories extends Component {\r\n state = {\r\n categoryId: this.props.match.params.categoryId,\r\n openTopGamesDrawer: false,\r\n };\r\n componentDidMount() {\r\n const {\r\n getJackpots,\r\n jackpotConnect,\r\n setPropsMath,\r\n } = this.props;\r\n getJackpots();\r\n setPropsMath();\r\n\r\n jackpotConnect();\r\n }\r\n componentWillUnmount() {\r\n const { jackpotDisconnect } = this.props;\r\n jackpotDisconnect();\r\n }\r\n updateCategory = (id) => {\r\n const {history}=this.props;\r\n history.push(`/slots/${id}`)\r\n this.setState({\r\n categoryId: id,\r\n });\r\n };\r\n openTopGamesDrawer = () => {\r\n this.setState({\r\n openTopGamesDrawer: !this.state.openTopGamesDrawer,\r\n });\r\n };\r\n render() {\r\n const {\r\n categories,\r\n slotsFrontPageTemplates,\r\n loading,\r\n slotsGames,\r\n slotsGamesCategories,\r\n history,\r\n match\r\n } = this.props;\r\n // Top Games\r\n const topGamesInfo =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return ((item.rowId == 3 && item.columId == 2) || (item.sliderCategoryId != 0));\r\n });\r\n const topGamesInfoCategories =\r\n topGamesInfo &&\r\n topGamesInfo.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => (game.categoryId == topGamesInfo[0].sliderCategoryId));\r\n const topGamesInfoGames= topGamesInfoCategories && topGamesInfoCategories.length > 0 && topGamesInfoCategories[0].slotsGames && topGamesInfoCategories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const topGamesInfoType = topGamesInfo && topGamesInfo.length > 0 && topGamesInfo[0].imageTypeId\r\n const topGamesTitle =\r\n slotsGamesCategories &&\r\n topGamesInfoGames &&\r\n topGamesInfoGames.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == topGamesInfoGames[0].categoryId\r\n );\r\n //\r\n //\r\n // row 1 col2\r\n const row1Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return ((item.rowId == 1 && item.columId == 2 )|| (item.rowId == 1 && item.columId == 1));\r\n });\r\n const row1Col2Categories =\r\n row1Col2 &&\r\n row1Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row1Col2[0].categoryId);\r\n const row1Col2Games= row1Col2Categories && row1Col2Categories.length > 0 && row1Col2Categories[0].slotsGames && row1Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row1Col2ImageType = row1Col2 && row1Col2.length > 0 && row1Col2[0].imageTypeId\r\n //\r\n\r\n // row 2 col 1\r\n const row2Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 2 && item.columId == 1;\r\n });\r\n const isRow2Col1Tabs =\r\n row2Col1 && row2Col1.length > 0 && row2Col1[0].categoryId == 0;\r\n const row2Col1Tabs = slotsGamesCategories && slotsGamesCategories.filter(item=> item.categoryIsTab);\r\n const row2Col1Games =\r\n !isRow2Col1Tabs &&\r\n row2Col1 &&\r\n row2Col1.length > 0 &&\r\n slotsGames &&\r\n slotsGames\r\n .filter((game) => game.categoryId == row2Col1[0].categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder);\r\n const row2Col1Info =\r\n slotsGamesCategories &&\r\n row2Col1 &&\r\n row2Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row2Col1[0].categoryId\r\n );\r\n //\r\n\r\n // row 8 col1\r\n const row8Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 8 && item.columId == 1;\r\n });\r\n const row8Col1Categories =\r\n row8Col1 &&\r\n row8Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row8Col1[0].categoryId)\r\n \r\n const row8Col1Games= row8Col1Categories && row8Col1Categories.length > 0 && row8Col1Categories[0].slotsGames && row8Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row8Col1ImageType = row8Col1 && row8Col1.length > 0 && row8Col1[0].imageTypeId\r\n const row8Col1Info =\r\n slotsGamesCategories &&\r\n row8Col1 &&\r\n row8Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row8Col1[0].categoryId\r\n );\r\n \r\n //\r\n // row 9 col1\r\n const row9Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 9 && item.columId == 1;\r\n });\r\n const row9Col1Categories =\r\n row9Col1 &&\r\n row9Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row9Col1[0].categoryId)\r\n \r\n const row9Col1Games= row9Col1Categories && row9Col1Categories.length > 0 && row9Col1Categories[0].slotsGames && row9Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row9Col1ImageType = row9Col1 && row9Col1.length > 0 && row9Col1[0].imageTypeId\r\n const row9Col1Info =\r\n slotsGamesCategories &&\r\n row9Col1 &&\r\n row9Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row9Col1[0].categoryId\r\n );\r\n //\r\n // Additional Rows\r\n const additionalRows =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return (item.rowId > 9 && item.categoryId > 0);\r\n });\r\n const additionalRowsCategories=[]\r\n additionalRows &&\r\n additionalRows.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .map((game) => additionalRows.map(singleRow=> {\r\n if(game.categoryId == singleRow.categoryId){\r\n additionalRowsCategories.push(game) \r\n }} ) ) \r\n\r\n //\r\n\r\n const gameGroup =\r\n this.state.categoryId && slotsGames\r\n ? slotsGames\r\n .filter((game) => game.categoryId == this.state.categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n : [];\r\n return (\r\n \r\n openTopGamesDrawer()} />\r\n
\r\n \r\n {loading ? (\r\n 0 && row1Col2[0].displayGames) ? (row1Col2[0].displayGames): 1} />\r\n 0 && row2Col1[0].displayGames) ? (row2Col1[0].displayGames) : 6}\r\n history={history}\r\n type={isRow2Col1Tabs ? \"tabs\" : \"images\"}\r\n scatter={true}\r\n categoryId={this.state.categoryId}\r\n updateCategory={this.updateCategory}\r\n imageSpecialTypeId={row2Col1 && row2Col1.length > 0 && row2Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row2Col1 && row2Col1.length > 0 && row2Col1[0].imageSpecialSizeOrder}\r\n />\r\n {/* */}\r\n\r\n 0 && row8Col1[0].displayGames) ? (row8Col1[0].displayGames) : 4}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={this.updateCategory}\r\n categoryId={row8Col1Info && row8Col1Info[0].categoryId}\r\n imageType={row8Col1ImageType}\r\n imageSpecialTypeId={row8Col1 && row8Col1.length > 0 && row8Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row8Col1 && row8Col1.length > 0 && row8Col1[0].imageSpecialSizeOrder}\r\n />\r\n\r\n 0 && row9Col1[0].displayGames) ? (row9Col1[0].displayGames) : 6}\r\n type={\"images\"}\r\n history={history}\r\n updateCategory={this.updateCategory}\r\n categoryId={row9Col1Info && row9Col1Info[0].categoryId}\r\n imageType={row9Col1ImageType}\r\n imageSpecialTypeId={row9Col1 && row9Col1.length > 0 && row9Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row9Col1 && row9Col1.length > 0 && row9Col1[0].imageSpecialSizeOrder}\r\n />\r\n\r\n {additionalRowsCategories && additionalRowsCategories.map(row=>{\r\n return (\r\n a.gameOrder < b.gameOrder)}\r\n slidesToShow={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 ? additionalRows.filter(item=>item.categoryId == row.categoryId)[0].displayGames : 5}\r\n type={\"images\"}\r\n history={history}\r\n updateCategory={this.updateCategory}\r\n categoryId={row.categoryId}\r\n imageType={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageTypeId}\r\n imageSpecialTypeId={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageSpecialTypeId}\r\n largeSlideNumber={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageSpecialSizeOrder}\r\n />\r\n )\r\n })}\r\n {/* this.openTopGamesDrawer()}\r\n visible={this.state.openTopGamesDrawer}\r\n >\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n slotsGames: state.slots.slotsGames,\r\n loading: state.slots.loading,\r\n categories: state.slots.categories,\r\n slotsFrontPageTemplates: state.slots.slotsFrontPageTemplates,\r\n slotsGamesCategories: state.slots.slotsGamesCategories,\r\n config: state.slots.config,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setPropsMath: () => dispatch(setPropsMath()),\r\n jackpotConnect: () => dispatch(jackpotConnect()),\r\n jackpotDisconnect: () => dispatch(jackpotDisconnect()),\r\n getJackpots: () => dispatch(getJackpots()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsCategories);\r\n","import App from \"./layout/App\";\r\nimport Header from \"./layout/Header\";\r\nimport LoginAndRegistrationHeader from \"./layout/LoginAndRegistrationHeader\";\r\nimport LoginAndRegistrationScreen from \"./layout/LoginAndRegistrationScreen\";\r\nimport SlotMobileGame from \"./layout/SlotMobileGame\";\r\nimport WorldCup from \"./layout/WorldCup\";\r\nimport Teams from \"./layout/Teams\";\r\nimport HeaderMobile from \"./layout/HeaderMobile\";\r\nimport Footer from \"./layout/Footer\";\r\nimport FooterMobile from \"./layout/FooterMobile\";\r\nimport Banner from \"./layout/Banner\";\r\nimport BannerMobile from \"./layout/BannerMobile\";\r\nimport Screen from \"./layout/Screen\";\r\nimport ScreenTitle from \"./common/ScreenTitle\";\r\nimport SportTypes from \"./common/SportTypes\";\r\nimport Events from \"./common/betEvents/Events\";\r\nimport EventsLive from \"./common/betEvents/EventsLive\";\r\nimport EventsSports from \"./common/betEvents/EventsSports\";\r\nimport EventsVirtual from \"./common/betEvents/EventsVirtual\";\r\nimport EventsKiron from \"./common/spinAndWin/GameBoard\";\r\nimport VirtualMenu from \"./common/virtual/VirtualMenu\";\r\nimport VirtualVideo from \"./common/virtual/VirtualVideo\";\r\nimport MenuTree from \"./common//MenuTree\";\r\nimport Bets from \"./common/betEvents/\";\r\nimport BetSlip from \"./common/betSlip/BetSlip\";\r\nimport Images from \"./common/Images\";\r\nimport Alert from \"./common/Alert\";\r\nimport SportIcon from \"./common/SportIcon\";\r\nimport Loading from \"./common/Loading\";\r\nimport Beforeunload from \"./common/Beforeunload\";\r\nimport * as Swipable from \"./common/Swipable\";\r\nimport Search from \"./common/Search\";\r\nimport PhoneNumber from \"./common/PhoneNumber\";\r\nimport Modal from \"./common/Modal\";\r\nimport SlotList from \"./common/slot/SlotList\";\r\nimport SlotsGame from \"./common/slot/SlotsGame\";\r\nimport OddField from \"./common/spinAndWin/OddFields\";\r\nimport InfiniteScrollComponent from \"./common/InfiniteScrollComponent\";\r\nimport SpecialOddFieldButton from \"./common/spinAndWin/SpecialOddFieldButton\";\r\nimport { handleWindowResize } from \"./WindowChange\";\r\nimport ViewportBlock from \"../components/common/ViewPortController\";\r\nimport { useOnScreen, OnScreenWrapper } from \"../components/common/UseOnScreen\";\r\nimport SlotsCourasel from \"./common/newSlots/SlotsCourasel\";\r\nimport SlotsCategories from \"./common/newSlots/SlotsCategories\";\r\n\r\nexport {\r\n App,\r\n Header,\r\n HeaderMobile,\r\n Footer,\r\n FooterMobile,\r\n Banner,\r\n BannerMobile,\r\n Screen,\r\n ScreenTitle,\r\n SportTypes,\r\n Events,\r\n EventsLive,\r\n EventsSports,\r\n EventsVirtual,\r\n EventsKiron,\r\n MenuTree,\r\n VirtualMenu,\r\n VirtualVideo,\r\n Bets,\r\n BetSlip,\r\n Images,\r\n Alert,\r\n SportIcon,\r\n Loading,\r\n Beforeunload,\r\n Swipable,\r\n Search,\r\n PhoneNumber,\r\n Modal,\r\n SlotList,\r\n SlotsGame,\r\n LoginAndRegistrationScreen,\r\n LoginAndRegistrationHeader,\r\n SlotMobileGame,\r\n WorldCup,\r\n Teams,\r\n OddField,\r\n SpecialOddFieldButton,\r\n handleWindowResize,\r\n InfiniteScrollComponent,\r\n ViewportBlock,\r\n useOnScreen,\r\n OnScreenWrapper,\r\n SlotsCourasel,\r\n SlotsCategories\r\n};\r\n","import UniversalCookies from 'universal-cookie';\r\n\r\nconst cookies = new UniversalCookies();\r\n\r\nexport default class Cookies {\r\n\tstatic set = (name, value, expiredMinutes, options = { path: '/' }) => {\r\n\t\tlet dateExpires = new Date();\r\n\t\tlet minutes = parseInt(expiredMinutes);\r\n\t\tdateExpires.setMinutes(dateExpires.getMinutes() + minutes);\r\n\t\toptions.expires = dateExpires;\r\n\r\n\t\tcookies.set(name, JSON.stringify(value), options);\r\n\t}\r\n\r\n\tstatic get = (name, options = { path: '/' }) => {\r\n\t\tconst value = cookies.get(name, options);\r\n\t\tif (!value || value === undefined || value === 'undefined') {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn value;\r\n\t}\r\n\r\n\tstatic remove = (name, options = { path: '/' }) => {\r\n\t\tcookies.remove(name, options)\r\n\t}\r\n}","import { Button, Checkbox, Form, Input, Select, Icon, DatePicker } from \"antd\";\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { ConsoleView } from \"react-device-detect\";\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { reCaptchaApiKey } from \"../../ApiKeys.js\";\r\nimport { Alert, PhoneNumber } from \"../../components\";\r\nimport Cookies from \"../../helpers/cookies.js\";\r\nimport {\r\n sendRegisterData,\r\n sendValidatePhone,\r\n} from \"../../redux/actions/registerActions\";\r\nimport {AppConfig} from \"../../helpers\";\r\nconst InputGroup = Input.Group;\r\nconst { Option } = Select;\r\nconst enabledStyle = {\r\n backgroundColor: \"#2C8AF7\",\r\n};\r\nconst disabledStyle = {\r\n backgroundColor: \"gray\",\r\n};\r\nclass Step1 extends React.Component {\r\n state = {\r\n captcha: \"\",\r\n passwordNumbers: false,\r\n passwordLowerCase: false,\r\n passwordUpperCase: false,\r\n passwordLength: false,\r\n passwordSpecialChar: true,\r\n };\r\n async componentDidMount() {\r\n this.props.form.validateFields();\r\n Cookies.remove(\"memberId\");\r\n }\r\n\r\n hasErrors = (fieldsError) => {\r\n //\tlet values = this.props.form.getFieldsValue(['captcha', 'year', 'month', 'day', 'prefix', 'phoneNum', 'password', 'termsAndConditions'])\r\n let values = this.props.form.getFieldsValue([\r\n \"birthDate\",\r\n \"prefix\",\r\n \"phoneNum\",\r\n \"password\",\r\n \"confirm\",\r\n \"termsAndConditions\",\r\n ]);\r\n return (\r\n Object.keys(fieldsError).some((field) => fieldsError[field]) ||\r\n Object.values(values).filter(\r\n (field) =>\r\n field === undefined ||\r\n field === false ||\r\n field === null ||\r\n field === \"\"\r\n ).length > 0\r\n );\r\n };\r\n\r\n // send first phone for confirmation\r\n handleValidatePhone = (e) => {\r\n e.preventDefault();\r\n let values = this.props.form.getFieldsValue([\r\n \"birthDate\",\r\n \"prefix\",\r\n \"phoneNum\",\r\n \"password\",\r\n \"termsAndConditions\",\r\n ]);\r\n if (!Object.values(values).every((item) => item === undefined)) {\r\n let formData = {\r\n phone: \"231\" + values.prefix + values.phoneNum,\r\n birthDate: values.birthDate,\r\n password: values.password,\r\n termsAndConditions: values.termsAndConditions,\r\n captcha: this.state.captcha,\r\n };\r\n\r\n this.props.sendRegisterData(formData);\r\n\r\n //if (this.state.captcha) {\r\n let data = {\r\n phoneNumber: \"231\" + values.prefix + values.phoneNum,\r\n recaptchaResponse: this.state.captcha,\r\n reSendSms: false,\r\n };\r\n this.props.sendValidatePhone(data);\r\n //}\r\n }\r\n };\r\n\r\n validatePassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (password && confirm && password === confirm) {\r\n if (regexValidation.test(password) && regexValidation.test(confirm)) {\r\n form.setFields({\r\n password: {\r\n value: password,\r\n errors: undefined,\r\n },\r\n confirm: {\r\n value: confirm,\r\n errors: undefined,\r\n },\r\n });\r\n callback();\r\n }\r\n } else if (password && !confirm) {\r\n callback();\r\n } else if (password != \"\" && confirm != \"\" && password !== confirm) {\r\n callback(\"passwords dont match\");\r\n }\r\n if (password) {\r\n this.passwordLengthValidator();\r\n this.passwordNumbersValidator();\r\n this.passwordUppercaseValidator();\r\n this.passwordLowercaseValidator();\r\n this.passwordSpecialCharValidator();\r\n }\r\n };\r\n validateNewPassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (password && confirm && password === confirm) {\r\n if (regexValidation.test(password) && regexValidation.test(confirm)) {\r\n form.setFields({\r\n password: {\r\n value: password,\r\n errors: undefined,\r\n },\r\n confirm: {\r\n value: confirm,\r\n errors: undefined,\r\n },\r\n });\r\n callback();\r\n }\r\n }\r\n if (password) {\r\n this.passwordLengthValidator();\r\n this.passwordNumbersValidator();\r\n this.passwordUppercaseValidator();\r\n this.passwordLowercaseValidator();\r\n this.passwordSpecialCharValidator();\r\n }\r\n };\r\n\r\n validateCheckedTerms = (rule, value, callback) => {\r\n if (value === true) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n\r\n //Validate User Above 18\r\n validatorIsAbove18 = (rule, value, callback) => {\r\n const form = this.props.form;\r\n // let day = form.getFieldValue(\"day\");\r\n // let month = form.getFieldValue(\"month\");\r\n // let year = form.getFieldValue(\"year\");\r\n let birthDate = form.getFieldValue(\"birthDate\");\r\n // //\r\n // let birthate = moment(\r\n // `${year} ${parseInt(month) + 1} ${day}`,\r\n // \"YYYY MM DD\"\r\n // );\r\n // console.log(\"birthate\" , birthate);\r\n // //\r\n if (birthDate._isAMomentObject) {\r\n if (birthDate.isValid()) {\r\n let today = moment();\r\n if (\r\n today.diff(birthDate, \"years\", true) >= 18 &&\r\n today.diff(birthDate) > 0\r\n ) {\r\n form.setFields({\r\n birthDate: {\r\n value: birthDate,\r\n errors: undefined,\r\n },\r\n // month: {\r\n // value: month,\r\n // errors: undefined,\r\n // },\r\n // year: {\r\n // value: year,\r\n // errors: undefined,\r\n // },\r\n });\r\n callback();\r\n } else {\r\n let error = [new Error(\"You Must Be Above 18\")];\r\n form.setFields({\r\n birthDate: {\r\n touched: true,\r\n value: birthDate,\r\n errors: error,\r\n },\r\n // month: {\r\n // touched: true,\r\n // value: month,\r\n // errors: error,\r\n // },\r\n // year: {\r\n // touched: true,\r\n // value: year,\r\n // errors: error,\r\n // },\r\n });\r\n\r\n callback(\"You Must Be Above 18\");\r\n }\r\n } else {\r\n callback(\"Invalid Date, please fill correct date values\");\r\n }\r\n } else {\r\n callback(\"Please enter birth date\");\r\n }\r\n };\r\n\r\n onChangeCaptcha = (value) => {\r\n this.setState({ captcha: value });\r\n };\r\n\r\n passwordLengthValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n //if (password && password != '' && password != undefined) {\r\n this.setState({ passwordLength: password.length >= 8 });\r\n //}\r\n };\r\n passwordNumbersValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /\\d/;\r\n this.setState({ passwordNumbers: regexValidation.test(password) });\r\n };\r\n passwordUppercaseValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /[A-Z]/;\r\n this.setState({ passwordUpperCase: regexValidation.test(password) });\r\n };\r\n passwordLowercaseValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /[a-z]/;\r\n this.setState({ passwordLowerCase: regexValidation.test(password) });\r\n };\r\n passwordSpecialCharValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n // let regexValidation = /[#[\\]!$&()*+,;='<>\"`%+]/;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n\r\n this.setState({ passwordSpecialChar: regexValidation.test(password) });\r\n };\r\n\r\n render() {\r\n const { loading, message } = this.props;\r\n const {\r\n getFieldDecorator,\r\n getFieldsError,\r\n getFieldError,\r\n isFieldTouched,\r\n } = this.props.form;\r\n const formItemLayout = null;\r\n\r\n const dayDateError = isFieldTouched(\"day\") && getFieldError(\"day\");\r\n const monthDateError = isFieldTouched(\"month\") && getFieldError(\"month\");\r\n const yearDateError = isFieldTouched(\"year\") && getFieldError(\"year\");\r\n const passwordError =\r\n (isFieldTouched(\"password\") && getFieldError(\"password\")) ||\r\n (isFieldTouched(\"confirm\") && getFieldError(\"confirm\"));\r\n const termsError =\r\n isFieldTouched(\"termsAndConditions\") &&\r\n getFieldError(\"termsAndConditions\");\r\n const captchaError = isFieldTouched(\"captcha\") && getFieldError(\"captcha\");\r\n const prefixError = isFieldTouched(\"prefix\") && getFieldError(\"prefix\");\r\n const phoneError = isFieldTouched(\"phoneNum\") && getFieldError(\"phoneNum\");\r\n const disableCondition =\r\n this.hasErrors(getFieldsError()) ||\r\n !this.state.passwordLength ||\r\n !this.state.passwordNumbers ||\r\n !this.state.passwordLowerCase ||\r\n !this.state.passwordUpperCase ||\r\n !this.state.passwordSpecialChar ||\r\n this.props.form.getFieldValue(\"password\") !=\r\n this.props.form.getFieldValue(\"confirm\");\r\n return (\r\n \r\n {/*
\r\n ) : (\r\n <>\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n loading: state.register.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n sendValidatePhone: (data) => dispatch(sendValidatePhone(data)),\r\n sendRegisterData: (data) => dispatch(sendRegisterData(data)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"Step1\" })(Step1);\r\nexport default connect(\r\n MapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedStep1);\r\n","import { Button, Form, Input } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert } from \"../../components\";\r\nimport { Cookies } from \"../../helpers\";\r\nimport {\r\n registerMember,\r\n sendAddValidatePhone,\r\n sendRegisterData,\r\n sendValidatePhone,\r\n addMemberPhone,\r\n} from \"../../redux/actions/registerActions\";\r\nimport { skip } from \"../../redux/actions/membersActions\";\r\n\r\nclass Step2 extends React.Component {\r\n state = {\r\n OTP: {\r\n 1: null,\r\n 2: null,\r\n 3: null,\r\n 4: null,\r\n 5: null,\r\n 6: null,\r\n },\r\n };\r\n async componentDidMount() {\r\n this.props.form.validateFields();\r\n }\r\n\r\n hasErrors = (fieldsError) => {\r\n return Object.keys(fieldsError).some((field) => fieldsError[field]);\r\n };\r\n // validate confirmation code\r\n validateCode = (rule, value, callback) => {\r\n if (\r\n this.props.form.getFieldValue(\"code\") &&\r\n this.props.form.getFieldValue(\"code\").length === 6\r\n ) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n // resend sms\r\n handleResendSMS = () => {\r\n this.props.form.resetFields();\r\n // if member is registered than we dont send the captcha\r\n if (Cookies.get(\"memberId\")) {\r\n let data = {\r\n name: this.props.formData.secondPhone,\r\n };\r\n this.props.sendAddValidatePhone(data);\r\n } else {\r\n let data = {\r\n phoneNumber: this.props.formData.phone,\r\n recaptchaResponse: this.props.formData.captcha,\r\n reSendSms: true,\r\n };\r\n this.props.sendValidatePhone(data, true);\r\n }\r\n };\r\n\r\n // register new member\r\n handleOnSubmit = () => {\r\n // if member exist we send the token and the member id\r\n this.props.sendRegisterData({\r\n ...this.props.formData,\r\n smsCode: Object.values(this.state.OTP).join(\"\").toString().replace(/\\,/g, \"\"),\r\n });\r\n if (Cookies.get(\"memberId\")) {\r\n this.props.addMemberPhone();\r\n } else {\r\n // register member\r\n this.props.registerMember();\r\n }\r\n };\r\n\r\n skip = () => {\r\n this.props.skip();\r\n };\r\n handleOTPChange = (e, id) => {\r\n const inputElement = document.getElementById(id);\r\n this.setState(\r\n (this.state.OTP = {\r\n ...this.state.OTP,\r\n [id.split(\"-\")[1]]: e.target.value,\r\n })\r\n );\r\n if (e.target.value != \"\" && inputElement.nextSibling) {\r\n inputElement.nextSibling.focus();\r\n }\r\n if (e.target.value == \"\" && inputElement.previousSibling) {\r\n inputElement.previousSibling.focus();\r\n }\r\n if (!inputElement.nextSibling) {\r\n // console.log(\r\n // \"Object.values(this.state.OTP)\",\r\n // Object.values(this.state.OTP).join(\"\").replaceAll(\",\", \"\")\r\n // );\r\n }\r\n };\r\n maxLengthCheck = (object) => {\r\n if (object.target.value.length > object.target.maxLength) {\r\n object.target.value = object.target.value.slice(\r\n 0,\r\n object.target.maxLength\r\n );\r\n }\r\n };\r\n onInputFocus = (e) => {\r\n e.target.select();\r\n };\r\n\r\n render() {\r\n const formItemLayout = null;\r\n const { message, resendSmsMessage, current } = this.props;\r\n const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } =\r\n this.props.form;\r\n const codeError = isFieldTouched(\"code\") && getFieldError(\"code\");\r\n return (\r\n \r\n
*/}\r\n \r\n
\r\n \r\n Thanks for your interest in Winners! Once you fill in the\r\n registration form below, you will receive the registration code\r\n via SMS.\r\n
\r\n Register Account
\r\n {AppConfig.ShowSignInAndRegistersBtn ? (\r\n \r\n
\r\n ) : (\r\n \"Access is not allowed from your destination\"\r\n )}\r\n \r\n this.handleValidatePhone(e)}\r\n >\r\n \r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tgetFieldDecorator('captcha', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'You must validate captcha' }]\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t(< ReCAPTCHA\r\n\t\t\t\t\t\t\t\t\t\t\tref={(r) => this.captcha = r}\r\n\t\t\t\t\t\t\t\t\t\t\tsitekey={reCaptchaApiKey}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this.onChangeCaptcha}\r\n\t\t\t\t\t\t\t\t\t\t\tonExpired={() => { this.captcha.reset() }} />)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t */}\r\n
\r\n \r\n
\r\n \r\n \r\n {getFieldDecorator(\"phonenumber\", {\r\n rules: [{ required: true }],\r\n })(\r\n {getFieldDecorator(\"birthDate\", {\r\n rules: [\r\n {\r\n required: true,\r\n // message: \"Please fill your birth date\",\r\n validator: this.validatorIsAbove18,\r\n },\r\n ],\r\n })(\r\n
\r\n \r\n \r\n {getFieldDecorator(\"password\", {\r\n rules: [\r\n {\r\n required: true,\r\n },\r\n {\r\n validator: this.validateNewPassword,\r\n },\r\n ],\r\n })()}\r\n \r\n \r\n {getFieldDecorator(\"confirm\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \"Please confirm your password!\",\r\n },\r\n {\r\n validator: this.validatePassword,\r\n },\r\n ],\r\n })()}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n Your password must contain\r\n
\r\n \r\n \r\n {getFieldDecorator(\"termsAndConditions\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \"you must accept the terms!\",\r\n },\r\n {\r\n validator: this.validateCheckedTerms,\r\n message: \"you must accept the terms!\",\r\n },\r\n ],\r\n })(\r\n \r\n By checking this message, I hereby confirm that I agree\r\n with the{\" \"}\r\n \r\n Terms and Conditions\r\n \r\n , that I am 18 years old or over and that all\r\n information given is true.\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n {message && \r\n {/*
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n loading: state.register.loading,\r\n current: state.register.current,\r\n formData: state.register.formData,\r\n resendSmsMessage: state.register.resendSmsMessage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n sendValidatePhone: (data, resend) =>\r\n dispatch(sendValidatePhone(data, resend)),\r\n registerMember: () => dispatch(registerMember()),\r\n sendAddValidatePhone: (data) => dispatch(sendAddValidatePhone(data)),\r\n addMemberPhone: (data) => dispatch(addMemberPhone(data)),\r\n sendRegisterData: (data) => dispatch(sendRegisterData(data)),\r\n skip: () => dispatch(skip()),\r\n});\r\nconst WrappedStep2 = Form.create({ name: \"Step2\" })(Step2);\r\nexport default connect(MapStateToProps, mapDispatchToProps)(WrappedStep2);\r\n","import { Button, Form, Input } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { skip } from '../../redux/actions/membersActions';\r\nimport { sendRegisterData, sendAddValidatePhone } from '../../redux/actions/registerActions';\r\nimport { Step2 } from './';\r\nimport { Alert, PhoneNumber } from '../../components';\r\n\r\nconst Step3 = (props) => {\r\n\tconst skip = () => {\r\n\t\tprops.skip();\r\n\t}\r\n\r\n\t// send second phone for confirmation\r\n\tconst handleAddPhone = (e) => {\r\n\t\te.preventDefault();\r\n\t\tlet secondPhone = '231' + props.form.getFieldValue('prefix') + props.form.getFieldValue('phoneNum')\r\n\t\tlet data = {\r\n\t\t\tname: secondPhone\r\n\t\t}\r\n\t\tprops.sendRegisterData({ ...props.formData, secondPhone })\r\n\t\tprops.sendAddValidatePhone(data);\r\n\t}\r\n\r\n\t\r\n\tconst hasErrors = (fieldsError) => {\r\n\t\tlet values = props.form.getFieldsValue(['phoneNum'])\r\n\t\treturn Object.keys(fieldsError).some(field => fieldsError[field]) || Object.values(values).filter(field => field === undefined || field === false || field === '').length > 0\r\n\t\t \r\n\t}\r\n\r\n\tconst { getFieldDecorator, isFieldTouched, getFieldError, getFieldsError } = props.form;\r\n\tconst prefixError = isFieldTouched('prefix') && getFieldError('prefix');\r\n\tconst phoneError = isFieldTouched('phoneNum') && getFieldError('phoneNum');\r\n\r\n\treturn (\r\n\t\tprops.phoneValid ?\r\n\t\t\t\r\n\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tWe sent you a code to\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{current === 1 ? this.props.formData.phone : this.props.formData.secondPhone}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{current === 1 ? this.props.formData.phone : this.props.formData.secondPhone}\r\n\t\t\t\t\t\t
SMS Vertification
\r\n\r\n\r\n
\r\n \r\n {message && \r\n\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tgetFieldDecorator('code', {\r\n\t\t\t\t\t\t\t\t\trules: [{ required: true }, { validator: this.validateCode, message: \"must be 6 characters\" }]\r\n\t\t\t\t\t\t\t\t})(\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t */}\r\n \r\n Resend SMS\r\n
\r\n \r\n \r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-1\")}\r\n id=\"opt-1\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-2\")}\r\n id=\"opt-2\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-3\")}\r\n id=\"opt-3\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-4\")}\r\n id=\"opt-4\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-5\")}\r\n id=\"opt-5\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-6\")}\r\n id=\"opt-6\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n {this.props.secondPhone && (\r\n \r\n )}\r\n \r\n\t\t\t\t
\r\n\t)\r\n}\r\nconst MapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tmessage: state.register.message,\r\n\t\tloading: state.register.loading,\r\n\t\tphoneValid: state.register.phoneValid,\r\n\t\tformData: state.register.formData\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => (\r\n\t{\r\n\t\tskip: () => dispatch(skip()),\r\n\t\tsendAddValidatePhone: (data) => dispatch(sendAddValidatePhone(data)),\r\n\t\tsendRegisterData: (data) => dispatch(sendRegisterData(data))\r\n\t}\r\n);\r\n\r\nconst WrappedStep3 = Form.create({ name: 'Step3' })(Step3);\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(WrappedStep3);\r\n","import { Button, Form, Input, Select, Steps } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { getRegisterEntities, init } from \"../../redux/actions/registerActions\";\r\nimport { updateMemberDetails } from \"../../redux/actions/membersActions\";\r\nimport { Cookies, CountryCodes, Constants, AppConfig } from \"../../helpers\";\r\nimport { getCounties } from \"../../redux/actions/generalActions\";\r\nimport { Step5 } from \"./\";\r\nimport { Alert } from \"../../components\";\r\nimport { history } from \"../../redux/stores/configureStore\";\r\n\r\nclass Step4 extends React.Component {\r\n componentDidMount() {\r\n this.props.getRegisterEntities();\r\n this.props.getCounties();\r\n }\r\n\r\n emailValidator = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let email = form.getFieldValue(\"email\");\r\n //this.props.form.validateFields(['email'], (err, values) => {\r\n //console.log(\"err\", err)\r\n //if (!err) {\r\n let regex = RegExp(\r\n \"^(?=[A-Z0-9][A-Z0-9@._%+-]{5,253}$)[A-Z0-9._%+-]{1,64}@(?:(?=[A-Z0-9-]{1,63}.)[A-Z0-9]+(?:-[A-Z0-9]+)*.){1,8}[A-Z]{2,63}$\"\r\n );\r\n\r\n if (!regex.test(email)) {\r\n let error = [new Error(\"Invalid email\")];\r\n\r\n form.setFields({ email: { value: email, errors: error } });\r\n callback(\"Invalid email\");\r\n } else {\r\n callback();\r\n }\r\n };\r\n\r\n register = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n //update member\r\n let data = {\r\n memberId: Cookies.get(\"memberId\"),\r\n email: values.email,\r\n genderId: values.gender,\r\n firstName: values.firstName,\r\n lastName: values.lastName,\r\n securityQuestionId: values.question,\r\n answer: values.sequrityAnswer,\r\n countryId: values.country,\r\n countyId: values.county,\r\n city: values.city,\r\n address: values.address,\r\n postalCode: values.postalCode,\r\n };\r\n window.log(\"recieved \", data);\r\n this.props.updateMemberDetails(data);\r\n }\r\n });\r\n };\r\n // getCountryFlag = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n navigateToAccount = () => {\r\n history.push(\"/account/bets\");\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { message, userData, counties, countries } = this.props;\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 8 },\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 16 },\r\n },\r\n };\r\n return this.props.registered ? (\r\n // \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tprops.message &&\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t{this.navigateToAccount()}
\r\n ) : (\r\n \r\n \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('question', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'Please select your security Question!' }]\r\n\t\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('sequrityAnswer', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'Please fiil your Security Answer' }],\r\n\t\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\t */}\r\n {/* \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('country', {\r\n\t\t\t\t\t\t\t\t\t\tinitialValue: 121,\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t()}\r\n\t\t\t\t\t\t\t\t */}\r\n {/* \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('city')()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('address')()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('postalCode')()}\r\n\t\t\t\t\t\t\t\t */}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n countries: state.register.countries,\r\n genders: state.register.genders,\r\n securityQuestions: state.register.securityQuestions,\r\n loading: state.register.loading,\r\n registered: state.register.registered,\r\n message: state.register.message,\r\n userData: state.member.userData,\r\n counties: state.general.counties,\r\n countries: state.register.countries,\r\n countryFlags: state.general.countryFlags,\r\n };\r\n};\r\n\r\nconst MapDispatchToProps = (dispatch) => ({\r\n getRegisterEntities: () => dispatch(getRegisterEntities()),\r\n updateMemberDetails: (data) => dispatch(updateMemberDetails(data)),\r\n init: () => dispatch(init()),\r\n getCounties: () => dispatch(getCounties()),\r\n});\r\n\r\nconst WrappedStep4 = Form.create({ name: \"Step4\" })(Step4);\r\nexport default connect(\r\n MapStateToProps,\r\n MapDispatchToProps\r\n)(WrappedStep4);\r\n","import Step1 from \"./Step1\";\r\nimport Step2 from \"./Step2\";\r\nimport Step3 from \"./Step3\";\r\nimport Step4 from \"./Step4\";\r\nimport Step5 from \"./Step5\";\r\n\r\nexport { Step1, Step2, Step3, Step4, Step5 };\r\n","import { BetSlipActionTypes, SignalRTypes, GeneralActionTypes } from '../actions'\r\n\r\n\r\nexport function updateBetSlip(field) {\r\n return {\r\n type: BetSlipActionTypes.Update_BetSlip_List_Request,\r\n field\r\n }\r\n}\r\nexport function onAmountChange(amount) {\r\n return {\r\n type: BetSlipActionTypes.On_Amount_Change,\r\n amount\r\n }\r\n}\r\n\r\nexport function clearSucceededBets() {\r\n return {\r\n type: BetSlipActionTypes.Clear_Succeeded_Bets\r\n }\r\n}\r\nexport function handleHideStake(forceHideStake) {\r\n return {\r\n type: BetSlipActionTypes.Handle_Hide_Stake,\r\n forceHideStake\r\n }\r\n}\r\n\r\n\r\nexport function onFieldAmountChange(amount, fieldId) {\r\n return {\r\n type: BetSlipActionTypes.On_Field_Amount_Change,\r\n amount,\r\n fieldId\r\n }\r\n}\r\n\r\nexport function setTab(tab) {\r\n return {\r\n type: BetSlipActionTypes.Set_Tab,\r\n tab\r\n }\r\n}\r\n\r\nexport function removeField(field) {\r\n return {\r\n type: BetSlipActionTypes.BetSlip_Remove_Field,\r\n field\r\n }\r\n}\r\n\r\nexport function placeMultipleBet() {\r\n return {\r\n type: BetSlipActionTypes.Place_Multiple_Bet_Request,\r\n }\r\n}\r\nexport function placeBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Place_Bet_Builder_Request,\r\n }\r\n}\r\nexport function placeSingleBet() {\r\n return {\r\n type: BetSlipActionTypes.Place_Single_Bet_Request,\r\n }\r\n}\r\nexport function getFieldsUpdatedDetails(request) {\r\n return {\r\n type: SignalRTypes.Get_Updated_OddField_Details,\r\n request\r\n }\r\n}\r\nexport function getBetSlipConfiguration(request) {\r\n return {\r\n type: GeneralActionTypes.Bet_Slip_Configuration_Request,\r\n request\r\n }\r\n}\r\nexport function clearBetSlip() {\r\n return {\r\n type: BetSlipActionTypes.BetSlip_Clear\r\n }\r\n}\r\n\r\nexport function clearBetSlipError() {\r\n return {\r\n type: BetSlipActionTypes.Place_Bet_Clear_Error_Message\r\n }\r\n}\r\n\r\n\r\nexport function clearBetSlipSuccess() {\r\n return {\r\n type: BetSlipActionTypes.Clear_BetSlip_Success\r\n }\r\n}\r\n\r\nexport function setLoginError(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_Login_Error,\r\n loginError: value\r\n }\r\n}\r\n\r\nexport function setTotalStake(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_BetSlip_Total_Stake,\r\n totalStake: value\r\n }\r\n}\r\nexport function setPossibleWinnings(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_BetSlip_Possible_Winnings,\r\n possibleWinnings: value\r\n }\r\n}\r\nexport function ClearBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Clear_Bet_Builder,\r\n }\r\n}\r\nexport function ResetBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Reset_Bet_Builder,\r\n }\r\n}\r\nexport function onBetBuilderAmountChange(amount) {\r\n return {\r\n type: BetSlipActionTypes.On_Bet_Builder_Amount_Change,\r\n amount\r\n }\r\n}\r\nexport function validateSingleCoupon() {\r\n return {\r\n type: BetSlipActionTypes.Validate_Single_Coupon,\r\n }\r\n}\r\n\r\n","import { SignalRTypes, AppActionTypes } from '../actions'\r\n\r\n\r\nexport function init(route) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Start,\r\n\t}\r\n}\r\n\r\nexport function navigate(route) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Navigate,\r\n\t\troute\r\n\t}\r\n}\r\n\r\nexport function changeFeed(feedId, feedName) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.ChangeFeed,\r\n\t\tfeedId,\r\n\t\tfeedName\r\n\t}\r\n}\r\n\r\nexport function setPropsMath(match) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.PropsMatch,\r\n\t\tmatch\r\n\t}\r\n}\r\n\r\nexport function openMobileMenu(open) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.OpenMobileMenu,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openMobileBetslip(open) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.OpenMobileBetslip,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function setAvoidClick(value) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Set_Avoid_Click,\r\n\t\tvalue\r\n\t}\r\n}\r\n\r\nexport function switchMode() {\r\n\r\n\treturn {\r\n\t\ttype:AppActionTypes.Switch_mode,\r\n\t}\r\n\t\r\n}","import { SportEventsActionTypes, SignalRTypes } from '.'\r\n\r\nexport function loadSportEvents(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportEvents_Request,\r\n\t\trequest\r\n\t}\r\n}\r\n\r\nexport function loadKironEvents(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.KironSportEvents_Request,\r\n\t\trequest\r\n\t}\r\n}\r\nexport function getKironEvent(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.KironEvent_Request,\r\n\t\trequest\r\n\t}\r\n}\r\n\r\nexport function clearSportEvents() {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportEvents_Clear,\r\n\t}\r\n}\r\n\r\nexport function loadSportEventsByDate(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportEvents_By_Date_Request,\r\n\t\trequest\r\n\t}\r\n}\r\n\r\nexport function loadTopBets(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.TopBets_Request,\r\n\t\trequest\r\n\t}\r\n}\r\n\r\nexport function loadAllBetTypes(request) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.AllBetTypes_Request,\r\n\t\trequest\r\n\t}\r\n}\r\n\r\nexport function setEvent(item) {\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Set_Event,\r\n\t\titem\r\n\t}\r\n}\r\n\r\nexport function onDropDownsChange(selectedValues) {\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.SportEvents_OnDropDownsChange,\r\n\t\tselectedValues: selectedValues\r\n\t}\r\n}\r\nexport function onMobileBetFilterClick(selectedValue) {\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.SportEvents_OnMobileBetFilterClick,\r\n\t\tselectedValue: selectedValue\r\n\t}\r\n}\r\n\r\nexport function init(){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Init\r\n\t}\r\n}\r\n\r\nexport function getWeekMatchDays(request){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Sport_Get_Week_Match_Days_Request,\r\n\t\trequest\r\n\t}\r\n}\r\nexport function getDefaultLiveSportType(){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Get_Default_Live_Sport_Type_Request,\r\n\t}\r\n}\r\nexport function filterSportEvents(filterType){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Filter_Sport_Events_Action,\r\n\t\tfilterType,\r\n\t}\r\n}\r\nexport function updateFavoriteSportEvents( tournamentUId){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Update_Favorite_Sport_Events,\r\n\t\ttournamentUId\r\n\t}\r\n}\r\nexport function updateFavoriteTeamForSportEvents(teamId , isFavorite , teamType){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Update_Favorite_Team_For_Sport_Events,\r\n\t\tteamId,\r\n\t\tisFavorite,\r\n\t\tteamType\r\n\t}\r\n}\r\nexport function updateFavoriteCountryForSportEvents(sportCategoryUId){\r\n\treturn {\r\n\t\ttype: SportEventsActionTypes.Update_Favorite_Country_For_Sport_Events,\r\n\t\tsportCategoryUId\r\n\t}\r\n}","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input, Button, Form, DatePicker } from \"antd\";\r\nimport {\r\n forgotPassword,\r\n forgotPasswordConfirm,\r\n forgotPasswordCheckDestination,\r\n} from \"../../redux/actions/authActions\";\r\nimport { Alert } from \"../../components\";\r\nimport moment from 'moment'\r\nimport { LocalStorage } from \"../../helpers\";\r\n\r\nclass Step1 extends React.Component {\r\n state = {\r\n birthDate: \"\",\r\n\r\n };\r\n\r\n handleResend = () => {\r\n this.props.form.resetFields();\r\n let data = {\r\n memberId: this.props.destination.memberId,\r\n phoneNumber: this.props.destination.phoneNumber,\r\n email: this.props.destination.email,\r\n birthDate: this.state.birthDate\r\n }\r\n this.props.forgotPassword(data);\r\n }\r\n\r\n hasErrors = (fieldsError) => {\r\n let values = this.props.destination\r\n ? this.props.form.getFieldsValue([\"userName\", \"birthDate\"])\r\n : this.props.form.getFieldsValue([\"userName\"]);\r\n return (\r\n Object.keys(fieldsError).some((field) => fieldsError[field]) ||\r\n Object.values(values).filter(\r\n (field) => field === undefined || field === false || field === \"\"\r\n ).length > 0\r\n );\r\n };\r\n\r\n handleSendUserName = async (e) => {\r\n e.preventDefault();\r\n let userName = this.props.form.getFieldValue(\"userName\");\r\n // console.log(\"from================handleuserName=============================\" , this.props.destination);\r\n // console.log(\"===>handleuserName===>this.props.destination\" , this.props.destination);\r\n if (this.props.destination) {\r\n this.setState({ birthDate: await this.props.form.getFieldValue(\"birthDate\") });\r\n // console.log(\"===>handleuserName===>this.props.form.getFieldValue\",this.props.form.getFieldValue(\"birthDate\"));\r\n let data = {\r\n memberId: this.props.destination.memberId,\r\n birthDate: await this.props.form.getFieldValue(\"birthDate\"),\r\n phoneNumber: this.props.destination.phoneNumber,\r\n };\r\n // console.log(\"===>handleuserName===>data\",data);\r\n this.props.forgotPassword(data);\r\n } else {\r\n this.props.forgotPasswordCheckDestination(userName);\r\n }\r\n this.setState({ userName });\r\n };\r\n validatorIsAbove18 = (rule, value, callback) => {\r\n const form = this.props.form;\r\n // let day = form.getFieldValue(\"day\");\r\n // let month = form.getFieldValue(\"month\");\r\n // let year = form.getFieldValue(\"year\");\r\n let birthDate = form.getFieldValue(\"birthDate\");\r\n // console.log(\"validatorIsAbove18 => birthDate\" , birthDate);\r\n // console.log(\"birthDate._isAMomentObject()\" , birthDate._isAMomentObject);\r\n // // \r\n // let birthate = moment(\r\n // `${year} ${parseInt(month) + 1} ${day}`,\r\n // \"YYYY MM DD\"\r\n // );\r\n // console.log(\"birthate\" , birthate);\r\n // // \r\n if (birthDate._isAMomentObject) {\r\n\r\n\r\n if (birthDate.isValid()) {\r\n let today = moment();\r\n if (\r\n today.diff(birthDate, \"years\", true) >= 18 &&\r\n today.diff(birthDate) > 0\r\n ) {\r\n form.setFields({\r\n birthDate: {\r\n value: birthDate,\r\n errors: undefined,\r\n },\r\n // month: {\r\n // value: month,\r\n // errors: undefined,\r\n // },\r\n // year: {\r\n // value: year,\r\n // errors: undefined,\r\n // },\r\n });\r\n callback();\r\n } else {\r\n let error = [new Error(\"You Must Be Above 18\")];\r\n form.setFields({\r\n birthDate: {\r\n touched: true,\r\n value: birthDate,\r\n errors: error,\r\n },\r\n // month: {\r\n // touched: true,\r\n // value: month,\r\n // errors: error,\r\n // },\r\n // year: {\r\n // touched: true,\r\n // value: year,\r\n // errors: error,\r\n // },\r\n });\r\n callback(\"You Must Be Above 18\");\r\n }\r\n } else {\r\n callback(\"Invalid Date, please fill correct date values\");\r\n }\r\n } else {\r\n callback(\"Please enter birth date\");\r\n }\r\n };\r\n\r\n\r\n\r\n componentDidUpdate(prevProps) {\r\n // console.log(\"from ============================componentDidUpdate---------------------\" );\r\n // console.log(\"======componentDidUpdate===>this.props.destination\" , this.props.destination);\r\n // console.log(\"======componentDidUpdate===>this.props.form.getFieldValue\",this.props.form.getFieldValue(\"birthDate\"));\r\n\r\n if (!prevProps.destination &&\r\n this.props.destination &&\r\n (this.props.destination.phoneNumber || this.props.destination.email)) {\r\n this.setState({ birthDate: this.props.form.getFieldValue('birthDate') });\r\n\r\n let data = {\r\n memberId: this.props.destination.memberId,\r\n birthDate: this.props.form.getFieldValue(\"birthDate\"),\r\n phoneNumber: this.props.destination.phoneNumber,\r\n };\r\n // console.log(\"======componentDidUpdate===>data\",data);\r\n\r\n this.props.forgotPassword(data);\r\n }\r\n }\r\n\r\n render() {\r\n const { message, success } = this.props;\r\n const { getFieldDecorator, getFieldsError, userData } = this.props.form;\r\n const formItemLayout = null;\r\n // console.log(\"this.state.birthdat\", this.state.birthDate);\r\n\r\n let isSendSMS =\r\n this.props.destination && this.props.destination.phoneNumber\r\n ? true\r\n : false;\r\n return (\r\n Personal Info
\r\n\r\n\r\n
\r\n\r\n {/* \r\n
\r\n }\r\n \r\n ))\r\n : \"\"}\r\n \r\n \r\n \r\n \r\n Finish\r\n \r\n
\r\n {message && \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n message: state.auth.forgotPasswordMessage,\r\n loading: state.auth.loading,\r\n userData: state.auth.userData,\r\n success: state.auth.forgotPasswordSucces,\r\n destination: state.auth.forgotPasswordDest,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n forgotPassword: (userName) => dispatch(forgotPassword(userName)),\r\n forgotPasswordConfirm: (data) => dispatch(forgotPasswordConfirm(data)),\r\n forgotPasswordCheckDestination: (data) =>\r\n dispatch(forgotPasswordCheckDestination(data)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"ForgotPasswordStep1\" })(Step1);\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedStep1);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input, Button, Form, Icon } from \"antd\";\r\nimport { updatePassword } from \"../../redux/actions/authActions\";\r\nimport { Alert } from \"../../components\";\r\nimport { Images } from \"../../components\";\r\n\r\nclass Step2 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n validatePassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (value && password === confirm) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n\r\n handleChnagePassword = (e) => {\r\n e.preventDefault();\r\n let data = {\r\n password: this.props.form.getFieldValue(\"password\"),\r\n confirmPassword: this.props.form.getFieldValue(\"confirm\"),\r\n memberId: this.props.userData.memberId,\r\n };\r\n this.props.updatePassword(data);\r\n };\r\n showPassword = (inputId, iconId) => {\r\n const inputElement = document.getElementById(inputId);\r\n // console.log(\"inputElement\", inputElement);\r\n // console.log(\"inputId\", inputId);\r\n const iconElement = document.getElementById(iconId);\r\n // console.log(\"iconElement\", iconElement);\r\n const imgElement = document.createElement(\"img\");\r\n imgElement.src = Images.ShowPasswordIcon;\r\n // console.log(iconElement.src,\"==========\" ,\r\n\t\t\t\t\t
*/}\r\n\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{success ? success : ''}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n
\r\n \r\n {message &&
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n Forgot Password
\r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n loading: state.auth.loading,\r\n message: state.auth.forgotPasswordMessage,\r\n userData: state.auth.userData,\r\n passwordChanged: state.auth.passwordChanged,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n updatePassword: (data) => dispatch(updatePassword(data)),\r\n});\r\nconst WrappedStep2 = Form.create({ name: \"ForgotPasswordStep2\" })(Step2);\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedStep2);\r\n","import Step1 from './step1';\r\nimport Step2 from './step2';\r\nimport OTPVertification from './OTPVertification'\r\n\r\nexport {\r\n Step1,\r\n Step2,\r\n OTPVertification,\r\n}","import React, { Component } from \"react\";\r\nimport { Images } from \"../../components\";\r\nexport class LoadingImg extends Component {\r\n render() {\r\n return (\r\n Confirmation
\r\n {passwordChanged && (\r\n\r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {message &&
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n message: state.auth.forgotPasswordMessage,\r\n loading: state.auth.loading,\r\n userData: state.auth.userData,\r\n destination: state.auth.forgotPasswordDest,\r\n birthDate: state.auth.birthDate\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n forgotPasswordConfirm: (data) => dispatch(forgotPasswordConfirm(data)),\r\n forgotPassword: (userName) => dispatch(forgotPassword(userName)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"ForgotPasswordStep1\" })(\r\n OTPVertification\r\n);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedStep1);\r\n","import { GeneralActionTypes } from \"./actionTypes\";\r\n\r\nexport function getCurrencies() {\r\n return {\r\n type: GeneralActionTypes.Get_Currencies_Request,\r\n };\r\n}\r\nexport function getMapData(data) {\r\n return {\r\n type: GeneralActionTypes.Map_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getBetSlipConfiguration(data) {\r\n return {\r\n type: GeneralActionTypes.Bet_Slip_Configuration_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function formStatuses(data) {\r\n return {\r\n type: GeneralActionTypes.Form_Statuses_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function pageName(data) {\r\n return {\r\n type: GeneralActionTypes.Page_Name_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getWebFiles() {\r\n return {\r\n type: GeneralActionTypes.Web_Files_Request,\r\n };\r\n}\r\n\r\nexport function getWebFile(data) {\r\n return {\r\n type: GeneralActionTypes.Web_File_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function createBetCode() {\r\n return {\r\n type: GeneralActionTypes.Create_Bet_Code_Request,\r\n };\r\n}\r\n\r\nexport function betsByBetCode(request) {\r\n if (!request.id || request.id === undefined) {\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Error,\r\n message: \"Please enter bet code\",\r\n };\r\n }\r\n if (request.id.length !== 6) {\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Error,\r\n message: \"Bet code must have 6 characters\",\r\n };\r\n }\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Request,\r\n request,\r\n };\r\n}\r\n\r\nexport function clearBetCode() {\r\n return {\r\n type: GeneralActionTypes.Bet_Code_Clear,\r\n };\r\n}\r\n\r\nexport function getCountryPhoneProviders(data) {\r\n return {\r\n type: GeneralActionTypes.Get_CountryPhone_Providers_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getCountries() {\r\n return {\r\n type: GeneralActionTypes.Get_Countries_Request,\r\n };\r\n}\r\n\r\nexport function getCounties() {\r\n return {\r\n type: GeneralActionTypes.Get_Counties_Request,\r\n };\r\n}\r\n\r\nexport function getBannerImages() {\r\n return {\r\n type: GeneralActionTypes.Get_Banners_Request,\r\n };\r\n}\r\nexport function getCalenderIcons() {\r\n return {\r\n type: GeneralActionTypes.Get_Calender_Request,\r\n };\r\n}\r\n\r\nexport function getFooterProviders() {\r\n return {\r\n type: GeneralActionTypes.Get_Footer_Providers_Request,\r\n };\r\n}\r\n\r\nexport function getFooterText() {\r\n return {\r\n type: GeneralActionTypes.Get_Footer_Text_Request,\r\n };\r\n}\r\n\r\nexport function getCountryFlagImages() {\r\n return {\r\n type: GeneralActionTypes.Get_Country_Flag_Images,\r\n };\r\n}\r\n\r\nexport function getSportTypesIcons() {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Types_Icons_Request,\r\n };\r\n}\r\n\r\n\r\nexport function validateCoupon(couponCode) {\r\n if (!couponCode.couponCode) {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Error,\r\n message: \"Please enter coupon code\",\r\n };\r\n }\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Request,\r\n couponCode: couponCode,\r\n };\r\n}\r\n\r\nexport function couponClearMessage() {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Clear_Message,\r\n };\r\n}\r\n\r\n\r\n\r\n\r\nexport function GetLoyaltyRewardsOptions() {\r\n return {\r\n type: GeneralActionTypes.Get_Loyalty_Rewards_Options_Request,\r\n };\r\n}\r\n\r\nexport function getSportPromos() {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Promos_Request,\r\n };\r\n}\r\nexport function getSportPromoInfo(data) {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Promos_Info_Request,\r\n data\r\n };\r\n}\r\nexport function resetGetSportPromos() {\r\n return {\r\n type: GeneralActionTypes.Reset_Get_Sport_Promos,\r\n };\r\n}\r\nexport function resetGetSportPromoInfo() {\r\n return {\r\n type: GeneralActionTypes.Reset_Get_Sport_Promos_Info_Request,\r\n };\r\n}\r\nexport function GetHeaderTabs() {\r\n return {\r\n type: GeneralActionTypes.Get_Header_Tabs_Request,\r\n };\r\n}\r\nexport function ActiveSpinAndWinTable(data) {\r\n return {\r\n type: GeneralActionTypes.Active_Spin_And_Win_Table,\r\n data\r\n };\r\n}\r\nexport function GetLuckyNumberConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Lucky_Number_Configuration_Request,\r\n };\r\n}\r\nexport function GetLandingConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Landing_Configuration_Request,\r\n };\r\n}\r\nexport function GetWorkWithUsConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Work_With_Us_Configuration_Request,\r\n };\r\n}\r\nexport function GetKioskWebBannerImages(GroupId) {\r\n return {\r\n type: GeneralActionTypes.Get_Kiosk_Web_Banner_Images_Request,\r\n GroupId\r\n };\r\n}\r\nexport function validateCouponReset() {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Reset,\r\n };\r\n}\r\n","const LogoWinners = require(\"../../resources/images/logo.svg\");\r\nconst Icon_Casino = require(\"../../resources/icons/casino.webp\");\r\n\r\nconst Rugby = require(\"../../resources/images/menurugby.svg\");\r\nconst Dart = require(\"../../resources/images/menudart.svg\");\r\nconst Aussie = require(\"../../resources/images/menuaussierules.svg\");\r\nconst MMA = require(\"../../resources/images/menumma.svg\");\r\nconst Soccer = require(\"../../resources/images/menusoccer.svg\");\r\nconst IceHockey = require(\"../../resources/images/menuicehokey.svg\");\r\nconst MenuBasketball = require(\"../../resources/images/menubasketball.svg\");\r\nconst MenuMMA = require(\"../../resources/images/menumma.svg\");\r\nconst MenuTennis = require(\"../../resources/images/menutennis.svg\");\r\nconst MenuCricket = require(\"../../resources/images/menucriket.svg\");\r\nconst VolleyBall = require(\"../../resources/images/menuvollyball.svg\");\r\n\r\nconst MyAccountBetsIcon = require(\"../../resources/images/my-account-bets.svg\");\r\nconst MyAccountDepositeIcon = require(\"../../resources/images/my-account-deposite.svg\");\r\nconst MyAccountWithdrawalIcon = require(\"../../resources/images/my-account-withdrawal.svg\");\r\nconst MyAccountChangePasswordIcon = require(\"../../resources/images/my-account-change-password.svg\");\r\nconst MyAccountTransactionsIcon = require(\"../../resources/images/my-account-transactions.svg\");\r\nconst MyAccountPersonalInfoIcon = require(\"../../resources/images/my-account-personal-info.svg\");\r\nconst MyAccountAddProviderIcon = require(\"../../resources/images/my-account-add-provider.svg\");\r\n\r\nconst LogoWinnersHand = require(\"../../resources/images/hand.webp\");\r\nconst DownArrow = require(\"../../resources/images/chevron-down.svg\");\r\nconst PlusEighteenDarkMode = require(\"../../resources/images/plus18.svg\");\r\nconst BinIcon = require(\"../../resources/images/delete.svg\");\r\nconst RedBinIcon = require(\"../../resources/images/red-trash.svg\");\r\n\r\nconst DarkMoon = require(\"../../resources/images/dark-moon.svg\");\r\n\r\nconst CloseIcon = require(\"../../resources/images/close-fill.svg\");\r\n\r\nconst HidePasswordIcon = require(\"../../resources/images/eye-fill.svg\");\r\nconst ShowPasswordIcon = require(\"../../resources/images/eye-fill-white.svg\");\r\n\r\nconst Icon_Home = require(\"../../resources/icons/home.webp\");\r\nconst Icon_Favorites = require(\"../../resources/icons/favorites.webp\");\r\nconst Icon_Fixture = require(\"../../resources/icons/fixture.webp\");\r\nconst Icon_Live = require(\"../../resources/icons/live.webp\");\r\nconst Icon_Slots = require(\"../../resources/icons/slot-machine.webp\");\r\nconst Icon_Virtual = require(\"../../resources/icons/virtual.webp\");\r\nconst Icon_BarChart = require(\"../../resources/icons/bar-chart-reload.webp\");\r\nconst LT = require(\"../../resources/images/lt.webp\");\r\n\r\nconst TopBets1 = require(\"../../resources/top-bets/studiom1/1.webp\");\r\nconst TopBets2 = require(\"../../resources/top-bets/studiom1/2.webp\");\r\nconst TopBets3 = require(\"../../resources/top-bets/studiom1/3.webp\");\r\n\r\nconst Strip_Soccer = require(\"../../resources/images/strip_soccer.webp\");\r\nconst Strip_Mask = require(\"../../resources/images/strip_mask.webp\");\r\n\r\nconst CircleCheck = require(\"../../resources/icons/checkbox-marked-circle.webp\");\r\nconst Check = require(\"../../resources/images/check.webp\");\r\nconst Thumb = require(\"../../resources/images/thumb.webp\");\r\n\r\nconst NotificationIcon = require(\"../../resources/images/notification-icon.svg\");\r\nconst RewardsIcon = require(\"../../resources/images/rewards-icon.svg\");\r\nconst SilverStatusImage = require(\"../../resources/images/silver-status.svg\");\r\n\r\nconst ProgressBarStar = require(\"../../resources/images/star.svg\");\r\n\r\nconst Image_Maintenence = require(\"../../resources/images/maintenence.webp\");\r\n\r\nconst WheelSpin = require(\"../../resources/images/wheel.svg\");\r\nconst WheelArrow = require(\"../../resources/images/wheel-arrow.svg\");\r\n\r\nconst Hand = require(\"../../resources/images/finger.png\");\r\nconst Shine = require(\"../../resources/images/shine.png\");\r\n\r\nconst LiveTrackerIcon = require(\"../../resources/images/live-tracker.png\");\r\n\r\nconst DarkStar = require(\"../../resources/images/dark-star.png\");\r\nconst DarkCup = require(\"../../resources/images/dark-cup.png\");\r\n\r\nconst LoadingBackground = require(\"../../resources/images/loading-background.png\");\r\nconst Loading = require(\"../../resources/images/loading.png\");\r\n\r\nconst InfoIcon = require(\"../../resources/images/info.svg\");\r\nconst NoNotification = require(\"../../resources/images/no-notification.svg\");\r\n\r\n// test icons\r\nconst SoccerTest = require(\"../../resources/images/Soccer-test.png\");\r\nconst DummyTeam = require(\"../../resources/images/Borussia_Dortmund_logo 1.png\");\r\n\r\nconst DeleteIcon = require(\"../../resources/images/delete.png\");\r\nconst TurnOffIcon = require(\"../../resources/images/notification-off.png\");\r\nconst JackpotFrame = require(\"../../resources/images/shape.png\");\r\n// end of test image\r\n\r\nconst RotateIcon = require(\"../../resources/images/rotate.svg\");\r\nconst LeftArrowIcon = require(\"../../resources/images/LA.png\");\r\nconst RightArrowIcon = require(\"../../resources/images/RA.png\");\r\nconst LuckyNumberStar = require(\"../../resources/images/fav-star.svg\");\r\nconst Calender = require(\"../../resources/images/calender.png\");\r\nconst Time = require(\"../../resources/images/time.png\");\r\nconst CanceledEvent = require(\"../../resources/images/canceled-event.png\");\r\n\r\nconst HeartIcon = require(\"../../resources/images/heart.png\");\r\nconst ChatIcon = require(\"../../resources/images/chat.png\");\r\nconst HomeIcon = require(\"../../resources/images/home.png\");\r\n// end of test Icons\r\n\r\n// test banners for slots=\r\nconst SlotsTest1 = require(\"../../resources/images/test1-slots.png\");\r\nconst SlotsTest2 = require(\"../../resources/images/test2-slots.png\");\r\nconst SlotsTest3 = require(\"../../resources/images/test3-slots.png\");\r\nconst SlotsTest4 = require(\"../../resources/images/test4-slots.png\");\r\n\r\nconst AviatorGame = require(\"../../resources/images/aviator-game.png\");\r\nconst NewJackpot = require(\"../../resources/images/new-jackpot.png\");\r\nconst SpiritEygptGame = require(\"../../resources/images/sprirt-egypt-game.png\");\r\nconst SpecialGame = require(\"../../resources/images/special-game.png\");\r\nconst Crown = require(\"../../resources/images/crown.png\");\r\nconst Joker = require(\"../../resources/images/joker.png\");\r\nconst Wolf = require(\"../../resources/images/wolf.png\");\r\n// \r\n\r\n// bet services\r\nconst PromotionIcon = require(\"../../resources/images/promotions.webp\");\r\nconst LandingIcon = require(\"../../resources/images/landing.webp\");\r\n\r\n// \r\n// general\r\nconst PromoIcon = require(\"../../resources/images/promoIcon.png\");\r\nconst InfoCircle = require(\"../../resources/images/info-circle.png\");\r\n// \r\n// verifyEmail\r\nconst ConfirmationLogo = require(\"../../resources/images/confirmation-logo.png\");\r\n// \r\n\r\nexport default {\r\n LogoWinners,\r\n LogoWinnersHand,\r\n Icon_Home,\r\n Icon_Favorites,\r\n Icon_Fixture,\r\n Icon_Live,\r\n Icon_Virtual,\r\n Icon_BarChart,\r\n Icon_Slots,\r\n Icon_Casino,\r\n\r\n Image_Maintenence,\r\n\r\n Strip_Soccer,\r\n Strip_Mask,\r\n\r\n LT,\r\n DarkMoon,\r\n CloseIcon,\r\n HidePasswordIcon,\r\n ShowPasswordIcon,\r\n\r\n Rugby,\r\n Dart,\r\n Aussie,\r\n MMA,\r\n Soccer,\r\n IceHockey,\r\n\r\n MyAccountBetsIcon,\r\n MyAccountDepositeIcon,\r\n MyAccountWithdrawalIcon,\r\n MyAccountChangePasswordIcon,\r\n MyAccountTransactionsIcon,\r\n MyAccountPersonalInfoIcon,\r\n MyAccountAddProviderIcon,\r\n\r\n TopBets1,\r\n TopBets2,\r\n TopBets3,\r\n\r\n CircleCheck,\r\n Check,\r\n Thumb,\r\n\r\n DownArrow,\r\n PlusEighteenDarkMode,\r\n BinIcon,\r\n RedBinIcon,\r\n\r\n MenuBasketball,\r\n MenuMMA,\r\n MenuTennis,\r\n MenuCricket,\r\n VolleyBall,\r\n\r\n NotificationIcon,\r\n RewardsIcon,\r\n SilverStatusImage,\r\n\r\n ProgressBarStar,\r\n WheelSpin,\r\n WheelArrow,\r\n\r\n Hand,\r\n Shine,\r\n\r\n LiveTrackerIcon,\r\n DarkStar,\r\n DarkCup,\r\n\r\n LoadingBackground,\r\n Loading,\r\n\r\n InfoIcon,\r\n SoccerTest,\r\n DummyTeam,\r\n\r\n \r\n DeleteIcon,\r\n TurnOffIcon,\r\n JackpotFrame,\r\n\r\n NoNotification,\r\n RotateIcon,\r\n\r\n LeftArrowIcon,\r\n RightArrowIcon,\r\n\r\n LuckyNumberStar,\r\n Calender,\r\n Time,\r\n CanceledEvent,\r\n HeartIcon,\r\n ChatIcon,\r\n HomeIcon,\r\n\r\n\r\n SlotsTest1,\r\n SlotsTest2,\r\n SlotsTest3,\r\n SlotsTest4,\r\n\r\n\r\n AviatorGame,\r\n NewJackpot,\r\n SpiritEygptGame,\r\n SpecialGame,\r\n Crown,\r\n\r\n Joker,\r\n Wolf,\r\n PromotionIcon,\r\n LandingIcon,\r\n PromoIcon,\r\n\r\n\r\n ConfirmationLogo,\r\n InfoCircle\r\n};\r\n","import moment from \"moment\";\r\nimport { Constants, Events } from \"./\";\r\nimport { metaData } from \"./enums\";\r\nvar deflate = require(\"deflate-js\");\r\n\r\nwindow.log = (...params) => {\r\n if (Utils.InDev) {\r\n const datetime = `[${moment().format(\"DD/MM/YYYY HH:mm:ss.SSS\")}] `;\r\n console.log(datetime, ...params);\r\n }\r\n};\r\n\r\nwindow.console.request = (...args) => {\r\n if (Utils.InDev) {\r\n const datetime = `[${moment().format(\"DD/MM/YYYY HH:mm:ss.SSS\")}]`;\r\n\r\n let params = \"\";\r\n let objs = {};\r\n\r\n for (let i = 0; i < args.length; i++) {\r\n if (typeof args[i] == \"string\") {\r\n params += args[i];\r\n }\r\n\r\n if (typeof args[i] == \"object\") {\r\n objs[i] = args[i];\r\n }\r\n }\r\n console.log(\r\n \"%c\" + datetime + \" %cREQUEST %c\" + params,\r\n \"color: #000\",\r\n \"color: #000; font-weight: bold\",\r\n \"color: #000\",\r\n objs\r\n );\r\n }\r\n};\r\n\r\nwindow.console.response = (...args) => {\r\n if (Utils.InDev) {\r\n const datetime = `[${moment().format(\"DD/MM/YYYY HH:mm:ss.SSS\")}]`;\r\n\r\n let params = \"\";\r\n let objs = {};\r\n\r\n for (let i = 0; i < args.length; i++) {\r\n if (typeof args[i] == \"string\") {\r\n params += args[i];\r\n }\r\n\r\n if (typeof args[i] == \"object\") {\r\n objs[i] = args[i];\r\n }\r\n }\r\n console.log(\r\n \"%c\" + datetime + \" %cRESPONSE %c\" + params,\r\n \"color: #000\",\r\n \"color: green; font-weight: bold\",\r\n \"color: #000\",\r\n objs\r\n );\r\n }\r\n};\r\n\r\n/**\r\n * Number.prototype.format(n, x)\r\n *\r\n * @param integer n: length of decimal\r\n * @param integer x: length of sections\r\n */\r\nNumber.prototype.format = function(n, x) {\r\n var re = \"\\\\d(?=(\\\\d{\" + (x || 3) + \"})+\" + (n > 0 ? \"\\\\.\" : \"$\") + \")\";\r\n return this.toFixed(Math.max(0, ~~n)).replace(new RegExp(re, \"g\"), \"$&,\");\r\n};\r\n\r\nArray.prototype.pushUnique = function(item) {\r\n if (this.indexOf(item) == -1) {\r\n this.push(item);\r\n return true;\r\n }\r\n return false;\r\n};\r\n\r\nexport default class Utils {\r\n static cloneObjectDiffLock = false;\r\n\r\n static get InDev() {\r\n return (\r\n document.location.search.indexOf(\"ddd=1\") > -1 ||\r\n document.location.host.indexOf(\"localhost\") > -1\r\n );\r\n }\r\n\r\n static get IsMobile() {\r\n var check = false;\r\n (function(a) {\r\n if (\r\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(\r\n a\r\n ) ||\r\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\r\n a.substr(0, 4)\r\n )\r\n )\r\n check = true;\r\n })(navigator.userAgent || navigator.vendor || window.opera);\r\n return check;\r\n }\r\n\r\n static inflate = (data) => {\r\n try {\r\n const buffer = Buffer.from(data, \"base64\");\r\n\r\n let str = deflate\r\n .inflate(buffer)\r\n .map((byte) => {\r\n return String.fromCharCode(byte);\r\n })\r\n .join(\"\");\r\n\r\n return JSON.parse(str);\r\n } catch (e) {\r\n window.log(\"INFLATE\", e);\r\n }\r\n return null;\r\n };\r\n static getMetaData = (url, sportId) => {\r\n if (url == \"/\") { \r\n return metaData.home\r\n } else if (url.includes(\"live\")){\r\n return metaData.live\r\n } else if (url.includes(\"casino\")){\r\n return metaData.casino\r\n } else if (url.includes(\"virtual\")){\r\n return metaData.virtual\r\n } else if (url.includes(\"slots\")){\r\n return metaData.slots\r\n } else if (url.includes(\"promos\")){\r\n return metaData.promos\r\n } else if (url.includes(\"lucky-numbers\")){\r\n return metaData.luckyNumbers\r\n } else if (url.includes(\"about-us\")){\r\n return metaData.aboutUs\r\n } else if (url.includes(\"contact\")){\r\n return metaData.contactUs\r\n } else if (url.includes(\"terms-and-conditions\")){\r\n return metaData.termsAndConditions\r\n } else if (url.includes(\"privacy-policy\")){\r\n return metaData.privacyPolicy\r\n } else if (url.includes(\"responsible-gaming\")){\r\n return metaData.responsibleGaming\r\n } else if (url.includes(\"cookies-policy\")){\r\n return metaData.cookiesPolicy\r\n } else if (url.includes(\"general-betting-rules\")){\r\n return metaData.generalBettingRules\r\n } else if (url.includes(\"how-to\")){\r\n return metaData.howToPlay\r\n } \r\n else if (url.includes(\"work-with-us\")){\r\n return metaData.workWithUs\r\n } \r\n else if (url.includes(\"document/soccer\")){\r\n return metaData.soccerMarkets\r\n } \r\n else if (url.includes(\"document/basketball\")){\r\n return metaData.basketballMarkets\r\n } \r\n else if (url.includes(\"document/american-football\")){\r\n return metaData.americanFootballMarkets\r\n } \r\n else if (url.includes(\"document/badminton\")){\r\n return metaData.badmintonMarkets\r\n } \r\n else if (url.includes(\"document/baseball\")){\r\n return metaData.baseballMarkets\r\n } \r\n else if (url.includes(\"document/beach-volleyball\")){\r\n return metaData.beachVolleyballMarkets\r\n } \r\n else if (url.includes(\"document/bowl\")){\r\n return metaData.bowlMarkets\r\n } \r\n else if (url.includes(\"document/tennis\")){\r\n return metaData.tennisMarkets\r\n } \r\n else if (url.includes(\"document/cricket\")){\r\n return metaData.cricketMarkets\r\n } \r\n else if (url.includes(\"document/darts\")){\r\n return metaData.dartsMarkets\r\n } \r\n else if (url.includes(\"document/handball\")){\r\n return metaData.handballMarkets\r\n } \r\n else if (url.includes(\"document/ice-hockey\")){\r\n return metaData.icehockeyMarkets\r\n } \r\n else if (url.includes(\"document/rugby\")){\r\n return metaData.rugbyMarkets\r\n } \r\n else if (url.includes(\"document/snooker\")){\r\n return metaData.snookerMarkets\r\n } \r\n else if (url.includes(\"document/squash\")){\r\n return metaData.squashMarkets\r\n } \r\n else if (url.includes(\"document/volleyball\")){\r\n return metaData.volleyballMarkets\r\n } \r\n else if (sportId == '1'){\r\n return metaData.soccer\r\n } else if (sportId == '2'){\r\n return metaData.basketball\r\n }\r\n else if (sportId == '3'){\r\n return metaData.baseball\r\n }\r\n else if (sportId == '4'){\r\n return metaData.icehockey\r\n }\r\n else if (sportId == '5'){\r\n return metaData.tennis\r\n }\r\n else if (sportId == '6'){\r\n return metaData.handball\r\n }\r\n else if (sportId == '10'){\r\n return metaData.boxing\r\n }\r\n else if (sportId == '12'){\r\n return metaData.rugby\r\n }\r\n else if (sportId == '21'){\r\n return metaData.cricket\r\n }\r\n else if (sportId == '23'){\r\n return metaData.volleyball\r\n }\r\n else if (sportId == '29'){\r\n return metaData.futsal\r\n }\r\n else if (sportId == '117'){\r\n return metaData.mma\r\n }\r\n else {\r\n return {\r\n title: `Winners`,\r\n description: `Winners Inc the pioneer & #1 Sports Betting company in Liberia. Enjoy the Best Online & Retail Gaming experience with the most trusted brand in the country`,\r\n };\r\n };\r\n };\r\n\r\n static cloneObjectDiff = (o1, objectWithNewChanges) => {\r\n if (!Utils.cloneObjectDiffLock) {\r\n //\tUtils.cloneObjectDiffLock = true;\r\n for (var prop in o1) {\r\n if (\r\n objectWithNewChanges[prop] != undefined &&\r\n objectWithNewChanges[prop] != o1[prop]\r\n ) {\r\n o1[prop] = objectWithNewChanges[prop];\r\n }\r\n }\r\n }\r\n };\r\n\r\n static getMaxObjByAttribute = (object, attrName) => {\r\n return Math.max.apply(\r\n Math,\r\n Object.keys(object).map((key) => {\r\n return object[key][attrName];\r\n })\r\n );\r\n };\r\n\r\n static sortArrayByAttribute = (array, attrName) => {\r\n let clonedArr = Utils.deepClone(array);\r\n return clonedArr.sort((a, b) => a[attrName] - b[attrName]);\r\n };\r\n\r\n static deepClone = (array) => {\r\n return array && JSON.parse(JSON.stringify(array));\r\n };\r\n\r\n static formatDate(date, format) {\r\n return moment.utc(date).format(format || `hh: mm A DD/MM/YYYY`);\r\n }\r\n static formatSecondsToMins(seconds) {\r\n return moment.utc(seconds * 1000).format(\"mm:ss\");\r\n }\r\n\r\n static getGameTimeBySeconds(time) {\r\n let minutes = Math.floor(time / 60).toString();\r\n let seconds = (time - minutes * 60).toString();\r\n minutes = minutes.length == 1 ? `0${minutes}` : minutes;\r\n seconds = seconds.length == 1 ? `0${seconds}` : seconds;\r\n return `${minutes}: ${seconds}`;\r\n }\r\n\r\n static formatSecondsToTime(time) {\r\n let duration = moment.duration(time, \"seconds\");\r\n let hours = duration.get(\"hours\").toString();\r\n hours = hours.length == 1 ? `0${hours}` : hours;\r\n let minutes = duration.get(\"minutes\").toString();\r\n minutes = minutes.length == 1 ? `0${minutes}` : minutes;\r\n let seconds = duration.get(\"seconds\").toString();\r\n seconds = seconds.length == 1 ? `0${seconds}` : seconds;\r\n\r\n return `${hours}: ${minutes}: ${seconds}`;\r\n }\r\n\r\n static handleBetTypes(betTypes) {\r\n const match =\r\n betTypes &&\r\n betTypes.length > 0 &&\r\n betTypes.filter((item, index) => {\r\n return item.betTypeId == 1;\r\n });\r\n\r\n const filteredBetTypes =\r\n betTypes &&\r\n betTypes.length > 0 &&\r\n betTypes.filter((item, index) => {\r\n return item.betTypeId != 1;\r\n });\r\n\r\n return {\r\n optionsBetTypes: filteredBetTypes,\r\n match: match && match.length > 0 ? match[0] : null,\r\n };\r\n }\r\n\r\n static generateGroupKeys(data) {\r\n let key = \"\";\r\n let keyList = [];\r\n if (data.Feed) {\r\n key += data.Feed.FeedId ? `F${data.Feed.FeedId}` : \"\";\r\n keyList.push(key);\r\n }\r\n if (data.Sport) {\r\n key += data.Sport.SportId ? `S${data.Sport.SportId}` : \"\";\r\n keyList.push(key);\r\n }\r\n if (\r\n data.Feed &&\r\n data.Sport &&\r\n !data.SportCategory &&\r\n !data.EventId &&\r\n !data.IsLastMin &&\r\n !data.Day\r\n ) {\r\n key += data.Sport.SportId ? \"TopBets\" : \"\";\r\n keyList.push(key);\r\n }\r\n if (data.SportCategory) {\r\n key += data.SportCategory.SportCategoryId\r\n ? `C${data.SportCategory.SportCategoryId}`\r\n : \"\";\r\n key += data.TournamentId ? `T${data.TournamentId}` : \"\";\r\n keyList.push(key);\r\n }\r\n\r\n if (data.EventId) {\r\n key += `E${data.EventId}`;\r\n keyList.push(key);\r\n }\r\n\r\n if (data.IsLastMin) {\r\n key += data.IsLastMin ? `L1` : \"\";\r\n keyList.push(key);\r\n } else {\r\n if (data.Day) {\r\n key += data.Day ? `D${data.Day}` : \"\";\r\n keyList.push(key);\r\n }\r\n }\r\n\r\n return keyList;\r\n }\r\n\r\n static generateDectionary(arr, id) {\r\n let dec = {};\r\n\r\n arr.map((item) => {\r\n dec[item[id]] = { ...item };\r\n });\r\n return dec;\r\n }\r\n\r\n static generateIdsList(arr, id) {\r\n let ids = [];\r\n\r\n arr.map((item) => {\r\n ids.push(item[id]);\r\n });\r\n\r\n return ids;\r\n }\r\n\r\n static generateEventsDectionary(arr) {\r\n let dec = {};\r\n\r\n arr.map((item) => {\r\n dec[`${item.feed.feedId}, ${item.sport.sportId}_${item.eventId}`] = {\r\n ...item,\r\n };\r\n });\r\n return dec;\r\n }\r\n\r\n static generateEventsIdsList(arr) {\r\n let ids = [];\r\n\r\n arr.map((item) => {\r\n ids.push(`${item.feed.feedId}_${item.sport.sportId}, ${item.eventId}`);\r\n });\r\n\r\n return ids;\r\n }\r\n\r\n static generateOddsDectionary(arr) {\r\n let dec = {};\r\n\r\n arr.map((item) => {\r\n dec[`${item.betType.betTypeId}_${item.oddSpecialField}`] = { ...item };\r\n });\r\n return dec;\r\n }\r\n\r\n static generateOddsIdsList(arr) {\r\n let ids = [];\r\n\r\n arr &&\r\n arr.map((item) => {\r\n ids.push(`${item.betType.betTypeId}_${item.oddSpecialField}`);\r\n });\r\n\r\n return ids;\r\n }\r\n\r\n static getEventId(event) {\r\n return `${event.feed.feedId}_${event.sport.sportId}_${event.eventId}`;\r\n }\r\n\r\n static getOddId(odd) {\r\n return `${odd.betType.betTypeId}_${odd.oddSpecialField}`;\r\n }\r\n static getGroupId(group) {\r\n return `${group.betTypeGroupId}_${group.betTypeGroupName}`;\r\n }\r\n\r\n static memorySizeOf = (obj) => {\r\n var bytes = 0;\r\n\r\n function sizeOf(obj) {\r\n if (obj !== null && obj !== undefined) {\r\n switch (typeof obj) {\r\n case \"number\":\r\n bytes += 8;\r\n break;\r\n case \"string\":\r\n bytes += obj.length * 2;\r\n break;\r\n case \"boolean\":\r\n bytes += 4;\r\n break;\r\n case \"object\":\r\n var objClass = Object.prototype.toString.call(obj).slice(8, -1);\r\n if (objClass === \"Object\" || objClass === \"Array\") {\r\n for (var key in obj) {\r\n if (!obj.hasOwnProperty(key)) continue;\r\n sizeOf(obj[key]);\r\n }\r\n } else bytes += obj.toString().length * 2;\r\n break;\r\n }\r\n }\r\n return bytes;\r\n }\r\n\r\n function formatByteSize(bytes) {\r\n if (bytes < 1024) return bytes + \" bytes\";\r\n else if (bytes < 1048576) return (bytes / 1024).toFixed(3) + \" KiB\";\r\n else if (bytes < 1073741824) return (bytes / 1048576).toFixed(3) + \" MiB\";\r\n else return (bytes / 1073741824).toFixed(3) + \" GiB\";\r\n }\r\n\r\n return formatByteSize(sizeOf(obj));\r\n };\r\n\r\n static openModal = (args) => {\r\n args.visible = args.visible == null ? true : args.visible;\r\n Events.publish(Constants.modal, args);\r\n };\r\n\r\n static closeModal = (args) => {\r\n args.visible = false;\r\n Events.publish(Constants.modal, args);\r\n };\r\n\r\n static navigateTo = (args) => {\r\n Events.publish(Constants.navigate, args);\r\n };\r\n}\r\n","import React from 'react';\r\nimport { withRouter } from 'react-router';\r\n\r\nclass WithRouter extends React.Component {\r\n render() {\r\n const { children } = this.props;\r\n return children;\r\n }\r\n}\r\n\r\nexport default withRouter(WithRouter);","import { Button, Icon, Input, Popover } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n couponClearMessage,\r\n validateCoupon,\r\n validateCouponReset\r\n} from \"../../redux/actions/generalActions\";\r\nimport { setLoginError } from \"../../redux/actions/betSlipActions\";\r\nimport Alert from \"./Alert\";\r\nimport { SessionStorage } from \"../../helpers\";\r\n\r\nexport class CheckCoupon extends Component {\r\n state = {\r\n couponCode: undefined,\r\n };\r\n componentDidMount(){\r\n this.props.validateCouponReset();\r\n }\r\n validateCouponCode = () => {\r\n let request = {\r\n couponCode: this.state.couponCode || SessionStorage.couponCode,\r\n };\r\n this.props.validateCoupon(request);\r\n };\r\n addLineSpace = (data) => {\r\n return (\r\n data &&\r\n data.split(\"/n\").map(function(item) {\r\n return (\r\n \r\n {item}\r\n \r\n 0\r\n ? this.addProviderOrangeHandleVerify\r\n : this.props.MTNPhoneNumber &&\r\n this.props.MTNPhoneNumber.length > 0\r\n ? this.addProviderMTNHandleVerify\r\n : this.handleVerify\r\n }\r\n >\r\n \r\n this.props.resendCode\r\n ? this.props.resendCode(\r\n this.props.orangePhoneNumber &&\r\n this.props.orangePhoneNumber.length > 0\r\n ? (`231077` + this.props.orangePhoneNumber)\r\n : this.props.MTNPhoneNumber &&\r\n this.props.MTNPhoneNumber.length > 0\r\n ? (`231088`+this.props.MTNPhoneNumber)\r\n : null\r\n )\r\n : this.handleResend()\r\n }\r\n >\r\n Resend the code\r\n
\r\n OTP Vertification
\r\n {!this.props.FromAddProvider && message && (\r\n\r\n \r\n {/* \r\n {getFieldDecorator(\"code\", {\r\n rules: [{ required: true }],\r\n })(\r\n \r\n )}\r\n */}\r\n
\r\n \r\n {/* {console.log(\"this.props.resendCode\",this.props.resendCode)} */}\r\n {/* {console.log(\"this.props.resendCode\",this.props.orangePhoneNumber &&\r\n this.props.orangePhoneNumber.length > 0)}\r\n {console.log(\"this.props.resendCode\",`231077` + this.props.orangePhoneNumber)} */}\r\n \r\n \r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-1\")}\r\n id=\"opt-1\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-2\")}\r\n id=\"opt-2\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-3\")}\r\n id=\"opt-3\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-4\")}\r\n id=\"opt-4\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-5\")}\r\n id=\"opt-5\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-6\")}\r\n id=\"opt-6\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n \r\n \r\n );\r\n })\r\n );\r\n };\r\n render() {\r\n const {\r\n signedIn,\r\n validateCouponMessage,\r\n validateCouponError,\r\n validateCouponLoading,\r\n couponName,\r\n } = this.props;\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n couponName: state.general.couponName,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CheckCoupon);\r\n","module.exports = __webpack_public_path__ + \"static/media/winners_b.5a1a0d80.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_h.36352c01.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_m.9318e53d.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_s.6df857b2.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_v.b19fe200.webp\";","module.exports = __webpack_public_path__ + \"static/media/search.5bb1199c.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-dropdown.c5cbec8d.svg\";","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nlet supportsCaptureOption = false;\r\nexport function setHasSupportToCaptureOption(hasSupport) {\r\n\tsupportsCaptureOption = hasSupport;\r\n}\r\n\r\n// try {\r\n// addEventListener(\"test\", null, Object.defineProperty({}, 'capture', {get: function () {\r\n// setHasSupportToCaptureOption(true);\r\n// }}));\r\n// } catch(e) {}\r\n\r\nfunction getSafeEventHandlerOpts(options = { capture: true }) {\r\n\treturn supportsCaptureOption ? options : options.capture;\r\n}\r\n\r\n/**\r\n * [getPosition returns a position element that works for mouse or touch events]\r\n * @param {[Event]} event [the received event]\r\n * @return {[Object]} [x and y coords]\r\n */\r\nfunction getPosition(event) {\r\n\tif ('touches' in event) {\r\n\t\tconst { pageX, pageY } = event.touches[0];\r\n\t\treturn { x: pageX, y: pageY };\r\n\t}\r\n\r\n\tconst { screenX, screenY } = event;\r\n\treturn { x: screenX, y: screenY };\r\n}\r\n\r\nclass Swipe extends Component {\r\n\r\n\tstatic displayName = 'Swipe';\r\n\r\n\tstatic propTypes = {\r\n\t\ttagName: PropTypes.string,\r\n\t\tclassName: PropTypes.string,\r\n\t\tstyle: PropTypes.object,\r\n\t\tchildren: PropTypes.node,\r\n\t\tallowMouseEvents: PropTypes.bool,\r\n\t\tonSwipeUp: PropTypes.func,\r\n\t\tonSwipeDown: PropTypes.func,\r\n\t\tonSwipeLeft: PropTypes.func,\r\n\t\tonSwipeRight: PropTypes.func,\r\n\t\tonSwipeStart: PropTypes.func,\r\n\t\tonSwipeMove: PropTypes.func,\r\n\t\tonSwipeEnd: PropTypes.func,\r\n\t\ttolerance: PropTypes.number.isRequired\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\ttagName: 'div',\r\n\t\tallowMouseEvents: false,\r\n\t\tonSwipeUp() { },\r\n\t\tonSwipeDown() { },\r\n\t\tonSwipeLeft() { },\r\n\t\tonSwipeRight() { },\r\n\t\tonSwipeStart() { },\r\n\t\tonSwipeMove() { },\r\n\t\tonSwipeEnd() { },\r\n\t\ttolerance: 0\r\n\t};\r\n\r\n\tconstructor(...args) {\r\n\t\tsuper(...args);\r\n\t\tthis._handleSwipeStart = this._handleSwipeStart.bind(this);\r\n\t\tthis._handleSwipeMove = this._handleSwipeMove.bind(this);\r\n\t\tthis._handleSwipeEnd = this._handleSwipeEnd.bind(this);\r\n\r\n\t\tthis._onMouseDown = this._onMouseDown.bind(this);\r\n\t\tthis._onMouseMove = this._onMouseMove.bind(this);\r\n\t\tthis._onMouseUp = this._onMouseUp.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.swiper) {\r\n\t\t\tthis.swiper.addEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({\r\n\t\t\t\tcapture: true,\r\n\t\t\t\tpassive: false\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tif (this.swiper) {\r\n\t\t\tthis.swiper.removeEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({\r\n\t\t\t\tcapture: true,\r\n\t\t\t\tpassive: false\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\t_onMouseDown(event) {\r\n\t\tif (!this.props.allowMouseEvents) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.mouseDown = true;\r\n\r\n\t\tdocument.addEventListener('mouseup', this._onMouseUp);\r\n\t\tdocument.addEventListener('mousemove', this._onMouseMove);\r\n\r\n\t\tthis._handleSwipeStart(event);\r\n\t}\r\n\r\n\t_onMouseMove(event) {\r\n\t\tif (!this.mouseDown) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._handleSwipeMove(event);\r\n\t}\r\n\r\n\t_onMouseUp(event) {\r\n\t\tthis.mouseDown = false;\r\n\r\n\t\tdocument.removeEventListener('mouseup', this._onMouseUp);\r\n\t\tdocument.removeEventListener('mousemove', this._onMouseMove);\r\n\r\n\t\tthis._handleSwipeEnd(event);\r\n\t}\r\n\r\n\t_handleSwipeStart(event) {\r\n\t\tconst { x, y } = getPosition(event);\r\n\t\tthis.moveStart = { x, y };\r\n\t\tthis.props.onSwipeStart(event);\r\n\t}\r\n\r\n\t_handleSwipeMove(event) {\r\n\t\tif (!this.moveStart) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst { x, y } = getPosition(event);\r\n\t\tconst deltaX = x - this.moveStart.x;\r\n\t\tconst deltaY = y - this.moveStart.y;\r\n\t\tthis.moving = true;\r\n\r\n\t\t// handling the responsability of cancelling the scroll to\r\n\t\t// the component handling the event\r\n\t\tconst shouldPreventDefault = this.props.onSwipeMove({\r\n\t\t\tx: deltaX,\r\n\t\t\ty: deltaY\r\n\t\t}, event);\r\n\r\n\t\tif (shouldPreventDefault) {\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\r\n\t\tthis.movePosition = { deltaX, deltaY };\r\n\t}\r\n\r\n\t_handleSwipeEnd(event) {\r\n\t\tthis.props.onSwipeEnd(event);\r\n\r\n\t\tconst { tolerance } = this.props;\r\n\r\n\t\tif (this.moving && this.movePosition) {\r\n\t\t\tif (this.movePosition.deltaX < -tolerance) {\r\n\t\t\t\tthis.props.onSwipeLeft(1, event);\r\n\t\t\t} else if (this.movePosition.deltaX > tolerance) {\r\n\t\t\t\tthis.props.onSwipeRight(1, event);\r\n\t\t\t}\r\n\t\t\tif (this.movePosition.deltaY < -tolerance) {\r\n\t\t\t\tthis.props.onSwipeUp(1, event);\r\n\t\t\t} else if (this.movePosition.deltaY > tolerance) {\r\n\t\t\t\tthis.props.onSwipeDown(1, event);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.moveStart = null;\r\n\t\tthis.moving = false;\r\n\t\tthis.movePosition = null;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { tagName,\r\n\t\t\tclassName,\r\n\t\t\tstyle,\r\n\t\t\tchildren,\r\n\t\t\tallowMouseEvents,\r\n\t\t\tonSwipeUp,\r\n\t\t\tonSwipeDown,\r\n\t\t\tonSwipeLeft,\r\n\t\t\tonSwipeRight,\r\n\t\t\tonSwipeStart,\r\n\t\t\tonSwipeMove,\r\n\t\t\tonSwipeEnd,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n\r\n {validateCouponError && (\r\n \r\n {\r\n this.setState({\r\n couponCode: e.target.value,\r\n });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n />\r\n
\r\n \r\n \r\n Check\r\n \r\n
\r\n \r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n trigger.parentNode}\r\n arrowPointAtCenter\r\n content={\r\n
\r\n )}\r\n \r\n {\" \"}\r\n {validateCouponMessage &&\r\n this.addLineSpace(validateCouponMessage)}{\" \"}\r\n
\r\n }\r\n trigger=\"click\"\r\n >\r\n \r\n
\r\n \r\n \r\n {this.props.luckyNumberFooters.map((item) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Features;\r\n","import { MembersActionTypes, SignalRTypes } from './actionTypes';\r\nimport { Cookies } from '../../helpers';\r\n\r\n\r\nexport function openMobileTableDetails(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Mobile_Table_Details,\r\n\t\topen\r\n\t}\r\n}\r\n\r\n\r\nexport function openBetDetailsModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Bet_Details_Modal,\r\n\t\topen\r\n\t}\r\n}\r\nexport function openRewardSpinModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Reward_Spin_Modal,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openVoucherModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Voucher_Modal,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openMobileVoucherDetails(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Mobile_Voucher_Details,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function partGroups() {\r\n\treturn {\r\n\t\ttype: SignalRTypes.Handle_Join_Part_Groups,\r\n\t\tisPartOnly: true,\r\n\t}\r\n}\r\n\r\nexport function setSelectedCurrency(currency) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Set_Selected_Currency,\r\n\t\tcurrency\r\n\t}\r\n}\r\nexport function addMemberPhone() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Second_Member_Phone_Request\r\n\t}\r\n}\r\n\r\nexport function sendAddValidatePhone(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Validate_Add_Second_Phone_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function updateMemberDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function getMemberDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Member_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function sendVerifyEmail(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Send_Verify_Email_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function AddMemberProviders(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Member_Providers_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function CreateVirtualSportToken(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Create_Virtual_Sport_Token_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function getRewards() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Rewards_Request,\r\n\t}\r\n}\r\nexport function getRewardsTransaction(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Rewards_Transaction_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function clubRewardStatus(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Club_Reward_Status_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function clubMemberRewardInfo(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Club_Member_Reward_Info_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function resetSingleReward() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Reset_Single_Reward,\r\n\t}\r\n}\r\nexport function customerClubRewardRedeem(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Customer_Club_Reward_Redeem_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function getWheelOfFortuneGift(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Wheel_Of_Fortune_Gift_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function wheelOfFortuneSpin(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Wheel_Of_Fortune_Spin_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function mtnDeposit(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Mtn_Deposit_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function orangeDeposit(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Orange_Deposit_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function mtnWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Mtn_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function tipMeWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tipme_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function tipMeConfirmWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tipme_Confirm_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function orangeWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Orange_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function depositFromVoucher(voucher) {\r\n\tif (voucher.length === 0) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Deposit_From_Voucher_Error,\r\n\t\t\tmessage: 'Please Enter Voucher'\r\n\t\t}\r\n\t}\r\n\r\n\tif (voucher.length !== 16) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Deposit_From_Voucher_Error,\r\n\t\t\tmessage: 'Voucher Must Be 16 characters'\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Deposit_From_Voucher_Request,\r\n\t\tvoucher\r\n\t}\r\n}\r\n\r\nexport function withdrawalToVoucher(data) {\r\n\tconst selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n\tlet amount = data && data.amount;\r\n\tif (!amount || amount === \"0\") {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Please enter Amount\"\r\n\t\t};\r\n\t}\r\n\r\n\tlet amountCheck = amount % 5 === 0;\r\n\tif (!amountCheck && selectedCurrency.currencyId === 1) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Amount must divide by 5\"\r\n\t\t};\r\n\t}\r\n\r\n\tif (amount > selectedCurrency.balance) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Amount is bigger then your balance\"\r\n\t\t};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Request,\r\n\t\tdata\r\n\t};\r\n}\r\n\r\nexport function memberTransactions(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Transactions_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function memberForms(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Forms_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\n\r\nexport function formsDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Forms_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\n\r\nexport function addProviderList() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Provider_List_Request,\r\n\t\t\r\n\t}\r\n}\r\nexport function MemberaddProviderList() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Add_Provider_List_Request,\r\n\t\t\r\n\t}\r\n}\r\nexport function TipMeCustomerSearch(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_Customer_Search_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function DepositeTipMeVerification(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Deposite_Tip_Me_Customer_Search_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function firstDepositeFirstStepMessage(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_First_Deposit_Message_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function tipMeOTPVertificaton(data , methodName) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_OTP_Verification_Request,\r\n\t\tdata,\r\n\t\tmethodName,\r\n\t\t\r\n\t}\r\n}\r\n\r\nexport function getVoucherDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Voucher_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function skip() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Skip\r\n\t}\r\n}\r\n\r\nexport function init() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Init\r\n\t}\r\n}\r\n\r\nexport function setMemberApprovedJackpotWinnings(jackpotId) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Approved_Jackpot_Winnings_Request,\r\n\t\tjackpotId\r\n\t}\r\n}\r\n\r\nexport function checkDepositBonusConditions(){\r\n return {\r\n type: MembersActionTypes.CheckDepositBonusConditions_Request\r\n }\r\n}\r\n\r\nexport function createCustomerServiceCode(){\r\n return {\r\n type: MembersActionTypes.CreateCustomerServiceCode_Request\r\n }\r\n}\r\nexport function getSignedInLoyalityRewards(){\r\n return {\r\n type: MembersActionTypes.Get_Sign_In_Loyalty_Rewards_Options_Request\r\n }\r\n}\r\nexport function GetLoyaltyRewardsCoupons(data){\r\n return {\r\n type: MembersActionTypes.Get_Loyalty_Rewards_Coupons_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function createMemberSlotsBonus(data){\r\n return {\r\n type: MembersActionTypes.Create_Member_Slots_Bonus_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function GetLastRewardNotifications (){\r\n return {\r\n type: MembersActionTypes.Get_Last_Reward_Notifications_Request,\r\n }\r\n}\r\nexport function GetNotificationHistory (data){\r\n return {\r\n type: MembersActionTypes.Get_Notification_History_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function DeleteNotification (data){\r\n return {\r\n type: MembersActionTypes.Delete_Notification_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function GetNotificationCount (){\r\n return {\r\n type: MembersActionTypes.Get_Notification_Count_Request,\r\n }\r\n}\r\nexport function MuteNotification (data){\r\n return {\r\n type: MembersActionTypes.Mute_Notification_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function getFormCashOutOffer(data){\r\n\tlet amountCheck = data.cashoutAmount % 5 === 0;\r\n\tif (!amountCheck ) {\r\n\t\tconsole.log(\"amountcheck\",amountCheck)\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Get_Form_Cash_Out_Offer_Error,\r\n\t\t\tcashOutOfferError: \"Amount must divide by 5\"\r\n\t\t};\r\n\t}\r\n return {\r\n type: MembersActionTypes.Get_Form_Cash_Out_Offer_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function earlyCashOut(data){\r\n return {\r\n type: MembersActionTypes.Early_Cash_Out_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function setMemberCashOutOffer(data){\r\n return {\r\n type: MembersActionTypes.Set_Member_Cash_Out_Offer,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function resetMemberCashOutOffer(data){\r\n return {\r\n type: MembersActionTypes.Reset_Member_Cash_Out_Offer,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function NotificationDetails (data){\r\n return {\r\n type: MembersActionTypes.Get_Notification_Details_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function ReadNotificationStatus (data){\r\n return {\r\n type: MembersActionTypes.Read_Notification_Status_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function ManageMemeberFavorite (data){\r\n return {\r\n type: MembersActionTypes.Manage_Memeber_Favorite_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function CreateMemberSlotsBonusByCouponCode (data){\r\n return {\r\n type: MembersActionTypes.Create_Member_Slots_Bonus_By_Coupon_Code_Request,\r\n\t\tdata\r\n }\r\n}\r\n","export const AppActionTypes = {\r\n Start: \"APP_START\",\r\n PropsMatch: \"APP_PROPSMATCH\",\r\n Navigate: \"APP_NAVIGATE\",\r\n ChangeFeed: \"APP_CHANGEFEED\",\r\n Set_Feed: \"APP_SET_FEED\",\r\n SetServerTime: \"APP_SET_SERVERTIME\",\r\n WindowResize: \"APP_WINDOW_RESIZE\",\r\n WindowResizeSet: \"APP_WINDOW_RESIZE_SET\",\r\n OpenMobileMenu: \"APP_OPEN_MOBILE_MENU\",\r\n OpenMobileBetslip: \"APP_OPEN_MOBILE_BETSLIP\",\r\n Set_Avoid_Click: \"SET_AVOID_CLICK\",\r\n Switch_mode: \"CHANGE_THEME\",\r\n};\r\n\r\n//Not in use at the moment\r\nexport const SignalRTypes = {\r\n ChangeFeed: \"SR_CHANGE_FEED\",\r\n\r\n Connect_Request: \"SR_CONNECT_REQUEST\",\r\n Connect_Success: \"SR_CONNECT_SUCCESS\",\r\n Connect_Error: \"SR_CONNECT_ERROR\",\r\n Connect_Slow: \"SR_CONNECT_SLOW\",\r\n\r\n //Booongo Hub\r\n Booongo_Connect_Request: \"BOOONGO_CONNECT_REQUEST\",\r\n Booongo_Connect_Success: \"BOOONGO_CONNECT_SUCCESS\",\r\n Booongo_Connect_Error: \"BOOONGO_CONNECT_ERROR\",\r\n Booongo_Connect_Slow: \"BOOONGO_CONNECT_SLOW\",\r\n Booongo_Join_Request: \"BOOONGO_JOIN_REQUEST\",\r\n Booongo_Join_Response: \"BOOONGO_JOIN_RESPONSE\",\r\n Booongo_Part_Request: \"BOOONGO_PART_REQUEST\",\r\n Booongo_Part_Response: \"BOOONGO_PART_RESPONSE\",\r\n\r\n //MemberChange Hub\r\n Member_Change_Connect_Request: \"MEMBER_CHANGE_CONNECT_REQUEST\",\r\n Member_Change_Connect_Success: \"MEMBER_CHANGE__CONNECT_SUCCESS\",\r\n Member_Change_Connect_Error: \"MEMBER_CHANGE_CONNECT_ERROR\",\r\n Member_Change_Disconnect_Request: \"MEMBER_CHANGE_DISCONNECT_REQUEST\",\r\n Member_Change_Disconnect_Success: \"MEMBER_CHANGE_DISCONNECT_SUCCESS\",\r\n Member_Change_Update_Balance: \"MEMBER_CHANGE_UPDATE_BALANCE\",\r\n\r\n //Static Hub\r\n\tStatic_Connect_Request: \"STATIC_CONNECT_REQUEST\",\r\n\tStatic_Connect_Success: \"STATIC_CONNECT_SUCCESS\",\r\n\tStatic_Connect_Error: \"STATIC_CONNECT_ERROR\",\r\n\tStatic_Connect_Slow: \"STATIC_CONNECT_SLOW\",\r\n\tStatic_Connect_Retry: \"STATIC_CONNECT_RETRY\",\r\n\r\n\tStatic_Disconnect_Request: \"STATIC_DISCONNECT_REQUEST\",\r\n\tStatic_Disconnect_Success: \"STATIC_DISCONNECT_SUCCESS\",\r\n\r\n\t//Live Hub\r\n\tLive_Connect_Request: \"LIVE_CONNECT_REQUEST\",\r\n\tLive_Connect_Success: \"LIVE_CONNECT_SUCCESS\",\r\n\tLive_Connect_Error: \"LIVE_CONNECT_ERROR\",\r\n\tLive_Connect_Slow: \"LIVE_CONNECT_SLOW\",\r\n\tLive_Connect_Retry: \"LIVE_CONNECT_RETRY\",\r\n\r\n\tLive_Disconnect_Request: \"LIVE_DISCONNECT_REQUEST\",\r\n\tLive_Disconnect_Success: \"LIVE_DISCONNECT_SUCCESS\",\r\n\r\n\t//Virtual Hub\r\n\tVirtual_Connect_Request: \"VIRTUAL_CONNECT_REQUEST\",\r\n\tVirtual_Connect_Success: \"VIRTUAL_CONNECT_SUCCESS\",\r\n\tVirtual_Connect_Error: \"VIRTUAL_CONNECT_ERROR\",\r\n\tVirtual_Connect_Slow: \"VIRTUAL_CONNECT_SLOW\",\r\n\tVirtual_Connect_Retry: \"VIRTUAL_CONNECT_RETRY\",\r\n\r\n\tVirtual_Disconnect_Request: \"VIRTUAL_DISCONNECT_REQUEST\",\r\n\tVirtual_Disconnect_Success: \"VIRTUAL_DISCONNECT_SUCCESS\",\r\n\r\n\t//Spin And Win Hub\r\n\tSpinAndWin_Connect_Request: \"SPIN_AND_WIN_CONNECT_REQUEST\",\r\n\tSpinAndWin_Connect_Success: \"SPIN_AND_WIN_SUCCESS\",\r\n\tSpinAndWin_Connect_Error: \"SPIN_AND_WIN_ERROR\",\r\n\tSpinAndWin_Connect_Slow: \"SPIN_AND_WIN_SLOW\",\r\n\tSpinAndWin_Connect_Retry: \"SPIN_AND_WIN_RETRY\",\r\n\r\n\tSpinAndWin_Disconnect_Request: \"SPIN_AND_WIN_DISCONNECT_REQUEST\",\r\n\tSpinAndWin_Disconnect_Success: \"SPIN_AND_WIN_DISCONNECT_SUCCESS\",\r\n\r\n\t//Lucky Numbers Hub\r\n\tLuckyNumbers_Connect_Request: \"LUCKY_NUMBERS_CONNECT_REQUEST\",\r\n\tLuckyNumbers_Connect_Success: \"LUCKY_NUMBERS_SUCCESS\",\r\n\tLuckyNumbers_Connect_Error: \"LUCKY_NUMBERS_ERROR\",\r\n\tLuckyNumbers_Connect_Slow: \"LUCKY_NUMBERS_SLOW\",\r\n\tLuckyNumbers_Connect_Retry: \"LUCKY_NUMBERS_RETRY\",\r\n\r\n\tLuckyNumbers_Disconnect_Request: \"LUCKY_NUMBERS_DISCONNECT_REQUEST\",\r\n\tLuckyNumbers_Disconnect_Success: \"LUCKY_NUMBERS_DISCONNECT_SUCCESS\",\r\n\r\n //Jackpot Hub\r\n Jackpot_Connect_Request: \"JACKPOT_CONNECT_REQUEST\",\r\n Jackpot_Connect_Success: \"JACKPOT_CONNECT_SUCCESS\",\r\n Jackpot_Connect_Error: \"JACKPOT_CONNECT_ERROR\",\r\n Jackpot_Connect_Slow: \"JACKPOT_CONNECT_SLOW\",\r\n Jackpot_Connect_Retry: \"JACKPOT_CONNECT_RETRY\",\r\n Jackpot_Member_Connect_Request: \"JACKPOT_MEMBER_CONNECT_REQUEST\",\r\n\r\n Jackpot_Disconnect_Request: \"JACKPOT_DISCONNECT_REQUEST\",\r\n Jackpot_Disconnect_Success: \"JACKPOT_DISCONNECT_SUCCESS\",\r\n\r\n Jackpot_Join_Request: \"JACKPOT_JOIN_REQUEST\",\r\n Jackpot_Join_Response: \"JACKPOT_JOIN_RESPONSE\",\r\n Jackpot_Part_Request: \"JACKPOT_PART_REQUEST\",\r\n Jackpot_Part_Response: \"JACKPOT_PART_RESPONSE\",\r\n\r\n Jackpot_Winning_Update: \"JACKPOT_WINNING_UPDATE\",\r\n Jackpot_Winning_Update_Join: \"JACKPOT_WINNING_UPDATE_JOIN\",\r\n Jackpot_Approval_Update_Request: \"JACKPOT_APPROVAL_UPDATE_REQUEST\",\r\n Jackpot_Approval_Update_Success: \"JACKPOT_Approval_UPDATE_SUCCESS\",\r\n\r\n Jackpot_Balance_Update: \"JACKPOT_BALANCE_UPDATE\",\r\n Jackpot_Balance_Success: \"JACKPOT_BALANCE_SUCCESS\",\r\n\r\n Update_Entity_Balance: \"UPDATE_ENTITY_BALANCE\",\r\n\r\n Booongo_Disconnect_Request: \"BOOONGO_DISCONNECT_REQUEST\",\r\n Booongo_Disconnect_Success: \"BOOONGO_DISCONNECT_SUCCESS\",\r\n\r\n Disconnect_Request: \"SR_DICONNECT_REQUEST\",\r\n Disconnect_Success: \"SR_DICONNECT_SUCCESS\",\r\n\r\n GetAllData_Response: \"SR_GET_ALL_DATA\",\r\n\r\n Join_Request: \"SR_JOIN_REQUEST\",\r\n Join_Response: \"SR_JOIN_RESPONSE\",\r\n Part_Request: \"SR_PART_REQUEST\",\r\n Part_Response: \"SR_PART_RESPONSE\",\r\n\r\n Set_Join_Groups: \"SR_SET_JOIN_GROUPS\",\r\n\r\n Handle_Join_Part_Groups: \"SR_HANDLE_JOIN_PART_GROUPS\",\r\n\r\n KironEvent_Request: \"SR_KIRONEVENT_REQUEST\",\r\n KironEvent_Response: \"SR_KIRONEVENT_RESPONSE\",\r\n KironSportEvents_Request: \"SR_KIRONSPORTEVENTS_REQUEST\",\r\n KironSportEvents_Response: \"SR_KIRONSPOREVENTS_RESPONSE\",\r\n\r\n SportTypes_Init: \"SR_SPORTTYPES_INIT\",\r\n SportTypes_Request: \"SR_SPORTTYPES_REQUEST\",\r\n SportTypes_Response: \"SR_SPORTTYPES_RESPONSE\",\r\n\r\n Main_Tournament_Events_Request: \"SR_MAIN_TOURNAMENT_EVENTS_REQUEST\",\r\n Main_Tournament_Events_Response: \"SR_MAIN_TOURNAMENT_EVENTS_RESPONSE\",\r\n\r\n SportCategories_Request: \"SR_CATEGORIES_REQUEST\",\r\n SportCategories_Response: \"SR_CATEGORIES_RESPONSE\",\r\n\r\n SportEvents_Request: \"SR_SPORTEVENTS_REQUEST\",\r\n SportEvents_Response: \"SR_SPORTEVENTS_RESPONSE\",\r\n SportEvents_Clear: \"SR_SPORTEVENTS_Clear\",\r\n\r\n TopBets_Request: \"SR_TOPBETS_REQUEST\",\r\n TopBets_Response: \"SR_TOPBETS_RESPONSE\",\r\n\r\n SportEventsVirtual_Request: \"SR_SPORTEVENTSVIRTUAL_REQUEST\",\r\n\r\n SportEvents_By_Date_Request: \"SR_SPORTEVENTS_BY_DATE_REQUEST\",\r\n SportEvents_By_Date_Response: \"SR_SPORTEVENTS_BY_DATE_RESPONSE\",\r\n\r\n AllBetTypes_Request: \"SR_ALL_BETTYPES_REQUEST\",\r\n AllBetTypes_Response: \"SR_ALL_BETTYPES_RESPONSE\",\r\n\r\n Get_Updated_OddField_Details: \"GET_UPDATED_ODD_FIELDS_DETAILS\",\r\n Get_Updated_OddField_Details_Response:\r\n \"GET_UPDATED_ODD_FIELDS_DETAILS_RESPONSE\",\r\n\r\n OnFeedChanges: \"SR_ONFEEDCHANGED\",\r\n\r\n /////\r\n OnSportEventsChange: \"SR_ON_SPORT_EVENTS_CHANGE\",\r\n OnEventOddsChange: \"SR_ON_EVENT_ODDS_CHANGE\",\r\n onEventOddGroupsChange: \"SR_ON_EVENT_ODD_GROUPS_CHANGE\",\r\n OnEventOddFieldsChange: \"SR_ON_EVENT_ODD_FIELDS_CHANGE\",\r\n OnEventScoreChange: \"SR_ON_EVENT_SCORE_CHANGE\",\r\n OnSportTournamentsChange: \"SR_ON_SPORT_TOURNAMENTS_CHANGE\",\r\n OnTopBetTypesChange: \"SR_ON_TOP_BET_TYPES_CHANGE\",\r\n OnSportTypesChange: \"SR_ON_SPORT_TYPES_CHANGE\",\r\n OnSportCategoriesChange: \"SR_ON_SPORT_CATEGORIES_CHANGE\",\r\n OnSportTopLeaguesChange: \"SR_ON_SPORT_TOP_LEAGUES_CHANGE\",\r\n OnUpcomingEventsChange: \"SR_ON_UPCOMING_EVENTS_CHANGE\",\r\n OnBarItemsChange: \"SR_ON_BAR_ITEMS_CHANGE\",\r\n //////\r\n\r\n OnTimer: \"SR_ON_TIMER\",\r\n Re_Connect: \"SR_RE_CONNECT\",\r\n Producer_Down: \"PRODUCER_DOWN\",\r\n Producer_Up: \"PRODUCER_UP\",\r\n\r\n By_Day_week_Days_response: \"BY_DAY_WEEK_DAYS_RESPONSE\",\r\n Default_Live_Sport_Type_Response: \"DEFAULT_LIVE_SPORT_TYPE_RESPONSE\",\r\n\r\n OnUpcomingDraws: \"On_Upcoming_Draws_Request\",\r\n OnUpcomingDrawsResponse: \"On_Upcoming_Draws_Response\",\r\n OnUpcomingDrawsSuccess: \"On_Upcoming_Draws_Success\",\r\n OnUpcomingDrawsError: \"On_Upcoming_Draws_Error\",\r\n\r\n Get_Draws_Categories_And_Tournaments_Request:\r\n \"Get_Draws_Categories_And_Tournaments_Request\",\r\n Get_Draws_Categories_And_Tournaments_Response:\r\n \"Get_Draws_Categories_And_Tournaments_Response\",\r\n Get_Draws_Categories_And_Tournaments_Success:\r\n \"Get_Draws_Categories_And_Tournaments_Success\",\r\n Get_Draws_Categories_And_Tournaments_Error:\r\n \"Get_Draws_Categories_And_Tournaments_Error\",\r\n\r\n Get_Lucky_Numbers_Event_Result_Request:\r\n \"Get_Lucky_Numbers_Event_Result_Request\",\r\n Get_Lucky_Numbers_Event_Result_Response: \"GET_Lucky_Numbers_EVENT_RESULT_RESPONSE\",\r\n Get_Lucky_Numbers_Event_Result_Success: \"GET_Lucky_Numbers_EVENT_RESULT_SUCCESS\",\r\n Get_Lucky_Numbers_Event_Result_Error: \"GET_Lucky_Numbers_EVENT_RESULT_ERROR\",\r\n\r\n Reset_upcoming_Draws_And_Result: \"Reset_upcoming_Draws_And_Results\",\r\n\r\n Get_Draw_Odds_Request : \"GET_DRAW_ODDS_REQUEST\",\r\n Get_Draw_Odds_Response : \"GET_DRAW_ODDS_RESPONSE\",\r\n\r\n\r\n Get_Suggested_Balls_Request:\"GET_SUGGESTED_BALLS_REQUEST\",\r\n Get_Suggested_Balls_Response:\"GET_SUGGESTED_BALLS_RESPONSE\",\r\n Get_Suggested_Balls_Success:\"GET_SUGGESTED_BALLS_SUCCESS\",\r\n Get_Suggested_Balls_Error:\"GET_SUGGESTED_BALLS_ERROR\",\r\n\r\n Connect_to_Banner_Hub: \"CONNECT_TO_BANNER_HUB\",\r\n Connect_to_Banner_Hub_Success: \"CONNECT_TO_BANNER_HUB_SUCCESS\",\r\n On_Current_Banner_Response : \"ON_CURRENT_BANNER_RESPONSE\",\r\n Get_Current_Banner_Request:\"GET_CURRENT_BANNER_REQUEST\",\r\n Get_Current_Banner_Success:\"GET_CURRENT_BANNER_SUCCESS\",\r\n On_Banner_Change:\"ON_BANNER_CHANGE\",\r\n On_Configration_Change:\"ON_CONFIGRATION_CHANGE\",\r\n On_Banner_Change_Success:\"ON_BANNER_CHANGE_SUCCESS\",\r\n\r\n Get_Custom_Bet_Odd_Field_Data_Request:\"GET_CUSTOM_BET_ODD_FIELD_DATA_REQUEST\",\r\n Get_Custom_Bet_Odd_Field_Data_Success:\"GET_CUSTOM_BET_ODD_FIELD_DATA_SUCCESS\",\r\n Update_Lucky_Numbers_Favorite:\"UPDATE_LUCKY_NUMBER_FAVORITE\"\r\n};\r\n\r\nexport const SearchActionTypes = {\r\n GetSearchedData_Request: \"GET_SEARCHED_DATA_REQUEST\",\r\n GetSearchedData_Response: \"GET_SEARCHED_DATA_RESPONSE\",\r\n GetSearchedData_Success: \"GET_SEARCHED_DATA_SUCCESS\",\r\n GetSearchedData_Error: \"GET_SEARCHED_DATA_ERROR\",\r\n\r\n Navigate_Search_Item: \"NAVIGATE_SEARCH_ITEM\",\r\n};\r\n\r\nexport const HomeActionTypes = {\r\n Load_Request: \"HOME_LOAD_REQUEST\",\r\n};\r\n\r\nexport const VirtualActionTypes = {\r\n Load_Request: \"VIRTUAL_LOAD_REQUEST\",\r\n SportEvents_Request: \"VIRTUAL_SPORTEVENTS_REQUEST\",\r\n SportEvents_Response: \"VIRTUAL_SPORTEVENTS_RESPONSE\",\r\n};\r\n\r\nexport const SportActionTypes = {\r\n Sport_AllEmpty: \"SPORT_ALL_EMPTY\",\r\n};\r\n\r\nexport const SportTypesActionTypes = {\r\n Set_Sport: \"SPORT_TYPES_SET_SPORT\",\r\n Init: \"SPORT_TYPES_INIT\",\r\n SportTypes_Success: \"SPORT_TYPES_SUCCESS\",\r\n SportTypes_Error: \"SPORT_TYPES_ERROR\",\r\n Main_Tournament_Events_Success: \"MAIN_TOURNAMENT_EVENTS_SUCCESS\",\r\n Main_Tournament_Events_Error: \"MAIN_TOURNAMENT_EVENTS_ERROR\",\r\n\r\n SportTypes_Remove_Disabled: \"SPORT_TYPES_REMOVE_DISABLED\",\r\n};\r\n\r\nexport const CategoriesActionTypes = {\r\n Set_Tournament: \"CATEGORIES_SET_TOURNAMENT\",\r\n Init: \"CATEGORIES_INIT\",\r\n SportCategories_Success: \"CATEGORIES_SUCCESS\",\r\n SportCategories_Error: \"CATEGORIES_ERROR\",\r\n SportTopLeagues_Success: \"TOP_LEAGUES_SUCCESS\",\r\n\r\n SportCategories_Remove_Disabled: \"SPORT_TYPES_REMOVE_DISABLED\",\r\n\r\n Update_Favorite_Country_For_Sport_Category:\"UPDATE_FAVORITE_COUNTRY_FOR_SPORT_CATEGORY\"\r\n};\r\n\r\nexport const SportEventsActionTypes = {\r\n Set_Event: \"SPORT_EVENTS_SET_EVENT\",\r\n Init: \"SPORT_EVENTS_INIT\",\r\n\r\n SportEvents_Success: \"SPORT_EVENTS_SUCCESS\",\r\n SportEvents_Error: \"SPORT_EVENTS_ERROR\",\r\n\r\n SportEvents_OddFields_Success: \"SPORT__ODDFIELDS_EVENTS_SUCCESS\",\r\n\r\n SportEvents_Odds_Success: \"SPORT_ODDS_EVENTS_SUCCESS\",\r\n SportEvents_Events_FeedChange: \"SPORT_EVENTS_FEEDCHANGE\",\r\n SportEvents_Upcoming_Events_Success: \"SPORT_UPCOMING_EVENTS_SUCCESS\",\r\n SportEvents_Groups_Success: \"SPORT_GROUPS_SUCCESS\",\r\n SportEvents_BetTypes_Success: \"SPORT_BETTYPES_SUCCESS\",\r\n\r\n AllBetTypes_Success: \"SPORT_EVENTS_ALL_BETTYPES_SUCCESS\",\r\n AllBetTypes_Error: \"SPORT_EVENTS_ALL_BETTYPES_ERROR\",\r\n\r\n SportEvents_Update: \"SPORT_EVENTS_UPDATE\",\r\n SportEvents_OnDropDownsChange: \"SPORT_EVENTS_ON_DROPDOWNS_CHANGE\",\r\n SportEvents_OnMobileBetFilterClick: \"SPORT_EVENTS_On_Mobile_Bet_FilterClick\",\r\n\r\n Sport_Get_Week_Match_Days_Request: \"SPORT_GET_WEEK_MATCH_DAYS_REQUEST\",\r\n Sport_Get_Week_Match_Days_Success: \"SPORT_GET_WEEK_MATCH_DAYS_SUCCESS\",\r\n Sport_Get_Week_Match_Days_Error: \"SPORT_GET_WEEK_MATCH_DAYS_ERROR\",\r\n\r\n Get_Default_Live_Sport_Type_Request: \"GET_DEFAULT_LIVE_SPORT_TYPE_REQUEST\",\r\n Get_Default_Live_Sport_Type_Success: \"GET_DEFAULT_LIVE_SPORT_TYPE_SUCCESS\",\r\n Get_Default_Live_Sport_Type_Error: \"GET_DEFAULT_LIVE_SPORT_TYPE_ERROR\",\r\n\r\n Filter_Sport_Events_Action:\"FILTER_SPORT_EVENTS_ACTION\",\r\n\r\n Update_Favorite_Sport_Events:\"UPDATE_FAVORITE_SPORT_EVENTS\",\r\n Update_Favorite_Team_For_Sport_Events:\"UPDATE_FAVORITE_TEAM_FOR_SPORT_EVENTS\",\r\n Update_Favorite_Country_For_Sport_Events:\"UPDATE_FAVORITE_COUNTRY_FOR_SPORT_EVENTS\"\r\n};\r\n\r\nexport const LiveActionTypes = {\r\n Load_Request: \"LIVE_LOAD_REQUEST\",\r\n};\r\n\r\nexport const GeneralActionTypes = {\r\n //GET THE MAP DATA\r\n Map_Request: \"MAP_REQUEST\",\r\n Map_Success: \"MAP_SUCCESS\",\r\n Map_Error: \"MAP_ERROR\",\r\n\r\n Form_Statuses_Request: \"FORM_STATUSES_REQUEST\",\r\n Form_Statuses_Success: \"FORM_STATUSES_SUCCESS\",\r\n Form_Statuses_Error: \"FORM_STATUSES_ERROR\",\r\n\r\n Bet_Slip_Configuration_Request: \"BET_SLIP_CONFIGURATION_REQUEST\",\r\n Bet_Slip_Configuration_Success: \"BET_SLIP_CONFIGURATION_SUCCESS\",\r\n Bet_Slip_Configuration_Error: \"BET_SLIP_CONFIGURATION_ERROR\",\r\n\r\n Page_Name_Request: \"PAGE_NAME_REQUEST\",\r\n Page_Name_Success: \"PAGE_NAME_SUCCESS\",\r\n Page_Name_Error: \"PAGE_NAME_ERROR\",\r\n\r\n Web_Files_Request: \"WEB_FILES_REQUEST\",\r\n Web_Files_Success: \"WEB_FILES_SUCCESS\",\r\n Web_Files_Error: \"WEB_FILES_ERROR\",\r\n\r\n Web_File_Request: \"WEB_FILE_REQUEST\",\r\n Web_File_Response: \"WEB_FILE_RESPONSE\",\r\n\r\n Bets_By_Bet_Code_Request: \"BETS_BY_BET_CODE_REQUEST\",\r\n Bets_By_Bet_Code_Success: \"BETS_BY_BET_CODE_SUCCESS\",\r\n Bets_By_Bet_Code_Error: \"BETS_BY_BET_CODE_ERROR\",\r\n\r\n Create_Bet_Code_Request: \"CREATE_BET_CODE_REQUEST\",\r\n Create_Bet_Code_Success: \"CREATE_BET_CODE_SUCCESS\",\r\n Create_Bet_Code_Error: \"CREATE_BET_CODE_ERROR\",\r\n Bet_Code_Clear: \"BET_CODE_CLEAR\",\r\n\r\n Get_DrillDown_Groups_Request: \"GET_DRILLDOWN_GROUPS_REQUEST\",\r\n Get_DrillDown_Groups_Success: \"GET_DRILLDOWN_GROUPS_SUCCESS\",\r\n Get_DrillDown_Groups_Error: \"GET_DRILLDOWN_GROUPS_ERROR\",\r\n\r\n Get_Configuration_Request: \"GET_CONFIGURATION_REQUEST\",\r\n Get_Configuration_Success: \"GET_CONFIGURATION_SUCCESS\",\r\n Get_Configuration_Error: \"GET_CONFIGURATION_ERROR\",\r\n\r\n Get_Currencies_Request: \"GET_CURRENCIES_REQUEST\",\r\n Get_Currencies_Success: \"GET_CURRENCIES_SUCCESS\",\r\n Get_Currencies_Error: \"GET_CURRENCIES_ERROR\",\r\n\r\n Get_CountryPhone_Providers_Request: \"GET_COUNTRYPHONE_PROVIDERS_REQUEST\",\r\n Get_CountryPhone_Providers_Success: \"GET_COUNTRYPHONE_PROVIDERS_SUCCESS\",\r\n Get_CountryPhone_Providers_Error: \"GET_COUNTRYPHONE_PROVIDERS_ERROR\",\r\n\r\n Get_Countries_Request: \"GET_COUNTRIES_REQUEST\",\r\n Get_Countries_Success: \"GET_COUNTRIES_SUCCESS\",\r\n Get_Countries_Error: \"GET_COUNTRIES_ERROR\",\r\n\r\n Get_Counties_Request: \"GET_COUNTIES_REQUEST\",\r\n Get_Counties_Success: \"GET_COUNTIES_SUCCESS\",\r\n Get_Counties_Error: \"GET_COUNTIES_ERROR\",\r\n\r\n Get_Banners_Request: \"GET_BANNERS_REQUEST\",\r\n Get_Banners_Success: \"GET_BANNERS_SUCCESS\",\r\n Get_Banners_Error: \"GET_BANNERS_ERROR\",\r\n\r\n Get_Calender_Request: \"GET_CALENDER_REQUEST\",\r\n Get_Calender_Success: \"GET_CALENDER_SUCCESS\",\r\n Get_Calender_Error: \"GET_CALENDER_ERROR\",\r\n\r\n Get_Footer_Providers_Request: \"GET_FOOTER_PROVIDERS_REQUEST\",\r\n Get_Footer_Providers_Success: \"GET_FOOTER_PROVIDERS_SUCCESS\",\r\n Get_Footer_Providers_Error: \"GET_FOOTER_PROVIDERS_ERROR\",\r\n\r\n Get_Footer_Text_Request: \"GET_FOOTER_TEXT_REQUEST\",\r\n Get_Footer_Text_Success: \"GET_FOOTER_TEXT_SUCCESS\",\r\n Get_Footer_Text_Error: \"GET_FOOTER_TEXT_ERROR\",\r\n\r\n Server_Time: \"SERVER_TIME\",\r\n\r\n Get_Country_Flag_Images: \"GET_COUNTRY_FLAG_IMAGES\",\r\n Get_Country_Flag_Images_Success: \"GET_COUNTRY_FLAG_IMAGES_SUCCESS\",\r\n Get_Country_Flag_Images_Error: \"GET_COUNTRY_FLAG_IMAGES_ERROR\",\r\n\r\n Validate_Coupon_Request: \"VALIDATE_COUPON_REQUEST\",\r\n Validate_Coupon_Success: \"VALIDATE_COUPON_SUCCESS\",\r\n Validate_Coupon_Reset: \"VALIDATE_COUPON_RESET\",\r\n Validate_Coupon_Error: \"VALIDATE_COUPON_ERROR\",\r\n Validate_Coupon_Clear_Message: \"VALIDATE_COUPON_CLEAR_MESSAGE\",\r\n Coupon_Reset: \"COUPON_RESET\",\r\n\r\n Get_Loyalty_Rewards_Options_Request: \"GET_LOYALITY_REWARDS_OPTIONS_REQUEST\",\r\n Get_Loyalty_Rewards_Options_Success: \"GET_LOYALITY_REWARDS_OPTIONS_SUCCESS\",\r\n Get_Loyalty_Rewards_Options_Error: \"GET_LOYALITY_REWARDS_OPTIONS_ERROR\",\r\n\r\n Get_Sport_Promos_Request: \"GET_SPORT_PROMOS_REQUEST\",\r\n Get_Sport_Promos_Suceess: \"GET_SPORT_PROMOS_SUCCESS\",\r\n Get_Sport_Promos_Error: \"GET_SPORT_PROMOS_ERROR\",\r\n\r\n Get_Sport_Promos_Info_Request: \"GET_SPORT_PROMOS_INFO_REQUEST\",\r\n Get_Sport_Promos_Info_Suceess: \"GET_SPORT_PROMOS_INFO_SUCCESS\",\r\n Get_Sport_Promos_Info_Error: \"GET_SPORT_PROMOS_INFO_ERROR\",\r\n\r\n Reset_Get_Sport_Promos_Info_Request: \"RESET_GET_SPORT_PROMOS_INFO_REQUEST\",\r\n Reset_Get_Sport_Promos: \"RESET_GET_SPORT_PROMOS\",\r\n\r\n Get_Header_Tabs_Request: \"GET_HEADER_TABS_REQUEST\",\r\n Get_Header_Tabs_Success: \"GET_HEADER_TABS_SUCCESS\",\r\n Get_Header_Tabs_Error: \"GET_HEADER_TABS_ERROR\",\r\n\r\n Get_Sport_Types_Icons_Request: \"GET_SPORT_TYPE_ICONS_REQUEST\",\r\n Get_Sport_Types_Icons_Success: \"GET_SPORT_TYPE_ICONS_SUCCESS\",\r\n Get_Sport_Types_Icons_Error: \"GET_SPORT_TYPE_ICONS_ERROR\",\r\n\r\n Active_Spin_And_Win_Table: \"ACTIVE_SPIN_AND_WIN_TABLE\",\r\n\r\n Get_Lucky_Number_Configuration_Request:\r\n \"GET_LUCKY_NUMBER_CONFIGRATION_REQUEST\",\r\n Get_Lucky_Number_Configuration_Success:\r\n \"GET_LUCKY_NUMBER_CONFIGRATION_SUCCESS\",\r\n Get_Lucky_Number_Configuration_Error: \"GET_LUCKY_NUMBER_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Landing_Configuration_Request:\"GET_LANDING_CONFIGRATION_REQUEST\",\r\n Get_Landing_Configuration_Success:\"GET_LANDING_CONFIGRATION_SUCCESS\",\r\n Get_Landing_Configuration_Error:\"GET_LANDING_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Work_With_Us_Configuration_Request:\"GET_WORK_WITH_US_CONFIGRATION_REQUEST\",\r\n Get_Work_With_Us_Configuration_Success:\"GET_WORK_WITH_US_CONFIGRATION_SUCCESS\",\r\n Get_Work_With_Us_Configuration_Error:\"GET_WORK_WITH_US_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Kiosk_Web_Banner_Images_Request:\"GET_KIOSK_WEB_BANNER_IMAGES_REQUEST\",\r\n Get_Kiosk_Web_Banner_Images_Success:\"GET_KIOSK_WEB_BANNER_IMAGES_SUCCESS\",\r\n Get_Kiosk_Web_Banner_Images_Error:\"GET_KIOSK_WEB_BANNER_IMAGES_ERROR\"\r\n};\r\n\r\nexport const ContactUsActionTypes = {\r\n // GET THE SUBJECTS\r\n Subjects_Request: \"SUBJECTS_REQUEST\",\r\n Subjects_Success: \"SUBJECTS_SUCCESS\",\r\n Subjects_Error: \"SUBJECT_ERROR\",\r\n\r\n Contact_Data_Request: \"CONTACT_DATA_REQUEST\",\r\n Contact_Data_Success: \"CONTACT_DATA_SUCCESS\",\r\n Contact_Data_Error: \"CONTACT_DATA_ERROR\",\r\n};\r\n\r\nexport const RegisterActionTypes = {\r\n Init: \"INIT_REGISTER\",\r\n //Get Register Entites\r\n Register_Entities_Request: \"REGISTER_ENTITIES_REQUEST\",\r\n Register_Entities_Success: \"REGISTER_ENTITIES_SUCCESS\",\r\n Register_Entities_Error: \"REGISTER_ENTITIES_ERROR\",\r\n\r\n\r\n Verify_Email_Request: \"VERIFY_EMAIL_REQUEST\",\r\n Verify_Email_Success: \"VERIFY_EMAIL_SUCCESS\",\r\n Verify_Email_Error: \"VERIFY_EMAIL_ERROR\",\r\n\r\n Add_Member_Phone_Request: \"ADD_MEMBER_PHONE_REQUEST\",\r\n Add_Member_Phone_Success: \"ADD_MEMBER_PHONE_SUCCESS\",\r\n Add_Member_Phone_Error: \"ADD_MEMBER_PHONE_ERROR\",\r\n\r\n //Validate Phone\r\n Validate_Phone_Request: \"VALIDATE_PHONE_REQUEST\",\r\n Validate_Phone_Success: \"VALIDATE_PHONE_SUCCESS\",\r\n Validate_Phone_Error: \"VALIDATE_PHONE_ERROR\",\r\n\r\n //Validate add phone\r\n Validate_Add_Phone_Request: \"VALIDATE_ADD_PHONE_REQUEST\",\r\n Validate_Add_Phone_Success: \"VALIDATE_ADD_PHONE_SUCCESS\",\r\n Validate_Add_Phone_Error: \"VALIDATE_ADD_PHONE_ERROR\",\r\n\r\n //Register member\r\n Register_Member_Request: \"REGISTER_MEMBER_REQUEST\",\r\n Register_Member_Success: \"REGISTER_MEMBER_SUCCESS\",\r\n Register_Member_Error: \"REGISTER_MEMBER_ERROR\",\r\n\r\n // VALIDATE EMAIL\r\n Validate_Email_Request: \"VALIDATE_EMAIL_RESPONSE\",\r\n Validate_Email_Success: \"VALIDATE_EMAIL_SUCCESS\",\r\n Validate_Email_Error: \"VALIDATE_EMAIL_ERROR\",\r\n\r\n Send_Register_Data: \"SEND_REGISTER_DATA\",\r\n Handle_Register_signin: \"HANDLE_REGISTER_SIGNIN\",\r\n};\r\n\r\nexport const AuthActionTypes = {\r\n Init: \"INIT_AUTH\",\r\n //Sign In\r\n Signin_Request: \"SIGNIN_REQUEST\",\r\n Signin_Success: \"SIGNIN_SUCCESS\",\r\n Register_Signin_Success: \"REGISTER_SIGNIN_SUCCESS\",\r\n Signin_Error: \"SIGNIN_ERROR\",\r\n\r\n //Sign Out\r\n Signout_Request: \"SIGNOUT_REQUEST\",\r\n Signout_Success: \"SIGNOUT_SUCCESS\",\r\n Signout_Error: \"SIGNOUT_ERROR\",\r\n\r\n Forgot_Password_Check_Dest_Request: \"FORGOT_PASSWORD_CHECK_DEST_REQUEST\",\r\n Forgot_Password_Check_Dest_Suceess: \"FORGOT_PASSWORD_CHECK_DEST_SUCCESS\",\r\n Forgot_Password_Check_Dest_Error: \"FORGOT_PASSWORD_CHECK_DEST_ERROR\",\r\n\r\n Forgot_Password_Request: \"FORGOT_PASSWORD_REQUEST\",\r\n Forgot_Password_Suceess: \"FORGOT_PASSWORD_SUCCESS\",\r\n Forgot_Password_Error: \"FORGOT_PASSWORD_ERROR\",\r\n\r\n Forgot_Password_Confirm_Request: \"FORGOT_PASSWORD_CONFIRM_REQUEST\",\r\n Forgot_Password_Confirm_Suceess: \"FORGOT_PASSWORD_CONFIRM_SUCCESS\",\r\n Forgot_Password_First_Step_Confirm_Suceess:\r\n \"FORGOT_PASSWORD_FIRST_STEP_CONFIRM_SUCCESS\",\r\n Forgot_Password_Confirm_Error: \"FORGOT_PASSWORD_CONFIRM_ERROR\",\r\n\r\n Change_Password_Request: \"CHANGE_PASSWORD_REQUEST\",\r\n Change_Password_Suceess: \"CHANGE_PASSWORD_SUCCESS\",\r\n Change_Password_Error: \"CHANGE_PASSWORD_ERROR\",\r\n\r\n Update_Password_Request: \"UPDATE_PASSWORD_REQUEST\",\r\n Update_Password_Suceess: \"UPDATE_PASSWORD_SUCCESS\",\r\n Update_Password_Error: \"UPDATE_PASSWORD_ERROR\",\r\n\r\n Start_Click_listener: \"START_CLICK_LISTENER\",\r\n Set_Show_Login_Pop_Confirm: \"SET_SHOW_LOGIN_POP_CONFIRM\",\r\n\r\n // Token\r\n Refresh_Token_Request: \"REFRESH_TOKEN_REQUEST\",\r\n Refresh_Token_Success: \"REFRESH_TOKEN_SUCCESS\",\r\n Refresh_Token_Error: \"REFRESH_TOKEN_ERROR\",\r\n};\r\n\r\nexport const MembersActionTypes = {\r\n Init: \"INIT_MEMBER\",\r\n //Update member phone\r\n Add_Second_Member_Phone_Request: \"ADD_SECOND_MEMBER_PHONE_REQUEST\",\r\n Add_Second_Member_Phone_Success: \"ADD_SECOND_MEMBER_PHONE_SUCCESS\",\r\n Add_Second_Member_Phone_Error: \"ADD_SECOND_MEMBER_PHONE_ERROR\",\r\n\r\n //Validate add phone\r\n Validate_Add_Second_Phone_Request: \"VALIDATE_SECOND_ADD_PHONE_REQUEST\",\r\n Validate_Add_Second_Phone_Success: \"VALIDATE_SECOND_ADD_PHONE_SUCCESS\",\r\n Validate_Add_Second_Phone_Error: \"VALIDATE_SECOND_ADD_PHONE_ERROR\",\r\n\r\n // Update Member Details\r\n Member_Details_Request: \"MEMBER_DETAILS_REQUEST\",\r\n Member_Details_Success: \"MEMBER_DETAILS_SUCCESS\",\r\n Member_Details_Error: \"MEMBER_DETAILS_ERROR\",\r\n\r\n // Get Member Details\r\n Get_Member_Details_Request: \"GET_MEMBER_DETAILS_REQUEST\",\r\n Get_Member_Details_Success: \"GET_MEMBER_DETAILS_SUCCESS\",\r\n Get_Member_Details_Error: \"GET_MEMBER_DETAILS_ERROR\",\r\n\r\n Send_Verify_Email_Request: \"SEND_VERIFY_EMAIL_REQUEST\",\r\n Send_Verify_Email_Success: \"SEND_VERIFY_EMAIL_SUCCESS\",\r\n Send_Verify_Email_Error: \"SEND_VERIFY_EMAIL_ERROR\",\r\n\r\n Deposit_From_Voucher_Request: \"DEPOSIT_FROM_VOUCHER_REQUEST\",\r\n Deposit_From_Voucher_Success: \"DEPOSIT_FROM_VOUCHER_SUCCESS\",\r\n Deposit_From_Voucher_Error: \"DEPOSIT_FROM_VOUCHER_ERROR\",\r\n\r\n Mtn_Deposit_Request: \"MTN_DEPOSIT_REQUEST\",\r\n Mtn_Deposit_Success: \"MTN_DEPOSIT_SUCCESS\",\r\n Mtn_Deposit_Error: \"MTN_DEPOSIT_ERROR\",\r\n\r\n Orange_Deposit_Request: \"ORANGE_DEPOSIT_REQUEST\",\r\n Orange_Deposit_Success: \"ORANGE_DEPOSIT_SUCCESS\",\r\n Orange_Deposit_Error: \"ORANGE_DEPOSIT_ERROR\",\r\n\r\n Mtn_Withdraw_Request: \"MTN_WITHDRAW_REQUEST\",\r\n Mtn_Withdraw_Success: \"MTN_WITHDRAW_SUCCESS\",\r\n Mtn_Withdraw_Error: \"MTN_WITHDRAW_ERROR\",\r\n\r\n Tipme_Withdraw_Request: \"TIPME_WITHDRAW_REQUEST\",\r\n Tipme_Withdraw_Success: \"TIPME_WITHDRAW_SUCCESS\",\r\n Tipme_Withdraw_Error: \"TIPME_WITHDRAW_ERROR\",\r\n\r\n Tipme_Confirm_Withdraw_Request: \"TIPME_CONFIRM_WITHDRAW_REQUEST\",\r\n Tipme_Confirm_Withdraw_Success: \"TIPME_CONFIRM_WITHDRAW_SUCCESS\",\r\n Tipme_Confirm_Withdraw_Error: \"TIPME_CONFIRM_WITHDRAW_ERROR\",\r\n\r\n Orange_Withdraw_Request: \"ORANGE_WITHDRAW_REQUEST\",\r\n Orange_Withdraw_Success: \"ORANGE_WITHDRAW_SUCCESS\",\r\n Orange_Withdraw_Error: \"ORANGE_WITHDRAW_ERROR\",\r\n\r\n Withdrawal_To_Voucher_Request: \"WITHDRAWAL_TO_VOUCHER_REQUEST\",\r\n Withdrawal_To_Voucher_Success: \"WITHDRAWAL_TO_VOUCHER_SUCCESS\",\r\n Withdrawal_To_Voucher_Error: \"WITHDRAWAL_TO_VOUCHER_ERROR\",\r\n\r\n Member_Transactions_Request: \"MEMBER_TRANSTACTIONS_REQUEST\",\r\n Member_Transactions_Success: \"MEMBER_TRANSTACTIONS_SUCCESS\",\r\n Member_Transactions_Error: \"MEMBER_TRANSTACTIONS_ERROR\",\r\n\r\n Member_Forms_Request: \"MEMBER_FORMS_REQUEST\",\r\n Member_Forms_Success: \"MEMBER_FORMS_SUCCESS\",\r\n Member_Forms_Error: \"MEMBER_FORMS_ERROR\",\r\n\r\n Member_Forms_Change: \"MEMBER_FORMS_CHANGE\",\r\n\r\n Forms_Details_Request: \"FORMS_DETAILS_REQUEST\",\r\n Forms_Details_Success: \"FORMS_DETAILS_SUCCESS\",\r\n Forms_Details_Error: \"FORMS_DETAILS_ERROR\",\r\n\r\n Add_Provider_List_Request: \"ADD_PROVIDER_LIST_REQUEST\",\r\n Add_Provider_List_Success: \"ADD_PROVIDER_LIST_Success\",\r\n Add_Provider_List_Error: \"ADD_PROVIDER_LIST_Error\",\r\n\r\n Member_Add_Provider_List_Request: \"MEMBER_ADD_PROVIDER_LIST_REQUEST\",\r\n Member_Add_Provider_List_Success: \"MEMBER_ADD_PROVIDER_LIST_Success\",\r\n Member_Add_Provider_List_Error: \"MEMBER_ADD_PROVIDER_LIST_Error\",\r\n\r\n Tip_Me_Customer_Search_Request: \"TIP_ME_CUSTOMER_SEARCH_REQUEST\",\r\n Tip_Me_Customer_Search_Success: \"TIP_ME_CUSTOMER_SEARCH_SUCCESS\",\r\n Tip_Me_Customer_Search_Error: \"TIP_ME_CUSTOMER_SEARCH_ERROR\",\r\n\r\n Deposite_Tip_Me_Customer_Search_Request:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_REQUEST\",\r\n Deposite_Tip_Me_Customer_Search_Success:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_SUCCESS\",\r\n Deposite_Tip_Me_Customer_Search_Error:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_ERROR\",\r\n\r\n Tip_Me_First_Deposit_Message_Request: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_REQUEST\",\r\n Tip_Me_First_Deposit_Message_Success: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_SUCCESS\",\r\n Tip_Me_First_Deposit_Message_Error: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_ERROR\",\r\n\r\n Tip_Me_OTP_Verification_Request: \"TIP_ME_OTP_VERIFICATION_REQUEST\",\r\n Tip_Me_OTP_Verification_Success: \"TIP_ME_OTP_VERIFICATION_SUCCESS\",\r\n Tip_Me_OTP_Verification_Error: \"TIP_ME_OTP_VERIFICATION_ERROR\",\r\n\r\n Add_Member_Providers_Request: \"ADD_MEMBER_PROVIDERS_REQUEST\",\r\n Add_Member_Providers_Success: \"ADD_MEMBER_PROVIDERS_SUCCESS\",\r\n Add_Member_Providers_Error: \"ADD_MEMBER_PROVIDERS_ERROR\",\r\n\r\n Get_Rewards_Request: \"GET_REWARDS_REQUEST\",\r\n Get_Rewards_Success: \"GET_REWARDS_SUCCESS\",\r\n Get_Rewards_Error: \"GET_REWARDS_ERROR\",\r\n\r\n Get_Rewards_Transaction_Request: \"GET_REWARDS_TRANSACTION_REQUEST\",\r\n Get_Rewards_Transaction_Success: \"GET_REWARDS_TRANSACTION_SUCCESS\",\r\n Get_Rewards_Transaction_Error: \"GET_REWARDS_TRANSACTION_ERROR\",\r\n\r\n Get_Club_Reward_Status_Request: \"GET_CLUB_REWARD_STATUS_REQUEST\",\r\n Get_Club_Reward_Status_Success: \"GET_CLUB_REWARD_STATUS_SUCCESS\",\r\n Get_Club_Reward_Status_Error: \"GET_CLUB_REWARD_STATUS_ERROR\",\r\n\r\n Get_Club_Member_Reward_Info_Request: \"GET_CLUB_MEMBER_REWARD_INFO_REQUEST\",\r\n Get_Club_Member_Reward_Info_Success: \"GET_CLUB_MEMBER_REWARD_INFO_SUCCESS\",\r\n Get_Club_Member_Reward_Info_Error: \"GET_CLUB_MEMBER_REWARD_INFO_ERROR\",\r\n\r\n Customer_Club_Reward_Redeem_Request: \"CUSTOMER_CLUB_REWARD_REDEEM_REQUEST\",\r\n Customer_Club_Reward_Redeem_Success: \"CUSTOMER_CLUB_REWARD_REDEEM_SUCCESS\",\r\n Customer_Club_Reward_Redeem_Error: \"CUSTOMER_CLUB_REWARD_REDEEM_ERROR\",\r\n\r\n Get_Wheel_Of_Fortune_Gift_Request: \"GET_WHEEL_OF_FORTUNE_GIFT_REQUEST\",\r\n Get_Wheel_Of_Fortune_Gift_Success: \"GET_WHEEL_OF_FORTUNE_GIFT_SUCCESS\",\r\n Get_Wheel_Of_Fortune_Gift_Error: \"GET_WHEEL_OF_FORTUNE_GIFT_ERROR\",\r\n\r\n Wheel_Of_Fortune_Spin_Request: \"WHEEL_OF_FORTUNE_SPIN_REQUEST\",\r\n Wheel_Of_Fortune_Spin_Success: \"WHEEL_OF_FORTUNE_SPIN_SUCCESS\",\r\n Wheel_Of_Fortune_Spin_Error: \"WHEEL_OF_FORTUNE_SPIN_ERROR\",\r\n\r\n Voucher_Details_Request: \"VOUCHER_DETAILS_REQUEST\",\r\n Voucher_Details_Success: \"VOUCHER_DETAILS_SUCCESS\",\r\n Voucher_Details_Error: \"VOUCHER_DETAILS_ERROR\",\r\n\r\n Skip: \"SKIP\",\r\n Previous: \"PREVIOUS\",\r\n\r\n Member_Update_Balance: \"MEMBER_UPDATE_BALANCE\",\r\n\r\n Set_Selected_Currency: \"SET_SELECTED_CURRENCY\",\r\n\r\n Member_Approved_Jackpot_Winnings_Request:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_REQUEST\",\r\n Member_Approved_Jackpot_Winnings_Success:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_SUCCESS\",\r\n Member_Approved_Jackpot_Winnings_Error:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_ERROR\",\r\n Open_Mobile_Table_Details: \"OPEN_MOBILE_TABLE_DETAILS\",\r\n Open_Mobile_Voucher_Details: \"OPEN_MOBILE_VOUCHER_DETAILS\",\r\n Open_Bet_Details_Modal: \"OPEN_BET_DETAILS_MODAL\",\r\n Open_Reward_Spin_Modal: \"OPEN_REWARD_SPIN_MODAL\",\r\n Open_Voucher_Modal: \"OPEN_VOUCHER_MODAL\",\r\n\r\n CheckDepositBonusConditions_Request: \"CHECK_DEPOSIT_BONUS_CONDITIONS_REQUEST\",\r\n CheckDepositBonusConditions_Success: \"CHECK_DEPOSIT_BONUS_CONDITIONS_SUCCESS\",\r\n CheckDepositBonusConditions_Error: \"CHECK_DEPOSIT_BONUS_CONDITIONS_ERROR\",\r\n\r\n CreateCustomerServiceCode_Request: \"CREATE_CUSTOMER_SERVICE_CODE_REQUEST\",\r\n CreateCustomerServiceCode_Success: \"CREATE_CUSTOMER_SERVICE_CODE_SUCCESS\",\r\n CreateCustomerServiceCode_Error: \"CREATE_CUSTOMER_SERVICE_CODE_ERROR\",\r\n\r\n Get_Sign_In_Loyalty_Rewards_Options_Request:\r\n \"GET_SIGN_IN_LOYALITY_REWARDS_OPTIONS_REQUEST\",\r\n\r\n Get_Loyalty_Rewards_Coupons_Request: \"GET_LOYALITY_REWARDS_COUPONS_REQUEST\",\r\n Get_Loyalty_Rewards_Coupons_Success: \"GET_LOYALITY_REWARDS_COUPONS_SUCCESS\",\r\n Get_Loyalty_Rewards_Coupons_Error: \"GET_LOYALITY_REWARDS_COUPONS_ERROR\",\r\n\r\n Create_Member_Slots_Bonus_Request: \"CREATE_MEMBER_SLOTS_BONUS_REQUEST\",\r\n Create_Member_Slots_Bonus_Success: \"CREATE_MEMBER_SLOTS_BONUS_SUCCESS\",\r\n Create_Member_Slots_Bonus_Error: \"CREATE_MEMBER_SLOTS_BONUS_ERROR\",\r\n\r\n Reset_Single_Reward: \"REST_SINGLE_REWARD\",\r\n\r\n Get_Last_Reward_Notifications_Request:\r\n \"GET_LAST_REWARD_NOTIFICATIONS_REQUEST\",\r\n Get_Last_Reward_Notifications_Success:\r\n \"GET_LAST_REWARD_NOTIFICATIONS_SUCCESS\",\r\n Get_Last_Reward_Notifications_Error: \"GET_LAST_REWARD_NOTIFICATIONS_ERROR\",\r\n\r\n Get_Notification_History_Request: \"GET_NOTIFICATION_HISTORY_REQUEST\",\r\n Get_Notification_History_Success: \"GET_NOTIFICATION_HISTORY_SUCCESS\",\r\n Get_Notification_History_Error: \"GET_NOTIFICATION_HISTORY_ERROR\",\r\n\r\n Delete_Notification_Request: \"DELETE_NOTIFICATION_REQUEST\",\r\n Delete_Notification_Success: \"DELETE_NOTIFICATION_SUCCESS\",\r\n Delete_Notification_Error: \"DELETE_NOTIFICATION_ERROR\",\r\n\r\n Get_Notification_Count_Request: \"GET_NOTIFICATION_COUNT_REQUEST\",\r\n Get_Notification_Count_Success: \"GET_NOTIFICATION_COUNT_SUCCESS\",\r\n Get_Notification_Count_Error: \"GET_NOTIFICATION_COUNT_ERROR\",\r\n\r\n Mute_Notification_Request: \"MUTE_NOTIFICATION_REQUEST\",\r\n Mute_Notification_Success: \"MUTE_NOTIFICATION_SUCCESS\",\r\n Mute_Notification_Error: \"MUTE_NOTIFICATION_ERROR\",\r\n\r\n Get_Form_Cash_Out_Offer_Request: \"GET_FORM_CASH_OUT_OFFER_REQUEST\",\r\n Get_Form_Cash_Out_Offer_Success: \"GET_FORM_CASH_OUT_OFFER_SUCCESS\",\r\n Get_Form_Cash_Out_Offer_Error: \"GET_FORM_CASH_OUT_OFFER_ERROR\",\r\n\r\n Early_Cash_Out_Request: \"EARLY_CASH_OUT_REQUEST\",\r\n Early_Cash_Out_Success: \"EARLY_CASH_OUT_SUCCESS\",\r\n Early_Cash_Out_Error: \"EARLY_CASH_OUT_ERROR\",\r\n\r\n Set_Member_Cash_Out_Offer: \"SET_MEMBER_CASH_OUT_OFFER\",\r\n Reset_Member_Cash_Out_Offer: \"RESET_MEMBER_CASH_OUT_OFFER\",\r\n\r\n Get_Notification_Details_Request: \"GET_NOTIFICATION_DETAILS_REQUEST\",\r\n Get_Notification_Details_Success: \"GET_NOTIFICATION_DETAILS_SUCCESS\",\r\n Get_Notification_Details_Error: \"GET_NOTIFICATION_DETAILS_ERROR\",\r\n\r\n Read_Notification_Status_Request: \"READ_NOTIFICATION_STATUS_REQUEST\",\r\n Read_Notification_Status_Success: \"READ_NOTIFICATION_STATUS_SUCCESS\",\r\n Read_Notification_Status_Error: \"READ_NOTIFICATION_STATUS_ERROR\",\r\n\r\n Manage_Memeber_Favorite_Request: \"MANAGE_MEMBER_FAVORITE_REQUEST\",\r\n Manage_Memeber_Favorite_Success: \"MANAGE_MEMBER_FAVORITE_SUCCESS\",\r\n Manage_Memeber_Favorite_Error: \"MANAGE_MEMBER_FAVORITE_ERROR\",\r\n\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Request:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_REQUEST\",\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Success:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_SUCCESS\",\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Error:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_ERROR\",\r\n\r\n Create_Virtual_Sport_Token_Request: \"CREATE_VIRTUAL_SPORT_TOKEN_REQUEST\",\r\n Create_Virtual_Sport_Token_Success: \"CREATE_VIRTUAL_SPORT_TOKEN_SUCCESS\",\r\n Create_Virtual_Sport_Token_Error: \"CREATE_VIRTUAL_SPORT_TOKEN_ERROR\",\r\n};\r\n\r\nexport const BetSlipActionTypes = {\r\n Update_BetSlip_List_Request: \"UPDATE_BETSLIP_LIST_REQUEST\",\r\n Update_BetSlip_List_Done: \"UPDATE_BETSLIP_LIST_DONE\",\r\n Update_BetSlip_From_Storage: \"UPDATE_BETSLIP_FROM_STORAGE\",\r\n\r\n Update_BetSlip_From_FeedChange: \"UPDATE_BETSLIP_FROM_FEEDCHANGE\",\r\n\r\n Set_Tab: \"SET_TAB\",\r\n BetSlip_Clear: \"BETSLIP_CLEAR\",\r\n Clear_Succeeded_Bets: \"CLEAR_SUCCEEDED_BETS\",\r\n BetSlip_Remove_Field: \"BETSLIP_REMOVE_FIELD\",\r\n\r\n On_Amount_Change: \"ON_AMOUNT_CHANGE\",\r\n On_Field_Amount_Change: \"ON_FIELD_AMOUNT_CHANGE\",\r\n\r\n Place_Multiple_Bet_Request: \"PLACE_MULTIPLE_BET_REQUEST\",\r\n Place_Single_Bet_Request: \"PLACE_SINGLE_BET_REQUEST\",\r\n Place_Bet_Success: \"PLACE_BET_SUCCESS\",\r\n Place_Bet_Builder_Success:\"PLACE_BET_BUILDER_SUCCESS\",\r\n Place_Bet_Error: \"PLACE_BET_ERROR\",\r\n Place_Single_Bets_Response: \"PLACE_SINGLE_BETS_RESPONSE\",\r\n\r\n Set_BetSlip_Errors: \"SET_BETSLIP_ERRORS\",\r\n Set_BetSlip_Total_Odds: \"SET_BETSLIP_TOTAL_ODDS\",\r\n Set_BetSlip_Total_Stake: \"SET_BETSLIP_TOTAL_STAKE\",\r\n Set_BetSlip_Possible_Winnings: \"SET_BETSLIP_POSSIBLE_WINNINGS\",\r\n Set_Hide_Stake: \"SET_HIDE_STAKE\",\r\n Handle_Hide_Stake: \"HANDLE_HIDE_STAKE\",\r\n\r\n Set_BetSlip_Value_Change_Warning: \"SET_BETSLIP_VALUE_CHANGE_WARNING\",\r\n\r\n Set_Login_Error: \"SET_LOGIN_ERROR\",\r\n Clear_Login_Error: \"CLEAR_LOGIN_ERROR\",\r\n Clear_BetSlip_Success: \"CLEAR_BETSLIP_SUCCESS\",\r\n Place_Bet_Clear_Error_Message: \"PLACE_BET_CLEAR_ERROR_MESSAGE\",\r\n\r\n Update_Custom_Bet_Display_Odd:\"UPDATE_CUSTOM_BET_DISPLAY_ODD\",\r\n Update_BetBuilder_List_Done: \"UPDATE_BETBUILDER_LIST_DONE\",\r\n Set_BetBuilder_Total_Odds:\"SET_BETBUILDER_TOTAL_ODDS\",\r\n Set_BetBuilder_Possible_Winnings:\"SET_BETBUILDER_POSSIBLE_WINNING\",\r\n Clear_Bet_Builder:\"CLEAR_BET_BUILDER\",\r\n On_Bet_Builder_Amount_Change:\"ON_BET_BUILDER_AMOUNT_CHANGE\",\r\n Bet_Builder_Amount_Changed:\"BET_BUILDER_AMOUNT_CHANGED\",\r\n Place_Bet_Builder_Request:\"PLACE_BET_BUILDER_REQUEST\",\r\n Reset_Bet_Builder:\"RESET_BET_BUILDER\",\r\n Bet_Builder_Place_Bet_Error:\"BET_BUILDER_PLACE_BET_ERROR\",\r\n Validate_Single_Coupon:\"VALIDATE_SINGLE_COUPON\",\r\n Disable_Single_Coupoun:\"DISABLE_SINGLE_COUPON\"\r\n};\r\n\r\nexport const ModalActionTypes = {\r\n Open_Modal_Request: \"OPEN_MODAL_REQUEST\",\r\n Open_Modal_Success: \"OPEN_MODAL_SUCCESS\",\r\n\r\n Close_Modal_Request: \"CLOSE_MODAL_REQUEST\",\r\n Close_Modal_Success: \"CLOSE_MODAL_SUCCESS\",\r\n};\r\n\r\nexport const SlotsActionTypes = {\r\n Get_Slots_Games_Request: \"GET_SLOTS_GAMES_REQUEST\",\r\n Get_Slots_Games_Success: \"GET_SLOTS_GAMES_SUCCESS\",\r\n Get_Slots_Games_Error: \"GET_SLOTS_GAMES_ERROR\",\r\n\r\n Slots_Game_Connect_Request: \"SLOTS_GAME_CONNECT_REQUEST\",\r\n Slots_Game_Connect_Success: \"SLOTS_GAME_CONNECT_SUCCESS\",\r\n Slots_Game_Connect_Error: \"SLOTS_GAME_CONNECT_ERROR\",\r\n Slots_Game_Init: \"SLOTS_GAME_INIT\",\r\n Current_Slots_Game: \"CURRENT_SLOTS_GAME\",\r\n Set_Slots_Round_Finish: \"SET_SLOTS_ROUND_FINISH\",\r\n\r\n Get_Jackpot_Request: \"GET_JACKPOT_REQUEST\",\r\n Get_Jackpot_Success: \"GET_JACKPOT_SUCCESS\",\r\n Get_Jackpot_Error: \"GET_JACKPOT_ERROR\",\r\n\r\n Jackpot_Winning_Success: \"JACKPOT_WINNING_SUCCESS\",\r\n Jackpot_Winning_Approved: \"JACKPOT_WINNING_APPROVED\",\r\n Set_Jackpot_Won_Message: \"SET_JACKPOT_WON_MESSAGE\",\r\n Set_Is_Jackpot_Won: \"SET_IS_JACKPOT_WON\",\r\n\r\n Get_Slots_Bonus_Games_By_Condition_Id_Request:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_REQUEST\",\r\n Get_Slots_Bonus_Games_By_Condition_Id_Success:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_SUCCESS\",\r\n Get_Slots_Bonus_Games_By_Condition_Id_Error:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_ERROR\",\r\n Set_Slots_Bonus_Games:\"SET_SLOTS_BONUS_GAMES\",\r\n Reset_Slots_Bonus_Games:\"SET_SLOTS_BONUS_GAMES\",\r\n};\r\n","import { SignalRTypes, SportTypesActionTypes } from \".\";\r\n\r\nexport function initSportTypes() {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportTypes_Init,\r\n\t}\r\n}\r\n\r\nexport function loadSportTypes(request) {\r\n return {\r\n type: SignalRTypes.SportTypes_Request,\r\n request,\r\n };\r\n}\r\nexport function loadMainTournamentEvents(request) {\r\n return {\r\n type: SignalRTypes.Main_Tournament_Events_Request,\r\n request,\r\n };\r\n}\r\n\r\nexport function setSport(item) {\r\n return {\r\n type: SportTypesActionTypes.Set_Sport,\r\n item,\r\n };\r\n}\r\n\r\nexport function init() {\r\n return {\r\n type: SportTypesActionTypes.Init,\r\n };\r\n}\r\n\r\nexport function removeDisabledSportTypes() {\r\n return {\r\n type: SportTypesActionTypes.SportTypes_Remove_Disabled,\r\n };\r\n}\r\n\r\nexport function loadUpcomingDraws(request, addNewList) {\r\n return {\r\n type: SignalRTypes.OnUpcomingDraws,\r\n request,\r\n addNewList,\r\n };\r\n}\r\nexport function getDrawsCategoriesAndTournaments(request) {\r\n return {\r\n type: SignalRTypes.Get_Draws_Categories_And_Tournaments_Request,\r\n request,\r\n };\r\n}\r\nexport function getLuckyNumbersEventResultRequest(request, addToEvents) {\r\n return {\r\n type: SignalRTypes.Get_Lucky_Numbers_Event_Result_Request,\r\n request,\r\n addToEvents,\r\n };\r\n}\r\nexport function resetUpcomingDraws() {\r\n return {\r\n type: SignalRTypes.Reset_upcoming_Draws_And_Result,\r\n };\r\n}\r\nexport function getDrawOdds(request) {\r\n return {\r\n type: SignalRTypes.Get_Draw_Odds_Request,\r\n request,\r\n };\r\n}\r\nexport function getSuggestedBalls(request) {\r\n return {\r\n type: SignalRTypes.Get_Suggested_Balls_Request,\r\n request,\r\n };\r\n}\r\nexport function UpdateFavoriteForLuckyNumber(tournamentId) {\r\n return {\r\n type: SignalRTypes.Update_Lucky_Numbers_Favorite,\r\n tournamentId,\r\n };\r\n}\r\n","import { Button, Popover } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { AppConfig, SessionStorage } from \"../../../helpers\";\r\nimport Alert from \"../Alert\";\r\nimport { CreateMemberSlotsBonusByCouponCode } from \"../../../redux/actions/membersActions\";\r\n\r\nexport class SlotGame extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n errored: false,\r\n src: undefined,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n let src = this.props.src;\r\n try {\r\n this.setState({\r\n errored: false,\r\n src,\r\n });\r\n } catch (e) {\r\n\r\n const alternativeImage =src ? (src.includes('_b.') ? require(\"../../../resources/images/winners_b.webp\") : (src.includes('_h.') || src.includes('_t.')) ? require(\"../../../resources/images/winners_h.webp\") : src.includes('_m.') ? require(\"../../../resources/images/winners_m.webp\"): src.includes('_s.') ? require(\"../../../resources/images/winners_s.webp\") : src.includes('_v.') ? require(\"../../../resources/images/winners_v.webp\") : require(\"../../../resources/images/logo600.webp\")) : require(\"../../../resources/images/logo600.webp\")\r\n this.setState({\r\n errored: true,\r\n src: alternativeImage,\r\n });\r\n }\r\n }\r\n componentDidUpdate(prevProps){\r\n const {src} = this.props;\r\n if (prevProps.src !== src){\r\n this.setState({\r\n src:src\r\n })\r\n }\r\n }\r\n\r\n onError = () => {\r\n let src = this.props.src;\r\n const alternativeImage =src ? (src.includes('_b.') ? require(\"../../../resources/images/winners_b.webp\") : (src.includes('_h.') || src.includes('_t.')) ? require(\"../../../resources/images/winners_h.webp\") : src.includes('_m.') ? require(\"../../../resources/images/winners_m.webp\"): src.includes('_s.') ? require(\"../../../resources/images/winners_s.webp\") : src.includes('_v.') ? require(\"../../../resources/images/winners_v.webp\") : require(\"../../../resources/images/logo600.webp\")) : require(\"../../../resources/images/logo600.webp\")\r\n if (!this.state.errored) {\r\n this.setState({\r\n src: alternativeImage,\r\n errored: true,\r\n });\r\n }\r\n };\r\n navToGame=(gameId)=>{\r\n const {history} = this.props\r\n history.push(`/slots/game/${gameId}/1`)\r\n }\r\n validateCouponAndNavToGame=(gameId , bonusTypeId)=>{\r\n const {CreateMemberSlotsBonusByCouponCode} =this.props\r\n let data={\r\n bonusTypeId: bonusTypeId,\r\n couponCode: SessionStorage.couponCode,\r\n gameId: gameId\r\n }\r\n CreateMemberSlotsBonusByCouponCode(data)\r\n }\r\n render() {\r\n const { src, style, signedIn , gameId , history , className , fromCoupon , loadingCreateMemberSlotsBonus , errorCreateMemberSlotsBonus , bonusTypeId} = this.props;\r\n return (\r\n <>\r\n {signedIn ? (\r\n fromCoupon ? \r\n \r\n
\r\n );\r\n })}\r\n {item.imageText}
\r\n\r\n
\r\n \r\n }\r\n trigger=\"click\"\r\n zIndex={2}\r\n >\r\n Coupon Applied To This Game
\r\n\r\n this.validateCouponAndNavToGame(gameId , bonusTypeId)}\r\n >\r\n Play\r\n \r\n
\r\n {errorCreateMemberSlotsBonus && (\r\n \r\n
\r\n )}\r\n