\n toggleEmulateError(!emulateRequestError)}\n />\n
\n );\n\n const onToggleSidebar = () => {\n const body = document.querySelector('body');\n\n if (body && body.classList.contains('hide_sidebar')) {\n body.classList.remove('hide_sidebar');\n } else if (body) {\n body.classList.add('hide_sidebar');\n }\n };\n\n return (\n ON API ERROR:
\n \n {dropdownItems && hasDropdownItems ? (\n
\n ) : null}\n {process.env.REACT_APP_LOCAL_ENV === 'dev' && renderEmulateErrorSwitch()}\n \n
\n );\n};\n\nexport default CustomCheckbox;\n\ninterface CustomCheckboxProps extends React.DetailedHTMLProps\n {withBackButton && (\n 
\n )}\n
\n \n \n {title}\n {dotsButtons ? \n {category}\n \n
\n \n {headerChild}\n
\n \n ) : (\n ''\n )}\n \n {extHeader.map(h => ([\n {h.label},\n {h.value},\n ]))}\n
\n )}\n {children}\n \n {footerElement}\n {stats !== undefined || legend !== undefined ? (\n \n {legend !== undefined ? (\n
: null}\n {stats !== undefined ? (\n
\n ) : null}\n\n {apiError && apiError.message !== 'Unauthorized' && apiError.code !== 500 && (!apiError.failures || !Object.keys(apiError.failures).length) && (\n {legend}
\n ) : null}\n {stats !== undefined ? : null}\n {stats !== undefined ? (\n
{stats}
\n ) : null}\n \n setOpen(!open)}\n />\n
\n );\n};\n\ninterface ComponentProps {\n size?: 'sm' | 'lg';\n plaintext?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n value?: string;\n name?: string;\n id?: string;\n isValid?: boolean;\n isInvalid?: boolean;\n className?: string;\n autoFocus?: boolean;\n required?: boolean;\n onChange?: (event: React.ChangeEvent\n {icon\n ? 
\n : (\n
\n );\n };\n\n const mergePathAndRoutes = (path: string | undefined, routes: string | string[] | undefined): string | string[] | undefined => {\n if (!path) return routes;\n if (!routes) return path;\n if (_.isArray(routes)) {\n return [...routes, path];\n }\n return [routes, path];\n };\n\n const renderCollapseBlock = (prop: Tab, key: number) => {\n const escapedName = prop.state || escapeString(prop.name);\n return (\n \n {nameWords[0].charAt(0)}\n {Boolean(nameWords[1]) && nameWords[nameWords.length - 1].charAt(0)}\n
\n )}\n \n {prop.name}\n
\n {prop.events ?- \n {prop.list && prop.list.map(renderSimpleNavLink)}\n
{prop.name}
\n {('list' in prop) && (\n \n )}\n {prop.events ?- \n {links.map((prop: Tab, key: number) => {\n if (prop.list) {\n return renderCollapseBlock(prop, key);\n }\n return renderSimpleNavLink(prop, key);\n })}\n
\n \n 
\n \n\n \n
\n \n
\n \n );\n};\n\nexport default Sidebar;\n\ninterface SidebarProps {\n location: Location;\n profile: {\n firstName?: string;\n lastName?: string;\n avatar?: string;\n } | null;\n tabs: Tab[];\n profileTabs: ProfileTab[];\n adaptive?: boolean;\n children?: React.ReactNode;\n onLogout: () => void;\n}\n\nexport interface ProfileTab {\n name: string;\n path: string;\n mini: string;\n}\n\nexport interface SidebarMenuMapType { [key: string]: string | string[] }\n\nexport const updateTabEvents = (tab: Tab, events: { [key: string]: number }, menuMap: SidebarMenuMapType): Tab => {\n const newList = tab.list ? tab.list.map(l => ({\n ...l,\n events: (menuMap[l.name] && _.isArray(menuMap[l.name]) ? getEventsSum(events, menuMap[l.name] as string[]) : events[(menuMap[l.name] as string)]) || 0,\n })) : [];\n const newTab = {\n ...tab,\n events: newList.reduce((acc, l) => (l.events ? acc + l.events : acc), 0),\n list: newList,\n };\n return newTab;\n};\n\nconst getEventsSum = (events: { [key: string]: number }, eventsArr: string[]) => eventsArr.reduce((acc, event) => (events[event] ? acc + events[event] : acc), 0);\n","import Sidebar, { ProfileTab as PT, SidebarMenuMapType as nSidebarMenuMapType } from './Sidebar';\nimport { Tab as SidebarTab, SubItem as nSubItem } from './NavList';\n\n\nexport default Sidebar;\n\nexport type Tab = SidebarTab;\nexport type ProfileTab = PT;\nexport type SubItem = nSubItem;\nexport type SidebarMenuMapType = nSidebarMenuMapType;\n","import React from 'react';\nimport cx from 'classnames';\nimport styles from './Pagination.module.scss';\n\nconst Pagination = ({ pagination, onChange, className }: ComponentProps) => {\n const onChangePerPage = (e: React.ChangeEvent\n
\n {tabs && tabs.length\n ? \n {/* {profile && profile.avatar\n ? 
\n : profile && ((profile.lastName ? profile.lastName.charAt(0) : '')\n + (profile.firstName ? profile.firstName.charAt(0) : '')).toUpperCase()\n } */}\n 
\n
\n \n setOpenAvatar(!openAvatar)}>\n \n \n {profile ? `${profile.lastName} ${profile.firstName}` : 'Имя Фамилия'}\n \n {Boolean(profileTabs && profileTabs.length) && (\n \n \n
\n - \n {profileTabs.map(({ path, name, mini }, key) => (\n
\n \n Предыдущая\n
\n \n Страница\n \n \n из\n {' '}\n {pagination.pages}\n \n
\n \n \n
\n \n
\n );\n\n const hasApplicationsNumber = header.indexOf('Участники') !== -1;\n\n const renderTableRow = (rowData: Row, i: number) => {\n if (!rowData) return null;\n\n return (\n \n {name}\n
\n {/*\n {attestationCommissionName}\n
\n \n {address}\n
*/}\n \n \n \n
\n {onChangePagination && pagination && (\n
\n );\n};\n\nexport default ExamTable;\n\ninterface ExamTableProps {\n header: string[];\n tableRows: Row[];\n pagination?: IExamPagination | null;\n placeholderTitle?: string;\n placeholderText?: string;\n placeholderIcon?: string;\n placeholderButtonText?: string;\n onChooseExam: (id: string) => void;\n onChangePagination?: (data: IPaginationData) => void;\n onClickPlaceholderButton?: () => void;\n}\n\ninterface IExamPagination {\n page: number;\n pageSize: number;\n total: number;\n}\n\ninterface Row {\n id?: string;\n date?: moment.Moment;\n lastDate?: moment.Moment;\n currentStageLastDayDate?: moment.Moment;\n name?: string;\n attestationSubCommissionName?: string;\n attestationCommissionName?: string;\n address?: string;\n applicationsNumber?: number;\n examType?: ExamType;\n city?: string;\n status?: ColorStatus;\n}\n","import { Color, ColorStatus } from '_helpers';\n\nexport enum ExamStatus {\n AwaitingExpertConfirmation = 'awaitingExpertConfirmation',\n IsApplying = 'isApplying',\n ApplyingFinished = 'applyingFinished',\n Canceled = 'canceled',\n Staging = 'staging',\n Finishing = 'finishing',\n Finished = 'finished',\n}\n\nexport enum FilteredExamStatus {\n AwaitingExpertConfirmation = 'awaitingExpertConfirmation',\n IsApplying = 'isApplying',\n ApplyingFinished = 'applyingFinished',\n Staging = 'staging',\n Finished = 'finished',\n Canceled = 'canceled',\n}\n\nexport const MappedFilteredExamStatus = {\n [FilteredExamStatus.AwaitingExpertConfirmation as string]: new ColorStatus(Color.Orange, 'Идет создание'),\n [FilteredExamStatus.IsApplying as string]: new ColorStatus(Color.Success, 'Идет запись'),\n [FilteredExamStatus.ApplyingFinished as string]: new ColorStatus(Color.Default, 'Запись окончена'),\n [FilteredExamStatus.Staging as string]: new ColorStatus(Color.Success, 'В процессе проведения'),\n [FilteredExamStatus.Canceled as string]: new ColorStatus(Color.Red, 'Отменены'),\n [FilteredExamStatus.Finished as string]: new ColorStatus(Color.Default, 'Завершено'),\n};\nexport const MappedFilteredExamStatusOptions = Object.keys(MappedFilteredExamStatus).map(k => ({ label: MappedFilteredExamStatus[k].text, value: k }));\n\nexport const MappedExamStatuses = {\n [ExamStatus.AwaitingExpertConfirmation as string]: new ColorStatus(Color.Orange, 'Идет создание'),\n [ExamStatus.IsApplying as string]: new ColorStatus(Color.Success, 'Идет запись'),\n [ExamStatus.ApplyingFinished as string]: new ColorStatus(Color.Default, 'Запись окончена'),\n [ExamStatus.Staging as string]: new ColorStatus(Color.Success, 'В процессе проведения'),\n [ExamStatus.Canceled as string]: new ColorStatus(Color.Red, 'Отменено'),\n [ExamStatus.Finishing as string]: new ColorStatus(Color.Default, 'Завершено'),\n [ExamStatus.Finished as string]: new ColorStatus(Color.Default, 'Завершено'),\n};\n\nexport const getExamStatusMapping = (status: ExamStatus, currentStageNumber?: number | undefined) => {\n if (status === ExamStatus.Staging) return new ColorStatus(Color.Default, `В процессе ${currentStageNumber ? `${currentStageNumber}-й этап` : ''}`);\n return MappedExamStatuses[status] || new ColorStatus(Color.Default, status);\n};\n\nexport enum ExamApplicationStatus {\n Draft = 'draft',\n InReview = 'inReview',\n CorrectionsRequired = 'correctionsRequired',\n Canceled = 'canceled',\n Approved = 'approved',\n Staging = 'staging',\n Absent = 'absent',\n NotPassed = 'notPassed',\n Passed = 'passed',\n}\n\nexport const MappedAdmittedResultColor = {\n true: new ColorStatus(Color.Success, 'Допущен'),\n false: new ColorStatus(Color.Default, 'Ожидает допуска'),\n};\n\nexport enum FinalizedResult {\n None = 'none',\n Passed = 'passed',\n NotPassed = 'notPassed',\n Absent = 'absent',\n}\n\nexport const MappedFinalizedResult: Record| {columnHeader} | )}\n
|---|
\n {row.value}\n
\n );\n }\n if (row instanceof ArrayStringValue) {\n return row.value.map((value: string, i: number) => (\n \n {value}\n
\n ));\n }\n\n if (row instanceof LinkStringValue) {\n return row.value + row.link;\n }\n\n if (row instanceof ReactNodeValue) {\n return row.value;\n }\n\n return 'Unexpected row type';\n };\n\n const renderInfoRow = (row: StringValue | ArrayStringValue | LinkStringValue | ReactNodeValue, i: number) => (\n \n {row.label}\n
\n\n \n {renderSwitch(row)}\n
\n \n {title ? (\n
\n );\n};\n\ninterface DetailsProps {\n infoRows: (StringValue | ArrayStringValue | LinkStringValue | ReactNodeValue)[];\n title?: string;\n withDarkRowLabel?: boolean;\n centeredRow?: boolean;\n}\n\nexport default Details;\n\ninterface Value {\n label: string;\n value: any;\n}\n\nexport class StringValue implements Value {\n public label: string;\n\n public value: string;\n\n public color?: string;\n\n public constructor(label: string, value: string | undefined, color?: string) {\n this.label = label;\n this.value = value || '';\n this.color = color;\n }\n}\n\nexport class ArrayStringValue implements Value {\n public label: string;\n\n public value: string[];\n\n public constructor(label: string, value: string[] | undefined) {\n this.label = label;\n this.value = value || [];\n }\n}\n\nexport class LinkStringValue implements Value {\n public label: string;\n\n public value: string;\n\n public link: string;\n\n public constructor(label: string, value: string, link: string) {\n this.label = label;\n this.value = value;\n this.link = link;\n }\n}\n\nexport class ReactNodeValue implements Value {\n public label: string;\n\n public value: React.ReactNode;\n\n public constructor(label: string, value: React.ReactNode) {\n this.label = label;\n this.value = value;\n }\n}\n","import React from 'react';\nimport { LoaderBtn, DotsSettings, IDotsButtonProps } from 'components';\nimport { Modal, Button } from 'react-bootstrap';\nimport styles from './WarningModal.module.scss';\nimport cn from 'classnames';\n\nconst WarningModal = ({\n show,\n onHide,\n title,\n onAccess,\n loading,\n appendFooterItem,\n titleClassNames,\n bodyClassNames,\n footerClassNames,\n accessBtnTittle,\n closeBtnTittle,\n children,\n dialogClassName,\n withoutCancelButton,\n withoutCloseIcon,\n withoutTitlePadding,\n withoutTitleMargin,\n withoutOverflow,\n large,\n dotsButtons,\n disableAccessButton,\n headerClassNames,\n centered = true,\n card,\n}: WarningModalProps) => (\n \n {title}\n
\n ) : null}\n\n \n {infoRows.map(renderInfoRow)}\n
\n \n \n \n
\n {!examApplications.length && (\n setShowEmptyListModal(false)}>\n Пожалуйста, выберите несколько аккредитуемых из списка для того, чтобы распределить их.\n \n
\n );\n};\n\ninterface ExamApplicationsTableProps {\n finalizing?: boolean;\n placeholderTitle?: string;\n placeholderText?: string;\n readonly?: boolean;\n withCheckbox?: boolean;\n withConfirmButton?: boolean;\n confirmButtonText?: string;\n disableCheckbox?: boolean;\n onAssignedApplicants?: (applicants: IExamApplication[]) => void;\n headers: ExamAssigningApplicationsColumnHeader[];\n pagination?: IPaginationData;\n examApplications: IApplicationRow[];\n className?: string;\n paginationClassName?: string;\n onChange?: (searchField: string | undefined, searchTerm: string | undefined, pageNumber: number | undefined, pageSize: number | undefined) => void;\n onItemClick?: (id: string) => void;\n}\n\ninterface IApplicationRow extends Partial| \n | \n )}\n {props.headers.map(({ value, key, isStatus }, i: number) => {\n let textValue = undefined;\n if (key === filter.fieldName) {\n textValue = filter.fieldValue;\n }\n\n return (\n \n \n {value}\n {/* \n {isStatus ? (\n | \n );\n })}\n
|---|---|
| \n \n | \n\n |
\n 
\n \n {props.placeholderTitle || 'Список распределения пуст'}\n \n \n {props.placeholderText || 'Здесь будут отображаться все аккредитуемые, требующие распределения'}\n \n
\n )}\n {props.pagination && !!examApplications.length && (\n \n 
\n
\n);\n\nexport default Loader;\n\ninterface IProps {\n className?: string;\n fullHeight?: boolean;\n showBg?: boolean;\n}\n","import React from 'react';\nimport { WarningModal } from 'components';\nimport { formDetector } from '_helpers';\nimport { RouteComponentProps, withRouter, Prompt } from 'react-router';\nimport * as H from 'history';\n\nconst UnsavedFormModal = ({ history, saveAndCloseDetectFunc }: Props) => {\n const [modalVisible, setModalVisible] = React.useState(false);\n const [lastLocation, setLastLocation] = React.useState\n {props.date.clone().local().format('DD.MM.YYYY [в] HH:mm')}\n
\n);\n\ninterface IProps {\n date: Moment;\n}\n\nexport default DateTimeColumn;\n","import * as React from 'react';\nimport { ColorStatus } from '_helpers';\n\nconst StatusColumn: React.FC\n {props.date.clone().tz('Europe/Moscow').format('HH:mm [МСК]')}\n
\n \n {dateFrom ? dateFrom.clone().local().format('DD.MM.YYYY') : ''}\n {' - '}\n {dateTo ? dateTo.clone().local().format('DD.MM.YYYY') : ''}\n
\n);\n\ninterface IProps {\n dateFrom?: Moment;\n dateTo?: Moment;\n}\n\nexport default DatePeriodColumn;\n","import * as React from 'react';\nimport styles from './Columns.module.scss';\nimport { ColorStatus } from '../../../_helpers';\n\nconst renderRow = (row: ColorStatus | string | undefined) => {\n if (row instanceof ColorStatus) {\n return (\n \n {row.text}\n \n );\n }\n return row;\n};\n\nconst MultiRowColumn: React.FC\n
\n);\n\ninterface IProps {\n rows: (ColorStatus | string | undefined)[];\n}\n\nexport default MultiRowColumn;\n","import React, { CSSProperties, ReactElement } from 'react';\nimport {\n ExtendedSelect,\n IExtendedSelectEvent,\n DateTimePicker,\n EmptySection,\n IEmptySectionProps,\n} from 'components';\nimport { Table, Form } from 'react-bootstrap';\nimport Pagination, { IPaginationData } from '../../Pagination/Pagination';\nimport moment from 'moment';\nimport styles from './AdvancedTable.module.scss';\nimport cn from 'classnames';\nimport './DatePickerFixStyles.scss';\nimport _ from 'lodash';\nimport EmptyUsersListIcon from '../../assets/svg/group.svg';\nimport EmptyListIcon from '../../assets/svg/news_icon.svg';\n\nconst AdvancedTable: React.FC\n {renderRow(rows[0])}\n
\n \n {renderRow(rows[1])}\n
\n \n {renderRow(rows[2])}\n
\n handleOrder(field.fieldName)} />}\n {!field.selectOptions && !field.isDate ? (\n \n ) : null}\n {field.selectOptions && (handleSelectChange || handleSearch) ? (\n onHandleDateChange(field.fieldName, date)}\n containerClassName={styles.date_container}\n groupClassName={styles.date_group}\n firstDateProps={{ readOnly: true, placeholder: 'Дата от' }}\n secondDateProps={{ readOnly: true, placeholder: 'Дата по' }}\n setFrom={setFrom}\n setTo={setTo}\n from={from}\n to={to}\n withoutLabels\n withoutTime\n withoutClear\n />\n ) : null}\n \n )\n : null}\n \n ));\n\n const renderNotFound = () => (\n \n Записи не найдены \n \n );\n\n if (data.length === 0 && firstRun && !filters) {\n return (\n \n \n
\n {!withoutPagination && handlePageChange && (\n {\n data: AdvancedTableData[];\n tableHeaders: AdvancedTableHeader[];\n page?: number;\n pageSize?: number;\n total?: number;\n withoutPagination?: boolean;\n users?: boolean;\n tdClassName?: string;\n filters?: { [key: string]: string } | null;\n handleRowClick: (itemId: string) => void;\n handlePageChange?: (paginationData: IPaginationData) => void;\n handleSearch?: (fieldName: string, searchTerm: string) => void;\n handleOrder?: (fieldName: string) => void;\n handleSelectChange?: (fieldName: string, value: string) => void;\n renderAdditionalHeaderRow?: () => ReactElement | boolean;\n placeholderClassName?: string;\n}\n\ninterface ISelectOption {\n label: string;\n value: string;\n}\n\ninterface IDateValue {\n from?: moment.Moment;\n to?: moment.Moment;\n}\n","import { useEffect } from 'react';\n\ntype ErrorHandlerType = 'local' | 'global';\n\nconst useLocalErrorHandler = (handlerType: (handlerType: ErrorHandlerType) => void, disable?: boolean) => {\n useEffect(() => {\n handlerType('local');\n return () => {\n handlerType('global');\n };\n }, []);\n};\n\nexport default useLocalErrorHandler;\n","import { useEffect, useState } from 'react';\n\ninterface Props {\n handler: 'local' | 'global';\n}\n\nconst useShowGlobalErrorModal = (props: Props) => {\n useEffect(() => {\n if (props.handler && props.handler === 'global') {\n toggleModal(true);\n }\n }, [props]);\n\n const [showModal, toggleModal] = useState(false);\n\n return { showModal, toggleModal };\n};\n\nexport default useShowGlobalErrorModal;\n","import { useEffect, useState } from 'react';\nimport { Location } from 'history';\n\nconst useReloader = (location: Location) => {\n const [oldLocation, setOldLocation] = useState('');\n const [reload, setReload] = useState(false);\n\n useEffect(() => {\n setReload(false);\n }, [reload]);\n\n useEffect(() => {\n if (location.pathname !== oldLocation) {\n setOldLocation(location.pathname);\n } else {\n setReload(true);\n }\n }, [location]);\n\n return reload;\n};\n\nexport default useReloader;\n","import React from 'react';\n\nconst useMouseLeaveDetector = (isActive: boolean, callback: Function, delay: number = 3000) => {\n const leaveTimeout = React.useRef({ index: 0 });\n const [isLeaved, setIsLeaved] = React.useState(false);\n\n const mouseLeaveHandler = React.useCallback(() => {\n setIsLeaved(true);\n }, []);\n\n const mouseEnterHandler = React.useCallback(() => {\n setIsLeaved(false);\n }, []);\n\n React.useEffect(() => {\n if (!isLeaved && !leaveTimeout) return;\n\n if (isLeaved) {\n window.clearTimeout(leaveTimeout.current.index);\n leaveTimeout.current.index = window.setTimeout(\n callback,\n delay,\n );\n } else {\n window.clearTimeout(leaveTimeout.current.index);\n leaveTimeout.current.index = 0;\n }\n }, [isLeaved]);\n\n React.useEffect(() => {\n if (!isActive && leaveTimeout.current.index) {\n window.clearTimeout(leaveTimeout.current.index);\n }\n }, [isActive, leaveTimeout.current.index]);\n\n React.useEffect(() => {\n unsubscribeToEvents(mouseLeaveHandler, mouseEnterHandler);\n\n if (!isActive) {\n return () => null;\n }\n\n subscribeToEvents(mouseLeaveHandler, mouseEnterHandler);\n return () => unsubscribeToEvents(mouseLeaveHandler, mouseEnterHandler);\n }, [isActive]);\n};\n\nfunction subscribeToEvents(mouseLeaveHandler: EventListener, mouseEnterHandler: EventListener) {\n document.body.addEventListener('mouseleave', mouseLeaveHandler);\n document.body.addEventListener('mouseenter', mouseEnterHandler);\n}\n\nfunction unsubscribeToEvents(mouseLeaveHandler: EventListener, mouseEnterHandler: EventListener) {\n document.body.removeEventListener('mouseleave', mouseLeaveHandler);\n document.body.removeEventListener('mouseenter', mouseEnterHandler);\n}\n\n\nexport default useMouseLeaveDetector;\n","import React from 'react';\nimport moment from 'moment';\nimport statusIcon from 'components/assets/svg/status_icon.svg';\nimport { Color, ColorStatus } from '_helpers';\nimport { AdvancedTable, AdvancedTableData, ExamApplicationStatus } from 'components';\n\nconst ExamRequirement = ({ examApplicationsList, getList, onRowClick }: IProps) => {\n const initialState: IState = {\n sortOrder: true,\n };\n\n const [sortOrder, setSortOrder] = React.useState(initialState.sortOrder);\n\n const tableHeaders = [\n { fieldName: 'applicantFullName', title: 'ФАМИЛИЯ, ИМЯ, ОТЧЕСТВО' },\n { fieldName: 'applicantEmail', title: 'Почта' },\n { fieldName: 'applicantPhone', title: 'Телефон' },\n { fieldName: 'status', title: 'Результат' },\n ];\n\n const createStatus = (status: ExamApplicationStatus, finalized: boolean) => {\n let text = '';\n let color = Color.Primary;\n if (status === ExamApplicationStatus.Passed) {\n text = finalized ? 'Аккредитация пройдена' : 'Теория пройдена';\n color = finalized ? Color.Primary : Color.Success;\n } else {\n text = 'Аккредитация не пройдена';\n color = finalized ? Color.Primary : Color.Red;\n }\n\n const styledStatus = new ColorStatus(color, text);\n\n return (\n \n {styledStatus.text} {finalized && status !== ExamApplicationStatus.Passed && 
}\n \n );\n };\n\n const createTableData = (\n examApplications: IApplication[],\n ): AdvancedTableData[] => examApplications.map(\n ({\n examApplicationId,\n applicantFullName,\n applicantEmail,\n applicantPhone,\n status,\n finalized,\n }) => ({\n id: examApplicationId,\n columns: [\n applicantFullName,\n applicantEmail,\n applicantPhone,\n createStatus(status, finalized),\n ],\n }),\n );\n\n const handleOrder = async (fieldName: string) => {\n setSortOrder(!sortOrder);\n await getList({ sortField: fieldName, sortOrder });\n };\n\n const handleSearch = (fieldName: string, value: string) => {\n getList({ searchField: fieldName, searchTerm: value });\n };\n\n return (\n (promiseLikeFunction: (...args: B[]) => Promise, deps: Readonly = []): [boolean, (...args: B[]) => Promise] => {\n const [loading, setLoading] = useState(false);\n\n\n const callback = useCallback((...args) => {\n setLoading(true);\n return promiseLikeFunction(...args)\n .then((r) => {\n setLoading(false);\n return r;\n })\n .catch((r) => {\n setLoading(false);\n throw r;\n });\n }, [promiseLikeFunction, ...deps]);\n\n return [loading, callback];\n};\n\n\nexport default useLoading;\n","import React, { DependencyList, EffectCallback } from 'react';\n\nconst useEffectProcessing = (effect: () => Promise>, deps?: DependencyList, returnFunction?: () => void): boolean => {\n const [processing, setProcessing] = React.useState(false);\n\n React.useEffect(() => {\n setProcessing(true);\n effect()\n .then(() => {\n setProcessing(false);\n })\n .catch(() => setProcessing(false));\n return returnFunction;\n }, deps);\n\n return processing;\n};\n\nexport default useEffectProcessing;\n","/* eslint-disable arrow-parens */\nimport React from 'react';\n\nconst useMultiSearch = (fetch: (payload: T) => void, initialState: T) => {\n const [state, setState] = React.useState(initialState);\n\n const filterSetter = (fieldKey: keyof T) => (value: T[keyof T]) => {\n let newState = { ...state };\n setState((prevState) => {\n newState = {\n ...prevState,\n [fieldKey]: value,\n };\n return newState;\n });\n return newState;\n };\n\n const changeFilterField = (fieldKey: keyof T) => (value: T[keyof T]) => {\n const newForm = filterSetter(fieldKey)(value);\n fetch(newForm);\n };\n\n const changeFilter = (form: Partial) => {\n let newForm = {\n ...state,\n ...form,\n };\n setState((prevState) => {\n newForm = {\n ...prevState,\n ...form,\n };\n return newForm;\n });\n fetch(newForm);\n };\n\n\n return {\n filters: state, changeFilterField, filterSetter, changeFilter,\n };\n};\n\nexport default useMultiSearch;\n","/* eslint-disable arrow-parens */\nimport * as React from 'react';\nimport { RegExpErrorsText } from '_helpers';\nimport { IApiError } from '_helpers/ApiConnector/types';\n\ninterface Rule {\n regexp?: RegExp;\n errorText: string;\n required?: boolean;\n}\n\n\ntype RulesType = Record;\ntype FormErrorsType = Partial>\n\nconst useForm = (\n initialForm: T,\n rules: Partial>,\n): [\n T,\n Partial>,\n (field: keyof T, value: T[keyof T]) => void,\n (form: T) => void,\n (callback: (form: T) => void, ignoreFields?: (keyof RulesType)[]) => void,\n (apiError: IApiError) => void,\n] => {\n const [form, setForm] = React.useState(initialForm);\n const [edited, setEdited] = React.useState>>({});\n const [errors, setErrors] = React.useState>({});\n\n const validateField = (field: keyof T, value: T[keyof T]): string | undefined => {\n const rule = rules[field];\n if (!rule) return undefined;\n\n if (rule.required && !value) {\n return RegExpErrorsText.REQUIRED;\n }\n\n if (!!value && rule.regexp && !rule.regexp.test(String(value))) {\n return rule.errorText;\n }\n\n return undefined;\n };\n\n const validateForm = (formForValidate: T, editedFields: Partial>, withoutEdited?: boolean) => {\n const validateErrors: FormErrorsType = { ...errors };\n Object.keys(rules).forEach((k) => {\n const key = k as keyof T;\n if (editedFields[key] || withoutEdited) {\n validateErrors[key] = validateField(key, formForValidate[key]);\n }\n });\n\n return validateErrors;\n };\n\n const handleChange = (field: keyof T, value: T[keyof T]) => {\n let newForm = { ...form };\n setForm((prev) => {\n newForm = {\n ...prev,\n [field]: value,\n };\n return newForm;\n });\n setEdited((prev) => {\n const newEdited = {\n ...prev,\n [field]: true,\n };\n setErrors(validateForm(newForm, newEdited));\n return newEdited;\n });\n };\n\n const handleSubmit = (callback: (form: T) => void, ignoreFields: (keyof RulesType)[] = []) => {\n const validateErrors = validateForm(form, edited, true);\n ignoreFields.forEach(field => {\n validateErrors[field] = undefined;\n });\n const hasErrors = Object.values(validateErrors).filter(v => !!v).length > 0;\n setErrors(validateErrors);\n if (hasErrors) return;\n callback(form);\n };\n\n const setErrorsFromApi = (apiError: IApiError) => {\n const validateErrors: FormErrorsType = {};\n\n const { failures } = apiError;\n\n if (!failures) return;\n\n\n Object.keys(failures).forEach((key) => {\n if (!key || !(key in form)) return;\n\n [validateErrors[key as keyof T]] = failures[key];\n });\n\n setErrors(prevState => ({ ...prevState, ...validateErrors }));\n };\n\n return [form, errors, handleChange, setForm, handleSubmit, setErrorsFromApi];\n};\n\nexport default useForm;\n","import { IBaseInfo, IPagination } from './models';\nimport { IPaginationData } from './Pagination/Pagination';\n\nexport const EmptyInfo: IBaseInfo = { clear: () => {}, fetch: async () => {}, info: null };\n\nexport const EmptyPagination = { page: 0, pageSize: 0, total: 0 };\n\nexport class PaginationImpl implements IPagination {\n page: number;\n pageSize: number;\n total: number;\n\n constructor(data: IPagination | null = EmptyPagination) {\n const newPaging = data || EmptyPagination;\n this.page = newPaging.page;\n this.pageSize = newPaging.pageSize;\n this.total = newPaging.total;\n }\n\n getPages = () => Math.ceil(this.total / this.pageSize) || 1;\n\n getPaginationData = (): IPaginationData => ({\n pages: this.getPages(),\n page: this.page,\n perPage: this.pageSize,\n })\n}\n","import React, { useEffect, useState, ChangeEvent } from 'react';\nimport { Form, Col, InputGroup } from 'react-bootstrap';\nimport { formDetector } from '_helpers';\nimport cn from 'classnames';\nimport styles from './InputText.module.scss';\nimport _ from 'lodash';\n\nconst InputTotal = ({\n fieldFailures,\n name,\n setRef,\n onChange,\n inputGroupClassNames,\n labelTitle,\n labelColSize,\n labelClassNames,\n withoutLabel,\n inputClassNames,\n inputColSize,\n prependContent,\n disabled,\n value,\n minLength,\n maxLength,\n type,\n placeholder,\n children,\n withoutDetectChanges,\n pattern,\n autoFocus,\n withDarkLabel,\n autoComplete,\n}: Props) => {\n let ref: any;\n\n const [hasError, setHasError] = useState(false);\n\n useEffect(() => {\n if (value && !withoutDetectChanges) {\n formDetector.setChangedInput(name, value);\n }\n\n return () => {\n setHasError(false);\n };\n }, [value]);\n\n useEffect(() => {\n if (fieldFailures && _.has(fieldFailures, name) && fieldFailures[name].length > 0 && !hasError && setRef) {\n setHasError(true);\n setRef(ref);\n } else if (hasError && (!fieldFailures || !_.has(fieldFailures, name) || fieldFailures[name].length === 0)) {\n setHasError(false);\n }\n }, [fieldFailures]);\n\n const handleChangeInput = (event: any) => {\n const { target } = event as ChangeEvent;\n\n if (!withoutDetectChanges) {\n formDetector.setChangedInput(target.name, target.value);\n }\n\n onChange(target.name, target.value);\n };\n\n const onSetRef = (node: any) => {\n ref = node;\n };\n\n return (\n \n {withoutLabel\n ? null\n : (\n \n {labelTitle}\n \n )}\n \n {prependContent\n ? (\n \n {prependContent} \n \n )\n : null\n }\n 0)}\n pattern={pattern}\n autoFocus={autoFocus}\n />\n \n {fieldFailures && _.has(fieldFailures, name) && fieldFailures[name].length > 0\n ? fieldFailures[name]\n : null}\n \n \n {children}\n \n \n );\n};\n\nexport default InputTotal;\n\nexport interface Props {\n value: string;\n name: string;\n onChange: (name: string, value: string) => void;\n\n labelTitle?: string;\n withoutLabel?: boolean;\n labelColSize?: number;\n inputColSize?: number;\n\n labelClassNames?: string;\n inputClassNames?: string;\n inputGroupClassNames?: string;\n withDarkLabel?: boolean;\n\n prependContent?: string | number | JSX.Element;\n\n fieldFailures?: IFieldFailures | null;\n setRef?: (node: HTMLInputElement | null) => void;\n\n minLength?: number;\n maxLength?: number;\n\n type?: string;\n disabled?: boolean;\n placeholder?: string;\n children?: React.ReactNode;\n withoutDetectChanges?: boolean;\n pattern?: string;\n autoComplete?: string;\n autoFocus?: boolean;\n}\n\ninterface IFieldFailures {\n [key: string]: string;\n}\n","import React, { CSSProperties } from 'react';\nimport { EmptySection } from 'components';\nimport { Table } from 'react-bootstrap';\nimport styles from './SimpleTable.module.scss';\nimport Pagination, { IPaginationData } from '../../Pagination/Pagination';\nimport EmptyListIcon from 'components/assets/svg/news_icon.svg';\nimport EmptyUsersListIcon from 'components/assets/svg/group.svg';\n\nconst SimpleTable = ({\n tableRows,\n handleRowClick,\n tableCellClassName,\n tableHeaders,\n handleOrder,\n placeholderIcon,\n placeholderTitle,\n placeholderText,\n tableClassName,\n ...props\n}: TableProps) => {\n const renderTableItem = () => tableRows.map((item, num) => (\n handleRowClick(item.id)} data-test-exam-id={item.id}>\n {item.columns.map((x, i) => {x} )}\n \n ));\n\n const renderTableHeaders = () => tableHeaders.map((field, i) => (\n \n {field.title}\n {field.fieldName !== '' && handleOrder\n ? ( \n ));\n\n if (tableRows.length === 0) {\n return (\n \n \n
\n {!!(props.pagination && props.onPagination) && (\n \n {!showForm && firstRun ? (\n \n getList({ page: event.page, pageSize: event.perPage })}\n handleOrder={handleListOrder}\n handleRowClick={onOpenForm}\n handleSearch={handleListSearch}\n pageSize={(userList && userList.pageSize) || 10}\n total={(userList && userList.total) || 1}\n page={(userList && userList.page) || 1}\n {...emptyDataProps}\n />\n \n ) : null}\n\n {showForm ? (\n \n {!withoutTabs ? (\n setActiveTab(key as TabKey)}\n >\n \n {renderUserDetails()}\n \n \n ) : renderUserDetails()}\n \n );\n};\n\nexport default UsersPage;\n\nexport interface IList {\n items: User[];\n page: number;\n pageSize: number;\n total: number;\n}\n\nexport interface IGetList {\n acIdQuery?: string;\n searchField?: string;\n searchTerm?: string;\n page?: number;\n pageSize?: number;\n sortOrder?: boolean;\n sortField?: string;\n}\n\ninterface Props {\n showForm: boolean;\n userList: IList | null;\n userDetail: IUserDetail | null;\n apiError: ApiError | null;\n loading?: boolean;\n withoutTabs?: boolean;\n withoutBackIcon?: boolean;\n getList: (data: IGetList) => void;\n getUserDetail: (userId: string) => void;\n submitUserForm: (userDetail: IUserDetail) => void;\n handleClickFormClose: () => void;\n removeUser: (userId: string) => Promise;\n repeatInvite?: (userId: string) => void;\n}\n\ninterface State {\n showForm: boolean;\n showWarning: boolean;\n deletedId: string | null;\n listSortOrder: boolean;\n firstRun: boolean;\n}\n\ninterface User {\n id: string;\n fullName: string;\n email: string;\n phone: string;\n}\n\nenum TabKey {\n Info = 'info',\n}\n","import React from 'react';\nimport {\n Card,\n Checkbox,\n PhoneInput,\n InputPassword,\n LoaderBtn,\n Captcha,\n InputText,\n} from 'components';\nimport {\n Col,\n FormGroup,\n FormLabel,\n Form,\n} from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\nimport { RegExpConst } from '_helpers';\nimport { IApiError } from '../../_helpers/ApiConnector/types';\nimport _ from 'lodash';\nimport styles from './AuthenticationForm.module.scss';\n\nconst InitFormErrors: IFieldsError = {\n phone: '',\n password: '',\n captcha: '',\n};\n\nconst InitFormData: IFormData = {\n phone: '',\n password: '',\n captcha: '',\n rememberMe: false,\n};\n\nconst AuthenticationForm = ({\n apiError,\n onLogin,\n title,\n subTitle,\n resetPasswordLink,\n registerLink,\n withRegister,\n withEmail,\n withPhone,\n withoutForgotPassword,\n}: IProps) => {\n const [formData, setFormData] = React.useState(InitFormData);\n const [formFieldErrors, setFormFieldErrors] = React.useState(InitFormErrors);\n const [processing, setProcessing] = React.useState(false);\n const fieldFailures = formFieldErrors as object as { [key: string]: string };\n\n const getFieldErrorFromApiError = (fieldName: string, errors: IApiError | null) => {\n if (!errors || !errors.failures) return '';\n if (_.has(errors.failures, fieldName)) return errors.failures[fieldName].join(', ');\n return '';\n };\n\n React.useEffect(() => {\n const phoneError = getFieldErrorFromApiError('email', apiError);\n const emailError = getFieldErrorFromApiError('email', apiError);\n const passwordError = getFieldErrorFromApiError('password', apiError);\n\n setProcessing(false);\n setFormFieldErrors({\n phone: phoneError,\n password: passwordError,\n email: emailError,\n });\n\n return () => setProcessing(false);\n }, [apiError]);\n\n const checkValidationErrors = (data: IFormData): IFieldsError => {\n const phoneError = ((data.phone && /^[0-9]{10}$/.test(data.phone)) || !withPhone) ? '' : 'Неверный формат телефона';\n const emailError = ((data.email && RegExpConst.EMAIL.test(data.email)) || !withEmail) ? '' : 'Неверный формат email';\n const isCaptchaValid = apiError && apiError.failures && apiError.failures.captcha ? data.captcha && data.captcha.length === 4 : true;\n let captchaError = '';\n let passwordError = '';\n\n if (data.password.length === 0) {\n passwordError = 'Заполните поле';\n } else if (data.password.length < 6) {\n passwordError = 'Минимальная длина пароля 6 символов';\n }\n\n if (!isCaptchaValid) {\n captchaError = 'Длина цифр с картинки должна быть 4 символа';\n }\n\n return {\n phone: phoneError,\n email: emailError,\n password: passwordError,\n captcha: captchaError,\n };\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n const validResult = checkValidationErrors(formData);\n\n if ((validResult.phone && validResult.phone.length > 0) || validResult.password.length > 0 || (validResult.captcha && validResult.captcha.length > 0)) {\n setFormFieldErrors({ ...validResult });\n return;\n }\n\n setFormData({ ...formData, captcha: '' });\n setProcessing(true);\n onLogin && await onLogin(formData);\n };\n\n const handleInputChange = (name: string, value: string) => {\n setFormFieldErrors({ ...formFieldErrors, [name]: '' });\n setFormData({ ...formData, [name]: value });\n };\n\n return (\n <>\n
\n )}\n >\n {withEmail && (\n handleOrder(`${field.fieldName}`)} />)\n : null\n }\n
\n Забыли пароль?\n
\n )}\n \n Еще нет аккаунта? Регистрация\n
\n )}\n \n );\n};\n\ninterface IProps {\n apiError: IApiError | null;\n onLogin?: (data: IFormData) => void;\n title?: string;\n subTitle?: string;\n resetPasswordLink?: string;\n withEmail?: boolean;\n withPhone?: boolean;\n withRegister?: boolean;\n withoutForgotPassword?: boolean;\n registerLink?: string;\n}\n\ninterface IFieldsError {\n password: string;\n captcha?: string;\n phone?: string;\n email?: string;\n}\n\ninterface IFormData {\n password: string;\n rememberMe: boolean;\n captcha?: string;\n phone?: string;\n email?: string;\n}\n\nexport default AuthenticationForm;\n","import React from 'react';\nimport styles from './ExtendedSelect.module.scss';\nimport { OptionProps, OptionTypeBase, Styles } from 'react-select';\n// eslint-disable-next-line import/no-unresolved\nimport { isArray } from 'util';\nimport { Color, formDetector } from '_helpers';\nimport classNames from 'classnames';\nimport Creatable from 'react-select/creatable';\nimport AddIcon from '../../assets/svg/add_icon.svg';\n\nconst ExtendedSelect = ({\n value,\n name,\n withoutDetectChanges,\n withoutStrictValue,\n isInvalid,\n options,\n multi,\n onChangeMulti,\n onChange,\n className,\n noOptionsMessage,\n disabled,\n placeholder,\n notSelectedOptions,\n onMenuOpen,\n subText,\n invalidTitle,\n isClearable,\n smSize,\n ...props\n}: Props) => {\n React.useEffect(() => {\n if (value && !isArray(value) && !withoutDetectChanges) {\n formDetector.setChangedInput(name, value);\n }\n }, [value]);\n\n const customStyle: Styles\n !!props.creatable}\n formatCreateLabel={() => (\n \n 
\n r && r.style.setProperty('color', 'var(--primary)', 'important')}>{props.createLabel}\n \n )}\n onCreateOption={props.onCreateOption}\n createOptionPosition={props.createOptionPosition || 'first'}\n noOptionsMessage={() => noOptionsMessage || 'Нет опций'}\n isDisabled={disabled}\n isMulti={multi}\n isClearable={isClearable}\n styles={customStyle}\n name={name}\n className={classNames('react-select-container', smSize && 'react-select-container_size_sm')}\n classNamePrefix=\"react-select\"\n defaultValue={selectedOptions}\n value={withoutStrictValue ? findValue : (findValue || null)}\n onChange={onChangeSelect}\n options={notSelectedOptions || options}\n placeholder={placeholder || 'Выберите из списка'}\n onMenuOpen={onMenuOpen}\n />\n {subText ? (\n
\n );\n};\n\nexport default ExtendedSelect;\n\nexport interface IOption {\n value: string;\n label: string;\n color?: Color | string;\n}\n\nexport interface ISelectEvent {\n name: string;\n value: string;\n}\n\ninterface Props {\n creatable?: boolean;\n createLabel?: string;\n onCreateOption?: (inputValue: string) => void;\n createOptionPosition?: 'first' | 'last';\n name: string;\n options: IOption[];\n notSelectedOptions?: IOption[];\n value?: string | string[] | null;\n className?: string;\n placeholder?: string;\n disabled?: boolean;\n isInvalid?: boolean;\n invalidTitle?: string;\n subText?: string;\n noOptionsMessage?: string;\n multi?: boolean;\n isClearable?: boolean;\n withoutDetectChanges?: boolean;\n withoutStrictValue?: boolean;\n smSize?: boolean;\n onChange: (event: ISelectEvent) => void;\n onChangeMulti?: (event: ISelectEvent[]) => void;\n onMenuOpen?: () => void;\n noUppercase?: boolean;\n}\n","import React from 'react';\nimport {\n Card,\n LoaderBtn,\n Captcha,\n PhoneInput,\n} from 'components';\nimport { Col, Form, Button } from 'react-bootstrap';\nimport { IApiError } from '../../_helpers/ApiConnector/types';\nimport { Link } from 'react-router-dom';\n\nconst ResetPasswordFirstStep = ({\n sendCode, goNext, goBack, apiError, initPhone,\n}: IProps) => {\n const [phone, setPhone] = React.useState(initPhone);\n const [phoneValid, setPhoneValid] = React.useState(true);\n const [captcha, setCaptcha] = React.useState('');\n const [captchaValid, setCaptchaValid] = React.useState(true);\n const [processing, setProcessing] = React.useState(false);\n\n const doValidate = (): boolean => {\n const isPhoneValid = /^[0-9]{10}$/.test(phone);\n const isCaptchaValid = apiError && apiError.failures && apiError.failures.captcha ? captcha.length === 4 : true;\n\n setPhoneValid(isPhoneValid);\n setCaptchaValid(isCaptchaValid);\n\n return isPhoneValid && isCaptchaValid;\n };\n\n const onSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!doValidate()) return;\n\n setProcessing(true);\n const phoneExists = await sendCode(phone, captcha);\n setProcessing(false);\n\n if (phoneExists) {\n goNext();\n }\n };\n\n const onChangePhone = (name: string, value: string) => {\n setPhone(value);\n setPhoneValid(true);\n };\n\n return (\n <>\n \n {subText}\n
\n )\n : null}\n {isInvalid && invalidTitle ? (\n \n {invalidTitle || null}\n
\n )\n : null}\n \n Ещё нет аккаунта? Регистрация\n
\n \n );\n};\n\nexport default ResetPasswordFirstStep;\n\ninterface IProps {\n apiError?: IApiError | null;\n initPhone: string;\n sendCode: (phone: string, captcha?: string) => Promise\n {children}\n
\n\n {loading ? \n {placeholderIcon ? 
: null}\n
\n);\n\nexport default EmptySection;\n\nexport interface IProps {\n onButtonClick?: () => void;\n placeholderTitle: string;\n placeholderText: string;\n placeholderButtonText?: string;\n placeholderIcon?: string;\n className?: string;\n}\n","import React from 'react';\nimport {\n Col,\n FormGroup,\n FormLabel,\n Form,\n Button,\n} from 'react-bootstrap';\nimport {\n Card,\n InputPassword,\n LoaderBtn,\n Checkbox,\n} from 'components';\nimport { personalDataProcessingPolicy } from '_helpers';\nimport _ from 'lodash';\n\nconst AccountConfirmation = ({\n handleSubmit, cleanErrors, apiError, authProcessing, onLogin,\n}: IProps) => {\n const InitFormData: FormData = {\n password: '',\n personalChecked: false,\n };\n\n const initTokenError: IError = {\n text: '',\n };\n\n const initPasswordError: IError = {\n text: '',\n };\n\n const [tokenError, setTokenError] = React.useState(initTokenError);\n const [passwordError, setPasswordError] = React.useState(initPasswordError);\n const [formData, setFormData] = React.useState(InitFormData);\n\n React.useEffect(() => {\n const getFieldErrorFromApiError = (fieldName: string, errors: ApiError | null) => {\n if (!errors || !errors.failures) return '';\n if (_.has(errors.failures, fieldName)) {\n return {\n text: errors.failures[fieldName].join(', '),\n code: errors.code,\n };\n }\n return '';\n };\n\n const passwordErrors = getFieldErrorFromApiError('password', apiError);\n const tokenErrors = getFieldErrorFromApiError('token', apiError);\n\n if (tokenErrors && tokenErrors.text) {\n setTokenError({\n text: tokenError.text,\n code: tokenError.code,\n });\n }\n\n if (passwordErrors) {\n setPasswordError({\n text: passwordErrors.text,\n code: passwordErrors.code,\n });\n }\n }, [apiError]);\n\n const checkValidationErrors = (data: FormData) => {\n const passwordErrorValid = data.password.length > 5 ? '' : 'Пароль не должен быть короче 6 символов';\n\n return {\n password: passwordErrorValid,\n };\n };\n\n const submit = async (e: React.FormEvent\n {placeholderTitle}\n
\n \n {placeholderText}\n
\n {placeholderButtonText && (\n \n )}\n \n
\n )\n : null}\n \n );\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n\nconst logErrorToMyService = (error: Error, info: object) => {\n console.log('TCL: logErrorToMyService -> info', info);\n console.log('TCL: logErrorToMyService -> error', error);\n};\n\ninterface IState {\n hasError: boolean;\n error: Error | null;\n}\n","import React from 'react';\nimport { Button } from 'react-bootstrap';\nimport { Card } from 'components';\nimport { ApiError } from '_helpers/errors/ApiError';\nimport errorIcon from 'components/assets/svg/error_icon.svg';\nimport styles from './ErrorPlaceholder.module.scss';\nimport _ from 'lodash';\n\nconst ErrorPlaceholder = ({ placeholderIcon, apiError, withCard }: IProps) => {\n const renderBody = () => (\n {this.state.error.name}
\n{this.state.error.message}
\n{this.state.error.stack}
\n\n 
\n
\n );\n\n return withCard ? (\n \n {`Статус код: ${apiError.code}`}\n
\n \n {apiError.message}\n
\n {apiError.failures && (\n _.keys(apiError.failures).map((k, i) => (\n \n {`${i + 1}. ${k}: ${apiError.failures ? apiError.failures[k].join(', ') : ''}!`}\n
\n ))\n )}\n \n \n
\n);\n\nconst NotificationSystemProvider = (props: IProps) => (\n \n ) => setCaptcha((e.target as HTMLInputElement).value.replace(/[^\\d]/, ''))}\n value={captcha}\n isInvalid={!captchaValid}\n maxLength={4}\n className=\"captcha_field\"\n />\n
\n \n 
\n
\n \n {connectDragSource(\n
,\n ))\n );\n}));\n\nexport default DragDrop;\n\ninterface IProps {\n children: any;\n rowIndex: number;\n dndClassName?: string;\n onRowDrop: (from: number, to: number) => void;\n}\n\nexport interface IDragProps {\n children: any;\n rowIndex: number;\n isOver?: boolean;\n onRowDrop: (from: number, to: number) => void;\n connectDropTarget?: (el: JSX.Element) => any;\n connectDragPreview?: (el: JSX.Element) => any;\n connectDragSource?: (el: JSX.Element) => any;\n}\n\ntype IDropProps = IProps & IDragProps;\n","import React from 'react';\nimport { Container, Row, Form } from 'react-bootstrap';\nimport { InputText } from 'components';\nimport { IMatchingTheoreticalAnswer, IFieldsError } from './types';\nimport { serialNumberToChar } from '_helpers';\nimport styles from './TheoreticalQuestionRedactor.module.scss';\nimport cn from 'classnames';\n\nconst QuestionVariant = ({\n answer,\n answerChar,\n formFieldErrors,\n handleChangeMatchingAnswerText,\n num,\n onAdd,\n onDelete,\n questionLeftLength,\n containerClassName,\n}: IProps) => (\n \n 
\n
,\n )}\n {children}\n \n {serialNumberToChar(answerChar)}.\n
\n \n {!withoutNum ? onChange(e.value)}\n isInvalid={getCurrentAnswer() === '0'}\n />\n
\n );\n};\n\nexport default QuestionSelect;\n\ninterface IProps {\n correct: { [key: string]: number };\n answer: IMatchingTheoreticalAnswer;\n num: number;\n formFieldErrors: IFieldsError;\n right: IMatchingTheoreticalAnswer[];\n withoutNum?: boolean;\n selectContainerClassName?: string;\n setFormFieldErrors: (error: IFieldsError) => void;\n onChangeSelect: (data: IChangeSelect) => void;\n}\n\nexport interface IChangeSelect {\n questionNumber: number;\n matchingNumber: number;\n}\n","import React from 'react';\nimport { InputText } from 'components';\nimport { IMatchingTheoreticalAnswer, IFieldsError } from './types';\nimport QuestionSelect, { IChangeSelect } from './QuestionSelect';\nimport styles from './TheoreticalQuestionRedactor.module.scss';\nimport cn from 'classnames';\n\nconst MatchingRightVariant = ({\n answer,\n formFieldErrors,\n handleChangeOrderingAnswerText,\n num,\n correct,\n right,\n setFormFieldErrors,\n onChangeSelect,\n}: IProps) => (\n {num + 1}.
: →}\n \n {!changeLeftHeader && {leftHeader}}\n {changeLeftHeader && (\n onChangeLeftHeader(value)}\n inputGroupClassNames=\"m-0\"\n inputClassNames=\"pl-0\"\n inputColSize={4}\n withoutLabel\n />\n )}\n { e.preventDefault(); setChangeLeftHeader(!changeLeftHeader); }}\n >\n {!changeLeftHeader ? 'Изменить заголовок' : 'Сохранить заголовок'}\n \n
\n \n {left.map((answer, i) => (\n \n \n ))}\n
\n \n {!changeRightHeader && {rightHeader}}\n {changeRightHeader && (\n onChangeRightHeader(value)}\n inputGroupClassNames=\"m-0\"\n inputClassNames=\"pl-0\"\n inputColSize={4}\n withoutLabel\n />\n )}\n { e.preventDefault(); setChangeRightHeader(!changeRightHeader); }}\n >\n {!changeRightHeader ? 'Изменить заголовок' : 'Сохранить заголовок'}\n \n
\n \n {question.type === TheoreticalQuestionType.OrderingTheoretical && right.map((answer, i) => (\n
\n \n {!withoutSelectStatus ? (\n onChangeSelect(e, onChangeAcSelect)}\n placeholder=\"Выберите один или несколько Центров Оценки Квалификаций\"\n value={acIds.length ? acIds : undefined}\n className={styles.selectGroup}\n />\n )}\n {accList && (\n onChangeSelect(e, onChangeAscSelect)}\n placeholder=\"Выберите один или несколько аккредитационных центров\"\n value={accreditationCenterIds.length ? accreditationCenterIds : undefined}\n className={styles.selectGroup}\n />\n )}\n {qualificationList && (\n onChangeSelect(e, onChangeQualificationsSelect)}\n placeholder=\"Выберите одну или несколько специальностей\"\n value={qualificationIds.length ? qualificationIds : undefined}\n className={styles.selectGroup}\n />\n )}\n
\n );\n};\n\nexport default MultiSelectSection;\n\nexport interface IFetchList {\n paid?: boolean;\n qualificationIds?: string[];\n accreditationCenterIds?: string[];\n acIds?: string[];\n page?: number;\n pageSize?: number;\n sortOrder?: boolean;\n sortField?: string;\n filteredExamStatus?: FilteredExamStatus;\n from?: moment.Moment;\n to?: moment.Moment;\n}\n\ninterface IProps {\n qualificationList?: IQualificationInfoList | null;\n acList?: IAttestationCommissions | null;\n accList?: IAccreditationCenter[] | null;\n examSelectStatusName?: string;\n examStatusOptions?: IExtendedSelectOption[];\n beforeSelectsChildren?: React.ReactNode;\n defaultValue?: string | null;\n defaultIds?: IDefaultIds;\n withoutSelectStatus?: boolean;\n withoutFromToDatePicker?: boolean;\n defaultFrom?: moment.Moment;\n defaultTo?: moment.Moment;\n fetchList: (data: IFetchList) => void;\n}\n\ninterface IDefaultIds {\n acIds?: string[];\n qualificationIds?: string[];\n attestationSubCommissionIds?: string[];\n}\n\nconst ExamStatusOptions: IExtendedSelectOption[] = [\n { label: 'Все', value: 'All' },\n { label: 'Создание', value: FilteredExamStatus.AwaitingExpertConfirmation },\n { label: 'Идет запись', value: FilteredExamStatus.IsApplying },\n { label: 'Запись окончена', value: FilteredExamStatus.ApplyingFinished },\n { label: 'В процессе проведения', value: FilteredExamStatus.Staging },\n { label: 'Завершено', value: FilteredExamStatus.Finished },\n { label: 'Отменен', value: FilteredExamStatus.Canceled },\n];\n\ninterface IAttestationSubCommissionsList {\n items: IAttestationSubCommission[];\n page: number;\n pageSize: number;\n total: number;\n}\n\ninterface IAttestationSubCommission {\n id: string;\n regNumber: string;\n name: string;\n fullName: string;\n city: string;\n address: string;\n default: boolean;\n}\n\ninterface IAttestationCommissions {\n items: IAttestationCommission[];\n page: number;\n pageSize: number;\n total: number;\n}\n\ninterface IAttestationCommission {\n id: string;\n regNumber: string;\n name: string;\n fullName: string;\n city: string;\n}\n\ninterface IQualificationInfoList {\n items: IQualificationInfo[];\n page: number;\n pageSize: number;\n total: number;\n}\n\ninterface IQualificationInfo {\n id: string;\n title: string;\n stagesNumber: number;\n regNumber: string;\n occupationalStandardId: string;\n occupationalStandardTitle: string;\n}\n\ninterface IState {\n selectedExamStatus: string;\n pageOptions: PaginationData;\n acIds: string[];\n qualificationIds: string[];\n attestationSubCommissionIds: string[];\n customProps?: IFetchList;\n from?: moment.Moment;\n to?: moment.Moment;\n}\n","import React from 'react';\nimport { Form } from 'react-bootstrap';\nimport moment from 'moment';\nimport DateTime from 'react-datetime';\nimport styles from './DateTimePicker.module.scss';\nimport cn from 'classnames';\n\nconst DateTimePicker = ({\n from,\n firstDateProps,\n secondDateProps,\n to,\n setFrom,\n setTo,\n fetch,\n containerClassName,\n fieldClassName,\n groupClassName,\n withoutLabels,\n withStyledBorderSelect,\n withoutTime,\n withoutClear,\n}: IProps) => {\n const checkSameDates = (nDate?: moment.Moment) => from && to && nDate && nDate.isSame(from) && nDate.isSame(to);\n\n const processSameDates = (nDate?: moment.Moment) => {\n if (!nDate) return;\n\n const toDate = nDate.clone().set({ hour: 23, minute: 59 });\n const fromDate = nDate.clone().set({ hour: 0, minute: 0 });\n\n setTo(toDate);\n setFrom(fromDate);\n fetch({ to: toDate, from: fromDate });\n };\n\n const firstDateChange = (date?: moment.Moment | string | null) => {\n const nDate = date ? moment(date) : undefined;\n setFrom(nDate);\n\n if (checkSameDates(nDate)) {\n processSameDates();\n } else if (to && nDate && (nDate.diff(to) > 0)) {\n const dayDate = nDate.clone().set({ hour: 23, minute: 59 });\n\n setTo(dayDate);\n fetch({ from: nDate, to: dayDate });\n } else {\n const dayDate = to ? to.clone().set({ hour: 23, minute: 59 }) : undefined;\n\n fetch({ from: nDate, to: dayDate });\n }\n };\n\n const secondDateChange = (date: moment.Moment | string) => {\n const nDate = date ? moment(date) : undefined;\n\n if (checkSameDates(nDate)) {\n processSameDates();\n } else if (!from || (from && nDate && nDate.diff(from) >= 0)) {\n const dayDate = !to && nDate ? nDate.clone().set({ hour: 23, minute: 59 }) : nDate;\n\n setTo(dayDate);\n fetch({ to: dayDate });\n } else if (!to && from && nDate && nDate.diff(from) <= 0) {\n const dayDate = from.clone().set({ hour: 23, minute: 59 });\n\n setTo(dayDate);\n fetch({ to: dayDate });\n } else if (!nDate) {\n setTo(undefined);\n fetch({ to: undefined });\n }\n };\n\n const renderDateInput = (onChange: (date: moment.Moment | string) => void) => (inputProps: React.HTMLProps\n
\n ) : null}\n {!withoutFromToDatePicker ? (\n СТАТУС
\n \n
\n \n
\n\n ) : null}\n {beforeSelectsChildren}\n {acList && (\n ПЕРИОД
\n \n true} style={{ ...inputProps.style, caretColor: 'transparent' }} />\n {!!inputProps.value && !withoutClear && (\n onChange('')}\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={styles.clearDateInput}\n >\n
\n );\n\n return (\n \n {!withoutLabels ? (\n \n С\n \n ) : null}\n\n {/* Параметр renderInput не включили в .d.ts файл, потому TS не находит его, но в документации он есть */}\n
\n \n {!withoutLabels ? (\n \n ПО\n \n ) : null}\n\n {/* Параметр renderInput не включили в .d.ts файл, потому TS не находит его, но в документации он есть */}\n
\n handleDeleteClick(rowIndex)}>\n 
\n
\n \n 
\n
\n Добавить строку
\n handleDeleteClick(rowIndex)}>\n \n
\n {value}
\n : (\n <>\n {(multilineArr[col] ? (\n \n Если вы не видите письмо, его можно отправить повторно.
\n Также вы можете изменить адрес электронной почты на другой.\n \n )}\n
\n \n
\n );\n\nexport default Row;\n\nexport const renderRow = (title: IProps['title'], value: IProps['value'], rowClassName?: IProps['rowClassName'], valueColor?: IProps['valueColor'], extKey?: string | number) => (\n {value || '-'}
\n \n null}\n isDisabled={disabled}\n styles={customStyle}\n name={name}\n className=\"fetch-select react-select-container\"\n classNamePrefix=\"react-select\"\n value={selectValue}\n onChange={e => onOptionChange(e as IOption)}\n options={options}\n placeholder={placeholder || 'Выберите из списка'}\n onInputChange={onInputKeyup}\n onKeyDown={onInputKeydown}\n onMenuClose={onMenuClose}\n formatOptionLabel={formatOptionLabel}\n />\n {isInvalid ? (\n
\n );\n};\n\nexport default FetchSelect;\n\nexport interface IOption {\n value: string;\n label: string;\n}\n\nexport interface ISelectEvent {\n name: string;\n value: string;\n}\n\ninterface IFetchInput {\n fieldName: string;\n fieldValue: string;\n}\n\ninterface Props {\n name: string;\n options: IOption[];\n value?: string | null;\n onChange: (event: ISelectEvent) => void;\n onFetch: (data: IFetchInput) => void;\n clearFetch: () => void;\n\n className?: string;\n placeholder?: string;\n disabled?: boolean;\n\n isInvalid?: boolean;\n invalidTitle?: string;\n withoutDetectChanges?: boolean;\n}\n","import React from 'react';\nimport {\n AdvancedTable, Card, ExamStatus, MappedExamApplicationStatuses, StatusColumn,\n} from 'components';\nimport { IExamApplicationList, IExamDetails } from 'components/models';\nimport { IExamApplicationsFilters } from 'components/reduxModels';\nimport cn from 'classnames';\nimport styles from './ApplicantsTab.module.scss';\nimport { IPaginationData } from '../../Pagination/Pagination';\nimport {\n Color, ColorStatus, formatPhoneNumber, formatSnils,\n} from '_helpers';\nimport GroupIcon from 'components/assets/svg/group.svg';\nimport { useMultiSearch } from 'hooks';\n\nconst ApplicantsTab = ({\n examApplications, handleApplicantsListChange, handleApplicantClick, examStatus, pagination, examDetails,\n}: IProps) => {\n const { changeFilter } = useMultiSearch\n {invalidTitle || null}\n
\n ) : null}\n \n Всего аккредитуемых\n {examDetails.applicationsNumber || 0} чел.\n
\n\n \n );\n };\n}\n\n\nexport interface IExamInfoState {\n getTitle: () => string;\n getSubTitle: () => string;\n getInfoElement: () => string | JSX.Element;\n}\n","import * as React from 'react';\n\nconst LikeIcon = () => (\n \n);\n\nexport default LikeIcon;\n","import * as React from 'react';\nimport styles from './StepStatus.module.scss';\nimport cn from 'classnames';\nimport LikeIcon from '../Common/icons/LikeIcon';\nimport WaitTimeIcon from '../assets/svg/wait_time_icon.svg';\nimport RejectedIcon from '../assets/svg/cross_cancel_icon.svg';\n\nconst icons = {\n error: () =>
\n
\n);\n\ninterface IProps {\n step: {\n value?: string;\n label: string;\n status: 'success' | 'error' | 'loading';\n };\n}\n\nexport default StepStatus;\n","import * as React from 'react';\nimport { Details, ReactNodeValue } from '../../../Details';\nimport { IExamDetails } from '../../../models';\nimport { DetailsStringValue } from '../../../index';\nimport styles from './AwaitingExpertConfirmationComponent.module.scss';\nimport { StepStatus } from '../../../StepStatus';\n\nconst AwaitingExpertConfirmationComponent: React.FC{step.label}: {step.value}
\n \n {icons[step.status]()}\n
\n Процесс создания
\n !(disabled || readonly) && onChoose(dayNumber)}>{formatDayTitle({ dayNumber, group })}
\n !disabled && onEdit(dayNumber)}>\n \n \n\n {readyForFinalize ? (\n
\n \n);\n\ninterface IProps {\n readonly?: boolean;\n selected?: boolean;\n disabled?: boolean;\n readyForFinalize?: boolean;\n orange?: boolean;\n retake?: number;\n dayNumber: number;\n group?: number;\n date?: Moment;\n count?: number;\n badgeCount?: number;\n expertsCount?: number;\n audienceFilledPercents?: number;\n onChoose?: (day: number) => void;\n onEdit?: (day: number) => void;\n}\n\nexport default DayCell;\n","import * as React from 'react';\nimport styles from '../StageContainer.module.scss';\nimport { IFakeExamDay } from '../getInitialDays';\nimport { WarningModal } from 'components/Common/Modals';\nimport ExtendedSelect from 'components/Common/ExtendedSelect/ExtendedSelect';\nimport {\n IApiError, IExamApplication,\n IExamDay, IExamStage,\n} from 'components/models';\nimport { Form } from 'react-bootstrap';\nimport { Color, formatDayOption } from '_helpers';\n\nconst attemptsTxt = ['Первая', 'Вторая', 'Третья', 'Четвертая', 'Пятая'];\n\nconst ConfirmDateModal: React.FC\n {date ? date.format('DD MMM') : '- -'}\n {date ? date.format('HH:mm') : '- -'}\n
\n\n \n {count}\n\n {!!badgeCount && (\n \n {badgeCount}\n \n )}\n
\n \n {badgeCount ? 'Финализация' : 'Завершен'}\n
\n ) : (\n \n \n \n \n\n \n \n \n
\n )}\n \n Пожалуйста, выберите день, на который необходимо распределить выбранных аккредитуемых.\n В дальнейшем вы сможете изменить это распределение, если возникнет необходимость.\n
\n\n {props.examApplication && (\n\n {props.examApplication.map(a => (\n
\n )}\n\n \n \n {a.applicantFullName}\n \n \n {a.lastFinalizedStageAttemptNumber ? `${attemptsTxt[a.lastFinalizedStageAttemptNumber - 1]} пересдача` : ''}\n \n
\n ))}\n \n {props.apiErrors && props.apiErrors.failures && props.apiErrors.failures.time && props.apiErrors.failures.time[0]}\n
\n\n
\n );\n};\n\ninterface IProps {\n disabled?: boolean;\n time: Moment;\n onChange: (newTime: Moment) => void;\n}\n\nexport default TimePicker;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport styles from './DayEditor.module.scss';\nimport moment, { Moment } from 'moment';\nimport { Form } from 'react-bootstrap';\nimport { DatePicker } from '../DatePicker';\nimport { TimePicker } from '../Common/TimePicker';\n\nconst DayEditor: React.FC\n \n :\n \n
\n По МСК {`${moscowHours}:${moscowMinutes}`}\n \n {!props.hideMainPart && (\n <>\n Дата\n \n \n )}\n \n )}\n {props.children}\n
\n );\n};\n\ninterface IProps {\n disabled?: boolean;\n date: Moment;\n onChangeDate: (date: Moment) => void;\n className?: string;\n hideMainPart?: boolean;\n apiError?: string | null;\n}\n\nexport default DayEditor;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport { Form, Col } from 'react-bootstrap';\nimport styles from '../StageContainer.module.scss';\nimport { useLoading } from 'hooks';\nimport { formatPhoneNumber, formatSnils } from '_helpers';\nimport { IBaseExperts, IExpert } from 'components/models';\nimport { WarningModal } from 'components/Common/Modals';\nimport { FetchSelect } from 'components/Common/FetchSelect';\n\nconst AssigningOneExpertModal: React.FC\n {props.apiError}\n
\n\n Начните вводить в строке поиска ФИО члена комиссии:\n
\n\nВам необходимо добавить, как минимум {noExpertsCount}
: undefined}\n\n\n {props.apiError}\n
\n\n setShowAssignOneExpertModal(true)}\n variant=\"outline-secondary\"\n >\n Добавить члена комиссии\n \n \n Завершить назначение\n \n
\n \n )}\n\n\n \n {radios.map(radio => (\n setSelectedOption(radio.option)}\n disabled={disabled}\n withoutFormDetect={withoutFormDetect}\n />\n ))}\n
\n );\n};\n\nexport default CustomRadioGroup;\n\ninterface IProps\n Пожалуйста, выберите дату, на которую необходимо назначить новый день сдачи.\n
\n\n {assignedExperts.map(e => `${formatFIO(e)}\\n`)}\n
\n\n \n \n\n {props.apiErrors && props.apiErrors.failures && props.apiErrors.failures.expertIds && (\n\n {props.apiErrors.failures.expertIds[0]}\n
\n \n )}\n \n )}\n \n \n\n\n {\n props.hideFinalizingResultModal();\n setChooseResult(radios[0].option);\n }}\n loading={finalizeProcessing}\n onAccess={finalizeStart}\n >\n setChooseResult(o)}\n containerClassName={cn('d-flex flex-column justify-content-between align-items-start', styles.height80)}\n />\n \n\n setShowRetakeModal(false)}\n onAccess={confirmDate}\n days={retakeDays}\n stage={props.stage}\n selectedDayNumber={retakeDays.findIndex(d => d.id === selectedDayId)}\n chooseDay={i => selectDayId(retakeDays[i].id)}\n onCreateNewDay={() => setShowCreateNewDay(true)}\n examApplication={props.applicantsForRate}\n />\n\n setShowCreateNewDay(false)}\n defaultDate={lastDay ? lastDay.time.clone().add(1, 'd') : props.stage.lastDayDateTime}\n onCreateDay={createDay}\n createDayLoading={createDayLoading}\n minAssigningExperts={props.minAssigningExperts}\n experts={props.experts}\n expertsForDayList={EmptyInfo}\n apiErrors={props.error}\n />\n
\n );\n};\n\nexport interface IFinalizeResultModalsProps {\n finalizeResult: (payload: IFinalizeResultPayload) => Promise\n Укажите результат прохождения аккредитации:\n
\n\n\n \n \n
\n {!examApplications.length && (\n setShowEmptyListModal(false)}>\n Пожалуйста, выберите несколько аккредитуемых из списка для того, чтобы распределить их.\n \n
\n );\n};\n\ninterface ExamApplicationsTableProps {\n withCheckbox?: boolean;\n readonly?: boolean;\n withConfirmButton?: boolean;\n confirmButtonText?: string;\n disableCheckbox?: boolean;\n onAssignedApplicants?: (applicants: IExamDayApplication[]) => void;\n headers: ExamAdmittingApplicationsColumnHeader[];\n pagination?: IPaginationData;\n examApplications: IExamDayApplication[];\n className?: string;\n paginationClassName?: string;\n onChange: (filter: IFilterPart & ISearchPart) => void;\n onItemClick?: (id: string) => void;\n}\n\ninterface IFilter {\n fieldName: string;\n fieldValue: string;\n}\n\ninterface ColumnHeader {\n value: string;\n key: string;\n}\n\nexport class ExamAdmittingApplicationsColumnHeader implements ColumnHeader {\n value: string;\n key: keyof IExamApplication;\n render?: (applicant: IExamDayApplication) => string | JSX.Element;\n isStatus?: boolean;\n\n constructor(key: keyof IExamApplication, value: string, isStatus?: boolean, render?: (applicant: IExamDayApplication) => string) {\n this.key = key;\n this.value = value;\n this.render = render;\n this.isStatus = isStatus;\n }\n}\n\nexport default ExamAdmittingApplicationsTable;\n","import React from 'react';\nimport { CustomSwitch } from 'components';\n\nconst DocumentSwitch = ({ num, onSwitchClick }: IProps) => {\n const [active, setActive] = React.useState(false);\n\n const onClick = () => {\n const newActive = !active;\n setActive(newActive);\n\n onSwitchClick(num, newActive);\n };\n\n return (\n | \n | \n )}\n {props.headers.map(({ value, key, isStatus }, i: number) => {\n let textValue = '';\n if (key === filter.fieldName) {\n textValue = filter.fieldValue;\n }\n\n return (\n \n \n {value}\n \n {isStatus ? (\n | \n );\n })}\n
|---|---|
| \n \n | \n\n |
\n \n \n Список распределения пуст\n \n \n Здесь будут отображаться все аккредитуемые, требующие распределения\n \n
\n )}\n {props.pagination && !!examApplications.length && (\n \n \n 
\n \n
\n ))}\n \n )}\n \n );\n};\n\ninterface IProps {\n day: IExamDay;\n readonly?: boolean;\n examApplicationsForDayAdmit: IBaseExamApplicationsForDayAdmit;\n applicantDetails: IBaseApplicantDetails;\n admitToExamDay: (props: IAssignForDayInput\n {DocumentTypeTitles[document.type]}\n
\n