{t('Confirmation.MAIL_SENT')}
\n }\n \n }\n {\n (errorCode === ErrorCode.TOKEN_MISMATCH.code) &&\n <>\n {\n !emailSent ?\n {t('Confirmation.MAIL_SENT')}
\n }\n \n }\n {\n (errorCode === ErrorCode.LOGIN_TO_CONFIRM_NOT_FOUND.code) &&\n {t('Login.CAN_NOT_CONFIRM_BECAUSE_DELETED', {username: email})}
\n }\n );\n }\n\n return (\n \n
\n );\n}\n\nexport default AccountConfirmation;\n","import {httpClient} from '../../common/api/HttpClient';\n\nconst publicCarrierApi = {\n createCarrierInquiry: (inquiry, catererId) => httpClient.post('public/carrier-inquiries', inquiry, {params: {catererId}})\n};\n\nexport default publicCarrierApi;\n","import {httpClient} from '../../common/api/HttpClient';\n\nconst publicInstitutionApi = {\n createInstitutionInquiry: (inquiry, catererId) => httpClient.post('public/institution-inquiries', inquiry, {params: {catererId}})\n};\n\nexport default publicInstitutionApi;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport Address from '../../common/component/Address';\nimport LoginCredentials from '../../common/component/form/LoginCredentials';\nimport Person from '../../common/component/form/Person';\nimport TextInput from '../../common/component/form/TextInput';\n\nfunction CarrierInquiryInput({\n inquiry,\n validation,\n handleInquiryChange,\n handleCompanyChange,\n handleLoginChange,\n mailErrorCode\n }) {\n const [t] = useTranslation();\n\n return (\n <>\n {t('Confirmation.TITLE')}
\n\n {\n !confirmationSent &&\n\n
\n }\n\n {\n confirmationSent && confirmationSuccess && renderSuccess()\n }\n {\n confirmationSent && !confirmationSuccess && renderFailure()\n }\n \n
{t('Registration.CONTACT_PERSON')}
\n\n
\n\n \n handleInquiryChange('institutionType', value.value)}\n isValid={validation.institutionType}\n />\n
\n {t('Registration.CONTACT_PERSON')}
\n\n
\n );\n}\n\nexport default RequestSuccess;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Link, useHistory} from 'react-router-dom';\nimport publicCarrierApi from '../../administration/api/publicCarrierApi';\nimport publicInstitutionApi from '../../administration/api/publicInstitutionApi';\nimport Checkbox from '../../common/component/form/Checkbox';\nimport Switch from '../../common/component/Switch';\nimport Role from '../../common/enums/Role';\nimport {checkValidation, validateEmailAddress} from '../../common/util/ValidationUtil';\nimport {showError} from '../../message/action/messageActions';\nimport '../style/Registration.scss';\nimport CarrierInquiryInput from './CarrierInquiryInput';\nimport InstitutionInquiryInput from './InstitutionInquiryInput';\nimport RequestSuccess from './RequestSuccess';\n\nfunction Inquiry() {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const history = useHistory();\n const catererId = useSelector(state => state.caterer.catererId);\n const [isValidated, setIsValidated] = useState(false);\n const [approvedTermsAndConditions, setApprovedTermsAndConditions] = useState(false);\n const [approvedPrivacyPolicy, setApprovedPrivacyPolicy] = useState(false);\n const [mailErrorCode, setMailErrorCode] = useState(null);\n const [showRequestSuccess, setShowRequestSuccess] = useState(false);\n\n const [inquiry, setInquiry] = useState({\n type: 'CARRIER',\n institutionType: null,\n company: {\n name: null,\n address: {\n street: null,\n houseNumber: null,\n additionalAddressInformation: null,\n zip: null,\n city: null\n }\n },\n contactPerson: {\n salutation: null,\n lastName: null,\n emailAddress: null\n },\n login: {\n emailAddress: null\n }\n });\n\n const [inquiryMetadataValidation, setInquiryMetadtaValidation] = useState({\n approvedPrivacyPolicy: true,\n approvedTermsAndConditions: true\n });\n\n const [carrierValidation, setCarrierValidation] = useState({\n type: true,\n company: {\n name: true,\n address: {\n street: true,\n houseNumber: true,\n zip: true,\n city: true\n }\n },\n contactPerson: {\n salutation: true,\n lastName: true\n },\n login: {\n emailAddress: true\n }\n });\n\n const [institutionValidation, setInstitutionValidation] = useState({\n type: true,\n company: {\n name: true,\n address: {\n street: true,\n houseNumber: true,\n zip: true,\n city: true\n }\n },\n contactPerson: {\n salutation: true,\n lastName: true,\n emailAddress: true,\n function: true\n }\n });\n\n useEffect(() => {\n if (isValidated) {\n validate();\n }\n }, [inquiry, approvedPrivacyPolicy, approvedTermsAndConditions]);\n\n function validate() {\n let subValidation = {};\n if (inquiry.type === Role.CARRIER) {\n subValidation = createCarrierValidation();\n setCarrierValidation(subValidation);\n } else if (inquiry.type === Role.INSTITUTION) {\n subValidation = createInstitutionValidation();\n setInstitutionValidation(subValidation);\n }\n const newInquiryMetadataValidation = {\n approvedPrivacyPolicy: !!approvedPrivacyPolicy,\n approvedTermsAndConditions: !!approvedTermsAndConditions\n };\n setInquiryMetadtaValidation(newInquiryMetadataValidation);\n\n setIsValidated(true);\n\n return checkValidation(newInquiryMetadataValidation) && checkValidation(subValidation);\n }\n\n function createCarrierValidation() {\n return {\n type: !!inquiry.type,\n company: {\n name: !!inquiry.company.name,\n address: {\n street: !!inquiry.company.address.street,\n houseNumber: !!inquiry.company.address.houseNumber,\n zip: !!inquiry.company.address.zip,\n city: !!inquiry.company.address.city\n }\n },\n contactPerson: {\n salutation: !!inquiry.contactPerson.salutation,\n lastName: !!inquiry.contactPerson.lastName\n },\n login: {\n emailAddress: validateEmailAddress(inquiry.login.emailAddress)\n }\n };\n }\n\n function createInstitutionValidation() {\n return {\n type: !!inquiry.type,\n company: {\n name: !!inquiry.company.name,\n address: {\n street: !!inquiry.company.address.street,\n houseNumber: !!inquiry.company.address.houseNumber,\n zip: !!inquiry.company.address.zip,\n city: !!inquiry.company.address.city\n }\n },\n contactPerson: {\n salutation: !!inquiry.contactPerson.salutation,\n lastName: !!inquiry.contactPerson.lastName,\n emailAddress: validateEmailAddress(inquiry.contactPerson.emailAddress),\n function: !!inquiry.contactPerson.function\n }\n };\n }\n\n function handleInquiryChange(field, value) {\n if (field === 'contactPerson' && !!value.emailAddress) {\n setMailErrorCode(null);\n }\n\n setInquiry({\n ...inquiry,\n [field]: value\n });\n }\n\n function handleCompanyChange(field, value) {\n setInquiry({\n ...inquiry,\n company: {\n ...inquiry.company,\n [field]: value\n }\n });\n }\n\n function handleContactPersonChange(field, value) {\n setInquiry({\n ...inquiry,\n contactPerson: {\n ...inquiry.contactPerson,\n [field]: value\n }\n });\n }\n\n function handleLoginChange(field, value) {\n if (field === 'emailAddress') {\n setMailErrorCode(null);\n }\n setInquiry({\n ...inquiry,\n login: {\n ...inquiry.login,\n [field]: value\n }\n });\n }\n\n function send() {\n if (!validate()) {\n dispatch(showError('Error.MISSING_PARAMETER'));\n return;\n }\n\n if (inquiry.type === Role.CARRIER) {\n sendCarrierInquiry();\n } else if (inquiry.type === Role.INSTITUTION) {\n sendInstitutionInquiry();\n }\n }\n\n function sendCarrierInquiry() {\n const carrierInquiry = {\n companyName: inquiry.company.name,\n address: inquiry.company.address,\n contacts: [{\n person: inquiry.contactPerson,\n emailAddress: inquiry.login.emailAddress,\n loginRequired: true\n }]\n };\n\n publicCarrierApi.createCarrierInquiry(carrierInquiry, catererId).then((res) => {\n if (res.data.success) {\n setShowRequestSuccess(true);\n } else {\n setMailErrorCode(res.errorCode);\n }\n }\n );\n }\n\n function sendInstitutionInquiry() {\n const institutionInquiry = {\n companyName: inquiry.company.name,\n type: inquiry.institutionType,\n address: inquiry.company.address,\n contacts: [{\n person: inquiry.contactPerson,\n function: inquiry.contactPerson.function,\n emailAddress: inquiry.contactPerson.emailAddress\n }]\n };\n\n publicInstitutionApi.createInstitutionInquiry(institutionInquiry, catererId).then((res) => {\n if (res.data.success) {\n setShowRequestSuccess(true);\n } else {\n setMailErrorCode(res.errorCode);\n }\n }\n );\n }\n\n if (showRequestSuccess) {\n return \n
\n );\n}\n\nexport default Inquiry;\n","import {Trans, useTranslation} from 'react-i18next';\nimport React, {useEffect, useState} from 'react';\nimport isEmail from 'validator/es/lib/isEmail';\nimport {Link, useHistory} from 'react-router-dom';\nimport Address from '../../common/component/Address';\nimport '../style/Registration.scss';\nimport Person from '../../common/component/form/Person';\nimport accountApi from '../api/accountApi';\nimport {showError, showMessage} from '../../message/action/messageActions';\nimport {useDispatch, useSelector} from 'react-redux';\nimport Checkbox from '../../common/component/form/Checkbox';\nimport LoginCredentials from \"../../common/component/form/LoginCredentials\";\nimport {checkValidation} from \"../../common/util/ValidationUtil\";\n\nfunction ParentRegistration() {\n const [t] = useTranslation();\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n const catererId = useSelector(state => state.caterer.catererId);\n const dispatch = useDispatch();\n const history = useHistory();\n const [isValidated, setIsValidated] = useState(false);\n const [approvedTermsAndConditions, setApprovedTermsAndConditions] = useState(false);\n const [approvedPrivacyPolicy, setApprovedPrivacyPolicy] = useState(false);\n const [mailErrorCode, setMailErrorCode] = useState(null);\n const [account, setAccount] = useState({\n login: {\n emailAddress: null,\n password: null,\n passwordRepeat: null\n },\n person: {\n firstName: null,\n lastName: null,\n salutation: null\n },\n address: {\n street: null,\n houseNumber: null,\n additionalAddressInformation: null,\n zip: null,\n city: null\n }\n });\n const [validation, setValidation] = useState({\n login: {\n emailAddress: true,\n password: true,\n passwordRepeat: true\n },\n person: {\n firstName: true,\n lastName: true,\n salutation: true\n },\n address: {\n street: true,\n houseNumber: true,\n zip: true,\n city: true\n },\n approvedTermsAndConditions: true,\n approvedPrivacyPolicy: true\n });\n\n useEffect(() => {\n if (isValidated) {\n validate();\n }\n }, [isValidated, account, approvedPrivacyPolicy, approvedTermsAndConditions]);\n\n function validate() {\n const newValidation = {\n login: {\n emailAddress: !!account.login.emailAddress && isEmail(account.login.emailAddress),\n password: !!account.login.password,\n passwordRepeat: !!account.login.passwordRepeat && account.login.password === account.login.passwordRepeat\n },\n person: {\n firstName: !!account.person.firstName,\n lastName: !!account.person.lastName,\n salutation: !!account.person.salutation\n },\n address: {\n street: !!account.address.street,\n houseNumber: !!account.address.houseNumber,\n zip: !!account.address.zip,\n city: !!account.address.city\n },\n approvedTermsAndConditions: approvedTermsAndConditions,\n approvedPrivacyPolicy: approvedPrivacyPolicy\n };\n setValidation(newValidation);\n setIsValidated(true);\n\n return checkValidation(newValidation);\n }\n\n function handleLoginChange(field, value) {\n if (field === 'emailAddress') {\n setMailErrorCode(null);\n }\n setAccount({\n ...account,\n login: {\n ...account.login,\n [field]: value\n }\n });\n }\n\n function handleAccountChange(field, value) {\n setAccount({\n ...account,\n [field]: value\n });\n }\n\n function register() {\n if (validate()) {\n const accountToSave = {...account};\n accountToSave.language = currentLanguage;\n accountToSave.login.role = 'PARENT';\n\n setAccount(accountToSave);\n\n accountApi.register(accountToSave, catererId).then((res) => {\n if (res.data.success) {\n const createdAccount = res.data.result;\n history.push('/login');\n dispatch(showMessage('Registration.SUCCESS_FOR_PARENT',\n {username: createdAccount.login.emailAddress}));\n } else {\n setMailErrorCode(res.errorCode);\n }\n }\n );\n } else {\n dispatch(showError('Error.MISSING_PARAMETER'));\n }\n }\n\n return (\n \n {t('Inquiry.TITLE')}\n
\n \n\n
\n \n
\n {t('Registration.DESCRIPTION_INQUIRY')}
\n\n
\n\n \n
\n \n ({\n id: key,\n label: t(`Role.${key}`)\n }))}\n onSelect={value => handleInquiryChange('type', value)}\n selectedOption={inquiry.type}\n />\n
\n <>\n {\n inquiry.type === Role.CARRIER &&\n \n
\n \n setApprovedTermsAndConditions(value)}\n label={<>\n {t('Registration.I_HEREBY_CONFIRM')}\n {t('Registration.TERMS_AND_CONDITIONS')}\n }\n required={true}\n isValid={!!inquiryMetadataValidation.approvedTermsAndConditions}/>\n\n setApprovedPrivacyPolicy(value)}\n label={<>\n {t('Registration.I_HEREBY_CONFIRM')}\n {t('Registration.PRIVACY_POLICY')}\n }\n required={true}\n isValid={!!inquiryMetadataValidation.approvedPrivacyPolicy}/>\n\n\n
\n \n history.push('/inquiry')}>\n {t('Button.CANCEL')}\n \n \n {t('Button.SEND')}\n \n
\n \n
\n );\n}\n\nexport default ParentRegistration;\n","import React, {useEffect, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {useHistory} from 'react-router';\nimport {Link, useLocation} from 'react-router-dom';\nimport LoginCredentials from '../../../common/component/form/LoginCredentials';\nimport ErrorCode from '../../../common/enums/ErrorCode';\nimport {showError} from '../../../message/action/messageActions';\nimport loginApi from '../../../user/api/loginApi';\nimport '../../style/PasswordReset.scss';\n\nfunction PasswordReset() {\n const [t] = useTranslation();\n const {search} = useLocation();\n const history = useHistory();\n const dispatch = useDispatch();\n const catererId = useSelector(state => state.caterer.catererId);\n const [success, setSuccess] = useState(false);\n const query = new URLSearchParams(search);\n const token = query.get('token');\n const email = query.get('email');\n const [infoText, setInfoText] = useState('PasswordReset.INFO_RESET');\n const [validToken, setValidToken] = useState(false);\n const [errorCode, setErrorCode] = useState(null);\n\n const [password, setPassword] = useState({\n password: null,\n passwordRepeat: null\n });\n const [isValidated, setIsValidated] = useState(false);\n const [validation, setValidation] = useState({\n password: true,\n passwordRepeat: true\n });\n\n useEffect(() => {\n if (catererId) {\n loginApi.checkForValidPasswordReset(token, email, catererId).then((res) => {\n if (res.data.success) {\n if (res.data.result) {\n setValidToken(true);\n }\n } else {\n setErrorCode(res.errorCode);\n }\n });\n }\n }, [catererId, email, token]);\n\n useEffect(() => {\n if (isValidated) {\n validate();\n }\n }, [isValidated, password]);\n\n function handlePasswordChange(field, value) {\n setPassword({\n ...password,\n [field]: value\n });\n }\n\n function savePassword() {\n if (validate()) {\n loginApi.passwordReset(token, email, password.password, catererId).then((res) => {\n if (res.data.success) {\n setSuccess(true);\n setInfoText('PasswordReset.RESET_SUCCESS');\n } else {\n dispatch(showError(t('Error.GENERAL')));\n setSuccess(false);\n }\n }).catch(() => {\n setSuccess(false);\n });\n }\n }\n\n function validate() {\n const newValidation = {\n password: !!password.password,\n passwordRepeat: !!password.passwordRepeat && password.password === password.passwordRepeat\n };\n setIsValidated(true);\n setValidation(newValidation);\n\n // Check if password is valid\n return Object.values(newValidation).every(field => !!field);\n }\n\n function handlePasswordReset() {\n history.push('/request-password-reset');\n }\n\n if (errorCode && ErrorCode.NOT_REGISTERED_FOR_CATERER.code === errorCode) {\n return \n {t('Registration.TITLE')}\n
\n \n {\n\n
\n }\n \n
\n {t('Registration.DESCRIPTION_PARENT.HEADER')}
\n- \n
- {t('Registration.DESCRIPTION_PARENT.STEP_1')} \n
- {t('Registration.DESCRIPTION_PARENT.STEP_2')} \n
- {t('Registration.DESCRIPTION_PARENT.STEP_3')} \n
- \n
}}/>\n \n
\n
\n\n \n handleAccountChange('person', value)}\n validation={validation.person}/>\n\n handleAccountChange('address', value)}\n validation={validation.address}\n />\n
\n \n
\n\n \n {t('Registration.CREDENTIALS')}\n
\n \n \n
\n \n
\n \n setApprovedTermsAndConditions(value)}\n label={<>\n {t('Registration.I_HEREBY_CONFIRM')}\n {t('Registration.TERMS_AND_CONDITIONS')}\n }\n required={true}\n isValid={validation.approvedTermsAndConditions}/>\n\n setApprovedPrivacyPolicy(value)}\n label={<>\n {t('Registration.I_HEREBY_CONFIRM')}\n {t('Registration.PRIVACY_POLICY')}\n }\n required={true}\n isValid={validation.approvedPrivacyPolicy}/>\n\n\n
\n \n history.push('/register')}>\n {t('Button.CANCEL')}\n \n \n {t('Button.REGISTER')}\n \n
\n \n
;\n }\n if (!validToken) {\n return (\n {t('PasswordReset.RESET')}
\n{t('Error.NOT_REGISTERED_FOR_CATERER')}
\n \n }}\n />\n
\n );\n }\n\n return (\n {t('PasswordReset.RESET')}
\n\n
\n );\n}\n\nexport default PasswordReset;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport isEmail from 'validator/es/lib/isEmail';\nimport TextInput from '../../../common/component/form/TextInput';\nimport {callOnEnter} from '../../../common/util/FormUtil';\nimport loginApi from '../../../user/api/loginApi';\nimport '../../style/PasswordReset.scss';\n\nfunction PasswordResetRequest() {\n const [t] = useTranslation();\n const catererId = useSelector(state => state.caterer.catererId);\n const [success, setSuccess] = useState(false);\n const [infoText, setInfoText] = useState('PasswordReset.INFO_REQUEST');\n const [email, setEmail] = useState(null);\n const [isValidated, setIsValidated] = useState(false);\n const [validation, setValidation] = useState(true);\n\n useEffect(() => {\n if (isValidated) {\n validate();\n }\n }, [email]);\n\n function sendPasswordResetRequest() {\n if (validate()) {\n loginApi.requestPasswordReset(email, catererId).then((res) => {\n // Even if no login was found for this email, show the success page:\n setSuccess(true);\n setInfoText('PasswordReset.MAIL_SENT');\n }).catch(() => {\n setSuccess(false);\n });\n }\n }\n\n function validate() {\n setIsValidated(true);\n setValidation(!!email && isEmail(email));\n\n // Check if password is valid\n return !!email && isEmail(email);\n }\n\n return (\n {success ? t('PasswordReset.RESET_SUCCESS_HEADER') : t('PasswordReset.RESET')}
\n{t(infoText)}
\n {\n success ?\n\n {t('Confirmation.GO_TO_LOGIN')}\n
\n :\n <>\n \n \n\n
\n \n }\n \n setEmail(value)}\n onKeyDown={event => callOnEnter(event, sendPasswordResetRequest)}\n required={true}\n isValid={validation}\n errorMessage={!validation && !!email ? t('Validation.INVALID_EMAIL') : null}\n focusOnLoad={true}\n />\n\n
\n );\n}\n\nexport default PasswordResetRequest;\n","import React, {lazy} from 'react';\nimport {useSelector} from 'react-redux';\nimport Role from '../../common/enums/Role';\nimport UserEdit from './user/UserEdit';\n\nconst CarrierEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './carrier/CarrierEdit'));\nconst Institution = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './institution/Institution'));\n\nfunction Profile() {\n const role = useSelector(state => state.user.login ? state.user.login.role : null);\n return (\n <>\n {\n role === Role.PARENT &&\n {success ? t('PasswordReset.MAIL_SENT_HEADER') : t('PasswordReset.REQUEST')}
\n {\n success &&\n \n }\n{t(infoText)}
\n {\n !success &&\n <>\n\n \n
\n \n }\n \n \n {props.label}\n } className=\"ml-2\" onClick={undefined} title={undefined} hidden={undefined} skidding={undefined}/>\n \n \n {\n props.showError &&\n
\n );\n};\n\nexport default FilePickerDropzone;\n","const FoodRestrictionState = {\n 'UNSELECTED': 0,\n 'SELECTED_NO_UPLOAD': 1, //selected, ready for file upload, not savable\n 'SELECTED_UPLOADED': 2, //selected with uploaded file, savable\n 'SELECTED_NO_VERIFICATION': 3, // selected and with upload, but still needs verification, savable\n 'SELECTED_APPROVED': 4,\n 'SELECTED_DECLINED': 5,\n 'SELECTED_ACCEPTED': 6\n};\n\nexport default FoodRestrictionState;\n","import React from 'react';\n\nconst ClockIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ClockIcon;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport FilePickerDropzone from '../../common/component/FilePickerDropzone';\nimport ConfirmationDialog from '../../common/component/form/ConfirmationDialog';\nimport FoodRestrictionState from '../../common/enums/FoodRestrictionState';\nimport {UPLOAD_IMAGE_TYPES_ALL} from '../../common/GlobalConstants';\nimport CheckIcon from '../../common/icons/CheckIcon';\nimport ClockIcon from '../../common/icons/ClockIcon';\nimport Icon from '../../common/icons/Icon';\nimport InfoIcon from '../../common/icons/InfoIcon';\nimport {getFileExtension} from '../../common/util/FileUtil';\nimport '../style/FoodRestriction.scss';\n\nfunction FoodRestriction({\n foodRestriction,\n handleRestrictionChange,\n handleRestrictionDelete,\n handleValidationChange,\n showErrors,\n hasRestriction,\n nutritionClass\n }) {\n const [t] = useTranslation();\n const [state, setState] = useState(FoodRestrictionState.UNSELECTED);\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n const [showClarification, setShowClarification] = useState(false);\n const [valid, setValid] = useState(true);\n\n useEffect(() => {\n if (!foodRestriction) {\n setState(FoodRestrictionState.UNSELECTED);\n } else if (foodRestriction.id && foodRestriction.declined) {\n setState(FoodRestrictionState.SELECTED_DECLINED);\n } else if (foodRestriction.verified) {\n if (!nutritionClass.isAttestRequired) {\n setState(FoodRestrictionState.SELECTED_ACCEPTED);\n } else {\n setState(FoodRestrictionState.SELECTED_APPROVED);\n }\n } else if (foodRestriction.id && !foodRestriction.verified && !foodRestriction.declined) {\n setState(FoodRestrictionState.SELECTED_NO_VERIFICATION);\n } else if (!foodRestriction.file && nutritionClass.isAttestRequired) {\n setState(FoodRestrictionState.SELECTED_NO_UPLOAD);\n } else if (foodRestriction.file) {\n setState(FoodRestrictionState.SELECTED_UPLOADED);\n }\n }, [foodRestriction]);\n\n useEffect(() => {\n validate();\n }, [state]);\n\n function validate() {\n const foodRestrictionForValidation = {...foodRestriction};\n if (state === FoodRestrictionState.SELECTED_NO_UPLOAD) {\n handleValidationChange({\n nutritionClassId: nutritionClass.id,\n verified: foodRestrictionForValidation.verified,\n valid: !!foodRestrictionForValidation.verified\n });\n setValid(false);\n } else if (state === FoodRestrictionState.UNSELECTED) {\n handleValidationChange({\n nutritionClassId: nutritionClass.id,\n verified: true,\n valid: true\n });\n } else {\n if (!valid) {\n handleValidationChange({\n nutritionClassId: nutritionClass.id,\n verified: foodRestrictionForValidation.verified,\n valid: true\n });\n setValid(true);\n }\n }\n }\n\n function toggleRestriction() {\n switch (state) {\n case FoodRestrictionState.UNSELECTED: {\n if (hasRestriction) {\n setShowClarification(true);\n } else {\n handleRestrictionChange({\n allergy: nutritionClass.name,\n verified: !nutritionClass.isAttestRequired,\n declined: false,\n nutritionClassId: nutritionClass.id,\n nutritionClass: nutritionClass,\n isAttestRequired: nutritionClass.isAttestRequired\n });\n }\n }\n break;\n case FoodRestrictionState.SELECTED_NO_UPLOAD:\n case FoodRestrictionState.SELECTED_ACCEPTED: {\n handleRestrictionDelete(foodRestriction);\n setState(FoodRestrictionState.UNSELECTED);\n }\n break;\n default: {\n setShowDeleteDialog(true);\n }\n }\n }\n\n function handleImage(file) {\n const newRestriction = {\n ...foodRestriction,\n file: file\n };\n handleRestrictionChange(newRestriction);\n }\n\n const selected = state > FoodRestrictionState.UNSELECTED;\n const preUpload = state === FoodRestrictionState.SELECTED_NO_UPLOAD;\n const afterUpload = state > FoodRestrictionState.SELECTED_NO_UPLOAD;\n\n const logoExtension = getFileExtension(nutritionClass.logo);\n const selectedClass = !valid && showErrors ? 'invalid' : 'selected';\n const whiteText = selected ? 'text-white' : '';\n return (\n <>\n \n {props.errorLabel}\n
\n }\n \n afterUpload && toggleRestriction()}\n className={`food-restriction p-1 p-sm-3 ${selected ? selectedClass : ''}${preUpload ? ' pre-upload' : ''}`}>\n {\n (state === FoodRestrictionState.SELECTED_UPLOADED || state === FoodRestrictionState.SELECTED_NO_VERIFICATION) &&\n }\n className=\"float-right text-warning icon-size-md\"\n />\n }\n {\n (state === FoodRestrictionState.SELECTED_APPROVED || state === FoodRestrictionState.SELECTED_ACCEPTED) &&\n }\n className=\"float-right text-success icon-size-md\"\n />\n }\n {\n (state === FoodRestrictionState.SELECTED_DECLINED) &&\n }\n className=\"float-right text-danger icon-size-md\"\n />\n }\n
\n \n \n {\n foodRestriction &&\n \n
\n \n \n {\n nutritionClass.logo ?\n <>\n 
\n
\n \n {nutritionClass.name}\n
\n \n :\n \n {nutritionClass.name}\n
\n }\n \n {\n state === FoodRestrictionState.UNSELECTED &&\n nutritionClass.isAttestRequired &&\n \n }\n {\n state === FoodRestrictionState.SELECTED_UPLOADED &&\n t('FoodRestriction.INIT_NEEDS_CHECK')\n }\n {\n state === FoodRestrictionState.SELECTED_NO_VERIFICATION &&\n t('FoodRestriction.NEEDS_CHECK')\n }\n {\n state === FoodRestrictionState.SELECTED_APPROVED &&\n t('FoodRestriction.VERIFICATION_SUCCESS')\n }\n {\n state === FoodRestrictionState.SELECTED_ACCEPTED &&\n t('FoodRestriction.SELECTION_ACCEPTED')\n }\n {\n state === FoodRestrictionState.SELECTED_DECLINED &&\n t('FoodRestriction.SELECTION_DECLINED')\n }\n
\n \n {t('FoodRestriction.NEED_ATTEST')}\n
\n }\n {\n state === FoodRestrictionState.SELECTED_NO_UPLOAD &&\n \n {\n nutritionClassOptions.map((nutritionClass, index) => {\n return (\n = 1}\n key={`foodrestriction-${index}`}\n nutritionClass={nutritionClass}\n />\n );\n })\n }\n
\n {(showAttestNote || (showUnrestrictedNote && !isNew)) &&\n \n {\n showAttestNote &&\n
\n }\n \n );\n}\n\nexport default FoodRestrictions;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport ReactTooltip from 'react-tooltip';\nimport FilePreview from '../../../common/component/FilePreview';\nimport DocumentIcon from '../../../common/icons/Document';\nimport DownloadIcon from '../../../common/icons/DownloadIcon';\nimport Icon from '../../../common/icons/Icon';\nimport {fileDownload} from '../../../common/util/fileDownloadUtil';\nimport taskApi from '../../../taskboard/api/taskApi';\n\nfunction DocumentRow({\n taskId,\n documentToUpload\n }) {\n const [documents, setDocuments] = useState([]);\n\n const [t] = useTranslation();\n useEffect(() => {\n let mounted = true;\n if (taskId) {\n taskApi.findTaskDocumentsById(taskId).then((res) => {\n if (res.data.success && mounted) {\n setDocuments(res.data.result);\n }\n });\n }\n return () => mounted = false;\n }, [taskId]);\n\n function downloadDocument(id, filename) {\n fileDownload({\n url: `tasks/documents/${id}`,\n fileName: filename\n });\n }\n\n return (\n <>\n {\n documents.map((document, index) =>\n \n
\n )\n }\n {\n documentToUpload &&\n \n }\n onClick={() => downloadDocument(document.id, document.name)}\n className=\"icon-primary\"\n />\n \n
\n \n {\n welfare.task?.taskState === TaskStateEnum.OPEN &&\n }\n onClick={() => handleEditWelfare(welfare)}\n className=\"icon-primary\"\n title={t('Button.EDIT')}\n />\n }\n {\n (welfare.task?.taskState === TaskStateEnum.OPEN || welfare.task?.taskState === TaskStateEnum.REJECTED) &&\n }\n onClick={() => {\n setWelfareToDelete(cellProps.cell.row.original);\n }}\n className=\"icon-secondary ml-3\"\n title={t('Button.DELETE')}\n />\n }\n
\n );\n }\n }\n ];\n }, [currentLanguage, handleEditWelfare, t]);\n\n function handleDeleteWelfare() {\n if (onDelete) {\n onDelete(welfareToDelete);\n setWelfareToDelete(null);\n }\n }\n\n return (\n <>\n \n
\n {t('ChildSettings.WELFARE_EXTRA_INFO')}
\n\n \n
\n \n
\n\n \n
\n \n
\n \n {\n onChange({\n ...child,\n firstName: value\n });\n }}\n />\n
\n \n {\n onChange({\n ...child,\n lastName: value\n });\n }}\n />\n
\n \n
\n {\n nutritionClassOptions?.length !== 0 &&\n \n
\n {t('Welfare.TITLE')}
\n\n
\n }\n {\n child.group?.institutionUsesOnSiteOrder &&\n \n
\n {t('ChildSettings.SPECIAL_MEALS')}
\n\n {t('ChildSettings.SPECIAL_MEALS_INFO1')}\n {t('ChildSettings.SPECIAL_MEALS_HERE')}\n {t('ChildSettings.SPECIAL_MEALS_INFO2')}\n {\n isAllergyPdfConfirmationMandatory &&\n
\n\n \n
\n }\n {t('Common.PLEASE_CONFIRM')}
\n }\n \n \n setIsValid(value)}\n showErrors={showErrors}\n />\n {\n childManagement?.rfid &&\n {\n removeData();\n setShowDialog(false);\n }}\n onCancel={() => setShowDialog(false)}\n />\n setShowBlockDialog(false)}\n />\n \n
\n );\n}\n\nexport default ChildEdit;\n","import {useTranslation} from 'react-i18next';\nimport React from 'react';\nimport {Link} from 'react-router-dom';\n\nfunction OnboardingInfo() {\n const [t] = useTranslation();\n\n return (\n \n
\n {t('Child.TITLE')}
\n {\n child.id &&\n\n \n
\n }\n \n
\n }\n {\n isOnboarding ?\n \n
\n \n
\n \n {childManagement.rfidBlocked ? t('Rfid.UNBLOCK_TEXT_PARENT') : t('Rfid.BLOCK_TEXT_PARENT')}\n
\n \n {\n childManagement.rfidBlocked ?\n \n :\n \n }\n
\n \n \n
\n :\n \n
\n );\n}\n\nexport default OnboardingInfo;\n","import React from 'react';\nimport Tag from './Tag';\n\nfunction Diet({selectedItems = []}) {\n if (!selectedItems || !selectedItems.length) {\n return null;\n }\n\n return (\n <>\n {\n selectedItems.map((item, index) =>\n {t('Onboarding.WELCOME')}
\n\n
\n \n \n
\n {t('Onboarding.INFO')}
\n \n {t('Onboarding.LETS_GO')}\n
\n \n {`${formatDate(currentLanguage, new Date(subscription.startDate))} - ${formatDate(currentLanguage, new Date(subscription.endDate))}`}\n
\n }\n \n {t('Subscription.TITLE')}\n
\n {\n subscription.startDate && subscription.endDate &&\n \n \n
\n \n }\n \n );\n}\n\nexport default ChildSubscriptionView;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useHistory} from 'react-router-dom';\nimport Diet from '../../common/component/Diet';\nimport CheckIcon from '../../common/icons/CheckIcon';\nimport EditIcon from '../../common/icons/EditIcon';\nimport Icon from '../../common/icons/Icon';\nimport InfoIcon from '../../common/icons/InfoIcon';\nimport {compareDate, dateDifference, getTwoMonthsBefore} from '../../common/util/DateUtil';\nimport {sortDates} from '../../common/util/SortUtil';\nimport ChildSubscriptionView from '../../order/component/childOrder/ChildSubscriptionView';\nimport * as ChildWelfareUtils from '../util/ChildWelfareUtils';\n\nfunction Child({child}) {\n const [t] = useTranslation();\n const history = useHistory();\n const hasVerifiedWelfare = child?.childWelfare && ChildWelfareUtils.hasVerifiedWelfare(child.childWelfare);\n let verifiedWelfareListInPast = [];\n if (child && child.childWelfare) {\n verifiedWelfareListInPast = child.childWelfare\n .filter(welfare => !!welfare.verified && dateDifference(new Date(welfare.validTo), new Date()) < 0)\n .sort((a, b) => sortDates(b.validTo, a.validTo));\n }\n const hasExpiredWelfareWithinTwoMonths = verifiedWelfareListInPast.length > 0\n && compareDate(new Date(verifiedWelfareListInPast[0].validTo), getTwoMonthsBefore());\n\n function edit() {\n history.push(`/children/${child.id}`);\n }\n\n const foodRestrictions = [\n ...child.allergies\n .filter(allergy => allergy.verified)\n .map(allergy => allergy.nutritionClass)\n ];\n\n return (\n \n
\n );\n}\n\nexport default Child;\n","export function getClosingDayText(value, t) {\n if (value.locked) {\n if (value.closingDayFromGroup) {\n return t('MealPlan.GROUP_CLOSED');\n } else if (value.closingDayFromInstitution) {\n return t('MealPlan.CLOSED');\n } else if (value.closingDayFromCaterer) {\n return t('MealPlan.CATERER_CLOSED');\n }\n }\n return t('MealPlan.NOT_AVAILABLE');\n}\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {getClosingDayText} from '../../../order/util/OrderMenuUtil';\nimport '../../style/Meal.scss';\nimport {formatDate} from '../../util/DateUtil';\nimport InfoTooltip from '../InfoTooltip';\nimport Menu from './Menu';\n\nfunction Meal({meal}) {\n const [t] = useTranslation();\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n\n if (!meal || !meal.menus) {\n return null;\n }\n\n let menu = null;\n if (meal.menus.length > 0) {\n const mealWithOrder = meal.menus.find(menuItem => menuItem.order != null);\n menu = !!mealWithOrder ? mealWithOrder : meal.menus[0];\n }\n\n if (!menu) {\n return null;\n }\n\n let allergens = [];\n if (menu.meals) {\n const allergenLists = menu.meals.map(aMeal => aMeal.allergens);\n allergenLists.forEach(allergenList => allergens = allergens.concat(allergenList));\n }\n\n return (\n \n } className=\"float-right icon-primary small\" onClick={edit} title={t('Button.EDIT')}/>\n {child.firstName} {child.lastName}
\n \n \n
\n {\n hasVerifiedWelfare &&\n \n \n
\n {\n child.group &&\n \n {child.group.name}\n
\n }\n {child.group.institutionName}
\n \n } className=\"mr-3\"/> {t('Child.BUT')}\n
\n }\n\n {\n !hasVerifiedWelfare && hasExpiredWelfareWithinTwoMonths &&\n \n }\n className=\"mr-3\"/>{t('Child.BUT_EXPIRED')}\n
\n }\n \n
\n );\n}\n\nexport default Meal;\n","import React, {useRef, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport Carousel from 'react-multi-carousel';\nimport 'react-multi-carousel/lib/styles.css';\nimport {useSelector} from 'react-redux';\nimport Meal from '../../common/component/meal/Meal';\nimport Icon from '../../common/icons/Icon';\nimport LeftIcon from '../../common/icons/LeftIcon';\nimport RightIcon from '../../common/icons/RightIcon';\nimport {isCatererBusinessDay} from '../../common/util/CatererBusinessDaysUtil';\nimport {equalDate, formatDate} from '../../common/util/DateUtil';\nimport '../style/MealSlider.scss';\n\nfunction MealSlider({\n meals,\n fromDate,\n toDate\n }) {\n const [t] = useTranslation();\n const catererBusinessDays = useSelector(state => state.caterer.timeManagementChild?.businessDays);\n const carouselRef = useRef(null);\n const [slideIndex, setSlideIndex] = useState(0);\n const [totalItems, setTotalItems] = useState(1);\n const responsive = {\n desktop: {\n breakpoint: {\n max: 8000,\n min: 1024\n },\n items: 5\n },\n tablet: {\n breakpoint: {\n max: 1024,\n min: 464\n },\n items: 2\n },\n mobile: {\n breakpoint: {\n max: 464,\n min: 0\n },\n items: 1\n }\n };\n if (!meals || !meals.length) {\n return {formatDate(currentLanguage, meal.mealDate, true)}
\n \n {\n meal.locked &&\n
\n {getClosingDayText(meal, t)}
\n }\n {\n !meal.locked &&\n menu.order &&\n <>\n \n
\n \n {\n allergens.length > 0 &&\n \n \n }\n
\n \n {t('Meal.ALLERGENS')}
\n {allergens.map(a => a.name).join(', ')}\n
\n \n {allergens.map(a => a.name).join(', ')}\n
\n
\n \n }\n {\n !meal.locked && !menu.order &&\n \n {t('MealPlan.NO_MEAL_ORDERED')}\n
\n }\n {t('MealPlan.NO_ORDER')}
;\n }\n\n function showMeals() {\n const res = [];\n const d = new Date(fromDate);\n while (true) {\n if (catererBusinessDays && isCatererBusinessDay(d, catererBusinessDays)) {\n const mealItems = meals.filter(meal => equalDate(new Date(meal.mealDate), d)).map(meal =>\n\n \n
);\n if (mealItems.length > 0) {\n res.push(mealItems);\n } else {\n res.push(\n \n
);\n }\n }\n\n d.setDate(d.getDate() + 1);\n if (d > toDate) {\n break;\n }\n }\n return res;\n }\n\n return (\n \n
\n );\n}\n\nexport default MealSlider;\n","import React, {useEffect, useMemo, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {Link} from 'react-router-dom';\nimport Child from '../../child/component/Child';\nimport {addDays, convertDateToIsoDateString, formatDate} from '../../common/util/DateUtil';\nimport mealPlanApi from '../../order/api/mealPlanApi';\nimport MealSlider from './MealSlider';\n\nfunction MealPlan({child}) {\n const [t] = useTranslation();\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n const fromDate = useMemo(() => new Date(), []);\n const toDate = useMemo(() => addDays(fromDate, 20), [fromDate]);\n\n const [meals, setMeals] = useState([]);\n\n useEffect(() => {\n if (child && child.group && !child.group.institutionPlacesOrders) {\n loadMeals();\n }\n }, []);\n\n function loadMeals() {\n mealPlanApi.findByTimespanAndChildId(convertDateToIsoDateString(fromDate), convertDateToIsoDateString(toDate), child.id).then(response => {\n if (response.data.success) {\n setMeals(response.data.result);\n }\n });\n }\n\n if (child && child.group && child.group.institutionPlacesOrders) {\n return (\n <>\n \n {\n slideIndex > 0 &&\n }\n className=\"multiple-carousel-arrow-left\"\n onClick={() => {\n setTotalItems(carouselRef.current.state.totalItems - carouselRef.current.state.slidesToShow);\n setSlideIndex(carouselRef.current.state.currentSlide - 1);\n carouselRef.current.previous();\n }}\n />\n }\n\n
\n \n {\n setSlideIndex(currentSlide);\n setTotalItems(carouselRef.current.state.totalItems - carouselRef.current.state.slidesToShow);\n }}\n >\n {\n showMeals()\n }\n \n
\n \n {\n slideIndex < totalItems &&\n }\n className=\"multiple-carousel-arrow-right\"\n onClick={() => {\n setTotalItems(carouselRef.current.state.totalItems - carouselRef.current.state.slidesToShow);\n setSlideIndex(carouselRef.current.state.currentSlide + 1);\n carouselRef.current.next();\n }}\n />\n }\n
\n \n \n
\n \n
\n \n );\n }\n\n return (\n <>\n \n
\n \n {t('Child.INSTITUTION_PLACES_ORDERS')}\n
\n \n \n
\n \n
\n \n );\n}\n\nexport default MealPlan;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {useHistory} from 'react-router-dom';\nimport PageTitleWithWallet from '../../common/component/PageTitleWithWallet';\nimport {checkState} from '../../user/action/userActions';\nimport '../style/ChildrenOverview.scss';\nimport MealPlan from './MealPlan';\n\nfunction ChildrenOverview() {\n const [t] = useTranslation();\n const account = useSelector(state => state.user.account);\n const dispatch = useDispatch();\n const history = useHistory();\n const [children, setChildren] = useState([]);\n\n useEffect(() => {\n if (account.children && account.children.length) {\n const childrenCopy = [...account.children];\n\n setChildren(childrenCopy);\n }\n }, [account]);\n\n useEffect(() => {\n dispatch(checkState());\n }, [dispatch]);\n\n if (!children) {\n return null;\n }\n\n return (\n \n
\n \n {t('MealPlan.TITLE')} {formatDate(currentLanguage, fromDate)} {t('Period.TO')} {formatDate(currentLanguage, toDate)}\n
\n {\n child.group ?\n \n \n
\n :\n \n
\n }\n \n {t('MealPlan.NO_GROUP', {\n childFirstName: child ? child.firstName : '',\n childLastName: child ? child.lastName : ''\n })}\n
\n \n {\n child.group ?\n \n {t('MealPlan.ORDER')}\n \n :\n \n }\n
\n \n history.push('/children/new')}\n >\n {t('Onboarding.ADD_CHILD')}\n \n
\n );\n}\n\nexport default ChildrenOverview;\n","import React from 'react';\nimport OnboardingInfo from '../../onboarding/component/OnboardingInfo';\nimport ChildrenOverview from './ChildrenOverview';\nimport {useSelector} from 'react-redux';\n\nfunction Dashboard() {\n const account = useSelector(state => state.user.account);\n\n if (account.children && account.children.length) {\n return \n {\n children && children.map(child =>\n \n )\n }\n
\n \n handleChange('receiverName', value)}\n value={withdrawalRequest.receiverName}\n isValid={!showErrors || validation.receiverName}\n required={true}\n />\n handleChange('iban', value)}\n value={withdrawalRequest.iban}\n isValid={!showErrors || validation.iban}\n errorMessage={isInvalidIban ? t('Validation.INVALID_IBAN') : null}\n onBlur={formatIbanOnBlur}\n required={true}\n />\n handleChange('bic', value)}\n value={withdrawalRequest.bic}\n isValid={!showErrors || validation.bic}\n required={checkIsBicMandatory(withdrawalRequest.iban)}\n readonly={!withdrawalRequest.bic && !checkIsBicMandatory(withdrawalRequest.iban)}\n placeholder={!checkIsBicMandatory(withdrawalRequest.iban) ? t('Finance.SEPA.BIC_NOT_REQUIRED') : null}\n />\n
\n\n \n \n \n
\n );\n}\n\nexport default BalanceWithdrawalByCatererTask;\n","import React, {useMemo, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport ConfirmationDialog from '../../common/component/form/ConfirmationDialog';\nimport Price from '../../common/component/Price';\nimport DeleteIcon from '../../common/icons/DeleteIcon';\nimport Icon from '../../common/icons/Icon';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {currencyFormatter} from '../../common/util/CurrencyUtil';\nimport {formatDate, formatDateAndTime} from '../../common/util/DateUtil';\nimport TaskStatus from '../../taskboard/component/TaskStatus';\nimport {TaskStateEnum} from '../../types/enums/TaskStateEnum';\nimport {BalanceWithdrawalType} from '../../types/finance/BalanceWithdrawalType';\n\ntype Props = {\n balanceWithdrawals: Array{t('Finance.BALANCE_WITHDRAWAL.EXISTING_WITHDRAWALS')}:
\n {\n balanceWithdrawals.map((withdrawal) =>\n\n
\n )\n }\n \n \n
\n {formatDateAndTime(withdrawal.created, currentLanguage, true, false)}
\n\n \n
\n {withdrawal.withdrawalAmount ?\n : '-'}
\n \n \n
\n {withdrawal.receiverName}
\n\n \n
\n \n {\n withdrawal.task.taskState === TaskStateEnum.OPEN &&\n }\n onClick={() => setWithdrawalToDelete(withdrawal)}\n className=\"icon-secondary ml-3\"\n title={t('Button.DELETE')}\n />\n }\n
\n \n
\n\n {\n withdrawalToDelete &&\n {t('Finance.BALANCE_WITHDRAWAL.STATUS_HINT_HEADER')}
\n{t('Finance.BALANCE_WITHDRAWAL.STATUS_HINT')}
\n\n
);\n}\n\nexport default BalanceWithdrawal;\n","import React, {useEffect} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport BackTo from '../../common/component/BackTo';\nimport BillIcon from '../../common/icons/BillIcon';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {TransactionFilter} from '../../types/filter/TransactionFilter';\nimport {searchBills} from '../actions/financeActions';\nimport AccountBillList from './AccountBillList';\n\nfunction ParentBillOverview() {\n const dispatch = useDispatch();\n const [t] = useTranslation();\n const bills = useSelector((state: DefaultState) => state.finance.bills);\n const catererShortName = useSelector((state: DefaultState) => state.caterer.companyShortName);\n const accountName = useSelector((state: DefaultState) => state.user.account?.person?.lastName);\n\n useEffect(() => {\n dispatch(searchBills(null, {} as TransactionFilter));\n }, [dispatch]);\n\n return \n \n
\n \n
\n }/> {t('Finance.BALANCE_WITHDRAWAL.TITLE')}
\n \n {\n balance <= 0 &&\n handleChange('withdrawalAmount', value)}\n onKeyDown={event => callOnEnter(event, handleConfirmAmount)}\n isValid={!showErrors || !!validation.withdrawalAmount}\n errorMessage={showErrors && determineAmountErrorMessage()}\n required={true}\n readonly={balance <= 0}\n />\n }\n
\n \n {t('Finance.BALANCE_WITHDRAWAL.NO_POSITIVE_BALANCE', {balance: formatter.format(balance)})}
\n }\n {\n balance > 0 && !withdrawalResult &&\n <>\n\n \n
\n \n }\n {\n !withdrawalResult &&\n \n
;\n}\n\nexport default ParentBillOverview;\n","import {httpClient} from '../../common/api/HttpClient';\n\nconst paymentProviderIntegrationApi = {\n createPaymentIntent: (catererId, paymentIntent) => httpClient.post('payment-provider/payment-intents', paymentIntent, { params: { catererId }}),\n fetchSepaMandateForAccount: accountId => httpClient.get(`payment-provider/accounts/${accountId}/sepa-mandate`),\n fetchSepaMandate: setupIntentId => httpClient.get(`payment-provider/sepa-mandates/${setupIntentId}`),\n setupSepaDirectDebit: (catererId, accountId) => httpClient.post('payment-provider/sepa-setups', null,{ params: { catererId, accountId }}),\n revokeSepaMandate: accountId => httpClient.delete(`payment-provider/accounts/${accountId}/sepa-mandate`),\n calculateAmountIncludingFee: netAmount => httpClient.get('payment-provider/amount-including-fee', { params: { netAmount }, immediate: true }),\n prepareAccountForBankTransfer: accountId => httpClient.post(`payment-provider/bank-transfer-setups/${accountId}`),\n fetchBankTransferInstructions: accountId => httpClient.get(`payment-provider/bank-transfer-setups/${accountId}`)\n};\n\nexport default paymentProviderIntegrationApi;\n","import {TFunction} from 'i18next';\nimport {formatDate} from '../../common/util/DateUtil';\nimport {Payment} from '../../types/payment/PaymentType';\n\nexport function formatPendingPayment(payment: Payment, t: TFunction, currentLanguage: any, currencyFormatter: Intl.NumberFormat): string {\n const formattedAmount = currencyFormatter.format(payment.amount);\n const formattedDate = formatDate(currentLanguage, payment.createdAt);\n return `${formattedAmount} ${t('Common.VIA')} ${t('Credit.PAYMENT_METHOD_TYPE_' + payment.paymentMethodType.toUpperCase())} `\n + `${t('Common.OF_DATE')} ${formattedDate}`;\n}\n","import React, {useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {currencyFormatter} from '../../common/util/CurrencyUtil';\nimport {UserType} from '../../types/UserType';\nimport {formatPendingPayment} from '../util/FinanceUtils';\n\nfunction PendingPaymentsNotice() {\n const [t] = useTranslation();\n const currentLanguage = useSelector((state: {i18n: any}) => state.i18n.currentLanguage);\n const pendingPayments = useSelector((state: {user: UserType}) => state.user.pendingPayments);\n const myCurrencyFormatter = useMemo(() => currencyFormatter(currentLanguage), [currentLanguage]);\n\n if (!pendingPayments) {\n return null;\n }\n\n return (<>\n \n \n \n
\n
\n \n
\n \n
\n );\n}\n\nexport default PendingPaymentsNotice;\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {useHistory} from 'react-router';\nimport accountApi from '../../account/api/accountApi';\nimport FishAndVegetablePlatesImage from '../../assets/img/fish_and_vegetable_plates.png';\nimport Card from '../../common/component/Card';\nimport PageTitleWithWallet from '../../common/component/PageTitleWithWallet';\nimport BillIcon from '../../common/icons/BillIcon';\nimport CardIcon from '../../common/icons/CardIcon';\nimport CheckIconFilled from '../../common/icons/CheckIconFilled';\nimport HistoryIcon from '../../common/icons/HistoryIcon';\nimport PayoutIcon from '../../common/icons/PayoutIcon';\nimport WalletCreditCardIcon from '../../common/icons/WalletCreditCardIcon';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport paymentProviderIntegrationApi from '../api/paymentProviderIntegrationApi';\nimport PendingPaymentsNotice from './PendingPaymentsNotice';\nimport '../style/Finance.scss';\n\nfunction ParentFinanceOverview() {\n const [t] = useTranslation();\n const history = useHistory();\n const [isDirectDebitEnabled, setIsDirectDebitEnabled] = useState();\n const [sepaMandateActive, setSepaMandateActive] = useState(false);\n const financeConfig = useSelector((state: DefaultState) => state.financeConfig.financeConfig)\n const account = useSelector((state: DefaultState) => state.user.account);\n\n const loadSepaMandate = useCallback(() => {\n if (account) {\n paymentProviderIntegrationApi.fetchSepaMandateForAccount(account.id).then(response => {\n if (response.data.success && response.data.result) {\n setSepaMandateActive(!!response.data.result.active);\n }\n });\n }\n\n }, [account]);\n\n useEffect(() => {\n loadSepaMandate();\n }, [loadSepaMandate]);\n\n useEffect(() => {\n if (account) {\n accountApi.fetchPaymentSettings(account.id).then(response => {\n if (response.data.success) {\n setIsDirectDebitEnabled(response.data.result.isDirectDebitEnabled);\n }\n });\n }\n }, [account]);\n\n const gotoStripePayment = () => {\n history.push('/finances/one-time-payment');\n };\n\n const gotoBalanceWithdrawal = () => {\n history.push('/finances/balance-withdrawal');\n };\n\n const gotoSepaMandate = () => {\n history.push('/finances/sepa-mandate');\n };\n\n const gotoBills = () => {\n history.push('/finances/bills');\n };\n\n const gotoHistory = () => {\n history.push('/finances/transaction-history');\n };\n\n return <>\n \n {t('Finance.PENDING_PAYMENTS.CARD_HEADER')}\n
\n\n
\n {t('Finance.PENDING_PAYMENTS.INFO')}
\n- \n {\n pendingPayments.map((payment) =>
- \n {formatPendingPayment(payment, t, currentLanguage, myCurrencyFormatter)}\n )\n }\n
\n
\n\n \n \n {\n financeConfig.FINANCE_INFO_ACTIVE &&\n
\n \n
\n }\n\n \n
\n \n {\n isDirectDebitEnabled &&\n
\n \n }\n showExtraInfo={sepaMandateActive} infoText={t('Finance.RECOMMENDED')} infoIcon={
\n }\n \n }/>\n
\n \n }/>
\n \n }/>\n
\n \n }/>\n
\n \n }}/>\n }\n {\n resultParams?.redirectStatus === 'pending' &&\n t('Parent.STRIPE.PAYMENT_PENDING')\n }\n {\n (!resultParams || resultParams.redirectStatus === 'failed') &&\n <>\n
);\n}\n\nexport default PaymentConfirmationPage;\n","import React, {useCallback, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport ConfirmationDialog from '../../common/component/form/ConfirmationDialog';\nimport CheckIconFilled from '../../common/icons/CheckIconFilled';\nimport DeleteIcon from '../../common/icons/DeleteIcon';\nimport Icon from '../../common/icons/Icon';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {formatDateAndTime} from '../../common/util/DateUtil';\n\ntype Props = {\n sepaMandate: any;\n onRevokeMandate: () => void;\n}\n\nfunction SepaDirectDebitActiveMandate({sepaMandate, onRevokeMandate}: Props) {\n const [t] = useTranslation();\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const currentBalance = useSelector((state: DefaultState) => state.user.account?.balance);\n const [isConfirmationVisible, setIsConfirmationVisible] = useState(false);\n\n function confirmationDialogBody() {\n return <>\n {t('Finance.SEPA.MANDATE_SUBJECT')}:{t('Parent.STRIPE.PAYMENT_CONFIRMATION.TITLE')}
\n {\n resultParams?.redirectStatus === 'succeeded' &&\n\n {sepaMandate.payerName}
\n {sepaMandate.payerEmailAddress}
\n {t('PaymentInformation.IBAN')}: {sepaMandate.iban}
\n {t('Finance.SEPA.MANDATE_REFERENCE')}: {sepaMandate.reference}\n {\n currentBalance && currentBalance < 0 &&\n
{t('Finance.SEPA.REVOCATION_CAUSES_CANCELLATION_HINT')}
\n }\n ;\n }\n\n const handleRevocation = useCallback(() => {\n setIsConfirmationVisible(false);\n onRevokeMandate();\n }, [onRevokeMandate]);\n\n if (!sepaMandate || !sepaMandate.active) {\n return null;\n }\n\n return <>\n\n
\n\n \n
\n \n
\n \n
\n \n } className=\"text-success mt-3\"/> \n
\n \n
\n {t('Finance.SEPA.ACTIVE_MANDATE')}
\n\n {`${sepaMandate.payerName}\\n${sepaMandate.payerEmailAddress}\\n${t('PaymentInformation.IBAN')}: ${sepaMandate.iban}`}\n
\n\n\n
\n \n \n
\n {`${formatDateAndTime(sepaMandate.created, currentLanguage, true, false)}, ${sepaMandate.reference}`}
\n\n \n
\n \n \n
\n ;\n}\n\nexport default SepaDirectDebitMandateForm;\n","import {Elements} from '@stripe/react-stripe-js';\nimport {loadStripe} from '@stripe/stripe-js/pure';\nimport React, {useCallback, useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport BackTo from '../../common/component/BackTo';\nimport TextOutput from '../../common/component/TextOutput';\nimport CardIcon from '../../common/icons/CardIcon';\nimport ChevronLeftIcon from '../../common/icons/ChevronLeftIcon';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {showError, showMessage} from '../../message/action/messageActions';\nimport paymentProviderIntegrationApi from '../api/paymentProviderIntegrationApi';\nimport '../style/SepaDirectDebitMandate.scss';\nimport SepaDirectDebitActiveMandate from './SepaDirectDebitActiveMandate';\nimport SepaDirectDebitMandateForm from './SepaDirectDebitMandateForm';\n\nloadStripe.setLoadParameters({advancedFraudSignals: false});\n\nconst initialSepaMandate =\n {\n payerName: '',\n payerEmailAddress: '',\n reference: '',\n created: new Date(),\n active: false\n };\n\nfunction SepaDirectDebitMandate() {\n\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const stripePromise = loadStripe(process.env.REACT_APP_STRIPE_PUBLIC_KEY!);\n const account = useSelector((state: DefaultState) => state.user.account);\n const [isFormVisible, setFormVisible] = useState(false);\n const [sepaMandate, setSepaMandate] = useState(initialSepaMandate);\n\n const credits = ['20 €', '40 €', '60 €', '80 €'];\n const directDebitsAmounts = ['80 €', '150 €', '200 €', '200 €'];\n const headers = [t('Finance.AMOUNT_SIMPLE'), t('Finance.CREDIT_LESS_THAN'), t('Finance.DIRECT_DEBIT_AMOUNT')];\n\n function getAmountText(amount: number) {\n if (amount === 1) {\n return `${amount} ${t('Finance.CHILD')}`;\n } else if (amount === 4) {\n return `${amount} ${t('Finance.AND_MORE')}`;\n } else {\n return `${amount} ${t('Finance.CHILDREN')}`;\n }\n }\n\n const loadSepaMandateById = useCallback((setupIntentId: string) => {\n paymentProviderIntegrationApi.fetchSepaMandate(setupIntentId).then(response => {\n if (response.data.success && response.data.result) {\n setSepaMandate(response.data.result);\n setFormVisible(false);\n }\n });\n }, []);\n\n useEffect(() => {\n if (account) {\n paymentProviderIntegrationApi.fetchSepaMandateForAccount(account.id).then(response => {\n if (response.data.success && response.data.result) {\n setSepaMandate(response.data.result);\n setFormVisible(false);\n }\n });\n }\n }, [account]);\n\n const revokeMandate = useCallback(() => {\n paymentProviderIntegrationApi.revokeSepaMandate(account!.id).then((response) => {\n if (response.data.success) {\n dispatch(showMessage('Finance.SEPA.DELETE_SUCCESS'));\n } else {\n dispatch(showError('Error.GENERAL'));\n }\n setSepaMandate(initialSepaMandate);\n });\n }, [account, dispatch]);\n\n return (\n {`${catererCompanyName}\\n${catererDetails}`}
\n\n \n{creditorIdentifier}
\n\n \n\n
\n );\n}\n\nexport default SepaDirectDebitMandate;\n","import React, {useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport SlideDownCard from '../../common/component/SlideDownCard';\n\ntype DirectDebitDisabledNoticeProps = {\n title?: string;\n}\n\nfunction DirectDebitDisabledNotice({title}: DirectDebitDisabledNoticeProps) {\n const [t] = useTranslation();\n const [isClosed, setIsClosed] = useState(false);\n\n function renderNoticeBody() {\n return \n {\n isFormVisible ?\n \n }\n \n
\n\n
\n setFormVisible(false)}>\n
\n :\n \n
\n\n \n
\n \n
\n \n\n {\n isFormVisible ?\n \n \n :\n
\n \n {\n !sepaMandate.active &&\n {t('Finance.RECOMMENDED')}\n }\n \n
\n }\n {t('Finance.AUTOMATIC_TOP_UP')}
\n\n \n \n
\n
\n\n {\n !sepaMandate.active &&\n | \n {header} | ;\n })\n }\n||
|---|---|---|
| {\n [...Array(4)].map((item, index) =>\n {getAmountText(index + 1)})\n } | \n{\n credits.map((credit) => {\n return {credit};\n })\n } | \n{\n directDebitsAmounts.map((debitAmount, index) => {\n return {debitAmount};\n })\n } | \n
\n \n
\n }\n {t('Finance.DIRECT_DEBIT_DISABLED')}
;\n }\n\n if (!title) {\n return (<>\n {renderNoticeBody()}\n );\n } else {\n return (\n \n {renderNoticeBody()}\n \n
);\n }\n}\n\nexport default DirectDebitDisabledNotice;\n","import {PaymentElement, useElements, useStripe} from '@stripe/react-stripe-js';\nimport React, {useCallback, useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch} from 'react-redux';\nimport {HIDE_LOADER, SHOW_LOADER} from '../../common/action/LoaderAction';\nimport '../style/StripePayment.scss';\nimport CheckIcon from '../../common/icons/CheckIcon';\nimport CloseIcon from '../../common/icons/CloseIcon';\nimport {PAYMENT_METHOD_TYPES} from '../util/StripePaymentMethods';\n\nfunction StripePayment({onPaymentSent, onCancel}) {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const stripe = useStripe();\n const elements = useElements();\n const [isDataComplete, setIsDataComplete] = useState(false);\n const [paymentError, setPaymentError] = useState();\n const BILLING_DETAILS_COUNTRY = 'DE';\n\n const PAYMENT_ELEMENT_OPTIONS = {\n classes: {invalid: 'form-control.is-invalid border-danger'},\n // https://stripe.com/docs/api/payment_methods/object -> type\n paymentMethodOrder: PAYMENT_METHOD_TYPES\n };\n\n useEffect(() => {\n if (elements) {\n const paymentElement = elements.getElement(PaymentElement);\n paymentElement.on('change', event => {\n setPaymentError(null);\n setIsDataComplete(event.complete);\n });\n }\n }, [elements]);\n\n const submitPayment = useCallback((event) => {\n // We don't want to let default form submission happen here, which would refresh the page.\n event.preventDefault();\n\n if (!stripe || !elements) {\n // Stripe.js has not yet loaded.\n return;\n }\n\n // Show the loader until the confirmCardPayment request in submitPayment is finished. (That request does not use our http client, thus the loader is triggered manually.)\n dispatch({type: SHOW_LOADER});\n stripe.confirmPayment({\n elements,\n redirect: 'if_required',\n confirmParams: {\n return_url: `${window.location.origin}/payment-confirmation`,\n payment_method_data: {\n // Must be supplied because this field is set to 'never' in PAYMENT_ELEMENT_OPTIONS:\n billing_details: {address: {country: BILLING_DETAILS_COUNTRY}}\n }\n }\n }).then(result => {\n if (result.error) {\n setPaymentError(result.error);\n } else {\n onPaymentSent();\n }\n }).catch(error => {\n setPaymentError(error);\n }).finally(() => {\n dispatch({type: HIDE_LOADER});\n }\n );\n }, [stripe, elements, dispatch, onPaymentSent]);\n\n return (\n \n \n
\n );\n}\n\nexport default StripePayment;\n","import React, {useCallback, useMemo, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport Card from '../../../common/component/Card';\nimport TextInput from '../../../common/component/form/TextInput';\nimport ArrowRightIcon from '../../../common/icons/ArrowRightIcon';\nimport Icon from '../../../common/icons/Icon';\nimport '../../style/StripePaymentCardNoFee.scss';\nimport {DefaultState} from '../../../common/reducer/reducers';\nimport {convertAmount, currencyFormatter} from '../../../common/util/CurrencyUtil';\nimport {callOnEnter} from '../../../common/util/FormUtil';\n\ntype StripePaymentCardNoFeeProps = {\n onDetermineErrorMessage: (amount: number) => string;\n onCreatePaymentIntent: (amount: number) => void;\n onCancel: () => void;\n setIsValid: (valid: boolean) => void;\n isValid: boolean;\n}\n\nfunction StripePaymentCardNoFee(props: StripePaymentCardNoFeeProps) {\n\n const [t] = useTranslation();\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const amountFormatter = useMemo(() => currencyFormatter(currentLanguage, 0), [currentLanguage]);\n const [showParticularAmountInput, setShowParticularAmountInput] = useState\n {\n PAYMENT_AMOUNT_OPTIONS.map(option =>
\n ;\n}\n\nexport default StripePaymentCardNoFee;\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport TextInput from '../../../common/component/form/TextInput';\nimport TextOutput from '../../../common/component/TextOutput';\nimport ArrowRightIcon from '../../../common/icons/ArrowRightIcon';\nimport Icon from '../../../common/icons/Icon';\nimport {DefaultState} from '../../../common/reducer/reducers';\nimport {convertAmount, currencyFormatter} from '../../../common/util/CurrencyUtil';\nimport {callOnEnter} from '../../../common/util/FormUtil';\nimport paymentProviderIntegrationApi from '../../api/paymentProviderIntegrationApi';\nimport '../../style/StripePaymentCardWithFee.scss';\n\ninterface StripePaymentCardWithFeeProps {\n onDetermineErrorMessage: (amount: number) => string;\n onCreatePaymentIntent: (amount: number) => void;\n onCancel: () => void;\n isValid: boolean;\n setIsValid: (valid: boolean) => void;\n}\n\nfunction StripePaymentCardWithFee({\n onDetermineErrorMessage,\n isValid,\n setIsValid,\n onCreatePaymentIntent,\n onCancel\n }: StripePaymentCardWithFeeProps) {\n\n const [t] = useTranslation();\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const [amount, setAmount] = useState\n props.onCreatePaymentIntent(option)}/>\n
)\n }\n {\n showParticularAmountInput ?\n <>\n \n {\n setParticularAmountInput(value);\n props.setIsValid(true);\n }}\n onKeyDown={event => callOnEnter(event, confirmParticularAmount)}\n required={true}\n isValid={props.isValid}\n // @ts-ignore\n errorMessage={props.onDetermineErrorMessage(convertAmount(particularAmountInput, currentLanguage))}\n />\n
\n \n
\n \n :\n <>\n \n \n \n
\n \n setShowParticularAmountInput(true)}\n />\n
\n \n \n
\n \n }\n \n
\n\n \n {\n setAmount(value);\n setIsValid(true);\n }}\n required={true}\n isValid={isValid}\n onKeyDown={event => callOnEnter(event, confirmAmount)}\n // @ts-ignore\n errorMessage={onDetermineErrorMessage(convertAmount(amount, currentLanguage))}\n />\n
\n {\n financeConfig.FINANCE_FEE_ACTIVE &&\n \n
\n }\n \n
\n \n \n \n
\n ;\n}\n\nexport default StripePaymentCardWithFee;\n","import {Elements} from '@stripe/react-stripe-js';\nimport {loadStripe} from '@stripe/stripe-js/pure';\nimport React, {FormEvent, useCallback, useEffect, useMemo, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {useHistory} from 'react-router-dom';\nimport accountApi from '../../../account/api/accountApi';\nimport BackTo from '../../../common/component/BackTo';\nimport Card from '../../../common/component/Card';\nimport CheckIcon from '../../../common/icons/CheckIcon';\nimport Icon from '../../../common/icons/Icon';\nimport InfoIcon from '../../../common/icons/InfoIcon';\nimport WalletCreditCardIcon from '../../../common/icons/WalletCreditCardIcon';\nimport {DefaultState} from '../../../common/reducer/reducers';\nimport {showMessage} from '../../../message/action/messageActions';\nimport {BankTransferInstructions} from '../../../types/finance/BankTransferInstructions';\nimport paymentProviderIntegrationApi from '../../api/paymentProviderIntegrationApi';\nimport '../../style/StripePaymentCards.scss';\nimport {\n MIN_PARENT_PAYMENT_WITH_FEE_AMOUNT,\n MIN_PARENT_PAYMENT_NO_FEE_AMOUNT,\n MAX_PARENT_PAYMENT_WITH_FEE_AMOUNT,\n MAX_PARENT_PAYMENT_NO_FEE_AMOUNT,\n MAX_BALANCE\n} from '../../util/PaymentAmountLimits';\nimport DirectDebitDisabledNotice from '../DirectDebitDisabledNotice';\nimport StripePayment from '../StripePayment';\nimport StripePaymentCardNoFee from './StripePaymentCardNoFee';\nimport StripePaymentCardWithFee from './StripePaymentCardWithFee';\n\nloadStripe.setLoadParameters({advancedFraudSignals: false});\n\nfunction StripePaymentSelection() {\n\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const history = useHistory();\n const catererId = useSelector((state: DefaultState) => state.user.login?.catererId);\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const account = useSelector((state: DefaultState) => state.user.account);\n const hasBankTransferApproval = useMemo(() => account && account.bankTransferApproval, [account]);\n const languages = useSelector((state: DefaultState) => state.i18n.languages);\n const currentLocale = languages.find(language => language.value === currentLanguage)?.locale;\n const [isDirectDebitEnabled, setIsDirectDebitEnabled] = useState(true);\n const financeConfig = useSelector((state: DefaultState) => state.financeConfig.financeConfig);\n const [bankTransferInstructions, setBankTransferInstructions] = useState\n \n {t('Credit.AMOUNT')}: \n {formatter.format(paymentAmount)}\n {t('Button.CHANGE')}\n \n {/* Without passing the client secret also as key, the Elements component won't update when the payment intent/client secret changes.\n I.e. updates of the amount field would not be applied. https://githubhot.com/repo/stripe/react-stripe-js/issues/246 */}\n \n \n
;\n }\n\n switch (feeOption) {\n case NO_FEE:\n return \n
\n );\n}\n\nexport default StripePaymentSelection;\n","export const MIN_PARENT_PAYMENT_WITH_FEE_AMOUNT = 20;\nexport const MIN_PARENT_PAYMENT_NO_FEE_AMOUNT = 80;\nexport const MAX_PARENT_PAYMENT_WITH_FEE_AMOUNT = 500;\nexport const MAX_PARENT_PAYMENT_NO_FEE_AMOUNT = 200;\nexport const MAX_BALANCE = 1000;\n","export enum CreditType {\n CREDIT = 'CREDIT',\n BALANCE_WITHDRAWAL = 'BALANCE_WITHDRAWAL',\n REVERSAL = 'REVERSAL',\n DEPOSIT_PAYMENT = 'DEPOSIT_PAYMENT',\n DEPOSIT_PAYOUT = 'DEPOSIT_PAYOUT'\n}\n","import React, {PropsWithChildren, useCallback, useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {CellProps, Column} from 'react-table';\nimport BackTo from '../../common/component/BackTo';\nimport DateInput from '../../common/component/form/DateInput';\nimport Dropdown, {DropdownOption} from '../../common/component/form/Dropdown';\nimport Price from '../../common/component/Price';\nimport SearchField from '../../common/component/SearchField';\nimport OcTable from '../../common/component/table/OcTable';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {formatDateAndTime} from '../../common/util/DateUtil';\nimport {callOnEnter} from '../../common/util/FormUtil';\nimport {CreditType} from '../../types/enums/transaction/CreditType';\nimport {TransactionTypeEnum} from '../../types/enums/transaction/TransactionTypeEnum';\nimport {TransactionType} from '../../types/TransactionType';\nimport {\n resetTransactionTypeFilter,\n searchTransactions,\n setTransactionFilter,\n updateTransactionFilter,\n updateTransactionTypeFilter\n} from '../actions/financeActions';\nimport '../style/Finance.scss';\n\nfunction TransactionHistory() {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const filter = useSelector((state: DefaultState) => state.finance.transactionFilter);\n const transactions = useSelector((state: DefaultState) => state.finance.transactions);\n const total = useSelector((state: DefaultState) => state.finance.totalTransactions);\n const children = useSelector((state: DefaultState) => state.user.account?.children);\n const inactiveChildren = useSelector((state: DefaultState) => state.user.account?.inactiveChildren);\n\n const search = useCallback(({pageIndex}) => {\n const newFilter = {\n ...filter,\n page: pageIndex ?? 0\n };\n dispatch(updateTransactionFilter('page', newFilter.page));\n dispatch(searchTransactions(newFilter));\n }, [filter, dispatch]);\n\n const updateFilter = useCallback((field, value) => {\n dispatch(updateTransactionFilter(field, value));\n }, [dispatch]);\n\n const resetFilter = useCallback(() => {\n const defaultFilter = { page: 0, pageSize: 10 };\n dispatch(setTransactionFilter(defaultFilter));\n dispatch(searchTransactions(defaultFilter));\n }, [dispatch]);\n\n const getChildName = useCallback(transaction => {\n if (TransactionTypeEnum.CREDIT === transaction.transactionType) {\n return '';\n }\n\n let child = children?.find(aChild => aChild.id === transaction.childId);\n if (!child) {\n child = inactiveChildren?.find(aChild => aChild.id === transaction.childId);\n }\n return child ? child.firstName : '';\n }, [children, inactiveChildren]);\n\n const getMenuDate = useCallback(transaction => {\n if (TransactionTypeEnum.CREDIT === transaction.transactionType) {\n return '';\n }\n\n return formatDateAndTime(transaction.mealDate, currentLanguage, true, false);\n }, [currentLanguage]);\n\n const transactionTypeOptions = useMemo\n \n
\n {\n feeOption\n ?\n \n {getCardContentWhenFeeOptionChosen()}\n \n :\n
\n }/> {t('Finance.PAYMENT_TITLE')}
\n {\n feeOption\n ?\n \n {\n (hasBankTransferApproval || financeConfig.FINANCE_ALLOW_BANK_TRANSFER_WITHOUT_APPROVAL) &&\n \n {\n bankTransferInstructions &&\n \n \n }\n {\n PAYMENT_OPTIONS.map(option => {\n if (option.id === NO_FEE) {\n if (financeConfig.FINANCE_SEPA_ACTIVE && !isDirectDebitEnabled) {\n return \n ;\n } else if (!financeConfig.FINANCE_SEPA_ACTIVE) {\n return \n {t('Finance.FINANCE_SEPA_INACTIVE')}\n ;\n }\n }\n\n return \n {\n option.descriptions.map(description =>\n ;\n })\n }\n
\n }\n \n {financeConfig.FINANCE_FALLBACK_BANK_DATA}\n
\n \n {\n description.markAsInfo ?\n } className=\"description-info-icon\"/> :\n } className=\"description-check-icon\"/>\n }\n {t(description.label)}\n
\n )\n }\n \n \n \n \n );\n}\n\nexport default Onboarding;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport CheckIcon from '../../common/icons/CheckIcon';\nimport Icon from '../../common/icons/Icon';\nimport '../style/OrderTypeSwitch.scss';\nimport OrderTypeAdvantages from './OrderTypeAdvantages';\n\nfunction OrderTypeOption({\n orderOption,\n isSelected,\n onSelect,\n isInstitution,\n catererId\n }) {\n const [t] = useTranslation();\n return (\n ) {\n const [t] = useTranslation();\n\n const account = useSelector((state: DefaultState) => state.user.account);\n\n const foodRestrictions = useMemo(() => [\n ...child.allergies\n .filter(allergy => allergy.verified)\n .map(allergy => allergy.nutritionClass)\n ], [child]);\n\n return (\n <>\n \n {t('Order.TITLE')}\n \n \n );\n}\n\nexport default ChildOrderHeader;\n","import React from 'react';\nimport '../style/Tab.scss';\n\nfunction Tabs({\n tabs,\n onSelectTab,\n activeTab\n }) {\n return (\n
\n );\n }\n )\n }\n \n );\n}\n\nexport default ChildSingleOrderWeekSelection;\n","import React, {useRef, useState} from 'react';\nimport {Overlay, Popover} from 'react-bootstrap';\n\nconst PopoverContext = React.createContext({});\n\nfunction DefaultPopover({placement, children}) {\n\n const [showPopover, setShowPopover] = useState(false);\n const [popoverTarget, setPopoverTarget] = useState(null);\n const ref = useRef(null);\n\n const togglePopover = (event) => {\n event.preventDefault();\n setShowPopover(!showPopover);\n setPopoverTarget(event.target);\n };\n\n const value = {\n showPopover,\n popoverTarget,\n togglePopover,\n setShowPopover,\n placement,\n ref\n };\n return (\n {t('Finance.TRANSACTION_HISTORY')}
\n\n\n \n );\n}\n\nexport default Imprint;\n","import React, {useEffect} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {fetchCatererTextResource} from '../../caterer/action/catererActions';\nimport {CatererTextType} from '../../caterer/enums/catererTextType';\nimport Information from '../../common/component/Information';\nimport {DefaultState} from '../../common/reducer/reducers';\n\nfunction PrivacyPolicy() {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const caterer = useSelector((state: DefaultState) => state.caterer);\n\n useEffect(() => {\n if (caterer.catererId && !caterer.privacy) {\n dispatch(fetchCatererTextResource(caterer.catererId, CatererTextType.PRIVACY));\n }\n }, [caterer.catererId, caterer.privacy, dispatch]);\n\n return (\n \n );\n}\n\nexport default PrivacyPolicy;\n","import React, {useEffect} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {fetchCatererTextResource} from '../../caterer/action/catererActions';\nimport {CatererTextType} from '../../caterer/enums/catererTextType';\nimport Information from '../../common/component/Information';\nimport {DefaultState} from '../../common/reducer/reducers';\n\nfunction TermsAndConditions() {\n\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const caterer = useSelector((state: DefaultState) => state.caterer);\n\n useEffect(() => {\n if (caterer.catererId && !caterer.termsCondition) {\n dispatch(fetchCatererTextResource(caterer.catererId, CatererTextType.TERMS_CONDITION));\n }\n }, [caterer.catererId, caterer.termsCondition, dispatch]);\n\n return (\n \n );\n}\n\nexport default TermsAndConditions;\n","import React, {useEffect, useRef, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {useTranslation} from 'react-i18next';\nimport {SHOW_MESSAGE_SECONDS} from '../action/messageActions';\nimport '../style/Messages.scss';\n\nexport default function Messages() {\n const messages = useSelector(state => state.message.messages);\n const [visibleMessages, setVisibleMessages] = useState([]);\n const visibleMessagesRef = useRef(visibleMessages);\n visibleMessagesRef.current = visibleMessages;\n const [timers, setTimers] = useState({});\n\n const [t] = useTranslation();\n\n useEffect(() => {\n return () => {\n // Cancel timers on unmount\n cancelTimers();\n };\n }, []);\n\n useEffect(() => {\n let updatedTimers = {...timers};\n const updatedMessages = messages.filter(message => message.created >= (new Date()).getTime() - 1000 * SHOW_MESSAGE_SECONDS);\n\n // Create timers for all new messages\n for (const message of updatedMessages) {\n if (!updatedTimers[message.created + message.label]) {\n updatedTimers[message.created + message.label] = setTimeout(() => hideMessage(message),\n SHOW_MESSAGE_SECONDS * 1000);\n }\n }\n\n setTimers(updatedTimers);\n sortMessages(updatedMessages);\n setVisibleMessages(updatedMessages);\n }, [messages]);\n\n const cancelTimers = () => {\n for (const timer of Object.values(timers)) {\n if (timer) {\n clearTimeout(timer);\n }\n }\n };\n\n const hideMessage = (message) => {\n const updatedMessages = visibleMessagesRef.current.filter(updatedMessage =>\n !(updatedMessage.created === message.created && updatedMessage.label === message.label));\n setVisibleMessages(updatedMessages);\n };\n\n const sortMessages = (unsortedMessages) => {\n unsortedMessages.sort((message1, message2) => {\n if (!message1) {\n return -1;\n }\n if (!message2) {\n return 1;\n }\n if (message1.created === message2.created) {\n return 0;\n }\n return message1.created > message2.created ? 1 : -1;\n });\n };\n\n if (!visibleMessages || !visibleMessages.length) {\n return null;\n }\n\n return (\n
\n );\n}\n","import React from 'react';\nimport ChildEdit from '../../child/component/ChildEdit';\n\nfunction Onboarding() {\n return (\n \n updateFilter('name', searchTerm)}\n searchTerm={filter.name}\n onKeyPress={(event) => callOnEnter(event, () => search({pageIndex: 0}))}\n />\n
\n \n
\n \n
\n );\n}\n\nexport default TransactionHistory;\n","import React from 'react';\n\nfunction Information({\n header,\n content\n }) {\n\n return (\n \n
\n \n {t('Finance.BOOKING_DATE')}\n
\n \n
\n \n updateFilter('bookingDateFrom', value)}\n maxDate={new Date()}\n />\n
\n \n updateFilter('bookingDateTo', value)}\n maxDate={new Date()}\n />\n
\n \n {\n (!filter.transactionType || filter.transactionType === TransactionTypeEnum.DEBIT) &&\n
\n\n \n {t('Finance.MENU_DATE')}\n
\n }\n \n
\n \n updateFilter('mealDateFrom', value)}\n />\n
\n \n updateFilter('mealDateTo', value)}\n />\n
\n \n \n \n
\n\n \n
\n );\n}\n\nexport default Information;\n","import {useEffect} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {fetchCatererTextResource} from '../../caterer/action/catererActions';\nimport {CatererTextType} from '../../caterer/enums/catererTextType';\nimport Information from '../../common/component/Information';\nimport {DefaultState} from '../../common/reducer/reducers';\n\nfunction Imprint() {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const caterer = useSelector((state: DefaultState) => state.caterer);\n\n useEffect(() => {\n if (caterer.catererId && !caterer.imprint) {\n dispatch(fetchCatererTextResource(caterer.catererId, CatererTextType.IMPRINT));\n }\n }, [caterer.catererId, caterer.imprint, dispatch]);\n\n return (\n {header}
\n \n\n {\n visibleMessages.map((message, index) =>\n \n {t(message.label, message.labelParameters)}\n
\n )\n }\n \n
\n );\n}\n\nexport default OrderTypeOption;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport OrderOption from '../../common/enums/OrderOption';\nimport '../style/OrderTypeSwitch.scss';\nimport OrderTypeOption from './OrderTypeOption';\n\nfunction OrderTypeSwitch({\n selectedOption,\n onSelectOption,\n isInstitution = false,\n catererId\n }) {\n const [t] = useTranslation();\n return (\n \n
\n \n
\n \n
\n \n {t(`OrderOption.${orderOption}`)}\n\n
\n {\n isSelected &&\n \n }/>\n
\n }\n \n \n
\n \n onSelectOption(OrderOption.SUBSCRIPTION)}\n isInstitution={isInstitution}\n catererId={catererId}\n />\n\n onSelectOption(OrderOption.SINGLE)}\n isInstitution={isInstitution}\n catererId={catererId}\n />\n
\n );\n}\n\nexport default OrderTypeSwitch;\n","import React, {useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {Link} from 'react-router-dom';\nimport Diet from '../../../common/component/Diet';\nimport PageTitleWithWallet from '../../../common/component/PageTitleWithWallet';\nimport {DefaultState} from '../../../common/reducer/reducers';\nimport {Child} from '../../../types/child/Child';\nimport Deadlines from '../Deadlines';\n\ntype Props = {\n child: Child\n}\n\nfunction ChildOrderHeader({child} : Readonly\n {t('OrderOption.OR')}\n
\n\n \n {t('Order.FOR')} {child.firstName}\n
\n \n }\n balance={account?.balance}\n displayBig={true}\n pricePositionOffset=\"-60px\"\n />\n \n \n
\n \n \n ← {t('Order.GO_BACK_TO_OVERVIEW')}\n \n
\n- \n {\n tabs && tabs.map((tab, index) =>\n
- \n {\n e.preventDefault();\n onSelectTab(tab);\n }}\n href=\"#\">{tab.label}\n \n )\n }\n
\n {\n days[currentLanguage].map((day, index) => {\n const selectedDayClass = withoutTime(selectedDay).getTime() - withoutTime(addDays(startDate, index)).getTime() === 0 ? 'day-selected' : '';\n return (\n setSelectedDay(addDays(startDate, index))}>\n {day}\n {addDays(startDate, index).getDate()}
\n {addDays(startDate, index).toLocaleDateString(currentLanguage, {month: 'short'})}\n \n
\n\n );\n}\n\nexport default OrderOrUpdateMealWithLimit;\n\n\n","import moment from 'moment';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport ReactTooltip from 'react-tooltip';\nimport {isWelfareActiveForDate, isWelfareInProgressForDate} from '../../../child/util/ChildUtils';\nimport Menu from '../../../common/component/meal/Menu';\nimport DefaultPopover from '../../../common/component/popover/DefaultPopover';\nimport Price from '../../../common/component/Price';\nimport CheckIconFilled from '../../../common/icons/CheckIconFilled';\nimport DeleteIcon from '../../../common/icons/DeleteIcon';\nimport Icon from '../../../common/icons/Icon';\nimport PlusIcon from '../../../common/icons/PlusIcon';\nimport '../../../common/style/Meal.scss';\nimport {formatDate} from '../../../common/util/DateUtil';\nimport '../../style/OrderableMeal.scss';\nimport {getClosingDayText} from '../../util/OrderMenuUtil';\nimport NotOrderableReason from './NotOrderableReason';\nimport OrderOrUpdateMealWithLimit from './OrderOrUpdateMealWithLimit';\n\nfunction OrderableChildMeal({\n meals,\n showDate,\n menu,\n menuGroup,\n onAdd,\n onUpdate,\n onRemove,\n childWelfare\n }) {\n const [t] = useTranslation();\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n const ref = useRef(null);\n const isInVerifiedWelfare = useMemo(() => isWelfareActiveForDate(childWelfare, menu.date), [childWelfare, menu.date]);\n const isWelfareInProgress = useMemo(() => isWelfareInProgressForDate(childWelfare, menu.date), [childWelfare, menu.date]);\n\n useEffect(() => {\n ReactTooltip.rebuild();\n }, [menu, meals]);\n\n if ((menuGroup.deactivationDate && new Date(menuGroup.deactivationDate) <= new Date(menu.date)) ||\n menu?.empty ||\n !menu ||\n !menu.meals ||\n !menu.meals.length || menu.locked) {\n return (\n\n \n {\n (!readOnly && !(order && !editMode)) &&\n } className={`col-3 text-right ${canDeleteMeal() ? '' : 'disabled'}`}\n onClick={handleClickMinus}/>\n }\n } className={`col-3 text-right ${canOrderMeal() ? '' : 'disabled'}`}\n onClick={handleClickPlus}/>\n }\n
\n {\n !order && menu.orderable ?\n \n :\n (order && order.cancelable || menu.orderable) && (editMode ?\n :\n )\n }\n {\n readOnly && {readOnly && !menu.orderedAmount ? '' : mealAmount}{!editMode && order &&\n x {t('Order.ORDERED')}}
\n {\n (!readOnly && !(order && !editMode)) &&\n {t('Meal.NOT_CHANGEABLE')}
\n }\n\n \n
\n \n );\n }\n\n const order = menu.order;\n\n let allergens = [];\n menu.meals.filter(m => !!m.allergens)\n .map(m => allergens = allergens.concat(m.allergens));\n\n function getShowNotChangeable() {\n if (order) {\n if (!order.cancelable) {\n return true;\n }\n } else {\n if (!menu.orderable) {\n return true;\n }\n }\n return false;\n }\n\n return (\n \n {\n showDate &&\n
\n {formatDate(currentLanguage, menu.date, true)}
\n }\n \n
\n \n {\n moment(menu.date).isBefore(moment.now())\n ?
\n {menuGroup.name}
\n : <>{menuGroup.name}\n }\n \n {getClosingDayText(menu, t)}
\n \n
\n );\n}\n\nexport default OrderableChildMeal;\n","import React, {useState} from 'react';\nimport Icon from '../../../common/icons/Icon';\nimport LeftIcon from '../../../common/icons/LeftIcon';\nimport RightIcon from '../../../common/icons/RightIcon';\nimport {addDays, isDateEqual} from '../../../common/util/DateUtil';\nimport '../../style/SingleOrderMobile.scss';\nimport ChildSingleOrderWeekSelection from './ChildSingleOrderWeekSelection';\nimport OrderableChildMeal from './OrderableChildMeal';\n\nfunction ChildSingleOrderMobile({\n menuGroups,\n nonOrderableMenuGroups,\n tabs,\n activeTab,\n setActiveTab,\n startDate,\n meals,\n onAdd,\n onUpdate,\n onRemove,\n childWelfare\n }) {\n\n const [selectedDay, setSelectedDay] = useState(new Date());\n\n return (\n \n {\n showDate &&\n
\n {formatDate(currentLanguage, menu.date, true)}
\n }\n \n
\n \n {\n order &&\n }\n title={t('Order.EXISTS')}\n className=\"float-right text-success\"\n />\n }\n {\n moment(menu.date).isBefore(moment.now())\n ?
\n {\n menu.meals && menu.meals.length &&\n {menuGroup.name}
\n : <>{menuGroup.name}\n }\n \n
\n }\n \n
\n \n
\n {\n !menu.orderable && !order &&\n \n {\n !!allergens.length &&\n \n \n {t('Meal.ALLERGENS')}\n \n \n {allergens.map(a => a.name).join(', ')}\n \n \n }\n
\n\n {\n menu.orderable && menu.price &&\n \n {isInVerifiedWelfare ? {t('But.SUBSIDIZED')} :
\n }\n {t('MealPlan.NO_MEAL_ORDERED')}
\n }\n \n {\n menu.menuLimit > 1 && !isInVerifiedWelfare && !isWelfareInProgress ?\n onRemove(menu)}\n notChangeable={getShowNotChangeable()}\n /> :\n <>\n {\n !order && menu.orderable &&\n \n }\n {\n !order && !menu.orderable && menu.notOrderableReason === NotOrderableReason.PARALLEL_MENU_GROUP_LIMIT &&\n \n }\n {\n order && order.cancelable &&\n \n }\n {\n order && !order.cancelable &&\n
\n {t('MealPlan.CANCEL_DEADLINE_EXCEEDED')}
\n }\n {\n !order && !menu.orderable && menu.notOrderableReason === NotOrderableReason.DEADLINE &&\n {t('MealPlan.ORDER_DEADLINE_EXCEEDED')}
\n }\n \n }\n \n
\n );\n}\n\nexport default ChildSingleOrderMobile;\n","import React, {useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport ReactTooltip from 'react-tooltip';\nimport {isWelfareActiveForDate, isWelfareInProgressForDate} from '../../../child/util/ChildUtils';\nimport {unmarkChanges} from '../../../common/action/pageLeaveActions';\nimport CardArrow from '../../../common/component/CardArrow';\nimport ConfirmationDialog from '../../../common/component/form/ConfirmationDialog';\nimport PageLeaveGuard from '../../../common/component/PageLeaveGuard';\nimport Tabs from '../../../common/component/Tabs';\nimport {isCatererBusinessDay} from '../../../common/util/CatererBusinessDaysUtil';\nimport {addDays, DAY_IN_MILLISECONDS, getDateRangeAsArray, getMondayForDate} from '../../../common/util/DateUtil';\nimport mealPlanApi from '../../api/mealPlanApi';\nimport '../../style/SingleOrder.scss';\nimport ChildSingleOrderMobile from './ChildSingleOrderMobile';\nimport OrderableChildMeal from './OrderableChildMeal';\n\nfunction ChildSingleOrder({\n child,\n meals,\n onUpdateMeals,\n menuGroups,\n loadMeals\n }) {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const catererBusinessDays = useSelector(state => state.caterer.timeManagementChild?.businessDays);\n const hasChanges = useSelector(state => state.pageLeave.hasUnsavedChanges);\n const [menuToBeRemoved, setMenuToBeRemoved] = useState(false);\n const [activeTab, setActiveTab] = useState({\n id: 0,\n label: t('OrderTab.WEEK_ONE')\n });\n\n const SingleOrderTabs = [{\n id: 0,\n label: t('OrderTab.WEEK_ONE')\n }, {\n id: 1,\n label: t('OrderTab.WEEK_TWO')\n }, {\n id: 2,\n label: t('OrderTab.WEEK_THREE')\n }];\n\n function addOrUpdateMeal(menu) {\n const mealsCopy = JSON.parse(JSON.stringify(meals));\n\n for (const mealCopy of mealsCopy) {\n if (mealCopy.mealDate === menu.date) {\n mealPlanApi.createOrUpdateMeal({\n id: menu.order ? menu.order.id : null,\n childId: child.id,\n menuId: menu.id,\n transactionType: 'DEBIT',\n amount: menu.amount\n }\n ).then((orderResponse) => {\n if (orderResponse.data.success) {\n if (isWelfareActiveForDate(child.childWelfare, menu.date) || isWelfareInProgressForDate(child.childWelfare, menu.date)) {\n /* Reload all menus for menu.date.\n * (With active welfare or welfare task in progress you can only order one menu per day so the orderable flag changes for all menus of that day.) */\n mealPlanApi.findByTimespanAndChildId(menu.date, menu.date, child.id).then((findResponse) => {\n if (findResponse.data.success && findResponse.data.result?.length > 0) {\n mealCopy.menus = findResponse.data.result[0].menus;\n }\n\n onUpdateMeals(mealsCopy);\n });\n } else {\n // No need for an extra call to the backend\n for (const menuCopy of mealCopy.menus) {\n if (menuCopy.menuGroupId === menu.menuGroupId) {\n menuCopy.order = orderResponse.data.result;\n menuCopy.orderedAmount = menu.amount;\n }\n }\n onUpdateMeals(mealsCopy);\n }\n } else {\n loadMeals();\n dispatch(unmarkChanges());\n }\n });\n break;\n }\n }\n ReactTooltip.rebuild();\n }\n\n function removeMeal() {\n const mealsCopy = JSON.parse(JSON.stringify(meals));\n\n for (const mealCopy of mealsCopy) {\n if (mealCopy.mealDate === menuToBeRemoved.date) {\n mealPlanApi.removeMeal(mealCopy.menus.find(menu => menu.id === menuToBeRemoved.id).order.id).then((removeResponse) => {\n if (removeResponse.data.success) {\n /* Reload of the meal plan is necessary: the orderable flag may change.\n * (The flag is false if the order limit is reached and will change to true because of this removal.) */\n mealPlanApi.findByTimespanAndChildId(menuToBeRemoved.date, menuToBeRemoved.date, child.id).then((findResponse) => {\n if (findResponse.data.success && findResponse.data.result?.length > 0) {\n mealCopy.menus = findResponse.data.result[0].menus;\n }\n onUpdateMeals(mealsCopy);\n });\n }\n });\n break;\n }\n }\n }\n\n const monday = getMondayForDate(new Date());\n const startDate = addDays(monday, (activeTab.id) * 7);\n const endDate = addDays(monday, (activeTab.id + 1) * 7 - 1);\n const dates = getDateRangeAsArray(startDate, endDate);\n const mealsGroupedByMenuGroupAndDate = [...menuGroups];\n for (const menuGroup of mealsGroupedByMenuGroupAndDate) {\n menuGroup.menus = [];\n for (const date of dates) {\n if (!catererBusinessDays || !isCatererBusinessDay(date, catererBusinessDays))\n {\n continue;\n }\n\n const mealPlan = meals.find(mealPlanElement => mealPlanElement.mealDate === date);\n if (mealPlan) {\n const menu = mealPlan.menus.find(menuElement => menuElement.menuGroupId === menuGroup.id);\n\n if (menu) {\n menu.locked = mealPlan.locked;\n menu.menuLimit = mealPlan.menuLimit;\n menu.closingDayFromCaterer = mealPlan.closingDayFromCaterer;\n menu.closingDayFromInstitution = mealPlan.closingDayFromInstitution;\n menu.closingDayFromGroup = mealPlan.closingDayFromGroup;\n menuGroup.menus.push(menu);\n } else {\n menuGroup.menus.push({\n empty: true,\n locked: mealPlan.locked,\n menuLimit: mealPlan.menuLimit,\n closingDayFromCaterer: mealPlan.closingDayFromCaterer,\n closingDayFromInstitution: mealPlan.closingDayFromInstitution,\n closingDayFromGroup: mealPlan.closingDayFromGroup,\n date\n });\n }\n } else {\n menuGroup.menus.push({\n empty: true,\n date\n });\n }\n }\n }\n\n // Handle menu groups for which no orders can be placed (any more) but orders are present: First, determine which menu groups are to add:\n const nonOrderableMenuGroups = [];\n for (const mealPlanElement of meals) {\n for (const menu of mealPlanElement.menus) {\n if (menu.order?.amount > 0) {\n const menuGroupAlreadyPresent = mealsGroupedByMenuGroupAndDate.findIndex(el => el.id === menu.menuGroupId) >= 0;\n if (!menuGroupAlreadyPresent && nonOrderableMenuGroups.findIndex(mg => mg.id === menu.menuGroupId) < 0) {\n nonOrderableMenuGroups.push({...menu.menuGroup});\n }\n }\n }\n }\n\n // Then, fill each day of the additional menu groups (either with the order or with an empty placeholder):\n for (const nonOrderableMenuGroup of nonOrderableMenuGroups) {\n nonOrderableMenuGroup.menus = [];\n for (const date of dates) {\n if (!catererBusinessDays || !isCatererBusinessDay(date, catererBusinessDays))\n {\n continue;\n }\n\n const mealPlan = meals.find(mealPlanElement => mealPlanElement.mealDate === date);\n if (mealPlan) {\n const menu = mealPlan.menus.find(menuElement => menuElement.menuGroupId === nonOrderableMenuGroup.id);\n\n if (menu?.order?.amount > 0) {\n menu.orderable = false;\n menu.menuLimit = 1;\n nonOrderableMenuGroup.menus.push(menu);\n } else {\n nonOrderableMenuGroup.menus.push({\n date,\n empty: true,\n locked: mealPlan.locked,\n closingDayFromCaterer: mealPlan.closingDayFromCaterer,\n closingDayFromInstitution: mealPlan.closingDayFromInstitution,\n closingDayFromGroup: mealPlan.closingDayFromGroup,\n });\n }\n } else {\n nonOrderableMenuGroup.menus.push({\n date,\n empty: true\n });\n }\n }\n }\n\n nonOrderableMenuGroups.forEach(el => {\n mealsGroupedByMenuGroupAndDate.push(el);\n });\n\n return (\n <>\n \n onAdd({\n ...menu,\n amount\n })}\n onUpdate={onUpdate}\n onRemove={() => onRemove(menu)}\n childWelfare={childWelfare}\n />;\n }\n );\n }\n )\n }\n {\n nonOrderableMenuGroups?.map(menuGroup => {\n return meals.filter(meal => isDateEqual(meal.mealDate, selectedDay)).map(meal => {\n let menu = meal.menus.find(menu => menu.menuGroupId === menuGroup.id);\n if (menu?.order?.amount > 0) {\n menu.orderable = false;\n menu.menuLimit = 1;\n } else {\n menu = {\n empty: true,\n date: selectedDay,\n locked: meal.locked,\n closingDayFromCaterer: meal.closingDayFromCaterer,\n closingDayFromInstitution: meal.closingDayFromInstitution,\n closingDayFromGroup: meal.closingDayFromGroup\n };\n }\n\n return onRemove(menu)}\n childWelfare={childWelfare}\n />;\n })\n })\n }\n
\n \n {\n activeTab.id !== 0 && }\n className=\"icon-primary\"\n onClick={() => {\n setActiveTab(tabs[activeTab.id - 1]);\n setSelectedDay(addDays(startDate, -7));\n }}\n />\n }\n
\n\n \n {activeTab.label}\n
\n\n {\n activeTab.id !== 2 && \n }\n className=\"icon-primary\"\n onClick={() => {\n setActiveTab(tabs[activeTab.id + 1]);\n setSelectedDay(addDays(startDate, 7));\n }}\n />\n
\n }\n \n
\n\n \n setActiveTab(tab)}\n activeTab={activeTab}\n />\n
\n \n
\n \n
\n \n
\n \n {t('OrderOption.SINGLE')}\n
\n \n {\n mealsGroupedByMenuGroupAndDate && mealsGroupedByMenuGroupAndDate.map((menuGroup, menuGroupIndex) => {\n return menuGroup.menus &&\n
\n \n {\n menuGroup.menus.map((menu, menuIndex) =>\n addOrUpdateMeal({\n ...menu,\n amount\n })}\n onUpdate={addOrUpdateMeal}\n onRemove={() => setMenuToBeRemoved(menu)}\n />\n )\n }\n
;\n })\n }\n \n handleSubscriptionChange('startDate', value)}\n handleEndDateChanged={value => handleSubscriptionChange('endDate', value)}\n handlePauseStartDateChanged={value => handleSubscriptionChange('pauseStartDate', value)}\n handlePauseEndDateChanged={value => handleSubscriptionChange('pauseEndDate', value)}\n handleRemovePause={handleRemovePause}\n isStartDateValid={validation.startDate}\n isEndDateValid={validation.endDate}\n isPauseStartDateValid={validation.pauseStartDate}\n isPauseEndDateValid={validation.pauseEndDate}\n />\n
\n \n
\n {\n menuGroupOptions.length > 0 &&\n {t('Subscription.WEEKDAYS')}
\n\n
\n \n handleSubscriptionChange('menuGroupId', value.value)}\n />\n }\n\n
\n }\n\n {'Menülinie:'}
\n {\n menuGroupOptions.length === 1 ?\n <>{menuGroupOptions[0].label} :\n\n
\n }\n \n
\n \n {\n isEditMode &&\n
\n \n );\n}\n\nexport default ChildSubscription;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {useHistory, useRouteMatch} from 'react-router-dom';\nimport OrderOption from '../../../common/enums/OrderOption';\nimport {DAY_IN_MILLISECONDS, getCurrentMonday} from '../../../common/util/DateUtil';\nimport mealPlanManagementApi from '../../../mealplan/api/mealPlanManagementApi';\nimport {reloadBalance} from '../../../user/action/userActions';\nimport mealPlanApi from '../../api/mealPlanApi';\nimport subscriptionApi from '../../api/subscriptionApi';\nimport OrderTypeSwitch from '../OrderTypeSwitch';\nimport ChildOrderHeader from './ChildOrderHeader';\nimport ChildSingleOrder from './ChildSingleOrder';\nimport ChildSubscription from './ChildSubscription';\n\nfunction ChildOrder() {\n const history = useHistory();\n const match = useRouteMatch();\n const dispatch = useDispatch();\n const [t] = useTranslation();\n\n const childId = match && match.params ? parseInt(match.params.childId) : null;\n const children = useSelector(state => state.user.account.children);\n const child = children.find(c => c.id === childId);\n\n const now = new Date();\n const threeWeeksFromNow = new Date(now.getTime() + 20 * DAY_IN_MILLISECONDS);\n\n const [selectedOrderOption, setSelectedOrderOption] = useState(OrderOption.SUBSCRIPTION);\n\n const [meals, setMeals] = useState([]);\n const [subscription, setSubscription] = useState(null);\n const [childMenuGroups, setChildMenuGroups] = useState([]);\n\n const [finishedLoading, setFinishedLoading] = useState(false);\n const [isEditMode, setIsEditMode] = useState(false);\n\n useEffect(() => {\n loadSubscription();\n loadChildMenuGroups();\n dispatch(reloadBalance());\n }, []);\n\n useEffect(() => {\n loadMeals();\n }, [subscription]);\n\n if (!children || !children.length) {\n history.goBack();\n return null;\n }\n\n if (!child) {\n history.goBack();\n return null;\n }\n\n function loadChildMenuGroups() {\n mealPlanManagementApi.fetchMenuGroupsForChild(childId).then(res => {\n if (res.data.success) {\n setChildMenuGroups(res.data.result);\n }\n });\n }\n\n function loadSubscription() {\n subscriptionApi.findByChildId(child.id).then(response => {\n if (response.data.success) {\n setSubscription(response.data.result);\n }\n });\n }\n\n function loadMeals() {\n mealPlanApi.findByTimespanAndChildId(getCurrentMonday().toISOString().slice(0, 10),\n threeWeeksFromNow.toISOString().slice(0, 10), child.id).then(response => {\n if (response.data.success) {\n const loadedMeals = response.data.result;\n setMeals(loadedMeals);\n setFinishedLoading(true);\n\n if (!isEditMode && (\n subscription ||\n loadedMeals && !!loadedMeals.length &&\n loadedMeals.some(meal => meal.menus.some(menu => !!menu.order)))) {\n // User has ordered something before\n setIsEditMode(true);\n }\n }\n });\n }\n\n function handleMealsChange(updatedMeals) {\n setMeals(updatedMeals);\n dispatch(reloadBalance());\n }\n\n function handleSubscriptionUpdate(updatedSubscription) {\n if (isEditMode) {\n dispatch(reloadBalance());\n setSubscription(updatedSubscription);\n } else {\n history.push('/');\n }\n }\n\n if (!finishedLoading) {\n return null;\n }\n\n if (child && child.group && child.group.institutionPlacesOrders) {\n return <>\n \n {t(subscription ? 'Subscription.EDIT' : 'Subscription.ADD')}\n
\n }\n \n {\n isEditMode && !subscription && showInfo ?\n setShowInfo(false)} catererId={child.group.catererId} isInstitution={false}/>\n :\n currentSubscription?.startDate &&\n
\n \n {t('Child.INSTITUTION_PLACES_ORDERS')}\n
\n ;\n }\n\n const subscriptionMenuGroups = childMenuGroups.filter(menuGroup => menuGroup.deactivationDate === null);\n\n return (\n \n \n {\n !isEditMode &&\n setSelectedOrderOption(orderOption)}\n catererId={child.group.catererId}\n />\n }\n {\n ((selectedOrderOption === OrderOption.SUBSCRIPTION || isEditMode) && !subscription && childMenuGroups) &&\n \n }\n {\n (selectedOrderOption === OrderOption.SINGLE || isEditMode) &&\n \n }\n
\n );\n}\n\nexport default ChildOrder;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\n\nexport default function Goodbye() {\n const [t] = useTranslation();\n\n return (\n \n {t('Order.DISCLAIMER')}\n
\n \n
\n );\n}\n","import React, {ReactElement, useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Link, Redirect, useHistory, useLocation} from 'react-router-dom';\nimport defaultWelcomeImage from '../../assets/img/welcome.png';\nimport supportWelcomeImage from '../../assets/img/welcome-support.png';\nimport publicCatererApi from '../../caterer/api/publicCatererApi';\nimport {CatererBinaryType} from '../../caterer/enums/catererBinaryType';\nimport TextInput from '../../common/component/form/TextInput';\nimport ErrorCode from '../../common/enums/ErrorCode';\nimport Gabel1DomainType from '../../common/enums/Gabel1DomainType';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {getFileExtension} from '../../common/util/FileUtil';\nimport {showMessage} from '../../message/action/messageActions';\nimport {CatererNews} from '../../types/caterer/CatererNewsType';\nimport {login} from '../action/userActions';\nimport loginApi from '../api/loginApi';\nimport '../style/Login.scss';\n\ninterface LoginValidation {\n email: boolean,\n password: boolean\n}\n\nfunction Login() {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n const history = useHistory();\n const location = useLocation();\n const query = new URLSearchParams(location.search);\n\n const domainType = useSelector((state: DefaultState) => state.domainContext.domainType);\n const isLoggedIn: boolean = useSelector((state: DefaultState) => state.user.isLoggedIn);\n const catererId: number | undefined = useSelector((state: DefaultState) => state.caterer.catererId);\n const catererNews: CatererNews | undefined = useSelector((state: DefaultState) => state.caterer.news);\n\n const [newsToShow, setNewsToShow] = useState{t('Goodbye.GOODBYE')}
\n{t('Goodbye.TEXT')}
\n \n \n
\n );\n}\n\nexport default Login;\n","import React, {useCallback, useMemo, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport OcTable from '../../common/component/table/OcTable';\nimport {currencyFormatter} from '../../common/util/CurrencyUtil';\nimport {formatDate, formatDateAndTime} from '../../common/util/DateUtil';\nimport {sortDates} from '../../common/util/SortUtil';\nimport userActivityApi from '../api/userActivityApi';\nimport Action from '../enums/Action';\nimport Subject from '../enums/Subject';\nimport '../style/UserActivityOverview.scss';\n\nconst PAGE_SIZE = 25;\n\nfunction UserActivityOverview() {\n const [t] = useTranslation();\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n const currentLogin = useSelector(state => state.user.login);\n\n const [totalCount, setTotalCount] = useState(0);\n const [data, setData] = useState([]);\n\n const search = useCallback(({pageIndex}) => {\n userActivityApi.findActivitiesForLoginWithPaging(currentLogin.id, pageIndex, PAGE_SIZE).then(res => {\n if (res.data.success) {\n setData(res.data.result);\n setTotalCount(res.data.total);\n }\n });\n }, [currentLogin]);\n\n const priceFormatter = useMemo(() => currencyFormatter(currentLanguage), [currentLanguage]);\n\n const formatPropertyValue = useCallback((key, value) => {\n if (value === '\n
\n \n 
\n
\n \n {\n newsToShow &&\n
\n \n {newsToShow}\n
\n }\n {t('Login.LOGIN')}
\n {\n domainType === Gabel1DomainType.CATERER &&\n\n {t('Login.NEW')} {t('Login.REGISTER_HERE')}\n
\n }\n \n - \n {\n userActivity.properties.map(([key, value]) =>\n
- {`${t('UserActivity.PROPERTY_' + key.toUpperCase())}: ${formatPropertyValue(key, value)}`} \n )\n }\n
- \n {name &&
- {`${t('UserActivity.NAME')}: ${name}`} }\n {address &&
- {`${t('UserActivity.ADDRESS')}: ${address}`} }\n {email &&
- {`${t('UserActivity.EMAIL')}: ${email}`} }\n
- \n {department &&
- {`${t('UserActivity.DEPARTMENT')}: ${departmentString}`} }\n {from &&
- {`${t('UserActivity.FROM')}: ${from}`} }\n {to &&
- {`${t('UserActivity.TO')}: ${to}`} }\n
- \n {isHandledByCaterer &&
- {t('UserActivity.CATERER_ORDER')} }\n {date &&
- {`${t('UserActivity.DATE')}: ${date}`} }\n
- \n {from &&
- {`${t('UserActivity.FROM')}: ${from}`} }\n {to &&
- {`${t('UserActivity.TO')}: ${to}`} }\n {weekdays &&
- {`${t('UserActivity.WEEKDAYS')}: ${weekdays}`} }\n
\n
\n );\n}\n\nexport default UserActivityOverview;\n","import React, {lazy, useEffect, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Redirect, Route, Switch} from 'react-router-dom';\nimport AccountConfirmation from './account/component/AccountConfirmation';\nimport Inquiry from './account/component/Inquiry';\nimport ParentRegistration from './account/component/ParentRegistration';\nimport PasswordReset from './account/component/passwordReset/PasswordReset';\nimport PasswordResetRequest from './account/component/passwordReset/PasswordResetRequest';\nimport Profile from './administration/component/Profile';\nimport ChildEdit from './child/component/ChildEdit';\nimport {pageClicked} from './common/action/pageClickAction';\nimport {httpClient} from './common/api/HttpClient';\nimport {setGlobalRequestInterceptor, setGlobalResponseInterceptor} from './common/api/HttpInterceptors';\nimport PlaygroundArea from './common/component/PlaygroundArea';\nimport Permission from './common/enums/Permission';\nimport Role from './common/enums/Role';\nimport {DefaultState} from './common/reducer/reducers';\nimport {useHasPermission} from './common/util/PermissionUtil';\nimport Dashboard from './dashboard/component/Dashboard';\nimport BalanceWithdrawal from './finance/component/BalanceWithdrawal';\nimport ParentBillOverview from './finance/component/ParentBillOverview';\nimport ParentFinanceOverview from './finance/component/ParentFinanceOverview';\nimport PaymentConfirmationPage from './finance/component/PaymentConfirmationPage';\nimport SepaDirectDebitMandate from './finance/component/SepaDirectDebitMandate';\nimport StripePaymentSelection from './finance/component/stripe/StripePaymentSelection';\nimport TransactionHistory from './finance/component/TransactionHistory';\nimport Imprint from './information/component/Imprint';\nimport PrivacyPolicy from './information/component/PrivacyPolicy';\nimport TermsAndConditions from './information/component/TermsAndConditions';\nimport Messages from './message/component/Messages';\nimport Onboarding from './onboarding/component/Onboarding';\nimport ChildOrder from './order/component/childOrder/ChildOrder';\nimport {checkState} from './user/action/userActions';\nimport Goodbye from './user/component/Goodbye';\nimport Login from './user/component/Login';\nimport UserActivityOverview from './useractivity/component/UserActivityOverview';\n\n// Lazy-load common components:\nconst FaqAndContact = lazy(() => import('./information/component/FaqAndContact'));\n\n// Lazy-load institution components:\nconst HandoutMeals = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './handout/component/HandoutMeals'));\nconst GroupDetail = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/groups/GroupDetail'));\nconst Institution = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/institution/Institution'));\nconst InstitutionContactPersonProfile = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/institution/InstitutionContactPersonProfile'));\nconst InstitutionViewDetermination = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/institution/InstitutionViewDetermination'));\n\n// Lazy-load caterer components:\nconst BillingAddressEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/but/BillingAddressEdit'));\nconst BillingAddressList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/but/BillingAddressList'));\nconst CatererBillOverview = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './caterer/bills/component/CatererBillOverview'));\nconst CatererEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './caterer/component/CatererEdit'));\nconst Communication = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './communication/component/Communication'));\nconst CreditAdministration = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/credit/CreditAdministration'));\nconst DeliveryGroupEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/deliverygroup/DeliveryGroupEdit'));\nconst DeliveryGroupList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/deliverygroup/DeliveryGroupList'));\nconst InstitutionList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/institution/InstitutionList'));\nconst MenuOverview = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './menu/component/MenuOverview'));\nconst RecipeEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './menu/component/RecipeEdit'));\nconst TaskBoard = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './taskboard/component/TaskBoard'));\nconst TaskEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './taskboard/component/TaskEdit'));\n\n// Lazy-load admin components:\nconst AdminArea = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/admin/AdminArea'));\nconst CarrierEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/carrier/CarrierEdit'));\nconst CarrierList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/carrier/CarrierList'));\nconst CatererList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './caterer/component/CatererList'));\nconst UserEdit = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/user/UserEdit'));\nconst UserList = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/component/user/UserList'));\n\n// Lazy-load support components:\nconst CaterersManagement = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/CaterersManagement'));\nconst InstitutionsManagement = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/InstitutionsManagement'));\nconst ParentManagementAddNewAccount = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/ParentManagementAddNewAccount'));\nconst ParentManagementOverview = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/ParentManagementOverview'));\nconst ParentsManagement = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/ParentsManagement'));\nconst SupportProfile = lazy(() => import(/* webpackChunkName: \"nonparent\" */ './administration/support/component/SupportProfile'));\n\nexport const PATH_SUPPORT = '/support';\nexport const PATH_SUPPORT_PARENTS = PATH_SUPPORT + '/parents';\n\nfunction AppRoutes() {\n const dispatch = useDispatch();\n const isLoggedIn = useSelector((state: DefaultState) => state.user.isLoggedIn);\n const role = useSelector((state: DefaultState) => state.user.login ? state.user.login.role : null);\n const hasInstitutionPermission = useHasPermission(Permission.READ_INSTITUTION);\n const hasCreditPermissionGlobal = useHasPermission(Permission.WRITE_ANY_CREDIT);\n const hasCreditPermissionRestricted = useHasPermission(Permission.WRITE_CREDIT_FOR_ASSOCIATED_PARENT);\n const hasCreditPermission = hasCreditPermissionGlobal || hasCreditPermissionRestricted;\n const hasCarrierPermission = useHasPermission(Permission.READ_CARRIER);\n const hasAccountPermission = useHasPermission(Permission.READ_ACCOUNT);\n const hasButPermission = useHasPermission(Permission.READ_BUT);\n const hasCatererPermission = useHasPermission(Permission.WRITE_CATERER);\n const hasEmailsReadPermission = useHasPermission(Permission.READ_EMAILS);\n const isInstitutionContact = role === Role.INSTITUTION;\n const isParent = role === Role.PARENT;\n const isCarrier = role === Role.CARRIER;\n const isCaterer = role === Role.CATERER;\n const isAdmin = role === Role.ADMINISTRATOR;\n const showBillOverview = isCaterer || isAdmin;\n const isPlaygroundEnabled = process.env.REACT_APP_ENVIRONMENT !== 'prod';\n const [checkedForNewTab, setCheckedForNewTab] = useState(false);\n const [initLoginStatus, setInitLoginStatus] = useState{t('UserActivity.HEADER')}
\n {\n data &&\n dispatch(pageClicked())}>\n \n \n \n \n :\n \n }/>\n ]\n }\n {\n (hasInstitutionPermission || isInstitutionContact) &&\n [\n }/>,\n }/>,\n \n }\n
\n );\n}\n\nexport default AppRoutes;\n","import {Dispatch} from 'react';\nimport {AppThunk} from '../reducer/reducers';\n\nexport const COUNT_PAGE_CLICKED = 'COUNT_PAGE_CLICKED';\n\ninterface CountPageClickedAction {\n type: typeof COUNT_PAGE_CLICKED;\n}\n\nexport type PageClickActions = CountPageClickedAction\n\nexport const pageClicked = (): AppThunk => (dispatch: Dispatch{t('User.DELETION.STRIPE_REFUND_POSSIBLE')}
\n\n {deletionCheckResult.hasPendingWithdrawal ?\n t('User.DELETION.STRIPE_REFUND_DONE_BUT_WITHDRAWAL_PENDING')\n : t('User.DELETION.STRIPE_REFUND_DONE')}\n
\n }\n \n }\n {\n deletionCheckResult.stripeRefundPaymentMethods.length === 0 &&\n <>\n \n {t('User.DELETION.CREDIT_WITHOUT_WITHDRAWAL')}\n
\n\n\n \n\n {/* No further user input needed: Delete right away or mark for deletion: */}\n {\n deletionCheckResult &&\n {\n if (deletionCheckResult.hasPendingWithdrawal) {\n handleConfirmDeletionPreparation({});\n } else {\n handleConfirmDeleteAccount();\n }\n }}\n onCancel={() => setDeletionCheckResult(null)}\n />\n }\n\n {/* Let the user choose a Stripe payment method or enter bank account details: */}\n {\n deletionCheckResult &&\n 0 && !deletionCheckResult.hasPendingWithdrawal ?\n handleConfirmDeleteAccount : handleConfirmDeletionPreparation}\n onCancel={() => setDeletionCheckResult(null)}\n />\n }\n \n
\n );\n}\n\nexport default UserEdit;\n","const InstitutionContactFunction = {\n LUNCH_MANAGER: 'LUNCH_MANAGER',\n HEAD: 'HEAD',\n OTHER: 'OTHER'\n};\n\nexport default InstitutionContactFunction;\n","import {Dispatch} from 'redux';\nimport catererApi from '../../../caterer/api/catererApi';\nimport {AppThunk} from '../../../common/reducer/reducers';\nimport {AccountType} from '../../../types/AccountType';\nimport {CatererType} from '../../../types/caterer/CatererType';\nimport {ParentType} from '../../../types/ParentType';\n\nexport const SET_CATERERS = 'SET_CATERERS';\nexport const SET_PARENTS_SEARCH_TERM = 'SET_PARENTS_SEARCH_TERM';\nexport const SET_PARENTS_SEARCH_CATERER_ID = 'SET_PARENTS_SEARCH_CATERER_ID';\nexport const SET_PARENTS_SEARCH_RESULT = 'SET_PARENTS_SEARCH_RESULT';\nexport const RESET_PARENTS_SEARCH_EXECUTED = 'RESET_PARENTS_SEARCH_EXECUTED';\nexport const RESET_PARENTS_SEARCH = 'RESET_PARENTS_SEARCH';\nexport const REMOVE_FROM_PARENTS_SEARCH_RESULT = 'REMOVE_FROM_PARENTS_SEARCH_RESULT';\nexport const SET_ACCOUNT_TO_EDIT = 'SET_ACCOUNT_TO_EDIT';\nexport const RESET = 'RESET';\n\nexport interface SetCaterersForSupportUserAction {\n type: typeof SET_CATERERS;\n caterers: Array\n {header}\n
\n \n {\n !isProfile &&\n\n
\n }\n \n
\n \n
\n \n handleRoleChange(value)}\n required={true}\n isDisabled={!isNew}\n />\n
\n \n handleLanguageChange(value)}\n required={true}\n isValid={validation.language}\n isDisabled={!isNew}\n />\n
\n \n
\n \n
\n \n
\n \n {\n account.customerNumber &&\n handleAccountChange('person', value)}\n validation={validation.person}\n readOnly={!isProfile && readOnly}\n />\n {\n isProfile && !isNaN(balancePlusCancelableOrders) &&\n
\n \n
\n }\n \n \n } className=\"mr-2\"/>\n {t('User.DELETION.DELETE_BUTTON')}\n \n
\n }\n \n \n
\n \n
\n \n {t('User.ADDRESS')}\n
\n \n handleAccountChange('address', value)}\n validation={validation.address}\n readOnly={!isProfile && readOnly}/>\n
\n \n
\n \n {t('User.CREDENTIALS')}\n
\n \n
\n \n {\n /* Edit form */\n showInput &&\n
\n \n
\n }\n {\n /* Display group */\n !showInput && group &&\n \n
\n {\n childId && (hasGroupCodeChange || group) &&\n \n \n
\n }\n \n
\n }\n \n \n \n
\n {group.institutionName}
\n \n \n {t('Child.CHANGE_GROUP')}\n \n {\n childId &&\n \n
\n \n
\n \n );\n}\n\nexport default OnSiteOrderLimits;\n","import React, {useRef} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {UPLOAD_IMAGE_TYPES_ALL} from '../../../common/GlobalConstants';\nimport Icon from '../../../common/icons/Icon';\nimport UploadIcon from '../../../common/icons/UploadIcon';\n\nfunction WelfareUploader({\n fileName,\n onChange,\n showErrors,\n required\n }) {\n const inputFile = useRef(null);\n const [t] = useTranslation();\n\n function openFile(e) {\n e.preventDefault();\n inputFile.current.click();\n }\n\n return (\n \n {t('Child.DAILY_LIMIT_TITLE')}\n
\n \n {\n PREDEFINED_OPTIONS.map((option) =>\n
\n )\n }\n {\n props.showValidationError &&\n \n props.onChange(option)}\n >\n {option > 0 ? amountFormatter.format(option) : t('Child.NO_ON_SITE_ORDER_ALLOWED')}\n
\n \n {t('Validation.MISSING_CHOICE_FROM_OPTIONS')}\n
\n }\n \n onChange('file', value)}\n required={required}\n ref={inputFile}\n />\n {\n \n {\n fileName ?\n fileName\n :\n <>\n } className=\"mr-2\"/>\n {t('Welfare.UPLOAD')}\n \n }\n \n }\n {\n showErrors && !fileName && required &&\n
\n );\n}\n\nexport default WelfareUploader;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport EditModal from '../../common/component/EditModal';\nimport DateInput from '../../common/component/form/DateInput';\nimport TextInput from '../../common/component/form/TextInput';\nimport WelfareDepartmentType from '../../common/enums/WelfareDepartmentType';\nimport {checkValidation} from '../../common/util/ValidationUtil';\nimport taskApi from '../../taskboard/api/taskApi';\nimport '../style/Welfare.scss';\nimport DepartmentSelection from './welfare/DepartmentSelection';\nimport WelfareUploader from './welfare/WelfareUploader';\n\nfunction WelfareEditModal({\n visible,\n welfare,\n onConfirm,\n confirmLabel,\n onCancel\n }) {\n const [welfareToEdit, setWelfareToEdit] = useState({\n ...welfare,\n welfareDepartment: welfare?.welfareDepartment || WelfareDepartmentType.LANDRATSAMT\n });\n const [validation, setValidation] = useState({});\n const [showErrors, setShowErrors] = useState(false);\n const [documents, setDocuments] = useState([]);\n const [t] = useTranslation();\n\n useEffect(() => {\n if (welfare) {\n setWelfareToEdit(welfare);\n if (welfare.task?.id) {\n taskApi.findTaskDocumentsById(welfare.task.id).then((res) => {\n if (res.data.success) {\n setDocuments(res.data.result);\n }\n });\n }\n }\n }, [welfare]);\n\n function validate() {\n const newValidation = {};\n newValidation.welfareDepartment = !!welfareToEdit.welfareDepartment;\n\n switch (welfareToEdit.welfareDepartment) {\n case WelfareDepartmentType.JOBCENTER:\n newValidation.bgNumber = !!welfareToEdit.bgNumber;\n //intentional fall-through\n case WelfareDepartmentType.SOZIALAMT:\n case WelfareDepartmentType.YOUTH_AND_FAMILY:\n newValidation.validTo = !!welfareToEdit.validTo;\n newValidation.file = !!welfareToEdit.file || documents.length > 0;\n //intentional fall-through\n case WelfareDepartmentType.LANDRATSAMT:\n newValidation.birthDate = !!welfareToEdit.birthDate;\n newValidation.welfareDepartment = !!welfareToEdit.welfareDepartment;\n }\n\n setValidation(newValidation);\n setShowErrors(true);\n\n return checkValidation(newValidation);\n }\n\n function handleChange(field, value) {\n if (field === 'file') {\n value = value.target.files[0];\n }\n if ((field === 'birthDate' || field === 'validTo') && value) {\n value.setHours(12);\n value.setMinutes(0);\n value.setSeconds(0);\n }\n const newWelfare = {\n ...welfareToEdit,\n [field]: value\n };\n\n setWelfareToEdit(newWelfare);\n\n if (field === 'welfareDepartment') {\n setShowErrors(false);\n }\n }\n\n function confirm() {\n if (validate()) {\n welfareToEdit.modified = true;\n onConfirm(welfareToEdit);\n }\n }\n\n function getDescription() {\n if (!welfareToEdit || !welfareToEdit.welfareDepartment) {\n return '';\n }\n if (welfareToEdit.welfareDepartment !== WelfareDepartmentType.LANDRATSAMT) {\n let verificationFile;\n switch (welfareToEdit.welfareDepartment) {\n case WelfareDepartmentType.SOZIALAMT:\n verificationFile = t('Welfare.SOZIALAMT_DOCUMENT');\n break;\n case WelfareDepartmentType.YOUTH_AND_FAMILY:\n verificationFile = t('Welfare.YOUTH_AND_FAMILY_DOCUMENT_DOCUMENT');\n break;\n case WelfareDepartmentType.JOBCENTER:\n verificationFile = t('Welfare.JOBCENTER_DOCUMENT');\n break;\n }\n return t('Welfare.NEED_UPLOAD_DESCRIPTION', {verificationType: verificationFile});\n } else {\n return t('Welfare.UPLOAD_CATERER_DESCRIPTION');\n }\n }\n\n const isLandratsamt = welfareToEdit.welfareDepartment === WelfareDepartmentType.LANDRATSAMT;\n const isJobcenter = welfareToEdit.welfareDepartment === WelfareDepartmentType.JOBCENTER;\n\n function getHeaderText() {\n const header = t('Welfare.EDIT_APPLICATION');\n if (welfare && welfare.childName) {\n return `${header} (${welfare.childName})`;\n }\n return header;\n }\n\n return (\n \n {t('Welfare.ERROR')}\n
\n }\n \n {getDescription()}\n
\n \n
\n \n handleChange('birthDate', value)}\n isValid={showErrors ? validation.birthDate : true}\n value={welfareToEdit.birthDate ? new Date(welfareToEdit.birthDate) : null}\n maxDate={Date.now()}\n required={true}\n />\n
\n \n handleChange('bgNumber', value)}\n value={welfareToEdit.bgNumber}\n isValid={!isJobcenter || (showErrors ? validation.bgNumber : true)}\n required={isJobcenter}\n />\n
\n \n 0 && documents[0].name}\n showErrors={showErrors}\n required={!isLandratsamt}\n />\n
\n \n handleChange('validTo', value)}\n value={welfareToEdit.validTo ? new Date(welfareToEdit.validTo) : null}\n minDate={Date.now()}\n isValid={showErrors ? validation.validTo : true}\n required={!isLandratsamt}\n />\n
\n \n \n
\n {\n displayError &&\n \n {\n Object.keys(WelfareDepartmentType).map((type, index) => {\n return (\n onClick(type)}\n key={index}\n role=\"button\"\n >\n {t(`Welfare.${WelfareDepartmentType[type]}`)}\n
\n );\n })\n }\n \n {t('Validation.REQUIRED')}\n
\n }\n \n );\n}\n\nexport default DepartmentSelection;\n","import {dateDifference} from '../../common/util/DateUtil';\nimport {ChildWelfare} from '../../types/child/ChildWelfare';\nimport {TaskStateEnum} from '../../types/enums/TaskStateEnum';\n\nexport function isWelfareActiveForDate(childWelfareArray: Array\n {\n withSalutation &&\n
\n \n
\n }\n {\n withName &&\n \n onChange('name', value)}\n required={!optionals.name}\n isValid={validation.name}\n readonly={readOnly}\n />\n
\n }\n {\n withAdditionalAddressInformation &&\n \n onChange('additionalAddressInformation', value)}\n required={!optionals.additionalAddressInformation}\n isValid={validation.additionalAddressInformation}\n readonly={readOnly}\n />\n
\n }\n\n \n onChange('street', value)}\n required={!optionals.street}\n isValid={validation.street}\n readonly={readOnly}\n />\n
\n \n onChange('houseNumber', value)}\n required={!optionals.houseNumber}\n isValid={validation.houseNumber}\n readonly={readOnly}\n />\n
\n \n
\n \n );\n}\n\nexport default Address;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {Link} from 'react-router-dom';\nimport ChevronLeftIcon from '../icons/ChevronLeftIcon';\n\ntype Props = {\n path: string,\n labelKey?: string\n}\n\nfunction BackTo({path, labelKey = 'Button.BACK'}: Readonly\n onChange('zip', value)}\n required={!optionals.zip}\n isValid={validation.zip}\n readonly={readOnly}\n />\n
\n \n onChange('city', value)}\n required={!optionals.city}\n isValid={validation.city}\n readonly={readOnly}\n />\n
\n {\n withCountry &&\n \n onChange('country', value)}\n required={!optionals.country}\n isValid={validation.country}\n readonly={readOnly}\n />\n
\n }\n \n
\n );\n}\n\nexport default Card;\n","import React from 'react';\nimport '../style/CardArrow.scss';\n\nfunction CardArrow() {\n return (\n \n {\n (props.title || props.icon) &&\n
\n {props.children}\n {props.icon && } {props.title}
\n }\n \n
\n \n {\n props.showExtraInfo ?\n
\n {props.infoIcon && }
\n :\n {props.infoText}
\n }\n \n ,\n disabled?: boolean,\n className?: string,\n showIcon?: boolean\n}\n\nfunction ConfirmButton({label, onClick, disabled, className, showIcon = true}: Readonly) {\n const [t] = useTranslation();\n const theLabel = useMemo(() => label ?? t('Button.CONFIRM'), [label, t]);\n\n return ;\n}\n\nexport default ConfirmButton;\n","import React, {MouseEventHandler, ReactNode, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport CheckIcon from '../icons/CheckIcon';\nimport DeleteIcon from '../icons/DeleteIcon';\nimport Icon from '../icons/Icon';\nimport '../style/EditModal.scss';\nimport CancelButton from './CancelButton';\nimport ConfirmButton from './ConfirmButton';\n\ninterface Props {\n visible?: boolean,\n header?: string,\n children?: ReactNode,\n onConfirm?: MouseEventHandler,\n onDelete?: () => void,\n onCancel?: MouseEventHandler,\n fixedWidth?: string | number,\n fixedHeight?: string | number,\n scrollable?: boolean,\n confirmLabel?: string,\n deleteLabel?: string,\n className?: string\n}\n\nfunction EditModal(props: Readonly) {\n const [t] = useTranslation();\n const [isDeletionRequested, setIsDeletionRequested] = useState(false);\n const scrollable = props.scrollable === undefined ? true : props.scrollable;\n\n function getStyling() {\n let styling = {};\n if (props.fixedWidth) {\n styling = {...styling, width: props.fixedWidth};\n }\n if (props.fixedHeight) {\n styling = {...styling, height: props.fixedHeight};\n }\n return styling;\n }\n\n return (\n {\n setFileOpen(false);\n setFile(null);\n }}>\n setFileOpen(false)}>\n {title || fileName} \n \n \n \n \n }\n (false);\n const [popoverTarget, setPopoverTarget] = useState(null);\n const showIcon = props.showIcon === undefined ? true : props.showIcon;\n const withMargin = props.withMargin === undefined ? true : props.withMargin;\n\n const togglePopover = (event: React.MouseEvent) => {\n event.preventDefault();\n setShowOrderInfos(!showOrderInfos);\n setPopoverTarget(event.currentTarget);\n };\n return (\n <>\n setShowOrderInfos(false)}\n >\n {\n showIcon &&\n }\n className={withMargin ? 'mr-2' : ''}/>\n }\n {props.label}\n \n {\n popoverTarget &&\n setShowOrderInfos(false)}\n show={showOrderInfos}\n target={popoverTarget}\n placement=\"bottom\"\n >\n \n \n {props.children}\n \n \n \n }\n \n );\n}\n\nexport default InfoTooltip;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Prompt} from 'react-router';\nimport {useHistory} from 'react-router-dom';\nimport {navigate} from '../action/pageLeaveActions';\nimport {DefaultState} from '../reducer/reducers';\nimport ConfirmationDialog from './form/ConfirmationDialog';\n\ntype Props = {\n hasChanges: boolean,\n onLeave?: () => void\n}\n\nfunction PageLeaveGuard({hasChanges, onLeave} : Readonly) {\n const [t] = useTranslation();\n const history = useHistory();\n\n const dispatch = useDispatch();\n const confirmedLocation = useSelector((state: DefaultState) => state.pageLeave.nextLocation);\n\n const [showPageLeaveConfirmation, setShowPageLeaveConfirmation] = useState(false);\n const [requestedLocation, setRequestedLocation] = useState(null);\n\n useEffect(() => {\n if (confirmedLocation) {\n // This will trigger handlePageLeave(). handlePageLeave() will return true for confirmedLocation.\n history.push(confirmedLocation);\n // Reset after navigating to the location:\n dispatch(navigate(null));\n }\n }, [confirmedLocation, dispatch, history]);\n\n /* The value for the message parameter of Prompt may be a function (to which the requested location is given as parameter).\n * If it returns true, navigation to nextLocation will be done. If it returns false, the navigation will be blocked.\n * So, we show the ConfirmationDialog in the latter case and set a confirmed location if the user confirms the navigation.\n */\n function handlePageLeave(nextLocation: any) {\n if ((confirmedLocation && confirmedLocation === nextLocation.pathname) || nextLocation.pathname === window.location.pathname) {\n return true;\n }\n\n setRequestedLocation(nextLocation.pathname);\n setShowPageLeaveConfirmation(true);\n return false;\n }\n\n function confirmPageLeave() {\n if (onLeave) {\n onLeave();\n }\n setShowPageLeaveConfirmation(false);\n dispatch(navigate(requestedLocation));\n }\n\n function stayHere() {\n setShowPageLeaveConfirmation(false);\n setRequestedLocation(null);\n }\n\n return (<>\n \n ) {\n const [t] = useTranslation();\n\n const [showWalletTooltip, setShowWalletTooltip] = useState(false);\n\n return (\n ) {\n const [t] = useTranslation();\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const realPrice = useMemo(() => Object.is(props.price, -0) ? 0 : props.price ?? 0, [props.price]);\n const textRight = useMemo(() => props.textRight ?? true, [props.textRight]);\n const hasColor = useMemo(() => props.hasColor ?? true, [props.hasColor]);\n\n if (!props.price && props.price !== 0) {\n return null;\n }\n\n const formatter = new Intl.NumberFormat(currentLanguage, {\n style: 'currency',\n currency: 'EUR'\n });\n const sign = realPrice >= 0 ? '+ ' : '';\n\n const priceColor = hasColor ? (realPrice >= 0 ? 'credit' : 'debit') : '';\n const fontWeight = props.isThin ? 'thin' : 'bold';\n return (\n <>\n {\n props.labelLeft &&\n \n}\n\nfunction SearchField(props: Readonly) {\n\n return (\n ) {\n const [t] = useTranslation();\n const headerRef = useRef(null);\n const bodyRef = useRef(null);\n\n function toggle() {\n if (props.onToggle) {\n props.onToggle(!props.closed);\n if (props.scrollIntoViewOnOpen && props.closed) {\n setTimeout(() => {\n window.scrollTo({\n // @ts-ignore\n top: headerRef.current.getBoundingClientRect().top + window.scrollY - 100,\n behavior: 'smooth'\n });\n }, 501);\n }\n }\n }\n\n return (\n ,\n selectedOption?: string,\n onSelect?: (value: any) => void,\n className?: string,\n classNameForNonActiveOption?: string\n}\n\nfunction Switch(props: Prop) {\n if (!props.options) {\n return null;\n }\n\n return (\n ) {\n return (\n (null);\n\n const skidding = props.skidding ? props.skidding : 0;\n const distance = props.distance ? props.distance : 0;\n\n // for more modifiers see https://popper.js.org/docs/v2/modifiers/\n const {\n styles,\n attributes\n } = usePopper(props.root, popperElement.current, {\n placement: props.placement,\n modifiers: [{\n name: 'popperOffsets'\n }, {\n name: 'hide'\n }, {\n name: 'offset',\n options: {\n offset: [skidding, distance]\n }\n }]\n });\n\n return (\n trackGARole(role)}\n onDecline={() => denyGA()}\n\n >\n 
\n {t('Consent.TITLE')}\n ;\n label?: string;\n styling?: string;\n}\n\nexport default function Checkbox(props: Readonly) {\n const [value, setValue] = useState(props.value);\n const [isValid, setIsValid] = useState(true);\n\n const inputRef = useRef(null);\n\n useEffect(() => {\n if (inputRef?.current && props.isIndeterminate) {\n inputRef.current.indeterminate = true;\n } else if (inputRef?.current) {\n inputRef.current.indeterminate = false;\n }\n }, [props.isIndeterminate]);\n\n useEffect(() => {\n if (props.focusOnLoad) {\n inputRef?.current?.focus();\n }\n }, [props.focusOnLoad]);\n\n useUpdateEffect(() => {\n validate();\n }, [value, props.isValid]);\n\n function handleChange() {\n if (props.isNullable) {\n if (value === true) {\n props.onChange(false);\n } else if (value === false) {\n props.onChange(null);\n } else {\n props.onChange(true);\n }\n return;\n }\n // Hand text input value to given onChange method\n if (props.onChange) {\n props.onChange(!value);\n }\n }\n\n function validate() {\n if (props.isValid === false) {\n setIsValid(false);\n } else {\n const hasValue = props.value !== undefined && props.value !== null;\n setIsValid(!props.required || hasValue);\n }\n }\n\n useUpdateEffect(() => {\n setValue(props.value);\n }, [props.value]);\n\n return (\n ,\n confirmLabel?: string,\n cancelLabel?: string,\n disabled?: boolean\n newDesign?: boolean\n}\n\nexport default function ConfirmationDialog(props: Readonly) {\n const [t] = useTranslation();\n\n return (\n \n \n {props.title} \n {\n props.newDesign &&\n props.onCancel !== undefined ? props.onCancel() : undefined}\n type=\"button\"\n className=\"btn text-right p-0\">\n } className=\"mr-2 text-muted\"/>\n \n }\n \n \n \n \n {\n props.closeable && props.redundantClosing &&\n props.onCancel ? props.onCancel() : undefined}/>\n }\n {\n ((props.onCancel && !props.closeable) || props.onDecline) &&\n props.onDecline ? props.onDecline() : (props.onCancel ? props.onCancel() : undefined)}\n label={props.cancelLabel}\n />\n }\n {\n props.onConfirm &&\n \n }\n \n \n );\n}\n","// Locales for react-datepicker\nimport de from 'date-fns/locale/de';\nimport enUs from 'date-fns/locale/en-US';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport DatePicker, {registerLocale} from 'react-datepicker';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport '../../style/DateInput.scss';\n\nregisterLocale('de-DE', de);\nregisterLocale('en-US', enUs);\n\nexport default function DateInput(props) {\n const [t] = useTranslation();\n let errorMessage = null;\n const currentLanguage = useSelector(state => state.i18n.currentLanguage);\n\n // Show error message for invalid content\n let className = 'form-control';\n if (props.centerText) {\n className += ' text-center';\n }\n if (props.isValid === false && !props.readonly) {\n errorMessage = props.errorMessage ? props.errorMessage : t('Validation.REQUIRED');\n className += ' is-invalid';\n }\n\n return (\n ,\n options: Array,\n isMulti?: boolean,\n isClearable?: boolean,\n isDisabled?: boolean,\n onChange?: (value: DropdownOption) => void,\n onChangeMulti?: (value: Array) => void,\n placeholder?: string,\n required?: boolean,\n isValid?: boolean,\n errorMessage?: string,\n formClassName?: string,\n tabIndex?: number,\n formatOptionLabel?: string\n}\n\nexport type DropdownOption = {\n value: string,\n label?: string\n}\n\nfunction Dropdown({\n label,\n value,\n multiValues,\n options,\n isMulti = false,\n isClearable = false,\n isDisabled = false,\n onChange,\n onChangeMulti,\n placeholder,\n required = false,\n isValid,\n errorMessage,\n formClassName,\n tabIndex,\n formatOptionLabel\n }: Readonly) {\n\n const [t] = useTranslation();\n\n function getSelectedValue() {\n if (!isMulti && value) {\n return options.find(option => option.value === value.value);\n } else if (multiValues) {\n const selectedValues = [];\n for (const option of options) {\n for (const selectedValueElement of multiValues) {\n if (option.value === selectedValueElement.value) {\n selectedValues.push(option);\n }\n }\n }\n return selectedValues;\n } else {\n return null;\n }\n }\n\n const handleChange = useCallback((newValue: DropdownOption | Array) => {\n if (isMulti && onChangeMulti) {\n onChangeMulti(newValue as Array);\n } else if (onChange) {\n onChange(newValue as DropdownOption);\n }\n }, [onChange, onChangeMulti, isMulti]);\n\n return (\n ,\n onCancel: MouseEventHandler,\n saveLabelKey?: string,\n cancelLabelKey?: string,\n saveDisabled?: boolean,\n className?: string,\n showSaveIcon?: boolean,\n showCancelIcon?: boolean\n}\n\nexport default function FormButtons({sticky = true, onSave, onCancel, saveLabelKey, cancelLabelKey, saveDisabled, className, showSaveIcon, showCancelIcon}: Readonly) {\n const [t] = useTranslation();\n\n return (\n ,\n validation: LoginValidation,\n onChange: (key: string, value: string) => void,\n onSubmit?: () => void,\n readOnly?: boolean,\n showEmail?: boolean,\n emailReadOnly?: boolean,\n showPassword?: boolean,\n isPasswordRequired?: boolean,\n passwordLabel?: string,\n showPasswordRepeatInOneLine?: boolean,\n mailErrorCode?: number\n}\n\nfunction LoginCredentials({\n login,\n onChange,\n onSubmit,\n validation,\n readOnly = false,\n showEmail = true,\n emailReadOnly,\n showPassword = true,\n isPasswordRequired = true,\n mailErrorCode,\n passwordLabel = 'User.PASSWORD',\n showPasswordRepeatInOneLine = true\n }: Readonly) {\n const [t] = useTranslation();\n\n function getMailErrorMessage(): string | undefined {\n if (!validation.emailAddress && !!login.emailAddress) {\n return t('Validation.INVALID_EMAIL');\n }\n if (mailErrorCode) {\n const errorTypeArray = Object.entries(ErrorCode).find((entryArray: Array) => entryArray[1].code === mailErrorCode);\n if (!errorTypeArray) {\n return undefined;\n }\n return t(`Error.${errorTypeArray[0]}`);\n }\n return undefined;\n }\n\n const handleEmailAddressKeyDown = useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Enter' && showEmail && !showPassword && !readOnly && onSubmit) {\n event.preventDefault();\n onSubmit();\n }\n }, [showEmail, showPassword, readOnly, onSubmit]);\n\n const handlePasswordRepeatKeyDown = useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Enter' && showPassword && !readOnly && onSubmit) {\n event.preventDefault();\n onSubmit();\n }\n }, [showPassword, readOnly, onSubmit]);\n\n return (\n <>\n {\n showEmail &&\n onChange('emailAddress', value)}\n onKeyDown={handleEmailAddressKeyDown}\n required={!emailReadOnly}\n isValid={validation.emailAddress && !mailErrorCode}\n errorMessage={getMailErrorMessage()}\n readonly={emailReadOnly}\n />\n }\n {\n showPassword &&\n ,\n onKeyDown?: KeyboardEventHandler,\n placeholder?: string,\n readonly?: boolean,\n required?: boolean,\n showError?: boolean,\n showLoader?: boolean,\n tabIndex?: number,\n type?: string,\n value?: string | number | null,\n onClick?: () => void,\n pattern?: string,\n className?: string,\n isSearch?: boolean,\n isPrimarySearchIcon?: boolean,\n withSearchButton?: boolean,\n onSearch?: () => void,\n searchButtonDisabled?: boolean\n}\n\nexport default function TextInput(props: Prop) {\n const [t] = useTranslation();\n const [textValue, setTextValue] = useState(props.value);\n const inputRef = useRef(null);\n const displayError = (props.required && !props.isValid) || props.showError;\n const errorClasses = ' is-invalid border-danger';\n const showMaxLength = props.showMaxLength === undefined ? true : props.showMaxLength;\n\n // set focus to input field if needed\n useEffect(() => {\n if (props.focusOnLoad) {\n inputRef?.current?.focus();\n }\n }, []); // An empty dependency array is needed here to prevent re-focussing when the property changes!\n\n // handle change on text value and call external onChange if available\n function handleChange(newValue: string) {\n if (props.onChange) {\n props.onChange(newValue);\n }\n setTextValue(newValue);\n }\n\n useEffect(() => {\n setTextValue(props.value);\n }, [props.value]);\n\n return (\n = Column & {\n className?: string\n hidden?: boolean\n}\n\nexport interface Data extends Record {\n}\n\ntype RowProps = {\n className: string\n}\ntype TableProps = {\n columns: Array>,\n data: Array,\n className?: string\n filter?: string\n observeForReset?: any\n filterable?: boolean\n sortable?: boolean\n autoResetFilters?: boolean\n autoResetSortBy?: boolean\n withinTab?: boolean\n showTableActions?: boolean\n forceAutoSort?: boolean\n exportLabel?: string\n pageIndex?: number\n initialSort?: SortingRule>[]\n pageSize?: number\n totalCount?: number\n hiddenColumns?: Array\n setFilter?: (value: string) => void\n rowProps?: (row: any) => RowProps\n onAdd?: () => void\n fetchData?: (pageProps: any) => void\n onExport?: () => void\n onRowClick?: (row: Row) => void\n rowClickableCheck?: (row: Row) => boolean\n}\n\nexport const DEFAULT_PAGE_SIZE = 15;\n\nconst OcTable = (props: TableProps) => {\n\n const tableConfig = useMemo>(() => {\n function getPageSize() {\n return props.pageSize ? props.pageSize : DEFAULT_PAGE_SIZE;\n }\n\n return {\n columns: props.columns,\n data: props.data,\n disableFilters: !props.filterable,\n disableSortBy: !props.sortable,\n initialState: {\n pageIndex: props.pageIndex ? props.pageIndex : 0,\n pageSize: getPageSize(),\n sortBy: props.initialSort ? props.initialSort : [],\n globalFilter: props.filter ? props.filter : ''\n },\n pageCount: props.totalCount ? Math.ceil(props.totalCount / getPageSize()) : -1,\n manualPagination: !!props.fetchData,\n manualSortBy: !!props.fetchData && !props.forceAutoSort,\n autoResetFilters: props.autoResetFilters,\n autoResetSortBy: props.autoResetSortBy\n } as TableOptions;\n }, [props]);\n\n const {\n getTableProps,\n getTableBodyProps,\n headerGroups,\n prepareRow,\n page,\n canPreviousPage,\n canNextPage,\n pageOptions,\n pageCount,\n state: {\n pageIndex,\n pageSize,\n globalFilter\n },\n gotoPage,\n nextPage,\n previousPage,\n setGlobalFilter\n } = useTable(tableConfig, useFilters, useGlobalFilter, useSortBy, usePagination);\n\n const hasHeader = useMemo(() => {\n return headerGroups[0].headers?.some(header => !!header.Header && header.Header !== 'emptyRenderer');\n }, [headerGroups]);\n\n useEffect(() => {\n if (props.fetchData) {\n props.fetchData({\n pageIndex: pageIndex,\n pageSize: pageSize\n } as PageProps);\n }\n }, [pageIndex, pageSize]);\n\n useEffect(() => {\n if (typeof props.pageIndex !== 'undefined' && props.pageIndex !== pageIndex) {\n gotoPage(0);\n }\n }, [props.pageIndex]);\n\n useEffect(() => {\n if ((!!props.observeForReset && (!!props.pageIndex || props.pageIndex === 0)) && pageIndex !== props.pageIndex) {\n gotoPage(props.pageIndex);\n return;\n }\n if (pageIndex >= pageCount) {\n gotoPage(0);\n }\n }, [props.observeForReset]);\n\n return <>\n {\n props.showTableActions &&\n {\n const myFilter = value && value.length > 0 ? value.trim() : value;\n setGlobalFilter(myFilter);\n props.setFilter && props.setFilter(myFilter);\n }}\n onExport={props.onExport}\n exportLabel={props.exportLabel}\n onAdd={props.onAdd}\n />\n }\n\n (props.globalFilter);\n const onChange = useAsyncDebounce(text => {\n props.setGlobalFilter(text || undefined);\n }, 200);\n\n useEffect(() => {\n setValue(props.globalFilter);\n }, [props.globalFilter]);\n\n return (\n {\n setValue(text);\n onChange(text);\n }}\n searchTerm={value}\n isPrimarySearchIcon={true}\n />\n );\n}\n\nexport default TableGlobalFilter;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport DownloadIcon from '../../icons/DownloadIcon';\nimport Icon from '../../icons/Icon';\nimport PlusIcon from '../../icons/PlusIcon';\nimport TableGlobalFilter from './TableGlobalFilter';\n\ntype TableActionsProps = {\n globalFilter: string\n exportLabel?: string\n setGlobalFilter: (value: string) => void\n onExport?: () => void\n onAdd?: () => void\n}\n\nfunction TableActions(props: TableActionsProps) {\n\n const [t] = useTranslation();\n return (\n \n {\n column.canSort ?\n <>\n \n {({\n placement,\n arrowProps,\n show: _show,\n popper,\n ...props\n }) => (\n \n {t('Table.SORT_BY', {column: column.render('Header')})}\n \n )}\n \n \n : column.render('Header')\n }\n \n );\n};\n\nexport default TableHeaderColumn;\n","const ErrorCode = {\n 'NO_DATA_FOUND': {code: 1001},\n 'NO_DATA_FOUND_SILENT': {\n code: 1019,\n silent: true\n },\n 'MISSING_PARAMETER': {code: 1002},\n 'INVALID_PARAMETER': {code: 1003},\n 'INVALID_AUTHENTICATION': {\n code: 1004,\n silent: true\n },\n 'INTERNAL_SERVER_ERROR': {code: 1006},\n 'INVALID_LOGIN_SESSION': {code: 1017},\n 'NOT_AUTHORIZED': {code: 1007},\n 'VALIDATION_FAILED': {code: 1009},\n 'ACCOUNT_NOT_CONFIRMED': {\n code: 1010,\n silent: true\n },\n 'BALANCE_INSUFFICIENT': {code: 1011},\n 'LOGIN_ALREADY_EXISTS': {\n code: 1012,\n silent: true\n },\n 'ACCOUNT_ALREADY_CONFIRMED': {\n code: 1013,\n silent: true\n },\n 'TOKEN_MISMATCH': {\n code: 1014,\n silent: true\n },\n 'TOKEN_EXPIRED': {\n code: 1015,\n silent: true\n },\n 'NOT_REGISTERED_FOR_CATERER': {\n code: 1018,\n silent: true\n },\n 'CATERER_CONTEXT_MISSING': {\n code: 1020\n },\n 'INVALID_INSTITUTION_CODE': {code: 10002},\n 'ORDER_ALREADY_EXISTS': {\n code: 10004,\n silent: true\n },\n 'ROLE_CONFLICT': {\n code: 10005,\n silent: true\n },\n 'WELFARE_CONFLICT': {\n code: 10006,\n silent: true\n },\n 'WELFARE_TASK_UPDATE_NOT_ALLOWED_BECAUSE_MULTIPLE_ORDERS': {\n code: 10104,\n silent: true\n },\n 'INVALID_TASK_STATE': {\n code: 10007\n },\n 'RFID_VALIDATION_FAILED': {\n code: 10008\n },\n 'NUTRITION_CLASS_DELETION_FAILED': {\n code: 10009,\n silent: true\n },\n 'STILL_IN_USE': {\n code: 10010,\n silent: true\n },\n 'DUPLICATE_KEY': {\n code: 10014,\n silent: true\n },\n 'HOSTNAME_ALREADY_EXISTS': {\n code: 10012,\n silent: true\n },\n 'LOGIN_TO_CONFIRM_NOT_FOUND': {\n code: 10015,\n silent: true\n },\n 'RESEND_MAIL_ERROR': {\n code: 10016,\n silent: true\n },\n 'STRIPE_ONBOARDING_ERROR': {\n code: 10017,\n silent: true\n },\n 'DAILY_ON_SITE_ORDER_LIMIT_EXCEEDED': {\n code: 10019,\n silent: true\n },\n 'CLOSING_TIME_THRESHOLD_VIOLATION': {\n code: 10100\n },\n 'CLOSING_TIME_INVALID_CANNOT_CHANGE_TYPE': {\n code: 10101\n },\n 'CLOSING_TIME_CANNOT_EDIT_PAST_OR_TODAY': {\n code: 10102\n },\n 'WELFARE_UPDATE_NOT_ALLOWED_FOR_BOTH_DATES': {\n code: 10103\n },\n 'HOSTNAME_RESERVED': {\n code: 10105,\n silent: true\n }\n};\n\nexport default ErrorCode;\n","const FullWeekdayOption = {\n MONDAY: 'MONDAY',\n TUESDAY: 'TUESDAY',\n WEDNESDAY: 'WEDNESDAY',\n THURSDAY: 'THURSDAY',\n FRIDAY: 'FRIDAY',\n SATURDAY: 'SATURDAY',\n SUNDAY: 'SUNDAY'\n};\n\nexport default FullWeekdayOption;\n","const Gabel1DomainType = {\n SUPPORT: 'SUPPORT',\n CATERER: 'CATERER'\n};\n\nexport default Gabel1DomainType;\n","const OrderOption = {\n SUBSCRIPTION: 'SUBSCRIPTION',\n SINGLE: 'SINGLE'\n};\nexport default OrderOption;\n","const Permission = {\n WRITE_CATERER: 'WRITE_CATERER',\n READ_ACCOUNT: 'READ_ACCOUNT',\n WRITE_ACCOUNT: 'WRITE_ACCOUNT',\n WRITE_PARENT: 'WRITE_PARENT',\n READ_CARRIER: 'READ_CARRIER',\n READ_INSTITUTION: 'READ_INSTITUTION',\n WRITE_INSTITUTION: 'WRITE_INSTITUTION',\n READ_TASK: 'READ_TASK',\n WRITE_TASK: 'WRITE_TASK',\n WRITE_ANY_CREDIT: 'WRITE_ANY_CREDIT',\n WRITE_CREDIT_FOR_ASSOCIATED_PARENT: 'WRITE_CREDIT_FOR_ASSOCIATED_PARENT',\n WRITE_ASSOCIATED_CHILD_ORDER: 'WRITE_ASSOCIATED_CHILD_ORDER',\n WRITE_ASSOCIATED_GROUP_ORDER: 'WRITE_ASSOCIATED_GROUP_ORDER',\n READ_BUT: 'READ_BUT',\n WRITE_BUT: 'WRITE_BUT',\n READ_DELIVERY_GROUP: 'READ_DELIVERY_GROUP',\n WRITE_DELIVERY_GROUP: 'WRITE_DELIVERY_GROUP',\n READ_PRICE: 'READ_PRICE',\n READ_EMAILS: 'READ_EMAILS'\n};\nexport default Permission;\n","const Role = {\n ADMINISTRATOR: 'ADMINISTRATOR',\n CATERER: 'CATERER',\n CARRIER: 'CARRIER',\n INSTITUTION: 'INSTITUTION',\n PARENT: 'PARENT',\n SUPPORT: 'SUPPORT'\n};\n\nexport default Role;\n","const Salutation = {\n MR: 'MR',\n MRS: 'MRS',\n MX: 'MX',\n COMPANY: 'COMPANY'\n};\n\nexport default Salutation;\n","const WelfareDepartmentType = {\n LANDRATSAMT: 'LANDRATSAMT',\n SOZIALAMT: 'SOZIALAMT',\n JOBCENTER: 'JOBCENTER',\n YOUTH_AND_FAMILY: 'YOUTH_AND_FAMILY'\n};\n\nexport default WelfareDepartmentType;\n","import React from 'react';\n\ntype Props = {\n size?: number;\n}\n\nconst ArrowRightIcon = ({size = 1}: Props) => {\n return (\n \n );\n};\n\nexport default ArrowRightIcon;\n","import React from 'react';\n\ninterface Props {\n size?: number;\n}\n\nconst BillIcon = ({size = 1}: Props) => {\n return (\n \n );\n};\n\nexport default BillIcon;\n","import React from 'react';\n\ninterface Props {\n size?: number;\n}\n\nconst CardIcon = ({size = 1}: Props) => {\n return (\n \n );\n};\n\n\nexport default CardIcon;\n","import React from 'react';\n\nconst ChatHelpIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default ChatHelpIcon;\n","import React from 'react';\n\nconst CheckIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default CheckIcon;\n","import React from 'react';\n\ntype Props = {\n size?: number\n}\n\nconst CheckIconFilled = ({size = 1}: Readonly) => {\n return (\n \n );\n};\n\nexport default CheckIconFilled;\n","import React from 'react';\n\nconst ChevronDownIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ChevronDownIcon;\n","import React from 'react';\n\ninterface Props {\n size?: number;\n}\n\nconst ChevronLeftIcon = ({size = 1} : Props) => {\n return (\n \n );\n};\n\nexport default ChevronLeftIcon;\n","import React from 'react';\n\nconst ChevronUpIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ChevronUpIcon;\n","import React from 'react';\n\nconst CloseIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default CloseIcon;\n","import React from 'react';\n\nconst DeleteIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default DeleteIcon;\n","import React from 'react';\n\nconst DocumentIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default DocumentIcon;\n","import React from 'react';\n\nconst DownloadIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default DownloadIcon;\n","import React from 'react';\n\nconst EditIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default EditIcon;\n","import React from 'react';\n\nconst HistoryIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default HistoryIcon;\n","import React from 'react';\n\nconst HomeIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default HomeIcon;\n","import {bottom, Placement} from '@popperjs/core/lib/enums';\nimport React, {MouseEvent, ReactNode, useEffect, useRef, useState} from 'react';\nimport Tooltip from '../component/Tooltip';\nimport '../style/Icon.scss';\n\ninterface Prop {\n className?: string;\n src?: ReactNode;\n title?: string;\n skidding?: number;\n hidden?: boolean;\n onClick?: () => void;\n tooltipPlacement?: Placement;\n}\n\nconst Icon = (props: Prop) => {\n const iconElement = useRef(null);\n const [showInfos, setShowInfos] = useState(false);\n\n let timeoutForMouseLeaveRef = useRef | null>(null);\n let timeoutForMouseEnterRef = useRef | null>(null);\n\n useEffect(() => {\n if (timeoutForMouseLeaveRef.current) {\n clearTimeout(timeoutForMouseLeaveRef.current);\n }\n if (timeoutForMouseEnterRef.current) {\n clearTimeout(timeoutForMouseEnterRef.current);\n }\n }, []);\n\n const togglePopover = (event: MouseEvent) => {\n event.preventDefault();\n setShowInfos(!showInfos);\n };\n\n if (props.hidden) {\n return null;\n }\n\n const handleMouseEvent = (event: MouseEvent) => {\n if (!showInfos && props.title) {\n timeoutForMouseEnterRef.current = setTimeout(() => {\n togglePopover(event);\n }, 500);\n }\n };\n\n return (\n ) {\n return catererBusinessDays.findIndex(businessDay => businessDay === getWeekday(date)) >= 0;\n}\n\nexport function isCatererBusinessWeekday(weekday: string, catererBusinessDays: Array) {\n return catererBusinessDays.findIndex(businessDay => businessDay === weekday) >= 0;\n}\n\nexport function combineBusinessDays(businessDaysA: Array, businessDaysB: Array) {\n const result = new Array();\n Object.values(FullWeekdayOption).forEach(weekday => {\n if (businessDaysA.findIndex(dayA => weekday === dayA) >= 0 || businessDaysB.findIndex(dayB => weekday === dayB) >= 0) {\n result.push(weekday);\n }\n });\n return result;\n}\n","export function getSeparator(locale, separatorType) {\n const numberWithGroupAndDecimalSeparator = 1000.1;\n return Intl.NumberFormat(locale)\n .formatToParts(numberWithGroupAndDecimalSeparator)\n .find(part => part.type === separatorType)\n .value;\n}\n\n// formatToParts does not work on older browsers. We must handle numbers on our own.\nexport function convertAmount(inputAmount, language) {\n if (inputAmount) {\n if (language === 'de-DE') {\n return Number(inputAmount.toString().replace(/,/g, '.'));\n } else {\n return Number(inputAmount);\n }\n }\n return null;\n}\n\n// Format only amount (i.e. without currency symbol)\nexport function formatAmount(inputAmount, language) {\n if (!inputAmount) {\n return null;\n }\n\n if (language === 'de-DE') {\n const convertedAmount = convertAmount(inputAmount, language);\n if (Number.isNaN(convertedAmount)) {\n return inputAmount;\n }\n return convertedAmount.toFixed(2).replace(/\\./g, ',');\n } else {\n const amountAsNumber = Number(inputAmount);\n if (Number.isNaN(amountAsNumber)) {\n return inputAmount;\n }\n return amountAsNumber.toFixed(2);\n }\n}\n\nexport function currencyFormatter(currentLanguage, fractionDigits = 2) {\n return new Intl.NumberFormat(currentLanguage, {\n style: 'currency',\n currency: 'EUR',\n minimumFractionDigits: fractionDigits,\n maximumFractionDigits: fractionDigits\n });\n}\n","import FullWeekdayOption from '../enums/FullWeekdayOption';\n\nexport const DAY_IN_MILLISECONDS = 24 * 60 * 60 * 1000;\n\nexport const timeRegexSecondPrecision = '^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$';\n\nexport const timeRegexMinutePrecision = '^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$';\n\nexport function formatDate(currentLanguage, date, showWeekday = false) {\n return formatDateAndTime(date, currentLanguage, showWeekday, false);\n}\n\nexport function isDateEqual(date1, date2) {\n return withoutTime(new Date(date1)).getTime() - withoutTime(date2).getTime() === 0;\n}\n\nexport function formatDateAndTime(date, currentLanguage = 'en-US', showWeekday = false, showTime = true) {\n if (!date) {\n return '';\n }\n\n const options = {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit'\n };\n\n if (showTime) {\n options['hour'] = 'numeric';\n options['minute'] = 'numeric';\n }\n\n if (showWeekday) {\n options['weekday'] = 'short';\n }\n\n if (!(date instanceof Date)) {\n date = new Date(date);\n }\n\n return date.toLocaleDateString(currentLanguage, options);\n}\n\nexport function getWeekDayShort(date, currentLanguage = 'en-US') {\n return date.toLocaleDateString(currentLanguage, {weekday: 'short'});\n}\n\nexport function formatDateShort(date, currentLanguage = 'en-US') {\n if (!date) {\n return '';\n }\n const options = {\n month: '2-digit',\n day: '2-digit'\n };\n if (!(date instanceof Date)) {\n date = new Date(date);\n }\n return date.toLocaleDateString(currentLanguage, options);\n}\n\nexport function formatDateYearAndMonth(date, currentLanguage = 'en-US') {\n if (!date) {\n return '';\n }\n const options = {\n year: 'numeric',\n month: 'long'\n };\n if (!(date instanceof Date)) {\n date = new Date(date);\n }\n return date.toLocaleDateString(currentLanguage, options);\n}\n\nexport function getDateRangeAsArray(startDate, endDate) {\n const dateArray = [];\n let currentDate = startDate;\n while (currentDate <= endDate) {\n dateArray.push(convertDateToIsoDateString(new Date(currentDate)));\n currentDate = addDays(currentDate, 1);\n }\n return dateArray;\n}\n\nexport function getWeekday(date) {\n if (!(date instanceof Date)) {\n date = new Date(date);\n }\n\n // In Javascript Sunday has index 0; in Gabel1 it has index 6\n const javascriptWeekdayIndex = date.getDay();\n const gabel1WeekdayIndex = javascriptWeekdayIndex > 0 ? javascriptWeekdayIndex - 1 : 6;\n\n return Object.values(FullWeekdayOption)[gabel1WeekdayIndex];\n}\n\n//Source: https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php\nexport function getWeekNumber(d) {\n // Copy date so don't modify original\n d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));\n // Set to nearest Thursday: current date + 4 - current day number\n // Make Sunday's day number 7\n d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7));\n // Get first day of year\n const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));\n // Calculate full weeks to nearest Thursday\n const weekNo = Math.ceil((((d - yearStart) / 86400000) + 1) / 7);\n // Return week number\n return weekNo;\n}\n\nexport function getTwoMonthsBefore() {\n const result = new Date();\n result.setMonth(result.getMonth() - 2);\n return result;\n}\n\nexport function getCurrentMonday() {\n const today = new Date();\n return getMondayForDate(today);\n}\n\nexport function getMondayForDate(date) {\n let monday = new Date(date);\n\n // Go to monday if now is a sunday.\n if (monday.getDay() !== 0) {\n monday = new Date(monday.getTime() + DAY_IN_MILLISECONDS);\n }\n\n // Go to monday if now is a saturday.\n if (monday.getDay() !== 6) {\n monday = new Date(monday.getTime() + 2 * DAY_IN_MILLISECONDS);\n }\n\n while (monday.getDay() !== 1) {\n monday = new Date(monday.getTime() - DAY_IN_MILLISECONDS);\n }\n\n return monday;\n}\n\nexport function getToday() {\n const today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n return today;\n}\n\nexport function getDayInThreeWeeks() {\n const today = new Date();\n const dayInThreeWeeks = addDays(today, 22);\n dayInThreeWeeks.setHours(0);\n dayInThreeWeeks.setMinutes(0);\n dayInThreeWeeks.setSeconds(0);\n dayInThreeWeeks.setMilliseconds(0);\n return dayInThreeWeeks;\n}\n\nexport function getFirstDayOfCurrentMonth() {\n const today = new Date();\n const currentMonth = today.getMonth();\n const year = today.getFullYear();\n return new Date(year, currentMonth, 1);\n}\n\nexport function compareDate(inputDay1, inputDay2) {\n const day1 = new Date(inputDay1);\n const day2 = new Date(inputDay2);\n\n day1.setHours(0);\n day1.setMinutes(0);\n day1.setSeconds(0);\n day1.setMilliseconds(0);\n\n day2.setHours(0);\n day2.setMinutes(0);\n day2.setSeconds(0);\n day2.setMilliseconds(0);\n\n return day1.getTime() - day2.getTime() > 0;\n}\n\nexport function equalDate(inputDay1, inputDay2) {\n const day1 = new Date(inputDay1);\n const day2 = new Date(inputDay2);\n\n day1.setHours(0);\n day1.setMinutes(0);\n day1.setSeconds(0);\n day1.setMilliseconds(0);\n\n day2.setHours(0);\n day2.setMinutes(0);\n day2.setSeconds(0);\n day2.setMilliseconds(0);\n\n return day1.getTime() - day2.getTime() === 0;\n}\n\nexport function dateDifference(inputDay1, inputDay2) {\n const day1 = new Date(inputDay1);\n const day2 = new Date(inputDay2);\n\n day1.setHours(0);\n day1.setMinutes(0);\n day1.setSeconds(0);\n day1.setMilliseconds(0);\n\n day2.setHours(0);\n day2.setMinutes(0);\n day2.setSeconds(0);\n day2.setMilliseconds(0);\n\n return day1.getTime() - day2.getTime();\n}\n\nexport function isDateAtLeastThreeWeeksAhead(date) {\n return compareDate(date, getDayInThreeWeeks()) || equalDate(date, getDayInThreeWeeks())\n}\n\n/**\n * example of ISO-Date-String: 2020-10-30\n * @param date\n * @returns {string}\n */\nexport function convertDateToIsoDateString(date) {\n if (!(date).getTimezoneOffset) {\n // date not properly formatted, do nothing\n return date;\n }\n const tzoffset = (date).getTimezoneOffset() * 60000; //offset in milliseconds\n const localISOTime = (new Date(date - tzoffset)).toISOString().slice(0, -1);\n return localISOTime.split('T')[0];\n}\n\nexport function getPrevDay(from) {\n const date = from || getToday();\n return addDays(date, -1);\n}\n\nexport function getNextDay(from) {\n const date = from || getToday();\n return addDays(date, 1);\n}\n\nexport function getNextDayAt(hour, minute, second) {\n const today = getToday();\n today.setHours(hour);\n today.setMinutes(minute);\n today.setSeconds(second);\n today.setMilliseconds(0);\n return addDays(today, 1);\n}\n\nexport function addDays(date, days) {\n const result = new Date(date);\n result.setDate(result.getDate() + days);\n return result;\n}\n\nexport function minusDays(date, days) {\n const result = new Date(date);\n result.setDate(result.getDate() - days);\n return result;\n}\n\nexport function min(date1, date2) {\n return date1 < date2 ? date1 : date2;\n}\n\nexport function max(date1, date2) {\n return date1 > date2 ? date1 : date2;\n}\n\nexport function isDateContainedIn(range, date) {\n return withoutTime(range.from) < withoutTime(date) && withoutTime(range.to) > withoutTime(date);\n}\n\nexport function withoutTime(inputDate) {\n const newDate = new Date(inputDate.getTime());\n newDate.setHours(0, 0, 0, 0);\n return newDate;\n}\n\nexport function sortWeekdays(weekdays) {\n const sorter = {\n 'monday': 1,\n 'tuesday': 2,\n 'wednesday': 3,\n 'thursday': 4,\n 'friday': 5,\n 'saturday': 6,\n 'sunday': 7\n };\n return weekdays.sort(function comparer(a, b) {\n let day1 = a.toLowerCase();\n let day2 = b.toLowerCase();\n return sorter[day1] - sorter[day2];\n });\n}\n\nexport function isOverlapping(news, newsToCompare) {\n return !((new Date(news.startDate)).getTime() - (new Date(newsToCompare.endDate)).getTime() > 0\n || (new Date(news.endDate)).getTime() - (new Date(newsToCompare.startDate)).getTime() < 0);\n}\n","export function getFileExtension(file) {\n if (file) {\n const extensionChar = file.charAt(0);\n switch (extensionChar) {\n case 'i': {\n return 'png';\n }\n case '/': {\n return 'jpg';\n }\n }\n }\n return 'jpeg';\n}\n","import React from 'react';\n\nexport function callOnEnter(event: React.KeyboardEvent, onEnter: () => void) {\n if (event.key === 'Enter') {\n event.preventDefault();\n onEnter();\n }\n}\n","import {RoleEnum} from '../../types/enums/RoleEnum';\n\ndeclare const gtag: Function; // there is a tag in index.html that loads google's script\n\nconst GOOGLE_ANALYTICS_URL = `https://www.googletagmanager.com/gtag/js?id=${process.env.REACT_APP_GOOGLE_ANALYTICS_ID}`;\nexport const isScriptLoaded = (src: string) => {\n const scripts = document.getElementsByTagName('script');\n for (let i = scripts.length; i--;) {\n if (scripts[i].src === src) {\n return true;\n }\n }\n return false;\n};\n\nexport const initGA = () => {\n if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) {\n const script = document.createElement('script');\n\n script.src = GOOGLE_ANALYTICS_URL;\n\n script.async = true;\n if (!isScriptLoaded(GOOGLE_ANALYTICS_URL)) {\n document.body.appendChild(script);\n gtag('config', process.env.REACT_APP_GOOGLE_ANALYTICS_ID);\n }\n\n }\n};\n\nexport const trackGARole = (role: RoleEnum | null) => {\n initGA();\n if (role) {\n gtag('event', role);\n }\n};\n\nexport const denyGA = () => {\n if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) {\n const script = document.createElement('script');\n\n script.src = GOOGLE_ANALYTICS_URL;\n\n script.async = true;\n if (isScriptLoaded(GOOGLE_ANALYTICS_URL)) {\n document.body.removeChild(script);\n }\n }\n};\n","// https://stackoverflow.com/a/59787588\nexport function flattenObject(obj, prefix = false, result = null) {\n result = result || {};\n\n // Preserve empty objects and arrays, they are lost otherwise\n if (prefix && typeof obj === 'object' && obj !== null && Object.keys(obj).length === 0) {\n result[prefix] = Array.isArray(obj) ? [] : {};\n return result;\n }\n\n prefix = prefix ? prefix + '.' : '';\n\n for (const i in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, i)) {\n if (typeof obj[i] === 'object' && obj[i] !== null) {\n // Recursion on deeper objects\n flattenObject(obj[i], prefix + i, result);\n } else {\n result[prefix + i] = obj[i];\n }\n }\n }\n return result;\n}\n\nexport function objectToFilterArray(object) {\n return Object.entries(object).reduce((array, entry) => {\n if (!!entry[1]) {\n array.push({\n id: entry[0],\n value: entry[1]\n });\n }\n return array;\n }, []);\n}\n\nexport function asString(number) {\n return '' + number;\n}\n","import {useSelector} from 'react-redux';\n\nexport function useHasPermission(permission) {\n const login = useSelector(state => state.user.login);\n return login && login.permissions && login.permissions.indexOf(permission) > -1;\n}\n","export function sortCaseInsensitive(a, b) {\n if (a && !b) {\n return 1;\n }\n if (!a && b) {\n return -1;\n }\n if (a && b) {\n return a.toLowerCase().localeCompare(b.toLowerCase());\n }\n return 0;\n}\n\nexport function sortPerson(person1, person2) {\n if (person1 && person2) {\n return sortCaseInsensitive(`${person1.lastName} ${person1.firstName}`, `${person2.lastName} ${person2.firstName}`);\n }\n return 0;\n}\n\nexport function sortDates(a, b) {\n if (!a && !b) {\n return 0;\n }\n\n if (!a && b) {\n return -1;\n }\n\n if (a && !b) {\n return 1;\n }\n\n let date1 = a;\n let date2 = b;\n\n if (!(a instanceof Date)) {\n date1 = new Date(a);\n }\n\n if (!(b instanceof Date)) {\n date2 = new Date(b);\n }\n if (date1.getTime() === date2.getTime()) {\n return 0;\n }\n\n return date1.getTime() > date2.getTime() ? 1 : -1;\n}\n\nexport function sortByKey(a, b, key) {\n return sortCaseInsensitive(a[key], b[key]);\n}\n","import {resetInstitutions} from '../../administration/action/administrationActions';\nimport {resetParentFinance} from '../../finance/actions/financeActions';\nimport {resetTaskboard} from '../../taskboard/action/taskActions';\nimport {updateUser} from '../../user/action/userActions';\nimport loginApi from '../../user/api/loginApi';\n\nexport function logOut(dispatch, onLoggedOut) {\n loginApi.logout().then(res => {\n window.sessionStorage.removeItem('api-key');\n dispatch(resetTaskboard());\n dispatch(resetParentFinance());\n dispatch(updateUser(null));\n dispatch(resetInstitutions());\n onLoggedOut();\n });\n}\n","import isEmail from \"validator/es/lib/isEmail\";\nimport {flattenObject} from \"./ObjectUtil\";\n\nexport function checkValidation(validation) {\n const flattened = flattenObject(validation);\n\n return Object.values(flattened).every(field => !!field);\n}\n\nexport function validateEmailAddress(emailAddress) {\n return emailAddress && isEmail(emailAddress);\n}\n\nexport function validatePassword(password, passwordRepeat, required) {\n return (!passwordRepeat && !required) || password;\n}\n\nexport function validatePasswordRepeat(password, passwordRepeat, required) {\n if (required) {\n return !!passwordRepeat && password === passwordRepeat;\n } else {\n return !password || (password === passwordRepeat);\n }\n}\n\n\n","import JsFileDownloader from 'js-file-downloader';\n\ninterface Props {\n url: string,\n fileName: string,\n onSuccess?: () => void,\n onError?: () => void,\n onFinish?: () => void,\n params?: T\n}\n\ntype HeaderProps = {\n name: string,\n value: string\n}\n\ninterface JsFileDownloadParam {\n url: string,\n headers: Array,\n withCredentials: false,\n filename: string\n}\n\nexport const fileDownload = (props: Props) => {\n const apiKey = window.sessionStorage.getItem('api-key');\n const jsFileParam: JsFileDownloadParam = {\n url: createUrl(props.url, props.params as object),\n headers: [{\n name: 'Authorization',\n value: `Bearer ${apiKey}`\n }],\n withCredentials: false,\n filename: props.fileName\n };\n new JsFileDownloader(jsFileParam).then(function () {\n if (props.onSuccess) {\n props.onSuccess();\n }\n }).catch(function (error) {\n if (props.onError) {\n props.onError();\n }\n }).finally(function () {\n if (props.onFinish) {\n props.onFinish();\n }\n });\n};\n\nfunction createUrl(inputUrl: string, requestParams: {} | null): string {\n const stringUrl = `${process.env.REACT_APP_API_URL}${inputUrl}`;\n if (requestParams == null) {\n return stringUrl;\n }\n const url = new URL(stringUrl);\n const params = url.searchParams;\n Object.entries(requestParams).forEach(([key, value], index) => {\n if (value !== null) {\n const myValue = value as string;\n if (myValue.length > 0) {\n params.append(key, myValue);\n }\n }\n });\n return url.toString();\n}\n\n","import {Dispatch} from 'react';\nimport {AppThunk} from '../../common/reducer/reducers';\nimport {AccountType} from '../../types/AccountType';\nimport {BillType} from '../../types/BillType';\nimport {CreditType} from '../../types/enums/transaction/CreditType';\nimport {TransactionTypeEnum} from '../../types/enums/transaction/TransactionTypeEnum';\nimport {BaseFilterType} from '../../types/filter/BaseFilterType';\nimport {TransactionFilter} from '../../types/filter/TransactionFilter';\nimport {TransactionType} from '../../types/TransactionType';\nimport financeApi from '../api/financeApi';\n\nexport const SET_TRANSACTIONS = 'SET_TRANSACTIONS';\nexport const SET_BILLS = 'SET_BILLS';\nexport const SET_TRANSACTION_FILTER = 'SET_TRANSACTION_FILTER';\nexport const UPDATE_TRANSACTION_FILTER = 'UPDATE_TRANSACTION_FILTER';\nexport const UPDATE_TRANSACTION_TYPE_FILTER = 'UPDATE_TRANSACTION_TYPE_FILTER';\nexport const RESET_TRANSACTION_TYPE_FILTER = 'RESET_TRANSACTION_TYPE_FILTER';\n\ninterface SetTransactionsAction {\n type: typeof SET_TRANSACTIONS;\n total: number;\n transactions: TransactionType[];\n filter?: TransactionFilter;\n}\n\ninterface SetBillsAction {\n type: typeof SET_BILLS;\n total: number;\n bills: BillType[];\n filter: BaseFilterType;\n}\n\ninterface SetTransactionFilterAction {\n type: typeof SET_TRANSACTION_FILTER;\n filter: TransactionFilter;\n}\n\ninterface UpdateTransactionFilterAction {\n type: typeof UPDATE_TRANSACTION_FILTER;\n filterKey: string;\n filterValue: string;\n}\n\ninterface UpdateTransactionTypeFilterAction {\n type: typeof UPDATE_TRANSACTION_TYPE_FILTER;\n transactionType: TransactionTypeEnum;\n creditType?: CreditType;\n}\n\ninterface ResetTransactionTypeFilterAction {\n type: typeof RESET_TRANSACTION_TYPE_FILTER;\n}\n\nexport type FinanceActions = SetTransactionsAction | SetBillsAction | SetTransactionFilterAction\n | UpdateTransactionFilterAction | UpdateTransactionTypeFilterAction | ResetTransactionTypeFilterAction;\n\nexport const searchTransactions = (filter: TransactionFilter): AppThunk =>\n (dispatch: Dispatch, getState) => {\n const account = getState().user.account as AccountType;\n if (account) {\n financeApi.searchTransactionsForAccount(account.id, filter).then((response) => {\n dispatch({\n type: SET_TRANSACTIONS,\n total: response.data.success ? response.data.total : 0,\n transactions: response.data.success ? response.data.result : []\n });\n });\n }\n };\n\nexport const searchBills = (institutionId: number | null, filter: TransactionFilter): AppThunk =>\n (dispatch: Dispatch, getState) => {\n const account = getState().user.account;\n financeApi.searchBills(institutionId ? null : account?.id, institutionId, filter).then((response) => {\n dispatch({\n type: SET_BILLS,\n total: response.data.success ? response.data.total : 0,\n bills: response.data.success ? response.data.result : [],\n filter\n });\n });\n };\n\nexport const setTransactionFilter = (filter: TransactionFilter): AppThunk =>\n (dispatch: Dispatch) => {\n dispatch({\n type: SET_TRANSACTION_FILTER,\n filter\n });\n };\n\nexport const updateTransactionFilter = (filterKey: string, filterValue: string): AppThunk =>\n (dispatch: Dispatch) => {\n dispatch({\n type: UPDATE_TRANSACTION_FILTER,\n filterKey,\n filterValue\n });\n };\n\nexport const updateTransactionTypeFilter = (transactionType: TransactionTypeEnum, creditType?: CreditType): AppThunk =>\n (dispatch: Dispatch) => {\n dispatch({\n type: UPDATE_TRANSACTION_TYPE_FILTER,\n transactionType,\n creditType\n });\n };\n\nexport const resetTransactionTypeFilter = (): AppThunk =>\n (dispatch: Dispatch) => {\n dispatch({\n type: RESET_TRANSACTION_TYPE_FILTER\n });\n };\n\nexport const resetParentFinance = () => (dispatch: Dispatch) => {\n dispatch({\n type: SET_TRANSACTIONS,\n total: 0,\n transactions: [],\n filter: {\n page: 0,\n pageSize: 10\n }\n });\n dispatch({\n type: SET_BILLS,\n total: 0,\n bills: [],\n filter: {\n page: 0,\n pageSize: 10\n }\n });\n};\n","import {Dispatch} from 'react';\nimport {AppThunk} from '../../common/reducer/reducers';\nimport {FinanceConfig} from '../../types/finance/FinanceConfig';\nimport financeApi from '../api/financeApi';\n\nexport const FETCH_FINANCE_CONFIG = 'FETCH_FINANCE_CONFIG';\n\ninterface FetchFinanceConfigAction {\n type: typeof FETCH_FINANCE_CONFIG;\n financeConfig: FinanceConfig;\n}\n\nexport type FinanceConfigActions = FetchFinanceConfigAction;\n\nexport const fetchFinanceConfig = (): AppThunk =>\n (dispatch: Dispatch) => {\n financeApi.fetchFinanceConfig().then(res => {\n if (res.data.success && res.data.result) {\n const result = res.data.result;\n dispatch({\n type: FETCH_FINANCE_CONFIG,\n financeConfig: {\n FINANCE_SEPA_ACTIVE: result.FINANCE_SEPA_ACTIVE === 'true',\n FINANCE_INFO_ACTIVE: result.FINANCE_INFO_ACTIVE === 'true',\n FINANCE_FALLBACK_BANK_DATA: result.FINANCE_FALLBACK_BANK_DATA,\n FINANCE_SCHEDULED_SEPA_ACTIVE: result.FINANCE_SCHEDULED_SEPA_ACTIVE === 'true',\n FINANCE_FEE_ACTIVE: result.FINANCE_FEE_ACTIVE === 'true',\n FINANCE_ALLOW_BANK_TRANSFER_WITHOUT_APPROVAL: result.FINANCE_ALLOW_BANK_TRANSFER_WITHOUT_APPROVAL === 'true'\n }\n });\n }\n });\n };\n","import {httpClient} from '../../common/api/HttpClient';\nimport {convertDateToIsoDateString} from '../../common/util/DateUtil';\nimport {TransactionTypeEnum} from '../../types/enums/transaction/TransactionTypeEnum';\n\nexport const financeApi = {\n searchTransactionsForAccount: (accountId, filter) => {\n if (!filter.page) {\n filter.page = 0;\n }\n if (!filter.pageSize) {\n filter.pageSize = 10;\n }\n const queryParams = searchCriteriaToQueryParams(accountId, filter, null);\n return httpClient.get(`transactions/search?${queryParams}`);\n },\n downloadBillById: (id) => {\n return httpClient.get(`billing/documents/${id}`, {responseType: 'blob'});\n },\n searchBills(accountId, institutionId, filter) {\n if (!filter.page) {\n filter.page = 0;\n }\n if (!filter.pageSize) {\n filter.pageSize = 10;\n }\n const queryParams = searchCriteriaToQueryParams(accountId, filter, institutionId);\n return httpClient.get(`billing/search?${queryParams}`);\n },\n fetchFinanceConfig: () => {\n return httpClient.get('config/gabel1/by-prefix/finance');\n }\n};\n\nconst searchCriteriaToQueryParams = (accountId, filter, institutionId) => {\n const queryParams = new URLSearchParams();\n\n if (filter) {\n if (filter.page >= 0) {\n queryParams.append('page', filter.page);\n }\n if (filter.pageSize) {\n queryParams.append('pageSize', filter.pageSize);\n }\n if (accountId) {\n queryParams.append('accountId', accountId);\n }\n if (filter.transactionType) {\n queryParams.append('transactionType', filter.transactionType);\n if (filter.transactionType === TransactionTypeEnum.CREDIT && filter.creditType) {\n queryParams.append('creditType', filter.creditType);\n }\n }\n if (filter.bookingDateFrom) {\n queryParams.append('bookingDateFrom', convertDateToIsoDateString(filter.bookingDateFrom));\n }\n if (filter.bookingDateTo) {\n queryParams.append('bookingDateTo', convertDateToIsoDateString(filter.bookingDateTo));\n }\n if (filter.mealDateFrom) {\n queryParams.append('mealDateFrom', convertDateToIsoDateString(filter.mealDateFrom));\n }\n if (filter.mealDateTo) {\n queryParams.append('mealDateTo', convertDateToIsoDateString(filter.mealDateTo));\n }\n if (filter.name) {\n queryParams.append('name', filter.name);\n }\n }\n\n if (institutionId) {\n queryParams.append('institutionId', institutionId);\n }\n\n return queryParams.toString();\n};\n\nexport default financeApi;\n","import {httpClient} from '../../common/api/HttpClient';\nimport {BalanceWithdrawalType} from '../../types/finance/BalanceWithdrawalType';\nimport {InstantPayoutRequest} from '../../types/finance/InstantPayoutRequest';\n\nexport const withdrawalApi = {\n sendRequest: (withdrawal: BalanceWithdrawalType) => {\n return httpClient.post('balance-withdrawals', withdrawal);\n },\n triggerInstantPayout: (instantPayoutRequests: Array) => httpClient.post('balance-withdrawals/instant-payout', instantPayoutRequests),\n requestWithdrawalWithTask: (withdrawal: BalanceWithdrawalType) => httpClient.post('balance-withdrawals/with-task', withdrawal),\n findForAccount: () => {\n return httpClient.get('balance-withdrawals/with-task');\n },\n delete: (withdrawalId: number) => {\n return httpClient.delete(`balance-withdrawals/with-task/${withdrawalId}`);\n }\n};\n\nexport default withdrawalApi;\n","import React, {useCallback, useEffect, useMemo, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Column} from 'react-table';\nimport billApi from '../../caterer/bills/api/billApi';\nimport ConfirmationDialog from '../../common/component/form/ConfirmationDialog';\nimport OcTable from '../../common/component/table/OcTable';\nimport {DefaultState} from '../../common/reducer/reducers';\nimport {formatDate, formatDateYearAndMonth} from '../../common/util/DateUtil';\nimport {fileDownload} from '../../common/util/fileDownloadUtil';\nimport {showMessage} from '../../message/action/messageActions';\nimport {BillType} from '../../types/BillType';\nimport BillTableToolCell from './BillTableToolCell';\n\ntype Props = {\n accountName: string,\n bills: Array,\n onReloadBills?: () => void,\n catererName: string,\n isParentView?: boolean\n}\n\nfunction isCancelBill(billType: string) {\n return billType.indexOf('CANCEL') >= 0;\n}\n\nfunction AccountBillList({ accountName, bills, catererName, isParentView = true, onReloadBills } : Readonly) {\n const [t] = useTranslation();\n const dispatch = useDispatch();\n\n const currentLanguage = useSelector((state: DefaultState) => state.i18n.currentLanguage);\n const [filteredBills, setFilteredBills] = useState([]);\n const [selectedYear, setSelectedYear] = useState();\n const [billToUpdate, setBillToUpdate] = useState();\n\n const billYears: number[] = useMemo(() => {\n if (bills.length > 0) {\n const years = Array.from(new Set(bills.map(bill => bill.year)));\n return years.sort((a, b) => (a > b ? -1 : 1));\n }\n return [];\n }, [bills]);\n\n const applyFilter = useCallback((inputYear: number) => {\n setFilteredBills(bills.filter(bill => bill.year === inputYear));\n }, [bills]);\n\n useEffect(() => {\n if (billYears.length > 0) {\n setSelectedYear(billYears[0]);\n }\n }, [billYears]);\n\n useEffect(() => {\n if (bills.length > 0 && selectedYear) {\n applyFilter(selectedYear);\n }\n }, [bills, selectedYear, applyFilter]);\n\n const createBillDisplayName = useCallback((bill) => {\n const prefix = bill.billType === 'PARENT_CANCEL_BILL' || bill.billType === 'BUT_CANCEL_BILL' ?\n t('Finance.CANCEL_BILL')\n : t('Finance.BILL');\n return `${prefix}_${catererName}_${bill.fromDate}_${accountName}.pdf`;\n }, [accountName, catererName, t]);\n\n const downloadBill = useCallback((id, filename) => {\n fileDownload({\n url: `billing/documents/${id}`,\n fileName: filename\n });\n }, []);\n\n const columns: Array> = useMemo(() => {\n const result = new Array>();\n if (!isParentView) {\n result.push({\n Header: t('BillOverview.SERIAL_NUMBER'),\n accessor: 'serialNumber',\n Cell: props => {\n const isCancel = isCancelBill(props.row.original.billType);\n return {setSelectedYear(year); applyFilter(year); }}>\n {year}\n \n ))\n }\n ();\n const [refundDone, setRefundDone] = useState(false);\n\n const buttonPlacementClassName = buttonPlacement !== 'start' ? 'justify-content-end' : 'justify-content-start';\n\n const [showError, setShowError] = useState(false);\n useEffect(() => {\n if (paymentMethods && paymentMethods.length === 1) {\n setSelectedPaymentMethod(paymentMethods[0]);\n }\n }, [paymentMethods]);\n\n const handleCancel = useCallback(() => {\n if (onCancel) {\n setSelectedPaymentMethod(undefined);\n onCancel();\n }\n }, [onCancel]);\n\n const triggerInstantRefund = useCallback(() => {\n if (selectedPaymentMethod) {\n withdrawalApi.triggerInstantPayout([{\n stripeId: selectedPaymentMethod.stripeId,\n amount: withdrawalAmount\n }]).then((withdrawalResponse) => {\n if (withdrawalResponse.data.success) {\n setRefundDone(true);\n dispatch(showMessage('Finance.BALANCE_WITHDRAWAL_PAYMENT_SUCCESS',\n {amount: formatter.format(withdrawalAmount)}));\n onDone();\n }\n });\n } else {\n setShowError(true);\n }\n }, [selectedPaymentMethod, withdrawalAmount, formatter, onDone, dispatch]);\n\n const cancelOrdersAndRequestRefund = useCallback(() => {\n if (selectedPaymentMethod && account) {\n /* For the withdrawal request, the backend has to check the withdrawal amount against the current balance.\n * So first increase the balance by cancelling all orders. */\n transactionApi.cancelOrdersForAccount(account.id).then(cancelResponse => {\n if (cancelResponse.data.success) {\n triggerInstantRefund();\n }\n });\n } else {\n setShowError(true);\n }\n }, [selectedPaymentMethod, account, triggerInstantRefund]);\n\n const handleRefund = useCallback(() => {\n if (isAccountDeletion) {\n cancelOrdersAndRequestRefund()\n } else {\n triggerInstantRefund();\n }\n }, [isAccountDeletion, cancelOrdersAndRequestRefund, triggerInstantRefund]);\n\n const handleSelectPaymentMethod = useCallback((paymentMethod: PaymentMethod) => {\n if (!refundDone) {\n setSelectedPaymentMethod(paymentMethod);\n setShowError(false);\n }\n }, [refundDone]);\n\n const renderPaymentDetails = useCallback((paymentMethodData) => {\n if (paymentMethodData.paymentType === PaymentMethodType.CUSTOMER_BALANCE) {\n return ) {\n const [t] = useTranslation();\n\n const updatable = useMemo(() => !(row.original.billType === 'MISSING_BILL' || row.original.billType.includes('CANCEL')), [row.original]);\n const outdated = useMemo(() => !!row.original.replacedByBillNumber || !!row.original.cancellingBillingNumber, [row.original]);\n\n return (\n ) => {\n i18n.changeLanguage(language).then(() => {\n dispatch({\n type: 'CHANGE_LANGUAGE',\n language\n });\n });\n};\n","import {httpClient} from '../../common/api/HttpClient';\n\nexport const mealPlanManagementApi = {\n fetchNutritionClassesForCaterer: (catererId) => httpClient.get('meal-plans/nutrition-classes', {params: {catererId}}),\n fetchNutritionClassById: (nutritionClassId) => httpClient.get(`meal-plans/nutrition-classes/${nutritionClassId}`),\n createOrUpdateNutritionClass: (nutritionClass) => httpClient.post('meal-plans/nutrition-classes', nutritionClass),\n deleteNutritionClass: (nutritionClassId) => httpClient.delete(`meal-plans/nutrition-classes/${nutritionClassId}`),\n fetchMenuGroupsForChild: (childId) => httpClient.get('meal-plans/menu-groups/child', {params: {childId}}),\n fetchMenuGroupsForInstitution: (institutionId, includeLogos, filterByHasNutritionClass, filterForDeactivationDate) => httpClient.get('meal-plans/menu-groups/institution', {\n params: {\n institutionId,\n includeLogos,\n filterByHasNutritionClass,\n filterForDeactivationDate\n }\n }),\n fetchMenuGroups: (catererId) => httpClient.get('meal-plans/menu-groups', {params: {catererId}}),\n fetchMenuGroupsApproved: (catererId) => httpClient.get('meal-plans/menu-groups/approved', {params: {catererId}}),\n fetchMenuGroupsSimple: (catererId) => httpClient.get('meal-plans/menu-groups/simple', {params: {catererId}}),\n createOrUpdateMenuGroup: (menuGroup) => httpClient.post('meal-plans/menu-groups', menuGroup),\n deleteMenuGroup: (menuGroupId) => httpClient.delete(`meal-plans/menu-groups/${menuGroupId}`),\n fetchServingSizes: (catererId) => httpClient.get('meal-plans/serving-sizes', {params: {catererId}}),\n fetchApprovedServingSizes: (catererId) => httpClient.get('meal-plans/serving-sizes/approved', {params: {catererId}}),\n fetchServingSizesForInstitution: (institutionId) => httpClient.get('meal-plans/serving-sizes/institution', {params: {institutionId}}),\n createOrUpdateServingSize: (servingSize) => httpClient.post(`meal-plans/serving-sizes`, servingSize),\n deleteServingSize: (servingSizeId) => httpClient.delete(`meal-plans/serving-sizes/${servingSizeId}`),\n\n fetchCurrentMenuPrices: (catererId) => httpClient.get(`menu-prices/${catererId}/current`),\n addToCurrentMenuPrices: (catererId, prices) => httpClient.post(`menu-prices/${catererId}/current`, prices),\n fetchMenuPriceUpdates: (catererId) => httpClient.get(`menu-prices/${catererId}/updates`),\n updateMenuPriceUpdates: (catererId, priceUpdates) => httpClient.post(`menu-prices/${catererId}/updates`, priceUpdates),\n deletePriceUpdates: (catererId) => httpClient.delete(`menu-prices/${catererId}/updates`),\n\n createOrUpdateInstitutionPriceUpdates: (institutionId, priceUpdates) => httpClient.post(`menu-prices/institution/${institutionId}`, priceUpdates),\n deleteInstitutionPriceUpdates: (institutionId) => httpClient.delete(`menu-prices/institution/${institutionId}`),\n resetInstitutionPrices: (institutionId, resetAt) => httpClient.post(`menu-prices/institution/${institutionId}/reset`, null, {params: {resetAt}}),\n removeResetInstitutionPrices: (institutionId) => httpClient.delete(`menu-prices/institution/${institutionId}/reset`),\n fetchInstitutionPrices: (institutionId) => httpClient.get(`menu-prices/institution/${institutionId}/current`),\n fetchFutureInstitutionPrices: (institutionId) => httpClient.get(`menu-prices/institution/${institutionId}/future`),\n downloadMenuPrice: (catererId) => httpClient.get(`menu-prices/${catererId}/download`, {responseType: 'blob'})\n};\n\nexport default mealPlanManagementApi;\n","import {Dispatch} from 'react';\nimport menuApi from '../../administration/api/menuApi';\nimport {AppThunk} from '../../common/reducer/reducers';\nimport {AdditiveType} from '../../types/AdditiveType';\nimport {AllergenType} from '../../types/AllergenType';\n\nexport const SET_ALLERGENS_ADDITIVES = 'SET_ALLERGENS_ADDITIVES';\n\ninterface SetAllergensAdditivesAction {\n type: typeof SET_ALLERGENS_ADDITIVES;\n additives: AdditiveType[];\n allergens: AllergenType[];\n}\n\nexport const loadAllergensAndAdditives = (): AppThunk =>\n (dispatch: Dispatch) => {\n menuApi.findAllAllergensAndAdditives().then(res => {\n if (res.data.success) {\n dispatch({\n type: SET_ALLERGENS_ADDITIVES,\n allergens: res.data.result.allergens,\n additives: res.data.result.additives\n });\n }\n });\n};\n\nexport type MealActions = SetAllergensAdditivesAction;\n","import {Dispatch} from 'react';\nimport {AppThunk} from '../../common/reducer/reducers';\nimport {LabelParameterType, MessageType} from '../../types/MessageType';\n\nexport const SHOW_MESSAGE_SECONDS = 10;\nexport const ADD_MESSAGE = 'ADD_MESSAGE';\nexport const CLEAR_MESSAGES = 'CLEAR_MESSAGES';\n\ninterface AddMessageAction {\n type: typeof ADD_MESSAGE;\n message: MessageType;\n}\n\ninterface ClearMessageAction {\n type: typeof CLEAR_MESSAGES;\n}\n\nexport type MessageActions = AddMessageAction | ClearMessageAction\n\nexport const showMessage = (label: string, labelParameters: LabelParameterType = {}, type: 'success' | 'error' = 'success'): AppThunk => (dispatch: Dispatch) => {\n dispatch({\n type: ADD_MESSAGE,\n message: {\n label,\n labelParameters,\n type\n }\n });\n};\n\nexport const showError = (label: string, error?: unknown, labelParameters: LabelParameterType = {}): AppThunk => (dispatch: Dispatch) => {\n if (error) {\n console.log(error);\n }\n dispatch({\n type: ADD_MESSAGE,\n message: {\n label,\n labelParameters,\n type: 'error'\n }\n });\n};\n\nexport const clearMessages = (): AppThunk => (dispatch: Dispatch) => {\n dispatch({\n type: CLEAR_MESSAGES\n });\n};\n","import {httpClient} from '../../common/api/HttpClient';\n\nexport const mealPlanApi = {\n createOrUpdateMeal: (order) => httpClient.post('transactions/', order),\n removeMeal: (orderId) => httpClient.delete(`transactions/${orderId}`),\n createOrUpdateGroupOrders: (groupId, orders) => httpClient.post(`transactions/group/${groupId}`, orders),\n findByTimespanAndChildId: (from, to, childId) => httpClient.get(`menus/child/${childId}?startDate=${from}&endDate=${to}`),\n findByTimespanAndGroupId: (from, to, groupId) => httpClient.get(`menus/group/${groupId}?startDate=${from}&endDate=${to}`)\n};\n\nexport default mealPlanApi;\n","import {httpClient} from '../../common/api/HttpClient';\nimport {convertDateToIsoDateString} from '../../common/util/DateUtil';\n\nexport const subscripitionApi = {\n createOrUpdate: (subscription) => httpClient.post('subscriptions', subscription),\n createOrUpdateGroupSubscriptions: (groupId, startDate, endDate, subscriptions) => {\n const groupQueryParams = buildGroupQueryParams(startDate, endDate);\n return httpClient.post(`subscriptions/group/${groupId}?${groupQueryParams}`, subscriptions);\n },\n findByChildId: (childId) => httpClient.get(`subscriptions/children/${childId}`),\n findByGroupId: (groupId) => httpClient.get(`subscriptions/group/${groupId}`),\n remove: (subscriptionId) => httpClient.delete(`subscriptions/${subscriptionId}`),\n removeGroupSubscriptions: (groupId) => httpClient.delete((`subscriptions/group/${groupId}`))\n};\n\nexport const buildGroupQueryParams = (startDate, endDate) => {\n const queryParams = new URLSearchParams();\n\n if (startDate) {\n queryParams.append('startDate', convertDateToIsoDateString(startDate));\n }\n if (endDate) {\n queryParams.append('endDate', convertDateToIsoDateString(endDate));\n }\n return queryParams.toString();\n};\n\nexport default subscripitionApi;\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport catererApi from '../../caterer/api/catererApi';\nimport InfoTooltip from '../../common/component/InfoTooltip';\nimport {sortWeekdays} from '../../common/util/DateUtil';\n\nfunction Deadlines({\n label,\n showIcon,\n isGroup = false,\n catererId,\n showAsCard = false\n }) {\n const [t] = useTranslation();\n const [deadlineParams, setDeadlineParams] = useState({});\n\n const chooseDayDifferenceLabel = useCallback((dayDifference) => {\n if (dayDifference <= 0) {\n return t('Deadlines.UNTIL_SAME_DAY');\n } else if (dayDifference === 1) {\n return t('Deadlines.UNTIL_DAY_BEFORE');\n } else {\n return t('Deadlines.UNTIL_X_DAYS_BEFORE', {dayDifference: dayDifference});\n }\n }, [t]);\n\n const handleResult = useCallback((res) => {\n if (res?.data.success) {\n const result = res.data.result;\n const businessDays = [];\n const sortedWeekdays = sortWeekdays(result.businessDays);\n sortedWeekdays.forEach((w) => {\n businessDays.push(t('Weekday.' + w));\n });\n const param = {\n cancel: {\n time: result.cancellationDeadline.substring(0, 5),\n days: chooseDayDifferenceLabel(result.cancellationDayDifference)\n },\n order: {\n time: result.orderDeadline.substring(0, 5),\n days: chooseDayDifferenceLabel(result.orderDayDifference)\n },\n weekdays: businessDays.join(', ')\n };\n setDeadlineParams(param);\n }\n }, [t, chooseDayDifferenceLabel]);\n\n useEffect(() => {\n if (catererId) {\n if (isGroup) {\n catererApi.findCatererTimeManagementsForGroup(catererId).then((res) => handleResult(res));\n } else {\n catererApi.findCatererTimeManagementsForChild(catererId).then((res) => handleResult(res));\n }\n }\n }, [catererId, isGroup, handleResult]);\n\n function getDeadlinesBody() {\n return <>\n \n {getDeadlinesBody()}\n \n );\n}\n\nexport default Deadlines;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport InfoTooltip from '../../common/component/InfoTooltip';\nimport OrderOption from '../../common/enums/OrderOption';\nimport '../style/OrderTypeAdvantages.scss';\nimport Deadlines from './Deadlines';\n\nfunction OrderTypeAdvantages({\n orderOption,\n isInstitution = false,\n catererId\n }) {\n const [t] = useTranslation();\n\n return (\n ) {\n const [t] = useTranslation();\n const [showPauseDates, setShowPauseDates] = useState(!!pauseStartDate);\n\n const handleShowPauseDatesChanged = useCallback((enabled) => {\n setShowPauseDates(enabled);\n if (!enabled) {\n handleRemovePause();\n }\n }, [handleRemovePause]);\n\n function calculateMinPauseStartDate(): Date {\n return max(new Date(startDate), new Date(minOrderableDate));\n }\n\n function calculateMaxPauseStartDate(): Date | null {\n if (pauseEndDate) {\n return new Date(pauseEndDate);\n }\n\n if (endDate) {\n return new Date(endDate);\n }\n\n return null;\n }\n\n return (\n {\n onRemove();\n setShowCancellationConfirmation(false);\n }}\n onCancel={() => setShowCancellationConfirmation(false)}\n />\n \n );\n}\n\nexport default SubscriptionFooterRow;\n","import React, {useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport SlideDown from 'react-slidedown';\nimport 'react-slidedown/lib/slidedown.css';\nimport OrderOption from '../../common/enums/OrderOption';\nimport OrderTypeAdvantages from './OrderTypeAdvantages';\n\nfunction SubscriptionInfo({\n onSwitch,\n isInstitution = false,\n catererId\n }) {\n const [t] = useTranslation();\n const [showDetails, setShowDetails] = useState(false);\n\n function toggleDetails(e) {\n e.preventDefault();\n setShowDetails(!showDetails);\n }\n\n return (\n = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case SET_CARRIERS: {\n if (!action.carriers) {\n return {\n ...state,\n carriers: []\n };\n }\n return {\n ...state,\n carriers: action.carriers\n };\n }\n case SET_INSTITUTIONS: {\n if (!action.institutions) {\n return {\n ...state,\n institutions: []\n };\n }\n return {\n ...state,\n institutions: action.institutions\n };\n }\n case SET_CATERERS: {\n if (!action.caterers) {\n return {\n ...state,\n caterers: []\n };\n }\n return {\n ...state,\n caterers: action.caterers\n };\n }\n case SET_MEAL_PRICES: {\n if (!action.mealPrices) {\n return {\n ...state,\n mealPrices: []\n };\n }\n return {\n ...state,\n mealPrices: action.mealPrices\n };\n }\n case SET_PARENTS: {\n if (!action.parents) {\n return {\n ...state,\n parents: []\n };\n }\n return {\n ...state,\n parents: action.parents\n };\n }\n }\n return state;\n};\n\nexport default administrationReducer;\n","import {Reducer} from 'react';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {BillingAddressActions, SET_BILLING_ADDRESS_FILTER} from '../action/billingAddressActions';\n\nexport type BillingAddressState = {\n filter: string,\n}\nconst initialState: BillingAddressState = {\n filter: ''\n};\n\nconst billingAddressReducer: Reducer = (state = initialState, action = {type: ''}) => {\n if (action.type === SET_BILLING_ADDRESS_FILTER) {\n return {\n ...state,\n filter: action.filter\n };\n }\n return state;\n};\n\nexport default billingAddressReducer;\n","const initialState = {\n filter: null,\n pagination: {page: 0}\n};\n\nexport default function carrierFilterReducer(state = initialState, action = {type: ''}) {\n switch (action.type) {\n case 'RESET_CARRIER_FILTER': {\n return {\n ...state,\n filter: null\n };\n }\n case 'SET_CARRIER_FILTER': {\n return {\n ...state,\n filter: action.value\n };\n }\n\n case 'SET_CARRIER_PAGE_INDEX': {\n if (!action.pageIndex) {\n return {\n ...state,\n pagination: initialState.pagination\n };\n }\n return {\n ...state,\n pagination: {\n ...state.pagination,\n page: action.pageIndex\n }\n };\n }\n }\n return state;\n}\n","const initialState = {\n creditTableFilter: {\n page: 0,\n pageSize: 10,\n bookingDateFrom: null,\n bookingDateTo: null,\n customerNumber: null,\n customerName: null,\n note: null,\n creditTypes: [],\n paymentMethodType: null\n },\n creditTableTransactions: [],\n totalCreditTableTransactions: 0\n};\n\nexport default function creditReducer(state = initialState, action = {type: ''}) {\n switch (action.type) {\n case 'SET_CREDIT_TABLE_FILTER': {\n if (!action.filter) {\n return {\n ...state,\n creditTableFilter: {\n page: 0,\n pageSize: 10\n }\n };\n }\n return {\n ...state,\n creditTableFilter: action.filter\n };\n }\n case 'SET_CREDITS': {\n if (!action.creditTableTransactions || !action.totalCreditTableTransactions) {\n return {\n ...state,\n creditTableTransactions: [],\n totalCreditTableTransactions: 0,\n creditTableFilter: action.filter ? action.filter : {\n page: 0,\n pageSize: 10\n }\n };\n }\n return {\n ...state,\n creditTableTransactions: action.creditTableTransactions,\n totalCreditTableTransactions: action.totalCreditTableTransactions,\n creditTableFilter: action.filter\n };\n }\n }\n return state;\n}\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {DeliverGroupActions, SET_DELIVERY_GROUP_FILTER} from '../action/deliveryGroupActions';\n\nexport type DeliverGroupState = {\n filter: string,\n}\nconst initialState: DeliverGroupState = {\n filter: ''\n};\n\nconst deliverGroupReducer: Reducer = (state = initialState, action = {type: ''}) => {\n if (action.type === SET_DELIVERY_GROUP_FILTER) {\n return {\n ...state,\n filter: action.filter\n };\n }\n return state;\n};\n\nexport default deliverGroupReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {InstitutionActions, RESET_INSTITUTION_FILTER, SET_INSTITUTION_FILTER, SET_INSTITUTION_PAGE_INDEX} from '../action/institutionFilterActions';\n\ntype InstituteState = {\n filter: string | null\n pagination: {\n page: number\n }\n}\n\nconst initialState = {\n filter: null,\n pagination: {page: 0}\n};\n\nconst institutionFilterReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case RESET_INSTITUTION_FILTER: {\n return {\n ...state,\n filter: null\n };\n }\n case SET_INSTITUTION_FILTER: {\n return {\n ...state,\n filter: action.value\n };\n }\n\n case SET_INSTITUTION_PAGE_INDEX: {\n if (!action.pageIndex) {\n return {\n ...state,\n pagination: initialState.pagination\n };\n }\n return {\n ...state,\n pagination: {\n ...state.pagination,\n page: action.pageIndex\n }\n };\n }\n }\n return state;\n};\n\nexport default institutionFilterReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {BillType} from '../../types/BillType';\nimport {TransactionTypeEnum} from '../../types/enums/transaction/TransactionTypeEnum';\nimport {BaseFilterType} from '../../types/filter/BaseFilterType';\nimport {TransactionFilter} from '../../types/filter/TransactionFilter';\nimport {TransactionType} from '../../types/TransactionType';\nimport {\n FinanceActions,\n RESET_TRANSACTION_TYPE_FILTER,\n SET_BILLS,\n SET_TRANSACTION_FILTER,\n SET_TRANSACTIONS,\n UPDATE_TRANSACTION_FILTER,\n UPDATE_TRANSACTION_TYPE_FILTER\n} from '../actions/financeActions';\n\ntype FinanceState = {\n transactionFilter: TransactionFilter\n transactions: TransactionType[]\n totalTransactions: number\n billFilter: BaseFilterType\n bills: BillType[]\n totalBills: number\n}\nconst initialState: FinanceState = {\n transactionFilter: {\n page: 0,\n pageSize: 10,\n bookingDateFrom: undefined,\n bookingDateTo: undefined,\n mealDateFrom: undefined,\n mealDateTo: undefined,\n name: undefined\n },\n billFilter: {\n page: 0,\n pageSize: 10\n },\n bills: [],\n transactions: [],\n totalTransactions: 0,\n totalBills: 0\n};\n\nconst financeReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case SET_TRANSACTION_FILTER: {\n if (!action.filter) {\n return {\n ...state,\n transactionFilter: {\n page: 0,\n pageSize: 10\n }\n };\n }\n return {\n ...state,\n transactionFilter: action.filter\n };\n }\n case UPDATE_TRANSACTION_FILTER: {\n if (!action.filterKey) {\n return {\n ...state,\n transactionFilter: {\n ...state.transactionFilter,\n page: 0,\n pageSize: 10\n }\n };\n }\n return {\n ...state,\n transactionFilter: {\n ...state.transactionFilter,\n [action.filterKey]: action.filterValue\n }\n };\n }\n case UPDATE_TRANSACTION_TYPE_FILTER: {\n return {\n ...state,\n transactionFilter: {\n ...state.transactionFilter,\n transactionType: action.transactionType,\n creditType: action.creditType,\n mealDateFrom: action.transactionType === TransactionTypeEnum.DEBIT ? state.transactionFilter.mealDateFrom : undefined,\n mealDateTo: action.transactionType === TransactionTypeEnum.DEBIT ? state.transactionFilter.mealDateTo : undefined\n }\n };\n }\n case RESET_TRANSACTION_TYPE_FILTER: {\n return {\n ...state,\n transactionFilter: {\n ...state.transactionFilter,\n transactionType: undefined,\n creditType: undefined\n }\n };\n }\n case SET_TRANSACTIONS: {\n if (!action.transactions || !action.total) {\n return {\n ...state,\n transactions: [],\n totalTransactions: 0\n };\n }\n return {\n ...state,\n transactions: action.transactions,\n totalTransactions: action.total\n };\n }\n case SET_BILLS: {\n if (!action.bills || !action.total) {\n return {\n ...state,\n bills: [],\n totalBills: 0,\n billFilter: action.filter ? action.filter : {\n page: 0,\n pageSize: 10\n }\n };\n }\n return {\n ...state,\n bills: action.bills,\n totalBills: action.total,\n billFilter: action.filter\n };\n }\n }\n return state;\n};\n\nexport default financeReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {FinanceConfig} from '../../types/finance/FinanceConfig';\nimport {FETCH_FINANCE_CONFIG, FinanceConfigActions} from '../actions/financeConfigActions';\n\ntype FinanceConfigState = {\n financeConfig: FinanceConfig;\n}\n\nconst initialState: FinanceConfigState = {\n financeConfig: {\n FINANCE_SEPA_ACTIVE: true,\n FINANCE_INFO_ACTIVE: false,\n FINANCE_FALLBACK_BANK_DATA: '',\n FINANCE_SCHEDULED_SEPA_ACTIVE: true,\n FINANCE_FEE_ACTIVE: true,\n FINANCE_ALLOW_BANK_TRANSFER_WITHOUT_APPROVAL: false\n }\n};\n\nconst financeConfigReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case FETCH_FINANCE_CONFIG: {\n if (action.financeConfig) {\n return {\n ...state,\n financeConfig: action.financeConfig\n };\n }\n\n return {\n ...state\n };\n }\n }\n\n return state;\n};\n\nexport default financeConfigReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {CHANGE_LANGUAGE, I18nActions, I18nState} from '../action/i18nActions';\n\nexport const initialState: I18nState = {\n currentLanguage: 'de-DE',\n currentLocale: 'de',\n languages: [\n {\n value: 'de-DE',\n locale: 'de',\n label: 'Deutsch'\n },\n {\n value: 'en-US',\n locale: 'en',\n label: 'English'\n }\n ]\n};\n\nconst i18nReducer: Reducer = (state = initialState, action = {type: ''}) => {\n if (action.type === CHANGE_LANGUAGE) {\n return {\n ...state,\n currentLanguage: action.language\n };\n }\n\n return state;\n};\n\nexport default i18nReducer;\n","import {Reducer} from 'react';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {AdditiveType} from '../../types/AdditiveType';\nimport {AllergenType} from '../../types/AllergenType';\nimport {MealActions, SET_ALLERGENS_ADDITIVES} from '../actions/mealAction';\n\ntype MealState = {\n allergens: AllergenType[]\n additives: AdditiveType[]\n}\nconst initialState: MealState = {\n allergens: [],\n additives: []\n};\nconst mealReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case SET_ALLERGENS_ADDITIVES:\n if (action.additives && action.allergens) {\n return {\n ...state,\n additives: action.additives,\n allergens: action.allergens\n };\n }\n break;\n }\n return state;\n};\n\nexport default mealReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {MessageType} from '../../types/MessageType';\nimport {ADD_MESSAGE, CLEAR_MESSAGES, MessageActions, SHOW_MESSAGE_SECONDS} from '../action/messageActions';\n\ntype MessageState = {\n messages: MessageType[]\n}\n\nconst initialLoaderState = {\n messages: []\n};\n\nconst messageReducer: Reducer = (state = initialLoaderState, action = {type: ''}) => {\n if (action.type === ADD_MESSAGE) {\n const nowInMilliseconds = (new Date()).getTime();\n return {\n ...state,\n messages: [\n // Remove older messages\n ...state.messages.filter(message => !message.created || message.created > (nowInMilliseconds - 1000 * SHOW_MESSAGE_SECONDS)),\n {\n ...action.message,\n created: nowInMilliseconds\n }\n ]\n };\n } else if (action.type === CLEAR_MESSAGES) {\n return {\n ...state,\n messages: []\n };\n }\n\n return state;\n};\n\nexport default messageReducer;\n","import {Reducer} from 'react';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {TaskFilterType} from '../../types/filter/TaskFilterType';\nimport {Task} from '../../types/Task';\nimport {emptyFilter, SET_TASKBOARD_FILTER, SET_TASKS, TaskActions} from '../action/taskActions';\n\ntype TaskState = {\n tasks: Task[]\n total: number\n filter: TaskFilterType\n}\nconst initialState = {\n tasks: [],\n total: 0,\n filter: emptyFilter\n};\n\nconst taskReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case SET_TASKS: {\n return {\n ...state,\n tasks: action.tasks,\n total: action.total,\n filter: action.filter\n };\n }\n case SET_TASKBOARD_FILTER: {\n return {\n ...state,\n filter: action.filter\n };\n }\n }\n\n return state;\n};\n\nexport default taskReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {UserType} from '../../types/UserType';\nimport {SET_ACCOUNT, SET_BALANCE, SET_USER, UserActions} from '../action/userActions';\n\ntype UserStateType = UserType & {\n isLoggedIn: boolean\n checkedState: boolean\n};\n\nconst initialState: UserStateType = {\n isLoggedIn: false,\n checkedState: false\n};\n\nconst userReducer: Reducer = (state = initialState, action = {type: ''}): UserStateType => {\n if (action.type === SET_USER) {\n if (!action.user) {\n return {\n ...initialState,\n checkedState: true\n };\n }\n\n return {\n ...state,\n ...action.user,\n account: {\n ...state.account,\n ...action.user.account\n },\n isLoggedIn: !!action.user.login && !!action.user.login.id,\n checkedState: true\n };\n } else if (action.type === SET_ACCOUNT) {\n // Only change the account inside the user state:\n if (!action.account) {\n return {\n ...initialState,\n checkedState: true\n };\n }\n\n return {\n ...state,\n account: {\n ...state.account,\n ...action.account ?? {}\n }\n };\n } else if (action.type === SET_BALANCE) {\n return {\n ...state,\n account: {\n ...state.account,\n balance: action.balance\n }\n };\n }\n\n return state;\n};\n\nexport default userReducer;\n","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {combineBusinessDays} from '../../common/util/CatererBusinessDaysUtil';\nimport {CatererNews} from '../../types/caterer/CatererNewsType';\nimport {\n CatererActions,\n SET_CATERER_BASICS,\n SET_CATERER_ICON,\n SET_CATERER_IMPRINT,\n SET_CATERER_LOGO,\n SET_CATERER_NEWS,\n SET_CATERER_PRIVACY,\n SET_CATERER_TERMS_CONDITION,\n SET_CATERER_TIME_MANAGEMENT\n} from '../action/catererActions';\nimport {CatererTimeManagementData} from '../types/CatererTimeManagementData';\n\nexport type CatererStateType = {\n catererId?: number,\n logo?: any,\n catererName?: string,\n displayName?: string,\n companyShortName?: string,\n menuLimit?: number,\n news?: CatererNews\n imprint?: string,\n privacy?: string,\n termsCondition?: string,\n icon?: any,\n timeManagementChild?: CatererTimeManagementData,\n timeManagementGroup?: CatererTimeManagementData\n};\n\nconst initialState: CatererStateType = {\n catererId: undefined,\n logo: undefined,\n catererName: undefined,\n displayName: undefined,\n companyShortName: undefined,\n menuLimit: 1,\n news: undefined,\n imprint: undefined,\n privacy: undefined,\n termsCondition: undefined,\n timeManagementChild: undefined,\n timeManagementGroup: undefined\n};\n\nconst catererReducer: Reducer = (state = initialState, action = {type: ''}) => {\n switch (action.type) {\n case SET_CATERER_BASICS: {\n if (action.catererId) {\n return {\n ...state,\n catererId: action.catererId,\n companyName: action.companyName,\n displayName: action.displayName,\n companyShortName: action.companyShortName,\n menuLimit: action.menuLimit\n };\n }\n }\n break;\n case SET_CATERER_IMPRINT: {\n return {\n ...state,\n imprint: action.imprint\n };\n }\n case SET_CATERER_PRIVACY: {\n return {\n ...state,\n privacy: action.privacy\n };\n }\n case SET_CATERER_TERMS_CONDITION: {\n return {\n ...state,\n termsCondition: action.termsCondition\n };\n }\n case SET_CATERER_LOGO: {\n return {\n ...state,\n logo: action.logo\n };\n }\n case SET_CATERER_ICON: {\n return {\n ...state,\n icon: action.icon\n };\n }\n case SET_CATERER_NEWS: {\n return {\n ...state,\n news: action.news\n };\n }\n case SET_CATERER_TIME_MANAGEMENT: {\n return {\n ...state,\n timeManagementChild: action.timeManagementChild,\n timeManagementGroup: action.timeManagementGroup,\n combinedBusinessDays: combineBusinessDays(action.timeManagementChild.businessDays, action.timeManagementGroup.businessDays)\n };\n }\n }\n return state;\n};\n\nexport default catererReducer;\n","import {Reducer} from 'redux';\nimport {CONFIGURE_LOADER, HIDE_LOADER, LoaderActionTypes, LoaderState, SHOW_LOADER} from '../action/LoaderAction';\nimport {InitialAction} from './reducers';\n\nfunction getNewWaitCount(waitCount: number, inc: -1 | 1): number {\n if (inc < 0 && waitCount <= 1) {\n return 0;\n }\n return waitCount + inc;\n}\n\nfunction increasedWaitCount(waitCount: number): number {\n return getNewWaitCount(waitCount, 1);\n}\n\nfunction decreasedWaitCount(waitCount: number): number {\n return getNewWaitCount(waitCount, -1);\n}\n\nexport const initialLoaderState: LoaderState = {\n waitCount: 0,\n show: false,\n mightTakeMinutes: false\n};\n\n// reducer for everything that's loader related\nconst loaderReducer: Reducer = (state = initialLoaderState, action = {type: ''}) => {\n if (action.type === SHOW_LOADER) {\n const newWaitCount = increasedWaitCount(state.waitCount);\n return {\n ...state,\n waitCount: newWaitCount,\n show: newWaitCount > 0\n };\n } else if (action.type === CONFIGURE_LOADER) {\n return {\n ...state,\n mightTakeMinutes: action.mightTakeMinutes\n };\n } else if (action.type === HIDE_LOADER) {\n const newWaitCount = decreasedWaitCount(state.waitCount);\n return {\n ...state,\n waitCount: newWaitCount,\n show: newWaitCount > 0,\n mightTakeMinutes: false\n };\n }\n\n return state;\n};\n\nexport default loaderReducer;\n","import {Reducer} from 'redux';\nimport {PageClickActions} from '../action/pageClickAction';\nimport {InitialAction} from './reducers';\n\ntype PageClickState = {\n pageClickCount: number\n}\n\nconst initialState: PageClickState = {\n pageClickCount: 0\n};\n\nconst pageClickReducer: Reducer = (state = initialState, action = {type: ''}) => {\n if (action.type === 'COUNT_PAGE_CLICKED') {\n return {\n ...state,\n pageClickCount: state.pageClickCount + 1\n };\n }\n\n return state;\n};\n\nexport default pageClickReducer;\n","import {Reducer} from 'redux';\nimport {NAVIGATE, PageLeaveActions, UNSAVED_CHANGES} from '../action/pageLeaveActions';\nimport {InitialAction} from './reducers';\n\ntype LeavePageState = {\n nextLocation: Location | null\n hasUnsavedChanges: boolean\n}\nconst initialState: LeavePageState = {nextLocation: null, hasUnsavedChanges: false};\n\nconst pageLeaveReducer: Reducer
\n
\n );\n}\n\nexport default CardArrow;\n","import React, {MouseEventHandler, useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport CheckIcon from '../icons/CheckIcon';\n\ntype Props = {\n label?: string,\n onClick: MouseEventHandler\n
\n );\n}\n\nexport default EditModal;\n","import React, {lazy, useCallback, useEffect, useState} from 'react';\nimport {Modal} from 'react-bootstrap';\nimport {useTranslation} from 'react-i18next';\nimport Icon from '../icons/Icon';\nimport PreviewIcon from '../icons/PreviewIcon';\nimport '../style/FilePreview.scss';\n\nconst PdfPreview = lazy(() => import('./PdfPreview'));\n\nconst FilePreview = ({\n downloadFunction,\n id,\n title,\n fileName, // Legacy, use title and fileType instead!\n fileType\n }) => {\n const [t] = useTranslation();\n const [file, setFile] = useState();\n const [fileOpen, setFileOpen] = useState(false);\n\n const determineType = useCallback((type, name) => {\n if (type) {\n return type;\n }\n\n return name.split('.').pop().toLowerCase();\n }, []);\n\n const downloadDocument = useCallback((documentIdentifier) => {\n downloadFunction(documentIdentifier).then((res) => {\n const reader = new FileReader();\n reader.onload = function (e) {\n if (fileOpen) {\n setFile(e.target.result);\n }\n };\n\n if (determineType(fileType, fileName) === 'pdf') {\n reader.readAsArrayBuffer(res.data);\n } else {\n // FileViewer expects a URL\n reader.readAsDataURL(res.data);\n }\n });\n }, [downloadFunction, determineType, fileName, fileType, fileOpen]);\n\n useEffect(() => {\n if (fileOpen) {\n downloadDocument(id);\n }\n }, [id, fileOpen, downloadDocument]);\n\n function openFilePreview() {\n setFileOpen(true);\n }\n\n return (\n <>\n {\n fileOpen &&\n \n
\n \n
\n {props.header}
\n \n {props.children}\n
\n \n
\n {\n isDeletionRequested &&\n \n {\n props.onDelete &&\n }\n className=\"btn btn-secondary\"\n onClick={() => setIsDeletionRequested(true)}\n title={props.deleteLabel ? props.deleteLabel : t('Button.DELETE')}\n />\n }\n
\n \n {\n props.onCancel &&\n \n }\n props.onConfirm ? props.onConfirm(event) : undefined}\n disabled={!props.onConfirm}\n label={props.confirmLabel ?? t('Button.APPLY')}\n />\n
\n \n {t('Common.CONFIRM_DELETE')}\n }\n className=\"btn btn-secondary ml-3\"\n onClick={props.onDelete}\n />\n
\n }\n \n {file && fileOpen && determineType(fileType, fileName) !== 'pdf' &&\n 
\n }\n {file && fileOpen && determineType(fileType, fileName) === 'pdf' &&\n
\n \n }\n onClick={openFilePreview}\n className=\"icon-primary\"\n title={t('FileButton.SHOW_PREVIEW')}\n />\n
\n \n );\n};\n\nexport default FilePreview;\n","import React, {ReactNode, useState} from 'react';\nimport {Overlay, Popover} from 'react-bootstrap';\nimport Icon from '../icons/Icon';\nimport InfoIcon from '../icons/InfoIcon';\nimport '../style/InfoTooltip.scss';\n\ninterface Prop {\n label?: string;\n children?: ReactNode;\n showIcon?: boolean;\n withMargin?: boolean;\n}\n\nfunction InfoTooltip(props: Prop) {\n const [showOrderInfos, setShowOrderInfos] = useState\n
\n\n );\n}\n\nexport default PageTitleWithWallet;\n","import React, {useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport {DefaultState} from '../reducer/reducers';\nimport '../style/Price.scss';\n\ninterface Props {\n price: number | undefined,\n signed?: boolean,\n displayBig?: boolean,\n textRight?: boolean,\n labelLeft?: string | null,\n hasColor?: boolean,\n isThin?: boolean\n}\n\nfunction Price(props: Readonly\n
\n\n {\n props.balance !== null && props.balance !== undefined &&\n <>\n \n {props.headerTitle}\n {\n props.subtitle &&\n {props.subtitle}\n }\n
\n setShowWalletTooltip(!showWalletTooltip)}>\n
\n {\n showWalletTooltip &&\n \n
\n \n {t('Billing.BALANCE')}\n \n } title={t('Billing.TOOL_TIP')} className=\"d-none d-sm-inline\"/>\n } className=\"d-sm-none\"/>\n \n
\n \n
\n }\n\n {t('Billing.TOOL_TIP')}
\n \n
\n \n }\n \n {t(props.labelLeft)}\n
\n }\n \n
\n \n );\n}\n\nexport default Price;\n","import React from 'react';\nimport {useLocation} from 'react-router-dom';\n\nfunction ScrollToTop() {\n const location = useLocation();\n\n React.useEffect(() => {\n window.scrollTo(0, 0);\n }, [location]);\n\n return null;\n}\n\nexport default ScrollToTop;\n","import React, {KeyboardEventHandler} from 'react';\nimport '../style/SearchField.scss';\nimport TextInput from './form/TextInput';\n\ntype SearchFieldProps = {\n placeholder?: string\n searchTerm: string | null\n isPrimarySearchIcon?: boolean\n setSearchTerm: (value: string) => void\n onKeyPress?: KeyboardEventHandler\n {`${props.signed ? sign : ''}`}\n {formatter.format(realPrice)}\n
\n \n \n \n
\n );\n}\n\nSlideDownCard.defaultProps = {\n scrollIntoViewOnOpen: false\n};\n\nexport default SlideDownCard;\n","import React from 'react';\nimport {SwitchType} from '../../types/enums/common/SwitchType';\nimport '../style/Switch.scss';\n\ninterface Prop {\n options?: Array\n
\n \n
\n \n
\n \n {props.title}\n {\n props.closed && props.state &&\n \n
\n \n {props.children}\n
\n \n {\n props.options.map((option, index) =>\n \n props.onSelect ? props.onSelect(option.id) : undefined}>\n {option.icon}\n {option.label}\n \n \n )\n }\n
\n );\n}\n\nexport default Switch;\n","import React from 'react';\nimport CloseIcon from '../icons/CloseIcon';\nimport Icon from '../icons/Icon';\nimport '../style/Tag.scss';\n\ninterface Prop {\n className?: string;\n label?: string;\n type: string;\n onDeleteClick?: () => void;\n}\n\nfunction Tag(props: Prop) {\n return (\n \n {props.label}\n {\n (!!props.onDeleteClick) &&\n \n \n
\n );\n}\n\nexport default TextOutput;\n","import React, {useState} from 'react';\nimport '../style/Toggle.scss';\n\ntype Props = {\n toggled: boolean,\n label: string,\n onClick: (value: any) => void\n}\n\nfunction Toggle(props: Props) {\n const [isToggled, toggle] = useState(props.toggled);\n const callback = () => {\n toggle(!isToggled);\n props.onClick(!isToggled);\n };\n\n return (\n {props.text}{props.children}
\n \n \n
\n );\n}\n\nexport default Toggle;\n","import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe[cannot-write]\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n state.styles = initialStyles;\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n }\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect,\n requires: ['computeStyles']\n};","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","import * as React from 'react';\n\n/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n if (typeof fn === 'function') {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return fn.apply(void 0, args);\n }\n};\n/**\n * Sets a ref using either a ref callback or a ref object\n */\n\nexport var setRef = function setRef(ref, node) {\n // if its a function call it\n if (typeof ref === 'function') {\n return safeInvoke(ref, node);\n } // otherwise we should treat it as a ref object\n else if (ref != null) {\n ref.current = node;\n }\n};\n/**\n * Simple ponyfill for Object.fromEntries\n */\n\nexport var fromEntries = function fromEntries(entries) {\n return entries.reduce(function (acc, _ref) {\n var key = _ref[0],\n value = _ref[1];\n acc[key] = value;\n return acc;\n }, {});\n};\n/**\n * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs\n */\n\nexport var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createPopper as defaultCreatePopper } from '@popperjs/core';\nimport isEqual from 'react-fast-compare';\nimport { fromEntries, useIsomorphicLayoutEffect } from './utils';\nvar EMPTY_MODIFIERS = [];\nexport var usePopper = function usePopper(referenceElement, popperElement, options) {\n if (options === void 0) {\n options = {};\n }\n\n var prevOptions = React.useRef(null);\n var optionsWithDefaults = {\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement || 'bottom',\n strategy: options.strategy || 'absolute',\n modifiers: options.modifiers || EMPTY_MODIFIERS\n };\n\n var _React$useState = React.useState({\n styles: {\n popper: {\n position: optionsWithDefaults.strategy,\n left: '0',\n top: '0'\n },\n arrow: {\n position: 'absolute'\n }\n },\n attributes: {}\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var updateStateModifier = React.useMemo(function () {\n return {\n name: 'updateState',\n enabled: true,\n phase: 'write',\n fn: function fn(_ref) {\n var state = _ref.state;\n var elements = Object.keys(state.elements);\n ReactDOM.flushSync(function () {\n setState({\n styles: fromEntries(elements.map(function (element) {\n return [element, state.styles[element] || {}];\n })),\n attributes: fromEntries(elements.map(function (element) {\n return [element, state.attributes[element]];\n }))\n });\n });\n },\n requires: ['computeStyles']\n };\n }, []);\n var popperOptions = React.useMemo(function () {\n var newOptions = {\n onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n placement: optionsWithDefaults.placement,\n strategy: optionsWithDefaults.strategy,\n modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {\n name: 'applyStyles',\n enabled: false\n }])\n };\n\n if (isEqual(prevOptions.current, newOptions)) {\n return prevOptions.current || newOptions;\n } else {\n prevOptions.current = newOptions;\n return newOptions;\n }\n }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);\n var popperInstanceRef = React.useRef();\n useIsomorphicLayoutEffect(function () {\n if (popperInstanceRef.current) {\n popperInstanceRef.current.setOptions(popperOptions);\n }\n }, [popperOptions]);\n useIsomorphicLayoutEffect(function () {\n if (referenceElement == null || popperElement == null) {\n return;\n }\n\n var createPopper = options.createPopper || defaultCreatePopper;\n var popperInstance = createPopper(referenceElement, popperElement, popperOptions);\n popperInstanceRef.current = popperInstance;\n return function () {\n popperInstance.destroy();\n popperInstanceRef.current = null;\n };\n }, [referenceElement, popperElement, options.createPopper]);\n return {\n state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n styles: state.styles,\n attributes: state.attributes,\n update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null\n };\n};","// @ts-ignore\nimport * as PopperJS from '@popperjs/core';\nimport {Placement} from '@popperjs/core/lib/enums';\nimport React, {useRef} from 'react';\nimport {usePopper} from 'react-popper';\nimport '../style/Tooltip.scss';\n\ninterface Prop {\n skidding?: number,\n distance?: number,\n root: HTMLButtonElement | HTMLSpanElement | null,\n placement: Placement,\n isVisible: boolean,\n children: React.ReactNode\n}\n\nconst Tooltip = (props: Prop) => {\n\n const popperElement = useRef\n {props.children}\n
\n );\n};\n\nTooltip.defaultProps = {\n placement: 'bottom'\n};\n\nexport default Tooltip;\n","import React, {useCallback, useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport FullWeekdayOption from '../enums/FullWeekdayOption';\nimport '../style/Week.scss';\n\nfunction Week({\n availableDays: availableDaysInput,\n selectedDays,\n disabledDays = [],\n onSelectWeekday,\n onUpdateWeekdayArray,\n errorMessage,\n isValid,\n small\n }) {\n const [t] = useTranslation();\n const availableDays = useMemo(() => {\n if (availableDaysInput) {\n // availableDaysInput may be unsorted; use FullWeekdayOption to define the order\n return Object.values(FullWeekdayOption).filter(day => availableDaysInput.findIndex(avDay => avDay === day) >= 0);\n } else {\n return Object.values(FullWeekdayOption);\n }\n }, [availableDaysInput]);\n\n const handleWeekdayClick = useCallback(weekday => {\n if (disabledDays.includes(weekday)) {\n return;\n }\n\n // Notify of the single click:\n if (onSelectWeekday) {\n onSelectWeekday(weekday);\n }\n\n // Calculate the new array and pass it on:\n const nullSafeSelectedDays = selectedDays ?? [];\n if (onUpdateWeekdayArray) {\n const foundIndex = (nullSafeSelectedDays).indexOf(weekday);\n if (foundIndex >= 0) {\n const selectedDaysCopy = [ ...nullSafeSelectedDays ];\n selectedDaysCopy.splice(foundIndex, 1);\n onUpdateWeekdayArray(selectedDaysCopy);\n } else {\n const newWeekdays = [...nullSafeSelectedDays, weekday]\n onUpdateWeekdayArray(newWeekdays);\n }\n }\n }, [onSelectWeekday, onUpdateWeekdayArray, selectedDays, disabledDays]);\n\n const createWeekdayStateClassNames = useCallback(day => {\n const isSelected = (selectedDays ?? []).indexOf(day) > -1;\n const isDisabled = (disabledDays ?? []).indexOf(day) > -1;\n\n let classNames = '';\n if (isSelected) {\n classNames = classNames.concat(' weekday-selected');\n }\n if (isDisabled) {\n classNames = classNames.concat(' weekday-disabled');\n }\n\n return classNames;\n }, [selectedDays, disabledDays]);\n\n return (\n <>\n - \n {\n availableDays.map(day =>\n
{errorMessage ?? t('Subscription.DAYS_OF_WEEK_MISSING')}
\n }\n \n );\n}\n\nexport default Week;\n","import React from 'react';\nimport {CookieConsent} from 'react-cookie-consent';\nimport {Trans, useTranslation} from 'react-i18next';\nimport {useSelector} from 'react-redux';\nimport Cookie from '../../../assets/img/cookie.png';\nimport {DefaultState} from '../../reducer/reducers';\nimport '../../style/Consent.scss';\nimport {denyGA, trackGARole} from '../../util/GoogleAnalyticsUtil';\n\nexport const GOOGLE_ANALYTICS_COOKIE = 'GOOGLE_ANALYTIC_COOKIE';\n\nfunction Consent() {\n\n const [t] = useTranslation();\n const role = useSelector((state: (DefaultState)) => state.user.login ? state.user.login.role : null);\n\n return (\n \n
\n <>\n
\n );\n}\n","import React, {MouseEventHandler, ReactNode} from 'react';\nimport {Modal} from 'react-bootstrap';\nimport {useTranslation} from 'react-i18next';\nimport ReactTooltip from 'react-tooltip';\nimport CloseIcon from '../../icons/CloseIcon';\nimport Icon from '../../icons/Icon';\nimport '../../style/ConfirmationDialog.scss';\nimport CancelButton from '../CancelButton';\nimport ConfirmButton from '../ConfirmButton';\n\ninterface Props {\n open?: boolean,\n closeable?: boolean,\n redundantClosing?: boolean,\n title?: string,\n body?: ReactNode,\n onCancel?: () => void,\n onDecline?: () => void,\n onConfirm?: MouseEventHandler{props.body}
\n \n \n
\n );\n}\n\nDateInput.propTypes = {\n name: PropTypes.string,\n label: PropTypes.string,\n value: PropTypes.any,\n onChange: PropTypes.func,\n readonly: PropTypes.bool,\n errorMessage: PropTypes.string,\n isValid: PropTypes.bool,\n required: PropTypes.bool,\n isClearable: PropTypes.bool,\n minDate: PropTypes.any,\n maxDate: PropTypes.any\n};\n","import React, {useCallback} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport Select from 'react-select';\nimport '../../style/Dropdown.scss';\n\ntype Props = {\n label?: string,\n value?: DropdownOption,\n multiValues?: Array\n {\n props.withTime && !props.withYear &&\n props.onChange(value)}\n disabled={props.readonly}\n showTimeSelect={props.withTime}\n timeFormat=\"HH:mm\"\n timeIntervals={5}\n timeCaption={t('DateInput.TIME_LABEL')}\n dateFormat=\"dd.MM.yyyy HH:mm\"\n className={className}\n minDate={props.minDate}\n maxDate={props.maxDate}\n isClearable={props.isClearable && !props.readonly}\n calendarClassName=\"react-datepicker--with-time\"\n tabIndex={props.tabIndex}\n />\n }\n {\n !props.withTime && !props.withYear &&\n props.onChange(value)}\n dateFormat=\"dd.MM.yyyy\"\n className={className}\n minDate={props.minDate}\n maxDate={props.maxDate}\n isClearable={props.isClearable && !props.readonly}\n tabIndex={props.tabIndex}\n />\n }\n {\n props.withYear && !props.withTime &&\n props.onChange(value)}\n dateFormat=\"dd.MM.yyyy\"\n minDate={props.minDate}\n maxDate={props.maxDate}\n isClearable={props.isClearable && !props.readonly}\n tabIndex={props.tabIndex}\n className={className}\n peekNextMonth={true}\n showMonthDropdown={true}\n showYearDropdown={true}\n />\n }\n
\n {\n errorMessage &&\n \n {errorMessage}\n
\n }\n \n {\n label &&\n \n }\n t('Common.NO_OPTIONS')}\n isDisabled={isDisabled ?? false}\n tabIndex={tabIndex}\n formatOptionLabel={formatOptionLabel ?? null}\n />\n\n {\n isValid === false &&\n
\n );\n}\n\nexport default Dropdown;\n","import React, {MouseEventHandler} from 'react';\nimport '../../style/StickyContent.scss';\nimport './FormButtons.scss';\nimport {useTranslation} from 'react-i18next';\nimport CancelButton from '../CancelButton';\nimport ConfirmButton from '../ConfirmButton';\n\ninterface Props {\n sticky?: boolean,\n onSave: MouseEventHandler\n {errorMessage ?? t('Validation.REQUIRED')}\n
\n }\n \n
\n );\n}\n","import React, {useCallback} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {LoginType} from '../../../types/account/LoginType';\nimport {LoginValidation} from '../../../types/account/LoginValidation';\nimport ErrorCode from '../../enums/ErrorCode';\nimport TextInput from './TextInput';\n\ntype Props = {\n login: Partial\n
\n \n \n \n
\n \n
\n }\n \n );\n}\n\nexport default LoginCredentials;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {emptyDropdown} from '../../../administration/util/AccountEditUtil';\nimport Salutation from '../../enums/Salutation';\nimport Dropdown from './Dropdown';\nimport TextInput from './TextInput';\n\nfunction Person({\n person,\n onChange,\n validation,\n isContact,\n readOnly = false,\n optionals = {},\n salutations,\n displayAdditionalPhone = false\n }) {\n const [t] = useTranslation();\n const [selectedSalutation, setSelectedSalutation] = useState(emptyDropdown);\n\n //Used to set salutation when person is filled after mount\n useEffect(() => {\n setSelectedSalutation(person.salutation ? {\n label: t(`Salutation.${person.salutation}`),\n value: person.salutation\n } : emptyDropdown);\n }, [person.salutation]);\n\n let salutationOptions;\n if (salutations) {\n salutationOptions = salutations.map(type => ({\n label: t(`Salutation.${type}`),\n value: type\n }));\n } else {\n const defaultSalutations = [Salutation.MR, Salutation.MRS, Salutation.MX];\n salutationOptions = defaultSalutations.map(type => ({\n label: t(`Salutation.${type}`),\n value: type\n }));\n }\n\n function handleSalutationChange(value) {\n handleChange('salutation', value.value);\n }\n\n function handleChange(key, value) {\n onChange({\n ...person,\n [key]: value\n });\n }\n\n return (\n <>\n \n onChange('password', value)}\n required={isPasswordRequired || !!login.passwordRepeat}\n isValid={validation.password}\n readonly={readOnly}\n />\n
\n \n onChange('passwordRepeat', value)}\n onKeyDown={handlePasswordRepeatKeyDown}\n required={isPasswordRequired || !!login.password}\n errorMessage={login.passwordRepeat && login.password !== login.passwordRepeat ? t('Error.PASSWORD_MISMATCH') : undefined}\n isValid={validation.passwordRepeat}\n readonly={readOnly}\n />\n
\n \n
\n \n
\n \n
\n {\n isContact &&\n \n handleChange('firstName', value)}\n required={!optionals.firstName}\n isValid={validation.firstName}\n readonly={readOnly}\n />\n
\n \n handleChange('lastName', value)}\n required={!optionals.lastName}\n isValid={validation.lastName}\n readonly={readOnly}\n />\n
\n \n
\n }\n \n );\n}\n\nexport default Person;\n","import React, {FocusEventHandler, KeyboardEventHandler, ReactElement, useEffect, useRef, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport CloseIcon from '../../icons/CloseIcon';\nimport Icon from '../../icons/Icon';\nimport RefreshIcon from '../../icons/RefreshIcon';\nimport SearchIcon from '../../icons/SearchIcon';\nimport '../../style/SearchField.scss';\n\ninterface Prop {\n autoComplete?: string,\n errorMessage?: string | ReactElement,\n focusOnLoad?: boolean,\n id?: string,\n isValid?: boolean,\n label?: string,\n name?: string,\n maxLength?: number,\n showMaxLength?: boolean,\n onChange?: (value: string) => void,\n onBlur?: FocusEventHandler\n handleChange('phone', value)}\n required={false}\n isValid={validation.phone}\n readonly={readOnly}\n />\n
\n {\n displayAdditionalPhone &&\n \n handleChange('additionalPhone', value)}\n required={false}\n isValid={validation.additionalPhone}\n readonly={readOnly}\n />\n
\n }\n \n handleChange('fax', value)}\n required={false}\n isValid={validation.fax}\n readonly={readOnly}\n />\n
\n \n {props.label &&\n \n }\n
\n );\n}\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport '../../style/Menu.scss';\n\nfunction Menu({\n meals,\n showAllergens = false\n }) {\n const [t] = useTranslation();\n\n if (!meals) {\n return null;\n }\n\n let allergens = [];\n if (meals) {\n const allergenLists = meals.map(meal => meal.allergens);\n allergenLists.forEach(allergenList => allergens = allergens.concat(allergenList));\n }\n\n return (\n \n 'number' === props.type ? inputRef?.current?.blur() : null}\n id={props.id}\n type={props.type === undefined ? 'text' : props.type}\n name={props.name}\n value={textValue || ''}\n placeholder={props.placeholder}\n onChange={(event) => handleChange(event.target.value)}\n readOnly={props.readonly}\n onKeyDown={props.onKeyDown}\n maxLength={props.maxLength}\n autoComplete={props.autoComplete ? props.autoComplete : 'on'}\n className={`form-control${displayError ? errorClasses : ''} ${props.className ? props.className : ''}`}\n ref={inputRef}\n tabIndex={props.tabIndex}\n onBlur={props.onBlur}\n pattern={props.pattern}\n />\n {\n props.showLoader &&\n \n }/>\n \n }\n
\n {\n displayError &&\n \n \n {\n // @ts-ignore\n } className=\"fa-spin\"/>\n }\n \n
\n }\n {\n props.isSearch &&\n \n props.value ? handleChange(null) : null}\n >\n
\n }\n {\n props.withSearchButton &&\n \n {props.errorMessage ? props.errorMessage : t('Validation.REQUIRED')}\n
\n }\n \n {\n meals.map((meal, index) =>\n
\n );\n}\n\nexport default Menu;\n","import React, {useEffect, useMemo} from 'react';\nimport {Column, Row, SortingRule, TableOptions, useFilters, useGlobalFilter, usePagination, useSortBy, useTable} from 'react-table';\nimport {PageProps} from '../../../types/PageProps';\nimport '../../style/Table.scss';\nimport Pagination from './Pagination';\nimport TableActions from './TableActions';\nimport TableHeaderColumn from './TableHeaderColumn';\n\ntype TableColumn\n {meal.name}\n
\n )\n }\n {\n showAllergens && allergens.length > 0 &&\n <>\n \n {t('Meal.ALLERGENS')}\n
\n {\n allergens.map((allergen, index) =>\n \n {allergen.name}\n
\n )\n }\n \n }\n \n \n {\n hasHeader &&\n \n {headerGroups.map(headerGroup => (\n
\n {\n pageOptions.length > 1 &&\n
\n ;\n};\n\nOcTable.defaultProps = {\n filterable: false,\n sortable: true,\n autoResetFilters: false,\n autoResetSortBy: false,\n withinTab: false,\n showTableActions: false,\n forceAutoSort: false,\n pageSize: DEFAULT_PAGE_SIZE\n};\n\nexport default OcTable;\n","import React from 'react';\n\nconst ArrowBackIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ArrowBackIcon;\n","import React from 'react';\n\nconst ArrowNextIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ArrowNextIcon;\n","import i18next from 'i18next';\nimport React from 'react';\nimport ArrowBackIcon from '../../icons/ArrowBackIcon';\nimport ArrowNextIcon from '../../icons/ArrowNextIcon';\nimport Icon from '../../icons/Icon';\nimport LeftIcon from '../../icons/LeftIcon';\nimport RightIcon from '../../icons/RightIcon';\nimport '../../style/Pagination.scss';\n\ntype PaginationProps = {\n canPreviousPage: boolean\n gotoPage: (index: any) => void\n canNextPage: boolean\n pageCount: number\n previousPage: () => void\n nextPage: () => void\n pageIndex: number\n}\n\nconst Pagination = (props: PaginationProps) => {\n\n const pageNumbers = createPageNumberArray();\n\n function createPageNumberArray() {\n const pageNumberArray = [];\n\n if (props.pageCount > 20) {\n // We have to shorten: Use 20 items around the current page\n const begin = Math.max(Math.min(props.pageIndex - 10, props.pageCount - 21), 0);\n const end = begin + 20;\n\n for (let i = begin; i <= end; i++) {\n pageNumberArray.push(i + 1);\n }\n } else {\n for (let i = 0; i < props.pageCount; i++) {\n pageNumberArray.push(i + 1);\n }\n }\n\n return pageNumberArray;\n }\n\n return (\n \n );\n};\n\nexport default Pagination;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {useAsyncDebounce} from 'react-table';\nimport SearchField from '../SearchField';\n\ntype TableGlobalFilterProps = {\n globalFilter: string\n setGlobalFilter: (value: string) => void\n}\n\nfunction TableGlobalFilter(props: TableGlobalFilterProps) {\n const [t] = useTranslation();\n const [value, setValue] = useState| ).className\n })}>{cell.render('Cell')} | ;\n })}\n
\n
\n );\n};\nexport default TableActions;\n","import React from 'react';\n\nconst ArrowSortDownIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ArrowSortDownIcon;\n","import React from 'react';\n\nconst ArrowSortUpIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default ArrowSortUpIcon;\n","import React, {useEffect, useRef, useState} from 'react';\nimport {Overlay} from 'react-bootstrap';\nimport {useTranslation} from 'react-i18next';\nimport ArrowSortDownIcon from '../../icons/ArrowSortDownIcon';\nimport ArrowSortUpIcon from '../../icons/ArrowSortUpIcon';\nimport Icon from '../../icons/Icon';\nimport '../../style/Pagination.scss';\n\nconst TableHeaderColumn = ({\n column\n }) => {\n const [showTooltip, setShowTooltip] = useState(false);\n const target = useRef(null);\n const [t] = useTranslation();\n let timerRef = useRef(null);\n\n useEffect(() => {\n return () => clearTimeout(timerRef.current);\n }, []);\n\n return (\n \n
\n \n {\n props.onExport &&\n \n }\n {\n props.onAdd &&\n \n } className=\"mr-2\"/>\n {t('Button.ADD')}\n \n }\n\n
\n {\n if (!showTooltip) {\n timerRef.current = setTimeout(() => {\n setShowTooltip(true);\n }, 500);\n }\n }}\n onMouseLeave={() => setTimeout(() => {\n setShowTooltip(false);\n }, 500)}>\n {column.render('Header')}\n {\n column.isSorted && ( : }/>)\n }\n
\n \n {\n props.title && iconElement &&\n \n {props.title}\n \n }\n {\n if (props.title) {\n timeoutForMouseLeaveRef.current = setTimeout(() => {\n setShowInfos(false);\n }, 500);\n }\n }\n }\n onMouseEnter={handleMouseEvent}\n >{props.src}\n
\n );\n\n};\n\nexport default Icon;\n","import React from 'react';\n\nconst InfoIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default InfoIcon;\n","import React from 'react';\n\nconst LeftIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default LeftIcon;\n","import React from 'react';\n\nconst MailIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default MailIcon;\n","import React from 'react';\n\nconst MinusIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default MinusIcon;\n","import React from 'react';\n\ninterface IconProps {\n size?: number;\n}\n\nconst MultiplePersonIcon = ({\n size = 1\n }: IconProps) => {\n return (\n \n );\n};\n\nexport default MultiplePersonIcon;\n","import React from 'react';\n\nconst PersonIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default PersonIcon;\n","import React from 'react';\n\nconst PlusIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default PlusIcon;\n","import React from 'react';\n\nconst PreviewIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default PreviewIcon;\n","import React from 'react';\n\nconst RefreshIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default RefreshIcon;\n","import React from 'react';\n\nconst RightIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default RightIcon;\n","import React from 'react';\n\nconst SearchIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default SearchIcon;\n","import React from 'react';\n\nconst ServingIcon = () => {\n return (\n \n\n );\n};\n\nexport default ServingIcon;\n","import React from 'react';\n\nconst SettingIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default SettingIcon;\n","import React from 'react';\n\nconst SignatureIcon = ({size = 1}) => {\n return (\n \n );\n};\n\nexport default SignatureIcon;\n","import React from 'react';\n\nconst UploadIcon = () => {\n return (\n \n\n );\n};\n\nexport default UploadIcon;\n","import React from 'react';\n\nconst WalletCreditCardIcon = ({size = 1}) => {\n return (\n \n\n );\n};\n\nexport default WalletCreditCardIcon;\n","import FullWeekdayOption from '../enums/FullWeekdayOption';\nimport {getWeekday} from './DateUtil';\n\nexport function isCatererBusinessDay(date: string|Date, catererBusinessDays: Array{String(props.value).padStart(6, '0')}
;\n }\n });\n }\n\n result.push(\n {\n Header: t('BillOverview.BILLING_MONTH'),\n accessor: 'fromDate',\n Cell: props => formatDateYearAndMonth(props.value, currentLanguage)\n },\n {\n Header: t('Finance.CREATION_DATE'),\n accessor: 'billDate',\n Cell: props => formatDate(currentLanguage, props.value)\n }\n );\n\n if (!isParentView) {\n result.push({\n Header: t('BillOverview.BILL_TYPE'),\n accessor: 'billType',\n Cell: props => t('BillOverview.BILL_TYPE_' + props.value)\n });\n }\n\n result.push(\n {\n Header: t('Finance.BILL'),\n accessor: 'id',\n Cell: props => {\n const name = createBillDisplayName(props.row.original);\n return (\n {\n e.preventDefault();\n downloadBill(props.value, name);\n }}>\n {name}\n \n );\n }\n },\n {\n id: 'actions',\n disableSortBy: true,\n disableFilters: true,\n accessor: 'id',\n Cell: props => \n {t('Finance.BALANCE_WITHDRAWAL_BANK_TRANSFER_DETAILS')}\n
\n }\n\n return \n {paymentMethodData.paymentType === PaymentMethodType.SEPA_DIRECT_DEBIT || paymentMethodData.paymentType === PaymentMethodType.CREDIT_CARD ? 'XXXXXXXXXXXXXXXX ' : ''}\n {paymentMethodData.paymentDetails}\n
;\n }, [t]);\n\n return (<>\n \n {t('Finance.BALANCE_WITHDRAWAL_BY_PAYMENT_INSTRUCTION')}\n
\n \n {t('Finance.BALANCE_WITHDRAWAL_BY_PAYMENT_AMOUNT_TITLE')}: \n {formatter.format(withdrawalAmount)}\n {\n onCancel &&\n \n {t('Finance.BALANCE_WITHDRAWAL_BY_PAYMENT_AMOUNT_CHANGE')}\n \n }\n
\n {\n showError && {t('Finance.BALANCE_WITHDRAWAL_PAYMENT_ERROR')}
\n }\n \n {\n paymentMethods.map(paymentMethod =>\n
\n\n \n
\n )\n }\n handleSelectPaymentMethod(paymentMethod)}>\n \n {selectedPaymentMethod?.stripeId === paymentMethod.stripeId && } className=\"selected-icon\"/>}\n
\n \n {t(`Credit.PAYMENT_METHOD_TYPE_HEADER_${paymentMethod.paymentType.toUpperCase()}`)}\n
\n {renderPaymentDetails(paymentMethod)}\n \n {\n onCancel &&\n \n }\n \n
\n );\n}\n\nexport default BalanceWithdrawalByPaymentSelection;\n","import React, {useMemo} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport billApi from '../../caterer/bills/api/billApi';\nimport FilePreview from '../../common/component/FilePreview';\nimport CloseIcon from '../../common/icons/CloseIcon';\nimport DownloadIcon from '../../common/icons/DownloadIcon';\nimport Icon from '../../common/icons/Icon';\nimport InfoIcon from '../../common/icons/InfoIcon';\nimport RefreshIcon from '../../common/icons/RefreshIcon';\nimport {BillType} from '../../types/BillType';\n\nfunction isCancelBill(billType: string): boolean {\n return billType.indexOf('CANCEL') >= 0;\n}\n\ntype Props = {\n billId: number,\n billDisplayName: string,\n showAdminIcons?: boolean,\n row: any,\n onSelectBillToUpdate: (bill: BillType) => void,\n onDownloadBill: (billId: number, filename: string) => void\n}\n\nfunction BillTableToolCell({billId, billDisplayName, showAdminIcons = false, row, onSelectBillToUpdate, onDownloadBill}: Readonly\n {\n showAdminIcons &&\n <>\n {\n updatable && !outdated &&\n
\n );\n}\n\nexport default BillTableToolCell;\n","export function checkIsBicMandatory(iban) {\n return !iban || iban.length < 2 || iban.trim().substring(0, 2).toUpperCase() !== 'DE';\n}\n\nexport function formatIban(input) {\n return input.trim().replace(/\\s/g, '');\n}\n\nexport function formatBic(input) {\n return input.toUpperCase().trim().replace(/\\s/g, '');\n}\n\nexport function capitalizeFirstTwoLetters(string) {\n if (!string) {\n return null;\n } else if (string.length === 1) {\n return string[0].toUpperCase();\n } else {\n return string.charAt(0).toUpperCase() + string.charAt(1).toUpperCase() + string.slice(2);\n }\n}","// The supported payment methods (in the order they should be displayed in StripePaymentSelection)\nexport const PAYMENT_METHOD_TYPES = ['sepa_debit', 'card'];\n","import i18n from 'i18next';\nimport {Dispatch} from 'react';\nimport {AppThunk} from '../../common/reducer/reducers';\n\nexport const CHANGE_LANGUAGE = 'CHANGE_LANGUAGE';\n\ntype SupportedLocals = 'en' | 'de';\nexport type SupportedLanguages = 'en-US' | 'de-DE';\n\ninterface ChangeLanguageAction {\n type: typeof CHANGE_LANGUAGE;\n language: SupportedLanguages;\n}\n\ninterface LanguageType {\n value: SupportedLanguages,\n locale: SupportedLocals,\n label: string\n}\n\nexport interface I18nState {\n currentLanguage: SupportedLanguages,\n currentLocale: SupportedLocals,\n languages: LanguageType[]\n}\n\nexport type I18nActions = ChangeLanguageAction;\n\nexport const changeLanguage = (language: SupportedLanguages): AppThunk => (dispatch: Dispatch\n }\n onClick={() => onSelectBillToUpdate(row.original)}\n className=\"icon-primary\"\n title={t('BillOverview.UPDATE')}/>\n
\n }\n {\n isCancelBill(row.original.billType) &&\n \n } className=\"ml-2\"\n title={`${t('Finance.CANCEL_BILL')} (${row.original.cancelledBillingNumber})`}/>\n
\n }\n {\n row.original.replacedByBillNumber &&\n \n } className=\"ml-2\"\n title={`${t('Finance.REPLACED_BILL')}: ${row.original.replacedByBillNumber}`}/>\n
\n }\n {\n row.original.cancellingBillingNumber && !row.original.replacedByBillNumber &&\n \n } className=\"ml-2\"\n title={`${t('Finance.CANCELLED_BY_BILL')}: ${row.original.cancellingBillingNumber}`}/>\n
\n }\n \n }\n \n }\n onClick={() => onDownloadBill(billId, billDisplayName)}\n className=\"icon-primary\"\n title={t('FileButton.DOWNLOAD')}\n />\n
\n \n {t('Deadlines.ORDERS')}: {t('Deadlines.INFO_ORDER', deadlineParams.order)}\n
\n \n {t('Deadlines.CANCELLATIONS')}: {t('Deadlines.INFO_CANCELLATION', deadlineParams.cancel)}\n
\n \n {t('Deadlines.WEEKDAYS')}: \n
\n ;\n }\n\n if (showAsCard) {\n return (\n \n
\n \n
\n );\n }\n\n return (\n \n {label ? label : t('Deadlines.DEADLINES')}\n
\n \n {getDeadlinesBody()}\n
\n - \n
- \n {t(`OrderOption.ADVANTAGE.${orderOption}${isInstitution ? '_INSTITUTION' : ''}1`)}\n {t(`OrderOption.DESCRIPTION.${orderOption}${isInstitution ? '_INSTITUTION' : ''}1`)}\n {\n !isInstitution &&\n
\n {t('OrderOption.BALANCE_INFO_TITLE')} {t('OrderOption.BALANCE_INFO')}\n \n }\n \n - \n {t(`OrderOption.ADVANTAGE.${orderOption}${isInstitution ? '_INSTITUTION' : ''}2`)}\n {t(`OrderOption.DESCRIPTION.${orderOption}${isInstitution ? '_INSTITUTION' : ''}2`)}\n {\n /* Show special tooltip and additional text for single order */\n orderOption === OrderOption.SINGLE &&\n <>\n
- \n {t(`OrderOption.ADVANTAGE.${orderOption}${isInstitution ? '_INSTITUTION' : ''}3`)}\n {t(`OrderOption.DESCRIPTION.${orderOption}${isInstitution ? '_INSTITUTION' : ''}3`)}\n \n }\n
\n {\n isDescriptionEnabled &&\n <>\n {\n isSubscriptionPresent ?\n
\n );\n}\n\nexport default SubscriptionDateDurationPicker;\n","import React, {useState} from 'react';\nimport ConfirmButton from '../../common/component/ConfirmButton';\nimport ConfirmationDialog from '../../common/component/form/ConfirmationDialog';\nimport {useTranslation} from 'react-i18next';\n\nfunction SubscriptionFooterRow({\n isSubscriptionPresent,\n onSave,\n cancelLabel,\n onRemove\n }) {\n const [t] = useTranslation();\n const [showCancellationConfirmation, setShowCancellationConfirmation] = useState(false);\n return (\n <>\n {t(`Subscription.TIME_RANGE${isInstitution ? '_INSTITUTION' : ''}`)}
\n :\n{t(`Subscription.DESCRIPTION${isInstitution ? '_INSTITUTION' : ''}`)}
\n }\n \n }\n\n
\n\n {\n !isInstitution &&\n \n
\n \n
\n \n
\n }\n {\n showPauseDates &&\n <>\n \n
\n \n
\n \n }\n \n
\n \n
\n \n
\n \n {\n isSubscriptionPresent &&\n \n }\n
\n \n
\n \n
\n );\n}\n\nexport default SubscriptionInfo;\n","import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n\n return target;\n}","import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';\n\n/**\n * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js\n *\n * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes\n * during build.\n * @param {number} code\n */\nfunction formatProdErrorMessage(code) {\n return \"Minified Redux error #\" + code + \"; visit https://redux.js.org/Errors?code=\" + code + \" for the full message or \" + 'use the non-minified dev environment for full errors. ';\n}\n\n// Inlined version of the `symbol-observable` polyfill\nvar $$observable = (function () {\n return typeof Symbol === 'function' && Symbol.observable || '@@observable';\n})();\n\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\nvar randomString = function randomString() {\n return Math.random().toString(36).substring(7).split('').join('.');\n};\n\nvar ActionTypes = {\n INIT: \"@@redux/INIT\" + randomString(),\n REPLACE: \"@@redux/REPLACE\" + randomString(),\n PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {\n return \"@@redux/PROBE_UNKNOWN_ACTION\" + randomString();\n }\n};\n\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nfunction isPlainObject(obj) {\n if (typeof obj !== 'object' || obj === null) return false;\n var proto = obj;\n\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n\n return Object.getPrototypeOf(obj) === proto;\n}\n\n// Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of\nfunction miniKindOf(val) {\n if (val === void 0) return 'undefined';\n if (val === null) return 'null';\n var type = typeof val;\n\n switch (type) {\n case 'boolean':\n case 'string':\n case 'number':\n case 'symbol':\n case 'function':\n {\n return type;\n }\n }\n\n if (Array.isArray(val)) return 'array';\n if (isDate(val)) return 'date';\n if (isError(val)) return 'error';\n var constructorName = ctorName(val);\n\n switch (constructorName) {\n case 'Symbol':\n case 'Promise':\n case 'WeakMap':\n case 'WeakSet':\n case 'Map':\n case 'Set':\n return constructorName;\n } // other\n\n\n return type.slice(8, -1).toLowerCase().replace(/\\s/g, '');\n}\n\nfunction ctorName(val) {\n return typeof val.constructor === 'function' ? val.constructor.name : null;\n}\n\nfunction isError(val) {\n return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';\n}\n\nfunction isDate(val) {\n if (val instanceof Date) return true;\n return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';\n}\n\nfunction kindOf(val) {\n var typeOfVal = typeof val;\n\n if (process.env.NODE_ENV !== 'production') {\n typeOfVal = miniKindOf(val);\n }\n\n return typeOfVal;\n}\n\n/**\n * @deprecated\n *\n * **We recommend using the `configureStore` method\n * of the `@reduxjs/toolkit` package**, which replaces `createStore`.\n *\n * Redux Toolkit is our recommended approach for writing Redux logic today,\n * including store setup, reducers, data fetching, and more.\n *\n * **For more details, please read this Redux docs page:**\n * **https://redux.js.org/introduction/why-rtk-is-redux-today**\n *\n * `configureStore` from Redux Toolkit is an improved version of `createStore` that\n * simplifies setup and helps avoid common bugs.\n *\n * You should not be using the `redux` core package by itself today, except for learning purposes.\n * The `createStore` method from the core `redux` package will not be removed, but we encourage\n * all users to migrate to using Redux Toolkit for all Redux code.\n *\n * If you want to use `createStore` without this visual deprecation warning, use\n * the `legacy_createStore` import instead:\n *\n * `import { legacy_createStore as createStore} from 'redux'`\n *\n */\n\nfunction createStore(reducer, preloadedState, enhancer) {\n var _ref2;\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(0) : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');\n }\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n enhancer = preloadedState;\n preloadedState = undefined;\n }\n\n if (typeof enhancer !== 'undefined') {\n if (typeof enhancer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(1) : \"Expected the enhancer to be a function. Instead, received: '\" + kindOf(enhancer) + \"'\");\n }\n\n return enhancer(createStore)(reducer, preloadedState);\n }\n\n if (typeof reducer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(2) : \"Expected the root reducer to be a function. Instead, received: '\" + kindOf(reducer) + \"'\");\n }\n\n var currentReducer = reducer;\n var currentState = preloadedState;\n var currentListeners = [];\n var nextListeners = currentListeners;\n var isDispatching = false;\n /**\n * This makes a shallow copy of currentListeners so we can use\n * nextListeners as a temporary list while dispatching.\n *\n * This prevents any bugs around consumers calling\n * subscribe/unsubscribe in the middle of a dispatch.\n */\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n /**\n * Reads the state tree managed by the store.\n *\n * @returns {any} The current state tree of your application.\n */\n\n\n function getState() {\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(3) : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n }\n\n return currentState;\n }\n /**\n * Adds a change listener. It will be called any time an action is dispatched,\n * and some part of the state tree may potentially have changed. You may then\n * call `getState()` to read the current state tree inside the callback.\n *\n * You may call `dispatch()` from a change listener, with the following\n * caveats:\n *\n * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n * If you subscribe or unsubscribe while the listeners are being invoked, this\n * will not have any effect on the `dispatch()` that is currently in progress.\n * However, the next `dispatch()` call, whether nested or not, will use a more\n * recent snapshot of the subscription list.\n *\n * 2. The listener should not expect to see all state changes, as the state\n * might have been updated multiple times during a nested `dispatch()` before\n * the listener is called. It is, however, guaranteed that all subscribers\n * registered before the `dispatch()` started will be called with the latest\n * state by the time it exits.\n *\n * @param {Function} listener A callback to be invoked on every dispatch.\n * @returns {Function} A function to remove this change listener.\n */\n\n\n function subscribe(listener) {\n if (typeof listener !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(4) : \"Expected the listener to be a function. Instead, received: '\" + kindOf(listener) + \"'\");\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(5) : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n }\n\n var isSubscribed = true;\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(6) : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n }\n\n isSubscribed = false;\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n currentListeners = null;\n };\n }\n /**\n * Dispatches an action. It is the only way to trigger a state change.\n *\n * The `reducer` function, used to create the store, will be called with the\n * current state tree and the given `action`. Its return value will\n * be considered the **next** state of the tree, and the change listeners\n * will be notified.\n *\n * The base implementation only supports plain object actions. If you want to\n * dispatch a Promise, an Observable, a thunk, or something else, you need to\n * wrap your store creating function into the corresponding middleware. For\n * example, see the documentation for the `redux-thunk` package. Even the\n * middleware will eventually dispatch plain object actions using this method.\n *\n * @param {Object} action A plain object representing “what changed”. It is\n * a good idea to keep actions serializable so you can record and replay user\n * sessions, or use the time travelling `redux-devtools`. An action must have\n * a `type` property which may not be `undefined`. It is a good idea to use\n * string constants for action types.\n *\n * @returns {Object} For convenience, the same action object you dispatched.\n *\n * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n * return something else (for example, a Promise you can await).\n */\n\n\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(7) : \"Actions must be plain objects. Instead, the actual type was: '\" + kindOf(action) + \"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.\");\n }\n\n if (typeof action.type === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(8) : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n }\n\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(9) : 'Reducers may not dispatch actions.');\n }\n\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n\n var listeners = currentListeners = nextListeners;\n\n for (var i = 0; i < listeners.length; i++) {\n var listener = listeners[i];\n listener();\n }\n\n return action;\n }\n /**\n * Replaces the reducer currently used by the store to calculate the state.\n *\n * You might need this if your app implements code splitting and you want to\n * load some of the reducers dynamically. You might also need this if you\n * implement a hot reloading mechanism for Redux.\n *\n * @param {Function} nextReducer The reducer for the store to use instead.\n * @returns {void}\n */\n\n\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== 'function') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(10) : \"Expected the nextReducer to be a function. Instead, received: '\" + kindOf(nextReducer));\n }\n\n currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.\n // Any reducers that existed in both the new and old rootReducer\n // will receive the previous state. This effectively populates\n // the new state tree with any relevant data from the old one.\n\n dispatch({\n type: ActionTypes.REPLACE\n });\n }\n /**\n * Interoperability point for observable/reactive libraries.\n * @returns {observable} A minimal observable of state changes.\n * For more information, see the observable proposal:\n * https://github.com/tc39/proposal-observable\n */\n\n\n function observable() {\n var _ref;\n\n var outerSubscribe = subscribe;\n return _ref = {\n /**\n * The minimal observable subscription method.\n * @param {Object} observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns {subscription} An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe: function subscribe(observer) {\n if (typeof observer !== 'object' || observer === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(11) : \"Expected the observer to be an object. Instead, received: '\" + kindOf(observer) + \"'\");\n }\n\n function observeState() {\n if (observer.next) {\n observer.next(getState());\n }\n }\n\n observeState();\n var unsubscribe = outerSubscribe(observeState);\n return {\n unsubscribe: unsubscribe\n };\n }\n }, _ref[$$observable] = function () {\n return this;\n }, _ref;\n } // When a store is created, an \"INIT\" action is dispatched so that every\n // reducer returns their initial state. This effectively populates\n // the initial state tree.\n\n\n dispatch({\n type: ActionTypes.INIT\n });\n return _ref2 = {\n dispatch: dispatch,\n subscribe: subscribe,\n getState: getState,\n replaceReducer: replaceReducer\n }, _ref2[$$observable] = observable, _ref2;\n}\n/**\n * Creates a Redux store that holds the state tree.\n *\n * **We recommend using `configureStore` from the\n * `@reduxjs/toolkit` package**, which replaces `createStore`:\n * **https://redux.js.org/introduction/why-rtk-is-redux-today**\n *\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n\nvar legacy_createStore = createStore;\n\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\nfunction warning(message) {\n /* eslint-disable no-console */\n if (typeof console !== 'undefined' && typeof console.error === 'function') {\n console.error(message);\n }\n /* eslint-enable no-console */\n\n\n try {\n // This error was thrown as a convenience so that if you enable\n // \"break on all exceptions\" in your console,\n // it would pause the execution at this line.\n throw new Error(message);\n } catch (e) {} // eslint-disable-line no-empty\n\n}\n\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n var reducerKeys = Object.keys(reducers);\n var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n\n if (reducerKeys.length === 0) {\n return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n }\n\n if (!isPlainObject(inputState)) {\n return \"The \" + argumentName + \" has unexpected type of \\\"\" + kindOf(inputState) + \"\\\". Expected argument to be an object with the following \" + (\"keys: \\\"\" + reducerKeys.join('\", \"') + \"\\\"\");\n }\n\n var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n });\n unexpectedKeys.forEach(function (key) {\n unexpectedKeyCache[key] = true;\n });\n if (action && action.type === ActionTypes.REPLACE) return;\n\n if (unexpectedKeys.length > 0) {\n return \"Unexpected \" + (unexpectedKeys.length > 1 ? 'keys' : 'key') + \" \" + (\"\\\"\" + unexpectedKeys.join('\", \"') + \"\\\" found in \" + argumentName + \". \") + \"Expected to find one of the known reducer keys instead: \" + (\"\\\"\" + reducerKeys.join('\", \"') + \"\\\". Unexpected keys will be ignored.\");\n }\n}\n\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach(function (key) {\n var reducer = reducers[key];\n var initialState = reducer(undefined, {\n type: ActionTypes.INIT\n });\n\n if (typeof initialState === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(12) : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined during initialization. \" + \"If the state passed to the reducer is undefined, you must \" + \"explicitly return the initial state. The initial state may \" + \"not be undefined. If you don't want to set a value for this reducer, \" + \"you can use null instead of undefined.\");\n }\n\n if (typeof reducer(undefined, {\n type: ActionTypes.PROBE_UNKNOWN_ACTION()\n }) === 'undefined') {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(13) : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined when probed with a random type. \" + (\"Don't try to handle '\" + ActionTypes.INIT + \"' or other actions in \\\"redux/*\\\" \") + \"namespace. They are considered private. Instead, you must return the \" + \"current state for any unknown actions, unless it is undefined, \" + \"in which case you must return the initial state, regardless of the \" + \"action type. The initial state may not be undefined, but can be null.\");\n }\n });\n}\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\n\n\nfunction combineReducers(reducers) {\n var reducerKeys = Object.keys(reducers);\n var finalReducers = {};\n\n for (var i = 0; i < reducerKeys.length; i++) {\n var key = reducerKeys[i];\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof reducers[key] === 'undefined') {\n warning(\"No reducer provided for key \\\"\" + key + \"\\\"\");\n }\n }\n\n if (typeof reducers[key] === 'function') {\n finalReducers[key] = reducers[key];\n }\n }\n\n var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same\n // keys multiple times.\n\n var unexpectedKeyCache;\n\n if (process.env.NODE_ENV !== 'production') {\n unexpectedKeyCache = {};\n }\n\n var shapeAssertionError;\n\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n\n return function combination(state, action) {\n if (state === void 0) {\n state = {};\n }\n\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n\n var hasChanged = false;\n var nextState = {};\n\n for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n var _key = finalReducerKeys[_i];\n var reducer = finalReducers[_key];\n var previousStateForKey = state[_key];\n var nextStateForKey = reducer(previousStateForKey, action);\n\n if (typeof nextStateForKey === 'undefined') {\n var actionType = action && action.type;\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(14) : \"When called with an action of type \" + (actionType ? \"\\\"\" + String(actionType) + \"\\\"\" : '(unknown type)') + \", the slice reducer for key \\\"\" + _key + \"\\\" returned undefined. \" + \"To ignore an action, you must explicitly return the previous state. \" + \"If you want this reducer to hold no value, you can return null instead of undefined.\");\n }\n\n nextState[_key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n\n hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n return hasChanged ? nextState : state;\n };\n}\n\nfunction bindActionCreator(actionCreator, dispatch) {\n return function () {\n return dispatch(actionCreator.apply(this, arguments));\n };\n}\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass an action creator as the first argument,\n * and get a dispatch wrapped function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\n\n\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === 'function') {\n return bindActionCreator(actionCreators, dispatch);\n }\n\n if (typeof actionCreators !== 'object' || actionCreators === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(16) : \"bindActionCreators expected an object or a function, but instead received: '\" + kindOf(actionCreators) + \"'. \" + \"Did you write \\\"import ActionCreators from\\\" instead of \\\"import * as ActionCreators from\\\"?\");\n }\n\n var boundActionCreators = {};\n\n for (var key in actionCreators) {\n var actionCreator = actionCreators[key];\n\n if (typeof actionCreator === 'function') {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n\n return boundActionCreators;\n}\n\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\nfunction compose() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n if (funcs.length === 0) {\n return function (arg) {\n return arg;\n };\n }\n\n if (funcs.length === 1) {\n return funcs[0];\n }\n\n return funcs.reduce(function (a, b) {\n return function () {\n return a(b.apply(void 0, arguments));\n };\n });\n}\n\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\n\nfunction applyMiddleware() {\n for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {\n middlewares[_key] = arguments[_key];\n }\n\n return function (createStore) {\n return function () {\n var store = createStore.apply(void 0, arguments);\n\n var _dispatch = function dispatch() {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(15) : 'Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n };\n\n var middlewareAPI = {\n getState: store.getState,\n dispatch: function dispatch() {\n return _dispatch.apply(void 0, arguments);\n }\n };\n var chain = middlewares.map(function (middleware) {\n return middleware(middlewareAPI);\n });\n _dispatch = compose.apply(void 0, chain)(store.dispatch);\n return _objectSpread(_objectSpread({}, store), {}, {\n dispatch: _dispatch\n });\n };\n };\n}\n\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\n\nfunction isCrushed() {}\n\nif (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n warning('You are currently using minified code outside of NODE_ENV === \"production\". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');\n}\n\nexport { ActionTypes as __DO_NOT_USE__ActionTypes, applyMiddleware, bindActionCreators, combineReducers, compose, createStore, legacy_createStore };\n","var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nexport default function isPromise(value) {\n if (value !== null && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') {\n return value && typeof value.then === 'function';\n }\n\n return false;\n}","var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nimport isPromise from './isPromise.js';\n\n/**\n * Note to contributors: Please also remember to check and make sure\n * that `index.d.ts` is also up to date with the implementation when\n * you add new features or modify existing ones.\n */\n\n// The default async action types\nexport var PENDING = 'PENDING';\nexport var FULFILLED = 'FULFILLED';\nexport var REJECTED = 'REJECTED';\nvar defaultTypes = [PENDING, FULFILLED, REJECTED];\n\n/**\n * Function: promiseMiddleware\n * Description: The main promiseMiddleware accepts a configuration\n * object and returns the middleware.\n */\nexport default function promiseMiddleware() {\n var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var PROMISE_TYPE_SUFFIXES = config.promiseTypeSuffixes || defaultTypes;\n var PROMISE_TYPE_DELIMITER = config.promiseTypeDelimiter || '_';\n\n return function (ref) {\n var dispatch = ref.dispatch;\n\n\n return function (next) {\n return function (action) {\n\n /**\n * Instantiate variables to hold:\n * (1) the promise\n * (2) the data for optimistic updates\n */\n var promise = void 0;\n var data = void 0;\n\n /**\n * There are multiple ways to dispatch a promise. The first step is to\n * determine if the promise is defined:\n * (a) explicitly (action.payload.promise is the promise)\n * (b) implicitly (action.payload is the promise)\n * (c) as an async function (returns a promise when called)\n *\n * If the promise is not defined in one of these three ways, we don't do\n * anything and move on to the next middleware in the middleware chain.\n */\n\n // Step 1a: Is there a payload?\n if (action.payload) {\n var PAYLOAD = action.payload;\n\n // Step 1.1: Is the promise implicitly defined?\n if (isPromise(PAYLOAD)) {\n promise = PAYLOAD;\n }\n\n // Step 1.2: Is the promise explicitly defined?\n else if (isPromise(PAYLOAD.promise)) {\n promise = PAYLOAD.promise;\n data = PAYLOAD.data;\n }\n\n // Step 1.3: Is the promise returned by an async function?\n else if (typeof PAYLOAD === 'function' || typeof PAYLOAD.promise === 'function') {\n promise = PAYLOAD.promise ? PAYLOAD.promise() : PAYLOAD();\n data = PAYLOAD.promise ? PAYLOAD.data : undefined;\n\n // Step 1.3.1: Is the return of action.payload a promise?\n if (!isPromise(promise)) {\n\n // If not, move on to the next middleware.\n return next(_extends({}, action, {\n payload: promise\n }));\n }\n }\n\n // Step 1.4: If there's no promise, move on to the next middleware.\n else {\n return next(action);\n }\n\n // Step 1b: If there's no payload, move on to the next middleware.\n } else {\n return next(action);\n }\n\n /**\n * Instantiate and define constants for:\n * (1) the action type\n * (2) the action meta\n */\n var TYPE = action.type;\n var META = action.meta;\n\n /**\n * Instantiate and define constants for the action type suffixes.\n * These are appended to the end of the action type.\n */\n\n var _PROMISE_TYPE_SUFFIXE = _slicedToArray(PROMISE_TYPE_SUFFIXES, 3),\n _PENDING = _PROMISE_TYPE_SUFFIXE[0],\n _FULFILLED = _PROMISE_TYPE_SUFFIXE[1],\n _REJECTED = _PROMISE_TYPE_SUFFIXE[2];\n\n /**\n * Function: getAction\n * Description: This function constructs and returns a rejected\n * or fulfilled action object. The action object is based off the Flux\n * Standard Action (FSA).\n *\n * Given an original action with the type FOO:\n *\n * The rejected object model will be:\n * {\n * error: true,\n * type: 'FOO_REJECTED',\n * payload: ...,\n * meta: ... (optional)\n * }\n *\n * The fulfilled object model will be:\n * {\n * type: 'FOO_FULFILLED',\n * payload: ...,\n * meta: ... (optional)\n * }\n */\n\n\n var getAction = function getAction(newPayload, isRejected) {\n return _extends({\n // Concatentate the type string property.\n type: [TYPE, isRejected ? _REJECTED : _FULFILLED].join(PROMISE_TYPE_DELIMITER)\n\n }, newPayload === null || typeof newPayload === 'undefined' ? {} : {\n payload: newPayload\n }, META !== undefined ? { meta: META } : {}, isRejected ? {\n error: true\n } : {});\n };\n\n /**\n * Function: handleReject\n * Calls: getAction to construct the rejected action\n * Description: This function dispatches the rejected action and returns\n * the original Error object. Please note the developer is responsible\n * for constructing and throwing an Error object. The middleware does not\n * construct any Errors.\n */\n var handleReject = function handleReject(reason) {\n var rejectedAction = getAction(reason, true);\n dispatch(rejectedAction);\n\n throw reason;\n };\n\n /**\n * Function: handleFulfill\n * Calls: getAction to construct the fullfilled action\n * Description: This function dispatches the fulfilled action and\n * returns the success object. The success object should\n * contain the value and the dispatched action.\n */\n var handleFulfill = function handleFulfill() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n var resolvedAction = getAction(value, false);\n dispatch(resolvedAction);\n\n return { value: value, action: resolvedAction };\n };\n\n /**\n * First, dispatch the pending action:\n * This object describes the pending state of a promise and will include\n * any data (for optimistic updates) and/or meta from the original action.\n */\n next(_extends({\n // Concatentate the type string.\n type: [TYPE, _PENDING].join(PROMISE_TYPE_DELIMITER)\n\n }, data !== undefined ? { payload: data } : {}, META !== undefined ? { meta: META } : {}));\n\n /**\n * Second, dispatch a rejected or fulfilled action and move on to the\n * next middleware.\n */\n return promise.then(handleFulfill, handleReject);\n };\n };\n };\n}","/** A function that accepts a potential \"extra argument\" value to be injected later,\r\n * and returns an instance of the thunk middleware that uses that value\r\n */\nfunction createThunkMiddleware(extraArgument) {\n // Standard Redux middleware definition pattern:\n // See: https://redux.js.org/tutorials/fundamentals/part-4-store#writing-custom-middleware\n var middleware = function middleware(_ref) {\n var dispatch = _ref.dispatch,\n getState = _ref.getState;\n return function (next) {\n return function (action) {\n // The thunk middleware looks for any functions that were passed to `store.dispatch`.\n // If this \"action\" is really a function, call it and return the result.\n if (typeof action === 'function') {\n // Inject the store's `dispatch` and `getState` methods, as well as any \"extra arg\"\n return action(dispatch, getState, extraArgument);\n } // Otherwise, pass the action down the middleware chain as usual\n\n\n return next(action);\n };\n };\n };\n\n return middleware;\n}\n\nvar thunk = createThunkMiddleware(); // Attach the factory function so users can create a customized version\n// with whatever \"extra arg\" they want to inject into their thunks\n\nthunk.withExtraArgument = createThunkMiddleware;\nexport default thunk;","import {Reducer} from 'redux';\nimport {InitialAction} from '../../common/reducer/reducers';\nimport {CarrierType} from '../../types/CarrierType';\nimport {CatererType} from '../../types/caterer/CatererType';\nimport {InstitutionType} from '../../types/InstitutionType';\nimport {MealPricesType} from '../../types/MealPricesType';\nimport {ParentType} from '../../types/ParentType';\nimport {AdministrationActions, SET_CARRIERS, SET_CATERERS, SET_INSTITUTIONS, SET_MEAL_PRICES, SET_PARENTS} from '../action/administrationActions';\n\nexport type AdministrationState = {\n carriers: CarrierType[],\n caterers: CatererType[],\n institutions: InstitutionType[],\n parents: ParentType[]\n mealPrices?: MealPricesType[]\n}\nconst initialState: AdministrationState = {\n carriers: [],\n caterers: [],\n institutions: [],\n parents: []\n};\n\nconst administrationReducer: Reducer\n {\n !showDetails &&\n \n \n \n \n
\n\n \n
\n }\n {t('SubscriptionInfo.TEASER')}
\n \n\n {t('Subscription.SWITCH_TO_SUBSCRIPTION')}\n
\n