\n
\n \n );\n }\n}\n\n\nLoadingSpinner.propTypes = {\n text: PropTypes.string,\n textSize: PropTypes.number,\n spinnerSize: PropTypes.number,\n spinnerFat: PropTypes.number,\n backgroundColor: PropTypes.string,\n};\n\nLoadingSpinner.defaultProps = {\n textSize: FONT_SIZE_LOADER,\n spinnerSize: SIZE_LOADER,\n spinnerFat: FAT_LOADER,\n backgroundColor: BACKGROUND_LOADER\n};\n\nexport default LoadingSpinner;","import React from 'react';\nimport pt from 'prop-types';\n\nimport LoadingSpinner from '../../common/LoadingSpinner/LoadingSpinner';\n\n\nconst TableRows = ({ \n statsData: {\n isLoading,\n data,\n },\n}) => {\n if (isLoading) {\n return (\n \n \n
\n \n { text }\n
\n \n
\n );\n }\n \n return (\n \n { data.map((item, index) => (\n
\n );\n};\n\n\nTableRows.propTypes = {\n statsData: pt.shape({\n isLoading: pt.bool.isRequired,\n data: pt.arrayOf(pt.shape({\n service_id: pt.number.isRequired,\n web_order_name: pt.string,\n open_desks: pt.number,\n served_clients: pt.number,\n waiting_max_length: pt.number,\n waiting_clients: pt.number,\n waiting_avg_length: pt.number,\n last_number: pt.number,\n })).isRequired,\n }).isRequired,\n};\n\n\nexport default TableRows;\n","import styled from 'styled-components';\n\n\nconst StyledStatsTable = styled.div`\n .stats-view--header {\n font-size: 1.325em;\n font-weight: bold;\n margin-bottom: 14px;\n }\n\n .stats-view--input-label {\n font-weight: 700;\n font-size: 0.9em;\n }\n\n .stats-view--input {\n max-width: 500px;\n }\n\n .stats-view--table--laoder {\n position: relative;\n height: 80px;\n }\n\n .stats-view--table--data {\n min-height: 80px;\n }\n\n .stats-view--table--header--wrapper {\n margin-top: 7px;\n }\n\n .stats-view--table--header {\n margin-right: 0;\n margin-left: 0;\n box-sizing: border-box;\n border-bottom: 2px solid #ccc;\n }\n\n .stats-view--table--header-item {\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n font-weight: 700;\n }\n\n .stats-view--table--name {\n text-align: left;\n }\n\n .stats-view--table--header-sm {\n display: none;\n }\n\n .stats-view--table--row {\n margin-right: 0;\n margin-left: 0;\n box-sizing: border-box;\n\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom: 2px solid #ccc;\n }\n\n .stats-view--table--row--even {\n background: #f4f4f4;\n }\n\n .stats-view--table--item {\n padding-right: 7px;\n padding-left: 7px;\n text-align: right;\n width: unset;\n }\n\n .stats-view--table--id {\n display: inline-block;\n width: 4%;\n text-align: left;\n }\n\n .stats-view--table--name {\n display: inline-block;\n width: 24%;\n text-align: left;\n }\n\n .stats-view--table--desk {\n display: inline-block;\n width: 12%;\n }\n\n .stats-view--table--clients {\n display: inline-block;\n width: 12%;\n }\n\n .stats-view--table--max-len {\n display: inline-block;\n width: 12%;\n }\n\n .stats-view--table--wait-cli {\n display: inline-block;\n width: 12%;\n }\n\n .stats-view--table--wait-avg {\n display: inline-block;\n width: 12%;\n }\n\n .stats-view--table--last {\n display: inline-block;\n width: 12%;\n }\n\n\n @media (max-width: 992px) {\n .stats-view--table--item {\n text-align: left;\n width: 100%;\n }\n \n .stats-view--table--header {\n display: none;\n }\n\n .stats-view--table--header-sm {\n display: block;\n font-size: 0.9em;\n font-weight: 700;\n padding-right: 7px;\n padding-left: 7px;\n }\n\n .stats-view--table--row {\n display: block;\n -ms-flex-wrap: unset;\n flex-wrap: unset;\n box-sizing: border-box;\n }\n\n .stats-view--table--id {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset;\n }\n\n .stats-view--table--name {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset;\n }\n\n .stats-view--table--desk {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n\n .stats-view--table--clients {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n\n .stats-view--table--max-len {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n\n .stats-view--table--wait-cli {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n\n .stats-view--table--wait-avg {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n\n .stats-view--table--last {\n max-width: 100%;\n -ms-flex: unset;\n flex: unset; \n }\n }\n\n @media print {\n .stats-view--header {\n font-size: 1em;\n font-weight: bold;\n margin-bottom: 14px;\n color: red;\n }\n\n .stats-view--input-label {\n font-weight: 700;\n font-size: 0.9em;\n }\n\n .stats-view--input {\n max-width: 500px;\n }\n\n .stats-view--table--laoder {\n position: relative;\n height: 80px;\n }\n\n .stats-view--table--data {\n border: 2px solid #ccc;\n font-size: 0.85em;\n }\n\n .stats-view--table--header--wrapper {\n font-size: 0.9em;\n border: 2px solid #ccc;\n border-bottom: none;\n }\n\n .stats-view--table--header {\n display: block;\n border-bottom: 2px solid #ccc;\n }\n\n .stats-view--table--header-item {\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n font-weight: 700;\n }\n\n .stats-view--table--name {\n text-align: left;\n }\n\n .stats-view--table--header-sm {\n display: none;\n }\n\n .stats-view--table--row {\n margin-right: 0;\n margin-left: 0;\n box-sizing: border-box;\n\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom: 2px solid #ccc;\n }\n\n .stats-view--table--row--even {\n background: #f4f4f4;\n }\n\n .stats-view--table--item {\n padding-right: 7px;\n padding-left: 7px;\n text-align: right;\n width: unset;\n }\n\n .stats-view--table--id {\n display: inline-block;\n width: 4%;\n text-align: left;\n }\n\n .stats-view--table--name {\n display: inline-block;\n width: 36%;\n text-align: left;\n }\n\n .stats-view--table--desk {\n display: inline-block;\n width: 10%;\n }\n\n .stats-view--table--clients {\n display: inline-block;\n width: 10%;\n }\n\n .stats-view--table--max-len {\n display: inline-block;\n width: 10%;\n }\n\n .stats-view--table--wait-cli {\n display: inline-block;\n width: 10%;\n }\n\n .stats-view--table--wait-avg {\n display: inline-block;\n width: 10%;\n }\n\n .stats-view--table--last {\n display: inline-block;\n width: 10%;\n }\n }\n`;\n\nexport default StyledStatsTable;\n","import styled from 'styled-components';\n\n\nconst StyledStats = styled.div`\n max-width: 1200px;\n width: calc(95vw - 28px);\n background: white;\n padding: 14px;\n\n @media (max-width: 992px) {\n width: calc(95vw - 28px);\n }\n`;\n\nexport default StyledStats;\n","import React, { Component } from 'react';\n\nimport InputSelect from '../../common/InputSelect/InputSelect';\nimport TableHeader from './TableHeader';\nimport TableRows from './TableRows';\n\nimport StyledStatsTable from './styles/StyledStatsTable';\nimport StyledStats from './styles/StyledStats';\n\n\nclass StatsView extends Component {\n componentDidMount() {\n const { \n modalData,\n getOfficesDD, getStats,\n } = this.props;\n\n getOfficesDD();\n if (modalData.defaultOffice !== null) {\n getStats(modalData.defaultOffice)\n }\n }\n\n render() {\n const { \n modalData, statsData, officesDDData,\n handleSelectOffice,\n } = this.props;\n return (\n \n
\n ))}\n Id:
\n {item.service_id}
\n Název:
\n {item.web_order_name}
\n Přepážky:
\n {item.open_desks}
\n Odbavených:
\n {item.served_clients}
\n Maximální doba čekání:
\n {Math.round((item.waiting_max_length / 60)) + ' min'}
\n Čekajících klientů:
\n {item.waiting_clients}
\n Průměrná doba čekání:
\n {Math.round((item.waiting_avg_length / 60)) + ' min'}
\n Poslední vyvolaný:
\n {item.last_number === null || item.last_number === 0 ? '-' : item.last_number}
\n \n Statistiky\n
\n\n \n handleSelectOffice(selected)}\n value={modalData.selectedOffice}\n getOptionValue={(option) => option.id}\n getOptionLabel={(option) => option.name}\n isLoading={officesDDData.isLoading}\n placeholder=\"Zvolte pobočku\"\n noOptionsMessage={() => 'Žádné pobočky'}\n loadingMessage={() => 'Načítám'}\n />\n
\n \n \n Pobočka\n
\n \n { APP_TITLE }\n
\n )}\n\n \n
\n\n \n \n { haveLogo &&\n 
\n }\n { !haveLogo &&\n \n Rezervační systém\n \n }\n \n \n
\n \n {(haveLogo && APP_TITLE !== '') && (\n \n { APP_TITLE }\n \n )}\n toggleStatsModal(office)}\n >\n Stav služeb\n \n
\n \n
\n \n \n );\n }\n}\n\n\nBtnSideBar.propTypes = {\n text: PropTypes.string,\n icon: PropTypes.string.isRequired,\n isActive: PropTypes.bool.isRequired,\n position: PropTypes.number.isRequired,\n linkTo: PropTypes.string.isRequired,\n enableClick: PropTypes.bool.isRequired,\n};\n\n\nexport default BtnSideBar;","import styled from 'styled-components';\n\nimport { WIDTH_SIDE_BAR, PADDING_SEPARATOR_SIDE_BAR, FONT_SEPARATOR_SIDE_BAR_ICON, COLOR_SIDE_BAR_ICON, FONT_SEPARATOR_SIDE_BAR_ICON_MOBILE } from '../../../globals';\n\nexport const StyledSeparatorSideBar = styled.div`\n width: ${WIDTH_SIDE_BAR}px; \n text-align: center;\n color: ${COLOR_SIDE_BAR_ICON};\n padding: ${PADDING_SEPARATOR_SIDE_BAR}px;\n\n font-size: ${FONT_SEPARATOR_SIDE_BAR_ICON}px;\n\n .btn-sidebar-separator {\n\n }\n\n .btn-sidebar-separator-down {\n display: block;\n }\n\n .btn-sidebar-separator-right {\n display: none;\n }\n\n @media (max-width: 767px) {\n width: 20px;\n margin: 0px;\n height: 100%;\n font-size: ${FONT_SEPARATOR_SIDE_BAR_ICON_MOBILE}em;\n\n i {\n display: table-cell;\n height: 100%;\n width: 100%;\n vertical-align:middle;\n text-align:center;\n }\n\n .btn-sidebar-separator-down {\n display: none;\n }\n\n .btn-sidebar-separator-right {\n display: table;\n height: 100%; \n vertical-align:middle;\n text-align:center;\n height: 100%;\n width: 100%;\n }\n }\n`;\n","import React, { Component } from 'react';\n\nimport { StyledSeparatorSideBar } from './styles/StyledSeparatorSideBar';\n\nclass SeparatorSideBar extends Component {\n render() {\n return (\n \n \n
\n \n { position + '. krok' }\n
\n \n { text }\n
\n \n \n
\n \n \n
\n - \n { !SINGLE_OFFICE_MODE && \n
- \n
\n \n }\n { !SINGLE_OFFICE_MODE &&\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\nErrorScreen.defaultProps = {\n title: 'Nepodařilo se načíst data. Zkuste prosím stránku načíst znovu, nebo opakujte akci později.',\n textSize: 1,\n};\n\n\nErrorScreen.propTypes = {\n title: PropTypes.string,\n textSize: PropTypes.number,\n};\n\n\nexport default ErrorScreen;","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE } from '../../../globals';\n\n\nexport const StyledBlockWrapper = styled.div`\n margin: 0px ${PADDING_CONTENT_PAGE}px 0px ${PADDING_CONTENT_PAGE}px;\n position: relative;\n ${props => props.setMinHeight ? 'min-height: ' + props.minHeight + 'px;' : ''}\n}\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\n\nimport LoadingSpinner from '../../common/LoadingSpinner/LoadingSpinner';\nimport ErrorScreen from '../../common/ErrorScreen/ErrorScreen';\n\nimport { StyledBlockWrapper } from './styles/StyledBlockWrapper';\n\n\nclass DataWrapper extends Component {\n render() {\n const { isLoading, status, children, minHeight, errorMessage, isLoadingText, spinnerFat, spinnerSize, textSizeLoading, textSizeError } = this.props;\n\n if (isLoading) {\n return (\n \n
\n \n \n
\n \n { title } \n
\n \n { children }\n
\n );\n }\n}\n\n\nDataWrapper.defaultProps = {\n errorMessage: 'Nepodařilo se načíst data. Zkuste prosím stránku načíst znovu, nebo opakujte akci později.',\n isLoadingText: 'Obsah se načítá',\n};\n\n\n\nDataWrapper.propTypes = {\n errorMessage: PropTypes.string,\n isLoadingText: PropTypes.string,\n isLoading: PropTypes.bool.isRequired,\n status: PropTypes.bool.isRequired,\n minHeight: PropTypes.number.isRequired,\n spinnerFat: PropTypes.number,\n spinnerSize: PropTypes.number,\n textSizeLoading: PropTypes.number,\n textSizeError: PropTypes.number,\n};\n\n\nexport default DataWrapper;","import styled from 'styled-components';\n\nimport { BACKGROUND_BTN_HOVER, BACKGROUND_BTN, FONT_SIZE_BTN_TITLE, FONT_SIZE_BTN_TEXT, PADDING_CONTENT_PAGE, HEIGHT_BTN,LINE_HEIGHT_BTN, FONT_SIZE_BTN_ARROW, COLOR_BTN_HOVER } from '../../../globals';\n\nexport const StyledBtnOffice = styled.div`\n height: 100%;\n\n .btn-office-container {\n padding: ${PADDING_CONTENT_PAGE}px;\n height: 100%;\n }\n\n .btn-office-content {\n display: block;\n background-color: ${BACKGROUND_BTN};\n padding: 15px;\n cursor: pointer;\n box-shadow: 1px 1px 2px rgb(171, 169, 169);\n border-radius: 2px;\n color: inherit;\n text-decoration: none;\n height: 100%;\n }\n\n .btn-office-content:hover, .btn-office-content:visited, .btn-office-content:active {\n text-decoration: none;\n }\n\n .btn-office-table {\n width: 100%;\n table-layout: fixed;\n height: 100%;\n }\n\n td, div {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .btn-office-content:hover {\n background-color: ${BACKGROUND_BTN_HOVER};\n color: ${COLOR_BTN_HOVER};\n }\n\n .btn-office-title {\n font-weight: bold;\n font-size: ${FONT_SIZE_BTN_TITLE}em;\n }\n\n .btn-office-address {\n font-size: ${FONT_SIZE_BTN_TEXT}em;\n line-height: ${LINE_HEIGHT_BTN};\n height: ${HEIGHT_BTN};\n word-break: normal;\n }\n\n .btn-office-arrow {\n width: 25px;\n text-align: center;\n vertical-align: middle;\n font-size: ${FONT_SIZE_BTN_ARROW}em;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router';\n\nimport { StyledBtnOffice } from './styles/StyledBtnOffice';\n\nclass BtnOffice extends Component {\n render() {\n const { id, title, text, handleOnMouseMoveBtnOffice, position} = this.props;\n\n return (\n \n handleOnMouseMoveBtnOffice(e, position, id)}\n >\n \n \n
\n \n
\n | \n \n { title }\n \n \n { text }\n \n | \n \n \n | \n
\n
\n );\n }\n\n if (length % 2 === 1) {\n ret.push(\n \n {this.renderOffice(i - 1)}\n
\n \n {this.renderOffice(i)}\n
\n \n
\n );\n }\n\n return ret;\n }\n\n renderOffice(id) {\n const { officesData, handleOnMouseMoveBtnOffice, } = this.props;\n return (\n \n {this.renderOffice(length - 1)}\n
\n \n
\n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n const { data, status, isLoading, } = state.offices;\n return { \n officesData: {\n data, \n status, \n isLoading,\n },\n officesCommon: {\n status: state.main.status,\n ...state.main.data.officesCommon,\n },\n logo: {\n ...state.main.data.logo,\n },\n sideBarTitles: {\n titleOne: state.main.data.officesCommon.title,\n titleTwo: state.main.data.servicesCommon.title,\n titleThree: state.main.data.intervalsCommon.title,\n titleFour: state.main.data.reservationCommon.title,\n }\n };\n}\n\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getCommonData: bindActionCreators(getCommonData, dispatch),\n getOffices: bindActionCreators(getOffices, dispatch),\n intervalsResetData: bindActionCreators(intervalsResetData, dispatch),\n toggleStatsModal: bindActionCreators(toggleStatsModal, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(OfficesPage);","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE, BACKGROUND_BTN_BACK, BACKGROUND_BTN_BACK_HOVER, FONT_SIZE_BTN_BACK, FONT_SIZE_BTN_BACK_ARROW } from '../../../globals';\n\n\nexport const StyledBtnBack = styled.div`\n padding: 15px ${PADDING_CONTENT_PAGE}px 15px ${PADDING_CONTENT_PAGE}px;\n font-size: ${FONT_SIZE_BTN_BACK}}px;\n font-weight: bold;\n color: ${BACKGROUND_BTN_BACK};\n text-transform: uppercase;\n\n \n .btn-back-content {\n color: inherit;\n text-decoration: none;\n display:table;\n }\n\n .btn-back-content:hover {\n color: ${BACKGROUND_BTN_BACK_HOVER};\n text-decoration: none;\n }\n\n .btn-back-content:visited, .btn-back-content:active {\n text-decoration: none;\n }\n\n .btn-back-text {\n padding-left: 15px;\n display:table-cell;\n vertical-align: middle;\n text-decoration: underline;\n }\n\n .btn-back-arrow {\n font-size: ${FONT_SIZE_BTN_BACK_ARROW}px;\n display:table-cell;\n vertical-align: middle;\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Link } from 'react-router';\n\nimport { StyledBtnBack } from './styles/StyledBtnBack';\n\nclass BtnBack extends Component {\n render() {\n const { linkTo, text } = this.props;\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n | \n {icon ? (\n \n ) : ( '' )}\n | \n\n \n { title }\n \n \n { text }\n \n | \n
\n \n { (locationData.show && locationData.status) &&\n
\n \n
\n }\n \n { (serviceData.show && serviceData.status) &&\n \n
\n }\n\n { (timeData.show && timeData.status) &&\n \n
\n }\n \n
\n \n
\n \n \n \n
\n
\n \n {isOpen &&\n | \n \n { title }\n \n | \n \n \n | \n
\n {\n children\n }\n
\n }\n \n \n \n );\n }\n}\n\n\nCategoryDropDown.propTypes = {\n title: PropTypes.string.isRequired,\n children: PropTypes.object.isRequired,\n};\n\n\nexport default CategoryDropDown;","import styled from 'styled-components';\n\nimport { BACKGROUND_BTN_HOVER, BACKGROUND_BTN, PADDING_CONTENT_PAGE, HEIGHT_BTN, FONT_SIZE_BTN_ARROW, COLOR_BTN_HOVER, BACKGROUND_HEADER } from '../../../globals';\n\n\nexport const StyledBtnService = styled.div`\n height: 100%;\n\n .btn-service-container {\n padding: ${PADDING_CONTENT_PAGE}px;\n height: 100%;\n }\n\n .btn-service-content {\n display: block;\n background-color: ${BACKGROUND_BTN};\n padding: ${props => props.servicesGroups ? 10 : 15}px;\n cursor: pointer;\n ${props => props.servicesGroups ? '' : 'box-shadow: 1px 1px 2px rgb(171, 169, 169);'}\n border-radius: 2px;\n color: inherit;\n text-decoration: none;\n height: 100%;\n }\n\n .btn-service-content:hover, .btn-office-content:visited, .btn-office-content:active {\n text-decoration: none;\n }\n\n .btn-service-table {\n width: 100%;\n table-layout:fixed;\n font-size: 1em;\n min-height: 2.8em;\n line-height: 1.4em;\n height: 100%;\n }\n\n td, div {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .btn-service-content:hover {\n background-color: ${BACKGROUND_BTN_HOVER};\n color: ${COLOR_BTN_HOVER};\n }\n\n .btn-service-title {\n font-weight: bold;\n font-size: 1em;\n height: ${HEIGHT_BTN};\n word-break: normal;\n }\n\n .btn-service-arrow {\n width: 25px;\n text-align: center;\n vertical-align: middle;\n font-size: ${FONT_SIZE_BTN_ARROW}em;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .btn-service-content:focus {\n outline: 3px solid ${BACKGROUND_HEADER};\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Link } from 'react-router';\n\nimport { StyledBtnService } from './styles/StyledBtnService';\n\nclass BtnService extends Component {\n render() {\n const { title, officeId, serviceId, servicesGroups, } = this.props;\n\n return (\n \n \n \n \n
\n \n
\n \n );\n }\n}\n\n\nBtnService.propTypes = {\n title: PropTypes.string.isRequired,\n officeId: PropTypes.string,\n serviceId: PropTypes.number.isRequired,\n servicesGroups: PropTypes.bool.isRequired,\n};\n\n\nexport default BtnService;\n","import styled from 'styled-components';\n\nimport { PADDING_PAGE } from '../../../globals';\n\n\nexport const StyledServicesContent = styled.div`\n padding: ${PADDING_PAGE}px;\n\n .service-content-row {\n margin: 0px;\n }\n\n .service-content-col {\n padding: 0px;\n }\n}\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { SINGLE_OFFICE_MODE } from '../../config';\nimport { MAIN_CONTENT_DATA_WRAPPER_SETTINGS } from '../../globals';\nimport BtnBack from '../../common/BtnBack/BtnBack';\nimport InfoPanel from '../../common/InfoPanel/InfoPanel';\nimport RowHorizontal from '../../common/RowHorizontal/RowHorizontal';\nimport TitleTop from '../../common/TitleTop/TitleTop';\nimport TextWrapper from '../../common/TextWrapper/TextWrapper';\nimport DataWrapper from '../../common/DataWrapper/DataWrapper';\nimport CategoryDropDown from '../../common/CategoryDropDown/CategoryDropDown';\nimport BtnService from '../../common/BtnService/BtnService';\nimport ErrorScreen from '../../common/ErrorScreen/ErrorScreen';\nimport { StyledBlockWrapper } from '../../common/DataWrapper/styles/StyledBlockWrapper';\n\nimport { StyledServicesContent } from './styles/StyledServicesContent';\n\n\nclass ServicesContent extends Component {\n constructor(props) {\n super(props);\n\n this.renderCategories = this.renderCategories.bind(this);\n this.renderServicesForCategory = this.renderServicesForCategory.bind(this);\n this.renderServicesNoCategories = this.renderServicesNoCategories.bind(this);\n this.renderService = this.renderService.bind(this);\n }\n\n renderServicesForCategory(i) {\n const { servicesData, officeId } = this.props;\n\n return(\n | \n { title }\n | \n\n \n | \n
\n { servicesData.data[i].services.map((row, index) => {\n return (\n
\n \n );\n }\n\n renderCategories() {\n const { servicesData } = this.props;\n const length = servicesData.data.length;\n\n let ret = [];\n\n for (var i = 1; i < length; i = i + 2) {\n ret.push(\n \n
\n );\n })}\n \n
\n );\n }\n\n if (length % 2 === 1) {\n ret.push(\n \n {this.renderServicesForCategory(i - 1)}\n
\n \n {this.renderServicesForCategory(i)}\n
\n \n
\n );\n }\n\n return ret;\n }\n\n renderServicesNoCategories() {\n const { servicesData } = this.props;\n const length = servicesData.data.length;\n\n let ret = [];\n\n for (var i = 1; i < length; i = i + 2) {\n ret.push(\n \n {this.renderServicesForCategory(length - 1)}\n
\n \n
\n );\n }\n\n if (length % 2 === 1) {\n ret.push(\n \n {this.renderService(i - 1)}\n
\n \n {this.renderService(i)}\n
\n \n
\n );\n }\n\n return ret;\n }\n\n renderService(id) {\n const { servicesData, officeId } = this.props;\n\n return (\n \n {this.renderService(length - 1)}\n
\n \n {this.renderCategories()}\n
);\n }\n else {\n services = this.renderServicesNoCategories();\n }\n\n return (\n \n
\n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n const { servicesData, officeData, } = state.services;\n return { \n servicesData, \n officeData,\n servicesCommon: {\n status: state.main.status,\n ...state.main.data.servicesCommon,\n },\n btnBackTitle: state.main.data.officesCommon.title,\n previousSteps: state.main.data.previousSteps,\n logo: {\n ...state.main.data.logo,\n },\n sideBarTitles: {\n titleOne: state.main.data.officesCommon.title,\n titleTwo: state.main.data.servicesCommon.title,\n titleThree: state.main.data.intervalsCommon.title,\n titleFour: state.main.data.reservationCommon.title,\n }\n };\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return { \n getCommonData: bindActionCreators(getCommonData, dispatch),\n getServices: bindActionCreators(getServices, dispatch),\n getOfficeInfo: bindActionCreators(getOfficeInfo, dispatch),\n getOffices: bindActionCreators(getOffices, dispatch),\n intervalsResetData: bindActionCreators(intervalsResetData, dispatch),\n singleOfficePending: bindActionCreators(singleOfficePending, dispatch),\n singleOfficeFulfiled: bindActionCreators(singleOfficeFulfiled, dispatch),\n singleOfficeFailure: bindActionCreators(singleOfficeFailure, dispatch),\n toggleStatsModal: bindActionCreators(toggleStatsModal, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ServicesPage);\n","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE, COLOR_MAIN_LABEL } from '../../../globals';\n\n\nexport const StyledLabelMainColor = styled.h2`\n padding: 0px ${PADDING_CONTENT_PAGE}px 0px ${PADDING_CONTENT_PAGE}px;\n font-weight: bold;\n font-size: 1em;\n color: ${COLOR_MAIN_LABEL};\n`;\n","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE, COLOR_MAIN_LABEL } from '../../../globals';\n\n\nexport const StyledLabelMainColorLower = styled.h3`\n padding: 0px ${PADDING_CONTENT_PAGE}px 0px ${PADDING_CONTENT_PAGE}px;\n font-weight: bold;\n font-size: 1em;\n color: ${COLOR_MAIN_LABEL};\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { StyledLabelMainColor } from './styles/StyledLabelMainColor';\nimport { StyledLabelMainColorLower } from './styles/StyledLabelMainColorLower';\n\n\nclass LabelMainColor extends Component {\n render() {\n const { title, type } = this.props;\n\n return (\n type === \"h2\" ? (\n \n
\n \n
\n \n
\n \n {!officeData.isLoading && ( ) }\n
\n | \n \n { header1 }\n \n | \n \n { header2 }\n | \n\n \n | \n
\n
\n \n\n
\n \n
\n\n - \n { times1 }\n
\n
\n\n \n
\n - \n { times2 }\n
- \n
- \n\n \n - obsazený termín \n\n \n
- \n\n \n - svátek \n\n \n
- \n\n \n - nepřístupný termín \n\n \n
- \n\n \n - volný termín \n\n \n
\n
\n \n
\n\n { showTable\n && (\n \n
\n | \n Průměrná doba čekání\n | \n\n | \n \n Obsloužených klientů\n | \n
| \n Rok\n | \n\n | \n \n Aktuální měsíc\n | \n
\n
\n*/\n\n\nclass Chart extends Component {\n render() {\n const { data, yMax, selected, labels, formatter, } = this.props;\n\n return (\n \n
\n );\n }\n })}\n\n { !isRenderedChart &&\n \n {showWeekDay(index)}\n
\n \n
\n }\n\n \n \n \n
\n \n Statistiky nejsou momentálně k dispozici\n
\n \n
\n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n const { daysData, intervalsData, officeData, serviceData, serviceState} = state.intervals;\n const { deleteReservationData } = state.reservation;\n const { year, month, dateChecked, } = state.officeStats;\n const mainData = state.main;\n\n return { daysData, intervalsData, officeData, serviceData, deleteReservationData, serviceState, mainData,\n officeStats: {\n year,\n month,\n dateChecked,\n },\n intervalsCommon: {\n status: state.main.status,\n ...state.main.data.intervalsCommon,\n },\n btnBackTitle: state.main.data.servicesCommon.title,\n previousSteps: state.main.data.previousSteps,\n logo: {\n ...state.main.data.logo,\n },\n sideBarTitles: {\n titleOne: state.main.data.officesCommon.title,\n titleTwo: state.main.data.servicesCommon.title,\n titleThree: state.main.data.intervalsCommon.title,\n titleFour: state.main.data.reservationCommon.title,\n }\n };\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getCommonData: bindActionCreators(getCommonData, dispatch),\n getDays: bindActionCreators(getDays, dispatch),\n getIntervals: bindActionCreators(getIntervals, dispatch),\n getOfficeInfo: bindActionCreators(getOfficeInfo, dispatch),\n getServiceInfo: bindActionCreators(getServiceInfo, dispatch),\n serviceSelectDay: bindActionCreators(serviceSelectDay, dispatch), \n getOfficeStatsYear: bindActionCreators(getOfficeStatsYear, dispatch), \n getOfficeStatsMonth: bindActionCreators(getOfficeStatsMonth, dispatch), \n officeSelectDay: bindActionCreators(officeSelectDay, dispatch), \n officeStatsChangeDate: bindActionCreators(officeStatsChangeDate, dispatch), \n };\n}\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(IntervalsPage);\n ","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE, COLOR_CONTROLLED_INPUT_NORMAL, BORDER_COLOR_CONTROLLED_INPUT_NORMAL, BORDER_COLOR_CONTROLLED_INPUT_VALID, BORDER_COLOR_CONTROLLED_INPUT_ERROR, BACKGROUND_SIDE_BAR, BACKGROUND_HEADER } from '../../../globals';\n\n\nexport const StyledControlledInput = styled.div`\n margin-top: 2px;\n padding: 0px ${PADDING_CONTENT_PAGE}px 0px ${PADDING_CONTENT_PAGE}px;\n\n .controlled-input-container { \n position: relative; \n }\n\n .controlled-input-container .fa {\n position: absolute;\n padding-right: 9px;\n pointer-events: none;\n left: 5px;\n top: 7px;\n }\n\n .controlled-input-container input { \n padding-left: 35px; \n }\n\n .controlled-input-input {\n border-width: 0px 0px 2px 0px;\n border-style: solid;\n border-color: ${BACKGROUND_SIDE_BAR};\n box-shadow: none;\n font-size: 1em;\n border-radius: 0px;\n color: ${BACKGROUND_SIDE_BAR}; \n }\n\n .controlled-input-input:focus {\n box-shadow: none;\n outline: none;\n border-color: ${BACKGROUND_HEADER};\n }\n\n .controlled-input-icon {\n font-size: 1.5em;\n }\n\n\n .controlled-input-normal {\n border-color: ${BORDER_COLOR_CONTROLLED_INPUT_NORMAL};\n }\n\n .controlled-input-valid {\n border-color: ${BORDER_COLOR_CONTROLLED_INPUT_VALID};\n }\n\n .controlled-input-invalid {\n border-color: ${BORDER_COLOR_CONTROLLED_INPUT_ERROR};\n }\n\n\n .controlled-input-icon-normal {\n color: ${COLOR_CONTROLLED_INPUT_NORMAL};\n }\n\n .controlled-input-icon-valid {\n color: ${BORDER_COLOR_CONTROLLED_INPUT_VALID};\n }\n\n .controlled-input-icon-invalid {\n color: ${BORDER_COLOR_CONTROLLED_INPUT_ERROR};\n }\n\n input:-webkit-autofill,\n input:-webkit-autofill:hover,\n input:-webkit-autofill:focus,\n input:-webkit-autofill:active {\n transition: all 5000s ease-in-out 0s;\n transition-property: background-color, color;\n }\n\n .requiredLabel {\n color: ${BORDER_COLOR_CONTROLLED_INPUT_ERROR}\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledControlledInput } from './styles/StyledControlledInput';\n\n\n\nclass ControlledInput extends Component {\n \n createPlaceholder(name) {\n switch(name) {\n case \"name\":\n return \"Jméno a Příjmení\";\n case \"phone\":\n return \"+420\"\n case \"email\":\n return \"email@email.cz\"\n }\n }\n \n render() {\n const { value, handleChange, name, inputState, icon, placeHolder, required } = this.props; \n\n return (\n \n \n
\n \n
\n \n
\n\n {intervalsCommon.showStats &&\n \n
\n }\n\n {!intervalsCommon.showStats &&\n \n {!officeData.isLoading && ( ) }\n
\n }\n\n \n \n handleChange(e.target.value, name)}\n />\n
\n\n\n \n \n {\n {reservationCommon.agreement.text + ' '}\n { (reservationCommon.agreement.document !== undefined && reservationCommon.agreement.document !== null) &&\n Podmínky naleznete zde\n }\n }\n \n }\n \n
\n );\n }\n}\n\n\nConfirmForm.propTypes = {\n inputs: PropTypes.object.isRequired,\n confirmData: PropTypes.object.isRequired,\n handleOnClickConfirm: PropTypes.func.isRequired,\n handleChangeInput: PropTypes.func.isRequired,\n};\n\n\nexport default ConfirmForm;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport 'moment/locale/cs';\n\nimport { SINGLE_OFFICE_MODE } from '../../config';\nimport ConfirmForm from './ConfirmForm';\nimport TitleTop from '../../common/TitleTop/TitleTop';\nimport TextWrapper from '../../common/TextWrapper/TextWrapper';\nimport RowHorizontal from '../../common/RowHorizontal/RowHorizontal';\nimport InfoPanel from '../../common/InfoPanel/InfoPanel';\n//import Timer from '../../common/Timer/Timer';\n\nimport { parseDateTimeToSpecificTimezone } from '../../common/Timezones';\n\nclass ConfirmInfo extends Component {\n render() {\n const {\n reservationCommon,\n previousSteps,\n confirmData,\n reserveData,\n inputs,\n error,\n handleChangeInput,\n handleOnClickConfirm,\n timezone,\n officeData,\n //handleTimerExpiration,\n } = this.props;\n\n /*let expiration = new Date(reserveData.data.expiration_start);\n expiration.setMinutes(expiration.getUTCMinutes() + reserveData.data.expiration_in_minutes);*/\n\n const time = parseDateTimeToSpecificTimezone(reserveData.data.time, reserveData.data.timezone);\n\n return (\n \n
\n \n { reservationCommon.agreement.show &&\n \n \n
\n \n
\n )}\n \n \n \n \n
\n
\n | \n \n | \n\n { errorMessage } \n | \n
\n
\n\n \n\n \n
\n \n
\n \n * Povinné položky\n
\n \n \n {}\n \n\n
\n );\n }\n}\n\n\nConfirmInfo.propTypes = {\n previousSteps: PropTypes.object.isRequired,\n reservationCommon: PropTypes.object.isRequired,\n inputs: PropTypes.object.isRequired,\n confirmData: PropTypes.object.isRequired,\n reserveData: PropTypes.object.isRequired,\n handleOnClickConfirm: PropTypes.func.isRequired,\n handleChangeInput: PropTypes.func.isRequired,\n //handleTimerExpiration: PropTypes.func.isRequired,\n};\n\nexport default ConfirmInfo;\n","import styled from 'styled-components';\n\nimport { PADDING_CONTENT_PAGE, PADDING_PAGE, BACKGROUND_RESERVATION_ERROR_INFO, COLOR_RESERVATION_ERROR_ICON, FONT_SIZE_RESERVATION_ERROR_ICON } from '../../../globals';\n\n\nexport const StyledReservationContent = styled.div`\n padding: ${PADDING_PAGE}px;\n\n p {\n margin: 0px;\n }\n\n .reservation-form--error-table {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_RESERVATION_ERROR_INFO};\n }\n\n .reservation-form--error-icon {\n font-size: ${FONT_SIZE_RESERVATION_ERROR_ICON}em;\n color: ${COLOR_RESERVATION_ERROR_ICON};\n padding: 10px;\n }\n\n .reservation-form--error-text {\n width: 100%;\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MAIN_CONTENT_DATA_WRAPPER_SETTINGS } from '../../globals';\nimport BtnBack from '../../common/BtnBack/BtnBack';\nimport DataWrapper from '../../common/DataWrapper/DataWrapper';\nimport ConfirmInfo from './ConfirmInfo';\n\n\nimport { StyledReservationContent } from './styles/StyledReservationContent';\n\n\nclass ReservationContent extends Component {\n render() {\n const {\n officeId, serviceId,\n previousSteps,\n reservationCommon,\n btnBackTitle,\n reserveData,\n confirmData,\n inputs,\n error,\n clickBtnConfirm,\n handleChangeInput,\n handleTimerExpiration,\n officeData,\n } = this.props;\n\n return (\n | \n \n | \n\n Rezervaci je třeba potvrdit emailem. \n | \n
| \n \n | \n\n Na email vám byly odeslány všechny potřebné informace. \nPIN: {pin} \n | \n
\n \n \n
\n\n
\n \n | \n \n | \n\n { errorMessage } \n | \n
\n
\n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n const { reserveData, confirmData, reservationState, officeData } = state.reservation;\n return {\n reserveData,\n confirmData,\n reservationState,\n officeData,\n reservationCommon: {\n status: state.main.status,\n ...state.main.data.reservationCommon,\n },\n btnBackTitle: state.main.data.intervalsCommon.title,\n previousSteps: state.main.data.previousSteps,\n logo: {\n ...state.main.data.logo,\n },\n sideBarTitles: {\n titleOne: state.main.data.officesCommon.title,\n titleTwo: state.main.data.servicesCommon.title,\n titleThree: state.main.data.intervalsCommon.title,\n titleFour: state.main.data.reservationCommon.title,\n }\n };\n}\n\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getCommonData: bindActionCreators(getCommonData, dispatch),\n reserveInterval: bindActionCreators(reserveInterval, dispatch),\n freeInterval: bindActionCreators(freeInterval, dispatch),\n confirmReservation: bindActionCreators(confirmReservation, dispatch),\n clickBtnConfirm: bindActionCreators(clickBtnConfirm, dispatch),\n changeInput: bindActionCreators(changeInput, dispatch),\n timerExpired: bindActionCreators(timerExpired, dispatch),\n getOfficeInfo: bindActionCreators(getOfficeInfo, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ReservationPage);\n","import styled from 'styled-components';\n\n\nexport const StyledNotFoundContent = styled.div`\ndisplay: inherit;\noverflow: hidden;\nheight: 100%;\nwidth: 100%;\nposition: absolute;\ntop: 0px;\nleft: 0px;\n\n.notFound-container {\n height: 100%;\n width: 100%;\n display: table;\n position: relative;\n left: 0;\n top: 0;\n}\n\n.notFound-content {\n padding: 10px 0px 10px 0px;\n border-radius: 1px;\n position: static;\n vertical-align: middle;\n display: table-cell;\n}\n\n.notFound-table{\n display: table;\n height: 100%;\n width: 100%;\n}\n\n.notFound-table-cell{\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n}\n\n.notFound-404 {\n border: 2px solid #b90d0d;\n border-radius: 50%;\n width: 150px;\n height: 150px;\n left: 50%;\n margin: 0 auto;\n text-align: center;\n color: #b90d0d;\n font-size: 5em;\n}\n\n.notFound-title {\n padding: 10px 0px 20px 0px;\n text-align: center;\n font-size: 1em;\n}\n\n.notFound-btn {\n font-size 1em;\n margin: 0 auto;\n padding: 5px;\n text-align: center;\n width: 200px;\n\n cursor: pointer;\n box-shadow: 1px 1px 2px rgb(171, 169, 169);\n border-radius: 2px;\n background-color: #f2f2f2;\n}\n\n.notFound-btn:hover {\n background-color: #d2d2d2;\n}\n\n.notFound-arrow {\n padding: 0px 5px 0px 10px;\n font-size: 1em;\n}\n\n.notFound-text {\n padding-right: 5px;\n}\n\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { StyledNotFoundContent } from './styles/StyledNotFoundContent';\n\n\nclass NotFoundContent extends Component {\n constructor(props) {\n super(props);\n\n this.handleOnClickBtn = this.handleOnClickBtn.bind(this);\n }\n\n handleOnClickBtn() {\n this.props.router.push('/');\n }\n\n render() {\n return (\n \n
\n \n
\n \n\n {phase === 0 &&\n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n 404\n
\n \n Stránka nebyla nalezena.\n
\n \n \n \n \n \n Rezervační systém\n \n
\n \n
\n );\n }\n}\n\nexport default NotFoundPage;","import { API_URL } from '../../config';\nimport { CALL_API } from '../../middlewares/apiMiddleware';\nimport { CONFIRM_MAIL_CONFIRM, PENDING, FULFILLED, REJECTED } from '../../globals';\n\n\n\nexport function confirmEmailRequest(){\n return {\n type: `${CONFIRM_MAIL_CONFIRM}_${PENDING}`,\n };\n}\n\nexport function confirmEmailSuccess(response){\n return {\n type: `${CONFIRM_MAIL_CONFIRM}_${FULFILLED}`,\n };\n}\n\nexport function confirmEmailFailure(response){\n return {\n type: `${CONFIRM_MAIL_CONFIRM}_${REJECTED}`,\n payload: {\n time: (response.response && response.response.data.message.message.time !== undefined) ? response.response.data.message.message.time : true,\n completed: (response.response && response.response.data.message.message.completed !== undefined) ? response.response.data.message.message.completed : true,\n deleted: (response.response && response.response.data.message.message.deleted !== undefined) ? response.response.data.message.message.deleted : true,\n emailConfirmed: (response.response && response.response.data.message.message.email_confirmed !== undefined) ? response.response.data.message.message.email_confirmed : true,\n }\n };\n}\n\n\nexport const confirmEmail = (emailHash) => ({\n [CALL_API]: {\n actions: [confirmEmailRequest, confirmEmailSuccess, confirmEmailFailure],\n url: `${API_URL}/web/order/complete-reservation?hash=${emailHash}`,\n },\n});\n","import styled from 'styled-components';\n\nimport { \n PADDING_CONTENT_PAGE, PADDING_PAGE, \n BACKGROUND_EMAIL_CONFIRM_INFO_SUCCESS, COLOR_EMAIL_CONFIRM_ICON_SUCCESS, \n BACKGROUND_EMAIL_CONFIRM_INFO_ERROR, COLOR_EMAIL_CONFIRM_ICON_ERROR, \n BACKGROUND_EMAIL_CONFIRM_INFO_WARNING, COLOR_EMAIL_CONFIRM_ICON_WARNING, \n FONT_SIZE_EMAIL_CONFIRM_ICON \n} from '../../../globals';\n\n\nexport const StyledEmailConfirmContent = styled.div`\n padding: ${PADDING_PAGE}px;\n margin-top: 15px;\n\n .email-confirm-laoder {\n position: relative;\n min-height: 100px;\n }\n\n .email-confirm-table-success {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_EMAIL_CONFIRM_INFO_SUCCESS};\n }\n\n .email-confirm-icon-success {\n font-size: ${FONT_SIZE_EMAIL_CONFIRM_ICON}em;\n color: ${COLOR_EMAIL_CONFIRM_ICON_SUCCESS};\n padding: 10px;\n }\n\n .email-confirm-table-error {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_EMAIL_CONFIRM_INFO_ERROR};\n }\n\n .email-confirm-icon-error {\n font-size: ${FONT_SIZE_EMAIL_CONFIRM_ICON}em;\n color: ${COLOR_EMAIL_CONFIRM_ICON_ERROR};\n padding: 10px;\n }\n\n .email-confirm-table-warning {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_EMAIL_CONFIRM_INFO_WARNING};\n }\n\n .email-confirm-icon-warning {\n font-size: ${FONT_SIZE_EMAIL_CONFIRM_ICON}em;\n color: ${COLOR_EMAIL_CONFIRM_ICON_WARNING};\n padding: 10px;\n }\n\n .email-confirm-text {\n width: 100%;\n }\n\n .email-confirm-btn {\n margin-left: 6px;\n background: ${COLOR_EMAIL_CONFIRM_ICON_WARNING};\n color: white;\n border: none;\n padding: 0.5rem 0.75rem;\n font-weight: bold;\n }\n\n .email-confirm-btn:hover {\n background: #e66801;\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { StyledEmailConfirmContent } from './styles/StyledEmailConfirmContent';\nimport LoadingSpinner from '../../common/LoadingSpinner/LoadingSpinner';\nimport TitleTop from '../../common/TitleTop/TitleTop';\n\nclass EmailConfirmContent extends Component {\n render() {\n const {\n confirmEmail,\n confirmEmailData,\n } = this.props;\n\n let title;\n let message;\n let icon;\n let style;\n\n if (confirmEmailData.isLoading) {\n return (\n \n
\n \n
\n \n \n \n
\n\n {style === \"warning\" && (\n \n Zkusit znovu\n \n )}\n\n
\n | \n \n | \n\n {message}\n | \n
\n\n
\n \n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n const { confirmEmail, } = state;\n return { \n confirmEmailData: confirmEmail,\n logo: {\n status: state.main.status, \n ...state.main.data.logo,\n }\n };\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getCommonData: bindActionCreators(getCommonData, dispatch),\n confirmEmail: bindActionCreators(confirmEmail, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EmailConfirm);","import { API_URL } from '../../config';\nimport { CALL_API } from '../../middlewares/apiMiddleware';\nimport { DELETE_RESERVATION_DELETE, PENDING, FULFILLED, REJECTED } from '../../globals';\n\n\n\nexport function deleteReservationRequest(){\n return {\n type: `${DELETE_RESERVATION_DELETE}_${PENDING}`,\n };\n}\n\nexport function deleteReservationSuccess(response){\n return {\n type: `${DELETE_RESERVATION_DELETE}_${FULFILLED}`,\n };\n}\n\nexport function deleteReservationFailure(response){\n return {\n type: `${DELETE_RESERVATION_DELETE}_${REJECTED}`,\n payload: {\n time: (response.response && response.response.data.message.message.time !== undefined) ? response.response.data.message.message.time : true,\n completed: (response.response && response.response.data.message.message.completed !== undefined) ? response.response.data.message.message.completed : true,\n deleted: (response.response && response.response.data.message.message.deleted !== undefined) ? response.response.data.message.message.deleted : true,\n emailConfirmed: (response.response && response.response.data.message.message.email_confirmed !== undefined) ? response.response.data.message.message.email_confirmed : true,\n }\n };\n}\n\n\n\nexport const deleteReservation = (reservationHash) => ({\n [CALL_API]: {\n actions: [deleteReservationRequest, deleteReservationSuccess, deleteReservationFailure],\n url: `${API_URL}/web/order/delete-reservation?hash=${reservationHash}`,\n },\n});\n","import styled from 'styled-components';\n\nimport { \n PADDING_CONTENT_PAGE, PADDING_PAGE, \n BACKGROUND_DELETE_RESERVATION_INFO_SUCCESS, COLOR_DELETE_RESERVATION_ICON_SUCCESS, \n BACKGROUND_DELETE_RESERVATION_INFO_ERROR, COLOR_DELETE_RESERVATION_ICON_ERROR, \n BACKGROUND_DELETE_RESERVATION_INFO_WARNING, COLOR_DELETE_RESERVATION_ICON_WARNING, \n FONT_SIZE_DELETE_RESERVATION_ICON, COLOR_EMAIL_CONFIRM_ICON_WARNING,\n} from '../../../globals';\n\n\nexport const StyledDeleteReservationContent = styled.div`\n padding: ${PADDING_PAGE}px;\n margin-top: 15px;\n\n .delete-reservation-laoder {\n position: relative;\n min-height: 100px;\n }\n\n .delete-reservation-button-wrapper > button {\n margin-right: 10px;\n min-width: 120px;\n }\n\n .delete-reservation-table-info {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: #e4e4e4;\n }\n\n .delete-reservation-icon-info {\n font-size: ${FONT_SIZE_DELETE_RESERVATION_ICON}em;\n color: ${COLOR_DELETE_RESERVATION_ICON_WARNING};\n padding: 10px;\n }\n\n .delete-reservation-table-success {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_DELETE_RESERVATION_INFO_SUCCESS};\n }\n\n .delete-reservation-icon-success {\n font-size: ${FONT_SIZE_DELETE_RESERVATION_ICON}em;\n color: ${COLOR_DELETE_RESERVATION_ICON_SUCCESS};\n padding: 10px;\n }\n\n .delete-reservation-table-error {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_DELETE_RESERVATION_INFO_ERROR};\n }\n\n .delete-reservation-icon-error {\n font-size: ${FONT_SIZE_DELETE_RESERVATION_ICON}em;\n color: ${COLOR_DELETE_RESERVATION_ICON_ERROR};\n padding: 10px;\n }\n\n .delete-reservation-table-warning {\n margin: 10px ${PADDING_CONTENT_PAGE}px 6px ${PADDING_CONTENT_PAGE}px;\n background-color: ${BACKGROUND_DELETE_RESERVATION_INFO_WARNING};\n }\n\n .delete-reservation-icon-warning {\n font-size: ${FONT_SIZE_DELETE_RESERVATION_ICON}em;\n color: ${COLOR_DELETE_RESERVATION_ICON_WARNING};\n padding: 10px;\n }\n\n .delete-reservation-text {\n width: 100%;\n }\n\n .delete-reservation-btn {\n margin-left: 6px;\n background: ${COLOR_EMAIL_CONFIRM_ICON_WARNING};\n color: white;\n border: none;\n padding: 0.5rem 0.75rem;\n font-weight: bold;\n }\n\n .delete-reservation-btn:hover {\n background: #e66801;\n }\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { StyledDeleteReservationContent } from './styles/StyledDeleteReservationContent';\nimport LoadingSpinner from '../../common/LoadingSpinner/LoadingSpinner';\nimport TitleTop from '../../common/TitleTop/TitleTop';\n\nclass DeleteReservationContent extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n hasBeenSent: false,\n };\n\n this.confirmDeleteReservation = this.confirmDeleteReservation.bind(this);\n }\n\n confirmDeleteReservation() {\n const { reservationHash, } = this.props;\n\n this.setState({\n hasBeenSent: true\n })\n\n this.props.deleteReservation(reservationHash);\n }\n\n\n render() {\n const {\n deleteReservation,\n deleteReservationData,\n } = this.props;\n\n const {\n hasBeenSent\n } = this.state\n\n let title;\n let message;\n let icon;\n let style;\n\n if (!hasBeenSent) {\n return (\n \n
\n\n \n \n \n
\n
\n | \n \n | \n\n {'Opravdu chcete zrušit rezervaci?'}\n | \n\n | \n
\n
\n \n \n \n
\n\n {style === \"warning\" && (\n \n Zkusit znovu\n \n )}\n\n
\n | \n \n | \n\n {message}\n | \n
\n\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n const { deleteReservation, } = state;\n return { \n deleteReservationData: deleteReservation,\n logo: {\n status: state.main.status, \n ...state.main.data.logo,\n }\n };\n}\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n getCommonData: bindActionCreators(getCommonData, dispatch),\n deleteReservation: bindActionCreators(deleteReservation, dispatch),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteReservation);","import styled from 'styled-components';\n\n\nconst StyledStatsOffice = styled.div`\n max-width: 1200px;\n margin: 0 auto;\n padding: 12px;\n`;\n\nexport default StyledStatsOffice;\n","import React from 'react';\n\nimport TableHeader from '../Stats/TableHeader';\nimport TableRows from '../Stats/TableRows';\n\nimport StyledStatsOffice from './styles/StyledStatsOffice';\nimport StyledStatsTable from '../Stats/styles/StyledStatsTable';\n\n\nconst StatsOfficeView = ({\n statsData,\n}) => (\n \n
\n\n