\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nclass CampaignFooter extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n It's sad to see you go.
\r\n\r\n
\r\n Please SMS STOP FUN to 20000
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Footer;\r\nexport { CampaignFooter };\r\n","import React, { Component } from \"react\";\r\nimport Header, { CampaignHeader } from \"./Header\";\r\nimport Footer, { CampaignFooter } from \"./Footer\";\r\n\r\nclass Layout extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass CampaignLayout extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Layout;\r\nexport { CampaignLayout };\r\n","import React, { Component } from \"react\";\r\nimport Layout from \"./Layout\";\r\nimport subApi, { gamesApi } from \"../api/apiUrl\";\r\n\r\nclass GameDetail extends Component {\r\n state = { game: \"\", isSubscribed: false };\r\n componentDidMount() {\r\n gamesApi\r\n .get(\"/gamedetail\", {\r\n params: {\r\n id: this.props.match.params.GameID\r\n }\r\n })\r\n .then(response => this.setState({ game: response.data }));\r\n\r\n subApi\r\n .get(\"/api/checkSubscription\", {\r\n params: {\r\n //msisdn: this.state.msisdn\r\n msisdn: localStorage.getItem(\"msisdn\")\r\n }\r\n })\r\n .then(response => this.setState({ isSubscribed: response.data.result }));\r\n //.then(response => console.log(response.data.result));\r\n }\r\n\r\n renderContent() {\r\n if (this.state.isSubscribed) {\r\n return (\r\n \r\n
\r\n );\r\n } else if (!this.state.isSubscribed) {\r\n return (\r\n \r\n \r\n Play\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n Subscribe\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default GameDetail;\r\n","import React, { Component } from \"react\";\r\nimport { CampaignLayout } from \"../components/Layout\";\r\nimport * as QueryString from \"query-string\";\r\nimport Background from \"../images/background.jpg\";\r\nimport TagManager from \"react-gtm-module\";\r\nimport api from \"../api/apiUrl\";\r\nimport axios from \"axios\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nclass GamesOn extends Component {\r\n state = { txid: \"\", msisdn: \"111111\", path: \"\" };\r\n componentDidMount() {\r\n //load empello script\r\n const script = document.createElement(\"script\");\r\n script.src = \"//antifraud.empello.net/azeyihnj/owzrsdtv-live.js\";\r\n document.body.appendChild(script);\r\n\r\n const tagManagerArgs = {\r\n gtmId: \"GTM-5WJ954P\",\r\n };\r\n TagManager.initialize(tagManagerArgs);\r\n const params = QueryString.parse(this.props.location.search);\r\n this.setState({ txid: params.txid });\r\n \r\n api\r\n .get(\"/campaign/AddCampaignDetails\", {\r\n params: {\r\n msisdn: this.state.msisdn,\r\n txid: params.txid,\r\n affid: params.affid,\r\n pageid: params.pageid,\r\n pubid: params.pubid,\r\n },\r\n })\r\n .then((response) => {\r\n console.log(response);\r\n });\r\n }\r\n\r\n empelloTokenValidation = async (token) => {\r\n const IP = await axios.get(\"https://api.ipify.org?format=json\");\r\n var bodyFormData = new FormData();\r\n bodyFormData.append(\"api_key\", \"CLpPLuETtkGk7uFP\");\r\n bodyFormData.append(\"timestamp\", new Date().toISOString());\r\n bodyFormData.append(\"user_ip\", IP.data.ip);\r\n //bodyFormData.append(\"user_ip\", \"210.5.41.101\");\r\n bodyFormData.append(\"user_agent\", window.navigator.userAgent);\r\n bodyFormData.append(\"token\", token);\r\n\r\n const result = await axios({\r\n method: \"post\",\r\n url: \"https://antifraud.empello.net/api/v1/token/validate/\",\r\n data: bodyFormData,\r\n headers: { \"Content-Type\": \"multipart/form-data\" },\r\n });\r\n console.log(result);\r\n if (result.data.is_valid) this.subscribeHandler();\r\n else this.setState({ path: \"/Error\" });\r\n };\r\n\r\n getEmpelloToken = async () => {\r\n window.Empello.getToken(async (token) => {\r\n await this.empelloTokenValidation(token);\r\n });\r\n };\r\n\r\n subscribeHandler = async () => {\r\n await axios\r\n .head(\"/\", { params: {} })\r\n .then((response) => this.setState({ msisdn: response.headers.msisdn }));\r\n try {\r\n //Subscribe\r\n const res = await api.get(\"/subscribe\", {\r\n params: {\r\n msisdn: this.state.msisdn,\r\n },\r\n });\r\n\r\n if (res.data.response === 100 || res.data.response === 400) {\r\n //CM\r\n api.get(\"/FirebackCM\", {\r\n param: {\r\n msisdn: this.state.msisdn,\r\n txid: this.state.txid,\r\n },\r\n });\r\n\r\n //Check response\r\n this.setState({ path: \"/SubscriptionSuccessful\" });\r\n } else if (res.data.response === 116)\r\n this.setState({ path: \"/InsufficientBalance\" });\r\n else if (res.data.response === 300)\r\n this.setState({ path: \"/AlreadySubscribed\" });\r\n else this.setState({ path: \"/Error\" });\r\n } catch (err) {\r\n this.setState({ path: \"/Error\" });\r\n }\r\n };\r\n\r\n render() {\r\n if (this.state.path !== \"\") return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.state.game.GameTitle}\r\n \r\n \r\n {this.state.game.CategoryName}\r\n \r\n \r\n
\r\n {this.renderContent()}\r\n\r\n
\r\n \r\n
\r\n Description
\r\n\r\n {this.state.game.GameDescription}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n No Ads, No Downloads
\r\n \r\n Play Now\r\n \r\n
\r\n \r\n No Ads, No Downloads
Just Awesome Games\r\n
\r\n \r\n What are you waiting for?\r\n
\r\n\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n Subscribe\r\n \r\n
\r\n );\r\n }\r\n }\r\n }\r\n\r\n renderButton() {\r\n if (!this.state.isTacCorrect) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {\r\n const re = /^[0-9\\b]+$/;\r\n if (e.target.value === \"\" || re.test(e.target.value)) {\r\n this.setState({ enteredTac: e.target.value });\r\n if (\r\n e.target.value.length === 6 &&\r\n e.target.value.toString() === this.state.tac.toString()\r\n ) {\r\n this.setState({ success: \"ok\" });\r\n this.setState({ isTacCorrect: true });\r\n } else {\r\n this.setState({ success: \"err\" });\r\n this.setState({ isTacCorrect: false });\r\n }\r\n }\r\n }}\r\n />\r\n
\r\n {this.loadImage()}
\r\n \r\n );\r\n }\r\n }\r\n\r\n loadImage() {\r\n if (this.state.success === \"ok\")\r\n return (\r\n \r\n \r\n
\r\n );\r\n else if (this.state.success === \"err\")\r\n return (\r\n \r\n \r\n \r\n {/* Modal */}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Banner;\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class NewGames extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class Games extends Component {\r\n gamesList() {\r\n return this.props.games.map(game => {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n New Games
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Groovy Ski\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Basketball Master\r\n
\r\n Physics\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Cheese Lab\r\n
\r\n Puzzle\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Groovy Ski\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Basketball Master\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Cheese Lab\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Groovy Ski\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Basketball Master\r\n
\r\n Arcade\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Cheese Lab\r\n
\r\n Arcade\r\n\r\n
\r\n );\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {game.GameTitle}\r\n
\r\n {this.props.category}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {category.CategoryName}
\r\n\r\n \r\n See More\r\n \r\n
\r\n {this.gameCategoryList()}
;\r\n }\r\n}\r\n","import React, { Component } from \"react\";\nimport Layout from \"./components/Layout\";\nimport Banner from \"./components/Banner\";\nimport NewGames from \"./components/NewGames\";\nimport GameCategories from \"./components/GameCategories\";\nimport { gamesApi } from \"./api/apiUrl\";\nimport { gameCatApi } from \"./api/apiUrl\";\n\nclass App extends Component {\n state = { games: [] };\n\n componentDidMount() {\n gameCatApi.get(\"/GameCategories.json\").then(\n response => this.setState({ games: response.data })\n //console.log(response)\n );\n }\n\n render() {\n return (\n \n \n \n \n \n
\n );\n }\n}\n\nexport default App;\n","import React, { Component } from \"react\";\r\nimport Layout from \"../components/Layout\";\r\n\r\nclass InsufficientBalance extends Component {\r\n render() {\r\n return (\r\n \n
\n {/* \n \n View All Games\n \n
*/}\n \n View All Games\n
\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default InsufficientBalance;\r\n","import React, { Component } from \"react\";\r\nimport Layout from \"../components/Layout\";\r\n\r\nclass AlreadySubscribed extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n Opps!
\r\n\r\n You don’t have sufficient balance.
\r\n Please reload your credit to enjoy our services to\r\n play unlimited games.\r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AlreadySubscribed;\r\n","import React, { Component } from \"react\";\r\nimport Layout from \"../components/Layout\";\r\n\r\nclass SubscriptionSuccessful extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n Yippy!
\r\n\r\n It seems that you are already subscribed.
\r\n Please try to login and enjoy playing.s\r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SubscriptionSuccessful;\r\n","import React, { Component } from \"react\";\r\nimport Layout from \"../components/Layout\";\r\n\r\nclass Error extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n Yayyy!
\r\n\r\n You have subscribed successfully.
\r\n Enjoy our services to play unlimited games.\r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Error;\r\n","import React, { Component } from \"react\";\r\nimport { gamesApi } from \"../api/apiUrl\";\r\nimport Layout from \"./Layout\";\r\n\r\nexport default class Category extends Component {\r\n state = { category: [], key: Math.random() };\r\n componentDidMount() {\r\n console.log(this.props);\r\n gamesApi\r\n .get(\"/GetGamesBycategory\", {\r\n params: {\r\n category: this.props.match.params.category\r\n }\r\n })\r\n .then(response => this.setState({ category: response.data }));\r\n }\r\n gameList() {\r\n return this.state.category.map(category => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {category.GameTitle}r\r\n \r\n
\r\n\r\n {category.CategoryName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.category.CategoryName}\r\n
\r\n {this.gameList()}
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n Frequently Asked Questions
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n What is HTML5 Games by XOX MOBILE?\r\n \r\n
\r\n\r\n \r\n HTML5 is one stop portal that is dedicated\r\n especially for XOX MOBILE Subscriber.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n How\r\n do I play the games?\r\n \r\n
\r\n \r\n User need to be subscribed to the portal first\r\n before they are able to play to the games.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n What are the phones compatible to play the games?\r\n \r\n
\r\n \r\n It can be play on any mobile device with minimum OS\r\n such as iOS devices version 3.0+ or Android devices\r\n version 2.0+\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n How many games I can play?\r\n \r\n
\r\n \r\n You may play as many games as there is available in\r\n the portal.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Is the data usage charges?\r\n \r\n
\r\n \r\n Yes, data will be charged based on usage.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n What are the sizes for each game?\r\n \r\n
\r\n \r\n Varies from 2MB to 10MB.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n How do I terminate the subscription?\r\n \r\n
\r\n \r\n You need to send STOP FUN to 20000.\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n XOX FUN TERMS OF SERVICE
\r\n\r\n HTML5 Games by XOX MOBILE is maintained by Forest\r\n Interactive Sdn Bhd. All the HTML5 Games from the mobile\r\n interface (www.xoxfun.com) are subject to these\r\n Term of Use.\r\n
\r\n- \r\n
- \r\n XOX HTML5 Games from XOX MOBILE allow you to play\r\n games on your preferred device choice that is compatible\r\n for the games to be played on such as Mobile or Tablet.{\" \"}\r\n \r\n
- \r\n Payment and Service Access. You can subscribe to\r\n the service through portal by clicking the subscribe\r\n button and will receive SMS notification which will be\r\n sent to registered number. Or user can subscribe by\r\n sending ON FUN to 20000.{\" \"}\r\n \r\n
- \r\n Price and payment is expressly stated that cost\r\n of connection to the service supported by the user,\r\n which include the content downloaded by users. This\r\n shall remain at the responsibility of the User.{\" \"}\r\n \r\n
- \r\n Rules for use of the service principles governing\r\n the use of service which exclusively reserved for a\r\n reasonable, non-commercial use.{\" \"}\r\n \r\n
- \r\n Responsibilities. You understand the\r\n characteristic and limitations of electronic\r\n communications networks, including the technical\r\n performance, response, querying, transferring data and\r\n risk to information security.{\" \"}\r\n \r\n
- \r\n Termination of service subscription, user need to\r\n send STOP FUN to 20000.{\" \"}\r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n }\r\n render() {\r\n if (this.props.location.state.games.length < 1) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n No games found. Please search again. \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.games.CategoryName}\r\n
\r\n {/* \r\n Showing 12 from 96 Games\r\n
*/}\r\n {this.gameList()}
\r\n \r\n //
\r\n \r\n //
\r\n // \r\n //
\r\n // \r\n // \r\n // ![]({require(\"../images/mini.png\")})
\r\n // \r\n //
\r\n // \r\n // \r\n\r\n //
\r\n // \r\n // No Ads, No In-App purchases\r\n //
\r\n //\r\n // No Tricks. Just Fun
\r\n //
\r\n // \r\n //
\r\n // \r\n\r\n //
\r\n //
Terms & Conditions
\r\n // \r\n //
\r\n // - \r\n //
\r\n // This is a mobile content subscription service. This service is applicable for XOX Mobile users only. You will subscribe to XOXFun for RM 3/week. Portal can be viewed on any mobile device with minimum OS such as iOS devices version 3.0+ or Android devices version 2.0. To unsubscribe from XOXFun, text STOP FUN to 20000. \r\n //
\r\n // \r\n //
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Continue\r\n \r\n
\r\n \r\n No Ads, No In-App purchases\r\n
\r\n \r\n
Terms & Conditions
\r\n
\r\n
\r\n - \r\n
\r\n This is a mobile content subscription service. This service is applicable for XOX Mobile users only. You will subscribe to XOXFun for RM 3/week. Portal can be viewed on any mobile device with minimum OS such as iOS devices version 3.0+ or Android devices version 2.0. To unsubscribe from XOXFun, text STOP FUN to 20000. \r\n
\r\n \r\n
\r\n //
\r\n \r\n //
\r\n // \r\n //
\r\n // \r\n // ![]({require(\"../images/BestGames.png\")})
\r\n //
\r\n\r\n // JOIN NOW\r\n\r\n\r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n // Terms & Conditions
\r\n //- \r\n //
\r\n // This is a mobile content subscription service. This service is applicable for XOX Mobile users only. You will subscribe to XOXFun for RM 3/week. Portal can be viewed on any mobile device with minimum OS such as iOS devices version 3.0+ or Android devices version 2.0. To unsubscribe from XOXFun, text STOP FUN to 20000. \r\n //
\r\n // \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Join Now\r\n \r\n
\r\n
Terms & Conditions
\r\n
\r\n
\r\n - \r\n
\r\n This is a mobile content subscription service. This service is applicable for XOX Mobile users only. You will subscribe to XOXFun for RM 3/week. Portal can be viewed on any mobile device with minimum OS such as iOS devices version 3.0+ or Android devices version 2.0. To unsubscribe from XOXFun, text STOP FUN to 20000. \r\n
\r\n \r\n
\r\n
\r\n );\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {category.GameTitle}r\r\n \r\n
\r\n\r\n {category.CategoryName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.category.CategoryName}\r\n
\r\n {/* \r\n Showing 12 from 96 Games\r\n
*/}\r\n {this.gameList()}
\r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Routes;\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nimport Routes from \"./Routes\";\nReactDOM.render(