{"version":3,"sources":["config.js","components/Footer.js","helpers/http.js","stores/AuthStore.js","views/Login.js","assets/rocket/icon_comingsoon.png","assets/rocket/icon_maintenance.png","components/GameSlider.js","components/Menu.js","components/Navbar.js","views/Games.js","components/CampSlider.js","views/Camps.js","views/BonusTime.js","views/NotFound.js","components/Logo.js","assets/sound/rocket_v9 _18.mp3","components/PlaySound.js","index.js","helpers/disable.js","assets/rocket/rocket_text.png","assets/rocket/rocket_cartoon.png"],"names":["node_env","process","config","version","appName","apiUrl","basePath","linkPlayGame","linkLine","Footer","store","className","Date","getFullYear","axiosConfig","baseURL","timeout","http","axios","create","Auth","authToken","authUser","authTimeout","timeoutInMinutes","timeoutInSeconds","timeoutInHours","messageError","makeObservable","this","observable","user","computed","token","setToken","action","logout","showTimeout","setTimeoutDistance","updateToken","updateUser","autorun","undefined","setTimeout","setInterval","localStorage","getItem","JSON","parse","format","fromUnixTime","locale","th","helperDate","addSeconds","time","setItem","formatDistance","includeSeconds","diffMinutes","differenceInMinutes","diffSeconds","differenceInSeconds","diffHours","timeoutAt","removeItem","addHours","addMinutes","_timeout","getUnixTime","data","stringify","isLoggedIn","createContext","logoTextImag","require","default","logoCartoonImag","Login","observer","props","authStore","useContext","AuthStore","history","useHistory","useState","code","setCode","message","setMessage","codeRef","useRef","useEffect","current","focus","push","doLogin","post","then","console","log","timeout_at","setUser","name","catch","err","response","status","style","align","src","alt","display","textAlign","marginTop","ref","onChange","e","target","value","type","placeholder","transition","background","border","boxSizing","borderRadius","width","onKeyUp","keyCode","role","onClick","GameSlider","items","showPlayButton","setShowPlayButton","styleFrame","position","marginBottom","styleContent","paddingTop","height","styleFilter","top","left","right","bottom","backgroundColor","zIndex","stylePercent","color","fontWeight","colorPercent","item","point","percent","length","gap","cols","rows","mobileBreakpoint","showDots","dot","isActive","map","val","i","Item","url","game_status","id","el","document","getElementById","checkLink","image_cover","thumbnail","fontSize","lineHeight","start","end","duration","suffix","imgComingsoon","imgMaintenance","margin","window","open","clickPlay","textShadow","Menu","maxWidth","paddingLeft","paddingRight","showTimeoutCountdown","Navbar","React","navbarOpen","setNavbarOpen","hist","transparent","to","Games","setItems","campId","useParams","a","get","loadGamesByCampId","loadData","loadBonusTimeByCampId","CampSlider","loop","Camps","loadCamps","clear","BonusTime","NotFound","Logo","PlaySound","playStatus","setPlayStatus","volume","addEventListener","bgSound","Sound","PLAYING","PAUSED","PrivateRoute","Component","component","rest","auth","render","pathname","state","from","location","App","setIsMouseEnter","checkTimeout","ctrlKey","shiftKey","which","preventDefault","padding","onMouseEnter","basename","hashType","backTo","exact","path","ReactDOM"],"mappings":"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","file":"static/js/main.678267b6.chunk.js","sourcesContent":["const node_env = process.env.NODE_ENV;\r\n\r\nconst Config = {\r\n  version: \"1.0.1\",\r\n  appName: \"rocket\",\r\n  apiUrl:\r\n    node_env && node_env !== \"development\"\r\n      ? \"https://office.rocket007.com/api\"\r\n      : \"http://127.0.0.1:8000/api\",\r\n  basePath: \"/\",\r\n  linkPlayGame: \"https://auto.ry289.net/login\",\r\n  linkLine: \"https://bit.ly/3q8IBra\",\r\n};\r\n\r\nexport const config = Config;\r\n","import { config } from \"config\";\r\nimport React from \"react\";\r\n\r\nexport default function Footer({ store }) {\r\n  return (\r\n    <footer className=\"relative p-1 clear-both\">\r\n      <div className=\"container mx-auto\">\r\n        <div className=\"text-center\">\r\n          <div className=\"text-sm text-gray-200 font-semibold py-1\">\r\n            Copyright © {new Date().getFullYear()} / Rocket Original\r\n            <br />v {config.version}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </footer>\r\n  );\r\n}\r\n","import axios from \"axios\";\r\nimport { config } from \"config\";\r\n\r\nconst axiosConfig = {\r\n  baseURL: config.apiUrl,\r\n  timeout: 30000,\r\n};\r\n\r\nexport const http = axios.create(axiosConfig);\r\n","import React, { createContext } from \"react\";\r\nimport {\r\n  autorun,\r\n  makeObservable,\r\n  observable,\r\n  set,\r\n  computed,\r\n  action,\r\n  toJS,\r\n} from \"mobx\";\r\nimport {\r\n  addHours,\r\n  fromUnixTime,\r\n  getUnixTime,\r\n  format,\r\n  differenceInMinutes,\r\n  differenceInSeconds,\r\n  addMinutes,\r\n  differenceInHours,\r\n  addSeconds,\r\n} from \"date-fns\";\r\nimport { th } from \"date-fns/esm/locale\";\r\nimport { formatDistance } from \"date-fns/esm\";\r\nimport { http } from \"./../helpers/http\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nexport function autoSave(_this, name) {\r\n  const storedJson = localStorage.getItem(name);\r\n  if (storedJson) {\r\n    set(_this, JSON.parse(storedJson));\r\n  }\r\n  autorun(() => {\r\n    const value = toJS(_this);\r\n    localStorage.setItem(name, JSON.stringify(value));\r\n  });\r\n}\r\n\r\nexport class Auth {\r\n  authToken = \"\";\r\n  authUser = \"\";\r\n  authTimeout = \"\";\r\n  timeoutInMinutes = \"\";\r\n  timeoutInSeconds = \"\";\r\n  timeoutInHours = \"\";\r\n  messageError = \"\";\r\n\r\n  constructor() {\r\n    makeObservable(this, {\r\n      authToken: observable,\r\n      authUser: observable,\r\n      authTimeout: observable,\r\n      timeoutInMinutes: observable,\r\n      timeoutInSeconds: observable,\r\n      timeoutInHours: observable,\r\n      messageError: observable,\r\n      user: computed,\r\n      token: computed,\r\n      timeout: computed,\r\n      setToken: action,\r\n      logout: action,\r\n      showTimeout: computed,\r\n      setTimeoutDistance: action,\r\n      updateToken: action,\r\n      updateUser: action,\r\n    });\r\n\r\n    autorun(() => {\r\n      //const token = localStorage.getItem(\"nnToken\");\r\n      // const user = localStorage.getItem('nnUser');\r\n      // const timeout = localStorage.getItem('nnTimeout');\r\n      this.updateToken(this.token);\r\n      //this.authToken = token\r\n\r\n      if (\r\n        this.timeout !== null &&\r\n        this.timeout !== undefined &&\r\n        this.timeout >= 0\r\n      ) {\r\n        setTimeout(() => {\r\n          setInterval(() => {\r\n            this.setTimeoutDistance(this.timeout);\r\n          }, 1000);\r\n        }, 0);\r\n      } else {\r\n        this.setTimeoutDistance(0);\r\n      }\r\n    });\r\n  }\r\n\r\n  get isLoggedIn() {\r\n    return !!this.authToken;\r\n  }\r\n\r\n  get token() {\r\n    return this.authToken || localStorage.getItem(\"nnToken\");\r\n  }\r\n  get user() {\r\n    return this.authUser || JSON.parse(localStorage.getItem(\"nnUser\"));\r\n  }\r\n  get timeout() {\r\n    return this.authTimeout || localStorage.getItem(\"nnTimeout\");\r\n  }\r\n\r\n  get showTimeout() {\r\n    if (this.timeout) {\r\n      return format(fromUnixTime(this.timeout), \"pp\", {\r\n        locale: th,\r\n      });\r\n    }\r\n    return \"\";\r\n  }\r\n  get showTimeoutCountdown() {\r\n    if (this.timeout) {\r\n      var helperDate = addSeconds(new Date(0), this.timeoutInSeconds);\r\n      return format(helperDate, \"mm:ss นาที\");\r\n    }\r\n    return \"\";\r\n  }\r\n\r\n  get errMessage() {\r\n    return this.messageError;\r\n  }\r\n  setTimeout(time) {\r\n    this.authTimeout = time;\r\n    localStorage.setItem(\"nnTimeout\", time);\r\n  }\r\n\r\n  setTimeoutDistance(time) {\r\n    if (time !== undefined && time !== null) {\r\n      const minutes = formatDistance(fromUnixTime(time), new Date(), {\r\n        locale: th,\r\n        includeSeconds: true,\r\n      });\r\n      const diffMinutes = differenceInMinutes(fromUnixTime(time), new Date());\r\n      const diffSeconds = differenceInSeconds(fromUnixTime(time), new Date());\r\n      const diffHours = formatDistance(fromUnixTime(time), new Date(), {\r\n        locale: th,\r\n      });\r\n      if (diffMinutes > 0 || diffSeconds > 0) {\r\n        this.timeoutInMinutes = diffMinutes;\r\n        this.timeoutInSeconds = diffSeconds;\r\n        this.timeoutInHours = diffHours;\r\n      }\r\n      // console.log(\"second\", diffSeconds);\r\n      if (diffSeconds <= 0) {\r\n        this.logout();\r\n      }\r\n    }\r\n  }\r\n\r\n  setToken(token, timeoutAt) {\r\n    this.authTimeout = \"\";\r\n    this.authToken = \"\";\r\n    localStorage.removeItem(\"nnTimeout\");\r\n    localStorage.setItem(\"nnToken\", token);\r\n    const timeoutByHours = addHours(new Date(), 1);\r\n    const timeoutByMinutes = addMinutes(new Date(), 1);\r\n    const _timeout = new Date(timeoutAt);\r\n    const timeout = getUnixTime(_timeout);\r\n    localStorage.setItem(\"nnTimeout\", timeout);\r\n\r\n    this.authToken = token;\r\n    this.authTimeout = timeout;\r\n    localStorage.setItem(\"timeout\", _timeout);\r\n  }\r\n  setUser(data) {\r\n    this.authUser = data;\r\n    localStorage.setItem(\"nnUser\", JSON.stringify(data));\r\n  }\r\n  updateToken(token) {\r\n    this.authToken = token;\r\n  }\r\n  updateUser(data) {\r\n    this.authUser = data;\r\n  }\r\n  logout() {\r\n    if (this.isLoggedIn) {\r\n      this.authToken = \"\";\r\n      this.authUser = \"\";\r\n      this.authTimeout = \"\";\r\n      localStorage.removeItem(\"nnUser\");\r\n      localStorage.removeItem(\"nnToken\");\r\n      localStorage.removeItem(\"nnTimeout\");\r\n      localStorage.removeItem(\"timeout\");\r\n    }\r\n  }\r\n}\r\n\r\nexport default createContext(new Auth());\r\n","import Footer from \"components/Footer\";\r\nimport { http } from \"helpers/http\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport React, { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { Link, useHistory, useLocation } from \"react-router-dom\";\r\nimport AuthStore from \"stores/AuthStore\";\r\nimport { config } from \"../config\";\r\n\r\nconst logoTextImag = require(\"assets/rocket/rocket_text.png\").default;\r\nconst logoCartoonImag = require(\"assets/rocket/rocket_cartoon.png\").default;\r\n\r\nconst Login = observer((props) => {\r\n  const authStore = useContext(AuthStore);\r\n  const history = useHistory();\r\n  const [code, setCode] = useState();\r\n  const [message, setMessage] = useState(\"\");\r\n  const codeRef = useRef();\r\n  useEffect(() => {\r\n    codeRef.current.focus();\r\n    if (authStore.isLoggedIn) {\r\n      history.push(\"/camps\");\r\n    }\r\n  }, []);\r\n\r\n  const doLogin = () => {\r\n    setMessage(\"\");\r\n    if (code) {\r\n      http\r\n        .post(\"/play/activate\", {\r\n          code: code,\r\n        })\r\n        .then(({ data }) => {\r\n          console.log(data);\r\n          if (data) {\r\n            const token = data.data.code;\r\n            const user = data.data.user;\r\n            authStore.setToken(token, data.data.timeout_at);\r\n            authStore.setUser({\r\n              name: user,\r\n            });\r\n            history.push(\"/camps\");\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          if (err.response && err.response.status < 500) {\r\n            const data = err.response.data;\r\n            setMessage(data.message);\r\n          }\r\n        });\r\n    } else {\r\n      codeRef.current.focus();\r\n      setMessage(\"โปรดกรอกโค้ด\");\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const messageError = () => {\r\n    if (message) {\r\n      return (\r\n        <div className=\"text-orange-700 p-1\" role=\"alert\">\r\n          <p>{message}</p>\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n  const OnKeyUp = (e) => {\r\n    if (e.keyCode === 13) {\r\n      doLogin();\r\n    }\r\n  };\r\n  return (\r\n    <>\r\n      <main>\r\n        <section>\r\n          {/* /////////////////////// */}\r\n          <div className=\"login-container\">\r\n            <div className=\"login-bg\" style={{}}>\r\n              <br />\r\n              <div className=\"text-center\" align=\"center\">\r\n                <img\r\n                  src={logoCartoonImag}\r\n                  alt=\"rocket\"\r\n                  className=\"text-center\"\r\n                  style={{\r\n                    display: \"inline-block\",\r\n                    textAlign: \"center\",\r\n                  }}\r\n                />\r\n                <img\r\n                  src={logoTextImag}\r\n                  alt=\"rocket\"\r\n                  className=\"text-center mx-auto\"\r\n                  style={{\r\n                    display: \"inline-block\",\r\n                    textAlign: \"center\",\r\n                    marginTop: -35,\r\n                  }}\r\n                />\r\n              </div>\r\n\r\n              <div className=\"text-center mt-2\">\r\n                <input\r\n                  ref={codeRef}\r\n                  onChange={(e) => setCode(e.target.value)}\r\n                  type=\"text\"\r\n                  className=\"py-2 px-2 text-center focus:outline-none focus:ring text-white\"\r\n                  placeholder=\"กรอกโค้ด\"\r\n                  style={{\r\n                    transition: \"all .15s ease\",\r\n                    background: \"#000000\",\r\n                    border: \"1px solid #074D9F\",\r\n                    boxSizing: \"border-box\",\r\n                    borderRadius: \"10px\",\r\n                    width: 230,\r\n                  }}\r\n                  onKeyUp={OnKeyUp}\r\n                />\r\n                {messageError()}\r\n                {/* {authStore.errMessage ? (\r\n                  <div className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white\">\r\n                    {authStore.errMessage}\r\n                  </div>\r\n                ) : null} */}\r\n              </div>\r\n              <div className=\"text-center mt-4\">\r\n                <button\r\n                  className=\"bg-orange-700 text-black active:bg-gray-700 text-sm font-bold uppercase px-2 py-2 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1\"\r\n                  type=\"button\"\r\n                  onClick={doLogin}\r\n                  style={{\r\n                    transition: \"all .15s ease\",\r\n                    width: 160,\r\n                    background:\r\n                      \"linear-gradient(92.64deg, #BD9128 0%, #D7B259 20.81%, #FBDF9E 49.73%, #DBB762 74.09%, #BD9128 97.44%)\",\r\n                    borderRadius: 10,\r\n                  }}\r\n                >\r\n                  เข้าสู่ระบบ\r\n                </button>\r\n                {/* <div className=\"text-white\">\r\n                  <button type=\"button\" className=\"underline text-white\">\r\n                    ขอโค้ดรวมสูตรลับ\r\n                  </button>\r\n                </div> */}\r\n              </div>\r\n            </div>\r\n\r\n            <div></div>\r\n          </div>\r\n          {/* /////////////////////// */}\r\n        </section>\r\n      </main>\r\n    </>\r\n  );\r\n});\r\n\r\nexport default Login;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOJSURBVHgB3VqNdeIwDBadgA0uG5QNmk5w3QA6QW+DchPQmyDcBL0NoBMAEyQ3Ad1AJxGlBEX5c5wQ7ntPD5LYsr7IcmzZE/AIRJzST0jyQBKQzEimIhk+SRL53ZN8kGwnk8knjAVMhOSFZIPdsCGZkwRwLXDjJCuSI/pHNCg5TD3zhsMgciE3aVOYGniinwguY0SD42QrvweSI8XL35wOrnsvOkKRWYW+hGRJOn6DTzTwTkzyKga76OeuvBA9ZVi56i9rcFdB5gE8ooZcjF1jTQhZDfDg8Ao9Qjzvl1gFIXel17QB0xiylL2jQ78WfTNwgNR9N2zZtbIF7UEhAgeot93+DZ/1rA2bVk0rLywPgSMwnW3k8QKOKPHYU10lqw/H2GEoxWLAOw8waIfFUdt3p+pxg4G69ziWyabY8QjpZDgDE7p4UV+kpK8vlB7+kicwIog9b+r2D8zFat5TulskpOAnjBBiV6Juf8XqiVSZl2DceFbXiyy2Mk+FqkDifQLpGWTfFi69xYTm/CcjNVd1lnAbWKvr0/B+h+cleB4fcBv4pa5D5sOeCtWD/dhGvDLIEL9Xtx+YlF46bOG2sFXXIZOa1RQaOw7qOmBSego0nlRVM+juN2NSgbp5gNuCdsK04KkB5nl+8gwCY1Cb3sHw4HnaHPqEXpyAZ5DKEG14I1bggMUM6zfwDLQXnl6IyRrrYn0FxqLLKZfQoPFeiBk9YccxpYfEe+gBFNBrKM6sGeuOxAqfJCaVqJu9eIrREzE9I9qf8uPafdAzfHZFLGaPv1uBxvD6LSkxpjMxTBNFtu1Y3DDrNaWcM6oTMaP+Jv9Q5+ZiGAhdiGFx5J7nH3IX1N+rEAZCCbHYoU6gC63aKPUNw8hdTflYlY+sQlbQDRJbORt4JObRbIMVOXd6tqz1Uq6w9tYRr7lbbqDk5UdVFazYinGAIb4J0M6lx7UvHosfY4bzrodPoL3r0ey7ZnTDahcPAOyyPyUK2M3W5rXTTmIXYPlOYtzaFvzf9nwbKGUsoUdgOmwfe3mpNcT4vtd8A6aLvrL2duirl2Dar1dYjhg7nAAT/Uv0dOKl7dmkBdhbqHlkZ5N4k+GU686n3YQ4G8eLUV5lh1C9MOW6z6TjD/QF6Y4RDgN/55GuTO4oZAK4FvB8AmyD3bDBdF3X2TOtYqoOYhAnQkI4n58NoHiGNttXSkDiz2e6+x88KVjy+QiQIgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgBzZiNcaMwEIXlmSuADqwS3MFxFcQdmFRgdwBXga8Dkgp8HZAOnA6UDrgO9qQgkmVZ/QCC5M0oDiA97SdAYrUTXygAyPXPgy7mV+qS2Utvtrzq8rzb7V7Fd5MOvtBFQZwa8Z2kA8pMUDBN7dROpC5H8ysSy3orLkhdal3Oupx0uTN1ZGwnFWlYiURyACgbdIbqXRiAU2wnFfBSkOCuMKNb4+BtnYLp/xzbgQsAqxIzxfiXTB0OoJzSCR2lM/DPrjknxQRB9xgNPJIDWJMWNb6j8xdyrdcVyKPg8S5JW0muH6YC2IFpbCnfPfWfGzG5MA2oFHQLVQhCoTY3BqCdAaBIm2s/d2Ozlhkx1105BTp01oXu5V4KYNTgIME1asiE3jXl6fRI6soAxGUGwDAGGD82ucOwxJU8HZ999SByTQgADL1tZfzImIYZY4pH2PlJQGBVRJ0RCLgXycGMFjK9Mh0XoeBsPe+dCIE4AMxyYN7h3AeRMQ3zmRAF8dlPBGk5AGaA7j+wmf5u/6dPPup/8eevWRf+ouODiNMLOc51eeYq6n5/2wGt0Gn8KJt84peJD3n1euM8DekV4nQXHpHRDOYFjjvycQdsHe/Ujc3o2uFT5QmKDkYupoEMAOz1inhKn5khrqF7R2gJggC/Io+CmiIY34VazBUTYB24vrhj4GcrKZYIBRoDQI9vUwKwnop4TPvS9ZhLcnxkAi4hMrNj/M27+QfGGqxfO5FI2rjQP/RRqcz0aa9L0U3dkmn+IoZTsgEzU3nO1H3Sno8itSAysYH4qduluHR1RYAK5qvRJXaR3QzAvDcH276GcYrcwmfmthdraQIAV+8ovloQmRs7AOL2kdYURObGMQDQJUbrPOsuJQbo3xMFK2ybbgGQk+tqdZCFAGeHZ7kZyEKA0DZMuTqIAyCUd7MA0L0DNdP2aTUQB0C9AMDnkR4E+K/OuQBZpFc6kJQAMzyXg6wBsCmIo5MmBUCgj2skSDbHnNtpmA0Q6Kti6jWheGiDegsAAtL6QKCbEO7R/UFgIzklAPI8zABpXWaSGD1EACRJEyNBaHx7lxlWHQBImg+EQGCcuzghGgoCfFK/SkLjADExmN1vhc6pkElIq2Zk4N817FWGTApHQ2P8U2wgSLH9CeNNZPO/FBsKxdDDNBCYSP4D/affZnKzEToAAAAASUVORK5CYII=\"","import { config } from 'config';\r\nimport React, { useEffect, useState } from 'react';\r\nimport Carousel from 'react-grid-carousel';\r\nimport CountUp from 'react-countup';\r\nimport imgComingsoon from '../assets/rocket/icon_comingsoon.png';\r\nimport imgMaintenance from '../assets/rocket/icon_maintenance.png';\r\n\r\nconst GameSlider = (props) => {\r\n  const items = props.items;\r\n  useEffect(() => {}, []);\r\n  const [showPlayButton, setShowPlayButton] = useState('');\r\n\r\n\r\n  const checkLink = (item, url, target = '_blank') => {\r\n    if (item.game_status === 'active' || item.game_status === 'open') {\r\n      setShowPlayButton(item.id);\r\n      const el = document.getElementById(`#game${item.id}`);\r\n      console.log(el);\r\n    } else {\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const clickPlay = (item, target = '_blank') =>\r\n    window.open(config.linkPlayGame, target);\r\n  const clickContact = (item, target = '_blank') =>\r\n    window.open(config.linkLine, target);\r\n\r\n  const styleFrame = {\r\n    position: 'relative',\r\n    width: 105,\r\n    marginBottom: 7,\r\n  };\r\n\r\n  const styleContent = {\r\n    paddingTop: 10,\r\n    width: 105,\r\n    height: 155,\r\n  };\r\n\r\n  const styleFilter = {\r\n    position: 'absolute',\r\n    textAlign: 'center',\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    backgroundColor: 'rgba(1,1,1,.9)',\r\n    zIndex: 5,\r\n    borderRadius: 10,\r\n  };\r\n\r\n  const stylePercent = {\r\n    color: '#01c1c4',\r\n    position: 'absolute',\r\n    bottom: '7%',\r\n    left: 0,\r\n    right: 0,\r\n    fontWeight: 'bold',\r\n  };\r\n\r\n  const carouselDot = ({ isActive }) => (\r\n    <span\r\n      style={{\r\n        display: 'inline-block',\r\n        height: isActive ? '20px' : '15px',\r\n        width: isActive ? '20px' : '15px',\r\n        background: isActive ? '#ffffff' : '#000000',\r\n        marginTop: 20,\r\n        borderRadius: 10,\r\n        border: 'solid 2px #ffffff',\r\n      }}\r\n    ></span>\r\n  );\r\n\r\n  const colorPercent = (item) => {\r\n    const point = item.percent;\r\n    if (point >= 90) {\r\n      return '#00ffff';\r\n    } else if (point >= 80) {\r\n      return '#ffe500';\r\n    } else {\r\n      return '#ff7171';\r\n    }\r\n  };\r\n  return (\r\n    <>\r\n      {items && items.length > 0 ? (\r\n        <Carousel\r\n          gap={5}\r\n          cols={3}\r\n          rows={3}\r\n          mobileBreakpoint={0}\r\n          showDots\r\n          dot={carouselDot}\r\n        >\r\n          {items\r\n            ? items.map((val, i) => (\r\n                <Carousel.Item key={i}>\r\n                  <div align='center' className='game-bg' style={styleFrame}>\r\n                    <div style={styleContent}>\r\n                      <div\r\n                        className='cursor-pointer'\r\n                        onClick={() => checkLink(val, config.linkPlayGame)}\r\n                        alt={val.name}\r\n                      >\r\n                        <img\r\n                          src={\r\n                            val.image_cover ? val.image_cover.thumbnail : null\r\n                          }\r\n                          style={{\r\n                            width: 80,\r\n                          }}\r\n                          alt={val.name}\r\n                        />\r\n                        <div\r\n                          className='text-white block'\r\n                          style={{\r\n                            fontSize: 11,\r\n                            lineHeight: '19px',\r\n                          }}\r\n                        >\r\n                          {val.name}\r\n                        </div>\r\n                        <div className='text-xl' style={stylePercent}>\r\n                          {val.percent && val.percent > 0 ? (\r\n                            <CountUp\r\n                              start={0}\r\n                              end={val.percent}\r\n                              duration={1.5}\r\n                              suffix='%'\r\n                              style={{\r\n                                color: colorPercent(val),\r\n                              }}\r\n                            />\r\n                          ) : (\r\n                            ''\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n\r\n                      {val.game_status === 'comingsoon' ? (\r\n                        <span\r\n                          className='cursor-pointer'\r\n                          style={styleFilter}\r\n                          onClick={() => setShowPlayButton('')}\r\n                        >\r\n                          <div className='text-white mt-5' align='center'>\r\n                            <img\r\n                              src={imgComingsoon}\r\n                              alt='comingsoon'\r\n                              style={{\r\n                                backgroundColor: 'rgba(1,1,1,.8)',\r\n                              }}\r\n                            />\r\n                            เร็ว ๆ นี้\r\n                          </div>\r\n                        </span>\r\n                      ) : null}\r\n\r\n                      {val.game_status === 'maintenance' ? (\r\n                        <span\r\n                          className='cursor-pointer'\r\n                          style={styleFilter}\r\n                          onClick={() => setShowPlayButton('')}\r\n                        >\r\n                          <div className='text-white mt-5' align='center'>\r\n                            <img\r\n                              src={imgMaintenance}\r\n                              alt='comingsoon'\r\n                              style={{\r\n                                backgroundColor: 'rgba(1,1,1,.8)',\r\n                              }}\r\n                            />\r\n                            ปิดปรับปรุง\r\n                          </div>\r\n                        </span>\r\n                      ) : null}\r\n                      {showPlayButton == val.id ? (\r\n                        <span\r\n                          id={'game' + val.id}\r\n                          align='center'\r\n                          style={styleFilter}\r\n                        >\r\n                          <div className='flex flex-col justify-items-center'>\r\n                            <div\r\n                              className='text-black rounded-lg'\r\n                              style={{\r\n                                background: 'rgb(255,255,255, 1)',\r\n                                fontWeight: 'bold',\r\n                                margin: 5,\r\n                                bottom: 0,\r\n                                top: 0,\r\n                                border: 'solid 2px #ffffff',\r\n                              }}\r\n                            >\r\n                              <div\r\n                                className='text-black  rounded-lg'\r\n                                style={{\r\n                                  background:\r\n                                    'radial-gradient(100% 100% at 45.84% 0%, #EFFFFF 0%, #A7FFFF 59.16%, #00FFFF 100%)',\r\n                                  border: 'inset 2px black',\r\n                                  height: 140,\r\n                                }}\r\n                              ></div>\r\n                              <a\r\n                                onClick={() => clickPlay(val)}\r\n                                alt='play'\r\n                                className='cursor-pointer'\r\n                                style={{\r\n                                  position: 'absolute',\r\n                                  zIndex: 15,\r\n                                  top: '15%',\r\n                                  left: 0,\r\n                                  right: 0,\r\n                                }}\r\n                              >\r\n                                <i className='fa fa-gamepad fa-4x'></i>\r\n                                <div\r\n                                  style={{\r\n                                    fontSize: '1.7em',\r\n                                    textShadow: '2px 2px #ffffff',\r\n                                  }}\r\n                                >\r\n                                  เข้าเกม\r\n                                </div>\r\n                              </a>\r\n\r\n                              {/* <div className=\"text-white mt-5\">\r\n                              <a\r\n                                className=\"cursor-pointer\"\r\n                                onClick={() => clickContact(val)}\r\n                                alt=\"contact admin\"\r\n                              >\r\n                                ติดต่อแอดมิน\r\n                              </a>\r\n                            </div> */}\r\n                            </div>\r\n                          </div>\r\n                        </span>\r\n                      ) : null}\r\n                    </div>\r\n                  </div>\r\n                </Carousel.Item>\r\n              ))\r\n            : null}\r\n        </Carousel>\r\n      ) : null}\r\n      <div></div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GameSlider;\r\n","import { parse } from 'date-fns';\r\nimport { observer } from 'mobx-react-lite';\r\nimport React, { useContext, useEffect, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useHistory } from 'react-router-dom';\r\nimport AuthStore from 'stores/AuthStore';\r\n\r\nconst Menu = observer((props) => {\r\n  const authStore = useContext(AuthStore);\r\n  const history = useHistory();\r\n  return (\r\n    <>\r\n      {authStore.isLoggedIn ? (\r\n        <div className='mx-2'>\r\n          <div\r\n            className='clear-both flex justify-center justify-items-center text-white'\r\n            style={{\r\n              maxWidth: 400,\r\n              background: '#002249',\r\n              borderRadius: 10,\r\n              textAlign: 'center',\r\n              margin: '0 auto',\r\n            }}\r\n          >\r\n            <div className='text-center' align='center'>\r\n              <button type='button' className='py-1 w-full block'>\r\n                <i className='fa fa-user-circle'></i>{' '}\r\n                {authStore.user ? authStore.user.name : ''}\r\n              </button>\r\n            </div>\r\n            <div>\r\n              <div\r\n                className='py-1'\r\n                style={{\r\n                  paddingLeft: 10,\r\n                  paddingRight: 10,\r\n                }}\r\n              >\r\n                |\r\n              </div>\r\n            </div>\r\n            <div\r\n              align='center'\r\n              className='text-center'\r\n              style={{\r\n                color:\r\n                  authStore.timeoutInMinutes <= 15 ? 'rgb(255,0,0)' : 'rgb(255,255,255)',\r\n              }}\r\n            >\r\n              <button type='button' className='py-1 w-full block'>\r\n                <i className='fa fa-clock'></i> {authStore.showTimeoutCountdown}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default Menu;\r\n","import { observer } from 'mobx-react-lite';\r\nimport React, { useContext } from 'react';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport AuthStore from 'stores/AuthStore';\r\nconst Navbar = observer((props) => {\r\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\r\n\r\n  const authStore = useContext(AuthStore);\r\n  const hist = useHistory();\r\n  const doLogout = () => {\r\n    setNavbarOpen(false);\r\n    console.log('click logout');\r\n    authStore.logout();\r\n    hist.push('/login');\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <nav\r\n        className={\r\n          (props.transparent\r\n            ? 'top-0 absolute z-50 w-full'\r\n            : 'relative shadow-lg bg-sky-900') +\r\n          ' flex flex-wrap items-center justify-between px-1 py-1 '\r\n        }\r\n      >\r\n        <div className='container px-4 mx-auto flex flex-wrap items-center justify-between'>\r\n          <div className='w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start'>\r\n            <Link\r\n              onClick={() => setNavbarOpen(false)}\r\n              className={\r\n                (props.transparent ? 'text-white' : 'text-gray-800') +\r\n                ' text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase'\r\n              }\r\n              to='/landing'\r\n            >\r\n              {/* <img src={Logo} alt=\"\" className=\"\" style={{ height: 32 }} /> */}\r\n            </Link>\r\n            <button\r\n              className='cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none'\r\n              type='button'\r\n              onClick={() => setNavbarOpen(!navbarOpen)}\r\n            >\r\n              <i\r\n                className={\r\n                  (props.transparent ? 'text-white' : 'text-gray-300') +\r\n                  ' fas fa-bars'\r\n                }\r\n              ></i>\r\n            </button>\r\n          </div>\r\n          <div\r\n            className={\r\n              'lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none' +\r\n              (navbarOpen ? ' block rounded' : ' hidden')\r\n            }\r\n            id='example-navbar-warning'\r\n          >\r\n            <ul className='flex flex-col lg:flex-row list-none mr-auto'>\r\n              {/* <li className=\"flex items-center\">\r\n                <Link\r\n                  className={\r\n                    (props.transparent\r\n                      ? \"lg:text-white lg:hover:text-gray-300 text-gray-800\"\r\n                      : \"text-gray-800 hover:text-gray-600\") +\r\n                    \" px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\r\n                  }\r\n                  to=\"/camps\"\r\n                >\r\n                  <i\r\n                    className={\r\n                      (props.transparent\r\n                        ? \"lg:text-gray-300 text-gray-500\"\r\n                        : \"text-gray-500\") +\r\n                      \" far fa-file-alt text-lg leading-lg mr-2\"\r\n                    }\r\n                  />{\" \"}\r\n                  ค่ายเกมส์\r\n                </Link>\r\n              </li> */}\r\n            </ul>\r\n\r\n            <ul className='flex flex-col lg:flex-row list-none lg:ml-auto'>\r\n              {authStore.isLoggedIn ? (\r\n                <>\r\n                  <Link\r\n                    onClick={() => setNavbarOpen(false)}\r\n                    className={\r\n                      (props.transparent\r\n                        ? 'lg:text-white lg:hover:text-gray-300 text-gray-800'\r\n                        : 'text-gray-800 hover:text-gray-600') +\r\n                      ' px-2 py-2 lg:py-2 flex items-center text-xs uppercase font-bold'\r\n                    }\r\n                    to='/camps'\r\n                  >\r\n                    <li className='flex items-center'>\r\n                      <i\r\n                        className={\r\n                          (props.transparent\r\n                            ? 'lg:text-gray-300 text-gray-500'\r\n                            : 'text-gray-500') +\r\n                          ' fa fa-gamepad text-lg leading-lg '\r\n                        }\r\n                      />\r\n                      <span className='inline-block ml-2'>\r\n                        ค่ายเกมส์\r\n                      </span>\r\n                    </li>{' '}\r\n                  </Link>\r\n                  <Link\r\n                    onClick={() => setNavbarOpen(false)}\r\n                    className={\r\n                      (props.transparent\r\n                        ? 'lg:text-white lg:hover:text-gray-300 text-gray-800'\r\n                        : 'text-gray-800 hover:text-gray-600') +\r\n                      ' px-2 py-2 lg:py-2 flex items-center text-xs uppercase font-bold'\r\n                    }\r\n                    to='#'\r\n                  >\r\n                    <li className='flex items-center'>\r\n                      <i\r\n                        className={\r\n                          (props.transparent\r\n                            ? 'lg:text-gray-300 text-gray-500'\r\n                            : 'text-gray-500') +\r\n                          ' fa fa-clock text-lg leading-lg '\r\n                        }\r\n                      />\r\n                      <span className='inline-block ml-2'>\r\n                        BONUS TIME\r\n                      </span>\r\n                    </li>\r\n                  </Link>\r\n                  <Link\r\n                    onClick={() => setNavbarOpen(false)}\r\n                    className={\r\n                      (props.transparent\r\n                        ? 'lg:text-white lg:hover:text-gray-300 text-gray-800'\r\n                        : 'text-gray-800 hover:text-gray-600') +\r\n                      ' px-2 py-2 lg:py-2 flex items-center text-xs uppercase font-bold'\r\n                    }\r\n                    to='#'\r\n                  >\r\n                    <li className='flex items-center'>\r\n                      <i\r\n                        className={\r\n                          (props.transparent\r\n                            ? 'lg:text-gray-300 text-gray-500'\r\n                            : 'text-gray-500') +\r\n                          ' fa fa-rss-square text-lg leading-lg '\r\n                        }\r\n                      />\r\n                      <span className=' inline-block ml-2'>\r\n                        ข่าวสาร\r\n                      </span>\r\n                    </li>{' '}\r\n                  </Link>\r\n                  <li className='flex items-center'>\r\n                    <button\r\n                      onClick={doLogout}\r\n                      className={\r\n                        (props.transparent\r\n                          ? 'btn-sm bg-gray-500 text-white active:bg-gray-100'\r\n                          : 'btn-sm bg-gray-500 text-white active:bg-pink-600') +\r\n                        ' text-xs font-bold uppercase px-4 py-2 rounded-lg  hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3'\r\n                      }\r\n                      type='button'\r\n                      style={{ transition: 'all .15s ease' }}\r\n                    >\r\n                      <i className='fa fa-lock mr-1'></i> ออกจากระบบ\r\n                    </button>\r\n                  </li>\r\n                </>\r\n              ) : null}\r\n\r\n              {!authStore.isLoggedIn ? (\r\n                <>\r\n                  <li className='flex items-center'>\r\n                    <Link\r\n                      onClick={() => setNavbarOpen(false)}\r\n                      className={\r\n                        (props.transparent\r\n                          ? 'bg-gray-500 text-white active:bg-gray-100'\r\n                          : 'bg-gray-500 text-white active:bg-pink-600') +\r\n                        ' text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3'\r\n                      }\r\n                      type='button'\r\n                      style={{ transition: 'all .15s ease' }}\r\n                      to='/login'\r\n                    >\r\n                      <i className='fas fa-key'></i> เข้าสู่ระบบ\r\n                    </Link>\r\n                  </li>\r\n                </>\r\n              ) : null}\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n\r\n      {!authStore.isLoggedIn ? (\r\n        <></>\r\n      ) : (\r\n        <>\r\n          {/* <span className=\"m-1\">\r\n            {authStore.user ? \"สวัสดี: \" + authStore.user.name : \"\"}\r\n          </span>\r\n          <button\r\n            className={\r\n              (props.transparent\r\n                ? \"bg-white text-gray-800 active:bg-gray-100\"\r\n                : \"bg-red-500 text-white active:bg-pink-600\") +\r\n              \" text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3\"\r\n            }\r\n            type=\"button\"\r\n            style={{ transition: \"all .15s ease\" }}\r\n            onClick={doLogout}\r\n          >\r\n            <i className=\"fas fa-lock\"></i> ออกจากระบบ\r\n          </button> */}\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default Navbar;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Link, useParams, useLocation, useHistory } from \"react-router-dom\";\r\n\r\nimport { http } from \"helpers/http\";\r\nimport GameSlider from \"components/GameSlider\";\r\nimport GameSwiper from \"components/game-swiper/GameSwiper\";\r\nimport Menu from \"components/Menu\";\r\nimport Footer from \"components/Footer\";\r\nimport Navbar from \"components/Navbar\";\r\n\r\nexport default function Games() {\r\n  const [items, setItems] = useState([]);\r\n  const { campId } = useParams();\r\n\r\n  async function loadData() {\r\n    const { data } = await http.get(\"/play/game\");\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  async function loadGamesByCampId(id) {\r\n    const { data } = await http.get(`/play/camp/${id}/games`);\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (campId) {\r\n      loadGamesByCampId(campId);\r\n    } else {\r\n      loadData();\r\n    }\r\n  }, [campId]);\r\n\r\n  async function loadBonusTimeByCampId(id) {\r\n    const { data } = await http.get(`/play/camp/${id}/bonustimes`);\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <main className=\"container mx-auto\">\r\n        <div className=\"\">\r\n          <Navbar transparent />\r\n          <Menu />\r\n          <div className=\"flex justify-center justify-items-center mt-2\">\r\n            <div className=\"flex-none\">\r\n              <Link to=\"/camps\">\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"px-3 py-1 bg-white text-gray-900 rounded-full border-solid border-1 border-black\"\r\n                >\r\n                  เกมส์ทั้งหมด\r\n                </button>\r\n              </Link>\r\n            </div>\r\n            <div className=\"flex-none\">\r\n              <button\r\n                onClick={() => loadBonusTimeByCampId(campId)}\r\n                type=\"button\"\r\n                className=\" ml-2 px-3 py-1 bg-gray-500 text-black rounded-full border-solid border-1 border-black\"\r\n              >\r\n                กิจกรรมเร็ว ๆ นี้\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <section className=\"pt-3\">\r\n          <div align=\"center\" className=\"mt-1\">\r\n            {/* {items && items.length > 0 ? <GameSwiper items={items} /> : null} */}\r\n            {items && items.length > 0 ? <GameSlider items={items} /> : null}\r\n          </div>\r\n        </section>\r\n        <Footer />\r\n      </main>\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport Carousel from \"react-grid-carousel\";\r\nimport { Link } from \"react-router-dom\";\r\nconst CampSlider = (props) => {\r\n  const items = props.items;\r\n  useEffect(() => {}, []);\r\n\r\n  const carouselDot = ({ isActive }) => (\r\n    <span\r\n      style={{\r\n        display: \"inline-block\",\r\n        height: isActive ? \"20px\" : \"15px\",\r\n        width: isActive ? \"20px\" : \"15px\",\r\n        background: isActive ? \"#ffffff\" : \"#000000\",\r\n        marginTop: 20,\r\n        borderRadius: 10,\r\n        border: \"solid 2px #ffffff\",\r\n      }}\r\n    ></span>\r\n  );\r\n  return (\r\n    <>\r\n      <div className=\"\" style={{\r\n        display:'block'\r\n      }}>\r\n        {items && items.length > 0 ? (\r\n          <Carousel\r\n            cols={3}\r\n            rows={3}\r\n            gap={10}\r\n            mobileBreakpoint={0}\r\n            showDots\r\n            loop\r\n            dot={carouselDot}\r\n          >\r\n            {items.map((val, i) => (\r\n              <Carousel.Item key={i}>\r\n                <div align=\"center\">\r\n                  <Link to={\"/camps/\" + val.id + \"/games\"}>\r\n                    {/* <Link to={\"/bonustime\"}> */}\r\n                    <img\r\n                      src={val.image_cover ? val.image_cover.thumbnail : null}\r\n                      alt={val.name}\r\n                      style={{ width: 100 }}\r\n                    />\r\n                    <div>{/* <span>{val.name}</span> */}</div>\r\n                  </Link>\r\n                </div>\r\n              </Carousel.Item>\r\n            ))}\r\n          </Carousel>\r\n        ) : null}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CampSlider;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport Navbar from \"components/Navbar.js\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport AuthStore from \"stores/AuthStore\";\r\nimport { http } from \"helpers/http\";\r\nimport CampSlider from \"components/CampSlider\";\r\nimport Footer from \"components/Footer\";\r\nimport Menu from \"components/Menu\";\r\n\r\nconst Camps = observer((props) => {\r\n  const authStore = useContext(AuthStore);\r\n  const [items, setItems] = useState([]);\r\n\r\n  async function loadCamps() {\r\n    const { data } = await http.get(\"/play/camp\");\r\n    if (data.data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    loadCamps();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <main className=\"md:container md:mx-auto\">\r\n        <div className=\"\">\r\n          <Navbar transparent />\r\n          <Menu />\r\n        </div>\r\n        <section\r\n          className=\"pt-3\"\r\n          style={{\r\n            display: \"block\",\r\n            clear: \"both\",\r\n          }}\r\n        >\r\n          {items ? <CampSlider items={items} /> : null}\r\n        </section>\r\n        <Footer />\r\n      </main>\r\n    </>\r\n  );\r\n});\r\n\r\nexport default Camps;\r\n","import { http } from \"helpers/http\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport { Link, useHistory, useLocation, useParams } from \"react-router-dom\";\r\nimport GameSlider from \"components/GameSlider\";\r\nimport Footer from \"components/Footer\";\r\nimport AuthStore from \"stores/AuthStore\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport Menu from \"components/Menu\";\r\nimport Navbar from \"components/Navbar\";\r\n\r\nconst BonusTime = observer((props) => {\r\n  const [items, setItems] = useState([]);\r\n  const { campId } = useParams();\r\n  const authStore = useContext(AuthStore);\r\n\r\n  async function loadData() {\r\n    const { data } = await http.get(\"/play/game\");\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  async function loadGamesByCampId(id) {\r\n    const { data } = await http.get(`/play/camp/${id}/games`);\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n  async function loadBonusTimeByCampId(id) {\r\n    const { data } = await http.get(`/play/camp/${id}/bonustimes`);\r\n    if (data) {\r\n      setItems(data.data);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (campId) {\r\n      loadGamesByCampId(campId);\r\n    } else {\r\n      loadData();\r\n    }\r\n  }, [campId]);\r\n\r\n  return (\r\n    <>\r\n      <main className=\"container mx-auto\">\r\n        <div className=\"\">\r\n          <Navbar transparent />\r\n          <Menu />\r\n          <div className=\"flex justify-center justify-items-center mt-2\">\r\n            <div className=\"flex-none\">\r\n              <Link to=\"/camps\">\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"px-3 py-1 bg-white text-gray-900 rounded-full border-solid border-1 border-black\"\r\n                >\r\n                  เกมส์ทั้งหมด\r\n                </button>\r\n              </Link>\r\n            </div>\r\n            <div className=\"flex-none\">\r\n              <button\r\n                onClick={() => loadBonusTimeByCampId(campId)}\r\n                type=\"button\"\r\n                className=\" ml-2 px-3 py-1 bg-gray-500 text-black rounded-full border-solid border-1 border-black\"\r\n              >\r\n                กิจกรรมเร็ว ๆ นี้\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <section className=\"pt-3\">\r\n          <div align=\"center\" className=\"mt-1\">\r\n            {items && items.length > 0 ? <GameSlider items={items} /> : null}\r\n          </div>\r\n        </section>\r\n        <Footer />\r\n      </main>\r\n    </>\r\n  );\r\n});\r\nexport default BonusTime;\r\n","import Footer from \"components/Footer\";\r\nimport Navbar from \"components/Navbar\";\r\n\r\nconst NotFound = (props) => {\r\n  return (\r\n    <>\r\n    <Navbar/>\r\n    <main className=\"p-3\">\r\n    <h1>Error: 404</h1>\r\n    <p>ไม่พบหน้า</p>\r\n    </main>\r\n    <Footer/>\r\n    </>\r\n  )\r\n};\r\n\r\nexport default NotFound;\r\n","import React from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nconst logoTextImag = require(\"assets/rocket/rocket_text.png\").default;\r\nconst Logo = (props) => {\r\n  const history = useHistory();\r\n  return (\r\n    <>\r\n      <div className=\"md:container md:mx-auto mt-1 mb-2\">\r\n        <div\r\n          className=\"grid grid-cols-1 items-center text-xl\"\r\n          style={{ width: \"100%\" }}\r\n        >\r\n          <div>\r\n            <div className=\"\" align=\"center\">\r\n              <Link to=\"/\">\r\n                <img src={logoTextImag} alt=\"\" style={{\r\n                  height: 60\r\n                }} />\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n","export default __webpack_public_path__ + \"static/media/rocket_v9 _18.7e4255e9.mp3\";","import React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport bgSound from './../assets/sound/rocket_v9 _18.mp3';\r\nimport Sound from 'react-sound';\r\n\r\n\r\nconst PlaySound = (props) => {\r\n  const [playStatus, setPlayStatus] = useState(false);\r\n  const [volume, setVolume] = useState(10);\r\n\r\n\r\n  useEffect(() => {\r\n    document.addEventListener('click', () => {\r\n      console.log('click')\r\n      setPlayStatus(true);\r\n    });\r\n    document.addEventListener('dblclick', () => {\r\n     \r\n    });\r\n  }, []);\r\n  return (\r\n    <>\r\n      <Sound\r\n        url={bgSound}\r\n        playStatus={playStatus ? Sound.status.PLAYING : Sound.status.PAUSED}\r\n        loop={true}\r\n        volume={volume}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PlaySound;\r\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';\r\n\r\nimport '@fortawesome/fontawesome-free/css/all.min.css';\r\nimport { observer } from 'mobx-react-lite';\r\n\r\nimport Login from 'views/Login.js';\r\nimport Games from 'views/Games.js';\r\nimport Camps from 'views/Camps.js';\r\nimport BonusTime from 'views/BonusTime';\r\nimport AuthStore from 'stores/AuthStore';\r\nimport NotFound from 'views/NotFound';\r\nimport Logo from 'components/Logo';\r\nimport PlaySound from 'components/PlaySound';\r\n\r\n\r\nimport { config } from 'config';\r\n\r\nimport './assets/styles/main.css';\r\nimport './assets/styles/app.scss';\r\nimport { http } from 'helpers/http';\r\n\r\nimport { disableViewCode } from 'helpers/disable';\r\nimport { disableRightClick } from 'helpers/disable';\r\nimport bgSound from './assets/sound/rocket_v9 _18.mp3';\r\nconst PrivateRoute = observer(({ component: Component, role, ...rest }) => {\r\n  const auth = useContext(AuthStore);\r\n  return (\r\n    <>\r\n      <Route\r\n        {...rest}\r\n        render={(props) =>\r\n          auth.isLoggedIn ? (\r\n            <Component {...props} />\r\n          ) : (\r\n            <Redirect\r\n              to={{\r\n                pathname: '/login',\r\n                state: { from: props.location },\r\n              }}\r\n            />\r\n          )\r\n        }\r\n      />\r\n    </>\r\n  );\r\n});\r\n\r\nconst App = observer((props) => {\r\n  const authStore = useContext(AuthStore);\r\n  const [isMouseEnter, setIsMouseEnter] = useState(false);\r\n\r\n\r\n  const checkTimeout = () => {\r\n    setTimeout(() => {\r\n      http\r\n        .post('/play/activate', {\r\n          code: authStore.token,\r\n        })\r\n        .then(({ data }) => {\r\n          if (data) {\r\n            const token = data.data.code;\r\n            const user = data.data.user;\r\n            this.setToken(token, data.data.timeout_at);\r\n            this.setUser({\r\n              name: user,\r\n            });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          if (err.response) {\r\n            if (err.response.status === 403) {\r\n              authStore.logout();\r\n            }\r\n          }\r\n        });\r\n    }, 3000);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (authStore.isLoggedIn) {\r\n      checkTimeout();\r\n      setInterval(() => {\r\n        checkTimeout();\r\n      }, 300000);\r\n    }\r\n\r\n    if (process.env.NODE_ENV === '' || process.env.NODE_ENV === 'production') {\r\n      disableViewCode();\r\n      disableRightClick();\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    setIsMouseEnter(true);\r\n  });\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        style={{\r\n          padding: 0,\r\n          margin: 0,\r\n          height: '100%',\r\n        }}\r\n        onMouseEnter={() => {}}\r\n      >\r\n        <BrowserRouter basename={config.basePath} hashType='hashbang'>\r\n          <div className='main-container'>\r\n            <div className='main content'>\r\n              {/* <UifxSound/> */}\r\n           \r\n              {authStore.isLoggedIn ? (\r\n                <>\r\n                  <Logo backTo='/camps' />\r\n                </>\r\n              ) : null}\r\n              <div>\r\n                <Switch>\r\n                  <PrivateRoute exact path='/' component={Camps} />\r\n                  <Route path='/login' component={Login} />\r\n                  <PrivateRoute path='/landing' component={Camps} />\r\n                  <PrivateRoute path='/camps/:campId/games' component={Games} />\r\n                  <PrivateRoute path='/camps' component={Camps} />\r\n                  <PrivateRoute path='/games' component={Games} />\r\n                  <PrivateRoute path='/bonustime' component={BonusTime} />\r\n                  <Route path='*' component={NotFound} />\r\n                </Switch>\r\n              </div>\r\n              <PlaySound/>\r\n            </div>\r\n          </div>\r\n        </BrowserRouter>\r\n      </div>\r\n    </>\r\n  );\r\n});\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n","/**\r\n * disable keyboard and mouse helper\r\n *\r\n */\r\n\r\nexport const disableViewCode = (e) => {\r\n  window.addEventListener('keydown', (e) => {\r\n    if (e.keyCode === 123) {\r\n      // console.log('not alllowd: F-12');\r\n      // alert('not alllowd: F-12');\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n    if (e.ctrlKey && e.shiftKey && e.keyCode === 73) {\r\n      // alert('not alllowd   CTRL + Ship+ I', e.ctrlKey);\r\n      // console.log('not alllowd: CTRL + Ship+ I ');\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n    if (e.ctrlKey && e.which === 85) {\r\n      // alert('not alllowd: CTRL + U', e.ctrlKey);\r\n      // console.log('not alllowd: CTRL + U ');\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n  });\r\n};\r\n\r\nexport const disableRightClick = () => {\r\n  window.addEventListener(`contextmenu`, (e) => e.preventDefault());\r\n};\r\n","export default __webpack_public_path__ + \"static/media/rocket_text.7e7484d6.png\";","export default __webpack_public_path__ + \"static/media/rocket_cartoon.335a1d91.png\";"],"sourceRoot":""}