{t('oops')}
\n{t('notFound')}
\n\n \n history.push('/attendance')}\n >\n {t('attendance')}\n \n
\n \n \n ) : (\n \n \n history.push('/dashboard')}\n >\n {t('dashboard')}\n \n
\n Pie for Providers
\n )}\n {windowWidth > 768 ? renderDesktopMenu() : renderMobileMenu()}\n \n \n \n history.push('/')}\n >\n {t('goBack')}\n \n \n \n 
\n \n \n
\n )\n}\n","import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs'\nimport generatePicker from 'antd/lib/date-picker/generatePicker'\n\nconst DatePicker = generatePicker(dayjsGenerateConfig)\n\nexport default DatePicker\n","import * as React from 'react'\nimport DatePicker from '../Dashboard/DatePicker'\n\nexport const TimePicker = React.forwardRef((props, ref) => {\n return React.createElement(\n DatePicker,\n Object.assign({}, props, { picker: 'time', mode: undefined, ref: ref })\n )\n})\n\nTimePicker.displayName = 'TimePicker'\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Redirect, Route } from 'react-router-dom'\nimport { LoggedInLayout } from '_shared'\nimport { useAuthentication } from '_shared/_hooks/useAuthentication'\n\nexport default function AuthenticatedRoute({\n children,\n exact,\n path,\n title,\n // permissions,\n ...routeProps\n}) {\n const isAuthenticated = useAuthentication()\n\n exact = !!exact\n if (!isAuthenticated) {\n return \n
\n )\n}\n\nAttendanceDataCell.propTypes = {\n columnDate: PropTypes.string,\n columnIndex: PropTypes.number,\n defaultValues: PropTypes.object,\n record: PropTypes.object,\n updateAttendanceData: PropTypes.func\n}\n","import React, { useState } from 'react'\nimport { FilterFilled } from '@ant-design/icons'\nimport { Select } from 'antd'\nimport PropTypes from 'prop-types'\nimport { useSelector } from 'react-redux'\n\nexport default function SiteFilterSelect({ businesses, onChange }) {\n const filteredCases = useSelector(state => state.ui.filteredCases)\n const [filterOpen, setFilterOpen] = useState(false)\n\n const setWidths = () => {\n const longestName = businesses.reduce(\n (a, b) => (a.name?.length > b.name?.length ? a.name : b.name),\n ''\n )\n return {\n minWidth: `${longestName.length * 20}px`,\n maxWidth: `${longestName.length * 20}px`\n }\n }\n\n return (\n <>\n \n
\n \n
\n \n {t('checkIn').toUpperCase()}\n
\n {renderTimePicker({\n value: timePickerValues.firstCheckIn,\n disabled: absence,\n onChange: (dateObject, dateString) =>\n dateObject\n ? handleChange({\n update: {\n check_in:\n (defaultValues.attendances[0]?.check_in?.slice(0, 11) ||\n '') + dateString\n },\n callback: () => {\n setTimePickerValues(prevValues => ({\n ...prevValues,\n firstCheckIn: dateObject\n }))\n setCheckInSelected(true)\n }\n })\n : handleChange({\n update: { check_in: '' },\n callback: () => {\n setTimePickerValues(prevValues => ({\n ...prevValues,\n firstCheckIn: null\n }))\n setCheckInSelected(false)\n }\n })\n })}\n\n
\n \n {t('checkOut').toUpperCase()}\n
\n {renderTimePicker({\n value: timePickerValues.firstCheckOut,\n disabled: absence,\n onChange: (dateObject, dateString) =>\n dateObject\n ? handleChange({\n update: {\n check_out:\n ((\n defaultValues.attendances[0]?.check_out ||\n defaultValues.attendances[0]?.check_in\n )?.slice(0, 11) || '') + dateString\n },\n callback: () => {\n setTimePickerValues(prevValues => ({\n ...prevValues,\n firstCheckOut: dateObject\n }))\n setCheckOutSelected(true)\n }\n })\n : handleChange({\n update: { check_out: '' },\n callback: () => {\n setTimePickerValues(prevValues => ({\n ...prevValues,\n firstCheckOut: null\n }))\n setCheckOutSelected(false)\n }\n })\n })}\n\n {(timePickerValues.firstCheckIn ||\n timePickerValues.firstCheckOut) && (\n {\n handleChange({\n update: {\n absenceType: null,\n check_in: null,\n check_out: null\n },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n ...{\n firstCheckIn: null,\n firstCheckOut: null\n }\n })),\n secondCheckIn: false\n })\n }}\n >\n
\n {t('removeCheckInTime')}
\n \n )}\n\n {showSecondCheckIn ? (\n
\n \n
\n ) : (\n \n
\n \n {t('checkIn').toUpperCase()}\n
\n {renderTimePicker({\n value: timePickerValues.secondCheckIn,\n onChange: (dateObject, dateString) =>\n dateObject\n ? handleChange({\n update: {\n check_in:\n (defaultValues.attendances[1]?.check_in?.slice(\n 0,\n 11\n ) ||\n defaultValues.attendances[0]?.check_in?.slice(\n 0,\n 11\n ) ||\n '') + dateString\n },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n secondCheckIn: dateObject\n })),\n secondCheckIn: true\n })\n : handleChange({\n update: { check_in: '' },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n secondCheckIn: null\n })),\n secondCheckIn: true\n })\n })}\n\n
\n \n {t('checkOut').toUpperCase()}\n
\n {renderTimePicker({\n value: timePickerValues.secondCheckOut,\n onChange: (dateObject, dateString) =>\n dateObject\n ? handleChange({\n update: {\n check_out:\n (defaultValues.attendances[1]?.check_out?.slice(\n 0,\n 11\n ) ||\n defaultValues.attendances[0]?.check_out?.slice(\n 0,\n 11\n ) ||\n '') + dateString\n },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n secondCheckOut: dateObject\n })),\n secondCheckIn: true\n })\n : handleChange({\n update: { check_out: '' },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n secondCheckOut: null\n })),\n secondCheckIn: true\n })\n })}\n\n {\n handleChange({\n update: {\n absenceType: null,\n check_in: null,\n check_out: null\n },\n callback: () =>\n setTimePickerValues(prevValues => ({\n ...prevValues,\n ...{\n secondCheckIn: null,\n secondCheckOut: null\n }\n })),\n secondCheckIn: true\n })\n setShowSecondCheckIn(false)\n }}\n >\n
\n {t('removeCheckInTime')}
\n \n\n setShowSecondCheckIn(true)}\n >\n
\n )}\n {t('addCheckInTime')}
\n \n\n
\n \n
\n
\n 
\n
\n )\n}\n","import React, { useEffect, useState, useRef } from 'react'\nimport { Alert, Button, DatePicker, Modal, Table } from 'antd'\nimport { useHistory } from 'react-router-dom'\nimport { useTranslation } from 'react-i18next'\nimport { useDispatch, useSelector } from 'react-redux'\nimport ellipse from '_assets/ellipse.svg'\nimport { PaddedButton } from '_shared/PaddedButton'\nimport { useCaseAttendanceData } from '_shared/_hooks/useCaseAttendanceData'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport { useProgress } from '_shared/_hooks/useProgress'\nimport { setBusinesses } from '_reducers/businessesReducer'\nimport { setCaseData } from '_reducers/casesReducer'\nimport { setFilteredCases } from '_reducers/uiReducer'\nimport { setLoading } from '_reducers/uiReducer'\nimport { PIE_FOR_PROVIDERS_EMAIL } from '../constants'\nimport removeEmptyStringValue from '../_utils/removeEmptyStringValue'\nimport AttendanceDataCell from '_shared/AttendanceDataCell'\nimport SiteFilterSelect from '_shared/SiteFilterSelect'\nimport '_assets/styles/alert-overrides.css'\nimport '_assets/styles/filter-select-overrides.css'\nimport '_assets/styles/attendance-table-overrides.css'\nimport { useGoogleAnalytics } from '_shared/_hooks/useGoogleAnalytics'\nimport dayjs from 'dayjs'\nimport { LoadingDisplay } from '_shared/LoadingDisplay'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(customParseFormat)\n\nexport function Attendance() {\n const { t, i18n } = useTranslation()\n const { parseResult } = useProgress()\n const { sendGAEvent } = useGoogleAnalytics()\n const history = useHistory()\n const dispatch = useDispatch()\n const { reduceTableData } = useCaseAttendanceData()\n const { makeRequest } = useApiResponse()\n const { businesses, cases, isLoading, token, filteredCases } = useSelector(\n state => ({\n businesses: state.businesses,\n cases: state.cases,\n isLoading: state.ui.isLoading,\n token: state.auth.token,\n filteredCases: state.ui.filteredCases\n })\n )\n const [tableData, setTableData] = useState(cases)\n const [isSuccessModalVisible, setSuccessModalVisible] = useState(false)\n const [errors, setErrors] = useState(true)\n const [saving, setSaving] = useState(false)\n\n const reduceAttendanceData = data =>\n /* \n accumulate an array of arrays of objects where the top-level key is the child id\n and each array item is an object with keys for absenceType and attendances (itself an array)\n */\n data.reduce((acc, cv) => {\n return {\n ...acc,\n ...{\n [cv.id]: [...Array(7).keys()].map(() => {\n return { absenceType: null, attendances: [{}, {}] }\n })\n }\n }\n }, {})\n const [attendanceData, setAttendanceData] = useState(\n reduceAttendanceData(cases)\n )\n const [columnDates, setColumnDates] = useState(\n [...Array(7).keys()].map(() => '')\n )\n const latestAttendanceData = useRef(attendanceData)\n const latestColumnDates = useRef(columnDates)\n const latestError = useRef(errors)\n\n const columnErrorIsPresent = columnIndex => {\n return (\n !!Object.values(latestAttendanceData.current).find(row => {\n return (\n row[columnIndex].attendances.some(\n attendance => Object.keys(attendance).length > 0\n ) || row[columnIndex].absenceType\n )\n }) && latestColumnDates.current[columnIndex] === ''\n )\n }\n\n const updateAttendanceData = ({\n update,\n record,\n columnIndex,\n secondCheckIn\n }) => {\n const newDayData = latestAttendanceData.current[record?.id].map(\n (day, index) => {\n const attendanceIndex = secondCheckIn ? 1 : 0\n // this logic adds and removes fields as needed depending on whether checkin/out or an absence is selected\n\n // if the index of this day on the case record's array of days\n // matches the index of the column in the table where the update is coming from, transform it\n let updatedAttendanceValue\n if (index === columnIndex) {\n // if there are no updates in the update object OR\n // the existing data includes absence AND the update includes check-in or check_out OR\n // the update includes absence AND the existing data includes check_in or check_out\n const attendanceUpdates = Object.keys(update)\n .filter(key => !key.includes('absenceType'))\n .reduce((obj, key) => {\n return Object.assign(obj, {\n [key]: update[key]\n })\n }, {})\n if (\n Object.keys(update).length === 0 ||\n (day.absenceType &&\n (Object.keys(update).includes('check_in') ||\n Object.keys(update).includes('check_out'))) ||\n (update.absenceType &&\n (Object.keys(day.attendances[attendanceIndex]).includes(\n 'check_in'\n ) ||\n Object.keys(day.attendances[attendanceIndex]).includes(\n 'check_out'\n )))\n ) {\n // remove the empty string value from update and return it wholesale\n updatedAttendanceValue = removeEmptyStringValue(attendanceUpdates)\n } else {\n // otherwise, remove the empty string value from a spread of the existing data and the new data\n updatedAttendanceValue = removeEmptyStringValue({\n ...day.attendances[attendanceIndex],\n ...attendanceUpdates\n })\n }\n } else {\n // otherwise return the day as normal to the map\n updatedAttendanceValue = day.attendances[attendanceIndex]\n }\n\n return {\n absenceType:\n index === columnIndex\n ? update.absenceType || day.absenceType\n : day.absenceType,\n attendances: day.attendances.map((v, i) =>\n attendanceIndex === i ? updatedAttendanceValue : v\n )\n }\n }\n )\n\n const updatedReference = {\n ...latestAttendanceData.current,\n [record.id]: newDayData\n }\n latestAttendanceData.current = updatedReference\n\n const errorIsPresent = columnErrorIsPresent(columnIndex)\n\n if (errorIsPresent !== latestError.current) {\n latestError.current = errorIsPresent\n setErrors(errorIsPresent)\n setColumns(generateColumns())\n }\n setAttendanceData(prevData => {\n return { ...prevData, [record.id]: newDayData }\n })\n }\n\n const handleDateChange = (index, dateString) => {\n const updatedDates = latestColumnDates.current.map((value, i) =>\n index === i ? dateString : value\n )\n latestColumnDates.current = updatedDates\n const errorIsPresent = columnErrorIsPresent(index)\n\n if (errorIsPresent !== latestError.current) {\n latestError.current = errorIsPresent\n setErrors(errorIsPresent)\n }\n setColumns(generateColumns(updatedDates))\n setColumnDates(updatedDates)\n }\n\n const generateColumns = (updatedDates = null) => {\n let cols = []\n for (let i = 0; i < 7; i++) {\n cols.push({\n dataIndex: 'date' + i,\n key: 'date' + i,\n width: 398,\n // eslint-disable-next-line react/display-name\n title: () => {\n return (\n \n
\n Loading...
\n\n c && c.valueOf() > Date.now()}\n onChange={(_, ds) => handleDateChange(i, ds)}\n bordered={false}\n placeholder={t('selectDate')}\n style={{ width: '8rem ', color: '#004A6E' }}\n />\n {columnErrorIsPresent(i) ? (\n
\n )\n },\n // eslint-disable-next-line react/display-name\n render: (text, record, index) => {\n return (\n {t('dateError')}
\n ) : null}\n {t('childNameCap')}
\n ),\n dataIndex: 'name',\n width: 250,\n key: 'name',\n // eslint-disable-next-line react/display-name\n render: (_, record) => {\n const firstName = record.childFirstName || record.child.childFirstName\n const lastName = record.childLastName || record.child.childLastName\n return (\n \n
\n )\n }\n },\n ...cols\n ]\n }\n\n const [columns, setColumns] = useState(generateColumns())\n\n i18n.on('languageChanged', () => setColumns(generateColumns()))\n\n const handleSaveLabel = () => {\n return saving ? t('saving') : t('save')\n }\n\n const handleSave = async () => {\n let responses = []\n // TODO Refactor: find a more compact way to do this between Attendance\n // and AttendanceView to remove duplicate code and comparison logic\n setSaving(true)\n const formatAttendanceData = ({ check_in, check_out, date }) => {\n const checkIn = check_in ? dayjs(`${date} ${check_in}`) : null\n const checkOut = check_out ? dayjs(`${date} ${check_out}`) : null\n return {\n check_in: checkIn ? checkIn.format() : null,\n check_out: checkOut\n ? checkIn.isAfter(checkOut)\n ? checkOut.add(1, 'day').format()\n : checkOut.format()\n : null\n }\n }\n\n const absenceRequests = Object.entries(attendanceData).flatMap(record => {\n return record[1]\n .filter(day => day.absenceType)\n .flatMap((day, index) => {\n let indices = record[1].reduce((result, item, index) => {\n if (item.absenceType === 'absence') {\n result.push(index)\n }\n return result\n }, [])\n\n return {\n service_day: {\n child_id: record[0],\n date: dayjs(columnDates[indices[index]]),\n absence_type: day.absenceType\n }\n }\n })\n })\n\n const attendanceBatch = Object.entries(attendanceData).flatMap(record => {\n // record[1] = mapped record value = all the service days for a child\n return record[1]\n .map((serviceDay, index) => {\n // tack on the date of the record before filtering\n if (\n serviceDay.attendances.some(\n attendance => Object.keys(attendance).length > 0\n )\n ) {\n serviceDay.attendances.map(attendance => {\n if (Object.keys(attendance).length > 0) {\n attendance.date = latestColumnDates.current[index]\n }\n return attendance\n })\n }\n return serviceDay\n })\n .filter(\n // filter out days that are not absences and are not attendances\n day =>\n !day.absenceType &&\n day.attendances.filter(\n attendance => Object.keys(attendance).length > 0\n ).length > 0\n )\n .flatMap(day => {\n return (\n day.attendances\n // filter out attendances with no check-in or check-out\n .filter(attendance => Object.keys(attendance).length > 0)\n .flatMap(attendance => {\n const formattedDates = formatAttendanceData(attendance)\n return {\n check_in: formattedDates.check_in,\n check_out: formattedDates.check_out,\n child_id: record[0] // record[0] = mapped record key = child_id\n }\n })\n )\n })\n })\n\n if (attendanceBatch.length > 0) {\n const response = await makeRequest({\n type: 'post',\n url: '/api/v1/attendance_batches',\n headers: {\n Authorization: token\n },\n data: {\n attendance_batch: attendanceBatch\n }\n })\n responses.push(response)\n }\n\n if (absenceRequests.length > 0) {\n absenceRequests.forEach(async request => {\n const response = await makeRequest({\n type: 'post',\n url: '/api/v1/service_days',\n headers: {\n Authorization: token\n },\n data: request\n })\n responses.push(response)\n })\n }\n\n const responsesOk = responses.every(r => r.ok)\n\n if (!responsesOk) {\n // TODO: handle bad request\n console.log('error sending attendance data to API')\n } else {\n setSuccessModalVisible(true)\n setSaving(false)\n // implemented per: https://help.hotjar.com/hc/en-us/articles/4405109971095-Events-API-Reference\n window.hj =\n window.hj ||\n function () {\n // eslint-disable-next-line no-undef\n ;(hj.q = hj.q || []).push(arguments)\n }\n window.hj('event', 'save_attendance')\n sendGAEvent('save_attendance', {\n number: `${attendanceBatch.length}`,\n page_title: 'edit_attendance'\n })\n }\n }\n\n const getCaseData = async (businessIds = []) => {\n dispatch(setLoading(true))\n\n const url =\n businessIds.length > 0\n ? `/api/v1/children?business=${businessIds.join(',')}`\n : '/api/v1/children'\n const request = {\n type: 'get',\n url: url,\n headers: { Authorization: token }\n }\n const response = await makeRequest(request)\n\n if (response.ok) {\n const parsedResponse = await parseResult(response)\n const caseData = reduceTableData(parsedResponse)\n const reducedAttendanceData = reduceAttendanceData(caseData)\n\n if (businesses.length === 0) {\n const businessData = parsedResponse.reduce((priorValue, newValue) => {\n return !priorValue.some(\n item => item?.id === newValue.active_business?.id\n )\n ? [...priorValue, newValue.active_business]\n : priorValue\n }, [])\n dispatch(setBusinesses(businessData))\n }\n dispatch(setFilteredCases(businessIds))\n dispatch(setCaseData(caseData))\n latestAttendanceData.current = reducedAttendanceData\n setAttendanceData(reducedAttendanceData)\n setTableData(caseData)\n }\n dispatch(setLoading(false))\n }\n\n useEffect(() => {\n getCaseData(filteredCases)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n return (\n {`${firstName} ${lastName}`}
\n\n {record.business || record.child.business}{' '}\n {' '}\n {record.cNumber || record.child.cNumber}\n
\n \n
\n }\n type=\"error\"\n closable\n />\n \n {t('enterAttendance')}\n
\n\n {t('important')}\n {t('attendanceWarning') + ' ' + t('attendanceQuestions') + ' '}\n \n {PIE_FOR_PROVIDERS_EMAIL + '.'}\n \n
\n \n {t('pleaseNote')}\n {' ' + t('pleaseNoteMsg')}\n
\n \n {\n getCaseData(value)\n }}\n />\n
\n \n
\n {t('successText')}
\n \n \n )\n}\n","export function useCaseAttendanceData() {\n const reduceTableData = res => {\n return res.flatMap((child, index) => {\n return child.state === 'NE'\n ? {\n id: child.id ?? '',\n key: `${index}-${child.first_name}-${child.last_name}`,\n child: {\n childFirstName: child.first_name ?? '',\n childLastName: child.last_name ?? '',\n cNumber: child.case_number ?? '',\n business: child.business_name ?? ''\n },\n active: child.active ?? true\n }\n : {\n id: child.id ?? '',\n key: `${index}-${child.first_name}-${child.last_name}`,\n childFirstName: child.first_name ?? '',\n childLastName: child.last_name ?? '',\n cNumber: child.case_number ?? '',\n business: child.business_name ?? '',\n active: child.active ?? true\n }\n })\n }\n return { reduceTableData }\n}\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEditIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 13,\n height: 13,\n viewBox: \"0 0 13 13\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 10.5002V13.0002H2.5L9.87333 5.62687L7.37333 3.12687L0 10.5002ZM11.8067 3.69354C12.0667 3.43354 12.0667 3.01354 11.8067 2.75354L10.2467 1.19354C9.98667 0.933535 9.56667 0.933535 9.30667 1.19354L8.08667 2.41354L10.5867 4.91354L11.8067 3.69354V3.69354Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEditIcon);\nexport default __webpack_public_path__ + \"static/media/editIcon.bcdd8f0b.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/smallPie.9f3edfb8.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button } from 'antd'\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\n\nimport dayjs from 'dayjs'\nimport weekday from 'dayjs/plugin/weekday'\n\ndayjs.extend(weekday)\n\nexport function WeekPicker({\n dateSelected,\n handleDateChange,\n hasPrev = true,\n hasNext = true\n}) {\n const { t } = useTranslation()\n const firstDay = dateSelected.weekday(0).format('MMM D')\n const lastDay = dateSelected.weekday(6).format('MMM D, YYYY')\n\n return (\n\n handleDateChange(dateSelected.weekday(-7))}\n data-cy=\"backWeekButton\"\n >\n \n {`${t(firstDay.slice(0, 3).toLowerCase())} ${firstDay.slice(3)} - ${t(\n lastDay.slice(0, 3).toLowerCase()\n )}${lastDay.slice(3)}`}\n \n handleDateChange(dateSelected.weekday(7))}\n data-cy=\"forwardWeekButton\"\n >\n
\n )\n}\n\nWeekPicker.propTypes = {\n dateSelected: PropTypes.object,\n handleDateChange: PropTypes.func,\n hasPrev: PropTypes.bool,\n hasNext: PropTypes.bool\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Modal } from 'antd'\nimport '_assets/styles/modal-button-overrides.css'\nimport { useTranslation } from 'react-i18next'\nimport AttendanceDataCell from '_shared/AttendanceDataCell'\n\nexport function EditAttendanceModal({\n editAttendanceModalData = null,\n handleModalSave = () => {},\n modalButtonDisabled = true,\n setEditAttendanceModalData = () => {},\n setUpdatedAttendanceData = () => {},\n titleData = {}\n}) {\n const { t } = useTranslation()\n return (\n \n {titleData.childName + ' - '}\n {t(`${titleData.columnDate?.format('ddd').toLocaleLowerCase()}`) +\n ' ' +\n t(`${titleData.columnDate?.format('MMM')}`) +\n ' ' +\n titleData.columnDate?.format('DD')}\n
\n }\n maskClosable={false}\n >\n \n
\n )\n },\n\n render: (_, record) => {\n const matchingServiceDay = record.serviceDays.find(serviceDay => {\n return new RegExp(columnDate.format('YYYY-MM-DD')).test(\n serviceDay.date.split('T')[0]\n )\n })\n\n const handleEditAttendance = () => {\n const serviceDay = record.serviceDays.find(\n day => day.date.slice(0, 10) === columnDate.format('YYYY-MM-DD')\n )\n const attendances =\n serviceDay.attendances.length === 0\n ? [{}, {}]\n : serviceDay.attendances.length === 2\n ? serviceDay.attendances\n : [...serviceDay.attendances, {}]\n\n setEditAttendanceModalData({\n record,\n columnDate: columnDate.format('YYYY-MM-DD'),\n defaultValues: {\n absenceType: matchingServiceDay.absence_type,\n attendances: attendances\n },\n updateAttendanceData\n })\n\n titleData.current = {\n childName: record.child,\n columnDate\n }\n latestAttendanceData.current = {\n absenceType: matchingServiceDay.absence_type,\n date: columnDate.format('YYYY-MM-DD'),\n attendances: attendances\n }\n if (matchingServiceDay.absence_type === undefined) {\n // eslint-disable-next-line no-debugger\n debugger\n }\n setUpdatedAttendanceData({\n absenceType: matchingServiceDay.absence_type,\n date: columnDate.format('YYYY-MM-DD'),\n attendances: attendances\n })\n }\n\n if (matchingServiceDay !== undefined) {\n if (matchingServiceDay.tags.includes('absence')) {\n return (\n {t(`${columnDate.format('ddd').toLocaleLowerCase()}`)}
\n {`${t(\n monthDate.slice(0, 3).toLowerCase()\n )} ${monthDate.slice(4, 6)}`}
\n \n \n
\n \n )\n }\n const checkInCheckOutTime = matchingServiceDay.attendances\n .map(attendance => {\n const check_in = dayjs(\n attendance.check_in,\n 'YYYY-MM-DD hh:mm'\n ).format('h:mm a')\n const check_out = attendance.check_out\n ? dayjs(attendance.check_out, 'YYYY-MM-DD hh:mm').format(\n 'h:mm a'\n )\n : t('noCheckOut')\n return `${check_in} - ${check_out}`\n })\n .join(', ')\n const hour = Math.floor(\n Number(matchingServiceDay.total_time_in_care) / 3600\n )\n const minute = Math.floor(\n Number(matchingServiceDay.total_time_in_care % 3600) / 60\n )\n const totalTimeInCare = hour + ' hrs ' + minute + ' mins'\n\n const set_tags = () => {\n let switch_date = dayjs('2023-06-30 23:59')\n let service_day_new_tags = [\n matchingServiceDay.full_time,\n matchingServiceDay.part_time\n ]\n\n const old_tags = (matchingServiceDay.tags || []).map((tag, i) => {\n let amount = tag.split(' ')[0]\n let count = parseInt(amount, 10) <= 1 ? 1 : 0\n\n return (\n \n \n {t('absent').toLowerCase()}\n
\n \n \n
\n )\n }\n return (\n \n {totalTimeInCare}\n
\n \n {checkInCheckOutTime}\n
\n {set_tags()}
\n \n
\n )\n }\n })\n }\n return [\n {\n dataIndex: 'name',\n key: 'name',\n width: 150,\n title: (\n \n {t('noInfo')}\n
\n \n {t('name')}\n
\n ),\n // eslint-disable-next-line react/display-name\n render: (_, record) => (\n \n
\n )\n },\n ...dateColumns\n ]\n }\n const [columns, setColumns] = useState(generateColumns())\n i18n.on('languageChanged', () => setColumns(generateColumns()))\n\n const handleDateChange = newDate => {\n // send google analytics event data about changing the current week selected\n sendGAEvent('dates_filtered', {\n date_selected: `${newDate.weekday(0).format('MMM D')} -\n ${newDate.weekday(6).format('MMM D, YYYY')}`,\n page_title: 'attendance'\n })\n\n setDateSelected(newDate)\n }\n\n const getServiceDays = async (businessIds = []) => {\n dispatch(setLoading(true))\n const response = await makeRequest({\n type: 'get',\n url: `/api/v1/attendance_view?filter_date=${dateSelected.format(\n 'YYYY-MM-DD'\n )}&business_ids=${businessIds.length > 0 ? businessIds.join(',') : ''}`,\n headers: {\n Authorization: token\n },\n data: {}\n })\n\n if (response.ok) {\n const parsedResponse = await parseResult(response)\n const addServiceDay = (previousValue, currentValue) => {\n const isInactive = () => !currentValue?.child?.active\n\n if (isInactive()) {\n return previousValue\n }\n const childName =\n `${currentValue?.child.first_name} ${currentValue?.child.last_name}` ||\n ''\n const index = previousValue.findIndex(item => item?.child === childName)\n index >= 0\n ? previousValue[index].serviceDays.push(currentValue)\n : previousValue.push({\n child: childName,\n key: `${childName}${currentValue.date}`,\n businessName: currentValue.child.business_name,\n serviceDays: [currentValue]\n })\n return previousValue\n }\n\n const reducedData = parsedResponse.reduce(addServiceDay, [])\n dispatch(setFilteredCases(businessIds))\n setAttendanceData(reducedData)\n setColumns(generateColumns())\n }\n dispatch(setLoading(false))\n }\n\n const handleModalSave = async () => {\n let responses = []\n const formatAttendanceData = attendance => {\n let checkIn, checkOut\n\n const makeValidDate = date => {\n const isPm = date.includes('pm')\n\n let validDate = ''\n\n if (isPm) {\n validDate = dayjs(date.split(' ')[0]).add(12, 'hours')\n } else {\n validDate = dayjs(date.split(' ')[0])\n }\n\n return validDate.toString()\n }\n\n if (attendance.check_in) {\n if (dayjs(makeValidDate(attendance.check_in)).isValid()) {\n checkIn = dayjs(makeValidDate(attendance.check_in))\n } else if (\n dayjs(\n `${latestAttendanceData.current.date} ${attendance.check_in}`\n ).isValid()\n ) {\n checkIn = dayjs(\n `${latestAttendanceData.current.date} ${attendance.check_in}`\n )\n } else {\n checkIn = null\n }\n }\n\n if (attendance.check_out) {\n if (dayjs(makeValidDate(attendance.check_out)).isValid()) {\n checkOut = dayjs(makeValidDate(attendance.check_out))\n } else if (\n dayjs(\n `${latestAttendanceData.current.date} ${attendance.check_out}`\n ).isValid()\n ) {\n checkOut = dayjs(\n `${latestAttendanceData.current.date} ${attendance.check_out}`\n )\n } else {\n checkOut = null\n }\n }\n return {\n check_in: checkIn ? checkIn.format() : null,\n check_out: checkOut\n ? checkIn?.isAfter(checkOut)\n ? checkOut.add(1, 'day').format()\n : checkOut.format()\n : null\n }\n }\n\n // TODO: when editing an absence w/ existing attendances, some attendances are being sent to the\n // API w/ null and invalid date values\n\n if (updatedAttendanceData.absenceType) {\n // If we're an absence, push an update to the first attendance\n // This is a workaround because the attendance/service day API isn't fully fleshed\n // out yet, there's no updating service days\n const response = await makeRequest({\n type: 'put',\n url: '/api/v1/attendances/' + updatedAttendanceData.attendances[0].id,\n headers: {\n Authorization: token\n },\n data: {\n attendance: {\n service_day_attributes: {\n absence_type: updatedAttendanceData.absenceType\n }\n }\n }\n })\n responses.push(response)\n } else {\n updatedAttendanceData.attendances\n .filter(attendance => Object.keys(attendance).length > 0)\n .forEach(async attendance => {\n // if it's an old attendance we call the attendances PUT endpoint,\n // if the user creates a new, second attendance for that day we need to call the attendance_batches endpoint\n // if the attendance values needed are all null the attendance needs to be deleted\n if (!attendance.check_in && !attendance.check_out && attendance.id) {\n const response = await makeRequest({\n // when you delete a second check-in/attendance\n type: 'del',\n url: '/api/v1/attendances/' + attendance.id,\n headers: {\n Authorization: token\n }\n })\n responses.push(response)\n } else if (Object.keys(attendance).includes('child_id')) {\n // when you add a second check-in/attendance that didn't exist\n const response = await makeRequest({\n type: 'post',\n url: '/api/v1/attendance_batches',\n headers: {\n Authorization: token\n },\n data: {\n attendance_batch: [\n {\n ...formatAttendanceData(attendance),\n child_id: attendance.child_id,\n service_day_attributes: {\n absence_type: updatedAttendanceData.absenceType\n }\n }\n ]\n }\n })\n responses.push(response)\n } else if (Object.keys(attendance).length > 0) {\n // when you change any existing check-in/attendance\n const response = await makeRequest({\n type: 'put',\n url: '/api/v1/attendances/' + attendance.id,\n headers: {\n Authorization: token\n },\n data: {\n attendance: {\n ...formatAttendanceData(attendance),\n service_day_attributes: {\n absence_type: updatedAttendanceData.absenceType\n }\n }\n }\n })\n responses.push(response)\n }\n })\n }\n\n const responsesOk = responses.every(r => r.ok)\n\n if (!responsesOk) {\n // TODO: better logging of errors\n console.log('error sending attendance data to API')\n }\n\n titleData.current = {\n childName: null,\n columnDate: null\n }\n latestAttendanceData.current = {\n absenceType: null,\n date: null,\n attendances: [{}, {}]\n }\n setEditAttendanceModalData(null)\n setUpdatedAttendanceData({\n absenceType: null,\n date: null,\n attendances: [{}, {}]\n })\n }\n\n useEffect(() => {\n getServiceDays(filteredCases)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dateSelected])\n\n const warningMessage = i18n\n .t('nebraskaDateWarning')\n .split('\\n')\n .map((line, index) => {\n // if it's the line with a link\n if (line.includes('{{link}}')) {\n return (\n {record.child}
\n {record.businessName}
\n \n {line.split('{{link}}')[0]}\n
{line}
\n }\n })\n\n return (\n\n {screens.sm ? (\n {\n await handleModalSave()\n setTimeout(getServiceDays, 2000)\n }}\n modalButtonDisabled={modalButtonDisabled}\n setEditAttendanceModalData={setEditAttendanceModalData}\n setUpdatedAttendanceData={setUpdatedAttendanceData}\n titleData={titleData.current}\n />\n
\n )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Collapse, Tag } from 'antd'\nimport { ArrowUpOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport '_assets/styles/tag-overrides.css'\n\nexport default function NEDashboardDefinitions({ activeKey, setActiveKey }) {\n const { Panel } = Collapse\n const { t } = useTranslation()\n\n return (\n \n
\n ) : (\n \n {\n sendGAEvent('attendance_input_clicked', {\n page_title: 'attendance'\n })\n history.push('/attendance/edit')\n }}\n data-cy=\"inputAttendance\"\n >\n {t('inputAttendance')}\n \n
\n \n
\n {t('attendance')}
\n \n {dateSelected < dayjs('2023-06-30 23:59') && user.state === 'NE' ? (\n \n \n ) : (\n <>\n )}\n
\n \n
\n \n
\n \n getServiceDays(value)}\n />\n
\n \n
\n 
\n
\n )}\n \n {t('screenSize')}\n
\n \n {t('incompatibleMsg')}\n
\n \n
\n }\n \n \n )\n}\n\nNEDashboardDefinitions.propTypes = {\n activeKey: PropTypes.number,\n setActiveKey: PropTypes.func\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Collapse, Tag } from 'antd'\nimport { ArrowUpOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport '_assets/styles/tag-overrides.css'\n\nexport default function ILDashboardDefinitions({ activeKey, setActiveKey }) {\n const { Panel } = Collapse\n const { t } = useTranslation()\n const titleWithDescription = {\n display: 'flex',\n flex: 1,\n justifyContent: 'space-between',\n flexDirection: 'row',\n alignItems: 'baseline'\n }\n\n return (\n \n
\n {[\n { name: 'exceededLimit', color: 'red' },\n { name: 'onTrack', color: 'green' },\n { name: 'atRisk', color: 'orange' },\n { name: 'aheadOfSchedule', color: 'green' }\n ].map((tag, i) => (\n {t('attendance')}
\n\n
\n ))}\n {['fullDays', 'hours', 'hoursAttended', 'absences'].map((c, i) => (\n \n
\n \n {t(c)}:{' '}\n {t(`ne${c.charAt(0).toUpperCase() + c.slice(1)}Def`)}\n \n
\n ))}\n \n
\n {['earnedRevenue', 'estimatedRevenue', 'familyFee'].map((c, i) => (\n {t('revenue')}
\n\n \n {t(c)}:{' '}\n {t(`ne${c.charAt(0).toUpperCase() + c.slice(1)}Def`)}\n \n
\n ))}\n \n
\n {['authorizedPeriod', 'hoursRemaining', 'fullDaysRemaining'].map(\n (c, i) => (\n \n {t('totalAuthorizationPeriod')}\n
\n\n \n {t(c)}:{' '}\n {t(`ne${c.charAt(0).toUpperCase() + c.slice(1)}Def`)}\n \n
\n )\n )}\n \n \n
\n
\n }\n \n \n )\n}\n\nILDashboardDefinitions.propTypes = {\n activeKey: PropTypes.number,\n setActiveKey: PropTypes.func\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport NEDashboardDefinitions from './NEDashboardDefinitions'\nimport ILDashboardDefinitions from './ILDashboardDefinitions'\nimport '_assets/styles/tag-overrides.css'\n\nexport default function DashboardDefinitions({\n activeKey,\n setActiveKey,\n state\n}) {\n return state === 'NE' ? (\n \n
\n {[\n { name: 'atRisk', color: 'orange' },\n { name: 'onTrack', color: 'green' }\n ].map((tag, i) => (\n \n \n {t('attendanceRate')}:\n {' '}\n {t('ilAttendanceRateDef')}\n
\n\n
\n ))}\n \n
\n
\n \n \n {t('earnedRevenue')}:\n {' '}\n {t('ilEarnedRevenueDef')}\n
\n\n
\n
\n \n \n \n {t('authorizedPeriod')}:\n {' '}\n {t('ilAuthorizedPeriodDef')}\n
\n\n {summaryData.length - 1 === index ?
\n )}\n />\n )\n }\n\n return (\n \n
\n
\n {summaryData.map((stat, i) => {\n const renderDivider = () => {\n if ((screens.sm || screens.xs) && !screens.md) {\n // eslint-disable-next-line no-unused-expressions\n return i % 2 === 0 ? (\n
\n )\n}\n\nDashboardStats.propTypes = {\n summaryData: PropTypes.array.isRequired\n}\n","export const attendanceCategories = {\n AHEADOFSCHEDULE: 'ahead_of_schedule',\n ONTRACK: 'on_track',\n SUREBET: 'sure_bet',\n ATRISK: 'at_risk',\n WILLNOTMEET: 'not_met', // TODO: keeping this old value because it needs to stay synced with backend data model.\n NOTENOUGHINFO: 'not_enough_info'\n}\n\nexport const fullDayCategories = {\n AHEADOFSCHEDULE: 'ahead_of_schedule',\n ONTRACK: 'on_track',\n ATRISK: 'at_risk',\n EXCEEDEDLIMIT: 'exceeded_limit'\n}\n\nconst constants = { attendanceCategories, fullDayCategories }\n\nexport default constants\n","export default __webpack_public_path__ + \"static/media/questionMark.33421a40.svg\";","export default __webpack_public_path__ + \"static/media/vector.4ac18014.svg\";","export default __webpack_public_path__ + \"static/media/editIcon.bcdd8f0b.svg\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { CSVLink } from 'react-csv'\n\nconst CsvDownloader = ({ data, filename }) => {\n return (\n <>\n \n {Array.isArray(stat) ? (\n stat.map((subStat, i) => {\n return (\n
\n )\n }\n\n return (\n \n
\n )\n })\n ) : (\n \n
\n
\n )}\n \n
\n
\n {renderStat()}\n {renderDivider()}\n
\n )\n })}\n \n {user.is_admin ? (\n {t(text)} \n
\n )\n }\n switch (fullday?.tag) {\n case fullDayCategories.AHEADOFSCHEDULE:\n return renderCell('green', 'aheadOfSchedule')\n case fullDayCategories.ONTRACK:\n return renderCell('green', 'onTrack')\n case fullDayCategories.ATRISK:\n return renderCell('orange', 'atRisk')\n case fullDayCategories.EXCEEDEDLIMIT:\n return renderCell('red', 'exceededLimit')\n default:\n return renderCell('grey', 'notEnoughInfo')\n }\n }\n\n const renderHoursOrPartDays = (text, record) => {\n let control_date = dayjs('2023-06-30 23:59')\n if (dayjs(dateFilterValue?.date) > control_date) {\n return isInactive(record) ? (\n '-'\n ) : user.is_admin ? (\n {fullday?.text}
\n ) : (\n{fullday?.text.split(' ')[0]}
\n )}\n{record.partDays?.text}
\n ) : (\n {record.partDays?.info}
\n )\n }\n return isInactive(record) ? '-' : user.is_admin ? text : text?.split(' ')[0]\n // return isInactive(record) ? '-' : text\n }\n\n const renderRemainingHoursOrPartDays = (text, record) => {\n let control_date = dayjs('2023-06-30 23:59')\n if (dayjs(dateFilterValue?.date) > control_date) {\n return isInactive(record) || record.remainingPartDays === null ? (\n '-'\n ) : (\n {`${record.remainingPartDays} (of ${record.totalPartDays?.info})`}
\n )\n }\n return isInactive(record)\n ? '-'\n : `${record.hoursRemaining} (of ${record.hoursAuthorized})`\n }\n\n const renderChild = (child, record) => {\n return child ? (\n \n
\n ) : (\n <>\n )\n }\n\n const generateColumns = columns => {\n return columns.map(({ name = '', children = [], ...options }) => {\n const hasDefinition = [\n 'attendance',\n 'attendanceRate',\n 'guaranteedRevenue',\n 'totalAuthorizationPeriod',\n 'authorizedPeriod'\n ]\n return {\n // eslint-disable-next-line react/display-name\n title: () =>\n hasDefinition.includes(name) ? (\n \n {`${child.childFirstName} ${child.childLastName}`}\n {isInactive(record) ? ` (${t('inactive')})` : ''}\n
\n\n {child.business} {' '}\n {child.cNumber}\n
\n {t(`${name}`)}\n setActiveKey(name)}\n id={name}\n >\n
\n ) : name === 'hoursAttended' ? (\n \n {t('maxHours')}\n
\n
{currencyFormatter.format(num)}
\n\n const replaceText = (\n text,\n translation,\n is_absence = false,\n absences_dates = null\n ) =>\n !is_absence ? (\n {text?.replace(translation, t(translation))}
\n ) : (\n \n
\n )\n\n const render_absences_dates = dates => {\n const last_date = dates?.at(-1)\n const formated_dates = dates?.map(date => {\n const splited_date = date.trim().split('/')\n const month = parseInt(splited_date[0], 10)\n const day = parseInt(splited_date[1], 10)\n return user.is_admin ? (\n `${month}/${day}${last_date === date ? ' ' : ', '}`\n ) : (\n <>\n {`${parseInt(/-(\\d{2})-(\\d{2})/.exec(date)[1], 10)}/${parseInt(\n /-(\\d{2})-(\\d{2})/.exec(date)[2],\n 10\n )}`}\n {last_date === date ? '' : ', '}\n \n )\n })\n return formated_dates\n }\n\n const renderAuthInfo = child => {\n if (Object.keys(child).length === 0) {\n return <>\n } else {\n const full_name =\n child.child.childFirstName + ' ' + child.child.childLastName\n const effective_date = child?.approvalEffectiveOn\n const expiration_date = child?.approvalExpiresOn\n return (\n <>\n {text?.replace(translation, t(translation))}
\n {render_absences_dates(absences_dates)}
\n {full_name}
\nCurrent Effective Date:
\n{effective_date}
\nCurrent Expiration Date:
\n{expiration_date}
\n\n
New Effective Date
\nNew Expiration Date
\n\n
\n )\n\n const handleEditAuthClick = record => {\n setSelectedChild(record)\n setIsAUModalVisible(true)\n }\n\n const handleInactiveClick = record => {\n setSelectedChild(record)\n setIsMIModalVisible(true)\n }\n\n const handleModalCancel = () => {\n setSelectedChild({})\n setInactiveReason(null)\n setInactiveDate(null)\n setIsMIModalVisible(false)\n }\n\n const shouldAllowToExport = () => {\n return env?.REACT_APP_WHITELIST_EXPORT_CSV?.includes(user?.email)\n }\n\n const handleMIModalOk = async () => {\n const response = await makeRequest({\n type: 'put',\n url: '/api/v1/children/' + selectedChild?.id ?? '',\n headers: {\n Authorization: token\n },\n data: {\n child: {\n ...(isInactive(selectedChild)\n ? { active: true, last_inactive_date: activeDate }\n : {\n active: false,\n inactive_reason: inactiveReason,\n last_active_date: inactiveDate\n })\n }\n }\n })\n\n if (response.ok) {\n !isInactive(selectedChild) &&\n sendGAEvent('mark_inactive', {\n date: inactiveDate,\n page_title: 'dashboard',\n reason_selected: inactiveReason\n })\n dispatch(\n updateCase({\n childId: selectedChild?.id,\n updates: { active: isInactive(selectedChild) ? true : false }\n })\n )\n }\n handleModalCancel()\n }\n\n const auModalErrorMessage = type => {\n let error_message = ''\n switch (type) {\n case 'wrong_date':\n error_message = 'Expiration date must be after the Effective date'\n break\n case 'empty_dates':\n error_message = 'Date fields cannot be empty'\n break\n default:\n error_message = ''\n }\n return (\n \n handleInactiveClick(record)}\n >\n
\n \n handleEditAuthClick(record)}\n >\n \n {'\\u27F3'} Update Authorization\n \n \n
\n \n
\n )\n }\n\n const handleAUModalOk = async () => {\n if (expirationDate < effectiveDate) {\n setAUErrorMessage('wrong_date')\n } else if (expirationDate === null || effectiveDate === null) {\n setAUErrorMessage('empty_dates')\n } else {\n const response = await makeRequest({\n type: 'patch',\n url: `/api/v1/children/${selectedChild.id}/update_auth`,\n headers: {\n Authorization: token\n },\n data: {\n current_effective_date: selectedChild.approvalEffectiveOn,\n current_expiration_date: selectedChild.approvalExpiresOn,\n new_effective_date: effectiveDate,\n new_expiration_date: expirationDate\n }\n })\n if (response.ok) {\n dispatch(\n updateCase({\n childId: selectedChild?.id,\n updates: {\n approvalEffectiveOn: effectiveDate,\n approvalExpiresOn: expirationDate\n }\n })\n )\n setIsAUModalVisible(false)\n }\n }\n }\n\n const columnConfig = {\n ne: [\n {\n children: [\n {\n name: 'child',\n render: renderChild,\n width: 250,\n sorter: (a, b) =>\n columnSorter(\n a.child.childLastName.match(/([A-zÀ-ú])+/)[0],\n b.child.childLastName.match(/([A-zÀ-ú])+/)[0]\n )\n }\n ]\n },\n {\n name: 'attendance',\n children: [\n {\n name: 'fullDays',\n sorter: (a, b) =>\n a.fullDays.text.match(/^\\d+/)[0] -\n b.fullDays.text.match(/^\\d+/)[0],\n render: renderFullDays\n },\n {\n name:\n dayjs(dateFilterValue?.date) > dayjs('2023-06-30 23:59')\n ? t('partialDays')\n : 'hours',\n sorter: (a, b) =>\n user.is_admin\n ? a.partDays.text.match(/^\\d+/)[0] -\n b.partDays.text.match(/^\\d+/)[0]\n : a.hours.match(/^\\d+/)[0] - b.hours.match(/^\\d+/)[0],\n render: renderHoursOrPartDays\n },\n {\n name: 'absences',\n sorter: (a, b) =>\n a.absences.match(/^\\d+/)[0] - b.absences.match(/^\\d+/)[0],\n render: (text, record) =>\n isInactive(record)\n ? '-'\n : replaceText(text, 'of', true, record.absences_dates)\n },\n // {\n // name: 'hours',\n // sorter: (a, b) =>\n // a.hours.match(/^\\d+/)[0] - b.hours.match(/^\\d+/)[0],\n // render: (text, record) =>\n // isInactive(record) ? '-' : text.split(' ')[0]\n // },\n {\n name: 'hoursAttended',\n sorter: (a, b) =>\n user.is_admin\n ? a.hoursAttended.match(/^\\d+/)[0] -\n b.hoursAttended.match(/^\\d+/)[0]\n : a.hours.match(/^\\d+/)[0] - b.hours.match(/^\\d+/)[0],\n render: (text, record) =>\n isInactive(record) ? '-' : replaceText(text, 'of')\n }\n ]\n },\n {\n name: 'revenue',\n children: user.is_admin\n ? [\n {\n name: 'familyFee',\n sorter: (a, b) => a.familyFee - b.familyFee,\n render: renderDollarAmount\n }\n ]\n : [\n {\n name: 'earnedRevenue',\n sorter: (a, b) => a.earnedRevenue - b.earnedRevenue,\n render: renderDollarAmount\n },\n {\n name: 'estimatedRevenue',\n sorter: (a, b) => a.estimatedRevenue - b.estimatedRevenue,\n render: renderDollarAmount\n },\n {\n name: 'familyFee',\n sorter: (a, b) => a.familyFee - b.familyFee,\n render: renderDollarAmount\n }\n ]\n },\n {\n name: 'totalAuthorizationPeriod',\n children: user.is_admin\n ? [\n {\n name: 'authorizedPeriod',\n sorter: (a, b) =>\n dayjs(a.approvalEffectiveOn) - dayjs(b.approvalEffectiveOn),\n render: (text, record) =>\n isInactive(record)\n ? '-'\n : isNotApproved(record)\n ? 'unknown'\n : `${dayjs(record.approvalEffectiveOn).format('M/D/YY')}${\n record.approvalExpiresOn\n ? ` - ${dayjs(record.approvalExpiresOn).format(\n 'M/D/YY'\n )}`\n : ''\n }`\n }\n ]\n : [\n {\n name: 'authorizedPeriod',\n sorter: (a, b) =>\n dayjs(a.approvalEffectiveOn) - dayjs(b.approvalEffectiveOn),\n render: (text, record) =>\n isInactive(record)\n ? '-'\n : isNotApproved(record)\n ? 'unknown'\n : `${dayjs(record.approvalEffectiveOn).format('M/D/YY')}${\n record.approvalExpiresOn\n ? ` - ${dayjs(record.approvalExpiresOn).format(\n 'M/D/YY'\n )}`\n : ''\n }`\n },\n {\n name: 'fullDaysRemaining',\n sorter: (a, b) => a.fullDaysRemaining - b.fullDaysRemaining,\n render: (text, record) =>\n isInactive(record)\n ? '-'\n : `${record.fullDaysRemaining} (of ${record.fullDaysAuthorized})`\n },\n {\n name:\n dayjs(dateFilterValue?.date) > dayjs('2023-06-30 23:59')\n ? t('partialDaysRemaining')\n : 'hoursRemaining',\n sorter: (a, b) => a.hoursRemaining - b.hoursRemaining,\n render: renderRemainingHoursOrPartDays\n }\n ]\n },\n {\n children: [\n {\n name: 'actions',\n render: renderActions,\n width: 175\n }\n ]\n }\n ],\n default: [\n {\n name: 'child',\n sorter: (a, b) => columnSorter(a.childLastName, b.childLastName),\n // eslint-disable-next-line react/display-name\n render: (text, record) => (\n {error_message}
\n\n
\n )\n },\n {\n name: 'fullDaysAttended',\n render: (text, record) => text\n },\n {\n name: 'partDaysAttended',\n render: (text, record) => text\n },\n {\n name: 'attendanceRate',\n sorter: (a, b) => a.attendanceRate.rate - b.attendanceRate.rate,\n render: renderAttendanceRate\n },\n {\n name: 'guaranteedRevenue',\n sorter: (a, b) => a.guaranteedRevenue - b.guaranteedRevenue,\n render: renderDollarAmount\n },\n // {\n // name: 'potentialRevenue',\n // sorter: (a, b) => a.potentialRevenue - b.potentialRevenue,\n // render: renderDollarAmount\n // },\n\n // {\n // name: 'maxApprovedRevenue',\n // sorter: (a, b) => a.maxApprovedRevenue - b.maxApprovedRevenue,\n // render: renderDollarAmount\n // },\n {\n name: 'authorizedPeriod',\n sorter: (a, b) =>\n dayjs(a.approvalEffectiveOn) - dayjs(b.approvalEffectiveOn),\n render: (text, record) =>\n isInactive(record)\n ? '-'\n : isNotApproved(record)\n ? 'unknown'\n : `${dayjs(record.approvalEffectiveOn).format('M/D/YY')}${\n record.approvalExpiresOn\n ? ` - ${dayjs(record.approvalExpiresOn).format('M/D/YY')}`\n : ''\n }`\n },\n {\n name: 'actions',\n render: renderActions,\n width: 175\n }\n ]\n }\n\n useEffect(() => {\n setSortedRows(\n [...tableData].sort((a, b) =>\n (!isInactive(a) && !isInactive(b)) || (isInactive(a) && isInactive(b))\n ? 0\n : isInactive(b)\n ? -1\n : 1\n )\n )\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tableData])\n\n return (\n <>\n {shouldAllowToExport() && (\n \n {`${record.childFirstName} ${record.childLastName}`}\n {isInactive(record) ? ` (${t('inactive')})` : ''}\n
\n\n {record.business}{' '}\n {' '}\n {record.cNumber}\n
\n {(isInactive(selectedChild)\n ? t('markActive')\n : t('markInactive')) +\n ': ' +\n (`${selectedChild?.child?.childFirstName} ${selectedChild?.child?.childLastName}` ||\n `${selectedChild?.childFirstName} ${selectedChild?.childLastName}`)}\n
\n \n }\n open={isMIModalVisible}\n onOk={handleMIModalOk}\n onCancel={handleModalCancel}\n footer={[\n ,\n\n {!isInactive(selectedChild)\n ? t('markInactiveInfo1') + ' ' + t('markInactiveInfo2')\n : t('markActiveInfo')}\n
\n {!isInactive(selectedChild) && (\n <>\n\n {isInactive(selectedChild)\n ? t('markActiveCalendarPrompt')\n : t('markInactiveCalendarPrompt')}\n
\n\n {(screens.sm || screens.xs) && !screens.md ? (\n
\n )\n}\n\nDashboardTitle.propTypes = {\n dates: PropTypes.object,\n setDates: PropTypes.func,\n makeMonth: PropTypes.func,\n businesses: PropTypes.array,\n filteredCases: PropTypes.array,\n getDashboardData: PropTypes.func\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Divider, List } from 'antd'\nimport dayjs from 'dayjs'\nimport { useTranslation } from 'react-i18next'\nimport { ExclamationCircleOutlined, MailOutlined } from '@ant-design/icons'\nimport { PIE_FOR_PROVIDERS_EMAIL } from '../constants'\nimport '_assets/styles/notification-list-overrides.css'\n\nconst Notifications = ({ messages, setShowModal, isModal = false }) => {\n const { t, i18n } = useTranslation()\n\n return (\n \n
\n ) : (\n \n \n {t('dashboardTitle')}\n \n \n {t('revenueProjections')}\n \n {\n sendGAEvent('attendance_input_clicked', {\n page_title: 'dashboard'\n })\n\n history.push('/attendance/edit')\n }}\n >\n {t('addAttendance')}
\n \n {renderMonthSelector()}\n \n {`${t(`asOf`)}: ${matchAndReplaceDate(dates.asOf)}`}\n \n
\n \n {\n getDashboardData({\n businessIds: value,\n filterDate: dates?.dateFilterValue?.date\n })\n }}\n />\n
\n \n
\n )}\n \n \n {t('dashboardTitle')}\n \n {renderMonthSelector()}\n \n {`${t(`asOf`)}: ${matchAndReplaceDate(dates.asOf)}`}\n \n {\n sendGAEvent('attendance_input_clicked', {\n page_title: 'dashboard'\n })\n\n history.push('/attendance/edit')\n }}\n >\n {t('addAttendance')}
\n \n {\n getDashboardData({\n businessIds: value,\n filterDate: dates?.dateFilterValue?.date\n })\n }}\n />\n
\n {`${t('notifications')} ${\n messages.length > 0 ? `(${messages.length})` : ''\n }`}
\n {isModal ? null : (\n\n
\n )\n }}\n footer={\n !isModal && messages.length > 0 ? (\n \n
\n {t('noNotifications1')}
\n{t('noNotifications2')}
\n\n \n
\n ) : null\n }\n renderItem={(item, index) => {\n const effectiveDate = dayjs(item.created_at)\n const expirationDate = dayjs(item.expires_on)\n return (\n \n
\n )\n }}\n />\n )\n}\n\nNotifications.propTypes = {\n messages: PropTypes.array,\n setShowModal: PropTypes.func,\n isModal: PropTypes.bool\n}\n\nexport default Notifications\n","/* eslint-disable no-debugger */\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Modal } from 'antd'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport { useCaseData } from '_shared/_hooks/useCaseData'\nimport { useAdminData } from '_shared/_hooks/useAdminData'\nimport { useProgress } from '_shared/_hooks/useProgress'\nimport { useDispatch, useSelector } from 'react-redux'\nimport useHotjar from 'react-use-hotjar'\nimport runtimeEnv from '@mars/heroku-js-runtime-env'\nimport { setUser } from '_reducers/userReducer'\nimport DashboardDefinitions from './DashboardDefinitions'\nimport DashboardStats from './DashboardStats'\nimport DashboardTable from './DashboardTable'\nimport DashboardTitle from './DashboardTitle'\nimport { setBusinesses } from '_reducers/businessesReducer'\nimport { setCaseData } from '_reducers/casesReducer'\nimport { setLoading } from '_reducers/uiReducer'\nimport Notifications from './Notifications'\nimport { setFilteredCases } from '_reducers/uiReducer'\nimport '_assets/styles/notification-modal-overrides.css'\n\nconst env = runtimeEnv()\n\nexport function Dashboard() {\n const dispatch = useDispatch()\n const { parseResult } = useProgress()\n const { identifyHotjar } = useHotjar()\n const { reduceTableData } = useCaseData()\n const { reduceAdminData } = useAdminData()\n const { makeRequest } = useApiResponse()\n const { t, i18n } = useTranslation()\n const currencyFormatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 0\n })\n const { businesses, token, user, filteredCases, cases } = useSelector(\n state => ({\n businesses: state.businesses,\n token: state.auth.token,\n user: state.user,\n filteredCases: state.ui.filteredCases,\n cases: state.cases\n })\n )\n\n const summaryDataTotalsConfig = {\n ne: {\n earnedRevenueTotal: 0,\n estimatedRevenueTotal: 0,\n maxRevenueTotal: 0,\n totalApprovedTotal: 0,\n totalApprovedRevenueWithFamilyFeeTotal: 0\n },\n default: {\n guaranteedRevenueTotal: 0,\n potentialRevenueTotal: 0,\n maxApprovedRevenueTotal: 0,\n attendanceRateTotal: 0\n }\n }\n const [summaryDataTotals, setSummaryTotals] = useState(\n summaryDataTotalsConfig[`${user.state === 'NE' ? 'ne' : 'default'}`]\n )\n const [summaryData, setSummaryData] = useState([])\n const [tableData, setTableData] = useState([])\n const [notificationMessages, setNotificationMessages] = useState([])\n const [dates, setDates] = useState({\n asOf: '',\n dateFilterValue: {\n displayDate: '',\n date: ''\n },\n dateFilterMonths: []\n })\n const [activeKey, setActiveKey] = useState()\n const [showNotificationsModal, setShowNotificationsModal] = useState(false)\n\n const handleDefinitionsPanel = () => setActiveKey(activeKey === 1 ? null : 1)\n\n const generateSummaryData = (td = tableData, totals = summaryDataTotals) => {\n if (user.state === 'NE') {\n return user.is_admin\n ? []\n : [\n {\n title: t('earnedRevenue'),\n stat: `${currencyFormatter.format(\n (totals.earnedRevenueTotal || 0).toFixed()\n )}`,\n definition: t('earnedRevenueDef')\n },\n {\n title: t('estimatedRevenue'),\n stat: `${currencyFormatter.format(\n (totals.estimatedRevenueTotal || 0).toFixed()\n )}`,\n definition: t(`estimatedRevenueDef`)\n }\n ]\n } else if (totals.guaranteedRevenueTotal >= 0) {\n return [\n {\n title: t('earnedRevenue'),\n stat: `${currencyFormatter.format(\n totals.guaranteedRevenueTotal.toFixed()\n )}`,\n definition: t('guaranteedRevenueDef')\n },\n // {\n // title: t('potentialRevenue'),\n // stat: `${currencyFormatter.format(\n // totals.potentialRevenueTotal.toFixed()\n // )}`,\n // definition: t('potentialRevenueDef')\n // },\n // {\n // title: t('maxApprovedRevenue'),\n // stat: `${currencyFormatter.format(\n // totals.maxApprovedRevenueTotal.toFixed()\n // )}`,\n // definition: t('maxApprovedRevenueDef')\n // },\n {\n title: t('attendanceRate'),\n stat: `${((totals.attendanceRateTotal / td.length) * 100).toFixed(\n 2\n )}%`,\n definition: t('attendanceRateDef')\n }\n ]\n }\n\n return []\n }\n\n i18n.on('languageChanged', () => setSummaryData(generateSummaryData()))\n\n const reduceSummaryData = (data, res) => {\n if (user.state === 'NE') {\n return {\n ...data?.reduce((acc, cv) => {\n return {\n ...acc,\n earnedRevenueTotal: cv.active\n ? acc.earnedRevenueTotal + cv.earnedRevenue\n : acc.earnedRevenueTotal,\n estimatedRevenueTotal: cv.active\n ? acc.estimatedRevenueTotal + cv.estimatedRevenue\n : acc.estimatedRevenueTotal,\n totalApprovedRevenueWithFamilyFeeTotal:\n acc.totalApprovedWithFamilyFeeTotal\n }\n }, summaryDataTotalsConfig['ne']),\n ...res.reduce((acc, cv) => {\n const setTotal = (total, amount) =>\n total ??\n 0 +\n (typeof amount === 'string' || amount instanceof String\n ? 0\n : amount)\n\n return {\n maxRevenueTotal:\n cv.max_revenue === 'N/A'\n ? 'n/a'\n : setTotal(acc.maxRevenueTotal, cv.max_revenue),\n totalApprovedTotal:\n cv.total_approved === 'N/A'\n ? 'n/a'\n : setTotal(acc.totalApprovedTotal, cv.total_approved)\n }\n }, {})\n }\n }\n\n return data.reduce((acc, cv) => {\n const {\n guaranteedRevenue,\n maxApprovedRevenue,\n potentialRevenue,\n attendanceRate: { rate }\n } = cv\n\n return {\n guaranteedRevenueTotal: acc.guaranteedRevenueTotal + guaranteedRevenue,\n potentialRevenueTotal: acc.potentialRevenueTotal + potentialRevenue,\n maxApprovedRevenueTotal:\n acc.maxApprovedRevenueTotal + maxApprovedRevenue,\n attendanceRateTotal: acc.attendanceRateTotal + rate\n }\n }, summaryDataTotalsConfig['default'])\n }\n\n const makeMonth = (date = new Date()) => ({\n displayDate: date.toLocaleDateString('default', {\n month: 'short',\n year: 'numeric'\n }),\n date: date.toISOString().split('T')[0]\n })\n\n const reduceDates = (res, fd) => {\n const reduceDate = date_name => {\n return new Date(\n res?.reduce((user1, user2) => {\n return new Date(user1.as_of) > new Date(user2.as_of) ? user1 : user2\n })[`${date_name}`]\n )\n }\n const monthDiff = (dateFrom, dateTo) => {\n return (\n dateTo.getMonth() -\n dateFrom.getMonth() +\n 12 * (dateTo.getFullYear() - dateFrom.getFullYear())\n )\n }\n\n const firstMonth = reduceDate('first_approval_effective_date')\n let currentDate = new Date()\n const numOfMonths = monthDiff(firstMonth, currentDate)\n let dateFilterMonths = []\n dateFilterMonths.push(makeMonth(currentDate))\n\n for (let i = 0; i < numOfMonths; i++) {\n currentDate.setDate(0)\n dateFilterMonths.push(makeMonth(currentDate))\n }\n\n return {\n asOf: reduceDate('as_of').toLocaleDateString('default', {\n month: 'short',\n day: 'numeric'\n }),\n dateFilterValue: fd ? makeMonth(new Date(fd)) : makeMonth(),\n dateFilterMonths\n }\n }\n\n const getDashboardData = async ({\n businessIds = [],\n filterDate = undefined\n } = {}) => {\n dispatch(setLoading(true))\n const baseUrl = user.is_admin\n ? '/api/v1/dashboard_case'\n : '/api/v1/case_list_for_dashboard'\n const response = await makeRequest({\n type: 'get',\n url:\n businessIds.length > 0 || filterDate\n ? baseUrl +\n `?filter_date=${filterDate}&business=${businessIds.join(',')}`\n : baseUrl,\n headers: { Authorization: token }\n })\n const parsedResponse = await parseResult(response)\n\n if (!parsedResponse.error) {\n const tableData = user.is_admin\n ? reduceAdminData(parsedResponse[0].data)\n : reduceTableData(parsedResponse, user)\n\n const updatedSummaryDataTotals = reduceSummaryData(\n tableData,\n parsedResponse\n )\n\n if (dates.asOf === '') {\n const updatedDates = reduceDates(parsedResponse, filterDate)\n setDates(updatedDates)\n }\n dispatch(setFilteredCases(businessIds))\n dispatch(setCaseData(tableData))\n setSummaryTotals(updatedSummaryDataTotals)\n setSummaryData(generateSummaryData(tableData, updatedSummaryDataTotals))\n }\n dispatch(setLoading(false))\n }\n\n useEffect(() => {\n const getUserData = async () => {\n const response = await makeRequest({\n type: 'get',\n url: '/api/v1/profile',\n headers: {\n Authorization: token\n }\n })\n\n if (response.ok) {\n const resp = await response.json()\n\n dispatch(setUser(resp))\n identifyHotjar(resp.id ?? null, resp, console.info)\n setSummaryTotals(\n summaryDataTotalsConfig[`${resp.state === 'NE' ? 'ne' : 'default'}`]\n )\n }\n }\n\n const getBusinessData = async () => {\n const response = await makeRequest({\n type: 'get',\n url: '/api/v1/businesses',\n headers: {\n Authorization: token\n }\n })\n\n if (response.ok) {\n const resp = await response.json()\n\n dispatch(setBusinesses(resp))\n }\n }\n\n const getNotifications = async () => {\n const response = await makeRequest({\n type: 'get',\n url: '/api/v1/notifications',\n headers: {\n Authorization: token\n }\n })\n\n if (response.ok) {\n const resp = await response.json()\n\n setNotificationMessages(resp)\n }\n }\n\n if (Object.keys(user).length !== 0) {\n getDashboardData({\n filterDate: dates?.dateFilterValue?.date,\n businessIds: filteredCases\n })\n }\n\n if (Object.keys(user).length === 0) {\n getUserData()\n }\n\n if (businesses.length === 0) {\n getBusinessData()\n }\n\n if (notificationMessages.length === 0) {\n getNotifications()\n }\n // Interesting re: refresh tokens - https://github.com/waiting-for-dev/devise-jwt/issues/7#issuecomment-322115576\n // still haven't found a better way around this - sometimes we really do\n // only want the useEffect to fire on the first component load\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [user])\n\n useEffect(() => {\n setTableData(cases)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cases])\n\n return (\n \n
\n \n {i18n.language === 'en' ? (\n <>\n \n {item.first_name + ' ' + item.last_name + `'s `}\n \n {t('subsidyAuth') +\n ' ' +\n t('subAuthExpires') +\n expirationDate.format('MMM D') +\n '. '}\n \n ) : (\n <>\n {t('subsidyAuth')}\n \n {item.first_name + ' ' + item.last_name + ' '}\n \n {t('subAuthExpires') +\n expirationDate.format('D') +\n ' de ' +\n expirationDate.format('MMM') +\n '. '}\n \n )}\n {t('emailTo')}\n \n {PIE_FOR_PROVIDERS_EMAIL + '.'}\n \n
\n {i18n.language === 'en' ? (\n \n {effectiveDate.format('MMM D, YYYY') || ''}\n
\n ) : (\n \n {effectiveDate.format('D') +\n ' de ' +\n effectiveDate.format('MMM, YYYY')}\n
\n )}\n {!isModal || (isModal && messages.length !== index + 1) ? (\n \n {\n if (activeKey) {\n return\n } else {\n handleDefinitionsPanel()\n setTimeout(() => {\n document.getElementById(href).click()\n }, 200)\n }\n }}\n />\n setShowNotificationsModal(false)}\n onCancel={() => setShowNotificationsModal(false)}\n >\n
\n )\n}\n","export function useCaseData() {\n const reduceTableData = (res, user) => {\n return res.flatMap(userResponse => {\n return userResponse.businesses.flatMap(business => {\n return business.cases.flatMap((childCase, index) => {\n return user.state === 'NE'\n ? {\n id: childCase.id ?? '',\n key: `${index}-${childCase.first_name}-${childCase.last_name}`,\n absences: childCase.nebraska_dashboard_case.absences ?? '',\n absences_dates:\n childCase.nebraska_dashboard_case.absences_dates,\n child: {\n childFirstName: childCase.first_name ?? '',\n childLastName: childCase.last_name ?? '',\n cNumber: childCase.nebraska_dashboard_case.case_number ?? '',\n business: business.name ?? ''\n },\n earnedRevenue:\n childCase.nebraska_dashboard_case.earned_revenue ?? '',\n estimatedRevenue:\n childCase.nebraska_dashboard_case.estimated_revenue ?? '',\n fullDays: {\n text: childCase.nebraska_dashboard_case.full_days ?? '',\n tag: childCase.nebraska_dashboard_case.attendance_risk ?? ''\n },\n partDays: {\n text: 'partialDays',\n info: childCase.nebraska_dashboard_case.part_days\n },\n totalPartDays: {\n text: 'totalPartDays',\n info: childCase.nebraska_dashboard_case.total_part_days\n },\n remainingPartDays:\n childCase.nebraska_dashboard_case.remaining_part_days,\n hours: childCase.nebraska_dashboard_case.hours ?? '',\n hoursAttended:\n childCase.nebraska_dashboard_case.hours_attended ?? '',\n familyFee: childCase.nebraska_dashboard_case.family_fee ?? '',\n active: childCase.active ?? true,\n hoursAuthorized:\n childCase.nebraska_dashboard_case.hours_authorized ?? '',\n hoursRemaining:\n childCase.nebraska_dashboard_case.hours_remaining ?? '',\n fullDaysAuthorized:\n childCase.nebraska_dashboard_case.full_days_authorized ?? '',\n fullDaysRemaining:\n childCase.nebraska_dashboard_case.full_days_remaining ?? '',\n approvalEffectiveOn:\n childCase.nebraska_dashboard_case.approval_effective_on ?? '',\n approvalExpiresOn:\n childCase.nebraska_dashboard_case.approval_expires_on ?? ''\n }\n : {\n id: childCase.id ?? '',\n key: `${index}-${childCase.first_name}-${childCase.last_name}`,\n childFirstName: childCase.first_name ?? '',\n childLastName: childCase.last_name ?? '',\n cNumber: childCase.illinois_dashboard_case.case_number ?? '',\n business: business.name ?? '',\n attendanceRate: {\n rate: childCase.illinois_dashboard_case.attendance_rate ?? '',\n riskCategory:\n childCase.illinois_dashboard_case.attendance_risk ?? ''\n },\n guaranteedRevenue:\n childCase.illinois_dashboard_case.guaranteed_revenue ?? '',\n maxApprovedRevenue:\n childCase.illinois_dashboard_case.max_approved_revenue ?? '',\n potentialRevenue:\n childCase.illinois_dashboard_case.potential_revenue ?? '',\n active: childCase.active ?? true,\n fullDaysAttended:\n childCase.illinois_dashboard_case.full_days_attended ?? true,\n partDaysAttended:\n childCase.illinois_dashboard_case.part_days_attended ?? true,\n approvalEffectiveOn:\n childCase.illinois_dashboard_case.approval_effective_on ?? '',\n approvalExpiresOn:\n childCase.illinois_dashboard_case.approval_expires_on ?? '',\n childInfo: childCase ?? ''\n }\n })\n })\n })\n }\n return { reduceTableData }\n}\n","export function useAdminData() {\n const reduceAdminData = data => {\n return data.map((item, index) => ({\n id: item.id ?? '',\n key: `${index}-${item.first_name}-${item.last_name}`,\n active: item.active ?? true,\n approvalEffectiveOn: item.effective_on ?? '',\n approvalExpiresOn: item.expires_on ?? '',\n child: {\n childFirstName: item.first_name ?? '',\n childLastName: item.last_name ?? '',\n cNumber: item.case_number ?? '',\n business: item.business_name ?? ''\n },\n partDays: { text: item.part_time.toString() ?? '0', info: '' },\n fullDays: { text: item.full_time.toString() ?? '0', tag: '' },\n absences: `${item.absences_count.toString() ?? '0'} of 5`,\n absences_dates: item.absences?.split(',') ?? [],\n hoursAttended: item.max_hours_per_week ?? '',\n familyFee: item.family_fee ?? ''\n }))\n }\n\n return { reduceAdminData }\n}\n","export default __webpack_public_path__ + \"static/media/pieWithSlice.7f2754c5.png\";","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport pieWithSlice from '../_assets/pieWithSlice.png'\n\nexport function ComingSoon() {\n const { t } = useTranslation()\n\n return (\n \n
\n \n
\n )\n}\n","import React, { useEffect } from 'react'\nimport { Card, Typography } from 'antd'\nimport useHotjar from 'react-use-hotjar'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport Icon from '@material-ui/core/Icon'\nimport AssignmentIcon from '@material-ui/icons/Assignment'\nimport BusinessIcon from '@material-ui/icons/Business'\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload'\nimport PlaylistAddIcon from '@material-ui/icons/PlaylistAdd'\nimport { useTranslation } from 'react-i18next'\nimport { PaddedButton } from '_shared/PaddedButton'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { setUser } from '_reducers/userReducer'\n\n// NB: we're using CSS grid instead of Ant grid for these cards\n// because Ant grid doesn't flow into the next row when there are\n// more cards than columns\n\nexport function GettingStarted() {\n const dispatch = useDispatch()\n const { identifyHotjar } = useHotjar()\n const { token, user } = useSelector(state => ({\n token: state.auth.token,\n user: state.user\n }))\n const { t } = useTranslation()\n const { makeRequest } = useApiResponse()\n\n useEffect(() => {\n const getUser = async () => {\n const response = await makeRequest({\n type: 'get',\n url: '/api/v1/profile',\n headers: {\n Authorization: token\n }\n })\n\n if (response.ok) {\n const resp = await response.json()\n dispatch(setUser(resp))\n identifyHotjar(resp.id ?? null, resp, console.info)\n }\n }\n\n if (Object.keys(user).length === 0) {\n getUser()\n }\n // we only want this to run once; making the makeRequest hook a dependency causes an infinite re-run of this query\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const cards = [\n {\n description: t('gettingStartedBusinesses'),\n icon: \n 
\n
\n {t('comingSoonMsg1')}
\n{t('comingSoonMsg2')}
\n\n
\n )\n}\n","import { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { useHistory } from 'react-router-dom'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport { useDispatch } from 'react-redux'\nimport { addAuth, removeAuth } from '_reducers/authReducer'\n\nexport function Confirmation({ location }) {\n const dispatch = useDispatch()\n const { makeRequest } = useApiResponse()\n let history = useHistory()\n\n useEffect(() => {\n window.MiniProfiler?.pageTransition()\n }, [])\n\n useEffect(() => {\n let isSubscribed = true\n const confirm = async () => {\n const params = new URLSearchParams(location.search)\n const confirmationToken = params.get('confirmation_token')\n const response = await makeRequest({\n type: 'get',\n url: `confirmation${\n confirmationToken ? `?confirmation_token=${confirmationToken}` : ''\n }`\n })\n const authToken = response.headers.get('authorization')\n if (isSubscribed) {\n if (!response.ok || authToken === null) {\n const errorMessage = await response.json()\n dispatch(removeAuth())\n history.push({\n pathname: '/login',\n state: {\n error: {\n status: response.status,\n message: errorMessage.error,\n attribute: errorMessage.attribute,\n type: errorMessage.type\n }\n }\n })\n } else {\n const { state } = await response.json()\n dispatch(addAuth(authToken))\n\n if (state === 'NE' || state === 'IL') {\n history.push('/dashboard')\n } else {\n history.push('/comingsoon')\n }\n }\n }\n }\n confirm()\n return () => (isSubscribed = false)\n // we only want this to run once; making the makeRequest hook a dependency causes an infinite re-run of this query\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n return null\n}\n\nConfirmation.propTypes = {\n location: PropTypes.object.isRequired\n}\n","import React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { useTranslation } from 'react-i18next'\nimport { Form, Input } from 'antd'\nimport { PaddedButton } from '_shared/PaddedButton'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport { useDispatch } from 'react-redux'\nimport { addAuth, removeAuth } from '_reducers/authReducer'\n\nexport const NewPassword = () => {\n const dispatch = useDispatch()\n const [loading, setLoading] = useState(false)\n const { makeRequest } = useApiResponse()\n let history = useHistory()\n const location = useLocation()\n const { t } = useTranslation()\n\n useEffect(() => {\n const verifyPasswordToken = async () => {\n const params = new URLSearchParams(location.search)\n const resetToken = params.get('reset_password_token')\n if (!resetToken) {\n history.push({\n pathname: '/login',\n state: {\n error: {\n status: 422,\n attribute: 'reset_password_token',\n type: 'blank'\n }\n }\n })\n }\n }\n verifyPasswordToken()\n }, [history, location.search])\n\n const onFinish = async values => {\n const { password } = values\n const params = new URLSearchParams(location.search)\n const resetToken = params.get('reset_password_token')\n setLoading(true)\n\n const response = await makeRequest({\n type: 'put',\n url: '/password',\n data: {\n user: {\n reset_password_token: resetToken,\n password: password,\n password_confirmation: password\n }\n }\n })\n\n setLoading(false)\n\n const data = await response.json()\n\n if (!response.ok) {\n dispatch(removeAuth())\n history.push({\n pathname: '/login',\n state: {\n error: {\n status: response.status,\n attribute: data.attribute,\n type: data.type\n }\n }\n })\n return\n }\n\n const authToken = response.headers.get('authorization')\n if (!authToken) {\n dispatch(removeAuth())\n // Unconfirmed users\n history.push({\n pathname: '/login',\n state: {\n error: {\n status: 401,\n attribute: 'email',\n type: 'unconfirmed',\n context: { email: data.email }\n }\n }\n })\n } else {\n dispatch(addAuth(authToken))\n history.push('/dashboard')\n }\n }\n\n return (\n <>\n \n \n {t('gettingStartedWelcome')}\n {user.greeting_name && `, ${user.greeting_name}!`}\n \n\n \n \n
\n \n \n \n
\n {t('gettingStartedTitle')}
\n {t('gettingStartedInstructions')}
\n{t('steps')}
\n \n {cards.map((card, idx) => (\n \n {card.icon} \n
\n\n \n {idx + 1}. {card.title}\n
\n{card.description}
\n \n ))}\n\n
\n \n
\n\n \n {t('resetPassword')}\n
\n\n {`${t('yourConfirmationToken')} ${t(type)}. ${t(\n 'mustUseConfirmationEmail'\n )} ${t('requestNewConfirmation')} `}\n \n Placeholder Link\n \n
\n )\n}\n\nResendToken.propTypes = {\n type: PropTypes.string.isRequired\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useHistory } from 'react-router-dom'\nimport ResendToken from 'ResendToken'\nimport { useTranslation } from 'react-i18next'\nimport { useApiResponse } from '_shared/_hooks/useApiResponse'\nimport { PIE_FOR_PROVIDERS_EMAIL } from '../constants'\nimport { Link } from 'react-router-dom'\n\nconst ContactUs = ({ message }) => {\n const { t } = useTranslation()\n return (\n <>\n {message}{' '}\n {t('contactUs')}{' '}\n {t('forSupport')}\n \n )\n}\n\nContactUs.propTypes = {\n message: PropTypes.string.isRequired\n}\n\nconst showConfirmationAlert = email => \n {t('emailUnconfirmed')}{' '}\n \n {t('clickHere')}\n {' '}\n {t('toResendConfirmationEmail')}\n
\n )\n}\n\nConfirmationAlert.propTypes = {\n email: PropTypes.string.isRequired\n}\n\nexport const AuthStatusAlert = ({ attribute, context, type }) => {\n const { t } = useTranslation()\n\n const errorMessages = {\n email: {\n unauthenticated: () => t('unauthenticated'),\n already_confirmed: () => t('alreadyConfirmed'),\n confirmation_period_expired: () => t('confirmationPeriodExpired'),\n unconfirmed: () => showConfirmationAlert(context?.email),\n not_found: () => t('emailNotFound'),\n invalid: () => t('invalidEmailOrPassword'),\n not_found_in_database: () => t('invalidEmailOrPassword'),\n default: () => contactUs(t('genericEmailConfirmationError'))\n },\n confirmation_token: {\n blank: () => resendToken('blank'),\n invalid: () => resendToken('invalid'),\n default: () => contactUs(t('genericEmailConfirmationError'))\n },\n reset_password_token: {\n blank: () => t('passwordResetTokenBlank'),\n invalid: () => t('passwordResetTokenInvalid'),\n expired: () => t('passwordResetTokenExpired')\n },\n default: () => t('genericConfirmationError')\n }\n\n const attributeError = errorMessages[attribute]\n if (!attributeError) {\n return errorMessages.default()\n }\n const alert = attributeError[type] || attributeError.default\n return alert()\n}\n\nAuthStatusAlert.defaultProps = {\n context: null\n}\n\nAuthStatusAlert.propTypes = {\n attribute: PropTypes.string.isRequired,\n context: PropTypes.shape({\n email: PropTypes.string.isRequired\n }),\n type: PropTypes.string.isRequired\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport function Login() {\n const { t } = useTranslation()\n\n return (\n \n
\n {t('gettingStartedWelcome')}
\n\n Pie for Providers is not actively operating at this time.\n
\n Please reach out with any questions to:\n
\n
\n
\n )\n}\n\nCasesImportReview.defaultProps = {\n kids: []\n}\n\nCasesImportReview.propTypes = {\n kids: PropTypes.array\n}\n","import React, { useState } from 'react'\nimport { Alert, Typography } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload'\nimport { CasesImportReview } from './CasesImportReview'\nimport { parserTypes, getColumns, randomHash } from './utils'\n\nconst { Title } = Typography\n\nexport function CasesImport() {\n const [kids, setKids] = useState([])\n const [error, setError] = useState('')\n const { t } = useTranslation()\n\n const columns = getColumns(t)\n\n const getType = file => {\n const nameArray = file.name.split('.')\n const extension = nameArray[nameArray.length - 1]\n // sometimes xls files come in with an empty type so we want to parse\n // the extension to verify what parser to use\n if (file.type === '' && ['xls', 'xlsx'].includes(extension)) {\n return 'application/vnd.ms-excel'\n } else {\n return file.type\n }\n }\n\n const onFileChange = e => {\n setError('')\n\n const [file] = e.target.files\n if (file) {\n const type = getType(file)\n if (!(type in parserTypes)) {\n setKids([])\n setError(t('uploadCasesInvalidFileFormat'))\n return\n }\n\n const reader = new FileReader()\n const readAsBinaryString = !!reader.readAsBinaryString\n reader.onload = e => {\n const { data } = parserTypes[type].parse(e.target.result, {\n readAsBinaryString\n })\n // Skip the instruction, header and column description rows\n const rows = data.slice(3)\n const kids = rows\n .map(row =>\n row.reduce(\n (acc, item, index) => ({\n ...acc,\n [columns[index]?.key]: item\n }),\n {}\n )\n )\n .map(kid => ({\n ...kid,\n key: randomHash([kid.firstName, kid.lastName, kid.dateOfBirth])\n }))\n .filter(kid => kid.firstName && kid.lastName && kid.dateOfBirth)\n setKids(kids)\n }\n\n if (readAsBinaryString) {\n return reader.readAsBinaryString(file)\n }\n\n reader.readAsArrayBuffer(file)\n }\n }\n\n const sampleSpreadsheets = [\n {\n language: 'en',\n name: 'Pie.for.Providers.Template.Spreadsheet.English.v.10.5.xlsx',\n text: 'Download our sample spreadsheet in English'\n },\n {\n language: 'es',\n name: 'Pie.for.Providers.Plantilla.de.Hoja.de.Calculo.Espanol.v.10.5.xlsx',\n text: 'Baja nuestra plantilla de hoja de cálculo en español'\n }\n ]\n\n return (\n {t('reviewImportedCases')}
\n {kids.length > 0 && (\n\n
\n )}\n \n {t('uploadCases')} \n {error && (\n
\n )\n}\n","import React, { useEffect } from 'react'\nimport {\n BrowserRouter as Router,\n Redirect,\n Route,\n Switch,\n useLocation\n} from 'react-router-dom'\nimport useHotjar from 'react-use-hotjar'\nimport runtimeEnv from '@mars/heroku-js-runtime-env'\nimport AuthenticatedRoute from '_utils/_routes/AuthenticatedRoute.js'\nimport Attendance from './Attendance'\nimport AttendanceView from './AttendanceView'\nimport Dashboard from './Dashboard'\nimport ComingSoon from './ComingSoon'\nimport GettingStarted from './GettingStarted'\nimport Confirmation from './Confirmation'\nimport NewPassword from './PasswordReset'\nimport Login from './Login'\n// import Signup from './Signup'\nimport NotFound from './NotFound'\nimport { ConfigProvider } from 'antd'\nimport ErrorBoundary from './ErrorBoundary'\nimport CasesImport from './CasesImport'\nimport { AuthLayout } from '_shared'\nimport { useTranslation } from 'react-i18next'\nimport { useAuthentication } from '_shared/_hooks/useAuthentication'\nimport { useGoogleAnalytics } from '_shared/_hooks/useGoogleAnalytics'\n\nconst env = runtimeEnv()\n\nconst Routes = () => {\n const { t } = useTranslation()\n const { initHotjar } = useHotjar()\n const isAuthenticated = useAuthentication()\n const { initGoogleAnalytics } = useGoogleAnalytics()\n let location = useLocation()\n\n useEffect(() => {\n if (env.REACT_APP_HOTJAR_ID) {\n initHotjar(env.REACT_APP_HOTJAR_ID, env.REACT_APP_HOTJAR_SV)\n }\n\n initGoogleAnalytics()\n }, [initGoogleAnalytics, initHotjar])\n\n useEffect(() => {\n const script = document.createElement('script')\n script.async = true\n\n if (env.NODE_ENV !== 'development') {\n script.src =\n '/mini-profiler-resources/includes.js?v=12b4b45a3c42e6e15503d7a03810ff33'\n script.type = 'text/javascript'\n script.id = 'mini-profiler'\n script.setAttribute(\n 'data-css-url',\n '/mini-profiler-resources/includes.css?v=12b4b45a3c42e6e15503d7a03810ff33'\n )\n }\n script.setAttribute('data-version', '12b4b45a3c42e6e15503d7a03810ff33')\n script.setAttribute('data-path', '/mini-profiler-resources/')\n script.setAttribute('data-horizontal-position', 'left')\n script.setAttribute('data-vertical-position', 'top')\n script.setAttribute('data-ids', '')\n script.setAttribute('data-trivial', 'false')\n script.setAttribute('data-children', 'false')\n script.setAttribute('data-max-traces', '20')\n script.setAttribute('data-controls', 'false')\n script.setAttribute('data-total-sql-count', 'false')\n script.setAttribute('data-authorized', 'true')\n script.setAttribute('data-toggle-shortcut', 'Alt+P')\n script.setAttribute('data-start-hidden', 'false')\n script.setAttribute('data-collapse-results', 'true')\n script.setAttribute('data-hidden-custom-fields', '')\n script.setAttribute('data-html-container', 'body')\n document.head.appendChild(script)\n })\n\n return (\n \n {sampleSpreadsheets.map(spreadsheet => (\n \n
\n