\n \n \n {t('close')}\n \n
\n ,\n document.querySelector('.modal-container')\n )\n }\n\n actions = {\n row: [checkOutEventEmployees()]\n }\n\n render() {\n return (\n \n \n )\n }\n}\n\nexport default ConstructionObjectEventsTable\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport Avatar from '../Avatar'\nimport ConstructionObjectEventsFilter from '../ConstructionObjectEvents/ConstructionObjectEventsFilter'\nimport Store from '../Store'\nimport TableContainer from '../TableContainer'\nimport ConstructionObjectEventsTable from './ConstructionObjectEventsTable'\n\nclass ConstructionObjectEventsTableContainer extends TableContainer {\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'updated_at', desc: true }]\n })\n\n columns = [\n {\n header: t('activerecord.attributes.construction_object_event.employees'),\n accessorKey: 'employees',\n cell: ({\n row: {\n original: { employees }\n }\n }) => {\n const remainingEmployeeCount = employees.length - 1\n const firstEmployee = employees[0]\n\n return (\n \n
e.stopPropagation()}>\n \n\n {remainingEmployeeCount ?
+{remainingEmployeeCount} : null}\n
\n
\n )\n }\n}\n\nexport default ConstructionObjectEventsTableContainer\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport {\n checkIn,\n checkOut,\n remove,\n removeSelected,\n checkOutSelected,\n checkInSelected\n} from '../elements/actionDefinitions'\n\nclass ConstructionObjectGuestsTable extends React.Component {\n pathPrefix = 'v2/construction_object_guests'\n\n formParams = {\n context: 'construction_object',\n construction_object_guest: { construction_object_id: this.props.construction_object_id }\n }\n\n actions = {\n row: [checkIn(this.pathPrefix), checkOut('latest_checked_in_check_log_id'), remove(this.pathPrefix)],\n header: [\n checkInSelected(this.pathPrefix, this.props.construction_object_id),\n checkOutSelected(this.pathPrefix),\n removeSelected(this.pathPrefix)\n ]\n }\n\n render() {\n return (\n {getValue()} \n },\n {\n header: t('activerecord.attributes.guest.personal_code'),\n accessorKey: 'guest_personal_code'\n },\n {\n header: t('activerecord.attributes.guest.description'),\n accessorKey: 'guest_description'\n },\n {\n header: t('activerecord.attributes.guest.currently_in_object'),\n accessorKey: 'currently_checked_in_duration',\n cell: ({ getValue }) => {getValue() || '-'} \n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default ConstructionObjectGuestsTableContainer\n","import NfcCheckLogsTable from '../NfcCheckLogs/NfcCheckLogsTable'\n\nclass ConstructionObjectNfcCheckLogsTable extends NfcCheckLogsTable {\n formParams = {\n nfc_check_log: { construction_object_id: this.props.construction_object_id }\n }\n}\n\nexport default ConstructionObjectNfcCheckLogsTable\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport { SimpleSelect, TimeZoneSelect } from '../FilterComponents'\nimport Icon from '../Icon'\nimport { CheckLogLocation, CheckLogCheckedWith, CheckLogDates, CheckLogDuration } from '../NfcCheckLogs/CheckLogsData'\nimport CheckLogsFilter from '../NfcCheckLogs/CheckLogsFilter'\nimport NfcCheckLogsTableContainer from '../NfcCheckLogsTableContainer'\nimport Store from '../Store'\nimport ConstructionObjectNfcCheckLogsTable from './ConstructionObjectNfcCheckLogsTable'\n\nclass ConstructionObjectNfcCheckLogsTableContainer extends NfcCheckLogsTableContainer {\n store = new Store({\n url: this.props.url,\n defaultFilter: this.props.default_filter,\n defaultSorted: [{ id: 'check_log_date_properties', desc: true }],\n timeZone: this.props.default_time_zone_filter.time_zone,\n // To handle auto expansion when filtered by task/subtask\n onDataLoad: () => {\n const taskIds = this.store.state.filters.construction_object_task_id\n const subtaskIds = this.store.state.filters.construction_object_sub_task_id\n\n const task_filter_present = taskIds && taskIds.length > 0\n const subtask_filter_present = subtaskIds && subtaskIds.length > 0\n\n if (task_filter_present || subtask_filter_present) {\n let expanded = {}\n\n for (let i = 0; i < this.store.data.length; i++) {\n expanded[i] = true\n if (subtask_filter_present) {\n for (let u = 0; u < this.store.data[i].subrows.length; u++) {\n expanded[`${i}.${u}`] = true\n }\n }\n }\n\n this.store.updateState({ expanded })\n }\n }\n })\n\n checkableTypeFilter = () => {\n return (\n <>\n \n {this.renderExpander(row, original.is_group, row.getIsExpanded(), original.parent_id_prefix)}\n
\n )\n },\n getClassName: this.getExpandableCellClassName,\n hideable: false\n },\n {\n header: t('activerecord.attributes.nfc_check_log.checkable_full_name'),\n accessorKey: 'checkable_full_name',\n cell: ({ getValue, row: { original } }) =>\n !original.is_child_time_entry && (\n \n )\n },\n {\n header: t('activerecord.attributes.nfc_check_log.checked_in'),\n size: 340,\n accessorKey: 'checked_in_name'\n },\n {\n header: t('activerecord.attributes.nfc_check_log.registration_time'),\n accessorKey: 'check_log_date_properties',\n cell: ({ getValue, row: { original } }) => \n this.onNfcExpandedChange(row, 'ConstructionObject', this.props.construction_object_id)}\n expanded={this.store.expanded}\n />\n
\n )\n }\n}\n\nexport default ConstructionObjectNfcCheckLogsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect, DateRangeFilter } from '../FilterComponents'\n\nclass ConstructionObjectTasksFilter extends React.Component {\n hiddenFilters = () => {\n const { store, activities_options } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(ConstructionObjectTasksFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport {\n edit,\n discard,\n editConsructionObjectTaskSubTask,\n discardConsructionObjectTaskSubTask,\n remoteCheckInTimeTrackable\n} from '../elements/actionDefinitions'\n\nclass ConstructionObjectTasksTable extends React.Component {\n pathPrefix = 'v2/construction_object_tasks'\n\n formParams = {\n construction_object_task: { construction_object_id: this.props.construction_object_id }\n }\n\n actions = {\n row: [\n remoteCheckInTimeTrackable(this.pathPrefix, 'check_in'),\n edit(this.pathPrefix, 'v2.construction_object_tasks.edit.title', this.formParams),\n editConsructionObjectTaskSubTask(this.pathPrefix),\n discard(this.pathPrefix),\n discardConsructionObjectTaskSubTask(this.pathPrefix),\n remoteCheckInTimeTrackable('v2/construction_object_sub_tasks', 'check_in_sub_task')\n ]\n }\n\n render() {\n return (\n {this.renderExpander(row, original.is_group, row.getIsExpanded())}
\n )\n }\n },\n {\n header: t('activerecord.attributes.task.title'),\n accessorKey: 'title',\n cell: ({\n getValue,\n row: {\n original: { id, construction_object_sub_tasks_count }\n }\n }) => (\n \n {getValue()}\n \n {construction_object_sub_tasks_count > 0 && (\n ({construction_object_sub_tasks_count}) \n )}\n \n\n \n {t(`v2.construction_object_tasks.index.sub_tasks_count`)}\n \n
\n )\n },\n {\n header: t('activerecord.attributes.construction_object_task.active_time_entries_count'),\n accessorKey: 'active_time_entries_count'\n },\n {\n header: t('activerecord.attributes.construction_object_task.consumed_time_in_period'),\n accessorKey: 'consumed_time_in_period'\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n \n this.onExpandedChange({\n rowId: row.id,\n parentId: row.original.parent_id,\n path: 'v2/construction_object_tasks/sub_tasks',\n subRowName: 'secondLevelRows',\n parentIdPrefix: row.original.parent_id_prefix,\n open: !row.getIsExpanded()\n })\n }\n expanded={this.store.expanded}\n />\n
\n )\n }\n}\n\nexport default ConstructionObjectTasksTableContainer\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit, remove, removeSelected } from '../elements/actionDefinitions'\n\nclass ConstructionObjectUsersTable extends React.Component {\n pathPrefix = 'v2/construction_object_users'\n\n formParams = {\n context: 'construction_object',\n construction_object_user: { construction_object_id: this.props.construction_object_id }\n }\n\n actions = {\n row: [\n edit(this.pathPrefix, 'v2.construction_object_users.contexts.construction_object.edit.title', this.formParams),\n remove(this.pathPrefix)\n ],\n header: [removeSelected(this.pathPrefix)]\n }\n\n canNavigateToResource({ permissions }) {\n return permissions.show\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default ConstructionObjectUsersTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../FilterComponents'\n\nclass ConstructionObjectsFilter extends React.Component {\n hiddenFilters = () => {\n const { store, creatable, companies_options, state_options, other_filter_options, default_filter } = this.props\n\n return (\n \n \n )\n }\n\n render() {\n const { store, customFilters, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(ConstructionObjectsFilter)\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport ActiveTable from '../ActiveTable'\nimport Tooltip from '../Tooltip'\nimport { edit, archive, discard, discardSelected, archiveSelected } from '../elements/actionDefinitions'\n\nexport const CheckedInAttendantCount = ({ type, id, count, prefix }) => (\n \n \n {count}\n \n\n \n {t(`v2.construction_objects.index.checked_in_${type}_count`)}\n \n \n)\n\nclass ConstructionObjectsTable extends React.Component {\n actions = {\n row: [\n edit(this.props.pathPrefix, 'v2.construction_objects.edit.title'),\n archive(this.props.pathPrefix),\n discard(this.props.pathPrefix)\n ],\n header: [archiveSelected(this.props.pathPrefix), discardSelected(this.props.pathPrefix)]\n }\n\n render() {\n return (\n {getValue()} \n },\n {\n header: t('activerecord.attributes.construction_object.name'),\n accessorKey: 'name',\n cell: ({ getValue, row: { original } }) => {getValue()} \n },\n {\n header: t('activerecord.attributes.construction_object.address'),\n accessorKey: 'address'\n },\n {\n header: t('activerecord.attributes.construction_object.construction_object_events_created_recently_count'),\n accessorKey: 'construction_object_events_recently_count',\n size: 120,\n cell: ({ getValue, row: { original } }) => (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object.unread_notes_count'),\n accessorKey: 'unread_notes_count',\n size: 120,\n cell: ({ getValue, row: { original } }) => {\n const value = getValue()\n return (\n 0 })}\n >\n {value}\n \n )\n }\n }\n ]\n\n sendToSrsColumn = {\n header: t('activerecord.attributes.construction_object.send_to_srs'),\n accessorKey: 'send_to_srs',\n size: 120,\n cell: ({\n getValue,\n row: {\n original: { id, vedludb_construction_site }\n }\n }) => {\n let type, text\n\n if (vedludb_construction_site) {\n type = 'success'\n text = `${t('v2.construction_objects.index.linked_with')} ${vedludb_construction_site}`\n } else {\n type = 'danger'\n text = t('v2.construction_objects.index.object_isnt_linked_with_bis')\n }\n\n return \n
\n )\n }\n}\n\nexport default ConstructionObjectsTableContainer\n","import React, { useState } from 'react'\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport axios from 'axios'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport BisConstructionCasesModal from './BisConstructionCasesModal'\nimport ManualConstructionCaseFormModal from './ManualConstructionCaseFormModal'\n\nconst AdditionalConstructionCaseModal = ({ disabled, ligumsId, constructionObjectId, bis }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.Registration')\n const [openMode, setOpenMode] = useState(false)\n const queryClient = useQueryClient()\n\n const { mutate, isLoading } = useMutation({\n mutationFn: data => {\n return axios.put(url('v2/vedludb/registrations', ligumsId, 'add_construction_case'), {\n construction_case: { ...data }\n })\n },\n onSettled: () => {\n queryClient.invalidateQueries({ queryKey: ['vedludb', 'registration', ligumsId] })\n setOpenMode(false)\n }\n })\n\n return (\n \n setOpenMode(bis ? 'bis' : 'manual')} disabled={disabled}>\n {t('.addAdditionalConstructionCase')}\n \n {openMode === 'bis' && (\n mutate({ ...data, pecKadastra: false })}\n onClose={() => setOpenMode(null)}\n />\n )}\n {openMode === 'manual' && (\n setOpenMode(null)}\n onClose={() => setOpenMode(null)}\n isSubmitting={isLoading}\n />\n )}\n
\n )\n}\n\nexport default AdditionalConstructionCaseModal\n","import React from 'react'\n\nimport { useQuery } from '@tanstack/react-query'\nimport axios from 'axios'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport FormModal from '../../FormModal'\nimport ConstructionCasesTable from './ConstructionCasesTable'\n\nconst getConstructionCasesFromBis = async constructionObjectId => {\n return await axios\n .get(url('v2/vedludb/construction_cases', { construction_object_id: constructionObjectId }))\n .then(res => res.data)\n}\n\nconst BisConstructionCasesModal = ({ onCaseClick, onClose, constructionObjectId }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.BisConstructionCasesModal')\n const { isLoading, data } = useQuery({\n queryKey: ['vedludb', 'construction_cases', constructionObjectId],\n queryFn: () => getConstructionCasesFromBis(constructionObjectId)\n })\n\n return (\n \n {isLoading ? (\n {t('loading_data')}
\n ) : (\n \n )\n}\n\nexport default BisConstructionCasesModal\n","import React from 'react'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport Table from '../../Table'\n\nconst ConstructionCasesTable = ({ cases, onCaseClick, itemActions }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.ConstructionCasesTable')\n\n if (!cases) {\n return null\n }\n\n const columns = [\n {\n Header: t('.buvatlaujasNr'),\n accessor: 'buvatlaujasNr'\n },\n {\n Header: t('.objektaKadastraApzimejums'),\n accessor: 'objektaKadastraApzimejums'\n },\n {\n Header: t('.bisBuvniecibasLietasNr'),\n accessor: 'bisBuvniecibasLietasNr'\n },\n {\n Header: t('.nosaukums'),\n accessor: 'nosaukums'\n },\n {\n Header: t('.adrese'),\n accessor: 'adrese'\n },\n {\n Header: t('.ierosinatajs'),\n Cell: ({ resource }) => resource.ierosinatajs || resource.ierosinatajaNosaukums\n },\n {\n Header: t('.ierosinatajaRegistracijasNr'),\n accessor: 'ierosinatajaRegistracijasNr'\n }\n ]\n\n if (itemActions) {\n columns.push({ Header: '', Cell: ({ resource, id }) => itemActions(resource, id) })\n }\n\n return (\n \n )\n}\n\nexport default ConstructionCasesTable\n","import React, { createContext, useState } from 'react'\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { Notificator } from '../../Notificator'\nimport ContractSelect from './ContractSelect'\nimport ContractsAndPayments from './ContractsAndPayments'\nimport NewRegistrationForm from './NewRegistrationForm'\nimport Registration from './Registration'\nimport SubContractsAndPayments from './SubContractsAndPayments'\nimport { useRegistrationQuery } from './queries'\n\nconst queryClient = new QueryClient()\nexport const VedludbContext = createContext()\n\nconst ConstructionObjectVedludb = ({ ...params }) => (\n \n \n)\n\nconst Content = ({\n vedludb_ligums_id,\n construction_object_id: constructionObjectId,\n export_payments_template_url: exportPaymentsTemplateUrl,\n permissions\n}) => {\n const [ligumsId, setLigumsId] = useState(vedludb_ligums_id)\n const t = useTranslate('ConstructionObjects.Vedludb.ConstructionObjectVedludb')\n const [newForm, setNewForm] = useState(false)\n const { isLoading, isError, data: registrationData } = useRegistrationQuery(ligumsId, { enabled: !!ligumsId })\n const registration = registrationData?.registration\n\n const vedludbContextValues = {\n ligumsId,\n registration,\n permissions,\n constructionObjectId,\n exportPaymentsTemplateUrl\n }\n\n const showPaymentsAndContracts = registration && ligumsId && !newForm\n\n if (isLoading && ligumsId) {\n return {t('loading_data')}
\n }\n\n if (isError) {\n return null\n }\n\n return (\n \n \n {permissions.edit_general && (\n <>\n
\n
{t('.construction_site')}
\n
\n
\n
\n
\n {ligumsId && !newForm && (\n
\n {showPaymentsAndContracts && (\n
\n )}\n \n )}\n {!permissions.edit_general && showPaymentsAndContracts && (\n
\n )}\n
\n )\n}\n\nexport default ConstructionObjectVedludb\n","import React, { useContext, useState } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { useMutation } from '@tanstack/react-query'\nimport { useQueryClient } from '@tanstack/react-query'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport useUnsavedChangesConfirmation from '../../../hooks/useUnsavedChangesConfirmation'\nimport { url } from '../../../utils/urlGenerator'\nimport { DateField, TextField } from '../../Forms/HookFields'\nimport Modal from '../../Modal'\nimport ConstructionSiteData from './ContractForm/ConstructionSiteData'\nimport ContractButtons from './ContractForm/ContractButtons'\nimport ContractPaymentData from './ContractForm/ContractPaymentData'\nimport SubcontractorSelects from './ContractForm/SubcontractorSelects'\nimport { useContractQuery } from './queries'\n\nconst defaultContractValues = {\n apaksuznemejaRegistracijasNr: null,\n isFiziskaPersona: false,\n arvalstuDarbaDevejs: false,\n ligumaDatums: null,\n ligumaNumurs: null,\n ligumaSumma: null,\n ligumaSummaNavNoteikta: false\n}\n\nconst formattedData = (data, isEdit, isGeneral) => {\n const formattedPaymentMonths = paymentMonths =>\n paymentMonths.map(row => {\n const result = {\n summa: row?.summa?.replaceAll(' ', ''),\n menesis: row.menesis ? dayjs(row.menesis).format('YYYY-MM') : null\n }\n\n if (row.vedludbId) {\n result.id = row.vedludbId\n result.aktuala = row.aktuala\n }\n\n return result\n })\n\n const result = {\n ligumsId: data?.ligumsId,\n arvalstuDarbaDevejs: data?.arvalstuDarbaDevejs,\n isFiziskaPersona: data?.isFiziskaPersona,\n apaksuznemejaNosaukums: data?.apaksuznemejaNosaukums?.label,\n apaksuznemejaRegistracijasNr: data?.apaksuznemejaRegistracijasNr,\n ligumaDatums: data?.ligumaDatums ? dayjs(data.ligumaDatums).format('YYYY-MM-DD') : null,\n ligumaNumurs: data?.ligumaNumurs,\n ligumaSummaNavNoteikta: data?.ligumaSummaNavNoteikta || false,\n ligumaSumma: data?.ligumaSummaNavNoteikta === false ? data?.ligumaSumma?.replaceAll(' ', '') : null,\n ligumaSummasMenesi: data?.ligumaSummaNavNoteikta === true ? formattedPaymentMonths(data?.ligumaSummasMenesi) : null\n }\n\n if (!isGeneral) {\n result.buvatlaujasNr = data?.buvatlaujasNr\n result.bisBuvniecibasLietasNr = data?.bisBuvniecibasLietasNr\n result.buvniecibasLietaId = data?.buvniecibasLietaId.value\n }\n\n if (isEdit) result.pamatojums = data?.pamatojums\n\n return result\n}\n\nconst formData = (raw, ligumsId, predefinedContractValues = {}) => {\n const buildSubcontractor = contract => {\n if (!contract || !contract?.apaksuznemejaNosaukums || !contract?.apaksuznemejaRegistracijasNr) return null\n\n return {\n label: contract.apaksuznemejaNosaukums,\n value: contract.apaksuznemejaRegistracijasNr\n }\n }\n\n const processMonthlyPayments = contract => {\n if (!contract) return []\n\n return contract?.ligumaSummasMenesi?.map(rawMonth => ({\n ...rawMonth.table,\n menesis: dayjs(rawMonth.table.menesis).toDate(),\n vedludbId: rawMonth.table.id, // Need to store duplicate, since useFieldArray overrides this attribute with its own id\n aktuala: true\n }))\n }\n\n const buildConstructionSide = contract => {\n return contract?.buvniecibasLietas?.length > 0\n ? {\n buvatlaujasNr: contract.buvniecibasLietas[0].table.buvatlaujasNr,\n bisBuvniecibasLietasNr: contract.buvniecibasLietas[0].table.bisBuvniecibasLietasNr,\n buvniecibasLietaId: {\n label: contract.buvniecibasLietas[0].table.buvatlaujasNr,\n value: contract.buvniecibasLietas[0].table.id\n }\n }\n : {\n buvatlaujasNr: null,\n bisBuvniecibasLietasNr: null,\n buvniecibasLietaId: null\n }\n }\n\n const contract = {\n ...defaultContractValues,\n ...predefinedContractValues,\n ...raw\n }\n\n const data = {\n ...contract,\n ...{\n ligumsId: contract?.ligumsId || ligumsId,\n apaksuznemejaNosaukums: buildSubcontractor(contract),\n ligumaDatums: contract?.ligumaDatums ? dayjs(contract.ligumaDatums).toDate() : null,\n ligumaSummasMenesi: processMonthlyPayments(contract),\n ...buildConstructionSide(contract)\n }\n }\n\n return data\n}\n\nconst setRequiredFields = isGeneral => ({\n apaksuznemejaNosaukums: true,\n ligumaDatums: true,\n ligumaNumurs: false,\n ligumaSumma: isGeneral ? false : true,\n ligumaSummaNavNoteikta: isGeneral ? false : true,\n ligumaSummasMenesi: isGeneral ? false : true,\n buvniecibasLietaId: true,\n buvatlaujasNr: false,\n bisBuvniecibasLietasNr: false\n})\n\nconst validationSchema = isGeneral => {\n return isGeneral\n ? yup.object({\n ligumsId: yup.string().required(),\n apaksuznemejaNosaukums: yup.object().nullable().required(),\n apaksuznemejaRegistracijasNr: yup.string().nullable().required(),\n isFiziskaPersona: yup.boolean().nullable().required(),\n arvalstuDarbaDevejs: yup.boolean().nullable().required(),\n ligumaDatums: yup.date().nullable().required(),\n ligumaNumurs: yup.string().nullable().nullable(),\n ligumaSumma: yup.string().nullable(),\n ligumaSummaNavNoteikta: yup.boolean(),\n ligumaSummasMenesi: yup.array().nullable(),\n buvatlaujasNr: yup.string().nullable(),\n bisBuvniecibasLietasNr: yup.string().nullable(),\n buvniecibasLietaId: yup.object().nullable()\n })\n : yup.object({\n ligumsId: yup.string().required(),\n apaksuznemejaNosaukums: yup.object().nullable().required(),\n apaksuznemejaRegistracijasNr: yup.string().nullable().required(),\n isFiziskaPersona: yup.boolean().required(),\n arvalstuDarbaDevejs: yup.boolean().required(),\n ligumaDatums: yup.date().nullable().required(),\n ligumaNumurs: yup.string().nullable().nullable(),\n ligumaSumma: yup\n .string()\n .nullable()\n .when('ligumaSummaNavNoteikta', {\n is: false,\n then: schema => schema.required()\n }),\n ligumaSummaNavNoteikta: yup.boolean(),\n ligumaSummasMenesi: yup\n .array(\n yup.object({\n menesis: yup.string().nullable().required(),\n summa: yup.string().nullable().required()\n })\n )\n .nullable()\n .when('ligumaSummaNavNoteikta', {\n is: true,\n then: schema => schema.min(1).required()\n }),\n buvatlaujasNr: yup.string().nullable(),\n bisBuvniecibasLietasNr: yup.string().nullable(),\n buvniecibasLietaId: yup.object().nullable().required()\n })\n}\n\n// Form Component Definition\nconst ContractForm = ({ closeForm, contract, vedludbCtx }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.ContractForm')\n const [destroyRequested, setDestroyRequested] = useState(false)\n const { ligumsId, permissions, predefinedContractValues } = useContext(vedludbCtx)\n const queryClient = useQueryClient()\n const { data, isError, isLoading } = useContractQuery(ligumsId, contract)\n\n const subcontractors = data?.subcontractors || []\n const constructionSites = data?.constructionSites || []\n\n const isEditForm = !!contract\n\n const values = formData(contract, ligumsId, predefinedContractValues)\n\n const form = useForm({\n defaultValues: values,\n mode: 'onSubmit',\n resolver: yupResolver(validationSchema(permissions.edit_general)),\n values\n })\n\n const {\n handleSubmit,\n formState: { isDirty, errors: _errors }\n } = form\n const handleClose = useUnsavedChangesConfirmation({ dirty: isDirty, onClose: closeForm })\n\n const { mutate, isLoading: isSubmitting } = useMutation({\n mutationFn: data => {\n const URL = url('v2/vedludb/contracts')\n const processedData = { contract: formattedData(data, isEditForm, permissions.edit_general), id: ligumsId }\n\n if (isEditForm) {\n return axios.put(URL, processedData)\n } else {\n return axios.post(URL, processedData)\n }\n },\n onSuccess: () => {\n queryClient.refetchQueries({ queryKey: ['vedludb', 'registrations', ligumsId, 'contracts_and_payments'] })\n closeForm()\n },\n onError: () => closeForm()\n })\n\n const explanation = useWatch({ name: 'pamatojums', control: form.control })\n const displayExplanation = (isEditForm && isDirty) || destroyRequested\n const formDisabled = isLoading || isSubmitting\n const requiredFields = setRequiredFields(permissions.edit_general)\n\n const contextProps = {\n ...form,\n contract,\n subcontractors,\n constructionSites,\n formDisabled,\n ligumsId,\n isEditForm,\n requiredFields,\n closeForm,\n setDestroyRequested\n }\n\n const modalProps = {\n onClose: handleClose,\n closeOnBackdropClick: false,\n className: 'new-modal contract-form',\n title: isEditForm ? t('.titles.edit') : t('.titles.new')\n }\n\n if (isError) return null\n\n return (\n \n \n \n \n \n )\n}\n\nexport default ContractForm\n","import React, { useEffect } from 'react'\n\nimport { useFormContext, useWatch } from 'react-hook-form'\n\nimport useTranslate from '../../../../hooks/useTranslate'\nimport { SelectField, TextField } from '../../../Forms/HookFields'\n\nconst ConstructionSiteData = () => {\n const t = useTranslate('ConstructionObjects.Vedludb.ContractForm')\n const { constructionSites, formDisabled, requiredFields, setValue } = useFormContext()\n const options = constructionSites.map(site => ({ label: site.buvatlaujasNr, value: site.buvniecibasLietaId }))\n const selectedSite = useWatch({ name: 'buvniecibasLietaId' })\n\n useEffect(() => {\n const constructionSite = constructionSites.find(site => site.buvniecibasLietaId === selectedSite?.value)\n setValue('bisBuvniecibasLietasNr', constructionSite?.bisBuvniecibasLietasNr)\n setValue('buvatlaujasNr', constructionSite?.buvatlaujasNr)\n }, [setValue, constructionSites, selectedSite])\n\n return (\n <>\n \n
\n {t('.buttons.save')}\n \n \n \n {t('.buttons.cancel')}\n \n {isEditForm && (\n \n
\n \n {fields.map(\n (field, index) =>\n (field.aktuala === undefined || field.aktuala) && (\n
\n handleRowRemove(index)} />\n
\n )\n )}\n
\n
\n
{t('.buttons.addPaymentMonth')}
\n
\n
\n
\n )\n },\n { Header: t('.headers.bis_case_nr'), accessor: 'bisLietasNr' },\n { Header: t('.headers.who_changed'), accessor: 'izmainuVeicejs' },\n { Header: t('.headers.change_date'), Cell: ({ resource }) => formatDate(resource.izmainuDatums) },\n { Header: t('.headers.explanation'), accessor: 'pamatojums' }\n ]\n\n return (\n \n \n \n )\n}\n\nexport default ContractHistory\n","import React, { useState, useEffect } from 'react'\n\nimport { useMutation } from '@tanstack/react-query'\nimport axios from 'axios'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport { SelectField } from '../../Forms/HookFields'\nimport { useRegistrationsQuery } from './queries'\n\nconst ContractSelect = ({ ligumsId, setLigumsId, constructionObjectId, setNewForm, permissions }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.ContractSelect')\n const [formDisabled, setFormDisabled] = useState(!!ligumsId)\n\n const { data: registrations } = useRegistrationsQuery(constructionObjectId)\n\n const formContext = useForm({\n defaultValues: { registration: null },\n mode: 'onSubmit'\n })\n\n useEffect(() => {\n if (registrations) {\n formContext.setValue(\n 'registration',\n registrations.find(reg => reg.value === ligumsId)\n )\n }\n }, [registrations, formContext, ligumsId])\n\n const { mutate } = useMutation({\n mutationFn: ({ registration }) => {\n if (!registration) return\n\n return axios.post(url('v2/construction_objects', constructionObjectId, 'update_vedludb_ligums_id'), {\n vedludb_ligums_id: registration.value,\n vedludb_token: registration.token\n })\n },\n onSuccess: ({ data }) => {\n setFormDisabled(true)\n setNewForm(false)\n setLigumsId(data.vedludb_ligums_id)\n }\n })\n\n const {\n handleSubmit,\n formState: { isSubmitting }\n } = formContext\n\n const changesAllowed = permissions.update_vedludb_ligums_id\n\n return (\n \n
\n \n \n setFormDisabled(false)} key='activate'>\n {t('.change')}\n \n ) : (\n \n {t('save')}\n \n )}\n {changesAllowed && (\n setNewForm(true)}>\n {t('.register_new')}\n \n )}\n \n \n
\n
openForm(null)}\n >\n {t('.newContract')}\n \n )\n}\n\nconst contractsWithPayments = (contracts = [], payments) => {\n if (!contracts) {\n return []\n }\n\n return contracts.map(contract => ({\n ...contract,\n maksajumuSkaits: payments.filter(payment => payment.ligumsId === contract.ligumsId).length\n }))\n}\n\nconst ContractsTable = ({ isLoading, contracts, payments, title, interactable = false }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.ContractsTable')\n const [selectedContract, setSelectedContract] = useState(undefined)\n const [historyContract, setHistoryContract] = useState(null)\n const [isHistoryOpen, setHistoryOpen] = useState(false)\n const [isFormOpen, setIsFormOpen] = useState(false)\n\n const openForm = resource => {\n setSelectedContract(resource)\n setIsFormOpen(true)\n }\n\n const openHistory = contract => {\n setHistoryContract(contract)\n setHistoryOpen(true)\n }\n\n const closeForm = () => {\n setIsFormOpen(false)\n setSelectedContract(undefined)\n }\n\n const closeHistory = () => setHistoryOpen(false)\n\n const columns = [\n {\n Header: t('.contract_number'),\n accessor: 'ligumaNumurs'\n },\n {\n Header: t('.contract_date'),\n accessor: 'ligumaDatums',\n Cell: ({ resource }) => formatDate(resource.ligumaDatums)\n },\n {\n Header: t('.contract_sum'),\n accessor: 'ligumaSumma',\n className: 'text-right',\n Cell: ({ resource }) => (\n \n
\n )\n },\n {\n Header: t('.customer'),\n accessor: 'pasutitajs'\n },\n {\n Header: t('.subcontractor'),\n accessor: 'apaksuznemejaNosaukums'\n },\n {\n Header: t('.contract_payment_amount'),\n accessor: 'maksajumuSkaits'\n }\n ]\n\n const tableActions = [\n {\n onClick: openHistory,\n text: t('.showHistory'),\n icon: 'history'\n }\n ]\n\n if (interactable)\n tableActions.unshift({\n onClick: openForm,\n text: t('.showContract'),\n icon: 'eye'\n })\n\n return (\n \n {interactable ? (\n <>\n {isFormOpen &&
}\n
\n
{title} \n \n \n ) : (\n
{title} \n )}\n
\n
\n
\n \n \n )\n}\n\nexport default History\n","import React from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { FormProvider, useForm, useFieldArray } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { t as tGlobal } from '../../../utils/i18n'\nimport FormModal from '../../FormModal'\nimport { TextField, SwitchField } from '../../Forms/HookFields'\nimport SubItem from '../../SubItem'\n\nconst validationSchema = yup.object({\n ierosinatajaRegistracijasNr: yup.string().nullable().required(),\n ierosinatajaNosaukums: yup.string().nullable().required(),\n nosaukums: yup.string().nullable().required(),\n adrese: yup.string().nullable().required(),\n objektaKadastraApzimejums: yup\n .array()\n .of(\n yup.object({\n value: yup\n .string()\n .nullable()\n .matches(/^\\d{11}(\\d{3})?$/, {\n message: tGlobal('components.ConstructionObjects.Vedludb.ManualConstructionCaseForm.kadastraFormats')\n })\n .required()\n })\n )\n .min(1)\n})\n\nconst initialFormData = (data = null) => ({\n ierosinatajaRegistracijasNr: data?.ierosinatajaRegistracijasNr || '',\n ierosinatajaNosaukums: data?.ierosinatajaNosaukums || '',\n nosaukums: data?.nosaukums || '',\n adrese: data?.adrese || '',\n objektaKadastraApzimejums: data?.objektaKadastraApzimejums?.split(' | ')?.map(k => ({\n value: k\n })) || [{ value: '' }]\n})\n\nconst prepareData = data => {\n const {\n fiziskaPersona: _fiziskaPersona,\n arvalstuUznemums: _arvalstuUznemums,\n objektaKadastraApzimejums,\n ...others\n } = data\n\n const objektaKadastraApzimejumsValues = objektaKadastraApzimejums.map(({ value }) => value).join(' | ')\n\n return {\n ...others,\n objektaKadastraApzimejums: objektaKadastraApzimejumsValues,\n pecKadastra: true\n }\n}\n\nconst ManualConstructionCaseFormModal = ({ onSubmit, onClose, title, isSubmitting, data }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.ManualConstructionCaseForm')\n\n const formContext = useForm({\n values: initialFormData(data),\n mode: 'onSubmit',\n resolver: yupResolver(validationSchema)\n })\n\n const {\n fields: cadastreFields,\n append,\n remove\n } = useFieldArray({\n control: formContext.control,\n name: 'objektaKadastraApzimejums'\n })\n\n const {\n handleSubmit,\n watch,\n formState: { errors: _errors }\n } = formContext\n\n const [arvalstuUznemums, fiziskaPersona] = watch(['arvalstuUznemums', 'fiziskaPersona'])\n\n let regNrLabelKey\n\n if (fiziskaPersona) {\n regNrLabelKey = '.ierosinatajaPersonasKods'\n } else if (arvalstuUznemums) {\n regNrLabelKey = '.ierosinatajaRegistracijasNrMitnesValsti'\n } else {\n regNrLabelKey = '.ierosinatajaRegistracijasNr'\n }\n\n return (\n \n \n \n \n \n )\n}\n\nexport default ManualConstructionCaseFormModal\n","import React, { useState } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { useMutation } from '@tanstack/react-query'\nimport axios from 'axios'\nimport { FormProvider, useForm, useFieldArray } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport { dateFormatter } from '../../Forms/Formatters'\nimport { formatValuesForSubmit } from '../../Forms/Formatters/submit'\nimport Icon from '../../Icon'\nimport BisConstructionCasesModal from './BisConstructionCasesModal'\nimport ConstructionCasesTable from './ConstructionCasesTable'\nimport ManualConstructionCaseFormModal from './ManualConstructionCaseFormModal'\nimport RegistrationForm from './RegistrationForm'\nimport { commonRegistrationFieldSchemas } from './common'\n\nconst validationSchema = yup.object({\n ...commonRegistrationFieldSchemas,\n buvniecibasUzsaksanasDatums: yup.date().nullable().required(),\n buvniecibasLietas: yup.array().of(yup.object()).min(1)\n})\n\nconst initialData = {\n buvniecibasUzsaksanasDatums: null,\n ligumaDatums: null,\n ligumaSumma: '',\n citsPasutitajs: '',\n pasutitajaNosaukums: '',\n pasutitajaRegNr: '',\n buvniecibasLietas: []\n}\n\nconst valueFormats = {\n buvniecibasUzsaksanasDatums: dateFormatter,\n ligumaDatums: dateFormatter\n}\n\nconst NewRegistrationForm = ({ constructionObjectId }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.NewRegistrationForm')\n const [openMode, setOpenMode] = useState(null)\n const [editCaseData, setEditCaseData] = useState(null)\n\n const formContext = useForm({\n values: initialData,\n mode: 'onSubmit',\n resolver: yupResolver(validationSchema)\n })\n\n const {\n control,\n watch,\n handleSubmit,\n formState: { errors: errors }\n } = formContext\n\n const { append, remove, update } = useFieldArray({\n control,\n name: 'buvniecibasLietas'\n })\n\n const buvniecibasLietas = watch('buvniecibasLietas')\n\n const { mutate, isLoading: isSubmitting } = useMutation({\n mutationFn: formData => {\n const { citsPasutitajs: _a, ...otherValues } = formData\n return axios.post(url('v2/vedludb/registrations'), {\n registration: {\n ...otherValues,\n pasutitajaNosaukums: formData.citsPasutitajs ? formData.pasutitajaNosaukums : '',\n pasutitajaRegNr: formData.citsPasutitajs ? formData.pasutitajaRegNr : '',\n ...formatValuesForSubmit(otherValues, valueFormats)\n },\n construction_object_id: constructionObjectId\n })\n },\n onSuccess: () => {\n window.location.reload()\n }\n })\n\n const bis = !!buvniecibasLietas.find(item => item.buvatlaujasNr)\n\n const itemActions = (item, idx) => (\n \n remove(idx)}>\n \n {!bis && (\n setEditCaseData({ idx, item })}>\n \n )}\n
\n )\n\n return (\n \n \n {(!buvniecibasLietas.length || bis) && (\n
setOpenMode('bis')}>\n {t('.choose_construction_case_from_list')}\n \n )}\n {(!buvniecibasLietas.length || !bis) && (\n
setOpenMode('manual')}>\n {t('.enter_construction_case_data_manually')}\n \n )}\n {errors.buvniecibasLietas?.message && (\n
{errors.buvniecibasLietas.message}
\n )}\n
{\n append(data)\n setOpenMode(null)\n }}\n onClose={() => setOpenMode(null)}\n />\n )}\n {openMode === 'manual' && (\n {\n append(data)\n setOpenMode(null)\n }}\n onCancel={() => setOpenMode(null)}\n onClose={() => setOpenMode(null)}\n />\n )}\n {editCaseData && (\n {\n update(editCaseData.idx, data)\n setEditCaseData(null)\n }}\n onCancel={() => setEditCaseData(null)}\n onClose={() => setEditCaseData(null)}\n />\n )}\n \n )\n}\n\nexport default NewRegistrationForm\n","import React, { useContext, useEffect, useState } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport useUnsavedChangesConfirmation from '../../../hooks/useUnsavedChangesConfirmation'\nimport { formatCurrency, formatDate } from '../../../utils/formatters'\nimport { url } from '../../../utils/urlGenerator'\nimport { DateField, TextField, NumberField } from '../../Forms/HookFields'\nimport Modal from '../../Modal'\nimport styles from './Buttons.module.scss'\nimport { VedludbContext } from './ConstructionObjectVedludb'\nimport PaymentButtons from './PaymentForm/PaymentButtons'\nimport PaymentContractWithSides from './PaymentForm/PaymentContractWithSides'\n\nconst formatPayment = payment => {\n return {\n ligumsId: payment?.ligumsId\n ? { value: payment.ligumsId, label: `${payment.ligumsId} (${payment.sanemejaNosaukums})` }\n : null,\n maksajumaDatums: payment?.maksajumaDatums ? dayjs(payment?.maksajumaDatums).toDate() : null,\n maksajumaSumma: formatCurrency(payment?.maksajumaSumma || null)\n }\n}\n\nconst formatData = data => ({\n ligumsId: data.ligumsId.value,\n maksajumaSumma: data.maksajumaSumma.replaceAll(' ', ''),\n maksajumaDatums: formatDate(data.maksajumaDatums, 'YYYY-MM-DD'),\n pamatojums: data.pamatojums || null\n})\n\nconst validationSchema = yup.object({\n ligumsId: yup.object().nullable().required(),\n maksajumaSumma: yup.string().nullable().required(),\n maksajumaDatums: yup.date().nullable().required(),\n pamatojums: yup.string().nullable()\n})\n\nconst contractsForSelect = (permissions, contracts, registration) =>\n permissions.edit_general ? [...contracts, registration] : contracts\n\nconst PaymentForm = ({ onClose, payment, payments, contracts }) => {\n const [editMode, setEditMode] = useState(false)\n const [destroyRequested, setDestroyRequested] = useState(false)\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentForm')\n const isEditForm = !!payment\n const vedludbCtx = useContext(VedludbContext)\n const { permissions, registration, ligumsId } = vedludbCtx\n const queryClient = useQueryClient()\n\n const allContracts = contractsForSelect(permissions, contracts, registration)\n\n const form = useForm({\n defaultValues: formatPayment(payment),\n mode: 'onSubmit',\n resolver: yupResolver(validationSchema)\n })\n\n const {\n reset,\n handleSubmit,\n formState: { isDirty, isSubmitting }\n } = form\n\n useEffect(() => {\n reset(formatPayment(payment))\n }, [payment, reset])\n\n const getExplanationPlaceholder = (isOwner, isReceiver, editMode) => {\n if ((isOwner && editMode) || !isReceiver) return t('.ExplanationPlaceholders.only_edit')\n if (isReceiver && !editMode) return t('.ExplanationPlaceholders.only_approve')\n }\n\n const { registration_number, edit_general } = permissions\n\n const isPaymentOwner =\n registration_number === payment?.maksatajaRegistracijasNr ||\n (registration_number === payment?.sanemejaRegistracijasNr &&\n registration_number === payment?.iesniedzejaRegNr &&\n edit_general)\n\n const modalTitleKey =\n payment?.statuss === undefined\n ? 'new_payment'\n : payment?.statuss === 0 && isPaymentOwner\n ? 'edit_payment'\n : payment?.statuss === 1 || payment?.statuss === 3\n ? 'payment_approved'\n : payment?.statuss === 2\n ? 'payment_denied'\n : 'default'\n\n const closeForm = useUnsavedChangesConfirmation({ dirty: isDirty, onClose })\n\n const isPaymentReceiver = registration_number === payment?.sanemejaRegistracijasNr\n\n const isStandalone = isPaymentOwner && isPaymentReceiver\n\n const displayExplanationField =\n (isEditForm && isDirty) || (isPaymentReceiver && payment?.statuss === 0 && !editMode) || destroyRequested\n\n const explanationPlaceholder = getExplanationPlaceholder(isPaymentOwner, isPaymentReceiver, editMode)\n const formDisabled = (isEditForm && !isPaymentOwner) || isSubmitting || (isStandalone && !editMode)\n\n const tableReload = () => queryClient.invalidateQueries({ queryKey: ['vedludb', 'payments', ligumsId] })\n\n const { mutate } = useMutation({\n mutationFn: data => {\n const finalUrl = url('/v2/vedludb/payments')\n const formattedData = { id: ligumsId, payment: formatData(data) }\n\n if (isEditForm) {\n formattedData.payment.norekinuMaksajumsId = payment.norekinuMaksajumsId\n return axios.put(finalUrl, formattedData)\n } else {\n return axios.post(finalUrl, formattedData)\n }\n },\n onSuccess: () => {\n tableReload()\n onClose()\n },\n onError: () => {\n onClose()\n }\n })\n\n const modalProps = {\n isOpen: true,\n onClose: closeForm,\n closeOnBackdropClick: false,\n className: 'new-modal payment-form',\n title: t(`.titles.${modalTitleKey}`)\n }\n\n const contextProps = {\n ...vedludbCtx,\n allContracts,\n isEditForm,\n editMode,\n isDirty,\n formDisabled,\n isPaymentOwner,\n isPaymentReceiver,\n isStandalone,\n onClose,\n payment\n }\n\n return (\n \n {isStandalone && (\n setEditMode(true)}\n disabled={editMode}\n >\n {t('.titles.edit_payment')}\n \n )}\n \n \n \n \n )\n}\n\nexport default PaymentForm\n","import React from 'react'\n\nimport { useMutation } from '@tanstack/react-query'\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport { useFormContext, useWatch } from 'react-hook-form'\n\nimport Icon from '../../../../components/Icon'\nimport useTranslate from '../../../../hooks/useTranslate'\nimport { showConfirmation } from '../../../../utils/confirmations'\nimport { formatCurrency } from '../../../../utils/formatters'\nimport { url } from '../../../../utils/urlGenerator'\nimport styles from '../Buttons.module.scss'\n\nconst ButtonsContainer = ({ justify = 'start', children }) => {\n return {children}
\n}\n\nconst hasIdenticalPayments = (payment, payments) => {\n const identicalPayments = payments?.filter(\n p =>\n p.maksatajaRegistracijasNr === payment.maksatajaRegistracijasNr &&\n p.sanemejaRegistracijasNr === payment.sanemejaRegistracijasNr &&\n p.maksajumaDatums === payment.maksajumaDatums &&\n formatCurrency(p.maksajumaSumma) === formatCurrency(payment.maksajumaSumma)\n )\n\n return identicalPayments?.length > 1\n}\n\nconst PaymentButtons = ({ closeForm, setDestroyRequested, payments, tableReload }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentForm.PaymentButtons')\n const { payment, isDirty, isEditForm, isPaymentOwner, isPaymentReceiver, isStandalone, editMode, ligumsId, onClose } =\n useFormContext()\n\n const explanation = useWatch({ name: 'pamatojums' })\n\n const { mutate: mutateDestroy, isLoading: isDestroying } = useMutation({\n mutationFn: () =>\n axios.delete(url('v2/vedludb/payments'), {\n data: { id: ligumsId, payment: { norekinuMaksajumsId: payment.norekinuMaksajumsId, pamatojums: explanation } }\n }),\n onSuccess: () => {\n tableReload()\n },\n onSettled: () => {\n onClose()\n }\n })\n\n const handleDestroy = () => {\n if (explanation) {\n showConfirmation({\n isOpen: true,\n closeOnConfirm: true,\n onConfirm: mutateDestroy,\n text: t('.confirm_delete'),\n confirmButton: { title: t('delete'), type: 'danger' }\n })\n } else {\n setDestroyRequested(true)\n }\n }\n\n const { mutate } = useMutation({\n mutationFn: statuss => {\n return axios.post(url('/v2/vedludb/payments/change_status'), {\n id: ligumsId,\n payment: {\n id: payment.norekinuMaksajumsId,\n statuss,\n pamatojums: explanation\n }\n })\n },\n onSuccess: () => {\n tableReload()\n onClose()\n },\n onError: () => {\n onClose()\n }\n })\n\n const displaySaveControls = !payment || (isPaymentOwner && !isStandalone) || (isStandalone && editMode)\n const displayApprovalControls =\n payment?.statuss === 0 && ((isPaymentReceiver && !isStandalone) || (isStandalone && !editMode))\n const saveDisabled = !isDirty || (isEditForm && !explanation) || isDestroying\n\n return (\n <>\n \n {displayApprovalControls && (\n mutate(2)}\n disabled={!explanation}\n type='button'\n >\n {t('.deny')}\n \n )}\n {displaySaveControls && (\n \n {payment ? t('.send_edited') : t('.send_payment')}\n \n )}\n \n closeForm()}\n type='button'\n >\n {t('cancel')}\n \n {isPaymentOwner && hasIdenticalPayments(payment, payments) && (\n \n
\n \n \n )\n}\n\nexport default PaymentButtons\n","import React from 'react'\n\nimport { useFormContext, useWatch } from 'react-hook-form'\n\nimport useTranslate from '../../../../hooks/useTranslate'\nimport { SelectField, TextField } from '../../../Forms/HookFields'\n\nconst PaymentContractWithSides = () => {\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentForm.fields')\n const { allContracts, payment, formDisabled, permissions } = useFormContext()\n\n const selectedLigumsId = useWatch({\n name: 'ligumsId'\n })\n\n const selectedContract = allContracts.find(contract => contract.ligumsId === selectedLigumsId?.value)\n\n const payerProps = {\n value: selectedContract?.pasutitajs || payment?.maksatajaNosaukums || selectedContract?.pasutitajaNosaukums || ''\n }\n const receiverProps = {\n value:\n selectedContract?.apaksuznemejaNosaukums ||\n payment?.sanemejaNosaukums ||\n (selectedContract?.ligumsId && permissions.general_name) ||\n ''\n }\n\n const ligumsIdOptions = allContracts.map(contract => ({\n label: `${contract.ligumsId} (${contract.apaksuznemejaNosaukums || contract.pasutitajaNosaukums})`,\n value: contract.ligumsId\n }))\n\n return (\n <>\n \n
\n )\n },\n { Header: t('.headers.status'), Cell: ({ resource }) => formatPaymentStatus(resource.statuss) },\n { Header: t('.headers.explanation'), accessor: 'pamatojums' },\n { Header: t('.headers.who_changed'), accessor: 'izmainuVeicejs' },\n { Header: t('.headers.change_date'), Cell: ({ resource }) => formatDate(resource.izmainuDatums) }\n ]\n\n return (\n \n \n \n )\n}\n\nexport default PaymentHistory\n","import React, { useState, useMemo } from 'react'\n\nimport classNames from 'classnames'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport styles from './Buttons.module.scss'\nimport PaymentForm from './PaymentForm'\nimport PaymentHistory from './PaymentHistory'\nimport PaymentsImportModal from './PaymentsImportModal'\nimport PaymentsTable from './PaymentsTable'\n\nconst Payments = ({ loading, payments, contracts, ligumsId, exportPaymentsTemplateUrl, paymentsImportUrl }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentsTable')\n\n const [selectedPayment, setSelectedPayment] = useState(null)\n const [isModalOpen, setIsModalOpen] = useState(false)\n const [isImportModalOpen, setIsImportModalOpen] = useState(false)\n const [paymentForHistory, setPaymentForHistory] = useState(null)\n\n const openPaymentForm = payment => {\n setSelectedPayment(payment)\n setIsModalOpen(true)\n }\n\n const closePaymentForm = () => {\n setIsModalOpen(false)\n setSelectedPayment(undefined) // using `undefined` for form reset, since new payment passes null\n }\n\n const openHistory = payment => {\n setPaymentForHistory(payment)\n }\n\n const closeHistory = () => setPaymentForHistory(null)\n\n const tableActions = useMemo(\n () => [\n {\n onClick: openPaymentForm,\n text: t('.showPayment'),\n icon: 'eye'\n },\n {\n onClick: openHistory,\n text: t('.showHistory'),\n icon: 'history'\n }\n ],\n [t]\n )\n\n const normalizedPayments = payments?.map(payment => ({\n ...payment,\n statuss: payment.statuss ?? payment.maksajumaStatuss\n }))\n\n return (\n \n {paymentForHistory &&
}\n {isModalOpen && (\n
\n )}\n\n {isImportModalOpen && (\n
setIsImportModalOpen(false)}\n />\n )}\n \n
{t('.payments')} \n\n
\n openPaymentForm(null)}\n disabled={loading}\n >\n {t('.new_payment')}\n \n setIsImportModalOpen(true)}>\n {t('import')}\n \n
\n
setIsOpen(true)} className='btn btn-outline-primary'>\n \n {open && setIsOpen(false)} {...props} />}\n \n )\n}\n\nexport default PaymentsImportModalButton\n","import React from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../../hooks/useTranslate'\nimport FormModal from '../../../FormModal'\n\nconst Form = ({ setResults, onClose, exportPaymentsTemplateUrl, ligumsId, importUrl }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentsImportModal.Form')\n\n const defaultValues = {\n attached_files: [],\n files: []\n }\n\n const onSubmit = data => {\n const file = data.file[0]\n\n const formData = new FormData()\n formData.append('file', file)\n if (ligumsId) {\n formData.append('id', ligumsId)\n }\n\n axios\n .post(importUrl, formData, {\n headers: {\n 'content-type': 'multipart/form-data'\n }\n })\n .then(data => {\n console.log(data)\n setResults(data.data)\n })\n .catch(error => {\n console.error('Error uploading file:', error)\n })\n }\n\n const schema = yup.object().shape({\n file: yup.mixed().test('fileSize', 'Fails ir pārāk liels.', value => {\n return value && value[0] && value[0].size <= 2000000 // 2MB\n })\n })\n\n const form = useForm({\n defaultValues: defaultValues,\n mode: 'onSubmit',\n resolver: yupResolver(schema)\n })\n\n const {\n handleSubmit,\n register,\n watch,\n formState: { errors, isSubmitting }\n } = form\n\n const attachedFiles = watch('file')\n const fileAttached = attachedFiles?.length > 0\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Form\n","import React, { useMemo } from 'react'\n\nimport { createColumnHelper } from '@tanstack/react-table'\n\nimport useTranslate from '../../../../hooks/useTranslate'\nimport { url } from '../../../../utils/urlGenerator'\nimport BaseTable from '../../../BaseTable'\nimport Modal from '../../../Modal'\n\nconst columnHelper = createColumnHelper()\n\nconst Results = ({ results, onClose }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.PaymentsImportModal.Results')\n\n const paymentsUrl = url('v2/payments')\n\n const columns = useMemo(\n () => [\n columnHelper.accessor('buvdarbuLigumaNr', {\n header: t('.buvdarbuLigumaNr')\n }),\n columnHelper.accessor('sanemejaNosaukums', {\n header: t('.sanemejaNosaukums')\n }),\n columnHelper.accessor('sanemejaRegistracijasNr', {\n header: t('.sanemejaRegistracijasNr')\n }),\n columnHelper.accessor('maksajumaDatums', {\n header: t('.maksajumaDatums')\n }),\n columnHelper.accessor('maksajumaSumma', {\n header: t('.maksajumaSumma')\n }),\n columnHelper.accessor('maksatajaNosaukums', {\n header: t('.maksatajaNosaukums')\n }),\n columnHelper.accessor('maksatajaRegistracijasNr', {\n header: t('.maksatajaRegistracijasNr')\n })\n ],\n [t]\n )\n\n return (\n \n {results.import_result.invalids.length > 0 && (\n <>\n {t('.invalid_payments')} \n \n 'highlighted-row danger'}\n />\n
\n \n )}\n {results.import_result.payments_imported.length > 0 && (\n <>\n \n\n \n 'highlighted-row success'}\n />\n
\n \n )}\n \n )\n}\n\nexport default Results\n","import React, { useState } from 'react'\n\nimport Form from './Form'\nimport Results from './Results'\n\nconst PaymentsImportModal = ({ onClose, exportPaymentsTemplateUrl, ligumsId, importUrl }) => {\n const [results, setResults] = useState()\n\n return results ? (\n setHistoryIsOpen(true)}>\n {t('.history')}\n \n )\n\n return (\n \n {registration.buvniecibasLietas.length ? setHistoryIsOpen(false)} />}\n \n )\n}\n\nexport default Registration\n","import React from 'react'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { TextField, DateField, CheckField, NumberField } from '../../Forms/HookFields'\n\nconst RegistrationForm = ({ formContext, onSubmit, isSubmitting, editing, extraButtons }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.Registration')\n\n const {\n watch,\n reset,\n formState: { isDirty, errors: _errors }\n } = formContext\n\n const watchCitsPasutitajs = watch('citsPasutitajs')\n\n return (\n \n )\n}\n\nexport default RegistrationForm\n","import React, { useState } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport yup from 'utils/yup'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport FormModal from '../../FormModal'\nimport { dateFormatter, selectFormatter } from '../../Forms/Formatters'\nimport { formatValuesForSubmit } from '../../Forms/Formatters/submit'\nimport { DateField, SelectField } from '../../Forms/HookFields'\nimport StatusHistory from './StatusHistory'\n\nconst initialFormData = {\n status: '',\n date: dayjs().toDate()\n}\n\nconst validationSchema = yup.object({\n status: yup.object().nullable().required(),\n date: yup.string().nullable().required()\n})\n\nconst valueFormats = {\n status: selectFormatter,\n date: dateFormatter\n}\n\nconst StatusForm = ({ data, onClose, ligumsId }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.RegistrationStatus')\n const queryClient = useQueryClient()\n\n const { mutate, isLoading: isSubmitting } = useMutation({\n mutationFn: formData => {\n return axios.put(url('v2/vedludb/registrations', ligumsId, 'update_status'), {\n registration: formatValuesForSubmit(formData, valueFormats)\n })\n },\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['vedludb', 'registration', ligumsId] })\n onClose()\n }\n })\n\n const formContext = useForm({\n values: initialFormData,\n mode: 'onSubmit',\n resolver: yupResolver(validationSchema)\n })\n\n const {\n handleSubmit,\n formState: { errors: _errors }\n } = formContext\n\n const statusOptions = [0, 1, 2, 3]\n .filter(status => status !== data.statuss)\n .map(status => ({ value: status, label: t(`.status.${status}`) }))\n\n return (\n \n \n \n \n \n )\n}\n\nconst RegistrationStatus = ({ data, ligumsId }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.RegistrationStatus')\n const [modalOpen, setModalOpen] = useState(false)\n const [historyIsOpen, setHistoryIsOpen] = useState(false)\n\n return (\n \n
\n {t('.title')}: {t(`.status.${data.statuss}`)} \n \n
\n setModalOpen(true)}>\n {t('.change_status')}\n \n setHistoryIsOpen(true)}>\n {t('history')}\n \n
\n {modalOpen &&
setModalOpen(false)} ligumsId={ligumsId} data={data} />}\n {historyIsOpen && setHistoryIsOpen(false)} />}\n {t(`components.ConstructionObjects.Vedludb.RegistrationStatus.status.${resource.statuss}`)}
\n )\n },\n {\n Header: t('.statusaDatums'),\n Cell: ({ resource }) => formatDate(resource.statusaDatums)\n }\n ]\n\n const versions = [].concat(data)\n\n if (isError) return null\n\n return (\n \n \n \n )\n}\n\nexport default StatusHistory\n","import React from 'react'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { url } from '../../../utils/urlGenerator'\nimport ContractsTable from './ContractsTable'\nimport Payments from './Payments'\nimport { useContractsQuery, usePaymentsQuery } from './queries'\n\nconst filterByBisNumber = (contracts, bisNumbers) =>\n contracts.filter(({ bisBuvniecibasLietasNr }) => bisNumbers.includes(bisBuvniecibasLietasNr))\n\nconst SubContractsAndPayments = ({ registration, ligumsId, exportPaymentsTemplateUrl }) => {\n const t = useTranslate('ConstructionObjects.Vedludb.SubContractsAndPayments')\n const { isError: isPaymentsError, isLoading: isPaymentsLoading, data: paymentsData } = usePaymentsQuery(ligumsId)\n const { isError: isContractsError, isLoading: isContractsLoading, data: contractsData } = useContractsQuery(ligumsId)\n\n if (isPaymentsError || isContractsError) return null\n\n const loading = isPaymentsLoading || isContractsLoading\n\n const bisNumbers = registration.buvniecibasLietas\n .map(({ bisBuvniecibasLietasNr }) => bisBuvniecibasLietasNr)\n .filter(Boolean)\n\n const myContracts = filterByBisNumber(contractsData?.my_contracts || [], bisNumbers)\n const subcontractorContracts = filterByBisNumber(contractsData?.subcontractor_contracts || [], bisNumbers)\n\n return (\n \n )\n}\n\nexport default SubContractsAndPayments\n","import yup from 'utils/yup'\n\nexport const commonRegistrationFieldSchemas = {\n ligumaDatums: yup.date().nullable().required(),\n ligumaSumma: yup\n .string()\n .nullable()\n .transform(currentValue => currentValue.replace(/\\s/g, ''))\n .matches(/^[0-9]+(\\.[0-9]+)?$/, {\n message: 'test',\n excludeEmptyString: true\n })\n .required(),\n pasutitajaNosaukums: yup.string().when('citsPasutitajs', {\n is: true,\n then: schema => schema.required()\n }),\n pasutitajaRegNr: yup.string().when('citsPasutitajs', {\n is: true,\n then: schema => schema.required()\n })\n}\n","import { useQuery } from '@tanstack/react-query'\nimport axios from 'axios'\n\nimport { url } from '../../../utils/urlGenerator'\n\nconst getContracts = async ligumsId => {\n const response = await axios.get(url('v2/vedludb/contracts', { id: ligumsId }))\n return response.data?.contracts\n}\n\nconst getPayments = async ligumsId => {\n const response = await axios.get(url('v2/vedludb/payments', { id: ligumsId }))\n return response.data\n}\n\nconst getContractInfo = async (ligumsId, contract) => {\n return await axios\n .get(url('v2/vedludb/contracts/info', { id: ligumsId, ligumsId: contract?.ligumsId }))\n .then(res => res.data)\n}\n\nconst getRegistrations = async constructionObjectId => {\n return await axios\n .get(url('v2/vedludb/registrations', { construction_object_id: constructionObjectId }))\n .then(res => res.data?.data)\n}\n\nconst getRegistration = async ligumsId => {\n const response = await axios.get(url('v2/vedludb/registrations', ligumsId))\n return response.data\n}\n\nconst getContractsAndPayments = async ligumsId => {\n const response = await axios.get(url('v2/vedludb/registrations', ligumsId, 'contracts_and_payments'))\n return response.data\n}\n\nexport const useContractsQuery = ligumsId =>\n useQuery({\n queryKey: ['vedludb', 'contracts', ligumsId],\n queryFn: () => getContracts(ligumsId),\n retry: false\n })\n\nexport const usePaymentsQuery = ligumsId =>\n useQuery({\n queryKey: ['vedludb', 'payments', ligumsId],\n queryFn: () => getPayments(ligumsId)\n })\n\nexport const useContractQuery = (ligumsId, contract) =>\n useQuery({\n queryKey: ['vedludb', 'contracts', 'info', ligumsId, contract?.ligumsId],\n queryFn: () => getContractInfo(ligumsId, contract)\n })\n\nexport const useRegistrationsQuery = constructionObjectId =>\n useQuery({\n queryKey: ['vedludb', 'registrations'],\n queryFn: () => getRegistrations(constructionObjectId)\n })\n\nexport const useContractsAndPaymentsQuery = ligumsId =>\n useQuery({\n queryKey: ['vedludb', 'registrations', ligumsId, 'contracts_and_payments'],\n queryFn: () => getContractsAndPayments(ligumsId)\n })\n\nexport const useRegistrationQuery = (ligumsId, options = {}) =>\n useQuery({\n queryKey: ['vedludb', 'registration', ligumsId],\n queryFn: () => getRegistration(ligumsId),\n retry: false,\n ...options\n })\n","import React, { useEffect, useState } from 'react'\n\nimport classNames from 'classnames'\nimport { lv, ru, enUS } from 'date-fns/locale'\nimport dayjs from 'dayjs'\nimport I18n, { t } from 'i18n-js'\nimport { observer } from 'mobx-react'\nimport DatePicker, { registerLocale } from 'react-datepicker'\n\nimport Icon from './Icon'\n\nregisterLocale('lv', lv)\nregisterLocale('ru', ru)\nregisterLocale('en', enUS)\n\nconst DateInterval = props => {\n const format = I18n.t('date.formats.date_human_js')\n const { store, accessKeys, label } = props\n\n const startCalendarRef = React.createRef()\n const endCalendarRef = React.createRef()\n\n const rawStartDate = store.state.filters[accessKeys.start]\n const rawEndDate = store.state.filters[accessKeys.end]\n const startDate = rawStartDate ? dayjs(rawStartDate).toDate() : null\n const endDate = rawEndDate ? dayjs(rawEndDate).toDate() : null\n\n const [datesVisible, setDatesVisible] = useState(startDate || endDate)\n\n const handleStartDateChange = date => {\n if (endDate && endDate < date) {\n store.setMultipleFilters({\n [accessKeys.start]: dayjs(date).format(t('date.formats.default_raw_sql_human')),\n [accessKeys.end]: undefined\n })\n } else {\n store.onRangeDateChange(date, accessKeys.start)\n }\n }\n\n const handleEndDateChange = date => {\n store.onRangeDateChange(date, accessKeys.end)\n }\n\n const showDatepicker = () => {\n setDatesVisible(true)\n }\n\n const hideDatepicker = (clearData = true) => {\n setDatesVisible(false)\n if (clearData) {\n store.setMultipleFilters({\n [accessKeys.start]: undefined,\n [accessKeys.end]: undefined\n })\n }\n }\n\n const handleBlur = () => {\n // Reacts equivalent of Vues $nextTick method.\n setTimeout(() => {\n const focusedEl = document.activeElement\n const notFocused = focusedEl !== startCalendarRef.current?.input && focusedEl !== endCalendarRef.current?.input\n if (notFocused && !rawEndDate && !rawStartDate) {\n setDatesVisible(false)\n }\n })\n }\n\n useEffect(() => {\n if (startCalendarRef.current?.input && !startDate && !endDate) startCalendarRef.current.input.focus()\n }, [startCalendarRef, startDate, endDate])\n\n return (\n \n
showDatepicker()} />\n \n
showDatepicker()}>\n {label}\n
\n {datesVisible && (\n
\n
handleStartDateChange(date)}\n onBlur={() => handleBlur()}\n popperPlacement='bottom-start'\n showPopperArrow={false}\n dateFormat={format}\n autoComplete='off'\n className='start-date'\n popperClassName='start-date-popper'\n selectsStart\n />\n -
\n handleEndDateChange(date)}\n onBlur={() => handleBlur()}\n popperPlacement='bottom-start'\n showPopperArrow={false}\n dateFormat={format}\n autoComplete='off'\n className='end-date'\n popperClassName='end-date-popper'\n selectsEnd\n />\n \n )}\n
hideDatepicker()} />\n \n
\n )\n}\n\nconst UncontrolledDateTimePicker = ({ input_options, afterChange }) => {\n const [dateValue, setDateValue] = useState(null)\n const { isMonthPicker } = usePickerType(input_options.type)\n\n const { value, class: className, hidden, notClearable, ...pickerOptions } = input_options\n\n const setInitialValue = useCallback(() => {\n if (value) {\n const parsedValue = isMonthPicker\n ? dayjs(value, I18n.t('date.formats.without_date_human')).toDate()\n : dayjs(value).toDate()\n\n setDateValue(parsedValue)\n } else {\n setDateValue(null)\n }\n }, [isMonthPicker, value])\n\n const handleChange = newValue => {\n if (!newValue && notClearable) {\n setInitialValue()\n } else {\n setDateValue(newValue)\n }\n if (afterChange) {\n afterChange(newValue)\n }\n }\n\n useEffect(() => {\n setInitialValue()\n }, [setInitialValue, input_options.value])\n\n useEffect(\n function setHiddenValue() {\n if (!hidden) return\n\n const element = document.getElementById(hidden.id)\n element.value = dateValue && dateValue.toISOString()\n element.dispatchEvent(new Event('change'))\n },\n [dateValue, hidden]\n )\n\n return \n \n )\n }\n}\n\nexport default observer(DevicesFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\n\nclass DevicesTable extends React.Component {\n render() {\n return \n
\n )\n }\n}\n\nexport default DevicesTableContainer\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\n\nimport { t } from '../utils/i18n'\nimport { url } from '../utils/urlGenerator'\n\nclass DownloadProgressBars extends React.Component {\n state = { downloads: this.props.downloads }\n intervals = {}\n\n componentDidMount() {\n this.state.downloads.forEach(download => {\n this.intervals[download.id] = setInterval(() => {\n try {\n this.refreshDownload(download)\n } catch (e) {\n this.removeDownload(download)\n }\n }, 1000)\n })\n }\n\n componentWillUnmount() {\n Object.entries(this.intervals).forEach(([_, interval]) => clearInterval(interval))\n }\n\n async refreshDownload({ id }) {\n const { data } = await axios.get(url('v2/downloads', id))\n\n this.setState(_prevState => ({\n downloads: this.state.downloads.map(download => (download.id === id ? data : download))\n }))\n\n if (data.completed) {\n clearInterval(this.intervals[id])\n }\n }\n\n removeDownload({ id }) {\n clearInterval(this.intervals[id])\n\n this.setState(_prevState => ({ downloads: this.state.downloads.filter(download => download.id !== id) }))\n }\n\n download(id) {\n this.setState(_prevState => ({ downloads: this.state.downloads.filter(download => download.id !== id) }))\n\n window.location = url('v2/downloads', id, 'download')\n }\n\n renderProgressBarContent(completed, id, filename, progress) {\n if (completed) {\n return (\n this.download(id)}>\n {t('download')} {filename}\n \n )\n } else {\n return (\n \n {filename || t('components.download_progress_bars.default_title')} - {progress}%\n \n )\n }\n }\n\n renderProgressBars = ({ id, filename, progress, completed }) => {\n return (\n \n {this.renderProgressBarContent(completed, id, filename, progress)}\n
\n
{getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object.name'),\n accessorKey: 'construction_object_name',\n cell: ({ getValue, row: { original } }) => (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object_employee.permitted_to_enter_until'),\n accessorKey: 'permitted_to_enter_until'\n },\n {\n header: t('activerecord.attributes.construction_object.added_to_object'),\n accessorKey: 'created_at'\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default EmployeeConstructionObjectsTableContainer\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport Icon from '../Icon'\nimport Tooltip from '../Tooltip'\n\nconst Identifiers = ({ nfc, fingerprint, id }) => {\n return (\n \n {nfc && \n )\n}\n\nconst IdentifierIcon = ({ icon, type, id }) => {\n const tooltipId = `employee-${type}-identifier-${id}`\n\n return (\n \n \n {t(`activerecord.attributes.employee.${type}_identifier`)}\n \n \n )\n}\n\nexport { Identifiers }\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport { CheckLogLocation, CheckLogCheckedWith, CheckLogDates, CheckLogDuration } from '../NfcCheckLogs/CheckLogsData'\nimport CheckLogsFilter from '../NfcCheckLogs/CheckLogsFilter'\nimport NfcCheckLogsTable from '../NfcCheckLogs/NfcCheckLogsTable'\nimport NfcCheckLogsTableContainer from '../NfcCheckLogsTableContainer'\nimport Store from '../Store'\n\nclass EmployeeNfcCheckLogsTableContainer extends NfcCheckLogsTableContainer {\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'check_log_date_properties', desc: true }],\n // To handle auto expansion when filtered by task/subtask\n onDataLoad: () => {\n const taskIds = this.store.state.filters.construction_object_task_id\n const subtaskIds = this.store.state.filters.construction_object_sub_task_id\n\n const task_filter_present = taskIds && taskIds.length > 0\n const subtask_filter_present = subtaskIds && subtaskIds.length > 0\n\n if (task_filter_present || subtask_filter_present) {\n let expanded = {}\n\n for (let i = 0; i < this.store.data.length; i++) {\n expanded[i] = true\n if (subtask_filter_present) {\n for (let u = 0; u < this.store.data[i].subrows.length; u++) {\n expanded[`${i}.${u}`] = true\n }\n }\n }\n\n this.store.updateState({ expanded })\n }\n }\n })\n\n columns = [\n this.props.business_industry && {\n accessorKey: 'row-expander',\n id: 'row-expander',\n header: '',\n size: 40,\n maxSize: 40,\n sortable: false,\n enableResizing: false,\n minSize: 40,\n cell: ({ row, row: { original } }) => {\n return (\n \n {this.renderExpander(row, original.is_group, row.getIsExpanded(), original.parent_id_prefix)}\n
\n )\n },\n getClassName: this.getExpandableCellClassName,\n hideable: false\n },\n {\n header: t('activerecord.attributes.nfc_check_log.construction_object_name'),\n accessorKey: 'checked_in_name',\n size: 200,\n cell: ({ getValue, row: { original } }) => (\n \n )\n },\n {\n header: t('activerecord.attributes.nfc_check_log.registration_time'),\n accessorKey: 'check_log_date_properties',\n cell: ({ getValue, row: { original } }) => \n this.onNfcExpandedChange(row, 'Employee', this.props.employee_id)}\n expanded={this.store.expanded}\n />\n
\n )\n }\n}\n\nexport default EmployeeNfcCheckLogsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect, ImportButton } from '../FilterComponents'\n\nclass EmployeesFilter extends React.Component {\n hiddenFilters = () => {\n const {\n store,\n construction_objects_options,\n companies_options,\n users_options,\n state_options,\n identifiers_options,\n is_foreigner_options\n } = this.props\n\n return (\n \n \n )\n }\n\n render() {\n const { store, import_url, customFilters, importable, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(EmployeesFilter)\n","import React from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { t } from '../../utils/i18n'\nimport BaseTable from '../BaseTable'\nimport Modal from '../Modal'\n\nconst getValueFromLocalStorage = localStorageKey => {\n const value = JSON.parse(localStorage.getItem(localStorageKey))\n localStorage.removeItem(localStorageKey)\n\n return value\n}\n\nconst EmployeesTable = ({ employees, calculateClassNames }) => (\n \n
\n {t(`import_${type}_results_title`)} ({collection.length})\n \n \n {this.renderTable(this.importResult.invalids, 'failed')}\n {this.renderTable(this.importResult.employees_imported, 'succeeded')}\n\n \n \n {t('close')}\n \n
\n ,\n document.querySelector('.modal-container')\n )\n }\n\n render() {\n return <>{this.importResult && this.renderModal()}\n }\n}\n\nexport default EmployeesImportedResultContainer\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport {\n activate,\n activateSelected,\n checkOut,\n checkOutSelected,\n deactivate,\n deactivateSelected,\n discard,\n discardSelected,\n edit\n} from '../elements/actionDefinitions'\n\nclass EmployeesTable extends React.Component {\n actions = {\n row: [\n edit(this.props.pathPrefix, 'v2.employees.edit.title'),\n checkOut('latest_checked_in_check_log_id'),\n activate(this.props.pathPrefix),\n deactivate(this.props.pathPrefix),\n discard(this.props.pathPrefix)\n ],\n header: [\n checkOutSelected(this.props.pathPrefix),\n activateSelected(this.props.pathPrefix),\n deactivateSelected(this.props.pathPrefix),\n discardSelected(this.props.pathPrefix)\n ]\n }\n\n render() {\n return (\n {getValue() || '-'} ,\n size: 90\n },\n {\n header: t('activerecord.attributes.employee.currently_checked_in_construction_object_name'),\n accessorKey: 'currently_checked_in_construction_object_name'\n },\n {\n header: t('activerecord.attributes.employee.personal_code'),\n accessorKey: 'personal_code',\n size: 160,\n cell: ({\n getValue,\n row: {\n original: { id, is_foreigner }\n }\n }) => (\n \n
\n )\n }\n}\n\nexport default EmployeesTableContainer\n","import React, { useState } from 'react'\n\nimport classNames from 'classnames'\nimport I18n from 'i18n-js'\n\nimport useDebounce from '../hooks/useDebounce'\nimport Icon from './Icon'\nimport OptionsDropdown from './OptionsDropdown'\nimport RangeDatepicker from './RangeDatepicker'\n\nexport const ExportRange = props => {\n const [open, setOpen] = useState(false)\n const debouncedOpen = useDebounce(open, 200)\n\n return (\n <>\n \n {debouncedOpen &&
\n setOpen(!open)}\n >\n \n <>\n \n {optionsContent} }\n {children}\n \n
\n )\n}\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport Cleave from 'cleave.js/react'\nimport debounce from 'lodash/debounce'\nimport { observer } from 'mobx-react'\nimport Select from 'react-select'\nimport Turbolinks from 'turbolinks'\n\nimport { getApiErrorMessage, showErrorModal } from '../utils/confirmations'\nimport { t } from '../utils/i18n'\nimport { url } from '../utils/urlGenerator'\nimport DateInterval from './DateInterval'\nimport { ExportButton, ExportRange } from './ExportButton'\nimport Icon from './Icon'\nimport ModalForm from './ModalForm'\nimport RangeDatepicker from './RangeDatepicker'\nimport { REACT_SELECT_PROPS } from './Select'\nimport Tooltip from './Tooltip'\n\nconst SearchField = observer(({ className, placeholder = t('filters.search'), store }) => (\n \n))\n\nconst DurationFilterInput = observer(({ store }) => (\n \n
\n))\n\nclass SimpleSelect extends React.Component {\n constructor(props) {\n super(props)\n\n const normalizedOptions = this.normalizeOptions(props.options)\n\n this.state = { normalizedOptions, defaultValue: this.defaultValue(normalizedOptions) }\n }\n\n normalizeOptions(options) {\n if (!options) return null\n\n if (Array.isArray(options[0])) {\n return options.map(([label, value]) => ({ label, value }))\n } else {\n return options\n }\n }\n\n defaultValue(normalizedOptions) {\n const { store, selectable, defaultFilter = {} } = this.props\n let defaultOptions = []\n const filterValue = store.state.filters[selectable] || defaultFilter[selectable]\n\n if (filterValue) {\n const selectedValues = Array.isArray(filterValue) ? filterValue : [filterValue]\n\n defaultOptions = normalizedOptions.filter(option => selectedValues.some(selected => selected == option.value))\n }\n\n return defaultOptions\n }\n\n setFilterSelection = selection => {\n this.props.store.setFilter(this.props.selectable, selection)\n }\n\n getContainerProps() {\n const { className, dataContains } = this.props\n\n return {\n className: classNames('filter-select', className),\n 'data-contains': dataContains ?? `select-${this.props.selectable}-filter`\n }\n }\n\n render() {\n const { selectable, options, isClearable = true, ...restProps } = this.props\n\n if (!options) return null\n\n return (\n \n
\n )\n }\n}\n\nclass TimeZoneSelect extends SimpleSelect {\n setFilterSelection = selection => {\n this.props.store.onTimeZoneChange(selection)\n }\n}\n\nconst onSuccessfulImport = ({ data }) => {\n const importResult = data && data.import_result\n\n if (importResult) {\n localStorage.setItem('importResult', JSON.stringify(importResult))\n }\n}\n\nconst ImportButton = ({ url, permitted }) => {\n if (!permitted) return null\n\n return (\n \n (\n \n {t('import')}\n \n )}\n onSuccessfulSubmit={onSuccessfulImport}\n />\n
\n )\n}\n\nconst DateIntervalFilter = observer(({ store, accessKeys, label }) => (\n \n
\n))\n\nconst DateRangeFilter = observer(({ className, store, customDateKeys = null }) => (\n \n
\n))\n\nclass FilterContainer extends React.Component {\n state = { showFilterSettings: false, updating: false, showMoreOptions: false }\n store = this.props.store\n\n mapOptions = (options, exportUrl) =>\n options.map(({ path = exportUrl, params, icon = 'fileXlsx', label, title }, index) => (\n this.store.exportData(path, params)} className='option' key={index}>\n \n ))\n\n renderClearFiltersButton() {\n if (this.props.filters === false) return\n\n return (\n \n !disabled && this.onColumnOptionClick(item.accessorKey)}\n >\n {checked && \n {item.title}\n \n )\n }\n\n renderTableSettingsTooltipContent() {\n const { columnOptions = [] } = this.props\n\n const hideableColumnOptions = columnOptions.filter(o => o.hideable)\n const oneChecked = hideableColumnOptions.filter(o => o.visible).length <= 1\n\n return (\n \n
{t('filters.columns')}
\n {oneChecked &&
{t('filters.minimal_column_count')}
}\n
\n {hideableColumnOptions.map((option, index) => this.renderTableSettingItem(option, index, oneChecked))}\n
\n
\n \n this.toggleTableSettings(false)}\n afterShow={() => this.toggleTableSettings(true)}\n event='click'\n clickable\n >\n {this.renderTableSettingsTooltipContent()}\n \n \n )\n }\n\n renderHiddenFilterToggle() {\n if (!this.props.hiddenFilters || this.props.filters === false) return\n\n const buttonClassnames = classNames('btn btn-sm filter-button', {\n 'filter-open': this.store.getFilterState()\n })\n\n return (\n \n \n )\n }\n\n renderHiddenFilters() {\n if (!this.props.hiddenFilters || !this.store.getFilterState()) return\n\n return (\n \n {typeof this.props.hiddenFilters === 'function' ? this.props.hiddenFilters() : this.props.hiddenFilters}\n
\n )\n }\n\n renderMoreOptionsTooltipContent() {\n const { export_url, additional_export_options } = this.props\n if (!additional_export_options) return\n\n return {this.mapOptions(additional_export_options, export_url)}
\n }\n\n exportWithDateRange() {\n const { export_options: options } = this.props\n\n return (\n \n \n )\n }\n\n handleExportClick(props) {\n if (!props.additional_export_options) {\n const hidden_columns = props.columnOptions?.filter(column => !column.visible).map(column => column.accessorKey)\n this.store.exportData(props.export_url, { hidden_columns })\n }\n }\n\n render() {\n const { export_url, export_options } = this.props\n\n return (\n \n
\n {this.renderTableSettingsButton()}\n {this.renderClearFiltersButton()}\n {this.renderHiddenFilterToggle()}\n {this.props.children}\n {export_url && (\n this.handleExportClick(this.props)}\n optionsContent={this.renderMoreOptionsTooltipContent()}\n />\n )}\n {export_options && this.exportWithDateRange()}\n
\n\n {this.renderHiddenFilters()}\n
\n this.clearFlashes(type)} />\n
\n )\n }\n\n render() {\n return {this.state.flashes.map(this.renderFlash)}
\n }\n}\n\nexport default Flash\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport ReactDOM from 'react-dom'\nimport { useFormState } from 'react-hook-form'\n\nimport useUnsavedChangesConfirmation from '../../hooks/useUnsavedChangesConfirmation'\nimport Icon from '../Icon'\nimport Modal from '../Modal'\nimport styles from './styles.module.scss'\n\nconst FormModal = ({ children, sideBarContent, title = '', onClose, className }) => {\n const { isDirty } = useFormState()\n\n const handleClose = useUnsavedChangesConfirmation({ dirty: isDirty, onClose })\n\n return ReactDOM.createPortal(\n \n \n {title &&
{title}
}\n {children}\n
\n \n\n {sideBarContent && (\n \n )}\n ,\n document.querySelector('.modal-container')\n )\n}\n\nexport default FormModal\n","import React from 'react'\n\nimport axios from 'axios'\nimport { FormikProvider, useFormik, Form, setIn } from 'formik'\nimport { t } from 'utils/i18n'\nimport yup from 'utils/yup'\n\nimport { getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { url } from '../../utils/urlGenerator'\nimport { HexColorPicker, TextField } from './Fields'\nimport BaseError from './Fields/BaseError'\nimport { hexFormatter, stringFormatter } from './Formatters'\nimport { formatValuesForSubmit } from './Formatters/submit'\n\nconst tAbsenceType = key => t(['activerecord.attributes.absence_type', key])\n\nconst randomHexColor = () => '#' + Math.floor(Math.random() * 16777215).toString(16)\n\nconst valueFormats = {\n abbreviation: stringFormatter,\n title: stringFormatter,\n color: hexFormatter\n}\n\nexport const initialValues = {\n abbreviation: '',\n title: '',\n color: randomHexColor()\n}\n\nconst validationSchema = yup.object({\n abbreviation: yup.string().required(),\n title: yup.string().required()\n})\n\nconst errorString = errors => errors.map(({ message }) => message).join('; ')\n\nexport const getFormikErrors = errors =>\n Object.keys(errors).reduce(\n (accumulator, currentKey) => setIn(accumulator, currentKey, errorString(errors[currentKey])),\n {}\n )\n\nexport const useAbsenceTypeFormik = ({ data, afterSuccessfulSubmit }) => {\n const httpMethod = data.id ? 'put' : 'post'\n const subjectUrl = url([`v2/settings/classifiers/absence_types`, data.id].join('/'))\n\n const sendRequest = async (values, { setErrors, setSubmitting }) => {\n axios({\n method: httpMethod,\n url: subjectUrl,\n data: {\n absence_type: formatValuesForSubmit(values, valueFormats)\n }\n })\n .then(response => {\n setSubmitting(false)\n afterSuccessfulSubmit && afterSuccessfulSubmit(response)\n })\n .catch(error => {\n setSubmitting(false)\n if (error.response?.status === 422) {\n const responseData = error.response.data\n setErrors(getFormikErrors(responseData))\n } else {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n }\n })\n }\n\n const formik = useFormik({\n initialValues: data,\n enableReinitialize: true,\n onSubmit: sendRequest,\n validationSchema\n })\n\n return { formik }\n}\n\nconst AbsenceTypeForm = ({ formik }) => (\n \n \n \n)\n\nexport default AbsenceTypeForm\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { t } from '../../utils/i18n'\nimport Icon from '../Icon'\nimport Tooltip from '../Tooltip'\n\nconst Error = ({ children, name, isTooltip }) =>\n isTooltip ? (\n \n {children}\n \n ) : (\n {children}
\n )\n\nconst FieldWrapper = ({\n name,\n fieldId,\n label,\n icon,\n required,\n className = '',\n children,\n errorInTooltip,\n labelClassName = '',\n error,\n hasError\n}) => {\n const nameClass = name.replace(/\\./g, '_')\n\n return (\n \n {label && (\n \n {icon && \n *\n \n )}\n \n )}\n {children}\n {hasError && (\n \n {error}\n \n )}\n \n )\n}\n\nexport default FieldWrapper\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nconst BaseError = ({ className = 'invalid-feedback alert alert-danger alert-form', ...props }) => {\n const [_, meta] = useField(props)\n\n const { error } = meta\n\n if (!error || typeof error !== 'string') {\n return null\n }\n\n return {error}
\n}\n\nexport default BaseError\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { useField, useFormikContext } from 'formik'\n\nimport Tooltip from '../../Tooltip'\n\nconst ColorPicker = ({ colors }) => {\n const { setFieldValue } = useFormikContext()\n const [field] = useField('color')\n const { value } = field\n\n const boxClick = hexColor => {\n setFieldValue('color', hexColor)\n }\n\n const tooltipContent = () => (\n \n {colors.map(color => (\n boxClick(color)}\n >\n ))}\n
\n )\n\n return (\n \n \n {tooltipContent()}\n \n \n )\n}\nexport default ColorPicker\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nimport DateTimePicker from '../../DateTimePicker'\nimport FormikFieldWrapper from './FormikFieldWrapper'\n\nconst DateTimeField = ({ type = 'date_time', ...props }) => {\n const { label, disabled, className, required, errorInTooltip } = props\n const [field, , helpers] = useField(props)\n const { value, name } = field\n\n const handleChange = val => {\n helpers.setValue(val)\n }\n\n return (\n \n \n {({ form }) => {\n const error = getIn(form.errors, name)\n const touched = getIn(form.touched, name)\n\n const hasError = touched && error && typeof error === 'string'\n\n return \n)\n\nexport default FormikFieldWrapper\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nimport FormikFieldWrapper from './FormikFieldWrapper'\n\nconst HexColorPicker = props => {\n const { label, required, className, inputProps = {}, disabled } = props\n const [field] = useField(props)\n const { name } = field\n\n const inputFieldProps = {\n ...field,\n id: name,\n className: 'form-control',\n ...inputProps,\n disabled\n }\n\n return (\n \n \n
\n \n )\n}\n\nexport default HexColorPicker\n","import React, { useCallback, useRef } from 'react'\n\nimport classNames from 'classnames'\nimport { useField } from 'formik'\nimport { MentionsInput, Mention } from 'react-mentions'\n\nconst renderSuggestion = (entry, search, highlightedDisplay, index, focused) => (\n \n
\n
{entry.display}
\n
{entry.email}
\n
\n setValue(newValue)}\n suggestionsPortalHost={suggestionsPortalRef?.current}\n className='mentions-input'\n singleLine\n ignoreAccents\n {...others}\n >\n `@${display}`}\n appendSpaceOnAdd\n className='mention-tag'\n />\n \n
\n )\n}\n\nexport default MentionsField\n","import React from 'react'\n\nimport { useField, FieldArray } from 'formik'\n\nimport { t } from '../../../utils/i18n'\nimport Icon from '../../Icon'\nimport FormikFieldWrapper from './FormikFieldWrapper'\nimport TimeField from './TimeField'\n\nexport default props => {\n const { label, disabled, id, className } = props\n const [field] = useField(props)\n const { value, name } = field\n\n return (\n \n {label && (\n
\n {label}\n \n )}\n\n
\n {({ insert, remove }) => {\n return (\n \n {value?.map((_timePeriod, index) => {\n const startFieldName = `${name}[${index}].start`\n const finishFieldName = `${name}[${index}].finish`\n\n return (\n
\n \n
\n\n
{t('up_to')} \n\n
\n\n {!disabled && (\n
\n insert(index + 1, { start: '', finish: '' })}\n />\n {value.length > 1 ? (\n remove(index)} />\n ) : null}\n
\n )}\n
\n )\n })}\n
\n
\n \n )\n}\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { useField, useFormikContext } from 'formik'\n\nexport default ({ options, disabled }) => {\n const name = 'regularity'\n const [field, _meta, _helpers] = useField({ name })\n const { setFieldValue } = useFormikContext()\n const { value } = field\n\n const addOrRemoveWeekDay = wday => {\n let newValue\n\n if (value.includes(wday)) {\n newValue = value.filter(val => val !== wday)\n } else {\n newValue = value.concat(wday)\n }\n\n setFieldValue(name, newValue)\n }\n\n return (\n \n {options.map((option, i) => {\n const checked = value.includes(option.value)\n return (\n \n addOrRemoveWeekDay(option.value)}\n checked={checked}\n />\n {option.label}\n \n )\n })}\n
\n )\n}\n","import React, { useContext, useMemo } from 'react'\n\nimport classNames from 'classnames'\n\nimport { Option, OptionList } from '../../../Options'\nimport { SelectContext } from './index'\n\nconst InputOption = ({ index, data, style }) => {\n const { renderOptionLabel, getItemProps, highlightedIndex, selectedItems, withImages, isMulti, inputItems } =\n useContext(SelectContext)\n\n const highlighted = !isMulti && highlightedIndex === index\n const item = data.items[index]\n const trueIndex = inputItems.findIndex(({ value }) => value === item.value)\n\n return (\n \n {selectedItems.length} {label}\n
\n)\n\nconst SelectedItem = ({ itemProps, withImages, optionImageSrc, label }) => (\n \n {withImages && {label}
\n \n)\n\nconst SelectedItems = ({ label, getSelectedItemProps }) => {\n const { selectedItems, withImages, isMulti, name } = useContext(SelectContext)\n\n if (!isMulti || selectedItems.length === 0) {\n return null\n }\n\n return (\n \n {selectedItems.length <= MAX_ITEM_COUNT ? (\n selectedItems.map((selectedItem, index) => (\n
\n )\n}\n\nexport default SelectedItems\n","import React, { useState, useRef, useEffect, useCallback } from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport { useCombobox } from 'downshift'\n\nimport Avatar from '../../../Avatar'\nimport { OptionColorAvatar } from '../../../Options'\nimport SelectOptions from './SelectOptions'\nimport SelectedItems from './SelectedItems'\nimport useSelectReducer from './reducers'\n\nexport const SelectContext = React.createContext({\n inputItems: [],\n selectedItems: [],\n withImages: false,\n isMulti: false,\n highlightedIndex: 0,\n getItemProps: () => {}\n})\n\nconst SelectAvatar = ({ selectedItems }) =>\n selectedItems.color ? (\n \n {selectedItems.length} / {items.length}\n
\n ) : null\n\n const completeInputProps = getInputProps(inputProps)\n\n const handleInputWrapperClick = () => {\n if (isOpen) {\n inputRef?.current.blur()\n closeMenu()\n } else if (!disabled) {\n openMenu()\n inputRef?.current.focus()\n }\n }\n\n const menuProps = getMenuProps()\n\n return (\n \n {countInfo}\n e.nativeEvent.stopImmediatePropagation()}>\n
\n
\n {displayAvatar ? onSelect()}>\n
\n )}\n \n
\n \n
\n {isOpen &&
\n
\n )\n}\n\nexport default Select\n","import { useMemo } from 'react'\n\nimport { useCombobox } from 'downshift'\n\nconst multiselectReducer = (state, actionAndChanges) => {\n const { changes, type } = actionAndChanges\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return {\n ...changes,\n isOpen: true,\n inputValue: state.inputValue\n }\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return {\n ...changes,\n inputValue: state.inputValue\n }\n case useCombobox.stateChangeTypes.InputBlur:\n return {\n ...changes,\n inputValue: ''\n }\n default:\n return changes\n }\n}\n\nconst singleReducer = (_state, actionAndChanges) => {\n const { changes, type } = actionAndChanges\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return {\n ...changes,\n inputValue: ''\n }\n default:\n return changes\n }\n}\n\nexport default function useSelectReducer(isMulti) {\n return useMemo(() => (isMulti ? multiselectReducer : singleReducer), [isMulti])\n}\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nimport FormikFieldWrapper from './FormikFieldWrapper'\nimport Select from './Select'\n\nexport default props => {\n const { options, name, onSelect, label, required, className, fieldIcon, ...others } = props\n const [{ value }, , { setValue }] = useField(props)\n\n return (\n \n \n )\n}\n","import React, { forwardRef } from 'react'\n\nconst Switch = forwardRef((props, ref) => (\n \n \n))\n\nexport default Switch\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nimport FormikFieldWrapper from './FormikFieldWrapper'\nimport Switch from './Switch'\n\nexport default props => {\n const { label, disabled, className, fieldIcon, ...otherProps } = props\n const [field] = useField(props)\n const { name } = field\n\n return (\n \n \n )\n}\n","import React from 'react'\n\nimport { useField } from 'formik'\n\nimport FormikFieldWrapper from './FormikFieldWrapper'\n\nconst TextField = props => {\n const { label, textArea, placeholder, required, disabled, className, inputProps = {} } = props\n const [field] = useField(props)\n const { name } = field\n\n const formatRequired = text => (required ? `${text}*` : text)\n\n const propsForInput = {\n ...field,\n id: name,\n placeholder: placeholder && formatRequired(placeholder),\n className: 'form-control',\n ...inputProps,\n disabled\n }\n\n return (\n \n \n {textArea ? :
\n \n )\n}\n\nexport default TextField\n","import React, { forwardRef } from 'react'\n\nimport { useField } from 'formik'\n\nimport TimeInput from '../Inputs/TimeInput'\nimport FormikFieldWrapper from './FormikFieldWrapper'\n\nconst TimeField = forwardRef((props, ref) => {\n const { label, onChange, onBlur, disabled, id, options, className, errorInTooltip, inputClass, ...others } = props\n const [field, meta, _helpers] = useField(props)\n const { value, name } = field\n\n return (\n \n \n )\n})\n\nexport default TimeField\n","import React, { useCallback } from 'react'\n\nimport { useFormikContext } from 'formik'\n\nimport { t } from '../../../utils/i18n'\nimport { calculateTimeDiff } from '../utils/handleTotalTime'\nimport MultiTimePeriodField from './MultiTimePeriodField'\nimport Regularity from './Regularity'\nimport TimeField from './TimeField'\n\nconst resetTolerances = (setFieldValue, name) =>\n setFieldValue(`${name}_tolerance_before`, '') && setFieldValue(`${name}_tolerance_after`, '')\n\nconst Field = React.memo(({ name, disabled, options, onChange }) => {\n const { setFieldValue } = useFormikContext()\n\n const onTimeInputChange = useCallback(\n value => {\n !value && resetTolerances(setFieldValue, name)\n },\n [name, setFieldValue]\n )\n\n return (\n (onChange ? onChange(value) : onTimeInputChange(value))}\n options={options}\n />\n )\n})\n\nexport default ({ disabled, regularityOptions }) => {\n const { values } = useFormikContext()\n\n const totalTime = values.start_time && values.end_time ? calculateTimeDiff(values.start_time, values.end_time) : ''\n\n return (\n \n
\n
\n
\n
\n
\n
{t('v2.shifts.index.form.fields.total_time')} \n
\n
\n
\n\n {regularityOptions &&
}\n
\n\n
\n
{children}
\n\nexport default FieldsRow\n","import { formatValuesForSubmit } from './submit'\n\nexport default (value, valueFormatter) => {\n if (!value?.length) return []\n\n return value\n .map(val => (valueFormatter ? formatValuesForSubmit({ value: val }, { value: valueFormatter }).value : val))\n .filter(val => val || val === 0)\n}\n","export default value => !!value\n","import dayjs from 'dayjs'\n\nexport default value => value && dayjs(value).format('YYYY-MM-DD')\n","export default value => value?.toISOString()\n","export default val => {\n if (!val || val.length === 0 || val.length < 6) return null\n\n return val[0] === '#' ? val : '#' + val\n}\n","import { selectFormatter } from '.'\n\nexport default value => (value && value.length ? value.map(selectFormatter).filter(Boolean) : [])\n","import { formatValuesForSubmit } from './submit'\n\nexport default (value, valueFormatter) => {\n const formattedObject = Object.fromEntries(\n Object.entries(value).filter(([, val]) => {\n if (valueFormatter) {\n val = formatValuesForSubmit({ value: val }, { value: valueFormatter }).value\n }\n\n return val !== null\n })\n )\n return Object.keys(formattedObject).length ? formattedObject : null\n}\n","export default value => (value ? value.value : null)\n","export default value => (value && value.length ? value : null)\n","import { cloneDeep } from 'lodash'\n\nconst applyFormatter = (value, formatter) => {\n if (!formatter) {\n return value\n } else if (Array.isArray(formatter)) {\n return formatter.reduce((acc, currentFormatter) => applyFormatter(acc, currentFormatter), value)\n } else if (typeof formatter === 'object') {\n const formatterFunction = formatter.function\n return formatterFunction(value, formatter.valueFormatter)\n } else {\n return formatter(value)\n }\n}\n\nexport const formatValuesForSubmit = (values, valueFormats) => {\n const formattedValues = cloneDeep(valueFormats)\n\n Object.keys(formattedValues).map(fieldName => {\n const formatter = formattedValues[fieldName]\n\n formattedValues[fieldName] = applyFormatter(values[fieldName], formatter)\n })\n\n return formattedValues\n}\n","export default value => {\n if (!value) return null\n\n return value.includes(':') ? value : `${value.slice(0, 2)}:${value.slice(2)}`\n}\n","const toISO8601 = str => `PT${str.replace(':', 'H')}M`\n\nexport default value => {\n if (!value) return null\n\n return toISO8601(value.includes(':') ? value : `${value.slice(0, 2)}:${value.slice(2)}`)\n}\n","import React, { useRef, useEffect } from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nconst BaseError = ({ className = 'invalid-feedback alert alert-danger alert-form', name }) => {\n const { getFieldState } = useFormContext()\n const { error } = getFieldState(name)\n const divRef = useRef(null)\n\n useEffect(() => {\n const { current } = divRef\n\n current?.scrollIntoView({ behavior: 'smooth' })\n }, [error])\n\n if (!error && typeof error !== 'string') {\n return null\n }\n\n return (\n \n {error.message}\n
\n )\n}\n\nexport default BaseError\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { useFormContext, useController } from 'react-hook-form'\n\nimport Checkbox from '../../Checkbox'\nimport HookFieldWrapper from './HookFieldWrapper'\n\nconst CheckField = ({ name, required, fieldIcon, label, wrapperClassName = '', disabled, ...others }) => {\n const { getFieldState, control } = useFormContext()\n const fieldState = getFieldState(name)\n\n const { field } = useController({\n name,\n control\n })\n\n const { ref: _ref, ...fieldProps } = field\n\n return (\n \n \n
\n
\n \n {colors.map(color => (\n onChange(color)}\n />\n ))}\n
\n \n
\n \n {file.filename} \n
\n )\n}\n\nconst FilesField = ({ buttonText }) => {\n const { control } = useFormContext()\n const filesControls = useController({ control, name: 'attached_files' })\n const newFilesControls = useController({ control, name: 'files', defaultValue: [] })\n const {\n field: { onChange, value }\n } = useController({ control, name: 'purgeable_file_ids', defaultValue: [] })\n\n const handleExistingFileRemove = id => {\n const existingFiles = filesControls.field.value\n onChange([...value, id])\n filesControls.field.onChange(reject(existingFiles, ['id', id]))\n }\n\n return (\n \n {buttonText} \n {filesControls.field.value.map((file, key) => (\n
\n )\n}\n\nexport default FilesField\n","import React from 'react'\n\nimport cx from 'classnames'\nimport { useFormContext } from 'react-hook-form'\n\nimport FieldWrapper from '../FieldWrapper'\nimport styles from './FieldStyles.module.scss'\n\nconst HookFieldWrapper = ({ name, ...others }) => {\n const { getFieldState } = useFormContext()\n const fieldState = getFieldState(name)\n const { error, invalid } = fieldState\n\n const hasError = invalid && error && typeof error.message === 'string'\n\n const classes = cx(styles.formField, others.className)\n\n return \n addOrRemoveSelectedItem({ selectedItem, selectedItems: safeValue, onChange })}\n onSelectAll={onChange}\n getSelectedItemProps={getSelectedItemProps}\n getDropdownProps={getDropdownProps}\n value={safeValue}\n label={label}\n required={required}\n className={className}\n />\n \n )\n}\n\nexport default MultiselectField\n","import React, { useRef, useEffect } from 'react'\n\nimport { formatNumeral, registerCursorTracker } from 'cleave-zen'\nimport { useController } from 'react-hook-form'\n\nimport styles from './FieldStyles.module.scss'\nimport HookFieldWrapper from './HookFieldWrapper'\n\nconst formatNumber = val =>\n formatNumeral(val || '', {\n delimiter: ' ',\n numeralPositiveOnly: true\n })\n\nconst NumberField = ({\n name,\n required,\n fieldIcon,\n label,\n className = '',\n wrapperClassName = '',\n placeholder,\n inputProps,\n disabled,\n ...others\n}) => {\n const formatRequired = text => (required ? `${text}*` : text)\n\n const inputRef = useRef(null)\n const { field } = useController({\n name\n })\n\n useEffect(() => registerCursorTracker({ input: inputRef.current, delimiter: '*' }), [inputRef])\n\n const propsForInput = {\n id: name,\n placeholder: placeholder && formatRequired(placeholder),\n ...inputProps,\n className: `${styles.formControl} form-control ${className}`,\n disabled\n }\n\n return (\n \n \n {\n field.ref(e)\n inputRef.current = e\n }}\n value={formatNumber(field.value)}\n onChange={e => {\n field.onChange(formatNumber(e.target.value))\n }}\n type='text'\n />\n
\n \n )\n}\n\nexport default NumberField\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { useController } from 'react-hook-form'\n\nconst RegularityOptions = ({ control, options, disabled }) => {\n const { field } = useController({ name: 'regularity', control })\n\n const { value } = field\n\n const onChange = event => {\n const radioValue = event.target.value\n\n if (event.target.checked) {\n field.onChange([...value, radioValue])\n } else {\n field.onChange(value.filter(v => v !== radioValue))\n }\n }\n\n return (\n \n {options?.map((option, i) => {\n const checked = value.includes(option.value)\n\n return (\n \n \n )\n })}\n
\n )\n}\n\nexport default RegularityOptions\n","import React from 'react'\n\nimport { useController } from 'react-hook-form'\n\nimport { Select } from '../Fields'\nimport HookFieldWrapper from './HookFieldWrapper'\n\nconst SelectField = ({\n control,\n name,\n options,\n required,\n fieldIcon,\n label,\n className = '',\n wrapperClassName = '',\n onSelect = null,\n ...others\n}) => {\n const {\n field: { value, onChange },\n fieldState\n } = useController({\n name,\n control\n })\n\n const handleSelect = event => {\n if (onSelect) onSelect(event)\n onChange(event)\n }\n\n return (\n \n \n \n \n {textArea ? (\n \n ) : (\n
\n \n )\n}\n\nexport default TextField\n","import React, { useEffect, useCallback, useRef } from 'react'\n\nimport { formatTime as formatCleaveTime, registerCursorTracker } from 'cleave-zen'\nimport { useController } from 'react-hook-form'\n\nimport HookFieldWrapper from './HookFieldWrapper'\n\nconst formatTime = value => formatCleaveTime(value, { timePattern: ['h', 'm'] })\n\nconst TimeField = ({\n control,\n name,\n required,\n wrapperClassName = '',\n className = '',\n fieldIcon,\n label,\n bonusFormatter,\n ...others\n}) => {\n const inputRef = useRef(null)\n const {\n field: { value, onChange, onBlur, ref },\n fieldState\n } = useController({\n name,\n control\n })\n\n useEffect(() => registerCursorTracker({ input: inputRef.current, delimiter: '*' }), [inputRef])\n\n const formatFinal = useCallback(value => (bonusFormatter ? bonusFormatter(value) : value), [bonusFormatter])\n\n const onFieldBlur = fieldValue => {\n let formattedValue = formatTime(fieldValue)\n\n if (fieldValue.length) {\n formattedValue = fieldValue.includes(':') ? fieldValue.padEnd(5, '0') : `${fieldValue}0:00`\n }\n\n formattedValue = formatFinal(formattedValue)\n inputRef.current.value = formattedValue\n\n onBlur(formattedValue)\n }\n\n const onFieldChange = fieldValue => {\n const formattedValue = formatTime(formatFinal(fieldValue))\n\n if (onChange) onChange(formattedValue)\n }\n\n return (\n \n \n {\n ref(e)\n inputRef.current = e\n }}\n {...others}\n id={name}\n name={name}\n value={value}\n className={`form-control ${className}`}\n placeholder='hh:mm'\n onBlur={({ target: { value } }) => onFieldBlur(value)}\n onChange={({ target: { value } }) => onFieldChange(value)}\n onFocus={({ target }) => target.select()}\n />\n
\n \n )\n}\n\nexport default TimeField\n","import React, { useRef, useEffect, useCallback, forwardRef, useImperativeHandle } from 'react'\n\nimport { formatTime as formatCleaveTime, registerCursorTracker } from 'cleave-zen'\nimport { useField, useFormikContext } from 'formik'\n\nconst formatTime = value => formatCleaveTime(value, { timePattern: ['h', 'm'] })\n\nconst TimeInput = forwardRef((props, ref) => {\n const inputRef = useRef(null)\n const { onChange, onBlur, className = '', bonusFormatter, ...others } = props\n\n const { setFieldValue } = useFormikContext()\n const [field, ..._others] = useField(props)\n const { value, name } = field\n\n useImperativeHandle(\n ref,\n () => {\n return {\n focus() {\n inputRef.current.focus()\n },\n select() {\n inputRef.current.select()\n }\n }\n },\n []\n )\n\n useEffect(() => {\n registerCursorTracker({ input: inputRef.current, delimiter: '*' })\n }, [])\n\n const formatFinal = useCallback(value => (bonusFormatter ? bonusFormatter(value) : value), [bonusFormatter])\n\n const onFieldBlur = fieldValue => {\n let formattedValue = formatTime(fieldValue)\n\n if (fieldValue.length) {\n formattedValue = fieldValue.includes(':') ? fieldValue.padEnd(5, '0') : `${fieldValue}0:00`\n }\n\n formattedValue = formatFinal(formattedValue)\n\n setFieldValue(name, formattedValue)\n if (onBlur) onBlur({ name, value: formattedValue })\n }\n\n const onFieldChange = fieldValue => {\n const formattedValue = formatTime(formatFinal(fieldValue))\n\n setFieldValue(name, formattedValue)\n if (onChange) onChange({ name, value: formattedValue })\n }\n\n return (\n \n onFieldBlur(value)}\n onChange={({ target: { value } }) => onFieldChange(value)}\n />\n
\n )\n})\n\nexport default TimeInput\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport { FormikProvider, useFormik, Form, setIn, getIn } from 'formik'\nimport { t } from 'utils/i18n'\n\nimport { getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { getDuration } from '../../utils/duration'\nimport { url } from '../../utils/urlGenerator'\nimport Icon from '../Icon'\nimport ToolTip from '../Tooltip'\nimport { TextField, DateTimeField, SelectField } from './Fields'\nimport BaseError from './Fields/BaseError'\nimport { arrayFormatter, stringFormatter, dateTimeFormatter, selectFormatter } from './Formatters'\nimport { formatValuesForSubmit } from './Formatters/submit'\n\nconst tNfcCheckLog = key => t(['activerecord.attributes.nfc_check_log', key])\n\nconst childValueFormats = {\n id: null,\n started_at: dateTimeFormatter,\n finished_at: dateTimeFormatter\n}\n\nconst valueFormats = {\n checked_in_at: dateTimeFormatter,\n checked_out_at: dateTimeFormatter,\n comment: stringFormatter,\n construction_object_id: null,\n checkable_id: selectFormatter,\n task_id: selectFormatter,\n sub_task_id: selectFormatter,\n children_attributes: {\n function: arrayFormatter,\n valueFormatter: {\n function: formatValuesForSubmit,\n valueFormatter: {\n ...childValueFormats,\n children_attributes: {\n function: arrayFormatter,\n valueFormatter: {\n function: formatValuesForSubmit,\n valueFormatter: childValueFormats\n }\n }\n }\n }\n }\n}\n\nconst valuesForSubmit = (values, data) => {\n const { checkable_id: _checkableId, ...otherFormats } = valueFormats\n\n const formatsToUse = data.id ? otherFormats : valueFormats\n\n return formatValuesForSubmit(values, formatsToUse)\n}\n\nconst errorMap = {\n checkable: 'checkable_id'\n}\nconst errorString = errors => errors.map(({ message }) => message).join('; ')\n\nconst directErrors = errors => Object.entries(errors).filter(([key]) => !key.includes('.'))\n\nexport const getFormikErrors = errors =>\n Object.keys(errors).reduce((accumulator, currentValue) => setIn(accumulator, currentValue, errors[currentValue]), {})\n\nconst errorsFromData = ({ children = [], errors }) => {\n let returnErrors = {}\n\n directErrors(errors).forEach(([key, val]) => {\n returnErrors[errorMap[key] || key] = errorString(val)\n })\n\n children?.forEach(({ errors = {}, ...others }, idx) => {\n directErrors(errors).forEach(([key, val]) => {\n const errorBase = `children_attributes.${idx}`\n returnErrors[`${errorBase}.${key}`] = errorString(val)\n })\n\n others?.children?.forEach(({ errors = {} }, sidx) => {\n directErrors(errors).forEach(([key, val]) => {\n const errorBase = `children_attributes.${idx}.children_attributes.${sidx}`\n returnErrors[`${errorBase}.${key}`] = errorString(val)\n })\n })\n })\n\n return getFormikErrors(returnErrors)\n}\n\nconst formikDate = value => value && dayjs(value).toDate()\n\nconst formikChildren = children =>\n children &&\n children.map(({ started_at, finished_at, children, ...others }) => ({\n ...others,\n started_at: formikDate(started_at),\n finished_at: formikDate(finished_at),\n children_attributes: formikChildren(children)\n }))\n\nconst dataToFormik = data => {\n const { checked_in_at, checked_out_at, construction_object_id, time_zone, children } = data\n\n return {\n construction_object_id,\n checked_in_at: formikDate(checked_in_at),\n checked_out_at: formikDate(checked_out_at),\n comment: '',\n checkable_id: '',\n task_id: '',\n sub_task_id: '',\n time_zone,\n children_attributes: formikChildren(children)\n }\n}\n\nexport const useNfcCheckLogFormik = ({ data, afterSuccessfulSubmit }) => {\n const httpMethod = data.id ? 'put' : 'post'\n const subjectUrl = url([`v2/nfc_check_logs`, data.id].join('/'))\n\n const sendRequest = async (values, { setErrors, setSubmitting }) => {\n try {\n const response = await axios({\n method: httpMethod,\n url: subjectUrl,\n data: {\n nfc_check_log: valuesForSubmit(values, data)\n }\n })\n\n setSubmitting(false)\n afterSuccessfulSubmit && afterSuccessfulSubmit(response)\n } catch (error) {\n setSubmitting(false)\n if (error.response?.status === 422) {\n const responseData = error.response.data\n setErrors(errorsFromData(responseData))\n } else {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n }\n }\n }\n\n const formik = useFormik({\n initialValues: dataToFormik(data),\n enableReinitialize: true,\n onSubmit: sendRequest\n })\n\n return { formik }\n}\n\nconst ChildRow = ({ child, isSubchild, namePrefix, errors }) => {\n const rowClasses = classNames('row align-items-center', {\n 'mt-1': isSubchild,\n 'mt-3': !isSubchild\n })\n\n const baseKey = `${namePrefix}.base`\n const baseError = getIn(errors, baseKey)\n const nameClasses = classNames('text-truncate', { 'font-weight-bold': !isSubchild, 'text-danger': !!baseError })\n\n return (\n <>\n \n
\n
\n {child.name} {baseError && {baseError} }\n
\n
\n
\n
\n
\n
\n
— \n
\n
\n
{getDuration(child.started_at, child.finished_at)} \n
\n
\n
{t('v2.nfc_check_logs.time_entry_form_fields.task_time_entries')} \n \n {childs.map((child, idx) => (\n
\n \n )\n}\n\nconst NfcCheckLogForm = ({ formik, data, showHistoricalTimeEntries = true }) => {\n const { values, errors } = formik\n const { checked_in_at, checked_out_at, time_zone } = values\n\n return (\n \n \n \n )\n}\n\nexport default NfcCheckLogForm\n","import React from 'react'\n\nimport axios from 'axios'\nimport { Formik, Form } from 'formik'\nimport Yup from 'utils/yup'\n\nimport { getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { t } from '../../utils/i18n'\nimport MentionsField from '../Forms/Fields/MentionsField'\nimport Icon from '../Icon'\n\nconst initialValues = {\n text: '',\n file: null\n}\n\nconst tView = key => t(['v2.tasker.tasks.task_activities', key])\n\nconst validationSchema = Yup.object().shape({\n text: Yup.string().when('file', {\n is: null,\n then: schema => schema.required()\n })\n})\n\nconst NoteForm = ({ taggable_users, accepted_image_formats = '', submit_url, afterCreate }) => {\n const handleSubmit = (values, { setSubmitting, setValues }) => {\n setSubmitting(true)\n\n const { text, file } = values\n\n const formData = new FormData()\n formData.append('note[text]', text)\n\n if (file) {\n formData.append('note[file]', file)\n }\n\n axios\n .post(submit_url, formData, {\n headers: {\n 'content-type': 'multipart/form-data'\n }\n })\n .then(({ data }) => {\n setSubmitting(false)\n afterCreate(data)\n setValues(initialValues) // Bug: https://github.com/jaredpalmer/formik/issues/3512\n })\n .catch(_e => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setSubmitting(false)\n })\n }\n\n return (\n \n {({ setFieldValue, isValid, values: { file }, isSubmitting }) => (\n <>\n {file && {file.name}
}\n \n \n )}\n \n )\n}\n\nexport default NoteForm\n","import React, { useState, useEffect, useContext } from 'react'\n\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { useFormik, FormikProvider } from 'formik'\nimport Turbolinks from 'turbolinks'\nimport * as Yup from 'yup'\n\nimport { showConfirmation, getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { formatTime } from '../../utils/formatTime'\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport Icon from '../Icon'\nimport { MonthContext, ShiftContext } from '../Shifts/Shifts'\nimport { versionForCurrentDay } from '../Shifts/shiftDayHelper'\nimport { TextField, TimeFieldsBlock, SelectField } from './Fields'\nimport { arrayFormatter, objectFormatter, selectFormatter, stringFormatter, timeFormatter } from './Formatters'\nimport { formatValuesForSubmit } from './Formatters/submit'\n\nYup.addMethod(Yup.object, 'bothInShiftTime', function () {\n return this.test('bothInShiftTime', t('v2.shifts.index.form.errors.outside_shift'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { start_time, end_time } = parent2.value\n\n if (!(start_time && end_time && value && value.start && value.finish)) return true\n\n const shiftStart = dayjs(start_time, 'HH:mm')\n let shiftEnd = dayjs(end_time, 'HH:mm')\n\n const breakTimeStart = dayjs(value.start, 'HH:mm')\n let breakTimeFinish = dayjs(value.finish, 'HH:mm')\n\n if (breakTimeFinish.isBefore(breakTimeStart)) {\n breakTimeFinish = breakTimeFinish.add(1, 'day')\n }\n\n if (shiftEnd.isBefore(shiftStart)) {\n shiftEnd = shiftEnd.add(1, 'day')\n }\n\n const breakTimeStartInShift = breakTimeStart.isAfter(shiftStart) && breakTimeStart.isBefore(shiftEnd)\n\n const breakTimeFinishInShift = breakTimeFinish.isAfter(shiftStart) && breakTimeFinish.isBefore(shiftEnd)\n\n return breakTimeStartInShift && breakTimeFinishInShift\n })\n})\n\nYup.addMethod(Yup.string, 'bothPeriodTimes', function (comparableField) {\n return this.test('both_period_times', t('v2.shifts.index.form.errors.required'), function (value) {\n return value ? true : !this.parent[comparableField]\n })\n})\n\nYup.addMethod(Yup.object, 'overlaps', function () {\n return this.test('overlaps', t('v2.shifts.index.form.errors.overlaps'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { break_time_periods } = parent2.value\n\n const formattedStart = dayjs(value.start, 'HH:mm')\n const formattedFinish = dayjs(value.finish, 'HH:mm')\n\n const breakTimePeriods = [...break_time_periods]\n const index = breakTimePeriods.indexOf(value)\n\n if (index > -1) {\n breakTimePeriods.splice(index, 1)\n }\n\n const overlaps = breakTimePeriods.find(breakTime => {\n const formattedPeriodStart = dayjs(breakTime.start, 'HH:mm')\n const formattedPeriodFinish = dayjs(breakTime.finish, 'HH:mm')\n\n if (!(formattedPeriodStart.isValid() && formattedPeriodFinish.isValid())) return false\n\n const timeOverlaps = time => formattedStart.isSameOrBefore(time) && time.isSameOrBefore(formattedFinish)\n\n if (timeOverlaps(formattedPeriodStart) || timeOverlaps(formattedPeriodFinish)) return true\n\n if (formattedPeriodStart.isBefore(formattedStart) && formattedFinish.isBefore(formattedPeriodFinish)) {\n return true\n }\n })\n\n return !overlaps\n })\n})\n\nconst defaultBreakTimePeriodsValue = [{ start: '', finish: '' }]\n\nconst valueFormats = {\n date: stringFormatter,\n start_time: timeFormatter,\n end_time: timeFormatter,\n switchable_shift_id: selectFormatter,\n comment: stringFormatter,\n break_time_periods: {\n function: arrayFormatter,\n valueFormatter: {\n function: objectFormatter,\n valueFormatter: timeFormatter\n }\n }\n}\n\nconst getContextBreakTimePeriods = ({ subject, shift, day }) => {\n const shiftVersion = shift.versions.find(version => versionForCurrentDay(version, day.dayjsDay))\n if (subject?.break_time_periods.length) {\n return subject.break_time_periods\n } else if (!subject && shiftVersion.break_time_periods?.length) {\n return shiftVersion.break_time_periods\n } else {\n return defaultBreakTimePeriodsValue\n }\n}\n\nconst validationSchema = Yup.object().shape({\n start_time: Yup.string().required(t('v2.shifts.index.form.errors.required')),\n end_time: Yup.string().required(t('v2.shifts.index.form.errors.required')),\n switchable_shift_id: Yup.object().nullable(),\n break_time_periods: Yup.array(\n Yup.object({\n start: Yup.string().nullable().bothPeriodTimes('finish'),\n finish: Yup.string().nullable().bothPeriodTimes('start')\n })\n .nullable()\n .overlaps()\n .bothInShiftTime()\n )\n})\n\nexport const useShiftDayFormik = ({ shift, subject, subjectId, day, closeModal, employee }) => {\n const { month } = useContext(MonthContext)\n const { manageShift } = useContext(ShiftContext)\n const { dateIso: date } = day\n const contextStartTime = subject?.start_time || shift.start_time\n const contextEndTime = subject?.end_time || shift.end_time\n const contextBreakTimePeriods = getContextBreakTimePeriods({ subject, shift, day })\n\n const startTime = contextStartTime ? formatTime(contextStartTime) : ''\n const endTime = contextEndTime ? formatTime(contextEndTime) : ''\n\n const httpMethod = subjectId ? 'put' : 'post'\n const subjectName = employee ? 'shift_employee_day' : 'shift_day'\n const subjectUrl = url([`v2/${subjectName}s`, subjectId].join('/'))\n const associationParams = employee ? { shift_id: shift.id, employee_id: employee.id } : { shift_id: shift.id }\n\n const sendRequest = (params, status) => {\n axios({\n method: httpMethod,\n url: subjectUrl,\n data: {\n month,\n [subjectName]: { ...params, status, ...associationParams }\n }\n })\n .then(({ data }) => {\n closeModal()\n manageShift(data, 'update', date)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n }\n\n const formik = useFormik({\n initialValues: {\n date: date,\n start_time: startTime,\n end_time: endTime,\n switchable_shift_id: { value: shift.id, label: shift.name, color: shift.color },\n comment: '',\n break_time_periods: contextBreakTimePeriods\n },\n validationSchema,\n onSubmit: values => sendRequest(formatValuesForSubmit(values, valueFormats), 'updated')\n })\n\n return { formik, sendRequest }\n}\n\n/* eslint-disable react-hooks/exhaustive-deps */\nconst ShiftDayForm = ({ shift, closeModal, day, employee, showDayBlock, formik, sendRequest }) => {\n const [shifts, setShifts] = useState([])\n const { handleSubmit, values, isSubmitting, setFieldValue } = formik\n\n const { dateIso: date } = day\n const showShiftInput = showDayBlock && employee\n const subjectName = employee ? 'shift_employee_day' : 'shift_day'\n\n useEffect(() => {\n if (showShiftInput) {\n const fetchShifts = async () => {\n const autocompletePath = 'v2/shift_employee_days/shifts_autocomplete'\n\n const { data } = await axios.get(url(autocompletePath, { shift_id: shift.id, employee_id: employee.id }))\n\n setShifts(data)\n }\n\n fetchShifts()\n }\n }, [])\n /* eslint-enable react-hooks/exhaustive-deps */\n\n const confirmDayDelete = () => {\n showConfirmation({\n isOpen: true,\n closeOnConfirm: true,\n onConfirm: () => sendRequest({ date }, 'deleted'),\n text: t(`v2.${subjectName}s.form.confirmations.delete`),\n confirmButton: { title: t('destroy'), type: 'danger' }\n })\n }\n\n const onShiftSelect = selectedItem => {\n const shiftStartTime = formatTime(selectedItem.start_time)\n const shiftEndTime = formatTime(selectedItem.end_time)\n\n setFieldValue('switchable_shift_id', selectedItem)\n setFieldValue('start_time', shiftStartTime)\n setFieldValue('end_time', shiftEndTime)\n }\n\n return (\n \n \n \n )\n}\n\nexport default ShiftDayForm\n","import React, { useContext } from 'react'\n\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\nimport { useFormik, FormikProvider } from 'formik'\nimport ReactDOM from 'react-dom'\nimport Turbolinks from 'turbolinks'\nimport * as Yup from 'yup'\n\nimport variables from '../../../assets/stylesheets/shift-colors'\nimport useUnsavedChangesConfirmation from '../../hooks/useUnsavedChangesConfirmation'\nimport { showConfirmation, getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { formatTime } from '../../utils/formatTime'\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport Icon from '../Icon'\nimport Modal from '../Modal'\nimport { MonthContext, ShiftContext } from '../Shifts/Shifts'\nimport { IconWithTooltip } from '../Tooltip'\nimport { TextField, TimeFieldsBlock, ColorPicker, MultiselectField, SwitchField, TimeField } from './Fields'\nimport {\n multiselectFormatter,\n stringFormatter,\n timeFormatter,\n arrayFormatter,\n objectFormatter,\n booleanFormatter\n} from './Formatters'\nimport { formatValuesForSubmit } from './Formatters/submit'\n\ndayjs.extend(customParseFormat)\ndayjs.extend(isSameOrBefore)\n\nYup.addMethod(Yup.string, 'bothTimes', function (comparableField) {\n return this.test('both_times', t('v2.shifts.index.form.errors.required'), function (value) {\n const required = !!this.parent[comparableField] || this.parent.break_time_periods.some(p => !!p.start || !!p.finish)\n\n return !!value || !required\n })\n})\n\nYup.addMethod(Yup.string, 'bothPeriodTimes', function (comparableField) {\n return this.test('both_period_times', t('v2.shifts.index.form.errors.required'), function (value) {\n return value ? true : !this.parent[comparableField]\n })\n})\n\nYup.addMethod(Yup.object, 'overlaps', function () {\n return this.test('overlaps', t('v2.shifts.index.form.errors.overlaps'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { break_time_periods } = parent2.value\n\n const formattedStart = dayjs(value.start, 'HH:mm')\n let formattedFinish = dayjs(value.finish, 'HH:mm')\n\n if (formattedFinish.isBefore(formattedStart)) {\n formattedFinish = formattedFinish.add(1, 'day')\n }\n\n const breakTimePeriods = [...break_time_periods]\n const index = breakTimePeriods.indexOf(value)\n\n if (index > -1) {\n breakTimePeriods.splice(index, 1)\n }\n\n const overlaps = breakTimePeriods.find(breakTime => {\n const formattedPeriodStart = dayjs(breakTime.start, 'HH:mm')\n let formattedPeriodFinish = dayjs(breakTime.finish, 'HH:mm')\n\n if (formattedPeriodFinish.isBefore(formattedPeriodStart)) {\n formattedPeriodFinish = formattedPeriodFinish.add(1, 'day')\n }\n\n if (!(formattedPeriodStart.isValid() && formattedPeriodFinish.isValid())) return false\n\n const timeOverlaps = time => formattedStart.isSameOrBefore(time) && time.isSameOrBefore(formattedFinish)\n\n if (timeOverlaps(formattedPeriodStart) || timeOverlaps(formattedPeriodFinish)) return true\n\n if (formattedPeriodStart.isBefore(formattedStart) && formattedFinish.isBefore(formattedPeriodFinish)) {\n return true\n }\n })\n\n return !overlaps\n })\n})\n\nYup.addMethod(Yup.object, 'bothInShiftTime', function () {\n return this.test('bothInShiftTime', t('v2.shifts.index.form.errors.outside_shift'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { start_time, end_time } = parent2.value\n\n if (!(start_time && end_time && value && value.start && value.finish)) return true\n\n const shiftStart = dayjs(start_time, 'HH:mm')\n let shiftEnd = dayjs(end_time, 'HH:mm')\n\n const breakTimeStart = dayjs(value.start, 'HH:mm')\n let breakTimeFinish = dayjs(value.finish, 'HH:mm')\n\n if (breakTimeFinish.isBefore(breakTimeStart)) {\n breakTimeFinish = breakTimeFinish.add(1, 'day')\n }\n\n if (shiftEnd.isBefore(shiftStart)) {\n shiftEnd = shiftEnd.add(1, 'day')\n }\n\n const breakTimeStartInShift = breakTimeStart.isAfter(shiftStart) && breakTimeStart.isBefore(shiftEnd)\n\n const breakTimeFinishInShift = breakTimeFinish.isAfter(shiftStart) && breakTimeFinish.isBefore(shiftEnd)\n\n return breakTimeStartInShift && breakTimeFinishInShift\n })\n})\n\nconst defaultBreakTimePeriodsValue = [{ start: '', finish: '' }]\n\nconst valueFormats = {\n color: stringFormatter,\n name: stringFormatter,\n start_time: timeFormatter,\n end_time: timeFormatter,\n construction_object_ids: multiselectFormatter,\n employee_ids: multiselectFormatter,\n company_ids: multiselectFormatter,\n start_time_tolerance_before: stringFormatter,\n start_time_tolerance_after: stringFormatter,\n end_time_tolerance_before: stringFormatter,\n end_time_tolerance_after: stringFormatter,\n regularity: arrayFormatter,\n responsible_ids: multiselectFormatter,\n break_time_periods: {\n function: arrayFormatter,\n valueFormatter: {\n function: objectFormatter,\n valueFormatter: timeFormatter\n }\n },\n sync_all_construction_objects: booleanFormatter\n}\n\nconst HeaderContent = ({ shift }) => (\n \n
\n
{t(`v2.shifts.index.form.title_${shift ? 'edit' : 'new'}`)}
\n {shift && (\n
\n )}\n
\n
\n \n \n ,\n document.querySelector('.modal-container')\n )\n}\n\nexport default ShiftForm\n","import React from 'react'\n\nimport axios from 'axios'\nimport { FormikProvider, useFormik, Form, setIn } from 'formik'\nimport { t } from 'utils/i18n'\nimport yup from 'utils/yup'\n\nimport { getApiErrorMessage, showErrorModal } from '../../utils/confirmations'\nimport { url } from '../../utils/urlGenerator'\nimport { TextField, HexColorPicker } from './Fields'\nimport BaseError from './Fields/BaseError'\nimport { stringFormatter, hexFormatter } from './Formatters'\nimport { formatValuesForSubmit } from './Formatters/submit'\n\nconst randomHexColor = () => '#' + Math.floor(Math.random() * 16777215).toString(16)\n\nconst tShiftLabel = key => t(['activerecord.attributes.shift_label', key])\n\nconst valueFormats = {\n name: stringFormatter,\n color: hexFormatter\n}\n\nexport const initialValues = {\n color: randomHexColor(), // Generate a random color as inital\n name: ''\n}\n\nconst validationSchema = yup.object({\n name: yup.string().required()\n})\n\nconst errorString = errors => errors.map(({ message }) => message).join('; ')\n\nexport const getFormikErrors = errors =>\n Object.keys(errors).reduce(\n (accumulator, currentKey) => setIn(accumulator, currentKey, errorString(errors[currentKey])),\n {}\n )\n\nexport const useShiftLabelFormik = ({ data, afterSuccessfulSubmit }) => {\n const httpMethod = data.id ? 'put' : 'post'\n const subjectUrl = url([`v2/settings/classifiers/shift_labels`, data.id].join('/'))\n\n const sendRequest = async (values, { setErrors, setSubmitting }) => {\n axios({\n method: httpMethod,\n url: subjectUrl,\n data: {\n shift_label: formatValuesForSubmit(values, valueFormats)\n }\n })\n .then(response => {\n setSubmitting(false)\n initialValues.color = randomHexColor()\n afterSuccessfulSubmit && afterSuccessfulSubmit(response)\n })\n .catch(error => {\n setSubmitting(false)\n if (error.response?.status === 422) {\n const responseData = error.response.data\n setErrors(getFormikErrors(responseData))\n } else {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n }\n })\n }\n\n const formik = useFormik({\n initialValues: data,\n enableReinitialize: true,\n onSubmit: sendRequest,\n validationSchema\n })\n\n return { formik }\n}\n\nconst ShiftLabelForm = ({ formik }) => (\n \n \n \n)\n\nexport default ShiftLabelForm\n","import dayjs from 'dayjs'\n\nimport { t } from '../../../utils/i18n'\nimport Yup from '../../../utils/yup'\n\nYup.addMethod(Yup.string, 'bothTimes', function (comparableField) {\n return this.test('both_times', t('v2.shifts.index.form.errors.required'), function (value) {\n const required = !!this.parent[comparableField]\n\n return !!value || !required\n })\n})\n\nYup.addMethod(Yup.object, 'overlaps', function () {\n return this.test('overlaps', t('v2.shifts.index.form.errors.overlaps'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { break_time_periods } = parent2.value\n\n const formattedStart = dayjs(value.start, 'HH:mm')\n let formattedFinish = dayjs(value.finish, 'HH:mm')\n\n if (formattedFinish.isBefore(formattedStart)) {\n formattedFinish = formattedFinish.add(1, 'day')\n }\n\n const breakTimePeriods = [...break_time_periods]\n const index = breakTimePeriods.indexOf(value)\n\n if (index > -1) {\n breakTimePeriods.splice(index, 1)\n }\n\n const overlaps = breakTimePeriods.find(breakTime => {\n const formattedPeriodStart = dayjs(breakTime.start, 'HH:mm')\n let formattedPeriodFinish = dayjs(breakTime.finish, 'HH:mm')\n\n if (formattedPeriodFinish.isBefore(formattedPeriodStart)) {\n formattedPeriodFinish = formattedPeriodFinish.add(1, 'day')\n }\n\n if (!(formattedPeriodStart.isValid() && formattedPeriodFinish.isValid())) return false\n\n const timeOverlaps = time => formattedStart.isSameOrBefore(time) && time.isSameOrBefore(formattedFinish)\n\n if (timeOverlaps(formattedPeriodStart) || timeOverlaps(formattedPeriodFinish)) return true\n\n if (formattedPeriodStart.isBefore(formattedStart) && formattedFinish.isBefore(formattedPeriodFinish)) {\n return true\n }\n })\n\n return !overlaps\n })\n})\n\nYup.addMethod(Yup.object, 'bothInShiftTime', function () {\n return this.test('bothInShiftTime', t('v2.shifts.index.form.errors.outside_shift'), function (value) {\n const [_parent1, parent2, ..._others] = this.from\n const { start_time, end_time } = parent2.value\n\n if (!(start_time && end_time && value && value.start && value.finish)) return true\n\n const shiftStart = dayjs(start_time, 'HH:mm')\n let shiftEnd = dayjs(end_time, 'HH:mm')\n\n const breakTimeStart = dayjs(value.start, 'HH:mm')\n let breakTimeFinish = dayjs(value.finish, 'HH:mm')\n\n if (breakTimeFinish.isBefore(breakTimeStart)) {\n breakTimeFinish = breakTimeFinish.add(1, 'day')\n }\n\n if (shiftEnd.isBefore(shiftStart)) {\n shiftEnd = shiftEnd.add(1, 'day')\n }\n\n const breakTimeStartInShift = breakTimeStart.isAfter(shiftStart) && breakTimeStart.isBefore(shiftEnd)\n\n const breakTimeFinishInShift = breakTimeFinish.isAfter(shiftStart) && breakTimeFinish.isBefore(shiftEnd)\n\n return breakTimeStartInShift && breakTimeFinishInShift\n })\n})\n\nexport const YUP_SELECT_VALUE = {\n label: Yup.string(),\n value: Yup.number()\n}\n\nexport const YUP_LABEL_OBJECT_VALUE = {\n label: Yup.string(),\n value: Yup.string()\n}\n\nexport default Yup\n","import { showDefaultErrorModal } from '../../../utils/confirmations'\n\nconst errorString = errors => errors.map(({ message }) => message).join('; ')\n\nconst getFormErrorMap = errors =>\n Object.entries(errors).reduce(\n (accumulator, [currentKey, keyErrors]) => accumulator.set(currentKey, errorString(keyErrors)),\n new Map()\n )\n\nexport const handleHookFormError = ({ error, setError }) => {\n if (error.response?.status === 422) {\n const responseData = error.response.data\n\n getFormErrorMap(responseData).forEach((value, key) => {\n setError(key, { type: 'custom', message: value })\n })\n } else {\n showDefaultErrorModal()\n }\n}\n","import dayjs from 'dayjs'\n\nexport const calculateTimeDiff = (startTime, endTime) => {\n const startDateTime = dayjs(`2000-01-01 ${startTime}`)\n\n let endDateTime = dayjs(`2000-01-01 ${endTime}`)\n\n if (dayjs(endDateTime).isSameOrBefore(dayjs(startDateTime), 'minute')) {\n endDateTime = endDateTime.add(1, 'day')\n }\n\n return calculateTimeDiffDayjs(startDateTime, endDateTime)\n}\n\nexport const calculateTimeDiffDayjs = (startTime, endTime) => {\n const minutes = endTime.diff(startTime, 'minutes')\n\n return formatMinutes(minutes)\n}\n\nexport const formatMinutes = minutes => {\n let hours = Math.floor(minutes / 60)\n minutes -= hours * 60\n\n if (hours < 10) hours = `0${hours}`\n if (minutes < 10) minutes = `0${minutes}`\n\n return `${hours}:${minutes}`\n}\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { checkOut, checkIn, remove, removeSelected } from '../elements/actionDefinitions'\n\nclass GuestConstructionObjectsTable extends React.Component {\n pathPrefix = 'v2/construction_object_guests'\n\n formParams = {\n context: 'guest',\n construction_object_guest: { guest_id: this.props.guest_id }\n }\n\n actions = {\n row: [checkOut('latest_checked_in_check_log_id'), checkIn(this.pathPrefix), remove(this.pathPrefix)],\n header: [removeSelected(this.pathPrefix)]\n }\n\n render() {\n return (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object.name'),\n accessorKey: 'construction_object_name',\n cell: ({ getValue, row: { original } }) => (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object.added_to_object'),\n accessorKey: 'created_at'\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default GuestConstructionObjectsTableContainer\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport { CheckLogLocation, CheckLogCheckedWith, CheckLogDates, CheckLogDuration } from '../NfcCheckLogs/CheckLogsData'\nimport CheckLogsFilter from '../NfcCheckLogs/CheckLogsFilter'\nimport NfcCheckLogsTable from '../NfcCheckLogs/NfcCheckLogsTable'\nimport Store from '../Store'\nimport TableContainer from '../TableContainer'\nimport { BooleanIcon } from '../elements/TableColumnsElements'\n\nclass GuestNfcCheckLogsTableContainer extends TableContainer {\n constructor(props) {\n super(props)\n this.checkLogTableRef = React.createRef()\n }\n\n openMapModal = (mapModalTitle, markerLat, markerLong, polygons, apiKey) => {\n this.checkLogTableRef.current.openMapModal(mapModalTitle, markerLat, markerLong, polygons, apiKey)\n }\n\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'check_log_date_properties', desc: true }]\n })\n\n columns = [\n {\n header: t('activerecord.attributes.nfc_check_log.construction_object_name'),\n accessorKey: 'construction_object_name',\n cell: ({ getValue, row: { original } }) => (\n \n {getValue()} \n \n )\n },\n {\n header: t('activerecord.attributes.nfc_check_log.checked_in'),\n accessorKey: 'checked_in',\n minSize: 90,\n size: 90,\n cell: ({ getValue }) => \n
\n )\n }\n}\n\nexport default GuestNfcCheckLogsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect, ImportButton } from '../FilterComponents'\n\nclass GuestsFilter extends React.Component {\n hiddenFilters = () => {\n const { store, construction_objects_options, state_options, identifiers_options } = this.props\n\n return (\n \n \n )\n }\n\n render() {\n const { store, import_url, importable, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(GuestsFilter)\n","import React from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { t } from '../../utils/i18n'\nimport Modal from '../Modal'\nimport Table from '../Table'\n\nconst getValueFromLocalStorage = localStorageKey => {\n const value = JSON.parse(localStorage.getItem(localStorageKey))\n localStorage.removeItem(localStorageKey)\n\n return value\n}\n\nconst GuestsTable = ({ guests, getTrProps }) => (\n \n
\n {t(`import_${type}_results_title`)} ({collection.length})\n \n \n {this.renderTable(this.importResult.invalids, 'failed')}\n {this.renderTable(this.importResult.guests_imported, 'succeeded')}\n\n \n \n {t('close')}\n \n
\n ,\n document.querySelector('.modal-container')\n )\n }\n\n render() {\n return {this.importResult && this.renderModal()} \n }\n}\n\nexport default GuestsImportedResultContainer\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport ActiveTable from '../ActiveTable'\nimport Icon from '../Icon'\nimport Tooltip from '../Tooltip'\nimport { edit, checkOut, checkOutSelected, discard, discardSelected } from '../elements/actionDefinitions'\n\nexport const Identifiers = ({ identifierPresent, id }) => {\n if (!identifierPresent) return null\n\n const tooltipId = `guest-nfc-identifier-${id}`\n\n return (\n \n \n {t(`activerecord.attributes.guest.nfc_identifier`)}\n \n \n )\n}\n\nclass GuestsTable extends React.Component {\n actions = {\n row: [\n edit(this.props.pathPrefix, 'v2.guests.edit.title'),\n checkOut('latest_checked_in_check_log_id'),\n discard(this.props.pathPrefix)\n ],\n header: [checkOutSelected(this.props.pathPrefix), discardSelected(this.props.pathPrefix)]\n }\n\n render() {\n return (\n {getValue()} \n },\n {\n header: t('activerecord.attributes.employee.identifiers'),\n accessorKey: 'nfc_identifier_presence',\n sortable: false,\n cell: ({ getValue, row: { original } }) => \n
\n )\n }\n}\n\nexport default GuestsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../../../FilterComponents'\n\nconst PaymentsFilter = observer(({ store, state_options, default_filter, customFilters, ...others }) => {\n const hiddenFilters = () => (\n \n \n )\n\n return (\n \n \n )\n})\n\nexport default PaymentsFilter\n","import React from 'react'\n\nimport ActiveTable from '../../../ActiveTable'\n\nconst PaymentsTable = props => {\n return (\n {t(`activerecord.attributes.vedludb/payment.source/${source}`)} \n },\n {\n header: t('activerecord.attributes.vedludb/payment.horizon_payment_number'),\n accessorKey: 'horizon_payment_number'\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n )\n }\n}\n\nexport default PaymentsTableContainer\n","import React from 'react'\n\nimport SVG from 'react-inlinesvg'\n\nimport addAttachment from '../images/add-attachment.svg'\nimport arrow from '../images/arrow.svg'\nimport attachmentFilled from '../images/attachment-filled.svg'\nimport attachment from '../images/attachment.svg'\nimport avatar from '../images/avatar-placeholder.svg'\nimport calendar from '../images/calendar.svg'\nimport chatButtonIcon from '../images/chat-button-icon.svg'\nimport checkKindOffline from '../images/check_kind_offline.svg'\nimport checkIn from '../images/check_log_direction_in.svg'\nimport checkOut from '../images/check_log_direction_out.svg'\nimport logOut from '../images/check_out.svg'\nimport checkWithAuto from '../images/check_with_auto.svg'\nimport checkWithFingerprint from '../images/check_with_fingerprint.svg'\nimport checkWithManual from '../images/check_with_manual.svg'\nimport checkWithNfc from '../images/check_with_nfc.svg'\nimport checkWithRemote from '../images/check_with_remote.svg'\nimport checkMark from '../images/checkmark.svg'\nimport circleCross from '../images/circle-cross.svg'\nimport clock from '../images/clock.svg'\nimport cog from '../images/cog.svg'\nimport company from '../images/companies.svg'\nimport cross from '../images/cross.svg'\nimport download from '../images/download.svg'\nimport employee from '../images/employees.svg'\nimport expand from '../images/expand.svg'\nimport filePdf from '../images/file_pdf.svg'\nimport fileXlsx from '../images/file_xlsx.svg'\nimport fileXlsxPlus from '../images/file_xlsx_plus.svg'\nimport filterCalendar from '../images/filter_calendar.svg'\nimport finish from '../images/finish.svg'\nimport globe from '../images/globe.svg'\nimport gpsDisabled from '../images/gps_disabled.svg'\nimport gpsError from '../images/gps_error.svg'\nimport iconChatMention from '../images/icon-chat-mention.svg'\nimport iconChatUnread from '../images/icon-chat-unread.svg'\nimport iconChat from '../images/icon-chat.svg'\nimport iconCompany from '../images/icon-company.svg'\nimport iconEmployee from '../images/icon-employee.svg'\nimport iconLocationA from '../images/icon-location-a.svg'\nimport iconLocation from '../images/icon-location.svg'\nimport iconPencil from '../images/icon-pencil.svg'\nimport iconPlusCircle from '../images/icon-plus-circle.svg'\nimport iconPlus from '../images/icon-plus.svg'\nimport iconResponsible from '../images/icon-responsible.svg'\nimport iconTrash from '../images/icon-trash.svg'\nimport infoOutlined from '../images/info-o.svg'\nimport info from '../images/info.svg'\nimport letterT from '../images/letter-t.svg'\nimport location from '../images/location.svg'\nimport mapMarker from '../images/map_marker.svg'\nimport more from '../images/more.svg'\nimport noMessages from '../images/no-messages.svg'\nimport permilles from '../images/permilles.svg'\nimport receiveNotification from '../images/receive-notification.svg'\nimport regularity from '../images/regularity.svg'\nimport related from '../images/related.svg'\nimport report from '../images/report.svg'\nimport start from '../images/start.svg'\nimport subtasks from '../images/subtasks.svg'\nimport sync from '../images/sync.svg'\nimport timerRunning from '../images/timer-running.svg'\nimport timer from '../images/timer.svg'\nimport warningFilled from '../images/warning-filled.svg'\nimport warning from '../images/warning.svg'\n\nconst icons = {\n checkIn,\n checkOut,\n clock,\n checkWithNfc,\n checkWithFingerprint,\n checkWithRemote,\n checkWithManual,\n checkWithAuto,\n checkKindOffline,\n gpsDisabled,\n gpsError,\n mapMarker,\n checkMark,\n avatar,\n cog,\n info,\n iconPencil,\n iconPlus,\n iconPlusCircle,\n iconTrash,\n iconLocation,\n iconLocationA,\n iconEmployee,\n iconCompany,\n iconResponsible,\n iconChat,\n iconChatUnread,\n iconChatMention,\n report,\n globe,\n calendar,\n filterCalendar,\n cross,\n circleCross,\n arrow,\n start,\n finish,\n timer,\n subtasks,\n noMessages,\n related,\n attachment,\n attachmentFilled,\n timerRunning,\n receiveNotification,\n warning,\n warningFilled,\n regularity,\n more,\n logOut,\n location,\n employee,\n company,\n letterT,\n infoOutlined,\n sync,\n filePdf,\n fileXlsx,\n fileXlsxPlus,\n download,\n expand,\n addAttachment,\n chatButtonIcon,\n permilles\n}\n\nexport default ({ icon, className = '', ...restProps }) => (\n \n \n)\n","import React from 'react'\n\nimport Tooltip from './Tooltip'\n\nconst IconCell = ({ children, id, showIcon, ...others }) => (\n \n
{children}
\n {showIcon &&
}\n
\n {iconComponent(tooltipId)}\n \n {tooltipText}\n \n \n )\n}\n\nexport default IconCell\n","import React from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { t } from '../utils/i18n'\nimport MapContainer from './Maps/MapContainer'\nimport drawingController from './Maps/drawingController'\nimport Modal from './Modal'\n\nclass MapModal extends React.Component {\n render() {\n const { modalOpen, toggleModal, title, polygons, ...mapProps } = this.props\n if (!modalOpen) return null\n\n const drawingProps = {\n drawingController: {\n ...drawingController,\n drawingModes: []\n },\n polygon: polygons,\n ...mapProps\n }\n\n return ReactDOM.createPortal(\n \n \n\n \n \n {t('close')}\n \n
\n ,\n document.querySelector('.modal-container')\n )\n }\n}\n\nexport default MapModal\n","class MapAutocomplete {\n constructor(map, props = {}) {\n this.map = map\n this.targetId = props.targetId\n this.onChanged = props.onChanged\n\n if (this.targetId) {\n this.initAutocomplete(this.targetId)\n return\n }\n\n this.emPacContainer = document.getElementById('pac-container')\n\n if (this.emPacContainer) {\n this.preparePacContainer()\n\n this.initAutocomplete('pac-input')\n }\n }\n\n initAutocomplete(targetId) {\n this.targetInput = document.getElementById(targetId)\n\n if (this.targetInput) {\n this.bindAutocomplete()\n this.addAutocompleteListener()\n }\n }\n\n preparePacContainer() {\n this.emPacContainer.classList.remove('d-none')\n this.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(document.getElementById('pac-card'))\n }\n\n bindAutocomplete() {\n this.autocomplete = new google.maps.places.Autocomplete(this.targetInput, {\n types: ['geocode', 'establishment']\n })\n this.autocomplete.bindTo('bounds', this.map)\n }\n\n addAutocompleteListener() {\n this.autocomplete.addListener('place_changed', () => {\n const place = this.autocomplete.getPlace()\n if (!place.geometry) return\n if (place.geometry.viewport) {\n this.map.fitBounds(place.geometry.viewport)\n } else {\n this.map.setZoom(17)\n this.map.setCenter(place.geometry.location)\n }\n\n this.onChanged && this.onChanged(place)\n })\n }\n}\n\nexport default MapAutocomplete\n","class MapCircle {\n constructor(map, circleCenter, circleRadius, drawingController) {\n this.map = map\n this.circle = undefined\n this.circleRadius = circleRadius\n this.circleCenter = circleCenter\n this.drawingController = drawingController\n }\n\n draw() {\n const figure = this.load()\n if (!figure) return\n\n return { figure, points: MapCircle.polygonFromCircle(figure) }\n }\n\n load() {\n if (typeof this.circleCenter.lat !== 'number') return undefined\n\n const center = new google.maps.LatLng(this.circleCenter.lat, this.circleCenter.lng)\n const circle = new google.maps.Circle({\n ...this.drawingController.style,\n map: this.map,\n radius: this.circleRadius,\n center\n })\n this.drawingController.setCircleEvents(circle)\n return circle\n }\n\n static polygonFromCircle = circle => {\n const center = circle.getCenter()\n const radius = circle.getRadius()\n const numberOfVertices = 36\n const angleIncrement = 360 / numberOfVertices\n const spherical = google.maps.geometry.spherical\n\n let polygon = []\n\n for (let i = 0; i < numberOfVertices; i++) {\n const angle = angleIncrement * i\n\n polygon.push(spherical.computeOffset(center, radius, angle))\n }\n\n return polygon\n }\n}\n\nexport default MapCircle\n","import React from 'react'\n\nimport { Map, GoogleApiWrapper, Marker } from 'google-maps-react'\n\nimport MapAutocomplete from './MapAutocomplete'\nimport MapCircle from './MapCircle'\nimport MapDrawingManager from './MapDrawingManager'\nimport MapPolygon from './MapPolygon'\nimport fitFigureInMap from './fitFigureInMap'\n\nclass MapContainer extends React.Component {\n initialCoords = {\n lat: 56.946285,\n lng: 24.105078\n }\n\n initializeServices = (_mapProps, map) => {\n const { polygon, autocompleteProps, drawingController, drawingType, readOnly } = this.props\n\n new MapAutocomplete(map, autocompleteProps)\n const mapDrawingManager = new MapDrawingManager(map, drawingController)\n\n mapDrawingManager.setupListeners()\n\n if (polygon && polygon.length > 0 && polygon.flat().length > 0) {\n let { figure, points } = drawingType === 'circle' ? this.loadCircle(map) : this.loadPolygon(map)\n\n mapDrawingManager.disableNewDrawings()\n this.fitFigureInMap(map, points)\n\n if (!readOnly) {\n figure.setEditable(true)\n figure.setDraggable(true)\n mapDrawingManager.figure = figure\n }\n }\n }\n\n loadCircle = map => {\n const { drawingController, circleCenter, circleRadius } = this.props\n\n return new MapCircle(map, circleCenter, circleRadius, drawingController).draw()\n }\n\n loadPolygon = map => {\n const { drawingController, polygon } = this.props\n\n return new MapPolygon(map, polygon, drawingController).draw()\n }\n\n fitFigureInMap(map, points) {\n const { markerLat, markerLong } = this.props\n\n if (markerLat && markerLong) {\n points = [...points, new google.maps.LatLng(markerLat, markerLong)]\n }\n\n fitFigureInMap(map, points)\n }\n\n render() {\n const { google, markerLat, markerLong, style } = this.props\n\n return (\n \n \n \n)\n\nconst ModalButtons = ({ buttons, buttonPlacement }) => {\n if (!buttons) return null\n\n return (\n \n {buttons.map(({ type, title, onClick, disabled }, i) => (\n \n {title}\n \n ))}\n
\n )\n}\n\nconst Modal = ({\n children,\n className,\n isOpen,\n onClose,\n dataContains,\n header,\n title,\n buttons,\n buttonPlacement,\n closeOnBackdropClick = true,\n withDefaultModalContent = true\n}) => {\n const modalRef = useRef()\n\n const close = useCallback(\n e => {\n if (e.key === 'Escape' && isOpen) {\n onClose()\n }\n },\n [isOpen, onClose]\n )\n\n useEffect(() => {\n if (isOpen) {\n document.addEventListener('keydown', close)\n return () => {\n document.removeEventListener('keydown', close)\n }\n }\n }, [isOpen, close])\n\n const onBackdropClick = event => {\n if (event.target === modalRef.current) onClose(event)\n }\n\n if (!isOpen) return null\n\n return (\n \n
\n \n \n {withDefaultModalContent && (\n
\n
\n {header || (title &&
{title} )}\n \n\n
\n {children}\n
\n
\n )}\n {!withDefaultModalContent &&
{children}
}\n
\n )\n}\n\nexport default Modal\n","import React, { useState } from 'react'\n\nimport Axios from 'axios'\nimport ReactDOM from 'react-dom'\n\nimport initialize from '../initializers'\nimport { t } from '../utils/i18n'\nimport Icon from './Icon'\nimport Modal from './Modal'\n\nexport const NewButton = ({ children, ...props }) => (\n \n \n \n
\n)\n\nconst ModalForm = props => (props.setIsOpen ? \n
\n
\n \n {this.props.buttonText} \n \n
\n )\n }\n\n renderNewButton() {\n return {this.props.buttonText} \n }\n\n renderEditButton() {\n return (\n \n {this.props.toggleButtonText || t('edit')}\n \n )\n }\n\n renderModal() {\n const { isOpen } = this.props\n\n return ReactDOM.createPortal(\n \n
\n\n \n \n {t('save')}\n \n\n \n {t('cancel')}\n \n
\n ,\n document.querySelector('.modal-container')\n )\n }\n\n render() {\n if (this.props.toggleModal) {\n this.props.toggleModal(this.toggleModal)\n }\n\n return (\n \n {this.renderModalToggleButton()}\n {this.renderModal()}\n \n )\n }\n}\n\nexport default ModalForm\n","import React, { useState, useCallback, useEffect } from 'react'\n\nimport Axios from 'axios'\nimport classNames from 'classnames'\nimport ReactDOM from 'react-dom'\n\nimport useUnsavedChangesConfirmation from '../hooks/useUnsavedChangesConfirmation'\nimport { t } from '../utils/i18n'\nimport Modal from './Modal'\nimport { NewButton } from './ModalForm'\n\nconst ModalFormikForm = props =>\n props.setIsOpen ? \n <>\n
{title}
\n {children}\n \n
{buttonText} \n } else if (button) {\n modalToggleButton = button(toggleModal)\n } else if (!skipToggleButton) {\n throw new Error('Not implemented!')\n }\n\n const handleClose = useUnsavedChangesConfirmation({ dirty, onClose: onClose || toggleModal })\n\n const modalClasses = classNames(classes, 'modal-dialog-centered modal--new')\n\n return (\n <>\n {!isLoading &&\n ReactDOM.createPortal(\n \n \n
\n\n \n \n {t('save')}\n \n\n \n {t('cancel')}\n \n
\n ,\n document.querySelector('.modal-container')\n )}\n {modalToggleButton}\n \n )\n}\n\nexport default ModalFormikForm\n","import React from 'react'\n\nimport { lv, ru, enUS } from 'date-fns/locale'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport I18n from 'i18n-js'\nimport { observer } from 'mobx-react'\nimport DatePicker, { registerLocale } from 'react-datepicker'\n\nimport { t } from '../utils/i18n'\n\nregisterLocale('lv', lv)\nregisterLocale('ru', ru)\nregisterLocale('en', enUS)\ndayjs.extend(customParseFormat)\n\nconst MonthDatepicker = observer(({ store, ...restProps }) => {\n const { period } = store.state.filters\n const selected = period && dayjs(period, t('date.formats.without_date_human')).toDate()\n\n return (\n \n \n
\n
{dateTimes.checked_in_date}
\n
\n
{dateTimes.checked_in_time}
\n
\n
\n
\n
{dateTimes.checked_out_date || '–'}
\n
\n
{dateTimes.checked_out_time || '–'}
\n
\n
\n )\n}\n\nconst CheckLogCheckedWith = ({ checkedWith, checkLog: { id, checked_in } }) => {\n return (\n \n \n
\n \n \n )\n}\n\nconst CheckedWithIcon = ({ checkedWith, title, offline, id, direction }) => {\n if (checkedWith) {\n const tooltipId = `check-log-kind-${id}-${direction}`\n const icon = {\n nfc: 'checkWithNfc',\n fingerprint: 'checkWithFingerprint',\n remote: 'checkWithRemote',\n auto_check_out: 'checkWithAuto',\n manual: 'checkWithManual',\n forced_checkout: 'checkWithAuto'\n }[checkedWith]\n\n return (\n \n
\n )\n } else {\n return – \n }\n}\n\nconst CheckedPermillesIcon = ({ direction, id, checkedWith }) => {\n const { [`checked_${direction}_permilles`]: permilles, [`checked_${direction}_permilles_over_limit`]: overLimit } =\n checkedWith\n\n if (permilles === null || permilles === undefined) {\n return null\n }\n\n const tooltipId = `check-log-permilles-${id}-${direction}`\n\n const classes = classNames('ml-1', `check-log-icon-permilles-${direction}`, {\n 'text-primary': permilles > 0 && !overLimit,\n 'text-white bg-danger': overLimit\n })\n\n return (\n \n \n
\n \n
\n \n)\n\nconst CheckLogLocationIcons = ({ checkLog, direction, onClick, locationData }) => {\n if (direction === 'out' && checkLog.checked_in) return '–'\n\n const checkedWithinArea = locationData[`checked_${direction}_within_area`]\n const distance = locationData[`checked_${direction}_distance`]\n const gpsDisabled = locationData[`checked_${direction}_gps_disabled`]\n const markerLat = locationData[`checked_${direction}_lat`]\n const markerLong = locationData[`checked_${direction}_long`]\n const polygons = locationData['polygons']\n const apiKey = locationData['api_key']\n const tooltipId = `check-log-location-${checkLog.id}-${direction}`\n const timeTrackableName = checkLog.is_child_time_entry\n ? checkLog.checked_in_name\n : checkLog.construction_object_short_name\n const mapModalTitle = t('checked_modal_title', {\n full_name: checkLog.checkable_full_name,\n time_trackable_name: timeTrackableName\n })\n\n const clickHandler = event => {\n event.stopPropagation()\n event.preventDefault()\n\n onClick(mapModalTitle, markerLat, markerLong, polygons, apiKey)\n }\n\n if (checkedWithinArea) {\n return \n
\n)\n\nconst GpsDisabledIcons = ({ tooltipId }) => (\n \n \n {tooltipText}\n \n \n)\n\nconst CheckLogDuration = ({ duration, invalid }) => (\n {duration} \n)\n\nexport { CheckLogLocation, CheckLogCheckedWith, CheckLogDates, CheckLogDuration, IconWithTooltip }\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect, DateRangeFilter } from '../FilterComponents'\n\nclass CheckLogsFilter extends React.Component {\n hiddenFilters = () => {\n const {\n store,\n hideObjectFilter,\n construction_objects_options,\n construction_object_tasks_options,\n construction_object_sub_tasks_options,\n business_industry\n } = this.props\n\n return (\n <>\n {!hideObjectFilter && (\n \n {checkableTypeFilter && checkableTypeFilter()}\n \n )\n }\n}\n\nexport default observer(CheckLogsFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport NfcCheckLogForm, { useNfcCheckLogFormik } from '../Forms/NfcCheckLogForm'\nimport MapModal from '../MapModal'\nimport {\n checkOut,\n checkOutSelected,\n editFormik,\n closeTimeEntry,\n discard,\n discardConsructionObjectTimeEntry,\n discardSelectedTimeRecords\n} from '../elements/actionDefinitions'\n\nexport const formikForm = { Form: NfcCheckLogForm, useForm: useNfcCheckLogFormik }\n\nclass NfcCheckLogsTable extends React.Component {\n state = { modalMapOpen: false, mapModalTitle: '', markerLat: '', markerLong: '', polygons: '', apiKey: '' }\n pathPrefix = 'v2/nfc_check_logs'\n\n actions = {\n row: [\n editFormik({ pathPrefix: this.pathPrefix, title: 'v2.nfc_check_logs.edit.title', formikForm }),\n checkOut('id'),\n closeTimeEntry(),\n discard(this.pathPrefix),\n discardConsructionObjectTimeEntry()\n ],\n header: [checkOutSelected(this.pathPrefix), ...(this.props.business_industry ? [discardSelectedTimeRecords()] : [])]\n }\n\n toggleMapModal = () => {\n this.setState(ps => ({ modalMapOpen: !ps.modalMapOpen }))\n }\n\n openMapModal = (mapModalTitle, markerLat, markerLong, polygons, apiKey) => {\n this.setState({ modalMapOpen: true, mapModalTitle, markerLat, markerLong, polygons, apiKey })\n }\n\n renderMapModal() {\n const { modalMapOpen, mapModalTitle, ...mapProps } = this.state\n\n return \n
\n
{item.message}
\n
handleOnClick()} />\n \n {flashes.map((item, idx) => (\n
\n )\n})\n","import React, { useMemo } from 'react'\n\nimport classNames from 'classnames'\nimport { uniqBy, differenceBy } from 'lodash'\nimport { FixedSizeList as List } from 'react-window'\n\nimport { t } from '../utils/i18n'\nimport Avatar from './Avatar'\nimport Icon from './Icon'\n\nconst OPTION_HEIGHT = 34\n\nexport const OptionColorAvatar = ({ color }) =>
\n\nexport const addOrRemoveSelectedItem = ({ selectedItem, selectedItems, onChange }) => {\n if (!selectedItem) {\n return\n }\n\n const index = selectedItems.findIndex(item => item.value === selectedItem.value)\n\n let newSelectedItems\n\n if (index > 0) {\n newSelectedItems = [...selectedItems.slice(0, index), ...selectedItems.slice(index + 1)]\n } else if (index === 0) {\n newSelectedItems = [...selectedItems.slice(1)]\n } else {\n newSelectedItems = [...selectedItems, selectedItem]\n }\n\n onChange(newSelectedItems)\n}\n\nexport const SelectAllOption = ({ selectedAll, onSelectAll }) => (\n \n
\n
\n \n {selectedAll && \n {t('all')}\n
\n
\n
onClick(item)}\n {...containerProps}\n >\n {isMulti && (\n {selected && \n )}\n {withImages &&\n (item.color ? e.nativeEvent.stopImmediatePropagation()}>\n {options.length ? (\n
\n {isMulti && \n {renderOption}\n \n
\n ) : (\n
{t('no_data')}
\n )}\n {optionsFooter && (\n <>\n
\n {optionsFooter}\n \n )}\n
\n {children}\n \n)\n\nexport default OptionsDropdown\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { t } from '../utils/i18n'\nimport Tooltip from './Tooltip'\n\nexport default ({ object, type, permissions }) => {\n const tooltipId = `permissions-${type}-${object.id}`\n\n const roleSpans = permissions.map(permission => (\n \n {tr(type, permission, 'short')}\n \n ))\n\n return (\n \n {roleSpans}\n\n \n {permissions.map(r => (\n \n {tr(type, r, 'short')} - {tr(type, r)}\n
\n ))}\n \n \n )\n}\n\nconst tr = (namespace, key, suffix = '') => {\n return t(`activerecord.attributes.${namespace}.${key}${suffix && `_${suffix}`}`)\n}\n","import React from 'react'\n\nimport { lv, ru, enUS } from 'date-fns/locale'\nimport dayjs from 'dayjs'\nimport I18n from 'i18n-js'\nimport { observer } from 'mobx-react'\nimport DatePicker, { registerLocale } from 'react-datepicker'\n\nimport Icon from './Icon'\n\nregisterLocale('lv', lv)\nregisterLocale('ru', ru)\nregisterLocale('en', enUS)\n\nclass RangeDatepicker extends React.Component {\n constructor(props) {\n super(props)\n\n this.startCalendarRef = React.createRef()\n this.endCalendarRef = React.createRef()\n this.startKey = props.customDateKeys?.start ?? 'startDate'\n this.endKey = props.customDateKeys?.end ?? 'endDate'\n }\n\n onRefElemClick(event, type) {\n if (event.type === 'click') {\n this[type].current.setOpen(true)\n this[type].current.input.focus()\n }\n }\n\n onStartDateChange(date, event) {\n const { store, onStartDateChange } = this.props\n\n if (onStartDateChange) {\n onStartDateChange(date)\n } else {\n store.onRangeDateChange(date, this.startKey)\n }\n\n this.onRefElemClick(event, 'endCalendarRef')\n }\n\n onEndDateChange(date) {\n const { store, onEndDateChange } = this.props\n\n if (onEndDateChange) {\n onEndDateChange(date)\n } else {\n store.onRangeDateChange(date, this.endKey)\n }\n }\n\n render() {\n const { store, withIcon = true } = this.props\n const startDate = store?.state.filters[this.startKey] || this.props[this.startKey]\n const endDate = store?.state.filters[this.endKey] || this.props[this.endKey]\n\n const parsedStartDate = startDate ? dayjs(startDate).toDate() : null\n const parsedEndDate = endDate ? dayjs(endDate).toDate() : null\n\n const format = I18n.t('date.formats.date_human_js')\n\n return (\n \n this.onStartDateChange(date, event)}\n selectsStart\n startDate={parsedStartDate}\n endDate={parsedEndDate}\n dateFormat={format}\n highlightDates={[new Date()]}\n popperPlacement='bottom-start'\n showPopperArrow={false}\n autoComplete='off'\n />\n - \n this.onEndDateChange(date)}\n selectsEnd\n startDate={parsedStartDate}\n endDate={parsedEndDate}\n minDate={parsedStartDate}\n dateFormat={format}\n highlightDates={[new Date()]}\n popperPlacement='bottom-start'\n showPopperArrow={false}\n autoComplete='off'\n />\n {withIcon && (\n this.onRefElemClick(event, 'startCalendarRef')}\n />\n )}\n
\n )\n }\n}\n\nexport default observer(RangeDatepicker)\n","import React, { useEffect, forwardRef, useImperativeHandle } from 'react'\n\nimport {\n useReactTable,\n getCoreRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n flexRender\n} from '@tanstack/react-table'\nimport classNames from 'classnames'\nimport { toJS } from 'mobx'\nimport { observer } from 'mobx-react'\n\nimport sortArrowAsc from '../images/sort-arrow-asc.png'\nimport sortArrowDesc from '../images/sort-arrow-desc.png'\nimport { t } from '../utils/i18n'\nimport TableFooter from './elements/TableFooter'\n\nconst ColumnHeader = ({ header }) => {\n const columnDefinition = header.column.columnDef\n const Header = columnDefinition.header ? flexRender(columnDefinition.header, header.getContext()) : ''\n\n if (columnDefinition.sortable === false) return Header\n\n if (columnDefinition.customHeader) return Header()\n\n let showArrowDesc = true\n let showArrowAsc = true\n\n const sortedBy = header.column.getIsSorted()\n\n if (sortedBy) {\n if (sortedBy === 'desc') showArrowDesc = false\n else showArrowAsc = false\n }\n\n return (\n <>\n {Header}\n \n {showArrowDesc &&
}\n {showArrowAsc &&
}\n
\n {headerGroups.map(headerGroup => (\n
\n {headerGroup.headers.map(header => {\n const columnId = header.id || header.accessorKey\n\n const headerClass = `${columnId}-header`\n\n const resizable = header.column.getCanResize()\n return (\n
\n {}}\n className={classNames({ 'rt-header-content': true, 'rt-resizable-header-content': resizable })}\n >\n \n
\n \n {resizable && (\n
e.stopPropagation()\n }}\n className='resizer'\n />\n )}\n \n {!rows.length ? (\n
\n
\n {t('components.active_table.no_data_text')} \n
\n
\n ) : (\n rows.map((row, i) =>
)\n )}\n
\n {row.subRows?.map((row, i) => (\n
\n ))}\n
\n
\n {isLoading && onLoadMore(row)} disabled={isLoading}>\n {t('components.active_table.load_more_link_title', { count: scrollPage.rowsLeftCount })}\n \n
\n
\n {flexRender(cell.column.columnDef.cell, cell.getContext()) || ''}\n \n )\n}\n\nconst TableRow = ({ row, getTrProps, getTrClassName, getTdProps, subRowDepth = 0, ...others }) =>\n (subRowDepth || !row.depth) && (\n <>\n \n {row.getVisibleCells().map(cell => (\n \n
\n\n
\n\n {loading && (\n
\n )}\n
\n \n )\n }\n}\n\nexport default observer(CompaniesFilter)\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../FilterComponents'\n\nclass EmployeesFilter extends React.Component {\n hiddenFilters = () => {\n const { store, companies_options, state_options, show_state_column } = this.props\n return (\n \n \n )\n }\n\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(EmployeesFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit } from '../elements/actionDefinitions'\n\nclass ReportCompaniesTable extends React.Component {\n actions = {\n row: [edit(this.props.pathPrefix, 'v2.companies.edit.title')]\n }\n render() {\n return (\n {value} \n }\n }\n },\n {\n header: t('activerecord.attributes.company.registration_number'),\n accessorKey: 'registration_number',\n cell: ({\n getValue,\n row: {\n original: { id, is_foreign }\n }\n }) => (\n \n
\n )\n }\n}\n\nexport default ReportCompaniesTableContainer\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit } from '../elements/actionDefinitions'\n\nclass ReportEmployeesTable extends React.Component {\n actions = {\n row: [edit(this.props.pathPrefix, 'v2.employees.edit.title')]\n }\n\n render() {\n return (\n {getValue()} \n },\n {\n header: t('activerecord.attributes.employee.consumed_time_in_period'),\n accessorKey: 'consumed_time_in_period'\n },\n this.props.show_state_column && {\n header: t('activerecord.attributes.report_version.state'),\n accessorKey: 'state',\n cell: ({ getValue, row: { original } }) => (\n \n
\n )\n }\n}\n\nexport default ReportEmployeesTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField } from '../FilterComponents'\n\nclass CheckLogsFilter extends React.Component {\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(CheckLogsFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport NfcCheckLogsTable, { formikForm } from '../NfcCheckLogs/NfcCheckLogsTable'\nimport { editFormik } from '../elements/actionDefinitions'\n\nclass ReportNfcCheckLogsTable extends NfcCheckLogsTable {\n actions = {\n row: [editFormik({ pathPrefix: this.pathPrefix, title: 'v2.nfc_check_logs.edit.title', formikForm })]\n }\n\n formParams = {\n nfc_check_log: { construction_object_id: this.props.construction_object_id }\n }\n\n renderTable() {\n return (\n \n {getValue()} \n \n )\n },\n {\n header: t('activerecord.attributes.nfc_check_log.registration_time'),\n accessorKey: 'check_log_date_properties',\n cell: ({ getValue, row: { original } }) => \n
\n )\n }\n}\n\nexport default ReportNfcCheckLogsTableContainer\n","import React from 'react'\n\nimport Select from 'react-select'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport { REACT_SELECT_PROPS } from '../Select'\n\nclass ReportVersionSwitch extends React.Component {\n onVersionChange = option => window.location.assign(url(window.location.pathname, { report_version_id: option.value }))\n\n render() {\n const { version_options, default_option } = this.props\n\n return (\n \n
\n )\n }\n}\n\nexport default ReportVersionSwitch\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../FilterComponents'\nimport MonthDatePicker from '../MonthDatepicker'\n\nclass ReportsFilter extends React.Component {\n hiddenFilters = () => {\n const { store, construction_objects_options, state_options, token_options } = this.props\n\n return (\n \n \n )\n }\n\n render() {\n const { store, ...others } = this.props\n return (\n \n \n
\n \n )\n }\n}\n\nexport default observer(ReportsFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit, destroy } from '../elements/actionDefinitions'\n\nclass ReportsTable extends React.Component {\n pathPrefix = 'v2/reports'\n\n actions = {\n row: [edit(this.pathPrefix, 'v2.reports.edit.title'), destroy(this.pathPrefix)]\n }\n\n render() {\n return (\n (\n \n
\n )\n }\n}\n\nexport default ReportsTableContainer\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport Tooltip from '../Tooltip'\n\nconst StateCell = ({ state, type, ...others }) => {\n if (!state) return null\n const icon = state === 'with_error' ? 'times-circle-o' : 'check-circle-o'\n const color = state === 'with_error' ? 'danger' : 'success'\n\n return \n \n {t(`activerecord.attributes.report_version_${type}.${state}`)}\n \n\n {edited && (\n <>\n \n {t(`activerecord.attributes.report_version_${type}.edited`)}\n \n \n )}\n
\n )\n}\n\nexport default StateCell\n","import React from 'react'\n\nimport axios from 'axios'\nimport { useFormik, FormikProvider, Form } from 'formik'\nimport ReactDOM from 'react-dom'\n\nimport useUnsavedChangesConfirmation from '../../../hooks/useUnsavedChangesConfirmation'\nimport { getApiErrorMessage, showErrorModal } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport yup from '../../../utils/yup'\nimport { SwitchField, MultiselectField, SelectField, DateTimeField } from '../../Forms/Fields'\nimport { dateFormatter, selectFormatter, multiselectFormatter } from '../../Forms/Formatters'\nimport { formatValuesForSubmit } from '../../Forms/Formatters/submit'\nimport Icon from '../../Icon'\nimport Modal from '../../Modal'\n\nconst initialValues = {\n keep_open: false,\n employee_ids: [],\n absence_type_id: null,\n date_from: new Date(),\n date_to: null\n}\nconst validationSchema = yup.object({\n employee_ids: yup.array().min(1),\n absence_type_id: yup.object().nullable().required(),\n date_from: yup.date().nullable().required(),\n date_to: yup.date().nullable().required()\n})\n\nconst valueFormats = {\n date_from: dateFormatter,\n date_to: dateFormatter,\n absence_type_id: selectFormatter,\n employee_ids: multiselectFormatter\n}\n\nconst absenceTypesAdminUrl = url('v2/settings/classifiers/absence_types')\n\nconst CreateModal = ({ policies, onClose, addAbsences }) => {\n const handleSubmit = (values, { setSubmitting, resetForm }) => {\n axios({\n method: 'POST',\n url: url('v2/absences/bulk_create'),\n data: {\n absence: formatValuesForSubmit(values, valueFormats)\n }\n })\n .then(({ data: { absences } }) => {\n addAbsences(absences)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setSubmitting(false)\n if (values.keep_open) {\n resetForm({\n values: { ...initialValues, keep_open: true }\n })\n } else {\n onClose()\n }\n })\n }\n\n const formik = useFormik({\n validationSchema: validationSchema,\n onSubmit: handleSubmit,\n initialValues: initialValues\n })\n\n const { dirty, isSubmitting, values } = formik\n\n const handleModalClose = useUnsavedChangesConfirmation({ dirty, onClose })\n\n return ReactDOM.createPortal(\n \n \n \n \n ,\n document.querySelector('.modal-container')\n )\n}\n\nexport default CreateModal\n","import React, { useState, useCallback, useEffect } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport { getApiErrorMessage, showErrorModal, showConfirmation } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport yup from '../../../utils/yup'\nimport DateField from '../../Forms/HookFields/DateField'\nimport SelectField from '../../Forms/HookFields/SelectField'\nimport Icon from '../../Icon'\nimport MiniModal, { calculateMiniModalPosition } from '../../Scheduler/MiniModal'\nimport { useAbsenceContext } from '../contexts/AbsenceContext'\nimport useAbsencePositionStyle from './useAbsencePositionStyle'\n\nconst MINI_MODAL_MAX_WIDTH = 410\n\nconst isValidDate = yup.string().required().humanDate()\n\nconst validationSchema = yup.object({\n date_from: isValidDate,\n date_to: isValidDate\n})\n\nconst absenceTypesAdminUrl = url('v2/settings/classifiers/absence_types')\n\nconst Edit = ({ absence, policies, dayWidth, day, absenceRef }) => {\n const [isOpen, setIsOpen] = useState(false)\n\n return (\n <>\n {\n setIsOpen(true)\n }}\n />\n {isOpen && (\n
}\n \n \n \n \n \n \n )\n}\n\nexport default Edit\n","import dayjs from 'dayjs'\nimport { uniq } from 'lodash'\n\nconst groupOverlappingAbsences = absences =>\n absences.reduce((acc, { date_from, date_to }) => {\n const currentAbsence = acc[acc.length - 1]\n\n // expects absences to be already sorted by date_from\n if (!currentAbsence || date_from > currentAbsence.date_to) {\n acc.push({ date_from, date_to })\n } else if (date_to > currentAbsence.date_to) {\n currentAbsence.date_to = date_to\n }\n\n return acc\n }, [])\n\nexport const makeAbsenceMap = (absences, month) =>\n absences.reduce((acc, absence) => {\n const startDate = !absence.date_from.startsWith(month) ? `${month}-01` : absence.date_from\n acc[startDate] = absence\n\n return acc\n }, {})\n\nexport const mergeAbsences = (absences, month) => {\n if (!absences.length) {\n return {}\n }\n\n const mergedAbsences = groupOverlappingAbsences(absences)\n\n return makeAbsenceMap(mergedAbsences, month)\n}\n\nexport const getAbsenceDates = (absences = []) => {\n const dateList = []\n\n absences.map(a => {\n let currDate = dayjs(a.date_from)\n const dateTo = dayjs(a.date_to)\n\n while (currDate.diff(dateTo) <= 0) {\n dateList.push(currDate.format('YYYY-MM-DD'))\n currDate = currDate.add(1, 'day')\n }\n })\n\n return uniq(dateList)\n}\n","import React, { memo, useState, useMemo, useRef } from 'react'\n\nimport dayjs from 'dayjs'\nimport isToday from 'dayjs/plugin/isToday'\nimport { VariableSizeList as List, areEqual } from 'react-window'\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar/dist/simplebar.min.css'\n\nimport { t } from '../../../utils/i18n'\nimport Avatar from '../../Avatar'\nimport Icon from '../../Icon'\nimport { useAbsenceContext } from '../contexts/AbsenceContext'\nimport { useExceptionDaysContext } from '../contexts/ExceptionDaysContext'\nimport { useMonthContext } from '../contexts/MonthContext'\nimport CreateModal from './CreateModal'\nimport Edit from './Edit'\nimport { mergeAbsences, makeAbsenceMap } from './helpers'\nimport useAbsencePositionStyle from './useAbsencePositionStyle'\n\nconst EMPLOYEE_ROW_HEIGHT = 41\nconst EMPLOYEE_ROW_COUNT = 12\nconst MAX_EMPLOYEE_LIST_HEIGHT = EMPLOYEE_ROW_COUNT * EMPLOYEE_ROW_HEIGHT + EMPLOYEE_ROW_HEIGHT / 2\n\ndayjs.extend(isToday)\n\nexport const AbsenceBar = ({ absence, date, policies }) => {\n const absenceRef = useRef()\n const { absence_type, date_from, date_to, id } = absence\n\n const style = useAbsencePositionStyle({ day: date, dateFrom: date_from, dateTo: date_to, absenceType: absence_type })\n\n return (\n \n {absence_type?.abbreviation}\n {id && policies?.absences.update && (\n
\n )\n}\n\nconst AbsenceDay = ({ metadata, absenceMap, policies, ...others }) => {\n const { dateIso, saturday, today, date } = metadata\n const absence = absenceMap[dateIso]\n const { isHoliday } = useExceptionDaysContext()\n\n return (\n \n {isHoliday(dateIso) &&
}\n {saturday &&
}\n {absence &&
}\n {today &&
}\n
\n
\n
\n
{first_and_last_name}
\n
\n {position &&
{position}
}\n
\n
\n
\n
\n
\n {datesMetadata.map((metadata, i) => (\n
\n ))}\n
\n
\n {({ scrollableNodeRef, contentNodeRef }) => (\n EMPLOYEE_ROW_HEIGHT}\n className='list-container'\n outerRef={scrollableNodeRef}\n innerRef={contentNodeRef}\n overscanCount={EMPLOYEE_ROW_COUNT}\n >\n {renderEmployeeRow}\n \n )}\n \n )\n}\n\nconst Absences = ({ datesMetadata, policies }) => {\n const [open, setOpen] = useState(false)\n const [createModalOpen, setCreateModalOpen] = useState(false)\n const { month } = useMonthContext()\n const { absences, loading, addAbsences } = useAbsenceContext()\n\n const absenceMap = mergeAbsences(absences, month)\n\n return (\n \n
\n
setOpen(!open)}>\n
{t('v2.absences.title')}
\n
\n
\n
\n
\n {datesMetadata.map((metadata, i) => (\n
\n ))}\n
\n
\n {open && (\n <>\n
\n\n {policies?.absences.create && (\n
\n setCreateModalOpen(true)}\n title={t('v2.absences.add_new')}\n >\n
\n )}\n \n )}\n {createModalOpen && (\n
setCreateModalOpen(false)}\n />\n )}\n \n {items.length > 0 ? (\n <>\n \n +{items.length}\n \n \n \n {items.map((item, index) => (\n {item} \n ))}\n
\n \n \n ) : null}\n \n)\n","import React from 'react'\n\nimport Icon from '../Icon'\n\nconst DayErrors = ({ errors }) => (\n \n
\n {errors.map((error, idx) => (\n
{error}
\n ))}\n
\n \n \n {formatTime(start_datetime)} - {formatTime(end_datetime)}\n
\n \n {formatDuration(planned_duration)}\n
\n \n {formatDuration(work_time_duration)}\n
\n \n )\n}\n\nexport default ShiftRow\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport ShiftRow from './ShiftRow'\n\nconst Shifts = ({ shifts }) => (\n \n
\n
{t('activerecord.attributes.shift.registrations.employee')}
\n
Darba laiks
\n
Plānotais laiks
\n
\n {t('activerecord.attributes.shift.registrations.hours')}\n
\n
\n {shifts.map((shift, i) => (\n
\n ))}\n
setShowForm(opn => !opn)}\n shift={shift}\n schedule={schedule}\n metadata={metadata}\n >\n {t(`v2.shift_days.form.title_edit`)}\n \n \n )}\n {(showForm || forceFormOpen) && \n
\n
\n
\n
{first_name_last_name}
\n
\n
\n {consumed_shift_work_time_duration} / {planned_shift_work_time_duration} h\n
\n {position &&
{position}
}\n
\n
\n
\n
\n
\n
\n \n {({ scrollableNodeRef, contentNodeRef }) => (\n \n {renderEmployeeItem}\n \n )}\n \n
\n )\n}\n\nexport default EmployeesList\n","import { formatDuration } from '../../../../utils/schedulerDuration'\nimport { stringFormatter, timeIntervalFormatter, timeFormatter } from '../../../Forms/Formatters'\nimport { formatValuesForSubmit } from '../../../Forms/Formatters/submit'\nimport Yup from '../../../Forms/common/yup'\nimport { breakTimeSchema } from '../../utils/yupSchemas'\n\nexport const validationSchema = Yup.object().shape({\n start_time: Yup.string().required(),\n end_time: Yup.string().required(),\n break_time: breakTimeSchema\n})\n\nexport const scheduleToForm = schedule => ({\n start_time: formatDuration(schedule.start_time),\n end_time: formatDuration(schedule.end_time),\n break_time: formatDuration(schedule.break_time)\n})\n\nexport const formToData = values =>\n formatValuesForSubmit(values, {\n start_time: timeFormatter,\n end_time: timeFormatter,\n break_time: timeIntervalFormatter,\n comment: stringFormatter\n })\n","import React, { useCallback } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport { showConfirmation } from '../../../../utils/confirmations'\nimport { t } from '../../../../utils/i18n'\nimport { url } from '../../../../utils/urlGenerator'\nimport { TextField } from '../../../Forms/HookFields'\nimport { handleHookFormError } from '../../../Forms/utils/formErrors'\nimport ModalFormButtons from '../../common/ModalFormButtons'\nimport { useSchedulesContext } from '../../contexts/SchedulesContext'\nimport TimeFields from '../TimeFields'\nimport { validationSchema, scheduleToForm, formToData } from './helpers'\n\nconst DayForm = ({ schedule, metadata, closeModal }) => {\n const { refreshSchedule } = useSchedulesContext()\n\n const formData = scheduleToForm(schedule)\n\n const formContext = useForm({\n resolver: yupResolver(validationSchema),\n defaultValues: formData,\n mode: 'onSubmit'\n })\n\n const {\n control,\n handleSubmit,\n formState: { isSubmitting },\n setValue,\n setError,\n getFieldState,\n register\n } = formContext\n\n const month = metadata.dateIso.slice(0, -3)\n\n const sendRequest = useCallback(\n async (values, status) => {\n return axios({\n method: 'put',\n url: url('v2/schedules/shifts/bulk_upsert'),\n data: {\n month,\n shift_units_attributes: {\n ...formToData(values),\n status,\n units: [\n {\n date: metadata.dateIso,\n schedule_id: schedule.id\n }\n ]\n }\n }\n })\n .then(response => {\n closeModal()\n const updatedSchedule = response.data.rows[0]\n refreshSchedule(updatedSchedule)\n })\n .catch(error => {\n handleHookFormError({ error, setError })\n })\n },\n [refreshSchedule, setError, month, closeModal, schedule.id, metadata.dateIso]\n )\n\n const confirmDayDelete = () => {\n showConfirmation({\n isOpen: true,\n closeOnConfirm: true,\n onConfirm: () => sendRequest({}, 'deleted'),\n text: t('confirm_destroy'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n })\n }\n\n return (\n \n \n \n )\n}\n\nexport default DayForm\n","import variables from '../../../../../assets/stylesheets/shift-colors'\nimport { formatDuration } from '../../../../utils/schedulerDuration'\nimport {\n multiselectFormatter,\n selectFormatter,\n stringFormatter,\n timeIntervalFormatter,\n arrayFormatter,\n booleanFormatter\n} from '../../../Forms/Formatters'\nimport Yup from '../../../Forms/common/yup'\nimport { formattedTotalTime } from '../../utils/handleTotalTime'\nimport { breakTimeSchema } from '../../utils/yupSchemas'\n\nexport const colors = variables.colors.split(',')\n\nconst randomColor = () => colors[Math.floor(Math.random() * colors.length)]\n\nexport const roundMinsToFive = val => val.replace(/^(\\d\\d:\\d)([1234])$/, '$10').replace(/^(\\d\\d:\\d)([6789])$/, '$15')\n\nexport const validationSchema = Yup.object().shape({\n color: Yup.string(),\n name: Yup.string().required(),\n start_time: Yup.string().nullable().bothTimes('end_time'),\n end_time: Yup.string().nullable().bothTimes('start_time'),\n construction_object_id: Yup.object().nullable().required(),\n employee_ids: Yup.array(Yup.object()).nullable(),\n company_ids: Yup.array(Yup.object()).nullable(),\n start_time_tolerance_before: Yup.string().nullable(),\n start_time_tolerance_after: Yup.string().nullable(),\n end_time_tolerance_before: Yup.string().nullable(),\n end_time_tolerance_after: Yup.string().nullable(),\n responsible_ids: Yup.array(Yup.object()).nullable(),\n regularity: Yup.array(Yup.number()).nullable(),\n break_time: breakTimeSchema,\n sync_all_construction_objects: Yup.boolean(),\n sync_new_employees: Yup.boolean(),\n force_update: Yup.boolean()\n})\n\nexport const dataToForm = (data, formOptions) => {\n const startTime = formatDuration(data.start_time)\n const endTime = formatDuration(data.end_time)\n const breakTime = formatDuration(data.break_time)\n const startTimeToleranceBefore = formatDuration(data.start_time_tolerance_before)\n const startTimeToleranceAfter = formatDuration(data.start_time_tolerance_after)\n const endTimeToleranceBefore = formatDuration(data.end_time_tolerance_before)\n const endTimeToleranceAfter = formatDuration(data.end_time_tolerance_after)\n\n return {\n color: data.color || randomColor(),\n name: data.name || '',\n start_time: startTime,\n end_time: endTime,\n total_time: formattedTotalTime(startTime, endTime, breakTime),\n construction_object_id:\n formOptions.object_options?.find(({ value }) => data.construction_object_id === value) || null,\n employee_ids: data.employee_options || [],\n company_ids: [],\n start_time_tolerance_before: startTimeToleranceBefore || '',\n start_time_tolerance_after: startTimeToleranceAfter || '',\n end_time_tolerance_before: endTimeToleranceBefore || '',\n end_time_tolerance_after: endTimeToleranceAfter || '',\n regularity: (data.regularity || [1, 2, 3, 4, 5]).map(String),\n responsible_user_ids: data.responsible_options || [],\n break_time: breakTime,\n sync_new_employees: data.sync_new_employees\n }\n}\n\nexport const valueFormats = {\n color: stringFormatter,\n name: stringFormatter,\n start_time: timeIntervalFormatter,\n end_time: timeIntervalFormatter,\n construction_object_id: selectFormatter,\n employee_ids: multiselectFormatter,\n company_ids: multiselectFormatter,\n start_time_tolerance_before: timeIntervalFormatter,\n start_time_tolerance_after: timeIntervalFormatter,\n end_time_tolerance_before: timeIntervalFormatter,\n end_time_tolerance_after: timeIntervalFormatter,\n regularity: arrayFormatter,\n responsible_user_ids: multiselectFormatter,\n break_time: timeIntervalFormatter,\n force_update: booleanFormatter,\n sync_new_employees: booleanFormatter\n}\n","import React, { useCallback, useEffect, useState, useMemo } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport ReactDOM from 'react-dom'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport useTranslate from '../../../../hooks/useTranslate'\nimport useUnsavedChangesConfirmation from '../../../../hooks/useUnsavedChangesConfirmation'\nimport { showConfirmation, getApiErrorMessage, showErrorModal } from '../../../../utils/confirmations'\nimport { url } from '../../../../utils/urlGenerator'\nimport { formatValuesForSubmit } from '../../../Forms/Formatters/submit'\nimport {\n ColorPickerField,\n MultiselectField,\n RegularityOptions,\n SelectField,\n TextField,\n TimeField,\n SwitchField\n} from '../../../Forms/HookFields'\nimport { handleHookFormError } from '../../../Forms/utils/formErrors'\nimport Modal from '../../../Modal'\nimport { IconWithTooltip } from '../../../Tooltip'\nimport ModalFormButtons from '../../common/ModalFormButtons'\nimport { useSchedulesContext } from '../../contexts/SchedulesContext'\nimport useSchedule from '../../hooks/useSchedule'\nimport TimeFields from '../TimeFields'\nimport { validationSchema, dataToForm, colors, valueFormats, roundMinsToFive } from './helpers'\n\nconst ModalFormHeader = ({ title, children }) => (\n \n
{title}
\n {children}\n
\n \n \n ,\n document.querySelector('.modal-container')\n )\n}\n\nexport default ScheduleForm\n","import * as Yup from 'yup'\n\nimport { formatTime } from '../../../../utils/formatTime'\nimport { t } from '../../../../utils/i18n'\nimport { formatDuration } from '../../../../utils/schedulerDuration'\nimport { selectFormatter, stringFormatter, timeIntervalFormatter, timeFormatter } from '../../../Forms/Formatters'\n\nexport const valueFormats = {\n date: stringFormatter,\n start_time: timeFormatter,\n end_time: timeFormatter,\n break_time: timeIntervalFormatter,\n switchable_schedule_id: selectFormatter,\n comment: stringFormatter\n}\n\nexport const validationSchema = Yup.object().shape({\n start_time: Yup.string().required(t('v2.shifts.index.form.errors.required')),\n end_time: Yup.string().required(t('v2.shifts.index.form.errors.required')),\n switchable_schedule_id: Yup.object().nullable(),\n break_time: Yup.string()\n})\n\nexport const dataToForm = ({ shift, schedule, date }) => ({\n date,\n start_time: shift ? formatTime(shift.start_datetime) : formatDuration(schedule.start_time),\n end_time: shift ? formatTime(shift.end_datetime) : formatDuration(schedule.end_time),\n break_time: shift ? formatDuration(shift?.break_time) : formatDuration(schedule.break_time),\n switchable_schedule_id: null,\n comment: ''\n})\n","import React, { useState, useEffect } from 'react'\n\nimport axios from 'axios'\nimport { FormProvider } from 'react-hook-form'\n\nimport { showConfirmation } from '../../../../utils/confirmations'\nimport { t } from '../../../../utils/i18n'\nimport { url } from '../../../../utils/urlGenerator'\nimport { TextField, SelectField } from '../../../Forms/HookFields'\nimport ModalFormButtons from '../../common/ModalFormButtons'\nimport TimeFields from '../TimeFields'\nimport useShiftForm from './useShiftForm'\n\nconst ShiftForm = ({ shift, closeModal, schedule, metadata, employee }) => {\n const [switachbleSchedules, setSwitacbleSchedules] = useState([])\n\n const { future } = metadata\n const showSwitchableScheduleInput = future && shift\n\n const { form, sendRequest, formData } = useShiftForm({\n shift,\n employee,\n schedule,\n metadata,\n closeModal\n })\n\n useEffect(() => {\n if (showSwitchableScheduleInput) {\n const fetchSchedules = async () => {\n const { data } = await axios.get(\n url('v2/schedules/autocomplete', {\n schedule_id: schedule.id,\n employee_id: employee.id\n })\n )\n\n setSwitacbleSchedules(data)\n }\n\n fetchSchedules()\n }\n }, [employee.id, schedule.id, showSwitchableScheduleInput])\n\n const confirmShiftDelete = () => {\n showConfirmation({\n isOpen: true,\n closeOnConfirm: true,\n onConfirm: () => sendRequest(formData, 'deleted'),\n text: t('confirm_destroy'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n })\n }\n\n const {\n control,\n handleSubmit,\n formState: { isSubmitting },\n setValue,\n getFieldState,\n register\n } = form\n\n return (\n \n \n \n )\n}\n\nexport default ShiftForm\n","import { useMemo, useCallback } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport { useForm } from 'react-hook-form'\nimport Turbolinks from 'turbolinks'\n\nimport { getApiErrorMessage, showErrorModal } from '../../../../utils/confirmations'\nimport { url } from '../../../../utils/urlGenerator'\nimport { formatValuesForSubmit } from '../../../Forms/Formatters/submit'\nimport { useSchedulesContext } from '../../contexts/SchedulesContext'\nimport { valueFormats, validationSchema, dataToForm } from './helpers'\n\nconst useShiftForm = ({ shift, schedule, metadata, closeModal, employee }) => {\n const { manageMultipleSchedules } = useSchedulesContext()\n\n const { dateIso: date, month } = metadata\n\n const sendRequest = useCallback(\n (values, status) => {\n const subjectUrl = url(`v2/schedules/shifts`, shift?.id)\n\n axios({\n method: shift ? 'put' : 'post',\n url: subjectUrl,\n data: {\n month,\n shift: {\n ...formatValuesForSubmit(values, valueFormats),\n status,\n date,\n employee_id: employee.id,\n schedule_id: schedule.id\n }\n }\n })\n .then(({ data }) => {\n closeModal()\n manageMultipleSchedules(data.rows)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n },\n [employee.id, schedule.id, closeModal, shift, manageMultipleSchedules, month, date]\n )\n\n const formData = useMemo(() => dataToForm({ shift, schedule, date }), [shift, schedule, date])\n\n const form = useForm({\n resolver: yupResolver(validationSchema),\n defaultValues: formData,\n mode: 'onSubmit'\n })\n\n return { form, sendRequest, formData }\n}\n\nexport default useShiftForm\n","import React from 'react'\n\nimport { useWatch } from 'react-hook-form'\n\nimport useTranslate from '../../../hooks/useTranslate'\nimport { TimeField } from '../../Forms/HookFields'\nimport { formattedTotalTime } from '../utils/handleTotalTime'\n\nconst TimeFields = ({ control, initialValues }) => {\n const t = useTranslate('Scheduler.Forms.TimeFields')\n\n const startTime = useWatch({\n control,\n name: 'start_time',\n defaultValue: initialValues.start_time\n })\n const endTime = useWatch({\n control,\n name: 'end_time',\n defaultValue: initialValues.end_time\n })\n const breakTime = useWatch({\n control,\n name: 'break_time',\n defaultValue: initialValues.break_time\n })\n\n const totalTime = formattedTotalTime(startTime, endTime, breakTime)\n\n return (\n \n
\n
\n
\n\n
\n
\n
\n
{t('.total_time')} \n
\n
\n
\n
\n
\n \n)\n\nconst CompaniesListItem = ({ className, title, checked, disabled, onChange }) => (\n \n {title} \n
\n)\n\nexport default ({ className, chosenCompaniesIds, setChosenCompaniesIds, outsideClickHandler }) => {\n const { companies, isLoading } = useScheduleCompanies()\n const companiesSelectorRef = useRef(null)\n\n useHandleOutsideClick({ ref: companiesSelectorRef, onOutsideClick: outsideClickHandler })\n\n const toggle = id => {\n let newIds = isChosen(id) ? removeCompany(id) : addCompany(id)\n\n if (companies.every(company => newIds.includes(company.id))) {\n newIds = []\n }\n\n setChosenCompaniesIds(newIds)\n }\n\n const isChosen = id => chosenCompaniesIds.includes(id)\n\n const addCompany = id => [...chosenCompaniesIds, id]\n\n const removeCompany = id => chosenCompaniesIds.filter(chosenId => chosenId !== id)\n\n return (\n \n setChosenCompaniesIds([])}\n />\n\n {!isLoading && companies.length > 0 && (\n <>\n toggle(company.id)}\n />\n ))}\n \n )}\n
\n )\n}\n","import React from 'react'\n\nimport styles from './ToggleCompaniesListButton.module.css'\n\nexport default ({ onClick, isActive }) => (\n \n
}\n \n)\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport ReactDOM from 'react-dom'\nimport Draggable from 'react-draggable'\n\nimport useHandleOutsideClick from '../../hooks/useHandleOutsideClick'\nimport useUnsavedChangesConfirmation from '../../hooks/useUnsavedChangesConfirmation'\nimport { t } from '../../utils/i18n'\nimport Icon from '../Icon'\n\nconst PADDING = 10\n\nexport const calculateMiniModalPosition = (ref, maxWidth) => {\n const { x, y } = ref.current.getBoundingClientRect()\n const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop\n\n const calculatedX = window.innerWidth < x + maxWidth ? window.innerWidth - maxWidth - PADDING : x\n\n return {\n x: calculatedX,\n y: y - 82 + scrollHeight\n }\n}\n\nconst MiniModal = ({\n position,\n onClose,\n dirty,\n handleSubmit,\n onDeleteClick,\n children,\n buttons,\n multiple,\n className = ''\n}) => {\n const [bounds, setBounds] = useState(null)\n const [initialNodeBox, setInitialNodeBox] = useState(null)\n const miniModalRef = useRef(null)\n\n const handleClose = useUnsavedChangesConfirmation({ dirty, onClose })\n\n const handleClickOutside = event => {\n const ctrlPressed = event.getModifierState('Control') || event.getModifierState('Meta') // Ctrl || Cmd\n\n if (!ctrlPressed || !multiple) {\n handleClose()\n }\n }\n\n useHandleOutsideClick({ ref: miniModalRef, onOutsideClick: handleClickOutside, onEsc: handleClose })\n\n const handleEnter = useCallback(\n ({ key }) => {\n if (key === 'Enter') handleSubmit()\n },\n [handleSubmit]\n )\n\n useEffect(() => {\n window.addEventListener('keydown', handleEnter)\n return () => {\n window.removeEventListener('keydown', handleEnter)\n }\n }, [handleEnter])\n\n const handleStart = useCallback(\n (_e, data) => {\n if (!data) return\n\n const boundingBox = document.querySelector('main').getBoundingClientRect()\n\n if (!bounds) {\n const nodeBox = data.node.getBoundingClientRect()\n\n setInitialNodeBox(nodeBox)\n\n setBounds({\n left: boundingBox.left - nodeBox.left,\n right: boundingBox.right - nodeBox.right,\n top: boundingBox.top - nodeBox.top,\n bottom: boundingBox.bottom - nodeBox.bottom\n })\n } else {\n setBounds({\n ...bounds,\n bottom: boundingBox.height - initialNodeBox.bottom\n })\n }\n },\n [bounds, initialNodeBox, setInitialNodeBox, setBounds]\n )\n\n return ReactDOM.createPortal(\n \n \n
\n
\n \n\n
\n {children}\n
\n \n \n {buttons}\n
\n
\n
{t('v2.shift_units.form.save_info')}
\n
\n
,\n document.querySelector('.modal-container')\n )\n}\n\nexport default MiniModal\n","import React, { useState, useEffect, useMemo } from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport useTranslate from '../../hooks/useTranslate'\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport Switch from '../Forms/Fields/Switch'\nimport Modal from '../Modal'\nimport { addOrRemoveSelectedItem, OptionList } from '../Options'\nimport { useSchedulesContext } from './contexts/SchedulesContext'\n\nconst renderLabel = schedule => (\n \n
\n
\n {t('components.Scheduler.PdfExportModal.employee_count', { count: schedule.employeeCount })}\n \n
\n \n {t('.divide_schedule')} \n setDivide(!divide)} />\n
\n\n \n addOrRemoveSelectedItem({ selectedItem, selectedItems: selectedSchedules, onChange: setSelectedSchedules })\n }\n />\n \n
\n
\n {t('export')}\n \n \n {t('cancel')}\n \n \n
\n \n \n \n \n \n )\n}\n\nexport default SchedulerContainer\n","import React, { useState } from 'react'\n\nimport classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport isToday from 'dayjs/plugin/isToday'\nimport localeData from 'dayjs/plugin/localeData'\n\nimport { t } from '../../utils/i18n'\nimport Icon from '../Icon'\nimport CompaniesSelector from './ListHeader/CompaniesSelector'\nimport ToggleCompaniesListButton from './ListHeader/ToggleCompaniesListButton'\nimport { useExceptionDaysContext } from './contexts/ExceptionDaysContext'\n\ndayjs.extend(localeData)\ndayjs.extend(isToday)\n\nconst DateColumn = ({ metadata, weekDayNames }) => {\n const { date, today, saturday, sunday, dateIso } = metadata\n const { isHoliday } = useExceptionDaysContext()\n\n return (\n \n
\n {weekDayNames[date.day()]}
\n {date.get('date')}\n \n
\n
\n setSearchTerm('')} />}\n
\n
0} />\n \n
\n {datesMetadata.map((metadata, index) => (\n
\n {isListVisible && (\n
toggleList(false)}\n />\n )}\n \n
{\n e.nativeEvent.stopImmediatePropagation()\n setOpen(!open)\n }}\n >\n \n
{year}
\n
{monthName}
\n
\n
\n \n {open && \n \n
\n
\n {\n e.nativeEvent.stopImmediatePropagation()\n goToPrevMonth()\n }}\n type='left'\n />\n {\n e.nativeEvent.stopImmediatePropagation()\n goToNextMonth()\n }}\n type='right'\n />\n
\n
\n
\n
\n
\n\n
\n
\n
\n \n \n setPdfModalOpen(true)} className='option'>\n \n \n }\n >\n setExportIntervalStart(dayjs(date).format('YYYY-MM-DD'))}\n onEndDateChange={date => setExportIntervalEnd(dayjs(date).format('YYYY-MM-DD'))}\n />\n \n \n {pdfModalOpen &&
}\n
\n}\n\nexport default SelectIndicator\n","import React, { useState, useCallback } from 'react'\n\nimport { useAbsenceContext } from './contexts/AbsenceContext'\nimport { unitSelectIndex, filterSelectableEmployeeDays, deselectByObject } from './shiftDayHelper'\n\nconst SelectedShiftItemsContext = React.createContext()\n\nconst SelectedShiftItemsProvider = ({ children }) => {\n const [selectedShiftItems, setSelectedShiftItems] = useState([])\n const [modalParams, setModalParams] = useState(null)\n const { absenceDatesWithEmployeeIds } = useAbsenceContext()\n\n const addSelectedShiftItem = useCallback(\n (item, reset) => {\n if (reset) {\n setSelectedShiftItems([item])\n } else {\n const unitIndex = unitSelectIndex(selectedShiftItems, item)\n\n if (unitIndex > -1) {\n setSelectedShiftItems(selectedShiftItems.filter((_, idx) => idx !== unitIndex))\n } else {\n setSelectedShiftItems([...selectedShiftItems, item])\n }\n }\n },\n [selectedShiftItems]\n )\n\n const selectShiftDay = useCallback(\n (schedule, date, reset) => {\n const employeesWithAbsence = absenceDatesWithEmployeeIds[date]\n const items = schedule.employee_ids.reduce((filtered, employee_id) => {\n if (!employeesWithAbsence || !employeesWithAbsence.includes(employee_id)) {\n filtered.push({ employee_id, date, schedule_id: schedule.id })\n }\n return filtered\n }, [])\n\n if (reset) {\n setSelectedShiftItems([...items])\n } else {\n const selectable = filterSelectableEmployeeDays(selectedShiftItems, items)\n if (selectable.length > 0) {\n setSelectedShiftItems([...selectedShiftItems, ...selectable])\n } else {\n setSelectedShiftItems(deselectByObject(selectedShiftItems, items))\n }\n }\n },\n [selectedShiftItems, absenceDatesWithEmployeeIds]\n )\n\n const clearShiftItems = useCallback(() => {\n setSelectedShiftItems([])\n }, [])\n\n const value = {\n selectedShiftItems,\n addSelectedShiftItem,\n clearShiftItems,\n selectShiftDay,\n setModalParams,\n modalParams\n }\n return {children} \n}\n\nconst useSelectedShiftItems = () => {\n const context = React.useContext(SelectedShiftItemsContext)\n if (context === undefined) {\n throw new Error('useSelectedShiftItems must be used within a SelectedShiftItemsProvider')\n }\n return context\n}\n\nexport { SelectedShiftItemsProvider, useSelectedShiftItems }\n","import React from 'react'\n\nimport dayjs from 'dayjs'\n\nimport { formatTime } from '../../../utils/formatTime'\nimport { useSchedulesContext } from '../contexts/SchedulesContext'\nimport styles from './ShiftBlock.module.scss'\n\nconst formatHours = time => dayjs(time).format('HH')\n\nconst BlockTime = ({ halfSizeBlock, startTime, endTime, workTime }) => {\n const { shiftFactualTime } = useSchedulesContext()\n\n if (!startTime || !endTime) return null\n\n const formatShiftTime = halfSizeBlock ? formatHours : formatTime\n\n if (shiftFactualTime) {\n return {workTime}
\n } else {\n return {`${formatShiftTime(startTime)} - ${formatShiftTime(endTime)}`}
\n }\n}\n\nexport default BlockTime\n","import styles from './ShiftBlock.module.scss'\n\nexport const getContainerStyle = (visibilityParams, updated) => {\n const {\n showBlock,\n yesterdayShift,\n tomorrowShift,\n showTomorrow,\n showYesterday,\n singleDay,\n singleDayTomorrow,\n singleDayYesterday,\n hasAbsenceTomorrow,\n hasAbsence\n } = visibilityParams\n\n const halfSizeBlock =\n (yesterdayShift && !singleDayYesterday && singleDay && !hasAbsence) || (!singleDay && hasAbsenceTomorrow)\n\n const roundedLeft =\n !yesterdayShift || (yesterdayShift && (!showYesterday || (showYesterday && singleDayYesterday && !singleDay)))\n const roundedRight =\n !tomorrowShift || (tomorrowShift && (!showTomorrow || (showTomorrow && !singleDayTomorrow && singleDay)))\n\n const containerClasses = {\n [styles.container]: true,\n [styles.hasShiftBlock]: showBlock,\n 'has-shift-block': showBlock,\n [styles.nightShift]: showBlock && !singleDay,\n [styles.roundedLeft]: roundedLeft,\n 'rounded-left': roundedLeft,\n [styles.roundedRight]: roundedRight,\n 'rounded-right': roundedRight,\n [styles.halfBlock]: halfSizeBlock,\n [styles.updated]: updated,\n [styles.hasAbsence]: hasAbsence\n }\n return { containerClasses, halfSizeBlock }\n}\n\nexport const getShiftVisibilityParams = (shifts, date, dateIso, absenceDates) => {\n const yesterdayDateIso = date.subtract(1, 'day').format('YYYY-MM-DD')\n const tomorrowDateIso = date.add(1, 'day').format('YYYY-MM-DD')\n\n const shift = shifts.find(shift => shift.date === dateIso)\n const yesterdayShift = shifts.find(shift => shift.date === yesterdayDateIso)\n const tomorrowShift = shifts.find(shift => shift.date === tomorrowDateIso)\n\n const hasAbsence = absenceDates.includes(dateIso)\n const hasAbsenceTomorrow = absenceDates.includes(tomorrowDateIso)\n const hasAbsenceYesterday = absenceDates.includes(yesterdayDateIso)\n\n const showBlock = shift?.show_block && (!hasAbsence || shift?.unscheduled)\n const showTomorrow = tomorrowShift?.show_block && !hasAbsenceTomorrow\n const showYesterday = yesterdayShift?.show_block && !hasAbsenceYesterday\n\n const singleDay = shift?.single_day_shift ?? true\n const singleDayTomorrow = tomorrowShift?.single_day_shift\n const singleDayYesterday = yesterdayShift?.single_day_shift\n\n return {\n shift,\n yesterdayDateIso,\n tomorrowDateIso,\n yesterdayShift,\n tomorrowShift,\n showBlock,\n showTomorrow,\n showYesterday,\n singleDay,\n singleDayTomorrow,\n singleDayYesterday,\n hasAbsenceTomorrow,\n hasAbsence\n }\n}\n","import React, { useRef, useMemo } from 'react'\n\nimport cx from 'classnames'\n\nimport { AbsenceBar } from '../Absences'\nimport SelectIndicator from '../SelectIndicator'\nimport { useSelectedShiftItems } from '../SelectedShiftItemsContext'\nimport BlockTime from './BlockTime'\nimport styles from './ShiftBlock.module.scss'\nimport { getContainerStyle, getShiftVisibilityParams } from './helpers'\n\nconst ShiftBlock = ({ schedule, metadata, shifts, employee, absenceMap = [], absenceDates = [] }) => {\n const dayRef = useRef()\n const { addSelectedShiftItem, clearShiftItems, setModalParams, selectShiftDay } = useSelectedShiftItems()\n const { today, past, dateIso, date } = metadata\n const absence = absenceMap[dateIso]\n\n const visibilityParams = getShiftVisibilityParams(shifts, date, dateIso, absenceDates)\n\n const { shift, showBlock, hasAbsence } = visibilityParams\n\n const creatable = employee ? showBlock || !hasAbsence : true\n const isEmployeeDay = !!employee\n\n const shiftItemParams = useMemo(\n () => ({\n date: dateIso,\n schedule_id: schedule.id,\n employee_id: employee?.id\n }),\n [dateIso, schedule.id, employee?.id]\n )\n\n const modalParams = useMemo(\n () => ({\n shift,\n employee,\n metadata,\n schedule,\n hasAbsence,\n isShiftDay: !isEmployeeDay\n }),\n [shift, employee, metadata, schedule, hasAbsence, isEmployeeDay]\n )\n\n const handleClick = event => {\n event.stopPropagation()\n if (!creatable || !schedule.can_manage) return\n\n const ctrlPressed = event.getModifierState('Control') || event.getModifierState('Meta') // Ctrl || Cmd\n\n if (past || today) {\n if (!ctrlPressed) {\n clearShiftItems()\n setModalParams(modalParams)\n }\n } else {\n isEmployeeDay\n ? addSelectedShiftItem(shiftItemParams, !ctrlPressed)\n : selectShiftDay(schedule, dateIso, !ctrlPressed)\n setModalParams({ ...modalParams, dayRef })\n }\n }\n\n const invalidCount = shift?.invalid_count\n const updated = !invalidCount && employee && shift?.updated\n const unscheduled = shift?.unscheduled\n\n const { containerClasses, halfSizeBlock } = getContainerStyle(visibilityParams, updated)\n\n return (\n \n {absence &&
}\n {showBlock && (\n
\n {!!invalidCount && !employee && (\n \n {invalidCount} \n
\n )}\n {employee && (\n
\n \n
\n {isHoliday(dateIso) &&
}\n {today &&
}\n {saturday &&
}\n
\n {datesMetadata.map((metadata, i) => (\n
\n)\n\nexport default ShiftDayList\n","import React, { useCallback, useEffect, useRef, forwardRef } from 'react'\n\nimport axios from 'axios'\nimport { FormikProvider, useFormik } from 'formik'\nimport * as Yup from 'yup'\n\nimport { getApiErrorMessage, showConfirmation, showErrorModal } from '../../utils/confirmations'\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport TimeField from '../Forms/Fields/TimeField'\nimport { timeFormatter } from '../Forms/Formatters'\nimport { formatValuesForSubmit } from '../Forms/Formatters/submit'\nimport Icon from '../Icon'\nimport MiniModal from './MiniModal'\nimport { useSelectedShiftItems } from './SelectedShiftItemsContext'\nimport { useMonthContext } from './contexts/MonthContext'\nimport { useSchedulesContext } from './contexts/SchedulesContext'\n\nconst TIME_REGEX = /^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/\n\nconst valueFormats = {\n start_time: timeFormatter,\n end_time: timeFormatter\n}\n\nconst validationSchema = Yup.object().shape({\n start_time: Yup.string()\n .required(t('v2.shifts.index.form.errors.required'))\n .matches(TIME_REGEX, t('v2.shifts.index.form.errors.incorrect_format')),\n end_time: Yup.string()\n .required(t('v2.shifts.index.form.errors.required'))\n .matches(TIME_REGEX, t('v2.shifts.index.form.errors.incorrect_format'))\n})\n\nconst Field = forwardRef(({ name, ...others }, ref) => (\n \n \n )\n\n return (\n \n \n \n \n \n )\n}\n\nexport default ShiftDayMiniModal\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { formatTime } from '../../../utils/formatTime'\nimport { formatDuration } from '../../../utils/schedulerDuration'\nimport Icon from '../../Icon'\nimport { ActionDropdown } from '../../elements/actions'\n\nconst RegistrationRow = ({\n registration,\n registration: { id, checked_in_at, checked_out_at, checked_in_duration, permissions, outside_shift },\n violations,\n multipleObjects,\n registrationActions,\n hasTolerances\n}) => (\n \n \n {violations.start && \n {violations.end &&
\n \n
{formatDuration(checked_in_duration)}
\n
{t('components.active_table.loading_text')}
\n } else if (!registrations.length) {\n return null\n }\n\n return (\n \n
\n
{t('activerecord.attributes.shift.registrations.start')}
\n
\n {t('activerecord.attributes.shift.registrations.end')}\n
\n
\n {t('activerecord.attributes.shift.registrations.hours')}\n
\n
\n
\n {registrations.map((registration, i) => (\n
\n ))}\n
\n
\n {errors.map((error, idx) => (\n
{error}
\n ))}\n
\n
\n {t('v2.schedules.shift_day.inside_work_time')} \n {formatDuration(total_work_time_duration)} \n
\n
\n {t('v2.schedules.shift_day.outside_work_time')} \n {formatDuration(total_outside_work_time_duration)} \n
\n
\n {t('v2.schedules.shift_day.overall')} \n {formatDuration(total_check_log_duration)} \n
\n
\n {!!dayData.errors?.length && \n setShowForm(opn => !opn)}\n shift={shift}\n schedule={schedule}\n metadata={metadata}\n disabled={togglerDisabled}\n data-tip\n data-for='shift-form-toggler'\n >\n {t(`.edit_shift`)}\n \n {togglerDisabled && (\n \n {t('.absence_present')}\n \n )}\n
\n \n )}\n {(showForm || forceShowForm) && (\n {\n e.nativeEvent.stopImmediatePropagation()\n handleOpen(!open)\n }}\n >\n \n
{schedule.name}
\n
\n
\n
{schedule.construction_object_short_name}
\n
\n
\n
\n \n )\n}\n\nconst ShiftSchedule = ({ schedule, datesMetadata, searchTerm, openedItems, toggleOpenedItems }) => {\n const [loading, setLoading] = useState(false)\n const [hasEmployees, setHasEmployees] = useState(false)\n const [formOpen, setFormOpen] = useState(false)\n\n const { id, color, shifts } = schedule\n\n const handleOpen = useCallback(\n opened => {\n opened && setLoading(true)\n\n setHasEmployees(false)\n toggleOpenedItems(id)\n },\n [setLoading, toggleOpenedItems, id]\n )\n\n const open = openedItems.includes(id)\n\n const formProps = {\n action: 'edit',\n title: t('v2.shifts.index.form.title_edit'),\n scheduleId: schedule.id\n }\n\n return (\n <>\n \n
\n {open && (\n
\n )}\n {open && schedule.can_manage && (\n
\n setFormOpen(true)}>\n Labot maiņu \n \n
\n )}\n
\n \n {schedules.length ? (\n schedules.map(schedule => (\n
\n ))\n ) : (\n
{t(`components.shift_list.${translationName}`)}
\n )}\n
\n {({ toggleOpen }) => \n )}\n \n )\n}\n\nexport default ShiftSchedulesList\n","import React, { useCallback, useEffect, useState } from 'react'\n\nimport isEqual from 'lodash/isEqual'\n\nimport { formatTime } from '../../utils/formatTime'\nimport { formatDuration } from '../../utils/schedulerDuration'\nimport DayModal from './DayModal'\nimport { calculateMiniModalPosition } from './MiniModal'\nimport { useSelectedShiftItems } from './SelectedShiftItemsContext'\nimport ShiftMiniModal from './ShiftMiniModal'\nimport ShiftModal from './ShiftModal'\n\nconst MINI_MODAL_MAX_WIDTH = 280\n\nconst UnitModal = () => {\n const [showModal, setShowModal] = useState(false)\n const [miniModalProps, setMiniModalProps] = useState(null)\n const { selectedShiftItems, modalParams, setModalParams, clearShiftItems } = useSelectedShiftItems()\n\n useEffect(() => {\n if (selectedShiftItems.length < 1) {\n setMiniModalProps(null)\n }\n }, [selectedShiftItems])\n\n useEffect(() => {\n if (modalParams && selectedShiftItems.length >= 1) {\n const {\n employee,\n schedule,\n shift,\n metadata: { dateIso },\n dayRef\n } = modalParams\n\n const currentMiniModalParams = {\n date: dateIso,\n schedule_id: schedule.id,\n employee_id: employee?.id\n }\n\n if (isEqual(selectedShiftItems[0], currentMiniModalParams) || modalParams.isShiftDay) {\n const start_time = shift?.start_datetime\n ? formatTime(shift.start_datetime)\n : formatDuration(schedule.start_time)\n const end_time = shift?.end_datetime ? formatTime(shift.end_datetime) : formatDuration(schedule.end_time)\n\n setMiniModalProps({\n position: calculateMiniModalPosition(dayRef, MINI_MODAL_MAX_WIDTH),\n initialValues: {\n start_time,\n end_time\n }\n })\n }\n }\n\n if (!showModal && modalParams) {\n setShowModal(true)\n }\n }, [selectedShiftItems, modalParams, setMiniModalProps, showModal, setShowModal])\n\n const closeShiftModal = useCallback(() => {\n setModalParams(null)\n setMiniModalProps(null)\n setShowModal(false)\n clearShiftItems()\n }, [setModalParams, clearShiftItems])\n\n if (!modalParams || !showModal) return null\n\n if (miniModalProps) {\n return (\n setMiniModalProps(null)}\n onClose={closeShiftModal}\n />\n )\n }\n\n return modalParams.employee ? (\n \n {children} \n \n \n {t('save')}\n \n \n {t('cancel')}\n \n {onDestroyClick && (\n \n
\n)\n\nexport default ModalFormButtons\n","import React from 'react'\n\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\nimport { t } from '../../../utils/i18n'\nimport { formatDuration } from '../../../utils/schedulerDuration'\n\nconst dayName = (weekDay, overnight) => {\n const name = capitalizeFirstLetter(t('date.day_names')[weekDay])\n\n if (overnight) {\n return `${name} - ${capitalizeFirstLetter(t('date.day_names')[(weekDay + 1) % 7])}`\n }\n\n return name\n}\n\nconst dayDate = (date, overnight) => {\n const str = date.format('DD.MM.YYYY')\n\n if (overnight) {\n return `${str} - ${date.add(1, 'day').format('DD.MM.YYYY')}`\n }\n\n return str\n}\n\nconst ShiftHeader = ({ date, weekDay, overnight, plannedDuration }) => (\n \n
\n
{dayName(weekDay, overnight)}
\n
{dayDate(date, overnight)}
\n
\n {plannedDuration && (\n
\n
{t('activerecord.attributes.shift.registrations.total')}
\n
\n {formatDuration(plannedDuration)} \n
\n
\n )}\n
{`${formatTime(startTime)} - ${formatTime(endTime)}`}
\n}\n\nconst ShiftModalHeader = ({ shift, schedule, schedule: { color, name }, employee }) => (\n \n
\n
\n
\n
{name}
\n
\n
\n
\n
\n
\n
\n
\n {employee && (\n
\n
{employee.first_name_last_name}
\n
\n
\n )}\n
\n {t('components.Scheduler.toggle_shift_hours')} \n
\n )\n}\n\nexport default ShiftTimeToggler\n","import { createContext, useContext } from 'react'\n\nexport const AbsenceContext = createContext({\n absences: [],\n loading: false,\n addAbsences: () => {},\n updateAbsence: () => {},\n deleteAbsence: () => {},\n employeeAbsences: {},\n absenceDatesWithEmployeeIds: {}\n})\n\nexport const useAbsenceContext = () => useContext(AbsenceContext)\n","import { createContext, useContext } from 'react'\n\nexport const ExceptionDaysContext = createContext({\n loading: false,\n isHoliday: () => {}\n})\n\nexport const useExceptionDaysContext = () => useContext(ExceptionDaysContext)\n","import { createContext, useContext } from 'react'\n\nimport dayjs from 'dayjs'\n\nexport const MonthContext = createContext({\n month: dayjs().startOf('month').format('YYYY-MM'),\n setMonth: () => {}\n})\n\nexport const useMonthContext = () => useContext(MonthContext)\n","import { createContext, useContext } from 'react'\n\nexport const SchedulesContext = createContext({\n addSchedule: () => {},\n refreshSchedule: () => {},\n removeSchedule: () => {},\n manageMultipleSchedules: () => {},\n loadSchedules: () => {},\n setShiftFactualTime: () => {},\n schedules: [],\n loading: false,\n shiftFactualTime: false\n})\n\nexport const useSchedulesContext = () => useContext(SchedulesContext)\n","import { useState, useEffect, useCallback, useMemo } from 'react'\n\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { groupBy, sortBy } from 'lodash'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nconst absenceIsInMonth = (absence, month) => {\n const { date_from, date_to } = absence\n\n const monthDay = dayjs(month)\n const monthStart = monthDay.format('YYYY-MM-DD')\n const monthEnd = monthDay.endOf('month').format('YYYY-MM-DD')\n\n return date_from <= monthEnd && date_to >= monthStart\n}\n\nconst sortFilterAbsences = (absences, month) =>\n sortBy(absences, ['date_from']).filter(absence => absenceIsInMonth(absence, month))\n\nconst useAbsences = ({ month, search }) => {\n const [absences, setAbsences] = useState([])\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n setLoading(true)\n axios\n .get(url('v2/absences', { month, search }))\n .then(({ data: { absences: absencesData } }) => {\n setAbsences(absencesData)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }, [month, search])\n\n const employeeAbsences = useMemo(\n () => groupBy(absences, ({ employee: { id, first_and_last_name } }) => `${first_and_last_name}-${id}`),\n [absences]\n )\n\n const absenceDatesWithEmployeeIds = useMemo(() => {\n const format = 'YYYY-MM-DD'\n const result = []\n\n absences.forEach(absence => {\n let currentDate = dayjs(absence.date_from)\n const endDate = dayjs(absence.date_to)\n while (currentDate <= endDate) {\n const key = currentDate.format(format)\n if (!result[key]) result[key] = []\n result[key].push(absence.employee.id)\n currentDate = currentDate.add(1, 'day')\n }\n })\n\n return result\n }, [absences])\n\n const addAbsences = useCallback(\n newAbsences => {\n setAbsences(old => sortFilterAbsences([...old, ...newAbsences], month))\n },\n [month]\n )\n\n const updateAbsence = useCallback(\n absence => {\n setAbsences(old => {\n const withUpdated = old.map(abs => (abs.id === absence.id ? absence : abs))\n return sortFilterAbsences(withUpdated, month)\n })\n },\n [month]\n )\n\n const deleteAbsence = useCallback(absence => {\n setAbsences(old => old.filter(abs => abs.id !== absence.id))\n }, [])\n\n return { absences, loading, addAbsences, updateAbsence, deleteAbsence, employeeAbsences, absenceDatesWithEmployeeIds }\n}\n\nexport default useAbsences\n","import { useState, useEffect, useMemo } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nconst REQUEST_URL = 'v2/schedules/shift_registrations/summary'\n\nconst useDaySummary = ({ schedule, dateIso }) => {\n const [summary, setSummary] = useState({ shifts: null, dayData: false })\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n const params = {\n date: dateIso,\n schedule_id: schedule.id\n }\n\n setLoading(true)\n\n axios\n .get(url(REQUEST_URL, params))\n .then(({ data: { shifts, day_data } }) => {\n setSummary({ shifts, dayData: day_data })\n setLoading(false)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n }, [schedule, dateIso])\n\n return useMemo(() => [summary, loading], [summary, loading])\n}\n\nexport default useDaySummary\n","import { useState, useEffect, useMemo } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nexport default ({ month, schedule, setLoading, setHasEmployees, searchTerm, employeeAbsences }) => {\n const [employees, setEmployees] = useState([])\n\n useEffect(() => {\n axios\n .get(url('v2/schedules', schedule.id, 'shifts', { month, search: searchTerm }))\n .then(({ data: { rows } }) => {\n setEmployees(rows)\n setHasEmployees(!!rows.length)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }, [schedule, employeeAbsences, searchTerm, month, setHasEmployees, setLoading])\n\n return useMemo(() => ({ employees }), [employees])\n}\n","import { useState, useCallback, useEffect } from 'react'\n\nimport axios from 'axios'\nimport { url } from 'utils/urlGenerator'\n\nexport default () => {\n const [loading, setLoading] = useState(false)\n const [exceptionDays, setExceptionDays] = useState([])\n\n const isHoliday = useCallback(dateIso => exceptionDays.find(day => day.date === dateIso)?.holiday, [exceptionDays])\n\n useEffect(() => {\n axios\n .get(url('v2/exception_days'))\n .then(({ data: { exception_days } }) => {\n setExceptionDays(exception_days)\n })\n .finally(() => {\n setLoading(false)\n })\n }, [])\n\n return { loading, isHoliday }\n}\n","import { useState, useEffect, useMemo } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nconst REQUEST_URL = 'v2/schedules'\n\nconst useSchedule = scheduleId => {\n const [schedule, setSchedule] = useState({})\n const [isLoading, setLoading] = useState(false)\n\n useEffect(() => {\n if (!scheduleId) {\n return\n }\n\n setLoading(true)\n\n axios\n .get(url(REQUEST_URL, scheduleId))\n .then(({ data }) => {\n setSchedule(data)\n setLoading(false)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n }, [scheduleId])\n\n return useMemo(() => {\n return {\n schedule,\n isLoading\n }\n }, [schedule, isLoading])\n}\n\nexport default useSchedule\n","import { useState, useEffect } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nexport default () => {\n const [isLoading, setIsLoading] = useState(false)\n const [companies, setCompanies] = useState([])\n\n useEffect(() => {\n setIsLoading(true)\n\n axios\n .get(url('v2/schedules/companies'))\n .then(({ data }) => {\n setCompanies(data.rows)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setIsLoading(false)\n })\n }, [])\n\n return { companies, isLoading }\n}\n","import { useState, useEffect, useMemo, useCallback } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nconst useShiftSchedules = ({ month, searchTerm, chosenCompaniesIds }) => {\n const [schedules, setSchedules] = useState([])\n const [loading, setLoading] = useState(true)\n const [shiftFactualTime, setShiftFactualTime] = useState(false)\n\n const updateSchedules = (oldSchedules, schedules) =>\n oldSchedules.map(os => schedules.find(shift => shift.id === os.id) || os)\n\n const manageMultipleSchedules = useCallback(\n newSchedules => {\n const updatedSchedules = updateSchedules(schedules, newSchedules)\n\n setSchedules(updatedSchedules)\n },\n [schedules, setSchedules]\n )\n\n const updateSchedule = (oldShifts, shift) => {\n const shiftIdx = oldShifts.findIndex(os => os.id === shift.id)\n oldShifts[shiftIdx] = shift\n }\n\n const addSchedule = useCallback(shift => setSchedules([...schedules, shift]), [schedules])\n\n const refreshSchedule = useCallback(\n shift => {\n const oldSchedules = [...schedules]\n\n updateSchedule(oldSchedules, shift)\n\n if (shift.switched_shift) {\n updateSchedule(oldSchedules, shift.switched_shift)\n }\n\n setSchedules(oldSchedules)\n },\n [schedules]\n )\n\n const removeSchedule = useCallback(\n shift => {\n const newShifts = schedules.filter(s => s.id !== shift.id)\n\n setSchedules(newShifts)\n },\n [schedules]\n )\n\n const loadSchedules = useCallback(() => {\n axios\n .get(url('v2/schedules', { month, search: searchTerm, chosen_companies_ids: chosenCompaniesIds }))\n .then(({ data: { rows } }) => {\n setSchedules(rows)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }, [month, searchTerm, chosenCompaniesIds])\n\n useEffect(() => {\n loadSchedules()\n }, [month, searchTerm, loadSchedules])\n\n return useMemo(\n () => ({\n shiftFactualTime,\n schedules,\n loading,\n setShiftFactualTime,\n manageMultipleSchedules,\n addSchedule,\n refreshSchedule,\n removeSchedule,\n loadSchedules\n }),\n [\n shiftFactualTime,\n schedules,\n loading,\n setShiftFactualTime,\n addSchedule,\n refreshSchedule,\n removeSchedule,\n manageMultipleSchedules,\n loadSchedules\n ]\n )\n}\n\nexport default useShiftSchedules\n","import { isEqual } from 'lodash'\n\nexport const unitSelectIndex = (units, attributes) => units.findIndex(item => isEqual(item, attributes))\n\nexport const filterSelectableEmployeeDays = (selected, forSelection) => {\n return forSelection.filter(item => unitSelectIndex(selected, item) === -1)\n}\n\nexport const deselectByObject = (selected, deselectable) => {\n const deselectIdxs = deselectable.map(item => unitSelectIndex(selected, item))\n return selected.filter((_, idx) => !deselectIdxs.includes(idx))\n}\n","import dayjs from 'dayjs'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\n\nimport { durationFromHHMM } from '../../../utils/duration'\n\ndayjs.extend(isSameOrBefore)\n\nexport const handleTotalTime = () => {\n console.log('Deprecated! Total time will not be a an input!')\n}\n\nexport const totalTimeDiffInMinutes = (startTime, endTime, breakTime) => {\n const startDateTime = dayjs(`2000-01-01 ${startTime}`)\n const breakMinutes = breakTime && durationFromHHMM(breakTime).asMinutes()\n let endDateTime = dayjs(`2000-01-01 ${endTime}`)\n\n if (endDateTime.isSameOrBefore(startDateTime, 'minute')) {\n endDateTime = endDateTime.add(1, 'day')\n }\n\n let minutes = endDateTime.diff(startDateTime, 'minutes')\n\n if (breakMinutes) {\n minutes -= breakMinutes\n }\n\n return minutes\n}\n\nexport const formattedTotalTime = (startTime, endTime, breakTime) => {\n if (!startTime || !endTime) return '--:--'\n\n const minutes = totalTimeDiffInMinutes(startTime, endTime, breakTime)\n\n return formatMinutes(minutes)\n}\n\nconst zeroPad = num => num.toString().padStart(2, '0')\n\nexport const formatMinutes = minutes => {\n const hours = Math.floor(minutes / 60)\n\n return `${zeroPad(hours)}:${zeroPad(minutes % 60)}`\n}\n\n// Deprecated\nexport const calculateTimeDiffDayjs = (startTime, endTime) => {\n const minutes = endTime.diff(startTime, 'minutes')\n\n return formatMinutes(minutes)\n}\n\n// Deprecated\nexport const formatTotalTime = value => {\n if (value.slice(0, 2) === '24') {\n return '24:00'\n } else if (parseInt(value.slice(0, 1)) > 2) {\n return `0${value.slice(0, 1)}:`\n } else if (parseInt(value.slice(0, 2)) > 24) {\n return '23:'\n } else if (parseInt(value.slice(3, 4)) > 5) {\n return value.slice(0, 2) + `:0${value[3]}`\n } else {\n return value\n }\n}\n\n// Deprecated\nexport const calculateTimeDiff = (startTime, endTime, totalTime) => {\n const startDateTime = dayjs(`2000-01-01 ${startTime}`)\n\n if (endTime) {\n if (endTime === startTime) return '24:00'\n\n let endDateTime = dayjs(`2000-01-01 ${endTime}`)\n\n if (dayjs(endDateTime).isBefore(dayjs(startDateTime), 'minute')) {\n endDateTime = endDateTime.add(1, 'day')\n }\n\n return calculateTimeDiffDayjs(startDateTime, endDateTime)\n } else {\n const midnight = dayjs('2000-01-01')\n const totalDateTime = dayjs(`2000-01-01 ${totalTime}`)\n\n let minutes = totalDateTime.diff(midnight, 'minutes') + startDateTime.diff(midnight, 'minutes')\n // 1440 minutes == 24 hours\n if (minutes >= 1440) {\n minutes -= 1440\n }\n\n return formatMinutes(minutes)\n }\n}\n","import { t } from '../../../utils/i18n'\nimport Yup from '../../Forms/common/yup'\nimport { totalTimeDiffInMinutes } from './handleTotalTime'\n\nexport const breakTimeSchema = Yup.string()\n .nullable()\n .test('fits-in-shift', t('v2.shifts.index.form.errors.too_long_break_time'), (value, context) => {\n const break_time = value\n const { start_time, end_time } = context.parent\n if (!start_time || !end_time || !break_time) return true\n\n return totalTimeDiffInMinutes(start_time, end_time, break_time) > 0\n })\n","import React from 'react'\n\nimport { DebounceInput } from 'react-debounce-input'\n\nimport { t } from '../utils/i18n'\nimport Icon from './Icon'\n\nconst Search = ({ value, onChange, className }) => (\n \n
\n
\n
onChange(value)}\n debounceTimeout={300}\n />\n {value && onChange('')} />}\n \n
\n
\n
setCreationModalOpen(false)}\n formData={initialValues}\n classes='new-modal modal-lg'\n action='new'\n title={t('v2.settings.classifiers.absence_types.form.new_title')}\n formikForm={formikForm}\n reloadPageOnSuccess\n skipToggleButton\n />\n \n
\n
\n
setCreationModalOpen(false)}\n formData={initialValues}\n classes='new-modal modal-lg'\n action='new'\n title={t('v2.settings.classifiers.shift_labels.form.new_title')}\n formikForm={formikForm}\n reloadPageOnSuccess\n skipToggleButton\n />\n \n \n )\n }\n\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(ExternalDevicesFilter)\n","import React from 'react'\n\nimport ActiveTable from '../../ActiveTable'\nimport {\n edit,\n discard,\n unlinkTimeTrackable,\n discardSelected,\n unlinkTimeTrackableSelected\n} from '../../elements/actionDefinitions'\n\nclass ExternalDevicesTable extends React.Component {\n pathPrefix = 'v2/settings/external_devices'\n\n actions = {\n row: [\n edit(this.pathPrefix, 'v2.settings.external_devices.edit.title'),\n unlinkTimeTrackable(this.pathPrefix),\n discard(this.pathPrefix)\n ],\n header: [unlinkTimeTrackableSelected(this.pathPrefix), discardSelected(this.pathPrefix)]\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default ExternalDevicesTableContainer\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport ActiveTable from '../../ActiveTable'\nimport { remove, removeSelected } from '../../elements/actionDefinitions'\n\nclass SystemAccessTokensTable extends React.Component {\n store = this.props.store\n pathPrefix = 'v2/settings/system_access_tokens'\n\n columns = [\n {\n header: t('activerecord.attributes.system_access_token.name'),\n accessorKey: 'name'\n },\n {\n header: t('activerecord.attributes.system_access_token.token'),\n accessorKey: 'token',\n minSize: 300\n },\n {\n header: t('activerecord.attributes.system_access_token.created_at'),\n accessorKey: 'created_at'\n }\n ]\n\n actions = {\n row: [remove(this.pathPrefix)],\n header: [removeSelected(this.pathPrefix)]\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default SystemAccessTokensTableContainer\n","import React from 'react'\n\nimport axios from 'axios'\nimport { useFormik, FormikProvider, Form } from 'formik'\nimport ReactDOM from 'react-dom'\n\nimport useUnsavedChangesConfirmation from '../../../hooks/useUnsavedChangesConfirmation'\nimport { getApiErrorMessage, showErrorModal } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport yup from '../../../utils/yup'\nimport { SwitchField, MultiselectField, SelectField, DateTimeField } from '../../Forms/Fields'\nimport { dateFormatter, selectFormatter, multiselectFormatter } from '../../Forms/Formatters'\nimport { formatValuesForSubmit } from '../../Forms/Formatters/submit'\nimport Icon from '../../Icon'\nimport Modal from '../../Modal'\n\nconst initialValues = {\n keep_open: false,\n employee_ids: [],\n absence_type_id: null,\n date_from: new Date(),\n date_to: null\n}\nconst validationSchema = yup.object({\n employee_ids: yup.array().min(1),\n absence_type_id: yup.object().nullable().required(),\n date_from: yup.date().nullable().required(),\n date_to: yup.date().nullable().required()\n})\n\nconst valueFormats = {\n date_from: dateFormatter,\n date_to: dateFormatter,\n absence_type_id: selectFormatter,\n employee_ids: multiselectFormatter\n}\n\nconst absenceTypesAdminUrl = url('v2/settings/classifiers/absence_types')\n\nconst CreateModal = ({ policies, onClose, addAbsences }) => {\n const handleSubmit = (values, { setSubmitting, resetForm }) => {\n axios({\n method: 'POST',\n url: url('v2/absences/bulk_create'),\n data: {\n absence: formatValuesForSubmit(values, valueFormats)\n }\n })\n .then(({ data: { absences } }) => {\n addAbsences(absences)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setSubmitting(false)\n if (values.keep_open) {\n resetForm({\n values: { ...initialValues, keep_open: true }\n })\n } else {\n onClose()\n }\n })\n }\n\n const formik = useFormik({\n validationSchema: validationSchema,\n onSubmit: handleSubmit,\n initialValues: initialValues\n })\n\n const { dirty, isSubmitting, values } = formik\n\n const handleModalClose = useUnsavedChangesConfirmation({ dirty, onClose })\n\n return ReactDOM.createPortal(\n \n \n \n \n ,\n document.querySelector('.modal-container')\n )\n}\n\nexport default CreateModal\n","import React, { useState, useCallback, useEffect, useContext } from 'react'\n\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport { getApiErrorMessage, showErrorModal, showConfirmation } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport yup from '../../../utils/yup'\nimport DateField from '../../Forms/HookFields/DateField'\nimport SelectField from '../../Forms/HookFields/SelectField'\nimport Icon from '../../Icon'\nimport MiniModal, { calculateMiniModalPosition } from '../MiniModal'\nimport { AbsenceContext } from '../Shifts'\nimport useAbsencePositionStyle from './useAbsencePositionStyle'\n\nconst MINI_MODAL_MAX_WIDTH = 410\n\nconst isValidDate = yup.string().required().humanDate()\n\nconst validationSchema = yup.object({\n date_from: isValidDate,\n date_to: isValidDate\n})\n\nconst absenceTypesAdminUrl = url('v2/settings/classifiers/absence_types')\n\nconst Edit = ({ absence, policies, dayWidth, day, absenceRef }) => {\n const [isOpen, setIsOpen] = useState(false)\n\n return (\n <>\n {\n setIsOpen(true)\n }}\n />\n {isOpen && (\n
}\n \n \n \n \n \n \n )\n}\n\nexport default Edit\n","const groupOverlappingAbsences = absences =>\n absences.reduce((acc, { date_from, date_to }) => {\n const currentAbsence = acc[acc.length - 1]\n\n // expects absences to be already sorted by date_from\n if (!currentAbsence || date_from > currentAbsence.date_to) {\n acc.push({ date_from, date_to })\n } else if (date_to > currentAbsence.date_to) {\n currentAbsence.date_to = date_to\n }\n\n return acc\n }, [])\n\nexport const makeAbsenceMap = (absences, month) =>\n absences.reduce((acc, absence) => {\n const startDate = !absence.date_from.startsWith(month) ? `${month}-01` : absence.date_from\n acc[startDate] = absence\n\n return acc\n }, {})\n\nexport const mergeAbsences = (absences, month) => {\n if (!absences.length) {\n return {}\n }\n\n const mergedAbsences = groupOverlappingAbsences(absences)\n\n return makeAbsenceMap(mergedAbsences, month)\n}\n","import React, { memo, useState, useMemo, useRef, useContext } from 'react'\n\nimport dayjs from 'dayjs'\nimport isToday from 'dayjs/plugin/isToday'\nimport { VariableSizeList as List, areEqual } from 'react-window'\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar/dist/simplebar.min.css'\n\nimport { t } from '../../../utils/i18n'\nimport Avatar from '../../Avatar'\nimport Icon from '../../Icon'\nimport ShiftDayWeekendOverlay from '../ShiftDayWeekendOverlay'\nimport { AbsenceContext, MonthContext } from '../Shifts'\nimport CreateModal from './CreateModal'\nimport Edit from './Edit'\nimport { mergeAbsences, makeAbsenceMap } from './helpers'\nimport useAbsencePositionStyle from './useAbsencePositionStyle'\n\nconst EMPLOYEE_ROW_HEIGHT = 41\nconst EMPLOYEE_ROW_COUNT = 12\nconst MAX_EMPLOYEE_LIST_HEIGHT = EMPLOYEE_ROW_COUNT * EMPLOYEE_ROW_HEIGHT + EMPLOYEE_ROW_HEIGHT / 2\n\ndayjs.extend(isToday)\n\nexport const AbsenceBar = ({ dayWidth, absence, day, policies }) => {\n const absenceRef = useRef()\n const { absence_type, date_from, date_to, id } = absence\n\n const style = useAbsencePositionStyle({ day, dayWidth, dateFrom: date_from, dateTo: date_to })\n\n return (\n \n {absence_type?.abbreviation}\n {id && policies?.absences.update && (\n
\n )\n}\n\nconst AbsenceDay = ({ day, dayWidth, absenceMap, policies, ...others }) => {\n const absence = absenceMap[day.format('YYYY-MM-DD')]\n\n return (\n \n
\n {absence &&
}\n {day.isToday() &&
}\n
\n {week.map((day, i) => (\n
\n ))}\n
\n
\n
\n
{first_and_last_name}
\n
\n {position &&
{position}
}\n
\n
\n
\n
\n
\n {weeks.map((week, weekIndex) => (\n
\n ))}\n
\n
\n {({ scrollableNodeRef, contentNodeRef }) => (\n EMPLOYEE_ROW_HEIGHT}\n className='list-container'\n outerRef={scrollableNodeRef}\n innerRef={contentNodeRef}\n overscanCount={EMPLOYEE_ROW_COUNT}\n >\n {renderEmployeeRow}\n \n )}\n \n )\n}\n\nconst Absences = ({ weeks, policies, width: dayWidth }) => {\n const [open, setOpen] = useState(false)\n const [createModalOpen, setCreateModalOpen] = useState(false)\n const { month } = useContext(MonthContext)\n const { absences, loading, addAbsences } = useContext(AbsenceContext)\n\n const absenceMap = mergeAbsences(absences, month)\n\n return (\n \n
\n
setOpen(!open)}>\n
{t('v2.absences.title')}
\n
\n
\n
\n
\n {weeks.map((week, weekIndex) => (\n
\n ))}\n
\n
\n {open && (\n <>\n
\n {policies.absences.create && (\n
\n setCreateModalOpen(true)}\n title={t('v2.absences.add_new')}\n >\n
\n )}\n \n )}\n {createModalOpen && (\n
setCreateModalOpen(false)}\n />\n )}\n \n {items.length > 0 ? (\n <>\n \n +{items.length}\n \n \n \n {items.map((item, index) => (\n {item} \n ))}\n
\n \n \n ) : null}\n \n)\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport I18n from 'i18n-js'\n\nimport useShiftsCompanies from '../hooks/useShiftsCompanies'\nimport styles from './CompaniesSelector.module.css'\n\nconst CompaniesListItemCheckbox = ({ checked, disabled, onChange, className, dataName }) => (\n \n \n)\n\nconst CompaniesListItem = ({ className, title, checked, disabled, onChange }) => (\n \n {title} \n
\n)\n\nexport default ({ className, chosenCompaniesIds, setChosenCompaniesIds }) => {\n const { companies, isLoading } = useShiftsCompanies()\n\n const toggle = id => {\n let newIds = isChosen(id) ? removeCompany(id) : addCompany(id)\n\n if (companies.every(company => newIds.includes(company.id))) {\n newIds = []\n }\n\n setChosenCompaniesIds(newIds)\n }\n\n const isChosen = id => chosenCompaniesIds.includes(id)\n\n const addCompany = id => [...chosenCompaniesIds, id]\n\n const removeCompany = id => chosenCompaniesIds.filter(chosenId => chosenId !== id)\n\n return (\n \n setChosenCompaniesIds([])}\n />\n\n {!isLoading && companies.length > 0 && (\n <>\n toggle(company.id)}\n />\n ))}\n \n )}\n
\n )\n}\n","import React from 'react'\n\nimport styles from './ToggleCompaniesListButton.module.css'\n\nexport default ({ onClick, isActive }) => (\n \n
}\n \n)\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport ReactDOM from 'react-dom'\nimport Draggable from 'react-draggable'\n\nimport useHandleOutsideClick from '../../hooks/useHandleOutsideClick'\nimport useUnsavedChangesConfirmation from '../../hooks/useUnsavedChangesConfirmation'\nimport { t } from '../../utils/i18n'\nimport Icon from '../Icon'\n\nconst PADDING = 10\n\nexport const calculateMiniModalPosition = (ref, maxWidth) => {\n const { x, y } = ref.current.getBoundingClientRect()\n const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop\n\n const calculatedX = window.innerWidth < x + maxWidth ? window.innerWidth - maxWidth - PADDING : x\n\n return {\n x: calculatedX,\n y: y - 82 + scrollHeight\n }\n}\n\nconst MiniModal = ({\n position,\n onClose,\n dirty,\n handleSubmit,\n onDeleteClick,\n children,\n buttons,\n multiple,\n className = ''\n}) => {\n const [bounds, setBounds] = useState(null)\n const [initialNodeBox, setInitialNodeBox] = useState(null)\n const miniModalRef = useRef(null)\n\n const handleClose = useUnsavedChangesConfirmation({ dirty, onClose })\n\n const handleClickOutside = event => {\n const ctrlPressed = event.getModifierState('Control') || event.getModifierState('Meta') // Ctrl || Cmd\n\n if (!ctrlPressed || !multiple) {\n handleClose()\n }\n }\n\n useHandleOutsideClick({ ref: miniModalRef, onOutsideClick: handleClickOutside, onEsc: handleClose })\n\n const handleEnter = useCallback(\n ({ key }) => {\n if (key === 'Enter') handleSubmit()\n },\n [handleSubmit]\n )\n\n useEffect(() => {\n window.addEventListener('keydown', handleEnter)\n return () => {\n window.removeEventListener('keydown', handleEnter)\n }\n }, [handleEnter])\n\n const handleStart = useCallback(\n (_e, data) => {\n if (!data) return\n\n const boundingBox = document.querySelector('main').getBoundingClientRect()\n\n if (!bounds) {\n const nodeBox = data.node.getBoundingClientRect()\n\n setInitialNodeBox(nodeBox)\n\n setBounds({\n left: boundingBox.left - nodeBox.left,\n right: boundingBox.right - nodeBox.right,\n top: boundingBox.top - nodeBox.top,\n bottom: boundingBox.bottom - nodeBox.bottom\n })\n } else {\n setBounds({\n ...bounds,\n bottom: boundingBox.height - initialNodeBox.bottom\n })\n }\n },\n [bounds, initialNodeBox, setInitialNodeBox, setBounds]\n )\n\n return ReactDOM.createPortal(\n \n \n
\n
\n \n\n
\n {children}\n
\n \n \n {buttons}\n
\n
\n
{t('v2.shift_units.form.save_info')}
\n
\n
,\n document.querySelector('.modal-container')\n )\n}\n\nexport default MiniModal\n","import React, { useState, useContext, useMemo, useEffect } from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport Switch from '../Forms/Fields/Switch'\nimport Modal from '../Modal'\nimport { addOrRemoveSelectedItem, OptionList } from '../Options'\nimport { ShiftContext } from './Shifts'\n\nconst renderLabel = shift => (\n \n
\n
\n {t('v2.shifts.index.export_modal.employee_count', { count: shift.employeeCount })}\n \n
\n \n {t('v2.shifts.index.export_modal.divide_schedule')} \n setDivideSchedule(!divideSchedule)} />\n
\n\n \n addOrRemoveSelectedItem({ selectedItem, selectedItems: selectedShifts, onChange: setSelectedShifts })\n }\n />\n \n
\n
\n {t('export')}\n \n \n {t('cancel')}\n \n \n
\n}\n\nexport default SelectIndicator\n","import React, { useState, useCallback } from 'react'\n\nimport { unitSelectIndex } from './shiftDayHelper'\n\nconst SelectedShiftItemsContext = React.createContext()\n\nfunction SelectedShiftItemsProvider({ children }) {\n const [selectedShiftItems, setSelectedShiftItems] = useState([])\n const [modalParams, setModalParams] = useState(null)\n\n const addSelectedShiftItem = useCallback(\n (item, reset) => {\n if (reset) {\n setSelectedShiftItems([item])\n } else {\n const unitIndex = unitSelectIndex(selectedShiftItems, item)\n if (unitIndex > -1) {\n setSelectedShiftItems(selectedShiftItems.filter((_, idx) => idx !== unitIndex))\n } else {\n setSelectedShiftItems([...selectedShiftItems, item])\n }\n }\n },\n [selectedShiftItems]\n )\n\n const clearShiftItems = useCallback(() => {\n setSelectedShiftItems([])\n }, [])\n\n const value = { selectedShiftItems, addSelectedShiftItem, clearShiftItems, setModalParams, modalParams }\n\n return {children} \n}\n\nconst useSelectedShiftItems = () => {\n const context = React.useContext(SelectedShiftItemsContext)\n if (context === undefined) {\n throw new Error('useSelectedShiftItems must be used within a SelectedShiftItemsProvider')\n }\n return context\n}\n\nexport { SelectedShiftItemsProvider, useSelectedShiftItems }\n","import React, { useCallback, useRef, useMemo } from 'react'\n\nimport classNames from 'classnames'\n\nimport { AbsenceBar } from './Absences'\nimport { useSelectedShiftItems } from './SelectedShiftItemsContext'\nimport ShiftDayBlock from './ShiftDayBlock'\nimport ShiftDayWeekendOverlay from './ShiftDayWeekendOverlay'\n\nconst ShiftVersionDay = ({ shift, employee, dayParams, yesterdayParams, tomorrowParams }) => {\n const { addSelectedShiftItem, clearShiftItems, setModalParams } = useSelectedShiftItems()\n const dayRef = useRef()\n\n const {\n day,\n dayBlockParams: { creatable, showBlock },\n shiftStarted\n } = dayParams\n\n const { color } = shift\n const { dateIso, today, past } = day\n\n const isPastOrHasRegistrations = useMemo(() => {\n const registrationCounts = employee?.registration_counts || shift.registration_counts\n return past || (registrationCounts && !!Number(registrationCounts[dateIso])) || shiftStarted()\n }, [shift, employee, dateIso, shiftStarted, past])\n\n const shiftItemParams = useMemo(\n () => ({\n date: dateIso,\n shift_id: shift.id,\n employee_id: employee?.id\n }),\n [dateIso, shift.id, employee?.id]\n )\n\n const modalParams = useMemo(\n () => ({\n shift,\n employee,\n dayParams,\n dateIso\n }),\n [shift, employee, dayParams, dateIso]\n )\n\n const handleClick = useCallback(\n event => {\n event.stopPropagation()\n\n if (!creatable) return\n\n const ctrlPressed = event.getModifierState('Control') || event.getModifierState('Meta') // Ctrl || Cmd\n\n if (isPastOrHasRegistrations) {\n if (!ctrlPressed) {\n clearShiftItems()\n setModalParams(modalParams)\n }\n } else {\n addSelectedShiftItem(shiftItemParams, !ctrlPressed)\n setModalParams({ ...modalParams, dayRef })\n }\n },\n [\n creatable,\n isPastOrHasRegistrations,\n addSelectedShiftItem,\n clearShiftItems,\n modalParams,\n setModalParams,\n shiftItemParams\n ]\n )\n\n return (\n <>\n \n
}\n \n )\n}\n\nconst ShiftDay = ({ day: calendarDay, days, width, absenceMap = [], ...others }) => {\n const dayParams = days[calendarDay.format('DD.MM.YYYY')]\n const yesterdayParams = days[calendarDay.subtract(1, 'day').format('DD.MM.YYYY')]\n const tomorrowParams = days[calendarDay.add(1, 'day').format('DD.MM.YYYY')]\n\n if (!dayParams) return
\n\n const {\n shiftUnits: { version },\n day: { dateIso, past, dayjsDay },\n dayBlockParams: { creatable, hasAbsence }\n } = dayParams\n\n const absence = absenceMap[calendarDay.format('YYYY-MM-DD')]\n\n return (\n \n {absence &&
}\n\n {version && !hasAbsence ? (\n
\n ) : (\n
\n )}\n
\n
\n\n \n {t('v2.shifts.index.changes_take_effect')}\n \n \n)\n\nconst BlockIndication = ({ className, showErrors, halfSizeBlock, invalidRegistrationsCount }) => (\n \n {showErrors && (\n <>\n {!halfSizeBlock && {invalidRegistrationsCount} \n \n )}\n
\n)\n\nconst BlockTime = ({ halfSizeBlock, startTime, endTime }) => {\n if (!startTime || !endTime) return null\n\n const formatShiftTime = halfSizeBlock ? formatHours : formatTime\n\n return {`${formatShiftTime(startTime)} - ${formatShiftTime(endTime)}`}
\n}\n\nconst Block = ({\n blockInfo,\n dayBlockKey,\n employeeId,\n dayInvalid,\n showUpdatedIndication,\n employeeDayInvalid,\n halfSizeBlock,\n invalidRegistrationsCount,\n shiftBlockClasses,\n shiftTimes,\n color\n}) => {\n const { managedShiftInfo, setManagedShiftInfo } = useContext(ShiftContext)\n\n const blockIndicationClasses = {\n 'shift-block-indication': true,\n invalid: employeeDayInvalid,\n updated: showUpdatedIndication\n }\n\n const animations = {\n initial: { opacity: 0, scale: 0.3 },\n animate: { opacity: 1, scale: 1 },\n transition: { type: 'spring', stiffness: 100 },\n exit: { opacity: 0, scale: 0.3, transition: { duration: 0.2 } },\n onAnimationComplete: () => {\n setManagedShiftInfo(managedShiftInfo.filter(shiftInfo => !isEqual(shiftInfo, blockInfo)))\n }\n }\n\n const showBlockIndication = dayInvalid || showUpdatedIndication\n\n return (\n \n {showBlockIndication && (\n
\n
\n \n )\n}\n\nconst ShiftDayBlock = ({ shiftId, employeeId, color, dayParams, yesterdayParams, tomorrowParams }) => {\n const {\n day: { today, past, dateIso },\n shiftUnits: { startTime, endTime, singleDayShift, versionWithTimes },\n dayBlockParams: { dayInvalid, employeeDayInvalid, showBlock, invalidRegistrationsCount },\n editParams: { isShiftEdited, dayUpdated }\n } = dayParams\n\n const { shiftUnits: tomorrowShiftUnits, dayBlockParams: tomorrowBlockParams } = tomorrowParams || {}\n const { shiftUnits: yesterdayShiftUnits, dayBlockParams: yesterdayBlockParams } = yesterdayParams || {}\n\n const { showBlock: showTomorrow, hasAbsence: hasAbsenceTomorrow } = tomorrowBlockParams || {}\n const { showBlock: showYesterday } = yesterdayBlockParams || {}\n const { singleDayShift: singleDayTomorrow } = tomorrowShiftUnits || {}\n const { singleDayShift: singleDayYesterday } = yesterdayShiftUnits || {}\n\n const roundLeft = !showYesterday || (singleDayYesterday && !singleDayShift)\n const roundRight = !showTomorrow || (singleDayShift && !singleDayTomorrow)\n\n const blockId = `${shiftId}-${dateIso}`\n const tooltipId = `shift-edit-indicator-${blockId}`\n\n const halfSizeBlock =\n (yesterdayParams && !singleDayYesterday && singleDayShift) || (!singleDayShift && hasAbsenceTomorrow)\n const showUpdatedIndication = (!dayInvalid || (employeeId && !employeeDayInvalid)) && dayUpdated && versionWithTimes\n\n const shiftBlockClasses = {\n 'shift-block': true,\n 'one-day': !halfSizeBlock && singleDayShift,\n 'half-block': halfSizeBlock,\n 'rounded-left': roundLeft,\n 'rounded-right': roundRight,\n 'past-overlay': past || (today && singleDayShift),\n 'half-today-overlay': today && !singleDayShift\n }\n\n return (\n <>\n \n {showBlock && (\n \n\n {isShiftEdited && {`${formatTime(startTime)} - ${formatTime(endTime)}`}
\n}\n\nconst HeaderContent = ({ shift, subject, version, employee, objectNames = [], shift: { color, name } }) => (\n \n
\n
\n
\n
{name}
\n
\n
\n
\n
\n
\n
\n
\n {employee && (\n
\n
{employee.first_name_last_name}
\n
\n
\n )}\n
\n {shiftView && (\n
\n )}\n {multipleObjects &&
{construction_object_name}
}\n
\n {invalid_start_time && \n {invalid_end_time &&
\n \n
{formatDuration(work_time_duration)}
\n
\n ({formatDuration(check_log_duration)})\n \n
\n {shiftView && (\n
{t('activerecord.attributes.shift.registrations.employee')}
\n )}\n {multipleObjects && (\n
{t('activerecord.attributes.shift.registrations.object')}
\n )}\n
\n {t('activerecord.attributes.shift.registrations.start')}\n
\n
\n {t('activerecord.attributes.shift.registrations.end')}\n
\n
\n {t('activerecord.attributes.shift.registrations.hours')}\n
\n
\n
\n {registrations.length ? (\n registrations.map((registration, i) => (\n
\n ))\n ) : (\n
\n {loading ? (\n t('components.active_table.loading_text')\n ) : (\n <>\n {dayInvalid && {t('activities_none')} \n \n )}\n
\n )}\n
\n
\n
setShowForm(!showForm)}\n >\n {t(`v2.${translationPath}.form.title_edit`)} \n \n
\n {showForm && (\n \n \n
\n
\n
{dayName}
\n
{dayDate}
\n
\n\n {totalDuration >= 0 && (\n
\n
{t('activerecord.attributes.shift.registrations.total')}
\n
\n ({formatDuration(totalDuration)}) \n {formatDuration(totalWorkTimeDuration)} \n \n {t('components.active_table.of_text')} {dayTotalDuration}\n \n
\n
\n )}\n
setCalculatedRegistrationData({ ...registrationData, registrations })}\n loadRegistrations={loadRegistrations}\n loadShifts={loadShifts}\n setOverModalData={setOverModalData}\n />\n \n \n \n \n \n \n )\n}\n\nexport default ShiftDayMiniModal\n","import React, { useCallback, useEffect, useState } from 'react'\n\nimport isEqual from 'lodash/isEqual'\n\nimport { formatTime } from '../../utils/formatTime'\nimport { calculateMiniModalPosition } from './MiniModal'\nimport { useSelectedShiftItems } from './SelectedShiftItemsContext'\nimport ShiftDayExtendedModal from './ShiftDayExtendedModal'\nimport ShiftDayMiniModal from './ShiftDayMiniModal'\n\nconst MINI_MODAL_MAX_WIDTH = 280\n\nexport default () => {\n const [showModal, setShowModal] = useState(false)\n const [miniModalProps, setMiniModalProps] = useState(null)\n const { selectedShiftItems, modalParams, setModalParams, clearShiftItems } = useSelectedShiftItems()\n\n useEffect(() => {\n if (selectedShiftItems.length < 1) {\n setMiniModalProps(null)\n }\n }, [selectedShiftItems])\n\n useEffect(() => {\n if (modalParams && selectedShiftItems.length === 1) {\n const { shift, employee, dayParams, dateIso, dayRef } = modalParams\n\n const currentMiniModalParams = {\n date: dateIso,\n shift_id: shift.id,\n employee_id: employee?.id\n }\n\n if (isEqual(selectedShiftItems[0], currentMiniModalParams)) {\n const { subject } = dayParams.shiftUnits\n\n const startTime = subject?.start_time || shift.start_time\n const endTime = subject?.end_time || shift.end_time\n\n const start_time = startTime ? formatTime(startTime) : ''\n const end_time = endTime ? formatTime(endTime) : ''\n\n setMiniModalProps({\n position: calculateMiniModalPosition(dayRef, MINI_MODAL_MAX_WIDTH),\n initialValues: { start_time, end_time }\n })\n }\n }\n\n if (!showModal) {\n setShowModal(true)\n }\n }, [selectedShiftItems, modalParams, setMiniModalProps, showModal, setShowModal])\n\n const closeShiftDayModal = useCallback(() => {\n setModalParams(null)\n setMiniModalProps(null)\n setShowModal(false)\n clearShiftItems()\n }, [setModalParams, clearShiftItems])\n\n const inShifts = window.location.pathname.split('/').at(-1) === 'shifts'\n\n if (!modalParams || !showModal || !inShifts) return null\n\n return miniModalProps ? (\n setMiniModalProps(null)}\n onClose={closeShiftDayModal}\n />\n ) : (\n
\n\nexport default ({ day, width }) => {\n const { isHoliday } = useContext(ExceptionDaysContext)\n\n const isExceptionDay = isHoliday(day.format('YYYY-MM-DD'))\n\n if (day.day() == 6) {\n return \n
{\n e.nativeEvent.stopImmediatePropagation()\n setOpen(!open)\n }}\n >\n \n
{year}
\n
{monthName}
\n
\n
\n \n {open && \n \n
\n
\n
\n {\n e.nativeEvent.stopImmediatePropagation()\n goToPrevMonth()\n }}\n type='left'\n />\n {\n e.nativeEvent.stopImmediatePropagation()\n goToNextMonth()\n }}\n type='right'\n />\n
\n
\n
\n
\n
\n\n
\n \n \n setExportModalOpen(true)}\n title={t('v2.shifts.index.export.shift_schedule')}\n >\n setExportIntervalStart(dayjs(date).format('YYYY-MM-DD'))}\n onEndDateChange={date => setExportIntervalEnd(dayjs(date).format('YYYY-MM-DD'))}\n />\n \n {exportModalOpen && \n
\n {t('v2.shifts.index.sync_all_construction_objects')}\n \n \n)\n\nconst OnlineBadge = ({ className = '' }) => {\n e.nativeEvent.stopImmediatePropagation()\n handleOpen(!open)\n }}\n >\n \n
{name}
\n
\n
\n
\n
{firstObjectName}
\n
\n {sync_all_construction_objects &&
}\n
\n
\n
\n
\n
\n
\n \n )\n}\n\nconst ShiftWeek = ({ week, ...others }) => (\n \n {week.map((day, i) => (\n
\n)\n\nconst EmployeeList = ({ weeks, width, shift, setLoading, setHasEmployees, search }) => {\n const { month } = useContext(MonthContext)\n const { employeeAbsences } = useContext(AbsenceContext)\n const listRef = useRef({})\n const { employees } = useEmployees({ shift, month, setLoading, setHasEmployees, search, employeeAbsences })\n\n /* eslint-disable react-hooks/exhaustive-deps */\n const renderEmployeeItem = useMemo(\n () =>\n ({ index, style, data }) => {\n const employee = data[index]\n\n const employeeId = `${employee.first_name_last_name}-${employee.id}`\n\n const absences = employeeAbsences[employeeId]\n const absenceMap = absences ? makeAbsenceMap(employeeAbsences[employeeId], month) : {}\n\n return (\n \n \n {({ scrollableNodeRef, contentNodeRef }) => (\n \n {renderEmployeeItem}\n \n )}\n \n
\n )\n}\n\nconst EmployeeItem = memo(({ last, style, employee, weeks, width, shift, listRef, index, absenceMap }) => {\n /* eslint-disable react-hooks/exhaustive-deps */\n useEffect(() => {\n listRef.current.resetAfterIndex(index)\n }, [])\n /* eslint-enable react-hooks/exhaustive-deps */\n\n const {\n id,\n first_name_last_name,\n position,\n picture_url,\n online,\n days,\n planned_shift_work_time_duration,\n consumed_shift_work_time_duration\n } = employee\n\n return (\n \n
\n
\n
\n
{first_name_last_name}
\n
\n
\n {consumed_shift_work_time_duration} / {planned_shift_work_time_duration} h\n
\n {position &&
{position}
}\n
\n
\n
\n
\n
\n {weeks.map((week, weekIndex) => (\n
\n
\n \n
\n
\n
\n
\n
\n {weeks.map((week, weekIndex) => (\n
\n
\n {open && (\n
\n )}\n
\n
\n
openEditForm(shift)}>\n {t('v2.shifts.index.edit_subject')} \n
\n
\n \n \n {shifts.length && !loading ? (\n shifts.map((shift, index) => (\n
\n ))\n ) : (\n
{t(`components.shift_list.${translationName}`)}
\n )}\n
\n \n {creatable && setModalOpen(true)} translationPath={'v2.shifts.index'} />}\n {modalOpen && (\n \n
\n {week.map((day, i) => {\n const today = day.isToday()\n const weekDay = day.day()\n const sunday = weekDay === 0\n const date = day.format('YYYY-MM-DD')\n const weekend = sunday || weekDay === 6\n\n return (\n
\n
\n {weekDayNames[weekDay]}
\n {day.get('date')}\n \n
\n
\n )\n })}\n
\n
\n 0} />\n
\n
\n {weeks.map((week, index) => (\n
\n {isListVisible && (\n
\n )}\n
\n \n \n \n \n \n \n \n \n )\n}\n\nexport default Shifts\n","import { useState, useEffect, useCallback, useMemo } from 'react'\n\nimport axios from 'axios'\nimport dayjs from 'dayjs'\nimport { groupBy, sortBy } from 'lodash'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nconst absenceIsInMonth = (absence, month) => {\n const { date_from, date_to } = absence\n\n const monthDay = dayjs(month)\n const monthStart = monthDay.format('YYYY-MM-DD')\n const monthEnd = monthDay.endOf('month').format('YYYY-MM-DD')\n\n return date_from <= monthEnd && date_to >= monthStart\n}\n\nconst sortFilterAbsences = (absences, month) =>\n sortBy(absences, ['date_from']).filter(absence => absenceIsInMonth(absence, month))\n\nconst useAbsences = ({ month, search }) => {\n const [absences, setAbsences] = useState([])\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n setLoading(true)\n axios\n .get(url('v2/absences', { month, search }))\n .then(({ data: { absences: absencesData } }) => {\n setAbsences(absencesData)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }, [month, search])\n\n const employeeAbsences = useMemo(\n () => groupBy(absences, ({ employee: { id, first_and_last_name } }) => `${first_and_last_name}-${id}`),\n [absences]\n )\n\n const addAbsences = useCallback(\n newAbsences => {\n setAbsences(old => sortFilterAbsences([...old, ...newAbsences], month))\n },\n [month]\n )\n\n const updateAbsence = useCallback(\n absence => {\n setAbsences(old => {\n const withUpdated = old.map(abs => (abs.id === absence.id ? absence : abs))\n return sortFilterAbsences(withUpdated, month)\n })\n },\n [month]\n )\n\n const deleteAbsence = useCallback(absence => {\n setAbsences(old => old.filter(abs => abs.id !== absence.id))\n }, [])\n\n return { absences, loading, addAbsences, updateAbsence, deleteAbsence, employeeAbsences }\n}\n\nexport default useAbsences\n","import { useState, useEffect, useMemo } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nimport { columnDates } from '../Shifts'\nimport { getDayParams, processRow } from '../shiftDayHelper'\n\nexport default ({ month, shift, setLoading, setHasEmployees, search, employeeAbsences }) => {\n const [employees, setEmployees] = useState([])\n const dates = useMemo(() => columnDates(month), [month])\n const days = dates.map(getDayParams)\n\n /* eslint-disable react-hooks/exhaustive-deps */\n useEffect(() => {\n axios\n .get(url('v2/shifts', shift.id, 'employees', { month, search }))\n .then(({ data: { employees: employeeData } }) => {\n const employees = employeeData.map(employee => {\n const employeeId = `${employee.first_name_last_name}-${employee.id}`\n const absences = employeeAbsences[employeeId]\n\n return processRow({ shift, days, employee, absences })\n })\n setEmployees(employees)\n setHasEmployees(!!employees.length)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }, [shift.shift_employee_days, employeeAbsences])\n /* eslint-enable react-hooks/exhaustive-deps */\n\n return useMemo(() => ({ employees }), [employees])\n}\n","import { useState, useEffect } from 'react'\n\nimport axios from 'axios'\nimport { url } from 'utils/urlGenerator'\n\nexport default () => {\n const [loading, setLoading] = useState(false)\n const [exceptionDays, setExceptionDays] = useState([])\n\n const isHoliday = dateIso => exceptionDays.find(day => day.date === dateIso)?.holiday\n\n useEffect(() => {\n axios\n .get(url('v2/exception_days'))\n .then(({ data: { exception_days } }) => {\n setExceptionDays(exception_days)\n })\n .finally(() => {\n setLoading(false)\n })\n }, [])\n\n return { loading, isHoliday }\n}\n","import { useEffect, useState } from 'react'\n\nimport dayjs from 'dayjs'\n\nimport { formatMinutes } from '../../Forms/utils/handleTotalTime'\n\nconst timesAsDayjs = (startTime, endTime, format) => {\n const startTimeDayjs = startTime && dayjs(startTime, format)\n let endTimeDayjs\n\n if (endTime) {\n endTimeDayjs = dayjs(endTime, format)\n if (endTimeDayjs.isBefore(startTimeDayjs)) endTimeDayjs = endTimeDayjs.add(1, 'day')\n }\n\n return { startTimeDayjs, endTimeDayjs }\n}\n\nexport default ({ employeeCount, startTime, endTime, breakTimes, employeeDays, employeeDay }) => {\n const [dayTotalDuration, setDayTotalDuration] = useState('00:00')\n\n const { startTimeDayjs, endTimeDayjs } = timesAsDayjs(startTime, endTime)\n\n const calculateBreakTimesDuration = breakTimePeriods =>\n breakTimePeriods\n .map(({ start, finish }) => {\n const { startTimeDayjs: startTimeDurationDayjs, endTimeDayjs: endTimeDurationDayjs } = timesAsDayjs(\n start,\n finish,\n 'HH:mm'\n )\n\n return endTimeDurationDayjs.diff(startTimeDurationDayjs, 'minutes')\n })\n .reduce((duration1, duration2) => duration1 + duration2, 0)\n\n const calculateShiftDayDuration = () => {\n const employeeDayCount = employeeDays?.length || 0\n\n let employeeDayTotalDuration\n\n if (employeeDayCount) {\n employeeDayTotalDuration = employeeDays\n .map(({ start_time, end_time, break_time_periods, status }) => {\n if (status === 'deleted') return 0\n\n const { startTimeDayjs: startTimeEmployeeDayjs, endTimeDayjs: endTimeEmployeeDayjs } = timesAsDayjs(\n start_time,\n end_time\n )\n\n const dayLength = endTimeEmployeeDayjs.diff(startTimeEmployeeDayjs, 'minutes')\n\n return dayLength - calculateBreakTimesDuration(break_time_periods)\n })\n .reduce((duration1, duration2) => duration1 + duration2, 0)\n } else {\n employeeDayTotalDuration = 0\n }\n\n const defaultDuration = endTimeDayjs\n ? endTimeDayjs.diff(startTimeDayjs, 'minutes') - calculateBreakTimesDuration(breakTimes)\n : 0\n\n const totalDuration = (employeeCount - employeeDayCount) * defaultDuration + employeeDayTotalDuration\n\n return formatMinutes(totalDuration)\n }\n\n const calculateEmployeeDayDuration = () => {\n if (!startTime) return '00:00'\n\n const minutes = endTimeDayjs.diff(startTimeDayjs, 'minutes') - calculateBreakTimesDuration(breakTimes)\n return formatMinutes(minutes)\n }\n\n /* eslint-disable react-hooks/exhaustive-deps */\n useEffect(() => {\n if (employeeCount) {\n const duration = employeeDay ? calculateEmployeeDayDuration() : calculateShiftDayDuration()\n\n setDayTotalDuration(duration)\n }\n }, [employeeCount, employeeDays, startTime, endTime])\n /* eslint-enable react-hooks/exhaustive-deps */\n\n return { dayTotalDuration }\n}\n","import { useState, useEffect, useMemo } from 'react'\n\nimport axios from 'axios'\nimport isEqual from 'lodash/isEqual'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nimport { columnDates } from '../Shifts'\nimport { getDayParams, processRow } from '../shiftDayHelper'\n\nexport default ({ month, search, chosenCompaniesIds }) => {\n const [shifts, setShifts] = useState([])\n const [loading, setLoading] = useState(true)\n const [managedShiftInfo, setManagedShiftInfo] = useState([])\n\n const dates = useMemo(() => columnDates(month), [month])\n const days = dates.map(getDayParams)\n\n const updateShift = (oldShifts, shift) => {\n const shiftIdx = oldShifts.findIndex(os => os.id === shift.id)\n const updatedShift = processRow({ shift, days })\n\n oldShifts[shiftIdx] = updatedShift\n }\n\n const updateShifts = (oldShifts, shifts) =>\n oldShifts.map(os => processRow({ shift: shifts.find(shift => shift.id === os.id), days }) || os)\n\n const handleManagedShiftInfo = shiftParams => {\n const includes = managedShiftInfo.find(param => isEqual(param, shiftParams))\n\n if (includes) {\n setManagedShiftInfo([...managedShiftInfo].filter(param => !isEqual(param, shiftParams)))\n } else {\n setManagedShiftInfo([...managedShiftInfo, shiftParams])\n }\n }\n\n const manageShift = (shift, action, date = null) => {\n switch (action) {\n case 'create': {\n const newShift = processRow({ shift, days })\n\n setShifts([...shifts, newShift])\n handleManagedShiftInfo({ shiftId: shift.id, date })\n break\n }\n case 'update': {\n const oldShifts = [...shifts]\n\n updateShift(oldShifts, shift)\n\n if (shift.switched_shift) {\n updateShift(oldShifts, shift.switched_shift)\n }\n\n setShifts(oldShifts)\n handleManagedShiftInfo({ shiftId: shift.id, date })\n break\n }\n case 'delete': {\n const newShifts = shifts.filter(s => s !== shift)\n\n setShifts(newShifts)\n break\n }\n }\n }\n\n const manageMultipleShifts = (newShifts, selectedItems) => {\n const updatedShifts = updateShifts(shifts, newShifts)\n\n setShifts(updatedShifts)\n\n const managedShifts = selectedItems.map(item => ({\n shiftId: item.shift_id,\n date: item.date\n }))\n\n setManagedShiftInfo(managedShifts)\n }\n\n const loadShifts = () => {\n setLoading(true)\n\n axios\n .get(url('v2/shifts', { month, search, chosen_companies_ids: chosenCompaniesIds }))\n .then(({ data: { rows } }) => {\n const shifts = rows.map(shift => processRow({ shift, days }))\n setShifts(shifts)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setLoading(false)\n })\n }\n\n /* eslint-disable react-hooks/exhaustive-deps */\n useEffect(() => {\n loadShifts()\n }, [month, search, chosenCompaniesIds])\n\n return useMemo(\n () => ({\n loadShifts,\n setManagedShiftInfo,\n managedShiftInfo,\n manageShift,\n shifts,\n loading,\n manageMultipleShifts\n }),\n [managedShiftInfo, shifts, loading, manageMultipleShifts]\n )\n /* eslint-enable react-hooks/exhaustive-deps */\n}\n","import { useState, useEffect } from 'react'\n\nimport axios from 'axios'\nimport { getApiErrorMessage, showErrorModal } from 'utils/confirmations'\nimport { url } from 'utils/urlGenerator'\n\nexport default () => {\n const [isLoading, setIsLoading] = useState(false)\n const [companies, setCompanies] = useState([])\n\n useEffect(() => {\n setIsLoading(true)\n\n axios\n .get(url('v2/shifts/companies'))\n .then(({ data }) => {\n setCompanies(data.rows)\n })\n .catch(() => {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n })\n .finally(() => {\n setIsLoading(false)\n })\n }, [])\n\n return { companies, isLoading }\n}\n","import dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { isEqual, uniq } from 'lodash'\n\nimport { formatTime } from '../../utils/formatTime'\n\ndayjs.extend(isBetween)\n\nexport const getDayParams = day => {\n const dayjsDay = dayjs(day)\n const weekDay = dayjsDay.day()\n const today = dayjsDay.isToday()\n const past = dayjsDay.isBefore(dayjs(), 'date')\n const startOfWeek = weekDay === 1\n const endOfWeek = weekDay === 0\n const date = dayjsDay.format('DD.MM.YYYY')\n const dateIso = dayjsDay.format('YYYY-MM-DD')\n\n return {\n date,\n dateIso,\n dayjsDay,\n today,\n past,\n weekDay,\n startOfWeek,\n endOfWeek\n }\n}\n\nconst getShiftDayParams = ({\n version: { version_employees, actual_to, start_time, end_time, regularity, actual_from },\n employee,\n day: { dayjsDay, weekDay, past, today },\n subject,\n datesWithInvalidRegistrationsCount,\n employeeDays,\n hasAbsence,\n canManage\n}) => {\n const isdayInvalid = invalidDates => invalidDates?.find(date => dayjs(date).isSame(dayjsDay, 'day'))\n const isSameDayOrAfter = day => dayjsDay.isSame(day, 'day') || dayjsDay.isAfter(day, 'day')\n\n const shiftVersionEmployee =\n employee && version_employees?.find(versionEmployee => versionEmployee.employee_id === employee.id)\n\n const isVersionEmployee =\n shiftVersionEmployee && dayjsDay.isBetween(shiftVersionEmployee.created_at, actual_to, 'day', '[]')\n\n const adjustedRegularity = regularity?.map(num => (num === 7 ? 0 : num))\n const regularityDay = start_time && end_time && adjustedRegularity.includes(weekDay)\n const drawDayBlock = ((regularityDay && isSameDayOrAfter(actual_from)) || subject) && subject?.status !== 'deleted'\n const showEmployeeDayBlock = isVersionEmployee || (employee && subject?.employee_id === employee.id)\n const showDayBlock = employee ? showEmployeeDayBlock && drawDayBlock : drawDayBlock\n const dayInvalid = (past || today) && isdayInvalid(Object.keys(datesWithInvalidRegistrationsCount))\n const employeeDayInvalid = employee && dayInvalid && isdayInvalid(employee.invalid_dates)\n const invalidRegistrationsCount =\n dayInvalid && datesWithInvalidRegistrationsCount[dayjs(dayjsDay).format('YYYY-MM-DD')]\n const creatable = canManage && (employee ? showEmployeeDayBlock : true)\n const hasEmployeeDays = !employee && !showDayBlock && !!employeeDays?.filter(day => day.status == 'updated').length\n const hasPlannedDay = employee ? !hasAbsence : true\n const showBlock = (showDayBlock && hasPlannedDay) || hasEmployeeDays\n\n return {\n creatable,\n dayInvalid,\n employeeDayInvalid,\n showDayBlock,\n showBlock,\n hasAbsence,\n invalidRegistrationsCount\n }\n}\n\nexport const versionForCurrentDay = (version, dayjsDay) => {\n if (version.actual_to) {\n return dayjsDay.isBetween(version.actual_from, version.actual_to, 'day', '[]')\n } else {\n return dayjsDay.isSame(version.actual_from) || dayjsDay.isAfter(version.actual_from)\n }\n}\n\nconst findShiftUnits = ({ shift: { shift_days, shift_employee_days, versions }, dayjsDay, employee }) => {\n const version = versions.find(version => versionForCurrentDay(version, dayjsDay))\n\n const currentBlockDay = date => dayjs(date).isSame(dayjsDay, 'day')\n\n const shiftDay = shift_days?.find(day => currentBlockDay(day.date))\n const employeeDays = shift_employee_days?.filter(day => currentBlockDay(day.date)) || []\n const employeeDay = employee && employeeDays.find(day => day.employee_id === employee.id)\n const subject = employeeDay || shiftDay\n\n const startTime = subject?.start_time || version?.start_time\n const endTime = subject?.end_time || version?.end_time\n\n const breakTimes = subject?.break_time_periods || version?.break_time_periods\n\n const singleDayShift = startTime && endTime ? dayjs(startTime).isBefore(dayjs(endTime)) : true\n const versionWithTimes = version?.start_time && version.end_time\n\n return {\n shiftDay,\n employeeDays,\n employeeDay,\n subject,\n startTime,\n endTime,\n singleDayShift,\n version,\n versionWithTimes,\n breakTimes\n }\n}\n\nconst getAbsenceDates = absences => {\n let dateList = []\n\n absences.map(a => {\n let currDate = dayjs(a.date_from)\n const dateTo = dayjs(a.date_to)\n\n while (currDate.diff(dateTo) <= 0) {\n dateList.push(currDate.format('YYYY-MM-DD'))\n currDate = currDate.add(1, 'day')\n }\n })\n\n return uniq(dateList)\n}\n\nexport const processRow = ({ employee, shift, days, absences = [] }) => {\n if (!shift) return\n\n const item = employee ? employee : shift\n const { dates_with_invalid_registrations_count } = shift\n\n const absenceDates = getAbsenceDates(absences)\n\n const dayInfo = days.map(day => {\n const { dayjsDay, date } = day\n\n const shiftUnits = findShiftUnits({\n dayjsDay,\n shift,\n employee\n })\n\n const { subject, singleDayShift, version, versionWithTimes, employeeDays, startTime, endTime } = shiftUnits\n\n const checkShiftTime = (time, addDay = false) => {\n if (!version || (!versionWithTimes && !subject)) return false\n\n const currentTime = dayjs()\n let comparableTime = dayjs(`${date} ${formatTime(time)}`, 'DD.MM.YYYY HH:mm')\n\n if (addDay) {\n comparableTime = comparableTime.add(1, 'days')\n }\n\n return currentTime.isAfter(comparableTime)\n }\n\n const shiftStarted = () => checkShiftTime(startTime)\n const shiftEnded = () => checkShiftTime(endTime, !singleDayShift)\n\n const hasAbsence = absenceDates.includes(dayjsDay.format('YYYY-MM-DD'))\n const canManage = shift.can_manage\n\n const dayBlockParams = getShiftDayParams({\n version: version || {},\n employee,\n day,\n subject,\n datesWithInvalidRegistrationsCount: dates_with_invalid_registrations_count || {},\n singleDayShift,\n employeeDays,\n hasAbsence,\n canManage\n })\n\n const isShiftEdited =\n version &&\n !employee &&\n !dayjsDay.isSame(dayjs(shift.created_at), 'day') &&\n dayjsDay.isSame(dayjs(version.actual_from))\n\n const dayUpdated = subject?.status === 'updated'\n\n return {\n [dayjsDay.format('DD.MM.YYYY')]: {\n day,\n shiftUnits,\n shiftStarted,\n shiftEnded,\n dayBlockParams,\n editParams: { isShiftEdited, dayUpdated }\n }\n }\n })\n\n return { ...item, days: Object.assign({}, ...dayInfo) }\n}\n\nexport const unitSelectIndex = (units, attributes) => units.findIndex(item => isEqual(item, attributes))\n","import React from 'react'\n\nimport Icon from './Icon'\nimport Tooltip from './Tooltip'\n\nconst variants = {\n warning: {\n icon: 'warningFilled',\n className: 'warning-icon'\n },\n info: {\n icon: 'info',\n className: 'info-icon'\n }\n}\n\nconst SimpleFormTooltip = ({ id, tooltip, variant }) => {\n const tooltipId = `tooltip-${id}`\n const style = variants[variant || 'warning']\n\n return (\n <>\n \n \n\n \n {tooltip}\n \n \n )\n}\n\nexport default SimpleFormTooltip\n","import dayjs from 'dayjs'\nimport compose from 'lodash/fp/compose'\nimport { makeObservable, action, observable } from 'mobx'\nimport qs from 'qs'\nimport { tenant } from 'utils/urlGenerator'\n\nimport { t } from '../utils/i18n'\nimport { StoreCheckbox } from './StoreCheckbox'\nimport { StoreData } from './StoreData'\nimport { StoreFilter } from './StoreFilter'\nimport { StoreTableScrollPages } from './StoreTableScrollPages'\n\nclass Store {\n defaultFilters = {\n keyword: undefined,\n duration: undefined,\n construction_object_id: undefined,\n company_id: undefined,\n status: undefined,\n role: undefined,\n permission: undefined,\n state: undefined,\n other: undefined,\n checkable_type: undefined,\n checkable_identifier: undefined,\n contract_kind: undefined,\n is_foreign: undefined,\n period: undefined,\n kind: undefined,\n is_foreigner: undefined,\n construction_object_vedludb_token: undefined,\n startDate: dayjs().startOf('month').format(t('date.formats.default_raw_sql_human')),\n endDate: dayjs().endOf('month').format(t('date.formats.default_raw_sql_human')),\n starting_time_start_date: undefined,\n starting_time_end_date: undefined,\n deadline_start_date: undefined,\n deadline_end_date: undefined,\n created_start_date: undefined,\n created_end_date: undefined,\n user_id: undefined,\n owner_id: undefined,\n closing_type: undefined,\n responsible: undefined,\n task_activities: undefined,\n construction_object_task_id: undefined,\n construction_object_sub_task_id: undefined\n }\n\n state = {\n url: undefined,\n dataSize: 0,\n page: 0,\n pages: 0,\n loading: false,\n tableRowCheckboxes: new Map(),\n showFilter: false,\n sorted: undefined,\n defaultFilter: undefined,\n baseScope: undefined,\n timeZone: undefined,\n expanded: {},\n loadingRows: {},\n filtersHuman: {},\n filters: {\n ...this.defaultFilters\n }\n }\n\n data = []\n\n constructor({\n url,\n defaultFilter,\n defaultSorted,\n baseScope,\n timeZone,\n onStateChange,\n onDataLoad = null,\n additionalParams = {}\n }) {\n makeObservable(this, {\n data: observable,\n state: observable,\n clearFilters: action,\n setState: action,\n applySettings: action\n })\n\n this.defaultSorted = defaultSorted\n this.onStateChange = onStateChange\n this.onDataLoad = onDataLoad\n this.additionalParams = additionalParams\n\n if (this.storedSettings) {\n this.applySettings(this.storedSettings, { url, defaultFilter, baseScope, timeZone, sorted: defaultSorted })\n }\n }\n\n toggleLoadingRow(rowId) {\n this.setState({\n loadingRows: { ...this.state.loadingRows, [rowId]: !this.state.loadingRows[rowId] }\n })\n }\n\n clearFilters = () => {\n this.setState({\n showFilter: false,\n filters: { ...this.defaultFilters },\n sorted: this.defaultSorted\n })\n\n const { filters: _filters, ...params } = qs.parse(window.location.search, { ignoreQueryPrefix: true })\n window.history.replaceState(null, null, `${window.location.pathname}?${qs.stringify(params)}`)\n\n this.reload()\n }\n\n collectSettings = () => {\n const { page, pageSize, showFilter, sorted, filters } = this.state\n\n return { page, pageSize, showFilter, sorted, filters }\n }\n\n setState(newState) {\n this.state = { ...this.state, ...newState }\n\n if (this.onStateChange) this.onStateChange()\n }\n\n applySettings(settings, props) {\n const queryFilter = qs.parse(window.location.search, { ignoreQueryPrefix: true }).filters || {}\n const showFilter = Object.keys(queryFilter).length > 0 || settings.showFilter\n\n this.state = {\n ...this.state,\n ...props,\n ...settings,\n showFilter,\n filters: {\n ...this.state.filters,\n ...settings.filters,\n ...queryFilter\n }\n }\n }\n\n saveSettings() {\n sessionStorage.setItem('currentSection', this.currentSection)\n sessionStorage.setItem(this.storageKey, JSON.stringify(this.collectSettings()))\n }\n\n get storedSettings() {\n const previousSection = sessionStorage.getItem('currentSection')\n\n if (!this.currentSection) return {}\n\n if (previousSection !== this.currentSection) {\n sessionStorage.clear()\n }\n\n const settingsJSON = sessionStorage.getItem(this.storageKey)\n\n return settingsJSON ? JSON.parse(settingsJSON) : {}\n }\n\n get currentSection() {\n const sectionRegex = new RegExp(`/${tenant()}/v2/([^/]*)/?.*`)\n const checkableLocation = location.pathname.replace('tasker/', '').replace('settings/', '')\n const sectionMatch = checkableLocation.match(sectionRegex)\n\n return sectionMatch && sectionMatch[1]\n }\n\n get storageKey() {\n return `preferences-${location.pathname}`\n }\n\n updateState(newState) {\n this.setState({ ...newState })\n }\n}\n\nexport default compose(StoreFilter, StoreData, StoreCheckbox, StoreTableScrollPages)(Store)\n","import { makeObservable, action } from 'mobx'\n\n/**\n * Table checkbox related functions\n * @param storeState\n */\nexport const StoreCheckbox = storeState =>\n class extends storeState {\n constructor(args) {\n super(args)\n makeObservable(this, {\n toggleHeaderCheckbox: action,\n toggleRowCheckbox: action,\n loadCheckboxes: action\n })\n }\n\n get checkboxes() {\n return this.state.tableRowCheckboxes\n }\n\n clearCheckboxes = () => this.checkboxes.clear()\n\n loadCheckboxes = newData => {\n const data = newData || this.data\n\n data.forEach(row => {\n if (!this.checkboxes.has(row.id)) {\n this.checkboxes.set(row.id, false)\n }\n })\n }\n\n getHeaderCheckboxState = () => this.isAllChecked()\n\n toggleHeaderCheckbox = () => this.setAllRowCheckboxes(!this.isAllChecked() && !this.isAnyChecked())\n\n getRowCheckboxState = id => this.checkboxes.get(id)\n\n toggleRowCheckbox = id => this.checkboxes.set(id, !this.getRowCheckboxState(id))\n\n setAllRowCheckboxes = val => this.checkboxes.forEach((_, key, map) => map.set(key, val))\n\n checkedRows = () => [...this.checkboxes].filter(([_, val]) => val)\n\n isAnyChecked = () => [...this.checkboxes].some(([_, val]) => val)\n\n isAllChecked = () => this.checkboxes.length > 0 && [...this.checkboxes.values()].every(val => val)\n\n getHeaderCheckboxIconClassName = () => (this.isAnyChecked() && !this.isAllChecked() ? 'checkminus' : 'checkmark')\n }\n","import Axios from 'axios'\nimport dayjs from 'dayjs'\nimport pick from 'lodash/pick'\nimport reject from 'lodash/reject'\nimport { makeObservable, action, runInAction, observable } from 'mobx'\n\nimport { t } from '../utils/i18n'\nimport { url } from '../utils/urlGenerator'\n\nexport const StoreData = storeState =>\n class extends storeState {\n constructor(args) {\n super(args)\n makeObservable(this, {\n reload: action,\n resetSubrows: action,\n appendSubrows: action,\n loadingRows: observable\n })\n }\n\n loadingRows = new Map()\n\n currentPage = 0\n\n reload = async () => {\n this.setState({ loading: true })\n\n // assume that filters (or something else) have changed if page has not changed\n if (this.currentPage === this.state.page) {\n const perservedPage = sessionStorage.tableStorePage\n sessionStorage.removeItem('tableStorePage')\n this.setState({ page: Number(perservedPage) || 0 })\n } else {\n this.currentPage = this.state.page\n }\n\n try {\n const { data } = await Axios.get(this.state.url, {\n params: { ...this.buildParams(false), ...this.additionalParams }\n })\n\n runInAction(() => {\n this.setState({\n ...this.state,\n pages: data.pages,\n dataSize: data.count,\n loading: false\n })\n\n this.data = data.rows\n\n this.onDataLoad && this.onDataLoad()\n\n this.saveSettings()\n this.clearCheckboxes()\n this.loadCheckboxes()\n })\n } catch (error) {\n this.setState({ loading: false })\n }\n }\n\n resetSubrows() {\n this.loadingRows.clear()\n }\n\n subrowsTarget(rowId) {\n const idPath = `${rowId}`.split('.')\n let current = this.data\n\n // Navigate to the parent where we want to set subrows\n for (let i = 0; i < idPath.length - 1; i++) {\n current = current[idPath[i]].subRows\n }\n\n return current[idPath[idPath.length - 1]]\n }\n\n appendSubrows(rowId, rows) {\n // Set the subrows at the final position\n const targetParent = this.subrowsTarget(rowId)\n\n if (targetParent.subRows) {\n targetParent.subRows = targetParent.subRows.concat(rows)\n } else {\n targetParent.subRows = rows\n }\n }\n\n clearSubRows(rowId) {\n const targetParent = this.subrowsTarget(rowId)\n targetParent.subRows = []\n }\n\n dateFiltersAsHuman() {\n const {\n starting_time_start_date,\n starting_time_end_date,\n deadline_start_date,\n deadline_end_date,\n created_start_date,\n created_end_date\n } = this.state.filters\n\n const intervals = {}\n const format = t('date.formats.default_human_js')\n\n const groups = {\n starting_time_interval: [starting_time_start_date, starting_time_end_date],\n deadline_interval: [deadline_start_date, deadline_end_date],\n created_at_interval: [created_start_date, created_end_date]\n }\n\n for (let key in groups) {\n const [start, end] = groups[key]\n if (start || end) {\n intervals[key] = groups[key].map(d => (d ? dayjs(d).format(format) : '...'))\n }\n }\n\n return intervals\n // appending [undefined, undefined] to human_filters is valid. Since undefined values are parsed out\n }\n\n getHumanFilterValues(filterValue, humanField) {\n const { filtersHuman } = this.state\n\n return reject(filtersHuman[humanField], f => {\n if (Array.isArray(filterValue)) {\n return !filterValue.includes(f.value)\n } else {\n return filterValue !== f.value\n }\n }).map(f => f.label)\n }\n\n buildFilter(include_human_filters = false) {\n const stateFilters = this.state.filters\n\n let filter = {}\n let human_filters = {}\n\n Object.keys(stateFilters).forEach(field => {\n let filterValue = undefined\n if (stateFilters[field] === undefined && this.state.defaultFilter) {\n filter[field] = filterValue = this.state.defaultFilter[field]\n } else if (stateFilters[field] !== undefined && stateFilters[field] !== null) {\n filter[field] = filterValue = stateFilters[field]\n }\n\n if (filterValue && include_human_filters) {\n if (['startDate', 'endDate'].includes(field)) return // Not used in human_filters, proceed to next field\n\n const adjustedField = field.replace('_id', '')\n human_filters[adjustedField] = this.getHumanFilterValues(filterValue, adjustedField)\n }\n })\n\n human_filters = include_human_filters ? { ...human_filters, ...this.dateFiltersAsHuman() } : undefined\n\n return { filter, human_filters }\n }\n\n buildParams(include_human_filters = false) {\n const {\n pageSize,\n sorted,\n page,\n filters: { startDate, endDate, keyword },\n baseScope,\n timeZone\n } = this.state\n\n let sort_by = ''\n let sort_order = 'asc'\n if (sorted.length > 0) {\n sort_by = sorted[0].id\n sort_order = sorted[0].desc === false ? 'asc' : 'desc'\n }\n\n return {\n page: page + 1,\n paginate_per: pageSize,\n sort_by,\n sort_order,\n base_scope: baseScope,\n time_zone: timeZone,\n start_date: startDate || dayjs().startOf('month').format(t('date.formats.default_raw_sql_human')),\n end_date: endDate || dayjs().endOf('month').format(t('date.formats.default_raw_sql_human')),\n q: keyword,\n ...this.buildFilter(include_human_filters)\n }\n }\n\n exportData(exportUrl, params = {}) {\n const chosenParams = pick(\n this.buildParams(true),\n 'filter',\n 'human_filters',\n 'q',\n 'sort_by',\n 'sort_order',\n 'start_date',\n 'end_date',\n 'base_scope',\n 'time_zone'\n )\n\n window.location = url(exportUrl, { ...chosenParams, ...params })\n }\n }\n","import dayjs from 'dayjs'\nimport debounce from 'lodash/debounce'\nimport mapKeys from 'lodash/mapKeys'\nimport mapValues from 'lodash/mapValues'\nimport pick from 'lodash/pick'\nimport { makeObservable, action } from 'mobx'\n\nimport { t } from '../utils/i18n'\n\nexport const StoreFilter = storeState =>\n class extends storeState {\n constructor(args) {\n super(args)\n makeObservable(this, {\n setFilterKeyword: action,\n setFilterDuration: action,\n setFilter: action,\n toggleFilter: action,\n onDatesChange: action,\n onRangeDateChange: action,\n onMonthDateChange: action,\n onTimeZoneChange: action,\n setFilterLabels: action\n })\n }\n\n setFilterKeyword = event => {\n this.state.filters.keyword = event.target.value\n this.debouncedReload()\n }\n\n debouncedReload = debounce(this.reload, 500)\n\n getFilterKeyword() {\n return this.state.filters.keyword || ''\n }\n\n setFilterDuration = event => {\n this.state.filters.duration = event.target.value\n this.debouncedReload()\n }\n\n getFilterDuration() {\n return this.state.filters.duration || ''\n }\n\n setFilter(field, selection) {\n if (selection) {\n this.state.filters[field] = Array.isArray(selection) ? selection.map(s => s.value) : selection.value\n } else {\n this.state.filters[field] = null\n }\n\n this.reload()\n }\n\n toggleFilter = () => {\n this.state.showFilter = !this.state.showFilter\n }\n\n getFilterState() {\n return this.state.showFilter\n }\n\n onDatesChange = (startDate, endDate) => {\n if (startDate && endDate) {\n const format = t('date.formats.default_raw_sql_human')\n\n this.state.filters.startDate = startDate.format(format)\n this.state.filters.endDate = endDate.format(format)\n this.reload()\n }\n }\n\n onRangeDateChange = (date, type) => {\n if (type) {\n this.state.filters[type] = date && dayjs(date).format(t('date.formats.default_raw_sql_human'))\n this.reload()\n }\n }\n\n onMonthDateChange = date => {\n this.state.filters.period = date && dayjs(date).format(t('date.formats.without_date_human'))\n this.reload()\n }\n\n onTimeZoneChange = selection => {\n this.state.timeZone = selection.value\n this.reload()\n }\n\n setMultipleFilters(newFilters) {\n this.setState({\n filters: { ...this.state.filters, ...newFilters }\n })\n this.reload()\n }\n\n setFilterLabels(tableProps) {\n const filterKeys = Object.keys(tableProps).filter(key => key.includes('_options'))\n const processedProps = pick(tableProps, filterKeys)\n const formattedKeys = mapKeys(processedProps, (value, key) => key.replace('_options', ''))\n this.state.filtersHuman = mapValues(formattedKeys, obj => {\n if (!obj || obj.length === 0) return obj\n if (Array.isArray(obj[0])) {\n return obj.map(([label, value]) => ({ label, value }))\n } else {\n return obj\n }\n })\n }\n }\n","import { makeObservable, action } from 'mobx'\n\nexport const StoreTableScrollPages = storeState =>\n class extends storeState {\n constructor(args) {\n super(args)\n makeObservable(this, {\n resetScrollPage: action,\n incrementScrollPage: action\n })\n }\n\n tableScrollPages = new Map()\n\n get pages() {\n return this.state.tableScrollPages\n }\n\n resetScrollPage = rowId => this.tableScrollPages.clear(rowId)\n\n incrementScrollPage = (rowId, rowsLeftCount) => {\n const pageNum = this.tableScrollPages.get(rowId)?.pageNum || 0\n\n this.tableScrollPages.set(rowId, { pageNum: pageNum + 1, rowsLeftCount })\n }\n }\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport Icon from '../Icon'\nimport styles from './SubItem.module.scss'\n\nconst SubItem = ({ children, onAdd, onRemove, className = undefined }) => {\n return (\n \n {children}\n
\n )\n}\n\nexport default SubItem\n","import React, { useEffect, useState, useCallback } from 'react'\n\nimport classNames from 'classnames'\n\nimport { generateId } from '../utils/generateId'\nimport Icon from './Icon'\n\nconst DestroyedSubItem = ({ id, inputName }) => (\n \n
\n)\n\nconst SubItemRow = ({\n subItem,\n idx,\n inputClass,\n inputNameBase,\n canRemove,\n handleSubItemAdd,\n handleItemChange,\n subItemIdTarget,\n itemAttribute\n}) => {\n const { completed, id, persisted, destroyed, [itemAttribute]: value } = subItem\n\n const inputName = (id, attribute) => `${inputNameBase}[${id}][${attribute}]`\n\n if (destroyed) {\n return persisted ? \n
handleItemChange(id, { [itemAttribute]: e.target.value })}\n autoFocus={id === subItemIdTarget}\n />\n\n {!value && handleSubItemAdd(idx)} />\n {canRemove && (\n handleItemChange(id, { destroyed: true })} />\n )}\n {errors && {errors.join('; ')}
}\n \n {subItems.map((subItem, idx) => (\n
\n )\n}\n\nexport default SubItemsInput\n","import React, { useMemo } from 'react'\n\nimport classNames from 'classnames'\nimport isFunction from 'lodash/isFunction'\n\nimport { generateId } from '../utils/generateId'\nimport { t } from '../utils/i18n'\nimport Icon from './Icon'\nimport styles from './Styles/SimpleTable.module.scss'\nimport { ActionDropdown } from './elements/actions'\n\nconst actionsColumn = actions => ({\n className: 'row-actions text-center',\n width: 50,\n Cell: ({ resource }) => {\n if (\n !actions ||\n actions?.length === 0 ||\n (resource.permissions &&\n actions.every(action => !(resource.permissions && resource.permissions[action.permission])))\n ) {\n return null\n }\n\n return (\n \n \n
\n)\n\nconst Table = ({\n columns,\n data = [],\n withBorder = false,\n withHover = false,\n actions = null,\n isLoading = false,\n className = '',\n onRowClick\n}) => {\n const tableClasses = [\n styles.simpleTable,\n withBorder ? styles.withBorder : '',\n withHover ? styles.withHover : '',\n className\n ]\n const rowClasses = [styles.row, onRowClick ? 'clickable' : '']\n const finalColumns = useMemo(() => (actions ? columns.concat(actionsColumn(actions)) : columns), [actions, columns])\n\n const applyColumnProps = column => {\n return {\n className: column.className || '',\n style: {\n width: column.width || 'auto'\n }\n }\n }\n\n return (\n \n \n \n {finalColumns.map((col, idx) => (\n \n {isFunction(col.Header) ? \n ))}\n \n \n \n {isLoading && (\n \n \n \n \n )}\n {!isLoading &&\n data.map((row, idx) => (\n {\n onRowClick(row)\n }\n : null\n }\n >\n {finalColumns.map((col, idx2) => (\n \n {col.Cell ? col.Cell({ row: { original: row }, resource: row, id: idx }) : row[col.accessor]}\n \n ))}\n \n ))}\n {!isLoading && data.length === 0 && (\n \n \n {t('no_data')}\n \n \n )}\n \n
\n )\n}\n\nexport default Table\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { observer } from 'mobx-react'\n\nconst CheckboxColumn = ({ store }) => {\n const props = { store, visible: store.isAnyChecked() }\n\n return {\n header: \n \n )\n}\n\nexport { CheckboxColumn }\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport { omitBy } from 'lodash'\nimport { observe, runInAction } from 'mobx'\n\nimport { getColumnOptions } from '../utils/columnOptions'\nimport { getApiErrorMessage, showErrorModal } from '../utils/confirmations'\nimport { cleanTasksTableData } from '../utils/sessionStorage'\nimport { url } from '../utils/urlGenerator'\n\nconst getRows = (newRows, addrArr, rows) => {\n const idx = addrArr.shift()\n const isEnd = addrArr.length === 0\n\n return rows.map((row, pos) => {\n if (idx != pos) {\n return row\n } else if (isEnd) {\n return { ...row, subRows: newRows }\n } else {\n return { ...row, subRows: getRows(newRows, addrArr, row.subRows || row.subrows) }\n }\n })\n}\n\nconst calculateExpandedMap = (expandedMap, rowId, open) =>\n open\n ? { ...expandedMap, [rowId]: open }\n : omitBy(expandedMap, (val, addr) => addr === rowId || addr.startsWith(`${rowId}.`))\n\nclass TableContainer extends React.Component {\n state = { columnOptions: [] }\n\n componentDidMount() {\n this.setState({ columnOptions: getColumnOptions(this.columns, this.props.hidden_columns) })\n this.store.setFilterLabels(this.props)\n observe(this.store.state.filters, () => this.resetSubRows())\n }\n\n onColumnVisibilityChange = accessorKey => {\n this.setState(ps => ({\n columnOptions: ps.columnOptions.map(column =>\n column.accessorKey === accessorKey ? { ...column, visible: !column.visible } : column\n )\n }))\n }\n\n getExpandableCellClassName = ({ row }) =>\n classNames({\n 'third-level-row': row?.original.subRow && row.original.subRowName === 'thirdLevelRows',\n subrow: row?.original.subRow,\n last: row?.original.lastSubRow\n })\n\n renderExpander = (row, isParent, isExpanded) => {\n const { loadingRows } = this.store.state\n\n if (!isParent)\n return (\n \n )\n\n const iconClassNames = loadingRows[row.id] ? 'fa-spinner fa-spin' : `fa-chevron-${isExpanded ? 'down' : 'right'}`\n\n if (row.depth > 0)\n return (\n \n )\n\n return (\n \n \n )\n }\n\n onExpandedChange = async ({\n rowId,\n parentId,\n path,\n open,\n startingTime = null,\n parentType = null,\n contextModel = null,\n contextObjectId = null\n }) => {\n const expanded = calculateExpandedMap(this.store.state.expanded, rowId, open)\n\n if (open) {\n this.store.toggleLoadingRow(rowId)\n\n const { rows, rowsLeftCount } = await this.loadSubRows({\n rowId,\n parentId,\n path,\n open,\n startingTime,\n parentType,\n contextModel,\n contextObjectId,\n pageNum: 1\n })\n\n runInAction(() => {\n this.store.toggleLoadingRow(rowId)\n this.store.incrementScrollPage(rowId, rowsLeftCount)\n this.store.appendSubrows(rowId, rows)\n this.store.updateState({ expanded })\n this.store.loadCheckboxes(rows)\n })\n } else {\n runInAction(() => {\n this.store.resetScrollPage(rowId)\n this.store.updateState({ expanded })\n this.store.clearSubRows(rowId)\n })\n }\n }\n\n loadSubRows = async ({ parentId, path, open, startingTime, parentType, contextModel, contextObjectId, pageNum }) => {\n let newRows = []\n let newRowsLeftCount = 0\n\n if (open) {\n try {\n const {\n data: { rows, rowsLeftCount }\n } = await axios.get(\n url(path, {\n parent_type: parentType,\n parent_id: parentId,\n context_model: contextModel,\n context_object_id: contextObjectId,\n starting_time: startingTime,\n ...this.store.buildParams(),\n page: pageNum\n })\n )\n\n newRows = rows\n newRowsLeftCount = rowsLeftCount\n } catch (err) {\n showErrorModal({\n title: getApiErrorMessage(null),\n cancelAction: Turbolinks.visit\n })\n }\n }\n\n return { rows: newRows, rowsLeftCount: newRowsLeftCount }\n }\n\n onLoadMoreChange = async ({ rowId, parentId, path, startingTime, parentType, contextModel, contextObjectId }) => {\n const scrollPage = this.store.tableScrollPages.get(rowId)\n this.store.toggleLoadingRow(rowId)\n\n const { rows, rowsLeftCount } = await this.loadSubRows({\n open: true,\n rowId,\n parentId,\n path,\n startingTime,\n parentType,\n contextModel,\n contextObjectId,\n pageNum: scrollPage.pageNum + 1\n })\n\n runInAction(() => {\n this.store.incrementScrollPage(rowId, rowsLeftCount)\n this.store.appendSubrows(rowId, rows)\n this.store.toggleLoadingRow(rowId)\n this.store.loadCheckboxes(rows)\n })\n }\n\n getTableRows(parentRowId, newRows = []) {\n const addrArr = `${parentRowId}`.split('.')\n\n return getRows(newRows, addrArr, this.store.data)\n }\n\n resetSubRows() {\n cleanTasksTableData()\n this.store.updateState({ loadingRows: {}, expanded: {} })\n // this.store.resetSubrows()\n }\n}\n\nexport default TableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../utils/i18n'\nimport { FilterContainer, SearchField } from '../../FilterComponents'\n\nclass TaskGroupsFilter extends React.Component {\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(TaskGroupsFilter)\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport ActiveTable from '../../ActiveTable'\nimport { edit, remove, removeSelected } from '../../elements/actionDefinitions'\nimport navigateToFilteredTasks from './navigateToFilteredTasks'\n\nclass TaskGroupsTable extends React.Component {\n pathPrefix = 'v2/tasker/task_groups'\n\n actions = {\n row: [\n edit(this.pathPrefix, 'v2.tasker.user_groups.edit.title'),\n remove(this.pathPrefix, {\n text: t('destroy'),\n confirmationProps: {\n text: t('confirm_destroy'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n }\n })\n ],\n header: [\n removeSelected(this.pathPrefix, {\n text: t('destroy_selected'),\n confirmationProps: {\n text: t('confirm_destroy_selected'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n }\n })\n ]\n }\n\n render() {\n return (\n ({ task_group_id: [row.original.id] }))}\n />\n )\n }\n}\n\nexport default TaskGroupsTable\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport Store from '../../Store'\nimport TableContainer from '../../TableContainer'\nimport TaskGroupsFilter from './TaskGroupsFilter'\nimport TaskGroupsTable from './TaskGroupsTable'\n\nclass TaskGroupsTableContainer extends TableContainer {\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'name', desc: false }],\n baseScope: this.props.base_scope\n })\n\n columns = [\n {\n header: t('activerecord.attributes.tasker/user_group.name'),\n accessorKey: 'name'\n },\n {\n header: t('activerecord.attributes.tasker/user_group.draft_tasks_count'),\n accessorKey: 'draft_tasks_count',\n size: 20,\n minSize: 20\n },\n {\n header: t('activerecord.attributes.tasker/user_group.in_progress_tasks_count'),\n accessorKey: 'in_progress_tasks_count',\n size: 20,\n minSize: 20\n },\n {\n header: t('activerecord.attributes.tasker/user_group.delayed_tasks_count'),\n accessorKey: 'delayed_tasks_count',\n size: 20,\n minSize: 20\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default TaskGroupsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../../FilterComponents'\n\nclass UserGroupsFilter extends React.Component {\n hiddenFilters = () => {\n const { store, user_options, parent_options } = this.props\n\n return (\n <>\n \n \n )\n }\n}\n\nexport default observer(UserGroupsFilter)\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../utils/i18n'\nimport { FilterContainer, SearchField } from '../../FilterComponents'\n\nclass UserGroupsParentsFilter extends React.Component {\n render() {\n const { store, ...others } = this.props\n return (\n \n \n )\n }\n}\n\nexport default observer(UserGroupsParentsFilter)\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { t } from '../../../utils/i18n'\nimport Avatar from '../../Avatar'\nimport Store from '../../Store'\nimport TableContainer from '../../TableContainer'\nimport UserGroupsParentsFilter from './UserGroupsParentsFilter'\nimport UserGroupsTable from './UserGroupsTable'\n\nclass UserGroupsParentTableContainer extends TableContainer {\n state = {\n expanded: {},\n loadingRows: {}\n }\n\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'name', desc: false }],\n baseScope: this.props.base_scope\n })\n\n columns = [\n {\n accessorKey: 'row-expander',\n id: 'row-expander',\n header: '',\n size: 40,\n maxSize: 40,\n sortable: false,\n enableResizing: false,\n minSize: 40,\n cell: ({ row, row: { original } }) => {\n return !original.is_parent || original.children_count > 0 ? (\n \n {this.renderExpander(row, original.is_parent, row.getIsExpanded(), original.parent_id_prefix)}\n
\n ) : null\n },\n getClassName: this.getExpandableCellClassName,\n hideable: false\n },\n {\n header: t('activerecord.attributes.tasker/user_group.name'),\n accessorKey: 'name',\n cell: ({ getValue, row }) => {\n let value = getValue()\n\n if (row.original.is_parent) {\n value = (\n <>\n {value} \n ({row.original.children_count}) \n \n )\n }\n\n return \n \n row.depth === 0 &&\n this.onExpandedChange({\n rowId: row.id,\n parentId: row.original.id,\n path: 'v2/tasker/user_groups_parents/child_groups',\n subRowName: 'secondLevelRows',\n parentIdPrefix: row.original.parent_id_prefix,\n open: !row.getIsExpanded()\n })\n }\n expanded={this.state.expanded}\n />\n
\n )\n }\n}\n\nexport default UserGroupsParentTableContainer\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport ActiveTable from '../../ActiveTable'\nimport { edit, remove, removeSelected } from '../../elements/actionDefinitions'\n\nconst getFilters = row => {\n const { is_parent, id } = row.original\n\n if (is_parent) {\n return { parent_user_group_id: [id] }\n } else {\n return { responsible: [`usergroup_${id}`] }\n }\n}\n\nclass UserGroupsTable extends React.Component {\n pathPrefix = 'v2/tasker/user_groups'\n\n actions = {\n row: [\n edit(this.pathPrefix, 'v2.tasker.user_groups.edit.title'),\n remove(this.pathPrefix, {\n text: t('destroy'),\n confirmationProps: {\n text: t('confirm_destroy'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n }\n })\n ],\n header: [\n removeSelected(this.pathPrefix, {\n text: t('destroy_selected'),\n confirmationProps: {\n text: t('confirm_destroy_selected'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n }\n })\n ]\n }\n\n _getTdProps = ({ row, column }) => ({\n onClick: () => {\n if (row.depth === 0 && this.props.parentsOnly) return\n if (['id', 'row_actions'].includes(column.accessorKey)) return\n\n Turbolinks.visit(url('v2/tasker/tasks', { filters: getFilters(row) }))\n }\n })\n\n render() {\n return (\n {value} \n ({children_count}) \n \n )\n }\n\n return \n
\n )\n }\n}\n\nexport default UserGroupsTableContainer\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../utils/i18n'\nimport { FilterContainer, SearchField, DateRangeFilter } from '../../FilterComponents'\n\nclass UsersFilter extends React.Component {\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(UsersFilter)\n","import React from 'react'\n\nimport ActiveTable from '../../ActiveTable'\nimport navigateToFilteredTasks from './navigateToFilteredTasks'\n\nclass UsersTable extends React.Component {\n render() {\n return (\n ({ responsible: [`user_${row.original.id}`] }))}\n />\n )\n }\n}\n\nexport default UsersTable\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport Avatar from '../../Avatar'\nimport Store from '../../Store'\nimport TableContainer from '../../TableContainer'\nimport UsersFilter from './UsersFilter'\nimport UsersTable from './UsersTable'\n\nclass UsersTableContainer extends TableContainer {\n store = new Store({\n url: this.props.url,\n defaultSorted: [{ id: 'full_name', desc: false }],\n baseScope: this.props.base_scope\n })\n\n columns = [\n {\n header: t('activerecord.attributes.user.full_name'),\n accessorKey: 'full_name',\n size: 200,\n cell: ({ getValue, row: { original } }) => \n
\n )\n }\n}\n\nexport default UsersTableContainer\n","import Turbolinks from 'turbolinks'\n\nimport { url } from '../../../utils/urlGenerator'\n\nexport default getFilter => {\n return ({ row, column }) => ({\n onClick: () => {\n if (['id', 'row_actions'].includes(column.accessorKey)) return\n\n Turbolinks.visit(url('v2/tasker/tasks', { filters: getFilter(row) }))\n }\n })\n}\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\nimport { t } from '../../../utils/i18n'\nimport Icon from '../../Icon'\n\ndayjs.extend(customParseFormat)\n\nconst DateTimeCell = ({ dateTime, isDelayed, hideDateTime = false }) => {\n const dayjsObject = dayjs(dateTime, t('time.formats.default_human_js'))\n const formattedDate = dateTime ? dayjsObject.format(t('date.formats.default_human_js')) : '-'\n const formattedTime = dateTime ? dayjsObject.format(t('time.formats.time_human_js')) : '-'\n\n return (\n \n
{hideDateTime ? '' : formattedDate} \n
\n
{hideDateTime ? '' : formattedTime}
\n
\n {isDelayed &&
\n
\n
this.addTimePeriod(idx)} />\n }\n\n renderRemoveIcon(id) {\n if (this.state.timePeriods.length > 1) {\n return this.removeTimePeriod(id)} />\n }\n }\n\n renderTimePeriod = ({ start, finish, id }, idx) => {\n const { disabled } = this.props\n const startInputOptions = { type: 'time', name: this.inputName(id, 'start'), value: start, disabled }\n const finishInputOptions = { type: 'time', name: this.inputName(id, 'finish'), value: finish, disabled }\n const invalid = (start && !finish) || (!start && finish) || Date.parse(start) > Date.parse(finish)\n\n return (\n \n this.onTimePeriodChange(value, 'start', id)}\n />\n {I18n.t('up_to')} \n this.onTimePeriodChange(value, 'finish', id)}\n />\n\n {!disabled && this.renderAddIcon(idx)}\n {!disabled && this.renderRemoveIcon(id)}\n
\n )\n }\n\n renderTimeEntriesMessage() {\n const { task_id } = this.props\n\n return (\n \n )\n }\n\n render() {\n const { disabled } = this.props\n\n return (\n \n
{this.state.timePeriods.map(this.renderTimePeriod)}
\n {disabled && this.renderTimeEntriesMessage()}\n
\n
\n
-
\n
\n
\n {!disabled && (\n <>\n insert(idx + 1, createEmptyPeriod())}\n />\n {periods.length > 1 && remove(idx)} />}\n \n )}\n
\n
\n
\n {t('activerecord.attributes.tasker/task.time_tracking_forbidden_time_periods')}:\n
\n
\n {fields.map((item, index) => (\n
\n
{errors.time_tracking_forbidden_time_periods.message}
\n )}\n \n )\n}\n\nexport default ForbiddenTimeInput\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { t } from 'i18n-js'\nimport { useFormContext } from 'react-hook-form'\n\nimport styles from '../../styles/ModuleWrapper.module.scss'\n\nconst RegularityButton = ({ periodName, value, disabled, onClick }) => (\n \n {t(periodName)}\n \n)\n\nconst RegularityConfigurationButtons = ({ value, onChange }) => {\n const { disableRegularity, submitting, selectOptions, setValue } = useFormContext()\n const selectInterval = type => {\n if (submitting || disableRegularity) return\n setValue('regularity.interval', selectOptions.regularity[`${type}_interval_options`][0])\n onChange(type)\n }\n\n const disabled = disableRegularity || submitting\n\n return (\n \n {['day', 'week', 'month'].map((periodName, key) => (\n selectInterval(periodName)}\n />\n ))}\n
\n )\n}\n\nexport default RegularityConfigurationButtons\n","import React from 'react'\n\nimport { t } from 'i18n-js'\nimport { useFormContext } from 'react-hook-form'\n\nimport SelectField from '../../../../../Forms/HookFields/SelectField'\nimport SectionTitle from '../../SectionTitle'\n\nconst RegularityDynamicSelect = ({ intervalKind, name, className = '' }) => {\n const { selectOptions, submitting, disableRegularity } = useFormContext()\n const options = selectOptions.regularity[`${intervalKind}_interval_options`]\n\n const selectProps = {\n className: `${className} select-container tasks-form-select-field dynamic-select`,\n classNamePrefix: 'rs',\n noOptionsMessage: () => t('components.select.no_options'),\n loadingMessage: () => t('components.select.loading_message'),\n formatCreateLabel: value => `${t('components.select.create', { value })}`,\n disabled: submitting || disableRegularity,\n name,\n options\n }\n\n return (\n \n {t('v2.tasker.tasks.regularity_common_fields.regularity_repetition')} \n
\n )\n}\n\nexport default RegularityDynamicSelect\n","import React, { useState } from 'react'\n\nimport classNames from 'classnames'\nimport { t } from 'i18n-js'\nimport { useFormContext } from 'react-hook-form'\n\nimport Switch from '../../../../../Forms/Fields/Switch'\nimport { DateField } from '../../../../../Forms/HookFields'\nimport SectionTitle from '../../SectionTitle'\nimport styles from '../../styles/ModuleWrapper.module.scss'\n\nconst RegularityPeriodSelection = () => {\n const { submitting, disableRegularity, setValue } = useFormContext()\n const isDisabled = submitting || disableRegularity\n const [isEndDateUndefined, setEndDateUndefined] = useState(false)\n\n const toggleUndefined = () => {\n if (!isEndDateUndefined) {\n setValue('regularity.end_date', null)\n }\n setEndDateUndefined(!isEndDateUndefined)\n }\n\n const switchProps = {\n onClick: toggleUndefined,\n onChange: () => {},\n disabled: isDisabled,\n checked: isEndDateUndefined\n }\n\n return (\n \n
{t('v2.tasker.tasks.regularity_common_fields.period')} \n
\n
\n
\n
\n
\n
{t('v2.tasker.tasks.regularity_common_fields.infinite_end_date')}
\n
\n
\n
\n
{t('v2.tasker.tasks.regularity_common_fields.duration_days')} \n
\n
\n
\n
\n )\n } else {\n return (\n \n
\n )\n }\n }\n\n return (\n \n
\n )\n}\n\nexport default RegularityRepeatMonthdaysSelect\n","import React from 'react'\n\nimport { t } from 'i18n-js'\nimport { useFormContext } from 'react-hook-form'\n\nimport WeekFields from '../../../TaskRegularityComponents/WeekFields'\nimport SectionTitle from '../../SectionTitle'\n\nconst RegularityRepeatWeekdaysSelect = () => {\n const { selectOptions, submitting, disableRegularity, getValues } = useFormContext()\n const { week_days_names } = selectOptions.regularity\n const days = getValues().regularity.days\n\n return (\n \n {t('v2.tasker.tasks.form.regularity.week_days')} \n
\n )\n}\n\nexport default RegularityRepeatWeekdaysSelect\n","import React from 'react'\n\nimport cx from 'classnames'\nimport { useFormContext, useFieldArray, useWatch } from 'react-hook-form'\n\nimport { TextField } from '../../../../Forms/HookFields'\nimport Icon from '../../../../Icon'\nimport styles from '../styles/InputWrapper.module.scss'\nimport { generateSubtask } from '../utils/dataInitializer'\n\nconst SubtaskRow = ({ item, idx, ...props }) => {\n const { insert, disabled, register, setValue } = props\n\n const prefix = `sub_tasks_attributes.${idx}`\n\n const destroy = useWatch({ name: `${prefix}._destroy` })\n const subTasks = useWatch({ name: 'sub_tasks_attributes' })\n\n return (\n \n
\n
\n
{item.completed &&
\n {!disabled && (\n <>\n
insert(idx + 1, generateSubtask())} />\n {subTasks.filter(it => !it._destroy).length > 1 && (\n setValue(`${prefix}._destroy`, '1')} />\n )}\n \n )}\n \n
\n
\n {fields.map((item, index) => (\n
\n
\n
\n \n {t('load')}\n \n
\n
\n
\n
{title}
\n {formType === 'new' &&
}\n
\n
\n\n
{t('v2.tasker.tasks.form.subtitles.period')}
\n
\n \n\n
{t('v2.tasker.tasks.form.subtitles.responsibles')}
\n
\n \n
\n \n\n
{t('v2.tasker.tasks.form.subtitles.labels')}
\n
\n \n\n {modules.subtasks &&
}\n {modules.timeTracking &&
}\n {modules.location && locationAllowed &&
}\n {modules.regularity &&
}\n\n
\n \n {t('save')}\n \n\n \n {t('cancel')}\n \n
\n
\n
\n
\n\n
\n
\n
{t('.modules_title')}:
\n
\n
\n {locationAllowed &&
}\n
\n
\n\n
\n
\n
\n
{t('.settings_title')}:
\n
\n
\n
\n
\n
\n
\n
\n {isDisabled &&
}\n \n {icon && (\n
\n
\n )}\n
{translatedTitle}
\n
handleToggle()} onChange={() => {}} checked={modules[moduleName]} disabled={disabled} />\n \n )\n}\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { useFormContext } from 'react-hook-form'\n\nimport { t } from '../../../../../utils/i18n'\nimport SwitchField from '../../../../Forms/HookFields/SwitchField'\nimport TextField from '../../../../Forms/HookFields/TextField'\nimport MapCircle from '../../../../Maps/MapCircle'\nimport MapContainer from '../../../../Maps/MapContainer'\nimport drawingController from '../../../../Maps/drawingController'\nimport polygonToText from '../../../../Maps/polygonToText'\nimport styles from './LocationModule.module.scss'\n\nexport const LocationModule = () => {\n const { getValues, register, setValue, getFieldState } = useFormContext()\n const { invalid: invalidPolygon } = getFieldState('location_polygon')\n\n const onAutocompleteChanged = place => setValue('location_address', place.formatted_address)\n const onPolygonChanged = polygonPath => {\n setValue('location_drawing_type', 'polygon')\n setValue('location_polygon', polygonToText(polygonPath.getArray()))\n }\n\n const onCircleChanged = circle => {\n setValue('location_drawing_type', 'circle')\n setValue('location_circle_center', circle.center)\n setValue('location_circle_radius', circle.radius)\n setValue('location_polygon', polygonToText(MapCircle.polygonFromCircle(circle)))\n }\n\n const onDestroy = () => {\n setValue('location_drawing_type', null)\n setValue('location_circle_center', null)\n setValue('location_circle_radius', null)\n setValue('location_polygon', null)\n }\n\n const mapProps = {\n apiKey: getValues('google_maps_api_key'),\n style: { width: '565px', height: '423px' },\n autocompleteProps: {\n targetId: 'location_address',\n onChanged: onAutocompleteChanged\n },\n polygon: getValues('location_polygon_points'),\n circleCenter: getValues('location_circle_center'),\n circleRadius: getValues('location_circle_radius'),\n drawingType: getValues('location_drawing_type'),\n drawable: getValues('location_polygon_points') && getValues('location_polygon_points').length === 0,\n drawingController: {\n ...drawingController,\n drawingModes: ['polygon', 'circle'],\n onPolygonChanged,\n onCircleChanged,\n onDestroy\n }\n }\n\n return (\n \n
\n
{t('v2.tasker.tasks.form.modules.location')}
\n
\n
\n
\n
{title}
\n
\n
\n\n
\n \n\n
\n \n {t('v2.tasker.tasks.regularity_common_fields.starting_time')} \n
\n \n\n
\n {intervalKind === 'week' &&
\n\n
\n
\n
{t('v2.tasker.tasks.regularity_common_fields.info_text')}
\n
\n
\n
\n
\n
{title}
\n
\n
\n
\n
\n
{title}
\n
\n
\n
{children}
\n}\n\nexport default RegularityFieldRow\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport styles from './styles/Fields.module.scss'\n\nconst SectionTitle = ({ children }) => {children}
\n\nexport default SectionTitle\n","import React from 'react'\n\nimport classNames from 'classnames'\nimport { t } from 'i18n-js'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport Switch from '../../../Forms/Fields/Switch'\nimport Icon from '../../../Icon'\nimport styles from './styles/Sidebar.module.scss'\n\nconst SettingToggle = ({ icon, name, disabled = false }) => {\n const translatedTitle = t(`activerecord.attributes.tasker/task.${name}`)\n const { control, submitting } = useFormContext()\n const { field } = useController({ control, name })\n const isDisabled = disabled || submitting\n\n return (\n \n {isDisabled &&
}\n
\n {icon && (\n
\n
\n )}\n
{translatedTitle}
\n
\n
\n
\n
\n )\n }\n\n renderButtonContent(link) {\n return (\n \n {t('v2.tasker.tasks.image_upload.add_image')}
\n \n )\n }\n\n renderUploadButton() {\n if (this.props.disabled) {\n return this.renderDisabledUploadButton()\n } else {\n return this.renderActiveUploadButton()\n }\n }\n\n renderDisabledUploadButton() {\n return (\n \n {this.renderButtonContent()}\n\n \n {this.props.disabled_message}\n \n
\n )\n }\n\n renderActiveUploadButton() {\n return (\n \n {this.renderButtonContent(true)}
\n \n )\n }\n\n render() {\n if (this.state.isUploading) {\n return this.renderProgressIndicator()\n } else {\n return this.renderUploadButton()\n }\n }\n}\n\nexport default ImageUploadButton\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport Turbolinks from 'turbolinks'\n\nimport { showErrorModal } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport Icon from '../../Icon'\nimport Tooltip from '../../Tooltip'\n\nclass StateSwitcher extends React.Component {\n state = { isLoading: false }\n\n async switchState(eventName) {\n this.setState({ isLoading: true })\n\n try {\n await axios.put(`${this.props.path}?event=${eventName}`)\n\n Turbolinks.visit()\n } catch ({ response }) {\n this.setState({ isLoading: false })\n this.showErrors(response.data.errors)\n }\n }\n\n showErrors(responseErrors) {\n const errors = (\n \n {responseErrors.map(({ message }, index) => (\n \n {message}\n \n ))}\n \n )\n\n showErrorModal({ title: t('v2.tasker.tasks.notifications.state_not_updated'), errors })\n }\n\n renderStateTransitions() {\n return this.props.transitions.map(({ label, event, colors }) => (\n this.switchState(event)}>\n \n {label}\n \n
\n ))\n }\n\n renderButtonIcon() {\n if (this.state.isLoading) {\n return \n \n {current_state_label}\n {can_change_state && this.renderButtonIcon()}\n \n\n {can_change_state && (\n \n {this.renderStateTransitions()}\n \n )}\n
\n )\n }\n}\n\nexport default StateSwitcher\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport Turbolinks from 'turbolinks'\n\nimport { showErrorModal, getApiErrorMessage } from '../../../utils/confirmations'\nimport Checkbox from '../../Checkbox'\nimport Tooltip from '../../Tooltip'\n\nclass SubTasks extends React.Component {\n state = { subTasks: this.props.sub_tasks }\n\n calculatePosition(_pos, _event, element, tooltip) {\n const { clientWidth: tooltipWidth, clientHeight: tooltipHeight } = tooltip\n const {\n left: offsetLeft,\n top: offsetTop,\n width: checkboxWidth\n } = element.querySelector('.checkbox').getBoundingClientRect()\n\n const left = offsetLeft - tooltipWidth / 2 + checkboxWidth / 2\n const top = offsetTop - tooltipHeight - 3\n\n return { left, top }\n }\n\n toggleSubTask = async (id, completed) => {\n const subTasks = this.state.subTasks.map(subTask => (id === subTask.id ? { ...subTask, completed } : subTask))\n\n try {\n const { status } = await axios.put(`${this.props.update_path}/${id}`, { sub_task: { completed } })\n\n if (status === 255) {\n Turbolinks.visit()\n } else {\n this.setState({ subTasks })\n }\n } catch ({ response }) {\n showErrorModal({\n title: getApiErrorMessage(response),\n cancelAction: Turbolinks.visit\n })\n }\n }\n\n renderSubTasks() {\n const { disabled } = this.props\n\n return this.state.subTasks.map(({ id, title, completed }) => (\n \n this.toggleSubTask(id, !completed)} />\n\n {title} \n
\n ))\n }\n\n render() {\n const { disabled, disabled_message } = this.props\n\n return (\n \n {this.renderSubTasks()}\n\n {disabled && (\n \n {disabled_message}\n \n )}\n
\n )\n }\n}\n\nexport default SubTasks\n","import React from 'react'\n\nimport Icon from '../../Icon'\n\nconst SubTasksProgress = ({ sub_task_count, completed_sub_task_count }) => (\n \n
\n)\n\nexport default SubTasksProgress\n","import React from 'react'\n\nimport dayjs from 'dayjs'\n\nimport { t } from '../../../../utils/i18n'\nimport DateTimePicker from '../../../DateTimePicker'\nimport Icon from '../../../Icon'\nimport Tooltip from '../../../Tooltip'\nimport DurationFields from './DurationFields'\nimport RepetitionIntervalSelect from './RepetitionIntervalSelect'\n\nclass RegularityPeriodFields extends React.Component {\n state = {\n startingDateChanged: false,\n endDateReduced: false,\n infiniteEndDate: this.props.disabled && !this.props.endDate\n }\n\n onStartingDateChange = newDate => {\n const formattedNewDate = dayjs(newDate).format(t('date.formats.default_raw_sql_human'))\n\n this.setState({ startingDateChanged: formattedNewDate !== this.props.startingDate })\n }\n\n onEndDateChange = newDate => {\n this.setState({ endDateReduced: dayjs(newDate).isBefore(dayjs(this.props.endDate), 'date') })\n }\n\n initialEndDateValue = () => {\n const { endDate, disabled } = this.props\n\n if (endDate) {\n return dayjs(endDate, t('date.formats.default_raw_sql_human'))\n } else if (disabled) {\n return null\n } else {\n return dayjs().endOf('month')\n }\n }\n\n endDateValue = this.initialEndDateValue()\n\n onCheckBoxChange = event => {\n const { checked } = event.target\n\n if (this.state.endDateReduced && checked) {\n this.setState({ endDateReduced: false })\n }\n\n this.setState({ infiniteEndDate: event.target.checked })\n }\n\n render() {\n const { startingDate, endDate, startingDateDisabled, endDateDisabled } = this.props\n\n const { startingDateChanged, endDateReduced, infiniteEndDate } = this.state\n\n const startInputOptions = {\n type: 'date',\n name: 'tasker_task[regularity][starting_date]',\n value: startingDate ?? dayjs().startOf('day').format(),\n minDate: startingDate && new Date(dayjs()),\n popperPlacement: 'right-start',\n readOnly: startingDateDisabled\n }\n\n const endInputOptions = {\n type: 'date',\n name: 'tasker_task[regularity][end_date]',\n value: infiniteEndDate ? null : this.endDateValue?.format(),\n maxDate: new Date(dayjs().add(1, 'year')),\n minDate: endDate && new Date(dayjs()),\n popperPlacement: 'right-start',\n readOnly: infiniteEndDate || endDateDisabled\n }\n\n const showWarning = startingDateChanged || endDateReduced\n\n const warningMessage = t(\n `v2.tasker.tasks.regularity_common_fields.${startingDateChanged ? 'starting_date_warning' : 'end_date_warning'}`\n )\n\n return (\n <>\n \n
{t('v2.tasker.tasks.regularity_common_fields.period')} \n
\n
\n startingDate && this.onStartingDateChange(value)}\n />\n {t('up_to')} \n endDate && this.onEndDateChange(value)}\n />\n
\n {showWarning && (\n <>\n
\n \n
\n {warningMessage}\n \n \n )}\n
\n
\n
\n
\n
\n \n \n \n \n {t('v2.tasker.tasks.regularity_common_fields.infinite_end_date')}\n \n \n
\n
\n
\n
{t('v2.tasker.tasks.regularity_common_fields.starting_time')} \n
\n
\n
\n
\n )\n}\n\nexport default CommonFields\n","import React from 'react'\n\nimport dayjs from 'dayjs'\nimport Select from 'react-select'\n\nimport { t } from '../../../../utils/i18n'\nimport DateTimePicker from '../../../DateTimePicker'\nimport { REACT_SELECT_PROPS } from '../../../Select'\n\nclass DurationFields extends React.Component {\n state = { showTimeField: !!this.props.durationTime }\n\n renderDurationTimePickerWithLabel = durationTime => (\n \n {t('v2.tasker.tasks.regularity_common_fields.duration_time')} \n
\n )\n\n onDurationDateChange = e => {\n this.setState({ showTimeField: e.value !== '' })\n }\n\n render() {\n const selectName = 'tasker_task[regularity][duration_days]'\n const selectId = 'tasker_task_regularity_duration_days'\n const { options, durationDays, durationTime, disabled } = this.props\n\n return (\n \n
\n {t('v2.tasker.tasks.regularity_common_fields.duration_days')}\n \n
\n
\n
\n {this.state.showTimeField && this.renderDurationTimePickerWithLabel(durationTime)}\n
\n
!disabled && onIntervalKindChange(type)}\n >\n {t(type)}\n \n)\n\nconst IntervalKindButtons = props => (\n \n)\n\nexport default IntervalKindButtons\n","import React from 'react'\n\nimport { useController, useFormContext } from 'react-hook-form'\nimport Select from 'react-select'\n\nimport { t } from '../../../../utils/i18n'\nimport { REACT_SELECT_PROPS } from '../../../Select'\nimport MonthDate from './MonthDate'\n\nconst MonthByDates = ({ monthSpecificDayOptions, days, specificDays, disabled }) => {\n const { control } = useFormContext()\n const {\n field: { onChange, value }\n } = useController({ control, name: '[regularity][month_specific_days]', defaultValue: specificDays })\n\n const dates = []\n for (let i = 1; i < 32; i++) {\n dates.push(\n \n
\n {dates}
\n \n )\n}\n\nexport default MonthByDates\n","import React from 'react'\n\nimport MonthDaysRow from './MonthDaysRow'\n\nconst MonthByDays = ({ monthWeeks, weekDaysNames, days, disabled }) => {\n const rows = monthWeeks.map((weekName, i) => (\n {rows}
\n}\n\nexport default MonthByDays\n","import React from 'react'\n\nimport { t } from '../../../../utils/i18n'\n\nconst Radio = ({ monthIntervalKind, onMonthIntervalKindChange, type, disabled }) => (\n \n onMonthIntervalKindChange(type)}\n checked={monthIntervalKind === type}\n name='tasker_task[regularity][month_interval_kind]'\n value={type}\n />\n {t(`v2.tasker.tasks.repetitive_month_configurations.${type}`)}\n \n)\n\nconst MonthConfiguration = ({ withLabel = true, ...props }) => (\n \n {withLabel && (\n
\n {t('v2.tasker.tasks.repetitive_month_configurations.info_label')}\n \n )}\n
\n
\n
!disabled && handleSelectedDate()}\n >\n {day + '.'}\n !disabled && handleSelectedDate()}\n >\n {day}\n\n \n {days}\n {weekName}\n
\n )\n}\n\nexport default MonthDaysRow\n","import React from 'react'\n\nimport MonthByDates from './MonthByDates'\nimport MonthByDays from './MonthByDays'\nimport MonthConfiguration from './MonthConfiguration'\n\nclass MonthFields extends React.Component {\n state = { monthIntervalKind: this.props.monthIntervalKind || 'dates' }\n\n onMonthIntervalKindChange = monthIntervalKind => {\n this.setState({ monthIntervalKind })\n }\n\n renderMonthBy(monthIntervalKind) {\n const { monthSpecificDayOptions, monthWeeks, weekDaysNames, days, specificDays, disabled } = this.props\n\n if (monthIntervalKind == 'days') {\n return (\n \n )\n } else if (monthIntervalKind == 'dates') {\n return (\n \n )\n }\n }\n\n render() {\n const { monthIntervalKind } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default MonthFields\n","import React from 'react'\n\nimport Select from 'react-select'\n\nimport { t } from '../../../../utils/i18n'\nimport { REACT_SELECT_PROPS } from '../../../Select'\n\nclass RepetitionIntervalSelect extends React.Component {\n state = { selectedValue: this.props.selectedValue || this.props.options[0], initialValueSet: false }\n\n componentDidUpdate(prevProps) {\n const { options, selectedValue, currentIntervalKind, intervalKind } = this.props\n\n if (prevProps.options !== options) {\n if (selectedValue && !this.state.initialValueSet && currentIntervalKind === intervalKind) {\n this.setState({ selectedValue: selectedValue, initialValueSet: true })\n } else {\n this.setState({ selectedValue: options[0] })\n }\n }\n }\n\n onRepetitionChange = selectedValue => {\n this.setState({ selectedValue })\n }\n\n render() {\n const selectName = 'tasker_task[regularity][interval]'\n const selectId = 'tasker_task_regularity_interval'\n\n return (\n \n
\n {t('v2.tasker.tasks.regularity_common_fields.regularity_repetition')}\n \n
\n
\n
!disabled && handleSelectedDay()}\n >\n {dayName}\n \n
\n {withLabel &&
{t('v2.tasker.tasks.week_days_text')} }\n
\n {weekDays}\n
\n
\n
\n \n )\n }\n\n render() {\n const { store, ...others } = this.props\n return (\n \n \n )\n }\n}\n\nexport default observer(TaskTimeEntriesFilter)\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport ActiveTable from '../../ActiveTable'\nimport { IconWithTooltip } from '../../NfcCheckLogs/CheckLogsData'\nimport { HistoricalTimeEntryIcon } from '../../elements/TableColumnsElements'\nimport { edit, stopTimeTracking } from '../../elements/actionDefinitions'\n\nexport const ClosingType = ({ closing_type, id }) => {\n if (!closing_type) return '-'\n\n const icon = closing_type === 'manual' ? 'checkWithManual' : 'checkWithAuto'\n const tooltipId = `time_entry_state_icon_${id}`\n const text = t(`activerecord.attributes.time_entry.closing_type_descriptions.${closing_type}`)\n\n return (\n \n
\n )\n}\n\nexport const TimeColumn = ({ entry, property }) => (\n <>\n {entry[`translated_${property}`]}\n \n
\n )\n }\n}\n\nexport default TaskTimeEntriesTableContainer\n","import React from 'react'\n\nimport { url } from '../../../utils/urlGenerator'\nimport ActiveTable from '../../ActiveTable'\n\nclass TaskTimeEntryUsersTable extends React.Component {\n trProps = selectedRow => ({\n onClick: () => {\n const { store } = this.props\n\n store.setFilter('owner_id', { label: selectedRow.original.name, value: [selectedRow.original.id] })\n store.setState({ sorted: [{ id: 'state', desc: true }] })\n store.setState({ showFilter: true })\n\n Turbolinks.visit(url('v2/tasker/tasks', this.props.task_id, 'time_entries'))\n }\n })\n\n render() {\n return \n
\n )\n }\n}\n\nexport default TaskTimeEntryUsersTableContainer\n","import React, { useState } from 'react'\n\nimport axios from 'axios'\nimport { useForm, FormProvider } from 'react-hook-form'\n\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\nimport FormModal from '../../FormModal'\nimport { TextField, BaseError } from '../../Forms/HookFields'\nimport { handleHookFormError } from '../../Forms/utils/formErrors'\nimport Icon from '../../Icon'\n\nconst TasksCommentEditModal = ({ taskId, initialComment }) => {\n const [isOpen, setIsOpen] = useState(false)\n const methods = useForm({\n defaultValues: {\n comment: initialComment\n }\n })\n\n const handleSubmit = async data => {\n try {\n await axios.patch(url('v2/tasker/tasks', taskId, 'update_comment'), data)\n setIsOpen(false)\n window.location.reload()\n } catch (error) {\n handleHookFormError({ error, setError: methods.setError })\n }\n }\n\n const handleClose = () => setIsOpen(false)\n\n const title = t(initialComment ? 'v2.tasker.tasks.show.edit_comment' : 'v2.tasker.tasks.show.add_comment')\n\n return (\n <>\n setIsOpen(true)}\n >\n {title} \n \n {isOpen && (\n \n \n \n \n \n )}\n \n )\n}\n\nexport default TasksCommentEditModal\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../../utils/i18n'\nimport { DateIntervalFilter, FilterContainer, SearchField, SimpleSelect } from '../../FilterComponents'\n\nclass TasksFilter extends React.Component {\n hiddenFilters = () => {\n const {\n store,\n additional_columns,\n state_options,\n responsible_options,\n parent_user_group_options,\n author_options,\n task_group_options,\n client_label_options,\n device_label_options,\n default_filter,\n task_property_options\n } = this.props\n\n return (\n \n \n )\n }\n\n render() {\n const { store, ...others } = this.props\n\n return (\n \n \n )\n }\n}\n\nexport default observer(TasksFilter)\n","import axios from 'axios'\n\nimport { url } from './urlGenerator'\n\nconst UPLOAD_URL = url('/upload')\nconst HEADERS = { headers: { 'Content-Type': 'multipart/form-data', processData: 'false' } }\n\nclass FileUploader {\n files = []\n\n constructor(files = []) {\n this.files = files\n }\n\n async perform() {\n const filekeys = []\n\n for (const fileData of this.files) {\n const { data } = await axios.post(UPLOAD_URL, { file: fileData.raw }, HEADERS)\n if (data) filekeys.push(data.key)\n }\n\n return filekeys\n }\n}\n\nexport default FileUploader\n","import React, { useCallback, useEffect, useState, useMemo } from 'react'\n\nimport axios from 'axios'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport useUnsavedChangesConfirmation from '../../../hooks/useUnsavedChangesConfirmation'\nimport FileUploader from '../../../utils/FileUploader'\nimport { url } from '../../../utils/urlGenerator'\nimport TasksFormFields from './Form/FormFields'\nimport TasksFormSidebar from './Form/FormSidebar'\nimport { setupModules, preprocessForSubmit } from './Form/helpers'\nimport styles from './Form/styles/TasksFormModal.module.scss'\nimport { formData } from './Form/utils/dataInitializer'\nimport { getValidationSchema } from './Form/validations'\n\nconst TasksForm = props => {\n const { onClose, objectId, title, parentId } = props\n const [loading, setLoading] = useState(false)\n const [submitting, setSubmitting] = useState(false)\n const [selectOptions, setSelectOptions] = useState({})\n const [labels, setLabels] = useState({ device: false, client: false })\n const [modules, setModules] = useState(setupModules())\n const [relatedTaskId, setRelatedTaskId] = useState(null)\n const [timeEntry, setTimeEntry] = useState(false)\n const [locationAllowed, setLocationAllowed] = useState(false)\n const formType = objectId || parentId ? 'edit' : 'new'\n const disableRegularity = formType === 'edit' || parentId\n\n const form = useForm({\n mode: 'onSubmit',\n defaultValues: formData(null),\n resolver: getValidationSchema(modules)\n })\n\n const closeHandler = useUnsavedChangesConfirmation({ dirty: form.formState.isDirty, onClose })\n const {\n reset,\n formState: { errors: _errors },\n setError\n } = form\n\n const assignData = data => {\n setSelectOptions(data.select_options)\n setLabels(data.labels)\n setTimeEntry(data.active_time_entry)\n setModules(setupModules(data))\n setLocationAllowed(data.location_allowed)\n }\n\n const fetchUrl = useMemo(() => {\n if (parentId) {\n return url('v2/tasker/tasks/edit_related_task_group', { parent_id: parentId })\n } else {\n return objectId ? url('v2/tasker/tasks', objectId, 'edit') : url('v2/tasker/tasks/new')\n }\n }, [parentId, objectId])\n\n const submitUrl = useMemo(() => {\n if (parentId) {\n return url('v2/tasker/tasks', relatedTaskId, 'update_related_task_group')\n } else {\n return url('v2/tasker/tasks', objectId)\n }\n }, [parentId, relatedTaskId, objectId])\n\n useEffect(() => {\n setLoading(true)\n\n async function fetchTask() {\n const { data } = await axios.get(url(fetchUrl))\n assignData(data)\n reset(formData(data))\n if (parentId) setRelatedTaskId(data.id)\n setLoading(false)\n }\n fetchTask()\n }, [fetchUrl, setRelatedTaskId, parentId, reset])\n\n const fetchByTemplate = async template => {\n setLoading(true)\n let requestData = {}\n\n if (template.value > 0) {\n requestData.template_id = template.value\n }\n\n const { data } = await axios.get(url('v2/tasker/tasks/new'), { params: requestData })\n\n assignData(data)\n reset(formData(data))\n\n setLoading(false)\n }\n\n const onSubmit = useCallback(\n async values => {\n const setFieldError = (name, errorText) =>\n setError(name, {\n type: 'manual',\n message: errorText\n })\n\n const loadServerErrors = errorsJson => {\n const errors = JSON.parse(errorsJson)\n const fieldsNames = Object.keys(errors)\n\n fieldsNames.forEach(name => errors[name].forEach(errorText => setFieldError(name, errorText)))\n }\n\n setSubmitting(true)\n\n const fileUploader = new FileUploader(values.files)\n const result = await fileUploader.perform() // File keys\n\n if (!result) return\n\n axios({\n method: objectId || parentId ? 'PUT' : 'POST',\n url: url(submitUrl),\n data: preprocessForSubmit(values, modules, result, formType)\n })\n .then(() => {\n location.reload()\n })\n .catch(err => {\n if (err.response.status == 422 && err.response.data?.errors) {\n loadServerErrors(err.response.data?.errors)\n }\n\n console.error(err)\n setSubmitting(false)\n })\n },\n [formType, modules, objectId, parentId, submitUrl, setError]\n )\n\n const toggleModule = moduleName => {\n const currentValue = modules[moduleName]\n if (currentValue === undefined) console.error(`Trying to toggle unknown module '${moduleName}'`)\n setModules({ ...modules, [moduleName]: !currentValue })\n }\n\n const contextProps = {\n selectOptions,\n modules,\n submitting,\n formType,\n disableRegularity,\n timeEntry,\n locationAllowed,\n onSubmit,\n toggleModule,\n fetchByTemplate\n }\n\n return (\n \n {loading &&
}\n
\n \n
\n {!skipToggle && (\n \n {buttonText}
\n \n )}\n\n {ReactDOM.createPortal(\n \n \n )\n}\n\nexport default TasksFormModal\n","import React from 'react'\n\nimport { t } from '../../../utils/i18n'\nimport ActiveTable from '../../ActiveTable'\nimport { editRelatedGroup, remove, destroyRelatedTaskGroup, editTask } from '../../elements/actionDefinitions'\nimport TasksFormModal from './TasksFormModal'\n\nclass TasksTable extends React.Component {\n store = this.props.store\n pathPrefix = 'v2/tasker/tasks'\n\n actions = {\n row: [\n editTask(),\n editRelatedGroup(this.pathPrefix),\n remove(this.pathPrefix, {\n text: t('destroy'),\n confirmationProps: {\n text: t('confirm_destroy'),\n confirmButton: { title: t('destroy'), type: 'danger' }\n }\n }),\n destroyRelatedTaskGroup(this.pathPrefix)\n ]\n }\n\n customModal = props => {\n return \n {t(`v2.tasker.tasks.icons.${iconTranslation}`)}\n \n)\n\nexport const TaskInfoIcons = ({ original }) => {\n const {\n id,\n time_tracking_enabled,\n sub_task_count,\n parent_id,\n with_attachment,\n images_required,\n receive_task_completion_notification,\n regularity_enabled,\n notes_count,\n unread_notes_count,\n unread_notes_mention_count\n } = original\n\n const renderInfoIcon = ({ visible, wrapperClass, icon, tooltipId, iconTranslation }, index) =>\n visible && (\n \n \n )\n\n const subTaskTooltipId = `subTask-${id}`\n\n const hasNotes = notes_count > 0\n const hasUnreadNotes = unread_notes_count > 0\n const hasUnreadMentionNotes = unread_notes_mention_count > 0\n\n const infoIcons = [\n {\n visible: time_tracking_enabled,\n wrapperClass: 'task-icon-timer',\n icon: 'timer',\n tooltipId: `timer-${id}}`,\n iconTranslation: 'time_entry'\n },\n {\n visible: parent_id,\n wrapperClass: 'task-icon-related',\n icon: 'related',\n tooltipId: `related-${id}`,\n iconTranslation: 'related_task'\n },\n {\n visible: regularity_enabled,\n wrapperClass: 'task-icon-regularity',\n icon: 'regularity',\n tooltipId: `regularity-${id}`,\n iconTranslation: 'regularity_task'\n },\n {\n visible: with_attachment,\n wrapperClass: 'task-icon-attachment',\n icon: 'attachment',\n tooltipId: `attachment-${id}`,\n iconTranslation: 'with_attachment'\n },\n {\n visible: images_required,\n wrapperClass: 'task-icon-images-required',\n icon: 'attachmentFilled',\n tooltipId: `images-required-${id}`,\n iconTranslation: 'images_required'\n },\n {\n visible: receive_task_completion_notification,\n wrapperClass: 'task-icon-receive-notification',\n icon: 'receiveNotification',\n tooltipId: `receive-notification-${id}`,\n iconTranslation: 'receive_notification'\n },\n {\n visible: hasNotes && !hasUnreadNotes,\n wrapperClass: 'task-icon-chat',\n icon: 'iconChat',\n tooltipId: `has-notes-${id}`,\n iconTranslation: 'has_notes'\n },\n {\n visible: hasUnreadNotes && !hasUnreadMentionNotes,\n wrapperClass: 'task-icon-chat-unread',\n icon: 'iconChatUnread',\n tooltipId: `has-unread-notes-${id}`,\n iconTranslation: 'has_unread_notes'\n },\n {\n visible: hasUnreadMentionNotes,\n wrapperClass: 'task-icon-chat-mention',\n icon: 'iconChatMention',\n tooltipId: `has-unread-notes-mention-${id}`,\n iconTranslation: 'has_unread_notes_mention'\n }\n ]\n\n return (\n \n {infoIcons.map(renderInfoIcon)}\n {sub_task_count > 0 && (\n <>\n \n \n
\n )\n}\n\nexport const ResponsibleImages = ({ responsibles, rowIndex }) => {\n if (!responsibles.length) return null\n const avatarWidth = 24 // width - margin left\n const badgeWidth = 43\n const paddingHorizontal = 32\n\n const responsiblesCount = responsibles.length\n const headerSelector = document.querySelector('.rt-th.responsible_name-header')\n\n const currentWidth = headerSelector\n ? Number.parseInt(getComputedStyle(headerSelector).getPropertyValue('width'))\n : 200 // default width\n\n const visibleAvatarCount = Math.floor((currentWidth - paddingHorizontal - badgeWidth - 8) / avatarWidth)\n\n const hiddenAvatarCount = responsiblesCount > visibleAvatarCount ? responsiblesCount - visibleAvatarCount : 0\n\n const renderResponsible = (responsible, index) => {\n if (index >= visibleAvatarCount) return null\n\n return (\n \n \n \n \n {responsible.name}\n \n \n )\n }\n\n const renderBadge = () => (\n \n {hiddenAvatarCount ? (\n <>\n \n +{hiddenAvatarCount}\n \n \n \n {responsibles.map(\n (responsible, index) => index + 1 > visibleAvatarCount && {responsible.name} \n )}\n
\n \n \n ) : null}\n \n )\n\n return (\n \n
{responsibles.map(renderResponsible)}
\n {renderBadge()}\n
{\n e.stopPropagation()\n e.preventDefault()\n onClick(state)\n }}\n data-tip\n data-for={`${state}-count-${parent_id}`}\n className='task-state-statistics'\n style={{ color }}\n data-contains={`task-state-statistics-${state}`}\n >\n {count}\n \n\n \n {t(`activerecord.attributes.task.state/${state}`)}\n \n \n )\n}\n\nexport const StateCell = ({ original, onStateStatisticsClick }) => {\n const { is_group, state } = original\n\n if (is_group) {\n return (\n \n
\n )\n } else {\n const [colors, text] = original.state_colors\n ? [original.state_colors[state], t(`activerecord.attributes.task.state/${state}`)]\n : [original.colors, state]\n\n return (\n \n \n {text}\n \n
\n )\n }\n}\n\nexport const ResponsibleCell = ({ original, rowIndex }) => {\n if (original.is_group) {\n return {this.renderExpander(row, original.is_group, row.getIsExpanded())}
\n )\n },\n hideable: false\n },\n {\n header: t('activerecord.attributes.task.title'),\n accessorKey: 'title',\n size: 280,\n cell: ({\n row,\n row: {\n original: { title, is_group, task_count }\n }\n }) => {\n return row.depth == 0 ? (\n \n {is_group && ({task_count}) }\n {title}\n
\n ) : null\n },\n getClassName: this.getExpandableCellClassName,\n hideable: false\n },\n {\n header: t('activerecord.attributes.tasker/task.table.starting_time'),\n accessorKey: 'starting_time',\n size: 80,\n cell: ({ row, getValue }) => (row.depth === 0 ? \n !is_group}\n onExpand={row => {\n this.updateExpandedTasks(row)\n this.onExpandedChange({\n rowId: row.id,\n parentId: row.original.parent_id,\n path: 'v2/tasker/tasks/related_tasks',\n subRowName: 'secondLevelRows',\n startingTime: row.original.starting_time,\n parentIdPrefix: row.original.parent_id_prefix,\n open: !row.getIsExpanded()\n })\n }}\n expanded={this.state.expanded}\n onLoadMore={row => {\n this.onLoadMoreChange({\n rowId: row.id,\n parentId: row.original.parent_id,\n path: 'v2/tasker/tasks/related_tasks',\n subRowName: 'secondLevelRows',\n startingTime: row.original.starting_time,\n parentIdPrefix: row.original.parent_id_prefix\n })\n }}\n />\n
\n )\n }\n}\n\nexport default TasksTableContainer\n","import React from 'react'\n\nimport axios from 'axios'\nimport classNames from 'classnames'\nimport Turbolinks from 'turbolinks'\n\nimport { showConfirmation, getApiErrorMessage } from '../../../utils/confirmations'\nimport { t } from '../../../utils/i18n'\nimport { url } from '../../../utils/urlGenerator'\n\nclass TimeTracker extends React.Component {\n constructor(props) {\n super(props)\n\n const { id, started_at } = props.time_entry || {}\n\n this.startedAt = started_at && new Date(started_at)\n\n this.state = {\n inForbiddenPeriod: false,\n seconds: started_at ? this.consumedTimeInSeconds() : 0,\n started: !!started_at,\n timeEntryId: id,\n errorMessage: null\n }\n\n if (started_at) this.startTimer()\n }\n\n componentDidMount() {\n // Automatically enable `play` button when the `forbidden_time_period` has started/ended\n this.trackingInterval = setInterval(() => this.setState({ inForbiddenPeriod: this.inForbiddenPeriod }), 1000)\n }\n\n componentWillUnmount() {\n clearInterval(this.trackingInterval)\n }\n\n startTimer = () => {\n this.interval = setInterval(() => {\n if (this.inForbiddenPeriod) {\n this.setState({ started: false, seconds: 0 })\n\n clearInterval(this.interval)\n } else {\n this.setState({ seconds: this.consumedTimeInSeconds() })\n }\n }, 1000)\n }\n\n get inForbiddenPeriod() {\n const { forbidden_periods } = this.props\n\n if (!forbidden_periods?.length) return false\n\n const currentTime = new Date()\n const secSinceMidnight = (currentTime.getTime() - currentTime.setHours(0, 0, 0, 0)) / 1000\n\n const isInRange = (secs, range) => {\n let [start, finish] = range\n\n if (start > finish) {\n return start > secs && secs < finish\n }\n\n return start < secs && secs < finish\n }\n\n return forbidden_periods.some(period => isInRange(secSinceMidnight, period))\n }\n\n get isButtonDisabled() {\n return this.inForbiddenPeriod || !!this.state.errorMessage || this.props.disabled\n }\n\n consumedTimeInSeconds() {\n return Math.floor((new Date() - this.startedAt) / 1000)\n }\n\n toggleButton = () => {\n if (this.isButtonDisabled) return\n\n this.state.started ? this.pause() : this.start()\n }\n\n confirmNewTimeEntry = (id, title) => {\n const link = (\n \n {title}\n \n )\n\n showConfirmation({\n isOpen: true,\n closeOnConfirm: true,\n onConfirm: () => this.start(true),\n text: (\n <>\n {t('confirm_start_time_entry_beginning')} {link}, {t('confirm_start_time_entry_end')}\n \n ),\n confirmButton: { title: t('start'), type: 'success' }\n })\n }\n\n start = async (confirmed = false) => {\n try {\n const params = { task_id: this.props.task_id, confirmed }\n const { data, status } = await axios.post(this.props.path, params)\n\n if (data.active_time_entry) {\n const { task_id, title } = data\n\n this.confirmNewTimeEntry(task_id, title)\n } else {\n const { id, started_at } = data\n this.startedAt = new Date(started_at)\n\n this.setState({ started: true, timeEntryId: id, seconds: 0, errorMessage: null })\n\n status === 255 ? Turbolinks.visit() : this.startTimer()\n }\n } catch ({ response }) {\n this.setState({ errorMessage: getApiErrorMessage(response) })\n }\n }\n\n pause = async () => {\n try {\n await axios.put(`${this.props.path}/${this.state.timeEntryId}/manual_close`, { task_id: this.props.task_id })\n\n clearInterval(this.interval)\n this.setState({ started: false, errorMessage: null })\n } catch ({ response }) {\n this.setState({ errorMessage: getApiErrorMessage(response) })\n }\n }\n\n formatedUnit(unit) {\n return `0${unit}`.slice(-2)\n }\n\n formatedDuration() {\n let initSeconds = this.state.seconds\n\n let hours = Math.floor(initSeconds / 3600)\n let minutes = Math.floor((initSeconds / 60) % 60)\n let seconds = initSeconds - hours * 3600 - minutes * 60\n\n return `${this.formatedUnit(hours)} : ${this.formatedUnit(minutes)} : ${this.formatedUnit(seconds)}`\n }\n\n renderTimer() {\n return {this.formatedDuration()}
\n }\n\n renderTrackerInfo() {\n if (this.state.errorMessage) {\n return {this.state.errorMessage}
\n } else if (this.props.disabled_message) {\n return {this.props.disabled_message}
\n } else if (this.inForbiddenPeriod) {\n return {t('v2.tasker.tasks.time_tracker.unavailable')}
\n } else {\n return this.renderTimer()\n }\n }\n\n render() {\n const { started } = this.state\n\n return (\n <>\n \n {t(`v2.tasker.tasks.show.${started ? 'pause' : 'start'}`)} \n \n {this.renderTrackerInfo()}\n \n )\n }\n}\n\nexport default TimeTracker\n","import React from 'react'\n\nimport Tooltip from './Tooltip'\n\nclass TenantToggle extends React.Component {\n renderLogo = (src, abbr, isOption) => {\n if (src) {\n return {abbr} \n }\n }\n\n tenantOptions() {\n const { tenant_options } = this.props\n\n const options = tenant_options.map(({ account_img_src, account_name, account_tenant }) => {\n return (\n \n {account_name} \n {this.renderLogo(account_img_src, account_name[0], true)}\n \n )\n })\n\n return {options}
\n }\n\n render() {\n const { tenant_logo_src, tenant_abbr } = this.props\n\n return (\n \n \n {this.renderLogo(tenant_logo_src, tenant_abbr, false)}\n
\n \n {this.tenantOptions()}\n \n \n )\n }\n}\n\nexport default TenantToggle\n","import React, { useState } from 'react'\n\nconst ToggleButton = ({ as = 'button', children, buttonText, ...props }) => {\n const As = as\n\n const [isOpen, setIsOpen] = useState(false)\n\n const toggleOpen = () => setIsOpen(open => !open)\n\n return (\n <>\n \n {buttonText}\n \n {isOpen && children({ toggleOpen })}\n \n )\n}\n\nexport default ToggleButton\n","import React from 'react'\n\nimport ReactTooltip from 'react-tooltip'\n\nimport Icon from './Icon'\n\nconst Tooltip = ({ text, children, place = 'bottom', effect = 'solid', className = 'accented', ...restProps }) => (\n \n {text || children}\n \n)\n\nexport const IconWithTooltip = ({ icon, tooltipId, tooltipText, className }) => (\n \n \n {tooltipText}\n \n \n)\n\nexport default Tooltip\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit, remove, removeSelected } from '../elements/actionDefinitions'\n\nclass UserCompaniesTable extends React.Component {\n pathPrefix = 'v2/company_users'\n\n formParams = {\n context: 'user',\n company_user: { user_id: this.props.user_id }\n }\n\n actions = {\n row: [edit(this.pathPrefix, 'v2.company_users.contexts.user.edit.title', this.formParams), remove(this.pathPrefix)],\n header: [removeSelected(this.pathPrefix)]\n }\n\n render() {\n return (\n {getValue()} \n },\n {\n header: t('activerecord.attributes.company.registration_number'),\n accessorKey: 'company_registration_number'\n },\n {\n header: t('activerecord.attributes.company_user.role'),\n accessorKey: 'role',\n sortable: false\n },\n {\n header: t('activerecord.attributes.company_user.permissions'),\n accessorKey: 'permissions',\n sortable: false,\n cell: ({ row: { original } }) => (\n \n
\n )\n }\n}\n\nexport default UserCompaniesTableContainer\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport { edit, remove, removeSelected } from '../elements/actionDefinitions'\n\nclass UserConstructionObjectsTable extends React.Component {\n pathPrefix = 'v2/construction_object_users'\n\n formParams = {\n context: 'user',\n construction_object_user: { user_id: this.props.user_id }\n }\n\n actions = {\n row: [\n edit(this.pathPrefix, 'v2.construction_object_users.contexts.user.edit.title', this.formParams),\n remove(this.pathPrefix)\n ],\n header: [removeSelected(this.pathPrefix)]\n }\n\n render() {\n return (\n \n \n )\n }\n\n columns = [\n {\n accessorKey: 'construction_object_id',\n visible: false\n },\n {\n header: t('activerecord.attributes.construction_object.name'),\n accessorKey: 'construction_object_name',\n cell: ({ getValue, row: { original } }) => (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.construction_object.short_name'),\n accessorKey: 'construction_object_short_name',\n cell: ({ getValue, row: { original } }) => (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.user.role'),\n accessorKey: 'role',\n sortable: false\n },\n {\n header: t('activerecord.attributes.construction_object_user.permissions'),\n accessorKey: 'permissions',\n sortable: false,\n cell: ({ row: { original } }) => (\n \n
\n )\n }\n}\n\nexport default UserConstructionObjectsTableContainer\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { t } from '../../utils/i18n'\nimport Avatar from '../Avatar'\nimport Icon from '../Icon'\nimport ModalForm from '../ModalForm'\nimport Tooltip from '../Tooltip'\n\nclass UserProfile extends React.Component {\n state = { isOpen: false }\n\n toggleProfileOptions(isOpen) {\n this.setState({ isOpen })\n }\n\n renderProfileOptions() {\n const { profile_settings_url, sign_out_url } = this.props\n\n return (\n \n )\n }\n\n renderProfileSettingsContent = onClick => (\n \n
\n )\n\n render() {\n const {\n current_user: { first_name, last_name },\n avatar_src\n } = this.props\n\n return (\n \n
\n \n
{first_name}
\n
{last_name}
\n
this.toggleProfileOptions(false)}\n afterShow={() => this.toggleProfileOptions(true)}\n event='click'\n clickable\n >\n {this.renderProfileOptions()}\n \n \n )\n }\n}\n\nexport default UserProfile\n","import React from 'react'\n\nimport { observer } from 'mobx-react'\n\nimport { t } from '../../utils/i18n'\nimport { FilterContainer, SearchField, SimpleSelect } from '../FilterComponents'\n\nclass UsersFilter extends React.Component {\n hiddenFilters = () => {\n const {\n store,\n construction_objects_options,\n companies_options,\n roles_options,\n statuses_options,\n employees_options,\n user_groups_options,\n show_edlus_components\n } = this.props\n\n return (\n <>\n {show_edlus_components && (\n \n \n )\n }\n}\n\nexport default observer(UsersFilter)\n","import React from 'react'\n\nimport ActiveTable from '../ActiveTable'\nimport {\n edit,\n discard,\n unlock,\n invite,\n discardSelected,\n unlockSelected,\n inviteSelected\n} from '../elements/actionDefinitions'\n\nclass UsersTable extends React.Component {\n actions = {\n row: [\n edit(this.props.pathPrefix, 'v2.users.edit.title'),\n unlock(this.props.pathPrefix),\n invite(this.props.pathPrefix),\n discard(this.props.pathPrefix)\n ],\n header: [\n unlockSelected(this.props.pathPrefix),\n inviteSelected(this.props.pathPrefix),\n discardSelected(this.props.pathPrefix)\n ]\n }\n\n render() {\n return (\n (\n {getValue()} \n )\n },\n {\n header: t('activerecord.attributes.user.user_groups'),\n accessorKey: 'tasker_user_groups_count'\n },\n {\n header: t('activerecord.attributes.user.last_activity_at'),\n accessorKey: 'last_activity_at'\n }\n ]\n\n render() {\n const { columnOptions } = this.state\n\n return (\n \n
\n )\n }\n}\n\nexport default UsersTableContainer\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport { t } from '../../utils/i18n'\nimport Tooltip from '../Tooltip'\n\nexport default ({ constructionObjectUser }) => (\n \n {notificationIcon(constructionObjectUser, 'receive_email_notifications', 'fa-at')}\n {notificationIcon(constructionObjectUser, 'receive_push_notifications', 'fa-mobile')}\n \n)\n\nconst notificationIcon = (constructionObjectUser, type, iconClass) => {\n const tooltipId = `${type}-${constructionObjectUser.id}`\n const className = classNames('fa', iconClass, { active: constructionObjectUser[type] })\n\n return (\n \n \n {t(`activerecord.attributes.construction_object_user.${type}`)}\n \n \n )\n}\n","import React from 'react'\n\nimport { t } from '../../utils/i18n'\nimport Tooltip from '../Tooltip'\n\nconst BooleanIcon = ({ checked }) =>\n checked && (\n \n \n )\n\nconst HistoricalTimeEntryIcon = ({ edited, id }) => {\n if (!edited) return null\n\n const tooltipId = `historical-time-entry-${id}`\n\n return (\n <>\n \n {t('registration_time_is_updated')}\n \n \n )\n}\nconst IconWithTooltip = ({ type, text, checked, icon, id }) => {\n if (!checked) return null\n\n const tooltipId = `icon-tooltip-${id}`\n\n return (\n \n \n {text}\n \n \n )\n}\n\nexport { BooleanIcon, HistoricalTimeEntryIcon, IconWithTooltip }\n","import React from 'react'\n\nimport classNames from 'classnames'\n\nimport paginationArrowNext from '../../images/pagination-arrow-next.png'\nimport paginationArrowPrevious from '../../images/pagination-arrow-previous.png'\nimport { t } from '../../utils/i18n'\nimport { url } from '../../utils/urlGenerator'\nimport ModalForm from '../ModalForm'\nimport ModalFormikForm from '../ModalFormikForm'\n\nconst parseNumber = number => {\n if (number === 0 || number === '0') return 0\n return Number(number) || '' // In case of Number(0) or Number('0') it returns false and '', so we do a check beforehand\n}\n\nclass TableFooter extends React.Component {\n store = this.props.store\n\n onPageChange(page) {\n if (this.props.page !== page) {\n this.store.setState({ page: parseNumber(page) })\n }\n }\n\n onPageSizeInputBlur = e => {\n let pageSize\n pageSize = Math.min(parseNumber(e.target.value), 100)\n pageSize = Math.max(pageSize, 1)\n\n this.store.setState({ pageSize })\n this.props.setPageSize(pageSize)\n }\n\n onPageSizeInputChange = e => {\n const pageSize = parseNumber(e.target.value)\n this.store.setState({ pageSize })\n }\n\n renderNextPageSwitch(nextPage) {\n const disabled = !this.props.canNextPage\n return (\n {\n if (disabled) return null\n\n this.props.nextPage()\n this.onPageChange(nextPage)\n }}\n src={paginationArrowNext}\n />\n )\n }\n\n renderPrevPageSwitch(prevPage) {\n const disabled = !this.props.canPreviousPage\n return (\n {\n if (disabled) return null\n\n this.props.previousPage()\n this.onPageChange(prevPage)\n }}\n src={paginationArrowPrevious}\n />\n )\n }\n\n renderPage(page, index, renderablePages) {\n const currentPage = this.props.page\n\n return (\n \n {\n this.props.gotoPage(page)\n this.onPageChange(page)\n }}\n >\n {page + 1}\n \n\n {renderablePages[index + 1] && renderablePages[index + 1] != page + 1 && '…'}\n \n )\n }\n\n renderPages() {\n const { page: currentPage, pageCount } = this.props\n\n if (pageCount <= 0) return\n\n const renderablePages = [...Array(pageCount).keys()].filter(page => {\n return page === 0 || page + 1 === pageCount || (page + 2 > currentPage && page - 2 < currentPage)\n })\n\n return (\n \n {this.renderPrevPageSwitch(currentPage - 1)}\n {renderablePages.map(this.renderPage.bind(this))}\n {this.renderNextPageSwitch(currentPage + 1)}\n
\n )\n }\n\n renderObjectCount() {\n const { data, dataSize, page } = this.props\n const { pageSize } = this.store.state\n\n const start = page * pageSize\n const end = Math.min(start + data.length, dataSize)\n\n return (\n \n {start + 1} {t('components.active_table.up_to_text')} {end} {t('components.active_table.of_text')} {dataSize}\n \n )\n }\n\n renderPageSizeInput() {\n return (\n \n {t('components.active_table.rows_selector_text')}\n e.key === 'Enter' && e.target.blur()}\n onChange={this.onPageSizeInputChange}\n onBlur={this.onPageSizeInputBlur}\n />\n \n )\n }\n\n renderNewResourceButton() {\n const {\n creatable,\n pathPrefix,\n translationPath,\n reloadPageOnSuccess,\n formikForm,\n customModal = null,\n formParams = {}\n } = this.props\n\n if (creatable) {\n const translation = Array.isArray(translationPath) ? translationPath.join('.') : translationPath\n const formUrl = url(pathPrefix, 'new', formParams)\n const title = t(`v2.${translation}.new.title`)\n const buttonText = t(`v2.${translation}.index.add_subject`)\n\n const modalProps = {\n action: 'new',\n url: formUrl,\n title,\n reloadPageOnSuccess,\n buttonText,\n toggleModal: toggleFormModal => (this.toggleFormModal = toggleFormModal),\n formParams\n }\n\n if (formikForm) {\n return
\n }\n }\n\n render() {\n if (this.props.dataSize === 0) {\n return {this.renderNewResourceButton()}
\n } else {\n return (\n \n {this.renderNewResourceButton()}\n {this.renderPages()}\n\n
\n {this.renderObjectCount()}\n {this.renderPageSizeInput()}\n
\n
o.value !== id)}\n transferTitle={t('v2.absence_types.destroy.transfer_title', { abbreviation, absence_count })}\n onConfirm={typeId => Axios.delete(url(pathPrefix, id, { transfer_to_id: typeId }))}\n renderOptionLabel={({ abbreviation, title }) => (\n <>\n {title} \n ( {abbreviation} ) \n \n )}\n formatSelectedItem={({ abbreviation, title }) => `${title} ( ${abbreviation} )`}\n />\n )\n})\n\nconst destroyShiftLabel = ({ pathPrefix, options }) => ({\n permission: 'destroy',\n buttonProps: { icon: 'trash-o', text: t('destroy') },\n action: ({ name, id }, props) => (\n o.value !== id)}\n transferTitle={t('v2.shift_labels.destroy.transfer_title', { name, shift_day_count: 0 })} // ADD SHIFT DAY COUNT WHEN ASSOCIATION IMPELEMNTED\n onConfirm={typeId => Axios.delete(url(pathPrefix, id, { transfer_to_id: typeId }))}\n renderOptionLabel={({ name, color }) => (\n <>\n {name} \n \n \n )}\n formatSelectedItem={({ name }) => `${name}`}\n />\n )\n})\n\nconst removeSelected = (pathPrefix, overrides = {}) =>\n action({\n text: t('remove_selected'),\n icon: 'trash-o',\n onClick: ids => Axios.put(url(pathPrefix, 'destroy_selected'), { ids }),\n confirmationProps: {\n text: t('confirm_remove_selected'),\n confirmButton: { title: t('remove'), type: 'danger' }\n },\n ...overrides\n })\n\nconst unlock = pathPrefix =>\n action({\n permission: 'unlock_access',\n text: t('unlock'),\n icon: 'unlock',\n onClick: ({ id }) => Axios.put(url(pathPrefix, id, 'unlock_access')),\n confirmationProps: {\n text: t('confirm_unlock'),\n confirmButton: { title: t('unlock'), type: 'success' }\n }\n })\n\nconst unlockSelected = pathPrefix =>\n action({\n text: t('unlock_selected'),\n icon: 'unlock',\n onClick: ids => Axios.put(url(pathPrefix, 'unlock_access_selected'), { ids }),\n confirmationProps: {\n text: t('confirm_unlock_selected'),\n confirmButton: { title: t('unlock'), type: 'success' }\n }\n })\n\nconst unlinkTimeTrackable = pathPrefix =>\n action({\n permission: 'unlink_time_trackable',\n text: t('remove'),\n icon: 'unlink',\n onClick: ({ id }) => Axios.put(url(pathPrefix, id, 'unlink_time_trackable')),\n confirmationProps: {\n text: t('confirm_unlink_time_trackable'),\n confirmButton: { title: t('remove'), type: 'danger' }\n }\n })\n\nconst unlinkTimeTrackableSelected = pathPrefix =>\n action({\n text: t('remove_selected'),\n icon: 'unlink',\n onClick: ids => Axios.put(url(pathPrefix, 'unlink_time_trackable_selected'), { ids }),\n confirmationProps: {\n text: t('confirm_unlink_time_trackable_selected'),\n confirmButton: { title: t('remove'), type: 'danger' }\n }\n })\n\nconst publish = pathPrefix =>\n action({\n permission: 'publish',\n text: t('publish'),\n icon: 'share',\n onClick: ({ id }) => Axios.put(url(pathPrefix, id, 'publish')),\n confirmationProps: {\n text: t('confirm_publish'),\n confirmButton: { title: t('publish'), type: 'warning' }\n }\n })\n\nexport {\n activate,\n archive,\n checkOut,\n checkIn,\n remoteCheckInTimeTrackable,\n deactivate,\n discard,\n edit,\n editTask,\n editFormik,\n invite,\n remove,\n destroy,\n unlock,\n activateSelected,\n archiveSelected,\n checkOutSelected,\n checkInSelected,\n deactivateSelected,\n discardSelected,\n inviteSelected,\n removeSelected,\n unlockSelected,\n destroyRelatedTaskGroup,\n checkOutEventEmployees,\n stopTimeTracking,\n unlinkTimeTrackable,\n unlinkTimeTrackableSelected,\n editRelatedGroup,\n editConsructionObjectTaskSubTask,\n discardConsructionObjectTaskSubTask,\n closeTimeEntry,\n discardConsructionObjectTimeEntry,\n discardSelectedTimeRecords,\n destroyAbsenceType,\n destroyShiftLabel,\n publish\n}\n","import React, { useState } from 'react'\n\nimport classNames from 'classnames'\nimport Turbolinks from 'turbolinks'\n\nimport { showConfirmation } from '../../utils/confirmations'\nimport Icon from '../Icon'\nimport Tooltip from '../Tooltip'\n\nconst ActionsColumn = (store, actions, legacy = false) => {\n let options = {\n header: () => {\n const ids = store.checkedRows().map(([k, _v]) => k)\n const tooltipId = 'header-actions'\n\n if (ids.length === 0) return null\n\n return (\n \n ({ids.length})\n \n )\n },\n sortable: false,\n enableResizing: false,\n minSize: 75,\n size: 75,\n maxSize: 75,\n headerClassName: 'row-actions',\n className: 'row-actions',\n id: 'row_actions',\n cell: ({ row }) => {\n const original = row.original || row._original\n if (actions.row.every(action => !(original.permissions && original.permissions[action.permission]))) {\n return null\n }\n\n const tooltipId = `row-actions-${row.id}`\n\n return (\n \n \n
\n \n )\n}\n\nconst ActionComponent = ({ action, object, buttonProps, ...others }) => {\n const [isOpen, setIsOpen] = useState(false)\n\n const props = { isOpen, setIsOpen }\n const Component = action(object, props)\n\n const onClick = () => {\n setIsOpen(true)\n }\n\n return (\n <>\n \n e.stopPropagation()}>{items}
\n \n)\n\nconst ActionDropdown = ({\n tooltipId,\n actions,\n permissions,\n object,\n className,\n children,\n bottomOffset = 0,\n placement = 'bottom'\n}) => {\n const [isOpen, setIsOpen] = useState(false)\n\n const items = dropdownItems(actions, object, permissions)\n\n const dropdownProps = {\n id: tooltipId,\n event: 'click',\n globalEventOff: 'click',\n afterHide: () => setIsOpen(false),\n afterShow: () => setIsOpen(true),\n offset: { right: 0, bottom: bottomOffset },\n place: placement\n }\n\n return (\n <>\n \n {children}\n \n
\n \n \n
\n {title}\n
\n {errors &&
{errors}
}\n
{label} \n}\n","import dayjs from 'dayjs'\nimport * as yup from 'yup'\n\nimport { t } from './i18n'\n\nyup.setLocale({\n mixed: {\n required: t('activerecord.errors.messages.required')\n },\n array: {\n min: t('validations.array.min')\n }\n})\n\nyup.addMethod(yup.string, 'humanDate', function () {\n return this.test('humanDate', t('validations.date.valid'), function (value) {\n return dayjs(value, 'DD.MM.YYYY').isValid()\n })\n})\n\nexport default yup\n","// extracted by mini-css-extract-plugin\nexport default {\"list\":\"EdQyFdCCdK039b58f6zH\",\"checkbox\":\"TT1UDfI7w6QMTJmBisRf\",\"checkmark\":\"ImT8uwTojOJUbUkoPM_L\",\"checked\":\"JIh1glX3grSGcEtKnWP5\"};","// extracted by mini-css-extract-plugin\nexport default {\"activeBubble\":\"OTGQ5Or7ZAvT_gxAD7yF\"};","// extracted by mini-css-extract-plugin\nexport default {\"list\":\"Hg6Z3D6KTEHPzSL8ir2j\",\"checkbox\":\"MKxlq6qtPpIJEAwAjazP\",\"checkmark\":\"L0pfRpitftKBWtZRlc3r\",\"checked\":\"j9dIrUwrjT_28GY9naE8\"};","// extracted by mini-css-extract-plugin\nexport default {\"activeBubble\":\"lGlmrLctJVFBNgEj4CSO\"};","// extracted by mini-css-extract-plugin\nexport default {\"colors\":\"#ffc2a8,#d1d4fe,#ddc1de,#f0a6a8,#d4afb9,#f19db7,#e7b7cc,#d1cfe2,#b6c5e3,#94d8ed,#b3dee2,#b8e0d2,#dbeeae,#fbd8ae\"};","// extracted by mini-css-extract-plugin\nexport default {\"keyInputRow\":\"awD2g_LCIek9ynnxitrv\",\"icon\":\"EfPMljQ0bBK20JNN1rrl\",\"keyControls\":\"E7OwEKBJNf1WhJuNvCkd\"};","// extracted by mini-css-extract-plugin\nexport default {\"columnToggler\":\"yj5Eaguygu10DZau4BAg\",\"toggleRow\":\"Z9SnphJnLGnx76usJu50\",\"filtersContainer\":\"WuQbWCiKGCIHYCaiGzWn\",\"filterRow\":\"pHYIXc2D7qfPumug4cix\",\"dateIntervalWrapper\":\"RWA_Q1QeBhUqQb5OfPkR\",\"form-field\":\"clp9nk2Jam1DtblJJlcZ\",\"searchField\":\"SkcCbi4GEcuKbBHhNN0I\",\"filterButton\":\"jHPf4ZRfzFABRAxHPZHZ\"};","// extracted by mini-css-extract-plugin\nexport default {\"simpleTable\":\"zZQIRepoGvanbJDLOzU3\",\"withBorder\":\"_8eGdH3ZPUutJV5qRSg1\",\"withHover\":\"SX7JhH0jZlkN5Vl3qX1B\",\"noDataRow\":\"C1CC4UM0cT0sKLdcv8pn\"};","// extracted by mini-css-extract-plugin\nexport default {\"changeLogBody\":\"V5DcSHVI9BdkoVeL4Ctm\",\"button\":\"IwuOIcdUVLuVZJLxKZNC\"};","// extracted by mini-css-extract-plugin\nexport default {\"modalWithContracts\":\"Y9j8acQiWbGoegphAZCe\",\"closeButton\":\"_HAv54WmbmE2wZ6qI_uY\",\"contractsTableWrapper\":\"CFi73WCRkyxYpWYxKZfq\",\"roundedRight\":\"xrmr_ItW7pTYvnLz1CSN\"};","// extracted by mini-css-extract-plugin\nexport default {\"vedludbNewButton\":\"gbLdYhs3FQdf8YDpoY6Q\",\"vedludbInteractLink\":\"HCFz_R68UgbHjrfrE9V0\",\"vedludbLink\":\"k7NaoKzijwEcyEH9HMIy\",\"vedludbButton\":\"Wmuyo4JCRaFYlK4PyEAR\",\"primary\":\"NsZDPVj5AU_BYDwrN6mI\",\"destroyButton\":\"OHd4WQJAtdi2ysAwvAWX\",\"secondary\":\"fEsekTRXbAb86QPxQdLs\",\"success\":\"epvbn_PPkDNeYaouaepV\",\"danger\":\"IHy9m1K874k9ABy_fos8\"};","// extracted by mini-css-extract-plugin\nexport default {\"monthlyPaymentsField\":\"PIu9iH7GBEOJ9PPVPADZ\",\"monthPaymentRow\":\"GAOMdpFCEIuOUUjNr0BY\",\"paymentMonthSelect\":\"tnqKNflbM3DrtCMZLnOP\",\"rowButton\":\"gOv08Kuhfn9IT63xKDJW\"};","// extracted by mini-css-extract-plugin\nexport default {\"modal\":\"ljFc5FqmgO4eaFn2WTyF\",\"main\":\"hnBenfHAOFQRZJCsoTEk\",\"formTitle\":\"d3UAlItN1SfMfMsClRF6\",\"sidebar\":\"LSaxGNGifBh7QP3GtT5A\",\"stickyBlock\":\"qUh60_QlhAeLQacwdoom\",\"closeButton\":\"G0wlPyde7i2qaRWkvWxk\"};","// extracted by mini-css-extract-plugin\nexport default {\"formField\":\"AoZ5piwA8q7HbNqbUMda\",\"formInputWrapper\":\"yrvht3Bov7U6xDeLxNZK\",\"formControl\":\"ndRTJZSrdfKW9RBBLeQS\",\"selectField\":\"L_9dR9l5C89ooEPq_oaj\",\"attachmentInput\":\"Fi4YfrfgA3H_2MZSLySC\",\"tag\":\"GOT4mlr2MytFgmirJeHf\",\"removeIcon\":\"gVnKT8pFXfHhXwBKUFIN\",\"hiddenFileInput\":\"xXuC7fRkYkKBjRPGx80V\",\"newFileButton\":\"aHKq07fxPkYxS1zzLCDa\",\"svg-icon\":\"UkkjhNrMDUgqqYe7RSaF\"};","// extracted by mini-css-extract-plugin\nexport default {\"fieldsRow\":\"MKBdFcPZvh6kQFtYNjUb\"};","// extracted by mini-css-extract-plugin\nexport default {\"colors\":\"#ffc2a8,#d1d4fe,#ddc1de,#f0a6a8,#d4afb9,#f19db7,#e7b7cc,#d1cfe2,#b6c5e3,#94d8ed,#b3dee2,#b8e0d2,#dbeeae,#fbd8ae\",\"container\":\"CSHvQ5U2Qt8rQSOfnbKo\",\"hasAbsence\":\"H3ktl7vW0XNEh6GASgnm\",\"hasShiftBlock\":\"a_974Ywfdejfg1cf_dwA\",\"nightShift\":\"gLoFs8Pde5aAxH3B_5HC\",\"halfBlock\":\"jKgEj3K0wrqEidmuyn6v\",\"updated\":\"grAF2BOYZF2DDhZ86Z2_\",\"hoverIndicator\":\"bC2Ad3MdKPxnIF0l6qQX\",\"block\":\"oi_8kL9DSbsIXtXT4WEo\",\"invalid\":\"YsBqGOFe9K32O79Ei7vx\",\"unscheduled\":\"c_d1UtZQ6ubMVkmM8Hbv\",\"time\":\"tbCnIpS3T4YlahYsn2jQ\",\"roundedLeft\":\"w4NrWxASd8Q0kItBkXru\",\"roundedRight\":\"CM8_QjUcMWaZUmlruxD2\",\"past\":\"LEV6yo2sEAYjnIJK77OQ\",\"errorsCount\":\"mEKFyjW1P17HEJltImz3\"};","// extracted by mini-css-extract-plugin\nexport default {\"simpleTable\":\"fZHiGdE9eaNkOnoNdw6b\",\"withBorder\":\"K9DtvCcwfLf62bB4W7c7\",\"withHover\":\"yYKi0wO6GzuSLDn6jRZZ\",\"noDataRow\":\"Btc7bTt2MFNyDYnUJYJ3\"};","// extracted by mini-css-extract-plugin\nexport default {\"subItem\":\"DTjpTocHlpKSfdRru_FH\",\"disabled\":\"itwJLtZepXiS9jBGHUZb\"};","// extracted by mini-css-extract-plugin\nexport default {\"mapWrapper\":\"sYs3VNnbHeeenXQm3Okw\",\"mapError\":\"qI_fyWYbyemSKZ0SemiG\",\"moduleTitle\":\"RIFkBdUMZNHw6t1iUZip\"};","// extracted by mini-css-extract-plugin\nexport default {\"tasksFormFields\":\"Zuw8pTin8k0ivMFJc2HR\",\"formTitle\":\"w2iZJloOgOsJZTXquBiG\",\"sectionLabel\":\"ZMSJEdBrsl_vU5aBV5TS\",\"label\":\"MoB2pXV22cQzCcMyShfq\",\"nameInput\":\"oZZWjqxL4timYl_eVh3W\"};","// extracted by mini-css-extract-plugin\nexport default {\"inputWrapper\":\"RA9O8sGHIPQbcZzSR_9s\",\"subitemsInputs\":\"sSC2JZGP7kKTrXOKTlUX\",\"subtaskInputRow\":\"GPblSFwtMFuYpQYf1UNG\",\"icon\":\"Bvz08TeKnN9qNGemHHkt\",\"subtaskControls\":\"U1R3kCn5ABVaV34DXq8q\"};","// extracted by mini-css-extract-plugin\nexport default {\"forbiddenPeriodsLabel\":\"zKObuNkrYh53vLfJCHN6\",\"timePeriodInputs\":\"yRH6L_Pr9telg50j5vP8\",\"timePeriodRow\":\"IwTTN2QuKZ7gdnFtUmTd\",\"action\":\"gLEFQ_NebaD1IprvUTbT\",\"controls\":\"jCnLTv3e6U6FySJCt29Z\",\"moduleWrapper\":\"kQbrdDq2O2_FswnJaGB2\",\"moduleTitle\":\"MtalixXRt7RvuCMomzez\",\"regularityModule\":\"Ugc2KlvUiYhW8tdyYXmm\",\"configurationButtons\":\"h4sFt14_2RIWuX78BWE7\",\"configButton\":\"wGG7C5KqjyVPWTlIhehm\",\"disabled\":\"ccOTlHNcKEAcmx6CRrAS\",\"selected\":\"khtvJXKl7G7K5Fnrk0FJ\",\"fields\":\"n1KOZvHg_ZDP7fjDxH7t\",\"regularityFields\":\"qIysuXY6rXINBO2WBRpM\",\"locationModule\":\"AclGzvAM7YxzweIRrMQO\",\"withGaps\":\"Nf4MHNE7aVkF4sXxtTdh\"};","// extracted by mini-css-extract-plugin\nexport default {\"tasksFormSidebar\":\"BGueNcmRBZDpIjfxoX7g\",\"stickyBlock\":\"t0bBaPr8ILdHf5AHUaHx\",\"moduleTogglesWrapper\":\"kQ05TcrjKOZi1QcIp_75\",\"wrapperTitle\":\"Bqp9FYosPbFkipvmRuVu\",\"moduleToggle\":\"Z6o7rLd6yyXjdE81Mix1\",\"moduleIcon\":\"YpNpv4uQEGvzN0lpyWtm\",\"moduleSvg\":\"zCc2K2DOZHQhnhIcutqF\",\"enabled\":\"zMGq5yE2svtMKWtG7X5t\",\"disabledOverlay\":\"TtJqgHpWiAnP9UFtmWvL\",\"closeIcon\":\"hKBCwVWKGbXLWbqOhxbB\"};","// extracted by mini-css-extract-plugin\nexport default {\"tasksFormModal\":\"SA7bdJR6aivvRi5go1Cv\",\"loadingOverlay\":\"pYP84ZB4N8qmoBv4pX_N\"};","// extracted by mini-css-extract-plugin\nexport default {\"templateLoadButton\":\"J5prs9mmtGwk36Fq_4Og\"};"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","randomString","length","charset","result","i","Math","floor","random","HiddenInput","index","name","value","React","type","ApiKeyRow","token","onDelete","className","cx","styles","keyInputRow","_destroy","readOnly","style","width","row","String","replace","keyControls","Icon","icon","onClick","APIKeysForm","initialTokens","tokens","setTokens","useState","t","key","updatedTokens","markForDestroy","addKey","ActiveTable","constructor","props","super","store","page_size","this","state","pageSize","setState","pathPrefix","cleanTasksTableData","editFormOpen","componentDidUpdate","widths","calculateColumnWidths","headers","document","querySelectorAll","forEach","header","querySelector","headerContent","resizer","right","getComputedStyle","paddingLeft","paddingRight","Number","parseInt","dataset","columnName","clientWidth","_getTdProps","tdProps","column","getTdProps","classNames","accessorKey","target","HTMLAnchorElement","onRowClick","_navigateToResource","includes","pathResourceId","canNavigateToResource","original","permitted","sessionStorage","tableStorePage","page","depth","tableTasksAnchor","replaceAll","Turbolinks","url","_openEditForm","rowInfo","canEdit","permissions","edit","toggleFormModal","_getTheadThProps","getTheadThProps","emIsCheckbox","em","match","tagName","toggleExpandedRow","onExpand","getCanExpand","preventDefault","stopPropagation","toggleExpanded","_getTrProps","getTrProps","_getTrClassName","highlightedBy","highlightedDangerBy","warningBy","dangerBy","inactiveBy","getTrClassName","classes","highlighted","some","pick","inactive","warning","danger","_getCellMinWidth","_columns","columns","actions","filter","Boolean","unshift","CheckboxColumn","push","ActionsColumn","enableResizing","enableSorting","undefined","sortable","minSize","updateSorted","newSorted","prevSorted","sorted","onSortedChange","renderEditModalForm","translationPath","formParams","formikForm","customModal","translation","Array","isArray","join","formProps","action","title","reloadPageOnSuccess","toggleModal","skipToggleButton","objectId","ModalFormikForm","_extends","ModalForm","getColumnVisibility","columnOptions","reduce","arr","curr","visible","renderTable","dataSize","pages","loading","data","ReactTable","ref","innerRef","onFetchData","reload","columnVisibility","tableClass","loadingText","render","Component","observer","forwardRef","ActivitiesFilter","hiddenFilters","user_options","action_type_options","resource_class_options","SimpleSelect","selectable","options","isMulti","dataContains","others","FilterContainer","SearchField","placeholder","DateRangeFilter","ActivitiesTable","ActivitiesTableContainer","TableContainer","Store","defaultSorted","desc","baseScope","base_scope","cell","getValue","Avatar","src","user_picture_url","text","size","onColumnVisibilityChange","dayjs","customParseFormat","renderFormattedDate","dateTime","dateFormat","timeFormat","today","format","yesterday","subtract","formattedDate","formattedTime","itemTypesMap","note","NoteItem","item","showImage","scrollToBottom","author_picture","user","full_name","created_at","dangerouslySetInnerHTML","__html","formatted_text","file_url","href","rel","file_preview_url","onLoad","activity","ActivityItem","emptyNotification","FilterCheckbox","filters","setFilters","handleClick","checked","ActivityBlock","task_activities","form_props","notes","activities","images","setActivities","messagesEnd","useRef","current","scroll","top","scrollHeight","left","behavior","useEffect","activityItems","toUpperCase","Tooltip","place","effect","globalEventOff","event","clickable","ItemComponent","NoteForm","afterCreate","newNote","AccountsFilter","default_filter","industry_options","state_options","defaultFilter","locale_options","export_url","AccountsTable","is_test","IconCell","showIcon","tooltipText","iconComponent","tooltipId","archive","activate","discard","trProps","visit","tenant","AccountsTableContainer","AdminUsersFilter","AdminUsersTable","locked","unlock","invite","AdminUsersTableContainer","ChangeLogsFilter","app_options","ChangeLogsTable","industries","industry","apps","app","publish","destroy","ExternalDevicesFilter","accounts_options","kinds_options","latest_healthcheck_hosts_options","statuses_options","ExternalDevicesTable","stores","BooleanIcon","ExternalDevicesTableContainer","resourcePath","ColumnToggler","table","isOpen","setIsOpen","useTranslate","useHandleOutsideClick","onOutsideClick","visibleColumnCount","getAllLeafColumns","getCanHide","getIsVisible","filterButton","columnToggler","toggleRow","Checkbox","onChange","getToggleVisibilityHandler","disabled","columnDef","ClearFiltersButton","resetColumnFilters","resetGlobalFilter","ToggleFiltersButton","toggle","Filter","getCanFilter","filterVariant","displayPosition","meta","SelectFilter","searchField","DebounceInput","debounceTimeout","optionFn","getColumn","items","uniqRowsBy","Select","onSelect","v","setFilterValue","getFilterValue","isClearable","dateIntervalWrapper","DateTimePicker","wrapperClassName","containerClassName","old","columnId","rows","getCoreRowModel","uniqBy","Filters","globalFilter","setGlobalFilter","showExtendedFilters","setShowExtendedFilters","filtersContainer","filterRow","open","columnHelper","createColumnHelper","accessor","enableHiding","permission","ActionDropdown","object","bottomOffset","generateId","isBetween","selectFilter","filterValue","dateRangeFilter","from","to","isAfter","isBefore","BaseTable","tableOptions","defaultColumns","defaultColumnVisibility","withBorder","withHover","stateOverrides","skipFilters","calculateClassNames","_row","setColumnVisibility","columnFilters","setColumnFilters","useReactTable","getFilteredRowModel","getGroupedRowModel","onColumnFiltersChange","onGlobalFilterChange","globalFilterFn","tableClasses","simpleTable","getHeaderGroups","headerGroup","isPlaceholder","flexRender","getContext","getRowModel","idx","getIsGrouped","getVisibleCells","noDataRow","colSpan","ModalHeader","changeLog","logoRound","alt","formatDate","published_at","version","setChangeLog","linkText","hasUnreadChangeLogVersion","async","Axios","get","button","modal","ReactDOM","Modal","onClose","changeLogBody","ReactMarkdown","content","CompaniesFilter","construction_objects_options","is_foreign_options","customFilters","CompaniesTable","discardSelected","CompaniesTableContainer","checked_in_employees_count","employees_count","is_foreign","CompanyConstructionObjectsTable","context","construction_object_company","company_id","remove","removeSelected","CompanyConstructionObjectsTableContainer","contract_kind_options","construction_object_id","construction_industry","ConstructionObjectsFilter","CompanyEmployeesTable","employee","checkOut","deactivate","checkOutSelected","activateSelected","deactivateSelected","CompanyEmployeesTableContainer","identifiers_options","is_foreigner_options","picture_url","Identifiers","is_foreigner","EmployeeFilter","CompanyNfcCheckLogsTableContainer","NfcCheckLogsTableContainer","onDataLoad","taskIds","construction_object_task_id","subtaskIds","construction_object_sub_task_id","task_filter_present","subtask_filter_present","expanded","u","subrows","updateState","business_industry","maxSize","cursor","renderExpander","is_group","getIsExpanded","parent_id_prefix","getClassName","getExpandableCellClassName","hideable","checkable_id","subRow","CheckLogDates","dateTimes","checkLog","CheckLogCheckedWith","checkedWith","CheckLogLocation","locationData","openMapModal","CheckLogDuration","duration","invalid","work_duration_exceeded","onNfcExpandedChange","CheckLogsFilter","NfcCheckLogsTable","checkLogTableRef","CompanyUsersTable","company_user","show","CompanyUsersTableContainer","roles_options","user_id","Permissions","UsersFilter","ConfirmationWithDataTransfer","description","transferTitle","onConfirm","renderOptionLabel","formatSelectedItem","setValue","Confirmation","onConfirmationConfirm","then","window","location","catch","showErrorModal","getApiErrorMessage","cancelAction","closeOnConfirm","confirmButton","children","cancelText","setLoading","close","nativeEvent","stopImmediatePropagation","unmountComponentAtNode","buttons","confirmAction","dispatchEvent","MouseEvent","bubbles","confirmed","buttonPlacement","ConstructionObjectEventsFilter","company_options","kind_options","mapProps","drawingController","onPolygonChanged","polygonPath","getElementById","polygonToText","getArray","MapContainer","ObjectCompanyVedludbContext","createContext","scopedContracts","company","contracts","payments","contract","apaksuznemejaRegistracijasNr","registration_number","maksajumuSkaits","payment","ligumsId","ContractsTable","vedludbContractId","constructionObjectId","handleClose","selectedContract","setSelectedContract","isFormOpen","setIsFormOpen","useContractsAndPaymentsQuery","vedludbContextValues","predefinedContractValues","apaksuznemejaNosaukums","openForm","resource","useMemo","ligumaDatums","ligumaSumma","formatCurrency","actionsColumn","handler","Provider","ContractForm","closeForm","vedludbCtx","NewContractButton","vedludbNewButton","CloseButton","modalStyles","closeButton","contractsTableWrapper","contractsTable","ConstructionObjectCompaniesForm","vedludb_ligums_id","send_to_srs","isExpanded","canAddContract","ts","queryClient","useQueryClient","formContext","useFormContext","reset","handleSubmit","watch","formState","setFieldErrors","setSelectLabel","useFormDataBuilder","construction_object","selectOptions","useSelectsOptionsQuery","preloadForm","useCallback","companies","contract_kind","contract_kinds","parent_id","getResource","loadResource","selfId","contractKind","companyId","mutationFn","saveResource","formDataToParams","onError","response","errors","mutate","useMutation","onSuccess","mutateAndStay","Notifier","showFlash","invalidateQueries","queryKey","stay","onSubmit","SelectField","label","isParentFieldVisible","optionsURL","SwitchField","isSubmitting","defaultValues","sync_all_employees","company_registration_number","form","mapping","setError","selectValue","find","setFieldError","errorText","message","ConstructionObjectCompaniesFormModal","buttonText","selfIsOpen","setSelfIsOpen","useForm","mode","resolver","yupResolver","industrySchema","defaultSchema","toggleModalFn","prev","edit_general","NewButton","withDefaultModalContent","closeOnBackdropClick","modalWithContracts","FormProvider","roundedRight","useQuery","queryFn","axios","params","getSelectsOptions","resourceId","put","post","kind","defaultFields","yup","YUP_SELECT_VALUE","required","nullable","boolean","YUP_LABEL_OBJECT_VALUE","when","is","option","s","_","buttonProps","QueryClient","ConstructionObjectCompaniesTableContainer","remaining_contract_sum_count","contract_sum","Notificator","QueryClientProvider","client","ConstructionObjectCompaniesTable","ConstructionObjectEmployeesTable","construction_object_employee","remoteCheckInTimeTrackable","checkIn","checkInSelected","ConstructionObjectEmployeesTableContainer","employee_id","EmployeesTable","employees","first_name_last_name","checked_in","ConstructionObjectEventsTable","modalOpen","ps","selectedRow","renderModal","checkOutEventEmployees","ConstructionObjectEventsTableContainer","remainingEmployeeCount","firstEmployee","ConstructionObjectGuestsTable","construction_object_guest","ConstructionObjectGuestsTableContainer","guest_id","GuestsFilter","ConstructionObjectNfcCheckLogsTable","nfc_check_log","ConstructionObjectNfcCheckLogsTableContainer","timeZone","default_time_zone_filter","time_zone","checkableTypeFilter","checkable_type_options","time_zone_options","TimeZoneSelect","is_child_time_entry","checkable_type","toLowerCase","hideObjectFilter","ConstructionObjectTasksFilter","activities_options","ConstructionObjectTasksTable","construction_object_task","editConsructionObjectTaskSubTask","discardConsructionObjectTaskSubTask","ConstructionObjectTasksTableContainer","secondLevelRows","construction_object_sub_tasks_count","onExpandedChange","rowId","parentId","path","subRowName","parentIdPrefix","ConstructionObjectUsersTable","construction_object_user","ConstructionObjectUsersTableContainer","ConstructionObjectUserNotificationSettings","constructionObjectUser","permissions_options","creatable","companies_options","other_filter_options","CheckedInAttendantCount","count","prefix","ConstructionObjectsTable","archiveSelected","ConstructionObjectsTableContainer","componentDidMount","sendToSrsColumn","getColumnOptions","hidden_columns","addEventListener","onArchivedClick","active_selection","pathname","checked_in_guests_count","vedludb_construction_site","IconWithTooltip","AdditionalConstructionCaseModal","bis","openMode","setOpenMode","isLoading","construction_case","onSettled","BisConstructionCasesModal","onCaseClick","pecKadastra","ManualConstructionCaseFormModal","onCancel","res","getConstructionCasesFromBis","FormModal","ConstructionCasesTable","cases","construction_cases","itemActions","Header","Cell","ierosinatajs","ierosinatajaNosaukums","Table","VedludbContext","Content","export_payments_template_url","exportPaymentsTemplateUrl","setLigumsId","newForm","setNewForm","isError","registrationData","useRegistrationQuery","enabled","registration","showPaymentsAndContracts","ContractSelect","Registration","NewRegistrationForm","ContractsAndPayments","SubContractsAndPayments","ConstructionObjectVedludb","defaultContractValues","isFiziskaPersona","arvalstuDarbaDevejs","ligumaNumurs","ligumaSummaNavNoteikta","formattedData","isEdit","isGeneral","ligumaSummasMenesi","paymentMonths","summa","menesis","vedludbId","aktuala","buvatlaujasNr","bisBuvniecibasLietasNr","buvniecibasLietaId","pamatojums","destroyRequested","setDestroyRequested","useContext","useContractQuery","subcontractors","constructionSites","isEditForm","values","formData","raw","buildSubcontractor","toDate","rawMonth","processMonthlyPayments","buvniecibasLietas","buildConstructionSide","string","date","array","schema","min","isDirty","_errors","useUnsavedChangesConfirmation","dirty","URL","processedData","refetchQueries","explanation","useWatch","control","displayExplanation","formDisabled","requiredFields","setRequiredFields","contextProps","modalProps","SubcontractorSelects","DateField","dateMax","TextField","ConstructionSiteData","ContractPaymentData","textArea","ContractButtons","site","selectedSite","constructionSite","mutateDestroy","isDestroying","delete","ligumaId","buttonsDisabled","vedludbButton","primary","secondary","destroyButton","handleDestroy","showConfirmation","sumUndefined","NumberField","PaymentPerMonthField","fields","append","update","useFieldArray","monthlyPaymentsField","field","monthPaymentRow","paymentMonthSelect","dateMin","rowButton","handleRowRemove","handleRowAppend","sub","selectedSubcontractor","is_person","ContractHistory","contractHistory","setContractHistory","setIsLoading","fetchParams","history","finally","nosaukums","registracijasNr","izmainuDatums","setFormDisabled","registrations","useRegistrationsQuery","reg","vedludb_token","changesAllowed","update_vedludb_ligums_id","interactable","Payments","paymentsImportUrl","contractsWithPayments","historyContract","setHistoryContract","isHistoryOpen","setHistoryOpen","tableActions","closeHistory","History","getHistoryFromBis","versions","concat","buvdarbuLigumaDatums","buvdarbuLigumaSumma","validationSchema","ierosinatajaRegistracijasNr","adrese","objektaKadastraApzimejums","of","matches","tGlobal","initialFormData","split","k","cadastreFields","arvalstuUznemums","fiziskaPersona","regNrLabelKey","_fiziskaPersona","_arvalstuUznemums","prepareData","SubItem","onAdd","onRemove","commonRegistrationFieldSchemas","buvniecibasUzsaksanasDatums","initialData","citsPasutitajs","pasutitajaNosaukums","pasutitajaRegNr","valueFormats","dateFormatter","editCaseData","setEditCaseData","_a","otherValues","formatValuesForSubmit","RegistrationForm","formatPayment","sanemejaNosaukums","maksajumaDatums","maksajumaSumma","formatData","PaymentForm","editMode","setEditMode","allContracts","contractsForSelect","isPaymentOwner","maksatajaRegistracijasNr","sanemejaRegistracijasNr","iesniedzejaRegNr","modalTitleKey","statuss","isPaymentReceiver","isStandalone","displayExplanationField","explanationPlaceholder","getExplanationPlaceholder","isOwner","isReceiver","tableReload","finalUrl","norekinuMaksajumsId","vedludbInteractLink","PaymentContractWithSides","inputProps","PaymentButtons","ButtonsContainer","justify","displaySaveControls","displayApprovalControls","saveDisabled","hasIdenticalPayments","identicalPayments","p","selectedLigumsId","payerProps","pasutitajs","maksatajaNosaukums","receiverProps","general_name","ligumsIdOptions","PaymentHistory","paymentHistory","setPaymentHistory","formatPaymentStatus","status","selectedPayment","setSelectedPayment","isModalOpen","setIsModalOpen","isImportModalOpen","setIsImportModalOpen","paymentForHistory","setPaymentForHistory","openPaymentForm","openHistory","normalizedPayments","maksajumaStatuss","closePaymentForm","PaymentsImportModal","importUrl","PaymentsTable","Form","setResults","shape","file","mixed","test","attached_files","files","register","attachedFiles","fileAttached","FormData","console","log","error","accept","color","Results","results","paymentsUrl","import_result","invalids","payments_imported","filterFn","info","entries","historyIsOpen","setHistoryIsOpen","pasutitajaRegistracijasNr","resetOptions","keepDirtyValues","_b","cancelButton","RegistrationStatus","extraButtons","editing","watchCitsPasutitajs","withIcon","CheckField","selectFormatter","StatusForm","statusOptions","setModalOpen","StatusHistory","status_history","getStatusHistoryFromBis","statusaDatums","filterByBisNumber","bisNumbers","isPaymentsError","isPaymentsLoading","paymentsData","usePaymentsQuery","isContractsError","isContractsLoading","contractsData","useContractsQuery","myContracts","my_contracts","subcontractorContracts","subcontractor_contracts","transform","currentValue","excludeEmptyString","getContracts","retry","getPayments","getContractInfo","getRegistrations","getContractsAndPayments","getRegistration","registerLocale","lv","ru","enUS","I18n","accessKeys","startCalendarRef","endCalendarRef","rawStartDate","start","rawEndDate","end","startDate","endDate","datesVisible","setDatesVisible","showDatepicker","handleBlur","setTimeout","focusedEl","activeElement","input","focus","DatePicker","locale","selected","setMultipleFilters","onRangeDateChange","handleStartDateChange","onBlur","popperPlacement","showPopperArrow","autoComplete","popperClassName","selectsStart","minDate","handleEndDateChange","selectsEnd","hideDatepicker","clearData","TimeInput","timeValue","onTimeChange","usePickerType","isTimePicker","isDateTimePicker","isMonthPicker","isDatePicker","ControlledDateTimePicker","setTimeValue","maxDate","popperModifiers","inline","handleChange","dateValue","setDate","setMonth","setYear","parsedTime","isValid","setHours","hour","minute","second","onKeyDown","timeInputLabel","highlightDates","Date","showMonthYearPicker","showTimeInput","customTimeInput","handleTimeChange","inputValue","isColonAbsent","wasColonPresent","resetTimeValue","shouldCloseOnSelect","showTimeSelect","showTimeSelectOnly","timeIntervals","timeCaption","placeholderText","UncontrolledDateTimePicker","input_options","afterChange","setDateValue","class","hidden","notClearable","pickerOptions","setInitialValue","parsedValue","element","toISOString","Event","newValue","DevicesFilter","DevicesTable","DevicesTableContainer","DownloadProgressBars","downloads","intervals","download","setInterval","refreshDownload","removeDownload","componentWillUnmount","interval","clearInterval","_prevState","completed","renderProgressBarContent","filename","progress","renderProgressBars","EmployeeConstructionObjectsTable","EmployeeConstructionObjectsTableContainer","nfc","fingerprint","IdentifierIcon","EmployeeNfcCheckLogsTableContainer","EmployeesFilter","users_options","import_url","importable","ImportButton","EmployeesImportedResultContainer","importResult","localStorageKey","JSON","parse","localStorage","getItem","removeItem","getValueFromLocalStorage","succeededClassNames","success","failedClassNames","collection","employees_imported","EmployeesTableContainer","onDeactivatedClick","ExportRange","setOpen","debouncedOpen","useDebounce","RangeDatepicker","ExportButton","optionsContent","restProps","containerClasses","OptionsDropdown","setFilterKeyword","getFilterKeyword","DurationFilterInput","Cleave","time","timePattern","setFilterDuration","getFilterDuration","normalizedOptions","normalizeOptions","defaultValue","defaultOptions","selectedValues","setFilterSelection","selection","setFilter","getContainerProps","REACT_SELECT_PROPS","onTimeZoneChange","onSuccessfulImport","setItem","stringify","onSuccessfulSubmit","DateIntervalFilter","DateInterval","customDateKeys","showFilterSettings","updating","showMoreOptions","mapOptions","exportUrl","exportData","renderClearFiltersButton","clearFilters","toggleTableSettings","onColumnOptionClick","debouncedUpdateColumnPreferences","updateColumnPreferences","table_name","debounce","renderTableSettingItem","oneChecked","renderTableSettingsTooltipContent","hideableColumnOptions","renderTableSettingsButton","show_table_preferences_button","buttonClassnames","afterHide","afterShow","renderHiddenFilterToggle","getFilterState","toggleFilter","renderHiddenFilters","renderMoreOptionsTooltipContent","additional_export_options","exportWithDateRange","export_options","handleExportClick","FilterContainerWrapped","Flash","flashes","timeout","clearFlashes","clearTimeout","f","renderFlash","alert","notice","sideBarContent","useFormState","main","formTitle","sidebar","stickyBlock","tAbsenceType","abbreviation","stringFormatter","hexFormatter","initialValues","toString","getFormikErrors","accumulator","currentKey","setIn","errorString","useAbsenceTypeFormik","afterSuccessfulSubmit","httpMethod","subjectUrl","formik","useFormik","enableReinitialize","setErrors","setSubmitting","method","absence_type","responseData","AbsenceTypeForm","FormikProvider","BaseError","HexColorPicker","maxLength","isTooltip","FieldWrapper","fieldId","errorInTooltip","labelClassName","hasError","nameClass","htmlFor","useField","ColorPicker","colors","setFieldValue","useFormikContext","backgroundColor","background","outline","DateTimeField","helpers","FormikFieldWrapper","val","Field","getIn","touched","inputFieldProps","renderSuggestion","entry","search","highlightedDisplay","focused","display","email","MentionsField","taggable_users","suggestionsPortalRef","dataProvider","query","normalizedQuery","suggestion","keywords","indexOf","MentionsInput","suggestionsPortalHost","singleLine","ignoreAccents","Mention","trigger","markup","displayTransform","appendSpaceOnAdd","FieldArray","insert","_timePeriod","startFieldName","finishFieldName","TimeField","finish","fieldIcon","selectedItems","getSelectedItemProps","getDropdownProps","useMultipleSelection","selectedItem","addOrRemoveSelectedItem","onSelectAll","_meta","_helpers","wday","addOrRemoveWeekDay","InputOption","getItemProps","highlightedIndex","withImages","inputItems","SelectContext","trueIndex","findIndex","Option","simple","containerProps","SelectOptions","listRef","onMouseLeave","selectItem","optionsFooter","sortedItems","sortItemsSelectedFirst","selectMap","sort","a","b","getSelectMap","OptionList","OptionComponent","SelectedCount","SelectedItem","itemProps","optionImageSrc","SelectedItems","image_src","imageSrc","SelectAvatar","OptionColorAvatar","withoutBlank","showCountInfo","setItems","setInputItems","inputRef","loadItems","stateReducer","useSelectReducer","getToggleButtonProps","getMenuProps","getInputProps","getComboboxProps","openMenu","closeMenu","useCombobox","itemToString","onSelectedItemChange","blur","onInputValueChange","newInputItems","search_keywords","lowerCaseInput","contextValue","preventKeyAction","displayAvatar","countInfo","completeInputProps","menuProps","handleInputWrapperClick","multiselectReducer","actionAndChanges","changes","stateChangeTypes","InputKeyDownEnter","ItemClick","ControlledPropUpdatedSelectedItem","InputBlur","singleReducer","_state","Switch","otherProps","propsForInput","inputClass","initialValue","onTimeInputChange","resetTolerances","regularityOptions","totalTime","start_time","end_time","calculateTimeDiff","Regularity","MultiTimePeriodField","FieldsRow","fieldsRow","valueFormatter","formattedObject","fromEntries","applyFormatter","formatter","acc","currentFormatter","formatterFunction","function","formattedValues","cloneDeep","fieldName","slice","getFieldState","divRef","scrollIntoView","fieldState","useController","_ref","fieldProps","HookFieldWrapper","ReactTooltip","submitting","NewFileButton","newFileButton","click","hiddenFileInput","handleFileChange","newFiles","fileData","content_type","multiple","FileTag","pos","tag","handleRemove","copyOfOriginal","splice","removeIcon","FilesField","filesControls","newFilesControls","handleExistingFileRemove","existingFiles","reject","attachmentInput","formField","MultiselectField","safeValue","formatNumber","formatNumeral","delimiter","numeralPositiveOnly","registerCursorTracker","formControl","formInputWrapper","RegularityOptions","radioValue","formatTime","formatCleaveTime","bonusFormatter","formatFinal","fieldValue","formattedValue","padEnd","onFieldBlur","onFieldChange","onFocus","select","_others","useImperativeHandle","tNfcCheckLog","childValueFormats","started_at","dateTimeFormatter","finished_at","checked_in_at","checked_out_at","comment","task_id","sub_task_id","children_attributes","arrayFormatter","valuesForSubmit","_checkableId","otherFormats","formatsToUse","errorMap","checkable","directErrors","formikDate","formikChildren","dataToFormik","useNfcCheckLogFormik","errorsFromData","returnErrors","sidx","ChildRow","child","isSubchild","namePrefix","rowClasses","baseKey","baseError","nameClasses","ToolTip","getDuration","subchild","Children","childs","NfcCheckLogForm","showHistoricalTimeEntries","employee_options","construction_object_task_options","historical_time_entries_html","Yup","accepted_image_formats","submit_url","Formik","setValues","_e","validateOnMount","currentTarget","_parent1","parent2","shiftStart","shiftEnd","breakTimeStart","breakTimeFinish","add","breakTimeStartInShift","breakTimeFinishInShift","comparableField","parent","break_time_periods","formattedStart","formattedFinish","breakTimePeriods","breakTime","formattedPeriodStart","formattedPeriodFinish","timeOverlaps","isSameOrBefore","defaultBreakTimePeriodsValue","timeFormatter","switchable_shift_id","objectFormatter","bothPeriodTimes","overlaps","bothInShiftTime","useShiftDayFormik","shift","subject","subjectId","day","closeModal","month","MonthContext","manageShift","ShiftContext","dateIso","contextStartTime","contextEndTime","contextBreakTimePeriods","getContextBreakTimePeriods","shiftVersion","versionForCurrentDay","dayjsDay","startTime","endTime","subjectName","associationParams","shift_id","sendRequest","ShiftDayForm","showDayBlock","shifts","setShifts","showShiftInput","fetchShifts","shiftStartTime","shiftEndTime","TimeFieldsBlock","confirmDayDelete","construction_object_ids","multiselectFormatter","employee_ids","company_ids","start_time_tolerance_before","start_time_tolerance_after","end_time_tolerance_before","end_time_tolerance_after","regularity","responsible_ids","sync_all_construction_objects","booleanFormatter","HeaderContent","roundMinsToFive","ShiftForm","formOptions","objectOptions","responsibleOptions","shiftUrl","discardShift","requiredTranslation","oneTranslation","bothTimes","variables","getShiftTolerances","getShiftTimes","responsible_options","timeRelatedFieldsDisabled","confirmShiftDiscard","shift_name","randomHexColor","tShiftLabel","useShiftLabelFormik","shift_label","ShiftLabelForm","addMethod","number","handleHookFormError","keyErrors","set","Map","showDefaultErrorModal","startDateTime","endDateTime","calculateTimeDiffDayjs","minutes","diff","formatMinutes","hours","GuestConstructionObjectsTable","GuestConstructionObjectsTableContainer","GuestNfcCheckLogsTableContainer","mapModalTitle","markerLat","markerLong","polygons","apiKey","GuestsTable","guests","showPagination","defaultPageSize","GuestsImportedResultContainer","succeededRowProps","_column","failedRowProps","guests_imported","identifierPresent","GuestsTableContainer","PaymentsFilter","PaymentsTableContainer","statesIcons","ready_for_sync","modified","failed","synced","humanizedState","last_upload_error","source","icons","clock","checkWithNfc","checkWithFingerprint","checkWithRemote","checkWithManual","checkWithAuto","checkKindOffline","gpsDisabled","gpsError","mapMarker","checkMark","avatar","cog","iconPencil","iconPlus","iconPlusCircle","iconTrash","iconLocation","iconLocationA","iconEmployee","iconCompany","iconResponsible","iconChat","iconChatUnread","iconChatMention","report","globe","calendar","filterCalendar","cross","circleCross","arrow","timer","subtasks","noMessages","related","attachment","attachmentFilled","timerRunning","receiveNotification","warningFilled","more","logOut","letterT","infoOutlined","sync","filePdf","fileXlsx","fileXlsxPlus","expand","addAttachment","chatButtonIcon","permilles","SVG","MapModal","drawingProps","drawingModes","polygon","targetId","onChanged","initAutocomplete","emPacContainer","preparePacContainer","targetInput","bindAutocomplete","addAutocompleteListener","classList","controls","google","maps","ControlPosition","TOP_RIGHT","autocomplete","places","Autocomplete","types","bindTo","addListener","getPlace","geometry","viewport","fitBounds","setZoom","setCenter","MapCircle","circleCenter","circleRadius","circle","draw","figure","load","points","polygonFromCircle","lat","center","LatLng","lng","Circle","radius","setCircleEvents","static","getCenter","getRadius","spherical","angle","computeOffset","initialCoords","initializeServices","_mapProps","autocompleteProps","drawingType","MapAutocomplete","mapDrawingManager","MapDrawingManager","setupListeners","flat","loadCircle","loadPolygon","disableNewDrawings","fitFigureInMap","setEditable","setDraggable","MapPolygon","zoom","initialCenter","mapTypeControl","onReady","Marker","position","GoogleApiWrapper","libraries","drawingManager","setDrawingManager","drawing","DrawingManager","drawingMode","drawingControl","drawingControlOptions","TOP_CENTER","polygonOptions","editable","draggable","circleOptions","setMap","setOptions","setPolygonEvents","getPath","addDomListener","keyCode","which","getAttribute","onDestroy","Polygon","paths","fillColor","fillOpacity","strokeColor","strokeWeight","onCircleChanged","onBeforeCircleChanged","setRadius","getBoundsFromPolygon","bounds","createBounds","point","extend","Proxy","LatLngBounds","Reflect","arguments","isEmpty","toUrlValue","ModalButtons","modalRef","removeEventListener","UncontrolledModalForm","ControlledModalForm","activeTab","loadModalContents","Accept","injectForm","submitForm","toggleInputDisabledState","handleServerError","html","formContainer","innerHTML","initializeForm","toggleTabs","formInputs","tabs","tab","initialize","inactiveForm","activeForm","prototype","hasOwnProperty","call","originalDisabled","setAttribute","removeAttribute","container","renderModalToggleButton","image","renderCustomButton","renderButtonImage","renderNewResourceLink","renderNewButton","renderEditButton","imageWrapperClass","buttonClass","toggleButtonText","UncontrolledModalFormikForm","ControlledModalFormikForm","ModalFormHeader","toggleModalProp","setData","fetchFormData","resetForm","modalToggleButton","modalClasses","MonthDatepicker","period","onMonthDateChange","leave_time_exceeded","checkedIn","dateClassName","timeClassName","clockClassName","checked_in_date","checked_in_time","HistoricalTimeEntryIcon","edited","checked_in_at_changed","checked_out_date","checked_out_time","checked_out_at_changed","CheckedWithIcon","checked_in_with","checked_in_with_title","offline","checked_in_offline","direction","CheckedPermillesIcon","checked_out_with","checked_out_with_title","checked_out_offline","remote","auto_check_out","manual","forced_checkout","overLimit","toFixed","CheckLogLocationIcons","checkedWithinArea","distance","timeTrackableName","checked_in_name","construction_object_short_name","checkable_full_name","time_trackable_name","clickHandler","CheckedWithinAreaIcons","GpsDisabledIcons","CheckLogLocationMarker","CheckedOutsideAreaIcons","construction_object_tasks_options","construction_object_sub_tasks_options","modalMapOpen","editFormik","closeTimeEntry","discardConsructionObjectTimeEntry","discardSelectedTimeRecords","toggleMapModal","renderMapModal","contextModel","contextObjectId","parentType","Notification","closeFlash","newSelectedItems","SelectAllOption","selectedAll","height","optionLabel","renderLabel","renderOption","optionValues","selectedItemValues","every","onSelectAllItems","selectFunction","differenceBy","List","itemCount","itemSize","itemData","roleSpans","active","tr","r","namespace","suffix","startKey","endKey","onRefElemClick","onStartDateChange","onEndDateChange","parsedStartDate","parsedEndDate","ColumnHeader","columnDefinition","customHeader","showArrowDesc","showArrowAsc","sortedBy","getIsSorted","sortArrowDesc","sortArrowAsc","TableHeader","headerGroups","headerClass","resizable","getCanResize","getSize","minWidth","maxWidth","flex","headerClassName","getCanSort","getToggleSortingHandler","onMouseDown","getResizeHandler","onTouchStart","TableBody","TableRow","ExpandedRows","subRowDepth","subRows","ExpandedRowsLoadMoreLink","onLoadMore","scrollPage","tableScrollPages","loadingRows","rowsLeftCount","TableCell","cellClassName","cellProps","starting_time","toJS","getRowCanExpand","sorting","pageIndex","manualPagination","manualExpanding","pageCount","manualSorting","defaultColumn","onSortingChange","autoResetSortBy","columnResizeMode","getPaginationRowModel","getSortedRowModel","getSubRows","sortDescFirst","getState","getCanNextPage","getCanPreviousPage","nextPage","previousPage","setPageSize","getPageCount","setPageIndex","columnCount","TableFooter","canNextPage","canPreviousPage","gotoPage","show_state_column","ReportCompaniesTable","ReportCompaniesTableContainer","discarded","StateCell","ReportEmployeesTable","ReportEmployeesTableContainer","start_date","end_date","ReportNfcCheckLogsTable","ReportNfcCheckLogsTableContainer","ReportNfcCheckLogsFilter","ReportVersionSwitch","onVersionChange","assign","report_version_id","version_options","default_option","ReportsFilter","token_options","MonthDatePicker","ReportsTable","ReportsTableContainer","report_icon_mapping","report_state_description_mapping","StateContent","stateTooltipId","editTooltipId","keep_open","absence_type_id","date_from","date_to","absenceTypesAdminUrl","CreateModal","policies","addAbsences","absence","absences","handleModalClose","absenceTypes","create","isValidDate","humanDate","EditForm","dayWidth","absenceRef","updateAbsence","deleteAbsence","useAbsenceContext","getInitialValues","_error","handleDelete","requestDelete","dateFrom","currentDateFrom","currentDateTo","currentISODateFrom","currentISODateTo","outlineStyle","useAbsencePositionStyle","dateTo","calculateMiniModalPosition","offset","MiniModal","onDeleteClick","Edit","makeAbsenceMap","startsWith","mergeAbsences","mergedAbsences","currentAbsence","groupOverlappingAbsences","getAbsenceDates","dateList","currDate","uniq","isToday","AbsenceBar","absenceType","AbsenceDay","metadata","absenceMap","saturday","isHoliday","useExceptionDaysContext","EmployeeRow","memo","datesMetadata","useMonthContext","first_and_last_name","areEqual","EmployeeAbsences","weeks","employeeAbsences","orderedEmployeeKeys","renderEmployeeRow","employeeCount","EMPLOYEE_ROW_COUNT","SimpleBar","scrollableNodeRef","contentNodeRef","outerRef","overscanCount","Absences","createModalOpen","setCreateModalOpen","dayFrom","dayTo","getElementsByClassName","startBeforeMonth","startAfterMonth","calcDayFrom","startOf","calcDayTo","endOf","startDelta","endDelta","borderLeft","borderTopLeftRadius","borderBottomLeftRadius","borderRight","borderTopRightRadius","borderBottomRightRadius","DayErrors","ShiftRow","hasTolerances","start_datetime","end_datetime","work_time_duration","planned_duration","employee_name","outside_shift","formatDuration","Shifts","DayModal","schedule","showForm","setShowForm","weekDay","summary","useDaySummary","forceFormOpen","can_manage","showShifts","ShiftModalHeader","ShiftHeader","FormToggler","opn","DayForm","OnlineBadge","EmployeeItem","last","absenceDates","resetAfterIndex","online","planned_shift_work_time_duration","consumed_shift_work_time_duration","ShiftDayList","EmployeesList","setHasEmployees","searchTerm","useEmployees","renderEmployeeItem","employeeId","getEmployeeItemSize","maxHeight","break_time","breakTimeSchema","scheduleToForm","formToData","timeIntervalFormatter","refreshSchedule","useSchedulesContext","shift_units_attributes","units","schedule_id","updatedSchedule","TimeFields","ModalFormButtons","onDestroyClick","sync_new_employees","force_update","dataToForm","startTimeToleranceBefore","startTimeToleranceAfter","endTimeToleranceBefore","endTimeToleranceAfter","total_time","formattedTotalTime","object_options","responsible_user_ids","ScheduleForm","scheduleId","setFormOpen","useSchedule","setFormOptions","addSchedule","removeSchedule","fetchFormOptions","scheduleUrl","ColorPickerField","regularity_options","switchable_schedule_id","switachbleSchedules","setSwitacbleSchedules","future","showSwitchableScheduleInput","useShiftForm","fetchSchedules","confirmShiftDelete","manageMultipleSchedules","CompaniesListItemCheckbox","dataName","checkbox","checkmark","CompaniesListItem","chosenCompaniesIds","setChosenCompaniesIds","outsideClickHandler","useScheduleCompanies","companiesSelectorRef","isChosen","addCompany","removeCompany","chosenId","list","newIds","isActive","activeBubble","x","y","getBoundingClientRect","documentElement","scrollTop","body","innerWidth","setBounds","initialNodeBox","setInitialNodeBox","miniModalRef","getModifierState","onEsc","handleEnter","handleStart","boundingBox","bottom","nodeBox","node","Draggable","positionOffset","onStart","cancel","PdfExportModal","exportParams","selectedSchedules","setSelectedSchedules","divide","setDivide","schedules","formattedSchedules","employee_count","exportPdf","ids","monthDatesMetadata","monthDayjs","past","sunday","SchedulerContainer","initialMonth","setSearchTerm","debouncedSearchTerm","exceptionDaysContextValue","useExceptionDays","schedulesContextValue","useShiftSchedules","absenceContextValue","useAbsences","monthContextValue","ExceptionDaysContext","SchedulesContext","SchedulerToolbar","goToPrevMonth","goToNextMonth","goToMonth","SchedulerHeader","AbsenceContext","ShiftSchedulesList","localeData","DateColumn","weekDayNames","holiday","weekdaysMin","isListVisible","setIsListVisible","toggleList","ToggleCompaniesListButton","CompaniesSelector","MonthSelect","monthSelectRef","monthName","capitalizeFirstLetter","year","MonthButton","pdfModalOpen","setPdfModalOpen","exportIntervalStart","setExportIntervalStart","exportIntervalEnd","setExportIntervalEnd","keyName","isMacOS","role","ShiftTimeToggler","isUnitSelected","unitSelectIndex","SelectIndicator","visibilityParams","yesterdayDateIso","tomorrowDateIso","showBlock","showTomorrow","showYesterday","singleDay","singleDayTomorrow","singleDayYesterday","selectedShiftItems","useSelectedShiftItems","tomorrowSelected","yesterdaySelected","todayShifted","roundRight","roundLeft","selectIndicatorClasses","SelectedShiftItemsContext","SelectedShiftItemsProvider","setSelectedShiftItems","modalParams","setModalParams","absenceDatesWithEmployeeIds","addSelectedShiftItem","unitIndex","selectShiftDay","employeesWithAbsence","filtered","filterSelectableEmployeeDays","deselectByObject","clearShiftItems","formatHours","BlockTime","halfSizeBlock","workTime","shiftFactualTime","formatShiftTime","getContainerStyle","updated","yesterdayShift","tomorrowShift","hasAbsenceTomorrow","hasAbsence","roundedLeft","hasShiftBlock","nightShift","halfBlock","getShiftVisibilityParams","hasAbsenceYesterday","show_block","unscheduled","single_day_shift","ShiftBlock","dayRef","isEmployeeDay","shiftItemParams","isShiftDay","invalidCount","invalid_count","ctrlPressed","block","errorsCount","hoverIndicator","ShiftDay","TIME_REGEX","ShiftDayMiniModal","showExpand","startTimeInputRef","deleteShiftDays","RegistrationRow","checked_in_duration","violations","multipleObjects","registrationActions","Registrations","dayData","has_tolerances","start_time_violation","end_time_violation","setRegistrations","loadRegistrations","setOverModalData","confirmationProps","ShiftErrors","ShiftStats","total_work_time_duration","total_check_log_duration","total_outside_work_time_duration","ShiftModal","overModalData","setDayData","day_data","forceShowForm","togglerDisabled","overnight","plannedDuration","ShiftScheduleInfo","handleOpen","ShiftSchedule","openedItems","toggleOpenedItems","hasEmployees","formOpen","opened","canCreateSchedule","setOpenedItems","translationName","prevState","indexInPrevState","ToggleButton","as","toggleOpen","UnitModal","showModal","setShowModal","miniModalProps","setMiniModalProps","currentMiniModalParams","isEqual","closeShiftModal","ShiftMiniModal","dayName","dayDate","str","ShiftTimePeriod","setShiftFactualTime","handleOnClick","loadSchedules","sortFilterAbsences","sortBy","absenceIsInMonth","monthDay","monthStart","setAbsences","absencesData","groupBy","currentDate","newAbsences","withUpdated","abs","setSummary","setEmployees","exceptionDays","setExceptionDays","exception_days","setSchedule","setCompanies","setSchedules","newSchedules","updatedSchedules","updateSchedules","oldSchedules","os","updateSchedule","oldShifts","shiftIdx","switched_shift","newShifts","chosen_companies_ids","attributes","forSelection","deselectable","deselectIdxs","handleTotalTime","totalTimeDiffInMinutes","breakMinutes","durationFromHHMM","asMinutes","zeroPad","num","padStart","formatTotalTime","midnight","Search","classNamePrefix","noOptionsMessage","loadingMessage","formatCreateLabel","filterOptions","selectedOption","hiddenSelect","findAndSetSelectedOption","setUpRemoteSelectParamInputs","bubbleLabelEvents","multipleValues","iterateParams","callback","selector","setHiddenValue","addSelectedOptionsToSelect","loadAsyncOptions","remote_url","_params","queryParams","q","customStyles","fontWeight","emphasize","selectProps","allow_clear","isDisabled","renderRemoteSelect","asyncSelectKey","AsyncSelect","loadOptions","closeMenuOnSelect","isValidNewOption","renderSelect","Creatable","ReactSelect","filterOption","borderRadius","AbsenceTypes","creationModalOpen","setCreationModalOpen","loadData","overrides","destroyAbsenceType","AddSubjectButton","ShiftLabels","destroyShiftLabel","directions_options","unlinkTimeTrackable","unlinkTimeTrackableSelected","SystemAccessTokensTable","SystemAccessTokensTableContainer","ShiftDayWeekendOverlay","AbsenceWeek","week","weekIndex","useShiftsCompanies","ScheduleExportModal","selectedShifts","setSelectedShifts","divideSchedule","setDivideSchedule","formattedShifts","divide_schedule","shift_ids","shiftId","dayParams","yesterdayParams","tomorrowParams","dayBlockParams","singleDayShift","shiftUnits","tomorrowShifted","yesterdayShifted","ShiftVersionDay","shiftStarted","isPastOrHasRegistrations","registrationCounts","registration_counts","ShiftDayBlock","calendarDay","days","EditIndicator","BlockIndication","showErrors","invalidRegistrationsCount","Block","blockInfo","dayBlockKey","dayInvalid","showUpdatedIndication","employeeDayInvalid","shiftBlockClasses","shiftTimes","managedShiftInfo","setManagedShiftInfo","blockIndicationClasses","animations","initial","opacity","scale","animate","transition","stiffness","exit","onAnimationComplete","shiftInfo","showBlockIndication","motion","div","versionWithTimes","editParams","isShiftEdited","dayUpdated","tomorrowShiftUnits","tomorrowBlockParams","yesterdayShiftUnits","yesterdayBlockParams","blockId","AnimatePresence","halfSizeblock","objectNames","check_log_duration","invalid_start_time","invalid_end_time","construction_object_name","shiftView","ShiftDayRegistrations","loadShifts","ShiftDayFormToggler","ShiftDayExtendedModal","setRegistrationData","shiftDay","employeeDays","employeeDay","breakTimes","shiftEnded","dayTotalDuration","useShiftDayDurationCalculator","setCalculatedRegistrationData","sumDurations","duration1","duration2","totalDuration","totalWorkTimeDuration","multiple_objects","object_names","showRegistrations","construction_object_short_names","manageMultipleShifts","shift_units","closeShiftDayModal","inShifts","at","WeekendOverlay","isExceptionDay","exportModalOpen","setExportModalOpen","SyncIcon","ShiftInfo","online_employee_count","planned_online_employee_count","firstObjectName","otherObjectNames","Badge","ShiftWeek","EmployeeList","ShiftItem","openEditForm","OpenedItemsContext","latest_updated_at","ShiftList","setShift","prevShiftItem","previousSibling","openedItemsContextValue","ShiftDayModal","Week","weekend","ShiftListHeader","setSearch","weekOfYear","columnDates","dates","shiftProps","containerRef","setWidth","containerWidth","useResizeObserver","loadingExceptionDays","useShifts","loadingAbsences","group","datesByWeeks","firstColumn","firstColumnWidth","shiftContextValue","getDayParams","employeeData","processRow","shift_employee_days","timesAsDayjs","startTimeDayjs","endTimeDayjs","setDayTotalDuration","calculateBreakTimesDuration","startTimeDurationDayjs","endTimeDurationDayjs","calculateEmployeeDayDuration","calculateShiftDayDuration","employeeDayCount","employeeDayTotalDuration","startTimeEmployeeDayjs","endTimeEmployeeDayjs","defaultDuration","updateShift","updatedShift","handleManagedShiftInfo","shiftParams","param","newShift","updatedShifts","updateShifts","managedShifts","startOfWeek","endOfWeek","actual_to","actual_from","isSame","dates_with_invalid_registrations_count","dayInfo","findShiftUnits","shift_days","currentBlockDay","checkShiftTime","addDay","currentTime","comparableTime","canManage","getShiftDayParams","version_employees","datesWithInvalidRegistrationsCount","isdayInvalid","invalidDates","shiftVersionEmployee","versionEmployee","isVersionEmployee","adjustedRegularity","drawDayBlock","showEmployeeDayBlock","invalid_dates","hasEmployeeDays","variants","SimpleFormTooltip","tooltip","variant","compose","StoreFilter","StoreData","StoreCheckbox","StoreTableScrollPages","defaultFilters","keyword","other","checkable_identifier","construction_object_vedludb_token","starting_time_start_date","starting_time_end_date","deadline_start_date","deadline_end_date","created_start_date","created_end_date","owner_id","closing_type","responsible","tableRowCheckboxes","showFilter","filtersHuman","onStateChange","additionalParams","makeObservable","observable","applySettings","storedSettings","toggleLoadingRow","_filters","qs","ignoreQueryPrefix","replaceState","collectSettings","newState","settings","queryFilter","saveSettings","currentSection","storageKey","previousSection","clear","settingsJSON","sectionRegex","RegExp","sectionMatch","storeState","args","toggleHeaderCheckbox","toggleRowCheckbox","loadCheckboxes","checkboxes","clearCheckboxes","newData","has","getHeaderCheckboxState","isAllChecked","setAllRowCheckboxes","isAnyChecked","getRowCheckboxState","checkedRows","getHeaderCheckboxIconClassName","resetSubrows","appendSubrows","currentPage","perservedPage","buildParams","runInAction","subrowsTarget","idPath","targetParent","clearSubRows","dateFiltersAsHuman","groups","starting_time_interval","deadline_interval","created_at_interval","d","getHumanFilterValues","humanField","buildFilter","include_human_filters","stateFilters","human_filters","adjustedField","sort_by","sort_order","paginate_per","chosenParams","onDatesChange","setFilterLabels","debouncedReload","newFilters","tableProps","filterKeys","processedProps","formattedKeys","mapKeys","mapValues","obj","resetScrollPage","incrementScrollPage","pageNum","subItem","DestroyedSubItem","inputName","SubItemRow","inputNameBase","canRemove","handleSubItemAdd","handleItemChange","subItemIdTarget","itemAttribute","persisted","destroyed","attribute","autoFocus","SubItemsInput","sub_items","input_classes","input_name_base","sub_item_id_target","item_attribute","subItems","setSubItems","finalColumns","placement","applyColumnProps","col","isFunction","idx2","HeaderCheckbox","CellCheckbox","HeaderCheckboxRaw","getChecked","TableCheckbox","CellCheckboxRaw","iconClassName","getRows","newRows","addrArr","isEnd","observe","resetSubRows","subrow","lastSubRow","isParent","iconClassNames","startingTime","calculateExpandedMap","expandedMap","omitBy","addr","loadSubRows","newRowsLeftCount","parent_type","context_model","context_object_id","err","onLoadMoreChange","getTableRows","parentRowId","TaskGroupsFilter","TaskGroupsTable","navigateToFilteredTasks","task_group_id","TaskGroupsTableContainer","UserGroupsFilter","parent_options","UserGroupsParentsFilter","UserGroupsParentTableContainer","is_parent","children_count","image_url","getTrClassIdentifier","resetExpanded","UserGroupsTable","parentsOnly","getFilters","parent_user_group_id","UserGroupsTableContainer","UsersTable","UsersTableContainer","getFilter","DateTimeCell","isDelayed","hideDateTime","dayjsObject","TimePeriod","ForbiddenTimePeriodsInput","timePeriods","time_periods","addTimePeriod","_timePeriods","removeTimePeriod","timePeriod","onTimePeriodChange","renderAddIcon","renderRemoveIcon","renderTimePeriod","startInputOptions","finishInputOptions","renderTimeEntriesMessage","TimePeriodRow","periods","timePeriodRow","ForbiddenTimeInput","timeEntry","sharedProps","withGaps","forbiddenPeriodsLabel","timePeriodInputs","time_tracking_forbidden_time_periods","RegularityButton","periodName","configButton","RegularityConfigurationButtons","disableRegularity","configurationButtons","selectInterval","RegularityDynamicSelect","intervalKind","SectionTitle","RegularityPeriodSelection","isEndDateUndefined","setEndDateUndefined","switchProps","toggleUndefined","RegularityDeadline","selectedDeadline","RegularityRepeatMonthdaysSelect","getValues","monthDays","specificDays","specific_days","MonthConfiguration","monthIntervalKind","onMonthIntervalKindChange","withLabel","renderByIntervalType","month_weeks","week_days_names","month_specific_day_options","MonthByDates","monthSpecificDayOptions","MonthByDays","monthWeeks","weekDaysNames","RegularityRepeatWeekdaysSelect","WeekFields","SubtaskRow","subTasks","subtaskInputRow","subtaskControls","generateSubtask","it","SubtasksInput","inputWrapper","subitemsInputs","TasksTemplateSelector","fetchByTemplate","templates","template","setTemplate","templateLoadButton","loadTemplate","TasksFormFields","isGroup","labels","modules","formType","locationAllowed","userLabel","userGroupLabel","ResponsiblesComponent","tasksFormFields","nameInput","responsible_user_group_ids","client_label","device","device_label","SubtaskModule","timeTracking","TimeTrackingModule","LocationModule","RegularityModule","margin","tasksFormSidebar","closeIcon","moduleTogglesWrapper","wrapperTitle","ModuleToggle","moduleName","SettingToggle","translatedTitle","toggleModule","moduleToggle","disabledOverlay","moduleIcon","moduleSvg","invalidPolygon","formatted_address","drawable","moduleTitle","mapWrapper","mapError","moduleWrapper","regularityModule","regularityFields","RegularityFieldRow","isCompletionSwitchDisabled","translate","TasksFormSwitch","sectionLabel","setupModules","time_tracking_enabled","sub_tasks_attributes","has_location","preprocessForSubmit","unformattedData","fileKeys","DataProcessor","perform","autogen","selectValueFromString","deadline","sub_task_completion_required","allow_time_tracking_in_forbidden_periods","resume_time_tracking_after_forbidden_period","concurrent_time_tracking_forbidden","formatForbiddenPeriods","images_required","receive_task_completion_notification","is_template","initializeRegularity","select_options","responsible_users_ids","responsible_user_groups_ids","responsible_user","responsible_user_id","responsible_user_group","responsible_user_group_id","google_maps_api_key","location_address","location_drawing_type","location_polygon_points","location_circle_center","location_circle_radius","check_within_location","create_individual_tasks","formatTimeInput","rawTime","inputSettings","day_interval_options","starting_date","duration_days","duration_days_options","duration_time","formatMonthDaysByWeeks","resultingData","tasker_task","xor","purgeable_file_ids","templateFiles","formValue","regularity_enabled","moduleSelected","subtask","durationDaysPresent","month_specific_days","week_days","month_days_by_weeks","month_dates","getValidationSchema","notRequired","timeTrackingSchema","subtasksSchema","locationSchema","regularitySchema","location_polygon","interval_kind","month_interval_kind","ImageUploadButton","isUploading","fileInput","onFilesAdded","allowed_image_count","max_image_count","submit","renderProgressIndicator","renderButtonContent","link","renderUploadButton","renderDisabledUploadButton","renderActiveUploadButton","disabled_message","StateSwitcher","switchState","eventName","responseErrors","renderStateTransitions","transitions","font","bg","renderButtonIcon","current_state_label","can_change_state","SubTasks","sub_tasks","calculatePosition","_pos","_event","tooltipWidth","clientHeight","tooltipHeight","offsetLeft","offsetTop","checkboxWidth","toggleSubTask","subTask","update_path","sub_task","renderSubTasks","overridePosition","SubTasksProgress","sub_task_count","completed_sub_task_count","RegularityPeriodFields","startingDateChanged","endDateReduced","infiniteEndDate","onStartingDateChange","newDate","formattedNewDate","startingDate","initialEndDateValue","endDateValue","onCheckBoxChange","startingDateDisabled","endDateDisabled","endInputOptions","showWarning","warningMessage","StartingTimeField","dayIntervalOptions","weekIntervalOptions","monthIntervalOptions","durationDaysOptions","currentIntervalKind","RepetitionIntervalSelect","getOptions","selectedValue","DurationFields","durationDays","durationTime","showTimeField","renderDurationTimePickerWithLabel","onDurationDateChange","selectId","inputId","Button","onIntervalKindChange","MonthDate","weekName","MonthDaysRow","Radio","MonthDay","MonthFields","renderMonthBy","initialValueSet","prevProps","onRepetitionChange","weekDays","WeekDay","TaskTimeEntriesFilter","closing_type_options","ClosingType","TimeColumn","property","TaskTimeEntriesTable","time_entry","stopTimeTracking","TaskTimeEntriesTableContainer","TaskTimeEntryUsersTable","TaskTimeEntryUsersTableContainer","TaskUsersFilter","TasksCommentEditModal","taskId","initialComment","methods","patch","TasksFilter","additional_columns","parent_user_group_options","author_options","task_group_options","client_label_options","device_label_options","task_property_options","UPLOAD_URL","HEADERS","processData","filekeys","setSelectOptions","setLabels","setModules","relatedTaskId","setRelatedTaskId","setTimeEntry","setLocationAllowed","closeHandler","assignData","active_time_entry","location_allowed","fetchUrl","submitUrl","fetchTask","loadServerErrors","errorsJson","fileUploader","FileUploader","requestData","template_id","loadingOverlay","TasksFormSidebar","TasksFormModal","skipToggle","tasksFormModal","TasksForm","TasksTable","editTask","editRelatedGroup","destroyRelatedTaskGroup","newTaskFormOpen","setTaskFormOpen","_expanded","_subRows","iconTranslation","TaskInfoIcons","with_attachment","notes_count","unread_notes_count","unread_notes_mention_count","subTaskTooltipId","hasUnreadNotes","hasUnreadMentionNotes","infoIcons","wrapperClass","renderInfoIcon","ResponsibleImages","responsibles","rowIndex","responsiblesCount","headerSelector","currentWidth","getPropertyValue","visibleAvatarCount","hiddenAvatarCount","renderResponsible","TaskCountByState","state_statistics","state_colors","onStateStatisticsClick","ResponsibleCell","responsible_data","responsible_attachment_url","responsible_name","TasksTableContainer","include_children_for","taskGroupsWithChildren","row_accesr","groupData","uid","tryScrollingToAnchor","groupUids","tableTasksWithChildren","anchor","getColumns","task_count","is_delayed","updateExpandedTasks","selectedUid","TimeTracker","startedAt","inForbiddenPeriod","seconds","consumedTimeInSeconds","started","timeEntryId","errorMessage","startTimer","trackingInterval","forbidden_periods","secSinceMidnight","getTime","isInRange","secs","range","isButtonDisabled","toggleButton","pause","confirmNewTimeEntry","formatedUnit","unit","formatedDuration","initSeconds","renderTimer","renderTrackerInfo","TenantToggle","renderLogo","abbr","isOption","tenantOptions","tenant_options","account_img_src","account_name","account_tenant","tenant_logo_src","tenant_abbr","As","UserCompaniesTable","UserCompaniesTableContainer","UserConstructionObjectsTable","UserConstructionObjectsTableContainer","UserProfile","toggleProfileOptions","renderProfileOptions","profile_settings_url","sign_out_url","renderProfileSettingsContent","current_user","first_name","last_name","avatar_src","employees_options","user_groups_options","show_edlus_components","unlockSelected","inviteSelected","notificationIcon","iconClass","parseNumber","onPageChange","onPageSizeInputBlur","max","onPageSizeInputChange","renderNextPageSwitch","paginationArrowNext","renderPrevPageSwitch","prevPage","paginationArrowPrevious","renderPage","renderablePages","renderPages","bind","renderObjectCount","renderPageSizeInput","onKeyPress","renderNewResourceButton","groupTimeRecords","nfc_check_log_ids","time_entry_ids","nfcCheckLogIdPropertyName","customText","nfc_check_log_id","absence_count","typeId","transfer_to_id","shift_day_count","legacy","_v","_original","disableResizing","ActionButton","ActionComponent","DropDown","dropdownProps","dropdownItems","debouncedValue","setDebouncedValue","debounceHandler","initialClick","handleClickOutside","contains","handleEsc","base","bindElements","bindEvents","toggleSchedulerCheckbox","selectors","hasEdlus","hasSchedulerInput","collapseToggle","toggleElements","translations","person","isPerson","formatForm","nameLabel","regNumberLabel","isForeignInput","isForeignField","isPersonChecked","checkBoxes","roleInput","toggleFields","toggleRoleDescription","roleDescriptions","el","i18nScope","roleDescription","rolePrefix","innerText","visibleFor","MANAGER","REGULAR","FormWithRoles","canManageEmployees","toggleIdentifierInput","canEditIdentifiersInput","canEditIdentifiers","canManageEmployeesInput","canEditNfcCheckLogsInput","canEditNfcCheckLogs","canManageVedludbInput","canManageVedludb","contractKindInput","rerender","toggleVisibility","isVisible","sendtoSrsInput","vedludbTokenInput","vedludbConstructionSiteInput","vedludbLigumsIdInput","vedludbTokenAttributeContainer","handleVedludbToken","handleVedludbTokenChange","setVedludbLigumsId","vedludbTokensList","box","scrollListToBottom","canReadAttendantsInput","canReadAttendants","canCheckInInput","canCheckIn","canManualCheckInInput","canManualCheckIn","canCheckInGuestInput","canCheckInGuest","isForeignerInput","personalCodeInputLabel","onIsForeignerChange","timeTrackableIdInput","timeTrackableTypeInput","timeTrackableInputs","SubTask","Task","ConstructionObject","setTimeTrackable","_type","cropper","avatarColors","applyImage","toggleClearButton","destroyInput","clearButton","resetButton","zoomInButton","zoomOutButton","imageCropper","imagePreview","avatarAttributeInputs","onImageChange","removeImage","resetCropper","zoomInCropper","zoomOutCropper","applyInitials","initialsSrc","avatarApiUrl","initials","destroyCropper","createObjectURL","initCropper","toggleImagePreviewContainer","Cropper","aspectRatio","preview","crop","getData","filePlaceholder","onFileChange","togglePasswordFields","passwordSwitch","fieldsContainer","passwordInput","inputParent","parentElement","createElement","iconElement","passwordToggleClick","prepend","$event","inputElement","bindToggle","TaskActivitiesLoader","autloadTrigger","scrollY","innerHeight","offsetHeight","loadMoreActivities","Handler","TaskActivitiesChangelogToggle","fetching","fetchURL","activities_offset","temp","replaceWith","childNodes","toggleTaskTimesFields","toggleForbiddenTimePeriodsInputs","toggleRegularityContainer","timeTrackingSwitch","timeTrackerOptionsContainer","regularitySwitch","regularityContainer","deadlineField","startingTimeField","filesInput","filesUploadContainer","purgeAttachmentIcons","updateWithAllRelatedTasksInput","responsibleField","responsibleFields","usergroup","setResponsibleIds","onAttachmentPurge","changed","responsibleType","responsibleId","maxFileCount","allowedFileCount","maxFileSize","exceedsSizeLimit","exceedsCountLimit","messages","max_file_count","max_file_size","parentNode","attachmentId","toggleSwitchableContainer","switchInput","startedAtInput","finishedAtInput","durationContainer","onDurationChange","finishedAt","ADMIN","SUPERVISOR","syncAllUserGroupsCheck","hasEdlusInput","hasTaskerInput","toggleUserGroupsVisibility","toggleCompaniesManagerInput","toggleTaskCreatorInput","taskerUserGroupsContainer","hasTasker","companiesManager","taskCreator","toggleAssociationInputs","usersContainer","childrenContainer","isParentCheckbox","handleNotification","csrfToken","defaults","common","interceptors","request","use","config","paramsSerializer","serialize","arrayFormat","encode","Promise","handleConfirmation","confirmation","head","lang","initEditor","EasyMDE","autofocus","spellChecker","forceSync","hideIcons","showIcons","componentRequireContext","require","ReactRailsUJS","RailsUJS","sentryDSN","environment","init","dsn","ignoreErrors","release","setTag","mountComponents","bindConfirmations","CompanyUserForm","CompanyForm","ConstructionObjectCompanyForm","ConstructionObjectUserForm","UserForm","ImageUploader","TimeEntryInputsContainer","EmployeeForm","ConstructionObjectForm","Collapse","TaskForm","PasswordForm","PasswordShowToggle","UserGroupForm","ExternalDeviceForm","AccountForm","ConstructionObjectNotes","viewHandlers","markdownEditor","c","samsung","vivaldi","reminder","reminderClosed","noclose","insecure","mobile","l","browserUpdate","browserUpdateCheck","charAt","hiddenColumns","hasVisibleParam","full_message","getUnit","calc","formatted","startAt","endAt","iso","fallback","separator","now","translationPathWithIndustry","scope","navigator","userAgentData","platform","flash","pop","regexp"],"sourceRoot":""} 
\n 
\n \n 
\n 
\n 
\n 
}\n {showArrowAsc && 
}\n