\n \n {errorMessage}\n \n
\n );\n}","import React from 'react'\nimport SimpleAlert from '../Alert/SimpleAlert'\n\nconst LoadingComponent = ({ errorMessage }) => {\n return (\n <>\n {errorMessage && (\n \n
\n \n )\n}\n\nexport default LoadingComponent\n","import React from 'react'\nimport { currency_symbol } from './../../../../constants.json'\n\nconst SelectFormOption = ({ item, onSelect, isChecked }) => {\n return (\n \n
\n \n \n \n \n \n
\n\n \n \n \n \n
\n onSelect(item)}>\n
\n \n
\n \n )\n}\n\nexport default SelectFormOption\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport LoadingComponent from '../LoadingComponent/LoadingComponent'\nimport SelectServiceOption from './SelectServiceOption'\nimport './selectService.scss'\nimport { useSelector } from 'react-redux'\n\nconst SelectService = ({\n onSelect,\n categories,\n services,\n selectedOptions,\n addSpecialities\n}) => {\n const selectedSpeciality = useSelector((s) => s.doctorTabsReducer.doctorTab)\n const selectedSpecialityId = useSelector((s) => s.doctorTabsReducer.IdSpeciality)\n\n if (categories.length === 0) return \n
\n {item.Name}
\n\n {item.Price === 0\n ? 'Бесплатно'\n : `${item.Price} ${currency_symbol}`}\n
\n\n
\n {item.TimeMin}
\nмин
\n\n Все услуги врача ({totalCount})\n
\n {selectedSpecialityId ? (\n\n it.Id === el.Id)}\n />\n ))}\n
\n ) : (\n addSpecialities.map(addSpecialy => \n {selectedSpeciality}
\n {filteredServices.filter(serv => serv.SpecialityId === selectedSpecialityId).map((el, idx) => (\n\n it.Id === el.Id)}\n />\n ))}\n
\n )\n )}\n\n \n )\n })\n }\n}\n\nSelectService.propTypes = {\n categories: PropTypes.array.isRequired,\n services: PropTypes.array.isRequired,\n}\n\nexport default SelectService\n","import { BASE_URL } from './Constants';\n\nexport const GET_SERVICE_LIST = `${BASE_URL}v2/api/Common/GetServices?visibleOnSite=true`;\nexport const GET_SERVICES_BY_DOCTOR = `${BASE_URL}api/Appointment/GetVisibleServicesByDoctors`;","import * as types from './actionTypes'\nimport * as serviceApi from '../../api/serviceApi'\n\nexport function loadServicesSuccess(services) {\n return { type: types.LOAD_SERVICES_SUCCESS, services }\n}\n\nexport function loadServicesByDoctorSuccess(services) {\n return { type: types.LOAD_SERVICES_BY_DOCTOR_SUCCESS, services }\n}\n\nexport function loadServices() {\n return function (dispatch) {\n return serviceApi\n .getServices()\n .then((services) => {\n dispatch(loadServicesSuccess(services))\n })\n .catch((error) => {\n throw error\n })\n }\n}\n\nexport function loadServicesByDoctor(data) {\n return function (dispatch) {\n return serviceApi\n .getServicesByDoctor(data)\n .then((services) => {\n dispatch(loadServicesByDoctorSuccess(services))\n })\n .catch((error) => {\n throw error\n })\n }\n}\n","import { api,handleResponse, handleError} from './apiUtils';\nimport { GET_SERVICE_LIST, GET_SERVICES_BY_DOCTOR } from '../global/Constants/service';\n\nexport function getServices(){\n return api.get(GET_SERVICE_LIST)\n .then(handleResponse)\n .catch(handleError);\n}\n\nexport function getServicesByDoctor(data){\n return api.post(GET_SERVICES_BY_DOCTOR, data)\n .then(handleResponse)\n .catch(handleError);\n}\n\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport GeneralButton from '../../../components/kit/GeneralButton/GeneralButton'\nimport SelectService from './SelectService/SelectService.jsx'\nimport * as serviceActions from '../../../redux/actions/serviceActions'\nimport SimpleAlert from './Alert/SimpleAlert'\nimport LoadingComponent from './LoadingComponent/LoadingComponent'\nclass ChooseMedService extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n errorMessage: '',\n isLoading: true,\n }\n }\n\n componentDidMount() {\n let data = {\n DateFrom: this.props.startDateTime,\n DateTo: this.props.endDateTime,\n IdDoctor: this.props.doctorId,\n ByDoctor: true,\n }\n\n this.props\n .loadServicesByDoctor(data)\n .then((services) => {\n this.setState({ isLoading: false })\n this.setState({ errorMessage: '' })\n })\n .catch((error) => {\n this.setState({\n errorMessage: 'Ошибка загрузки услуг по врачу: ' + error,\n })\n })\n }\n\n componentWillReceiveProps(props) {\n this.setState({ errorMessage: props.errorMessage })\n }\n\n onSelectServiceVariant = (id) => {\n const services = this.props.selectedOptions\n if (services.includes(id)) {\n const index = services.indexOf(id)\n services.splice(index, 1)\n } else {\n services.push(id)\n }\n this.setState({ services })\n }\n\n render() {\n const disabled = this.props.selectedOptions < 1\n return (\n <>\n {this.state.isLoading ? (\n {addSpecialy.Name}
\n {filteredServices.filter(serv => serv.SpecialityId === addSpecialy.Id).map((el, idx) => (\n\n
\n \n )}\n \n )\n }\n}\n\nChooseMedService.propTypes = {\n services: PropTypes.array,\n loadServicesByDoctor: PropTypes.func.isRequired,\n}\n\n// eslint-disable-next-line\nArray.prototype.distinct = function (item) {\n var results = []\n for (var i = 0, l = this.length; i < l; i++)\n if (!item) {\n if (results.indexOf(this[i]) === -1) results.push(this[i])\n } else {\n if (results.indexOf(this[i][item]) === -1) results.push(this[i][item])\n }\n return results\n}\n\nfunction mapStateToProps(state) {\n return {\n //categories: state.services.distinct('SpecialityName'),\n services: state.services.slice(0, 100),\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n loadServicesByDoctor: (service) =>\n dispatch(serviceActions.loadServicesByDoctor(service)),\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChooseMedService)\n","import React from 'react'\n\nconst SearchIcon = ({ width, height, className }) => {\n return (\n \n Выберите услугу\n
\n \n
\n \n\t\t\t\t\t\t{itemsToShow === quantity ? 'Показать ещё' : 'Скрыть'} \n\t\t\t\t\t
\n\t\t\t\n\t)\n}\n\nexport default DoctorTab\n","import PropTypes from 'prop-types'\nimport React, { useEffect } from 'react'\nimport { useSelector } from 'react-redux'\n\nconst DoctorList = ({ doctors, onSelectMaster, inputSearch }) => {\n useEffect(() => {\n const urlParams = new URLSearchParams(window.location.search)\n const urlDoctorId = parseInt(\n urlParams.get('doctorId') && urlParams.get('doctorId').replace(/\"/g, '')\n )\n const urlDoctor = doctors.find((doctor) => {\n return doctor.Id === urlDoctorId\n })\n if (urlDoctor) {\n onSelectMaster(urlDoctor.Name, urlDoctor.Id, urlDoctor.DefaultTime, [\n {\n id: urlDoctor.Id,\n name: urlDoctor.SpecialityName,\n },\n ], urlDoctor.Photo, urlDoctor.IdSpeciality)\n }\n }, [doctors, onSelectMaster])\n const selectedSpeciality = useSelector((s) => s.doctorTabsReducer.doctorTab)\n const selectedSpecialityId = useSelector((s) => s.doctorTabsReducer.IdSpeciality)\n\n return doctors\n .filter((doctor) => doctor.Name.toLowerCase().includes(inputSearch))\n .sort((a, b) => {\n if (a.Name > b.Name) {\n return 1\n }\n if (a.Name < b.Name) {\n return -1\n }\n return 0\n })\n .map((doctor) => {\n const date = new Date(doctor.NearestFreeTime)\n const options = {\n month: 'long',\n day: 'numeric',\n weekday: 'long',\n hour: 'numeric',\n minute: 'numeric',\n }\n let specialities = doctors.find(\n (doc) => doc.Id === doctor.Id\n ).specialities\n if (\n selectedSpeciality === 'все' ||\n doctor.AddSpecialities.some(el => el.Id === selectedSpecialityId)\n ) {\n return (\n \n {doctor.Photo ? (\n
\n \n )\n } else {\n return ''\n }\n })\n}\n\nDoctorList.propTypes = {\n doctors: PropTypes.array,\n}\n\nexport default DoctorList\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport SearchIcon from \"../../../components/kit/Icons/SearchIcon\";\nimport Logotype from \"../../../components/kit/Logo/Logotype\";\nimport * as doctorActions from \"../../../redux/actions/doctorActions\";\nimport * as specialityActions from \"../../../redux/actions/specialityActions\";\nimport DoctorTab from \"../../DoctorTab\";\nimport DoctorList from \"../doctors/DoctorList\";\nimport SimpleAlert from \"./Alert/SimpleAlert\";\nimport LoadingComponent from \"./LoadingComponent/LoadingComponent\";\nimport GeneralButton from '../../../components/kit/GeneralButton/GeneralButton'\nimport { Link } from \"react-router-dom\";\n\n\nclass ChooseMaster extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n errorMessage: \"\",\n inputSearch: \"\",\n };\n }\n\n state = {\n isLoading: true,\n };\n\n componentDidMount() {\n this.props\n .loadSpecialities()\n .then(() => {\n this.setState({ isLoading: false });\n this.setState({ errorMessage: \"\" });\n })\n .catch((error) => {\n this.setState({\n errorMessage: \"Ошибка загрузки специальностей: \" + error,\n });\n });\n\n this.props\n .loadDoctors()\n .then(() => {\n this.setState({ isLoading: false });\n this.setState({ errorMessage: \"\" });\n })\n .catch((error) => {\n this.setState({ errorMessage: \"Ошибка загрузки врачей: \" + error });\n });\n }\n\n componentWillReceiveProps(props) {\n this.setState({ errorMessage: props.errorMessage });\n }\n\n render() {\n return (\n <>\n {this.state.errorMessage && (\n \n
\n ) : (\n \n {doctor.Name.charAt().toUpperCase()}\n
\n )}\n \n
\n \n {doctor.Name.toLowerCase()}\n
\n \n {selectedSpeciality === 'все' ? doctor.AddSpecialities.filter((obj) => obj.IsVisibleOnSIte).map(AddSpeciality => AddSpeciality.Name).join(', ') : selectedSpeciality}\n {/* {selectedSpeciality === 'все' ? doctor.AddSpecialities.map(AddSpeciality => AddSpeciality.Name).join(', ') : selectedSpeciality} */}\n
\n {doctor.NearestFreeTime ? (\n\n
\n ) : (\n \n Ближ. прием {`${date.toLocaleDateString('ru', options)}`}\n
\n\n
\n )}\n \n Ближ. прием {`${date.toLocaleDateString('ru', options)}`}\n
\n\n
\n \n );\n }\n}\n\nChooseMaster.propTypes = {\n specialities: PropTypes.array.isRequired,\n doctors: PropTypes.array.isRequired,\n loadSpecialities: PropTypes.func.isRequired,\n loadDoctors: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps(state) {\n return {\n specialities: state.specialities.map((speciality) => {\n return {\n ...speciality,\n doctors: state.doctors.filter((doctor) => {\n // let allSpecialities = [''].concat(\n // doctor.AddSpecialities\n // );\n return doctor.AddSpecialities.find((el) => el.Id === speciality.Id);\n }),\n };\n }),\n doctors: state.doctors.filter(doctor => doctor.AddSpecialities.length).map((doctor) => {\n return {\n ...doctor,\n Name: doctor.Name.replace(/\\([^)]*\\)/g, '').trim(),\n specialities: state.specialities.filter(\n (speciality) => speciality.Id === doctor.IdSpeciality\n ),\n };\n }),\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n loadSpecialities: (speciality) =>\n dispatch(specialityActions.loadSpecialities()),\n loadDoctors: (doctor) => dispatch(doctorActions.loadDoctors()),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChooseMaster);\n","import FormControl from '@material-ui/core/FormControl'\nimport TextField from '@material-ui/core/TextField'\nimport React from 'react'\n\nconst InputForm = ({ propertyName, onChange, className, label, ...props }) => {\n return (\n \n
\n )\n}\n\nexport default ClientForm\n","import { BASE_URL } from './Constants';\n\nexport const GET_RESULTS_By_CodeWord_AsPdf = `${BASE_URL}api/Appointment/GetResultsByCodeWordAsPdf`;","import * as types from './actionTypes'\n\nexport function setIsLoad(isLoad) {\n return { type: types.LOAD_TRUE, isLoad }\n}\n","import { GET_RESULTS_By_CodeWord_AsPdf } from \"../global/Constants/results\";\nimport axios from \"axios\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport Swal from \"sweetalert2\";\nimport { setIsLoad } from \"../redux/actions/isLoad\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const GetResultsByCodeWordAsPdf = (codeword) => async dispatch => {\n dispatch(setIsLoad(true))\n axios({\n method: \"GET\",\n responseType: \"blob\",\n headers: {\n Session_Id: localStorage.getItem(\"Session_Id\"),\n \"Content-Type\": \"application/x-www-form-urlencoded; charset=UTF-8\",\n },\n url: `${GET_RESULTS_By_CodeWord_AsPdf}?codeword=${codeword}`,\n })\n .then((response) => {\n //Create a Blob from the PDF Stream\n const file = new Blob([response.data], { type: \"application/pdf\" });\n // Check if it's Safari\n const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n // For Safari, try to open the PDF in a new tab\n const fileURL = URL.createObjectURL(file);\n window.open(fileURL, '_blank');\n } else {\n // For other browsers, open the PDF in the current window\n const fileURL = URL.createObjectURL(file);\n window.open(fileURL);\n }\n })\n .catch((error) => {\n MySwal.fire({\n title: 'Результат не найден',\n icon: \"error\",\n showConfirmButton: false,\n timer: 2000,\n });\n })\n .finally(() => {\n dispatch(setIsLoad(false))\n })\n \n}\n\n// export function GetResultsByCodeWordAsPdf(codeword, setIsLoading) {\n// }\n","import React, { useState } from \"react\";\nimport GeneralButton from \"../../../../components/kit/GeneralButton/GeneralButton\";\nimport InputForm from \"../../../../components/kit/InputForm/InputForm\";\nimport { checkEmptyField } from \"../../../../global/Helpers/checkEmptyField\";\nimport Logotype from \"../../../../components/kit/Logo/Logotype\";\nimport \"../index.scss\";\nimport { GetResultsByCodeWordAsPdf } from \"../../../../api/results\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Helmet } from \"react-helmet\";\n\nconst GetResultForm = ({ handleClickNext, inputChangeHandler }) => {\n const [codeword, setCodeword] = useState(\"\");\n const isLoad = useSelector((s) => s.isLoad);\n\n const dispatch = useDispatch()\n\n const disabled = !checkEmptyField(codeword) || isLoad;\n\n const download = () => {\n dispatch(GetResultsByCodeWordAsPdf(codeword))\n }\n\n const onEnterPress = (e) => {\n if (e.key === 'Enter') {\n download()\n }\n }\n\n return (\n <>\n Ваши контакты
\n \n \n
\n \n
\n \n );\n};\n\nexport default GetResultForm;\n","import Backdrop from \"@material-ui/core/Backdrop\";\nimport Fade from \"@material-ui/core/Fade\";\nimport Modal from \"@material-ui/core/Modal\";\nimport React from \"react\";\nimport Logotype from \"../../../../components/kit/Logo/Logotype\";\nimport \"../index.scss\";\n\nconst OnlineRecordModal = ({ isOpenModal, onClose }) => {\n return (\n Результаты
\n *Кодовое слово должно состоит из букв и цифр латинского алфавита. Кодовое слово расположено на бланке заказа. Например: GR759YR.\n \n setCodeword(e.target.value)}\n value={codeword}\n propertyName=\"codeword\"\n onKeyDown={onEnterPress}\n label=\"Кодовое слово\"\n />\n
\n \n {window.location.href=\"https://vedanta.kg/\"}}\n />\n
\n \n
\n \n Запись на прием успешно проведена!\n
\n\n Не забудьте взять паспорт и маску\n
\n \n\n
\n )\n}\n\nexport default Payment\n","const MONTH = {\n 1: 'Январь',\n 2: 'Февраль',\n 3: 'Март',\n 4: 'Апрель',\n 5: 'Май',\n 6: 'Июнь',\n 7: 'Июль',\n 8: 'Август',\n 9: 'Сентябрь',\n 10: 'Октябрь',\n 11: 'Ноябрь',\n 12: 'Декабрь',\n};\n\nexport const showMonthName = (number) => {\n return MONTH[number + 1]\n};","import React from 'react'\n\nconst ArrowIcon = () => {\n return (\n \n )\n}\n\nexport default ArrowIcon\n","import 'moment/locale/ru'\nimport React from 'react'\nimport 'react-calendar/dist/Calendar.css'\nimport ArrowIcon from '../Icons/ArrowIcon'\nimport './index.scss'\n\nconst PrevButton = ({ selectedDate, calendarHandlePrevClick }) => {\n const month = selectedDate.getMonth()\n const currentMonth = new Date().getMonth()\n return month !== currentMonth ? (\n Подтвердите запись
\n {master && (\n \n\n {masterPhoto ? (\n
\n )}\n \n
\n\n ) : (\n \n {master.charAt().toUpperCase()}\n
\n )}\n\n \n
\n \n {master.toLowerCase()}\n
\n \n {doctorSpecialities[0].Name}\n
\n\n
\n \n
\n \n
\n Дата
\n{date.format('D MMMM YYYY') || ''} г.
\n\n
\n \n
\n Время
\n{selectedTime || ''}
\n\n {selectedOptions &&\n selectedOptions.map((el, ndx) => (\n null}\n />\n ))}\n
\n \n
\n Итого к оплате:
\n\n {totalSum} {currency_symbol}\n
\n \n ) : (\nПриём бесплатный
\n )}\n\n
\n \n \n view === 'month' && // Block day tiles only\n disabledDates.some(\n (disabledDate) =>\n date.getFullYear() === disabledDate.getFullYear() &&\n date.getMonth() === disabledDate.getMonth() &&\n date.getDate() === disabledDate.getDate()\n )\n }\n />\n
\n )\n}\n\nexport default ServiceDatePicker\n","import React from 'react'\nimport Colors from '../../../global/styles/Colors'\nimport './index.scss'\n\nconst TimeButton = ({ time, disabled, selected, onClick, isBusy }) => {\n const textColor = selected ? Colors.NEUTRAL.green : Colors.NEUTRAL.darkBlue\n const bgColor = selected ? Colors.NEUTRAL.lightGreen : Colors.NEUTRAL.white\n\n if (isBusy) {\n return (\n \n
\n \n
\n {`${showMonthName(month)}, ${year}`}
\n\n {AddedDaysCount &&\n !ValidationCalendarMonth(addDays(today, Number(AddedDaysCount))) ? (\n \n
\n Выберите время
\n \n {isCutSpeciatity !== undefined\n ? times\n .filter(\n (el) =>\n isCutSpeciatity.StartTime >= el &&\n el <= isCutSpeciatity.EndTime\n )\n .map((item, ndx) => (\n
\n \n )\n}\n\nexport default ChooseTime\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport './home-page-btn.scss'\n\nconst HomePageBtn = ({onClick}) => {\n return (\n Назад\n );\n};\n\nexport default HomePageBtn;","import React from 'react'\nimport GeneralButton from '../../../../components/kit/GeneralButton/GeneralButton'\nimport ServiceDatePicker from '../../../../components/kit/ServiceDatePicker/ServiceDatePicker'\nimport ChooseTime from '../../../../components/kit/TimeButton/ChooseTime'\nimport { checkEmptyField } from '../../../../global/Helpers/checkEmptyField'\nimport '../index.scss'\nimport LoadingComponent from '../LoadingComponent/LoadingComponent'\nimport HomePageBtn from '../../../../components/kit/HomePageBtn/HomePageBtn'\nimport { CutIdSpecialityTime } from './../../../../constants.json'\n\n\nconst SelectDate = ({\n selectedTime,\n onSelectTime,\n handleClickNext,\n onSelectDate,\n selectedDate,\n calendarHandleNextClick,\n calendarHandlePrevClick,\n times,\n timesBtnsLoading,\n busyDays,\n doctorSpecialities,\n handleClickPrev,\n selectedSpecialityId,\n}) => {\n let isCutSpeciatity = CutIdSpecialityTime.find((el) => {\n return el.id === selectedSpecialityId\n })\n const disabled = !checkEmptyField(selectedTime)\n setTimeout(() => {\n document.addEventListener('click', (e) => {\n e.target.classList.add('active')\n })\n }, 1)\n return (\n \n \n
\n \n {!busyDays ? (\n
\n Выберите дату
\n \n
\n \n )\n}\n\nexport default SelectDate\n","import PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport \"../../../assets/Montserrat/stylesheet.css\";\nimport SelectedDoctor from \"../../../components/kit/SelectedDoctor/SelectedDoctor\";\nimport { currentDate } from \"../../../global/Constants/Constants\";\nimport * as appointmentActions from \"../../../redux/actions/appointmentActions\";\nimport * as doctorActions from \"../../../redux/actions/doctorActions\";\nimport * as userActions from \"../../../redux/actions/userActions\";\nimport ChooseMedService from \"../OnlineRecord/ChooseMedService\";\nimport SimpleAlert from \"./Alert/SimpleAlert\";\nimport ChooseMaster from \"./ChooseMaster\";\n//import { api, handleResponse, handleError } from './../../../api/apiUtils';\nimport ClientForm from \"./ClientForm/ClientForm.jsx\";\nimport GetResultForm from \"./getResultForm/GetResultForm\";\nimport \"./index.scss\";\nimport LoadingComponent from \"./LoadingComponent/LoadingComponent\";\nimport OnlineRecordModal from \"./OnlineRecordModal/OnlineRecordModal\";\nimport Payment from \"./Payment/Payment\";\nimport SelectDate from \"./SelectDate/SelectDate\";\nimport { showGenderInput } from \"./../../../constants.json\";\nimport Swal from \"sweetalert2\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport { da } from \"date-fns/locale\";\nimport { Helmet } from \"react-helmet\";\n\nconst MySwal = withReactContent(Swal);\n\nclass OnlineRecord extends Component {\n state = {\n isLoading: true,\n page: 1,\n services: [],\n time: \"\",\n name: \"\",\n lastname: \"\",\n gender: showGenderInput ? -1 : 0,\n phone: \"\",\n doctype: -1,\n codeword: \"\",\n orderNumber: \"\",\n docnum: \"\",\n master: null,\n masterPhoto: \"\",\n selectedDate: currentDate,\n isOpenModal: false,\n doctorId: 0,\n selectedSpecialityId: null,\n };\n\n componentDidMount() {\n // this.props\n // .authWebApiUser()\n // .then((user) => {\n this.props\n .loadDoctors()\n .then(() => {\n this.setState({ doctors: this.props.doctors });\n this.setState({ isLoading: false });\n this.setState({ errorMessage: \"\" });\n })\n .catch((error) => {\n this.setState({ errorMessage: \"Ошибка загрузки врачей: \" + error });\n });\n // })\n // .catch((error) => {\n // this.setState({ errorMessage: \"Ошибка авторизации: \" + error });\n // });\n\n this.setState({ currentMonth: new Date().getMonth() + 1 });\n\n }\n\n onSelectService = (variant) => {\n this.setState({ page: variant });\n };\n\n inputChangeHandler = (e) => {\n this.setState({ [e.target.name]: e.target.value });\n };\n\n onSelectTime = (time) => {\n this.setState({ time });\n let duration = this.state.doctorTime * 60000;\n var timeArr = time.split(\":\");\n var minutes = +timeArr[0] * 60 + +timeArr[1];\n var date = new Date(this.state.selectedDate.toDateString());\n var startTime = date.getTime() + minutes * 60000;\n var endTime = startTime + duration;\n var startDateTime =\n new Date(startTime).toDateString(\"yyyy-MM-dd\") +\n \" \" +\n new Date(startTime).toLocaleTimeString();\n var endDateTime =\n new Date(endTime).toDateString(\"yyyy-MM-dd\") +\n \" \" +\n new Date(endTime).toLocaleTimeString();\n this.setState({ startDateTime });\n this.setState({ endDateTime });\n };\n\n onSelectMaster = (\n master,\n id,\n time,\n doctorSpecialities,\n masterPhoto,\n selectedSpecialityId,\n addSpecialities\n ) => {\n this.setState({ doctorId: id });\n this.setState({ master }, () => this.handleClickNext());\n this.setState({ doctorTime: time });\n this.setState({ doctorSpecialities });\n this.setState({ addSpecialities });\n this.setState({ services: [] });\n this.setState({ busyDays: null });\n this.setState({ freeTimes: [] });\n this.setState({ selectedDate: currentDate });\n this.setState({ masterPhoto: masterPhoto });\n this.setState({ selectedSpecialityId: selectedSpecialityId });\n };\n\n handleClickNext = () => {\n if (this.state.page === 1) {\n this.setState({ page: 2 });\n this.changeMonth();\n } else {\n this.setState({ page: this.state.page + 1 });\n }\n };\n\n handleClickPrev = () => {\n if (this.state.page === 2) {\n this.setState({ page: 1 });\n this.changeMonth();\n } else {\n this.setState({ page: this.state.page - 1 });\n }\n };\n\n toggleModal = () => {\n this.setState({ isOpenModal: !this.state.isOpenModal });\n if (this.state.isOpenModal) {\n // TODO remove it\n this.setState({\n page: 1,\n services: [],\n time: \"\",\n name: \"\",\n lastname: \"\",\n gender: -1,\n phone: \"\",\n doctype: -1,\n docnum: \"\",\n master: null,\n selectedDate: \"\",\n });\n }\n };\n\n onSelectDate = (date) => {\n this.setState({ isLoading: true });\n this.setState({ selectedDate: date });\n let selDate = new Date(date).toDateString(\"yyyy-MM-dd\");\n let data = {\n date: selDate,\n doctorId: this.state.doctorId,\n checkCurrentDate: true,\n };\n this.props\n .loadFreeAppointments(data)\n .then(() => {\n let freeTimes = [];\n this.props.appointments.forEach((element) => {\n if (element.Status === 1)\n freeTimes.push(getTimePart(new Date(element.StartTime)));\n });\n this.setState({ freeTimes });\n this.setState({ errorMessage: \"\" });\n this.setState({ isLoading: false });\n })\n .catch(() => {\n this.setState({\n errorMessage:\n \"Ошибка загрузки свободного времени: Пожалуйста перезагрузите страницу!\",\n });\n this.setState({ isLoading: false });\n });\n };\n\n calendarHandleNextClick = () => {\n const { selectedDate } = this.state;\n const selectedMonth = selectedDate.getMonth() + 1;\n this.setState({\n selectedDate: new Date(selectedDate.setMonth(selectedMonth)),\n });\n this.setState({ busyDays: null });\n this.setState({ freeTimes: [] });\n this.changeMonth();\n };\n\n calendarHandlePrevClick = () => {\n const { selectedDate } = this.state;\n const selectedMonth = selectedDate.getMonth() - 1;\n this.setState({\n selectedDate: new Date(selectedDate.setMonth(selectedMonth)),\n });\n this.setState({ busyDays: null });\n this.setState({ freeTimes: [] });\n this.changeMonth();\n };\n\n changeMonth = () => {\n const selectedDate = this.state.selectedDate;\n const selectedMonth = selectedDate.getMonth() + 1;\n if (this.state.currentMonth <= selectedMonth) {\n const year = selectedDate.getFullYear();\n let data = {\n month: selectedMonth,\n year: year,\n doctorId: this.state.doctorId,\n };\n this.props\n .loadBusyDays(data)\n .then(() => {\n this.setState({ busyDays: this.props.appointments });\n this.setState({ errorMessage: \"\" });\n })\n .catch((error) => {\n this.setState({\n errorMessage: \"Ошибка загрузки нерабочих и занятых дней: \" + error,\n });\n setTimeout(() => window.location.reload(), 3000);\n });\n }\n if (new Date().getMonth() + 1 !== this.state.selectedDate.getMonth() + 1) {\n Array.from(\n document.querySelectorAll(\".react-calendar__tile--active\")\n ).forEach((el) => {\n el.classList.add(\"bd-none\");\n });\n }\n };\n\n onSubmit = () => {\n let patient = {\n Name: this.state.name,\n SName: this.state.lastname,\n Sex: this.state.gender === 1,\n Phone: this.state.phone\n .replace(/[^\\d]/g, \"\")\n .split(\"\")\n .splice(1)\n .join(\"\"),\n };\n let appointmentData = {\n FromDateTime: this.state.startDateTime,\n ToDateTime: this.state.endDateTime,\n DoctorId: this.state.doctorId,\n Patient: patient,\n Services: this.state.services.map((a) => a.Id),\n };\n\n this.setState({ isLoading: true });\n this.props\n .createAppointment(appointmentData)\n .then(() => {\n this.toggleModal();\n this.setState({ isLoading: false });\n this.setState({ errorMessage: \"\" });\n })\n .catch(() => {\n this.setState({ isLoading: false });\n this.setState({ errorMessage: \"\" });\n MySwal.fire({\n icon: \"info\",\n title: \"Упс...\",\n text: \"Данное время уже занято, выберите другое удобное Вам время!\",\n showConfirmButton: true,\n confirmButtonText: \"Перейти в календарь\",\n confirmButtonColor: \"red\",\n }).then((result) => {\n if (result.isConfirmed) {\n this.setState({ page: 2 });\n this.onSelectDate(this.state.selectedDate);\n }\n });\n });\n };\n\n render() {\n const {\n page,\n isLoading,\n services,\n time,\n name,\n lastname,\n gender,\n orderNumber,\n codeword,\n phone,\n doctype,\n docnum,\n master,\n isOpenModal,\n selectedDate,\n } = this.state;\n\n return (\n \n {this.state.errorMessage && (\n
\n )}\n \n
\n )}\n {page === 3 && (\n \n
\n )}\n {page === 4 && (\n \n
\n \n
\n ))}\n \n Ссылки чтобы поделиться врачами (Нажмите чтобы скопировать)\n
\n\n {doctors.map((el, idx) => (\n \n \n copyToClipboard(\n `${window.location.origin}/?doctorId=\"${el.Id}\"`\n )\n }\n >\n {`${window.location.origin}/?doctorId=\"${el.Id}\"`}\n
\n \n {el.Name} - ({el.SpecialityName})\n
\n \n
\n ))}\n \n \n ) : (\n \n Ссылки чтобы поделиться специальностями (Нажмите чтобы скопировать)\n
\n {filtredSpecialities.map((el, idx) => (\n \n \n copyToClipboard(\n `${window.location.origin}/?specialityId=\"${el.IdSpeciality}\"`\n )\n }\n >{`${window.location.origin}/?specialityId=\"${el.IdSpeciality}\"`}
\n {el.SpecialityName}
\n ![\"NotFound\"](\"https://invivo.kz/static/error-page/images/404.svg\")
\n \n
\n \n );\n};\n\nexport default Authorization;\n","import React from \"react\";\n\nfunction Chevron(props) {\n return (\n Авторизация
\n\n {!isCode ? (\n null\n ) : (\n На Ваш номер телефона был отправлен код подтверждения\n )}\n\n \n {!isCode ? (\n {setPhoneNumber(e.target.value)}}\n />\n ) : (\n
\n \n setCode(e.target.value)}\n value={code}\n propertyName=\"code\"\n label=\"Код подтверждения\"\n />\n
\n )}\n \n 
\n
\n \n {!isCode ? (\n <>\n {window.location.href=\"https://vedanta.kg/\"}}\n />\n {\n setIsCode(false)\n setCode('')\n }}\n />\n
\n \n \n \n {speciality.items.map(item => (\n
\n \n )\n}\n\nexport default AcordionItem","import React, { useState } from \"react\";\n\nfunction usePagination(data, itemsPerPage) {\n const [currentPage, setCurrentPage] = useState(1);\n const maxPage = Math.ceil(data.length / itemsPerPage);\n\n function currentData() {\n const begin = (currentPage - 1) * itemsPerPage;\n const end = begin + itemsPerPage;\n return data.slice(begin, end);\n }\n\n function next() {\n setCurrentPage(currentPage => Math.min(currentPage + 1, maxPage));\n }\n\n function prev() {\n setCurrentPage(currentPage => Math.max(currentPage - 1, 1));\n }\n\n function jump(page) {\n const pageNumber = Math.max(1, page);\n setCurrentPage(currentPage => Math.min(pageNumber, maxPage));\n }\n\n return { next, prev, jump, currentData, currentPage, maxPage };\n}\n\nexport default usePagination;\n","import React, { useEffect, useState } from \"react\";\nimport \"./Acordion.scss\";\nimport AcordionItem from \"./AcordionItem\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { loadSpecialities } from \"../../../redux/actions/specialityActions\";\nimport { loadServices } from \"../../../redux/actions/serviceActions\";\nimport LoadingComponent from \"../../../containers/Pages/OnlineRecord/LoadingComponent/LoadingComponent\";\nimport usePagination from \"../Pagination/Pagination\";\nimport { Pagination } from \"@material-ui/lab\";\nimport SearchIcon from \"../Icons/SearchIcon\";\n\nconst Acordion = () => {\n const dispatch = useDispatch();\n const specialities = useSelector((s) => s.specialities);\n const services = useSelector((s) => s.services);\n const [search, setSearch] = useState(\"\");\n\n const [sortedSpecialities, setSortedSpecialities] = useState([]);\n const [searchedSpecialities, setSearchedSpecialities] = useState([]);\n\n\n useEffect(() => {\n dispatch(loadSpecialities());\n dispatch(loadServices());\n }, []);\n\n useEffect(() => {\n if (services.length && specialities.length) {\n const specialitiesVisible = specialities.filter(\n (speciality) => speciality.IsVisibleOnSIte\n );\n const newSpecialities = specialitiesVisible;\n console.log(newSpecialities)\n newSpecialities.forEach((newSpeciality) => {\n newSpeciality.items = services.filter(\n (service) => service.SpecialityId === newSpeciality.Id\n );\n });\n setSortedSpecialities(newSpecialities\n .filter(newSpeciality => newSpeciality.items.length)\n .map(newSpeciality => ({...newSpeciality, Name: newSpeciality.Name.replace(/^.?\\.\\s/, '')}))\n .sort((a, b) => a.Name.localeCompare(b.Name))\n );\n }\n }, [services, specialities, setSortedSpecialities]);\n\n const onSearch = (e) => {\n const searchTerm = e.target.value;\n\n setSearch(searchTerm);\n\n const filterItems = sortedSpecialities.map(obj => {\n const filteredItems = obj.items.filter(item => {\n return (\n item.Name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n item.SpecialityName.toLowerCase().includes(searchTerm.toLowerCase())\n );\n }).map(item => {\n const formattedName = item.Name.replace(new RegExp(searchTerm, 'gi'), match => `${match}`);\n return {\n ...item,\n Name: formattedName,\n };\n });\n \n const formattedName = obj.Name.replace(new RegExp(searchTerm, 'gi'), match => `${match}`);\n \n return {\n ...obj,\n Name: formattedName,\n items: filteredItems,\n };\n }).filter(obj => obj.items.length > 0);;\n setSearchedSpecialities(filterItems)\n };\n\n let [page, setPage] = useState(1);\n const PER_PAGE = 10;\n\n const count = Math.ceil(search ? searchedSpecialities.length / PER_PAGE : sortedSpecialities.length / PER_PAGE);\n const _DATA = usePagination(search ? searchedSpecialities : sortedSpecialities, PER_PAGE);\n\n const handleChange = (e, p) => {\n setPage(p);\n _DATA.jump(p);\n };\n\n return (\n \n
\n ))}\n \n
\n \n
\n {parse(item.Name)}
\n\n\n {item.Price === 0\n ? 'Бесплатно'\n : `${item.Price} ${currency_symbol}`}\n
\n\n {/* */}\n \n {sortedSpecialities.length ? ( \n
\n );\n};\n\nexport default Acordion;\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Logotype from \"../../../components/kit/Logo/Logotype\";\nimport Acordion from \"../../../components/kit/Acordion/Acordion\";\nimport { Pagination } from \"@material-ui/lab\";\n\nconst ServicesPage = () => {\n return (\n <>\n \n {_DATA.currentData().map(speciality => {\n return
\n\n ) : (\n \n {_DATA.currentData().length ?\n = 600 ? 'medium' : 'small'}\n page={page}\n onChange={handleChange}\n color=\"secondary\"\n /> : null\n }\n
\n \n
\n \n );\n};\n\nexport default ServicesPage;\n","import React, { useEffect } from 'react'\nimport { useHistory } from 'react-router-dom';\n\nconst Home = () => {\n const history = useHistory();\n useEffect(() => {\n history.push(\"/record\");\n }, [history])\n\n return (\n \n )\n}\n\nexport default Home","import axios from \"axios\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport Swal from \"sweetalert2\";\nimport { setIsLoad } from \"../redux/actions/isLoad\";\nimport { GET_PATIENT_EMC_PDF } from \"../global/Constants/twoFactorAuth\";\n\nconst MySwal = withReactContent(Swal);\n\nexport const GetPatientEmcPdf = (params) => async (dispatch) => {\n dispatch(setIsLoad(true))\n const body = { ...params };\n\n axios({\n method: \"POST\",\n // responseType: \"blob\",\n headers: {\n Session_Id: localStorage.getItem(\"Session_Id\"),\n \"Content-Type\": \"application/json\",\n },\n url: `${GET_PATIENT_EMC_PDF}`,\n data: body\n })\n .then((data) => {\n if (data.data) {\n const byteCharacters = atob(data.data); // Декодирование Base64\n const byteNumbers = new Array(byteCharacters.length);\n \n for (let i = 0; i < byteCharacters.length; i++) {\n byteNumbers[i] = byteCharacters.charCodeAt(i);\n }\n \n const byteArray = new Uint8Array(byteNumbers);\n const blob = new Blob([byteArray], { type: 'application/pdf' });\n \n const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n // For Safari, try to open the PDF in a new tab\n const fileURL = window.URL.createObjectURL(blob);\n window.open(fileURL, '_blank');\n } else {\n // For other browsers, open the PDF in the current window\n const fileURL = URL.createObjectURL(blob);\n window.open(fileURL);\n }\n\n } else {\n MySwal.fire({\n title: 'Что-то пошло не так',\n icon: \"error\",\n showConfirmButton: false,\n timer: 2000,\n });\n }\n\n })\n .catch((error) => {\n MySwal.fire({\n title: 'Что-то пошло не так',\n icon: \"error\",\n showConfirmButton: false,\n timer: 2000,\n });\n })\n .finally(() => {\n dispatch(setIsLoad(false))\n })\n\n};\n\n// export function GetResultsByCodeWordAsPdf(codeword, setIsLoading) {\n// }\n","import React, { useEffect, useState } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Logotype from \"../../../components/kit/Logo/Logotype\";\nimport \"./ClientCab.scss\";\nimport { useHistory } from \"react-router-dom\";\nimport { useCookies } from \"react-cookie\";\nimport { AUTHORIZATION } from \"../../../global/Constants/Constants\";\nimport { useDispatch } from \"react-redux\";\nimport axios from \"axios\";\nimport {\n GET_PATIEN,\n GET_PATIENT_EMC_LIST_BY_TOKEN,\n GET_PATIENT_EMC_PDF,\n} from \"../../../global/Constants/twoFactorAuth\";\nimport LoadingComponent from \"../OnlineRecord/LoadingComponent/LoadingComponent\";\nimport moment from \"moment\";\nimport { GetPatientEmcPdf } from \"../../../api/PatientEmcPdf\";\n\nconst ClientCab = () => {\n const [cookies, setCookies, removeCookie] = useCookies([\"user\"]);\n const history = useHistory();\n const [patient, setPatient] = useState(null);\n const [results, setResults] = useState(null);\n const dispatch = useDispatch();\n\n const onLogOut = () => {\n removeCookie(\"user\", { path: \"/\" });\n };\n\n useEffect(() => {\n if (!cookies.user) {\n history.push(AUTHORIZATION);\n }\n }, [cookies.user]);\n\n useEffect(() => {\n if (cookies.user) {\n const params = {\n authToken: cookies.user.token,\n // authToken: cookies.user.token\n };\n axios({\n method: \"GET\",\n headers: {\n Session_Id: localStorage.getItem(\"Session_Id\"),\n },\n url: `${GET_PATIEN}`,\n params,\n })\n .then((res) => {\n if (res.data.IsSuccess) {\n setPatient(res.data.Data);\n } else {\n setPatient(null);\n history.push(AUTHORIZATION);\n removeCookie(\"user\", { path: \"/\" });\n }\n })\n .catch((e) => {\n setPatient(null);\n history.push(AUTHORIZATION);\n removeCookie(\"user\", { path: \"/\" });\n });\n\n axios({\n method: \"GET\",\n headers: {\n Session_Id: localStorage.getItem(\"Session_Id\"),\n },\n url: `${GET_PATIENT_EMC_LIST_BY_TOKEN}`,\n params,\n })\n .then((res) => {\n if (res.data.IsSuccess) {\n setResults(res.data.Data);\n } else {\n setResults(null);\n }\n })\n .catch((e) => {\n console.log(e);\n });\n }\n }, []);\n\n const convertDate = (selectedDate) => {\n let date = moment(selectedDate);\n date.locale(\"ru\");\n return date.format(\"D MMMM YYYY\") + \" г.\";\n };\n\n const DownloadPatientEmcPdf = (params) => {\n dispatch(GetPatientEmcPdf(params));\n };\n\n return (\n <>\n Список услуг
\n \n
\n \n ) : (\n \n
\n \n
\n\n \n {patient.FirstName} {patient.LastName}\n \n Выход\n \n
\n \n {patient.DateOfBirth && (\n
\n \n Дата рождения\n
\n )}\n {patient.PhoneNumber && (\n {convertDate(patient.DateOfBirth)}
\n\n Номер телефона\n
\n )}\n {patient.Email && (\n +996{patient.PhoneNumber}
\n\n Номер телефона\n
\n )}\n +996{patient.Email}
\n\n
\n \n
\n \n
\n Наименование
\n Дата приёма
\n Врач
\n \n \n {results\n ? results.map((result, i) => (\n
\n ))\n : null}\n \n DownloadPatientEmcPdf(result)}\n style={{ flex:' 0 0 10%', maxWidth: '10%', color: '#d81a24', cursor: 'pointer'}}\n >\n Открыть\n
\n {result.ServiceName}
\n \n {moment(result.DateCreated).format(\"DD.MM.YYYY\")}\n
\n \n {result.DoctorFullName.replace(\n /\\([^)]*\\)/g,\n \"\"\n ).trim()}\n
\n \n
\n\n {window.location.href.includes(\"shareShow\") && \n {!window.location.href.includes(\"shareShow\") && (\n \n \n )}\n
\n {isLoad ? (\n <>\n \n
\n \n \n ) : null}\n