{"version":3,"sources":["components/home/Translate.js","utils/scroll.js","components/ScrollToNext/ScrollToNext.js","components/home/SectionFour.js","components/home/SectionOne.js","components/home/SectionTwo.js","components/home/SectionThree.js","components/Commission/Commission.js","components/home/SectionFive.js","pages/HomePage.js"],"names":["__webpack_require__","d","__webpack_exports__","messages","react_intl__WEBPACK_IMPORTED_MODULE_0__","defineMessages","WhyJoin","id","defaultMessage","HowToJoin","AboutUs","Commission","Username","Password","RememberMe","ForgotPassword","Login","JoinNow","ChangeLanguage","Chinese","English","Thai","Indo","Vien","SectionOneTitle1","SectionOneTitle2","WhyJoinFUN88","SectionTwoDescription1_Title","SectionTwoDescription1","SectionTwoDescription2_Title","SectionTwoDescription2","SectionTwoDescription3_Title","SectionTwoDescription3","SectionTwoDescription4_Title","SectionTwoDescription4","SectionTwoDescription5_Title","SectionTwoDescription5","SectionTwoDescription6","SectionTwoDescription7","SectionThreeTitle1","SectionThreeTitle2Step1","SectionThreeTitle2Step2","SectionThreeTitle2Step3","SectionThreeTitle2Step4","JOINNOW","AboutFun88","SectionFourDescription","lblLiveChat","lblTelegram","lblLetstalk","ContactUs","operationHourCN1_Landing","operationHourCN2_Landing","ContactUs_Header_Landing_CN","lblQQ","QQ_CN","Skype_CN","Email_CN","lblSkype","lblEmail","lblFlygram","lblBatchat","Telegram_CN","Flygram_CN","Batchat_CN","toElement","isSmoothScrollSupported","document","documentElement","style","element","scrollIntoView","behavior","block","ScrollToNext","props","pageSelector","arrow","react_default","a","createElement","className","console","log","onClick","nextPage","querySelector","scrollToElement","cursor","SectionFour","toggleRegistration","getLocale","split","_this","openPopUp","lang","this","backgroundImage","components_ScrollToNext_ScrollToNext","Component","injectIntl","connect","state","mobile","responsiveui","dispatch","type","actions","SectionOne","backgroundClass","locale","localePath","toUpperCase","sectionContentClass","intl","market","formatMessage","SectionTwo","row","col","sm","SectionThree","xs","Object","classCallCheck","possibleConstructorReturn","getPrototypeOf","call","changeEarningModel","model","setState","earningmodel","_this2","xl","Commission_Title_LM","Commission_Desc_LM","map","n","index","key","es_button","Commission_Top_Btn_LM","Commission_Top_Btn_CM","offset","CommissionTable","Commission_Desc_CM","alt","src","getImage","Commission_Button_KnowMore","param","SectionFive","components_Commission_Commission","TopBar","LoadComponent","e","then","bind","HomePage","localStorage","getItem","isFirstTimeLogin","userName","email","contact","Boolean","Fragment","components_home_SectionOne","toggleRegistrationPopUp","components_home_SectionTwo","components_home_SectionThree","components_home_SectionFour","home_SectionFive"],"mappings":"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","file":"static/js/14.bea074f3.chunk.js","sourcesContent":["import {\r\n    defineMessages\r\n} from 'react-intl';\r\n\r\nexport const messages = defineMessages({\r\n    \"WhyJoin\": {\r\n        \"id\": \"HomeTopBar.WhyJoin\",\r\n        \"defaultMessage\": \"Why Join\"\r\n    },\r\n    \"HowToJoin\": {\r\n        \"id\": \"HomeTopBar.HowToJoin\",\r\n        \"defaultMessage\": \"How To Join\"\r\n    },\r\n    \"AboutUs\": {\r\n        \"id\": \"HomeTopBar.AboutUs\",\r\n        \"defaultMessage\": \"About Us\"\r\n    },\r\n    \"Commission\": {\r\n        \"id\": \"HomeTopBar.Commission\",\r\n        \"defaultMessage\": \"Commission\"\r\n    },\r\n    \"Username\": {\r\n        \"id\": \"HomeTopBar.Username\",\r\n        \"defaultMessage\": \"Username\"\r\n    },\r\n    \"Password\": {\r\n        \"id\": \"HomeTopBar.Password\",\r\n        \"defaultMessage\": \"Password\"\r\n    },\r\n    \"RememberMe\": {\r\n        \"id\": \"HomeTopBar.RememberMe\",\r\n        \"defaultMessage\": \"Remember Me\"\r\n    },\r\n    \"ForgotPassword\": {\r\n        \"id\": \"HomeTopBar.ForgotPassword\",\r\n        \"defaultMessage\": \"Forgot Password?\"\r\n    },\r\n    \"Login\": {\r\n        \"id\": \"HomeTopBar.Login\",\r\n        \"defaultMessage\": \"Login\"\r\n    },\r\n    \"JoinNow\": {\r\n        \"id\": \"HomeTopBar.JoinNow\",\r\n        \"defaultMessage\": \"Join Now\"\r\n    },\r\n    \"ChangeLanguage\": {\r\n        \"id\": \"HomeTopBar.ChangeLanguage\",\r\n        \"defaultMessage\": \"Change Language\"\r\n    },\r\n    \"Chinese\": {\r\n        \"id\": \"HomeTopBar.Chinese\",\r\n        \"defaultMessage\": \"Chinese\"\r\n    },\r\n    \"English\": {\r\n        \"id\": \"HomeTopBar.English\",\r\n        \"defaultMessage\": \"English\"\r\n    },\r\n    \"Thai\": {\r\n        \"id\": \"HomeTopBar.Thai\",\r\n        \"defaultMessage\": \"ประเทศไทย\"\r\n    },\r\n    \"Indo\": {\r\n        \"id\": \"HomeTopBar.Indo\",\r\n        \"defaultMessage\": \"Bahasa Indo\"\r\n    },\r\n    \"Vien\": {\r\n        \"id\": \"HomeTopBar.Vien\",\r\n        \"defaultMessage\": \"Tiếng Việt\"\r\n    },\r\n    \"SectionOneTitle1\": {\r\n        \"id\": \"HomeTopBar.SectionOneTitle1\",\r\n        \"defaultMessage\": \"Million Commission, Retire Early\"\r\n    },\r\n    \"SectionOneTitle2\": {\r\n        \"id\": \"HomeTopBar.SectionOneTitle2\",\r\n        \"defaultMessage\": \"low requirement, easy to operate\"\r\n    },\r\n    \"WhyJoinFUN88\": {\r\n        \"id\": \"HomeTopBar.WhyJoinFUN88\",\r\n        \"defaultMessage\": \"Why Join FUN88\"\r\n    },\r\n    \"SectionTwoDescription1_Title\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription1_Title\",\r\n        \"defaultMessage\": \"IMPECCABLE BRAND REPUTATION\"\r\n    },\r\n    \"SectionTwoDescription1\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription1\",\r\n        \"defaultMessage\": \"-International brand with a history of working with world class sports teams and renowned ambassadors\"\r\n    },\r\n    \"SectionTwoDescription2_Title\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription2_Title\",\r\n        \"defaultMessage\": \"GREAT PRODUCTS AND THE BEST TOOLS\"\r\n    },\r\n    \"SectionTwoDescription2\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription2\",\r\n        \"defaultMessage\": \"GREAT PRODUCTS AND THE BEST TOOLS \\n-Wide variety of products to cater to your customer's needs and targeting a broad spectrum of target audience \\n-Variety of marketing tools and technology to boost your conversion and retention rates\"\r\n    },\r\n    \"SectionTwoDescription3_Title\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription3_Title\",\r\n        \"defaultMessage\": \"CUSTOMER EXPERIENCE\"\r\n    },\r\n    \"SectionTwoDescription3\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription3\",\r\n        \"defaultMessage\": \"-Structured teams to optimize every player's journey \"\r\n    },\r\n    \"SectionTwoDescription4_Title\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription4_Title\",\r\n        \"defaultMessage\": \"DEDICATED SUPPORT\"\r\n    },\r\n    \"SectionTwoDescription4\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription4\",\r\n        \"defaultMessage\": \"- 24/7 support for you and your customers \\n- Extensive payment methods for your commissions\"\r\n    },\r\n    \"SectionTwoDescription5_Title\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription5_Title\",\r\n        \"defaultMessage\": \"BECAUSE YOU MATTER\"\r\n    },\r\n    \"SectionTwoDescription5\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription5\",\r\n        \"defaultMessage\": \"- Customer risk management to drive your revenues \\n- Different team of analyst to ensure your customers stay active and engaged on our site\"\r\n    },\r\n    \"SectionTwoDescription6\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription6\",\r\n        \"defaultMessage\": \"Vast varieties of gaming product choices\"\r\n    },\r\n    \"SectionTwoDescription7\": {\r\n        \"id\": \"HomeTopBar.SectionTwoDescription7\",\r\n        \"defaultMessage\": \"Licensed and secure platform\"\r\n    },\r\n    \"SectionThreeTitle1\": {\r\n        \"id\": \"HomeTopBar.SectionThreeTitle1\",\r\n        \"defaultMessage\": \"HOW TO START\"\r\n    },\r\n    \"SectionThreeTitle2Step1\": {\r\n        \"id\": \"HomeTopBar.SectionThreeTitle2Step1\",\r\n        \"defaultMessage\": \"1. Fill in, turn your traffic source into customer\"\r\n    },\r\n    \"SectionThreeTitle2Step2\": {\r\n        \"id\": \"HomeTopBar.SectionThreeTitle2Step2\",\r\n        \"defaultMessage\": \"2. Verification, dedicated manager to help you throughtout the process\"\r\n    },\r\n    \"SectionThreeTitle2Step3\": {\r\n        \"id\": \"HomeTopBar.SectionThreeTitle2Step3\",\r\n        \"defaultMessage\": \"3. Promoting, make sure the tools and start promoting\"\r\n    },\r\n    \"SectionThreeTitle2Step4\": {\r\n        \"id\": \"HomeTopBar.SectionThreeTitle2Step4\",\r\n        \"defaultMessage\": \"4. Earn commission- easy and stable\"\r\n    },\r\n    \"JOINNOW\": {\r\n        \"id\": \"HomeTopBar.JOINNOW\",\r\n        \"defaultMessage\": \"JOIN NOW\"\r\n    },\r\n    \"AboutFun88\": {\r\n        \"id\": \"HomeTopBar.AboutFun88\",\r\n        \"defaultMessage\": \"About Fun88\"\r\n    },\r\n    \"SectionFourDescription\": {\r\n        \"id\": \"HomeTopBar.SectionFourDescription\",\r\n        \"defaultMessage\": \"Fun88 is an all-in-one entertainment website, also available in its own APP technology, offering online gaming products from sportsbook, in-play sports betting, live casino, slot games, lottery products and more! A proud sponsor and partner of EPL clubs including Tottenham Hotspur, and Newcastle United, with sports legends as brand ambassadors like Steve Nash and Robbie Fowler. Striving to provide the best customer experience, we offer promotions ranging from big bonuses to special treats and freebies, and access to our rewards program with exclusive items.\"\r\n    },\r\n    \"lblLiveChat\": {\r\n        \"id\": \"Sidebar.LiveChat\",\r\n        \"defaultMessage\": \"Live Chat\"\r\n    },\r\n    \"lblTelegram\": {\r\n        \"id\": \"lblTelegram\",\r\n        \"defaultMessage\": \"Telegram\"\r\n    },\r\n    \"lblLetstalk\": {\r\n        \"id\": \"lblLetstalk\",\r\n        \"defaultMessage\": \"Letstalk\"\r\n    },\r\n    \"ContactUs\": {\r\n        \"id\": \"HomeTopBar.ContactUs\",\r\n        \"defaultMessage\": \"Contact Us\"\r\n    },\r\n    \"operationHourCN1_Landing\": {\r\n        \"id\": \"operationHourCN1_Landing\",\r\n        \"defaultMessage\": \"Common Issues （9:00 am - 2:00 am Beijing time）\"\r\n    },\r\n    \"operationHourCN2_Landing\": {\r\n        \"id\": \"operationHourCN2_Landing\",\r\n        \"defaultMessage\": \"Business, promotion, support, joint venture issues （10:00 am - 7:00 pm Beijing time）\"\r\n    },\r\n    \"ContactUs_Header_Landing_CN\": {\r\n        \"id\": \"ContactUs_Header_Landing_CN\",\r\n        \"defaultMessage\": \"任何问题，可以透过以下方式与我们的专员来进行联系，我们的专员会竭诚协助您的业务。\"\r\n    },\r\n    \"lblQQ\": {\r\n        \"id\": \"lblQQ\",\r\n        \"defaultMessage\": \"QQ\"\r\n    },\r\n    \"QQ_CN\": {\r\n        \"id\": \"QQ_CN\",\r\n        \"defaultMessage\": \"3007316118\"\r\n    },\r\n    \"Skype_CN\": {\r\n        \"id\": \"Skype_CN\",\r\n        \"defaultMessage\": \"live:.cid.ea67bbd313a2eb89\"\r\n    },\r\n    \"Email_CN\": {\r\n        \"id\": \"Email_CN\",\r\n        \"defaultMessage\": \"daili@fun88.com\"\r\n    },\r\n    \"lblSkype\": {\r\n        \"id\": \"lblSkype\",\r\n        \"defaultMessage\": \"Skype\"\r\n    },\r\n    \"lblEmail\": {\r\n        \"id\": \"lblEmail\",\r\n        \"defaultMessage\": \"Email\"\r\n    },\r\n    \"lblFlygram\": {\r\n        \"id\": \"lblFlygram\",\r\n        \"defaultMessage\": \"Flygram\"\r\n    },\r\n    \"lblBatchat\": {\r\n        \"id\": \"lblBatchat\",\r\n        \"defaultMessage\": \"Batchat\"\r\n    },\r\n    \"Telegram_CN\": {\r\n        \"id\": \"Telegram_CN\",\r\n        \"defaultMessage\": \"@fun88088\"\r\n    },\r\n    \"Flygram_CN\": {\r\n        \"id\": \"Flygram_CN\",\r\n        \"defaultMessage\": \"FUN8888\"\r\n    },\r\n    \"Batchat_CN\": {\r\n        \"id\": \"Batchat_CN\",\r\n        \"defaultMessage\": \"7125750\"\r\n    }\r\n})","const isSmoothScrollSupported = ((document || {}).documentElement || {}).style\r\n  ? 'scrollBehavior' in document.documentElement.style\r\n  : false;\r\n\r\nexport const toTop = () => {\r\n  if (isSmoothScrollSupported) {\r\n    window.scrollTo({\r\n      top: 0,\r\n      left: 0,\r\n      behavior: 'smooth'\r\n    });\r\n  } else {\r\n    window.scrollTo(0, 0);\r\n  }\r\n};\r\n\r\nexport const to = (ycoordinate) => {\r\n  if (isSmoothScrollSupported) {\r\n    window.scroll({\r\n      top: ycoordinate,\r\n      left: 0,\r\n      behavior: 'smooth'\r\n    });\r\n  } else {\r\n    window.scrollTo(0, ycoordinate);\r\n  }\r\n};\r\n\r\nexport const toElement = (element) => {\r\n  if (element) {\r\n    if (isSmoothScrollSupported) {\r\n      element.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'start'\r\n      });\r\n    } else {\r\n      element.scrollIntoView();\r\n    }\r\n  }\r\n};\r\n\r\nexport default {\r\n  toTop,\r\n  to,\r\n  toElement\r\n};","import React from 'react';\r\nimport { toElement as scrollToElement } from '../../utils/scroll';\r\nimport './ScrollToNext.css';\r\n\r\nconst ScrollToNext = (props) => {\r\n\r\n  const { pageSelector, arrow } = props;\r\n\r\n  const scrollToNextElement = () => {\r\n    const nextPage = document.querySelector(pageSelector);\r\n    scrollToElement(nextPage);\r\n  }\r\n\r\n  return (\r\n    <p className=\"scroll-to-next-arrow\">\r\n      {console.log(arrow)}\r\n      <span className={arrow ? \"arrow-down-blue\" : \"arrow-down\"} onClick={scrollToNextElement} style={{ cursor: \"pointer\" }} />\r\n    </p>\r\n  );\r\n};\r\n\r\nexport default ScrollToNext;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport * as actions from '../../store/actions';\r\nimport './SectionFour.css';\r\nimport ScrollToNext from '../ScrollToNext/ScrollToNext';\r\nimport { getLocale } from '../../utils/locale';\r\n\r\nclass SectionFour extends Component {\r\n\r\n  toggleRegistration = () => {\r\n    var countryCode = getLocale().split('-')[1];\r\n    \r\n    if(countryCode === 'id'){\r\n      this.props.openPopUp('PopUpIDRMarketClosure')\r\n    }\r\n    else{\r\n      this.props.openPopUp('Registration')\r\n    }\r\n  }\r\n\r\n  backgroundImage(lang) {\r\n    const locale = lang.split('-')[0];\r\n\r\n    switch(locale){\r\n      case 'zh' : return 'CN';\r\n      case 'vi' : return 'VN';\r\n      case 'th' : return 'TH';\r\n      default: return 'EN';\r\n    };\r\n  }\r\n\r\n  render() {\r\n    // const { formatMessage } = this.props.intl;\r\n    return (\r\n      <div className=\"section4-content section-four\">\r\n        <div className=\"section-four-content\">\r\n          <div className = {\"section4-img-\" + this.backgroundImage(getLocale())}/>\r\n        </div>\r\n        <ScrollToNext pageSelector=\".section-five\" arrow=\"blue\"/>\r\n      </div>\r\n    );\r\n  }\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n  return {\r\n    openPopUp: (type) => dispatch(actions.openPopUp(type))\r\n  };\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n  return {\r\n    mobile: state.responsiveui.mobile\r\n  };\r\n};\r\n\r\nexport default injectIntl(\r\n  connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n  )(SectionFour)\r\n);","import React, { Component } from 'react';\r\nimport ScrollToNext from '../ScrollToNext/ScrollToNext';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport * as actions from '../../store/actions';\r\nimport './SectionOne.css';\r\nimport { messages } from './Translate';\r\nimport { getLocale } from '../../utils/locale';\r\n\r\nclass SectionOne extends Component {\r\n\r\n    toggleRegistration = () => {\r\n        var countryCode = getLocale().split('-')[1];\r\n\r\n        if(countryCode === 'id'){\r\n        this.props.openPopUp('PopUpIDRMarketClosure')\r\n        }\r\n        else{\r\n        this.props.openPopUp('Registration')\r\n        }\r\n    }\r\n\r\n    backgroundClass = (lang) => {\r\n        const locale = lang.split('-')[0];\r\n        const localePath = lang.split('-')[1];\r\n\r\n        if (localePath === 'cn') {\r\n            switch (locale) {\r\n                case 'zh':\r\n                    return 'section-one-CN';\r\n                case 'th':\r\n                    return 'section-one-TH';\r\n                case 'vi':\r\n                    return 'section-one-VN';\r\n                case 'en':\r\n                    return 'section-one-EN-' + localePath.toUpperCase();\r\n                default:\r\n                    return 'section-one-CN';\r\n            };\r\n        }\r\n        else {\r\n            switch (locale) {\r\n                case 'zh':\r\n                    return 'section-one-CN';\r\n                case 'th':\r\n                    return 'section-one-TH';\r\n                case 'id':\r\n                case 'vi':\r\n                    return 'section-one-VN';\r\n                case 'en':\r\n                    return 'section-one-EN-' + localePath.toUpperCase();\r\n                default:\r\n                    return 'section-one-CN';\r\n            };\r\n        }\r\n    }\r\n\r\n    sectionContentClass = () =>\r\n    {\r\n        const lang = this.props.intl.locale.split('-')[0];\r\n        const market = this.props.intl.locale.split('-')[1];\r\n        if (market === 'cn') {\r\n            switch (lang) {\r\n                case 'vi':\r\n                    return 'section-one-content-VN';\r\n                default:\r\n                    return 'section-one-content';\r\n            }\r\n\r\n        }\r\n        else if (market === 'th')\r\n        {\r\n            switch (lang) {\r\n                case 'vi':\r\n                    return 'section-one-content-VN';\r\n                case 'en':\r\n                    return 'section-one-content-EN-TH';\r\n                default:\r\n                    return 'section-one-content';\r\n            }\r\n        }\r\n        else if (market === 'vn')\r\n        {\r\n            switch (lang) {\r\n                case 'vi':\r\n                    return 'section-one-content-VN';\r\n                case 'en':\r\n                    return 'section-one-content-EN-VN';\r\n                default:\r\n                    return 'section-one-content';\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    render() {\r\n        const { formatMessage } = this.props.intl;\r\n\r\n        return (\r\n            <div className={\"section1-content \" + this.backgroundClass(getLocale())}>                \r\n                <div className=\"dual-tone-container\">\r\n                    <div>\r\n                    </div>\r\n                </div>\r\n                <ScrollToNext pageSelector=\".section-two\" />\r\n            </div>\r\n        );\r\n    }\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        mobile: state.responsiveui.mobile\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        openPopUp: (type) => dispatch(actions.openPopUp(type))\r\n    };\r\n};\r\n\r\nexport default injectIntl(\r\n    connect(\r\n        mapStateToProps,\r\n        mapDispatchToProps\r\n    )(SectionOne)\r\n);","import React, { Component } from 'react';\r\nimport ScrollToNext from '../ScrollToNext/ScrollToNext';\r\nimport { injectIntl } from 'react-intl';\r\nimport './SectionTwo.css';\r\nimport { Row, Col } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport { getLocale } from '../../utils/locale';\r\n\r\nclass SectionTwo extends Component {\r\n  backgroundImage(lang) {\r\n    const locale = lang.split('-')[0];\r\n    const localePath = lang.split('-')[1];\r\n    switch(locale){\r\n      case 'zh' : return 'CN';\r\n      case 'th' : return locale.toUpperCase();\r\n      case 'id' : return locale.toUpperCase();\r\n      case 'vi' : return 'VN';\r\n      default: return 'EN';\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section2-content section-background section-two\">\r\n        {/* <div className=\"section-two-content\"> \r\n            \r\n        </div> */}\r\n        <Row type='flex'>\r\n          <Col sm={24}>\r\n            <div className={ \"section2-content section-two-content-description-image-\" + this.backgroundImage(getLocale())} />\r\n          </Col>\r\n        </Row>\r\n        <ScrollToNext pageSelector=\".section-three-background\" arrow =\"blue\"/>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n  return {\r\n    mobile: state.responsiveui.mobile\r\n  };\r\n};\r\n\r\nexport default injectIntl(connect(\r\n  mapStateToProps\r\n  )(SectionTwo)\r\n);","import React, { Component } from 'react';\r\nimport ScrollToNext from '../ScrollToNext/ScrollToNext';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport * as actions from '../../store/actions';\r\nimport './SectionThree.css';\r\nimport { Row, Col } from 'antd';\r\nimport { getLocale } from '../../utils/locale';\r\n\r\nclass SectionThree extends Component {\r\n\r\n  toggleRegistration = () => {\r\n    var countryCode = getLocale().split('-')[1];\r\n\r\n    if(countryCode === 'id'){\r\n    this.props.openPopUp('PopUpIDRMarketClosure')\r\n    }\r\n    else{\r\n    this.props.openPopUp('Registration')\r\n    }\r\n  }\r\n  backgroundImage(lang) {\r\n    const locale = lang.split('-')[0];\r\n    const localePath = lang.split('-')[1];\r\n    switch(locale){\r\n      case 'zh' : return 'CN';\r\n      case 'th' : return locale.toUpperCase();\r\n      case 'id' : return locale.toUpperCase();\r\n      case 'vi' : return 'VN';\r\n      default: return 'EN';\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section-content\">\r\n        <div className='section-three'>\r\n          <div className=\"section-three-content\">\r\n            <Row type='flex'>\r\n              <Col xs={24} className=\"step-title\">\r\n                {/* <img className={\"section3-details-\" + this.backgroundImage(getLocale())} alt=\" \"/> */}\r\n                <div className={\"section3-details-\" + this.backgroundImage(getLocale())} />\r\n              </Col>\r\n            </Row>\r\n          </div>\r\n          <div className=\"dual-tone-container\">\r\n            <div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ScrollToNext pageSelector=\".section-four\" />\r\n      </div>\r\n    );\r\n  }\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n  return {\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n  return {\r\n    openPopUp: (type) => dispatch(actions.openPopUp(type))\r\n  };\r\n};\r\n\r\nexport default injectIntl(\r\n  connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n  )(SectionThree)\r\n);","import React, { Component } from 'react';\r\nimport { injectIntl } from 'react-intl';\r\nimport { Row, Col, Button  } from 'antd';\r\nimport './Commission.css';\r\nimport * as actions from '../../store/actions';\r\nimport { connect } from 'react-redux';\r\nimport { messages } from './Translate';\r\nimport { getImage } from '../../utils/common';\r\nimport  CommissionTable  from './CommissionTable';\r\n\r\nclass Commission extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = { earningmodel: 'LM' }\r\n    }\r\n\r\n    changeEarningModel = (model) => {\r\n        this.setState({ earningmodel: model })\r\n    }\r\n\r\n    render() {\r\n        const { formatMessage } = this.props.intl;\r\n        return (\r\n            <div className='commission-div'>\r\n                <Row type=\"flex\">\r\n                    <Col xs={24} xl={24} className=\"commission commission-flex-content\">\r\n                        <div className=\"commission commission-title\">\r\n                            {formatMessage(messages.Commission_Title_LM)}\r\n                        </div>\r\n                        <div className=\"commission commission-desc\">\r\n                            {formatMessage(messages.Commission_Desc_LM).split('\\n').map((n, index) => <label key={index}>{n} <br /></label>)}\r\n                        </div>\r\n                    </Col>\r\n                    <Col xs={24} className='commission commission-flex-content commission-tab'>\r\n                        <Button type=\"primary\" className= {this.state.earningmodel === 'LM' ? \"commission-top-button\" : \"commission-top-button-inactive\"}\r\n                            onClick={() => this.changeEarningModel('LM')}\r\n                        >\r\n                            {formatMessage(messages.Commission_Top_Btn_LM)}\r\n                        </Button>\r\n                        <Button type=\"primary\" className={this.state.earningmodel === 'CM' ? \"commission-top-button\" : \"commission-top-button-inactive\"}\r\n                            onClick={() => this.changeEarningModel('CM')}\r\n                        >\r\n                            {formatMessage(messages.Commission_Top_Btn_CM)}\r\n                        </Button>\r\n                    </Col>\r\n                    {this.state.earningmodel === \"LM\" ?\r\n                        <Col offset={this.props.mobile ? 1 : 2} xs={20} xl={20} className='commission commission-flex-content'>\r\n                            <CommissionTable />\r\n                        </Col> :\r\n                        <Col offset={this.props.mobile ? 1 : 2} sm={20} xs={20} xl={20} className='commission-flex-content CM-img-container'>\r\n                            {this.props.mobile ? \r\n                            <div>\r\n                                <Col sm={24} xs={24}>\r\n                                    <br></br>\r\n                                    <br></br>\r\n                                    <div className=\"commission-desc-CM\">\r\n                                        {formatMessage(messages.Commission_Desc_CM).split('\\n').map((n, index) => <label key={index}>{n} <br /></label>)}\r\n                                    </div>\r\n                                    <div className=\"commission-img-CM\">\r\n                                        <img alt=\"CM Model\" src={getImage(\"homepage/Sec-5_2677_CM.png\")} />\r\n                                    </div>\r\n                                </Col>\r\n                            </div>\r\n                            :\r\n                            <div>\r\n                                <Col xs={30} xl={30}>\r\n                                    <br></br>\r\n                                    <br></br>\r\n                                    <div className=\"commission-desc-CM\">\r\n                                        {formatMessage(messages.Commission_Desc_CM).split('\\n').map((n, index) => <label key={index}>{n} <br /></label>)}\r\n                                    </div>\r\n                                    <div className=\"commission-img-CM\">\r\n                                        <img alt=\"CM Model\" src={getImage(\"homepage/Sec-5_2677_CM.png\")} />\r\n                                    </div>\r\n                                </Col>\r\n                            </div>\r\n                            }\r\n                            \r\n                        </Col>}\r\n                        <Col offset={2} xs={20} xl={20} className=\"commission-bottom-button commission-flex-content\">\r\n                            <Button type=\"primary\"\r\n                                onClick={() => this.props.openPopUp(this.state.earningmodel + \"CommissionPopUp\")}\r\n                            >\r\n                                {formatMessage(messages.Commission_Button_KnowMore)}\r\n                            </Button>\r\n                        </Col>\r\n                </Row>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        openPopUp: (type, param) => dispatch(actions.openPopUp(type, param))\r\n    };\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n      mobile: state.responsiveui.mobile\r\n    };\r\n  };\r\n\r\nexport default injectIntl(\r\n    connect(\r\n        mapStateToProps,\r\n        mapDispatchToProps\r\n    )(Commission));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport * as actions from '../../store/actions';\r\nimport Commission from '../Commission/Commission';\r\n\r\nclass SectionFive extends Component {\r\n\r\n  \r\n  render() {\r\n    return (\r\n        <div className=\"section-five\">\r\n          <div className=\"section-five-content\">\r\n            <Commission/>\r\n          </div>\r\n        </div>\r\n    );\r\n  }\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n  return {\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n  return {\r\n    openPopUp: (type) => dispatch(actions.openPopUp(type))\r\n  };\r\n};\r\n\r\nexport default injectIntl(\r\n  connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n  )(SectionFive)\r\n);","import React, { Component } from 'react';\r\nimport SectionFour from '../components/home/SectionFour';\r\nimport SectionOne from '../components/home/SectionOne';\r\nimport SectionTwo from '../components/home/SectionTwo';\r\nimport SectionThree from '../components/home/SectionThree';\r\nimport SectionFive from '../components/home/SectionFive';\r\nimport { connect } from 'react-redux';\r\nimport { injectIntl } from 'react-intl';\r\nimport * as actions from '../store/actions';\r\nimport LoadComponent from '../hoc/LoadComponent';\r\nimport './HomePage.css';\r\n\r\nconst TopBar = LoadComponent(() => {\r\n  return import('../components/home/TopBar');\r\n});\r\n\r\nclass HomePage extends Component {\r\n\r\n  componentDidMount() {\r\n    if(localStorage.getItem('app.profile.isFirstLogin'))\r\n    {\r\n        this.props.openPopUp('FirstTimeLogin', {\r\n          isFirstTimeLogin: true,\r\n          userName: localStorage.getItem('app.profile.username'),\r\n          email: localStorage.getItem('app.profile.emailAddress'),\r\n          contact: localStorage.getItem('app.profile.phoneNumber')\r\n        })\r\n    }\r\n    \r\n    if(!Boolean(localStorage.getItem('app.profile.isFirstLogin')) && localStorage.getItem('app.profile.isEmptySecretQnA') === 'true')\r\n    {\r\n      this.props.openPopUp('UpdateSecurityQnA');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <React.Fragment>\r\n        <TopBar />\r\n        <div className='section-one-background'>\r\n          <SectionOne toggleRegistration={this.toggleRegistrationPopUp} />\r\n        </div>\r\n        <SectionTwo />\r\n        <div className='section-three-background'>\r\n          <SectionThree toggleRegistration={this.toggleRegistrationPopUp} />\r\n        </div>\r\n        <SectionFour toggleRegistration={this.toggleRegistrationPopUp} />\r\n        <div className='section-five-background'>\r\n          <SectionFive />\r\n        </div>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n  return {\r\n    mobile: state.responsiveui.mobile\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n  return {\r\n    openPopUp: (type) => dispatch(actions.openPopUp(type))\r\n  };\r\n};\r\n\r\nexport default injectIntl(\r\n  connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n  )(HomePage)\r\n);\r\n"],"sourceRoot":""}