\n
\n {modalTitle &&\n
\n {t(modalTitle)}\n cleanUp && cleanUp(false)}\n />\n
\n }\n {modalMessage &&\n
\n {typeof modalMessage === 'string' &&\n
\n }\n {Array.isArray(modalMessage) &&\n
t(line)).join('
') }} id=\"modalContent\" />\n }\n
\n }\n\n
\n
\n {(modalConfirm || cleanUp) &&\n {\n setConfirmDisabled(true);\n if (modalConfirm) {\n modalConfirm();\n } else if (cleanUp) {\n cleanUp(true);\n }\n }}\n />\n }\n
\n\n
\n cleanUp && cleanUp(false)}\n />\n
\n
\n
\n \n }\n \n );\n};\n\nModalConfirm.propTypes = {\n classNames: PropTypes.arrayOf(\n PropTypes.string\n ),\n cleanUp: PropTypes.func,\n currentOpenModalId: PropTypes.string,\n id: PropTypes.string.isRequired,\n labelCancel: PropTypes.string,\n labelConfirm: PropTypes.string,\n modalClose: PropTypes.func,\n modalConfirm: PropTypes.func,\n modalMessage: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.string\n ),\n PropTypes.string\n ]),\n modalTitle: PropTypes.string\n};\n\nexport default ModalConfirm;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Button from 'components/base/button/button';\nimport constants from 'services/constants';\nimport classes from 'components/summary/transportSummary/transportSummary.module.scss';\nimport PropTypes from 'prop-types';\n\nconst TransportSummary = ({\n label,\n onClick,\n transportInformation\n}) => {\n const { ready, t } = useTranslation();\n\n const transportedByLabel = transportInformation ? ('radioButtons.transportedBy.' + transportInformation.transportedBy) : '';\n\n return (\n <>\n {ready &&\n
\n
{t(label)}
\n
\n {(!transportInformation || !transportInformation.recordTransportInformation || transportInformation.recordTransportInformation === constants.option.recordTransportInformation.no) &&\n t('movements.transport-information.noInformationRecorded')\n }\n {transportInformation?.recordTransportInformation && transportInformation.recordTransportInformation !== constants.option.recordTransportInformation.no &&\n <>\n
\n {t('movements.transport-information.transport-details.radios-title')}:{' '}\n {t(transportedByLabel)}\n {transportInformation.vehicleRegistrationNumber &&\n <>\n {' '}- {transportInformation.vehicleRegistrationNumber}\n \n }\n
\n {transportInformation.contactPhone &&\n
\n {t('movements.transport-information.transport-details.contactTelephoneNumber')}:{' '}\n {transportInformation.contactPhone}\n
\n }\n {transportInformation.durationOfJourney && (transportInformation.durationOfJourney.days > 0 || transportInformation.durationOfJourney.hours > 0 || transportInformation.durationOfJourney.minutes > 0) &&\n
\n {t('movements.transport-information.transport-details.durationOfJourney')}:{' '}\n {transportInformation.durationOfJourney.days === 1 &&\n <>\n {transportInformation.durationOfJourney.days}{' '}\n {t('label.day_lower')}{' '}\n \n }\n {transportInformation.durationOfJourney.days > 1 &&\n <>\n {transportInformation.durationOfJourney.days}{' '}\n {t('label.days_lower')}{' '}\n \n }\n {transportInformation.durationOfJourney.hours ? transportInformation.durationOfJourney.hours : 0}{' '}\n {t('movements.transport-information.transport-details.hours').toLowerCase()}{' '}\n\n {transportInformation.durationOfJourney.minutes ? transportInformation.durationOfJourney.minutes : 0}{' '}\n {t('movements.transport-information.transport-details.minutes').toLowerCase()}\n
\n }\n \n }\n
\n {onClick &&\n
\n \n
\n }\n
\n }\n \n );\n};\n\nTransportSummary.propTypes = {\n label: PropTypes.string,\n onClick: PropTypes.func,\n transportInformation: PropTypes.object\n};\n\nexport default TransportSummary;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Button from 'components/base/button/button';\nimport classes from 'components/summary/userComment/userComment.module.scss';\nimport PropTypes from 'prop-types';\n\nconst UserComment = ({\n comment,\n label,\n onClick\n}) => {\n const { ready, t } = useTranslation();\n\n return (\n <>\n {ready &&\n
\n
{t(label)}
\n
\n {comment ? comment : t('label.userCommentNotEntered')}\n
\n {onClick &&\n
\n \n
\n }\n
\n }\n \n );\n};\n\nUserComment.propTypes = {\n comment: PropTypes.string,\n label: PropTypes.string,\n onClick: PropTypes.func\n};\n\nexport default UserComment;\n","import React, { useEffect } from 'react';\nimport { Redirect, useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport axios from 'axios';\nimport bff, { bffResponse, bffStatus, isCancel } from 'services/bff';\nimport breedsHelper from 'services/breedsHelper';\nimport classes from 'frontEnd/activityDetails/activityDetails.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport he from 'he';\nimport helpers from 'services/helpers';\nimport moment from 'moment';\nimport navigation from 'services/navigation';\nimport permissions from 'services/permissions';\nimport PropTypes from 'prop-types';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\nimport userRoleType from 'services/userRoleType';\nimport AddressSummary from 'components/summary/addressSummary/addressSummary';\nimport AnimalSummary from 'components/animalSummary/animalSummary';\nimport Button from 'components/base/button/button';\nimport Confirmation from 'components/base/confirmation/confirmation';\nimport DateSummary from 'components/summary/dateSummary/dateSummary';\nimport ExemptionSummary from 'components/summary/exemptionSummary/exemptionSummary';\nimport FciSummary from 'components/summary/fciSummary/fciSummary';\nimport Linker from 'components/base/linker/linker';\nimport ModalConfirm from 'components/base/modalConfirm/modalConfirm';\nimport PDFButton from 'components/pdfButton/pdfButton';\nimport TransportSummary from 'components/summary/transportSummary/transportSummary';\nimport UserComment from 'components/summary/userComment/userComment';\n\nconst ActivityDetails = ({\n location,\n setModal,\n setPermission\n}) => {\n const { ready, t } = useTranslation();\n const history = useHistory();\n\n const allHoldings = storeService.session.get.holdings();\n\n const [speciesId, setSpeciesId] = React.useState();\n const [data, setData] = React.useState(null);\n const [loadPending, setLoadPending] = React.useState(true);\n const [requestType, setRequestType] = React.useState(null);\n const [requestId, setRequestId] = React.useState(null);\n const [movementDocumentRef, setMovementDocumentRef] = React.useState(null);\n const [reviewStatus, setReviewStatus] = React.useState(null);\n const [movementDocumentRefCorrected, setMovementDocumentRefCorrected] = React.useState(null);\n const [departureDate, setDepartureDate] = React.useState(null);\n const [arrivalDate, setArrivalDate] = React.useState(null);\n\n const [eventDate, setEventDate] = React.useState(null);\n const [cancelPending, setCancelPending] = React.useState(false);\n const [extraData, setExtraData] = React.useState({});\n const [batches, setBatches] = React.useState([]);\n const [batchesRejected, setBatchesRejected] = React.useState([]);\n const [individualAnimals, setIndividualAnimals] = React.useState([]);\n const [individualAnimalsRejected, setIndividualAnimalsRejected] = React.useState([]);\n const [transportInformation, setTransportInformation] = React.useState({});\n const [fciDetails, setFciDetails] = React.useState({});\n const [processingFlags, setProcessingFlags] = React.useState({ exempt: false, exemptions: [] });\n const [metFCIWithdrawalPeriods, setMetFCIWithdrawalPeriods] = React.useState();\n const [hideAnimalDetails, setHideAnimalDetails] = React.useState(false);\n const [confirmUndo, setConfirmUndo] = React.useState(false);\n const [confirmAmend, setConfirmAmend] = React.useState(false);\n\n const [isMissingOrFound, setIsMissingOrFound] = React.useState(false);\n const [isMissing, setIsMissing] = React.useState(false);\n const [printing, setPrinting] = React.useState(false);\n\n let returnUrl = navigation.userActivity();\n let prevPermissions;\n let prevHolding;\n if (location?.state?.data?.current) {\n if (location.state.data.current.returnUrl) {\n returnUrl = location.state.data.current.returnUrl;\n }\n if (location.state.data.current.permissions) {\n prevPermissions = location.state.data.current.permissions;\n }\n if (location.state.data.current.holding) {\n prevHolding = location.state.data.current.holding;\n }\n }\n\n const redirectToMovementSummary = () => {\n const data = location.state.data;\n const activityUrl = location.pathname;\n\n const movementDetails = {\n data: { ...data },\n returnUrl: activityUrl\n };\n\n history.push(Routing.movementsSummary, movementDetails);\n };\n\n window.onafterprint = () => {\n setPrinting(false);\n document.body.classList.remove('modal-open');\n };\n\n const content = {\n [constants.option.requestType.animalsAdded]: {\n cancelButton: 'button.cancelAnimalsAdded',\n cancelPrompt: 'recentDetails.cancelAnimalsAdded',\n cancelTitle: 'title.cancelAnimalsAdded',\n confirmLabel: 'recentDetails.submittedAnimalsAdded',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.dateAnimalsAdded',\n failedCancellationLabel: 'recentDetails.failedAnimalsAddedCancellation',\n reference: 'label.reference',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleAnimalsAddedToHoldingRef'\n },\n\n [constants.option.requestType.birth]: {\n cancelButton: 'button.cancelTagApplication',\n cancelPrompt: 'recentDetails.cancelTagApplication',\n cancelTitle: 'title.cancelTagApplication',\n confirmLabel: 'recentDetails.submittedTagApplication',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.applicationDate',\n failedCancellationLabel: 'recentDetails.failedBirthCancellation',\n reference: 'label.reference',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleBirthRef'\n },\n\n [constants.option.requestType.correctTransfer]: {\n addressHeader: 'recentDetails.movementDirection',\n amendButton: 'button.amendMovement',\n cancelButton: 'button.cancelMovement',\n cancelPrompt: 'recentDetails.cancelCorrectMovement',\n cancelTitle: 'title.cancelCorrectMovement',\n confirmLabel: 'recentDetails.submittedMovement',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.movementDate',\n failedCancellationLabel: 'recentDetails.failedMovementCancellation',\n fciHeader: 'recentDetails.fciDetails',\n locationFrom: 'recentDetails.departureHolding',\n locationTo: 'recentDetails.destinationHolding',\n movementRefCorrected: 'label.movementRefCorrected',\n reference: 'label.movementRef',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleCorrectedMovementRef',\n transportHeader: 'recentDetails.transportInformation'\n },\n\n [constants.option.requestType.death]: {\n addressHeader: 'deaths.locationOfCarcass',\n cancelButton: 'button.cancelDeath',\n cancelPrompt: 'recentDetails.cancelDeathReport',\n cancelTitle: 'title.cancelDeath',\n confirmLabel: 'recentDetails.submittedDeath',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.diedDate',\n failedCancellationLabel: 'recentDetails.failedDeathCancellation',\n locationFrom: 'recentDetails.departureHolding',\n locationTo: 'recentDetails.carcassSentTo',\n reference: 'label.reference',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleOnFarmKillRef'\n },\n\n [constants.option.requestType.movement]: {\n addressHeader: 'recentDetails.movementDirection',\n amendButton: 'button.amendMovement',\n cancelButton: isMissingOrFound ? 'button.cancelRecord' : 'button.cancelMovement',\n cancelPrompt: isMissingOrFound ? 'recentDetails.cancelRecord' : 'recentDetails.cancelMovement',\n cancelTitle: isMissingOrFound ? 'title.cancelRecord' : 'title.cancelMovement',\n cancellationPending: 'recentDetails.cancellationPendingWithUserActivity',\n confirmContent: 'recentDetails.confirmContent',\n confirmLabel: 'recentDetails.submittedMovement',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.movementDate',\n failedCancellationLabel: 'recentDetails.failedMovementCancellation',\n fciHeader: 'recentDetails.fciDetails',\n locationFrom: 'recentDetails.departureHolding',\n locationTo: 'recentDetails.destinationHolding',\n reference: 'label.movementRef',\n subTitle: 'recentDetails.activityDetails',\n title: isMissingOrFound ? (isMissing ? 'recentDetails.titleMissingRef' : 'recentDetails.titleFoundRef') : 'recentDetails.titleMovementRef',\n transportHeader: 'recentDetails.transportInformation'\n },\n\n [constants.option.requestType.movementHandshake]: {\n addressHeader: 'recentDetails.movementDirection',\n cancelButton: 'button.cancelMovementReview',\n cancelPrompt: 'recentDetails.cancelMovementHandshake',\n cancelTitle: 'title.cancelMovementReview',\n confirmLabel: 'recentDetails.cancelMovementSuccess',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.reviewDate',\n failedCancellationLabel: 'recentDetails.failedMovementCancellation',\n locationFrom: 'recentDetails.departureHolding',\n locationTo: 'recentDetails.destinationHolding',\n reference: 'label.movementRef',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleReviewHoldingMovementRef'\n },\n\n [constants.option.requestType.tagApplication]: {\n cancelButton: 'button.cancelTagApplication',\n cancelPrompt: 'recentDetails.cancelTagApplication',\n cancelTitle: 'title.cancelTagApplication',\n confirmLabel: 'recentDetails.submittedTagApplication',\n contentSubmission: 'recentDetails.contentSubmission',\n dateHeader: 'recentDetails.applicationDate',\n failedCancellationLabel: 'recentDetails.failedTagApplicationCancellation',\n reference: 'label.reference',\n subTitle: 'recentDetails.activityDetails',\n title: 'recentDetails.titleApplyTagsBirthRef'\n },\n\n [constants.option.requestType.tagReplacement]: {\n cancelButton: 'button.cancelTagReplacement',\n cancelPrompt: 'recentDetails.cancelTagReplacement',\n cancelTitle: 'title.cancelTagReplacement',\n confirmLabel: 'recentDetails.submittedTagReplacement',\n contentSubmission: 'recentDetails.contentSubmission',\n failedCancellationLabel: 'recentDetails.failedTagReplacementCancellation',\n reference: 'label.reference',\n dateHeader: 'recentDetails.applicationDate',\n title: 'recentDetails.titleReplaceTagsRef',\n subTitle: 'recentDetails.activityDetails'\n }\n };\n\n const handleChanges = {\n amendMovement: () => {\n let sessionDepartureDate;\n let sessionArrivalDate;\n if (helpers.species.isCattleId(speciesId)) {\n sessionDepartureDate = helpers.date.formatYYYYMMDD(data.transferDate);\n sessionArrivalDate = helpers.date.formatYYYYMMDD(data.transferDate);\n } else {\n sessionDepartureDate = helpers.date.formatYYYYMMDD(data.movementDocument.departureDetail.departureDateTime);\n\n if (data.movementDocument.destinationDetail.arrivalDateTime) {\n sessionArrivalDate = helpers.date.formatYYYYMMDD(data.movementDocument.destinationDetail.arrivalDateTime);\n }\n }\n\n let animalsBeingMoved = [];\n if (data.movementGroups[0].devices?.length > 0) {\n animalsBeingMoved = data.movementGroups[0].devices.map((device) => ({\n rfid: device.rfid,\n tagNumber: device.tagNumber\n }));\n } else if (data.movementGroups[0].devicesWithDetail?.length > 0) {\n animalsBeingMoved = data.movementGroups[0].devicesWithDetail.map((device) => ({\n rfid: device.device.rfid,\n tagNumber: device.device.tagNumber\n }));\n }\n\n storeService.session.set.movement({\n amend: true,\n movementId: requestId,\n reviewStatus: reviewStatus,\n movementType: data.movementType,\n inBusinessMovement: data.inBusinessMovement,\n requestType,\n departureDate: sessionDepartureDate,\n otherHolding: get.otherHolding(),\n comment: data.comment,\n exempt: data.processingFlags?.length > 0 ? constants.option.exemption.yes : constants.option.exemption.no,\n exemptions: processingFlags.exemptions ? processingFlags.exemptions.map((flag) => {\n const isPermitMoveExemption = Object.values(constants.permitMovesMandatory).some((mandatoryExemption) => mandatoryExemption.id === flag.id);\n\n return {\n ...flag,\n value: data.processingFlags.some((dataFlag) => flag.id === dataFlag.processingFlagId),\n disabled: helpers.option.movement.isPermitMove(data.movementType) ? isPermitMoveExemption : false\n };\n }) : [],\n selectedAnimalDetails: {\n batchList: data.movementGroups[0].batches.map((batch) => ({\n animalTotal: batch.animalTotal,\n batchNumber: batch.batchNumber,\n description: '',\n tagNumber: batch.batchNumber\n })),\n animalsBeingMoved: animalsBeingMoved?.map((animal) => ({\n ...animal,\n unfit: fciDetails?.unfitAnimals?.find((unfitAnimal) => animal.tagNumber === unfitAnimal.tagNumber)\n }))\n }\n });\n\n storeService.session.set.movementOtherHolding(get.otherHolding());\n\n if (sessionArrivalDate) {\n storeService.session.set.movementArrivalDate(sessionArrivalDate);\n }\n\n if (data.deviceApplication) {\n storeService.session.set.movementRecordTagAllocationDetails(true);\n storeService.session.set.movementTagApplicationDate(helpers.date.formatYYYYMMDD(data.deviceApplication.dateOfApplication));\n storeService.session.set.movementYearOfBirth(String(moment(data.deviceApplication.beginBirthPeriod).year()));\n storeService.session.set.movementBreed({\n id: String(breedsHelper.getBreedId(data.deviceApplication.breed)),\n name: data.deviceApplication.breed\n });\n }\n\n if (data.movementGroups[0].devicesWithDetail?.length > 0) {\n const device = data.movementGroups[0].devicesWithDetail[0];\n storeService.session.set.movementRecordAnimalDetails(true);\n storeService.session.set.movementYearOfBirth(String(moment(device.beginBirthPeriod).year()));\n storeService.session.set.movementBreed({\n id: String(breedsHelper.getBreedId(device.breed)),\n name: device.breed\n });\n storeService.session.set.movementGender(device.gender);\n }\n\n if (helpers.species.isCattleId(speciesId)) {\n storeService.session.set.movementRecordTransportInformation(constants.option.recordTransportInformation.no);\n storeService.session.set.movementFciRecordFci(constants.option.recordFCI.no);\n } else {\n const transportDetail = data.movementDocument.transportDetail;\n const departureDetail = data.movementDocument.departureDetail;\n\n storeService.session.set.movementTransportInformation({\n recordTransportInformation: transportDetail && transportDetail.transporterType ? constants.option.recordTransportInformation.yes : constants.option.recordTransportInformation.no,\n transportedBy: transportDetail && transportDetail.transporterType && constants.option.transporterReverse[transportDetail.transporterType] ? constants.option.transporterReverse[transportDetail.transporterType] : '',\n driverFirstName: transportDetail && transportDetail.transporter && transportDetail.transporter.firstName ? transportDetail.transporter.firstName : '',\n driverLastName: transportDetail && transportDetail.transporter && transportDetail.transporter.lastName ? transportDetail.transporter.lastName : '',\n contactPhone: transportDetail && transportDetail.transporter && transportDetail.transporter.telephoneNumber ? transportDetail.transporter.telephoneNumber : '',\n authorisationNumber: transportDetail && transportDetail.transporterAuthNumber ? transportDetail.transporterAuthNumber : '',\n ownerFirstName: departureDetail && departureDetail.departureOwner && departureDetail.departureOwner.firstName ? departureDetail.departureOwner.firstName : '',\n ownerLastName: departureDetail && departureDetail.departureOwner && departureDetail.departureOwner.lastName ? departureDetail.departureOwner.lastName : '',\n vehicleRegistrationNumber: transportDetail && transportDetail.transportVehicleRegistrationNo ? transportDetail.transportVehicleRegistrationNo : '',\n transporter: transportDetail && transportDetail.transportHaulierName ? transportDetail.transportHaulierName : '',\n departureTime: {\n hours: departureDetail && departureDetail.departureDateTime ? moment(departureDetail.departureDateTime).hours() : null,\n minutes: departureDetail && departureDetail.departureDateTime ? moment(departureDetail.departureDateTime).minutes() : null\n },\n durationOfJourney: {\n days: departureDetail && departureDetail.expectedDurationOfJourney ? departureDetail.expectedDurationOfJourney.days : '',\n hours: departureDetail && departureDetail.expectedDurationOfJourney ? departureDetail.expectedDurationOfJourney.hours : '',\n minutes: departureDetail && departureDetail.expectedDurationOfJourney ? departureDetail.expectedDurationOfJourney.minutes : ''\n }\n });\n\n const recordFCI = data.movementDocument.fciDetail && typeof data.movementDocument.fciDetail.isAllAnimalsFciCompliant === 'boolean' ? constants.option.recordFCI.yes : constants.option.recordFCI.no;\n storeService.session.set.movementFciRecordFci(recordFCI);\n\n if (helpers.option.fci.doRecord(recordFCI)) {\n const period = metFCIWithdrawalPeriods.find((item) => data.movementDocument.fciDetail.metFCIWithdrawalPeriodCode === item.code);\n\n storeService.session.set.movementFciAnimalsSatisfy(data.movementDocument.fciDetail.isAllAnimalsFciCompliant ? constants.option.animalsSatisfy.doSatisfy : constants.option.animalsSatisfy.doNotSatisfy);\n\n if (data.movementDocument.fciDetail.nonCompliantDevices?.length > 0) {\n storeService.session.set.movementFciUnfitAnimals(data.movementDocument.fciDetail.nonCompliantDevices.map((animal) => animal.tagNumber));\n }\n if (period) {\n storeService.session.set.movementFciWithdrawalPeriod(period);\n }\n if (data.movementDocument.fciDetail.holdingRestrictions) {\n storeService.session.set.movementFciHoldingRestrictions(data.movementDocument.fciDetail.holdingRestrictions);\n }\n if (data.movementDocument.fciDetail.nonCompliantReason) {\n storeService.session.set.movementFciNonComplianceReason(data.movementDocument.fciDetail.nonCompliantReason);\n }\n }\n }\n\n storeService.session.set.originalMovement(storeService.session.get.movement());\n\n const returnState = {\n data: location.state.data,\n returnUrl: location.pathname,\n searchState: location.state.searchState\n };\n\n if (permissions.isGathering()) {\n history.push(navigation.movements(), returnState);\n } else {\n redirectToMovementSummary();\n }\n },\n\n cancel: () => {\n if (\n helpers.option.requestType.isAnimalsAdded(requestType) ||\n helpers.option.requestType.isCorrectedMovement(requestType) ||\n helpers.option.requestType.isMovement(requestType) ||\n helpers.option.requestType.isMovementHandshake(requestType) ||\n helpers.option.requestType.isDeath(requestType) ||\n helpers.option.requestType.isTagApplication(requestType) ||\n helpers.option.requestType.isTagReplacement(requestType) ||\n helpers.option.requestType.isBirth(requestType)\n ) {\n setConfirmUndo(false);\n setCancelPending(true);\n\n bff\n .post('/undoRequest', {\n poll: config.POLLS_ENABLED,\n requestId\n })\n .then((res) => {\n const { data } = res;\n storeService.session.set.confirmRequestType(requestType);\n storeService.session.set.confirmRequestId(bffResponse.requestId(data));\n storeService.session.set.confirmPollingStatus(bffResponse.status(data));\n\n storeService.session.set.confirmPollingErrors(bffResponse.errors(data));\n storeService.session.set.confirmPollingWarnings(bffResponse.warnings(data));\n\n history.push(Routing.activityUndo + requestId);\n helpers.scrollToTop();\n })\n .catch((error) => {\n setCancelPending(false);\n errors.BFF(error, setModal);\n });\n }\n }\n };\n\n const get = {\n tagClassname: (status) => {\n return 'tag ' + helpers.tag.getColour(status);\n },\n\n flag: (flagId, flags) => {\n return flags.find((flag) => flag.id === flagId);\n },\n\n tagNumber: (string) => {\n return string && string.tagNumber ? string.tagNumber : t('label.notSpecified');\n },\n\n otherHolding: () => {\n if (data.inBusinessMovement) {\n return {\n value: data.sourceHolding\n };\n }\n\n switch (data.movementType) {\n case constants.option.movement.off:\n return {\n value: data.destinationHolding\n };\n case constants.option.movement.on:\n return {\n value: data.sourceHolding\n };\n default:\n return null;\n }\n }\n };\n\n const fetch = {\n activityData: (stateData, source1, source2, source3) => {\n bff\n .get('/request', {\n cancelToken: source1.token,\n params: {\n requestId: stateData.requestId,\n documentRef: stateData.movementDocumentRef,\n requestType: stateData.requestType\n }\n })\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal, setLoadPending)) {\n const resData = res.data;\n const holdingToSelect = resData.userHolding ? resData.userHolding : resData.holding;\n\n const isPermitMoveDates = (data) => (\n data.movementDocument?.departureDetail?.departureDateTime &&\n data.movementDocument?.destinationDetail?.arrivalDateTime &&\n (helpers.date.format(data.movementDocument?.departureDetail?.departureDateTime) === helpers.date.format(data.movementDocument?.destinationDetail?.arrivalDateTime))\n );\n\n const isPermitMoveCheck = (data) => {\n if (data?.movementDocument) {\n if (isPermitMoveDates(data)) {\n if (data?.sourceHolding) {\n return data.sourceHolding === data.destinationHolding;\n }\n return data.fromHolding === data.toHolding;\n }\n }\n return false;\n };\n\n const getMovementType = () => {\n let movementType;\n\n if (isPermitMoveCheck(resData)) {\n movementType = constants.option.movement.permit;\n } else if (resData.userHolding === resData.sourceHolding) {\n movementType = constants.option.movement.off;\n } else {\n movementType = constants.option.movement.on;\n }\n\n return movementType;\n };\n const defaultHolding = prevHolding ? prevHolding.value : Object.keys(allHoldings).length > 0 && Object.keys(allHoldings)[0];\n const holding = holdingToSelect && allHoldings[holdingToSelect] ? allHoldings[holdingToSelect] : allHoldings[defaultHolding];\n storeService.session.set.holding(holding);\n storeService.session.set.permissions(holding.role);\n setPermission(holding.role);\n\n breedsHelper.update({\n id: helpers.species.nameToId(resData.species),\n name: resData.species\n });\n setSpeciesId(helpers.species.nameToId(resData.species));\n\n if (resData.documentRef) {\n setMovementDocumentRef(resData.documentRef);\n } else if (resData.movementDocument) {\n setMovementDocumentRef(resData.movementDocument.movementDocumentRef);\n }\n\n if (resData.movementRefCorrected) {\n setMovementDocumentRefCorrected(resData.movementRefCorrected);\n }\n\n setData({\n ...resData,\n inBusinessMovement: helpers.option.movement.isPermitMove(getMovementType()) ? false : Boolean(allHoldings[resData.sourceHolding] && allHoldings[resData.destinationHolding]),\n movementType: helpers.option.requestType.isAnimalsAdded(stateData.requestType) ? null : getMovementType(),\n sourceHolding: resData.fromHolding ? resData.fromHolding : resData.sourceHolding,\n destinationHolding: resData.toHolding ? resData.toHolding : resData.destinationHolding,\n status: resData.isFullUndone ? constants.status.cancelled : resData.requestStatus\n });\n\n let tempBatches = [];\n let tempBatchesRejected = [];\n let tempIndividualAnimals = [];\n let tempIndividualAnimalsRejected = [];\n let dob;\n let isSheepOrGoats;\n\n switch (stateData.requestType) {\n case constants.option.requestType.animalsAdded:\n setEventDate(resData.dateAnimalsWereLocated);\n tempIndividualAnimals = helpers.animal.addDobAndAgeForDisplay(\n resData.devicesWithDetail\n .map((animal) => ({\n ...animal,\n tagNumber: animal.device.tagNumber,\n breedName: animal.breed,\n genderName: animal.gender\n }))\n );\n break;\n\n case constants.option.requestType.birth:\n setEventDate(resData.dateOfApplication);\n tempBatches = [];\n tempIndividualAnimals = createBirthList(resData.applicationItems).map((item) => ({\n ...item,\n genotype: resData.genotype\n }));\n break;\n\n case constants.option.requestType.death:\n setEventDate(resData.killDate);\n if (resData.deathofUntaggedAnimals && resData.deathofUntaggedAnimals.animalTotal > 0) {\n setHideAnimalDetails(true);\n } else {\n tempBatches = resData.batchDetails;\n }\n tempIndividualAnimals = resData.killedDevices;\n break;\n\n case constants.option.requestType.correctTransfer:\n case constants.option.requestType.movement: {\n fetch.exemptions(res, source2);\n setEventDate(resData.transferDate);\n\n if (resData.movementDocument.departureDetail) {\n setDepartureDate(resData.movementDocument.departureDetail.departureDateTime);\n }\n if (resData.movementDocument.destinationDetail) {\n setArrivalDate(resData.movementDocument.destinationDetail.arrivalDateTime);\n }\n\n setIsMissingOrFound(helpers.address.isUnknown(resData.destinationHolding) || helpers.address.isUnknown(resData.sourceHolding));\n setIsMissing(helpers.address.isUnknown(resData.destinationHolding));\n\n resData.movementGroups.forEach((group) => {\n if (group.batches?.length > 0) {\n tempBatches = [...tempBatches, ...group.batches];\n }\n if (group.devices?.length > 0) {\n tempIndividualAnimals = [...tempIndividualAnimals, ...group.devices];\n }\n if (group.devicesWithDetail?.length > 0) {\n tempIndividualAnimals = [...tempIndividualAnimals, ...group.devicesWithDetail.map((device) => ({\n beginBirthPeriod: device.beginBirthPeriod,\n breed: device.breed,\n endBirthPeriod: device.endBirthPeriod,\n gender: device.gender,\n rfid: device.rfid,\n tagNumber: device.device.tagNumber\n }))];\n }\n });\n\n const movementDocument = resData.movementDocument;\n if (movementDocument) {\n const fciDetail = movementDocument.fciDetail;\n if (fciDetail) {\n tempIndividualAnimals = tempIndividualAnimals.map((animal) => ({\n ...animal,\n unfit: fciDetail.nonCompliantDevices.find((unfitAnimal) => animal.tagNumber === unfitAnimal.tagNumber)\n }));\n\n helpers.get.metFciWithdrawalPeriods(source3.token)\n .then((res2) => {\n if (helpers.response.isValid(res2.data, setModal)) {\n const period = res2.data.find((item) => fciDetail.metFCIWithdrawalPeriodCode === item.code);\n\n setMetFCIWithdrawalPeriods(res2.data);\n setFciDetails({\n recordFCI: typeof fciDetail.isAllAnimalsFciCompliant === 'boolean' ? constants.option.recordFCI.yes : constants.option.recordFCI.no,\n animalsSatisfy: fciDetail.isAllAnimalsFciCompliant ? constants.option.animalsSatisfy.doSatisfy : constants.option.animalsSatisfy.doNotSatisfy,\n unfitAnimals: fciDetail.nonCompliantDevices,\n nonComplianceReason: fciDetail.nonCompliantReason,\n withdrawalPeriod: period ? period : null,\n holdingRestrictions: fciDetail.holdingRestrictions\n });\n }\n });\n }\n\n const transportDetail = movementDocument.transportDetail;\n if (transportDetail) {\n setTransportInformation({\n recordTransportInformation: Boolean(transportDetail.transporterType) && (helpers.option.transporter.isDepartureKeeper(transportDetail.transporterType) || helpers.option.transporter.isDestinationKeeper(transportDetail.transporterType) || helpers.option.transporter.isHaulier(transportDetail.transporterType)),\n transportedBy: transportDetail.transporterType ? constants.option.transporterReverse[transportDetail.transporterType] : null,\n vehicleRegistrationNumber: transportDetail.transportVehicleRegistrationNo,\n contactPhone: transportDetail.transporter ? transportDetail.transporter.telephoneNumber : null,\n durationOfJourney: resData.movementDocument.departureDetail.expectedDurationOfJourney\n });\n } else {\n setTransportInformation({\n recordTransportInformation: constants.option.recordTransportInformation.no\n });\n }\n }\n break;\n }\n\n case constants.option.requestType.movementHandshake:\n fetch.exemptions(res, source2);\n setEventDate(resData.requestDate);\n tempBatches = resData.reviewMovement.acceptedBatches;\n tempBatchesRejected = resData.reviewMovement.rejectedBatches;\n tempIndividualAnimals = resData.reviewMovement.acceptedDevices;\n tempIndividualAnimalsRejected = resData.reviewMovement.rejectedDevices;\n break;\n\n case constants.option.requestType.tagApplication:\n isSheepOrGoats = helpers.species.isSheepId(storeService.session.get.species().id) || helpers.species.isGoatId(storeService.session.get.species().id);\n tempBatches = resData.batches;\n tempIndividualAnimals = resData.devices;\n dob = isSheepOrGoats ? moment(resData.dateOfBirthRangeStart).year() : helpers.date.format(resData.dateOfBirthRangeStart);\n\n setEventDate(resData.dateOfApplication);\n setExtraData({\n dob,\n breed: resData.breed,\n gender: resData.gender,\n genotype: resData.genotype\n });\n break;\n\n case constants.option.requestType.tagReplacement:\n setEventDate(resData.replacementDate);\n resData.replaceItems.forEach((item) => {\n if (item.batchReplacing) {\n tempBatches.push({\n animalTotal: item.batchReplacing.animalTotal,\n oldBatchNumber: item.batchReplaced ? item.batchReplaced.batchNumber : t('label.unknown'),\n newBatchNumber: item.batchReplacing.batchNumber\n });\n } else if (item.deviceReplacing) {\n if (item.batchReplaced) {\n tempIndividualAnimals.push({\n oldTagNumber: item.batchReplaced.batchNumber,\n newTagNumber: item.deviceReplacing.tagNumber\n });\n } else if (item.deviceReplaced) {\n tempIndividualAnimals.push({\n oldTagNumber: item.deviceReplaced.tagNumber,\n newTagNumber: item.deviceReplacing.tagNumber\n });\n } else {\n tempIndividualAnimals.push({\n oldTagNumber: constants.unknown,\n newTagNumber: item.deviceReplacing.tagNumber\n });\n }\n }\n });\n break;\n default:\n break;\n }\n\n setBatches(tempBatches);\n setBatchesRejected(tempBatchesRejected);\n setIndividualAnimals(tempIndividualAnimals);\n setIndividualAnimalsRejected(tempIndividualAnimalsRejected);\n\n setLoadPending(false);\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n errors.BFF(error, setModal);\n }\n });\n },\n\n exemptions: (res, source) => {\n let flags = [];\n\n if (res.data.processingFlags?.length > 0) {\n flags = res.data.processingFlags;\n } else if (res.data.movementDetailsProcessingFlags?.length > 0) {\n flags = res.data.movementDetailsProcessingFlags;\n }\n\n if (flags?.length === 0) {\n return;\n }\n\n helpers.get.processingFlags(source.token, constants.option.requestType.movement, helpers.species.nameToId(res.data.species))\n .then((res2) => {\n if (helpers.response.isValid(res2.data, setModal)) {\n setProcessingFlags({\n exempt: constants.option.exemption.yes,\n exemptions: res2.data.map((item1) => ({\n ...item1,\n value: flags.find((item2) => item2.processingFlagId === item1.id)\n }))\n });\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n errors.BFF(error, setModal);\n }\n });\n }\n };\n\n const setPreviousPermissionsAndHolding = () => {\n if (prevPermissions) {\n storeService.session.set.permissions(prevPermissions);\n setPermission(prevPermissions);\n } else {\n storeService.session.set.permissions(userRoleType.GENERIC);\n setPermission(userRoleType.GENERIC);\n }\n\n if (prevHolding) {\n storeService.session.set.holding(prevHolding);\n } else {\n storeService.session.remove.holding();\n }\n };\n\n const createBirthList = (applicationItems) => {\n if (applicationItems) {\n return applicationItems.filter((item) => item).map((item) => ({\n tagNumber: get.tagNumber(item.device),\n dob: helpers.date.formatJSDate(item.dateOfBirthRange_Start, helpers.date.is.same(item.dateOfBirthRange_Start, item.dateOfBirthRange_End) ? 'DD/MM/YYYY' : 'YY'),\n breed: item.breed ? item.breed : t('label.notSpecified'),\n genderName: item.gender ? t('recentDetails.' + item.gender) : t('label.notSpecified'),\n geneticDamId: get.tagNumber(item.geneticDam),\n damId: get.tagNumber(item.birthDam),\n sireId: get.tagNumber(item.sire)\n }));\n }\n\n return [];\n };\n\n const downloadAnimalList = () => {\n const movementDate = data?.transferDate ? data.transferDate : data?.movementDate;\n const filename = `${data.movementDocument?.movementDocumentRef}-${helpers.date.formatDDMMYYYY(movementDate)}`;\n const devices = data?.movementGroups?.[0]?.devices ? data.movementGroups[0].devices : data?.devices;\n const individualTagsToMap = devices.filter((device) => !Object.values(data?.errors).some((error) => error?.message.includes(device.tagNumber)));\n const individualTagNumbers = individualTagsToMap.map((individualTag) => ({ 'Tag number': individualTag.tagNumber })).sort();\n individualTagNumbers.push({ [t('label.tagNumber')]: `${t('label.totalAnimals')}: ${individualTagNumbers.length}` });\n const batchesToMap = data?.movementGroups?.[0].batches ? data?.movementGroups?.[0].batches : data?.batches;\n const batches = batchesToMap.map((batch) => (\n {\n [t('label.batchNumber')]: batch.batchNumber,\n Quantity: batch.animalTotal\n })\n );\n\n const totalBatchAnimals = batches.reduce((acc, batch) => acc + batch.Quantity, 0);\n\n batches.push({ [t('label.batchNumber')]: `${t('label.totalBatches')}: ${batches.length}` });\n batches.push({ [t('label.batchNumber')]: `${t('label.totalAnimals')}: ${totalBatchAnimals}` });\n\n const tagsNotMoved = [];\n const individualErrorTags = devices.filter((device) => Object.values(data?.errors)\n .some((error) => error.message.includes(device.tagNumber)));\n const tagsNotMovedLabel = helpers.option.requestType.isMovementHandshake(requestType) ? t('label.rejectedIndividualTags') : t('label.tagsNotMoved');\n\n if (individualErrorTags) {\n tagsNotMoved.push(...individualErrorTags.map((individualErrorTag) => (\n {\n [tagsNotMovedLabel]: individualErrorTag.tagNumber,\n Reason: data?.errors.find((error) => error.message.includes(individualErrorTag.tagNumber)).message\n }\n )\n ));\n }\n\n const batchesNotMoved = [];\n\n if (helpers.option.requestType.isMovementHandshake(requestType)) {\n if (data?.reviewMovement?.rejectedDevices) {\n tagsNotMoved.push(...data?.reviewMovement?.rejectedDevices.map((rejectedDevice) => (\n {\n [tagsNotMovedLabel]: rejectedDevice.tagNumber\n }\n )) || []);\n }\n\n if (data?.reviewMovement?.rejectedBatches) {\n batchesNotMoved.push(...data?.reviewMovement?.rejectedBatches.map((rejectedBatch) => (\n\n {\n [t('label.rejectedBatchNumbers')]: rejectedBatch.batchNumber,\n Quantity: rejectedBatch.animalTotal\n }\n )) || []);\n }\n } else if (data?.reviewMovement?.rejectedDevices) {\n tagsNotMoved.push(...data?.reviewMovement?.rejectedDevices.map((rejectedDevice) => (\n {\n [tagsNotMovedLabel]: rejectedDevice.tagNumber,\n Reason: t('label.animalRejected')\n }\n )) || []);\n }\n\n tagsNotMoved.push({ [tagsNotMovedLabel]: `${t('label.totalAnimals')}: ${tagsNotMoved.length}` });\n\n const animalList = {\n [t('label.individualTagNumbers')]: individualTagNumbers,\n Batches: batches,\n [tagsNotMovedLabel]: tagsNotMoved\n };\n\n if (helpers.option.requestType.isMovementHandshake(requestType)) {\n batchesNotMoved.push({ [t('label.rejectedBatchNumbers')]: `${t('label.totalBatches')}: ${batchesNotMoved.length}` });\n const totalRejectedBatchAnimals = data?.reviewMovement?.rejectedBatches.reduce((acc, batch) => acc + batch.animalTotal, 0);\n batchesNotMoved.push({ [t('label.rejectedBatchNumbers')]: `${t('label.totalAnimals')}: ${totalRejectedBatchAnimals}` });\n animalList[t('label.rejectedBatchNumbers')] = batchesNotMoved;\n }\n\n const workbook = helpers.generateWorkbook(animalList);\n helpers.writeWorkbookToFile(workbook, filename, 'ods');\n };\n\n useEffect(() => {\n const source1 = axios.CancelToken.source();\n const source2 = axios.CancelToken.source();\n const source3 = axios.CancelToken.source();\n const source4 = axios.CancelToken.source();\n\n if (location.pathname.substring(0, Routing.activityDetails.length) === Routing.activityDetails) {\n setRequestId(location.state.data.requestId);\n setMovementDocumentRef(location.state.data.movementDocumentRef);\n setRequestType(location.state.data.requestType);\n setData(location.state.data);\n setReviewStatus(location.state.data.reviewStatus);\n\n helpers.get.reviewStatus(source4.token, location.state.data.movementDocumentRef)\n .then((statues) => {\n if (helpers.response.isValid(statues?.data, setModal, setLoadPending)) {\n if (statues?.data?.arrivalReviewStatus?.reviewRequestId) {\n setReviewStatus(statues.data.arrivalReviewStatus.reviewStatusStatus);\n } else {\n setReviewStatus(statues?.data?.departureReviewStatus?.reviewStatusStatus);\n }\n }\n })\n .catch((error) => {\n if (error?.response?.status !== 404) {\n errors.BFF(error, setModal);\n }\n });\n\n fetch.activityData(location.state.data, source1, source2, source3);\n }\n\n return () => {\n source1.cancel();\n source2.cancel();\n source3.cancel();\n source4.cancel();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const unListen = history.listen((path) => {\n if (path.pathname.substring(0, Routing.activityUndo.length) !== Routing.activityUndo) {\n storeService.session.removeAll.confirm();\n unListen();\n }\n\n if (path.pathname.substring(0, Routing.holdingRegister.length) !== Routing.holdingRegister &&\n path.pathname.substring(0, Routing.userActivity.length) !== Routing.userActivity &&\n path.pathname.substring(0, Routing.activityDetails.length) !== Routing.activityDetails &&\n path.pathname.substring(0, Routing.movementsSummary.length) !== Routing.movementsSummary &&\n path.pathname.substring(0, Routing.abattoirMovements.length) !== Routing.abattoirMovements &&\n path.pathname.substring(0, Routing.assemblyMovements.length) !== Routing.assemblyMovements &&\n path.pathname.substring(0, Routing.collectionMovements.length) !== Routing.collectionMovements &&\n path.pathname.substring(0, Routing.marketMovements.length) !== Routing.marketMovements &&\n path.pathname.substring(0, Routing.showMovements.length) !== Routing.showMovements\n ) {\n storeService.session.removeAll.tableFilters();\n storeService.session.removeAll.searchResults();\n storeService.session.removeAll.confirm();\n unListen();\n }\n });\n\n window.onpopstate = () => {\n if (storeService.session.get.confirm()) {\n history.push(navigation.userActivity());\n }\n };\n }, [history]);\n\n const stepPicker = (pathname) => {\n const undoRequestId = storeService.session.get.confirmRequestId();\n const undoRequestType = storeService.session.get.confirmRequestType();\n const pollingStatus = storeService.session.get.confirmPollingStatus();\n const pollingErrors = storeService.session.get.confirmPollingErrors();\n const pollingWarnings = storeService.session.get.confirmPollingWarnings();\n\n let path;\n if (pathname.substring(0, Routing.activityDetails.length) === Routing.activityDetails) {\n path = 'details';\n } else if (pathname.substring(0, Routing.activityUndo.length) === Routing.activityUndo) {\n path = 'confirm';\n\n if (!undoRequestId) {\n return
;\n }\n }\n\n const statusLabel = (pollingStatus) => {\n switch (pollingStatus) {\n case constants.status.completed_error:\n return content[undoRequestType].failedCancellationLabel;\n case constants.status.pending:\n case constants.status.claPending:\n return `${content[constants.option.requestType.movement].cancellationPending}`;\n default:\n return content[undoRequestType].confirmLabel;\n }\n };\n\n switch (path) {\n case 'confirm':\n return (\n
{\n setPermission(userRoleType.GENERIC);\n storeService.session.set.permissions(userRoleType.GENERIC);\n storeService.session.remove.holding();\n history.push(navigation.userActivity());\n }\n }}\n errors={pollingErrors}\n label={statusLabel(pollingStatus)}\n setModal={setModal}\n status={pollingStatus}\n warnings={pollingWarnings}\n />\n );\n\n case 'details':\n default: {\n const newWarnings = data?.warnings ? helpers.error.consolidate(data.warnings) : null;\n const newErrors = data?.errors ? helpers.error.consolidate(data.errors) : null;\n return (\n <>\n {requestId && requestType &&\n <>\n \n\n {t(content[requestType].title)}: {movementDocumentRef ? movementDocumentRef : requestId}
\n {t(content[requestType].subTitle)}
\n\n {helpers.option.requestType.isCorrectedMovement(requestType) &&\n \n
{t(content[requestType].movementRefCorrected)}
\n
\n {movementDocumentRefCorrected}\n
\n
\n
{t('recentDetails.submissionStatus')}\n\n {!loadPending &&\n
\n \n {t('recentDetails.status-' + data.status)}\n \n\n {(newWarnings?.length > 0 || newErrors?.length > 0) &&\n \n {t('recentDetails.seeBelow')}\n \n }\n
\n }\n
{t('label.animalDetails')}
\n \n\n {(\n helpers.option.requestType.isMovement(requestType) ||\n helpers.option.requestType.isCorrectedMovement(requestType)\n ) &&\n !loadPending &&\n !helpers.species.isCattleId(speciesId) &&\n !isMissingOrFound &&\n <>\n \n {typeof fciDetails.recordFCI === 'string' &&\n total + batch.animalTotal, 0)}\n />\n }\n \n }\n\n {newWarnings?.length > 0 &&\n \n
{t('recentDetails.warnings')}
\n
\n {newWarnings.map((warning, index) => (\n - {helpers.error.mapping(warning.message, t)}
\n ))}\n
\n
\n
{t('recentDetails.errors')}
\n
\n {newErrors.map((error, index) => (\n - {helpers.error.mapping(error.message, t)}
\n ))}\n
\n
\n {!data.isFullUndone &&\n (\n helpers.option.requestType.isCorrectedMovement(requestType) ||\n helpers.option.requestType.isMovement(requestType)\n ) &&\n (\n helpers.species.isCattleId(speciesId) ||\n (\n !helpers.species.isCattleId(speciesId) &&\n data.sourceHolding !== config.UNKNOWN &&\n data.destinationHolding !== config.UNKNOWN\n )\n ) &&\n
\n setConfirmAmend(true) : handleChanges.amendMovement }\n />\n
\n }\n\n
\n
{\n document.body.classList.add('modal-open');\n setPrinting(true);\n setTimeout(() => {\n window.print();\n }, 100);\n }}\n />\n {\n (\n !helpers.option.requestType.isDeath(requestType) &&\n (\n helpers.option.requestType.isMovement(requestType) ||\n helpers.option.requestType.isMovementHandshake(requestType) ||\n helpers.option.requestType.isCorrectedMovement(requestType)\n ) &&\n (\n helpers.species.isSheepId(speciesId) ||\n helpers.species.isGoatId(speciesId)\n ) &&\n !isMissingOrFound\n ) &&\n !bffStatus.isCancelled(data.status) &&\n \n }\n \n {!helpers.option.requestType.isDeath(requestType) &&\n (\n helpers.option.requestType.isMovement(requestType) ||\n helpers.option.requestType.isMovementHandshake(requestType) ||\n helpers.option.requestType.isCorrectedMovement(requestType)\n ) &&\n
\n \n
\n }\n\n {!data.isFullUndone &&\n (\n helpers.option.requestType.isAnimalsAdded(requestType) ||\n helpers.option.requestType.isTagApplication(requestType) ||\n helpers.option.requestType.isTagReplacement(requestType) ||\n helpers.option.requestType.isBirth(requestType) ||\n helpers.option.requestType.isMovementHandshake(requestType) ||\n (\n (\n helpers.option.requestType.isMovement(requestType) &&\n helpers.species.isCattleId(speciesId)\n ) ||\n (\n helpers.option.requestType.isCorrectedMovement(requestType) ||\n helpers.option.requestType.isMovement(requestType) ||\n helpers.option.requestType.isDeath(requestType)\n )\n )\n ) &&\n
\n setConfirmAmend(true) : () => setConfirmUndo(true) }\n />\n
\n }\n
\n {\n setPreviousPermissionsAndHolding();\n history.push(returnUrl);\n }}\n />\n
\n
\n
\n {headerContent &&\n
\n {modalClose &&\n \n }\n {headerContent}\n
\n }\n {submitChanges &&\n <>\n
\n {children}\n
\n
\n
\n {!submitPending && !showConfirmation && footerContent}\n
\n
\n {showConfirmation &&\n \n }\n {!showConfirmation &&\n <>\n \n \n \n }\n
\n
\n \n }\n {!submitChanges &&\n <>\n {children}\n \n }\n
',\n ...storeService.session.get.breedsAll()[species.id].map((breed) => '- ' + breed.name + '
'),\n '
'\n ].join('')\n ].join('');\n };\n\n const handleChanges = {\n reportDate: (date) => {\n setAddDate(date);\n }\n };\n\n const confirmation = {\n button: {\n viewSummary: (requestId, requestType) => ({\n id: 'viewSummary',\n label: 'button.viewSummary',\n onClick: () => {\n setPermission(userRoleType.GENERIC);\n storeService.session.set.permissions(userRoleType.GENERIC);\n storeService.session.remove.holding();\n\n setTimeout(() => {\n history.push({\n pathname: Routing.activityDetails + requestId,\n state: {\n data: {\n requestId,\n requestType\n }\n }\n });\n }, [100]);\n }\n })\n }\n };\n\n const getConfirmation = {\n content: () => {\n switch (polling?.status) {\n case constants.status.completed_error:\n return 'label.addAnimalsPartialErrorContent';\n\n case constants.status.completed_warning:\n return 'label.uploadAnimalsPartialErrorContent';\n\n default:\n case constants.status.success:\n return null;\n }\n },\n\n label: () => {\n switch (polling?.status) {\n case constants?.status.completed_error:\n return 'label.addAnimalsToHoldingStatus-CompletedError';\n\n case constants.status.completed_warning:\n return 'label.addAnimalsToHoldingStatus-CompletedWarning';\n\n default:\n case constants.status.success:\n return 'label.addAnimalsToHoldingStatus-Success';\n }\n }\n };\n\n const paginationParams = constants.pagination.defaultParams;\n paginationParams[constants.pagination.bottom].total = data?.length;\n\n return (\n <>\n {ready &&\n <>\n \n {showConfirmation &&\n
item)}\n confirm={{\n id: polling?.requestId,\n label: 'label.reference',\n content: getConfirmation.content(),\n onClick: () => {\n setPermission(userRoleType.GENERIC);\n storeService.session.set.permissions(userRoleType.GENERIC);\n storeService.session.remove.holding();\n history.push(navigation.userActivity());\n }\n }}\n errors={polling?.errors}\n isUnamendable={true}\n label={getConfirmation.label()}\n setModal={setModal}\n status={polling?.status}\n warnings={polling?.warnings}\n />\n }\n {!showConfirmation &&\n <>\n {submitPending &&\n \n }\n {!submitPending &&\n <>\n \n \n \n\n \n 0}\n dontValidate={true}\n error={addDateError}\n id=\"onHoldingDate\"\n labelText=\"label.dateAnimalsSeenOnHolding\"\n maxDate={getDates.reportMax()}\n minDate={getDates.reportMin()}\n onChange={(event) => handleChanges.reportDate(event.target.value)}\n setError={setAddDateError}\n value={addDate}\n yearLength={4}\n />\n
\n\n {addDate &&\n \n setInfoOpen(false)}\n pending={uploadPending}\n setAnimalsToChange={upload}\n setModal={setModal}\n setPending={setUploadPending}\n species={species}\n />\n
\n }\n {data && dataHasInvalidTags &&\n \n }\n {data && !dataHasInvalidTags && dataHasNonEidTags &&\n \n }\n\n {!uploadPending && data.length > 0 &&\n \n }\n \n }\n \n }\n
' : '',\n [\n duplicateAnimals.length > 0\n ? sprintf(\n t('label.duplicateAnimals'),\n duplicateAnimals.length\n )\n : '',\n invalidAnimals.length > 0\n ? sprintf(\n invalidAnimals.length === 1 ? t('label.invalidAnimal') : t('label.invalidAnimals'),\n invalidAnimals.length\n )\n : ''\n ].filter((item) => item).join(' - ')\n ].filter((item) => item).join(' ');\n\n return (\n \n );\n },\n\n getHeaderContent: () => {\n return (\n <>\n \n {t('label.addAnimalsToHolding')}\n \n );\n },\n\n getModalId: () => {\n return 'modalAddAnimalsUploadFile';\n },\n\n hide: (confirmClose) => {\n if (!submitPending) {\n if (modalHasChanges && !confirmClose) {\n setConfirmCloseModal(true);\n } else if (confirmClose) {\n setConfirmCloseModal(false);\n modal.closeAndReset();\n } else {\n modal.closeAndReset();\n }\n }\n },\n\n removeAnimal: (row) => {\n setModalAnimals((prevState) => {\n if (row.duplicates?.length > 0) {\n row.duplicates.forEach((duplicateIndex) => {\n const duplicateItem = prevState.find((item) => item.index === duplicateIndex);\n const indexToRemove = duplicateItem.duplicates.indexOf(row.index);\n\n duplicateItem.duplicates.splice(indexToRemove, 1);\n });\n }\n\n const newModalAnimals = prevState.filter((animal) => animal.index !== row.index);\n\n if (newModalAnimals.length === 0) {\n setModalHasChanges(false);\n }\n\n return newModalAnimals;\n });\n },\n\n removeAllInvalid: () => {\n setModalAnimals(helpers.animal.removeAllInvalidExtended(modalAnimals));\n },\n\n saveDisabled: () => {\n return (\n submitPending ||\n !modalAnimals.some((item) => item.added) ||\n modalAnimals.some((item) => helpers.tag.isInvalidExtended(item) && item.added) ||\n modalAnimals.some((item) => item.duplicates.length > 0) ||\n !modalAddDate ||\n modalAddDateError !== ''\n );\n }\n };\n\n const handleChanges = {\n addDate: (date) => {\n let hasError = false;\n\n setModalHasChanges(true);\n setModalAddDate(date);\n setModalAddDateError('');\n\n const addDateIsInTheFuture = helpers.date.is.inTheFuture(date, 'default');\n const addDateIsOverSevenDaysAgo = helpers.date.is.overSevenDaysAgo(date, 'error.dateGT7day2');\n\n if (addDateIsInTheFuture) {\n setModalAddDateError(addDateIsInTheFuture);\n\n hasError = true;\n }\n\n if (!hasError && addDateIsOverSevenDaysAgo) {\n setModalAddDateError(addDateIsOverSevenDaysAgo);\n }\n },\n\n confirmUpload: (uploadedTags) => {\n if (modalAnimals.length > 0) {\n setTempUploadedTags(uploadedTags);\n setConfirmUploadNewFile(true);\n } else {\n setConfirmUploadNewFile(false);\n handleChanges.upload(uploadedTags);\n }\n },\n\n saveChanges: () => {\n setConfirmSubmitModal(false);\n setSubmitPending(true);\n\n const params = {\n poll: config.POLLS_ENABLED,\n holding: holding.value,\n species: species.name,\n addDate: modalAddDate,\n devices: modalAnimals.map((device) => ({\n dob: device.dobToDisplay\n ? (\n !isNaN(device.dobToDisplay)\n ? device.dobToDisplay\n : helpers.date.formatDDMMYYYYtoYYYMMDD(device.dobToDisplay)\n )\n : null,\n gender: device.genderName,\n breed: device.breedName,\n tagNumber: device.tagNumber\n }))\n };\n\n bff\n .post('/addAnimalsToHolding', params)\n .then((response) => {\n storeService.session.removeAll.searchResults();\n setRenderTable(false);\n\n setPolling({\n requestId: String(response.data.requestId),\n status: response.data.poll ? response.data.poll.requestStatus : constants.status.claPending,\n errors: response.data.poll ? response.data.poll.errors : [],\n warnings: response.data.poll ? response.data.poll.warnings : []\n });\n setShowConfirmation(true);\n setSubmitPending(false);\n setModalHasChanges(false);\n })\n .catch((error) => {\n setSubmitPending(false);\n errors.BFF(error, setModal);\n });\n },\n\n upload: (uploadedTags) => {\n setModalHasChanges(true);\n setConfirmUploadNewFile(false);\n\n setModalAnimals(uploadedTags.map((animal) => ({\n ...animal,\n added: true\n })));\n }\n };\n\n const tableParams = {\n request: {\n url: '/animals',\n params: {\n speciesId: species.id,\n cph\n },\n processData: (data) => helpers.animal.addDobAndAgeForDisplay(data)\n }\n };\n\n useEffect(() => {\n const unListen = history.listen((path) => {\n if (path.pathname.substring(0, Routing.animals.length) !== Routing.animals) {\n storeService.session.removeAll.tableFilters();\n storeService.session.removeAll.searchResults();\n unListen();\n }\n });\n }, [history]);\n\n useEffect(() => {\n if (!renderTable) {\n setRenderTable(true);\n }\n }, [renderTable]);\n\n const handleDownloadAnimals = () => {\n const tableFilter = storeService.session.get.tableFilters();\n const params = {\n cph,\n speciesId,\n onHoldingDate: helpers.date.now(),\n ageRange: tableFilter?.animalsOnHolding?.ageRange,\n breedName: tableFilter?.animalsOnHolding?.breedName,\n gender: tableFilter?.animalsOnHolding?.gender,\n tagNumber: tableFilter?.animalsOnHolding?.tagNumber,\n pageSize: 'all'\n };\n setLoading(true);\n bff\n .get('/animals', {\n params: params\n })\n .then((res) => {\n const timeStamp = moment().format('DD-MM-YYYY HH mm');\n const filename = `Animals on Holding ${timeStamp}`;\n const holdings = storeService.session.get.holdings();\n const workbook = helpers.generateAnimalWorkbook(holdings[cph], species.name, timeStamp, res.data.data);\n helpers.writeWorkbookToFile(workbook, filename, 'ods');\n })\n .catch((error) => {\n const errorMessage = error.response?.status === 400\n ? {\n response: {\n status: error.response.status,\n data: {\n errorMessage: 'Download failed.
There are too many animals to download in one go. Please reduce the number of animals to download and try again.'\n }\n }\n }\n : error;\n errors.BFF(errorMessage, setModal);\n })\n .finally(() => {\n setLoading(false);\n });\n };\n\n return (\n <>\n {ready &&\n <>\n {modalVisible &&\n <>\n modal.hide(false)}\n showConfirmation={showConfirmation}\n submitChanges={() => setConfirmSubmitModal(true)}\n submitDisabled={modal.saveDisabled()}\n submitLabel=\"button.submit\"\n submitPending={submitPending}\n >\n {modal.getContent()}\n \n\n {confirmSubmitModal &&\n setConfirmSubmitModal(false)}\n modalConfirm={handleChanges.saveChanges}\n modalMessage=\"warning.addAnimalsToHolding\"\n modalTitle=\"warning.submitNewAnimals\"\n />\n }\n\n {confirmCloseModal &&\n setConfirmCloseModal(false)}\n modalConfirm={() => modal.hide(true)}\n modalMessage=\"warning.unsavedChanges2\"\n modalTitle=\"warning.youHaveUnsavedChanges\"\n />\n }\n\n {confirmUploadNewFile &&\n setConfirmUploadNewFile(false)}\n modalConfirm={() => handleChanges.upload(tempUploadedTags)}\n modalMessage=\"warning.unsavedChanges3\"\n modalTitle=\"warning.youHaveUnsavedChanges\"\n />\n }\n \n }\n\n {t('menu.animalsOnHolding')}
\n {t('animalsOnHolding.subtitle')}
\n setModalVisible(true) }\n ]}\n title=\"about.viewAnimals.title\"\n />\n\n Routing.animals,\n accessor: 'tagNumber',\n state: (row) => ({\n data: row\n })\n }}\n setData={setData}\n setModal={setModal}\n store={{\n filters: 'AnimalsOnHolding',\n data: 'AnimalsOnHolding'\n }}\n />\n \n \n
\n \n }\n \n );\n};\n\nAnimals.propTypes = {\n setModal: PropTypes.func.isRequired,\n setPermission: PropTypes.func.isRequired\n};\n\nexport default Animals;\n","import React, { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport axios from 'axios';\nimport bff, { isCancel } from 'services/bff';\nimport classes from 'frontEnd/animals/animalDetails/animalDetails.module.scss';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\nimport { tableColumns, initialSorting } from 'services/tableColumns';\nimport Button from 'components/base/button/button';\nimport FieldLabel from 'components/base/fieldLabel/fieldLabel';\nimport Linker from 'components/base/linker/linker';\nimport Table from 'components/table/table';\n\nconst AnimalDetails = ({\n location,\n match,\n setModal\n}) => {\n const { ready, t } = useTranslation();\n const history = useHistory();\n\n const animalsList = location?.state?.data?.animalsList;\n\n const isTagInMyHolding = (tag) => {\n const matchTag = animalsList?.find((animalItem) => animalItem.tagNumber === tag || animalItem.rfid === tag);\n return matchTag !== undefined;\n };\n\n const currentCPH = storeService.session.get.holding().value;\n const species = storeService.session.get.species();\n\n const [data, setData] = React.useState({});\n const [showProgeny, setShowProgeny] = React.useState(false);\n const [currentId, setCurrentId] = React.useState(null);\n\n const paginationParams = {\n individual: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n hideTotal: true\n }\n },\n progeny: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n hideTotal: true\n }\n },\n tagReplacement: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n hideTotal: true\n }\n }\n };\n\n paginationParams.individual[constants.pagination.bottom].total = data.movements?.length;\n paginationParams.progeny[constants.pagination.bottom].total = data.progenies?.length;\n paginationParams.tagReplacement[constants.pagination.bottom].total = data.tagReplacements?.length;\n\n const createDataWithExtraInfo = (data) => {\n if (data.dob && data.age) {\n const animalWithSameDay = helpers.date.withSameCalendarDay(data.dob, data.age);\n const tempAge = helpers.date.ageInYears(data.dob);\n\n data.formattedDob = animalWithSameDay ? helpers.date.format(data.dob) : moment(data.dob).year();\n data.formattedAge = animalWithSameDay ? helpers.get.age(data.dob) : tempAge === 0 ? t('label.ageOneYear.under') : tempAge + t('label.ageOneYear.above');\n } else {\n data.formattedDob = '-';\n data.formattedAge = '-';\n }\n\n const initialTagging = {\n replacementDate: data.dateApplied ? data.dateApplied : null,\n requestId: data.initialTaggingRequestId\n };\n\n if (data.tagReplacements?.length > 0) {\n initialTagging.replacedIdentifier = data.tagReplacements[0].replacedIdentifier;\n } else {\n initialTagging.replacedIdentifier = data.tagNumber;\n }\n\n if (data.tagReplacements) {\n data.tagReplacements.unshift(initialTagging);\n }\n\n if (data.movements?.length > 0) {\n helpers.sortArrayOfObjects(data.movements, 'dom', constants.sorting.descending);\n }\n\n setData(data);\n };\n\n const displayTagNumber = (label, value) => {\n if (helpers.tag.canLink(value)) {\n return (\n \n \n {t(label)}\n \n {isTagInMyHolding(value)\n ? \n : {value}\n }\n
\n );\n }\n };\n\n useEffect(() => {\n const source = axios.CancelToken.source();\n\n setCurrentId(match.params.tagNumber);\n\n bff\n .get('/animalDetails', {\n cancelToken: source.token,\n params: {\n speciesId: species.id,\n tagNumber: match.params.tagNumber,\n cph: currentCPH\n }\n })\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal)) {\n createDataWithExtraInfo(res.data.data[0]);\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n errors.BFF(error, setModal);\n }\n });\n\n return () => source.cancel();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [match.params.tagNumber]);\n\n return (\n <>\n {ready &&\n <>\n \n\n \n\n \n
\n
\n
\n {t('label.breed')}\n {data.breedName}\n
\n
\n {t('label.gender')}\n {data.genderName === '-' ? t('label.unknown') : data.genderName}\n
\n
\n {t('label.yearDob')}\n {data.formattedDob}\n
\n
\n {t('label.age')}\n {data.formattedAge}\n
\n
\n
\n
\n {helpers.species.isCattleId(species.id) &&\n
\n {displayTagNumber('label.damId', data.damTagNumber)}\n {displayTagNumber('label.geneticDamId', data.geneticDamTagNumber)}\n {displayTagNumber('label.sireId', data.sireTagNumber)}\n
\n }\n\n {!helpers.species.isCattleId(species.id) &&\n
\n {displayTagNumber('label.damId', data.damTagNumber)}\n {displayTagNumber('label.geneticDamId', data.geneticDamTagNumber)}\n {displayTagNumber('label.sireId', data.sireTagNumber)}\n
\n }\n
\n
\n {data.movements?.length > 0 &&\n
\n \n {t('label.movement')}
\n
\n \n \n }\n\n {data.death &&\n <>\n
\n
\n
{t('label.death')}
\n \n
\n
\n
\n \n {data.death.killDate}\n
\n
\n \n {data.death.killHolding}\n
\n
\n \n {data.death.requestId}\n
\n
\n
\n
\n \n \n }\n\n {data.progenies?.length > 0 &&\n
\n \n {t('label.progeny')}
\n
\n \n \n }\n\n {data.tagReplacements?.length > 0 &&\n
\n \n {t('label.taggingHistory')}
\n
\n \n \n }\n
\n
\n
\n history.push(Routing.animals)}\n />\n
\n
\n
\n setGeneticDamId(event.target.value)}\n setModal={setModal}\n value={geneticDamId}\n />\n
\n
\n
\n setGeneticDamAI(event.target.value)}\n value={geneticDamAI}\n width={config.WIDTH_TAGS}\n />\n
\n
\n \n
\n \n handleChanges.date(event.target.value)}\n setError={setEntryDateError}\n value={entryDate}\n warning={entryDateWarning}\n yearLength={4}\n />\n
\n \n \n
\n \n \n {helpers.option.embryo.isTransfer(embryo) &&\n \n \n
\n }\n \n \n
\n \n \n \n \n
\n \n );\n }\n\n case Routing.birthsConfirm: {\n const requestId = storeService.session.get.confirmRequestId();\n\n if (!requestId) {\n return ;\n }\n\n return (\n {\n setPermission(userRoleType.GENERIC);\n storeService.session.set.permissions(userRoleType.GENERIC);\n storeService.session.remove.holding();\n history.push(navigation.userActivity());\n }\n }}\n label=\"birth.submitted\"\n setModal={setModal}\n status={constants.status.success} // Hardcoding this until we have polling for this section\n />\n );\n }\n }\n };\n\n return (\n <>\n {ready &&\n <>\n {\n return (!storeService.session.get.idle() && dataChanged && (params.pathname.substring(0, Routing.births.length) !== Routing.births || params.pathname === Routing.births)) ? t('warning.unsavedChanges2') : true;\n }}\n />\n {t('menu.births')}
\n\n \n\n \n
\n {stepPicker(location.pathname)}\n
\n
\n
\n \n {helpers.species.isCattleId(speciesId) &&\n \n }\n {helpers.species.isSheepId(speciesId) &&\n \n }\n {helpers.species.isGoatId(speciesId) &&\n \n }\n {helpers.species.isPigId(speciesId) &&\n \n }\n {helpers.species.isDeerId(speciesId) &&\n \n }\n \n {t(pageTitleOne)}\n {pageTitleTwo &&\n <>\n \n {t(pageTitleTwo)}\n \n }\n
\n
\n {icon &&\n
\n \n
\n }\n
{t(title)}
\n {status &&\n <>\n
{t(status.label)}
\n
{t(status.hint)}
\n \n }\n
\n
\n\n
0}\n setData={setData}\n setModal={setModal}\n setRenderTable={setRenderTable}\n store={{\n filters: 'AnimalActivity',\n data: 'AnimalActivity'\n }}\n />\n \n
{t(labelText)}
\n {isArray &&\n
\n {valueChecked.map((item, index) =>\n {item}\n )}\n
\n }\n {!isArray &&\n
{t(value)}
\n }\n
\n
\n
\n
\n \n \n \n \n batch.number) : t('label.na')}\n />\n
\n
\n \n 1\n ? sprintf('%s (%s)', contactNumber[0], contactNumber[1])\n : (contactNumber?.length > 0 ? contactNumber[0] : null)\n }\n />\n handleChanges.email(event.target.value)}\n type=\"email\"\n value={keeperEmailNew}\n />\n \n
\n
\n
\n
\n
\n history.push(Routing.boVerifyCustomer)}\n />\n
\n
\n
\n \n {t(panelTitle)}
\n
\n \n {options?.length === 0 &&\n \n }\n {options?.length > 0 &&\n \n }\n
\n \n }\n \n );\n};\n\nExemptions.propTypes = {\n groupLabel: PropTypes.string,\n hasErrors: PropTypes.string,\n needUpdate: PropTypes.bool,\n options: PropTypes.array,\n panelTitle: PropTypes.string,\n permitMove: PropTypes.bool,\n setDataChanged: PropTypes.func.isRequired,\n setModal: PropTypes.func.isRequired,\n setOptions: PropTypes.func,\n speciesId: PropTypes.number\n};\n\nexport default Exemptions;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport constants from 'services/constants';\nimport { tableColumns } from 'services/tableColumns';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport RadioButtons from 'components/base/radioButtons/radioButtons';\nimport Table from 'components/table/table';\nimport storeService from 'services/storeService';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\n\nconst FoodChainInformationHelper = ({\n animals,\n batchList,\n choiceDisabled,\n disabledIcon,\n doAnimalsSatisfy,\n fciData,\n metFCIWithdrawalPeriods,\n paginationParams,\n panelTitle,\n recordFCI,\n setAnimals,\n setDataChanged,\n setDoAnimalsSatisfy,\n setFciData,\n setHoldingRestrictions,\n setModal,\n setNonComplianceReason,\n setRecordFCI,\n setUnfitAnimalTagNumbers,\n setWithdrawalPeriod,\n speciesId,\n unfitAnimalTagNumbers,\n withdrawalPeriod\n}) => {\n const { ready, t } = useTranslation();\n const permission = storeService.session.get.permissions();\n const dataHasChanged = () => {\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n };\n const handleChanges = {\n animalSelected: (tagNumber) => {\n setAnimals((prevState) => prevState.map((animal) => ({\n ...animal,\n unfit: animal.tagNumber === tagNumber ? !animal.unfit : animal.unfit\n })));\n\n setUnfitAnimalTagNumbers((prevState) => {\n if (prevState.includes(tagNumber)) {\n return prevState.filter((animalTagNumber) => animalTagNumber !== tagNumber);\n }\n\n return [...prevState, tagNumber];\n });\n\n setFciData((prevState) => {\n let unfitAnimals;\n if (prevState.unfitAnimals) {\n if (prevState.unfitAnimals.includes(tagNumber)) {\n unfitAnimals = prevState.unfitAnimals.filter((animalTagNumber) => animalTagNumber !== tagNumber);\n } else {\n unfitAnimals = [...prevState.unfitAnimals, tagNumber];\n }\n } else {\n unfitAnimals = [tagNumber];\n }\n if (permission !== 'backoffice') {\n storeService.session.set.movementFciUnfitAnimals(unfitAnimals);\n }\n return { ...prevState, unfitAnimals };\n });\n },\n\n recordFCI: (record) => {\n setRecordFCI(record);\n if (permission !== 'backoffice') {\n storeService.session.set.movementFciRecordFci(record);\n }\n if (helpers.option.fci.doNotRecord(record)) {\n setDoAnimalsSatisfy(null);\n setWithdrawalPeriod(null);\n setUnfitAnimalTagNumbers([]);\n } else if (batchList?.length > 0 && (!animals || animals?.length === 0)) {\n setDoAnimalsSatisfy(constants.option.animalsSatisfy.doSatisfy);\n }\n\n setFciData((prevState) => ({\n ...prevState,\n recordFCI: record,\n animalsSatisfy: record === constants.option.recordFCI.yes ? constants.option.animalsSatisfy.doSatisfy : null\n }));\n\n dataHasChanged();\n },\n setDoAnimalsSatisfy: (satisfy) => {\n storeService.session.set.movementFciAnimalsSatisfy(satisfy);\n\n setDoAnimalsSatisfy(satisfy);\n\n if (helpers.option.animals.doSatisfy(satisfy)) {\n setNonComplianceReason(null);\n setHoldingRestrictions(null);\n setWithdrawalPeriod(null);\n setUnfitAnimalTagNumbers([]);\n }\n\n setFciData((prevState) => ({\n ...prevState,\n animalsSatisfy: satisfy\n }));\n\n dataHasChanged();\n },\n\n withdrawalPeriod: (eventTarget) => {\n metFCIWithdrawalPeriods.forEach((record) => {\n if (record.code === eventTarget.value) {\n if (permission !== 'backoffice') {\n storeService.session.set.movementFciWithdrawalPeriod(record);\n }\n setWithdrawalPeriod(record);\n\n setFciData((prevState) => ({\n ...prevState,\n withdrawalPeriod: record\n }));\n }\n });\n dataHasChanged();\n },\n\n setRadioChoice: () => {\n const choice = batchList?.length > 0 &&\n (\n !animals ||\n animals?.length === 0\n )\n ? [constants.option.animalsSatisfy.doNotSatisfy]\n : [];\n return choice;\n }\n };\n\n return (\n <>\n {ready &&\n <>\n \n {t(panelTitle)}
\n \n\n \n
\n handleChanges.recordFCI(event.target.value)}\n value={recordFCI}\n />\n
\n {recordFCI === constants.option.recordFCI.yes &&\n <>\n
\n handleChanges.setDoAnimalsSatisfy(event.target.value)}\n value={doAnimalsSatisfy}\n />\n
\n {doAnimalsSatisfy === constants.option.animalsSatisfy.doNotSatisfy &&\n <>\n {fciData &&\n
\n }\n {metFCIWithdrawalPeriods &&\n
({\n id: item.code,\n label: item.name\n }))}\n name=\"medicineWithdrawal\"\n onChange={(event) => handleChanges.withdrawalPeriod(event.target)}\n value={withdrawalPeriod ? withdrawalPeriod.code : null}\n />\n }\n {!metFCIWithdrawalPeriods &&\n \n }\n \n }\n\n \n }\n \n \n \n {recordFCIBO === constants.option.recordFCI.yes &&\n <>\n\n {doAnimalsSatisfyBO === constants.option.animalsSatisfy.doNotSatisfy &&\n <>\n
\n
\n setNonComplianceReason(event.target.value)}\n rows={config.ROWS_FCI_NON_COMPLIANCE}\n tooltip=\"movements.fci-information.input-field-one-hint\"\n value={nonComplianceReason ? he.decode(nonComplianceReason) : ''}\n />\n
\n\n
\n setHoldingRestrictions(event.target.value)}\n rows={config.ROWS_HOLDING_RESTRICTIONS}\n value={holdingRestrictions ? he.decode(holdingRestrictions) : ''}\n />\n
\n
\n \n }\n \n }\n
\n }\n \n );\n};\n\nFoodChainInformation.propTypes = {\n animals: PropTypes.array,\n batchList: PropTypes.array,\n choiceDisabled: PropTypes.bool,\n disabledIcon: PropTypes.bool,\n fciData: PropTypes.object,\n holdingRestrictions: PropTypes.string,\n nonComplianceReason: PropTypes.string,\n panelTitle: PropTypes.string,\n setAnimalDetails: PropTypes.func,\n setDataChanged: PropTypes.func,\n setFciData: PropTypes.func.isRequired,\n setHoldingRestrictions: PropTypes.func,\n setModal: PropTypes.func.isRequired,\n setNonComplianceReason: PropTypes.func,\n speciesId: PropTypes.number\n};\n\nexport default FoodChainInformation;\n","import React from 'react';\nimport classes from 'components/base/numberEntry/numberEntry.module.scss';\nimport PropTypes from 'prop-types';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport FieldLabel from 'components/base/fieldLabel/fieldLabel';\nimport Hint from 'components/base/hint/hint';\n\nconst NumberEntry = ({\n disabled,\n error,\n hint,\n id,\n label,\n max,\n min,\n name,\n onBlur,\n onChange,\n reference,\n value,\n warning\n}) => {\n const onKeyDownHandler = (event) => {\n const eventObject = window.event ? window.event : event;\n\n const isDigit = (\n eventObject.key === '0' || eventObject.key === '1' || eventObject.key === '2' ||\n eventObject.key === '3' || eventObject.key === '4' || eventObject.key === '5' ||\n eventObject.key === '6' || eventObject.key === '7' || eventObject.key === '8' ||\n eventObject.key === '9');\n\n if (!isDigit &&\n eventObject.keyCode !== 'v' && !eventObject.ctrlKey &&\n eventObject.key !== 'Tab' && eventObject.key !== 'Backspace' && eventObject.key !== 'Delete' &&\n eventObject.key !== 'ArrowLeft' && eventObject.key !== 'ArrowRight' && eventObject.key !== 'ArrowUp' && eventObject.key !== 'ArrowDown') {\n eventObject.preventDefault();\n }\n };\n\n const onChangeHandler = (event) => {\n const newEvent = {\n target: {\n name: name,\n type: 'select',\n value: event.target.value\n }\n };\n onChange(newEvent);\n };\n\n return (\n <>\n \n \n \n \n document.activeElement.blur()}\n ref={reference}\n type=\"number\"\n value={value ?? ''}\n />\n \n );\n};\n\nNumberEntry.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.string,\n hint: PropTypes.string,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n max: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n min: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n name: PropTypes.string.isRequired,\n onBlur: PropTypes.func,\n onChange: PropTypes.func,\n reference: PropTypes.object,\n value: PropTypes.any,\n warning: PropTypes.string\n};\n\nexport default NumberEntry;\n","import React, { useEffect } from 'react';\nimport classes from 'backOfficeComponents/sections/locationAddressDate/locationAddressDate.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport storeService from 'services/storeService';\nimport CPHEntry from 'backOfficeComponents/cphEntry/cphEntry';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport InputDate from 'components/base/inputDate/inputDate';\nimport SectionTitleBar from 'backOfficeComponents/base/sectionTitleBar/sectionTitleBar';\nimport NumberEntry from 'components/base/numberEntry/numberEntry';\n\nconst LocationAddressDate = ({\n cphError,\n data,\n dateError,\n dateLabel,\n departureDaysAhead,\n id,\n isPaper,\n labelPosition,\n labelText,\n maxDate,\n movementType,\n numberReceivedError,\n numberReceivedLabel,\n panelTitle,\n pmMove,\n setCphValid,\n setData,\n setDataChanged,\n setDateError,\n setModal,\n speciesId\n}) => {\n const numberOfHoldings = 0;\n\n const isOptional = () => {\n if (!numberReceivedLabel && helpers.species.isCattleId(speciesId)) {\n return true;\n }\n return false;\n };\n\n const dataHasChanged = () => {\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n };\n\n const changeFunction = (event) => {\n const newValue = event.target.value;\n switch (event.target.name) {\n case 'manualCPH':\n validatePermitMoveComment(newValue);\n if (pmMove && !validatePermitMoveComment(newValue)) {\n break;\n }\n setData((prevState) => ({ ...prevState, manualCPH: newValue }));\n dataHasChanged();\n break;\n case 'comment':\n validatePermitMoveComment(newValue);\n if (pmMove && !validatePermitMoveComment(newValue)) {\n break;\n }\n setData((prevState) => ({ ...prevState, comment: newValue }));\n dataHasChanged();\n break;\n case 'date':\n if (id === 'departureLocation' && !isPaper) {\n if (helpers.option.movement.isOff(movementType)) {\n const dateIsXDayAheadOverLimit = helpers.date.is.xDaysInTheFutureOverLimit(newValue, departureDaysAhead);\n if (dateIsXDayAheadOverLimit) {\n setDateError({\n type: constants.errorAndWarning.error,\n value: helpers.error.cfgDepartureDateError(dateIsXDayAheadOverLimit, departureDaysAhead)\n });\n } else {\n const dateIsXDayAhead = helpers.date.is.xDaysInTheFuture(newValue, departureDaysAhead);\n if (dateIsXDayAhead) {\n setDateError({ type: constants.errorAndWarning.error, value: dateIsXDayAhead });\n }\n }\n }\n storeService.session.set.movementDepartureDate(newValue);\n } else if (id === 'receivingLocation' && !isPaper) {\n storeService.session.set.movementArrivalDate(newValue);\n }\n if (event.target.value !== data.date) {\n setData((prevState) => ({ ...prevState, date: newValue }));\n dataHasChanged();\n }\n break;\n case 'numberReceived': {\n storeService.session.set.movementAnimalTotal(newValue);\n setData((prevState) => ({ ...prevState, numberReceived: newValue }));\n dataHasChanged();\n break;\n }\n default:\n break;\n }\n };\n\n const setCPHField = (inValue) => {\n if (id === 'departureLocation') {\n storeService.session.set.movementFromHolding(inValue);\n } else if (id === 'receivingLocation') {\n storeService.session.set.movementToHolding(inValue);\n }\n setData((prevState) => ({ ...prevState, CPH: inValue }));\n dataHasChanged();\n };\n\n const validatePermitMoveComment = (input) => {\n // eslint-disable-next-line no-useless-escape\n const regex = /^[a-zA-Z0-9\\s\\,\\.]*$/;\n return regex.test(input);\n };\n\n useEffect(() => {\n if (!validatePermitMoveComment(data.manualCPH)) {\n setData((prevState) => ({ ...prevState, manualCPH: '' }));\n dataHasChanged();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pmMove]);\n\n return (\n <>\n \n \n {numberOfHoldings <= 2 &&\n
\n \n
\n }\n\n {isPaper &&\n
\n \n
\n }\n\n
\n \n
\n\n {pmMove && !isPaper &&\n
\n \n
\n }\n
\n \n
\n }\n \n );\n};\n\nLocationAddressDate.propTypes = {\n cphError: PropTypes.exact({\n type: PropTypes.oneOf([\n constants.errorAndWarning.error,\n constants.errorAndWarning.warning,\n ''\n ]),\n value: PropTypes.string\n }),\n data: PropTypes.object,\n dateError: PropTypes.object,\n dateLabel: PropTypes.string,\n departureDaysAhead: PropTypes.number,\n id: PropTypes.string.isRequired,\n isPaper: PropTypes.bool,\n labelPosition: PropTypes.string,\n labelText: PropTypes.string,\n maxDate: PropTypes.string,\n movementType: PropTypes.string,\n numberReceivedError: PropTypes.object,\n numberReceivedLabel: PropTypes.string,\n panelTitle: PropTypes.string,\n pmMove: PropTypes.bool,\n setCphValid: PropTypes.func,\n setData: PropTypes.func,\n setDataChanged: PropTypes.func,\n setDateError: PropTypes.func,\n setModal: PropTypes.func.isRequired\n};\n\nexport default LocationAddressDate;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport classes from 'backOfficeComponents/addBatch/addBatch.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport PropTypes from 'prop-types';\nimport Button from 'backOfficeComponents/base/button/button';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport Legend from 'backOfficeComponents/base/legend/legend';\nimport NumberEntry from 'components/base/numberEntry/numberEntry';\n\nconst AddBatch = ({\n batchHeader,\n batchList,\n buttonLabel,\n id,\n setBatchList,\n setBatchTotal,\n setDataChanged,\n speciesId\n}) => {\n const { ready, t } = useTranslation();\n\n const speciesLabel = t('label.batchNumber' + speciesId);\n const [totalAnimalsError, setTotalAnimalsError] = React.useState(false);\n const [batch, setBatch] = React.useState({\n batchNumber: '',\n animalTotal: '',\n description: ''\n });\n\n const batchNumberChange = (input) => {\n setBatch({ ...batch, batchNumber: input });\n };\n\n const totalAnimalsChange = (input) => {\n setTotalAnimalsError(false);\n setBatch({ ...batch, animalTotal: input });\n };\n\n const submitBatch = () => {\n setBatchList([\n ...batchList,\n batch\n ]);\n if (setBatchTotal && typeof setBatchTotal === 'function') {\n setBatchTotal((prevState) => prevState + parseInt(batch.animalTotal));\n }\n setBatch({ batchNumber: '', description: '', animalTotal: '' });\n setDataChanged();\n };\n\n const disableAddBatch = () => {\n return (\n (!batch.animalTotal && !batch.batchNumber) ||\n totalAnimalsError\n );\n };\n\n const groupAnimalClassname = (totalAnimalsError ? ' formGroupError' : '');\n const warningClassname = (batch.batchNumber.length > 0 && batch.animalTotal && batch.animalTotal.length > 0 ? '' : 'hidden');\n\n return (\n <>\n {ready &&\n <>\n \n\n \n \n {t('movements.animal-selection.batch.input-field-error-label')}\n
\n \n \n }\n \n );\n};\n\nAddBatch.propTypes = {\n batchHeader: PropTypes.string,\n batchList: PropTypes.array,\n buttonLabel: PropTypes.string,\n id: PropTypes.string.isRequired,\n setBatchList: PropTypes.func.isRequired,\n setBatchTotal: PropTypes.func,\n setDataChanged: PropTypes.func.isRequired,\n speciesId: PropTypes.number\n};\n\nexport default AddBatch;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport classes from 'backOfficeComponents/sections/paperAnimalBatch/paperAnimalBatch.module.scss';\nimport constants from 'services/constants';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport storeService from 'services/storeService';\nimport { tableColumns } from 'services/tableColumns';\nimport AddBatch from 'backOfficeComponents/addBatch/addBatch';\nimport Table from 'components/table/table';\n\nconst PaperAnimalBatch = ({\n batchList,\n setBatchList,\n setBatchTotal,\n setData,\n setDataChanged,\n setModal,\n speciesId\n}) => {\n const { ready, t } = useTranslation();\n\n const [paginationParams, setPaginationParams] = useState(constants.pagination.defaultParams);\n\n const handleChanges = {\n removeAllBatches: () => {\n setBatchList([]);\n if (setBatchTotal && typeof setBatchTotal === 'function') {\n setBatchTotal(0);\n }\n storeService.session.remove.movementBatchList();\n setDataChanged();\n },\n\n removeAllInvalid: () => {\n setBatchList((prevState) => {\n const newBatchList = helpers.animal.removeAllInvalid(prevState);\n\n if (setBatchTotal && typeof setBatchTotal === 'function') {\n setBatchTotal(newBatchList.reduce((total, item) => total + parseInt(item.animalTotal), 0));\n }\n storeService.session.set.movementBatchList(newBatchList);\n\n return newBatchList;\n });\n setDataChanged();\n },\n\n removeBatch: (batch) => {\n setBatchList((prevState) => {\n const newBatchList = helpers.batch.remove(prevState, batch);\n\n if (setBatchTotal && typeof setBatchTotal === 'function') {\n setBatchTotal(newBatchList.reduce((total, item) => total + parseInt(item.animalTotal), 0));\n }\n storeService.session.set.movementBatchList(newBatchList);\n\n return newBatchList;\n });\n setDataChanged();\n }\n };\n\n const extraContent = batchList?.length > 0 ? '(' + batchList.reduce((total, item) => total + parseInt(item.animalTotal), 0) + ')' : '';\n\n useEffect(() => {\n setPaginationParams((prevState) => ({\n ...prevState,\n [constants.pagination.bottom]: {\n ...prevState[constants.pagination.bottom],\n total: batchList?.reduce((total, item) => total + parseInt(item.animalTotal), 0)\n }\n }));\n }, [batchList]);\n\n return (\n <>\n {ready &&\n \n \n {t('movementDetails.animalsMoved.heading')} {extraContent}
\n
\n \n
\n\n {batchList?.length > 0 &&\n <>\n
\n\n
\n {t('boApp.label.totalAnimals')} {String(batchList.reduce((total, item) => total + parseInt(item.animalTotal), 0))} \n
\n \n }\n
\n }\n \n );\n};\n\nPaperAnimalBatch.propTypes = {\n batchList: PropTypes.array,\n setBatchList: PropTypes.func.isRequired,\n setBatchTotal: PropTypes.func,\n setData: PropTypes.func.isRequired,\n setDataChanged: PropTypes.func.isRequired,\n setModal: PropTypes.func,\n speciesId: PropTypes.number\n};\n\nexport default PaperAnimalBatch;\n","import React, { useState } from 'react';\nimport config from 'config';\nimport constants from 'services/constants';\nimport classes from 'backOfficeComponents/addTagRange/addTagRange.module.scss';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport Button from 'backOfficeComponents/base/button/button';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport FieldLabel from 'backOfficeComponents/base/fieldLabel/fieldLabel';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport Legend from 'backOfficeComponents/base/legend/legend';\n\nconst AddTagRange = ({\n animalDetails,\n setAnimalDetails,\n setDataChanged,\n speciesId\n}) => {\n const [batchNumberError, setBatchNumberError] = React.useState(false);\n const [totalAnimalsError, setTotalAnimalsError] = React.useState(false);\n const [totalAnimalsLimitError, setTotalAnimalsLimitError] = React.useState(false);\n const [batchNumber, setBatchNumber] = useState('');\n const [startNumber, setStartNumber] = useState('');\n const [totalAnimals, setTotalAnimals] = useState('');\n\n const tagRangeSubTitle = 'tagging.application.tagRangeSubTitle' + (speciesId ? speciesId : '');\n const batchNumberLabel = 'label.batchNumber' + (speciesId ? speciesId : '');\n\n const validate = {\n totalAnimals: (input) => {\n const regex = /^[0-9]*$/;\n const validResult = regex.test(input);\n setTotalAnimalsError(!validResult);\n return validResult;\n },\n\n totalAnimalsLimit: (input) => {\n const validResult = parseInt(input) > 0 && parseInt(input) <= config.MAX_TOTAL_ANIMAL_RANGE;\n setTotalAnimalsLimitError(!validResult);\n return validResult;\n }\n };\n\n const clearFields = () => {\n setBatchNumber('');\n setStartNumber('');\n setTotalAnimals('');\n };\n\n const submitRange = () => {\n if (!validate.totalAnimalsLimit(totalAnimals)) {\n setTotalAnimalsLimitError(true);\n } else if (!validate.totalAnimals(totalAnimals)) {\n setTotalAnimalsError(true);\n } else {\n setTotalAnimalsLimitError(false);\n setTotalAnimalsError(false);\n setBatchNumberError(false);\n clearFields();\n\n const batchNum = helpers.tag.trim(batchNumber);\n const startNum = helpers.tag.trim(startNumber);\n\n if (typeof setAnimalDetails === 'function') {\n const tags = [];\n for (let i = 0; i < totalAnimals; i++) {\n const numberOfLeadingZeros = (startNum.match(/^0+/) || [''])[0].length;\n\n let tagNum = parseInt(startNum) + i;\n\n if (numberOfLeadingZeros > 0 && String(tagNum).length < startNum.length) {\n tagNum = helpers.text.zerosPadLeft(tagNum, startNum.length);\n }\n\n tags.push(batchNum + ' ' + tagNum);\n }\n\n setAnimalDetails([\n ...animalDetails,\n ...tags\n .filter((tag) => !animalDetails.some((item) => item.tagNumber === tag))\n .map((tag) => ({\n tagNumber: tag,\n uuid: helpers.generateUUID()\n }))\n ]);\n setDataChanged();\n }\n }\n };\n\n const batchNumberChange = (event) => {\n setBatchNumber(event.target.value);\n };\n\n const startNumberChange = (event) => {\n setStartNumber(event.target.value);\n };\n\n const totalAnimalsChange = (event) => {\n setTotalAnimals(event.target.value);\n };\n\n const isDisabled = () => (!batchNumber || !totalAnimals);\n\n return (\n <>\n \n \n );\n};\n\nAddTagRange.propTypes = {\n animalDetails: PropTypes.array,\n setAnimalDetails: PropTypes.func.isRequired,\n setDataChanged: PropTypes.func.isRequired,\n speciesId: PropTypes.number\n};\n\nexport default AddTagRange;\n","import React, { createRef } from 'react';\nimport { CSVReader } from 'react-papaparse';\nimport classes from 'backOfficeComponents/base/fileUpload/fileUpload.module.scss';\nimport config from 'config';\nimport PropTypes from 'prop-types';\nimport Button from 'backOfficeComponents/base/button/button';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport FieldLabel from 'backOfficeComponents/base/fieldLabel/fieldLabel';\nimport Hint from 'backOfficeComponents/base/hint/hint';\nimport Legend from 'backOfficeComponents/base/legend/legend';\nimport helpers from 'services/helpers';\n\nconst FileUpload = ({\n animalDetails,\n hideHint,\n id,\n pending,\n setAnimalDetails,\n setDataChanged,\n setPending\n}) => {\n const [selectedFile, setSelectedFile] = React.useState([]);\n const [fileError, setFileError] = React.useState(false);\n const [fileTypeError, setFileTypeError] = React.useState(false);\n const [maxRecordsError, setMaxRecordsError] = React.useState('');\n const buttonRef = createRef();\n\n const handleOpenDialog = (e) => {\n if (buttonRef.current) {\n buttonRef.current.open(e);\n }\n };\n\n const handleOnFileLoad = (data) => {\n const regex = /^.*\\.(csv)$/;\n if (regex.test(buttonRef.current.state.file.name)) {\n setSelectedFile([]);\n data.forEach((element) => {\n element.data.forEach((el) => {\n const trimmedElement = el.replaceAll(' ', '').toLowerCase();\n\n if (trimmedElement.length > 0 &&\n (\n helpers.checkTags(trimmedElement)\n )\n ) {\n setSelectedFile((prevArray) => [...prevArray, el]);\n }\n });\n });\n setFileTypeError(false);\n } else {\n setFileTypeError(true);\n setFileError(false);\n }\n };\n\n const validateTags = (tags) => {\n const uniqueTags = [...new Set(tags)].map((tag) => tag.trim());\n\n if (uniqueTags.length > config.MAX_UPLOAD_RECORDS) {\n setMaxRecordsError('error.maxRecordsNumber');\n } else {\n setMaxRecordsError('');\n setAnimalDetails([\n ...animalDetails,\n ...uniqueTags.map((item) => ({\n tagNumber: item,\n uuid: helpers.generateUUID()\n }))\n ]);\n setDataChanged();\n setPending(false);\n setFileError(false);\n setSelectedFile([]);\n }\n };\n\n return (\n \n );\n};\n\nFileUpload.propTypes = {\n animalDetails: PropTypes.array,\n hideHint: PropTypes.bool,\n id: PropTypes.string.isRequired,\n pending: PropTypes.bool.isRequired,\n setAnimalDetails: PropTypes.func.isRequired,\n setDataChanged: PropTypes.func.isRequired,\n setPending: PropTypes.func.isRequired\n};\n\nexport default FileUpload;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport config from 'config';\nimport constants from 'services/constants';\nimport classes from 'backOfficeComponents/manualTagEntry/manualTagEntry.module.scss';\nimport Button from 'backOfficeComponents/base/button/button';\nimport Legend from 'backOfficeComponents/base/legend/legend';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport helpers from 'services/helpers';\n\nconst ManualTagEntry = ({\n animalDetails,\n description,\n id,\n setAnimalDetails,\n setDataChanged,\n title\n}) => {\n const { ready, t } = useTranslation();\n\n const [textFieldTags, setTextFieldTags] = React.useState([]);\n\n const validateAnimalsViaTextEntry = () => {\n backOfficeTagEntry();\n setTextFieldTags([]);\n };\n\n const backOfficeTagEntry = () => {\n const tags = textFieldTags.length > 0\n ? textFieldTags[0].match(/\\b[\\w']+(?:[^\\w\\n]+[\\w']+){0,1}\\b/g)\n : null;\n const validTags = [];\n if (tags !== null && tags.length > 0) {\n tags.forEach((element) => {\n validTags.push(element);\n });\n }\n if (validTags && validTags.length !== 0) {\n const newTags = validTags.map((tag) => {\n return {\n tagNumber: tag,\n uuid: helpers.generateUUID()\n };\n });\n setAnimalDetails([\n ...animalDetails,\n ...newTags\n ]);\n setDataChanged();\n }\n };\n\n const addAnimalsViaTextEntry = (event) => {\n if (event.target.value.length === 0) {\n setTextFieldTags([]);\n return;\n }\n\n const tagArray = event.target.value.split();\n setTextFieldTags(tagArray);\n };\n\n return (\n <>\n {ready &&\n \n }\n \n );\n};\n\nManualTagEntry.propTypes = {\n animalDetails: PropTypes.array,\n description: PropTypes.string,\n id: PropTypes.string.isRequired,\n setAnimalDetails: PropTypes.func.isRequired,\n setDataChanged: PropTypes.func.isRequired,\n title: PropTypes.string\n};\n\nexport default ManualTagEntry;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport classes from 'backOfficeComponents/sections/paperAnimalIndividual/paperAnimalIndividual.module.scss';\nimport constants from 'services/constants';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport storeService from 'services/storeService';\nimport { tableColumns } from 'services/tableColumns';\nimport AddTagRange from 'backOfficeComponents/addTagRange/addTagRange';\nimport FileUpload from 'backOfficeComponents/base/fileUpload/fileUpload';\nimport ManualTagEntry from 'backOfficeComponents/manualTagEntry/manualTagEntry';\nimport RadioButtons from 'components/base/radioButtons/radioButtons';\nimport Table from 'components/table/table';\n\nconst PaperAnimalIndividual = ({\n animalDetails,\n pending,\n setAnimalDetails,\n setData,\n setDataChanged,\n setModal,\n setPending,\n setValidationState,\n speciesId\n}) => {\n const { ready, t } = useTranslation();\n\n const [selectionMethod, setSelectionMethod] = useState(constants.option.selectionMethod.manualTagNumbers);\n const [paginationParams, setPaginationParams] = useState(constants.pagination.defaultParams);\n\n const handleChanges = {\n removeAllAnimals: () => {\n setAnimalDetails([]);\n setDataChanged();\n if (setValidationState && typeof setValidationState === 'function') {\n setValidationState((prevState) => prevState === 2 ? 0 : prevState);\n }\n },\n\n removeAllInvalid: () => {\n setAnimalDetails((prevState) => {\n const newAnimalDetails = helpers.animal.removeAllInvalid(prevState).map((animal) => ({\n tagNumber: animal.tagNumber,\n status: animal.status ? animal.status : '',\n uuid: animal.uuid ? animal.uuid : ''\n }));\n\n storeService.session.set.movementAnimalsBeingMoved(newAnimalDetails);\n\n return newAnimalDetails;\n });\n setDataChanged();\n if (setValidationState && typeof setValidationState === 'function') {\n setValidationState((prevState) => prevState === 2 ? 0 : prevState);\n }\n },\n\n removeAnimal: (animalToRemove) => {\n setAnimalDetails((prevState) => {\n const newAnimalDetails = prevState.filter((item) => item.uuid !== animalToRemove.uuid).map((animal) => ({\n tagNumber: animal.tagNumber,\n status: animal.status ? animal.status : '',\n uuid: animal.uuid ? animal.uuid : '',\n valid: animalToRemove.valid === 'Invalid' ? animal.valid : ''\n }));\n storeService.session.set.movementAnimalsBeingMoved(newAnimalDetails);\n return newAnimalDetails;\n });\n setDataChanged();\n if (setValidationState && typeof setValidationState === 'function') {\n setValidationState((prevState) => prevState === 2 ? 0 : prevState);\n }\n },\n\n selectionMethod: (method) => {\n setSelectionMethod(method);\n setDataChanged();\n }\n };\n\n const extraContent = animalDetails && animalDetails.length ? '(' + animalDetails.length + ')' : '';\n\n useEffect(() => {\n setPaginationParams((prevState) => ({\n ...prevState,\n [constants.pagination.bottom]: {\n ...prevState[constants.pagination.bottom],\n total: animalDetails?.length\n }\n }));\n }, [animalDetails]);\n\n return (\n <>\n {ready &&\n \n \n {t('movementDetails.animalsMovedTags.header')} {extraContent}
\n
\n \n
handleChanges.selectionMethod(event.target.value)}\n reduceSpace={true}\n value={selectionMethod}\n />\n {helpers.option.selectionMethod.isUploadFile(selectionMethod) &&\n \n }\n {helpers.option.selectionMethod.isTagNumberRange(selectionMethod) &&\n \n }\n {helpers.option.selectionMethod.isManualTagNumbers(selectionMethod) &&\n \n }\n {animalDetails?.length > 0 &&\n <>\n \n\n \n {t('movementDetails.animalsMoved.tagTotal')} {String(animalDetails.length)}\n
\n \n }\n \n }\n \n );\n};\n\nPaperAnimalIndividual.propTypes = {\n animalDetails: PropTypes.array,\n pending: PropTypes.bool.isRequired,\n setAnimalDetails: PropTypes.func,\n setData: PropTypes.func.isRequired,\n setDataChanged: PropTypes.func.isRequired,\n setModal: PropTypes.func.isRequired,\n setPending: PropTypes.func.isRequired,\n speciesId: PropTypes.number\n};\n\nexport default PaperAnimalIndividual;\n","import React from 'react';\nimport classes from 'backOfficeComponents/sections/paperTransport/paperTransport.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport he from 'he';\nimport PropTypes from 'prop-types';\nimport storeService from 'services/storeService';\nimport helpers from 'services/helpers';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport RadioButtons from 'components/base/radioButtons/radioButtons';\nimport SectionTitleBar from 'backOfficeComponents/base/sectionTitleBar/sectionTitleBar';\n\nconst PaperTransport = ({\n haulierNameError,\n panelTitle,\n setDataChanged,\n setTransportDetails,\n transportAuthNumberError,\n transportDetails,\n transportDetailsError\n}) => {\n const optional = false;\n\n const handleChanges = {\n authorisationNumber: (authNum) => {\n storeService.session.set.movementAuthorisationNumber(authNum);\n setTransportDetails((prevState) => ({\n ...prevState,\n transportAuthorisationNumber: authNum\n }));\n setDataChanged();\n },\n\n transportedBy: (transportedBy) => {\n storeService.session.set.movementTransportedBy(transportedBy);\n setTransportDetails((prevState) => ({\n ...prevState,\n transportedBy\n }));\n setDataChanged();\n },\n\n transportName: (transporterName) => {\n storeService.session.set.movementTransporter(transporterName);\n setTransportDetails(((prevState) => ({\n ...prevState,\n transporterName\n })));\n setDataChanged();\n },\n\n vehicleRegistrationNumber: (regNum) => {\n storeService.session.set.movementVehicleRegistrationNumber(regNum);\n setTransportDetails((prevState) => ({\n ...prevState,\n transportVehicleRegistrationNo: regNum\n }));\n setDataChanged();\n }\n };\n\n return (\n \n
\n\n
handleChanges.transportedBy(event.target.value)}\n value={transportDetails ? transportDetails.transportedBy : ''}\n warning={helpers.response.isWarning(transportDetailsError.type) ? transportDetailsError.value : ''}\n />\n\n \n
\n handleChanges.vehicleRegistrationNumber(event.target.value)}\n optional={optional}\n value={transportDetails ? transportDetails.transportVehicleRegistrationNo : ''}\n width={config.WIDTH_REGISTRATION}\n />\n
\n
\n handleChanges.transportName(event.target.value)}\n optional={optional}\n value={transportDetails?.transporterName ? he.decode(transportDetails.transporterName) : ''}\n warningLabel={helpers.response.isWarning(haulierNameError.type) ? haulierNameError.value : ''}\n width={config.WIDTH_TRANSPORTER_NAME}\n />\n
\n
\n handleChanges.authorisationNumber(event.target.value)}\n optional={optional}\n value={transportDetails?.transportAuthorisationNumber ? he.decode(transportDetails.transportAuthorisationNumber) : ''}\n warningLabel={helpers.response.isWarning(transportAuthNumberError.type) ? transportAuthNumberError.value : ''}\n width={config.WIDTH_TRANSPORTER_AUTH}\n />\n
\n
\n
\n
\n
\n
\n setMarketType(target.value)}\n reduceSpace={true}\n suppressLabel={true}\n value={marketType}\n />\n
\n
\n
\n
\n {isMarket && pageContent.marketType()}\n {pageContent.movementType()}\n {pageContent.departureLocation()}\n {pmMove ? null : pageContent.arrivalLocation()}\n {pageContent.transportDetails()}\n {pageContent.exemptions()}\n {pageContent.fciDetails()}\n {pageContent.animalBatch()}\n {pageContent.individualAnimals()}\n\n
\n \n {t('label.animalTotal')} {String(batchTotal + (animalDetails ? animalDetails.length : 0))}\n
\n
\n
\n
\n \n
\n
\n setExitClicked(true)}\n />\n
\n
\n
\n
\n\n
\n
0}\n setData={setData}\n setEventType={setEventType}\n setModal={setModal}\n setRenderTable={setRenderTable}\n store={{\n filters: 'HoldingActivity',\n data: 'HoldingActivity'\n }}\n />\n \n
\n
\n handleChanges.document(event)}\n reference={documentIdRef}\n value={data.documentId}\n warningLabel={helpers.response.isWarning(props.documentIdError.type) ? props.documentIdError.value : ''}\n />\n\n handleChanges.receivedDate(event.target.value)}\n setError={(error) => setProps((prevState) => ({\n ...prevState,\n receivedDateError: { type: constants.errorAndWarning.error, value: error }\n }))}\n value={data.receivedDate}\n warning={dateWarning()}\n yearLength={2}\n />\n
\n
\n handleChanges.species(event)}\n value={helpers.species.idToName(data.speciesId).toLowerCase()}\n warningLabel={helpers.response.isWarning(props.speciesError.type) ? props.speciesError.value : ''}\n />\n
\n
\n handleChanges.document(event)}\n value={data.documentType}\n warningLabel={helpers.response.isWarning(props.documentTypeError.type) ? props.documentTypeError.value : ''}\n />\n
\n {helpers.userRole.isKeeper(data.documentType) && data.speciesId !== null &&\n
\n \n handleChanges.permitMove(event)}\n value={data.permitMove}\n />\n
\n }\n
\n \n {t('movementDetails.userNotes')}
\n
\n \n
\n handleChanges.noteText(event.target.value)}\n rows={config.ROWS_USER_NOTES}\n value={noteText}\n width={config.WIDTH_USER_NOTES}\n />\n\n \n
\n\n {notes?.length > 0 &&\n
\n }\n
\n }\n \n );\n};\n\nUserNotes.propTypes = {\n notes: PropTypes.array,\n setDataChanged: PropTypes.func.isRequired,\n setModal: PropTypes.func.isRequired,\n setNotes: PropTypes.func.isRequired\n};\n\nexport default UserNotes;\n","import React, { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport { Prompt } from 'react-router';\nimport bff, { bffResponse, bffStatus } from 'services/bff';\nimport classes from 'backOffice/paperDetails/paperDetails.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport navigation from 'services/navigation';\nimport PropTypes from 'prop-types';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\nimport Button from 'backOfficeComponents/base/button/button';\nimport Confirmation from 'components/base/confirmation/confirmation';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport Exemptions from 'backOfficeComponents/sections/exemptions/exemptions';\nimport LocationAddressDate from 'backOfficeComponents/sections/locationAddressDate/locationAddressDate';\nimport ModalConfirm from 'components/base/modalConfirm/modalConfirm';\nimport PageTitle from 'backOfficeComponents/base/pageTitle/pageTitle';\nimport PaperAnimalBatch from 'backOfficeComponents/sections/paperAnimalBatch/paperAnimalBatch';\nimport PaperAnimalIndividual from 'backOfficeComponents/sections/paperAnimalIndividual/paperAnimalIndividual';\nimport PaperTransport from 'backOfficeComponents/sections/paperTransport/paperTransport';\nimport SourceDocument from 'backOfficeComponents/sections/sourceDocument/sourceDocument';\nimport UserNotes from 'backOfficeComponents/sections/notes/userNotes';\n\nconst defaultPaperSource = 'paper';\n\nconst createDocumentSection = (resData) => ({\n documentId: resData.scannedDocumentId,\n documentType: resData.documentSourceFormat,\n documentSource: defaultPaperSource,\n paperId: resData.id,\n receivedDate: resData.receivedDate.substring(0, 10),\n species: resData.species.toLowerCase(),\n speciesId: helpers.species.nameToId(resData.species),\n permitMove: false\n});\n\nconst createDepartureSection = (departureDetail) => ({\n CPH: helpers.replaceNull(departureDetail.holding),\n date: helpers.date.concatToStringDate(departureDetail.departureDate.year, departureDetail.departureDate.month, departureDetail.departureDate.day),\n manualCPH: helpers.replaceNull(departureDetail.manualEntryHoldingAddress)\n});\n\nconst createTransportSection = (transportDetail) => ({\n transportedBy: transportType(helpers.replaceNull(transportDetail.transporterType)),\n transportVehicleRegistrationNo: helpers.replaceNull(transportDetail.transportVehicleRegistrationNo),\n transporterName: helpers.replaceNull(transportDetail.transportHaulierName),\n transportAuthorisationNumber: helpers.replaceNull(transportDetail.transporterAuthNumber)\n});\n\nconst createDestinationSection = (destinationDetail) => ({\n CPH: helpers.replaceNull(destinationDetail.holding),\n date: helpers.date.concatToStringDate(destinationDetail.arrivalDate.year, destinationDetail.arrivalDate.month, destinationDetail.arrivalDate.day),\n manualCPH: helpers.replaceNull(destinationDetail.manualEntryHoldingAddress),\n numberReceived: helpers.replaceNull(destinationDetail.totalAnimalsReceived)\n});\n\nconst createBatchesSection = (batches) => {\n return batches.map((batch) => ({\n animalTotal: batch.animalTotal,\n batchNumber: batch.batchNumber,\n description: ''\n }));\n};\n\nconst createDevicesSection = (devices) => {\n return devices.map((device) => ({\n tagNumber: device.tagNumber || device.rfid,\n uuid: helpers.generateUUID(),\n status: ''\n }));\n};\n\nconst transportType = (inValue) => {\n switch (inValue) {\n case constants.option.transporterType.departureKeeperType:\n return constants.option.transporter.departureKeeper;\n case constants.option.transporterType.destinationKeeperType:\n return constants.option.transporter.destinationKeeper;\n case constants.option.transporterType.haulierType:\n return constants.option.transporter.haulier;\n default:\n return '';\n }\n};\n\nconst getErrorIndexes = (incomingError) => {\n const integerRegex = /\\d+/g;\n return String(incomingError).match(integerRegex);\n};\n\nconst BoPaperDetails = ({\n location,\n setModal\n}) => {\n const { ready, t } = useTranslation();\n const history = useHistory();\n\n const departureCPH = location?.state?.data?.departureCPH ? location.state.data.departureCPH : '';\n const destinationCPH = location?.state?.data?.destinationCPH ? location.state.data.destinationCPH : '';\n const species = location?.state?.data?.species ? location.state.data.species : '';\n const speciesId = helpers.species.nameToId(species);\n\n const sessionDataChanged = storeService.session.get.dataChanged();\n\n const ERR_TEMPLATE = { type: '', value: '' };\n\n const [movementType, setMovementType] = React.useState(constants.option.movement.on);\n const [pageErrors, setPageErrors] = React.useState([]);\n const [undoStatus, setUndoStatus] = React.useState(false);\n const [postType, setPostType] = React.useState(constants.postType.CREATE);\n const [needUpdate, setNeedUpdate] = React.useState(false);\n\n const emptyStates = {\n arriveData: {\n CPH: destinationCPH,\n date: '',\n manualCPH: '',\n numberReceived: ''\n },\n\n animalDetails: [],\n\n batchList: [],\n\n departData: {\n CPH: departureCPH,\n date: '',\n manualCPH: ''\n },\n\n sourceDocument: {\n documentId: '',\n documentType: '',\n receivedDate: '',\n documentSource: defaultPaperSource,\n paperId: '',\n speciesId,\n permitMove: false\n },\n\n sourceDocumentProps: {\n documentIdError: ERR_TEMPLATE,\n documentSourceError: ERR_TEMPLATE,\n documentTypeError: ERR_TEMPLATE,\n isValid: false,\n receivedDateError: ERR_TEMPLATE,\n validation: 0,\n speciesError: ERR_TEMPLATE\n },\n\n transportData: {\n transportedBy: '',\n transportVehicleRegistrationNo: '',\n transporterName: '',\n transportAuthorisationNumber: ''\n }\n };\n\n const [sourceDocumentInit, setSourceDocumentInit] = React.useState(emptyStates.sourceDocument);\n const [sourceDocument, setSourceDocument] = React.useState({ ...sourceDocumentInit, speciesId });\n const [sourceDocumentProps, setSourceDocumentProps] = React.useState(emptyStates.sourceDocumentProps);\n\n const [departDataInit, setDepartDataInit] = React.useState({\n ...emptyStates.departData,\n CPH: departureCPH\n });\n const [departData, setDepartData] = React.useState(departDataInit);\n\n const [transportDataInit, setTransportDataInit] = React.useState(emptyStates.transportData);\n const [transportData, setTransportData] = React.useState(transportDataInit);\n\n const [arriveDataInit, setArriveDataInit] = React.useState({\n ...emptyStates.arriveData,\n CPH: destinationCPH\n });\n const [arriveData, setArriveData] = React.useState(arriveDataInit);\n\n const [optionsInit, setOptionsInit] = React.useState([]);\n const [options, setOptions] = React.useState([]);\n\n const [batchListInit, setBatchListInit] = React.useState(emptyStates.batchList);\n const [batchList, setBatchList] = React.useState(batchListInit);\n\n const [animalDetailsInit, setAnimalDetailsInit] = React.useState(emptyStates.animalDetails);\n const [animalDetails, setAnimalDetails] = React.useState(animalDetailsInit);\n\n const [isExemptionsValid, setIsExemptionsValid] = React.useState(true);\n\n const [exemptionsValidation, setExemptionsValidation] = React.useState(0);\n\n const [userNotes, setUserNotes] = React.useState([]);\n const [departureDateError, setDepartureDateError] = React.useState(ERR_TEMPLATE);\n const [arrivalDateError, setArrivalDateError] = React.useState(ERR_TEMPLATE);\n const [departureHoldingError, setDepartureHoldingError] = React.useState(ERR_TEMPLATE);\n const [destinationHoldingError, setDestinationHoldingError] = React.useState(ERR_TEMPLATE);\n const [destinationDetailTotalAnimalsReceivedError, setDestinationDetailTotalAnimalsReceivedError] = React.useState(ERR_TEMPLATE);\n const [transportDataError, setTransportDataError] = React.useState(ERR_TEMPLATE);\n const [haulierNameError, setHaulierNameError] = React.useState(ERR_TEMPLATE);\n const [transportAuthNumberError, setTransportAuthNumberError] = React.useState(ERR_TEMPLATE);\n const [validationState, setValidationState] = React.useState(0);\n const [pageWarnings, setPageWarnings] = React.useState([]);\n const [validateCount, setValidateCount] = React.useState(0);\n\n const [pending, setPending] = React.useState(false);\n const [submitted, setSubmitted] = React.useState(false);\n\n const [dataChanged, setDataChanged] = React.useState(sessionDataChanged ? sessionDataChanged : false);\n\n const [requestId, setRequestId] = React.useState(null);\n const [asyncId, setAsyncId] = React.useState(null);\n\n const setValidation = (func, event) => {\n setValidationState((prevState) => prevState === 2 ? 0 : prevState);\n func(event);\n };\n\n const resetExemptions = React.useCallback(() => {\n const exemptions = options;\n exemptions.forEach((exemption) => {\n exemption.value = false;\n optionsInit.forEach((option) => {\n if (exemption.id === option.processingFlagId) {\n exemption.value = true;\n }\n });\n });\n\n setOptions(exemptions);\n }, [options, optionsInit]);\n\n const getCount = () => {\n const sdp = sourceDocumentProps;\n let count = sdp.documentIdError?.value?.length ? 1 : 0;\n count += sdp.receivedDateError?.value?.length ? 1 : 0;\n count += sdp.speciesError?.value?.length ? 1 : 0;\n count += sdp.documentTypeError?.value?.length ? 1 : 0;\n count += sdp.documentSourceError?.value?.length ? 1 : 0;\n return count;\n };\n\n const resetPage = React.useCallback((emptySession) => {\n if (emptySession) {\n setPostType(constants.postType.CREATE);\n storeService.session.set.confirmSubmitType(constants.postType.CREATE);\n }\n setAsyncId(null);\n storeService.session.set.confirmAsyncId(null);\n setSourceDocument(emptySession ? emptyStates.sourceDocument : { ...sourceDocumentInit, speciesId: null });\n setDepartData(emptySession ? emptyStates.departData : { ...departDataInit, CPH: '' });\n setTransportData(emptySession ? emptyStates.transportData : transportDataInit);\n if (movementType === constants.option.movement.on) {\n setArriveData(emptySession ? emptyStates.arriveData : { ...arriveDataInit, CPH: '' });\n } else {\n setMovementType(constants.option.movement.on);\n }\n resetExemptions();\n setBatchList(emptySession ? emptyStates.batchList : batchListInit);\n setAnimalDetails(emptySession ? emptyStates.animalDetails : animalDetailsInit);\n clear.errors();\n setValidationState(0);\n setUserNotes([]);\n if (!emptySession && sourceDocument.paperId !== '') {\n validatePaperMovement();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options]);\n\n const createErrors = (errorList) => {\n if (errorList?.length === 0) {\n setPageErrors(errorList);\n return;\n }\n\n const uniqueErrors = [...new Set(errorList.map((errorItem) => errorItem.target))];\n\n uniqueErrors.forEach((errorItem) => {\n const matchTargets = errorList.filter((error) => error.target === errorItem);\n const lastError = matchTargets[matchTargets?.length - 1];\n\n lookupErrorWarningField(\n lastError,\n {\n type: constants.errorAndWarning.error,\n value: lastError.message\n }\n );\n\n const errArray = pageErrors;\n errArray.push(lastError);\n setPageErrors(errArray);\n });\n };\n\n const createWarnings = (warnings) => {\n if (warnings?.length === 0) {\n setPageWarnings(warnings);\n return;\n }\n const uniqueWarnings = [...new Set(warnings.map((warning) => warning.target))];\n\n uniqueWarnings.forEach((warningItem) => {\n const matchTargets = warnings.filter((warning) => warning.target === warningItem);\n const lastWarning = matchTargets[matchTargets?.length - 1];\n lookupErrorWarningField(\n lastWarning,\n {\n type: constants.errorAndWarning.warning,\n value: lastWarning.message\n }\n );\n const warningArray = pageWarnings;\n warningArray.push(lastWarning);\n setPageWarnings(warningArray);\n });\n };\n\n const validateBO = () => {\n bff\n .post('/validateBO', getSubmissionParams.create())\n .then((res) => {\n createErrors(res.data.errors);\n createWarnings(res.data.warnings);\n setSourceDocumentProps((prevState) => ({\n ...prevState,\n validation: 0\n }));\n\n const invalidBatches = res.data.errors.filter((error) => error.code === '30010').map((error) => {\n const batchItem = error.target.split('.')[1];\n return parseInt(batchItem.substring(\n batchItem.indexOf('[') + 1,\n batchItem.lastIndexOf(']')\n ));\n });\n\n const checkCodes = ['30019', '3027', '30022'];\n\n const invalidIndividualAnimals = res.data.errors.filter((error) => checkCodes.includes(error.code)).map((error) => {\n const animalItem = error.target.split('.')[1];\n return parseInt(animalItem.substring(\n animalItem.indexOf('[') + 1,\n animalItem.lastIndexOf(']')\n ));\n });\n\n setBatchList((prevState) => ([\n ...prevState.map((batch, index) => ({\n ...batch,\n valid: invalidBatches.includes(index) ? 'Invalid' : 'Valid'\n }))\n ]));\n\n setAnimalDetails((prevState) => ([\n ...prevState.map((animal, index) => ({\n ...animal,\n valid: invalidIndividualAnimals.includes(index) ? 'Invalid' : 'Valid'\n }))\n ]));\n\n setValidationState(2);\n })\n .catch((error) => {\n errors.BFF(error, setModal);\n });\n };\n\n const lookupErrorWarningField = (error, errorObject, errorIndexes) => {\n const invalidateSourceDocumentProps = (name, newValue) => {\n setSourceDocumentProps((prevState) => ({\n ...prevState,\n [name]: newValue,\n isValid: false\n }));\n };\n\n if (!error.target) {\n return true;\n }\n switch (error.target) {\n case 'movementDocument.departureDetail.departureDate':\n setDepartureDateError(errorObject);\n break;\n case 'movementDocument.destinationDetail.arrivalDate':\n setArrivalDateError(errorObject);\n break;\n case 'receivedDate':\n invalidateSourceDocumentProps('receivedDateError', errorObject);\n break;\n case 'movementDocument.departureDetail.holding':\n setDepartureHoldingError(errorObject);\n break;\n case 'movementDocument.destinationDetail.holding':\n setDestinationHoldingError(errorObject);\n break;\n case 'movementDocument.destinationDetail.totalAnimalsReceived':\n setDestinationDetailTotalAnimalsReceivedError(errorObject);\n break;\n case 'species':\n invalidateSourceDocumentProps('speciesError', errorObject);\n break;\n case 'documentSourceFormat':\n invalidateSourceDocumentProps('documentTypeError', errorObject);\n break;\n case 'documentSource':\n invalidateSourceDocumentProps('documentSourceError', errorObject);\n break;\n case 'documentId':\n invalidateSourceDocumentProps('documentIdError', errorObject);\n break;\n case 'movementDocument.transportDetail.transporterType':\n setTransportDataError(errorObject);\n break;\n case 'movementDocument.transportDetail.transportHaulierName':\n setHaulierNameError(errorObject);\n break;\n case 'movementDocument.transportDetail.transporterAuthNumber':\n setTransportAuthNumberError(errorObject);\n break;\n case String(error.target.match(/^movementGroups\\[\\d+]\\.batches\\[\\d+].animalTotal$/)):\n errorIndexes = getErrorIndexes(error.target);\n setValidation(setBatchList, helpers.error.addToAnimalObjects(batchList, errorIndexes, { type: error.typeIdentifier, value: error.message }, 'description'));\n break;\n case String(error.target.match(/^movementGroups\\[\\d+]\\.batches\\[\\d+]$/)):\n errorIndexes = getErrorIndexes(error.target);\n setValidation(setBatchList, helpers.error.addToAnimalObjects(batchList, errorIndexes, { type: error.typeIdentifier, value: error.message }, 'description'));\n break;\n case String(error.target?.match(/^movementGroups\\[\\d+]\\.devices\\[\\d+]*$/)):\n case String(error.target?.match(/^movementGroups\\[\\d+]\\.devices\\[\\d+].tagNumber*$/)):\n case String(error.target?.match(/^movementGroups\\[\\d+]\\.devices\\[\\d+].rfid*$/)):\n errorIndexes = getErrorIndexes(error.target);\n setAnimalDetails(\n (prevState) => helpers.error.addToAnimalObjects(\n prevState,\n errorIndexes,\n { type: error.typeIdentifier, value: { type: 'Error', value: error.message } },\n 'status'\n )\n );\n break;\n default:\n return false;\n }\n return true;\n };\n\n const validatePaperMovement = () => {\n setValidationState(1);\n clear.animalStatus();\n clear.errors();\n setSourceDocumentProps((prevState) => ({\n ...prevState,\n validation: sourceDocumentProps.validation + 1\n }));\n };\n\n const processPermitMoveErrors = (res) => {\n storeService.session.set.confirmPmMove(sourceDocument.permitMove);\n if (sourceDocument.permitMove) {\n return res.data.errors?.filter((error) => !error.target?.includes('movementDocument.destinationDetail.'));\n }\n\n return res.data.errors;\n };\n\n const handleSubmissionResponse = (res) => {\n const data = res.data;\n const aId = bffResponse.asyncId(data);\n setAsyncId(aId);\n storeService.session.set.confirmAsyncId(aId);\n storeService.session.set.confirmPaperId(bffResponse.paperId(data));\n storeService.session.set.confirmMovementReference(bffResponse.movementRef(data));\n const rId = bffResponse.requestId(data);\n storeService.session.set.confirmRequestId(rId);\n setRequestId(rId);\n storeService.session.set.confirmPollingStatus(bffResponse.status(data));\n storeService.session.set.confirmSubmitType(postType);\n const paper_Id = storeService.session.get.confirmPaperId();\n const movement_Ref = storeService.session.get.confirmMovementReference();\n const status = storeService.session.get.confirmPollingStatus();\n\n if ((status === null || status === constants.status.completed_error) && paper_Id && !movement_Ref) {\n helpers.get.paperMovements(paper_Id)\n .then((res2) => {\n if (helpers.response.isValid(res2.data, setModal)) {\n res2.data.errors = processPermitMoveErrors(res2);\n storeService.session.set.confirmPollingErrors(bffResponse.errors(res2.data));\n storeService.session.set.confirmPollingWarnings(bffResponse.warnings(res2.data));\n storeService.session.set.confirmPollingStatus(bffResponse.status(res2.data));\n history.push(Routing.boMovementsConfirm);\n }\n });\n } else {\n storeService.session.set.confirmPollingErrors(bffResponse.errors(data));\n storeService.session.set.confirmPollingWarnings(bffResponse.warnings(data));\n history.push(Routing.boMovementsConfirm);\n }\n };\n\n const submit = (submitType) => {\n switch (submitType) {\n case constants.postType.CREATE:\n setSubmitted(true);\n setPending(true);\n storeService.session.removeAll.confirm();\n\n bff\n .post('/paperDocumentCreate', getSubmissionParams.create())\n .then((res) => {\n setPending(false);\n setDataChanged(false);\n storeService.session.remove.dataChanged();\n handleSubmissionResponse(res);\n })\n .catch((error) => {\n setPending(false);\n errors.BFF(error, setModal);\n });\n break;\n\n case constants.postType.UPDATE:\n setSubmitted(true);\n setPending(true);\n storeService.session.removeAll.confirm();\n\n bff\n .post('/paperDocumentUpdate', getSubmissionParams.create())\n .then((res) => {\n setPending(false);\n setDataChanged(false);\n storeService.session.remove.dataChanged();\n handleSubmissionResponse(res);\n })\n .catch((error) => {\n setPending(false);\n errors.BFF(error, setModal);\n });\n\n break;\n\n case constants.postType.UNDO:\n setSubmitted(true);\n setPending(true);\n\n setUndoStatus(false);\n setPostType(constants.postType.UNDO);\n storeService.session.removeAll.confirm();\n\n bff\n .post('/paperDocumentUndo', getSubmissionParams.undo())\n .then((res) => {\n const { data } = res;\n setPending(false);\n setDataChanged(false);\n storeService.session.remove.dataChanged();\n const rId = bffResponse.requestId(data);\n storeService.session.set.confirmRequestId(rId);\n setRequestId(rId);\n const status = bffResponse.status(data);\n storeService.session.set.confirmPollingStatus(status);\n storeService.session.set.confirmStatus(status);\n storeService.session.set.confirmPollingErrors(bffResponse.errors(data));\n storeService.session.set.confirmSubmitType(constants.postType.UNDO);\n history.push(Routing.boMovementsConfirm);\n })\n .catch((error) => {\n setPending(false);\n errors.BFF(error, setModal);\n });\n break;\n\n default:\n break;\n }\n };\n\n const dataHasChanged = () => {\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n };\n\n const recordAnother = () => {\n setSubmitted(false);\n setValidationState(0);\n resetPage(true);\n history.push(navigation.movements());\n };\n\n const getSubmissionParams = {\n create: () => {\n const createDepartureDetail = (departure) => ({\n holding: departure.CPH,\n movementType: '',\n manualEntryHoldingAddress: departure.manualCPH,\n departureDate: {\n day: helpers.date.splitStringDate(departure.date).day,\n month: helpers.date.splitStringDate(departure.date).month,\n year: helpers.date.splitStringDate(departure.date).year\n }\n });\n\n const createArrivalDetail = (arrival) => ({\n totalAnimalsReceived: arrival.numberReceived,\n holding: arrival.CPH,\n manualEntryHoldingAddress: arrival.manualCPH,\n arrivalDate: {\n day: helpers.date.splitStringDate(arrival.date).day,\n month: helpers.date.splitStringDate(arrival.date).month,\n year: helpers.date.splitStringDate(arrival.date).year\n }\n });\n\n const createTransportDetail = (transport) => ({\n transportType: transport.transportedBy,\n transporterAuthNumber: transport.transportAuthorisationNumber,\n transportHaulierName: transport.transporterName,\n transportVehicleRegistrationNo: transport.transportVehicleRegistrationNo\n });\n\n const removeManualCPH = (data) => ({\n ...data,\n manualCPH: ''\n });\n\n return {\n validated: (pageErrors?.length === 0) && (pageWarnings?.length === 0),\n id: sourceDocument.paperId,\n movementId: sourceDocument.paperId,\n documentId: sourceDocument.documentId,\n documentSource: sourceDocument.documentSource,\n documentSourceFormat: sourceDocument.documentType,\n receivedDate: sourceDocument.receivedDate,\n species: helpers.species.idToName(sourceDocument.speciesId).toLowerCase(),\n comment: sourceDocument.permitMove ? departData.manualCPH : '',\n movementDocument: {\n departureDetail: sourceDocument.permitMove ? createDepartureDetail(removeManualCPH(departData)) : createDepartureDetail(departData),\n destinationDetail: sourceDocument.permitMove ? createArrivalDetail(removeManualCPH(departData)) : createArrivalDetail(arriveData),\n transportDetail: createTransportDetail(transportData)\n },\n exemptions: (options?.length) ? options.filter((o) => o.value) : [],\n movementGroups: {\n batchList: batchList,\n animalDetails: animalDetails\n },\n notes: userNotes.filter((note) => note.canRemove).map((note) => ({\n noteDate: note.date,\n notes: note.text\n }))\n };\n },\n\n undo: () => {\n return {\n poll: config.POLLS_ENABLED,\n paperId: sourceDocument.paperId\n };\n }\n };\n\n const pageContent = {\n sourceDocumentSection: () => {\n return (\n setValidation(setSourceDocument, event)}\n setDataChanged={dataHasChanged}\n setProps={setSourceDocumentProps}\n />\n );\n },\n\n departureLocationSection: () => {\n return (\n setValidation(setDepartData, event)}\n setDataChanged={dataHasChanged}\n setDateError={setDepartureDateError}\n setModal={setModal}\n speciesId={sourceDocument.speciesId}\n />\n );\n },\n\n transportSection: () => {\n return (\n setValidation(setTransportData, event)}\n setTransportDetailsError={setTransportDataError}\n transportAuthNumberError={transportAuthNumberError}\n transportDetails={transportData}\n transportDetailsError={transportDataError}\n />\n );\n },\n\n arrivalLocationSection: () => {\n return (\n setValidation(setArriveData, event)}\n setDataChanged={dataHasChanged}\n setDateError={setArrivalDateError}\n setModal={setModal}\n speciesId={sourceDocument.speciesId}\n />\n );\n },\n\n exemptionsSection: () => {\n return (\n <>\n {sourceDocument.speciesId !== 0 &&\n setValidation(setOptions, event)}\n speciesId={sourceDocument.speciesId}\n />\n }\n \n );\n },\n\n animalBatchSection: () => {\n return (\n \n );\n },\n\n individualAnimalsSection: () => {\n return (\n \n );\n },\n\n userNotesSection: () => {\n return (\n \n );\n },\n\n pendingDisplay: () => {\n return (\n \n );\n },\n\n resultsDisplay: () => {\n if (validateCount > 0) {\n return (\n \n
\n {t('error.validateSourceDocumentSectionError')}\n
\n
\n
\n {t('error.validateOtherSectionError')}\n
\n
\n
\n {t('label.validationSuccessful')}\n
\n
{t('label.submitMovement')}
\n
\n {pageContent.sourceDocumentSection()}\n {pageContent.departureLocationSection()}\n {pageContent.transportSection()}\n {sourceDocument.permitMove ? null : pageContent.arrivalLocationSection()}\n {pageContent.exemptionsSection()}\n {pageContent.animalBatchSection()}\n {pageContent.individualAnimalsSection()}\n {pageContent.userNotesSection()}\n\n
\n \n {t('label.animalTotal')} {String(batchList.reduce((total, item) => total + parseInt(item.animalTotal), 0) + animalDetails?.length)} \n
\n
\n {validationState === 1 && pageContent.pendingDisplay()}\n {validationState === 2 && pageContent.resultsDisplay()}\n
\n
\n \n
\n
\n submit(postType)}\n />\n
\n
\n {sourceDocument.paperId &&\n setUndoStatus(true)}\n />\n }\n\n {\n e.preventDefault();\n resetPage(true);\n }}\n />\n
\n
\n
\n
\n\n
\n \n {pathname === Routing.boSearchMovementsByDateAndCph ? render.table() : ''}\n
\n \n {pathname === Routing.boSearchMovementsByMovementReference ? render.table() : ''}\n
\n \n {pathname === Routing.boSearchMovementsByPaperId ? render.table() : ''}\n
\n \n
\n
\n\n
0}\n setData={setData}\n setEventType={setEventType}\n setModal={setModal}\n setRenderTable={setRenderTable}\n store={{\n filters: 'UserActivity',\n data: 'UserActivity'\n }}\n />\n \n
\n
\n \n {t('vetContent.attestationDecRecord')}
\n \n \n \n
\n
{t('vetContent.visitDate')}
\n
{helpers.date.format(filterData[0]?.startDate)}
\n
\n {vetAttestationNumber &&\n
\n
{t('vetContent.vetAttestationNumber')}
\n
{vetAttestationNumber ? vetAttestationNumber : '-'}
\n
\n }\n
\n
{t('label.holdingName')}
\n
{holdingBOResult.propertyName ? holdingBOResult.propertyName : '-'}
\n
\n
\n
{t('label.holdingAddress')}
\n
\n
\n
\n
{t('label.cphNumber')}
\n
{filterData[0]?.holding}
\n
\n
\n
{t('vetContent.vetClaims.veterinarianName')}
\n
{filterData[0]?.vetName}
\n
\n
\n
{t('vetContent.vetClaims.practiceName')}
\n
{filterData[0]?.vetEmployer}
\n
\n
\n
{t('vetContent.vetClaims.practiceAddress')}
\n
{filterData[0]?.vetEmploymentAddress}
\n
\n
\n
{t('vetContent.vetClaims.rcvsNumber')}
\n
{filterData[0]?.vetRCVS}
\n
\n
\n
{t('vetContent.vetDeclaration.title')}
\n
{t('vetContent.vetDeclaration.content1')}
\n
{helpers.date.format(filterData[0]?.startDate)}
\n
\n {t('vetContent.vetDeclaration.content2-part-1')}\n Ⅰ \n {t('vetContent.vetDeclaration.content2-part-2')}\n
\n
{filterData[0]?.vetName}
\n
\n
\n {messages.map((message, index) => (\n - {t(message)}
\n ))}\n
\n \n }\n \n );\n};\n\nMessageBanner.propTypes = {\n id: PropTypes.string.isRequired,\n isWarning: PropTypes.bool,\n messages: PropTypes.array\n};\n\nexport default MessageBanner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport constants from 'services/constants';\nimport classes from 'backOfficeComponents/sections/verifyCustomerSearch/verifyCustomerSearch.module.scss';\nimport Button from 'backOfficeComponents/base/button/button';\nimport CPHField from 'components/base/cphField/cphField';\nimport FieldEntry from 'backOfficeComponents/base/fieldEntry/fieldEntry';\nimport MessageBanner from 'backOfficeComponents/base/messageBanner/messageBanner';\nimport SectionTitleBar from 'backOfficeComponents/base/sectionTitleBar/sectionTitleBar';\n\nconst VerifyCustomerSearch = ({\n data,\n enabledSearch,\n error,\n onClear,\n onSearch,\n pending,\n setData\n}) => {\n return (\n \n
\n {error &&\n
\n }\n
\n
\n setData({\n target: {\n name: 'holdingCPH',\n type: 'string',\n value\n }\n })}\n />\n\n \n\n \n\n \n\n \n
\n
\n \n\n \n\n \n
\n
\n\n
\n
\n
\n {searchPending &&\n
{t('boApp.label.searching')}\n }\n {!searchPending && data?.length === 0 &&\n
{t('boApp.label.noResults')}\n }\n\n {data?.length > 0 &&\n
Routing.boEditCustomer,\n state: (row) => ({\n data: row\n })\n }}\n setData={setData}\n setModal={setModal}\n />\n }\n \n
{t(label)}
\n
\n
\n {label1 &&
}\n {info1 &&
}\n {!isManual &&\n
\n }\n
\n\n {label2 && info2 &&\n
\n {label2 &&
}\n {info2 &&
}\n {!isPermitMove &&\n
\n }\n
\n }\n\n {label3 && info3 &&\n
\n {label3 &&
}\n {info3 &&
}\n {!isPermitMove && !destinationHolding && !info3isComment &&\n
\n }\n
\n }\n
\n\n {onClick &&\n
\n \n
\n }\n
\n
{t(label)}
\n
\n
\n \n {helpers.date.format(departureDate)}\n
\n\n {(arrivalDate || confirmMode) &&\n
\n \n {confirmMode &&\n handleChanges.arrivalDate(event.target.value)}\n setError={setArrivalDateError}\n value={arrivalDate ? helpers.date.formatYYYYMMDD(arrivalDate) : ''}\n yearLength={2}\n />\n }\n {!confirmMode && arrivalDate && helpers.date.format(arrivalDate)}\n
\n }\n
\n {onClick &&\n
\n \n
\n }\n
{o.label}
\n ))}\n )\n }\n {(!helpers.option.movement.isExempt(data.exempt) && t('radioButtons.movementExemption.response'))}\n \n );\n }\n return (\n t('movements.noExemptions')\n );\n };\n\n return (\n <>\n {ready &&\n \n
{t(label)}
\n
{displayExemption()}
\n\n {onClick &&\n
\n \n
\n }\n
\n {fciData.unfitAnimals &&\n
\n {fciData.unfitAnimals.length} {t('label.of')}{' '}\n {numberBeingMoved} {t('label.animals')}\n
\n }\n {fciData.withdrawalPeriod &&\n <>\n
{t('label.withdrawalPeriod')}\n
{fciData.withdrawalPeriod.name}
\n \n }\n {fciData.nonComplianceReason &&\n <>\n
{t('label.reason')}\n
{fciData?.nonComplianceReason ? he.decode(fciData.nonComplianceReason) : ''}
\n \n }\n {fciData.holdingRestrictions &&\n <>\n
{t('label.holdingRestrictions')}\n
{fciData?.holdingRestrictions ? he.decode(fciData.holdingRestrictions) : ''}
\n \n }\n
\n
\n {(!fciData || !helpers.option.fci.doRecord(fciData.recordFCI)) &&\n \n }\n {fciData && helpers.option.fci.doRecord(fciData.recordFCI) && (helpers.option.animals.doSatisfy(fciData.animalsSatisfy) || !animalsData?.animalsBeingMoved) &&\n \n }\n {fciData && helpers.option.fci.doRecord(fciData.recordFCI) && !helpers.option.animals.doSatisfy(fciData.animalsSatisfy) && animalsData?.animalsBeingMoved &&\n \n }\n
\n {onClick &&\n
\n \n
\n }\n
\n {t('movements.transport-information.noInformationRecorded')}\n
\n }\n\n {transportInformation && transportInformation.recordTransportInformation && (transportInformation.recordTransportInformation !== constants.option.recordTransportInformation.no) &&\n <>\n \n
\n {t('movements.transport-information.transport-details.radios-title')}\n
\n
\n {t(transportedByLabel)}\n {transportInformation.vehicleRegistrationNumber &&\n <>\n {transportedByLabel ? ' - ' : null}{transportInformation.vehicleRegistrationNumber}\n \n }\n
\n
\n
{t('movements.transport-information.transport-details.contactTelephoneNumber')}
\n
{transportInformation.contactPhone}
\n
\n
{t('movements.transport-information.transport-details.durationOfJourney')}
\n
\n {transportInformation.durationOfJourney.days === 1 &&\n <>\n {transportInformation.durationOfJourney.days}{' '}\n {t('label.day_lower')}{' '}\n \n }\n {transportInformation.durationOfJourney.days > 1 &&\n <>\n {transportInformation.durationOfJourney.days}{' '}\n {t('label.days_lower')}{' '}\n \n }\n {transportInformation.durationOfJourney.hours ? transportInformation.durationOfJourney.hours : 0}{' '}\n {t('movements.transport-information.transport-details.hours').toLowerCase()}{' '}\n\n {transportInformation.durationOfJourney.minutes ? transportInformation.durationOfJourney.minutes : 0}{' '}\n {t('movements.transport-information.transport-details.minutes').toLowerCase()}\n
\n
\n
\n {title}\n
\n {newList.map((status, index) => (\n
\n {status.code + ' - ' + helpers.error.mapping(status.message)}\n
\n ))}\n
\n
\n\n {movementReferences?.map((movementReference, key) => (\n movementReference.value &&\n
\n
{t(movementReference.label)}
\n
{movementReference.value}
\n
\n ))\n }\n\n {(arrivalDate || (data.movementDocument?.departureDetail?.departureDateTime)) &&\n
\n }\n\n {isPermitMovement\n ?
\n :
\n }\n\n {processingFlags && processingFlags.exemptions && processingFlags.exemptions?.length > 0 &&\n <>\n
\n\n
\n \n }\n\n
\n\n
\n\n
\n
\n\n
\n
\n\n {(viewErrors?.length > 0 || viewWarnings?.length > 0) &&\n <>\n
\n {viewErrors?.length > 0 && displayErrorOrWarnings(t('boApp.sectionTitles.errors'), viewErrors, viewWarnings?.length === 0)}\n {viewWarnings?.length > 0 && displayErrorOrWarnings(t('boApp.sectionTitles.warnings'), viewWarnings, false)}\n \n }\n\n {!isEmpty(data) &&\n
\n
\n {!confirmMode &&\n <>\n {(\n (\n crossBorderMove &&\n !isCancelledMove\n ) ||\n (\n !isPermitMovement &&\n !crossBorderMove &&\n !isMovementHandshake &&\n !moreThan1Record &&\n !isCancelledMove &&\n !isReviewedAndRejected &&\n !isInBusinessMovement &&\n !isCPHUnknown &&\n !(isCrossBorderMove && isReportEnglish)\n )\n ) &&\n buttons.confirmButton()\n }\n {isMovementHandshake && !crossBorderMove && !isCancelledMove && buttons.undoButton()}\n\n {isReviewedAndRejected && buttons.undoReviewButton()}\n\n {(\n (\n (isPermitMovement || isInBusinessMovement) &&\n !isCancelledMove\n ) ||\n (\n !crossBorderMove &&\n !isMovementHandshake &&\n !moreThan1Record &&\n !isCancelledMove\n ) ||\n (\n !isPermitMovement &&\n !crossBorderMove &&\n !isMovementHandshake &&\n !moreThan1Record &&\n !isCancelledMove &&\n !isReviewedAndRejected &&\n !isInBusinessMovement &&\n showAmendButton\n )\n ) &&\n !isXBReportMove &&\n !isReviewedAndRejected &&\n buttons.amendButton()\n }\n \n }\n
\n\n
\n {confirmMode\n ? <>\n {buttons.confirmButtonWithChecked()}\n {buttons.cancelButton()}\n \n : <>\n {(isPermitMovement || isInBusinessMovement) && !isCancelledMove && !isXBReportMove && buttons.deleteButton()}\n {crossBorderMove && !isCancelledMove && buttons.rejectButton()}\n {!isPermitMovement && !crossBorderMove && !isMovementHandshake && !moreThan1Record && !isCancelledMove && !isReviewedAndRejected && !isInBusinessMovement && !isXBReportMove && buttons.deleteButton()}\n {buttons.backSearchButton()}\n \n }\n
\n
\n }\n
\n {(data.isFullUndone || !requestHasData()) &&\n <>\n {data.isFullUndone &&\n
\n
{t('label.isUndone')}
\n
{t('label.yes')}
\n
\n }\n\n {data.requestDate && !requestHasData() &&\n
\n
{t('label.reportedDate')}
\n
{helpers.date.format(data.requestDate)}
\n
\n }\n\n {data.userName && !requestHasData() &&\n
\n
{t('label.username')}
\n
{data.userName}
\n
\n }\n\n {data.undoRequestId &&\n
\n
{data.errors.length === 0 ? t('label.undoneRequestId') : t('label.unsuccessfulUndoRequestId')}
\n
\n navigateToReqId(data.undoRequestId)}\n />\n
\n
\n }\n \n }\n\n {requestHasData() &&\n <>\n {isMovement &&\n <>\n {(!sourceHolding || !destinationHolding || !departureDate) &&\n
{t('label.originalPaperMovementDeleted')}
\n }\n\n
\n\n {data.requestDate &&\n
\n
{t('label.reportedDate')}
\n
{helpers.date.format(data.requestDate)}
\n
\n }\n\n {data.userName &&\n
\n
{t('label.username')}
\n
{data.userName}
\n
\n }\n\n {data.receivedDate && !helpers.option.requestType.isMovementHandshake(data.requestTypeId) &&\n
\n
{t('label.documentReceivedByBackOffice')}
\n
{helpers.date.format(data.receivedDate)}
\n
\n }\n\n {dataContent.movementDocument?.movementDocumentRef &&\n
\n
{t('label.movementRef')}
\n
{dataContent.movementDocument.movementDocumentRef}
\n
\n }\n\n {dataContent.movementReferenceUndone &&\n
\n
{t('label.originalMovementReference')}
\n
{dataContent.movementReferenceUndone}
\n
\n }\n\n {dataContent.movementReferenceCorrected &&\n
\n
{t('label.movementRefNew')}
\n
{dataContent.movementReferenceCorrected}
\n
\n }\n\n {(departureDate || arrivalDate) &&\n
\n }\n\n {(sourceHolding || destinationHolding) &&\n
\n }\n\n {!helpers.option.requestType.isMovementHandshake(data.requestTypeId) &&\n <>\n
\n
0 ? constants.option.exemption.yes : constants.option.exemption.no,\n exemptions: processingFlags\n }}\n label=\"movementDetails.searchResults.typeExemptions\"\n />\n \n }\n\n {(dataContent.movementGroups?.[0]?.batches || dataContent.movementGroups?.[0]?.devices || dataContent.reviewMovement.acceptedBatches || dataContent.reviewMovement.acceptedDevices) &&\n <>\n \n \n \n }\n\n {helpers.option.requestType.isMovementHandshake(data.requestTypeId) &&\n (dataContent.reviewMovement?.rejectedBatches || dataContent.reviewMovement?.rejectedDevices) &&\n \n }\n\n {!helpers.option.requestType.isMovementHandshake(data.requestTypeId) &&\n <>\n \n \n \n }\n\n {dataContent.movementDocument?.transportDetail &&\n <>\n \n \n \n }\n \n }\n\n {(\n helpers.option.requestType.isTagApplication(data.requestTypeId) ||\n helpers.option.requestType.isTagReplacement(data.requestTypeId) ||\n helpers.option.requestType.isBirth(data.requestTypeId) ||\n helpers.option.requestType.isDeath(data.requestTypeId) ||\n helpers.option.requestType.isAnimalsAdded(data.requestTypeId)\n ) &&\n <>\n \n\n {data.requestDate &&\n \n
{t('label.reportedDate')}
\n
{helpers.date.format(data.requestDate)}
\n
\n
{t('label.username')}
\n
{data.userName}
\n
\n
{t('label.carcassLocation')}
\n
{dataContent.approvedDisposalRoute}
\n
\n
{t('label.comment')}
\n
{dataContent.comment}
\n
\n
{extraData.dob.toString().length === 4 ? t('label.yearOfBirth') : t('recentDetails.dateOfBirth')}
\n
{extraData.dob}
\n
\n
{t('recentDetails.breed')}
\n
{extraData.breed}
\n
\n
{t('recentDetails.gender')}
\n
{t('recentDetails.' + extraData.gender)}
\n
\n
{t('recentDetails.genotype')}
\n
{extraData?.genotype ? he.decode(extraData.genotype) : ''}
\n
\n
{t(helpers.option.requestType.isAnnualInventoryDelete(data.requestTypeId) || helpers.option.requestType.isHoldingProductionTypeDelete(data.requestTypeId) ? 'label.dateDeleted' : 'label.reportedDate')}
\n
{helpers.date.format(data.requestDate)}
\n
\n
{t('label.username')}
\n
{data.userName}
\n
0 ? classes.marginBottom : null].join(' ').trim()}>\n
{t('label.errors')}
\n {helpers.error.consolidate(data.errors).map((itemValue, itemKey) => (\n
{itemValue.code + ' - ' + itemValue.message}
)\n )}\n
\n
{t('label.warnings')}
\n {helpers.error.consolidate(data.warnings).map((itemValue, itemKey) => (\n
{itemValue.code + ' - ' + itemValue.message}
)\n )}\n
\n
\n
\n history.push(Routing.boSearchRequestId)}\n />\n
\n
Connection OK
\n }\n {connectionOK === false &&\n Connection OK - 401 Unauthorised
\n }\n \n );\n};\nexport default ConnectionCheck;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { isCancel } from 'services/bff';\nimport classes from 'components/addBatch/addBatch.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport Button from 'components/base/button/button';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport Hint from 'components/base/hint/hint';\nimport Legend from 'components/base/legend/legend';\nimport NumberEntry from 'components/base/numberEntry/numberEntry';\nimport TextEntry from 'components/base/textEntry/textEntry';\n\nconst AddBatch = ({\n animalTotalLabel,\n batchHeader,\n batchList,\n batchNumberOptional,\n buttonLabel,\n isTagReplacement,\n pending,\n resetForm,\n setBatchTotal,\n setModal,\n setPending,\n species,\n updateBatchList\n}) => {\n const { ready, t } = useTranslation();\n\n const speciesLabel = t('label.batchNumber' + species.id);\n const replacementErrorLabel = 'movements.animal-selection.batch.warning-desc' + species.id;\n const batchOptionalLabel = 'label.batchOptional' + species.id;\n\n const [totalAnimalsError, setTotalAnimalsError] = useState('');\n const [batch, setBatch] = useState({\n batchNumber: '',\n animalTotal: ''\n });\n\n const validate = {\n totalAnimals: (input) => {\n const regex = /^[0-9]*$/;\n\n if (!regex.test(input)) {\n setTotalAnimalsError('movements.animal-selection.batch.input-field-two-error1');\n return false;\n }\n\n if (parseInt(input) > config.MAX_TOTAL_ANIMAL_RANGE) {\n setTotalAnimalsError('movements.animal-selection.batch.input-field-two-error2');\n return false;\n }\n\n return true;\n }\n };\n\n const handleChanges = {\n batchNumber: (input) => {\n setBatch({\n ...batch,\n batchNumber: input.trim()\n });\n },\n\n totalAnimals: (input) => {\n if (validate.totalAnimals(input)) {\n setTotalAnimalsError('');\n setBatch({\n ...batch,\n animalTotal: parseInt(input)\n });\n }\n }\n };\n\n const submitBatch = () => {\n if (batch.batchNumber) {\n setPending(true);\n\n helpers.validate.tagNumbers(species.name, [batch.batchNumber.trim()])\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal, setPending)) {\n const validatedBatchNumber = res.data.batchNumbers.find((item) => item.originalBatchNumber === batch.batchNumber.trim());\n\n setPending(false);\n\n updateBatchList([\n ...batchList,\n {\n animalTotal: batch.animalTotal,\n batchNumber: validatedBatchNumber.formattedBatchNumber ? validatedBatchNumber.formattedBatchNumber : validatedBatchNumber.originalBatchNumber,\n valid: validatedBatchNumber.state\n }\n ]);\n\n setBatch({\n batchNumber: '',\n animalTotal: ''\n });\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n setPending(false);\n errors.BFF(error, setModal);\n }\n });\n } else {\n updateBatchList([\n ...batchList,\n {\n animalTotal: batch.animalTotal,\n batchNumber: '',\n valid: constants.tag.valid\n }\n ]);\n\n setBatch({\n batchNumber: '',\n animalTotal: ''\n });\n }\n };\n\n const isDisabled = () => {\n if (batchNumberOptional) {\n return (\n !batch.animalTotal ||\n totalAnimalsError ||\n pending\n );\n }\n\n return (\n !batch.batchNumber ||\n !batch.animalTotal ||\n totalAnimalsError ||\n pending\n );\n };\n\n useEffect(() => {\n let totalNumberOfAnimals = 0;\n batchList.forEach((batch) => {\n if (batch.animalTotal) {\n totalNumberOfAnimals += parseInt(batch.animalTotal);\n }\n });\n\n // Not all calls to this component pass down a setBatchTotal prop so checking it exists before calling it\n if (typeof setBatchTotal === 'function') {\n setBatchTotal(totalNumberOfAnimals);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [setBatchTotal, batchList]);\n\n useEffect(() => {\n setBatch({\n batchNumber: '',\n animalTotal: ''\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [resetForm]);\n\n return (\n <>\n {ready &&\n \n }\n \n );\n};\n\nAddBatch.propTypes = {\n animalTotalLabel: PropTypes.string,\n batchHeader: PropTypes.string,\n batchList: PropTypes.array,\n batchNumberOptional: PropTypes.bool,\n buttonLabel: PropTypes.string,\n isTagReplacement: PropTypes.func,\n pending: PropTypes.bool,\n resetForm: PropTypes.bool,\n setBatchTotal: PropTypes.func,\n setModal: PropTypes.func.isRequired,\n setPending: PropTypes.func,\n species: PropTypes.object,\n updateBatchList: PropTypes.func\n};\n\nexport default AddBatch;\n","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { isCancel } from 'services/bff';\nimport PropTypes from 'prop-types';\nimport classes from 'components/manualTagEntry/manualTagEntry.module.scss';\nimport config from 'config';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport Button from 'components/base/button/button';\nimport Legend from 'components/base/legend/legend';\nimport TextEntry from 'components/base/textEntry/textEntry';\n\nconst ManualTagEntry = ({\n addAnimals,\n addDisabled,\n animalsToChange,\n breed,\n description,\n dob,\n genderName,\n id,\n notes,\n pending,\n resetForm,\n setModal,\n setPending,\n species,\n title,\n tooltip,\n type\n}) => {\n const { ready, t } = useTranslation();\n\n const [textFieldTags, setTextFieldTags] = useState('');\n\n const submitManual = () => {\n setPending(true);\n\n helpers.validate.tagNumbers(species.name, [], [...new Set(textFieldTags.trim().replace(/\\s\\s+/g, ' ').split(/[\\n,]+/))])\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal, setPending)) {\n setTextFieldTags('');\n setPending(false);\n\n const newTags = [];\n\n res.data.tagNumbers.forEach((tag) => {\n const newTagNumber = tag.formattedDevice.tagNumber ? tag.formattedDevice.tagNumber : tag.originalIdentifier;\n\n if (!animalsToChange.find((animal) => animal.tagNumber === newTagNumber)) {\n if (type === constants.option.movement.newMovement && (!animalsToChange || animalsToChange.length === 0 || !animalsToChange.some((animal) => animal.tagNumber === newTagNumber))) {\n newTags.push({\n tagNumber: newTagNumber,\n animalTotal: 1,\n available: true,\n valid: tag.state,\n breedId: breed,\n genderName,\n dob\n });\n } else if (type === constants.option.movement.reviewMovement) {\n newTags.push({\n beginBirthPeriod: null,\n breed: null,\n endBirthPeriod: null,\n freezeBrand: null,\n rfid: null,\n animalTotal: 1,\n tagNumber: newTagNumber,\n valid: tag.state\n });\n }\n }\n });\n\n addAnimals(newTags);\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n setPending(false);\n errors.BFF(error, setModal);\n }\n });\n };\n\n useEffect(() => {\n setTextFieldTags('');\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [resetForm]);\n\n return (\n <>\n {ready &&\n \n }\n \n );\n};\n\nManualTagEntry.propTypes = {\n addAnimals: PropTypes.func,\n addDisabled: PropTypes.bool,\n animalsToChange: PropTypes.array,\n breed: PropTypes.string,\n description: PropTypes.string,\n dob: PropTypes.string,\n genderName: PropTypes.string,\n id: PropTypes.string,\n notes: PropTypes.string,\n pending: PropTypes.bool,\n resetForm: PropTypes.bool,\n setModal: PropTypes.func.isRequired,\n setPending: PropTypes.func,\n species: PropTypes.object,\n title: PropTypes.string,\n tooltip: PropTypes.string,\n type: PropTypes.string\n};\n\nexport default ManualTagEntry;\n","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport breedsHelper from 'services/breedsHelper';\nimport constants from 'services/constants';\nimport helpers from 'services/helpers';\nimport PropTypes from 'prop-types';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\nimport { tableColumns, initialSorting } from 'services/tableColumns';\nimport AboutPanel from 'components/base/aboutPanel/aboutPanel';\nimport AddBatch from 'components/addBatch/addBatch';\nimport Button from 'components/base/button/button';\nimport CheckBox from 'components/base/checkbox/checkbox';\nimport DropdownBreeds from 'components/dropdownBreeds/dropdownBreeds';\nimport DropdownDamIds from 'components/dropdownDamIds/dropdownDamIds';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport InputDate from 'components/base/inputDate/inputDate';\nimport ManualTagEntry from 'components/manualTagEntry/manualTagEntry';\nimport RadioButtons from 'components/base/radioButtons/radioButtons';\nimport Table from 'components/table/table';\nconst sprintf = require('util').format;\n\nconst DeathsStep1 = ({\n setDataChanged,\n setDeathData,\n setModal\n}) => {\n const { ready, t } = useTranslation();\n const history = useHistory();\n\n const sessionSpecies = storeService.session.get.species();\n const speciesId = sessionSpecies ? sessionSpecies.id : '';\n const sessionHolding = storeService.session.get.holding();\n const cph = sessionHolding ? sessionHolding.value : '';\n const isCattle = helpers.species.isCattleId(speciesId);\n\n const desc2Label = helpers.species.idToName(speciesId) === 'Sheep' || helpers.species.idToName(speciesId) === 'Goats'\n ? 'about.deaths.desc2-' + speciesId\n : sprintf(t('about.deaths.desc2-3'), helpers.species.idToName(speciesId));\n\n const [animalsOnHolding, setAnimalsOnHolding] = React.useState([]);\n const [animalsBeingMoved, setAnimalsBeingMoved] = React.useState([]);\n const [identificationType, setIdentificationType] = React.useState(isCattle ? constants.option.identification.breedingTags : null);\n const [selectionType, setSelectionType] = React.useState(null);\n const [deathDate, setDeathDate] = React.useState(null);\n const [deathDateError, setDeathDateError] = React.useState('');\n const [deathDateWarning, setDeathDateWarning] = React.useState('');\n\n const [birthDate, setBirthDate] = React.useState(null);\n const [birthDateError, setBirthDateError] = React.useState('');\n const [birthDateWarning, setBirthDateWarning] = React.useState('');\n\n const [pending, setPending] = React.useState(false);\n const [batchList, setBatchList] = React.useState([]);\n const [batchTotal, setBatchTotal] = React.useState(0);\n const [calfDiedBeforeTagging, setCalfDiedBeforeTagging] = React.useState(false);\n const [birthDamId, setBirthDamId] = useState(null);\n const [breedId, setBreedId] = useState(null);\n const [breedName, setBreedName] = useState(null);\n const [birthDamIdError] = useState('');\n const [disableCalfBefore, setDisableClfBefore] = React.useState(false);\n const [submitDisabled, setSubmitDisabled] = useState(true);\n const [renderTable, setRenderTable] = useState();\n const [refreshFilters, setRefreshFilters] = useState({});\n const [paginationParams, setPaginationParams] = useState({\n batch: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n totalLabel: 'label.totalBatches'\n }\n },\n individual: constants.pagination.defaultParams\n });\n\n const handleChanges = {\n addAnimals: (tags) => {\n const uniqueNewTags = tags.filter((tag) => !animalsBeingMoved.find((tagItem) => tagItem.tagNumber === tag.tagNumber));\n const animalsBeingMovedCopy = [\n ...animalsBeingMoved,\n ...uniqueNewTags\n ].map((item) => ({\n ...item,\n tagNumber: item.tagNumber\n }));\n\n setDeathData((prevState) => ({\n ...prevState,\n animalsBeingMoved: animalsBeingMovedCopy\n }));\n setAnimalsBeingMoved(animalsBeingMovedCopy);\n storeService.session.set.deathAnimalsBeingMoved(animalsBeingMovedCopy);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n addAnimalsAll: (rows) => {\n setDeathData((prevState) => {\n const newAnimalsBeingMoved = [\n ...(prevState.animalsBeingMoved ? prevState.animalsBeingMoved : []),\n ...rows.filter((item) => !item.added)\n ];\n\n return {\n ...prevState,\n animalsBeingMoved: newAnimalsBeingMoved\n };\n });\n\n setAnimalsBeingMoved((prevState) => {\n const newAnimalsBeingMoved = [\n ...prevState,\n ...rows.filter((item) => !item.added)\n ];\n\n storeService.session.set.deathAnimalsBeingMoved(newAnimalsBeingMoved);\n\n return newAnimalsBeingMoved;\n });\n\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n batchList: (batchList) => {\n setDeathData((prevState) => ({\n ...prevState,\n batchList\n }));\n setBatchList(batchList);\n storeService.session.set.deathBatchList(batchList);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n birthDamId: (event) => {\n setDeathData((prevState) => ({\n ...prevState,\n birthDamId: event.target.value\n }));\n setBirthDamId(event.target.value);\n storeService.session.set.deathBirthDamId(event.target.value);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n breed: (event) => {\n const breedId = event.target.value;\n const breedName = breedsHelper.getBreedName(breedId);\n\n setDeathData((prevState) => ({\n ...prevState,\n breed: {\n id: breedId,\n name: breedName\n }\n }));\n setBreedId(breedId);\n setBreedName(breedName);\n storeService.session.set.deathBreed({\n id: breedId,\n name: breedName\n });\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n calfDiedBeforeTagging: () => {\n if (calfDiedBeforeTagging) {\n storeService.session.remove.deathDiedBeforeTagging();\n storeService.session.remove.deathBirthDate();\n storeService.session.remove.deathBirthDamId();\n storeService.session.remove.deathBreed();\n } else {\n storeService.session.set.deathDiedBeforeTagging(true);\n }\n\n setDeathData((prevState) => ({\n ...prevState,\n diedBeforeTagging: !calfDiedBeforeTagging\n }));\n setCalfDiedBeforeTagging(!calfDiedBeforeTagging);\n setBirthDate(null);\n setBirthDamId(null);\n setBreedId(null);\n setAnimalsOnHolding(animalsBeingMoved);\n setAnimalsBeingMoved([]);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n date: (date, whichDate) => {\n if (helpers.dateType.isDeath(whichDate)) {\n setDeathData((prevState) => ({\n ...prevState,\n deathDate: date\n }));\n setDeathDate(date);\n storeService.session.set.deathDate(date);\n validateDate(date, whichDate);\n storeService.session.set.dataChanged(true);\n\n setRefreshFilters({\n refresh: true,\n params: {\n date\n }\n });\n\n if (helpers.option.tagMethod.isSelectFromLists(selectionType)) {\n storeService.session.removeAll.searchResults();\n setAnimalsOnHolding([]);\n setRenderTable(true);\n }\n\n setDataChanged(true);\n } else if (helpers.dateType.isBirth(whichDate)) {\n setDeathData((prevState) => ({\n ...prevState,\n birthDate: date\n }));\n setBirthDate(date);\n storeService.session.set.deathBirthDate(date);\n validateDate(date, whichDate);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n }\n },\n\n identificationType: (event) => {\n setDeathData((prevState) => ({\n ...prevState,\n identificationType: event.target.value\n }));\n setAnimalsOnHolding([]);\n\n setIdentificationType(event.target.value);\n storeService.session.set.deathIdentificationType(event.target.value);\n\n setSelectionType(null);\n storeService.session.remove.deathSelectionType();\n\n storeService.session.removeAll.searchResults();\n storeService.session.removeAll.tableFilters();\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n removeAnimal: (animal) => {\n setDeathData((prevState) => {\n const newAnimalsBeingMoved = helpers.tag.remove(prevState.animalsBeingMoved, animal);\n\n return {\n ...prevState,\n animalsBeingMoved: newAnimalsBeingMoved\n };\n });\n\n setAnimalsBeingMoved((prevState) => {\n const newState = helpers.tag.remove(prevState, animal);\n\n if (newState?.length === 0) {\n storeService.session.remove.deathAnimalsBeingMoved();\n } else {\n storeService.session.set.deathAnimalsBeingMoved(newState);\n }\n\n return newState;\n });\n\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n removeAnimalsAll: () => {\n setDeathData((prevState) => ({\n ...prevState,\n animalsBeingMoved: []\n }));\n setAnimalsBeingMoved([]);\n storeService.session.remove.deathAnimalsBeingMoved();\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n removeAnimalsAllInvalid: () => {\n const newAnimalsBeingMoved = helpers.animal.removeAllInvalid(animalsBeingMoved);\n\n setDeathData((prevState) => ({\n ...prevState,\n animalsBeingMoved: newAnimalsBeingMoved\n }));\n setAnimalsBeingMoved(newAnimalsBeingMoved);\n storeService.session.set.deathAnimalsBeingMoved(newAnimalsBeingMoved);\n },\n\n removeBatch: (batch) => {\n setDeathData((prevState) => {\n const newBatchList = helpers.batch.remove(prevState.batchList, batch);\n\n return {\n ...prevState,\n batchList: newBatchList\n };\n });\n\n setBatchList((prevState) => {\n const newState = helpers.batch.remove(prevState, batch);\n\n if (newState?.length === 0) {\n storeService.session.remove.deathBatchList();\n } else {\n storeService.session.set.deathBatchList(newState);\n }\n\n return newState;\n });\n\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n selectionType: (event) => {\n setDeathData((prevState) => ({\n ...prevState,\n selectionType: event.target.value\n }));\n setAnimalsOnHolding([]);\n setSelectionType(event.target.value);\n storeService.session.set.deathSelectionType(event.target.value);\n storeService.session.removeAll.searchResults();\n storeService.session.removeAll.tableFilters();\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n },\n\n toggleAnimal: (animal) => {\n const newAnimal = {\n ...animal,\n animalTotal: 1,\n added: !animal.added\n };\n\n if (animal.tagNumber !== '') {\n if (animal.added) {\n setDeathData((prevState) => {\n const newAnimalsBeingMoved = helpers.tag.remove(prevState.animalsBeingMoved, animal);\n\n return {\n ...prevState,\n animalsBeingMoved: newAnimalsBeingMoved\n };\n });\n\n setAnimalsBeingMoved((prevState) => {\n const newState = helpers.tag.remove(prevState, animal);\n\n if (newState?.length === 0) {\n storeService.session.remove.deathAnimalsBeingMoved();\n } else {\n storeService.session.set.deathAnimalsBeingMoved(newState);\n }\n\n return newState;\n });\n } else {\n setDeathData((prevState) => ({\n ...prevState,\n animalsBeingMoved: prevState.animalsBeingMoved\n ? [\n ...prevState.animalsBeingMoved,\n newAnimal\n ]\n : [newAnimal]\n }));\n\n setAnimalsBeingMoved((prevState) => {\n storeService.session.set.deathAnimalsBeingMoved([\n ...prevState,\n newAnimal\n ]);\n\n return [\n ...prevState,\n newAnimal\n ];\n });\n }\n\n const sessionSearchResults = storeService.session.get.searchResultsAnimalsOnHolding();\n const sessionAnimalToToggle = sessionSearchResults.data.find((item) => item.tagNumber === animal.tagNumber);\n sessionAnimalToToggle.added = !sessionAnimalToToggle.added;\n storeService.session.set.searchResultsAnimalsOnHolding(sessionSearchResults);\n storeService.session.set.dataChanged(true);\n setDataChanged(true);\n }\n }\n };\n\n const getDates = {\n deathMax: () => {\n const today = new Date();\n\n return helpers.date.formatYYYYMMDD(today);\n },\n\n birthMax: () => {\n const today = new Date();\n\n if (deathDate) {\n return helpers.date.formatYYYYMMDD(\n helpers.date.momentToJSDate(\n helpers.date.momentMinDate(\n helpers.date.stringDateToMoment(deathDate),\n helpers.date.todayEndOfDay()\n )\n )\n );\n }\n\n return helpers.date.formatYYYYMMDD(today);\n }\n };\n\n const tableParams = {\n request: {\n url: '/animals',\n params: {\n speciesId: speciesId,\n cph,\n onHoldingDate: deathDate ? helpers.date.endOfDay(deathDate) : helpers.date.endOfDay(helpers.date.now())\n },\n processData: (data) => helpers.animal.addDobAndAgeForDisplay(data)\n }\n };\n\n const display = {\n birthDatePicker: () => {\n return (\n \n handleChanges.date(event.target.value, constants.dateTypes.birth)}\n setError={setBirthDateError}\n value={birthDate}\n warning={birthDateWarning}\n yearLength={4}\n />\n
\n );\n },\n\n calfDiedBeforeTaggingCheckbox: () => {\n return (\n \n \n
\n );\n },\n\n deathDatePicker: () => {\n return (\n \n handleChanges.date(event.target.value, constants.dateTypes.death)}\n setError={setDeathDateError}\n value={deathDate}\n warning={deathDateWarning}\n yearLength={4}\n />\n
\n );\n },\n\n deathDateStaticText: () => {\n return (\n \n \n {t('deaths.dateOfDeath') + ': '}\n \n {deathDate\n ? helpers.date.format(deathDate)\n : t('label.noDeathDateEntered')}\n
\n );\n },\n\n identificationTypeOption: () => {\n return (\n <>\n {t('deaths.select-animals-heading')}
\n\n \n \n
\n \n );\n },\n\n manualTags: () => {\n return (\n \n );\n },\n\n optionsForCattleDiedBeforeTagging: () => {\n return (\n <>\n \n \n \n
\n \n );\n },\n\n selectedBatches: () => {\n return (\n <>\n {batchList.length > 0 &&\n <>\n {batchList.some((batch) => helpers.batch.isInvalid(batch)) &&\n \n }\n\n ({\n ...item,\n batchNumber: item.batchNumber ? item.batchNumber : t('label.notSupplied')\n }))}\n dataProvided={true}\n initialSortBy={initialSorting.deathsMissingAndFound.batch.accessor}\n initialSortDirection={initialSorting.deathsMissingAndFound.batch.direction}\n paginationParams={paginationParams.batch}\n setData={setBatchList}\n setModal={setModal}\n title={{\n title: helpers.text.pluralCheck(batchList?.reduce((total, item) => total + parseInt(item.animalTotal), 0), 'table.title.batchesSelected'),\n data: [\n batchList?.reduce((total, item) => total + parseInt(item.animalTotal), 0)\n ]\n }}\n />\n \n }\n \n );\n },\n\n selectedIndividualAnimals: () => {\n return (\n <>\n {animalsBeingMoved?.length > 0 &&\n <>\n {helpers.tag.hasNonEidTagsSheep(speciesId, animalsBeingMoved) &&\n \n }\n\n {animalsBeingMoved.some((tag) => helpers.tag.isInvalid(tag)) &&\n \n }\n\n \n \n }\n \n );\n },\n\n selectFromHolding: () => {\n return (\n \n animalsBeingMoved.find((item2) => item2.tagNumber === item1.tagNumber)\n ? { ...item1, added: true }\n : { ...item1, added: false }\n )}\n filtersComponents={{\n [constants.filters.inside]: 'AnimalsOnHolding'\n }}\n initialSortBy={initialSorting.deathsMissingAndFound.individual.accessor}\n initialSortDirection={initialSorting.deathsMissingAndFound.individual.direction}\n params={tableParams}\n refreshFilters={refreshFilters}\n renderTable={renderTable}\n setData={setAnimalsOnHolding}\n setModal={setModal}\n store={{\n filters: 'AnimalsOnHolding',\n data: 'AnimalsOnHolding'\n }}\n title=\"label.animalsOnHolding\"\n />\n );\n },\n\n selectionType: () => {\n return (\n \n \n
\n );\n },\n\n slaughterTags: () => {\n return (\n \n );\n }\n };\n\n const submitStep = () => {\n if (isCattle && birthDamId !== '' && animalsBeingMoved?.length === 0) {\n storeService.session.set.deathAnimalsBeingMoved([{\n dob: birthDate,\n birthDamId,\n animalTotal: 1,\n batchNumber: null,\n breedName,\n genderName: null\n }]);\n }\n };\n\n const nextPage = () => {\n submitStep();\n history.push(Routing.deathsStep2);\n helpers.scrollToTop();\n };\n\n const validateDate = (date, whichDate) => {\n let hasError = false;\n\n setDeathDateError('');\n setDeathDateWarning('');\n setBirthDateError('');\n setBirthDateWarning('');\n\n if (helpers.dateType.isDeath(whichDate)) {\n const deathDateIsInTheFuture = helpers.date.is.inTheFuture(date, whichDate);\n const deathDateIsOverSevenDaysAgo = isCattle ? helpers.date.is.overSevenDaysAgo(date) : null;\n\n if (!hasError && deathDateIsInTheFuture) {\n setDeathDateError(deathDateIsInTheFuture);\n\n hasError = true;\n }\n\n if (!hasError && deathDateIsOverSevenDaysAgo) {\n setDeathDateWarning(deathDateIsOverSevenDaysAgo);\n }\n } else if (helpers.dateType.isBirth(whichDate)) {\n const birthDateIsInTheFuture = helpers.date.is.inTheFuture(date, whichDate);\n const birthDateIsOverSevenDaysAgo = isCattle ? helpers.date.is.overSevenDaysAgo(date) : null;\n const birthDateIsAfterDeathDate = helpers.date.is.afterDate(date, deathDate);\n\n if (!hasError && birthDateIsAfterDeathDate) {\n setBirthDateError('error.dateOfBirthAfterDateOfDeath');\n\n hasError = true;\n }\n\n if (!hasError && birthDateIsInTheFuture) {\n setBirthDateError(birthDateIsInTheFuture);\n\n hasError = true;\n }\n\n if (!hasError && birthDateIsOverSevenDaysAgo) {\n setBirthDateWarning(birthDateIsOverSevenDaysAgo);\n }\n }\n };\n\n useEffect(() => {\n const sessionDeathDate = storeService.session.get.deathDate();\n const sessionIdentificationType = storeService.session.get.deathIdentificationType();\n const sessionSelectionType = storeService.session.get.deathSelectionType();\n const sessionBatchList = storeService.session.get.deathBatchList();\n const sessionAnimalsBeingMoved = storeService.session.get.deathAnimalsBeingMoved();\n\n if (sessionDeathDate) {\n setDeathDate(sessionDeathDate);\n validateDate(sessionDeathDate, constants.dateTypes.death);\n }\n\n if (sessionIdentificationType) {\n setIdentificationType(sessionIdentificationType);\n }\n\n if (sessionSelectionType) {\n setSelectionType(sessionSelectionType);\n }\n\n if (sessionBatchList) {\n setBatchList(sessionBatchList);\n }\n\n if (sessionAnimalsBeingMoved) {\n setAnimalsBeingMoved(sessionAnimalsBeingMoved);\n }\n\n if (helpers.species.isCattleId(speciesId)) {\n const sessionCalfDiedBeforeTagging = storeService.session.get.deathDiedBeforeTagging();\n const sessionBirthDate = storeService.session.get.deathBirthDate();\n const sessionBirthDamId = storeService.session.get.deathBirthDamId();\n const sessionBreed = storeService.session.get.deathBreed();\n\n if (sessionCalfDiedBeforeTagging) {\n setCalfDiedBeforeTagging(true);\n }\n\n if (sessionBirthDate) {\n setBirthDate(sessionBirthDate);\n validateDate(sessionBirthDate, constants.dateTypes.birth);\n }\n\n if (sessionBirthDamId) {\n setBirthDamId(sessionBirthDamId);\n }\n\n if (sessionBreed) {\n setBreedId(sessionBreed.id);\n setBreedName(sessionBreed.name);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (deathDate && deathDateError === '') {\n setDisableClfBefore(false);\n } else {\n setDisableClfBefore(true);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [deathDate, deathDateError]);\n\n useEffect(() => {\n if (deathDate && birthDate) {\n if (helpers.date.is.afterDate(birthDate, deathDate)) {\n setBirthDateError('error.dateOfBirthAfterDateOfDeath');\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [deathDate, birthDate]);\n\n useEffect(() => {\n let disableFlag = false;\n\n if (pending) {\n disableFlag = true;\n } else if (batchList?.some((batch) => helpers.batch.isInvalid(batch)) || animalsBeingMoved?.some((tag) => helpers.tag.isInvalid(tag))) {\n disableFlag = true;\n } else if (!deathDate || deathDateError !== '') {\n disableFlag = true;\n } else if (calfDiedBeforeTagging) {\n if (!birthDate || birthDateError !== '') {\n disableFlag = true;\n } else if (helpers.date.is.afterDate(birthDate, deathDate) || birthDamId === null || breedId === null) {\n disableFlag = true;\n }\n } else if (animalsBeingMoved?.length === 0 && batchList?.length === 0) {\n disableFlag = true;\n }\n\n setSubmitDisabled(disableFlag);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pending, deathDate, deathDateError, birthDate, birthDateError, birthDamId, breedId, calfDiedBeforeTagging, animalsBeingMoved, batchList]);\n\n useEffect(() => {\n if (renderTable) {\n setRenderTable();\n }\n }, [renderTable]);\n\n useEffect(() => {\n if (refreshFilters.refresh) {\n setRefreshFilters({});\n }\n }, [refreshFilters]);\n\n useEffect(() => {\n setPaginationParams((prevState) => ({\n ...prevState,\n individual: {\n ...prevState.individual,\n [constants.pagination.bottom]: {\n ...prevState.individual[constants.pagination.bottom],\n total: animalsBeingMoved?.length\n }\n }\n }));\n }, [animalsBeingMoved]);\n\n useEffect(() => {\n setPaginationParams((prevState) => ({\n ...prevState,\n batch: {\n ...prevState.batch,\n [constants.pagination.bottom]: {\n ...prevState.batch[constants.pagination.bottom],\n total: batchList?.length\n }\n }\n }));\n }, [batchList]);\n\n return (\n <>\n {ready &&\n <>\n {t('deaths.date-and-animal-details')}
\n\n \n\n \n
\n {calfDiedBeforeTagging ? display.deathDateStaticText() : display.deathDatePicker()}\n {isCattle ? display.calfDiedBeforeTaggingCheckbox() : display.identificationTypeOption()}\n {calfDiedBeforeTagging && display.birthDatePicker()}\n {!calfDiedBeforeTagging && helpers.option.identificationType.isBreedingTags(identificationType) && display.selectionType()}\n {isCattle && calfDiedBeforeTagging && display.optionsForCattleDiedBeforeTagging()}\n
\n
\n
\n {helpers.option.identificationType.isBreedingTags(identificationType) &&\n <>\n {helpers.option.tagMethod.isSelectFromLists(selectionType) && display.selectFromHolding()}\n {helpers.option.tagMethod.isTagsManually(selectionType) && display.manualTags()}\n \n }\n {helpers.option.identificationType.isSlaughterTags(identificationType) && display.slaughterTags()}\n {display.selectedIndividualAnimals()}\n {display.selectedBatches()}\n
\n
\n \n
\n }\n \n );\n};\n\nconst OtherHoldingSelection = ({\n autoSelect,\n currentHolding,\n inBusinessMovement,\n isDeath,\n isGathering,\n movementType,\n otherHolding,\n setInBusinessMovement,\n setModal,\n setMovementType,\n setOtherHolding,\n setSubmitDisabled\n}) => {\n const { ready, t } = useTranslation();\n\n const sessionTabId = storeService.session.get.activeTabIdOtherHoldingSelection();\n const recentTabId = isDeath ? constants.tabs.recentLocations : constants.tabs.recentHoldings;\n const recentTabLabel = isDeath ? 'label.recentlyUsedLocations' : 'label.recentlyUsedHoldings';\n\n const [activeTabId, setActiveTabId] = React.useState(sessionTabId ? sessionTabId : constants.tabs.enterHolding);\n const [searchValue, setSearchValue] = React.useState('');\n const [buttonDisabled, setButtonDisabled] = React.useState(true);\n const [includesOwnHoldingsError, setIncludesOwnHoldingsError] = React.useState(true);\n const [sameHoldingError, setSameHoldingError] = React.useState(true);\n const [knowCPHNumber, setKnowCPHNumber] = React.useState(null);\n const [searchType, setSearchType] = React.useState(isDeath ? constants.option.knowCPHNumber.cph : null);\n const [searchNoResults, setSearchNoResults] = React.useState(false);\n const [searched, setSearched] = React.useState(false);\n\n const [cphNumber, setCphNumber] = React.useState('');\n const [cphNumberError, setCphNumberError] = React.useState('');\n const [fsaNumber, setFsaNumber] = React.useState('');\n const [holdingTypes, setHoldingTypes] = React.useState([]);\n const [holdingType, setHoldingType] = React.useState('');\n const [holdingName, setHoldingName] = React.useState('');\n const [holdingPostcode, setHoldingPostcode] = React.useState('');\n const [loadPending, setLoadPending] = React.useState(false);\n const [holdingTable, setHoldingTable] = React.useState([]);\n const [totalRecords, setTotalRecords] = React.useState(0);\n\n const recentlyUsedDeathHoldings = storeService.local.get.recentlyUsedDeathHoldings();\n const recentlyUsedDepartureHoldings = storeService.local.get.recentlyUsedDepartureHoldings();\n const recentlyUsedDestinationHoldings = storeService.local.get.recentlyUsedDestinationHoldings();\n const ownHoldings = storeService.session.get.holdings();\n const ownHoldingKeys = Object.keys(ownHoldings);\n const isAbattoir = helpers.userRole.isAbattoir(storeService.session.get.permissions());\n\n const clearAllInputs = () => {\n setSearchType(isDeath ? constants.option.knowCPHNumber.cph : null);\n setCphNumber('');\n setFsaNumber('');\n setHoldingType('');\n setHoldingName('');\n setHoldingPostcode('');\n setSameHoldingError(false);\n };\n\n const updateTab = (tabId) => {\n storeService.session.set.activeTabIdOtherHoldingSelection(tabId);\n setActiveTabId(tabId);\n clearAllInputs();\n setHoldingTable([]);\n setTotalRecords(0);\n };\n\n const recentHoldingPresent = (recentlyUsedHoldings, holding) => Boolean(recentlyUsedHoldings && recentlyUsedHoldings[holding]);\n\n const searchForHolding = (isGathering) => {\n setHoldingTable([]);\n setTotalRecords(0);\n setSameHoldingError(false);\n const holding = storeService.session.get.holding();\n if (holding?.value === cphNumber) {\n setSameHoldingError(true);\n return;\n }\n setIncludesOwnHoldingsError(false);\n let query = {};\n if (helpers.cph.knownCPH.isYes(knowCPHNumber)) {\n // validate the CPH or FSA search field\n if (cphNumber && helpers.validate.cphNumber(cphNumber)) {\n query.cph = cphNumber;\n } else if (fsaNumber && helpers.validate.fsaNumber(fsaNumber)) {\n query.fsa = fsaNumber;\n }\n } else if (cphNumber && helpers.validate.cphNumber(cphNumber)) {\n query.cph = cphNumber;\n } else {\n query = { holdingType, holdingName, holdingPostcode };\n }\n\n searchHelper.searchCPH(query, setSearched, setSearchNoResults)\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal)) {\n const searchByCPH = query.cph || query.fsa;\n\n const resData = searchByCPH ? res.data.data?.[0] : res.data.data;\n\n const buildHoldingItem = (holding) => ({\n cph: helpers.replaceNull(holding.id),\n keeperName: [holding.title, holding.firstName, holding.lastName].filter(Boolean).join(' '),\n holdingName: helpers.replaceNull(holding.propertyName),\n holdingAddress: [holding.address1, holding.address2, holding.town, holding.county, holding.postCode].filter(Boolean).join(', '),\n holdingAddressObject: {\n propertyName: holding.propertyName,\n address1: holding.address1,\n address2: holding.address2,\n town: holding.town,\n county: holding.county,\n postCode: holding.postCode\n },\n holdingPostcode: helpers.replaceNull(holding.postCode),\n holdingType: helpers.replaceNull(holding.holdingType.fullName)\n });\n\n if (isGathering && res.data.error === constants.error.addressMessage && searchByCPH) {\n if (helpers.cph.knownCPH.isCph(searchType) || helpers.cph.knownCPH.isFsa(searchType) || !searchType) {\n setOtherHolding({\n value: searchByCPH,\n address: { address1: t('label.cphNotFound') }\n });\n setSearchNoResults(false);\n }\n } else if (resData) {\n const holdingResult = searchByCPH ? [buildHoldingItem(resData)] : resData.map((holding) => buildHoldingItem(holding));\n\n setTotalRecords(res.data.count);\n\n const filteredResult = holdingResult.filter((holding) => holding.cph !== currentHolding.value);\n\n setHoldingTable(filteredResult);\n if (filteredResult?.length === 0) {\n if (searchByCPH) {\n setIncludesOwnHoldingsError(holdingResult?.length === 1);\n } else {\n setSearchNoResults(true);\n }\n }\n\n if ((autoSelect && helpers.cph.knownCPH.isYes(knowCPHNumber)) ||\n (filteredResult?.length === 0 && ownHoldings[filteredResult[0].cph])) {\n handleChanges.selectHolding(filteredResult[0], filteredResult);\n }\n } else {\n setSearchNoResults(true);\n }\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n setSearchNoResults(true);\n }\n });\n };\n\n const confirmSearchCorrect = (holding, isManual, allResults) => {\n const updateHolding = holding.value ? holding.value.trim() : null;\n\n if (updateHolding) {\n setOtherHolding(isManual ? { ...holding, isManual: true } : holding);\n\n if (isDeath && !recentHoldingPresent(recentlyUsedDeathHoldings, holding.value)) {\n storeService.local.set.recentlyUsedDeathHoldings({\n ...recentlyUsedDeathHoldings,\n [updateHolding]: {\n ...holding,\n address: allResults ? allResults.find((item) => item.cph === holding.value)?.holdingAddressObject : holdingTable.find((item) => item.cph === holding.value)?.holdingAddressObject,\n isManual\n }\n });\n if (setSubmitDisabled && typeof setSubmitDisabled === 'function') {\n setSubmitDisabled(false);\n }\n } else if (helpers.option.movement.isOn(movementType) && !recentHoldingPresent(recentlyUsedDepartureHoldings, holding.value)) {\n storeService.local.set.recentlyUsedDepartureHoldings({\n ...recentlyUsedDepartureHoldings,\n [updateHolding]: {\n ...holding,\n address: allResults ? allResults.find((item) => item.cph === holding.value)?.holdingAddressObject : holdingTable.find((item) => item.cph === holding.value)?.holdingAddressObject\n }\n });\n } else if (helpers.option.movement.isOff(movementType) && !recentHoldingPresent(recentlyUsedDestinationHoldings, holding.value)) {\n storeService.local.set.recentlyUsedDestinationHoldings({\n ...recentlyUsedDestinationHoldings,\n [updateHolding]: {\n ...holding,\n address: allResults ? allResults.find((item) => item.cph === holding.value)?.holdingAddressObject : holdingTable.find((item) => item.cph === holding.value)?.holdingAddressObject\n }\n });\n }\n\n setSearchValue('');\n updateTab(activeTabId);\n }\n };\n\n const handleChanges = {\n selectHolding: (row, allResults) => {\n const selectedCPH = row.cph;\n if (!inBusinessMovement && ownHoldings[selectedCPH] && setMovementType) {\n setInBusinessMovement(true);\n storeService.session.set.movementInBusiness(true);\n } else {\n setSearchValue(selectedCPH);\n confirmSearchCorrect({ value: selectedCPH }, false, allResults);\n }\n\n clearAllInputs();\n setOtherHolding({\n value: selectedCPH,\n address: row.holdingAddressObject\n });\n },\n\n updateCPHFSAFlag: (cphFsaFlag) => {\n setSameHoldingError(false);\n setKnowCPHNumber(cphFsaFlag);\n setIncludesOwnHoldingsError(false);\n\n if (helpers.cph.knownCPH.isNo(cphFsaFlag)) {\n setSearchType(null);\n setFsaNumber('');\n setCphNumber('');\n setButtonDisabled(true);\n } else if (helpers.cph.knownCPH.isYes(cphFsaFlag)) {\n setSearchType(null);\n setHoldingType('');\n setHoldingName('');\n setHoldingPostcode('');\n setButtonDisabled(true);\n }\n\n setHoldingTable([]);\n setTotalRecords(0);\n setSearched(false);\n },\n\n updateSearchType: (searchTypeFlag) => {\n setSameHoldingError(false);\n setIncludesOwnHoldingsError(false);\n setSearchType(searchTypeFlag);\n setSearched(false);\n setFsaNumber('');\n setCphNumber('');\n setButtonDisabled(true);\n },\n\n updateCphNumber: (cph) => {\n const status = helpers.validate.cphNumber(cph);\n setCphNumberError('');\n setSearchNoResults(false);\n setCphNumber(cph);\n setTotalRecords(0);\n setButtonDisabled(!status);\n },\n\n updateFsaNumber: (newFsaNumber) => {\n const status = helpers.validate.fsaNumber(newFsaNumber);\n setFsaNumber(newFsaNumber);\n setButtonDisabled(!status);\n },\n\n updateHoldingType: (newHoldingType) => {\n const status = holdingName?.length > 0 || holdingPostcode?.length >= 2;\n setHoldingType(newHoldingType);\n setButtonDisabled(!status);\n },\n\n updateHoldingName: (newHoldingName) => {\n const status = newHoldingName?.length > 0 || holdingPostcode?.length >= 2;\n setHoldingName(newHoldingName);\n setButtonDisabled(!status);\n },\n\n updateHoldingPostcode: (newHoldingPostcode) => {\n const status = holdingName?.length > 0 || newHoldingPostcode?.length >= 2;\n setHoldingPostcode(newHoldingPostcode);\n setButtonDisabled(!status);\n }\n };\n\n // const getClassNames = (holding) => {\n // const results = [classes.holdingListRow];\n // if (otherHolding && otherHolding.value === holding[1].value) {\n // results.push(classes.holdingListRowSelected);\n // }\n // return results.join(' ').trim();\n // };\n\n // const updateAddressInStore = (cph, address) => {\n // if (isDeath) {\n // recentlyUsedDeathHoldings[cph] = { value: cph, address };\n // storeService.local.set.recentlyUsedDeathHoldings(recentlyUsedDeathHoldings);\n // } else if (helpers.option.movement.isOn(movementType)) {\n // if (recentlyUsedDepartureHoldings) {\n // recentlyUsedDepartureHoldings[cph] = { value: cph, address };\n // storeService.local.set.recentlyUsedDepartureHoldings(recentlyUsedDepartureHoldings);\n // }\n // } else if (helpers.option.movement.isOff(movementType)) {\n // if (recentlyUsedDestinationHoldings) {\n // recentlyUsedDestinationHoldings[cph] = { value: cph, address };\n // storeService.local.set.recentlyUsedDestinationHoldings(recentlyUsedDestinationHoldings);\n // }\n // }\n // };\n\n // const getAddressFromStore = (cph) => {\n // if (isDeath) {\n // return recentlyUsedDeathHoldings[cph] ? recentlyUsedDeathHoldings[cph].address : null;\n // } else if (helpers.option.movement.isOn(movementType)) {\n // return recentlyUsedDepartureHoldings && recentlyUsedDepartureHoldings[cph] ? recentlyUsedDepartureHoldings[cph].address : null;\n // } else if (helpers.option.movement.isOff(movementType)) {\n // return recentlyUsedDestinationHoldings && recentlyUsedDestinationHoldings[cph] ? recentlyUsedDestinationHoldings[cph].address : null;\n // }\n // return null;\n // };\n\n const display = {\n searchByCphFsa: (isMovement) => {\n const viewType = (isMovement) ? searchType : constants.option.knowCPHNumber.cph;\n\n return (\n \n
\n {(\n helpers.cph.knownCPH.isCph(viewType) || isAbattoir\n ) &&\n
\n \n
\n }\n\n {helpers.cph.knownCPH.isFsa(viewType) &&\n
\n handleChanges.updateFsaNumber(event.target.value)}\n type=\"text\"\n value={fsaNumber}\n />\n
\n }\n\n {(\n viewType !== null || isAbattoir\n ) &&\n
\n searchForHolding(isGathering)}\n />\n
\n }\n
\n
\n {isMovement &&\n
\n handleChanges.updateHoldingType(event.target.value)}\n optional={true}\n optionList={holdingTypes}\n placeholder=\"prompt.pleaseSelect\"\n value={holdingType}\n />\n
\n }\n
\n handleChanges.updateHoldingName(event.target.value)}\n type=\"text\"\n value={holdingName}\n />\n
\n
\n handleChanges.updateHoldingPostcode(event.target.value)}\n tooltip=\"movements.destination.holding-postcode-hint\"\n type=\"text\"\n value={holdingPostcode}\n />\n
\n
\n searchForHolding(false)}\n />\n
\n
\n
\n
\n \n
\n
\n searchForHolding(isGathering)}\n />\n
\n
\n
\n {sameHoldingError &&\n \n }\n
\n
\n \n
\n }\n {holdingTable?.length > 0 &&\n \n }\n \n }\n \n );\n }\n };\n\n useEffect(() => {\n if (!loadPending) {\n const storeHoldingTypes = null;\n if (storeHoldingTypes?.length > 0) {\n setHoldingTypes(storeHoldingTypes);\n } else {\n helpers.get.holdingTypes(\n setModal,\n axios.CancelToken.source(),\n setLoadPending,\n setHoldingTypes\n );\n if (holdingTypes?.length > 0) {\n storeService.local.set.holdingTypesDropdown(holdingTypes);\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [holdingTypes]);\n\n useEffect(() => {\n const holding = storeService.session.get.holding();\n if (searchValue && holding?.value === searchValue) {\n setSameHoldingError(true);\n setIncludesOwnHoldingsError(false);\n setButtonDisabled(true);\n } else {\n setSameHoldingError(false);\n const isOwnHolding = searchValue && ownHoldingKeys.includes(searchValue);\n\n setIncludesOwnHoldingsError(!isDeath && isOwnHolding);\n setButtonDisabled(!searchValue || (!isDeath && isOwnHolding));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchValue]);\n\n useEffect(() => {\n setCphNumberError('');\n\n if (helpers.option.movement.isOff(movementType) && Object.keys(ownHoldings).find((holding) => holding === cphNumber && !holdingHelper.cph.isEnglish(holding))) {\n setCphNumberError('error.xBorderInBusinessOffMovement');\n setButtonDisabled(true);\n } else {\n const status = helpers.validate.cphNumber(cphNumber);\n setButtonDisabled(!status);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [movementType, cphNumber]);\n\n return (\n <>\n {ready &&\n <>\n {inBusinessMovement &&\n \n setOtherHolding({\n value: event.target.value.trim()\n })}\n />\n
\n }\n\n {!inBusinessMovement &&\n \n \n
\n handleChanges.updateCPHFSAFlag(event.target.value)}\n suppressHint={true}\n suppressLabel={false}\n value={knowCPHNumber}\n />\n
\n\n {helpers.cph.knownCPH.isYes(knowCPHNumber) &&\n <>\n {!isDeath && !isAbattoir &&\n
\n handleChanges.updateSearchType(event.target.value)}\n value={searchType}\n />\n
\n }\n\n {display.searchByCphFsa(!isDeath)}\n \n }\n\n {helpers.cph.knownCPH.isNo(knowCPHNumber) &&\n
\n {display.searchByHoldingDetail(!isDeath)}\n
\n }\n\n {sameHoldingError && !isDeath &&\n
\n }\n {sameHoldingError && isDeath &&\n
\n }\n {display.searchResults()}\n
\n \n
\n }\n\n {isGathering &&\n \n
\n {display.searchManual()}\n\n {display.searchResults()}\n
\n
\n
\n
\n
\n {\n if (isDeath && setSubmitDisabled && typeof setSubmitDisabled === 'function') {\n setSubmitDisabled(true);\n }\n setSearchValue(event.target.value);\n }}\n type=\"text\"\n value={searchValue}\n />\n
\n
confirmSearchCorrect({ value: searchValue }, true)}\n />\n \n {includesOwnHoldingsError &&\n
\n }\n {sameHoldingError &&\n
\n }\n
\n
\n
{t('label.locationOfCarcassOptional')}
\n
\n {' '}\n {t('deaths.selectLocationOfCarcass')}\n
\n {!otherHolding &&\n
\n }\n\n {otherHolding &&\n
{\n storeService.session.remove.deathOtherHolding();\n setOtherHolding(null);\n }}\n queryKeeper={true}\n setModal={setModal}\n />\n }\n \n
\n
\n
{t('label.animalDetails')}
\n \n\n {onClick &&\n
\n \n
\n }\n
\n {animalsData &&\n <>\n {numberOfAnimalsInBatches > 0 &&\n
\n \n {numberOfAnimalsInBatches}{' '}\n {t(helpers.text.pluralCheck(numberOfAnimalsInBatches, 'label.animalIdentifiedByBatch'))}\n
\n \n
total + parseInt(item.animalTotal), 0), 'table.title.batches'),\n data: [\n animalsData.batchList?.reduce((total, item) => total + parseInt(item.animalTotal), 0)\n ]\n }}\n />\n \n }\n\n {numberOfIndividualAnimals > 0 &&\n
\n \n {numberOfIndividualAnimals}{' '}\n {t(helpers.text.pluralCheck(numberOfIndividualAnimals, 'label.animalIdentifiedIndividually'))}\n
\n \n \n }\n \n }\n\n {((animalsData &&\n numberOfAnimalsInBatches > 0 &&\n numberOfIndividualAnimals > 0) ||\n !animalsData) &&\n <>\n {totalAnimalsInMovement} {t(label)}\n \n }\n
{deathData\n ? t('deaths.deathSummary')\n : helpers.option.reportType.isMissing(missingOrFound)\n ? t('deaths.missingSummary')\n : t('deaths.foundSummary')}\n
\n \n
\n
{\n deathData\n ? redirectDeath(Routing.deathsStep1)\n : history.push(Routing.missingFoundStep1);\n }}\n />\n {deathData &&\n redirectDeath(Routing.deathsStep2)}\n queryKeeper={true}\n setModal={setModal}\n />\n }\n {\n numberOfDeadAnimals\n ? redirectDeath(Routing.deathsStep1)\n : history.push(Routing.missingFoundStep1);\n }}\n setAnimalsData={setData}\n setModal={setModal}\n />\n \n
\n
\n \n
\n
\n history.push(Routing.keeperHolding)}\n />\n
\n
\n \n {t('deaths.step-heading')}\n {STEP_01}\n {t('deaths.step-heading-pages')}\n \n \n
\n \n \n );\n }\n\n case Routing.deathsStep2: {\n return (\n <>\n \n {t('deaths.step-heading')}\n {STEP_02}\n {t('deaths.step-heading-pages')}\n \n \n \n );\n }\n\n case Routing.deathsSummary: {\n storeService.session.remove.deathAmend();\n return (\n \n );\n }\n\n case Routing.deathsConfirm: {\n const requestId = storeService.session.get.confirmRequestId();\n const pollingStatus = storeService.session.get.confirmPollingStatus();\n const pollingErrors = storeService.session.get.confirmPollingErrors();\n const pollingWarnings = storeService.session.get.confirmPollingWarnings();\n\n if (!requestId) {\n return ;\n }\n\n return (\n item)}\n confirm={{\n id: requestId,\n label: 'label.reference',\n onClick: confirmation.returnToUserActivity().onClick\n }}\n errors={pollingErrors}\n isUnamendable={true}\n label=\"label.deathReportSubmitted\"\n setModal={setModal}\n status={pollingStatus}\n warnings={pollingWarnings}\n />\n );\n }\n }\n };\n\n React.useEffect(() => {\n const unListen = history.listen((path) => {\n const amend = storeService.session.get.deathAmend() ?? false;\n if (path.pathname === Routing.deathsStep1 && amend === false) {\n storeService.session.remove.dataChanged();\n storeService.session.removeAll.death();\n storeService.session.removeAll.confirm();\n unListen();\n }\n });\n\n window.onpopstate = () => {\n if (storeService.session.get.confirm()) {\n history.push(navigation.deaths());\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [history]);\n\n return (\n <>\n {ready &&\n <>\n {\n const amend = storeService.session.get.deathAmend() ?? false;\n return (!storeService.session.get.idle() && dataChanged && ((amend !== true && params.pathname === Routing.deathsStep1) ||\n promptPathList.includes(params.pathname))\n ) ? t('warning.unsavedChanges2') : true;\n }}\n />\n {t('label.deaths')}
\n {/* {location.pathname === Routing.deathsStep2 && {t(recordDeathLabel)}
} */}\n {stepPicker(location.pathname)}\n \n }\n \n );\n};\n\nDeaths.propTypes = {\n location: PropTypes.object.isRequired,\n setModal: PropTypes.func.isRequired\n};\n\nexport default Deaths;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport helpers from 'services/helpers';\nimport classes from 'components/summary/animalDetails/animalDetails.module.scss';\nimport constants from 'services/constants';\nimport PropTypes from 'prop-types';\nimport storeService from 'services/storeService';\nimport { tableColumns, initialSorting } from 'services/tableColumns';\nimport AddBatch from 'components/addBatch/addBatch';\nimport ErrorLabel from 'components/base/errorLabel/errorLabel';\nimport ManualTagEntry from 'components/manualTagEntry/manualTagEntry';\nimport Table from 'components/table/table';\n\nconst AnimalDetails = ({\n addAnimals,\n data,\n label,\n pending,\n removeAnimal,\n removeAnimalsAll,\n removeAnimalsAllInvalid,\n removeBatch,\n removeBatchesAll,\n removeBatchesAllInvalid,\n restoreAnimal,\n restoreBatch,\n setData,\n setModal,\n setPending,\n updateBatchList\n}) => {\n const { ready, t } = useTranslation();\n\n const species = storeService.session.get.species();\n const speciesId = species ? species.id : '';\n\n const reviewDevices = data.reviewDevices.filter((device) => !device.removed);\n const removedDevices = data.reviewDevices.filter((device) => device.removed);\n const reviewBatches = data.reviewBatches.filter((batch) => !batch.removed);\n const removedBatches = data.reviewBatches.filter((batch) => batch.removed);\n\n const [paginationParams, setPaginationParams] = useState({\n batch: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n totalLabel: 'label.totalBatches'\n }\n },\n batchRemoved: {\n ...constants.pagination.defaultParams,\n [constants.pagination.bottom]: {\n ...constants.pagination.defaultParams[constants.pagination.bottom],\n totalLabel: 'label.totalBatches'\n }\n },\n individual: constants.pagination.defaultParams,\n individualRemoved: constants.pagination.defaultParams\n });\n\n useEffect(() => {\n setPaginationParams((prevState) => ({\n batch: {\n ...prevState.batch,\n [constants.pagination.bottom]: {\n ...prevState.batch[constants.pagination.bottom],\n total: reviewBatches?.length\n }\n },\n batchRemoved: {\n ...prevState.batchRemoved,\n [constants.pagination.bottom]: {\n ...prevState.batchRemoved[constants.pagination.bottom],\n total: removedBatches?.length\n }\n },\n individual: {\n ...prevState.individual,\n [constants.pagination.bottom]: {\n ...prevState.individual[constants.pagination.bottom],\n total: reviewDevices?.length\n }\n },\n individualRemoved: {\n ...prevState.individualRemoved,\n [constants.pagination.bottom]: {\n ...prevState.individualRemoved[constants.pagination.bottom],\n total: removedDevices?.length\n }\n }\n }));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [data]);\n\n return (\n <>\n {ready &&\n <>\n {t(label)}
\n \n
\n
\n\n {reviewDevices.length > 0 &&\n <>\n {reviewDevices.some((tag) => helpers.tag.isInvalid(tag)) &&\n
\n }\n\n
\n \n }\n\n {removedDevices.length > 0 &&\n <>\n
\n \n }\n\n
\n\n {reviewBatches.length > 0 &&\n <>\n {reviewBatches.some((batch) => helpers.batch.isInvalid(batch)) &&\n
\n }\n\n
total + parseInt(item.animalTotal), 0), 'table.title.batches'),\n data: [\n reviewBatches?.reduce((total, item) => total + parseInt(item.animalTotal), 0)\n ]\n }}\n />\n \n }\n\n {removedBatches.length > 0 &&\n <>\n total + parseInt(item.animalTotal), 0), 'table.title.batchesRemoved'),\n data: [\n removedBatches?.reduce((total, item) => total + parseInt(item.animalTotal), 0)\n ]\n }}\n />\n \n }\n\n {!helpers.species.isCattleId(speciesId) &&\n \n }\n \n
{t(label)}
\n }\n\n {isMovementOn &&\n \n
{isMovementOn ? t('label.departureDate') : t('label.movementDate')}
\n
{movementDateString ? moment(movementDateString).format('DD/MM/YYYY') : ''}
\n
\n
{t('label.departureDate')}
\n
{departureDateFormatted}
\n
\n
{t('label.arrivalDate')}
\n
{arrivalDateFormatted}
\n
\n
{t('label.arrivalDate')}
\n
\n setArrivalDate(event.target.value)}\n setError={setArrivalDateError}\n value={arrivalDate}\n yearLength={4}\n />\n
\n {!arrivalDate &&\n
\n }\n
\n
{numberBeingMoved}
\n
\n {' '}{speciesName}{' '}\n {movementData && helpers.option.movement.isOn(movementData.movementType)\n ? t('movements.transport-information.destination-holding-on')\n : t('movements.transport-information.destination-holding-off')}\n {' '}\n {movementData && helpers.option.movement.isPermitMove(movementData.movementType)\n ? \n : displayCPH()\n }\n
\n
{t('label.movementNotification')}
\n\n \n\n {t('label.movementRef')} {data.documentRef}
\n\n \n\n {data.reviewDevices && data.reviewBatches &&\n \n }\n\n \n
\n helpers.batch.isInvalid(batch))) ||\n (data && data.reviewDevices && data.reviewDevices.some((tag) => helpers.tag.isInvalid(tag))) ||\n (isMovementOn && (!arrivalDate || arrivalDateError !== ''))\n }\n label={animalDataChanged ? 'button.submitAmendmentMovement' : 'button.acceptMovement'}\n onClick={acceptHandshake}\n />\n
\n
\n setShowRejectModal(true)}\n />\n
\n
\n history.push(Routing.keeperHolding)}\n />\n
\n
{t('menu.holdingSummary')}
\n \n\n {data.length > 0 &&\n \n \n {t('label.notificationsRequiringAction')}\n
\n }\n\n navigation.handshakeDetails(),\n accessor: 'requestId'\n }}\n setData={setData}\n setLoadPending={setLoadPending}\n setModal={setModal}\n store={{\n filters: 'HoldingSummary',\n data: 'HoldingSummary'\n }}\n />\n \n }\n \n );\n};\n\nHoldingSummary.propTypes = {\n setModal: PropTypes.func.isRequired\n};\n\nexport default HoldingSummary;\n","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport constants from 'services/constants';\nimport classes from 'components/header/navBarSub/navBarSub.module.scss';\nimport helpers from 'services/helpers';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\n\nconst NavBarSub = () => {\n const { ready, t } = useTranslation();\n\n const species = storeService.session.get.species();\n\n const componentClassNames = [\n classes.navSub,\n 'd-lg-block',\n 'd-block'\n ].join(' ').trim();\n\n const menuItems = [\n {\n id: 'holdingDetails',\n linkTo: Routing.holdingRegisterDetails\n },\n helpers.species.isDeerId(species.id) ? null : {\n id: 'tagReplacements',\n linkTo: Routing.holdingRegisterTaggingReplacement,\n hideForSpecies: [\n constants.species.internalLabel.CATTLE,\n constants.species.internalLabel.PIGS,\n constants.species.internalLabel.DEER\n ]\n },\n helpers.species.isDeerId(species.id) ? null : {\n id: 'tagApplications',\n linkTo: Routing.holdingRegisterTaggingApplications,\n hideForSpecies: [\n constants.species.internalLabel.CATTLE,\n constants.species.internalLabel.PIGS,\n constants.species.internalLabel.DEER\n ]\n },\n helpers.species.isDeerId(species.id) ? null : {\n id: 'births',\n linkTo: Routing.holdingRegisterBirths,\n showForSpecies: [\n constants.species.internalLabel.CATTLE\n ]\n },\n {\n id: 'movementsOff',\n linkTo: Routing.holdingRegisterMovementsOff\n },\n {\n id: 'movementsOn',\n linkTo: Routing.holdingRegisterMovementsOn\n },\n {\n id: 'adjacentMoves',\n linkTo: Routing.holdingRegisterAdjacentMovements\n },\n helpers.species.isDeerId(species.id) ? null : {\n id: 'deaths',\n linkTo: Routing.holdingRegisterDeaths\n },\n helpers.species.isDeerId(species.id) ? null : {\n id: 'annualInventory',\n linkTo: Routing.holdingRegisterAnnualInventory\n },\n {\n id: 'download',\n linkTo: Routing.holdingRegisterDownload\n }\n ].filter((item) => item);\n\n const menuLabel = (id) => {\n return t('subMenu.' + id);\n };\n\n const checkMenuItemVisibility = (menuItemKey) => {\n let isVisible = true;\n if (!species) {\n isVisible = false;\n } else if (menuItems[menuItemKey].showForSpecies) {\n isVisible = menuItems[menuItemKey].showForSpecies.includes(species.name);\n } else if (menuItems[menuItemKey].hideForSpecies) {\n isVisible = !menuItems[menuItemKey].hideForSpecies.includes(species.name);\n }\n\n return isVisible;\n };\n\n return (\n <>\n {ready &&\n \n }\n \n );\n};\n\nexport default NavBarSub;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport axios from 'axios';\nimport bff, { isCancel } from 'services/bff';\nimport classes from 'components/base/modal/modal.module.scss';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport storeService from 'services/storeService';\nimport AboutPanel from 'components/base/aboutPanel/aboutPanel';\nimport Button from 'components/base/button/button';\nimport Confirmation from 'components/base/confirmation/confirmation';\nimport CheckboxGroup from 'components/base/checkboxGroup/checkboxGroup';\n\nconst ModalProductionTypes = ({\n holdingProductionTypes,\n modalClose,\n setModal,\n setModalHasChanges,\n setProductionTypesSubmitted\n}) => {\n const { ready, t } = useTranslation();\n\n const [productionTypes, setProductionTypes] = React.useState([]);\n const [initialProductionTypes, setInitialProductionTypes] = React.useState([]);\n\n const [showConfirmation, setShowConfirmation] = useState(false);\n\n const [loadPending, setLoadPending] = useState(true);\n const [submitPending, setSubmitPending] = useState(false);\n const [disabled, setDisabled] = useState(true);\n\n const handleChanges = {\n productionTypes: (event) => {\n const selectedTypes = productionTypes.map((o) => ({\n ...o,\n value: (event.target.id === String(o.id)) ? !o.value : o.value\n }));\n\n setModalHasChanges(true);\n setDisabled(false);\n\n setProductionTypes(selectedTypes);\n }\n };\n\n const submit = () => {\n setSubmitPending(true);\n\n const params = {\n holding: storeService.session.get.holding().value,\n productionTypes: productionTypes.filter((item1) => {\n const initialItemStatus = initialProductionTypes.find((item2) => item2.id === item1.id && item2.label === item1.label).value;\n\n return item1.value !== initialItemStatus;\n })\n };\n\n bff\n .post('/productionTypes', params)\n .then(() => {\n setShowConfirmation(true);\n setSubmitPending(false);\n setModalHasChanges(false);\n setProductionTypesSubmitted(true);\n })\n .catch((error) => {\n setSubmitPending(false);\n errors.BFF(error, setModal);\n });\n };\n\n useEffect(() => {\n const source = axios.CancelToken.source();\n\n bff\n .get('/productionTypes', {\n cancelToken: source.token\n })\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal, setLoadPending)) {\n const initProdTypes = res.data.map((item) => {\n const returnData = {\n id: item.id,\n label: item.name,\n value: Boolean(holdingProductionTypes.find((type) => type.name === item.name))\n };\n\n if (item.holdingProductionTypeId) {\n returnData.holdingProductionTypeId = item.holdingProductionTypeId;\n }\n\n return returnData;\n });\n\n setProductionTypes(initProdTypes);\n setInitialProductionTypes(initProdTypes);\n setLoadPending(false);\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n errors.BFF(error, setModal);\n }\n });\n\n return () => source.cancel();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <>\n {ready &&\n <>\n \n {showConfirmation &&\n
\n }\n {!showConfirmation &&\n <>\n
{t('label.productionTypes')}
\n
\n
\n ({\n id: item.id,\n label: item.label,\n value: item.value\n }))}\n onChange={handleChanges.productionTypes}\n pending={loadPending}\n />\n
\n
\n
\n \n }\n
\n
\n
\n {!showConfirmation &&\n \n }\n \n
\n
{t('reports.holdingRegister')}
\n \n {t('subMenu.holdingDetails')}
\n \n\n {holding &&\n <>\n \n
{t('label.nameOfRegisteredKeeper')}
\n
\n
\n
{t('label.addressOfHolding')}
\n
\n
\n
{t('label.holdingIdentifier')}
\n
\n {holding.value}\n
\n
\n
{t('label.additionalIdentifiers')}
\n
\n {pending &&\n
{t('label.fetchingData')}
\n }\n {!pending &&\n
---
\n }\n
\n
\n
{t('label.flockHerdNumber')}
\n
\n {pending &&\n
{t('label.fetchingData')}
\n }\n {!pending &&\n <>\n {batches?.length > 0 && batches.map((batch) => (\n
{batch.holdingBatchNumber.holdingBatchNumberId}
\n ))}\n {batches?.length === 0 &&\n
---
\n }\n \n }\n
\n
\n
{t('label.species')}
\n
\n {holding.animalTypes.map((animalType) => (\n
{t('animal.' + animalType.id)}
\n ))}\n
\n
\n
{t('label.typesOfProduction')}
\n
\n {pending &&\n
{t('label.fetchingData')}
\n }\n {!pending &&\n <>\n {productionTypes?.length > 0 && productionTypes.map((type) => (\n
{type.productionType.name}
\n ))}\n {productionTypes?.length === 0 &&\n
---
\n }\n \n }\n
\n
\n \n
\n
\n
{t('label.addressOfKeeper')}
\n
\n {pending &&\n
{t('label.fetchingData')}
\n }\n {!pending &&\n
\n }\n
\n
\n {showConfirmation &&\n
\n }\n {!showConfirmation &&\n <>\n
{get.title()}
\n
\n
\n
\n handleChanges.date(constants.flags.from, event.target.value)}\n setError={setFromDateError}\n value={fromDate}\n yearLength={4}\n />\n
\n
\n \n
\n
\n handleChanges.frequency(event.target.value)}\n optionList={frequencyList}\n pending={pending}\n placeholder=\"prompt.pleaseSelect\"\n value={frequency}\n />\n
\n
\n handleChanges.date(constants.flags.to, event.target.value)}\n optional={true}\n setError={setToDateError}\n value={toDate}\n yearLength={4}\n />\n
\n
\n
\n
\n \n }\n
\n
\n
\n {!showConfirmation &&\n <>\n {(modalMode === constants.modalActions.edit || modalMode === constants.modalActions.view) &&\n {\n setDeleteData({\n adjacentMovementId,\n currentCph,\n adjacentHolding,\n holdingLinkTypeId,\n holdings,\n setAction,\n setShowConfirmation,\n setSubmitStatus\n });\n setConfirmAction(constants.modalActions.delete);\n }}\n type=\"submit\"\n />\n }\n {(modalMode === constants.modalActions.edit || modalMode === constants.modalActions.add) &&\n \n }\n \n }\n\n \n
\n
\n
\n \n
\n
\n {\n setModalHasChanges(true);\n onChange(event);\n }}\n previouslySubmittedYears={previouslySubmittedYears}\n value={value}\n />\n
\n
\n {showConfirmation &&\n
\n }\n {!showConfirmation &&\n <>\n
{t('reports.annualInventory.title')}
\n
{t('reports.annualInventory.desc')}
\n
{t('reports.annualInventory.subDesc')}
\n
\n
\n
\n
\n
\n
\n
\n handleChanges.reportDate(event.target.value)}\n setError={setEntryDateError}\n value={reportDate}\n yearLength={4}\n />\n
\n
\n
\n
\n
\n
\n \n }\n
\n
\n
\n {!showConfirmation &&\n \n }\n \n
\n
{t('reports.holdingRegister')}
\n \n {t(`subMenu.${eventType.current?.charAt(0).toLowerCase() + eventType.current?.slice(1)}`)}
\n\n {(helpers.holdingRegister.types.isMovementOff(eventType.current) || helpers.holdingRegister.types.isMovementOn(eventType.current)) &&\n \n }\n\n {helpers.holdingRegister.types.isAnnualInventory(eventType.current) &&\n \n }\n\n {eventType.current &&\n <>\n \n
{\n setRowToDelete(row);\n setConfirmAction(constants.modalActions.delete);\n },\n speciesId\n }}\n data={data}\n eventType={eventType}\n filtersComponents={{\n [constants.filters.outside]: 'HoldingRegister'\n }}\n hidePagination={helpers.holdingRegister.types.isAnnualInventory(eventType.current)}\n initialSortBy={helpers.holdingRegister.types.isDownload(eventType.current) ? undefined : initialSorting.holdingRegister[eventType.current].accessor}\n initialSortDirection={helpers.holdingRegister.types.isDownload(eventType.current) ? undefined : initialSorting.holdingRegister[eventType.current].direction}\n params={tableParams}\n renderTable={helpers.holdingRegister.types.isDownload(eventType.current) ? false : undefined}\n rowLinks={{\n linkIf: tableRowLinks.getLinkIf,\n hint: tableRowLinks.getHint,\n url: tableRowLinks.getUrl,\n accessor: 'requestId',\n onClick: tableRowLinks.getOnClick,\n state: tableRowLinks.getState\n }}\n setData={setData}\n setEventType={setEventType}\n setModal={setModal}\n store={{\n filters: constants.holdingRegister.table[eventType.current],\n data: constants.holdingRegister.table[eventType.current]\n }}\n />\n\n \n {helpers.holdingRegister.types.isAdjacentMovement(eventType.current) &&\n modal.show(constants.modalActions.add)}\n />\n }\n {helpers.holdingRegister.types.isAnnualInventory(eventType.current) &&\n \n }\n
\n {t('label.userActivity')}
\n \n\n {requestTypes.length > 0 &&\n 0}\n rowLinks={{\n url: () => Routing.activityDetails,\n accessor: 'requestId',\n linkIf: (row) =>\n row.status.toLowerCase() !== constants.status.processing.toLowerCase() &&\n row.status.toLowerCase() !== constants.status.pending.toLowerCase() &&\n row.status.toLowerCase() !== constants.status.claPending.toLowerCase()\n }}\n setData={setData}\n setModal={setModal}\n setRenderTable={setRenderTable}\n store={{\n filters: 'UserActivity',\n data: 'UserActivity'\n }}\n />\n }\n \n }\n \n );\n};\n\nUserActivity.propTypes = {\n setModal: PropTypes.func.isRequired\n};\n\nexport default UserActivity;\n","import React, { useEffect } from 'react';\nimport permissions from 'services/permissions';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { orderBy } from 'lodash';\nimport { ReactComponent as CattleIcon } from 'images/svg/icon-cattle.svg';\nimport { ReactComponent as SheepIcon } from 'images/svg/icon-sheep.svg';\nimport { ReactComponent as GoatIcon } from 'images/svg/icon-goat.svg';\nimport { ReactComponent as PigIcon } from 'images/svg/icon-pig.svg';\nimport { ReactComponent as DeerIcon } from 'images/svg/icon-deer.svg';\nimport { holdingHelper } from 'services/holdingHelper';\nimport axios from 'axios';\nimport bff, { isCancel } from 'services/bff';\nimport userRoleType from 'services/userRoleType';\nimport breedsHelper from 'services/breedsHelper';\nimport classes from 'frontEnd/home/home.module.scss';\nimport constants from 'services/constants';\nimport errors from 'services/errors';\nimport helpers from 'services/helpers';\nimport navigation from 'services/navigation';\nimport PropTypes from 'prop-types';\nimport Routing from 'routing';\nimport storeService from 'services/storeService';\nimport AboutPanel from 'components/base/aboutPanel/aboutPanel';\nimport Address from 'components/address/address';\nimport TabsNavigational from 'components/base/tabsNavigational/tabsNavigational';\nimport UserActivity from 'frontEnd/home/userActivity/userActivity';\nconst sprintf = require('util').format;\n\nconst HoldingButton = ({\n children,\n className,\n holdingKey,\n id,\n onClick\n}) => {\n return (\n \n {children}\n \n );\n};\n\nconst Home = ({\n loading,\n location,\n setModal,\n setPermission\n}) => {\n const { ready, t } = useTranslation();\n const history = useHistory();\n\n const myHoldingTabActive = location.pathname === Routing.holdings;\n const userActivityTabActive = location.pathname === Routing.userActivity;\n\n const [totalNotifications, setTotalNotifications] = React.useState(0);\n const [holdings, setHoldings] = React.useState([]);\n const [loadPending, setLoadPending] = React.useState(true);\n const [numHoldings, setNumHoldings] = React.useState([]);\n const [bannerClasses, setBannerClasses] = React.useState([classes.notificationsBanner, 'loading'].join(' '));\n const [disableHoldingAccess, setDisableHoldingAccess] = React.useState(false);\n\n storeService.session.remove.holding();\n storeService.session.remove.species();\n\n const hasKeeperHoldings = holdings.some((holding) => holding.role === userRoleType.KEEPER);\n\n const noteClassname = (animalType) => {\n return animalType.notifications > 0 ? [classes.holding, classes.error].join(' ') : classes.holding;\n };\n\n const selectHolding = (holdingId, speciesId) => {\n if (disableHoldingAccess) {\n setModal({\n modalMessage: 'uiFeatures.featureDisabled',\n modalTitle: 'uiFeatures.featureDisabledTitle'\n });\n } else {\n const selectedHolding = holdings.find((holding) => holding.value === holdingId);\n storeService.session.set.holding(selectedHolding);\n storeService.session.set.permissions(selectedHolding.role);\n setPermission(selectedHolding.role);\n\n if (selectedHolding.animalTypes?.length) {\n storeService.session.set.animals(selectedHolding.animalTypes.map((animal) => animal.name));\n breedsHelper.fetchBreedsOnHolding(null, setModal, holdingId, speciesId);\n breedsHelper.update(selectedHolding.animalTypes.find((animal) => animal.id === speciesId));\n } else {\n storeService.session.set.animals(['none']);\n }\n\n if (permissions.isKeeper()) {\n history.push(Routing.keeperHolding);\n } else if (permissions.isAbattoir()) {\n history.push(navigation.search());\n } else {\n history.push(navigation.movements());\n }\n }\n\n };\n\n const toggleHolding = (holding) => {\n Array.from(document.getElementsByClassName('accordion')).forEach((item) => {\n if (item.id !== 'holding' + holding) {\n item.removeAttribute('open');\n }\n });\n };\n\n useEffect(() => {\n setPermission(userRoleType.GENERIC);\n\n bff\n .get('/rha')\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal)) {\n setDisableHoldingAccess(JSON.parse(res.data.statusText));\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n setDisableHoldingAccess(false);\n }\n });\n\n const sourcesArray = [];\n const sessionHoldings = storeService.session.get.holdings();\n const numberOfHoldings = sessionHoldings ? Object.entries(sessionHoldings)?.length : 0;\n setNumHoldings(numberOfHoldings);\n\n if (sessionHoldings && numberOfHoldings > 0) {\n const sortedHoldings = orderBy(sessionHoldings, 'value').filter((holding) => holdingHelper.region.isEngland(holding.region));\n\n sortedHoldings.forEach((holding) => {\n if (helpers.userRole.isKeeper(holding.role)) {\n holding.loadPending = true;\n }\n holding.notifications = 0;\n holding.isShown = false;\n holding.animalTypes.sort((a, b) => constants.species.order.indexOf(a.id) - constants.species.order.indexOf(b.id));\n });\n\n setHoldings(sortedHoldings);\n\n sortedHoldings.forEach((holding) => {\n if (helpers.userRole.isKeeper(holding.role)) {\n const source = axios.CancelToken.source();\n sourcesArray.push(source);\n const cph = holding.value;\n const holdingsQueryString = holding.animalTypes.map((species) => ({ cph, species: species.name }));\n\n bff\n .get('/notificationsCount', {\n cancelToken: source.token,\n params: {\n holdings: JSON.stringify(holdingsQueryString)\n }\n })\n .then((res) => {\n if (helpers.response.isValid(res.data, setModal)) {\n const specificHolding = res.data.data[holding.value];\n holding.animalTypes.forEach((species) => {\n species.notifications = specificHolding[species.name];\n });\n\n const numberOfNotifications = holding.animalTypes.reduce((total, species) => total + species.notifications, 0);\n holding.notifications = numberOfNotifications;\n holding.loadPending = false;\n\n setHoldings([...sortedHoldings]);\n setTotalNotifications(totalNotifications + numberOfNotifications);\n\n const animalTypesNotifications = {};\n holding.animalTypes.forEach((species) => {\n animalTypesNotifications[species.name] = species.notifications;\n });\n }\n })\n .catch((error) => {\n if (!isCancel(error)) {\n holding.loadPending = false;\n holding.error = true;\n errors.BFF(error, setModal);\n }\n });\n }\n });\n }\n\n return () => {\n sourcesArray.forEach((source) => source.cancel());\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const pending = holdings?.length > 0 ? holdings.some((holding) => holding.loadPending) : true;\n const notifications = holdings.reduce((total, item) => total + item.notifications, 0);\n setLoadPending(pending);\n\n setTotalNotifications(notifications);\n\n if (pending) {\n setBannerClasses([classes.notificationsBanner, classes.notificationsLoading].join(' '));\n } else if (notifications > 0) {\n setBannerClasses([classes.notificationsBanner, classes.notificationsPresent].join(' '));\n } else {\n setBannerClasses([classes.notificationsBanner, classes.notificationsNotPresent].join(' '));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [holdings, loadPending, totalNotifications]);\n\n return (\n <>\n {ready && permissions.isLoggedIn && !permissions.isBackOffice() &&\n \n
{t('menu.home')}
\n
\n\n
\n \n {hasKeeperHoldings &&\n
\n
{t('label.notifications')}
\n
\n {loadPending &&\n - {t('label.fetchingNotifications')}
\n }\n {!loadPending &&\n <>\n {totalNotifications === 0 &&\n - {t('label.youHave0Notification')}
\n }\n {totalNotifications > 0 &&\n <>\n - {sprintf(t(totalNotifications === 1 ? 'label.youHave1Notification' : 'label.youHaveXNotifications'), totalNotifications)}
\n - {t('label.notificationsDescription')}
\n \n }\n \n }\n
\n
\n }\n {loading.holdings &&\n
{t('label.fetchingHoldings')}
\n }\n\n {!loading.holdings &&\n <>\n {holdings?.length === 0 &&\n <>\n
{t('label.noHoldings')}
\n
\n \n }\n\n {holdings?.length > 0 &&\n <>\n
{t('label.selectAHolding')}
\n\n {holdings.map((holding) => {\n const strippedHolding = (holding.value).replace(/\\//g, '');\n\n return (\n
toggleHolding(strippedHolding)}\n open={numHoldings === 1}\n >\n \n \n \n \n \n\n {helpers.userRole.isKeeper(holding.role) &&\n <>\n {holding.loadPending &&\n {t('label.fetchingNotifications')}\n }\n {!holding.loadPending && holding.notifications > 0 &&\n \n {holding.notifications}{' '}\n {t(helpers.text.pluralCheck(holding.notifications, 'label.unactionedNotification'))}\n \n }\n {!holding.loadPending && holding.error &&\n {t('error.unableToRetrieve')}\n }\n \n }\n
\n \n \n {holding.animalTypes.map((animalType) => (\n
selectHolding(holding.value, animalType.id)}\n >\n \n {helpers.species.isCattleId(animalType.id) &&\n
\n }\n {helpers.species.isSheepId(animalType.id) &&\n
\n }\n {helpers.species.isGoatId(animalType.id) &&\n
\n }\n {helpers.species.isPigId(animalType.id) &&\n
\n }\n {helpers.species.isDeerId(animalType.id) &&\n
\n }\n
0 ? classes.notifications : ''\n ].join(' ').trim()}>\n
{t('label.species')}: {t('animal.' + animalType.id)}
\n {helpers.userRole.isKeeper(holding.role) &&\n <>\n {holding.loadPending &&\n
{t('label.fetchingNotifications')}\n }\n {!holding.loadPending &&\n
0 ? classes.bold : classes.normal}>{t('label.notifications')} ({animalType.notifications})\n }\n {!holding.loadPending && holding.error &&\n
{t('error.unableToRetrieve')}\n }\n \n }\n
0 ? [] : ['hidden']} id={constants.tabs.userActivity} label=\"label.userActivity\" url={holdings?.length > 0 ? navigation.userActivity() : null}>\n {!loading.holdings && holdings?.length > 0 &&\n \n }\n
\n \n
\n
\n \n instance.logoutRedirect({ postLogoutRedirectUri: '/' })\n }\n />\n \n
\n instance.loginRedirect(loginRequest)}\n />\n \n
\n
\n \n instance.logoutRedirect({ postLogoutRedirectUri: '/' })\n }\n />\n \n
\n \n \n
{children}
\n