\n {title && (\n
\n {!isShowBtnClose && (\n \n {title}\n \n
\n )}\n \n {children}\n {message}\n
\n {lang.infoBank1}
\n + {lang.infoBank2}\n + {lang.infoBank3}\n + {lang.infoBank4}\n + {lang.infoBank5}\n\n \n
\n \n ),\n onClick: onExpand\n },\n {\n id: 1,\n name: lang.online,\n onClick: clickTransferOnline\n },\n {\n id: 2,\n name: lang.center,\n description: expandIndex === 2 && (\n <>\n \n {lang.infoOffline}{' '}\n {listConfiguration.translations[currentLang]\n ? listConfiguration.translations[currentLang].address\n : listConfiguration.translations.vi.address}\n \n \n \n
\n \n ),\n onClick: onExpand\n }\n ];\n\n const renderPaymentList = () => (\n \n {defaultBlock.map((l, i) => (\n l.onClick(i)}\n />\n ))}\n
\n );\n const priceShow = !coinPayment\n ? courseEnterprise.prices[idSelect]\n ? courseEnterprise.prices[idSelect].buying_credits\n : courseEnterprise.prices.landing_discount_credit ||\n courseEnterprise.prices.landing_buy_credit\n : 0;\n return (\n \n {!coinPayment && (\n
\n );\n};\n\nexport default withRouter(translator(injectSheet(styles)(Payment)));\n","import * as types from './types';\n\nexport const autoLogin = token => ({\n type: types.AUTO_LOGIN_SUBMIT,\n payload: { token }\n});\n\nexport const getSupportLanguage = () => ({\n type: types.SUPPORT_LANGUAGE_GET\n});\n\nexport const changeLanguage = lang => ({\n type: types.LANGUAGE_CHANGE,\n payload: lang\n});\n\nexport const changeBreadcrumb = newBreadcrumb => ({\n type: types.BREADCRUMB_CHANGE,\n payload: newBreadcrumb\n});\n\nexport const changeTabs = newTabs => ({\n type: types.TABS_CHANGE,\n payload: newTabs\n});\n\nexport const changeLeftMenu = newLeftMenu => ({\n type: types.LEFTMENU_CHANGE,\n payload: newLeftMenu\n});\n\nexport const getListMenu = () => ({\n type: types.GET_LIST_MENU_INIT\n});\n\nexport const getListConfiguration = () => ({\n type: types.GET_LIST_CONFIGURATION_INIT\n});\n\nexport default this;\n","import { createStructuredSelector } from 'reselect';\n\nconst isLoggedIn = state => state.login.status;\nconst accessToken = state => (state.login.user ? state.login.user.access_token : null);\nconst refreshToken = state => (state.login.user ? state.login.user.refresh_token : null);\nconst languages = state => state.app.languages;\nconst listConfiguration = state => state.app.listConfiguration;\nconst currentLang = state => state.app.currentLang;\nconst readyToContinue = state => state.login.readyToContinue;\nconst accessTokenNew = state => state.login.accessTokenNew;\n\nexport default createStructuredSelector({\n isLoggedIn,\n refreshToken,\n accessToken,\n languages,\n listConfiguration,\n currentLang,\n readyToContinue,\n accessTokenNew\n});\n","import * as types from './types';\n\nexport const submitSignUp = ({ email }) => ({\n type: types.SIGNUP_SUBMIT,\n payload: { email }\n});\n\nexport const submitSignUpActive = ({ name, email, activationToken, password, phone }) => ({\n type: types.SIGNUP_ACTIVE_SUBMIT,\n payload: { name, email, activationToken, password, phone }\n});\n\nexport const removeEmail = () => ({\n type: types.EMAIL_REMOVE\n});\n\nexport default this;\n","import reducers from './reducers';\nimport * as courseActions from './actions';\nimport * as types from './types';\n\nexport { default as selectors } from './selectors';\nexport { courseActions, types };\n\nexport default reducers;\n","import reducers from './reducers';\nimport * as courseActions from './actions';\nimport * as types from './types';\n\nexport { default as selectors } from './selectors';\nexport { courseActions, types };\n\nexport default reducers;\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-14 14:35:14\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-14 17:09:46\n */\n\nimport * as types from './types';\n\nexport const fetchLessonInCourse = id => ({\n type: types.LESSON_IN_COURSE_INIT,\n id\n});\n\nexport default this;\n","import reducers from './reducers';\nimport * as childExamActions from './actions';\nimport * as types from './types';\n\nexport { default as selectors } from './selectors';\nexport { childExamActions, types };\nexport default reducers;\n","import * as types from './types';\n\nexport const fetchExamChild = (idExam, level, typeExam) => ({\n type: types.EXAM_CHILD_INIT,\n payload: { idExam, level, typeExam }\n});\n\nexport const fetchExamDetails = id => ({\n type: types.EXAM_DETAILS_INIT,\n id\n});\n\nexport default this;\n","import reducers from './reducers';\nimport * as forgotPasswordAction from './actions';\nimport * as types from './types';\n\nexport { default as selectors } from './selectors';\nexport { forgotPasswordAction, types };\nexport default reducers;\n","import * as types from './types';\n\nexport const submitForgotPassword = ({ email }) => ({\n type: types.FORGOT_PASSWORD_SUBMIT,\n payload: { email }\n});\nexport default this;\n","import * as types from './types';\n\nexport const disableMic = () => ({\n type: types.DISABLE_MIC\n});\n\nexport const enableMic = () => ({\n type: types.ENABLE_MIC\n});\n\nexport const disableVolume = () => ({\n type: types.DISABLE_VOLUME\n});\n\nexport const enableVolume = () => ({\n type: types.ENABLE_VOLUME\n});\n\nexport default this;\n","import { createStructuredSelector } from 'reselect';\n\nconst listSlide = state => state.home.listSlide;\nconst isFetching = state => state.home.isFetching;\nconst currentLang = state => state.app.currentLang;\nconst listGallery = state => state.home.listGallery;\nconst isShowMenu = state => state.header.isShowMenu;\nconst listConfiguration = state => state.app.listConfiguration;\nconst listCourseInHome = state => state.home.listCourseInHome;\nconst listAllDataLandingPage = state => state.home.listAllDataLandingPage;\nconst tokenSelector = state => (state.login.user ? state.login.user.access_token : '');\n\nexport default createStructuredSelector({\n listSlide,\n isFetching,\n currentLang,\n listGallery,\n isShowMenu,\n listConfiguration,\n listCourseInHome,\n listAllDataLandingPage,\n tokenSelector\n});\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-08-02 16:06:54\n * @Last Modified by: Do Loc - doxuanloc2016@gmail.com\n * @Last Modified time: 2019-08-12 06:52:18\n */\nimport * as types from './types';\n\nexport const submitRegisterEnterprise = (typeForm, name, email, phone, course, numOfEmployee) => ({\n type: types.POST_FORM_REGISTER_ENTERPRISE_INIT,\n payload: {\n typeForm,\n name,\n email,\n phone,\n course,\n numOfEmployee\n }\n});\n\nexport const getListCourseEnterprise = () => ({\n type: types.GET_LIST_COURSE_ENTERPRISE_INIT\n});\n\nexport default this;\n","import { createStructuredSelector } from 'reselect';\n\nconst listSlide = state => state.home.listSlide;\nconst isFetching = state => state.home.isFetching;\nconst currentLang = state => state.app.currentLang;\nconst listGallery = state => state.home.listGallery;\nconst isShowMenu = state => state.header.isShowMenu;\nconst listLecturers = state => state.home.listLecturers;\nconst listCourseEnterprise = state => state.enterprise.listCourseEnterprise;\nconst listAllDataLandingPage = state => state.home.listAllDataLandingPage;\nconst tokenSelector = state => (state.login.user ? state.login.user.access_token : '');\n\nexport default createStructuredSelector({\n listSlide,\n isFetching,\n currentLang,\n listGallery,\n isShowMenu,\n listLecturers,\n listCourseEnterprise,\n listAllDataLandingPage,\n tokenSelector\n});\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport { CookiesProvider } from 'react-cookie';\nimport { persistStore } from 'redux-persist';\nimport { PersistGate } from 'redux-persist/integration/react';\nimport loadable from '@loadable/component';\nimport { LoadingComponent } from 'components';\nimport { configureStore } from './store';\nimport './index.css';\nimport * as serviceWorker from './serviceWorker';\n\nconst App = loadable(() => import('./containers/App'), {\n fallback: \n {courseEnterprise.translations[currentLang]\n ? courseEnterprise.translations[currentLang].name\n : courseEnterprise.translations.vi.name}{' '}\n : {constants.formatNumber(priceShow)}\n
\n )}\n {lang.title}\n {renderPaymentList()}\n\n {list.map((e, i) => (\n \n {i > 0 && 
}\n \n {language && e.translations && e.translations[language]\n ? e.translations[language].name\n : e.label}\n \n \n ))}\n
\n );\n};\n\nBreadcrumb.propsTypes = {\n list: PropTypes.array\n};\n\nBreadcrumb.defaultProps = {\n list: [\n { label: 'Rainichi', to: '/' },\n { label: 'Khóa học', to: '/course' },\n { label: 'Khóa học gói combo', to: '/course' }\n ]\n};\n\nexport default injectSheet(styles)(Breadcrumb);\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n breadcrumb: {\n color: theme.colors.black,\n width: `100%`,\n marginTop: 10,\n marginBottom: 10\n },\n rightArrow: {\n margin: '0 14px'\n },\n link: {\n ...scaleStyle({\n lineHeight: '80px',\n fontSize: 18\n }),\n textDecoration: 'none',\n color: theme.colors.black\n },\n active: {\n color: theme.colors.primary\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth900}px)`]: {\n link: {\n lineHeight: `14px`\n }\n }\n};\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport locale from 'locale';\nimport { createStructuredSelector } from 'reselect';\nimport constants from './constants';\n\nconst currentLang = state => state.app.currentLang;\n\nconst selector = createStructuredSelector({\n lang: currentLang\n});\n\nconst strings = lang => locale.resolve(lang);\n\nexport const localization = lang => strings(lang).default;\n\nconst LanguageProvider = props => {\n const { children, lang } = props;\n const Component = children;\n const newProps = Object.keys(props).reduce(\n (object, key) => (key !== children ? { ...object, [key]: props[key] } : object),\n {}\n );\n return \n © 2017 - Vietlabo Copyright. Headquarter: 231/1 Ba Dinh, Ward 8, District 8, Ho Chi Minh City.`,\n downloadNow: 'Download Now',\n appStore: 'App Store',\n googlePlay: 'Google Play',\n hotline: 'Hotline',\n address: 'Address',\n email: 'Email',\n home: 'Home',\n contact: 'Contact',\n faq: 'FAQ',\n paymentGuide: 'Payment Guide',\n userManual: 'User Manual',\n about: 'About us',\n enterprise: 'Enterprise',\n privacyPolicy: 'Privacy Policy',\n studentPolicy: 'Student policy'\n },\n slidingBanner: {\n title: 'Giải pháp học tiếng nhật cho người bận rộn',\n subTitle: 'Học tiếng nhật trực tuyến - mọi lúc - mọi nơi - mọi chỗ trên mọi thiết bị ',\n appStore: 'App Store',\n googlePlay: 'Google Play',\n nowStudy: 'Học ngay thôi',\n titleBottom: `Download app on google play or app store to study online by phone or computer`\n },\n login: {\n title: 'Login',\n active: 'Free Sign Up',\n activeAccount: 'Signup for student',\n loginNowButton: 'Login now',\n forgetPassword: 'Forget your password',\n wantToRegister: \"You don't have Rainichi account. Let's \",\n wantToLogin: \"You had Rainichi account. Let's \",\n signUpNow: 'Signup now!',\n loginNow: 'Login now!',\n loginNowWIth: 'Login with',\n yourEmail: 'Your Email',\n password: 'Password',\n activeNow: 'Active now',\n name: 'Fullname',\n phone: 'Phone number',\n repassword: 'Confirm password',\n activationToken: 'Activation code',\n sendViaMail: 'Send message via mail',\n passcodeInMail: 'Activation code has been sent to your email',\n password_wrong_format: 'Password must contain at least one number and must least 8 character.',\n name_wrong_format: 'Name is required',\n phone_wrong_format: 'Phone is required',\n invalidCode: 'This activation code is invalid.'\n },\n coursePage: {\n day: 'day',\n course: 'Courses'\n },\n introCourse: {\n btnTrial: 'Trial',\n btnBuy: 'Buy Now',\n btnStudy: 'Study Now'\n },\n vocabularySlide: {\n theSentence: 'The Sentence',\n chineseVietnameseWord: 'Chinese Vietnamese Word',\n meaning: 'Meaning',\n example: 'Example'\n },\n vocabularyDetail: {\n origin: 'Original',\n resultRecord: 'Speech Recognize Result',\n resultFail: 'Not Pass',\n resultPass: 'Pass',\n speak: 'Speak It Again!'\n },\n practice: {\n btnSubmit: 'Submit',\n btnTranslate: 'Translate',\n btnTranslateOrigin: 'Show Text Origin',\n btnHintShow: 'Show Hint',\n btnHintHide: 'Hide Hint',\n checkPreventPage: `The exam's result will not store. Do you want to cancel? `,\n notData: 'No data',\n btnGoBack: 'Go Back',\n message: 'Message',\n disconnect: 'The internet was disconnected',\n submitExam: 'Want to submit the exam?',\n no: 'Cancel',\n goToPageListSectionExam: 'Go to List Exam Page',\n descriptionExamNow: `Are you ready to take the exam yet?\n Click the Exam Now button to enter the exam.`,\n btnClose: 'Close',\n titleExam: 'Contest',\n btnStartContest: 'Start Contest',\n timeContest: 'Time will be',\n time: 'minutes',\n notPractice: `The Conversation section has no practice.\n Please click Open the next lesson to proceed to the next lesson.`,\n notPracticeCommon: `The section has no practice.\n Please click Open the next lesson to proceed to the next lesson.`,\n goodLuckPractice: `Wish you have fun learning!`,\n btnNextLesson: 'Open the next lesson',\n notTime: 'Free Time'\n },\n submitPractice: {\n titleResult: 'Result',\n contentResult: 'My score',\n passResult: 'Pass',\n failResult: 'Failure',\n failResultExam: 'OK',\n failScore: 'Fail Score',\n score: 'Score',\n questions: 'Questions',\n resultContest: 'Result',\n resultDetail: 'Result Detail',\n seeResults: 'See Results',\n summary: 'Summary',\n passScore: 'Pass Score ',\n nextPractice: `The next lesson has been opened.\n Wish you have fun learning!`,\n titleNotPractice: 'Message',\n victory: 'Congratulations, you have achieved'\n },\n listen: {\n empty: 'Not data',\n showTip: 'Show Tip',\n hideTip: 'Hide Tip',\n btnPrev: 'Prev',\n btnNext: 'Next',\n sentence: 'The Sentence'\n },\n examPage: {\n day: 'day',\n exam: 'Exams'\n },\n exam: {\n exam: `Exams`,\n description: `Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n mollit anim id est laborum. This is page exams`,\n title: 'MESSAGE',\n descriptionLevel: 'Please select the appropriate level',\n submitOK: 'Choose',\n chooseLevel: 'Choose level'\n },\n examChild: {\n examNotFound: `Can't not find any exams`,\n descriptionExam: 'Please select the exam format below. Thank you !',\n free: 'Free',\n title: 'MESSAGE',\n hasCountTime: 'Count time',\n noneCountTime: 'Free time',\n titleBuyNow: 'Buy Now',\n titleGetExercise: 'Exam Now',\n titleGetExerciseFree: 'Start Exam',\n youTookTheExam: 'You took the Exam',\n checkPreventPage: `The exam's result will not store. Do you want to cancel? `,\n btnAccept: 'Accept',\n btnNotAccept: 'Cancel',\n descriptionToTalSubmit: `You have not completed all the parts,\n would you like to submit the test or continue?`,\n duration: 'Duration',\n btnToTalSubmit: 'Submit the General Test',\n atExam: 'List',\n time: 'minutes'\n },\n store: {\n name: 'Shops',\n buyCoin: 'Buy Coin',\n buyCourse: 'Course',\n buyExam: 'Exam',\n buyClass: 'Class'\n },\n blockCoin: {\n btnBuy: 'Buy Now',\n coin: 'Coin'\n },\n blockBuyCourse: {\n valueDefaultCourse: 'Select a course',\n valueDefaultLevel: 'Select a level',\n btnBuy: 'Buy Now',\n title: 'Buy Course',\n confirmBuySuccess: 'Purchase course sucessfully',\n confirmBuyFail: 'Purchase course failure',\n confirmNotCoin: `Your balance is insufficient.\n Please deposit coins to buy the course`,\n btnConfirm: 'Accept',\n confirm: `You have already bought this course. The remaining\n time is`,\n confirmMore: 'Do you want to buy more?',\n day: 'date',\n confirmSure: 'Do you want to buy this course?',\n onTime: 'Unlimited',\n coin: 'Coin',\n successClass: `Create classroom & add course successfully.\n Please contact admin and login to admin page`,\n titleClass: 'Class',\n managementClass: 'Classroom management',\n requestBuyClass: 'Request',\n btnStartStudy: 'Start learning',\n btnStartExam: 'Start the exam',\n stepBuy: 'Continue to buy',\n btnBuyCoin: 'Buy Coin',\n durationForever: `You have purchased this course for life.\n You do not need to redeem the course. Thank you`\n },\n blockBuyExam: {\n valueDefaultPackageExam: 'Select a package',\n valueDefaultLevel: 'Select a level',\n valueDefaultExam: 'Select an exam',\n btnBuy: 'Buy Now',\n coin: 'Coin',\n confirm: 'Do you want to buy this exam?',\n btnConfirm: 'Accept',\n title: 'Buy Exams',\n confirmBought: 'This exam has already been bought',\n confirmBuySuccess: 'Purchase exam sucessfully',\n confirmBuyFail: 'Purchase exam failure',\n confirmNotCoin: `Your balance is insufficient.\n Please deposit coins to buy the exam`,\n btnBought: 'Bought',\n free: 'Free',\n createdClass: `You have classroom. \n Please go to admin page buy more course\n `\n },\n blockPayment: {\n title: 'Choose a the payment',\n transfer: 'Transfer',\n online: 'Onlline payment',\n center: 'Contact Rainichi center',\n btnConfirm: 'Create an order',\n infoTransfer1: `Your order has been shipped to Rainichi's system.`,\n infoTransfer2: `Please pay to the following account of Rainichi.`,\n infoTransfer3: `More detail please call `,\n infoTransfer4: `Your order has been recorded, please arrive official office at`,\n infoTransfer6: `More detail please call `,\n infoBank1: `VCB - VietCombank`,\n infoBank2: `Account name: Nguyen Duy Cuong`,\n infoBank3: `Account number : 0181003435738`,\n infoBank4: `Branch: District 4`,\n infoBank5: `City: Ho Chi Minh`,\n message: 'Message',\n infoOffline: `Please come to Rainichi center at: `\n },\n alphabet: {\n listen: 'Pronounce'\n },\n infoPractice: {\n theSentence: 'The Sentence'\n },\n countTime: {\n title: 'You Are Taking The Exam',\n withTime: 'With Countdown Time',\n freeTime: 'Free Time',\n btnSubmit: 'Submit',\n message: 'Message',\n disconnect: 'The internet was disconnected'\n },\n profile: {\n titleLevel: 'Current Level',\n btnBuyCoin: 'Buy More',\n remainingCoin: 'Remaining',\n myProfile: 'My Profile',\n myExams: 'My Exams',\n myCourse: 'My Courses',\n support: 'Support',\n credit: 'Credit',\n setting: 'Setting',\n methodsCredit: 'Method of gaining coins'\n },\n modalUpdateInformation: {\n title: 'Update Information',\n success: 'Update information Successfully',\n fail: 'Update information failed',\n failImage: 'Image does not support this format or email already exists',\n passwordFail: 'Password does not match',\n passwordSameFail: 'The new password and password must be different.',\n failEmptyName: 'The name cannot be empty'\n },\n updateInformation: {\n title: 'Update Information',\n btnChangeInformation: 'Change Information',\n titleAvatar: 'Avatar Representative',\n btnUploadAvatar: 'Choose your avatar',\n or: 'OR',\n chooseAvatarDefault: 'Choose an existing Avatar',\n btnUpdate: 'Update',\n checkNaN: 'Data must be numeric ',\n checkValidatePhone: 'Phone number must be exactly 10 digits',\n checkIsEmpty: 'Data cannot be blank',\n message: 'Message',\n checkEmail: 'Email not valid',\n checkName: 'Name cannot be empty',\n checkEmailEmpty: 'Email cannot be empty',\n addressIsEmpty: 'You have not enterd a address',\n contentIsEmpty: 'Please send a message to Rainichi',\n phoneIsZero: `You should not enter too many zeroes`,\n passwordTheSame: 'Password and password entered do not match',\n passwordNotIsCorrect: `Password must contain at least one number\n and must be at least 8 characters long.`,\n checkPasswordNew: `You have not entered a new password`,\n courseNotSelect: 'You have not selected course',\n studentNull: 'You have not entered a student number'\n },\n modalCheckLogin: {\n title: 'Login',\n checkUserExits: 'Email has already been taken',\n checkFailUserExist: 'Email and password are not correct',\n checkEmailNotEnter: 'You have not entered an email',\n checkEmail: 'You have not entered the correct email syntax',\n checkPasswordNotEnter: 'You have not entered a password'\n },\n myExams: {\n title: `Your Exam`,\n titleExam: 'Exam',\n examResult: 'Result',\n examSectionResult: 'Result Times',\n notData: 'You have no exams'\n },\n yourBlock: {\n scorePractice: 'Point',\n learningResult: 'Learning Result',\n date: 'Date',\n btnExam: 'Start',\n btnDetail: 'Detail',\n btnStudyNow: 'Learning',\n nope: 'Nope',\n fail: 'Failed',\n pass: 'Pass',\n progress: 'Progress',\n statusIncomplete: 'Incomplete',\n statusComplete: 'Done',\n statusStudying: 'In progress',\n statusNotStudy: 'New',\n day: 'date',\n expirationDate: 'Expiration date',\n status: 'Status',\n forever: 'Forever',\n score: 'Score',\n time: 'Time',\n resultListQuestion: 'Exam history',\n resultHistoryMyExam: 'Result',\n resultHistoryRight: `It's correct`,\n resultHistoryWrong: `It's incorrect`\n },\n myCourses: {\n learningResult: 'Learning Result',\n student: 'Student',\n course: 'Course',\n notData: 'You have no courses'\n },\n myCoin: {\n title: 'Trading History',\n coinCurrent: 'Coin Current',\n buyCoin: 'Buy',\n quantity: 'Coin Number',\n dateBuy: 'Date',\n notTransactions: 'Not have any transaction',\n changeCoin: 'Trade',\n dateChange: 'Date',\n rewardCoin: 'Get',\n receivedDate: 'Date'\n },\n methodCredit: {\n title: 'Method',\n quantity: 'Coin Number',\n method: 'Method'\n },\n lessonInCourse: {\n notData: 'No data',\n message: 'Message',\n buy: 'You must complete the previous lesson to continue this lesson. Thank you.',\n bought: 'You need to buy this course to study this part. Thank you.',\n btnBuy: 'Buy Now'\n },\n settings: {\n passwordNotSame: 'The confirmation password is not the same as the new password',\n checkPassword: `\n Password must contain at least one number and must have at least 8 characters`,\n passwordNotEnter: 'You have not entered the old password',\n showAnnoument: 'Notification',\n remindStudy: 'Reminder',\n title: 'Change Password',\n placeholderPasswordOld: 'Old password',\n placeholderPasswordNew: 'New password',\n confirmPassword: 'Confirm new password',\n btnAccept: 'Accept'\n },\n article: {\n news: `News`,\n notData: 'Not Data'\n },\n articleDetail: {\n btnApply: 'Apply Now',\n btnApplyed: 'Applied',\n btnShareFacebook: 'Share Facebook',\n btnShareGooglePlust: 'Share Google+',\n btnShareTwitter: 'Share Twitter',\n articlePrevNotData: 'No previous posts',\n articleNextNotData: 'No next post',\n expireDate: 'Expiration Date'\n },\n modalContent: {\n resultDescriptionJob: 'You have successfully applied',\n title: 'Job',\n checkCV: 'CV is not empty',\n checkEmail: 'Email is not empty',\n emailValid: 'Email is not valid',\n checkName: 'Name is not empty',\n checkDescription: 'Description is not empty',\n checkCVIsApplied: 'You have already submitted this CV',\n checkCVMaxFile: 'File size does not exceed 1MB',\n fileEmpty: 'Please fill in the CV file'\n },\n faq: {\n frequentlyAskedQuestions: 'FREQUENTLY ASKED QUESTIONS'\n },\n slideCenter: {\n registerStudy: 'Register now'\n },\n contact: {\n fullName: 'Fullname',\n enterFullName: 'Enter Fullname',\n phone: 'Phone Number',\n enterPhone: 'Enter phone number',\n email: 'Email',\n enterEmail: 'Enter email',\n address: 'Address',\n enterAddress: 'Enter address',\n message: 'Your message to Rainichi Center',\n enterMessage: 'Please send a message to Rainichi',\n btnSend: 'Send'\n },\n applyJob: {\n btnComeBack: 'Back',\n applyToJob: 'Apply',\n nameCandidate: 'Your name',\n enterNameCandidate: 'Enter your name',\n emailCandidate: 'Your email',\n enterEmailCandidate: 'Enter your email',\n uploadMyCV: 'Upload Your CV',\n uploadFile: 'Choose file',\n notFile: 'No files selected',\n descriptionStrongMySkill: 'Describe your strengths',\n enterStrongMySkill: 'Enter your strengths',\n btnSendCV: 'Send CV'\n },\n pageAnnoumentMobile: {\n message: 'Notification',\n subMessage: `Please use 1 of the following 2 methods to use this section`,\n useDesktop: `Use the version shown on the computer`,\n useMobile: `Download the application from Apple Store or Google to use`\n },\n modalContact: {\n title: 'Message',\n emptyName: 'You did not enter a first and last name',\n emptyEmail: 'You have not entered an email',\n emptyPhone: 'You did not enter a phone number',\n emptyCourse: 'You have not selected a course',\n emptyNumOfEmployee: 'You have not selected the number of students',\n registerSuccess: `You have successfully registered.\n We will contact you later.\n Thank you.`,\n emptyAddress: `You do not enter an address`,\n emptyContent: `Please send a message to Rainichi`,\n sendSuccess: `Thank you for contacting us.`,\n phoneIsZero: `You should not enter too many zeroes`,\n phoneNotValid: 'Your phone number is incorrect',\n emailNotValid: 'Email is not correct syntax',\n nameCourse: 'Buy Course',\n enterName: 'Enter Fullname',\n enterPhone: 'Enter Number Phone',\n enterEmail: 'Enter Email',\n enterContent: 'Enter messsage for Rainichi',\n btnRegister: 'Register',\n btnRegisterNow: 'Register Now',\n userExist: `You already have classes. Do you want to buy more classes?`,\n userJoined: `Students have entered the class.\n This function is only for students who do not have a class`,\n notAccept: 'Disagree',\n accept: 'Agree'\n },\n buyClass: {\n buyClassNotExist: 'Buy classes as required',\n enterNumberOfEmployee: 'Enter the number of students',\n enterCourse: 'Select course',\n btnRequest: 'Request'\n },\n strengthForEnterprise: {\n titlePrimary: 'Strengths when businesses use the application',\n titleBlack: 'Class management features',\n btnMovePageAdmin: 'Course management page'\n },\n enterprise: {\n btnBuyClass: 'Buy Class'\n },\n joinCenter: {\n day: 'day',\n hour: 'hours',\n minutes: 'minute',\n seconds: 'seconds',\n selectCourse: 'Choose a course',\n allItemAreSelected: 'Selected all courses',\n selectAll: 'Select a course',\n search: 'Search',\n expired: 'Expired',\n quickUp: 'QUICK UP',\n getGoodDeals: 'You Want To Get Good Deals'\n },\n allCoursePageCenter: {\n btnRegisterNow: 'Register Now'\n },\n commingSoon: {\n btnRegister: 'Register'\n },\n training: {\n btnJoinTeam: `Join the \"Rainichi\" team today`\n },\n joinEnterprise: {\n descriptionIntro: `Discovering his super powers with Rainichi !!!!!`,\n titlePrimaryIntro: `TEAM RAINICHI`,\n titleBlackIntro: `JOIN`,\n registerCourseEnterprise: `REGISTRATION CLASS FOR BUSINESS`,\n youWantSale: `You Want To Get Good Deals`,\n selectNumberStudent: `Select the number of students`,\n registerNow: `REGISTER NOW`\n },\n articleJob: {\n workPlace: `Workplace`,\n expire: `Expired`,\n salary: `Salary`,\n position: `Position`\n },\n seoTitle: {\n event: `EVENT\b`,\n jobs: `JOBS`,\n faq: `FAQ`,\n center: `CENTER`,\n store: `STORE`,\n exam: `EXAM`,\n course: `COURSES`,\n enterprise: `ENTERPRISE`,\n profile: `PROFILE`,\n login: `SIGN IN`,\n home: `RAINICHI`\n }\n};\n","export default {\n general: {\n alert: 'Cảnh báo',\n error: 'Lỗi',\n ok: 'Ok',\n noToken: 'Bạn chưa đăng nhập',\n networkError: 'Không có internet',\n relogin: 'Đăng nhập lại',\n login: 'Đăng nhập',\n loginStudent: 'Đăng nhập học viên',\n signup: 'Đăng ký',\n signupStudent: 'Đăng ký học viên',\n activeStudent: 'Kích hoạt học viên',\n forgotPassword: 'Quên mật khẩu',\n confirm: 'Xác nhận',\n emailNotExist: 'Không tìm thấy địa chỉ email',\n emailResetLink: 'Chúng tôi đã gửi liên kết đặt lại mật khẩu đến email bạn!'\n },\n header: {\n language: 'Ngôn ngữ',\n btnNameSignUp: 'Đăng nhập / Đăng ký',\n btnNameEnterprise: 'Dành cho doanh nghiệp',\n btnNameLanguage: 'Ngôn ngữ',\n logout: 'Đăng xuất',\n profile: 'Trang cá nhân',\n adminClass: 'Quản lí lớp học',\n message: 'Thông báo',\n inforModal1: ' Phần này dành cho bạn đã mua lớp học doanh nghiệp',\n inforModal2: `Nếu bạn chưa có thì qua trang cửa hàng nhé`,\n btnMoveShop: `Lớp học ở Cửa hàng`\n },\n footer: {\n copyright: `CTY TNHH MTV VIỆT LA BO | GPĐKKD số 0309716416 do Sở KHĐT TP.HCM cấp ngày 08/01/2010.
\n © 2017 - Bản quyền Vietlabo. Trụ sở chính: 231/1 Ba Đình, Phường 8, Quận 8, TP. Hồ Chí Minh.`,\n downloadNow: 'Tải ngay ứng dụng',\n appStore: 'App Store',\n googlePlay: 'Google Play',\n hotline: 'Hotline',\n address: 'Địa chỉ',\n email: 'Email',\n home: 'Trang chủ',\n contact: 'Liên hệ',\n faq: 'Câu hỏi',\n paymentGuide: 'Hướng dẫn thanh toán',\n userManual: 'Hướng dẫn sử dụng',\n about: 'Về chúng tôi',\n enterprise: 'Doanh nghiệp',\n job: 'Việc làm',\n privacyPolicy: 'Chính sách bảo mật',\n studentPolicy: 'Chính sách học viên'\n },\n slidingBanner: {\n title: 'Giải pháp học tiếng nhật cho người bận rộn',\n subTitle: 'Học tiếng nhật trực tuyến - mọi lúc - mọi nơi - mọi chỗ trên mọi thiết bị ',\n appStore: 'App Store',\n googlePlay: 'Google Play',\n nowStudy: 'Học ngay thôi',\n titleBottom: `Tải ngay ứng dụng trên GOOGLE PLAY hoặc APP STORE để học ngay trên điện thoại,\n hoặc học trực tiếp trên máy tính của bạn`\n },\n login: {\n title: 'Đăng nhập',\n active: 'Đăng kí miễn phí',\n activeAccount: 'Đăng ký học viên',\n loginNowButton: 'Đăng nhập ngay',\n forgetPassword: 'Bạn quên mật khẩu',\n wantToRegister: 'Bạn chưa có tài khoản Rainichi. Hãy ',\n wantToLogin: 'Bạn đã có tài khoản Rainichi. Hãy ',\n signUpNow: 'Đăng ký ngay!',\n loginNow: 'Đăng nhập ngay!',\n loginNowWIth: 'Đăng nhập ngay với',\n yourEmail: 'Email của bạn',\n password: 'Mật khẩu',\n activeNow: 'Kích hoạt ngay',\n name: 'Họ & Tên',\n phone: 'Số điện thoại',\n repassword: 'Mật khẩu nhập lại',\n activationToken: 'Mã kích hoạt',\n sendViaMail: 'Gửi thông báo qua mail',\n passcodeInMail: 'Mã kích hoạt đã được gửi vào email của bạn',\n password_wrong_format: 'Mật khẩu phải chứa ít nhất một số và phải có ít nhất 8 ký tự.',\n name_wrong_format: 'Chưa nhập tên người dùng',\n phone_wrong_format: 'Chưa nhập phone người dùng',\n invalidCode: 'Mã kích hoạt sai.'\n },\n coursePage: {\n day: 'ngày',\n course: 'Khóa học'\n },\n introCourse: {\n btnTrial: 'Học Thử',\n btnBuy: 'Mua ngay',\n btnStudy: 'Học ngay'\n },\n vocabularySlide: {\n theSentence: 'Câu',\n chineseVietnameseWord: 'Hán Việt',\n meaning: 'Nghĩa',\n example: 'Ví dụ'\n },\n vocabularyDetail: {\n origin: 'Nguyên gốc',\n resultRecord: 'Kết quả giọng đọc',\n resultFail: 'Không đạt',\n resultPass: 'Đạt',\n speak: 'Nói lại nhé!'\n },\n practice: {\n btnSubmit: 'Nộp bài',\n btnTranslate: 'Dịch',\n btnTranslateOrigin: 'Hiển thị văn bản gốc',\n btnHintShow: 'Cách đọc',\n btnHintHide: 'Gốc',\n checkPreventPage: `Kết quả làm bài sẽ không được lưu lại. Bạn có chắc chắn muốn dừng bài thi? `,\n notData: 'Không có dữ liệu',\n btnGoBack: 'Trở về',\n message: 'Thông báo',\n disconnect: 'Internet đã bị ngắt kết nối',\n submitExam: 'Bạn muốn nộp bài thi?',\n no: 'Không nộp bài',\n goToPageListSectionExam: 'Về danh sách bài thi',\n descriptionExamNow: ` Bạn đã sẵn sàng thi chưa.\n Hãy nhấn nút Bắt đầu phần thi để vào thi.`,\n btnClose: 'Đóng',\n titleExam: 'Phần thi',\n btnStartContest: 'Bắt đầu phần thi',\n timeContest: 'Thời gian thi sẽ là:',\n time: 'phút',\n notPractice: `Phần Hội Thoại không có Luyện tập.\n Bạn vui lòng bấm Mở bài học tiếp theo để qua bài học tiếp theo.`,\n notPracticeCommon: `Phần này không có Luyện tập.\n Bạn vui lòng bấm Mở bài học tiếp theo để qua bài học tiếp theo.`,\n goodLuckPractice: `Chúc bạn học vui vẻ!`,\n btnNextLesson: 'Mở bài học tiếp theo',\n notTime: 'Không có tính giờ'\n },\n submitPractice: {\n titleResult: 'Kết quả',\n contentResult: 'Số điểm của bạn',\n passResult: 'Đậu',\n failResult: 'Rớt',\n failResultExam: 'OK',\n failScore: 'Điểm liệt',\n score: 'Điểm',\n questions: 'Tổng câu hỏi',\n resultContest: 'Kết quả',\n resultDetail: 'Kết quả chi tiết',\n seeResults: 'Xem chi tiết',\n summary: 'Tổng kết',\n passScore: 'Điểm chuẩn',\n nextPractice: `Bài học tiếp theo đã được mở. \n Chúc bạn học vui vẻ!`,\n titleNotPractice: 'Thông báo',\n victory: 'Chúc mừng bạn đã đạt được'\n },\n listen: {\n empty: 'Không có dữ liệu',\n showTip: 'Mở gợi ý',\n hideTip: 'Ẩn gợi ý',\n btnPrev: 'Lùi',\n btnNext: 'Tiếp',\n sentence: 'Câu'\n },\n examPage: {\n day: 'ngày',\n exam: 'Đề thi'\n },\n exam: {\n exam: `Đề thi`,\n description: `Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt\n mollit anim id est laborum. Đề thi`,\n title: 'THÔNG BÁO',\n descriptionLevel: 'Bạn vui lòng chọn trình độ phù hợp',\n submitOK: 'Chọn',\n chooseLevel: 'Chọn trình độ'\n },\n examChild: {\n examNotFound: 'Không tìm thấy dữ liệu đề thi',\n descriptionExam: 'Vui lòng chọn hình thức thi bên dưới. Xin cảm ơn !',\n hasCountTime: 'Có tính giờ',\n noneCountTime: 'Không có tính giờ',\n free: 'Miễn phí',\n title: 'THÔNG BÁO',\n titleBuyNow: 'Mua ngay',\n titleGetExercise: 'Thi ngay',\n titleGetExerciseFree: 'Bắt đầu thi',\n youTookTheExam: 'Bạn đã thi phần',\n checkPreventPage: `Kết quả làm bài sẽ không được lưu lại. Bạn có chắc chắn muốn dừng bài thi? `,\n btnAccept: 'Nộp bài',\n btnNotAccept: 'Thi tiếp',\n descriptionToTalSubmit: `Bạn chưa thi hết các phần,\n bạn muốn nộp bài hay thi tiếp?`,\n duration: 'Thời gian tổng',\n btnToTalSubmit: 'Nộp bài thi tổng',\n atExam: 'Danh sách',\n time: 'phút'\n },\n store: {\n name: 'Cửa hàng',\n buyCoin: 'Mua xu',\n buyCourse: 'Khóa học',\n buyExam: 'Đề thi',\n buyClass: 'Lớp học'\n },\n blockCoin: {\n btnBuy: 'Mua ngay',\n coin: 'Xu'\n },\n blockBuyCourse: {\n valueDefaultCourse: 'Chọn khóa học',\n valueDefaultLevel: 'Chọn trình độ',\n btnBuy: 'Mua ngay',\n title: 'Mua khóa học',\n confirmBuySuccess: 'Bạn đã mua thành công khóa học',\n confirmBuyFail: 'Bạn mua thất bại khóa học',\n confirmNotCoin: `Bạn không đủ Xu để mua khóa học.\n Vui lòng nạp xu để mua khoá học `,\n btnConfirm: 'Đồng ý',\n confirm: 'Bạn đã mua khóa học này rồi. Thời gian còn lại là',\n confirmMore: 'Bạn có muốn mua tiếp?',\n day: 'ngày',\n confirmSure: 'Bạn muốn mua khóa học này?',\n onTime: 'Trọn đời',\n coin: 'Xu',\n successClass: `Tạo lớp học & thêm khóa học thành công.\n Vui lòng liên hệ với quản trị viên và đăng nhập vào trang quản trị`,\n titleClass: 'Lớp học',\n managementClass: 'Quản lí lớp học',\n requestBuyClass: 'Yêu cầu',\n btnStartStudy: 'Bắt đầu học',\n btnStartExam: 'Bắt đầu thi',\n stepBuy: 'Tiếp tục mua',\n btnBuyCoin: 'Nạp xu',\n durationForever: `Bạn đã mua khóa học này trọn đời.\n Bạn không cần mua lại khóa học. Cám ơn`\n },\n blockBuyExam: {\n valueDefaultPackageExam: 'Chọn gói đề thi',\n valueDefaultLevel: 'Chọn trình độ',\n valueDefaultExam: 'Chọn kỳ thi',\n btnBuy: 'Mua ngay',\n coin: 'Xu',\n confirm: 'Bạn muốn mua đề thi này?',\n btnConfirm: 'Đồng ý',\n title: 'Mua đề thi',\n confirmBought: 'Đề thi này đã được mua',\n confirmBuySuccess: 'Bạn đã mua thành công đề thi',\n confirmBuyFail: 'Bạn mua thất bại',\n confirmNotCoin: `Số xu trong tài khoản của bạn không đủ.\n Vui lòng nạp xu để mua khoá học `,\n btnBought: 'Đã mua',\n free: 'Miễn phí',\n createdClass: `Bạn có lớp học.\n Vui lòng vào trang quản trị mua thêm khóa học\n `\n },\n blockPayment: {\n title: 'Chọn hình thức thanh toán',\n transfer: 'Chuyển khoản',\n online: 'Thanh toán Online',\n center: 'Thanh toán Tại Trung tâm Rainichi',\n btnConfirm: 'Tạo đơn hàng',\n infoTransfer1: `Đơn hàng của bạn đã được chuyển đến hệ thống của Rainichi.`,\n infoTransfer2: ` Qúy khách vui lòng thanh toán vào các tài khoản sau của Rainichi.`,\n infoTransfer3: `Để được hướng dẫn thêm vui lòng gọi vào số: `,\n infoTransfer4: `Đơn hàng của bạn đã được ghi nhận, vui lòng đến văn phòng tại địa chỉ:`,\n infoTransfer6: `Để được hướng dẫn thêm vui lòng gọi vào số: `,\n infoBank1: `VCB - Ngân Hàng VietComBank`,\n infoBank2: `Tên tài khoản: Nguyễn Duy Cường`,\n infoBank3: `Số tài khoản: 0181003435738`,\n infoBank4: `Chi nhánh: Phòng giao dịch Quận 4`,\n infoBank5: `Thành phố: Hồ Chí Minh`,\n message: 'Thông báo',\n infoOffline: `Bạn vui lòng đến trung tâm Rainichi tại: `\n },\n alphabet: {\n listen: 'Phát âm'\n },\n infoPractice: {\n theSentence: 'Câu'\n },\n countTime: {\n title: 'Bạn đang thi',\n withTime: 'Có tính giờ',\n freeTime: 'Không tính giờ',\n btnSubmit: 'Nộp bài',\n message: 'Thông báo',\n disconnect: 'Internet đã bị ngắt kết nối'\n },\n profile: {\n titleLevel: 'Trình độ hiện tại',\n btnBuyCoin: 'Mua thêm xu',\n remainingCoin: 'Số xu còn lại',\n myProfile: 'Trang cá nhân',\n myExams: 'Đề thi của bạn',\n myCourse: 'Khóa học của bạn',\n support: 'Yêu cầu hỗ trợ',\n credit: 'Quản lí xu',\n setting: 'Cài đặt',\n methodsCredit: 'Phương thức đạt xu'\n },\n modalUpdateInformation: {\n title: 'Cập nhật thông tin',\n success: 'Cập nhật thông tin thành công',\n fail: 'Cập nhật thông tin thất bại',\n failImage: 'Hình ảnh không hỗ trợ định dạng này hoặc email đã tồn tại',\n passwordFail: 'Mật khẩu không đúng',\n passwordSameFail: 'Mật khẩu cũ và mật khẩu mới phải khác nhau',\n failEmptyName: 'Tên không được để trống'\n },\n updateInformation: {\n title: 'Cập nhật thông tin',\n btnChangeInformation: 'Thay đổi thông tin',\n titleAvatar: 'Avatar đại diện',\n btnUploadAvatar: 'Chọn ảnh đại diện',\n or: 'Hay',\n chooseAvatarDefault: 'Chọn ảnh đại diện có sẵn',\n btnUpdate: 'Cập nhật',\n checkNaN: 'Dữ liệu phải là số ',\n checkValidatePhone: 'Số điện thoại phải đúng 10 số',\n checkIsEmpty: 'Dữ liệu không được để trống',\n message: 'Thông báo',\n checkEmail: 'Email không đúng cú pháp',\n checkName: 'Tên không được để trống',\n checkEmailEmpty: 'Email không được để trống',\n addressIsEmpty: 'Bạn chưa nhập địa chỉ liên hệ',\n contentIsEmpty: 'Hãy gửi 1 lời nhắn tới cho Rainichi nhé',\n phoneIsZero: `Bạn không nên nhập quá nhiều số 0`,\n passwordTheSame: 'Mật khẩu và mật khẩu nhập lại không khớp',\n passwordNotIsCorrect: `Mật khẩu phải chứa ít nhất một số và phải có ít nhất 8 ký tự.`,\n checkPasswordNew: `Bạn chưa điền mật khẩu mới`,\n courseNotSelect: 'Bạn chưa chọn khoá học',\n studentNull: 'Bạn chưa nhập số lượng học viên'\n },\n modalCheckLogin: {\n title: 'Đăng nhập',\n checkUserExits: 'Email đã được đăng kí',\n checkFailUserExist: 'Email và mật khẩu không đúng',\n checkEmailNotEnter: 'Bạn chưa nhập email',\n checkEmail: 'Bạn chưa nhập đúng cú pháp email',\n checkPasswordNotEnter: 'Bạn chưa nhập mật khẩu'\n },\n myExams: {\n title: 'Đề thi của bạn',\n titleExam: 'Đề thi',\n examResult: 'Kết quả',\n examSectionResult: 'Kết quả thi lần',\n notData: 'Bạn chưa có đề thi'\n },\n yourBlock: {\n scorePractice: 'Điểm luyện tập',\n learningResult: 'Kết quả học tập',\n date: 'Ngày thi',\n btnExam: 'Bắt đầu thi',\n btnDetail: 'Chi tiết',\n btnStudyNow: 'Học tiếp',\n nope: 'Chưa thi',\n fail: 'Không đạt',\n pass: 'Đạt',\n progress: 'Tiến độ chung',\n statusIncomplete: 'Chưa hoàn thành',\n statusComplete: 'Hoàn thành',\n statusStudying: 'Đang học',\n statusNotStudy: 'Chưa học',\n day: 'ngày',\n expirationDate: 'Ngày hết hạn',\n status: 'Trạng thái',\n forever: 'Trọn đời',\n score: 'Điểm',\n time: 'Lần thi',\n resultListQuestion: 'Lịch sử lần thi',\n resultHistoryMyExam: 'Đáp án',\n resultHistoryRight: 'Đúng',\n resultHistoryWrong: 'Sai'\n },\n myCourses: {\n learningResult: 'Kết quả học tập',\n student: 'Học viên',\n course: 'Khóa học',\n notData: 'Bạn chưa có khóa học'\n },\n myCoin: {\n title: 'Lịch sử giao dịch',\n coinCurrent: 'Số xu hiện tại',\n buyCoin: 'Mua xu',\n quantity: 'Số xu',\n dateBuy: 'Ngày mua',\n notTransactions: 'Hiện không có giao dịch nào',\n changeCoin: 'Đổi xu',\n dateChange: 'Ngày đổi',\n rewardCoin: 'Kiếm xu',\n receivedDate: 'Ngày nhận'\n },\n methodCredit: {\n title: 'Phương thức đạt xu',\n quantity: 'Số xu',\n method: 'Phương thức'\n },\n lessonInCourse: {\n notData: 'Không có dữ liệu',\n message: 'Thông báo',\n buy: 'Bạn phải hoàn thành bài học trước mới có thể học tiếp bài học này. Xin cảm ơn.',\n bought: 'Bạn cần mua khoá học này để học tiếp phần này. Xin cảm ơn.',\n btnBuy: 'Mua ngay'\n },\n settings: {\n passwordNotSame: 'Mật khẩu xác nhận không giống với mật khẩu mới',\n checkPassword: `Mật khẩu phải chứa ít nhất một số và phải có ít nhất\n 8 kí tự`,\n passwordNotEnter: 'Bạn chưa điền mật khẩu cũ',\n showAnnoument: 'Hiển thị thông báo',\n remindStudy: 'Lời nhắc học tập',\n title: 'Thay đổi mật khẩu',\n placeholderPasswordOld: 'Mật khẩu cũ',\n placeholderPasswordNew: 'Mật khẩu mới',\n confirmPassword: 'Xác nhận mật khẩu mới',\n btnAccept: 'Đồng ý'\n },\n article: {\n news: `Tin Tức`,\n notData: 'Không có dữ liệu'\n },\n articleDetail: {\n btnApply: 'Ứng tuyển ngay',\n btnApplyed: 'Đã ứng tuyển',\n btnShareFacebook: 'Chia sẻ Facebook',\n btnShareGooglePlust: 'Chia sẻ Google+',\n btnShareTwitter: 'Chia sẻ Twitter',\n articlePrevNotData: 'Không có bài trước',\n articleNextNotData: 'Không có bài tiếp theo',\n expireDate: 'Ngày hết hạn'\n },\n modalContent: {\n resultDescriptionJob: 'Bạn đã nộp đơn thành công',\n title: 'Việc làm',\n checkCV: 'Bạn chưa thêm CV',\n checkEmail: 'Bạn chưa thêm Email',\n emailValid: 'Email không đúng cú pháp',\n checkName: 'Bạn chưa nhập tên',\n checkDescription: 'Mô tả không được để trống',\n checkCVIsApplied: 'Bạn đã nộp CV này rồi',\n checkCVMaxFile: 'Kích thước file không vượt quá 1MB',\n fileEmpty: 'Vui lòng điền thông tin vào file CV'\n },\n faq: {\n frequentlyAskedQuestions: 'CÂU HỎI THƯỜNG GẶP'\n },\n slideCenter: {\n registerStudy: 'Đăng ký học ngay'\n },\n contact: {\n fullName: 'Họ & Tên',\n enterFullName: 'Nhập họ & tên',\n phone: 'Số điện thoại',\n enterPhone: 'Nhập số điện thoại',\n email: 'Email',\n enterEmail: 'Nhập email',\n address: 'Địa chỉ liên hệ',\n enterAddress: 'Nhập địa chỉ liên hệ',\n message: 'Lời nhắn của bạn đến Trung Tâm Rainichi',\n enterMessage: 'Hãy gửi 1 lời nhắn tin Rainichi',\n btnSend: 'Gửi'\n },\n applyJob: {\n btnComeBack: 'Trở về',\n applyToJob: 'Ứng tuyển',\n nameCandidate: 'Tên của bạn',\n enterNameCandidate: 'Nhập tên của bạn',\n emailCandidate: 'Email của bạn',\n enterEmailCandidate: 'Nhập email của bạn',\n uploadMyCV: 'Upload CV của bạn',\n uploadFile: 'Chọn file',\n notFile: 'Không có file nào được chọn',\n descriptionStrongMySkill: 'Mô tả về những điểm mạnh của bạn',\n enterStrongMySkill: 'Nhập điểm mạnh của bạn',\n btnSendCV: 'Gửi CV'\n },\n pageAnnoumentMobile: {\n message: 'Thông báo',\n subMessage: `Vui lòng dùng 1 trong 2 phương thức sau để sử dụng cho phần này`,\n useDesktop: `Dùng phiên bản hiển thị trên máy tính`,\n useMobile: `Download ứng dụng từ Apple Store hay Google để sử dụng`\n },\n modalContact: {\n title: 'Thông báo',\n emptyName: 'Bạn chưa nhập họ và tên',\n emptyEmail: 'Bạn chưa nhập email',\n emptyPhone: 'Bạn chưa nhập số điện thoại',\n emptyCourse: 'Bạn chưa lựa chọn khóa học',\n emptyNumOfEmployee: 'Bạn chưa lựa chọn số học viên',\n registerSuccess: `Bạn đã đăng kí thành công. Chúng tôi sẽ liên hệ với bạn sau.\n Cảm ơn bạn.`,\n emptyAddress: `Bạn chưa nhập địa chỉ`,\n emptyContent: `Hãy gửi 1 lời nhắn cho Rainichi`,\n sendSuccess: `Cảm ơn bạn đã liên hệ với chúng tôi.`,\n phoneIsZero: `Bạn không nên nhập quá nhiều số 0`,\n phoneNotValid: 'Số điện thoại của bạn không đúng',\n emailNotValid: 'Email không đúng cú pháp',\n nameCourse: 'Mua Khóa học',\n enterName: 'Nhập Họ và tên',\n enterPhone: 'Nhập số điện thoại',\n enterEmail: 'Nhập email',\n enterContent: 'Lời nhắn dành cho Rainichi',\n btnRegister: 'Đăng ký',\n btnRegisterNow: 'Đăng ký học ngay',\n userExist: 'Bạn đã có lớp học . Bạn có muốn mua tiếp lớp học không?',\n userJoined: 'Học viên đã được vào lớp. Chức năng này chỉ dành cho học viên chưa có lớp',\n notAccept: 'Không đồng ý',\n accept: 'Đồng ý'\n },\n buyClass: {\n buyClassNotExist: 'Mua lớp theo yêu cầu',\n enterNumberOfEmployee: 'Nhập số lượng học viên',\n enterCourse: 'Chọn khóa học',\n btnRequest: 'Yêu cầu'\n },\n strengthForEnterprise: {\n titlePrimary: 'Điểm mạnh khi doanh nghiệp sử dụng ứng dụng',\n titleBlack: 'Tính năng quản lí lớp học',\n btnMovePageAdmin: 'Trang quản lý khóa học'\n },\n enterprise: {\n btnBuyClass: 'Mua lớp học'\n },\n joinCenter: {\n day: 'ngày',\n hour: 'giờ',\n minutes: 'phút',\n seconds: 'giây',\n selectCourse: 'Chọn khóa học',\n allItemAreSelected: 'Đã chọn hết khóa học',\n selectAll: 'Chọn hết khóa học',\n search: 'Tìm kiếm',\n expired: 'Hết hạn',\n quickUp: 'NHANH TAY LÊN',\n getGoodDeals: 'Bạn Muốn Nhận Được Ưu Đãi Tốt'\n },\n allCoursePageCenter: {\n btnRegisterNow: 'Đăng ký ngay'\n },\n commingSoon: {\n btnRegister: 'Đăng ký'\n },\n training: {\n btnJoinTeam: `Gia nhập team \"Rainichi\" ngay hôm nay`\n },\n joinEnterprise: {\n descriptionIntro: `Cùng Rainichi khám phá siêu năng lực bản thân !!!!!`,\n titlePrimaryIntro: `TEAM RAINICHI`,\n titleBlackIntro: `GIA NHẬP`,\n registerCourseEnterprise: `ĐĂNG KÍ LỚP HỌC CHO DOANH NGHIỆP`,\n youWantSale: `Bạn Muốn Nhận Được Ưu Đãi Tốt`,\n selectNumberStudent: `Chọn số học viên`,\n registerNow: `ĐĂNG KÝ NGAY`\n },\n articleJob: {\n workPlace: `Nơi làm việc`,\n expire: `Hết hạn`,\n salary: `Mức lương`,\n position: `Chức vụ`\n },\n seoTitle: {\n event: `SỰ KIỆN`,\n jobs: `VIỆC LÀM`,\n faq: `FAQ`,\n center: `TRUNG TÂM`,\n store: `CỬA HÀNG`,\n exam: `ĐỀ THI`,\n course: `KHOÁ HỌC`,\n enterprise: `DOANH NGHIỆP`,\n profile: `TRANG CÁ NHÂN`,\n login: `ĐĂNG NHẬP`,\n home: `RAINICHI`\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-22 14:16:48\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-06-11 17:47:16\n */\n\nimport { theme } from 'appCore';\n\nconst widthLargeKey = `@media (min-width: ${theme.screens.maxWidth}px)\n and (max-width: ${theme.screens.maxWidthLargeMedium}px)`;\n\nconst widthSmallKey = `@media (max-width: ${theme.screens.maxWidth}px)`;\n\nconst convertNumber = (px, number) => {\n let numberString;\n if (typeof px === 'string' && px.indexOf('px') !== -1) {\n const numberStringFirst = px.indexOf(',');\n const numberStringFinally = numberStringFirst !== -1 ? px.replace(',', '') : px;\n numberString = numberStringFinally.slice(0, px.indexOf('px')) * number;\n return `${numberString}px`;\n }\n return px * number;\n};\n\nconst createLarge = (key, origin) => ({\n [key]: convertNumber(origin, 0.7)\n});\n\nconst createSmall = (key, origin) => ({\n [key]: convertNumber(origin, 0.65)\n});\n\nconst scale = keys => origins => {\n const orginArr = keys.map((k, i) => ({\n [k]: origins[i],\n [widthLargeKey]: {\n ...Object.assign({}, ...keys.map((_k, _i) => createLarge(_k, origins[_i])))\n },\n [widthSmallKey]: {\n ...Object.assign({}, ...keys.map((_k, _i) => createSmall(_k, origins[_i])))\n }\n }));\n return {\n ...Object.assign({}, ...orginArr)\n };\n};\n\nexport const scaleStyle = objectStyle => {\n const keys = Object.keys(objectStyle);\n const values = keys.map(k => objectStyle[k]);\n return scale(keys)(values);\n};\n\nexport default scale;\n","import { createBrowserHistory } from 'history';\n\nexport default createBrowserHistory({});\n","/* eslint-disable */\nimport { isEmpty } from 'lodash';\nexport default (data, currentLanguage) => {\n return !isEmpty(data) && data.translations && data.translations[currentLanguage]\n ? data.translations[currentLanguage]\n : data.translations && data.translations.vi;\n};\n","/* eslint-disable */\nimport { isEmpty } from 'lodash';\nexport default (data, currentLanguage, key) => {\n let value = '' \n if (!isEmpty(data) && data.translations && data.translations[currentLanguage] && data.translations[currentLanguage][key]) {\n value = data.translations[currentLanguage][key]\n } else {\n value = data.translations && data.translations.vi && data.translations.vi[key] || ''\n }\n return value\n \n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-08 11:08:08\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-19 13:34:47\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n block: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.colors.white,\n overflow: 'hidden',\n ...scaleStyle({\n borderRadius: 30\n })\n },\n borderColorDefault: {\n border: `1px solid ${theme.colors.gray87}`\n },\n borderColorPrimary: {\n border: `1px solid ${theme.colors.primary}`\n },\n borderColorSecondary: {\n border: `1px solid ${theme.colors.secondary}`\n },\n row: {\n flexDirection: 'row'\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-08-06 09:29:27\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-09-09 16:47:13\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n button: {\n position: 'relative',\n display: 'flex',\n background: theme.colors.primary,\n color: theme.colors.white,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n alignItems: 'center',\n outline: 'none',\n cursor: 'pointer',\n fontFamily: 'Open Sans',\n transition: 'all 0.5s',\n border: `1px solid ${theme.colors.white}`,\n whiteSpace: 'nowrap',\n '&:hover': {\n background: theme.colors.white,\n color: theme.colors.black,\n border: `1px solid ${theme.colors.lightgray}`\n },\n '&:active': {\n background: theme.colors.black,\n color: theme.colors.white\n },\n '& > span': {\n width: '100%'\n },\n padding: '0 25px',\n ...scaleStyle({\n minHeight: 60,\n borderRadius: 70,\n fontSize: 20,\n lineHeight: '60px'\n })\n },\n big: {\n background: theme.colors.backgroundGray,\n color: theme.colors.middlegray,\n justifyContent: 'center',\n border: 'solid 1px lightgray',\n ...scaleStyle({\n minHeight: 72.5,\n fontSize: 14,\n width: 217\n })\n },\n small: {\n textTransform: 'unset',\n fontWeight: 'unset',\n ...scaleStyle({\n minHeight: 40,\n fontSize: 15,\n lineHeight: '40px'\n })\n },\n secondary: {\n background: theme.colors.secondary,\n color: theme.colors.black\n },\n third: {\n background: theme.colors.gray,\n color: theme.colors.white\n },\n fourth: {\n background: theme.colors.white,\n color: theme.colors.gray,\n border: `1px solid ${theme.colors.gray}`\n },\n facebook: {\n background: theme.colors.facebook,\n color: theme.colors.white,\n border: `1px solid ${theme.colors.facebook}`,\n '&:hover': {\n background: '#234484',\n color: theme.colors.white\n }\n },\n googlePlus: {\n background: theme.colors.googlePlus,\n color: theme.colors.white,\n border: `1px solid ${theme.colors.googlePlus}`,\n '&:hover': {\n background: '#c12f1f',\n color: theme.colors.white\n }\n },\n twitter: {\n background: theme.colors.twitter,\n color: theme.colors.white,\n border: `1px solid ${theme.colors.twitter}`,\n '&:hover': {\n background: '#348dd1',\n color: theme.colors.white\n }\n },\n icon: {\n ...scaleStyle({\n width: 32\n // height: 32\n })\n },\n label: {\n marginLeft: 10\n },\n loading: {\n paddingRight: 40,\n opacity: 0.5,\n pointerEvents: 'none',\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n right: 10,\n top: '50%',\n marginTop: '-10px',\n width: 12,\n height: 12,\n border: '4px solid',\n borderLeftColor: 'transparent',\n borderRadius: '50%',\n animation: 'rotate360 .5s infinite linear'\n }\n },\n\n '@keyframes rotate360': {\n '100%': {\n transform: 'rotate(360deg)'\n }\n },\n disable: {\n cursor: 'default',\n background: theme.colors.gray,\n pointerEvents: 'none'\n },\n hidden: {\n cursor: 'default',\n opacity: 0,\n pointerEvents: 'none'\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {}\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-03 11:25:25\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-06-28 10:40:19\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\nimport PropTypes from 'prop-types';\n\n// Import Styles\nimport styles from './styles';\n\nfunction LinkContact(props) {\n const { classes, nameContact, href, children, className } = props;\n\n return (\n \n {children}\n {nameContact}\n \n );\n}\n\nLinkContact.propTypes = {\n href: PropTypes.string.isRequired,\n nameContact: PropTypes.string.isRequired\n};\n\nexport default injectSheet(styles)(LinkContact);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-06 10:19:37\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-21 11:33:43\n */\n\nimport { theme } from 'appCore';\n\nexport default {\n linkContact: {\n textDecoration: 'none',\n color: theme.colors.primary,\n ...theme.components.linkContact,\n minHeight: 24,\n display: 'inline-flex',\n alignItems: 'center',\n '&::before': {\n content: 'a'\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-03 09:32:20\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-03 14:13:23\n */\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\nimport styles from './styles';\n\nconst Divider = ({ classes, className }) => ;\n\nexport default injectSheet(styles)(Divider);\n","import { theme } from 'appCore';\n\nexport default {\n divider: {\n backgroundColor: theme.colors.divider,\n height: 1.5,\n width: '100%'\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-08 16:55:30\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-15 14:52:13\n */\nimport React, { useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\n\nimport { images } from 'appCore';\nimport styles from './styles';\n\nfunction Slide(props) {\n const { classes, imageBanner, children, idSlide, className } = props;\n\n let slideIndex = 1;\n\n const slidingBanner = n => {\n const x = document.querySelectorAll(`#${idSlide}`);\n\n let i = 0;\n\n if (n > x.length) {\n slideIndex = 1;\n }\n if (n < 1) {\n slideIndex = x.length;\n }\n for (i; i < x.length; i += 1) {\n x[i].style.display = 'none';\n }\n if (x !== undefined && x.length !== 0) {\n x[slideIndex - 1].style.display = 'flex';\n }\n };\n\n const autoSlide = n => {\n slidingBanner((slideIndex += n));\n setInterval(() => {\n slidingBanner((slideIndex += n));\n }, 5000);\n };\n\n useEffect(() => {\n autoSlide(1);\n });\n\n return (\n
\n {isTitleBlack && {titleBlack}}\n \n {titlePrimary}\n \n \n {isImage && 
}\n {isDescription && (\n {renderDescription()}\n )}\n
\n );\n}\n\nIntroduction.propTypes = {\n titleBlack: PropTypes.string,\n titlePrimary: PropTypes.string,\n description: PropTypes.string,\n isTitleBlack: PropTypes.bool,\n isDescription: PropTypes.bool,\n type: PropTypes.string,\n isImage: PropTypes.bool\n};\n\nIntroduction.defaultProps = {\n titleBlack: `Title Black`,\n titlePrimary: `Titte Primary`,\n description: `Excepteur sint occaecat cupidatat non proident,\n sunt in culpa qui officia deserunt mollit anim id est laborum.`,\n isTitleBlack: true,\n isDescription: true,\n type: 'default',\n isImage: false\n};\n\nexport default injectSheet(styles)(Introduction);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-10 09:42:45\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-06 16:42:30\n */\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n container: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n },\n introductionFeature: {\n fontWeight: `bold`,\n color: theme.colors.grayDark,\n textTransform: 'uppercase',\n ...scaleStyle({\n fontSize: 25,\n lineHeight: `34px`\n })\n },\n whoUseFeature: {\n color: theme.colors.primary,\n textTransform: 'uppercase',\n textAlign: 'center',\n fontWeight: `bold`,\n ...scaleStyle({\n fontSize: 40,\n lineHeight: `55px`,\n marginTop: 6\n })\n },\n title: {\n fontWeight: `bold`\n },\n borderFeature: {\n backgroundColor: theme.colors.primary,\n ...scaleStyle({\n marginTop: 26,\n height: 5,\n width: 60\n })\n },\n descriptionCommomFeature: {\n color: theme.colors.gray,\n textAlign: 'center',\n\n fontSize: 13,\n lineHeight: '24px',\n ...scaleStyle({\n marginTop: 55,\n // fontSize: 20,\n // lineHeight: `27px`,\n maxWidth: 1435,\n marginBottom: 20\n }),\n [`@media screen and (min-width: 1200px)`]: {\n fontSize: 20,\n lineHeight: `30px`\n }\n },\n imgPracticeExercise: {\n ...scaleStyle({\n width: 268,\n height: 268,\n borderRadius: 30,\n marginTop: 20\n })\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n descriptionCommomFeature: {\n maxWidth: 350\n },\n introductionFeature: {\n fontSize: 13\n },\n whoUseFeature: {\n fontSize: 20,\n maxWidth: 240\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-03 09:32:20\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-29 16:28:18\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport injectSheet from 'react-jss';\nimport styles from './styles';\n\nfunction TextInput(props) {\n const {\n className,\n classes,\n value,\n icon,\n type,\n onChange,\n placeholder,\n error,\n onKeyPress,\n onKeyDown,\n classNameInput\n } = props;\n\n return (\n \n {icon && (\n
\n );\n}\n\nTextInput.propTypes = {\n type: PropTypes.string,\n icon: PropTypes.string,\n placeholder: PropTypes.string,\n onChange: PropTypes.func\n};\n\nTextInput.defaultProps = {\n type: 'text',\n icon: '',\n placeholder: '',\n onChange: () => {}\n};\n\nexport default injectSheet(styles)(TextInput);\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n textinput: {\n display: 'flex',\n position: 'relative',\n margin: 10,\n width: `98%`,\n ...scaleStyle({\n height: 60\n })\n },\n error: {\n '&:after': {\n content: '\"*\"',\n position: 'absolute',\n display: 'flex',\n top: 'calc(50% - 8px)',\n fontWeight: 'bold',\n color: theme.colors.error,\n ...scaleStyle({\n fontSize: 15,\n right: 15\n })\n }\n },\n left: {\n position: 'absolute',\n zIndex: 2,\n left: 0,\n top: 0,\n bottom: 0,\n display: 'flex',\n ...scaleStyle({\n width: 60\n })\n },\n icon: {\n margin: 'auto',\n ...scaleStyle({\n width: 30,\n height: 30\n })\n },\n right: {\n width: `100%`,\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n ...scaleStyle({\n height: 60\n })\n },\n input: {\n flex: 1,\n width: 'calc(100% - 60px)',\n height: 'calc(100% - 2px)',\n border: `solid 1px ${theme.colors.gray87}`,\n fontFamily: 'Open Sans',\n ...scaleStyle({\n fontSize: 20,\n borderRadius: 10,\n paddingLeft: 60\n }),\n '&:focus': {\n outline: 'unset',\n border: `solid 1px ${theme.colors.primary}`\n }\n },\n noIcon: {\n padding: '0 10px',\n width: 'auto'\n },\n errorInput: {\n border: `solid 1px ${theme.colors.error}`\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n input: {\n fontSize: 12,\n fontWeight: 'bold',\n borderRadius: 10,\n paddingLeft: 30\n }\n }\n};\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n wrapper: {\n margin: 'auto',\n position: 'relative',\n ...scaleStyle({\n minHeight: 347,\n minWidth: 500\n })\n },\n close: {\n position: 'absolute',\n cursor: 'pointer',\n transition: 'all 1s',\n '&:hover': {\n transform: 'rotate(180deg)'\n },\n ...scaleStyle({\n right: 40,\n top: 20,\n width: 30,\n height: 30\n })\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: `100%`,\n transition: 'all 1s',\n ...scaleStyle({\n minHeight: 275,\n padding: 20\n })\n },\n title: {\n color: theme.colors.primary,\n fontWeight: 'bold',\n textAlign: 'center',\n textTransform: 'uppercase',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n ...scaleStyle({\n fontSize: 30\n })\n },\n divider: {\n height: 5,\n background: theme.colors.primary,\n ...scaleStyle({\n marginTop: 23,\n width: 100\n })\n },\n children: {\n alignItems: 'center',\n flex: 1,\n display: 'flex',\n justifyContent: 'center',\n textAlign: 'center',\n width: `100%`,\n ...scaleStyle({\n fontSize: 20,\n marginTop: 35\n })\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n children: {\n maxWidth: 250,\n display: 'flex',\n alignSelf: 'center'\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-13 16:58:03\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-13 17:15:37\n */\n\nimport React, { useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport { translator } from 'utils';\n\nimport styles from './styles';\n\nfunction Dot(props) {\n const { classes, dataDots, idDot } = props;\n\n let slideIndex = 1;\n\n const dotS = n => {\n const x = document.querySelectorAll(`#${idDot}`);\n\n let i = 0;\n\n if (n > x.length) {\n slideIndex = 1;\n }\n if (n < 1) {\n slideIndex = x.length;\n }\n for (i; i < x.length; i += 1) {\n x[i].style.background = '#b2b2b2';\n }\n if (x !== undefined && x.length !== 0) {\n x[slideIndex - 1].style.background = '#f37021';\n }\n };\n\n const autoSlide = n => {\n dotS((slideIndex += n));\n setInterval(() => {\n dotS((slideIndex += n));\n }, 5000);\n };\n\n useEffect(() => {\n autoSlide(1);\n }, []);\n\n return (\n \n 
\n
\n )}\n \n
\n \n {dataDots.map((dot, i) => {\n return ;\n })}\n
\n );\n}\n\nDot.defaultProps = {\n dataDots: [\n {\n id: 1\n },\n {\n id: 2\n }\n ]\n};\n\nexport default translator(injectSheet(styles)(Dot));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-13 17:00:44\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-13 17:44:22\n */\n\nimport { theme } from 'appCore';\n\nexport default {\n dotContainer: {\n display: 'flex',\n marginTop: 45,\n justifyContent: 'center',\n marginBottom: 44\n },\n dot: {\n width: 10,\n height: 10,\n borderRadius: 999,\n backgroundColor: theme.colors.grayb2,\n marginRight: 10\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-15 10:27:37\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-02 15:50:15\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport { Link } from 'react-router-dom';\nimport { withRouter } from 'react-router';\nimport { translator } from 'utils';\nimport renderHTML from 'react-render-html';\nimport { Button, Block, Video } from 'components';\nimport styles from './styles';\n\nfunction IntroductionCourse(props) {\n const {\n classes,\n description,\n title,\n idLesson,\n linkYoutube,\n isBought,\n onClickShow,\n labelDefaultButton,\n strings\n } = props;\n\n const lang = strings.introCourse;\n\n const url =\n linkYoutube &&\n (linkYoutube.includes('https://youtu.be/')\n ? linkYoutube.replace('https://youtu.be/', 'https://www.youtube.com/embed/')\n : linkYoutube.replace('https://www.youtube.com/watch?v=', 'https://www.youtube.com/embed/'));\n\n return (\n \n {url ? (\n \n {title}\n \n
\n );\n}\n\nIntroductionCourse.defaultProps = {\n title: `Khóa học`,\n description: `Mô tả về khóa học`,\n linkYoutube: 'https://www.youtube.com/embed/axa7OWiReg4',\n isBought: false,\n labelDefaultButton: 'Học ngay',\n onClickShow: () => {}\n};\n\nexport default withRouter(translator(injectSheet(styles)(IntroductionCourse)));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-15 10:41:49\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-30 11:17:05\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n container: {\n width: '100%'\n // display: 'flex',\n // paddingLeft: 30,\n // paddingRight: 30,\n // flexDirection: 'column',\n // margin: `0px auto`,\n // alignItems: 'center',\n // ...scaleStyle({\n // maxWidth: 1440.3\n // })\n },\n boxBtn: {\n display: 'flex',\n flexDirection: 'row'\n },\n boxBtnContainer: {\n marginTop: 77,\n marginBottom: 61,\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center'\n },\n btn: {\n width: 180,\n display: 'flex',\n justifyContent: 'center',\n marginRight: 20\n },\n blockYoutube: {\n ...scaleStyle({\n maxWidth: 1440.3\n })\n },\n introTitle: {\n ...scaleStyle({\n maxWidth: 1265,\n fontSize: 35,\n lineHeight: `50px`,\n marginBottom: 60\n }),\n color: theme.colors.primary\n },\n descriptionCourse: {\n lineHeight: `35px`,\n marginBottom: 28,\n ...scaleStyle({\n fontSize: 20\n })\n },\n blockDescription: {\n marginBottom: 60,\n padding: `43px 50px 28px 50px`,\n display: 'block'\n },\n video: {\n // height: 400,\n ...scaleStyle({\n maxWidth: 1000,\n margin: '0 auto',\n width: `100%`,\n borderRadius: 40\n }),\n '& > button': {\n marginBottom: 20\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-15 17:17:36\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-15 17:23:31\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport { translator } from 'utils';\nimport styles from './styles';\n\nfunction DurationCourse(props) {\n const { classes, duration, day, strings } = props;\n const lang = strings.blockBuyCourse;\n return (\n \n
\n ) : (\n \n )}\n \n \n
\n \n {isBought === true ? (\n onClickShow()} to={`/khoa-hoc/bai-hoc/${idLesson}`}>\n \n \n ) : (\n
\n \n onClickShow()} to={`/khoa-hoc/bai-hoc/${idLesson}`}>\n \n \n \n \n \n
\n )}\n \n {renderHTML(description === null ? '' : description)}\n
\n \n {duration && (\n {`${\n duration === 999999 ? lang.onTime : `${duration} ${day}`\n } `}\n )}\n
\n );\n}\n\nDurationCourse.defaultProps = {\n duration: 0,\n day: 'day'\n};\n\nexport default translator(injectSheet(styles)(DurationCourse));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-15 17:21:27\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-05-21 15:49:53\n */\n\nimport { theme } from 'appCore';\n\nexport default {\n durationCourse: {\n position: `absolute`,\n backgroundColor: theme.colors.primary,\n textAlign: `center`,\n color: theme.colors.white,\n ...theme.components.durationCourse\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport injectSheet from 'react-jss';\nimport { Link } from 'react-router-dom';\nimport styles from './styles';\n\nfunction Tab(props) {\n const { active, classes, tabs } = props;\n const tabItem = (label, index, to, action) => (\n \n {tabs.map((t, i) => (\n
\n \n );\n}\n\nTab.propTypes = {\n tabs: PropTypes.arrayOf(Object),\n active: PropTypes.number\n};\n\nTab.defaultProps = {\n tabs: [{ label: 'tabA', content: 'aaa' }, { label: 'tabB', content: {} }],\n active: 0\n};\n\nexport default injectSheet(styles)(Tab);\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n tabs: {\n height: 55,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderBottom: `solid ${theme.colors.lightgray} 1px`,\n marginBottom: 30\n },\n itemWrapper: {\n display: 'flex',\n alignItems: 'center'\n },\n tabItem: {\n color: theme.colors.black,\n textTransform: 'uppercase',\n fontWeight: 'bold',\n borderBottom: `solid transparent`,\n '&:hover': {\n color: theme.colors.primary,\n borderBottom: 'solid'\n },\n ...scaleStyle({\n lineHeight: '55px',\n marginRight: 30,\n marginLeft: 30,\n fontSize: 20\n })\n },\n active: {\n color: theme.colors.primary,\n borderBottom: 'solid'\n },\n divider: {\n width: 1.5,\n background: 'gray',\n height: 16\n },\n content: {\n marginTop: 20\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport injectSheet from 'react-jss';\nimport { Link } from 'react-router-dom';\nimport { Block } from 'components';\nimport { images } from 'appCore';\nimport styles from './styles';\n\nconst LeftMenu = ({ classes, list, active, onClickItem, language, className }) => {\n return (\n \n \n {tabItem(t.label, i, t.to, t.action)}\n
\n ))}\n \n onClick(word)}>\n {word.vocabulary ? word.vocabulary : word.kanji}\n \n {word.spelling\n ? word.spelling\n : word.translations && word.translations[currentLang]\n ? word.translations[currentLang].meaning\n : word.meaning}\n \n
\n );\n};\n\nWordBox.propTypes = {\n word: PropTypes.objectOf(Object),\n onClick: PropTypes.func\n};\n\nWordBox.defaultProps = {\n word: {\n audio: `http://stg.api.rainichi.com/storage/files/vocabulary/audios/\n fe92b5d90dd0d7d2f7bd25710210a65d.mp3`,\n audio_example_1: null,\n audio_example_2: null,\n hiragana: null,\n id: 120,\n image: null,\n is_active: 1,\n kanji: null,\n katakana: null,\n spelling: 'a',\n svg: 'http://api.rainichi.com/kanji/03042.svg',\n translations: {\n vi: { chinese_vietnamese_word: null, meaning: 'a', example1: null, example2: null }\n },\n type: 5,\n vocabulary: 'あ'\n },\n onClick: () => {}\n};\n\nexport default injectSheet(styles)(WordBox);\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n wrapper: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n zIndex: 0,\n cursor: 'pointer',\n flex: '1 0 17%',\n '&:hover': {\n backgroundColor: theme.colors.highlight\n },\n ...scaleStyle({\n height: 178,\n maxWidth: 224,\n borderRadius: 40\n })\n },\n active: {\n backgroundColor: theme.colors.highlight\n },\n vocabulary: {\n fontFamily: theme.fonts.montserrat,\n fontWeight: 600,\n ...theme.components.vocabulary\n },\n spelling: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n ...scaleStyle({\n maxWidth: 190,\n lineHeight: '60px',\n fontSize: 30\n })\n }\n};\n","import React, { useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport { connect } from 'react-redux';\nimport { compose } from 'recompose';\nimport 'appCore/libs/dmak.min';\nimport renderHTML from 'react-render-html';\nimport { SoundController, Block } from 'components';\nimport { constants, translate } from 'utils';\nimport { images, theme } from 'appCore';\nimport { selectors } from 'containers/LessonBySkill/duck';\nimport styles from './styles';\n\nconst mapStateToProps = state => selectors(state);\n\nconst WordPopupContent = ({\n classes,\n word,\n kanjiItem,\n kanji,\n currentLang,\n getKanjiDetail,\n removeDataKanji\n}) => {\n const redrawKanji = () => {\n const drawElement = document.getElementById('draw');\n if (drawElement) drawElement.innerHTML = '';\n // eslint-disable-next-line no-undef\n const dmak = new Dmak(kanjiItem || (word.vocabulary ? word.vocabulary : word.kanji), {\n element: 'draw',\n uri: constants.KANJI_API,\n step: 0.01,\n height: 200,\n width: 200,\n stroke: {\n order: {\n visible: true\n },\n attr: {\n active: theme.colors.primary\n }\n }\n });\n return dmak;\n };\n\n const reload = () => redrawKanji();\n\n useEffect(() => {\n redrawKanji();\n if (getKanjiDetail || word.kanji) getKanjiDetail(kanjiItem || word.kanji);\n return () => {\n if (getKanjiDetail || word.kanji) removeDataKanji();\n };\n }, []);\n\n return (\n \n \n {word.spelling}\n {Object.entries(kanji).length !== 0 && (\n <>\n \n \n {kanji.translations &&\n translate(kanji, currentLang) &&\n translate(kanji, currentLang).example1 && (\n \n \n )}\n {kanji.translations &&\n translate(kanji, currentLang) &&\n translate(kanji, currentLang).example2 && (\n \n \n )}\n \n )}\n
\n );\n};\n\nexport default compose(\n connect(mapStateToProps),\n injectSheet(styles)\n)(WordPopupContent);\n","/*\n * Draw Me A Kanji - v0.3.1\n * A funny drawer for your Japanese writings\n * http://drawmeakanji.com\n *\n * Made by Matthieu Bilbille\n * Under MIT License\n */\n/* eslint-disable */\n!function(){\"use strict\";function a(a,b){var c,d,e,f,g=[];for(e=0;e\n Từ\n : {kanji.kanji}\n
\n \n Hán việt\n \n : {translate(kanji, currentLang).chinese_vietnamese_word}\n {/* {kanji.translations && kanji.translations[currentLang]\n ? kanji.translations[currentLang].chinese_vietnamese_word\n : kanji.translations && kanji.translations.vi.chinese_vietnamese_word} */}\n \n
\n \n Ý nghĩa\n \n : {translate(kanji, currentLang).meaning}\n {/* {kanji.translations && kanji.translations[currentLang]\n ? kanji.translations[currentLang].meaning\n : kanji.translations && kanji.translations.vi.meaning} */}\n \n
\n \n Ví dụ 1\n \n {renderHTML(translate(kanji, currentLang).example1)}\n {/* {kanji.translations && kanji.translations[currentLang]\n ? renderHTML(kanji.translations[currentLang].example1)\n : renderHTML(kanji.translations && kanji.translations.vi.example1)} */}\n \n
\n \n Ví dụ 2\n \n {renderHTML(translate(kanji, currentLang).example2)}\n {/* {kanji.translations && kanji.translations[currentLang]\n ? renderHTML(kanji.translations[currentLang].example2)\n : renderHTML(kanji.translations && kanji.translations.vi.example2)} */}\n \n
\n \n
\n \n 
\n
\n {kanjiItem && \n \n {checkSell()\n ? ''\n : !bought && (\n 
\n )}\n \n {!checkSell() && !!window.StyleMedia && (\n
\n \n {lesson.stars !== 99 && (\n {getStar(lesson.stars)}
\n )}\n \n {translate(lesson, currentLang).name}\n \n \n );\n}\n\nexport default injectSheet(styles)(Sell);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-16 10:29:29\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-06 11:49:12\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n boxChildCourse: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: `center`,\n ...scaleStyle({\n // width: 285\n })\n },\n childCourse: {\n cursor: `pointer`,\n position: 'relative',\n ...scaleStyle({\n // width: 245,\n // height: 229,\n // marginLeft: 27,\n // marginRight: 27\n })\n },\n name: {\n textAlign: `center`,\n lineHieght: `48px`,\n whiteSpace: `nowrap`,\n overflow: `hidden`,\n textOverflow: `ellipsis`,\n color: theme.colors.black,\n ...scaleStyle({\n width: 245,\n marginBottom: 63,\n marginTop: 28,\n fontSize: 20\n })\n },\n imgPadlock: {\n position: 'absolute',\n zIndex: 1\n },\n imgChildCourse: {\n width: `100%`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: '100% auto',\n objectFit: 'contain',\n position: 'relative',\n paddingTop: '79%',\n backgroundPosition: 'center center'\n },\n boxStar: {\n marginTop: 20\n },\n star: {\n width: 24,\n height: 24\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-16 16:16:04\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-13 11:00:42\n */\n\nimport React from 'react';\n\nimport { Button } from 'components';\nimport injectSheet from 'react-jss';\nimport cla from 'classnames';\n\nimport styles from './styles';\n\nfunction ModalContent(props) {\n const {\n classes,\n title,\n description,\n isButton,\n btnLabelModal,\n children,\n isButtonExtend,\n btnLabelModalExtend,\n classDescription,\n classBorder,\n onClickDefault,\n onClickExtend,\n classButtonDefault,\n isLoading\n } = props;\n\n return (\n \n {title}\n \n {description && (\n {description}\n )}\n {children && children}\n
\n );\n}\n\nModalContent.defaultProps = {\n title: `Title`,\n isButton: true,\n btnLabelModal: 'Mua ngay'\n};\n\nexport default injectSheet(styles)(ModalContent);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-16 16:20:27\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-14 10:29:14\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n container: {\n margin: `0 auto`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n ...scaleStyle({\n maxWidth: 1440\n })\n },\n title: {\n color: theme.colors.primary,\n fontWeight: `bold`,\n lineHeight: `41px`,\n marginBottom: 23,\n textTransform: `uppercase`,\n ...scaleStyle({\n fontSize: 30\n })\n },\n border: {\n height: 6,\n backgroundColor: theme.colors.primary,\n ...scaleStyle({\n marginBottom: 50,\n width: 60\n })\n },\n description: {\n textAlign: 'center',\n ...scaleStyle({\n maxWidth: 580,\n fontSize: 20,\n lineHeight: `35px`,\n marginBottom: 50\n })\n },\n btnGroup: {\n marginTop: 15,\n display: 'inline-flex',\n textAlign: 'center',\n '& > button': {\n ...scaleStyle({\n marginRight: 10\n })\n }\n }\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport injectSheet from 'react-jss';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport styles from './styles';\n\nconst defaultList = [\n {\n value: 0,\n label: 'New York'\n },\n {\n value: 1,\n label: 'Dublin'\n },\n {\n value: 2,\n label: 'California'\n },\n {\n value: 3,\n label: 'Istanbul'\n },\n {\n value: 4,\n label: 'Izmir'\n },\n {\n value: 5,\n label: 'Oslo'\n }\n];\n\nconst useOuterClickNotifier = (onOuterClick, innerRef) => {\n useEffect(() => {\n const handleClick = e => {\n if (!innerRef.current.contains(e.target)) onOuterClick(e);\n };\n if (innerRef.current) document.addEventListener('click', handleClick);\n return () => document.removeEventListener('click', handleClick);\n }, [onOuterClick, innerRef]);\n};\n\nconst Selector = ({ classes, list, value, onChange }) => {\n const [open, setOpen] = useState(false);\n const innerRef = useRef(null);\n useOuterClickNotifier(() => setOpen(false), innerRef);\n return (\n \n {isButton && (\n
\n setOpen(!open)}>\n {value &&
\n );\n};\n\nSelector.propTypes = {\n list: PropTypes.arrayOf(Object),\n value: PropTypes.objectOf(Object),\n onChange: PropTypes.func\n};\n\nSelector.defaultProps = {\n list: defaultList,\n value: null,\n onChange: () => {}\n};\n\nexport default injectSheet(styles)(Selector);\n","import { images, theme } from 'appCore';\n\nexport default {\n select: {\n minWidth: 40,\n position: 'relative',\n marginLeft: 5,\n padding: '0px 20px 0px 0px',\n ...theme.fontSizes.font16,\n border: 'none',\n outline: 'none',\n height: 40,\n appearance: 'none',\n background: `url(${images.down}) 90% / 10px no-repeat transparent`,\n display: 'flex',\n justifyContent: 'center',\n cursor: 'pointer'\n },\n list: {\n display: 'none',\n top: '100%',\n background: theme.colors.white,\n boxShadow: `1px 1px 2px ${theme.colors.gray}`,\n padding: 5\n },\n open: {\n display: 'flex',\n flexDirection: 'column',\n position: 'absolute',\n zIndex: 999\n },\n item: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n minWidth: 50,\n padding: 5,\n '&:hover': {\n background: theme.colors.highlight\n }\n },\n value: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n }\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport injectSheet from 'react-jss';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport styles from './styles';\n\nconst defaultList = [\n {\n label: 'New York'\n },\n {\n label: 'Dublin'\n }\n];\n\nconst useOuterClickNotifier = (onOuterClick, innerRef) => {\n useEffect(() => {\n const handleClick = e => {\n if (!innerRef.current.contains(e.target)) onOuterClick(e);\n };\n if (innerRef.current) {\n document.addEventListener('click', handleClick);\n const elements = document.getElementsByTagName('a');\n // eslint-disable-next-line no-plusplus\n for (let i = 0, len = elements.length; i < len; i++) {\n elements[i].onclick = onOuterClick;\n }\n }\n return () => document.removeEventListener('click', handleClick);\n }, [onOuterClick, innerRef]);\n};\n\nconst PopupMenu = ({ classes, className, list, children }) => {\n const [open, setOpen] = useState(false);\n const innerRef = useRef(null);\n useOuterClickNotifier(() => setOpen(false), innerRef);\n return (\n {value.label}
}\n \n {list.map((e, i) => (\n
\n onChange(e)}>\n {e.label}\n
\n ))}\n setOpen(!open)}>\n {children}\n
\n );\n};\n\nPopupMenu.propTypes = {\n list: PropTypes.arrayOf(Object)\n};\n\nPopupMenu.defaultProps = {\n list: defaultList\n};\n\nexport default injectSheet(styles)(PopupMenu);\n","import { theme } from 'appCore';\n\nexport default {\n popup: {\n position: 'relative',\n cursor: 'pointer'\n },\n list: {\n display: 'none',\n top: '100%',\n background: theme.colors.white,\n borderRadius: 10,\n boxShadow: `0px 5px 5px -3px ${theme.colors.gray}33,\n 0px 8px 10px 1px ${theme.colors.gray}33,\n 0px 3px 14px 2px ${theme.colors.gray}33`,\n padding: 5,\n right: 0\n },\n open: {\n display: 'flex',\n flexDirection: 'column',\n position: 'absolute',\n zIndex: 2\n },\n item: {\n padding: 5,\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n '&:hover': {\n background: theme.colors.highlight\n },\n '&:first-child': {\n fontWeight: 'bold'\n },\n '&:last-child': {\n borderTop: `1px solid ${theme.colors.gray}33`\n },\n ...theme.components.itemPopup\n },\n value: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n }\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport c from 'classnames';\nimport injectSheet from 'react-jss';\nimport { images } from 'appCore';\nimport { Block } from 'components';\nimport styles from './styles';\n\nconst Collapse = props => {\n const { classes, title, content } = props;\n const [isOpen, setOpen] = useState(false);\n return (\n \n {list.map((e, i) => (\n
\n \n {e.label}\n
\n ))}\n setOpen(!isOpen)}>\n
\n {title}
\n \n {isOpen ? (\n 
\n ) : (\n 
\n )}\n
\n \n {isOpen && content}\n
\n \n {text}\n
\n \n \n
\n );\n }\n if (resultSumo === 'FAILED' && isComplete === false) {\n return (\n \n \n \n );\n }\n if (resultSumo === 'PASSED' && isComplete === false) {\n return (\n \n \n \n );\n }\n return (\n \n \n
\n );\n };\n\n const renderImgLevel = () => {\n if (typeCourse === 5) {\n return \n {hasPractice ? (\n <>\n {lang.titleResult}\n \n \n {lang.contentResult}\n \n {Number.isInteger(score)\n ? score\n : score.toFixed(2).slice(score.toFixed(2).length - 1) === '0'\n ? Number(score.toFixed(2).slice(0, score.toFixed(2).length - 1))\n : score.toFixed(2)}\n / {total}\n \n \n {isExerciseResult ? (\n <>\n {isPrimaryExam && (\n 
\n ) : (\n 
\n )}\n {isPrimary ? (\n \n
\n );\n}\n\nexport default compose(\n connect(),\n injectSheet(styles),\n translator\n)(withRouter(ModalResult));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-29 16:53:30\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-09-05 14:02:40\n */\nimport { scaleStyle } from 'utils';\nimport { theme } from 'appCore';\n\nexport default {\n container: {\n margin: `0 auto`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n paddingLeft: 30,\n paddingRight: 30,\n ...scaleStyle({\n maxWidth: 1440\n })\n },\n title: {\n color: theme.colors.primary,\n fontWeight: `bold`,\n lineHeight: `41px`,\n textTransform: `uppercase`,\n ...scaleStyle({\n fontSize: 30,\n marginBottom: 23\n })\n },\n border: {\n height: 6,\n backgroundColor: theme.colors.primary,\n ...scaleStyle({\n marginBottom: 50,\n width: 60\n })\n },\n scoreModal: {\n marginLeft: 10,\n color: theme.colors.primary\n },\n descriptionModal: {\n ...scaleStyle({\n marginBottom: 20\n })\n },\n imgResult: {\n ...scaleStyle({\n marginBottom: 20,\n width: 120\n })\n },\n wrapNotPractice: {\n display: 'flex',\n width: `100%`,\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column'\n },\n marginBotomImg: {\n marginBottom: 20\n },\n victory: {\n marginBottom: 20\n },\n wrapImage: {\n maxWidth: 350,\n bottom: 0\n },\n imgLevel: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n position: 'relative',\n top: 10\n }\n};\n","import React, { useRef, useState, useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport Slider from 'rc-slider';\nimport c from 'classnames';\nimport { images, theme } from 'appCore';\nimport 'rc-slider/assets/index.css';\nimport styles from './styles';\n\nconst Audio = props => {\n const { classes, src, className } = props;\n const audioRef = useRef(null);\n const [audioInfo, setInfoAudio] = useState({\n duration: 0,\n currentTime: 0\n });\n\n const isPlaying = () => audioRef.current && !audioRef.current.paused;\n\n const play = () => {\n audioRef.current.play();\n };\n\n const pause = () => {\n audioRef.current.pause();\n };\n\n const togglePlayAudio = () => (isPlaying() ? pause() : play());\n\n const handleLoadMetaData = () => {\n setInfoAudio({ ...audioInfo, duration: audioRef.current.duration });\n };\n\n const onTimeUpdate = () => {\n setInfoAudio({ ...audioInfo, currentTime: audioRef.current.currentTime });\n };\n\n const onChange = value => {\n setInfoAudio({ ...audioInfo, currentTime: value });\n audioRef.current.currentTime = value;\n };\n\n useEffect(() => {}, []);\n return (\n \n {lang.titleNotPractice}\n \n {lang.nextPractice}\n
\n )}\n {result.data.data.has_done === true && isCombo && (\n <>\n \n {renderImgLevel(courseName)}
\n \n )}\n \n
\n );\n};\n\nexport default injectSheet(styles)(Audio);\n","import { scaleStyle } from 'utils';\n\nexport default {\n audioWrapper: {\n position: 'relative',\n minHeight: 80,\n width: `100%`\n },\n audio: {\n display: 'none'\n },\n control: {\n position: 'absolute',\n ...scaleStyle({\n left: 45,\n right: 45,\n height: 50\n }),\n // opacity: 0.8,\n bottom: 36\n },\n playBtn: {\n cursor: 'pointer',\n ...scaleStyle({\n height: 40,\n width: 40,\n marginTop: 10\n }),\n marginLeft: -7\n }\n};\n","import React, { useRef, useState, useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport Slider from 'rc-slider';\nimport c from 'classnames';\nimport { images, theme } from 'appCore';\nimport { formatTime } from 'utils';\nimport 'rc-slider/assets/index.css';\nimport styles from './styles';\n\nconst Video = props => {\n const { classes, src, className, onTimeUpdate, getRef } = props;\n const videoRef = useRef(null);\n const [videoInfo, setInfoVideo] = useState({\n duration: 0,\n currentTime: 0\n });\n\n const isPlaying = () => videoRef.current && !videoRef.current.paused;\n\n const play = () => {\n videoRef.current.play();\n };\n\n const pause = () => {\n videoRef.current.pause();\n };\n\n const togglePlayvideo = () => (isPlaying() ? pause() : play());\n\n const handleLoadMetaData = () => {\n setInfoVideo({ ...videoInfo, duration: videoRef.current.duration });\n };\n\n const _onTimeUpdate = () => {\n setInfoVideo({ ...videoInfo, currentTime: videoRef.current.currentTime });\n if (onTimeUpdate) {\n onTimeUpdate();\n }\n };\n\n const onChange = value => {\n setInfoVideo({ ...videoInfo, currentTime: value });\n videoRef.current.currentTime = value;\n };\n\n useEffect(() => {\n if (getRef) {\n getRef(videoRef);\n }\n }, []);\n return (\n \n
\n \n
\n );\n};\n\nexport default injectSheet(styles)(Video);\n","import { scaleStyle } from 'utils';\nimport { theme } from 'appCore';\n\nexport default {\n videoWrapper: {\n position: 'relative',\n minHeight: 80\n },\n video: {\n width: '100%',\n borderRadius: 20,\n overflow: 'hidden',\n objectFit: 'cover'\n },\n control: {\n position: 'absolute',\n display: 'flex',\n flexDirection: 'column',\n ...scaleStyle({\n left: 45,\n right: 45,\n height: 50\n }),\n bottom: 36\n },\n bottom: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginTop: 4\n },\n playBtn: {\n ...scaleStyle({\n height: 40,\n width: 40,\n marginTop: 10\n }),\n marginLeft: -7,\n cursor: 'pointer'\n },\n time: {\n color: theme.colors.white\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-04 11:02:23\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-09 10:25:03\n */\n\nimport React, { useRef, useEffect, useState } from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\n\nimport { images } from 'appCore';\n\nimport styles from './styles';\n\nfunction SoundController(props) {\n const { classes, src, className, disableMic, enableMic, resultDisableVolume } = props;\n\n const refAudio = useRef(null);\n\n const [canPlay, setCanPlay] = useState(true);\n\n const play = () => {\n refAudio.current.play();\n setCanPlay(false);\n if (disableMic) disableMic();\n };\n\n const onPause = () => {\n setCanPlay(true);\n if (enableMic) enableMic();\n };\n\n const setEnablePlay = () => setCanPlay(true);\n\n useEffect(() => {\n refAudio.current.addEventListener('pause', setEnablePlay);\n return () => {\n refAudio.current.removeEventListener('pause', setEnablePlay);\n };\n }, []);\n\n return (\n <>\n \n
\n \n
\n \n {generateText()}\n
\n ) : (\n ''\n );\n}\n\nRibbonTopLeft.defaultProps = {\n text: '',\n isShow: false,\n isFoundation: false,\n isHot: false,\n isNew: false,\n isTop: false\n};\n\nexport default injectSheet(styles)(RibbonTopLeft);\n","import { scaleStyle } from 'utils';\n\nexport default {\n ribbon: {\n ...scaleStyle({}),\n width: 150,\n height: 150,\n overflow: 'hidden',\n position: 'absolute',\n '&:before, &:after': {\n position: 'absolute',\n zIndex: -1,\n content: '\"\"',\n display: 'block',\n border: '5px solid #2980b9'\n },\n '& > span': {\n position: 'absolute',\n display: 'block',\n width: 225,\n padding: '15px 0',\n backgroundColor: '#a20a0a',\n boxShadow: '0 5px 10px rgba(0,0,0,.1)',\n color: '#fff',\n font: '700 18px/1 \"Lato\", sans-serif',\n textShadow: '0 1px 1px rgba(0,0,0,.2)',\n textTransform: 'uppercase',\n textAlign: 'center'\n }\n },\n ribbonTopLeft: {\n top: -10,\n left: -10,\n '&:before, &:after': {\n borderTopColor: 'transparent',\n borderLeftColor: 'transparent'\n },\n '&:before': {\n top: 0,\n right: 0\n },\n '&:after': {\n bottom: 0,\n left: 0\n },\n '& > span': {\n right: -25,\n top: 30,\n transform: 'rotate(-45deg)'\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-06 09:04:12\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-19 13:24:55\n */\n\nimport React from 'react';\nimport renderHTML from 'react-render-html';\nimport c from 'classnames';\nimport injectSheet from 'react-jss';\nimport { Block, Audio } from 'components';\n\nimport { constants, translator } from 'utils';\n\nimport styles from './styles';\n\nfunction InformationPractice(props) {\n const {\n currentInfo,\n totalList,\n lessonCurrentInfo,\n classes,\n currentLang,\n isHint,\n isTranslate,\n strings,\n refDemo,\n className\n } = props;\n\n const lang = strings.infoPractice;\n\n return (\n \n \n {isTranslate\n ? lessonCurrentInfo.question\n ? lessonCurrentInfo.question && renderHTML(lessonCurrentInfo.question)\n : lessonCurrentInfo.translations &&\n lessonCurrentInfo.translations[currentLang] &&\n renderHTML(lessonCurrentInfo.translations[currentLang].description)\n : lessonCurrentInfo.question\n ? lessonCurrentInfo.question && renderHTML(lessonCurrentInfo.question)\n : lessonCurrentInfo.paragraph && renderHTML(lessonCurrentInfo.paragraph)}\n \n {lessonCurrentInfo.image &&\n lessonCurrentInfo.image !== 'https://stg.api.rainichi.com/storage/null' &&\n lessonCurrentInfo.image !== 'https://api-prod.rainichi.com/api/storage/null' && (\n 
\n )}\n {Number(lessonCurrentInfo.category) === constants.SKILL_TYPE.LISTENING &&\n lessonCurrentInfo.media && (\n \n )}\n
\n \n )}\n \n \n \n {coin} {lang.coin}\n \n
\n \n \n {priceOnSale && `${constants.formatNumber(priceOnSale)}`}\n \n {price && `${constants.formatNumber(price)}`} \n \n
\n \n \n \n {listValueSelect &&\n listValueSelect.map(value => {\n return (\n \n );\n })}\n \n 
\n
\n );\n};\n\nInputSelect.defaultProps = {\n listValueSelect: listCourse,\n valueDefault: 'Chọn khóa học',\n disabled: false,\n isIconContainer: true,\n multiple: false\n};\n\nexport default injectSheet(styles)(InputSelect);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-10 14:10:40\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-23 15:23:28\n */\nimport { theme, images } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n containerSelect: {\n position: 'relative',\n width: `100%`,\n marginRight: 22,\n flex: '40% 2 2',\n marginBottom: 10,\n '&:first-child': {\n marginRight: 10\n }\n },\n container: {\n position: 'relative',\n opacity: 0.9,\n width: `100%`,\n outline: 'none',\n cursor: 'pointer',\n display: 'flex',\n border: `solid 1px ${theme.colors.gray203}`,\n backgroundColor: theme.colors.gray253,\n fontFamily: 'Open Sans',\n ...scaleStyle({\n height: 60,\n fontSize: 20,\n lineHeight: `27px`,\n borderRadius: 40,\n paddingLeft: 68,\n backgroundPosition: '30px 15px',\n backgroundSize: '30px 30px'\n }),\n backgroundRepeat: 'no-repeat',\n WebkitAppearance: 'none'\n },\n iconImageContainer: {\n backgroundImage: `url(${images.preSelect})`\n },\n option: {\n cursor: 'pointer'\n },\n bottomArrow: {\n position: 'absolute',\n ...scaleStyle({\n width: 10,\n height: 10,\n top: 35,\n right: 20\n })\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n containerSelect: {\n marginRight: 11,\n marginLeft: 11\n },\n container: {\n fontSize: 12,\n fontWeight: 'bold',\n borderRadius: 10,\n backgroundPosition: '10px',\n paddingLeft: 30.8\n },\n bottomArrow: {\n top: 35,\n right: 25\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-10 17:02:34\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-22 15:34:47\n */\n\nimport React, { useState, useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport { Block, RadioButton, Button, ModalContent } from 'components';\nimport { withRouter } from 'react-router';\nimport { translator } from 'utils';\nimport { images } from 'appCore';\nimport Payment from 'containers/Shop/Payment';\nimport styles from './styles';\nimport { constants } from '../../utils';\n\nconst CourseInShop = props => {\n const {\n classes,\n strings,\n currentLang,\n listSelectCourseInShop,\n showPopup,\n buyCourseInShop,\n showBtnClose,\n matchName,\n isShowPaymentPage,\n onClose,\n payTransferCoinOffline,\n hideBtnClose,\n fetchPayment,\n checkBoughtClass,\n courseEnterprise,\n hidePaymentPage,\n listConfiguration,\n fetchPaymentBuyCourse,\n tokenSelector,\n history\n } = props;\n\n const lang = strings.blockBuyCourse;\n\n const [idSelect, setIdSelect] = useState(0);\n\n const onChangeRadio = (courses, idCourse) => {\n setIdSelect(courses && idCourse);\n };\n\n const buyCourse = (id, buy, re, dura) => {\n buyCourseInShop(id, buy, re, dura);\n };\n\n const onBuyClassExist = courseEP => {\n if (tokenSelector) {\n checkBoughtClass(courseEP);\n } else {\n history.push(`/login`);\n }\n };\n\n const handleBuy = (course, courseP, numOfEmployeeP) => {\n buyCourse(\n course,\n courseP.buying_credits,\n courseP.reward_credits,\n courseP.price_types.duration,\n numOfEmployeeP\n );\n setIdSelect(0);\n };\n\n const onBuyCourse = (duration, courseName, coursesId, coursePrice, numOfEmployeeCourse) => {\n if (tokenSelector) {\n showBtnClose();\n if (idSelect !== 0) {\n setIdSelect(0);\n }\n const children = (\n \n {isShowPaymentPage === true ? (\n \n \n \n \n );\n })}\n \n )}\n
\n );\n};\n\nexport default withRouter(translator(injectSheet(styles)(CourseInShop)));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-10 17:09:20\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-23 10:53:12\n */\nimport { scaleStyle } from 'utils';\nimport { theme } from 'appCore';\n\nexport default {\n container: {\n width: `99%`,\n display: 'flex',\n flexDirection: 'column'\n },\n block: {\n width: `100%`,\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n ...scaleStyle({\n marginBottom: 10\n })\n },\n blockChild: {\n display: 'flex',\n flexDirection: 'row',\n border: 'none',\n width: `75%`\n },\n imgAvatar: {\n objectFit: 'cover',\n ...scaleStyle({\n width: 242,\n borderRadius: 20,\n marginTop: 30,\n marginBottom: 24\n })\n },\n imgAvatarPopup: {\n ...scaleStyle({\n width: 242,\n height: 145,\n borderRadius: 20,\n marginBottom: 24\n })\n },\n name: {\n fontWeight: 'bold',\n textAlign: 'center',\n color: theme.colors.primary,\n display: 'flex',\n width: '100%',\n justifyContent: 'center',\n maxWidth: 225,\n ...scaleStyle({\n fontSize: 25,\n lineHeight: `34px`,\n marginBottom: 27\n })\n },\n blockOne: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n width: '100%',\n flex: 1,\n ...scaleStyle({\n marginLeft: 30\n })\n },\n price: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n ...scaleStyle({\n marginLeft: 32,\n marginRight: 32\n }),\n [`@media screen and (max-width: 576px)`]: {\n flexDirection: 'row',\n alignItems: 'start'\n }\n },\n coin: {\n ...scaleStyle({\n width: 38,\n height: 38,\n marginTop: 5,\n marginBottom: 5\n })\n },\n credit: {\n fontWeight: 'bold',\n textAlign: 'center',\n color: '#0062ff',\n ...scaleStyle({\n lineHeight: `34px`,\n fontSize: 25,\n marginTop: 20\n }),\n [`@media screen and (max-width: 576px)`]: {\n paddingLeft: '5px'\n }\n },\n reward: {\n fontWeight: 'bold',\n textAlign: 'center',\n color: '#4e4e4e',\n WebkitTextDecorationLine: 'line-through',\n textDecorationLine: 'line-through',\n ...scaleStyle({\n marginBottom: 20,\n lineHeight: `27px`,\n fontSize: 20\n })\n },\n btnBuy: {\n ...scaleStyle({\n marginRight: 30\n })\n },\n btnDefault: {\n ...scaleStyle({\n marginBottom: 30\n })\n },\n wrapPricesCourse: {\n display: 'flex',\n flex: 2,\n [`@media screen and (max-width: 576px)`]: {\n flexWrap: 'wrap'\n }\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n imgAvatar: {\n width: 66,\n height: 66,\n marginTop: 0\n },\n block: {\n display: 'flex',\n flexDirection: 'column',\n borderRadius: 10\n },\n blockChild: {\n display: 'flex',\n flexDirection: 'row',\n border: 'none',\n paddingTop: 10,\n [`@media screen and (max-width: 576px)`]: {\n width: '100%',\n flexDirection: 'column'\n }\n },\n btnBuy: {\n marginBottom: 10,\n borderRadius: 10,\n width: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n marginLeft: 18,\n height: 45,\n fontSize: 14\n },\n blockOne: {\n display: 'flex',\n justifyContent: 'flex-start',\n flexDirection: 'column',\n alignItems: 'center',\n height: 170,\n [`@media screen and (max-width: 576px)`]: {\n flexDirection: 'row',\n margin: 0,\n padding: '0 15px',\n height: 'auto',\n flex: 'none'\n }\n },\n wrapBtnBuy: {\n display: 'flex',\n width: 140,\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: 10,\n marginLeft: 70,\n [`@media screen and (max-width: 576px)`]: {\n marginLeft: '0'\n }\n },\n name: {\n justifyContent: 'flex-start',\n marginLeft: 10\n },\n coin: {\n marginTop: 12\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-10 17:21:49\n * @Last Modified by: Do Loc - doxuanloc2016@gmail.com\n * @Last Modified time: 2019-06-11 20:34:07\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\n\nimport styles from './styles';\n\nconst RadioButton = props => {\n const { classes, name, onClick, index, value, checked } = props;\n\n return (\n \n
\n \n {courseInShop.prices &&\n courseInShop.prices.map((price, j) => {\n return (\n
\n \n onChangeRadio(courseInShop.id, j)}\n name={\n price.price_types.translations[currentLang]\n ? price.price_types.translations[currentLang].name\n : price.price_types.translations.vi.name\n }\n />\n 
\n {price.discount_credits !== null && (\n \n {price.discount_credits ? price.discount_credits : 0}{' '}\n {matchName === 'lop-hoc' ? '₫' : lang.coin}\n \n )}\n {price.discount_credits !== null ? (\n \n {price.buying_credits ? price.buying_credits : 0}{' '}\n {matchName === 'lop-hoc' ? '₫' : lang.coin}\n \n ) : (\n \n {price.buying_credits\n ? constants.numberWithCommas(price.buying_credits)\n : 0}{' '}\n {matchName === 'lop-hoc' ? '₫' : lang.coin}\n \n )}\n
\n );\n })}\n \n onBuyClassExist(courseInShop)\n : () =>\n onBuyCourse(\n courseInShop.duration,\n courseInShop.translations[currentLang]\n ? courseInShop.translations[currentLang].name\n : courseInShop.translations.vi.name,\n courseInShop.id,\n courseInShop.prices[idSelect],\n courseInShop.num_of_employee\n )\n }\n className={classes.btnBuy}\n label={lang.btnBuy}\n />\n
\n \n {name}\n \n \n
\n );\n};\n\nRadioButton.defaultProps = {\n name: 'Radio Button',\n checked: 'checked'\n};\n\nexport default injectSheet(styles)(RadioButton);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-10 17:21:24\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-23 10:45:47\n */\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n container: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n WebkitUserSelect: 'none',\n MozUserSelect: 'none',\n MsUserSelect: 'none',\n userSelect: 'none',\n flexDirection: 'column-reverse',\n justifyContent: 'center',\n ...scaleStyle({\n fontSize: 22\n }),\n '& > input': {\n position: 'absolute',\n opacity: 0,\n cursor: 'pointer',\n marginLeft: 0,\n zIndex: 1,\n height: `100%`,\n width: `100%`,\n ...scaleStyle({\n bottom: 55\n }),\n '&:checked': {\n '&~span': {\n border: `1px solid ${theme.colors.primary}`,\n color: theme.colors.primary,\n '&:after': {\n display: 'block'\n }\n }\n }\n },\n '&:hover': {\n '& > input': {\n '& ~ span': {\n backgroundColor: theme.colors.white,\n border: `1px solid ${theme.colors.primary}`\n }\n }\n },\n '& > span': {\n '&:after': {\n borderRadius: '50%',\n background: theme.colors.primary,\n ...scaleStyle({\n top: 10,\n left: 10,\n width: 10,\n height: 10\n })\n }\n }\n },\n name: {\n position: 'relative',\n ...scaleStyle({\n height: 30,\n width: 30\n }),\n backgroundColor: theme.colors.white,\n border: `1px solid ${theme.colors.gray56}`,\n borderRadius: '50%',\n '&:after': {\n content: `\"\"`,\n position: 'absolute',\n display: 'none'\n }\n },\n nameTop: {\n width: '100%',\n textAlign: 'center',\n ...scaleStyle({\n marginTop: 10,\n height: 50\n })\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n nameTop: {\n height: 35\n },\n container: {\n marginBottom: 12\n }\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-12 11:01:24\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-22 15:23:59\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport { Block, Button, ModalContent } from 'components';\nimport { withRouter } from 'react-router';\nimport { translator, translate } from 'utils';\nimport { images } from 'appCore';\nimport styles from './styles';\n\nconst data = [\n {\n id: 72,\n name: 'Đề thi 2 Tổng hợp',\n level_id: 5,\n level: 'N5',\n is_active: true,\n is_combine: null,\n type: 1,\n in_course: null,\n test_fail: [\n {\n id: 65,\n test_id: 72,\n chapter_id: '11',\n fail_score: 0\n }\n ],\n test_section: [\n {\n id: 78,\n time: 2,\n chapter_id: '11',\n questions: 5,\n image: 'https://stg.api.rainichi.com/storage/skill/ngu-phap.png',\n translations: {\n vi: {\n name: 'Ngữ pháp'\n },\n en: {\n name: 'Grammar'\n }\n },\n has_children: false\n },\n {\n id: 79,\n time: 2,\n chapter_id: '10',\n questions: 10,\n image: 'https://stg.api.rainichi.com/storage/skill/tu-vung-tong-hop.png',\n translations: {\n vi: {\n name: 'Từ vựng tổng hợp'\n },\n en: {\n name: 'Vocabulary summary'\n }\n },\n has_children: false\n },\n {\n id: 80,\n time: 2,\n chapter_id: '12',\n questions: 10,\n image: 'https://stg.api.rainichi.com/storage/skill/doc-hieu.png',\n translations: {\n vi: {\n name: 'Đọc hiểu'\n },\n en: {\n name: 'Reading'\n }\n },\n has_children: false\n },\n {\n id: 83,\n time: 2,\n chapter_id: '13',\n questions: 5,\n image: 'https://stg.api.rainichi.com/storage/skill/luyen-nghe.png',\n translations: {\n vi: {\n name: 'Nghe'\n },\n en: {\n name: 'Listening'\n }\n },\n has_children: false\n }\n ],\n questions: null,\n minimum_score: 1,\n price: 0,\n bought: true,\n reward: 0,\n image:\n // eslint-disable-next-line max-len\n 'https://stg.api.rainichi.com/storage/files/test/images/12c58b9955028cafba6a02a3473e620a4EIMhl.jpg',\n video: null,\n translations: {\n vi: {\n name: 'Đề thi 2 Tổng hợp',\n description: null\n }\n },\n created_at: '20-05-2019',\n created_by: 'Thoa Lữ Lữ'\n }\n];\n\nconst ExamInShop = props => {\n const {\n classes,\n listSelectExamInShop,\n strings,\n buyExamInShop,\n showPopup,\n isFetchingLoadingSelect,\n showBtnClose,\n tokenSelector,\n history,\n currentLang\n } = props;\n\n const lang = strings.blockBuyExam;\n\n const handleBuy = (idExam, buying, reward, duration) => {\n buyExamInShop(idExam, buying, reward, duration);\n };\n\n const onBuyCourse = (examName, examId, examPrice, examReward, duration) => {\n showBtnClose();\n if (tokenSelector) {\n const children = (\n \n {listSelectExamInShop &&\n listSelectExamInShop.map(list => {\n return (\n
\n );\n};\n\nExamInShop.defaultProps = {\n listData: data\n};\n\nexport default withRouter(translator(injectSheet(styles)(ExamInShop)));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-12 11:16:35\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-10-22 10:19:52\n */\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n container: {\n // display: 'flex',\n // flexWrap: 'wrap',\n // width: `100%`,\n justifyContent: 'center'\n },\n block: {\n display: 'flex',\n justifyContent: 'start',\n opacity: 0.9,\n height: '100%',\n backgroundColor: theme.colors.gray253,\n ...scaleStyle({\n // marginTop: 30,\n // marginBottom: 24,\n // marginRight: 11,\n // marginLeft: 11,\n // width: 332,\n borderRadius: 40\n }),\n '&:nth-child(even)': {\n border: `1px solid ${theme.colors.secondary}`\n },\n '&:nth-child(odd)': {\n border: `1px solid ${theme.colors.primary}`\n }\n },\n img: {\n maxWidth: `100%`,\n marginBottom: 'auto',\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%'\n },\n name: {\n fontWeight: 'bold',\n textAlign: 'center',\n color: theme.colors.primary,\n height: 'auto',\n width: '90%',\n ...scaleStyle({\n marginTop: 28,\n lineHeight: `40px`,\n fontSize: 30\n }),\n [`@media screen and (max-width: 1440px)`]: {\n height: 55\n },\n [`@media screen and (max-width: 576px)`]: {\n height: 'auto'\n }\n },\n info: {\n display: 'flex',\n ...scaleStyle({\n marginTop: 20,\n marginBottom: 20\n })\n },\n imgCoin: {\n ...scaleStyle({\n marginRight: 10,\n width: 39,\n height: 39\n })\n },\n wpimg: {\n width: '100%',\n paddingTop: '75%',\n overflow: 'hidden',\n position: 'relative',\n [`@media screen and (max-width: 576px)`]: {\n // maxHeight: 135,\n // minHeight: 135,\n // overflow: 'hidden'\n }\n },\n price: {\n fontWeight: 'bold',\n color: theme.colors.price,\n ...scaleStyle({\n lineHeight: `41px`,\n fontSize: 30\n })\n },\n btn: {\n ...scaleStyle({\n marginBottom: 20\n })\n },\n confirm: {\n ...scaleStyle({\n marginTop: 20\n })\n },\n [`@media screen and (max-width: ${theme.screens.maxWidth800}px)`]: {\n block: {\n // width: 160\n },\n btn: {\n borderRadius: 10\n }\n }\n};\n","/* eslint-disable max-len */\n/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-05-16 16:16:04\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-09-20 17:02:33\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport { images } from 'appCore';\nimport styles from './styles';\n\nfunction LoadingComponent(props) {\n const { classes, id } = props;\n return (\n \n \n {list.image ? (\n \n onBuyCourse(\n translate(list, currentLang).name,\n list.id,\n list.price,\n list.reward,\n 0\n )\n }\n className={classes.btn}\n isLoading={isFetchingLoadingSelect}\n label={lang.btnBuy}\n />\n \n
\n );\n })}\n \n 
\n
\n ) : (\n \n 
\n
\n )}\n {translate(list, currentLang).name}\n \n \n \n {list.price === 0 ? lang.free : `${list.price} ${lang.coin}`}\n \n
\n \n 
\n
\n );\n}\n\nexport default injectSheet(styles)(LoadingComponent);\n","export default {\n container: {\n display: 'flex',\n justifyContent: 'center',\n alignItem: 'center'\n }\n};\n","/* eslint-disable no-return-assign */\n/*\n * @Author: Do Loc - doxuanloc2016@gmail.com\n * @Date: 2019-06-15 20:53:44\n * @Last Modified by: Do Loc - doxuanloc2016@gmail.com\n * @Last Modified time: 2019-06-16 08:49:27\n */\n\nimport React, { useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport styles from './styles';\n\nconst LazyImage = props => {\n const { ironImageHd, classes, srcLoaded, srcPreload } = props;\n\n useEffect(() => {\n // eslint-disable-next-line no-undef\n const hdLoaderImg = new Image();\n\n hdLoaderImg.src = srcLoaded;\n\n hdLoaderImg.onload = () => {\n ironImageHd.setAttribute('style', `background-image: url('${srcLoaded}')`);\n ironImageHd.classList.add('iron-image-fade-in');\n };\n }, []);\n\n return (\n \n \n
\n );\n};\n\nexport default injectSheet(styles)(LazyImage);\n","/*\n * @Author: Do Loc - doxuanloc2016@gmail.com\n * @Date: 2019-06-15 21:07:06\n * @Last Modified by: Do Loc - doxuanloc2016@gmail.com\n * @Last Modified time: 2019-06-16 08:37:25\n */\n\nexport default {\n img: {\n background: '#F1F1FA',\n width: 400,\n height: 300,\n display: 'block',\n margin: '10px auto',\n border: 0\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-18 10:57:27\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-14 10:23:10\n */\n\nimport React, { useEffect, useState } from 'react';\nimport injectSheet from 'react-jss';\nimport { Block, Button, ModalContent } from 'components';\nimport { translator, formatTime } from 'utils';\nimport styles from './styles';\n\nconst CountTime = props => {\n const {\n classes,\n time,\n submitPracticeExercise,\n testSectionId,\n totalScore,\n totalQuestion,\n strings,\n nameExercise,\n currentLang,\n questions,\n resultDataSubmitNewTest,\n totalScoreApi,\n hasTime,\n showPopup,\n answers\n } = props;\n\n const [seconds, setSeconds] = useState(time * 60);\n let idInterval = null;\n const lang = strings.countTime;\n const timer = () => setSeconds(Math.max(0, seconds - 1));\n\n const onSubmit = () => {\n if (!navigator.onLine) {\n const children = (\n \n \n {lang.title}\n \n {nameExercise.translations[currentLang]\n ? nameExercise.translations[currentLang].name\n : nameExercise.translations.vi.name}\n \n \n {!hasTime ? lang.freeTime.toUpperCase() : lang.withTime.toUpperCase()}\n \n \n {hasTime && formatTime(seconds)}\n \n \n \n
\n );\n};\n\nexport default translator(injectSheet(styles)(CountTime));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-06-18 11:03:41\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-06 17:46:39\n */\n\nimport { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n nameExercise: {\n objectFit: 'contain',\n ...scaleStyle({\n fontSize: 20,\n lineHeight: `20px`,\n marginBottom: 10,\n marginTop: 10\n })\n },\n countTime: {\n objectFit: 'contain',\n textAlign: 'center',\n ...scaleStyle({\n fontSize: 30,\n lineHeight: `60px`,\n marginBottom: 20\n })\n },\n time: {\n objectFit: 'contain',\n textAlign: 'center',\n color: theme.colors.primary,\n ...scaleStyle({\n fontSize: 70,\n lineHeight: `50px`,\n marginBottom: 30\n })\n },\n notTime: {\n objectFit: 'contain',\n textAlign: 'center',\n color: theme.colors.primary,\n ...scaleStyle({\n fontSize: 70,\n lineHeight: `40px`\n })\n },\n btnSubmit: {\n ...scaleStyle({\n marginBottom: 20\n })\n },\n sectionPractice: {\n color: theme.colors.primary,\n textAlign: 'center',\n textTransform: 'uppercase',\n ...scaleStyle({\n fontSize: 30,\n lineHeight: `40px`\n })\n },\n countTimeContainer: {\n padding: 10\n }\n};\n","import React from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\nimport { translator } from 'utils';\nimport { Block } from 'components';\nimport { images } from 'appCore';\nimport styles from './styles';\n\nfunction BlockExpand(props) {\n const {\n classes,\n onClick,\n key,\n lable,\n description,\n className,\n icon,\n classNameIcon,\n classNameLable\n } = props;\n\n return (\n \n {lable}\n \n
\n {description}
\n \n
\n \n
\n \n {lang.scorePractice}\n \n : {Number.isInteger(score) ? score : score.toFixed(2)} / {totalScore}\n \n
\n \n {lang.learningResult}\n \n : {result === 'NONE' && lang.nope}\n {result === 'FAILED' && lang.fail}\n {result === 'PASSED' && lang.pass}\n \n
\n {isShowDetailMyExamSection !== true && (\n \n {lang.date}\n : {date === null ? lang.nope : date}\n
\n )}\n \n {isShowDetailMyExamSection !== false && (\n <>\n {isShowDetailMyExam === false && (\n <>\n
\n \n {questionLists && questionLists.length !== 0 && (\n {lang.resultListQuestion}\n )}\n {questionLists &&\n questionLists.map((questionList, i) => {\n return (\n
\n \n
\n );\n })}\n \n {i + 1}\n \n
\n\n \n {' '}\n {questionList.answers.map((answer, j) => {\n return (\n
\n \n {`${lang.resultHistoryMyExam}: `}\n {questionList.status ? lang.resultHistoryRight : lang.resultHistoryWrong}\n \n \n {`${constants.ALPHA.charAt(j)}: `}\n e === answer.id)) &&\n answer.is_correct === true\n ? classes.answerRight\n : Number(questionList.chosen.filter(e => e === answer.id)) &&\n answer.is_correct === false\n ? classes.answerWrong\n : classes.answerNotWrongAndRight\n }\n >\n {answer.answer}\n \n
\n );\n })}\n \n
\n \n
\n \n {lang.progress}\n : {progress}%\n
\n \n
\n \n
\n \n
\n \n {lang.status}\n \n : {(status === 'IN_PROGRESS' || status === 'NEW') && lang.statusIncomplete}\n {status === 'DONE' && lang.statusComplete}\n \n
\n\n \n {lang.learningResult}\n \n : {result === 'IN_PROGRESS' && lang.statusStudying}\n {result === 'NEW' && lang.statusNotStudy}\n {result === 'DONE' && lang.statusComplete}\n \n
\n {!isShowMyCourseDetail ? (\n \n {lang.expirationDate}\n \n : {duration === 999999 ? lang.forever : `${duration} ${lang.day}`}\n \n
\n ) : (\n \n {lang.score}\n : {score}/100\n
\n )}\n \n \n {!isShowMyCourseDetail && (\n
\n \n
\n );\n};\n\nexport default injectSheet(styles)(translator(SocialLogin));\n","import { theme } from 'appCore';\nimport { scaleStyle } from 'utils';\n\nexport default {\n divider: {\n height: 2,\n ...scaleStyle({\n marginTop: 58\n })\n },\n loginNowWithWrapper: {\n display: 'flex',\n flexDirection: 'column'\n },\n loginNowWith: {\n fontWeight: 'bold',\n textAlign: 'center',\n color: theme.colors.primary,\n textTransform: 'capitalize',\n ...scaleStyle({\n fontSize: 20,\n marginBottom: 40,\n marginTop: 40\n })\n },\n socialGroup: {\n margin: 'auto',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n width: '100%',\n ...scaleStyle({\n marginBottom: 50.5,\n height: 100\n })\n },\n btnSocial: {\n flexDirection: 'column !important',\n justifyContent: 'center !important',\n display: 'flex !important',\n alignItems: 'center !important',\n borderRadius: '50px !important',\n border: '1px solid #f37021 !important',\n backgroundColor: 'rgb(255, 255, 255)',\n ...scaleStyle({\n marginRight: 20,\n width: 60,\n height: 60\n }),\n boxShadow: 'none',\n outline: 'none',\n cursor: 'pointer',\n '&:hover': {\n opcity: '0,5'\n }\n },\n\n imgGoogle: {\n alignContent: 'center',\n ...scaleStyle({\n maxWidth: 'none!important',\n height: 40\n }),\n paddingTop: `3px`\n },\n btnSocialFacebok: {\n marginLeft: 20,\n '& > i': {\n ...scaleStyle({\n fontSize: 40\n }),\n fontWeight: 'bold',\n color: 'rgb(59, 88, 156)'\n }\n },\n\n btnSocialLogin: {}\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-07-01 14:55:41\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-01 16:22:45\n */\n\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport c from 'classnames';\n\nimport styles from './styles';\n\nconst SwitchButton = props => {\n const { classes, onClick, value, className } = props;\n\n return (\n \n );\n};\n\nexport default injectSheet(styles)(SwitchButton);\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-07-01 15:02:06\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-08 17:46:15\n */\nimport { scaleStyle } from 'utils';\nimport { theme } from 'appCore';\n\nexport default {\n switch: {\n position: 'relative',\n display: 'inline-block',\n ...scaleStyle({\n width: 80,\n height: 34\n }),\n '& > input': {\n opacity: 0,\n width: 0,\n height: 0\n }\n },\n slider: {\n position: 'absolute',\n cursor: 'pointer',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: theme.colors.white,\n WebkitTransition: '.4s',\n transition: '.4s',\n border: `1px solid ${theme.colors.black}`,\n '&:before': {\n position: 'absolute',\n content: '\"\"',\n backgroundColor: theme.colors.black,\n WebkitTransition: '.4s',\n transition: '.4s',\n ...scaleStyle({\n height: 25,\n width: 25,\n left: 4,\n bottom: 4\n })\n }\n },\n input: {\n '&:checked': {\n '&+span': {\n backgroundColor: theme.colors.primary,\n border: `1px solid ${theme.colors.primary}`,\n '&:before': {\n WebkitTransform: 'translateX(26px)',\n MsTransform: 'translateX(26px)',\n transform: 'translateX(26px)',\n backgroundColor: theme.colors.white\n }\n }\n },\n '&:focus': {\n '&+slider': {\n boxShadow: `0 0 1px ${theme.colors.primary}`\n }\n }\n },\n round: {\n '&:before': {\n borderRadius: '50%'\n },\n ...scaleStyle({\n borderRadius: 34\n })\n }\n};\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-07-19 15:55:09\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-07-22 10:17:20\n */\n\nimport React from 'react';\nimport ReactPaginate from 'react-paginate';\n\nconst Pagination = props => {\n const { totalPage, currentPage, onPageChange } = props;\n\n return (\n \n
\n {lang.loginNowWIth}
\n \n \n 
\n \n
\n \n
\n );\n };\n return (\n <>\n {isPrimaryExam ? (\n renderInformation()\n ) : (\n \n {resultData.sections &&\n resultData.sections.map(section => {\n return (\n
\n\n \n
\n );\n })}\n \n \n {section.translations[currentLang]\n ? section.translations[currentLang].name\n : section.translations.vi.name}\n \n
\n \n {section.details.map(detail => {\n return (\n
\n \n \n {lang.questions}\n \n {`: ${detail.question}`} / {detail.total_question}\n \n \n \n {lang.score}\n \n {Number.isInteger(detail.score)\n ? `: ${detail.score} `\n : `: ${\n detail.score\n .toFixed(2)\n .slice(detail.score.toFixed(2).length - 1) === '0'\n ? Number(\n detail.score\n .toFixed(2)\n .slice(0, detail.score.toFixed(2).length - 1)\n )\n : detail.score.toFixed(2)\n }`}\n / {` ${detail.total_score}`}\n \n \n \n {lang.failScore}\n {`: ${detail.fail_score}`}\n \n \n {lang.resultContest}\n \n {detail.status ? `: ${lang.passResult}` : `: ${lang.failResult}`}\n \n \n
\n );\n })}\n \n {lang.summary} \n
\n \n
\n \n {lang.passScore}\n {`: ${resultData.pass_score}`}\n
\n \n {`${lang.score}`}\n \n {Number.isInteger(resultData.score)\n ? `: ${resultData.score} `\n : `: ${\n resultData.score.toFixed(2).slice(resultData.score.toFixed(2).length - 1) ===\n '0'\n ? Number(\n resultData.score\n .toFixed(2)\n .slice(0, resultData.score.toFixed(2).length - 1)\n )\n : resultData.score.toFixed(2)\n } `}\n / {resultData.total_score}\n \n
\n \n {lang.titleResult}\n \n :{resultData.result === 'FAILED' ? ` ${lang.failResult}` : ` ${lang.passResult}`}\n \n
\n \n
\n );\n};\n\nexport default translator(injectSheet(styles)(PageAnnoumentMobile));\n","/*\n * @Author: loc.do@bstarsolutions.com\n * @Date: 2019-08-08 16:54:49\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-08 17:27:27\n */\nimport { theme } from 'appCore';\n\nexport default {\n container: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%'\n },\n wrapMessage: {\n width: `100%`,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n },\n messsage: {\n objectFit: 'contain',\n fontSize: 20,\n fontWeight: 'bold',\n lineHeight: `27px`,\n textAlign: 'center',\n color: theme.colors.primary,\n marginTop: 20,\n paddingBottom: 20,\n borderBottom: `2px solid ${theme.colors.primary}`\n },\n subMessage: {\n maxWidth: 335,\n fontSize: 14,\n lineHeight: `19px`,\n textAlign: 'center',\n marginTop: 24,\n marginBottom: 30\n },\n imgDesktop: {\n width: 250,\n height: 190,\n objectFit: 'contain',\n marginBottom: 20\n },\n wrapImgDesktop: {\n display: 'flex',\n flexDirection: 'column',\n width: `100%`,\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: 20\n },\n useDesktop: {\n maxWidth: 280,\n fontSize: 14,\n lineHeight: `19px`,\n textAlign: 'center'\n },\n googlePlay: {\n width: 150,\n marginRight: 10\n },\n appleStore: {\n width: 150,\n marginLeft: 10\n },\n buttonStore: {\n marginBottom: 20,\n display: 'flex',\n width: '100%',\n justifyContent: 'center',\n alignItems: 'center'\n },\n wrapSubMessage: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: `100%`\n }\n};\n","/*\n * @Author: Do Loc - doxuanloc2016@gmail.com\n * @Date: 2019-06-22 19:24:46\n * @Last Modified by: loc.do@bstarsolutions.com\n * @Last Modified time: 2019-08-26 15:45:54\n */\nimport { connect } from 'react-redux';\nimport React, { useEffect } from 'react';\nimport injectSheet from 'react-jss';\nimport { translator } from 'utils';\nimport { compose } from 'recompose';\nimport { ModalContent, Button } from 'components';\nimport { storeActions } from 'containers/Shop/duck';\nimport { modalActions } from 'containers/ModalManagement/duck';\nimport styles from './styles';\n\nconst ModalContact = props => {\n const {\n strings,\n emptyName,\n emptyEmail,\n emptyPhone,\n emptyCourse,\n emptyNumOfEmployee,\n registerSuccess,\n emptyAddress,\n emptyContent,\n sendSuccess,\n phoneIsZero,\n userExist,\n userJoined,\n courseEnterprise,\n dispatch,\n classes\n } = props;\n\n useEffect(() => {\n dispatch(modalActions.showBtnClose());\n }, []);\n\n const lang = strings.modalContact;\n\n const onShowPayment = () => {\n dispatch(storeActions.showPaymentPage(courseEnterprise));\n dispatch(modalActions.hideModal());\n };\n\n const onCloseModal = () => {\n dispatch(modalActions.hideModal());\n };\n return (\n \n {lang.message.toLocaleUpperCase()}\n
\n \n {lang.subMessage}\n
\n \n 
\n 1./ {lang.useDesktop}\n
\n \n
\n \n
\n 2./ {lang.useMobile}\n \n {lang.userExist}\n
\n )}\n {userJoined && {lang.userJoined}}\n \n \n \n
\n \n
\n ),\n customPaging: i => - {dots}
\n {e}\n
\n ))}\n