{question.question_option_4}
\n \n \n ) : (\n \n )}\n \n );\n })}\n \n ) : (\n\n Hold on while we tune you in into the live stream. This will not take\n more than 45 seconds. Please do not exit.\n
\n )}\n \n );\n});\n","export const OPTION_TIME = 10;\nexport const LIVE_QUIZ_ID = 39;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport Header from \"./header\";\nimport Snackbar from \"../Snackbar/index\";\nimport api from \"../../utils/api\";\nimport { Questions } from \"./questions\";\nimport ReactPlayer from \"react-player\";\nimport { OPTION_TIME, LIVE_QUIZ_ID } from \"../../utils/constants\";\n\nconst delay = ms => new Promise(res => setTimeout(res, ms));\n\nconst Play = props => {\n const childRef = useRef();\n const playerRef = useRef();\n const [questionSet, updateQuestionSet] = useState([]);\n const [timer, updateTimer] = useState(-1);\n const [isStreamPlaying, updatePlayingState] = useState(false);\n const [showFirstQuestionBool, updateShowFirstQuestionBool] = useState(false);\n const [quizStreamTime, updateQuizStreamTime] = useState(0);\n const [showOptionBool, updateShowOptionBool] = useState(false);\n const [isVideoMuted, updateIsVideoMuted] = useState(true);\n const [isPaused, updateIsPaused] = useState(false);\n\n useEffect(() => {\n let apiPollCounter = 4500000;\n\n const getQuestion = async () => {\n const action = Object.assign({});\n action.handler = \"V1_CHALLENGES_GETQUESTIONS\";\n //to do\n action.query = { live_quiz_id: LIVE_QUIZ_ID };\n const response = await api(action);\n if (response.status === 200) {\n const questionSetUtil = response.data;\n updateQuestionSet(questionSetUtil);\n } else {\n console.log(\"question fetch fail\");\n }\n };\n\n const getStreamTime = async () => {\n const action = Object.assign({});\n action.handler = \"V1_GET_STREAM_SWITCH_TIME\";\n //to do\n action.query = { live_quiz_id: LIVE_QUIZ_ID };\n while (apiPollCounter > 0) {\n const response = await api(action);\n apiPollCounter = apiPollCounter - 3;\n if (response.status === 200) {\n if (response.data !== -1) {\n apiPollCounter = 0;\n updateQuizStreamTime(response.data);\n }\n } else {\n console.log(\"fetch stream time fail\");\n }\n await delay(3000);\n }\n };\n\n getQuestion();\n\n getStreamTime();\n\n handleOnStreamReady();\n }, []);\n\n useEffect(() => {\n if (questionSet && quizStreamTime) {\n showFirstQuestion(questionSet);\n }\n }, [quizStreamTime]);\n\n const showFirstQuestion = questionSet => {\n let questionOffset =\n (questionSet &&\n questionSet.length &&\n questionSet[0] &&\n questionSet[0].question_offset) ||\n 0;\n let optionOffset =\n (questionSet &&\n questionSet.length &&\n questionSet[0] &&\n questionSet[0].option_offset) ||\n 0;\n\n questionOffset = questionOffset;\n optionOffset = optionOffset;\n\n let exactVideoStreamTime = new Date(quizStreamTime);\n exactVideoStreamTime = exactVideoStreamTime.setSeconds(\n exactVideoStreamTime.getSeconds() + questionOffset\n );\n\n let exactShowOptionsTime = new Date(quizStreamTime);\n exactShowOptionsTime = exactShowOptionsTime.setSeconds(\n exactShowOptionsTime.getSeconds() + optionOffset\n );\n const currentDate = new Date();\n const timeoutInterval =\n new Date(exactVideoStreamTime).getTime() - currentDate.getTime();\n\n const optionTimeoutInterval =\n new Date(exactShowOptionsTime).getTime() - currentDate.getTime();\n\n const qTimer = setTimeout(() => {\n updateShowFirstQuestionBool(true);\n console.log(\"wait time for first question:\" + timeoutInterval);\n }, timeoutInterval);\n\n const oTimer = setTimeout(() => {\n updateShowOptionBool(true);\n updateTimer(OPTION_TIME);\n }, optionTimeoutInterval);\n };\n\n useEffect(() => {\n handleTick();\n }, [timer]);\n\n const handleTick = () => {\n let timerTimeout = setTimeout(function() {\n if (timer < 0) {\n return;\n }\n if (timer === 0) {\n //clearInterval(timerTimeout);\n childRef.current.submitAndNav();\n return;\n } else {\n updateTimer(timer - 1);\n }\n\n //}\n }, 1000);\n };\n\n const handleOnStreamReady = () => {\n setTimeout(() => {\n updatePlayingState(true);\n }, 500);\n };\n\n const handlemuteclick = e => {\n console.log(playerRef.current);\n updateIsVideoMuted(!isVideoMuted);\n };\n\n const handlePause = () => {\n updateIsPaused(true);\n };\n\n const handlePlay = () => {\n if (isPaused) {\n playerRef.current.seekTo(0.9999);\n }\n updateIsPaused(false);\n };\n\n return (\n \n {/* \n \n ) : isVideoMuted ? (\n \n \n ) : (\n
\n );\n};\n\nexport default withRouter(Play);\n","import React from \"react\";\n\nexport const WinnerCard = props => {\n const { user_rank, user_score, total_participants, user_prize } = props;\n return (\n \n
\n {quizStreamTime ? (\n \n Your video is in mute. Please click the below button to start\n listening to your favorite star\n
\n \n Unmute\n
\n \n Hold on while we tune you in into the live stream. This will not take\n more than 45 seconds. Please do not exit.\n
\n )}\n \n
\n );\n};\n\nexport const LostCard = props => {\n const { user_rank, user_score, total_participants } = props;\n return (\n CONGRATULATIONS
\n YOU WON!
\n \n 
\n
\n Your Score: {user_score}
\n \n Rank # {user_rank}/{total_participants}\n
\n \n
\n );\n};\n","import React, { useState } from \"react\";\nimport api from \"../../utils/api\";\n\nexport const EnterEmailCard = () => {\n const [emailValue, updateEmailValue] = useState(\"\");\n const [showSuccessSubmission, updateSubmission] = useState(false);\n const [emailError, updateEmailError] = useState(\"\");\n\n const handleEmailChange = e => {\n if (e) {\n updateEmailValue(e.target.value);\n }\n };\n\n const submitEmail = () => {\n if (\n emailValue &&\n emailValue.indexOf(\"@\") > -1 &&\n emailValue.indexOf(\".\") > -1\n ) {\n submitEmailApi();\n } else {\n updateEmailError(\"Please enter a valid email address!\");\n }\n };\n\n const submitEmailApi = async () => {\n //alert(\"Your email ID is: \" + emailValue);\n\n const action = Object.assign({});\n action.handler = \"V1_USER_SUBMIT_EMAIL\";\n action.payload = { user_email: emailValue };\n const response = await api(action);\n if (response.status === 200) {\n updateSubmission(true);\n } else {\n console.log(\"submit email fail\");\n }\n };\n if (!showSuccessSubmission) {\n return (\n YOU LOST
\n BETTER LUCK NEXT TIME
\n {/* \n ![](\"https://cdn-images.spcafe.in/img/es3-cfit-s72/Game/Games_Homes_Screen/Banners/pool_tab.png\")
\n
*/}\n \n Your Score: {user_score}
\n \n Rank # {user_rank}/{total_participants}\n
\n \n
\n );\n } else {\n return \n Provide your email address to claim winnings\n
\n {/* \n Kindly provide your email address so that you can be contacted for\n rewards\n
*/}\n \n
\n {emailError ? \n SUBMIT\n
\n {emailError}
: }\n \n
\n );\n};\n","import React from \"react\";\nimport { FixedSizeList as List } from \"react-window\";\nimport ReactCountryFlag from \"react-country-flag\";\n\nexport const Leaderboard = props => {\n const { results } = props;\n const itemCount =\n (results && results.finalLeaderBoard && results.finalLeaderBoard.length) ||\n 0;\n return (\n \n ![]()
\n
\n \n Our team will get in touch with you shortly to give away your rewards\n
\n \n \n {LeaderboardRow}\n \n
\n );\n};\n\nconst LeaderboardRow = ({ data, index, style }) => {\n const dataUtil = (data && data[index]) || {};\n return (\n LEADERBOARD
\n {index + 1}
\n {dataUtil && dataUtil.country_code ? (\n getCountryFlag(dataUtil.country_code)\n ) : (\n \n )}\n\n \n
\n \n {(dataUtil && dataUtil.user_email) || \"guest_\" + dataUtil.user_id}\n
\n \n {dataUtil && dataUtil.user_points} Pts\n
\n \n {dataUtil && dataUtil.is_a_winner ? \"Won\" : \"\"}\n
\n \n );\n};\n\nconst getCountryFlag = country_code => {\n return \n Please wait while we fetch the results{\" \"}\n
\n );\n } else if (didResultsApiFail) {\n return Something went wrong
;\n }\n return (\n \n {isWinner ?
\n );\n};\n","import React from \"react\";\n\nexport const LobbyHeader = () => {\n return (\n \n {/*
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport api from \"../../utils/api\";\n\nexport const LobbyTimer = props => {\n //const start_time = 1590435958454; //\"2021-01-01\";\n const start_time = props.quizStartDate;\n const [initial, setInitial] = useState(true);\n const [isJoinClicked, updateJoinClicked] = useState(false);\n\n const calcTimeLeft = () => {\n const diff = new Date(start_time) - new Date();\n let timeleft = {};\n if (diff === 0) {\n submitCountryCode(props.countryCode);\n props.history.push(\"play\");\n return;\n } else if (diff > 0) {\n if (initial) {\n setInitial(false);\n }\n\n timeleft = {\n d: Math.floor(diff / (1000 * 60 * 60 * 24)),\n h: Math.floor((diff / (1000 * 60 * 60)) % 24),\n m: Math.floor((diff / 1000 / 60) % 60),\n s: Math.floor((diff / 1000) % 60)\n };\n\n return timeleft;\n } else {\n if (!initial) {\n submitCountryCode(props.countryCode);\n props.history.push(\"play\");\n }\n // updateAlreadyStarted(true);\n return;\n }\n };\n const [timeleft, setTimeLeft] = useState(calcTimeLeft());\n\n useEffect(() => {\n const value = calcTimeLeft();\n setTimeout(() => {\n if (value === 0) {\n }\n setTimeLeft(value);\n }, 1000);\n });\n\n const timerComponent = [];\n\n timeleft &&\n Object.keys(timeleft).forEach(interval => {\n if (!timeleft[interval]) {\n return;\n }\n\n timerComponent.push(\n \n {timeleft[interval]} {interval}{\" \"}\n \n );\n });\n\n if (new Date(start_time) - new Date() < 0) {\n return (\n \n ![](\"\")
\n
*/}\n \n
\n Come back tomorrow for the next Quiz
\n );\n }\n\n return (\n \n {timeleft && (timeleft[\"s\"] || timeleft[\"m\"] || timeleft[\"h\"]) ? (\n \n updateJoinClicked(true)}\n >\n Click here to Join Quiz!\n
\n )} */}\n \n ) : (\n LIVE QUIZ STARTING IN
\n \n {timerComponent.length ? timerComponent : \"\"}\n
\n {/* {isJoinClicked ? (\n Quiz Joined!
\n ) : (\n \n {/* Come back tomorrow for the next Quiz */}\n
\n )}\n \n );\n};\n\nconst submitCountryCode = async countryCode => {\n const action = Object.assign({});\n action.handler = \"V1_USER_SUBMIT_COUNTRY\";\n action.payload = { country_code: countryCode };\n const response = await api(action);\n if (response.status === 200) {\n console.log(\"success\");\n } else {\n console.log(\"submit code fail\");\n }\n};\n","import React, { useState } from \"react\";\nimport Collapsible from \"react-collapsible\";\n\nexport const LobbyRules = props => {\n const { quizRules } = props;\n const [expandShutter, setShutterExpand] = useState(false);\n\n const handleShutterClick = () => {\n setShutterExpand(!expandShutter);\n };\n\n return (\n \n
\n );\n};\n","import React from \"react\";\n\nexport const LobbyPrizes = props => {\n const { quizPrizes } = props;\n if (quizPrizes && quizPrizes.length) {\n return (\n \n
\n QUIZ RULES
\n \n Know More\n \n
\n \n {/* {quizRules} */}\n \n \n
\n 1. 15 questions - 10 seconds each
\n \n 2. Each question has 4 options for answers\n
\n \n 3. Answer faster to get more points\n
\n \n 4. Terms & Conditions Apply (\n \n https://www.onefc.com/one-quiz-tnc\n \n )\n
\n \n
\n );\n }\n return ;\n};\n","import React, { useState } from \"react\";\nimport api from \"../../utils/api\";\n\nexport const EnterEmailCardLobby = () => {\n const [emailValue, updateEmailValue] = useState(\"\");\n const [showSuccessSubmission, updateSubmission] = useState(false);\n const [emailError, updateEmailError] = useState(\"\");\n\n const handleEmailChange = e => {\n // if (emailError) {\n // updateEmailError(\"\");\n // }\n if (e) {\n updateEmailValue(e.target.value);\n }\n };\n\n const submitEmail = () => {\n if (\n emailValue &&\n emailValue.indexOf(\"@\") > -1 &&\n emailValue.indexOf(\".\") > -1\n ) {\n submitEmailApi();\n } else {\n updateEmailError(\"Please enter a valid email address!\");\n }\n };\n const submitEmailApi = async () => {\n //alert(\"Your email ID is: \" + emailValue);\n\n const action = Object.assign({});\n action.handler = \"V1_USER_SUBMIT_EMAIL\";\n action.payload = { user_email: emailValue };\n const response = await api(action);\n if (response.status === 200) {\n updateSubmission(true);\n } else {\n console.log(\"submit email fail\");\n }\n };\n if (!showSuccessSubmission) {\n return (\n TODAY'S PRIZES
\n \n {quizPrizes.map(prize => {\n return (\n
\n \n 
\n
\n );\n })}\n \n
\n );\n } else {\n return \n Provide your email address so that we can get in touch with you if you\n win\n
\n\n \n
\n {emailError ? \n SUBMIT\n
\n {emailError}
: }\n \n
\n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { LobbyHeader } from \"./header\";\nimport { LobbyTimer } from \"./timer\";\nimport { LobbyRules } from \"./rules\";\nimport { LobbyPrizes } from \"./prizes\";\nimport { EnterEmailCardLobby } from \"./email\";\nimport { withRouter } from \"react-router-dom\";\nimport api from \"../../utils/api\";\nimport { nanoid } from \"nanoid\";\nimport axios from \"axios\";\nimport ReactCountryFlag from \"react-country-flag\";\n\nconst Lobby = props => {\n const [quizData, updateQuizData] = useState([]);\n const [countryCode, updateCountryCode] = useState(\"\");\n const [countryName, updateCountryName] = useState(\"\");\n useEffect(() => {\n const getQuiz = async () => {\n const nanoidValue = nanoid();\n const action = {};\n const action_2 = {};\n action.handler = \"V1_CHALLENGES_GETCURRENTQUIZ\";\n action_2.handler = \"V1_COMMON_LAUNCH\";\n action_2.query = { gid: nanoidValue };\n if (localStorage.getItem(\"token\")) {\n const response = await api(action);\n if (response.status === 200) {\n updateQuizData(response.data);\n } else {\n console.log(\"Get current quiz failed!\");\n }\n } else {\n const [response, response_2] = await Promise.all([\n api(action),\n api(action_2)\n ]);\n if (response_2.status === 200) {\n localStorage.setItem(\"token\", response_2.data);\n }\n if (response.status === 200) {\n updateQuizData(response.data);\n }\n if (response.status !== 200) {\n console.log(\"Get current quiz failed!\");\n }\n }\n };\n getQuiz();\n getGeoInfo();\n }, []);\n\n const getGeoInfo = () => {\n axios\n .get(\"https://ipapi.co/json/\")\n .then(response => {\n const data = response.data || {};\n updateCountryCode(data.country_code);\n updateCountryName(data.country_name);\n })\n .catch(error => {\n console.log(error);\n });\n };\n\n return (\n \n ![]()
\n
\n \n Email submitted successfully. Best of Luck!\n
\n \n
\n );\n};\n\nexport default withRouter(Lobby);\n","const createHistory = require(\"history\").createBrowserHistory;\nconst history = createHistory();\nexport default history;\n","import React from \"react\";\nimport { Route, Switch } from \"react-router-dom\";\nimport { ContextProvider } from \"../shells/ContextProvider\";\nimport Play from \"../shells/Play\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport { Results } from \"../shells/Results\";\nimport Lobby from \"../shells/Lobby\";\nimport history from \"./history\";\n\nfunction Root() {\n return (\n \n You are playing from
\n ) : (\n \n )}\n \n
\n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n