\r\n Welcome,\r\n \r\n {user.firstName}\r\n
\r\nMessages Sent
\r\n{dashboard.messagesSent}
\r\n Photos Uploaded
\r\n{dashboard.photosUploaded}
\r\n Events Created
\r\n{dashboard.eventsCreated}
\r\n \r\n
\r\n )}\r\n />\r\n );\r\n};\r\n\r\nexport default LoginLayoutRoute;\r\n","export default function authHeader() {\r\n const json = sessionStorage.getItem('jwt');\r\n if (json !== 'undefined') {\r\n const token = JSON.parse(json);\r\n if (token.length > 0) {\r\n return { Authorization: `Bearer ${token}` };\r\n }\r\n }\r\n\r\n return {};\r\n}\r\n","import { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport authHeader from './authHeader';\r\n\r\nexport default function handleResponse(response, showToast = true) {\r\n return response.text().then((text) => {\r\n const data = text && JSON.parse(text);\r\n\r\n if (!response.ok) {\r\n if (showToast && data.errorMessage && data.hasError) {\r\n toast.error(data.errorMessage);\r\n }\r\n\r\n const token = authHeader();\r\n if (response.status === 401 && Object.keys(token).length > 0) {\r\n localStorage.removeItem('jwt');\r\n window.location.reload(true);\r\n }\r\n\r\n return Promise.reject((data && data.errorMessage));\r\n }\r\n\r\n if (showToast) {\r\n if (data.hasError && data.errorMessage) {\r\n toast.error(data.errorMessage);\r\n } else if (!data.hasError && data.message) {\r\n toast.success(data.message);\r\n }\r\n }\r\n\r\n return data;\r\n });\r\n}\r\n","import handleResponse from './handleApiResponse';\r\n\r\n// Make an anonymous request to the API. Generally this is used\r\n// when logging in/retriving non-password protected data.\r\nexport async function anonymousRequest(requestType, endpoint, body = '') {\r\n const request = {\r\n method: requestType,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n };\r\n\r\n if (body.length > 0) {\r\n request.body = body;\r\n }\r\n\r\n return handleResponse(await fetch(endpoint, request), false);\r\n}\r\n\r\nexport async function anonymousRESTRequest(requestType, endpoint, body = '') {\r\n const request = {\r\n method: requestType,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n };\r\n\r\n if (body.length > 0) {\r\n request.body = body;\r\n }\r\n\r\n return fetch(endpoint, request);\r\n}\r\n","import authHeader from './authHeader';\r\nimport handleResponse from './handleApiResponse';\r\n\r\n// / Make a request to the API with the added auth header.\r\nexport async function authenticatedRequest(requestType, endpoint, body = '') {\r\n const request = {\r\n method: requestType,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n ...authHeader(),\r\n },\r\n };\r\n\r\n if (body.length > 0) {\r\n request.body = body;\r\n }\r\n\r\n return handleResponse(await fetch(endpoint, request));\r\n}\r\n\r\n// use above.\r\nexport async function authenticatedRequestBasic(requestType, endpoint, body = '') {\r\n const request = {\r\n method: requestType,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n ...authHeader(),\r\n },\r\n };\r\n\r\n if (body.length > 0) {\r\n request.body = body;\r\n }\r\n\r\n return fetch(endpoint, request);\r\n}\r\n","import { anonymousRequest } from '../helpers/anonymousRequest';\r\nimport { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/User`;\r\n\r\nasync function getUsers(showArchived) {\r\n let endpoint = URL;\r\n\r\n if (showArchived) {\r\n endpoint += '/Archived';\r\n }\r\n\r\n return authenticatedRequest('GET', endpoint);\r\n}\r\n\r\nasync function getMessagingUsers() {\r\n return authenticatedRequest('GET', URL + '/AvailableToMessage');\r\n}\r\n\r\nasync function findUser(id) {\r\n return authenticatedRequest('GET', URL + '/' + id);\r\n}\r\n\r\nasync function deleteUser(id) {\r\n return authenticatedRequest('DELETE', URL + '/Archive/' + id);\r\n}\r\n\r\nasync function restoreUser(id) {\r\n return authenticatedRequest('POST', URL + '/Restore/' + id);\r\n}\r\n\r\nasync function updateUser(user) {\r\n return authenticatedRequest('PUT', URL + '/' + user.id, JSON.stringify(user));\r\n}\r\n\r\nasync function addUser(user) {\r\n return authenticatedRequest('POST', URL, JSON.stringify(user));\r\n}\r\n\r\nasync function getGuardiansForFamily(familyId) {\r\n return authenticatedRequest('GET', URL + '/Family/' + familyId);\r\n}\r\n\r\nasync function getSiteAdmins() {\r\n return authenticatedRequest('GET', URL + '/SiteAdmins');\r\n}\r\n\r\nasync function getCaregivers() {\r\n return authenticatedRequest('GET', URL + '/Caregivers');\r\n}\r\n\r\nasync function getCaregiversForClassroom(classroomId) {\r\n return authenticatedRequest('GET', URL + '/Caregivers/' + classroomId);\r\n}\r\n\r\nasync function getGuardians() {\r\n return authenticatedRequest('GET', URL + '/Guardians');\r\n}\r\n\r\nasync function getCurrentUser() {\r\n return authenticatedRequest('GET', URL + '/CurrentUser');\r\n}\r\n\r\nasync function changePassword(id, currentPassword, newPassword) {\r\n return authenticatedRequest('POST', URL + '/ChangePassword', JSON.stringify({\r\n id,\r\n currentPassword,\r\n newPassword,\r\n }));\r\n}\r\n\r\nasync function setPassword(token, email, password) {\r\n return anonymousRequest('POST', URL + '/SetPassword', JSON.stringify({\r\n token,\r\n email,\r\n password,\r\n }));\r\n}\r\n\r\nasync function resetPassword(token, email, password) {\r\n return anonymousRequest('POST', URL + '/ResetPassword', JSON.stringify({\r\n token,\r\n email,\r\n password,\r\n }));\r\n}\r\n\r\nasync function resendActivation(id) {\r\n return authenticatedRequest('POST', URL + '/Resend/' + id);\r\n}\r\n\r\nconst userService = {\r\n getUsers,\r\n findUser,\r\n deleteUser,\r\n restoreUser,\r\n updateUser,\r\n addUser,\r\n getGuardiansForFamily,\r\n getSiteAdmins,\r\n getCaregivers,\r\n getCaregiversForClassroom,\r\n getGuardians,\r\n getCurrentUser,\r\n changePassword,\r\n setPassword,\r\n resetPassword,\r\n getMessagingUsers,\r\n resendActivation,\r\n};\r\n\r\nexport default userService;\r\n","import React, { useState } from 'react';\r\nimport userService from '../services/userService';\r\n\r\nexport const UserContext = React.createContext({\r\n user: {},\r\n setUser: () => { },\r\n});\r\n\r\nexport const UserContextProvider = (props) => {\r\n const { children } = props;\r\n const token = sessionStorage.getItem('jwt');\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [state, setState] = useState({\r\n user: {},\r\n\r\n // eslint-disable-next-line no-use-before-define\r\n setUser,\r\n });\r\n\r\n function setUser(user) {\r\n setState({ ...state, user });\r\n }\r\n\r\n const loadUser = async () => {\r\n await userService.getCurrentUser()\r\n .then(\r\n (response) => {\r\n setUser(response.model);\r\n setIsLoading(false);\r\n },\r\n () => { },\r\n );\r\n };\r\n\r\n if (token !== null && typeof state.user.id === 'undefined' && !isLoading) {\r\n setIsLoading(true);\r\n loadUser();\r\n }\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n {(toolkitprops) => (\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 {subTitle.length === 0\r\n ? \r\n {title}\r\n
\r\n )}\r\n
\r\n {newButtonText && newButtonText.length > 0 && !isShowingArchived\r\n && (\r\n {title}
\r\n : (\r\n\r\n {title}\r\n
\r\n {subTitle}\r\n
\r\n )}\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n function emailColumnFormatter(cell, row) {\r\n return (\r\n { e.stopPropagation(); }}>{row.email}\r\n );\r\n }\r\n\r\n function roleFormatter(cell, row) {\r\n let { role } = row;\r\n if (role === 'Caregiver') {\r\n role = 'Caregiver/Provider';\r\n } else if (role === 'Guardian') {\r\n role = 'Parent/Guardian';\r\n }\r\n\r\n return (\r\n {role}\r\n );\r\n }\r\n\r\n function lastAccessedFormatter(cell, row) {\r\n const canResend = CheckPermission(userState.user.role, 'users:resendActivation');\r\n\r\n if (cell === 'Account Creation Pending' && canResend) {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n {row.fullName}
\r\n\r\n \r\n
\r\n );\r\n }\r\n return (\r\n Loading...\r\n
\r\n {title}
\r\n : (\r\n\r\n {title}\r\n
\r\n {subTitle}\r\n
\r\n )}\r\n\r\n \r\n {children}\r\n {isNew && (\r\n \r\n )}\r\n (\r\n \r\n
\r\n \r\n {type}\r\n \r\n Details\r\n
\r\n {canEdit && (\r\n \r\n Required fields are marked with an asterisk (\r\n\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport InputMask from 'react-input-mask';\r\nimport {\r\n Label, FormGroup, Input, Col,\r\n} from 'reactstrap';\r\nimport DatePicker from 'react-flatpickr';\r\n\r\nimport { Field, useFormikContext } from 'formik';\r\nimport Required from './Required';\r\n\r\nexport default function RequiredField(props) {\r\n const {\r\n type = 'text',\r\n labelName,\r\n inputPlaceholder,\r\n formKey,\r\n showLabel = true,\r\n colSize = '12',\r\n inputMask = '',\r\n rows = '3',\r\n isRequired = true,\r\n isDisabled = false,\r\n isDate = false,\r\n } = props;\r\n\r\n const { setFieldValue, setFieldTouched } = useFormikContext();\r\n\r\n function formatDate(date) {\r\n const d = new Date(date);\r\n let month = '' + (d.getMonth() + 1);\r\n let day = '' + d.getDate();\r\n const year = d.getFullYear();\r\n\r\n if (month.length < 2) month = '0' + month;\r\n if (day.length < 2) day = '0' + day;\r\n\r\n return [year, month, day].join('-');\r\n }\r\n\r\n return (\r\n \r\n 
\r\n { setProfileImage(); }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {previewImage && 
}\r\n \r\n ({ src: img, value: i }))}\r\n onPick={(img) => { setImage(img); }}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {showLabel && (\r\n \r\n )}\r\n\r\n {inputMask.length > 0 && !isDate && (\r\n setFieldValue(formKey, formatDate(d))}\r\n onClose={() => setFieldTouched(formKey)}\r\n placeholder={inputPlaceholder}\r\n />\r\n )}\r\n\r\n {meta.touched && meta.error && (\r\n
\r\n )}\r\n {meta.error}
\r\n )}\r\n \r\n {showPlusButton\r\n ? (\r\n \r\n {title}
\r\n \r\n ) : (\r\n \r\n {title}\r\n
\r\n {subtitle}\r\n \r\n )}\r\n
\r\n \r\n {footer}\r\n
\r\n )}\r\n \r\n {title}\r\n \r\n {showRequired &&
\r\n \r\n\r\n {addButtonLink && addButtonPermission && (\r\n {footer}
\r\n )}\r\n \r\n 
\r\n
\r\n \r\n \r\n {location.name}\r\n
\r\n
\r\n \r\n {location.name}\r\n
\r\n {location.fullAddress}\r\n
\r\n \r\n {imgSrc\r\n ? 
\r\n :
\r\n {title[0].toUpperCase()}
}\r\n \r\n \r\n {title}\r\n
\r\n
\r\n \r\n {title}\r\n
\r\n {children}\r\n
\r\n {isArchived ? 'Archived ' + label : 'Danger Zone'}
\r\n This\r\n {label}\r\n \r\n has been archived. You can restore it from here.\r\n
\r\n )\r\n : (\r\n\r\n Once you archive this\r\n {' '}\r\n {label}\r\n , it will no longer be visible.\r\n {' '}\r\n An Admin will need to restore access.\r\n
\r\n )}\r\n\r\n\r\n Are you sure you wish to restore this\r\n {label}\r\n ?\r\n
\r\n )\r\n : (\r\n\r\n
\r\n )}\r\n \r\n \r\n Are you sure you wish to archive this\r\n {' '}\r\n {label}\r\n ? You will not be able to undo this action.\r\n
\r\n\r\n All associated data will be lost.\r\n
\r\n\r\n \r\n \r\n setIsSubmitting(s)}\r\n canEdit={canEdit}\r\n user={editUser}\r\n />\r\n \r\n\r\n {!isNew && (\r\n \r\n { editUser.notes = e; }}\r\n />\r\n \r\n )}\r\n \r\n\r\n {!isNew\r\n && (\r\n
\r\n
\r\n )}\r\n \r\n {editUser.locations && editUser.locations.length > 0 && (\r\n \r\n {editUser.locations.map((l) => \r\n )}\r\n\r\n {editUser.classrooms && editUser.classrooms.length > 0 && (\r\n \r\n {editUser.classrooms.map((classroom) => (\r\n \r\n {classroom.locationName}\r\n \r\n ))}\r\n \r\n )}\r\n\r\n {editUser.families && editUser.families.length > 0 && (\r\n \r\n {editUser.families.map((f) => (\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","import { useState } from 'react';\r\n\r\nconst useInput = (initialValue) => {\r\n const [value = initialValue || '', setValue] = useState();\r\n\r\n return {\r\n value,\r\n setValue,\r\n bind: {\r\n value,\r\n onChange: (event) => {\r\n setValue(event.target.value);\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport default useInput;\r\n","import React, { useState } from 'react';\r\nimport {\r\n Row, Col, Label, Input, FormGroup, Form, Button, FormFeedback,\r\n} from 'reactstrap';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { toast } from 'react-toastify';\r\n\r\nimport userService from '../services/userService';\r\nimport Required from '../components/Required';\r\nimport useInput from '../hooks/useInput';\r\n\r\nexport default function PasswordForm(props) {\r\n const { userId } = props;\r\n const [isSubmitted, setIsSubmitted] = useState(false);\r\n\r\n const { value: currentPassword, bind: bindCurrentPassword } = useInput('');\r\n const { value: newPassword, bind: bindNewPassword } = useInput('');\r\n const { value: confirmPassword, bind: bindConfirmPassword } = useInput('');\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setIsSubmitted(true);\r\n\r\n if (newPassword !== confirmPassword) {\r\n toast.error('Passwords must match. Please try again.');\r\n } else {\r\n await userService.changePassword(userId, currentPassword, newPassword);\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Row, Col } from 'reactstrap';\r\n\r\nimport userService from '../../../services/userService';\r\nimport PageHeaderActions from '../../../components/PageHeaderActions';\r\nimport Spinner from '../../../components/Spinner';\r\nimport CardForm from '../../../components/CardForm';\r\nimport EditUserForm from '../../../forms/EditUserForm';\r\nimport CardCustom from '../../../components/CardCustom';\r\nimport ListItemClassroomLarge from '../../../components/ListItemClassroomLarge';\r\nimport PasswordForm from '../../../forms/PasswordForm';\r\n\r\nexport default function ProfilePage() {\r\n document.title = 'Edit Profile | Today\\'s Family Fridge';\r\n\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const [user, setUser] = useState();\r\n\r\n const loadUser = async () => {\r\n setIsLoading(true);\r\n setIsSubmitting(false);\r\n\r\n await userService\r\n .getCurrentUser()\r\n .then((response) => { setUser(response.model); });\r\n };\r\n\r\n useEffect(() => { loadUser(); }, []);\r\n useEffect(() => { setIsLoading(false); }, [user]);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {classroom.name}
\r\n\r\n {classroom.numberOfCaregivers}\r\n \r\n {classroom.numberOfCaregivers === 1 ? 'caregiver' : 'caregivers'}\r\n
\r\n {classroom.numberOfChildren}\r\n \r\n {classroom.numberOfChildren === 1 ? 'child' : 'children'}\r\n • \r\n {classroom.numberOfParents}\r\n \r\n {classroom.numberOfParents === 1 ? 'parent' : 'parents'}\r\n
\r\n \r\n \r\n setIsSubmitting(s)}\r\n />\r\n \r\n {user.classrooms && (\r\n \r\n {user.classrooms.map((classroom) => (\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","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Col } from 'reactstrap';\r\n\r\nexport default function ListItemFamilyLarge(props) {\r\n const { family } = props;\r\n\r\n return (\r\n {child.fullName}
\r\n\r\n {child.familyName}\r\n
\r\n {child.locationName}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { useContext } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Row, Form } from 'reactstrap';\r\nimport { Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { UserContext } from '../context/userContext';\r\nimport { CheckPermission } from '../components/CanUser';\r\nimport organizationService from '../services/organizationService';\r\nimport RequiredField from '../components/RequiredField';\r\n\r\nexport default function EditOrganizationForm(props) {\r\n const history = useHistory();\r\n const { organization, setSubmitting } = props;\r\n\r\n const initialValues = { name: organization.name || '' };\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .max(100, 'Name must not exceed 100 characters.')\r\n .required('The Name field is Required.'),\r\n });\r\n\r\n const userState = useContext(UserContext);\r\n const isDisabled = !CheckPermission(userState.user.role, 'organizations:edit', '');\r\n const onSubmit = async (values) => {\r\n setSubmitting(true);\r\n\r\n const newOrganization = { name: values.name };\r\n\r\n if (typeof organization.organizationId === 'undefined') {\r\n await organizationService\r\n .create(newOrganization)\r\n .then((r) => history.replace('/organizations/edit/' + r.model.organizationId))\r\n .finally(() => setSubmitting(false));\r\n } else {\r\n newOrganization.organizationId = organization.organizationId;\r\n\r\n await organizationService\r\n .update(newOrganization)\r\n .then(() => history.replace('/organizations/'))\r\n .finally(() => setSubmitting(false));\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {family.name[0].toUpperCase()}
\r\n {family.name}
\r\n\r\n {family.childCount}\r\n {family.childCount === 1 ? 'child' : 'children'}\r\n
\r\n\r\n There are no families associated with this\r\n organization.\r\n
\r\n )}\r\n\r\n There are no children associated with this\r\n organization.\r\n
\r\n )}\r\n\r\n {organization.locations && (\r\n (\r\n
\r\n \r\n )}\r\n \r\n There are no locations associated with this\r\n organization.\r\n
\r\n )}\r\n \r\n )}\r\n />\r\n )}\r\n {canArchive && (\r\n\r\n \r\n \r\n \r\n \r\n {isHomeCentre ? 'Home Visitors ' : 'Supervisors '}\r\n have the\r\n ability to create and add new families to this location.\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport {\r\n Card, CardBody, FormGroup, Label, CustomInput, ButtonGroup,\r\n} from 'reactstrap';\r\n\r\nimport ImagePicker from 'react-image-picker';\r\nimport 'react-image-picker/dist/index.css';\r\nimport ExtendedModal from './ExtendedModal';\r\n\r\nconst imageList = [\r\n '/Uploads/presets/preset-1.jpg',\r\n '/Uploads/presets/preset-2.jpg',\r\n '/Uploads/presets/preset-3.jpg',\r\n '/Uploads/presets/preset-4.jpg',\r\n '/Uploads/presets/preset-5.jpg',\r\n '/Uploads/presets/preset-6.jpg',\r\n '/Uploads/presets/preset-7.jpg',\r\n '/Uploads/presets/preset-8.jpg',\r\n '/Uploads/presets/preset-9.jpg',\r\n '/Uploads/presets/preset-10.jpg',\r\n '/Uploads/presets/preset-11.jpg',\r\n '/Uploads/presets/preset-12.jpg',\r\n '/Uploads/presets/preset-13.jpg',\r\n '/Uploads/presets/preset-14.jpg',\r\n '/Uploads/presets/preset-15.jpg',\r\n '/Uploads/presets/preset-16.jpg',\r\n '/Uploads/presets/preset-17.jpg',\r\n '/Uploads/presets/preset-18.jpg',\r\n '/Uploads/presets/preset-19.jpg',\r\n '/Uploads/presets/preset-20.jpg',\r\n '/Uploads/presets/preset-21.jpg',\r\n '/Uploads/presets/preset-22.jpg',\r\n '/Uploads/presets/preset-23.jpg',\r\n '/Uploads/presets/preset-24.jpg',\r\n '/Uploads/presets/families.png'];\r\n\r\nexport default function CardStyle(props) {\r\n const { currentPath, handleSubmit, canEdit } = props;\r\n\r\n const [file, setFile] = useState();\r\n const [previewImage, setPreviewImage] = useState();\r\n\r\n const [image, setImage] = useState();\r\n\r\n const handleUpload = () => {\r\n handleSubmit(file, image);\r\n\r\n setFile(null);\r\n setImage(null);\r\n };\r\n\r\n const fileChanged = (e) => {\r\n const reader = new FileReader();\r\n const f = e.target.files[0];\r\n\r\n reader.onloadend = () => {\r\n setPreviewImage(reader.result);\r\n };\r\n\r\n reader.readAsDataURL(f);\r\n\r\n setFile(f);\r\n };\r\n\r\n return (\r\n \r\n {isHomeCentre ? 'Add Home Visitor' : 'Add Supervisor'}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {previewImage && }\r\n \r\n\r\n \r\n \r\n \r\n ({ src: img, value: i }))}\r\n onPick={(img) => { setImage(img); }}\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 {fullName}
\r\n {siteAdmin.email}
\r\n {canRemove && Remove
}\r\n \r\n
\r\n \r\n {!isNew\r\n && (\r\n \r\n \r\n {organizations.length > 0 && (\r\n setIsLhcc(i)}\r\n setWasCreated={(w) => setWasCreated(w)}\r\n setSubmitting={(l) => setIsSubmitting(l)}\r\n />\r\n )}\r\n \r\n\r\n {!isNew && location.classrooms && canViewClassrooms && (\r\n \r\n {location.classrooms.length > 0\r\n ? location.classrooms.map((c) =>
\r\n \r\n )}\r\n \r\n\r\n
\r\n
\r\n )}\r\n There are no classrooms associated with this location.
}\r\n\r\n {location.status === 2 && canArchive && (\r\n \r\n {canEditSiteAdmins && (\r\n { addSiteAdmin([], sa); }}\r\n updateSiteAdmins={setSiteAdmins}\r\n availableSiteAdmins={availableSiteAdmins}\r\n />\r\n )}\r\n {locationSiteAdmins.map((s) => (\r\n \r\n (\r\n Upload}\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n />\r\n (\r\n Upload}\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n />\r\n {!isNew && canArchive && location.status !== 2 &&
\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n Location Inactive
\r\n\r\n This Location is currently inactive. Once all staff and family data has been imported and you are happy with the results, click below to activate.\r\n
\r\n
\r\n Warning: Clicking activate will send out welcome emails to all those associated to this Location. This includes Caregivers and Parents/Guardians. Please be sure before continuing.\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport Select from 'react-select';\r\n\r\nimport {\r\n FormGroup, Button, Form, Collapse, Label,\r\n} from 'reactstrap';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nimport { Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport useSelect from '../hooks/useSelect';\r\nimport userService from '../services/userService';\r\nimport Required from '../components/Required';\r\nimport FormModal from '../components/FormModal';\r\nimport RequiredField from '../components/RequiredField';\r\n\r\nexport default function AddCaregiverForm(props) {\r\n const {\r\n action,\r\n canCreate,\r\n addCreatedCaregiver,\r\n caregivers,\r\n } = props;\r\n\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const { value: selectedCaregivers, bind: bindCaregivers, setValue: setCaregivers } = useSelect();\r\n\r\n const options = caregivers.map((c) => {\r\n const name = c.firstName + ' ' + c.lastName;\r\n return { value: c.id, label: name };\r\n });\r\n\r\n const initialValues = {\r\n firstName: '',\r\n lastName: '',\r\n emailAddress: '',\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n firstName: Yup.string()\r\n .max(100, 'First Name must not exceed 100 characters.')\r\n .required('The First Name field is required.'),\r\n\r\n lastName: Yup.string()\r\n .max(100, 'Last Name must not exceed 100 characters.')\r\n .required('The Last Name field is required.'),\r\n\r\n emailAddress: Yup.string()\r\n .email('Please enter a valid Email Address.')\r\n .required('The Email Address field is required.'),\r\n });\r\n\r\n const onFormSubmit = async (values, { resetForm }) => {\r\n setIsSubmitting(true);\r\n\r\n const obj = {\r\n username: values.emailAddress,\r\n firstName: values.firstName,\r\n lastName: values.lastName,\r\n email: values.emailAddress,\r\n role: 'Caregiver',\r\n };\r\n\r\n await userService\r\n .addUser(obj)\r\n .then(async (r) => {\r\n if (r.hasError) {\r\n toast.error(r.errorMessage);\r\n } else {\r\n addCreatedCaregiver(r.model);\r\n resetForm(initialValues);\r\n }\r\n })\r\n .finally(() => setIsSubmitting(false));\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n if (selectedCaregivers) {\r\n const ids = selectedCaregivers.map((c) => c.value);\r\n action(ids);\r\n\r\n // Clear the dropdown.\r\n setCaregivers([]);\r\n }\r\n };\r\n\r\n return (\r\n Add Children
\r\n \r\n\r\n
\r\n \r\n \r\n Caregivers/Providers have the ability to manage classroom details including notes, events, menus and uploading photos.\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport {\r\n Row, Col, InputGroup, InputGroupAddon, InputGroupText,\r\n} from 'reactstrap';\r\n\r\nimport Moment from 'react-moment';\r\nimport DatePicker from 'react-flatpickr';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Link } from 'react-router-dom';\r\nimport attendanceService from '../../../../../services/attendanceService';\r\nimport CardHeaderless from '../../../../../components/CardHeaderless';\r\nimport ExtendedModal from '../../../../../components/ExtendedModal';\r\nimport ExportAttendanceForm from '../../../../../forms/ExportAttendanceForm';\r\n\r\nexport default function ClassroomAttendance(props) {\r\n const { classroomId } = props;\r\n\r\n const [currentClassroomId] = useState(classroomId);\r\n const [attendance, setAttendance] = useState([]);\r\n const [date, setDate] = useState();\r\n\r\n const loadAttendance = async () => {\r\n if (typeof currentClassroomId !== 'undefined') {\r\n setDate(new Date().toString());\r\n }\r\n };\r\n\r\n const loadAttendanceDate = async () => {\r\n if (typeof date !== 'undefined') {\r\n await attendanceService\r\n .getForClassroomByDateAsync(parseInt(currentClassroomId), new Date(date).getTime() / 1000)\r\n .then((r) => {\r\n if (!r.hasError) {\r\n setAttendance(r.model);\r\n } else {\r\n // TODO: Handle\r\n }\r\n });\r\n }\r\n };\r\n\r\n const clearDate = async () => {\r\n setDate();\r\n loadAttendance();\r\n };\r\n\r\n useEffect(() => { loadAttendance(); }, [classroomId]);\r\n useEffect(() => { loadAttendanceDate(); }, [date]);\r\n\r\n return (\r\n Add Caregiver/Provider
\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 setDate(d)}\r\n options={{ maxDate: new Date() }}\r\n />\r\n\r\n {date && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {attendance.map((a) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n
\r\n );\r\n}\r\n","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Child`;\r\n\r\nasync function all(showArchived) {\r\n console.log('ENDPOINT ALL CALLED');\r\n let endpoint = URL;\r\n\r\n if (showArchived) {\r\n endpoint += '/Archived';\r\n }\r\n\r\n return authenticatedRequest('GET', endpoint);\r\n}\r\n\r\nasync function availableChildren(showArchived) {\r\n if (showArchived) {\r\n return authenticatedRequest('GET', URL + '/ArchivedChildren');\r\n }\r\n\r\n return authenticatedRequest('GET', URL + '/AvailableChildren');\r\n}\r\n\r\nasync function create(child) {\r\n return authenticatedRequest('POST', URL, JSON.stringify(child));\r\n}\r\n\r\nasync function archive(id) {\r\n return authenticatedRequest('DELETE', URL + '/' + id);\r\n}\r\n\r\nasync function restore(id) {\r\n return authenticatedRequest('POST', URL + '/Restore' + id);\r\n}\r\n\r\nasync function update(child) {\r\n return authenticatedRequest('PUT', URL + '/' + child.childId, JSON.stringify(child));\r\n}\r\n\r\nasync function find(id) {\r\n return authenticatedRequest('GET', URL + '/' + id);\r\n}\r\n\r\nasync function findForClassroom(id) {\r\n return authenticatedRequest('GET', URL + '/Classroom/' + id);\r\n}\r\n\r\nasync function findForFamily(id) {\r\n return authenticatedRequest('GET', URL + '/Family/' + id);\r\n}\r\n\r\nasync function findGuardiansForChild(id) {\r\n return authenticatedRequest('GET', URL + '/Guardians/' + id);\r\n}\r\n\r\nasync function addNote(id, content) {\r\n return authenticatedRequest('POST', URL + '/' + id + '/AddNote',\r\n JSON.stringify({\r\n childId: id,\r\n content,\r\n }));\r\n}\r\n\r\nasync function updateChildClassroomRelationships(id, classroomIds) {\r\n return authenticatedRequest('POST', URL + '/ChildClassrooms', JSON.stringify({\r\n childId: parseInt(id),\r\n classroomIds,\r\n }));\r\n}\r\n\r\nconst childService = {\r\n availableChildren,\r\n all,\r\n create,\r\n archive,\r\n restore,\r\n update,\r\n find,\r\n findForClassroom,\r\n findForFamily,\r\n findGuardiansForChild,\r\n addNote,\r\n updateChildClassroomRelationships,\r\n};\r\n\r\nexport default childService;\r\n","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Photo`;\r\n\r\nasync function createPhoto(photo) {\r\n return authenticatedRequest('POST', URL, JSON.stringify(photo));\r\n}\r\n\r\nasync function deletePhoto(id) {\r\n return authenticatedRequest('DELETE', URL + '/' + id);\r\n}\r\n\r\nasync function photosForChild(id) {\r\n return authenticatedRequest('GET', URL + '/Child/' + id);\r\n}\r\n\r\nasync function photosForClassroom(id) {\r\n return authenticatedRequest('GET', URL + '/Classroom' + id);\r\n}\r\n\r\nasync function getPhoto(id) {\r\n return authenticatedRequest('GET', URL + '/' + id);\r\n}\r\n\r\nasync function updatePhoto(id, photo) {\r\n return authenticatedRequest('PUT', URL + '/' + id, JSON.stringify(photo));\r\n}\r\n\r\nconst photoService = {\r\n createPhoto,\r\n deletePhoto,\r\n photosForChild,\r\n photosForClassroom,\r\n getPhoto,\r\n updatePhoto,\r\n};\r\n\r\nexport default photoService;\r\n","import React, { useState } from 'react';\r\nimport Select from 'react-select';\r\nimport {\r\n Form, FormGroup, Label, CustomInput,\r\n} from 'reactstrap';\r\nimport AdvancedEditor from '../components/AdvancedEditor';\r\nimport CardCollapse from '../components/CardCollapse';\r\nimport Required from '../components/Required';\r\nimport photoService from '../services/photoService';\r\nimport uploadService from '../services/uploadService';\r\n\r\nexport default function AddPhotoForm(props) {\r\n const { classroomId, addPhoto, classroomChildren } = props;\r\n\r\n const [fileHasError, setFileHasError] = useState(false);\r\n const [file, setFile] = useState();\r\n\r\n const [previewImage, setPreviewImage] = useState();\r\n\r\n const [contentHasError, setContentHasError] = useState(false);\r\n const [content, setContent] = useState('');\r\n\r\n const [childHasError, setChildHasError] = useState();\r\n const [child, setChild] = useState();\r\n\r\n const childOptions = [];\r\n for (let i = 0; i < classroomChildren.length; i += 1) {\r\n const c = classroomChildren[i];\r\n\r\n if (c.hasPhotoPermission) {\r\n childOptions.push({\r\n value: c.childId,\r\n label: c.fullName,\r\n });\r\n }\r\n }\r\n\r\n const fileChanged = (e) => {\r\n const reader = new FileReader();\r\n const f = e.target.files[0];\r\n\r\n reader.onloadend = () => {\r\n setPreviewImage(reader.result);\r\n };\r\n\r\n reader.readAsDataURL(f);\r\n\r\n setFile(f);\r\n };\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setFileHasError(!file);\r\n setChildHasError(!child);\r\n setContentHasError(!content);\r\n\r\n if (file && child && content) {\r\n await uploadService\r\n .uploadPhoto(file)\r\n .then(async (response) => {\r\n await photoService.createPhoto({\r\n path: response.model.path,\r\n classroomId: parseInt(classroomId),\r\n childId: child.value,\r\n width: response.model.width,\r\n height: response.model.height,\r\n description: content,\r\n }).then((r) => addPhoto(r.model));\r\n })\r\n .finally(() => {\r\n setFile(null);\r\n setChild(null);\r\n setPreviewImage(null);\r\n setContent('');\r\n });\r\n }\r\n };\r\n\r\n const addFooter = (\r\n Attendance
\r\n \r\n\r\n \r\n 
\r\n \r\n \r\n
\r\n
\r\n \r\n {a.child.fullName}\r\n
\r\n\r\n
\r\n
\r\n {a.checkedOutAt !== null ? (\r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect, useCallback } from 'react';\r\nimport Gallery from 'react-photo-gallery';\r\nimport Carousel, { Modal, ModalGateway } from 'react-images';\r\nimport CardHeaderless from '../../../../../components/CardHeaderless';\r\nimport AddPhotoForm from '../../../../../forms/AddPhotoForm';\r\n\r\nexport default function ClassroomPhotos(props) {\r\n const {\r\n canEdit, classroomId, addPhoto, classroomChildren, photos,\r\n } = props;\r\n\r\n const [uploadedPhotos, setUploadedPhotos] = useState(photos);\r\n\r\n // lightbox state\r\n const [currentImage, setCurrentImage] = useState(0);\r\n const [viewerIsOpen, setViewerIsOpen] = useState(false);\r\n\r\n const openLightbox = useCallback((e, { i }) => {\r\n setCurrentImage(i);\r\n setViewerIsOpen(true);\r\n }, []);\r\n\r\n const closeLightbox = () => {\r\n setCurrentImage(0);\r\n setViewerIsOpen(false);\r\n };\r\n\r\n useEffect(() => { setUploadedPhotos(photos); }, [photos]);\r\n\r\n return (\r\n \r\n \r\n (\r\n {\r\n src: p.path,\r\n width: p.width / p.height,\r\n height: 1,\r\n }\r\n ))}\r\n onClick={openLightbox}\r\n />\r\n \r\n {viewerIsOpen ? (\r\n \r\n ({\r\n src: p.path,\r\n caption: p.description,\r\n }))}\r\n />\r\n \r\n ) : null}\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Menu`;\r\n\r\nasync function classroomMenus(classroomId) {\r\n return authenticatedRequest('GET', `${URL}/${classroomId}`);\r\n}\r\n\r\nasync function findMenu(id) {\r\n return authenticatedRequest('GET', `${URL}/${id}`);\r\n}\r\n\r\nasync function deleteMenu(id) {\r\n return authenticatedRequest('DELETE', `${URL}/${id}`);\r\n}\r\n\r\nasync function updateMenu(menu) {\r\n return authenticatedRequest('PUT', `${URL}/${menu.menuId}`, JSON.stringify(menu));\r\n}\r\n\r\nasync function addMenu(menu) {\r\n return authenticatedRequest('POST', `${URL}`, JSON.stringify(menu));\r\n}\r\n\r\nconst menuService = {\r\n classroomMenus,\r\n findMenu,\r\n deleteMenu,\r\n updateMenu,\r\n addMenu,\r\n};\r\n\r\nexport default menuService;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport Select from 'react-select';\r\nimport { Button, FormGroup, Label } from 'reactstrap';\r\n\r\nimport moment from 'moment';\r\nimport Flatpickr from 'react-flatpickr';\r\n\r\nimport 'flatpickr/dist/flatpickr.min.css';\r\nimport menuService from '../services/menuService';\r\nimport CardCollapse from '../components/CardCollapse';\r\nimport Required from '../components/Required';\r\nimport AdvancedEditor from '../components/AdvancedEditor';\r\n\r\nexport default function AddMenuForm(props) {\r\n const { classroomId, addMenu, pastMenus } = props;\r\n\r\n const defaultDate = new Date();\r\n defaultDate.setHours(0, 0, 0, 0);\r\n\r\n const [cloneOption, setCloneOption] = useState();\r\n const [dateHasError, setDateHasError] = useState(false);\r\n const [morningSnackHasError, setMorningSnackHasError] = useState(false);\r\n const [lunchHasError, setLunchHasError] = useState(false);\r\n const [afternoonSnackHasError, setAfternoonSnackHasError] = useState(false);\r\n\r\n const [date, setDate] = useState(defaultDate);\r\n const [morningSnack, setMorningSnack] = useState('');\r\n const [lunch, setLunch] = useState('');\r\n const [afternoonSnack, setAfternoonSnack] = useState('');\r\n\r\n const pastMenuOptions = pastMenus.map((m) => ({ value: m.menuId, label: moment.utc(m.date).format('dddd, MMMM DD, YYYY') }));\r\n\r\n useEffect(() => {\r\n if (typeof cloneOption !== 'undefined' && cloneOption) {\r\n const menuToClone = pastMenus.find((m) => m.menuId === cloneOption.value);\r\n\r\n setMorningSnack(menuToClone.morningSnack);\r\n setLunch(menuToClone.lunch);\r\n setAfternoonSnack(menuToClone.afternoonSnack);\r\n }\r\n }, [cloneOption]);\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setDateHasError(!date);\r\n setMorningSnackHasError(!morningSnack);\r\n setLunchHasError(!lunch);\r\n setAfternoonSnackHasError(!afternoonSnack);\r\n\r\n if (morningSnack && lunch && afternoonSnack) {\r\n await menuService\r\n .addMenu({\r\n classroomId: parseInt(classroomId),\r\n date: moment.utc(date).format(),\r\n morningSnack,\r\n lunch,\r\n afternoonSnack,\r\n })\r\n .then((r) => {\r\n if (!r.hasError) {\r\n setCloneOption(null);\r\n setDate(defaultDate);\r\n setMorningSnack('');\r\n setLunch('');\r\n setAfternoonSnack('');\r\n\r\n addMenu(r.model);\r\n }\r\n });\r\n } else {\r\n if (!morningSnack) {\r\n toast.error('Please enter a morning snack for your new menu.');\r\n }\r\n\r\n if (!lunch) {\r\n toast.error('Please enter a lunch for your new menu.');\r\n }\r\n\r\n if (!afternoonSnack) {\r\n toast.error('Please enter a afternoon snack for your new menu.');\r\n }\r\n }\r\n };\r\n\r\n const addFooter = (\r\n Photos
No photos have been added yet! Please check back soon.
\r\n\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n const footer = (\r\n \r\n \r\n \r\n {date}\r\n \r\n \r\n \r\n \r\n {date}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {date}\r\n \r\n
\r\n \r\n Created by\r\n {menu.createdBy}\r\n
\r\n\r\n {isEditing\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\n
\r\n )}\r\n Are you sure that you wish to archive this menu?
\r\n \r\n \r\nMorning Snack
\r\n \r\n \r\nLunch
\r\n \r\n \r\nAfternoon Snack
\r\n \r\n \r\n\r\n \r\n \r\n setDate(d[0])}\r\n />\r\n \r\n \r\n \r\n setMorningSnack(v)} placeholder=\"Enter what the morning snack will be...\" className={morningSnackHasError ? 'hasError' : ''} height={150} />\r\n \r\n \r\n \r\n setLunch(v)} placeholder=\"Enter what lunch will be...\" className={lunchHasError ? 'hasError' : ''} height={150} />\r\n \r\n \r\n \r\n setAfternoonSnack(v)} placeholder=\"Enter what the afternoon snack will be...\" className={afternoonSnackHasError ? 'hasError' : ''} height={150} />\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Event`;\r\n\r\nasync function classroomEvents(classroomId) {\r\n return authenticatedRequest('GET', `${URL}/${classroomId}`);\r\n}\r\n\r\nasync function findEvent(id) {\r\n return authenticatedRequest('GET', `${URL}/${id}`);\r\n}\r\n\r\nasync function deleteEvent(id) {\r\n return authenticatedRequest('DELETE', `${URL}/${id}`);\r\n}\r\n\r\nasync function updateEvent(event) {\r\n return authenticatedRequest('PUT', `${URL}/${event.eventId}`, JSON.stringify(event));\r\n}\r\n\r\nasync function addEvent(event) {\r\n return authenticatedRequest('POST', `${URL}`, JSON.stringify(event));\r\n}\r\n\r\nconst eventService = {\r\n classroomEvents,\r\n findEvent,\r\n deleteEvent,\r\n updateEvent,\r\n addEvent,\r\n};\r\n\r\nexport default eventService;\r\n","import React, { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport {\r\n FormGroup, Label, Input, Row, Col, Button,\r\n} from 'reactstrap';\r\n\r\nimport Flatpickr from 'react-flatpickr';\r\nimport 'flatpickr/dist/flatpickr.min.css';\r\n\r\nimport moment from 'moment';\r\n\r\nimport eventService from '../services/eventService';\r\nimport CardCollapse from '../components/CardCollapse';\r\nimport Required from '../components/Required';\r\nimport AdvancedEditor from '../components/AdvancedEditor';\r\nimport useInput from '../hooks/useInput';\r\n\r\nexport default function AddEventForm(props) {\r\n const { classroomId, addEvent } = props;\r\n\r\n const defaultDate = new Date();\r\n defaultDate.setHours(0, 0, 0, 0);\r\n\r\n const [titleHasError, setTitleHasError] = useState(false);\r\n const [descriptionHasError, setDescriptionHasError] = useState(false);\r\n const [startDateHasError, setStartDateHasError] = useState(false);\r\n const [endDateHasError, setEndDateHasError] = useState(false);\r\n\r\n const { value: title, setValue: setTitle, bind: bindTitle } = useInput();\r\n const [startDate, setStartDate] = useState(defaultDate);\r\n const [endDate, setEndDate] = useState(defaultDate);\r\n const [description, setDescription] = useState('');\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setTitleHasError(!title);\r\n setDescriptionHasError(!description);\r\n setStartDateHasError(!startDate);\r\n setEndDateHasError(!endDate);\r\n\r\n if (title && description) {\r\n const start = moment.utc(startDate).format();\r\n const end = moment.utc(endDate).format();\r\n\r\n await eventService\r\n .addEvent(\r\n {\r\n classroomId: parseInt(classroomId),\r\n startDate: start,\r\n endDate: end,\r\n title,\r\n description,\r\n },\r\n )\r\n .then((r) => {\r\n setTitle('');\r\n setDescription('');\r\n setStartDate(defaultDate);\r\n setEndDate(defaultDate);\r\n\r\n addEvent(r.model);\r\n });\r\n } else {\r\n if (!title) {\r\n toast.error('Please enter a title for your new event.');\r\n }\r\n\r\n if (!description) {\r\n toast.error('Please enter a description for your new event.');\r\n }\r\n }\r\n };\r\n\r\n const addFooter = (\r\n Menus
No menus have been added yet! Please check back soon.
\r\n\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n const footer = (\r\n \r\n \r\n \r\n {startDate}\r\n \r\n \r\n \r\n \r\n {startDate}\r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n\r\n Created by\r\n {event.createdBy}\r\n
\r\n\r\n
\r\n {isEditing\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\n
\r\n )}\r\n Are you sure that you wish to archive this event?
\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 const d = date[0];\r\n setStartDate(d);\r\n\r\n // Set the end date to this date if it's less.\r\n const end = moment.utc(endDate).toDate();\r\n if (!end || end < d) {\r\n setEndDate(d);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setEndDate(date[0])}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setDescription(v)} placeholder=\"Describe what this event is about...\" className={descriptionHasError ? 'hasError' : ''} />\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","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Notes`;\r\n\r\nasync function allNotes() {\r\n return authenticatedRequest('GET', URL);\r\n}\r\n\r\nasync function classroomNotes(classroomId) {\r\n return authenticatedRequest('GET', `${URL}/${classroomId}`);\r\n}\r\n\r\nasync function findNote(id) {\r\n return authenticatedRequest('GET', `${URL}/${id}`);\r\n}\r\n\r\nasync function deleteNote(id) {\r\n return authenticatedRequest('DELETE', `${URL}/${id}`);\r\n}\r\n\r\nasync function updateNote(note) {\r\n return authenticatedRequest('PUT', `${URL}/${note.noteId}`, JSON.stringify(note));\r\n}\r\n\r\nasync function addNote(note) {\r\n return authenticatedRequest('POST', `${URL}`, JSON.stringify(note));\r\n}\r\n\r\nconst noteService = {\r\n allNotes,\r\n classroomNotes,\r\n findNote,\r\n deleteNote,\r\n updateNote,\r\n addNote,\r\n};\r\n\r\nexport default noteService;\r\n","import React, { useState } from 'react';\r\nimport {\r\n Form, FormGroup, Label, Input,\r\n} from 'reactstrap';\r\n\r\nimport { toast } from 'react-toastify';\r\n\r\nimport noteService from '../services/noteService';\r\nimport CardCollapse from '../components/CardCollapse';\r\nimport Required from '../components/Required';\r\nimport AdvancedEditor from '../components/AdvancedEditor';\r\nimport useInput from '../hooks/useInput';\r\n\r\nexport default function AddNoteForm(props) {\r\n const { classroomId, addNote } = props;\r\n const { value: title, setValue: setTitle, bind: bindTitle } = useInput();\r\n\r\n const [titleHasError, setTitleHasError] = useState(false);\r\n const [contentHasError, setContentHasError] = useState(false);\r\n const [content, setContent] = useState('');\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setTitleHasError(!title);\r\n setContentHasError(!content);\r\n\r\n if (title && content) {\r\n await noteService\r\n .addNote(\r\n {\r\n classroomId: parseInt(classroomId),\r\n title,\r\n content,\r\n },\r\n )\r\n .then((r) => {\r\n setTitle('');\r\n setContent('');\r\n addNote(r.model);\r\n });\r\n } else {\r\n if (!title) {\r\n toast.error('Please enter a title for your new note.');\r\n }\r\n\r\n if (!content) {\r\n toast.error('Please enter some content for your new note.');\r\n }\r\n }\r\n };\r\n\r\n const addFooter = (\r\n Events
No events have been added yet! Please check back soon.
\r\n\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Button, Form, FormGroup, Label, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\n\r\nimport AdvancedEditor from \"../components/AdvancedEditor\";\r\nimport CardCustom from \"../components/CardCustom\";\r\nimport Required from \"../components/Required\";\r\nimport useInput from \"../hooks/useInput\";\r\nimport noteService from \"../services/noteService\";\r\n\r\nexport default function EditNoteForm(props) {\r\n const { note, canEdit, removeNote } = props;\r\n\r\n const [isEditing, setIsEditing] = useState(false);\r\n const { value: title, bind: bindTitle } = useInput(note.title);\r\n const [content, setContent] = useState(note.content);\r\n\r\n const [titleHasError, setTitleHasError] = useState(false);\r\n const [contentHasError, setContentHasError] = useState(false);\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setTitleHasError(!title);\r\n setContentHasError(!content);\r\n\r\n if (title && content) {\r\n note.title = title;\r\n note.content = content;\r\n\r\n await noteService.updateNote(note).then((r) => {\r\n if (!r.hasError) {\r\n setIsEditing(false);\r\n }\r\n });\r\n } else {\r\n if (!title) {\r\n toast.error(\"Please enter a title for your new note.\");\r\n }\r\n\r\n if (!content) {\r\n toast.error(\"Please enter some content for your new note.\");\r\n }\r\n }\r\n };\r\n\r\n const [deleteConfirmation, setDeleteConfirmation] = useState(false);\r\n const deleteNote = async () => {\r\n const result = await noteService.deleteNote(note.noteId);\r\n if (!result.hasError) {\r\n // schedule removal of note for next event loop, doesn't seem to always fix the modal-open issue\r\n window.setTimeout(() => removeNote(note.noteId), 1);\r\n } else {\r\n toast.error(\"An error occurred while deleting the note.\");\r\n }\r\n // Remove the modal-open class, in case the modal was removed before cleaning it up\r\n document.body.classList.remove(\"modal-open\");\r\n };\r\n\r\n const header = (\r\n \r\n {!isEditing &&
\r\n );\r\n\r\n const footer = (\r\n {title}
}\r\nCreated by {note.createdBy}
\r\n\r\n
\r\n {isEditing ? (\r\n setDeleteConfirmation(false)} size=\"md\">\r\n setDeleteConfirmation(false)}> Note Deletion \r\n Are you sure you want to delete this note? \r\n \r\n \r\n {\r\n // There's a race condition that seems to cause the modal to be removed before it can remove the modal-open class from the body.\r\n setDeleteConfirmation(false);\r\n // Schedule for next event loop, doesn't seem to matter anyways.\r\n window.setTimeout(deleteNote, 0);\r\n }}\r\n >\r\n Delete\r\n \r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport CardHeaderless from '../../../../../components/CardHeaderless';\r\nimport AddNoteForm from '../../../../../forms/AddNoteForm';\r\nimport EditNoteForm from '../../../../../forms/EditNoteForm';\r\n\r\nexport default function ClassroomNotes(props) {\r\n const {\r\n canEdit, classroomId, addNote, removeNote, notes,\r\n } = props;\r\n\r\n const [classroomNotes] = useState(notes);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n {\r\n // if we don't preventDefault, it can submit the form once the form is opened. This only seems to happen if the delete button is added right before here.\r\n e.preventDefault();\r\n setIsEditing(true);\r\n }}\r\n >\r\n Edit\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Moment from 'react-moment';\r\n\r\nexport default function SingleNote(props) {\r\n const { note } = props;\r\n\r\n return (\r\n Notes
No notes have been added yet! Please check back soon.
\r\n\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Moment from 'react-moment';\r\n\r\nexport default function SingleEvent(props) {\r\n const { event } = props;\r\n\r\n return (\r\n \r\n
\r\n {note.title}
\r\n\r\n Posted by\r\n \r\n {note.createdBy}\r\n
\r\n\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Moment from 'react-moment';\r\n\r\nexport default function SingleMenu(props) {\r\n const { menu } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n {event.startDate}\r\n \r\n \r\n \r\n \r\n {event.startDate}\r\n \r\n \r\n
\r\n \r\n
\r\n {event.title}
\r\n\r\n Created by\r\n {event.createdBy}\r\n
\r\n\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Row, Form } from 'reactstrap';\r\n\r\nimport { Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport classroomService from '../services/classroomService';\r\nimport RequiredField from '../components/RequiredField';\r\nimport RequiredSelect from '../components/RequiredSelect';\r\n\r\nexport default function EditClassroomForm(props) {\r\n const history = useHistory();\r\n\r\n const {\r\n classroom,\r\n locations,\r\n canEdit,\r\n classroomChildren,\r\n caregivers,\r\n setSubmitting,\r\n setWasCreated,\r\n selectedLocationId = '',\r\n } = props;\r\n\r\n const locationOptions = [];\r\n for (let i = 0; i < locations.length; i += 1) {\r\n locationOptions.push({\r\n value: locations[i].locationId,\r\n label: locations[i].name,\r\n });\r\n }\r\n\r\n let initialValues = {\r\n name: typeof classroom.classroomId !== 'undefined' ? classroom.name : '',\r\n location: locationOptions.find((l) => l.value === classroom.locationId),\r\n };\r\n\r\n if (selectedLocationId !== '') {\r\n initialValues = {\r\n name: '',\r\n location: locationOptions.find((l) => l.value === parseInt(selectedLocationId)),\r\n };\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .max(100, 'Name must not exceed 100 characters.')\r\n .required('The Name field is Required.'),\r\n\r\n location: Yup.object().shape({\r\n label: Yup.string().required(),\r\n value: Yup.string().required('The Location field is required.'),\r\n }),\r\n });\r\n\r\n const onSubmit = async (values) => {\r\n setSubmitting(true);\r\n\r\n const obj = {\r\n name: values.name,\r\n locationId: values.location.value,\r\n photo: classroom.photo,\r\n };\r\n\r\n if (typeof classroom.classroomId === 'undefined') {\r\n await classroomService\r\n .create(obj)\r\n .then(async (r) => {\r\n const userIds = caregivers.map((c) => c.id);\r\n await classroomService\r\n .updateCaregiverClassroomRelationships(r.model.classroomId, userIds);\r\n\r\n const childIds = classroomChildren.map((c) => c.childId);\r\n await classroomService\r\n .updateClassroomChildrenRelationships(r.model.classroomId, childIds);\r\n\r\n history.replace('/classrooms/edit/' + r.model.classroomId);\r\n setWasCreated(true);\r\n })\r\n .finally(() => setSubmitting(false));\r\n } else {\r\n obj.classroomId = classroom.classroomId;\r\n\r\n await classroomService\r\n .update(obj)\r\n .then(async (r) => {\r\n const userIds = caregivers.map((c) => c.id);\r\n await classroomService\r\n .updateCaregiverClassroomRelationships(classroom.classroomId, userIds);\r\n\r\n const childIds = classroomChildren.map((c) => c.childId);\r\n await classroomService\r\n .updateClassroomChildrenRelationships(classroom.classroomId, childIds);\r\n\r\n if (!r.hasError) {\r\n history.push('/classrooms');\r\n }\r\n })\r\n .finally(() => setSubmitting(false));\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {menu.date}\r\n \r\n \r\n \r\n \r\n {menu.date}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {menu.date}\r\n \r\n
\r\n \r\n Created by\r\n {menu.createdBy}\r\n
\r\n\r\nMorning Snack
\r\n \r\nLunch
\r\n \r\nAfternoon Snack
\r\n \r\n\r\n {canViewNotes && (\r\n { props.setTab('2'); }} role=\"button\" onKeyDown={() => { props.setTab('2'); }} tabIndex={0}>All Notes)}>\r\n {notes.length > 0\r\n ? notes.map((note) => \r\n )}\r\n\r\n {canViewEvents && (\r\n { props.setTab('3'); }} role=\"button\" onKeyDown={() => { props.setTab('3'); }} tabIndex={0}>All Events)}>\r\n {events.length > 0\r\n ? events.map((event) => \r\n )}\r\n\r\n {canViewMenus && (\r\n { props.setTab('4'); }} role=\"button\" onKeyDown={() => { props.setTab('4'); }} tabIndex={0}>All Menus)}>\r\n {menus.length > 0\r\n ? (\r\n \r\n {menus.map((menu) => (\r\n
\r\n )\r\n : \r\n )}\r\n\r\n {canViewPhotos && (\r\n { props.setTab('5'); }} role=\"button\" onKeyDown={() => { props.setTab('5'); }} tabIndex={0}>All Photos)}>\r\n {photos.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n
\r\n )}\r\n There haven't been any notes added. Please check back soon!
}\r\nThere are no upcoming events. Please check back soon!
}\r\nThe next menu hasn't been set yet. Please check back soon!
}\r\n\r\n (\r\n {\r\n src: p.path,\r\n width: p.width / p.height,\r\n height: 1,\r\n }\r\n ))}\r\n onClick={openLightbox}\r\n />\r\n \r\n {viewerIsOpen ? (\r\n \r\n ({\r\n src: p.path,\r\n caption: p.description,\r\n }))}\r\n />\r\n \r\n ) : null}\r\n \r\n
\r\n )}\r\n\r\n {photos.length === 0 && (\r\n There haven't been any recent photos added. Please check back soon!
\r\n \r\n\r\n 
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {fullName}
\r\n {caregiver.email}
\r\n {canEdit && Remove
}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {child.fullName}
\r\n {child.familyName}
\r\n {canEdit && Remove
}\r\n \r\n
\r\n \r\n \r\n {canEditCaregivers && (\r\n { addCaregiver([], c); }}\r\n />\r\n )}\r\n\r\n {classroomCaregivers.map((c) => (\r\n \r\n\r\n \r\n {canEditChildren\r\n && (\r\n \r\n\r\n {!isNew && (\r\n (\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const tableColumns = [\r\n {\r\n text: 'Name',\r\n dataField: 'fullName',\r\n formatter: childIconFormatter,\r\n sort: true,\r\n },\r\n { text: 'Family', dataField: 'familyName', sort: true },\r\n {\r\n text: 'Classroom(s)',\r\n dataField: 'classroomNames',\r\n headerStyle: { width: '250px' },\r\n sort: true,\r\n },\r\n {\r\n text: 'Location(s)',\r\n dataField: 'locationName',\r\n headerStyle: { width: '250px' },\r\n sort: true,\r\n },\r\n ];\r\n\r\n if (!CheckPermission(userState.user.role, 'children:visit') && typeof userState.user.role !== 'undefined') {\r\n history.push('/error/404');\r\n }\r\n\r\n const loadChildren = async () => {\r\n setPageTitle(isShowingArchived ? 'Archived Children' : 'Children');\r\n\r\n await childService\r\n .availableChildren(isShowingArchived)\r\n .then((r) => setChildren(r.model))\r\n .then(() => setIsLoading(false));\r\n };\r\n\r\n useEffect(() => { loadChildren(); }, [isShowingArchived]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n {row.fullName}
\r\n\r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Form, FormGroup, Label } from 'reactstrap';\r\nimport AdvancedEditor from '../components/AdvancedEditor';\r\nimport CardCollapse from '../components/CardCollapse';\r\nimport Required from '../components/Required';\r\nimport childService from '../services/childService';\r\n\r\nexport default function AddNoteChildForm(props) {\r\n const { childId, addNote } = props;\r\n\r\n const [content, setContent] = useState('');\r\n const [contentHasError, setContentHasError] = useState(false);\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n setContentHasError(!content);\r\n\r\n if (content) {\r\n await childService\r\n .addNote(childId, content)\r\n .then((r) => {\r\n if (!r.hasError) {\r\n setContent('');\r\n addNote(r.model);\r\n }\r\n });\r\n } else {\r\n toast.error('Please enter some content for your new note.');\r\n }\r\n };\r\n\r\n const addFooter = (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, {\r\n useState, useEffect, useContext, useRef, useCallback\r\n} from 'react';\r\nimport Moment from 'react-moment';\r\nimport { useHistory, Link } from 'react-router-dom';\r\nimport queryString from 'query-string';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nimport {\r\n Row, Col, Nav, NavItem, NavLink, TabContent, TabPane,\r\n} from 'reactstrap';\r\n\r\nimport { UserContext } from '../../../context/userContext';\r\nimport { CanUser, CheckPermission } from '../../../components/CanUser';\r\n\r\nimport childService from '../../../services/childService';\r\nimport PageHeaderActions from '../../../components/PageHeaderActions';\r\nimport Spinner from '../../../components/Spinner';\r\nimport CardForm from '../../../components/CardForm';\r\nimport EditChildForm from '../../../forms/EditChildForm';\r\nimport CardCustom from '../../../components/CardCustom';\r\nimport SingleNoteChild from '../../../components/SingleNoteChild';\r\nimport CardHeaderless from '../../../components/CardHeaderless';\r\nimport AddNoteChildForm from '../../../forms/AddNoteChildForm';\r\nimport ListItemSmall from '../../../components/ListItemSmall';\r\nimport CardDeactivate from '../../../components/CardDeactivate';\r\nimport ExtendedModal from '../../../components/ExtendedModal';\r\nimport photoService from '../../../services/photoService';\r\n\r\nexport default function EditChildPage(props) {\r\n document.title = 'Edit Child | Today\\'s Family Fridge';\r\n\r\n const { location, match } = props;\r\n const [uploadedPhotos, setUploadedPhotos] = useState([]);\r\n\r\n const history = useHistory();\r\n const userState = useContext(UserContext);\r\n const didMount = useRef(false);\r\n\r\n const params = queryString.parse(location.search);\r\n\r\n const childId = match.params.id;\r\n const [child, setChild] = useState({});\r\n\r\n const [activeTab, setActiveTab] = useState('1');\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const [wasCreated, setWasCreated] = useState(false);\r\n\r\n const [isNew, setIsNew] = useState(true);\r\n\r\n let canView = true;\r\n if (!CheckPermission(userState.user.role, 'children:visit') && typeof userState.user.role !== 'undefined') {\r\n canView = false;\r\n history.push('/error/404');\r\n }\r\n\r\n const canEdit = CheckPermission(userState.user.role, 'children:edit');\r\n const canCreate = CheckPermission(userState.user.role, 'children:create');\r\n\r\n const loadChild = async () => {\r\n if (canView) {\r\n if (typeof childId !== 'undefined') {\r\n await childService\r\n .find(childId)\r\n .then((r) => {\r\n setChild(r.model);\r\n setIsNew(false);\r\n setIsLoading(false);\r\n })\r\n .finally(() => { didMount.current = true; });\r\n\r\n await photoService\r\n .photosForChild(childId)\r\n .then((r) => {\r\n setUploadedPhotos(r.model);\r\n });\r\n } else {\r\n setChild({});\r\n setIsNew(true);\r\n setIsLoading(false);\r\n\r\n didMount.current = true;\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => { loadChild(); }, [childId]);\r\n\r\n const handleArchiveClick = async (e) => {\r\n e.preventDefault();\r\n\r\n if (child.status === 0) {\r\n await childService\r\n .restore(child.childId)\r\n .then(() => setChild({ ...child, status: 1 }));\r\n } else {\r\n await childService\r\n .archive(childId)\r\n .then(() => { history.push('/children'); });\r\n }\r\n };\r\n\r\n const toggleTab = (tab) => {\r\n window.scrollTo(0, 0);\r\n setActiveTab(tab);\r\n };\r\n\r\n const addNote = (n) => {\r\n const temp = child.childNotes;\r\n temp.unshift(n);\r\n\r\n setChild({ ...child, childNotes: temp });\r\n };\r\n\r\n const deleteImage = async (image) => {\r\n const images = uploadedPhotos.filter(i => i.photoId !== image.photoId)\r\n \r\n await photoService\r\n .deletePhoto(image.photoId)\r\n .then((r) => {\r\n setUploadedPhotos(images)\r\n });\r\n }\r\n\r\n const noteHeader = (n) => (\r\n \r\n
\r\n
\r\n );\r\n\r\n return (\r\n {n.createdOn}
\r\n \r\n Posted by\r\n {n.createdBy}\r\n
\r\n\r\n {noteHeader(child.childNotes[0])}\r\n
\r\n )\r\n : \r\n
\r\n There haven't been any notes added.
}\r\nNotes
No notes have been added yet!
\r\nPhotos
\r\n 
\r\n \r\n deleteImage(p)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n ))}\r\n Are you sure that you wish to delete this photo?
\r\nNo photos have been added yet! Please check back soon.
\r\n\r\n \r\n {child.families && child.families.map((f) => (\r\n \r\n {\r\n f.guardians\r\n .map((g) => {g.fullName})\r\n .reduce((prev, curr) => [prev, ', ', curr], '')\r\n }\r\n \r\n ))}\r\n \r\n \r\n {child.classrooms && child.classrooms.map((c) => (\r\n \r\n {c.locationName}\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 {child.fullName}
\r\n \r\n {child.hasAllergies ? 'Has Allergies' : 'No Allergies'}\r\n • \r\n {child.hasPhotoPermission ? 'Photos Allowed' : 'Photos NOT Allowed'}\r\n
\r\n {canEdit && Remove
}\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {fullName}
\r\n {guardian.email}
\r\n {canEdit && Remove
}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport Select from 'react-select';\r\nimport { toast } from 'react-toastify';\r\n\r\nimport {\r\n FormGroup, Button, Form, Collapse, Label,\r\n} from 'reactstrap';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nimport { Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport useSelect from '../hooks/useSelect';\r\nimport userService from '../services/userService';\r\nimport FormModal from '../components/FormModal';\r\nimport RequiredField from '../components/RequiredField';\r\nimport Required from '../components/Required';\r\n\r\nexport default function AddGuardianFamilyForm(props) {\r\n const {\r\n addGuardians, canCreate, addCreatedGuardian, guardians,\r\n } = props;\r\n\r\n const { value: selectedGuardians, setValue: setGuardians, bind: bindGuardians } = useSelect();\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n const options = guardians.map((g) => {\r\n const name = g.firstName + ' ' + g.lastName;\r\n return { value: g.id, label: name };\r\n });\r\n\r\n const initialValues = {\r\n firstName: '',\r\n lastName: '',\r\n emailAddress: '',\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n firstName: Yup.string()\r\n .max(100, 'First Name must not exceed 100 characters.')\r\n .required('The First Name field is required.'),\r\n\r\n lastName: Yup.string()\r\n .max(100, 'Last Name must not exceed 100 characters.')\r\n .required('The Last Name field is required.'),\r\n\r\n emailAddress: Yup.string()\r\n .email('Please enter a valid Email Address.')\r\n .required('The Email Address field is required.'),\r\n });\r\n\r\n const onFormSubmit = async (values, { resetForm }) => {\r\n setIsSubmitting(true);\r\n\r\n const obj = {\r\n username: values.emailAddress,\r\n firstName: values.firstName,\r\n lastName: values.lastName,\r\n email: values.emailAddress,\r\n role: 'Guardian',\r\n };\r\n\r\n await userService\r\n .addUser(obj)\r\n .then(async (r) => {\r\n if (r.hasError) {\r\n toast.error(r.errorMessage);\r\n } else {\r\n addCreatedGuardian(r.model);\r\n resetForm(initialValues);\r\n }\r\n })\r\n .finally(() => setIsSubmitting(false));\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n const ids = selectedGuardians.map((g) => g.value);\r\n addGuardians(ids);\r\n\r\n // Clear the dropdown.\r\n setGuardians([]);\r\n };\r\n\r\n return (\r\n Add Children
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Row, Form } from 'reactstrap';\r\n\r\nimport { Formik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport familyService from '../services/familyService';\r\nimport RequiredField from '../components/RequiredField';\r\n\r\nexport default function EditFamilyForm(props) {\r\n const {\r\n family,\r\n canEdit,\r\n guardians,\r\n familyChildren,\r\n setWasCreated,\r\n setIsSubmitting,\r\n } = props;\r\n\r\n const initialValues = {\r\n name: typeof family.familyId !== 'undefined' ? family.name : '',\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .max(100, 'Name must not exceed 100 characters.')\r\n .required('The Name field is Required.'),\r\n });\r\n\r\n const history = useHistory();\r\n const onSubmit = async (values) => {\r\n setIsSubmitting(true);\r\n\r\n if (typeof family.familyId === 'undefined') {\r\n await familyService\r\n .addFamily({\r\n name: values.name,\r\n notes: family.notes,\r\n adminNotes: family.adminNotes,\r\n })\r\n .then(async (r) => {\r\n const userIds = guardians.map((c) => c.id);\r\n await familyService.updateFamilyGuardianRelationships(r.model.familyId, userIds);\r\n\r\n const childIds = familyChildren.map((c) => c.childId);\r\n await familyService.updateFamilyChildrenRelationships(r.model.familyId, childIds);\r\n\r\n history.replace('/families/edit/' + r.model.familyId);\r\n setWasCreated(true);\r\n })\r\n .finally(() => setIsSubmitting(false));\r\n } else {\r\n family.name = values.name;\r\n\r\n await familyService\r\n .updateFamily(family)\r\n .then(async (r) => {\r\n const userIds = guardians.map((c) => c.id);\r\n await familyService.updateFamilyGuardianRelationships(family.familyId, userIds);\r\n\r\n const childIds = familyChildren.map((c) => c.childId);\r\n await familyService.updateFamilyChildrenRelationships(family.familyId, childIds);\r\n\r\n if (!r.hasError) {\r\n history.push('/families');\r\n }\r\n })\r\n .finally(() => setIsSubmitting(false));\r\n }\r\n };\r\n\r\n return (\r\n Add Parent/Guardian
\r\n \r\n\r\n
\r\n \r\n {canEditGuardians && (\r\n addGuardians([], c)}\r\n />\r\n )}\r\n {familyGuardians.map((g) => (\r\n \r\n \r\n {canEditChildren && (\r\n addChild([], c)}\r\n />\r\n )}\r\n\r\n {familyChildren.map((child) => (\r\n \r\n\r\n {!isNew && (\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 404
\r\n The page you're looking for cannot be found.
\r\n\r\n
\r\n Make sure the address is correct and that the page hasn't moved.\r\n If you think this is a mistake,\r\n \r\n contact us\r\n .\r\n
\r\n \r\nLog in Failed
\r\n {error}\r\n\r\n
\r\n Log in
\r\n\r\n
\r\n Reset Password
\r\n\r\n \r\n Back to Login\r\n →\r\n \r\n
\r\n Success
\r\n If an account with the entered email was found we\r\n \r\n will send you further instructions on how to reset your password.\r\nForgot your password?
\r\n\r\n Enter your email and we'll send\r\n
\r\n you a reset link.\r\n
\r\n \r\n Back to Login\r\n →\r\n \r\n
\r\n \r\n Set your Password\r\n
\r\n This page is only active for 24 hours after you receive your welcome email.\r\n
\r\n\r\n Your password must meet the following requirements:
\r\n- \r\n
- Must contain at least 6 characters. \r\n
- Must contain at least one uppercase letter. \r\n
- Must contain at least one lowercase letter. \r\n
- Must contain at least one digit. \r\n
- Must contain at least one special character (~!@#$%^&*()) \r\n
\r\n \r\n Back to Login\r\n →\r\n \r\n
\r\n \r\n 
\r\n
\r\n See you again
\r\nYou are now successfully signed out.
\r\n\r\n Return to Log In\r\n
\r\n \r\n \r\n
\r\n Success!
\r\nYour password has successfully been set. Please login to continue.
\r\n\r\n Return to Log In\r\n
\r\n 500
\r\n Whoops, something went wrong!
\r\n\r\n
\r\n Try refreshing the page, or going back and attempting the action again.\r\n If this problem persists,\r\n \r\n contact us\r\n .\r\n
\r\n \r\n\r\n \r\n {usersToSendTo.map((g) => (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import { authenticatedRequest } from '../helpers/authenticatedRequest';\r\n\r\nconst URL = `${process.env.REACT_APP_API_URL}/Conversation`;\r\n\r\nasync function create(classroomId, familyId, childId) {\r\n return authenticatedRequest(\r\n 'POST',\r\n URL,\r\n JSON.stringify({\r\n ClassroomId: classroomId,\r\n FamilyId: familyId,\r\n ChildId: childId,\r\n }),\r\n );\r\n}\r\n\r\nasync function getAll(searchTerm) {\r\n if (searchTerm) {\r\n return authenticatedRequest('GET', URL + `?searchTerm=${searchTerm}`);\r\n }\r\n return authenticatedRequest('GET', URL);\r\n}\r\n\r\nasync function getConversation(id) {\r\n return authenticatedRequest('GET', URL + '/' + id);\r\n}\r\n\r\nasync function sendMessage(id, message) {\r\n return authenticatedRequest(\r\n 'POST',\r\n URL + '/' + id,\r\n JSON.stringify({\r\n ConversationId: id,\r\n Message: message,\r\n }),\r\n );\r\n}\r\n\r\nasync function getConversationHistory(id) {\r\n return authenticatedRequest('GET', URL + '/History/' + id);\r\n}\r\n\r\nconst conversationService = {\r\n create,\r\n getAll,\r\n getConversation,\r\n sendMessage,\r\n getConversationHistory,\r\n};\r\n\r\nexport default conversationService;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { FormGroup, Label } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport useSelect from '../hooks/useSelect';\r\nimport childService from '../services/childService';\r\nimport familyService from '../services/familyService';\r\nimport Required from '../components/Required';\r\nimport ListItemGuardian from '../components/ListItemGuardian';\r\nimport classroomService from '../services/classroomService';\r\nimport userService from '../services/userService';\r\n\r\nexport default function FamilyToClassroomForm(props) {\r\n const {\r\n setSelectedClassroomId, setSelectedChildId, setSelectedFamilyId,\r\n classroomError, familiesError, childError,\r\n } = props;\r\n\r\n const [classrooms, setClassrooms] = useState([]);\r\n const [children, setChildren] = useState([]);\r\n const [families, setFamilies] = useState([]);\r\n\r\n const [usersToSendTo, setUsersToSendTo] = useState([]);\r\n\r\n const {\r\n value: selectedClassroom,\r\n bind: bindSelectedClassroom,\r\n setValue: setSelectedClassroom,\r\n } = useSelect();\r\n\r\n const {\r\n value: selectedChild,\r\n bind: bindSelectedChild,\r\n setValue: setSelectedChild,\r\n } = useSelect();\r\n\r\n const {\r\n value: selectedFamily,\r\n bind: bindSelectedFamily,\r\n setValue: setSelectedFamily,\r\n } = useSelect();\r\n\r\n useEffect(() => {\r\n familyService\r\n .getFamilies(false)\r\n .then((r) => {\r\n const mappedFamilies = r.model.map((c) => ({\r\n value: c.familyId,\r\n label: c.name,\r\n }));\r\n setFamilies(mappedFamilies);\r\n\r\n if (r.model.length === 1) {\r\n setSelectedFamily(mappedFamilies[0]);\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n setSelectedChild(undefined);\r\n setSelectedFamilyId(undefined);\r\n\r\n if (selectedFamily) {\r\n setSelectedFamilyId(selectedFamily.value);\r\n\r\n childService\r\n .findForFamily(selectedFamily.value)\r\n .then((r) => {\r\n const mappedChildren = r.model.map((c) => ({\r\n value: c.childId,\r\n label: c.fullName,\r\n }));\r\n\r\n setChildren(mappedChildren);\r\n\r\n if (r.model.length === 1) {\r\n setSelectedChild(mappedChildren[0]);\r\n }\r\n });\r\n }\r\n }, [selectedFamily]);\r\n\r\n useEffect(() => {\r\n setSelectedChildId(undefined);\r\n setSelectedClassroom(undefined);\r\n\r\n if (selectedChild) {\r\n setSelectedChildId(selectedChild.value);\r\n\r\n classroomService\r\n .findForChild(selectedChild.value)\r\n .then((r) => {\r\n if (!r.hasError) {\r\n const mappedClassrooms = r.model.map((c) => ({\r\n value: c.classroomId,\r\n label: c.name,\r\n }));\r\n\r\n setClassrooms(mappedClassrooms);\r\n\r\n if (r.model.length === 1) {\r\n setSelectedClassroom(mappedClassrooms[0]);\r\n }\r\n }\r\n });\r\n }\r\n }, [selectedChild]);\r\n\r\n useEffect(() => {\r\n setSelectedClassroomId(undefined);\r\n\r\n if (selectedClassroom) {\r\n setSelectedClassroomId(selectedClassroom.value);\r\n\r\n userService\r\n .getCaregiversForClassroom(selectedClassroom.value).then((r) => {\r\n setUsersToSendTo(r.model);\r\n });\r\n } else {\r\n setUsersToSendTo(undefined);\r\n }\r\n }, [selectedClassroom]);\r\n\r\n return (\r\n <>\r\n {families.length > 1\r\n && (\r\n \r\n \r\n {usersToSendTo.map((g) => (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import React, {\r\n useContext, useEffect, useRef, useState,\r\n} from 'react';\r\nimport ReactGA from 'react-ga';\r\nimport {\r\n Card, CardBody, Row, Col, Input\r\n} from 'reactstrap';\r\nimport Moment from 'react-moment';\r\nimport ExtendedModal from '../../components/ExtendedModal';\r\nimport ClassroomToFamilyForm from '../../forms/ClassroomToFamilyForm';\r\nimport useInput from '../../hooks/useInput';\r\nimport { UserContext } from '../../context/userContext';\r\nimport conversationService from '../../services/conversationService';\r\nimport { CheckPermission } from '../../components/CanUser';\r\nimport FamilyToClassroomForm from '../../forms/FamilyToClassroomForm';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { CanUser } from '../../components/CanUser';\r\n\r\n/**\r\n * The React state is acting weird and not allowing us to set the conversation length so we have to use a global variable to keep track of the length. \r\n * This variable is used to determine when the conversation length has changed and we should scroll to the end of the conversation view\r\n */\r\nlet conversationLength = 0;\r\n\r\nexport default function ConversationsPage() {\r\n document.title = \"Compose Message | Today's Family Fridge\";\r\n\r\n const userState = useContext(UserContext);\r\n const canSendToClassroom = CheckPermission(userState.user.role, 'messages:sendToClassroom');\r\n\r\n const [conversations, setConversations] = useState([]);\r\n const [selectedConversation, setSelectedConversation] = useState();\r\n const [conversationMessages, setConversationMessages] = useState([]);\r\n\r\n const { value: newMessage, bind: bindNewMessage, setValue: setNewMessage } = useInput();\r\n\r\n const [intervalTimer, setIntervalTimer] = useState();\r\n\r\n const [selectedConversationId, setSelectedConversationId] = useState('');\r\n const [newMessagesLoaded, setNewMessagesLoaded] = useState(false); // When set to true, the page will scroll to the latest message in the conversation\r\n const [selectedClassroomId, setSelectedClassroomId] = useState();\r\n const [selectedFamilyId, setSelectedFamilyId] = useState();\r\n const [selectedChildId, setSelectedChildId] = useState();\r\n\r\n const [classroomHasError, setClassroomHasError] = useState(false);\r\n const [childHasError, setChildHasError] = useState(false);\r\n const [familiesHasError, setFamiliesHasError] = useState(false);\r\n\r\n /**\r\n * Scroll to the bottom of the converation whenever new messages have been loaded. \r\n * This could be new messages to the selected conversation or a new conversation has been selected\r\n */\r\n const AlwaysScrollToBottom = () => {\r\n const elementRef = useRef();\r\n \r\n useEffect(() => {\r\n if (newMessagesLoaded) {\r\n elementRef.current.scrollIntoView()\r\n setNewMessagesLoaded(false)\r\n }\r\n });\r\n return ;\r\n };\r\n\r\n function getConversationHistory(conversationId, forceUpdate) {\r\n conversationService\r\n .getConversationHistory(conversationId)\r\n .then((r) => {\r\n if (conversationMessages.length !== r.model.length || forceUpdate) {\r\n setConversationMessages(r.model);\r\n\r\n /**\r\n * If the conversation length has changed or the conversation is a new thread, indicate that new messages have been loaded to force a scroll to bottom\r\n * This should work using the if statement above with conversationMessages.length however something weird is going on with it always returning 0\r\n * so instead we are using a \"global\" variable to store the length\r\n */\r\n if (conversationLength != r.model.length || forceUpdate) {\r\n conversationLength = r.model.length\r\n setNewMessagesLoaded(true)\r\n }\r\n \r\n }\r\n });\r\n }\r\n\r\n function getConversations(searchTerm) {\r\n conversationService\r\n .getAll(searchTerm)\r\n .then((r) => {\r\n setConversations(r.model);\r\n });\r\n }\r\n\r\n function searchTermUpdated(e) {\r\n clearInterval(intervalTimer);\r\n\r\n var searchTerm = e.target.value\r\n getConversations(searchTerm);\r\n \r\n let x = setInterval(() => {\r\n getConversations(searchTerm);\r\n }, 5000);\r\n setIntervalTimer(x);\r\n }\r\n\r\n useEffect(() => {\r\n ReactGA.pageview('conversations');\r\n getConversations();\r\n\r\n let x = setInterval(() => {\r\n getConversations();\r\n }, 5000);\r\n setIntervalTimer(x);\r\n\r\n return () => {\r\n let id = window.setTimeout(() => {}, 0);\r\n while (id) {\r\n window.clearTimeout(id);\r\n id -= 1;\r\n }\r\n\r\n setIntervalTimer(null);\r\n };\r\n }, []);\r\n\r\n const conversationClicked = (conversationId) => {\r\n clearInterval(intervalTimer);\r\n setSelectedConversationId(conversationId);\r\n setIntervalTimer(setInterval(() => {\r\n getConversationHistory(conversationId, false);\r\n }, 5000));\r\n\r\n conversationService\r\n .getConversation(conversationId)\r\n .then((r) => {\r\n setSelectedConversation(r.model);\r\n });\r\n\r\n getConversationHistory(conversationId, true);\r\n };\r\n\r\n const confirmClicked = () => {\r\n setClassroomHasError(!selectedClassroomId);\r\n setFamiliesHasError(!selectedFamilyId);\r\n setChildHasError(!selectedChildId);\r\n\r\n if (selectedClassroomId && selectedFamilyId && selectedChildId) {\r\n conversationService\r\n .create(selectedClassroomId, selectedFamilyId, selectedChildId)\r\n .then((r) => {\r\n conversationClicked(r.model.conversationId);\r\n });\r\n }\r\n };\r\n\r\n const handleSendMessage = (e) => {\r\n e.preventDefault();\r\n\r\n conversationService\r\n .sendMessage(selectedConversationId, newMessage)\r\n .then(() => {\r\n getConversationHistory(selectedConversationId, true);\r\n setNewMessage('');\r\n });\r\n };\r\n\r\n return (\r\n Messages
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {conversations.length > 0\r\n && conversations.map((c) => (\r\n conversationClicked(c.conversationId)}\r\n onKeyUp={() => conversationClicked(c.conversationId)}\r\n role=\"tab\"\r\n tabIndex=\"0\"\r\n className={'media chat-contact hover-actions-trigger w-100 ' + (selectedConversationId === c.conversationId ? 'active' : '')}\r\n >\r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n {c.lastMessageReceived.sentOn}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {canSendToClassroom ? c.classroom.name : c.family.name}\r\n
\r\n\r\n
\r\n \r\n {c.lastMessageReceived && (\r\n \r\n {canSendToClassroom ? c.child.fullName : c.child.fullName + ' (' + c.classroom.name + ')'}\r\n
\r\n \r\n {selectedConversation\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 {selectedConversation.family.name}\r\n — \r\n {selectedConversation.child.fullName}\r\n
\r\n\r\n {selectedConversation.participants}\r\n
\r\n \r\n \r\n {conversationMessages.length > 0 && conversationMessages.map((c) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {c.sentByCurrentUser ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n \r\n You\r\n \r\n
\r\n \r\n
\r\n \r\n {c.message}\r\n
\r\n \r\n \r\n {c.sentOn}\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 {c.fromUserFullName}\r\n \r\n
\r\n \r\n {c.message}\r\n
\r\n \r\n \r\n {c.sentOn}\r\n \r\n
\r\n Communications
\r\n\r\n {communications.length > 0\r\n && communications.map((c) => (\r\n communicationRead(c.messageId)}\r\n onFocus={() => communicationRead(c.messageId)}\r\n role=\"tab\"\r\n tabIndex=\"0\"\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 {c.fromUser.fullName}\r\n \r\n \r\n {c.read === 0 ? 'NEW' : ''}\r\n \r\n
\r\n \r\n \r\n \r\n {c.sentOn}\r\n \r\n
\r\n