\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","const noContestIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/nocontest.png\";\n\nconst EmptyScreen = () => {\n return (\n \n
\n \n
\n );\n};\n\nexport default EmptyScreen;\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
\n \n
\n \n
\n Game temporarily unavailable
\n \n 
\n
\n \n We are working on creating a new contest for this game -
head back\n to the homepage to explore other games!\n
\n \n RETURN TO HOMEPAGE\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 mixpanel from \"mixpanel-browser\";\nimport { lazy, memo, Suspense, useEffect, useState } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport Slider from \"react-slick\";\nimport { SWEEPS_RECORDS_PER_PAGE } from \"utils/misc\";\n\n// Redux\nimport { connect } from \"react-redux\";\nimport { getSweepStakes, loadPastInstances } from \"store/sweepstakes\";\n\n// Components\n// import PrizePoolCard from \"sweepstakes/components/common/prizePoolCard\";\nimport PrizePoolCardLoading from \"sweepstakes/components/common/prizePoolCardLoading\";\nconst PrizePoolCard = lazy(() => import(\"sweepstakes/components/common/prizePoolCard\"));\n// const PrizePoolCardLoading = lazy(() => import(\"sweepstakes/components/common/prizePoolCardLoading\"));\n\nconst SweepsWinners = memo(({ getSweepStakes, loadPastInstances, classes }) => {\n const [slider, setSlider] = useState(null);\n const [loading, setLoading] = useState(true);\n const [slideIndex, setSlideIndex] = useState(0);\n\n useEffect(() => {\n setLoading(getSweepStakes.pastInstanceLoading);\n }, [getSweepStakes.pastInstanceLoading]);\n\n useEffect(() => {\n if (process.env.REACT_APP_MIXPANEL === \"1\") mixpanel?.track(\"view all winners\");\n }, []);\n\n const loadData = (lastKey) => {\n loadPastInstances({ recordPerPage: SWEEPS_RECORDS_PER_PAGE, lastKey: lastKey ?? null, more: true }, (res) => {});\n };\n\n // Variables\n const sweepsWinners = getSweepStakes?.pastInstances?.filter((s, i) => s?.status === 3);\n const count = getSweepStakes?.pastInstancesCount;\n const lastKey = getSweepStakes?.pastInstancesLastKey ? JSON.stringify(getSweepStakes.pastInstancesLastKey) : null;\n const totalSlides = sweepsWinners?.length;\n\n // Slider options\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 >= totalSlides) {\n if (!lastKey) return;\n loadData(lastKey);\n }\n },\n slidesToShow: 4,\n slidesToScroll: 4,\n dots: false,\n infinite: false,\n arrows: false,\n // variableWidth: true,\n\n responsive: [\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 (sweepsWinners?.length === 0 && !loading) return null;\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 mapDispatchToProps = (dispatch) => ({\n loadPastInstances: (params, callback) => dispatch(loadPastInstances(params, callback)),\n});\nconst mapStateToProps = (state) => ({\n getSweepStakes: getSweepStakes(state),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SweepsWinners);\n","import { useEffect } from \"react\";\n\n// Redux\nimport mixpanel from \"mixpanel-browser\";\nimport { connect } from \"react-redux\";\nimport { getSweepStakes, loadPastInstances } from \"store/sweepstakes\";\nimport { getUser, toggleDiscordModalRedux } from \"store/user\";\n\n// Components\nimport Header from \"common/header\";\nimport Footer from \"common/footer\";\nimport SEO from \"common/seo\";\nimport SweepsWinners from \"home/components/layouts/sweepsWinners\";\nimport ContestsWinners from \"home/components/layouts/contestsWinners\";\nimport EmptyScreen from \"common/emptyScreen\";\nimport DiscordChatModal from \"common/sections/discordChat\";\nimport { getContests, loadPendingContests } from \"store/contest\";\nimport { CONTESTWINNER_RECORDS_PER_PAGE } from \"utils/misc\";\n\nfunction WinnersListing({\n getContests,\n getSweepStakes,\n loadPastInstances,\n loadPendingContests,\n toggleDiscordModalRedux,\n getUser,\n}) {\n // const ref = useRef(null);\n\n const { loadingP } = getContests;\n const { pastInstanceLoading } = getSweepStakes;\n const sweepsWinners = getSweepStakes?.pastInstances?.filter((s, i) => s?.status === 3);\n const contestsWinners = getContests?.pendingContests;\n\n useEffect(() => {\n // loadPastInstances({ recordPerPage: SWEEPS_RECORDS_PER_PAGE }, null);\n // loadPendingContests({ recordPerPage: CONTESTWINNER_RECORDS_PER_PAGE }, null);\n if (window.innerWidth > 1280.98) {\n toggleDiscordModalRedux(true);\n }\n if (process.env.REACT_APP_MIXPANEL == 1) mixpanel?.track(\"Winners_viewed\");\n }, []);\n const isLoggedIn = localStorage.getItem(\"x-auth-token\");\n\n return (\n <>\n \n
\n\n \n
\n \n ![\"\"](\"/include/images/s-winer-icon.svg\")
\n
\n \n \n {loading && !sweepsWinners?.length ? (\n
\n \n
\n \n {loading && !sweepsWinners?.length ? (\n <>\n {\n if (slideIndex === 0) return;\n if (loading) return;\n e.preventDefault();\n slider?.slickPrev();\n }}\n >\n \n \n = count && \"slick-disabled\"}\n `}\n disabled={loading || slideIndex + slider?.innerSlider?.props?.slidesToScroll >= count}\n onClick={(e) => {\n if (loading) return;\n\n e.preventDefault();\n slider?.slickNext();\n }}\n >\n \n \n \n )}\n
\n \n setSlider(slider)}\n key={\"sweeps-winners-slider\"}\n infinite={false}\n autoplay={false}\n className={`flex-shrink-card-list flex-shrink-slider pb-0 \n has-card-oerlay`}\n >\n {sweepsWinners?.map((instance, index) => (\n
\n \n
\n \n \n \n );\n}\n\nconst mapStateToProps = (state) => ({\n getSweepStakes: getSweepStakes(state),\n getContests: getContests(state),\n getUser: getUser(state),\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n // loadPastInstances: (params, callback) => dispatch(loadPastInstances(params, callback)),\n loadPendingContests: (params, callback) => dispatch(loadPendingContests(params, callback)),\n toggleDiscordModalRedux: (data) => dispatch(toggleDiscordModalRedux(data)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WinnersListing);\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 \n
\n \n
\n \n \n
\n \n
\n )}\n