{children}
\r\n {showButton ? (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withLocalize(reduxForm({ form: \"loginForm\" })(Login));\r\n\r\nLogin.propTypes = {\r\n setActiveLanguage: PropTypes.func.isRequired\r\n};\r\n","import ApiService from \"./ApiService\";\r\nimport * as url from \"./urls\";\r\n\r\nclass InstitutesPanelService {\r\n async getInstitutes(token) {\r\n return await ApiService.get(url.InstitutesPanelUrl, {\r\n headers: { Authorization: `Bearer ${token}` }\r\n });\r\n }\r\n\r\n async getInstitute(token, id) {\r\n return await ApiService.get(`${url.InstitutesPanelUrl}/${id}`, {\r\n headers: { Authorization: `Bearer ${token}` }\r\n }).then(response => {\r\n let institute = { ...response.data };\r\n institute.group = institute.group.id;\r\n return institute;\r\n });\r\n }\r\n\r\n async createInstitute(token, data) {\r\n return await ApiService.post(url.InstitutesPanelUrl, data, {\r\n headers: { Authorization: `Bearer ${token}` }\r\n });\r\n }\r\n\r\n async getGroupDictionary(token) {\r\n return await ApiService.get(url.GroupDictionaryUrl, {\r\n headers: { Authorization: `Bearer ${token}` }\r\n });\r\n }\r\n\r\n async editIntstitute(token, data, id) {\r\n return await ApiService.put(`${url.InstitutesPanelUrl}/${id}`, data, {\r\n headers: { Authorization: `Bearer ${token}` }\r\n });\r\n }\r\n}\r\n\r\nexport default InstitutesPanelService = new InstitutesPanelService();\r\n","import * as actionsType from \"./actionsType\";\r\n\r\nimport { logout } from \"./authorizeAction\";\r\nimport InstitutesPanelService from \"./../services/InstitutesPanelService\";\r\nimport { reset } from \"redux-form\";\r\nimport moment from \"moment\";\r\nimport { errorFieldsCreator } from \"./../../common/errorCreator\";\r\nimport * as errorsType from \"./../../common/errorsType\";\r\nimport { initialize } from \"redux-form\";\r\nimport { push } from \"connected-react-router\";\r\nimport * as path from \"./../../common/routeTable\";\r\nimport { showMessageModal } from \"./messageModalAction\";\r\n\r\nexport const getInstitutes = () => async (dispatch, getState) => {\r\n const token = getState()?.authorize?.accessToken;\r\n\r\n if (token === undefined) {\r\n await dispatch(logout);\r\n return;\r\n }\r\n\r\n const response = await InstitutesPanelService.getInstitutes(token);\r\n await dispatch(getReducer(actionsType.GET_INSTITUTES_PANEL, response.data));\r\n};\r\n\r\nexport const getInstitute = id => async (dispatch, getState) => {\r\n await dispatch(getReducer(actionsType.SET_LOADING_DATA));\r\n const token = getState()?.authorize?.accessToken;\r\n\r\n if (token === undefined) {\r\n await dispatch(logout);\r\n return;\r\n }\r\n\r\n try {\r\n const institute = await InstitutesPanelService.getInstitute(token, id);\r\n\r\n await dispatch(getReducer(actionsType.GET_INSTITUTE, institute));\r\n await dispatch(initialize(\"instituteForm\", institute));\r\n } catch (error) {\r\n await dispatch(push(path.InstitutePage));\r\n throw error;\r\n }\r\n};\r\n\r\nexport const saveInstitute = (data, id) => async (dispatch, getStore) => {\r\n let store = await getStore();\r\n\r\n if (store?.authorize?.accessToken === undefined) {\r\n await dispatch(logout);\r\n return;\r\n }\r\n\r\n data = { ...data, openingHours: store?.institutesPanel?.openingHours || [] };\r\n\r\n if (id === undefined) {\r\n await InstitutesPanelService.createInstitute(store.authorize.accessToken, data);\r\n await dispatch(reset(\"instituteForm\"));\r\n await dispatch(clearInsitute());\r\n await dispatch(showMessageModal(\"Instytut został dodany.\"));\r\n } else {\r\n await InstitutesPanelService.editIntstitute(store.authorize.accessToken, data, id);\r\n await dispatch(showMessageModal(\"Instytut został zmieniony.\"));\r\n }\r\n\r\n await dispatch(push(path.DashboardPage));\r\n};\r\n\r\nexport const addOpeningHours = data => async dispatch => {\r\n var startTime = moment(data.to, \"HH:mm a\");\r\n var endTime = moment(data.from, \"HH:mm a\");\r\n if (!startTime.isAfter(endTime)) {\r\n errorFieldsCreator(errorsType.FORM_FIELDS, [{ field: \"to\", message: \"FromFieldIsGreaterThanToField\" }]);\r\n }\r\n\r\n await dispatch(getReducer(actionsType.ADD_OPENING_HOURS, { openingHours: data }));\r\n\r\n await dispatch(reset(\"cardOpeningHoursForm\"));\r\n};\r\n\r\nexport const removeOpeningHours = data => {\r\n return { type: actionsType.REMOVE_OPENING_HOURS, payload: data };\r\n};\r\n\r\nexport const clearInsitute = () => async dispatch => {\r\n await dispatch(initialize(\"instituteForm\", {}));\r\n await dispatch(getReducer(actionsType.CLEAR_INSITUTE));\r\n};\r\n\r\nexport const getGroupDictionary = () => async (dispatch, getState) => {\r\n const token = getState()?.authorize?.accessToken;\r\n\r\n if (token === undefined) {\r\n dispatch(logout);\r\n return;\r\n }\r\n\r\n const response = await InstitutesPanelService.getGroupDictionary(token);\r\n await dispatch(getReducer(actionsType.GET_GROUP_DICTIONARY, response.data));\r\n};\r\n\r\nexport const openMenu = () => {\r\n return {\r\n type: actionsType.OPEN_MENU\r\n };\r\n};\r\n\r\nexport const closeMenu = () => {\r\n return {\r\n type: actionsType.ClOSE_MENU\r\n };\r\n};\r\n\r\nconst getReducer = (type, payload) => ({\r\n type: type,\r\n payload\r\n});\r\n","import React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport List from \"@material-ui/core/List\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport ChevronLeftIcon from \"@material-ui/icons/ChevronLeft\";\r\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport AddCircle from \"@material-ui/icons/AddCircle\";\r\nimport Dns from \"@material-ui/icons/Dns\";\r\nimport { Button, Box } from \"@material-ui/core\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { logout } from \"./../../../state/actions/authorizeAction\";\r\nimport { openMenu, closeMenu, clearInsitute } from \"./../../../state/actions/institutesPanelAction\";\r\nimport { Link } from \"react-router-dom\";\r\nimport * as url from \"./../../../common/routeTable\";\r\n\r\nexport const Header = () => {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const dispatch = useDispatch();\r\n const open = useSelector(state => state.institutesPanel.isOpenMenu);\r\n\r\n const handleDrawerOpen = () => {\r\n dispatch(openMenu());\r\n };\r\n\r\n const handleDrawerClose = () => {\r\n dispatch(closeMenu());\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Logowanie
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ERIS\r\n \r\n \r\n \r\n {theme.direction === \"rtl\" ? \r\n
\r\n - \r\n dispatch(clearInsitute())}>\r\n
{children}
\r\n \r\n \r\n
\r\n ));\r\n\r\n useEffect(\r\n () => () => {\r\n files.forEach(file => {\r\n return URL.revokeObjectURL(file.preview);\r\n });\r\n },\r\n [files]\r\n );\r\n\r\n useEffect(() => {\r\n if (input.value === undefined || input.value.length === 0) {\r\n setFiles([]);\r\n return;\r\n }\r\n setFiles([{ preview: \"data:image/png;base64,\" + input.value }]);\r\n }, [input]);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n {placeholder}
\r\n \r\n {touched && error !== undefined ? (\r\n\r\n
\r\n \r\n {id === undefined ? \"Nowy instytut\" : `Edycja instytutu id: ${information?.externalId}`}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withLocalize(Article);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport ReservationService from \"../../../../state/services/ReservationService\";\r\nimport { Suspender } from \"./Suspender\";\r\nimport Article from \"./Article\";\r\n\r\nconst Articles = ({ instituteId, groupId, activeLanguage }) => {\r\n const [articles, setArticles] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n\r\n useEffect(() => {\r\n const response = async () => {\r\n let data = await ReservationService.getGroupArticles({\r\n instituteId: instituteId,\r\n groupId: groupId,\r\n lang: activeLanguage.code\r\n });\r\n setArticles(data);\r\n setLoading(false);\r\n };\r\n\r\n response();\r\n }, []);\r\n\r\n return (\r\n {articleName}
\r\n\r\n {articleDuration} min/ {anyPrice === 1 ?
\r\n {loading ? (\r\n
\r\n );\r\n};\r\n\r\nArticles.propTypes = {};\r\n\r\nexport default withLocalize(Articles);\r\n","import React from \"react\";\r\nimport { Translate, withLocalize } from \"react-localize-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { ExpansionPanel, ExpansionPanelSummary, ExpansionPanelDetails } from \"@material-ui/core\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Articles from \"./Articles\";\r\n\r\nconst Groups = ({ groups, instituteId }) => {\r\n return (\r\n \r\n {groups.map(group => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n};\r\n\r\nGroups.propTypes = {};\r\n\r\nexport default withLocalize(Groups);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Layout from \"../Layout\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { getArticleGroups } from \"../../state/actions/reservationAction\";\r\nimport Groups from \"./Groups\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\n\r\nconst ArticleGroups = (props) => {\r\n const dispatch = useDispatch();\r\n let params = new URLSearchParams(window.location.search);\r\n const state = useSelector((state) => state.reservations);\r\n const [instituteId, setInstituteId] = useState(params.get(\"instituteId\"));\r\n\r\n useEffect(() => {\r\n setInstituteId(params.get(\"instituteId\"));\r\n }, [params]);\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n if (instituteId && props.activeLanguage.code) {\r\n dispatch(getArticleGroups({ instituteId: instituteId, lang: props.activeLanguage.code }));\r\n }\r\n }, []);\r\n\r\n return (\r\n {group.name}
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {state.groupsLoading ? (\r\n
\r\n \r\n
\r\n \r\n
\r\n {state.groupsLoading ? (\r\n \r\n
\r\n ) : (\r\n \r\n {state.loading ? (\r\n
\r\n );\r\n};\r\n\r\nexport default withLocalize(InstituteDetails);\r\n","import * as actionsType from \"./actionsType\";\r\nimport ReservationService from \"../services/ReservationService\";\r\n\r\nexport const getArticleDetails = data => async dispatch => {\r\n dispatch(removeDetails());\r\n const response = await ReservationService.getArticleDetails(data);\r\n dispatch(setArticleDetails(response));\r\n};\r\n\r\nexport const removeArticleDetails = data => async dispatch => {\r\n dispatch(removeDetails());\r\n};\r\n\r\nconst setArticleDetails = payload => ({\r\n type: actionsType.SET_DETAILS,\r\n payload: payload\r\n});\r\n\r\nconst removeDetails = payload => ({\r\n type: actionsType.REMOVE_DETAILS,\r\n payload: payload\r\n});\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport ReservationService from \"../../../state/services/ReservationService\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { getArticleDetails } from \"../../../state/actions/articleDescriptionAction\";\r\n\r\nconst ArticleDescription = ({ instituteId, articleId, activeLanguage }) => {\r\n const dispatch = useDispatch();\r\n const state = useSelector(state => state.articleDescription);\r\n\r\n useEffect(() => {\r\n dispatch(\r\n getArticleDetails({\r\n instituteId: instituteId,\r\n articleId: articleId,\r\n lang: activeLanguage.code\r\n })\r\n );\r\n }, [instituteId, articleId]);\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n <>\r\n {state.details.name}
\r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {state.details.address.street} {state.details.address.number}\r\n
\r\n\r\n {state.details.address.postalCode} {state.details.address.city}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {el.dayStart === el.dayEnd ? (\r\n <>\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {state.details.contact.firstPhone}\r\n \r\n
\r\n\r\n \r\n {state.details.contact.secondPhone}\r\n \r\n
\r\n\r\n \r\n {state.details.contact.email}\r\n \r\n
\r\n\r\n
\r\n {state.loading || !state.details ? (\r\n
\r\n );\r\n};\r\n\r\nexport default withLocalize(ArticleDescription);\r\n","import React from \"react\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { push } from \"connected-react-router\";\r\nimport { ArticleDetails } from \"../../../../common/routeTable\";\r\n\r\nconst RelatedArticle = ({ articleId, articleName, articleDescription, articleDuration, articlePrice, instituteId }) => {\r\n const dispatch = useDispatch();\r\n const handleButtonClick = () => {\r\n dispatch(push(ArticleDetails + `?instituteId=${instituteId}&productId=${articleId}`));\r\n };\r\n return (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {state.details.name}\r\n
\r\n\r\n {state.details.description}\r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\nexport default withLocalize(RelatedArticle);\r\n","import * as actionsType from \"./actionsType\";\r\nimport ReservationService from \"../services/ReservationService\";\r\n\r\nexport const getRelatedArticles = data => async dispatch => {\r\n dispatch(removeRelatedArticles());\r\n const response = await ReservationService.getRelatedArticles(data);\r\n dispatch(setRelatedArticles(response));\r\n};\r\n\r\nexport const removeRelatedArticles = data => async dispatch => {\r\n dispatch(removeArticles());\r\n};\r\n\r\nconst setRelatedArticles = payload => ({\r\n type: actionsType.SET_RELATED_ARTICLES,\r\n payload: payload\r\n});\r\n\r\nconst removeArticles = payload => ({\r\n type: actionsType.REMOVE_RELATED_ARTICLES,\r\n payload: payload\r\n});\r\n","import React, { useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport RelatedArticle from \"./RelatedArticle\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { getRelatedArticles } from \"../../../state/actions/relatedArticlesAction\";\r\n\r\nconst RelatedProducts = ({ instituteId, articleId, activeLanguage }) => {\r\n const dispatch = useDispatch();\r\n const state = useSelector(state => state.relatedArticles);\r\n\r\n useEffect(() => {\r\n dispatch(\r\n getRelatedArticles({\r\n instituteId: instituteId,\r\n articleId: articleId,\r\n lang: activeLanguage.code\r\n })\r\n );\r\n }, [instituteId, articleId]);\r\n\r\n return (\r\n <>\r\n {state.loading || (state.details && state.details.length > 0) ? (\r\n <>\r\n \r\n
\r\n {articleName}
\r\n{articleDescription}
\r\n\r\n {articleDuration} min/{articlePrice}
\r\n
\r\n \r\n
{\" \"}\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default withLocalize(RelatedProducts);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport Layout from \"../Layout\";\r\nimport InstituteDetails from \"./InstituteDetails\";\r\nimport ArticleDescription from \"./ArticleDescription\";\r\nimport RelatedProducts from \"./RelatedProducts\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { push } from \"connected-react-router\";\r\nimport { SelectDate } from \"../../common/routeTable\";\r\n\r\nconst ArticleDetails = () => {\r\n let params = new URLSearchParams(window.location.search);\r\n const dispatch = useDispatch();\r\n const [instituteId, setInstituteId] = useState(params.get(\"instituteId\"));\r\n const [articleId, setArticleId] = useState(params.get(\"productId\"));\r\n\r\n useEffect(() => {\r\n setInstituteId(params.get(\"instituteId\"));\r\n setArticleId(params.get(\"productId\"));\r\n }, [params]);\r\n\r\n const handleButtonClick = () => {\r\n dispatch(push(SelectDate + `?instituteId=${instituteId}&productId=${articleId}`));\r\n };\r\n\r\n return (\r\n \r\n {state.loading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {state.details.map(el => {\r\n return (\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {loading ? (\r\n <>\r\n ) : (\r\n <>\r\n
\r\n );\r\n};\r\n\r\nexport default withLocalize(ArticleDetails);\r\n","import moment from \"moment\";\r\n\r\nexport const overlapChecker = (items, selectedHour, duration, selectedDate) => {\r\n let startHour = moment(selectedHour, \"HH:mm\");\r\n let endHour = moment(startHour).add(duration, \"minutes\");\r\n for (let item in items) {\r\n if (selectedDate === moment(items[item].date)) {\r\n let itemStartHour = moment(items[item].hour, \"HH:mm\");\r\n let itemEndHour = moment(itemStartHour).add(items[item].duration, \"minutes\");\r\n if (startHour >= itemStartHour && startHour < itemEndHour) {\r\n return true;\r\n }\r\n if (endHour > itemStartHour && endHour < itemEndHour) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport moment from \"moment\";\r\nimport { Button, Grid, CircularProgress } from \"@material-ui/core\";\r\nimport { ArrowForwardIos, ArrowBackIos } from \"@material-ui/icons\";\r\nimport { Translate, withLocalize } from \"react-localize-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"moment/locale/pl\";\r\nimport ReservationService from \"../../../state/services/ReservationService\";\r\nimport ArticleDetails from \"./ArticleDetails\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { createCart, addItemToCart } from \"../../../state/actions/cartAction\";\r\nimport { showError } from \"../../../state/actions/messageModalAction\";\r\nimport { Summary } from \"../../../common/routeTable\";\r\nimport { push } from \"connected-react-router\";\r\nimport { overlapChecker } from \"../OverlapChecker\";\r\n\r\nconst DatePicker = ({ activeLanguage, CanIterateBack, disabledDays, instituteId, articleId }) => {\r\n moment.locale(activeLanguage.code);\r\n const dispatch = useDispatch();\r\n const state = useSelector((state) => state.cart);\r\n const [today, setToday] = useState(moment());\r\n const [stateWeekDays, setStateWeekDays] = useState([]);\r\n const [iterator, setIterator] = useState(0);\r\n const [monthName, setMonthName] = useState(moment().format(\"MMMM\"));\r\n const [year, setYear] = useState(moment().format(\"YYYY\"));\r\n const [selectedDate, setSelectedDate] = useState(moment());\r\n const [allHours, setAllHours] = useState([]);\r\n const [morningHours, setMorningHours] = useState([]);\r\n const [afternoonHours, setAfternoonHours] = useState([]);\r\n const [eveningHours, setEveningHours] = useState([]);\r\n const [hourLoading, setHourLoading] = useState(true);\r\n const [selectedHour, setSelectedHour] = useState(null);\r\n const [employeeList, setEmployeeList] = useState([]);\r\n const [selectedEmployee, setSelectedEmployee] = useState(null);\r\n const [employeeLoading, setEmployeeLoading] = useState(true);\r\n const [employeeListIndex, setEmployeeListIndex] = useState(0);\r\n const [articleDetails, setArticleDetails] = useState({});\r\n const [articleDetailsLoading, setArticleDetailsLoading] = useState(true);\r\n\r\n useEffect(() => {\r\n let weekDays = getWeekDays(iterator);\r\n setStateWeekDays(weekDays);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [iterator]);\r\n\r\n const getWeekDays = (weekIterator) => {\r\n let firstDay = today.add(weekIterator, \"week\").startOf(\"isoWeek\").add(-1, \"d\");\r\n let weekDays = [];\r\n\r\n for (let i = 0; i < 7; i++) {\r\n weekDays[i] = moment(firstDay.add(1, \"d\"));\r\n }\r\n\r\n setToday(moment());\r\n let monthName = moment(weekDays[0]).format(\"MMMM\");\r\n let year = moment(weekDays[0]).format(\"YYYY\");\r\n if (moment(weekDays[6]).format(\"MMMM\") !== monthName) {\r\n monthName = monthName + \"/\" + moment(weekDays[6]).format(\"MMMM\");\r\n }\r\n if (moment(weekDays[6]).format(\"YYYY\") !== year) {\r\n year = year + \"/\" + moment(weekDays[6]).format(\"YYYY\");\r\n }\r\n setMonthName(monthName);\r\n setYear(year);\r\n return weekDays;\r\n };\r\n\r\n const increaseWeek = () => {\r\n let i = iterator + 1;\r\n setIterator(i);\r\n };\r\n\r\n const decreaseWeek = () => {\r\n let i = iterator - 1;\r\n setIterator(i);\r\n };\r\n\r\n const handleDateButtonClick = (date) => {\r\n setSelectedDate(date);\r\n };\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n let response = await ReservationService.getArticleDetails({\r\n instituteId: instituteId,\r\n articleId: articleId,\r\n lang: activeLanguage.code,\r\n });\r\n\r\n setArticleDetails(response);\r\n setArticleDetailsLoading(false);\r\n };\r\n\r\n if (articleId) {\r\n fetchData();\r\n }\r\n }, [articleId]);\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n let response = await ReservationService.getArticlesAvailableHours({\r\n instituteId: instituteId,\r\n articleId: articleId,\r\n lang: activeLanguage.code,\r\n date: selectedDate.format(\"YYYY-MM-DD\"),\r\n });\r\n\r\n let mH = [];\r\n let aH = [];\r\n let eH = [];\r\n\r\n setAllHours(response.availableHours);\r\n\r\n response.availableHours.map((hour) => {\r\n if (parseInt(hour.split(\":\")[0]) < 12) {\r\n mH.push(hour);\r\n } else if (parseInt(hour.split(\":\")[0]) < 17) {\r\n aH.push(hour);\r\n } else {\r\n eH.push(hour);\r\n }\r\n });\r\n setMorningHours(mH);\r\n setAfternoonHours(aH);\r\n setEveningHours(eH);\r\n setHourLoading(false);\r\n };\r\n setSelectedHour(null);\r\n setSelectedEmployee(null);\r\n setHourLoading(true);\r\n setEmployeeListIndex(0);\r\n setEmployeeLoading(true);\r\n if (instituteId && articleId) {\r\n fetchData();\r\n }\r\n }, [instituteId, articleId, selectedDate]);\r\n\r\n const handleHourButtonClick = (hour) => {\r\n setEmployeeListIndex(0);\r\n setSelectedHour(hour);\r\n };\r\n\r\n useEffect(() => {\r\n setEmployeeLoading(true);\r\n if (selectedHour) {\r\n const fetchData = async () => {\r\n let response = [];\r\n // staffMemberId: employeeList[employeeListIndex].id,\r\n // staffMemberFirstName: employeeList[employeeListIndex].firstName,\r\n // staffMemberLastName: employeeList[employeeListIndex].lastName\r\n response[0] = {\r\n id: -1,\r\n firstName: \r\n
\r\n {articleName}
\r\n\r\n \r\n {articlePrice} \r\n
\r\n
\r\n \r\n )}\r\n \r\n {articlePrice} \r\n
\r\n \r\n {hour && \" | \"}\r\n {hour}\r\n {hour && \" - \"}\r\n {hour && endHour}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n decreaseWeek()}\r\n >\r\n \r\n \r\n \r\n\r\n {employeeLoading || (!employeeLoading && selectedHour && employeeList.length === 1) ? (\r\n \r\n ) : (\r\n \r\n
\r\n );\r\n};\r\n\r\nDatePicker.propTypes = {\r\n CanIterateBack: PropTypes.bool.isRequired,\r\n disabledDays: PropTypes.arrayOf(PropTypes.number),\r\n};\r\n\r\nexport default withLocalize(DatePicker);\r\n","import React from \"react\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { push, replace } from \"connected-react-router\";\r\nimport * as path from \"../../../common/routeTable\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/pl\";\r\nimport { removeItemFromCart } from \"../../../state/actions/cartAction\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\n\r\nconst CartSummary = ({ activeLanguage }) => {\r\n moment.locale(activeLanguage.code);\r\n const dispatch = useDispatch();\r\n const state = useSelector((state) => state.cart);\r\n const isCartSummary = window.location.pathname.includes(path.Summary);\r\n let isBackHisotrySet = false;\r\n // if(state.instituteId){\r\n // window.history.replaceState(null, '', path.ArticleGroups + `?instituteId=${state.instituteId}`);\r\n // window.history.pushState(null, '', path.Summary);\r\n // }\r\n const handleUrlClick = (e) => {\r\n try {\r\n e.preventDefault();\r\n } catch (err) {\r\n //do nothing\r\n }\r\n dispatch(push(path.ArticleGroups + `?instituteId=${state.instituteId}`));\r\n };\r\n\r\n const handleNoItemsUrlClick = e => {\r\n try {\r\n e.preventDefault();\r\n } catch (err) {\r\n //do nothing\r\n }\r\n if(state.instituteId == null){\r\n dispatch(push(path.RootPage));\r\n }\r\n else{\r\n dispatch(push(path.ArticleGroups + `?instituteId=${state.instituteId}`));\r\n }\r\n };\r\n\r\n const handleDeleteButtonClick = itemId => {\r\n let data = {\r\n instituteId: state.instituteId,\r\n lang: activeLanguage.code,\r\n cartId: state.cart.id,\r\n itemId: itemId\r\n };\r\n if(!document.referrer.includes(path.Summary) && state.instituteId != null && !isBackHisotrySet){\r\n window.history.replaceState(null, '', path.ArticleGroups + `?instituteId=${state.instituteId}`);\r\n window.history.pushState(null, '', path.Summary);\r\n isBackHisotrySet = !isBackHisotrySet;\r\n }\r\n dispatch(removeItemFromCart(data));\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {hourLoading ? (\r\n <>\r\n ) : (\r\n morningHours.map((hour) => {\r\n return (\r\n handleHourButtonClick(hour)}\r\n >\r\n {hour}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n {hourLoading ? (\r\n handleHourButtonClick(hour)}\r\n >\r\n {hour}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {hourLoading ? (\r\n <>\r\n ) : (\r\n eveningHours.map((hour) => {\r\n return (\r\n handleHourButtonClick(hour)}\r\n >\r\n {hour}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n decreaseEmployee()}\r\n >\r\n increaseEmployee()}\r\n >\r\n
\r\n \r\n \r\n {employeeLoading ? (\r\n selectedHour ? (\r\n
\r\n \r\n \r\n
\r\n \r\n {isCartSummary ? (\r\n \r\n
\r\n ) : null}\r\n
\r\n );\r\n};\r\nexport default withLocalize(CartSummary);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport Layout from \"../Layout\";\r\nimport DatePicker from \"./DatePicker\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport CartSummary from \"../Summary/CartSummary\";\r\n\r\nconst SelectDate = () => {\r\n const state = useSelector((state) => state.cart);\r\n let params = new URLSearchParams(window.location.search);\r\n const [instituteId, setInstituteId] = useState(params.get(\"instituteId\"));\r\n const [articleId, setArticleId] = useState(params.get(\"productId\"));\r\n\r\n useEffect(() => {\r\n setInstituteId(params.get(\"instituteId\"));\r\n setArticleId(params.get(\"productId\"));\r\n }, [params]);\r\n\r\n return (\r\n \r\n
\r\n ) : null}\r\n \r\n {state.loading ? (\r\n \r\n
\r\n
\r\n \r\n
\r\n ) : state.cart.items.length === 0 ? (\r\n <>\r\n \r\n
\r\n \r\n handleNoItemsUrlClick(e)}\r\n >\r\n
\r\n \r\n ) : (\r\n <>\r\n {state.cart.items.map((el) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n\r\n {isCartSummary ? (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {el.name}
\r\n\r\n
\r\n {moment(el.date).format(\"D MMMM YYYY\")}
\r\n\r\n
\r\n \r\n {el.hour} - {moment(el.hour, \"HH:mm\").add(el.duration, \"minutes\").format(\"HH:mm\")}\r\n
\r\n\r\n
\r\n \r\n {el.price}
\r\n {el.staffMemberFirstName} {el.staffMemberLastName}\r\n
\r\n\r\n handleDeleteButtonClick(el.id)}\r\n >\r\n x\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {state.cart.total}
\r\n handleUrlClick(e)}\r\n >\r\n
\r\n \r\n ) : null}\r\n \r\n )}\r\n \r\n {state.cart.items.length === 0 ? null : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {({ translate }) => (\r\n \r\n {touched && error !== undefined ? {error} : <>}\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { Translate } from \"react-localize-redux\";\r\nimport { FormHelperText } from \"@material-ui/core\";\r\n\r\nexport const SummaryCheckBox = ({ input, type, id, label, meta: { touched, error } }) => {\r\n return (\r\n \r\n \r\n {({ translate }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\n\r\nexport const SummaryButton = ({ className, submitting, size = 20, icon, children, id, ...rest }) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default withLocalize(reduxForm({ form: \"confirmCartForm\" })(CartSummary));\r\n\r\nCartSummary.propTypes = {\r\n activeLanguage: PropTypes.object.isRequired\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withLocalize, Translate } from \"react-localize-redux\";\r\nimport Layout from \"../Layout\";\r\nimport CartSummary from \"./CartSummary\";\r\nimport ClientDataForm from \"./ClientDataForm\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst Summary = () => {\r\n const cart = useSelector(store => store.cart);\r\n let render = cart.cart.items ? (cart.cart.items.length > 0 ? true : false) : false;\r\n\r\n return (\r\n \r\n
\r\n \r\n {\r\n const data = {\r\n instituteId: cart.instituteId,\r\n cartId: cart.cart.id,\r\n lang: activeLanguage.code,\r\n body: values\r\n };\r\n return submitForm(dispatch(confirmCart(data)));\r\n })}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n