\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",null,"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 React from \"react\";\nimport Timer from \"react-compound-timer\";\nimport moment from \"moment\";\nimport { loadContestsStatsArcade, getContests } from \"store/contest\";\nimport { withRouter } from \"utils/withRouter\";\nimport _ from \"lodash\";\nimport { connect } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\n\nimport { formatDate } from \"utils/dateConversion\";\n// Images\nconst startIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/row-grid-icon-1.svg\";\nconst endIcon = process.env.REACT_APP_WEBSITE_ASSETS_URL + \"images/row-grid-icon-2.svg\";\nconst PrizePoolCard = ({ instance, classes, type }) => {\n const navigate = useNavigate();\n return (\n <>\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
\n \n );\n};\nconst mapDispatchToProps = (dispatch) => ({\n loadContestsStatsArcade: (id, callback) => dispatch(loadContestsStatsArcade(id, callback)),\n});\nconst mapStateToProps = (state) => ({\n getContests: getContests(state),\n});\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(PrizePoolCard));\n","import React, { useRef, useEffect, useState } from \"react\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport Slider from \"react-slick\";\r\n\r\n// Redux\r\nimport { getSweepStakes, loadInstances } from \"store/sweepstakes\";\r\nimport { getUser } from \"store/user\";\r\nimport { connect } from \"react-redux\";\r\n\r\n// Components\r\nimport SweepsRulesCard from \"sweepstakes/components/common/sweepsRulesCard\";\r\nimport PrizePoolCardLoading from \"sweepstakes/components/common/prizePoolCardLoading\";\r\n\r\nfunction PrizePool({ getSweepStakes, loadInstances, getUser }) {\r\n const slider = useRef(null);\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [sliderKey, setSliderKey] = useState(\"old3\");\r\n const [slideIndex, setSlideIndex] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n loadInstances((instanceRes) => {\r\n setLoading(false);\r\n });\r\n }, []);\r\n\r\n const settings = {\r\n beforeChange: (current, next) => {\r\n setSlideIndex(next);\r\n },\r\n dots: true,\r\n arrows: false,\r\n slidesToShow: 4,\r\n autoplay: false,\r\n slidesToScroll: 4,\r\n row: 2,\r\n responsive: [\r\n {\r\n breakpoint: 991,\r\n settings: {\r\n slidesToShow: 3,\r\n dots: true,\r\n slidesToScroll: 3,\r\n appendDots: (dots) => {\r\n return \n
\n \n
\n \n
\n {instance?.title}
\n\n
\n #{instance?.sweepsId}
\n\n 
\n
\n {type === \"winner\" && (\n <>\n \n
\n - \n
- \n \n\n${instance?.prizeValueUSD?.toLocaleString()}\nvalue\n \n
\n
\n \n
\n Winner:
\n \n
\n {instance?.winner?.userName}
\n\n
\n \n )}\n {type !== \"winner\" && (\n \n
\n \n
\n \n 
\n
\n \n
\n {formatDate(instance?.activatedAt, \"MM/DD/YY\")}
\n {formatDate(instance?.activatedAt, \"hh:mm A\")} EST
\n \n
\n \n
\n \n 
\n
\n \n
\n {formatDate(instance?.timeExpired, \"MM/DD/YY\")}
\n {formatDate(instance?.timeExpired, \"hh:mm A\")} EST
\n \n
\n )}\n - \n
- \n \n\n
\n
\n\n DAYs
\n \n )}\n - \n \n\n
\n
\n\n HR
\n \n - \n \n\n
\n
\n\n MIN
\n \n {hours < 24 && (\n - \n \n\n
\n
\n\n SEC
\n \n )}\n \n );\n }}\n \n
\n {\n e.preventDefault();\n navigate(\"/sweepstakes-generic-rules\", { state: instance });\n }}\n >\n Alternate Method of Entry\n \n {\n e.preventDefault();\n navigate(\"/sweepstakes-generic-rules\", { state: instance });\n }}\n >\n Full Sweepstakes Rules\n \n
\n - {dots}
{i + 1}
,\r\n dotsClass: \"featured-card-dots-list\",\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 2,\r\n dots: true,\r\n slidesToScroll: 2,\r\n appendDots: (dots) => {\r\n return - {dots}
{i + 1}
,\r\n dotsClass: \"featured-card-dots-list\",\r\n },\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n dots: true,\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n rows: 1,\r\n centerPadding: \"20\",\r\n appendDots: (dots) => {\r\n return - {dots}
{i + 1}
,\r\n dotsClass: \"featured-card-dots-list\",\r\n },\r\n },\r\n ],\r\n appendDots: (dots) => {\r\n return - {dots}
{i + 1}
,\r\n dotsClass: \"featured-card-dots-list\",\r\n };\r\n if (getSweepStakes?.instances?.length === 0 && !loading) return null;\r\n return (\r\n \r\n (slider = slider)}\r\n {...settings}\r\n infinite={false}\r\n autoplay={false}\r\n className={`featured-card-list pb-0 featured-card-slider \r\n `}\r\n key={sliderKey}\r\n id=\"3\"\r\n >\r\n {getSweepStakes?.instances?.map((instance, index) => (\r\n
\r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n loadInstances: (callback) => dispatch(loadInstances(callback)),\r\n});\r\nconst mapStateToProps = (state) => ({\r\n getSweepStakes: getSweepStakes(state),\r\n getUser: getUser(state),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PrizePool);\r\n","import React, { useRef, useEffect, useState } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport Slider from \"react-slick\";\n\n// Redux\nimport { getSweepStakes, loadPastInstances } from \"store/sweepstakes\";\nimport { connect } from \"react-redux\";\n\n// Components\nimport SweepsRulesCard from \"sweepstakes/components/common/sweepsRulesCard\";\nimport PrizePoolCardLoading from \"sweepstakes/components/common/prizePoolCardLoading\";\nimport { SWEEPSRULES_RECORDS_PER_PAGE, SWEEPS_RECORDS_PER_PAGE } from \"utils/misc\";\n\nfunction SweepsWinners({ getSweepStakes, loadPastInstances }) {\n const slider = useRef(null);\n\n const [loading, setLoading] = useState(true);\n const [slideIndex, setSlideIndex] = useState(\"\");\n const [sliderKey, setSliderKey] = useState(\"old\");\n\n const [lastKeys, setLastKeys] = useState([]);\n const [page, setPage] = useState(1);\n\n useEffect(() => {\n if (getSweepStakes.pastInstancesLastKey) {\n if (lastKeys.length === 0) {\n setLastKeys([getSweepStakes.pastInstancesLastKey]);\n }\n }\n }, [getSweepStakes.pastInstancesLastKey]);\n useEffect(() => {\n setLoading(getSweepStakes.pastInstanceLoading);\n }, [getSweepStakes.pastInstanceLoading]);\n\n const loadData = (lastKey) => {\n loadPastInstances({ recordPerPage: SWEEPSRULES_RECORDS_PER_PAGE, lastKey: lastKey ?? null }, (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\n // Slider options\n const settings = {\n beforeChange: (current, next) => {\n setSlideIndex(next);\n },\n dots: true,\n arrows: false,\n slidesToShow: 4,\n autoplay: false,\n slidesToScroll: 4,\n rows: 2,\n responsive: [\n {\n breakpoint: 991,\n settings: {\n slidesToShow: 3,\n dots: true,\n slidesToScroll: 3,\n appendDots: (dots) => {\n return \r\n
\r\n {loading ? (\r\n \r\n {loading ?
\r\n \r\n \r\n {window.innerWidth > 767.98 &&
\r\n ) : (\r\n - {dots}
{i + 1}
,\n dotsClass: \"featured-card-dots-list\",\n },\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 2,\n dots: true,\n slidesToScroll: 2,\n appendDots: (dots) => {\n return - {dots}
{i + 1}
,\n dotsClass: \"featured-card-dots-list\",\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n dots: true,\n slidesToScroll: 1,\n centerMode: true,\n rows: 1,\n centerPadding: \"20\",\n appendDots: (dots) => {\n return - {dots}
{i + 1}
,\n dotsClass: \"featured-card-dots-list\",\n },\n },\n ],\n appendDots: (dots) => {\n return - {dots}
{i + 1}
,\n dotsClass: \"featured-card-dots-list\",\n };\n if (sweepsWinners?.length === 0 && !loading) return null;\n return (\n \n \n {sweepsWinners?.map((instance, index) => (\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 React, { useEffect, useRef } from \"react\";\r\n\r\n// Redux\r\nimport { getSweepStakes, loadInstances, loadPastInstances } from \"store/sweepstakes\";\r\nimport { connect } from \"react-redux\";\r\nimport { getUser, toggleDiscordModalRedux } from \"store/user\";\r\n\r\n// Components\r\nimport Header from \"common/header\";\r\nimport Footer from \"common/footer\";\r\nimport Loader from \"common/loader\";\r\nimport SEO from \"common/seo\";\r\nimport PrizePool from \"./components/layouts/sweepsRulesPool\";\r\nimport SweepsWinners from \"./components/layouts/sweepsRulesWinners\";\r\nimport EmptyScreen from \"common/emptyScreen\";\r\nimport DiscordChatModal from \"common/sections/discordChat\";\r\nimport { SWEEPSRULES_RECORDS_PER_PAGE, SWEEPS_RECORDS_PER_PAGE } from \"utils/misc\";\r\nimport mixpanel from \"mixpanel-browser\";\r\n\r\nfunction SweepsRules({ loadInstances, getSweepStakes, loadPastInstances, toggleDiscordModalRedux, getUser }) {\r\n const ref = useRef(null);\r\n\r\n // Get states from redux store\r\n const { instances, pastInstances, loading, pastInstanceLoading } = getSweepStakes;\r\n const sweepsWinners = pastInstances?.filter((s, i) => s?.status === 3);\r\n\r\n // loading bar update\r\n useEffect(() => {\r\n if (!loading) ref.current?.complete();\r\n else ref?.current?.continuousStart();\r\n }, [getSweepStakes?.loading]);\r\n\r\n // Call instance listing API\r\n useEffect(() => {\r\n loadInstances((res) => {});\r\n loadPastInstances({ recordPerPage: SWEEPSRULES_RECORDS_PER_PAGE }, null);\r\n if (window.innerWidth > 1280.98) {\r\n toggleDiscordModalRedux(true);\r\n }\r\n if (process.env.REACT_APP_MIXPANEL == 1) mixpanel?.track(\"Sweepstakes_rules\");\r\n }, []);\r\n const empty = !loading && !pastInstanceLoading && instances?.length === 0 && pastInstances?.length === 0;\r\n const isLoggedIn = localStorage.getItem(\"x-auth-token\");\r\n\r\n return (\r\n <>\r\n \n
\n {loading ? (\n \n SWEEPSTAKES WINNERS{\" \"}\n {loading ? (\n
\n \n {loading ? (\n <>\n {\n if (page == 1) return;\n if (loading) return;\n e.preventDefault();\n setPage(page - 1);\n //Get last element from lastKeys array and call loadPendingContests with that key, and remove that key from lastKeys array\n const lastKey = lastKeys[lastKeys.length - 2];\n loadData(lastKeys.length - 2 ? lastKey : null);\n //Remove lastelement from lastKeys array and set it to lastKeys state\n lastKeys.pop();\n }}\n >\n \n \n = count / 8 && \"slick-disabled\"\n }`}\n disabled={loading || page >= count / 8}\n onClick={(e) => {\n if (!lastKey) return;\n if (loading) return;\n\n e.preventDefault();\n setPage(page + 1);\n loadData(lastKey);\n //Push lastKey to lastKeys array\n setLastKeys([...lastKeys, lastKey]);\n }}\n >\n \n \n \n )}\n
\n \n
\n ) : (\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n loadInstances: (callback) => dispatch(loadInstances(callback)),\r\n loadPastInstances: (params, callback) => dispatch(loadPastInstances(params, callback)),\r\n toggleDiscordModalRedux: (data) => dispatch(toggleDiscordModalRedux(data)),\r\n});\r\nconst mapStateToProps = (state) => ({\r\n getSweepStakes: getSweepStakes(state),\r\n getUser: getUser(state),\r\n});\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SweepsRules);\r\n"],"sourceRoot":""}\r\n
\r\n \r\n {\r\n toggleDiscordModalRedux(false);\r\n }}\r\n >
\r\n )}\r\n \r\n {/*
\r\n {getUser?.showDiscordModal && window.innerWidth <= 1280.98 && (\r\n \r\n {/*
\r\n ) : (\r\n