\n | \n {extraCost.name}\n | \n {extraCost.user.name} | \n {sToTime(extraCost.duration)} | \n {format(parseISO(extraCost.createdAt), 'd.M.yyyy')} | \n \n \n | \n
\n );\n};\n\nconst ExtraCostsTable = ({\n extraCosts,\n onExtraCostClick,\n removeExtraCost,\n editExtraCost,\n}) => {\n return (\n <>\n {\n onEdit(employee.id);\n }}\n >\n \n {\n e.stopPropagation();\n onEmployeeClick(employee.id);\n }}\n as={RouterLink}\n to={`/employees/${employee.id}${encodeQuery({\n referrerUrl,\n referrerTitle: 'Työntekijä',\n })}`}\n >\n {employee.name}\n \n | \n {employee.organization.name} | \n {employee.jobTitle} | \n {sToTime(employee.siteMonthlyTime)} | \n {showCorrectEmployeeWages()}€/h | \n {ActivityStatusBadge(activityStatuses[employee.activityStatus])} | \n \n \n | \n \n );\n};\n\nconst SiteEmployeesTable = ({\n employees,\n site,\n onEmployeeClick,\n removeEmployee,\n editEmployeeDetails,\n}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Yritys\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tehtävänimike\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työtunnit\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Palkka\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tila\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {employees.map((e) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default SiteEmployeesTable;\n","import React, {memo} from 'react';\nimport {includes, all} from 'ramda';\nimport {Table, Thead, Tbody, Tr, Th, Td, Checkbox} from '@chakra-ui/react';\nimport {sToTime} from 'utils/time';\n\nconst EmployeeRow = memo(function EmployeeRow({employee, isSelected, select = () => {}}) {\n // how many unique time entry dates (ignoring hours) employee has\n const totalDays = employee.timeEntries\n .map((te) => te.startDate.split('T')[0])\n .filter((s, i, a) => a.indexOf(s) === i).length;\n\n return (\n \n | \n e.stopPropagation()}\n onChange={(e) => select([{id: employee.id, selected: e.target.checked}])}\n />\n | \n \n {employee.name}\n | \n {employee.organizationName} | \n {employee.birthday} | \n {employee.vatNumber} | \n {sToTime(employee.totalTime.total)} | \n {totalDays} | \n
\n );\n});\n\nconst EmployeeNoticeTable = ({\n employees = [],\n selection = [],\n selectEmployees = () => {},\n clearSelection = () => {},\n}) => {\n const handleSelectAll = (selected) => {\n if (selected) {\n selectEmployees(employees.map((e) => ({id: e.id, selected})));\n } else {\n clearSelection();\n }\n };\n\n return (\n <>\n \n \n \n | \n includes(employee.id, selection), employees)\n }\n onClick={(e) => e.stopPropagation()}\n onChange={(e) => handleSelectAll(e.target.checked)}\n />\n | \n Nimi | \n Yritys | \n Syntymäaika | \n Veronumero | \n Työaika | \n Työpäivät | \n
\n \n \n {employees.map((e) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default EmployeeNoticeTable;\n","import React from 'react';\nimport {HStack, FormControl, Select, FormLabel} from '@chakra-ui/react';\nimport {ReactDatepicker} from 'components';\n\nconst EmployeeNoticeFilters = ({\n updateQuery = () => {},\n query = {},\n organizations = [],\n}) => {\n return (\n \n \n Alkaen\n updateQuery({startDate: date})}\n />\n \n \n Päättyen\n updateQuery({endDate: date})}\n />\n \n \n Yritys\n updateQuery({organizationId: e.target.value})}\n size=\"lg\"\n variant=\"withLabel\"\n placeholder=\"Valitse...\"\n >\n {organizations.map((o) => (\n \n ))}\n \n \n \n );\n};\n\nexport default EmployeeNoticeFilters;\n","import React, {useMemo} from 'react';\nimport {Link} from 'react-router-dom';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Button,\n Flex,\n HStack,\n Box,\n Text,\n Center,\n Spinner,\n} from '@chakra-ui/react';\nimport {sum} from 'ramda';\nimport {sToTime} from 'utils/time';\nimport EmployeeNoticeTable from './employee-notice-table';\nimport EmployeeNoticeFilters from './employee-notice-filters';\n\nconst EmployeeNoticeModal = ({\n isOpen,\n employeeNoticeUrl,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n employeeRows = [],\n employeeRowsLoading,\n selection = [],\n selectEmployees = () => {},\n clearSelection = () => {},\n updateQuery = () => {},\n query,\n organizations = [],\n}) => {\n const totalEmployees = employeeRows.length;\n\n // sum of unique time entry dates (ignoring hours) each employee has\n const totalDays = useMemo(\n () =>\n sum(\n employeeRows.map(\n (e) =>\n e.timeEntries\n .map((te) => te.startDate.split('T')[0])\n .filter((s, i, a) => a.indexOf(s) === i).length,\n ),\n ),\n [employeeRows],\n );\n\n const totalHours = useMemo(\n () => sToTime(sum(employeeRows.map((e) => e.totalTime.total))),\n [employeeRows],\n );\n\n return (\n \n \n \n Työntekijäilmoitus\n \n \n \n \n \n \n \n Henkilöt\n \n {totalEmployees}\n \n \n \n Työpäivät\n \n {totalDays}\n \n \n \n Tunnit\n \n {totalHours}\n \n \n \n {employeeRowsLoading ? (\n \n \n \n ) : !employeeRows.length ? (\n \n Ei kirjauksia\n \n ) : (\n \n )}\n \n \n \n {!employeeNoticeUrl ? (\n \n Luo ilmoitus\n \n ) : (\n \n \n \n )}\n \n \n \n );\n};\n\nexport default EmployeeNoticeModal;\n","import React from 'react';\nimport {Box, Text, Progress} from '@chakra-ui/react';\n\nconst EmployeeCosts = ({site, users}) => {\n const sumTotalEuros = (users) =>\n users.reduce((sum, {siteTotalWages}) => sum + siteTotalWages, 0);\n\n const employeeCosts = site.employeeCosts;\n const accumulatedWages = Math.floor(sumTotalEuros(users));\n const percentage = (accumulatedWages / employeeCosts) * 100;\n\n return (\n \n {accumulatedWages}€\n employeeCosts ? 'orange' : 'blue'}\n />\n {employeeCosts}€\n \n );\n};\n\nexport default EmployeeCosts;\n","import React, {useEffect} from 'react';\nimport {\n SimpleGrid,\n Stack,\n Text,\n Center,\n Spinner,\n IconButton,\n Icon,\n Badge,\n Box,\n Button,\n Avatar,\n AvatarGroup,\n} from '@chakra-ui/react';\nimport {Link} from 'react-router-dom';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\nimport {FiEdit, FiPlusCircle, FiFileText} from 'react-icons/fi';\n\nimport {applyState} from 'utils/redux';\nimport {getDateRangeStr} from 'utils/time';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\nimport effs from 'modules/sites/sitePage/effects';\nimport sels from 'modules/sites/sitePage/selectors';\nimport commonSels from 'modules/common/selectors';\nimport {fullAddress} from 'modules/sites/sitePage/utils';\nimport SiteEmployeeFilters from './components/siteEmployee-filters';\nimport SiteEmployeeModal from './components/siteEmployee-modal';\nimport CostCalculationFilters from './components/costCalculation-filters';\nimport CostCalculationTable from './components/costCalculation-table';\nimport DropzoneModal from './components/dropZone-modal';\nimport ExpenseModal from './components/expense-modal';\nimport DocumentEditorModal from './components/document-editor-modal';\nimport ExtraCostsTable from './components/extraCosts-table';\nimport ExtraCostsFilter from './components/extraCosts-filter';\n\nimport {\n Content,\n PageHeader,\n Card,\n CardHeader,\n List,\n ListItem,\n FileList,\n File,\n} from 'components';\nimport SiteModal from '../sites/components/site-modal';\nimport SiteEmployeesTable from './components/siteEmployee-table';\nimport EmployeeNoticeModal from './components/employee-notice-modal';\nimport EmployeeCosts from './components/employeeCosts';\nimport {siteStatuses} from 'dicts/data';\n\nconst SiteStatusBadge = (status) => {\n if (status === 'Passiivinen') {\n return Passiivinen;\n } else if (status === 'Aktiivinen') {\n return Aktiivinen;\n }\n};\n\nconst Site = ({\n match: {\n params: {siteId},\n },\n organizations,\n organizationId,\n employeeNoticeUrl,\n processing,\n loading,\n site,\n extraCosts,\n extraCostsLoading,\n siteModalOpen,\n siteDefaultVals,\n siteSubContractors,\n organization,\n employeeDefaultVals,\n selectedEmployee,\n selectedEmployeeId,\n employeeModalOpen,\n addableEmployees,\n users,\n location,\n history,\n fileUploaderModalOpen,\n query,\n filteredUsers,\n siteOrganizations,\n expenses,\n expensesLoading,\n expenseModalOpen,\n expenseDefaultVals,\n expensesQuery,\n openedEmployee,\n documents,\n documentsLoading,\n documentEditorOpen,\n documentEditorDefaultVals,\n employeeNoticeModalOpen,\n employeeSelection,\n employeeNoticeRows,\n employeeNoticeLoading,\n employeeNoticeQuery,\n}) => {\n useEffect(() => {\n effs.initialize(Number(siteId));\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const addableOrganizations = organizations.filter((o) => o.id !== organizationId);\n\n const referrerUrl = createReferrerUrl(location);\n\n const openEmployee = (id) => {\n history.push(\n `/employees/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työmaat'})}`,\n );\n };\n return (\n \n \n \n {}}\n leftIcon={}\n colorScheme=\"blue\"\n variant=\"solid\"\n >\n Työaikaraportti\n \n \n \n\n {loading ? (\n \n \n \n ) : (\n \n \n \n effs.toggleSiteModal()}\n size=\"sm\"\n icon={}\n />\n }\n />\n\n \n \n {organization.name}\n \n \n {fullAddress(site)}\n \n \n {getDateRangeStr(site.startDate, site.endDate)}\n \n \n {site.budget}€\n \n \n {SiteStatusBadge(siteStatuses[site.state])}\n \n \n \n {siteSubContractors.map((subContractor) => (\n \n ))}\n \n \n
\n \n\n \n }\n />\n }\n />\n\n \n {documentsLoading ? (\n \n \n \n ) : documents.length ? (\n documents.map((doc) => (\n window.open(doc.url, '_blank')}\n onEdit={() => effs.openDocumentEditor(doc.id)}\n onDelete={() => effs.removeDocument(doc.id)}\n >\n {doc.name}\n \n ))\n ) : (\n Ei tiedostoja\n )}\n \n \n \n \n \n {\n effs.openEmployeeModal(null);\n }}\n size=\"sm\"\n icon={}\n />\n }\n >\n \n \n\n {loading ? (\n \n \n \n ) : !filteredUsers.length ? (\n Ei työntekijöitä\n ) : (\n effs.openEmployeeModal(id)}\n />\n )}\n \n \n \n \n Työntekijäkulut\n \n \n \n \n \n effs.openExpenseModal(null)}\n size=\"sm\"\n icon={}\n />\n }\n >\n \n \n {expensesLoading ? (\n \n \n \n ) : !expenses.length ? (\n Ei kuluja\n ) : (\n \n )}\n \n \n {}}\n size=\"sm\"\n icon={}\n />\n }\n >\n \n \n {extraCostsLoading ? (\n \n \n \n ) : !extraCosts.length ? (\n Ei erillisveloitettavia\n ) : (\n \n )}\n \n \n \n )}\n\n {employeeModalOpen && (\n effs.closeEmployeeModal()}\n addableEmployees={addableEmployees}\n onSubmit={openedEmployee ? effs.updateEmployeeToSite : effs.addEmployeeToSite}\n selectedEmployee={selectedEmployee}\n setSelectedEmployee={effs.setSelectedEmployeeId}\n defaultValues={employeeDefaultVals}\n selectedEmployeeId={selectedEmployeeId}\n openedEmployee={openedEmployee}\n organizationId={organizationId}\n />\n )}\n\n {siteModalOpen && (\n effs.toggleSiteModal()}\n onSubmit={effs.updateSite}\n isNew={false}\n organizations={organizations}\n addableOrganizations={addableOrganizations}\n defaultSiteSubContractors={siteSubContractors}\n organizationId={organizationId}\n defaultValues={siteDefaultVals}\n />\n )}\n\n {fileUploaderModalOpen && (\n \n )}\n\n {expenseModalOpen && (\n effs.closeExpenseModal()}\n onSubmit={effs.saveExpense}\n defaultValues={expenseDefaultVals}\n />\n )}\n\n {documentEditorOpen && (\n effs.closeDocumentEditor()}\n onSubmit={effs.updateDocument}\n defaultValues={documentEditorDefaultVals}\n />\n )}\n\n {employeeNoticeModalOpen && (\n effs.closeEmployeeNoticeModal()}\n onSubmit={() => effs.sendEmployeeNotice()}\n employeeRows={employeeNoticeRows}\n employeeRowsLoading={employeeNoticeLoading}\n selection={employeeSelection}\n selectEmployees={effs.selectEmployees}\n clearSelection={effs.clearEmployeeSelection}\n updateQuery={effs.updateEmployeeNoticeQuery}\n query={employeeNoticeQuery}\n organizations={siteOrganizations}\n />\n )}\n \n );\n};\n\nexport default connect(\n applyState({\n ...pick(\n [\n 'processing',\n 'loading',\n 'employeeNoticeUrl',\n 'site',\n 'siteModalOpen',\n 'siteDefaultVals',\n 'organization',\n 'extraCosts',\n 'extraCostsLoading',\n 'employeeModalOpen',\n 'employeeDefaultVals',\n 'selectedEmployeeDefaultVals',\n 'selectedEmployeeId',\n 'selectedEmployee',\n 'addableEmployees',\n 'users',\n 'fileUploaderModalOpen',\n 'query',\n 'filteredUsers',\n 'selectSubContractors',\n 'siteOrganizations',\n 'siteSubContractors',\n 'expenseModalOpen',\n 'expenses',\n 'expensesLoading',\n 'expenseDefaultVals',\n 'expensesQuery',\n 'openedEmployee',\n 'documents',\n 'documentsLoading',\n 'documentEditorOpen',\n 'documentEditorDefaultVals',\n 'employeeNoticeModalOpen',\n 'employeeSelection',\n 'employeeNoticeRows',\n 'employeeNoticeLoading',\n 'employeeNoticeQuery',\n ],\n sels,\n ),\n ...pick(['organizations', 'organizationId'], commonSels),\n }),\n)(Site);\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'employees';\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'employeesPage';\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\nimport {emptyPagination} from 'constants/pagination';\n\nexport const initialState = {\n query: {\n page: 1,\n sort: 'name',\n 'filter[name]': '',\n 'filter[organizationId]': '',\n },\n processing: false,\n pagination: emptyPagination,\n loading: false,\n employees: [],\n activeEmployees: [],\n employeeModalOpen: false,\n organizations: [],\n};\n\nexport const cases = {\n updateQuery: (st, all, payload) => {\n return {\n ...st,\n query: {...st.query, ...payload},\n loading: true,\n };\n },\n\n setEmployees: (st, all, payload) => {\n return {\n ...st,\n employees: payload.data,\n pagination: payload.pagination,\n loading: false,\n };\n },\n\n setActiveEmployees: (st, all, data) => {\n return {\n ...st,\n activeEmployees: data,\n };\n },\n\n setOrganizations: (st, all, organizations) => {\n return {...st, organizations, loading: false};\n },\n\n setLoading: (st, all, loading) => {\n return {...st, loading};\n },\n\n setProcessing: (st, all, processing) => {\n return {...st, processing};\n },\n\n openEmployeeModal: (st) => {\n return {...st, employeeModalOpen: true};\n },\n\n closeEmployeeModal: (st) => {\n return {...st, employeeModalOpen: false};\n },\n\n reset: (st) => {\n return initialState;\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import {evolve} from 'ramda';\nimport {replace} from 'utils/objects';\nimport {initialState} from './store';\n\nexport const parseUrlQuery = (query) => {\n const vals = evolve(\n {\n page: Number,\n },\n query,\n );\n return replace(vals, initialState.query);\n};\n\nexport const formatFetchableQuery = (query) => {\n return query;\n};\n","import namespace from './namespace';\nimport {scopedSelectors} from 'utils/redux';\nimport {createSelector} from 'reselect';\nimport {formatFetchableQuery} from './utils';\n\nlet sels = {};\n\nsels.processing = (st) => st.processing;\n\nsels.loading = (st) => st.loading;\n\nsels.employeeModalOpen = (st) => st.employeeModalOpen;\n\nsels.query = (st) => st.query;\n\nsels.queryFetchable = createSelector(sels.query, (q) => formatFetchableQuery(q));\n\nsels.employees = (st) => st.employees;\n\nsels.activeEmployees = (st) => st.activeEmployees;\n\nsels.pagination = (st) => st.pagination;\n\nexport default scopedSelectors(namespace, sels);\n","import selectors from './selectors';\nimport services from 'services';\nimport {bindSelectors} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindSelectors(store.getState, selectors));\n","import services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport {prop} from 'ramda';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const getEmployees = (query = {}) =>\n httpJson('get', '/users', query).catch(describeThrow(msgs.fetchFailed));\n\nexport const postEmployee = (body) =>\n httpJson('post', '/users', {}, {body})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n\nexport const getActiveUsers = () =>\n httpJson('get', '/users/getActiveSiteUsersToday', {}).catch(\n describeThrow(msgs.fetchFailed),\n );\n\nexport const deleteEmployee = (id) =>\n httpJson('delete', `/users/${id}`).catch(describeThrow(msgs.deleteFailed));\n","import {mergeLeft} from 'ramda';\nimport namespace from './namespace';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\nimport {setPageTitleMessage, decorateWithNotificationsEff} from 'io/app';\nimport _acts from './boundActions';\nimport _sels from './boundSelectors';\nimport {P} from 'utils/types';\nimport {guardHandled} from 'io/errors';\nimport {pushQuery, getQuery} from 'io/history';\nimport {getEmployees, postEmployee, deleteEmployee, getActiveUsers} from './io';\nimport msgs from 'dicts/messages';\nimport confirmerEffs from 'modules/confirmer/effects';\nimport commonEffs from 'modules/common/effects';\nimport _commonSels from 'modules/common/boundSelectors';\nimport {parseUrlQuery} from './utils';\n\nlet acts, sels, commonSels;\n_acts.then((x) => (acts = x));\n_sels.then((x) => (sels = x));\n_commonSels.then((x) => (commonSels = x));\n\nlet effects = {};\nlet types = {};\n\nconst fetchEmployees = (notifyOpts = {}) => {\n acts.setLoading(true);\n\n return decorateWithNotificationsEff(\n {id: 'get-employees', failureStyle: 'warning', ...notifyOpts},\n getEmployees(sels.queryFetchable()),\n ).then(({data, meta}) => {\n acts.setEmployees({data, pagination: meta});\n });\n};\n\nconst getActiveEmployees = (notifyOpts = {}) => {\n const organizationId = commonSels.organizationId();\n acts.setLoading(true);\n\n return decorateWithNotificationsEff(\n {id: 'get-activeEmployees', failureStyle: 'warning', ...notifyOpts},\n getActiveUsers(),\n ).then((data) => {\n const activeUsers = data.filter(\n (user) =>\n user.organizationId === organizationId ||\n user.site.organization_id === organizationId,\n );\n acts.setActiveEmployees(activeUsers);\n acts.setLoading(false);\n //acts.setActiveEmployees({data});\n });\n};\n\neffects.initialize = guardHandled(async () => {\n setPageTitleMessage('Työntekijät');\n\n const query = parseUrlQuery(getQuery());\n acts.updateQuery(query);\n\n await fetchEmployees();\n await getActiveEmployees();\n await commonEffs.fetchOrganizations();\n});\n\neffects.openEmployeeModal = () => {\n acts.openEmployeeModal();\n};\n\neffects.closeEmployeeModal = () => {\n acts.closeEmployeeModal();\n};\n\neffects.createEmployee = guardHandled(async (formData) => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'addEmployee-form',\n failureStyle: 'error',\n success: 'Tallennettu',\n },\n postEmployee(formData),\n );\n acts.closeEmployeeModal();\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n\n await fetchEmployees();\n});\n\ntypes.createEmployee = P.Object;\n\neffects.removeEmployee = (employee) => {\n const onConfirm = guardHandled(async () => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'remove-employee',\n failureStyle: 'error',\n loading: msgs.deleting,\n success: 'Työntekijä poistettu',\n },\n deleteEmployee(employee.id),\n );\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n\n await fetchEmployees();\n });\n\n confirmerEffs.show({\n message: `Poistetaanko työntekijä ${employee.name}?`,\n okText: 'Poista',\n okStyle: 'danger',\n cancelText: msgs.cancel,\n onCancel: () => {},\n onOk: onConfirm,\n });\n};\ntypes.removeEmployee = P.Object;\n\neffects.updateQuery = guardHandled(async (query) => {\n acts.updateQuery(query);\n pushQuery(mergeLeft(sels.query()));\n\n await fetchEmployees();\n});\ntypes.updateQuery = P.Object;\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Badge,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n HStack,\n Spacer,\n} from '@chakra-ui/react';\n\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\nimport _commonSels from 'modules/common/boundSelectors';\n\nimport {emptyPagination} from 'constants/pagination';\nimport {Paginator} from 'components';\n\nlet commonSels;\n_commonSels.then((x) => (commonSels = x));\n\nconst EmployeeRow = ({employee, onRowClick, onDelete, referrerUrl}) => {\n const jobStatus = (id) => {\n const organizationId = commonSels.organization().id;\n\n if (id === organizationId) {\n return Palkkasuhde;\n } else {\n return Alihankinta;\n }\n };\n\n return (\n onRowClick(employee.id)}\n _hover={{bg: 'gray.50', cursor: 'pointer'}}\n >\n \n {employee.name}\n | \n {employee.address} | \n {employee.organization.name} | \n {jobStatus(employee.organizationId)} | \n\n \n \n | \n \n );\n};\n\nconst EmployeesTable = ({\n employees,\n onEmployeeClick,\n removeEmployee,\n processing,\n pagination = emptyPagination,\n onPageSelect = () => {},\n openEmployee = () => {},\n}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Yritys\n {}}\n size=\"sm\"\n />\n | \n \n Työsuhde\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {employees.map((e) => (\n \n ))}\n \n
\n \n \n \n \n \n );\n};\n\nexport default EmployeesTable;\n","import React, {useEffect, useState, useRef} from 'react';\nimport {\n HStack,\n FormControl,\n FormLabel,\n Select,\n Input,\n InputRightElement,\n InputGroup,\n Icon,\n} from '@chakra-ui/react';\nimport {FiSearch} from 'react-icons/fi';\nimport {equals} from 'ramda';\nimport {useDebounce} from 'utils/react';\n\nconst EmployeeFilters = ({query = {}, updateQuery = () => {}, organizations = []}) => {\n const querySearch = query['filter[name]'] || '';\n const [search, setSearch] = useState(querySearch);\n const debouncedSearch = useDebounce(search, 500);\n const isInitialMount = useRef(true);\n\n // update filter to query debounced to prevent flooding API with requests\n // value also kept in local state that is updated immediately\n useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n } else if (!equals(debouncedSearch, querySearch)) {\n updateQuery({'filter[name]': debouncedSearch});\n }\n }, [debouncedSearch]);\n\n useEffect(() => {\n if (querySearch !== search) {\n setSearch(querySearch);\n }\n }, [querySearch]);\n\n return (\n \n \n Vapaahaku\n \n setSearch(e.target.value)}\n />\n \n \n \n \n \n\n {/* TODO: Add this back once API has support for such filter\n\n \n Työsuhde\n \n \n \n \n \n\n */}\n\n \n Yritys\n updateQuery({'filter[organizationId]': e.target.value})}\n value={query['filter[organizationId]']}\n >\n {organizations.map((o) => (\n \n ))}\n \n \n \n );\n};\n\nexport default EmployeeFilters;\n","import React, {useState} from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Stack,\n Input,\n FormControl,\n Text,\n FormLabel,\n InputRightElement,\n IconButton,\n InputGroup,\n Button,\n FormErrorMessage,\n HStack,\n} from '@chakra-ui/react';\nimport {FiEye, FiEyeOff} from 'react-icons/fi';\n\nimport {useForm} from 'react-hook-form';\nimport {ReactSelect} from 'components';\n\nconst EmployeeModal = ({\n isOpen,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n defaultValues = {},\n isNew = true,\n organizations,\n}) => {\n const {\n handleSubmit,\n formState: {errors},\n control,\n watch,\n register,\n } = useForm({defaultValues});\n const [show, setShow] = useState(false);\n const handleClick = () => setShow(!show);\n\n const role = watch('role');\n\n const showPasswordInput = !role ? false : role === 'employee' ? false : true;\n\n const userTypes = [\n {value: 'employee', label: 'Työntekijä'},\n {value: 'manager', label: 'Työnantaja'},\n {value: 'admin', label: 'Admin'},\n ];\n\n const onSubmitActual = (formData) => {\n if (formData.password !== '') {\n onSubmit(formData);\n } else {\n const {password, ...data} = formData;\n onSubmit(data);\n }\n };\n\n return (\n \n \n \n Työntekijä\n \n \n \n \n\n \n \n \n Tallenna\n \n \n \n \n );\n};\n\nexport default EmployeeModal;\n","import React from 'react';\nimport {Table, Thead, Tbody, Tr, Th, Td, IconButton, Badge, Icon} from '@chakra-ui/react';\n\nimport {FiChevronDown} from 'react-icons/fi';\nimport {activityStatuses} from 'dicts/data';\nimport {sToTime} from 'utils/time';\n\nconst PresentEmployeeRow = ({employee, onRowClick, referrerUrl}) => {\n const ActivityStatusBadge = (activityStatus) => {\n if (activityStatus === 'Poissa') {\n return Poissa;\n } else if (activityStatus === 'Paikalla') {\n return Paikalla;\n } else if (activityStatus === 'Tauko') {\n return Tauko;\n } else if (activityStatus === 'Nouto') {\n return Nouto;\n } else if (activityStatus === 'Siirtymä') {\n return Siirtymä;\n }\n };\n\n return (\n onRowClick(employee.id)}\n _hover={{bg: 'gray.50', cursor: 'pointer'}}\n >\n \n {employee.name}\n | \n {employee.site.name} | \n {sToTime(employee.timeEntries)} | \n {ActivityStatusBadge(activityStatuses[employee.activityStatus])} | \n \n );\n};\n\nconst PresentEmployeesTable = ({\n employees,\n onEmployeeClick,\n processing,\n openEmployee = () => {},\n}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työmaa\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Päivän tunnit\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tila\n {}}\n size=\"sm\"\n icon={}\n />\n | \n
\n \n \n {employees.map((e) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default PresentEmployeesTable;\n","import React, {useEffect, useState} from 'react';\nimport {\n HStack,\n Box,\n Spacer,\n Button,\n Text,\n Spinner,\n Center,\n VStack,\n Switch,\n} from '@chakra-ui/react';\nimport {FiPlusCircle} from 'react-icons/fi';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\n\nimport {applyState} from 'utils/redux';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\nimport effs from 'modules/employees/employeesPage/effects';\nimport sels from 'modules/employees/employeesPage/selectors';\nimport commonSels from 'modules/common/selectors';\n\nimport {Content, Card} from 'components';\nimport EmployeeFilters from './components/employees-filters';\nimport EmployeesTable from './components/employees-table';\nimport EmployeeModal from './components/employees-modal';\nimport PresentEmployeesTable from './components/presentEmployees-table';\n\nconst Employees = ({\n history,\n location,\n processing,\n loading,\n pagination,\n employees,\n activeEmployees,\n employeeModalOpen,\n presentEmployeesModalOpen,\n organizations,\n query,\n}) => {\n useEffect(() => {\n effs.initialize();\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const referrerUrl = createReferrerUrl(location);\n const [checked, setChecked] = useState(true);\n\n const openEmployee = (id) => {\n history.push(\n `/employees/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työntekijät'})}`,\n );\n };\n\n return (\n \n \n \n \n Aktiiviset työntekijät\n \n Näytä aktiiviset työntekijät\n {\n setChecked(!checked);\n }}\n />\n \n \n\n {checked ? (\n loading ? (\n \n \n \n ) : !activeEmployees.length ? (\n Ei aktiivisia työntekijöitä\n ) : (\n \n )\n ) : null}\n \n \n \n Työntekijät\n \n \n \n \n {loading ? (\n \n \n \n ) : !employees.length ? (\n Ei työntekijöitä\n ) : (\n effs.updateQuery({page})}\n openEmployee={openEmployee}\n removeEmployee={effs.removeEmployee}\n referrerUrl={referrerUrl}\n />\n )}\n \n \n\n {employeeModalOpen && (\n effs.closeEmployeeModal()}\n onSubmit={effs.createEmployee}\n />\n )}\n \n );\n};\n\nexport default connect(\n applyState({\n ...pick(\n [\n 'processing',\n 'loading',\n 'employeeModalOpen',\n 'presentEmployeesModalOpen',\n 'employees',\n 'pagination',\n 'query',\n 'organizations',\n 'activeEmployees',\n ],\n sels,\n ),\n ...pick(['organizations'], commonSels),\n }),\n)(Employees);\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'employeePage';\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\n\nexport const initialState = {\n employee: [],\n sites: [],\n workPermits: [],\n openedPermitId: [],\n processing: false,\n loading: false,\n entriesLoading: false,\n employeeModalOpen: false,\n workPermitModalOpen: false,\n siteEntries: [],\n dateRange: {startDate: null, endDate: null},\n siteIdFilter: '',\n};\n\nexport const cases = {\n updateSiteIdFilter: (st, all, id) => {\n return {...st, siteIdFilter: id};\n },\n\n updateDateRange: (st, all, range) => {\n return {...st, dateRange: {startDate: range.startDate, endDate: range.endDate}};\n },\n\n setEmployee: (st, all, payload) => {\n return {\n ...st,\n employee: payload.data,\n loading: false,\n sites: payload.data.sites,\n workPermits: payload.data.workPermits,\n };\n },\n\n setWorkPermits: (st, all, payload) => {\n return {...st, workPermits: payload};\n },\n\n updateEmployee: (st, all, payload) => {\n return {\n ...st,\n employee: {...st.employee, ...payload},\n };\n },\n\n setLoading: (st, all, loading) => {\n return {...st, loading};\n },\n\n setEntriesLoading: (st, all, entriesLoading) => {\n return {...st, entriesLoading};\n },\n\n setProcessing: (st, all, processing) => {\n return {...st, processing};\n },\n\n openWorkPermitModal: (st, all, id) => {\n return {...st, workPermitModalOpen: true, openedPermitId: id};\n },\n\n closeWorkPermitModal: (st, all) => {\n return {...st, workPermitModalOpen: false, openedPermitId: null};\n },\n\n openEmployeeModal: (st, all) => {\n return {...st, employeeModalOpen: true};\n },\n\n closeEmployeeModal: (st, all) => {\n return {...st, employeeModalOpen: false};\n },\n\n setSiteEntries: (st, all, entries) => {\n return {...st, siteEntries: entries, setLoading: false};\n },\n\n reset: (st) => {\n return initialState;\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import namespace from './namespace';\nimport {createSelector} from 'reselect';\nimport {scopedSelectors} from 'utils/redux';\nimport {\n formatEmployeeDefaultVals,\n timeEntryQueryFetchable,\n formatWorkPermitDefaultVals,\n} from './utils';\n\nlet sels = {};\n\nsels.processing = (st) => st.processing;\n\nsels.loading = (st) => st.loading;\n\nsels.entriesLoading = (st) => st.entriesLoading;\n\nsels.employee = (st) => st.employee;\n\nsels.employeeId = (st) => st.employee.id;\n\nsels.siteIdFilter = (st) => st.siteIdFilter;\n\nsels.employeeModalOpen = (st) => st.employeeModalOpen;\n\nsels.employeeDefaultVals = createSelector(sels.employee, (employee) =>\n formatEmployeeDefaultVals(employee),\n);\n\nsels.workPermits = (st) => st.workPermits;\n\nsels.openedPermitId = (st) => st.openedPermitId;\n\nsels.selectedWorkPermit = createSelector(\n [sels.openedPermitId, sels.workPermits],\n (permitId, workPermits) => workPermits.find((permit) => permit.id === permitId),\n);\n\nsels.permitDefaultValues = createSelector(\n [sels.selectedWorkPermit],\n (selectedWorkPermit) => formatWorkPermitDefaultVals(selectedWorkPermit),\n);\n\nsels.workPermitModalOpen = (st) => st.workPermitModalOpen;\n\nsels.dateRange = (st) => st.dateRange;\n\nsels.timeEntryQueryFetchable = createSelector(\n [sels.dateRange, sels.siteIdFilter, sels.employeeId],\n (dateRange, siteIdFilter, employeeId) =>\n timeEntryQueryFetchable({dateRange, siteIdFilter, employeeId}),\n);\n\nsels.sites = (st) => st.sites;\n\nsels.siteEntries = (st) => st.siteEntries;\n\nexport default scopedSelectors(namespace, sels);\n","export const formatEmployeeDefaultVals = (employee) => {\n if (!employee) return {};\n\n return {\n name: employee.name,\n email: employee.email,\n address: employee.address,\n jobTitle: employee.jobTitle,\n birthday: employee.birthday,\n phone: employee.phone,\n vatNumber: employee.vatNumber,\n ssn: employee.ssn,\n };\n};\n\nexport const formatWorkPermitDefaultVals = (selectedWorkPermit) => {\n if (!selectedWorkPermit) return {};\n\n return {\n name: selectedWorkPermit.name,\n expires_at: new Date(selectedWorkPermit.expiresAt),\n description: selectedWorkPermit.description,\n number: selectedWorkPermit.number,\n admitter: selectedWorkPermit.admitter,\n };\n};\n\nexport const timeEntryQueryFetchable = ({siteIdFilter, dateRange, employeeId}) => {\n const startDate = dateRange.startDate?.toISOString();\n const endDate = dateRange.endDate?.toISOString();\n\n return {\n 'filter[startDateBetween]': `${startDate},${endDate}`,\n 'filter[siteId]': siteIdFilter,\n 'filter[userId]': employeeId,\n groupByDaysAndSites: 'true',\n };\n};\n","import selectors from './selectors';\nimport services from 'services';\nimport {bindSelectors} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindSelectors(store.getState, selectors));\n","import {prop} from 'ramda';\nimport services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const getEmployee = (id) =>\n httpJson('get', `/users/${id}`, {include: 'sites,timeEntries, workPermits'}).catch(\n describeThrow(msgs.fetchFailed),\n );\n\nexport const getDayEntries = (query) =>\n httpJson('get', '/timeEntries', query, {})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n\nexport const updateEmployee = (employee) =>\n httpJson('put', `/users/${employee.id}`, {}, {body: employee})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n\nexport const createWorkPermit = (data) =>\n httpJson('post', '/workPermits', {}, {body: data})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n\nexport const deleteWorkPermit = (id) =>\n httpJson('delete', `/workPermits/${id}`).catch(describeThrow(msgs.deleteFailed));\n\nexport const updateWorkPermit = ({permitId, permitData}) =>\n httpJson('put', `/workPermits/${permitId}`, {}, {body: permitData});\n","import namespace from './namespace';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\nimport {setPageTitleMessage, decorateWithNotificationsEff} from 'io/app';\nimport _acts from './boundActions';\nimport _sels from './boundSelectors';\nimport {P, Record} from 'utils/types';\nimport {guardHandled, logInfo} from 'io/errors';\nimport msgs from 'dicts/messages';\nimport confirmerEffs from 'modules/confirmer/effects';\nimport {\n getDayEntries,\n getEmployee,\n updateEmployee,\n createWorkPermit,\n deleteWorkPermit,\n updateWorkPermit,\n} from './io';\n\nlet acts;\n_acts.then((x) => (acts = x));\nlet sels;\n_sels.then((x) => (sels = x));\n\nlet effects = {};\nlet types = {};\n\neffects.initialize = guardHandled(async (id) => {\n const date = new Date();\n const firstDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1);\n const lastDayOfMonth = new Date();\n\n acts.updateDateRange({startDate: firstDayOfMonth, endDate: lastDayOfMonth});\n\n acts.setLoading(true);\n const employee = await decorateWithNotificationsEff(\n {id: 'get-employee', failureStyle: 'warning'},\n getEmployee(id),\n );\n\n acts.setEmployee(employee);\n setPageTitleMessage(employee.data.name);\n\n //await fetchDayEntriesEff();\n});\ntypes.initialize = P.Number;\n\neffects.updateDateRange = guardHandled(async ({startDate, endDate}) => {\n acts.updateDateRange({startDate: startDate, endDate: endDate});\n\n await fetchDayEntriesEff();\n});\ntypes.updateDateRange = Record({startDate: P.Date, endDate: P.Date});\n\neffects.updateSiteIdFilter = guardHandled(async (id) => {\n acts.updateSiteIdFilter(id);\n\n await fetchDayEntriesEff();\n});\ntypes.updateSiteIdFilter = P.Object;\n\nconst fetchDayEntriesEff = async () => {\n acts.setEntriesLoading(true);\n const query = sels.timeEntryQueryFetchable();\n\n try {\n const siteEntries = await getDayEntries(query);\n await acts.setSiteEntries(siteEntries);\n } catch (e) {\n logInfo(e);\n }\n acts.setEntriesLoading(false);\n};\n\neffects.updateEmployee = guardHandled(async (formData) => {\n const employeeId = sels.employee().id;\n const employeeSites = sels.employee().sites;\n const employeesActiveSite = employeeSites.filter((s) => s.activityStatus !== 'away');\n const isActive = employeesActiveSite.length > 0 ? true : false;\n\n try {\n acts.setProcessing(true);\n const employee = await decorateWithNotificationsEff(\n {\n id: 'update-employee',\n failureStyle: 'error',\n success: 'Tiedot päivitetty',\n },\n\n updateEmployee({...formData, id: employeeId}),\n );\n acts.updateEmployee(employee);\n acts.closeEmployeeModal();\n acts.setProcessing(false);\n if (isActive) {\n window.location.reload();\n }\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n});\ntypes.updateEmployee = P.Object;\n\nconst fetchWorkPermits = async () => {\n const id = sels.employee().id;\n acts.setLoading(true);\n const employee = await decorateWithNotificationsEff(\n {id: 'get-employee', failureStyle: 'warning'},\n getEmployee(id),\n );\n\n acts.setEmployee(employee);\n};\n\neffects.createWorkPermit = guardHandled(async (formData) => {\n const userId = sels.employee().id;\n\n const expirationDate = formData.expires_at\n .toISOString()\n .substr(0, 19)\n .replace('T', ' ');\n\n const permitData = {\n ...formData,\n userId,\n expires_at: expirationDate,\n };\n\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'create-work-permit',\n failureStyle: 'error',\n success: 'Lupa lisätty onnistuneesti!',\n },\n createWorkPermit(permitData),\n );\n acts.closeWorkPermitModal();\n await fetchWorkPermits();\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n});\ntypes.createWorkPermit = P.Object;\n\neffects.removeWorkPermit = (workPermit) => {\n const onConfirm = guardHandled(async () => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'remove-workPermit',\n failureStyle: 'error',\n loading: msgs.deleting,\n success: 'Työlupa poistettu',\n },\n deleteWorkPermit(workPermit.id),\n );\n acts.setProcessing(false);\n await fetchWorkPermits();\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n });\n\n confirmerEffs.show({\n message: `Poistetaanko työlupa ${workPermit.name}?`,\n okText: 'Poista',\n okStyle: 'danger',\n cancelText: msgs.cancel,\n onCancel: () => {},\n onOk: onConfirm,\n });\n};\ntypes.removeWorkPermit = P.Object;\n\neffects.editWorkPermit = guardHandled(async (formData) => {\n const permitId = sels.openedPermitId();\n const expirationDate = formData.expires_at\n .toISOString()\n .substr(0, 19)\n .replace('T', ' ');\n\n const permitData = {\n ...formData,\n expires_at: expirationDate,\n };\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'edit-work-permit',\n failureStyle: 'error',\n success: 'Luvan tietoja muokattu onnistuneesti!',\n },\n updateWorkPermit({permitData, permitId}),\n );\n acts.closeWorkPermitModal();\n await fetchWorkPermits();\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n});\ntypes.editWorkPermit = P.Object;\n\neffects.openEmployeeModal = () => {\n acts.openEmployeeModal();\n};\ntypes.openEmployeeModal = P.Object;\n\neffects.closeEmployeeModal = () => {\n acts.closeEmployeeModal();\n};\ntypes.closeEmployeeModal = P.Object;\n\neffects.openWorkPermitModal = async (permitId) => {\n acts.setProcessing(true);\n await acts.openWorkPermitModal(permitId);\n acts.setProcessing(false);\n};\ntypes.openWorkPermitModal = P.Number;\n\neffects.closeWorkPermitModal = () => {\n acts.closeWorkPermitModal();\n};\ntypes.closeWorkPermitModal = P.Object;\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Badge,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\nimport {activityStatuses} from 'dicts/data';\n\nconst SiteRow = ({site, onRowClick, onDelete}) => {\n const ActivityStatusBadge = (activityStatus) => {\n if (activityStatus === 'Poissa') {\n return Poissa;\n } else if (activityStatus === 'Paikalla') {\n return Paikalla;\n } else if (activityStatus === 'Tauko') {\n return Tauko;\n } else if (activityStatus === 'Nouto') {\n return Nouto;\n } else if (activityStatus === 'Siirtymä') {\n return Siirtymä;\n }\n };\n return (\n {\n const id = site.id;\n onRowClick(id);\n }}\n >\n \n {site.name}\n | \n {site.address} | \n {!site.hourPrice ? '-' : `${site.hourPrice}€`} | \n\n {ActivityStatusBadge(activityStatuses[site.activityStatus])} | \n \n \n | \n \n );\n};\n\nconst SitesTable = ({sites, employee, openSite}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tuntipalkka\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tila\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {sites.map((s) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default SitesTable;\n","import React, {useEffect, useState} from 'react';\nimport {HStack, FormControl, FormLabel, Select} from '@chakra-ui/react';\nimport {ReactDatepicker} from 'components';\n\nconst TimeEntryFilters = ({\n siteIdFilter,\n dateRange,\n sites,\n updateSiteIdFilter,\n updateDateRange,\n}) => {\n const [endDate, setEndDate] = useState(dateRange.endDate);\n const [startDate, setStartDate] = useState(dateRange.startDate);\n\n useEffect(() => {\n if (!startDate && !endDate) {\n return;\n }\n updateDateRange({startDate, endDate});\n }, [startDate, endDate]);\n\n return (\n \n \n Alkaen\n setStartDate(date)}\n />\n \n \n Päättyen\n setEndDate(date)}\n />\n \n\n \n Työmaa\n updateSiteIdFilter(e.target.value)}\n value={siteIdFilter}\n >\n {sites.map((s) => (\n \n ))}\n \n \n \n );\n};\n\nexport default TimeEntryFilters;\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\nimport {sToTime} from 'utils/time';\n\nconst TimeEntryRow = ({entry, onRowClick, onEditClick, setEditableEntries}) => {\n return (\n \n | \n {entry.day}\n | \n {entry.siteName} | \n {sToTime(entry.totalTime.total)} | \n\n \n \n | \n
\n );\n};\n\nconst TimeEntriesTable = ({siteEntries, editTimeEntries, setEditableEntries}) => {\n return (\n <>\n \n \n \n | \n Päivämäärä\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työmaa\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Aika\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {siteEntries.map((e, index) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default TimeEntriesTable;\n","import React, {useState} from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Stack,\n Input,\n FormControl,\n FormLabel,\n Button,\n InputRightElement,\n IconButton,\n InputGroup,\n FormErrorMessage,\n HStack,\n Divider,\n Text,\n} from '@chakra-ui/react';\nimport {useForm} from 'react-hook-form';\nimport {FiEye, FiEyeOff} from 'react-icons/fi';\n\nconst EmployeeModal = ({\n isOpen,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n defaultValues = {},\n isNew = true,\n}) => {\n const {\n handleSubmit,\n formState: {errors},\n register,\n } = useForm({defaultValues});\n\n const [show, setShow] = useState(false);\n const handleClick = () => setShow(!show);\n\n return (\n \n \n \n Työntekijä\n \n \n \n \n\n \n \n \n Tallenna\n \n \n \n \n );\n};\n\nexport default EmployeeModal;\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'timeEntries';\n","import namespace from './namespace';\nimport {scopedSelectors} from 'utils/redux';\nimport {createSelector} from 'reselect';\nimport {formatTimeEntryDefaultVals} from './utils';\n\nlet sels = {};\n\nsels.timeEntriesModalOpen = (st) => st.timeEntriesModalOpen;\n\nsels.editableEntries = (st) => st.editableEntries;\n\nsels.timeEntryDefaultValues = createSelector([sels.editableEntries], (editableEntries) =>\n formatTimeEntryDefaultVals(editableEntries),\n);\n\nexport default scopedSelectors(namespace, sels);\n","import {parseISO} from 'date-fns';\nexport const formatTimeEntryDefaultVals = (timeEntries) => {\n if (!timeEntries) {\n return {\n type: '',\n startDate: '',\n endDate: '',\n description: '',\n deleted: false,\n };\n }\n\n return {\n timeEntries:\n timeEntries?.map((entry) => ({\n id: entry.id,\n startDate: entry.startDate ? parseISO(entry.startDate) : '',\n endDate: entry.endDate ? parseISO(entry.endDate) : '',\n description: entry.description,\n type: entry.type,\n delete: false,\n })) || [],\n };\n};\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\n\nexport const initialState = {\n timeEntriesModalOpen: false,\n editableEntries: [],\n processing: false,\n};\n\nexport const cases = {\n closeTimeEntriesModal: (st, all) => {\n return {...st, timeEntriesModalOpen: false};\n },\n\n openTimeEntriesModal: (st, all) => {\n return {...st, timeEntriesModalOpen: true};\n },\n\n setEditableEntries: (st, all, entries) => {\n return {...st, editableEntries: entries};\n },\n\n setProcessing: (st, all, value) => {\n return {...st, processing: value};\n },\n\n reset: (st) => {\n return initialState;\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import {prop} from 'ramda';\nimport services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const putTimeEntries = (data) =>\n httpJson('post', '/timeEntries/updateTimeEntries', {}, {body: data})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n","import namespace from './namespace';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\nimport _acts from './boundActions';\n//import _sels from './boundSelectors';\nimport {P} from 'utils/types';\nimport {guardHandled} from 'io/errors';\nimport {decorateWithNotificationsEff} from 'io/app';\nimport {putTimeEntries} from './io';\n\nlet acts;\n_acts.then((x) => (acts = x));\n//let sels;\n//_sels.then((x) => (sels = x));\n\nlet effects = {};\nlet types = {};\n\n// note: lazy, should store in state or something like that\nlet afterSaveCallback = null;\n\neffects.initialize = async () => {};\n\neffects.openTimeEntryModal = (afterSave = () => {}) => {\n afterSaveCallback = afterSave;\n acts.openTimeEntriesModal();\n};\ntypes.openTimeEntryModal = P.Function;\n\neffects.closeTimeEntryModal = () => {\n acts.closeTimeEntriesModal();\n};\n\neffects.setEditableEntries = (entries) => {\n acts.setEditableEntries(entries);\n};\ntypes.setEditableEntries = P.Array;\n\neffects.updateTimeEntries = guardHandled(async ({data, siteId}) => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'timeEntry-form',\n failureStyle: 'error',\n success: 'Tallennettu',\n },\n putTimeEntries(data),\n );\n acts.closeTimeEntriesModal();\n\n afterSaveCallback();\n\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n});\ntypes.updateTimeEntries = P.Object;\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import React, {useState, useEffect} from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalCloseButton,\n ModalBody,\n ModalHeader,\n ModalFooter,\n Button,\n HStack,\n FormControl,\n FormLabel,\n Checkbox,\n Select,\n Text,\n Spinner,\n Center,\n Input,\n FormErrorMessage,\n} from '@chakra-ui/react';\nimport {useForm, useFieldArray} from 'react-hook-form';\n\nimport {ReactDatepicker} from 'components';\n\nexport const TimeEntriesModal = ({isOpen, onClose, defaultValues, onSubmit, siteId}) => {\n const [renderEntries, setRenderEntries] = useState(false);\n useEffect(() => {\n setTimeout(() => {\n setRenderEntries(true);\n }, 500);\n }, []);\n\n const {\n handleSubmit,\n formState: {errors},\n register,\n control,\n } = useForm({defaultValues});\n\n const submit = (data) => {\n onSubmit({data, siteId});\n };\n\n const {fields} = useFieldArray({control, name: 'timeEntries'});\n\n return (\n \n \n \n Muokkaa työaikakirjauksia\n \n \n {!renderEntries ? (\n \n \n \n ) : (\n \n )}\n \n \n \n \n \n \n \n );\n};\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal} from 'react-icons/fi';\n\nconst PermitRow = ({permit, onRowClick, onDelete}) => {\n return (\n {\n onRowClick(permit.id);\n }}\n >\n {permit.name} | \n {permit.description} | \n {permit.expiresAt} | \n {permit.number} | \n {permit.admitter} | \n \n \n | \n \n );\n};\n\nconst WorkPermitTable = ({workPermits, editPermit, onDelete}) => {\n return (\n <>\n \n \n \n | Nimi | \n Kuvaus | \n Voimassaolo | \n Numero | \n Myöntäjä | \n | \n
\n \n \n {workPermits.map((p) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default WorkPermitTable;\n","import React from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Stack,\n Input,\n FormControl,\n FormLabel,\n Button,\n FormErrorMessage,\n HStack,\n} from '@chakra-ui/react';\nimport {useForm} from 'react-hook-form';\nimport {ReactDatepicker} from 'components';\n\nconst WorkPermitModal = ({\n isOpen,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n defaultValues = {},\n isNew = true,\n}) => {\n const {\n handleSubmit,\n formState: {errors},\n register,\n control,\n } = useForm({defaultValues});\n\n return (\n \n \n \n Työlupa\n \n \n \n \n\n \n \n \n Tallenna\n \n \n \n \n );\n};\n\nexport default WorkPermitModal;\n","import React, {useEffect} from 'react';\nimport {\n SimpleGrid,\n Stack,\n Text,\n Center,\n Spinner,\n IconButton,\n Icon,\n Box,\n Button,\n} from '@chakra-ui/react';\nimport {Link} from 'react-router-dom';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\nimport {FiEdit, FiFileText} from 'react-icons/fi';\n\nimport {applyState} from 'utils/redux';\nimport effs from 'modules/employees/employeePage/effects';\nimport sels from 'modules/employees/employeePage/selectors';\n\nimport {Content, PageHeader, Card, CardHeader, List, ListItem} from 'components';\nimport SitesTable from './components/sites-table';\nimport TimeEntryFilters from './components/timeEntries-filter';\nimport TimeEntriesTable from './components/timeEntries-table';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\nimport EmployeeModal from './components/employee-modal';\nimport timeEntrySels from 'modules/timeEntries/selectors';\nimport timeEntryEffs from 'modules/timeEntries/effects';\nimport {TimeEntriesModal} from 'views/timeEntries/timeEntriesModal';\nimport WorkPermitTable from './components/work-permit-table';\nimport WorkPermitModal from './components/work-permit-modal';\n\nconst Employee = ({\n match: {\n params: {employeeId},\n },\n processing,\n loading,\n entriesLoading,\n permitDefaultValues,\n employee,\n sites,\n dateRange,\n workPermits,\n siteEntries,\n siteIdFilter,\n workPermitModalOpen,\n employeeModalOpen,\n employeeDefaultVals,\n history,\n location,\n timeEntriesModalOpen,\n timeEntryDefaultValues,\n selectedWorkPermit,\n}) => {\n useEffect(() => {\n effs.initialize(Number(employeeId));\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const referrerUrl = createReferrerUrl(location);\n\n const openSite = (id) => {\n history.push(`/sites/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työmaat'})}`);\n };\n\n return (\n \n \n \n {}}\n leftIcon={}\n colorScheme=\"blue\"\n variant=\"solid\"\n >\n Työaikaraportti\n \n \n \n\n {loading ? (\n \n \n \n ) : (\n \n \n \n effs.openEmployeeModal()}\n size=\"sm\"\n icon={}\n />\n }\n />\n \n \n {employee.address}\n \n \n {employee.phone}\n \n \n {employee.email}\n \n \n {employee.vatNumber}\n \n \n {!employee.baseWage ? '-' : `${employee.baseWage}€/h`}\n \n \n {employee.jobTitle}\n \n
\n \n \n \n \n {}} size=\"sm\" icon={} />\n }\n />\n {loading ? (\n \n \n \n ) : !sites.length ? (\n Ei työmaita\n ) : (\n effs.updateQuery({page})}\n />\n )}\n \n \n effs.openWorkPermitModal()}\n size=\"sm\"\n icon={}\n />\n }\n />\n {loading ? (\n \n \n \n ) : !sites.length ? (\n Ei työlupia\n ) : (\n effs.openWorkPermitModal(id)}\n />\n )}\n \n \n {}} size=\"sm\" icon={} />\n }\n >\n \n \n {entriesLoading ? (\n \n \n \n ) : !siteEntries.length ? (\n Ei kirjauksia\n ) : (\n effs.updateQuery({page})}\n />\n )}\n \n \n \n )}\n {employeeModalOpen && (\n \n )}\n {timeEntriesModalOpen && (\n timeEntryEffs.closeTimeEntryModal()}\n defaultValues={timeEntryDefaultValues}\n />\n )}\n {workPermitModalOpen && (\n \n )}\n \n );\n};\n\nexport default connect(\n applyState({\n ...pick(\n ['timeEntriesModalOpen', 'editableEntries', 'timeEntryDefaultValues'],\n timeEntrySels,\n ),\n ...pick(\n [\n 'processing',\n 'loading',\n 'entriesLoading',\n 'employee',\n 'sites',\n 'siteIdFilter',\n 'dateRange',\n 'siteEntries',\n 'workPermits',\n 'employeeModalOpen',\n 'employeeDefaultVals',\n 'workPermitModalOpen',\n 'permitDefaultValues',\n 'selectedWorkPermit',\n ],\n sels,\n ),\n }),\n)(Employee);\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'organizations';\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'organizationsPage';\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\n\nexport const initialState = {\n query: {\n page: 1,\n 'filter[name]': '',\n include: 'contractSites,sites',\n },\n organizationModalOpen: false,\n processing: false,\n organizations: [],\n pagination: null,\n loading: false,\n};\n\nexport const cases = {\n reset: (st) => {\n return initialState;\n },\n\n updateQuery: (st, all, payload) => {\n return {\n ...st,\n query: {...st.query, ...payload},\n loading: true,\n };\n },\n\n setOrganizations: (st, all, payload) => {\n return {\n ...st,\n organizations: payload.data,\n pagination: payload.pagination,\n loading: false,\n };\n },\n\n setLoading: (st, all, loading) => {\n return {...st, loading};\n },\n\n openOrganizationModal: (st, all, value) => {\n return {...st, organizationModalOpen: true};\n },\n\n closeOrganizationModal: (st, all, value) => {\n return {...st, organizationModalOpen: false};\n },\n\n setProcessing: (st, all, value) => {\n return {...st, processing: value};\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {evolve} from 'ramda';\nimport {replace} from 'utils/objects';\nimport {initialState} from './store';\n\nexport const parseUrlQuery = (query) => {\n const vals = evolve(\n {\n page: Number,\n },\n query,\n );\n return replace(vals, initialState.query);\n};\n\nexport const formatFetchableQuery = (query) => {\n return query;\n};\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport {prop} from 'ramda';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const getOrganizations = (query = {}) =>\n httpJson('get', '/organizations', query, {}).catch(describeThrow(msgs.fetchFailed));\n\nexport const postOrganization = (body) =>\n httpJson('post', '/organizations', {}, {body})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n\nexport const deleteOrganization = (id) =>\n httpJson('delete', `/organizations/${id}`).catch(describeThrow(msgs.saveFailed));\n","import namespace from './namespace';\nimport {scopedSelectors} from 'utils/redux';\nimport {createSelector} from 'reselect';\nimport {formatFetchableQuery} from './utils';\n\nlet sels = {};\n\nsels.organizations = (st) => st.organizations;\n\nsels.pagination = (st) => st.pagination;\n\nsels.query = (st) => st.query;\n\nsels.loading = (st) => st.loading;\n\nsels.processing = (st) => st.processing;\n\nsels.queryFetchable = createSelector(sels.query, (q) => formatFetchableQuery(q));\n\nsels.organizationModalOpen = (st) => st.organizationModalOpen;\n\nexport default scopedSelectors(namespace, sels);\n","import namespace from './namespace';\nimport {mergeLeft} from 'ramda';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\n\nimport {parseUrlQuery} from './utils';\nimport {getQuery, pushQuery} from 'io/history';\nimport msgs from 'dicts/messages';\nimport _acts from './boundActions';\nimport {setPageTitleMessage, decorateWithNotificationsEff} from 'io/app';\nimport {getOrganizations, postOrganization, deleteOrganization} from './io';\nimport _sels from './boundSelectors';\nimport {P} from 'utils/types';\nimport confirmerEffs from 'modules/confirmer/effects';\nimport {guardHandled} from 'io/errors';\n\nlet acts, sels;\n_acts.then((x) => (acts = x));\n_sels.then((x) => (sels = x));\n\nlet effects = {};\nlet types = {};\n\nconst fetchOrganizations = (notifyOpts = {}) => {\n acts.setLoading(true);\n\n return decorateWithNotificationsEff(\n {id: 'get-organizations', failureStyle: 'warning', ...notifyOpts},\n getOrganizations(sels.queryFetchable()),\n ).then(({data, meta}) => {\n acts.setOrganizations({data, pagination: meta});\n });\n};\n\neffects.initialize = async () => {\n setPageTitleMessage('Organisaatiot');\n\n const query = parseUrlQuery(getQuery());\n acts.updateQuery(query);\n await fetchOrganizations();\n};\n\neffects.updateQuery = guardHandled(async (query) => {\n acts.updateQuery(query);\n pushQuery(mergeLeft(sels.query()));\n\n await fetchOrganizations();\n});\ntypes.updateQuery = P.Object;\n\neffects.createOrganization = guardHandled(async (formData) => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'create-organization',\n failureStyle: 'error',\n success: 'Tallennettu',\n },\n postOrganization(formData),\n );\n acts.closeOrganizationModal();\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n\n await fetchOrganizations();\n});\ntypes.createOrganization = P.Object;\n\neffects.removeOrganization = (organization) => {\n const onConfirm = guardHandled(async () => {\n try {\n acts.setProcessing(true);\n await decorateWithNotificationsEff(\n {\n id: 'remove-organization',\n failureStyle: 'error',\n loading: msgs.deleting,\n success: 'Organisaatio poistettu',\n },\n deleteOrganization(organization.id),\n );\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n\n await fetchOrganizations();\n });\n\n confirmerEffs.show({\n message: `Poistetaanko organisaatio ${organization.name}?`,\n okText: 'Poista',\n okStyle: 'danger',\n cancelText: msgs.cancel,\n onCancel: () => {},\n onOk: onConfirm,\n });\n};\ntypes.removeOrganization = P.Object;\n\neffects.openOrganizationModal = () => {\n acts.openOrganizationModal();\n};\n\neffects.closeOrganizationModal = () => {\n acts.closeOrganizationModal();\n};\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import selectors from './selectors';\nimport services from 'services';\nimport {bindSelectors} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindSelectors(store.getState, selectors));\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n HStack,\n Spacer,\n IconButton,\n Icon,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\nimport {emptyPagination} from 'constants/pagination';\nimport {Paginator} from 'components';\n\nconst OrganizationsRow = ({\n organization = {},\n onRowClick = () => {},\n onDelete = () => {},\n referrerUrl,\n}) => {\n const sitesAmount = organization.sites.length;\n const contractSitesAmount = organization.contractSites.length;\n\n return (\n onRowClick(organization.id)}\n _hover={{bg: 'gray.50', cursor: 'pointer'}}\n >\n \n {organization.name}\n | \n {organization.address} | \n {organization.contact} | \n {!organization.sites.length ? contractSitesAmount : sitesAmount} | \n \n \n | \n \n );\n};\n\nconst OrganizationsTable = ({\n processing,\n organizations = [],\n removeOrganization,\n pagination = emptyPagination,\n referrerUrl,\n onPageSelect = () => {},\n openOrganization = () => {},\n}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n Yhteyshenkilö | \n \n Työmaat\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {organizations.map((o) => (\n \n ))}\n \n
\n \n \n \n \n \n );\n};\n\nexport default OrganizationsTable;\n","import React, {useEffect, useState, useRef} from 'react';\nimport {\n HStack,\n FormControl,\n FormLabel,\n Input,\n InputRightElement,\n InputGroup,\n Icon,\n} from '@chakra-ui/react';\nimport {FiSearch} from 'react-icons/fi';\nimport {equals} from 'ramda';\nimport {useDebounce} from 'utils/react';\n\nconst OrganizationsFilters = ({query = {}, updateQuery = () => {}}) => {\n const querySearch = query['filter[name]'] || '';\n const [search, setSearch] = useState(querySearch);\n const debouncedSearch = useDebounce(search, 500);\n const isInitialMount = useRef(true);\n\n // update filter to query debounced to prevent flooding API with requests\n // value also kept in local state that is updated immediately\n useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n } else if (!equals(debouncedSearch, querySearch)) {\n updateQuery({'filter[name]': debouncedSearch});\n }\n }, [debouncedSearch]);\n\n useEffect(() => {\n if (querySearch !== search) {\n setSearch(querySearch);\n }\n }, [querySearch]);\n\n return (\n \n \n Vapaahaku\n \n setSearch(e.target.value)}\n />\n \n \n \n \n \n \n );\n};\n\nexport default OrganizationsFilters;\n","import React from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Stack,\n Input,\n FormControl,\n FormLabel,\n Button,\n FormErrorMessage,\n HStack,\n} from '@chakra-ui/react';\nimport {useForm} from 'react-hook-form';\n\nconst OrganizationModal = ({\n isOpen,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n defaultValues = {},\n isNew = true,\n}) => {\n const {\n handleSubmit,\n formState: {errors},\n register,\n } = useForm({defaultValues});\n\n return (\n \n \n \n \n {isNew ? 'Lisää organisaatio' : 'Muokkaa organisaatiota'}\n \n \n \n \n \n\n \n \n \n Tallenna\n \n \n \n \n );\n};\n\nexport default OrganizationModal;\n","import React, {useEffect} from 'react';\nimport {HStack, Box, Spacer, Button, Text, Spinner, Center} from '@chakra-ui/react';\nimport {FiPlusCircle} from 'react-icons/fi';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\n\nimport {applyState} from 'utils/redux';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\nimport effs from 'modules/organizations/organizationsPage/effects';\nimport sels from 'modules/organizations/organizationsPage/selectors';\n\nimport {Content, Card} from 'components';\nimport OrganizationsTable from './components/organizations-table';\nimport OrganizationsFilters from './components/organizations-filters';\nimport OrganizationModal from './components/organization-modal';\n\nconst Organizations = ({\n history,\n location,\n processing,\n loading,\n pagination,\n query,\n organizations,\n organizationModalOpen,\n}) => {\n useEffect(() => {\n effs.initialize();\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const referrerUrl = createReferrerUrl(location);\n\n const openOrganization = (id) => {\n history.push(\n `/organizations/${id}${encodeQuery({\n referrerUrl,\n referrerTitle: 'Organisaatiot',\n })}`,\n );\n };\n\n return (\n \n \n \n \n Organisaatiot\n \n effs.openOrganizationModal()}\n leftIcon={}\n >\n Lisää\n \n \n\n \n\n {loading ? (\n \n \n \n ) : !organizations.length ? (\n Ei organisaatioita\n ) : (\n effs.updateQuery({page})}\n openOrganization={openOrganization}\n referrerUrl={referrerUrl}\n removeOrganization={effs.removeOrganization}\n />\n )}\n \n \n {organizationModalOpen && (\n effs.closeOrganizationModal()}\n onSubmit={effs.createOrganization}\n isNew={true}\n />\n )}\n \n );\n};\n\nexport default connect(\n applyState(\n pick(\n [\n 'processing',\n 'loading',\n 'query',\n 'pagination',\n 'organizations',\n 'organizationModalOpen',\n ],\n sels,\n ),\n ),\n)(Organizations);\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'organizationPage';\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\n\nexport const initialState = {\n loading: true,\n processing: false,\n organizationModalOpen: false,\n organization: [],\n sites: [],\n users: [],\n contractSites: [],\n};\n\nexport const cases = {\n setLoading: (st, all, value) => {\n return {...st, loading: value};\n },\n\n setOrganization: (st, all, payload) => {\n const {sites, users, contractSites, ...organization} = payload;\n return {\n ...st,\n organization,\n sites,\n contractSites,\n users,\n loading: false,\n };\n },\n\n updateOrganization: (st, all, payload) => {\n return {\n ...st,\n organization: {...st.organization, ...payload},\n };\n },\n\n openOrganizationModal: (st, all, value) => {\n return {...st, organizationModalOpen: true};\n },\n\n closeOrganizationModal: (st, all, value) => {\n return {...st, organizationModalOpen: false};\n },\n\n setProcessing: (st, all, value) => {\n return {...st, processing: value};\n },\n\n reset: (st) => {\n return initialState;\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import namespace from './namespace';\nimport {scopedSelectors} from 'utils/redux';\nimport {createSelector} from 'reselect';\nimport {formatOrganizationDefaultVals} from './utils';\n\nlet sels = {};\n\nsels.organization = (st) => st.organization;\n\nsels.loading = (st) => st.loading;\n\nsels.processing = (st) => st.processing;\n\nsels.users = (st) => st.users;\n\nsels.sites = (st) => st.sites;\n\nsels.contractSites = (st) => st.contractSites;\n\nsels.organizationModalOpen = (st) => st.organizationModalOpen;\n\nsels.organizationDefaultVals = createSelector(sels.organization, (organization) =>\n formatOrganizationDefaultVals(organization),\n);\n\nsels.query = (st) => st.query;\n\nexport default scopedSelectors(namespace, sels);\n","export const formatOrganizationDefaultVals = (organization) => {\n if (!organization) return {};\n\n return {\n name: organization.name,\n address: organization.address,\n postcode: organization.postcode,\n city: organization.city,\n businessId: organization.businessId,\n email: organization.email,\n phone: organization.phone,\n contact: organization.contact,\n industry: organization.industry,\n };\n};\n","import selectors from './selectors';\nimport services from 'services';\nimport {bindSelectors} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindSelectors(store.getState, selectors));\n","import services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport {prop} from 'ramda';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const getOrganization = (id) =>\n httpJson(\n 'get',\n `/organizations/${id}`,\n {\n include:\n 'sites, users, contractSites, contractSitesCount, sites.users, contractSites.users',\n },\n {},\n )\n .catch(describeThrow(msgs.fetchFailed))\n .then(prop('data'));\n\nexport const updateOrganization = (organization) =>\n httpJson('put', `/organizations/${organization.id}`, {}, {body: organization})\n .catch(describeThrow(msgs.saveFailed))\n .then(prop('data'));\n","import namespace from './namespace';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\nimport _acts from './boundActions';\nimport _sels from './boundSelectors';\nimport {P} from 'utils/types';\n//import {guardHandled} from 'io/errors';\nimport {setPageTitleMessage, decorateWithNotificationsEff} from 'io/app';\nimport {guardHandled} from 'io/errors';\nimport {getOrganization, updateOrganization} from './io';\n\nlet acts, sels;\n_acts.then((x) => (acts = x));\n_sels.then((x) => (sels = x));\n\nlet effects = {};\nlet types = {};\n\nconst fetchOrganizationEff = async (id) => {\n const organization = await decorateWithNotificationsEff(\n {id: 'get-organization', failureStyle: 'warning'},\n getOrganization(id),\n );\n acts.setOrganization(organization);\n};\n\neffects.updateOrganization = guardHandled(async (formData) => {\n try {\n acts.setProcessing(true);\n const organization = await decorateWithNotificationsEff(\n {\n id: 'update-organization',\n failureStyle: 'error',\n success: 'Tiedot päivitetty',\n },\n\n updateOrganization({...formData, id: sels.organization().id}),\n );\n acts.updateOrganization(organization);\n acts.closeOrganizationModal();\n acts.setProcessing(false);\n } catch (e) {\n acts.setProcessing(false);\n throw e;\n }\n});\ntypes.updateOrganization = P.Object;\n\neffects.initialize = async (id) => {\n await fetchOrganizationEff(id);\n setPageTitleMessage(sels.organization().name);\n};\ntypes.initialize = P.Number;\n\neffects.openOrganizationModal = () => {\n acts.openOrganizationModal();\n};\n\neffects.closeOrganizationModal = () => {\n acts.closeOrganizationModal();\n};\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\n\nconst SiteRow = ({site, onRowClick, onDelete}) => {\n return (\n {\n const id = site.id;\n onRowClick(id);\n }}\n >\n \n {site.name}\n | \n {site.address} | \n {site.users.length} | \n \n \n | \n \n );\n};\n\nconst SitesTable = ({sites, onSiteClick}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työntekijät\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {sites.map((s) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default SitesTable;\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\n\nconst EmployeeRow = ({user, onRowClick, onDelete}) => {\n return (\n {\n const id = user.id;\n onRowClick(id);\n }}\n >\n \n {user.name}\n | \n {user.job_title} | \n {!user.base_wage ? '-' : `${user.base_wage}€/h`} | \n \n \n | \n \n );\n};\n\nconst EmployeesTable = ({users, onEmployeeClick}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tehtävänimike\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Tuntipalkka\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {users.map((u) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default EmployeesTable;\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Menu,\n Portal,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n Icon,\n} from '@chakra-ui/react';\nimport {FiMoreHorizontal, FiChevronDown} from 'react-icons/fi';\n\nconst ContractSiteRow = ({site, onRowClick, onDelete}) => {\n return (\n {\n const id = site.id;\n onRowClick(id);\n }}\n >\n \n {site.name}\n | \n {site.address} | \n {site.users.length} | \n \n \n | \n \n );\n};\n\nconst ContractSitesTable = ({sites, onSiteClick}) => {\n return (\n <>\n \n \n \n | \n Nimi\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työntekijät\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n \n {sites.map((s) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default ContractSitesTable;\n","import React from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Stack,\n Input,\n FormControl,\n FormLabel,\n Button,\n FormErrorMessage,\n HStack,\n} from '@chakra-ui/react';\nimport {useForm} from 'react-hook-form';\n\nconst OrganizationModal = ({\n isOpen,\n isLoading,\n onClose = () => {},\n onSubmit = () => {},\n defaultValues = {},\n isNew = true,\n}) => {\n const {\n handleSubmit,\n formState: {errors},\n register,\n } = useForm({defaultValues});\n\n return (\n \n \n \n \n {isNew ? 'Lisää organisaatio' : 'Muokkaa organisaatiota'}\n \n \n \n \n \n\n \n \n \n Tallenna\n \n \n \n \n );\n};\n\nexport default OrganizationModal;\n","import React, {useEffect} from 'react';\nimport {\n SimpleGrid,\n Stack,\n Text,\n Center,\n Spinner,\n IconButton,\n Icon,\n Box,\n} from '@chakra-ui/react';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\nimport {FiEdit} from 'react-icons/fi';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\n\nimport {applyState} from 'utils/redux';\nimport effs from 'modules/organizations/organizationPage/effects';\nimport sels from 'modules/organizations/organizationPage/selectors';\nimport SitesTable from './components/sites-table';\nimport EmployeesTable from './components/employees-table';\nimport ContractSitesTable from './components/contractSites-table';\nimport OrganizationModal from './components/organization-modal';\n\nimport {Content, PageHeader, Card, CardHeader, List, ListItem} from 'components';\n\nconst Organization = ({\n match: {\n params: {organizationId},\n },\n processing,\n sites,\n organization,\n loading,\n users,\n location,\n history,\n contractSites,\n organizationModalOpen,\n organizationDefaultVals,\n}) => {\n useEffect(() => {\n effs.initialize(organizationId);\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const referrerUrl = createReferrerUrl(location);\n\n const openEmployee = (id) => {\n history.push(\n `/employees/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työntekijät'})}`,\n );\n };\n\n const openSite = (id) => {\n history.push(`/sites/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työmaat'})}`);\n };\n\n return (\n \n \n\n {loading ? (\n \n \n \n ) : (\n \n \n \n effs.openOrganizationModal()}\n size=\"sm\"\n icon={}\n />\n }\n />\n \n \n {organization.address}\n \n \n {organization.industry}\n \n \n {organization.contact}\n \n \n {organization.email}\n \n \n {organization.phone}\n \n
\n \n \n \n \n {}} size=\"sm\" icon={} />\n }\n />\n {loading ? (\n \n \n \n ) : !sites.length ? (\n Ei työmaita\n ) : (\n \n )}\n \n \n {}} size=\"sm\" icon={} />\n }\n />\n {loading ? (\n \n \n \n ) : !contractSites.length ? (\n Ei työmaita\n ) : (\n \n )}\n \n \n {}} size=\"sm\" icon={} />\n }\n />\n {loading ? (\n \n \n \n ) : !users.length ? (\n Ei työntekijöitä\n ) : (\n \n )}\n \n \n \n )}\n {organizationModalOpen && (\n effs.closeOrganizationModal()}\n onSubmit={effs.updateOrganization}\n defaultValues={organizationDefaultVals}\n isNew={true}\n />\n )}\n \n );\n};\n\nexport default connect(\n applyState(\n pick(\n [\n 'loading',\n 'processing',\n 'organization',\n 'sites',\n 'users',\n 'contractSites',\n 'organizationModalOpen',\n 'organizationDefaultVals',\n ],\n sels,\n ),\n ),\n)(Organization);\n","import namespace from '../namespace';\nimport name from './name';\n\nexport default [...namespace, name];\n","export default 'reportages';\n","export const parseUrlQuery = (query) => {\n let dateRange = null;\n if (query.dateRange) {\n dateRange = JSON.parse(query.dateRange);\n // startDate / endDate is never null since they're set in init\n dateRange.startDate = new Date(dateRange.startDate);\n dateRange.endDate = new Date(dateRange.endDate);\n }\n let user = null;\n if (query.user) {\n user = JSON.parse(query.user);\n }\n let site = null;\n if (query.site) {\n site = JSON.parse(query.site);\n }\n let referrerUrl = null;\n if (query.referrerUrl) {\n referrerUrl = query.referrerUrl;\n }\n return {\n referrerUrl: referrerUrl,\n user: user,\n site: site,\n dateRange: dateRange,\n reportageIndex: query.reportageIndex ? Number(query.reportageIndex) : null,\n };\n};\n\nexport const formatSiteQueryFetchable = ({siteQuery, dateRange}) => {\n const startDate = dateRange.startDate.toISOString();\n const endDate = dateRange.endDate.toISOString();\n return {\n 'filter[endDateBetween]': `${startDate},${endDate}`,\n // TODO: not currently supported by backend! add later!!\n //'filter[name]': siteQuery.name,\n 'filter[siteId]': siteQuery.siteId,\n 'filter[organizationId]': siteQuery.organizationId,\n groupBySite: 'true',\n };\n};\n\nexport const formatUserQueryFetchable = ({userQuery, dateRange}) => {\n const startDate = dateRange.startDate.toISOString();\n const endDate = dateRange.endDate.toISOString();\n return {\n 'filter[endDateBetween]': `${startDate},${endDate}`,\n 'filter[user.name]': userQuery.name,\n 'filter[siteId]': userQuery.siteId,\n 'filter[organizationId]': userQuery.organizationId,\n };\n};\n","import namespace from './namespace';\nimport {scopedSelectors} from 'utils/redux';\nimport {createSelector} from 'reselect';\nimport {formatSiteQueryFetchable, formatUserQueryFetchable} from './utils';\n\nlet sels = {};\n\nsels.initialized = (st) => st.initialized;\n\nsels.siteEntries = (st) => st.siteEntries;\n\nsels.userEntries = (st) => st.userEntries;\n\nsels.loading = (st) => st.loading;\n\nsels.processing = (st) => st.processing;\n\nsels.userQuery = (st) => st.userQuery;\n\nsels.generateReportageModalOpen = (st) => st.generateReportageModalOpen;\n\nsels.includeBreaksAndPickups = (st) => st.includeBreaksAndPickups;\n\nsels.siteQuery = (st) => st.siteQuery;\n\nsels.dateRange = (st) => st.dateRange;\n\nsels.referrerUrlBoolean = (st) => st.referrerUrlBoolean;\n\nsels.siteQueryFetchable = createSelector(\n [sels.siteQuery, sels.dateRange],\n (siteQuery, dateRange) => formatSiteQueryFetchable({siteQuery, dateRange}),\n);\n\nsels.userQueryFetchable = createSelector(\n [sels.userQuery, sels.dateRange],\n (userQuery, dateRange) => formatUserQueryFetchable({userQuery, dateRange}),\n);\n\nsels.siteQueryUrlFormatted = createSelector(sels.siteQuery, (siteQuery) => {\n return JSON.stringify(siteQuery);\n});\nsels.userQueryUrlFormatted = createSelector(sels.userQuery, (userQuery) => {\n return JSON.stringify(userQuery);\n});\nsels.dateRangeQueryUrlFormatted = createSelector(sels.dateRange, (dateRange) => {\n return JSON.stringify(dateRange);\n});\n\nsels.reportageIndex = (st) => st.reportageIndex;\n\nsels.userEntries = (st) => st.userEntries;\n\nsels.siteEntries = (st) => st.siteEntries;\n\nsels.userReportage = (st) => st.userReportage;\n\nsels.userReportageLoading = (st) => st.userReportageLoading;\n\nsels.siteReportage = (st) => st.siteReportage;\n\nsels.siteReportageLoading = (st) => st.siteReportageLoading;\n\nexport default scopedSelectors(namespace, sels);\n","import namespace from './namespace';\nimport {scopedStore} from 'utils/redux';\n\nexport const initialState = {\n initialized: false,\n loading: false,\n processing: false,\n reportageIndex: 0,\n siteQuery: {name: '', siteId: null},\n userQuery: {name: '', siteId: null, organizationId: null},\n dateRange: {startDate: null, endDate: null},\n referrerUrlBoolean: null,\n siteEntries: [],\n userEntries: [],\n userReportage: null,\n userReportageLoading: false,\n siteReportage: null,\n siteReportageLoading: false,\n generateReportageModalOpen: false,\n includeBreaksAndPickups: false,\n};\n\nexport const cases = {\n setLoading: (st, all, value) => {\n return {...st, loading: value};\n },\n setReferrerUrlBoolean: (st, all) => {\n return {...st, referrerUrlBoolean: true};\n },\n\n setIncludeBreaksAndPickups: (st, all, value) => {\n return {...st, setIncludeBreaksAndPickups: value};\n },\n\n setGenerateReportageModalOpen: (st, all, value) => {\n return {...st, generateReportageModalOpen: value};\n },\n\n setReportageIndex: (st, all, value) => {\n return {...st, reportageIndex: value};\n },\n\n updateSiteQuery: (st, all, payload) => {\n return {...st, siteQuery: {...st.siteQuery, ...payload}, loading: true};\n },\n\n updateUserQuery: (st, all, payload) => {\n return {...st, userQuery: {...st.userQuery, ...payload}, loading: true};\n },\n\n updateDateRange: (st, all, range) => {\n return {...st, dateRange: {startDate: range.startDate, endDate: range.endDate}};\n },\n\n setInitialized: (st, all, val) => {\n return {...st, initialized: val};\n },\n\n setProcessing: (st, all, value) => {\n return {...st, processing: value};\n },\n\n setSiteEntries: (st, all, siteEntries) => {\n return {...st, siteEntries};\n },\n\n setUserEntries: (st, all, userEntries) => {\n return {...st, userEntries};\n },\n\n setUserReportage: (st, all, data) => {\n return {...st, userReportage: data};\n },\n setUserReportageLoading: (st, all, value) => {\n return {...st, userReportageLoading: value};\n },\n setSiteReportage: (st, all, data) => {\n return {...st, siteReportage: data};\n },\n setSiteReportageLoading: (st, all, value) => {\n return {...st, siteReportageLoading: value};\n },\n\n reset: (st) => {\n return initialState;\n },\n};\n\nexport const {actions, reducer} = scopedStore(namespace, cases, initialState);\n","import {actions} from './store';\nimport services from 'services';\nimport {bindActions} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindActions(store.dispatch, actions));\n","import selectors from './selectors';\nimport services from 'services';\nimport {bindSelectors} from 'utils/redux';\n\nexport default services\n .waitFor('store')\n .then((store) => bindSelectors(store.getState, selectors));\n","import {prop} from 'ramda';\nimport services from 'services';\nimport {describeThrow} from 'utils/errors';\nimport msgs from 'dicts/messages';\n\nlet httpJson = null;\nservices.waitFor('api').then((x) => (httpJson = x.httpJson));\n\nexport const getSiteEntries = (query) =>\n httpJson('get', '/timeEntries', {...query, groupBySite: 'true'}, {})\n .catch(describeThrow(msgs.fetchFailed))\n .then(prop('data'));\n\nexport const getUserEntries = (query) =>\n httpJson('get', '/timeEntries', {...query, groupByUserAndSite: 'true'}, {})\n .catch(describeThrow(msgs.fetchFailed))\n .then(prop('data'));\n\nexport const generateCsv = (body) =>\n httpJson('post', '/timeEntries/generateTimeEntryCsv', {}, {body})\n .catch(describeThrow(msgs.fetchFailed))\n .then(prop('data'));\n","import namespace from './namespace';\nimport {createEffects} from 'utils/events';\nimport services from 'services';\nimport _acts from './boundActions';\nimport _sels from './boundSelectors';\nimport {guardHandled} from 'io/errors';\nimport {P, Record} from 'utils/types';\nimport {decorateWithNotificationsEff} from 'io/app';\nimport {getQuery, replaceQuery} from 'io/history';\nimport {getSiteEntries, getUserEntries, generateCsv} from './io';\nimport {parseUrlQuery} from './utils';\nlet acts;\n_acts.then((x) => (acts = x));\nlet sels;\n_sels.then((x) => (sels = x));\n\nlet effects = {};\nlet types = {};\n\nconst fetchSiteEntriesEff = async () => {\n const query = sels.siteQueryFetchable();\n\n acts.setLoading(true);\n try {\n const siteEntries = await decorateWithNotificationsEff(\n {id: 'site-entries', failureStyle: 'warning'},\n getSiteEntries(query),\n );\n acts.setSiteEntries(siteEntries);\n acts.setLoading(false);\n } catch (e) {\n acts.setLoading(false);\n throw e;\n }\n};\n\nconst fetchUserEntriesEff = async () => {\n const query = sels.userQueryFetchable();\n\n acts.setLoading(true);\n try {\n const userEntries = await decorateWithNotificationsEff(\n {id: 'site-entries', failureStyle: 'error'},\n getUserEntries(query),\n );\n acts.setUserEntries(userEntries);\n acts.setLoading(false);\n } catch (e) {\n acts.setLoading(false);\n throw e;\n }\n};\n\neffects.initialize = guardHandled(async () => {\n // initialize date range \"lazily\" instead of in the component, so that info flow is one-way.\n const date = new Date();\n const firstDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1);\n const lastDayOfMonth = new Date();\n\n acts.updateDateRange({startDate: firstDayOfMonth, endDate: lastDayOfMonth});\n\n acts.setInitialized(true);\n\n const query = parseUrlQuery(getQuery());\n\n if (query.user) {\n acts.updateUserQuery(query.user);\n }\n if (query.site) {\n acts.updateSiteQuery(query.site);\n }\n if (query.dateRange) {\n acts.updateDateRange(query.dateRange);\n }\n if (query.reportageIndex != null) {\n acts.setReportageIndex(query.reportageIndex);\n }\n if (query.referrerUrl != null) {\n acts.setReferrerUrlBoolean(true);\n }\n\n const index = sels.reportageIndex();\n if (index === 0) {\n await fetchSiteEntriesEff();\n } else if (index === 1) {\n await fetchUserEntriesEff();\n }\n});\n\neffects.updateDateRange = guardHandled(async ({startDate, endDate}) => {\n acts.updateDateRange({startDate: startDate, endDate: endDate});\n\n replaceQuery((q) => ({...q, dateRange: sels.dateRangeQueryUrlFormatted()}));\n\n const index = sels.reportageIndex();\n if (index === 0) {\n await fetchSiteEntriesEff();\n } else if (index === 1) {\n await fetchUserEntriesEff();\n }\n});\ntypes.updateDateRange = Record({startDate: P.Date, endDate: P.Date});\n\neffects.changeTab = async (tabIndex) => {\n acts.setReportageIndex(tabIndex);\n replaceQuery((q) => ({...q, reportageIndex: tabIndex}));\n\n if (tabIndex === 0) {\n await fetchSiteEntriesEff();\n } else if (tabIndex === 1) {\n await fetchUserEntriesEff();\n }\n};\ntypes.changeTab = P.Number;\n\neffects.updateUserQuery = guardHandled(async (query) => {\n acts.updateUserQuery(query);\n replaceQuery((q) => ({...q, user: sels.userQueryUrlFormatted()}));\n\n await fetchUserEntriesEff();\n});\ntypes.updateUserQuery = P.Object;\n\neffects.updateSiteQuery = guardHandled(async (query) => {\n acts.updateSiteQuery(query);\n replaceQuery((q) => ({...q, site: sels.siteQueryUrlFormatted()}));\n\n await fetchSiteEntriesEff();\n});\ntypes.updateSiteQuery = P.Object;\n\neffects.generateReportageModalOpen = (value) => {\n acts.setGenerateReportageModalOpen(value);\n};\ntypes.generateReportageModalOpen = P.Boolean;\n\neffects.generateEmployeeCsv = guardHandled(async (checked) => {\n const entries = await sels.userEntries();\n const includeBreaksAndPickups = checked;\n const dateRange = await sels.dateRange();\n\n const strippedEntries = entries.map((e) => ({\n site: e.site,\n totalTime: e.totalTime.total,\n breakTime: e.totalTime.break,\n id: e.user.id,\n name: e.user.name,\n entries: e.items,\n organizationId: e.user.organizationId,\n organizationName: e.user.organizationName,\n }));\n\n acts.setUserReportageLoading(true);\n\n const data = await decorateWithNotificationsEff(\n {\n id: 'generateEmployeeCsv',\n failureStyle: 'error',\n success: 'Raportti luotu ladattavaksi',\n },\n generateCsv({\n employees: strippedEntries,\n dateRange: dateRange,\n includeBreaksAndPickups,\n }),\n );\n\n acts.setUserReportage(data.url);\n\n acts.setUserReportageLoading(false);\n acts.setGenerateReportageModalOpen(false);\n});\ntypes.generateEmployeeCsv = P.Object;\n\neffects.generateSiteCsv = guardHandled(async (checked) => {\n const entries = sels.siteEntries();\n const dateRange = sels.dateRange();\n const includeBreaksAndPickups = checked;\n\n acts.setSiteReportageLoading(true);\n const data = await decorateWithNotificationsEff(\n {\n id: 'generateSiteCsv',\n failureStyle: 'error',\n success: 'Raportti luotu ladattavaksi',\n },\n generateCsv({sites: entries, dateRange: dateRange, includeBreaksAndPickups}),\n );\n\n acts.setSiteReportage(data.url);\n acts.setSiteReportageLoading(false);\n acts.setGenerateReportageModalOpen(false);\n});\ntypes.generateSiteCsv = P.Object;\n\neffects.updateIncludeBreaksAndPickups = (value) => {\n acts.setIncludeBreaksAndPickups(value);\n};\ntypes.updateIncludeBreaksAndPickups = P.Boolean;\n\neffects.destroy = async () => {\n acts.reset();\n};\n\nexport default createEffects(namespace, services.get('channel').dispatch, types, effects);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {Router} from 'react-router-dom';\nimport {Provider as ReduxProvider} from 'react-redux';\nimport * as Sentry from '@sentry/react';\nimport App from 'views/App';\nimport reportWebVitals from 'io/reportWebVitals';\nimport services from 'services';\nimport {createEventLog, injectStack, printLatestEvents} from 'services/createChannel';\nimport createStoreActionHook from 'services/createStoreActionHook';\nimport createStore from 'services/createStore';\nimport createApi from 'services/createApi';\nimport {eventsConfig} from 'utils/events';\nimport {assertionsConfig} from 'utils/assertions';\nimport {isApiTokenError} from 'utils/app';\nimport {handleUncaught} from 'io/errors';\nimport {inDev} from 'constants/app';\nimport {medDur, longDur} from 'constants/notifications';\nimport nEffs from 'modules/notifications/effects';\nimport effs from 'modules/common/effects';\nimport _sels from 'modules/common/boundSelectors';\n\nif (process.env.NODE_ENV === 'production') {\n // Sentry.init({\n // dsn: 'https://...',\n // environment: process.env.REACT_APP_NODE_ENV,\n // });\n}\n\nwindow.addEventListener('error', (evt) => handleUncaught(evt.error));\nwindow.addEventListener('unhandledrejection', (evt) => handleUncaught(evt.reason));\n\n// configure dependencies\n\neventsConfig.enable = inDev;\nassertionsConfig.enable = inDev;\n\n// configure lazy variables\n\nlet sels;\n_sels.then((x) => (sels = x));\n\n// configure channel\n\nconst channel = services.get('channel');\n\n// this is currently disabled in prod because a) stack traces really don't work with the minified version b) could cause minor performance draw for no visible gain.\nif (inDev) {\n channel.addHandler(injectStack);\n}\n\nconst eventLog = createEventLog();\nservices.set('eventLog', eventLog);\n\nif (inDev) {\n console.info(\n // eslint-disable-next-line max-len\n 'Type \"evts\" for a full list of events, or \"es\" for the latest events with nice formatting (from newest to oldest). You can also use e.g. \"esn(50)\" to control the amount of events to print.',\n );\n window.evts = eventLog.events;\n const logEvents = (n) => printLatestEvents(eventLog.events, n);\n Object.defineProperty(window, 'es', {get: logEvents});\n window.esn = logEvents;\n}\n\nchannel.addHandler(eventLog.logEvent);\n\nconst sentryLogEvent = (evt) => {\n Sentry.addBreadcrumb({\n category: 'event',\n message: evt.type,\n level: Sentry.Severity.Info,\n });\n};\nchannel.addListener(sentryLogEvent);\n\n// init Redux store\n\nconst {instance: storeHook, enhancer: actionHookEnhancer} = createStoreActionHook();\nconst store = createStore({actionHookEnhancer});\nservices.set('store', store);\nservices.set('storeHook', storeHook);\n\n// init API\nconst onApiError = (e) => {\n if (isApiTokenError(e) && sels.apiToken()) {\n effs.logout();\n nEffs.info({\n id: 'api-401',\n message: 'Sessio vanhentunut, uusi kirjautuminen vaaditaan',\n duration: medDur,\n });\n } else if (e.response && e.response.status === 503) {\n nEffs.info({\n id: 'api-503',\n message:\n // eslint-disable-next-line max-len\n 'Palvelua päivitetään. Päivitä sivu hetken kuluttua uudelleen. Päivitystoimenpide voi kestää muutaman minuutin.',\n duration: longDur,\n });\n }\n};\n\nconst api = createApi({\n get: (key) => {\n return {\n apiToken: sels.apiToken(),\n onError: onApiError,\n }[key];\n },\n});\nservices.set('api', api);\n\n// delay starting a bit so that service listeners have time to receive our newly-created services before anything else happens\nsetTimeout(effs.initialize);\n\nReactDOM.render(\n \n \n \n \n ,\n document.getElementById('root'),\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","import React, {useEffect, useState, useRef} from 'react';\nimport {HStack, FormControl, FormLabel} from '@chakra-ui/react';\nimport {ReactDatepicker} from 'components';\n\nconst TimeEntryFilters = ({query, updateQuery}) => {\n const [startDate, setStartDate] = useState(query.startDate);\n const [endDate, setEndDate] = useState(query.endDate);\n\n const isInitialMount = useRef(true);\n\n useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n return;\n }\n\n if (!(startDate && endDate)) {\n return;\n }\n\n updateQuery({startDate, endDate});\n }, [startDate, endDate]);\n\n return (\n \n \n Alkaen\n setStartDate(date)}\n />\n \n \n Päättyen\n setEndDate(date)}\n />\n \n \n );\n};\n\nexport default TimeEntryFilters;\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Icon,\n Box,\n Center,\n Spinner,\n Menu,\n MenuButton,\n MenuList,\n MenuItem,\n Text,\n} from '@chakra-ui/react';\nimport {FiChevronDown, FiMoreHorizontal} from 'react-icons/fi';\nimport {sToTime} from 'utils/time';\n\nconst SitesRow = ({site = {}, onRowClick, onEditClick, setEditableEntries}) => {\n return (\n {\n e.stopPropagation();\n setEditableEntries(site.timeEntries);\n onRowClick();\n }}\n _hover={{bg: 'gray.50', cursor: 'pointer'}}\n >\n \n {site.siteName}\n | \n {site.siteAddress} | \n {site.userCount.length} | \n {sToTime(site.totalTime.total)} | \n \n \n | \n \n );\n};\n\nconst SitesTab = ({\n siteEntries = [],\n loading,\n onSiteClick,\n editTimeEntries,\n setEditableEntries,\n}) => {\n return (\n \n \n \n \n | \n Työmaa\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Osoite\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työntekijät\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työtunnit\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n {loading ? null : (\n \n {siteEntries.map((s) => (\n \n ))}\n \n )}\n
\n {loading ? (\n \n \n \n ) : !siteEntries.length ? (\n Ei kirjauksia\n ) : null}\n \n );\n};\n\nexport default SitesTab;\n","export const parseNullableJson = (deflt) => (str) => str !== '' ? JSON.parse(str) : deflt;\n\nexport const parseNullableNumber = (s) => (s !== '' ? Number(s) : null);\n\nexport const formatNullableNumber = (n) => (n == null ? '' : n);\n\nexport const parseCommaSeparated = (s) => (s ? s.split(',') : []);\n","import React, {useState, useEffect, useRef} from 'react';\nimport {\n HStack,\n FormControl,\n FormLabel,\n Input,\n InputRightElement,\n InputGroup,\n Icon,\n Select,\n Tooltip,\n Text,\n Box,\n Button,\n} from '@chakra-ui/react';\nimport {FiSearch} from 'react-icons/fi';\nimport {equals} from 'ramda';\nimport {useDebounce} from 'utils/react';\nimport {sToTime} from 'utils/time';\nimport effs from 'modules/reportages/effects';\nimport {parseNullableNumber, formatNullableNumber} from 'utils/fields';\nimport {Link} from 'react-router-dom';\n\nconst SitesTabFilters = ({\n query = {},\n updateQuery = () => {},\n siteEntries,\n sites,\n siteReportage,\n siteReportageLoading,\n}) => {\n const querySearch = query.name || '';\n const [search, setSearch] = useState(querySearch);\n const debouncedSearch = useDebounce(search, 500);\n const isInitialMount = useRef(true);\n\n useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n return;\n }\n\n if (!equals(debouncedSearch, querySearch)) {\n updateQuery({name: debouncedSearch});\n }\n }, [debouncedSearch]);\n\n useEffect(() => {\n if (querySearch !== search) {\n setSearch(querySearch);\n }\n }, [querySearch]);\n\n const totalHours = siteEntries\n .map((item) => item.totalTime.total)\n .reduce((prev, curr) => prev + curr, 0);\n\n return (\n \n \n \n Vapaahaku\n \n setSearch(e.target.value)}\n />\n \n \n \n \n \n \n Työmaa\n updateQuery({siteId: parseNullableNumber(e.target.value)})}\n >\n {sites.map((s) => (\n \n ))}\n \n \n \n \n \n {!siteReportage ? (\n \n effs.generateReportageModalOpen(true)}\n >\n Luo raportti\n \n \n ) : (\n \n \n \n )}\n \n \n Kirjatut tunnit\n \n \n {sToTime(totalHours)}\n \n \n \n \n \n );\n};\n\nexport default SitesTabFilters;\n","import React from 'react';\nimport {\n Table,\n Thead,\n Tbody,\n Tr,\n Th,\n Td,\n IconButton,\n Icon,\n Box,\n Center,\n Spinner,\n MenuButton,\n Text,\n Menu,\n MenuList,\n MenuItem,\n} from '@chakra-ui/react';\nimport {FiChevronDown, FiMoreHorizontal} from 'react-icons/fi';\nimport {sToTime} from 'utils/time';\n\nconst EmployeesRow = ({\n userEntry,\n onRowClick,\n onEdit,\n onEditClick,\n setEditableEntries,\n}) => {\n const totalTime = userEntry.totalTime.total;\n return (\n {\n e.stopPropagation();\n setEditableEntries(userEntry.items);\n onRowClick();\n }}\n >\n \n {userEntry.user.name}\n | \n {userEntry.site.name} | \n {userEntry.user.organizationName} | \n {sToTime(totalTime)} | \n \n \n | \n \n );\n};\n\nconst EmployeesTab = ({\n userEntries = [],\n loading,\n onEmployeeClick,\n editTimeEntries,\n setEditableEntries,\n}) => {\n return (\n \n \n \n \n | \n Työntekijä\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työmaa\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Organisaatio\n {}}\n size=\"sm\"\n icon={}\n />\n | \n \n Työtunnit\n {}}\n size=\"sm\"\n icon={}\n />\n | \n | \n
\n \n {loading ? null : (\n \n {userEntries.map((userEntry) => (\n \n ))}\n \n )}\n
\n {loading ? (\n \n \n \n ) : !userEntries.length ? (\n Ei kirjauksia\n ) : null}\n \n );\n};\n\nexport default EmployeesTab;\n","import React, {useState, useEffect, useRef} from 'react';\nimport {\n HStack,\n FormControl,\n FormLabel,\n Input,\n InputRightElement,\n InputGroup,\n Icon,\n Select,\n Tooltip,\n Button,\n Text,\n Box,\n} from '@chakra-ui/react';\n\nimport {FiSearch} from 'react-icons/fi';\nimport {equals} from 'ramda';\nimport {useDebounce} from 'utils/react';\nimport {sToTime} from 'utils/time';\nimport effs from 'modules/reportages/effects';\nimport {parseNullableNumber, formatNullableNumber} from 'utils/fields';\nimport {Link} from 'react-router-dom';\n\nconst EmployeesTabFilters = ({\n query = {},\n updateQuery = () => {},\n userEntries,\n siteId,\n organizationSites,\n organizations,\n userReportage,\n userReportageLoading,\n}) => {\n const querySearch = query.name || '';\n const [search, setSearch] = useState(querySearch);\n const debouncedSearch = useDebounce(search, 500);\n const isInitialMount = useRef(true);\n\n useEffect(() => {\n if (isInitialMount.current) {\n isInitialMount.current = false;\n return;\n }\n\n if (!equals(debouncedSearch, querySearch)) {\n updateQuery({name: debouncedSearch});\n }\n }, [debouncedSearch]);\n\n useEffect(() => {\n if (querySearch !== search) {\n setSearch(querySearch);\n }\n }, [querySearch]);\n\n const selectedSiteName = siteId\n ? organizationSites.find((site) => site.id === parseInt(siteId)).name\n : '';\n\n const totalHours = userEntries\n .map((item) => item.totalTime.total)\n .reduce((prev, curr) => prev + curr, 0);\n return (\n \n \n \n Vapaahaku\n \n setSearch(e.target.value)}\n />\n \n \n \n \n \n \n Työmaa\n updateQuery({siteId: parseNullableNumber(e.target.value)})}\n value={formatNullableNumber(query.siteId)}\n >\n {organizationSites.map((s) => (\n \n ))}\n \n \n \n Organisaatio\n \n updateQuery({organizationId: parseNullableNumber(e.target.value)})\n }\n value={formatNullableNumber(query.organizationId)}\n >\n {organizations.map((o) => (\n \n ))}\n \n \n \n \n {!userReportage ? (\n \n effs.generateReportageModalOpen(true)}\n >\n Luo raportti\n \n \n ) : (\n \n \n \n )}\n\n \n \n Kirjatut tunnit\n \n \n {sToTime(totalHours)}\n \n \n \n \n );\n};\n\nexport default EmployeesTabFilters;\n","import React, {useState} from 'react';\nimport {\n Modal,\n ModalOverlay,\n ModalContent,\n ModalBody,\n ModalHeader,\n ModalCloseButton,\n ModalFooter,\n Button,\n HStack,\n Box,\n Text,\n Switch,\n VStack,\n} from '@chakra-ui/react';\n\nconst GenerateCsvModal = ({\n isOpen,\n onClose = () => {},\n generateSiteCsv,\n generateEmployeeCsv,\n reportageIndex,\n includeBreaksAndPickups,\n}) => {\n const [checked, setChecked] = useState(includeBreaksAndPickups);\n\n const onSubmit = () => {\n if (reportageIndex === 1) {\n generateEmployeeCsv(checked);\n }\n\n if (reportageIndex === 0) {\n generateSiteCsv(checked);\n }\n };\n\n return (\n \n \n \n Raportin Luonti\n \n \n \n \n Näytä raportilla myös tauot ja noudot\n \n \n Ei\n {\n setChecked(!checked);\n }}\n />\n Kyllä\n \n \n \n \n \n \n \n \n );\n};\n\nexport default GenerateCsvModal;\n","import React, {useEffect} from 'react';\nimport {\n Box,\n Text,\n Tabs,\n TabList,\n TabPanels,\n Tab,\n TabPanel,\n Button,\n HStack,\n} from '@chakra-ui/react';\nimport {pick} from 'ramda';\nimport {connect} from 'react-redux';\nimport {applyState} from 'utils/redux';\nimport {encodeQuery, createReferrerUrl} from 'utils/url';\nimport sels from 'modules/reportages/selectors';\nimport timeEntrySels from 'modules/timeEntries/selectors';\nimport effs from 'modules/reportages/effects';\nimport {Content, Card, TabsHorizontalScroll, PageHeader} from 'components';\nimport timeEntryEffs from 'modules/timeEntries/effects';\nimport TimeEntryFilters from './components/TimeEntryFilters';\nimport SitesTab from './sites/SitesTab';\nimport SitesTabFilters from './sites/SitesTabFilters';\nimport EmployeesTab from './employees/EmployeesTab';\nimport EmployeesTabFilters from './employees/EmployeesTabFilters';\nimport commonSels from 'modules/common/selectors';\nimport {TimeEntriesModal} from 'views/timeEntries/timeEntriesModal';\nimport {FiChevronsLeft} from 'react-icons/fi';\nimport GenerateCsvModal from './components/GenerateCsvModal';\n\nconst Reportage = ({\n location,\n history,\n initialized,\n siteEntries,\n referrerUrlBoolean,\n userEntries,\n dateRange,\n userQuery,\n siteQuery,\n timeEntriesModalOpen,\n timeEntryDefaultValues,\n loading,\n organizationSites,\n organizations,\n reportageIndex,\n userReportageLoading,\n userReportage,\n siteReportage,\n siteReportageLoading,\n generateReportageModalOpen,\n includeBreaksAndPickups,\n}) => {\n useEffect(() => {\n effs.initialize();\n\n return () => {\n effs.destroy();\n };\n }, []);\n\n const referrerUrl = createReferrerUrl(location);\n\n const openEmployee = (id) => {\n history.push(\n `/employees/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työntekijät'})}`,\n );\n };\n\n const openSite = (id) => {\n history.push(`/sites/${id}${encodeQuery({referrerUrl, referrerTitle: 'Työmaat'})}`);\n };\n\n const updateLists = () => {\n effs.updateUserQuery({});\n effs.updateSiteQuery({});\n };\n\n return (\n \n {referrerUrlBoolean ? (\n \n history.goBack()}\n leftIcon={}\n colorScheme=\"blue\"\n variant=\"solid\"\n >\n Takaisin\n \n \n ) : null}\n \n \n Työaika\n \n {\n effs.changeTab(index);\n }}\n >\n \n \n \n Työmaat\n Työntekijät\n \n \n {initialized && (\n \n )}\n \n \n \n \n timeEntryEffs.openTimeEntryModal(updateLists)}\n setEditableEntries={timeEntryEffs.setEditableEntries}\n onSiteClick={openSite}\n />\n \n \n \n timeEntryEffs.openTimeEntryModal(updateLists)}\n setEditableEntries={timeEntryEffs.setEditableEntries}\n onEmployeeClick={openEmployee}\n />\n \n \n \n \n {timeEntriesModalOpen && (\n timeEntryEffs.closeTimeEntryModal()}\n defaultValues={timeEntryDefaultValues}\n />\n )}\n {generateReportageModalOpen && (\n \n )}\n \n );\n};\nexport default connect(\n applyState({\n ...pick(\n ['timeEntriesModalOpen', 'editableEntries', 'timeEntryDefaultValues'],\n timeEntrySels,\n ),\n ...pick(\n [\n 'initialized',\n 'siteEntries',\n 'referrerUrlBoolean',\n 'userEntries',\n 'loading',\n 'dateRange',\n 'userQuery',\n 'siteQuery',\n 'reportageIndex',\n 'siteReportage',\n 'siteReportageLoading',\n 'userReportage',\n 'userReportageLoading',\n 'generateReportageModalOpen',\n 'includeBreaksAndPickups',\n ],\n sels,\n ),\n ...pick(['organizationSites', 'organizations'], commonSels),\n }),\n)(Reportage);\n","import React from 'react';\nimport {Box, ChakraProvider, CSSReset, PortalManager} from '@chakra-ui/react';\nimport 'focus-visible/dist/focus-visible'; // disable border for non-keyboard interactions\nimport {Switch, Route, Redirect} from 'react-router-dom';\nimport {connect} from 'react-redux';\nimport {pick} from 'ramda';\n\nimport {applyState} from 'utils/redux';\nimport commonSels from 'modules/common/selectors';\nimport theme from '../theme/theme';\n\nimport {Header, PageLoader} from 'components';\nimport Login from './login';\nimport Notifications from './notifications';\nimport Confirmer from './confirmer';\nimport Styles from './Styles';\nimport Sites from './sites/sites';\nimport Site from './sites/site';\nimport Employees from './employees/employees';\nimport Employee from './employees/employee';\nimport Organizations from './organizations/organizations';\nimport Organization from './organizations/organization';\nimport Reportage from './reportages';\n\nconst App = ({initialized, loggedIn, user, organizationId}) => {\n const orgID = [5, 4];\n\n const showOrganizationTab = orgID.includes(organizationId);\n return (\n \n \n \n \n \n {!initialized ? null : !loggedIn ? (\n \n \n \n ) : !user ? (\n \n ) : (\n \n \n \n {showOrganizationTab ? (\n \n \n \n \n \n \n \n \n \n \n \n ) : (\n \n \n \n \n \n \n \n \n \n \n )}\n \n \n )}\n \n \n );\n};\n\nexport default connect(\n applyState({\n ...pick(['initialized', 'loggedIn', 'user', 'organizationId'], commonSels),\n }),\n)(App);\n","const reportWebVitals = (onPerfEntry) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({getCLS, getFID, getFCP, getLCP, getTTFB}) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {pipeReducers} from 'utils/redux';\nimport sitesPage from './sitesPage/reducer';\nimport sitePage from './sitePage/reducer';\n\nexport default pipeReducers(sitesPage, sitePage);\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {pipeReducers} from 'utils/redux';\nimport employeesPage from './employeesPage/reducer';\nimport employeePage from './employeePage/reducer';\n\nexport default pipeReducers(employeesPage, employeePage);\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {pipeReducers} from 'utils/redux';\nimport organizationsPage from './organizationsPage/reducer';\nimport organizationPage from './organizationPage/reducer';\n\nexport default pipeReducers(organizationsPage, organizationPage);\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","import {pipeReducers} from 'utils/redux';\nimport notifications from './notifications/reducer';\nimport confirmer from './confirmer/reducer';\nimport common from './common/reducer';\nimport login from './login/reducer';\nimport sites from './sites/reducer';\nimport employees from './employees/reducer';\nimport organizations from './organizations/reducer';\nimport reportages from './reportages/reducer';\nimport timeEntries from './timeEntries/reducer';\n\nexport default pipeReducers(\n notifications,\n confirmer,\n common,\n login,\n sites,\n employees,\n organizations,\n reportages,\n timeEntries,\n);\n","import {reducer} from './store';\n\nexport default reducer;\n","import {reducer} from './store';\n\nexport default reducer;\n","export const createFormData = (obj) => {\n const formData = new FormData();\n Object.keys(obj).forEach((k) => formData.append(k, obj[k]));\n return formData;\n};\n\nexport const validateResponse = (res) => {\n if (res.ok) return Promise.resolve(res);\n const e = new Error(`Request failed: ${res.url}`);\n e.response = res;\n return Promise.reject(e);\n};\n","import {encodeQuery} from 'utils/url';\nimport {validateResponse} from 'utils/http';\n\nexport const request = (method, url, query, conf = {}) =>\n new Request(`${url}${encodeQuery(query)}`, {...conf, method});\n\nexport const requestJson = (method, url, query, conf = {}) =>\n request(method, url, query, {\n ...conf,\n ...(conf.body ? {body: JSON.stringify(conf.body)} : {}),\n headers: {'content-type': 'application/json; charset=utf-8', ...(conf.headers || {})},\n });\n\nexport const fetch_ = (request) => fetch(request).then(validateResponse);\n\nexport const fetchJson = (request) =>\n fetch_(request)\n .then((res) => res.text())\n .then((text) => (text !== '' ? JSON.parse(text) : undefined));\n\nexport const http = (...args) => fetch_(request(...args));\n\nexport const httpJson = (...args) => fetchJson(requestJson(...args));\n","// create a simple hook that allows listening for actions (redux's own subscribe api is lacking). need to plug the enhancer into the store to setup the instance\nexport default () => {\n let listeners = {};\n let seq = 1;\n\n const subscribe = (f) => {\n const currSeq = seq;\n seq += 1;\n\n listeners[currSeq] = f;\n\n // unsubscribe\n return () => {\n delete listeners[currSeq];\n };\n };\n\n const instance = {\n subscribe,\n //subscribeToType,\n };\n\n const enhancer = (next) => (reducer, initialState, enhancer) => {\n const reducer_ = (state, action) => {\n const newState = reducer(state, action);\n Object.values(listeners).forEach((f) => f(action, state, newState));\n return newState;\n };\n\n return next(reducer_, initialState, enhancer);\n };\n\n return {\n instance,\n enhancer,\n };\n};\n","import {createStore, compose as reduxCompose, applyMiddleware} from 'redux';\nimport {stackInjectorMiddleware} from 'utils/redux';\nimport reducer from 'modules/reducer';\nimport {inDev} from 'constants/app';\n\nexport default ({actionHookEnhancer = null}) => {\n const compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || reduxCompose;\n\n const middleware = inDev ? [stackInjectorMiddleware] : [];\n\n const enhancers = [\n ...(actionHookEnhancer ? [actionHookEnhancer] : []),\n applyMiddleware(...middleware),\n ];\n\n const enhancer = compose(...enhancers);\n\n return createStore(reducer, enhancer);\n};\n","import {http, httpJson} from 'io/http';\nimport {apiUrl} from 'constants/app';\n\nexport default ({get}) => {\n const augmentArgs = ([method, url, query, conf = {}]) => {\n const headers = {\n Accept: 'application/json',\n ...(get('apiToken') ? {Authorization: `Bearer ${get('apiToken')}`} : {}),\n ...(conf.headers || {}),\n };\n\n const reqConf = {...conf, headers};\n const reqUrl = `${apiUrl}${url}`;\n\n return [method, reqUrl, query, reqConf];\n };\n\n const augmentResponse = (promise) =>\n promise.catch((e) => {\n if (get('onError')) get('onError')(e);\n throw e;\n });\n\n return {\n http: (...args) => augmentResponse(http(...augmentArgs(args))),\n httpJson: (...args) => augmentResponse(httpJson(...augmentArgs(args))),\n };\n};\n"],"sourceRoot":""}