\n setModalShow(false)}\n data={PROFILE_URL}\n />\n \n \n \n {t('menu_profile')} \n \n
\n\n \n \n {t('menu_notifications')} \n \n
\n\n \n \n {t('menu_sign_out')} \n \n
\n \n \n
\n\n )\n}\n\nexport default HeaderUserMenu;","import styled, { css } from 'styled-components';\nimport Badge from 'react-bootstrap/Badge';\nimport Image from 'react-bootstrap/Image';\n\nexport const StyledBadge = styled(Badge)`\n ${({ theme }) => css`\n position: relative;\n top: 7px;\n left: ${props => props.twodigits ? \"-34px\" : \"-31px\"};\n color: ${theme.colors.white};\n font-size: 10px;\n `}\n`;\n\nexport const StyledImageButton = styled(Image)`\n min-height: 35px;\n min-width: 35px;\n object-fit: fill; \n`;","import React from 'react'\n\nimport { getAllService } from 'services/notifications';\n\nimport Dropdown from 'react-bootstrap/Dropdown';\n\nimport CustomToggle from './CustomToggle'\nimport HeaderUserMenu from './HeaderUserMenu'\nimport CustomModal from 'components/Modal'\n\nimport {StyledBadge, StyledImageButton} from './HeaderButtonGroup.styled'\n\nimport headerIcon from 'assets/icon-account-notification.png';\nimport { useTranslation } from 'react-i18next';\n\nconst HeaderButtonGroup = () => {\n const [notifications, setNotifications] = React.useState([]);\n const { t } = useTranslation();\n\n React.useEffect(() => {\n async function fetchAPI() {\n let response;\n try {\n response = await getAllService();\n setNotifications(response); \n }\n catch(e){\n console.log(e);\n }\n }\n fetchAPI();\n }, []);\n\n const [modal, setModal] = React.useState({\n isOpen: false,\n message: \"\",\n type: 'default'\n });\n\n const onHideModal = () => {\n setModal({...modal, isOpen: false});\n };\n\n return (\n \n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{formError.isShow && {formError.msg} }\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{t('Button_cancel')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{t('Button_send')} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{t('community_contact_intro')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{t('community_contact_question')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n \n \n { children }\n \n \n
\n )\n}\n\nexport default Layout;\n","import React from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport { getToken } from 'services/auth';\n\nconst PrivateRoute = ({\n isAuth = false,\n component: Component, \n layout: Layout,\n ...rest \n}) => {\n const isLoggedIn = !!getToken();\n return(\n \n \n \n \n {enableHomePage\n ? t('Home_main_title')\n : t('Home_main_title_window_closed')}\n \n
\n \n
\n \n {enableHomePage ? (\n <>\n \n \n
\n \n \n {enableHomePage\n ? htmlParser(t('Home_description'))\n : htmlParser(t('Home_description_window_closed'))}\n \n
\n \n \n ESPAÑOL\n \n \n ENGLISH\n \n \n PORTUGUÊS\n \n
\n \n \n ESPAÑOL\n \n \n ENGLISH\n \n \n PORTUGUÊS\n \n
\n \n \n {'>>'}\n
\n \n \n \n
\n
\n \n \n {htmlParser(t('Home_texto_guia'))}\n \n
\n \n \n \n ESPAÑOL\n \n \n ENGLISH\n \n \n PORTUGUÊS\n \n
\n \n \n {htmlParser(t('Home_texto_normas'))}\n \n
\n \n \n \n ESPAÑOL\n \n \n ENGLISH\n \n \n PORTUGUÊS\n \n
\n \n \n {htmlParser(t('Home_texto_elementos_orientadores'))}\n \n
\n \n \n \n ESPAÑOL\n \n \n ENGLISH\n \n
\n \n \n {htmlParser(t('Home_texto_preguntas_frecuentes'))}\n \n
\n \n \n \n ESPAÑOL\n \n \n ENGLISH\n \n
\n \n \n {htmlParser(t('Maintenance_mode_message_green'))}\n \n\n \n {htmlParser(t('Maintenance_mode_message_blue'))}\n \n\n \n
\n );\n};\n\nexport default MaintenanceHome;\n","import styled, {css} from 'styled-components';\nimport { Link } from 'react-router-dom';\n\nexport const Container = styled.div`\n display: flex;\n margin: 10px 0px;\n`;\n\nexport const StyledNumberCircle = styled.div`\n ${({ theme, status }) => {\n const circleColor = {\n 'NEW': theme.colors.gray[3],\n 'INCOMPLETE': theme.colors.gray[3],\n 'COMPLETE': theme.brandColors.green,\n 'DONE': theme.brandColors.green,\n 'CLARIFICATION': theme.brandColors.red\n }\n return css`\n min-width: 1.8rem;\n height: 1.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${status ? circleColor[status] : circleColor['NEW']};\n color: ${theme.colors.white};\n border-radius: 50%;\n `}}\n`\nexport const StyledItemTitle = styled.span`\n ${({ theme, current }) => css`\n font-weight: 600;\n color: ${current ? theme.brandColors.blue : theme.colors.gray[2]};\n margin-left: 10px;\n `}\n`;\n\nexport const StyledLink = styled(Link)`\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n`","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { observer } from 'mobx-react-lite'\nimport { useParams } from 'react-router-dom';\nimport { useRootStore } from 'stores';\nimport { Container, StyledNumberCircle, StyledItemTitle, StyledLink } from './SidebarNavigationItem.styled';\n\nconst SidebarNavigationItem = ({ number, title, disabled = false}) => {\n\n const { id, formId, sectionId } = useParams();\n const { formStore, authStore } = useRootStore();\n\n const currentSection = number === +sectionId;\n const sectionStatus = formStore.sectionsStatus[number];\n\n const baseRoute = authStore.getBaseRouteByRole();\n\n return (\n \n \n {newCommentsNumber > 0 ? (\n \n {`${newCommentsNumber} ${newCommentsNumber > 1 ? t('new_messages') : t('new_message')}`}\n \n ) : null}\n {t('Button_comments_and_status')}\n \n
\n \n ) : null}\n\n {formId === '5' && (\n <>\n {(canApplicantSeeStatusF5 || mustShowStatusF5 || isF7) && (\n \n \n
\n {children}\n \n
\n )\n}\n\nexport default FakeAccordionItem;","import React from 'react';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport TextValue from 'components/TextValue'\nimport {\n StyledFormLabel,\n StyledSeparator,\n StyledRadioSection,\n StyledRadioLabel,\n} from '../Section3.styled';\nimport { useTranslation } from 'react-i18next';\n\n\nconst CoapplicantForm = ({ coapplicantIndex, data }) => {\n const {t} = useTranslation();\n\n return (\n <>\n \n
\n )\n};\n\nexport default F1PDFGen;\n","export const initialValues = {\n section1Data: null,\n section2Data: null,\n section3Data: null,\n section4Data: null,\n section5Data: null,\n section6Data: null,\n section7Data: null,\n section8Data: null,\n section9Data: null,\n section10Data: null,\n section11Data: null,\n section12Data: null,\n section13Data: null,\n section14Data: null,\n section15Data: null,\n ready: false,\n};\n","import styled, { css } from 'styled-components';\n\nexport const Text = styled.span`\n line-height: 1.3;\n`;\n\nexport const Seciton5Separator = styled.div`\n margin-bottom: 20px;\n`;\n\nexport const SectionContainer = styled.div`\n ${({ theme }) => css`\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n border: 2px solid #d1d8e2;\n border-radius: 20px 0 20px 0;\n width: 100%;\n margin-bottom: 30px;\n `}\n`;\n\nexport const TitleContainer = styled.div`\n display: flex;\n flex: 2;\n align-items: start;\n`;\n\nexport const StyledTitleHead = styled.div`\n display: flex;\n flex-direction: row;\n align-items: start;\n font-weight: 500;\n margin-bottom: 30px;\n`;\n\nexport const StyledNumberCircle = styled.div`\n ${({ theme }) => css`\n min-width: 45px;\n min-height: 45px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-size: 30px;\n background-color: ${theme.brandColors.gray2};\n `}\n`;\n\nexport const StyledBody = styled.div`\n color: #6f8d9d;\n font-weight: 500;\n line-height: 97%;\n`;\n\nexport const StyledTitle = styled.span`\n color: #0eb1cf;\n margin-left: 10px;\n font-size:30px;\n`;\n\nexport const StyledSubsectionTitle = styled.div`\n color: #0eb1cf;\n font-size: 20px;\n margin-top: 10px;\n margin-bottom: 10px;\n`;\n\nexport const StyledS7SubsectionTitle = styled.div`\n color: #0eb1cf;\n font-size: 18px;\n margin-top: 10px;\n margin-bottom: 20px;\n`;\n\nexport const Separator = styled.hr`\n margin-top: 50px;\n margin-bottom: 30px;\n border-top: 3px solid #bbb;\n`;\n\n","import styled, {css} from 'styled-components';\n\nexport const StyledText = styled.p`\n ${({ theme }) => css`\n line-height: 1.3rem;\n color: ${theme.colors.gray[5]};\n text-align: justify;\n `}\n`;\n","import React from 'react'\nimport htmlParser from 'html-react-parser';\nimport { useTranslation } from 'react-i18next';\n\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledNumberCircle, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\nimport {\n StyledText\n} from 'components/Forms/Form4/Section1/Section1.styled';\n\nconst Section1 = ({ data }) => {\n const { t } = useTranslation();\n\n return (\n {t('F1_S6_Question_2')}:
\n {t('F1_S6_Question_3')}:
\n \n {t('F3_S7_Subtitle_General_Information')} \n \n {t('F1_S7_type')}: \n \n\n \n {t('F1_S7_start_day')}: \n \n \n\n \n {t('F1_S7_End_day')}: \n \n \n\n {t('F1_S7_Short_description')}: \n \n \n\n \n \n {t('F1_S7_Format')}:\n \n \n \n\n \n \n\n \n \n \n \n \n {String(activity.format) !== '2' && (\n <>\n \n \n {t('F1_S7_Country_activity')}:\n \n \n\n \n \n {t('F1_S2_State_Province_Region')}:\n \n \n\n \n \n {t('F1_S2_City')}:\n \n \n\n \n \n {t('F1_S7_Countries_additional')}:\n \n \n \n )}\n\n \n {t('F1_S7_Duration')}: \n \n\n \n {t('F1_S7_Number_participants')}: \n \n \n \n {t('F1_S7_Number_experts')}: \n \n \n {t('F1_S7_Number_wd')}: \n\n \n {t('F1_S7_Remote')}: \n \n\n \n {t('F1_S7_Onsite')}: \n \n\n \n {t('F1_S7_Total')}: \n \n\n \n \n {t('F3_S7_General_work_language')} \n
\n \n\n \n {t('F3_S7_General_learning_objectives')}: \n \n\n \n {t('F3_S7_General_alignment')}: \n \n\n \n {t('F3_S7_General_participation_members')}: \n \n\n \n {t('F3_S7_General_proposal_cross_issues')}: \n \n\n \n {t('F3_S7_General_brief_description_schedule')}: \n \n
\n )\n}\n\nexport default GeneralInfo;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport DayJS from 'dayjs';\n\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\n\n\nconst ProductForm = ({ data }) => {\n\n const {t} = useTranslation();\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr);\n return date.format(\"DD/MM/YYYY\");\n }\n \n return (\n \n \n {t('F3_S7_Product_type')}: \n \n\n \n {t('F3_S7_Product_title')}: \n \n\n \n {t('F1_S7_End_day')}: \n \n \n\n \n {t('F3_S7_Product_Description')}: \n \n
\n )\n\n}\n\nexport default ProductForm;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { StyledS7SubsectionTitle } from '../../CommonStyles';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport FakeAccordionItem from '../../../FakeAccordionItem';\nimport ProductForm from 'components/Forms/Form4/Section7/ProductsForm/ProductForm';\n\nconst Products = ({ activity }) => {\n const { t } = useTranslation();\n\n return (\n \n {t('F3_S7_Subtitle_Products')} \n {(activity && activity.productList && activity.productList.map((product, key) => (\n \n \n \n \n )))}\n
\n )\n}\n\nexport default Products;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\n \nconst ConsultantForm = ({ data }) => {\n const {t} = useTranslation();\n\n return (\n \n \n {t('F3_S7_Consultant_qualifications')}: \n \n\n \n {t('F3_S7_Consultant_general_experience')}: \n \n\n \n {t('F3_S7_Consultant_specific_experience')}: \n \n\n \n {t('F3_S7_Consultant_requires_translation')}: \n \n
\n )\n\n}\n\nexport default ConsultantForm;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { StyledS7SubsectionTitle } from '../../CommonStyles';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport FakeAccordionItem from '../../../FakeAccordionItem';\nimport ConsultantForm from 'components/Forms/Form4/Section7/ConsultantsForm/ConsultantForm';\n\nconst Consultants = ({ activity }) => {\n const { t } = useTranslation();\n\n return (\n \n {t('F3_S7_Subtitle_Consultants')} \n {(activity && activity.profileList && activity.profileList.map((consultant, key) => (\n \n \n \n \n )))}\n
\n )\n}\n\nexport default Consultants;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { RequiredMark } from 'components/CommonStyled';\n\n \nconst ParticipantForm = ({ data }) => {\n const {t} = useTranslation();\n\n return (\n \n \n \n {t('F1_S2_First_name')}* : \n \n \n \n {t('F1_S2_Last_Name')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_nationality')}* : \n \n \n \n {t('F3_S7_Participant_city_departure')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_organization')}* : \n \n \n \n {t('F3_S7_Participant_type_entity')}* : \n \n \n
\n \n \n {t('F1_S2_Email')}* : \n \n \n \n {t('F1_S2_Phone_number')}* : \n \n \n
\n\n
\n )\n\n}\n\nexport default ParticipantForm;\n","import styled from 'styled-components';\n\nexport const DisclaimerDiv = styled.div`\n margin-top: 30px;\n font-weight: 600;\n color: black;\n`;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nimport { StyledS7SubsectionTitle } from '../../CommonStyles';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport FakeAccordionItem from '../../../FakeAccordionItem';\nimport ParticipantForm from 'components/Forms/Form4/Section7/ParticipantsForm/ParticipantForm';\nimport { DisclaimerDiv } from 'components/Forms/Form4/Section7/ParticipantsForm/ParticipantsForm.styled';\n\nconst Participants = ({ activity }) => {\n const { t } = useTranslation();\n\n return (\n \n {t('F3_S7_Subtitle_Participants_assistance')} \n {(activity && activity.participantList && activity.participantList.map((participant, key) => (\n \n \n \n \n )))}\n\n \n {htmlParser(t('F3_S7_Participant_disclaimer'))}\n \n\n
\n )\n}\n\nexport default Participants;","import React from 'react';\nimport NumberFormat from 'react-number-format';\n\nconst MoneyTextMask = props => {\n return (\n {detail.description}
\n \n {t('Budget_caps')} \n\n {htmlParser(t('F3_S7_Resource_help_text'))}\n\n {}}\n />\n\n \n \n \n
\n\n \n {t('F3_S7_Resource_justification')}: \n \n \n \n \n \n \n
\n \n\n
\n )\n}\n\nexport default Resources;","import React from 'react';\nimport GeneralInfo from '../GeneralInfo';\nimport Products from '../Products';\nimport Consultants from '../Consultants';\nimport Participants from '../Participants';\nimport Resources from '../Resources';\nimport { Separator } from '../../CommonStyles';\n\nconst ActivityDetail = ({ data }) => {\n return (\n | \n | \n
\n
\n )\n};\n\nexport default ActivityDetail;\n","import React, { useState, useEffect } from 'react'\nimport { useTranslation } from 'react-i18next';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\n\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledNumberCircle, \n StyledTitle, \n StyledBody,\n StyledSubsectionTitle\n} from '../CommonStyles'\nimport FakeAccordionItem from '../../FakeAccordionItem';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport ActivityDetail from './ActivityDetail';\n\nconst Section7 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState({\n activities: [],\n });\n\n useEffect(() => {\n if (data) {\n setFormValues(data[0]);\n }\n }, [data])\n\n return (\n | \n | \n \n | \n | \n | \n | \n | \n
\n
\n \n
\n \n \n \n {htmlParser(t('F3_S14_Number_users'))}: \n \n
\n \n )\n\n}\n\nexport default MediaForm;\n","import React, { useState, useEffect } from 'react'\nimport { useTranslation } from 'react-i18next';\nimport { initialValues } from './constants';\nimport htmlParser from 'html-react-parser';\n\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledNumberCircle, \n StyledTitle, \n StyledBody,\n} from '../CommonStyles'\nimport {\n StyledFormLabel,\n Title,\n Separator,\n} from 'components/Forms/Form4/Section14/Section14.styled';\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport TextValue from 'components/TextValue';\nimport MediaForm from 'components/Forms/Form4/Section14/MediaForm';\nimport FakeAccordionItem from '../../FakeAccordionItem';\nimport { SeparatorDotted, RequiredMark } from 'components/CommonStyled';\n\nconst Section14 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState(initialValues);\n\n useEffect(() => {\n if (data) {\n setFormValues(data[0]);\n }\n }, [data])\n\n return (\n \n {htmlParser(t('F3_S14_Subtitle_communication_tools'))}\n
\n \n \n\n {(formValues && formValues.items.map((item, key) => (\n \n {`${title(role, user)} - ${user.name} ${user.lastName}`} \n {formatDateWithHour(creation_date)} \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n {formatDateWithHour(creation_date)} \n
\n {comment}\n \n
\n )\n};\n\nexport default F3PDFGen;\n","export const initialValues = {\n section1Data: null,\n section2Data: null,\n section3Data: null,\n section4Data: null,\n section5Data: null,\n section6Data: null,\n section7Data: null,\n section7SubsectionsData: [],\n section8Data: null,\n section9Data: null,\n section10Data: null,\n section11Data: null,\n section12Data: null,\n section13Data: null,\n section14Data: null,\n section15Data: null,\n section16Data: null,\n section17Data: null,\n ready: false,\n isReadyToGenerate: false,\n};\n","import styled, { css } from 'styled-components';\n\nexport const SectionContainer = styled.div`\n ${({ theme }) => css`\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n border: 2px solid #d1d8e2;\n border-radius: 20px 0 20px 0;\n width: 100%;\n margin-bottom: 30px;\n `}\n`;\n\nexport const TitleContainer = styled.div`\n display: flex;\n flex: 2;\n align-items: start;\n`;\n\nexport const StyledTitleHead = styled.div`\n display: flex;\n flex-direction: row;\n align-items: start;\n font-weight: 500;\n margin-bottom: 30px;\n`;\n\nexport const StyledNumberCircle = styled.div`\n ${({ theme }) => css`\n min-width: 45px;\n min-height: 45px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-size: 30px;\n background-color: ${theme.brandColors.gray2};\n `}\n`;\n\nexport const StyledBody = styled.div`\n color: #6f8d9d;\n font-weight: 500;\n line-height: 97%;\n`;\n\nexport const StyledTitle = styled.span`\n color: #0eb1cf;\n margin-left: 10px;\n font-size:30px;\n`;\n\nexport const StyledSubsectionTitle = styled.div`\n color: #0eb1cf;\n font-size: 20px;\n margin-top: 10px;\n margin-bottom: 10px;\n`;\n\nexport const StyledS7SubsectionTitle = styled.div`\n color: #0eb1cf;\n font-size: 18px;\n margin-top: 10px;\n margin-bottom: 20px;\n`;\n\nexport const Separator = styled.hr`\n margin-top: 50px;\n margin-bottom: 30px;\n border-top: 3px solid #bbb;\n`;\n\n","import styled, {css} from 'styled-components';\n\nexport const StyledText = styled.p`\n ${({ theme }) => css`\n line-height: 1.3rem;\n color: ${theme.colors.gray[5]};\n text-align: justify;\n `}\n`;\n","import React from 'react';\nimport htmlParser from 'html-react-parser';\nimport { useTranslation } from 'react-i18next';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\nimport {\n StyledText\n} from 'components/Forms/Form5/Section1/Section1.styled';\n\nconst Section1 = () => {\n const { t } = useTranslation();\n \n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('F1_S6_Question_2')}:
\n {t('F1_S6_Question_3')}:
\n {t('F1_S6_Question_12')}:
\n {t('F1_S6_Question_14')}:
\n \n {t('F3_S7_Subtitle_General_Information')} {(activity.general_info_complete) && \n {t('F3_S7_Subtitle_Products')} {(activity.product_list_complete) && \n {(activity.activityType && activity.activityType.id == 4 ) && {t('F3_S7_Subtitle_Consultants')} {(activity.profile_list_complete) && }\n {(activity.activityType && activity.activityType.id != 4 ) && {t('F3_S7_Subtitle_Participants_assistance')} {(activity.participant_list_complete) && }\n {t('F5_S9_Subtitle_consolidated_budget')} \n {t('F5_S9_Subtitle_executed_budget')} {(activity.resource_list_complete) && \n {t('F5_S7_Subtitle_activity_assessment')} {(activity.assessment_complete) && \n
\n )\n\n}\n\nexport default ActivityItem;\n","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\n\nexport const StyledSubtitle = styled.div`\n ${({ theme }) => css`\n margin-top: 30px;\n margin-bottom: 10px;\n padding-left: 15px;\n color: ${theme.brandColors.blue};\n letter-spacing: 2px;\n font-weight: 650;\n `}\n`;\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 12px;\n margin-bottom: -10px;\n`;\n\nexport const StyledTextValue = styled(Col)`\n padding-left: 65px;\n display: flex;\n align-items: center;\n ${({ theme }) => css`\n color: ${theme.colors.gray[5]};\n `}\n`;\n\nexport const TextValueLeftSpaced = styled.div`\n padding-left: 65px;\n`;\n\nexport const StyledBudgetDiv = styled.div`\n ${({ theme }) => css`\n margin-top: 40px;\n padding: 50px;\n border-radius: 9px;\n border: 2px solid ${theme.brandColors.blue};\n `}\n`;\n\nexport const StyledNoticeParagraph = styled.p`\n font-size: .8em;\n line-height: 1.3rem;\n margin-bottom: 0px;\n text-align: justify;\n color: red;\n`;\n\nexport const BlackSpan = styled.span`\n color: black;\n`;\n\nexport const ActivityStateSpan = styled.span`\n ${({ theme }) => css`\n color: ${props => props.cancelled ? \"red\" : `${theme.brandColors.blue}`};\n `}\n`;","import React, { useState, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useTranslation } from 'react-i18next';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\n\nimport ActivityItem from './ActivityItem';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\nimport MoneyTextMask from 'components/MoneyTextMask';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport Form from 'react-bootstrap/Form';\nimport InputGroup from 'react-bootstrap/InputGroup';\nimport {\n StyledBudgetDiv,\n StyledNoticeParagraph,\n BlackSpan,\n} from 'components/Forms/Form5/Section7/Section7.styled';\nimport FakeAccordionItem from '../../FakeAccordionItem';\nexport const initialValues = {\n activities: [],\n estFromDate: null,\n estToDate: null,\n ueBudget: 0.00,\n allianceBudget: 0.00,\n totalBudget: 0.00\n};\n\nconst Section7 = ({ data }) => {\n const {t} = useTranslation();\n const [formValues, setFormValues] = useState(initialValues);\n\n useEffect(() => {\n if (data) {\n setFormValues(data[0]);\n }\n }, [data]);\n\n const getActivityName = (activity) => {\n const activityTitle = t('F1_S7_Accordion');\n const activityName = activity.name;\n const activityType = `- ${activity.activityType? t(`activity_types_${activity.activityType.id}`) : ' '} (${activity.fromDate? formatDateDDMMYY(activity.fromDate): \" \"}) `;\n const activityState = activity.activityState ? `[${t(activity.activityState.name)}]` : '';\n return `${activityTitle} ${activityName} ${activityType} ${activityState}`;\n };\n\n return (\n \n {(formValues.activities && formValues.activities.map((activity, key) => (\n \n \n \n \n )))}\n
\n\n \n
\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F3_S7_Subtitle_General_Information')} \n \n \n {t('F1_S7_type')}: \n \n\n \n {t('F1_S7_start_day')}* : \n \n\n \n {t('F1_S7_End_day')}* : \n \n\n \n {t('F5_S7_Title_of_the_activity')}* : \n \n\n \n {t('F1_S7_Short_description')}: \n \n\n \n {t('F1_S7_Country_activity')}: \n \n\n \n {t('F1_S2_State_Province_Region')}: \n \n\n \n {t('F1_S2_City')}: \n \n\n \n {t('F1_S7_Countries_additional')}: \n \n\n \n {t('F1_S7_Duration')}: \n \n\n \n {t('F1_S7_Number_participants')}: \n \n \n \n {t('F1_S7_Number_experts')}: \n \n\n {t('F1_S7_Number_wd')}: \n\n \n {t('F1_S7_Remote')}: \n \n\n \n {t('F1_S7_Onsite')}: \n \n\n \n {t('F1_S7_Total')}: \n \n\n \n \n {t('F3_S7_General_work_language')}* : \n
\n \n\n \n {t('F3_S7_General_justification_activity')}: \n \n\n {(formValues.activityType && (formValues.activityType.id == 4 || formValues.activityType.id == 7)) && \n <>\n \n {t('F3_S7_General_objectives')}* : \n \n \n }\n\n \n {t('F3_S7_General_learning_objectives')}: \n \n\n {(formValues.activityType && (formValues.activityType.id == 1 || formValues.activityType.id == 2 || formValues.activityType.id == 3)) && \n <>\n \n {t('F3_S7_General_speakers')}* : \n \n \n }\n\n \n {t('F3_S7_General_brief_description_schedule')}* : \n \n\n \n {t('F3_S7_General_workplan')}* : \n \n\n \n \n \n \n
\n )\n\n}\n\nexport default Section7GeneralInfo;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\n\nimport FakeAccordionItem from '../../FakeAccordionItem';\nimport { RequiredMark, SeparatorDotted } from 'components/CommonStyled';\nimport TextValue from 'components/TextValue';\nimport Row from 'react-bootstrap/Row';\nimport Form from 'react-bootstrap/Form';\nimport { StyledTitle } from '../CommonStyles';\n\nconst Section7Products = ({ activity, data }) => {\n const {t} = useTranslation();\n const [formValues, setFormValues] = useState({ productList: []});\n\n useEffect(() => {\n if (data) {\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F3_S7_Subtitle_Products')} \n\n {(formValues && formValues.productList && formValues.productList.map((product, key) => (\n \n \n \n \n )))}\n
\n )\n\n}\n\nexport default Section7Products;\n","import { ActivityItem, ActivityItemBody, ActivityItemTitle } from 'components/CommonStyled';\nimport i18n from 'i18n';\n\nexport const mapActivityItems = (array) => {\n return (\n (array && Array.isArray(array))\n ? \n array.map((assessment) => (\n \n \n {t('F3_S7_Product_type')}: \n \n\n \n {t('F3_S7_Product_title')}: \n \n\n \n {t('F3_S7_Product_Due_date')}: \n \n\n \n {t('F3_S7_Product_Description')}: \n \n\n \n (Document already uploaded, \n {product.media? product.media.fileName: null}\n ) \n \n \n \n {t('F5_S7_Products_document_comments')} * :\n \n \n
\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F3_S7_Subtitle_Participants_assistance')} \n\n {(formValues && formValues.participantList.map((participant, key) => (\n \n \n \n \n )))}\n
\n )\n\n}\n\nexport default Section7Participants;\n","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 12px;\n margin-bottom: 7px;\n margin-top: 15px;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n display: flex !important;\n justify-content: center;\n margin-top: 30px;\n padding: 20px 10px 10px 10px;\n margin-left: 10px;\n`;","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport FakeAccordionItem from '../../FakeAccordionItem';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\nimport { StyledFormLabel, StyledCheck } from 'components/Forms/Form5/Section7/ConsultantsForm/ConsultantsForm.styled';\nimport { StyledTitle } from '../CommonStyles';\n\nconst Section7Consultants = ({ activity, data }) => {\n const {t} = useTranslation();\n const [formValues, setFormValues] = useState([]);\n\n useEffect(() => {\n if (data) {\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n \n \n {t('F1_S2_First_name')}* : \n \n \n \n {t('F1_S2_Last_Name')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_nationality')}* : \n \n \n \n {t('F3_S7_Participant_city_departure')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_organization')}* : \n \n \n \n {t('F3_S7_Participant_type_entity')}* : \n \n \n
\n \n \n {t('F1_S2_Email')}* : \n \n \n \n {t('F1_S2_Phone_number')}* : \n \n \n
\n\n \n \n {t('F5_S7_Participant_confirmation_check1')}\n \n \n \n
\n {t('F5_S7_Participant_confirmation_check2')}\n \n \n\n {participant.confirmed \n &&\n
\n \n {`${t('F5_S7_Confirmed')}: ${participant.confirmTimestamp? formatDateDDMMYY(participant.confirmTimestamp): \"\"}`}\n
\n }\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F3_S7_Subtitle_Consultants')} \n\n {(formValues && formValues.map((consultant, key) => (\n \n \n \n \n )))}\n
\n )\n\n}\n\nexport default Section7Consultants;\n","import styled, { css } from 'styled-components';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport Button from 'react-bootstrap/Button';\n\nexport const StyledTitle = styled.h5`\n ${({ theme }) => css`\n color: ${theme.brandColors.blue};\n `}\n`;\n\nexport const StyledRow = styled(Row)`\n width: 100%;\n min-height: 120px;\n border-width: 3px;\n border-style: dotted none none none;\n padding-top: 10px;\n margin-left: 0px;\n`;\n\nexport const StyledCol = styled(Col)`\n ${({ theme }) => css`\n display: flex;\n align-items: center;\n justify-content: flex-end; \n color: ${theme.brandColors.green} \n `}\n`;\n\nexport const StyledColTitle = styled(Col)`\n display: flex;\n align-items: center;\n justify-content: center; \n margin-bottom: 15px;\n text-align: center;\n`;\n\nexport const StyledText = styled.p`\n color: black;\n text-align: justify;\n`;\n\nexport const StyledDiv = styled.div`\n width: 100%;\n margin-right: 15px;\n padding-left: 15px; \n margin-top: 10px;\n`;\n\nexport const StyledButtonLink = styled(Button)`\n padding: 0;\n border: none;\n background: none;\n box-shadow: none !important;\n margin-bottom: 4px;\n`;\n\nexport const StyledDivTotal = styled.div`\n ${({ theme }) => css`\n border: 2px solid ${theme.brandColors.blue};\n `} \n border-radius: 10px;\n padding-top: 20px;\n padding-bottom: 20px;\n margin-top: 20px;\n display: flex;\n`;\n\nexport const StyledNotice = styled.p`\n color: red;\n margin-left: 10px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport {StyledTitle, StyledRow, StyledCol, StyledText, StyledDiv, StyledColTitle, StyledDivTotal} from 'components/Forms/Form5/Section7/ResourcesF3Form/ResourcesF3Form.styled';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport MoneyTextMask from 'components/MoneyTextMask';\nimport { StyledTitle as StyledGlobalTitle } from '../CommonStyles';\n\nconst Section7BudgetF3 = ({ activity, data }) => {\n const {t} = useTranslation();\n const [formValues, setFormValues] = useState([]);\n const [activityTotal, setActivityTotal] = useState({\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n });\n\n useEffect(() => {\n if (data) {\n let total = {\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n }\n data.forEach(({ueBudget, counterpartBudget, totalCost}) => {\n total.ueBudget += ueBudget;\n total.counterpartBudget += counterpartBudget;\n total.totalCost += totalCost;\n })\n setActivityTotal(total);\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n {t('F3_S7_Consultant_qualifications')}: \n {t('F3_S7_Consultant_general_experience')}: \n {t('F3_S7_Consultant_specific_experience')}: \n {t('F3_S7_Consultant_requires_translation')}: \n \n \n \n \n
\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F5_S9_Subtitle_consolidated_budget')} \n\n {formValues.length !== 0 && (\n \n \n {t('F3_S7_Resource_column_EU')}\n \n \n {t('F3_S7_Resource_column_counterpart')}\n \n \n {t('F3_S7_Resource_column_total')}\n \n \n
\n )}\n\n {formValues && formValues.map(({resourceType, details}) =>( \n details.map(({ueOrCounterpart, totalMoney, description, file})=> (\n \n \n \n {t(`resource_type_${resourceType.id}`)}\n \n \n \n \n \n \n \n \n \n \n \n {t('Description')}:\n \n {description? description: \"-\" }\n \n \n \n\n )) \n ))}\n\n {formValues.length !== 0 &&\n \n \n \n \n \n \n \n \n }\n
\n )\n\n}\n\nexport default Section7BudgetF3;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { f5ActivityBudgetStatesConst } from 'constants/appConstants';\nimport completeIcon from 'assets/complete-mark.png';\nimport { CompleteImage } from 'components/Forms/Form5/Section7/ActivityItem/ActivityItem.styled';\n\nimport {StyledRow, StyledCol, StyledText, StyledDiv, StyledColTitle, StyledDivTotal, StyledNotice, StyledButtonLink} from 'components/Forms/Form5/Section7/ResourcesF3Form/ResourcesF3Form.styled';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport MoneyTextMask from 'components/MoneyTextMask';\nimport { StyledTitle } from '../CommonStyles';\n\nconst Section7ExecutedBudget = ({ activity, data }) => {\n const {t} = useTranslation();\n const [formValues, setFormValues] = useState([]);\n const [activityTotal, setActivityTotal] = useState({\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n });\n\n useEffect(() => {\n if (data) {\n let total = {\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n }\n data.forEach(({ueOrCounterpart, totalRealMoney}) => {\n total.ueBudget += ueOrCounterpart == 0? totalRealMoney: 0;\n total.counterpartBudget += ueOrCounterpart == 1? totalRealMoney: 0;\n total.totalCost += totalRealMoney;\n })\n setActivityTotal(total);\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n {t('F1_S7_Accordion')} - {activity ? activity.name : ''} - {t('F5_S9_Subtitle_executed_budget')} \n\n {formValues.length !== 0 && \n \n {t('F3_S7_Resource_column_EU')}\n \n \n {t('F3_S7_Resource_column_counterpart')}\n \n \n {t('F5_S7_Resource_column_total')}\n \n \n
}\n\n {formValues && formValues.map((detail) => ( \n \n \n {t(`resource_type_${detail.resourceType.id}`)}\n \n {(detail.resourceDetailState.name === f5ActivityBudgetStatesConst.FINALIZED \n || detail.resourceDetailState.name === f5ActivityBudgetStatesConst.CANCELLED) && \n \n \n \n \n \n \n \n \n \n {detail.description? detail.description: \"-\" }\n \n \n \n ))}\n\n {formValues.length !== 0 &&\n \n \n \n \n \n \n \n \n }\n
\n )\n\n}\n\nexport default Section7ExecutedBudget;\n","import styled, {css} from 'styled-components';\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledTitle = styled.h5`\n ${({ theme }) => css`\n color: ${theme.brandColors.blue};\n `}\n margin-bottom: 30px;\n`;\n\nexport const StyledFormLabel = styled(Form.Label)`\n text-align: justify;\n line-height: 1.3;\n`;\n\nexport const StyledDivWrapper = styled.div`\n margin-left: 50px;\n`;","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport TextValue from 'components/TextValue';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\n\nimport { RequiredMark } from 'components/CommonStyled';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport Form from 'react-bootstrap/Form';\nimport {\n StyledFormLabel,\n StyledTitle as StyledTitleLocal,\n} from 'components/Forms/Form5/Section8/Section8.styled';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\n\nexport const formInitialValues = [\n {\n interventionLogic: \"\",\n assessmentCovid19: \"\",\n startDate: \"\",\n endDate: \"\",\n }\n];\n\nconst Section8 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState(formInitialValues);\n\n useEffect(() => {\n if (data) {\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n {t('F5_S7_provider')}:\n \n {detail.provider? detail.provider: \"-\" }\n \n
\n \n {t('F5_S7_status')}:\n \n {(detail.resourceDetailState.name === 'CONTRACTING' \n && (detail.providerSelected && !detail.budgetConfirmed) \n && detail.resourceType && (detail.resourceType.id != 8 && detail.resourceType.id != 9)) ? (\n \n
\n \n {detail.resourceDetailState.name+\" - \"}\n \n {t('F5_S7_waiting_confirmation')}\n \n
\n ) : (\n detail.resourceDetailState.name \n )}\n | \n | \n \n | \n | \n | \n | \n | \n
\n {formValues? mapActivityItems(formValues[1]): \"-\"}\n
\n\n \n {formValues? mapActivityItems(formValues[2]): \"-\"}\n
\n\n \n {formValues? mapActivityItems(formValues[3]): \"-\"}\n
\n\n \n \n {t('F5_S10_type_of_beneficiary')}: \n \n\n \n {t('F5_S10_beneficiary_quantification')}: \n \n\n \n {t('F5_S10_quantity_all_countries')}: \n \n
\n \n \n {title}: \n \n\n \n {t('F3_S11_Justification')}: \n \n\n {(data.targetList && data.targetList.map((target, key) => (\n \n \n \n \n )))}\n
\n )\n}\n\nexport default ObjectiveForm;","import styled, {css} from 'styled-components';\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledFormLabel = styled(Form.Label)`\n text-align: justify;\n line-height: 1.3;\n`;\n\nexport const StyledDivWrapper = styled.div`\n margin-left: 50px;\n`;\n\nexport const StyledLinkSeparator = styled.div`\n margin-bottom: 20px;\n`;\n\nexport const Title = styled.div`\n ${({ theme }) => css`\n margin-top: 35px;\n margin-bottom: 16px;\n text.align: justify;\n color: ${theme.brandColors.blue};\n font-weight: 650;\n `}\n`;\n\nexport const BlackSubtitle = styled.div`\n ${({ theme }) => css`\n margin-top: 35px;\n margin-bottom: 15px;\n text.align: justify;\n color: ${theme.colors.black};\n font-weight: 650;\n `}\n`;\n\nexport const ActivityItem = styled.div`\n display: flex;\n flex-direction: row;\n`;\n\nexport const ActivityItemTitle = styled.span`\n white-space: nowrap;\n margin-right: 10px;\n margin-bottom: 15px;\n font-weight: 650;\n`;\n\nexport const ActivityItemBody = styled.span`\n ${({ theme }) => css`\n color: ${theme.colors.black};\n white-space: \"pre-wrap\";\n margin-bottom: 15px;\n `}\n`;\n\nexport const StyledFakeLink = styled.button`\n padding: 0;\n border: none;\n background: none;\n box-shadow: none !important;\n color: #007bff;\n margin-right: 10px;\n margin-bottom: 15px;\n font-weight: 650;\n`;\n\nexport const StyledSDGTitle = styled.span`\n ${({ theme }) => css`\n color: ${theme.colors.black};\n flex-wrap: wrap;\n max-width: 600px;\n margin-right: 10px;\n margin-bottom: 5px;\n font-weight: 650;\n `}\n`;","import React, { useState, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useTranslation } from 'react-i18next';\nimport { mapActivityItems } from 'helpers/f5Helpers';\n\nimport Objective from './Objective';\nimport Form from 'react-bootstrap/Form';\nimport { RequiredMark, SeparatorDotted } from 'components/CommonStyled';\nimport {\n StyledFormLabel,\n BlackSubtitle,\n Title,\n} from 'components/Forms/Form5/Section11/Section11.styled';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\n\nconst formInitialValues = [\n {\n overviewSDG: \"\",\n contribution2030: \"\",\n },\n];\n\nconst Section11 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState(formInitialValues);\n\n useEffect(() => {\n if (data) {\n setFormValues(data);\n }\n }, [data]);\n \n return (\n \n
\n \n {formValues && formValues[1] && formValues[1].map(activity => (\n \n {activity.activityName}: \n \n ))}\n
\n\n \n {formValues && formValues[2] && formValues[2].map(activity => (\n \n {activity.activityName}: \n \n ))}\n
\n\n \n {formValues && formValues[1] && formValues[1].map(activity => (\n \n {activity.activityName}: \n \n ))}\n
\n \n \n {t(`media_type_${i}`)} \n
,\n )\n }\n }\n return list\n }\n\n return (\n \n {renderItemsByType(items)}\n handleOpenModal()}>\n {t('F1_S8_Button_add_item')}\n \n
\n )\n}\n\nexport default CommunicationToolList\n","import styled, {css} from 'styled-components';\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledFormLabel = styled(Form.Label)`\n text-align: justify;\n line-height: 1.3;\n`;\n\nexport const StyledDivWrapper = styled.div`\n margin-left: 50px;\n`;\n\nexport const Title = styled.div`\n ${({ theme }) => css`\n margin-top: 35px;\n margin-bottom: 16px;\n text.align: justify;\n color: ${theme.brandColors.blue};\n font-weight: 650;\n `}\n`;","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport CommunicationToolList from 'components/Forms/Form5/Section14/CommunicationToolList';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport TextValue from 'components/TextValue';\nimport { StyledFormLabel, Title } from 'components/Forms/Form5/Section14/Section14.styled';\nimport { RequiredMark } from 'components/CommonStyled';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\n\nexport const formInitialValues = {\n objective: \"\",\n samePerson: false,\n firstname: \"\",\n lastname: \"\",\n email: \"\",\n entityName: \"\",\n phone: \"\",\n auth: false,\n communicationTools: [],\n}\n\nconst Section14 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState(formInitialValues);\n\n useEffect(() => {\n if (data) {\n setFormValues(data[0]);\n }\n }, [data]);\n\n return (\n \n \n {t('F5_S15_Lesson_title')}: \n \n\n \n {t('F5_S15_Lesson_type')}: \n \n\n \n {t('F5_S15_Lesson_moment')}: \n \n\n \n {t('F5_S15_Lesson_description')}: \n \n \n \n {t('F5_S15_Lesson_decision')}: \n \n\n \n {t('F5_S15_Lesson_derived_from')}: \n \n\n \n {t('F5_S15_Lesson_Opportunities')}: \n \n\n \n {t('F5_S15_Lesson_This_knowledge')}: \n \n\n \n {t('F5_S15_Lesson_Countries_reference')}: \n \n\n \n {t('F5_S15_Lesson_Actors_involved')}: \n \n\n \n {t('F5_S15_Lesson_Keywords')}: \n \n
\n )\n\n}\n\nexport default LessonForm;\n","import React, {useState, useEffect} from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport LessonForm from './LessonForm';\nimport { \n SectionContainer, \n StyledTitleHead, \n TitleContainer, \n StyledTitle, \n StyledBody \n} from '../CommonStyles'\nimport FakeAccordionItem from '../../FakeAccordionItem';\n\nconst Section15 = ({ data }) => {\n const { t } = useTranslation();\n const [formValues, setFormValues] = useState([]);\n\n useEffect(() => {\n if (data) {\n setFormValues(data);\n }\n }, [data]);\n\n return (\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n \n {formatDateWithHour(creation_date)}\n \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n \n {formatDateWithHour(creation_date)}\n \n
\n {comment}\n \n
\n )\n};\n\nexport default F5PDFGen;\n","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\nimport { PrimaryButton } from 'components/Buttons'\n\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const Separator = styled.div`\n margin-top: 20px;\n`;\n\nexport const StyledSendButton = styled(PrimaryButton)`\n ${({ theme }) => css`\n background-color: ${theme.brandColors.lightBlue};\n color: ${theme.colors.white};\n border: none;\n text-align: center;\n display: inline-block;\n font-weight: 600;\n border-radius: 16px;\n margin: -5px 0px;\n width: auto;\n height: 2em;\n padding: 0px 20px;\n letter-spacing: 2px;\n &:hover {\n background-color: ${theme.brandColors.lightBlueHover};\n }\n &:disabled {\n background-color:${theme.brandColors.green};\n color: white;\n border: ${theme.colorGroups.success.bgColor};\n &:hover: none !important;\n }\n `}\n`;\n","import React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next';\n\nimport {ErrorButton} from 'components/Buttons'\nimport F1PDFGenerator from 'components/PDFgenerator/F1/F1PdfGen';\nimport F3PDFGenerator from 'components/PDFgenerator/F3/F3PdfGen';\nimport F5PDFGenerator from 'components/PDFgenerator/F5/F5PdfGen';\nimport Col from 'react-bootstrap/Col';\nimport Spinner from 'react-bootstrap/Spinner';\nimport { \n StyledModalBody,\n StyledSendButton,\n} from './PDFGenerationModal.styled'\nimport Modal from 'react-bootstrap/Modal'\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst PDFGenerationModal = ({ show, onClose, initiativeId, initiativeCode, formId }) => {\n const { t } = useTranslation();\n const [loading, setLoading] = useState(false);\n\n const handleGenerate = () => {\n setLoading(true);\n };\n\n const handleDone = () => {\n onClose();\n setLoading(false);\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {sectionsData.section7SubsectionsData.map(activity => (\n <>\n \n
\n \n
\n {(activity.activityType && activity.activityType.id == 4 ) && (\n \n
\n )}\n {(activity.activityType && activity.activityType.id == 4 ) && (\n \n
\n )}\n \n
\n \n
\n \n ))}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n ) : (\n <>\n {t('pdf_gen_warning')}\n \n {t('pdf_gen_generating')}\n
\n \n {\n (formId == 1) ? (\n
\n { title }
\n{ title }
\n{ title }
\n\n {((id==2) && (!(formId === \"form2section1\") && (!isTa) && showButtonClarif )) &&\n ( \n {!showSavedMessageF2? t('Button_Save_Request_Clarification'): t('Button_Saved_Request_Clarification')}\n \n )\n }\n\n {((id==4) && (!(formId === \"form4section1\") && (!isTa) && showButtonClarif )) &&\n ( \n {!showSavedMessage? t('Button_Save_Comments'): t('Button_Saved_Comments')}\n \n )\n }\n\n { (id==5 && formId !== \"form5section1\" && isManager && showButtonClarif ) && (\n \n {showSavedMessage? t('Button_saved'): t('Button_save')}\n \n )}\n\n { (showSaveButton && (id==1 || id==3 || id==5)) && (\n \n {showSavedMessage? t('Button_saved'): t('Button_save')}\n \n )}\n
\n\n \n {isHelp && (\n <>\n \n \n {t('need_help')} \n {t('consult_our')} setModalShow(true)}>{t('faq')} {\" \"+t('or')+\" \"} {setHelpDialogData({isShow: true})}}> {t('request_support')} .\n \n
\n \n\n setModalShow(false)}\n data={t(getFAQByForm(params.formId))}\n />\n \n )}\n
\n\n { hideSaveButton ? null : (\n \n { htmlParser(t('F1_S1_intro')) }\n
\n \n \n
\n\n \n {\n document.getElementById(\"fileInput\").click();\n }}\n >\n {uploadLabel}\n \n\n \n ({t('file_uploader_uploaded_doc')+\" \"}\n \n handleDownload(file.uuid, file.fileName)\n }\n >\n {file ? file.fileName : null}\n \n )\n \n\n {\n handleFileUpload(e);\n }}\n type=\"file\"\n />\n
\n \n );\n};\n\nexport default FileUploader;\n","\n\n\nimport { FormFielErrorMessage } from \"components/CommonStyled\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FormErrorMessage = ({ touched, errors, style = undefined }) => {\n const { t } = useTranslation();\n return (\n touched && errors && typeof errors === 'string' ? (\n \n
\n \n {t('Confirmation remove coapp') + ' ' + (selectedKey + 1)}?
\n \n )}\n{t('Confirmation remove entity') + ' ' + (selectedKey + 1)}?
\n \n )}\n{t('Confirmation remove activity') + ' ' + (selectedKey + 1)}?
\n \n )}\n{t('Confirmation remove tool') + ' ' + (selectedKey + 1)}?
\n \n )}\n\n {\n setModalData({ show: true, id: null });\n }}\n disabled={nonEditable}\n >\n {t('New_comment')}\n \n
\n\n {comments &&\n comments.map(({ id, role, user, comment, responses, creation_date }) => (\n <>\n {role && user && creation_date && (\n <>\n \n {`${title(role, user)} - ${user.name} ${user.lastName}`} \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n {\n const data = handleComments(allComments, comments, commentsNumber);\n setComments(data.comments);\n setAllComments(data.allComments);\n }}\n >\n {t('Load_more_comments')}\n \n
\n \n {i18n.t('CR_for')+\" \"} {`${name} ${organization}`}: {`[${status}]`}
{text}\n
{i18n.t('INTPA_clarification:')+\" \"}{clarification}
\n)\n\nconst EudClarificationsModal = () => {\n const { eudClarifications } = useGetClarifications(); \n const { sectionId } = useParams();\n const [modal, setModal] = useState(false);\n const {t} = useTranslation();\n\n return (\n <>\n {modal &&{t('Assessment_by')+\" \"+currentValues.user.organization+\", \"+currentValues.user.name+\" \"+currentValues.user.lastName+\" - \"+t('Initiative')+\" \"+initiative}
\n\n
\n
\n {currentValues.quality}\n
\n\n {currentValues.theme}\n
\n\n {currentValues.participants}\n
\n\n {currentValues.triangular}\n
\n\n {currentValues.alignment}\n
\n\n {currentValues.euPriorities}\n
\n\n {currentValues.coherence}\n
\n\n {currentValues.opportunity}\n
\n\n {currentValues.assessment}\n
\n\n {`${f2a.user.organization}, ${f2a.user.name} ${f2a.user.lastName} - `}\n {f2a.stateName === f2statusNamesConst.DONE ? (\n {\n handleClick(f2a)\n }}\n >\n {t('Received_on') +\n ' ' +\n (f2a && f2a.statusTimestamp\n ? formatDate(f2a.statusTimestamp)\n : '-')}\n \n ) : (\n t('Pending')\n )}\n
\n ))\n }\n\n return (\n <>\n {displayModalInvite && (\n \n {\n handleClick(intpaAssessment)\n }}\n >\n {t('Received_on') + ' ' + intpaAssessment.statusTimestamp\n ? formatDate(intpaAssessment.statusTimestamp)\n : '-'}\n \n ) : (\n t('Pending')\n )}\n \n )}\n
\n\n {isIntpa && (\n \n \n {'+' + ' ' + t('F2_invite_assessors')}\n \n
\n )}\n \n {`${t('F2c_final_confirmation_to_send_part3')} ${intpaDecision? t('Approve'): t('Reject')} ${t('F2c_final_confirmation_to_send_part4')}`} \n \n :\n <>\n {htmlParser(t('F2ab_confirmation_to_send'))}\n \n }\n \n
\n {\n setModalData({ show: true, id: null });\n }}\n disabled={nonEditable}\n >\n {t('New_comment')}\n \n
\n\n {comments &&\n comments.map(({ id, role, user, comment, responses, creation_date }) => (\n <>\n {role && user && creation_date && (\n <>\n \n {`${title(role, user)} - ${user.name} ${user.lastName}`} \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n {\n const data = handleComments(allComments, comments, commentsNumber);\n setComments(data.comments);\n setAllComments(data.allComments);\n }}\n >\n {t('Load_more_comments')}\n \n
\n \n \n \n {t('F1_S6_Question_12')}\n * :\n \n \n \n {developmentGoals.map((devGoal) => (\n \n ))}\n \n \n\n \n \n {t('F1_S6_Question_13')}\n \n \n\n \n \n {t('F1_S6_Question_14')}:\n \n \n \n {developmentGoals.map((devGoal) => (\n \n ))}\n \n \n\n \n \n {t('F1_S6_Question_15')}\n \n \n
\n \n\n setRemoveItemModalShow(false)}\n handleActionOnConfirm={() => {handleRemoveResource(selectedDetailId)}}\n text={t('Confirmation remove budget resource')}\n />\n\n { setModalClose(true) }} \n handleCloseOnSave={async () => {\n setBudgetLineModalShow(false);\n await handleRefreshList();\n setModalInfo({\n message: \"Budget line saved.\",\n type: \"success\",\n isOpen: true,\n });\n setCurrentBudget(null);\n setTimeout((function() { setModalInfo(\n {isOpen: false,\n message: \"\",\n type: \"info\",})})\n ,2000);\n }}\n handleCloseOnError={() => {\n setModalInfo({\n message: \"Error. Please try again later\",\n type: \"error\",\n isOpen: true,\n });\n }}\n activity={activity}\n currentBudget={currentBudget}\n validFileFormats={validFileFormats}\n setModalInfo={setModalInfo}\n nonEditable={nonEditable}\n />\n {\n setModalClose(false);\n setBudgetLineModalShow(false);\n setCurrentBudget(null);\n }}\n handleCloseConfirm={() => {setModalClose(false)}}\n />\n \n
\n )\n}\n\nexport default observer(ResourcesForm);","export const formInitialValues = [];\n ","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nconst phoneRegExp = /^((\\+[1-9]{1,4}[ -]?)|(\\([0-9]{2,3}\\)[ -]?)|([0-9]{2,4})[ -]?)*?[0-9]{3,4}[ -]?[0-9]{3,4}$/\n\nexport const validationSchema = Yup.object().shape({\n participantList: Yup.array()\n .of(\n Yup.object().shape({\n firstName: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(100, 'F3_S7_validation14'),\n lastName: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(100, 'F3_S7_validation14'),\n nationalityId: Yup.string()\n .min(1, 'F1_S2_validation5'),\n city: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(100, 'F3_S7_validation14'),\n email: Yup.string()\n .email('F1_S2_validation23')\n .max(100, 'F1_S2_validation24'),\n phone: Yup.string()\n .min(2, 'F1_S2_validation20')\n .max(100, 'F1_S2_validation21')\n .matches(phoneRegExp, 'F1_S2_validation22'),\n entityType: Yup.string()\n .min(1, 'F1_S2_validation5'),\n organizationName: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(100, 'F3_S7_validation14'),\n })\n )\n});","import React from 'react';\nimport { getIn } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { RequiredMark } from 'components/CommonStyled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\n\nconst fieldInfo = (formikInstance, field) => {\n const getFieldError = getIn(formikInstance.errors, field);\n const getFieldTouched = getIn(formikInstance.touched, field);\n return {\n touched: getFieldTouched,\n error: (\n \n \n {(props) => (\n \n )}\n \n
\n )\n}\n\nexport default ParticipantsForm;","export const formInitialValues = {\n profileList: []\n};\n ","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n profileList: Yup.array()\n .of(\n Yup.object().shape({\n skills: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5'),\n generalExp: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5'),\n specificExp: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5'),\n interpretation: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5'),\n })\n )\n .required('F3_S7_validation6')\n .min(1, 'F3_S7_validation7')\n});\n","import React from 'react';\nimport { getIn } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { RequiredMark } from 'components/CommonStyled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\n\nconst fieldInfo = (formikInstance, field) => {\n const getFieldError = getIn(formikInstance.errors, field);\n const getFieldTouched = getIn(formikInstance.touched, field);\n return {\n touched: getFieldTouched,\n error: (\n \n \n {(props) => (\n \n )}\n \n
\n )\n}\n\nexport default ConsultantsForm;","export const formInitialValues = {\n productList: []\n};\n ","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nconst yesterday = new Date(Date.now() - 86400000);\n\nexport const validationSchema = Yup.object().shape({\n productList: Yup.array()\n .of(\n Yup.object().shape({\n productTypeId: Yup.string()\n .min(1, 'F1_S2_validation5'),\n name: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(100, 'F3_S7_validation14'),\n dueDate: Yup.date()\n .min(yesterday, 'F1_S7_validation3')\n .typeError('F1_S7_validation9'),\n description: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F1_S6_validation9'),\n })\n )\n .required('F3_S7_validation15')\n .min(1, 'F3_S7_validation16')\n});","import React from 'react';\nimport { getIn } from 'formik';\nimport { useTranslation } from 'react-i18next';\n\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport InputGroup from 'react-bootstrap/InputGroup';\nimport DatePicker from \"react-datepicker\";\nimport { RequiredMark } from 'components/CommonStyled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\n\nconst fieldInfo = (formikInstance, field) => {\n const getFieldError = getIn(formikInstance.errors, field);\n const getFieldTouched = getIn(formikInstance.touched, field);\n return {\n touched: getFieldTouched,\n error: (\n \n \n {(props) => (\n \n )}\n \n
\n )\n}\n\nexport default ProductsForm;","export const formInitialValues = {\n activityTypeId: \"\",\n duration: 0,\n description: \"\",\n fromDateStr: \"\",\n toDateStr: \"\",\n participants: 0,\n countryId: \"\",\n cityName: \"\",\n stateName: \"\",\n ueBudget: 0.000001,\n counterPartBudget: 0.000001,\n totalBudget: 0.000002,\n justBudget: \"\",\n experts: 0,\n daysRemote: 0,\n daysOnsite: 0\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nconst yesterday = new Date(Date.now() - 86400000);\n\nexport const validationSchema = Yup.object().shape({\n activityTypeId: Yup.string()\n .required('F3_S7_validation9'),\n description: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11')\n .required('F3_S7_validation12'),\n fromDateStr: Yup.date()\n .min(yesterday, 'F1_S7_validation3')\n .typeError('F1_S7_validation9'),\n toDateStr: Yup.date()\n .min(Yup.ref('fromDateStr'), 'F1_S7_validation4')\n .typeError('F1_S7_validation9'),\n\n duration: Yup.number().when('activityTypeId', {\n is: activityType => (activityType !== \"4\" && activityType !== \"7\"),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true)\n }),\n participants: Yup.number().when('activityTypeId', {\n is: activityType => (activityType !== \"4\" && activityType !== \"7\"),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true)\n }),\n experts: Yup.number().when('activityTypeId', {\n is: activityType => activityType === \"4\",\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true)\n }),\n\n daysRemote: Yup.number().when(['activityTypeId', 'daysOnsite'], {\n is: (activityType, days) => activityType === \"4\" && !(Number.parseInt(days) > 0),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true)\n }),\n daysOnsite: Yup.number().when(['activityTypeId', 'daysRemote'], {\n is: (activityType, days) => activityType === \"4\" && !(Number.parseInt(days) > 0),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true)\n }),\n countryId: Yup.string()\n .required('F3_S7_validation13'),\n cityName: Yup.string()\n .min(3, 'F1_S2_validation11')\n .max(100, 'F1_S2_validation12')\n .required('F1_S7_validation13'),\n stateName: Yup.string()\n .min(3, 'F1_S2_validation13')\n .max(100, 'F1_S2_validation14'),\n countriesAdditional: Yup.string()\n .max(300, 'F1_S7_validation14')\n .nullable(true),\n justBudget: Yup.string()\n .min(10, 'F1_S7_validation16')\n .max(650, 'F1_S7_validation17')\n .required('F1_S7_validation18'),\n}, [['daysRemote', 'daysOnsite'], ['ueBudget', 'counterPartBudget']]);","import React from 'react'\nimport { Formik } from 'formik'\nimport { formInitialValues } from './NewActivityForm.initialValues'\nimport { validationSchema } from './NewActivityForm.validations'\nimport { useTranslation } from 'react-i18next'\nimport { useConstantsForm3 } from 'customHooks/useConstantsForm3'\nimport { createNewActivityF3S7 } from 'services/initiative'\nimport { useParams } from 'react-router-dom'\n\nimport { RadioLabel } from 'components/Forms/Forms.styled'\nimport { PrimaryButton } from 'components/Buttons'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport InputGroup from 'react-bootstrap/InputGroup'\nimport DatePicker from 'react-datepicker'\nimport 'react-datepicker/dist/react-datepicker.css'\nimport { ErrorButton, StyledSendButton } from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport {\n RequiredMark,\n SeparatorDotted,\n CenteredModalButtonContainer,\n} from 'components/CommonStyled'\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage'\n\nconst NewActivityForm = ({\n handleCloseOk,\n handleClose,\n handleCloseOnSave,\n handleRefreshList,\n nonEditable,\n}) => {\n const { t } = useTranslation()\n const { id } = useParams()\n const { countries, activityTypes } = useConstantsForm3()\n\n const onSave = async (values) => {\n try {\n const valuesCopy = JSON.parse(JSON.stringify(values))\n valuesCopy.totalBudget = values.ueBudget + values.counterPartBudget\n valuesCopy.fromDateStr = values.fromDateStr.toISOString()\n valuesCopy.toDateStr = values.toDateStr.toISOString()\n await createNewActivityF3S7(id, valuesCopy)\n handleRefreshList()\n handleCloseOnSave()\n } catch (error) {\n console.log(error)\n }\n }\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default NewActivityForm\n","export const formInitialValues = {\n activityType: \"\",\n fromDate: \"\",\n toDate: \"\",\n description: \"\",\n country: \"\",\n stateName: \"\",\n cityName: \"\",\n duration: 0,\n participants: 0,\n experts: 0,\n format: 0,\n daysRemote: 0,\n daysOnsite: 0,\n workLang1: false,\n workLang2: false,\n workLang3: false,\n workLang4: false,\n justification: \"\",\n objective: \"\",\n learning: \"\",\n results: \"\",\n speakers: \"\",\n descSchedule: \"\",\n trainer: false,\n workPlans: \"\"\n};\n ","import * as Yup from 'yup'\nimport i18n from 'i18n'\n\nconst yesterday = new Date(Date.now() - 86400000)\n\nexport const validationSchema = Yup.object().shape({\n fromDate: Yup.date()\n .min(yesterday, 'F1_S7_validation3')\n .typeError('F1_S7_validation9'),\n toDate: Yup.date()\n .min(Yup.ref('fromDate'), 'F1_S7_validation4')\n .typeError('F1_S7_validation9'),\n description: Yup.string()\n .min(10, 'F1_S7_validation6')\n .max(1300, 'F1_S7_validation7')\n .required('F1_S7_validation8'),\n format: Yup.string()\n .oneOf(['0', '1', '2'])\n .required('F1_S7_validation20'),\n countryId: Yup.string().when(['format'], {\n is: (format) => format === '0' || format === '1',\n then: Yup.string().required('F1_S7_validation12'),\n otherwise: Yup.string().nullable(true),\n }),\n cityName: Yup.string().when(['format'], {\n is: (format) => format === '0' || format === '1',\n then: Yup.string()\n .min(3, 'F1_S2_validation11')\n .max(100, 'F1_S2_validation12')\n .required('F1_S7_validation13'),\n otherwise: Yup.string().nullable(true),\n }),\n stateName: Yup.string()\n .min(3, 'F1_S2_validation13')\n .max(100, 'F1_S2_validation14'),\n countriesAdditional: Yup.string()\n .max(300, 'F1_S7_validation14')\n .nullable(true),\n duration: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n participants: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n experts: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n daysRemote: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n daysOnsite: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n workLang1: Yup.boolean(),\n workLang2: Yup.boolean(),\n workLang3: Yup.boolean(),\n workLang4: Yup.boolean(),\n generalAlignment: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300)\n .nullable(true),\n generalParticipationMembers: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'F3_S7_validation8')\n .nullable(true),\n learning: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'F3_S7_validation8')\n .nullable(true),\n results: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'F3_S7_validation8')\n .nullable(true),\n generalProposalCrossIssues: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'F3_S7_validation8')\n .nullable(true),\n descSchedule: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'F3_S7_validation8')\n .nullable(true),\n trainer: Yup.boolean(),\n})\n","import React, { useEffect, useState } from 'react'\nimport { Formik } from 'formik'\nimport { formInitialValues } from './GeneralInfoForm.initialValues'\nimport { validationSchema } from './GeneralInfoForm.validations'\nimport { useTranslation } from 'react-i18next'\nimport { saveGeneralInfoF3S7 } from 'services/initiative'\nimport { useParams } from 'react-router-dom'\nimport { parseDateString } from 'helpers/dateHelpers'\nimport HelpIcon from 'components/HelpIcon'\n\nimport { useConstantsForm1 } from 'customHooks/useConstantsForm1'\nimport { PrimaryButton } from 'components/Buttons'\nimport { StyledFormLabel } from '../Section7.styled'\nimport TextValue from 'components/TextValue'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport DatePicker from 'react-datepicker'\nimport 'react-datepicker/dist/react-datepicker.css'\nimport { ErrorButton, StyledSendButton } from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport {\n RequiredMark,\n SeparatorDotted,\n CenteredModalButtonContainer,\n} from 'components/CommonStyled'\nimport { RadioLabel } from 'components/Forms/Forms.styled'\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage'\n\nconst GeneralInfoForm = ({\n handleCloseOk,\n handleClose,\n activity,\n handleCloseSubModalOnSave,\n handleCloseSubModalOnError,\n nonEditable,\n}) => {\n const { t } = useTranslation()\n const { id } = useParams()\n const [initialValues, setInitialValues] = useState(formInitialValues)\n const { filteredCountries } = useConstantsForm1()\n\n const onSave = async (values) => {\n try {\n await saveGeneralInfoF3S7(id, activity.id, values)\n handleCloseSubModalOnSave()\n } catch (error) {\n handleCloseSubModalOnError()\n }\n }\n\n const handleChangeRadio = (e, values, setFieldValue) => {\n setFieldValue('format', e?.target?.value)\n if (e?.target?.value === '2') {\n setFieldValue('countryId', '')\n setFieldValue('stateName', '')\n setFieldValue('cityName', '')\n setFieldValue('countriesAdditional', '')\n }\n }\n\n useEffect(() => {\n const formValues = { ...formInitialValues, ...activity }\n formValues.fromDate = formValues.fromDate\n ? parseDateString(formValues.fromDate)\n : ''\n formValues.toDate = formValues.toDate\n ? parseDateString(formValues.toDate)\n : ''\n formValues.countryId = formValues?.country?.id\n setInitialValues(formValues)\n }, [])\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default GeneralInfoForm\n","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const Separator = styled.div`\n margin-top: 20px;\n`;\n\nexport const ModalTitle = styled.span`\n font-weight: 700;\n`;","import React from \"react\";\n\nimport ResourcesForm from '../ResourcesForm'\nimport ParticipantsForm from '../ParticipantsForm'\nimport ConsultantsForm from '../ConsultantsForm'\nimport ProductsForm from '../ProductsForm'\nimport NewActivityForm from '../NewActivityForm'\nimport GeneralInfoForm from '../GeneralInfoForm'\nimport HelpIcon from \"components/HelpIcon\";\nimport Modal from 'react-bootstrap/Modal'\nimport { useTranslation } from 'react-i18next'\n\nimport { StyledModalBody, ModalTitle } from './ActivityGeneralModal.styled'\n\nconst ActivityGeneralModal = ({\n handleRefreshList,\n show,\n formType,\n handleClose,\n handleCloseOnSave,\n handleCloseOnError,\n title,\n activity,\n activityCode,\n setModalInfo,\n handleCloseOk,\n nonEditable,\n info,\n}) => {\n const { t } = useTranslation()\n\n const handleCloseSubModalOnSave = async () => {\n await handleRefreshList()\n handleCloseOnSave()\n }\n\n const getFormByType = (type) => {\n const fromByType = {\n [0]: (\n {getFormByType(formType)}
\n | \n | \n \n | \n | \n | \n | \n | \n
\n \n {t('F3_S14_Number_users')}: * \n \n
\n \n \n )\n\n}\n\nexport default MediaForm;\n","import React, { useState, useEffect } from 'react';\nimport { Formik, FieldArray } from 'formik';\nimport { validationSchema } from './Section14.validations';\nimport { observer } from 'mobx-react-lite';\nimport { useParams } from 'react-router-dom';\nimport { saveFormSection } from 'services/initiative';\nimport { f3statusNamesConst, roleNamesConst } from 'constants/appConstants';\nimport { useRootStore } from 'stores';\nimport { formInitialValues } from './Section14.initialValues';\nimport { useConstantsForm1 } from 'customHooks/useConstantsForm1';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nimport { Title, Separator, StyledSectionWrapper, StyledFormLabel } from './Section14.styled';\n\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { PrimaryButton, ErrorButton } from 'components/Buttons';\nimport MediaForm from './MediaForm';\nimport ConfirmCloseModal from 'components/ConfirmCloseModal';\nimport { FormFielErrorMessage, RequiredMark, SeparatorDotted } from 'components/CommonStyled';\nimport FormLayout from '../../FormLayout';\nimport FormContainer from 'components/FormContainer';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst mediaObject = {\n mediaTypeId: '',\n url: '',\n comments: '',\n //quantity: 0,\n};\n\nconst Section14 = () => {\n const { t } = useTranslation();\n const { id, formId, sectionId } = useParams();\n const { formStore, initiativeStore } = useRootStore();\n const [saved, setSaved] = useState(false);\n const [nonEditable, setNonEditable] = useState(false);\n const [formValues, setFormValues] = useState(formInitialValues);\n const [modalRemove, setModalRemove] = useState(false);\n const [selectedKey, setSelectedKey] = useState(null);\n const { mediaTypes } = useConstantsForm1();\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useEffect(() => {\n setNonEditable(\n initiativeStore.formStateName !== f3statusNamesConst.DRAFT || initiativeStore.role === roleNamesConst.GUEST,\n );\n }, [initiativeStore.formStateName]);\n\n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = { ...formInitialValues, ...formStore.formSectionData[0] };\n for (const key in formSectionData) {\n if (!formSectionData[key]) {\n formSectionData[key] = '';\n }\n }\n formSectionData.items.forEach(e => {\n e.mediaTypeId = e.mediaType ? e.mediaType?.id : '';\n });\n setFormValues(formSectionData);\n }\n }, [formStore.formSectionData]);\n\n useEffect(() => {\n if (saved) window.scrollTo(0, 0);\n }, [saved]);\n\n // Handle remove media modal confirmation\n const openModalRemove = key => {\n setModalRemove(true);\n setSelectedKey(key);\n };\n\n const closeModalRemove = () => {\n setModalRemove(false);\n setSelectedKey(null);\n };\n\n const handleSubmit = async (values, { resetForm }) => {\n try {\n const response = await saveFormSection(id, formId, sectionId, values);\n let bool = true && response.items;\n if (response.items) {\n response.items.forEach(element => {\n bool = bool && element.complete;\n });\n }\n formStore.setSectionStatus(sectionId, bool);\n resetForm({ values });\n setSaved(true);\n } catch (error) {\n console.log(error);\n }\n };\n\n const onValidateSubmit = (e, isValid, values, resetForm) => {\n e.preventDefault();\n isValid ? handleSubmit(values, { resetForm }) : alert(t('not_saved_alert'));\n };\n\n return (\n \n {\n setModalData({ show: true, id: null });\n }}\n disabled={nonEditable}\n >\n {t('New_comment')}\n \n
\n\n {comments &&\n comments.map(({ id, role, user, comment, responses, creation_date }) => (\n <>\n {role && user && creation_date && (\n <>\n \n {`${title(role, user)} - ${user.name} ${user.lastName}`} \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n {\n const data = handleComments(allComments, comments, commentsNumber);\n setComments(data.comments);\n setAllComments(data.allComments);\n }}\n >\n {t('Load_more_comments')}\n \n
\n \n {i18n.t('Comments_for')+\" \"} {`${name} ${organization}`}: {`[${status}]`}
{text}\n
{i18n.t('INTPA_comment:')+\" \"}{comments? comments: '-'}
\n)\n\nconst EudCommentsModal = () => {\n const { eudComments } = useGetComments(); \n const { sectionId } = useParams();\n const [modal, setModal] = useState(false);\n const {t} = useTranslation();\n\n return (\n <>\n {modal &&{t('F1_S6_Question_2')}:
\n {t('F1_S6_Question_3')}:
\n \n \n \n\n \n {t('F1_S6_Question_13')}: \n \n\n \n \n\n \n {t('F1_S6_Question_15')}: \n \n
\n\n {t('F1_S6_Question_12')}:
\n {t('F1_S6_Question_14')}:
\n \n setBudgetLineModalShow(false)}\n show={budgetLineModalShow}\n currentBudget={currentBudget}\n />\n \n
\n )\n}\n\nexport default observer(ResourcesForm);","import React from 'react'\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from \"html-react-parser\";\n\nimport ParticipantForm from './ParticipantForm';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport { PrimaryButton } from 'components/Buttons';\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\nimport { DisclaimerDiv } from './ParticipantsForm.styled';\n\nconst ParticipantsForm = ({ handleCloseOk, activity }) => {\n const { t } = useTranslation();\n\n return (\n \n {htmlParser(t('F3_S7_Resource_help_text'))}\n \n \n \n \n
\n\n \n {t('F3_S7_Resource_justification')}: \n \n \n \n \n \n \n
\n \n\n \n {handleCloseOk()}}> OK \n \n\n
\n | \n | \n
\n \n {activity.participantList\n ? ( activity.participantList.map((participant, key) => (\n \n \n {t('F3_S7_Accordion_Participant')+\" \"+(key+1)} \n \n \n \n \n \n \n )))\n : null}\n \n\n \n {htmlParser(t('F3_S7_Participant_disclaimer'))}\n \n\n \n {handleCloseOk()}}> OK \n \n
\n )\n}\n\nexport default ParticipantsForm;","import React from 'react'\nimport { useTranslation } from 'react-i18next';\n\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport { PrimaryButton } from 'components/Buttons';\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\nimport ConsultantForm from './ConsultantForm';\n\nconst ConsultantsForm = ({ handleCloseOk, activity }) => {\n const { t } = useTranslation();\n\n return (\n \n \n {activity.profileList\n ? ( activity.profileList.map((consultant, key) => (\n \n \n {t('F3_S7_Accordion_consultant')+\" \"+(key+1)} \n \n \n \n \n \n \n )))\n : null}\n \n \n \n {handleCloseOk()}}> OK \n \n
\n )\n}\n\nexport default ConsultantsForm;","import React from 'react'\nimport { useTranslation } from 'react-i18next';\n\nimport ProductForm from './ProductForm';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport {PrimaryButton} from 'components/Buttons';\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst ProductsForm = ({ handleCloseOk, activity }) => {\n const { t } = useTranslation();\n\n return (\n \n \n {activity.productList\n ? ( activity.productList.map((product, key) => (\n \n \n {t('F3_S7_Accordion_product')+\" \"+(key+1)} \n \n \n \n \n \n \n )))\n : null}\n \n \n \n {handleCloseOk()}}> OK \n \n
\n )\n}\n\nexport default ProductsForm;","import React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { parseDateString } from 'helpers/dateHelpers'\nimport { formatDateDDMMYY } from 'helpers/dateHelpers'\n\nimport { PrimaryButton } from 'components/Buttons'\nimport TextValue from 'components/TextValue'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport 'react-datepicker/dist/react-datepicker.css'\nimport { Form } from 'react-bootstrap'\nimport {\n SeparatorDotted,\n CenteredModalButtonContainer,\n} from 'components/CommonStyled'\nimport { RadioLabel } from 'components/Forms/Forms.styled'\nimport { StyledFormLabel } from '../Section7.styled'\n\nconst GeneralInfoForm = ({ handleCloseOk, activity }) => {\n const { t } = useTranslation()\n const [formValues, setFormValues] = useState(activity)\n\n useEffect(() => {\n const formValuesCopy = { ...activity }\n formValuesCopy.fromDate = formValuesCopy.fromDate\n ? parseDateString(formValuesCopy.fromDate)\n : ''\n formValuesCopy.toDate = formValuesCopy.toDate\n ? parseDateString(formValuesCopy.toDate)\n : ''\n setFormValues(formValuesCopy)\n }, [])\n\n return (\n \n \n \n {t('F1_S7_type')}:\n \n \n\n \n \n {t('F1_S7_start_day')}:\n \n \n\n \n \n {t('F1_S7_End_day')}:\n \n \n\n \n {t('F1_S7_Short_description')}:\n \n \n \n\n \n \n {t('F1_S7_Format')}:\n \n \n \n\n \n \n\n \n \n \n \n\n {String(formValues.format) !== '2' && (\n <>\n \n \n {t('F1_S7_Country_activity')}:\n \n \n\n \n \n {t('F1_S2_State_Province_Region')}:\n \n \n\n \n \n {t('F1_S2_City')}:\n \n \n\n \n \n {t('F1_S7_Countries_additional')}:\n \n \n \n )}\n\n \n \n {t('F1_S7_Duration')}:\n \n \n\n \n \n {t('F1_S7_Number_participants')}:\n \n \n\n \n \n {t('F1_S7_Number_experts')}:\n \n \n\n \n {t('F1_S7_Number_wd')}:\n \n\n \n \n {t('F1_S7_Remote')}:\n \n \n\n \n \n {t('F1_S7_Onsite')}:\n \n \n\n \n \n {t('F1_S7_Total')}:\n \n \n\n \n \n \n {t('F3_S7_General_work_language')}\n \n
\n \n\n \n \n {t('F3_S7_General_learning_objectives')}:\n \n \n\n \n {t('F3_S7_General_alignment')}: \n \n\n \n \n {t('F3_S7_General_participation_members')}:\n \n \n\n \n \n {t('F3_S7_General_proposal_cross_issues')}:\n \n \n\n \n \n {t('F3_S7_General_brief_description_schedule')}:\n \n \n\n \n {\n handleCloseOk()\n }}\n >\n OK\n \n \n
\n )\n}\n\nexport default GeneralInfoForm\n","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const Separator = styled.div`\n margin-top: 20px;\n`;\n\nexport const ModalTitle = styled.span`\n font-weight: 700;\n`;","import React from 'react'\nimport { useTranslation } from 'react-i18next';\n\nimport ResourcesForm from '../ResourcesForm';\nimport ParticipantsForm from '../ParticipantsForm';\nimport ConsultantsForm from '../ConsultantsForm';\nimport ProductsForm from '../ProductsForm';\nimport GeneralInfoForm from '../GeneralInfoForm';\nimport Modal from 'react-bootstrap/Modal';\nimport { \n StyledModalBody,\n ModalTitle\n} from './ActivityGeneralModal.styled'\n\nconst ActivityGeneralModal = ({show, formType, title, activity, activityCode, handleCloseOk}) => {\n \n const { t } = useTranslation();\n\n const getFormByType = (type) => {\n const fromByType = {\n [0]: \n {getFormByType(formType)}\n
\n\n \n \n {t('F3_S8_Start_day')}: \n {t('F3_S8_End_day')}: \n \n \n \n {t('F1_S7_Intervention_methodology')}: \n \n\n \n {t('F3_S8_justification_deviation')}: \n \n\n \n {t('F3_S8_risks')}: \n \n \n\n \n \n \n \n
\n\n \n \n )\n}\n\nexport default observer(Section9);\n","export const formInitialValues = {\n benEntities: \"\",\n directBen: \"\",\n ownerList: [],\n benList: []\n};\n","import React, { useState, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useRootStore } from 'stores';\nimport { formInitialValues } from './Section10.initialValues';\nimport { useTranslation } from 'react-i18next';\nimport isEmpty from 'lodash/isEmpty';\nimport htmlParser from 'html-react-parser'\n\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\nimport BeneficiaryForm from './BeneficiaryForm';\nimport EntityForm from './EntityForm';\nimport FormLayout from '../../FormLayout';\nimport FormContainer from 'components/FormContainer';\nimport { StyledTextValue, DescripcionDiv, Text, StyledTitle, StyledSectionWrapper } from './Section10.styled';\nimport Comments from 'components/Forms/Form4/Comments';\n\nconst Section9 = () => {\n const { t } = useTranslation();\n const { formStore } = useRootStore();\n // eslint-disable-next-line no-unused-vars\n const [saved, setSaved] = useState(false);\n // eslint-disable-next-line no-unused-vars\n const [nonEditable, setNonEditable] = useState(false);\n const [formValues, setFormValues] = useState(formInitialValues);\n\n const handleSaved = value => {\n setSaved(value);\n };\n\n const handleButton = value => {\n setNonEditable(value);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = { \n ...formInitialValues, \n ...formStore.formSectionData[0],\n benEntities: formStore.formSectionData?.[1],\n directBen: formStore.formSectionData?.[2],\n };\n setFormValues(formSectionData);\n formStore.setCurrentSection(10);\n }\n }, [formStore.formSectionData]);\n\n return (\n \n \n \n {t('F3_S10_Subtitle_ownership')} \n\n \n \n {htmlParser(t('F3_S10_Description_from_CN'))}: \n {formValues.benEntities} \n \n \n\n {t('F3_S10_Subtitle_participation')} \n\n \n {formValues.ownerList\n ? formValues.ownerList.map((entity, key) => (\n \n \n \n {t('F3_S10_Entity')} {key + 1} - {t('F1_S2_Entity_name')}:\n {entity ? ' ' + entity.entityName : '-'}\n \n \n \n \n \n \n \n ))\n : null}\n \n\n {t('F3_S10_Subtitle_direct_beneficiaries')} \n\n \n \n {htmlParser(t('F3_S10_Description_from_CN_2'))}: \n {formValues.directBen} \n \n \n\n \n {formValues.benList\n ? formValues.benList.map((beneficiary, key) => (\n \n \n \n {`${t('F3_S10_Beneficiary')} ${key + 1}`}\n {!isEmpty(beneficiary.beneficiaryType)\n ? ` - ${t(`beneficiary_type_${beneficiary.beneficiaryType.id}`)}`\n : ''}\n \n \n \n \n \n \n \n ))\n : null}\n \n\n \n\n \n \n );\n};\n\nexport default observer(Section9);\n","export const formInitialValues = {\n primaryTargetList: [],\n secondaryTargetList: [],\n goal10TypeId: \"\",\n goal10Justification: \"\",\n goal10TargetList: [],\n goal17TypeId: \"\",\n goal17Justification: \"\",\n goal17TargetList: []\n};","import React, {useState, useEffect} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useRootStore } from 'stores';\nimport { formInitialValues } from './Section11.initialValues';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nimport TargetForm from './TargetForm';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion'\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\nimport FormLayout from '../../FormLayout'\nimport FormContainer from 'components/FormContainer';\nimport Comments from 'components/Forms/Form4/Comments';\nimport {\n StyledGoal,\n StyledIntroParagraph,\n StyledSectionWrapper,\n StyledSubtitle,\n LinedSeparator,\n} from './Section11.styled';\nimport { SeparatorDotted } from 'components/CommonStyled';\n\nconst Section11 = () => {\n\n const { t } = useTranslation();\n const [saved, setSaved] = useState(false);\n const [nonEditable, setNonEditable] = useState(false);\n const { formStore } = useRootStore();\n const [formValues, setFormValues] = useState(formInitialValues);\n\n const handleSaved = (value) => {\n setSaved(value);\n }\n\n const handleButton = (value) => {\n setNonEditable(value);\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [])\n \n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = { ...formInitialValues, ...formStore.formSectionData[0] };\n setFormValues(formSectionData);\n formStore.setCurrentSection(11);\n }\n }, [formStore.formSectionData])\n\n\n\n return (\n \n \n \n\n \n {htmlParser(t('F3_S11_Intro'))}\n \n \n {htmlParser(t('F3_S11_Subtitle_SDG_primary'))} \n {formValues.goalPrimaryType? t(`SDG_Goal${formValues.goalPrimaryType.id}`): ' - '} \n\n \n {t('F3_S11_Justification')}: \n \n\n \n {formValues.primaryTargetList && formValues.goalPrimaryType\n ? ( formValues.primaryTargetList.map((target, key) => (\n \n \n {t('F3_S11_Target')} {key+1} \n \n \n \n \n \n \n \n )))\n : null}\n \n\n {t('F3_S11_Subtitle_SDG_secondary')}: \n {formValues.goalSecondaryType? t(`SDG_Goal${formValues.goalSecondaryType.id}`): ' - '} \n \n \n {t('F3_S11_Justification')}: \n \n\n \n {formValues.secondaryTargetList && formValues.goalSecondaryType\n ? ( formValues.secondaryTargetList.map((target, key) => (\n \n \n {t('F3_S11_Target')} {key+1} \n \n \n \n \n \n \n )))\n : null}\n \n \n {t('F3_S11_Subtitle_SDG_10')} \n {formValues.goal10Type? t(`SDG_Goal${formValues.goal10Type.id}`): ' - '} \n \n \n {t('F3_S11_Justification')}: \n \n\n \n {formValues.goal10TargetList && formValues.goal10Type\n ? ( formValues.goal10TargetList.map((target, key) => (\n \n \n {t('F3_S11_Target')} {key+1} \n \n \n \n \n \n \n \n )))\n : null}\n \n \n {t('F3_S11_Subtitle_SDG_17')} \n {formValues.goal17Type? t(`SDG_Goal${formValues.goal17Type.id}`): ' - '} \n\n \n {t('F3_S11_Justification')}: \n \n\n \n {formValues.goal17TargetList && formValues.goal17Type\n ? ( formValues.goal17TargetList.map((target, key) => (\n \n \n {t('F3_S11_Target')} {key+1} \n \n \n \n \n \n \n )))\n : null}\n \n\n \n\n \n \n )\n}\n\nexport default observer(Section11);\n","export const formInitialValues = {\n valueTC: \"\",\n valueEU: \"\",\n valueTP: \"\",\n valueTC1: \"\",\n valueTC2: \"\",\n valueTC3: \"\",\n valueTC4: \"\",\n valueTC5: \"\",\n valueTC6: \"\",\n valueEUActors: \"\",\n valueEUModalities: \"\",\n regionalIntegration: \"\",\n agenda2030: \"\",\n activities: \"\",\n};","import React, { useState, useEffect } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useRootStore } from 'stores'\nimport { formInitialValues } from './Section12.initialValues'\nimport { useTranslation } from 'react-i18next'\nimport htmlParser from 'html-react-parser'\n\nimport TextValue from 'components/TextValue'\nimport Form from 'react-bootstrap/Form'\nimport FormLayout from '../../FormLayout'\nimport FormContainer from 'components/FormContainer'\nimport Comments from 'components/Forms/Form4/Comments'\nimport {\n StyledFormLabel,\n StyledSeparator,\n StyledSectionWrapper,\n StyledSubtitle,\n Text,\n} from './Section12.styled'\nimport { isWindows2021 } from 'helpers/isWindow2021Helper'\n\nconst Section12 = () => {\n const { t } = useTranslation()\n const [saved, setSaved] = useState(false)\n const [nonEditable, setNonEditable] = useState(false)\n const { formStore, initiativeStore } = useRootStore()\n const [formValues, setFormValues] = useState(formInitialValues)\n const [window2021, setWindow2021] = useState(true)\n\n const handleSaved = (value) => {\n setSaved(value)\n }\n\n const handleButton = (value) => {\n setNonEditable(value)\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [])\n\n useEffect(() => {\n if (initiativeStore.code) {\n setWindow2021(isWindows2021(initiativeStore.code))\n }\n }, [initiativeStore.code])\n\n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = {\n ...formInitialValues,\n valueTC: formStore.formSectionData[1],\n valueEU: formStore.formSectionData[2],\n valueTP: formStore.formSectionData[3],\n ...formStore.formSectionData[0],\n }\n setFormValues(formSectionData)\n formStore.setCurrentSection(12)\n }\n }, [formStore.formSectionData])\n\n return (\n \n \n \n {htmlParser(t('F3_S12_Intro'))} \n\n \n {htmlParser(t('F3_S12_Subtitle_TC'))}\n \n\n \n \n {htmlParser(t('F3_S12_Justfication_TC'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Justfication_partnership'))}:\n \n \n\n {window2021 ? (\n <>\n {htmlParser(t('F3_S12_Subtitle_Added_TC'))} \n\n \n \n {htmlParser(t('F3_S12_Ownership'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Complementarity'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Sharing_knowledge'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Joint_creation'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Increasing_volume'))}:\n \n \n\n \n \n {htmlParser(t('F3_S12_Global_and_regional'))}:\n \n \n \n ) : null}\n\n \n {htmlParser(t('F3_S12_Subtitle_Added_EU'))}\n \n\n \n \n {htmlParser(t('F3_S12_EU_Added_value'))}\n \n \n\n \n \n {htmlParser(t('F3_S12_Added_EU_actors'))}:\n \n \n\n {window2021 ? (\n \n \n {htmlParser(t('F3_S12_From_comparison_modalities'))}:\n \n \n ) : null}\n \n\n \n )\n}\n\nexport default observer(Section12)\n","export const formInitialValues = {\n rights: \"\",\n environment: \"\",\n link: \"\",\n continued: \"\",\n leaps: \"\",\n projection: \"\",\n advantage: \"\",\n consolidation: \"\",\n};","import React, { useState, useEffect } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useRootStore } from 'stores'\nimport { formInitialValues } from './Section13.initialValues'\nimport { useTranslation } from 'react-i18next'\nimport htmlParser from 'html-react-parser'\n\nimport TextValue from 'components/TextValue'\nimport Form from 'react-bootstrap/Form'\nimport FormLayout from '../../FormLayout'\nimport FormContainer from 'components/FormContainer'\nimport Comments from 'components/Forms/Form4/Comments'\nimport {\n StyledFormLabel,\n StyledSectionWrapper,\n Text,\n Separator,\n} from './Section13.styled'\nimport { SeparatorDotted } from 'components/CommonStyled'\nimport { isWindows2021 } from 'helpers/isWindow2021Helper'\n\nconst Section13 = () => {\n const { t } = useTranslation()\n const [saved, setSaved] = useState(false)\n const [nonEditable, setNonEditable] = useState(false)\n const { formStore, initiativeStore } = useRootStore()\n const [formValues, setFormValues] = useState(formInitialValues)\n const [window2021, setWindow2021] = useState(true)\n\n const handleSaved = (value) => {\n setSaved(value)\n }\n\n const handleButton = (value) => {\n setNonEditable(value)\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [])\n\n useEffect(() => {\n if (initiativeStore.code) {\n setWindow2021(isWindows2021(initiativeStore.code))\n }\n }, [initiativeStore.code])\n\n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = {\n ...formInitialValues,\n ...formStore.formSectionData[0],\n rights: formStore.formSectionData[1],\n environment: formStore.formSectionData[2],\n link: formStore.formSectionData[3],\n valueTP: formStore.formSectionData[4],\n valueSR_2: formStore.formSectionData[5],\n }\n setFormValues(formSectionData)\n formStore.setCurrentSection(13)\n }\n }, [formStore.formSectionData])\n\n return (\n \n \n \n {htmlParser(t('F3_S13_Intro'))} \n\n \n \n {htmlParser(t('F3_S13_Rights_based_approach'))}:\n \n \n\n \n \n {htmlParser(t('F3_S13_Environment_CC'))}:\n \n \n\n \n \n {htmlParser(t('F3_S13_Link_with_national'))}:\n \n \n\n \n \n {htmlParser(t('F1_S6_Question_21'))}:\n \n \n\n \n \n {htmlParser(t('F1_S6_Question_21b'))}:\n \n \n\n {window2021 ? (\n <>\n \n \n {htmlParser(t('F3_S13_Possible_leaps'))}:\n \n \n\n \n \n {htmlParser(t('F3_S13_Prospects_projection'))}:\n \n \n \n ) : null}\n\n \n \n {htmlParser(t('F3_S13_Prospects_taking'))}:\n \n \n \n\n \n )\n}\n\nexport default observer(Section13)\n","export const formInitialValues = {\n objective: \"\",\n samePerson: false,\n firstname: \"\",\n lastname: \"\",\n email: \"\",\n entityName: \"\",\n phone: \"\",\n auth: false,\n items: []\n};","import React, { useState, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useRootStore } from 'stores';\nimport { formInitialValues } from './Section14.initialValues';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport MediaForm from './MediaForm';\nimport { RequiredMark, SeparatorDotted } from 'components/CommonStyled';\nimport TextValue from 'components/TextValue';\nimport Form from 'react-bootstrap/Form';\nimport FormLayout from '../../FormLayout';\nimport FormContainer from 'components/FormContainer';\nimport Comments from 'components/Forms/Form4/Comments';\nimport { StyledFormLabel, StyledSectionWrapper, Separator, Title } from './Section14.styled';\n\nconst Section14 = () => {\n const { t } = useTranslation();\n const [saved, setSaved] = useState(false);\n const [nonEditable, setNonEditable] = useState(false);\n const { formStore } = useRootStore();\n const [formValues, setFormValues] = useState(formInitialValues);\n\n const handleSaved = value => {\n setSaved(value);\n };\n\n const handleButton = value => {\n setNonEditable(value);\n };\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useEffect(() => {\n if (formStore.formSectionData) {\n const formSectionData = { ...formInitialValues, ...formStore.formSectionData[0] };\n setFormValues(formSectionData);\n formStore.setCurrentSection(14);\n }\n }, [formStore.formSectionData]);\n\n return (\n \n \n \n \n {htmlParser(t('F1_S8_Objetive'))}: \n \n\n \n {formValues.items\n ? formValues.items.map((item, key) => (\n \n \n \n {`${t('F1_S8_Accordion')} ${key + 1}`}\n {item.mediaType.id ? ` - ${t(`media_type_${item.mediaType.id}`)}` : ''}\n \n \n \n \n \n \n \n ))\n : null}\n \n\n {t('F3_S14_Subtitle_focal_point')} \n\n \n \n\n \n \n {t('F1_S2_First_name')} * :\n \n \n {t('F1_S2_Last_Name')} * :\n \n \n\n \n \n {t('F1_S2_Email')} * :\n \n \n {t('F3_S14_Entity')} * :\n \n \n\n \n \n {t('F1_S2_Phone_number')}:* \n \n \n\n \n \n\n \n\n \n );\n};\n\nexport default observer(Section14);\n","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n assessment: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n quality: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n theme: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n participants: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n triangular: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n alignment: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n euPriorities: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n coherence: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n opportunity: Yup.string().max(6500, i18n.t('F2_S9_validation1')).nullable(),\n});","export const formInitialValues = {\n assessment: \"\",\n quality: \"\",\n theme: \"\",\n participants: \"\",\n triangular: \"\",\n alignment: \"\",\n euPriorities: \"\",\n coherence: \"\",\n opportunity: \"\",\n }","import styled, { css } from 'styled-components';\n\nexport const StyledCommentDiv = styled.div`\nmargin-left: 20px;\n`;\n\nexport const StyledTextDiv = styled.div`\n ${({ theme }) => css`\n color: ${theme.colors.gray[5]};\n `}\n`;","import styled, { css } from 'styled-components';\nimport Form from 'react-bootstrap/Form';\nimport { PrimaryButton} from 'components/Buttons';\n\nexport const StyledSeparator = styled.div`\n margin-top: 10px;\n margin-bottom: 10px;\n margin-left: 35px;\n margin-right: 20px;\n height: 2px;\n background-image: linear-gradient(to right, #bac5cc 33%, rgba(255,255,255,0) 0%);\n background-position: top;\n background-size: 6px 2px;\n background-repeat: repeat-x;\n`;\n\nexport const StyledGreenFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.brandColors.green};\n `}\n font-weight: 500;\n`;\n\nexport const StyledSavedButton = styled(PrimaryButton)`\n ${({ theme }) => css`\n &:disabled {\n background-color:${theme.brandColors.green};\n color: white;\n border: ${theme.colorGroups.success.bgColor};\n }\n `}\n`;\n\nexport const StyledTitle = styled.div`\n ${({ theme }) => css`\n margin-top: 30px;\n margin-bottom: 10px;\n margin-left: 10px;\n color: ${theme.brandColors.blue};\n font-weight: 600;\n font-size: 23px;\n `}\n`;\n","import React from 'react';\n\nimport {\n StyledCommentDiv,\n StyledTextDiv,\n} from './IntpaATComment.styled';\n\nimport { StyledTitle } from '../Section15.styled';\nimport { useTranslation } from 'react-i18next';\n\nconst TextValue = ({ value }) => (\n \n {value ? value : '-'}\n \n);\n\nconst IntpaATComment = ({ atComment }) => {\n\n const {t} = useTranslation();\n\n return (\n <>\n {t('F2_Adelante_comments')} \n \n \n \n )\n}\n\nexport default IntpaATComment;","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const ModalFooter = styled(Modal.Footer)`\n display: flex;\n`;\n\nexport const FooterLeft = styled.div`\n display: flex;\n flex: 1;\n`;\n\nexport const FooterCenter = styled.div`\n display: flex;\n flex: 1;\n justify-content: space-evenly;\n`;\n\nexport const FooterRight = styled.div`\n display: flex;\n flex: 1;\n justify-content: flex-end;\n`;\n\nexport const StyledModalBody = styled(Modal.Body)`\n height: 80vh;\n overflow-y: auto;\n`;\n\nexport const StyledGreenP = styled.span`\n ${({ theme }) => css`\n color: ${theme.brandColors.green};\n `}\n`;\n","import React, { useEffect, useState } from 'react';\nimport Proptypes from 'prop-types';\nimport Modal from 'react-bootstrap/Modal';\nimport { ModalFooter, FooterLeft, FooterCenter, FooterRight, StyledModalBody, StyledGreenP } from './F4ADialog.styled';\nimport { PrimaryButton } from 'components/Buttons';\nimport { formInitialValues } from '../Section15.initialValues';\nimport { useTranslation } from 'react-i18next';\n\nconst F4ADialog = ({ values, displayDialog, onCloseModal, initiative }) => {\n\n const { t } = useTranslation();\n const [currentValues, setCurrentValues] = useState(formInitialValues);\n\n const swapValue = (obj) => {\n Object.keys(obj).forEach(key => {\n if (!obj[key]) {\n obj[key] = ' - ';\n }\n });\n };\n \n useEffect(() => {\n const formValues = { ...values };\n swapValue(formValues);\n setCurrentValues(formValues);\n }, [values]);\n\n return (\n \n {currentValues.user &&\n \n \n }\n \n {t('Received_on')+\" \"+ (currentValues.statusTimestamp ? currentValues.statusTimestamp.split('T')[0] : ' - ')} \n
\n
\n{t('F2_assess_criteria5')} \n {t('F2_assess_criteria4')} \n {t('F2_assess_criteria7')} \n {t('F2_assess_criteria2')} \n {t('F2_assess_criteria1')} \n {t('F2_assess_criteria3')} \n {t('F2_assess_criteria6')} \n {t('F2_assess_criteria8')} \n {t('F2_overall_asssessment')} \n \n \n \n {t('Button_close')} \n \n \n \n )\n}\n\nF4ADialog.propTypes = {\n values: Proptypes.object,\n displayDialog: Proptypes.bool,\n onCloseModal: Proptypes.func,\n initiative: Proptypes.string,\n};\n\nexport default F4ADialog;\n","import styled, {css} from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const ModalFooter = styled(Modal.Footer)`\n display: flex;\n`;\n\nexport const FooterLeft = styled.div`\n display: flex;\n flex: 1;\n`;\n\nexport const FooterCenter = styled.div`\n display: flex;\n flex: 1;\n justify-content: space-evenly;\n`;\n\nexport const FooterRight = styled.div`\n display: flex;\n flex: 1;\n justify-content: flex-end;\n`;\n\nexport const SyledTitle = styled.div`\n ${({ theme }) => css`\n margin-bottom: 20px;\n text-align: center;\n font-size: 20px;\n color: ${theme.brandColors.blue};\n `}\n`;","import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport Proptypes from 'prop-types';\nimport Modal from 'react-bootstrap/Modal';\nimport { ModalFooter, FooterLeft, FooterCenter, FooterRight, SyledTitle } from './InviteDialog.styled';\nimport { PrimaryButton } from 'components/Buttons';\nimport Form from 'react-bootstrap/Form';\nimport { getEudList, addEudToForm4 } from 'services/initiative';\nimport { useParams } from 'react-router';\nimport CustomModal from 'components/Modal';\nimport { useTranslation } from 'react-i18next';\n\nconst InviteDialog = ({ displayDialog, onCloseModal }) => {\n\n const { t } = useTranslation();\n const [eudList, setEudList] = useState([]);\n const [selected, setSelected] = useState();\n const [sending, setSending] = useState(false);\n const [modal, setModal] = useState({\n isOpen: false\n });\n const { id } = useParams();\n\n useEffect(async () => {\n try {\n const response = await getEudList(\"F4A\", id, false);\n setEudList(response.data);\n if (response.data.length > 0) {\n setSelected(response.data[0].email)\n }\n } catch (error) {\n console.log(error);\n }\n }, [])\n\n\n const inviteAction = async () => {\n setSending(true);\n try {\n if (selected !== null) {\n await addEudToForm4(selected, id);\n setSending(false);\n setModal({\n isOpen: true,\n type: \"success\",\n message: t('Added_eud')\n })\n } else {\n setSending(false);\n setModal({\n isOpen: true,\n type: \"error\",\n message: t('Please_select_eud')\n })\n }\n } catch (error) {\n console.log(error);\n setSending(false);\n setModal({\n isOpen: true,\n type: \"error\",\n message: t('Could_not_add_eud')\n })\n }\n }\n\n const onHideModal = () => {\n setModal({isOpen: false});\n};\n\n return (\n \n \n {t('F2_invite_modal_title')} \n { setSelected(e.target.value) }}>\n {eudList.map(e => (\n \n ))}\n \n \n \n \n inviteAction()}>{t('Button_Invite')} \n \n \n \n )\n}\n\nInviteDialog.propTypes = {\n displayDialog: Proptypes.bool,\n onCloseModal: Proptypes.func,\n};\n\nexport default observer(InviteDialog);\n","import styled from 'styled-components';\n\nexport const StyledAccordionBodyDiv = styled.div`\nmargin-left: 20px;\n`;\n\nexport const StyledEUDLink = styled.div`\ndisplay: inline;\ntext-decoration: underline;\ncolor: blue;\nfont-weight: 550;\ncursor: pointer;\n`;","import React, { useState } from 'react';\nimport DayJS from 'dayjs'\n\nimport { formInitialValues } from '../Section15.initialValues';\nimport { PrimaryButton } from 'components/Buttons';\nimport { f4statusNamesConst } from 'constants/appConstants';\n\nimport F4ADialog from '../F4ADialog'\nimport InviteDialog from '../InviteDialog'\n\nimport {\n StyledAccordionBodyDiv,\n StyledEUDLink,\n} from './EUDAssessments.styled';\nimport { SeparatorDotted } from 'components/CommonStyled'\nimport { StyledTitle } from '../Section15.styled';\nimport { useTranslation } from 'react-i18next';\n\nconst EUDAssessments = ({ isIntpa, f4AValues, intpaAssessment, initiativeCode, nonEditable }) => {\n \n const { t } = useTranslation();\n const [currentF4AValues, setCurrentF4AValues] = useState(formInitialValues);\n\n const [displayModalInvite, setDisplayModalInvite] = useState(false);\n const handleOpenModalInvite = () => setDisplayModalInvite(true);\n const handleCloseModalInvite = () => setDisplayModalInvite(false);\n\n const [displayModalF4A, setDisplayModalF4A] = useState(false);\n const handleOpenModalF4A = () => setDisplayModalF4A(true);\n const handleCloseModalF4A = () => setDisplayModalF4A(false);\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr);\n return date.format(\"DD/MM/YYYY\");\n }\n\n const handleClick = (f4a) => {\n setCurrentF4AValues(f4a);\n handleOpenModalF4A();\n }\n\n const renderF4AValues = () => {\n \n return f4AValues.map(f4a => (\n {t('F2_EUDs_assessments')} \n\n \n {renderF4AValues()}\n\n \n\n \n )\n}\n\nexport default EUDAssessments;","import styled from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const ModalFooter = styled(Modal.Footer)`\n display: flex;\n`;\n\nexport const FooterLeft = styled.div`\n display: flex;\n flex: 1;\n`;\n\nexport const FooterCenter = styled.div`\n display: flex;\n flex: 1;\n justify-content: space-evenly;\n`;\n\nexport const FooterRight = styled.div`\n display: flex;\n flex: 1;\n justify-content: flex-end;\n`;\n","import React, {useState} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport Proptypes from 'prop-types';\nimport Modal from 'react-bootstrap/Modal';\nimport { ModalFooter, FooterLeft, FooterCenter, FooterRight } from './SendDialog.styled';\nimport { ErrorButton, PrimaryButton } from 'components/Buttons';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nconst SendDialog = ({ displayDialog, isIntpa, intpaDecision = false, onSend, onCloseModal }) => {\n\n\n const { t } = useTranslation();\n const [sending, setSending] = useState(false);\n\n const sendAction = async () => {\n try {\n setSending(true);\n isIntpa? await onSend(intpaDecision) : await onSend();\n onCloseModal();\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n }\n\n return (\n \n \n <>\n { isIntpa?\n <>\n {`${t('F4c_final_confirmation_to_send_part1')} ${intpaDecision? t('Approve'): t('Reject')} ${t('F4c_final_confirmation_to_send_part2')}`}\n
\n
\n {t('F4c_final_confirmation_to_send_part3')}\n
\n
\n {`${t('F4c_final_confirmation_to_send_part4')} ${intpaDecision? t('Approve'): t('Reject')} ${t('F4c_final_confirmation_to_send_part5')}`} \n \n :\n <>\n {htmlParser(t('F4ab_confirmation_to_send'))}\n \n }\n \n \n \n \n sendAction()}>{t('Yes')} \n {t('No')} \n \n \n \n )\n}\n\nSendDialog.propTypes = {\n displayDialog: Proptypes.bool,\n isIntpa: Proptypes.bool,\n intpaDecision: Proptypes.bool,\n onSend: Proptypes.func,\n onCloseModal: Proptypes.func,\n};\n\nexport default observer(SendDialog);\n","import styled, { css } from 'styled-components';\nimport Form from 'react-bootstrap/Form'\n\nexport const StyledAccordionBodyDiv = styled.div`\n margin-left: 20px;\n`;\n\nexport const StyledFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.colors.gray[1]};\n `}\n font-weight: 500;\n`;\n\n","import React from 'react';\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\n\nimport { \n StyledAccordionBodyDiv,\n StyledFormLabel,\n} from './MyAssessmentForm.styled'\n\nimport { StyledTitle } from '../Section15.styled';\nimport { useTranslation } from 'react-i18next';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst MyAssesmentForm = ({ formikInstance, nonEditable }) => {\n const { getFieldProps, touched, errors } = formikInstance;\n const {t} = useTranslation();\n\n return (\n <>\n {t('Button_my_assessment')} \n \n \n {t('F2_assess_criteria5')} \n \n\n \n {t('F2_assess_criteria4')} \n \n\n \n {t('F2_assess_criteria7')} \n \n\n \n {t('F2_assess_criteria2')} \n \n\n \n {t('F2_assess_criteria1')} \n \n\n \n {t('F2_assess_criteria3')} \n \n\n \n {t('F2_assess_criteria6')} \n \n \n \n {t('F2_assess_criteria8')} \n \n\n \n \n )\n}\n\nexport default MyAssesmentForm;","import React from 'react';\n\nimport Form from 'react-bootstrap/Form';\n\nimport { StyledGreenFormLabel } from '../Section15.styled';\nimport { useTranslation } from 'react-i18next';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst ATCommentForm = ({ formikInstance, nonEditable }) => {\n\n const { getFieldProps, touched, errors } = formikInstance;\n const {t} = useTranslation();\n\n return (\n \n {t('F2_Adelante_comments')} \n \n )\n}\n\nexport default ATCommentForm;","import React, { useState, useEffect, useRef } from 'react';\nimport { Formik } from 'formik';\nimport { validationSchema } from './Section15.validations';\nimport { formInitialValues } from './Section15.initialValues';\nimport { observer } from 'mobx-react-lite';\nimport { useParams, useHistory } from 'react-router-dom';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport { getF4Section15, saveForm4GeneralAssesment, sendF4toMainAssessor, sendF4IntpaDecision, enableSection7 } from 'services/initiative';\nimport { PrimaryButton, ErrorButton, SuccessButton } from 'components/Buttons';\nimport {f3statusNamesConst, f4statusNamesConst} from 'constants/appConstants'\nimport { useTranslation } from 'react-i18next';\n\nimport IntpaATComment from './IntpaATComment'\nimport EUDAssessments from './EUDAssessments';\nimport SendDialog from './SendDialog';\nimport MyAssesmentForm from './MyAssessmentForm';\nimport ATCommentForm from './ATCommentForm';\n\nimport FormLayout from '../../FormLayout'\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport Form from 'react-bootstrap/Form';\nimport {\n StyledSeparator,\n StyledGreenFormLabel,\n StyledSavedButton,\n} from './Section15.styled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst Section15 = () => {\n const { id } = useParams();\n const history = useHistory();\n const {t} = useTranslation();\n const formRef = useRef();\n const { formStore, authStore } = useRootStore();\n\n const [nonEditable, setNonEditable] = useState(true);\n const [sending, setSending] = useState(false);\n\n const [displayModalSend, setDisplayModalSend] = useState(false);\n const [intpaDecision, setIntpaDecision] = useState(false)\n const [formValues, setFormValues] = useState(formInitialValues);\n const [saved, setSaved] = useState(false);\n const [form4states, setForm4states] = useState({\n eudForms: [],\n atForm: {},\n intpaForm: {},\n initiative: {}\n });\n \n const role = authStore.roles[0];\n const isIntpa = role === roleNamesConst.INTPA;\n const isEud = role === roleNamesConst.EUD;\n const isTa = role === roleNamesConst.ATKE || role === roleNamesConst.ATNKE || role === roleNamesConst.CONSORTIUM;\n const isATKNKE = role === roleNamesConst.ATNKE;\n const isCONSORTIUM = role === roleNamesConst.CONSORTIUM;\n\n async function fetchAPI() {\n try {\n const { eudForms, atForm, intpaForm, initiative } = await getF4Section15(id);\n setForm4states({ eudForms, atForm, intpaForm, initiative });\n }\n catch(e){\n console.log(e);\n }\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [])\n\n useEffect(() => {\n if(saved)\n window.scrollTo(0, 0);\n }, [saved])\n \n useEffect(() => {\n fetchAPI();\n }, []);\n\n useEffect(() => {\n if(isTa){\n setFormValues(form4states.atForm);\n }\n else if(isEud && form4states.eudForms && form4states.eudForms[0]){\n setFormValues(form4states.eudForms[0]);\n }\n else if(isIntpa){\n setFormValues(form4states.intpaForm);\n }\n formStore.setCurrentSection(15);\n }, [formStore, form4states, isTa, isEud, isIntpa])\n \n useEffect(() => {\n if(Object.entries(form4states.initiative).length > 0){\n \n const isSent = form4states.initiative && (form4states.initiative.formStateName === f3statusNamesConst.SENT);\n if(isEud){\n (isSent && \n ((form4states.eudForms[0].stateName === f4statusNamesConst.PENDING) || \n (form4states.eudForms[0].stateName === f4statusNamesConst.ONGOING)))? setNonEditable(false) : setNonEditable(true); \n }\n else if(isTa){\n (isSent && ((form4states.atForm.stateName === f4statusNamesConst.PENDING) ||\n (form4states.atForm.stateName === f4statusNamesConst.ONGOING )))? setNonEditable(false) : setNonEditable(true); \n }\n else if(isIntpa){\n isSent? setNonEditable(false) : setNonEditable(true);\n }\n\n if(isATKNKE || isCONSORTIUM){\n setNonEditable(true);\n }\n }\n }, [form4states.initiative, form4states.eudForms, form4states.atForm, form4states.intpaForm, isIntpa, isEud, isTa, isATKNKE, isCONSORTIUM]);\n\n const handleSendIntpaDecision = async (decision) => {\n try {\n setSending(true);\n await handleSave(formRef.current.values);\n await sendF4IntpaDecision(id, decision);\n history.push(`${authStore.getBaseRouteByRole()}/proposals`);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n }\n\n const handleSendToMainAssessor = (errors, setErrors, values) => {\n if(!values.assessment || values.assessment===\"\"){\n alert(t('not_saved_alert'));\n setErrors({\n ...errors, \n assessment: \"*Assessment must not be empty\"\n });\n }\n else{\n handleOpenModalSend();\n }\n }\n\n const handleSend = async () => {\n try {\n setSending(true);\n await handleSave(formRef.current.values);\n await sendF4toMainAssessor(id);\n history.push(`${authStore.getBaseRouteByRole()}/proposals`);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const handleSave = async (values, resetForm ) => {\n try {\n setSending(true);\n await saveForm4GeneralAssesment(id, values);\n resetForm({values});\n setSaved(true);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n }; \n\n const handleOpenModalSend = (approval) => {\n setIntpaDecision(approval);\n setDisplayModalSend(true);\n }\n \n const handleCloseModalSend = () => setDisplayModalSend(false);\n\n const handleEnableS7 = async () => {\n try {\n setSending(true);\n await enableSection7(id);\n history.push(`${authStore.getBaseRouteByRole()}/proposals`); \n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n }; \n \n return ( \n \n { displayModalSend && \n { props => (\n \n )}\n \n\n \n )\n}\n\nexport default observer(Section15)","import Form4Section1 from 'components/Forms/Form4/Section1';\nimport Form4Section2 from 'components/Forms/Form4/Section2';\nimport Form4Section3 from 'components/Forms/Form4/Section3';\nimport Form4Section4 from 'components/Forms/Form4/Section4';\nimport Form4Section5 from 'components/Forms/Form4/Section5';\nimport Form4Section6 from 'components/Forms/Form4/Section6';\nimport Form4Section7 from 'components/Forms/Form4/Section7';\nimport Form4Section8 from 'components/Forms/Form4/Section8';\nimport Form4Section9 from 'components/Forms/Form4/Section9';\nimport Form4Section10 from 'components/Forms/Form4/Section10';\nimport Form4Section11 from 'components/Forms/Form4/Section11';\nimport Form4Section12 from 'components/Forms/Form4/Section12';\nimport Form4Section13 from 'components/Forms/Form4/Section13';\nimport Form4Section14 from 'components/Forms/Form4/Section14';\nimport Form4Section15 from 'components/Forms/Form4/Section15';\nimport Form4Section16 from 'components/Forms/Form4/Section16';\n\nexport const form4Dictionary = {\n\n 1: \n \n {modal.isOpen && (\n {\n setModal({ isOpen: false, message: '', type: 'info' })\n setSending(false)\n window.location.replace('')\n props.onHide()\n }}\n message={modal.message}\n type={modal.type}\n />\n )}\n\n {closeModalShow && (\n {\n setCloseModalShow(false)\n }}\n handleActionOnConfirm={() => {\n props.onHide()\n }}\n text={t('Confirmation close modal')}\n />\n )}\n\n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n }) => {\n const isAlreadyIncluded = props?.addedUsersList?.map(item => item?.user?.email)?.includes(values.email);\n return (\n \n )\n }}\n \n \n \n )\n}\n\nexport default AddPersonForm\n","import React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TextValue from 'components/TextValue'\nimport { ErrorButton } from 'components/Buttons/Buttons.styled'\nimport { removeFundGuest } from 'services/funds'\nimport ConfirmCloseModal from 'components/ConfirmCloseModal'\nimport { useParams } from 'react-router-dom'\n\nconst AddedPersonsList = ({ addedUsersList, canInvitePeople }) => {\n const { t } = useTranslation()\n const { id } = useParams()\n const [closeModalShow, setCloseModalShow] = useState({show: false, element: null})\n const [deleting, setDeleting] = useState(false);\n\n const handleDelete = async (guestId) => {\n setDeleting(true);\n let response;\n try {\n response = await removeFundGuest(id, guestId)\n window.location.replace('')\n } catch (error) {\n console.log(error)\n }\n\n if(!response) {\n setDeleting(false)\n }\n }\n\n return (\n <>\n {closeModalShow.show && (\n {\n setCloseModalShow({show: false, element: null})\n }}\n handleActionOnConfirm={() => {\n handleDelete(closeModalShow?.element?.id)\n }}\n text={t('Confirmation delete user')}\n />\n )}\n \n {t('coord_users')}:\n
\n\n {addedUsersList?.map((element) => (\n \n
\n\n | \n | \n \n | \n | \n | \n | \n | \n
\n {htmlParser(t('F3_S14_Subtitle_communication_tools'))}\n
\n\n \n\n {t('Assessment_by')+\" \"+currentValues.user.organization+\", \"+currentValues.user.name+\" \"+currentValues.user.lastName+\" - \"+t('Initiative')+\" \"+initiative}
\n\n
\n
\n {currentValues.quality}\n
\n\n {currentValues.theme}\n
\n\n {currentValues.participants}\n
\n\n {currentValues.triangular}\n
\n\n {currentValues.alignment}\n
\n\n {currentValues.euPriorities}\n
\n\n {currentValues.coherence}\n
\n\n {currentValues.opportunity}\n
\n\n {currentValues.assessment}\n
\n\n {`${f4a.user.organization}, ${f4a.user.name} ${f4a.user.lastName} - `}\n {(f4a.stateName === f4statusNamesConst.DONE)\n ?\n { handleClick(f4a) }}>\n {t('Received_on')+\" \"+((f4a && f4a.statusTimestamp) ? formatDate(f4a.statusTimestamp) : '-')}\n \n :\n t('Pending')\n }\n
\n ))\n }\n\n return (\n <>\n { displayModalInvite && \n { handleClick(intpaAssessment) }}>\n {t('Received_on')+\" \"+(intpaAssessment.statusTimestamp) ? formatDate(intpaAssessment.statusTimestamp) : '-'}\n \n :\n t('Pending')\n }\n \n }\n
\n\n {isIntpa &&\n \n {\"+\" + \" \" + t('F2_invite_assessors')} \n
}\n \n
\n {t('F4c_final_confirmation_to_send_part3')}\n
\n
\n {`${t('F4c_final_confirmation_to_send_part4')} ${intpaDecision? t('Approve'): t('Reject')} ${t('F4c_final_confirmation_to_send_part5')}`} \n \n :\n <>\n {htmlParser(t('F4ab_confirmation_to_send'))}\n \n }\n \n
\n \n {t('F1_S2_Entity_name')}\n
\n\n \n {\n setModalDataAddPerson(true)\n }}\n >\n {t('Add_person_button')}\n \n
\n ) : null}\n \n );\n }}\n \n {t('Confirmation remove coapp') + ' ' + (selectedKey + 1)}?
\n \n )}\n\n {t('not_available_for_funds')} \n
\n \n \n \n \n {t('F5_S7_Title_of_the_activity')} * :\n \n \n\n \n \n {t('Country_host')} * :\n \n \n {renderCountriesOptions(filteredCountries)}\n \n {fieldError(formikInstance, fieldPath('countryId'))}\n \n \n\n \n \n {t('F1_S7_Format')} * :\n \n \n \n\n \n \n\n \n \n\n \n {fieldError(formikInstance, fieldPath('format'))}\n
\n \n \n\n \n \n {t('F1_S7_type')} * :\n \n \n \n {activityTypes.map((activityType) => (\n \n ))}\n \n {fieldError(formikInstance, fieldPath('activityTypeId'))}\n \n \n\n \n \n {t('Funds_S7_product_count')} * :\n \n \n\n \n \n {t('Funds_S7_main_products')} * :\n \n \n\n \n \n {t('fund_observations')} * :\n \n \n\n \n \n {t('F1_S7_start_day')}:\n \n \n {\n setFieldValue(fieldPath('fromDate'), date)\n }}\n className={\n touched[fieldPath('fromDate')] &&\n errors[fieldPath('fromDate')]\n ? 'error'\n : null\n }\n popperPlacement='top'\n />\n \n {fieldError(formikInstance, fieldPath('fromDate'))}\n \n \n\n \n \n {t('F1_S7_End_day')}:\n \n \n setFieldValue(fieldPath('toDate'), date)}\n className={\n touched[fieldPath('toDate')] &&\n errors[fieldPath('toDate')]\n ? 'error'\n : null\n }\n popperPlacement='top'\n />\n \n {fieldError(formikInstance, fieldPath('toDate'))}\n \n \n
\n )\n}\n\nexport default ActivityForm\n","export const formInitialValues = {\n methodology: '',\n activities: [\n {\n title: '',\n countryId: '',\n format: '',\n activityTypeId: '',\n productCount: null,\n mainProducts: '',\n fromDate: '',\n toDate: '',\n },\n ],\n}\n","// @ts-nocheck\nimport React, { useState, useEffect } from 'react';\nimport { Formik, FieldArray } from 'formik';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { observer } from 'mobx-react-lite';\nimport { useParams } from 'react-router-dom';\nimport { useRootStore } from 'stores';\nimport { validationSchema } from './utils/validations';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport FormLayout from '../../FormLayout';\nimport {\n AccordionItem,\n AccordionItemHeader,\n AccordionTitle,\n AccordionItemBody,\n} from 'components/CustomAccordion';\nimport FormContainer from 'components/FormContainer';\nimport { PrimaryButton, ErrorButton } from 'components/Buttons';\nimport {\n FormFielErrorMessage,\n RequiredMark,\n SeparatorDotted,\n} from 'components/CommonStyled';\nimport ModalConfirm from 'components/ModalConfirm';\nimport ActivityForm from './ActivityForm';\n\nimport { useTranslation } from 'react-i18next';\nimport { formInitialValues } from './initialValues';\nimport { dataTransformer } from './utils/transformer';\nimport { Form } from 'react-bootstrap';\nimport { saveFundSection } from 'services/funds';\nimport lodashClonedeep from 'lodash/cloneDeep';\n\nconst activityObject = {}\n\nconst Section7 = () => {\n const { t } = useTranslation()\n const { formStore } = useRootStore()\n const { id } = useParams()\n const [modalRemove, setModalRemove] = useState(false)\n const [selectedKey, setSelectedKey] = useState(null)\n const [saved, setSaved] = useState(false)\n const [initialValues, setInitialValues] = useState(formInitialValues)\n const [localActivities, setLocalActivities] = useState([\n {\n name: '',\n number: null,\n index: 1,\n },\n ])\n\n useEffect(() => {\n if (saved) window.scrollTo(0, 0)\n }, [saved])\n\n useEffect(() => {\n if (\n formStore?.formSectionData &&\n formStore.formSectionData[0]?.activities\n ) {\n const transformedData = dataTransformer(formStore.formSectionData[0])\n setLocalActivities(transformedData.localActivities)\n setInitialValues(transformedData.data)\n }\n }, [formStore.formSectionData])\n\n const openModalRemove = (key) => {\n setModalRemove(true)\n setSelectedKey(key)\n }\n\n const closeModalRemove = () => {\n setModalRemove(false)\n setSelectedKey(null)\n }\n\n const handleAddActivity = (activities) => {\n activities.push(activityObject)\n setLocalActivities([\n ...localActivities,\n {\n name: '',\n number: null,\n index: localActivities.length + 1,\n },\n ])\n }\n\n const handleReorderLocalActivities = (activities) => {\n activities.forEach((element, index) => {\n element.number = index + 1\n })\n setLocalActivities(activities)\n }\n\n const onSubmit = async (values, { resetForm }) => {\n try {\n const valuesCopy = lodashClonedeep(values);\n\n resetForm({ values });\n\n if (valuesCopy?.activities) {\n valuesCopy.activities.forEach((element) => {\n element.fromDate = element.fromDate ? new Date(element.fromDate).toISOString() : '',\n element.toDate = element.toDate ? new Date(element.toDate).toISOString(): '',\n element.format = parseInt(element.format)\n })\n }\n\n const { complete } = await saveFundSection(id, 7, valuesCopy)\n\n formStore.setSectionStatus(7, complete)\n\n setSaved(true)\n } catch (error) {\n console.log(error)\n }\n }\n\n const onValidateSubmit = (e, isValid, values, resetForm) => {\n e.preventDefault()\n isValid ? onSubmit(values, { resetForm }) : alert(t('not_saved_alert'))\n }\n\n return (\n \n {t('Confirmation remove activity') +\n ' ' +\n (selectedKey + 1)}\n ?\n
\n \n )}\n\n {t('not_available_for_funds')} \n
\n \n \n (\n <>\n {\n arrayHelpers.remove(selectedKeyEntity)\n closeModalRemove()\n }}\n handleCloseConfirm={closeModalRemove}\n />\n \n {initialValues.benList\n ? values.benList?.map((beneficiary, key) => (\n \n \n \n {`${t('F3_S10_Beneficiary')} ${key + 1}`}\n {beneficiary.beneficiaryTypeId\n ? ` - ${t(\n `beneficiary_type_${beneficiary.beneficiaryTypeId}`,\n )}`\n : ''}\n \n \n \n \n openModalRemove(key)}\n >\n {t('F3_S10_Beneficiary_button_delete')}\n \n \n \n \n ))\n : null}\n \n\n {typeof errors.benList === 'string' ? (\n arrayHelpers.push(beneficiaryObject)}\n >\n {t('F3_S10_Beneficiary_button_add')}\n \n \n )}\n />\n
\n \n )\n }\n }\n \n \n \n \n {t('F6_AT_assessment_question1')}: \n \n\n \n {t('F6_AT_assessment_question2')}: \n \n\n \n {t('F6_AT_assessment_question3')}: \n \n\n \n {t('F55_S18_assessment_question4')}: \n \n\n \n {t('F6_AT_assessment_question5')}: \n \n
\n )\n};\n\nexport default MainQuestions;","import React, { useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n StyledFormLabel,\n StyledTitle,\n StyledCheckSubtitle,\n} from './Styled'\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport { RequiredMark } from 'components/CommonStyled';\nimport { useFormikContext } from 'formik';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst Markers = ({ levelChecked }) => {\n const {t} = useTranslation();\n const { touched, errors, values, handleBlur, handleChange, setFieldValue } = useFormikContext();\n\n useEffect(() => {\n const isLevelChecked = !!levelChecked;\n document.getElementById('LevelYesRadio').checked = isLevelChecked;\n document.getElementById('LevelNoRadio').checked = !isLevelChecked;\n }, [levelChecked]);\n\n return (\n \n
\n )\n}\n\nexport default Markers;","import React, { useState, useEffect, useRef } from 'react';\nimport { Formik } from 'formik';\nimport { validationSchema } from './Validations';\nimport { observer } from 'mobx-react-lite';\nimport { useParams } from 'react-router-dom';\nimport { useRootStore } from 'stores';\nimport { useTranslation } from 'react-i18next';\nimport FormLayout from '../../FormLayout';\nimport { saveFundSection } from 'services/funds';\nimport MainQuestions from './MainQuestions';\nimport Markers from './Markers';\nimport { PrimaryButton } from 'components/Buttons';\nimport { Row, Col } from 'react-bootstrap';\nimport { StyledSavedButton } from './Styled';\n\nconst formInitialValues = {\n knowledge: '',\n impact: '',\n value: '',\n elements: '',\n overall: '',\n level: false,\n oo1: false,\n oo2: false,\n so3: false,\n so4: false,\n out5: false,\n out6: false,\n out7: false,\n out8: false,\n out9: false,\n marker1: false,\n marker2: false,\n marker3: false,\n marker4: false,\n marker5: false,\n marker6: false,\n marker7: false,\n marker8: false,\n marker9: false,\n marker10: false,\n marker11: false,\n marker12: false,\n marker13: false,\n marker14: false,\n marker15: false,\n marker16: false,\n marker17: false,\n marker18: false,\n marker19: false,\n}\n\nconst Section12 = () => {\n const { id } = useParams();\n\n const { t } = useTranslation();\n const formRef = useRef();\n const { formStore } = useRootStore();\n\n const [saved, setSaved] = useState(false);\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [sending, setSending] = useState(false);\n\n const onSubmit = async (values, { resetForm }) => {\n try {\n const { complete } = await saveFundSection(id, 12, values);\n formStore.setSectionStatus(12, complete)\n setSaved(true);\n resetForm({values});\n } catch (error) {\n console.log(error);\n }\n };\n\n\n useEffect(() => {\n let newValues = formInitialValues;\n if (formStore.formSectionData) {\n newValues = {\n ...formStore?.formSectionData?.[0],\n }\n }\n setInitialValues(newValues);\n }, [formStore.formSectionData])\n\n\n return (\n \n {t('F55_S18_subtitle_markers')} \n\n {t('F6_AT_transversal')} \n\n {t('F6_AT_relevance')} \n\n {t('F6_AT_efficiency')} \n\n {t('F6_AT_effectiveness')} \n\n {t('F6_AT_impact')} \n\n {t('F6_AT_sustainability')} \n\n {t('F6_S18_subtitle_at_indicators')} \n \n \n {t('F55_AT_assessment_question6')}* : \n \n \n
\n \n\n {t('F6_AT_overall_objective')} \n {t('F6_AT_specific_objective')} \n {t('F6_AT_outputs')} \n\n
\n\n \n
\n \n \n {t('Button_Save_Later')} }\n {saved && \n {t('Button_saved')}\n }\n \n \n
\n
\n \n )}\n }\n \n \n {t('Comments_for')+\" \"} {`${name} ${organization}`}: {`[${state}]`}
{text}\n
{`${t('INTPA_comment')}: `}{comment}
\n )\n}\n\nconst AtkeComment = ( {comment} ) => {\n\n const { t } = useTranslation();\n\n return (\n{`${t('ATKE_comment')}: `}{comment}
\n )\n}\n\nconst ModalComments = (props) => {\n\n const { t } = useTranslation();\n const rol = props.data && (props.data.rol === 0 ? 'INTPA': props.data.rol === 1 ? 'EUD': 'ATKE');\n\n return (\n\n {props.isF5S2\n ? htmlParser(t('F5_S2_Authorize_admin'))\n : htmlParser(t('F5_S3_Authorize_guest'))}\n
\n\n \n \n {t('F1_S2_Entity_name')}\n
\n\n \n {\n setModalData({ show: true, isResponsiblePerson: true })\n }}\n >\n {t('F5_S2_replace_person')}\n \n
\n )}\n\n {(isAtke || isConsortium) && (\n <>\n \n {\n setModalDataAddPerson({ ...modalDataAddPerson, show: true })\n }}\n >\n {t('Add_person_button')}\n \n
\n \n )}\n\n \n {\n setModalData({ show: true, isResponsiblePerson: false })\n }}\n >\n {t('F5_S2_replace_person')}\n \n
\n )}\n\n \n
\n )}\n \n \n {\n setModalDataAddPerson({ ...modalDataAddPerson, show: true })\n }}\n >\n {t('Add_person_button')}\n \n
\n \n )}\n\n {(isAtke || isConsortium || isF7) && (\n \n
\n )}\n \n {t('Confirmation remove entity') + ' ' + (selectedKey + 1)}?
\n \n )}\n{t('F5_S4_Add_participant_instructions')}
\n\n\n
\n
\n )}\n \n \n
\n )}\n \n {t('F1_S6_Question_2')}:
\n {t('F1_S6_Question_3')}:
\n {t('F3_S6_Subtitle_4_intro')}:
\n \n ${data.title}
\n
\n ${t('F1_S7_start_day')}: ${formatDate(data.fromDate)}
\n ${t('F1_S7_End_day')}: ${formatDate(data.toDate)}
\n
\n ${t('F1_S6_Question_2')}:
${data.description === null ? \"-\" : data.description}
\n
\n ${t('F1_S7_Country_activity')}: ${t(data.country.name)}
\n ${t('F1_S2_State_Province_Region')}: ${data.stateName === null ? \"-\": data.stateName}
\n ${t('F1_S2_City')}: ${data.cityName}
\n ${t('F1_S7_Countries_additional')}: ${data.countriesAdditional === null ? \"-\" : data.countriesAdditional}
\n ${t('F1_S7_Duration')}: ${data.duration}
\n
\n ${t('F1_S7_Number_experts')}: ${data.experts}
\n ${t('F1_S7_Number_wd')}:
\n ${t('F1_S7_Remote')}: ${data.daysRemote}
\n ${t('F1_S7_Onsite')}: ${data.daysOnsite}
\n ${t('F1_S7_Total')}: ${data.daysRemote + data.daysOnsite}
\n
\n ${t('F3_S7_General_work_language')}: ${data.workLang1 ? t('English')+\", \": \"\"}${data.workLang2 ? t('French')+\", \": \"\"}${data.workLang3 ? t('Portuguese')+\", \": \"\"}${data.workLang4 ? t('Spanish'): \"\"}
\n
\n ${t('F1_S7_Justification_activity')}:
\n ${data.justification === null ? \"-\" : data.justification}
\n
\n ${t('F3_S7_General_objectives')}:
\n ${data.objective === null ? \"-\" : data.objective}
\n
\n ${t('F3_S7_General_learning_objectives')}:
\n ${data.learning === null ? \"-\" : data.learning}
\n
\n ${t('F3_S7_General_speakers')}:
\n ${data.speakers === null ? \"-\" : data.speakers}
\n
\n ${t('F3_S7_General_brief_description_schedule')}:
\n ${data.descSchedule === null ? \"-\" : data.descSchedule}
\n
\n ${t('F3_S7_General_workplan')}:
\n ${data.workPlans === null ? \"-\" : data.workPlans}
\n
\n ${t('tdr_activity_products')}:`;\n\n\n data.productList && data.productList.map( (product) => {\n i++;\n text = text + `
${t('F3_S7_Accordion_product')} #${i}:\n
${t('F3_S7_Product_type')}: ${t(`product_type_${product.productType.id}`)}\n
${t('F3_S7_Product_title')}: ${product.name}\n
${t('F3_S7_Product_Due_date')}: ${formatDate(product.dueDate)}\n
${t('F3_S7_Product_Description')}:
\n ${product.description === null ? \"-\" : product.description}\n
${t('F1_S8_Media_name')}:
\n ${product.comments === null ? \"-\" : product.comments}`\n })\n\n return text;\n }\n\n const generateTDR = async () => {\n setSending(true);\n try {\n const response = await getF5S7TDR(id, activity.id);\n const doc = generateHtml(response.data);\n setModalData({show: true, data: doc});\n setSending(false);\n } catch (e) {\n setSending(false);\n }\n\n }\n\n\n return (\n
\n\n {showModalRemove &&\n {handleCancelActivity()}}\n handleCloseConfirm={() => {setShowModalRemove(false)}}\n />\n }\n\n {modalData.show &&\n setModalData({show: false, data: null})}\n data={modalData.data}\n />\n }\n\n {handleOpenGeneralInfo()}}> {t('F3_S7_Subtitle_General_Information')} {(activity.general_info_complete) && \n {handleOpenProducts()}}> {t('F3_S7_Subtitle_Products')} {(activity.product_list_complete) && \n {(activity.activityType && activity.activityType.id == 4 ) && {handleOpenConsultants()}}> {t('F3_S7_Subtitle_Consultants')} {(activity.profile_list_complete) && }\n {(activity.activityType && activity.activityType.id != 4 ) && {handleOpenParticipants()}}> {t('F3_S7_Subtitle_Participants_assistance')} {(activity.participant_list_complete) && }\n {handleOpenBudgetProposal()}}> {t('F5_S9_Subtitle_consolidated_budget')} \n {handleOpenBudgetExecuted()}}> {t('F5_S9_Subtitle_executed_budget')} {(activity.resource_list_complete) && \n {handleOpenDifussionMaterial()}}> {String(t('F5_S14_difussion_material')).toUpperCase()} \n {handleOpenAssessment()}}> {t('F5_S7_Subtitle_activity_assessment')} {(activity.assessment_complete) && \n\n
\n )\n\n}\n\nexport default ActivityItem;\n","export const formInitialValues = {\n activityTypeId: '',\n fromDate: '',\n toDate: '',\n description: '',\n countryId: '',\n cityName: '',\n stateName: '',\n countriesAdditional: '',\n duration: 0,\n participants: 0,\n experts: 0,\n daysRemote: 0,\n daysOnsite: 0,\n learning: '',\n justification: '',\n generalAlignment: '',\n generalParticipationMembers: '',\n generalProposalCrossIssues: '',\n descSchedule: '',\n profileList: [],\n}\n","import * as Yup from 'yup'\nimport i18n from 'i18n'\n\nconst yesterday = new Date(Date.now() - 86400000)\n\nexport const validationSchema = Yup.object().shape(\n {\n activityTypeId: Yup.string().required('F3_S7_validation9'),\n description: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11')\n .required('F5_S7_required'),\n fromDate: Yup.date()\n .min(yesterday, 'F1_S7_validation3')\n .typeError('F1_S7_validation9'),\n toDate: Yup.date()\n .min(Yup.ref('fromDate'), 'F1_S7_validation4')\n .typeError('F1_S7_validation9'),\n duration: Yup.number().when('activityTypeId', {\n is: (activityType) => activityType !== '4' && activityType !== '7',\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true),\n }),\n participants: Yup.number().when('activityTypeId', {\n is: (activityType) => activityType != '4' && activityType != '7',\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true),\n }),\n experts: Yup.number().when('activityTypeId', {\n is: (activityType) => activityType === '4',\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true),\n }),\n daysRemote: Yup.number().when(['activityTypeId', 'daysOnsite'], {\n is: (activityType, days) =>\n activityType === '4' && !(Number.parseInt(days) > 0),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true),\n }),\n daysOnsite: Yup.number().when(['activityTypeId', 'daysRemote'], {\n is: (activityType, days) =>\n activityType === '4' && !(Number.parseInt(days) > 0),\n then: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n otherwise: Yup.number().nullable(true),\n }),\n format: Yup.string()\n .oneOf(['0', '1', '2'])\n .required('F1_S7_validation20'),\n countryId: Yup.string().when(['format'], {\n is: (format) => format === '0' || format === '1',\n then: Yup.string().required('F1_S7_validation12'),\n otherwise: Yup.string().nullable(true),\n }),\n cityName: Yup.string().when(['format'], {\n is: (format) => format === '0' || format === '1',\n then: Yup.string()\n .min(3, 'F1_S2_validation11')\n .max(100, 'F1_S2_validation12')\n .required('F1_S7_validation13'),\n otherwise: Yup.string().nullable(true),\n }),\n stateName: Yup.string()\n .min(3, 'F1_S2_validation13')\n .max(100, 'F1_S2_validation14'),\n countriesAdditional: Yup.string()\n .max(300, 'F1_S7_validation14')\n .nullable(true),\n justification: Yup.string()\n .min(10, 'F1_S7_validation16')\n .max(650, 'F1_S7_validation17'),\n learning: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11'),\n generalAlignment: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11'),\n generalParticipationMembers: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11'),\n generalProposalCrossIssues: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11'),\n descSchedule: Yup.string()\n .min(10, 'F3_S7_validation10')\n .max(1300, 'F3_S7_validation11'),\n profileList: Yup.array()\n .of(\n Yup.object().shape({\n skills: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5')\n .required('F5_S7_required'),\n generalExp: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5')\n .required('F5_S7_required'),\n specificExp: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5')\n .required('F5_S7_required'),\n interpretation: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F3_S7_validation5')\n .required('F5_S7_required'),\n }),\n )\n .when(['activityTypeId'], {\n is: (activityType) => activityType === '4',\n then: Yup.array()\n .min(1, 'F3_S7_validation7')\n .required('F5_S7_required'),\n otherwise: Yup.array().nullable(true),\n }),\n },\n [\n ['daysRemote', 'daysOnsite'],\n ['ueBudget', 'counterPartBudget'],\n ],\n)\n","import React from 'react';\nimport { getIn } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { RequiredMark } from 'components/CommonStyled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\n\nconst fieldInfo = (formikInstance, field) => {\n const getFieldError = getIn(formikInstance.errors, field);\n const getFieldTouched = getIn(formikInstance.touched, field);\n return {\n touched: getFieldTouched,\n error: (\n \n {(isAtke && activity.activityState.name !== 'CANCELLED') &&\n {setShowModalRemove(true)}}> {t('Button_cancel_activity')} \n }\n {((isAtke || isConsortium) && activity.activityState.name === 'CONFIRMED') &&\n {generateTDR()}}> {t('Button_tdr')} \n }\n
\n\n \n \n {(props) => (\n \n )}\n \n
\n )\n}\n\nexport default NewActivityForm\n","export const formInitialValues = {\n resourceTypeId: \"\",\n ueOrCounterpart: 0,\n description: \"\",\n workingDays: 0,\n perDiemDays: 0,\n estimatedCost: 0,\n totalMoney: 0,\n file: null\n};\n ","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n resourceTypeId: Yup.string()\n .min(1, 'F1_S2_validation5')\n .required('F1_S2_validation5'),\n ueOrCounterpart: Yup.number()\n .oneOf([0, 1])\n .required('F1_S2_validation5'),\n workingDays: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n perDiemDays: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n estimatedCost: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n description: Yup.string()\n .min(2, 'F3_S7_validation1')\n .max(650, 'F3_S7_validation2')\n .required('F3_S7_validation3'),\n});\n","import { useState, useEffect } from 'react';\nimport { getConstantsForm } from 'services/initiative';\n\nconst initialValues = {\n countries: [],\n la_ca_eu_countries: [],\n entityTypes: [],\n beneficiaryTypes: [],\n developmentGoals: [],\n developmentGoalTargets: [],\n developmentGoalTargetIndicators: [],\n activityTypes: [],\n mediaTypes: [],\n resourceTypes: [],\n productTypes: [],\n lessonTypes: [],\n lessonMoments: [],\n lessonUseForList: [],\n}\n\nexport const useConstantsForm5 = () => {\n\n const [values, setValues] = useState(initialValues)\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const { \n countries,\n la_ca_eu_countries,\n entityTypes,\n beneficiaryTypes,\n developmentGoals,\n developmentGoalTargets,\n developmentGoalTargetIndicators,\n activityTypes,\n mediaTypes,\n resourceTypes,\n productTypes,\n lessonTypes,\n lessonMoments,\n lessonUseForList,\n } = await getConstantsForm('5', {'applicantCountries': 'true'});\n \n setValues(prevState => ({\n ...prevState,\n countries,\n la_ca_eu_countries,\n entityTypes,\n beneficiaryTypes,\n developmentGoals,\n developmentGoalTargets,\n developmentGoalTargetIndicators,\n activityTypes,\n mediaTypes,\n resourceTypes,\n productTypes,\n lessonTypes,\n lessonMoments,\n lessonUseForList,\n }));\n }\n catch(e){\n console.log(e);\n }\n }\n fetchAPI();\n }, []);\n\n return values;\n}\n\n","import styled from 'styled-components';\nimport { Form } from 'react-bootstrap'\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;\n","import React, { useEffect, useState } from 'react'\nimport { Formik } from 'formik'\nimport { formInitialValues } from './NewEUBudgetLineForm.initialValues'\nimport { validationSchema } from './NewEUBudgetLineForm.validations'\nimport {\n addF5S7ActivityDetail,\n saveFile,\n getDownload,\n} from 'services/initiative'\nimport { getUploadFormatsConstants } from 'services/apiConstants'\nimport { useConstantsForm5 } from 'customHooks/useConstantsForm5'\nimport { observer } from 'mobx-react-lite'\nimport { useParams } from 'react-router-dom'\nimport { useTranslation } from 'react-i18next'\nimport htmlParser from 'html-react-parser'\n\nimport { PrimaryButton } from 'components/Buttons'\nimport InputGroup from 'react-bootstrap/InputGroup'\nimport FileUploader from 'components/FileUploader'\nimport MoneyInput from 'components/MoneyInput'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport { ErrorButton, StyledSendButton } from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport {\n FormFielErrorMessage,\n RequiredMark,\n CenteredModalButtonContainer,\n} from 'components/CommonStyled'\nimport { StyledFormLabel } from './NewEUBudgetLineForm.styled'\nimport { WORKING_DAYS_CONSTANT } from 'constants/budgetConstants';\n\nconst NewEUBudgetLineForm = ({\n activity,\n handleCloseAll,\n handleClose,\n handleCloseSubModalOnError,\n setModalInfo,\n nonEditable,\n}) => {\n const { t } = useTranslation()\n const { id, formId, sectionId } = useParams()\n const [initialValues, setInitialValues] = useState(formInitialValues)\n const { resourceTypes } = useConstantsForm5()\n const [validFileFormats, setValidFileFormats] = useState([])\n const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n const PERDIEM_CONSTANT = 250\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants()\n if (response && response.F3S7) {\n setValidFileFormats(response.F3S7)\n }\n } catch (e) {\n console.log(e)\n }\n }\n fetchAPI()\n }, [])\n\n useEffect(() => {\n document.getElementById('EURadio').checked = true\n setInitialValues(formInitialValues)\n }, [])\n\n const onSave = async (values) => {\n try {\n values.totalMoney =\n WORKING_DAYS_CONSTANT * values.workingDays +\n PERDIEM_CONSTANT * values.perDiemDays +\n values.estimatedCost\n const response = await addF5S7ActivityDetail(id, activity.id, values)\n handleCloseAll()\n } catch (error) {\n console.log(error)\n handleCloseSubModalOnError()\n }\n }\n\n const handleFileUpload = async (e, setFieldValue, handleChange) => {\n try {\n const file = document.getElementById('fileInput').files[0]\n const fileExtension = file.name.split('.').pop()\n if (file.size > 20971520) {\n setModalInfo({\n message: t('Error_file4'),\n type: 'error',\n isOpen: true,\n })\n } else if (!validFileFormats.includes(fileExtension.toUpperCase())) {\n setModalInfo({\n message: t('Error_file5'),\n type: 'error',\n isOpen: true,\n })\n } else {\n setIsUploadingFile(true)\n const uid = await saveFile(id, formId, sectionId, file)\n setFieldValue('file.fileName', file.name)\n setFieldValue('file.uuid', uid)\n handleChange(e)\n }\n } catch (error) {\n setModalInfo({\n message: t('Error_file2'),\n type: 'error',\n isOpen: true,\n })\n } finally {\n setIsUploadingFile(false)\n }\n }\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid).then((response) => {\n const url = window.URL.createObjectURL(new Blob([response.data]))\n const link = document.createElement('a')\n link.href = url\n link.setAttribute('download', downloadName)\n document.body.appendChild(link)\n link.click()\n })\n } catch (error) {\n setModalInfo({\n message: t('Error_file1'),\n type: 'error',\n isOpen: true,\n })\n }\n }\n\n const renderResourceTypes = () => {\n let resourceTypesFiltered = [...resourceTypes]\n if (activity.activityType.id != 4) {\n resourceTypesFiltered.shift()\n }\n if (activity.activityType.id == 6) {\n resourceTypesFiltered.splice(0, 3)\n }\n return resourceTypesFiltered.map((resource) => (\n \n ))\n }\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(NewEUBudgetLineForm)\n","export const formInitialValues = {\n\tmgmtFinalizeComment: \"\",\n\tmgmtFinalizeScore: \"\",\n\tmgmtFinalizeConfirmed: false\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n\tmgmtFinalizeScore: Yup.string().nullable(),\n mgmtFinalizeComment: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'Error max length 1300')\n .nullable(),\n mgmtFinalizeConfirmed: Yup.boolean(),\n});","import styled from 'styled-components'\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 5px 5px 5px;\n`;","import React, { useEffect, useState } from 'react';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './FinalizeForm.initialValues';\nimport { validationSchema } from './FinalizeForm.validations';\nimport { getF5S7ActivityDetailFinalize, modifyF5S7ActivityDetailFinalize } from 'services/initiative';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport DayJS from 'dayjs';\n\nimport { StyledFormLabel, StyledCheck } from './FinalizeForm.styled'\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport {ErrorButton, PrimaryButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { FormFielErrorMessage, CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst FinalizeForm = ({ activity, detail, handleCloseOk, handleClose, handleCloseSubModalOnError, nonEditable }) => {\n const { t } = useTranslation();\n const { id } = useParams();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr);\n return date.format(\"DD/MM/YYYY\");\n }\n\n const handleSubmit = async (values) => {\n try {\n await modifyF5S7ActivityDetailFinalize(id, activity.id, detail.id, values);\n handleCloseOk();\n } catch (error) {\n handleCloseSubModalOnError();\n }\n };\n\n useEffect(() => {\n async function getValues() {\n const response = await getF5S7ActivityDetailFinalize(id, activity.id, detail.id);\n const formValues = {...response.data};\n setInitialValues(formValues);\n }\n getValues();\n }, []);\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(FinalizeForm);","export const formInitialValues = {\n\tdescription: \"\",\n\tcomments: \"\",\n\tamountPayment: 0.0,\n\tpaymentEnabled: false,\n\tpaid: false,\n\tparticipantId: \"\"\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n\tparticipantId: Yup.string(),\n description: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'Error max length 1300')\n .required(\"F3_S7_validation3\"),\n amountPayment: Yup.number()\n .required('F3_S7_validation3'),\n comments: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'Error max length 1300')\n .nullable(true),\n paymentEnabled: Yup.boolean(),\n paid: Yup.boolean(),\n});","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 5px 5px 5px;\n`;","import React, { useEffect, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useTranslation } from 'react-i18next'\nimport { useParams } from 'react-router-dom'\nimport { observer } from 'mobx-react-lite'\nimport { formInitialValues } from './PaymentsForm.initialValues'\nimport { validationSchema } from './PaymentsForm.validations'\nimport {\n getParticipantsF5S7,\n addF5S7ActivityDetailPayment,\n modifyF5S7ActivityDetailPayment,\n} from 'services/initiative'\nimport { useRootStore } from 'stores'\nimport { roleNamesConst } from 'constants/appConstants'\nimport DayJS from 'dayjs'\n\nimport { StyledFormLabel, StyledCheck } from './PaymentsForm.styled'\nimport MoneyInput from 'components/MoneyInput'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport {\n ErrorButton,\n PrimaryButton,\n StyledSendButton,\n} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport {\n FormFielErrorMessage,\n RequiredMark,\n CenteredModalButtonContainer,\n} from 'components/CommonStyled'\n\nconst PaymentsForm = ({\n activity,\n detail,\n handleCloseOk,\n handleClose,\n handleCloseSubModalOnError,\n nonEditable,\n nonEditable2,\n}) => {\n const { t } = useTranslation()\n const { id } = useParams()\n const { authStore } = useRootStore()\n const [initialValues, setInitialValues] = useState(formInitialValues)\n const [participants, setParticipants] = useState([])\n const role = authStore.roles[0]\n const isAtke = role === roleNamesConst.ATKE\n const [isEditing, setIsEditing] = useState(false)\n const [disabled, setDisabled] = useState(true)\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr)\n return date.format('DD/MM/YYYY')\n }\n\n useEffect(() => {\n if (detail.currentPayment) {\n setIsEditing(true)\n setInitialValues({\n ...detail.currentPayment,\n paymentId: detail.currentPayment.id,\n participantId: detail.currentPayment.participant\n ? detail.currentPayment.participant.id\n : '',\n })\n setDisabled(detail.currentPayment.paid)\n } else {\n setDisabled(false)\n }\n }, [detail])\n\n const handleSubmit = async (values) => {\n try {\n if (isEditing) {\n await modifyF5S7ActivityDetailPayment(\n id,\n activity.id,\n detail.id,\n values.paymentId,\n values,\n )\n } else {\n await addF5S7ActivityDetailPayment(id, activity.id, detail.id, values)\n }\n handleCloseOk()\n } catch (error) {\n handleCloseSubModalOnError()\n }\n }\n\n useEffect(() => {\n async function getValues() {\n const response = await getParticipantsF5S7(id, activity.id)\n const allParticipants = [...response.data.participantList]\n setParticipants(allParticipants)\n }\n getValues()\n }, [])\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(PaymentsForm)\n","export const formInitialValues = {\n\tcomments: \"\",\n\tfile: null\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n\tfile: Yup.object()\n .nullable()\n .required('F3_S7_validation3'),\n comments: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(200, 'F1_S4_validation2')\n .nullable(),\n});","import React, { useEffect, useState } from 'react';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './UploadDocumentForm.initialValues';\nimport { validationSchema } from './UploadDocumentForm.validations';\nimport { addF5S7ActivityDetailDocument, modifyF5S7ActivityDetailDocument, saveFile, getDownload } from 'services/initiative';\nimport { getUploadFormatsConstants } from \"services/apiConstants\";\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\n\nimport FileUploader from 'components/FileUploader';\nimport {ErrorButton, PrimaryButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { FormFielErrorMessage, CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst UploadDocumentForm = ({ activity, detail, handleCloseOk, handleClose, handleCloseSubModalOnError, setModalInfo, nonEditable }) => {\n const { t } = useTranslation();\n const { id, formId, sectionId } = useParams();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [isUploadingFile, setIsUploadingFile] = useState(false);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE\n const [validFileFormats, setValidFileFormats] = useState([]);\n const [isEditing, setIsEditing] = useState(false);\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants();\n if(response && response.F3S7){\n setValidFileFormats(response.F3S7);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, [])\n\n useEffect(() => {\n if(detail.currentDocument){\n setIsEditing(true);\n setInitialValues({\n ...detail.currentDocument\n });\n }\n }, [detail])\n\n const handleSubmit = async (values) => {\n try {\n if(isEditing){\n await modifyF5S7ActivityDetailDocument(id, activity.id, detail.id, values.id, values);\n }\n else{\n await addF5S7ActivityDetailDocument(id, activity.id, detail.id, values);\n }\n handleCloseOk();\n } catch (error) {\n handleCloseSubModalOnError();\n }\n };\n\n const handleFileUpload = async (e, setFieldValue, handleChange) => {\n try{\n const file = document.getElementById(\"fileInput\").files[0];\n const fileExtension = file.name.split('.').pop();\n if(file.size > 20971520){\n setModalInfo({\n message: t('Error_file4'),\n type: \"error\",\n isOpen: true,\n });\n }else if(!validFileFormats.includes(fileExtension.toUpperCase())){\n setModalInfo({\n message: t('Error_file5'),\n type: \"error\",\n isOpen: true,\n });\n }\n else{\n setIsUploadingFile(true);\n const uid = await saveFile(id, formId, sectionId, file);\n setFieldValue('file.fileName', file.name);\n setFieldValue('file.uuid', uid);\n setFieldValue('fileUploaded', true);\n handleChange(e);\n }\n } catch (error) {\n setModalInfo({\n message: t('Error_file2'),\n type: \"error\",\n isOpen: true,\n });\n }\n finally {\n setIsUploadingFile(false);\n }\n }\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid)\n .then(response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\n \"download\", downloadName\n );\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModalInfo({\n message: t('Error_file1'),\n type: \"error\",\n isOpen: true,\n });\n } \n }\n\n return (\n \n \n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(UploadDocumentForm);","export const formInitialValues = {\n\tdetailProviderId: \"\",\n\tjustification: \"\",\n\tunitPrice: 0.0,\n\tquantity: 1,\n\ttotalAmount: 0.0,\n\tsheetEval: null,\n\tconfirmAvailability: false\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n\tdetailProviderId: Yup.string()\n .required(\"F3_S7_validation3\"),\n justification: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'Error max length 1300')\n .required('F3_S7_validation3'),\n unitPrice: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n quantity: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n totalAmount: Yup.number(),\n\tsheetEval: Yup.object()\n .nullable(),\n confirmAvailability: Yup.boolean()\n});","import styled from 'styled-components'\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 5px 5px 5px;\n`;","import React, { useEffect, useState } from 'react';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './SelectProviderForm.initialValues';\nimport { validationSchema } from './SelectProviderForm.validations';\nimport { changeF5S7ActivityDetailSelectedProvider, getDetailProvidersF5S7Budget, setF5S7ActivityDetailSelectedProvider, modifyF5S7ActivityDetailSelectedProvider, saveFile, getDownload } from 'services/initiative';\nimport { getUploadFormatsConstants } from \"services/apiConstants\";\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport DayJS from 'dayjs';\n\nimport FileUploader from 'components/FileUploader';\nimport { StyledFormLabel, StyledCheck } from './SelectProviderForm.styled'\nimport TextValue from 'components/TextValue';\nimport MoneyInput from 'components/MoneyInput';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport {ErrorButton, PrimaryButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { FormFielErrorMessage, RequiredMark, CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst SelectProviderForm = ({ activity, detail, handleCloseOk, handleClose, handleCloseSubModalOnError, setModalInfo, nonEditable, payments }) => {\n const { t } = useTranslation();\n const { id, formId, sectionId } = useParams();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [providers, setProviders] = useState([]);\n const [isUploadingFile, setIsUploadingFile] = useState(false);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE\n const [validFileFormats, setValidFileFormats] = useState([]);\n const [isEditing, setIsEditing] = useState(false);\n const [changeSelectedProvider, setChangeProviderSelected] = useState(false);\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr);\n return date.format(\"DD/MM/YYYY\");\n }\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants();\n if(response && response.F3S7){\n setValidFileFormats(response.F3S7);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, [])\n\n useEffect(() => {\n if(detail.currentSelectedProvider){\n setIsEditing(true);\n setInitialValues({\n ...detail.currentSelectedProvider,\n detailProviderId: detail.currentSelectedProvider.mgmtF5S7ActivityDetailProvider.id\n });\n }\n setChangeProviderSelected(detail.providerSelected);\n }, [detail])\n\n const handleSubmit = async (values) => {\n try {\n if(isEditing)\n await modifyF5S7ActivityDetailSelectedProvider(id, activity.id, detail.id, values);\n else\n if(changeSelectedProvider)\n await changeF5S7ActivityDetailSelectedProvider(id, activity.id, detail.id, values); \n else \n await setF5S7ActivityDetailSelectedProvider(id, activity.id, detail.id, values);\n \n handleCloseOk();\n } catch (error) {\n handleCloseSubModalOnError();\n }\n };\n\n useEffect(() => {\n async function getValues() {\n const response = await getDetailProvidersF5S7Budget(id, activity.id, detail.id);\n const allProviders = [...response.data];\n setProviders(allProviders);\n }\n getValues();\n }, []);\n\n const handleFileUpload = async (e, setFieldValue, handleChange) => {\n try{\n const file = document.getElementById(\"fileInput\").files[0];\n const fileExtension = file.name.split('.').pop();\n if(file.size > 20971520){\n setModalInfo({\n message: t('Error_file4'),\n type: \"error\",\n isOpen: true,\n });\n }else if(!validFileFormats.includes(fileExtension.toUpperCase())){\n setModalInfo({\n message: t('Error_file5'),\n type: \"error\",\n isOpen: true,\n });\n }\n else{\n setIsUploadingFile(true);\n const uid = await saveFile(id, formId, sectionId, file);\n setFieldValue('sheetEval.fileName', file.name);\n setFieldValue('sheetEval.uuid', uid);\n setFieldValue('fileUploaded', true);\n handleChange(e);\n }\n } catch (error) {\n setModalInfo({\n message: t('Error_file2'),\n type: \"error\",\n isOpen: true,\n });\n }\n finally {\n setIsUploadingFile(false);\n }\n }\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid)\n .then(response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\n \"download\", downloadName\n );\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModalInfo({\n message: t('Error_file1'),\n type: \"error\",\n isOpen: true,\n });\n } \n }\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(SelectProviderForm);","export const formInitialValues = {\n name: \"\",\n dtGlobalCode: \"\",\n contact: \"\",\n email: \"\",\n phone: \"\",\n comments: \"\",\n active: false,\n address: \"\",\n city: \"\",\n state: \"\",\n countryId: \"\"\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nconst phoneRegExp = /^((\\+[1-9]{1,4}[ -]?)|(\\([0-9]{2,3}\\)[ -]?)|([0-9]{2,4})[ -]?)*?[0-9]{3,4}[ -]?[0-9]{3,4}$/\n\nexport const validationSchema = Yup.object().shape({\n name: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9')\n .required('F5_S7_required'),\n dtGlobalCode: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(100, 'F1_S2_validation7'),\n contact: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9'),\n email: Yup.string()\n .email('F1_S2_validation23')\n .max(100, 'F1_S2_validation24'),\n phone: Yup.string()\n .min(2, 'F1_S2_validation20')\n .max(100, 'F1_S2_validation21')\n .matches(phoneRegExp, 'F1_S2_validation22'),\n comments: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(1300, 'F1_S6_validation8'),\n active: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9'),\n address: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9'),\n city: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9'),\n state: Yup.string()\n .min(2, 'F1_S4_validation1')\n .max(650, 'F1_S6_validation9'),\n countryId: Yup.string(),\n});","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;","import React, { useEffect, useState } from 'react';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './NewProviderForm.initialValues';\nimport { validationSchema } from './NewProviderForm.validations';\nimport { addF5S7provider, modifyF5S7provider } from 'services/initiative';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport { useConstantsForm5 } from 'customHooks/useConstantsForm5';\n\nimport { StyledFormLabel } from './NewProviderForm.styled'\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport {ErrorButton, PrimaryButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { FormFielErrorMessage, RequiredMark, CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst NewProviderForm = ({ detail, handleCloseOk, handleCloseSubModalOnError, nonEditable, setBudgetDetailAdminModalData }) => {\n const { t } = useTranslation();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [isEditing, setIsEditing] = useState(false);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE;\n const isConsortium = role === roleNamesConst.CONSORTIUM;\n const { countries } = useConstantsForm5();\n\n const disableButtons = !(isAtke || isConsortium);\n\n useEffect(() => {\n if(detail.providerObj){\n setIsEditing(true);\n setInitialValues({\n ...detail.providerObj,\n countryId: detail.providerObj.country? detail.providerObj.country.id: ''\n });\n }\n }, [detail])\n\n const handleReturnToProvider = () => {\n setBudgetDetailAdminModalData({\n isShow: true,\n type: 0,\n title: t('F5_S7_Budget_Admins_Title1'),\n detail: {\n ...detail,\n providerObj: null\n }\n })\n }\n\n const handleSubmit = async (values) => {\n try {\n if(isEditing){\n await modifyF5S7provider(values.id, values);\n }\n else{\n await addF5S7provider(values);\n }\n setBudgetDetailAdminModalData({\n isShow: true,\n type: 0,\n title: t('F5_S7_Budget_Admins_Title1'),\n detail: detail\n })\n } catch (error) {\n handleCloseSubModalOnError();\n }\n };\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(NewProviderForm);","export const formInitialValues = {\n\tproviderId: \"\",\n\ttotalAmount: 0.0,\n\tfile: null,\n\tcomments: \"\"\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n\tproviderId: Yup.string().required(\"F3_S7_validation3\"),\n\ttotalAmount: Yup.number()\n .min(0, 'F1_S7_validation10')\n .required('F1_S7_validation11'),\n\tfile: Yup.object().nullable(),\n\tcomments: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(1300, 'Error max length 1300')\n .nullable()\n});","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\n\nexport const StyledFormLabel = styled(Form.Label)`\n padding-left: 15px;\n margin-bottom: 0px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './ProviderForm.initialValues';\nimport { validationSchema } from './ProviderForm.validations';\nimport { getAllProvidersF5S7, modifyF5S7ActivityDetailProvider, addF5S7ActivityDetailProvider, saveFile, getDownload } from 'services/initiative';\nimport { getUploadFormatsConstants } from \"services/apiConstants\";\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\n\nimport FileUploader from 'components/FileUploader';\nimport { StyledFormLabel } from './ProviderForm.styled'\nimport TextValue from 'components/TextValue';\nimport MoneyInput from 'components/MoneyInput';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport {ErrorButton, PrimaryButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { FormFielErrorMessage, RequiredMark, SeparatorDotted, CenteredModalButtonContainer } from 'components/CommonStyled';\n\nconst ProviderForm = ({ activity, detail, handleCloseOk, handleClose, handleCloseSubModalOnError, setModalInfo, setBudgetDetailAdminModalData, nonEditable }) => {\n const { t } = useTranslation();\n const { id, formId, sectionId } = useParams();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [currentProvider, setCurrentProvider] = useState({});\n const [providers, setProviders] = useState([]);\n const [isUploadingFile, setIsUploadingFile] = useState(false);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE\n const [validFileFormats, setValidFileFormats] = useState([]);\n const [isEditing, setIsEditing] = useState(false);\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants();\n if(response && response.F3S7){\n setValidFileFormats(response.F3S7);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, [])\n\n useEffect(() => {\n if(detail.detailProviderObj){\n setIsEditing(true);\n setInitialValues({\n ...detail.detailProviderObj,\n providerId: detail.detailProviderObj.mgmtF5S7Provider.id,\n });\n setCurrentProvider(detail.detailProviderObj.mgmtF5S7Provider);\n }\n }, [detail])\n\n const handleSubmit = async (values) => {\n try {\n if(isEditing){\n await modifyF5S7ActivityDetailProvider(id, activity.id, detail.id, detail.detailProviderObj.id, values);\n }\n else{\n await addF5S7ActivityDetailProvider(id, activity.id, detail.id, values);\n }\n handleCloseOk();\n } catch (error) {\n handleCloseSubModalOnError();\n }\n };\n\n useEffect(() => {\n async function getValues() {\n let response = await getAllProvidersF5S7();\n const allProviders = [...response.data];\n setProviders(allProviders);\n }\n getValues();\n }, []);\n\n const handleFileUpload = async (e, setFieldValue, handleChange) => {\n try{\n const file = document.getElementById(\"fileInput\").files[0];\n const fileExtension = file.name.split('.').pop();\n if(file.size > 20971520){\n setModalInfo({\n message: t('Error_file4'),\n type: \"error\",\n isOpen: true,\n });\n }else if(!validFileFormats.includes(fileExtension.toUpperCase())){\n setModalInfo({\n message: t('Error_file5'),\n type: \"error\",\n isOpen: true,\n });\n }\n else{\n setIsUploadingFile(true);\n const uid = await saveFile(id, formId, sectionId, file);\n setFieldValue('file.fileName', file.name);\n setFieldValue('file.uuid', uid);\n setFieldValue('fileUploaded', true);\n handleChange(e);\n }\n } catch (error) {\n setModalInfo({\n message: t('Error_file2'),\n type: \"error\",\n isOpen: true,\n });\n }\n finally {\n setIsUploadingFile(false);\n }\n }\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid)\n .then(response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\n \"download\", downloadName\n );\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModalInfo({\n message: t('Error_file1'),\n type: \"error\",\n isOpen: true,\n });\n } \n }\n\n const handleButtonNewProvider = async () => {\n setBudgetDetailAdminModalData({\n isShow: true,\n type: 1,\n title: t('F5_S7_Budget_Admins_Title1.1'),\n detail: detail\n })\n }\n\n const handleButtonEditProvider = () => {\n setBudgetDetailAdminModalData({\n isShow: true,\n type: 1,\n title: t('F5_S7_Budget_Admins_Title1.2'),\n detail: {\n ...detail,\n providerObj: currentProvider\n }\n })\n }\n\n return (\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(ProviderForm);","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\nimport Button from 'react-bootstrap/Button'\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const ModalTitle = styled.div`\n font-weight: 700;\n margin-left: -3px;\n margin-bottom: 20px;\n`;\n\nexport const StyledUploadButton = styled(Button)`\n padding: 0;\n border: none;\n background: none;\n font-weight: 600;\n text-decoration: underline;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 35px 13px 20px;\n`;","import React, { useState } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useRootStore } from 'stores'\nimport { useTranslation } from 'react-i18next'\nimport {\n roleNamesConst,\n f5ActivityBudgetStatesConst,\n} from 'constants/appConstants'\nimport { useParams } from 'react-router-dom'\nimport { useHistory } from 'react-router-dom'\n\nimport ConfirmCloseModal from 'components/ConfirmCloseModal'\nimport NewEUBudgetLineForm from './NewEUBudgetLineForm'\nimport FinalizeForm from './FinalizeForm'\nimport PaymentsForm from './PaymentsForm'\nimport UploadDocumentForm from './UploadDocumentForm'\nimport SelectProviderForm from './SelectProviderForm'\nimport NewProviderForm from './NewProviderForm'\nimport ProviderForm from './ProviderForm'\nimport Modal from 'react-bootstrap/Modal'\nimport { StyledModalBody, ModalTitle } from './BudgetDetailAdminModal.styled'\n\nconst BudgetDetailAdminModal = ({\n show,\n type,\n title,\n activity,\n detail,\n setBudgetDetailAdminModalData,\n setModalInfo,\n handleBudgetLineModalOpen,\n payments,\n}) => {\n const { authStore } = useRootStore()\n const { t } = useTranslation()\n const { id } = useParams()\n const [\n isCloseBudgetModalAlertShow,\n setIsCloseBudgetModalAlertShow,\n ] = useState(false)\n const role = authStore.roles[0]\n let history = useHistory()\n\n const isAtke = role === roleNamesConst.ATKE\n const isConsortium = role === roleNamesConst.CONSORTIUM\n const isManager = role !== roleNamesConst.PUBLIC\n\n const isManagerNonEditable =\n detail &&\n detail.resourceDetailState &&\n isManager &&\n ((!isAtke && !isConsortium) ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.FINALIZED ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.CANCELLED)\n\n const isManagerNonEditable2 =\n detail &&\n detail.resourceDetailState &&\n isManager &&\n ((!isAtke && !isConsortium) ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.CANCELLED)\n\n const handleClose = () => {\n setIsCloseBudgetModalAlertShow(true)\n }\n\n const handleCloseOk = () => {\n setBudgetDetailAdminModalData({\n isShow: false,\n type: null,\n title: '',\n detail: null,\n })\n handleBudgetLineModalOpen()\n }\n\n const handleCloseAll = () => {\n setBudgetDetailAdminModalData({\n isShow: false,\n type: null,\n title: '',\n detail: null,\n })\n history.push(\n `${authStore.getBaseRouteByRole()}/initiative/${id}/form/5/section/7?displayExecutedBudget=true&activityNumber=${\n activity.id\n }`,\n )\n }\n\n const handleCloseSubModalOnError = () => {\n setBudgetDetailAdminModalData({\n isShow: false,\n type: null,\n title: '',\n detail: null,\n })\n handleBudgetLineModalOpen()\n setModalInfo({\n isOpen: true,\n message: t('Error try again later'),\n type: 'error',\n })\n }\n\n const getFormByType = (type) => {\n const fromByType = {\n [0]: (\n {getFormByType(type)}
\n \n setIsCancelBudgetDetailAlert(false)}\n handleConfirm={() => handleCancelBudgetLine()}\n />\n\n {t('F5_S7_Budget_Admins_Step1')} \n handleOpenAddProvider()} disabled={disabled}> {t('F5_S7_Budget_Admins_AddProvider')} \n\n {t('F5_S7_Budget_Admins_Step2')} \n handleOpenSelectProvider(false)} > \n {t('F5_S7_Budget_Admins_SelectProvider')} \n \n :\n \n
\n \n
\n \n
\n \n
\n \n handleOpenUpdateSelectProvider()} > \n {t('F5_S7_Budget_Select_Provider_Button_Update')} \n \n
\n \n 0)} style={{marginLeft: \"15px\", marginTop: '15px'}} onClick={() => handleOpenSelectProvider(true)} > \n {t('F5_S7_Budget_Select_Provider_Button_Change')} \n \n
\n \n }\n\n {t('F5_S7_Budget_Admins_Step3')} \n handleOpenAddDocument()}> {t('F5_S7_Budget_Admins_AddDocument')} \n\n {t('F5_S7_Budget_Admins_Step4')} \n handleOpenAddPayment()}> {t('F5_S7_Budget_Admins_AddPayment')} \n\n {t('F5_S7_Budget_Admins_Step5')} \n handleOpenFinalize()}> {t('F5_S7_Budget_Admins_Finalize')} \n\n 0)} onClick={() => handleCancelBudgetDetail()}> {t('F5_S7_Budget_Admins_Cancel')} \n\n
\n )\n}\n\nexport default ContractSteps;","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\nimport Button from 'react-bootstrap/Button'\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const ModalTitle = styled.div`\n font-weight: 700;\n margin-left: -3px;\n margin-bottom: 20px;\n`;\n\nexport const StyledUploadButton = styled(Button)`\n padding: 0;\n border: none;\n background: none;\n font-weight: 600;\n text-decoration: underline;\n`;\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 35px 13px 20px;\n`;","import React, { useEffect, useState } from \"react\";\nimport { Formik, validateYupSchema, yupToFormErrors } from \"formik\";\nimport { formInitialValues } from \"./BudgetLineModal.initialValues\";\nimport { validationSchema } from \"./BudgetLineModal.validations\";\nimport {\n modifyActivityDetailF5S7,\n modifyActivityDetailF5S7AT,\n getActivityDetailF5S7,\n saveFile,\n getDownload,\n getEntities,\n} from \"services/initiative\";\nimport { observer } from \"mobx-react-lite\";\nimport { useParams } from \"react-router-dom\";\nimport { useRootStore } from \"stores\";\nimport { useTranslation } from \"react-i18next\";\nimport htmlParser from \"html-react-parser\";\nimport { getUploadFormatsConstants } from \"services/apiConstants\";\nimport {\n roleNamesConst,\n f5ActivityStatesConst,\n f5ActivityBudgetStatesConst,\n} from \"constants/appConstants\";\n\nimport { StyledCustomLink } from \"components/Forms/Forms.styled\";\nimport ContractSteps from \"./ContractSteps\";\nimport TextValue from \"components/TextValue\";\nimport { PrimaryButton } from \"components/Buttons\";\nimport Spinner from \"react-bootstrap/Spinner\";\nimport InputGroup from \"react-bootstrap/InputGroup\";\nimport MoneyInput from \"components/MoneyInput\";\nimport Modal from \"react-bootstrap/Modal\";\nimport { StyledFormLabel } from \"../Section7.styled\";\nimport Row from \"react-bootstrap/Row\";\nimport Col from \"react-bootstrap/Col\";\nimport { ErrorButton, StyledSendButton } from \"components/Buttons\";\nimport { Form } from \"react-bootstrap\";\nimport {\n FormFielErrorMessage,\n RequiredMark,\n CenteredModalButtonContainer,\n SeparatorDotted,\n} from \"components/CommonStyled\";\nimport {\n StyledModalBody,\n ModalTitle,\n StyledUploadButton,\n StyledCheck,\n} from \"./BudgetLineModal.styled\";\nimport { formatDateDDMMYY } from \"helpers/dateHelpers\";\n\nconst BudgetLineModal = ({\n show,\n detail,\n handleClose,\n handleCloseOnSave,\n handleCloseOnError,\n activity,\n setModalInfo,\n setBudgetDetailAdminModalData,\n nonEditable,\n}) => {\n const { authStore } = useRootStore();\n const { t } = useTranslation();\n const { id, formId, sectionId } = useParams();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n\n const [validFileFormats, setValidFileFormats] = useState([]);\n const [entities, setEntities] = useState([]);\n\n const [isUploadingFile, setIsUploadingFile] = useState(false);\n const [disabled, setDisabled] = useState(true);\n\n const role = authStore.roles[0];\n const euPays = detail && detail.ueOrCounterpart == 0;\n const isNonEditableByResourceType =\n detail &&\n detail.ueOrCounterpart == 0 &&\n detail.resourceType &&\n (detail.resourceType.id == 8 || detail.resourceType.id == 9);\n\n const isAtke = role === roleNamesConst.ATKE;\n const isConsortium = role === roleNamesConst.CONSORTIUM;\n const isManager = role !== roleNamesConst.PUBLIC;\n\n const isApplicantNonEditable = euPays && role === roleNamesConst.PUBLIC;\n const isManagerNonEditable =\n detail &&\n isManager &&\n ((!isAtke && !isConsortium) ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.FINALIZED ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.CANCELLED);\n const isApplicantNonUpdatable =\n isApplicantNonEditable &&\n (detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.EXECUTION ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.FINALIZED ||\n detail.resourceDetailState.stateEnum ===\n f5ActivityBudgetStatesConst.CANCELLED);\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getActivityDetailF5S7(\n id,\n activity.id,\n detail.id\n );\n if (response && response.data) {\n let providerInfo = {};\n if (euPays && response.data.selectedProvider) {\n providerInfo = {\n provider:\n response.data.selectedProvider.mgmtF5S7ActivityDetailProvider\n .mgmtF5S7Provider.name,\n totalRealMoney: response.data.selectedProvider.totalAmount,\n justification: response.data.selectedProvider.justification,\n };\n }\n setInitialValues({\n ...response.data,\n ...providerInfo,\n });\n }\n const entitiesResponse = await getEntities(id);\n setEntities(entitiesResponse);\n } catch (e) {\n console.log(e);\n }\n }\n if (detail !== null) {\n document.getElementById(\"EURadio\").checked = detail.ueOrCounterpart == 0;\n document.getElementById(\"CPRadio\").checked = detail.ueOrCounterpart == 1;\n setDisabled(\n detail.budgetConfirmed ||\n !(activity.activityState.name === f5ActivityStatesConst.CONFIRMED)\n );\n fetchAPI();\n } else setInitialValues(formInitialValues);\n }, [detail]);\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants();\n if (response && response.F3S7) {\n setValidFileFormats(response.F3S7);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, []);\n\n const onSave = async (values) => {\n try {\n if (isAtke)\n await modifyActivityDetailF5S7AT(id, activity.id, detail.id, values);\n else await modifyActivityDetailF5S7(id, activity.id, detail.id, values);\n handleCloseOnSave();\n } catch (error) {\n console.log(error);\n handleCloseOnError();\n }\n };\n\n const handleFileUpload = async (e, setFieldValue, handleChange) => {\n try {\n const file = document.getElementById(\"fileInput\").files[0];\n const fileExtension = file.name.split(\".\").pop();\n if (file.size > 20971520) {\n setModalInfo({\n message: t(\"Error_file4\"),\n type: \"error\",\n isOpen: true,\n });\n } else if (!validFileFormats.includes(fileExtension.toUpperCase())) {\n setModalInfo({\n message: t(\"Error_file5\"),\n type: \"error\",\n isOpen: true,\n });\n } else {\n setIsUploadingFile(true);\n const uid = await saveFile(id, formId, sectionId, file);\n setFieldValue(\"quote.fileName\", file.name);\n setFieldValue(\"quote.uuid\", uid);\n handleChange(e);\n }\n } catch (error) {\n setModalInfo({\n message: t(\"Error_file2\"),\n type: \"error\",\n isOpen: true,\n });\n } finally {\n setIsUploadingFile(false);\n }\n };\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid).then((response) => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", downloadName);\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModalInfo({\n message: t(\"Error_file1\"),\n type: \"error\",\n isOpen: true,\n });\n }\n };\n\n const onValidateSubmit = (e, isValid, values) => {\n e.preventDefault();\n isValid ? onSave(values) : alert(t(\"not_saved_alert\"));\n };\n\n return (\n \n {\n document.getElementById(\"fileInput\").click();\n }}\n >\n {t(\"F5_S7_Upload_supporting_document\")} (\n {validFileFormats.join(\", \")})\n \n\n
\n\n {values.quote && (\n\n handleDownload(\n values.quote.uuid,\n values.quote.fileName\n )\n }\n >\n {t(\"F5_S7_See_quote_final\")}\n \n )}\n\n {\n handleFileUpload(e, setFieldValue, handleChange);\n }}\n type=\"file\"\n />\n
\n \n ) : (\n <>\n {values.quote && (\n \n\n {values.quote && (\n
\n {`${t(\"F5_S7_Confirmed\")}: ${\n values.budgetTimestamp\n ? formatDateDDMMYY(values.budgetTimestamp)\n : \"\"\n }`}\n
\n )}\n \n )}\n\n \n {`${t(\"F5_S7_status\")}: ${\n values.resourceDetailState\n ? t(\n `F5_S7_Budget_Status_${values.resourceDetailState.stateEnum}`\n )\n : \"\"\n }`}\n
\n\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n setFieldValue,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default observer(GeneralInfoForm)\n","export const formInitialValues = {\n productList: [],\n productsConfirmed: false,\n productsTimestamp: \"\",\n productsUsername: \"\"\n};","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n productsConfirmed: Yup.boolean(),\n productList: Yup.array()\n .of(\n Yup.object().shape({\n productType: Yup.object(),\n name: Yup.string(),\n dueDate: Yup.date(),\n description: Yup.string(),\n comments: Yup.string()\n .min(2, 'F3_S7_validation4')\n .max(650, 'F1_S6_validation9')\n .nullable(true)\n .test('commentsCheck', 'Error field cannot be empty', function (value) {\n if(this.options.context.productsConfirmed && !this.parent.comments) return false\n return true }),\n media: Yup.object().nullable(),\n })\n ),\n});","import styled, { css } from 'styled-components'\nimport Form from 'react-bootstrap/Form';\n\nexport const StyledCheck = styled.div`\n border-radius: 15px;\n border: red 2px solid;\n padding: 20px 35px 13px 20px;\n`;","import styled from 'styled-components';\nimport Button from 'react-bootstrap/Button';\n\nexport const StyledUploadButton = styled(Button)`\n padding: 0;\n border: none;\n background: none;\n font-weight: 600;\n text-decoration: underline;\n margin-bottom: 4px;\n margin-right: 10px;\n`;","import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useTranslation } from 'react-i18next';\nimport { saveFile, getDownload } from 'services/initiative';\nimport Spinner from 'react-bootstrap/Spinner';\nimport { StyledUploadButton } from '../ProductForm.styled';\nimport Form from 'react-bootstrap/Form';\nimport { StyledCustomLink } from 'components/Forms/Forms.styled';\n\nconst FileUploading = ({\n setModalInfo,\n params,\n validFileFormats,\n handleChange,\n currentProductReference,\n setFieldValue,\n fieldPath,\n productIndex,\n fileId,\n nonEditable,\n}) => {\n const { t } = useTranslation();\n const [isUploadingFile, setIsUploadingFile] = useState(false);\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n await getDownload(uuid).then(response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', downloadName);\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModalInfo({\n message: t('Error_file1'),\n type: 'error',\n isOpen: true,\n });\n }\n };\n\n const handleFileUpload = async e => {\n try {\n const file = document.getElementById(`fileInput${productIndex}${fileId}`).files[0];\n const fileExtension = file.name.split('.').pop();\n if (file.size > 20971520) {\n setModalInfo({\n message: t('Error_file4'),\n type: 'error',\n isOpen: true,\n });\n } else if (!validFileFormats.includes(fileExtension.toUpperCase())) {\n setModalInfo({\n message: t('Error_file5'),\n type: 'error',\n isOpen: true,\n });\n } else {\n setIsUploadingFile(true);\n const uid = await saveFile(params.id, params.formId, params.sectionId, file);\n setFieldValue(fieldPath(`media.${fileId}.fileName`), file.name);\n setFieldValue(fieldPath(`media.${fileId}.uuid`), uid);\n handleChange(e);\n }\n } catch (error) {\n setModalInfo({\n message: t('Error_file2'),\n type: 'error',\n isOpen: true,\n });\n } finally {\n setIsUploadingFile(false);\n }\n };\n return isUploadingFile ? (\n \n
\n ) : (\n <>\n {currentProductReference.media && currentProductReference.media[fileId] ? (\n \n {\n document.getElementById(`fileInput${productIndex}${fileId}`).click();\n }}\n >\n {t('F5_S7_Products_upload_document2')} ({validFileFormats.join(', ')})\n \n
\n\n ) : (\n nonEditable ? null :\n <>\n \n \n ({t('F5_S7_products_documents_upload')},\n \n handleDownload(\n currentProductReference.media[fileId].uuid,\n currentProductReference.media[fileId].fileName,\n )\n }\n >\n {currentProductReference.media[fileId] ? currentProductReference.media[fileId].fileName : null}\n \n )\n \n
\n \n <>\n \n \n {t('F3_S7_Product_type')}:\n \n \n\n \n \n {t('F3_S7_Product_title')}:\n \n \n\n \n {t('F3_S7_Product_Due_date')}: \n setFieldValue(fieldPath('dueDate'), date)}\n className={touched[fieldPath('dueDate')] && errors[fieldPath('dueDate')] ? 'error' : null}\n disabled={nonEditable}\n />\n {fieldInfo(formikInstance, fieldPath('dueDate')).error}\n \n\n \n {t('F3_S7_Product_Description')}: \n \n\n {getFileUploading(3)}\n\n \n \n {t('F5_S7_Products_document_comments')}\n * :\n \n \n \n
\n );\n};\n\nexport default ProductForm;\n","import React, { useEffect, useState, useRef } from 'react';\nimport { Formik, validateYupSchema, yupToFormErrors } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './ProductsForm.initialValues';\nimport { validationSchema } from './ProductsForm.validations';\nimport { saveProductsF5S7, getProductsF5S7, saveProductsMgmF5S7 } from 'services/initiative';\nimport DayJS from 'dayjs';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport { getUploadFormatsConstants } from \"services/apiConstants\";\n\nimport { PrimaryButton } from 'components/Buttons';\nimport {StyledCheck} from './ProductsForm.styled'\nimport ProductForm from './ProductForm';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport {ErrorButton, StyledSendButton} from 'components/Buttons'\nimport { Form } from 'react-bootstrap'\nimport { SeparatorDotted, CenteredModalButtonContainer } from 'components/CommonStyled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst ProductsForm = ({handleCloseOk, handleClose, setModalInfo, activity, handleCloseSubModalOnSave, handleCloseSubModalOnError,handleOpenNewProductModal, newProductObj, nonEditable, nonEditableMgm }) => {\n const { t } = useTranslation();\n const { id } = useParams();\n const formRef = useRef();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [validFileFormats, setValidFileFormats] = useState([]);\n const [disabled, setDisabled] = useState(nonEditable);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE;\n const isPublic = role === roleNamesConst.PUBLIC;\n\n const formatDate = (dateStr) => {\n const date = DayJS(dateStr);\n return date.format(\"DD/MM/YYYY\");\n }\n\n const handleNewProduct = () => {\n handleOpenNewProductModal(true);\n }\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getUploadFormatsConstants();\n if(response && response.F3S7){\n setValidFileFormats(response.F3S7);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, [])\n\n useEffect(() => {\n async function getValues() {\n let response = await getProductsF5S7(id, activity.id);\n\n response.data.productList.map( (product) => {\n product.dueDate = new Date(product.dueDate);\n })\n\n const formValues = {...formInitialValues, ...response.data};\n setInitialValues(formValues);\n\n if(!isPublic)\n setDisabled(true);\n else\n setDisabled(formValues.productsConfirmed);\n\n if(activity.activityState.name === 'CANCELLED'){\n setDisabled(true);\n }\n }\n getValues();\n }, []);\n\n useEffect(() => {\n if(newProductObj && Array.isArray(newProductObj.productList)){\n setInitialValues({\n ...formRef.current.values,\n productList: [...newProductObj.productList]\n })\n }\n }, [newProductObj])\n\n const handleSubmit = async (values) => {\n try {\n if(isAtke)\n await saveProductsMgmF5S7(id, activity.id, values);\n else\n await saveProductsF5S7(id, activity.id, values);\n handleCloseSubModalOnSave();\n } catch (error) {\n console.log(error)\n handleCloseSubModalOnError();\n }\n };\n\n const onValidateSubmit = (e, isValid, values) => {\n e.preventDefault();\n isValid\n ? handleSubmit(values)\n : alert(t('not_saved_alert'));\n }\n\n return (\n \n {\n try {\n validateYupSchema(value, validationSchema, true, value);\n } catch (err) {\n return yupToFormErrors(err);\n }\n return {};\n }}\n onSubmit={handleSubmit}\n >\n {(props) => (\n { onValidateSubmit(e, props.isValid, props.values) }}\n id=\"products\"\n >\n \n {props.values.productList\n ? ( props.values.productList.map((product, key) => (\n \n \n {t('F3_S7_Accordion_product')+\" \"+(key+1)} \n \n \n \n \n \n \n )))\n : null}\n \n handleNewProduct()} >{t('F3_S7_Product_button_add')} }\n\n \n \n \n \n\n {\n props.values.genInfoTimestamp\n &&\n \n {\n ((disabled && !(isAtke)) || (isAtke && nonEditableMgm) || (activity.activityState.name === 'CANCELLED'))\n ?\n {handleCloseOk()}}> OK \n :\n <>\n {t('Button_cancel')} \n {t('Button_save')} \n \n }\n \n\n \n )}\n \n
\n )\n}\n\n\nexport default observer(ProductsForm);","import * as Yup from 'yup';\nimport i18n from 'i18n';\n\nexport const validationSchema = Yup.object().shape({\n consultantsConfirmed: Yup.boolean(),\n});","import React, { useState, useEffect } from 'react';\nimport { Formik, getIn } from 'formik';\nimport { Form } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { validationSchema } from './ConsultantsForm.validations';\nimport { saveConsultantsF5S7, getConsultantsF5S7 } from 'services/initiative';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport { PrimaryButton, ErrorButton, StyledSendButton } from 'components/Buttons';\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\nimport { StyledFormLabel, StyledCheck } from './ConsultantsForm.styled';\nimport TextValue from 'components/TextValue';\nimport DayJS from 'dayjs';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst ConsultantsForm = ({handleCloseOk, handleClose, activity, handleCloseSubModalOnSave, handleCloseSubModalOnError, nonEditable}) => {\n\n const { t } = useTranslation();\n const { id } = useParams();\n const [formValues, setFormValues] = useState([]);\n const [confirms, setConfirms] = useState([]);\n const [allTrue, setAllTrue] = useState(false);\n\n const fieldPath = (field, key) => `profiles.${key}.${field}`;\n\n const fieldInfo = (props, field) => {\n const getFieldError = getIn(props.errors, field);\n const getFieldTouched = getIn(props.touched, field);\n return {\n touched: getFieldTouched,\n error: (\n \n {`${t('F5_S7_Confirmed')}: ${props.values.genInfoTimestamp? formatDate(props.values.genInfoTimestamp): \"\"}`}\n
\n }\n\n \n \n \n {t('F1_S2_First_name')}* : \n \n \n \n {t('F1_S2_Last_Name')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_nationality')}* : \n \n \n {countries.map(media => (\n \n ))}\n \n {fieldInfo(formikInstance, fieldPath('nationalityId')).error}\n \n \n \n \n {t('F3_S7_Participant_city_departure')}* : \n \n \n
\n \n \n {t('F3_S7_Participant_organization')}* : \n \n \n \n {t('F3_S7_Participant_type_entity')}* : \n \n \n {entityTypes.map(media => (\n \n ))}\n \n {fieldInfo(formikInstance, fieldPath('entityTypeId')).error}\n \n \n \n
\n \n \n {t('F1_S2_Email')}* : \n \n \n \n {t('F1_S2_Phone_number')}* : \n \n \n
\n\n \n \n {t('F5_S7_Participant_confirmation_check1')}\n \n \n \n
\n {t('F5_S7_Participant_confirmation_check2')}\n \n \n\n {values.confirmed \n &&\n \n \n \n \n\n {\n values.participantList[participantIndex].mgmtTicketTimestamp &&\n
\n )\n\n}\n\nexport default ParticipantForm;\n","import React, { useEffect, useState, useRef } from 'react';\nimport { Formik, validateYupSchema, yupToFormErrors, FieldArray } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { formInitialValues } from './ParticipantsForm.initialValues';\nimport { validationSchema } from './ParticipantsForm.validations';\nimport {\n saveParticipantsF5S7,\n getParticipantsF5S7,\n saveF5S7ActivityParticipantsMgmt,\n changeParticipantState\n} from 'services/initiative';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport { useConstantsForm5 } from 'customHooks/useConstantsForm5';\nimport htmlParser from 'html-react-parser';\nimport ModalParticipantsList from './ModalParticipantsList';\nimport { handleLabel } from 'helpers/f5Helpers';\nimport { mapParticipantsState } from './ParticipantForm/ParticipantForm.helper';\n\nimport { PrimaryButton } from 'components/Buttons';\nimport ParticipantForm from './ParticipantForm';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport {ErrorButton, StyledSendButton, StyledButtonLink} from 'components/Buttons'\nimport Form from 'react-bootstrap/Form'\nimport { SeparatorDotted, CenteredModalButtonContainer } from 'components/CommonStyled';\nimport {\n StyledCheck\n} from '../ParticipantsForm/ParticipantForm/ParticipantForm.styled';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst participantObject = {\n firstName: \"\",\n lastName: \"\",\n nationalityId: \"\",\n city: \"\",\n email: \"\",\n phone: \"\",\n entityTypeId: \"\",\n organizationName: \"\",\n willAttend: null,\n willAttendTrue: false,\n willNotAttend: false,\n confirmed: false,\n mgmtTicketPurchased: false,\n}\n\nconst ParticipantsForm = ({ handleCloseOk, handleClose, activity, handleCloseSubModalOnSave, handleCloseSubModalOnError, nonEditable, nonEditableMgm }) => {\n const { t } = useTranslation();\n const { id } = useParams();\n const formRef = useRef();\n const { authStore } = useRootStore();\n const [initialValues, setInitialValues] = useState(formInitialValues);\n const [disabled, setDisabled] = useState(nonEditable);\n const role = authStore.roles[0];\n const isAtke = role === roleNamesConst.ATKE;\n const isConsortium = role === roleNamesConst.CONSORTIUM;\n const isPublic = role === roleNamesConst.PUBLIC;\n const { entityTypes, countries } = useConstantsForm5();\n const [modalShow, setModalShow] = useState(false);\n\n useEffect(() => {\n async function getValues() {\n let response = await getParticipantsF5S7(id, activity.id);\n const formValues = {\n participantList: [...response.data.participantList],\n mgmtParticipantListClosed: response.data.mgmtParticipantListClosed\n };\n formValues.participantList.forEach(participant => {\n const willAttend = participant.willAttend;\n participant.willAttendTrue = (willAttend !== null && willAttend === true);\n participant.willNotAttend = (willAttend !== null && willAttend === false);\n participant.nationalityId = participant.nationality? participant.nationality.id : \"\";\n participant.entityTypeId = participant.entityType? participant.entityType.id : \"\";\n });\n setInitialValues(formValues);\n setDisabled(nonEditable || response.data.mgmtParticipantListClosed);\n\n if(activity.activityState.name === 'CANCELLED'){\n setDisabled(true);\n }\n }\n getValues();\n\n }, []);\n\n const handleSubmit = async (values) => {\n try {\n let dataArray = [];\n if(isAtke || isConsortium){\n values.participantList.forEach(participant => {\n dataArray.push({id: participant.id, mgmtTicketPurchased: participant.mgmtTicketPurchased})\n })\n if (initialValues?.mgmtParticipantListClosed) {\n await saveF5S7ActivityParticipantsMgmt(id, activity.id, {participantList: dataArray, mgmtParticipantListClosed: false});\n await changeParticipantState(id, activity.id, mapParticipantsState(values))\n await saveF5S7ActivityParticipantsMgmt(id, activity.id, {participantList: dataArray, mgmtParticipantListClosed: values.mgmtParticipantListClosed});\n } else {\n await changeParticipantState(id, activity.id, mapParticipantsState(values))\n await saveF5S7ActivityParticipantsMgmt(id, activity.id, {participantList: dataArray, mgmtParticipantListClosed: values.mgmtParticipantListClosed});\n }\n }\n else{\n const valuesCopy = JSON.parse(JSON.stringify(values));\n valuesCopy.participantList.forEach(participant => {\n if((participant.willAttend === null) && (participant.willAttendTrue === true || participant.willNotAttend === true)){\n const willAttend = (participant.willAttendTrue === true && participant.willNotAttend === false);\n participant.willAttend = willAttend;\n participant.confirmed = true;\n }\n else{\n participant.willAttend = null;\n participant.confirmed = false;\n }\n\n })\n await saveParticipantsF5S7(id, activity.id, valuesCopy.participantList);\n }\n handleCloseSubModalOnSave();\n } catch (error) {\n console.log(error)\n handleCloseSubModalOnError();\n }\n };\n\n const onValidateSubmit = (e, isValid, values) => {\n e.preventDefault();\n isValid\n ? handleSubmit(values)\n : alert(t('not_saved_alert'));\n }\n\n\n\n return (\n \n {`${t('F5_S7_Confirmed')}: ${values.confirmTimestamp? formatDate(values.confirmTimestamp): \"\"}`}\n
\n }\n \n {!isPublic && <>\n \n {`${t('F5_S7_Confirmed')}: ${values.participantList[participantIndex].mgmtTicketTimestamp? formatDate(values.participantList[participantIndex].mgmtTicketTimestamp): \"\"}`}\n
\n }\n\n }\n\n \n\n {\n try {\n validateYupSchema(value, validationSchema, true, value);\n } catch (err) {\n return yupToFormErrors(err);\n }\n return {};\n }}\n onSubmit={handleSubmit}\n >\n {(props) => {\n return (\n { onValidateSubmit(e, props.isValid, props.values) }}\n id=\"participants\"\n >\n {modalShow && {setModalShow(false)}}\n participantsList={props.values.participantList}\n />}\n\n (\n <>\n \n {props.values.participantList\n ? ( props.values.participantList.map((participant, key) => (\n \n \n {handleLabel(participant)} \n \n \n \n \n \n \n )))\n : null}\n \n arrayHelpers.push(participantObject)} >{t('F3_S7_Participant_button_add')} \n }\n \n )}\n />\n\n \n {isPublic &&\n {htmlParser(t('F3_S7_Participant_disclaimer'))} \n }\n\n {!isPublic && <>\n\n {setModalShow(true)}}>\n {t('F5_S7_Download_participant_list')}\n \n\n \n \n\n }\n\n \n {\n ((nonEditable && !(isAtke || isConsortium)) || (nonEditableMgm && !isPublic) || (disabled && isPublic) || (activity.activityState.name === 'CANCELLED'))\n ?\n {handleCloseOk()}}> OK \n :\n <>\n {t('Button_cancel')} \n {t('Button_save')} \n \n }\n \n\n \n )\n }}\n \n
\n )\n}\n\n\nexport default observer(ParticipantsForm);","import React, { useState, useEffect } from 'react'\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport { getResourcesFromProposalF5S7, getDownload } from 'services/initiative';\nimport MoneyTextMask from 'components/MoneyTextMask';\nimport CustomModal from \"components/Modal\";\n\nimport {StyledTitle, StyledRow, StyledCol, StyledText, StyledDiv, StyledColTitle, StyledButtonLink, StyledDivTotal} from './ResourcesF3Form.styled';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nimport { PrimaryButton } from 'components/Buttons';\nimport { CenteredModalButtonContainer } from 'components/CommonStyled';\n\n\nconst ResourcesF3Form = ({handleCloseOk, activity}) => {\n const { t } = useTranslation();\n const { id } = useParams();\n const [formValues, setFormValues] = useState([]);\n const [activityTotal, setActivityTotal] = useState({\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n });\n const [modal, setModal] = useState({\n isOpen: false,\n message: \"\",\n type: \"default\",\n });\n\n const onHideModal = () => {\n setModal({ ...modal, isOpen: false });\n };\n\n const handleDownload = async (uuid, downloadName) => {\n try {\n const file = await getDownload(uuid)\n .then(response => {\n const url = window.URL.createObjectURL(new Blob([response.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\n \"download\", downloadName\n );\n document.body.appendChild(link);\n link.click();\n });\n } catch (error) {\n setModal({\n ...modal,\n message: t('Error_file1'),\n type: \"error\",\n isOpen: true,\n });\n }\n }\n\n useEffect(() => {\n async function getValues() {\n let response = await getResourcesFromProposalF5S7(id, activity.id);\n let total = {\n ueBudget: 0,\n counterpartBudget: 0,\n totalCost: 0,\n }\n\n response?.data?.forEach(({ueBudget, counterpartBudget, totalCost}) => {\n total.ueBudget += ueBudget;\n total.counterpartBudget += counterpartBudget;\n total.totalCost += totalCost;\n })\n\n setActivityTotal(total);\n setFormValues(response?.data);\n }\n getValues();\n }, []);\n\n return (\n <>\n {modal.isOpen && \n {t('F5_S7_provider')}:\n \n {detail.provider? detail.provider: \"-\" }\n \n
\n \n {t('F5_S7_status')}:\n \n {isPublic ? (\n <>\n {(detail.resourceDetailState.name === 'CONTRACTING' \n && (detail.providerSelected && !detail.budgetConfirmed) \n && detail.resourceType && (detail.resourceType.id != 8 && detail.resourceType.id != 9)) ? (\n \n
\n \n {detail.resourceDetailState.name+\" - \"}\n \n {t('F5_S7_waiting_confirmation')}\n \n
\n ) : (\n detail.resourceDetailState.name \n )}\n \n ) : ( \n <>\n {detail.resourceDetailState.name === 'CONTRACTING' \n && !detail.mgmtFinalizeConfirmed \n && detail.budgetConfirmed ?\n \n {detail.resourceDetailState.name+\" - \"}\n \n {t('F5_S7_Confirmation_mgm')}\n \n
: detail.resourceDetailState.name } \n \n )}\n \n handleNewBudgetLine()}> {t('F5_S7_Add_resource')} \n
\n }\n\n {formValues.length !== 0 &&\n \n \n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n handleBlur,\n }) => (\n \n )}\n \n
\n );\n};\n\nexport default observer(AssessmentForm);\n","import styled, { css } from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const StyledModalBody = styled(Modal.Body)`\n ${({ theme }) => css`\n color: #6f8d9d;\n padding: 30px 40px;\n background-color: ${theme.brandColors.gray4};\n `}\n`;\n\nexport const Separator = styled.div`\n margin-top: 20px;\n`;\n\nexport const ModalTitle = styled.span`\n font-weight: 700;\n`;","import { saveFile, getDownload } from 'services/initiative'\nimport i18n from 'i18n'\n\nexport const handleFileUpload = async (\n e,\n setFieldValue,\n handleChange,\n setIsUploadingFile,\n setModal,\n id,\n) => {\n try {\n const file = document.getElementById('fileInput').files[0]\n const fileExtension = file.name.split('.').pop()\n\n if (file.size > 20971520) {\n setModal({\n message: i18n.t('Error_file4'),\n type: 'error',\n isOpen: true,\n })\n } else if (fileExtension.toUpperCase() !== 'PDF') {\n setModal({\n message: i18n.t('Error_file3'),\n type: 'error',\n isOpen: true,\n })\n } else {\n setIsUploadingFile(true)\n const uid = await saveFile(id, 5, 14, file)\n setFieldValue('file.fileName', file.name)\n setFieldValue('file.uuid', uid)\n handleChange(e)\n }\n } catch (error) {\n setModal({\n message: i18n.t('Error_file2'),\n type: 'error',\n isOpen: true,\n })\n } finally {\n setIsUploadingFile(false)\n }\n}\n\nexport const handleDownload = async (uuid, downloadName, setModal) => {\n try {\n await getDownload(uuid).then((response) => {\n const url = window.URL.createObjectURL(new Blob([response.data]))\n const link = document.createElement('a')\n link.href = url\n link.setAttribute('download', downloadName)\n document.body.appendChild(link)\n link.click()\n })\n } catch (error) {\n setModal({\n message: i18n.t('Error_file1'),\n type: 'error',\n isOpen: true,\n })\n }\n}\n\nexport const groupByActivity = (list) => {\n let activity = {}\n let newList = []\n list?.forEach((material) => {\n if (!activity.hasOwnProperty(material.activity.id)) {\n activity[material.activity.id] = {\n materials: [],\n activity: material.activity\n }\n }\n activity[material.activity.id].materials.push({\n id: material.id,\n activityId: material.activity.id,\n materialType: material.materialType,\n url: material.url,\n file: material.file,\n description: material.description,\n })\n })\n \n for (const property in activity) {\n newList.push(activity[property])\n }\n\n return newList\n}\n","import styled, {css} from 'styled-components';\n\nexport const RoundedRemoveDiv = styled.div`\n ${({ theme }) => css`\n background-color: ${theme.brandColors.red};\n color: white;\n width: 15px;\n height: 15px;\n border: none;\n border-radius: 10px;\n display: flex,\n align-items: center;\n justify-content: center;\n `}\n`;","import React from 'react'\nimport { handleDownload } from '../helper'\nimport { Row, Col } from 'react-bootstrap'\nimport { StyledButtonLink } from 'components/Buttons/Buttons.styled'\nimport { RoundedRemoveDiv } from './DifussionMaterial.styled'\nimport i18n from 'i18n';\n\nexport const renderItemsByType = (items, handleOpenModal, handleClose, handleDelete, setModalInfo ) => {\n let list = []\n let filteredItems = []\n\n for (let i = 1; i <= 7; i++) {\n filteredItems = items.filter((material) => material?.materialType?.id == i)\n if (filteredItems.length > 0) {\n list.push(\n \n \n setClosingModalInfo({\n isOpen: false,\n text: '',\n action: null,\n })\n }\n handleActionOnConfirm={closingModalInfo.action}\n text={closingModalInfo.text}\n />\n\n {modalInfo.isOpen && (\n setModalInfo({ ...modalInfo, isOpen: false })}\n message={modalInfo.message}\n type=\"error\"\n />\n )}\n\n {difussionMaterialFormModal.show ? (\n {\n setDifussionMaterialFormModal({\n show: false,\n isEdit: false,\n data: null,\n })\n getSection14Info()\n }}\n handleClose={() =>\n setClosingModalInfo({\n isOpen: true,\n text: t('Confirmation close modal'),\n action: () =>\n setDifussionMaterialFormModal({\n show: false,\n isEdit: false,\n data: null,\n }),\n })\n }\n handleCloseOnError={() => {\n setDifussionMaterialFormModal({\n show: false,\n isEdit: false,\n data: null,\n })\n }}\n nonEditable={nonEditable}\n setMaterialList={setMaterials}\n show={difussionMaterialFormModal.show}\n activities={[]}\n fixedActivity={{ id: activity?.id, name: activity?.name}}\n isEdit={difussionMaterialFormModal.isEdit}\n data={difussionMaterialFormModal.data}\n setModalInfo={setModalInfo}\n />\n ) : null}\n \n OK \n \n
\n )\n}\n\nexport default DifussionMaterialsForm\n","import React, {useState} from 'react'\nimport { useTranslation } from 'react-i18next';\n\nimport NewActivityForm from '../NewActivityForm';\nimport BudgetDetailAdminModal from '../BudgetDetailAdminModal';\nimport ConfirmCloseModal from 'components/ConfirmCloseModal';\nimport BudgetLineModal from '../BudgetLineModal';\nimport NewProductModal from '../NewProductModal';\nimport GeneralInfoForm from '../GeneralInfoForm';\nimport ProductsForm from '../ProductsForm';\nimport ConsultantsForm from '../ConsultantsForm';\nimport ParticipantsForm from '../ParticipantsForm';\nimport ResourcesF3Form from '../ResourcesF3Form';\nimport ResourcesExecutedForm from '../ResourcesExecutedForm';\nimport AssessmentForm from '../AssessmentForm';\nimport Modal from 'react-bootstrap/Modal';\nimport {\n StyledModalBody,\n ModalTitle\n} from './ActivityGeneralModal.styled'\nimport DifussionMaterialsForm from '../DifussionMaterialsForm';\n\nconst ActivityGeneralModal = ({handleRefreshList, show, formType, handleClose, handleOpenGeneralModal, handleCloseOnSave, setModalInfo, handleCloseOnError, title, activity, activityCode, handleCloseOk, nonEditable, nonEditableMgm }) => {\n const { t } = useTranslation();\n const [showNewProductModal, setShowNewProductModal] = useState(false);\n const [newProductObj, setNewProductObj] = useState({});\n const [budgetDetailAdminModalData, setBudgetDetailAdminModalData] = useState({\n isShow: false,\n type: null,\n title: '',\n isManagerNonEditable: false,\n detail: null\n });\n const [budgetLineModalData, setBudgetLineModalData] = useState({\n isShow: false,\n detail: null\n });\n const [isCloseBudgetModalAlertShow, setIsCloseBudgetModalAlertShow] = useState(false);\n\n const handleCloseSubModalOnSave = async () => {\n await handleRefreshList();\n handleCloseOnSave();\n }\n\n //New product\n const handleOpenNewProductModal = () => {\n setShowNewProductModal(true);\n }\n const setNewProductToLocalList = (newProductObj) => {\n setNewProductObj(newProductObj);\n }\n\n //Budget Line Modal\n const handleBudgetLineModalClose = () => {\n setBudgetLineModalData({\n isShow: false,\n detail: null\n });\n handleOpenGeneralModal();\n }\n\n const handleBudgetLineModalOpen = (detail) => {\n handleCloseOnSave();\n setBudgetLineModalData({\n isShow: true,\n detail: detail\n });\n }\n\n const getFormByType = (type) => {\n const fromByType = {\n [0]: \n {t('F1_S7_Accordion') + ' '}\n {activity?.name + ' '}\n {`- ${\n activity?.activityType\n ? t(`activity_types_${activity?.activityType.id}`)\n : ' '\n } (${\n activity?.fromDate ? formatDateDDMMYY(activity?.fromDate) : ' '\n })`}\n
\n \n \n
\n \n
\n \n setDifussionMaterialFormModal({\n show: true,\n isEdit: false,\n data: null,\n })\n }\n >\n {t('F5_S14_add_difussion_material_button')}\n \n
\n\n \n {getFormByType(formType)}\n
\n\n \n
\n {(!item.confirmed && !(item?.code?.includes('R1-') || item?.code?.includes('R2-'))) && (\n \n {\n onRemoveMeeting(item);\n }}\n >\n x \n \n
\n )}\n \n {t('F5_S7_Meeting')} \n \n {renderMeetings()}\n \n {isAbleToAdd && {t('F5_S7_Add_Meeting')} }\n
\n );\n};\nexport default Meetings;\n","import React, { useState, useEffect } from 'react';\nimport { validationSchema } from './Section7.validations';\nimport { observer } from 'mobx-react-lite';\nimport { useRootStore } from 'stores';\nimport { Formik } from 'formik';\nimport { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport { getFormSection, editMeeting, deleteMeeting } from 'services/initiative';\nimport { f5statusNamesConst, roleNamesConst, f5ActivityStatesConst } from 'constants/appConstants';\nimport { initialValues } from './Section7.initialValues';\nimport Comments from '../Comments';\n\nimport { PrimaryButton } from 'components/Buttons';\nimport ConfirmCloseModal from 'components/ConfirmCloseModal';\nimport CustomModal from 'components/Modal';\nimport { RequiredMark, SeparatorDotted } from 'components/CommonStyled';\nimport ActivityItem from './ActivityItem';\nimport ActivityGeneralModal from './ActivityGeneralModal';\nimport AddMeetingModal from './AddMeetingModal';\nimport FormLayout from '../../FormLayout';\nimport FormContainer from 'components/FormContainer';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { AccordionItem, AccordionItemHeader, AccordionTitle, AccordionItemBody } from 'components/CustomAccordion';\nimport MoneyTextMask from 'components/MoneyTextMask';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport Form from 'react-bootstrap/Form';\nimport InputGroup from 'react-bootstrap/InputGroup';\nimport { StyledBudgetDiv, StyledNoticeParagraph, BlackSpan, ActivityStateSpan } from './Section7.styled';\nimport Meetings from 'components/Meetings';\nimport {\n mustShowFootNote,\n mustShowOldFootNote,\n hasOldBudgetValidation\n} from 'constants/budgetConstants';\nimport { formatDateDDMMYY } from 'helpers/dateHelpers';\nimport { useGetBudgetRestrictions } from 'customHooks/useGetBudgetRestrictions';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst Section7 = () => {\n const { t } = useTranslation();\n const [activityModal, setActivityModal] = useState({\n formikInstance: null,\n show: false,\n formType: 0,\n title: '',\n activity: {},\n activityCode: '',\n });\n const { initiativeStore, formStore, authStore } = useRootStore();\n const [formValues, setFormValues] = useState(initialValues);\n const { id, formId, sectionId } = useParams();\n const [nonEditable, setNonEditable] = useState(false);\n const [nonEditableMgm, setNonEditableMgm] = useState(false);\n const [closeModalShow, setCloseModalShow] = useState(false);\n const [successModalShow, setSuccessModalShow] = useState(false);\n const [meetingsModalData, setMeetingsModalData] = useState({\n show: false,\n currentItem: null,\n });\n const [meetingsRemoveModalData, setMeetingsRemoveModalData] = useState({\n show: false,\n currentItem: null,\n });\n\n const currentRole = authStore.roles[0];\n\n const isConsortium = currentRole === roleNamesConst.CONSORTIUM;\n const isAtke = currentRole === roleNamesConst.ATKE;\n const isIntpa = currentRole === roleNamesConst.INTPA;\n const isEud = currentRole === roleNamesConst.EUD;\n const isPublic = currentRole === roleNamesConst.PUBLIC;\n\n const [isF7, setIsF7] = useState(false);\n const [modalInfo, setModalInfo] = useState({\n isOpen: false,\n message: t('Error try again later'),\n type: 'error',\n });\n const [saved, setSaved] = useState(false);\n const [disabledComments, setDisabledComments] = useState(true);\n\n\n\n const initiativeYear = initiativeStore?.code?.split('-')?.[1];\n const isBefore2024 = initiativeYear ? Number(initiativeYear) < 24 : true;\n const budgetLimitText = isBefore2024 ? t('F1_S7_budget_foot_note2022') : t('F1_S7_budget_foot_note2024');\n const {\n euBudgetMin,\n euBudgetLimit,\n euBudgetPercentageLimit\n } = useGetBudgetRestrictions(!isBefore2024);\n\n useEffect(() => {\n setNonEditable(\n initiativeStore.formStateName !== f5statusNamesConst.DRAFT || initiativeStore.role !== roleNamesConst.APPLICANT,\n );\n setNonEditableMgm(initiativeStore.formStateName !== f5statusNamesConst.DRAFT);\n }, [initiativeStore.formStateName]);\n\n useEffect(() => {\n if (formStore.formSectionData && formStore.formSectionData[0]) {\n setFormValues({ ...formStore.formSectionData[0] });\n }\n }, [formStore.formSectionData]);\n\n useEffect(() => {\n if (initiativeStore.formStateName)\n setIsF7(\n (isIntpa || isEud) &&\n initiativeStore.formStateName !== f5statusNamesConst.DRAFT &&\n initiativeStore.formStateName !== f5statusNamesConst.SENT,\n );\n }, [initiativeStore.formStateName]);\n\n const onHideModalInfo = () => {\n setModalInfo({\n isOpen: false,\n message: t('Error try again later'),\n type: 'error',\n });\n };\n\n const handleCloseGeneralModal = () => {\n setActivityModal({\n ...activityModal,\n show: false,\n });\n };\n\n const handleOpenGeneralModal = () => {\n setActivityModal({\n ...activityModal,\n show: true,\n });\n };\n\n const isSection7Complete = activities => {\n let isComplete = Array.isArray(activities) && activities?.length > 1;\n activities.forEach(activity => {\n isComplete = isComplete && activity.complete;\n });\n return isComplete;\n };\n\n const handleRefreshList = async () => {\n try {\n const response = await getFormSection(id, formId, sectionId);\n if (response.section) {\n const activities = [...response.section[0].activities];\n setFormValues({ ...response.section[0] });\n const isComplete = isSection7Complete(activities);\n formStore.setSectionStatus(sectionId, isComplete);\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n const handleOpenNewActivityForm = () => {\n setActivityModal({\n formikInstance: null,\n show: true,\n formType: 7,\n handleClose: handleCloseGeneralModal,\n title: t('New_activity'),\n activityCode: '',\n });\n };\n\n const handleSaved = value => {\n setSaved(value);\n };\n\n const handleButton = value => {\n setDisabledComments(value);\n };\n\n /*************************************\n START MEETINGS\n ////////////////////////////////////*/\n\n const handleOpenAddMeetingModal = () => {\n setMeetingsModalData({\n show: true,\n currentItem: null,\n });\n };\n\n const handleCloseAddMeetingModal = () => {\n setMeetingsModalData({\n show: false,\n currentItem: null,\n });\n };\n\n const handleOpenRemoveMeetingModal = meeting => {\n setMeetingsRemoveModalData({\n show: true,\n currentItem: meeting,\n });\n };\n\n const handleCloseRemoveMeetingModal = () => {\n setMeetingsRemoveModalData({\n show: false,\n currentItem: null,\n });\n };\n\n const handleOpenEditMeetingModal = meeting => {\n setMeetingsModalData({\n show: true,\n currentItem: meeting,\n });\n };\n\n const handleEditMeeting = async meeting => {\n const response = await editMeeting(id, meeting);\n const meetingsCopy = [...formValues.meetings];\n const currentIdx = meetingsCopy.findIndex(meet => meet.id === response?.data?.id);\n if (currentIdx > -1) {\n meetingsCopy[currentIdx] = response?.data;\n setFormValues({\n ...formValues,\n meetings: meetingsCopy,\n });\n } else {\n setFormValues({\n ...formValues,\n meetings: [\n ...formValues.meetings,\n { ...response?.data }\n ],\n });\n }\n handleCloseAddMeetingModal();\n };\n\n const handleRemoveMeeting = async () => {\n await deleteMeeting(id, meetingsRemoveModalData?.currentItem?.id);\n const meetingsCopy = [...formValues.meetings];\n const currentIdx = meetingsCopy.findIndex(meet => meet.id === meetingsRemoveModalData?.currentItem?.id);\n meetingsCopy.splice(currentIdx, 1);\n setFormValues({\n ...formValues,\n meetings: meetingsCopy,\n });\n handleCloseRemoveMeetingModal();\n };\n\n /*************************************\n END MEETINGS\n */////////////////////////////////////\n\n const hasOldValidation = hasOldBudgetValidation(initiativeStore?.code);\n\n\n\n return (\n \n
\n\n {(isAtke || isConsortium || isF7) && (\n \n
\n )}\n \n {t('F5_S8_date_confirmation')}
\n \n {\n setModalData({ show: true, id: null });\n }}\n disabled={nonEditable}\n >\n {t('New_comment')}\n \n
\n\n {comments &&\n comments.map(({ id, role, user, comment, responses, creation_date }) => (\n <>\n {role && user && creation_date && (\n <>\n \n {`${title(role, user)} - ${user.name} ${user.lastName}`} \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n \n {`${title(role, user)} - ${user.name} ${user.lastName}`}\n \n {dayjs(creation_date).format('DD/MM/YYYY HH:mm')} \n
\n {comment}\n \n {\n const data = handleComments(allComments, comments, commentsNumber);\n setComments(data.comments);\n setAllComments(data.allComments);\n }}\n >\n {t('Load_more_comments')}\n \n
\n \n {t('F6_S18_subtitle_at_assessment')} \n\n \n {t('F6_AT_assessment_question1')}: \n \n\n \n {t('F6_AT_assessment_question2')}: \n \n\n \n {t('F6_AT_assessment_question3')}: \n \n\n \n {t('F6_AT_assessment_question4')}: \n \n\n \n {t('F6_AT_assessment_question5')}: \n \n\n
\n )\n}\n\nexport default ReadOnlyATAssessment;","import styled from 'styled-components';\nimport Modal from 'react-bootstrap/Modal'\n\nexport const ModalFooter = styled(Modal.Footer)`\n display: flex;\n`;\n\nexport const FooterLeft = styled.div`\n display: flex;\n flex: 1;\n`;\n\nexport const FooterCenter = styled.div`\n display: flex;\n flex: 1;\n justify-content: space-evenly;\n`;\n\nexport const FooterRight = styled.div`\n display: flex;\n flex: 1;\n justify-content: flex-end;\n`;\n","import React, {useState} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport Proptypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport htmlParser from 'html-react-parser';\n\nimport Modal from 'react-bootstrap/Modal';\nimport { ModalFooter, FooterLeft, FooterCenter, FooterRight } from './SendToMainAssessorModal.styled';\nimport { ErrorButton, PrimaryButton } from 'components/Buttons';\n\nconst SendToMainAssessorModal = ({ show, onClose, onSend, setError, isEud }) => {\n const [sending, setSending] = useState(false);\n const { t } = useTranslation();\n\n const sendAction = async () => {\n try {\n setSending(true);\n await onSend();\n onClose();\n } catch (error) {\n setError();\n onClose();\n console.log(error);\n } finally {\n setSending(false);\n }\n }\n\n return (\n \n {t('F6_S18_subtitle_at_indicators')} \n \n \n {t('F6_AT_assessment_question6')}: \n \n \n
\n \n\n {t('F6_AT_overall_objective')} \n {t('F6_AT_specific_objective')} \n {t('F6_AT_outputs')} \n {t('F6_S18_subtitle_markers')} \n\n {t('F6_AT_transversal')} \n\n {t('F6_AT_relevance')} \n\n {t('F6_AT_efficiency')} \n\n {t('F6_AT_effectiveness')} \n\n {t('F6_AT_impact')} \n\n {t('F6_AT_sustainability')} \n\n
\n {htmlParser(t('F5_S17_Admin_Cancel_Confirmation_p1'))}
\n\n \n {t('Assessment_by') +\n ' ' +\n currentValues.user.organization +\n ', ' +\n currentValues.user.name +\n ' ' +\n currentValues.user.lastName}\n
\n\n
\n {!isIntpa ? (\n <>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {`${eudAssessment.user.organization}, ${eudAssessment.user.name} ${eudAssessment.user.lastName} - `}\n {eudAssessment.state === 'DONE' ? (\n {\n handleClick({...eudAssessment.assessment, stateTimestamp: eudAssessment.stateTimestamp} )\n }}\n >\n {t('Received_on') +\n ' ' +\n (eudAssessment && eudAssessment.stateTimestamp\n ? formatDate(eudAssessment.stateTimestamp)\n : '-')}\n \n ) : (\n t('Pending')\n )}\n
\n ))\n )\n }\n\n return (\n <>\n {displayModalInvite && (\n \n {renderEudList()}\n\n {!isIntpa && (\n <>\n {`INTPA - `}\n {intpaAssessment && (intpaAssessment?.state === 'DONE') ? (\n {\n handleClick({...intpaAssessment.assessment, stateTimestamp: intpaAssessment.stateTimestamp})\n }}\n >\n {t('Received_on') +\n ' ' +\n (intpaAssessment && intpaAssessment.stateTimestamp\n ? formatDate(intpaAssessment.stateTimestamp)\n : '-')}\n \n ) : (\n t('Pending')\n )}\n \n )}\n\n
\n \n )\n}\n\nexport default EUDAssessments\n","import styled, { css } from 'styled-components';\nimport Form from 'react-bootstrap/Form'\nimport { PrimaryButton } from 'components/Buttons';\n\nexport const StyledFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.colors.gray[1]};\n `}\n font-weight: 500;\n`;\n\nexport const StyledTitle = styled.div`\n ${({ theme }) => css`\n margin-top: 30px;\n margin-bottom: 10px;\n color: ${theme.brandColors.blue};\n font-weight: 600;\n font-size: 23px;\n `}\n`;\n\nexport const StyledSavedButton = styled(PrimaryButton)`\n ${({ theme }) => css`\n &:disabled {\n background-color:${theme.brandColors.green};\n color: white;\n border: ${theme.colorGroups.success.bgColor};\n }\n `}\n`;\n\nexport const StyledGreenFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.brandColors.green};\n `}\n font-weight: 500;\n`;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { \n StyledFormLabel,\n StyledTitle,\n StyledSavedButton,\n StyledGreenFormLabel\n} from './INTPAAssessmentForm.styled'\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport { RequiredMark } from 'components/CommonStyled';\nimport { PrimaryButton, SuccessButton } from 'components/Buttons';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst INTPAAssessmentForm = ({ formikInstance, nonEditable, handleCloseImplementationPhase, saved, sending, onValidateSubmit }) => {\n const {t} = useTranslation();\n const { getFieldProps, touched, errors, resetForm, values, handleBlur, handleChange, isValid } = formikInstance;\n\n return (\n \n
\n\n \n \n {'+' + ' ' + t('F2_invite_assessors')}\n \n
\n \n {t('Button_my_assessment')} \n\n \n {t('F7_INTPA_assessment_question1')}: \n \n\n \n {t('F7_INTPA_assessment_question2')}: \n \n\n \n {t('F7_INTPA_assessment_question3')}: \n \n\n \n {t('F7_INTPA_assessment_question4')}: \n \n\n \n {t('F7_INTPA_assessment_question5')}: \n \n\n \n {t('F7_INTPA_assessment_question6')} * :\n \n\n\n
\n )\n}\n\nexport default INTPAAssessmentForm;","import styled, { css } from 'styled-components';\nimport Form from 'react-bootstrap/Form'\nimport { PrimaryButton } from 'components/Buttons';\n\nexport const StyledFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.colors.gray[1]};\n `}\n font-weight: 500;\n`;\n\nexport const StyledTitle = styled.div`\n ${({ theme }) => css`\n margin-top: 30px;\n margin-bottom: 10px;\n color: ${theme.brandColors.blue};\n font-weight: 600;\n font-size: 23px;\n `}\n`;\n\nexport const StyledSavedButton = styled(PrimaryButton)`\n ${({ theme }) => css`\n &:disabled {\n background-color:${theme.brandColors.green};\n color: white;\n border: ${theme.colorGroups.success.bgColor};\n }\n `}\n`;\n\nexport const StyledGreenFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.brandColors.green};\n `}\n font-weight: 500;\n`;","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { \n StyledFormLabel,\n StyledTitle,\n StyledSavedButton,\n StyledGreenFormLabel\n} from './EUDAssessmentForm.styled'\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport { RequiredMark } from 'components/CommonStyled';\nimport { PrimaryButton, SuccessButton } from 'components/Buttons';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst EUDAssessmentForm = ({ formikInstance, nonEditable, handleSendToMainAssessor, onValidateSubmit, saved, sending }) => {\n const {t} = useTranslation();\n const { getFieldProps, touched, errors, resetForm, values, handleBlur, handleChange, isValid } = formikInstance;\n\n return (\n \n \n {onValidateSubmit(isValid, values, resetForm)}}> {t('Button_Save_Later')} }\n {saved && \n {t('Button_saved')}\n } \n \n \n { handleCloseImplementationPhase() }}> {t('F7_INTPA_Button_close')} \n \n
\n
\n\n \n {t('Button_my_assessment')} \n\n \n {t('F7_EUD_assessment_question1')} * : \n \n\n \n {t('F7_EUD_assessment_question2')} * : \n \n\n \n {t('F7_EUD_assessment_question3')} * : \n \n\n \n {t('F7_EUD_assessment_question4')} * : \n \n\n \n {t('F7_EUD_assessment_question5')} * : \n \n\n \n {t('F7_EUD_assessment_question6')} * : \n \n\n \n {t('F7_EUD_assessment_question7')} * : \n \n\n \n {t('F7_EUD_assessment_question8')} * : \n \n\n \n {t('F7_EUD_assessment_question9')} * :\n \n\n\n
\n )\n}\n\nexport default EUDAssessmentForm;","import styled, { css } from 'styled-components';\nimport Form from 'react-bootstrap/Form'\nimport { PrimaryButton } from 'components/Buttons';\n\nexport const StyledFormLabel = styled(Form.Label)`\n ${({ theme }) => css`\n color: ${theme.colors.gray[1]};\n `}\n font-weight: 500;\n`;\n\nexport const StyledTitle = styled.div`\n ${({ theme }) => css`\n margin-top: 30px;\n margin-bottom: 10px;\n color: ${theme.brandColors.blue};\n font-weight: 600;\n font-size: 23px;\n `}\n`;\n\nexport const StyledCheckSubtitle = styled.div`\n margin-top: 20px;\n`;\n\nexport const StyledSavedButton = styled(PrimaryButton)`\n ${({ theme }) => css`\n &:disabled {\n background-color:${theme.brandColors.green};\n color: white;\n border: ${theme.colorGroups.success.bgColor};\n }\n `}\n`;","import React, { useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n StyledFormLabel,\n StyledTitle,\n StyledCheckSubtitle,\n StyledSavedButton\n} from './ATAssessmentForm.styled'\nimport Form from 'react-bootstrap/Form';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport { RequiredMark } from 'components/CommonStyled';\nimport { PrimaryButton, SuccessButton } from 'components/Buttons';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst ATAssessmentForm = ({ formikInstance, nonEditable, handleSendToMainAssessor, sending, saved, onValidateSubmit, isSent, levelChecked }) => {\n const {t} = useTranslation();\n const { getFieldProps, touched, errors, setErrors, resetForm, values, handleBlur, handleChange, setFieldValue, isValid } = formikInstance;\n\n useEffect(() => {\n const isLevelChecked = !!levelChecked;\n document.getElementById('LevelYesRadio').checked = isLevelChecked;\n document.getElementById('LevelNoRadio').checked = !isLevelChecked;\n }, [levelChecked]);\n\n return (\n \n \n {onValidateSubmit(isValid, values, resetForm)}}> {t('Button_Save_Later')} }\n {saved && \n {t('Button_saved')}\n } \n \n \n { handleSendToMainAssessor() }}> {t('Button_Send_Assessor')} \n \n
\n
\n\n \n {t('F6_S18_subtitle_at_assessment')} \n\n \n {t('F6_AT_assessment_question1')} * : \n \n\n \n {t('F6_AT_assessment_question2')} * : \n \n\n \n {t('F6_AT_assessment_question3')} * : \n \n\n \n {t('F6_AT_assessment_question4')} * : \n \n\n \n {t('F6_AT_assessment_question5')} * : \n \n\n
\n )\n}\n\nexport default ATAssessmentForm;","import styled, { css } from 'styled-components';\n\nexport const StyledTitle = styled.div`\n ${({ theme }) => css`\n color: ${theme.brandColors.blue};\n `}\n margin-bottom: 30px;\n font-size: 1.7rem;\n font-weight: 500;\n`;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Formik } from 'formik';\nimport { validationSchema } from './Section18.validations';\nimport { formInitialValues } from './Section18.initialValues';\nimport { observer } from 'mobx-react-lite';\nimport { useParams, useHistory } from 'react-router-dom';\nimport { useRootStore } from 'stores';\nimport { roleNamesConst } from 'constants/appConstants';\nimport {\n saveF6Assessment,\n saveF7AssessmentINTPA,\n saveF7AssessmentEUD,\n cancelInitiativeIntpa,\n rollbackCancelInitiativeIntpa,\n finalizeF5,\n sendF5BackToApplicant,\n getAssessment,\n sendF6ToMainAssessor,\n sendF7,\n getCancelJustification,\n createNewF8,\n getFormSection,\n getEudList,\n} from 'services/initiative';\nimport htmlParser from 'html-react-parser';\nimport { f5statusNamesConst } from 'constants/appConstants';\nimport { useTranslation } from 'react-i18next';\n\nimport ReadOnlyATAssessment from './ReadOnlyATAssessment';\nimport SendToMainAssessorModal from './SendToMainAssessorModal';\nimport SendINTPAF7Modal from './SendINTPAF7Modal';\nimport CancelInitiativeModal from './CancelInitiativeModal';\nimport ConfirmCloseModal from 'components/ConfirmCloseModal';\nimport EUDAssessments from './EUDAssessments';\nimport INTPAAssessmentForm from './INTPAAssessmentForm';\nimport EUDAssessmentForm from './EUDAssessmentForm';\nimport ATAssessmentForm from './ATAssessmentForm';\nimport CustomModal from 'components/Modal';\nimport FormLayout from '../../FormLayout';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport Form from 'react-bootstrap/Form';\nimport { ErrorButton, PrimaryButton } from 'components/Buttons';\nimport { SeparatorDotted } from 'components/CommonStyled';\nimport TextValue from 'components/TextValue';\nimport { StyledTitle } from './Section18.styled';\nimport { StyledGreenFormLabel } from 'components/Forms/Forms.styled';\nimport { StyledTitle as StyledTitleButton } from './ReadOnlyATAssessment/ReadOnlyATAssessment.styled';\n\nconst Section18 = () => {\n const { id } = useParams();\n const history = useHistory();\n const { t } = useTranslation();\n const formRef = useRef();\n const { authStore, initiativeStore, formStore } = useRootStore();\n\n const [modalError, setModalError] = useState(false);\n const [nonEditable, setNonEditable] = useState(true);\n const [sending, setSending] = useState(false);\n\n const [level, setLevel] = useState(false);\n const [displayModalSend, setDisplayModalSend] = useState(false);\n const [formValues, setFormValues] = useState(formInitialValues);\n const [saved, setSaved] = useState(false);\n const [cancelJustification, setCancelJustification] = useState(null);\n\n const role = authStore.roles[0];\n const isIntpa = role === roleNamesConst.INTPA;\n const isEud = role === roleNamesConst.EUD;\n const isAT = role === roleNamesConst.ATKE;\n const isATNKE = role === roleNamesConst.ATNKE;\n const isCONSORTIUM = role === roleNamesConst.CONSORTIUM;\n\n const [notSentandDraft, setNotSentandDraft] = useState(false);\n\n useEffect(() => {\n setNotSentandDraft(initiativeStore.formStateName !== f5statusNamesConst.DRAFT &&\n initiativeStore.formStateName !== f5statusNamesConst.SENT);\n }, [initiativeStore.formStateName]);\n\n const [isF6, setIsF6] = useState(false);\n\n const isF6NoHook = initiativeStore.formStateName === f5statusNamesConst.SENT ||\n initiativeStore.formStateName === f5statusNamesConst.DRAFT;\n\n useEffect(() => {\n setIsF6(initiativeStore.formStateName === f5statusNamesConst.SENT ||\n initiativeStore.formStateName === f5statusNamesConst.DRAFT);\n }, [initiativeStore.formStateName]);\n\n const isApplicant = role === roleNamesConst.PUBLIC;\n\n const [eudAssessments, setEUDAssessments] = useState([]);\n\n const [cancelInitiativeModalInfo, setCancelInitiativeModalInfo] = useState({\n isShow: false,\n });\n const [isConfirmModalShow, setIsConfirmModalShow] = useState({\n isShow: false,\n msg: '',\n onConfirm: () => {},\n });\n const [modalIntpaF7Open, setModalIntpaF7Open] = useState(false);\n\n async function fetchAPIData() {\n try {\n await fetchStatus();\n if (\n initiativeStore.formStateName !== f5statusNamesConst.CANCELLED &&\n !(isIntpa && (isF6NoHook || initiativeStore.formStateName === null)) &&\n !isApplicant\n ) {\n const response = await getAssessment(id);\n if (isAT || isATNKE || isCONSORTIUM) {\n setFormValues({\n formValues,\n intpaAssessment: {\n assessment: response.intpaAssessment,\n state: response.intpaState,\n stateTimestamp: response.intpaStateTimestamp,\n },\n ...response.atAssessment,\n level: response.atAssessment.level ? 'true' : 'false',\n role: 0,\n });\n setLevel(response.atAssessment.level);\n if (isATNKE) {\n setNonEditable(true);\n }\n if (\n !isF6 ||\n (initiativeStore.assessmentStatus &&\n initiativeStore.assessmentStatus === 'DONE')\n ) {\n setNonEditable(true);\n } else {\n setNonEditable(false);\n }\n } else if (isIntpa) {\n setFormValues({\n formValues,\n ...response.intpaAssessment,\n atAssessment: response.atAssessment,\n level: response.intpaAssessment.level ? 'true' : 'false',\n role: 2,\n });\n setLevel(response.intpaAssessment.level);\n if (\n isF6 ||\n (initiativeStore.assessmentStatus &&\n initiativeStore.assessmentStatus === 'DONE')\n ) {\n setNonEditable(true);\n } else {\n setNonEditable(false);\n }\n } else if (isEud) {\n setFormValues({\n formValues,\n ...response.eudAssessments[0].assessment,\n status: response.eudAssessments[0].status,\n level: response.eudAssessments[0].level ? 'true' : 'false',\n role: 1,\n });\n setLevel(response.eudAssessments[0].level);\n if (\n isF6 ||\n (response.eudAssessments[0] &&\n (response.eudAssessments[0].state === 'DONE' ||\n response.eudAssessments[0].state === 'EXPIRED'))\n ) {\n setNonEditable(true);\n } else {\n setNonEditable(false);\n }\n }\n setEUDAssessments(response.eudAssessments);\n }\n if (\n isIntpa && (initiativeStore.formStateName === f5statusNamesConst.DRAFT ||\n initiativeStore.formStateName === f5statusNamesConst.SENT)\n ) {\n const response = await getEudList('F5', id, true);\n setEUDAssessments(response?.data?.map(item => {\n return {\n ...item,\n user: item\n }\n }));\n }\n } catch (e) {\n console.log(e);\n }\n }\n\n async function fetchStatus() {\n try {\n if (isApplicant) {\n const response = await getFormSection(id, 5, 19);\n setFormValues({\n justification: response?.section?.[0] || '',\n });\n } else {\n const response = await getCancelJustification(id);\n setCancelJustification(response);\n }\n } catch (e) {\n console.log(e);\n }\n }\n\n useEffect(() => {\n fetchAPIData();\n }, [isF6, isIntpa, initiativeStore.formStateName]);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useEffect(() => {\n if (saved) window.scrollTo(0, 0);\n }, [saved]);\n\n const handleSendBackButton = () => {\n setIsConfirmModalShow({\n isShow: true,\n msg: htmlParser(t('F5_S17_Admin_SendBack_Confirmation')),\n onConfirm: () => sendBackF5(id),\n });\n };\n\n const handleFinalizeInitiativeButton = () => {\n setIsConfirmModalShow({\n isShow: true,\n msg: htmlParser(t('F5_S17_Admin_Finalize_Confirmation')),\n onConfirm: () => finalizeInitiative(id),\n });\n };\n\n const handleCancelInitiativeButton = () => {\n setCancelInitiativeModalInfo({\n isShow: true,\n });\n };\n\n const handleRollbackCancelInitiativeButton = () => {\n setIsConfirmModalShow({\n isShow: true,\n msg: t('F5_S17_Admin_Cancel_Rollback_Confirmation'),\n onConfirm: () => rollbackCancelInitiative(id),\n });\n };\n\n const handleRequestExpostButton = () => {\n setIsConfirmModalShow({\n isShow: true,\n msg: htmlParser(t('F5_S18_Request_Expost_Confirmation')),\n onConfirm: () => requestExpost(id),\n });\n };\n\n const cancelInitiative = async (justification) => {\n try {\n await cancelInitiativeIntpa(id, {\n justification: justification,\n });\n if (isAT) {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } else {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/final-assessments`\n );\n }\n } catch (e) {\n console.log(e);\n }\n };\n\n const rollbackCancelInitiative = async (initiativeId) => {\n try {\n await rollbackCancelInitiativeIntpa(initiativeId);\n if (isAT) {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } else {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/final-assessments`\n );\n }\n } catch (e) {\n console.log(e);\n }\n };\n\n const sendBackF5 = async (initiativeId) => {\n try {\n await sendF5BackToApplicant(initiativeId);\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } catch (e) {\n console.log(e);\n }\n };\n\n const finalizeInitiative = async (initiativeId) => {\n try {\n await finalizeF5(initiativeId);\n if (isAT) {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } else {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/final-assessments`\n );\n }\n } catch (e) {\n console.log(e);\n }\n };\n\n const handleOpenModalIntpaF7 = () => {\n setModalIntpaF7Open(true);\n };\n\n const handleCloseModalIntpaF7 = () => {\n setModalIntpaF7Open(false);\n };\n\n const requestExpost = async (id) => {\n try {\n setSending(true);\n await createNewF8(id);\n if (isAT) {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } else {\n history.push(\n `${authStore.getBaseRouteByRole()}/management/final-assessments`\n );\n }\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const onSendF7 = async (id) => {\n try {\n setSending(true);\n await handleSave(formRef.current.values, formRef.current.resetForm);\n await sendF7(id);\n history.push(\n `${authStore.getBaseRouteByRole()}/management/final-assessments`\n );\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const handleSendF7 = async () => {\n try {\n setSending(true);\n onValidateSend(formRef.current.isValid, onSendF7);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const onSendF6 = async (id) => {\n try {\n setSending(true);\n await handleSave(formRef.current.values, formRef.current.resetForm);\n await sendF6ToMainAssessor(id);\n history.push(\n `${authStore.getBaseRouteByRole()}/management/implementation-forms`\n );\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const handleSendF6 = async () => {\n try {\n setSending(true);\n onValidateSend(formRef.current.isValid, onSendF6);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const handleSendToMainAssessor = () => {\n handleOpenModalSend();\n };\n\n const handleSave = async (values, resetForm) => {\n try {\n setSending(true);\n isF6\n ? await saveF6Assessment(id, values)\n : isIntpa\n ? await saveF7AssessmentINTPA(id, values)\n : await saveF7AssessmentEUD(id, values);\n resetForm({ values });\n setSaved(true);\n } catch (error) {\n console.log(error);\n } finally {\n setSending(false);\n }\n };\n\n const handleOpenModalSend = () => {\n setDisplayModalSend(true);\n };\n\n const handleCloseModalSendToAssessor = () => setDisplayModalSend(false);\n\n const onValidateSubmit = async (isValid, values, resetForm) => {\n isValid ? await handleSave(values, resetForm) : alert(t('not_saved_alert'));\n };\n\n const onValidateSend = async (isValid, onSend) => {\n isValid ? await onSend(id) : alert(t('not_saved_alert'));\n };\n\n return (\n \n {t('F6_S18_subtitle_at_indicators')} \n \n \n {t('F6_AT_assessment_question6')}* : \n \n \n
\n \n\n {t('F6_AT_overall_objective')} \n {t('F6_AT_specific_objective')} \n {t('F6_AT_outputs')} \n\n {t('F6_S18_subtitle_markers')} \n\n {t('F6_AT_transversal')} \n\n {t('F6_AT_relevance')} \n\n {t('F6_AT_efficiency')} \n\n {t('F6_AT_effectiveness')} \n\n {t('F6_AT_impact')} \n\n {t('F6_AT_sustainability')} \n\n
\n\n {\n !nonEditable\n &&\n \n
\n \n \n {onValidateSubmit(isValid, values, resetForm)}}> {t('Button_Save_Later')} }\n {saved && \n {t('Button_saved')}\n }\n \n \n { handleSendToMainAssessor(errors, setErrors, values) }}> {t('Button_Send_Assessor')} \n \n
\n
\n }\n\n\n \n \n {t('F6_S18_button_assessment')}\n \n handleCancelInitiativeButton()}\n disabled={\n initiativeStore.formStateName !== f5statusNamesConst.DRAFT\n }\n >\n {t('F5_S17_Admin_Cancel')}\n \n
\n )}\n\n {(isAT || isCONSORTIUM || isATNKE || isIntpa) && (\n \n {t('Grid_status')} \n \n handleSendBackButton()}\n disabled={\n initiativeStore.formStateName !==\n f5statusNamesConst.SENT\n }\n >\n {t('F5_S17_Admin_SendBack')}\n \n
\n \n \n {t('F6_S18_Expost')}\n \n
\n \n handleFinalizeInitiativeButton()}\n disabled={\n initiativeStore.formStateName !==\n f5statusNamesConst.EXPOST\n }\n >\n {t('F5_S17_Admin_Finalize')}\n \n
\n \n )}\n\n {initiativeStore.formStateName === f5statusNamesConst.CANCELLED && (\n <>\n handleRollbackCancelInitiativeButton()}\n disabled={\n initiativeStore.formStateName !==\n f5statusNamesConst.CANCELLED\n }\n >\n {t('F5_S17_Admin_Cancel_Rollback')}\n \n \n )}\n\n
\n )}\n\n {isEud && (\n \n \n {`${t('F5_S7_status')}: ${\n cancelJustification\n ? cancelJustification.status.name\n : ''\n }`}\n
\n \n
\n\n {!isIntpa && (\n \n \n \n {' '}\n {t('F3_S11_Justification')}:{' '}\n \n
\n \n
\n \n
\n \n {!(isIntpa && isF6) && (\n <>\n
\n )}\n\n {isApplicant && (\n \n \n {`${t('F5_S7_status')}: ${\n initiativeStore.formStateName\n }`}\n
\n \n\n \n \n {' '}\n {t('F7_EUD_assessment_question9')}{' '}\n \n
\n \n
\n \n
\n \n )}\n \n )}\n \n Section not found
\n\n {t('Modify_deadline_helptext')}\n
\n {t('Loading')}
\n ) : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Grid_status_F1')} | \n{t('Grid_deadline_F1')} | \n{t('Grid_My_assessment')} | \n{t('Grid_deadline')} | \n{t('Grid_messages')} | \n
|---|---|---|---|---|---|---|
| \n {t('No_data_available')}\n | \n
{t('Loading')}
\n ) : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Grid_status_F3')} | \n{t('Grid_deadline_F3')} | \n {!(\n role == roleNamesConst.ATNKE ||\n role == roleNamesConst.CONSORTIUM\n ) && (\n <>\n{t('Grid_My_assessment')} | \n{t('Grid_deadline')} | \n \n )}\n{t('Grid_messages')} | \n
|---|---|---|---|---|---|---|
| \n {t('No_data_available')}\n | \n
{t('Loading')}
\n ) : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n\n {role === roleNamesConst.ATKE ||\n role === roleNamesConst.CONSORTIUM ||\n role === roleNamesConst.ATNKE\n ? t('Grid_status_F5')\n : t('Grid_status_F6')}\n | \n\n {role === roleNamesConst.ATKE ||\n role === roleNamesConst.CONSORTIUM ||\n role === roleNamesConst.ATNKE\n ? t('Grid_deadline_F5')\n : t('Grid_deadline_F6')}\n | \n\n {role === roleNamesConst.ATKE ||\n role === roleNamesConst.CONSORTIUM ||\n role === roleNamesConst.ATNKE\n ? t('Grid_reporting_F6')\n : t('Grid_My_assessment')}\n | \n\n {role === roleNamesConst.ATKE ||\n role === roleNamesConst.CONSORTIUM ||\n role === roleNamesConst.ATNKE\n ? t('Grid_deadline_F6')\n : t('Grid_deadline')}\n | \n{t('Grid_messages')} | \n
|---|---|---|---|---|---|---|
| \n {t('No_data_available')}\n | \n
| {t('Budget_category')} | \n{t('Authorized')} | \n{t('Implementation')} | \n{t('Deviation')} | \n{t('Paid')} | \n{t('Executed_level_dashboard')} | \n
|---|---|---|---|---|---|
| {t(`resource_type_${resource.resourceTypeId}`)} | \n\n | \n \n | \n {(resource.deviation * 100)?.toFixed(2) } % | \n\n {resource.paid ? | \n {(resource.implementation? (resource.paid / resource.implementation)*100 : 0).toFixed(2)} % | \n
| \n {t('Dashboard_total_value')}\n | \n\n \n | \n \n \n | \n \n \n {getTotalDeviation(sumPropertyValue(euTableValues, 'implementation'), sumPropertyValue(euTableValues, 'authorized'))?.toFixed(2)} %\n \n | \n\n \n | \n
| {t('Budget_category')} | \n{t('Authorized')} | \n{t('Implementation')} | \n{t('Deviation')} | \n{t('Paid')} | \n{t('Executed_level_dashboard')} | \n
|---|---|---|---|---|---|
| {t(`resource_type_${resource.resourceTypeId}`)} | \n\n | \n \n | \n {(resource.deviation * 100)?.toFixed(2)} % | \n\n {resource.paid ? | \n \n {resource.implementation && resource.paid\n ? ((resource.paid / resource.implementation) * 100).toFixed(\n 2,\n ) + '%'\n : '-'}\n | \n
| \n {t('Dashboard_total_value')}\n | \n\n \n | \n \n \n | \n \n \n {getTotalDeviation(sumPropertyValue(counterpartTableValues, 'implementation'), sumPropertyValue(counterpartTableValues, 'authorized'))?.toFixed(2)} %\n \n | \n\n \n | \n
| \n | {t('Dashboard_Preform_approved')} | \n{t('Dashboard_Preform_assessment')} | \n{t('Dashboard_Preform_total')} | \n
|---|---|---|---|
| \n {t('Dashboard_Preform_adelante_window')}\n | \n\n | \n \n | \n \n | \n
| \n {t('Dashboard_Preform_counterpart')}\n | \n\n | \n \n | \n \n | \n
| \n {t('Dashboard_Preform_days')}\n | \n\n {tableValues?.approvedNumberOfWorkingDays} ({tableValues?.approvedNumberOfRemoteWorkingDays} /\n {tableValues?.approvedNumberOfOnSiteWorkingDays})\n | \n\n {tableValues?.assessmentNumberOfWorkingDays} ({tableValues?.assessmentNumberOfRemoteWorkingDays} /\n {tableValues?.assessmentNumberOfOnSiteWorkingDays})\n | \n\n {tableValues?.totalNumberOfWorkingDays} ({tableValues?.totalNumberOfRemoteWorkingDays} /\n {tableValues?.totalNumberOfOnSiteWorkingDays})\n | \n
| {t('Dashboard_Preform_disclaimer')} | \n
{t('Loading')}
\n : (\n| {t('Grid_Id')} | \n{t('Grid_Name')} | \n{t('Grid_status_F8a')} | \n{t('Grid_deadline_F8a')} | \n {\n (isATKE || isATKNKE || isCONSORTIUM) \n &&\n <>\n{t('Grid_reporting_F8b')} | \n{t('Grid_deadline_F8b')} | \n{t('Grid_status_F9c')} | \n{t('Grid_new_expost')} | \n \n }\n {\n (isEud) \n &&\n <>\n{t('Grid_status_F8b')} | \n{t('Grid_deadline_F8b')} | \n{t('Grid_reporting_F9a')} | \n{t('Grid_deadline_F9a')} | \n \n }\n {\n (isIntpa) \n &&\n <>\n{t('Grid_status_F8b')} | \n{t('Grid_deadline_F8b')} | \n{t('Grid_reporting_F9c')} | \n{t('Grid_deadline_F9c')} | \n \n }\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {t('No_data_available')} |
\n \n setModalData({\n show: true, \n content: t('F8_confirmation_to_cancel'), \n cancel: true\n })}\n >\n {t('Button_cancel_f8')}\n \n \n
\n \n \n \n {t('F8b_assessment_4')}: \n \n \n
\n \n\n {t('F8b_assessment_title_5')}: \n {t('F8b_assessment_subtitle_5')}: \n\n {t('F8b_assessment_title_9')}: \n\n {t('F8b_assessment_title_12')}: \n {t('F8b_assessment_subtitle_12')}: \n\n {t('F8b_assessment_title_15')}: \n\n\n
\n )\n}\n\nexport default Markers;","import React, { useEffect, useState } from 'react';\nimport { formInitialValues } from './AtkeConsortiumForm.initialValues';\nimport { useParams } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport { getF8bById } from 'services/initiative';\nimport { useFormikContext } from 'formik';\nimport Form from 'react-bootstrap/Form';\nimport { StyledTitle, StyledLabel } from '../ExpostReportForm.styles';\nimport ApplicantF8ReadOnly from '../ApplicantF8ReadOnly';\nimport Markers from './Markers';\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst AtkeConsortiumForm = ({ setSaved, saved, nonEditable, setNonEditable, setFormInitialValues }) => {\n const { t } = useTranslation();\n const { formId } = useParams();\n const [formData, setFormData] = useState(formInitialValues);\n const {\n values,\n errors,\n touched,\n isValid,\n dirty,\n resetForm,\n handleChange,\n handleBlur,\n handleSubmit,\n } = useFormikContext();\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getF8bById(formId);\n setFormData(response);\n setFormInitialValues({ ...response.form8b, form9aList: response?.form9aList, form9c: response?.form9c})\n setNonEditable(response.form8.status.stateEnum !== 'DONE' || response.form8b.status.stateEnum === 'DONE' || response.form8b.status.stateEnum === 'CANCELED');\n } catch (error) {\n console.log(error)\n }\n };\n fetchAPI();\n }, [])\n\n useEffect(() => {\n if(saved)\n window.scrollTo(0, 0);\n },[saved])\n\n const onValidateSubmit = (e, isValid, values, { resetForm }) => {\n e.preventDefault();\n isValid\n ? handleSubmit(values, { resetForm })\n : alert(t('not_saved_alert'));\n }\n\n return (\n \n
\n {t('Assessment_by')+\" \"+currentValues.user.organization+\", \"+currentValues.user.name+\" \"+currentValues.user.lastName}
\n\n
\n
\n {currentValues.comment1}\n
\n\n {currentValues.comment2}\n
\n\n {currentValues.recommendation}\n
\n\n {`${eudAssessment.user.organization}, ${eudAssessment.user.name} ${eudAssessment.user.lastName} - `}\n {(eudAssessment?.status?.stateEnum === 'DONE')\n ?\n { handleClick(eudAssessment) }}>\n {t('Received_on')+\" \"+((eudAssessment && eudAssessment.statusTimestamp) ? formatDate(eudAssessment.statusTimestamp) : '-')}\n \n :\n t('Pending')\n }\n
\n ))\n }\n\n return (\n <>\n { displayModalInvite && \n {renderEudList()}\n\n
\n\n \n )\n}\n\nexport default EUDAssessments;","import React, { useEffect, useState } from 'react';\nimport { formInitialValues } from './IntpaForm.initialValues';\nimport { useTranslation } from 'react-i18next';\nimport { getF9cById } from 'services/initiative';\nimport { useParams } from 'react-router-dom';\nimport { useFormikContext } from 'formik';\nimport { parseDateString } from 'helpers/dateHelpers';\n\nimport Col from 'react-bootstrap/Col';\nimport Form from 'react-bootstrap/Form';\nimport ApplicantF8a from '../ApplicantF8ReadOnly';\nimport F8bReadOnly from '../F8bReadOnly';\nimport { StyledLabel, StyledTitle } from '../ExpostReportForm.styles';\nimport EUDAssessments from './EUDAssessments';\n\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport FormErrorMessage from 'components/FormErrorMessage/FormErrorMessage';\n\nconst IntpaForm = ({ setSaved, saved, nonEditable, setNonEditable, setFormInitialValues }) => {\n const { t } = useTranslation();\n const [formData, setFormData] = useState(formInitialValues);\n const { formId } = useParams();\n const {\n values,\n errors,\n touched,\n isValid,\n dirty,\n resetForm,\n handleChange,\n handleBlur,\n handleSubmit,\n setFieldValue,\n } = useFormikContext();\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getF9cById(formId);\n setFormData(response);\n setFormInitialValues({\n ...response.form9c,\n dateNewExPost: (response.form9c.dateNewExPost ? parseDateString(response.form9c.dateNewExPost) : \"\"),\n });\n setNonEditable(response.form8b.status.stateEnum !== 'DONE' || response.form9c.status.stateEnum === 'DONE' || response.form9c.status.stateEnum === 'CANCELED');\n } catch (error) {\n console.log(error)\n }\n };\n fetchAPI();\n }, [])\n\n useEffect(() => {\n if(saved)\n window.scrollTo(0, 0);\n },[saved])\n\n const onValidateSubmit = (e, isValid, values, { resetForm }) => {\n e.preventDefault();\n isValid\n ? handleSubmit(values, { resetForm })\n : alert(t('not_saved_alert'));\n }\n\n return (\n \n
\n \n \n {\"+\" + \" \" + t('F2_invite_assessors')} \n
\n {t('Assessment_by')+\" \"+currentValues.user.organization+\", \"+currentValues.user.name+\" \"+currentValues.user.lastName+\" - \"+t('Initiative')+\" \"+initiative}
\n\n
\n \n {isINTPAAssessment ? (\n <>\n
\n {currentValues.comment1}\n
\n\n {currentValues.comment2}\n
\n\n {currentValues.assessment9c}\n
\n\n\n
\n
\n
\n
\n {currentValues.dateNewExPost ? formatDateDDMMYY(currentValues.dateNewExPost) : '-'}\n
\n \n ) : (\n <>\n\n {currentValues.comment1}\n
\n\n {currentValues.comment2}\n
\n\n {currentValues.recommendation}\n
\n \n )}\n \n\n {`${F9A.user.organization}, ${F9A.user.name} ${F9A.user.lastName} - `}\n {(F9A?.status?.stateEnum === expostStatesConst.DONE)\n ?\n { handleClick(F9A) }}>\n {t('Received_on')+\" \"+((F9A && F9A.statusTimestamp) ? formatDateDDMMYY(F9A.statusTimestamp) : '-')}\n \n :\n t('Pending')\n }\n
\n ))\n }\n\n return (\n <>\n { displayModalF4A && \n { handleClick(F9CValues, true) }}>\n {t('Received_on')+\" \"+(F9CValues.statusTimestamp) ? formatDateDDMMYY(F9CValues.statusTimestamp) : '-'}\n \n :\n t('Pending')\n }\n \n
\n \n \n \n {role == 0 && \n
\n \n \n
\n ) : (\n <>\n {values && values.file ? (\n \n \n ({t('F5_S7_products_documents_upload')},\n handleDownload(values.file.uuid, values.file.fileName)}\n >\n {values.file ? values.file.fileName : null}\n \n )\n \n
\n ) : (\n <>\n \n {\n document.getElementById('fileInput').click();\n }}\n >\n {t('F5_S7_Products_upload_document')}\n \n * \n
\n {t('Document')}
\n\n \n {t('F5_S7_required')}\n \n ) : null}\n \n {t('Documents_description')}: \n \n {errors.description}\n \n ) : null}\n\n {t('Documents_initiative')}: \n \n \n {initiativesOptions &&\n initiativesOptions.map((e) => (\n \n ))}\n \n \n
\n )}\n \n \n handleDownload(row.fileUuid, row.fileName)}\n >\n {row.fileUuid ? row.fileName : null}\n \n
\n ),\n },\n {\n dataField: \"fileUuid\",\n text: \"\",\n hidden: true,\n },\n {\n dataField: \"description\",\n text: t(\"documents_description_comment\"),\n headerStyle: { width: \"300px\" },\n },\n {\n dataField: \"updatedAt\",\n text: t(\"documents_date\"),\n headerStyle: { width: \"200px\" },\n },\n ];\n\n return (\n <>\n {showModal ? (\n \n {React.cloneElement(children, {data: exportData, isReady: buttonReady, onReady: onDownloadReady, exportName: exportName})}\n
\n \n );\n};\n\nexport default ExportToXLSXButton;","// @ts-nocheck\nimport React, { useEffect } from 'react'\nimport ReactExport from 'react-export-excel'\nimport i18n from 'i18n'\n\nconst ExcelFile = ReactExport.ExcelFile\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn\n\nconst getExcelColumnsByYears = (data, exportName, label) => (\n {t('Statistics_footnote_12')}
\n \n )\n}\n\nexport default StatsPartnerships\n","import i18n from 'i18n'\nimport { formatDateDDMMYY } from 'helpers/dateHelpers'\nimport {\n Td,\n Th2,\n Th1Pointer,\n Td2,\n} from 'pages/statistics/CommonStyled/Components.styled'\nimport {\n renderRow,\n renderTotalForColumns,\n renderTotalForColumnsForExport,\n orderByDate,\n orderBySring,\n} from 'pages/statistics/CommonHelpers/helpers'\nimport _filter from 'lodash/filter'\nimport _orderBy from 'lodash/orderBy'\nimport { INITIATIVE_TITLE_ROW, FUNDS_TITLE_ROW } from 'constants/appConstants'\nimport React from 'react'\n\nexport const renderCodeCell = (baseRoute, code, initiativeId, fundId, section = 7) => {\n const isFund = !!fundId;\n const route = `${baseRoute}/initiative/${isFund ? fundId : initiativeId}/form/${isFund ? '55' : '5' }/section/${section}`;\n return (\n \n {`${t('ODS_count')} ${countDifferentODS()}`}\n
\n \n
\n \n
\n \n {htmlParser(t('Statistics_footnote_9'))}\n
\n \n )\n}\n\nexport default Tab2\n","import React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ExportResultsToXLSX } from 'helpers/xlsxStatisticsExporter'\nimport ExportToXLSXButton from 'components/ExportToXLSXButton'\n\nimport { Form } from 'react-bootstrap'\nimport { PrimaryButton } from 'components/Buttons'\nimport {\n Col1,\n Col2,\n StyledFormGroup,\n StyledFormLabel,\n} from '../../CommonStyled/Components.styled'\nimport Row from 'react-bootstrap/Row'\n\nimport { renderTypeOptions } from 'pages/statistics/CommonHelpers/helpers'\n\nconst Header = ({ data, getData, waiting, getExportValues }) => {\n const { t } = useTranslation()\n const [typeFilter, setTypeFilter] = useState('*')\n\n const handleFilter = () => {\n let params = {}\n if (typeFilter) {\n if (typeFilter === '*') {\n params.includeFunds = true;\n params.includeInitiatives = true;\n }\n if (typeFilter === 'FUNDS') {\n params.includeFunds = true;\n params.includeInitiatives = false;\n }\n if (typeFilter === 'INITIATIVES') {\n params.includeFunds = false;\n params.includeInitiatives = true;\n }\n }\n getData(params)\n }\n\n return (\n \n {htmlParser(t('Statistics_footnote_6'))}\n
\n \n )\n}\n\nexport default Tab1\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport StatisticsTabs from 'components/Tabs'\nimport Tab2 from './tabs/Tab2'\nimport Tab1 from './tabs/Tab1'\nimport { PageHeader } from '../CommonStyled/Tabs.styled'\nimport PageTitle from 'components/PageTitle'\n\nconst StatsResults = () => {\n const { t } = useTranslation()\n const titles = [t('Statistics_results_tab2'), t('Statistics_results_tab1')]\n const renderTab1Content = () => \n \n {t('Export_to_PDF')}\n \n
\n \n {i18n.t('SDG')} \n {ods?.map((itemName, index) => (\n
\n )\n};\n\nconst renderItems = (items) => {\n return items?.map((itemName, index) => {\n const [name, countryName] = itemName.split(', ');\n return (\n {index !== 0 ? index < ods.length - 1 ? ', ' : <> {`${i18n.t('and_label')} `} : ''}{itemName}
\n ))}\n- \n {activities?.map((itemName, index) => (\n
- \n
{itemName === null ? i18n.t('activity_preparation') : itemName} \n \n
\n
\n \n ))}\n \n {i18n.t('ben_country_report_title1')} {initiative?.year} \n \n \n '{initiative.name}' \n {i18n.t('ben_country_report_ben_entities')}: \n {renderItems(initiative.beneficiaries)}\n\n {i18n.t('ben_country_report_first_entities')}: \n {renderItems(initiative.firstProviders)}\n\n {i18n.t('ben_country_report_second_entities')}: \n {renderItems(initiative.secondProviders)}\n\n {i18n.t('ben_country_report_obj')}: \n {initiative.objective} \n\n {i18n.t('ben_country_report_budget')}: \n {i18n.t('F1_S7_EU_budget')}: \n {i18n.t('F1_S7_counterpart_budget')}: \n {i18n.t('Total TCI budget')}: \n\n {i18n.t('ben_country_report_duration')}: \n \n {formatDateDDMMYY(new Date(initiative.fromDate))}\n {' - '}\n {formatDateDDMMYY(new Date(initiative.toDate))}\n \n\n {i18n.t('ben_country_report_contrib')}: \n \n {renderODS(initiative.ods)}\n \n\n {i18n.t('ben_country_report_activities', { countryName: i18n.t(country)})}: \n \n {renderActivities(initiative.activitiesInCountry)}\n \n\n \n
\n \n
\n )\n}","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport Spinner from 'react-bootstrap/Spinner'\nimport { renderInitiative } from '../helpers/countryReportHelpers'\n\nconst CountryReport = ({ country, countryFlag, year, roleName, data, waiting }) => {\n const { t } = useTranslation()\n\n const renderInitiatives = (initiatives) => {\n return (\n \n 
\n {i18n.t('ben_country_report_subtitle2', { countryName: i18n.t(country) })}\n {roleName}\n
\n \n {i18n.t('ben_country_report_initiative')}
\n\n \n
\n {initiatives.map((initiative) => \n renderInitiative(country, countryFlag, roleName, initiative)\n )}\n
\n )\n }\n\n return waiting ? (\n \n {data?.map((countryInitiatives, index) => {\n if (countryInitiatives.beneficiaries.length === 0 && countryInitiatives.firstProviders.length === 0 && countryInitiatives.secondProviders.length === 0) {\n return (\n <>\n {t('No_data_available_2')}\n \n )\n }\n const countryName = getCountryNameById(countries[index])\n const countryFlag = getCountryFlagById(countries[index])\n return (\n
\n \n \n
\n )\n })}\n \n
\n \n {t('ben_country_report_title1')} \n {t('ben_country_report_title2', { countryName: countryName})} \n
\n \n {data?.map((countryInitiatives, index) => {\n if (\n countryInitiatives.beneficiaries.length === 0 && \n countryInitiatives.firstProviders.length === 0 && \n countryInitiatives.secondProviders.length === 0\n ) {\n return (\n <>\n {t('No_data_available_2')}\n \n )\n }\n const countryName = getCountryNameById(countries[index])\n const countryFlag = getCountryFlagById(countries[index])\n return (\n
\n \n \n
\n )\n })}\n \n
\n \n {t('triang_coop_funds_proj_2')} \n {t('ben_country_report_title2', { countryName: countryName})} \n
\n \n {row.code}\n
\n )\n },\n {\n dataField: 'startDate',\n text: t('Start_Date'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '14px' },\n style:{fontSize: '14px', textAlign: 'center'},\n formatter: (cell, row, rowIndex, extraData) => (\n row.startDate ? formatDateDDMMYY(row.startDate) : '-'\n )\n },\n {\n dataField: 'endDate',\n text: t('End_Date'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '14px' },\n style:{fontSize: '14px', textAlign: 'center'},\n formatter: (cell, row, rowIndex, extraData) => (\n row.endDate ? formatDateDDMMYY(row.endDate) : '-'\n )\n },\n {\n dataField: 'type',\n text: t('F1_S7_type'),\n headerStyle: {width: '130px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '13px', textAlign: 'center'},\n },\n {\n dataField: 'title',\n text: t('F5_S15_Lesson_title'),\n headerStyle: { minWidth: '220px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '14px', textAlign: 'justify'}\n },\n {\n dataField: 'country',\n text: t('F1_S2_Country'),\n headerStyle: { width: '158px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '14px', textAlign: 'center'},\n formatter: (cell, row, rowIndex, extraData) => (\n row.country ? t(row.country) : '-'\n )\n },\n {\n dataField: 'status',\n text: t('Status'),\n headerStyle: {width: '155px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '13px', textAlign: 'center'},\n },\n {\n dataField: 'initiative',\n text: t('Initiative'),\n headerStyle: { width: '158px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '14px', textAlign: 'center'},\n hidden: true,\n csvExport: false\n },\n {\n dataField: 'initiativeId',\n text: \"\",\n hidden: true,\n csvExport: false\n },\n {\n dataField: 'authorized',\n text: t('Authorized'),\n headerStyle: { width: '160px', textAlign: 'center', fontSize: '14px' },\n style: {fontSize: '14px', textAlign: 'center'},\n formatter: (cell, row, rowIndex, extraData) => (\n {t('Loading')}
\n ) : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Grid_fund')} | \n{t('Grid_status')} | \n{t('Start_Date')} | \n{t('End_Date')} | \n
|---|---|---|---|---|---|
| \n {t('No_data_available')}\n | \n
{t('create_fund_title')}
\n\n
\n - \n {\n entities?.map(item => {\n return (\n <>\n
- \n \n {`${item?.name} - ${t(item?.countryName)}`}\n \n \n {!_isNil(item?.typeId) && !_isNil(item?.entityRole) ? (\n \n {`${t(`entity_type_${item?.typeId}`)} - ${t(`coordRole${item?.entityRole}`)}`}\n \n ) : !_isNil(item?.typeId) && _isNil(item?.entityRole) ? (\n \n {`${t(`entity_type_${item?.typeId}`)} - ${t('Collaborating_entity')}`}\n \n ) : null}\n \n )\n })\n }\n
| \n {t('No_data_available')}\n | \n
{ title }
\n{t('Loading')}
\n : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Grid_submission date')} | \n{t('Grid_status')} | \n{t('Grid_deadline')} | \n{t('Grid_messages')} | \n
|---|---|---|---|---|---|
| {t('No_data_available')} |
{t('Loading')}
\n : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Grid_status')} | \n{t('Grid_deadline')} | \n{t('Grid_messages')} | \n
|---|---|---|---|---|
| {t('No_data_available')} |
{t('Loading')}
\n : (\n| {t('Grid_title_code')} | \n{t('Grid_title')} | \n{t('Start_Date')} | \n{t('End_Date')} | \n{t('Grid_status')} | \n{t('Grid_deadline')} | \n{t('Grid_messages')} | \n
|---|---|---|---|---|---|---|
| {t('No_data_available')} |
{t('Loading')}
\n : (\n| {t('Grid_Id')} | \n{t('Grid_Name')} | \n{t('Grid_status')} | \n{t('Grid_deadline')} | \n
|---|---|---|---|
| {t('No_data_available')} |
\n \n {!nonEditable && (\n \n \n {saved? t('Button_saved') : t('Button_Save_Later')} \n \n
\n )}\n\n {(formData.form9c !== null && formData.form9c.assessment9c !== null) && <>\n {t('f8a_intpa_final_assessment')}: \n \n {( {values,\n errors,\n touched,\n isValid,\n dirty,\n resetForm,\n handleChange,\n handleBlur,\n }) => {\n return(\n \n )}\n }\n \n \n
\n \n )\n}\n\nexport default ExpostReporting;\n","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ExportPurchasingToXLSX } from 'helpers/xlsxExporter';\nimport { PrimaryButton } from 'components/Buttons';\n\nconst CustomXLSXExportButton = (props) => {\n const { t } = useTranslation();\n const [exporting, setExporting] = useState(false);\n const [exportData, setExportData] = useState(null);\n const [buttonReady, setButtonReady] = useState(false);\n\n const handleClick = async () => {\n setExporting(true);\n setExportData(props.values);\n setButtonReady(true);\n setExporting(false);\n };\n\n const onDownloadReady = () => {\n setExportData(null);\n setButtonReady(false);\n };\n\n return (\n <>\n \n \n {row.initiative}\n \n
\n ),\n },\n {\n dataField: 'initiativeId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activityId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activity',\n text: t('Activity'),\n headerStyle: { width: '80px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: '',\n formatter: (cell, row, rowIndex, extraData) => `A${row.activity}`,\n },\n {\n dataField: 'category',\n text: t('Category'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: '',\n },\n {\n dataField: 'description',\n text: t('Description'),\n headerStyle: { minWidth: '250px', textAlign: 'center', fontSize: '12px' },\n footer: '',\n formatter: (cell, row, rowIndex, extraData) => (\n \n {`${row.description.split(' ').splice(0, 20).join(' ')} ${\n row.description.split(' ').length > 20 ? '...' : ''\n }`}\n
\n ),\n },\n {\n dataField: 'provider',\n text: t('Provider'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '12px' },\n footer: '',\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'status',\n text: t('Status'),\n headerStyle: { width: '115px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '13px', textAlign: 'center' },\n footer: '',\n },\n {\n dataField: 'workingDays',\n text: t('Working_Days'),\n headerStyle: { width: '80px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: '',\n },\n {\n dataField: 'authorized',\n text: t('Authorized'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: (columnData) => (\n \n
\n \n );\n};\n\nexport default CustomXLSXExportButton;","/* eslint-disable no-unused-vars */\nimport React, { useState, useEffect } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useRootStore } from 'stores'\nimport { observer } from 'mobx-react-lite'\nimport { Link } from 'react-router-dom'\nimport MoneyTextMask from 'components/MoneyTextMask'\nimport {\n getF5S7BuyBudget,\n getImplementationInitiatives,\n getAllProvidersF5S7,\n} from 'services/initiative'\n\nimport BootstrapTable from 'react-bootstrap-table-next'\nimport ToolkitProvider from 'react-bootstrap-table2-toolkit'\nimport paginationFactory from 'react-bootstrap-table2-paginator'\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css'\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css'\nimport CustomExportXLSXButton from './CustomExportXLSXButton'\nimport Pagination from 'react-bootstrap/Pagination'\nimport Form from 'react-bootstrap/Form'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport PageTitle from 'components/PageTitle'\nimport {\n PageHeader,\n PageContent,\n CenteredRow,\n} from './PurchasingManagement.styled'\nimport { PrimaryButton } from 'components/Buttons'\nimport { TARGET_YEARS } from 'constants/appConstants'\nimport { renderYearOptions } from 'pages/statistics/CommonHelpers/helpers'\n\nconst PurchasingManagement = () => {\n const { t } = useTranslation()\n const { authStore } = useRootStore()\n\n const [filterInitiative, setFilterInitiative] = useState(0)\n const [filterStatus, setFilterStatus] = useState(0)\n const [filterCategory, setFilterCategory] = useState(0)\n const [filterProvider, setFilterProvider] = useState(0)\n const [filterYear, setFilterYear] = useState(0)\n\n const [tableValues, setTableValues] = useState([])\n\n const [checkPartnership, setCheckPartnership] = useState(false)\n const [checkFinalizedInit, setCheckFinalizedInit] = useState(false)\n const [checkPendingPayments, setCheckPendingPayments] = useState(false)\n\n const [initiativesOptions, setInitiativesOptions] = useState([])\n const [providersOptions, setProvidersOptions] = useState([])\n\n const [currentPage, setCurrentPage] = useState(0)\n const [totalPages, setTotalPages] = useState(1)\n\n const [waiting, setWaiting] = useState(false)\n\n const [pageTotal, setPageTotal] = useState({\n workingDays: 0,\n implementation: 0,\n authorized: 0,\n paid: 0,\n })\n const [grandTotal, setGrandTotal] = useState({\n implementation: 0,\n authorized: 0,\n paid: 0,\n })\n\n const [dataToExport, setDataToExport] = useState([])\n\n const [params, setParams] = useState({})\n\n useEffect(() => {\n getInitiativesandProviders()\n getValues(0, false, {})\n getAllPages({})\n }, [])\n\n async function getInitiativesandProviders() {\n try {\n const initiatives = await getImplementationInitiatives()\n setInitiativesOptions(initiatives)\n const providers = await getAllProvidersF5S7()\n setProvidersOptions(providers.data)\n } catch (error) {\n console.log(error)\n }\n }\n\n const handlePageChange = (newPageNumber) => {\n setCurrentPage(newPageNumber)\n getValues(newPageNumber, true, params)\n }\n\n async function getValues(pageNumber, willFilter, filterParams) {\n setWaiting(true)\n try {\n let params = {\n page: pageNumber,\n pageSize: 100,\n }\n if (willFilter) {\n params = {\n ...params,\n ...filterParams,\n }\n }\n const response = await getF5S7BuyBudget(params)\n const data = response.data.page.content\n setTotalPages(response.data.page.totalPages)\n data.forEach((item) => {\n item.category = t(`resource_type_${item.category}`)\n item.budget = t(`table_budget_${item.budget}`)\n item.status = t(`table_status_${item.status}`)\n })\n let totals = {\n implementation: response.data.totals.implementation\n ? response.data.totals.implementation\n : 0,\n authorized: response.data.totals.authorized\n ? response.data.totals.authorized\n : 0,\n paid: response.data.totals.paid\n ? response.data.totals.paid\n : 0,\n }\n setGrandTotal(totals)\n setPageTotal({\n implementation: data.reduce(function (acc, obj) {\n return acc + obj.implementation\n }, 0),\n authorized: data.reduce(function (acc, obj) {\n return acc + obj.authorized\n }, 0),\n workingDays: data.reduce(function (acc, obj) {\n return acc + obj.workingDays\n }, 0),\n paid: data.reduce(function (acc, obj) {\n return acc + obj.paid\n }, 0),\n })\n setTableValues([...data])\n setWaiting(false)\n } catch (error) {\n console.log(error)\n setWaiting(false)\n }\n }\n\n async function getAllPages(filterParams) {\n try {\n const response = await getF5S7BuyBudget(filterParams)\n const data = response.data.page.content\n data.forEach((item) => {\n item.category = t(`resource_type_${item.category}`)\n item.budget = t(`table_budget_${item.budget}`)\n item.status = t(`table_status_${item.status}`)\n })\n data.push({\n initiative: `${t('Authorized')} (${t('Purchasing_mgmnt_total_grand')})`,\n activity: response.data.totals.authorized,\n })\n data.push({\n initiative: `${t('Implementation')} (${t(\n 'Purchasing_mgmnt_total_grand',\n )})`,\n activity: response.data.totals.implementation,\n })\n data.push({\n initiative: `${t('Paid')} (${t('Purchasing_mgmnt_total_grand')})`,\n activity: response.data.totals.paid,\n })\n setDataToExport(data)\n } catch (error) {\n console.log(error)\n }\n }\n\n const handleChangeStatus = (e) => {\n setFilterStatus(e.target.value)\n }\n\n const handleChangeInitiative = (e) => {\n setFilterInitiative(e.target.value)\n }\n\n const handleChangeCategory = (e) => {\n setFilterCategory(e.target.value)\n }\n\n const handleChangeProvider = (e) => {\n setFilterProvider(e.target.value)\n }\n\n const handleFilter = () => {\n let params = {}\n\n if (filterInitiative != 0) params.initiativeId = filterInitiative\n if (filterCategory != 0) params.categoryId = filterCategory\n if (filterStatus != 0) params.statusId = filterStatus\n if (filterProvider != 0) params.providerId = filterProvider\n if (filterYear != 0) params.year = filterYear\n\n params.includeFinalized = checkFinalizedInit\n params.includePartnership = checkPartnership\n params.paymentPending = checkPendingPayments\n\n setParams(params)\n getValues(0, true, params)\n getAllPages(params)\n }\n\n const handleChangeCheckPartnership = (e) => {\n setCheckPartnership(e.target.checked)\n }\n\n const handleChangeCheckFinalizedInitiatives = (e) => {\n setCheckFinalizedInit(e.target.checked)\n }\n\n const handleChangeCheckPendingPayments = (e) => {\n setCheckPendingPayments(e.target.checked)\n }\n\n const renderCategoryOptions = () => {\n let options = []\n options.push()\n for (let i = 1; i <= 12; i++) {\n options.push()\n }\n return options\n }\n\n const renderStatusOptions = () => {\n let options = []\n options.push()\n for (let i = 1; i <= 5; i++) {\n options.push()\n }\n return options\n }\n\n const columns = [\n {\n dataField: 'initiative',\n text: t('Initiative'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: t('Purchasing_mgmnt_total_page'),\n footerFormatter: (cell, row, rowIndex, extraData) => (\n \n \n {row.initiative}\n \n
\n ),\n },\n {\n dataField: 'initiativeId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activityId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activity',\n text: t('Activity'),\n headerStyle: { width: '80px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: '',\n formatter: (cell, row, rowIndex, extraData) => `A${row.activity}`,\n },\n {\n dataField: 'category',\n text: t('Category'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: '',\n },\n {\n dataField: 'description',\n text: t('Description'),\n headerStyle: { minWidth: '250px', textAlign: 'center', fontSize: '12px' },\n footer: '',\n formatter: (cell, row, rowIndex, extraData) => (\n \n {`${row.description.split(' ').splice(0, 20).join(' ')} ${\n row.description.split(' ').length > 20 ? '...' : ''\n }`}\n
\n ),\n },\n {\n dataField: 'provider',\n text: t('Provider'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '12px' },\n footer: '',\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'status',\n text: t('Status'),\n headerStyle: { width: '115px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '13px', textAlign: 'center' },\n footer: '',\n },\n {\n dataField: 'workingDays',\n text: t('Working_Days'),\n headerStyle: { width: '80px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: (columnData) => columnData.reduce((acc, item) => acc + item, 0),\n footerStyle: { textAlign: 'center', fontSize: '13px' },\n },\n {\n dataField: 'authorized',\n text: t('Authorized'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footer: (columnData) => (\n \n
\n \n );\n};\n\nexport default CustomXLSXExportButton;","/* eslint-disable no-unused-vars */\nimport React, { useState, useEffect } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useRootStore } from 'stores'\nimport { observer } from 'mobx-react-lite'\nimport { Link } from 'react-router-dom'\nimport MoneyTextMask from 'components/MoneyTextMask'\nimport {\n getInvoiceManagment,\n getImplementationInitiatives,\n getAllProvidersF5S7,\n} from 'services/initiative'\n\nimport BootstrapTable from 'react-bootstrap-table-next'\nimport ToolkitProvider from 'react-bootstrap-table2-toolkit'\nimport paginationFactory from 'react-bootstrap-table2-paginator'\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css'\nimport 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css'\nimport Pagination from 'react-bootstrap/Pagination'\nimport Form from 'react-bootstrap/Form'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\nimport PageTitle from 'components/PageTitle'\nimport {\n PageHeader,\n PageContent,\n CenteredRow,\n} from './InvoiceManagement.styled'\nimport { PrimaryButton } from 'components/Buttons'\nimport CustomExportXLSXButton from './CustomExportXLSXButton'\nimport { TARGET_YEARS } from 'constants/appConstants'\nimport { renderYearOptions } from 'pages/statistics/CommonHelpers/helpers'\n\nconst InvoiceManagement = () => {\n const { t } = useTranslation()\n const { authStore } = useRootStore()\n\n const [filterProvider , setFilterProvider] = useState(0)\n const [filterInitiative, setFilterInitiative] = useState(0)\n const [filterCompleted, setFilterCompleted] = useState(0)\n const [filterPaid, setFilterPaid] = useState(0)\n const [filterEU, setFilterEU] = useState(0)\n const [filterYear, setFilterYear] = useState(0)\n\n const [tableValues, setTableValues] = useState([])\n\n const [initiativesOptions, setInitiativesOptions] = useState([])\n const [providersOptions, setProvidersOptions] = useState([])\n\n const [currentPage, setCurrentPage] = useState(0)\n const [totalPages, setTotalPages] = useState(1)\n\n const [waiting, setWaiting] = useState(false)\n\n const [dataToExport, setDataToExport] = useState([])\n\n const [params, setParams] = useState({})\n\n useEffect(() => {\n getInitiativesandProviders()\n getValues(0, false, {})\n getAllPages({})\n }, [])\n\n async function getInitiativesandProviders() {\n try {\n const initiatives = await getImplementationInitiatives()\n setInitiativesOptions(initiatives)\n const providers = await getAllProvidersF5S7()\n setProvidersOptions(providers.data)\n } catch (error) {\n console.log(error)\n }\n }\n\n const handlePageChange = (newPageNumber) => {\n setCurrentPage(newPageNumber)\n getValues(newPageNumber, true, params)\n }\n\n async function getValues(pageNumber, willFilter, filterParams) {\n setWaiting(true)\n try {\n let customParams = {\n page: pageNumber,\n pageSize: 100,\n }\n if (willFilter) {\n customParams = {\n ...customParams,\n ...filterParams,\n }\n }\n const response = await getInvoiceManagment(customParams);\n const data = response.data.content\n setTotalPages(response.data.totalPages)\n data.forEach((item) => {\n item.category = t(`resource_type_${item.category}`)\n item.budget = t(`table_budget_${item.budget}`)\n item.status = t(`table_status_${item.status}`)\n })\n setTableValues([...data])\n setWaiting(false)\n } catch (error) {\n console.log(error)\n setWaiting(false)\n }\n }\n\n async function getAllPages(filterParams) {\n try {\n const response = await getInvoiceManagment(filterParams)\n const data = response.data.content;\n data.forEach((item) => {\n item.category = t(`resource_type_${item.category}`)\n item.paymentEnabled = item.paymentEnabled ? t('Yes') : t('No');\n item.paid = item.paymentEnabled ? t('Yes') : t('No');\n item.invoiced = item.paymentEnabled ? t('Yes') : t('No');\n item.activityNumber = `A${item.activityNumber}`;\n })\n setDataToExport(data)\n } catch (error) {\n console.log(error)\n }\n }\n\n const handleChangeInitiative = (e) => {\n setFilterInitiative(e.target.value)\n }\n\n const handleChangeCompleted = (e) => {\n setFilterCompleted(e.target.value)\n }\n\n const handleChangePaid = (e) => {\n setFilterPaid(e.target.value)\n }\n\n const handleChangeEU = (e) => {\n setFilterEU(e.target.value)\n }\n\n const handleChangeProvider = (e) => {\n setFilterProvider(e.target.value)\n }\n\n const handleFilter = () => {\n let customParams = {}\n if (filterInitiative != 0) customParams.initiativeId = filterInitiative;\n if (filterProvider != 0) customParams.providerId = filterProvider;\n if (filterCompleted != 0) customParams.completed = filterCompleted === 1;\n if (filterPaid != 0) customParams.paid = filterPaid === 1;\n if (filterEU != 0) customParams.invoiced = filterEU === 1;\n if (filterYear != 0) params.year = filterYear\n setParams(customParams)\n getValues(0, true, customParams)\n getAllPages(customParams)\n handlePageChange(0)\n }\n\n const renderBinaryOptions = () => {\n let options = []\n options.push()\n options.push()\n options.push()\n return options\n }\n\n const columns = [\n {\n dataField: 'initiative',\n text: t('Initiative'),\n headerStyle: { width: '110px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n formatter: (cell, row, rowIndex, extraData) => (\n \n \n {row.initiative}\n \n
\n ),\n },\n {\n dataField: 'initiativeId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activityId',\n text: '',\n hidden: true,\n csvExport: false,\n },\n {\n dataField: 'activityNumber',\n text: t('Activity'),\n headerStyle: { width: '80px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n formatter: (cell, row, rowIndex, extraData) => `A${row.activityNumber}`,\n },\n {\n dataField: 'category',\n text: t('Category'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'provider',\n text: t('Provider'),\n headerStyle: { width: '250px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'description',\n text: t('Description'),\n headerStyle: { width: '180px', textAlign: 'center', fontSize: '12px' },\n formatter: (cell, row, rowIndex, extraData) => (\n \n {`${row.description.split(' ').splice(0, 20).join(' ')} ${\n row.description.split(' ').length > 20 ? '...' : ''\n }`}\n
\n ),\n },\n {\n dataField: 'amount',\n text: t('invoice_mgmt_amount'),\n headerStyle: { width: '120px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n footerStyle: { textAlign: 'center', fontSize: '13px' },\n formatter: (cell, row, rowIndex, extraData) => (\n { row.paymentEnabled ? t('Yes') : t('No')}
\n ),\n headerStyle: { width: '70px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'paid',\n text: t('invoice_mgmt_paid'),\n formatter: (cell, row, rowIndex, extraData) => (\n { row.paid ? t('Yes') : t('No')}
\n ),\n headerStyle: { width: '70px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n },\n {\n dataField: 'invoiced',\n text: t('invoice_mgmt_eu'),\n formatter: (cell, row, rowIndex, extraData) => (\n { row.invoiced ? t('Yes') : t('No')}
\n ),\n headerStyle: { width: '70px', textAlign: 'center', fontSize: '12px' },\n style: { fontSize: '12px', textAlign: 'center' },\n },\n ]\n\n const pagination = paginationFactory({\n sizePerPage: 100,\n hideSizePerPage: true,\n })\n\n return (\n <>\n \n {t('user_info_title')} \n
\n{t('Grid_Name')}: {props.profile.lastName ?? ''}, {props.profile.name ?? ''} \n {t('forgot_password_email')}: {props.profile.email ?? ''} \n {t('Registration_organization')}: {props.profile.organization ?? ''} \n {t('F1_S2_Country')}: {props.profile.country?.name ?? ''} \n
\n )\n}\n\nexport default observer(UserInformation);","import React, { useState, useEffect } from 'react';\n\nimport { getProfile } from 'services/auth';\n\nimport UserInformation from 'components/UserInformation';\n\nconst Profile = () => {\n\n const [profile, setProfile] = useState(null);\n\n useEffect(() => {\n const loadProfile = async () => {\n setProfile(await getProfile());\n }\n\n loadProfile();\n }, []);\n \n if (!profile) return null; \n\n return \n
\n {modal.isOpen && (\n \n {htmlParser(t('Registration_validation'))}\n \n )}\n \n {t(\"Home_login\")} \n \n \n \n
\n );\n};\n\nexport default observer(LogIn);\n","import * as Yup from 'yup';\n//eslint-disable-next-line\nconst passReg = new RegExp(\"^[A-Za-z0-9/*\\-,.]+([A-Za-z0-9/*\\-,.]+)*$\");\n\nexport const validationSchema = Yup.object().shape({\n name: Yup.string()\n .min(2, \"*Names must have at least 2 characters\")\n .max(100, \"*Names can't be longer than 100 characters\")\n .required(\"*First name is required\"),\n lastName: Yup.string()\n .min(2, \"*Names must have at least 2 characters\")\n .max(100, \"*Names can't be longer than 100 characters\")\n .required(\"*Last name is required\"),\n email: Yup.string()\n .email(\"*Must be a valid email address\")\n .max(100, \"*Email must be less than 100 characters\")\n .required(\"*Email is required\"),\n organization: Yup.string()\n .min(2, \"*Organization must have at least 2 characters\")\n .max(100, \"*Organization must be less than 100 characters\")\n .required(\"*Organization is required\"),\n countryId: Yup.string()\n .required(\"*Country is required\"),\n password: Yup.string()\n .min(6, 'Password is too short - should be 6 chars minimum.')\n .matches(passReg, \"*Password is not valid\")\n .required(\"*Password is required\"),\n cpass: Yup.string()\n .required(\"*Password is required\")\n .oneOf([Yup.ref('password'), null], 'Passwords must match')\n});","import styled from 'styled-components'\nimport { PrimaryButton } from 'components/Buttons'\n\nexport const StyledContainer = styled.div`\n margin-top: 2%;\n margin-left: 30%;\n margin-right: 30%;\n padding-bottom: 100px;\n`;\n\nexport const StyledTitle = styled.div`\n margin-bottom: 10px;\n color: #88c564;\n font-size: 30px;\n font-weight: 600;\n text-align: center;\n`;\n\nexport const StyledP = styled.p`\n color: #96abb6;\n text-align: center;\n`;\n\nexport const StyledButton = styled(PrimaryButton)`\n background-color: #0eb1cf;\n color: #fafdfd;\n border: none;\n text-align: center;\n display: inline-block;\n font-weight: 600;\n border-radius: 16px;\n width: auto;\n height: 2em;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 0px;\n margin-bottom: 20px;\n`;\n\nexport const StyledWarningP = styled.p`\n font-style: italic;\n color: #E74C3C;\n`;\n\nexport const StyledSubmitDiv = styled.div`\n text-align: center;\n margin-top: 30px;\n`;\n\n","import React, { useEffect, useState } from \"react\";\nimport { Formik } from \"formik\";\nimport { validationSchema } from \"./Register.validations\";\nimport htmlParser from 'html-react-parser';\n\nimport { registerService, getRegisterCountries } from \"services/auth\";\nimport { getMaintenanceVariables } from \"services/apiConstants\";\n\nimport {\n StyledButton,\n StyledWarningP,\n StyledContainer,\n StyledTitle,\n StyledSubmitDiv,\n} from \"pages/public/Register/Register.styled\";\n\nimport Form from \"react-bootstrap/Form\";\nimport Row from \"react-bootstrap/Row\";\nimport Col from \"react-bootstrap/Col\";\n\nimport Footer from \"components/Footer\";\nimport PublicHeader from \"components/PublicHeader\";\nimport CustomModal from \"components/Modal\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Register = () => {\n\n let history = useHistory();\n const [countries, setCountries] = useState([]);\n const [buttonState, setButtonState] = useState(true);\n const [disableRegister, setDisableRegister] = useState(true);\n const [captchaMissing, setCaptchaMissing] = useState();\n const RECAPTCHA_SITE_KEY = process.env.REACT_APP_RECAPTCHA_SITE_KEY;\n const { t } = useTranslation();\n\n const handleChangeCheckbox = (e) => {\n if (e.target.checked) setButtonState(false);\n else setButtonState(true);\n };\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getMaintenanceVariables();\n if (response && response[0]) {\n setDisableRegister(!response[0].keyValue);\n }\n } catch (e) {\n console.log(e);\n }\n }\n fetchAPI();\n }, []);\n\n useEffect(() => {\n async function fetchAPI() {\n try {\n const response = await getRegisterCountries();\n setCountries(response.data);\n } catch (e) {\n setModal({\n ...modal,\n message: t('error_country_list'),\n type: \"error\",\n isOpen: true,\n });\n }\n }\n fetchAPI();\n\n const loadScriptByURL = (id, url, callback) => {\n const isScriptExist = document.getElementById(id);\n\n if (!isScriptExist) {\n var script = document.createElement(\"script\");\n script.type = \"text/javascript\";\n script.src = url;\n script.id = id;\n script.onload = function () {\n if (callback) callback();\n };\n document.body.appendChild(script);\n }\n\n if (isScriptExist && callback) callback();\n };\n\n // load the script\n loadScriptByURL(\n \"recaptcha-key\",\n `https://www.google.com/recaptcha/api.js`,\n function () {\n console.log(\"Recaptcha loaded.\");\n }\n );\n }, []);\n\n const [modal, setModal] = React.useState({\n isOpen: false,\n message: \"\",\n type: \"default\",\n });\n\n const onHideModal = () => {\n setModal({ ...modal, isOpen: false });\n if(modal.type === 'success')\n history.push('/home');\n };\n\n const submitData = async (\n captchaToken,\n name,\n lastName,\n email,\n password,\n organization,\n countryId\n ) => {\n try {\n await registerService(\n captchaToken,\n name,\n lastName,\n email,\n password,\n organization,\n countryId\n );\n setModal({\n ...modal,\n message: t('Registration_confirmation'),\n type: \"success\",\n isOpen: true,\n });\n } catch (error) {\n setModal({\n ...modal,\n message:\n \"Registration failed. E-mail already used. Please use another.\",\n type: \"error\",\n isOpen: true,\n });\n }\n };\n\n return (\n \n {t(\"Registration_sign_up\")} \n \n {modal.isOpen && (\n {\n setSubmitting(true);\n\n window.grecaptcha.ready(() => {\n var captchaToken = window.grecaptcha.getResponse();\n\n if (captchaToken.length == 0) {\n setCaptchaMissing(\"Captcha not verified\");\n } else {\n submitData(\n captchaToken,\n values.name,\n values.lastName,\n values.email,\n values.password,\n values.organization,\n values.countryId\n );\n }\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n {captchaMissing ? (\n \n {errorStore.isShowModal && (\n
\n )\n}\n\n\nexport default observer(ErrorBoundary);","import React, {useEffect} from 'react';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport Theme from 'theme';\nimport AppRouter from 'routes';\nimport { RootStoreProvider } from 'stores';\nimport { useTranslation } from 'react-i18next';\nimport { CookiesProvider } from 'react-cookie';\nimport ErrorBoundary from 'components/ErrorBoundary';\n\nconst App = () => {\n const { t } = useTranslation();\n \n useEffect(() => {\n document.getElementsByTagName(\"META\")[3].content= t('Meta_description');\n }, [])\n\n return (\n