\r\n
\r\n \r\n {currentStep === 11 && percent >= 50 ? (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default React.memo(QuestionsPage);\r\n","import create from 'zustand';\r\nimport { emailController } from '../services/controllers';\r\n\r\nexport const useEmailStore = create((set, get) => ({\r\n isShowedInvalidParameters: false,\r\n isShowedButtonLoading: false,\r\n changeInvalidParameter: () => set({ isShowedInvalidParameters: false }),\r\n isSuccess: false,\r\n setIsSuccess: (isSuccess) => set({ isSuccess }),\r\n email: async (values, onSuccess) => {\r\n try {\r\n set({ isShowedButtonLoading: true });\r\n\r\n await emailController.email({\r\n subject: '',\r\n email: values.email,\r\n text: values.msg,\r\n name: values.name\r\n });\r\n set({ isSuccess: true });\r\n\r\n if (onSuccess) onSuccess();\r\n } catch (error) {\r\n console.log(error);\r\n } finally {\r\n set({ isShowedButtonLoading: false });\r\n set({ isShowedInvalidParameters: false });\r\n }\r\n }\r\n}));\r\n","import * as Yup from \"yup\";\r\n\r\nconst ContactUsValidation = (t) =>\r\n Yup.object().shape({\r\n name: Yup.string()\r\n .required(t(\"validation_text.required\"))\r\n .min(2, t(\"validation_text.username\"))\r\n .max(20, t(\"validation_text.username\"))\r\n .label(\"Անունը\"),\r\n email: Yup.string()\r\n .required(t(\"validation_text.required\"))\r\n .max(40, t(\"validation_text.mail_length\"))\r\n .matches(/^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$/, t(\"validation_text.mail\")),\r\n msg: Yup.string()\r\n .required(t(\"validation_text.required\"))\r\n .max(300, t(\"validation_text.max_length\")),\r\n });\r\n\r\nexport default ContactUsValidation;\r\n","import React from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport TranslationForm from './TranslationForm';\r\n\r\nconst AppForm = ({ initialValues, onSubmit, validationSchema, children }) => {\r\n return (\r\n \r\n
\r\n {question && (\r\n <>\r\n \r\n {t('text.question')}{' '}\r\n {currentStep < 11 ? currentStep : 10}/10\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n {question.question}
\r\n\r\n {question?.answers?.map((qq, idx) => {\r\n return (\r\n handleCheckAnswer(qq.answer)}\r\n selected={rightQuestionAnswer === qq.answer}\r\n error={\r\n rightQuestionAnswer &&\r\n rightQuestionAnswer !== qq.answer &&\r\n lastAnswer === qq.answer\r\n }\r\n >\r\n
\r\n \r\n )}\r\n {qq.answer}
\r\n \r\n );\r\n })}\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(CustomButton);\r\n","import { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport React from 'react';\r\nimport { Error } from '../../../images/svg';\r\nimport classesStyles from '../CustomInput/CustomInput.module.scss';\r\n\r\nconst useStyles = makeStyles({\r\n underline: {\r\n '&&&:before': {\r\n borderBottom: 'none'\r\n },\r\n '&&:after': {\r\n borderBottom: 'none'\r\n }\r\n }\r\n});\r\n\r\nconst CustomInput = ({\r\n title = '',\r\n placeholder = 'placeholder',\r\n type = 'text',\r\n maxLength,\r\n error,\r\n ...props\r\n}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default React.memo(CustomInput);\r\n","import create from 'zustand';\r\nimport { communityController } from '../services/controllers';\r\nexport const useCommunityStore = create((set, get) => ({\r\n community: [],\r\n states: [],\r\n communityGet: async (stateId) => {\r\n try {\r\n const community = await communityController.community(stateId);\r\n\r\n set({ community });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n },\r\n statesGet: async () => {\r\n try {\r\n const states = await communityController.getStates();\r\n\r\n set({ states });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n}));\r\n","import FormControl from '@material-ui/core/FormControl';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Select from '@material-ui/core/Select';\r\nimport cx from 'classnames';\r\nimport React, { useEffect } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ArmFlag, EnFlag, Error, RuFlag } from '../../../images/svg';\r\nimport { useCommunityStore } from '../../../store/community';\r\nimport { usePlayerStore } from '../../../store/player';\r\n\r\nimport { useUserStore } from '../../../store/users';\r\nimport classes from './CustomSelect.module.scss';\r\n\r\nexport default React.memo(function CustomSelect({\r\n className,\r\n medium = false,\r\n en = 'En',\r\n am = 'Հայ',\r\n ru = 'Ру',\r\n label,\r\n error,\r\n name,\r\n title = '',\r\n placeholder,\r\n state,\r\n ...props\r\n}) {\r\n const {\r\n selectedValue,\r\n setSelectedValue,\r\n setPlayerLang,\r\n changePlayerLang,\r\n selectedLanguage\r\n } = usePlayerStore();\r\n\r\n const { communityGet, community } = useCommunityStore();\r\n\r\n const { user } = useUserStore();\r\n const { i18n } = useTranslation();\r\n\r\n useEffect(() => {\r\n if (!state) return;\r\n\r\n communityGet(state);\r\n }, [state]);\r\n\r\n const tranformData = community?.data?.filter(\r\n (com) => selectedLanguage === com.language\r\n );\r\n\r\n return (\r\n \r\n {\r\n setTimeout(() => {\r\n window.scrollTo(0, 0);\r\n }, 100);\r\n }\r\n }}\r\n {...props}\r\n />\r\n {error ?
\r\n - \r\n
- \r\n
- \r\n \r\n
- \r\n \r\n
- \r\n
\r\n \r\n \r\n {list('right')}\r\n \r\n
\r\n );\r\n});\r\n","import { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { ErrorMessage } from 'formik';\r\nimport React from 'react';\r\nimport { Error } from '../../../images/svg';\r\nimport { ErrorMessage as CustomErrorMessage } from '../../Forms';\r\nimport classesStyles from './CustomTextarea.module.scss';\r\n\r\nconst useStyles = makeStyles({\r\n underline: {\r\n '&&&:before': {\r\n borderBottom: 'none'\r\n },\r\n '&&:after': {\r\n borderBottom: 'none'\r\n }\r\n }\r\n});\r\n\r\nconst CustomTextarea = ({\r\n title = '',\r\n placeholder = 'placeholder',\r\n type = 'text',\r\n maxLength,\r\n error,\r\n ...props\r\n}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {icon}
\r\n \r\n {name}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default React.memo(Language);\r\n","import create from 'zustand';\r\n\r\nexport const useSectionStore = create((set, get) => ({\r\n questions: [],\r\n section: false,\r\n currentStep: 1,\r\n percent: 0,\r\n isShowedButtonLoading: false,\r\n rightQuestionAnswer: null,\r\n isBlockedAnswerClick: false,\r\n score: 0,\r\n selectedGameType: '',\r\n certificateInfo: [],\r\n setSelectedGameType: (gameType) => set({ selectedGameType: gameType }),\r\n\r\n getSection: async (section, onSuccess = () => {}, onError = () => {}) => {\r\n try {\r\n set({\r\n section: section\r\n });\r\n\r\n onSuccess();\r\n } catch (error) {\r\n console.log(error);\r\n onError();\r\n }\r\n }\r\n}));\r\n","import React from 'react';\r\nimport './CustomIndicatorResult.module.scss';\r\nconst CustomIndicatorResult = ({ percent, color }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(ModalHappy);\r\n","import React from 'react';\r\nimport classes from '../../shared/Progress/Progress.module.scss';\r\n\r\nconst Progress = ({ currentStep }) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default React.memo(Progress);\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport SlickSlider from 'react-slick';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport { usePlayerStore } from '../../../store/player';\r\nimport classes from './Slider.module.scss';\r\n\r\nconst CustomArrow = (props) => {\r\n const { className, style, onClick, disabled } = props;\r\n return (\r\n \r\n \r\n {persons.map((p) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(Slider);\r\n","import React from 'react';\r\nimport classes from './Typography.module.scss';\r\nimport cx from 'classnames';\r\n\r\nexport const Title = React.memo(({ children, classNamee }) => {\r\n return \r\n \r\n {currentIndex}/\r\n \r\n {persons.length}\r\n
\r\n setSelectedPerson(p.path)}>\r\n 
\r\n
\r\n ))}\r\n \r\n {children}
;\r\n});\r\n\r\nexport const Paragraph = React.memo(({ children }) => {\r\n return{children}
;\r\n});\r\n","import React from 'react';\r\nimport classes from './Form.module.scss';\r\n\r\nconst ErrorMessage = ({ children, errorStyle }) => {\r\n if (typeof children !== 'string') return null;\r\n\r\n return (\r\n\r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(ErrorMessage);\r\n","import { ErrorMessage, Field } from 'formik';\r\nimport React from 'react';\r\nimport { CustomInput, CustomSelect } from '../shared';\r\nimport { default as CustomErrorMessage } from './ErrorMessage';\r\n\r\nconst AppFormField = ({\r\n name,\r\n wrapperClassName,\r\n renderField,\r\n errorStyle,\r\n type,\r\n placeholder,\r\n ...otherProps\r\n}) => {\r\n return (\r\n <>\r\n\r\n {renderField ? (\r\n renderField({\r\n ...field,\r\n ...otherProps,\r\n error: meta.touched && meta.error,\r\n onChange: (...args) => {\r\n field.onChange(...args);\r\n if (otherProps.onChange) otherProps.onChange(...args);\r\n }\r\n })\r\n ) : (\r\n <>\r\n {type !== 'select' ? (\r\n <>\r\n {\r\n field.onChange(...args);\r\n if (otherProps.onChange)\r\n otherProps.onChange(...args);\r\n }}\r\n error={meta.touched && meta.error}\r\n placeholder={placeholder}\r\n type={type}\r\n />\r\n \r\n ) : (\r\n <>\r\n {\r\n form.setFieldValue(name, e.target.value);\r\n form.setFieldTouched(name, true);\r\n\r\n field.onChange(e);\r\n\r\n if (otherProps.onChange) otherProps.onChange(e);\r\n }}\r\n error={meta.touched && meta.error}\r\n />\r\n \r\n )}\r\n \r\n )}\r\n\r\n
\r\n \r\n );\r\n }}\r\n \r\n \r\n {\r\n email(values, () => showAlert('success', t('text.success_sent')));\r\n resetForm({ values: '' });\r\n }}\r\n validationSchema={ContactUsValidation(t)}\r\n >\r\n {(form) => {\r\n if (isSuccess)\r\n setTimeout(() => {\r\n setIsSuccess(false);\r\n }, 1500);\r\n\r\n return (\r\n <>\r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(Contact);\r\n","import { default as classNames, default as cx } from 'classnames';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { usePlayerStore } from '../../store/player';\r\nimport { useUserStore } from '../../store/users';\r\nimport { Card } from '../Card';\r\nimport classes from '../ChoosePersons/ChoosePersons.module.scss';\r\nimport { Contact } from '../Contact';\r\nimport { CustomButton, Slider, Title } from '../shared';\r\n\r\nconst ChoosePersons = () => {\r\n const history = useHistory();\r\n const { playerGet, person, selectedPerson, setSelectedPerson, selectPerson } =\r\n usePlayerStore();\r\n\r\n const { user } = useUserStore();\r\n const { t } = useTranslation();\r\n const [id, setId] = useState(null);\r\n\r\n useEffect(() => {\r\n playerGet();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n {location.pathname === '/questions' && (\r\n \r\n
\r\n )}\r\n {/* \r\n
\r\n\r\n {t('text.contactWithUs')}
\r\n\r\n
\r\n \r\n );\r\n }}\r\n \r\n \r\n \r\n
\r\n \r\n (\r\n <>\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {/* history.push('/contact-us')} /> */}\r\n
\r\n \r\n
*/}\r\n {/* \r\n {t('text.choose_person')} \r\n
\r\n \r\n {t('text.choose_person')} \r\n {/*
\r\n \r\n {person ? (\r\n <>\r\n \r\n {person?.map((p) => {\r\n return (\r\n {\r\n setSelectedPerson(p.path);\r\n setId(p?._id);\r\n }}\r\n >\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n\r\n \r\n p.path === selectedPerson\r\n )}\r\n persons={person}\r\n onChange={(p) => {\r\n setSelectedPerson(p?.path);\r\n setId(p?._id);\r\n }}\r\n />\r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n {\r\n selectPerson();\r\n history.push('/login');\r\n\r\n localStorage.setItem('personId', id);\r\n }}\r\n disabled={selectedPerson === '' ? true : false}\r\n />\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default React.memo(ChoosePersons);\r\n","import cx from 'classnames';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { Contact, LanguageSelect } from '..';\r\nimport { showAlert } from '../../helpers/alerts';\r\nimport { Medal, Medal_Active_1, WhiteLogo } from '../../images/svg';\r\nimport { useGameStore } from '../../store/game';\r\nimport { usePlayerStore } from '../../store/player';\r\nimport { useSectionStore } from '../../store/section';\r\nimport { useUserStore } from '../../store/users';\r\nimport { Card } from '../Card';\r\nimport classes from '../ChoosePosition/ChoosePosition.module.scss';\r\nimport { CustomButton, CustomSideNav, Title } from '../shared';\r\n\r\nconst ChoosePosition = () => {\r\n const { getSection } = useSectionStore();\r\n\r\n const { isShowedButtonLoading, setSelectedGameType } = useGameStore();\r\n const {\r\n selectedPerson,\r\n setSelectedPerson,\r\n user,\r\n selectedLanguage,\r\n ...playerStore\r\n } = usePlayerStore();\r\n const {\r\n getGame,\r\n // isShowedButtonLoading,\r\n selectedGameType\r\n // id,\r\n // setSelectedGameType\r\n } = useGameStore();\r\n\r\n const { activeResidentOfTheCommunity, candidateForTheCouncilOfElders } =\r\n playerStore[\r\n selectedGameType[0].toLowerCase() + selectedGameType.slice(1)\r\n ] || {};\r\n const { a } = useUserStore();\r\n const [set1, showSet1] = useState(null);\r\n const [set2, showSet2] = useState(null);\r\n const [set, showSet] = useState(null);\r\n const { t } = useTranslation();\r\n const [sectionn, setSection] = useState('');\r\n const history = useHistory();\r\n\r\n const [position, setPosition] = useState('');\r\n\r\n const first = () => {\r\n if (activeResidentOfTheCommunity) return;\r\n showSet1(true);\r\n showSet2(false);\r\n setPosition('ActiveResidentOfTheCommunity');\r\n };\r\n\r\n const second = () => {\r\n if (candidateForTheCouncilOfElders) return;\r\n\r\n showSet2(true);\r\n showSet1(false);\r\n setPosition('CandidateForTheCouncilOfElders');\r\n };\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n\r\n if (!selectedPerson) history.replace('/');\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n\r\n {/* {candidateForTheCouncilOfElders && activeResidentOfTheCommunity\r\n ? null\r\n : !user &&\r\n selectedPerson && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {candidateForTheCouncilOfElders && (\r\n \r\n {/*
\r\n \r\n {t('text.choose_position')} \r\n
\r\n \r\n \r\n {activeResidentOfTheCommunity && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {t('text.lvl1')}\r\n
\r\n\r\n
\r\n )}\r\n \r\n {t('text.lvl2')}\r\n
\r\n\r\n {candidateForTheCouncilOfElders && (\r\n\r\n {\r\n setSelectedGameType(position);\r\n getGame(\r\n {\r\n language: selectedLanguage,\r\n // id: _id,\r\n level: position,\r\n section: selectedGameType\r\n },\r\n () => history.push('/questions'),\r\n () => showAlert('error', t('text.not_question'))\r\n );\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {communityFiveYearPlanCompleted && (\r\n
\r\n \r\n \r\n {communityAnnualWorkPlanCompleted && (\r\n
\r\n \r\n {t('text.choose_section')} \r\n
\r\n \r\n \r\n {communityBudgetCompleted && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n {t('text.section1')}\r\n
\r\n\r\n
\r\n )}\r\n \r\n {t('text.section2')}\r\n
\r\n\r\n
\r\n )}\r\n \r\n {t('text.section3')}\r\n
\r\n\r\n {\r\n getSection(sectionn);\r\n setSelectedGameType(sectionn);\r\n }}\r\n />\r\n
\r\n \r\n \r\n\r\n {/* {candidateForTheCouncilOfElders &&\r\n communityAnnualWorkPlanCompleted &&\r\n communityFiveYearPlanCompleted\r\n ? null\r\n : !user &&\r\n selectedPerson && (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default HelperPerson;\r\n","import * as Yup from 'yup';\r\n\r\nconst UserLoginValidation = (t) =>\r\n Yup.object().shape({\r\n firstName: Yup.string()\r\n .required(t('validation_text.required'))\r\n .min(3, t('validation_text.username_login_min'))\r\n .max(20, t('validation_text.username_login_max'))\r\n .matches(/^[a-zA-Zա-ևԱ-ֆа-яА-Я]+$/, t('validation_text.name_not_number')),\r\n\r\n lastName: Yup.string()\r\n .required(t('validation_text.required'))\r\n .min(3, t('validation_text.username_login_min'))\r\n .max(20, t('validation_text.username_login_max'))\r\n .matches(\r\n /^[a-zA-Zա-ևԱ-ֆа-яА-Я]+$/,\r\n t('validation_text.surename_not_number')\r\n ),\r\n\r\n middleName: Yup.string()\r\n .required(t('validation_text.required'))\r\n .min(3, t('validation_text.username_login_min'))\r\n .max(20, t('validation_text.username_login_max'))\r\n .matches(\r\n /^[a-zA-Zա-ևԱ-ֆа-яА-Я]+$/,\r\n t('validation_text.middlename_not_number')\r\n ),\r\n community: Yup.string().required(t('validation_text.required')),\r\n state: Yup.string().required(t('validation_text.required')),\r\n residence: Yup.string()\r\n .required(t('validation_text.required'))\r\n .min(2, t('validation_text.username_login_min'))\r\n .max(100, t('validation_text.username_login_max')),\r\n age: Yup.number()\r\n .typeError(t('validation_text.number'))\r\n .required(t('validation_text.required'))\r\n .positive()\r\n .integer()\r\n .test(\r\n 'no-leading-zero',\r\n t('validation_text.correct_age'),\r\n (value, context) => {\r\n return (\r\n context.originalValue && !context.originalValue.startsWith('0')\r\n );\r\n }\r\n )\r\n .min(3, t('validation_text.min_age'))\r\n .max(100, t('validation_text.max_age')),\r\n email: Yup.string()\r\n .email(t('validation_text.invalid_email'))\r\n .required(t('validation_text.required')),\r\n phone: Yup.string()\r\n .required(t('validation_text.required'))\r\n .matches(\r\n /^(([+374]{4}|[0]{1}|[374]{3}))?(4[134]|55|33|77|9[1345689])(\\d{6})$/,\r\n {\r\n message: t('validation_text.invalid_phone'),\r\n excludeEmptyString: true\r\n }\r\n )\r\n });\r\n\r\nexport default UserLoginValidation;\r\n","import { FormControl, MenuItem, Select } from '@material-ui/core';\r\nimport classNames from 'classnames';\r\nimport React from 'react';\r\nimport { Error } from '../../../images/svg';\r\nimport classes from './CustomSelectUI.module.scss';\r\n\r\nconst CustomSelectUI = ({ children, placeholder, label, error, ...props }) => {\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {speechEffect ? placeholder : personSpeech}
\r\n\r\n {label && (\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n {children}\r\n \r\n\r\n {error ? \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CustomSelectUI;\r\n","import { MenuItem } from '@material-ui/core';\r\nimport React, { useEffect } from 'react';\r\nimport { useCommunityStore } from '../../../store/community';\r\nimport { usePlayerStore } from '../../../store/player';\r\nimport { CustomSelectUI } from '../CustomSelectUI';\r\n\r\nconst StatesSelect = (props) => {\r\n const { statesGet, states } = useCommunityStore();\r\n\r\n const { selectedLanguage } = usePlayerStore();\r\n\r\n useEffect(() => {\r\n statesGet();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n {!user && selectedPerson && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {t('text.fill')} \r\n \r\n login({ ...values, state: values.state?.split('-')[1] }, () =>\r\n showAlert('error', t('text.invalid_parametrs'))\r\n )\r\n }\r\n validationSchema={UserLoginValidation(t)}\r\n >\r\n {(form) => {\r\n return (\r\n <>\r\n
\r\n \r\n (\r\n form.setFieldTouched('state', true)}\r\n onChange={(e) => {\r\n form.setFieldTouched('state', true);\r\n form.setFieldValue('state', e.target.value);\r\n form.setFieldValue('community', '');\r\n }}\r\n placeholder={t('text.register_state')}\r\n label={t('text.register_state')}\r\n />\r\n )}\r\n />\r\n
\r\n\r\n \r\n {/*
\r\n \r\n );\r\n }}\r\n \r\n \r\n
*/}\r\n \r\n {t('text.dontYou')}\r\n history.push('/register')}>\r\n {t('text.register')}\r\n \r\n
\r\n\r\n {t('text.pravite_information')}\r\n
\r\n\r\n \r\n
\r\n {t('text.heading_game')}\r\n \r\n }\r\n className={classes.HelperPerson}\r\n />\r\n )}\r\n
\r\n {/* {!id && (\r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(Header);\r\n","import React from 'react';\r\nimport { CustomSelect } from '../shared';\r\nimport classes from './LanguageSelect.module.scss';\r\n\r\nconst LanguageSelect = () => {\r\n return (\r\n \r\n \r\n
\r\n )}*/}\r\n \r\n {!id ? (\r\n <>\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default React.memo(LanguageSelect);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { usePlayerStore } from '../../store/player';\r\nimport { useUserStore } from '../../store/users';\r\nimport classes from '../LoadingIndicator/LoadingIndicator.module.scss';\r\n\r\n\r\nconst LoadingIndicator = ({ onEnd }) => {\r\n const [value, setValue] = useState(0);\r\n const { getPlayerInfo } = usePlayerStore();\r\n const { user } = useUserStore();\r\n\r\n const history = useHistory();\r\n\r\n const { i18n } = useTranslation();\r\n\r\n useEffect(() => {\r\n let scopedValue = 0;\r\n const interval = setInterval(() => {\r\n if (scopedValue === 10) {\r\n clearInterval(interval);\r\n onEnd();\r\n return;\r\n }\r\n scopedValue++;\r\n setValue(scopedValue + 10);\r\n }, 50);\r\n }, []);\r\n useEffect(() => {\r\n if (user)\r\n getPlayerInfo(\r\n (language) => i18n.changeLanguage(language),\r\n () => history.replace('/questions')\r\n );\r\n }, []);\r\n return (\r\n \r\n {/* \r\n Loading...\r\n
\r\n\r\n \r\n
*/}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(ModalSad);\r\n","import { Dialog } from '@material-ui/core';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Card, Contact } from '..';\r\nimport {\r\n EnFlag,\r\n FacebookLogo,\r\n InstagramLogo,\r\n LinkedinLogo,\r\n NgocLogo,\r\n RuFlag\r\n} from '../../images/svg';\r\nimport { ReactComponent as CloseIcon } from '../../images/svg/close.svg';\r\nimport { usePlayerStore } from '../../store/player';\r\nimport { useUserStore } from '../../store/users';\r\nimport { CustomButton, Language, Title } from '../shared';\r\nimport classes from './SelectLanguageSection.module.scss';\r\n\r\nconst SelectLanguageSection = () => {\r\n const { t, i18n } = useTranslation();\r\n const [overlay, setOverlay] = useState(true);\r\n const [right, setRight] = useState(false);\r\n const [open, setOpen] = useState(false);\r\n\r\n const history = useHistory();\r\n\r\n const { setPlayerLang, selectedPerson, selectedLanguage } = usePlayerStore();\r\n\r\n const { user } = useUserStore();\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const changeLanuage = (language) => {\r\n setPlayerLang(language);\r\n i18n.changeLanguage(language);\r\n setOverlay(false);\r\n };\r\n const handleOverlay = () => {\r\n setOverlay(false);\r\n history.push('/persons');\r\n };\r\n useEffect(() => {\r\n if (!selectedPerson && !user) history.replace('/');\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n {/* {overlay && selectedPerson && (\r\n \r\n
\r\n \r\n {t('text.selectLang')} \r\n\r\n {\r\n setOpen(true);\r\n }}\r\n className={classes.AboutusButton}\r\n >\r\n {t('text.about_us')}\r\n
\r\n\r\n \r\n
\r\n {/* \r\n {\r\n changeLanuage('Am');\r\n }}\r\n selectedClass={\r\n selectedLanguage === 'Am'\r\n ? classes.SelectedLanguage\r\n : classes.Language\r\n }\r\n />\r\n
\r\n\r\n {/* */}\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SelectLanguageSection;\r\n","import cx from 'classnames';\r\nimport html2canvas from 'html2canvas';\r\nimport jsPDF from 'jspdf';\r\nimport moment from 'moment';\r\nimport React, { useEffect } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\nimport { Download } from '../../images/svg';\r\nimport { useGameStore } from '../../store/game';\r\nimport { usePlayerStore } from '../../store/player';\r\nimport { Card } from '../Card';\r\nimport { CustomButton } from '../shared';\r\nimport classes from './Certification.module.scss';\r\nconst Certification = ({ match }) => {\r\n const { t } = useTranslation();\r\n const history = useHistory();\r\n const params = useParams();\r\n\r\n const printDocument = () => {\r\n window.scrollTo(0, 0);\r\n\r\n html2canvas(document.querySelector('#capture'), {\r\n quality: 1,\r\n scale: 3,\r\n allowTaint: true,\r\n scrollY: 0.25,\r\n removeContainer: false\r\n }).then((dataUrl) => {\r\n const pdf =\r\n window.innerWidth < 991\r\n ? jsPDF('l', 'pt', [180, 120])\r\n : new jsPDF('l', 'pt', [dataUrl.width, dataUrl.height]);\r\n\r\n const width = pdf.internal.pageSize.getWidth();\r\n const height = pdf.internal.pageSize.getHeight();\r\n\r\n pdf.addImage(dataUrl, 'SVG', 0, 0, width, height);\r\n pdf.save('Certificate.pdf');\r\n });\r\n };\r\n\r\n const { certificateGet, certificate } = useGameStore();\r\n console.log('certificateGet', certificateGet);\r\n const userFullname = certificateGet?.fullName.length > 40 ? true : false;\r\n const userFullname2 = certificateGet?.fullName.length > 19 ? true : false;\r\n // sectionArmenianText\r\n // sectionEnglishText\r\n // sectionRussianText\r\n const { selectedLanguage } = usePlayerStore();\r\n // const userFullname = false;\r\n useEffect(() => {\r\n certificate(match.params.gameType);\r\n }, [userFullname]);\r\n\r\n return (\r\n \r\n
\r\n {t('text.about_us')}
\r\n\r\n {t('text.about_1')}\r\n
\r\n {t('text.about_2')}
\r\n {t('text.about_3')}
\r\n {t('text.about_4')}\r\n
\r\n {t('text.about_5')}\r\n
\r\n \r\n {t('text.about_2')}
\r\n {t('text.about_3')}
\r\n {t('text.about_4')}\r\n
\r\n {t('text.about_5')}\r\n
\r\n
\r\n \r\n {t('text.about_questions')}
\r\n {t('text.about_address')}\r\n
{t('text.about_info')}՝{' '}\r\n info@ngoc.am\r\n
\r\n \r\n {t('text.about_address')}\r\n
{t('text.about_info')}՝{' '}\r\n info@ngoc.am\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 991 && classes.card}>\r\n {/* {window.innerWidth <= 991 && (\r\n <>\r\n
\r\n Հավաստագիր
\r\n \r\n )} */}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {t('text.certificate')}\r\n
\r\n {/*CERTIFICATE OF ACHIEVEMENT
*/}\r\n\r\n {selectedLanguage === 'Am' && 'Տրվում է'}\r\n
\r\n\r\n {`${certificateGet?.fullName}${\r\n selectedLanguage === 'Am' ? 'ին' : ''\r\n }`}\r\n
\r\n\r\n {/*
\r\n \r\n {certificateGet?.armenianText}\r\n
\r\n{certificateGet?.englishText}
*/}\r\n {selectedLanguage === 'Am' ? (\r\n{certificateGet?.armenianText}
\r\n ) : selectedLanguage === 'En' ? (\r\n{certificateGet?.englishText}
\r\n ) : (\r\n{certificateGet?.russianText}
\r\n )}\r\n\r\n \r\n Онлайн игра «Играй в ОМС» (Органы Местного Самоуправления)\r\n была создана в рамках программы развития ООН «Женщины и\r\n молодежь в процессах инновационного локального развития» по\r\n Программе Развития ООН, которая финансируется агентством\r\n развития и сотрудничества Швейцарии и реализуется в\r\n сотрудничестве с министерством регионального управления и\r\n инфраструктуры РА.\r\n
\r\n Игра была развита Общественной Организацией Развития\r\n Гражданского Общества «НКО Кентрон».\r\n \r\n ) : (\r\n
\r\n {params.gameType === 'ActiveResidentOfTheCommunity' ? (\r\n \r\n ) : (\r\n \r\n {moment(certificateGet?.gameComletedDate).format('DD.MM.YYYY')}\r\n
\r\n\r\n {selectedLanguage === 'Am' ? (\r\n
\r\n {certificateGet?.communityArmenianText}\r\n
\r\n ) : selectedLanguage === 'En' ? (\r\n\r\n {certificateGet?.communityEnglishText}\r\n
\r\n ) : (\r\n\r\n {certificateGet?.communityRussianText}\r\n
\r\n )}\r\n \r\n\r\n \r\n\r\n {selectedLanguage === 'Am' ? (\r\n\r\n «ՏԻՄխաղա» առցանց խաղը ստեղծվել է ՄԱԶԾ
\r\n «Կանայք և երիտասարդները նորարար տեղական զարգացման\r\n գործընթացներում» ծրագրի շրջանակներում, որը ֆինանսավորում\r\n է Շվեյցարիայի զարգացման և Համագործակցության գործակալության\r\n կողմից և իրականցվում է ՀՀ տարածքային կառավարմա և\r\n ենթակառուցվածքների նախարարության հետ համագործակցությամբ։\r\n
\r\n «ՏԻՄխաղա» առցանց խաղը զարգացվել է «ՀԿ\r\n Կենտրոն» ՔՀԶ ՀԿ-ի կողմից։\r\n
\r\n «ՏԻՄխաղա» online game was created by the UNDP\r\n program
\r\n «Women and Youth for Innovative Local Development,»\r\n which is financed by the Swiss Development and Cooperation\r\n Agency and is implemented by the cooperation with the Ministry\r\n of Territorial Administration and Infrastructure of the RA.\r\n
\r\n « ՏԻՄ խաղա»online game was developed «with the\r\n support of \"NGO Center\" CSDP NGO.\r\n
\r\n Игра была развита Общественной Организацией Развития\r\n Гражданского Общества «НКО Кентрон».\r\n \r\n ) : (\r\n
\r\n «ՏԻՄխաղա» առցանց խաղը ստեղծվել է ՄԱԶԾ
\r\n «Կանայք և երիտասարդները նորարար տեղական զարգացման\r\n գործընթացներում» ծրագրի շրջանակներում, որը ֆինանսավորում\r\n է Շվեյցարիայի զարգացման և Համագործակցության գործակալության\r\n կողմից և իրականցվում է ՀՀ տարածքային կառավարմա և\r\n ենթակառուցվածքների նախարարության հետ համագործակցությամբ։\r\n
\r\n «ՏԻՄխաղա» առցանց խաղը զարգացվել է «ՀԿ\r\n Կենտրոն» ՔՀԶ ՀԿ-ի կողմից։\r\n
\r\n \r\n {\r\n email(values, () => showAlert('success', t('text.success_sent')));\r\n resetForm({ values: '' });\r\n }}\r\n validationSchema={ContactUsValidation(t)}\r\n >\r\n {(form) => {\r\n if (isSuccess)\r\n setTimeout(() => {\r\n setIsSuccess(false);\r\n }, 1500);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MobileContact;\r\n","import cx from 'classnames';\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Redirect,\r\n Route,\r\n Switch,\r\n useHistory,\r\n useLocation\r\n} from 'react-router-dom';\r\nimport { checkIsDesktop } from '../src/helpers';\r\nimport classes from './App.module.scss';\r\nimport {\r\n Card,\r\n ChoosePersons,\r\n ChoosePosition,\r\n ChooseSection,\r\n Header,\r\n LoadingIndicator,\r\n Login,\r\n QuestionsPage,\r\n SelectLanguageSection\r\n} from './components';\r\nimport Certification from './components/Certification/Certification';\r\nimport ContactUsMobile from './components/Contact/MobileContact';\r\nimport {\r\n addElementScrollableListener,\r\n changeRootSize,\r\n checkElementScrollable,\r\n preloadPersonImages\r\n} from './helpers';\r\nimport { Logo, NgocLogo } from './images/svg';\r\nimport { useGameStore } from './store/game';\r\nimport { useSectionStore } from './store/section';\r\nimport { useUserStore } from './store/users';\r\n\r\nfunction App() {\r\n const { user } = useUserStore();\r\n const { id } = useGameStore();\r\n const [isLoading, setIsLoading] = useState(true);\r\n const { section } = useSectionStore();\r\n\r\n const appWrapperEl = useRef(null);\r\n\r\n const location = useLocation();\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n const elementScrolableListenerRemover = addElementScrollableListener(\r\n appWrapperEl?.current\r\n );\r\n const rootSizeListenerRemover = changeRootSize(appWrapperEl?.current);\r\n\r\n preloadPersonImages();\r\n\r\n history.listen(() => window.scrollTo(0, 0));\r\n\r\n return () => {\r\n rootSizeListenerRemover();\r\n elementScrolableListenerRemover();\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (appWrapperEl?.current) {\r\n checkElementScrollable(appWrapperEl.current);\r\n\r\n history.listen(() => {\r\n checkElementScrollable(appWrapperEl.current);\r\n });\r\n }\r\n }, [isLoading]);\r\n\r\n const isOnGameLocation =\r\n !isLoading && (id || (user && location.pathname === '/'));\r\n\r\n const isOnCertificationLocation =\r\n window.innerWidth >= 991 && location.pathname.includes('/certification');\r\n\r\n const isOnRegisterPage = location.pathname === '/register';\r\n\r\n useEffect(() => {\r\n if (isOnRegisterPage) document.body.classList.add('scroll-lock');\r\n else document.body.classList.remove('scroll-lock');\r\n }, [isOnRegisterPage]);\r\n\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n props.history.goBack()}\r\n className={classes.goBackMobile}\r\n >\r\n {t('text.contactWithUs')} \r\n
\r\n \r\n
\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!isLoading && !isOnCertificationLocation && setIsLoading(false)} />\r\n ) : (\r\n <>\r\n {id ? (\r\n checkIsDesktop() ? (\r\n \r\n \r\n )\r\n ) : section && user ? (\r\n \r\n {/* \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n {!isLoading && !isOnCertificationLocation && (\r\n
\r\n \r\n );\r\n}\r\nexport default App;\r\n","import React from 'react';\r\nimport classes from './Spinner.module.scss';\r\nconst Spinner = () => {\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n
\r\n {t('text.about_game')}
\r\n\r\n \r\n
\r\n Loading...
\r\n \r\n );\r\n};\r\n\r\nexport default React.memo(Spinner);\r\n","import { createTheme } from '@material-ui/core';\r\n\r\nexport default createTheme({\r\n typography: {\r\n fontFamily: `'Noto-Sans-Armenia', sans-serif`\r\n }\r\n});\r\n","import i18n from 'i18next';\r\nimport LanguageDetector from 'i18next-browser-languagedetector';\r\nimport Backend from 'i18next-http-backend';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport translationAM from './locales/am/translation.json';\r\nimport translationEN from './locales/en/translation.json';\r\nimport translationRU from './locales/ru/translation.json';\r\n\r\nconst resources = {\r\n Am: {\r\n translation: translationAM\r\n },\r\n En: {\r\n translation: translationEN\r\n },\r\n Ru: {\r\n translation: translationRU\r\n }\r\n};\r\n\r\ni18n\r\n .use(Backend)\r\n .use(LanguageDetector)\r\n .use(initReactI18next)\r\n .init({\r\n fallbackLng: 'Am',\r\n debug: false,\r\n detection: {\r\n order: ['queryString', 'cookie'],\r\n cache: ['cookie']\r\n },\r\n interpolation: {\r\n escapeValue: false\r\n },\r\n resources\r\n });\r\n\r\nexport default i18n;\r\n","import { ThemeProvider } from '@material-ui/core';\r\nimport React, { Suspense } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { I18nextProvider } from 'react-i18next';\r\nimport { BrowserRouter as Router } from 'react-router-dom';\r\nimport App from './App';\r\nimport Spinner from './components/shared/Spinner/Spinner';\r\nimport { muiTheme } from './configs/ui';\r\nimport i18n from './i18n';\r\nimport './index.scss';\r\n\r\nReactDOM.render(\r\n