\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{t('FO_Dashboard_NextClassBooked')}
\r\n\t\t\t\t\t{firstUpcomingClassStart.format('LT, L')}
\r\n\t\t\t\t{firstUpcomingClassStart.format('dddd, LT')}
\r\n\t\t\t{t('FO_Dashboard_UpcomingClass')}
\r\n\t\t{text}
\r\n\t\t\t\t{this.renderClassBookingIcon()}\r\n\t\t\t\r\n\t\t{child.fullName}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
;\r\n\t\t}\r\n\r\n\t\t// group by center\r\n\t\tconst centerGroups = utils.groupBy(filteredConsultations, 'centerId');\r\n\r\n\t\treturn {t(future ? 'FO_Dashboard_NoUpcomingConsultations' : 'FO_Dashboard_NoPreviousConsultations')}
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{consultationsList}\r\n\t\t\t\t
\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{consultationsList}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{consultationStart.format('dddd L')}
\r\n\t\t\t\t\t\t\t\t{consultationStart.format('LT')} - {consultationEnd.format('LT')}
\r\n\t\t\t\t\t\t\t{t(`IndividualConsultationType_${consultation.consultationType}`)}
\r\n\t\t\t\t\t\t{t('FO_Common_View')}
\r\n\t\t\t\t\t| {t('FO_Dashboard_Classes_Day')} | \r\n\t\t\t\t\t{t('FO_Dashboard_Classes_Date')} | \r\n\t\t\t\t\t{t('FO_Dashboard_Classes_Time')} | \r\n\t\t\t\t\t{t('FO_Dashboard_Classes_Type')} | \r\n\t\t\t\t\t\r\n\t\t\t\t |
|---|---|---|---|---|
| {consultationStart.format('dddd')} | \r\n\t\t\t\t\t\t{consultationStart.format('L')} | \r\n\t\t\t\t\t\t{consultationStart.format('LT')} - {consultationEnd.format('LT')} | \r\n\t\t\t\t\t\t{t(`IndividualConsultationType_${consultation.consultationType}`)} | \r\n\t\t\t\t\t\t{t('FO_Common_View')} | \r\n\t\t\t\t\t
{child.fullName}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
;\r\n\t\t}\r\n\r\n\t\t// group by center\r\n\t\tconst centerGroups = utils.groupBy(filteredWorkshopSessions, 'centerId');\r\n\r\n\t\treturn {t(future ? 'FO_Dashboard_NoUpcomingWorkshops' : 'FO_Dashboard_NoPreviousWorkshops')}
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{workshopSessionsList}\r\n\t\t\t\t
\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{workshopSessionsList}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{workshopSession.week}
\r\n\t\t\t\t\t\t\t\t{sessionStart.format('dddd L')}
\r\n\t\t\t\t\t\t\t\t{sessionStart.format('LT')} - {sessionEnd.format('LT')}
\r\n\t\t\t\t\t\t\t{workshopSession.workshop}
\r\n\t\t\t\t\t\t{this.renderCancelSession(workshopSession)}\r\n\t\t\t\t\t\t{this.renderLessonAttendance(workshopSession)}\r\n\t\t\t\t\t| {t('FO_Dashboard_Classes_Day')} | \r\n\t\t\t\t\t{t('FO_Dashboard_Classes_Date')} | \r\n\t\t\t\t\t{t('FO_Dashboard_Classes_Time')} | \r\n\t\t\t\t\t{t('FO_Dashboard_WorkshopSession_Workshop')} | \r\n\t\t\t\t\t\r\n\t\t\t\t |
|---|---|---|---|---|
| {sessionStart.format('dddd')} | \r\n\t\t\t\t\t\t{sessionStart.format('L')} | \r\n\t\t\t\t\t\t{sessionStart.format('LT')} - {sessionEnd.format('LT')} | \r\n\t\t\t\t\t\t{workshopSession.workshop} - {workshopSession.week} | \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderCancelSession(workshopSession)}\r\n\t\t\t\t\t\t\t{this.renderLessonAttendance(workshopSession)}\r\n\t\t\t\t\t\t | \r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{t('FO_Dashboard_NextWorkshopSessionBooked')}
\r\n\t\t\t\t\t{firstUpcomingSessionStart.format('LT, L')}
\r\n\t\t\t\t{firstUpcomingSessionStart.format('dddd, LT')}
\r\n\t\t\t{t('FO_Dashboard_UpcomingWorkshopSession')}
\r\n\t\t{t('FO_Dashboard_NewWorkshop')}
\r\n\t\t\t\t{this.renderClassBookingIcon()}\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t{t('FO_Dashboard_NewWorkshop')}
\r\n\t\t\t\t\t minHeight ? height - minHeight : 0 }}>\r\n\t\t\t\t\t\t{this.renderClassBookingIcon()}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t{t('FO_Dashboard_NewBooking')}
\r\n\t\t\t\t\t minHeight ? height - minHeight : 0 }}>\r\n\t\t\t\t\t\t{this.renderClassBookingIcon()}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{t('FO_Dashboard_NextConsultationBooked')}
\r\n\t\t\t\t\t{firstUpcomingConsultationStart.format('LT, L')}
\r\n\t\t\t\t{firstUpcomingConsultationStart.format('dddd, LT')}
\r\n\t\t\t{t('FO_Dashboard_UpcomingConsultation')}
\r\n\t\t{t('FO_Dashboard_NewConsultation')}
\r\n\t\t\t\t{this.renderConsultationBookingIcon()}\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t{t('FO_Dashboard_NewConsultation')}
\r\n\t\t\t\t\t minHeight ? height - minHeight : 0 }}>\r\n\t\t\t\t\t\t{this.renderConsultationBookingIcon()}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tt, terms, children,\r\n\t\t\tchildLessons, childLessonsLoading,\r\n\t\t\thasConsultation,\r\n\t\t\thasWorkshops,\r\n\t\t\tconsultations, consultationsLoading,\r\n\t\t\tworkshopSessions, workshopsLoading,\r\n\t\t} = this.props;\r\n\r\n\t\tconst bookedTerms = [...new Set(childLessons.map(x => x.termId))].map(id => terms[id]).filter(x => x);\r\n\r\n\t\tconst bookedChildren = [...new Set(childLessons.map(x => x.childId))].map(id => children.find(x => x.id === id)).filter(x => x);\r\n\t\tconst consultationChildren = [...new Set(consultations.map(x => x.childId))].map(id => children.find(x => x.id === id)).filter(x => x);\r\n\t\tconst workshopChildren = [...new Set(workshopSessions.map(x => x.childId))].map(id => children.find(x => x.id === id)).filter(x => x);\r\n\r\n\t\tconst noResults = {t('FO_Dashboard_NoChildren')}
\r\n\t\t\t {t('FO_Dashboard_AddChild')}
\r\n\t\t{t('FO_Common_NoResults')}
;\r\n\r\n\t\tconst avatarStyle = { float: 'left', marginRight: 8, marginTop: -5, width: 45, height: 45, lineHeight: '45px', fontSize: 18 };\r\n\t\tconst avatarColors = ['bg-purple', 'bg-green', 'bg-orange', 'bg-blue'];\r\n\r\n\t\tconst maxChildrenCount = bookedChildren.length > consultationChildren.length ? bookedChildren.length : consultationChildren.length;\r\n\t\tconst childrenCardHeght = (maxChildrenCount > 3 ? 3 : maxChildrenCount) * 55;\r\n\t\tconst childrenCardMinHeght = 92;\r\n\t\tconst hideChildrenCards = hasConsultation && bookedChildren.length == 0 && consultationChildren.length == 0;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!hideChildrenCards && {t('FO_Dashboard_BookedChildren')} {bookedChildren.length} }>\r\n\t\t\t\t\t\t \r\n\t\t\t\t}\r\n\t\t\t\t{!hideChildrenCards && hasConsultation && {t('FO_Dashboard_BookedConsultationChildren')} {consultationChildren.length} }>\r\n\t\t\t\t\t\t \r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{bookedTerms.length === 0 ? \r\n\r\n\t\t\t{hasConsultation && \r\n\t\t\t\t }\r\n\t\t\t{hasWorkshops && \r\n\t\t\t\t }\r\n\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { centers, grades, terms, childLessons, weeklyInfos, individualConsultationsDashboard, workshopSessionsDashboard }, filters, auth: { currentUser }, configuration: { franchisor } } = state;\r\n\r\n\tconst dashboardLessonsFilter = filters.childLessonsForDashboard.all || { ids: [], loading: false };\r\n\tconst dashboardLessons = dashboardLessonsFilter.ids.map(id => childLessons[id]);\r\n\tdashboardLessons.forEach(lesson => {\r\n\t\tlesson.center = centers[lesson.centerId] || { name: '' };\r\n\t\tlesson.grade = grades[lesson.gradeId] || { name: '', subGrades: [] };\r\n\t\tlesson.subGrade = lesson.subGradeId && grades[lesson.subGradeId];\r\n\t});\r\n\r\n\tconst consultationsForDashboardFilter = filters.childConsultationsForDashboard.all || { ids: [], loading: false };\r\n\tconst consultationsForDashboard = consultationsForDashboardFilter.ids.map(id => individualConsultationsDashboard[id]);\r\n\tconsultationsForDashboard.forEach(consultation => {\r\n\t\tconsultation.center = centers[consultation.centerId] || { name: '' };\r\n\t});\r\n\r\n\tconst workshopsForDashboardFilter = filters.childWorkshopSessionsForDashboard.all || { ids: [], loading: false };\r\n\tconst workshopsForDashboard = workshopsForDashboardFilter.ids.map(id => workshopSessionsDashboard[id]);\r\n\tworkshopsForDashboard.forEach(workshop => {\r\n\t\tworkshop.center = centers[workshop.centerId] || { name: '' };\r\n\t});\r\n\r\n\treturn {\r\n\t\t...parent,\r\n\t\tchildLessons: dashboardLessons,\r\n\t\tchildLessonsLoading: dashboardLessonsFilter.loading,\r\n\t\tterms,\r\n\t\tcenters,\r\n\t\tgrades,\r\n\t\tweeklyInfos,\r\n\t\tuserImpersonation: currentUser.userImpersonation,\r\n\t\tfranchisor,\r\n\t\tconsultations: consultationsForDashboard,\r\n\t\tconsultationsLoading: consultationsForDashboardFilter.loading,\r\n\t\thasConsultation: centers && Object.values(centers).some(x => x.isIndividualConsultation),\r\n\t\thasWorkshops: franchisor.enableWorkshops && centers && Object.values(centers).some(x => x.isWorkshops),\r\n\t\tworkshopSessions: workshopsForDashboard,\r\n\t\tworkshopsLoading: workshopsForDashboardFilter.loading,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadChildLessonsForDashboard,\r\n\tloadChildConsultationsForDashboard,\r\n\tloadChildWorkshopSessionsForDashboard,\r\n\tcancelLesson,\r\n\tfetchWeeklyInfo,\r\n\tsetPaymentSubGrade,\r\n\tselectChildToBook: selectChild,\r\n\tselectCenterToBook: selectCenter,\r\n\tselectTermToBook: selectTerm,\r\n\tselectGradeToBook: selectGrade,\r\n\tselectLessonTypeToBook: selectLessonType,\r\n\tunselectLesson,\r\n\tunselectProgramItem,\r\n\tcancelWorkshopSession\r\n})(withNamespaces()(Dashboard));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport DocumentUploadForm from './DocumentUploadForm';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport Card from '../../common/components/Card';\r\nimport { Row, Col, Glyphicon } from 'react-bootstrap';\r\n\r\nclass DocumentsList extends Component {\r\n render() {\r\n const { t, documents, canAddDocuments, onAddDocument } = this.props;\r\n\r\n const parentDocuments = documents.filter(d => d.fromParent);\r\n return ({t('FO_Dashboard_Overview')}
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{bookedChildren && bookedChildren.map(child => (child && \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
))}\r\n\t\t\t\t\t\t\t\t{children.length == 0 && this.renderAddChildLink(t)}\r\n\t\t\t\t\t\t\t{ui.getAvatarName(child.firstName, child.lastName)}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{child.fullName}\r\n\t\t\t\t\t\t\t\t\t\t\t{childLessons.filter(x => x.childId === child.id && x.isInTheFuture && !x.canceled).length}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{t('FO_Dashboard_YearsOld', { age: child.age })}\r\n\t\t\t\t\t\t\t\t\t\t\t{t('FO_Dashboard_UpcomingClasses')}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{consultationChildren.map(child => \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
)}\r\n\t\t\t\t\t\t\t\t{children.length == 0 && this.renderAddChildLink(t)}\r\n\t\t\t\t\t\t\t{ui.getAvatarName(child.firstName, child.lastName)}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{child.fullName}\r\n\t\t\t\t\t\t\t\t\t\t\t{consultations.filter(x => x.childId === child.id && x.isInTheFuture).length}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{t('FO_Dashboard_YearsOld', { age: child.age })}\r\n\t\t\t\t\t\t\t\t\t\t\t{t('FO_Dashboard_UpcomingConsultations')}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{t('FO_Dashboard_Classes')}
{noResults}{t('FO_Dashboard_Classes')} - {term.name}
\r\n\t\t\t\t\t\t\t{bookedChildrenInTerm.length === 0 ? noResults :\r\n\t\t\t\t\t\t\t\tbookedChildrenInTerm.map(child => child && this.renderGroupClassesSectionForChildAndTerm(child, term))}\r\n\t\t\t\t\t\t{t('FO_Dashboard_Consultation')}
\r\n\t\t\t\t{consultationChildren.length === 0 ? noResults :\r\n\t\t\t\t\tconsultationChildren.map(child => child && this.renderConsultationsSectionForChild(child))}\r\n\t\t\t{t('FO_Dashboard_Workshops')}
\r\n\t\t\t\t{workshopChildren.length === 0 ? noResults :\r\n\t\t\t\t\tworkshopChildren.map(child => child && this.renderWorkshopsSectionForChild(child))}\r\n\t\t\t\r\n {(canAddDocuments || parentDocuments.length > 0) && \r\n {parentDocuments.map(doc => {\r\n const docName = !docName ? doc.type : doc.name;\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n {canAddDocuments && \r\n \r\n |
}\r\n
);\r\n }\r\n}\r\n\r\nDocumentsList.propTypes = {\r\n documents: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number,\r\n type: PropTypes.string,\r\n name: PropTypes.string,\r\n friendlyFilename: PropTypes.string\r\n })),\r\n canAddDocuments: PropTypes.bool,\r\n onAddDocument: PropTypes.func\r\n};\r\n\r\nexport default withNamespaces()(DocumentsList);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Button, Alert } from 'react-bootstrap';\r\nimport { Input } from '../common/components/formControls';\r\nimport validators from '../common/services/validators';\r\nimport { Link } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst ForgottenPasswordForm = ({ error, handleSubmit, pristine, submitting, t }) => {\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nForgottenPasswordForm.propTypes = {\r\n\tonSubmit: PropTypes.func.isRequired\r\n};\r\n\r\nexport default reduxForm({ form: 'forgottenPassword' })(withNamespaces()(ForgottenPasswordForm));","import React, { Component } from 'react';\r\nimport { Switch, Route, Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Navbar, OverlayTrigger, Tooltip, Alert } from 'react-bootstrap';\r\nimport PrivateRoute from './PrivateRoute';\r\nimport Login from './auth/Login';\r\nimport ForgottenPassword from './auth/ForgottenPassword';\r\nimport ResetPassword from './auth/ResetPassword';\r\nimport Unsubscribe from './auth/Unsubscribe';\r\nimport Register from './auth/Register';\r\nimport Impersonate from './auth/Impersonate';\r\nimport Public from './public';\r\nimport Dashboard from './dashboard';\r\nimport { initLocalizedData } from './init/actions';\r\nimport { fetchCurrentParent } from './dashboard/actions';\r\nimport { logoutUser } from './auth/actions';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport BlockUi from 'react-block-ui';\r\nimport 'react-block-ui/style.css';\r\nimport { withAnalytics } from './common/services/analyticsTracker';\r\nimport MessengerCustomerChat from 'react-messenger-customer-chat';\r\nimport MainMenu, { AnonymousMenu } from './mainMenu';\r\nimport { changeLanguage } from './languages/actions';\r\nimport { getActiveLanguage } from './languages/reducer';\r\n\r\nclass LayoutRoot extends Component {\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.isAuthenticated && nextProps.isAuthenticated) {\r\n\t\t\tthis.props.fetchCurrentParent();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tt, match, initializing, isAuthenticated, currentUser, parent, logoutUser, franchisor, centers,\r\n\t\t\tlanguages, activeLanguage, selectLanguage,\r\n\t\t\tbookingSearch, individualConsultationSearch, warningMessages\r\n\t\t} = this.props;\r\n\t\tconst logoImg = franchisor.logoUrl || require('../theme/images/logo-kindyroo.png');\r\n\r\n\t\tif (franchisor.theme) {\r\n\t\t\trequire(`../theme/css/themes/${franchisor.theme}.css`);\r\n\t\t}\r\n\t\tconst warningMessage = activeLanguage && warningMessages && warningMessages.length > 0 && warningMessages.find(w => w.culture == activeLanguage.culture)\r\n\t\treturn {t('FO_IndividualConsultation_Documents')}
}\r\n{doc.friendlyFilename}
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{franchisor.logoUrl && \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{isAuthenticated && currentUser.userImpersonation && {t('FO_Impersonate_Tooltip')}}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{isAuthenticated && }\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t{franchisor.enableCustomerChat &&
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tinitializing: state.auth.initializing,\r\n\tcurrentUser: state.auth.currentUser,\r\n\tisAuthenticated: state.auth.isAuthenticated,\r\n\tfranchisor: state.configuration.franchisor,\r\n\tparent: state.parent,\r\n\tcenters: Object.keys(state.entities.centers).map(key => state.entities.centers[key]),\r\n\tlanguages: state.configuration.language,\r\n\tactiveLanguage: getActiveLanguage(state.configuration.language),\r\n\tbookingSearch: state.booking.search,\r\n\tindividualConsultationSearch: state.booking.individualConsultationSearch,\r\n\twarningMessages: state.configuration.warningMessages\r\n});\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchCurrentParent,\r\n\tlogoutUser,\r\n\tselectLanguage: culture => dispatch => {\r\n\t\tdispatch(changeLanguage(culture));\r\n\t\t// reload server-side translated data\r\n\t\tdispatch(initLocalizedData());\r\n\t}\r\n})(withNamespaces()(withAnalytics(LayoutRoot)));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock, FormControl } from 'react-bootstrap';\r\n\r\nconst Input = ({ horizontal, required, input, labelCol = 3, valueCol = 9, label, help, meta: { touched, error, warning }, length, ...props }) => {\r\n\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\tconst values = input.value ? [...input.value] : Array(length).fill('');\r\n\tconst itemOnChange = (index, value) => {\r\n\t\tvalues[index] = value;\r\n\t\tinput.onChange(values);\r\n\t};\r\n\r\n\tconst formControls = [...Array(length).keys()].map(index => \r\n\t\t\t\t\t\t\t\t{!isAuthenticated && franchisor.publicWebsiteUrl ? 
:\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t{warningMessage && warningMessage.message && \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t{onConfirm && }\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n\treturn ;\r\n};\r\n\r\nexport default withNamespaces()(MessageBox);","import React, { Component } from 'react';\r\nimport { loadStripe } from '@stripe/stripe-js';\r\nimport { Elements } from '@stripe/react-stripe-js';\r\nimport InjectedCheckoutForm from './InjectedCheckoutForm';\r\n\r\nclass CheckoutComponent extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleStripeFormInit = this.handleStripeFormInit.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tstripeInstance: null\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { paymentMethod: { configuration } } = this.props;\r\n\t\tconst stripe = loadStripe(configuration.publishableApiKey, {\r\n\t\t\tstripeAccount: configuration.connectedAccountId // perform calls on behalf of a connected Stripe account\r\n\t\t});\r\n\t\tthis.setState({ stripeInstance: stripe });\r\n\t}\r\n\r\n\thandleStripeFormInit({ stripeSubmitHandle, stripePaymentHandle }) {\r\n\t\tthis.props.onPaymentMethodInit(this.props.paymentMethod, { stripeSubmitHandle, stripePaymentHandle });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { payment, currency, countryCode, paymentMethod: { configuration } } = this.props;\r\n\r\n\t\tconst options = {\r\n\t\t\tmode: 'payment',\r\n\t\t\tcurrency: currency.toLowerCase(),\r\n\t\t\tamount: Math.round(payment.totalAmount * 100),\r\n\t\t\tpayment_method_configuration: configuration.paymentMethodConfigurationId\r\n\t\t};\r\n\r\n\t\treturn \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nexport default CheckoutComponent;","import React, { Component } from 'react';\r\nimport Config from 'Config';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\n\r\nclass Captcha extends Component {\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.size === 'invisible') {\r\n\t\t\tthis.captcha.execute();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { size = 'normal', badge = 'bottomright', labelCol = 3, valueCol = 9, horizontal, required, input, label, help, meta: { touched, error, warning } } = this.props;\r\n\r\n\t\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\t\tconst formControl = | {classType == classTypes.WEEKLY ? t('FO_Program_Weekday') : t('FO_Program_Date')} | \r\n\t\t\t\t\t{t('FO_Program_Time')} | \r\n\t\t\t\t\t{t('FO_Program_Grade')} | \r\n\t\t\t\t\t\r\n\t\t\t\t |
|---|---|---|---|
| {(enableUserTimeZone ? utils.convertToUserTime(item.lessons[0].start, center) : moment(item.lessons[0].start)).format(classType == classTypes.WEEKLY ? 'dddd' : 'dddd L')} | \r\n\t\t\t\t\t\t{schedule.startTime.format('LT')} - {schedule.endTime.format('LT')} | \r\n\t\t\t\t\t\t{item.grade.name} {item.isRemote && } {availability.isLastSpot && } | \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t onSelectProgramItem(item)} className='btn btn-primary btn-xss'>{t('FO_Program_InfoAndBooking')} \r\n\t\t\t\t\t\t | \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{(enableUserTimeZone ? utils.convertToUserTime(item.lessons[0].start, center) : moment(item.lessons[0].start)).format(classType == classTypes.WEEKLY ? 'dddd' : 'dddd L')} {schedule.startTime.format('LT')} - {schedule.endTime.format('LT')}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{item.grade.name}\r\n\t\t\t\t\t\t\t\t\t\t{item.isRemote && }\r\n\t\t\t\t\t\t\t\t\t\t{availability.isLastSpot && }\r\n\r\n\t\t\t\t\t\t\t\t\t\t{/*
*/}\r\n\t\t\t\t\t\t\t\t\t\t{/*\t{t('FO_Program_InfoAndBooking')} */}\r\n\t\t\t\t\t\t\t\t\t\t{/*
*/}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t
\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { center, weeklyProgram, t } = this.props;\r\n\r\n\t\tconst weeklyClasses = weeklyProgram.filter(x => !x.isOneOffLesson)\r\n\t\t\t.sort((a, b) => (a.weekday - b.weekday) || (moment(a.startTime, 'HH:mm') - moment(b.startTime, 'HH:mm')));\r\n\r\n\t\tconst now = new Date();\r\n\t\tconst oneOffClasses = weeklyProgram.filter(x => {\r\n\t\t\tif (x.isOneOffLesson) {\r\n\t\t\t\tconst lessonStartTime = moment(x.lessons[0].start).utcOffset(center.utcOffset, true);\t// actual start time using center's timezone\r\n\t\t\t\treturn lessonStartTime > now;\t// show upcoming classes only\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t})\r\n\t\t\t.sort((a, b) => moment(a.lessons[0].start) - moment(b.lessons[0].start));\r\n\r\n\t\treturn {t(titleResourceName)}
\r\n\t\t\t\r\n\t\t\t\t{t('FO_Booking_Availability_Yes')}\r\n\t\t\t\t{t('FO_Booking_Availability_Limited')}\r\n\t\t\t\t{t('FO_Booking_Availability_No')}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\t\t{isMobileView ? this.renderProgramInGrid(weeklyClasses, classTypes.WEEKLY) : this.renderProgramInList(weeklyClasses, classTypes.WEEKLY)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t{isMobileView ? this.renderProgramInGrid(oneOffClasses, classTypes.ONE_OFF) : this.renderProgramInList(oneOffClasses, classTypes.ONE_OFF)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t{t('FO_Program_NoAvailableClasses')}
}\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{t('EmergencyContact1')} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{t('EmergencyContact2')} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n};\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(MedicalInformationForm);\r\n\r\nexport const RequiredFields = [\r\n\t'nameEmergencyContact1',\r\n\t'phoneEmergencyContact1',\r\n\t'relationshipEmergencyContact1',\r\n\t'nameEmergencyContact2',\r\n\t'phoneEmergencyContact2',\r\n\t'relationshipEmergencyContact2',\r\n\t'doesHaveAllergiesOrSensitivities',\r\n\t'hasDiagnosedAtRiskOfAnaphylaxsis',\r\n\t'doesHaveAutoInjectionDevice',\r\n\t'doesHaveOtherMedicalConditions',\r\n\t'doesHaveOtherInformation'\r\n];\r\n\r\nexport const ValidationFunc = (values, t) => {\r\n\tlet errors = {};\r\n\r\n\tif (values.doesHaveAllergiesOrSensitivities && !values.allergiesOrSensitivities) {\r\n\t\terrors['allergiesOrSensitivities'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveAllergiesOrSensitivities && values.allergiesOrSensitivities) {\r\n\t\terrors['allergiesOrSensitivities'] = t('Validator_NotAllowed');\r\n\t}\r\n\tif (values.doesHaveOtherMedicalConditions && !values.otherMedicalConditions) {\r\n\t\terrors['otherMedicalConditions'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveOtherMedicalConditions && values.otherMedicalConditions) {\r\n\t\terrors['otherMedicalConditions'] = t('Validator_NotAllowed');\r\n\t}\r\n\tif (values.doesHaveOtherInformation && !values.otherInformation) {\r\n\t\terrors['otherInformation'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveOtherInformation && values.otherInformation) {\r\n\t\terrors['otherInformation'] = t('Validator_NotAllowed');\r\n\t}\r\n\treturn errors;\r\n};","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { forgotPassword } from './actions';\r\nimport ForgottenPasswordForm from './ForgottenPasswordForm';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { Alert } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport { FORGOTTEN_PASSWORD_REQUEST, FORGOTTEN_PASSWORD_SUCCESS, FORGOTTEN_PASSWORD_FAILURE } from './actions';\r\n\r\nclass ForgottenPassword extends React.Component {\r\n\r\n\trender() {\r\n\t\tif (this.props.isAuthenticated) {\r\n\t\t\tconst { from } = this.props.location.state || { from: { pathname: '/' } };\r\n\t\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nForgottenPassword.propTypes = {\r\n\tforgotPassword: PropTypes.func,\r\n\tlocation: PropTypes.object,\r\n\tisAuthenticated: PropTypes.bool,\r\n\terrors: PropTypes.array,\r\n\tpasswordResetEmail: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = state => ({ ...state.auth });\r\n\r\nexport default connect(mapStateToProps, {\r\n\tforgotPassword\r\n})(withNamespaces()(ForgottenPassword));","export const submitStripePaymentForm = (paymentMethod) => (dispatch, getState) => {\r\n\tconst { stripeSubmitHandle } = getState().paymentProcessors[paymentMethod.name];\r\n\treturn new Promise((resolve, reject) => {\r\n\t\tstripeSubmitHandle()\r\n\t\t\t.then(result => {\r\n\t\t\t\tconst submitError = result.error;\r\n\t\t\t\tif (submitError) {\r\n\t\t\t\t\treject(submitError.message);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t});\r\n};\r\n\r\nexport const confirmStripePayment = (paymentMethod, clientAuthorizationToken, returnUrl) => (dispatch, getState) => {\r\n\tconst { stripePaymentHandle } = getState().paymentProcessors[paymentMethod.name];\r\n\treturn new Promise((resolve, reject) => {\r\n\t\tstripePaymentHandle(clientAuthorizationToken, returnUrl)\r\n\t\t\t.then(result => {\r\n\t\t\t\tif (result.error) {\r\n\t\t\t\t\treject(result.error);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresolve(result.paymentIntent);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t});\r\n};","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Table, Glyphicon, Row, Col } from 'react-bootstrap';\r\nimport Pagination from './Pagination';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass PagedEntitiesList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handlePageSelect = this.handlePageSelect.bind(this);\r\n this.handleSort = this.handleSort.bind(this);\r\n }\r\n\r\n handlePageSelect(selectedPage) {\r\n const { onFetchData, sortKey, sortDirection, pageSize } = this.props;\r\n onFetchData({\r\n sortKey,\r\n sortDirection,\r\n pageNumber: selectedPage,\r\n pageSize\r\n });\r\n }\r\n\r\n handleSort(selectedSortKey) {\r\n const { onFetchData, sortKey, sortDirection, pageNumber, pageSize } = this.props;\r\n let selectedSortDirection = 'asc';\r\n if (selectedSortKey === sortKey) {\r\n selectedSortDirection = sortDirection === 'asc' ? 'desc' : 'asc';\r\n }\r\n onFetchData({\r\n sortKey: selectedSortKey,\r\n sortDirection: selectedSortDirection,\r\n pageNumber,\r\n pageSize\r\n });\r\n }\r\n\r\n renderHeaderCell(column, index) {\r\n const headerText = column.header;\r\n let headerClick = null, headerIcon = null, headerStyle = null;\r\n\r\n if (column.sortable) {\r\n const columnSortKey = column.sortKey || (typeof column.accessor === 'string' ? column.accessor : null);\r\n\r\n if (columnSortKey) {\r\n headerClick = () => this.handleSort(columnSortKey);\r\n\r\n headerStyle = { cursor: 'pointer' };\r\n\r\n const { sortKey, sortDirection } = this.props;\r\n let headerIconStyle = { float: 'right', color: '#DDDDDD' }, headerIconGlyph = 'sort';\r\n if (sortKey === columnSortKey) {\r\n headerIconStyle.color = '#707070';\r\n headerIconGlyph = sortDirection === 'asc' ? 'sort-by-attributes' : 'sort-by-attributes-alt';\r\n }\r\n headerIcon = \r\n\t\t\t\t\t\t{t('FO_ForgottenPassword_SubmitSuccess', { email: passwordResetEmail })} }\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{t('FO_ForgottenPassword_Title')}
\r\n\t\t\t\t\t\t{t('FO_ForgottenPassword_Text')}
\r\n\t\t\t\t\t\t{passwordResetEmail &&| {t('List_Empty')} |
\r\n {t('List_PaginationStats', { first: (pageNumber - 1) * pageSize + 1, last: Math.min(pageNumber * pageSize, total), total })}\r\n
\r\n \r\n \r\n {children.length > 1 ? :
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n const { parent: { children }, entities: { individualConsultationDocuments }, pagination } = state;\r\n\r\n const paginationByChildAndType = pagination.individualConsultationDocumentsByChildAndType;\r\n\r\n return {\r\n paginationByChildAndType,\r\n individualConsultationDocuments,\r\n children: children.filter(x => x.hasIndividualConsultation),\r\n hasChildren: children.length > 0\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n loadIndividualConsultationDocuments\r\n})(withNamespaces()(TeacherDocuments));","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { reduxForm } from 'redux-form';\r\nimport { Alert, Form, Button } from 'react-bootstrap';\r\nimport { FormActions } from '../../common/components/formControls';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport ConfirmationButton from '../../common/components/ConfirmationButton';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass AssessmentForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { title, formComponent, error, isReadonly,\r\n\t\t\thandleSubmit, onSubmit, submitting, submitSucceeded, backPath,\r\n\t\t\tenableDraft = true, enableFinal = true,\r\n\t\t\tsaveDraftButtonText, saveDraftButtonIcon,\r\n\t\t\tsubmitFinalButtonText, submitFinalButtonIcon,\r\n\t\t\tdescription, showFormActionsOnTop = true, t } = this.props;\r\n\t\tconst saveDraft = handleSubmit(values => onSubmit(values, false));\t// isFinal: false\r\n\t\tconst saveFinal = handleSubmit(values => onSubmit(values, true));\t// isFinal: true\r\n\r\n\t\tconst formActions = {children[0].fullName}
}\r\n\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nexport default reduxForm({ form: 'customForm', enableReinitialize: true })(withNamespaces()(AssessmentForm));\r\n","import React, { Component } from 'react';\r\nimport { Glyphicon, Label, Image, Col, Row } from 'react-bootstrap';\r\nimport CenterDetailsLink from '../../../common/components/CenterDetailsLink';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport ui from '../../../common/services/ui';\r\nimport MapComponent from '../../../common/components/MapComponent';\r\nimport utils from '../../../common/services/utils';\r\n\r\nclass ClassDetails extends Component {\r\n\r\n\trenderOnlineLabel() {\r\n\t\tconst { weeklyProgramItem, t } = this.props;\r\n\t\treturn weeklyProgramItem && weeklyProgramItem.isRemote && ;\r\n\t}\r\n\r\n\trenderAvailabilityLabel() {\r\n\t\tconst { availability, t } = this.props;\r\n\r\n\t\tlet className = 'success';\r\n\t\tswitch (availability) {\r\n\t\t\tcase 'Yes':\r\n\t\t\t\tclassName = 'success';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'No':\r\n\t\t\t\tclassName = 'danger';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'Limited':\r\n\t\t\tcase 'LastSpot':\r\n\t\t\t\tclassName = 'warning';\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn availability && ;\r\n\t}\r\n\r\n\tgetTimesWithTimeZone(programItem) {\r\n\t\tconst { enableUserTimeZone } = this.props;\r\n\t\tconst center = programItem.center;\r\n\r\n\t\tconst centerStartTimeString = moment().format('YYYY-MM-DDT') + programItem.startTime;\r\n\t\tconst centerEndTimeString = moment().format('YYYY-MM-DDT') + programItem.endTime;\r\n\t\tconst parentStartTimeMoment = enableUserTimeZone ? utils.convertToUserTime(centerStartTimeString, center) : moment(centerStartTimeString);\r\n\t\tconst parentEndTimeMoment = enableUserTimeZone ? utils.convertToUserTime(centerEndTimeString, center) : moment(centerEndTimeString);\r\n\r\n\t\treturn {\r\n\t\t\tstartTime: parentStartTimeMoment,\r\n\t\t\tendTime: parentEndTimeMoment\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { weeklyProgramItem, upcomingLessonDates, enableUserTimeZone, t } = this.props;\r\n\t\tconst grade = (weeklyProgramItem && weeklyProgramItem.grade) || { name: '', description: '' };\r\n\t\tconst center = weeklyProgramItem && weeklyProgramItem.center;\r\n\t\tconst avatarStyle = { width: 200, height: 200, lineHeight: '200px', fontSize: 45, display: 'inline-block', textAlign: 'center' };\r\n\t\tconst teacher = weeklyProgramItem && weeklyProgramItem.teacher;\r\n\t\tconst schedule = weeklyProgramItem && this.getTimesWithTimeZone(weeklyProgramItem);\r\n\t\tconst term = weeklyProgramItem && weeklyProgramItem.term;\r\n\r\n\t\treturn {title}
\r\n\t\t\t{description}
\r\n\t\t\t\r\n\t\t\r\n\t\t\t{/*\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t }\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nexport default withNamespaces()(ClassDetails);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass GradeDetailsLink extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.showInfoDialog = this.showInfoDialog.bind(this);\r\n\t\tthis.hideInfoDialog = this.hideInfoDialog.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tshowInfoDialog: false\r\n\t\t};\r\n\t}\r\n\r\n\tshowInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: true\r\n\t\t});\r\n\t}\r\n\r\n\thideInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: false\r\n\t\t});\r\n\t}\r\n\r\n\trenderInfoDialog() {\r\n\t\tconst { grade } = this.props;\r\n\r\n\t\tconst header = grade && grade.name;\r\n\t\tconst body = grade && ;\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { grade } = this.props;\r\n\t\tconst infoDialog = this.renderInfoDialog();\r\n\r\n\t\treturn grade ? \r\n\t\t\t{grade.name}\r\n\t\t\t{infoDialog}\r\n\t\t : null;\r\n\t}\r\n}\r\n\r\nGradeDetailsLink.propTypes = {\r\n\tgrade: PropTypes.shape({\r\n\t\tname: PropTypes.string,\r\n\t\tdescription: PropTypes.string\r\n\t})\r\n};\r\n\r\nexport default withNamespaces()(GradeDetailsLink);","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzMzOEFGMzsiIGQ9Ik0yNTYsMTg5LjIxN2gyNDcuMTgxYy02LjQxOS0yMy44MTQtMTYuMTc1LTQ2LjI1NS0yOC43NTUtNjYuNzgzSDI1NlYxODkuMjE3eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzMzhBRjM7IiBkPSJNOTYuNjQzLDQ1Ni4zNDhoMzE4LjcxM2MyMy4zNjMtMTguNjA4LDQzLjM5OS00MS4yMSw1OS4wNjktNjYuNzgzSDM3LjU3NA0KCQlDNTMuMjQ1LDQxNS4xMzcsNzMuMjgxLDQzNy43NCw5Ni42NDMsNDU2LjM0OHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMzM4QUYzOyIgZD0iTTg5LjA0Myw2MS45MzljLTIwLjEyNiwxNy4zMzEtMzcuNTI1LDM3Ljc0LTUxLjQ2OSw2MC40OTZoNTEuNDY5VjYxLjkzOXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMzM4QUYzOyIgZD0iTTI1NiwyNTZjMC0yNi4wNzYsMC00Ny44OTksMC02Ni43ODNIMTU1LjgyNlYyNTZIODkuMDQzdi02Ni43ODNIOC44MTkNCgkJQzMuMDgsMjEwLjUxMSwwLDIzMi44OTMsMCwyNTZzMy4wOCw0NS40ODksOC44MTksNjYuNzgzaDQ5NC4zNjNDNTA4LjkyLDMwMS40ODksNTEyLDI3OS4xMDcsNTEyLDI1NkgyNTZ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzMzOEFGMzsiIGQ9Ik0yNTYsMGMtMzUuNTQ5LDAtNjkuNDA0LDcuMjUzLTEwMC4xNzQsMjAuMzQ4djEwMi4wODdIMjU2YzAtMjMuMzEyLDAtNDMuMTM5LDAtNjYuNzgzaDE1OS4zNTcNCgkJQzM3MS42MjYsMjAuODI0LDMxNi4yNDksMCwyNTYsMHoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K\"","module.exports = __webpack_public_path__ + \"images/line.73964bef6ac9c6ec3d019bee800b571b.png\";","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Row, Col } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { getDefaultCalendarView, dateRangeByView } from './calendarView/Calendar';\r\nimport Calendar from './IndividualConsultationCalendar';\r\nimport BookingOptions from './IndividualConsultationBookingOptions';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass IndividualConsultationClass extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleCalendarNavigate = this.handleCalendarNavigate.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedDate: new Date()\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.bookingOptions.date) {\r\n\t\t\tthis.props.onSaveBooking();\t\t\t// consultation date is already selected, continue to Confirm\r\n\t\t} else {\r\n\t\t\tthis.handleCalendarNavigate(this.getCalendarInitialDate());\r\n\t\t}\r\n\t}\r\n\r\n\tgetCalendarInitialDate() {\r\n\t\tconst center = this.props.selectedCenter;\r\n\t\treturn center && center.individualConsultationStartDate ? new Date(center.individualConsultationStartDate) : new Date();\r\n\t}\r\n\r\n\thandleCalendarNavigate(date) {\r\n\t\tthis.setState({ selectedDate: date });\r\n\t\tconst { from, to } = dateRangeByView(getDefaultCalendarView(true), date);\r\n\t\tthis.props.onCalendarNavigate(from, to);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { bookingOptions: { date }, t } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t{grade.name}
\r\n\t\t\t\r\n\t\t\t\t
{t('FO_Booking_CenterLocation')}
\r\n\t\t\t{center &&\r\n\t\t\t\t{center.latitude && center.longitude &&
}\r\n\t\t\t{teacher && (teacher.photoUrl || teacher.bio) && {center.name}
\r\n\t\t\t\t{center.address &&{center.addressDescription}
\r\n\t\t\t\t{center.phoneNumber &&
{t('FO_Booking_MeetTeacher')}
\r\n\t\t\t\t{ui.getAvatarName(teacher.firstName, teacher.lastName)}
}\r\n\t\t\t\t\t\t{teacher.name}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{teacher.name}
\r\n\t\t\t\t\t\t{teacher.bio}
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nIndividualConsultationClass.propTypes = {\r\n\tindividualConsultationSchedule: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tstart: PropTypes.string,\r\n\t\tend: PropTypes.string\r\n\t})),\r\n\tonCalendarNavigate: PropTypes.func.isRequired,\r\n\tonSelectConsultationDate: PropTypes.func.isRequired,\r\n\tonUnselectConsultationDate: PropTypes.func.isRequired,\r\n\tonSaveBooking: PropTypes.func.isRequired,\r\n\tonNavigateBack: PropTypes.func.isRequired,\r\n\tselectedCenter: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string,\r\n\t\taddress: PropTypes.string,\r\n\t\taddressDescription: PropTypes.string,\r\n\t\tphoneNumber: PropTypes.string,\r\n\t\tadditionalInfo: PropTypes.string,\r\n\t\tlatitude: PropTypes.number,\r\n\t\tlongitude: PropTypes.number,\r\n\t\tindividualConsultationStartDate: PropTypes.string,\r\n\t\tindividualConsultationFirstPrice: PropTypes.string,\r\n\t\tindividualConsultationPrice: PropTypes.string\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasIndividualConsultation: PropTypes.boolean\r\n\t})),\r\n\tshowIndividualConsultation: PropTypes.bool,\r\n\tenableUserTimeZone: PropTypes.bool\r\n};\r\n\r\nexport default withNamespaces()(IndividualConsultationClass);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Alert, Glyphicon, PanelGroup, Panel } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport 'icheck/skins/minimal/grey.css';\t// used for styling booking options accordion\r\nimport 'react-block-ui/style.css';\r\nimport utils from '../../common/services/utils';\r\nimport ui from '../../common/services/ui';\r\n\r\nclass IndividualConsultationBookingOptions extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\t// trigger Confirm after child is selected and props are updated\r\n\t\tif (!this.props.bookingOptions.selectedChildId && nextProps.bookingOptions.selectedChildId) {\r\n\t\t\tthis.props.onConfirm();\r\n\t\t}\r\n\t}\r\n\r\n\thandleBookingSelect(childId) {\r\n\t\tif (this.props.bookingOptions.selectedChildId) {\r\n\t\t\tthis.props.onConfirm();\r\n\t\t} else {\r\n\t\t\tthis.props.onSelectChild(childId);\r\n\t\t}\r\n\t}\r\n\r\n\trenderChildrenInfo() {\r\n\t\tconst { children, bookingOptions: { selectedChildId }, t } = this.props;\r\n\t\tif (!children)\r\n\t\t\treturn null;\r\n\r\n\t\tlet displayChildren = children;\r\n\t\tif (selectedChildId) {\r\n\t\t\tdisplayChildren = children.filter(c => c.id === selectedChildId);\r\n\t\t}\r\n\r\n\t\treturn {t('FO_Booking_IndividualConsultationDate_Message')}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t{displayChildren.map(child => {\r\n\t\t\t\tconst name = child.shortName;\r\n\t\t\t\tconst isFirstConsultation = !child.hasIndividualConsultation;\r\n\t\t\t\tconst consultationDisplayName = t(isFirstConsultation ? 'IndividualConsultationType_Assessment' : 'IndividualConsultationType_Consultation');\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t
;\r\n\t}\r\n\r\n\trenderChildBookingOptions(child, center, t) {\r\n\t\treturn \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSelect time slot to book {{ consultationDisplayName }} for {{ name }}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t{child.id > 0 ? \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderPaymentOptionContent(child, center, t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n\r\n\trenderPaymentOptionContent(child, center, t) {\r\n\t\tconst { currentCurrency, franchisorCurrency, enableCurrencyConversion } = this.props;\r\n\r\n\t\tconst isFirstConsultation = !child.hasIndividualConsultation;\r\n\t\tconst consultationDisplayName = t(isFirstConsultation ? 'IndividualConsultationType_Assessment' : 'IndividualConsultationType_Consultation');\r\n\t\tconst consultationPrice = isFirstConsultation ? center.individualConsultationFirstPrice : center.individualConsultationPrice;\r\n\t\tconst consultationPriceAmount = isFirstConsultation ? center.individualConsultationFirstPriceAmount : center.individualConsultationPriceAmount;\r\n\t\tconst conversionLink = ui.getCurrencyConversionLink(enableCurrencyConversion, currentCurrency, franchisorCurrency, consultationPriceAmount);\r\n\r\n\t\treturn \r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderBookingOptions() {\r\n\t\tconst { t, bookingOptions: { date, selectedChildId }, children, center, enableUserTimeZone } = this.props;\r\n\r\n\t\tlet errorMessage = null;\r\n\t\tconst scheduleItemStartTime = moment(date).utcOffset(center.utcOffset, true);\t// actual start time using center's timezone\r\n\t\tif (scheduleItemStartTime < new Date()) {\r\n\t\t\terrorMessage = t('FO_Booking_Validation_LessonStarted');\r\n\t\t}\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn \r\n\t\t\t\t{consultationDisplayName}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{`1 x ${consultationPrice}`}\r\n\t\t\t\t{consultationPrice}\r\n\t\t\t\t\r\n\t\t\t\t{conversionLink &&\r\n\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { bookingOptions: { date }, onCancel, t } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t{t('FO_Booking_BookingOptions_Title')}{date &&
\r\n\r\n\t\t\t{!date && this.renderChildrenInfo()}\r\n\r\n\t\t\t{date && this.renderBookingOptions()}\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nIndividualConsultationBookingOptions.propTypes = {\r\n\tbookingOptions: PropTypes.shape({\r\n\t\terrorMessage: PropTypes.string,\r\n\t\tdate: PropTypes.string,\r\n\t\tselectedChildId: PropTypes.number\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasIndividualConsultation: PropTypes.boolean\r\n\t})),\r\n\tcenter: PropTypes.shape({\r\n\t\tname: PropTypes.string,\r\n\t\taddress: PropTypes.string,\r\n\t\taddressDescription: PropTypes.string,\r\n\t\tphoneNumber: PropTypes.string,\r\n\t\tadditionalInfo: PropTypes.string,\r\n\t\tlatitude: PropTypes.number,\r\n\t\tlongitude: PropTypes.number,\r\n\t\tindividualConsultationFirstPrice: PropTypes.string,\r\n\t\tindividualConsultationPrice: PropTypes.string\r\n\t}),\r\n\tenableUserTimeZone: PropTypes.bool,\r\n\tonSelectChild: PropTypes.func,\r\n\tonCancel: PropTypes.func.isRequired,\r\n\tonConfirm: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(IndividualConsultationBookingOptions);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { loadMakeupSummaryByChildAndTerm } from './actions';\r\nimport { getDefaultActiveTerm } from '../common/actions';\r\nimport { getChild } from '../reducer';\r\nimport CollapsablePanel from '../../common/components/CollapsablePanel';\r\nimport ui from '../../common/services/ui';\r\nimport utils from '../../common/services/utils';\r\nimport EntitiesList from '../../common/components/EntitiesList';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport { Row, Col, Glyphicon } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nclass MakeupSummary extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.activeTerm) {\r\n\t\t\tthis.loadMakeupSummaryByTerm(this.props.activeTerm);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.activeTerm && nextProps.activeTerm) {\r\n\t\t\tthis.loadMakeupSummaryByTerm(nextProps.activeTerm);\r\n\t\t}\r\n\t}\r\n\r\n\tcolumns(t) {\r\n\t\tconst columns = [\r\n\t\t\t{\r\n\t\t\t\taccessor: 'start',\r\n\t\t\t\tcell: (start, row) => (this.props.enableUserTimeZone ? utils.convertToUserTime(moment(start), row.center) : moment(start)).format('L LT')\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\taccessor: 'canceled',\r\n\t\t\t\tcell: (canceled, row) => canceled && row.canceledByAdmin ? t('MakeupSummary_CanceledByAdminOn', { cancellationDate: ui.formatDateTime(row.cancellationDate) }) :\r\n\t\t\t\t\t(canceled && !row.canceledByAdmin ? t('MakeupSummary_CanceledByParentOn', { cancellationDate: ui.formatDateTime(row.cancellationDate) }) : '')\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\taccessor: 'isAttended',\r\n\t\t\t\tcell: (isAttended) => isAttended ? t('MakeupSummary_Attended') : ''\r\n\t\t\t}\r\n\t\t];\r\n\r\n\t\treturn columns;\r\n\t}\r\n\r\n\tloadMakeupSummaryByTerm(term) {\r\n\t\tthis.props.loadMakeupSummaryByChildAndTerm(this.props.childId, term.id, term.active);\t// force reload for current active term only (if parent cancels a lesson)\r\n\t}\r\n\r\n\trenderTermLessons(termId) {\r\n\t\tconst { makeupSummary, makeupSummaryByChildAndTermFilter, childId, centers, t } = this.props;\r\n\r\n\t\tconst makeupSummaryFilter = makeupSummaryByChildAndTermFilter[`${childId}-${termId}`] || { ids: [] };\r\n\t\tconst termLessons = makeupSummaryFilter.ids.map(id => makeupSummary[id])\r\n\t\tconst groupedByCenter = termLessons.length > 0 && utils.groupBy(termLessons, 'centerId');\r\n\t\tconst childCenters = Object.keys(groupedByCenter).map(key => centers[key])\r\n\t\ttermLessons.forEach(lesson => {\r\n\t\t\tlesson.center = centers[lesson.centerId];\r\n\t\t});\r\n\t\tconst allowedMakeup = termLessons.filter(l => l.allowedMakeup).sort((a, b) => moment(a.start) - moment(b.start));\r\n\t\tconst makeups = termLessons.filter(l => l.lessonType === 3).sort((a, b) => moment(a.start) - moment(b.start));\r\n\r\n\t\treturn childCenters.map(c => c &&\r\n\t\t\t{t('FO_Booking_BookingOptions_Title')}{date &&
\r\n\r\n\t\t\t{!date && this.renderChildrenInfo()}\r\n\r\n\t\t\t{date && this.renderBookingOptions()}\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t l.centerId === (c.id))} />\r\n\t\t\t\t\t\r\n\t\t\t\t\t l.centerId === (c.id))} />\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { terms, activeTerm, t } = this.props;\r\n\r\n\t\tlet makeupSummary =
\r\n\t\t\t\t{t('FO_MakeupSummary_AllowedMakeup')}
\r\n\t\t\t\t\t\t{t('FO_MakeupSummary_Makeups')}
\r\n\t\t\t\t\t\t{t('FO_Common_NoResults')}
;\r\n\t\tif (terms && terms.length > 0) {\r\n\t\t\tmakeupSummary = Object.values(terms).map(term => \r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst childId = Number(ownProps.match.params.id);\r\n\r\n\tconst {\r\n\t\tparent,\r\n\t\tentities: { makeupSummary, terms, centers },\r\n\t\tfilters: { makeupSummaryByChildAndTerm },\r\n\t\tconfiguration: { franchisor }\r\n\t} = state;\r\n\r\n\tconst child = getChild(parent, childId);\r\n\tconst classes = child && child.attendedClasses;\r\n\tconst groupedByTerm = classes && classes.length > 0 && utils.groupBy(classes, 'termId');\r\n\tconst childTerms = groupedByTerm && Object.keys(groupedByTerm).filter(key => terms[key]).map(key => terms[key]).sort((a, b) => moment(b.startDate) - moment(a.startDate));\r\n\tconst activeTerm = childTerms && childTerms.length > 0 && (getDefaultActiveTerm(childTerms) || childTerms[0]);\t// current term or the last term the child is enrolled into (if not enrolled in the current)\r\n\r\n\treturn {\r\n\t\tcenters,\r\n\t\tmakeupSummary,\r\n\t\tchildId,\r\n\t\tchild,\r\n\t\tterms: childTerms,\r\n\t\tactiveTerm,\r\n\t\tmakeupSummaryByChildAndTermFilter: makeupSummaryByChildAndTerm,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadMakeupSummaryByChildAndTerm\r\n})(withNamespaces()(MakeupSummary));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass TermThemeLink extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.showInfoDialog = this.showInfoDialog.bind(this);\r\n\t\tthis.hideInfoDialog = this.hideInfoDialog.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tshowInfoDialog: false\r\n\t\t};\r\n\t}\r\n\r\n\tshowInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: true\r\n\t\t});\r\n\t}\r\n\r\n\thideInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: false\r\n\t\t});\r\n\t}\r\n\r\n\trenderInfoDialog() {\r\n\t\tconst { term } = this.props;\r\n\r\n\t\tconst header = term && term.name;\r\n\t\tconst body = term && ;\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { term } = this.props;\r\n\t\tconst infoDialog = this.renderInfoDialog();\r\n\r\n\t\treturn term ? \r\n\t\t\t{term.name}\r\n\t\t\t{infoDialog}\r\n\t\t : null;\r\n\t}\r\n}\r\n\r\nTermThemeLink.propTypes = {\r\n\tterm: PropTypes.shape({\r\n\t\tname: PropTypes.string,\r\n\t\tthemeDescription: PropTypes.string\r\n\t})\r\n};\r\n\r\nexport default withNamespaces()(TermThemeLink);","import React from 'react';\r\nimport { Button } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nconst BackButton = ({ history, title, t }) => {\r\n\treturn ;\r\n};\r\n\r\nexport default withNamespaces()(withRouter(BackButton));","import { i18n } from './globalize';\r\n\r\nconst required = value => (value || value == '0') ? undefined : i18n.t('Validator_Required');\r\n\r\nconst requiredArray = value => (value && value.length > 0) ? undefined : i18n.t('Validator_Required');\r\n\r\nconst minLength = min => value =>\r\n\tvalue && value.length < min ? i18n.t('Validator_MinLength', { min }) : undefined;\r\n\r\nconst maxLength = max => value =>\r\n\tvalue && value.length > max ? i18n.t('Validator_MaxLength', { max }) : undefined;\r\n\r\nconst number = value => value && isNaN(Number(value)) ? i18n.t('Validator_Number') : undefined;\r\n\r\nconst minValue = min => value =>\r\n\tvalue && value < min ? i18n.t('Validator_MinValue', { min }) : undefined;\r\n\r\nconst maxValue = max => value =>\r\n\tvalue && value > max ? i18n.t('Validator_MaxValue', { max }) : undefined;\r\n\r\nconst range = (min, max) => value =>\r\n\tvalue && (value < min || value > max) ? i18n.t('Validator_Range', { min, max }) : undefined;\r\n\r\nconst pattern = (regex, messageI18nKey) => value =>\r\n\tvalue && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value) ?\r\n\t\ti18n.t(messageI18nKey || 'Validator_Pattern') : undefined;\r\n\r\nconst email = pattern(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i, 'Validator_Email');\r\n\r\nconst dateInThePast = value => value && (value instanceof Date) && value > new Date() ? i18n.t('Validator_DateInThePast') : undefined;\r\n\r\nexport default {\r\n\trequired,\r\n\trequiredArray,\r\n\tminLength,\r\n\tmaxLength,\r\n\tnumber,\r\n\tminValue,\r\n\tmaxValue,\r\n\trange,\r\n\tpattern,\r\n\temail,\r\n\tdateInThePast\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport moment from 'moment';\r\nimport WorkshopSteps from './workshop/Steps';\r\nimport WorkshopSessions from './workshop/Sessions';\r\nimport Child from './Child';\r\nimport Confirm from './Confirm';\r\nimport { updateSelectedCenter } from '../actions';\r\nimport { fetchPayment, PaymentTypes, PAYMENT_FETCH_REQUEST, PAYMENT_FETCH_SUCCESS, PAYMENT_FETCH_FAILURE } from '../payments/actions';\r\nimport { getChild, hasSameAsParentChild } from '../reducer';\r\nimport {\r\n\tloadPaymentMethods, loadInstalmentPlans, createAndSelectChild,\r\n\tselectChild, selectWorkshopSessions, selectPaymentType, selectPaymentMethod,\r\n\tsaveWorkshopBooking, initiatePayment, resetBooking,\r\n\tapplyPromoCode, removePromoCode,\r\n\tPAYMENT_START_REQUEST, PAYMENT_START_SUCCESS, PAYMENT_START_FAILURE,\r\n\tPAYMENT_CANCEL_SUCCESS,\r\n\tWORKSHOP_BOOKING_CREATE_REQUEST, WORKSHOP_BOOKING_CREATE_SUCCESS, WORKSHOP_BOOKING_CREATE_FAILURE,\r\n\tAPPLY_PROMO_CODE_REQUEST, APPLY_PROMO_CODE_SUCCESS, APPLY_PROMO_CODE_FAILURE,\r\n\tREMOVE_PROMO_CODE_REQUEST, REMOVE_PROMO_CODE_SUCCESS, REMOVE_PROMO_CODE_FAILURE\r\n} from './actions';\r\nimport { fetchMedicalInformation, updateMedicalInformation } from '../children/actions';\r\nimport {\r\n\tfetchWorkshop, loadWorkshopSessions, WORKSHOP_SESSIONS_REQUEST, WORKSHOP_SESSIONS_SUCCESS, WORKSHOP_SESSIONS_FAILURE\r\n} from '../common/actions';\r\nimport { initPaymentMethod } from './paymentMethods/actions';\r\nimport queryString from 'query-string';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport analyticsTracker from '../../common/services/analyticsTracker';\r\nimport { getFormValues, change, clearSubmitErrors } from 'redux-form';\r\nimport { getActiveLanguage } from '../../languages/reducer';\r\n\r\nclass WorkshopBooking extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleClassNavigateBack = this.handleClassNavigateBack.bind(this);\r\n\t\tthis.handleChildSettingsSubmit = this.handleChildSettingsSubmit.bind(this);\r\n\t\tthis.handleUpdateChildMedicalInformation = this.handleUpdateChildMedicalInformation.bind(this);\r\n\t\tthis.handleChildSelect = this.handleChildSelect.bind(this);\r\n\t\tthis.handleNewChildSelect = this.handleNewChildSelect.bind(this);\r\n\t\tthis.handlePaymentTypeSelect = this.handlePaymentTypeSelect.bind(this);\r\n\t\tthis.handleSessionsSelect = this.handleSessionsSelect.bind(this);\r\n\t\tthis.handleConfirmBooking = this.handleConfirmBooking.bind(this);\r\n\t\tthis.handleApplyPromoCode = this.handleApplyPromoCode.bind(this);\r\n\t\tthis.handleRemovePromoCode = this.handleRemovePromoCode.bind(this);\r\n\t\tthis.handleSelectPaymentMethod = this.handleSelectPaymentMethod.bind(this);\r\n\t\tthis.steps = [\r\n\t\t\t{\r\n\t\t\t\tid: 2,\r\n\t\t\t\tname: 'child',\r\n\t\t\t\trender: () => {\r\n\t\t\t\t\tconst { queryParams: { add, medical, reset }, franchisor, requireMedicalInformation, bookingOptions: { selectedChildId } } = this.props;\r\n\t\t\t\t\tconst isAdd = add === 'true';\r\n\t\t\t\t\tconst isMedical = medical === 'true';\r\n\t\t\t\t\tconst isReset = reset === 'true';\r\n\r\n\t\t\t\t\tif (selectedChildId > 0 && !requireMedicalInformation && !isAdd) {\r\n\t\t\t\t\t\treturn {t('FO_Child_MakeupSummary')}
\r\n\t\t\t{makeupSummary}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst {\r\n\t\tparent,\r\n\t\tentities: { centers, workshops, workshopSessions, payments, medicalInformations },\r\n\t\tlookups: { medicalInformationForm },\r\n\t\tconfiguration: { franchisor },\r\n\t\tauth: { currentUser },\r\n\t\tpaymentProcessors\r\n\t} = state;\r\n\r\n\tconst {\r\n\t\tavailability,\r\n\t\tselectedChildId,\r\n\t\tselectedWorkshopSessionIds,\r\n\t\tselectedPaymentTypeId,\r\n\t\tselectedPaymentMethodName,\r\n\t\tworkshopErrorMessage,\r\n\t\tpaymentMethodsByCenter,\r\n\t\tinstalmentPlans,\r\n\t\tpromoCodeErrorMessage,\r\n\t\tcancellationReason,\r\n\t\tresult\r\n\t} = state.booking;\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst workshopId = Number(ownProps.match.params.workshopId);\r\n\tconst centerId = Number(ownProps.match.params.centerId);\r\n\r\n\tconst workshopSessionsFilter = state.filters.workshopSessions[workshopId] || { ids: [] };\r\n\r\n\tconst paymentId = ownProps.match.params.step === 'confirm' && Number(ownProps.match.params.id);\r\n\tconst savedPayment = paymentId && payments[paymentId];\r\n\tif (savedPayment) {\r\n\t\tsavedPayment.parent = parent;\r\n\t\tsavedPayment.child = getChild(parent, savedPayment.childId);\r\n\t\tif (savedPayment.centerId) {\r\n\t\t\tsavedPayment.center = centers[savedPayment.centerId];\r\n\t\t}\r\n\t\tif (savedPayment.workshopId) {\r\n\t\t\tsavedPayment.workshop = workshops[savedPayment.workshopId];\r\n\t\t}\r\n\t\tif (savedPayment.workshopSessionIds) {\r\n\t\t\tsavedPayment.workshopSessions = savedPayment.workshopSessionIds.map(sessionId => workshopSessions[sessionId] || { start: null, end: null });\r\n\t\t}\r\n\t}\r\n\r\n\tconst requireMedicalInformation = selectedChildId && franchisor.requireMedicalInformation && !medicalInformations[selectedChildId];\r\n\tconst medicalInformation = medicalInformations[selectedChildId] || (medicalInformationForm && {\r\n\t\tid: 0,\r\n\t\tformId: medicalInformationForm.id,\r\n\t\tchildId: selectedChildId,\r\n\t\tname: medicalInformationForm.name,\r\n\t\tcontent: {}\r\n\t});\r\n\r\n\tconst selectedCenter = centers[centerId];\r\n\tconst now = new Date();\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tfranchisor,\r\n\t\tparent,\r\n\t\tworkshop: workshops[workshopId],\r\n\t\tworkshopSessions: workshopSessionsFilter.ids.map(id => {\r\n\t\t\tconst session = workshopSessions[id];\r\n\t\t\treturn session && {\r\n\t\t\t\t...session,\r\n\t\t\t\tupcoming: selectedCenter ? moment(session.start).utcOffset(selectedCenter.utcOffset, true) > now : false\t\t// actual start time using center's timezone\r\n\t\t\t};\r\n\t\t}),\r\n\t\tselectedCenterId: centerId,\r\n\t\tselectedCenter,\r\n\t\tcities: [...new Set(Object.values(centers).map(center => center.city))],\t// distinct list of cities with centers\r\n\t\tcenters: Object.values(centers),\r\n\t\tbookingOptions: {\r\n\t\t\tworkshopId,\r\n\t\t\tavailability,\r\n\t\t\tselectedChildId,\r\n\t\t\tselectedWorkshopSessionIds,\r\n\t\t\tselectedPaymentTypeId,\r\n\t\t\tselectedPaymentMethodName,\r\n\t\t\terrorMessage: workshopErrorMessage,\r\n\t\t\tpaymentMethods: paymentMethodsByCenter[centerId] ? paymentMethodsByCenter[centerId] : [],\r\n\t\t\tinstalmentPlans\r\n\t\t},\r\n\t\tpaymentProcessors,\r\n\t\tpayment: savedPayment,\r\n\t\tcancellationReason,\r\n\t\tpromoCodeErrorMessage,\r\n\t\tpaymentErrorMessage: result && result.errorMessage,\r\n\t\tqueryParams,\r\n\t\tcurrentUser,\r\n\t\trequireMedicalInformation,\r\n\t\tmedicalInformation,\r\n\t\tcurrentMedicalInfoFormValues: getFormValues('customForm')(state),\r\n\t\tenableUserTimeZone: franchisor.enableUserTimeZone,\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateSelectedCenter,\r\n\tfetchWorkshop,\r\n\tloadWorkshopSessions,\r\n\tloadPaymentMethods,\r\n\tloadInstalmentPlans,\r\n\tcreateAndSelectChild,\r\n\tselectChild,\r\n\tselectWorkshopSessions,\r\n\tselectPaymentType,\r\n\tselectPaymentMethod,\r\n\tsaveWorkshopBooking,\r\n\tfetchPayment,\r\n\tinitPaymentMethod,\r\n\tinitiatePayment,\r\n\tresetBooking,\r\n\tapplyPromoCode,\r\n\tremovePromoCode,\r\n\tfetchMedicalInformation,\r\n\tupdateMedicalInformation,\r\n\tchangeMedicalInfoFormValue: (field, value) => change('customForm', field, value),\r\n\tclearMedicalInfoFormErrors: () => clearSubmitErrors('customForm')\r\n})(withNamespaces()(WorkshopBooking));","import update from 'immutability-helper';\r\nimport * as AuthActionTypes from '../../auth/actions';\r\n\r\nconst createAnalyticsReducer = ({ types, mapActionToKey }) => {\r\n\tif (!Array.isArray(types) || types.length !== 3) {\r\n\t\tthrow new Error('Expected types to be an array of three elements.');\r\n\t}\r\n\tif (!types.every(t => typeof t === 'string')) {\r\n\t\tthrow new Error('Expected types to be strings.');\r\n\t}\r\n\tif (typeof mapActionToKey !== 'function') {\r\n\t\tthrow new Error('Expected mapActionToKey to be a function.');\r\n\t}\r\n\r\n\tconst [requestType, successType, failureType] = types;\r\n\r\n\tconst initialState = {\r\n\t\tloading: false,\r\n\t\tfilter: {},\r\n\t\tdata: null\r\n\t};\r\n\tconst updateAnalytics = (state = initialState, action) => {\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\t\tconst { ...filter } = action.payload;\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: true },\r\n\t\t\t\t\tfilter: { $set: filter }\r\n\t\t\t\t});\r\n\t\t\tcase successType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false },\r\n\t\t\t\t\tdata: { $set: action.response }\r\n\t\t\t\t});\r\n\t\t\tcase failureType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false }\r\n\t\t\t\t});\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n\r\n\treturn (state = {}, action) => {\r\n\t\t// Update analytics by key\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\tcase successType:\r\n\t\t\tcase failureType:\r\n\t\t\t\tconst key = mapActionToKey(action);\r\n\t\t\t\tif (typeof key !== 'string') {\r\n\t\t\t\t\tthrow new Error('Expected key to be a string.');\r\n\t\t\t\t}\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\t[key]: { $set: updateAnalytics(state[key], action) }\r\n\t\t\t\t});\r\n\t\t\tcase AuthActionTypes.LOGOUT:\r\n\t\t\t\treturn {};\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n};\r\n\r\nexport default createAnalyticsReducer;\r\n","import React from 'react';\r\nimport MelilloChildDashboard from './Melillo/ChildDashboard';\r\nimport KindyRooChildDashboard from './KindyRoo/ChildDashboard';\r\n\r\nconst AnalyticsComponents = {\r\n\tMelilloChildDashboard,\r\n\tKindyRooChildDashboard\r\n};\r\n\r\nexport default (name, props) => {\r\n\t// component does exist\r\n\tif (name && typeof AnalyticsComponents[name] !== 'undefined') {\r\n\t\treturn React.createElement(AnalyticsComponents[name], props);\r\n\t}\r\n\t// component doesn't exist yet\r\n\treturn React.createElement(\r\n\t\t() => Component {name} has not been created yet.
\r\n\t);\r\n};","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Route, Redirect } from 'react-router-dom';\r\n\r\nconst PrivateRoute = ({ component: Component, auth, ...rest }) =>\r\n\t\r\n \r\n {grade && grade.imageUrl ?
\r\n \r\n
\r\n {center && center.name}
\r\n{t(`PaymentTypeEnum_${item.paymentType}`)}
\r\n{item.child && item.child.shortName}
\r\n \r\n
\r\n \r\n
\r\n {t('FO_Payment_Created')}
\r\n {moment(item.created).format('lll')}
\r\n {t('FO_Payment_Details')}
\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCalendar.propTypes = {\r\n\tdate: PropTypes.object,\r\n\tlessonType: PropTypes.oneOf(['', 'normal', 'trial', 'makeup']),\r\n\tlessons: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tprogramId: PropTypes.number,\r\n\t\tgrade: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tstart: PropTypes.string,\r\n\t\tend: PropTypes.string\r\n\t})),\r\n\tenableUserTimeZone: PropTypes.bool,\r\n\tonNavigate: PropTypes.func.isRequired,\r\n\tonSelectLesson: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(Calendar);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport GradesList from '../common/GradesList';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport 'react-block-ui/style.css';\r\n\r\nclass WeeklyInfo extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleWeeklyInfoClick = this.handleWeeklyInfoClick.bind(this);\r\n\t\tthis.showWeeklyInfoDialog = this.showWeeklyInfoDialog.bind(this);\r\n\t\tthis.hideWeeklyInfoDialog = this.hideWeeklyInfoDialog.bind(this);\r\n\t\tthis.handleWeeklyInfoLoad = this.handleWeeklyInfoLoad.bind(this);\r\n\t\tthis.showSubgradesDialog = this.showSubgradesDialog.bind(this);\r\n\t\tthis.hideSubgradesDialog = this.hideSubgradesDialog.bind(this);\r\n\t\tthis.handleGradeSelect = this.handleGradeSelect.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tshowWeeklyInfoDialog: false,\r\n\t\t\tshowSubgradesDialog: false,\r\n\t\t\tselectedSubgrade: null,\r\n\t\t};\r\n\t}\r\n\r\n\tshowWeeklyInfoDialog() {\r\n\t\tthis.setState({ showWeeklyInfoDialog: true });\r\n\t}\r\n\r\n\thideWeeklyInfoDialog() {\r\n\t\tthis.setState({ showWeeklyInfoDialog: false });\r\n\t}\r\n\r\n\tshowSubgradesDialog() {\r\n\t\tthis.setState({ showSubgradesDialog: true });\r\n\t}\r\n\r\n\thideSubgradesDialog() {\r\n\t\tthis.setState({ showSubgradesDialog: false });\r\n\t}\r\n\r\n\thandleWeeklyInfoLoad() {\r\n\t\tthis.props.onLoadWeeklyInfo(this.state.selectedSubgrade);\r\n\t}\r\n\r\n\thandleGradeSelect(grade) {\r\n\t\tconst onSuccess = () => {\r\n\t\t\tthis.setState({ selectedSubgrade: grade }, () => {\r\n\t\t\t\tthis.hideSubgradesDialog();\r\n\t\t\t\tthis.showWeeklyInfoDialog();\r\n\t\t\t});\r\n\t\t};\r\n\t\tthis.props.onSubGradeSelect(grade, onSuccess);\r\n\t}\r\n\r\n\trenderSubgradesDialog() {\r\n\t\tconst { lesson, grades, t } = this.props;\r\n\r\n\t\tlet grade = lesson && lesson.grade;\r\n\t\tconst gradeSubGrades = grade ? grade.subGrades.map(gradeId => grades[gradeId]).filter(g => g) : [];\r\n\r\n\t\tconst selectedSubgrade = lesson && lesson.subGrade;\r\n\t\tconst header = t('FO_ChildLesson_SelectSubgrade');\r\n\t\tconst body = grade && \r\n\t\t\t\t\t\t{t('FO_Booking_Availability_Yes')}\r\n\t\t\t\t\t\t{t('FO_Booking_Availability_Limited')}\r\n\t\t\t\t\t\t{t('FO_Booking_Availability_No')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t this.getLessonCss(event, lessonType)}\r\n\t\t\t\t\t\t\tviews={{ day: CalendarDayView, week: CalendarWeekView, next7days_day: CalendarNext7DaysDayView, next7days_week: CalendarNext7DaysWeekView }}\r\n\t\t\t\t\t\t\tlocalizer={localizer}\r\n\t\t\t\t\t\t\tformats={formats}\r\n\t\t\t\t\t\t\tstartOfWeek={startOfWeek}\t/* custom props are passed to the view */\r\n\t\t\t\t\t\t\tshowMultiDayTimes\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{selectedSubgrade &&
\r\n\t\t{t('FO_ChildLesson_SelectedSubgrade', { subgrade: selectedSubgrade.name })}
}\r\n\t\t\t\t{t('FO_ChildLesson_SelectSubgradeDescription')}
\r\n\t\t\t\t\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { result } = state.booking;\r\n\r\n\treturn {\r\n\t\t...result\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tprocessPayment\r\n})(withNamespaces()(Process));","import React from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\n\r\nconst Card = ({ color, title, children, className, ...rest }) => {\r\n const colorClassName = color ? `card-${color}` : '';\r\n\r\n return \r\n\t\t\t\t
\r\n\t\t\t{this.renderPaymentRedirectForm()}\r\n\t\t{t('FO_Booking_ProcessingPayment')}
\r\n\t\t\t\t{title}
}\r\n {children}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst {\r\n\t\tparent,\r\n\t\tentities: { centers, individualConsultationSchedule, grades, lessons, weeklyProgram, terms, payments, medicalInformations },\r\n\t\tlookups: { medicalInformationForm, paymentTypes },\r\n\t\tconfiguration: { franchisor },\r\n\t\tauth: { currentUser },\r\n\t\tpaymentProcessors,\r\n\t\tbooking\r\n\t} = state;\r\n\r\n\tconst {\r\n\t\ttermId,\r\n\t\tgradeId,\r\n\t\tprogramId,\r\n\t\tdate,\r\n\t\tlessonType,\r\n\t\tupcomingLessons,\r\n\t\tselectedChildId,\r\n\t\tselectedPaymentTypeId,\r\n\t\tisPrepaid,\r\n\t\tselectedPaymentMethodName,\r\n\t\tisSelectJoinWaitingList,\r\n\t\tisBonusLesson,\r\n\t\twarningMessage,\r\n\t\terrorMessage,\r\n\t\tchildrenPaymentTypes,\r\n\t\tpaymentMethodsByCenter,\r\n\t\tinstalmentPlans,\r\n\t\tfetchingBookingOptions,\r\n\t\tcancellationReason,\r\n\t\tpromoCodeErrorMessage,\r\n\t\tresult\r\n\t} = state.booking;\r\n\r\n\tconst isIndividualConsultation = ownProps.location.pathname.startsWith('/individual-consultation');\r\n\tconst isCalendarView = franchisor.timetableViewType === 'Calendar';\r\n\r\n\tconst paymentId = ownProps.match.params.step === 'confirm' && Number(ownProps.match.params.id);\r\n\tconst savedPayment = paymentId && payments[paymentId];\r\n\r\n\tconst selectedCenterId = (savedPayment && savedPayment.centerId) || booking.centerId || parent.centerId;\t// booking.centerId is set in Dashboard forms\r\n\tconst selectedCenter = centers[selectedCenterId];\r\n\tlet selectedLesson = null, selectedProgramItem = null;\r\n\r\n\tconst selectedCenterTerms = selectedCenter && selectedCenter.terms ?\r\n\t\tselectedCenter.terms\r\n\t\t\t.map(x => ({ ...terms[x.id], ...x }))\t // replace startDate and endDate with actual working period for the selected term\r\n\t\t\t.filter(x => x.allowBooking)\r\n\t\t\t.sort((a, b) => moment(a.startDate).format('YYYYMMDD') - moment(b.startDate).format('YYYYMMDD'))\r\n\t\t: [];\r\n\r\n\tconst selectedTerm = (termId ? selectedCenterTerms.find(x => x.id === termId) : selectedCenterTerms[0]) || { id: 0 };\r\n\r\n\tif (savedPayment) {\r\n\t\tsavedPayment.parent = parent;\r\n\t\tsavedPayment.child = getChild(parent, savedPayment.childId);\r\n\r\n\t\tif (savedPayment.lesson) {\r\n\t\t\tsavedPayment.lesson.center = centers[savedPayment.lesson.centerId];\r\n\t\t\tsavedPayment.lesson.term = selectedCenterTerms.find(x => x.id === savedPayment.lesson.termId);\r\n\t\t\tsavedPayment.lesson.grade = grades[savedPayment.lesson.gradeId];\r\n\t\t}\r\n\r\n\t\tif (savedPayment.centerId) {\r\n\t\t\tsavedPayment.center = centers[savedPayment.centerId];\r\n\t\t}\r\n\t}\r\n\r\n\tlet individualConsultationScheduleForSelectedChildAndCenter = [], deepLoadedLessons = [], deepLoadedWeeklyProgram = [];\r\n\r\n\tif (isIndividualConsultation) {\r\n\t\tconst scheduleFilter = (selectedCenterId && state.filters.individualConsultationScheduleByChildAndCenter[`${selectedChildId || 'all'}-${selectedCenterId}`]) || { ids: [], loading: false };\r\n\t\tindividualConsultationScheduleForSelectedChildAndCenter = scheduleFilter.ids.map(id => individualConsultationSchedule[id]);\r\n\t} else {\r\n\t\tif (isCalendarView) {\r\n\t\t\tdeepLoadedLessons = Object.values(lessons);\r\n\t\t\t// add full grade info in each lesson (not loaded through API)\r\n\t\t\tdeepLoadedLessons.forEach(lesson => {\r\n\t\t\t\tlesson.grade = grades[lesson.gradeId] || { name: '', subGrades: [] };\r\n\t\t\t\tlesson.center = selectedCenter || { name: '' };\r\n\t\t\t\tlesson.term = selectedTerm || { name: '', schoolYear: '' };\r\n\t\t\t});\r\n\r\n\t\t\tselectedLesson = programId && lessons[`${programId}@${date}`];\r\n\t\t\tif (selectedLesson) {\r\n\t\t\t\tselectedLesson.grade = grades[selectedLesson.gradeId] || { name: '' };\r\n\t\t\t\tselectedLesson.center = centers[selectedLesson.centerId] || { name: '' };\r\n\t\t\t\tselectedLesson.term = selectedCenterTerms.find(x => x.id === selectedLesson.termId);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tdeepLoadedWeeklyProgram = Object.values(weeklyProgram);\r\n\t\t\tdeepLoadedWeeklyProgram.forEach(item => {\r\n\t\t\t\titem.grade = grades[item.gradeId] || { name: '', subGrades: [] };\r\n\t\t\t\titem.center = centers[item.centerId] || { name: '' };\r\n\t\t\t\titem.term = selectedCenterTerms.find(x => x.id === item.termId) || { name: '', schoolYear: '' };\r\n\t\t\t});\r\n\r\n\t\t\tselectedProgramItem = programId && weeklyProgram[programId];\r\n\t\t\tif (selectedProgramItem) {\r\n\t\t\t\tselectedProgramItem.grade = grades[selectedProgramItem.gradeId] || { name: '', subGrades: [] };\r\n\t\t\t\tselectedProgramItem.center = centers[selectedProgramItem.centerId] || { name: '' };\r\n\t\t\t\tselectedProgramItem.term = selectedCenterTerms.find(x => x.id === selectedProgramItem.termId) || { name: '', schoolYear: '' };\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// populate age appropriate grades according to selected center and term\r\n\tparent.children.forEach(child => {\r\n\t\tlet ageAppropriateGradeIds = child.ageAppropriateGradeIds || [];\r\n\t\tif (selectedCenter && selectedTerm) {\r\n\t\t\tageAppropriateGradeIds = getAgeAppropriateGradesByChild(parent, selectedCenter.id, selectedTerm.id, child.id) || [];\r\n\t\t}\r\n\r\n\t\tchild.ageAppropriateGrades = ageAppropriateGradeIds.map(gradeId => grades[gradeId]);\r\n\t});\r\n\r\n\tconst requireMedicalInformation = selectedChildId && franchisor.requireMedicalInformation && !medicalInformations[selectedChildId];\r\n\tconst medicalInformation = medicalInformations[selectedChildId] || (medicalInformationForm && {\r\n\t\tid: 0,\r\n\t\tformId: medicalInformationForm.id,\r\n\t\tchildId: selectedChildId,\r\n\t\tname: medicalInformationForm.name,\r\n\t\tcontent: {}\r\n\t});\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tfranchisor,\r\n\t\tgrades: selectedCenter && selectedCenter.grades ?\r\n\t\t\tselectedCenter.grades.map(id => grades[id]).filter(x => !!x) : [],\r\n\t\tselectedGrade: gradeId && grades[gradeId], // single grade selected in Dashboard booking form\r\n\t\tparent,\r\n\t\tisIndividualConsultation,\r\n\t\tisCalendarView,\r\n\t\tgenderTypes: state.lookups.genderTypes,\r\n\t\tselectedCenter,\r\n\t\tselectedTerm,\r\n\t\tcities: [...new Set(Object.values(centers).map(center => center.city))],\t// distinct list of cities with centers\r\n\t\tcenters: Object.values(centers),\r\n\t\tlessons: deepLoadedLessons,\r\n\t\tselectedLesson,\r\n\t\tweeklyProgram: deepLoadedWeeklyProgram,\r\n\t\tselectedProgramItem,\r\n\t\tindividualConsultationSchedule: individualConsultationScheduleForSelectedChildAndCenter,\r\n\t\tterms: selectedCenterTerms,\r\n\t\tbookingOptions: {\r\n\t\t\tprogramId,\r\n\t\t\tdate,\r\n\t\t\tlessonType,\r\n\t\t\tupcomingLessons,\r\n\t\t\tselectedChildId,\r\n\t\t\tselectedPaymentTypeId,\r\n\t\t\tisPrepaid,\r\n\t\t\tselectedPaymentMethodName,\r\n\t\t\tisSelectJoinWaitingList,\r\n\t\t\tisBonusLesson,\r\n\t\t\twarningMessage,\r\n\t\t\terrorMessage,\r\n\t\t\tchildrenPaymentTypes: childrenPaymentTypes.map(c => ({\r\n\t\t\t\tchild: getChild(state.parent, c.childId),\r\n\t\t\t\tpaymentTypes: c.paymentTypes,\r\n\t\t\t\terrorMessage: c.errorMessage,\r\n\t\t\t\tjoinWaitingList: c.joinWaitingList,\r\n\t\t\t\tisLocked: c.isLocked\r\n\t\t\t})),\r\n\t\t\tpaymentMethods: paymentMethodsByCenter[selectedCenterId] ? paymentMethodsByCenter[selectedCenterId] : [],\r\n\t\t\tinstalmentPlans\r\n\t\t},\r\n\t\tpaymentProcessors,\r\n\t\tpayment: savedPayment,\r\n\t\tfetchingBookingOptions,\r\n\t\tpromoCodeErrorMessage,\r\n\t\tcancellationReason,\r\n\t\tpaymentErrorMessage: result && result.errorMessage,\r\n\t\tqueryParams,\r\n\t\tcurrentUser,\r\n\t\trequireMedicalInformation,\r\n\t\tmedicalInformation,\r\n\t\tcurrentMedicalInfoFormValues: getFormValues('customForm')(state),\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode,\r\n\t\tpaymentTypes\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateSelectedCenter,\r\n\tloadTermsByCenter,\r\n\tloadGradesByCenter,\r\n\tloadLessons,\r\n\tloadIndividualConsultationSchedule,\r\n\tloadWeeklyProgram,\r\n\tselectProgramItem,\r\n\tunselectProgramItem,\r\n\tloadAgeAppropriateGradesByCenterAndTerm,\r\n\tloadBookingOptions,\r\n\tunselectLesson,\r\n\tloadPaymentMethods,\r\n\tloadInstalmentPlans,\r\n\tcreateAndSelectChild,\r\n\tselectChild,\r\n\tselectCenter,\r\n\tselectTerm,\r\n\tselectPaymentType,\r\n\tselectPaymentMethod,\r\n\tselectConsultationDate,\r\n\tsaveBooking,\r\n\tsaveIndividualConsultationBooking,\r\n\tjoinWaitingList,\r\n\tfetchPayment,\r\n\tinitPaymentMethod,\r\n\tinitiatePayment,\r\n\tvalidateBookingOptions,\r\n\tresetBooking,\r\n\tapplyPromoCode,\r\n\tremovePromoCode,\r\n\tfetchMedicalInformation,\r\n\tupdateMedicalInformation,\r\n\tchangeMedicalInfoFormValue: (field, value) => change('customForm', field, value),\r\n\tclearMedicalInfoFormErrors: () => clearSubmitErrors('customForm')\r\n})(withNamespaces()(Booking));","import fetch from 'isomorphic-fetch';\r\nimport Config from 'Config';\r\nimport { SubmissionError, stopSubmit, reset } from 'redux-form';\r\nimport { CALL_API, processErrorResponse, getDefaultRequestHeaders } from '../common/middleware/api';\r\nimport browserStorage from '../common/services/browserStorage';\r\nimport globalize from '../common/services/globalize';\r\n\r\nexport const LOGIN_REQUEST = 'LOGIN_REQUEST';\r\nexport const LOGIN_SUCCESS = 'LOGIN_SUCCESS';\r\nexport const LOGIN_FAILURE = 'LOGIN_FAILURE';\r\n\r\nexport const REFRESH_TOKEN_REQUEST = 'REFRESH_TOKEN_REQUEST';\r\nexport const REFRESH_TOKEN_SUCCESS = 'REFRESH_TOKEN_SUCCESS';\r\nexport const REFRESH_TOKEN_FAILURE = 'REFRESH_TOKEN_FAILURE';\r\n\r\nexport const LOGOUT = 'LOGOUT';\r\n\r\nexport const CURRENT_USER_REQUEST = 'CURRENT_USER_REQUEST';\r\nexport const CURRENT_USER_SUCCESS = 'CURRENT_USER_SUCCESS';\r\nexport const CURRENT_USER_FAILURE = 'CURRENT_USER_FAILURE';\r\n\r\nexport const REGISTER_PARENT_REQUEST = 'REGISTER_PARENT_REQUEST';\r\nexport const REGISTER_PARENT_SUCCESS = 'REGISTER_PARENT_SUCCESS';\r\nexport const REGISTER_PARENT_FAILURE = 'REGISTER_PARENT_FAILURE';\r\n\r\nexport const FORGOTTEN_PASSWORD_REQUEST = 'FORGOTTEN_PASSWORD_REQUEST';\r\nexport const FORGOTTEN_PASSWORD_SUCCESS = 'FORGOTTEN_PASSWORD_SUCCESS';\r\nexport const FORGOTTEN_PASSWORD_FAILURE = 'FORGOTTEN_PASSWORD_FAILURE';\r\n\r\nexport const RESET_PASSWORD_REQUEST = 'RESET_PASSWORD_REQUEST';\r\nexport const RESET_PASSWORD_SUCCESS = 'RESET_PASSWORD_SUCCESS';\r\nexport const RESET_PASSWORD_FAILURE = 'RESET_PASSWORD_FAILURE';\r\n\r\nexport const UNSUBSCRIBE_REQUEST = 'UNSUBSCRIBE_REQUEST';\r\nexport const UNSUBSCRIBE_SUCCESS = 'UNSUBSCRIBE_SUCCESS';\r\nexport const UNSUBSCRIBE_FAILURE = 'UNSUBSCRIBE_FAILURE';\r\n\r\nconst TOKEN_URL = `${Config.authServerUrl}/token`;\r\nconst CURRENT_USER_URL = `${Config.frontofficeApiUrl}/api/account`;\r\nconst PARENT_REGISTRATION_URL = `${Config.frontofficeApiUrl}/api/parents`;\r\nconst PARENT_UNSUBSCRIBE_URL = `${Config.frontofficeApiUrl}/api/unsubscribe`;\r\n\r\nconst requestLogin = (credentials) => ({\r\n\ttype: LOGIN_REQUEST,\r\n\tpayload: credentials\r\n});\r\n\r\nconst receiveLogin = (json) => ({\r\n\ttype: LOGIN_SUCCESS,\r\n\tpayload: {\r\n\t\taccessToken: json.access_token,\r\n\t\trefreshToken: json.refresh_token\r\n\t},\r\n\tanalytics: {\r\n\t\tevent: 'LogIn',\r\n\t\tisCustomEvent: true\r\n\t}\r\n});\r\n\r\nconst loginError = (errorMessage) => ({\r\n\ttype: LOGIN_FAILURE,\r\n\tpayload: { error: errorMessage }\r\n});\r\n\r\nexport const loginUser = (credentials) => (dispatch, getState) => {\r\n\tconst { username, password, impersonatedUsername } = credentials;\r\n\tconst state = getState();\r\n\tconst defaultHeaders = getDefaultRequestHeaders(state);\r\n\tconst config = {\r\n\t\tmethod: 'POST',\r\n\t\theaders: {\r\n\t\t\t...defaultHeaders,\r\n\t\t\t'Content-Type': 'application/x-www-form-urlencoded'\r\n\t\t},\r\n\t\tbody: `grant_type=password&username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}&client_id=front_office&audience=front_office_api&scope=offline_access`\r\n\t};\r\n\tif (impersonatedUsername) {\r\n\t\tconfig.body = `${config.body}&impersonated_username=${encodeURIComponent(impersonatedUsername)}`;\r\n\t}\r\n\tdispatch(requestLogin(credentials));\r\n\treturn fetch(TOKEN_URL, config)\r\n\t\t.then(response => response.json().then(json => {\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tconst errorMessage = json.error_description ? json.error_description : json.error;\r\n\t\t\t\tdispatch(loginError(errorMessage));\r\n\t\t\t\tthrow new SubmissionError({\t\t\t// handled by redux-form\r\n\t\t\t\t\t_error: errorMessage\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tbrowserStorage.setToLocalStorage(state.configuration.franchisor, 'accessToken', json.access_token);\r\n\t\t\t\tbrowserStorage.setToLocalStorage(state.configuration.franchisor, 'refreshToken', json.refresh_token);\r\n\r\n\t\t\t\tdispatch(receiveLogin(json));\r\n\t\t\t\tdispatch(getCurrentUser(json.access_token));\r\n\t\t\t}\r\n\t\t}));\r\n};\r\n\r\nconst requestRefreshToken = (initializing) => ({\r\n\ttype: REFRESH_TOKEN_REQUEST,\r\n\tpayload: { initializing }\r\n});\r\n\r\nconst receiveRefreshToken = (json) => ({\r\n\ttype: REFRESH_TOKEN_SUCCESS,\r\n\tpayload: {\r\n\t\taccessToken: json.access_token,\r\n\t\trefreshToken: json.refresh_token\r\n\t}\r\n});\r\n\r\nconst refreshTokenError = (errorMessage) => ({\r\n\ttype: REFRESH_TOKEN_FAILURE,\r\n\tpayload: { error: errorMessage }\r\n});\r\n\r\nlet isRefreshingToken = false;\r\nlet refreshTokenPromise = null;\r\n\r\nexport const refreshToken = (initializing) => (dispatch, getState) => {\r\n\tif (!isRefreshingToken) {\r\n\t\tconst state = getState();\r\n\t\tconst refreshToken = browserStorage.getFromLocalStorage(state.configuration.franchisor, 'refreshToken');\r\n\r\n\t\tif (!refreshToken) {\r\n\t\t\tconst errorMessage = 'Refresh token is missing';\r\n\t\t\tdispatch(refreshTokenError(errorMessage));\r\n\t\t\tdispatch(logoutUser(false));\r\n\t\t\treturn Promise.resolve(false);\r\n\t\t}\r\n\r\n\t\tisRefreshingToken = true;\r\n\r\n\t\tconst defaultHeaders = getDefaultRequestHeaders(state);\r\n\r\n\t\tconst config = {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t...defaultHeaders,\r\n\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded'\r\n\t\t\t},\r\n\t\t\tbody: `grant_type=refresh_token&refresh_token=${encodeURIComponent(refreshToken)}&client_id=front_office&audience=front_office_api`\r\n\t\t};\r\n\r\n\t\tdispatch(requestRefreshToken(initializing));\r\n\r\n\t\trefreshTokenPromise = fetch(TOKEN_URL, config)\r\n\t\t\t.then(response => {\r\n\t\t\t\tisRefreshingToken = false;\r\n\t\t\t\treturn response.json().then(json => {\r\n\t\t\t\t\tif (!response.ok) {\r\n\t\t\t\t\t\tdispatch(refreshTokenError(json.error_description ? json.error_description : json.error));\r\n\t\t\t\t\t\tdispatch(logoutUser(false));\r\n\t\t\t\t\t\treturn Promise.resolve(false);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tbrowserStorage.setToLocalStorage(state.configuration.franchisor, 'accessToken', json.access_token);\r\n\t\t\t\t\t\tbrowserStorage.setToLocalStorage(state.configuration.franchisor, 'refreshToken',json.refresh_token);\r\n\r\n\t\t\t\t\t\tdispatch(receiveRefreshToken(json));\r\n\t\t\t\t\t\tdispatch(getCurrentUser(json.access_token));\r\n\t\t\t\t\t\treturn Promise.resolve(true);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}).catch((error) => {\r\n\t\t\t\tisRefreshingToken = false;\r\n\t\t\t\treturn Promise.resolve(false);\r\n\t\t\t});\r\n\t}\r\n\r\n\treturn refreshTokenPromise;\r\n};\r\n\r\nexport const logoutUser = (enableAnalytics = true) => (dispatch, getState) => {\r\n\tconst { configuration } = getState();\r\n\tbrowserStorage.removeFromLocalStorage(configuration.franchisor, 'accessToken');\r\n\tbrowserStorage.removeFromLocalStorage(configuration.franchisor, 'refreshToken');\r\n\r\n\t// reset the default time zone to local\r\n\tglobalize.setDefaultTimeZone();\r\n\r\n\tdispatch({\r\n\t\ttype: LOGOUT,\r\n\t\tanalytics: enableAnalytics ? {\r\n\t\t\tevent: 'LogOut',\r\n\t\t\tisCustomEvent: true\r\n\t\t} : null\r\n\t});\r\n};\r\n\r\nconst requestGetCurrentUser = () => ({\r\n\ttype: CURRENT_USER_REQUEST\r\n});\r\n\r\nconst receiveGetCurrentUser = (user) => ({\r\n\ttype: CURRENT_USER_SUCCESS,\r\n\tpayload: user\r\n});\r\n\r\nconst getCurrentUserError = (errorMessage) => ({\r\n\ttype: CURRENT_USER_FAILURE,\r\n\tpayload: { error: errorMessage }\r\n});\r\n\r\nexport const getCurrentUser = (accessToken) => (dispatch, getState) => {\r\n\tconst config = {\r\n\t\tmethod: 'GET',\r\n\t\theaders: {\r\n\t\t\t...getDefaultRequestHeaders(getState()),\r\n\t\t\t'Authorization': 'Bearer ' + accessToken\r\n\t\t}\r\n\t};\r\n\tdispatch(requestGetCurrentUser());\r\n\treturn fetch(CURRENT_USER_URL, config)\r\n\t\t.then(response => response.json().then(json => {\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tconst errors = processErrorResponse(json);\r\n\t\t\t\tdispatch(getCurrentUserError(errors.message));\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(receiveGetCurrentUser(json));\r\n\t\t\t}\r\n\t\t}));\r\n};\r\n\r\nconst requestRegisterParentUser = (registrationData) => ({\r\n\ttype: REGISTER_PARENT_REQUEST,\r\n\tpayload: registrationData\r\n});\r\n\r\nconst receiveRegisterParentUser = (json) => ({\r\n\ttype: REGISTER_PARENT_SUCCESS,\r\n\tanalytics: [\r\n\t\t{ event: 'SuccessfulRegistration', isCustomEvent: true },\r\n\t\t{ event: 'CompleteRegistration' }\r\n\t]\r\n});\r\n\r\nconst registerParentUserError = (errorMessage) => ({\r\n\ttype: REGISTER_PARENT_FAILURE,\r\n\tpayload: { error: errorMessage }\r\n});\r\n\r\nexport const registerParentUser = (registrationData) => (dispatch, getState) => {\r\n\tconst { email, password } = registrationData;\r\n\tconst config = {\r\n\t\tmethod: 'POST',\r\n\t\theaders: getDefaultRequestHeaders(getState()),\r\n\t\tbody: JSON.stringify(registrationData)\r\n\t};\r\n\tdispatch(requestRegisterParentUser(registrationData));\r\n\treturn fetch(PARENT_REGISTRATION_URL, config)\r\n\t\t.then(response => response.json().then(json => {\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tconst errors = processErrorResponse(json);\r\n\t\t\t\tdispatch(registerParentUserError(errors.message));\r\n\t\t\t\tthrow new SubmissionError({\t\t\t// handled by redux-form\r\n\t\t\t\t\t_error: errors.message,\r\n\t\t\t\t\t...errors.validationErrors\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(receiveRegisterParentUser());\r\n\t\t\t\tdispatch(loginUser({ username: email, password }));\r\n\t\t\t}\r\n\t\t}));\r\n};\r\n\r\nexport const forgotPassword = (username) => dispatch => {\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [FORGOTTEN_PASSWORD_REQUEST, FORGOTTEN_PASSWORD_SUCCESS, FORGOTTEN_PASSWORD_FAILURE],\r\n\t\t\tendpoint: `api/passwordReset`,\r\n\t\t\tmethod: 'POST',\r\n\t\t\tauthorize: false,\r\n\t\t\trequest: username,\r\n\t\t\tform: 'forgottenPassword',\r\n\t\t\tonSuccess: () => dispatch(reset('forgottenPassword'))\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const resetPassword = (credentials, history) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [RESET_PASSWORD_REQUEST, RESET_PASSWORD_SUCCESS, RESET_PASSWORD_FAILURE],\r\n\t\tendpoint: `api/passwordReset`,\r\n\t\tmethod: 'PUT',\r\n\t\tauthorize: false,\r\n\t\trequest: credentials,\r\n\t\tform: 'resetPassword',\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: '/login'\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const unsubscribe = (parentToken, configuration, onSuccess, onError) => {\r\n\tconst config = {\r\n\t\tmethod: 'POST',\r\n\t\theaders: getDefaultRequestHeaders({ configuration }),\r\n\t\tbody: JSON.stringify({ parentToken })\r\n\t};\r\n\treturn fetch(PARENT_UNSUBSCRIBE_URL, config)\r\n\t\t.then(response => {\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tonError();\r\n\t\t\t} else {\r\n\t\t\t\tonSuccess();\r\n\t\t\t}\r\n\t\t});\r\n};","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik00OTYuMDc3LDM0NS4wNDNDNTA2LjM2OCwzMTcuMzEsNTEyLDI4Ny4zMTQsNTEyLDI1NnMtNS42MzItNjEuMzEtMTUuOTIzLTg5LjA0M0gxNS45MjMNCglDNS42MzMsMTk0LjY5LDAsMjI0LjY4NiwwLDI1NnM1LjYzMyw2MS4zMSwxNS45MjMsODkuMDQzTDI1NiwzNjcuMzA0TDQ5Ni4wNzcsMzQ1LjA0M3oiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMjU2LDUxMmMxMTAuMDcxLDAsMjAzLjkwNi02OS40NzIsMjQwLjA3Ny0xNjYuOTU3SDE1LjkyM0M1Mi4wOTQsNDQyLjUyOCwxNDUuOTI5LDUxMiwyNTYsNTEyeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=\"","import Input from './Input';\r\nimport Checkbox from './Checkbox';\r\nimport CheckboxGroup from './CheckboxGroup';\r\nimport DateTimeInput from './DateTimeInput';\r\nimport FormFileUpload from './FileUpload/FormFileUpload';\r\nimport Captcha from './Captcha';\r\nimport FormActions from './FormActions';\r\nimport YesNoSelect from './YesNoSelect';\r\nimport Slider from './Slider';\r\nimport Radio from './Radio';\r\nimport OrderedListInput from './OrderedListInput';\r\nimport Static from './Static';\r\nimport PhoneNumber from './PhoneNumber';\r\nimport DropdownList from './DropdownList';\r\n\r\nexport {\r\n\tInput,\r\n\tCheckbox,\r\n\tCheckboxGroup,\r\n\tDateTimeInput,\r\n\tFormFileUpload,\r\n\tCaptcha,\r\n\tFormActions,\r\n\tYesNoSelect,\r\n\tSlider,\r\n\tRadio,\r\n\tOrderedListInput,\r\n\tStatic,\r\n\tPhoneNumber,\r\n\tDropdownList\r\n};","import moment from 'moment';\r\n\r\nexport const COLORS = ['#0acf97', '#727cf5', '#6c757d', '#fa5c7c', '#ffbc00', '#39afd1', '#e3eaef'];\r\n\r\nexport const RED_COLORS = ['#FF0000', '#CC0000', '#FF3333', '#990000', '#FF6666', '#FFCCCC', '#FF9999'];\r\n\r\nexport const BLUE_COLORS = [ '#0000FF', '#00FFFF', '#0000CC', '#000099','#6666FF', '#66B2FF', '#CCE5FF'];\r\n\r\nconst convertToUnixTime = timestamp => moment(timestamp).format('x');\r\n\r\nconst formatUnixTime = (unixTime, format) => {\r\n\tconst currentOffset = moment().utcOffset();\r\n\treturn moment(Number(unixTime)).utcOffset(currentOffset).format(format || 'MMM D');\r\n};\r\n\r\nconst prepareTimeSeriesData = (data) => {\r\n\treturn data && data.map(item => {\r\n\t\tconst { timestamp, ...rest } = item;\r\n\t\treturn {\r\n\t\t\ttimestamp: convertToUnixTime(timestamp),\t// convert dates to Unix Timestamp to use with scale='time' type='number'\r\n\t\t\t...rest\r\n\t\t};\r\n\t});\r\n};\r\n\r\nconst formatPieLegendItem = (value, entry) => `${(entry.payload.percent * 100).toFixed(0)}% ${value}`;\r\n\r\nconst formatPercentage = value => `${value}%`;\r\n\r\nexport default {\r\n\tconvertToUnixTime,\r\n\tformatUnixTime,\r\n\tprepareTimeSeriesData,\r\n\tformatPieLegendItem,\r\n\tformatPercentage\r\n};","import React from 'react';\r\nimport ReactPixel from 'react-facebook-pixel';\r\nimport moment from 'moment';\r\nimport browserStorage from './browserStorage';\r\n\r\nexport const AnalyticsPlatforms = {\r\n\tFacebookPixel: 'FB',\r\n\tGoogleAnalytics: 'GA'\r\n};\r\n\r\nlet enableFacebookPixel = false;\r\nlet enableGATracking = false;\r\nlet isUATrackingId = false;\r\n\r\nconst gtag = (...args) => {\r\n\tif (typeof window !== 'undefined') {\r\n\t\tif (typeof window.gtag === 'undefined') {\r\n\t\t\twindow.dataLayer = window.dataLayer || [];\r\n\t\t\twindow.gtag = function gtag() {\r\n\t\t\t\twindow.dataLayer.push(arguments);\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\twindow.gtag(...args);\r\n\t}\r\n};\r\n\r\nconst loadGTag = (googleAnalyticsCode) => {\r\n\tconst gtagJs = document.createElement('script');\r\n\tgtagJs.src = `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsCode}`;\r\n\tgtagJs.async = true;\r\n\tgtagJs.onload = () => {\r\n\t\tgtag('js', new Date());\r\n\t\tgtag('config', googleAnalyticsCode, {\r\n\t\t\t'linker': {\r\n\t\t\t\t'accept_incoming': true\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\tdocument.body && document.body.appendChild(gtagJs);\r\n};\r\n\r\nconst initAnalyticsTracking = (franchisor, { facebookPixelId, googleAnalyticsCode }) => {\r\n\tif (facebookPixelId) {\r\n\t\tconst options = {\r\n\t\t\tautoConfig: false,\r\n\t\t\tdebug: false,\r\n\t\t};\r\n\t\tReactPixel.init(facebookPixelId, {}, options);\r\n\t\tenableFacebookPixel = true;\r\n\t} else {\r\n\t\tenableFacebookPixel = false;\r\n\t}\r\n\r\n\tif (googleAnalyticsCode) {\r\n\t\tloadGTag(googleAnalyticsCode);\r\n\t\tenableGATracking = true;\r\n\t\tisUATrackingId = googleAnalyticsCode.startsWith('UA-');\t// Universal Analytics tracking id\r\n\r\n\t\tinitCampaignTracking(getCampaignTags(franchisor));\r\n\t}\r\n\telse {\r\n\t\tenableGATracking = false;\r\n\t}\r\n};\r\n\r\nconst getCampaignTags = (franchisor) => {\r\n\tlet campaignTags = null;\r\n\tconst storedCampaign = browserStorage.getFromLocalStorage(franchisor, 'campaign');\r\n\tif (storedCampaign) {\r\n\t\t// use from local storage within 7 days of saving\r\n\t\tconst campaign = JSON.parse(storedCampaign);\r\n\t\tif (moment(campaign.timestamp).isAfter(moment().subtract(7, 'days'))) {\r\n\t\t\tcampaignTags = campaign.tags;\r\n\t\t}\r\n\t}\r\n\r\n\treturn campaignTags;\r\n};\r\n\r\nconst setCampaignTags = (franchisor, campaignTags) => {\r\n\tif (campaignTags) {\r\n\t\t// store in local storage with current timestamp\r\n\t\tbrowserStorage.setToLocalStorage(franchisor, 'campaign', JSON.stringify({ tags: campaignTags, timestamp: moment() }));\r\n\r\n\t\tinitCampaignTracking(campaignTags);\r\n\t}\r\n};\r\n\r\nconst initCampaignTracking = (campaignTags) => {\r\n\tif (campaignTags && enableGATracking) {\r\n\t\t// doesn't work with UA\r\n\t\t//gtag('set', {\r\n\t\t//\t'campaign_name': campaignTags.utm_campaign,\r\n\t\t//\t'campaign_source': campaignTags.utm_source,\r\n\t\t//\t'campaign_medium': campaignTags.utm_medium\r\n\t\t//});\r\n\r\n\t\tgtag('set', {\r\n\t\t\tcampaign: {\r\n\t\t\t\tname: campaignTags.utm_campaign,\r\n\t\t\t\tsource: campaignTags.utm_source,\r\n\t\t\t\tmedium: campaignTags.utm_medium\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst trackEvent = (eventCode, eventData, eventPlatform, isCustomEvent = false) => {\r\n\tconst platforms = eventPlatform ? (Array.isArray(eventPlatform) ? eventPlatform : [eventPlatform]) : Object.values(AnalyticsPlatforms);\r\n\r\n\tif (enableFacebookPixel && platforms.includes(AnalyticsPlatforms.FacebookPixel)) {\r\n\t\tif (isCustomEvent) {\r\n\t\t\tReactPixel.trackCustom(eventCode, eventData);\r\n\t\t} else {\r\n\t\t\tReactPixel.track(eventCode, eventData);\t// FB Pixel js has validation for standard events parameters\r\n\t\t}\r\n\t}\r\n\r\n\tif (enableGATracking && platforms.includes(AnalyticsPlatforms.GoogleAnalytics)) {\r\n\t\tgtag('event', eventCode, eventData);\r\n\t}\r\n};\r\n\r\nconst trackPageView = (page) => {\r\n\tif (enableFacebookPixel) {\r\n\t\tReactPixel.pageView();\r\n\t}\r\n\r\n\t// Manually send page views for Universal Analytics tracking IDs only.\r\n\t// GA4 Measurement IDs send page views automatically as long as \"Enhanced measurement\" => \"Page views\" => \"Page changes based on browser history events\" is enabled\r\n\tif (enableGATracking && isUATrackingId) {\r\n\t\tgtag('event', 'page_view', { page_path: page });\r\n\t}\r\n};\r\n\r\nexport default {\r\n\tinitAnalyticsTracking,\r\n\tgetCampaignTags,\r\n\tsetCampaignTags,\r\n\ttrackEvent,\r\n\ttrackPageView\r\n};\r\n\r\nexport const withAnalytics = Component =>\r\n\tclass WithAnalytics extends React.Component {\r\n\t\tcomponentDidMount() {\r\n\t\t\tconst page = this.props.location.pathname;\r\n\t\t\tthis.trackPage(page);\r\n\t\t}\r\n\r\n\t\tcomponentWillReceiveProps(nextProps) {\r\n\t\t\tconst currentPage = this.props.location.pathname;\r\n\t\t\tconst nextPage = nextProps.location.pathname;\r\n\r\n\t\t\t// trigger analytics tracking after franchisor details (FacebookPixelId, etc.) are loaded\r\n\t\t\tconst currentFranchisor = this.props.franchisor;\r\n\t\t\tconst nextFranchisor = nextProps.franchisor;\r\n\r\n\t\t\tif (currentPage !== nextPage || currentFranchisor.id !== nextFranchisor.id) {\r\n\t\t\t\tthis.trackPage(nextPage);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttrackPage(page) {\r\n\t\t\ttrackPageView(page);\r\n\t\t}\r\n\r\n\t\trender() {\r\n\t\t\treturn \r\n\t\t\t{payment && paymentOptionUpdateSuccess && \r\n\t\t\t\t }\r\n\t\t\t{payment && paymentOptionUpdateFailure && \r\n\t\t\t\t }\r\n\t\t\t{payment && \r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst paymentId = ownProps.match.params.id;\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\r\n\tconst { parent, entities: { payments, centers, terms, grades }, configuration: { franchisor } } = state;\r\n\r\n\tconst payment = payments[paymentId];\r\n\tif (payment) {\r\n\t\tpayment.child = getChild(parent, payment.childId);\r\n\t\tpayment.center = centers[payment.centerId];\r\n\r\n\t\tif (payment.lesson) {\r\n\t\t\tpayment.lesson.center = centers[payment.lesson.centerId];\r\n\t\t\tpayment.lesson.term = terms[payment.lesson.termId];\r\n\t\t\tpayment.lesson.grade = grades[payment.lesson.gradeId];\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tpayment,\r\n\t\tterms,\r\n\t\tgrades,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone,\r\n\t\tpaymentOptionUpdateSuccess: queryParams.cardUpdated && queryParams.cardUpdated === 'true',\r\n\t\tpaymentOptionUpdateFailure: queryParams.cardUpdated && queryParams.cardUpdated === 'false',\r\n\t\tpaymentOptionUpdateFailureReason: queryParams.reason\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchPayment,\r\n\tupdatePaymentOption\r\n})(withNamespaces()(Details));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n\tfetchMedicalInformation, updateMedicalInformation,\r\n\tMEDICAL_INFORMATION_FETCH_REQUEST, MEDICAL_INFORMATION_FETCH_SUCCESS, MEDICAL_INFORMATION_FETCH_FAILURE,\r\n\tMEDICAL_INFORMATION_UPDATE_REQUEST, MEDICAL_INFORMATION_UPDATE_SUCCESS, MEDICAL_INFORMATION_UPDATE_FAILURE\r\n} from './actions';\r\nimport { getChild } from '../reducer';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FormComponents from '../assessmentForms/Components';\r\nimport AssessmentForm from '../assessmentForms/Form';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport 'react-block-ui/style.css';\r\nimport { SubmissionError } from 'redux-form';\r\nimport { getFormValues, change, clearSubmitErrors } from 'redux-form';\r\nimport { toast, ToastContainer } from 'react-toastify';\r\n\r\nclass MedicalInformation extends Component {\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchMedicalInformation(Number(this.props.match.params.id));\r\n\t}\r\n\r\n\thandleFormSubmit(values, requiredFields, validationFunc) {\r\n\t\tconst { t, child, medicalInformation, updateMedicalInformation, clearFormErrors, history } = this.props;\r\n\r\n\t\tclearFormErrors();\r\n\r\n\t\tlet errors = {};\r\n\t\tif (requiredFields) {\r\n\t\t\trequiredFields.forEach(field => {\r\n\t\t\t\tif (values[field] == null || values[field] === '') {\t// null, undefined or empty are invalid, 0 is a valid value\r\n\t\t\t\t\terrors[field] = t('Validator_Required');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (validationFunc) {\r\n\t\t\terrors = Object.assign(errors, validationFunc(values, t));\r\n\t\t}\r\n\r\n\t\t// throw redux-form error if fields are missing when submiting form\r\n\t\tif (Object.keys(errors).length > 0) {\r\n\t\t\t//toast.error(t('FO_IndividualConsultationForm_ValidationErrors'));\r\n\t\t\tthrow new SubmissionError(errors);\r\n\t\t}\r\n\r\n\t\tupdateMedicalInformation(child.id, { ...medicalInformation, content: values }, history);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { child, medicalInformation, currentFormValues, changeFormValue, t } = this.props;\r\n\t\tconst { component, requiredFields, validationFunc } = medicalInformation ?\r\n\t\t\tFormComponents(medicalInformation, { showResults: false }, currentFormValues, changeFormValue) :\r\n\t\t\t{ component: null, requiredFields: [], validationFunc: null };\r\n\r\n\t\treturn (\r\n\t\t\t{t(`FO_PaymentMethod_${payment.paymentMethod.name}_PaymentOptionUpdate_Success`)}
\r\n\t\t\t{t(`FO_PaymentMethod_${payment.paymentMethod.name}_PaymentOptionUpdate_Failure`, { reason: paymentOptionUpdateFailureReason })}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{medicalInformation && \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst childId = Number(ownProps.match.params.id);\r\n\tconst child = getChild(state.parent, childId);\r\n\r\n\tconst { entities: { medicalInformations }, lookups: { medicalInformationForm } } = state;\r\n\r\n\tconst medicalInformation = medicalInformations[childId] || (medicalInformationForm && {\r\n\t\tid: 0,\r\n\t\tformId: medicalInformationForm.id,\r\n\t\tchildId,\r\n\t\tname: medicalInformationForm.name,\r\n\t\tcontent: {}\r\n\t});\r\n\r\n\treturn {\r\n\t\tmedicalInformation,\r\n\t\tchild,\r\n\t\tcurrentFormValues: getFormValues('customForm')(state)\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchMedicalInformation,\r\n\tupdateMedicalInformation,\r\n\tchangeFormValue: (field, value) => change('customForm', field, value),\r\n\tclearFormErrors: () => clearSubmitErrors('customForm')\r\n})(withNamespaces()(MedicalInformation));\r\n","import utils from '../../common/services/utils';\r\nimport moment from 'moment';\r\n\r\nconst getLessonAvailability = (lesson, lessonType) => {\r\n\tswitch (lessonType) {\r\n\t\tcase '':\r\n\t\tcase 'normal':\r\n\t\t\treturn lesson.availability;\r\n\t\tcase 'trial':\r\n\t\t\treturn lesson.trialAvailability;\r\n\t\tcase 'makeup':\r\n\t\t\treturn lesson.makeUpAvailability;\r\n\t}\r\n\r\n\treturn '';\r\n}\r\n\r\nconst getAvailability = (upcomingLessons, lessonType, paymentTypes, center) => {\r\n\tlet availability = '';\r\n\tif (upcomingLessons.length == 0) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet numberOfTrialLessonsToValidate = center.trialLessonPrice > 0 && center.offerTrialAsPackage ? center.numberPaidTrialLesson : 1;\r\n\r\n\tif ((lessonType === 'trial' && numberOfTrialLessonsToValidate === 1 && !center.lockClassesForTrialChildren) || lessonType === 'makeup' ||\r\n\t\t(paymentTypes && paymentTypes.some(p => p.name === 'NormalSingle'))) {\r\n\t\tconst nextLesson = upcomingLessons[0];\r\n\t\tavailability = getLessonAvailability(nextLesson, lessonType);\r\n\t}\r\n\telse {\r\n\t\tif (lessonType === 'trial' && center.lockClassesForTrialChildren) {\r\n\t\t\t//check first numberOfTrialLessonsToValidate for trial and next lessons for normal\r\n\t\t\tconst trialLessonsAvailability = upcomingLessons.slice(0, numberOfTrialLessonsToValidate)\r\n\t\t\t\t.map(x => getLessonAvailability(x, lessonType));\r\n\t\t\tconst normalLessonsAvailability = upcomingLessons.slice(numberOfTrialLessonsToValidate, upcomingLessons.length)\r\n\t\t\t\t.map(x => getLessonAvailability(x, 'normal'));\r\n\t\t\tavailability = trialLessonsAvailability.includes('No') || normalLessonsAvailability.includes('No') ? 'No' :\r\n\t\t\t\ttrialLessonsAvailability.includes('LastSpot') || normalLessonsAvailability.includes('LastSpot') ? 'LastSpot' :\r\n\t\t\t\t\ttrialLessonsAvailability.includes('Limited') || normalLessonsAvailability.includes('Limited') ? 'Limited' : 'Yes';\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst lessonCountToCheck = paymentTypes && paymentTypes.some(p => p.name === 'NormalMonth') ? 4 : upcomingLessons.length;\r\n\t\t\tconst lessonsAvailability = upcomingLessons.slice(0, lessonCountToCheck)\r\n\t\t\t\t.map(x => getLessonAvailability(x, lessonType));\r\n\t\t\tavailability = lessonsAvailability.includes('No') ? 'No' :\r\n\t\t\t\tlessonsAvailability.includes('LastSpot') ? 'LastSpot' :\r\n\t\t\t\t\tlessonsAvailability.includes('Limited') ? 'Limited' : 'Yes';\r\n\t\t}\r\n\r\n\t}\r\n\treturn availability;\r\n}\r\n\r\nconst getWeeklyProgramItemAvailability = (weeklyProgramItem, lessonType, paymentTypes) => {\r\n\tconst now = new Date();\r\n\tconst upcomingLessons = weeklyProgramItem.lessons.filter(x => {\r\n\t\tconst lessonStartTime = moment(x.start).utcOffset(weeklyProgramItem.center.utcOffset, true);\t// actual start time using center's timezone\r\n\t\treturn lessonStartTime > now;\r\n\t});\r\n\treturn getAvailability(upcomingLessons, lessonType, paymentTypes, weeklyProgramItem.center);\r\n}\r\n\r\nconst findNearbyCentersWithAvailableSpotsByLesson = (selectedCenter, selectedLesson, lessonType, allCenters, allLessons, maxDistance = 5) => {\r\n\tif (!selectedCenter || !selectedCenter.latitude || !selectedCenter.longitude) {\r\n\t\treturn [];\r\n\t}\r\n\r\n\tconst closestCenters = utils.findClosestCenters(selectedCenter, allCenters, maxDistance);\r\n\r\n\treturn closestCenters.filter(center => {\r\n\t\t// filter programs for this center, grade and term\r\n\t\tconst centerLessons = allLessons.filter(x => x.centerId === center.id &&\r\n\t\t\tx.termId === selectedLesson.termId &&\r\n\t\t\tx.gradeId === selectedLesson.gradeId);\r\n\r\n\t\t// check if there are any available spots\r\n\t\treturn centerLessons.some(lesson => {\r\n\t\t\treturn getLessonAvailability(lesson, lessonType) !== 'No';\r\n\t\t});\r\n\t});\r\n};\r\n\r\nconst findNearbyCentersWithAvailableSpotsByWeeklyProgram = (selectedCenter, selectedProgram, lessonType, paymentTypes, allCenters, weeklyProgram, maxDistance = 5) => {\r\n\tif (!selectedCenter || !selectedCenter.latitude || !selectedCenter.longitude) {\r\n\t\treturn [];\r\n\t}\r\n\r\n\tconst closestCenters = utils.findClosestCenters(selectedCenter, allCenters, maxDistance);\r\n\r\n\treturn closestCenters.filter(center => {\r\n\t\t// filter programs for this center, grade and term\r\n\t\tconst centerPrograms = weeklyProgram.filter(program =>\r\n\t\t\tprogram.centerId === center.id &&\r\n\t\t\tprogram.termId === selectedProgram.termId &&\r\n\t\t\tprogram.gradeId === selectedProgram.gradeId &&\r\n\t\t\tprogram.isOneOffLesson === selectedProgram.isOneOffLesson\r\n\t\t);\r\n\r\n\t\t// check if there are any available spots\r\n\t\treturn centerPrograms.some(program => {\r\n\t\t\treturn getWeeklyProgramItemAvailability(program, lessonType, paymentTypes) !== 'No';\r\n\t\t});\r\n\t});\r\n};\r\n\r\nexport default {\r\n\tgetLessonAvailability,\r\n\tgetAvailability,\r\n\tgetWeeklyProgramItemAvailability,\r\n\tfindNearbyCentersWithAvailableSpotsByLesson,\r\n\tfindNearbyCentersWithAvailableSpotsByWeeklyProgram\r\n};","import update from 'immutability-helper';\r\nimport mapValues from 'lodash/mapValues';\r\nimport * as AuthActionTypes from '../../auth/actions';\r\n\r\n// Creates a reducer managing pagination, given the action types to handle,\r\n// and a function telling how to extract the key from an action.\r\nconst paginate = ({ types, mapActionToKey }) => {\r\n\tif (!Array.isArray(types) || types.length !== 3) {\r\n\t\tthrow new Error('Expected types to be an array of three elements.');\r\n\t}\r\n\tif (!types.every(t => typeof t === 'string')) {\r\n\t\tthrow new Error('Expected types to be strings.');\r\n\t}\r\n\tif (typeof mapActionToKey !== 'function') {\r\n\t\tthrow new Error('Expected mapActionToKey to be a function.');\r\n\t}\r\n\r\n\tconst [requestType, successType, failureType] = types;\r\n\r\n\tconst initialState = {\r\n\t\tloading: false,\r\n\t\tfilter: {},\r\n\t\tsortKey: '',\r\n\t\tsortDirection: '',\r\n\t\tpageSize: 10,\r\n\t\tpageNumber: 1,\r\n\t\tpages: 0,\r\n\t\ttotal: 0,\r\n\t\tids: []\r\n\t};\r\n\r\n\tconst updatePagination = (state = initialState, action) => {\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\t\tconst { sortKey, sortDirection, pageSize, pageNumber, ...filter } = action.payload;\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: true },\r\n\t\t\t\t\tfilter: { $set: filter },\r\n\t\t\t\t\tsortKey: { $set: sortKey },\r\n\t\t\t\t\tsortDirection: { $set: sortDirection },\r\n\t\t\t\t\tpageSize: { $set: pageSize },\r\n\t\t\t\t\tpageNumber: { $set: pageNumber }\r\n\t\t\t\t});\r\n\t\t\tcase successType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false },\r\n\t\t\t\t\tids: { $set: action.response.result },\r\n\t\t\t\t\ttotal: { $set: action.response.totalCount },\r\n\t\t\t\t\tpages: { $set: Math.ceil(action.response.totalCount / state.pageSize) }\r\n\t\t\t\t});\r\n\t\t\tcase failureType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false }\r\n\t\t\t\t});\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n\r\n\treturn (state = {}, action) => {\r\n\t\t// Update pagination by key\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\tcase successType:\r\n\t\t\tcase failureType:\r\n\t\t\t\tconst key = mapActionToKey(action);\r\n\t\t\t\tif (typeof key !== 'string') {\r\n\t\t\t\t\tthrow new Error('Expected key to be a string.');\r\n\t\t\t\t}\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\t[key]: { $set: updatePagination(state[key], action) }\r\n\t\t\t\t});\r\n\t\t\tcase AuthActionTypes.LOGOUT:\r\n\t\t\t\t// reset all keys to initial state\r\n\t\t\t\treturn mapValues(state, () => initialState);\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n};\r\n\r\nexport default paginate;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n fetchIndividualConsultation, updateIndividualConsultationForm,\r\n INDIVIDUAL_CONSULTATION_FETCH_REQUEST, INDIVIDUAL_CONSULTATION_FETCH_SUCCESS, INDIVIDUAL_CONSULTATION_FETCH_FAILURE,\r\n INDIVIDUAL_CONSULTATION_FORM_UPDATE_REQUEST, INDIVIDUAL_CONSULTATION_FORM_UPDATE_SUCCESS, INDIVIDUAL_CONSULTATION_FORM_UPDATE_FAILURE\r\n} from './actions';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FormComponents from '../assessmentForms/Components';\r\nimport AssessmentForm from '../assessmentForms/Form';\r\nimport { SubmissionError } from 'redux-form';\r\nimport { getFormValues, change, clearSubmitErrors } from 'redux-form';\r\nimport { toast, ToastContainer } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport 'react-block-ui/style.css';\r\n\r\nclass FormDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n this.props.fetchIndividualConsultation(Number(this.props.match.params.id));\r\n }\r\n\r\n handleFormSubmit(values, isFinal, requiredFields, validationFunc) {\r\n const { t, individualConsultation, form, clearFormErrors } = this.props;\r\n\r\n clearFormErrors();\r\n\r\n if (isFinal) {\r\n let errors = {};\r\n if (requiredFields) {\r\n requiredFields.forEach(field => {\r\n if (values[field] == null || values[field] === '') {\t// null, undefined or empty are invalid, 0 is a valid value\r\n errors[field] = t('Validator_Required');\r\n }\r\n });\r\n }\r\n\r\n if (validationFunc) {\r\n errors = Object.assign(errors, validationFunc(values, t));\r\n }\r\n\r\n // throw redux-form error if fields are missing when submiting form in Final status\r\n if (Object.keys(errors).length > 0) {\r\n toast.error(t('FO_IndividualConsultationForm_ValidationErrors'));\r\n throw new SubmissionError(errors);\r\n }\r\n }\r\n\r\n this.props.updateIndividualConsultationForm(individualConsultation.id, form.id, { content: values, isFinal },\r\n () => toast.success(t(isFinal ? 'FO_IndividualConsultationForm_Final_Saved' : 'FO_IndividualConsultationForm_Draft_Saved')),\r\n (errorMessage) => toast.error(errorMessage));\r\n }\r\n\r\n render() {\r\n const { individualConsultation, form, currentFormValues, changeFormValue, t } = this.props;\r\n const { component, requiredFields, validationFunc } = form ? FormComponents(form, { showResults: true }, currentFormValues, changeFormValue) : {\r\n component: null, requiredFields: [], validationFunc: null\r\n };\r\n\r\n return {t('FO_Child_MedicalInformation')}
\r\n\t\t\t\t\r\n \r\n {form && this.handleFormSubmit(values, isFinal, requiredFields, validationFunc)}\r\n initialValues={form.content}\r\n isReadonly={form.status === 'Final'}\r\n />}\r\n \r\n
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const individualConsultation = state.entities.individualConsultations[ownProps.match.params.id];\r\n const form = individualConsultation && individualConsultation.forms.find(x => x.id === Number(ownProps.match.params.formId));\r\n\r\n return {\r\n individualConsultation,\r\n form,\r\n currentFormValues: getFormValues('customForm')(state)\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchIndividualConsultation,\r\n updateIndividualConsultationForm,\r\n changeFormValue: (field, value) => change('customForm', field, value),\r\n clearFormErrors: () => clearSubmitErrors('customForm')\r\n})(withNamespaces()(FormDetails));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass TermsAndConditions extends Component {\r\n\trender() {\r\n\t\tconst { franchisor } = this.props;\r\n\t\tconst termsAndCоnditionsHtml = franchisor && franchisor.termsAndConditions;\r\n\r\n\t\treturn (\r\n\t\t\t{termsAndCоnditionsHtml && }\r\n\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tfranchisor: state.configuration.franchisor\r\n});\r\n\r\nexport default connect(mapStateToProps)(withNamespaces()(TermsAndConditions));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Nav, NavItem, Row, Col, ButtonToolbar } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport TimetableListView from './listView';\r\nimport BookingOptions from './listView/BookingOptions';\r\nimport ClassDetailsView from './listView/Details';\r\nimport GradesDropdown from '../../common/components/GradesDropdown';\r\nimport moment from 'moment';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport WeekdaysDropdown from '../../common/components/WeekdaysDropdown';\r\nimport TermsDropdown from '../../common/components/TermsDropdown';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport utils from '../../common/services/utils';\r\nimport availabilityUtils from './availabilityUtils';\r\nimport RecommendedNearbyCenters from './RecommendedNearbyCenters';\r\n\r\nclass ClassList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleTermSelect = this.handleTermSelect.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedDate: new Date()\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.bookingOptions.selectedPaymentTypeId || this.props.bookingOptions.isSelectJoinWaitingList ||\r\n\t\t\t(this.props.bookingOptions.programId && this.props.bookingOptions.date && this.props.bookingOptions.selectedChildId)) {\r\n\t\t\tthis.props.onValidateBookingOptions();\t// validate selected options and continue to Confirm\r\n\t\t}\r\n\r\n\t\tif (this.props.selectedTerm) {\r\n\t\t\tthis.props.onLoadWeeklyProgram();\r\n\t\t}\r\n\r\n\t\twindow.scrollTo(0, 0);\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.selectedProgramItem && nextProps.selectedProgramItem) {\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t}\r\n\t}\r\n\r\n\thandleTermSelect(termId) {\r\n\t\tthis.props.onSelectTerm(termId);\r\n\t\tthis.props.onUnselectLesson();\r\n\t}\r\n\r\n\trenderTermsSelector() {\r\n\t\tconst { terms, selectedTerm } = this.props;\r\n\t\tconst sortedTerms = terms.sort(function (a, b) {\r\n\t\t\treturn moment(a.startDate).format('YYYYMMDD') - moment(b.startDate).format('YYYYMMDD');\r\n\t\t});\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\tgetPageTitleKey(lessonType) {\r\n\t\tlet titleResource = 'FO_Booking_Class_Title';\r\n\t\tswitch (lessonType) {\r\n\t\t\tcase 'trial':\r\n\t\t\t\ttitleResource = 'FO_Booking_Class_Trial';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'makeup':\r\n\t\t\t\ttitleResource = 'FO_Booking_Class_MakeUp';\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\treturn titleResource;\r\n\t}\r\n\r\n\tgetWeekdayByParentZone(programItem) {\r\n\t\tconst { selectedCenter, enableUserTimeZone } = this.props;\r\n\t\tconst weekday = programItem.lessons.length > 0 && (enableUserTimeZone ? utils.convertToUserTime(programItem.lessons[0].start, selectedCenter) : moment(programItem.lessons[0].start)).day();\r\n\t\treturn weekday === 0 ? 7 : weekday;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tweeklyProgram, selectedProgramItem, currentUser,\r\n\t\t\tterms, selectedTerm, onSelectTerm,\r\n\t\t\tgrades, selectedGrades, onSelectGrades,\r\n\t\t\tselectedWeekday, onSelectWeekday,\r\n\t\t\tselectedCenter, allowWorkshops,\r\n\t\t\tbookingOptions: { selectedChildId, lessonType },\r\n\t\t\tenableUserTimeZone, enableCurrencyConversion, currentCurrency, franchisorCurrency, t, recommendNearbyCenters, distanceToNearbyCenters\r\n\t\t} = this.props;\r\n\r\n\t\tconst gradeIds = !selectedGrades || selectedGrades.length === 0 ? null : selectedGrades.map(x => x.id);\r\n\r\n\t\tconst programInSelectedCenterTermGradesWeekday = weeklyProgram.filter(x => x.centerId === selectedCenter.id && x.termId === selectedTerm.id &&\r\n\t\t\t(!gradeIds || gradeIds.indexOf(x.gradeId) > -1 || (x.grade.mixed && x.grade.subGrades && x.grade.subGrades.some(s => gradeIds.indexOf(s) > -1))) &&\r\n\t\t\t(!selectedWeekday || this.getWeekdayByParentZone(x) === selectedWeekday));\r\n\r\n\t\tconst now = new Date();\r\n\t\tconst allLessonDates = selectedProgramItem ? selectedProgramItem.lessons.map(x => x.start).sort((a, b) => a - b) : [];\r\n\t\tconst upcomingLessonDates = allLessonDates.filter(x => {\r\n\t\t\tconst lessonStartTime = moment(x).utcOffset(selectedProgramItem.center.utcOffset, true);\t// actual start time using center's timezone\r\n\t\t\treturn lessonStartTime > now;\r\n\t\t}).sort((a, b) => a - b);\r\n\r\n\t\tconst allowFutureBooking = selectedProgramItem && selectedProgramItem.center.allowFutureBooking;\r\n\t\tconst nextDate = upcomingLessonDates.length > 0 && upcomingLessonDates[0];\r\n\r\n\t\tconst bookingDates = currentUser.userImpersonation && allowFutureBooking ? allLessonDates : (allowFutureBooking || lessonType === 'makeup' ? upcomingLessonDates : (nextDate ? [nextDate] : []));\r\n\r\n\t\tconst availability = selectedProgramItem ? availabilityUtils.getAvailability(this.props.bookingOptions.upcomingLessons || [], lessonType, this.props.paymentTypes, selectedCenter) : '';\r\n\t\tconst alternativeCenters = (availability === 'No' && recommendNearbyCenters &&\r\n\t\t\tavailabilityUtils.findNearbyCentersWithAvailableSpotsByWeeklyProgram(selectedCenter, selectedProgramItem, lessonType, this.props.paymentTypes,\r\n\t\t\t\tthis.props.centers, weeklyProgram, distanceToNearbyCenters)) || [];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!selectedProgramItem &&
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nClassList.propTypes = {\r\n\tlessonType: PropTypes.oneOf(['', 'normal', 'trial', 'makeup']),\r\n\tgrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tselectedGrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tonSelectGrades: PropTypes.func.isRequired,\r\n\tselectedWeekday: PropTypes.number,\r\n\tonSelectWeekday: PropTypes.func.isRequired,\r\n\tweeklyProgram: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tgrade: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t})\r\n\t})),\r\n\tonLoadWeeklyProgram: PropTypes.func.isRequired,\r\n\tonValidateBookingOptions: PropTypes.func.isRequired,\r\n\tonSelectProgramItem: PropTypes.func.isRequired,\r\n\tonUnselectProgramItem: PropTypes.func.isRequired,\r\n\tonSelectTerm: PropTypes.func.isRequired,\r\n\tonSelectPaymentType: PropTypes.func.isRequired,\r\n\tonSelectJoinWaitingList: PropTypes.func.isRequired,\r\n\tonSaveBooking: PropTypes.func.isRequired,\r\n\tonNavigateBack: PropTypes.func.isRequired,\r\n\tterms: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string,\r\n\t\tstartDate: PropTypes.string,\r\n\t\tendDate: PropTypes.string\r\n\t})),\r\n\tselectedTerm: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string,\r\n\t\tstartDate: PropTypes.string,\r\n\t\tendDate: PropTypes.string\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasTrialLesson: PropTypes.boolean,\r\n\t\tageAppropriateGrades: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number, name: PropTypes.string }))\r\n\t})),\r\n\trecommendNearbyCenters: PropTypes.boolean,\r\n\tonSelectNearbyCenter: PropTypes.func\r\n};\r\n\r\nexport default withNamespaces()(ClassList);","import { CALL_API } from '../../common/middleware/api';\r\nimport { createChild } from '../actions';\r\nimport { initiatePaymentWithMethod, confirmPaymentWithMethod } from './paymentMethods/actions';\r\nimport { fetchPayment, PaymentTypes } from '../payments/actions';\r\nimport { i18n } from '../../common/services/globalize';\r\nimport queryString from 'query-string';\r\nimport analyticsTracker from '../../common/services/analyticsTracker';\r\n\r\nexport const STORE_SEARCH_QUERY = 'STORE_SEARCH_QUERY';\r\nexport const STORE_INDIVIDUAL_CONSULTATION_SEARCH_QUERY = 'STORE_INDIVIDUAL_CONSULTATION_SEARCH_QUERY';\r\n\r\nexport const RESET_BOOKING = 'RESET_BOOKING';\r\nexport const BOOKING_OPTIONS_FETCH_REQUEST = 'BOOKING_OPTIONS_GET_REQUEST';\r\nexport const BOOKING_OPTIONS_FETCH_SUCCESS = 'BOOKING_OPTIONS_GET_SUCCESS';\r\nexport const BOOKING_OPTIONS_FETCH_FAILURE = 'BOOKING_OPTIONS_GET_FAILURE';\r\n\r\nexport const PAYMENT_METHODS_FETCH_REQUEST = 'PAYMENT_METHODS_GET_REQUEST';\r\nexport const PAYMENT_METHODS_FETCH_SUCCESS = 'PAYMENT_METHODS_GET_SUCCESS';\r\nexport const PAYMENT_METHODS_FETCH_FAILURE = 'PAYMENT_METHODS_GET_FAILURE';\r\n\r\nexport const INSTALMENT_PLANS_FETCH_REQUEST = 'INSTALMENT_PLANS_FETCH_REQUEST';\r\nexport const INSTALMENT_PLANS_FETCH_SUCCESS = 'INSTALMENT_PLANS_FETCH_SUCCESS';\r\nexport const INSTALMENT_PLANS_FETCH_FAILURE = 'INSTALMENT_PLANS_FETCH_FAILURE';\r\n\r\nexport const UNSELECT_LESSON = 'UNSELECT_LESSON';\r\nexport const SELECT_CHILD = 'SELECT_CHILD';\r\nexport const SELECT_PAYMENT_TYPE = 'SELECT_PAYMENT_TYPE';\r\nexport const SELECT_CONSULTATION_DATE = 'SELECT_CONSULTATION_DATE';\r\nexport const SELECT_CENTER = 'SELECT_CENTER';\r\nexport const SELECT_JOIN_WAITING_LIST = 'SELECT_JOIN_WAITING_LIST';\r\nexport const SELECT_TERM = 'SELECT_TERM';\r\nexport const SELECT_GRADE = 'SELECT_GRADE';\r\nexport const SELECT_LESSON_TYPE = 'SELECT_LESSON_TYPE';\r\n\r\nexport const SELECT_PROGRAM_ITEM = 'SELECT_PROGRAM_ITEM';\r\nexport const UNSELECT_PROGRAM_ITEM = 'UNSELECT_PROGRAM_ITEM';\r\n\r\nexport const SELECT_WORKSHOP_SESSIONS = 'SELECT_WORKSHOP_SESSIONS';\r\n\r\nexport const START_ENROLMENT = 'START_ENROLMENT';\r\nexport const START_INDIVIDUAL_CONSULTATION_ENROLMENT = 'START_INDIVIDUAL_CONSULTATION_ENROLMENT';\r\nexport const START_WORKSHOP_ENROLMENT = 'START_WORKSHOP_ENROLMENT';\r\n\r\nexport const WAITING_LIST_JOIN_REQUEST = 'WAITING_LIST_JOIN_REQUEST';\r\nexport const WAITING_LIST_JOIN_SUCCESS = 'WAITING_LIST_JOIN_SUCCESS';\r\nexport const WAITING_LIST_JOIN_FAILURE = 'WAITING_LIST_JOIN_FAILURE';\r\n\r\nexport const BOOKING_CREATE_REQUEST = 'BOOKING_CREATE_REQUEST';\r\nexport const BOOKING_CREATE_SUCCESS = 'BOOKING_CREATE_SUCCESS';\r\nexport const BOOKING_CREATE_FAILURE = 'BOOKING_CREATE_FAILURE';\r\n\r\nexport const INDIVIDUAL_CONSULTATION_CREATE_REQUEST = 'INDIVIDUAL_CONSULTATION_CREATE_REQUEST';\r\nexport const INDIVIDUAL_CONSULTATION_CREATE_SUCCESS = 'INDIVIDUAL_CONSULTATION_CREATE_SUCCESS';\r\nexport const INDIVIDUAL_CONSULTATION_CREATE_FAILURE = 'INDIVIDUAL_CONSULTATION_CREATE_FAILURE';\r\n\r\nexport const WORKSHOP_BOOKING_CREATE_REQUEST = 'WORKSHOP_BOOKING_CREATE_REQUEST';\r\nexport const WORKSHOP_BOOKING_CREATE_SUCCESS = 'WORKSHOP_BOOKING_CREATE_SUCCESS';\r\nexport const WORKSHOP_BOOKING_CREATE_FAILURE = 'WORKSHOP_BOOKING_CREATE_FAILURE';\r\n\r\nexport const PAYMENT_START_REQUEST = 'PAYMENT_START_REQUEST';\r\nexport const PAYMENT_START_SUCCESS = 'PAYMENT_START_SUCCESS';\r\nexport const PAYMENT_START_FAILURE = 'PAYMENT_START_FAILURE';\r\n\r\nexport const PAYMENT_END_REQUEST = 'PAYMENT_END_REQUEST';\r\nexport const PAYMENT_END_SUCCESS = 'PAYMENT_END_SUCCESS';\r\nexport const PAYMENT_END_FAILURE = 'PAYMENT_END_FAILURE';\r\n\r\nexport const PAYMENT_CANCELLED = 'PAYMENT_CANCELLED';\t// user cancelled payment on payment provider page or card was declined\r\n\r\nexport const PAYMENT_CANCEL_REQUEST = 'PAYMENT_CANCEL_REQUEST';\r\nexport const PAYMENT_CANCEL_SUCCESS = 'PAYMENT_CANCEL_SUCCESS';\r\nexport const PAYMENT_CANCEL_FAILURE = 'PAYMENT_CANCEL_FAILURE';\r\n\r\nexport const APPLY_PROMO_CODE_REQUEST = 'APPLY_PROMO_CODE_REQUEST';\r\nexport const APPLY_PROMO_CODE_SUCCESS = 'APPLY_PROMO_CODE_SUCCESS';\r\nexport const APPLY_PROMO_CODE_FAILURE = 'APPLY_PROMO_CODE_FAILURE';\r\n\r\nexport const REMOVE_PROMO_CODE_REQUEST = 'REMOVE_PROMO_CODE_REQUEST';\r\nexport const REMOVE_PROMO_CODE_SUCCESS = 'REMOVE_PROMO_CODE_SUCCESS';\r\nexport const REMOVE_PROMO_CODE_FAILURE = 'REMOVE_PROMO_CODE_FAILURE';\r\n\r\nexport const PAYMENT_METHOD_SELECT_REQUEST = 'PAYMENT_METHOD_SELECT_REQUEST';\r\nexport const PAYMENT_METHOD_SELECT_SUCCESS = 'PAYMENT_METHOD_SELECT_SUCCESS';\r\nexport const PAYMENT_METHOD_SELECT_FAILURE = 'PAYMENT_METHOD_SELECT_FAILURE';\r\n\r\nexport const loadBookingOptions = (options) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [BOOKING_OPTIONS_FETCH_REQUEST, BOOKING_OPTIONS_FETCH_SUCCESS, BOOKING_OPTIONS_FETCH_FAILURE],\r\n\t\tendpoint: `api/booking`,\r\n\t\trequest: options\r\n\t}\r\n});\r\n\r\nexport const loadPaymentMethods = centerId => (dispatch, getState) => {\r\n\tconst cachedPaymentMethods = getState().booking.paymentMethodsByCenter[centerId];\r\n\tif (cachedPaymentMethods) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn dispatch(fetchPaymentMethods(centerId));\r\n};\r\n\r\nconst fetchPaymentMethods = centerId => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [PAYMENT_METHODS_FETCH_REQUEST, PAYMENT_METHODS_FETCH_SUCCESS, PAYMENT_METHODS_FETCH_FAILURE],\r\n\t\tendpoint: `api/booking/payment`,\r\n\t\trequest: { centerId }\r\n\t},\r\n\tcenterId\r\n});\r\n\r\nexport const loadInstalmentPlans = paymentId => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [INSTALMENT_PLANS_FETCH_REQUEST, INSTALMENT_PLANS_FETCH_SUCCESS, INSTALMENT_PLANS_FETCH_FAILURE],\r\n\t\tendpoint: `api/booking/instalmentPlans/${paymentId}`\r\n\t}\r\n});\r\n\r\nexport const createAndSelectChild = (child, history) => (dispatch, getState) => {\r\n\tconst childrenCount = getState().parent.children.length;\r\n\tdispatch(createChild(child))\r\n\t\t.then(() => {\r\n\t\t\tconst parent = getState().parent;\r\n\t\t\tconst newChild = parent.children[childrenCount];\r\n\t\t\tif (newChild) {\r\n\t\t\t\tdispatch(selectChild(newChild.id));\r\n\t\t\t\thistory.push('child'); // removes add=true query param and redirects to MedicalInfo or Center as appropriate\r\n\t\t\t}\r\n\t\t});\r\n};\r\n\r\nexport const storeSearchQuery = search => (dispatch, getState) => {\r\n\tconst campaignTags = extractCampaignTagsFromQuery(search);\r\n\tif (campaignTags) {\r\n\t\tconst { configuration } = getState();\r\n\t\tanalyticsTracker.setCampaignTags(configuration.franchisor, campaignTags);\r\n\t}\r\n\r\n\tdispatch({\r\n\t\ttype: STORE_SEARCH_QUERY,\r\n\t\tpayload: search\r\n\t});\r\n};\r\n\r\nconst extractCampaignTagsFromQuery = query => {\r\n\tconst queryParams = queryString.parse(query);\r\n\tlet campaignTags = null;\r\n\tconst campaignParams = Object.keys(queryParams).filter(x => x.startsWith('utm_'));\r\n\tif (campaignParams.length > 0) {\r\n\t\tcampaignTags = {};\r\n\t\tcampaignParams.forEach(key => {\r\n\t\t\tcampaignTags[key] = queryParams[key];\r\n\t\t});\r\n\t}\r\n\treturn campaignTags;\r\n};\r\n\r\nexport const storeIndividualConsultationSearchQuery = search => (dispatch, getState) => {\r\n\tconst campaignTags = extractCampaignTagsFromQuery(search);\r\n\tif (campaignTags) {\r\n\t\tconst { configuration } = getState();\r\n\t\tanalyticsTracker.setCampaignTags(configuration.franchisor, campaignTags);\r\n\t}\r\n\r\n\tdispatch({\r\n\t\ttype: STORE_INDIVIDUAL_CONSULTATION_SEARCH_QUERY,\r\n\t\tpayload: search\r\n\t});\r\n};\r\n\r\nexport const unselectLesson = () => ({\r\n\ttype: UNSELECT_LESSON\r\n});\r\n\r\nexport const selectProgramItem = programItemId => ({\r\n\ttype: SELECT_PROGRAM_ITEM,\r\n\tpayload: programItemId\r\n});\r\n\r\nexport const unselectProgramItem = () => ({\r\n\ttype: UNSELECT_PROGRAM_ITEM\r\n});\r\n\r\nexport const resetBooking = () => ({\r\n\ttype: RESET_BOOKING\r\n});\r\n\r\nexport const selectChild = childId => ({\r\n\ttype: SELECT_CHILD,\r\n\tpayload: childId\r\n});\r\n\r\nexport const selectPaymentType = ({ paymentTypeId, isPrepaid, isBonusLesson }) => ({\r\n\ttype: SELECT_PAYMENT_TYPE,\r\n\tpayload: { paymentTypeId, isPrepaid, isBonusLesson }\r\n});\r\n\r\nexport const selectWorkshopSessions = workshopSessionIds => ({\r\n\ttype: SELECT_WORKSHOP_SESSIONS,\r\n\tpayload: workshopSessionIds\r\n});\r\n\r\nexport const startEnrolment = ({ centerId, programId, startDate, paymentTypeId, currency, quantity, unitPrice, total, lesson }) => ({\r\n\ttype: START_ENROLMENT,\r\n\tpayload: { centerId, programId, startDate, paymentTypeId },\r\n\tanalytics: [\r\n\t\t{\r\n\t\t\tevent: 'AddToCart',\r\n\t\t\tdata: {\r\n\t\t\t\tcurrency,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\tcontents: [\r\n\t\t\t\t\t{ id: lesson.grade.id, quantity: quantity }\r\n\t\t\t\t],\r\n\t\t\t\tcontent_name: lesson.grade.name,\r\n\t\t\t\tnum_items: quantity\r\n\t\t\t},\r\n\t\t\tplatform: 'FB'\r\n\t\t},\r\n\t\t{\r\n\t\t\tevent: 'add_to_cart',\r\n\t\t\tdata: {\r\n\t\t\t\titems: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\titem_id: lesson.grade.id,\r\n\t\t\t\t\t\titem_name: lesson.grade.name,\r\n\t\t\t\t\t\titem_brand: lesson.center.name,\r\n\t\t\t\t\t\titem_category: `${lesson.term.name}, ${lesson.term.schoolYear}`,\r\n\t\t\t\t\t\tquantity: quantity,\r\n\t\t\t\t\t\tprice: unitPrice\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tplatform: 'GA'\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport const startIndividualConsultationEnrolment = ({ center, consultationType, currency, total }) => ({\r\n\ttype: START_INDIVIDUAL_CONSULTATION_ENROLMENT,\r\n\tanalytics: [\r\n\t\t{\r\n\t\t\tevent: 'AddToCart',\r\n\t\t\tdata: {\r\n\t\t\t\tcurrency,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\tcontents: [\r\n\t\t\t\t\t{ id: `Individual_Consultation_${consultationType}`, quantity: 1 }\r\n\t\t\t\t],\r\n\t\t\t\tcontent_name: consultationType,\r\n\t\t\t\tnum_items: 1\r\n\t\t\t},\r\n\t\t\tplatform: 'FB'\r\n\t\t},\r\n\t\t{\r\n\t\t\tevent: 'add_to_cart',\r\n\t\t\tdata: {\r\n\t\t\t\titems: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\titem_id: `Individual_Consultation_${consultationType}`,\r\n\t\t\t\t\t\titem_name: consultationType,\r\n\t\t\t\t\t\titem_brand: center && center.name,\r\n\t\t\t\t\t\titem_category: 'Individual_Consultation',\r\n\t\t\t\t\t\tquantity: 1,\r\n\t\t\t\t\t\tprice: total\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tplatform: 'GA'\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport const startWorkshopEnrolment = ({ workshop, center, quantity }) => ({\r\n\ttype: START_WORKSHOP_ENROLMENT,\r\n\tanalytics: [\r\n\t\t{\r\n\t\t\tevent: 'AddToCart',\r\n\t\t\tdata: {\r\n\t\t\t\tcontents: [\r\n\t\t\t\t\t{ id: `Workshop_${workshop && workshop.id}`, quantity }\r\n\t\t\t\t],\r\n\t\t\t\tcontent_name: workshop && workshop.name,\r\n\t\t\t\tnum_items: quantity\r\n\t\t\t},\r\n\t\t\tplatform: 'FB'\r\n\t\t},\r\n\t\t{\r\n\t\t\tevent: 'add_to_cart',\r\n\t\t\tdata: {\r\n\t\t\t\titems: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\titem_id: `Workshop_${workshop && workshop.id}`,\r\n\t\t\t\t\t\titem_name: workshop && workshop.name,\r\n\t\t\t\t\t\titem_brand: center && center.name,\r\n\t\t\t\t\t\titem_category: 'Workshop',\r\n\t\t\t\t\t\tquantity: quantity,\r\n\t\t\t\t\t\tprice: 0\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\tplatform: 'GA'\r\n\t\t}\r\n\t]\r\n});\r\n\r\n\r\nexport const selectConsultationDate = date => ({\r\n\ttype: SELECT_CONSULTATION_DATE,\r\n\tpayload: date\r\n});\r\n\r\nexport const selectCenter = centerId => ({\r\n\ttype: SELECT_CENTER,\r\n\tpayload: centerId\r\n});\r\n\r\nexport const selectTerm = termId => ({\r\n\ttype: SELECT_TERM,\r\n\tpayload: termId\r\n});\r\n\r\nexport const selectGrade = gradeId => ({\r\n\ttype: SELECT_GRADE,\r\n\tpayload: gradeId\r\n});\r\n\r\nexport const selectLessonType = lessonType => ({\r\n\ttype: SELECT_LESSON_TYPE,\r\n\tpayload: lessonType\r\n});\r\n\r\nexport const validateBookingOptions = ({ programId, date, childId, lessonType, paymentType, isPrepaid, paymentMethodName, isBonusLesson, isSelectJoinWaitingList, campaignTags }, history) => (dispatch, getState) => {\r\n\tdispatch(loadBookingOptions({\r\n\t\tprogramId,\r\n\t\tdate,\r\n\t\tchildId,\r\n\t\tlessonType\r\n\t}))\r\n\t\t.then(() => {\r\n\t\t\tconst newState = getState();\r\n\t\t\tif (!newState.booking.errorMessage && newState.booking.childrenPaymentTypes.find(x => x.childId === childId && x.paymentTypes.find(p => p.id === paymentType))) {\r\n\t\t\t\tdispatch(saveBooking({\r\n\t\t\t\t\tchildId,\r\n\t\t\t\t\tprogramId,\r\n\t\t\t\t\tstartDate: date,\r\n\t\t\t\t\tpaymentType,\r\n\t\t\t\t\tisPrepaid,\r\n\t\t\t\t\tpaymentMethodName,\r\n\t\t\t\t\tisBonusLesson,\r\n\t\t\t\t\tcampaignTags\r\n\t\t\t\t}, history));\r\n\t\t\t}\r\n\t\t\telse if (!newState.booking.errorMessage && isSelectJoinWaitingList && newState.booking.childrenPaymentTypes.find(x => x.childId === childId && x.joinWaitingList)) {\r\n\t\t\t\tdispatch(joinWaitingList({\r\n\t\t\t\t\tchildId,\r\n\t\t\t\t\tprogramId,\r\n\t\t\t\t\tstartDate: date\r\n\t\t\t\t}, history));\r\n\t\t\t}\r\n\t\t});\r\n};\r\n\r\nexport const saveBooking = ({ childId, programId, startDate, paymentType, isPrepaid, paymentMethodName, isBonusLesson, campaignTags }, history, rootPath = '') => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [BOOKING_CREATE_REQUEST, BOOKING_CREATE_SUCCESS, BOOKING_CREATE_FAILURE],\r\n\t\tendpoint: `api/booking`,\r\n\t\tmethod: 'POST',\r\n\t\trequest: { childId, programId, startDate, paymentType, isPrepaid, paymentMethodName, isBonusLesson, campaignTags },\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: response => {\r\n\t\t\t\t\tswitch (response.status) {\r\n\t\t\t\t\t\tcase 'Complete':\r\n\t\t\t\t\t\t\treturn `${rootPath}complete`;\t\t\t// path relative to '/booking/'\r\n\t\t\t\t\t\tcase 'Saved':\r\n\t\t\t\t\t\t\treturn `${rootPath}confirm/${response.paymentId}`;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\treturn '';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\terror: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: `${rootPath}complete`\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const saveIndividualConsultationBooking = ({ childId, centerId, consultationDate, paymentMethodName, campaignTags }, history, rootPath = '') => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [INDIVIDUAL_CONSULTATION_CREATE_REQUEST, INDIVIDUAL_CONSULTATION_CREATE_SUCCESS, INDIVIDUAL_CONSULTATION_CREATE_FAILURE],\r\n\t\tendpoint: `api/booking/individualConsultation`,\r\n\t\tmethod: 'POST',\r\n\t\trequest: { childId, centerId, consultationDate, paymentMethodName, campaignTags },\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: response => {\r\n\t\t\t\t\tswitch (response.status) {\r\n\t\t\t\t\t\tcase 'Complete':\r\n\t\t\t\t\t\t\treturn `${rootPath}complete`;\t\t// path relative to '/individual-consultation/booking/' or '/booking/'\r\n\t\t\t\t\t\tcase 'Saved':\r\n\t\t\t\t\t\t\treturn `${rootPath}confirm/${response.paymentId}`;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\treturn '';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\terror: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: `${rootPath}complete`\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const saveWorkshopBooking = ({ childId, workshopId, sessionIds, paymentMethodName, campaignTags }, history, rootPath = '') => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [WORKSHOP_BOOKING_CREATE_REQUEST, WORKSHOP_BOOKING_CREATE_SUCCESS, WORKSHOP_BOOKING_CREATE_FAILURE],\r\n\t\tendpoint: `api/booking/workshop`,\r\n\t\tmethod: 'POST',\r\n\t\trequest: { childId, workshopId, sessionIds, paymentMethodName, campaignTags },\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: response => {\r\n\t\t\t\t\tswitch (response.status) {\r\n\t\t\t\t\t\tcase 'Complete':\r\n\t\t\t\t\t\t\treturn `${rootPath}complete`;\t\t// path relative to '/workshop/booking/{centerId}/{workshopId}'\r\n\t\t\t\t\t\tcase 'Saved':\r\n\t\t\t\t\t\t\treturn `${rootPath}confirm/${response.paymentId}`;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\treturn '';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//error: {\r\n\t\t\t// push: true,\r\n\t\t\t// path: 'complete'\r\n\t\t\t//}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const selectJoinWaitingList = () => ({\r\n\ttype: SELECT_JOIN_WAITING_LIST\r\n});\r\n\r\nexport const joinWaitingList = ({ childId, programId, startDate }, history) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [WAITING_LIST_JOIN_REQUEST, WAITING_LIST_JOIN_SUCCESS, WAITING_LIST_JOIN_FAILURE],\r\n\t\tendpoint: `api/booking/waitingList`,\r\n\t\tmethod: 'POST',\r\n\t\trequest: { childId, programId, startDate },\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: 'complete'\r\n\t\t\t},\r\n\t\t\terror: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: 'complete'\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const initiatePayment = ({ paymentId, paymentMethod }, history) => (dispatch, getState) => {\r\n\treturn dispatch(initiatePaymentWithMethod(paymentMethod))\r\n\t\t.then(\r\n\t\t\t(paymentMethodData) =>\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\t[CALL_API]: {\r\n\t\t\t\t\t\ttypes: [PAYMENT_START_REQUEST, PAYMENT_START_SUCCESS, PAYMENT_START_FAILURE],\r\n\t\t\t\t\t\tendpoint: `api/booking/payment`,\r\n\t\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\t\trequest: { paymentId, paymentMethodName: paymentMethod && paymentMethod.name, ...paymentMethodData },\r\n\t\t\t\t\t\ttransition: {\r\n\t\t\t\t\t\t\thistory,\r\n\t\t\t\t\t\t\tsuccess: {\r\n\t\t\t\t\t\t\t\tpush: true,\r\n\t\t\t\t\t\t\t\tpath: response => {\r\n\t\t\t\t\t\t\t\t\tif (response.clientAuthorizationToken) {\r\n\t\t\t\t\t\t\t\t\t\treturn ''; // stay on the same page to allow Stripe to confirm the payment with client secret\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\tif (response.requiresRedirection) {\r\n\t\t\t\t\t\t\t\t\t\treturn response.redirectUrl;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\treturn `../process/${response.paymentId}`;\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tisExternal: true\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\terror: {\r\n\t\t\t\t\t\t\t\tpush: true,\r\n\t\t\t\t\t\t\t\tpath: '../complete'\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonSuccess: response => {\r\n\t\t\t\t\t\t\t// confirm Stripe payment with a client secret\r\n\t\t\t\t\t\t\tif (response.clientAuthorizationToken) {\r\n\t\t\t\t\t\t\t\treturn dispatch(confirmPaymentWithMethod(paymentMethod, response.clientAuthorizationToken, response.returnUrl))\r\n\t\t\t\t\t\t\t\t\t.then(() => history.push(`../process/${response.paymentId}`),\r\n\t\t\t\t\t\t\t\t\t\terror => {\r\n\t\t\t\t\t\t\t\t\t\t\tdispatch({ type: PAYMENT_START_FAILURE, errorResponse: { message: error.message } });\r\n\t\t\t\t\t\t\t\t\t\t\tdispatch(cancelPaymentMethod(paymentId));\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}),\r\n\t\t\terror => dispatch({ type: PAYMENT_START_FAILURE, errorResponse: { message: error || i18n.t('FO_Booking_PaymentMethodError') } })\r\n\t\t);\r\n};\r\n\r\nexport const processPayment = (options, history) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [PAYMENT_END_REQUEST, PAYMENT_END_SUCCESS, PAYMENT_END_FAILURE],\r\n\t\tsuccessPayload: response => {\r\n\t\t\tconst fbEventData = {\r\n\t\t\t\tcurrency: response.paymentCurrency,\r\n\t\t\t\tvalue: response.paymentTotal,\r\n\t\t\t\tcontents: [\r\n\t\t\t\t\t{ id: response.paymentItem.id, quantity: response.paymentQuantity }\r\n\t\t\t\t],\r\n\t\t\t\tcontent_name: response.paymentItem.name,\r\n\t\t\t\tnum_items: response.paymentQuantity\r\n\t\t\t};\r\n\r\n\t\t\tconst gaEventData = {\r\n\t\t\t\ttransaction_id: response.paymentId,\r\n\t\t\t\tvalue: response.paymentTotal,\r\n\t\t\t\tcurrency: response.paymentCurrency,\r\n\t\t\t\ttax: response.paymentTax,\r\n\t\t\t\tshipping: 0,\r\n\t\t\t\titems: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\taffiliation: 'Booking Autopilot',\r\n\t\t\t\t\t\titem_id: response.paymentItem.id,\r\n\t\t\t\t\t\titem_name: response.paymentItem.name,\r\n\t\t\t\t\t\titem_brand: response.paymentItem.brand,\r\n\t\t\t\t\t\titem_category: response.paymentItem.category,\r\n\t\t\t\t\t\tquantity: response.paymentQuantity,\r\n\t\t\t\t\t\tprice: response.paymentItem.price\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t};\r\n\r\n\t\t\tif (response.paymentPromoCode) {\r\n\t\t\t\tgaEventData.items[0].coupon = response.paymentPromoCode;\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tanalytics: [\r\n\t\t\t\t\t{ event: 'CompletedBooking', data: fbEventData, platform: 'FB', isCustomEvent: true },\r\n\t\t\t\t\t{ event: response.paymentType === 'Trial' ? 'StartTrial' : 'Purchase', data: fbEventData, platform: 'FB', isCustomEvent: response.paymentType === 'Trial' },\r\n\t\t\t\t\t{ event: 'purchase', data: gaEventData, platform: 'GA' }\r\n\t\t\t\t]\r\n\t\t\t};\r\n\t\t},\r\n\t\tendpoint: `api/booking/process`,\r\n\t\tmethod: 'POST',\r\n\t\trequest: options,\r\n\t\ttransition: {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: response => {\r\n\t\t\t\t\tif (response.requiresRedirection) {\r\n\t\t\t\t\t\tif (!response.httpBodyParams) {\r\n\t\t\t\t\t\t\treturn response.redirectUrl;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t// stay on the same page and redirect through POST request (ePay)\r\n\t\t\t\t\t\t\treturn '';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn `../complete/${response.paymentId}`;\t\t// path relative to '/individual-consultation/booking/process/{id}' or '/booking/process/{id}'\r\n\t\t\t\t},\r\n\t\t\t\tisExternal: true\r\n\t\t\t},\r\n\t\t\terror: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: '../complete'\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const paymentCancelled = reason => ({\r\n\ttype: PAYMENT_CANCELLED,\r\n\tpayload: reason\r\n});\r\n\r\nexport const cancelPaymentMethod = (paymentId, paymentType = null, history = null) => dispatch => {\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [PAYMENT_CANCEL_REQUEST, PAYMENT_CANCEL_SUCCESS, PAYMENT_CANCEL_FAILURE],\r\n\t\t\tendpoint: `api/booking/cancel`,\r\n\t\t\tmethod: 'POST',\r\n\t\t\trequest: { paymentId },\r\n\t\t\ttransition: history && {\r\n\t\t\t\thistory,\r\n\t\t\t\tsuccess: {\r\n\t\t\t\t\tpush: true,\r\n\t\t\t\t\tpath: `../confirm/${paymentId}`, // start over with a new payment method\r\n\t\t\t\t},\r\n\t\t\t\t//error: {\r\n\t\t\t\t// push: true,\r\n\t\t\t\t// path: '../complete'\r\n\t\t\t\t//}\r\n\t\t\t},\r\n\t\t\tonError: () => {\r\n\t\t\t\t// payment is already Processed and cannot be cancelled - create a copy and go to /confirm page for the new payment\r\n\t\t\t\tdispatch(copyPayment(paymentId, paymentType, history, '../'));\t// path relative to '/booking/cancelled/{id}'\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const applyPromoCode = ({ paymentId, promoCode, paymentType }) => dispatch => {\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [APPLY_PROMO_CODE_REQUEST, APPLY_PROMO_CODE_SUCCESS, APPLY_PROMO_CODE_FAILURE],\r\n\t\t\tendpoint: `api/booking/promoCode`,\r\n\t\t\tmethod: 'POST',\r\n\t\t\trequest: { paymentId, promoCode },\r\n\t\t\tonSuccess: () => dispatch(fetchPayment(paymentId, paymentType))\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const removePromoCode = ({ paymentId, promoCode, paymentType }) => dispatch => {\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [REMOVE_PROMO_CODE_REQUEST, REMOVE_PROMO_CODE_SUCCESS, REMOVE_PROMO_CODE_FAILURE],\r\n\t\t\tendpoint: `api/booking/promoCode`,\r\n\t\t\tmethod: 'DELETE',\r\n\t\t\trequest: { paymentId, promoCode },\r\n\t\t\tonSuccess: () => dispatch(fetchPayment(paymentId, paymentType))\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const selectPaymentMethod = ({ paymentId, paymentMethod, paymentType, isInstalmentPayment, instalmentPlanTemplateId }) => dispatch => {\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [PAYMENT_METHOD_SELECT_REQUEST, PAYMENT_METHOD_SELECT_SUCCESS, PAYMENT_METHOD_SELECT_FAILURE],\r\n\t\t\tendpoint: `api/booking/paymentMethod`,\r\n\t\t\tmethod: 'POST',\r\n\t\t\trequest: { paymentId, paymentMethodName: paymentMethod && paymentMethod.name, isInstalmentPayment, instalmentPlanTemplateId },\r\n\t\t\tonSuccess: () => dispatch(fetchPayment(paymentId, paymentType))\r\n\t\t}\r\n\t});\r\n};\r\n\r\n// save a new payment initialised from an existing payment\r\nexport const copyPayment = (paymentId, paymentType, history, rootPath) => (dispatch, getState) => {\r\n\tif (paymentType) {\r\n\t\tdispatch(fetchPayment(paymentId, paymentType))\r\n\t\t\t.then(() => {\r\n\t\t\t\tconst payment = getState().entities.payments[paymentId];\r\n\t\t\t\tswitch (paymentType) {\r\n\t\t\t\t\tcase PaymentTypes.Lesson:\r\n\t\t\t\t\t\tdispatch(saveBooking({\r\n\t\t\t\t\t\t\tchildId: payment.childId,\r\n\t\t\t\t\t\t\tprogramId: payment.lesson.id,\r\n\t\t\t\t\t\t\tstartDate: payment.startDate,\r\n\t\t\t\t\t\t\tpaymentType: payment.paymentType,\r\n\t\t\t\t\t\t\t//isPrepaid,\r\n\t\t\t\t\t\t\t//isBonusLesson,\r\n\t\t\t\t\t\t\tcampaignTags: payment.campaignTags\r\n\t\t\t\t\t\t}, history, rootPath))\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase PaymentTypes.IndividualConsultation:\r\n\t\t\t\t\t\tdispatch(saveIndividualConsultationBooking({\r\n\t\t\t\t\t\t\tchildId: payment.childId,\r\n\t\t\t\t\t\t\tcenterId: payment.centerId,\r\n\t\t\t\t\t\t\tconsultationDate: payment.consultationDate,\r\n\t\t\t\t\t\t\tcampaignTags: payment.campaignTags\r\n\t\t\t\t\t\t}, history, rootPath));\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase PaymentTypes.Workshop:\r\n\t\t\t\t\t\tdispatch(saveWorkshopBooking({\r\n\t\t\t\t\t\t\tchildId: payment.childId,\r\n\t\t\t\t\t\t\tworkshopId: payment.workshopId,\r\n\t\t\t\t\t\t\tsessionIds: payment.workshopSessionIds,\r\n\t\t\t\t\t\t\tcampaignTags: payment.campaignTags\r\n\t\t\t\t\t\t}, history, rootPath));\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n}","import React from 'react';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport LanguageMenu from '../languages/LanguageMenu';\r\nimport authUtils from '../auth/utils';\r\nimport { Nav, NavItem, MenuItem } from 'react-bootstrap';\r\nimport NavDropdownHover from './NavDropdownHover';\r\nimport { IndexLinkContainer } from 'react-router-bootstrap';\r\nimport { MAIN_MENU } from '../dashboard/routes';\r\nimport AnonymousMenu from './AnonymousMenu';\r\nimport ProfileMenu from './ProfileMenu';\r\n\r\nconst filterAccessibleRoutes = (routes, user, parent, franchisor, centers) => {\r\n return routes.filter(route => {\r\n return (!route.businessFunctionName || authUtils.hasPermission(user, route.businessFunctionName)) && route.hasAccess(parent, centers, franchisor);\r\n });\r\n};\r\n\r\nconst isMobileMenu = window.innerWidth < 768;\r\n\r\nconst MainMenu = ({ user, parent, franchisor, centers, languages, activeLanguage, onSelectLanguage, onLogout, t }) => {\r\n const routes = MAIN_MENU;\r\n return \r\n\t\t\t\t\t
}\r\n\t\t\t\t{selectedProgramItem && \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSelect age appropriate class in \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*{this.renderTermsSelector()}*/}\r\n\t\t\t\t\t\t{/*{selectedTerm.id && \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t*/}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t 0 ? selectedTerm : null}\r\n\t\t\t\t\t\t\t\tonSelectTerm={onSelectTerm}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t !x.mixed).sort((a, b) => a.fromAge < b.fromAge ? -1 : 1)}\r\n\t\t\t\t\t\t\t\tselectedGrades={selectedGrades}\r\n\t\t\t\t\t\t\t\tonSelectGrades={onSelectGrades}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{/*
}*/}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t { }}\r\n\t\t\t\t\t\t\t\tonConfirm={this.props.onSaveBooking}\r\n\t\t\t\t\t\t\t\tonJoinWaitingList={this.props.onSelectJoinWaitingList}\r\n\t\t\t\t\t\t\t\tblock={this.props.bookingOptionsBlock}\r\n\t\t\t\t\t\t\t\tunblock={this.props.bookingOptionsUnblock}\r\n\t\t\t\t\t\t\t\tblockChildrenInfo={this.props.childrenInfoBlock}\r\n\t\t\t\t\t\t\t\tunblockChildrenInfo={this.props.childrenInfoUnblock}\r\n\t\t\t\t\t\t\t\tcenter={selectedCenter}\r\n\t\t\t\t\t\t\t\tenableUserTimeZone={enableUserTimeZone}\r\n\t\t\t\t\t\t\t\tenableCurrencyConversion={enableCurrencyConversion}\r\n\t\t\t\t\t\t\t\tcurrentCurrency={currentCurrency}\r\n\t\t\t\t\t\t\t\tfranchisorCurrency={franchisorCurrency}\r\n\t\t\t\t\t\t\t\tisAuthenticated={true}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t{alternativeCenters.length > 0 &&
\r\n\t\t\t\t
}\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n \r\n
;\r\n};\r\n\r\nexport default withNamespaces()(MainMenu);\r\n\r\nexport { AnonymousMenu };","import React, { Component } from 'react';\r\nimport { Field } from 'redux-form';\r\nimport { Input, Checkbox } from '../../../common/components/formControls';\r\nimport { Panel, Row, Col, HelpBlock } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst renderPanelHeadingWithValidation = ({ label, meta: { error } }) => (\r\n\t\r\n\t\t\t\r\n\t\t\t\t{t('RightBrainMotor')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainMotorFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainMotor')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainMotorFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainSensory')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainSensoryFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainSensoryFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainEmotional')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainEmotionalFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainEmotional')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainEmotionalFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainBehavioral')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainBehavioralFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainBehavioral')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainBehavioralFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{t('RightBrainAcademic')}\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainAcademicFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{t('LeftBrainAcademic')}\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainAcademicFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainImmune')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainImmuneFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainImmune')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainImmuneFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainAutonomic')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainAutonomicFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainAutonomic')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainAutonomicFields}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t{showResults && \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t{showResults && \r\n\t\t\t\t{t('TotalAll')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t }\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n\r\n];\r\n\r\nexport const ValidationFunc = (values, t) => {\r\n\tlet errors = {};\r\n\r\n\tif (!values.leftBrainSensoryTotalNumberOfChecks) {\r\n\t\terrors['leftBrainSensory'] = t('Validator_Section_Required');\r\n\t}\r\n\r\n\treturn errors;\r\n};","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Alert, Glyphicon, PanelGroup, Panel } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport CenterDetailsLink from '../../../common/components/CenterDetailsLink';\r\nimport GradeDetailsLink from '../../../common/components/GradeDetailsLink';\r\nimport TermThemeLink from '../../../common/components/TermThemeLink';\r\nimport TeacherDetailsLink from '../../../common/components/TeacherDetailsLink';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport moment from 'moment';\r\nimport 'icheck/skins/minimal/grey.css';\t// used for styling booking options accordion\r\nimport 'react-block-ui/style.css';\r\nimport utils from '../../../common/services/utils';\r\nimport ui from '../../../common/services/ui';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass BookingOptions extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handlePaymentOptionAccordionSelect = this.handlePaymentOptionAccordionSelect.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tselectedPaymentTypeKeys: {}\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\t// trigger Confirm after payment type is selected and props are updated\r\n\t\tif (!this.props.bookingOptions.selectedPaymentTypeId && nextProps.bookingOptions.selectedPaymentTypeId) {\r\n\t\t\tthis.props.onConfirm();\r\n\t\t}\r\n\r\n\t\t// reset selected payment types in local state when new payment types are loaded\r\n\t\tif (this.props.bookingOptions.childrenPaymentTypes !== nextProps.bookingOptions.childrenPaymentTypes) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedPaymentTypeKeys: {}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\thandlePaymentOptionSelect(paymentTypeId, isPrepaid, isBonusLesson, childId) {\r\n\t\tthis.props.onSelectPaymentType({ paymentTypeId, isPrepaid, isBonusLesson });\r\n\t\tif (childId) {\r\n\t\t\tthis.props.onSelectChild(childId);\r\n\t\t}\r\n\t}\r\n\r\n\thandleJoinWaitingListSelect(childId) {\r\n\t\tif (childId) {\r\n\t\t\tthis.props.onSelectChild(childId);\r\n\t\t}\r\n\t\tthis.props.onJoinWaitingList();\r\n\t}\r\n\r\n\trenderChildrenInfo() {\r\n\t\tconst { children, bookingOptions: { selectedChildId }, blockChildrenInfo, unblockChildrenInfo } = this.props;\r\n\t\tlet displayChildren = children;\r\n\t\tif (selectedChildId) {\r\n\t\t\tdisplayChildren = children.filter(c => c.id === selectedChildId);\r\n\t\t}\r\n\r\n\t\treturn {t('Description1')}
\r\n\t\t\t{t('Description2')}
\r\n\t\t\t{t('RightBrainAcademicDescription')}
\r\n\t\t\t\t{t('LeftBrainAcademicDescription')}
\r\n\t\t\t\t{t('FormDescription')}
\r\n\t\t\r\n\t\t\t\t\t\t 0 ? 'FO_Booking_Class_AgeAppropriate' : 'FO_Booking_Class_AgeAppropriate_None'} count={child.ageAppropriateGrades.length}>\r\n\t\t\t\t\t\t\tSuitable classes for {{ name }}:\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t- {classes}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{showLogin && }\r\n\t\t\t \r\n\t\t\t{showLogin && {t('FO_Login_Login')} }\r\n\t\t
\r\n\t}\r\n\r\n\trenderChildBookingOptions(child, paymentTypes, errorMessage, joinWaitingList, isLocked, t) {\r\n\r\n\t\tlet allPaymentTypes = paymentTypes.map(p => { return { paymentType: p, isBonusLesson: false }; });\r\n\t\t// add options for bonus lessons\r\n\t\tpaymentTypes.filter(p => p.isBonusLessonAllowed).forEach(p => allPaymentTypes.push({ paymentType: p, isBonusLesson: true }));\r\n\r\n\t\tconst isMultipleOptions = allPaymentTypes.length > 1;\r\n\t\tconst firstPaymentOption = allPaymentTypes[0];\r\n\t\tconst accordionId = `paymentTypes_${child ? child.id : 1}`;\r\n\t\tconst accordionDefaultActiveKey = firstPaymentOption ? this.getPaymentOptionKey(firstPaymentOption.paymentType, firstPaymentOption.isBonusLesson) : null;\r\n\r\n\t\treturn \r\n\t\t\t{child && this.handlePaymentOptionAccordionSelect(accordionId, activeKey)}\r\n\t\t\t>\r\n\t\t\t\t{allPaymentTypes.map(p => this.renderPaymentOption(child, p.paymentType, p.isBonusLesson, accordionId, accordionDefaultActiveKey, isMultipleOptions, t))}\r\n\t\t\t\r\n\t\t\t}\r\n\t\t
;\r\n\t}\r\n\r\n\tgetPaymentOptionKey(paymentType, isBonusLesson) {\r\n\t\treturn `${paymentType.id}${paymentType.isPrepaid ? '_Prepaid' : ''}${isBonusLesson ? '_Bonus' : ''}`;\r\n\t}\r\n\r\n\thandlePaymentOptionAccordionSelect(accordionId, activeKey) {\r\n\t\tthis.setState({\r\n\t\t\tselectedPaymentTypeKeys: {\r\n\t\t\t\t...this.state.selectedPaymentTypeKeys,\r\n\t\t\t\t[accordionId]: activeKey\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\trenderPaymentOption(child, paymentType, isBonusLesson, accordionId, defaultAccordionKey, isMultipleOptions, t) {\r\n\t\tconst key = this.getPaymentOptionKey(paymentType, isBonusLesson);\r\n\t\tconst selectedKey = this.state.selectedPaymentTypeKeys[accordionId];\r\n\t\tconst isSelected = selectedKey ? key === selectedKey : key === defaultAccordionKey;\r\n\r\n\t\treturn \t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t{!joinWaitingList && \r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderLessonBookingOptions() {\r\n\t\tconst { t, block, unblock, bookingOptions: { errorMessage, selectedChildId, selectedPaymentTypeId, childrenPaymentTypes, warningMessage } } = this.props;\r\n\r\n\t\tconst selectedChild = selectedChildId && childrenPaymentTypes.find(c => c.child && c.child.id === selectedChildId);\r\n\t\tconst visibleChildren = selectedChild ? [selectedChild] : childrenPaymentTypes;\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn this.renderErrorWithLogin(false, errorMessage)\r\n\t\t}\r\n\r\n\t\tconst selectedPaymentType = selectedChild && selectedPaymentTypeId && selectedChild.paymentTypes.find(p => p.id === selectedPaymentTypeId);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{t(paymentType.displayNameResource)}{isBonusLesson ? `- ${t('FO_Booking_Form_IsBonusLesson')}` : ''}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{paymentType.hideUnitPrice ? t('FO_Booking_BookingOptionTotal') : `${paymentType.quantity} x ${paymentType.unitPrice}`}\r\n\t\t\t\t{paymentType.total}\r\n\t\t\t\t\r\n\t\t\t\t{conversionLink &&\r\n\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t{t(selectedPaymentType.displayNameResource)}
\r\n\t\t\t{t('FO_Booking_BookingOptions_Title')}{selectedLesson &&
\r\n\r\n\t\t\t{!selectedLesson &&
;\r\n\t}\r\n}\r\n\r\nBookingOptions.propTypes = {\r\n\tbookingOptions: PropTypes.shape({\r\n\t\twarningMessage: PropTypes.string,\r\n\t\terrorMessage: PropTypes.string,\r\n\t\tchildrenPaymentTypes: PropTypes.arrayOf(PropTypes.shape({\r\n\t\t\tchild: PropTypes.shape({\r\n\t\t\t\tfullName: PropTypes.string\r\n\t\t\t}),\r\n\t\t\tpaymentTypes: PropTypes.arrayOf(PropTypes.shape({\r\n\t\t\t\tid: PropTypes.number,\r\n\t\t\t\tisPrepaid: PropTypes.bool,\r\n\t\t\t\tdisplayNameResource: PropTypes.string,\r\n\t\t\t\tisFree: PropTypes.bool,\r\n\t\t\t\tisBonusLessonAllowed: PropTypes.bool,\r\n\t\t\t\thideUnitPrice: PropTypes.bool\r\n\t\t\t})),\r\n\t\t\terrorMessage: PropTypes.string,\r\n\t\t\tjoinWaitingList: PropTypes.bool,\r\n\t\t\tisLocked: PropTypes.bool\r\n\r\n\t\t})),\r\n\t\tprogramId: PropTypes.number,\r\n\t\tdate: PropTypes.string,\r\n\t\tselectedChildId: PropTypes.number,\r\n\t\tselectedPaymentTypeId: PropTypes.number,\r\n\t\tisSelectJoinWaitingList: PropTypes.bool,\r\n\t\tisBonusLesson: PropTypes.bool\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasTrialLesson: PropTypes.boolean,\r\n\t\tageAppropriateGrades: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number, name: PropTypes.string }))\r\n\t})),\r\n\tselectedLesson: PropTypes.shape({\r\n\t\tprogramId: PropTypes.number,\r\n\t\tgrade: PropTypes.shape({\r\n\t\t\tname: PropTypes.string,\r\n\t\t\tdescription: PropTypes.string\r\n\t\t}),\r\n\t\tcenter: PropTypes.shape({\r\n\t\t\tname: PropTypes.string,\r\n\t\t\taddress: PropTypes.string,\r\n\t\t\taddressDescription: PropTypes.string,\r\n\t\t\tphoneNumber: PropTypes.string,\r\n\t\t\tadditionalInfo: PropTypes.string,\r\n\t\t\tlatitude: PropTypes.number,\r\n\t\t\tlongitude: PropTypes.number,\r\n\t\t\tutcOffset: PropTypes.number\r\n\t\t}),\r\n\t\tstart: PropTypes.string,\r\n\t\tend: PropTypes.string\r\n\t}),\r\n\tenableUserTimeZone: PropTypes.bool,\r\n\tonSelectPaymentType: PropTypes.func.isRequired,\r\n\tonJoinWaitingList: PropTypes.func.isRequired,\r\n\tonSelectChild: PropTypes.func,\r\n\tonCancel: PropTypes.func.isRequired,\r\n\tonConfirm: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(BookingOptions);","import React from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\nimport { Field } from 'redux-form';\r\nimport { Input, OrderedListInput, CheckboxGroup, Radio, DateTimeInput } from '../../../common/components/formControls';\r\nimport validators from '../../../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst yesNoOptions = (t) => {\r\n\treturn [\r\n\t\t{ value: 'true', label: t('Yes') },\r\n\t\t{ value: 'false', label: t('No') }\r\n\t];\r\n};\r\n\r\nconst parseBoolean = value => value === 'true' ? true : false;\r\n\r\nconst Form = ({ t, isReadOnly }) => {\r\n\tconst colSize = { labelCol: 4, valueCol: 8 };\r\n\tconst bigFieldRows = 6;\r\n\r\n\treturn {t('FO_Booking_BookingOptions_Title')}{selectedLesson &&
\r\n\r\n\t\t\t{!selectedLesson && \r\n\t\t\t\t{children && this.renderChildrenInfo()}\r\n\t\t\t
}\r\n\r\n\t\t\t{selectedLesson && \r\n\t\t\t\t
}\r\n\t\t\r\n\t\t\r\n\t\t\t{t('Child')} \r\n\t\t\t\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t \r\n\t\t \r\n\r\n\t\t\r\n\t\t\t{t('MedicalHistory')} \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t \r\n\t
;\r\n};\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n\t'name',\r\n\t'age',\r\n\t'dateOfBirth',\r\n\t'gender',\r\n\t'birthOrder',\r\n\t'eyeColor',\r\n\t'hairColor',\r\n\t'bloodType',\r\n\t'bloodRh',\r\n\t'height',\r\n\t'weight'\r\n];","import React from 'react';\r\nimport { Field } from 'redux-form';\r\nimport { Radio, Input, DateTimeInput, Slider, Static, CheckboxGroup } from '../../../common/components/formControls';\r\nimport { Panel } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst yesNoOptions = (t) => {\r\n\treturn [\r\n\t\t{ value: 'true', label: t('Yes') },\r\n\t\t{ value: 'false', label: t('No') }\r\n\t];\r\n};\r\n\r\nconst parseBoolean = value => value === 'true' ? true : false;\r\n\r\nconst frequencyOptions = size => [...Array(size).keys()].map(x => ({ value: `${x + 1}`, label: `${x + 1}` }));\r\n\r\nconst percentageSliderProps = {\r\n\tmin: 0, max: 100, step: 10,\r\n\tvalueLabelFormat: value => `${value}%`,\r\n\tvalueLabelDisplay: 'on',\r\n\tmarks: [...Array(11).keys()].map(x => ({ value: x * 10, label: `${x * 10}%` }))\r\n};\r\n\r\nconst Form = ({ t, isReadOnly }) => {\r\n\tconst colSize = { labelCol: 5, valueCol: 7 };\r\n\treturn \r\n\t\t\r\n\t\t\t{t('Summary')} \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t \r\n\r\n\t\t\r\n\t\t\t{t('PrimitiveReflexes')} \r\n\t\t\t\r\n\t\t\t\t Number(value)} inline horizontal label={t('PrimitiveReflexes_1_2_1')} disabled={isReadOnly} {...colSize} />\r\n\t\t\t\t Number(value)} inline horizontal label={t('PrimitiveReflexes_1_2_2')} disabled={isReadOnly} {...colSize} />\r\n\t\t\t \r\n\t\t \r\n\r\n\t\t\r\n\t\t\t{t('HemisphericSensory')} \r\n\t\t\t\r\n\t\t\t\t Number(value)} inline horizontal label={t('HemisphericSensory_1_2_1')} disabled={isReadOnly} {...colSize} />\r\n\t\t\t\t Number(value)} inline horizontal label={t('HemisphericSensory_1_2_2')} disabled={isReadOnly} {...colSize} />\r\n\t\t\t\t \r\n\t\t \r\n\t
;\r\n};\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n\t'summary_1',\r\n\t'primitiveReflexes_1',\r\n\t'hemisphericSensory_2',\r\n\t'hemisphericSensory_3',\r\n\t'hemisphericSensory_4'\r\n];\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ButtonToolbar, DropdownButton, MenuItem } from 'react-bootstrap';\r\nimport TermsDropdown from '../../common/components/TermsDropdown';\r\nimport GradesDropdown from '../../common/components/GradesDropdown';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport WeekdaysDropdown from '../../common/components/WeekdaysDropdown';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\n\r\nclass TimetableSearchForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { cities, centers, terms, grades, selectedCity, selectedCenter, selectedTerm, selectedGrades,\r\n\t\t\tfranchisorDisplayName, selectedWeekday, showWeekdays, t } = this.props;\r\n\t\t//const cityCenters = selectedCity ? centers.filter(x => x.city === selectedCity) : centers;\r\n\r\n\t\treturn \r\n\t\t\t{/*\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{/* this.props.onSelectCity(key)}*/}\r\n\t\t\t\t{/*\tclassName='btn-block-xxs'*/}\r\n\t\t\t\t{/*\tbsStyle={selectedCity ? 'primary' : 'default'}*/}\r\n\t\t\t\t{/*\ttitle={selectedCity ? selectedCity : t('FO_TimetableSearch_City')}*/}\r\n\t\t\t\t{/*>*/}\r\n\t\t\t\t{/*\t{cities && cities.sort().map(city => )}*/}\r\n\t\t\t\t{/* */}\r\n\t\t\t\t{/* this.props.onSelectCenter(key)}*/}\r\n\t\t\t\t{/*\tclassName='btn-block-xxs'*/}\r\n\t\t\t\t{/*\tbsStyle={selectedCenter ? 'primary' : 'default'}*/}\r\n\t\t\t\t{/*\ttitle={selectedCenter ? selectedCenter.name : t('FO_TimetableSearch_Center')}*/}\r\n\t\t\t\t{/*>*/}\r\n\t\t\t\t{/*\t{cityCenters.map(center => )}*/}\r\n\t\t\t\t{/* */}\r\n\t\t\t\t\r\n\t\t\t\t a.fromAge < b.fromAge ? -1 : 1)}\r\n\t\t\t\t\tselectedGrades={selectedGrades}\r\n\t\t\t\t\tonSelectGrades={this.props.onSelectGrades}\r\n\t\t\t\t/>\r\n\t\t\t\t{showWeekdays && }\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nTimetableSearchForm.propTypes = {\r\n\tfranchisorDisplayName: PropTypes.string,\r\n\t//cities: PropTypes.arrayOf(PropTypes.string),\r\n\t//centers: PropTypes.arrayOf(PropTypes.shape({\r\n\t//\tid: PropTypes.number,\r\n\t//\tname: PropTypes.string\r\n\t//})),\r\n\tterms: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tgrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\t//selectedCity: PropTypes.string,\r\n\tselectedCenter: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t}),\r\n\tselectedTerm: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t}),\r\n\tselectedGrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tselectedWeekday: PropTypes.string,\r\n\t//onSelectCity: PropTypes.func.isRequired,\r\n\t//onSelectCenter: PropTypes.func.isRequired,\r\n\tonSelectTerm: PropTypes.func.isRequired,\r\n\tonSelectGrades: PropTypes.func.isRequired,\r\n\tonSelectWeekday: PropTypes.func,\r\n\tshowWeekdays: PropTypes.bool\r\n};\r\n\r\nexport default withNamespaces()(TimetableSearchForm);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Modal, ButtonToolbar, Button } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport 'react-block-ui/style.css';\r\n\r\nclass Dialog extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n renderFooter() {\r\n const { footer, onHide, t } = this.props;\r\n const closeButton = ;\r\n let content;\r\n if (footer) {\r\n content = footer;\r\n } else {\r\n content = closeButton;\r\n }\r\n\r\n return (\r\n {franchisorDisplayName && `${franchisorDisplayName}: `}{t('FO_TimetableSearch_InfoMessage')}
*/}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tSelect term to view available classes in \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nImpersonate.propTypes = {\r\n\tloginUser: PropTypes.func,\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { username, originalUsername } = queryString.parse(ownProps.location.search);\r\n\r\n\treturn {\r\n\t\timpersonatedUsername: username,\r\n\t\toriginalUsername,\r\n\t\tisAuthenticated: state.auth.isAuthenticated\r\n\t};\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloginUser,\r\n\tlogoutUser\r\n})(withNamespaces()(Impersonate));","import { CALL_API, Schemas } from '../../common/middleware/api';\r\n\r\nexport const CHILD_LESSONS_REQUEST = 'CHILD_LESSONS_REQUEST';\r\nexport const CHILD_LESSONS_SUCCESS = 'CHILD_LESSONS_SUCCESS';\r\nexport const CHILD_LESSONS_FAILURE = 'CHILD_LESSONS_FAILURE';\r\n\r\nexport const CHILD_LESSONS_DASHBOARD_REQUEST = 'CHILD_LESSONS_DASHBOARD_REQUEST';\r\nexport const CHILD_LESSONS_DASHBOARD_SUCCESS = 'CHILD_LESSONS_DASHBOARD_SUCCESS';\r\nexport const CHILD_LESSONS_DASHBOARD_FAILURE = 'CHILD_LESSONS_DASHBOARD_FAILURE';\r\n\r\nexport const MEDICAL_INFORMATION_FETCH_REQUEST = 'MEDICAL_INFORMATION_FETCH_REQUEST';\r\nexport const MEDICAL_INFORMATION_FETCH_SUCCESS = 'MEDICAL_INFORMATION_FETCH_SUCCESS';\r\nexport const MEDICAL_INFORMATION_FETCH_FAILURE = 'MEDICAL_INFORMATION_FETCH_FAILURE';\r\n\r\nexport const MEDICAL_INFORMATION_UPDATE_REQUEST = 'MEDICAL_INFORMATION_UPDATE_REQUEST';\r\nexport const MEDICAL_INFORMATION_UPDATE_SUCCESS = 'MEDICAL_INFORMATION_UPDATE_SUCCESS';\r\nexport const MEDICAL_INFORMATION_UPDATE_FAILURE = 'MEDICAL_INFORMATION_UPDATE_FAILURE';\r\n\r\nexport const MAKEUP_SUMMARY_BY_CHILD_AND_TERM_REQUEST = 'MAKEUP_SUMMARY_BY_CHILD_AND_TERM_REQUEST';\r\nexport const MAKEUP_SUMMARY_BY_CHILD_AND_TERM_SUCCESS = 'MAKEUP_SUMMARY_BY_CHILD_AND_TERM_SUCCESS';\r\nexport const MAKEUP_SUMMARY_BY_CHILD_AND_TERM_FAILURE = 'MAKEUP_SUMMARY_BY_CHILD_AND_TERM_FAILURE';\r\n\r\nexport const loadChildLessons = ({ childId, programId, forceReload }) => (dispatch, getState) => {\r\n\tconst childLessonsByChildAndProgram = getState().filters.childLessonsByChildAndProgram;\r\n\tif (!forceReload && childLessonsByChildAndProgram[`${childId}-${programId}`]) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [CHILD_LESSONS_REQUEST, CHILD_LESSONS_SUCCESS, CHILD_LESSONS_FAILURE],\r\n\t\t\tendpoint: 'api/childLessons',\r\n\t\t\trequest: { childId, programId },\r\n\t\t\tschema: Schemas.CHILD_LESSON_ARRAY\r\n\t\t},\r\n\t\tchildId,\r\n\t\tprogramId\r\n\t});\r\n};\r\n\r\nexport const loadChildLessonsForDashboard = (forceReload) => (dispatch, getState) => {\r\n\tconst childLessonsForDashboard = getState().filters.childLessonsForDashboard;\r\n\tif (!forceReload && childLessonsForDashboard.all) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [CHILD_LESSONS_DASHBOARD_REQUEST, CHILD_LESSONS_DASHBOARD_SUCCESS, CHILD_LESSONS_DASHBOARD_FAILURE],\r\n\t\t\tendpoint: 'api/childLessons/dashboard',\r\n\t\t\tschema: Schemas.CHILD_LESSON_ARRAY\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const fetchMedicalInformation = (childId) => (dispatch, getState) => {\r\n\tif (getState().entities.medicalInformations[`${childId}`]) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [MEDICAL_INFORMATION_FETCH_REQUEST, MEDICAL_INFORMATION_FETCH_SUCCESS, MEDICAL_INFORMATION_FETCH_FAILURE],\r\n\t\t\tendpoint: `api/childMedicalInformations/${childId}`,\r\n\t\t\tschema: Schemas.MEDICAL_INFORMATION\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport const updateMedicalInformation = (childId, medicalInfoFormResponse, history) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [MEDICAL_INFORMATION_UPDATE_REQUEST, MEDICAL_INFORMATION_UPDATE_SUCCESS, MEDICAL_INFORMATION_UPDATE_FAILURE],\r\n\t\tendpoint: `api/childMedicalInformations/${childId}`,\r\n\t\tmethod: 'PUT',\r\n\t\trequest: medicalInfoFormResponse,\r\n\t\tschema: Schemas.MEDICAL_INFORMATION,\r\n\t\tform: 'customForm',\r\n\t\ttransition: history && {\r\n\t\t\thistory,\r\n\t\t\tsuccess: {\r\n\t\t\t\tpush: true,\r\n\t\t\t\tpath: '/children'\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport const loadMakeupSummaryByChildAndTerm = (childId, termId, forceReload) => (dispatch, getState) => {\r\n\tif (!forceReload && getState().filters.makeupSummaryByChildAndTerm[`${childId}-${termId}`]) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tdispatch({\r\n\t\t[CALL_API]: {\r\n\t\t\ttypes: [MAKEUP_SUMMARY_BY_CHILD_AND_TERM_REQUEST, MAKEUP_SUMMARY_BY_CHILD_AND_TERM_SUCCESS, MAKEUP_SUMMARY_BY_CHILD_AND_TERM_FAILURE],\r\n\t\t\tendpoint: 'api/childLessons/makeupSummary',\r\n\t\t\trequest: { childId, termId },\r\n\t\t\tschema: Schemas.MAKEUP_SUMMARY_ARRAY\r\n\t\t},\r\n\t\tchildId,\r\n\t\ttermId\r\n\t});\r\n};\r\n","import React from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Alert, Form, Button } from 'react-bootstrap';\r\nimport { Input, FormActions, Checkbox, FormFileUpload } from '../../common/components/formControls';\r\nimport validators from '../../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst DocumentUploadForm = ({ error, handleSubmit, pristine, submitting, isReadonly, submitSucceeded, initialValues, fileLabel, submitLabel, t }) => {\r\n\r\n\tconst documentData = initialValues && initialValues.document && {\r\n\t\tfilename: document.filename\r\n\t};\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default reduxForm({ form: 'documentForm' })(withNamespaces()(DocumentUploadForm));\r\n","import React, { Component } from 'react';\r\nimport FileInput from 'react-fine-uploader/file-input';\r\nimport FineUploaderTraditional from 'fine-uploader-wrappers';\r\nimport { connect } from 'react-redux';\r\nimport FileListener from './FileListener';\r\nimport { Grid, Row, Col, Button, ButtonToolbar } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { API_ROOT } from '../../../middleware/api';\r\n\r\nclass FileUpload extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.onFileRemove = this.onFileRemove.bind(this);\r\n\t\tthis.uploader = this.createUploader();\r\n\t}\r\n\r\n\tcreateUploader() {\r\n\t\treturn new FineUploaderTraditional({\r\n\t\t\toptions: {\r\n\t\t\t\tdebug: true,\r\n\t\t\t\trequest: {\r\n\t\t\t\t\tendpoint: `${API_ROOT}/api/documentUpload`,\r\n\t\t\t\t\tcustomHeaders: {\r\n\t\t\t\t\t\t'Accept': 'application/json',\r\n\t\t\t\t\t\t'X-Franchisor-Id': this.props.franchisorId,\r\n\t\t\t\t\t\t'Authorization': 'Bearer ' + this.props.accessToken\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tchunking: {\r\n\t\t\t\t\tenabled: true,\r\n\t\t\t\t\tpartSize: 5000000\r\n\t\t\t\t},\r\n\t\t\t\tvalidation: {\r\n\t\t\t\t\tsizeLimit: 5000000\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tonFileRemove() {\r\n\t\tconst onChange = this.props.input.onChange;\r\n\t\tif (onChange) {\r\n\t\t\tonChange(null);\r\n\t\t}\r\n\r\n\t\tif (this.fileListener) {\r\n\t\t\tthis.fileListener.clear();\r\n\t\t}\r\n\t}\r\n\r\n\tdetermineAcceptTypes() {\r\n\t\tif (this.props.image) {\r\n\t\t\treturn 'image/*';\r\n\t\t} else {\r\n\t\t\treturn '*';\r\n\t\t}\r\n\t}\r\n\r\n\trenderButtonToolbar(input, t, initialData, uploader, disabled) {\r\n\t\tconst acceptTypes = this.determineAcceptTypes();\r\n\t\tconst text = {\r\n\t\t\tselectFile: \r\n\t\t\t\t\t\t{impersonatedUsername && \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tLogging in on behalf of {{ impersonatedUsername }}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{t('FO_Impersonate_Text')}
\r\n\t\t\t\t\t\t\r\n\t\t\t\r\n\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { centers }, configuration: { franchisor }, lookups: { timeZones } } = state;\r\n\r\n\tconst cities = [...new Set(Object.keys(centers).map(key => centers[key].city))];\t// distinct list of cities with centers\r\n\r\n\treturn {\r\n\t\tparent,\r\n\t\tcities,\r\n\t\tenableClassReminder: franchisor.enableClassReminder,\r\n\t\tcountryCode: franchisor.countryCode,\r\n\t\ttimeZones,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone,\r\n\t\trequireAddress: franchisor && franchisor.requireAddress,\r\n\t\trequirePostcode: franchisor && franchisor.requirePostcode\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tupdateProfile,\r\n\tinitializeSettingsForm: () => initialize('parent')\r\n})(withNamespaces()(Profile));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { cancelPaymentMethod, paymentCancelled } from './actions';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { PaymentTypes } from '../payments/actions';\r\nimport queryString from 'query-string';\r\n\r\nclass Cancelled extends Component {\r\n\tcomponentDidMount() {\r\n\t\tconst { location, match, paymentCancelled, cancelPaymentMethod, history } = this.props;\r\n\t\tconst paymentType = location.pathname.startsWith('/individual-consultation') ? PaymentTypes.IndividualConsultation : location.pathname.startsWith('/workshop') ? PaymentTypes.Workshop : PaymentTypes.Lesson;\r\n\r\n\t\tif (match.params.id) {\r\n\r\n\t\t\tconst { reason } = queryString.parse(location.search);\r\n\t\t\tif (reason) {\r\n\t\t\t\tpaymentCancelled(reason);\r\n\t\t\t}\r\n\r\n\t\t\tcancelPaymentMethod(Number(match.params.id), paymentType, history);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nexport default connect(null, {\r\n\tpaymentCancelled,\r\n\tcancelPaymentMethod\r\n})(withNamespaces()(Cancelled));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { Row, Col, Table, Button, HelpBlock, Glyphicon, Alert, Badge } from 'react-bootstrap';\r\nimport { Checkbox, RadioGroup, Radio } from 'react-icheck';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport GradeDetailsLink from '../../common/components/GradeDetailsLink';\r\nimport TeacherDetailsLink from '../../common/components/TeacherDetailsLink';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport CheckoutComponent from './paymentMethods/CheckoutComponent';\r\nimport PromoCodes from './PromoCodes';\r\nimport analyticsTracker, { AnalyticsPlatforms } from '../../common/services/analyticsTracker';\r\nimport 'icheck/skins/minimal/grey.css';\r\nimport 'react-block-ui/style.css';\r\nimport { PaymentTypes } from '../payments/actions';\r\nimport utils from '../../common/services/utils';\r\nimport ui from '../../common/services/ui';\r\nimport { i18n } from '../../common/services/globalize';\r\n\r\nclass Confirm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.toggleTermsAndConditions = this.toggleTermsAndConditions.bind(this);\r\n\t\tthis.showTermsAndConditions = this.showTermsAndConditions.bind(this);\r\n\t\tthis.hideInfoDialog = this.hideInfoDialog.bind(this);\r\n\t\tthis.handlePaymentMethodChange = this.handlePaymentMethodChange.bind(this);\r\n\t\tthis.handleConfirmClick = this.handleConfirmClick.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tselectedInstalmentPlanTemplateId: null,\r\n\t\t\tagreeWithTermsAndConditions: false,\r\n\t\t\tagreeWithTermsAndConditionsValidation: false,\r\n\t\t\tshowInfoDialog: false,\r\n\t\t\tinfoMessage: '',\r\n\t\t\tinfoTitle: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.payment && nextProps.payment) {\r\n\t\t\tconst { paymentType, payment, franchisorCurrency } = nextProps;\r\n\t\t\tconst { lesson, center, consultationType, workshop } = payment;\r\n\t\t\tconst items = [];\r\n\r\n\t\t\tswitch (paymentType) {\r\n\t\t\t\tcase PaymentTypes.Lesson:\r\n\t\t\t\t\tif (lesson) {\r\n\t\t\t\t\t\titems.push({\r\n\t\t\t\t\t\t\titem_id: lesson.grade && lesson.grade.id,\r\n\t\t\t\t\t\t\titem_name: lesson.grade && lesson.grade.name,\r\n\t\t\t\t\t\t\titem_brand: lesson.center && lesson.center.name,\r\n\t\t\t\t\t\t\titem_category: lesson.term && `${lesson.term.name}, ${lesson.term.schoolYear}`,\r\n\t\t\t\t\t\t\tquantity: payment.quantity,\r\n\t\t\t\t\t\t\tprice: payment.unitPriceAmount\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase PaymentTypes.IndividualConsultation:\r\n\t\t\t\t\tif (center && consultationType) {\r\n\t\t\t\t\t\titems.push({\r\n\t\t\t\t\t\t\titem_id: `Individual_Consultation_${consultationType}`,\r\n\t\t\t\t\t\t\titem_name: consultationType,\r\n\t\t\t\t\t\t\titem_brand: center.name,\r\n\t\t\t\t\t\t\titem_category: 'Individual_Consultation',\r\n\t\t\t\t\t\t\tquantity: payment.quantity,\r\n\t\t\t\t\t\t\tprice: payment.unitPriceAmount\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase PaymentTypes.Workshop:\r\n\t\t\t\t\tif (center && workshop) {\r\n\t\t\t\t\t\titems.push({\r\n\t\t\t\t\t\t\titem_id: `Workshop_${workshop.id}`,\r\n\t\t\t\t\t\t\titem_name: workshop.name,\r\n\t\t\t\t\t\t\titem_brand: center.name,\r\n\t\t\t\t\t\t\titem_category: 'Workshop',\r\n\t\t\t\t\t\t\tquantity: payment.quantity,\r\n\t\t\t\t\t\t\tprice: payment.unitPriceAmount\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tanalyticsTracker.trackEvent('begin_checkout', {\r\n\t\t\t\tvalue: payment.totalAmount,\r\n\t\t\t\tcurrency: franchisorCurrency,\r\n\t\t\t\titems\r\n\t\t\t}, AnalyticsPlatforms.GoogleAnalytics);\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleTermsAndConditions() {\r\n\t\tthis.setState({\r\n\t\t\tagreeWithTermsAndConditions: !this.state.agreeWithTermsAndConditions\r\n\t\t});\r\n\t}\r\n\r\n\tshowTermsAndConditions() {\r\n\t\tconst { termsAndConditions, t } = this.props;\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: true,\r\n\t\t\tinfoMessage: termsAndConditions,\r\n\t\t\tinfoTitle: t('FO_Register_TermsAndConditionsTitle')\r\n\t\t});\r\n\t}\r\n\r\n\thideInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: false\r\n\t\t});\r\n\t}\r\n\r\n\thandlePaymentMethodChange(event) {\r\n\t\tconst selectedPaymentOptionParts = event.target.value.split(':');\r\n\t\tif (selectedPaymentOptionParts.length === 3) {\r\n\t\t\tconst paymentMethodName = selectedPaymentOptionParts[0];\r\n\t\t\tconst isInstalmentPayment = selectedPaymentOptionParts[1] === '1' ? true : false;\r\n\t\t\tconst instalmentPlanTemplateId = selectedPaymentOptionParts[2];\r\n\r\n\t\t\tconst selectedPaymentMethod = paymentMethodName ? this.props.paymentMethods.find(x => x.name === paymentMethodName) : null;\r\n\t\t\tif (selectedPaymentMethod && this.props.onSelectPaymentMethod) {\r\n\t\t\t\tthis.props.onSelectPaymentMethod(selectedPaymentMethod, isInstalmentPayment, instalmentPlanTemplateId);\r\n\t\t\t}\r\n\t\t\tthis.setState({ selectedInstalmentPlanTemplateId: instalmentPlanTemplateId });\r\n\t\t}\r\n\t}\r\n\r\n\thandleConfirmClick() {\r\n\t\tif (this.props.requireConsentOnPayment && !this.state.agreeWithTermsAndConditions) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tagreeWithTermsAndConditionsValidation: true\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tagreeWithTermsAndConditionsValidation: false\r\n\t\t\t});\r\n\t\t\tthis.props.onConfirm({\r\n\t\t\t\tpaymentMethod: (!this.props.payment.isFree && this.props.payment.paymentMethod && this.props.payment.paymentMethod.name) ?\r\n\t\t\t\t\tthis.props.paymentMethods.find(x => x.name === this.props.payment.paymentMethod.name) : null\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trenderBookingDetails() {\r\n\t\tconst { paymentType } = this.props;\r\n\r\n\t\tswitch (paymentType) {\r\n\t\t\tcase PaymentTypes.Lesson:\r\n\t\t\t\treturn this.renderLessonPaymentDetails();\r\n\t\t\tcase PaymentTypes.IndividualConsultation:\r\n\t\t\t\treturn this.renderIndividualConsultationDetails();\r\n\t\t\tcase PaymentTypes.Workshop:\r\n\t\t\t\treturn this.renderWorkshopDetails();\r\n\t\t\tdefault:\r\n\t\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\trenderLessonPaymentDetails() {\r\n\t\tconst { t, payment, enableUserTimeZone } = this.props;\r\n\t\tconst { lesson, child } = payment;\r\n\t\tconst { term, center, grade } = lesson;\r\n\r\n\t\tconst paymentStartDateMoment = moment(payment.startDate);\r\n\t\tlet lessonStartDateTime = moment(paymentStartDateMoment.format('YYYY-MM-DDT') + lesson.startTime);\r\n\t\tlet lessonEndDateTime = moment(paymentStartDateMoment.format('YYYY-MM-DDT') + lesson.endTime);\r\n\t\tlessonStartDateTime = enableUserTimeZone ? utils.convertToUserTime(lessonStartDateTime, center) : lessonStartDateTime;\r\n\t\tlessonEndDateTime = enableUserTimeZone ? utils.convertToUserTime(lessonEndDateTime, center) : lessonEndDateTime;\r\n\r\n\t\treturn \r\n\t\t\t\t
\r\n\t\t{t('FO_Booking_ProcessingPayment')}
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderIndividualConsultationDetails() {\r\n\t\tconst { t, payment: { center, consultationDate, consultationEnd, child }, enableUserTimeZone } = this.props;\r\n\r\n\t\tconst startDateTime = enableUserTimeZone ? utils.convertToUserTime(consultationDate, center) : moment(consultationDate);\r\n\t\tconst endDateTime = enableUserTimeZone ? utils.convertToUserTime(consultationEnd, center) : moment(consultationEnd);\r\n\r\n\t\treturn {t('FO_Booking_Confirm_Class')}
\r\n\t\t\t{term && {term.name} {`(${moment(term.startDate).format('ll')} - ${moment(term.endDate).format('ll')})`}}
\r\n\t\t\t\r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderWorkshopDetails() {\r\n\t\tconst { t, payment: { center, workshop, workshopSessions, child }, enableUserTimeZone } = this.props;\r\n\r\n\t\tconst sessionsByWeek = utils.groupBy(workshopSessions, 'weekId');\r\n\r\n\t\treturn {t('FO_Booking_Confirm_Class')}
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t{sessions.map(session => {\r\n\t\t\t\t\t\t\tconst sessionStart = enableUserTimeZone ? utils.convertToUserTime(session.start, center) : moment(session.start);\r\n\t\t\t\t\t\t\tconst sessionEnd = enableUserTimeZone ? utils.convertToUserTime(session.end, center) : moment(session.end);\r\n\r\n\t\t\t\t\t\t\treturn
\r\n\t\t\t\t : null;\r\n\t\t\t})}\r\n\t\t
;\r\n\t}\r\n\r\n\trenderPaymentAmounts() {\r\n\t\tconst { t, payment, currentCurrency, franchisorCurrency, enableCurrencyConversion } = this.props;\r\n\t\tconst conversionLink = ui.getCurrencyConversionLink(enableCurrencyConversion, currentCurrency, franchisorCurrency, payment.totalAmount);\r\n\r\n\t\tconst hideUnitPrice = payment.hideUnitPrice;\r\n\r\n\t\treturn {t('FO_Booking_Confirm_Class')}
\r\n\t\t\t{workshop &&{workshop.name} {`(${moment(workshop.startDate).format('ll')} - ${moment(workshop.endDate).format('ll')})`}
}\r\n\r\n\t\t\t{/*\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
| {sessionStart.format('ddd, Do')} | \r\n\t\t\t\t\t\t\t\t{`${sessionStart.format('LT')} - ${sessionEnd.format('LT')}`} | \r\n\t\t\t\t\t\t\t
| {t(hideUnitPrice ? 'FO_Payment_Item' : 'FO_Payment_Quantity')} | \r\n\t\t\t\t\t{!hideUnitPrice &&{t('FO_Payment_UnitPrice')} | }\r\n\t\t\t\t\t{t('FO_Payment_Subtotal')} | \r\n\t\t\t\t
|---|---|---|
| {hideUnitPrice ? t('FO_Payment_Lessons') : payment.quantity} | \r\n\t\t\t\t\t{!hideUnitPrice &&{payment.unitPrice} | }\r\n\t\t\t\t\t{payment.subtotal} | \r\n\t\t\t\t
| {`${item.quantity} x ${item.description}`} | \r\n\t\t\t\t\t{item.unitPrice} | \r\n\t\t\t\t\t{item.subtotal} | \r\n\t\t\t\t
| {t('FO_Payment_Discount')} | \r\n\t\t\t\t\t\t{payment.discount} | \r\n\t\t\t\t\t|
| {t('FO_Payment_TotalExclTax')} | \r\n\t\t\t\t\t\t{payment.totalExclTax} | \r\n\t\t\t\t\t|
| {t('FO_Payment_Tax')} | \r\n\t\t\t\t\t\t{payment.tax} | \r\n\t\t\t\t\t|
| {t('FO_Payment_PaymentMethodFee')} | \r\n\t\t\t\t\t\t{payment.paymentMethodFee} | \r\n\t\t\t\t\t|
| {t('FO_Payment_Total')} | \r\n\t\t\t\t\t{payment.total}\r\n\t\t\t\t\t\t{conversionLink &&\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t | \r\n\t\t\t\t
\r\n\t\t\t{t('FO_Register_AgreeWithTermsAndConditionsRequired')} }\r\n\t\t
;\r\n\r\n\t\tconst infoDialog = this.renderInfoDialog();\r\n\t\tconst showInstalmentPaymentMethods = paymentMethods.some(x => x.supportsRecurringPayments) && payment.allowInstalmentPayment;\r\n\r\n\t\treturn \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{infoDialog}\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nConfirm.propTypes = {\r\n\tonPaymentMethodInit: PropTypes.func.isRequired,\r\n\tonSelectPaymentMethod: PropTypes.func.isRequired,\r\n\tonApplyPromoCode: PropTypes.func.isRequired,\r\n\tonRemovePromoCode: PropTypes.func.isRequired,\r\n\tpromoCodeErrorMessage: PropTypes.string,\r\n\tcancellationReason: PropTypes.string,\r\n\tonConfirm: PropTypes.func.isRequired,\r\n\terrorMessage: PropTypes.string,\r\n\tpaymentType: PropTypes.oneOf([PaymentTypes.Lesson, PaymentTypes.IndividualConsultation, PaymentTypes.Workshop]),\r\n\ttermsAndConditions: PropTypes.string,\r\n\tpaymentMethods: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tname: PropTypes.string,\r\n\t\tfriendlyName: PropTypes.string,\r\n\t\tdescription: PropTypes.string,\r\n\t\tconfiguration: PropTypes.object\r\n\t})),\r\n\tinstalmentPlans: PropTypes.arrayOf(PropTypes.shape({\r\n\t\ttemplateId: PropTypes.number,\r\n\t\tintervalLength: PropTypes.number,\r\n\t\tintervalType: PropTypes.shape({\r\n\t\t\tid: PropTypes.number,\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tdownPayment: PropTypes.string,\r\n\t\tdownPaymentAmount: PropTypes.number,\r\n\t\ttotalIntervals: PropTypes.number,\r\n\t\tinstalment: PropTypes.string\r\n\t})),\r\n\tpayment: PropTypes.oneOfType([\r\n\t\tPropTypes.shape({\r\n\t\t\tid: PropTypes.number,\r\n\t\t\tstartDate: PropTypes.string,\r\n\t\t\tlesson: PropTypes.shape({\r\n\t\t\t\tstartTime: PropTypes.string,\r\n\t\t\t\tendTime: PropTypes.string,\r\n\t\t\t\tterm: PropTypes.shape({\r\n\t\t\t\t\tname: PropTypes.string,\r\n\t\t\t\t\tstartDate: PropTypes.string,\r\n\t\t\t\t\tendDate: PropTypes.string,\r\n\t\t\t\t\tschoolYear: PropTypes.string\r\n\t\t\t\t}),\r\n\t\t\t\tcenter: PropTypes.shape(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: PropTypes.string\r\n\t\t\t\t\t}),\r\n\t\t\t\tgrade: PropTypes.shape({\r\n\t\t\t\t\tid: PropTypes.number,\r\n\t\t\t\t\tname: PropTypes.string\r\n\t\t\t\t})\r\n\t\t\t}),\r\n\t\t\tquantity: PropTypes.number,\r\n\t\t\tunitPrice: PropTypes.string,\r\n\t\t\tunitPriceAmount: PropTypes.number,\r\n\t\t\tsubtotal: PropTypes.string,\r\n\t\t\ttotal: PropTypes.string,\r\n\t\t\tdescription: PropTypes.string,\r\n\t\t\tpaymentMethod: PropTypes.shape({\r\n\t\t\t\tfriendlyName: PropTypes.string\r\n\t\t\t}),\r\n\t\t\tstatus: PropTypes.string,\r\n\t\t\tchild: PropTypes.shape({\r\n\t\t\t\tfullName: PropTypes.string\r\n\t\t\t})\r\n\t\t}),\r\n\t\tPropTypes.shape({\r\n\t\t\tid: PropTypes.number,\r\n\t\t\tcenter: PropTypes.shape(\r\n\t\t\t\t{\r\n\t\t\t\t\tname: PropTypes.string\r\n\t\t\t\t}),\r\n\t\t\tconsultationDate: PropTypes.string,\r\n\t\t\tconsultationEnd: PropTypes.string,\r\n\t\t\tconsultationType: PropTypes.string,\r\n\t\t\tquantity: PropTypes.number,\r\n\t\t\tunitPrice: PropTypes.string,\r\n\t\t\tsubtotal: PropTypes.string,\r\n\t\t\ttotal: PropTypes.string,\r\n\t\t\tdescription: PropTypes.string,\r\n\t\t\tpaymentMethod: PropTypes.shape({\r\n\t\t\t\tfriendlyName: PropTypes.string\r\n\t\t\t}),\r\n\t\t\tstatus: PropTypes.string,\r\n\t\t\tchild: PropTypes.shape({\r\n\t\t\t\tfullName: PropTypes.string\r\n\t\t\t})\r\n\t\t})\r\n\t])\r\n};\r\n\r\nexport default withNamespaces()(Confirm);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport PagedEntitiesList from '../../common/components/PagedEntitiesList';\r\nimport { Image } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\n\r\nconst List = ({ t, ...rest }) => {\r\n\tconst columns = [\r\n\t\t{\r\n\t\t\theader: '',\r\n\t\t\taccessor: 'lesson.grade',\r\n\t\t\tcell: (grade, payment) => {grade && grade.imageUrl && {t('FO_Booking_Confirm_Title')}
\r\n\t\t\t\r\n\t\t\t\t\t\t\t{cancellationReason &&
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t{payment.isFree ? Payment is not completed: {{ cancellationReason }}
\r\n\t\t\t\t\t\t\t\t\t\tPlease select a payment method and try again.
\r\n\t\t\t\t\t\t\t\t\t{t('FO_Payment_NotRequired')}
:\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{showInstalmentPaymentMethods && this.handlePaymentMethodChange(event)}>\r\n\t\t\t\t\t\t\t\t\t\t{paymentMethods.filter(p => p.supportsOneOffPayments).map(p => this.renderPaymentOption(selectedPaymentOption, p, false, null, paymentType === PaymentTypes.Lesson))}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t{!payment.isFree && showInstalmentPaymentMethods && instalmentPlans && instalmentPlans.map(instalmentPlan => {\r\n\t\t\t\t\t\t\t\tconst recurrenceDisplayName = instalmentPlan.intervalLength === 1 ? t(`RecurrenceType_${instalmentPlan.intervalType.name}`) : '';\r\n\r\n\t\t\t\t\t\t\t\tconst instalmentPlanIntervalDescription = instalmentPlan.intervalLength > 1 && instalmentPlan.totalIntervals > 1 ? t('FO_Payment_InstalmentIntervalDescription', { intervalLength: instalmentPlan.intervalLength, intervalType: t(`FO_Payment_InstalmentIntervalType_${instalmentPlan.intervalType.name}`) }) : '';\r\n\t\t\t\t\t\t\t\tconst instalmentPlanDownPaymentDescription = instalmentPlan.downPaymentAmount > 0 ? t('FO_Payment_InstalmentDepositDescription', { amount: instalmentPlan.downPayment }) : '';\r\n\t\t\t\t\t\t\t\tconst instalmentPlanInstalmentDescripton = t('FO_Payment_InstalmentDescription', { count: instalmentPlan.totalIntervals, recurrence: `${recurrenceDisplayName} `, amount: instalmentPlan.instalment, startDate: moment(instalmentPlan.startDate).format('l') });\r\n\t\t\t\t\t\t\t\tconst instalmentPlanStartDescription = instalmentPlan.totalIntervals > 1 ? t('FO_Payment_InstalmentStartDescription', { startDate: moment(instalmentPlan.startDate).format('l') }) : '';\r\n\r\n\t\t\t\t\t\t\t\tconst instalmentPlanDescription = `${instalmentPlanDownPaymentDescription} ${instalmentPlanInstalmentDescripton} ${instalmentPlanIntervalDescription} ${instalmentPlanStartDescription}`;\r\n\t\t\t\t\t\t\t\tconst instalmentPlanFriendlyname = t('FO_Payment_InstalmentPlanFriendlyName', { count: instalmentPlan.totalIntervals + (instalmentPlan.downPayments > 0 ? 1 : 0) });\r\n\t\t\t\t\t\t\t\treturn {t('FO_Payment_OnetimePayment')}
}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.handlePaymentMethodChange(event)}>\r\n\t\t\t\t\t\t\t\t\t\t{paymentMethods.filter(p => p.supportsRecurringPayments).map(p => this.renderPaymentOption(selectedPaymentOption, p, true, instalmentPlan.templateId, false))}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
;\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t{requireConsentOnPayment && {instalmentPlanFriendlyname}
\r\n\t\t\t\t\t\t\t\t\t{instalmentPlanDescription}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{termsAndConditionsCheckbox}\r\n\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{errorMessage && {errorMessage} }\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderBookingDetails()}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{t('FO_Booking_Confirm_PriceBreakdown')}
\r\n\t\t\t\t\t\t\t{payment.description}
\r\n\t\t\t\t\t\t\t{this.renderPaymentAmounts()}\r\n\t\t\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nList.propTypes = {\r\n\tdata: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tchild: PropTypes.shape({\r\n\t\t\tshortName: PropTypes.string\r\n\t\t}),\r\n\t\tcenter: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tstartDate: PropTypes.string,\r\n\t\tcreated: PropTypes.string\r\n\t}))\r\n};\r\n\r\nexport default withNamespaces()(List);","import React, { Component } from 'react';\r\nimport { PaymentElement, AddressElement } from '@stripe/react-stripe-js';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass CheckoutForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handlePaymentElementChange = this.handlePaymentElementChange.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedPaymentMethodType: null\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst handleFormSubmit = () => {\r\n\t\t\tconst { elements } = this.props;\r\n\t\t\t// trigger form validation and wallet collection\r\n\t\t\treturn elements.submit();\r\n\t\t};\r\n\r\n\t\tconst handlePayment = (authorizationToken, returnUrl) => {\r\n\t\t\tconst { stripe, elements } = this.props;\r\n\t\t\treturn stripe.confirmPayment({\r\n\t\t\t\telements,\r\n\t\t\t\tclientSecret: authorizationToken,\r\n\t\t\t\tconfirmParams: {\r\n\t\t\t\t\treturn_url: returnUrl,\r\n\t\t\t\t},\r\n\t\t\t\tredirect: 'if_required'\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tthis.props.onInit({ stripeSubmitHandle: handleFormSubmit, stripePaymentHandle: handlePayment });\r\n\t}\r\n\r\n\thandlePaymentElementChange(event) {\r\n\t\tthis.setState({ selectedPaymentMethodType: event.value.type });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { payment: { parent }, countryCode, t } = this.props;\r\n\t\treturn \r\n\t\t\t\r\n\t\t\t{/* Afterpay/Clearpay requires shipping address to be provided */ }\r\n\t\t\t{this.state.selectedPaymentMethodType === 'afterpay_clearpay' && \r\n\t\t\t\t \r\n\t\t\t}\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nexport default withNamespaces()(CheckoutForm);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport GradesList from '../common/GradesList';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport utils from '../../common/services/utils';\r\nimport { getChild } from '../reducer';\r\n\r\nclass Neurological extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleGradeSelect = this.handleGradeSelect.bind(this);\r\n\t}\r\n\r\n\thandleGradeSelect(grade) {\r\n\t\tthis.props.history.push(`/neurological-info/${grade.slug}`);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { grades } = this.props;\r\n\r\n\t\treturn ({t('FO_Parent_Address')}
\r\n\t\t\t\t\r\n\t\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { grades, childLessons }, filters } = state;\r\n\r\n\tconst allGrades = Object.keys(grades).map(key => grades[key]);\r\n\r\n\t// child lessons should be already loaded for Home page\r\n\tconst dashboardLessonsFilter = filters.childLessonsForDashboard.all || { ids: [] };\r\n\tconst dashboardLessons = dashboardLessonsFilter.ids.map(id => childLessons[id]);\r\n\r\n\tallGrades.forEach(grade => {\r\n\t\tconst lessonsForGrade = dashboardLessons.filter(lesson => lesson.gradeId === grade.id);\r\n\t\tif (lessonsForGrade.length > 0) {\r\n\t\t\tgrade.attendingChildren = Object.keys(utils.groupBy(lessonsForGrade, 'childId'))\r\n\t\t\t\t.map(childId => getChild(parent, childId))\r\n\t\t\t\t.filter(child => child !== undefined);\r\n\t\t}\r\n\t});\r\n\r\n\treturn {\r\n\t\tgrades: allGrades\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps)(withNamespaces()(Neurological));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PagedEntitiesList from '../../common/components/PagedEntitiesList';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst List = ({ t, ...rest }) => {\r\n\tconst columns = [\r\n\t\t{\r\n\t\t\theader: t('FO_IndividualConsultationDocument_Document'),\r\n\t\t\taccessor: 'id',\r\n\t\t\tcell: (id, document) => {document.name || document.friendlyFilename}\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: t('FO_IndividualConsultationDocument_Created'),\r\n\t\t\taccessor: 'created',\r\n\t\t\tcell: created => moment(created).format('lll')\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: t('FO_IndividualConsultationDocument_Consultation'),\r\n\t\t\taccessor: 'paymentId',\r\n\t\t\tcell: paymentId => {paymentId}\r\n\t\t}\r\n\t];\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nList.propTypes = {\r\n\tdata: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\ttype: PropTypes.string,\r\n\t\tname: PropTypes.string,\r\n\t\tfriendlyFilename: PropTypes.string,\r\n\t\turl: PropTypes.string,\r\n\t\tcreated: PropTypes.string\r\n\t}))\r\n};\r\n\r\nexport default withNamespaces()(List);","import React, { Component } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col, Button, ListGroup, ListGroupItem, DropdownButton, MenuItem } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport Card from '../../common/components/Card';\r\n\r\nclass Center extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleCityChange = this.handleCityChange.bind(this);\r\n this.state = {\r\n selectedCity: this.props.parentCity,\r\n cityCenters: this.props.centers.filter(c => c.city === this.props.parentCity && (!this.props.isIndividualConsultation || c.isIndividualConsultation))\r\n };\r\n }\r\n\r\n renderView() {\r\n const { selectedCenter, t } = this.props;\r\n\r\n const icon = \r\n \r\n {icon} {selectedCenter.name}}>\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n handleCityChange(city) {\r\n this.setState({\r\n selectedCity: city,\r\n cityCenters: this.props.centers.filter(c => c.city === city && (!this.props.isIndividualConsultation || c.isIndividualConsultation))\r\n });\r\n }\r\n\r\n renderEdit() {\r\n const { onSelect, cities, t } = this.props;\r\n const centersList = this.state.cityCenters.map(c => {\r\n return (\r\n {t('FO_Booking_Center_Title')}
\r\n {selectedCenter.address}
\r\n {selectedCenter.phoneNumber ? selectedCenter.phoneNumber : (selectedCenter.mobilePhone ? selectedCenter.mobilePhone : '')}
\r\n {c.address}
\r\n {c.phoneNumber ? c.phoneNumber : (c.mobilePhone ? c.mobilePhone : '')}
\r\n \r\n \r\n {centersList}\r\n
\r\n { this.state.cityCenters.length === 0 &&
\r\n );\r\n }\r\n\r\n render() {\r\n const { selectedCenter, changeSelectedCenter } = this.props;\r\n\r\n if (selectedCenter && !changeSelectedCenter) {\r\n return this.renderView();\r\n } else {\r\n return this.renderEdit();\r\n }\r\n }\r\n}\r\n\r\nexport default withNamespaces()(Center);","import React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst steps = [\r\n\t{\r\n\t\tid: 1,\r\n\t\ttitleResourceKey: 'FO_RegistrationSteps_Parent',\r\n\t\tcolumns: 3\r\n\t},\r\n\t{\r\n\t\tid: 2,\r\n\t\ttitleResourceKey: 'FO_RegistrationSteps_Child',\r\n\t\tcolumns: 3\r\n\t},\r\n\t{\r\n\t\tid: 3,\r\n\t\ttitleResourceKey: 'FO_RegistrationSteps_WorkshopSessions',\r\n\t\tcolumns: 3\r\n\t},\r\n\t{\r\n\t\tid: 4,\r\n\t\ttitleResourceKey: 'FO_RegistrationSteps_Confirm',\r\n\t\tcolumns: 3\r\n\t}];\r\n\r\nconst WorkshopSteps = ({ currentStep, t }) => {\r\n\treturn (\r\n\t\t{t('FO_Booking_Center_Title')}
\r\n \r\n
\r\n\r\n \r\n this.handleCityChange(key)}\r\n className='btn-block-xxs'\r\n bsStyle={this.state.selectedCity ? 'primary' : 'default'}\r\n title={this.state.selectedCity && this.props.centers.find(c => c.city === this.state.selectedCity) != undefined ? this.state.selectedCity : t('FO_TimetableSearch_City')}>\r\n {cities && cities.sort().map(city => )}\r\n \r\n
\r\n {t('FO_Booking_Center_NoCentreInCity')}
}\r\n\r\n\t\t\t\t{steps.map(step => {\r\n\t\t\t\t\tconst isActiveStep = Number(currentStep) === step.id;\r\n\r\n\t\t\t\t\treturn
\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{alternativeCenters.length > 0 &&
\r\n\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst centerId = Number(ownProps.match.params.centerId);\r\n\tconst weeklyProgramItemId = Number(ownProps.match.params.programId);\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst lessonType = queryParams.lessonType;\r\n\tconst postTrial = queryParams.postTrial;\r\n\r\n\tconst { entities: { centers, grades, terms, weeklyProgram }, configuration: { franchisor }, auth: { currentUser, isAuthenticated } } = state;\r\n\tconst {\r\n\t\tprogramId,\r\n\t\tdate,\r\n\t\twarningMessage,\r\n\t\terrorMessage,\r\n\t\tupcomingLessons,\r\n\t\tchildrenPaymentTypes,\r\n\t\tselectedChildId,\r\n\t\tselectedPaymentTypeId,\r\n\t\tisSelectJoinWaitingList\r\n\t} = state.booking;\r\n\r\n\tlet weeklyProgramDeepLoaded = Object.values(weeklyProgram);\r\n\tweeklyProgramDeepLoaded.forEach(item => {\r\n\t\titem.grade = grades[item.gradeId] || { name: '', subGrades: [] };\r\n\t\titem.center = centers[item.centerId] || { name: '' };\r\n\t\titem.term = terms[item.termId] || { name: '', schoolYear: '' };\r\n\t});\r\n\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tcenterId,\r\n\t\tweeklyProgramItemId,\r\n\t\tcenter: centers[centerId],\r\n\t\tcenters: Object.values(centers).filter(c => lessonType !== 'trial' || c.isTrialLesson).sort((a, b) => a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1),\r\n\t\tweeklyProgramItem: weeklyProgramDeepLoaded.find(x => x.id === weeklyProgramItemId),\r\n\t\tweeklyProgram: weeklyProgramDeepLoaded,\r\n\t\tfranchisor,\r\n\t\tuserImpersonation: currentUser && currentUser.userImpersonation,\r\n\t\tpaymentTypes: state.lookups.paymentTypes,\r\n\t\tbookingOptions: {\r\n\t\t\tprogramId: Number(programId),\r\n\t\t\tdate,\r\n\t\t\tlessonType: lessonType || '',\r\n\t\t\twarningMessage,\r\n\t\t\terrorMessage,\r\n\t\t\tupcomingLessons,\r\n\t\t\tselectedChildId,\r\n\t\t\tselectedPaymentTypeId,\r\n\t\t\tisSelectJoinWaitingList,\r\n\t\t\tpostTrial,\r\n\t\t\tchildrenPaymentTypes: childrenPaymentTypes.map(c => ({\r\n\t\t\t\tchild: getChild(state.parent, c.childId),\r\n\t\t\t\tpaymentTypes: c.paymentTypes,\r\n\t\t\t\terrorMessage: c.errorMessage,\r\n\t\t\t\tjoinWaitingList: c.joinWaitingList,\r\n\t\t\t\tisLocked: c.isLocked\r\n\t\t\t}))\r\n\t\t},\r\n\t\tfromTimetable: ownProps.location.state && ownProps.location.state.fromTimetable,\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode,\r\n\t\tisAuthenticated\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchWeeklyProgramItem,\r\n\tloadWeeklyProgram,\r\n\tloadBookingOptions,\r\n\tselectPaymentType,\r\n\tselectChild,\r\n\tstartEnrolment,\r\n\tselectJoinWaitingList\r\n})(withNamespaces()(ClassDetails));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { DropdownButton, MenuItem } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport ui from '../services/ui';\r\n\r\nclass WeekdaysDropdown extends Component {\r\n\trender() {\r\n\t\tconst { id = 'weekdaysDropdown', selectedWeekday, t } = this.props;\r\n\r\n\r\n\t\treturn \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.props.history.push(`/public/timetable?centerId=${centerId}&termId=${weeklyProgramItem.termId}&lessonType=${lessonType}`)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n \r\n {selfAssessment && this.handleFormSubmit(values, isFinal, requiredFields, validationFunc)}\r\n initialValues={selfAssessment.content}\r\n isReadonly={selfAssessment.status === 'Final'}\r\n />}\r\n \r\n
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const { entities: { selfAssessments }, lookups: { selfAssessmentForms }, parent } = state;\r\n const { formId, childId } = ownProps.match.params;\r\n const form = selfAssessmentForms && selfAssessmentForms.find(x => x.id === Number(formId));\r\n\r\n const selfAssessment = selfAssessments[`${childId}|${formId}`] || {\r\n id: 0,\r\n formId: Number(formId),\r\n childId: Number(childId),\r\n name: form && form.name,\r\n content: {}\r\n };\r\n\r\n return {\r\n childId: Number(childId),\r\n formId: Number(formId),\r\n selfAssessment,\r\n currentFormValues: getFormValues('customForm')(state),\r\n child: getChild(parent, childId)\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchSelfAssessment,\r\n updateSelfAssessment,\r\n changeFormValue: (field, value) => change('customForm', field, value),\r\n clearFormErrors: () => clearSubmitErrors('customForm')\r\n})(withNamespaces()(FormDetails));","import * as ActionTypes from './actions';\r\n\r\nconst warningMessages = (state = [], action) => {\r\n\tswitch (action.type) {\r\n\t\tcase ActionTypes.WARNING_MESSAGES_SUCCESS:\r\n\t\t\treturn action.payload;\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n\r\nexport default warningMessages;","import update from 'immutability-helper';\r\nimport mapValues from 'lodash/mapValues';\r\nimport * as AuthActionTypes from '../../auth/actions';\r\n\r\n// Creates a reducer managing filtering, given the action types to handle,\r\n// and a function telling how to extract the key from an action.\r\nconst filter = ({ types, mapActionToKey }) => {\r\n\tif (!Array.isArray(types) || types.length !== 3) {\r\n\t\tthrow new Error('Expected types to be an array of three elements.');\r\n\t}\r\n\tif (!types.every(t => typeof t === 'string')) {\r\n\t\tthrow new Error('Expected types to be strings.');\r\n\t}\r\n\tif (typeof mapActionToKey !== 'function') {\r\n\t\tthrow new Error('Expected mapActionToKey to be a function.');\r\n\t}\r\n\r\n\tconst [requestType, successType, failureType] = types;\r\n\r\n\tconst initialState = {\r\n\t\tloading: false,\r\n\t\tids: []\r\n\t};\r\n\r\n\tconst updateFiltering = (state = initialState, action) => {\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: true }\r\n\t\t\t\t});\r\n\t\t\tcase successType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false },\r\n\t\t\t\t\tids: { $set: action.response.result }\r\n\t\t\t\t});\r\n\t\t\tcase failureType:\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tloading: { $set: false }\r\n\t\t\t\t});\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n\r\n\treturn (state = {}, action) => {\r\n\t\t// Update filtered data by key\r\n\t\tswitch (action.type) {\r\n\t\t\tcase requestType:\r\n\t\t\tcase successType:\r\n\t\t\tcase failureType:\r\n\t\t\t\tconst key = mapActionToKey(action);\r\n\t\t\t\tif (typeof key !== 'string') {\r\n\t\t\t\t\tthrow new Error('Expected key to be a string.');\r\n\t\t\t\t}\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\t[key]: { $set: updateFiltering(state[key], action) }\r\n\t\t\t\t});\r\n\t\t\tcase AuthActionTypes.LOGOUT:\r\n\t\t\t\t// reset all keys\r\n\t\t\t\treturn {};\r\n\t\t\tdefault:\r\n\t\t\t\treturn state;\r\n\t\t}\r\n\t};\r\n};\r\n\r\nexport default filter;","import React, { Component } from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\nimport { Field } from 'redux-form';\r\nimport { Slider, Input } from '../../../common/components/formControls';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass Form extends Component {\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (this.props.currentFormValues) {\r\n\t\t\tconst calculatedFields = this.getCalculatedFields(nextProps.currentFormValues);\r\n\t\t\tObject.keys(calculatedFields).forEach(field => {\r\n\t\t\t\tconst nextValue = calculatedFields[field];\r\n\t\t\t\tif (this.props.currentFormValues[field] !== nextValue) {\r\n\t\t\t\t\tthis.props.changeFormValue(field, nextValue);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetCalculatedFields(values) {\r\n\t\tconst calculatedFields = {\r\n\t\t\tvestibularFunctionTotal: [...Array(10).keys()].map(x => values[`vestibularFunction_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\tauditoryFunctionTotal: [...Array(10).keys()].map(x => values[`auditoryFunction_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\tvisualDysfunctionTotal: [...Array(10).keys()].map(x => values[`visualDysfunction_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\tproprioceptiveFunctionTotal: [...Array(10).keys()].map(x => values[`proprioceptiveFunction_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\thypotactileSymptomTotal: [...Array(10).keys()].map(x => values[`hypotactileSymptom_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\thypertactileSymptomTotal: [...Array(10).keys()].map(x => values[`hypertactileSymptom_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\thyposensitiveSmellTotal: [...Array(10).keys()].map(x => values[`hyposensitiveSmell_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0),\r\n\t\t\thypersensitiveSmellTotal: [...Array(10).keys()].map(x => values[`hypersensitiveSmell_${x + 1}`]).reduce((acc, current) => acc + (current || 0), 0)\r\n\t\t};\r\n\r\n\t\tcalculatedFields.total = calculatedFields.vestibularFunctionTotal + calculatedFields.auditoryFunctionTotal + calculatedFields.visualDysfunctionTotal +\r\n\t\t\tcalculatedFields.proprioceptiveFunctionTotal + calculatedFields.hypotactileSymptomTotal + calculatedFields.hypertactileSymptomTotal +\r\n\t\t\tcalculatedFields.hyposensitiveSmellTotal + calculatedFields.hypersensitiveSmellTotal;\r\n\r\n\t\treturn calculatedFields;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t, isReadOnly } = this.props;\r\n\t\tconst marks = [...Array(11).keys()].map(x => ({ value: x, label: x }));\r\n\t\tconst sliderProps = { min: 0, max: 10, step: 1, marks, valueLabelDisplay: 'on' };\r\n\r\n\t\tconst colSize = { labelCol: 5, valueCol: 7 };\r\n\r\n\t\tconst totalColSize = { labelCol: 5, valueCol: 2 };\r\n\r\n\t\tconst descriptionStyle = {\r\n\t\t\tmarginBottom: '10px'\r\n\t\t};\r\n\t\tconst lastDescriptionStyle = {\r\n\t\t\tmarginBottom: '15px'\r\n\t\t};\r\n\t\tconst vestibularFunctionFields = [...Array(10).keys()]\r\n\t\t\t.map(x => {child && child.fullName}
\r\n\r\n\t\t\t\r\n\t\t\t\t{t('VestibularFunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t{t('AuditoryFunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t{t('VisualDysfunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t{t('ProprioceptiveFunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t{t('TactileFunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t{t('OlfactoryFunction_Title')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('TotalAll')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n];","import React, { Component } from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\nimport { Field } from 'redux-form';\r\nimport { Input, Radio } from '../../../common/components/formControls';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst yesNoOptions = (t) => {\r\n\treturn [\r\n\t\t{ value: 'true', label: t('Yes') },\r\n\t\t{ value: 'false', label: t('No') }\r\n\t];\r\n};\r\n\r\nconst parseBoolean = value => value === 'true' ? true : false;\r\n\r\nclass MedicalInformationForm extends Component {\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (this.props.currentFormValues) {\r\n\t\t\tconst calculatedFields = this.getCalculatedFields(nextProps.currentFormValues);\r\n\t\t\tObject.keys(calculatedFields).forEach(field => {\r\n\t\t\t\tconst nextValue = calculatedFields[field];\r\n\t\t\t\tif (this.props.currentFormValues[field] !== nextValue) {\r\n\t\t\t\t\tthis.props.changeFormValue(field, nextValue);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetCalculatedFields(formValues) {\r\n\t\tvar hasAnyMedicalInformation = formValues['doesHaveAllergiesOrSensitivities'] ||\r\n\t\t\tformValues['hasDiagnosedAtRiskOfAnaphylaxsis'] || formValues['doesHaveAutoInjectionDevice'] ||\r\n\t\t\tformValues['hasAnaphylaxsisMedicalPlanProvided'] || formValues['doesHaveOtherMedicalConditions'] ||\r\n\t\t\tformValues['doesHaveDietaryRestrictions'];\r\n\r\n\t\treturn { hasAnyMedicalInformation };\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t, isReadOnly } = this.props;\r\n\r\n\t\tconst colSize = { labelCol: 4, valueCol: 8 };\r\n\r\n\t\treturn {t('VestibularFunction_Description')}
\r\n\t\t\t\t\t{t('VestibularFunction_Example')}
\r\n\t\t\t\t\t{t('VestibularFunction_Example1')}
\r\n\t\t\t\t\t{t('VestibularFunction_Example2')}
\r\n\t\t\t\t\t{vestibularFunctionFields}\r\n\t\t\t\t\t{t('AuditoryFunction_Description')}
\r\n\t\t\t\t\t{auditoryFunctionFields}\r\n\t\t\t\t\t{t('VisualDysfunction_Description')}
\r\n\t\t\t\t\t{visualDysfunctionFields}\r\n\t\t\t\t\t{t('ProprioceptiveFunction_Description')}
\r\n\t\t\t\t\t{proprioceptiveFunctionFields}\r\n\t\t\t\t\t{t('TactileFunction_Description')}
\r\n\t\t\t\t\t{t('HypotactileSymptoms')}
\r\n\t\t\t\t\t{hypotactileSymptomFields}\r\n\t\t\t\t\t{t('HypertactileSymptoms')}
\r\n\t\t\t\t\t{hypertactileSymptomFields}\r\n\t\t\t\t\t{t('OlfactoryFunction_Description')}
\r\n\t\t\t\t\t{t('HypersensitiveSmell')}
\r\n\t\t\t\t\t{hypersensitiveSmellFields}\r\n\t\t\t\t\t{t('HyposensitiveSmell')}
\r\n\t\t\t\t\t{hyposensitiveSmellFields}\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n};\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(MedicalInformationForm);\r\n\r\nexport const RequiredFields = [\r\n\t'nameRegularDoctor',\r\n\t'addressRegularDoctor',\r\n\t'contactNumberRegularDoctor',\r\n\t'doesHaveAmbulanceCover',\r\n\t'hasBeenImmunised',\r\n\t'doesHaveAllergiesOrSensitivities',\r\n\t'hasDiagnosedAtRiskOfAnaphylaxsis',\r\n\t'doesHaveAutoInjectionDevice',\r\n\t'hasAnaphylaxsisMedicalPlanProvided',\r\n\t'doesHaveOtherMedicalConditions',\r\n\t'doesHaveDietaryRestrictions'\r\n];\r\n\r\nexport const ValidationFunc = (values, t) => {\r\n\tlet errors = {};\r\n\r\n\tif (values.doesHaveAllergiesOrSensitivities && !values.allergiesOrSensitivities) {\r\n\t\terrors['allergiesOrSensitivities'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveAllergiesOrSensitivities && values.allergiesOrSensitivities) {\r\n\t\terrors['allergiesOrSensitivities'] = t('Validator_NotAllowed');\r\n\t}\r\n\tif (values.doesHaveOtherMedicalConditions && !values.otherMedicalConditions) {\r\n\t\terrors['otherMedicalConditions'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveOtherMedicalConditions && values.otherMedicalConditions) {\r\n\t\terrors['otherMedicalConditions'] = t('Validator_NotAllowed');\r\n\t}\r\n\tif (values.doesHaveDietaryRestrictions && !values.dietaryRestrictions) {\r\n\t\terrors['dietaryRestrictions'] = t('Validator_Required');\r\n\t}\r\n\tif (!values.doesHaveDietaryRestrictions && values.dietaryRestrictions) {\r\n\t\terrors['dietaryRestrictions'] = t('Validator_NotAllowed');\r\n\t}\r\n\r\n\treturn errors;\r\n};","import { combineReducers } from 'redux';\r\nimport createAnalyticsReducer from '../../common/reducers/analytics';\r\nimport { MELILLO_FORMS_ANALYTICS_REQUEST, MELILLO_FORMS_ANALYTICS_SUCCESS, MELILLO_FORMS_ANALYTICS_FAILURE } from './Melillo/actions';\r\n\r\nconst analytics = combineReducers({\r\n\tmelillo: createAnalyticsReducer({\r\n\t\ttypes: [MELILLO_FORMS_ANALYTICS_REQUEST, MELILLO_FORMS_ANALYTICS_SUCCESS, MELILLO_FORMS_ANALYTICS_FAILURE],\r\n\t\tmapActionToKey: action => action.item\r\n\t})\r\n});\r\n\r\nexport default analytics;","var escape = require(\"../../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"body {\\r\\n background: #E9DDEC;\\r\\n}\\r\\n\\r\\n.top-header::after {\\r\\n background: url(\" + escape(require(\"../../images/line.png\")) + \");\\r\\n background-position: top;\\r\\n height: 10px;\\r\\n width: 100%;\\r\\n background-size: contain;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px) {\\r\\n .top-header::after {\\r\\n height: 15px;\\r\\n }\\r\\n}\", \"\"]);\n\n// exports\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport MessageBox from '../../common/components/MessageBox';\r\nimport { Button } from 'react-bootstrap';\r\n\r\nclass ConfirmationButton extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.showConfirmation = this.showConfirmation.bind(this);\r\n\t\tthis.hideConfirmation = this.hideConfirmation.bind(this);\r\n\t\tthis.state = { showConfirmation: false };\r\n\t}\r\n\r\n\tshowConfirmation() {\r\n\t\tthis.setState({ showConfirmation: true });\r\n\t}\r\n\r\n\thideConfirmation() {\r\n\t\tthis.setState({ showConfirmation: false });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { onConfirmation, confirmationTitle, confirmationMessage, children, ...props } = this.props;\r\n\t\treturn \r\n {payment && \r\n
}\r\n \r\n
\r\n
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const paymentId = ownProps.match.params.id;\r\n\r\n const { parent, entities: { individualConsultations, centers }, configuration: { franchisor } } = state;\r\n\r\n const payment = individualConsultations[paymentId];\r\n if (payment) {\r\n payment.child = getChild(parent, payment.childId);\r\n\r\n if (payment.centerId) {\r\n payment.center = centers[payment.centerId];\r\n }\r\n }\r\n\r\n return {\r\n payment,\r\n questionnaireFormUrl: franchisor && franchisor.individualConsultationQuestionnaireUrl,\r\n enableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchIndividualConsultation,\r\n createIndividualConsultationDocument\r\n})(withNamespaces()(Details));","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNDQuODcsMjU2SDUxMmMwLTIzLjEwNi0zLjA4LTQ1LjQ5LTguODE5LTY2Ljc4M0gyNDQuODdWMjU2eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMjQ0Ljg3LDEyMi40MzVoMjI5LjU1NmMtMTUuNjcxLTI1LjU3Mi0zNS43MDgtNDguMTc1LTU5LjA3LTY2Ljc4M0gyNDQuODdWMTIyLjQzNXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRDgwMDI3OyIgZD0iTTI1Niw1MTJjNjAuMjQ5LDAsMTE1LjYyNi0yMC44MjQsMTU5LjM1Ni01NS42NTJIOTYuNjQ0QzE0MC4zNzQsNDkxLjE3NiwxOTUuNzUxLDUxMiwyNTYsNTEyeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMzcuNTc0LDM4OS41NjVoNDM2Ljg1MmMxMi41ODEtMjAuNTI5LDIyLjMzOC00Mi45NjksMjguNzU1LTY2Ljc4M0g4LjgxOQ0KCQlDMTUuMjM2LDM0Ni41OTYsMjQuOTkzLDM2OS4wMzYsMzcuNTc0LDM4OS41NjV6Ii8+DQo8L2c+DQo8cGF0aCBzdHlsZT0iZmlsbDojMDA1MkI0OyIgZD0iTTExOC41ODQsMzkuOTc4aDIzLjMyOWwtMjEuNywxNS43NjVsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1TDg1LjEwNCw4MS4yNTJsNy4xNi0yMi4wMzcNCglDNzMuMTU4LDc1LjEzLDU2LjQxMiw5My43NzYsNDIuNjEyLDExNC41NTJoNy40NzVsLTEzLjgxMywxMC4wMzVjLTIuMTUyLDMuNTktNC4yMTYsNy4yMzctNi4xOTQsMTAuOTM4bDYuNTk2LDIwLjMwMWwtMTIuMzA2LTguOTQxDQoJYy0zLjA1OSw2LjQ4MS01Ljg1NywxMy4xMDgtOC4zNzIsMTkuODczbDcuMjY3LDIyLjM2OGgyNi44MjJsLTIxLjcsMTUuNzY1bDguMjg5LDI1LjUwOWwtMjEuNjk5LTE1Ljc2NWwtMTIuOTk4LDkuNDQ0DQoJQzAuNjc4LDIzNC41MzcsMCwyNDUuMTg5LDAsMjU2aDI1NmMwLTE0MS4zODQsMC0xNTguMDUyLDAtMjU2QzIwNS40MjgsMCwxNTguMjg1LDE0LjY3LDExOC41ODQsMzkuOTc4eiBNMTI4LjUwMiwyMzAuNA0KCWwtMjEuNjk5LTE1Ljc2NUw4NS4xMDQsMjMwLjRsOC4yODktMjUuNTA5bC0yMS43LTE1Ljc2NWgyNi44MjJsOC4yODgtMjUuNTA5bDguMjg4LDI1LjUwOWgyNi44MjJsLTIxLjcsMTUuNzY1TDEyOC41MDIsMjMwLjR6DQoJIE0xMjAuMjEzLDEzMC4zMTdsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1bC0yMS42OTksMTUuNzY1bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOWw4LjI4OCwyNS41MDloMjYuODIyDQoJTDEyMC4yMTMsMTMwLjMxN3ogTTIyMC4zMjgsMjMwLjRsLTIxLjY5OS0xNS43NjVMMTc2LjkzLDIzMC40bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOWw4LjI4OCwyNS41MDloMjYuODIyDQoJbC0yMS43LDE1Ljc2NUwyMjAuMzI4LDIzMC40eiBNMjEyLjAzOSwxMzAuMzE3bDguMjg5LDI1LjUwOWwtMjEuNjk5LTE1Ljc2NWwtMjEuNjk5LDE1Ljc2NWw4LjI4OS0yNS41MDlsLTIxLjctMTUuNzY1aDI2LjgyMg0KCWw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMkwyMTIuMDM5LDEzMC4zMTd6IE0yMTIuMDM5LDU1Ljc0M2w4LjI4OSwyNS41MDlsLTIxLjY5OS0xNS43NjVMMTc2LjkzLDgxLjI1Mmw4LjI4OS0yNS41MDkNCglsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMkwyMTIuMDM5LDU1Ljc0M3oiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K\"","import * as ActionTypes from './actions';\r\nimport * as AuthActionTypes from '../../auth/actions';\r\nimport update from 'immutability-helper';\r\nimport { processErrorResponse } from '../../common/middleware/api';\r\n\r\nconst initialState = {\r\n\tsearch: '',\r\n\tindividualConsultationSearch: '',\r\n\tprogramId: null,\r\n\tcenterId: null,\r\n\ttermId: null,\r\n\tgradeId: null,\r\n\tdate: null,\r\n\tlessonType: '',\r\n\tselectedChildId: 0,\r\n\tselectedPaymentTypeId: 0,\r\n\tisPrepaid: null,\r\n\tselectedPaymentMethodName: '',\r\n\tisBonusLesson: null,\r\n\tisSelectJoinWaitingList: false,\r\n\tchildrenPaymentTypes: [],\t//{ childId: 1, paymentTypes: [] }\r\n\terrorMessage: null,\r\n\tworkshopErrorMessage: null,\r\n\tselectedWorkshopSessionIds: [],\r\n\tpaymentMethodsByCenter: {},\r\n\tinstalmentPlans: [],\r\n\tfetchingBookingOptions: false,\r\n\tpromoCodeErrorMessage: '',\r\n\tcancellationReason: '',\r\n\tresult: {\r\n\t\tsuccess: false,\r\n\t\terrorMessage: '',\r\n\t\tstatus: '',\r\n\t\tpaymentId: 0,\r\n\t\trequiresRedirection: false,\r\n\t\tredirectUrl: '',\r\n\t\thttpBodyParams: null,\r\n\t\tsuccessMessage: ''\r\n\t}\r\n};\r\n\r\nconst booking = (state = initialState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase AuthActionTypes.LOGOUT:\r\n\t\t\treturn initialState;\r\n\t\tcase ActionTypes.UNSELECT_LESSON:\r\n\t\tcase ActionTypes.UNSELECT_PROGRAM_ITEM:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tprogramId: { $set: null },\r\n\t\t\t\tdate: { $set: null },\r\n\t\t\t\tisSelectJoinWaitingList: { $set: false }\r\n\t\t\t});\r\n\t\tcase ActionTypes.STORE_SEARCH_QUERY:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tsearch: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.STORE_INDIVIDUAL_CONSULTATION_SEARCH_QUERY:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tindividualConsultationSearch: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_PROGRAM_ITEM:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tprogramId: { $set: action.payload },\r\n\t\t\t\tdate: { $set: null },\r\n\t\t\t\twarningMessage: { $set: null },\r\n\t\t\t\terrorMessage: { $set: null },\r\n\t\t\t\tupcomingLessons: { $set: [] },\r\n\t\t\t\tchildrenPaymentTypes: { $set: [] }\r\n\t\t\t});\r\n\t\tcase ActionTypes.BOOKING_OPTIONS_FETCH_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tprogramId: { $set: action.payload.programId },\r\n\t\t\t\tcenterId: { $set: action.payload.centerId },\r\n\t\t\t\tdate: { $set: action.payload.date },\r\n\t\t\t\tlessonType: { $set: action.payload.lessonType },\r\n\t\t\t\tchildrenPaymentTypes: { $set: [] },\r\n\t\t\t\tinstalmentPlans: { $set: [] },\r\n\t\t\t\tselectedChildId: { $set: action.payload.childId },\r\n\t\t\t\tselectedPaymentTypeId: { $set: 0 },\r\n\t\t\t\tisPrepaid: { $set: null },\r\n\t\t\t\tisSelectJoinWaitingList: { $set: false },\r\n\t\t\t\tselectedPaymentMethodName: { $set: '' },\r\n\t\t\t\tisBonusLesson: { $set: null },\r\n\t\t\t\twarningMessage: { $set: null },\r\n\t\t\t\terrorMessage: { $set: null },\r\n\t\t\t\tupcomingLessons: { $set: [] },\r\n\t\t\t\tfetchingBookingOptions: { $set: true }\r\n\t\t\t});\r\n\t\tcase ActionTypes.BOOKING_OPTIONS_FETCH_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\twarningMessage: { $set: action.response.warningMessage },\r\n\t\t\t\terrorMessage: { $set: action.response.errorMessage },\r\n\t\t\t\tupcomingLessons: { $set: action.response.upcomingLessons || [] },\r\n\t\t\t\tchildrenPaymentTypes: { $set: action.response.childrenPaymentTypes || [] },\r\n\t\t\t\tfetchingBookingOptions: { $set: false }\r\n\t\t\t});\r\n\t\tcase ActionTypes.BOOKING_OPTIONS_FETCH_FAILURE:\r\n\t\t\tconst optionsFetchErrors = processErrorResponse(action.errorResponse);\r\n\t\t\treturn update(state, {\r\n\t\t\t\terrorMessage: { $set: optionsFetchErrors.message },\r\n\t\t\t\tfetchingBookingOptions: { $set: false }\r\n\t\t\t});\r\n\t\tcase ActionTypes.PAYMENT_METHODS_FETCH_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpaymentMethodsByCenter: {\r\n\t\t\t\t\t[action.centerId]: { $set: [] }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tcase ActionTypes.PAYMENT_METHODS_FETCH_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpaymentMethodsByCenter: {\r\n\t\t\t\t\t[action.centerId]: { $set: action.response }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tcase ActionTypes.INSTALMENT_PLANS_FETCH_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tinstalmentPlans: { $set: [] }\r\n\t\t\t});\r\n\t\tcase ActionTypes.INSTALMENT_PLANS_FETCH_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tinstalmentPlans: { $set: action.response }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_CHILD:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tselectedChildId: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_PAYMENT_TYPE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tselectedPaymentTypeId: { $set: action.payload.paymentTypeId },\r\n\t\t\t\tisPrepaid: { $set: action.payload.isPrepaid },\r\n\t\t\t\tisBonusLesson: { $set: action.payload.isBonusLesson }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_JOIN_WAITING_LIST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tisSelectJoinWaitingList: { $set: true }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_CONSULTATION_DATE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tdate: { $set: action.payload },\r\n\t\t\t\tprogramId: { $set: null },\r\n\t\t\t\terrorMessage: { $set: null }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_CENTER:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tcenterId: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_TERM:\r\n\t\t\treturn update(state, {\r\n\t\t\t\ttermId: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_GRADE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tgradeId: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_LESSON_TYPE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tlessonType: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.SELECT_WORKSHOP_SESSIONS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tselectedWorkshopSessionIds: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.BOOKING_CREATE_SUCCESS:\r\n\t\tcase ActionTypes.INDIVIDUAL_CONSULTATION_CREATE_SUCCESS:\r\n\t\t\t// reset to initial state with only 'result' populated\r\n\t\t\treturn update(initialState, {\r\n\t\t\t\tresult: {\r\n\t\t\t\t\tsuccess: { $set: true },\r\n\t\t\t\t\tstatus: { $set: action.response.status },\r\n\t\t\t\t\tpaymentId: { $set: action.response.paymentId }\r\n\t\t\t\t},\r\n\t\t\t\t// keep already loaded payment methods\r\n\t\t\t\tpaymentMethodsByCenter: { $set: state.paymentMethodsByCenter },\r\n\t\t\t\t// keep cancellation reason if payment was created as a copy of a cancelled payment\r\n\t\t\t\tcancellationReason: { $set: state.cancellationReason }\r\n\t\t\t});\r\n\t\tcase ActionTypes.WAITING_LIST_JOIN_SUCCESS:\r\n\t\t\t// reset to initial state with only 'result' populated\r\n\t\t\treturn update(initialState, {\r\n\t\t\t\tresult: {\r\n\t\t\t\t\tsuccess: { $set: true },\r\n\t\t\t\t\tsuccessMessage: {\r\n\t\t\t\t\t\t$set: action.response.message\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t// keep already loaded payment methods\r\n\t\t\t\tpaymentMethodsByCenter: { $set: state.paymentMethodsByCenter }\r\n\t\t\t});\r\n\t\tcase ActionTypes.INDIVIDUAL_CONSULTATION_CREATE_FAILURE:\r\n\t\t\tconst consultationErrors = processErrorResponse(action.errorResponse);\r\n\t\t\treturn update(state, {\r\n\t\t\t\tresult: {\r\n\t\t\t\t\tsuccess: { $set: false },\r\n\t\t\t\t\terrorMessage: { $set: consultationErrors.message }\r\n\t\t\t\t},\r\n\t\t\t\tdate: { $set: null }\r\n\t\t\t});\r\n\t\tcase ActionTypes.WORKSHOP_BOOKING_CREATE_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tworkshopErrorMessage: { $set: null }\r\n\t\t\t});\r\n\t\tcase ActionTypes.WORKSHOP_BOOKING_CREATE_FAILURE:\r\n\t\t\tconst workshopBookingErrors = processErrorResponse(action.errorResponse);\r\n\t\t\treturn update(state, {\r\n\t\t\t\tworkshopErrorMessage: { $set: workshopBookingErrors.message }\r\n\t\t\t});\r\n\t\tcase ActionTypes.PAYMENT_METHOD_SELECT_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tcancellationReason: { $set: null },\r\n\t\t\t\tresult: {\r\n\t\t\t\t\terrorMessage: { $set: null }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tcase ActionTypes.BOOKING_CREATE_FAILURE:\r\n\t\tcase ActionTypes.PAYMENT_START_FAILURE:\r\n\t\tcase ActionTypes.PAYMENT_END_FAILURE:\r\n\t\tcase ActionTypes.WAITING_LIST_JOIN_FAILURE:\r\n\t\tcase ActionTypes.PAYMENT_METHOD_SELECT_FAILURE:\r\n\t\t\tconst bookingErrors = processErrorResponse(action.errorResponse);\r\n\t\t\treturn update(state, {\r\n\t\t\t\tresult: {\r\n\t\t\t\t\tsuccess: { $set: false },\r\n\t\t\t\t\terrorMessage: { $set: bookingErrors.message }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tcase ActionTypes.PAYMENT_CANCELLED:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tcancellationReason: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.PAYMENT_END_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tresult: {\r\n\t\t\t\t\tsuccess: { $set: true },\r\n\t\t\t\t\trequiresRedirection: { $set: action.response.requiresRedirection },\r\n\t\t\t\t\tredirectUrl: { $set: action.response.redirectUrl },\r\n\t\t\t\t\thttpBodyParams: { $set: action.response.httpBodyParams }\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tcase ActionTypes.APPLY_PROMO_CODE_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpromoCodeErrorMessage: { $set: '' }\r\n\t\t\t});\r\n\t\tcase ActionTypes.APPLY_PROMO_CODE_FAILURE:\r\n\t\tcase ActionTypes.REMOVE_PROMO_CODE_FAILURE:\r\n\t\t\tconst promoCodeErrors = processErrorResponse(action.errorResponse);\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpromoCodeErrorMessage: { $set: promoCodeErrors.message }\r\n\t\t\t});\r\n\t\tcase ActionTypes.RESET_BOOKING:\r\n\t\t\treturn update(initialState, {\r\n\t\t\t\tpaymentMethodsByCenter: { $set: state.paymentMethodsByCenter }\r\n\t\t\t});\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n\r\nexport default booking;\r\n","import React from 'react';\r\nimport { Row, Col, Table } from 'react-bootstrap';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport GradeDetailsLink from '../../common/components/GradeDetailsLink';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport DeleteButton from '../../common/components/DeleteButton';\r\nimport { PaymentTypes } from '../payments/actions';\r\nimport Card from '../../common/components/Card';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport utils from '../../common/services/utils';\r\n\r\nconst View = ({ payment, cancelLesson, blockLessons, unblockLessons, enableUserTimeZone, t }) => {\r\n\tconst { child, lesson, childLessons } = payment;\r\n\tconst { term, center, grade } = lesson;\r\n\r\n\treturn {t('FO_Payment_Id')}{payment.paymentId}
\r\n\t\t\t\t{term && {term.name}}
\r\n\t\t\t\t{child && child.fullName}
\r\n\t\t\t\t{t(`PaymentTypeEnum_${payment.paymentType}`)}
\r\n\t\t\t{t('FO_Payment_ChildLessons')}
\r\n\t\t\t| \r\n\t\t\t\t\t\t\t\t\t{lessonStart.format('dddd')}\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{lessonStart.format('ll')}\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{lessonStart.format('LT')} - {lessonEnd.format('LT')}\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{lesson.canceled && {t('FO_ChildLesson_Canceled')}}\r\n\t\t\t\t\t\t\t\t\t{lesson.isInTheFuture && !lesson.canceled && lesson.allowParentCancelLesson && | \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{center && center.name}
\r\n\t\t\t\t\t{`#${item.id}`} {paymentKind(item.paymentKind)}
\r\n\t\t\t\t{item.child && item.child.shortName}
\r\n\t\t\t{t(`PaymentStatusType_${item.status}`)} {item.total}
\r\n\t\t\t{t('FO_Payment_PaidTotalAmount')} {item.paidTotal}
\r\n\t\t\t{t('FO_Payment_OutstandingTotalAmount')} {item.outstandingTotal}
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{t('FO_Payment_Created')}
\r\n\t\t\t\t\t{moment(item.created).format('lll')}
\r\n\t\t\t\t{t('FO_Payment_Details')}
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{workshops.sort((a, b) => moment(a.startDate) - moment(b.startDate)).map(workshop => \r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst selectedCenterId = queryParams.centerId ? Number(queryParams.centerId) : null;\r\n\r\n\tconst {\r\n\t\tentities: { workshops, centers },\r\n\t\tfilters: { workshopsByCenter },\r\n\t\tparent\r\n\t} = state;\r\n\r\n\tconst workshopsFilter = selectedCenterId && workshopsByCenter[selectedCenterId] || { ids: [] };\r\n\r\n\treturn {\r\n\t\tsearchParams: {\r\n\t\t\tcenterId: selectedCenterId\r\n\t\t},\r\n\t\tcenter: centers[selectedCenterId],\r\n\t\tworkshops: workshopsFilter.ids.map(id => workshops[id]),\r\n\t\tparent\r\n\t}\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadWorkshops,\r\n\tupdateSelectedCenter\r\n})(withNamespaces()(Workshops));","import React, { Component } from 'react';\r\nimport ChildDetailsDialog from '../children/ChildDetailsDialog';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport Card from '../../common/components/Card';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nclass AddChildButton extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.showDialog = this.showDialog.bind(this);\r\n this.hideDialog = this.hideDialog.bind(this);\r\n this.handleDialogConfirm = this.handleDialogConfirm.bind(this);\r\n\r\n this.state = {\r\n showDialog: false\r\n }\r\n }\r\n\r\n showDialog() {\r\n this.setState({ showDialog: true });\r\n }\r\n\r\n hideDialog() {\r\n this.setState({ showDialog: false });\r\n }\r\n\r\n handleDialogConfirm(values) {\r\n const onSuccess = () => this.hideDialog();\r\n this.props.onConfirm(values, onSuccess);\r\n }\r\n\r\n render() {\r\n const { t, requireChildLastName, requireChildSchool, enableParentSelfBooking, hasSameAsParentChild, block, unblock } = this.props;\r\n\r\n return \r\n\t\t\t\t\r\n\t\t\t\t\tWorkshops in \r\n\t\t\t
\r\n\t\t\t{workshops.sort((a, b) => moment(a.startDate) - moment(b.startDate)).map(workshop => \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{t('FO_Program_InfoAndBooking')} \r\n\t\t\t\t
\r\n\t\t\t
)}\r\n\t\t\t{workshops.length == 0 && {workshop.name}
\r\n\t\t\t\t{workshop.shortDescription}
\r\n\t\t\t\t| {t('FO_Workshops_Week')} | \r\n\t\t\t\t\t\t\t{t('FO_Workshops_WeekDates')} | \r\n\t\t\t\t\t\t
|---|---|
| {week.name} | \r\n\t\t\t\t\t\t\t{`${moment(week.startDate).format('ll, ddd')} - ${moment(week.endDate).format('ll, ddd')}`} | \r\n\t\t\t\t\t\t
\r\n\t\t\t
{t('FO_Common_NoResults')}
}\r\n\t\t\t\r\n\t\t\t{ui.isMobileView ?
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { workshopEnrolments, centers }, pagination } = state;\r\n\r\n\tconst workshopEnrolmentsPagination = pagination.workshopEnrolments.all || { ids: [], pageNumber: 1, pageSize: 10 };\r\n\r\n\tconst visibleEnrolments = workshopEnrolmentsPagination.ids.map(id => workshopEnrolments[id]);\r\n\tvisibleEnrolments.forEach(enrolment => {\r\n\t\tif (enrolment) {\r\n\t\t\tenrolment.child = getChild(parent, enrolment.childId);\t\r\n\t\t\tenrolment.center = centers[enrolment.centerId];\r\n\t\t}\r\n\t});\r\n\r\n\treturn {\r\n\t\tdata: visibleEnrolments,\r\n\t\tpagination: workshopEnrolmentsPagination\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadWorkshopEnrolments\r\n})(withNamespaces()(WorkshopEnrolments));","import fetch from 'isomorphic-fetch';\r\nimport Config from 'Config';\r\nimport { getDefaultRequestHeaders } from '../../common/middleware/api';\r\n\r\nexport const WARNING_MESSAGES_REQUEST = 'WARNING_MESSAGES_REQUEST';\r\nexport const WARNING_MESSAGES_SUCCESS = 'WARNING_MESSAGES_SUCCESS';\r\nexport const WARNING_MESSAGES_FAILURE = 'WARNING_MESSAGES_FAILURE';\r\n\r\nconst WARNING_MESSAGES_URL = `${Config.frontofficeApiUrl}/api/warningMessages`;\r\n\r\nconst requestWarningMessages = () => ({\r\n\ttype: WARNING_MESSAGES_REQUEST\r\n});\r\n\r\nconst receiveWarningMessages = (json) => ({\r\n\ttype: WARNING_MESSAGES_SUCCESS,\r\n\tpayload: json\r\n});\r\n\r\nconst warningMessagesError = () => ({\r\n\ttype: WARNING_MESSAGES_FAILURE\r\n});\r\n\r\nexport const loadWarningMessages = () => (dispatch, getState) => {\r\n\tdispatch(requestWarningMessages());\r\n\tconst config = {\r\n\t\theaders: getDefaultRequestHeaders(getState())\r\n\t};\r\n\treturn fetch(WARNING_MESSAGES_URL, config)\r\n\t\t.then(response => response.json().then(json => {\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tdispatch(warningMessagesError());\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(receiveWarningMessages(json));\r\n\t\t\t}\r\n\t\t}));\r\n};","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Alert, Form, Button } from 'react-bootstrap';\r\nimport { Input, Checkbox, FormActions, PhoneNumber } from '../../common/components/formControls';\r\nimport validators from '../../common/services/validators';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { init } from 'react-facebook-pixel';\r\nimport TimeZonePicker from '../../common/components/TimeZonePicker';\r\n\r\nconst SettingsForm = ({ error, handleSubmit, pristine, submitting, submitSucceeded, initialValues, cities,\r\n\tenableClassReminder, countryCode, timeZones, enableUserTimeZone, requireAddress, requirePostcode, t }) => {\r\n\tlet messageToParent = initialValues && initialValues.messageToParent;\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default reduxForm({ form: 'parent', enableReinitialize: true })(withNamespaces()(SettingsForm));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { loginUser } from './actions';\r\nimport LoginForm from './LoginForm';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport { LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAILURE } from './actions';\r\nimport { updateSelectedCenter } from '../dashboard/actions';\r\n\r\nclass Login extends React.Component {\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.isAuthenticated && nextProps.isAuthenticated) {\r\n\t\t\tif (nextProps.centerId > 0) { // update parent's center if parent has selected a center on public timetable\r\n\t\t\t\tconst { centerId, history, updateSelectedCenter } = nextProps;\r\n\t\t\t\tupdateSelectedCenter(centerId, history, false);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.props.isAuthenticated) {\r\n\t\t\tconst { from } = this.props.location.state || {\r\n\t\t\t\tfrom: {\r\n\t\t\t\t\tpathname: this.props.programId ? '/booking/child' : this.props.bookingDate ? '/individual-consultation/booking/child' : '/',\r\n\t\t\t\t\tsearch: this.props.programId ? '?select=true' : ''\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nLogin.propTypes = {\r\n\tloginUser: PropTypes.func,\r\n\tlocation: PropTypes.object,\r\n\tisAuthenticated: PropTypes.bool,\r\n\terrors: PropTypes.array\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { booking: { programId, centerId, date } } = state;\r\n\treturn {\r\n\t\t...state.auth,\r\n\t\tprogramId,\r\n\t\tcenterId,\r\n\t\tbookingDate: date,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloginUser,\r\n\tupdateSelectedCenter\r\n})(withNamespaces()(Login));","import React, { Component } from 'react';\r\nimport RootCloseWrapper from 'react-overlays/lib/RootCloseWrapper';\r\n\r\nclass CustomDropdownMenu extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleRootClose = this.handleRootClose.bind(this);\r\n }\r\n\r\n handleRootClose(event) {\r\n this.props.onClose(event, { source: 'rootClose' });\r\n }\r\n\r\n render() {\r\n const { open, rootCloseEvent } = this.props;\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t{t('FO_Login_Text')}
\r\n\t\t\t\t\t\t- \r\n {this.props.children}\r\n
{fileDescr}
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t{fileDescription}\r\n\t\t\t\t{progressBar}\r\n\t\t\t\t{statusBlock}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n}\r\n\r\nexport default FileListener;","import React from 'react';\r\nimport moment from 'moment';\r\n\r\nconst EventWrapper = ({ hourStart }) => ({ event, children }) => {\r\n\tconst { title, className } = children.props;\r\n\tconst customClass = `${className}`;\r\n\tconst minuteStart = (moment(event.start).hour() - hourStart) * 60 + moment(event.start).minute();\r\n\tconst minuteStop = (moment(event.end).hour() - hourStart) * 60 + moment(event.end).minute();\r\n\tconst gridRowStart = minuteStart + 1;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\thandleMedicalInfoFormSubmit(values, requiredFields, validationFunc) {\r\n\t\tconst { t, medicalInformation, onUpdateMedicalInformation, clearMedicalInfoFormErrors } = this.props;\r\n\r\n\t\tclearMedicalInfoFormErrors();\r\n\r\n\t\tlet errors = {};\r\n\t\tif (requiredFields) {\r\n\t\t\trequiredFields.forEach(field => {\r\n\t\t\t\tif (values[field] == null || values[field] === '') {\t// null, undefined or empty are invalid, 0 is a valid value\r\n\t\t\t\t\terrors[field] = t('Validator_Required');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (validationFunc) {\r\n\t\t\terrors = Object.assign(errors, validationFunc(values, t));\r\n\t\t}\r\n\r\n\t\t// throw redux-form error if fields are missing when submiting form\r\n\t\tif (Object.keys(errors).length > 0) {\r\n\t\t\t//toast.error(t('FO_IndividualConsultationForm_ValidationErrors'));\r\n\t\t\tthrow new SubmissionError(errors);\r\n\t\t}\r\n\r\n\t\tonUpdateMedicalInformation({ ...medicalInformation, content: values });\r\n\t}\r\n\r\n\trenderChildMedicalInformation() {\r\n\t\tconst { selectedChild, medicalInformation, currentMedicalInfoFormValues, changeMedicalInfoFormValue, t } = this.props;\r\n\t\tconst { component, requiredFields, validationFunc } = medicalInformation ?\r\n\t\t\tFormComponents(medicalInformation, { showResults: false }, currentMedicalInfoFormValues, changeMedicalInfoFormValue) :\r\n\t\t\t{ component: null, requiredFields: [], validationFunc: null };\r\n\r\n\t\treturn {t('FO_Booking_Child_Message')}
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t{medicalInformation && \r\n\t\t
;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { mode, selectedChild } = this.props;\r\n\r\n\t\tswitch (mode) {\r\n\t\t\tcase 'add':\r\n\t\t\t\treturn this.renderAddChild();\r\n\t\t\tcase 'medicalInfo':\r\n\t\t\t\tif (selectedChild) {\r\n\t\t\t\t\treturn this.renderChildMedicalInformation();\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn this.renderSelectChild();\r\n\t\t\t\t}\r\n\t\t\tcase 'select':\r\n\t\t\tdefault:\r\n\t\t\t\treturn this.renderSelectChild();\r\n\t\t}\r\n\t}\r\n}\r\n\r\nChild.propTypes = {\r\n\trequireChildLastName: PropTypes.bool,\r\n\trequireChildSchool: PropTypes.bool,\r\n\tenableParentSelfBooking: PropTypes.bool,\r\n\thasSameAsParentChild: PropTypes.bool,\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string\r\n\t})),\r\n\tonSelectChild: PropTypes.func.isRequired,\r\n\tonSelectNewChild: PropTypes.func.isRequired,\r\n\tonAddChild: PropTypes.func.isRequired,\r\n\tonUpdateMedicalInformation: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(Child);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Checkbox } from 'react-icheck';\r\nimport { Col, FormGroup, HelpBlock } from 'react-bootstrap';\r\nimport 'icheck/skins/minimal/grey.css';\r\n\r\nconst CustomCheckbox = ({ horizontal, checkboxClass, placeholder, labelCol = 3, valueCol = 9, input: { onChange, value }, required, label, staticLabel, help, meta: { touched, error, warning }, ...props }) => {\r\n\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\tconst classes = checkboxClass || 'icheckbox_minimal-grey bg';\r\n\r\n\tconst formControl = {t('FO_Booking_Child_MedicalInformation', { name: selectedChild && selectedChild.fullName })}
\r\n\t\t\t{ui.getAvatarName(child.firstName, child.lastName)}
\r\n\t\t\t\t\t\t{child.fullName} {enableCollectMedicalInformation && !child.hasMedicalInformation &&
\r\n\t\t\t\t\t\t{moment(child.dateOfBirth).format('L')}
\r\n\t\t\t\t\t\t{showGender && {child.gender && t(`GenderType_${child.gender.name}`)}
}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{t('FO_Child_HistoryDetails')}\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nLessonsButton.propTypes = {\r\n\tprogramItem: PropTypes.shape({\r\n\t\tgrade: PropTypes.shape({ name: PropTypes.string })\r\n\t}),\r\n\tlessons: PropTypes.array,\r\n\tonClick: PropTypes.func.isRequired,\r\n\tblocking: PropTypes.bool\r\n};\r\n\r\nexport default withNamespaces()(LessonsButton);","import fetch from 'isomorphic-fetch';\r\nimport { stopSubmit } from 'redux-form';\r\nimport { normalize, schema } from 'normalizr';\r\nimport moment from 'moment';\r\nimport Config from 'Config';\r\nimport globalize, { i18n } from '../services/globalize';\r\nimport { refreshToken } from '../../auth/actions';\r\n\r\nexport const API_ROOT = Config.frontofficeApiUrl;\r\n\r\nexport const getDefaultRequestHeaders = state => ({\r\n 'Content-Type': 'application/json',\r\n 'X-Franchisor-Id': state.configuration.franchisor.id,\r\n 'Accept-Language': globalize.getCurrentCulture(state.configuration.franchisor)\r\n});\r\n\r\nconst callApi = (apiOptions, schema, dispatch, getState, isRetry) => {\r\n const state = getState();\r\n\r\n const { method, endpoint, body, authorize } = apiOptions;\r\n\r\n const fullUrl = endpoint.indexOf(API_ROOT) === -1 ? `${API_ROOT}/${endpoint}` : endpoint;\r\n\r\n const options = {\r\n method,\r\n headers: getDefaultRequestHeaders(state),\r\n body\r\n };\r\n\r\n if (authorize) {\r\n options.headers['Authorization'] = `Bearer ${state.auth.accessToken}`;\r\n }\r\n\r\n return fetch(fullUrl, options)\r\n .then(async response => {\r\n let json;\r\n try {\r\n json = await response.json();\r\n } catch (jsonError) { }\r\n\r\n if (!response.ok) {\r\n if (response.status === 401 && !isRetry) {\r\n // refresh access token and retry current API call\r\n return dispatch(refreshToken())\r\n .then(() => callApi(apiOptions, schema, dispatch, getState, true))\r\n .catch((refreshError) => Promise.reject(refreshError));\r\n }\r\n else {\r\n return Promise.reject(json);\r\n }\r\n }\r\n\r\n if (schema) {\r\n const { data, totalCount } = json;\r\n if (data !== undefined && totalCount !== undefined) {\r\n return Object.assign({},\r\n normalize(data, schema),\r\n { totalCount }\r\n );\r\n }\r\n\r\n return normalize(json, schema);\r\n }\r\n\r\n return json;\r\n });\r\n};\r\n\r\nconst encodeQueryParams = (params) => {\r\n let queryString = '';\r\n\r\n if (params) {\r\n queryString = Object.keys(params)\r\n .flatMap(k => {\r\n const paramValue = params[k];\r\n let values = [paramValue];\r\n if (Array.isArray(paramValue)) {\r\n values = [...paramValue];\r\n }\r\n return values.map(value => {\r\n if (value instanceof Date) {\r\n value = moment(value).format();\r\n }\r\n\r\n return value ? encodeURIComponent(k) + '=' + encodeURIComponent(value) : null;\r\n });\r\n })\r\n .filter(queryParam => queryParam !== null && queryParam !== undefined)\r\n .join('&');\r\n }\r\n\r\n return queryString;\r\n};\r\n\r\nexport const processErrorResponse = (errorResponse) => {\r\n if (typeof errorResponse === 'string') {\r\n return {\r\n message: errorResponse\r\n };\r\n }\r\n\r\n const { title, detail, errors } = errorResponse;\r\n const validationErrors = {};\r\n\r\n if (errors) {\r\n Object.keys(errors).forEach(key => {\r\n const dotPosition = key.lastIndexOf('.');\r\n let propName = key.substring(dotPosition + 1);\r\n propName = propName.charAt(0).toLowerCase() + propName.slice(1);\r\n\r\n validationErrors[propName] = errors[key][0];\r\n });\r\n }\r\n\r\n const newMessage = detail || (title === \"One or more validation errors occurred.\" ? i18n.t('BadRequest_Message') : title);\r\n\r\n return {\r\n message: newMessage,\r\n validationErrors\r\n };\r\n};\r\n\r\nconst centerSchema = new schema.Entity('centers', {}, {\r\n idAttribute: center => center.id\r\n});\r\n\r\nconst individualConsultationScheduleSchema = new schema.Entity('individualConsultationSchedule', {}, {\r\n idAttribute: item => `${item.centerId}:${item.consultationType}@${item.start}`\r\n});\r\n\r\nconst weeklyProgramSchema = new schema.Entity('weeklyProgram', {}, {\r\n idAttribute: item => item.id\r\n});\r\n\r\nconst lessonSchema = new schema.Entity('lessons', {}, {\r\n idAttribute: lesson => `${lesson.programId}@${lesson.start}`\r\n});\r\n\r\nconst gradeSchema = new schema.Entity('grades', {}, {\r\n idAttribute: grade => grade.id\r\n});\r\n\r\nconst termSchema = new schema.Entity('terms', {}, {\r\n idAttribute: term => term.id\r\n});\r\n\r\nconst paymentSchema = new schema.Entity('payments', {}, {\r\n idAttribute: payment => payment.id\r\n});\r\n\r\nconst enrolmentSchema = new schema.Entity('enrolments', {}, {\r\n idAttribute: enrolment => enrolment.id\r\n});\r\n\r\nconst individualConsultationSchema = new schema.Entity('individualConsultations', {}, {\r\n idAttribute: individualConsultation => individualConsultation.id\r\n});\r\n\r\nconst individualConsultationDashboardSchema = new schema.Entity('individualConsultationsDashboard', {}, {\r\n idAttribute: individualConsultation => individualConsultation.id\r\n});\r\n\r\nconst workshopSessionsDashboardSchema = new schema.Entity('workshopSessionsDashboard', {}, {\r\n idAttribute: session => session.id\r\n});\r\n\r\nconst individualConsultationDocumentSchema = new schema.Entity('individualConsultationDocuments', {}, {\r\n idAttribute: individualConsultationDocument => individualConsultationDocument.id\r\n});\r\n\r\nconst childLessonSchema = new schema.Entity('childLessons', {}, {\r\n idAttribute: childLesson => childLesson.id\r\n});\r\n\r\nconst weeklyInfoSchema = new schema.Entity('weeklyInfos', {}, {\r\n idAttribute: weeklyInfo => `${weeklyInfo.gradeId}|${weeklyInfo.weekNumber}`\r\n});\r\n\r\nconst selfAssessmentSchema = new schema.Entity('selfAssessments', {}, {\r\n idAttribute: selfAssessment => `${selfAssessment.childId}|${selfAssessment.formId}`\r\n});\r\n\r\nconst medicalInformationSchema = new schema.Entity('medicalInformations', {}, {\r\n idAttribute: medicalInfoFormResponse => medicalInfoFormResponse.childId\r\n});\r\n\r\nconst workshopSchema = new schema.Entity('workshops', {}, {\r\n idAttribute: workshop => workshop.id\r\n});\r\n\r\nconst workshopSessionSchema = new schema.Entity('workshopSessions', {}, {\r\n idAttribute: session => session.id\r\n});\r\n\r\nconst workshopEnrolmentSchema = new schema.Entity('workshopEnrolments', {}, {\r\n idAttribute: workshopEnrolment => workshopEnrolment.id\r\n});\r\n\r\nconst makeupSummarySchema = new schema.Entity('makeupSummary', {}, {\r\n idAttribute: childLesson => childLesson.id\r\n});\r\n\r\nexport const Schemas = {\r\n CENTER: centerSchema,\r\n CENTER_ARRAY: [centerSchema],\r\n INDIVIDUAL_CONSULTATION_SCHEDULE: individualConsultationScheduleSchema,\r\n INDIVIDUAL_CONSULTATION_SCHEDULE_ARRAY: [individualConsultationScheduleSchema],\r\n WEEKLY_PROGRAM_ITEM: weeklyProgramSchema,\r\n WEEKLY_PROGRAM_ARRAY: [weeklyProgramSchema],\r\n LESSON: lessonSchema,\r\n LESSON_ARRAY: [lessonSchema],\r\n GRADE: gradeSchema,\r\n GRADE_ARRAY: [gradeSchema],\r\n TERM: termSchema,\r\n TERM_ARRAY: [termSchema],\r\n PAYMENT: paymentSchema,\r\n PAYMENT_ARRAY: [paymentSchema],\r\n ENROLMENT: enrolmentSchema,\r\n ENROLMENT_ARRAY: [enrolmentSchema],\r\n INDIVIDUAL_CONSULTATION: individualConsultationSchema,\r\n INDIVIDUAL_CONSULTATION_ARRAY: [individualConsultationSchema],\r\n INDIVIDUAL_CONSULTATION_DOCUMENT: individualConsultationDocumentSchema,\r\n INDIVIDUAL_CONSULTATION_DOCUMENT_ARRAY: [individualConsultationDocumentSchema],\r\n INDIVIDUAL_CONSULTATION_DASHBOARD_ARRAY: [individualConsultationDashboardSchema],\r\n CHILD_LESSON: childLessonSchema,\r\n CHILD_LESSON_ARRAY: [childLessonSchema],\r\n WEEKLY_INFO: weeklyInfoSchema,\r\n WEEKLY_INFO_ARRAY: [weeklyInfoSchema],\r\n SELF_ASSESSMENT: selfAssessmentSchema,\r\n SELF_ASSESSMENT_ARRAY: [selfAssessmentSchema],\r\n MEDICAL_INFORMATION: medicalInformationSchema,\r\n MEDICAL_INFORMATION_ARRAY: [medicalInformationSchema],\r\n WORKSHOP: workshopSchema,\r\n WORKSHOP_ARRAY: [workshopSchema],\r\n WORKSHOP_SESSION: workshopSessionSchema,\r\n WORKSHOP_SESSION_ARRAY: [workshopSessionSchema],\r\n WORKSHOP_ENROLMENT: workshopEnrolmentSchema,\r\n WORKSHOP_ENROLMENT_ARRAY: [workshopEnrolmentSchema],\r\n CHILD_WORKSHOP_SESSIONS_DASHBOARD_ARRAY: [workshopSessionsDashboardSchema],\r\n MAKEUP_SUMMARY_ARRAY: [makeupSummarySchema]\r\n};\r\n\r\nexport const CALL_API = 'Call API';\r\n\r\n// A Redux middleware that interprets actions with CALL_API info specified.\r\n// Performs the call and promises when such actions are dispatched.\r\nexport default store => next => action => {\r\n const callAPI = action[CALL_API];\r\n if (typeof callAPI === 'undefined') {\r\n return next(action);\r\n }\r\n\r\n let { endpoint } = callAPI;\r\n const { types, method = 'GET', authorize = true, request, schema, form } = callAPI;\r\n\r\n const state = store.getState();\r\n\r\n if (typeof endpoint === 'function') {\r\n endpoint = endpoint(state);\r\n }\r\n\r\n if (typeof endpoint !== 'string') {\r\n throw new Error('Specify a string endpoint URL.');\r\n }\r\n if (!Array.isArray(types) || types.length !== 3) {\r\n throw new Error('Expected an array of three action types.');\r\n }\r\n if (!types.every(type => typeof type === 'string')) {\r\n throw new Error('Expected action types to be strings.');\r\n }\r\n\r\n const actionWith = data => {\r\n const finalAction = Object.assign({}, action, data);\r\n delete finalAction[CALL_API];\r\n return finalAction;\r\n };\r\n\r\n const [requestType, successType, failureType] = types;\r\n next(actionWith({ type: requestType, payload: request }));\r\n\r\n let body = undefined;\r\n if (method === 'GET') {\r\n const queryParams = encodeQueryParams(request);\r\n endpoint = `${endpoint}?${queryParams}`;\r\n } else {\r\n if (request) {\r\n body = JSON.stringify(request, (key, value) => {\r\n const initialValue = request[key];\r\n if (initialValue instanceof Date) {\r\n // call format to include timezone info - \"2015-09-16T00:00:00+01:00\" (moment().toJSON() or default behaviour \r\n // of JSON.stringify returns UTC time)\r\n return moment(initialValue).format();\r\n }\r\n return value;\r\n });\r\n }\r\n }\r\n\r\n const apiOptions = {\r\n method,\r\n endpoint,\r\n body,\r\n authorize\r\n };\r\n\r\n return callApi(apiOptions, schema, store.dispatch, store.getState).then(\r\n response => {\r\n const { transition, onSuccess } = callAPI;\r\n let { successPayload } = callAPI;\r\n\r\n if (typeof successPayload === 'function') {\r\n successPayload = successPayload(response);\r\n }\r\n\r\n next(actionWith({\r\n type: successType,\r\n response,\r\n ...successPayload\r\n }));\r\n\r\n if (transition) {\r\n const { success, history } = transition;\r\n if (success) {\r\n redirect(success, response, history);\r\n }\r\n }\r\n\r\n if (onSuccess) {\r\n onSuccess(response);\r\n }\r\n },\r\n errorResponse => {\r\n const errors = processErrorResponse(errorResponse);\r\n\r\n const { errorPayload, transition, onError } = callAPI;\r\n\r\n next(actionWith({\r\n type: failureType,\r\n errorResponse,\r\n ...errorPayload\r\n }));\r\n\r\n if (form) {\r\n next(stopSubmit(form, { _error: errors.message, ...errors.validationErrors }));\r\n }\r\n\r\n if (transition) {\r\n let { error, history } = transition;\r\n if (error) {\r\n redirect(error, errorResponse, history);\r\n }\r\n }\r\n\r\n if (onError) {\r\n onError(errorResponse);\r\n }\r\n }\r\n );\r\n};\r\n\r\nconst redirect = ({ path, isExternal, push }, response, history) => {\r\n if (path) {\r\n if (typeof path === 'function') {\r\n path = path(response);\r\n }\r\n if (typeof path !== 'string') {\r\n throw new Error('Specify a string redirect URL.');\r\n }\r\n\r\n if (path) {\r\n if (isExternal) {\r\n window.location = path;\r\n } else {\r\n if (push) {\r\n history.push(path);\r\n } else {\r\n history.replace(path);\r\n }\r\n }\r\n }\r\n }\r\n};","import { combineReducers } from 'redux';\r\nimport { reducer as formReducer } from 'redux-form';\r\nimport paginate from './common/reducers/paginate';\r\nimport filter from './common/reducers/filter';\r\nimport auth from './auth/reducer';\r\nimport language from './languages/reducer';\r\nimport { lookups, franchisor } from './init/reducers';\r\nimport parent from './dashboard/reducer';\r\nimport booking from './dashboard/booking/reducer';\r\nimport paymentProcessors from './dashboard/booking/paymentMethods/reducer';\r\nimport formsAnalytics from './dashboard/individualConsultationFormsAnalytics/reducer';\r\nimport * as AuthActionTypes from './auth/actions';\r\nimport * as ChildLessonActionTypes from './dashboard/children/actions';\r\nimport * as PaymentActionTypes from './dashboard/payments/actions';\r\nimport * as EnrolmentActionTypes from './dashboard/enrolments/actions';\r\nimport * as IndividualConsultationActionTypes from './dashboard/individualConsultations/actions';\r\nimport * as CommonActionTypes from './dashboard/common/actions';\r\nimport * as WorkshopEnrolmentActionTypes from './dashboard/workshopEnrolments/actions';\r\nimport lodash from 'lodash';\r\nimport mergeWith from 'lodash/mergeWith';\r\nimport warningMessages from './dashboard/warningMessage/reducer';\r\n\r\nconst initialGlobalEntitiesState = {\r\n\tcenters: {}, individualConsultationSchedule: {}, weeklyProgram: {}, lessons: {}, grades: {}, terms: {}, workshops: {}, workshopSessions: {},\r\n\tmakeupSummary: {}\r\n};\r\n\r\nconst initialParentSpecificEntitiesState = {\r\n\tpayments: {}, enrolments: {}, individualConsultations: {}, workshopEnrolments: {},\r\n\tindividualConsultationsDocuments: {},\r\n\tchildLessons: {}, weeklyInfos: {},\r\n\tindividualConsultationsDashboard: {}, workshopSessionsDashboard: {},\r\n\tselfAssessments: {}, medicalInformations: {}\r\n};\r\n\r\nconst entities = (state = { ...initialGlobalEntitiesState, ...initialParentSpecificEntitiesState }, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase AuthActionTypes.LOGOUT:\r\n\t\t\t// reset parent owned entities at logout\r\n\t\t\treturn { ...state, ...initialParentSpecificEntitiesState };\r\n\t\tdefault:\r\n\t\t\tif (action.response && action.response.entities) {\r\n\t\t\t\treturn mergeWith({}, state, action.response.entities, (obj, src) => {\r\n\t\t\t\t\tif (lodash.isArray(obj)) {\r\n\t\t\t\t\t\treturn src;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n\r\n// Updates the pagination data for different actions.\r\nconst pagination = combineReducers({\r\n\tpayments: paginate({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tPaymentActionTypes.PAYMENTS_REQUEST,\r\n\t\t\tPaymentActionTypes.PAYMENTS_SUCCESS,\r\n\t\t\tPaymentActionTypes.PAYMENTS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tenrolments: paginate({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tEnrolmentActionTypes.ENROLMENTS_REQUEST,\r\n\t\t\tEnrolmentActionTypes.ENROLMENTS_SUCCESS,\r\n\t\t\tEnrolmentActionTypes.ENROLMENTS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tindividualConsultations: paginate({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATIONS_REQUEST,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATIONS_SUCCESS,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATIONS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tindividualConsultationDocumentsByChildAndType: paginate({\r\n\t\tmapActionToKey: action => `${action.childId}-${action.documentType}`,\r\n\t\ttypes: [\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DOCUMENTS_REQUEST,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DOCUMENTS_SUCCESS,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DOCUMENTS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tworkshopEnrolments: paginate({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tWorkshopEnrolmentActionTypes.WORKSHOP_ENROLMENTS_REQUEST,\r\n\t\t\tWorkshopEnrolmentActionTypes.WORKSHOP_ENROLMENTS_SUCCESS,\r\n\t\t\tWorkshopEnrolmentActionTypes.WORKSHOP_ENROLMENTS_FAILURE\r\n\t\t]\r\n\t}),\r\n});\r\n\r\n// Updates the filtered data for different actions.\r\nconst filters = combineReducers({\r\n\tchildLessonsByChildAndProgram: filter({\r\n\t\tmapActionToKey: action => `${action.childId}-${action.programId}`,\r\n\t\ttypes: [\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_REQUEST,\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_SUCCESS,\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tchildLessonsForDashboard: filter({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_DASHBOARD_REQUEST,\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_DASHBOARD_SUCCESS,\r\n\t\t\tChildLessonActionTypes.CHILD_LESSONS_DASHBOARD_FAILURE\r\n\t\t]\r\n\t}),\r\n\tchildConsultationsForDashboard: filter({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DASHBOARD_REQUEST,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DASHBOARD_SUCCESS,\r\n\t\t\tIndividualConsultationActionTypes.INDIVIDUAL_CONSULTATION_DASHBOARD_FAILURE\r\n\t\t]\r\n\t}),\r\n\tindividualConsultationScheduleByChildAndCenter: filter({\r\n\t\tmapActionToKey: action => `${action.childId || 'all'}-${action.centerId}`,\r\n\t\ttypes: [\r\n\t\t\tCommonActionTypes.INDIVIDUAL_CONSULTATION_SCHEDULE_REQUEST,\r\n\t\t\tCommonActionTypes.INDIVIDUAL_CONSULTATION_SCHEDULE_SUCCESS,\r\n\t\t\tCommonActionTypes.INDIVIDUAL_CONSULTATION_SCHEDULE_FAILURE\r\n\t\t]\r\n\t}),\r\n\tworkshopsByCenter: filter({\r\n\t\tmapActionToKey: action => `${action.centerId}`,\r\n\t\ttypes: [\r\n\t\t\tCommonActionTypes.WORKSHOPS_REQUEST,\r\n\t\t\tCommonActionTypes.WORKSHOPS_SUCCESS,\r\n\t\t\tCommonActionTypes.WORKSHOPS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tworkshopSessions: filter({\r\n\t\tmapActionToKey: action => `${action.workshopId}`,\r\n\t\ttypes: [\r\n\t\t\tCommonActionTypes.WORKSHOP_SESSIONS_REQUEST,\r\n\t\t\tCommonActionTypes.WORKSHOP_SESSIONS_SUCCESS,\r\n\t\t\tCommonActionTypes.WORKSHOP_SESSIONS_FAILURE\r\n\t\t]\r\n\t}),\r\n\tchildWorkshopSessionsForDashboard: filter({\r\n\t\tmapActionToKey: action => 'all',\r\n\t\ttypes: [\r\n\t\t\tWorkshopEnrolmentActionTypes.CHILD_WORKSHOP_SESSIONS_DASHBOARD_REQUEST,\r\n\t\t\tWorkshopEnrolmentActionTypes.CHILD_WORKSHOP_SESSIONS_DASHBOARD_SUCCESS,\r\n\t\t\tWorkshopEnrolmentActionTypes.CHILD_WORKSHOP_SESSIONS_DASHBOARD_FAILURE\r\n\t\t]\r\n\t}),\r\n\tmakeupSummaryByChildAndTerm: filter({\r\n\t\tmapActionToKey: action => `${action.childId}-${action.termId}`,\r\n\t\ttypes: [\r\n\t\t\tChildLessonActionTypes.MAKEUP_SUMMARY_BY_CHILD_AND_TERM_REQUEST,\r\n\t\t\tChildLessonActionTypes.MAKEUP_SUMMARY_BY_CHILD_AND_TERM_SUCCESS,\r\n\t\t\tChildLessonActionTypes.MAKEUP_SUMMARY_BY_CHILD_AND_TERM_FAILURE\r\n\t\t]\r\n\t})\r\n});\r\n\r\nconst rootReducer = combineReducers({\r\n\tlookups,\r\n\tentities,\r\n\tpagination,\r\n\tfilters,\r\n\tform: formReducer,\r\n\tformsAnalytics,\r\n\tauth,\r\n\tparent,\r\n\tbooking,\r\n\tpaymentProcessors,\r\n\tconfiguration: combineReducers({ franchisor, language, warningMessages })\r\n});\r\n\r\nexport default rootReducer;","import React from 'react';\r\nimport * as dates from 'date-arithmetic';\r\nimport TimeGrid from 'react-big-calendar/lib/TimeGrid';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\n\r\nclass CalendarNext7DaysWeekView extends React.Component {\r\n\trender() {\r\n\t\tconst { date, events } = this.props;\r\n\t\tconst range = CalendarNext7DaysWeekView.range(date, events);\r\n\t\treturn \r\n
\r\n );\r\n};\r\n\r\nList.propTypes = {\r\n data: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number,\r\n child: PropTypes.shape({\r\n shortName: PropTypes.string\r\n }),\r\n center: PropTypes.shape({\r\n name: PropTypes.string\r\n }),\r\n startDate: PropTypes.string,\r\n created: PropTypes.string\r\n }))\r\n};\r\n\r\nexport default withNamespaces()(List);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport { Nav, NavItem } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport FormAnalyticsComponents from '../individualConsultationFormsAnalytics';\r\nimport AnalysisDocuments from './AnalysisDocuments';\r\n\r\nclass IndividualConsultationFormResponses extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChildSelect = this.handleChildSelect.bind(this);\r\n\r\n const firstChild = this.props.children && this.props.children[0];\r\n this.state = {\r\n selectedChildId: firstChild && firstChild.id\r\n };\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if ((!this.props.children || this.props.children.length == 0) && nextProps.children && nextProps.children.length > 0) {\r\n this.handleChildSelect(nextProps.children[0].id);\r\n }\r\n }\r\n\r\n handleChildSelect(childId) {\r\n this.setState({ selectedChildId: childId });\r\n }\r\n\r\n render() {\r\n const { children, hasChildren, formsDashboard, t } = this.props;\r\n\r\n if (!children || children.length == 0) {\r\n return \r\n {children.length > 1 ? :
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n const {\r\n configuration: { franchisor },\r\n parent: { children }\r\n } = state;\r\n\r\n\r\n return {\r\n children: children.filter(x => x.hasIndividualConsultation),\r\n hasChildren: children.length > 0,\r\n formsDashboard: franchisor.customUIComponents && franchisor.customUIComponents.childFormsDashboard\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {})(withNamespaces()(IndividualConsultationFormResponses));","import React from 'react';\r\nimport { FormGroup, Col, ButtonToolbar } from 'react-bootstrap';\r\n\r\nconst FormActions = ({ horizontal, children, labelCol = 3, valueCol = 9 }) => {\r\n\tconst buttons = {children[0].fullName}
}\r\n{formsDashboard && selectedChildId && FormAnalyticsComponents(formsDashboard, { childId: selectedChildId })}
\r\n \r\n\t\t\t{ui.isMobileView ?
\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { payments, centers, terms, grades }, pagination, configuration: { franchisor } } = state;\r\n\r\n\tconst paymentsPagination = pagination.payments.all || { ids: [], pageNumber: 1, pageSize: 10 };\r\n\r\n\tconst visiblePayments = paymentsPagination.ids.map(id => payments[id]);\r\n\tvisiblePayments.forEach(payment => {\r\n\t\tif (payment) {\r\n\t\t\tpayment.child = getChild(parent, payment.childId);\r\n\t\t\tpayment.center = centers[payment.centerId];\r\n\r\n\t\t\tif (payment.lesson) {\r\n\t\t\t\tpayment.lesson.center = centers[payment.lesson.centerId];\r\n\t\t\t\tpayment.lesson.term = terms[payment.lesson.termId];\r\n\t\t\t\tpayment.lesson.grade = grades[payment.lesson.gradeId];\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t});\r\n\r\n\treturn {\r\n\t\tdata: visiblePayments,\r\n\t\tpagination: paymentsPagination\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadPayments\r\n})(withNamespaces()(Payments));","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yMzMuNzM5LDI1NmMwLDAtMTU4LjYwOSwxODEuMDU1LTE1OC43NTksMTgxLjAxOUMxMjEuMzA2LDQ4My4zNDYsMTg1LjMwNyw1MTIsMjU2LDUxMg0KCWMxNDEuMzg0LDAsMjU2LTExNC42MTYsMjU2LTI1NkgyMzMuNzM5eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik03NC45OCw3NC45OGMtOTkuOTc0LDk5Ljk3NC05OS45NzQsMjYyLjA2NSwwLDM2Mi4wNEMxMTYuMjkzLDM5NS43MDcsMTU2LjAyNiwzNTUuOTc0LDI1NiwyNTYNCglMNzQuOTgsNzQuOTh6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik01Mi45MiwxMDAuMTQyYy0yMC4xMDksMjYuMTYzLTM1LjI3Miw1Ni4zMTgtNDQuMTAxLDg5LjA3N2gxMzMuMTc4TDUyLjkyLDEwMC4xNDJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik01MDMuMTgxLDE4OS4yMTljLTguODI5LTMyLjc1OC0yMy45OTMtNjIuOTEzLTQ0LjEwMS04OS4wNzZsLTg5LjA3NSw4OS4wNzZINTAzLjE4MXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA1MkI0OyIgZD0iTTguODE5LDMyMi43ODRjOC44MywzMi43NTgsMjMuOTkzLDYyLjkxMyw0NC4xMDEsODkuMDc1bDg5LjA3NC04OS4wNzVMOC44MTksMzIyLjc4NEw4LjgxOSwzMjIuNzg0DQoJCXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDA1MkI0OyIgZD0iTTQxMS44NTgsNTIuOTIxYy0yNi4xNjMtMjAuMTA5LTU2LjMxNy0zNS4yNzItODkuMDc2LTQ0LjEwMnYxMzMuMTc3TDQxMS44NTgsNTIuOTIxeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBkPSJNMTAwLjE0Miw0NTkuMDc5YzI2LjE2MywyMC4xMDksNTYuMzE4LDM1LjI3Miw4OS4wNzYsNDQuMTAyVjM3MC4wMDVMMTAwLjE0Miw0NTkuMDc5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBkPSJNMTg5LjIxNyw4LjgxOWMtMzIuNzU4LDguODMtNjIuOTEzLDIzLjk5My04OS4wNzUsNDQuMTAxbDg5LjA3NSw4OS4wNzVWOC44MTl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik0zMjIuNzgzLDUwMy4xODFjMzIuNzU4LTguODMsNjIuOTEzLTIzLjk5Myw4OS4wNzUtNDQuMTAxbC04OS4wNzUtODkuMDc1VjUwMy4xODF6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzAwNTJCNDsiIGQ9Ik0zNzAuMDA1LDMyMi43ODRsODkuMDc1LDg5LjA3NmMyMC4xMDgtMjYuMTYyLDM1LjI3Mi01Ni4zMTgsNDQuMTAxLTg5LjA3NkgzNzAuMDA1eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik01MDkuODMzLDIyMi42MDloLTIyMC40NGgtMC4wMDFWMi4xNjdDMjc4LjQ2MSwwLjc0NCwyNjcuMzE3LDAsMjU2LDANCgkJYy0xMS4zMTksMC0yMi40NjEsMC43NDQtMzMuMzkxLDIuMTY3djIyMC40NHYwLjAwMUgyLjE2N0MwLjc0NCwyMzMuNTM5LDAsMjQ0LjY4MywwLDI1NmMwLDExLjMxOSwwLjc0NCwyMi40NjEsMi4xNjcsMzMuMzkxDQoJCWgyMjAuNDRoMC4wMDF2MjIwLjQ0MkMyMzMuNTM5LDUxMS4yNTYsMjQ0LjY4MSw1MTIsMjU2LDUxMmMxMS4zMTcsMCwyMi40NjEtMC43NDMsMzMuMzkxLTIuMTY3di0yMjAuNDR2LTAuMDAxaDIyMC40NDINCgkJQzUxMS4yNTYsMjc4LjQ2MSw1MTIsMjY3LjMxOSw1MTIsMjU2QzUxMiwyNDQuNjgzLDUxMS4yNTYsMjMzLjUzOSw1MDkuODMzLDIyMi42MDl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0zMjIuNzgzLDMyMi43ODRMMzIyLjc4MywzMjIuNzg0TDQzNy4wMTksNDM3LjAyYzUuMjU0LTUuMjUyLDEwLjI2Ni0xMC43NDMsMTUuMDQ4LTE2LjQzNQ0KCQlsLTk3LjgwMi05Ny44MDJoLTMxLjQ4MlYzMjIuNzg0eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMTg5LjIxNywzMjIuNzg0aC0wLjAwMkw3NC45OCw0MzcuMDE5YzUuMjUyLDUuMjU0LDEwLjc0MywxMC4yNjYsMTYuNDM1LDE1LjA0OGw5Ny44MDItOTcuODA0DQoJCVYzMjIuNzg0eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMTg5LjIxNywxODkuMjE5di0wLjAwMkw3NC45ODEsNzQuOThjLTUuMjU0LDUuMjUyLTEwLjI2NiwxMC43NDMtMTUuMDQ4LDE2LjQzNWw5Ny44MDMsOTcuODAzDQoJCUgxODkuMjE3eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMzIyLjc4MywxODkuMjE5TDMyMi43ODMsMTg5LjIxOUw0MzcuMDIsNzQuOTgxYy01LjI1Mi01LjI1NC0xMC43NDMtMTAuMjY2LTE2LjQzNS0xNS4wNDcNCgkJbC05Ny44MDIsOTcuODAzVjE4OS4yMTl6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==\"","var map = {\n\t\"./art-k.css\": \"leLg\",\n\t\"./gymbaroo.css\": \"0qAA\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"WHUf\";","import React from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\nimport { Field } from 'redux-form';\r\nimport { Input, OrderedListInput, CheckboxGroup, Radio, DateTimeInput } from '../../../common/components/formControls';\r\nimport validators from '../../../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst yesNoOptions = (t) => {\r\n\treturn [\r\n\t\t{ value: 'true', label: t('Yes') },\r\n\t\t{ value: 'false', label: t('No') }\r\n\t];\r\n};\r\n\r\nconst parseBoolean = value => value === 'true' ? true : false;\r\n\r\nconst Form = ({ t, isReadOnly }) => {\r\n\tconst colSize = { labelCol: 4, valueCol: 8 };\r\n\tconst bigFieldRows = 6;\r\n\r\n\treturn \r\n\t\t\r\n\t\t\t{t('Child')} \r\n\t\t\t\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t\t value && Number(value)} disabled={isReadOnly} {...colSize} validate={validators.number} />\r\n\t\t\t \r\n\t\t \r\n\r\n\t\t\r\n\t\t\t{t('MedicalHistory')} \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t \r\n\t
;\r\n};\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n\t'name',\r\n\t'age',\r\n\t'dateOfBirth',\r\n\t'gender',\r\n\t'birthOrder',\r\n\t'eyeColor',\r\n\t'hairColor',\r\n\t'bloodType',\r\n\t'bloodRh',\r\n\t'height',\r\n\t'weight'\r\n];","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".main-menu .navbar-nav > .open > a,\\r\\n.main-menu .navbar-nav > .open > a:focus,\\r\\n.main-menu .navbar-nav > .active > a,\\r\\n.main-menu .navbar-nav > .active > a:focus,\\r\\n.main-menu .navbar-nav > li > a:hover,\\r\\n.main-menu .navbar-nav > li > a:focus,\\r\\n.main-menu .dropdown-menu > li > a:hover,\\r\\n.main-menu .dropdown-menu > li > a:focus,\\r\\n.main-menu .dropdown-menu > .active > a,\\r\\n.main-menu .navbar-nav .open .dropdown-menu > li > a:hover,\\r\\n.main-menu .navbar-nav .open .dropdown-menu > li > a:focus {\\r\\n\\tcolor: #43ac9a !important;\\r\\n}\\r\\n\\r\\n.timetable-search .dropdown-menu > li > a:hover,\\r\\n.timetable-search .dropdown-menu > li > a:focus,\\r\\n.timetable-search .dropdown-menu > .active > a {\\r\\n\\tcolor: #43ac9a !important;\\r\\n}\\r\\n\\r\\n.bg-light {\\r\\n\\tcolor: #43ac9a;\\r\\n}\\r\\n\\r\\na:not(.btn) {\\r\\n\\tcolor: #43ac9a;\\r\\n}\\r\\n\\r\\n.main-menu-toggle .icon-bar {\\r\\n\\tbackground-color: #43ac9a !important;\\r\\n}\\r\\n\\r\\n.booking-options-container .glyphicon {\\r\\n\\tcolor: #43ac9a;\\r\\n}\\r\\n\\r\\n.payment-methods label.checked {\\r\\n\\tborder-color: #43ac9a;\\r\\n}\\r\\n\\r\\n.btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {\\r\\n\\tbackground-color: #570f82;\\r\\n\\tborder-color: #4a0d6f\\r\\n}\\r\\n\\r\\n\\t.btn-primary:focus, .btn-primary.focus {\\r\\n\\t\\tbackground-color: #4a0d6f;\\r\\n\\t\\tborder-color: #4a0d6f\\r\\n\\t}\\r\\n\\r\\n\\t.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {\\r\\n\\t\\tbackground-color: #4a0d6f;\\r\\n\\t\\tborder-color: #4a0d6f\\r\\n\\t}\\r\\n\\r\\n\\t\\t.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {\\r\\n\\t\\t\\tbackground-color: #4a0d6f;\\r\\n\\t\\t\\tborder-color: #4a0d6f\\r\\n\\t\\t}\\r\\n\\r\\n.register-steps .steps_s {\\r\\n\\tborder-bottom-color: #570f82;\\r\\n}\\r\\n\\r\\n\\t.register-steps .steps_s:after {\\r\\n\\t\\tbackground-color: #570f82;\\r\\n\\t}\\r\\n\\r\\n\\t.register-steps .steps_s .number {\\r\\n\\t\\tcolor: #570f82;\\r\\n\\t}\\r\\n\\r\\n\\t.register-steps .steps_s .title {\\r\\n\\t\\tcolor: #570f82;\\r\\n\\t}\\r\\n\\r\\n.steps_title {\\r\\n\\tcolor: #570f82;\\r\\n}\\r\\n\\r\\n.child-details-sidebar .nav > li > a:hover,\\r\\n.child-details-sidebar .nav > li > a:focus,\\r\\n.child-details-sidebar .nav > li.active > a,\\r\\n.child-details-sidebar .nav > li.active > a:hover,\\r\\n.child-details-sidebar .nav > li.active > a:focus {\\r\\n\\tcolor: #43ac9a !important;\\r\\n}\", \"\"]);\n\n// exports\n","import { i18n } from '../../../../common/services/globalize';\r\n\r\nexport const initiateVoucherPayment = (paymentMethod) => (dispatch, getState) => {\r\n\tconst { voucherDataSubmitHandle } = getState().paymentProcessors[paymentMethod.name];\r\n\tconst { voucherSchemeName, voucherSchemeReference } = voucherDataSubmitHandle();\r\n\treturn new Promise((resolve, reject) => {\r\n\t\tif (!voucherSchemeName) {\r\n\t\t\treject(i18n.t('FO_PaymentMethod_Voucher_SchemeNameRequired'));\r\n\t\t} else if (!voucherSchemeReference) {\r\n\t\t\treject(i18n.t('FO_PaymentMethod_Voucher_SchemeReferenceRequired'));\r\n\t\t} else {\r\n\t\t\tresolve({ voucherSchemeName, voucherSchemeReference });\r\n\t\t}\r\n\t});\r\n};","import { CALL_API, Schemas } from '../../common/middleware/api';\r\n\r\nexport const WORKSHOP_ENROLMENT_FETCH_REQUEST = 'WORKSHOP_ENROLMENT_GET_REQUEST';\r\nexport const WORKSHOP_ENROLMENT_FETCH_SUCCESS = 'WORKSHOP_ENROLMENT_GET_SUCCESS';\r\nexport const WORKSHOP_ENROLMENT_FETCH_FAILURE = 'WORKSHOP_ENROLMENT_GET_FAILURE';\r\n\r\nexport const WORKSHOP_ENROLMENTS_REQUEST = 'WORKSHOP_ENROLMENTS_REQUEST';\r\nexport const WORKSHOP_ENROLMENTS_SUCCESS = 'WORKSHOP_ENROLMENTS_SUCCESS';\r\nexport const WORKSHOP_ENROLMENTS_FAILURE = 'WORKSHOP_ENROLMENTS_FAILURE';\r\n\r\nexport const CHILD_WORKSHOP_SESSIONS_DASHBOARD_REQUEST = 'CHILD_WORKSHOP_SESSIONS_DASHBOARD_REQUEST';\r\nexport const CHILD_WORKSHOP_SESSIONS_DASHBOARD_SUCCESS = 'CHILD_WORKSHOP_SESSIONS_DASHBOARD_SUCCESS';\r\nexport const CHILD_WORKSHOP_SESSIONS_DASHBOARD_FAILURE = 'CHILD_WORKSHOP_SESSIONS_DASHBOARD_FAILURE';\r\n\r\nexport const loadWorkshopEnrolments = (options) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [WORKSHOP_ENROLMENTS_REQUEST, WORKSHOP_ENROLMENTS_SUCCESS, WORKSHOP_ENROLMENTS_FAILURE],\r\n\t\tendpoint: 'api/workshopEnrolments',\r\n\t\trequest: options,\r\n\t\tschema: Schemas.WORKSHOP_ENROLMENT_ARRAY\r\n\t}\r\n});\r\n\r\nexport const fetchWorkshopEnrolment = (id) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [WORKSHOP_ENROLMENT_FETCH_REQUEST, WORKSHOP_ENROLMENT_FETCH_SUCCESS, WORKSHOP_ENROLMENT_FETCH_FAILURE],\r\n\t\tendpoint: `api/workshopEnrolments/${id}`,\r\n\t\tschema: Schemas.WORKSHOP_ENROLMENT\r\n\t}\r\n});\r\n\r\nexport const loadChildWorkshopSessionsForDashboard = () => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [CHILD_WORKSHOP_SESSIONS_DASHBOARD_REQUEST, CHILD_WORKSHOP_SESSIONS_DASHBOARD_SUCCESS, CHILD_WORKSHOP_SESSIONS_DASHBOARD_FAILURE],\r\n\t\tendpoint: `api/childWorkshopSessions/dashboard`,\r\n\t\tschema: Schemas.CHILD_WORKSHOP_SESSIONS_DASHBOARD_ARRAY\r\n\t}\r\n});","import React, { Component } from 'react';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Image, Col, ControlLabel, FormGroup, Button, ButtonToolbar, Glyphicon, HelpBlock } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport FileUpload from './FileUpload';\r\n\r\nclass FormFileUpload extends Component {\r\n\r\n\trender() {\r\n\t\tconst { horizontal, required, label, help, input, meta: { touched, error, warning }, image, initialData, disabled } = this.props;\r\n\t\tconst formControl = \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{label}{labelHint} \r\n\t\t\t\t\t{formControl}\r\n\t\t\t\t\t{errorBlock}\r\n\t\t\t\t\t{helpBlock}\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default FormFileUpload;\r\n","import React, { Component } from 'react';\r\nimport { Alert } from 'react-bootstrap';\r\nimport DocumentUploadForm from './DocumentUploadForm';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\n\r\nclass QuestionnaireUpload extends Component {\r\n\trender() {\r\n\t\tconst { t, questionnaireFormUrl, onSubmit } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t\t
\r\n\t\t\t\t{t('FO_IndividualConsultation_QuestionnaireUpload')}
\r\n\t\t| {t('List_Empty')} |
\r\n\t\t\t\t\r\n\t\t\t\t{infoDialog}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nRegistrationForm.propTypes = {\r\n\tonSubmit: PropTypes.func.isRequired\r\n};\r\n\r\nexport default reduxForm({ form: 'registration', enableReinitialize: true })(withNamespaces()(RegistrationForm));","import React, { Component } from 'react';\r\nimport List from './List';\r\nimport { deleteChild } from '../actions';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport {\r\n\tPARENT_FETCH_REQUEST, PARENT_FETCH_SUCCESS, PARENT_FETCH_FAILURE,\r\n\tCHILD_DELETE_REQUEST, CHILD_DELETE_SUCCESS, CHILD_DELETE_FAILURE\r\n} from '../actions';\r\n\r\nclass Children extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleSelect = this.handleSelect.bind(this);\r\n\t\tthis.handleSelectNew = this.handleSelectNew.bind(this);\r\n\t\tthis.handleDelete = this.handleDelete.bind(this);\r\n\t}\r\n\r\n\thandleSelect(child) {\r\n\t\tthis.props.history.push(`/children/${child.id}`);\r\n\t}\r\n\r\n\thandleSelectNew() {\r\n\t\tthis.props.history.push('/booking/child?add=true&reset=true');\r\n\t}\r\n\r\n\thandleDelete(child) {\r\n\t\tthis.props.deleteChild(child.id);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent: { children }, auth: { currentUser }, configuration: { franchisor } } = state;\r\n\r\n\treturn {\r\n\t\tchildren,\r\n\t\tcanDeleteChild: currentUser.userImpersonation,\r\n\t\tenableCollectMedicalInformation: franchisor.enableCollectMedicalInformation\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tdeleteChild\r\n})(withNamespaces()(Children));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { resetPassword } from './actions';\r\nimport ResetPasswordForm from './ResetPasswordForm';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport queryString from 'query-string';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport { RESET_PASSWORD_REQUEST, RESET_PASSWORD_SUCCESS, RESET_PASSWORD_FAILURE } from './actions';\r\n\r\nclass ResetPassword extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleResetPasswordSubmit = this.handleResetPasswordSubmit.bind(this);\r\n\t}\r\n\r\n\thandleResetPasswordSubmit(values) {\r\n\t\tconst { resetPassword, history } = this.props;\r\n\r\n\t\tresetPassword(values, history);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.props.isAuthenticated) {\r\n\t\t\tconst { from } = this.props.location.state || { from: { pathname: '/' } };\r\n\t\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nResetPassword.propTypes = {\r\n\tresetPassword: PropTypes.func,\r\n\tlocation: PropTypes.object,\r\n\tisAuthenticated: PropTypes.bool\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { passwordResetToken } = queryString.parse(ownProps.location.search);\r\n\r\n\treturn {\r\n\t\tisAuthenticated: state.auth.isAuthenticated,\r\n\t\tpasswordResetToken\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tresetPassword\r\n})(withNamespaces()(ResetPassword));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Table, Glyphicon, Row, Col } from 'react-bootstrap';\r\nimport Pagination from './Pagination';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport BlockUi from 'react-block-ui';\r\n\r\nclass PagedEntitiesGrid extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handlePageSelect = this.handlePageSelect.bind(this);\r\n this.handleSort = this.handleSort.bind(this);\r\n }\r\n\r\n handlePageSelect(selectedPage) {\r\n const { onFetchData, sortKey, sortDirection, pageSize } = this.props;\r\n onFetchData({\r\n sortKey,\r\n sortDirection,\r\n pageNumber: selectedPage,\r\n pageSize\r\n });\r\n }\r\n\r\n handleSort(selectedSortKey) {\r\n const { onFetchData, sortKey, sortDirection, pageNumber, pageSize } = this.props;\r\n let selectedSortDirection = 'asc';\r\n if (selectedSortKey === sortKey) {\r\n selectedSortDirection = sortDirection === 'asc' ? 'desc' : 'asc';\r\n }\r\n onFetchData({\r\n sortKey: selectedSortKey,\r\n sortDirection: selectedSortDirection,\r\n pageNumber,\r\n pageSize\r\n });\r\n }\r\n\r\n render() {\r\n const { t, itemsPerRow, data, itemComponent, loading, total, pages, pageNumber = 1, pageSize = 10 } = this.props;\r\n\r\n return \r\n\t\t\t\t\t\t
\r\n\t\t\t\t{t('FO_ResetPassword_Title')}
\r\n\t\t\t\t\t\t{t('FO_ResetPassword_Text')}
\r\n\t\t\t\t\t\t\r\n {t('List_PaginationStats', { first: (pageNumber - 1) * pageSize + 1, last: Math.min(pageNumber * pageSize, total), total })}\r\n
\r\n \r\n \r\n\t\t\t{center.address &&
;\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { center, className, style, hideMapMarker } = this.props;\r\n\t\tconst infoDialog = this.renderInfoDialog();\r\n\r\n\t\treturn center ? \r\n\t\t\t{!hideMapMarker && {center.addressDescription}
\r\n\t\t\t{center.phoneNumber &&
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{t('FO_PageTitle_Registration')}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t{enrolment && \r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst enrolmentId = ownProps.match.params.id;\r\n\tconst fromPath = ownProps.match.params.fromPath;\r\n\r\n\tconst { parent, entities: { workshopEnrolments, centers }, configuration: { franchisor } } = state;\r\n\r\n\tconst enrolment = workshopEnrolments[enrolmentId];\r\n\tif (enrolment) {\r\n\t\tenrolment.child = getChild(parent, enrolment.childId);\r\n\t\tenrolment.center = centers[enrolment.centerId];\t\t\r\n\t}\r\n\r\n\treturn {\r\n\t\tenrolment,\r\n\t\tfromPath,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchWorkshopEnrolment,\r\n\tcancelWorkshopSession\r\n})(withNamespaces()(Details));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport PagedEntitiesGrid from '../../common/components/PagedEntitiesGrid';\r\nimport Card from '../../common/components/Card';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\n\r\nconst Grid = ({ t, ...rest }) => {\r\n const renderItem = item => {\r\n\r\n return \r\n
\r\n \r\n
\r\n {item.center && item.center.name}
\r\n{item.workshop}
\r\n{item.child && item.child.shortName}
\r\n \r\n
\r\n \r\n
\r\n {t('FO_Payment_Created')}
\r\n {moment(item.created).format('lll')}
\r\n {t('FO_Payment_Details')}
\r\n \r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderSelectedItem({ item }) {\r\n\t\treturn {item.displayName} - {item.name} (GMT{item.offset});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { name = 'timeZone', placeholder, timeZones, emptyValue, t, ...rest } = this.props;\r\n\r\n\t\treturn {item.displayName}
\r\n\t\t\t{item.name} (GMT{item.offset})
\r\n\t\t\t{item.country}
\r\n\t\t {term.name}
\r\n {t('FO_Common_NoResults')}
;\r\n\r\n if (classes.length > 0) {\r\n const centerGroups = utils.groupBy(classes, 'centerId');\r\n\r\n classesByCenter = Object.keys(centerGroups).map(key => {\r\n const groupedClasses = centerGroups[key].sort((a, b) => moment(b.term.startDate) - moment(a.term.startDate));\r\n const center = groupedClasses[0].center;\r\n\r\n return\r\n
\r\n \r\n \r\n {groupedClasses.map(programItem => this.renderAttendedClass(programItem))}\r\n \r\n
\r\n
;\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const childId = Number(ownProps.match.params.id);\r\n\r\n const { entities: { centers, terms, grades, weeklyInfos }, parent, configuration: { franchisor } } = state;\r\n\r\n const child = getChild(parent, childId);\r\n if (child && child.attendedClasses) {\r\n child.attendedClasses.forEach(programItem => {\r\n programItem.center = centers[programItem.centerId] || { name: '' };\r\n programItem.term = terms[programItem.termId] || { name: '' };\r\n programItem.grade = grades[programItem.gradeId] || { name: '' };\r\n });\r\n }\r\n\r\n return {\r\n child,\r\n childLessons: state.entities.childLessons,\r\n childLessonsByChildAndProgram: state.filters.childLessonsByChildAndProgram,\r\n grades,\r\n weeklyInfos,\r\n enableUserTimeZone: franchisor.enableUserTimeZone\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n loadChildLessons,\r\n fetchWeeklyInfo,\r\n setPaymentSubGrade\r\n})(withNamespaces()(History));","import { CALL_API, Schemas } from '../../common/middleware/api';\r\n\r\nexport const PAYMENTS_REQUEST = 'PAYMENTS_REQUEST';\r\nexport const PAYMENTS_SUCCESS = 'PAYMENTS_SUCCESS';\r\nexport const PAYMENTS_FAILURE = 'PAYMENTS_FAILURE';\r\n\r\nexport const PAYMENT_FETCH_REQUEST = 'PAYMENT_GET_REQUEST';\r\nexport const PAYMENT_FETCH_SUCCESS = 'PAYMENT_GET_SUCCESS';\r\nexport const PAYMENT_FETCH_FAILURE = 'PAYMENT_GET_FAILURE';\r\n\r\nexport const SET_SUBGRADE_REQUEST = 'SET_SUBGRADE_REQUEST';\r\nexport const SET_SUBGRADE_SUCCESS = 'SET_SUBGRADE_SUCCESS';\r\nexport const SET_SUBGRADE_FAILURE = 'SET_SUBGRADE_FAILURE';\r\n\r\nexport const TAKEPAYMENTS_CARD_UPDATE_REQUEST = 'TAKEPAYMENTS_CARD_UPDATE_REQUEST';\r\nexport const TAKEPAYMENTS_CARD_UPDATE_SUCCESS = 'TAKEPAYMENTS_CARD_UPDATE_SUCCESS';\r\nexport const TAKEPAYMENTS_CARD_UPDATE_FAILURE = 'TAKEPAYMENTS_CARD_UPDATE_FAILURE';\r\n\r\nexport const PaymentTypes = {\r\n\tLesson: 'lesson',\r\n\tIndividualConsultation: 'individualConsultation',\r\n\tWorkshop: 'workshop'\r\n}\r\n\r\nexport const loadPayments = (options) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [PAYMENTS_REQUEST, PAYMENTS_SUCCESS, PAYMENTS_FAILURE],\r\n\t\tendpoint: 'api/payments',\r\n\t\trequest: options,\r\n\t\tschema: Schemas.PAYMENT_ARRAY\r\n\t}\r\n});\r\n\r\nexport const fetchPayment = (id, type) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [PAYMENT_FETCH_REQUEST, PAYMENT_FETCH_SUCCESS, PAYMENT_FETCH_FAILURE],\r\n\t\tendpoint: `api/payments/${type}/${id}`,\r\n\t\tschema: Schemas.PAYMENT\r\n\t}\r\n});\r\n\r\n\r\nexport const setPaymentSubGrade = (paymentId, gradeId, onSuccess) => ({\r\n\t[CALL_API]: {\r\n\t\ttypes: [SET_SUBGRADE_REQUEST, SET_SUBGRADE_SUCCESS, SET_SUBGRADE_FAILURE],\r\n\t\tendpoint: `api/payments/${paymentId}/${gradeId}`,\r\n\t\tmethod: 'PUT',\r\n\t\tonSuccess: onSuccess\r\n\t}\r\n});\r\n\r\nexport const updatePaymentOption = (payment) => (dispatch) => {\r\n\tif (payment && payment.paymentMethod && payment.paymentMethod.name === 'Takepayments') {\r\n\t\tdispatch({\r\n\t\t\t[CALL_API]: {\r\n\t\t\t\ttypes: [TAKEPAYMENTS_CARD_UPDATE_REQUEST, TAKEPAYMENTS_CARD_UPDATE_SUCCESS, TAKEPAYMENTS_CARD_UPDATE_FAILURE],\r\n\t\t\t\tendpoint: 'api/paymentMethods/takepayments/cardUpdate',\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\trequest: { paymentId: payment.id },\r\n\t\t\t\tonSuccess: (response) => {\r\n\t\t\t\t\tif (response.redirectUrl) {\r\n\t\t\t\t\t\tconst bodyParams = response.httpBodyParams || {};\r\n\t\t\t\t\t\tconst form = document.createElement('form');\r\n\t\t\t\t\t\tform.method = 'POST';\r\n\t\t\t\t\t\tform.action = response.redirectUrl;\r\n\t\t\t\t\t\tform.style.display = 'none';\r\n\t\t\t\t\t\tObject.keys(bodyParams).forEach(key => {\r\n\t\t\t\t\t\t\tconst input = document.createElement('input');\r\n\t\t\t\t\t\t\tinput.name = key;\r\n\t\t\t\t\t\t\tinput.value = bodyParams[key];\r\n\t\t\t\t\t\t\tinput.type = 'hidden';\r\n\t\t\t\t\t\t\tform.appendChild(input);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tdocument.body.appendChild(form);\r\n\t\t\t\t\t\tform.submit();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Radio, RadioGroup } from 'react-icheck';\r\nimport 'icheck/skins/all.css';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap';\r\n\r\nconst RadioComponent = ({ name, label, required, entries, horizontal, inline, labelCol = 3, valueCol = 9, help, input: { onChange, value = '' }, meta: { touched, error, warning }, ...props }) => {\r\n\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\tconst formControl = {t('FO_Child_History')}
\r\n {classesByCenter}\r\n];\r\n\t\t})}\r\n\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t !x.mixed)}\r\n\t\t\t\t\t\t\tshowWeekdays\r\n\t\t\t\t\t\t\tselectedCity={selectedCity}\r\n\t\t\t\t\t\t\tselectedCenter={selectedCenter}\r\n\t\t\t\t\t\t\tselectedTerm={selectedTerm}\r\n\t\t\t\t\t\t\tselectedGrades={selectedGrades}\r\n\t\t\t\t\t\t\tselectedWeekday={weekday}\r\n\t\t\t\t\t\t\tonSelectCity={this.handleCitySelect}\r\n\t\t\t\t\t\t\tonSelectCenter={this.handleCenterSelect}\r\n\t\t\t\t\t\t\tonSelectTerm={this.handleTermSelect}\r\n\t\t\t\t\t\t\tonSelectGrades={this.handleGradesSelect}\r\n\t\t\t\t\t\t\tonSelectWeekday={this.handleWeekdaySelect}\r\n\t\t\t\t\t\t\tfranchisorDisplayName={franchisor.displayName}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { entities: { centers, grades, terms, weeklyProgram }, configuration: { franchisor }, parent } = state;\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst lessonType = queryParams.lessonType;\r\n\r\n\tconst parentCenterId = parent.centerId;\r\n\tconst parentCenter = parentCenterId ? centers[parentCenterId] : null;\r\n\r\n\tlet weeklyProgramDeepLoaded = Object.values(weeklyProgram);\r\n\tweeklyProgramDeepLoaded.forEach(item => {\r\n\t\titem.grade = grades[item.gradeId] || { name: '', subGrades: [] };\r\n\t\titem.center = centers[item.centerId] || { name: '' };\r\n\t\titem.term = terms[item.termId] || { name: '', schoolYear: '' };\r\n\t});\r\n\r\n\tconst allChildren = state.parent.children;\r\n\tallChildren.forEach(child => {\r\n\t\tlet ageAppropriateGradeIds = child.ageAppropriateGradeIds || [];\r\n\t\tif (queryParams.centerId && queryParams.termId) {\r\n\t\t\tageAppropriateGradeIds = getAgeAppropriateGradesByChild(state.parent, queryParams.centerId, queryParams.termId, child.id) || [];\r\n\t\t}\r\n\r\n\t\tchild.ageAppropriateGrades = ageAppropriateGradeIds.map(gradeId => grades[gradeId]);\r\n\t});\r\n\r\n\tconst selectedCenterId = queryParams.centerId ? Number(queryParams.centerId) : null;\r\n\tconst selectedCenter = selectedCenterId && centers[selectedCenterId];\r\n\r\n\tlet selectedGradeIds = null;\r\n\tif (queryParams.gradeIds) {\r\n\t\tlet gradeIdsParamValues = [queryParams.gradeIds];\r\n\t\tif (Array.isArray(queryParams.gradeIds)) {\r\n\t\t\tgradeIdsParamValues = [...queryParams.gradeIds];\r\n\t\t}\r\n\t\tselectedGradeIds = gradeIdsParamValues.map(id => Number(id));\r\n\t}\r\n\r\n\tlet selectedWeekday = queryParams.weekday ? Number(queryParams.weekday) : null;\r\n\r\n\treturn {\r\n\t\tfranchisor,\r\n\t\tgrades: selectedCenter && selectedCenter.grades ?\r\n\t\t\tselectedCenter.grades.map(id => grades[id]).filter(x => !!x) : [],\r\n\t\tparentCenter,\r\n\t\tsearchParams: {\r\n\t\t\tcity: queryParams.city,\r\n\t\t\tcenterId: selectedCenterId,\r\n\t\t\ttermId: queryParams.termId ? Number(queryParams.termId) : null,\r\n\t\t\tgradeIds: selectedGradeIds,\r\n\t\t\tlessonType: lessonType || '',\t// load all booking options by default - normal and trial\r\n\t\t\tweekday: selectedWeekday\r\n\t\t},\r\n\t\tparent,\r\n\t\tcenters: Object.values(centers).filter(c => lessonType !== 'trial' || c.isTrialLesson).sort((a, b) => a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1),\r\n\t\tselectedCenter,\r\n\t\tcities: [...new Set(Object.values(centers).map(center => center.city))],\t// distinct list of cities with centers\r\n\t\tterms: selectedCenter && selectedCenter.terms ?\r\n\t\t\tselectedCenter.terms\r\n\t\t\t\t.map(x => ({ ...terms[x.id], ...x }))\t // replace startDate and endDate with actual working period for the selected term\r\n\t\t\t\t.filter(x => x.allowBooking)\r\n\t\t\t\t.sort(function (a, b) {\r\n\t\t\t\t\treturn moment(a.startDate).format('YYYYMMDD') - moment(b.startDate).format('YYYYMMDD');\r\n\t\t\t\t})\r\n\t\t\t: [],\r\n\t\tweeklyProgram: weeklyProgramDeepLoaded,\r\n\t\tchildren: allChildren,\r\n\t\tallowWorkshops: franchisor && franchisor.enableWorkshops && Object.values(centers).some(c => c.isWorkshops),\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone,\r\n\t\tpaymentTypes: state.lookups.paymentTypes\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadTermsByCenter,\r\n\tloadGradesByCenter,\r\n\tloadAgeAppropriateGradesByCenterAndTerm,\r\n\tloadWeeklyProgram,\r\n\tupdateSelectedCenter,\r\n\tstoreSearchQuery,\r\n\tselectProgramItem\r\n})(withNamespaces()(ProgramList));","import React from 'react';\r\nimport * as dates from 'date-arithmetic';\r\nimport { Navigate } from 'react-big-calendar';\r\nimport TimeGrid from 'react-big-calendar/lib/TimeGrid';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\n\r\nclass CalendarNext7DaysDayView extends React.Component {\r\n\trender() {\r\n\t\tlet { date } = this.props;\r\n\t\tlet range = CalendarNext7DaysDayView.range(date);\r\n\t\treturn \r\n \r\n {/*\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t*/}\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 \r\n
\r\n
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const {\r\n formsAnalytics: { melillo }\r\n } = state;\r\n\r\n return {\r\n analytics: melillo\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n loadFormsAnalyticsData\r\n})(withNamespaces('formAnalytics.Melillo.resources')(ChildDashboard));","import React, { Component } from 'react';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport StripeCheckoutComponent from './Stripe/CheckoutComponent';\r\nimport VoucherCheckoutComponent from './Voucher/CheckoutComponent';\r\nimport { i18n } from '../../../common/services/globalize';\r\n\r\nclass CheckoutComponent extends Component {\r\n\tgetPaymentMethodCheckoutComponent() {\r\n\t\tconst { paymentMethod, isInstalmentPayment, onPaymentMethodInit, showManualInstalments, currency, t, ...rest } = this.props;\r\n\r\n\t\tconst descriptionResourceKey = `FO_PaymentMethod_${paymentMethod.name}_Description`;\r\n\t\tconst descriptionResourceKeyWithSuffix = `FO_PaymentMethod_${paymentMethod.name}_Description_${isInstalmentPayment ? 'Instalment' : currency}`;\r\n\t\tconst description = ;\r\n\r\n\t\tswitch (paymentMethod.name) {\r\n\t\t\tcase 'Stripe':\r\n\t\t\t\treturn \r\n\t\t\t\t\t{description}\r\n\t\t\t\t\t
;\r\n\t\t\tdefault:\r\n\t\t\t\treturn \r\n\t\t\t\t\t{description}\r\n\t\t\t\t\t{showManualInstalments && paymentMethod.supportsManualInstalments && }\r\n\t\t\t\t
;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn this.getPaymentMethodCheckoutComponent();\r\n\t}\r\n}\r\n\r\nexport default withNamespaces()(CheckoutComponent);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport ChildSettingsForm from './SettingsForm';\r\n\r\nclass ChildDetailsDialog extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleSameAsParentChange = this.handleSameAsParentChange.bind(this);\r\n this.state = { sameAsParent: false };\r\n }\r\n\r\n handleSameAsParentChange() {\r\n this.setState({ sameAsParent: !this.state.sameAsParent });\r\n }\r\n\r\n renderBody() {\r\n const { child, genderTypes, onConfirm, onCancel, requireChildLastName, requireChildSchool, enableParentSelfBooking, hasSameAsParentChild } = this.props;\r\n\r\n return \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\r\n\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst {\r\n\t\tformsAnalytics: { melillo }\r\n\t} = state;\r\n\r\n\treturn {\r\n\t\tanalytics: melillo\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadFormsAnalyticsData\r\n})(withNamespaces('formAnalytics.Melillo.resources')(ChildDashboard));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Form, Button, Alert } from 'react-bootstrap';\r\nimport { Input, Checkbox } from '../common/components/formControls';\r\nimport validators from '../common/services/validators';\r\nimport { Link } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst passwordMinLength = validators.minLength(6);\r\n\r\nconst ImpersonationForm = ({ error, handleSubmit, pristine, submitting, t }) => {\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default reduxForm({ form: 'impersonation' })(withNamespaces()(ImpersonationForm));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { loadEnrolments } from './actions';\r\nimport { getChild } from '../reducer';\r\nimport List from './List';\r\nimport Grid from './Grid';\r\nimport ui from '../../common/services/ui';\r\n\r\nclass Payments extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleListEvent = this.handleListEvent.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.loadEnrolments(this.props.pagination);\r\n\t}\r\n\r\n\thandleListEvent(listPagination) {\r\n\t\tthis.props.loadEnrolments(listPagination);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { data, pagination } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t{ui.isMobileView ?
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { enrolments, centers, terms, grades }, pagination } = state;\r\n\r\n\tconst enrolmentsPagination = pagination.enrolments.all || { ids: [], pageNumber: 1, pageSize: 10 };\r\n\r\n\tconst visiblePayments = enrolmentsPagination.ids.map(id => enrolments[id]);\r\n\tvisiblePayments.forEach(payment => {\r\n\t\tif (payment) {\r\n\t\t\tpayment.child = getChild(parent, payment.childId);\r\n\r\n\t\t\tif (payment.lesson) {\r\n\t\t\t\tpayment.lesson.center = centers[payment.lesson.centerId];\r\n\t\t\t\tpayment.lesson.term = terms[payment.lesson.termId];\r\n\t\t\t\tpayment.lesson.grade = grades[payment.lesson.gradeId];\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\treturn {\r\n\t\tdata: visiblePayments,\r\n\t\tpagination: enrolmentsPagination\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadEnrolments\r\n})(withNamespaces()(Payments));","import React from 'react';\r\nimport MelilloSensorAnalysis, { RequiredFields as MelilloSensorAnalysisRequiredFields } from './Melillo/SensorAnalysis';\r\nimport MelilloHemisphericAnalysis, {\r\n\tRequiredFields as MelilloHemisphericAnalysisRequiredFields,\r\n\tValidationFunc as MelilloHemisphericAnalysisValidationFunc\r\n} from './Melillo/HemisphericAnalysis';\r\nimport MelilloFollowUp, { RequiredFields as MelilloFollowUpRequiredFields } from './Melillo/FollowUp';\r\nimport MelilloDevelopmentalHistory, { RequiredFields as MelilloDevelopmentalHistoryRequiredFields } from './Melillo/DevelopmentalHistory';\r\nimport KindyRooDevelopmentalHistory, { RequiredFields as KindyRooDevelopmentalHistoryRequiredFields } from './KindyRoo/DevelopmentalHistory';\r\nimport KindyRooHemisphericAnalysis, {\r\n\tRequiredFields as KindyRooHemisphericAnalysisRequiredFields,\r\n\tValidationFunc as KindyRooHemisphericAnalysisValidationFunc\r\n} from './KindyRoo/HemisphericAnalysis';\r\nimport KindyRooBGQuestionnaire, { RequiredFields as KindyRooBGQuestionnaireRequiredFields } from './KindyRooBG/Questionnaire';\r\nimport KindyRooAUMedicalInformation, {\r\n\tRequiredFields as KindyRooAUMedicalInformationRequiredFields,\r\n\tValidationFunc as KindyRooAUMedicalInformationValidationFunc\r\n} from './KindyRooAU/MedicalInformation';\r\nimport ArtKMedicalInformation, {\r\n\tRequiredFields as ArtKMedicalInformationRequiredFields,\r\n\tValidationFunc as ArtKMedicalInformationValidationFunc\r\n} from './ArtK/MedicalInformation';\r\n\r\nconst Components = {\r\n\tMelilloSensorAnalysis: {\r\n\t\tcomponent: MelilloSensorAnalysis,\r\n\t\trequiredFields: MelilloSensorAnalysisRequiredFields\r\n\t},\r\n\tMelilloHemisphericAnalysis: {\r\n\t\tcomponent: MelilloHemisphericAnalysis,\r\n\t\trequiredFields: MelilloHemisphericAnalysisRequiredFields,\r\n\t\tvalidationFunc: MelilloHemisphericAnalysisValidationFunc\r\n\t},\r\n\tMelilloFollowUp: { component: MelilloFollowUp, requiredFields: MelilloFollowUpRequiredFields },\r\n\tMelilloDevelopmentalHistory: { component: MelilloDevelopmentalHistory, requiredFields: MelilloDevelopmentalHistoryRequiredFields },\r\n\r\n\tKindyRooDevelopmentalHistory: { component: KindyRooDevelopmentalHistory, requiredFields: KindyRooDevelopmentalHistoryRequiredFields },\r\n\tKindyRooHemisphericAnalysis: {\r\n\t\tcomponent: KindyRooHemisphericAnalysis,\r\n\t\trequiredFields: KindyRooHemisphericAnalysisRequiredFields,\r\n\t\tvalidationFunc: KindyRooHemisphericAnalysisValidationFunc\r\n\t},\r\n\tKindyRooBGQuestionnaire: { component: KindyRooBGQuestionnaire, requiredFields: KindyRooBGQuestionnaireRequiredFields },\r\n\tKindyRooAUMedicalInformation: {\r\n\t\tcomponent: KindyRooAUMedicalInformation,\r\n\t\trequiredFields: KindyRooAUMedicalInformationRequiredFields,\r\n\t\tvalidationFunc: KindyRooAUMedicalInformationValidationFunc\r\n\t},\r\n\tArtKMedicalInformation: {\r\n\t\tcomponent: ArtKMedicalInformation,\r\n\t\trequiredFields: ArtKMedicalInformationRequiredFields,\r\n\t\tvalidationFunc: ArtKMedicalInformationValidationFunc\r\n\t}\r\n};\r\n\r\nexport default (form, options, currentFormValues, changeFormValue) => {\t\t// options: { showResults: true }\r\n\t// component does exist\r\n\tif (typeof Components[form.name] !== 'undefined') {\r\n\t\tconst { component, requiredFields, validationFunc } = Components[form.name];\r\n\t\treturn {\r\n\t\t\tcomponent: React.createElement(component, {\r\n\t\t\t\tresourcesNamespace: `form.${form.name}.resources`,\r\n\t\t\t\tisReadOnly: form.status === 'Final',\r\n\t\t\t\tcurrentFormValues,\t// current redux-form field values from state\r\n\t\t\t\tchangeFormValue,\t// updates redux-form field value in state\r\n\t\t\t\t...options\r\n\t\t\t}),\r\n\t\t\trequiredFields,\r\n\t\t\tvalidationFunc\r\n\t\t};\r\n\t}\r\n\t// component doesn't exist yet\r\n\treturn {\r\n\t\tcomponent: React.createElement(\r\n\t\t\t() => The form {form.name} has not been created yet.
\r\n\t\t),\r\n\t\trequiredFields: [],\r\n\t\tvalidationFunc: null\r\n\t};\r\n};","import React, { Component } from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { fetchEnrolment, ENROLMENT_FETCH_REQUEST, ENROLMENT_FETCH_SUCCESS, ENROLMENT_FETCH_FAILURE } from './actions';\r\nimport { cancelLesson } from '../actions';\r\nimport { getChild } from '../reducer';\r\nimport PaymentView from './View';\r\nimport BackButton from '../../common/components/BackButton';\r\n\r\nclass Details extends Component {\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchEnrolment(Number(this.props.match.params.id));\r\n\t\tthis.handleCancelLesson = this.handleCancelLesson.bind(this);\r\n\t}\r\n\thandleCancelLesson(lessonId) {\r\n\t\tconst { cancelLesson } = this.props;\r\n\t\tconst onSuccess = () => {\r\n\t\t\tthis.props.fetchEnrolment(Number(this.props.match.params.id));\r\n\t\t}\r\n\t\tcancelLesson(lessonId, onSuccess);\r\n\t}\r\n\trender() {\r\n\t\tconst { payment, enableUserTimeZone } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t{payment && \r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst paymentId = ownProps.match.params.id;\r\n\tconst fromPath = ownProps.match.params.fromPath;\r\n\r\n\tconst { parent, entities: { enrolments, centers, terms, grades }, configuration: { franchisor } } = state;\r\n\r\n\tconst payment = enrolments[paymentId];\r\n\tif (payment) {\r\n\t\tpayment.child = getChild(parent, payment.childId);\r\n\r\n\t\tif (payment.lesson) {\r\n\t\t\tpayment.lesson.center = centers[payment.lesson.centerId];\r\n\t\t\tpayment.lesson.term = terms[payment.lesson.termId];\r\n\t\t\tpayment.lesson.grade = grades[payment.lesson.gradeId];\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tpayment,\r\n\t\tfromPath,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchEnrolment,\r\n\tcancelLesson\r\n})(withNamespaces()(Details));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Checkbox } from 'react-icheck';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap';\r\nimport 'icheck/skins/minimal/grey.css';\r\n\r\nconst CustomCheckbox = ({ horizontal, checkboxClass, required, labelCol = 3, valueCol = 9, input, label, help, meta: { touched, error, warning }, entries, inline, ...props }) => {\r\n\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\tconst classes = checkboxClass || 'icheckbox_minimal-grey bg';\r\n\r\n\tconst checkedValues = new Set(input.value || []);\r\n\tconst entryOnChange = (value, checked) => {\r\n\t\tif (checked) {\r\n\t\t\tcheckedValues.add(value);\r\n\t\t} else {\r\n\t\t\tcheckedValues.delete(value);\r\n\t\t}\r\n\t\tinput.onChange([...checkedValues]);\r\n\t};\r\n\r\n\tconst formControls = entries && entries.map((x, index) => \r\n\t\t entryOnChange(x.value, e.target.checked)} checked={checkedValues.has(x.value)} {...props} />\r\n\t
);\r\n\tconst errorBlock = touched && (error || warning) && \r\n\t\t\t{ui.isMobileView ?
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { parent, entities: { individualConsultations, centers }, pagination, configuration: { franchisor } } = state;\r\n\r\n\tconst consultationsPagination = pagination.individualConsultations.all || { ids: [], pageNumber: 1, pageSize: 10 };\r\n\r\n\tconst visibleConsultations = consultationsPagination.ids.map(id => {\r\n\t\tconst consultation = individualConsultations[id];\r\n\r\n\t\tconst child = getChild(parent, consultation.childId);\r\n\t\tconst center = centers[consultation.centerId];\r\n\r\n\t\treturn {\r\n\t\t\t...consultation,\r\n\t\t\tchild,\r\n\t\t\tcenter\r\n\t\t};\r\n\t});\r\n\r\n\treturn {\r\n\t\tdata: visibleConsultations,\r\n\t\tpagination: consultationsPagination,\r\n\t\thasChildren: parent.children.length > 0,\r\n\t\tenableUserTimeZone: franchisor && franchisor.enableUserTimeZone\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadIndividualConsultations\r\n})(withNamespaces()(IndividualConsultations));","import React from 'react';\r\nimport { Table, Label, Button } from 'react-bootstrap';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport GradeDetailsLink from '../../common/components/GradeDetailsLink';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport { PaymentTypes } from './actions';\r\nimport utils from '../../common/services/utils';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\n\r\nconst View = ({ payment, enableUserTimeZone, onUpdatePaymentOption, blockPaymentOption, unblockPaymentOption, t }) => {\r\n\tconst { child, lesson, paymentMethod, center, consultationDate, consultationType, workshopSessions, hideUnitPrice, paymentKind } = payment;\r\n\r\n\tconst grade = lesson && lesson.grade;\r\n\tconst term = lesson && lesson.term;\r\n\tconst description = () => {\r\n\t\tswitch (paymentKind) {\r\n\t\t\tcase PaymentTypes.Lesson: return t(`PaymentTypeEnum_${payment.paymentType}`);\r\n\t\t\tcase PaymentTypes.Workshop: return payment.workshop;\r\n\t\t\tcase PaymentTypes.IndividualConsultation: return t(`IndividualConsultationType_${consultationType}`);\r\n\t\t};\r\n\t};\r\n\r\n\treturn | {t('FO_Payment_Id')} | \r\n\t\t\t\t{payment.id} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Child')} | \r\n\t\t\t\t{child && child.fullName} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Center')} | \r\n\t\t\t\t||||||||||||||||||||||||||
| {t('FO_Payment_Description')} | \r\n\t\t\t\t\r\n\t\t\t\t\t{description()}\r\n\t\t\t\t\t \r\n\t\t\t\t\t
| \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_WorkshopPayment_ChildSessions')} | \r\n\t\t\t\t
| \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_PaymentMethod')} | \r\n\t\t\t\t{paymentMethod ? (paymentMethod.resourceFriendlyName ? t(paymentMethod.resourceFriendlyName) : paymentMethod.friendlyName) : '-'} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_PaymentCode')} | \r\n\t\t\t\t{payment.paymentCode} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Status')} | \r\n\t\t\t\t{t(`PaymentStatusType_${payment.status}`)} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Term')} | \r\n\t\t\t\t\t{term && {term.name}} | \r\n\t\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Grade')} | \r\n\t\t\t\t\t||||||||||||||||||||||||||
| {t('FO_IndividualConsultation_Type')} | \r\n\t\t\t\t\t{t(`IndividualConsultationType_${consultationType}`)} | \r\n\t\t\t\t|||||||||||||||||||||||||
| {t('FO_IndividualConsultation_Date')} | \r\n\t\t\t\t\t{(enableUserTimeZone ? utils.convertToUserTime(consultationDate, center) : moment(consultationDate)).format('lll')} | \r\n\t\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Created')} | \r\n\t\t\t\t{moment(payment.created).format('lll')} | \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_Instalments')} | \r\n\t\t\t\t\r\n\t\t\t\t\t
| \r\n\t\t\t|||||||||||||||||||||||||
| {t('FO_Payment_PaymentOption')} | \r\n\t\t\t\t||||||||||||||||||||||||||
| {t('FO_Payment_Invoice')} | \r\n\t\t\t\t{t('FO_Payment_Invoice')} | \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainMotorFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainMotorFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainSensoryFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainSensoryFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainEmotionalFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainEmotionalFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainBehavioralFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainBehavioralFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{t('RightBrainAcademic')}\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainAcademicFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{t('LeftBrainAcademic')}\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainAcademicFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainImmune')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainImmuneFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainImmune')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainImmuneFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('RightBrainAutonomic')} \r\n\t\t\t\t\r\n\t\t\t\t\t{rightBrainAutonomicFields}\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('LeftBrainAutonomic')} \r\n\t\t\t\t\r\n\t\t\t\t\t{leftBrainAutonomicFields}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t{t('TotalAll')} \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\n\r\nexport default withNamespaces(props => props.resourcesNamespace)(Form);\r\n\r\nexport const RequiredFields = [\r\n\r\n];\r\n\r\nexport const ValidationFunc = (values, t) => {\r\n\tlet errors = {};\r\n\r\n\tif (!values.rightBrainMotorTotalNumberOfChecks) {\r\n\t\terrors['rightBrainMotor'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.leftBrainMotorTotalNumberOfChecks) {\r\n\t\terrors['leftBrainMotor'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.rightBrainSensoryTotalNumberOfChecks) {\r\n\t\terrors['rightBrainSensory'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.leftBrainSensoryTotalNumberOfChecks) {\r\n\t\terrors['leftBrainSensory'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.rightBrainEmotionalTotalNumberOfChecks) {\r\n\t\terrors['rightBrainEmotional'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.leftBrainEmotionalTotalNumberOfChecks) {\r\n\t\terrors['leftBrainEmotional'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.rightBrainBehavioralTotalNumberOfChecks) {\r\n\t\terrors['rightBrainBehavioral'] = t('Validator_Section_Required');\r\n\t}\r\n\tif (!values.leftBrainBehavioralTotalNumberOfChecks) {\r\n\t\terrors['leftBrainBehavioral'] = t('Validator_Section_Required');\r\n\t}\r\n\r\n\treturn errors;\r\n};","import React from 'react';\r\nimport { Row, Col, Thumbnail } from 'react-bootstrap';\r\n\r\nconst GradesList = ({ grades, onSelect }) => ({t('Description1')}
\r\n\t\t\t{t('Description2')}
\r\n\t\t\t{t('RightBrainAcademicDescription')}
\r\n\t\t\t\t{t('LeftBrainAcademicDescription')}
\r\n\t\t\t\t{grade.name}
\r\n\t\t\t\t{grade.attendingChildren &&{grade.attendingChildren.map(child => child.shortName).join(', ')}
}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nIndividualConsultationCalendar.propTypes = {\r\n\tdate: PropTypes.object,\r\n\tinitialDate: PropTypes.object,\r\n\tcenter: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tutcOffset: PropTypes.number\r\n\t}),\r\n\tschedule: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tscheduleId: PropTypes.number,\r\n\t\tstart: PropTypes.string,\r\n\t\tend: PropTypes.string\r\n\t})),\r\n\tenableUserTimeZone: PropTypes.bool,\r\n\tonNavigate: PropTypes.func.isRequired,\r\n\tonSelectConsultationDate: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(IndividualConsultationCalendar);","import moment from 'moment-timezone';\r\n\r\nconst parseDateTime = (text, format) => {\r\n\tif (text) {\r\n\t\tif (format) {\r\n\t\t\treturn moment(text, format).toDate();\r\n\t\t} else {\r\n\t\t\treturn new Date(text);\r\n\t\t}\r\n\t}\r\n\treturn new Date();\r\n};\r\n\r\nconst groupBy = (array, prop) => {\r\n\treturn array.reduce((groups, item) => {\r\n\t\tconst val = item[prop];\r\n\t\tgroups[val] = groups[val] || [];\r\n\t\tgroups[val].push(item);\r\n\t\treturn groups;\r\n\t}, {});\r\n};\r\n\r\nconst filter = (object, predicate) => {\r\n\tif (!object) {\r\n\t\treturn {};\r\n\t}\r\n\r\n\tconst result = {};\r\n\tfor (const key in object) {\r\n\t\tif (predicate(object[key])) {\r\n\t\t\tresult[key] = object[key];\r\n\t\t}\r\n\t}\r\n\treturn result;\r\n};\r\n\r\nconst convertToUserTime = (fixedCenterTime, center) => {\r\n\tconst centerTimeZone = (center && center.timeZone) || moment.tz.guess();\r\n\tconst currentTimeZone = moment().tz() || moment.tz.guess();\t // get user's time zone, set as default in moment-timezone\r\n\r\n\treturn moment(fixedCenterTime)\r\n\t\t.tz(centerTimeZone, true)\t// actual start time in center's time zone\r\n\t\t.tz(currentTimeZone);\t// convert to user's time zone\r\n}\r\n\r\nconst calculateDistance = (lat1, lon1, lat2, lon2) => {\r\n\tconst R = 6371; // Earth's radius in kilometers\r\n\tconst dLat = (lat2 - lat1) * Math.PI / 180;\r\n\tconst dLon = (lon2 - lon1) * Math.PI / 180;\r\n\tconst a =\r\n\t\tMath.sin(dLat / 2) * Math.sin(dLat / 2) +\r\n\t\tMath.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *\r\n\t\tMath.sin(dLon / 2) * Math.sin(dLon / 2);\r\n\tconst c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n\treturn R * c;\r\n};\r\n\r\nconst findClosestCenters = (selectedCenter, allCenters, maxDistance = 5, count = 5) => {\r\n\tif (!selectedCenter || !selectedCenter.latitude || !selectedCenter.longitude) {\r\n\t\treturn [];\r\n\t}\r\n\r\n\treturn allCenters\r\n\t\t.filter(center => center.id !== selectedCenter.id && center.latitude && center.longitude)\r\n\t\t.map(center => ({\r\n\t\t\t...center,\r\n\t\t\tdistance: calculateDistance(\r\n\t\t\t\tselectedCenter.latitude,\r\n\t\t\t\tselectedCenter.longitude,\r\n\t\t\t\tcenter.latitude,\r\n\t\t\t\tcenter.longitude\r\n\t\t\t)\r\n\t\t}))\r\n\t\t.filter(center => center.distance <= maxDistance) // only include centers within maxDistance km\r\n\t\t.sort((a, b) => a.distance - b.distance)\r\n\t\t.slice(0, count);\r\n};\r\n\r\nexport default {\r\n\tparseDateTime,\r\n\tgroupBy,\r\n\tfilter,\r\n\tconvertToUserTime,\r\n\tcalculateDistance,\r\n\tfindClosestCenters\r\n};","\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Alert } from 'react-bootstrap';\r\nimport { getChild } from '../reducer';\r\nimport {\r\n\tfetchPayment, PaymentTypes,\r\n\tPAYMENT_FETCH_REQUEST, PAYMENT_FETCH_SUCCESS, PAYMENT_FETCH_FAILURE\r\n} from '../payments/actions';\r\nimport { withNamespaces, Trans } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport 'react-block-ui/style.css';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { i18n } from '../../common/services/globalize';\r\n\r\nclass Complete extends Component {\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { match, paymentType, fetchPayment } = this.props;\r\n\t\tif (match.params.id) {\r\n\t\t\tconst paymentId = Number(match.params.id);\r\n\t\t\tfetchPayment(paymentId, paymentType);\r\n\t\t}\r\n\t}\r\n\r\n\trenderMessage() {\r\n\t\tconst { success, errorMessage, successMessage, paymentType, match, t } = this.props;\r\n\t\tconst routeParams = match.params;\r\n\r\n\t\tif (!success) {\r\n\t\t\tlet notCompletedMessageResource = 'FO_Booking_NotCompleted';\r\n\t\t\tlet backPath = '';\r\n\t\t\tswitch (paymentType) {\r\n\t\t\t\tcase PaymentTypes.Lesson:\r\n\t\t\t\t\tnotCompletedMessageResource = 'FO_Booking_NotCompleted';\r\n\t\t\t\t\tbackPath = '/booking/center';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase PaymentTypes.IndividualConsultation:\r\n\t\t\t\t\tnotCompletedMessageResource = 'FO_Booking_IndividualConsultation_NotCompleted';\r\n\t\t\t\t\tbackPath = '/individual-consultation/booking';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase PaymentTypes.Workshop:\r\n\t\t\t\t\tnotCompletedMessageResource = 'FO_Booking_Workshop_NotCompleted';\r\n\t\t\t\t\tbackPath = routeParams && routeParams.centerId && routeParams.workshopId && `/workshop/booking/${routeParams.centerId}/${routeParams.workshopId}/class`;\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\treturn \r\n\t\t\t\t\t\t this.getScheduleItemCss(event)}\r\n\t\t\t\t\t\t\tviews={{ day: CalendarDayView, week: CalendarWeekView }}\r\n\t\t\t\t\t\t\tlocalizer={localizer}\r\n\t\t\t\t\t\t\tformats={formats}\r\n\t\t\t\t\t\t\tshowMultiDayTimes\r\n\t\t\t\t\t\t\t// subtract one millisecond from the end date putting midnight dates at 11:59:999\r\n\t\t\t\t\t\t\tendAccessor={({ end }) => new Date(end.getTime() - 1)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
;\r\n\t\t}\r\n\t\tif (success && successMessage) {\r\n\t\t\treturn {errorMessage}
\r\n\t\t\t\t\t{t(notCompletedMessageResource)}
\r\n\t\t\t\t\r\n\t\t\t{/* payment is Paid or there are no user instructions for finalizing the payment (ePay/Saferpay/CloverConnect status is Pending until provider sends webhook notification) */}\r\n\t\t\t{((payment.statusId !== 1 && payment.statusId !== 6) || !paymentFinalizeDescriptionHtml) &&
;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { payment } = this.props;\r\n\t\tconst blockUi = [PAYMENT_FETCH_REQUEST];\r\n\t\tconst unblockUi = [PAYMENT_FETCH_SUCCESS, PAYMENT_FETCH_FAILURE];\r\n\r\n\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t\tOrder details will be sent to your registered email {{ email }}.\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t}\r\n\t\t\t{/* payment is Pending and user needs to take action to finalize the payment (BankTransfer/Easypay) */}\r\n\t\t\t{(payment.statusId === 1 || payment.statusId === 6) && paymentFinalizeDescriptionHtml && {t('FO_PageTitle_Parent_BookingComplete')}
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tYour order {{ paymentId }} was completed successfully.\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
}\r\n\t\t\t{/* show Direct Debit setup confirmation for GoCardless */ }\r\n\t\t\t{payment.statusId === 2 && payment.isInstalmentPayment && paymentFinalizeDescriptionHtml && }\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tOrder #{{ paymentId }} waiting for payment!\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{paymentType === PaymentTypes.Lesson && \r\n\t\t\t\t\t
}\r\n\r\n\t\t\t\t\r\n\t\t\t{t('FO_Booking_PendingPaymentDescription')}
\r\n\t\t\t\t\t{t('FO_Booking_OrderDetails')}
\r\n\t\t\t\t\t{t('FO_Payment_Child')}: {payment.child && payment.child.fullName}
\r\n\t\t\t\t\t{t('FO_Payment_Grade')}: {payment.lesson.grade && payment.lesson.grade.name}
\r\n\t\t\t\t\t{t('FO_Booking_OrderDetails_Date')}: {moment(payment.startDate).format('ll')}
\r\n\t\t\t\t\t{t('FO_Booking_OrderDetails_Quantity')}: {payment.quantity}
\r\n\t\t\t\t{t('FO_Booking_Assistance', { email: franchisor.companyEmail, centerEmail: centerEmail, centerPhoneNumber: centerPhoneNumber })}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tIf you would like to enrol another child, please click here.\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { configuration: { franchisor } } = state;\r\n\r\n\tconst child = getChild(state.parent, Number(ownProps.match.params.id));\r\n\r\n\treturn {\r\n\t\tchild: child ? child : { sameAsParent: 'false' },\r\n\t\tgenderTypes: state.lookups.genderTypes,\r\n\t\trequireChildLastName: franchisor && franchisor.requireChildLastName,\r\n\t\trequireChildSchool: franchisor && franchisor.requireChildSchool,\r\n\t\tenableParentSelfBooking: franchisor && franchisor.enableParentSelfBooking,\r\n\t\tparent: state.parent,\r\n\t\thasSameAsParentChild: hasSameAsParentChild(state.parent)\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tcreateChild,\r\n\tupdateChild\r\n})(withNamespaces()(Details));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { loadIndividualConsultationDocuments } from './actions';\r\nimport List from './TeacherDocumentsList';\r\n\r\nconst DocumentType = 'IndividualConsultationAnalysis';\r\n\r\nclass AnalysisDocuments extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleListEvent = this.handleListEvent.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.loadDocumentsByChild(this.props.childId);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (this.props.childId != nextProps.childId) {\r\n this.loadDocumentsByChild(nextProps.childId);\r\n }\r\n }\r\n\r\n loadDocumentsByChild(childId) {\r\n const pagination = this.props.paginationByChildAndType[`${childId}-${DocumentType}`] || { ids: [], pageNumber: 1, pageSize: 10 };\r\n this.loadListData(childId, pagination);\r\n }\r\n\r\n loadListData(childId, { sortKey = 'created', sortDirection = 'desc', pageNumber, pageSize }) {\r\n if (childId) {\r\n this.props.loadIndividualConsultationDocuments({\r\n childId,\r\n type: DocumentType,\r\n teacherDocumentsOnly: true,\r\n sortKey, sortDirection, pageSize, pageNumber\r\n });\r\n }\r\n }\r\n\r\n handleListEvent(listPagination) {\r\n this.loadListData(this.props.childId, listPagination);\r\n }\r\n\r\n render() {\r\n const { childId, paginationByChildAndType, individualConsultationDocuments, t } = this.props;\r\n\r\n const pagination = childId && paginationByChildAndType[`${childId}-${DocumentType}`] || { ids: [], pageNumber: 1, pageSize: 10 };\r\n const data = pagination.ids.map(id => individualConsultationDocuments[id])\r\n\r\n return {t('FO_Child_PersonalDetails')}
\r\n\t\t\t\t\r\n
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const { entities: { individualConsultationDocuments }, pagination } = state;\r\n\r\n const paginationByChildAndType = pagination.individualConsultationDocumentsByChildAndType;\r\n\r\n return {\r\n paginationByChildAndType,\r\n individualConsultationDocuments,\r\n childId: ownProps.childId\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n loadIndividualConsultationDocuments\r\n})(withNamespaces()(AnalysisDocuments));","import { submitStripePaymentForm, confirmStripePayment } from './Stripe/actions';\r\nimport { initiateVoucherPayment } from './Voucher/actions';\r\n\r\nexport const INIT_PAYMENT_METHOD = 'INIT_PAYMENT_METHOD';\r\n\r\nexport const initPaymentMethod = (paymentMethod, paymentMethodData) => ({\r\n\ttype: INIT_PAYMENT_METHOD,\r\n\tpayload: {\r\n\t\tpaymentMethodName: paymentMethod.name,\r\n\t\tpaymentMethodData\r\n\t}\r\n});\r\n\r\nexport const initiatePaymentWithMethod = (paymentMethod) => (dispatch, getState) => {\r\n\tif (paymentMethod) {\r\n\t\tswitch (paymentMethod.name) {\r\n\t\t\tcase 'Stripe':\r\n\t\t\t\treturn dispatch(submitStripePaymentForm(paymentMethod));\r\n\t\t\tcase 'Voucher':\r\n\t\t\t\treturn dispatch(initiateVoucherPayment(paymentMethod));\r\n\t\t}\r\n\t}\r\n\treturn Promise.resolve();\r\n};\r\n\r\nexport const confirmPaymentWithMethod = (paymentMethod, authorizationToken, returnUrl) => (dispatch, getState) => {\r\n\tif (paymentMethod) {\r\n\t\tswitch (paymentMethod.name) {\r\n\t\t\tcase 'Stripe':\r\n\t\t\t\treturn dispatch(confirmStripePayment(paymentMethod, authorizationToken, returnUrl));\r\n\r\n\t\t}\r\n\t}\r\n\treturn Promise.resolve();\r\n};","import React, { Component } from 'react';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport Card from '../../common/components/Card';\r\n\r\nclass RecommendedNearbyCenters extends Component {\r\n render() {\r\n const { t, centers, onSelectCenter } = this.props;\r\n return {t('FO_IndividualConsultationDocument_Analyses')}
\r\n\r\n {center.name}} style={{ cursor: 'pointer' }} onClick={() => onSelectCenter(center.id)}>\r\n \r\n ))}\r\n
;\r\n }\r\n}\r\n\r\nexport default withNamespaces()(RecommendedNearbyCenters);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Image } from 'react-bootstrap';\r\nimport ui from '../../common/services/ui';\r\n\r\nclass TeacherDetailsLink extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.showInfoDialog = this.showInfoDialog.bind(this);\r\n\t\tthis.hideInfoDialog = this.hideInfoDialog.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tshowInfoDialog: false\r\n\t\t};\r\n\t}\r\n\r\n\tshowInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: true\r\n\t\t});\r\n\t}\r\n\r\n\thideInfoDialog() {\r\n\t\tthis.setState({\r\n\t\t\tshowInfoDialog: false\r\n\t\t});\r\n\t}\r\n\r\n\trenderInfoDialog() {\r\n\t\tconst { teacher } = this.props;\r\n\t\tconst avatarStyle = { width: 200, height: 200, lineHeight: '200px', fontSize: 45, display: 'inline-block', textAlign: 'center' };\r\n\r\n\t\tconst header = teacher && teacher.name;\r\n\t\tconst body = teacher && {t('FO_Booking_NearbyCenters')}
\r\n {centers.map(center => (\r\n{center.address}
\r\n {center.phoneNumber ? center.phoneNumber : (center.mobilePhone ? center.mobilePhone : '')}
\r\n \r\n\t\t\t
;\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { teacher } = this.props;\r\n\t\tconst infoDialog = this.renderInfoDialog();\r\n\r\n\t\treturn teacher ? \r\n\t\t\t{teacher.name}\r\n\t\t\t{infoDialog}\r\n\t\t : null;\r\n\t}\r\n}\r\n\r\nTeacherDetailsLink.propTypes = {\r\n\tteacher: PropTypes.shape({\r\n\t\tname: PropTypes.string,\r\n\t\tbio: PropTypes.string,\r\n\t\tphotoUrl: PropTypes.string\r\n\t})\r\n};\r\n\r\nexport default withNamespaces()(TeacherDetailsLink);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock, FormControl, InputGroup } from 'react-bootstrap';\r\nimport MuiSlider from '@material-ui/core/Slider';\r\nimport MuiTooltip from '@material-ui/core/Tooltip';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nconst Slider = ({ horizontal, required, input, labelCol = 3, valueCol = 9, label, help, meta: { touched, error, warning }, ...props }) => {\r\n\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\tconst formControl = \r\n\t\t\t\t{teacher.photoUrl ?
\r\n\t\t\t{ui.getAvatarName(teacher.firstName, teacher.lastName)}
}\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t{teacher.bio}
\r\n\t\t\t})
\r\n {language.name}\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nClass.propTypes = {\r\n\tgrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tselectedGrades: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tonSelectGrades: PropTypes.func.isRequired,\r\n\tlessons: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tprogramId: PropTypes.number,\r\n\t\tgrade: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tstart: PropTypes.string,\r\n\t\tend: PropTypes.string\r\n\t})),\r\n\tenableUserTimeZone: PropTypes.bool,\r\n\tonValidateBookingOptions: PropTypes.func.isRequired,\r\n\tonCalendarNavigate: PropTypes.func.isRequired,\r\n\tonSelectLesson: PropTypes.func.isRequired,\r\n\tonUnselectLesson: PropTypes.func.isRequired,\r\n\tonSelectTerm: PropTypes.func.isRequired,\r\n\tonSelectPaymentType: PropTypes.func.isRequired,\r\n\tonSelectJoinWaitingList: PropTypes.func.isRequired,\r\n\tonSaveBooking: PropTypes.func.isRequired,\r\n\tonNavigateBack: PropTypes.func.isRequired,\r\n\tterms: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string,\r\n\t\tstartDate: PropTypes.string,\r\n\t\tendDate: PropTypes.string\r\n\t})),\r\n\tselectedTerm: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string,\r\n\t\tstartDate: PropTypes.string,\r\n\t\tendDate: PropTypes.string,\r\n\t\tthemeDescription: PropTypes.string\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasTrialLesson: PropTypes.boolean,\r\n\t\tageAppropriateGrades: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number, name: PropTypes.string }))\r\n\t})),\r\n\trecommendNearbyCenters: PropTypes.boolean,\r\n\tonSelectNearbyCenter: PropTypes.func\r\n};\r\n\r\nexport default withNamespaces()(Class);","import React, { Component } from 'react';\r\nimport {\r\n\tResponsiveContainer, Tooltip, Legend, CartesianGrid, XAxis, YAxis,\r\n\tLineChart, Line,\r\n\tBrush\r\n} from 'recharts';\r\nimport BlockUi from 'react-block-ui';\r\nimport chartUtils, { COLORS, BLUE_COLORS, RED_COLORS } from '../../../common/services/chartUtils';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport './chartStyle.css';\r\n\r\n// change line state on legend item hover\r\nconst LineState = {\r\n\tDEFAULT: 'default',\r\n\tHOVER: 'hover',\r\n\tDIMMED: 'dimmed'\r\n};\r\n\r\nclass TimelineChart extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleLegendMouseEnter = this.handleLegendMouseEnter.bind(this);\r\n\t\tthis.handleLegendMouseLeave = this.handleLegendMouseLeave.bind(this);\r\n\t\tthis.handleLegendClick = this.handleLegendClick.bind(this);\r\n\t\tthis.formatLegendItem = this.formatLegendItem.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\tlineState: props.keys && props.keys.reduce((obj, key) => {\r\n\t\t\t\tobj[key] = LineState.DEFAULT;\r\n\t\t\t\treturn obj;\r\n\t\t\t}, {})\r\n\t\t};\r\n\t}\r\n\r\n\tgetColorsByKey(key) {\r\n\t\tif (key && key.startsWith('right.')) {\r\n\t\t\treturn RED_COLORS;\r\n\t\t}\r\n\t\telse if (key && key.startsWith('left.')) {\r\n\t\t\treturn BLUE_COLORS;\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn COLORS;\r\n\t\t}\r\n\t}\r\n\r\n\tgetResourceKey(name, key) {\r\n\t\tconst resource = `${name}_${key}`;\r\n\t\treturn resource.replace('.', '_');\r\n\t}\r\n\r\n\thandleLegendMouseEnter(o) {\r\n\t\tconst { dataKey } = o;\r\n\t\tconst { lineState } = this.state;\r\n\r\n\t\tObject.keys(lineState).forEach(x => {\r\n\t\t\tif (lineState[x] !== LineState.HIDDEN) {\r\n\t\t\t\tif (x === dataKey) {\r\n\t\t\t\t\tlineState[x] = LineState.HOVER;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlineState[x] = LineState.DIMMED;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tlineState: { ...lineState }\r\n\t\t});\r\n\t}\r\n\r\n\thandleLegendMouseLeave(o) {\r\n\t\tconst { lineState } = this.state;\r\n\r\n\t\tObject.keys(lineState).forEach(x => {\r\n\t\t\tif (lineState[x] !== LineState.HIDDEN) {\r\n\t\t\t\tlineState[x] = LineState.DEFAULT;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tlineState: { ...lineState }\r\n\t\t});\r\n\t}\r\n\r\n\thandleLegendClick(o) {\r\n\t\tconst { dataKey } = o;\r\n\t\tconst { lineState } = this.state;\r\n\r\n\t\tthis.setState({\r\n\t\t\tlineState: { ...lineState, [dataKey]: lineState[dataKey] === LineState.HIDDEN ? LineState.HOVER : LineState.HIDDEN }\r\n\t\t});\r\n\t}\r\n\r\n\trenderLine(key, index) {\r\n\t\tconst { name, t } = this.props;\r\n\t\tconst colors = this.getColorsByKey(key);\r\n\t\tconst lineState = this.state.lineState[key];\r\n\r\n\t\tlet stroke = colors[index % colors.length];\r\n\t\tlet strokeWidth = 1;\r\n\r\n\t\tswitch (lineState) {\r\n\t\t\tcase LineState.DIMMED:\r\n\t\t\t\tstroke = '#ccc';\r\n\t\t\t\tbreak;\r\n\t\t\tcase LineState.HOVER:\r\n\t\t\t\tstrokeWidth = 3;\r\n\t\t\t\tbreak;\r\n\t\t\tcase LineState.HIDDEN:\r\n\t\t\t\tstroke = '#ccc';\r\n\t\t\t\tstrokeWidth = 0;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSelect age appropriate class in \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{terms.length > 0 && this.renderTermsSelector()}\r\n\t\t\t\t\t{terms.length == 0 && \r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{t('FO_Program_NoAvailableClasses')}
}\r\n\t\t\t\t\t{selectedTerm.id > 0 && \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t !x.mixed).sort((a, b) => a.fromAge < b.fromAge ? -1 : 1)}\r\n\t\t\t\t\t\t\t\tselectedGrades={selectedGrades}\r\n\t\t\t\t\t\t\t\tonSelectGrades={onSelectGrades}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
}\r\n\t\t\t\t\t\r\n\t\t\t\t\t { }}\r\n\t\t\t\t\t\tblock={this.props.bookingOptionsBlock}\r\n\t\t\t\t\t\tunblock={this.props.bookingOptionsUnblock}\r\n\t\t\t\t\t\tblockChildrenInfo={this.props.childrenInfoBlock}\r\n\t\t\t\t\t\tunblockChildrenInfo={this.props.childrenInfoUnblock}\r\n\t\t\t\t\t\tenableCurrencyConversion={this.props.enableCurrencyConversion}\r\n\t\t\t\t\t\tcurrentCurrency={this.props.currentCurrency}\r\n\t\t\t\t\t\tfranchisorCurrency={this.props.franchisorCurrency}\r\n\t\t\t\t\t\tisAuthenticated={true}\r\n\t\t\t\t\t\tselectedTerm={selectedTerm}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\t{alternativeCenters.length > 0 && \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderHeader(title, icon) {\r\n\t\tconst headerInfo = this.renderHeaderInfo(title, icon);\r\n\t\tconst collapseButton = this.renderCollapseButton();\r\n\t\treturn [headerInfo, collapseButton];\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { open, title, icon, ...rest } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nList.propTypes = {\r\n\tdata: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tchild: PropTypes.shape({\r\n\t\t\tshortName: PropTypes.string\r\n\t\t}),\r\n\t\tcenter: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tstartDate: PropTypes.string,\r\n\t\tcreated: PropTypes.string\r\n\t}))\r\n};\r\n\r\nexport default withNamespaces()(List);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { fetchGradeNeurologicalInfo, getGradeBySlug } from '../common/actions';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass NeurologicalDetails extends Component {\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchGradeNeurologicalInfo(this.props.match.params.slug);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { grade, t } = this.props;\r\n\r\n\t\tconst infoHtml = grade && grade.neurologicalInfo;\r\n\r\n\t\treturn ({grade &&\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst slug = ownProps.match.params.slug;\r\n\tconst { entities: { grades } } = state;\r\n\r\n\treturn {\r\n\t\tgrade: getGradeBySlug(grades, slug)\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchGradeNeurologicalInfo\r\n})(withNamespaces()(NeurologicalDetails));","import React, { Component } from 'react';\r\nimport { BrowserRouter as Router, Route } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { initCurrentFranchisor } from './init/actions';\r\nimport BlockUi from 'react-block-ui';\r\nimport 'react-block-ui/style.css';\r\nimport { Helmet } from 'react-helmet';\r\nimport LayoutRoot from './LayoutRoot';\r\n\r\nclass App extends Component {\r\n\tcomponentDidMount() {\r\n\t\tthis.props.initCurrentFranchisor();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { franchisor } = this.props;\r\n\r\n\t\tconst iconsPath = franchisor.iconsPath || '/icons';\r\n\r\n\t\treturn {grade.name}
}\r\n\t\t\t{infoHtml && }\r\n\t\t\t\r\n
;\r\n};\r\n\r\nexport default withNamespaces()(ProfileMenu);","import React from 'react';\r\nimport { Table } from 'react-bootstrap';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport { PaymentTypes } from '../payments/actions';\r\nimport Card from '../../common/components/Card';\r\nimport utils from '../../common/services/utils';\r\n\r\nconst View = ({ payment, enableUserTimeZone, t }) => {\r\n const { child, center, consultationDate, consultationType } = payment;\r\n\r\n return (\r\n \r\n {user.userImpersonation ?
\r\n {`${parent.firstName}`} {t('FO_Payment_Id')}{payment.id}
\r\n{(enableUserTimeZone ? utils.convertToUserTime(consultationDate, center) : moment(consultationDate)).format('lll')}
\r\n{t(`IndividualConsultationType_${consultationType}`)}
\r\n {child && child.fullName}
\r\n \r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tparent: state.parent,\r\n\tfranchisor: state.configuration.franchisor\r\n});\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchCurrentParent\r\n})(withNamespaces()(Parent));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ButtonToolbar, DropdownButton, MenuItem } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass TimetableSearchForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\t\r\n\trender() {\r\n\t\tconst { cities, centers, selectedCity, selectedCenter, franchisorDisplayName, t } = this.props;\r\n\r\n\t\tconst cityCenters = selectedCity ? centers.filter(x => x.city === selectedCity) : centers;\r\n\r\n\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t\t{routes.map((route, index) => route.pageTitleResourceKey ? \r\n\t\t\t\t\r\n\t\t\t\t\t{routes.map((route, index) => \r\n\t\t\t
\r\n\t\t{t(route.pageTitleResourceKey)}
: null} />)}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t this.props.onSelectCity(key)}\r\n\t\t\t\t\tclassName='btn-block-xxs'\r\n\t\t\t\t\tbsStyle={selectedCity ? 'primary' : 'default'}\r\n\t\t\t\t\ttitle={selectedCity ? selectedCity : t('FO_TimetableSearch_City')}\r\n\t\t\t\t>\r\n\t\t\t\t\t{cities.map(city => )}\r\n\t\t\t\t \r\n\t\t\t\t this.props.onSelectCenter(key)}\r\n\t\t\t\t\tclassName='btn-block-xxs'\r\n\t\t\t\t\tbsStyle={selectedCenter ? 'primary' : 'default'}\r\n\t\t\t\t\ttitle={selectedCenter ? selectedCenter.name : t('FO_TimetableSearch_Center')}\r\n\t\t\t\t>\r\n\t\t\t\t\t{cityCenters.map(center => )}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nTimetableSearchForm.propTypes = {\r\n\tfranchisorDisplayName: PropTypes.string,\r\n\tcities: PropTypes.arrayOf(PropTypes.string),\r\n\tcenters: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t})),\r\n\tselectedCity: PropTypes.string,\r\n\tselectedCenter: PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tname: PropTypes.string\r\n\t}),\r\n\tonSelectCity: PropTypes.func.isRequired,\r\n\tonSelectCenter: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(TimetableSearchForm);","import React, { Component } from 'react';\r\nimport CheckoutForm from './CheckoutForm';\r\n\r\nclass CheckoutComponent extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.setVoucherDataSubmit = this.setVoucherDataSubmit.bind(this);\r\n\t}\r\n\r\n\tsetVoucherDataSubmit(handle) {\r\n\t\tthis.props.onPaymentMethodInit(this.props.paymentMethod, { voucherDataSubmitHandle: handle });\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn {franchisorDisplayName && `${franchisorDisplayName}: `}{t('FO_IndividualConsultationSearch_InfoMessage')}
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nexport default CheckoutComponent;","import * as ActionTypes from './actions';\r\n\r\nconst initialState = [\r\n\t{\r\n\t\tid: 1,\r\n\t\tname: 'English',\r\n\t\tculture: 'en-GB',\r\n\t\timage: 'flag-gb.svg',\r\n\t\tisDefault: true,\r\n\t\tisActive: false\r\n\t}\r\n];\r\n\r\nconst language = (state = initialState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase ActionTypes.LANGUAGES_SUCCESS:\r\n\t\t\tconst allLanguages = action.response;\r\n\r\n\t\t\treturn allLanguages.map(language => ({\r\n\t\t\t\t...language,\r\n\t\t\t\timage: `flag-${language.culture.substring(language.culture.length - 2).toLowerCase()}.svg`,\r\n\t\t\t\tisActive: language.isDefault\r\n\t\t\t}));\r\n\t\tcase ActionTypes.CHANGE_LANGUAGE:\r\n\t\t\treturn state.map(lang => ({ ...lang, isActive: lang.culture === action.culture }));\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n\r\nexport default language;\r\n\r\nexport const getActiveLanguage = languages => languages.find(x => x.isActive);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Button, Alert } from 'react-bootstrap';\r\nimport { Input, FormActions } from '../../common/components/formControls';\r\nimport validators from '../../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst passwordMinLength = validators.minLength(6);\r\n\r\nconst ChangePasswordForm = ({ error, handleSubmit, pristine, submitting, submitSucceeded, t }) => {\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nChangePasswordForm.propTypes = {\r\n\tonSubmit: PropTypes.func.isRequired\r\n};\r\n\r\nexport default reduxForm({ form: 'changePassword' })(withNamespaces()(ChangePasswordForm));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport { Row, Col, Glyphicon, PanelGroup, Panel, Button, Alert } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport {\r\n\tfetchWorkshop, WORKSHOP_FETCH_REQUEST, WORKSHOP_FETCH_SUCCESS, WORKSHOP_FETCH_FAILURE,\r\n} from '../../dashboard/common/actions';\r\nimport { resetBooking } from '../../dashboard/booking/actions';\r\nimport analyticsTracker, { AnalyticsPlatforms } from '../../common/services/analyticsTracker';\r\nimport moment from 'moment';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport MapComponent from '../../common/components/MapComponent';\r\nimport ui from '../../common/services/ui';\r\nimport { getActiveLanguage } from '../../languages/reducer';\r\n\r\nclass WorkshopDetails extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleBookWorkshop = this.handleBookWorkshop.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchWorkshop(Number(this.props.centerId), Number(this.props.workshopId));\r\n\r\n\t\t// track view with workshop already loaded from the list\r\n\t\tif (this.props.workshop && this.props.center) {\r\n\t\t\tthis.trackView(this.props.workshop, this.props.center);\r\n\t\t}\r\n\r\n\t\twindow.scrollTo(0, 0);\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\t// track view on refresh after all required entities are loaded\r\n\t\tif ((!this.props.workshop || !this.props.center) && nextProps.workshop && nextProps.center) {\r\n\t\t\tthis.trackView(nextProps.workshop, nextProps.center);\r\n\t\t}\r\n\t}\r\n\r\n\ttrackView(workshop, center) {\r\n\t\tanalyticsTracker.trackEvent('view_item', {\r\n\t\t\titems: [\r\n\t\t\t\t{\r\n\t\t\t\t\titem_id: `Workshop_${workshop.id}`,\r\n\t\t\t\t\titem_name: workshop.name,\r\n\t\t\t\t\titem_brand: center.name,\r\n\t\t\t\t\titem_category: 'Workshop'\r\n\t\t\t\t}\r\n\t\t\t]\r\n\r\n\t\t}, AnalyticsPlatforms.GoogleAnalytics);\r\n\t}\r\n\r\n\thandleBookWorkshop() {\r\n\t\tconst { isAuthenticated, match, history, centerId, workshopId, resetBooking } = this.props;\r\n\r\n\t\tif (isAuthenticated) {\r\n\t\t\thistory.push(`/workshop/booking/${centerId}/${workshopId}/child?reset=true`);\r\n\t\t} else {\r\n\t\t\tresetBooking();\r\n\t\t\thistory.push(match.url + '/sessions');\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { centerId, workshop, center,\r\n\t\t\tcurrentCurrency, franchisorCurrency, enableCurrencyConversion, t } = this.props;\r\n\r\n\t\tconst fullWeekOrDayConversionLink = workshop && ui.getCurrencyConversionLink(enableCurrencyConversion, currentCurrency, franchisorCurrency, workshop.fullWeekPriceAmount || workshop.fullDayPriceAmount);\r\n\t\tconst fullDayConversionLink = workshop && ui.getCurrencyConversionLink(enableCurrencyConversion, currentCurrency, franchisorCurrency, workshop.fullDayPriceAmount);\r\n\t\tconst halfDayConversionLink = workshop && ui.getCurrencyConversionLink(enableCurrencyConversion, currentCurrency, franchisorCurrency, workshop.halfDayPriceAmount);\r\n\r\n\t\treturn \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst centerId = Number(ownProps.match.params.centerId);\r\n\tconst workshopId = Number(ownProps.match.params.workshopId);\r\n\r\n\tconst { entities: { centers, workshops }, configuration: { franchisor }, auth: { isAuthenticated } } = state;\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tisAuthenticated,\r\n\t\tcenterId,\r\n\t\tworkshopId,\r\n\t\tcenter: centers[centerId],\r\n\t\tworkshop: workshops[workshopId],\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode,\r\n\t\tfranchisorCurrency: franchisor && franchisor.currency,\r\n\t\tenableCurrencyConversion: franchisor && franchisor.enableCurrencyConversion\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tfetchWorkshop,\r\n\tresetBooking\r\n})(withNamespaces()(WorkshopDetails));","import * as ActionTypes from './actions';\r\nimport update from 'immutability-helper';\r\n\r\nconst initialState = {\r\n\tinitializing: true,\r\n\tisAuthenticated: false,\r\n\terrors: [],\r\n\taccessToken: '',\r\n\trefreshToken: '',\r\n\tpasswordResetEmail: '',\r\n\tcurrentUser: {}\r\n};\r\n\r\nconst auth = (state = initialState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase ActionTypes.REFRESH_TOKEN_REQUEST:\r\n\t\t\tif (action.payload.initializing) {\r\n\t\t\t\treturn update(state, {\r\n\t\t\t\t\tinitializing: { $set: true }\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn state;\r\n\t\tcase ActionTypes.LOGIN_FAILURE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tisAuthenticated: { $set: false },\r\n\t\t\t\terrors: { $set: [action.payload.error] },\r\n\t\t\t\tcurrentUser: { $set: {} }\r\n\t\t\t});\r\n\t\tcase ActionTypes.REFRESH_TOKEN_FAILURE:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tinitializing: { $set: false },\r\n\t\t\t\tisAuthenticated: { $set: false },\r\n\t\t\t\terrors: { $set: [action.payload.error] },\r\n\t\t\t\tcurrentUser: { $set: {} }\r\n\t\t\t});\r\n\t\tcase ActionTypes.LOGIN_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tisAuthenticated: { $set: true },\r\n\t\t\t\taccessToken: { $set: action.payload.accessToken },\r\n\t\t\t\trefreshToken: { $set: action.payload.refreshToken }\r\n\t\t\t});\r\n\t\tcase ActionTypes.REFRESH_TOKEN_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tinitializing: { $set: false },\r\n\t\t\t\tisAuthenticated: { $set: true },\r\n\t\t\t\taccessToken: { $set: action.payload.accessToken },\r\n\t\t\t\trefreshToken: { $set: action.payload.refreshToken }\r\n\t\t\t});\r\n\t\tcase ActionTypes.CURRENT_USER_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tcurrentUser: { $set: action.payload }\r\n\t\t\t});\r\n\t\tcase ActionTypes.FORGOTTEN_PASSWORD_REQUEST:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpasswordResetEmail: { $set: '' }\r\n\t\t\t});\r\n\t\tcase ActionTypes.FORGOTTEN_PASSWORD_SUCCESS:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tpasswordResetEmail: { $set: action.response.email }\r\n\t\t\t});\r\n\t\tcase ActionTypes.LOGOUT:\r\n\t\t\treturn update(state, {\r\n\t\t\t\tisAuthenticated: { $set: false },\r\n\t\t\t\taccessToken: { $set: '' },\r\n\t\t\t\trefreshToken: { $set: '' },\r\n\t\t\t\tcurrentUser: { $set: {} }\r\n\t\t\t});\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n\r\nexport default auth;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { getDefaultCalendarView, dateRangeByView } from '../../dashboard/booking/calendarView/Calendar';\r\nimport Calendar from '../../dashboard/booking/IndividualConsultationCalendar';\r\nimport BookingOptions from '../../dashboard/booking/IndividualConsultationBookingOptions';\r\nimport TimetableSearchForm from './TimetableSearchForm';\r\nimport queryString from 'query-string';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { updateSelectedCenter } from '../../dashboard/actions';\r\nimport {\r\n\tloadIndividualConsultationSchedule, INDIVIDUAL_CONSULTATION_SCHEDULE_REQUEST, INDIVIDUAL_CONSULTATION_SCHEDULE_SUCCESS, INDIVIDUAL_CONSULTATION_SCHEDULE_FAILURE\r\n} from '../../dashboard/common/actions';\r\nimport {\r\n\tstoreIndividualConsultationSearchQuery, selectCenter, selectConsultationDate, unselectLesson, selectPaymentType, selectChild,\r\n\tstartIndividualConsultationEnrolment\r\n} from '../../dashboard/booking/actions';\r\nimport moment from 'moment';\r\nimport { getActiveLanguage } from '../../languages/reducer';\r\n\r\nclass IndividualConsultationsTimetable extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleCitySelect = this.handleCitySelect.bind(this);\r\n\t\tthis.handleCenterSelect = this.handleCenterSelect.bind(this);\r\n\r\n\t\tthis.handleCalendarNavigate = this.handleCalendarNavigate.bind(this);\r\n\t\tthis.handleConsultationDateSelect = this.handleConsultationDateSelect.bind(this);\r\n\t\tthis.handleLessonUnselect = this.handleLessonUnselect.bind(this);\r\n\r\n\t\tthis.handleBookingOptionsConfirm = this.handleBookingOptionsConfirm.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.reloadData(this.props);\r\n\t\tthis.props.storeIndividualConsultationSearchQuery(this.props.location.search);\r\n\t\tdocument.title = this.props.t('FO_Document_Title', { systemName: this.props.franchisor.systemName });\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!nextProps.searchParams.centerId && !nextProps.searchParams.city && nextProps.parentCenter && nextProps.centers.length > 0) {\r\n\t\t\t// init with parent's selected center if parent is logged in\r\n\t\t\tthis.handleCenterSelect(nextProps.parentCenter.id, true, nextProps.centers);\r\n\t\t}\r\n\r\n\t\tif (nextProps.searchParams.centerId && nextProps.centers.length > 0 && !nextProps.searchParams.date) {\r\n\t\t\t// if date is not selected, init calendar with the first date according to selected center's schedule (individualConsultationStartDate)\r\n\t\t\tthis.handleCenterSelect(nextProps.searchParams.centerId, true, nextProps.centers);\r\n\t\t}\r\n\r\n\t\t// all search params are in the query string, reload schedule when query string changes\r\n\t\tif (this.props.location.search !== nextProps.location.search) {\r\n\t\t\tthis.props.storeIndividualConsultationSearchQuery(nextProps.location.search);\r\n\r\n\t\t\tconst currentQueryParams = queryString.parse(this.props.location.search);\r\n\t\t\tconst nextQueryParams = queryString.parse(nextProps.location.search);\r\n\r\n\t\t\tif (currentQueryParams.centerId !== nextQueryParams.centerId ||\r\n\t\t\t\tcurrentQueryParams.date !== nextQueryParams.date) {\r\n\t\t\t\tthis.reloadData(nextProps);\r\n\t\t\t}\r\n\r\n\t\t\t// reload booking options when consultation date is selected\r\n\t\t\tif (currentQueryParams.consultationDate !== nextQueryParams.consultationDate) {\r\n\t\t\t\tthis.reloadBookingOptions(nextProps);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treloadData(props) {\r\n\t\tconst { searchParams: { centerId, date }, loadIndividualConsultationSchedule } = props;\r\n\t\tif (centerId) {\r\n\t\t\tif (date) {\r\n\t\t\t\tconst { from, to } = dateRangeByView(getDefaultCalendarView(true), date);\r\n\t\t\t\tloadIndividualConsultationSchedule(centerId, null, from, to);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treloadBookingOptions(props) {\r\n\t\tconst { searchParams: { centerId, consultationDate }, selectConsultationDate, selectCenter, unselectLesson } = props;\r\n\r\n\t\tif (consultationDate) {\r\n\t\t\tselectConsultationDate(consultationDate);\r\n\t\t\tselectCenter(centerId);\r\n\t\t} else {\r\n\t\t\tunselectLesson();\r\n\t\t}\r\n\t}\r\n\r\n\tupdateSearchParams(newParam, replaceHistory) {\r\n\t\tconst { searchParams, location, history } = this.props;\r\n\r\n\t\tconst newSearchParams = Object.assign(searchParams, newParam);\r\n\r\n\t\tconst newPath = {\r\n\t\t\tpathname: location.pathname,\r\n\t\t\tsearch: queryString.stringify(newSearchParams)\r\n\t\t};\r\n\r\n\t\tif (replaceHistory) {\r\n\t\t\thistory.replace(newPath);\r\n\t\t} else {\r\n\t\t\thistory.push(newPath);\r\n\t\t}\r\n\t}\r\n\r\n\thandleCitySelect(city) {\r\n\t\tthis.updateSearchParams({ city, centerId: null });\r\n\t\tthis.handleLessonUnselect(true);\r\n\r\n\t\tconst cityCenters = city ? this.props.centers.filter(x => x.city === city) : this.props.centers;\r\n\t\tif (cityCenters.length === 1) {\r\n\t\t\tthis.handleCenterSelect(cityCenters[0].id, true);\r\n\t\t}\r\n\t}\r\n\r\n\thandleCenterSelect(centerId, replaceHistory, allCenters) {\r\n\t\tconst selectedCenterId = Number(centerId);\r\n\t\tif (selectedCenterId) {\r\n\t\t\tconst centers = allCenters || this.props.centers;\r\n\t\t\tconst selectedCenter = centers.find(x => x.id === selectedCenterId);\r\n\t\t\tthis.updateSearchParams({ city: selectedCenter && selectedCenter.city, centerId: selectedCenterId }, replaceHistory);\r\n\r\n\t\t\tif (this.props.parent.id > 0) { // update parent's center if parent is logged in\r\n\t\t\t\tthis.props.updateSelectedCenter(selectedCenterId, this.props.history, false);\r\n\t\t\t}\r\n\r\n\t\t\tthis.handleDateSelect(this.getCalendarInitialDateForCenter(selectedCenter), true);\r\n\t\t\tthis.handleLessonUnselect(true);\r\n\t\t}\r\n\t}\r\n\r\n\tgetCalendarInitialDateForCenter(center) {\r\n\t\treturn center && center.individualConsultationStartDate ? new Date(center.individualConsultationStartDate) : new Date();\r\n\t}\r\n\r\n\thandleDateSelect(date, replaceHistory) {\r\n\t\tthis.updateSearchParams({ date: moment(date).format('YYYY-MM-DD') }, replaceHistory);\r\n\t}\r\n\r\n\thandleCalendarNavigate(date) {\r\n\t\tthis.handleDateSelect(date);\r\n\t}\r\n\r\n\thandleConsultationDateSelect(date) {\r\n\t\tthis.updateSearchParams({ consultationDate: date });\r\n\t}\r\n\r\n\thandleLessonUnselect(replaceHistory) {\r\n\t\tthis.updateSearchParams({ consultationDate: null }, replaceHistory);\r\n\t}\r\n\r\n\thandleBookingOptionsConfirm() {\r\n\t\tconst { selectedCenter, franchisor } = this.props;\r\n\t\tthis.props.startIndividualConsultationEnrolment({\r\n\t\t\tcenter: selectedCenter,\r\n\t\t\tconsultationType: 'Assessment',\r\n\t\t\tcurrency: franchisor.currency,\r\n\t\t\ttotal: selectedCenter.individualConsultationFirstPrice\r\n\t\t});\r\n\t\tthis.props.history.push('/register', { from: '/individual-consultation/booking/child' });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { franchisor, cities, centers, selectedCenter } = this.props;\r\n\t\tconst { city, date } = this.props.searchParams;\r\n\r\n\t\tconst selectedCity = city;\r\n\t\tconst selectedDate = date && new Date(date);\r\n\t\tconst initialDate = this.getCalendarInitialDateForCenter(selectedCenter);\r\n\r\n\t\treturn \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t\r\n\t\t\t\t\t{workshop.name}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{week.name} {`${moment(week.startDate).format('ll, ddd')} - ${moment(week.endDate).format('ll, ddd')}`}\r\n\t\t\t\t\t\t\t
)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{}\r\n\t\t\t\t\t\t{t('FO_Booking_CenterLocation')}
\r\n\t\t\t\t\t\t{center &&\r\n\t\t\t\t\t\t\t{center.latitude && center.longitude &&
}\r\n\t\t\t\t\t{center.name}
\r\n\t\t\t\t\t\t\t{center.address &&{center.addressDescription}
\r\n\t\t\t\t\t\t\t{center.phoneNumber &&
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{workshop.allowIndividualDays && \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{workshop.allowHalfDaySessions && \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{workshop.allowBooking ? : {t('FO_Workshop_BookingNotStarted')} }\r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t\r\n\t\t\t\t{t('FO_Booking_BookingOptions_Title')}
\r\n\t\t\t\t\t\t\t{t('FO_WorkshopBookingOption_FullWeek')}
\r\n\t\t\t\t\t\t\t\t\t\t{workshop.fullWeekPrice || t('FO_WorkshopBookingOption_FullWeek_PricePerDay', { price: workshop.fullDayPrice })}\r\n\t\t\t\t\t\t\t\t\t\t\t{fullWeekOrDayConversionLink &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{t('FO_WorkshopBookingOption_SingleDay')}
\r\n\t\t\t\t\t\t\t\t\t\t{workshop.fullDayPrice}\r\n\t\t\t\t\t\t\t\t\t\t\t{fullDayConversionLink &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{t('FO_WorkshopBookingOption_HalfDay')}
\r\n\t\t\t\t\t\t\t\t\t\t{workshop.halfDayPrice}\r\n\t\t\t\t\t\t\t\t\t\t\t{halfDayConversionLink &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { entities: { centers, individualConsultationSchedule }, configuration: { franchisor }, parent } = state;\r\n\tconst {\r\n\t\tdate,\r\n\t\terrorMessage,\r\n\t\tselectedChildId\r\n\t} = state.booking;\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst selectedCenterId = queryParams.centerId ? Number(queryParams.centerId) : null;\r\n\tconst selectedCenter = selectedCenterId && centers[selectedCenterId]\r\n\r\n\tconst parentCenterId = parent.centerId;\r\n\tconst parentCenter = parentCenterId ? centers[parentCenterId] : null;\r\n\r\n\tconst scheduleFilter = (selectedCenterId && state.filters.individualConsultationScheduleByChildAndCenter[`${selectedChildId && selectedChildId > 0 ? selectedChildId : 'all'}-${selectedCenterId}`]) || { ids: [], loading: false };\r\n\tconst individualConsultationScheduleForSelectedChildAndCenter = scheduleFilter.ids.map(id => individualConsultationSchedule[id]);\r\n\r\n\tconst isValidBookingDate = individualConsultationScheduleForSelectedChildAndCenter.some(x => x.start === date);\r\n\r\n\tconst allChildren = state.parent.children;\r\n\tconst centersWithIndividualConsultations = Object.keys(centers).map(key => centers[key]).filter(c => c.isIndividualConsultation);\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tfranchisor,\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode,\r\n\t\tparentCenter,\r\n\t\tsearchParams: {\r\n\t\t\tcity: queryParams.city,\r\n\t\t\tcenterId: selectedCenterId,\r\n\t\t\tdate: queryParams.date,\r\n\t\t\tconsultationDate: queryParams.consultationDate\r\n\t\t},\r\n\t\tparent,\r\n\t\tcenters: centersWithIndividualConsultations.sort((a, b) => a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1),\r\n\t\tselectedCenter,\r\n\t\tcities: [...new Set(centersWithIndividualConsultations.map(center => center.city))],\t// distinct list of cities with centers\r\n\t\tindividualConsultationSchedule: individualConsultationScheduleForSelectedChildAndCenter,\r\n\t\tchildren: allChildren,\r\n\t\tbookingOptions: {\r\n\t\t\tdate: isValidBookingDate ? date : null,\r\n\t\t\terrorMessage,\r\n\t\t\tselectedChildId\r\n\t\t}\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadIndividualConsultationSchedule,\r\n\tselectCenter,\r\n\tselectConsultationDate,\r\n\tunselectLesson,\r\n\tselectPaymentType,\r\n\tselectChild,\r\n\tupdateSelectedCenter,\r\n\tstoreIndividualConsultationSearchQuery,\r\n\tstartIndividualConsultationEnrolment\r\n})(withNamespaces()(IndividualConsultationsTimetable));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Button, Alert } from 'react-bootstrap';\r\nimport { Input } from '../../common/components/formControls';\r\nimport validators from '../../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nconst ClassBookingForm = ({ error, handleSubmit, pristine, submitting, t, children, centers, terms, grades }) => {\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nClassBookingForm.propTypes = {\r\n onSubmit: PropTypes.func.isRequired\r\n};\r\n\r\nexport default reduxForm({ form: 'classBooking', enableReinitialize: true })(withNamespaces()(ClassBookingForm));","import React from 'react';\r\nimport { Row, Col, Table } from 'react-bootstrap';\r\nimport CenterDetailsLink from '../../common/components/CenterDetailsLink';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport DeleteButton from '../../common/components/DeleteButton';\r\nimport { PaymentTypes } from '../payments/actions';\r\nimport Card from '../../common/components/Card';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport utils from '../../common/services/utils';\r\n\r\nconst View = ({ payment, cancelSession, blockSessions, unblockSessions, enableUserTimeZone, t }) => {\r\n\tconst { child, childSessions, center } = payment;\r\n\r\n\tconst sessionsByWeek = utils.groupBy(childSessions, 'week');\r\n\r\n\treturn \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t 0 ? 'booking-options-container hidden-xs' : 'hidden') : 'booking-options-container'} >\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t{t('FO_Payment_Id')}{payment.id}
\r\n\t\t\t\t{payment.workshop}
\r\n\t\t\t\t{child && child.fullName}
\r\n\t\t\t{week}
\r\n\t\t\t\t\t| \r\n\t\t\t\t\t\t\t\t\t\t{sessionStart.format('dddd')}\r\n\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{sessionStart.format('ll')}\r\n\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{sessionStart.format('LT')} - {sessionEnd.format('LT')}\r\n\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{session.canceled && {t('FO_ChildLesson_Canceled')}}\r\n\t\t\t\t\t\t\t\t\t\t{session.isInTheFuture && !session.canceled && session.allowParentCancelWorkshopSession && | \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\t{(applyWarning || errorMessage) && {applyWarning || errorMessage} }\r\n\t\t\t \r\n\r\n\t\t\t{appliedPromoCodes.map(promoCode =>
;\r\n\t}\r\n}\r\n\r\nexport default withNamespaces()(PromoCodes);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Row, Col, Label } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { Link } from 'react-router-dom';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport Card from '../../common/components/Card';\r\n\r\nclass FormsList extends Component {\r\n\r\n mapStatusStyle(status) {\r\n let color = '';\r\n let icon = '';\r\n\r\n switch (status) {\r\n case 'New':\r\n color = 'danger';\r\n icon = 'times';\r\n break;\r\n case 'Draft':\r\n color = 'warning';\r\n icon = 'edit';\r\n break;\r\n case 'Final':\r\n color = 'success';\r\n icon = 'check';\r\n break;\r\n }\r\n\r\n return { color, icon };\r\n }\r\n\r\n render() {\r\n const { t, paymentId, forms } = this.props;\r\n\r\n return ({t('FO_Booking_PromoCodes')}
\r\n\t\t\t\r\n\t\t\t\t{promoCode}\r\n\t\t\t\t onRemove(promoCode)}\r\n\t\t\t\t\tconfirmationTitle={t('FO_Booking_PromoCode_ConfirmDeleteTitle')}\r\n\t\t\t\t\tconfirmationMessage={t('FO_Booking_PromoCode_ConfirmDeleteMessage')} />\r\n\t\t\t
)}\r\n\t\t\r\n {forms && forms.length > 0 &&
);\r\n }\r\n}\r\n\r\nFormsList.propTypes = {\r\n forms: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number,\r\n name: PropTypes.string\r\n }))\r\n};\r\n\r\nexport default withNamespaces()(FormsList);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getChild, } from '../reducer';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Tabs, Tab, Row, Col, Nav, NavItem } from 'react-bootstrap';\r\nimport { Link, Switch, Route } from 'react-router-dom';\r\nimport History from './History';\r\nimport MedicalInformation from './MedicalInformation';\r\nimport MakeupSummary from './MakeupSummary';\r\nimport PersonalDetails from './PersonalDetails';\r\nimport ui from '../../common/services/ui';\r\nimport Card from '../../common/components/Card';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nclass Details extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.handleMenuOptionSelect = this.handleMenuOptionSelect.bind(this);\r\n\t}\r\n\r\n\thandleMenuOptionSelect(key) {\r\n\t\tconst { child } = this.props;\r\n\t\tif (child) {\r\n\t\t\tthis.props.history.push(`/children/${child.id}/${key}`);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { child, enableCollectMedicalInformation, enableMakeUps, activeTab, t } = this.props;\r\n\r\n\t\tconst avatarStyle = { width: 64, height: 64, lineHeight: '64px', fontSize: 22, display: 'inline-block', marginBottom: 15 };\r\n\t\tconst avatarColors = ['bg-purple', 'bg-green', 'bg-orange', 'bg-blue'];\r\n\r\n\t\treturn \r\n \r\n {forms.map(form => {\r\n const { color, icon } = this.mapStatusStyle(form.status);\r\n return \r\n \r\n \r\n
\r\n \r\n \r\n ;\r\n })}\r\n
\r\n
}\r\n {t('FO_IndividualConsultation_Forms')}
\r\n \r\n
\r\n \r\n {t('FO_IndividualConsultationForm_Modified')} {moment(form.modified).format('lll')}\r\n
\r\n \r\n\t\t\t\t\t\t
}\r\n\t\t\t\t\t\r\n\t\t\t\t{ui.getAvatarName(child.firstName, child.lastName)}
\r\n\t\t\t\t\t\t{child.fullName}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\t\t 0 ? 'FO_Booking_Class_AgeAppropriate' : 'FO_Booking_Class_AgeAppropriate_None'} count={child.ageAppropriateGrades.length}>\r\n\t\t\t\t\t\t\tSuitable classes for {{ name }}:\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t- {classes}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{showLogin && }\r\n\t\t\t \r\n\t\t\t{showLogin && {t('FO_Login_Login')} }\r\n\t\t
\r\n\t}\r\n\r\n\trenderChildBookingOptions(child, paymentTypes, errorMessage, joinWaitingList, isLocked, t) {\r\n\r\n\t\tlet allPaymentTypes = paymentTypes.map(p => { return { paymentType: p, isBonusLesson: false }; });\r\n\t\t// add options for bonus lessons\r\n\t\tpaymentTypes.filter(p => p.isBonusLessonAllowed).forEach(p => allPaymentTypes.push({ paymentType: p, isBonusLesson: true }));\r\n\r\n\t\tconst isMultipleOptions = allPaymentTypes.length > 1;\r\n\t\tconst firstPaymentOption = allPaymentTypes[0];\r\n\t\tconst accordionId = `paymentTypes_${child ? child.id : 1}`;\r\n\t\tconst accordionDefaultActiveKey = firstPaymentOption ? this.getPaymentOptionKey(firstPaymentOption.paymentType, firstPaymentOption.isBonusLesson) : null;\r\n\r\n\t\treturn \r\n\t\t\t{child && this.handlePaymentOptionAccordionSelect(accordionId, activeKey)}\r\n\t\t\t>\r\n\t\t\t\t{allPaymentTypes.map(p => this.renderPaymentOption(child, p.paymentType, p.isBonusLesson, accordionId, accordionDefaultActiveKey, isMultipleOptions, t))}\r\n\t\t\t\r\n\t\t\t}\r\n\t\t
;\r\n\t}\r\n\r\n\tgetPaymentOptionKey(paymentType, isBonusLesson) {\r\n\t\treturn `${paymentType.id}${paymentType.isPrepaid ? '_Prepaid' : ''}${isBonusLesson ? '_Bonus' : ''}`;\r\n\t}\r\n\r\n\thandlePaymentOptionAccordionSelect(accordionId, activeKey) {\r\n\t\tthis.setState({\r\n\t\t\tselectedPaymentTypeKeys: {\r\n\t\t\t\t...this.state.selectedPaymentTypeKeys,\r\n\t\t\t\t[accordionId]: activeKey\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\trenderPaymentOption(child, paymentType, isBonusLesson, accordionId, defaultAccordionKey, isMultipleOptions, t) {\r\n\t\tconst key = this.getPaymentOptionKey(paymentType, isBonusLesson);\r\n\t\tconst selectedKey = this.state.selectedPaymentTypeKeys[accordionId];\r\n\t\tconst isSelected = selectedKey ? key === selectedKey : key === defaultAccordionKey;\r\n\r\n\t\treturn \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t{!joinWaitingList && \r\n\t\t\t
;\r\n\t}\r\n\r\n\trenderLessonBookingOptions() {\r\n\t\tconst { t, block, unblock, bookingOptions: { errorMessage, selectedChildId, selectedPaymentTypeId, childrenPaymentTypes, warningMessage } } = this.props;\r\n\r\n\t\tconst selectedChild = selectedChildId && childrenPaymentTypes.find(c => c.child && c.child.id === selectedChildId);\r\n\t\tconst visibleChildren = selectedChild ? [selectedChild] : childrenPaymentTypes;\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn this.renderErrorWithLogin(false, errorMessage)\r\n\t\t}\r\n\r\n\t\tconst selectedPaymentType = selectedChild && selectedPaymentTypeId && selectedChild.paymentTypes.find(p => p.id === selectedPaymentTypeId);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{t(paymentType.displayNameResource)}{isBonusLesson ? `- ${t('FO_Booking_Form_IsBonusLesson')}` : ''}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{paymentType.hideUnitPrice ? t('FO_Booking_BookingOptionTotal') : `${paymentType.quantity} x ${paymentType.unitPrice}`}\r\n\t\t\t\t{paymentType.total}\r\n\t\t\t\t\r\n\t\t\t\t{conversionLink &&\r\n\t\t\t\t\t{t('FO_Common_ConvertToCurrency', { currency: currentCurrency })}}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t{t(selectedPaymentType.displayNameResource)}
\r\n\t\t\t{lessonDates.length === 0 ?\r\n\t\t\t\t{t('FO_Booking_Form_NoUpcomingClasses')} :\r\n\t\t\t\tlessonDates.length === 1 ?\r\n\t\t\t\t\t
;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\r\n\t\treturn \r\n\t\t\t\t\t\t
:\r\n\t\t\t\t\t{t('FO_Booking_Form_StartDateFixed')}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{(enableUserTimeZone ? utils.convertToUserTime(nextDate ? nextDate : lessonDates[0], center) : moment(nextDate ? nextDate : lessonDates[0])).format('LL, dddd')}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t this.props.onSelectStartDate(key)} className='btn-block'>\r\n\t\t\t\t\t\t\t{bookingOptions.date ? (enableUserTimeZone ? utils.convertToUserTime(bookingOptions.date, center) : moment(bookingOptions.date)).format('LL, dddd') : t('FO_BookingOptions_SelectDate')} \r\n\t\t\t\t\t\t\t{lessonDates.map(date => )} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
}\r\n\t\t{t('FO_Booking_Form_StartDate')}
\r\n\t\t\t\t\t\t\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nBookingOptions.propTypes = {\r\n\tbookingOptions: PropTypes.shape({\r\n\t\twarningMessage: PropTypes.string,\r\n\t\terrorMessage: PropTypes.string,\r\n\t\tchildrenPaymentTypes: PropTypes.arrayOf(PropTypes.shape({\r\n\t\t\tchild: PropTypes.shape({\r\n\t\t\t\tfullName: PropTypes.string\r\n\t\t\t}),\r\n\t\t\tpaymentTypes: PropTypes.arrayOf(PropTypes.shape({\r\n\t\t\t\tid: PropTypes.number,\r\n\t\t\t\tisPrepaid: PropTypes.bool,\r\n\t\t\t\tdisplayNameResource: PropTypes.string,\r\n\t\t\t\tisFree: PropTypes.bool,\r\n\t\t\t\tisBonusLessonAllowed: PropTypes.bool,\r\n\t\t\t\thideUnitPrice: PropTypes.bool\r\n\t\t\t})),\r\n\t\t\terrorMessage: PropTypes.string,\r\n\t\t\tjoinWaitingList: PropTypes.bool,\r\n\t\t\tisLocked: PropTypes.bool\r\n\t\t})),\r\n\t\tprogramId: PropTypes.number,\r\n\t\tdate: PropTypes.string,\r\n\t\tselectedChildId: PropTypes.number,\r\n\t\tselectedPaymentTypeId: PropTypes.number,\r\n\t\tisSelectJoinWaitingList: PropTypes.bool,\r\n\t\tisBonusLesson: PropTypes.bool\r\n\t}),\r\n\tchildren: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tshortName: PropTypes.string,\r\n\t\thasTrialLesson: PropTypes.boolean,\r\n\t\tageAppropriateGrades: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number, name: PropTypes.string }))\r\n\t})),\r\n\tlessonDates: PropTypes.arrayOf(PropTypes.string),\r\n\tnextDate: PropTypes.date,\r\n\tonSelectStartDate: PropTypes.func.isRequired,\r\n\tonSelectPaymentType: PropTypes.func.isRequired,\r\n\tonJoinWaitingList: PropTypes.func.isRequired,\r\n\tonSelectChild: PropTypes.func,\r\n\tonConfirm: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withNamespaces()(BookingOptions);","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Field, reduxForm, formValueSelector } from 'redux-form';\r\nimport { Alert, Form, Button } from 'react-bootstrap';\r\nimport { Input, DateTimeInput, FormActions, Radio, Static } from '../../common/components/formControls';\r\nimport validators from '../../common/services/validators';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst SettingsForm = ({ error, handleSubmit, submitting, isReadonly, submitSucceeded, genderTypes, requireChildLastName, requireChildSchool,\r\n\tbackPath, onCancel, initialValues, sameAsParent, sameAsParentChange, enableParentSelfBooking, hasSameAsParentChild, t }) => {\r\n\tconst showGender = false;\r\n\tconst sameAsParentEntries = [\r\n\t\t{\r\n\t\t\tlabel: t('Child_SameAsParent'),\r\n\t\t\tvalue: 'true'\r\n\t\t},\r\n\t\t{\r\n\t\t\tlabel: t('Child_NoSameAsParent'),\r\n\t\t\tvalue: 'false'\r\n\t\t}\r\n\t];\r\n\r\n\tconst isNew = !initialValues || !initialValues.id || initialValues.id == 0;\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default reduxForm({ form: 'child', enableReinitialize: true })(withNamespaces()(SettingsForm));\r\nexport const selector = formValueSelector('childSettingsForm');\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n\tunsubscribe,\r\n\tUNSUBSCRIBE_REQUEST, UNSUBSCRIBE_SUCCESS, UNSUBSCRIBE_FAILURE } from './actions';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport queryString from 'query-string';\r\nimport ReduxBlockUi from 'react-block-ui/redux';\r\nimport { Alert } from 'react-bootstrap';\r\n\r\nclass Unsubscribe extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tstatus: 'new'\r\n\t\t};\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tconst { configuration, parentToken } = this.props;\r\n\r\n\t\tif (parentToken) {\r\n\t\t\tconst onSuccess = () => this.setState({ status: 'success' });\r\n\t\t\tconst onError = () => this.setState({ status: 'error' });\r\n\t\t\tunsubscribe(parentToken, configuration, onSuccess, onError)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t, configuration: { franchisor }, parentToken } = this.props;\r\n\t\treturn (\r\n\t\t\t{t('FO_Booking_BookingOptions_Title')}
\r\n\t\t\t{this.renderStartDateSelector()}\r\n\t\t\t{this.renderLessonBookingOptions()}\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nUnsubscribe.propTypes = {\r\n\tunsubscribe: PropTypes.func,\r\n\tlocation: PropTypes.object\r\n};\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { parentToken } = queryString.parse(ownProps.location.search);\r\n\tconst { configuration } = state;\r\n\r\n\treturn {\r\n\t\tparentToken,\r\n\t\tconfiguration\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tunsubscribe\r\n})(withNamespaces()(Unsubscribe));","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Table } from 'react-bootstrap';\r\nimport Dialog from '../../common/components/Dialog';\r\nimport WeeklyInfo from '../home/WeeklyInfo';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport BlockUi from 'react-block-ui';\r\nimport 'react-block-ui/style.css';\r\nimport utils from '../../common/services/utils';\r\n\r\nclass LessonsDialog extends Component {\r\n\trenderBody() {\r\n\t\tconst { t, lessons, blocking, enableUserTimeZone, center } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t {t('FO_Unsubscribe_Success')} }\r\n\t\t\t\t\t\t{this.state.status == 'error' && {t('FO_Unsubscribe_Failed', { email: franchisor.companyEmail })} }\r\n\t\t\t\t\t
\r\n\t\t\t\t{t('FO_Unsubscribe_Title')}
\r\n\t\t\t\t\t\t{this.state.status == 'new' && parentToken &&{t('FO_Unsubscribe_Processing')}
}\r\n\t\t\t\t\t\t{this.state.status == 'success' &&\r\n\t\t\t\t\r\n\t\t\t\t\t{lessons && \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
}\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { onCancel, lessons, blocking, title, t, ...rest } = this.props;\r\n\t\treturn ;\r\n\t}\r\n}\r\n\r\nLessonsDialog.propTypes = {\r\n\tlessons: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tstart: PropTypes.string,\r\n\t\ttype: PropTypes.shape({ name: PropTypes.string }),\r\n\t\tisAttended: PropTypes.bool\r\n\t})),\r\n\ttitle: PropTypes.string,\r\n\tonCancel: PropTypes.func.isRequired,\r\n\tblocking: PropTypes.bool\r\n};\r\n\r\nexport default withNamespaces()(LessonsDialog);","import React, { Component } from 'react';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport { Col, FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap';\r\nimport WidgetDropdownList from 'react-widgets/lib/DropdownList';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nclass DropdownList extends Component {\r\n\tcomponentDidMount() {\r\n\t\tconst { input: { onChange, value } } = this.props;\r\n\r\n\t\tif (value) {\r\n\t\t\tonChange(value);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { name, label, horizontal, t, input: { onChange, value }, help, meta: { touched, error, warning }, required, options, clearable, valueField, valueComponent, placeholder, disabled, ...props } = this.props;\r\n\r\n\t\tconst validationState = touched && (error && \"error\") || (warning && \"warning\") || null;\r\n\r\n\t\tconst formControl = | {t('FO_ChildLesson_Date')} | \r\n\t\t\t\t\t\t\t\t{t('FO_ChildLesson_Type')} | \r\n\t\t\t\t\t\t\t\t{t('FO_ChildLesson_Attendance')} | \r\n\t\t\t\t\t\t\t
|---|---|---|
| {t(`LessonType_${lesson.type}`)} | \r\n\t\t\t\t\t\t\t\t{lesson.isHoliday ? t('FO_ChildLesson_Holiday') : lesson.isAttended ? t('Common_Yes') : t('Common_No')} | \r\n\t\t\t\t\t\t\t
\r\n\t\t\r\n\t
;\r\n};\r\n\r\nexport default withNamespaces()(AnonymousMenu);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Col, FormGroup, HelpBlock, ControlLabel } from 'react-bootstrap';\r\nimport PhoneInput from 'react-phone-number-input';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport 'react-phone-number-input/style.css';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst CustomArrow = () => \r\n\t\t\t{showToday && }\r\n\t\t\t{showPrev && {i18n.t(resourceKeyPrev)}}>\r\n\t\t\t\t }\r\n\t\t\t{showNext && {i18n.t(resourceKeyNext)}}>\r\n\t\t\t\t }\r\n\t\t\t{label}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default CalendarToolbar;","import React from 'react';\r\nimport * as dates from 'date-arithmetic';\r\nimport { Navigate } from 'react-big-calendar';\r\nimport TimeGrid from 'react-big-calendar/lib/TimeGrid';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\n\r\nclass CalendarDayView extends React.Component {\r\n\trender() {\r\n\t\tlet { date } = this.props;\r\n\t\tlet range = CalendarDayView.range(date);\r\n\t\treturn \r\n\t\t\t\t{steps.map(step => {\r\n\t\t\t\t\tconst isActiveStep = Number(currentStep) === step.id;\r\n\r\n\t\t\t\t\treturn
\r\n\t\t\r\n\t\t\r\n\t\t\t{t('FamilyHistory')} \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t \r\n\t
;\r\n};\r\n\r\nconst renderSiblings = ({ fields, meta: { error, submitFailed }, t }) => \r\n\t\t{fields.map((sibling, index) => \r\n\t\t\t\r\n\t\t\t )}\r\n\t
\r\n{t('SiblingNumber', { number: index + 1 })}
\r\n\t\t\t\r\n\t\t\t
\r\n\t}\r\n\r\n\trenderSessionsInWeek(week, sessions) {\r\n\t\tconst { currentUser, enableUserTimeZone, center, limitToShowLeftWorkshopSpots, t } = this.props;\r\n\r\n\t\tsessions.sort((a, b) => moment(a.start) - moment(b.start)).forEach(x => {\r\n\t\t\tconst sessionStart = (enableUserTimeZone ? utils.convertToUserTime(x.start, center) : moment(x.start));\r\n\t\t\tconst sessionEnd = (enableUserTimeZone ? utils.convertToUserTime(x.end, center) : moment(x.end));\r\n\r\n\t\t\tx.date = moment(sessionStart).startOf('day');\r\n\t\t\tx.description = `${sessionStart.format('LT')} - ${sessionEnd.format('LT')}`;\r\n\t\t\tswitch (x.type) {\r\n\t\t\t\tcase 'FullDay':\r\n\t\t\t\t\tx.order = 1;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Morning':\r\n\t\t\t\t\tx.order = 2;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Afternoon':\r\n\t\t\t\t\tx.order = 3;\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tswitch (x.availability) {\r\n\t\t\t\tcase 'Yes':\r\n\t\t\t\t\tx.className = 'green';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'No':\r\n\t\t\t\t\tx.className = 'red';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Limited':\r\n\t\t\t\tcase 'LastSpot':\r\n\t\t\t\t\tx.className = 'orange';\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst sessionsByDate = utils.groupBy(sessions, 'date');\r\n\r\n\t\treturn {week.name} {`(${moment(week.startDate).format('ll')} - ${moment(week.endDate).format('ll')})`}
\r\n\t\t\t{t('FO_Booking_Workshop_SelectAll')}{renderSelectAllCheckbox('FullDay')}{renderSelectAllCheckbox('Morning')}{renderSelectAllCheckbox('Afternoon')}\r\n\t\t\t{this.renderSessionsInWeek(week, sessionsInWeek)}\r\n\t\t\r\n\t\t\t{workshop && \r\n\t\t\t\t }\r\n\t\t\t
;\r\n\t}\r\n}\r\n\r\nWorkshopSessions.propTypes = {\r\n};\r\n\r\nexport default withNamespaces()(WorkshopSessions);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport PagedEntitiesGrid from '../../common/components/PagedEntitiesGrid';\r\nimport Card from '../../common/components/Card';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport utils from '../../common/services/utils';\r\n\r\nconst Grid = ({ t, enableUserTimeZone, ...rest }) => {\r\n const renderItem = item => {\r\n const center = item.center;\r\n\r\n return {t('FO_Booking_WorkshopSessions_Title', { workshopName: workshop.name })}
}\r\n\t\t\t{errorMessage && {errorMessage}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{workshop && workshop.weeks.sort((a, b) => moment(a.startDate) - moment(b.startDate)).map(week => this.renderWeek(week))}\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{t('FO_Booking_Availability_Yes')}\r\n\t\t\t\t\t{t('FO_Booking_Availability_Limited')}\r\n\t\t\t\t\t{t('FO_Booking_Availability_No')}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n \r\n
\r\n \r\n \r\n {item.requiresQuestionnaire &&
\r\n
\r\n {center && center.name}
\r\n{`#${item.id}`} {t(`IndividualConsultationType_${item.consultationType}`)}
\r\n
\r\n {item.child && item.child.shortName}
\r\n \r\n
\r\n \r\n
\r\n {t('FO_Payment_Created')}
\r\n {moment(item.created).format('lll')}
\r\n {t('FO_IndividualConsultation_Details')}
\r\n \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t !x.mixed)}\r\n\t\t\t\t\t\t\tselectedCity={selectedCity}\r\n\t\t\t\t\t\t\tselectedCenter={selectedCenter}\r\n\t\t\t\t\t\t\tselectedTerm={selectedTerm}\r\n\t\t\t\t\t\t\tselectedGrades={selectedGrades}\r\n\t\t\t\t\t\t\tonSelectCity={this.handleCitySelect}\r\n\t\t\t\t\t\t\tonSelectCenter={this.handleCenterSelect}\r\n\t\t\t\t\t\t\tonSelectTerm={this.handleTermSelect}\r\n\t\t\t\t\t\t\tonSelectGrades={this.handleGradesSelect}\r\n\t\t\t\t\t\t\tfranchisorDisplayName={franchisor.displayName}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t \r\n\t\t
;\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { entities: { centers, grades, lessons, terms }, configuration: { franchisor }, parent, auth: { isAuthenticated } } = state;\r\n\tconst {\r\n\t\tprogramId,\r\n\t\tdate,\r\n\t\terrorMessage,\r\n\t\tchildrenPaymentTypes,\r\n\t\tselectedChildId,\r\n\t\tselectedPaymentTypeId,\r\n\t\tisSelectJoinWaitingList\r\n\t} = state.booking;\r\n\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\tconst lessonType = queryParams.lessonType;\r\n\r\n\tconst parentCenterId = parent.centerId;\r\n\tconst parentCenter = parentCenterId ? centers[parentCenterId] : null;\r\n\r\n\tlet lessonsDeepLoaded = Object.values(lessons);\r\n\tlessonsDeepLoaded.forEach(lesson => {\r\n\t\tlesson.grade = grades[lesson.gradeId] || { name: '', subGrades: [] };\r\n\t\tlesson.center = centers[lesson.centerId] || { name: '' };\r\n\t\tlesson.term = terms[lesson.termId] || { name: '', schoolYear: '' };\r\n\t});\r\n\r\n\tconst selectedLesson = queryParams.programId && queryParams.startDate && lessons[`${queryParams.programId}@${queryParams.startDate}`];\r\n\tif (selectedLesson) {\r\n\t\tselectedLesson.grade = grades[selectedLesson.gradeId] || { name: '' };\r\n\t\tselectedLesson.center = centers[selectedLesson.centerId] || { name: '' };\r\n\t\tselectedLesson.term = terms[selectedLesson.termId] || { name: '', schoolYear: '' };\r\n\t}\r\n\r\n\tconst allChildren = state.parent.children;\r\n\tallChildren.forEach(child => {\r\n\t\tlet ageAppropriateGradeIds = child.ageAppropriateGradeIds || [];\r\n\t\tif (queryParams.centerId && queryParams.termId) {\r\n\t\t\tageAppropriateGradeIds = getAgeAppropriateGradesByChild(state.parent, queryParams.centerId, queryParams.termId, child.id) || [];\r\n\t\t}\r\n\r\n\t\tchild.ageAppropriateGrades = ageAppropriateGradeIds.map(gradeId => grades[gradeId]);\r\n\t});\r\n\r\n\tconst selectedCenterId = queryParams.centerId ? Number(queryParams.centerId) : null;\r\n\tconst selectedCenter = selectedCenterId && centers[selectedCenterId];\r\n\r\n\tlet selectedGradeIds = null;\r\n\tif (queryParams.gradeIds) {\r\n\t\tlet gradeIdsParamValues = [queryParams.gradeIds];\r\n\t\tif (Array.isArray(queryParams.gradeIds)) {\r\n\t\t\tgradeIdsParamValues = [...queryParams.gradeIds];\r\n\t\t}\r\n\t\tselectedGradeIds = gradeIdsParamValues.map(id => Number(id));\r\n\t}\r\n\r\n\tconst activeLanguage = getActiveLanguage(state.configuration.language);\r\n\r\n\treturn {\r\n\t\tfranchisor,\r\n\t\tgrades: selectedCenter && selectedCenter.grades ?\r\n\t\t\tselectedCenter.grades.map(id => grades[id]).filter(x => !!x) : [],\r\n\t\tparentCenter,\r\n\t\tsearchParams: {\r\n\t\t\tcity: queryParams.city,\r\n\t\t\tcenterId: selectedCenterId,\r\n\t\t\ttermId: queryParams.termId ? Number(queryParams.termId) : null,\r\n\t\t\tgradeIds: selectedGradeIds,\r\n\t\t\tdate: queryParams.date,\r\n\t\t\tlessonType: lessonType || '',\t// load all booking options by default - normal and trial\r\n\t\t\t// selected weekly program item and date to start the booking\r\n\t\t\tprogramId: queryParams.programId ? Number(queryParams.programId) : null,\r\n\t\t\tstartDate: queryParams.startDate\r\n\t\t},\r\n\t\tparent,\r\n\t\tcenters: Object.values(centers).filter(c => lessonType !== 'trial' || c.isTrialLesson).sort((a, b) => a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1),\r\n\t\tselectedCenter,\r\n\t\tcities: [...new Set(Object.values(centers).map(center => center.city))],\t// distinct list of cities with centers\r\n\t\tlessons: lessonsDeepLoaded,\r\n\t\tselectedLesson,\r\n\t\tterms: selectedCenter && selectedCenter.terms ?\r\n\t\t\tselectedCenter.terms\r\n\t\t\t\t.map(x => ({ ...terms[x.id], ...x }))\t // replace startDate and endDate with actual working period for the selected term\r\n\t\t\t\t.filter(x => x.allowBooking)\r\n\t\t\t\t.sort(function (a, b) {\r\n\t\t\t\t\treturn moment(a.startDate).format('YYYYMMDD') - moment(b.startDate).format('YYYYMMDD');\r\n\t\t\t\t})\r\n\t\t\t: [],\r\n\t\tchildren: allChildren,\r\n\t\tbookingOptions: {\r\n\t\t\tprogramId,\r\n\t\t\tdate,\r\n\t\t\terrorMessage,\r\n\t\t\tselectedChildId,\r\n\t\t\tselectedPaymentTypeId,\r\n\t\t\tisSelectJoinWaitingList,\r\n\t\t\tchildrenPaymentTypes: childrenPaymentTypes.map(c => ({\r\n\t\t\t\tchild: getChild(state.parent, c.childId),\r\n\t\t\t\tpaymentTypes: c.paymentTypes,\r\n\t\t\t\terrorMessage: c.errorMessage,\r\n\t\t\t\tjoinWaitingList: c.joinWaitingList,\r\n\t\t\t\tisLocked: c.isLocked\r\n\t\t\t}))\r\n\t\t},\r\n\t\tallowWorkshops: franchisor && franchisor.enableWorkshops && Object.values(centers).some(c => c.isWorkshops),\r\n\t\tcurrentCurrency: activeLanguage && activeLanguage.currencyCode,\r\n\t\tisAuthenticated\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tloadTermsByCenter,\r\n\tloadGradesByCenter,\r\n\tloadLessons,\r\n\tloadAgeAppropriateGradesByCenterAndTerm,\r\n\tloadBookingOptions,\r\n\tunselectLesson,\r\n\tselectPaymentType,\r\n\tstartEnrolment,\r\n\tselectJoinWaitingList,\r\n\tselectChild,\r\n\tupdateSelectedCenter,\r\n\tstoreSearchQuery\r\n})(withNamespaces()(Timetable));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { Nav, NavItem, Row, Col, Label } from 'react-bootstrap';\r\nimport Card from '../../common/components/Card';\r\nimport { loadSelfAssessments } from './actions';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport moment from 'moment';\r\nimport { createChild, CHILD_CREATE_REQUEST, CHILD_CREATE_SUCCESS, CHILD_CREATE_FAILURE } from '../actions';\r\nimport AddChildButton from '../children/AddChildButton';\r\nimport { hasSameAsParentChild } from '../reducer';\r\n\r\nclass SelfAssessments extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChildSelect = this.handleChildSelect.bind(this);\r\n this.handleAddChild = this.handleAddChild.bind(this);\r\n\r\n const firstChild = props.children && props.children[0];\r\n this.state = {\r\n selectedChildId: props.childId || (firstChild && firstChild.id),\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadSelfAssessments();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (!this.props.childId && (!this.props.children || this.props.children.length == 0) && nextProps.children && nextProps.children.length > 0) {\r\n this.handleChildSelect(nextProps.children[0].id);\r\n }\r\n }\r\n\r\n handleChildSelect(childId) {\r\n this.setState({ selectedChildId: childId });\r\n this.props.history.replace(`/self-assessments/${childId}`);\r\n }\r\n\r\n handleAddChild(values, onSuccess) {\r\n this.props.createChild(values, null, onSuccess);\r\n }\r\n\r\n mapStatusStyle(status) {\r\n let color = '';\r\n let icon = '';\r\n\r\n switch (status) {\r\n case 'New':\r\n color = 'danger';\r\n icon = 'times';\r\n break;\r\n case 'Draft':\r\n color = 'warning';\r\n icon = 'edit';\r\n break;\r\n case 'Final':\r\n color = 'success';\r\n icon = 'check';\r\n break;\r\n }\r\n\r\n return { color, icon };\r\n }\r\n\r\n render() {\r\n const { children, selfAssessments, selfAssessmentForms, requireChildLastName, enableParentSelfBooking, hasSameAsParentChild, t } = this.props;\r\n\r\n if (!children || children.length == 0) {\r\n return \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t 0 ? 'booking-options-container hidden-xs' : 'hidden') : 'booking-options-container'} >\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{alternativeCenters.length > 0 && \r\n\t\t\t\t\t\t\t this.props.history.push(`/public/timetable?centerId=${centerId}&termId=${selectedTerm.id}&lessonType=${lessonType}&date=${date}`)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n {children.length > 1 ? : \r\n {childSelfAssessments.map(item => {\r\n const { color, icon } = this.mapStatusStyle(item.status);\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\nconst mapStateToProps = (state, ownProps) => {\r\n const { parent: { children }, entities: { selfAssessments }, lookups: { selfAssessmentForms }, configuration: { franchisor } } = state;\r\n\r\n const { childId } = ownProps.match.params;\r\n\r\n return {\r\n selfAssessments: Object.values(selfAssessments),\r\n children,\r\n hasChildren: children.length > 0,\r\n selfAssessmentForms,\r\n childId: childId && Number(childId),\r\n requireChildLastName: franchisor && franchisor.requireChildLastName,\r\n enableParentSelfBooking: franchisor && franchisor.enableParentSelfBooking,\r\n hasSameAsParentChild: hasSameAsParentChild(state.parent)\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n loadSelfAssessments,\r\n createChild\r\n})(withNamespaces()(SelfAssessments));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col, DropdownButton, MenuItem } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport Card from '../common/components/Card';\r\nimport queryString from 'query-string';\r\nimport MapComponent from '../common/components/MapComponent';\r\nimport { InfoWindow } from \"react-google-maps\";\r\n\r\nclass Center extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleCityChange = this.handleCityChange.bind(this);\r\n\t\tthis.handleMarkerClick = this.handleMarkerClick.bind(this);\r\n\t\tthis.handleCenterSelect = this.handleCenterSelect.bind(this);\r\n\t\tthis.renderCenter = this.renderCenter.bind(this);\r\n\t\tthis.renderInfoWindow = this.renderInfoWindow.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tselectedCity: null,\r\n\t\t\tactiveMarkerKey: null\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { centers, parent, queryParams: { reset } } = this.props;\r\n\t\tif (parent.id > 0 && parent.centerId > 0 && centers.some(x => x.id === parent.centerId) && reset !== 'true') {\r\n\t\t\t// go directly to parent's selected center if parent is logged in\r\n\t\t\tthis.handleCenterSelect(parent.centerId)\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif ((this.props.parent.id === 0 || !this.props.centers.some(x => x.id === parent.centerId)) &&\r\n\t\t\tnextProps.parent.id > 0 && nextProps.parent.centerId > 0 && nextProps.centers.some(x => x.id === nextProps.parent.centerId) && nextProps.queryParams.reset !== 'true') {\r\n\t\t\t// go directly to parent's selected center if parent is logged in\r\n\t\t\tthis.handleCenterSelect(nextProps.parent.centerId);\r\n\t\t}\r\n\r\n\t\tif (this.props.cities.length === 0 && nextProps.cities.length === 1) {\r\n\t\t\tthis.setState({ selectedCity: nextProps.cities[0] });\r\n\t\t}\r\n\t}\r\n\r\n\thandleCityChange(city) {\r\n\t\tthis.setState({\r\n\t\t\tselectedCity: city\r\n\t\t});\r\n\t}\r\n\r\n\thandleMarkerClick(center) {\r\n\t\tthis.setState({ activeMarkerKey: center.id });\r\n\t\tthis.handleCityChange(center.city);\r\n\t}\r\n\r\n\thandleCenterSelect(centerId) {\r\n\t\tconst { referrer } = this.props;\r\n\r\n\t\tthis.props.history.push({\r\n\t\t\tpathname: referrer,\r\n\t\t\tsearch: queryString.stringify({ ...this.props.queryParams, centerId })\r\n\t\t});\r\n\t}\r\n\r\n\trenderCenter(center, style) {\r\n\t\tconst { t } = this.props;\r\n\r\n\t\treturn {children[0].fullName}
}\r\n\r\n
\r\n \r\n {t('FO_IndividualConsultationForm_Modified')} {moment(item.modified).format('lll')}\r\n
\r\n {center.address}
\r\n\t\t\t{center.phoneNumber ? center.phoneNumber : (center.mobilePhone ? center.mobilePhone : '')}
\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t c.latitude && c.longitude)}\r\n\t\t\t\t\t\t\tlatitude={franchisor.mapCenterLatitude}\r\n\t\t\t\t\t\t\tlongitude={franchisor.mapCenterLongitude}\r\n\t\t\t\t\t\t\tdefaultZoom={franchisor.mapZoom}\r\n\t\t\t\t\t\t\tonMarkerClick={this.handleMarkerClick}\r\n\t\t\t\t\t\t\tactiveMarkerKey={this.state.activeMarkerKey}\r\n\t\t\t\t\t\t\tonMapClick={() => this.setState({ activeMarkerKey: null })}\r\n\t\t\t\t\t\t\tinfoWindow={this.renderInfoWindow}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst { entities: { centers }, configuration: { franchisor }, parent } = state;\r\n\tconst queryParams = queryString.parse(ownProps.location.search);\r\n\r\n\tconst referrer = (ownProps.location.state && ownProps.location.state.referrer) || queryParams.referrer || '/public/timetable';\r\n\r\n\tconst lessonType = queryParams.lessonType;\r\n\tlet availableCenters = Object.values(centers).filter(c => lessonType !== 'trial' || c.isTrialLesson);\r\n\r\n\tif (referrer && referrer.includes('workshops')) {\r\n\t\tavailableCenters = availableCenters.filter(x => x.isWorkshops);\r\n\t}\r\n\r\n\treturn {\r\n\t\treferrer,\r\n\t\tcenters: availableCenters.sort((a, b) => a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1),\r\n\t\tcities: [...new Set(Object.values(availableCenters).map(center => center.city))],\t// distinct list of cities with centers,\r\n\t\tfranchisor,\r\n\t\tparent,\r\n\t\tqueryParams\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {})(withNamespaces()(Center));\r\n","import React, { Component } from 'react';\r\nimport { Form, FormGroup, ControlLabel, FormControl } from 'react-bootstrap';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nclass CheckoutForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleVoucherSchemeNameChange = this.handleVoucherSchemeNameChange.bind(this);\r\n\t\tthis.handleVoucherSchemeReferenceChange = this.handleVoucherSchemeReferenceChange.bind(this);\r\n\t\tthis.handleSubmit = this.handleSubmit.bind(this);\r\n\t\tthis.state = {\r\n\t\t\tvoucherSchemeName: '',\r\n\t\t\tvoucherSchemeReference: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.setVoucherDataSubmit(this.handleSubmit);\r\n\t}\r\n\r\n\thandleVoucherSchemeNameChange(e) {\r\n\t\tthis.setState({ voucherSchemeName: e.target.value });\r\n\t}\r\n\r\n\thandleVoucherSchemeReferenceChange(e) {\r\n\t\tthis.setState({ voucherSchemeReference: e.target.value });\r\n\t}\r\n\r\n\thandleSubmit() {\r\n\t\treturn this.state;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { t } = this.props;\r\n\t\tconst labelStyle = { border: 'none', padding: '0 5px' };\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withNamespaces()(CheckoutForm);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { Button, Alert } from 'react-bootstrap';\r\nimport { Input } from '../common/components/formControls';\r\nimport validators from '../common/services/validators';\r\nimport { withNamespaces } from 'react-i18next';\r\n\r\nconst passwordMinLength = validators.minLength(6);\r\n\r\nconst ResetPasswordForm = ({ error, handleSubmit, pristine, submitting, t }) => {\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nResetPasswordForm.propTypes = {\r\n\tonSubmit: PropTypes.func.isRequired\r\n};\r\n\r\nexport default reduxForm({ form: 'resetPassword' })(withNamespaces()(ResetPasswordForm));","import i18n from 'i18next';\r\nimport XHR from 'i18next-xhr-backend';\r\nimport { reactI18nextModule } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport PackageJson from '../../../package.json';\r\nimport browserStorage from './browserStorage';\r\n\r\nconst init = (franchisor) => {\r\n\tconst currentCulture = getCurrentCulture(franchisor);\r\n\r\n\t// init i18next\r\n\ti18n.changeLanguage(currentCulture, (error, t) => {\r\n\t});\r\n\r\n\t// localize moment\r\n\tmoment.locale(currentCulture);\r\n};\r\n\r\nconst getSelectedCulture = (franchisor) => {\r\n\treturn browserStorage.getFromLocalStorage(franchisor, 'i18n_lng');\r\n};\r\n\r\nconst getCurrentCulture = (franchisor) => {\r\n\tlet currentCulture = getSelectedCulture(franchisor);\r\n\tif (!currentCulture) {\r\n\t\tcurrentCulture = 'en-GB';\r\n\t}\r\n\treturn currentCulture;\r\n};\r\n\r\nconst setCurrentCulture = (franchisor, lang) => {\r\n\tbrowserStorage.setToLocalStorage(franchisor, 'i18n_lng', lang);\r\n\tinit(franchisor);\r\n};\r\n\r\nconst setDefaultTimeZone = (timeZone) => {\r\n\tmoment.tz.setDefault(timeZone);\r\n}\r\n\r\nexport default {\r\n\tinit,\r\n\tgetSelectedCulture,\r\n\tgetCurrentCulture,\r\n\tsetCurrentCulture,\r\n\tsetDefaultTimeZone\r\n};\r\n\r\ni18n\r\n\t.use(XHR)\r\n\t.use(reactI18nextModule)\r\n\t.init({\r\n\t\twhitelist: ['en', 'en-GB', 'bg-BG', 'de-DE', 'en-AU', 'cs-CZ', 'el-GR'], // Specify array of allowed languages\r\n\t\tfallbackLng: 'en',\r\n\t\tload: 'currentOnly', //to avoid warnings\r\n\t\t//lng: getCurrentCulture(),\r\n\t\tns: ['frontofficeresources'],\r\n\t\tdefaultNS: 'frontofficeresources',\r\n\t\tfallbackNS: 'frontofficeresources',\t// fallback to 'resources' if default namespace is replaced with a custom namespace for the franchisor\r\n\t\tinterpolation: {\r\n\t\t\tescapeValue: false, // not needed for react\r\n\t\t\tformatSeparator: ',',\r\n\t\t\tformat: function (value, format, lng) {\r\n\t\t\t\tif (format === 'uppercase') return value.toUpperCase();\r\n\t\t\t\treturn value;\r\n\t\t\t}\r\n\t\t},\r\n\t\tbackend: {\r\n\t\t\tloadPath: (lng, ns) => {\r\n\t\t\t\treturn `/locales/{{lng}}/{{ns}}.json?v=${PackageJson.version}`;\r\n\t\t\t}\r\n\t\t}\r\n\t\t//,debug: true\t\t// use debug info for missing keys to generate replacement tags for {t('FO_Public_Center_Title')}
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tthis.handleCityChange(key);\r\n\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\tactiveMarkerKey: null\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tclassName='btn-block'\r\n\t\t\t\t\t\t\t\tbsStyle={this.state.selectedCity ? 'primary' : 'default'}\r\n\t\t\t\t\t\t\t\ttitle={this.state.selectedCity && this.props.centers.find(c => c.city === this.state.selectedCity) != undefined ? this.state.selectedCity : t('FO_TimetableSearch_City')}>\r\n\t\t\t\t\t\t\t\t{cities && cities.sort().map(city => )}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{centersList}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{centers.length > 0 && \r\n\t\t\t{infoHtml && }\r\n\t\t
);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tfranchisor: state.configuration.franchisor\r\n});\r\n\r\nexport default connect(mapStateToProps)(withNamespaces()(Instructions));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport PagedEntitiesList from '../../common/components/PagedEntitiesList';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport { withNamespaces } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport utils from '../../common/services/utils';\r\n\r\nconst List = ({ t, enableUserTimeZone, ...rest }) => {\r\n\tconst columns = [\r\n\t\t{\r\n\t\t\theader: t('FO_Payment_Child'),\r\n\t\t\taccessor: 'child.shortName',\r\n\t\t\tclassName: 'green'\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: t('FO_IndividualConsultation_Type'),\r\n\t\t\taccessor: 'consultationType',\r\n\t\t\tcell: consultationType => t(`IndividualConsultationType_${consultationType}`)\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: t('FO_IndividualConsultation_Date'),\r\n\t\t\taccessor: 'consultationDate',\r\n\t\t\tcell: (date, row) => (enableUserTimeZone ? utils.convertToUserTime(date, row.center) : moment(date)).format('lll')\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: t('FO_Payment_Created'),\r\n\t\t\taccessor: 'created',\r\n\t\t\tcell: created => moment(created).format('lll')\r\n\t\t},\r\n\t\t{\r\n\t\t\theader: '',\r\n\t\t\taccessor: 'id',\r\n\t\t\tcell: (id, payment) => (\r\n\t\t\t\t{payment.requiresQuestionnaire && \r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nList.propTypes = {\r\n\tdata: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tid: PropTypes.number,\r\n\t\tchild: PropTypes.shape({\r\n\t\t\tshortName: PropTypes.string\r\n\t\t}),\r\n\t\tcenter: PropTypes.shape({\r\n\t\t\tname: PropTypes.string\r\n\t\t}),\r\n\t\tconsultationDate: PropTypes.string,\r\n\t\tcreated: PropTypes.string\r\n\t}))\r\n};\r\n\r\nexport default withNamespaces()(List);"],"sourceRoot":""}