Créneau
Service
Destinataire
Opérateur
Emplacement
\n
\n
\n
\n)\n\nexport default Planning\n","import React, { useContext } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport { FiltersPreview, VariableFiltersPreview } from './filterspreviewcomponent'\n\nimport { PlanningContext } from 'pages/plannings/contexts'\n\nconst FiltersCollapse = () => {\n const data = useContext(PlanningContext)\n const { state } = useLocation()\n\n const selectedRecipients = state && state.recipients ? state.recipients : []\n const recipientIds = state && state.recipientIds ? state.recipientIds : []\n\n const selectedVariableValues = state && state.variableValues ? state.variableValues : []\n const selectedServices = state && state.serviceIds ? state.serviceIds : []\n const matchingServices = data.services ? data.services\n .filter(service => selectedServices.includes(service.id.toString()))\n .map(service => ({ id: service.id, value: service.name })) : []\n\n const matchingVariables = data.variableDetails ? data.variableDetails.filter(variable =>\n Object.keys(selectedVariableValues).includes(variable.id.toString())\n ) : []\n\n const variables = matchingVariables\n .map(variable => {\n const value = selectedVariableValues[variable.id]\n\n if (value && value.length > 0)\n return [variable, value]\n return null\n })\n .filter(item => item !== null)\n\n const matchingRecipient = selectedRecipients.map(recipient => ({\n id: recipient.value,\n value: recipient.text\n }))\n\n return (\n \n \n \n
\n
\n \n \n
\n \n
\n \n {selectedServices.length > 0 ?
\n )\n}\n\nexport default FiltersCollapse\n","import React, { useRef, useCallback, useEffect } from 'react'\nimport { useNavigate, useParams, useLocation } from 'react-router-dom'\nimport { toast } from 'react-toastify'\nimport { updateAppointmentSchedules } from 'pages/agenda/actions'\nimport { strDate } from 'pages/agenda/utils/date'\nimport { Modal, ModalHeader } from 'components'\nimport { ConfirmAction, ConfirmNotificationText } from '.'\n\nconst EditAppointmentSchedules = () => {\n const navigate = useNavigate()\n const modalRef = useRef()\n const { id } = useParams()\n const { state } = useLocation()\n const [startAt, endAt] = [strDate(state?.editStartAt), strDate(state?.editEndAt)]\n\n const removeDateState = () => ['editStartAt', 'editEndAt'].map(el => delete state[el])\n\n const closeModal = useCallback(() => {\n $(modalRef.current).modal('hide')\n removeDateState()\n navigate('/agenda', { state })\n }, [modalRef, state])\n\n const declineAction = useCallback(() => closeModal())\n\n const confirmAction = useCallback(() => {\n updateAppointmentSchedules({ id, startAt, endAt })\n .then(() => closeModal())\n .catch(({ message }) => toast.error(message))\n }, [state])\n\n useEffect(() => {\n $(modalRef.current).on('hidden.bs.modal',() => closeModal())\n $(modalRef.current).modal('show')\n }, [])\n\n return (\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n}\n\nSideBar.propTypes = {\n calendar: PropTypes.oneOf(['day', 'week', 'month', 'list']),\n date: PropTypes.string.isRequired\n}\n\nexport default SideBar\n","import React from 'react'\nimport FullCalendar from '@fullcalendar/react'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport bootstrapPlugin from '@fullcalendar/bootstrap'\nimport frLocale from '@fullcalendar/core/locales/fr'\n\nconst calendarFetchEventStructure = element => {\n const mandatoryFields = {\n availabilityId: element.id,\n classNames: [`event-color-${element.service.color}`],\n serviceId: element.service.id,\n title: element.service.name\n }\n\n if (element.recurrent) {\n return {\n ...mandatoryFields,\n recurrent: true,\n daysOfWeek: element.days_of_week,\n startTime: moment(element.start_time).format('HH:mm'),\n endTime: moment(element.end_time).format('HH:mm'),\n startRecur: element.recurrence_start_at,\n endRecur: moment(element.recurrence_end_at).add(1, 'days').toDate(),\n editable: true\n }\n }\n\n return {\n ...mandatoryFields,\n start: element.start_at,\n end: element.end_at\n }\n}\n\nconst calendarCreateEventStructure = (info, formData) => {\n const mandatoryFields = { service_id: formData.id }\n\n if (formData.recurrent) {\n const startTime = moment(info.date)\n const startTimeEndOfDay = moment(info.date).endOf('day')\n let endTime = moment(info.date).add(formData.duration, 'minutes')\n\n if (startTimeEndOfDay < endTime)\n endTime = startTimeEndOfDay\n\n return {\n ...mandatoryFields,\n recurrent: true,\n days_of_week: formData.daysOfWeek,\n recurrence_start_at: formData.recurrenceStart,\n recurrence_end_at: formData.recurrenceEnd,\n start_time: startTime.format('HH:mm'),\n end_time: endTime.format('HH:mm')\n }\n }\n\n return {\n ...mandatoryFields,\n start_at: info.dateStr,\n end_at: moment(info.date).add(formData.duration, 'minutes').toISOString()\n }\n}\n\nconst calendarFetchEvent = (_info, successCallback, failureCallback) => {\n let url = '/availabilities.json'\n const calendarId = $('#availabilities-calendar-picker :selected').val()\n\n if (calendarId.length !== 0)\n url = `${url}?calendar=${calendarId}`\n\n $.ajax(url, {\n type: 'GET',\n success: result => successCallback(result.map(calendarFetchEventStructure)),\n error: (jqXHR, _textStatus, errorThrown) => failureCallback(errorThrown, jqXHR)\n })\n}\n\nconst calendarCreateEvent = (info, formData) => {\n $.ajax('/availabilities', {\n type: 'POST',\n data: {\n calendar: $('#availabilities-calendar-picker').val(),\n availability: calendarCreateEventStructure(info, formData)\n },\n success: () => info.view.calendar.refetchEvents()\n })\n}\n\nconst calendarDateClick = info => {\n const modal = $('#add-availability')\n const submitButton = modal.find('button[type=\"submit\"]')\n\n submitButton.attr('disabled', false).text('Ajouter')\n modal.modal('show')\n modal.one('hidden.bs.modal', () => submitButton.off('click'))\n\n submitButton.one('click', () => {\n submitButton.attr('disabled', true).text('Veuillez patienter...')\n\n const service = modal.find('#select-service option[selected=\"selected\"]')\n let recurrent = false\n\n if (modal.find('input[name=\"availability[recurrent]\"]:checked').val() === 'on')\n recurrent = true\n\n if (service.length > 0) {\n let duration = (parseInt(modal.find('#input-duration-hours').val(), 10) * 60) +\n parseInt(modal.find('#input-duration-minutes').val(), 10)\n\n if (isNaN(duration) || duration < 5 || duration > 10079)\n duration = service.data('duration')\n\n calendarCreateEvent(info, {\n id: service.val(),\n name: service.text(),\n color: service.data('color'),\n duration,\n recurrent,\n daysOfWeek: modal.find('#select-days-of-week').val(),\n recurrenceStart: $('#input-recurrence-start-at').val(),\n recurrenceEnd: $('#input-recurrence-end-at').val()\n })\n\n if (recurrent)\n modal.find('label.ml-2.ts-label').trigger('click')\n modal.find('#select-service').selectpicker('val', null)\n modal.find('#input-duration-hours').val(0)\n modal.find('#input-duration-minutes').val(0)\n modal.find('#select-days-of-week').selectpicker('val', null)\n }\n\n modal.modal('hide')\n })\n}\n\nconst calendarClickEvent = info => {\n const { availabilityId } = info.event.extendedProps\n\n if (!availabilityId)\n return\n\n const modal = $('#delete-availability')\n\n modal.find('.text-message').removeClass('d-none')\n modal.find('.loading').addClass('d-none')\n modal.find('.normal-submit, .recurrent-submit').addClass('d-none')\n modal.find('button').attr('disabled', false)\n\n if (info.event.extendedProps.recurrent) {\n const submitButtons = modal.find('.recurrent-submit button')\n\n modal.find('.recurrent-submit').removeClass('d-none')\n modal.one('hidden.bs.modal', () => submitButtons.off('click'))\n\n submitButtons.one('click', event => {\n submitButtons.attr('disabled', true)\n modal.find('.text-message').addClass('d-none')\n modal.find('.loading').removeClass('d-none')\n\n $.ajax(`/availabilities/${availabilityId}`, {\n type: 'DELETE',\n data: {\n calendar: $('#availabilities-calendar-picker').val(),\n destroy_recurrence: event.target.classList.contains('btn-secondary'),\n start_at: info.event.startStr\n },\n success: () => {\n info.view.calendar.refetchEvents()\n modal.modal('hide')\n }\n })\n })\n } else {\n const submitButton = modal.find('.normal-submit button.btn-primary')\n\n modal.find('.normal-submit').removeClass('d-none')\n modal.one('hidden.bs.modal', () => submitButton.off('click'))\n\n submitButton.one('click', () => {\n submitButton.attr('disabled', true)\n modal.find('.text-message').addClass('d-none')\n modal.find('.loading').removeClass('d-none')\n\n $.ajax(`/availabilities/${availabilityId}`, {\n type: 'DELETE',\n data: { calendar: $('#availabilities-calendar-picker').val() },\n success: () => {\n info.view.calendar.refetchEvents()\n modal.modal('hide')\n }\n })\n })\n }\n\n modal.modal('show')\n}\n\nconst calendarEditEvent = info => {\n const { availabilityId } = info.event.extendedProps\n\n if (!availabilityId) {\n info.revert()\n return\n }\n\n $.ajax(`/availabilities/${availabilityId}`, {\n type: 'PATCH',\n data: {\n calendar: $('#availabilities-calendar-picker').val(),\n availability: {\n start_at: info.event.startStr,\n end_at: info.event.endStr\n }\n },\n success: _response => {\n info.view.calendar.refetchEvents()\n },\n error: info.revert\n })\n}\n\nconst Availabilities = () => {\n const timeGridView = {\n allDaySlot: false,\n slotDuration: '00:15:00',\n scrollTime: `${new Date().getHours().toString().padStart(2, '0')}:00`\n }\n\n return (\n \n
\n \n
\n \n Filtrer mon agenda\n
\n \n
\n \n
\n )\n}\n\nexport default Availabilities\n","import React, { useMemo } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport { formatParams } from 'pages/plannings/utils/planning'\nimport { toast } from 'react-toastify'\n\n\nconst ExportButton = () => {\n const { state } = useLocation()\n const params = useMemo(() => formatParams(state), [state])\n const xlsxUrl = `/planning?format=xlsx&${params}`\n const pdfUrl = `/planning?format=pdf&${params}`\n\n const handleAjaxCall = async url => {\n try {\n const response = await fetch(url, { method: 'GET' })\n if (response.ok) {\n const successMessage = 'Votre demande a bien été prise en compte,' +\n 'vous allez recevoir le fichier par email dans quelques minutes'\n toast.success(successMessage)\n }\n else\n toast.error('Une erreur est survenue')\n } catch (_error) {\n toast.error('Une erreur est survenue')\n }\n }\n\n return (\n <>\n \n
\n \n \n )\n}\n\nexport default ExportButton","import axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { headers } from './utils'\n\nconst updateUser = (userId, user = {}) => axios.put(`/users/${userId}.json`, { user }, { headers })\n .then(({ data }) => data)\n .catch(() => toast.error('Une erreur est survenue'))\n\nexport { updateUser }\n","import React, { useContext } from 'react'\nimport PropTypes from 'prop-types'\nimport { InputDate, Icon, IconButton } from 'components'\nimport { AgendaContext } from 'pages/agenda/contexts'\nimport { AppointmentForm } from 'pages/agenda/components'\nimport { formikPropTypes } from 'components/form/utils'\n\nconst Form = ({ formik, setEditBodyMode }) => {\n const { currentUserRole } = useContext(AgendaContext)\n const isSameOrBeforeStart = moment().isSameOrBefore(formik.values.startAt)\n const isDeletable = ['admin', 'staff'].includes(currentUserRole)\n const isConfirmable = formik.values.status === 'confirmation' && isSameOrBeforeStart\n const isRefusable = formik.values.status === 'confirmation' && isSameOrBeforeStart\n const isCancelable = ['preset', 'approved'].includes(formik.values.status) && isSameOrBeforeStart\n const isRedoable = formik.values.status === 'preset' && isSameOrBeforeStart\n const isFromThePast = moment(formik.values.startAt).isBefore(moment())\n\n const iconButtons = [\n {\n isActive: isDeletable,\n type: 'danger',\n title: 'Supprimer',\n iconName: 'trash',\n onClick: () => setEditBodyMode('destroy')\n },\n {\n isActive: isConfirmable,\n type: 'success',\n title: 'Confirmer',\n text: 'Confirmer',\n iconName: 'check',\n onClick: () => setEditBodyMode('confirm')\n },\n {\n isActive: isRefusable,\n type: 'danger',\n title: 'Refuser',\n text: 'Refuser',\n iconName: 'ban',\n onClick: () => setEditBodyMode('refuse')\n },\n {\n isActive: isCancelable,\n type: 'danger',\n title: 'Annuler',\n iconName: 'ban',\n onClick: () => setEditBodyMode('cancel')\n },\n {\n isActive: isRedoable,\n type: 'danger',\n title: 'Relancer',\n iconName: 'redo',\n onClick: () => setEditBodyMode('redo')\n }\n ]\n\n return (\n <>\n \n
\n \n
\n \n \n {' '}\n Exporter le planning\n
\n \n\n
\n \n
\n \n handleAjaxCall(xlsxUrl)} // eslint-disable-line react/jsx-no-bind\n >\n
\n \n
\n \n \n
\n \n
\n \n Export Excel\n
\n \n\n Exportez le planning opérationnel au format Excel pour une vue d’ensemble.\n
\n\n handleAjaxCall(pdfUrl)} // eslint-disable-line react/jsx-no-bind\n >\n
\n \n
\n \n \n
\n \n
\n \n Export groupé des PDF\n
\n \n\n Configurez un export groupé des PDF que vous avez paramétrés dans les services.\n
\n\n
\n \n \n \n Sauvegarder\n \n
\n \n )\n}\n\nForm.propTypes = {\n formik: formikPropTypes.isRequired,\n setEditBodyMode: PropTypes.func.isRequired\n}\n\nexport default Form\n","import React, { useContext } from 'react'\nimport { Link } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport exportIcon from 'images/icons/export.svg'\nimport { AgendaContext } from 'pages/agenda/contexts'\n\nconst LinkToExportPdf = ({ date, mobile = false }) => {\n const { userId, services } = useContext(AgendaContext)\n const serviceIds = services.map(service => service[0])\n const linkClasses = ['btn btn-sidebar w-100', {\n 'sidebar-btn': !mobile,\n 'pt-2': mobile\n }]\n\n const exportURL = `/agenda/export.pdf?user_id=${userId}` +\n `&service_ids=${serviceIds.join('-')}` +\n `&start_date=${moment(date).format('YYYY-MM-DD')}` +\n `&end_date=${moment(date).add(1, 'month').format('YYYY-MM-DD')}`\n\n return (\n \n \n
\n \n
\n)\n\nModalHeader.propTypes = {\n title: PropTypes.string.isRequired\n}\n\nconst ModalFooter = ({ closeText }) => (\n \n
\n \n \n \n
\n)\n\nModalFooter.propTypes = {\n closeText: PropTypes.string.isRequired\n}\n\nconst VariableModal = () => (\n \n
\n)\n\nexport default VariableModal\n","import React, { useCallback } from 'react'\nimport { useLocation, useNavigate } from 'react-router-dom'\nimport { Icon } from 'components'\nimport PropTypes from 'prop-types'\n\nconst FiltersPreviewItem = ({ item, stateValue }) => {\n const { state } = useLocation()\n const navigate = useNavigate()\n\n const values = state && state[stateValue] ? state[stateValue] : []\n\n const onClick = useCallback(() => {\n const updatedStateValue = values.filter(stateId => stateId !== item.id.toString())\n\n navigate(null, { state: { ...state, [stateValue]: updatedStateValue } })\n }, [stateValue, values])\n\n return (\n \n {item.value}\n \n \n
\n \n
\n \n
\n \n \n {appointmentKeys.slice(1).map(key => (\n
\n \n )}\n \n )\n}\n\nAppointmentCell.propTypes = {\n appointments: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n recipient_id: PropTypes.number.isRequired,\n service_id: PropTypes.number.isRequired\n })\n )\n}\n\nexport default AppointmentCell\n","import React, { useCallback } from 'react'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport PropTypes from 'prop-types'\n\nconst Pagination = ({ page, pages, onPageChange }) => {\n const { state } = useLocation()\n const navigate = useNavigate()\n\n const handlePageChange = useCallback(newPage => {\n if (newPage >= 1 && newPage <= pages) {\n onPageChange(newPage)\n navigate(null, { state: { ...state, page: newPage } })\n }\n }, [navigate, onPageChange, pages, state])\n\n const handlePageClick = useCallback(index => () => {\n handlePageChange(index)\n }, [handlePageChange])\n\n const handlePrevClick = useCallback(() => {\n handlePageChange(page - 1)\n }, [handlePageChange, page])\n\n const handleNextClick = useCallback(() => {\n handlePageChange(page + 1)\n }, [handlePageChange, page])\n\n const renderPageNumbers = useCallback(() => {\n const pageNumbers = []\n const maxPageNumbersToShow = 5\n const halfMaxPageNumbersToShow = Math.floor(maxPageNumbersToShow / 2)\n\n let startPage = Math.max(1, page - halfMaxPageNumbersToShow)\n let endPage = Math.min(pages, page + halfMaxPageNumbersToShow)\n\n if (page <= halfMaxPageNumbersToShow)\n endPage = Math.min(pages, maxPageNumbersToShow)\n else if (page + halfMaxPageNumbersToShow >= pages)\n startPage = Math.max(1, pages - maxPageNumbersToShow + 1)\n\n\n if (startPage > 1) {\n pageNumbers.push(\n \n
\n {appointmentKeys.length > 1 && (\n <>\n {isButtonVisible ? (\n \n \n {`Tout voir (${appointmentKeys.length - 1})`}\n \n
\n ) : null}\n \n
\n ))}\n \n \n Précédent\n \n {renderPageNumbers()}\n \n Suivant\n \n
\n )\n}\n\nPagination.propTypes = {\n onPageChange: PropTypes.func.isRequired,\n page: PropTypes.number.isRequired,\n pages: PropTypes.number.isRequired\n}\n\nexport default Pagination","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Tablehead } from './tableheadcomponent'\nimport { Tablebody } from './tablebodycomponent'\nimport NoAppointmentItem from './NoAppointmentItem'\n\nconst Table = ({ planningData }) => {\n const hasAppointments = Object.keys(planningData.recipients).length > 0\n\n return hasAppointments ? (\n {sendableText}
\n )\n}\n\nConfirmNotificationText.propTypes = {\n date: PropTypes.string.isRequired\n}\n\nexport default ConfirmNotificationText\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nconst LinkToAvailabilities = ({ mobile = false }) => {\n const parentClasses = classNames({\n 'sidebar-availability': !mobile,\n 'pb-2 pt-3': mobile\n })\n\n const linkClasses = classNames('sidebar-calendar btn btn-availability w-100', {\n 'sidebar-btn py-2': !mobile\n })\n\n return (\n \n )\n}\n\nLinkToAvailabilities.propTypes = {\n mobile: PropTypes.bool\n}\n\nexport default LinkToAvailabilities\n","import React, { useContext } from 'react'\nimport PropTypes from 'prop-types'\nimport { useLocation, useNavigate } from 'react-router-dom'\nimport { AgendaContext } from 'pages/agenda/contexts'\nimport { updateUser } from 'pages/agenda/actions'\nimport { ButtonGroup } from 'components'\n\nconst AgendaFilter = ({ calendar }) => {\n const { userId, agendaLabel } = useContext(AgendaContext)\n const { state } = useLocation()\n const navigate = useNavigate()\n const isActive = type => (state?.agendaLabel || agendaLabel) === type\n\n const onClick = type => {\n updateUser(state?.userId || userId, { agenda_label: type }).then(({ agenda_label }) =>\n navigate(null, { state: { ...state, agendaLabel: agenda_label } })\n )\n }\n\n const btns = [\n { key: 'service', value: 'Service', isActive, onClick },\n { key: 'recipient', value: 'Destinataire', isActive, onClick }\n ]\n\n return (\n calendar === 'list' ? '' : (\n\n
\n )\n )\n}\n\nAgendaFilter.propTypes = {\n calendar: PropTypes.string.isRequired\n}\n\nexport default AgendaFilter\n","import React, { useContext, useEffect, useRef, useCallback } from 'react'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { PlanningContext } from 'pages/plannings/contexts'\n\nconst ServiceFilter = () => {\n const { services } = useContext(PlanningContext)\n const ref = useRef()\n const { state } = useLocation()\n const navigate = useNavigate()\n\n const serviceIds = state?.serviceIds || services.map(service => service[0])\n const servicesArray = Object.entries(services)\n\n const onChange = useCallback(event => {\n const { selectedOptions } = event.target\n const selectedServices = Array.from(selectedOptions).map(({ value }) => value)\n\n navigate(null, { state: { ...state, serviceIds: selectedServices, page: 1 } })\n }, [])\n\n useEffect(() => {\n $(ref.current).selectpicker('val', state?.serviceIds)\n $(ref.current).trigger('change')\n $(ref.current).on('changed.bs.select', onChange)\n $(ref.current).selectpicker({ dropdownAlignRight: true })\n\n return () => {\n if (ref.current)\n $(ref.current).off('changed.bs.select', onChange)\n }\n }, [serviceIds])\n\n return (\n \n \n {servicesArray.map(([_index, service]) => (\n \n {service.name}\n \n ))}\n \n
\n )\n}\n\nexport default ServiceFilter\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst CalendarList = ({\n recipientName = '...',\n operator = '...',\n location = '...'\n}) => (\n <>\n \n
\n)\n\nexport default Loader","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Icon } from 'components'\n\nconst IconList = ({ list }) => (\n \n
\n Veuillez patienter...
\n\n {list.map(({ icon, title, value }) => (\n
\n)\n\nIconList.propTypes = {\n list : PropTypes.arrayOf(\n PropTypes.exact({\n icon: PropTypes.string.isRequired,\n title: PropTypes.string,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ])\n })\n ).isRequired\n}\n\nexport default IconList\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Icon } from 'components'\n\nconst IconButton = ({\n type = 'primary',\n title,\n text = '',\n iconName,\n className,\n onClick\n}) => {\n const btnClasses = classNames('btn', `btn-${type}`, className)\n const iconClasses = classNames({ 'mr-2': Boolean(text) })\n\n return (\n \n )\n}\n\nIconButton.propTypes = {\n className: PropTypes.string.isRequired,\n iconName: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n text: PropTypes.string,\n title: PropTypes.string.isRequired,\n type: PropTypes.string\n}\n\nexport default IconButton\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nconst ButtonGroup = ({ btns }) => {\n const setActiveClass = active => classNames('btn btn-sm', {\n 'btn-primary': active,\n 'btn-outline-primary': !active\n })\n\n return (\n \n
\n ))}\n {value || value === 0 ? value : 'N.C'}
\n\n {btns.map(({ key, value, isActive, onClick }) => (\n onClick(key)} // eslint-disable-line react/jsx-no-bind\n >\n {value}\n \n ))}\n
\n )\n}\n\nButtonGroup.propTypes = {\n btns: PropTypes.arrayOf(\n PropTypes.exact({\n key: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n isActive: PropTypes.func.isRequired,\n onClick: PropTypes.func.isRequired\n })\n ).isRequired\n}\n\nexport default ButtonGroup\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Modal = ({ modalRef, children }) => (\n \n
\n)\n\nModal.propTypes = {\n children: PropTypes.node.isRequired,\n modalRef: PropTypes.exact({\n current: PropTypes.instanceOf(HTMLDivElement)\n }).isRequired\n}\n\nexport default Modal","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Icon } from 'components'\n\nconst Header = ({ title = '', icon = null, closeModal }) => (\n \n
\n \n {children}\n
\n \n \n { icon ? (\n
\n \n
\n)\n\nHeader.propTypes = {\n closeModal: PropTypes.func.isRequired,\n icon: PropTypes.exact({\n name: PropTypes.string.isRequired,\n title: PropTypes.string,\n type: PropTypes.string\n }),\n title: PropTypes.string\n}\n\nexport default Header","import React, { useRef, useEffect, memo, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Icon, ErrorMessage } from 'components'\nimport { initSelectpicker, formikPropTypes } from './utils'\n\nconst defaultIcon = {}\n\nconst Select = ({\n name = '',\n field,\n formik,\n error = '',\n icon = defaultIcon,\n options,\n multiple = false,\n disabled = false,\n ...rest\n}) => {\n const selectRef = useRef()\n\n useEffect(() => { initSelectpicker(selectRef.current) }, [])\n\n useEffect(() => { $(selectRef.current).selectpicker('refresh') })\n\n const onChange = useCallback(({ target: { selectedOptions } }) => {\n const value = Array.from(selectedOptions).map(option => option.value)\n formik.setFieldValue(field, multiple ? value : value[0])\n }, [field, multiple])\n\n const inputClasses = classNames('form-control', { 'is-invalid': Boolean(error) })\n\n return (\n \n { icon ? (\n
\n \n \n
\n )\n}\n\nSelect.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.string,\n field: PropTypes.string.isRequired,\n formik: formikPropTypes.isRequired,\n icon: PropTypes.exact({\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n }),\n multiple: PropTypes.bool,\n name: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.exact({\n key: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ).isRequired\n}\n\nconst isMemoizable = (prev, next) =>\n prev.disabled === next.disabled &&\n prev.formik.values[prev.field] === next.formik.values[next.field] &&\n prev.formik.errors[prev.field] === next.formik.errors[next.field]\n\n\nexport default memo(Select, isMemoizable)","import React, { useEffect, useRef, memo, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Icon, ErrorMessage } from 'components'\nimport { initAjaxSelectpicker, formikPropTypes } from './utils'\n\nconst defaultCallback = () => null\nconst defaultIcon = {}\n\nconst AjaxSelect = ({\n name = '',\n field,\n formik,\n error = '',\n url,\n title = null,\n icon = defaultIcon,\n multiple = false,\n options = null,\n callback = defaultCallback,\n disabled = false\n}) => {\n const selectRef = useRef()\n const inputClasses = classNames('form-control', { 'is-invalid': Boolean(error) })\n const selectTitle = multiple ? null : title\n\n useEffect(() => initAjaxSelectpicker(selectRef.current, { url, title: selectTitle }), [])\n\n useEffect(() => { $(selectRef.current).selectpicker('refresh') })\n\n const onChange = useCallback(({ target: { selectedOptions } }) => {\n const arrayOptions = Array.from(selectedOptions)\n const value = arrayOptions.map(option => option.value)\n\n callback(arrayOptions)\n formik.setFieldValue(field, multiple ? value : value[0])\n }, [field, multiple])\n\n return (\n \n
\n \n \n {options.map(({ key, value }) => (\n \n ))}\n \n {error ?
\n \n
\n )\n}\n\nAjaxSelect.propTypes = {\n callback: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string,\n field: PropTypes.string.isRequired,\n formik: formikPropTypes.isRequired,\n icon: PropTypes.exact({\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n }),\n multiple: PropTypes.bool,\n name: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.exact({\n key: PropTypes.number,\n value: PropTypes.string\n })\n ),\n title: PropTypes.string,\n url: PropTypes.string.isRequired\n}\n\nconst isMemoizable = (prev, next) =>\n prev.disabled === next.disabled &&\n prev.formik.values[prev.field] === next.formik.values[next.field] &&\n prev.formik.errors[prev.field] === next.formik.errors[next.field]\n\n\nexport default memo(AjaxSelect, isMemoizable)\n","import React, { useEffect, useRef, memo, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Icon, ErrorMessage } from 'components'\nimport { initFlatpickr, formikPropTypes } from './utils'\n\nconst defaultIcon = {}\n\nconst InputDate = ({\n name = '',\n field,\n formik,\n error = '',\n icon = defaultIcon,\n formClass = '',\n disabled = false,\n ...rest\n}) => {\n const inputRef = useRef()\n const formClasses = classNames('form-group row', formClass)\n const inputClasses = classNames('form-control', { 'is-invalid': Boolean(error) })\n\n const onClose = useCallback((_selectedDates, dateStr, _instance) => {\n formik.setFieldValue(field, dateStr)\n }, [field])\n\n const onChange = useCallback(() => null)\n\n useEffect(() => initFlatpickr(inputRef, onClose))\n\n return (\n \n
\n \n \n {options?.map(option => (\n \n ))}\n \n {error ?
\n \n
\n )\n}\n\nInputDate.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.string,\n field: PropTypes.string.isRequired,\n formClass: PropTypes.string,\n formik: formikPropTypes.isRequired,\n icon: PropTypes.exact({\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n }),\n name: PropTypes.string\n}\n\nconst isMemoizable = (prev, next) =>\n prev.field === next.field &&\n prev.disabled === next.disabled &&\n prev.formik.values[prev.field] === next.formik.values[next.field] &&\n prev.formik.errors[prev.field] === next.formik.errors[next.field]\n\n\nexport default memo(InputDate, isMemoizable)","import React, { memo, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Icon } from 'components'\nimport { formikPropTypes } from './utils'\n\nconst defaultIcon = {}\n\nconst Input = ({\n field,\n formik,\n error = '',\n icon = defaultIcon,\n type = 'text',\n disabled = false,\n formClasse = '',\n name= '',\n ...rest\n}) => {\n const inputClasses = classNames('form-control', { 'is-invalid': Boolean(error) })\n const formClasses = classNames('form-group row', formClasse)\n\n const onChange = useCallback(({ target }) => {\n formik.setFieldValue(field, target.value)\n }, [field])\n\n return (\n \n
\n \n
\n \n
\n )\n}\n\nInput.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.string,\n field: PropTypes.string.isRequired,\n formClasse: PropTypes.string,\n formik: formikPropTypes.isRequired,\n icon: PropTypes.exact({\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n }),\n name: PropTypes.string,\n type: PropTypes.string\n}\n\nconst isMemoizable = (prev, next) =>\n prev.disabled === next.disabled &&\n prev.formik.values[prev.field] === next.formik.values[next.field] &&\n prev.formik.errors[prev.field] === next.formik.errors[next.field]\n\n\n\nexport default memo(Input, isMemoizable)\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ErrorMessage = ({ message }) => (\n \n
\n \n
\n \n {message}\n
\n)\n\nErrorMessage.propTypes = {\n message: PropTypes.string.isRequired\n}\n\nexport default ErrorMessage\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ErrorCard = ({ message }) => (\n \n
\n)\n\n\nErrorCard.propTypes = {\n message: PropTypes.string.isRequired\n}\n\nexport default ErrorCard\n","import React, { useEffect, useRef, useCallback } from 'react'\nimport { useLocation, useNavigate } from 'react-router-dom'\n\nconst CalendarFilter = () => {\n const navigate = useNavigate()\n const { state } = useLocation()\n const ref = useRef()\n const options = [\n { key: 'Mensuel', value: 'month' },\n { key: 'Hebdomadaire', value: 'week' },\n { key: 'Quotidienne', value: 'day' },\n { key: 'Liste', value: 'list' }\n ]\n\n const onChange = useCallback(({ target }) => {\n navigate(null, { state: { ...state, calendar: target.value } })\n }, [state])\n\n useEffect(() => { $(ref.current).selectpicker() }, [])\n\n return (\n \n
\n Une erreur est survenue
\n\n {message}\n
\n\n {Object.entries(dateRange).map(([_id, range]) => (\n \n {range.title}\n \n ))}\n {index < dateRangesArray.length - 1 &&
}\n
\n ))\n}\n\nexport default Period\n","import moment from 'moment'\n\nconst serviceStructure = element => ({\n id: element.id,\n name: element.name,\n color: element.color\n})\n\nconst recipientStructure = element => ({\n id: element.id,\n name: `${element.last_name.toUpperCase() } ${ element.first_name}`,\n list_id: element.list_id\n})\n\nconst planningStructure = res => {\n const services = res.services.map(serviceStructure)\n const recipients = res.recipients.map(recipientStructure)\n const { appointments } = res\n const pagination = res?.pagination\n\n return { services, recipients, appointments, pagination }\n}\n\nconst formatDate = date => date ? moment(date, 'DD/MM/YYYY').format('DD-MM-YYYY') : null\n\nconst formatIds = ids => ids ? ids.join('-') : null\n\nconst formatUrl = values => values ? new URLSearchParams(values).toString() : null\n\nconst formatParams = data => {\n const params = new URLSearchParams()\n const obj = {\n range_start: formatDate(data?.rangeStart),\n range_end: formatDate(data?.rangeEnd),\n recipient_ids: formatIds(data?.recipientIds),\n service_ids: formatIds(data?.serviceIds),\n variable_values: formatUrl(data?.variableValues)\n }\n\n Object.entries(obj).forEach(([key, val]) => val ? params.append(key, val) : null)\n\n return params.toString()\n}\n\nexport { planningStructure, formatParams }\n","import React from 'react'\nimport { Icon } from 'components'\nimport PropTypes from 'prop-types'\n\nconst NewAppointmentItem = ({ recipient_id, service_id }) => {\n const params = `?recipient_id=${recipient_id}&service_id=${service_id}&type=preset`\n const url = `/dashboard/appointment_batches/new${params}`\n\n return (\n }\n
\n \n
\n )\n}\n\nNewAppointmentItem.propTypes = {\n recipient_id: PropTypes.number.isRequired,\n service_id: PropTypes.number.isRequired\n}\n\nexport default NewAppointmentItem\n","/* eslint-disable no-template-curly-in-string */\n\nimport { printValue } from 'yup'\n\nexport const mixed = {\n default: '${path} n\\'est pas valide.',\n required: '${path} est un champ requis',\n defined: '${path} doit être défini',\n notNull: '${path} ne peut pas être nul',\n oneOf: '${path} doit être l\\'une des valeurs suivantes: ${values}',\n notOneOf: '${path} ne doit pas être l\\'une des valeurs suivantes: ${values}',\n notType: ({ path, type, value, originalValue }) => {\n const isCast = originalValue !== null && originalValue !== value\n let msg =\n `${path} doit être un type \\`${type}\\`, ` +\n `Mais la valeur finale était: \\`${printValue(value, true)}\\`${\n isCast? ` (coulé à partir de la valeur \\`${printValue(\n originalValue,\n true\n )}\\`).`: '.'}`\n\n if (value === null) {\n msg +=\n '\\n Si \"null\" est conçu comme une valeur vide, assurez-vous de marquer le schéma comme' +\n ' `.nullable()`'\n }\n\n return msg\n }\n}\n\nexport const string = {\n length: '${path} doit être exactement ${length} caractères',\n min: '${path} doit être au moins ${min} caractères',\n max: '${path} doit être au plus ${max} caractères',\n matches: '${path} doit correspondre à ce qui suit: \"${regex}\"',\n email: '${path} doit être un e-mail valide',\n url: '${path} doit être une URL valide',\n uuid: '${path} doit être un uuid valide',\n trim: '${path} doit être une chaîne taillée',\n lowercase: '${path} doit être une chaîne en minuscules',\n uppercase: '${path} Doit être une chaîne en majuscules'\n}\n\nexport const number = {\n min: '${path} doit être supérieur ou égal à ${min}',\n max: '${path} doit être inférieur ou égal à ${max}',\n lessThan: '${path} doit être inférieur à ${less}',\n moreThan: '${path} doit être supérieur à ${more}',\n positive: '${path} doit être un nombre positif',\n negative: '${path} doit être un nombre négatif',\n integer: '${path} doit être un entier'\n}\n\nexport const date = {\n min: '${path} Le champ doit être plus tard que ${min}',\n max: '${path} Le champ doit être plus tôt que ${max}'\n}\n\nexport const boolean = {\n isValue: '${path} Le champ doit être ${value}'\n}\n\nexport const object = {\n noUnknown:\n '${path} Le champ ne peut pas avoir des clés non spécifiées dans la forme de l\\'objet'\n}\n\nexport const array = {\n min: '${path} Le champ doit avoir au moins ${min} des articles',\n max: '${path} Le champ doit avoir moins ou égal à ${max}',\n length: '${path} doit avoir ${length} des articles'\n}\n","import React from 'react'\nimport { VariableModal } from './variableComponent'\nimport { Icon } from 'components'\n\nconst VariableButton = () => (\n <>\n \n
\n \n \n \n {variablesArray.map(([_id, variableDetail]) => (\n \n ))}\n \n \n
\n )\n}\n\nexport default VariableDetailFilter\n","var map = {\n\t\"./agenda\": 45421,\n\t\"./agenda/\": 45421,\n\t\"./agenda/actions\": 36891,\n\t\"./agenda/actions/\": 36891,\n\t\"./agenda/actions/appointmentActions\": 48747,\n\t\"./agenda/actions/appointmentActions.js\": 48747,\n\t\"./agenda/actions/appointmentScheduleActions\": 6796,\n\t\"./agenda/actions/appointmentScheduleActions.js\": 6796,\n\t\"./agenda/actions/index\": 36891,\n\t\"./agenda/actions/index.js\": 36891,\n\t\"./agenda/actions/userActions\": 37561,\n\t\"./agenda/actions/userActions.js\": 37561,\n\t\"./agenda/actions/utils\": 10214,\n\t\"./agenda/actions/utils.js\": 10214,\n\t\"./agenda/components\": 49480,\n\t\"./agenda/components/\": 49480,\n\t\"./agenda/components/AppointmentForm\": 11841,\n\t\"./agenda/components/AppointmentForm.jsx\": 11841,\n\t\"./agenda/components/Calendar\": 32228,\n\t\"./agenda/components/Calendar.jsx\": 32228,\n\t\"./agenda/components/CalendarList\": 56876,\n\t\"./agenda/components/CalendarList.jsx\": 56876,\n\t\"./agenda/components/CustomInput\": 5839,\n\t\"./agenda/components/CustomInput.jsx\": 5839,\n\t\"./agenda/components/EditAppointmentSchedules\": 23093,\n\t\"./agenda/components/EditAppointmentSchedules.jsx\": 23093,\n\t\"./agenda/components/ListTableHeader\": 15919,\n\t\"./agenda/components/ListTableHeader.jsx\": 15919,\n\t\"./agenda/components/NewAppointment\": 50227,\n\t\"./agenda/components/NewAppointment.jsx\": 50227,\n\t\"./agenda/components/confirmAction\": 18461,\n\t\"./agenda/components/confirmAction/\": 18461,\n\t\"./agenda/components/confirmAction/ConfirmAction\": 82177,\n\t\"./agenda/components/confirmAction/ConfirmAction.jsx\": 82177,\n\t\"./agenda/components/confirmAction/ConfirmNotificationText\": 54323,\n\t\"./agenda/components/confirmAction/ConfirmNotificationText.jsx\": 54323,\n\t\"./agenda/components/confirmAction/index\": 18461,\n\t\"./agenda/components/confirmAction/index.js\": 18461,\n\t\"./agenda/components/editAppointment\": 80454,\n\t\"./agenda/components/editAppointment/\": 80454,\n\t\"./agenda/components/editAppointment/EditAppointment\": 98105,\n\t\"./agenda/components/editAppointment/EditAppointment.jsx\": 98105,\n\t\"./agenda/components/editAppointment/Form\": 37766,\n\t\"./agenda/components/editAppointment/Form.jsx\": 37766,\n\t\"./agenda/components/editAppointment/index\": 80454,\n\t\"./agenda/components/editAppointment/index.jsx\": 80454,\n\t\"./agenda/components/header\": 58888,\n\t\"./agenda/components/header/\": 58888,\n\t\"./agenda/components/header/Header\": 89557,\n\t\"./agenda/components/header/Header.jsx\": 89557,\n\t\"./agenda/components/header/filters\": 7100,\n\t\"./agenda/components/header/filters/\": 7100,\n\t\"./agenda/components/header/filters/CalendarFilter\": 62098,\n\t\"./agenda/components/header/filters/CalendarFilter.jsx\": 62098,\n\t\"./agenda/components/header/filters/TypeFilter\": 94480,\n\t\"./agenda/components/header/filters/TypeFilter.jsx\": 94480,\n\t\"./agenda/components/header/filters/UserFilter\": 85557,\n\t\"./agenda/components/header/filters/UserFilter.jsx\": 85557,\n\t\"./agenda/components/header/filters/index\": 7100,\n\t\"./agenda/components/header/filters/index.js\": 7100,\n\t\"./agenda/components/header/index\": 58888,\n\t\"./agenda/components/header/index.js\": 58888,\n\t\"./agenda/components/index\": 49480,\n\t\"./agenda/components/index.js\": 49480,\n\t\"./agenda/components/links\": 52242,\n\t\"./agenda/components/links/\": 52242,\n\t\"./agenda/components/links/LinkToAvailabilities\": 54518,\n\t\"./agenda/components/links/LinkToAvailabilities.jsx\": 54518,\n\t\"./agenda/components/links/LinkToCalendars\": 32306,\n\t\"./agenda/components/links/LinkToCalendars.jsx\": 32306,\n\t\"./agenda/components/links/LinkToExportPdf\": 40798,\n\t\"./agenda/components/links/LinkToExportPdf.jsx\": 40798,\n\t\"./agenda/components/links/index\": 52242,\n\t\"./agenda/components/links/index.js\": 52242,\n\t\"./agenda/components/sideBar\": 77419,\n\t\"./agenda/components/sideBar/\": 77419,\n\t\"./agenda/components/sideBar/SideBar\": 34409,\n\t\"./agenda/components/sideBar/SideBar.jsx\": 34409,\n\t\"./agenda/components/sideBar/filters\": 59071,\n\t\"./agenda/components/sideBar/filters/\": 59071,\n\t\"./agenda/components/sideBar/filters/AgendaFilter\": 54683,\n\t\"./agenda/components/sideBar/filters/AgendaFilter.jsx\": 54683,\n\t\"./agenda/components/sideBar/filters/RecipientFilter\": 850,\n\t\"./agenda/components/sideBar/filters/RecipientFilter.jsx\": 850,\n\t\"./agenda/components/sideBar/filters/ServiceFilter\": 95894,\n\t\"./agenda/components/sideBar/filters/ServiceFilter.jsx\": 95894,\n\t\"./agenda/components/sideBar/filters/index\": 59071,\n\t\"./agenda/components/sideBar/filters/index.js\": 59071,\n\t\"./agenda/components/sideBar/index\": 77419,\n\t\"./agenda/components/sideBar/index.js\": 77419,\n\t\"./agenda/contexts\": 99116,\n\t\"./agenda/contexts/\": 99116,\n\t\"./agenda/contexts/AgendaContext\": 77477,\n\t\"./agenda/contexts/AgendaContext.jsx\": 77477,\n\t\"./agenda/contexts/index\": 99116,\n\t\"./agenda/contexts/index.js\": 99116,\n\t\"./agenda/index\": 45421,\n\t\"./agenda/index.jsx\": 45421,\n\t\"./agenda/router\": 44034,\n\t\"./agenda/router.js\": 44034,\n\t\"./agenda/utils/calendar\": 29307,\n\t\"./agenda/utils/calendar.js\": 29307,\n\t\"./agenda/utils/date\": 28345,\n\t\"./agenda/utils/date.js\": 28345,\n\t\"./agenda/utils/icon\": 15676,\n\t\"./agenda/utils/icon.js\": 15676,\n\t\"./availabilities\": 35712,\n\t\"./availabilities/\": 35712,\n\t\"./availabilities/index\": 35712,\n\t\"./availabilities/index.jsx\": 35712,\n\t\"./plannings\": 30405,\n\t\"./plannings/\": 30405,\n\t\"./plannings/actions\": 59187,\n\t\"./plannings/actions/\": 59187,\n\t\"./plannings/actions/index\": 59187,\n\t\"./plannings/actions/index.js\": 59187,\n\t\"./plannings/actions/planning\": 26418,\n\t\"./plannings/actions/planning.js\": 26418,\n\t\"./plannings/actions/utils\": 90350,\n\t\"./plannings/actions/utils.js\": 90350,\n\t\"./plannings/components\": 63632,\n\t\"./plannings/components/\": 63632,\n\t\"./plannings/components/ExportButton\": 37016,\n\t\"./plannings/components/ExportButton.jsx\": 37016,\n\t\"./plannings/components/Planning\": 20033,\n\t\"./plannings/components/Planning.jsx\": 20033,\n\t\"./plannings/components/PlanningTable\": 90197,\n\t\"./plannings/components/PlanningTable.jsx\": 90197,\n\t\"./plannings/components/header\": 89144,\n\t\"./plannings/components/header/\": 89144,\n\t\"./plannings/components/header/Header\": 99773,\n\t\"./plannings/components/header/Header.jsx\": 99773,\n\t\"./plannings/components/header/daterange\": 70962,\n\t\"./plannings/components/header/daterange/\": 70962,\n\t\"./plannings/components/header/daterange/DateRangeButton\": 11043,\n\t\"./plannings/components/header/daterange/DateRangeButton.jsx\": 11043,\n\t\"./plannings/components/header/daterange/daterangecomponent\": 351,\n\t\"./plannings/components/header/daterange/daterangecomponent/\": 351,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateModal\": 91934,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateModal.jsx\": 91934,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeList\": 17630,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeList.jsx\": 17630,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent\": 58362,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/\": 58362,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/CustomPeriod\": 96854,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/CustomPeriod.jsx\": 96854,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/Period\": 63999,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/Period.jsx\": 63999,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/RelativePeriod\": 12847,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/RelativePeriod.jsx\": 12847,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/index\": 58362,\n\t\"./plannings/components/header/daterange/daterangecomponent/DateRangeListContent/index.js\": 58362,\n\t\"./plannings/components/header/daterange/daterangecomponent/index\": 351,\n\t\"./plannings/components/header/daterange/daterangecomponent/index.js\": 351,\n\t\"./plannings/components/header/daterange/index\": 70962,\n\t\"./plannings/components/header/daterange/index.js\": 70962,\n\t\"./plannings/components/header/filters\": 20772,\n\t\"./plannings/components/header/filters/\": 20772,\n\t\"./plannings/components/header/filters/RecipientFilter\": 93163,\n\t\"./plannings/components/header/filters/RecipientFilter.jsx\": 93163,\n\t\"./plannings/components/header/filters/ServiceFilter\": 55399,\n\t\"./plannings/components/header/filters/ServiceFilter.jsx\": 55399,\n\t\"./plannings/components/header/filters/VariableButton\": 68626,\n\t\"./plannings/components/header/filters/VariableButton.jsx\": 68626,\n\t\"./plannings/components/header/filters/index\": 20772,\n\t\"./plannings/components/header/filters/index.js\": 20772,\n\t\"./plannings/components/header/filters/variableComponent\": 60604,\n\t\"./plannings/components/header/filters/variableComponent/\": 60604,\n\t\"./plannings/components/header/filters/variableComponent/VariableDetailFilter\": 69295,\n\t\"./plannings/components/header/filters/variableComponent/VariableDetailFilter.jsx\": 69295,\n\t\"./plannings/components/header/filters/variableComponent/VariableModal\": 48887,\n\t\"./plannings/components/header/filters/variableComponent/VariableModal.jsx\": 48887,\n\t\"./plannings/components/header/filters/variableComponent/VariableValueFilter\": 98765,\n\t\"./plannings/components/header/filters/variableComponent/VariableValueFilter.jsx\": 98765,\n\t\"./plannings/components/header/filters/variableComponent/index\": 60604,\n\t\"./plannings/components/header/filters/variableComponent/index.js\": 60604,\n\t\"./plannings/components/header/filterspreview\": 8552,\n\t\"./plannings/components/header/filterspreview/\": 8552,\n\t\"./plannings/components/header/filterspreview/filtersCollapse\": 20696,\n\t\"./plannings/components/header/filterspreview/filtersCollapse.jsx\": 20696,\n\t\"./plannings/components/header/filterspreview/filtersPreviewButton\": 72615,\n\t\"./plannings/components/header/filterspreview/filtersPreviewButton.jsx\": 72615,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent\": 12331,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/\": 12331,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/filtersPreview\": 95890,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/filtersPreview.jsx\": 95890,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/filtersPreviewItem\": 48907,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/filtersPreviewItem.jsx\": 48907,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/index\": 12331,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/index.js\": 12331,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/variableFiltersPreview\": 83994,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/variableFiltersPreview.jsx\": 83994,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/variableFiltersPreviewItem\": 57011,\n\t\"./plannings/components/header/filterspreview/filterspreviewcomponent/variableFiltersPreviewItem.jsx\": 57011,\n\t\"./plannings/components/header/filterspreview/index\": 8552,\n\t\"./plannings/components/header/filterspreview/index.jsx\": 8552,\n\t\"./plannings/components/header/index\": 89144,\n\t\"./plannings/components/header/index.jsx\": 89144,\n\t\"./plannings/components/index\": 63632,\n\t\"./plannings/components/index.js\": 63632,\n\t\"./plannings/components/table\": 62065,\n\t\"./plannings/components/table/\": 62065,\n\t\"./plannings/components/table/NoAppointmentItem\": 86303,\n\t\"./plannings/components/table/NoAppointmentItem.jsx\": 86303,\n\t\"./plannings/components/table/Pagination\": 51637,\n\t\"./plannings/components/table/Pagination.jsx\": 51637,\n\t\"./plannings/components/table/Table\": 51753,\n\t\"./plannings/components/table/Table.jsx\": 51753,\n\t\"./plannings/components/table/index\": 62065,\n\t\"./plannings/components/table/index.jsx\": 62065,\n\t\"./plannings/components/table/tablebodycomponent\": 90819,\n\t\"./plannings/components/table/tablebodycomponent/\": 90819,\n\t\"./plannings/components/table/tablebodycomponent/Tablebody\": 91589,\n\t\"./plannings/components/table/tablebodycomponent/Tablebody.jsx\": 91589,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent\": 90735,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/\": 90735,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/AppointmentCell\": 50934,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/AppointmentCell.jsx\": 50934,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/AppointmentItem\": 62535,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/AppointmentItem.jsx\": 62535,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/NewAppointmentItem\": 67805,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/NewAppointmentItem.jsx\": 67805,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/RecipientItem\": 53889,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/RecipientItem.jsx\": 53889,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/index\": 90735,\n\t\"./plannings/components/table/tablebodycomponent/cellcomponent/index.js\": 90735,\n\t\"./plannings/components/table/tablebodycomponent/index\": 90819,\n\t\"./plannings/components/table/tablebodycomponent/index.js\": 90819,\n\t\"./plannings/components/table/tableheadcomponent\": 81749,\n\t\"./plannings/components/table/tableheadcomponent/\": 81749,\n\t\"./plannings/components/table/tableheadcomponent/Tablehead\": 52481,\n\t\"./plannings/components/table/tableheadcomponent/Tablehead.jsx\": 52481,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent\": 10093,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent/\": 10093,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent/ServiceItem\": 88299,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent/ServiceItem.jsx\": 88299,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent/index\": 10093,\n\t\"./plannings/components/table/tableheadcomponent/cellcomponent/index.js\": 10093,\n\t\"./plannings/components/table/tableheadcomponent/index\": 81749,\n\t\"./plannings/components/table/tableheadcomponent/index.js\": 81749,\n\t\"./plannings/contexts\": 25780,\n\t\"./plannings/contexts/\": 25780,\n\t\"./plannings/contexts/PlanningContext\": 83648,\n\t\"./plannings/contexts/PlanningContext.jsx\": 83648,\n\t\"./plannings/contexts/index\": 25780,\n\t\"./plannings/contexts/index.js\": 25780,\n\t\"./plannings/index\": 30405,\n\t\"./plannings/index.jsx\": 30405,\n\t\"./plannings/router\": 14922,\n\t\"./plannings/router.js\": 14922,\n\t\"./plannings/utils/planning\": 66960,\n\t\"./plannings/utils/planning.js\": 66960\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 71276;","import React, { useContext, useState, useMemo, useCallback } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport { PlanningContext } from 'pages/plannings/contexts'\nimport PropTypes from 'prop-types'\nimport eyesOff from 'images/icons/eyes_off.svg'\nimport eyesOn from 'images/icons/eyes_on.svg'\n\nconst FiltersPreviewButton = () => {\n const data = useContext(PlanningContext)\n const { state } = useLocation()\n const [isCollapsed, setIsCollapsed] = useState(false)\n\n const recipientIds = state?.recipientIds ?? []\n const selectedVariableValues = state?.variableValues ?? []\n const selectedServices = state?.serviceIds ?? []\n\n const matchingVariables = useMemo(() => data.variableDetails?.filter(variable =>\n Object.keys(selectedVariableValues).includes(variable.id.toString())\n ) ?? [], [data.variableDetails, selectedVariableValues])\n\n const variables = useMemo(() => matchingVariables.map(variable => {\n const value = selectedVariableValues[variable.id]\n return value && value.length > 0 ? [variable, value] : null\n }).filter(item => item !== null), [matchingVariables, selectedVariableValues])\n\n const shouldDisplayBool = selectedServices.length > 0 || recipientIds.length > 0 || variables.length > 0\n const shouldDisplayLink = useMemo(() => shouldDisplayBool, [selectedServices, recipientIds, variables])\n\n const toggleCollapse = useCallback(() => {\n setIsCollapsed(!isCollapsed)\n const iconElement = document.getElementById('filter-summary-icon-on')\n if (iconElement)\n iconElement.src = isCollapsed ? eyesOff : eyesOn\n })\n\n const iconUrl = isCollapsed ? eyesOff : eyesOn\n\n return (\n \n {shouldDisplayLink ? (\n \n \n {isCollapsed ? 'Cacher les variables' : 'Afficher les variables'}\n \n \n ) : null}\n
\n )\n}\n\nFiltersPreviewButton.propTypes = {\n state: PropTypes.shape({\n recipientIds: PropTypes.arrayOf(PropTypes.string),\n serviceIds: PropTypes.arrayOf(PropTypes.string),\n variableValues: PropTypes.objectOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.bool\n ])\n )\n })\n}\n\nexport default FiltersPreviewButton\n","import SideBar from './SideBar'\n\nexport default SideBar\n","import { createContext } from 'react'\n\nconst AgendaContext = createContext({})\n\nexport default AgendaContext\n","import PropTypes from 'prop-types'\n\nconst selectConfig = { liveSearch: true }\n\nconst ajaxSelectConfig = (url, emptyTitle) => ({\n ajax: {\n url,\n type: 'GET',\n dataType: 'json',\n data: { q: '{{{q}}}' } // eslint-disable-line id-length\n },\n langCode: 'fr-FR',\n preserveSelected: true,\n locale: {\n emptyTitle\n }\n})\n\nconst initSelectpicker = node => $(node).selectpicker(selectConfig)\n\nconst initAjaxSelectpicker = (node, ajax) => {\n initSelectpicker(node).ajaxSelectPicker(ajaxSelectConfig(ajax.url, ajax.title))\n}\n\nconst flatpickerOpts = {\n plugins: [new confirmDatePlugin({})], // eslint-disable-line new-cap\n altInput: true,\n altFormat: 'd/m/Y H:i',\n dateFormat: 'Y-m-d H:i',\n enableTime: true,\n time_24hr: true,\n allowInput: true\n}\n\nconst initFlatpickr = (ref, onClose) => {\n $(ref.current).flatpickr($.extend(flatpickerOpts, { onClose }))\n}\n\nconst formikPropTypes = PropTypes.exact({\n dirty: PropTypes.bool.isRequired,\n errors: PropTypes.object.isRequired,\n isSubmitting: PropTypes.bool.isRequired,\n isValid: PropTypes.bool.isRequired,\n isValidating: PropTypes.bool.isRequired,\n submitCount: PropTypes.number.isRequired,\n touched: PropTypes.object.isRequired,\n values: PropTypes.object.isRequired,\n initialValues: PropTypes.object.isRequired,\n initialErrors: PropTypes.object.isRequired,\n initialTouched: PropTypes.object.isRequired,\n validateOnBlur: PropTypes.bool.isRequired,\n validateOnChange: PropTypes.bool.isRequired,\n validateOnMount: PropTypes.bool.isRequired,\n status: PropTypes.any,\n initialStatus: PropTypes.any,\n handleBlur: PropTypes.func.isRequired,\n handleChange: PropTypes.func.isRequired,\n handleReset: PropTypes.func.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n resetForm: PropTypes.func.isRequired,\n setErrors: PropTypes.func.isRequired,\n setFormikState: PropTypes.func.isRequired,\n setFieldTouched: PropTypes.func.isRequired,\n setFieldValue: PropTypes.func.isRequired,\n setFieldError: PropTypes.func.isRequired,\n setStatus: PropTypes.func.isRequired,\n setSubmitting: PropTypes.func.isRequired,\n setTouched: PropTypes.func.isRequired,\n setValues: PropTypes.func.isRequired,\n submitForm: PropTypes.func.isRequired,\n validateForm: PropTypes.func.isRequired,\n validateField: PropTypes.func.isRequired,\n unregisterField: PropTypes.func.isRequired,\n registerField: PropTypes.func.isRequired,\n getFieldProps: PropTypes.func.isRequired,\n getFieldMeta: PropTypes.func.isRequired,\n getFieldHelpers: PropTypes.func.isRequired\n})\n\nexport {\n initSelectpicker,\n initAjaxSelectpicker,\n initFlatpickr,\n formikPropTypes\n}\n","import EditAppointment from './EditAppointment'\n\nexport default EditAppointment\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ConfirmAction = ({ declineAction, confirmAction, type = 'edit', children = null }) => {\n const types = {\n edit: 'modifier',\n destroy: 'supprimer',\n confirm: 'confirmer',\n refuse: 'refuser',\n cancel: 'annuler',\n redo: 'relancer'\n }\n\n return (\n <>\n \n
\n \n {`Êtes-vous sûr de vouloir ${types[type]} ce rendez-vous ?`}\n
\n {children}\n\n \n \n
\n \n )\n}\n\nConfirmAction.propTypes = {\n children: PropTypes.node,\n confirmAction: PropTypes.func.isRequired,\n declineAction: PropTypes.func.isRequired,\n type: PropTypes.string\n}\n\nexport default ConfirmAction\n","import { createContext } from 'react'\n\nexport const PlanningContext = createContext()\n\nexport default PlanningContext\n","import React, { useCallback } from 'react'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { Icon } from 'components'\nimport PropTypes from 'prop-types'\nimport VariableFiltersPreviewItem from './variableFiltersPreviewItem'\n\nconst VariableFiltersPreview = ({ variable }) => {\n const navigate = useNavigate()\n const { state } = useLocation()\n\n const [variableDetail, _variableValues] = variable\n\n const removeFilterVariable = () => {\n const updatedVariableIds = state?.variableIds.filter(id => id !== variableDetail.id.toString()) ?? []\n const updatedVariableValues = { ...state?.variableValues }\n delete updatedVariableValues[variableDetail.id]\n\n navigate(null, {\n state: {\n ...state,\n variableIds: updatedVariableIds,\n variableValues: updatedVariableValues\n }\n })\n }\n\n const revomoveFilterVariableCallback = useCallback(() => {\n removeFilterVariable()\n }, [])\n\n return (\n \n
\n )\n}\n\nVariableFiltersPreview.propTypes = {\n variable: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired\n }).isRequired,\n PropTypes.arrayOf(PropTypes.string).isRequired\n ])\n ).isRequired\n}\n\nexport default VariableFiltersPreview\n","import React, { useEffect, useRef, useContext, useCallback } from 'react'\nimport { useLocation, useNavigate } from 'react-router-dom'\nimport { AgendaContext } from 'pages/agenda/contexts'\n\nconst UserFilter = () => {\n const { userId, users } = useContext(AgendaContext)\n const { state } = useLocation()\n const ref = useRef()\n const navigate = useNavigate()\n\n const onChange = useCallback(({ target }) => {\n navigate(null, { state: { ...state, userId: target.value } })\n }, [state])\n\n useEffect(() => { $(ref.current).selectpicker() }, [])\n\n return (\n \n
\n \n \n {`Filtre par : ${variableDetail.name}`}\n \n \n
\n \n \n Supprimer\n \n \n \n {variable[1].map(item => (\n
\n \n
\n)\n\nexport default NoAppointmentItem\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ServiceItem = ({ service }) => (\n \n {service.name}\n \n)\n\nServiceItem.propTypes = {\n service: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired\n }).isRequired\n}\n\nexport default ServiceItem\n","import Header from './Header'\n\nexport default Header\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link, useLocation } from 'react-router-dom'\nimport { humanDate, setDateType } from 'pages/agenda/utils/date'\nimport { UserFilter, TypeFilter, CalendarFilter } from './filters'\n\nconst Header = ({ date }) => {\n const { state } = useLocation()\n const type = setDateType(state?.calendar)\n const previousDate = moment(date).subtract(1, type).format('YYYY-MM-DD')\n const nextDate = moment(date).add(1, type).format('YYYY-MM-DD')\n const strDate = humanDate(date, state?.calendar)\n const currentDate = moment().format('YYYY-MM-DD')\n\n return (\n \n 
\n
\n \n Aucun rendez-vous\n
\n \n
\n )\n}\n\nHeader.propTypes = {\n date: PropTypes.string.isRequired\n}\n\nexport default Header\n","import React, { useState, useEffect, useCallback } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport { Loader } from 'components'\nimport { getPlanning } from 'pages/plannings/actions'\nimport { planningStructure } from 'pages/plannings/utils/planning'\nimport { Table, Pagination } from './table'\n\nconst PlanningTable = () => {\n const { state } = useLocation()\n const [page, setPage] = useState(1)\n const [isLoading, setIsLoading] = useState(true)\n const [planningData, setPlanningData] = useState({\n services: [],\n recipients: [],\n appointments: [],\n pagination: {}\n })\n\n const fetchData = useCallback(async() => {\n const data = await getPlanning(state).then(res => planningStructure(res))\n\n setIsLoading(false)\n setPlanningData(data)\n }, [state])\n\n useEffect(() => {\n fetchData()\n }, [fetchData])\n\n const onPageChange = useCallback(newPage => {\n setPage(newPage)\n }, [])\n\n return (\n \n \n Aujourd'hui\n \n
\n \n \n {' Agenda'}\n
\n \n \n \n \n \n \n \n
\n {strDate}
\n \n
\n \n {isLoading ?
}\n {planningData.pagination.pages > 1 && (\n
\n )\n}\n\nexport default PlanningTable\n","const formatPlanningData = data => ({\n params: {\n range_start: data?.rangeStart,\n range_end: data?.rangeEnd,\n service_ids: data?.serviceIds?.join('-'),\n recipient_ids: data?.recipientIds?.join('-'),\n variable_values: data?.variableValues,\n page: data?.page\n }\n})\n\nexport { formatPlanningData }\n","const NotFound = () => {\n window.location.href = '/404'\n}\n\nexport default NotFound\n","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { RecipientItem, AppointmentCell, NewAppointmentItem } from './cellcomponent'\n\nconst defaultPlanningData = { recipients: [], services: [], appointments: {} }\n\nconst Tablebody = ({ planningData = defaultPlanningData }) => {\n useEffect(() => {\n const handleCellClick = event => {\n event.preventDefault()\n\n let targetElement = event.target\n\n while (targetElement && targetElement !== event.currentTarget) {\n if (targetElement.tagName.toLowerCase() === 'a') {\n window.location.href = targetElement.href\n return\n }\n if (targetElement.tagName.toLowerCase() === 'button')\n return\n\n targetElement = targetElement.parentElement\n }\n\n const clickedCell = event.currentTarget\n const { recipientId } = clickedCell.dataset\n const { serviceId } = clickedCell.dataset\n\n const url = `/dashboard/appointment_batches/new?recipient_id=${recipientId}` +\n `&service_id=${serviceId}&type=preset`\n window.location.href = url\n }\n\n if (window.innerWidth <= 768) {\n document.querySelectorAll('.clickable-cell').forEach(cell => {\n cell.addEventListener('click', handleCellClick)\n })\n }\n }, [planningData])\n\n return (\n \n {planningData.recipients.map(recipient => (\n \n
\n \n )\n}\n\nexport default DateModal\n","import React, { useState, useEffect, useRef } from 'react'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { initAjaxSelectpicker } from 'components/form/utils'\n\nconst RecipientFilter = () => {\n const { state } = useLocation()\n const ref = useRef()\n const navigate = useNavigate()\n const [recipients, setRecipients] = useState([])\n\n const onChange = event => {\n const { selectedOptions } = event.target\n const recipientIds = Array.from(selectedOptions).map(({ value }) => value)\n\n navigate(null, { state: { ...state, recipientIds, page: 1 } })\n }\n\n useEffect(() => {\n const ajax = { url: '/contacts', title: 'Tous les destinataires' }\n\n initAjaxSelectpicker(ref.current, ajax)\n }, [])\n\n const fetchRecipients = async() => {\n const response = await fetch(`/contacts?id=${ state.recipientIds.join('-')}`)\n const data = await response.json()\n\n setRecipients(data)\n navigate(null, { state: { ...state, recipients: data, page: 1 } })\n }\n\n useEffect(() => {\n if (state?.recipientIds)\n fetchRecipients()\n }, [state?.recipientIds])\n\n useEffect(() => {\n if (ref.current) {\n const selectElement = ref.current\n\n recipients.forEach(recipient => {\n const option = document.createElement('option')\n option.value = recipient.value\n option.text = recipient.text\n option.selected = true\n selectElement.appendChild(option)\n })\n\n $(ref.current).selectpicker('val', state?.recipientIds)\n $(ref.current).trigger('change')\n $(ref.current).on('changed.bs.select', onChange)\n }\n\n return () => {\n if (ref.current)\n $(ref.current).off('changed.bs.select', onChange)\n }\n }, [recipients, onChange, state?.recipientIds])\n\n return (\n \n
\n \n \n ×\n \n
\n \n Sélectionner une date\n
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n )\n}\n\nexport default RecipientFilter\n","import React from 'react'\nimport { useLocation, Link } from 'react-router-dom'\n\nconst TypeFilter = () => {\n const { state } = useLocation()\n const month = ['month', 'fa-regular fa-calendar-days', ' Calendrier']\n const list = ['list', 'fa-solid fa-list-ul', ' Liste']\n const [calendar, className, text] = state?.calendar === 'list' ? month : list\n\n\n return (\n \n
\n )\n}\n\nFiltersPreview.propTypes = {\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n value: PropTypes.string.isRequired\n })\n ).isRequired,\n stateValue: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n}\n\nexport default FiltersPreview\n","import React, { useContext, useEffect, useRef, useCallback } from 'react'\nimport { useNavigate, useLocation } from 'react-router-dom'\nimport { AgendaContext } from 'pages/agenda/contexts'\n\nconst ServiceFilter = () => {\n const { services } = useContext(AgendaContext)\n const { state } = useLocation()\n const navigate = useNavigate()\n const ref = useRef()\n const serviceIds = state?.service_ids || services.map(service => service[0])\n\n const onChange = useCallback(({ target: { selectedOptions } }) => {\n const service_ids = Array.from(selectedOptions).map(({ value }) => value)\n navigate(null, { state: { ...state, service_ids } })\n }, [state])\n\n useEffect(() => { $(ref.current).selectpicker({ dropdownAlignRight: true }) }, [])\n\n return (\n \n
\n \n {title}\n
\n \n \n Supprimer\n \n \n \n {Object.entries(data).map(([key, item]) => (\n
\n \n \n {services.map(([id, name, color]) => (\n \n ))}\n \n
\n )\n}\n\nexport default ServiceFilter\n","import React, { useCallback } from 'react'\n\nconst CustomPeriod = () => {\n const onClick = useCallback(() => {\n document.getElementById('date_range').click()\n }, [])\n\n return (\n \n Période personnalisée\n \n )\n}\n\nexport default CustomPeriod\n","import React, { useEffect, useRef, useState, useCallback } from 'react'\nimport { useNavigate, useParams, useLocation } from 'react-router-dom'\nimport { useFormik } from 'formik'\nimport { strDate } from 'pages/agenda/utils/date'\nimport { setLocale, object, string } from 'yup'\nimport {\n getAppointment,\n updateAppointment,\n redoAppointment,\n confirmAppointment,\n deleteAppointment,\n refuseAppointment,\n cancelAppointment\n} from 'pages/agenda/actions'\nimport { fr } from 'locales/yup'\nimport { Modal, ModalHeader } from 'components'\nimport { ConfirmAction, ConfirmNotificationText } from '../confirmAction'\nimport Form from './Form'\n\nconst EditAppointment = () => {\n const navigate = useNavigate()\n const modalRef = useRef()\n const [validateOnChange, setValidateOnChange] = useState(false)\n const [editBodyMode, setEditBodyMode] = useState('form')\n const { state } = useLocation()\n const { id } = useParams()\n\n const actions = {\n destroy: deleteAppointment,\n confirm: confirmAppointment,\n refuse: refuseAppointment,\n cancel: cancelAppointment,\n redo: redoAppointment\n }\n\n const initialValues = {\n id,\n userId: '',\n serviceId: '',\n service: {},\n recipient: {},\n recipientId: '',\n startAt: strDate(),\n endAt: strDate(),\n participants: [],\n location: '',\n participantIds: [],\n channels: [],\n reminderDelay: 0,\n cancellable: false,\n cancellationDelay: 0,\n reviveAt: '',\n status: '',\n errorMessage: ''\n }\n\n const validationSchema = object({\n recipientId: string().label('Le destinataire').required(),\n serviceId: string().label('Le service').required(),\n startAt: string().required(),\n endAt: string().label('La date de fin').required().test(\n (date, { parent: { startAt } }) => moment(startAt).isBefore(date)\n )\n })\n\n const closeModal = useCallback(() => {\n $(modalRef.current).modal('hide')\n navigate('/agenda', { state })\n }, [modalRef, state])\n\n const onSubmit = useCallback(() => setEditBodyMode('update'))\n const declineAction = useCallback(() => setEditBodyMode('form'))\n const confirmAction = useCallback(() => actions[editBodyMode](id, state?.userId).then(() => closeModal()))\n\n const formik = useFormik({\n initialValues,\n validationSchema,\n validateOnChange,\n onSubmit\n })\n\n const confirmUpdate = useCallback(() => {\n updateAppointment(formik.values)\n .then(() => closeModal())\n .catch(({ message }) => formik.setFieldValue('errorMessage', message))\n }, [formik.values])\n\n useEffect(() => {\n if (!formik.isValid)\n setValidateOnChange(true)\n }, [formik.isValid])\n\n useEffect(() => {\n setLocale(fr)\n $(modalRef.current).on('hidden.bs.modal',() => closeModal())\n\n getAppointment(id, state?.userId).then(data => {\n formik.setFieldValue('serviceId', data.service.id)\n formik.setFieldValue('service', data.service)\n formik.setFieldValue('recipient', data.recipient)\n formik.setFieldValue('recipientId', data.recipient.id)\n formik.setFieldValue('startAt', strDate(data.start_at))\n formik.setFieldValue('endAt', strDate(data.end_at))\n formik.setFieldValue('location', data.location)\n formik.setFieldValue('participants', data.participants)\n formik.setFieldValue('participantIds', data.participants.map(ps => ps.id))\n formik.setFieldValue('channels', data.channels)\n formik.setFieldValue('reminderDelay', data.reminder_delay)\n formik.setFieldValue('reviveAt', data.revive_at || '')\n formik.setFieldValue('status', data.status)\n\n $(modalRef.current).modal('show')\n })\n }, [])\n\n const renderEditBody = () => {\n switch(editBodyMode) {\n case 'destroy':\n case 'confirm':\n case 'refuse':\n case 'cancel':\n case 'redo':\n return (\n \n
\n )\n}\n\nVariableValueFilter.propTypes = {\n variableDetail: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired\n }).isRequired\n}\n\nexport default VariableValueFilter\n","import React from 'react'\nimport { RecipientFilter, ServiceFilter, VariableButton } from './filters'\nimport { DateRangeButton } from './daterange'\nimport { FiltersPreviewButton, FiltersCollapse } from './filterspreview'\n\n\nconst Header = () => (\n \n \n \n
\n \n
\n \n
\n)\n\nexport default Header\n"],"names":["RecipientFilter","state","useLocation","navigate","useNavigate","ref","useRef","onChange","useCallback","target","selectedOptions","recipient_ids","Array","from","map","value","useEffect","initAjaxSelectpicker","current","url","title","React","className","multiple","defaultOnChange","defaultOnFocus","CustomInput","onFocus","propTypes","PropTypes","updateAppointmentSchedules","data","Promise","resolve","reject","axios","patch","id","formatAppointmentSchedulesData","headers","then","toast","success","catch","response","error","$","attr","formatAppointmentData","params","start_date","startStr","end_date","endStr","calendar","user_id","userId","join","service_ids","formatFormAppointmentData","appointment","service_id","serviceId","recipient_id","recipientId","start_at","moment","startAt","toISOString","end_at","endAt","location","participant_ids","participantIds","channels","reminder_delay","reminderDelay","skip_notification","isBefore","cancellable","cancellation_delay","cancellationDelay","daterangepickerLocale","format","applyLabel","cancelLabel","daysOfWeek","monthNames","DateRangeButton","inputRef","useContext","PlanningContext","rangeStart","setRangeStart","useState","rangeEnd","setRangeEnd","rangeTitle","setRangeTitle","daterangepicker","startDate","endDate","locale","start","end","page","type","DateRangeList","src","name","placeholder","readOnly","DateModal","AppointmentForm","formik","isFromThePast","authenticityToken","recipientOptions","values","recipient","user","key","first_name","last_name","filter","Boolean","serviceOptions","service","participantOptions","participants","participant","onCallback","options","setServiceEndDate","getAttribute","setFieldValue","errorMessage","ErrorCard","message","AjaxSelect","field","errors","icon","callback","disabled","InputDate","Input","Select","formClasse","min","max","formikPropTypes","isRequired","RelativePeriodLink","linkText","children","handleClick","modalOpenWith","href","onClick","RelativePeriod","componentRequireContext","require","ReactRailsUJS","window","iro","Chart","register","annotationPlugin","router","createBrowserRouter","path","element","NotFound","Planning","future","v7_fetcherPersist","v7_normalizeFormMethod","v7_skipActionErrorRevalidation","v7_partialHydration","v7_relativeSplatPath","addEventsIcon","confirmIcon","renderToString","Icon","refusedIcon","prepend","append","tooltip","ListTableHeader","colSpan","Period","CustomPeriod","ExportButton","Header","PlanningTable","ToastContainer","position","autoClose","hideProgressBar","newestOnTop","theme","closeOnClick","pauseOnFocusLoss","draggable","pauseOnHover","FiltersCollapse","selectedRecipients","recipients","recipientIds","selectedVariableValues","variableValues","selectedServices","serviceIds","matchingServices","services","includes","toString","variables","variableDetails","variable","Object","keys","length","item","matchingRecipient","text","FiltersPreview","stateValue","VariableFiltersPreview","EditAppointmentSchedules","modalRef","useParams","strDate","editStartAt","editEndAt","closeModal","modal","el","declineAction","confirmAction","on","Modal","ModalHeader","ConfirmAction","ConfirmNotificationText","date","getPlanning","get","formatPlanningData","res","humanDate","dateStr","startOf","endOf","formatNewDateTime","formatDate","currentTime","add","formatEndDate","duration","setDateType","calendarStructure","classes","color","status","classNames","agenda_label","recipientName","serviceName","serviceColor","service_color","operator","initialView","events","getAppointments","eventDidMount","async","event","extendedProps","_context","view","previousSibling","classList","contains","tr","document","createElement","createRoot","render","before","addCustomTableHeader","addCustomTableLines","props","CalendarList","requestIdleCallback","day","elements","getElementsByClassName","dayToScroll","dataset","index","reduce","prev","curr","Math","abs","querySelector","scrollTop","offsetTop","scrollToDate","initialDate","viewDidMount","settings","locales","frLocale","dayMaxEvents","dayMaxEventRows","nowIndicator","editable","eventMaxStack","headerToolbar","themeSystem","timeZone","listDayFormat","month","year","weekday","listDaySideFormat","plugins","bootstrapPlugin","dayGridPlugin","interactionPlugin","listPlugin","timeGridPlugin","momentTimezonePlugin","views","timeGrid","allDaySlot","slotDuration","scrollTime","set","hour","minute","date_range","variable_details","useMemo","JSON","parse","dateRange","Provider","RouterProvider","v7_startTransition","Calendar","AgendaContext","calendarRef","currentUserId","agendaLabel","currentAgendaLabel","onEvents","onViewDidMount","dateClick","newDate","eventClick","eventUpdate","info","FullCalendar","assign","eventDrop","eventResize","SideBar","LinkToAvailabilities","mobile","LinkToCalendars","LinkToExportPdf","Outlet","parentClasses","linkClasses","months","weekDays","digits","dateObj","toDate","updateDate","number","fr","weekStartDayIndex","monthYearSeparator","headerOrder","showOtherDays","onMonthChange","onYearChange","onFocusedDateChange","DatePicker","inputMode","AgendaFilter","ServiceFilter","calendarFetchEventStructure","mandatoryFields","availabilityId","recurrent","days_of_week","startTime","start_time","endTime","end_time","startRecur","recurrence_start_at","endRecur","recurrence_end_at","calendarCreateEventStructure","formData","startTimeEndOfDay","recurrenceStart","recurrenceEnd","calendarFetchEvent","_info","successCallback","failureCallback","calendarId","val","ajax","result","jqXHR","_textStatus","errorThrown","calendarDateClick","submitButton","find","one","off","parseInt","isNaN","calendarCreateEvent","availability","refetchEvents","trigger","selectpicker","calendarClickEvent","removeClass","addClass","submitButtons","destroy_recurrence","calendarEditEvent","_response","revert","Availabilities","timeGridView","Date","getHours","padStart","left","center","right","formatParams","xlsxUrl","pdfUrl","handleAjaxCall","fetch","method","ok","successMessage","_error","role","updateUser","put","Form","setEditBodyMode","currentUserRole","isSameOrBeforeStart","isSameOrBefore","isDeletable","isConfirmable","isRefusable","isCancelable","isRedoable","iconButtons","isActive","iconName","reviveAt","formClass","btn","IconButton","isValid","handleSubmit","exportURL","Link","to","exportIcon","NewAppointment","EditAppointment","Agenda","users","getAppointment","createAppointment","post","updateAppointment","warning","deleteAppointment","delete","redoAppointment","responseJSON","confirmAppointment","refuseAppointment","cancelAppointment","ModalFooter","closeText","VariableModal","tabIndex","VariableDetailFilter","FiltersPreviewItem","updatedStateValue","stateId","validateOnChange","setValidateOnChange","setLocale","initialValues","validationSchema","object","string","label","required","test","parent","useFormik","onSubmit","action","defaultAppointments","AppointmentCell","appointments","isButtonVisible","setIsButtonVisible","appointmentKeys","handleButtonClick","preventDefault","AppointmentItem","slice","Pagination","pages","onPageChange","handlePageChange","newPage","handlePageClick","handlePrevClick","handleNextClick","renderPageNumbers","pageNumbers","halfMaxPageNumbersToShow","floor","maxPageNumbersToShow","startPage","endPage","push","Table","planningData","Tablehead","Tablebody","NoAppointmentItem","ServiceItem","RecipientItem","list_id","sendable","sendableText","sendableClass","btns","ButtonGroup","servicesArray","entries","dropdownAlignRight","_index","VariableFiltersPreviewItem","variableDetail","handleRemove","updatedVariableValue","handleRemoveCallback","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","module","exports","Loader","IconList","list","btnClasses","iconClasses","active","HTMLDivElement","defaultIcon","rest","selectRef","initSelectpicker","option","inputClasses","ErrorMessage","isMemoizable","next","memo","defaultCallback","selectTitle","arrayOptions","formClasses","onClose","_selectedDates","_instance","initFlatpickr","CalendarFilter","isRecipientMissing","recipient_missing","isDifferentDays","isSame","itemClassName","dateRangesArray","_id","range","serviceStructure","recipientStructure","toUpperCase","planningStructure","pagination","formatIds","ids","URLSearchParams","obj","range_start","range_end","variable_values","forEach","NewAppointmentItem","mixed","default","defined","notNull","oneOf","notOneOf","notType","originalValue","isCast","msg","printValue","matches","email","uuid","trim","lowercase","uppercase","lessThan","moreThan","positive","negative","integer","boolean","isValue","noUnknown","array","VariableButton","variablesArray","variableIds","selectedValue","setSelectedValue","handleChange","uniqueVariableIds","Set","updatedVariableIds","VariableValueFilter","FiltersPreviewButton","isCollapsed","setIsCollapsed","matchingVariables","shouldDisplayBool","shouldDisplayLink","toggleCollapse","iconElement","getElementById","eyesOff","eyesOn","iconUrl","style","cursor","alt","createContext","selectConfig","liveSearch","node","ajaxSelectConfig","emptyTitle","ajaxSelectPicker","dataType","q","langCode","preserveSelected","flatpickerOpts","confirmDatePlugin","altInput","altFormat","dateFormat","enableTime","time_24hr","allowInput","flatpickr","extend","dirty","isSubmitting","isValidating","submitCount","touched","initialErrors","initialTouched","validateOnBlur","validateOnMount","initialStatus","handleBlur","handleReset","resetForm","setErrors","setFormikState","setFieldTouched","setFieldError","setStatus","setSubmitting","setTouched","setValues","submitForm","validateForm","validateField","unregisterField","registerField","getFieldProps","getFieldMeta","getFieldHelpers","edit","destroy","confirm","refuse","cancel","redo","_variableValues","revomoveFilterVariableCallback","removeFilterVariable","updatedVariableValues","UserFilter","groupName","usersArray","fullName","magnifyingGlass","previousDate","subtract","nextDate","currentDate","TypeFilter","setPage","isLoading","setIsLoading","setPlanningData","fetchData","defaultPlanningData","handleCellClick","targetElement","currentTarget","tagName","toLowerCase","parentElement","clickedCell","innerWidth","querySelectorAll","cell","addEventListener","setDate","handleDateChange","selectedDate","newState","Flatpickr","inline","French","setRecipients","json","fetchRecipients","selectElement","selected","appendChild","click","editBodyMode","actions","confirmUpdate","ps","revive_at","renderEditBody","variableValuesCount","variableString","variableValue","updatedValues","htmlFor"],"sourceRoot":""}\n
\n \n
\n