\n setNav1(slider)}\n className=\"pb-0 tuts-thumbnail-slider w-100\"\n {...options1}\n asNavFor={nav2}\n key=\"hiw-slider\"\n >\n {type === \"onboarding\" && (\n
\n \n \n );\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n contestEntry: (data, callback) => dispatch(contestEntry(data, callback)),\n loadProfile: () => dispatch(loadProfile()),\n});\nconst mapStateToProps = (state) => ({\n getUser: getUser(state),\n});\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(HowItWorks));\n","import React, { Component } from \"react\";\nimport { withRouter } from \"../utils/withRouter\";\nimport { connect } from \"react-redux\";\nimport { subscribeNewsLetter } from \"../home/apis\";\nimport LoaderImg from \"./loaderImag\";\nimport HowItWorks from \"./howItWorks\";\n\nimport { Link } from \"react-router-dom\";\nimport { prepareData } from \"./gtmDatalayer\";\nimport { getCookie } from \"utils/cookiesUtilities\";\n\n// Images\nconst tick = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/tick-001.svg\";\nconst openSeaIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/open-sea-white.svg\";\nclass Header extends Component {\n state = {\n email: \"\",\n loading: false,\n showHowItWorks: false,\n confirmed: false,\n };\n\n componentDidMount() {}\n toggleHowItWorks = (e) => {\n if (e) e.preventDefault();\n this.setState({\n showHowItWorks: !this.state.showHowItWorks,\n });\n };\n render() {\n return (\n <>\n {\" \"}\n {\" \"}\n \n
\n )}\n \n
\n \n
\n \n 
\n
\n \n
\n \n 
\n
\n \n
\n \n \n 
\n
\n \n setNav2(slider)}\n {...options2}\n asNavFor={nav1}\n className=\"pb-0 tuts-text-slider w-100\"\n key=\"hiw-slider-2\"\n >\n {type === \"onboarding\" && (\n
\n \n {\n window.dataLayer.push(\n prepareData({\n event: \"how_to_play\", // fixed value\n section: \"carousel\", // fixed value\n advanmcement: \"button\", // dynamic value\n step: \"2\", // dynamic value\n }),\n );\n e.preventDefault();\n nav1.slickNext();\n }}\n >\n NEXT\n \n
\n )}\n Welcome to Burn Ghost
\n \n Level up by playing fast, fun, & familiar original games. Just pick a contest, use your game arcade\n coins to enter and rank the leaderboard.\n \n \n\n {\n window.dataLayer.push(\n prepareData({\n event: \"how_to_play\", // fixed value\n section: \"carousel\", // fixed value\n advanmcement: \"button\", // dynamic value\n step: \"2\", // dynamic value\n }),\n );\n e.preventDefault();\n nav1.slickNext();\n }}\n >\n NEXT\n \n
\n PLAY ORIGINAL GAMES
\n \n Immerse yourself in our exciting orignal game lineup, play for free with arcade coins awarded daily!\n \n \n\n {\n window.dataLayer.push(\n prepareData({\n event: \"how_to_play\", // fixed value\n section: \"carousel\", // fixed value\n advanmcement: \"button\", // dynamic value\n step: \"2\", // dynamic value\n }),\n );\n e.preventDefault();\n nav1.slickNext();\n }}\n >\n NEXT\n \n
{\" \"}\n EVERYONE’S A WINNER
\n \n Regardless of your game score, you're always a winner here. Even last place on the leaderboard gets\n XP.\n \n \n\n\n {\n if (process.env.REACT_APP_GA === \"1\") {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push(\n prepareData({\n event: \"How to play modal_complete\",\n }),\n );\n }\n if (process.env.REACT_APP_MIXPANEL === \"1\") {\n mixpanel?.track(\"How to play modal_complete\");\n }\n toggleModal(e);\n }}\n >\n DISMISS\n \n
\n \n OPEN LOOT BOXES - WIN PRIZES
\n \n Open Loot Boxes & win real prizes. Use Loot Bucks to open Loot Boxes for your chances to score big\n with our physical & digital prizes!\n \n \n\n\n
\n );\n};\n\nexport default PrizePoolCardLoading;\n","import { lazy, memo, Suspense, useEffect, useState } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport Slider from \"react-slick\";\nimport { CONTESTWINNER_RECORDS_PER_PAGE } from \"utils/misc\";\nimport jwt from \"jwt-decode\";\n\n// Redux\nimport { connect } from \"react-redux\";\nimport { getContests, loadPendingContests } from \"store/contest\";\n\n// Components\n// import ContestCard from \"contests/components/common/contestCard\";\nimport LoadingCard from \"sweepstakes/components/common/prizePoolCardLoading\";\nconst ContestCard = lazy(() => import(\"contests/components/common/contestCard\"));\n// const LoadingCard = lazy(() => import(\"sweepstakes/components/common/prizePoolCardLoading\"));\n\nconst ContestsWinners = memo(({ getContests, loadPendingContests }) => {\n const [slider, setSlider] = useState(null);\n const [loading, setLoading] = useState(true);\n const [slideIndex, setSlideIndex] = useState(0);\n\n useEffect(() => {\n loadData();\n }, []);\n\n useEffect(() => {\n setLoading(getContests.loadingP);\n }, [getContests.loadingP]);\n\n const loadData = (lastKey, loadMore = false) => {\n let currCount = 0;\n const loadFn = (lastKey, more) => {\n loadPendingContests({ recordPerPage: CONTESTWINNER_RECORDS_PER_PAGE, lastKey: lastKey ?? null, more }, (res) => {\n if (res?.status === 200) {\n const decodedData = jwt(res?.data);\n currCount = currCount + decodedData?.data?.length;\n\n if (currCount < CONTESTWINNER_RECORDS_PER_PAGE && decodedData?.lastKey) loadFn(decodedData?.lastKey, true);\n }\n });\n };\n loadFn(lastKey, loadMore);\n };\n\n // Variables\n\n const contestsWinners = getContests?.pendingContests;\n const lastKey = getContests.pendingContestsLastKey ? JSON.stringify(getContests.pendingContestsLastKey) : null;\n const count = getContests?.pendingContestsCount;\n const totalSlides = contestsWinners?.length;\n const settings = {\n beforeChange: (current, next) => {\n const slidesToScroll = slider?.innerSlider?.props?.slidesToScroll ?? 4;\n setSlideIndex(next);\n if (loading) return;\n if ((next + slidesToScroll) * slider?.innerSlider?.props?.rows >= totalSlides) {\n if (!lastKey) return;\n loadData(lastKey, true);\n }\n },\n slidesToShow: 4,\n slidesToScroll: 4,\n dots: false,\n arrows: false,\n infinite: false,\n // variableWidth: true,\n\n responsive: [\n {\n breakpoint: 6000,\n settings: {\n rows: 2,\n },\n },\n {\n breakpoint: 1580,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n variableWidth: true,\n },\n },\n {\n breakpoint: 1280,\n settings: {\n slidesToShow: 4,\n slidesToScroll: 4,\n variableWidth: true,\n },\n },\n {\n breakpoint: 1250,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n variableWidth: true,\n },\n },\n {\n breakpoint: 930,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n variableWidth: true,\n },\n },\n {\n breakpoint: 626,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n variableWidth: true,\n },\n },\n ],\n };\n if (contestsWinners?.length === 0 && !loading) return null;\n return (\n \n
\n \n setSlider(slider)}\n className={`flex-shrink-card-list flex-shrink-slider pb-0 has-card-oerlay multi-row-slide`}\n key={\"contest-winners-slider\"}\n >\n {contestsWinners?.map((contest, index) => (\n
\n );\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n loadPendingContests: (params, callback) => dispatch(loadPendingContests(params, callback)),\n});\n\nconst mapStateToProps = (state) => ({\n getContests: getContests(state),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ContestsWinners);\n","import { lazy, memo, Suspense, useEffect, useRef, useState } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport { connect } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\nimport { getGame, loadBgGames } from \"store/game\";\nimport mixpanel from \"mixpanel-browser\";\n\n// import OnboardingModal from \"common/modals/onboarding/onboarding\";\nconst OnboardingModal = lazy(() => import(\"common/modals/onboarding/onboarding\"));\n// Images\n// import bgTicketIcon from \"include/images/bg-ticket.svg\";\n\nconst GameReleases = memo(({ getGame, loadBgGames, comingSoon, title }) => {\n useEffect(() => {\n loadBgGames({ isActive: true }, (gameRes) => {});\n }, []);\n\n const { bgGames, bgGamesLoading } = getGame;\n\n return (\n \n
\n \n
\n \n ![\"\"](\"/include/images/esports-icon.svg\")
\n
\n \n \n {loading && !contestsWinners?.length ? (\n
\n \n {loading && !contestsWinners?.length ? (\n <>\n {\n if (loading) return;\n if (slideIndex === 0) return;\n e.preventDefault();\n slider?.slickPrev();\n }}\n >\n \n \n =\n count && \"slick-disabled\"\n }`}\n disabled={\n loading ||\n (slideIndex + slider?.innerSlider?.props?.slidesToScroll) * slider?.innerSlider?.props?.rows >= count\n }\n onClick={(e) => {\n if (loading) return;\n e.preventDefault();\n slider?.slickNext();\n }}\n >\n \n \n \n )}\n
\n \n
\n );\n});\n\nconst GameCardLoading = () => {\n return (\n \n {bgGamesLoading && !bgGames?.length ? (\n
\n \n
\n )}\n \n \n
\n \n {title}
\n \n {bgGamesLoading && !bgGames?.length ? (\n <>\n
\n \n
\n );\n};\n\nconst GameCard = ({ gameData }) => {\n const navigate = useNavigate();\n\n const [showSignupModal, setShowSignupModal] = useState(false);\n const toggleSignup = () => {\n setShowSignupModal(!showSignupModal);\n };\n return (\n <>\n \n
\n \n
\n \n {\n if (!gameData?.isComingSoon) {\n if (gameData?.gameType === 1) {\n if (!localStorage.getItem(\"x-auth-token\")) {\n toggleSignup(e);\n return;\n }\n window.location.href = `/crash-game/${gameData.slug}`;\n return;\n }\n if (gameData?.gameType === 2) {\n if (!localStorage.getItem(\"x-auth-token\")) {\n toggleSignup(e);\n return;\n }\n navigate(`/cowitzer-game/${gameData.slug}`);\n return;\n }\n if (gameData?.gameType === 3) {\n if (!localStorage.getItem(\"x-auth-token\")) {\n toggleSignup(e);\n return;\n }\n navigate(`/board-game/${gameData.slug}`);\n return;\n }\n }\n if (!gameData?.isComingSoon) {\n if (process.env.REACT_APP_MIXPANEL === \"1\") {\n mixpanel?.track(`View All Contests_slaygrounds${gameData?.name}`);\n }\n if (gameData?.contests?.length > 0) navigate(`/games/${gameData?.slug}/${gameData?.contests[0]?.slug}`);\n else navigate(`/active-contests`);\n }\n }}\n >\n
\n \n \n
\n \n \n
\n \n
\n \n \n \n );\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n loadPendingContests: (params, callback) => dispatch(loadPendingContests(params, callback)),\n toggleDiscordModalRedux: (data) => dispatch(toggleDiscordModalRedux(data)),\n});\nconst mapStateToProps = (state) => ({\n getContests: getContests(state),\n getGame: getGame(state),\n getUser: getUser(state),\n});\nexport default connect(mapStateToProps, mapDispatchToProps)(Contests);\n"],"sourceRoot":""}\n
\n \n {\n toggleDiscordModalRedux(false);\n }}\n >
\n )}\n {getUser?.showDiscordModal && (\n \n {/*
\n {getUser?.showDiscordModal && window.innerWidth <= 1280.98 && (\n \n
\n \n \n
\n )}\n