\n {group.name}\n \n ),\n period: this._getPeriod(group.from, group.to),\n status: this.getGroupStatus(group),\n sale: `${group.sale}%`,\n notSold: group.total - group.sold,\n actions: (\n \n )\n }));\n\n getStatusOptions = () => {\n if (this.userType === 'admin') {\n return [\n {\n name: 'Все',\n value: ''\n },\n {\n name: 'Активный',\n value: 'active_true'\n },\n {\n name: 'На согласовании',\n value: 'active_false'\n },\n {\n name: 'Снят',\n value: 'off_true'\n }\n ];\n }\n\n return [\n {\n name: 'Все',\n value: ''\n },\n {\n name: 'Активный',\n value: 'active_true'\n },\n {\n name: 'На согласовании',\n value: 'review_true'\n },\n {\n name: 'Снят',\n value: 'off_true'\n }\n ];\n };\n\n getStatusValue = () => {\n const { active, review, off } = getQueryString();\n if (review) return 'review_true';\n if (active) return `active_${active}`;\n if (off) return 'off_true';\n return '';\n };\n\n @bind\n filter(name) {\n return value => {\n const queryVal = getQueryString(name);\n let val = value;\n if (queryVal === value) val = '';\n this.pushHistory({ [name]: val, page: '' });\n };\n }\n\n @bind\n filterName(e) {\n this.pushHistory({ search: e.target.value, page: '' });\n }\n\n @bind\n filterDate(from, to) {\n this.pushHistory({ from, to, page: '' });\n }\n\n @bind\n filterStatus(value) {\n const [prop, val] = value.split('_');\n\n const query = {\n off: '',\n active: '',\n review: '',\n page: '',\n [prop]: val\n };\n\n if (prop === 'review') query.active = 'false';\n\n this.pushHistory(query);\n }\n\n @bind\n formatPartners() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.partners.map(partner => ({\n name: partner.shortName,\n value: partner.id\n }))\n ];\n }\n\n @bind\n toggleEditModal(id) {\n this.setState({ editModalOpen: !this.state.editModalOpen, dataId: id });\n }\n\n @bind\n toggleModal() {\n this.setState({ modalOpen: !this.state.modalOpen });\n }\n\n @bind\n onCloseModal(data, type) {\n const callback = (response, status) => {\n if (status === 200)\n this.setState({ modalOpen: false, editModalOpen: false });\n };\n\n const submitData = { ...data };\n if (submitData.indefinitely) {\n submitData.from = null;\n submitData.to = null;\n } else {\n submitData.from = moment(submitData.from || undefined).toISOString();\n submitData.to = moment(submitData.to || undefined).toISOString();\n }\n delete submitData.indefinitely;\n\n if (type === 'delete') submitData.active = false;\n\n if (submitData.description && submitData.description.toString) {\n submitData.description = submitData.description\n .toString('html')\n .replace(/\\n/gm, '')\n .replace(//gm, '')\n .replace(/<\\/p>/gm, '
');\n }\n\n if (submitData.id)\n this.props.putPromocodesGroup(\n submitData,\n submitData.id,\n this.userType,\n callback\n );\n else this.props.postPromocodesGroup(submitData, this.userType, callback);\n }\n\n @bind\n getModalData() {\n return {\n src: '',\n data: {\n name: '',\n description: RichTextEditor.createEmptyValue(),\n indefinitely: false,\n from: '',\n to: '',\n sale: '0',\n price: '0',\n image: ''\n }\n };\n }\n\n @bind\n getEditModalData() {\n const { promocodesGroups } = this.props;\n const { dataId } = this.state;\n if (!promocodesGroups[dataId]) return { src: '', data: {} };\n\n const data = {\n ...this.getModalData(),\n ...promocodesGroups[dataId],\n indefinitely: Boolean(\n !promocodesGroups[dataId].from && !promocodesGroups[dataId].to\n )\n };\n\n if (data.description) {\n data.description = RichTextEditor.createValueFromString(\n data.description,\n 'html'\n );\n } else {\n data.description = '';\n }\n\n return {\n src: '',\n data\n };\n }\n\n @bind\n getEditModalTitle() {\n if (this.userType === 'admin') return 'Инфо';\n return 'Редакторовать';\n }\n\n @bind\n renderStatusFilter() {\n return (\n \n );\n }\n\n @bind\n renderModalActions(modal, edit) {\n if (edit) {\n return (\n <>\n {this.userType !== 'admin' && (\n modal.handleSubmit('delete')}\n variant='cancel'\n />\n )}\n modal.handleSubmit('put')}\n variant='post'\n />\n \n );\n }\n\n return (\n modal.handleSubmit('post')}\n />\n );\n }\n\n @bind\n renderOnlyAdminSearch() {\n if (this.userType === 'partner') return null;\n\n const { partnerId } = getQueryString();\n\n return (\n \n );\n }\n\n render() {\n const { search } = getQueryString();\n const { modalOpen, editModalOpen } = this.state;\n const { count, stat } = this.props;\n\n return (\n \n
\n
Группы промокодов
\n \n
\n {this.userType === 'partner' && (\n \n )}\n {this.renderStatusFilter()}\n {this.renderOnlyAdminSearch()}\n \n \n
\n
\n \n \n \n
\n
\n
\n
\n
this.renderModalActions(modal, true)}\n renderContent={renderModalContent}\n title={this.getEditModalTitle()}\n uploadPhoto={this.props.uploadImage}\n userType={this.userType}\n />\n \n
\n
\n \n {this.getPageTitle()}\n \n \n \n
\n \n К списку групп\n
\n
\n \n \n
\n \n \n );\n};\n\nexport default promocodeGroupModal;\n","module.exports = __webpack_public_path__ + \"static/media/select.996ec882.svg\";","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport queryString from 'query-string';\n\nimport Button from '../components/Button';\n\nimport MetaStat from '../components/MetaStat';\n\nimport Select from '../components/Select';\n\nimport Table from '../components/table';\nimport Modal from '../modals/partners-modal';\nimport withLoader from '../components/loader';\nimport Checkbox from '../components/checkbox';\nimport Pagination from '../components/oldPagination';\nimport SearchButton from '../components/SearchButton';\n\nimport ConfirmationModal from '../modals/confirmation-modal';\n\nimport {\n fetchPartners,\n addPartner,\n changePartner,\n uploadImage,\n restorePassword,\n searchPartners\n} from '../actions/partners';\n\nimport { getQueryString } from '../lib/functions';\n\nclass PartnersPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isModalOpen: false,\n openEditModalId: -1,\n isOpenEditModal: false,\n isOpenConfirmationModal: false,\n confirmationMessage: '',\n search: ''\n };\n this.fetchWithQuery();\n }\n\n componentDidUpdate(nextProps) {\n if (this.props.location.search !== nextProps.location.search) {\n this.fetchWithQuery();\n }\n }\n\n @bind\n fetchWithQuery() {\n this.props.fetchPartners({\n page: 1,\n ...getQueryString()\n });\n }\n\n @bind\n toggleModal() {\n this.setState({ isModalOpen: !this.state.isModalOpen });\n }\n\n @bind\n toggleEditModal(id) {\n this.setState({\n isOpenEditModal: !this.state.isOpenEditModal,\n editModalId: typeof id === 'number' ? id : -1 // при закрытии модалки id не передается\n });\n }\n\n @bind\n pushHistory(query) {\n const { history } = this.props;\n history.push(\n `${history.location.pathname}?${queryString.stringify({\n ...getQueryString(),\n ...query\n })}`\n );\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.pushHistory({\n [name]: value,\n page: 1\n });\n };\n }\n\n @bind\n handleChangeSearch(e) {\n this.setState({ search: e.target.value });\n }\n\n @bind\n handleSearch() {\n if (!this.state.search.length) {\n this.props.fetchPartners();\n } else {\n this.props.searchPartners({ query: this.state.search });\n }\n }\n\n @bind\n getType(typeNum) {\n const type = this.props.partnerTypes.find(item => item.id === typeNum);\n return type ? type.name : '-';\n }\n\n @bind\n formatData() {\n return this.props.partners.map(({ ...partner }, id) => ({\n ...partner,\n type: this.getType(partner.type),\n accessible: ,\n active: ,\n info: (\n this.toggleEditModal(id)}\n >\n Инфо\n \n )\n }));\n }\n\n @bind\n openConfirmationModal(confirmationMessage) {\n this.setState({\n isOpenConfirmationModal: true,\n confirmationMessage\n });\n }\n\n @bind\n restorePassword(id) {\n this.props.restorePassword(id, this.openConfirmationModal);\n }\n\n @bind\n addPartner(data) {\n this.props.addPartner(data, this.openConfirmationModal);\n }\n\n @bind\n onCloseConfirmation() {\n this.setState({\n isOpenConfirmationModal: false,\n confirmationMessage: '',\n isModalOpen: false\n });\n }\n\n render() {\n const TableWithLoader = withLoader(Table, this.props.isFetching);\n const data = this.props.partners[this.state.editModalId] || {};\n const { sort = '', type = '', active = '' } = getQueryString();\n\n return (\n \n
\n
Партнеры
\n \n
\n \n ({\n name: item.name,\n value: item.id\n }))\n ]}\n placeholder='Фильтр по типу'\n value={type}\n />\n \n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n {isFetching && (\n
\n \n \n {message.split('\\n').map((el, i) => (\n
\n {el}\n \n
Пользователи
\n this.props.getUpload('admin/clients')}\n >\n Экспорт\n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(ClientsPage, { limit: CLIENTS_LIMIT });\n\nconst mapStateToProps = state => ({\n clients: state.clients.items,\n isFetching: state.clients.isFetching,\n pagination: state.clients.pagination,\n stats: state.clients.stats\n});\n\nconst mapDispatchToProps = dispatch => ({\n fetch: (...args) => dispatch(fetchClients(...args)),\n getUpload: (...args) => dispatch(getUpload(...args)),\n deleteClient: id => dispatch(deleteClient(id)),\n changeClient: (...args) => dispatch(changeClient(...args))\n});\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Page));\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport { addBonuses, removeBonuses } from '../../actions/clients';\nimport Checkbox from '../../components/checkbox';\nimport SearchButton from '../../components/SearchButton';\nimport { withModalContainer } from '../../components/oldModal';\nimport Input from '../../components/oldInput';\nimport { parseInteger } from '../../lib/functions';\n\nconst handleUpdateBonuses = props => () => {\n props.update({\n clientId: props.values.id,\n amount: parseInt(props.values.addBonuses, 10),\n message: ''\n });\n};\n\nconst handleRemoveBonuses = props => () => {\n props.remove({\n clientId: props.values.id,\n amount: parseInt(props.values.removeBonuses, 10),\n message: ''\n });\n};\n\nconst Modal = withModalContainer(props => {\n const { values, events } = props;\n\n const changePositiveBonuses = e => {\n let val = parseInteger(e.target.value);\n if (Number(val) < 0) val = Math.abs(val);\n props.events.defaultChangeHandler({ addBonuses: val });\n };\n\n const changeNegativeBonuses = e => {\n const val = parseInteger(e.target.value);\n props.events.defaultChangeHandler({ removeBonuses: val });\n };\n\n return (\n <>\n \n \n \n \n
\n \n \n \n \n \n \n );\n});\n\nexport default connect(\n null,\n dispatch => ({\n update: (...args) => dispatch(addBonuses(...args)),\n remove: (data, id) => dispatch(removeBonuses(data, id))\n })\n)(Modal);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport queryString from 'query-string';\n\nimport MetaStat from '../components/MetaStat';\n\nimport Table from '../components/table';\nimport Pagination from '../components/oldPagination';\nimport Select from '../components/Select';\nimport Datepicker from '../components/RangeDatePicker';\n\nimport { fetchSales, revert } from '../actions/admin-sales';\nimport { fetchPartners } from '../actions/partners';\nimport { getUpload } from '../actions/export';\n\nimport { ADMIN_SALES_LIMIT } from '../lib/actions';\n\nimport withPageContainer from '../components/page';\nimport {\n getQueryString,\n formatPhone,\n formatPhoneForQuery,\n formatDateToOutput\n} from '../lib/functions';\nimport SearchButton from '../components/SearchButton';\n\nclass SalesPage extends React.Component {\n state = {\n clientPhone: ''\n };\n\n componentDidMount() {\n this.props.fetchPartners({ limit: 9999 });\n }\n\n @bind\n pushHistory(query) {\n const { history } = this.props;\n history.push(\n `${history.location.pathname}?${queryString.stringify({\n ...getQueryString(),\n ...query\n })}`\n );\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.pushHistory({\n [name]: value,\n page: 1\n });\n };\n }\n\n @bind\n handleChangePhone(event) {\n const value = formatPhone(event.target.value);\n this.setState({ clientPhone: value });\n }\n\n @bind\n handleSearchByPhone() {\n const value =\n this.state.clientPhone.length !== 18 ? '' : this.state.clientPhone;\n this.pushHistory({\n clientPhone: formatPhoneForQuery(value),\n page: 1\n });\n }\n\n @bind\n formatData() {\n return this.props.sales.map(sale => ({\n ...sale,\n name: sale.partner.name,\n phone: sale.client.phone,\n createdAt: formatDateToOutput(sale.createdAt),\n info: (\n this.props.revert(sale.id)}\n >\n {sale.revertable ? 'Возврат' : 'Возврат недоступен'}\n \n ),\n totalSum: sale.revenue\n }));\n }\n\n @bind\n formatPartners() {\n return this.props.partners.map(partner => ({\n name: partner.shortName,\n value: partner.id\n }));\n }\n\n @bind\n handleChangeDate(from, to) {\n this.pushHistory({\n from,\n to,\n page: 1\n });\n }\n\n render() {\n const { events } = this.props;\n const { clientPhone = '', partnerId } = queryString.parse(\n window.location.search\n );\n\n return (\n \n \n
Транзакции
\n this.props.getUpload('admin/sales')}\n >\n Экспорт\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(SalesPage, { limit: ADMIN_SALES_LIMIT });\n\nconst mapStateToProps = state => ({\n sales: state.adminSales.items,\n isFetching: state.adminSales.isFetching,\n pagination: state.adminSales.pagination,\n stats: state.adminSales.stats,\n sellers: state.sellers.items,\n places: state.branches.items,\n cities: state.cities.items,\n partners: state.partners.items\n});\n\nconst mapDispatchToProps = dispatch => ({\n revert: (...args) => dispatch(revert(...args)),\n fetch: (...args) => dispatch(fetchSales(...args)),\n getUpload: (...args) => dispatch(getUpload(...args)),\n fetchPartners: (...args) => dispatch(fetchPartners(...args))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport moment from 'moment';\n\nimport MetaStat from '../components/MetaStat';\n\nimport withPageContainer from '../components/page';\nimport Table from '../components/table';\nimport Pagination from '../components/oldPagination';\nimport EditModal from '../modals/bonuses-editModal';\nimport SearchButton from '../components/SearchButton';\nimport Datepicker from '../components/RangeDatePicker';\nimport Select from '../components/Select';\n\nimport { fetchBonuses, getFilters } from '../actions/bonuses';\nimport { fetchClients } from '../actions/clients';\nimport { getUpload } from '../actions/export';\n\nimport {\n getQueryString,\n formatPhone,\n formatPhoneForQuery,\n formatDateToOutput,\n pushHistory\n} from '../lib/functions';\n\nimport '../scss/pages/bonusesPage.scss';\n\nconst mapItem = item => ({\n name: item,\n value: item\n});\n\nclass BonusesPage extends React.Component {\n state = {\n clientPhone: ''\n };\n\n componentDidMount() {\n this.props.fetchClients();\n\n const { city, from, to } = getQueryString();\n this.props.getFilters({ city });\n if (!from || !to) this.setDefaultDate();\n }\n\n componentDidUpdate(prevProps) {\n const prevCity = getQueryString('city', prevProps.location.search);\n const city = getQueryString('city');\n\n if (city !== prevCity) {\n this.props.getFilters({ city });\n }\n }\n\n pushHistory = pushHistory.bind(this);\n\n @bind\n setDefaultDate() {\n const from = moment()\n .add(-6, 'month')\n .toISOString();\n const to = moment().toISOString();\n\n this.pushHistory({\n from,\n to\n });\n }\n\n @bind\n handleSelect(name) {\n return value => {\n const query = {\n [name]: value,\n page: 1\n };\n\n if (name === 'city') {\n query.school = '';\n }\n\n this.pushHistory(query);\n };\n }\n\n @bind\n handleChangePhone(event) {\n const value = formatPhone(event.target.value);\n this.setState({ clientPhone: value });\n }\n\n @bind\n handleSearchByPhone() {\n const value =\n this.state.clientPhone.length !== 18 ? '' : this.state.clientPhone;\n this.pushHistory({\n clientPhone: formatPhoneForQuery(value),\n page: 1\n });\n }\n\n @bind\n handleChangeDate(from, to) {\n this.pushHistory({\n from,\n to\n });\n }\n\n @bind\n formatData() {\n return this.props.bonuses.map((bonus, id) => ({\n ...bonus,\n date: formatDateToOutput(bonus.createdAt),\n clientPhone: bonus.client ? bonus.client.phone : '',\n info: (\n this.props.events.toggleEditModal(id)}\n >\n Инфо\n \n )\n }));\n }\n\n @bind\n formatClients() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.clients.map(client => ({\n name: `${client.lastName} ${client.firstName} ${client.middleName}`,\n value: client.id\n }))\n ];\n }\n\n @bind\n formatSchools() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.filters.schools.map(mapItem)\n ];\n }\n\n @bind\n formatCities() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.filters.cities.map(mapItem)\n ];\n }\n\n @bind\n formatTypes() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.filters.types.map(mapItem)\n ];\n }\n\n @bind\n formatSubjects() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.filters.subjects.map(mapItem)\n ];\n }\n\n @bind\n serviceTypeOptions() {\n return [\n {\n name: 'Все',\n value: ''\n },\n {\n name: 'Дневник',\n value: 'journal'\n },\n {\n name: 'Элжур РУ',\n value: 'eljur'\n },\n {\n name: 'Элжур-НН',\n value: 'eljur_nn'\n }\n ];\n }\n\n render() {\n const { events, values } = this.props;\n const data = this.props.bonuses[values.editModalId] || {};\n const {\n clientPhone = '',\n school = '',\n city = '',\n type = '',\n subject = '',\n serviceType = '',\n from = '',\n to = ''\n } = getQueryString();\n\n return (\n \n \n
Бонусы
\n this.props.getUpload('admin/bonuses')}\n >\n Экспорт\n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(BonusesPage, { className: 'bonuses' });\n\nconst mapStateToProps = state => ({\n bonuses: state.bonuses.items,\n isFetching: state.bonuses.isFetching,\n pagination: state.bonuses.pagination,\n clients: state.clients.items,\n stats: state.bonuses.stats,\n filters: state.bonuses.filters\n});\n\nconst mapDispatchToProps = dispatch => ({\n fetch: (...args) => dispatch(fetchBonuses(...args)),\n getUpload: (...args) => dispatch(getUpload(...args)),\n fetchClients: (...args) => dispatch(fetchClients(...args)),\n getFilters: query => dispatch(getFilters(query))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import React from 'react';\n\nimport { withModalContainer } from '../../components/oldModal';\n\nexport default withModalContainer(({ values, events }) => (\n \n \n \n \n \n \n));\n","import queryString from 'query-string';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport Select from '../components/Select';\n\nimport Table from '../components/table';\nimport Modal from '../modals/products-modal';\nimport Checkbox from '../components/checkbox';\nimport Pagination from '../components/oldPagination';\n\nimport { fetchProducts, addProduct, changeProduct } from '../actions/products';\nimport { uploadImage, fetchPartners } from '../actions/partners';\n\nimport { PRODUCTS_LIMIT } from '../lib/actions';\n\nimport withPageContainer from '../components/page';\nimport { getQueryString } from '../lib/functions';\n\nclass ProductsPage extends React.Component {\n componentDidMount() {\n this.props.getPartners({ limit: 9999 });\n }\n\n formatLimit(value) {\n return value ? '1 в день' : 'Без ограничений';\n }\n\n @bind\n formatData() {\n return this.props.products.map(({ ...product }, id) => ({\n ...product,\n active: ,\n dailyLimited: ,\n image: ,\n info: (\n this.props.events.toggleEditModal(id)}\n >\n Инфо\n \n )\n }));\n }\n\n @bind\n pushHistory(query) {\n const { history } = this.props;\n history.push(\n `${history.location.pathname}?${queryString.stringify({\n ...getQueryString(),\n ...query\n })}`\n );\n }\n\n @bind\n toggleSelect(id) {\n return () => {\n const openSelectId = this.state.openSelectId === id ? -1 : id;\n this.setState({ openSelectId });\n };\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.pushHistory({ [name]: value, page: 1 });\n };\n }\n\n @bind\n formatPartners() {\n return [\n { name: 'Все', value: '' },\n ...this.props.partners.map(partner => ({\n name: partner.shortName,\n value: partner.id\n }))\n ];\n }\n\n @bind\n getModalData() {\n const data = this.props.products[this.props.values.editModalId];\n if (!data) return { src: '' };\n return {\n ...data,\n partnerId: data.partner.id,\n src: ''\n };\n }\n\n render() {\n const { events, values } = this.props;\n const partnerId = getQueryString('partnerId');\n\n return (\n \n \n
Товары и услуги
\n \n \n \n
\n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(ProductsPage, { limit: PRODUCTS_LIMIT });\n\nconst mapStateToProps = state => ({\n products: state.products.items,\n isFetching: state.products.isFetching,\n pagination: state.products.pagination,\n partners: state.partners.items\n});\n\nconst mapDispatchToProps = dispatch => ({\n uploadImage: (...args) => dispatch(uploadImage(...args)),\n fetch: (...args) => dispatch(fetchProducts(...args, 'admin')),\n addProduct: (...args) => dispatch(addProduct(...args)),\n changeProduct: (data, id) => dispatch(changeProduct(data, id, 'admin')),\n getPartners: query => dispatch(fetchPartners(query))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import queryString from 'query-string';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport SVG from 'react-svg';\n\nimport Select from '../components/Select';\n\nimport Table from '../components/table';\nimport Checkbox from '../components/checkbox';\nimport Pagination from '../components/oldPagination';\nimport EditModal from '../modals/branches-modal';\n\nimport {\n fetchBranches,\n addBranch,\n changeBranch,\n deleteBranch\n} from '../actions/branches';\nimport { fetchPartners } from '../actions/partners';\n\nimport { BRANCHES_LIMIT } from '../lib/actions';\n\nimport withPageContainer from '../components/page';\nimport { getQueryString } from '../lib/functions';\n\nimport trash from '../image/trash.svg';\n\nclass BranchesPage extends React.Component {\n componentDidMount() {\n this.props.getPartners({ limit: 9999 });\n }\n\n @bind\n formatData() {\n return this.props.branches.map((branch, id) => ({\n ...branch,\n active: ,\n info: (\n this.props.events.toggleEditModal(id)}\n >\n Инфо\n \n ),\n delete: (\n \n \n \n )\n }));\n }\n\n @bind\n deleteBranch(id) {\n return () => {\n if (window.confirm('Удалить филиал?')) {\n this.props.deleteBranch(id);\n }\n };\n }\n\n @bind\n pushHistory(query) {\n const { history } = this.props;\n history.push(\n `${history.location.pathname}?${queryString.stringify({\n ...getQueryString(),\n ...query\n })}`\n );\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.pushHistory({ [name]: value, page: 1 });\n };\n }\n\n @bind\n formatPartners() {\n return [\n { name: 'Все', value: '' },\n ...this.props.partners.map(partner => ({\n name: partner.shortName,\n value: partner.id\n }))\n ];\n }\n\n @bind\n getModalData() {\n const data = this.props.branches[this.props.values.editModalId];\n if (!data) return {};\n return {\n ...data,\n partnerId: data.partner.id\n };\n }\n\n render() {\n const { events, values } = this.props;\n const partnerId = getQueryString('partnerId');\n\n return (\n \n \n
Филиалы
\n \n \n \n
\n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(BranchesPage, { limit: BRANCHES_LIMIT });\n\nconst mapStateToProps = state => ({\n branches: state.branches.items,\n isFetching: state.branches.isFetching,\n pagination: state.branches.pagination,\n partners: state.partners.items\n});\n\nconst mapDispatchToProps = dispatch => ({\n addBranch: (...args) => dispatch(addBranch(...args)),\n deleteBranch: id => dispatch(deleteBranch(id, 'admin')),\n changeBranch: (data, id) => dispatch(changeBranch(data, id, 'admin')),\n fetch: query => dispatch(fetchBranches(query, 'admin')),\n getPartners: query => dispatch(fetchPartners(query))\n});\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Page));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { shallowEqualObjects } from 'shallow-equal';\nimport queryString from 'query-string';\n\nimport { deletePartnerType, getPartnerTypes } from '../actions/partnerTypes';\n\nimport {\n deleteSubject,\n getSettings,\n setCashBack,\n updateSettings,\n updateSubjectSettings,\n getTransactionLimit,\n setTransactionLimit,\n setBonusDateDnevnik,\n setBonusDateEljur\n} from '../actions/settings';\n\nimport Button from '../components/Button';\nimport Datepicker from '../components/RangeDatePicker';\nimport Input from '../components/Input';\nimport Select from '../components/Select';\nimport Checkbox from '../components/checkbox';\nimport TableActions from '../components/TableActions';\nimport { withConfirm, getQueryString } from '../lib/functions';\nimport PartnerTypesModal from '../modals/partnerTypesModal';\nimport SubjectModal from '../modals/subjectsModal';\nimport partnerTypes from '../reducers/partnerTypes';\n\nclass PartnersPage extends Component {\n state = {\n cashback: 0,\n referralBonus: 0,\n registerBonus: 0,\n transactionLimit: 0,\n type: '',\n subject: '',\n updateTransactions: false,\n subjectStatusDone: false,\n androidVersion: '',\n iosVersion: '',\n\n bonusDateFrom: '',\n bonusDateTo: '',\n\n subjectModalOpen: false,\n editableSubject: '',\n\n partnerTypesModalOpen: false\n };\n\n componentDidMount() {\n if (this.getUserType() === 'admin') {\n this.props.getSettings();\n this.props.getTransactionLimit();\n }\n\n this.initState();\n }\n\n componentDidUpdate(prevProps) {\n if (!shallowEqualObjects(prevProps.settings, this.props.settings)) {\n this.setState(this.props.settings);\n }\n }\n\n initState = () => this.setState(this.props.settings);\n\n @bind\n handleChange(name) {\n return e => {\n this.setState({ [name]: e.target.value });\n };\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.setState({\n [name]: value,\n subjectStatusDone: false\n });\n };\n }\n\n @bind\n getUserType() {\n return this.props.location.pathname.includes('admin') ? 'admin' : 'partner';\n }\n\n @bind\n changeCashback(e) {\n let { value } = e.target;\n if (Number(value) > 99) {\n value = 99;\n }\n if (Number(value) < 0) {\n value = 0;\n }\n this.setState({ cashback: value });\n }\n\n @bind\n handleSubmit() {\n const {\n cashback,\n referralBonus,\n registerBonus,\n androidVersion,\n iosVersion,\n transactionLimit\n } = this.state;\n\n this.props.updateSettings({\n referralBonus: Number(referralBonus),\n registerBonus: Number(registerBonus),\n androidVersion,\n iosVersion\n });\n this.props.setCashBack(Number(cashback));\n this.props.setTransactionLimit(Number(transactionLimit));\n }\n\n @bind\n onUpdateSubjectSettings() {\n const callback = async (response, status) => {\n if (status === 200) {\n await this.props.getSettings();\n this.setState({\n subjectStatusDone: true,\n loading: false\n });\n } else {\n alert(response.message);\n this.setState({ loading: false });\n }\n };\n\n const { type, subject, updateTransactions } = this.state;\n\n this.setState({ loading: true });\n this.props.updateSubjectSettings(\n {\n type,\n subject,\n updateTransactions\n },\n callback\n );\n }\n\n @bind\n onCheck() {\n this.setState({ updateTransactions: !this.state.updateTransactions });\n }\n\n @bind\n onOpenSubjectModal(subject) {\n if (typeof subject !== 'string') {\n // eslint-disable-next-line no-param-reassign\n subject = '';\n }\n this.setState({\n subjectModalOpen: true,\n editableSubject: subject\n });\n }\n\n @bind\n onCloseSubjectModal() {\n this.setState({ subjectModalOpen: false });\n }\n\n @bind\n onClosePartnerTypesModal() {\n this.setState({ partnerTypesModalOpen: !this.state.partnerTypesModalOpen });\n }\n\n @bind\n getTypes() {\n return this.props.settings.types.map(type => ({\n name: `${type.type} (${type.subject})`,\n value: type.type\n }));\n }\n\n @bind\n handleChangeDate(from, to) {\n this.state.bonusDateFrom = from;\n this.state.bonusDateTo = to;\n }\n\n @bind\n handleSubmitBonusDateEljur() {\n const { bonusDateFrom, bonusDateTo } = this.state;\n\n this.props.setBonusDateEljur(bonusDateFrom, bonusDateTo);\n }\n\n @bind\n handleSubmitBonusDateDnevnik() {\n const { bonusDateFrom, bonusDateTo } = this.state;\n\n this.props.setBonusDateDnevnik(bonusDateFrom, bonusDateTo);\n }\n\n @bind\n getSubjects() {\n return this.props.settings.subjects.map(subject => ({\n name: (\n \n
{subject}\n
this.onOpenSubjectModal(subject)\n },\n {\n icon: 'delete',\n onClick: withConfirm(\n () => this.props.deleteSubject(subject),\n 'Удалить категорию?'\n )\n }\n ]}\n />\n \n \n
\n );\n }\n\n render() {\n const {\n cashback,\n referralBonus,\n registerBonus,\n updateTransactions,\n type,\n subject,\n subjectStatusDone,\n androidVersion,\n iosVersion,\n transactionLimit,\n loading\n } = this.state;\n\n if (this.getUserType() === 'partner') {\n const links = [\n {\n href: 'http://doc.globus.best',\n label: 'Ссылка на документацию'\n },\n {\n href:\n 'https://play.google.com/store/apps/details?id=ru.vvdev.globuskassir',\n label: 'Globus Operator (Google Play)'\n },\n {\n href: 'https://apps.apple.com/ru/app/globus-operator/id1459629667',\n label: 'Globus Operator (App Store)'\n },\n {\n href: 'https://play.google.com/store/apps/details?id=ru.vvdev.globus',\n label: 'Globus Best (Google Play)'\n },\n {\n href: 'https://apps.apple.com/ru/app/globus-best/id1459642803',\n label: 'Globus Best (App Store)'\n }\n ];\n\n return (\n \n
Настройки
\n
\n {links.map(({ href, label }) => (\n
\n {label}\n \n ))}\n \n
\n
\n
\n
Соответствие Предмет - Категория
\n\n
\n
\n \n \n
\n
\n
\n {subjectStatusDone && (\n
\n Соответствие {type} - {subject} установлено\n
\n )}\n
\n
\n
\n Список предметов, для которых настройка незаполнена\n
\n\n {this.renderEmptyTypes()}\n \n
\n
\n
\n
Настройки
\n\n \n \n \n \n \n \n \n
\n
Версии
\n \n \n \n \n
\n
\n
\n
Типы партнеров
\n
\n \n {}}\n options={this.getPartnerTypes()}\n placeholder='Типы'\n style={{\n marginLeft: '20px',\n width: '100%'\n }}\n />\n
\n
\n
\n
\n
\n
Рейтинг по Нижегородской области
\n
\n \n \n \n \n
\n
\n
Товары и услуги
\n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(ProductsPage, { limit: PRODUCTS_LIMIT });\n\nconst mapStateToProps = state => ({\n products: state.products.items,\n isFetching: state.products.isFetching,\n pagination: state.products.pagination\n});\n\nconst mapDispatchToProps = dispatch => ({\n uploadImage: (...args) => dispatch(uploadImage(...args)),\n fetch: (...args) => dispatch(fetchProducts(...args)),\n addProduct: (...args) => dispatch(addProduct(...args)),\n changeProduct: (...args) => dispatch(changeProduct(...args)),\n deleteProduct: id => dispatch(deleteProduct(id))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport SVG from 'react-svg';\n\nimport Table from '../components/table';\nimport Modal from '../modals/branches-modal';\nimport Checkbox from '../components/checkbox';\nimport Pagination from '../components/oldPagination';\n\nimport {\n fetchBranches,\n addBranch,\n changeBranch,\n deleteBranch\n} from '../actions/branches';\n\nimport { BRANCHES_LIMIT } from '../lib/actions';\n\nimport withPageContainer from '../components/page';\n\nimport trash from '../image/trash.svg';\n\nclass BranchesPage extends React.Component {\n @bind\n formatData() {\n return this.props.branches.map((branch, id) => ({\n ...branch,\n active: ,\n info: (\n this.props.events.toggleEditModal(id)}\n >\n Инфо\n \n ),\n delete: (\n \n \n \n )\n }));\n }\n\n @bind\n deleteBranch(id) {\n return () => {\n if (window.confirm('Удалить филиал?')) {\n this.props.deleteBranch(id);\n }\n };\n }\n\n render() {\n const { events, values } = this.props;\n const data = this.props.branches[values.editModalId] || {};\n\n return (\n \n \n
Филиалы
\n \n \n
\n \n Добавить\n \n
\n
\n
Сотрудники
\n \n \n \n \n
\n \n \n
\n \n \n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(SellersPage);\n\nconst mapStateToProps = state => ({\n sellers: state.sellers.items,\n isFetching: state.sellers.isFetching,\n pagination: state.sellers.pagination\n});\n\nconst mapDispatchToProps = dispatch => ({\n addSeller: (...args) => dispatch(addSeller(...args)),\n changeSeller: (...args) => dispatch(changeSeller(...args)),\n fetch: (...args) => dispatch(fetchSellers(...args))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport MetaStat from '../components/MetaStat';\n\nimport SearchButton from '../components/SearchButton';\n\nimport Table from '../components/table';\nimport Pagination from '../components/oldPagination';\nimport Select from '../components/Select';\nimport Datepicker from '../components/RangeDatePicker';\n\nimport { fetchSales, revert } from '../actions/partner-sales';\nimport { fetchSellers } from '../actions/sellers';\nimport { fetchBranches } from '../actions/branches';\nimport { fetchCities } from '../actions/cities';\nimport { getUpload } from '../actions/export';\n\nimport { SALES_LIMIT } from '../lib/actions';\n\nimport withPageContainer from '../components/page';\nimport {\n getQueryString,\n formatDateToOutput,\n formatPhone,\n formatPhoneForQuery,\n pushHistory\n} from '../lib/functions';\n\nclass SalesPage extends React.Component {\n state = {\n clientPhone: ''\n };\n\n pushHistory = pushHistory.bind(this);\n\n componentDidMount() {\n this.props.fetchSellers();\n this.props.fetchBranches();\n this.props.fetchCities();\n }\n\n @bind\n handleSelect(name) {\n return value => {\n this.pushHistory({ [name]: value, page: 1 });\n };\n }\n\n @bind\n handleChangeDate(from, to) {\n this.pushHistory({ from, to });\n }\n\n @bind\n handleSearchByPhone() {\n const value =\n this.state.clientPhone.length !== 18 ? '' : this.state.clientPhone;\n this.pushHistory({\n clientPhone: formatPhoneForQuery(value),\n page: 1\n });\n }\n\n @bind\n handleChangePhone(event) {\n const value = formatPhone(event.target.value);\n this.setState({ clientPhone: value });\n }\n\n getSalePhone = sale => {\n if (sale.client) return sale.client.phone;\n return '';\n };\n\n @bind\n formatData() {\n return this.props.sales.map(sale => ({\n ...sale,\n name: sale.seller.name,\n date: formatDateToOutput(sale.createdAt),\n place: sale.place.address,\n phone: this.getSalePhone(sale),\n info: (\n this.props.revert(sale.id)}\n >\n {sale.revertable ? 'Возврат' : 'Возврат недоступен'}\n \n ),\n totalSum: sale.revenue\n }));\n }\n\n @bind\n formatSellers() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.sellers.map(seller => ({\n name: `${seller.lastName} ${seller.firstName} ${seller.middleName}`,\n value: seller.id\n }))\n ];\n }\n\n @bind\n formatPlaces() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.places.map(place => ({\n name: place.address,\n value: place.id\n }))\n ];\n }\n\n @bind\n formatCities() {\n return [\n {\n name: 'Все',\n value: ''\n },\n ...this.props.cities.map(city => ({\n name: city,\n value: city\n }))\n ];\n }\n\n render() {\n const { events } = this.props;\n const {\n placeId = '',\n sellerId = '',\n city = '',\n clientPhone = ''\n } = getQueryString();\n\n return (\n <>\n \n
Транзакции
\n this.props.getUpload('partner/sales')}\n >\n Экспорт\n \n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n
\n \n \n \n );\n }\n}\n\nconst Page = withPageContainer(SalesPage, { limit: SALES_LIMIT });\n\nconst mapStateToProps = state => ({\n sales: state.partnerSales.items,\n isFetching: state.partnerSales.isFetching,\n pagination: state.partnerSales.pagination,\n stats: state.partnerSales.stats,\n sellers: state.sellers.items,\n places: state.branches.items,\n cities: state.cities.items\n});\n\nconst mapDispatchToProps = dispatch => ({\n revert: (...args) => dispatch(revert(...args)),\n fetch: (...args) => dispatch(fetchSales(...args)),\n getUpload: (...args) => dispatch(getUpload(...args)),\n fetchCities: (...args) => dispatch(fetchCities(...args)),\n fetchSellers: (...args) => dispatch(fetchSellers(...args)),\n fetchBranches: (...args) => dispatch(fetchBranches(...args))\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Page)\n);\n","import { URL, REQUEST_CITIES, RECEIVE_CITIES } from '../lib/actions';\n\nimport { getQueryParametres } from '../lib/functions';\n\nimport { logout } from './user';\n\nfunction requestCities() {\n return {\n type: REQUEST_CITIES\n };\n}\n\nfunction receiveCities(response) {\n return {\n type: RECEIVE_CITIES,\n response\n };\n}\n\nexport function fetchCities(query = { page: 1, limit: 7 }) {\n return async (dispatch, getState) => {\n dispatch(requestCities());\n const request = await fetch(\n `${URL}/info/cities?${getQueryParametres(query)}`,\n {\n method: 'GET',\n headers: {\n 'x-access-token': getState().user.token\n }\n }\n );\n const { status } = await request;\n if (status === 200) {\n const response = await request.json();\n dispatch(receiveCities(response));\n } else {\n\n if (status === 401) {\n dispatch(logout());\n }\n }\n };\n}\n","module.exports = __webpack_public_path__ + \"static/media/authSuccess.a7357a9f.svg\";","module.exports = __webpack_public_path__ + \"static/media/authFailed.e84830ee.svg\";","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { createPartnerType, getPartnerTypes } from '../actions/partnerTypes';\n\nimport Button from '../components/Button';\n\nimport Modal from '../components/Modal';\nimport Input from '../components/Input';\nimport useLegacyState from '../hooks/useLegacyState';\n\nconst PartnerTypesModal = ({ isOpen, onClose }) => {\n const dispatch = useDispatch();\n\n const [state, setState] = useLegacyState({\n name: ''\n });\n\n useEffect(() => {\n if (!isOpen) {\n setState({\n name: ''\n });\n }\n }, [isOpen]);\n\n const handleSubmit = () => {\n const callback = () => {\n onClose();\n dispatch(getPartnerTypes());\n };\n\n dispatch(createPartnerType(state, callback));\n };\n\n return (\n \n setState({ name: e.target.value })}\n value={state.name}\n />\n \n \n );\n};\n\nexport default PartnerTypesModal;\n","import React, { useReducer } from 'react';\n\nexport default function(initialState) {\n return useReducer((state, update) => ({ ...state, ...update }), initialState);\n}\n","import React from 'react';\n\nimport './style.scss';\n\nexport default props => (\n \n \n \n {props.options.map((option, i) => (\n \n {option.value}\n \n ))}\n
\n \n \n {props.rows.map((item, i) => (\n \n {props.options.map((option, j) => (\n \n {item[option.name]}\n \n ))}\n \n ))}\n \n
\n);\n","export const URL = process.env.REACT_APP_API_URL + '/api';\n\nexport const LOGIN = 'LOGIN';\nexport const LOGOUT = 'LOGOUT';\nexport const GET_PARTNER_INFO = 'GET_PARTNER_INFO';\n\nexport const REQUEST_PARTNERS = 'REQUEST_PARTNERS';\nexport const RECEIVE_PARTNERS = 'RECEIVE_PRATNERS';\nexport const PARTNERS_LIMIT = 10;\n\nexport const REQUEST_PRODUCTS = 'REQUEST_PRODUCTS';\nexport const RECEIVE_PRODUCTS = 'RECEIVE_PRODUCTS';\nexport const DELETE_ADMIN_PRODUCT = 'DELETE_ADMIN_PRODUCT';\nexport const PRODUCTS_LIMIT = 10;\n\nexport const REQUEST_BRANCHES = 'REQUEST_BRANCHES';\nexport const RECEIVE_BRANCHES = 'RECEIVE_BRANCHES';\nexport const BRANCHES_LIMIT = 10;\n\nexport const REQUEST_SELLERS = 'REQUEST_SELLERS';\nexport const RECEIVE_SELLERS = 'RECEIVE_SELLERS';\nexport const SELLERS_LIMIT = 10;\n\nexport const REQUEST_SALES = 'REQUEST_SALES';\nexport const RECEIVE_SALES = 'RECEIVE_SALES';\nexport const SALES_LIMIT = 10;\n\nexport const REQUEST_CITIES = 'REQUEST_CITIES';\nexport const RECEIVE_CITIES = 'RECEIVE_CITIES';\nexport const CITIES_LIMIT = 10;\n\nexport const REQUEST_CLIENTS = 'REQUEST_CLIENTS';\nexport const RECEIVE_CLIENTS = 'RECEIVE_CLIENTS';\nexport const DELETE_CLIENT = 'DELETE_CLIENT';\nexport const CLIENTS_LIMIT = 10;\n\nexport const REQUEST_ADMIN_SALES = 'REQUEST_ADMIN_SALES';\nexport const RECEIVE_ADMIN_SALES = 'RECEIVE_ADMIN_SALES';\nexport const ADMIN_SALES_LIMIT = 10;\n\nexport const REQUEST_BONUSES = 'REQUEST_BONUSES';\nexport const RECEIVE_BONUSES = 'RECEIVE_BONUSES';\nexport const GET_TRANSACTION_LIMIT = 'GET_TRANSACTION_LIMIT';\nexport const BONUSES_LIMIT = 10;\n\n// USER\n\nexport const CLEAR_PARTNER_INFO = 'CLEAR_PARTNER_INFO';\n\nexport const clearPartnerInfoAction = () => ({\n type: CLEAR_PARTNER_INFO\n});\n\n// SETTINGS\n\nexport const SET_CASHBACK = 'SET_CASHBACK';\nexport const GET_SETTINGS = 'GET_SETTINGS';\nexport const UPDATE_SETTINGS = 'UPDATE_SETTINGS';\nexport const UPDATE_SUBJECT = 'UPDATE_SUBJECT';\nexport const GET_SUBJECTS = 'GET_SUBJECTS';\n\nexport const getSubjectsAction = response => ({\n type: GET_SUBJECTS,\n response\n});\n\nexport const setCashBackAction = () => ({\n type: SET_CASHBACK\n});\n\nexport const getSettingsAction = response => ({\n type: GET_SETTINGS,\n response\n});\n\nexport const updateSettingsAction = () => ({\n type: UPDATE_SETTINGS\n});\n\nexport const updateSubjectSettingsAction = () => ({\n type: UPDATE_SUBJECT\n});\n\n// PROMOCODES\n\nexport const GET_PROMOCODES_GROUP_BY_ID = 'GET_PROMOCODES_GROUP_BY_ID';\nexport const POST_PROMOCODES_GROUP = 'POST_PROMOCODES_GROUP';\nexport const GET_PROMOCODES_GROUPS = 'GET_PROMOCODES_GROUPS';\nexport const PUT_PROMOCODES_GROUP = 'PUT_PROMOCODES_GROUP';\nexport const GENERATE_PROMOCODE = 'GENERATE_PROMOCODE';\nexport const DELETE_PROMOCODE_GROUP = 'DELETE_PROMOCODE_GROUP';\n\nexport const getPromocodesGroupsAction = response => ({\n type: GET_PROMOCODES_GROUPS,\n response\n});\n\nexport const getPromocodesGroupByIdAction = response => ({\n type: GET_PROMOCODES_GROUP_BY_ID,\n response\n});\n\nexport const postPromocodesGroupAction = response => ({\n type: POST_PROMOCODES_GROUP,\n response\n});\n\nexport const putPromocodesGroupAction = response => ({\n type: PUT_PROMOCODES_GROUP,\n response\n});\n\nexport const generatePromocodeAction = response => ({\n type: GENERATE_PROMOCODE,\n response\n});\n\nexport const deletePromocodeGroupAction = id => ({\n type: DELETE_PROMOCODE_GROUP,\n response: { id }\n});\n\nexport const getTransactionLimitAction = response => ({\n type: GET_TRANSACTION_LIMIT,\n response\n});\n","import React, { Component } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport queryString from 'query-string';\n\nimport { getQueryString } from '../../lib/functions';\n\nimport './style.scss';\n\nclass Pagination extends Component {\n static defaultProps = {\n value: 1\n };\n\n @bind\n getClassName(num) {\n let className = 'pagination__link';\n if (Number(this.props.value) === num || (num === 1 && !this.props.value))\n className += ' pagination__link_active';\n return className;\n }\n\n @bind\n renderPageNum(num) {\n const query = getQueryString();\n delete query.page;\n\n return (\n \n {num}\n \n );\n }\n\n @bind\n renderPageNumbers(start, end) {\n const result = [];\n for (let i = start; i <= end; i++) {\n result.push(\n {this.renderPageNum(i)}\n );\n }\n return result;\n }\n\n render() {\n const pageNum = Math.ceil(this.props.total / 10);\n\n if (!this.props.total) return null;\n\n const curPage = Number(this.props.value);\n\n let start = 1;\n let end = pageNum;\n\n if (curPage - 4 > 0) {\n if (curPage > pageNum - 4) start = pageNum - 4;\n else start = curPage - 2;\n }\n if (curPage < pageNum - 3) {\n if (curPage < 5) end = 5;\n else end = curPage + 2;\n }\n\n return (\n \n {curPage > 4 && (\n
\n {this.renderPageNum(1)}\n ...\n \n )}\n {this.renderPageNumbers(start, end)}\n {curPage < pageNum - 3 && (\n
\n ...\n {this.renderPageNum(pageNum)}\n \n )}\n
\n \n
\n \n {props.btnProps.title}\n \n \n );\n};\n\nexport default SearchButton;\n","import React from 'react';\nimport 'daterangepicker';\nimport moment from 'moment';\nimport 'moment/locale/ru';\n\nimport './style.scss';\nimport { getRandom } from '../../lib/functions';\n\nclass Datepicker extends React.Component {\n componentDidMount() {\n this._renderDatePicker();\n }\n\n componentDidUpdate(prevProps) {\n const { from, to } = this.props;\n\n if (from !== prevProps.from || to !== prevProps.to) {\n this._renderDatePicker();\n }\n\n return true;\n }\n\n componentWillUnmount() {\n this._removeDatePicker();\n }\n\n id = `daterangepicker${getRandom()}`;\n\n config = () => ({\n ranges: {\n Сегодня: [moment(), moment()],\n Вчера: [moment().subtract(1, 'days'), moment().subtract(1, 'days')],\n 'За 7 дней': [moment().subtract(6, 'days'), moment()],\n 'За 30 дней': [moment().subtract(29, 'days'), moment()],\n 'Этот месяц': [moment().startOf('month'), moment().endOf('month')],\n 'Последний месяц': [\n moment()\n .subtract(1, 'month')\n .startOf('month'),\n moment()\n .subtract(1, 'month')\n .endOf('month')\n ],\n 'Посл. 3 месяца': [\n moment()\n .subtract(3, 'month')\n .startOf('month'),\n moment()\n .subtract(1, 'month')\n .endOf('month')\n ],\n 'Посл. год': [\n moment()\n .subtract(12, 'month')\n .startOf('month'),\n moment()\n .subtract(1, 'month')\n .endOf('month')\n ],\n 'Все время': [\n moment()\n .subtract(60, 'month')\n .startOf('month'),\n moment()\n ]\n },\n locale: {\n format: 'DD.MM.YYYY',\n separator: ' - ',\n applyLabel: 'Применить',\n cancelLabel: 'Отмена',\n fromLabel: 'От',\n toLabel: 'До',\n customRangeLabel: 'Своя дата',\n daysOfWeek: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],\n monthNames: [\n 'Январь',\n 'Февраль',\n 'Март',\n 'Апрель',\n 'Май',\n 'Июнь',\n 'Июль',\n 'Август',\n 'Сентябрь',\n 'Октябрь',\n 'Ноябрь',\n 'Декабрь'\n ],\n firstDay: 1\n },\n alwaysShowCalendars: true,\n drops: this.props.drops,\n ...this.getDates()\n });\n\n containerRef = React.createRef();\n\n _removeDatePicker = () => {\n $(`[id=\"${this.id}\"]`).remove();\n };\n\n _renderDatePicker = () => {\n $(`#${this.id} input`).daterangepicker(this.config(), this.handleChange);\n $(`#${this.id} input`).on('show.daterangepicker', this.onShow);\n };\n\n @bind\n onShow(e, picker) {\n picker.container.attr('data-id', this.id);\n }\n\n handleChange = (start, end) => {\n const from = moment(start).toISOString();\n const to = moment(end).toISOString();\n\n this.props.onChange(from, to);\n };\n\n @bind\n getDates() {\n return {\n startDate: this.props.from\n ? moment(this.props.from).format('DD/MM/YYYY')\n : moment(),\n endDate: this.props.to\n ? moment(this.props.to).format('DD/MM/YYYY')\n : moment()\n };\n }\n\n render() {\n const { disabled } = this.props;\n\n return (\n \n \n \n );\n }\n}\nexport default Datepicker;\n","import {\n getSettingsAction,\n getSubjectsAction,\n getTransactionLimitAction,\n setCashBackAction,\n updateSettingsAction,\n updateSubjectSettingsAction\n} from '../lib/actions';\nimport request from '../lib/request';\n\nexport const setCashBack = cashback => async dispatch => {\n const success = () => {\n dispatch(setCashBackAction());\n };\n\n await request('/admin/cashback', {\n method: 'POST',\n success,\n body: JSON.stringify({ cashback })\n });\n};\n\nexport const updateSettings = settings => async dispatch => {\n const success = () => {\n dispatch(updateSettingsAction());\n };\n\n await request('/admin/settings', {\n method: 'PUT',\n success,\n body: JSON.stringify(settings)\n });\n};\n\nexport const getSubjects = () => async dispatch => {\n const success = response => {\n dispatch(getSubjectsAction(response));\n };\n\n await request('/admin/settings/subject/subjects', {\n success\n });\n};\n\nexport const getSettings = () => async dispatch => {\n let data = {};\n\n const success = response => {\n data = { ...data, ...response.data };\n };\n\n await Promise.all([\n request('/admin/cashback', {\n success\n }),\n request('/admin/settings', {\n success\n }),\n request('/admin/settings/subject/types?incorrectSubject=true', {\n success: response =>\n (data = { ...data, incorrectSubjects: response.data })\n }),\n request('/admin/settings/subject/types', {\n success: response => (data = { ...data, types: response.data })\n }),\n dispatch(getSubjects())\n ]);\n\n dispatch(getSettingsAction(data));\n};\n\nexport const updateSubjectSettings = (body, done) => async dispatch => {\n const success = () => {\n dispatch(updateSubjectSettingsAction());\n };\n\n await request('/admin/settings/subject', {\n body: JSON.stringify(body),\n method: 'PUT',\n success,\n done\n });\n};\n\nconst done = (dispatch, callback) => (response, status) => {\n if (status === 200) {\n if (callback) {\n callback(response, status);\n }\n\n dispatch(getSubjects());\n } else {\n alert(response.message);\n }\n};\n\nexport const createSubject = (subject, callback) => async dispatch => {\n await request('/admin/settings/subject/subjects', {\n body: JSON.stringify({ subject }),\n method: 'POST',\n done: done(dispatch, callback)\n });\n};\n\nexport const updateSubject = (\n subject,\n newSubject,\n callback\n) => async dispatch => {\n await request('/admin/settings/subject/subjects', {\n body: JSON.stringify({ subject, newSubject }),\n method: 'PUT',\n done: done(dispatch, callback)\n });\n};\n\nexport const deleteSubject = subject => async dispatch => {\n await request('/admin/settings/subject/subjects', {\n body: JSON.stringify({ subject }),\n method: 'DELETE',\n done: done(dispatch)\n });\n};\n\nexport const getTransactionLimit = () => async dispatch => {\n const success = response => {\n dispatch(getTransactionLimitAction(response));\n };\n await request('/admin/bonuses/limit', {\n success\n });\n};\n\nexport const setTransactionLimit = value => async () => {\n await request('/admin/bonuses/limit', {\n method: 'POST',\n body: JSON.stringify({ value })\n });\n};\n\nexport const setBonusDateEljur = (from, to) => async () => {\n await request('/admin/bonuses/rating', {\n method: 'GET',\n query: {\n from: `${from}`,\n to: `${to}`,\n type: 'user_all',\n source: 'eljur_nn'\n },\n isBlob: true,\n success: async (blobResult, status) => {\n if (status === 200) {\n try {\n const outputFilename = `Элжур-НН-${Date.now()}.xls`;\n // eslint-disable-next-line no-undef\n const url = URL.createObjectURL(new Blob([blobResult.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', outputFilename);\n document.body.appendChild(link);\n link.click();\n } catch (error) {\n throw Error(error);\n }\n }\n }\n });\n};\n\nexport const setBonusDateDnevnik = (from, to) => async () => {\n await request('/admin/bonuses/rating', {\n method: 'GET',\n query: {\n from: `${from}`,\n to: `${to}`,\n type: 'user_all',\n source: 'dnevnik',\n address: 'Нижегородская область'\n },\n isBlob: true,\n success: async (blobResult, status) => {\n if (status === 200) {\n try {\n const outputFilename = `Дневник-Ру-${Date.now()}.xls`;\n // eslint-disable-next-line no-undef\n const url = URL.createObjectURL(new Blob([blobResult.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', outputFilename);\n document.body.appendChild(link);\n link.click();\n } catch (error) {\n throw Error(error);\n }\n }\n }\n });\n};\n","import React from 'react';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport './style.scss';\nimport { fileReader, withConfirm } from '../../lib/functions';\n\nexport function withModalContainer(Content) {\n return class extends React.Component {\n static defaultProps = {\n defaultState: {}\n };\n\n state = this.props.defaultState;\n\n componentWillUpdate(nextProps) {\n if (\n JSON.stringify(nextProps.defaultState) !==\n JSON.stringify(this.props.defaultState)\n ) {\n // через JSON т.к. с бека всегда приходит объект с одинаковым порядком свойств\n this.setState(nextProps.defaultState);\n }\n }\n\n componentDidUpdate(prevProps) {\n // set default state at closing\n if (!prevProps.open && this.props.open)\n this.setState(this.props.defaultState);\n }\n\n @bind\n handleLoadFile(filename, userType) {\n return () => {\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = 'image/png,image/jpeg';\n\n input.addEventListener('change', async event => {\n const file = Array.from(event.currentTarget.files)[0];\n const src = await fileReader(file);\n const response = await this.props.addPhoto(file, userType);\n let photo = '';\n\n if (response) {\n photo = response.data.filename;\n }\n\n if (photo) {\n this.setState({\n src,\n [filename]: photo\n });\n }\n });\n\n input.click();\n };\n }\n\n @bind\n handleCheck(name) {\n return () => {\n this.setState({\n [name]: !this.state[name]\n });\n };\n }\n\n @bind\n handleSelect(name) {\n return value => this.setState({ [name]: value });\n }\n\n @bind\n handleToggleSelect() {\n this.setState({ isSelectOpen: !this.state.isSelectOpen });\n }\n\n @bind\n handleSelectSuggest(data) {\n this.setState(data);\n }\n\n @bind\n defaultChangeHandler(nextState = {}) {\n this.setState(nextState);\n }\n\n @bind\n handleChange(name, obj = '') {\n return event => {\n const value =\n event.target.type === 'number'\n ? Number(event.target.value)\n : event.target.value;\n\n if (obj) {\n // if nested prop\n this.setState({\n [obj]: {\n ...this.state[obj],\n [name]: value\n }\n });\n } else {\n this.setState({\n [name]: value\n });\n }\n };\n }\n\n @bind\n completeData() {\n const { defaultValues } = this.props.action;\n const data = { ...this.state };\n if (!defaultValues) return data;\n for (const value in defaultValues) {\n data[value] = data[value] || defaultValues[value];\n }\n return data;\n }\n\n @bind\n async handleSubmit(event) {\n event.preventDefault();\n\n const data = this.completeData();\n delete data.src;\n\n const status = await this.props.action.onClick(data, data.id);\n if (status === 200) this.props.onToggle();\n }\n\n events = {\n handleSelect: this.handleSelect,\n handleCheck: this.handleCheck,\n handleChange: this.handleChange,\n handleLoadFile: this.handleLoadFile,\n handleToggleSelect: this.handleToggleSelect,\n handleSelectSuggest: this.handleSelectSuggest,\n defaultChangeHandler: this.defaultChangeHandler\n };\n\n closeWithConfirm = withConfirm(this.props.onToggle);\n\n render() {\n return (\n \n \n {this.props.title}\n \n \n \n \n \n \n \n {this.props.action && (\n \n \n {this.props.action.name}\n \n \n )}\n \n );\n }\n };\n}\n","import queryString from 'query-string';\n\nimport {\n URL,\n REQUEST_BRANCHES,\n RECEIVE_BRANCHES,\n BRANCHES_LIMIT\n} from '../lib/actions';\n\nimport { getQueryParametres } from '../lib/functions';\n\nimport { logout } from './user';\n\nfunction requestBranches() {\n return {\n type: REQUEST_BRANCHES\n };\n}\n\nfunction receiveBranches(response) {\n return {\n type: RECEIVE_BRANCHES,\n response\n };\n}\n\nexport function fetchBranches(\n query = {\n page: 1,\n limit: 7\n },\n name = 'partner'\n) {\n return async (dispatch, getState) => {\n dispatch(requestBranches());\n const request = await fetch(\n `${URL}/${name}/places?${getQueryParametres(query)}`,\n {\n method: 'GET',\n headers: {\n 'x-access-token': getState().user.token\n }\n }\n );\n const { status } = await request;\n if (status === 200) {\n const response = await request.json();\n dispatch(receiveBranches(response));\n } else {\n if (status === 401) {\n dispatch(logout());\n }\n }\n };\n}\n\nconst formatBody = data => {\n const result = { ...data };\n\n if (!result.lat) result.lat = null;\n if (!result.lon) result.lon = null;\n\n return result;\n};\n\nexport function addBranch(data) {\n return async (dispatch, getState) => {\n if (!data.city && !data.allRussia) return alert('Укажите город');\n\n const request = await fetch(`${URL}/partner/places`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'x-access-token': getState().user.token\n },\n body: JSON.stringify(formatBody(data))\n });\n const { status } = await request;\n const response = await request.json();\n if (status === 200) {\n dispatch(\n fetchBranches({\n ...queryString.parse(window.location.search),\n limit: BRANCHES_LIMIT\n })\n );\n } else {\n switch (status) {\n case 400:\n alert('Заполните все поля');\n break;\n\n default:\n alert(response.message);\n break;\n }\n }\n return status;\n };\n}\n\nexport function deleteBranch(id, name = 'partner') {\n return async (dispatch, getState) => {\n const request = await fetch(`${URL}/${name}/places/${id}`, {\n method: 'DELETE',\n headers: {\n 'Content-Type': 'application/json',\n 'x-access-token': getState().user.token\n }\n });\n const { status } = await request;\n const response = await request.json();\n if (status === 200) {\n dispatch(\n fetchBranches(\n {\n ...queryString.parse(window.location.search),\n limit: BRANCHES_LIMIT\n },\n name\n )\n );\n } else {\n switch (status) {\n case 403:\n alert('У этого филиала есть товары или промокоды');\n break;\n\n default:\n alert(response.message);\n break;\n }\n }\n return status;\n };\n}\n\nexport function changeBranch(data, id, name = 'partner') {\n return async (dispatch, getState) => {\n if (!data.city && !data.allRussia) return alert('Укажите город');\n\n const request = await fetch(`${URL}/${name}/places/${id}`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n 'x-access-token': getState().user.token\n },\n body: JSON.stringify(formatBody(data))\n });\n const { status } = await request;\n const response = await request.json;\n if (status === 200) {\n dispatch(\n fetchBranches(\n {\n ...queryString.parse(window.location.search),\n limit: BRANCHES_LIMIT\n },\n name\n )\n );\n } else {\n switch (status) {\n case 400:\n alert('Заполните все поля');\n break;\n\n default:\n alert(response.message);\n break;\n }\n }\n return status;\n };\n}\n","import React, { PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\nimport SVG from 'react-svg';\nimport { shallowEqualObjects } from 'shallow-equal';\n\nimport { fileReader } from '../../lib/functions';\n\nimport cancel from './cancel.svg';\nimport './style.scss';\n\nclass modal extends PureComponent {\n static defaultProps = {\n className: '',\n title: 'Title',\n renderContent: () => {},\n action: null,\n actionPatch: null,\n actionName: 'Save'\n };\n\n state = this._initState();\n\n componentDidUpdate(prevProps) {\n if (document.querySelector('.new-modal.visible')) {\n document.body.classList.add('scroll-brake');\n } else {\n document.body.classList.remove('scroll-brake');\n }\n\n if (JSON.stringify(this.props.data) !== JSON.stringify(prevProps.data)) {\n this.setState(prevProps.data);\n }\n\n if (this.props.open && !prevProps.open) {\n this.setState(this._initState());\n }\n }\n\n @bind\n _initState() {\n const { data } = this.props;\n if (data) return { data: {}, ...this.props.data };\n return { data: {} };\n }\n\n @bind\n handleLoadFile(filename, userType) {\n return () => {\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = 'image/png,image/jpeg';\n\n input.addEventListener('change', async event => {\n const file = Array.from(event.currentTarget.files)[0];\n const src = await fileReader(file);\n const response = await this.props.uploadPhoto(file, userType);\n let photo = '';\n\n if (response) {\n photo = response.data.filename;\n }\n\n if (photo) {\n this.setState({\n src,\n data: {\n ...this.state.data,\n [filename]: photo\n }\n });\n }\n });\n\n input.click();\n };\n }\n\n @bind\n handleSelect(name) {\n return value =>\n this.setState({ data: { ...this.state.data, [name]: value } });\n }\n\n @bind\n handleChange(name, nestedName) {\n return e => {\n const { state } = this;\n let { value } = e.target;\n const { type } = e.target.dataset;\n\n if (value.length !== 0 && type === 'number') {\n const nextVal = parseInt(value, 10);\n value = !Number.isNaN(nextVal) ? nextVal : '';\n }\n\n if (nestedName)\n this.setState({\n data: {\n ...state.data,\n [nestedName]: {\n ...state[nestedName],\n [name]: value\n }\n }\n });\n else\n this.setState({\n data: {\n ...state.data,\n [name]: value\n }\n });\n };\n }\n\n @bind\n async handleSubmit(type) {\n const data = { ...this.state.data };\n\n if (this.props.onClose) {\n const shouldClose = await this.props.onClose(data, type);\n return shouldClose && this.props.close();\n }\n\n const callback = (response, status) => {\n if (status === 200) this.props.close();\n else alert(response.message);\n };\n\n const { action, actionPatch } = this.props;\n\n if (data.id && actionPatch) actionPatch(data, data.id, callback);\n else if (action) action(data, callback);\n }\n\n @bind\n handleSelectMultiple(name) {\n return value => {\n const nextValue = [...this.state.data[name]];\n const matchId = nextValue.indexOf(value);\n\n if (matchId !== -1) nextValue.splice(matchId, 1);\n else nextValue.push(value);\n\n this.setState({ data: { ...this.state.data, [name]: nextValue } });\n };\n }\n\n @bind\n handleCheck(name) {\n return () => {\n this.setDataState({ [name]: !this.state.data[name] });\n };\n }\n\n @bind\n handleClose() {\n if (!this.props.data) return this.props.close();\n if (shallowEqualObjects(this.props.data.data, this.state.data)) {\n this.props.close();\n } else if (window.confirm('Закрыть без сохранения?')) {\n this.props.close();\n }\n }\n\n @bind\n setDataState(state) {\n this.setState({\n data: {\n ...this.state.data,\n ...state\n }\n });\n }\n\n @bind\n formatDataToSelect(prop) {\n if (this.state[prop]) {\n return this.state[prop].map(item => ({\n name: item.name,\n value: item.id\n }));\n }\n\n return [];\n }\n\n @bind\n getClassName() {\n let className = 'new-modal';\n if (this.props.open) className += ' visible';\n if (this.props.className) className += ` ${this.props.className}`;\n return className;\n }\n\n @bind\n renderActions() {\n const { renderActions } = this.props;\n if (!renderActions || !renderActions(this)) return null;\n\n return {renderActions(this)}
;\n }\n\n @bind\n renderContent() {\n const { close, title, renderContent, children } = this.props;\n\n return (\n \n {renderContent(this) || children}
\n {this.renderActions()}\n \n );\n }\n\n render() {\n return ReactDOM.createPortal(\n \n {this.renderContent()}\n
\n
\n
\n
{title}
\n