\r\n {num}\r\n \r\n \r\n )\r\n );\r\n return col;\r\n };\r\n\r\n rowRenderer = () => {\r\n let board = [];\r\n for (let i = 0; i < SpinAndWinEnums.boardRows.length; i++) {\r\n board.push(\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 &&
{error}
}\r\n\r\n {loadingKironEvents && !isWheelLoading && (\r\n
\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 {eventOddFields !== undefined &&\r\n Object.keys(eventOddFields).length > 0 &&\r\n !loadingKironEvents &&\r\n eventData && (\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 \r\n {eventData && (\r\n \r\n
\r\n {eventData.kironEventNumber} -{\" \"}\r\n {eventData.eventBetLineNo}\r\n \r\n {this.transformDate(eventData.eventDateOfMatchFormated)}\r\n
\r\n \r\n \r\n )}\r\n
\r\n
\r\n
this.onNumberClick(null, null, 0)}\r\n >\r\n {}\r\n 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\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 .sort((a, b) => b.key - a.key)\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 })\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.hightLow\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)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.colors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n field.oddField !== \"Green\" && (\r\n \r\n )\r\n );\r\n }\r\n })\r\n .reverse()\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.oddEven\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\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 }\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[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 {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 }\r\n })\r\n );\r\n })}\r\n
\r\n
\r\n Neighbours{\" \"}\r\n \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 }\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[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\n {eventData && (\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
this.onNumberClick(null, null, 0)}\r\n >\r\n {}\r\n 0\r\n \r\n
\r\n {this.rowRenderer()}\r\n\r\n {this.state.showZoomModal && (\r\n \r\n )}\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 .sort((a, b) => b.key - a.key)\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 })\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.hightLow\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)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.colors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n field.oddField !== \"Green\" && (\r\n \r\n )\r\n );\r\n }\r\n })\r\n .reverse()\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.oddEven\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\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 }\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[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 {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 }\r\n })\r\n );\r\n })}\r\n
\r\n
\r\n Neighbours{\" \"}\r\n \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 }\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[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\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n loadingKironEvents: state.virtual.loadingKironEvents,\r\n eventsIds: state.sportEvents.eventsIds,\r\n error: state.sportEvents.error,\r\n connected: state.signalr.spinAndWinConnected,\r\n sportData: state.sportTypes.sportData,\r\n eventOdds: state.sportEvents.eventOdds,\r\n eventOddFields: state.sportEvents.eventOddFields,\r\n eventData: state.sportEvents.eventData,\r\n barItems: state.virtual.barItems,\r\n ActiveSpinAndWinTables: state.general.ActiveSpinAndWinTables,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadKironEvents: (data) => {\r\n dispatch(loadKironEvents(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 getKironEvent: (request) => {\r\n dispatch(getKironEvent(request));\r\n },\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventsKiron);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Loading } from \"../..\";\r\nimport { openMobileMenu } from \"../../../redux/actions/appActions\";\r\nimport { loadSportTypes } from \"../../../redux/actions/sportTypesActions\";\r\nimport {\r\n clearSportEvents,\r\n loadKironEvents,\r\n getKironEvent,\r\n} from \"../../../redux/actions/sportEventsActions\";\r\nimport { SportIcon } from \"../../\";\r\nimport { Menu, Drawer } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1000 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1000 });\r\n return isDesktop ? children : null;\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\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 \r\n
{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 {!loadingSportTypes && sportTypes && sportTypes.length > 0 && (\r\n <>\r\n
\r\n \r\n Virtual 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\tonTitleClick={() => this.loadEvents(item)}\r\n // \t\tkey={`${item.sport.sportId},${item.feed.feedId}`}>\r\n\r\n // \t\t{\r\n // \t\t\t(appMatch.params.feed === \"10\") && Object.values(events).length > 0 && Object.values(events).map((item, i) =>\r\n // \t\t\t\t this.onKironSportTypeClick(item)}>\r\n // \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 // \t//:\r\n // \t//null)\r\n // \t:\r\n this.onSportTypeClick(item)}\r\n >\r\n \r\n \r\n );\r\n })}\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\t\t\t\t{\r\n\t\t\t\t\tiframeLoading &&\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}\r\n\r\n\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
\r\n
\r\n
\r\n// \r\n// {item.categoryDisplayName}\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// 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 \r\n {showFlag && (\r\n
\r\n \r\n {title}
\r\n \r\n \r\n );\r\n};\r\n\r\nclass MenuTree extends React.Component {\r\n state = {\r\n openKeys: [],\r\n selectedKeys: [],\r\n searchText: \"\",\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n const {\r\n match,\r\n connected,\r\n getWeekMatchDays,\r\n getDefaultLiveSportType,\r\n } = this.props;\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 },\r\n };\r\n\r\n if (\r\n (!prevProps.connected && connected)\r\n ) {\r\n getDefaultLiveSportType();\r\n getWeekMatchDays(request);\r\n }\r\n if (\r\n prevProps.appMatch &&\r\n prevProps.appMatch.url !== this.props.appMatch.url\r\n ) {\r\n this.handleOpenTree();\r\n }\r\n if (\r\n (prevProps.sportTypes.length > 0 && this.props.sportTypes.length === 0) ||\r\n (!prevProps.connected && this.props.connected)\r\n ) {\r\n let request = {\r\n Data: {\r\n Feed: {\r\n FeedId: this.props.appMatch.url.includes(\"account\")\r\n ? 6\r\n : Number(this.props.match.params.feed),\r\n },\r\n },\r\n };\r\n this.props.loadSportTypes(request);\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n loadSportTypes,\r\n match,\r\n connected,\r\n getCalenderIcons,\r\n getWeekMatchDays,\r\n getDefaultLiveSportType,\r\n feedId\r\n } = this.props;\r\n getCalenderIcons();\r\n\r\n \r\n if (connected) {\r\n const weekDaysRequest = {\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 getWeekMatchDays(weekDaysRequest);\r\n let request = {\r\n Data: {\r\n Feed: {\r\n FeedId: match.url.includes(\"account\")\r\n ? 6\r\n : Number(match.params.feed),\r\n },\r\n },\r\n };\r\n loadSportTypes(request);\r\n getDefaultLiveSportType();\r\n }\r\n this.handleOpenTree();\r\n }\r\n\r\n handleOpenTree() {\r\n const { tournamentData, appMatch, match } = this.props;\r\n\r\n let tempMatch = appMatch ? appMatch : match;\r\n let openKeys = [];\r\n let selectedKeys = [];\r\n let sport = tempMatch.params.sport;\r\n let feed = tempMatch.params.feed;\r\n let section = tempMatch.params.section;\r\n let country = tempMatch.params.country;\r\n let tournament = tempMatch.params.tournament;\r\n let day = tempMatch.params.day;\r\n openKeys.push(`${sport}${feed}`);\r\n openKeys.push(section);\r\n openKeys.push(`C${country}`);\r\n day !== undefined && selectedKeys.push(`today`);\r\n tournament && selectedKeys.push(`${country}${tournament}`);\r\n\r\n tournamentData &&\r\n openKeys.push(\r\n `${tournamentData.sportCategory.sportCategoryId}${\r\n tournamentData.sportCategory.sportCategoryDisplayName\r\n }`\r\n );\r\n\r\n this.setState({\r\n openKeys,\r\n selectedKeys,\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 }\r\n };\r\n\r\n onSearchChange = (e) => {\r\n this.setState({\r\n searchText: e.target.value,\r\n });\r\n };\r\n\r\n handleFilter = (category, searchText) => {\r\n const itemName = category.categoryDisplayName.toLowerCase();\r\n const sT = searchText.toLowerCase();\r\n if (sT.length === 0) return true;\r\n if (itemName.indexOf(sT) > -1) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n onMenuClick = (section, item) => {\r\n const { openMobileMenu, history, setTounament, match } = this.props;\r\n openMobileMenu(false);\r\n // to revert to old code, change tournamnetUid to tournamentId\r\n if (match.url.includes(\"account\")) {\r\n history.push(\r\n `/sport/${item.feed.feedId}/${item.sport.sportId}/${\r\n item.sport.sportDisplayName\r\n }/events/${section}/${item.sportCategory.sportCategoryId}/${\r\n item.sportCategory.categoryDisplayName\r\n }/${item.tournamentUId}/${item.tournamentDisplayName}/${\r\n item.sportCategory.categoryFlagCode\r\n }`\r\n );\r\n window.scrollTo(0, 0);\r\n } else {\r\n const countryFlag = item.sportCategory.categoryFlagCode\r\n ? item.sportCategory.categoryFlagCode\r\n : \"eu\";\r\n history.push(\r\n `${match.url}/events/${section}/${item.sportCategory.sportCategoryId}/${\r\n item.sportCategory.categoryDisplayName\r\n }/${item.tournamentUId}/${item.tournamentDisplayName}/${countryFlag}`\r\n );\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n setTounament(item);\r\n removeDisabledCategoriesTournaments();\r\n };\r\n\r\n onTodayClick = (day = \"0\", isLastMin = false) => {\r\n const { openMobileMenu, history, match } = this.props;\r\n openMobileMenu(false);\r\n\r\n history.push(`${match.url}/today/${day}`);\r\n removeDisabledCategoriesTournaments();\r\n };\r\n\r\n onOpenChange = (openKeys) => {\r\n const latestOpenKey = openKeys.find(\r\n (key) => this.state.openKeys.indexOf(key) === -1\r\n ); //get last open key\r\n if (\r\n this.props.sportTypes.findIndex(\r\n (item) => `${item.sport.sportId}${item.feed.feedId}` == latestOpenKey\r\n ) === -1\r\n ) {\r\n // check if not exist in sportTypes keys\r\n this.setState({ openKeys }); //kep openKeys\r\n } else {\r\n this.setState({\r\n openKeys: latestOpenKey ? [latestOpenKey] : [], // init openKeys with the newsport\r\n });\r\n }\r\n };\r\n\r\n onTitleClick(input, sport) {\r\n const { sportData } = this.props;\r\n if (sport.sport.sportId != sportData.sport.sportId) {\r\n this.onSportTypeClick(sport);\r\n }\r\n this.setState({ selectedSport: sport.sport.sportId });\r\n }\r\n\r\n onSportTypeClick = (item) => {\r\n const {\r\n history,\r\n setSport,\r\n feedName,\r\n loadSportCategories,\r\n removeDisabledSportTypes,\r\n feedId,\r\n match,\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}/${\r\n item.sport.sportDisplayName\r\n }`\r\n );\r\n //}\r\n //Go to today\r\n // else {\r\n // history.push(\r\n // `/${feedName}/${feedId}/${item.sport.sportId}/${\r\n // item.sport.sportDisplayName\r\n // }/today/0`\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 onOpenStats = () => {\r\n window.open(\r\n //\"https://s5.sir.sportradar.com/sportbookcloud/en\",\r\n `${AppConfig.StatisticsAddress.Domain}?path=${\r\n AppConfig.StatisticsAddress.Menu\r\n }`,\r\n \"_blank\",\r\n \"toolbar=no,scrollbars=no,resizable=no,top=100,left=100,width=1000,height=1000\"\r\n );\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.daysFormatted[dayNumber];\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 applyByDayFilter(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 // getCountryImage(category) {\r\n // // sportCategoryId\r\n // const { countryFlags } = this.props;\r\n // let result = countryFlags.filter((item) => {\r\n // return item.sportCategoryId == category.sportCategoryId;\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // }\r\n\r\n\r\n getCalendarImagePath(tabName) {\r\n const { calenderImages } = this.props;\r\n let calendarIconName = \"\";\r\n calenderImages &&\r\n calenderImages.calendarIcons &&\r\n calenderImages.calendarIcons.map((item) => {\r\n if (item.iconName.includes(tabName)) {\r\n calendarIconName = `${item.calendarIconName}?id=${item.imageVersion}`;\r\n }\r\n });\r\n return calendarIconName;\r\n }\r\n addToFavorate = (e, sportCategoryUId ) => {\r\n e.stopPropagation();\r\n const { ManageMemeberFavorite, match, updateFavoriteCountryForSportEvents , updateFavoriteCountryForSportCategory} = this.props;\r\n const favItemKey = `1-${sportCategoryUId}-${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: 1,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(sportCategoryUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n } else {\r\n let data = {\r\n favoriteType: {\r\n favoriteTypeId: 1,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(sportCategoryUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n }\r\n updateFavoriteCountryForSportEvents(sportCategoryUId)\r\n updateFavoriteCountryForSportCategory(sportCategoryUId)\r\n };\r\n\r\n renderCategories = (\r\n categories,\r\n topCategories,\r\n sportTypes,\r\n categoriesError\r\n ) => {\r\n const byDays = [\"Last minute bets\", \"TODAY\"];\r\n const today = new Date().getDay();\r\n const { openKeys, selectedKeys } = this.state;\r\n const {\r\n loadingSportCategories,\r\n sportData,\r\n feedName,\r\n match,\r\n calenderImages,\r\n calenderImagesError,\r\n loadingCalender,\r\n fixtureImage,\r\n statisticImage,\r\n loadingWeekMatchDays,\r\n weekMatchDaysError,\r\n weekMatchDays,\r\n landingImage,\r\n promotionImage\r\n } = this.props;\r\n const doesWeekDaysExist =\r\n weekMatchDays &&\r\n Object.keys(weekMatchDays) &&\r\n Object.keys(weekMatchDays).length > 0;\r\n const todayMatches =\r\n doesWeekDaysExist &&\r\n Object.keys(weekMatchDays).filter((item) => item == \"1\");\r\n const defaultSport =\r\n todayMatches && todayMatches.length > 0\r\n ? Number(todayMatches[0] - 1)\r\n : doesWeekDaysExist ? Number(Object.keys(weekMatchDays)[0]) - 1 : undefined;\r\n\r\n const day = Number(\r\n window.location.pathname.split(\"/\")[\r\n window.location.pathname.split(\"/\").length - 1\r\n ]\r\n );\r\n //\r\n let sportId;\r\n if (sportData) sportId = sportData.sport.sportId;\r\n return (\r\n */}\r\n {this.props.feedId != Enums.Feed.Live && (\r\n By Day
\r\n )}\r\n {this.props.feedId != Enums.Feed.Live &&\r\n (loadingWeekMatchDays ? (\r\n \r\n ) : weekMatchDaysError ? (\r\n \r\n ) : weekMatchDays ? (\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
\r\n Last minute\r\n
\r\n
\r\n \r\n {(Number(item[0]) -1 == 1) ? `Tomorrow` :this.getTabName(today, Number(item[0]) - 2)}\r\n
All Countries
\r\n {\r\n 
\r\n {localStorage.getItem(\"theme\") == \"dark\" ? 'Light Mode': 'Dark Mode' }\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