\n
\n \n {showGoBackButton && this.isNestedModal && (\n \n ×\n
\n )}\n \n
\n )}\n {showCloseButton && (\n \n {isOpen && !this.state.closing\n ? this.renderChildrenWithProps()\n : null}\n
\n \n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n getModalDepth: getModalDepth(state),\n getPreviousModal: getPreviousModal(state),\n getModalStackHistory: getModalStackHistory(state),\n});\n\nconst mapDispatchToProps = {\n emptyModalStack: emptyModalStack,\n};\n\nexport default compose(connect(mapStateToProps, mapDispatchToProps))(\n ModalWrapper,\n);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { formatDate } from \"../../../../../utils/transform\";\nimport Checkbox from \"../../../../common/form/checkbox/Checkbox\";\nimport Toggler from \"../../../../common/toggler/Toggler\";\nimport ActionBox from \"../../../../common/action-box/ActionBox\";\nimport ModalWrapper from \"../../../../common/modal-wrapper/ModalWrapper\";\nimport contentTypes from \"../../../../common/modal-wrapper/contentTypes\";\nimport { getModalDetails } from \"../../../../../state/document/selectors\";\nimport {\n DIALOG_TYPES,\n generateDialogLink,\n} from \"../../../../../utils/dynamicLink\";\nimport { Link } from \"react-router-dom\";\nimport { setModalState } from \"../../../../../state/document/actions\";\n\nclass DeadlineTable extends Component {\n basicModals = {};\n\n renderActionBox = (element) => {\n const { rowActions } = this.props;\n\n return (\n \n \n {this.renderModal()}\n \n )}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n // Deadlines: getDeadlines(state),\n // modal: state.modal,\n modal: getModalDetails(state),\n});\n\nconst mapDispatchToProps = {\n setModalState,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DeadlineTable);\n","import React, { Component } from \"react\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport \"./RelatedContent.scss\";\nimport { getDeadlineUrl } from \"../../../api/resources/deadlines\";\nimport DeadlineTable from \"../deadlines/pages/deadline-list/DeadlineTable\";\nimport { normalizeDeadline } from \"../../../state/deadlines/normalizer\";\n\nclass RelatedDeadlineContent extends Component {\n state = {\n fetchedDeadlines: [],\n };\n\n async fetchRelatedDeadlines() {\n const { relatedDeadlines } = this.props;\n\n if (!relatedDeadlines?.length) return;\n\n try {\n const rawResponses = await Promise.all(\n relatedDeadlines.map((deadline) => {\n return getDeadlineUrl(deadline.uri);\n }),\n );\n\n const responses = rawResponses\n .filter((response) => response.status === 200)\n .map((response) => normalizeDeadline({ deadline: response.data }));\n\n this.setState({\n fetchedDeadlines: responses,\n });\n } catch (error) {\n console.error(error);\n }\n }\n\n async componentDidMount() {\n await this.fetchRelatedDeadlines();\n }\n\n render() {\n const { t, relatedDeadlines } = this.props;\n\n if (!relatedDeadlines?.length) return null;\n\n return (\n \n \n \n
\n
\n {this.props.modal.contentType ===\n contentTypes.REMOVE_FILE_FROM_DEADLINE_LIST && (\n | }\n | Committee | \nCommittee Name | \nTitle | \nDate | \n {useActionBox &&}\n |
|---|
\n
\n );\n }\n}\n\n// const mapProps = (state) => ({});\n\n// const mapDispatchToProps = {};\n\nexport default compose(\n withTranslation(\"common\"),\n // connect(mapProps, mapDispatchToProps),\n)(RelatedDeadlineContent);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { compose } from \"redux\";\nimport {\n DIALOG_TYPES,\n PAGE_TYPES,\n generateLink,\n} from \"../../../../../utils/dynamicLink\";\nimport { Link } from \"react-router-dom\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { connect } from \"react-redux\";\n\nclass NotificationTable extends Component {\n onClickLink = (e) => {\n const { closeRelatedContentModal } = this.props;\n\n closeRelatedContentModal && closeRelatedContentModal();\n };\n\n generateNotificationDetailLink = (uri) => {\n const { selectedNationalCommittee } = this.props;\n\n return `${generateLink(\n selectedNationalCommittee,\n PAGE_TYPES.NOTIFICATION,\n )}/${uri.replace(\".xml\", \"\")}/details`;\n };\n\n renderRow = (notification, idx) => {\n const url = this.generateNotificationDetailLink(notification.uri);\n\n return (\n \n \n {t(\"references.document.relatedDeadlines\")}\n \n
\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\n// const mapDispatchToProps = {\n// };\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, null),\n)(NotificationTable);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport \"./RelatedContent.scss\";\nimport { getNotification } from \"../../../api/resources/notifications\";\nimport NotificationTable from \"../notifications/pages/notifications-list/NotificationTable\";\n\nclass RelatedNotificationContent extends Component {\n state = {\n fetchedNotifications: [],\n };\n\n async fetchRelatedNotifications() {\n const { relatedNotifications } = this.props;\n\n if (!relatedNotifications?.length) return;\n\n try {\n const rawResponses = await Promise.all(\n relatedNotifications.map((notification) => {\n return getNotification(notification.uri);\n }),\n );\n\n const responses = rawResponses\n .filter((response) => response.status === 200)\n .map((response) => response.data);\n\n this.setState({\n fetchedNotifications: responses,\n });\n } catch (error) {\n console.error(error);\n }\n }\n\n async componentDidMount() {\n await this.fetchRelatedNotifications();\n }\n\n render() {\n const { t, relatedNotifications, closeModal } = this.props;\n\n if (!relatedNotifications?.length) return null;\n\n return (\n \n \n \n
\n
\n | Committee | \nCommittee Name | \nType | \nTitle | \nDescription | \n
|---|
\n
\n );\n }\n}\n\n// const mapStateToProps = (state) => ({\n// });\n\n// const mapDispatchToProps = {\n// };\n\nexport default compose(\n withTranslation(\"common\"),\n // connect(mapStateToProps, mapDispatchToProps),\n)(RelatedNotificationContent);\n","import { createSelector } from \"reselect\";\nimport { getStore } from \"../../utils/state\";\nimport { TIMEFRAME } from \"../../api/utils\";\n\nconst meetings = (state) => state.meetings;\n\nconst meetingsOrderShowPast = (a, b) => (a.fromDate > b.fromDate ? -1 : 1);\nconst meetingsOrderShowUpcoming = (a, b) => (a.fromDate > b.fromDate ? 1 : -1);\n\nconst meetingsOrder = (timeframe) => {\n if (timeframe === TIMEFRAME.PAST) return meetingsOrderShowPast;\n return meetingsOrderShowUpcoming;\n};\n\nexport const getRawMeetings = createSelector([meetings], (meetings) => {\n return Object.values(meetings.data);\n});\n\nexport const getMeetings = createSelector([meetings], (meetings) => {\n const locale = getStore().getState().user.data.kundeportal.locale;\n return Object.values(meetings.data)\n .sort(meetingsOrder(meetings.filters.timeframe))\n .reduce((previous, current) => {\n const date = new Date(current.fromDate)\n .toLocaleDateString(locale, { month: \"long\", year: \"numeric\" })\n .toUpperCase();\n previous[date]\n ? previous[date].push(current)\n : (previous[date] = [current]);\n\n return previous;\n }, {});\n});\n\nexport const getMeeting = createSelector(\n [meetings],\n (meetings) => meetings.meeting,\n);\n\nexport const isProcessingMeeting = (state) =>\n state.meetings.isProcessingRequest;\nexport const isProcessingMeetings = (state) =>\n state.meetings.isProcessingMeetings;\nexport const isProcessedMeetings = (state) =>\n state.meetings.isProcessedMeetings;\nexport const isProcessingDocuments = (state) =>\n state.meetings.isProcessingDocuments;\n\nexport const getNewMeetingFormData = (state) => state.meetings.form;\n\nexport const getMeetingDocumentsUri = createSelector([getMeeting], (meeting) =>\n meeting.referencesRawResponsePerType.document.map((doc) => doc.uri),\n);\n\nexport const getMeetingsFilters = createSelector(\n [meetings],\n (meetings) => meetings.filters,\n);\n\nexport const getMeetingDocuments = createSelector(\n [getMeeting],\n (meeting) => meeting.references,\n);\n\nexport const hasMoreMeetingsToLoad = createSelector(\n [meetings],\n (meetings) => meetings.pagination.hasMoreToLoad,\n);\n\nexport const getPagination = (state) => state.meetings.pagination;\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { getMeetings } from \"../../../../../state/meetings/selectors\";\nimport { formatDateTime } from \"../../../../../utils/transform\";\nimport Checkbox from \"../../../../common/form/checkbox/Checkbox\";\nimport Toggler from \"../../../../common/toggler/Toggler\";\nimport ActionBox from \"../../../../common/action-box/ActionBox\";\nimport { getModalDetails } from \"../../../../../state/document/selectors\";\nimport ModalWrapper from \"../../../../common/modal-wrapper/ModalWrapper\";\nimport contentTypes from \"../../../../common/modal-wrapper/contentTypes\";\nimport {\n DIALOG_TYPES,\n generateDialogLink,\n} from \"../../../../../utils/dynamicLink\";\nimport { Link } from \"react-router-dom\";\nimport { setModalState } from \"../../../../../state/document/actions\";\n\nclass MeetingTable extends Component {\n basicModals = {};\n\n renderActionBox = (element) => {\n const { rowActions } = this.props;\n\n return (\n \n \n {t(\"references.document.relatedNotifications\")}\n \n
\n \n \n {this.renderModal()}\n \n )}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n // meetings: getMeetings(state),\n modal: getModalDetails(state),\n});\n\nconst mapDispatchToProps = {\n setModalState,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(MeetingTable);\n","import React, { Component } from \"react\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport \"./RelatedContent.scss\";\nimport MeetingTable from \"../meetings/pages/meeting-tab/MeetingTable\";\nimport { normalizeMeeting } from \"../../../state/meetings/normalizers\";\nimport { getMeetingUrl } from \"../../../api/resources/meetings\";\n\nclass RelatedMeetingContent extends Component {\n state = {\n fetchedMeetings: [],\n };\n\n async fetchRelatedMeetings() {\n const { relatedMeetings } = this.props;\n\n if (!relatedMeetings?.length) return;\n\n try {\n const rawResponses = await Promise.all(\n relatedMeetings.map((meeting) => {\n return getMeetingUrl(meeting.uri);\n }),\n );\n\n const responses = rawResponses\n .filter((response) => response.status === 200)\n .map((response) => normalizeMeeting(response.data));\n\n this.setState({\n fetchedMeetings: responses,\n });\n } catch (error) {\n console.error(error);\n }\n }\n\n async componentDidMount() {\n await this.fetchRelatedMeetings();\n }\n\n render() {\n const { t, relatedMeetings } = this.props;\n\n if (!relatedMeetings?.length) return null;\n\n return (\n \n \n \n
\n
\n {this.props.modal.contentType ===\n contentTypes.REMOVE_FILE_FROM_MEETING_LIST && (\n | }\n | Committee | \nCommittee Name | \nTitle | \n {/*Description | */}\nFrom | \nTo | \nLocation | \n {useActionBox &&}\n |
|---|
\n
\n );\n }\n}\n\n// const mapProps = (state) => ({});\n\n// const mapDispatchToProps = {};\n\nexport default compose(\n withTranslation(\"common\"),\n // connect(mapProps, mapDispatchToProps),\n)(RelatedMeetingContent);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport \"./RelatedContent.scss\";\nimport RelatedDeadlineContent from \"./RelatedDeadlineContent\";\nimport RelatedNotificationContent from \"./RelatedNotificationContent\";\nimport RelatedMeetingContent from \"./RelatedMeetingContent\";\n\nclass RelatedContent extends Component {\n render() {\n const { document, closeModal } = this.props;\n\n const relatedDeadlines = document.relatedContent?.filter(\n (item) => item.type === \"Deadline\",\n );\n const relatedNotifications = document.relatedContent?.filter(\n (item) => item.type === \"Notification\",\n );\n const relatedMeetings = document.relatedContent?.filter(\n (item) => item.type === \"Meeting\",\n );\n\n return (\n \n \n {t(\"references.document.relatedMeetings\")}\n \n
\n \n
\n );\n }\n}\n\n// const mapStateToProps = (state) => ({\n// });\n\n// const mapDispatchToProps = {\n// };\n\nexport default compose(\n withTranslation(\"common\"),\n // connect(null, mapDispatchToProps),\n)(RelatedContent);\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport expandIcon from \"../../../assets/icons/expand_icon.svg\";\n\nconst isHtmlString = (str) => {\n let htmlTagRegex = /<[a-z][\\s\\S]*>/i;\n return str && str.match(htmlTagRegex);\n};\n\nconst MAX_HEIGHT = 70;\n\nconst FileDescription = ({ description, title, isDisabled, downloadUrl }) => {\n const [height, setHeight] = useState(0);\n const [isExpanded, setIsExpanded] = useState(false);\n const { t } = useTranslation(\"common\");\n const ref = useRef(null);\n\n const showExpandButton = height >= MAX_HEIGHT;\n\n const descriptionClassName = `filedescription${\n isExpanded ? \" filedescription--expanded\" : \"\"\n }${showExpandButton ? \" filedescription--isBig\" : \"\"} text-small`;\n\n useEffect(() => {\n setHeight(ref.current.clientHeight);\n }, []);\n\n return (\n <>\n \n {!isDisabled && (\n \n {title}\n \n )}\n {showExpandButton && (\n {\n e.preventDefault();\n setIsExpanded((prevState) => !prevState);\n }}\n >\n
\n \n {isHtmlString(description) ? (\n
\n ) : (\n \n {description}\n
\n )}\n \n \n );\n};\n\nexport default FileDescription;\n","import React, { Fragment, Component } from \"react\";\nimport className from \"classnames\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport ActionBox from \"../action-box/ActionBox\";\nimport Toggler from \"../toggler/Toggler\";\nimport { getDateString } from \"../../../utils/transform\";\nimport { withTranslation } from \"react-i18next\";\nimport Checkbox from \"../form/checkbox/Checkbox\";\nimport WithPrivileges from \"../with-privileges/WithPrivileges\";\nimport ReadonlyGuard from \"../readonly-guard/ReadonlyGuard\";\nimport { shouldRenderDocumentId } from \"../../../utils/documentUtils\";\nimport { getDocumentValues } from \"../../../state/values/selectors\";\nimport { otherCommitteeId, dialogSizes } from \"../../../utils/constants\";\nimport RelatedContent from \"../../pages/related-content/RelatedContent\";\nimport * as appActions from \"../../../state/app/actions\";\nimport FileDescription from \"./FileDescription\";\nimport { DOCUMENT_TABLE_COLUMNS, isColumnDisabled } from \"./List\";\n\nclass Row extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n actionBoxOpened: false,\n };\n\n this.onShowRelatedContent = this.onShowRelatedContent.bind(this);\n }\n\n get typeLabel() {\n const type = this.props.element.type;\n\n if (!this.props.documentValues) {\n return type;\n }\n\n if (this.props.documentValues.typesIndex.hasOwnProperty(type)) {\n return this.props.documentValues.typesIndex[type];\n }\n\n return type;\n }\n\n get actionLabel() {\n const action = this.props.element.action;\n\n if (!this.props.documentValues) {\n return action;\n }\n\n if (this.props.documentValues.actionsIndex.hasOwnProperty(action)) {\n return this.props.documentValues.actionsIndex[action];\n }\n\n return action;\n }\n\n renderDocumentCommittee(element) {\n if (element.committee === otherCommitteeId) {\n return {this.props.t(\"general.defaults.otherCommittee\")};\n }\n return {element.committee};\n }\n\n onShowRelatedContent() {\n const { applicationPushGlobalDialog, applicationCloseGlobalDialog } =\n this.props;\n\n const modalId = uuidv4();\n const closeModal = () => {\n applicationCloseGlobalDialog(modalId);\n };\n\n applicationPushGlobalDialog({\n id: modalId,\n component: RelatedContent,\n modalSettings: {\n allowEscape: true,\n sizeType: dialogSizes.wide,\n closeButton: true,\n },\n props: { document: this.props.element, closeModal: closeModal },\n });\n }\n\n renderActionBox() {\n const { element } = this.props;\n const documentActions = this.props.documentActions();\n\n return (\n {this.props.children}
;\n }\n}\n","import React from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport OutsideClick from \"../outside-click/OutsideClick\";\nimport classNames from \"classnames\";\n\nconst SortBox = ({\n t,\n elements,\n onSelectionChange,\n selected,\n onClickOutside,\n isVisible,\n}) => {\n return isVisible ? (\n \n \n \n
\n );\n })}\n \n \n {t(\"documents.sort.label.order\")}\n
\n {elements.map((element, index) => {\n return (\n\n
\n );\n }\n}\nexport default withTranslation(\"common\")(CreateDocument);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\n\nimport SelectFilter from \"../../../../../components/common/select/SelectFilter\";\nimport DatePicker from \"react-datepicker\";\nimport { shouldRenderDocumentId } from \"../../../../../utils/documentUtils\";\n\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"../../../../../styles/date-picker.scss\";\nimport classNames from \"classnames\";\nimport { validate } from \"../../../../../services/documents/validation\";\nimport OptionalLabel from \"../../../../common/optional-label/OptionalLabel\";\n\nclass EditDocument extends Component {\n state = {\n validation: {\n filename: { isValid: true },\n title: { isValid: true },\n id: { isValid: true },\n type: { isValid: true },\n action: { isValid: true },\n },\n formSubmitted: false,\n };\n\n handleSubmit = () => {\n const formValidation = validate(this.props.document, this.state.validation);\n if (!formValidation.isValid) {\n return this.setState({ validation: formValidation.validation });\n }\n this.props.submitHandler(this.props.document);\n this.setState({ formSubmitted: true });\n };\n\n showValidationMessage = (field) => {\n const formField =\n this.props.document[field] && this.props.document[field].trim();\n if (field === \"id\") {\n return (\n !this.state.validation[field].isValid &&\n !Number.isInteger(parseInt(formField)) &&\n !!formField\n );\n } else {\n return !this.state.validation[field].isValid && !formField;\n }\n };\n\n render() {\n const { t } = this.props;\n //todo: list should be get from selector, not props\n const { title, description, committee, type, action, dueDate, id } =\n this.props.document;\n const { cancelHandler, filters, editDataHandler } = this.props;\n\n return (\n \n
\n \n {t(\"documents.dialog.create.title\", { currentDocument, count })}\n
\n\n \n {\n // editDataHandler({filename: event.target.value})\n // }}\n readOnly={true}\n />\n {this.showValidationMessage(\"filename\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n\n \n \n {\n editDataHandler({ title: event.target.value });\n }}\n />\n {this.showValidationMessage(\"title\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n\n {/* Document description */}\n \n \n {\n editDataHandler({ description: event.target.value });\n }}\n />\n
\n \n {\n editDataHandler({ committee: committeeId });\n }}\n />\n
\n\n \n \n {\n editDataHandler({ id: event.target.value });\n }}\n />\n\n {this.showValidationMessage(\"id\") && (\n \n {t(\"general.validation.isNumber\")}\n \n )}\n
\n\n \n {\n editDataHandler({ type: typeId });\n }}\n customClasses={classNames({\n \"input--validation_error\": this.showValidationMessage(\"type\"),\n })}\n />\n {this.showValidationMessage(\"type\") && (\n \n {t(\"general.validation.isSelected\")}\n \n )}\n
\n\n \n {\n editDataHandler({ action: actionId });\n }}\n customClasses={classNames({\n \"input--validation_error\": this.showValidationMessage(\"action\"),\n })}\n />\n {this.showValidationMessage(\"action\") && (\n \n {t(\"general.validation.isSelected\")}\n \n )}\n
\n\n \n \n
\n {!hideNotificationOption && (\n \n {\n editDataHandler({ dueDate: addHours(date, 2) });\n }}\n dateFormat=\"yyyy-MM-dd\"\n minDate={new Date()}\n />\n
\n \n
\n )}\n\n \n \n \n {\n editDataHandler({\n notifyImmediately: event.target.checked,\n });\n }}\n />\n \n \n \n {t(\"notifications.detail.notifyMembers\")}\n \n \n
\n \n \n {count > 1 && currentDocument !== count && (\n \n )}\n \n {t(\"general.button.save\")}\n \n
\n \n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(EditDocument);\n","import React, { Fragment, Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport classNames from \"classnames\";\n\nclass DeleteModal extends Component {\n state = { awaiting: false };\n\n onSubmit = () => {\n if (!this.state.awaiting) {\n this.props.submitHandler(this.props.id);\n this.setState({ awaiting: true });\n }\n };\n\n render() {\n const { t, title, message, cancelHandler, deleteButtonText } = this.props;\n\n return (\n \n
\n {t(\"documents.dialog.edit.title\")}
\n\n \n {\n editDataHandler({ title: event.target.value });\n }}\n />\n {this.showValidationMessage(\"title\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n\n {/* Document description */}\n \n \n {\n editDataHandler({ description: event.target.value });\n }}\n />\n
\n\n \n {\n editDataHandler({ committee: committeeId });\n }}\n />\n
\n\n \n \n {\n editDataHandler({ id: event.target.value });\n }}\n />\n {this.showValidationMessage(\"id\") && (\n \n {t(\"general.validation.isNumber\")}\n \n )}\n
\n\n \n {\n editDataHandler({ type: typeId });\n }}\n customClasses={classNames({\n \"input--validation_error\": this.showValidationMessage(\"type\"),\n })}\n />\n {this.showValidationMessage(\"type\") && (\n \n {t(\"general.validation.isSelected\")}\n \n )}\n
\n\n \n {\n editDataHandler({ action: actionId });\n }}\n customClasses={classNames({\n \"input--validation_error\": this.showValidationMessage(\"action\"),\n })}\n />\n {this.showValidationMessage(\"action\") && (\n \n {t(\"general.validation.isSelected\")}\n \n )}\n
\n\n \n \n
\n\n \n {\n editDataHandler({ dueDate: date });\n }}\n dateFormat=\"yyyy-MM-dd\"\n minDate={new Date()}\n />\n
\n \n \n \n {t(\"general.button.save\")}\n \n
\n \n
\n {title}
\n\n
\n {message}
\n\n cancelHandler(this.props.id)}\n >\n {t(\"general.button.cancel\")}\n \n \n {deleteButtonText || t(\"general.button.delete\")}\n \n
\n \n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(CopyToCommittee);\n","export function isDiagnosticsEnabled() {\n return window.debug === true;\n}\n","import { Component } from \"react\";\nimport { isDiagnosticsEnabled } from \"../../../utils/diagnostics\";\n\nexport default class DiagnosticsGuard extends Component {\n render() {\n return isDiagnosticsEnabled() ? this.props.children : null;\n }\n}\n","export const broadcastInformation = (state) =>\n state.diagnostics.broadcastInformation;\nexport const documentDiagnositcs = (state) =>\n state.diagnostics.documentDiagnositcs;\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { format } from \"date-fns/fp\";\n\nimport { documentDiagnositcs } from \"../../../state/diagnostics/selectors\";\n\nimport \"./DocumentRowDiagnostics.scss\";\n\nclass DocumentRowDiagnostics extends Component {\n state = {\n showDiagnostics: false,\n };\n\n onShowMoreClicked = () => {\n this.setState({ showDiagnostics: true });\n };\n\n onShowLessClicked = () => {\n this.setState({ showDiagnostics: false });\n };\n\n renderMore() {\n var diagnosticsInfo = {\n appState: this.props.element,\n apiState: this.props.documentDiagnositcs[this.props.element.url],\n };\n\n return \n
\n \n {t(\"documents.dialog.copyToCommittee.title\")}\n
\n\n {\n this.setState({ selectedCommittee: committeeId });\n }}\n />\n
\n \n \n \n {t(\"documents.dialog.copyToCommittee.label.copy\")}\n \n
\n {JSON.stringify(diagnosticsInfo, null, 2)};\n }\n\n renderNotificationTime() {\n if (\n this.props.documentDiagnositcs[this.props.element.url] &&\n this.props.documentDiagnositcs[this.props.element.url].metadata\n ) {\n const timeStamp =\n this.props.documentDiagnositcs[this.props.element.url].metadata\n .notificationTimestamp;\n return (\n \n Notification timestamp: \n \n {timeStamp\n ? format(\"E MMM d yyyy HH:mm:ss zzz\", new Date(timeStamp))\n : \"never\"}\n \n \n \n );\n }\n return null;\n }\n\n render() {\n return (\n \n {this.renderNotificationTime()}(\n |\n )\n {this.state.showDiagnostics && this.renderMore()}\n
\n \n
\n \n \n \n
\n {list.length === 0 ? (\n \n No document registered\n
\n ) : null}\n \n
\n \n \n {this.getSummaryHeader(committee)}\n \n
\n \n
\n {t(\"documentSummary.noDocuments\")}
\n\n {t(\"documentSummary.newDocuments\", {\n count: this.getDocumentsCount(isLoading),\n })}\n
\n\n
\n \n \n
\n \n );\n }\n}\n\nconst mapDispatchToProps = {\n initDocuments: documentActions.initDocuments,\n pullNextDocumentsPageRequest: documentActions.pullNextDocumentsPageRequest,\n generateDocumentsSummary: documentSummaryActions.generateDocumentsSummary,\n downloadDocumentsSummaryFiles:\n documentSummaryActions.downloadDocumentsSummaryFiles,\n closeDialog: appActions.applicationCloseGlobalDialog,\n};\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee:\n committeesSelectors.selectedNationalCommittee(state),\n commiteeTitleProvider: committeesSelectors.getCommitteeTitleProvider(state),\n documentsSummary: documentsSummarySelectors.documentsSummary(state),\n isDownloadingFile: documentSelectors.isDownloadingFile(\n state,\n SummaryFilesDownloadId,\n ),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DocumentsSummaryModal);\n","import { takeEvery, call, put, take, select } from \"redux-saga/effects\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport UrlPattern from \"url-pattern\";\n\nimport * as actions from \"../state/app/actions\";\nimport { fetchUserData, fetchUserDetails } from \"./user\";\nimport { fetchCommitteeMembers } from \"./members\";\nimport { fetchCommittees } from \"./committees\";\nimport { initDocuments } from \"./document\";\n\nimport * as valuesActions from \"../state/values/actions\";\nimport { getAppLanguage } from \"../state/user/selectors\";\nimport { applicationUserHintState } from \"../state/app/selectors\";\nimport { loadLocalObject, storeLocalObject } from \"../services/local-storage\";\nimport AnalyticsTracking from \"../services/analytics-tracking/analytics-tracking\";\nimport initializeTranslations from \"../utils/translations\";\nimport { dialogSizes, allNcsId } from \"../utils/constants\";\nimport history from \"../utils/history\";\nimport { transformCommitteeName } from \"../utils/transform\";\n\nimport * as ncActions from \"../state/national-committees/actions\";\nimport * as valueActions from \"../state/values/actions\";\nimport * as userActions from \"../state/user/actions\";\nimport * as memberActions from \"../state/members/actions\";\n\nimport * as ncSelectors from \"../state/national-committees/selectors\";\nimport DocumentSummaryModal from \"../components/pages/documents-summary/DocumentSummaryModal\";\n\nfunction* handleInitializingApplication() {\n yield call(fetchUserDetails);\n yield call(fetchCommittees);\n yield call(fetchUserData);\n\n const appLang = yield select(getAppLanguage);\n initializeTranslations(appLang);\n yield call(AnalyticsTracking.setUserLanguage, appLang);\n\n yield call(fetchCommitteeMembers);\n\n yield put(valuesActions.fetchAllValues());\n yield take(valuesActions.FETCH_VALUES_FINISHED);\n\n yield put(actions.applicationInvokeGlobalDialog());\n yield put(actions.applicationUpdateReadonlyMode());\n\n yield put(actions.applicationInitialized());\n}\n\nfunction* handleChangeNationalCommittee({ payload }) {\n const committee = payload;\n const currentNaionalCommittee = transformCommitteeName(\n yield select(ncSelectors.selectedNationalCommittee),\n );\n const location = new URL(window.location.href).pathname;\n const segments = location.split(\"/\");\n const transformedCommitteeName = transformCommitteeName(committee);\n\n function getNewUrl() {\n if (segments.length <= 1) return `/${transformedCommitteeName}`;\n\n //e.g. is on profile page\n if (segments[1] !== currentNaionalCommittee)\n return `/${transformedCommitteeName}`;\n\n return `/${transformedCommitteeName}/${segments[2]}`;\n }\n\n history.push(getNewUrl());\n\n yield put(ncActions.setSelectedNationalCommittee(committee));\n yield put(valueActions.clearMeetingsFilterValues());\n yield call(initDocuments);\n yield put(userActions.fetchUserDataRequest());\n yield put(valueActions.fetchAllValues());\n yield put(memberActions.getCommitteeMembers());\n yield put(actions.applicationUpdateReadonlyMode());\n}\n\nfunction* handleApplicationTriggerUserHint(action) {\n const { hintId } = action.payload;\n const hints = loadLocalObject(\"udvalg_hints\");\n if (!hints[hintId] || !hints[hintId].disabled) {\n yield put(\n actions.applicationSetUserHintState({\n messageToShow: hintId,\n }),\n );\n }\n}\n\nfunction* handleApplicationCloseUserHint(action) {\n const hintState = yield select(applicationUserHintState);\n if (hintState && hintState.messageToShow) {\n yield put(\n actions.applicationSetUserHintState({\n messageToShow: null,\n }),\n );\n\n if (action.payload && action.payload.disable) {\n const hints = loadLocalObject(\"udvalg_hints\");\n hints[hintState.messageToShow] = { disabled: true };\n storeLocalObject(\"udvalg_hints\", hints);\n }\n }\n}\n\nfunction* handleApplicationInvokeGlobalDialog() {\n if (!window.location.hash) return;\n\n try {\n const config = JSON.parse(atob(window.location.hash.substr(1)));\n\n if (config.action !== \"open_dialog\") return;\n\n const dialogConfig = {\n id: uuidv4(),\n component: DocumentSummaryModal,\n modalSettings: {\n allowEscape: true,\n sizeType: dialogSizes.wide,\n closeButton: true,\n },\n props: config.params,\n };\n\n yield put(actions.applicationPushGlobalDialog(dialogConfig));\n } catch (err) {\n console.error(err);\n }\n}\n\nfunction* handleApplicationUpdateReadonlyMode() {\n const parser = new UrlPattern(\"/:committeeId(/:segment*)\");\n const result = parser.match(window.location.pathname);\n yield put(\n actions.applicationSetReadonlyMode(\n result.committeeId.toLowerCase() === allNcsId,\n ),\n );\n}\n\nexport default function* appSaga() {\n yield takeEvery(actions.initializeApplication, handleInitializingApplication);\n yield takeEvery(\n actions.changeNationalCommittee,\n handleChangeNationalCommittee,\n );\n yield takeEvery(\n actions.applicationTriggerUserHint,\n handleApplicationTriggerUserHint,\n );\n yield takeEvery(\n actions.applicationCloseUserHint,\n handleApplicationCloseUserHint,\n );\n yield takeEvery(\n actions.applicationInvokeGlobalDialog,\n handleApplicationInvokeGlobalDialog,\n );\n yield takeEvery(\n actions.applicationUpdateReadonlyMode,\n handleApplicationUpdateReadonlyMode,\n );\n}\n","import { createSelector } from \"reselect\";\nimport { TIMEFRAME } from \"../../api/utils\";\n\nconst deadlines = (state) => state.deadlines;\n\nexport const isFetchingDeadlines = (state) =>\n state.deadlines.isProcessingRequest;\nexport const isProcessingReferences = (state) =>\n state.deadlines.isProcessingReferences;\nexport const isDeletingDeadline = (state) => state.deadlines.isDeletingDeadline;\n\nexport const getDeadline = createSelector([deadlines], (deadlines) => {\n return deadlines.deadline;\n});\n\nconst deadlineOrderShowPast = (a, b) => (a.date > b.date ? -1 : 1);\nconst deadlineOrderShowUpcoming = (a, b) => (a.date > b.date ? 1 : -1);\n\nconst deadlineOrder = (timeframe) => {\n if (timeframe === TIMEFRAME.PAST) return deadlineOrderShowPast;\n return deadlineOrderShowUpcoming;\n};\n\nexport const getRawDeadlines = createSelector([deadlines], (deadlines) => {\n return Object.values(deadlines.data);\n});\n\nexport const getDeadlines = createSelector([deadlines], (deadlines) => {\n return (\n Object.values(deadlines.data)\n // .sort(deadlineOrder(deadlines.filters.timeframe))\n .reduce((previous, current) => {\n const date = new Date(\n current.date.getYear() + 1900,\n current.date.getMonth(),\n );\n\n previous[date]\n ? previous[date].push(current)\n : (previous[date] = [current]);\n\n return previous;\n }, {})\n );\n});\n\nexport const getDeadlineUri = createSelector([getDeadline], (deadline) =>\n deadline ? deadline.uri : null,\n);\nexport const getDeadlineReferredDocumentsUri = createSelector(\n [getDeadline],\n (deadline) =>\n deadline.referencesRawResponsePerType.document.map((doc) => doc.uri),\n);\nexport const getDeadlineReferences = createSelector(\n [getDeadline],\n (deadline) => deadline.references,\n);\nexport const getDeadlinesFilters = createSelector(\n [deadlines],\n (deadlines) => deadlines.filters,\n);\nexport const hasDeadlinePassed = createSelector([getDeadline], (deadline) => {\n let currentDate = new Date();\n currentDate.setHours(0, 0, 0, 0); //set 00:00\n return deadline.date < currentDate;\n});\nexport const hasMoreDeadlinesToLoad = createSelector(\n [deadlines],\n (deadlines) => deadlines.pagination.hasMoreToLoad,\n);\n\nexport const getNewDeadlineFormData = (state) => state.deadlines.form;\n\nexport const getPagination = (state) => state.deadlines.pagination;\n","import { TIMEFRAME } from \"../../api/utils\";\nimport { comparisonOperator, deadlineSortType } from \"../../utils/constants\";\nimport { addHours } from \"date-fns\";\n\n//TODO refactor this file, it is same as src/services/meetings\n\nexport const sortingType = {\n deadline_descending: \"deadline_desc\",\n deadline_ascending: \"deadline_asc\",\n};\n\nconst getCurrentDayStartDate = () => {\n const currentDate = new Date();\n currentDate.setDate(currentDate.getDate() - 1);\n currentDate.setHours(0, 0, 0, 0);\n return currentDate;\n};\n\nexport const buildQueryParams = (memberId, filters) => {\n const queryParams = {\n sort: deadlineSortType.asc,\n };\n\n if (filters.timeframe === TIMEFRAME.PAST) {\n queryParams.sort = deadlineSortType.desc;\n queryParams.actionDueDate =\n comparisonOperator.lt +\n addHours(new getCurrentDayStartDate(), 2).toISOString();\n } else if (filters.timeframe === TIMEFRAME.FUTURE) {\n queryParams.sort = deadlineSortType.asc;\n queryParams.actionDueDate =\n comparisonOperator.ge +\n addHours(getCurrentDayStartDate(), 2).toISOString();\n }\n\n if (filters.month) {\n const monthStart = new Date(filters.month);\n const nextMonth = new Date(filters.month);\n nextMonth.setMonth(nextMonth.getMonth() + 1);\n\n queryParams.actionDueDate = [\n comparisonOperator.ge + monthStart.toISOString(),\n comparisonOperator.lt + nextMonth.toISOString(),\n ];\n }\n\n if (filters.committee) {\n queryParams.committeeReference = filters.committee;\n }\n\n if (filters.type) {\n queryParams.type = filters.ype;\n }\n\n if (filters.title) {\n queryParams.search = filters.title;\n }\n\n if (filters.stage) {\n queryParams.stage = filters.stage;\n }\n\n if (filters.relatedDocument) {\n queryParams.relatedDocument = filters.relatedDocument;\n }\n\n queryParams.memberId = memberId;\n queryParams.pageLength = 10;\n\n return queryParams;\n};\n","import { saveAs } from \"file-saver\";\nimport { takeLatest, call, select, put, fork, all } from \"redux-saga/effects\";\nimport * as actions from \"../state/comments/actions\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport {\n getComments,\n getComment,\n updateComment,\n deleteComment,\n createComment,\n exportCommentsToWord,\n getDeadlineCommentsStatistics,\n} from \"../api/resources/comments\";\nimport { deleteDocumentUrl } from \"../api/resources/document\";\nimport {\n waitForNotificationDocumentId,\n waitForNotificationTypedDocumentId,\n} from \"../api/resources/notifications\";\nimport { handleCheckUserPrivilleges } from \"../state/user/actions\";\nimport { transformCommitteeName } from \"../utils/transform\";\nimport history from \"../utils/history\";\nimport { uploadFile } from \"./document\";\nimport { notificationActionType, notificationType } from \"../utils/constants\";\nimport { generateDialogLink, DIALOG_TYPES } from \"../utils/dynamicLink\";\nimport { handleCreateNotificationBySystem } from \"./notifications\";\n\nfunction* handleFetchingComments(action) {\n try {\n const response = yield call(getComments, action.payload);\n\n if (response.status === 200) {\n yield put(actions.fetchCommentsSucceeded(response.data));\n } else {\n yield put(actions.fetchCommentsFailed(\"Failed to fetch comments\"));\n }\n } catch (error) {\n console.error(`fetching comments failed - ${error}`);\n }\n}\n\nfunction* handleFetchingComment(action) {\n try {\n const response = yield call(getComment, action.payload);\n\n if (response && response.status === 200) {\n yield put(actions.fetchCommentSucceeded(response.data));\n } else {\n yield put(actions.fetchCommentFailed(response.data));\n }\n } catch (error) {\n console.error(`fetch comment failed - ${error}`);\n }\n}\n\nfunction* handleUpdateComment(action) {\n try {\n const comment = action.payload;\n const filesToUpload = comment.attachments.filter((file) => !file.uri);\n const uploadedFiles = comment.attachments.filter((file) => file.uri);\n\n yield fork(deleteCommentAttachments, comment.attachmentsToRemoveFromServer);\n\n action.payload.attachments = [\n ...(yield call(uploadCommentAttachments, filesToUpload)),\n ...uploadedFiles,\n ];\n const response = yield call(updateComment, comment);\n\n if (response.status === 200) {\n // yield call(waitForNotificationDocumentId, comment.uri);\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...response.data,\n type: notificationType.comment,\n eventType: notificationActionType.update,\n references: [\n {\n type: notificationType.deadline,\n uri: response.data.deadlineUri,\n },\n ],\n },\n });\n yield put(actions.updateCommentSucceeded(response.data));\n history.push(\n generateDialogLink(\n DIALOG_TYPES.DEADLINE_DETAILS,\n response.data.deadlineUri,\n null,\n \"deadline_comments\",\n ),\n );\n } else {\n yield put(actions.updateCommentFailed(\"Failed to update comment\"));\n }\n } catch (error) {\n console.error(`update comment failed - ${error}`);\n }\n}\n\nfunction* handleDeletingComment(action) {\n try {\n const { uri, attachments } = action.payload;\n\n const privillegesAction = {\n type: action.type,\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n yield fork(deleteCommentAttachments, attachments);\n\n const response = yield call(deleteComment, uri);\n if (response.status === 200) {\n yield put(actions.deleteCommentSucceeded(response.data));\n } else {\n yield put(actions.deleteCommentFailed(\"Failed to delete comment\"));\n }\n } catch (error) {\n console.error(`delete comment failed - ${error}`);\n }\n}\n\nfunction* deleteAttachment(attachment) {\n try {\n yield fork(deleteDocumentUrl, attachment.uri);\n } catch (error) {\n console.error(error);\n }\n}\n\nfunction* deleteCommentAttachments(attachments) {\n try {\n for (let i = 0; i < attachments.length; i++) {\n yield fork(deleteAttachment, attachments[i]);\n }\n } catch (error) {\n console.error(`failed to delete files - ${error}`);\n }\n}\n\nfunction* handleCreateComment(action) {\n try {\n action.payload.attachments = yield call(\n uploadCommentAttachments,\n action.payload.attachments,\n );\n const committeeId = yield select(selectedNationalCommittee);\n\n const response = yield call(\n createComment,\n transformCommitteeName(committeeId),\n action.payload,\n );\n\n if (response.status === 200) {\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...response.data,\n type: notificationType.comment,\n eventType: notificationActionType.add,\n references: [\n {\n type: notificationType.deadline,\n uri: response.data.deadlineUri,\n },\n ],\n },\n });\n yield put(actions.createCommentSucceeded(response.data));\n // TODO: THIS IS HOW IT TRACK BACK TO COMMENT MODAL\n history.push(\n generateDialogLink(\n DIALOG_TYPES.DEADLINE_DETAILS,\n response.data.deadlineUri,\n null,\n \"deadline_comments\",\n ),\n );\n } else {\n yield put(actions.createCommentFailed(\"Failed to create comment\"));\n }\n } catch (error) {\n console.error(`create comment failed - ${error}`);\n }\n}\n\nfunction* handleExportCommentsToWord({ payload }) {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n\n const response = yield call(exportCommentsToWord, committeeId, payload);\n if (response.status === 200) {\n saveAs(new Blob([response.data]), \"comments.docx\");\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nfunction* uploadCommentAttachments(files) {\n try {\n let attachments = [];\n\n for (let i = 0; i < files.length; i++) {\n const file = files[i];\n const uploadedFileUri = yield call(uploadFile, file);\n\n if (uploadedFileUri) {\n attachments.push({\n uri: uploadedFileUri,\n name: file.name,\n });\n }\n }\n yield put(\n actions.attachFilesToCommentSucceeded(\"Upload attachments succeeded\"),\n );\n return attachments;\n } catch (error) {\n yield put(\n actions.attachFilesToCommentFailed(\"Upload attachments succeeded\"),\n );\n console.error(error);\n }\n}\n\nexport function* fetchDeadlineCommentsStatistics(deadlineUri) {\n try {\n const deadlineCommentsStatisticsResponse = yield call(\n getDeadlineCommentsStatistics,\n deadlineUri,\n );\n\n if (deadlineCommentsStatisticsResponse.status === 200) {\n return {\n deadlineUri,\n statistics: deadlineCommentsStatisticsResponse.data,\n };\n }\n\n return null;\n } catch (error) {\n console.error(`Fetching deadline comments statistics failed -- ${error}`);\n }\n}\n\nexport function* fetchDeadlinesCommentsStatistics(deadlines) {\n try {\n const deadlinesCommentsStatistics = yield all(\n deadlines.map((deadline) =>\n call(fetchDeadlineCommentsStatistics, deadline.uri),\n ),\n );\n\n return deadlinesCommentsStatistics.reduce((prev, current) => {\n if (current) {\n prev[current.deadlineUri] = current.statistics;\n }\n return prev;\n }, {});\n } catch (error) {\n console.error(`Fetching deadline comments statistics failed -- ${error}`);\n }\n}\n\nexport default function* commentsSaga() {\n yield takeLatest([actions.fetchComments], handleFetchingComments);\n yield takeLatest(actions.fetchComment, handleFetchingComment);\n yield takeLatest(actions.updateComment, handleUpdateComment);\n yield takeLatest(actions.deleteComment, handleDeletingComment);\n yield takeLatest(actions.createComment, handleCreateComment);\n yield takeLatest(actions.exportCommentsToWord, handleExportCommentsToWord);\n}\n","import { createSelector } from \"reselect\";\nimport { selectedNationalCommittee } from \"../national-committees/selectors\";\n\nexport const members = (state) => state.members.data;\n\nexport const getMembers = createSelector(\n [members, selectedNationalCommittee],\n (members, selectedNationalCommittee) => {\n const committeeMembers = members[selectedNationalCommittee];\n return committeeMembers\n ? committeeMembers.filter((member) => member.name)\n : null;\n },\n);\n\nexport const getCommitteeMemberById = createSelector(\n [members, selectedNationalCommittee],\n (members, selectedNationalCommittee) => {\n return (id) => {\n const committeeMembers = members[selectedNationalCommittee];\n return committeeMembers\n ? committeeMembers.find((member) => member.name && member.userID === id)\n : null;\n };\n },\n);\nexport const isFetchingMembers = (state) => state.members.isFetching;\n","import { takeEvery, call, put, all, select } from \"redux-saga/effects\";\nimport {\n getVotes,\n createVote,\n updateVote,\n removeVote,\n getVoteOverride,\n updateVoteOverride,\n} from \"../api/resources/votes\";\nimport { waitForNotificationDocumentId } from \"../api/resources/notifications\";\nimport { getMemberById } from \"../api/resources/members\";\n\nimport * as actions from \"../state/votes/actions\";\nimport { isRequestSuccessful } from \"../api/utils\";\n\nimport { getMembers } from \"../state/members/selectors\";\nimport { handleCreateNotificationBySystem } from \"./notifications\";\nimport { notificationActionType, notificationType } from \"../utils/constants\";\n\nfunction* initDeadlineVotes(action) {\n try {\n const [votes, override] = yield all([\n call(getVotes, action.payload),\n call(getVoteOverride, action.payload),\n ]);\n if (!isRequestSuccessful(votes) || !isRequestSuccessful(override)) {\n console.error(\"Init votes failed\");\n console.error(votes);\n console.error(override);\n }\n\n let data = {\n votes: votes.data,\n officialVoteOverride: override.data,\n };\n\n yield put(actions.initVotesSucceeded(data));\n } catch (error) {\n console.error(\"Init votes failed\");\n console.error(error);\n }\n}\n\nexport function* fetchVotes(action) {\n try {\n const results = yield call(getVotes, action.payload);\n\n if (results.status === 200) {\n yield put(actions.getAllVotesSucceeded(results.data));\n } else {\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nexport function* fetchDeadlinesVotesStats(deadlines) {\n try {\n yield all(\n deadlines.map((deadline) => put(actions.getAllVotes(deadline.uri))),\n );\n } catch (error) {\n console.error(`Fetching deadline votes statistics failed -- ${error}`);\n }\n}\n\nexport function* castVote(action) {\n try {\n const response = yield call(createVote, action.payload);\n if (response.status === 200) {\n // yield call(waitForNotificationDocumentId, action.payload.deadlineUri);\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...response.data,\n type: notificationType.vote,\n eventType: notificationActionType.add,\n references: [\n {\n type: notificationType.deadline,\n uri: action.payload.deadlineUri,\n },\n ],\n },\n });\n\n yield put(actions.castNewVoteSucceeded(response.data));\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nexport function* updateExistingVote(action) {\n try {\n const response = yield call(updateVote, action.payload);\n if (response.status === 200) {\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...response.data,\n type: notificationType.vote,\n eventType: notificationActionType.update,\n references: [\n {\n type: notificationType.deadline,\n uri: action.payload.deadlineUri,\n },\n ],\n },\n });\n\n yield put(actions.updateVoteSucceeded(action.payload));\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nexport function* handleRemoveVote(action) {\n try {\n const response = yield call(removeVote, action.payload.uri);\n if (response.status === 200) {\n yield put(actions.removeVoteSucceeded(action.payload));\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nfunction* handleOverrideOfficialVote(action) {\n try {\n const response = yield call(\n updateVoteOverride,\n action.payload.uri,\n action.payload.vote,\n );\n if (isRequestSuccessful(response)) {\n yield put(actions.overrideOfficialVoteSucceeded(response.data));\n }\n } catch (error) {\n console.error(error);\n }\n}\n\nfunction* handleInitVotesMemberNames(action) {\n const members = yield select(getMembers);\n const actionVotes = action.payload;\n\n const votesWithoutMembers = actionVotes.filter(\n (v) => !v.member || typeof v.member === \"undefined\",\n );\n let updatedVotes = votesWithoutMembers.map((vote) => {\n const votingMember = members.find((m) => m.userID === vote.userID);\n if (votingMember) {\n return {\n ...vote,\n member: {\n name: votingMember.name,\n work: votingMember.work,\n photo: votingMember.photo,\n },\n };\n } else {\n return {\n ...vote,\n member: {\n loading: true,\n },\n };\n }\n });\n\n const votesReadyToShow = updatedVotes.filter((v) => !v.member.loading);\n const votesToLoad = updatedVotes.filter((v) => v.member.loading);\n yield all(\n votesReadyToShow.map((vote) =>\n put(\n actions.initVotesMemberNamesSucceeded({\n ...vote,\n }),\n ),\n ),\n );\n\n const missingNamesTasks = votesToLoad.map((v) => {\n return getMemberById(v.userID);\n });\n\n const missingMembers = yield all(missingNamesTasks);\n\n const loadedVotes = votesToLoad.map((vote) => {\n const votingMember = missingMembers.find((m) => m.data.id === vote.userID);\n\n if (votingMember) {\n return {\n ...vote,\n member: {\n name: votingMember.data.name,\n work: votingMember.data.company,\n photo: votingMember.data.profileImage,\n },\n };\n }\n\n return vote;\n });\n\n yield all(\n loadedVotes.map((vote) =>\n put(actions.initVotesMemberNamesSucceeded({ ...vote })),\n ),\n );\n}\n\nexport default function* votesSaga() {\n yield takeEvery(actions.initDeadlineVotes, initDeadlineVotes);\n yield takeEvery(actions.GET_VOTES, fetchVotes);\n yield takeEvery(actions.CREATE_VOTE, castVote);\n yield takeEvery(actions.UPDATE_VOTE, updateExistingVote);\n yield takeEvery(actions.REMOVE_VOTE, handleRemoveVote);\n yield takeEvery(actions.overrideOfficialVote, handleOverrideOfficialVote);\n\n yield takeEvery(actions.initVotesMemberNames, handleInitVotesMemberNames);\n}\n","import {\n takeLatest,\n call,\n select,\n put,\n take,\n all,\n takeLeading,\n} from \"redux-saga/effects\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport {\n getDeadlineUrl,\n getDeadlinesUrl,\n getAggDeadlinesUrl,\n createDeadlineUrl,\n updateDeadlineUrl,\n deleteDeadlineUrl,\n getRelatedDeadlinesUrl,\n updateIsRegisteredUrl,\n} from \"../api/resources/deadlines\";\nimport { getDocumentSafeUrl } from \"../api/resources/document\";\nimport {\n waitForNotificationDocumentId,\n waitForNotificationTypedDocumentId,\n} from \"../api/resources/notifications\";\nimport { addGeneralDeadlineInformation } from \"../state/deadlines/actions\";\nimport * as actions from \"../state/deadlines/actions\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n generateCloseDialogLink,\n generateDialogLinkForPage,\n PAGE_TYPES,\n} from \"../utils/dynamicLink\";\nimport {\n transformCommitteeName,\n handleOtherCommitteeId,\n} from \"../utils/transform\";\nimport history from \"../utils/history\";\nimport { addPageQueryParam } from \"../api/utils\";\nimport { initDocuments } from \"../state/document/actions\";\nimport * as documentActions from \"../state/document/actions\";\nimport {\n getNewDeadlineFormData,\n getDeadlinesFilters,\n} from \"../state/deadlines/selectors\";\nimport * as selectors from \"../state/deadlines/selectors\";\nimport * as userSelectors from \"../state/user/selectors\";\nimport { mapToApiModel } from \"../api/mappers/deadline\";\nimport { buildQueryParams } from \"../services/deadlines/url\";\nimport { normalizeDeadline } from \"../state/deadlines/normalizer\";\nimport { handleCheckUserPrivilleges } from \"./user\";\nimport {\n fetchDeadlineCommentsStatistics,\n fetchDeadlinesCommentsStatistics,\n} from \"./comments\";\nimport {\n normalizeDocument,\n removeReferenceById,\n} from \"../state/document/normalizers.js\";\n\nimport { fetchDeadlinesVotesStats } from \"./votes\";\nimport { notificationActionType, notificationType } from \"../utils/constants\";\nimport { documentFilters } from \"../utils/documentUtils\";\nimport { getMeetingUrl } from \"../api/resources/meetings\";\nimport { referenceListToReferenceDataPerType } from \"../utils/references\";\nimport { normalizeObjectOfReferences } from \"../state/references/normalizers\";\nimport { handleCreateNotificationBySystem } from \"./notifications\";\n\nfunction* handleInitDeadlines(action) {\n yield call(handlePullDeadlinesPageRequest);\n}\n\n// reload from edit page would come here\nfunction* handleInitDeadlineForm(action) {\n try {\n yield put(initDocuments());\n\n const deadlineUri = action.payload;\n let deadline = yield select(selectors.getDeadline);\n\n if (!deadline || deadline.uri !== deadlineUri) {\n const deadlineData = yield call(getDeadlineUrl, deadlineUri);\n deadline = normalizeDeadline({ deadline: deadlineData.data });\n\n const documentUri = [\n ...(deadline.referencesRawResponsePerType.document?.map(\n (doc) => doc.uri,\n ) ?? []),\n ];\n const meetingUri = [\n ...(deadline.referencesRawResponsePerType.meeting?.map(\n (doc) => doc.uri,\n ) ?? []),\n ];\n\n let documents = yield all(\n documentUri?.map((uri) => call(getDocumentSafeUrl, uri)),\n );\n documents = documentFilters.filterEmptyDocuments(documents);\n\n let meetings = yield all(\n meetingUri?.map((uri) => call(getMeetingUrl, uri)),\n );\n meetings = documentFilters.filterEmptyDocuments(meetings);\n\n deadline.referencesPerType = normalizeObjectOfReferences({\n document: documents,\n meeting: meetings,\n });\n }\n\n yield put(addGeneralDeadlineInformation(deadline));\n } catch (error) {\n console.error(`init deadline form failed - ${error}`);\n }\n}\n\nfunction* handleAddDeadlineReferences(action) {\n try {\n // Shouldn't come here\n throw new Error(\"handleAddDeadlineReferences\");\n\n // const deadline = yield select(selectors.getDeadline);\n // const documentToAdd = normalizeDocument(action.payload);\n // // THIS SHOULD BE FIXED\n\n // deadline.references = [...deadline.references, documentToAdd];\n\n // const response = yield call(updateDeadline, deadline, false);\n\n // if (response.status === 200) {\n // yield put(actions.fetchCurrentDeadlineReferences());\n // yield put(actions.updateDeadlineSucceeded(response.data));\n // } else {\n // yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n // }\n } catch (error) {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n console.error(`handleAddDeadlineReferences failed - ${error}`);\n }\n}\n\nfunction* handleSetDeadlineReferences(action) {\n try {\n // Shouldn't come here\n throw new Error(\"handleAddDeadlineReferences\");\n\n // const deadline = yield select(selectors.getDeadline);\n\n // const response = yield call(updateDeadline, deadline, false);\n\n // if (response.status === 200) {\n // yield put(actions.fetchCurrentDeadlineReferences());\n // yield put(actions.updateDeadlineSucceeded(response.data));\n // } else {\n // yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n // }\n } catch (error) {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n console.error(`handleSetDeadlineReferences failed - ${error}`);\n }\n}\n\nfunction* handleRemoveReferenceFromDeadline(action) {\n try {\n const deadline = yield select(selectors.getDeadline);\n\n // for(const key in deadline.referencesPerType) {\n // deadline.referencesPerType[key] = deadline.referencesPerType[key].filter((doc) => doc.uri !== action.payload);\n // }\n deadline.referencesPerType = removeReferenceById(\n deadline.referencesPerType,\n action.payload,\n );\n\n const response = yield call(updateDeadlineUrl, deadline, false);\n\n if (response.status === 200) {\n yield put(actions.fetchCurrentDeadlineReferences());\n yield put(actions.updateDeadlineSucceeded(response.data));\n } else {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n }\n } catch (error) {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n console.error(`handleRemoveReferenceFromDeadline failed - ${error}`);\n }\n}\n\nfunction* fetchDeadline(action) {\n try {\n const response = yield call(getDeadlineUrl, action.payload);\n const deadlineCommentsStatistics = yield call(\n fetchDeadlineCommentsStatistics,\n response.data.uri,\n );\n\n if (response && response.status === 200) {\n yield put(\n actions.fetchDeadlineSucceeded({\n deadline: {\n ...response.data,\n },\n commentsStats: deadlineCommentsStatistics.statistics,\n }),\n );\n } else {\n yield put(actions.fetchDeadlineFailed(response.data));\n }\n } catch (error) {\n console.error(`fetch deadline failed - ${error}`);\n yield put(actions.fetchDeadlineFailed(\"\"));\n }\n}\n\nfunction* fetchDeadlineReferences() {\n try {\n yield take(actions.fetchDeadlineSucceeded);\n const deadline = yield select(selectors.getDeadline);\n\n const documentTargets =\n deadline.referencesRawResponsePerType.document ?? [];\n const meetingTargets = deadline.referencesRawResponsePerType.meeting ?? [];\n\n const documentsResponse = yield all(\n documentTargets.map((element) => call(getDocumentSafeUrl, element.uri)),\n );\n const documents = documentFilters.filterEmptyDocuments(documentsResponse);\n\n const meetingsResponse = yield all(\n meetingTargets.map((element) => call(getMeetingUrl, element.uri)),\n );\n const meetings = documentFilters.filterEmptyDocuments(meetingsResponse);\n\n const referencesPerType = { document: documents, meeting: meetings };\n\n yield put(actions.fetchDeadlineReferencesSucceeded(referencesPerType));\n } catch (error) {\n console.error(`fetch deadline references failed - ${error}`);\n }\n}\n\nfunction* fetchCurrentDeadlineReferences() {\n try {\n const existingDeadline = yield select(selectors.getDeadline);\n const response = yield call(getDeadlineUrl, existingDeadline.uri);\n\n if (!response || response.status !== 200) {\n yield put(actions.fetchCurrentDeadlineReferencesFailed());\n return;\n }\n\n const { references } = response.data;\n const referenceCategorized =\n referenceListToReferenceDataPerType(references);\n\n const documentsResponse = yield all(\n referenceCategorized.document?.map((element) =>\n call(getDocumentSafeUrl, element.uri),\n ),\n );\n const documents = documentFilters.filterEmptyDocuments(documentsResponse);\n\n const meetingsResponse = yield all(\n referenceCategorized.meeting?.map((element) =>\n call(getMeetingUrl, element.uri),\n ),\n );\n const meetings = documentFilters.filterEmptyDocuments(meetingsResponse);\n\n const newReferences = { document: documents, meeting: meetings };\n\n // const deadline = response.data;\n // // backend -> FE so references is correct\n // let references = yield all(\n // deadline.references.map((doc) => call(getDocumentSafe, doc.uri)),\n // );\n\n // references = documentFilters.filterEmptyDocuments(references);\n\n yield put(actions.fetchCurrentDeadlineReferencesSucceeded(newReferences));\n } catch (error) {\n yield put(actions.fetchCurrentDeadlineReferencesFailed());\n console.error(`fetchCurrentDeadlineReferences failed - ${error}`);\n }\n}\n\n// This is related to actual Document entity - upload\nfunction* handleCreateDeadlineFromDocument(action) {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const selectedDocument = action.payload;\n selectedDocument.committee = handleOtherCommitteeId(\n selectedDocument.committee,\n );\n\n // TODO: RIGHT NOW WE HAVE SEVERAL ENTITY FOR THE REFERENCES, NEED TO FIX TO HAVE IT ONLY ONE ENTITY.\n yield put(actions.setFormSelectedDeadlineReferences([selectedDocument]));\n yield put(\n actions.setFormSelectedDeadlineReferencesDocuments([selectedDocument]),\n );\n yield put(\n actions.addGeneralDeadlineInformation({\n title: selectedDocument.title,\n committee: selectedDocument.committee,\n date: selectedDocument.dueDate,\n }),\n );\n\n history.push(\n generateDialogLinkForPage(\n committeeId,\n PAGE_TYPES.DEADLINES,\n DIALOG_TYPES.CREATE_DEADLINE,\n ),\n );\n } catch (error) {\n console.error(`create deadline from selected documents failed - ${error}`);\n }\n}\n\n// This is related to actual Document entity - download\nfunction* handleDownloadDeadlineDocuments(action) {\n try {\n const deadlineId = action.payload;\n const uris = yield select(\n selectors.getDeadlineReferredDocumentsUri,\n deadlineId,\n );\n yield put(\n documentActions.downloadZipPackage({\n id: deadlineId,\n packageName: `${deadlineId || \"documents\"}.zip`,\n uris: uris,\n }),\n );\n } catch (error) {\n console.error(`download deadline documents failed - ${error}`);\n }\n}\n\nfunction* handlePullDeadlinesPageRequest() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const memberId = yield select(userSelectors.userId);\n const pagination = yield select(selectors.getPagination);\n const pageToLoad = pagination.pagesLoaded;\n const filters = yield select(getDeadlinesFilters);\n\n const queryParams = addPageQueryParam(\n buildQueryParams(memberId, filters),\n pageToLoad,\n );\n const response = filters.relatedDocument\n ? yield call(getRelatedDeadlinesUrl, filters.relatedDocument, queryParams)\n : yield call(getDeadlinesUrl, committeeId, queryParams);\n\n const deadlinesCommentsStatistics = yield call(\n fetchDeadlinesCommentsStatistics,\n response.data.results,\n );\n\n yield call(fetchDeadlinesVotesStats, response.data.results);\n\n const pagesToLoad = Math.ceil(\n response.data.total / response.data.pageLength,\n );\n\n const page = response.data.start / response.data.pageLength + 1;\n const maxPage = Math.ceil(response.data.total / response.data.pageLength);\n\n if (response.status === 200) {\n yield put(\n actions.pullDeadlinesPageSucceeded({\n deadlinesData: response.data,\n commentsStats: deadlinesCommentsStatistics,\n pagination: {\n pageLoaded: pageToLoad,\n pagesToLoad: pagesToLoad,\n hasMoreToLoad: parseInt(page) < parseInt(maxPage),\n // response.data.results &&\n // response.data.results.length > 0 &&\n // parseInt(response.data.total) >\n // parseInt(response.data.pageLength),\n },\n }),\n );\n } else {\n yield put(actions.pullDeadlinesPageFailed(response.data.message));\n }\n } catch (error) {\n console.error(`filter Deadlines failed - ${error}`);\n }\n}\n\nfunction* handleCreateDeadline() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const deadlineData = yield select(getNewDeadlineFormData);\n\n const privillegesAction = {\n type: \"creating\",\n payload: {\n url: `/${transformCommitteeName(committeeId)}/deadlines`,\n },\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n const response = yield call(\n createDeadlineUrl,\n committeeId,\n mapToApiModel(deadlineData),\n );\n if (response.status === 200) {\n const succeededResponse = yield put(\n actions.createDeadlineSucceeded({\n deadline: response.data,\n }),\n );\n history.push(\n generateDialogLink(\n DIALOG_TYPES.DEADLINE_DETAILS,\n succeededResponse.payload.deadline.uri,\n ),\n );\n\n if (deadlineData.notifyOnUpdate) {\n // post notification\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...deadlineData,\n notify: deadlineData.notifyImmediately,\n type: notificationType.deadline,\n eventType: notificationActionType.add,\n references: [\n {\n type: \"Deadline\",\n uri: succeededResponse.payload.deadline.uri,\n },\n ],\n },\n });\n }\n\n // yield call(\n // waitForNotificationTypedDocumentId,\n // response.data.uri,\n // notificationActionType.add,\n // );\n } else {\n yield put(actions.createDeadlineFailed(\"Failed to create deadline\"));\n }\n } catch (error) {\n console.error(`create deadline failed - ${error}`);\n }\n}\n\nfunction* handleUpdateDeadline(action) {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const updatedDeadline = action.payload;\n const privillegesAction = {\n type: action.type,\n payload: {\n url: `/${transformCommitteeName(committeeId)}/deadlines`,\n },\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n\n const response = yield call(\n updateDeadlineUrl,\n updatedDeadline,\n updatedDeadline.notifyOnUpdate,\n );\n if (response.status === 200) {\n yield put(actions.updateDeadlineSucceeded(response.data));\n history.push(\n generateDialogLink(DIALOG_TYPES.DEADLINE_DETAILS, updatedDeadline.uri),\n );\n\n if (updatedDeadline.notifyOnUpdate) {\n // post notification\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...updatedDeadline,\n notify: updatedDeadline.notifyImmediately,\n type: notificationType.deadline,\n eventType: notificationActionType.update,\n references: [\n {\n type: notificationType.deadline,\n uri: updatedDeadline.uri,\n },\n ],\n },\n });\n\n // notification is done on FE\n // yield call(waitForNotificationDocumentId, updatedDeadline.uri);\n }\n } else {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n }\n } catch (error) {\n console.error(`update deadline failed - ${error}`);\n }\n}\n\nfunction* handleDeleteDeadline(action) {\n try {\n const deadlineUri = action.payload;\n const privillegesAction = {\n type: action.type,\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n\n const response = yield call(deleteDeadlineUrl, deadlineUri);\n if (response.status === 200) {\n yield put(actions.deleteDeadlineSucceeded(response.data));\n history.push(generateCloseDialogLink());\n } else {\n yield put(actions.deleteDeadlineFailed(\"Failed to delete deadline\"));\n }\n } catch (error) {\n console.error(`delete deadline failed - ${error}`);\n }\n}\n\nfunction* handleInitAggDeadlines() {\n yield call(handlePullAggDeadlinesPage);\n}\n\nfunction* handlePullAggDeadlinesPage() {\n try {\n const userCommittees = yield select(userSelectors.userCommittees);\n const userCommitteesIds = Object.keys(userCommittees);\n\n const memberId = yield select(userSelectors.userId);\n const pagination = yield select(selectors.getPagination);\n const pageToLoad = pagination.pagesLoaded;\n const filters = yield select(getDeadlinesFilters);\n const queryModel = addPageQueryParam(\n buildQueryParams(memberId, filters),\n pageToLoad,\n );\n\n const response = yield call(\n getAggDeadlinesUrl,\n userCommitteesIds,\n queryModel,\n );\n\n const deadlinesCommentsStatistics = yield call(\n fetchDeadlinesCommentsStatistics,\n response.data.results,\n );\n yield call(fetchDeadlinesVotesStats, response.data.results);\n\n const pagesToLoad = Math.ceil(\n response.data.total / response.data.pageLength,\n );\n\n if (response.status === 200) {\n yield put(\n actions.pullDeadlinesPageSucceeded({\n deadlinesData: response.data,\n commentsStats: deadlinesCommentsStatistics,\n pagination: {\n pageLoaded: pageToLoad,\n pagesToLoad: pagesToLoad,\n hasMoreToLoad:\n response.data.results &&\n response.data.results.length > 0 &&\n parseInt(response.data.total) >\n parseInt(response.data.pageLength),\n },\n }),\n );\n } else {\n yield put(actions.pullDeadlinesPageFailed(response.data.message));\n }\n } catch (error) {\n console.error(`filter Deadlines failed - ${error}`);\n }\n}\n\nfunction* handleUpdateIsRegistered(action) {\n const { deadlineUri, isRegistered } = action.payload;\n\n const response = yield call(updateIsRegisteredUrl, deadlineUri, isRegistered);\n if (response.status === 200) {\n yield put(actions.updateDeadlineSucceeded(response.data));\n } else {\n yield put(actions.updateDeadlineFailed(\"Failed to update deadline\"));\n }\n}\n\nexport default function* deadlinesSaga() {\n yield takeLatest(actions.initDeadlines, handleInitDeadlines);\n yield takeLatest(\n actions.initDeadlineFormWithGeneralInfo,\n handleInitDeadlineForm,\n );\n\n yield takeLatest(actions.addDeadlineReferences, handleAddDeadlineReferences);\n yield takeLatest(actions.setDeadlineReferences, handleSetDeadlineReferences);\n yield takeLatest(\n actions.removeReferenceFromDeadline,\n handleRemoveReferenceFromDeadline,\n );\n yield takeLatest(actions.fetchDeadline, fetchDeadline);\n yield takeLatest(actions.fetchDeadlineReferences, fetchDeadlineReferences);\n yield takeLatest(\n actions.fetchCurrentDeadlineReferences,\n fetchCurrentDeadlineReferences,\n );\n yield takeLatest(\n actions.createDeadlineFromReference,\n handleCreateDeadlineFromDocument,\n );\n yield takeLatest(\n actions.downloadDeadlineDocuments,\n handleDownloadDeadlineDocuments,\n );\n yield takeLeading(\n actions.pullDeadlinesPageRequest,\n handlePullDeadlinesPageRequest,\n );\n yield takeLatest(actions.createDeadline, handleCreateDeadline);\n yield takeLatest(actions.updateDeadline, handleUpdateDeadline);\n yield takeLatest(actions.deleteDeadline, handleDeleteDeadline);\n\n yield takeLatest(actions.initAggDeadlines, handleInitAggDeadlines);\n yield takeLatest(actions.pullAggDeadlinesPage, handlePullAggDeadlinesPage);\n yield takeLatest(actions.updateIsRegistered, handleUpdateIsRegistered);\n}\n","export function mapValueModel(values) {\n return values.map((value, index) => ({\n id: index,\n //value: value.value,\n //label: value.label,\n ...value,\n }));\n}\n","import { takeEvery, select, all, call, put } from \"redux-saga/effects\";\nimport i18next from \"i18next\";\n\nimport * as valueActions from \"../state/values/actions\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport {\n getDeadlineCommittees,\n getDeadlineMonths,\n getDeadlineTypes,\n getDocumentActions,\n getDocumentCommittees,\n getDocumentTypes,\n getMeetingCommittees,\n getMeetingMonths,\n getStages,\n getCommentTypes,\n} from \"../api/resources/values\";\nimport { mapValueModel } from \"../api/mappers/values\";\nimport { getMeetingFilters } from \"../state/values/selectors\";\nimport { getStore } from \"../utils/state\";\n\nimport { otherCommitteeId } from \"../utils/constants\";\n\nfunction filterDocumentTypes(typesMap, supportedOrgs) {\n return typesMap\n .filter((t) => supportedOrgs.findIndex((st) => st === t.org) !== -1)\n .reduce((acc, cur) => {\n if (acc.findIndex((st) => st.value == cur.value) === -1) {\n return [...acc, cur];\n }\n return acc;\n }, []);\n}\n\nfunction* handleFetchingDocumentFilterValues() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n\n const [actions, types, committees] = yield all([\n call(getDocumentActions, committeeId),\n call(getDocumentTypes, committeeId),\n call(getDocumentCommittees, committeeId),\n ]);\n\n const actionsMap = mapValueModel(actions.data);\n const typesMap = mapValueModel(types.data);\n let committeesMap = mapValueModel(committees.data);\n const supportedOrgs = committeesMap\n .map((c) => c.value.split(\"/\"))\n .reduce((acc, cur) => [...acc, ...cur], []);\n\n const avaiableTypes = filterDocumentTypes(typesMap, supportedOrgs);\n\n committeesMap.splice(1, 0, {\n id: -2,\n value: otherCommitteeId,\n label: i18next.t(\"general.defaults.otherCommittee\", { ns: \"common\" }),\n });\n\n if (actions && types && committees) {\n yield put(\n valueActions.fetchingDocumentFilterValuesSucceeded({\n actions: actionsMap,\n types: typesMap,\n committees: committeesMap,\n avaiableTypes: avaiableTypes,\n }),\n );\n } else {\n yield put(\n valueActions.fetchingDocumentFilterValuesFailed(\n \"Failed to fetch document filter values\",\n ),\n );\n }\n } catch (error) {\n console.error(`fetching document filter values failed - ${error}`);\n }\n}\n\nfunction* handleFetchingDeadlineFilterValues() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n\n const [months, types, committees] = yield all([\n call(getDeadlineMonths, committeeId),\n call(getDeadlineTypes, committeeId),\n call(getDeadlineCommittees, committeeId),\n ]);\n\n if (months && types && committees) {\n const locale = getStore().getState().user.data.kundeportal.locale;\n\n const translatedMonths = months.data.map((month) => {\n const dateObj = new Date(month.value);\n\n let localeDateStr = dateObj.toLocaleDateString(locale, {\n month: \"long\",\n year: \"numeric\",\n });\n localeDateStr =\n localeDateStr.charAt(0).toUpperCase() + localeDateStr.slice(1);\n\n return {\n label: localeDateStr,\n value: month.value,\n date: dateObj,\n };\n });\n\n yield put(\n valueActions.fetchingDeadlineFilterValuesSucceeded({\n months: translatedMonths,\n types: types.data,\n committees: committees.data,\n }),\n );\n } else {\n yield put(\n valueActions.fetchingDeadlineFilterValuesFailed(\n \"Failed to fetch deadline filter values\",\n ),\n );\n }\n } catch (error) {\n console.error(`fetching deadline filter values failed - ${error}`);\n }\n}\n\nfunction* handleFetchingMeetingFilterValues() {\n try {\n const meetingFilters = yield select(getMeetingFilters);\n\n if (meetingFilters) {\n return;\n }\n const committeeId = yield select(selectedNationalCommittee);\n\n const [committees, months] = yield all([\n call(getMeetingCommittees, committeeId),\n call(getMeetingMonths, committeeId),\n ]);\n\n if (committees && months) {\n const locale = getStore().getState().user.data.kundeportal.locale;\n const translatedMonths = months.data.map((month) => {\n const dateObj = new Date(month.value);\n let newDateStr = dateObj.toLocaleDateString(locale, {\n month: \"long\",\n year: \"numeric\",\n });\n newDateStr = newDateStr.charAt(0).toUpperCase() + newDateStr.slice(1);\n return {\n label: newDateStr,\n value: newDateStr,\n date: dateObj,\n };\n });\n\n yield put(\n valueActions.fetchingMeetingFilterValuesSucceeded({\n committees: committees.data,\n months: translatedMonths,\n }),\n );\n } else {\n yield put(\n valueActions.fetchingMeetingFilterValuesFailed(\n \"Failed to fetch meeting filter values\",\n ),\n );\n }\n } catch (error) {\n console.error(`fetching meeting filter values failed - ${error}`);\n }\n}\n\nfunction* handleFetchingStageCodes() {\n try {\n const stages = yield call(getStages);\n\n if (stages.status === 200) {\n yield put(valueActions.getStageCodesSucceeded(stages.data));\n } else {\n yield put(valueActions.getStageCodesFailed());\n }\n } catch (error) {\n console.error(`fetching stage code values failed - ${error}`);\n }\n}\n\nfunction* handleFetchingCommentTypes() {\n try {\n const types = yield call(getCommentTypes);\n\n if (types.status === 200) {\n yield put(valueActions.getCommentTypesSucceeded(types.data));\n } else {\n yield put(valueActions.getCommentTypesFailed());\n }\n } catch (error) {\n console.error(`fetching comment types failed - ${error}`);\n }\n}\n\nfunction* handleFetchAllValues() {\n yield call(handleFetchingDocumentFilterValues);\n yield call(handleFetchingCommentTypes);\n yield call(handleFetchingStageCodes);\n yield call(handleFetchingMeetingFilterValues);\n yield call(handleFetchingDeadlineFilterValues);\n\n yield put(valueActions.fetchAllValuesFinished());\n}\n\nexport default function* valuesSaga() {\n yield takeEvery(valueActions.fetchAllValues, handleFetchAllValues);\n}\n","import { TIMEFRAME } from \"../../api/utils\";\nimport { comparisonOperator, eventSortType } from \"../../utils/constants\";\n\n//TODO refactor this file, it is same as src/services/deadlines\nconst getLocalDayStartDate = () => {\n return new Date(new Date().toDateString()).toISOString();\n};\n\nexport const buildQueryParams = (memberId, filters) => {\n let queryParams = {\n sort: eventSortType.asc,\n };\n\n if (filters.timeframe === TIMEFRAME.PAST) {\n queryParams.sort = eventSortType.desc;\n queryParams.fromDate = comparisonOperator.lt + getLocalDayStartDate();\n } else if (filters.timeframe === TIMEFRAME.FUTURE) {\n queryParams.sort = eventSortType.asc;\n queryParams.fromDate = comparisonOperator.ge + getLocalDayStartDate();\n }\n\n if (filters.month) {\n let monthStart = new Date(filters.month);\n let nextMonth = new Date(filters.month);\n nextMonth.setMonth(nextMonth.getMonth() + 1);\n\n queryParams.fromDate = [\n comparisonOperator.ge + monthStart.toISOString(),\n comparisonOperator.lt + nextMonth.toISOString(),\n ];\n }\n\n if (filters.committee) {\n queryParams.committeeReference = filters.committee;\n }\n\n queryParams.memberId = memberId;\n queryParams.pageLength = 10;\n\n return queryParams;\n};\n","import {\n takeLatest,\n takeEvery,\n call,\n select,\n put,\n take,\n all,\n} from \"redux-saga/effects\";\nimport * as actions from \"../state/meetings/actions\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport {\n getMeetingsUrl,\n getMeetingUrl,\n updateMeetingUrl,\n deleteMeetingUrl,\n createMeetingUrl,\n addParticipantUrl,\n updateParticipantUrl,\n} from \"../api/resources/meetings\";\nimport { getDocumentSafeUrl } from \"../api/resources/document\";\nimport {\n waitForNotificationDocumentId,\n waitForNotificationTypedDocumentId,\n} from \"../api/resources/notifications\";\nimport { buildQueryParams } from \"../services/meetings/url\";\nimport { addPageQueryParam } from \"../api/utils\";\nimport history from \"../utils/history\";\nimport * as selectors from \"../state/meetings/selectors\";\nimport {\n addGeneralMeetingInformation,\n initMeetingFormWithDocuments,\n} from \"../state/meetings/actions\";\nimport { initDocuments } from \"../state/document/actions\";\nimport * as documentActions from \"../state/document/actions\";\nimport { getNewMeetingFormData } from \"../state/meetings/selectors\";\nimport { mapToApiModel } from \"../api/mappers/meeting\";\nimport { transformCommitteeName } from \"../utils/transform\";\nimport {\n generateCloseDialogLink,\n generateDialogLink,\n DIALOG_TYPES,\n generateDialogLinkForPage,\n PAGE_TYPES,\n} from \"../utils/dynamicLink\";\nimport { normalizeMeeting } from \"../state/meetings/normalizers\";\nimport { handleCheckUserPrivilleges } from \"./user\";\nimport * as userSelectors from \"../state/user/selectors\";\nimport {\n normalizeDocument,\n removeReferenceById,\n} from \"../state/document/normalizers.js\";\nimport { notificationActionType, notificationType } from \"../utils/constants\";\nimport { documentFilters } from \"../utils/documentUtils\";\nimport { normalizeObjectOfReferences } from \"../state/references/normalizers\";\nimport { getDeadlineUrl } from \"../api/resources/deadlines\";\nimport { referenceListToReferenceDataPerType } from \"../utils/references\";\nimport { handleCreateNotificationBySystem } from \"./notifications\";\n\nfunction* handleInitMeetings() {\n yield call(handlePullMeetingsPageRequest);\n}\n\n// function* handleResetMeetingsFilters() {\n// // yield call(addToUrlMeetings);\n// }\n\nfunction* handleAddMeetingDocuments(action) {\n try {\n throw new Error(\"handleAddMeetingDocuments is not used\");\n\n // const meeting = yield select(selectors.getMeeting);\n // const documentToAdd = normalizeDocument(action.payload)\n // meeting.references = [...meeting.references, documentToAdd];\n\n // const response = yield call(updateMeeting, meeting, false);\n\n // if (response.status === 200) {\n // yield put(actions.fetchCurrentMeetingDocuments());\n // yield put(actions.updateMeetingSucceeded(response.data));\n // } else {\n // yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n // }\n } catch (error) {\n yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n console.error(`handleAddMeetingDocuments failed - ${error}`);\n }\n}\n\nfunction* handleSetMeetingDocuments(action) {\n try {\n throw new Error(\"handleSetMeetingDocuments is not used\");\n // const meeting = yield select(selectors.getMeeting);\n // meeting.references = action.payload;\n\n // const response = yield call(updateMeeting, meeting, false);\n\n // if (response.status === 200) {\n // yield put(actions.fetchCurrentMeetingDocuments());\n // yield put(actions.updateMeetingSucceeded(response.data));\n // } else {\n // yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n // }\n } catch (error) {\n yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n console.error(`handleSetMeetingDocuments failed - ${error}`);\n }\n}\n\nfunction* handleRemoveReferenceFromMeeting(action) {\n try {\n const meeting = yield select(selectors.getMeeting);\n // meeting.references = meeting.references.filter(doc => doc.url !== action.payload);\n\n // for(const key in meeting.referencesPerType) {\n // meeting.referencesPerType[key] = meeting.referencesPerType[key].filter((doc) => doc.uri !== action.payload);\n // }\n meeting.referencesPerType = removeReferenceById(\n meeting.referencesPerType,\n action.payload,\n );\n\n const response = yield call(updateMeetingUrl, meeting, false);\n\n if (response.status === 200) {\n yield put(actions.fetchCurrentMeetingDocuments());\n yield put(actions.updateMeetingSucceeded(response.data));\n } else {\n yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n }\n } catch (error) {\n yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n console.error(`handleRemoveReferenceFromMeeting failed - ${error}`);\n }\n}\n\nfunction* handlePullMeetingsPageRequest() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const memberId = yield select(userSelectors.userId);\n const pagination = yield select(selectors.getPagination);\n const filters = yield select(selectors.getMeetingsFilters);\n const pageToLoad = pagination.pagesLoaded;\n\n const queryParams = addPageQueryParam(\n buildQueryParams(memberId, filters),\n pageToLoad,\n );\n const response = yield call(getMeetingsUrl, committeeId, queryParams);\n const pagesToLoad = Math.ceil(\n response.data.total / response.data.pageLength,\n );\n\n const page = response.data.start / response.data.pageLength + 1;\n const maxPage = Math.ceil(response.data.total / response.data.pageLength);\n\n if (response.status === 200) {\n yield put(\n actions.pullMeetingsPageSucceeded({\n ...response.data,\n pagination: {\n pageLoaded: pageToLoad,\n pagesToLoad: pagesToLoad,\n hasMoreToLoad: parseInt(page) < parseInt(maxPage),\n\n // response.data.results\n // && response.data.results.length > 0\n // && parseInt(response.data.total) > parseInt(response.data.pageLength)\n },\n }),\n );\n } else {\n yield put(actions.pullMeetingsPageFailed(response.data.message));\n }\n } catch (error) {\n console.error(`filter meetings failed - ${error}`);\n }\n}\n\nfunction* fetchMeeting(action) {\n try {\n const response = yield call(getMeetingUrl, action.payload);\n\n if (response && response.status === 200) {\n yield put(actions.fetchMeetingSucceeded(response.data));\n } else {\n yield put(actions.fetchMeetingFailed(response.data));\n }\n } catch (error) {\n console.error(`fetch meeting failed - ${error}`);\n }\n}\n\nfunction* fetchCurrentMeetingDocuments() {\n try {\n const existingMeeting = yield select(selectors.getMeeting);\n const response = yield call(getMeetingUrl, existingMeeting.uri);\n\n if (!response || response.status !== 200) {\n yield put(actions.fetchCurrentMeetingDocumentsFailed());\n return;\n }\n\n const { references } = response.data;\n const referenceCategorized =\n referenceListToReferenceDataPerType(references);\n\n const documentRequestLists = referenceCategorized.document?.map((element) =>\n call(getDocumentSafeUrl, element.uri),\n );\n const documentsResponse = documentRequestLists\n ? yield all(documentRequestLists)\n : [];\n const document = documentFilters.filterEmptyDocuments(documentsResponse);\n\n const deadlineRequestLists = referenceCategorized.deadline?.map((element) =>\n call(getDeadlineUrl, element.uri),\n );\n const deadlinesResponse = deadlineRequestLists\n ? yield all(deadlineRequestLists)\n : [];\n const deadline = documentFilters.filterEmptyDocuments(deadlinesResponse);\n\n const newReferences = { document, deadline };\n\n // let references = yield all(meeting.references.map(doc => call(getDocumentSafe,doc.uri)));\n // references = references.filter(d => d !== null && d.status === 200);\n\n yield put(actions.fetchCurrentMeetingDocumentsSucceeded(newReferences));\n } catch (error) {\n yield put(actions.fetchCurrentMeetingDocumentsFailed());\n console.error(`fetchCurrentMeetingDocuments - ${error}`);\n }\n}\n\nfunction* fetchMeetingReferences() {\n try {\n yield take(actions.fetchMeetingSucceeded);\n const meeting = yield select(selectors.getMeeting);\n\n const documentTargets = meeting.referencesRawResponsePerType.document ?? [];\n const deadlineTargets = meeting.referencesRawResponsePerType.deadline ?? [];\n\n const documentsResponse = yield all(\n documentTargets.map((element) => call(getDocumentSafeUrl, element.uri)),\n );\n const document = documentFilters.filterEmptyDocuments(documentsResponse);\n\n const deadlinesResponse = yield all(\n deadlineTargets.map((element) => call(getDeadlineUrl, element.uri)),\n );\n const deadline = documentFilters.filterEmptyDocuments(deadlinesResponse);\n\n const referencesPerType = { document, deadline };\n\n yield put(actions.fetchMeetingReferencesSucceeded(referencesPerType));\n } catch (error) {\n yield put(actions.fetchMeetingReferencesFailed([]));\n console.error(`fetch meeting documents failed - ${error}`);\n }\n}\n\nfunction* handleUpdateMeeting(action) {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const updatedMeeting = action.payload;\n\n const privillegesAction = {\n type: action.type,\n payload: {\n url: `/${transformCommitteeName(committeeId)}/meetings`,\n },\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n\n const response = yield call(\n updateMeetingUrl,\n updatedMeeting,\n updatedMeeting.notifyOnUpdate,\n );\n if (response.status === 200) {\n yield put(actions.updateMeetingSucceeded(response.data));\n history.push(\n generateDialogLink(DIALOG_TYPES.MEETING_DETAILS, updatedMeeting.uri),\n );\n\n if (updatedMeeting.notifyOnUpdate) {\n // Post notification\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...updatedMeeting,\n description: updatedMeeting.longLocation,\n notify: updatedMeeting.notifyImmediately,\n type: notificationType.meeting,\n eventType: notificationActionType.update,\n references: [\n {\n type: notificationType.meeting,\n uri: updatedMeeting.uri,\n },\n ],\n },\n });\n\n // notification is done on FE\n // yield call(waitForNotificationDocumentId, updatedMeeting.uri);\n }\n } else {\n yield put(actions.updateMeetingFailed(\"Failed to update meeting\"));\n }\n } catch (error) {\n console.error(`update meeting failed - ${error}`);\n }\n}\n\nfunction* handleDeletingMeeting(action) {\n try {\n const meetingUri = action.payload;\n const privillegesAction = {\n type: action.type,\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n\n const response = yield call(deleteMeetingUrl, meetingUri);\n if (response.status === 200) {\n yield put(actions.deleteMeetingSucceeded(response.data));\n history.push(generateCloseDialogLink());\n } else {\n yield put(actions.deleteMeetingFailed(\"Failed to delete meeting\"));\n }\n } catch (error) {\n console.error(`delete meeting failed - ${error}`);\n }\n}\n\nfunction* handleCreateMeeting() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const meetingData = yield select(getNewMeetingFormData);\n\n const privillegesAction = {\n type: \"creating\",\n payload: {\n url: `/${transformCommitteeName(committeeId)}/meetings`,\n },\n };\n\n yield call(handleCheckUserPrivilleges, privillegesAction);\n\n const response = yield call(\n createMeetingUrl,\n committeeId,\n mapToApiModel(meetingData),\n );\n if (response.status === 200) {\n const succeededResponse = yield put(\n actions.createMeetingSucceeded(response.data),\n );\n history.push(\n generateDialogLink(\n DIALOG_TYPES.MEETING_DETAILS,\n succeededResponse.payload.uri,\n ),\n );\n\n if (meetingData.notifyOnUpdate) {\n // post notification\n yield call(handleCreateNotificationBySystem, {\n payload: {\n ...meetingData,\n description: meetingData.longLocation,\n notify: meetingData.notifyImmediately,\n type: notificationType.meeting,\n eventType: notificationActionType.add,\n references: [\n {\n type: notificationType.meeting,\n uri: succeededResponse.payload.uri,\n },\n ],\n },\n });\n\n // What does this do???\n // yield call(\n // waitForNotificationTypedDocumentId,\n // response.data.uri,\n // notificationActionType.add,\n // );\n }\n } else {\n yield put(actions.createMeetingFailed(\"Failed to create meeting\"));\n }\n } catch (error) {\n console.error(`create meeting failed - ${error}`);\n }\n}\n\nfunction* handleInitMeetingForm(action) {\n try {\n yield put(initDocuments());\n\n const meetingUri = action.payload;\n let meeting = yield select(selectors.getMeeting);\n\n if (!meeting) {\n let meetingData = yield call(getMeetingUrl, meetingUri);\n meeting = normalizeMeeting(meetingData.data);\n\n // -------------\n\n const documentUri = [\n ...(meeting.referencesRawResponsePerType.document?.map(\n (doc) => doc.uri,\n ) ?? []),\n ];\n const deadlineUri = [\n ...(meeting.referencesRawResponsePerType.deadline?.map(\n (doc) => doc.uri,\n ) ?? []),\n ];\n\n const documentsResponse = yield all(\n documentUri.map((uri) => call(getDocumentSafeUrl, uri)),\n );\n const document = documentFilters.filterEmptyDocuments(documentsResponse);\n\n const deadlinesResponse = yield all(\n deadlineUri.map((uri) => call(getDeadlineUrl, uri)),\n );\n const deadline = documentFilters.filterEmptyDocuments(deadlinesResponse);\n\n meeting.referencesPerType = normalizeObjectOfReferences({\n document,\n deadline,\n });\n\n // -------------\n\n yield put(addGeneralMeetingInformation(meeting));\n\n // let references = yield all(meeting.referencesUri.map(uri => call(getDocumentSafe, uri)));\n // references = references.filter(d => d !== null && d.status === 200);\n\n // yield put(initMeetingFormWithDocuments(references));\n }\n } catch (error) {\n console.error(`init meeting form failed - ${error}`);\n }\n}\n\nfunction* handleCreateMeetingFromDocument(action) {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n const selectedDocument = action.payload;\n yield put(actions.setFormSelectedMeetingDocuments([selectedDocument]));\n\n yield put(\n actions.addGeneralMeetingInformation({\n title: selectedDocument.title,\n committee: selectedDocument.committee,\n }),\n );\n\n history.push(\n generateDialogLinkForPage(\n committeeId,\n PAGE_TYPES.MEETING,\n DIALOG_TYPES.CREATE_MEETING,\n ),\n );\n } catch (error) {\n console.error(`create meeting from selected documents failed - ${error}`);\n }\n}\n\nfunction* handleDownloadMeetingDocuments(action) {\n try {\n const meetingId = action.payload;\n let uris = yield select(selectors.getMeetingDocumentsUri, meetingId);\n yield put(\n documentActions.downloadZipPackage({\n id: meetingId,\n packageName: `${meetingId || \"documents\"}.zip`,\n uris: uris,\n }),\n );\n } catch (error) {\n console.error(`download meeting documents failed - ${error}`);\n }\n}\n\nfunction* handleAddParticipant(action) {\n try {\n const { meetingUri, userId, attending } = action.payload;\n const result = yield call(addParticipantUrl, meetingUri, userId, attending);\n\n if (result.status === 200) {\n yield put(actions.addParticipantSucceeded(result.data));\n } else {\n yield put(actions.addParticipantFailed(result.data));\n }\n } catch (error) {\n console.error(`add participant failed - ${error}`);\n }\n}\n\nfunction* handleUpdateParticipant(action) {\n try {\n const { participantId, attending } = action.payload;\n const result = yield call(updateParticipantUrl, participantId, attending);\n\n if (result.status === 200) {\n yield put(actions.updateParticipantSucceeded(result.data));\n } else {\n yield put(actions.updateParticipantFailed(result.data));\n }\n } catch (error) {\n console.error(`update participant failed - ${error}`);\n }\n}\n\nexport default function* meetingsSaga() {\n yield takeLatest(actions.initMeetings, handleInitMeetings);\n yield takeLatest(\n actions.initMeetingFormWithGeneralInfo,\n handleInitMeetingForm,\n );\n\n yield takeLatest(actions.addMeetingDocuments, handleAddMeetingDocuments);\n yield takeLatest(actions.setMeetingDocuments, handleSetMeetingDocuments);\n yield takeLatest(\n actions.removeReferenceFromMeeting,\n handleRemoveReferenceFromMeeting,\n );\n yield takeLatest(actions.fetchMeeting, fetchMeeting);\n yield takeLatest(\n actions.fetchCurrentMeetingDocuments,\n fetchCurrentMeetingDocuments,\n );\n\n yield takeEvery(\n actions.pullMeetingsPageRequest,\n handlePullMeetingsPageRequest,\n );\n\n yield takeLatest(actions.updateMeeting, handleUpdateMeeting);\n yield takeLatest(actions.deleteMeeting, handleDeletingMeeting);\n yield takeLatest(actions.createMeeting, handleCreateMeeting);\n\n yield takeLatest(\n actions.createMeetingFromDocument,\n handleCreateMeetingFromDocument,\n );\n yield takeLatest(\n actions.downloadMeetingDocuments,\n handleDownloadMeetingDocuments,\n );\n yield takeLatest(actions.fetchMeetingReferences, fetchMeetingReferences);\n yield takeLatest(actions.addParticipant, handleAddParticipant);\n yield takeLatest(actions.updateParticipant, handleUpdateParticipant);\n}\n","import { createSelector } from \"reselect\";\n\nconst search = (state) => state.search;\nconst documents = (state) => state.search.data.results;\nconst pagination = (state) => state.search.data.pagination;\nexport const getSearchFilters = (state) => state.search.filters;\nexport const getModalDetails = (state) => state.search.modal;\nexport const getModalData = (state) => state.search.modal.content;\n\nexport const getCurrentPage = (state) =>\n parseInt(state.search.data.pagination.currentPage);\n\nexport const numberOfPages = createSelector([pagination], (pagination) => {\n return Math.floor(\n (parseInt(pagination.total) + parseInt(pagination.pageSize) - 1) /\n parseInt(pagination.pageSize),\n );\n});\n\nexport const getTotalNumber = (state) =>\n isNaN(parseInt(state.search.data.pagination.total))\n ? 0\n : parseInt(state.search.data.pagination.total);\n\nexport const isProcessingDocuments = (state) => state.search.isFetching;\n\n//todo: change selectedNationalCommittee\nexport const getDocuments = createSelector([documents], (documents) => {\n if (documents) {\n return typeof documents.Search !== \"undefined\"\n ? documents.Search\n : documents.length\n ? documents\n : [];\n }\n return [];\n});\n\nexport const getSortingType = (state) => state.search.sortingType;\nexport const searchSuggestions = createSelector(\n search,\n (search) => search.suggestions,\n);\n","import { api } from \"./../api\";\nimport { addQueryParams, getProxyUrl } from \"../utils\";\n\nexport function getSearch(params) {\n let proxyUrl = getProxyUrl(\"/Documents/documents/search\");\n proxyUrl = addQueryParams(proxyUrl, params);\n return api.get(proxyUrl);\n}\n\nexport function getSuggestions(params) {\n let proxyUrl = getProxyUrl(\"/Documents/documents/suggest\");\n proxyUrl = addQueryParams(proxyUrl, params);\n return api.get(proxyUrl);\n}\n","import { takeLatest, call, put, select, all, delay } from \"redux-saga/effects\";\nimport * as actions from \"./../state/search/actions\";\n\nimport history from \"../utils/history\";\nimport * as documentSelectors from \"../state/search/selectors\";\nimport { buildSearchQueryParams, sortingType } from \"../services/documents/url\";\nimport { sortBoxHidingDelay } from \"../utils/constants\";\n\nimport {\n getSearchCommittees,\n getSearchTypes,\n getSearchActions,\n} from \"../api/resources/values\";\nimport { getSearch, getSuggestions } from \"../api/resources/search\";\nimport { getSearchFilters } from \"../state/search/selectors\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport { transformCommitteeName } from \"../utils/transform\";\n\nfunction* filterSearch(action) {\n try {\n if (\n (action && action.payload === \"POP\") ||\n (history && history.location.state && history.location.state.searching)\n ) {\n yield call(initSearchFilters);\n }\n\n const queryParams = buildSearchQueryParams();\n const response = yield call(getSearch, queryParams);\n\n if (response.status === 200) {\n yield put(actions.filterSearchSucceeded(response.data));\n } else {\n yield put(actions.filterSearchFailed(response.data.message));\n }\n } catch (error) {\n console.error(`filter search failed - ${error}`);\n }\n}\n\nexport function* fetchSearchFilters() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n\n const response = yield all([\n call(getSearchActions),\n call(getSearchTypes),\n call(getSearchCommittees, transformCommitteeName(committeeId)),\n ]);\n\n const filters = {\n actions: {\n results: response[0].data.map((action, index) => ({\n id: index,\n value: action.value,\n label: action.label,\n })),\n },\n types: {\n results: response[1].data.map((action, index) => ({\n id: index,\n value: action.value,\n label: action.label,\n })),\n },\n committees: {\n results: response[2].data.map((action, index) => ({\n id: index,\n value: action.value,\n label: action.label,\n })),\n },\n };\n const currentFilters = yield select(getSearchFilters);\n\n if (currentFilters.actions && currentFilters.actions.selected) {\n filters.actions.selected = currentFilters.actions.selected;\n }\n if (currentFilters.types && currentFilters.types.selected) {\n filters.types.selected = currentFilters.types.selected;\n }\n if (currentFilters.committees && currentFilters.committees.selected) {\n filters.committees.selected = currentFilters.committees.selected;\n }\n\n yield put(actions.fetchSearchFiltersSucceeded(filters));\n } catch (error) {\n console.error(`fetch search filters failed - ${error}`);\n }\n}\n\nfunction* addToSearchUrl() {\n try {\n const filters = yield select(documentSelectors.getSearchFilters);\n const currentPage = yield select(documentSelectors.getCurrentPage);\n const sortingType = yield select(documentSelectors.getSortingType);\n\n const url = new URLSearchParams();\n\n if (filters.title) {\n url.set(\"title\", filters.title);\n }\n\n if (filters.actions && filters.actions.selected) {\n const committee = filters.actions.results.find(\n (committee) => committee.name === filters.actions.selected,\n );\n if (committee) {\n url.set(\"action\", filters.actions.selected);\n }\n }\n\n if (filters.types && filters.types.selected) {\n const committee = filters.types.results.find(\n (committee) => committee.name === filters.types.selected,\n );\n if (committee) {\n url.set(\"type\", filters.types.selected);\n }\n }\n\n if (filters.committees && filters.committees.selected) {\n const committee = filters.committees.results.find(\n (committee) => committee.name === filters.committees.selected,\n );\n if (committee) {\n url.set(\"committee\", filters.committees.selected);\n }\n }\n\n if (sortingType) {\n url.set(\"sortingType\", sortingType);\n }\n\n url.set(\"currentPage\", currentPage);\n\n history.push(`${history.location.pathname}?${url.toString()}`);\n } catch (error) {\n console.error(`add to search url failed - ${error}`);\n }\n}\n\nfunction* handleSearchFilterChange(action) {\n try {\n if (action.payload && action.payload.changeFilter) {\n yield put(actions.setCurrentPage({ value: 1, changeFilter: true }));\n }\n } catch (error) {\n console.error(`search filter change failed - ${error}`);\n }\n}\n\nfunction* handleSearchPagination(action) {\n try {\n if (action.payload && action.payload.changePagination) {\n yield call(addToSearchUrl);\n }\n } catch (error) {\n console.error(`search pagination failed - ${error}`);\n }\n}\n\nfunction* handleSearchSorting(action) {\n try {\n if (action.payload && action.payload.changeSorting) {\n yield put(actions.setCurrentPage({ value: 1, changeFilter: true }));\n yield delay(sortBoxHidingDelay);\n yield call(addToSearchUrl);\n }\n } catch (error) {\n console.error(`search sorting failed - ${error}`);\n }\n}\n\nfunction* handleResetSearchFilters() {\n yield call(addToSearchUrl);\n yield call(initSearchFilters);\n}\n\nfunction* initSearchFilters() {\n try {\n yield put(actions.fetchSearchFiltersRequest());\n\n const query = new URLSearchParams(history.location.search);\n let isFiltered = false;\n\n if (query.has(\"type\")) {\n yield put(actions.selectSearchType({ value: query.get(\"type\") }));\n isFiltered = true;\n } else {\n yield put(actions.selectSearchType({ value: null }));\n }\n\n if (query.has(\"action\")) {\n yield put(actions.selectSearchAction({ value: query.get(\"action\") }));\n isFiltered = true;\n } else {\n yield put(actions.selectSearchAction({ value: null }));\n }\n\n if (query.has(\"committee\")) {\n yield put(\n actions.selectSearchCommittee({ value: query.get(\"committee\") }),\n );\n isFiltered = true;\n } else {\n yield put(actions.selectSearchCommittee({ value: null }));\n }\n\n if (query.has(\"title\")) {\n yield put(actions.setSearchTitle({ value: query.get(\"title\") }));\n isFiltered = true;\n } else {\n yield put(actions.setSearchTitle({ value: \"\" }));\n }\n\n if (isFiltered) {\n yield put(actions.setSearchIsFiltered({ value: true }));\n } else {\n yield put(actions.setSearchIsFiltered({ value: false }));\n }\n\n if (query.has(\"currentPage\")) {\n yield put(actions.setCurrentPage({ value: query.get(\"currentPage\") }));\n }\n\n if (query.has(\"sortingType\")) {\n yield put(actions.setSortingType({ value: query.get(\"sortingType\") }));\n } else {\n yield put(actions.setSortingType({ value: sortingType.date_descending }));\n }\n } catch (error) {\n console.error(`init search filters failed - ${error}`);\n }\n}\n\nfunction* initSearch() {\n yield call(initSearchFilters);\n yield call(filterSearch);\n}\n\nexport function* getSearchSuggestions(action) {\n const entry = action.payload;\n const queryParams = { query: entry };\n try {\n const response = yield call(getSuggestions, queryParams);\n\n if (response.status === 200) {\n yield put(actions.getSearchSuggestionsSucceeded(response.data));\n } else {\n yield put(actions.getSearchSuggestionsFailed(response.data));\n }\n } catch (error) {\n console.error(`get search suggestions failed - ${error}`);\n }\n}\n\nexport default function* searchSaga() {\n yield takeLatest(\n [\n actions.setSearchTitle,\n actions.selectSearchCommittee,\n actions.selectSearchAction,\n actions.selectSearchType,\n ],\n handleSearchFilterChange,\n );\n\n yield takeLatest(actions.addSearchFiltersToUrl, addToSearchUrl);\n yield takeLatest(actions.fetchSearchFiltersRequest, fetchSearchFilters);\n yield takeLatest(actions.initSearch, initSearch);\n yield takeLatest(actions.filterSearchRequest, filterSearch);\n yield takeLatest(actions.setCurrentPage, handleSearchPagination);\n yield takeLatest(actions.setSortingType, handleSearchSorting);\n yield takeLatest(actions.resetSearchFilters, handleResetSearchFilters);\n yield takeLatest(actions.getSearchSuggestions, getSearchSuggestions);\n}\n","import { api } from \"../api\";\nimport { transformCommitteeName } from \"../../utils/transform\";\nimport { addQueryParams, getProxyUrl } from \"../utils\";\n\nexport function getPublishedStandards(committeeId, params) {\n let proxyUrl = getProxyUrl(\n `/api/Standards/${transformCommitteeName(committeeId)}`,\n );\n proxyUrl = addQueryParams(proxyUrl, params);\n return api.get(proxyUrl);\n}\n","import history from \"../../utils/history\";\n\nexport const sortingType = {\n date_descending: \"date_desc\",\n date_ascending: \"date_asc\",\n};\n\nfunction mapStandardsSortTypeToUrlParam(type) {\n switch (type) {\n case sortingType.date_descending:\n return \"date_dsc\";\n case sortingType.date_ascending:\n return \"date_asc\";\n default:\n return \"date_dsc\";\n }\n}\n\nexport const buildStandardsQueryParams = () => {\n let queryParams = {};\n\n const query = new URLSearchParams(history.location.search);\n\n queryParams.sort = mapStandardsSortTypeToUrlParam(query.get(\"sortingType\"));\n\n queryParams.pageLength = 30;\n\n return queryParams;\n};\n","import { takeEvery, call, select, put } from \"redux-saga/effects\";\nimport { selectedNationalCommittee } from \"../state/national-committees/selectors\";\nimport * as actions from \"../state/standards/actions\";\nimport { getPublishedStandards } from \"../api/resources/standards\";\nimport { buildStandardsQueryParams } from \"../services/standards/url\";\n\nfunction* fetchPublishedStandards() {\n try {\n const committeeId = yield select(selectedNationalCommittee);\n\n const queryParams = buildStandardsQueryParams();\n const response = yield call(\n getPublishedStandards,\n committeeId,\n queryParams,\n );\n if (response && response.status === 200) {\n yield put(\n actions.getPublishedStandardsSucceeded({\n committee: committeeId,\n data: response.data,\n }),\n );\n } else {\n yield put(\n actions.getPublishedStandardsFailed(\n \"Failed to fetch published standards\",\n ),\n );\n }\n } catch (error) {\n console.error(`fetch published standards failed - ${error}`);\n }\n}\n\nexport default function* standardsSaga() {\n yield takeEvery(actions.GET_PUBLISHED_STANDARDS, fetchPublishedStandards);\n}\n","import {\n takeEvery,\n all,\n call,\n put,\n takeLatest,\n select,\n} from \"redux-saga/effects\";\nimport { NotificationsRepository } from \"../services/notifications/notificationsRepository\";\nimport * as actions from \"../state/documentSummary/actions\";\nimport * as selectors from \"../state/documentSummary/selectors\";\nimport * as documentActions from \"../state/document/actions\";\nimport * as documentsApi from \"../api/resources/document\";\n\nimport { SummaryFilesDownloadId } from \"../utils/constants\";\nimport { documentFilters } from \"../utils/documentUtils\";\n\nfunction* pullDocuments(uris) {\n var documentResponses = yield all(\n uris.map((d) => call(documentsApi.getDocumentSafeUrl, d.uri)),\n );\n return documentResponses.filter((d) => d != null).map((d) => d.data);\n}\n\nfunction* handleGenerateDocumentsSummary({ payload }) {\n const repository = new NotificationsRepository();\n const ids = payload;\n\n if (!ids) {\n yield put(actions.generateDocumentsSummaryFailed());\n return;\n }\n\n try {\n const details = yield all(\n ids.map((i) => repository.pullInternalDocumentSummation(i)),\n );\n const uris = details\n .map((d) => d.documents.map((d) => d.uri))\n .reduce((acc, cur) => [...acc, ...cur], []);\n const uniqueUris = [...new Set(uris)];\n const documentResponses = yield all(\n uniqueUris.map((uri) => call(documentsApi.getDocumentSafeUrl, uri)),\n );\n\n // var documents = documentResponses.filter(d => d != null).map(d => d.data);\n let documents = documentFilters.filterEmptyDocuments(documentResponses);\n documents = documents.map((d) => d.data);\n\n yield put(actions.generateDocumentsSummarySucceeded(documents));\n } catch (err) {\n console.error(err);\n yield put(actions.generateDocumentsSummaryFailed());\n }\n}\n\nfunction* handleDownloadDocumentsSummaryFiles() {\n const documentsUris = yield select(selectors.getFilesUrls);\n yield put(\n documentActions.downloadZipPackage({\n id: SummaryFilesDownloadId,\n packageName: \"documents.zip\",\n uris: documentsUris,\n }),\n );\n}\n\nexport default function* documentSummationSaga() {\n yield takeEvery(\n actions.generateDocumentsSummary,\n handleGenerateDocumentsSummary,\n );\n yield takeLatest(\n actions.downloadDocumentsSummaryFiles,\n handleDownloadDocumentsSummaryFiles,\n );\n}\n","import { takeEvery, call, put, all } from \"redux-saga/effects\";\nimport * as actions from \"../state/diagnostics/actions\";\nimport * as notificationActions from \"../state/notifications/actions\";\nimport * as documentActions from \"../state/document/actions\";\nimport { getBroadcastInformation } from \"../api/resources/notifications\";\n\nimport { isDiagnosticsEnabled } from \"../utils/diagnostics\";\n\nfunction* onFilterNotificationsSucceeded(action) {\n if (isDiagnosticsEnabled()) {\n yield all(\n action.payload.results.map((n) =>\n put(actions.pullNotificationBroadcastInfo(n.uri)),\n ),\n );\n }\n}\n\nfunction* pullNotificationBroadcastInfo(action) {\n const notificationId = action.payload;\n const response = yield call(getBroadcastInformation, notificationId);\n\n if (response.status === 200) {\n yield put(actions.pullNotificationBroadcastInfoSucceeded(response.data));\n } else {\n yield put(actions.pullNotificationBroadcastInfoFailed(notificationId));\n }\n}\n\nfunction* onPullDocumentsPageSucceeded(action) {\n if (isDiagnosticsEnabled()) {\n const documents = action.payload.results;\n yield all(\n documents.map((doc) =>\n put(actions.updateDocumentWithDiagnosticsData(doc)),\n ),\n );\n }\n}\n\nexport default function* diagnosticsSaga() {\n yield takeEvery(\n documentActions.pullDocumentsPageSucceeded,\n onPullDocumentsPageSucceeded,\n );\n\n yield takeEvery(\n notificationActions.pullNotificationsPageSucceeded,\n onFilterNotificationsSucceeded,\n );\n yield takeEvery(\n actions.pullNotificationBroadcastInfo,\n pullNotificationBroadcastInfo,\n );\n}\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Helmet } from \"react-helmet\";\nimport { Provider } from \"react-redux\";\nimport { runSagas } from \"./sagas\";\nimport createStore from \"./utils/state\";\nimport { getAppLanguage } from \"./state/user/selectors\";\nimport { I18nextProvider } from \"react-i18next\";\nimport i18next from \"i18next\";\n\nclass PageLanguage extends React.Component {\n render() {\n return \n \n \n \n \n
\n - \n {links.map(this.createNavElement)}\n {/* {this.sideMenuSearch()} */}\n
\n {profileImage ? (\n 
\n ) : (\n
\n );\n};\n","import React, { Component, Fragment } from \"react\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport Cropper from \"react-cropper\";\nimport \"canvas-toBlob\";\n\nimport \"../Profile.scss\";\nimport \"../../../../../../styles/avatar.scss\";\nimport FileInput from \"../../../../../common/form/file-input/FileInput\";\nimport Avatar from \"../../../../../common/avatar/Avatar\";\n\nconst IMAGE_SIZE_LIMIT = 1024 * 1024 * 10;\n\nclass ProfileImage extends Component {\n state = {\n editMode: false,\n imageData: null,\n croppedImage: null,\n croppedBlob: null,\n };\n\n isVisible() {\n return this.props.photo || this.props.userName;\n }\n\n hasUploadedPhoto() {\n return this.props.photo || this.state.editMode;\n }\n\n cropImage() {\n try {\n let dataUrl = this.refs.cropper\n .getCroppedCanvas({\n width: 150,\n height: 150,\n imageSmoothingQuality: \"medium\",\n })\n .toDataURL();\n this.refs.cropper\n .getCroppedCanvas({\n width: 150,\n height: 150,\n imageSmoothingQuality: \"medium\",\n })\n .toBlob((blob) => {\n this.setState({\n croppedImage: dataUrl,\n croppedBlob: blob,\n });\n });\n } catch (err) {\n console.error(err);\n }\n }\n\n applyCropping = () => {\n const { croppedImage, croppedBlob } = this.state;\n this.props.onImageUpdated(croppedImage, croppedBlob);\n this.setState({\n editMode: false,\n imageData: null,\n croppedImage: null,\n croppedBlob: null,\n });\n };\n\n abortImageCrop = () => {\n this.setState({\n editMode: false,\n imageData: null,\n croppedImage: null,\n croppedBlob: null,\n });\n };\n\n validateFile(file) {\n this.props.updateMessageListState([\n {\n message: \"userProfile.validation.imageFileToLarge\",\n validate: (f) => f.size <= IMAGE_SIZE_LIMIT,\n value: file,\n },\n {\n message: \"userProfile.validation.notImageFile\",\n validate: (f) => f.type.startsWith(\"image\"),\n value: file,\n },\n ]);\n\n return file.size <= IMAGE_SIZE_LIMIT && file.type.startsWith(\"image\");\n }\n\n onChangePhoto = (event) => {\n const file = event.target.files[0];\n if (!this.validateFile(file)) return;\n\n const reader = new FileReader();\n reader.onload = () => {\n let dataURL = reader.result.replace(\n \";base64\",\n `;name=${file.name};base64`,\n );\n this.setState({\n imageData: dataURL,\n editMode: true,\n });\n };\n reader.readAsDataURL(file);\n };\n\n onRemovePhoto = () => {\n this.props.onRemoveImage();\n };\n\n renderPhoto() {\n const { photo, userName } = this.props;\n return \n {getAcronym(name)}\n
\n )}\n \n {!this.state.editMode && (\n \n this.applyCropping()}\n >\n {t(\"userProfile.profilePhoto.setPhoto\")}\n \n {\n this.abortImageCrop();\n }}\n >\n {t(\"general.button.cancel\")}\n \n \n )}\n {!this.state.editMode && this.hasUploadedPhoto() && (\n {\n this.onRemovePhoto();\n }}\n >\n {t(\"userProfile.profilePhoto.deletePhoto\")}\n \n )}\n
\n );\n };\n\n render() {\n return this.isVisible() ? (\n \n {this.state.editMode ? this.renderPhotoEditor() : this.renderPhoto()}\n {this.renderButtons()}\n
\n ) : null;\n }\n}\n\nexport default compose(withTranslation(\"common\"))(ProfileImage);\n","const defaultPageTitle = \"Dansk Standard - Udvalgsportal\";\nconst separator = \" | \";\n\nexport const setPageTitle = (titleParts, committee) => {\n let committeePrefix = \"\";\n\n if (committee) {\n const trimmedCommittee = committee.startsWith(\"DS/\")\n ? committee.slice(3)\n : committee;\n committeePrefix = trimmedCommittee + \" - \";\n }\n\n document.title =\n committeePrefix + defaultPageTitle + separator + titleParts.join(separator);\n};\n","import React, { Component, Fragment } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport classNames from \"classnames\";\nimport \"./Profile.scss\";\nimport {\n updateUserProfile,\n updateUserPhoto,\n resetUserApiResponse,\n} from \"../../../../../state/user/actions\";\nimport {\n apiResponse,\n userDetails,\n updateInProgress,\n updatePhotoInProgress,\n} from \"../../../../../state/user/selectors\";\nimport validatePhone from \"../../../../../utils/validation/phoneNumberValidator\";\nimport validateLinkedIn from \"../../../../../utils/validation/linkedInProfileValidator\";\nimport FormMessageBox, {\n messageType,\n} from \"../../../../common/form/message-box/MessageBox\";\nimport PanelContainer from \"../../../../common/layout/PanelContainer\";\nimport ProfileImage from \"./components/ProfileImage\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\n\nclass UserProfile extends Component {\n state = {\n phone: this.props.user.phone || \"\",\n messages: [],\n linkedIn: this.props.user.linkedIn || \"\",\n photo: this.props.user.profileImage || \"\",\n imageFormData: \"\",\n };\n\n componentWillUnmount() {\n this.props.resetUserApiResponse();\n }\n\n componentDidUpdate(prevProps) {\n const { user } = this.props;\n if (prevProps.user !== this.props.user) {\n this.setState({\n phone: user.phone || \"\",\n linkedIn: user.linkedIn || \"\",\n photo: user.profileImage || user.photo || \"\",\n });\n }\n }\n\n updateMessageList = (messages, message, validate, value) => {\n let results = [...messages];\n\n // remove message from list if validation passed\n if (messages.some((msg) => msg === message) && validate(value)) {\n results = results.filter((msg) => msg !== message);\n }\n\n // add message to list if validation failed and there is no meesage like this\n if (!messages.some((msg) => msg === message) && !validate(value)) {\n results.push(message);\n }\n\n return results;\n };\n\n updateMessageListState = (validationTable) => {\n let validationMessages = this.state.messages;\n\n validationTable.forEach((validationSet) => {\n validationMessages = this.updateMessageList(\n validationMessages,\n validationSet.message,\n validationSet.validate,\n validationSet.value,\n );\n });\n\n this.setState({\n messages: validationMessages,\n });\n };\n\n onLinkedInChange = (event) => {\n this.props.resetUserApiResponse();\n\n this.setState({\n linkedIn: event.target.value,\n });\n };\n\n onPhoneChange = (event) => {\n this.props.resetUserApiResponse();\n\n this.setState({\n phone: event.target.value,\n });\n };\n\n saveUserDetails = (e) => {\n this.props.resetUserApiResponse();\n e.preventDefault();\n\n const { phone, linkedIn } = this.state;\n const userDetails =\n phone !== this.props.user.phone || linkedIn !== this.props.user.linkedIn\n ? { phone, linkedIn }\n : undefined;\n let messages = this.updateMessageList(\n this.state.messages,\n \"userProfile.validation.phoneNumber\",\n validatePhone,\n phone,\n );\n messages = this.updateMessageList(\n messages,\n \"userProfile.validation.linkedin\",\n validateLinkedIn,\n linkedIn,\n );\n\n this.setState({\n messages,\n });\n\n if (messages.length === 0 && userDetails) {\n this.props.updateUserProfile(userDetails);\n }\n };\n\n onImageUpdated = (img, imageBlob) => {\n const formData = new FormData();\n formData.append(\"file\", imageBlob);\n\n if (img !== this.props.user.profileImage) {\n this.props.updateUserPhoto({ data: formData });\n }\n\n this.setState({\n photo: img,\n imageFormData: formData,\n });\n };\n\n onRemoveImage = () => {\n this.props.updateUserPhoto({ data: null });\n\n this.setState({\n photo: null,\n imageFormData: null,\n });\n };\n\n render() {\n const { t } = this.props;\n const { name, email, company } = this.props.user;\n const { apiResponse, updateInProgress } = this.props;\n const { phone, linkedIn, messages, photo } = this.state;\n\n return (\n {t(\"userProfile.header.name\")}
\n\n
\n \n
\n - \n
- \n {t(\"userProfile.label.name\")}\n \n
- {name} \n\n
- \n {t(\"userProfile.label.email\")}\n \n
- {email} \n\n
- \n {t(\"userProfile.label.work\")}\n \n
- {company} \n
\n {t(\"userProfile.changeContactInfo\")}\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {t(\"general.button.save\")}\n \n
\n {t(\"userCredentials.header.name\")}
\n\n \n
\n \n \n this.onEmailsFrequencyClick(element)}\n />\n \n \n \n {t(`settings.emailFrequency.${element}.label`)}\n \n \n {t(`settings.emailFrequency.${element}.description`)}\n \n \n
\n );\n };\n\n render() {\n const { t, emailsFrequencies } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n userSetting: getUserSetting(state),\n emailsFrequencies: getEmailFrequencies(state),\n});\n\nconst mapDispatchToProps = {\n updateUserEmailSetting: updateUserEmailSetting,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(EmailNotificationSettings);\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"./ToggleSwitch.scss\";\n\nclass ToggleSwitch extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isChecked: props.checked || false,\n };\n }\n\n handleToggle = () => {\n const { onChange } = this.props;\n const { isChecked } = this.state;\n\n this.setState({ isChecked: !isChecked }, () => {\n if (onChange) {\n onChange(this.state.isChecked);\n }\n });\n };\n\n render() {\n const { isChecked } = this.state;\n\n return (\n \n {emailsFrequencies.map((element, index) =>\n this.generateField(element.toLowerCase(), index),\n )}\n
\n \n {committeeId}\n
\n
\n );\n }\n}\n\nconst mapStateToProps = {};\n\nconst mapDispatchToProps = {\n turnOffCommittee: turnOffCommittees,\n turnOnCommittee: turnOnCommittees,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(null, mapDispatchToProps),\n)(CommitteeSettingBlock);\n","import React, { Component } from \"react\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { rawUserNationalCommittees } from \"../../../state/national-committees/selectors\";\nimport { userSettings } from \"../../../state/user/selectors\";\nimport { withTranslation } from \"react-i18next\";\nimport CommitteeSettingBlock from \"./CommitteeSettingBlock\";\n\nclass CommitteeSettings extends Component {\n generateCommitteeSettingBlock = (committeeId) => {\n const { rawUserNationalCommittees, userSettings } = this.props;\n\n const disabledInsideCommittees = userSettings[committeeId]\n ? userSettings[committeeId].turnedOffCommittees\n : [];\n const insideCommittees =\n rawUserNationalCommittees[committeeId][\"internationalCommittees\"] ?? [];\n\n return (\n \n
- \n {insideCommittees.map((insideCommittee, index) => {\n return (\n
- \n \n {insideCommittee.name}\n
\n {insideCommittee.description}\n
\n \n \n );\n })}\n
\n {userNationalCommitteeKeys.map(this.generateCommitteeSettingBlock)}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n rawUserNationalCommittees: rawUserNationalCommittees(state),\n userSettings: userSettings(state),\n});\n\nconst mapDispatchToProps = {};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(CommitteeSettings);\n","import React, { Component, Fragment } from \"react\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\nimport { withTranslation } from \"react-i18next\";\nimport { setPageTitle } from \"../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport EmailNotificationSettings from \"./EmailNotificationSettings\";\nimport CommitteeSettings from \"./CommitteeSettings\";\nimport { Route, Switch } from \"react-router-dom\";\n\nclass Settings extends Component {\n render() {\n const { t, selectedNationalCommittee } = this.props;\n\n return (\n {t(\"navigation.page.settings\")}
\n\n \n */}\n
\n \n \n {t(\"settings.emailFrequency.label.emailSettings\")}\n \n \n {t(\"settings.emailFrequency.label.info\")}\n \n
\n {this.props.loader}
\n \n \n
\n )}\n\n {children}\n \n );\n};\n","import React from \"react\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport classNames from \"classnames\";\nimport \"./DateThumbnail.scss\";\nimport { connect } from \"react-redux\";\nimport { getAppLocale } from \"../../../state/user/selectors\";\n\nclass DateThumbnail extends React.Component {\n state = {\n day: \"\",\n month: \"\",\n year: \"\",\n showYear: false,\n };\n\n componentDidMount() {\n this.props.date && this.setDate();\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.date !== this.props.date) {\n this.setDate();\n }\n }\n\n setDate() {\n const { t, date } = this.props;\n const day = date.getDate();\n const month = t(`date.months.${date.getMonth()}`)\n .substring(0, 3)\n .toUpperCase();\n const year = date.getFullYear();\n const showYear = new Date().getFullYear() !== year;\n this.setState({ day, month, year, showYear });\n }\n\n getClassNames = () => {\n const { showYear } = this.state;\n const { type } = this.props;\n if (type === \"big\") {\n return classNames(\"date-thumbnail\", \"date-thumbnail--big\", {\n \"date-thumbnail--big--extended\": showYear,\n });\n }\n\n return classNames(\"date-thumbnail\", {\n \"date-thumbnail--extended\": showYear,\n });\n };\n\n render() {\n const { day, month, year, showYear } = this.state;\n\n return (\n \n {day}\n {month}\n {showYear && {year}}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n locale: getAppLocale(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps),\n)(DateThumbnail);\n","import React, { Component } from \"react\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport ActionBox from \"../action-box/ActionBox\";\nimport Toggler from \"../toggler/Toggler\";\nimport { withTranslation } from \"react-i18next\";\nimport { isCommitteeAlreadyTurnedOff } from \"../../../state/user/selectors\";\nimport { turnOnOffCommittee } from \"../../../state/user/actions\";\nimport ReadonlyGuard from \"../../common/readonly-guard/ReadonlyGuard\";\n\nclass CardMenu extends Component {\n turnOffCommitteeClick = () => {\n const { committee, turnOnOffCommittee, callbackAction } = this.props;\n turnOnOffCommittee({ committee, callbackAction });\n };\n\n renderAction(action, index) {\n return (\n \n this.setState({ actionBoxOpened: false })}\n >\n \n \n \n \n {isCommitteeAlreadyTurnedOff\n ? t(\"card.turnOn\", { committee })\n : t(\"card.turnOff\", { committee })}\n \n \n {customActions && customActions.map(this.renderAction)}\n \n \n \n
\n );\n }\n}\n\nconst mapDispatchToProps = {\n turnOnOffCommittee,\n};\n\nconst mapStateToProps = (state, props) => ({\n isCommitteeAlreadyTurnedOff: isCommitteeAlreadyTurnedOff(\n state,\n props.committee,\n ),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(CardMenu);\n","import React from \"react\";\nimport \"./GrayboxLabel.scss\";\n\nexport default ({ children }) => {\n return {children}
;\n};\n","import React, { Component } from \"react\";\nimport DateThumbnail from \"../date-thumbnail/DateThumbnail\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport { Trans, withTranslation } from \"react-i18next\";\nimport CardMenu from \"./CardMenu\";\nimport GrayboxLabel from \"../label/GrayboxLabel\";\n\nclass CardHeader extends Component {\n renderLabel = () => {\n const { headerLabelText, isDeadlineRegistered, t } = this.props;\n\n return (\n \n {headerLabelText && (\n \n \n {headerLabelText} \n \n \n )}\n {isDeadlineRegistered && (\n \n \n {t(\"card.registered\")}\n \n )}\n
\n );\n };\n\n render() {\n const {\n committee,\n committeeName,\n date,\n uri,\n title,\n notificationId,\n callbackAction,\n customActions,\n } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(withTranslation(\"common\")(CardHeader));\n","import React from \"react\";\n\nexport const targetBlankDecorator = (href, text, key) => (\n \n {text}\n \n);\n","import React from \"react\";\nimport Linkify from \"react-linkify\";\nimport { targetBlankDecorator } from \"../../../utils/LinkifyDecorator\";\n\nexport default ({ description }) => {\n return (\n \n {this.renderLabel()}\n \n {committee}\n {committeeName && ` - ${committeeName}`}\n \n \n {title}\n \n
\n \n {references && references > 0 ? (\n \n \n {references === 1\n ? t(\"card.referenceCounter\")\n : t(\"card.referencesCounter\", { count: references })}\n \n ) : null}\n {comments && comments > 0 ? (\n \n \n {comments === 1\n ? t(\"card.commentCounter\")\n : t(\"card.commentsCounter\", { count: comments })}\n \n ) : null}\n {/* { messages && messages > 0 ?\n \n \n {messages === 1 ? t(\"card.messageCounter\") : t(\"card.messagesCounter\", {count: messages})}\n\n : null\n } */}\n {this.props.children}\n
\n ) : null;\n }\n}\n\nexport default withRouter(withTranslation(\"common\")(CardAttachments));\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { withTranslation } from \"react-i18next\";\nimport className from \"classnames\";\nimport { reviewStageValue, voteType } from \"../../../../utils/constants\";\n\nclass VoteAttachment extends Component {\n render() {\n const { stage, votes, userVote, message } = this.props;\n\n if (!votes) return null;\n\n const markVote = (type) => ({ \"card__votes--mark\": userVote === type });\n\n if (stage === reviewStageValue) {\n return (\n \n {message && {message}}\n \n
\n {votes.confirm}
\n{votes.revise}
\n \n{votes.withdraw}
\n \n{votes.abstain}
\n \n \n );\n }\n\n return (\n\n {message && {message}}\n \n
\n {votes.yes}
\n{votes.no}
\n \n{votes.abstain}
\n \n \n );\n }\n}\n\nexport default withRouter(withTranslation(\"common\")(VoteAttachment));\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport { withTranslation } from \"react-i18next\";\n\nimport Card from \"../../../../common/card/Card\";\nimport CardHeader from \"../../../../common/card/CardHeader\";\nimport CardContent from \"../../../../common/card/CardContent\";\nimport CardAttachments from \"../../../../common/card/CardAttachments\";\nimport VotesAttachment from \"../../../../common/card/Attachments/VotesAttachment\";\nimport { emptyVotes } from \"../../../../../utils/constants\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n} from \"../../../../../utils/dynamicLink\";\n\nexport const calculateVotableDate = (t, date) => {\n const today = new Date();\n\n // Is the deadline date in the past?\n if (date < today) return {};\n\n const d14 = new Date(date);\n d14.setDate(d14.getDate() - 14);\n\n const month = t(`date.months.${d14.getMonth()}`).replace(/\\b\\w/g, (char) =>\n char.toUpperCase(),\n );\n const day = d14.getDate();\n const year = d14.getFullYear();\n const showYear = today.getFullYear() !== year;\n\n return {\n showLabel: true,\n showYear,\n labelYear: year,\n labelMonth: month,\n labelDate: day,\n };\n};\n\nclass DeadlineCard extends React.Component {\n state = {\n showLabel: false,\n showYear: false,\n labelYear: \"\",\n labelMonth: \"\",\n labelDate: \"\",\n };\n\n componentDidMount() {\n const {\n t,\n deadline: { date },\n } = this.props;\n\n this.setState({ ...calculateVotableDate(t, date) });\n }\n\n render() {\n const {\n t,\n deadline: {\n id,\n uri,\n comments,\n committee,\n committeeName,\n date,\n title,\n description,\n references,\n enableVoting,\n closedForComments,\n isRegistered,\n },\n stage,\n callbackAction,\n userVote,\n customActions,\n } = this.props;\n\n const { showLabel, showYear, labelYear, labelMonth, labelDate } =\n this.state;\n\n const votes = this.props.votes || (enableVoting && emptyVotes);\n const dialogUrl = generateDialogLink(DIALOG_TYPES.DEADLINE_DETAILS, uri);\n const hasUserVoted = typeof userVote != \"undefined\";\n\n const headerLabelText = showLabel\n ? t(\"deadlines.details.cards.label\", {\n date: labelDate,\n month: labelMonth,\n }) + (showYear ? `, ${labelYear}` : \"\")\n : \"\";\n\n return (\n{t(\"deadlines.header.name\")}
\n\n \n
\n \n {t(\"deadlines.pageInfo\")}\n
\n \n
\n \n
\n \n
\n {t(\"general.button.addDocument\")}
\n\n \n setInputTitleValue(e.target.value)}\n />\n
\n \n \n \n {t(\"about.modals.addNewDocument\")}\n \n
\n \n \n setInputTitleValue(e.target.value)}\n />\n
\n ) : (\n \n )}\n \n \n setInputDescriptionValue(e.target.value)}\n />\n
\n ) : (\n {inputDescriptionValue}
\n )}\n {isEditing && !isEditingRow && (\n\n setIsEditingRow(true)}\n >\n {t(\"general.button.edit\")}\n \n setIsDeleting(true)}\n >\n {t(\"general.button.delete\")}\n \n
\n )}\n {isEditingRow && (\n \n \n {t(\"general.button.save\")}\n \n
\n )}\n {isDeleting && (\n \n
\n {isEditing && (\n \n
\n \n \n \n {list.map((item) => (\n
\n
\n \n setIsAdding(true)}\n >\n {t(\"general.button.addDocument\")}\n \n
\n )}\n {isAdding && (\n \n
\n {t(\"about.modals.warning\")}
\n{t(\"about.modals.editWarning\")}
\n \n\n \n \n
\n \n );\n};\n\nexport default AboutConfirmationModal;\n","import { api } from \"../api\";\nimport { transformCommitteeName } from \"../../utils/transform\";\n\nexport function getInfoAboutCommittee(committeeName) {\n return api.get(\n `/api/InformationAboutCommittees/GetInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n );\n}\n\nexport function addInfoAboutCommittee(committeeName) {\n return api.post(\n `/api/InformationAboutCommittees/AddInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n );\n}\n\nexport function updateCommitteeDescription(committeeName, description) {\n return api.post(\n `/api/InformationAboutCommittees/UpdateCommitteeDescription?committeeName=${transformCommitteeName(\n committeeName,\n )}&description=${description}`,\n );\n}\n\nexport function AddDocumentToInfoAboutCommittee(committeeName, formData) {\n return api.post(\n `/api/InformationAboutCommittees/AddDocumentToInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n\nexport function AddSpecialDocumentToInfoAboutCommittee(\n committeeName,\n formData,\n) {\n return api.post(\n `/api/InformationAboutCommittees/AddSpecialDocumentToInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n\nexport function UpdateDocumentInInfoAboutCommittee(committeeName, formData) {\n return api.post(\n `/api/InformationAboutCommittees/UpdateDocumentInInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n\nexport function UpdateSpecialDocumentToInfoAboutCommittee(\n committeeName,\n formData,\n) {\n return api.post(\n `/api/InformationAboutCommittees/UpdateSpecialDocumentInInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n\nexport function AddFileToDocument(id, formData) {\n return api.post(\n `/api/InformationAboutCommittees/AddFileToDocument?id=${id}`,\n formData,\n {\n headers: {\n \"Content-Type\": \"multipart/form-data\",\n },\n },\n );\n}\n\nexport function AddFileToSpecialDocument(id, formData) {\n return api.post(\n `/api/InformationAboutCommittees/AddFileToSpecialDocumentDocument?id=${id}`,\n formData,\n {\n headers: {\n \"Content-Type\": \"multipart/form-data\",\n },\n },\n );\n}\n\nexport function DeleteDocumentFromInfoAboutCommittee(committeeName, formData) {\n return api.post(\n `/api/InformationAboutCommittees/DeleteDocumentFromInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n\nexport function DeleteSpecialDocumentFromInfoAboutCommittee(\n committeeName,\n formData,\n) {\n return api.post(\n `/api/InformationAboutCommittees/DeleteSpecialDocumentFromInfoAboutCommittee?committeeName=${transformCommitteeName(\n committeeName,\n )}`,\n formData,\n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\n\nimport Table from \"./components/table/Table.js\";\nimport AboutConfirmationModal from \"./components/about-confirmation-modal/AboutConfirmationModal.js\";\n\nimport {\n getCommitteeTitleProvider,\n getSelectedNationalCommitteeTitle,\n selectedNationalCommittee,\n} from \"../../../state/national-committees/selectors\";\nimport { isConsultant } from \"./../../../state/user/selectors\";\n\nimport \"./About.scss\";\nimport {\n getInfoAboutCommittee,\n addInfoAboutCommittee,\n updateCommitteeDescription,\n AddDocumentToInfoAboutCommittee,\n AddSpecialDocumentToInfoAboutCommittee,\n AddFileToDocument,\n AddFileToSpecialDocument,\n DeleteDocumentFromInfoAboutCommittee,\n DeleteSpecialDocumentFromInfoAboutCommittee,\n UpdateDocumentInInfoAboutCommittee,\n UpdateSpecialDocumentToInfoAboutCommittee,\n} from \"../../../api/resources/about.js\";\nimport ModalWrapper from \"../../common/modal-wrapper/ModalWrapper.js\";\n\nconst About = ({ committeeId, committeeTitle, isConsultant }) => {\n const { t } = useTranslation(\"common\");\n const [isEditing, setIsEditing] = useState(false);\n const [isEditingGeneral, setIsEditingGeneral] = useState(false);\n const [committeeInfo, setCommitteeInfo] = useState({});\n const [description, setDescription] = useState(\"\");\n const [showConfirmationModal, setShowConfirmationModal] = useState(false);\n\n const handleEditorChange = (e) => {\n setDescription(e.target.value);\n };\n\n const onSave = async () => {\n await updateCommitteeDescription(committeeId, description);\n setIsEditing(false);\n setIsEditingGeneral(false);\n };\n\n const handleConfirmation = () => {\n setShowConfirmationModal(false);\n setIsEditingGeneral(true);\n };\n\n const getCommitteeInfo = async (id) => {\n try {\n const res = await getInfoAboutCommittee(id);\n setCommitteeInfo(res.data);\n setDescription(res.data.description);\n return res.data;\n } catch (err) {\n addCommitteeInfo(id);\n }\n };\n\n const addCommitteeInfo = async (id) => {\n try {\n const res = await addInfoAboutCommittee(id);\n setCommitteeInfo(res.data);\n } catch (err) {\n console.error(err);\n }\n };\n\n const uploadFile = async ({ id, file, isSpecial }) => {\n try {\n const data = new FormData();\n data.append(\"file\", file);\n const res = isSpecial\n ? await AddFileToSpecialDocument(id, data)\n : await AddFileToDocument(id, data);\n return res;\n } catch (error) {\n console.error(`upload file failed - ${error}`);\n }\n\n return null;\n };\n\n const handleAddDocument = async ({\n title,\n description,\n file,\n isSpecial,\n cancelHandler,\n }) => {\n const res = isSpecial\n ? await AddSpecialDocumentToInfoAboutCommittee(committeeId, {\n title,\n description,\n })\n : await AddDocumentToInfoAboutCommittee(committeeId, {\n title,\n description,\n });\n if (res.status === 200) {\n const id = res.data;\n\n await uploadFile({ id, file, isSpecial });\n cancelHandler();\n getCommitteeInfo(committeeId);\n }\n };\n\n const handleDeleteDocument = async (id, isSpecial) => {\n if (isSpecial) {\n await DeleteSpecialDocumentFromInfoAboutCommittee(committeeId, { id });\n } else {\n await DeleteDocumentFromInfoAboutCommittee(committeeId, { id });\n }\n getCommitteeInfo(committeeId);\n };\n\n const handleUpdateDocument = async ({\n title,\n description,\n id,\n isSpecial,\n }) => {\n if (isSpecial) {\n await UpdateSpecialDocumentToInfoAboutCommittee(committeeId, {\n title,\n description,\n id,\n });\n } else {\n await UpdateDocumentInInfoAboutCommittee(committeeId, {\n title,\n description,\n id,\n });\n }\n getCommitteeInfo(committeeId);\n };\n\n useEffect(() => {\n if (committeeId) getCommitteeInfo(committeeId);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [committeeId]);\n\n useEffect(() => {\n if (!description && committeeInfo.description) {\n setDescription(committeeInfo.description);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [committeeInfo]);\n\n return (\n \n \n setIsEditing(true)}\n className=\"button button--secondary button--small\"\n >\n {t(\"general.button.edit\")}\n \n ) : (\n \n {t(\"general.button.save\")}\n \n )}\n \n )}\n \n\n setShowConfirmationModal(false)}\n disableSlide\n >\n setShowConfirmationModal(false)}\n submitHandler={handleConfirmation}\n confirmText=\"Continue\"\n />\n \n )}\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n committeeId: selectedNationalCommittee(state),\n committeeTitle: getSelectedNationalCommitteeTitle(state),\n committeeTitleProvider: getCommitteeTitleProvider(state),\n isConsultant: isConsultant(state),\n});\n\nexport default connect(mapStateToProps, null)(About);\n","import React, { Component } from \"react\";\nimport { Route, Switch, Redirect } from \"react-router-dom\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport PanelContainer from \"./common/layout/PanelContainer\";\nimport { Content } from \"./common/layout/Content\";\nimport AggDeadlines from \"./pages/aggregated/AggDeadlines\";\nimport About from \"./pages/about/About\";\nimport { setHeaderTitle } from \"../state/header/actions\";\n\n// TODO: Is it necessary to have disabled links?\nexport const AggPageNavigationLinks = [\n {\n name: \"navigation.page.notifications\",\n url: \"notifications\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.deadlines\",\n url: \"deadlines\",\n component: AggDeadlines,\n disabled: false,\n },\n {\n name: \"navigation.page.meetings\",\n url: \"meetings\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.documents\",\n url: \"documents\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.publishedStandards\",\n url: \"standards\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.internationalCommittees\",\n url: \"committees\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.members\",\n url: \"members\",\n component: null,\n disabled: true,\n },\n {\n name: \"navigation.page.about\",\n subRoute: \"about\",\n component: About,\n disabled: true,\n },\n // {\n // name: \"navigation.page.settings\",\n // url: \"settings\",\n // component: null,\n // disabled: true,\n // },\n];\n\nclass AggHome extends Component {\n componentDidMount() {\n const { setHeaderTitle, t } = this.props;\n\n setHeaderTitle(t(\"filter.placeholder.allCommittees\"));\n }\n\n render() {\n return (\n \n {t(\"about.header.name\", {\n name: committeeTitle,\n number: committeeId,\n })}\n
\n\n {isConsultant && (\n <>\n {!isEditing ? (\n\n
\n \n {isEditing ? (\n <>\n
\n {description}
\n \n )}\n\n setShowConfirmationModal(true)}\n className=\"button button--secondary button--small\"\n >\n {t(\"general.button.edit\")}\n \n )}\n
\n {t(\"about.documents.standardization\")}
\n {isEditing && !isEditingGeneral && (\n\n
\n \n {t(\"about.documents.specificFor\", { number: committeeId })}\n
\n\n
\n );\n }\n}\n\nexport default FilterOption;\n","import React, { Component, Fragment } from \"react\";\nimport { withTranslation } from \"react-i18next\";\n\nimport \"./SidebarFilter.scss\";\n\nclass SidebarFilter extends Component {\n render() {\n // instead set variables to whatever is returned from the api in the future\n const { t, children, submitHandler, resetFilters, isFiltered } = this.props;\n\n return (\n \n \n {/* */}\n \n {t(\"Notification settings\")}\n \n
\n \n
\n {title}
\n\n
\n {message}
\n\n \n {!disableSubmitButton && (\n \n {submitLabel || t(\"general.button.confirm\")}\n \n )}\n
\n \n this.setState({ actionBoxOpened: false })}\n >\n \n \n {isPinned ? (\n \n \n {t(\"card.unpin\")}\n \n \n ) : (\n \n \n {t(\"card.pin\")}\n \n \n )}\n \n {this.newCustomActions &&\n this.newCustomActions.map((action, index) =>\n action.disabled\n ? this.renderDisabledCustomMenu(action, index)\n : this.renderActiveCustomMenu(action, index),\n )}\n {!hideDeleteAction && (\n \n \n \n {t(\"card.delete\")}\n \n \n \n )}\n {/* This is blocking with committeeID of the notification which we decided to remove */}\n {this.enableTurnOffCommittee && (\n \n \n {isCommitteeAlreadyTurnedOff\n ? t(\"card.turnOn\", { committee })\n : t(\"card.turnOff\", { committee })}\n \n \n )}\n \n \n {this.state.showDeleteModal && (\n this.setState({ showDeleteModal: false })}\n onSubmit={this.props.deleteNotification}\n itemUri={this.props.notificationId}\n />\n )}\n {this.state.showModal && (\n \n
\n );\n }\n}\n\nconst mapDispatchToProps = {\n pinNotification,\n unpinNotification,\n deleteNotification,\n turnOnOffCommittee,\n sendInstantEmail,\n};\n\nconst mapStateToProps = (state, props) => ({\n isCommitteeAlreadyTurnedOff: isCommitteeAlreadyTurnedOff(\n state,\n props.committee,\n ),\n isPinned: isNotificationPinned(state, props.notificationId),\n isInstantSent: isNotificationInstantSent(state, props.notificationId),\n isConsultant: isConsultant(state),\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(NotificationCardMenu);\n","import React, { Component } from \"react\";\nimport TimeAgo from \"react-timeago\";\nimport { getTimeAgoFormatter } from \"../../../../../utils/timeago\";\nimport NotificationCardMenu from \"../notification-card-menu/NotificationCardMenu\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { initNotifications } from \"../../../../../state/notifications/actions\";\n\nclass NotificationBar extends Component {\n render() {\n const { title, date, children, notificationMenu } = this.props;\n return (\n \n {title && {title}}\n {children}\n {date && (\n \n
\n );\n }\n}\n\nconst mapDispatchToProps = {\n initNotifications,\n};\n\nexport default compose(connect(null, mapDispatchToProps))(NotificationBar);\n","import React, { Component } from \"react\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport { withTranslation } from \"react-i18next\";\nimport DateThumbnail from \"../../../../common/date-thumbnail/DateThumbnail\";\nimport NotificationCardMenu from \"../notification-card-menu/NotificationCardMenu\";\n\nclass NotificationCardHeader extends Component {\n render() {\n const {\n committee,\n committeeName,\n date,\n uri,\n title,\n notificationId,\n callbackAction,\n } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(withTranslation(\"common\")(NotificationCardHeader));\n","import React, { Component, Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport NotificationBar from \"../notification-bar/NotificationBar\";\nimport NotificationCardHeader from \"../notification-card-header/NotificationCardHeader\";\nimport CardContent from \"../../../../common/card/CardContent\";\nimport CardAttachments from \"../../../../common/card/CardAttachments\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport { initNotifications } from \"../../../../../state/notifications/actions\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n} from \"../../../../../utils/dynamicLink\";\n\nimport { notificationActionType } from \"../../../../../utils/constants\";\n\nclass DeadlineNotification extends Component {\n get notificationTitle() {\n const { t } = this.props;\n const { action } = this.props.data;\n\n switch (action) {\n case notificationActionType.add:\n return t(\"common:notifications.types.deadline.add\");\n case notificationActionType.reminder:\n return t(\"common:notifications.types.deadline.reminder\");\n case notificationActionType.update:\n return t(\"common:notifications.types.deadline.update\");\n case notificationActionType.weekReminder:\n return t(\"common:notifications.types.deadline.weekReminder\");\n default:\n return t(\"common:notifications.types.deadline.update\");\n }\n }\n\n render() {\n const {\n initNotifications,\n data: {\n eventDate,\n description,\n messages,\n comments,\n contentId,\n details,\n notificationId,\n },\n } = this.props;\n\n const deadlineDetailsUrl = generateDialogLink(\n DIALOG_TYPES.DEADLINE_DETAILS,\n contentId,\n );\n\n return details ? (\n \n \n {committee}\n {committeeName && ` - ${committeeName}`}\n \n \n {title}\n \n
\n {/* \n
\n );\n};\n","import React, { Component, Fragment } from \"react\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport NotificationBar from \"../notification-bar/NotificationBar\";\nimport NotificationCardHeader from \"../notification-card-header/NotificationCardHeader\";\nimport CardContent from \"../../../meetings/components/card-content/CardContent\";\nimport CardAttachments from \"../../../../common/card/CardAttachments\";\nimport { initNotifications } from \"../../../../../state/notifications/actions\";\nimport { connect } from \"react-redux\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n} from \"../../../../../utils/dynamicLink\";\nimport { formatEventDate } from \"../../../../../utils/transform\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\n\nimport { notificationActionType } from \"../../../../../utils/constants\";\n\nclass MeetingNotification extends Component {\n get notificationTitle() {\n const { t } = this.props;\n const { action } = this.props.data;\n\n switch (action) {\n case notificationActionType.add:\n return t(\"common:notifications.types.meeting.add\");\n case notificationActionType.reminder:\n return t(\"common:notifications.types.meeting.reminder\");\n case notificationActionType.update:\n return t(\"common:notifications.types.meeting.update\");\n case notificationActionType.weekReminder:\n return t(\"common:notifications.types.meeting.weekReminder\");\n default:\n return t(\"common:notifications.types.meeting.update\");\n }\n }\n\n render() {\n const {\n data: {\n messages,\n comments,\n details,\n contentId,\n notificationId,\n eventDate,\n },\n initNotifications,\n } = this.props;\n\n const meetingDetailsUrl = generateDialogLink(\n DIALOG_TYPES.MEETING_DETAILS,\n contentId,\n );\n\n return details ? (\n \n
\n {date}
\n\n {isLocationUrl ? (\n \n {UrlParser.shortenUrl(location)}\n \n ) : (\n location\n )}\n
\n\n
\n \n
\n \n
\n \n \n {details.member.name}\n \n
\n \n
\n \n
\n\n \n \n {details.title}\n \n
\n \n
\n ) : (\n {details.message}
\n \n // {documentsCount && (\n // \n // \n // {documentsCount === 1\n // ? t(\"card.documentCounter\")\n // : t(\"card.documentsCounter\", { count: documentsCount })}\n // \n // )}\n //
\n // ) : null;\n }\n}\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nconst mapDispatchToProsp = {\n applicationPushGlobalDialog: appActions.applicationPushGlobalDialog,\n};\n\nexport default compose(\n connect(mapStateToProps, mapDispatchToProsp),\n withTranslation(\"common\"),\n)(DocumentSummaryCardAttachments);\n","import React, { PureComponent, Fragment } from \"react\";\nimport classNames from \"classnames\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport { formatWithOptions } from \"date-fns/fp\";\nimport { enUS, da } from \"date-fns/esm/locale\";\n\nimport NotificationBar from \"../notification-bar/NotificationBar\";\nimport NotificationCardMenu from \"../notification-card-menu/NotificationCardMenu\";\nimport DocumentSummaryCardAttachments from \"./DocumentSummaryCardAttachments\";\n\nimport * as CommitteesSelectors from \"../../../../../state/national-committees/selectors\";\nimport { initNotifications } from \"../../../../../state/notifications/actions\";\n\nimport * as userSelectors from \"../../../../../state/user/selectors\";\n\n//Internal notification\nclass DocumentSummationNotification extends PureComponent {\n dateLocale = {\n \"en-US\": enUS,\n \"da-DK\": da,\n };\n\n formatAggDate(date) {\n try {\n const formater = formatWithOptions(\n { locale: this.dateLocale[this.props.appLocale] || enUS },\n \"EEEE d MMMM yyyy\",\n );\n\n return formater(new Date(date));\n } catch (err) {\n console.error(err, date);\n }\n }\n\n render() {\n const {\n t,\n data: { notificationId, details, fetched },\n } = this.props;\n if (!fetched) return null;\n\n return (\n \n
\n \n \n \n {details.committee || t(\"general.defaults.otherCommittee\")}\n \n {details.committee && (\n <>\n -{\" \"}\n {this.props.committeeTitleProvider(details.committee)}\n \n )}\n \n
\n {/* \n {documents && (\n \n \n {documents === 1\n ? t(\"card.documentCounter\")\n : t(\"card.documentsCounter\", { count: documents })}\n \n )}\n
\n ) : null;\n }\n\n render() {\n const { t, details, notificationId, initNotifications } = this.props;\n\n return (\n \n
\n\n {this.renderCardAttachments(\n details.committee,\n details.documents && details.documents.length,\n )}\n \n \n \n \n {details.committee || t(\"general.defaults.otherCommittee\")}\n \n {details.committeeName && <> - {details.committeeName}}\n \n
\n {/* {JSON.stringify(notification, null, 2)} ;\n }\n\n renderDate(date) {\n if (!date) return \"never\";\n return format(\"E MMM d yyyy HH:mm:ss zzz\", date);\n }\n\n render() {\n const { broadcastInformation, notification } = this.props;\n\n const information = broadcastInformation[notification.notificationId];\n return (\n <>\n \n \n DIAGNOSTICS INFO: (\n |\n )\n \n \n URI: {notification.notificationId}\n \n\n {information && (\n <>\n \n Is Instant:\n {information.isInstant.toString()}\n
\n \n \n Send dates:\n \n \n Instant:\n {this.renderDate(information.instantBroadcastDate)}\n \n \n Daily:\n {this.renderDate(information.dailyBroadcastDate)}\n \n \n Weekly:\n {this.renderDate(information.weeklyBroadcastDate)}\n \n \n )}\n {this.state.showMore && this.renderMore()}\n
\n \n );\n }\n}\n\nconst mapDispatchToProps = {};\n\nconst mapStateToProps = (state) => ({\n broadcastInformation: broadcastInformation(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(NotificationDiagnostics);\n","import React, { Fragment, createRef } from \"react\";\nimport { Waypoint } from \"react-waypoint\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\n\nimport Card from \"../../../../common/card/Card\";\nimport CardMark from \"../../../../common/card/CardMark\";\nimport Sidebar from \"../../components/sidebar/Sidebar\";\nimport DeadlineNotification from \"../../components/deadline-notification/DeadlineNotification\";\nimport MeetingNotification from \"../../components/meeting-notification/MeetingNotification\";\nimport MemberNotification from \"../../components/member-notification/MemberNotification\";\nimport UserNotification from \"../../components/user-notification/UserNotification\";\nimport CommentNotification from \"../../components/comment-notification/CommentNotification\";\nimport VoteNotification from \"../../components/vote-notification/VoteNotification\";\nimport DocumentSummationNotification from \"../../components/document-notification/DocumentSummationNotification\";\n\nimport LegacyDocumentNotification from \"../../components/document-notification/LegacyDocumentNotification\";\nimport VoteSummationNotification from \"../../components/vote-notification/VoteSummationNotification\";\nimport CommentSummaryNotification from \"../../components/comment-notification/CommentSummaryNotification\";\n\nimport {\n clearNotificationList,\n initNotifications,\n markAllNotificationsAsSeen,\n markNotificationsAsSeen,\n pullNextNotificationsPage,\n resetNotificationsFilters,\n} from \"../../../../../state/notifications/actions\";\nimport {\n getNotifications,\n hasMoreNotificationsToLoad,\n isProcessingRequest,\n markAllNotificationsAsSeenRequestProcessing,\n} from \"../../../../../state/notifications/selectors\";\n\nimport \"./NotificationsList.scss\";\n\nimport UrlPattern from \"url-pattern\";\nimport {\n selectedNationalCommittee,\n getInternationalCommitteesCount,\n} from \"../../../../../state/national-committees/selectors\";\nimport {\n getTunedOffCommitteesCount,\n userCommittees,\n} from \"../../../../../state/user/selectors\";\n\nimport Loader from \"../../../../common/loader/Loader\";\n\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { notificationType } from \"../../../../../utils/constants\";\nimport { generateLink } from \"../../../../../utils/dynamicLink\";\nimport history from \"../../../../../utils/history\";\n\nimport { Helmet } from \"react-helmet\";\nimport { isViewingOwnCommittee, notificationsExist } from \"./selectors\";\n\nimport NotificationDiagnostics from \"../../../../common/diagnostics/NotificationDiagnostics\";\nimport DiagnosticsGuard from \"../../../../common/diagnostics/DiagnosticsGuard\";\nimport OnlyMember from \"../../../../common/only-member/OnlyMember\";\nimport { InfiniteWaypointScroller } from \"../../../../common/infinite-scroll-wrapper/InfiniteScrollWrapper\";\nimport { NavLink } from \"react-router-dom\";\nimport classNames from \"classnames\";\n\nclass NotificationsList extends React.Component {\n parser = new UrlPattern(\"/:committeeId/:segment(/:subsegment)*\");\n\n infinityLoaderRef = createRef();\n state = {\n markedAsSeenNotifications: new Set(),\n previouseCommittee: \"\",\n };\n\n componentDidMount() {\n const result = this.parser.match(window.location.pathname);\n this.setState({ previouseCommittee: result.committeeId });\n\n this.unlisten = history.listen((location) => {\n const matchResult = this.parser.match(location.pathname);\n if (\n matchResult &&\n this.state.previouseCommittee !== matchResult.committeeId\n ) {\n this.setState({ previouseCommittee: matchResult.committeeId }, () => {\n this.props.resetNotificationsFilters();\n this.props.initNotifications();\n });\n }\n });\n\n this.props.resetNotificationsFilters();\n this.props.initNotifications();\n }\n\n componentWillUnmount() {\n this.unlisten();\n this.props.clearNotificationList();\n }\n\n loadMoreItems = () => {\n this.props.pullNextNotificationsPage();\n };\n\n renderSingleNotification = (data) => {\n switch (data.type) {\n case notificationType.deadline:\n return \n \n \n Send dates:\n \n \n Instant:\n {this.renderDate(information.instantBroadcastDate)}\n \n \n Daily:\n {this.renderDate(information.dailyBroadcastDate)}\n \n \n Weekly:\n {this.renderDate(information.weeklyBroadcastDate)}\n \n \n )}\n {this.state.showMore && this.renderMore()}\n
\n \n {`${t(\"notifications.feed.turnedOnCommittees\", {\n count: enabledInternalCommitteesCount,\n })} \n ${t(\"notifications.feed.turnedOffCommittees\", {\n count: tunedOffCommitteesCount,\n })} `}\n (\n \n {t(\"notifications.feed.editCommitteeSettings\")}\n \n )\n \n
\n );\n };\n\n get getMonday() {\n const d = new Date();\n const day = d.getDay(),\n diff = d.getDate() - day + (day == 0 ? -6 : 1);\n return new Date(d.setDate(diff));\n }\n\n renderNotifications() {\n const { notifications, t } = this.props;\n const thisWeekNotifications = [];\n const previousNotifications = [];\n\n notifications.forEach((notification) => {\n if (\n this.getMonday <=\n (notification.details?.notificationDate ?? notification.eventDate)\n ) {\n thisWeekNotifications.push(notification);\n } else {\n previousNotifications.push(notification);\n }\n });\n\n return (\n <>\n {thisWeekNotifications.length > 0 && (\n <>\n {t(\"notifications.feed.thisWeek\")}
\n {thisWeekNotifications.map(this.renderWaypoint)}\n \n )}\n {previousNotifications.length > 0 && (\n <>\n{t(\"notifications.feed.previously\")}
\n {previousNotifications.map(this.renderWaypoint)}\n \n )}\n \n );\n }\n\n renderMarkAsAllReadButton = () => {\n const {\n markAllNotificationsAsSeen,\n markAllNotificationsInProgress,\n t,\n selectedNationalCommittee,\n userCommittees,\n } = this.props;\n\n if (userCommittees[selectedNationalCommittee]?.unseenNotifications === 0)\n return null;\n\n return (\n\n \n {t(\"filter.label.markAllAsSeen\")}\n \n
\n {t(\"notifications.header.name\")}
\n\n
\n \n
\n \n {t(\"general.content.nothingToShow\")}\n
\n )}\n\n {this.renderNotifications()}\n {/* {notifications.map(this.renderWaypoint)} */}\n \n\n
\n {t(\"general.errorPage.header.name\")}
\n\n
\n {t(\"general.errorPage.content.notFound\")}
\n\n {/*
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n isFetchingDeadlines: isFetchingDeadlines(state),\n votes: votes(state),\n voteStatistics: voteStatistics(state),\n hasMoreDeadlinesToLoad: hasMoreDeadlinesToLoad(state),\n userId: userId(state),\n isConsultant: isConsultant(state),\n deadlineStages: getDeadlineStagesSelectItems(state),\n});\n\nconst mapDispatchToProps = {\n initDeadlines,\n pullDeadlinesPageRequest,\n createNotificationFromDeadline,\n deleteDeadline,\n updateIsRegistered,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DeadlineList);\n","import React, { Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport DeadlineCard from \"../../components/deadline-card/DeadlineCard\";\nimport PanelContainer from \"../../../../common/layout/PanelContainer\";\nimport {\n SlimTabsSwitcher,\n SlimTab,\n} from \"../../../../common/slim-tabs/SlimTabs\";\nimport Sidebar from \"../../components/sidebar/Sidebar\";\nimport {\n getDeadlines,\n isFetchingDeadlines,\n isDeletingDeadline,\n hasMoreDeadlinesToLoad,\n getDeadlinesFilters,\n} from \"../../../../../state/deadlines/selectors\";\n\nimport \"./DeadlineTab.scss\";\nimport history from \"../../../../../utils/history\";\nimport UrlPattern from \"url-pattern\";\nimport {\n initDeadlines,\n setDeadlinesFilterValue,\n resetDeadlinesFilters,\n pullDeadlinesPageRequest,\n deleteDeadline,\n} from \"../../../../../state/deadlines/actions\";\n\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { getDeadlineStagesSelectItems } from \"../../../../../state/values/selectors\";\nimport { isConsultant, userId } from \"../../../../../state/user/selectors\";\nimport { voteStatistics, votes } from \"../../../../../state/votes/selectors\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport DeadlineDeleteModal from \"../../components/delete-modal/DeadlineDeleteModal\";\n\nimport { applicationTriggerUserHint } from \"../../../../../state/app/actions\";\nimport { applicationUserHints } from \"../../../../../utils/constants\";\n\nimport AnalyticsTracking, {\n ResourcesTypes,\n} from \"../../../../../services/analytics-tracking/analytics-tracking\";\nimport DeadlineList from \"./DeadlineList\";\nimport { TIMEFRAME } from \"../../../../../api/utils\";\n\nexport const SHOW_UPCOMING_DEADLINES = \"_show_upcoming\";\nexport const SHOW_PAST_DEADLINES = \"_show_past\";\n\nclass DeadlineTab extends React.Component {\n parser = new UrlPattern(\"/:committeeId/*\");\n\n state = {\n isDeleteModalOpen: false,\n deadlineToDelete: {},\n previousCommittee: \"\",\n markedAsRemoved: \"\",\n };\n\n componentDidMount() {\n const result = this.parser.match(window.location.pathname);\n this.setState({ previousCommittee: result.committeeId });\n\n this.unlisten = history.listen((location) => {\n const matchResult = this.parser.match(location.pathname);\n if (\n matchResult &&\n this.state.previousCommittee !== matchResult.committeeId\n ) {\n this.setState({ previousCommittee: matchResult.committeeId }, () => {\n this.props.resetDeadlinesFilters();\n this.props.initDeadlines();\n });\n }\n });\n\n this.props.resetDeadlinesFilters();\n this.props.initDeadlines();\n\n // This has been replaced with a hint on header of the page\n // this.props.applicationTriggerUserHint({\n // hintId: applicationUserHints.listDeadlines,\n // });\n }\n\n componentWillUnmount() {\n this.unlisten();\n }\n\n onCancelDelete = (uri) => {\n AnalyticsTracking.closeDeleteDialog(ResourcesTypes.deadline, uri);\n this.setState({ isDeleteModalOpen: false });\n };\n\n onSubmitDelete = (uri) => {\n AnalyticsTracking.deletionConfirmed(ResourcesTypes.deadline, uri);\n this.props.deleteDeadline(uri);\n this.setState({ isDeleteModalOpen: false, markedAsRemoved: uri });\n };\n\n handleDeadlinesUpcomingFilter = (selected) => {\n this.props.setDeadlinesFilterValue({\n timeframe:\n selected === SHOW_PAST_DEADLINES ? TIMEFRAME.PAST : TIMEFRAME.FUTURE,\n month: null,\n });\n this.props.initDeadlines();\n };\n\n render() {\n const { t, selectedNationalCommittee, filters, isFetchingDeadlines } =\n this.props;\n\n return (\n {t(\"deadlines.header.name\")}
\n\n \n
\n \n {t(\"deadlines.pageInfo\")}\n
\n \n
\n \n
\n \n {t(\"general.content.nothingToShow\")}\n
\n );\n }\n\n return Object.keys(meetings).map((month, index) => {\n return (\n\n {/*
\n {t(\"meetings.header.name\")}
\n\n \n
\n \n
\n \n
\n \n \n {t(\"filter.button.filter\")}\n \n
\n\n {isFiltered && (\n \n \n
\n \n
\n )}\n \n
\n );\n }\n}\n\nexport default compose(withTranslation(\"common\"))(UploadButtons);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { compose } from \"redux\";\n\nclass ActionButtons extends Component {\n render() {\n const {\n t,\n onCreateNewNotification,\n onCreateNewMeeting,\n onCreateNewDeadline,\n } = this.props;\n\n return (\n \n \n {t(\"documents.event.newNotification\")}\n \n \n {t(\"documents.event.newDeadline\")}\n \n \n {t(\"documents.event.newMeeting\")}\n \n
\n );\n }\n}\n\nexport default compose(withTranslation(\"common\"))(ActionButtons);\n","import React, { Component } from \"react\";\nimport \"./DocumentsDrop.scss\";\n\nexport default class DocumentsDrop extends Component {\n state = {\n dropActive: false,\n };\n\n onDragEnter = (e) => {\n e.preventDefault();\n this.setState({ dropActive: true });\n };\n\n onDragOver = (e) => {\n e.preventDefault();\n this.setState({ dropActive: true });\n };\n onDragLeave = (e) => {\n e.preventDefault();\n this.setState({ dropActive: false });\n };\n\n onDrop = (e) => {\n e.preventDefault();\n\n if (e.dataTransfer.files) {\n this.props.onDropFiles(e.dataTransfer.files);\n }\n this.setState({ dropActive: false });\n };\n\n render() {\n return (\n \n {this.state.dropActive && (\n
\n )}\n {this.props.children}\n \n );\n }\n}\n","import React, { Component, Fragment, createRef } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport {\n getDocuments,\n hasMoreDocumentsToLoad,\n} from \"../../../../../state/document/selectors\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport Filters from \"../filters/DocumentFilters\";\nimport {\n uploadSelectedDocuments,\n resetFiltersForm,\n pullNextDocumentsPageRequest,\n initDocuments,\n reloadDocuments,\n} from \"../../../../../state/document/actions\";\n\nimport history from \"../../../../../utils/history\";\nimport UploadButtons from \"../upload-buttons/UploadButtons\";\nimport ActionButtons from \"../action-buttons/ActionButtons\";\nimport DocumentsDrop from \"../documents-drop/DocumentsDrop\";\nimport { documentUploadType } from \"../../../../../utils/constants\";\nimport WithPrivileges from \"../../../../common/with-privileges/WithPrivileges\";\nimport DocumentList from \"../../../../common/document-list/List\";\nimport UrlPattern from \"url-pattern\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\n\nimport { InfiniteScrollWrapper } from \"../../../../common/infinite-scroll-wrapper/InfiniteScrollWrapper\";\n\nclass CommitteeDocuments extends Component {\n infinityLoaderRef = createRef();\n\n state = {\n selectedFiles: [],\n };\n\n componentDidMount() {\n this.parser = new UrlPattern(\"/:committeeId/:segment*\");\n this.unlisten = history.listen((location, action) => {\n const result = this.parser.match(location.pathname);\n if (result && result.segment === \"documents\") {\n this.props.reloadDocuments(action);\n }\n });\n\n this.props.initDocuments();\n this.infinityLoaderRef.current.reset();\n }\n\n componentWillUnmount() {\n this.unlisten();\n this.props.resetFiltersForm();\n }\n\n createHandler = (event) => {\n this.props.uploadSelectedDocuments({\n documents: event.target.files,\n uploadType: documentUploadType.file,\n notifyOnUpdate: true,\n notifyImmediately: false,\n });\n };\n\n onDropFiles = (files) => {\n this.props.uploadSelectedDocuments({\n documents: files,\n uploadType: documentUploadType.file,\n notifyOnUpdate: true,\n notifyImmediately: false,\n });\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.documents !== this.props.documents) {\n this.setState({ selectedFiles: [] });\n }\n }\n\n selectHandler = (element) => {\n this.state.selectedFiles.filter((el) => el.url === element.url).length\n ? this.setState({\n selectedFiles: this.state.selectedFiles.filter(\n (el) => el.url !== element.url,\n ),\n })\n : this.setState({\n selectedFiles: [...this.state.selectedFiles, element],\n });\n };\n\n onCreateNewNotification = () => {};\n\n onCreateNewMeeting = () => {\n // this.props.createMeetingFromSelectedDocuments(this.state.selectedFiles);\n };\n\n onCreateNewDeadline = () => {\n // this.props.createDeadlineFromSelectedDocuments(this.state.selectedFiles);\n };\n\n loadMoreItems = (page) => {\n this.props.pullNextDocumentsPageRequest();\n };\n\n render() {\n const { selectedNationalCommittee } = this.props;\n return (\n \n this.onUpdateRow(index, event.target.value)}\n />\n {withRemoveButton ? this.renderRemoveButton(index) : null}\n
\n );\n };\n\n render() {\n const { t, hideLinkDocuments } = this.props;\n const { rows, errorMessages } = this.state;\n\n const withRemoveButton = rows.length > 1;\n\n return (\n \n \n \n {t(\"documents.linked.button.addLinkedDocuments\")}\n \n
\n \n {rows.map((row, index) =>\n this.renderRow(index, row, withRemoveButton),\n )}\n
\n \n {t(\"documents.header.name\")}
\n\n {this.state.isLinkingDocuments ? (\n
\n {element.name}
\n {element.description}
\n \n {element.children && (\n {element.children.length}\n )}\n \n
\n \n ) : (\n \n
\n );\n };\n\n render() {\n const { list } = this.props;\n\n return {element.name}
\n {element.description}
\n \n {list.map(this.renderRow)}
;\n }\n}\n\nexport default List;\n","import React, { Component } from \"react\";\n\nclass ListBreadcrumb extends Component {\n render() {\n const { element, handleElementClick } = this.props;\n\n return (\n \n \n {element.name}\n
\n {element.description}
\n \n \n );\n }\n}\n\nexport default ListBreadcrumb;\n","import React, { Component, Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withTranslation } from \"react-i18next\";\nimport { compose } from \"redux\";\nimport \"./Committees.scss\";\nimport List from \"../../common/list/List\";\nimport ListBreadcrumb from \"../../common/list/BreadcrumbList\";\nimport {\n getInternationalCommittees,\n selectedNationalCommittee,\n} from \"../../../state/national-committees/selectors\";\nimport { Helmet } from \"react-helmet\";\nimport { setPageTitle } from \"../../../utils/pageTitle\";\n\nimport Loader from \"../../common/loader/Loader\";\nimport { getAssociatedCommitteesByCommitteeId } from \"../../../state/national-committees/actions\";\n\nclass Committees extends Component {\n state = {\n selectedParent: null,\n };\n\n componentDidMount() {\n const {\n internationalCommittees,\n getAssociatedCommitteesByCommitteeId,\n committee,\n } = this.props;\n\n if (internationalCommittees.length === 0) {\n getAssociatedCommitteesByCommitteeId({\n committeeId: committee,\n });\n }\n }\n\n //todo: move to selectors!\n getChildrenList = (list, parent) => {\n return list.filter((element) => element.parent === parent);\n };\n\n getList = (list, parent) => {\n return list\n .filter((element) => element.parent === (parent && parent.name))\n .map((element) => {\n element.children = this.getChildrenList(list, element.name);\n return element;\n });\n };\n\n getPrevList = (list, element) => {\n return (\n (element &&\n element.name &&\n list.find((x) => x.name === element.parent)) ||\n null\n );\n };\n\n render() {\n const { t } = this.props;\n\n return (\n \n {t(\"internationalCommittees.header\", {\n committee: this.props.committee,\n })}\n
\n\n
\n \n {this.state.selectedParent && (\n \n this.setState({\n selectedParent: this.getPrevList(\n this.props.internationalCommittees,\n this.state.selectedParent,\n ),\n })\n }\n />\n )}\n \n this.setState({ selectedParent: element })\n }\n />\n
\n \n {\n setWaitingForState(!isActive);\n changeActiveState();\n setShowConfirmation(false);\n }}\n onCancel={() => {\n setShowConfirmation(false);\n }}\n />\n \n )}\n
\n \n );\n};\n","import React, { Component, Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport Member from \"./components/member/Member\";\nimport {\n getMembers,\n isFetchingMembers,\n} from \"../../../state/members/selectors\";\nimport { userDetails, isConsultant } from \"../../../state/user/selectors\";\nimport Loader from \"../../common/loader/Loader\";\nimport { setPageTitle } from \"../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\n\nimport * as membersActions from \"../../../state/members/actions\";\n\nclass Members extends Component {\n sortMembers = (a, b) => {\n //split the names as strings into arrays\n const aName = a.name.split(\" \");\n const bName = b.name.split(\" \");\n\n // get the last names by selecting\n // the last element in the name arrays\n // using array.length - 1 since full names\n // may also have a middle name or initial\n const aLastName = aName[aName.length - 1];\n const bLastName = bName[bName.length - 1];\n\n // compare the names and return either\n // a negative number, positive number\n // or zero.\n if (aLastName < bLastName) return -1;\n if (aLastName > bLastName) return 1;\n return 0;\n };\n\n sortIsConsultant = (a, b) => {\n if (a.isConsultant) return -1;\n if (b.isConsultant) return 1;\n return 0;\n };\n\n sortIsChairman = (a, b) => {\n if (a.isChairman) return -1;\n if (b.isChairman) return 1;\n return 0;\n };\n\n sortIsProfessional = (a, b) => {\n if (a.isProfessional) return -1;\n if (b.isProfessional) return 1;\n return 0;\n };\n\n get orderedMembers() {\n const { members } = this.props;\n if (!members) {\n return null;\n }\n\n return members\n .sort(this.sortMembers)\n .sort(this.sortIsChairman)\n .sort(this.sortIsProfessional)\n .sort(this.sortIsConsultant);\n }\n\n filterActiveMembers(members) {\n if (!members) {\n return null;\n }\n\n return members.filter((m) => m.isActive);\n }\n\n onChangeMemberActivState(memberId, newState) {\n this.props.setMemberActiveState({\n userId: memberId,\n state: newState,\n });\n }\n\n renderMembers(members) {\n const { t, user } = this.props;\n\n if (!members) {\n return (\n \n \n \n \n ) : null}\n
\n \n \n
\n {linkedIn ? (\n \n {name}\n {isChairman ? ` (${t(\"member.chairman\")})` : null}\n
\n {work}\n {email}\n {phone}\n\n \n {\n setShowConfirmation(true);\n }}\n >\n \n {isActive\n ? t(\"member.activity.isActive\")\n : t(\"member.activity.isInactive\")}\n \n
\n \n
\n {!isConsultant && (\n \n {isConsultant ? (\n \n {lastActivityDate && (\n \n
\n {t(\"member.consultant\")}
\n ) : isProfessional ? (\n {t(\"member.professional\")}
\n ) : (\n \n {dslist && dslist.length ? dslist.join(\", \") : \"\"}\n
\n )}\n \n {t(\"member.activity.label\", {\n date: formatDateTime(new Date(lastActivityDate)),\n })}\n
\n )}\n \n {t(\"general.content.nothingToShow\")}\n
\n );\n }\n\n return members.map((member, index) => {\n if (user && user.email === member.email) {\n return (\n\n \n {t(\"member.sendEmailLabel\")}\n \n
\n );\n }\n\n render() {\n const { t, isFetchingMembers, selectedNationalCommittee, isConsultant } =\n this.props;\n const members = this.orderedMembers;\n const filteredMembers = this.filterActiveMembers(members);\n if (isFetchingMembers) {\n return {t(\"member.header.name\")}
\n\n {this.renderMailtoLink(filteredMembers)}\n\n
\n \n {this.renderMembers(isConsultant ? members : filteredMembers)}\n
\n {t(\"publishedStandards.header.name\")}
\n\n
\n \n {t(\"publishedStandards.externalLink.message\")}\n
\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n isConsultant: isConsultant(state),\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default connect(mapStateToProps, null)(SideMenu);\n","import React, { Component } from \"react\";\nimport userManager from \"../../../services/auth/openIdClient\";\n\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { NotificationTopButton } from \"../layout/NotificationTopButton\";\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\n\nclass TopBar extends Component {\n state = {\n userBoxOpened: false,\n };\n\n componentDidMount() {\n window.addEventListener(\"click\", this.documentClick);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"click\", this.documentClick);\n }\n\n documentClick = (e) => {\n if (\n !(\n e.target.classList.contains(\"user-box__button\") ||\n (e.target.parentElement &&\n e.target.parentElement.classList.contains(\"user-box__button\"))\n )\n ) {\n this.setState({\n userBoxOpened: false,\n });\n }\n };\n\n onClick = () => {\n this.toggleUserProfile();\n userManager.signoutRedirect();\n userManager.removeUser();\n };\n\n toggleUserProfile = () => {\n this.setState({\n userBoxOpened: !this.state.userBoxOpened,\n });\n };\n render() {\n const { selectedNationalCommittee } = this.props;\n const { userBoxOpened } = this.state;\n\n return (\n \n {/* {isConsultant && } */}\n \n \n {this.sideMenuTitle(ALL_COMMITTEES)} \n \n {selectedNationalCommittee\n ? this.sideMenuTitle(selectedNationalCommittee)\n : this.sideMenuTitle(ALL_COMMITTEES)}\n \n \n {this.sideMenuTitle(selectedNationalCommittee)}\n \n {/* \n \n \n (\n \n selectedNationalCommittee ? (\n \n
\n \n \n \n {this.props.headingTitleFunction()}\n \n \n \n {/* \n {window.__ENABLE_TOPBAR_SEARCH && \n \n\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default compose(connect(mapStateToProps, null))(TopBar);\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport default ({ selectedNationalCommittee }) => {\n return (\n \n \n {userBoxOpened ? (\n
*/}\n {/* \n
\n ) : null}\n - \n
- \n
- \n
\n {}}\n isLast={true}\n >\n
\n );\n }\n}\n\nconst mapDispatchToProps = {};\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(ConsultantMenu);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { Link } from \"react-router-dom\";\nimport { withTranslation, Trans } from \"react-i18next\";\n\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\nimport { generateLink } from \"../../../utils/dynamicLink\";\n\nclass DeadlineFromDocumentHint extends Component {\n render() {\n const { selectedNationalCommittee } = this.props;\n return (\n <>\n \n \n
\n \n \n
\n - \n
- \n
- \n
- \n
\n
\n \n {this.props.t(\"userHints.deadlineFromDocument.title\")}\n
\n\n
\n \n );\n }\n}\n\nconst mapDispatchToProps = {};\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default compose(\n connect(mapStateToProps, mapDispatchToProps),\n withTranslation(\"common\"),\n)(DeadlineFromDocumentHint);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation, Trans } from \"react-i18next\";\n\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\n\nclass DeadlineFromDocumentHint extends Component {\n render() {\n return (\n <>\n \n
\n
\n \n {this.props.t(\"userHints.deadlinesList.title\")}\n
\n\n
\n \n );\n }\n}\n\nconst mapDispatchToProps = {};\n\nconst mapStateToProps = (state) => ({\n selectedNationalCommittee: selectedNationalCommittee(state),\n});\n\nexport default compose(\n connect(mapStateToProps, mapDispatchToProps),\n withTranslation(\"common\"),\n)(DeadlineFromDocumentHint);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport ModalWrapper from \"../modal-wrapper/ModalWrapper\";\nimport * as applicationActions from \"../../../state/app/actions\";\nimport * as applicationSelectors from \"../../../state/app/selectors\";\n\nimport DeadlineFromDocumentHint from \"./DeadlineFromDocumentHint\";\nimport DeadlinesListHint from \"./DeadlinesListHint\";\nimport { applicationUserHints } from \"../../../utils/constants\";\n\nclass UserHintDialog extends Component {\n state = {\n disableCurrentHint: false,\n };\n\n componentDidMount() {\n this.setState({ disableCurrentHint: false });\n }\n\n componentDidUpdate(prevProps) {\n if (\n this.props.applicationUserHintState.messageToShow !==\n prevProps.applicationUserHintState.messageToShow\n ) {\n this.setState({ disableCurrentHint: false });\n }\n }\n\n onModalClose = () => {\n this.props.applicationCloseUserHint({\n disable: this.state.disableCurrentHint,\n });\n };\n\n renderModalContent() {\n switch (this.props.applicationUserHintState.messageToShow) {\n case applicationUserHints.createDeadlineFromDocument:\n return \n
\n
\n \n \n );\n }\n}\n\nconst mapDispatchToProps = {\n applicationCloseUserHint: applicationActions.applicationCloseUserHint,\n};\n\nconst mapStateToProps = (state) => ({\n applicationUserHintState:\n applicationSelectors.applicationUserHintState(state),\n});\n\nexport default compose(\n connect(mapStateToProps, mapDispatchToProps),\n withTranslation(\"common\"),\n)(UserHintDialog);\n","import { createSelector } from \"reselect/lib/index\";\nimport { transformCommitteeName } from \"../../../utils/transform\";\nimport { userCommittees } from \"../../../state/user/selectors\";\nimport { committees } from \"../../../state/committees/selectors\";\n\nconst searchPhrase = (state, searchPhrase) => searchPhrase;\n\nfunction getCommitteeComparer(userCommitteesNames) {\n return (a, b) => {\n if (userCommitteesNames) {\n const userBelongsToA = userCommitteesNames.includes(a.id);\n const userBelongsToB = userCommitteesNames.includes(b.id);\n\n if (userBelongsToA !== userBelongsToB) {\n return userBelongsToA ? -1 : 1;\n }\n }\n\n return a.id.localeCompare(b.id);\n };\n}\n\nfunction getMemberedCommittees(\n committees,\n userCommitteesNames,\n userCommittees,\n) {\n return committees\n .filter((committee) =>\n userCommitteesNames.some(\n (userCommitteesName) => userCommitteesName.id === committee.id,\n ),\n )\n .sort(getCommitteeComparer())\n .map((committee) => ({\n name: committee.id,\n title: committee.title,\n responsibleNames: committee.responsibleNames,\n url: `/${transformCommitteeName(committee.id)}/notifications`,\n counter:\n userCommittees[committee.id].unseenNotifications < 0\n ? 0\n : userCommittees[committee.id].unseenNotifications,\n }));\n}\n\nfunction getSearchResultCommittees(\n committees,\n userCommitteesNames,\n userCommittees,\n searchPhrase,\n) {\n return committees\n .filter(\n (committee) =>\n committee.id.toLowerCase().indexOf(searchPhrase.toLowerCase()) !== -1 ||\n committee.title.toLowerCase().indexOf(searchPhrase.toLowerCase()) !==\n -1 ||\n committee.responsibleNames\n .toLowerCase()\n .indexOf(searchPhrase.toLowerCase()) !== -1,\n )\n .sort(getCommitteeComparer(userCommitteesNames))\n .map((committee) => ({\n name: committee.id,\n title: committee.title,\n responsibleNames: committee.responsibleNames,\n url: `/${transformCommitteeName(committee.id)}/notifications`,\n counter: userCommitteesNames.includes(committee.id)\n ? userCommittees[committee.id].unseenNotifications < 0\n ? 0\n : userCommittees[committee.id].unseenNotifications\n : null,\n }));\n}\n\nexport const userCommitteesLinkList = createSelector(\n [userCommittees, committees, searchPhrase],\n (userCommittees, committees, searchPhrase) => {\n const userCommitteesNames = userCommittees\n ? Object.keys(userCommittees).map((id) => ({ id: id, title: \"\" }))\n : [];\n\n if (!searchPhrase) {\n return userCommittees\n ? getMemberedCommittees(committees, userCommitteesNames, userCommittees)\n : [];\n }\n\n return getSearchResultCommittees(\n committees,\n userCommitteesNames,\n userCommittees,\n searchPhrase,\n );\n },\n);\n","export const committees = (state) => state.committees.data;\n","export const scrollTop = () => {\n setTimeout(() => {\n window.scroll({ top: 0, left: 0, behavior: \"smooth\" });\n }, 10);\n};\n\nexport const scrollWithOffset = (el, offset) => {\n var body = document.body;\n var docEl = document.documentElement;\n var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;\n const elementPosition = el.getBoundingClientRect().top + scrollTop - offset;\n setTimeout(() => {\n window.scroll({\n top: elementPosition,\n left: 0,\n behavior: \"smooth\",\n });\n }, 250);\n};\n\nexport const scrollToElement = (selector) => {\n const elements = document.querySelectorAll(selector);\n if (elements && elements.length > 0) {\n elements[0].scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n inline: \"center\",\n });\n }\n};\n","import React, { Component } from \"react\";\nimport { compose } from \"redux\";\nimport { Link } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { withTranslation } from \"react-i18next\";\nimport { userCommitteesLinkList } from \"./selectors\";\nimport UrlPattern from \"url-pattern\";\nimport { selectedNationalCommittee } from \"../../../state/national-committees/selectors\";\nimport { scrollTop } from \"../../../utils/scroll\";\nimport { allNcsId } from \"../../../utils/constants\";\nimport \"./CommitteeList.scss\";\n\nclass CommitteeList extends Component {\n allNcParser = new UrlPattern(`/${allNcsId}/:segment`);\n userParser = new UrlPattern(\"/user/:segment\");\n searchParser = new UrlPattern(\"/search\");\n\n state = {\n active: 0,\n };\n\n componentDidMount() {\n if (\n this.userParser.match(window.location.pathname) &&\n this.state.active !== null\n ) {\n this.setState({\n active: null,\n });\n } else if (\n this.searchParser.match(window.location.pathname) &&\n this.state.active !== null\n ) {\n this.setState({\n active: null,\n });\n } else if (\n this.allNcParser.match(window.location.pathname) &&\n this.state.active !== \"all\"\n ) {\n this.setState({\n active: allNcsId,\n });\n } else {\n this.setState({\n active: this.props.selectedNationalCommittee,\n });\n }\n }\n\n componentDidUpdate() {\n if (this.userParser.match(window.location.pathname)) {\n this.state.active !== null &&\n this.setState({\n active: null,\n });\n } else if (this.searchParser.match(window.location.pathname)) {\n this.state.active !== null &&\n this.setState({\n active: null,\n });\n } else if (this.state.active === null) {\n this.setState({\n active: this.props.selectedNationalCommittee,\n });\n }\n }\n\n setCounter = (value) => {\n return value >= 100 ? \"99+\" : value;\n };\n\n setClasses = (name) => {\n return name === this.state.active ? \" active\" : \"\";\n };\n\n onClickHandler = (event, element) => {\n event.preventDefault();\n scrollTop();\n this.setState({\n active: element.name,\n });\n this.props.onItemClick && this.props.onItemClick(element.name);\n };\n\n createLink = (element, index) => {\n return (\n \n
\n \n \n
\n \n \n {this.props.t(\"general.button.continue\")}\n \n
\n \n \n {element.displayName || element.name}\n \n {element.title}\n {element.counter ? (\n \n {this.setCounter(element.counter)}\n \n ) : null}\n
\n \n \n {element.responsibleNames}\n \n \n
\n \n \n );\n };\n\n render() {\n const { t } = this.props;\n\n return (\n - \n {/* Removing all committees */}\n {/* {this.createLink(\n {\n displayName: t(\"navigation.sideBar.allNcs\"),\n name: allNcsId,\n url: \"/deadlines\",\n },\n allNcsId,\n )} */}\n {this.props.userCommitteesLinkList.map(this.createLink)}\n
{\"S-Udvalg\"}
\n\n {isConsultant && (\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n isConsultant: isConsultant(state),\n});\n\nconst mapDispatchToProps = {\n changeNationalCommittee,\n};\n\nexport default compose(connect(mapStateToProps, mapDispatchToProps))(\n SearchCommitteeComponent,\n);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport ModalWrapper from \"../modal-wrapper/ModalWrapper\";\nimport * as applicationActions from \"../../../state/app/actions\";\nimport * as applicationSelectors from \"../../../state/app/selectors\";\n\nimport { emptyModalStack } from \"../../../state/modal-stack/actions\";\nimport { v4 } from \"uuid\";\nimport SearchCommitteeComponent from \"../search-committee-component/SearchCommitteeComponent\";\n\nclass GlobalDialogs extends Component {\n onModalClose(dialog) {\n this.props.emptyModalStack();\n if (dialog.modalSettings.allowEscape)\n this.props.applicationCloseGlobalDialog(dialog.id);\n }\n\n render() {\n const { globalDialogsStack } = this.props;\n return globalDialogsStack.map((d) => {\n const key = d.id ?? v4();\n\n return (\n \n
\n {suggestion.name}
;\n\n onChange = (event, { newValue }) => {\n this.setState({\n value: newValue,\n });\n };\n\n // Autosuggest will call this function every time you need to update suggestions.\n // You already implemented this logic above, so just use it.\n onSuggestionsFetchRequested = ({ value }) => {\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n\n //get suggestions from api\n inputLength &&\n inputLength >= 3 &&\n this.props.getSearchSuggestions(inputValue);\n };\n\n onSuggestionSelected = (event, { suggestion, suggestionValue }) => {\n clearTimeout(this.openingTimeout);\n this.setState(\n {\n value: suggestionValue,\n },\n history.push(`/search?title=${encodeURIComponent(suggestionValue)}`, {\n searching: true,\n }),\n );\n if (this.state.opened) {\n this.setState({ opened: false, opening: false });\n this.autosuggestInput.blur();\n }\n this.props.updateRecentSearches(suggestionValue);\n };\n\n handleButtonClick = (e) => {\n e.preventDefault();\n clearTimeout(this.openingTimeout);\n if (this.autosuggestInput === document.activeElement) {\n history.push(`/search?title=${encodeURIComponent(this.state.value)}`, {\n searching: true,\n });\n this.props.updateRecentSearches(this.state.value);\n }\n if (this.state.opened) {\n this.setState({ opened: false, opening: false });\n this.autosuggestInput.blur();\n } else {\n this.setState({ opening: true, opened: false });\n this.openingTimeout = setTimeout(() => {\n this.setState({ opened: true, opening: false });\n this.autosuggestInput.focus();\n }, 500);\n }\n };\n\n storeInputReference = (autosuggest) => {\n if (autosuggest !== null) {\n this.autosuggestInput = autosuggest.input;\n }\n };\n\n onClickOutside = () => {\n if (this.state.opened) {\n this.setState({ opened: false, opening: false });\n }\n };\n\n render() {\n const { value, opened, opening } = this.state;\n const { t } = this.props;\n\n // Autosuggest will pass through all these props to the input.\n const inputProps = {\n className: \"search-box__input\",\n placeholder: t(\"search.placeholder\"),\n value,\n onChange: this.onChange,\n };\n\n return (\n \n {}}>\n \n \n {\n this.props.options.find(\n (item) => item.id == this.state.selectedOptionId,\n ).displaySelected\n }\n \n \n \n\n \n
\n );\n }\n}\n\nconst DropdownPanelItem = (props) => {\n return (\n \n
\n - \n {this.props.options.map((option) => {\n return (\n
\n \n
\n );\n }\n}\n\nexport default ToolbarTool;\n","import React, { Component } from \"react\";\nimport userManager from \"../../../services/auth/openIdClient\";\nimport { withTranslation } from \"react-i18next\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport Search from \"../search-box/Search\";\nimport LanguageSwitcher from \"../language-switcher/LanguageSwitcher\";\nimport ToolbarTool from \"../toolbar-link/ToolbarTool\";\nimport WithPrivileges from \"../with-privileges/WithPrivileges\";\nimport \"./LayoutPanelLeftFooter.scss\";\n\nclass LayoutPanelLeftFooter extends Component {\n state = {\n userBoxOpened: false,\n };\n\n componentDidMount() {\n window.addEventListener(\"click\", this.documentClick);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"click\", this.documentClick);\n }\n\n documentClick = (e) => {\n if (\n !(\n e.target.classList.contains(\"user-box__button\") ||\n (e.target.parentElement &&\n e.target.parentElement.classList.contains(\"user-box__button\"))\n )\n ) {\n this.setState({\n userBoxOpened: false,\n });\n }\n };\n\n onClick = () => {\n this.toggleUserProfile();\n userManager.signoutRedirect();\n userManager.removeUser();\n };\n\n toggleUserProfile = () => {\n this.setState({\n userBoxOpened: !this.state.userBoxOpened,\n });\n };\n\n render() {\n const { t, location } = this.props;\n const { userBoxOpened } = this.state;\n\n const userSettingActive = location.pathname.includes(\"/user\");\n\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(withTranslation(\"common\")(LayoutPanelLeftFooter));\n","import React, { useState, useEffect } from \"react\";\n\nimport { CURRENT } from \"./Stepper\";\n\nimport expandIcon from \"../../../assets/icons/expand_icon.svg\";\n\nconst StepperItem = ({\n type,\n code,\n description,\n title,\n isActive,\n onClick,\n chosenStep,\n}) => {\n const [isOpen, setIsOpen] = useState(\"\");\n\n const setToOpen = () => setIsOpen(\" \");\n const setToClosed = () => setIsOpen(\"\");\n\n const handleClick = () => {\n isOpen ? setToClosed() : setToOpen();\n };\n\n const handleStepClick = (e) => {\n e.stopPropagation();\n if (!isActive) onClick(code);\n };\n\n useEffect(() => {\n if (type === CURRENT) {\n onClick(code);\n }\n }, [code, onClick, type]);\n\n useEffect(() => {\n if (chosenStep !== code) setToClosed();\n }, [chosenStep, code]);\n\n return (\n \n \n \n\n
\n \n \n \n \n {t(\"navigation.userMenu.userProfile\")}\n \n \n {userBoxOpened ? (\n
\n \n
\n ) : null}\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
e.preventDefault()}>\n \n
\n
\n \n );\n};\n\nexport default StepperItem;\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\n\nimport StepperItem from \"./Item\";\n\nimport \"./Stepper.scss\";\n\nexport const CURRENT = \"current\";\nexport const NEXT = \"next\";\nexport const PREVIOUS = \"previous\";\n\nclass Stepper extends Component {\n constructor(props) {\n super(props);\n this.state = { chosenStep: -1 };\n }\n\n stageTitle = (stage) => {\n const { t, titleTranslationBase } = this.props;\n if (titleTranslationBase) {\n return t(`${titleTranslationBase}.${stage.value}`);\n }\n return \"\";\n };\n\n handleStepClick = (code) => {\n this.setState({ chosenStep: parseInt(code) });\n };\n\n renderStage = (stage, type) => {\n const isActive = parseInt(stage.value) === this.state.chosenStep;\n\n return (\n \n \n {code}\n {isActive && {title}}\n \n {isActive && (\n \n )}\n
\n {description}
\n\n
\n ) : null;\n }\n}\n\nexport default withTranslation(\"common\")(Stepper);\n","export default class Vote {\n constructor(vote, deadlineUri, userID, uri = \"\") {\n this.uri = uri;\n this.deadlineUri = deadlineUri;\n this.memberId = userID;\n this.vote = vote;\n this.memberVote = vote;\n }\n}\n","import React, { Component } from \"react\";\nimport classNames from \"classnames\";\n\nclass Radio extends Component {\n render() {\n // Radiobutton does not necessarily expect to receive an \"element\".\n // Added ternary operator to handle other use cases.\n const { element, disabled, isAwaiting } = this.props;\n // Please change if there is a better way to handle each radio button to have a different value\n const randomNumber = Math.random() * 10;\n const inputType = this.props.inputType || \"radio\";\n if (isAwaiting) {\n return (\n \n {t(\"deadlines.details.internationalStatusCode\")}\n
\n\n
\n - {stages.map(this.renderStages)}
\n
\n \n
\n {member.name}
\n{member.work}
\n\n \n VOTED {t(vote.vote.label)}\n \n
\n \n );\n })\n : null;\n };\n\n render() {\n const { t, closeHandler, headline } = this.props;\n\n return (\n \n
\n \n
\n\n {this.renderList()}\n {this.isLoadingMembers && (\n {headline}
\n\n {
\n )}\n\n \n \n
\n \n {this.props.hideVoting || (\n this.setState({ showVotesModal: false })}\n disableSlide\n >\n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(VotingBar);\n","import React, { Fragment, Component } from \"react\";\nimport { NavLink, withRouter } from \"react-router-dom\";\nimport { withTranslation } from \"react-i18next\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n} from \"../../../../../utils/dynamicLink\";\n\nclass CommentReminder extends Component {\n render() {\n const { t, itemName, closeHandler } = this.props;\n return (\n \n {t(voteLabelMap[this.props.voteType])}\n
\n \n
\n \n {adjustedPercentage}%{/* Don't show vote count if 0 */}\n {this.props.countVotes !== 0 && (\n \n {this.props.countVotes}{\" \"}\n {this.props.countVotes === 1 ? \"vote\" : \"votes\"}\n \n )}\n
\n\n
\n \n {t(\"deadlines.details.CommentReminderHeadline\", { itemName })}\n
\n\n
\n\n {t(\"deadlines.details.CommentReminderNewCommentLink\")}\n \n
\n {t(\"deadlines.details.CommentReminderMessage\")}
\n\n
\n \n
\n \n \n this.setState({ showCommentReminder: false })\n }\n disableSlide\n >\n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(Voter);\n","import React from \"react\";\nimport classNames from \"classnames\";\n\nexport default ({ type }) => {\n type = type || \"small\";\n return (\n {t(\"deadlines.details.recommendation\")}
\n \n\n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(OverrideOfficialVote);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { voteLabelMap } from \"../../../utils/constants\";\n\nimport ModalWrapper from \"../modal-wrapper/ModalWrapper\";\nimport WithPrivileges from \"../with-privileges/WithPrivileges\";\nimport OverrideOfficialVote from \"../../pages/deadlines/components/modal-content/OverrideOfficialVote\";\n\nimport \"./OfficialVote.scss\";\n\nclass OfficialVote extends Component {\n state = {\n showOverrideOfficialVoteModal: false,\n };\n\n getVoteLabel() {\n return voteLabelMap[this.props.vote];\n }\n\n onOverrideOfficialVoteModal = (e) => {\n e.preventDefault();\n this.setState({ showOverrideOfficialVoteModal: true });\n };\n\n render() {\n const { t, vote, deadlineStage } = this.props;\n return (\n \n
\n\n \n {t(\"deadlines.details.officialVote.overrideModal.title\")}\n
\n\n {\n this.setState({ selectedOverrideOption: option });\n }}\n />\n
\n\n \n \n \n {t(\"deadlines.details.officialVote.overrideModal.submit\")}\n \n
\n \n \n \n {t(\"deadlines.details.officialVote.note\")}\n \n \n\n \n \n this.setState({ showOverrideOfficialVoteModal: false })\n }\n disableSlide\n >\n \n this.setState({ showOverrideOfficialVoteModal: false })\n }\n vote={vote}\n deadlineStage={deadlineStage}\n onOverrideOfficialVote={this.props.onOverrideOfficialVote}\n />\n \n \n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(OfficialVote);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport types from \"../../../../common/modal-wrapper/contentTypes\";\nimport DocumentList from \"../../../../common/document-list/List\";\nimport { Link } from \"react-router-dom\";\nimport { isConsultant } from \"../../../../../state/user/selectors\";\nimport { getModalDetails } from \"../../../../../state/document/selectors\";\nimport {\n resetModalState,\n setModalState,\n} from \"../../../../../state/document/actions\";\nimport DeleteModal from \"../../../documents/components/modal-content/DeleteModal\";\nimport DownloadZipButton from \"../../../../common/download-zip-button/DownloadZipButton\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\n\nclass ReferenceDocumentsRow extends Component {\n state = {\n addDocumentActionType: null,\n };\n\n fetchUpdatedDocument = (document) => {\n this.props.onUpdateDocument(document);\n };\n\n removeDocument = (id) => {\n const { onRemoveDocument, resetModalState } = this.props;\n onRemoveDocument(id);\n resetModalState();\n };\n\n showModalToRemoveDocumentFromList = (element) =>\n this.props.setModalState({\n isOpen: true,\n contentType: types.REMOVE_FILE_FROM_DOCUMENT_LIST,\n content: element,\n });\n\n renderRemoveDocumentFromListModal = () => {\n const { modal, t, resetModalState } = this.props;\n\n return (\n \n \n {t(\"deadlines.details.officialVote.mainLabel\", {\n vote: t(this.getVoteLabel()),\n })}\n \n \n \n {t(\"deadlines.details.officialVote.overrideLabel\")}\n \n \n
\n \n
\n \n );\n };\n\n renderView = () => {\n const { referenceDocumentList } = this.props;\n\n return (\n <>\n {referenceDocumentList &&\n !!referenceDocumentList.length &&\n this.renderListView()}\n \n );\n };\n\n renderButton = () => {\n const { t, moveToLink, onSelect, isModal } = this.props;\n const selectFromDocuments = t(\n \"notifications.detail.new.selectFromDocuments\",\n );\n\n return (\n <>\n {isModal ? (\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n modal: getModalDetails(state),\n // documents: getDocuments(state),\n isConsultant: isConsultant(state),\n});\n\nconst mapDispatchToProps = {\n setModalState,\n resetModalState,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(ReferenceDocumentsRow);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport types from \"../../../../common/modal-wrapper/contentTypes\";\nimport { Link } from \"react-router-dom\";\nimport { getModalDetails } from \"../../../../../state/document/selectors\";\nimport {\n resetModalState,\n setModalState,\n} from \"../../../../../state/document/actions\";\nimport DeleteModal from \"../../../documents/components/modal-content/DeleteModal\";\nimport MeetingTable from \"../../../meetings/pages/meeting-tab/MeetingTable\";\nimport ModalWrapper from \"../../../../common/modal-wrapper/ModalWrapper\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\n\nclass ReferenceMeetingRow extends Component {\n removeMeeting = (id) => {\n const { onRemoveMeeting, resetModalState } = this.props;\n onRemoveMeeting(id);\n resetModalState();\n };\n\n renderRemoveMeetingFromListModal = () => {\n const { modal, t, resetModalState } = this.props;\n\n return (\n \n \n {t(\"documents.header.name\")}\n \n {/* buttons */}\n <>\n {disableEdit ? (\n
\n {this.props.isLoading ? \n
\n \n );\n };\n\n renderButton = () => {\n const { t, moveToLink, onSelect, isModal } = this.props;\n const selectFromMeetings = t(\"references.meeting.selectFromList\");\n\n return isModal ? (\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n modal: getModalDetails(state),\n});\n\nconst mapDispatchToProps = {\n setModalState,\n resetModalState,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(ReferenceMeetingRow);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport types from \"../../../../common/modal-wrapper/contentTypes\";\nimport { Link } from \"react-router-dom\";\nimport { getModalDetails } from \"../../../../../state/document/selectors\";\nimport {\n resetModalState,\n setModalState,\n} from \"../../../../../state/document/actions\";\nimport DeleteModal from \"../../../documents/components/modal-content/DeleteModal\";\nimport ModalWrapper from \"../../../../common/modal-wrapper/ModalWrapper\";\nimport DeadlineTable from \"../../../deadlines/pages/deadline-list/DeadlineTable\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\n\nclass ReferenceDeadlineRow extends Component {\n removeDeadline = (id) => {\n const { onRemoveDeadline, resetModalState } = this.props;\n onRemoveDeadline(id);\n resetModalState();\n };\n\n renderRemoveDeadlineFromListModal = () => {\n const { modal, t, resetModalState } = this.props;\n\n return (\n \n \n {t(\"meetings.header.name\")}\n \n {!disableEdit && this.renderButton()}\n
\n {this.renderListView()}\n \n
\n \n );\n };\n\n renderButton = () => {\n const { t, moveToLink, onSelect, isModal } = this.props;\n const selectFromDeadlines = t(\"references.deadline.selectFromList\");\n\n return isModal ? (\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n modal: getModalDetails(state),\n});\n\nconst mapDispatchToProps = {\n setModalState,\n resetModalState,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(ReferenceDeadlineRow);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport ReferenceDocumentsRow from \"./ReferenceDocumentsRow\";\nimport ReferenceMeetingRow from \"./ReferenceMeetingRow\";\nimport \"./ReferencePage.scss\";\nimport \"./ReferenceComponent.scss\";\nimport ReferenceDeadlineRow from \"./ReferenceDeadlineRow\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\nimport { setReferenceTab } from \"../../../../../state/references/actions\";\n\nclass ReferenceComponent extends Component {\n isDisabled(tab) {\n const { disableRows } = this.props;\n return disableRows?.includes(tab);\n }\n\n onSelectTab = (selected) => {\n const { isModal, setReferenceTab } = this.props;\n\n if (!isModal) return;\n\n setReferenceTab(selected);\n };\n\n get isReferencesEmpty() {\n const { referencesPerType } = this.props;\n return (\n referencesPerType?.document?.length === 0 &&\n referencesPerType?.meeting?.length === 0 &&\n referencesPerType?.deadline?.length === 0\n );\n }\n\n render = () => {\n const { basePath, t, isModal, referencesPerType, disableEdit } = this.props;\n const documentsPath = `${basePath}/references/documents`;\n const meetingsPath = `${basePath}/references/meetings`;\n const deadlinesPath = `${basePath}/references/deadlines`;\n\n if (disableEdit && this.isReferencesEmpty) return null;\n\n return (\n \n \n {t(\"deadlines.header.name\")}\n \n {!disableEdit && this.renderButton()}\n
\n {this.renderListView()}\n \n \n {!this.isDisabled(REFERENCE_TAB.DOCUMENTS) && (\n {},\n // isAwaiting: bool,\n // isDisabled: bool,\n // }\n\n isModal={isModal}\n moveToLink={documentsPath}\n onSelect={this.onSelectTab}\n />\n )}\n {!this.isDisabled(REFERENCE_TAB.MEETINGS) && (\n
\n );\n };\n}\n\nconst mapDispatchToProps = {\n setReferenceTab,\n};\n\nconst mapStateToProps = (state) => ({});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(ReferenceComponent);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\n\nimport Stepper from \"../../../../common/stepper/Stepper\";\nimport Voter from \"../../../../common/voter/Voter\";\nimport VerticalSpacer from \"../../../../common/layout/VerticalSpacer\";\nimport OfficialVote from \"../../../../common/official-vote/OfficialVote\";\n\nimport {\n downloadDeadlineDocuments,\n removeReferenceFromDeadline,\n updateDeadlineReferenceInfo,\n} from \"../../../../../state/deadlines/actions\";\nimport * as votesActions from \"../../../../../state/votes/actions\";\n\nimport { isDownloadingFile } from \"../../../../../state/document/selectors\";\nimport {\n voteDetails,\n voteStats,\n officialVote,\n isUpdatingVote,\n} from \"../../../../../state/votes/selectors\";\nimport { getStages } from \"../../../../../state/values/selectors\";\n\nimport {\n hasDeadlinePassed,\n isFetchingDeadlines,\n} from \"../../../../../state/deadlines/selectors\";\nimport {\n isConsultant,\n userId,\n isMemberInCurrentCommittee,\n} from \"../../../../../state/user/selectors\";\n\nimport { transformUri } from \"../../../../../utils/transform\";\n\nimport \"./DeadlineDetailsTab.scss\";\nimport ConfirmationModal from \"../../../../common/confirmation-modal/ConfirmationModal\";\nimport { applicationPushGlobalDialog } from \"../../../../../state/app/actions\";\nimport ReferenceComponent from \"../../../notifications/components/reference/ReferenceComponent\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\n\nclass DeadlineDetailsTab extends Component {\n constructor() {\n super();\n this.state = {\n notificationsOn: false,\n };\n }\n\n componentDidMount() {\n this.props.initDeadlineVotes(this.props.uri);\n }\n\n handleCheckboxChange = () => {\n this.setState({\n notificationsOn: !this.state.notificationsOn,\n });\n };\n\n downloadAllFiles = () => {\n this.props.downloadDeadlineDocuments(transformUri(this.props.uri));\n };\n\n get hasDownloadableDocuments() {\n return this.props.references.filter((reference) => !reference.isLink)\n .length;\n }\n\n onOverrideOfficialVote = (vote) => {\n this.props.overrideOfficialVote({\n uri: this.props.uri,\n vote,\n });\n };\n\n onChangeVote = (vote) => {\n const { t, date } = this.props;\n\n const deadlineDate = new Date(date);\n deadlineDate.setDate(deadlineDate.getDate() - 14);\n\n if (new Date() < deadlineDate) return;\n\n this.props.applicationPushGlobalDialog({\n component: ConfirmationModal,\n modalSettings: {\n allowEscape: true,\n closeButton: true,\n },\n props: {\n title: t(\"deadlines.details.lateVoteTitle\"),\n message: t(\"deadlines.details.lateVoteDescription\"),\n disableSubmitButton: true,\n disableSlide: true,\n },\n disableSlide: true,\n });\n };\n\n onUpdateDocument = (document) => {\n this.props.updateDeadlineReferenceInfo(document);\n };\n\n onRemoveReferenceFromDeadline = (id) => {\n this.props.removeReferenceFromDeadline(id);\n };\n\n render() {\n const {\n stage,\n uri,\n title,\n description,\n committee,\n stages,\n officialVote,\n enableVoting,\n hasDeadlinePassed,\n isConsultant,\n referencesPerType,\n closedForComments,\n } = this.props;\n\n return (\n \n {description && (\n
\n );\n }\n}\n\nconst mapStateToProps = (state, props) => ({\n stages: getStages(state),\n hasDeadlinePassed: hasDeadlinePassed(state),\n\n userID: userId(state),\n isMemberInCurrentCommittee: isMemberInCurrentCommittee(state),\n isConsultant: isConsultant(state),\n\n votes: voteDetails(state),\n votesStatistics: voteStats(state),\n officialVote: officialVote(state),\n isUpdatingVote: isUpdatingVote(state),\n isProcessingRequest: isFetchingDeadlines(state),\n\n isDownloadingZipPackage: isDownloadingFile(state, transformUri(props.uri)),\n});\n\nconst mapDispatchToProps = {\n initDeadlineVotes: votesActions.initDeadlineVotes,\n overrideOfficialVote: votesActions.overrideOfficialVote,\n createVote: votesActions.createVote,\n updateVote: votesActions.updateVote,\n removeVote: votesActions.removeVote,\n downloadDeadlineDocuments,\n applicationPushGlobalDialog,\n updateDeadlineReferenceInfo,\n removeReferenceFromDeadline,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DeadlineDetailsTab);\n","import { createSelector } from \"reselect\";\nimport { getDeadlineUri } from \"../deadlines/selectors\";\n\nconst comments = (state) => state.comments.data;\n\nexport const getComments = createSelector(\n [comments, getDeadlineUri],\n (comments, getDeadlineUri) => {\n if (comments && getDeadlineUri) {\n return comments[getDeadlineUri];\n }\n return [];\n },\n);\n\nexport const commentGetter = createSelector(\n [comments, getDeadlineUri],\n (comments, getDeadlineUri) => {\n return (commentUri) => {\n if (\n comments &&\n getDeadlineUri &&\n commentUri &&\n comments[getDeadlineUri]\n ) {\n return comments[getDeadlineUri].filter(\n (comment) => comment.uri === commentUri,\n )[0];\n }\n return null;\n };\n },\n);\n\nexport const isProcessingCommentsRequest = (state) =>\n state.comments.isProcessingRequest;\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport Toggler from \"../../../../common/toggler/Toggler\";\nimport ActionBox from \"../../../../common/action-box/ActionBox\";\nimport classNames from \"classnames\";\nimport { getDateString } from \"../../../../../utils/transform\";\nimport Checkbox from \"../../../../common/form/checkbox/Checkbox\";\nimport { userDetails } from \"../../../../../state/user/selectors\";\nimport { compose } from \"redux\";\nimport { connect } from \"react-redux\";\nimport { getComments } from \"../../../../../state/comments/selectors\";\n\nclass Row extends Component {\n classGenerator = () => {\n const { comment } = this.props;\n if (this.props.enableSelection) {\n return \"table__row\";\n }\n return classNames(\"table__row\", {\n expanded: comment.expanded,\n collapsed: !comment.expanded,\n });\n };\n\n createMarkup = (content) => {\n return { __html: content };\n };\n\n revertGuidPlaceholdersToSpans(htmlString) {\n const comments = this.props.comments;\n\n // Iterate through each comment and replace the placeholders with the corresponding span elements\n comments.forEach((comment) => {\n const guidPlaceholder = `{{${comment.guid}}}`;\n const spanElement = `@ID:${comment.referenceId}`;\n\n // Replace all occurrences of the placeholder with the span element\n htmlString = htmlString.replace(\n new RegExp(guidPlaceholder, \"g\"),\n spanElement,\n );\n });\n\n return htmlString;\n }\n\n isNewComment = (date) => {\n if (!this.props.user) return null;\n if (\n new Date(date).getTime() >=\n new Date(this.props.user.lastLoginDate).getTime()\n ) {\n return (\n \n {this.props.t(\"comments.table.labels.newComment\")}\n \n );\n }\n return null;\n };\n\n renderAttachments = () => {\n const { attachments } = this.props.comment;\n\n return (\n attachments && (\n \n
\n )}\n\n \n \n
\n \n
\n ) : null}\n\n - \n {attachments.map((attachment, index) => (\n
- \n \n \n \n \n ))}\n
| \n | \n )}\n \n \n | \n{comment.referenceId} | \n{comment.line} | \n{comment.clause} | \n{comment.paragraph} | \n{comment.type} | \n{comment.author} | \n\n {getDateString(new Date(comment.updateDate))}\n | \n {!enableSelection && (\n\n {this.isNewComment(comment.updateDate)}\n | \n )}\n {showActionBox && (\n\n {commentActions && (\n | \n )}\n
| \n \n {t(\"comments.table.header.comment\")}\n \n | \n \n \n {t(\"comments.table.header.proposal\")}\n \n | \n
\n \n this.setState({ isDeleteModalOpen: false })\n }\n disableSlide\n >\n
\n );\n }\n}\n\nconst mapDispatchToProps = {\n deleteComment,\n};\n\nconst mapStateToProps = (state) => ({\n user: userDetails(state),\n isConsultant: isConsultant(state),\n isMemberInCurrentCommittee: isMemberInCurrentCommittee(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(CommentList);\n","import { sortingType } from \"./url\";\n\nexport const mapSortTypeToObj = (type) => {\n switch (type) {\n case sortingType.lineNumber_descending:\n return { name: \"line\", type: \"desc\", method: (elem) => elem };\n case sortingType.lineNumber_ascending:\n return { name: \"line\", type: \"asc\", method: (elem) => elem };\n case sortingType.clause_descending:\n return { name: \"clause\", type: \"desc\", method: (elem) => elem };\n case sortingType.clause_ascending:\n return { name: \"clause\", type: \"asc\", method: (elem) => elem };\n case sortingType.paragraph_descending:\n return { name: \"paragraph\", type: \"desc\", method: (elem) => elem };\n case sortingType.paragraph_ascending:\n return { name: \"paragraph\", type: \"asc\", method: (elem) => elem };\n case sortingType.type_descending:\n return { name: \"type\", type: \"desc\", method: (elem) => elem };\n case sortingType.type_ascending:\n return { name: \"type\", type: \"asc\", method: (elem) => elem };\n case sortingType.author_descending:\n return { name: \"author\", type: \"desc\", method: (elem) => elem };\n case sortingType.author_ascending:\n return { name: \"author\", type: \"asc\", method: (elem) => elem };\n case sortingType.date_descending:\n return { name: \"updateDate\", type: \"desc\", method: (elem) => elem };\n case sortingType.date_ascending:\n return { name: \"updateDate\", type: \"asc\", method: (elem) => elem };\n default:\n return { name: \"updateDate\", type: \"desc\", method: (elem) => elem };\n }\n};\n\nexport const sortComments = (a, b, sortingType) => {\n const sortSettings = mapSortTypeToObj(sortingType);\n\n if (sortSettings.type === \"asc\") {\n if (\n sortSettings.method(a[sortSettings.name]) <\n sortSettings.method(b[sortSettings.name])\n )\n return -1;\n if (\n sortSettings.method(a[sortSettings.name]) >\n sortSettings.method(b[sortSettings.name])\n )\n return 1;\n return 0;\n } else {\n if (\n sortSettings.method(a[sortSettings.name]) >\n sortSettings.method(b[sortSettings.name])\n )\n return -1;\n if (\n sortSettings.method(a[sortSettings.name]) <\n sortSettings.method(b[sortSettings.name])\n )\n return 1;\n return 0;\n }\n};\n","import React, { Component } from \"react\";\nimport classNames from \"classnames\";\n\nclass Tooltip extends Component {\n render() {\n const { label, content } = this.props;\n\n if (!label || !content) return null;\n\n return (\n \n \n
\n
\n \n \n
\n );\n }\n}\n\nexport class TooltipWrapper extends Component {\n render() {\n const { label, content, extraClass, children } = this.props;\n\n return (\n \n {label}\n
\n {content}
\n \n {children}\n
\n );\n }\n}\n\nexport default Tooltip;\n","import React, { Fragment } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport CommentList from \"../comment-list/List\";\nimport { Link } from \"react-router-dom\";\nimport { sortComments } from \"../../../../../services/comments/sort\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { getMembers } from \"../../../../../state/members/selectors\";\nimport { userDetails, isConsultant } from \"../../../../../state/user/selectors\";\nimport { isProcessingCommentsRequest } from \"../../../../../state/comments/selectors\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { exportCommentsToWord } from \"../../../../../state/comments/actions\";\nimport OnlyMember from \"../../../../common/only-member/OnlyMember\";\nimport { TooltipWrapper } from \"../../../../common/tooltip/Tooltip\";\nimport {\n generateDialogLink,\n DIALOG_TYPES,\n} from \"../../../../../utils/dynamicLink\";\nimport history from \"../../../../../utils/history\";\nimport ConfirmationModal from \"../../../../common/confirmation-modal/ConfirmationModal\";\nimport { applicationPushGlobalDialog } from \"../../../../../state/app/actions\";\n\nclass DeadlineCommentsTab extends React.Component {\n state = {\n comments: [],\n allExpanded: false,\n showModal: false,\n };\n\n componentDidMount() {\n const { comments } = this.props;\n if (comments && comments.length) {\n this.initializeComments();\n }\n }\n\n componentDidUpdate(prevProps) {\n const { comments, members } = this.props;\n if (prevProps.comments !== comments) {\n this.initializeComments();\n } else if (comments && prevProps.members !== members) {\n this.initializeComments();\n }\n }\n\n initializeComments = () => {\n this.setState({\n comments: this.props.comments.map((element) => {\n element.expanded = false;\n element.isSelected = false;\n let author = this.props.members.find(\n (member) => element.authorId === member.userID,\n );\n element.author = author ? author.name : \"\";\n return element;\n }),\n });\n };\n\n expandAllHandler = () => {\n this.setState({\n comments: this.state.comments.map((element) => {\n element.expanded = !this.state.allExpanded;\n return element;\n }),\n allExpanded: !this.state.allExpanded,\n });\n };\n\n onSortChange = (sortingType) => {\n this.setState({\n sortingType,\n comments: this.state.comments.sort((a, b) =>\n sortComments(a, b, sortingType),\n ),\n });\n };\n\n changeExpanded = (comment, index) => {\n const comments = this.state.comments;\n comments[index].expanded = !comments[index].expanded;\n\n this.setState({\n comments: [...comments],\n });\n };\n\n exportCommentsToWord = () => {\n this.props.exportCommentsToWord(this.props.uri);\n };\n\n directToCreateComment = () => {\n history.push(\n generateDialogLink(DIALOG_TYPES.CREATE_DEADLINE_COMMENT, this.props.uri),\n );\n };\n\n onAddComment = () => {\n const { t, date } = this.props;\n\n const deadlineDate = new Date(date);\n deadlineDate.setDate(deadlineDate.getDate() - 14);\n\n if (new Date() < deadlineDate) {\n this.directToCreateComment();\n return;\n }\n\n this.props.applicationPushGlobalDialog({\n component: ConfirmationModal,\n modalSettings: {\n allowEscape: true,\n closeButton: true,\n },\n props: {\n title: t(\"deadlines.details.lateCommentTitle\"),\n message: t(\"deadlines.details.lateCommentDescription\"),\n submitLabel: t(\"comments.buttons.newComment\"),\n submitHandler: this.directToCreateComment,\n disableSlide: true,\n },\n disableSlide: true,\n });\n };\n\n render() {\n const { comments, allExpanded, sortingType } = this.state;\n const {\n t,\n isProcessingCommentsRequest,\n isDeadlineDatePassed,\n closedForComments,\n isConsultant,\n } = this.props;\n const disableCommenting = isDeadlineDatePassed && !isConsultant;\n\n return (\n \n {label && {label}}\n {content &&
\n {content}
}\n \n {comments && !isProcessingCommentsRequest ? (\n \n \n ) : (\n
\n );\n }\n}\nconst mapStateToProps = (state) => ({\n members: getMembers(state),\n isProcessingCommentsRequest: isProcessingCommentsRequest(state),\n selectedNationalCommittee: selectedNationalCommittee(state),\n isConsultant: isConsultant(state),\n});\n\nconst mapDispatchToProps = {\n exportCommentsToWord,\n applicationPushGlobalDialog,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DeadlineCommentsTab);\n","import ical from \"ical-generator\";\n\nexport const createCalendarEvent = ({\n title,\n description,\n startDate,\n endDate,\n html,\n url,\n location,\n allDay = false,\n}) => {\n const calendar = ical();\n\n calendar.createEvent({\n start: startDate,\n end: endDate,\n summary: title,\n description: {\n plain: description,\n html: html,\n },\n location,\n url,\n allDay,\n });\n\n const eventString = calendar.toString();\n\n const file = new File([eventString], \"invite.ics\", { type: \"text/plain\" });\n\n return file;\n};\n","import React, { Component, Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { NavLink } from \"react-router-dom\";\nimport { Trans, withTranslation } from \"react-i18next\";\nimport { Helmet } from \"react-helmet\";\nimport FileDownload from \"js-file-download\";\n\nimport DeadlineDetailsTab from \"../../components/deadline-details/DeadlineDetailsTab\";\nimport DeadlineCommentsTab from \"../../components/deadline-details/DeadlineCommentsTab\";\nimport DateThumbnail from \"../../../../common/date-thumbnail/DateThumbnail\";\n\nimport {\n SlimTabsSwitcher,\n SlimTab,\n} from \"../../../../common/slim-tabs/SlimTabs\";\nimport {\n updateDeadlineReferenceInfo,\n removeReferenceFromDeadline,\n fetchDeadline,\n fetchDeadlineReferences,\n clearDeadline,\n deleteDeadline,\n downloadDeadlineDocuments,\n} from \"../../../../../state/deadlines/actions\";\nimport { fetchComments } from \"../../../../../state/comments/actions\";\nimport {\n getDeadline,\n isFetchingDeadlines,\n} from \"../../../../../state/deadlines/selectors\";\nimport { getStages } from \"../../../../../state/values/selectors\";\n\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport {\n generateDialogLink,\n generateCloseDialogLink,\n DIALOG_TYPES,\n PAGE_TYPES,\n generateDialogLinkForPage,\n} from \"../../../../../utils/dynamicLink\";\nimport PageNotFound from \"../../../404/PageNotFound\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport { userDetails } from \"../../../../../state/user/selectors\";\nimport { getComments } from \"../../../../../state/comments/selectors\";\nimport { getMembers } from \"../../../../../state/members/selectors\";\n\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\n\nimport WithPrivileges from \"../../../../common/with-privileges/WithPrivileges\";\nimport ReadonlyGuard from \"../../../../common/readonly-guard/ReadonlyGuard\";\nimport { initDocuments } from \"../../../../../state/document/actions\";\nimport DeadlineDeleteModal from \"../../components/delete-modal/DeadlineDeleteModal\";\n\nimport AnalyticsTracking, {\n ResourcesTypes,\n} from \"../../../../../services/analytics-tracking/analytics-tracking\";\n\nimport { createCalendarEvent } from \"../../../../../utils/calendarEvent\";\nimport { addDays } from \"date-fns\";\nimport { transformUri } from \"../../../../../utils/transform\";\nimport { isDownloadingFile } from \"../../../../../state/document/selectors\";\nimport GrayboxLabel from \"../../../../common/label/GrayboxLabel\";\nimport { calculateVotableDate } from \"../../components/deadline-card/DeadlineCard\";\nimport ActionBox from \"../../../../common/action-box/ActionBox\";\nimport Toggler from \"../../../../common/toggler/Toggler\";\n\nconst SHOW_DEADLINE_DETAILS = \"deadline_details\";\nconst SHOW_DEADLINE_COMMENTS = \"deadline_comments\";\nconst SHOW_DEADLINE_REFERENCES = \"deadline_references\";\n\nclass DeadlineDetails extends Component {\n state = {\n isDeleteModalOpen: false,\n currentCard: SHOW_DEADLINE_DETAILS,\n\n showLabel: false,\n showYear: false,\n labelYear: \"\",\n labelMonth: \"\",\n labelDate: \"\",\n\n actionBoxOpened: false,\n };\n\n constructor(props) {\n super(props);\n\n const uri = this.props.context.resource;\n if (this.props.context.option) {\n this.state.currentCard = this.props.context.option;\n }\n\n this.props.initDocuments();\n this.props.fetchDeadline(uri);\n this.props.fetchComments(uri);\n this.props.fetchDeadlineReferences();\n }\n\n componentDidUpdate(prevProps) {\n const {\n t,\n deadline: { date },\n } = this.props;\n\n if (prevProps.deadline !== this.props.deadline) {\n this.setState({ ...calculateVotableDate(t, date) });\n }\n }\n\n onDeleteClick = (uri) => {\n AnalyticsTracking.showDeleteDialog(ResourcesTypes.deadline, uri);\n this.setState({ isDeleteModalOpen: true });\n };\n\n onCancelDelete = (uri) => {\n AnalyticsTracking.closeDeleteDialog(ResourcesTypes.deadline, uri);\n this.setState({ isDeleteModalOpen: false });\n };\n\n onSubmitDelete = (uri) => {\n AnalyticsTracking.deletionConfirmed(ResourcesTypes.deadline, uri);\n this.props.deleteDeadline(uri);\n this.setState({ isDeleteModalOpen: false });\n };\n\n newComments = () => {\n if (!this.props.comments) return null;\n const newest = this.props.comments.filter((comment) =>\n this.isNewComment(comment.createdDate),\n );\n if (newest.length) {\n return (\n \n {this.props.t(\"comments.tab.new\", { count: newest.length })}\n \n );\n }\n return null;\n };\n\n isNewComment = (date) => {\n return (\n new Date(date).getTime() >=\n new Date(this.props.user.lastLoginDate).getTime()\n );\n };\n\n get isDeadlineDatePassed() {\n if (this.props.deadline) {\n return (\n addDays(new Date(this.props.deadline.date), 1).getTime() <\n new Date().getTime()\n );\n }\n\n return false;\n }\n\n handleCardChange = (name) => {\n this.setState({\n currentCard: name,\n });\n };\n\n createEventBody = ({\n committeeName,\n description,\n stage,\n references,\n referencesPerType,\n url,\n linkText,\n documentsText,\n }) => {\n const { selectedNationalCommittee, t } = this.props;\n const domain = window.location.hostname;\n\n const header = `\n {/* \n {allExpanded\n ? t(\"comments.buttons.collapseAll\")\n : t(\"comments.buttons.expandAll\")}\n */}\n \n {t(\"comments.buttons.exportToWord\")}\n \n \n {disableCommenting || closedForComments ? (\n \n \n {t(\"comments.buttons.newComment\")}\n \n \n ) : (\n \n {t(\"comments.buttons.newComment\")}\n \n )}\n \n
\n {comments && comments.length ? (\n {t(\"comments.table.labels.noComments\")}
\n )}\nDS Deadline: ${committeeName}
`;\n const body = `${description}
`;\n const currentStage = stage\n ? `Stage: ${stage.label} (${stage.value})
`\n : \"\";\n const docsHeader = `${documentsText}:
`;\n const meetingHeader = `${t(\"meetings.header.name\")}:
`;\n\n const meetingsList = referencesPerType?.meeting\n ?.map((doc) => {\n const uri = generateDialogLinkForPage(\n selectedNationalCommittee,\n PAGE_TYPES.MEETING,\n DIALOG_TYPES.MEETING_DETAILS,\n doc.uri,\n );\n return `- ${meetingsList}
- ${documentsList}
${linkText}
`;\n\n const eventBody = [header, body, currentStage, meetings, docs, link].join(\n \"\",\n );\n\n return eventBody;\n };\n\n // downloadAllFiles = () => {\n // this.props.downloadDeadlineDocuments(transformUri(this.props.uri));\n // };\n\n handleExportToCalender = () => {\n const { deadline, t, selectedNationalCommittee, stages } = this.props;\n\n const {\n title,\n committeeName,\n date,\n references,\n referencesPerType,\n description,\n stage,\n } = deadline;\n\n const linkText = t(\"deadlines.details.linkToDeadline\");\n const documentsText = t(\"documents.header.name\");\n\n const fileTitle = `DS Deadline: ${selectedNationalCommittee} - ${title}`;\n const url = window.location.href;\n const currentStage = stages.find((st) => st.value === stage);\n\n const eventBody = this.createEventBody({\n committeeName,\n description,\n stage: currentStage,\n references,\n referencesPerType,\n linkText,\n documentsText,\n url,\n });\n\n const data = {\n title: fileTitle,\n html: eventBody,\n startDate: date,\n allDay: true,\n url,\n };\n\n const eventFile = createCalendarEvent(data);\n\n FileDownload(eventFile, `${fileTitle}.ics`);\n };\n\n // onUpdateDocument = (document) => {\n // this.props.updateDeadlineDocumentInfo(document);\n // };\n\n // onRemoveReferenceFromDeadline = (id) => {\n // this.props.removeReferenceFromDeadline(id);\n // };\n\n renderHeader() {\n const {\n t,\n deadline,\n selectedNationalCommittee,\n comments,\n isProcessingRequest,\n } = this.props;\n\n const { showLabel, showYear, labelYear, labelMonth, labelDate } =\n this.state;\n\n const headerLabelText = showLabel\n ? t(\"deadlines.details.cards.label\", {\n date: labelDate,\n month: labelMonth,\n }) + (showYear ? `, ${labelYear}` : \"\")\n : \"\";\n\n return (\n <>\n\n \n \n
\n \n {!isProcessingRequest && deadline.date && (\n
\n \n
\n \n {deadline.committee}\n \n {deadline.committeeName && ` - ${deadline.committeeName}`}\n \n
\n{deadline.title}
\n\n \n \n \n \n this.handleExportToCalender()}\n >\n {t(\"general.button.calendarExport\")}\n \n \n \n \n {t(\"general.button.edit\")}\n \n \n \n this.onDeleteClick(deadline.uri)}\n >\n {t(\"general.button.delete\")}\n \n \n \n \n \n
\n \n {showLabel && (\n \n \n \n {headerLabelText}\n \n \n \n )}\n
\n \n \n
\n \n );\n }\n\n renderDetails() {\n const { comments } = this.props;\n\n if (this.state.currentCard === SHOW_DEADLINE_DETAILS) {\n return (\n \n
\n );\n }\n if (this.state.currentCard === SHOW_DEADLINE_COMMENTS) {\n return (\n \n
\n );\n }\n }\n\n render() {\n const { deadline, isProcessingRequest } = this.props;\n const deadlineLoaded = !!deadline && !!deadline.uri;\n\n if (!deadlineLoaded) {\n if (!isProcessingRequest) return \n
\n `;\n};\n\nconst setEditorSetupFn = (text, paramComments) => {\n return (editor) => {\n function keyupEvent() {\n const content = editor.getContent({ format: \"raw\" }); // Use 'raw' to keep HTML structure\n let updatedContent = content;\n let hasReplacement = false;\n let lastChangedSpanId = null;\n\n comments.forEach((comment) => {\n const regex = new RegExp(`\\\\{\\\\{${comment.referenceId}\\\\}\\\\}`, \"g\");\n if (regex.test(content)) {\n updatedContent = updatedContent.replace(\n regex,\n `@ID:${comment.referenceId}`,\n );\n hasReplacement = true;\n lastChangedSpanId = `comment_${comment.referenceId}`;\n }\n });\n\n if (hasReplacement) {\n const bookmark = editor.selection.getBookmark(2, true);\n editor.setContent(updatedContent, { format: \"raw\" }); // Use 'raw' to preserve HTML structure\n editor.selection.moveToBookmark(bookmark);\n\n if (lastChangedSpanId) {\n // Identify the last changed span by its ID\n const lastChangedSpan = editor\n .getDoc()\n .getElementById(lastChangedSpanId);\n\n if (lastChangedSpan) {\n // Create a range and set the cursor right after the last changed span\n const range = editor.getDoc().createRange();\n range.setStartAfter(lastChangedSpan);\n range.setEndAfter(lastChangedSpan);\n\n // Move the cursor to the new range\n const sel = editor.selection.getSel();\n sel.removeAllRanges();\n sel.addRange(range);\n\n // Ensure the editor scrolls to the cursor position\n editor.selection.scrollIntoView();\n }\n }\n }\n }\n\n const comments = paramComments;\n if (comments && comments.length > 0) {\n // Set up the menu button for references\n editor.ui.registry.addMenuButton(\"refer_comment\", {\n text,\n fetch: function (callback) {\n var items = comments.map((el) => ({\n type: \"menuitem\",\n text: makeSummary(el),\n onAction: function () {\n editor.insertContent(`{{${el.referenceId}}}`);\n keyupEvent();\n },\n }));\n callback(items);\n },\n });\n\n // Customizing the mce-offscreen-selection div\n editor.on(\"NodeChange\", function (e) {\n let offscreenDivs = document.getElementsByClassName(\n \"tox-edit-area__iframe\",\n );\n if (offscreenDivs.length === 0) return;\n for (let i = 0; i < offscreenDivs.length; i++) {\n const offscreenDiv = offscreenDivs[\n i\n ].contentWindow.document.querySelectorAll(\".mce-offscreen-selection\");\n if (!offscreenDiv) continue;\n offscreenDiv.forEach((div) => {\n comments.forEach((comment) => {\n if (div.textContent.includes(`@ID:${comment.referenceId}`)) {\n div.innerHTML = getCommentPreview(comment);\n }\n });\n });\n }\n });\n\n editor.on(\"GetContent\", function (e) {\n e.content = e.content.replace(/data-mce-bogus=\"all\"/g, \"\");\n });\n\n editor.on(\"keyup\", keyupEvent);\n editor.on(\"init\", keyupEvent);\n }\n };\n};\n\nclass CommentForm extends Component {\n supportedAttachments = [\".jpg\", \".jpeg\", \".png\", \".gif\", \".bmp\"];\n state = {\n setup: setEditorSetupFn(\n this.props.t(\"comments.buttons.findComment\"),\n this.props.comments,\n ),\n\n comment: this.props.data ? this.props.data.comment : \"\",\n proposal: this.props.data ? this.props.data.proposal : \"\",\n line: this.props.data ? this.props.data.line : \"\",\n clause: this.props.data ? this.props.data.clause : \"\",\n paragraph: this.props.data ? this.props.data.paragraph : \"\",\n selected: this.props.data\n ? this.props.data.type\n : this.props.types[0].value,\n attachments: this.props.data ? this.props.data.attachments : [],\n attachmentsToRemoveFromServer: [],\n\n validation: {\n comment: { isValid: true },\n proposal: { isValid: true },\n line: { isValid: true },\n paragraph: { isValid: true },\n clause: { isValid: true },\n selected: { isValid: true },\n attachments: { isValid: true },\n },\n formSubmitted: false,\n };\n\n validate = () => {\n const { comment, proposal, clause, selected } = this.state;\n\n let validation = {\n comment: { isValid: true },\n proposal: { isValid: true },\n line: { isValid: true },\n paragraph: { isValid: true },\n clause: { isValid: true },\n selected: { isValid: true },\n attachments: { isValid: true },\n };\n let isValid = true;\n\n if (comment.trim() === \"\") {\n validation.comment.isValid = false;\n isValid = false;\n }\n if (proposal.trim() === \"\") {\n validation.proposal.isValid = false;\n isValid = false;\n }\n if (clause.trim() === \"\") {\n validation.clause.isValid = false;\n isValid = false;\n }\n\n if (selected.trim() === \"\") {\n validation.selected.isValid = false;\n isValid = false;\n }\n\n if (this.hasUnsupportedAttachments()) {\n validation.attachments.isValid = false;\n isValid = false;\n }\n\n if (!isValid) {\n this.setState(\n {\n validation,\n },\n () => scrollToElement(\".validation-message__error\"),\n );\n }\n return isValid;\n };\n\n componentDidMount() {\n if (!this.props.comments || this.props.comments.length === 0) {\n this.props.fetchComments(this.props.deadlineUri);\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.types !== this.props.types) {\n this.setState({\n selected: this.state.selected || this.props.types[0].value,\n });\n }\n if (prevProps.data !== this.props.data) {\n this.setState({\n comment: this.props.data.comment || this.state.comment,\n proposal: this.props.data.proposal || this.state.proposal,\n line: this.props.data.line || this.state.line,\n clause: this.props.data.clause || this.state.clause,\n paragraph: this.props.data.paragraph || this.state.paragraph,\n selected:\n (this.props.data ? this.props.data.type : false) ||\n (this.props.types && this.props.types.length\n ? this.props.types[0].value\n : null),\n });\n }\n\n if (prevProps.comments !== this.props.comments) {\n this.setState({\n setup: setEditorSetupFn(\n this.props.t(\"comments.buttons.findComment\"),\n this.props.comments,\n ),\n refreshKey: Math.random(),\n });\n }\n }\n\n handleEditorCommentChange = (comment) => {\n this.setState({ comment });\n };\n\n handleEditorProposeChange = (proposal) => {\n this.setState({ proposal });\n };\n\n generateSelectOptions = (select) => {\n return select.map((option, index) => {\n return (\n \n );\n });\n };\n\n handleSave = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (!this.validate()) {\n return;\n }\n this.props.onSave(this.state);\n this.setState({ formSubmitted: true });\n };\n\n showValidationMessage = (field) => {\n return !this.state.validation[field].isValid;\n };\n\n isRowValid = () => {\n return (\n !this.showValidationMessage(\"line\") &&\n !this.showValidationMessage(\"clause\") &&\n !this.showValidationMessage(\"selected\")\n );\n };\n\n isFieldValid = (field) => {\n const { t } = this.props;\n\n return this.showValidationMessage(field) ? (\n \n {t(\"general.validation.notEmpty\")}\n \n ) : this.isRowValid() ? null : (\n \n );\n };\n\n addAttachments = (event) => {\n this.setState({\n attachments: [...this.state.attachments, ...event.target.files],\n });\n };\n\n isAttachmentSupported = (name) => {\n return !!this.supportedAttachments.find((ext) =>\n name.toLowerCase().endsWith(ext),\n );\n };\n\n hasUnsupportedAttachments = () => {\n return !!this.state.attachments.find(\n (a) => !this.isAttachmentSupported(a.name),\n );\n };\n\n removeAttachment = (attachment) => {\n let newState = {\n attachments: this.state.attachments.filter(\n (file) => file.name !== attachment.name,\n ),\n };\n\n // file that has been uploaded\n if (attachment.uri) {\n newState.attachmentsToRemoveFromServer = [\n ...this.state.attachmentsToRemoveFromServer,\n attachment,\n ];\n }\n\n this.setState(newState);\n };\n\n renderAttachments = () => {\n const { t } = this.props;\n\n return (\n this.state.attachments.length > 0 && (\n \n ${comment.referenceId}\n ${comment.line}\n ${comment.clause}\n ${comment.paragraph}\n ${comment.type}\n ${comment.author}\n ${getDateString(new Date(comment.updateDate))}\n
\n \n
\n \n
\n Comment
\n ${htmlToPlainText(comment.comment)}
\n \n
\n Proposed change
\n ${htmlToPlainText(comment.proposal)}
\n - \n {this.state.attachments.map((file, index) => (\n
- \n \n
\n {t(\"comments.create.header\")} {deadline.title}\n
\n\n {this.props.deadline.uri && (\n
\n \n
\n );\n }\n\n return (\n \n {/* remote this one */}\n
\n );\n }\n}\n\nconst mapDispatchToProps = {\n setFormSelectedDeadlineReferencesDocuments,\n setFormSelectedDeadlineReferencesMeetings,\n};\n\nconst mapStateToProps = (state) => ({\n committees: getDeadlineCommitteeFilterSelectItems(state),\n actions: getDeadlineActionsSelectItems(state),\n stages: getDeadlineStagesSelectItems(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DeadlineGeneralInfoEditor);\n","import React, { Component, Fragment } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport DocumentList from \"../document-list/List\";\nimport history from \"../../../../src/utils/history\";\nimport Loader from \"../../../components/common/loader/Loader\";\nimport {\n hasMoreDocumentsToLoad,\n isProcessingDocuments,\n} from \"../../../state/document/selectors\";\nimport Filters from \"../../pages/documents/components/filters/DocumentFilters\";\nimport {\n pullNextDocumentsPageRequest,\n reloadDocuments,\n initDocuments,\n} from \"../../../state/document/actions\";\nimport { InfiniteWaypointScroller } from \"../../common/infinite-scroll-wrapper/InfiniteScrollWrapper\";\n\nclass DocumentSelector extends Component {\n state = {\n selectedDocuments: this.props.selectedDocuments ?? [],\n listWasFilled: !!this.props.selectedDocuments?.length,\n };\n\n componentDidMount() {\n this.unlisten = history.listen((location) => {\n this.props.reloadDocuments();\n });\n\n this.props.initDocuments();\n this.loadMoreItems();\n this.props.onSelectDocuments(this.state.selectedDocuments);\n }\n\n componentWillUnmount() {\n this.unlisten();\n }\n\n showSetEmptyButton = () => {\n return (\n this.state.listWasFilled && this.state.selectedDocuments.length === 0\n );\n };\n\n selectHandler = (document) => {\n if (\n this.state.selectedDocuments.some(\n (selectedDocument) => selectedDocument.url === document.url,\n )\n ) {\n this.setState(\n {\n selectedDocuments: this.state.selectedDocuments.filter(\n (selectedDocument) => selectedDocument.url !== document.url,\n ),\n },\n () => this.props.onSelectDocuments(this.state.selectedDocuments),\n );\n } else {\n this.setState(\n {\n selectedDocuments: [...this.state.selectedDocuments, document],\n },\n () => this.props.onSelectDocuments(this.state.selectedDocuments),\n );\n }\n };\n\n get documentsWithSelectedKeyValue() {\n return this.props.documents.map((document) => {\n if (\n this.state.selectedDocuments.find((doc) => doc.url === document.url)\n ) {\n document.selected = true;\n } else {\n document.selected = false;\n }\n return document;\n });\n }\n\n loadMoreItems = () => {\n this.props.pullNextDocumentsPageRequest();\n };\n\n render() {\n return (\n \n
\n \n \n this.setCommittee(\n value,\n t(\"deadlines.details.new.committeePlaceholder\"),\n )\n }\n customClasses={classNames({\n \"input--validation_error\":\n this.showValidationMessage(\"committee\"),\n })}\n />\n {this.showValidationMessage(\"committee\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n \n \n this.setTitle(value)}\n />\n {this.showValidationMessage(\"title\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n \n \n this.setDescription(value)}\n />\n
\n \n
\n {/* \n
\n \n \n
\n \n
\n {this.showValidationMessage(\"date\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n \n this.setAction(value, t(\"deadlines.details.new.actionPlaceholder\"))}\n />\n
*/}\n \n \n this.setStage(\n value,\n t(\"deadlines.details.new.stagePlaceholder\"),\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(\"notifications.detail.notifyMembers\")}\n \n \n
\n \n {!props.isModal && (\n \n {t(\"general.button.cancel\")}\n \n )}\n {renderUploadButton()}\n {!props.isModal && (\n \n {!showSetEmptyButton\n ? t(\"general.button.addSelected\")\n : t(\"general.button.setEmptyList\")}\n \n )}\n
\n );\n };\n\n const renderView = () => {\n const { referenceDocumentList } = props;\n\n return (\n \n
\n );\n});\n","import React, {\n useState,\n useEffect,\n useCallback,\n forwardRef,\n useImperativeHandle,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport classNames from \"classnames\";\nimport MeetingList from \"../../../meetings/pages/meeting-tab/MeetingList\";\nimport Sidebar from \"../../../meetings/components/sidebar/Sidebar\";\nimport {\n getMeetings,\n getMeetingsFilters,\n isProcessingMeetings,\n} from \"../../../../../state/meetings/selectors\";\nimport {\n initMeetings,\n resetMeetingsFilters,\n setMeetingsFilterValue,\n} from \"../../../../../state/meetings/actions\";\nimport { TIMEFRAME } from \"../../../../../api/utils\";\nimport {\n SlimTab,\n SlimTabsSwitcher,\n} from \"../../../../common/slim-tabs/SlimTabs\";\nimport {\n SHOW_PAST_MEETINGS,\n SHOW_UPCOMING_MEETINGS,\n} from \"../../../meetings/pages/meeting-tab/MeetingTab\";\n\nexport const ReferenceMeetingList = forwardRef((props, ref) => {\n const { t } = useTranslation(\"common\");\n const dispatch = useDispatch();\n const history = useHistory();\n\n const meetings = useSelector(getMeetings);\n const filters = useSelector(getMeetingsFilters);\n const isProcessing = useSelector(isProcessingMeetings);\n\n const [selectedMeetings, setSelectedMeetings] = useState([]);\n\n useEffect(() => {\n setSelectedMeetings([...(props.selectedMeetings ?? [])]);\n dispatch(resetMeetingsFilters());\n dispatch(initMeetings());\n }, [props.selectedMeetings, dispatch]);\n\n useImperativeHandle(ref, () => ({\n onSelect() {\n onAddSelectedMeetingsHandler();\n },\n }));\n\n const onClickCheckbox = (element, isChecked) => {\n if (isChecked) {\n setSelectedMeetings((prevState) => [...prevState, element]);\n } else {\n setSelectedMeetings((prevState) =>\n prevState.filter((el) => el.uri !== element.uri),\n );\n }\n };\n\n const showSetEmptyButton = useCallback(selectedMeetings.length === 0, [\n selectedMeetings,\n ]);\n\n const onLeave = useCallback(() => {\n if (props.isModal) {\n props.onSelect();\n } else {\n history.push(props.basePath);\n }\n }, [props, history]);\n\n const onMeetingSelectorCancelClick = () => {\n onLeave();\n };\n\n const onAddSelectedMeetingsHandler = () => {\n props.onSetMeeting(selectedMeetings);\n onLeave();\n };\n\n const handleUpcomingFilter = (tab) => {\n dispatch(\n setMeetingsFilterValue({\n timeframe:\n tab === SHOW_PAST_MEETINGS ? TIMEFRAME.PAST : TIMEFRAME.FUTURE,\n month: null,\n }),\n );\n dispatch(initMeetings());\n };\n\n const renderButtons = () => (\n \n
\n \n \n {t(\"deadlines.details.documents\")}\n \n {renderButtons()}\n
\n\n {isLoading ? \n \n {t(\"general.button.cancel\")}\n \n\n \n {!showSetEmptyButton\n ? t(\"general.button.addSelected\")\n : t(\"references.meeting.setEmptyList\")}\n \n
\n );\n\n return (\n \n
\n );\n});\n","import React, {\n useState,\n useEffect,\n useCallback,\n forwardRef,\n useImperativeHandle,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport classNames from \"classnames\";\nimport Sidebar from \"../../../deadlines/components/sidebar/Sidebar\";\nimport {\n initDeadlines,\n resetDeadlinesFilters,\n setDeadlinesFilterValue,\n} from \"../../../../../state/deadlines/actions\";\nimport {\n getDeadlines,\n getDeadlinesFilters,\n isFetchingDeadlines,\n} from \"../../../../../state/deadlines/selectors\";\nimport DeadlineList from \"../../../deadlines/pages/deadline-list/DeadlineList\";\nimport { TIMEFRAME } from \"../../../../../api/utils\";\nimport {\n SlimTab,\n SlimTabsSwitcher,\n} from \"../../../../common/slim-tabs/SlimTabs\";\nimport {\n SHOW_PAST_DEADLINES,\n SHOW_UPCOMING_DEADLINES,\n} from \"../../../deadlines/pages/deadline-list/DeadlineTab\";\n\nexport const ReferenceDeadlineList = forwardRef((props, ref) => {\n const { t } = useTranslation(\"common\");\n const dispatch = useDispatch();\n const history = useHistory();\n\n const deadlines = useSelector(getDeadlines);\n const filters = useSelector(getDeadlinesFilters);\n const isFetching = useSelector(isFetchingDeadlines);\n\n const [selectedDeadlines, setSelectedDeadlines] = useState([]);\n\n useEffect(() => {\n setSelectedDeadlines([...(props.selectedDeadlines ?? [])]);\n dispatch(resetDeadlinesFilters());\n dispatch(setDeadlinesFilterValue({ timeframe: TIMEFRAME.FUTURE }));\n dispatch(initDeadlines());\n }, [dispatch, props.selectedDeadlines]);\n\n useImperativeHandle(ref, () => ({\n onSelect() {\n onAddSelectedDeadlinesHandler();\n },\n }));\n\n const onClickCheckbox = (element, isChecked) => {\n if (isChecked) {\n setSelectedDeadlines((prevState) => [...prevState, element]);\n } else {\n setSelectedDeadlines((prevState) =>\n prevState.filter((el) => el.uri !== element.uri),\n );\n }\n };\n\n const showSetEmptyButton = useCallback(selectedDeadlines.length === 0, [\n selectedDeadlines,\n ]);\n\n const onLeave = useCallback(() => {\n if (props.isModal) {\n props.onSelect();\n } else {\n history.push(props.basePath);\n }\n }, [props, history]);\n\n const onDeadlineselectorCancelClick = () => {\n onLeave();\n };\n\n const onAddSelectedDeadlinesHandler = () => {\n props.onSetDeadline(selectedDeadlines);\n onLeave();\n };\n\n const renderButtons = () => (\n \n
\n \n \n {t(\"meetings.header.name\")}\n \n {!props.isModal && renderButtons()}\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n {t(\"general.button.cancel\")}\n \n\n \n {!showSetEmptyButton\n ? t(\"general.button.addSelected\")\n : t(\"references.deadline.setEmptyList\")}\n \n
\n );\n\n const handleDeadlinesUpcomingFilter = (selected) => {\n dispatch(\n setDeadlinesFilterValue({\n timeframe:\n selected === SHOW_PAST_DEADLINES ? TIMEFRAME.PAST : TIMEFRAME.FUTURE,\n month: null,\n }),\n );\n dispatch(initDeadlines());\n };\n\n return (\n \n
\n );\n});\n","export const getSelectedReferenceTab = (state) => {\n return state.references.selectedReferenceTab;\n};\n","import React, {\n Component,\n createRef,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport { useTranslation, withTranslation } from \"react-i18next\";\nimport { connect, useDispatch, useSelector } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { ReferenceDocumentsList } from \"./ReferenceDocumentsList\";\nimport { ReferenceMeetingList } from \"./ReferenceMeetingList\";\nimport { ReferenceDeadlineList } from \"./ReferenceDeadlineList\";\nimport \"./ReferencePage.scss\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\nimport { getSelectedReferenceTab } from \"../../../../../state/references/selectors\";\nimport { emptyReferenceTab } from \"../../../../../state/references/actions\";\n\nexport const ReferencePage = forwardRef((props, ref) => {\n const dispatch = useDispatch();\n const selectedReferenceTab = useSelector(getSelectedReferenceTab);\n const documentRef = useRef();\n const meetingRef = useRef();\n const deadlineRef = useRef();\n\n useImperativeHandle(ref, () => ({\n onClick() {\n onSaveAction();\n },\n }));\n\n const onSelectInit = () => {\n dispatch(emptyReferenceTab());\n };\n\n const isDocumentSelected = () => {\n return selectedReferenceTab === REFERENCE_TAB.DOCUMENTS;\n };\n\n const isMeetingSelected = () => {\n return selectedReferenceTab === REFERENCE_TAB.MEETINGS;\n };\n\n const isDeadlineSelected = () => {\n return selectedReferenceTab === REFERENCE_TAB.DEADLINES;\n };\n\n const onSaveAction = () => {\n const refMap = {\n [REFERENCE_TAB.DOCUMENTS]: documentRef,\n [REFERENCE_TAB.MEETINGS]: meetingRef,\n [REFERENCE_TAB.DEADLINES]: deadlineRef,\n };\n\n const currentRef = refMap[selectedReferenceTab];\n if (currentRef && currentRef.current) {\n currentRef.current.onSelect();\n }\n };\n\n return (\n \n
\n \n \n {t(\"deadlines.header.name\")}\n \n {!props.isModal && renderButtons()}\n
\n \n
\n \n
\n \n \n
\n \n
\n \n {isDocumentSelected() && (\n
\n );\n});\n","import React, { Component, Fragment, createRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport DeadlineGeneralInfoEditor from \"../../components/deadline-details/DeadlineGeneralInfoEditor\";\nimport {\n addGeneralDeadlineInformation,\n setFormSelectedDeadlineReferences,\n clearDeadlineForm,\n setFormSelectedDeadlineReferencesMeetings,\n setFormSelectedDeadlineReferencesDocuments,\n} from \"../../../../../state/deadlines/actions\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport { ReferencePage } from \"../../../notifications/components/reference/ReferencePage\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport { isFetchingDeadlines } from \"../../../../../state/deadlines/selectors\";\nimport { NavLink } from \"react-router-dom\";\nimport classNames from \"classnames\";\nimport { scrollToElement } from \"../../../../../utils/scroll\";\nimport \"../../../../common/form/form.scss\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\nimport { getSelectedReferenceTab } from \"../../../../../state/references/selectors\";\nimport {\n emptyReferenceTab,\n setReferenceTab,\n} from \"../../../../../state/references/actions\";\n\n// const TAB = {\n// GENERAL_TAB: \"_general\",\n// REFERENCE_TAB: \"_reference\",\n// };\n\nclass DeadlineForm extends Component {\n constructor(props) {\n super(props);\n this.referencesRef = createRef();\n this.slimTabRef = createRef();\n this.state = {\n validation: {\n committee: { isValid: true },\n date: { isValid: true },\n title: { isValid: true },\n },\n formSubmitted: false,\n };\n }\n\n componentDidMount() {\n this.props.emptyReferenceTab();\n this.props.onMount();\n }\n\n componentWillUnmount() {\n this.props.clearDeadlineForm();\n }\n\n setDeadlineData = (object) => {\n this.props.addGeneralDeadlineInformation(object);\n };\n\n // onChangeTab = (selected) => {\n // this.setState({ selectedTab: selected });\n // };\n\n get isGeneralTab() {\n return this.props.getSelectedReferenceTab === REFERENCE_TAB.NONE;\n }\n\n onUpdateDocument = (document) => {\n const updatedDocuments = this.props.formData.referencesPerType.document.map(\n (d) => {\n if (d.url === document.url) {\n return document;\n }\n return d;\n },\n );\n\n this.props.setFormSelectedDeadlineReferencesDocuments(updatedDocuments);\n };\n\n onAddDocuments = (documents) => {\n this.props.setFormSelectedDeadlineReferencesDocuments(documents);\n };\n\n onRemoveDocument = (id) => {\n this.props.setFormSelectedDeadlineReferencesDocuments(\n this.props.formData.referencesPerType.document.filter(\n (d) => d.url !== id,\n ),\n );\n };\n\n onSetMeeting = (meetings) => {\n this.props.setFormSelectedDeadlineReferencesMeetings(meetings);\n };\n\n onRemoveMeeting = (id) => {\n this.props.setFormSelectedDeadlineReferencesMeetings(\n this.props.formData.referencesPerType.meeting.filter((d) => d.uri !== id),\n );\n };\n\n onEditorSubmitAction = (e) => {\n const { setReferenceTab } = this.props;\n\n e.preventDefault();\n if (!this.validate()) {\n setReferenceTab(REFERENCE_TAB.NONE);\n return;\n }\n this.props.editorSubmitAction(this.props.formData);\n this.setState({ formSubmitted: true });\n };\n\n get editorCancelAction() {\n return this.props.editorCancelAction;\n }\n\n validate = () => {\n const { committee, date, title } = this.props.formData;\n\n const validation = {\n committee: { isValid: true },\n date: { isValid: true },\n title: { isValid: true },\n };\n let isValid = true;\n\n if (!committee) {\n validation.committee.isValid = false;\n isValid = false;\n }\n\n if (!date) {\n validation.date.isValid = false;\n isValid = false;\n }\n\n if (!title) {\n validation.title.isValid = false;\n isValid = false;\n }\n\n if (!isValid) {\n this.setState(\n {\n validation,\n },\n () => scrollToElement(\".validation-message__error\"),\n );\n }\n return isValid;\n };\n\n renderGeneralTab() {\n return (\n <>\n \n
\n );\n };\n\n renderTab() {\n const { t, selectedNationalCommittee, isCreate, formData, detailTitle } =\n this.props;\n\n return (\n \n {/*todo: set correct back link - from window history? */}\n {this.footerSecondaryButton}\n {/*todo: disable button after click (during sending request;\n to avoid sending form multiple times)*/}\n \n {this.footerPrimaryButtonText}\n \n
\n {detailTitle}
\n\n {this.renderTabContents()}\n
\n {this.renderFooter()}
\n \n {/* \n
\n \n );\n }\n}\n\nexport default compose(withTranslation(\"common\"))(MeetingDetailsTab);\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport \"./MembersList.scss\";\nimport Avatar from \"../avatar/Avatar\";\n\nexport const MembersList = ({ closeHandler, title, membersList }) => {\n const { t } = useTranslation(\"common\");\n\n const emails = membersList.map((member) => member.email).join(\";\");\n\n return (\n \n \n
*/}\n \n
}\n {locationLong &&\n locationLong.split(\"\\n\").map((i, key) => {\n return (\n \n );\n })}\n
\n \n {t(\"meetings.detail.date.from\")}: {formatDateTime(fromDate)}\n
\n\n {t(\"meetings.detail.date.to\")}: {formatDateTime(toDate)}\n
\n {locationShort && (\n\n {isLocationUrl ? (\n \n {UrlParser.shortenUrl(locationShort)}\n \n ) : (\n locationShort\n )}\n
\n )}\n {locationLong &&}\n {locationLong &&\n locationLong.split(\"\\n\").map((i, key) => {\n return (\n \n );\n })}\n
\n
\n );\n};\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { getMeeting } from \"../../../../../state/meetings/selectors\";\nimport { getMembers } from \"../../../../../state/members/selectors\";\nimport { MembersList } from \"../../../../common/members-list/MembersList\";\n\nexport const ParticipantsList = ({ closeHandler }) => {\n const { t } = useTranslation(\"common\");\n const { participants } = useSelector(getMeeting);\n const members = useSelector(getMembers);\n\n const getAttendanceStatus = (status) => {\n switch (status) {\n case 0:\n return t(\"meetings.participants.attendance.no\");\n case 1:\n return t(\"meetings.participants.attendance.onsite\");\n case 2:\n return t(\"meetings.participants.attendance.online\");\n default:\n return \"\";\n }\n };\n\n const participantsList = participants\n .map((participant) => {\n const member = members.find(\n (member) => member.userID === participant.userId,\n );\n\n if (!member) return null;\n\n return {\n id: participant.id,\n name: member.name,\n email: member.email,\n label: getAttendanceStatus(participant.attending),\n attending: participant.attending,\n work: member.work,\n photo: member.photo,\n };\n })\n .filter((participant) => participant)\n .sort((a, b) => {\n const order = { 1: 1, 2: 2, 0: 3 };\n return order[a.attending] - order[b.attending] || a.id - b.id;\n });\n\n return (\n \n \n {t(\"member.sendEmailLabel\")}\n \n
\n {title}
\n\n- \n {membersList.map((member, index) => (\n
- \n \n\n {member.label}\n\n\n\n {member.name}\n {member.email}\n\n \n ))}\n
\n {!hideAttendance && (\n setShowParticipantsList(true)}\n >\n {t(\"meetings.participants.participants\", {\n count: participantsCount,\n })}\n \n
\n\n \n \n \n \n
\n )}\n DS Meeting: ${committeeName}
`;\n const body = `${description}
`;\n const deadlineHeader = `${t(\"deadlines.header.name\")}:
`;\n const docsHeader = `${documentsText}:
`;\n const domain = window.location.hostname;\n\n const deadlinesList = referencesPerType?.deadline\n ?.map((doc) => {\n const uri = generateDialogLinkForPage(\n selectedNationalCommittee,\n PAGE_TYPES.DEADLINES,\n DIALOG_TYPES.DEADLINE_DETAILS,\n doc.uri,\n );\n return `- ${deadlinesList}
- ${documentsList}
${linkText}
`;\n\n const eventBody = [header, body, deadliens, docs, link].join(\"\");\n\n return eventBody;\n };\n\n handleExportToCalender = () => {\n const { meeting, t, selectedNationalCommittee } = this.props;\n\n const {\n title,\n committeeName,\n fromDate,\n toDate,\n references,\n referencesPerType,\n locationLong,\n locationShort,\n } = meeting;\n\n const linkText = t(\"meetings.detail.linkToMeeting\");\n const documentsText = t(\"documents.header.name\");\n\n const url = window.location.href;\n const fileTitle = `DS Meeting: ${selectedNationalCommittee} - ${title}`;\n\n const eventBody = this.createEventBody({\n committeeName,\n description: locationLong,\n references,\n referencesPerType,\n linkText,\n documentsText,\n url,\n });\n\n const data = {\n title: fileTitle,\n html: eventBody,\n startDate: fromDate,\n endDate: toDate,\n location: locationShort,\n url,\n };\n\n const eventFile = createCalendarEvent(data);\n\n FileDownload(eventFile, `${fileTitle}.ics`);\n };\n\n // onChangeTab = (selected) => {\n // this.setState({ selectedTab: selected });\n // };\n\n renderHeader() {\n const { t, meeting, isProcessingMeeting, selectedNationalCommittee } =\n this.props;\n return (\n <>\n\n
\n \n
\n \n {meeting.committee}\n {meeting.committeeName.length ? (\n \n {\" \"}\n - {meeting.committeeName}\n \n ) : null}\n
\n{meeting.title}
\n\n \n \n \n this.handleExportToCalender()}\n >\n {t(\"general.button.calendarExport\")}\n \n \n \n \n {t(\"general.button.edit\")}\n \n \n \n \n {t(\"general.button.delete\")}\n \n \n \n \n
\n \n \n
*/}\n \n );\n }\n\n onUpdateDocument = (document) => {\n this.props.updateMeetingDocumentInfo(document);\n };\n\n onRemoveReferenceById = (id) => {\n this.props.removeReferenceFromMeeting(id);\n };\n\n downloadAllFiles = () => {\n this.props.downloadMeetingDocuments(this.props.meeting.uri);\n };\n\n renderContent() {\n const { meeting } = this.props;\n\n return (\n \n {meeting.isParticipationEnabled &&
\n );\n }\n\n render() {\n const { meeting, isProcessingMeeting } = this.props;\n const meetingLoaded = !!meeting && !!meeting.uri;\n\n if (!meetingLoaded) {\n if (!isProcessingMeeting) return \n \n {t(\"general.button.cancel\")}\n \n\n \n {!this.showSetEmptyButton\n ? t(\"general.button.addSelected\")\n : t(\"general.button.setEmptyList\")}\n \n
\n );\n }\n\n if (hideDefaultButtons) return null;\n\n return (\n \n \n \n {\n this.setState({\n addDocumentActionType: addDocumentActionType.upload,\n });\n this.props.uploadSelectedDocuments({\n documents: event.target.files,\n uploadType: documentUploadType.file,\n callback: this.props.addUploadedDocuments,\n notifyOnUpdate: false,\n });\n }}\n isInline={true}\n isPrimaryButton={true}\n isSmallButton={!!areSmall}\n isDisabled={isLoading}\n buttonText={t(\"general.button.upload\")}\n id=\"uploadDocuments\"\n inputOptions={{\n multiple: true,\n }}\n />\n {\n this.setState({\n addDocumentActionType: addDocumentActionType.documents,\n });\n }}\n >\n {t(\"notifications.detail.new.selectFromDocuments\")}\n \n \n \n\n {/* {\n this.setState({addDocumentActionType: addDocumentActionType.linkToFile})\n }}\n >{t(\"notifications.detail.new.linkToFile\")} */}\n\n {!!this.props.showDownloadAllFiles && (\n
\n );\n };\n\n renderUploadView = () => {\n const {\n t,\n modal,\n filters,\n uploadFile,\n editDocumentData,\n skipFile,\n cancelRemainingFilesToUpload,\n formDocuments,\n } = this.props;\n\n return (\n <>\n \n {\n this.setState({\n addDocumentActionType: addDocumentActionType.upload,\n });\n this.props.uploadSelectedDocuments({\n documents: acceptedFiles,\n uploadType: documentUploadType.file,\n callback: this.props.addUploadedDocuments,\n notifyOnUpdate: false,\n });\n }}\n >\n {({ getRootProps, getInputProps }) => (\n
\n\n {!(formDocuments && formDocuments.length) && (\n <>\n OR\n \n \n {!(formDocuments && formDocuments.length) && (\n \n {t(\"notifications.detail.new.noDocuments\")}\n \n )}\n {t(\"notifications.detail.new.dragAndDrop\")}\n
\n )}\n \n \n {this.renderButtons(false)}\n
\n\n \n
\n \n );\n };\n\n onAddSelectedDocumentsHandler = () => {\n this.props.addSelectedDocuments(this.state.selectedDocuments);\n this.setState({ addDocumentActionType: null, selectedDocuments: [] });\n };\n\n renderView = () => {\n const { documents, formDocuments, uploadDocumentsCallback } = this.props;\n\n switch (this.state.addDocumentActionType) {\n case addDocumentActionType.documents:\n return (\n \n \n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n modal: getModalDetails(state),\n filters: valuesSelectors.getDocumentValues(state),\n documents: getDocuments(state),\n isConsultant: isConsultant(state),\n});\n\nconst mapDispatchToProps = {\n skipFile: skipFileToUpload,\n uploadFile,\n editDocumentData,\n setModalState,\n resetModalState,\n cancelRemainingFilesToUpload,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(DocumentsTab);\n","import React, { Component } from \"react\";\nimport { withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\n\nimport DocumentsTab from \"../../../../common/documents-tab/DocumentsTab\";\n// import {addSelectedDeadlineDocuments, addFormDeadlineDocuments} from \"../../../../../state/meetings/actions\"\nimport {\n setFormSelectedMeetingDocuments,\n addFormSelectedMeetingDocuments,\n} from \"../../../../../state/meetings/actions\";\nimport { uploadSelectedDocuments } from \"../../../../../state/document/actions\";\n\n// Manages documents list in the form list\nclass MeetingFormDocumentsEditor extends Component {\n removeDocument = (id) => {\n this.props.setFormSelectedMeetingDocuments(\n this.props.data.references.filter((d) => d.url !== id),\n );\n };\n\n setDeadlineDocuments = (documents) => {\n this.props.setFormSelectedMeetingDocuments(documents);\n };\n\n updateDocumentAfterEdit = (document) => {\n const updatedDocuments = this.props.data.references.map((d) => {\n if (d.url === document.url) {\n return document;\n }\n return d;\n });\n\n this.props.setFormSelectedMeetingDocuments(updatedDocuments);\n };\n\n render() {\n return (\n \n
\n );\n }\n\n return (\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n committees: getMeetingCommitteeFilterSelectItems(state),\n});\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, null),\n)(MeetingGeneralInfoEditor);\n","import React, { Component, Fragment, createRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\nimport { withTranslation } from \"react-i18next\";\nimport MeetingGeneralInfoEditor from \"../../components/meeting-detail/MeetingGeneralInfoEditor\";\nimport {\n clearMeetingForm,\n setFormSelectedMeetingDocuments,\n setFormSelectedMeetingReferencesDeadlines,\n} from \"../../../../../state/meetings/actions\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport Loader from \"../../../../common/loader/Loader\";\nimport { Helmet } from \"react-helmet\";\nimport { ReferencePage } from \"../../../notifications/components/reference/ReferencePage\";\nimport { scrollToElement } from \"../../../../../utils/scroll\";\nimport { NavLink } from \"react-router-dom\";\nimport classNames from \"classnames\";\nimport \"../../../../common/form/form.scss\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\nimport {\n emptyReferenceTab,\n setReferenceTab,\n} from \"../../../../../state/references/actions\";\nimport ReferenceComponent from \"../../../notifications/components/reference/ReferenceComponent\";\nimport { getSelectedReferenceTab } from \"../../../../../state/references/selectors\";\n\nconst validationInitialState = {\n committee: { isValid: true },\n title: { isValid: true },\n locationShort: { isValid: true },\n fromDate: { isValid: true },\n toDate: { isValid: true },\n};\n\nclass MeetingForm extends Component {\n constructor(props) {\n super(props);\n this.referencesRef = createRef();\n this.state = {\n validation: { ...validationInitialState },\n formSubmitted: false,\n };\n }\n\n componentDidMount() {\n this.props.emptyReferenceTab();\n this.props.onMount();\n }\n\n componentWillUnmount() {\n this.props.clearMeetingForm();\n }\n\n // onChangeTab = (selected) => {\n // this.setState({ selectedTab: selected });\n // };\n\n get isGeneralTab() {\n return this.props.getSelectedReferenceTab === REFERENCE_TAB.NONE;\n }\n\n get cancelNavLinkUrl() {\n return this.props.editorCancelAction;\n }\n\n onUpdateDocument = (document) => {\n const updatedDocuments = this.props.formData.referencesPerType.document.map(\n (d) => {\n if (d.url === document.url) {\n return document;\n }\n return d;\n },\n );\n\n this.props.setFormSelectedMeetingDocuments(updatedDocuments);\n };\n\n onAddDocuments = (documents) => {\n this.props.setFormSelectedMeetingDocuments(documents);\n };\n\n onRemoveDocument = (id) => {\n this.props.setFormSelectedMeetingDocuments(\n this.props.formData.referencesPerType.document.filter(\n (d) => d.url !== id,\n ),\n );\n };\n\n onSetDeadline = (deadlines) => {\n this.props.setFormSelectedMeetingReferencesDeadlines(deadlines);\n };\n\n onRemoveDeadline = (id) => {\n // TODO: check if this url is correct ID!\n this.props.setFormSelectedMeetingReferencesDeadlines(\n this.props.formData.referencesPerType.deadline.filter(\n (d) => d.uri !== id,\n ),\n );\n };\n\n validate = () => {\n const { title, committee, locationShort, fromDate, toDate } =\n this.props.formData;\n\n let validation = { ...validationInitialState };\n let isValid = true;\n\n if (committee === \"\") {\n validation.committee.isValid = false;\n isValid = false;\n }\n if (title.trim() === \"\") {\n validation.title.isValid = false;\n isValid = false;\n }\n if (locationShort.trim() === \"\") {\n validation.locationShort.isValid = false;\n isValid = false;\n }\n\n if (fromDate === \"\") {\n validation.fromDate.isValid = false;\n isValid = false;\n }\n\n if (toDate === \"\") {\n validation.toDate.isValid = false;\n isValid = false;\n }\n\n if (!isValid) {\n // this.onChangeTab(\"general\");\n this.setState(\n {\n validation,\n },\n () => scrollToElement(\".validation-message__error\"),\n );\n }\n return isValid;\n };\n\n onEditorSubmitAction = (e) => {\n const { setReferenceTab } = this.props;\n\n e.preventDefault();\n if (!this.validate()) {\n setReferenceTab(REFERENCE_TAB.NONE);\n return;\n }\n this.props.editorSubmitAction(this.props.formData);\n this.setState({ formSubmitted: true });\n };\n\n setIsParticipationEnabled = (value) => {\n this.props.setMeetingData({\n isParticipationEnabled: !this.props.formData.isParticipationEnabled,\n });\n };\n\n setNotifyOnUpdate = (value) => {\n this.props.setMeetingData({\n notifyOnUpdate: !this.props.formData.notifyOnUpdate,\n notifyImmediately: this.props.formData.notifyOnUpdate\n ? false\n : this.props.formData.notifyImmediately,\n });\n };\n\n setNotifyImmediately = (value) => {\n this.props.setMeetingData({\n notifyImmediately: !this.props.formData.notifyImmediately,\n });\n };\n\n renderRadioButtons() {\n const { t, formData } = this.props;\n\n return (\n \n
\n \n this.setCommittee(value)}\n customClasses={classNames({\n \"input--validation_error\":\n this.showValidationMessage(\"committee\"),\n })}\n />\n {this.showValidationMessage(\"committee\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n \n \n this.setTitle(value)}\n />\n {this.showValidationMessage(\"title\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n \n
\n \n
\n {past && (\n \n {t(\"meetings.detail.dateInPast\")}\n \n )}\n \n \n
\n \n
\n \n
\n {this.showValidationMessage(\"fromDate\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n \n \n
\n \n
\n \n
\n {this.showValidationMessage(\"toDate\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n \n \n this.setLocationShort(value)}\n />\n {this.showValidationMessage(\"locationShort\") && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n \n \n {t(\"meetings.detail.new.longLocationLabel\")}\n this.setLocationLong(value)}\n />\n
\n\n {showDocumentsEditor && (\n \n
\n )}\n \n
\n );\n }\n\n get footerPrimaryAction() {\n return this.isGeneralTab\n ? this.onEditorSubmitAction\n : () => this.referencesRef.current.onClick();\n }\n\n get footerSecondaryButton() {\n const { t, setReferenceTab } = this.props;\n\n return this.isGeneralTab ? (\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n {\" \"}\n \n \n {t(\"notifications.detail.notifyMembers\")}\n \n \n
\n \n
\n );\n }\n\n renderContent() {\n const { t, selectedNationalCommittee, detailTitle } = this.props;\n\n return (\n \n {/*todo: set correct back link - from window history? */}\n {this.footerSecondaryButton}\n {/*todo: disable button after click (during sending request;\n to avoid sending form multiple times)*/}\n \n {this.footerPrimaryButtonText}\n \n
\n {detailTitle}
\n\n \n
*/}\n \n {this.isGeneralTab\n ? this.renderGeneralTab()\n : this.renderReferenceTab()}\n
\n {this.renderFooter()}
\n \n {t(\"comments.edit.header\")} {deadline.title}\n
\n\n {this.props.deadline.uri && (\n
\n \n \n
\n );\n }\n}\n\nexport default withTranslation(\"common\")(NotificationGeneralInfoTab);\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport \"./Poll.scss\";\nimport { formatDateTime } from \"../../../../../utils/transform\";\nimport { isObjectEmpty } from \"../../../../../utils/validation/objectValidator\";\n\nexport const PollRow = ({ poll, onAddPoll }) => {\n const { t } = useTranslation(\"common\");\n\n const renderPollOptions = () => {\n return (\n - \n {poll.options.map((option, index) => (\n
\n
\n );\n};\n","import classNames from \"classnames\";\nimport React, {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useState,\n} from \"react\";\nimport ReactDatePicker from \"react-datepicker\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const PollPage = forwardRef((props, ref) => {\n const { t } = useTranslation(\"common\");\n const { onClose, onAdd, poll } = props;\n\n const [title, setTitle] = useState(\"\");\n const [showValidationMessage, setShowValidationMessage] = useState(false);\n const [options, setOptions] = useState([{ value: \"\" }, { value: \"\" }]);\n const [isMultiVote, setIsMultiVote] = useState(false);\n const [enableDeadline, setEnableDeadline] = useState(false);\n const [deadline, setDeadlineValue] = useState(undefined);\n\n useImperativeHandle(ref, () => ({\n isPollValid: () => isPollValid(),\n onAddPoll: () => onAddPoll(),\n }));\n\n useEffect(() => {\n if (poll) {\n setTitle(poll.title);\n setOptions(\n poll.options.map((option) => ({\n ...option,\n })),\n );\n setIsMultiVote(poll.isMultiVote);\n setEnableDeadline(!!poll.deadline);\n setDeadlineValue(poll.deadline ? new Date(poll.deadline) : undefined);\n }\n }, [poll]);\n\n const handleTitleChange = (e) => {\n setTitle(e.target.value);\n };\n\n const handleOptionChange = (index, e) => {\n const newOptions = [...options];\n newOptions[index].value = e.target.value;\n setOptions(newOptions);\n };\n\n const addOption = () => {\n setOptions([...options, { value: \"\" }]);\n };\n\n const deleteOption = (index) => {\n setOptions(options.filter((_, i) => i !== index));\n };\n\n const handleIsMultiVoteChange = (e) => {\n setIsMultiVote(e.target.checked);\n };\n\n const handleSetDeadlineChange = (e) => {\n setEnableDeadline(e.target.checked);\n if (!e.target.checked) {\n setDeadlineValue(\"\");\n }\n };\n\n const handleDeadlineChange = (value) => {\n setDeadlineValue(value);\n };\n\n const isPollValid = () => {\n if (\n !title ||\n options.filter((option) => option.value).length < 2 ||\n (enableDeadline && !deadline)\n ) {\n setShowValidationMessage(true);\n return false;\n }\n return true;\n };\n\n const onAddPoll = () => {\n if (!isPollValid()) return false;\n\n const poll = {\n title,\n options,\n isMultiVote,\n };\n\n if (enableDeadline) {\n poll.deadline = deadline;\n }\n\n onAdd({ poll });\n onClose();\n\n return true;\n };\n\n return (\n \n \n \n {poll && !isObjectEmpty(poll)\n ? t(\"notifications.poll.button.editPoll\")\n : t(\"notifications.poll.button.addPoll\")}\n \n
\n {!!poll && (\n \n
\n )}\n \n \n {poll.title}\n \n
\n {renderPollOptions()}\n {renderPollFooter()}\n \n
\n );\n});\n","import React, { Component, Fragment, createRef } from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { compose } from \"redux\";\n\nimport NotificationGeneralInfoTab from \"../../components/notification-detail/NotificationGeneralInfoTab\";\n\nimport { withTranslation } from \"react-i18next\";\nimport {\n addGeneralNotificationInformation,\n setSelectedNotificationDocuments,\n clearNotificationForm,\n setSelectedNotificationDeadlines,\n setSelectedNotificationMeetings,\n} from \"../../../../../state/notifications/actions\";\nimport { selectedNationalCommittee } from \"../../../../../state/national-committees/selectors\";\nimport { scrollToElement, scrollTop } from \"../../../../../utils/scroll\";\nimport PageNotFound from \"../../../404/PageNotFound\";\nimport { setPageTitle } from \"../../../../../utils/pageTitle\";\nimport { Helmet } from \"react-helmet\";\nimport classNames from \"classnames\";\nimport ReferenceComponent from \"../../components/reference/ReferenceComponent\";\nimport {\n emptyReferenceTab,\n setReferenceTab,\n} from \"../../../../../state/references/actions\";\nimport { getSelectedReferenceTab } from \"../../../../../state/references/selectors\";\nimport { REFERENCE_TAB } from \"../../../../../state/references/reducer\";\nimport { PollRow } from \"../../components/poll/PollRow\";\nimport { PollPage } from \"../../components/poll/PollPage\";\nimport { ReferencePage } from \"../../components/reference/ReferencePage\";\n\nclass NotificationForm extends Component {\n constructor(props) {\n super(props);\n this.pollRef = createRef();\n this.referencesRef = createRef();\n this.state = {\n validation: {\n title: {\n isValid: true,\n },\n },\n formSubmitted: false,\n pollTab: false,\n };\n }\n\n componentDidMount() {\n this.props.emptyReferenceTab();\n this.props.onMount();\n scrollTop();\n }\n\n componentWillUnmount() {\n this.props.clearNotificationForm();\n }\n\n setNotificationData = (object) => {\n this.props.addGeneralNotificationInformation(object);\n };\n\n onUpdateDocument = (document) => {\n const updatedDocuments = this.props.formData.referencesPerType.document.map(\n (d) => {\n if (d.url === document.url) {\n return document;\n }\n return d;\n },\n );\n\n this.props.setSelectedNotificationDocuments(updatedDocuments);\n };\n\n onRemoveDocument = (id) => {\n this.props.setSelectedNotificationDocuments(\n this.props.formData.referencesPerType.document.filter(\n (d) => d.url !== id,\n ),\n );\n };\n\n onAddDocuments = (documents) => {\n this.props.setSelectedNotificationDocuments(documents);\n };\n\n onRemoveDeadline = (id) => {\n this.props.setSelectedNotificationDeadlines(\n this.props.formData.referencesPerType.deadline.filter(\n (d) => d.uri !== id,\n ),\n );\n };\n\n onSetDeadline = (deadlines) => {\n this.props.setSelectedNotificationDeadlines(deadlines);\n };\n\n onRemoveMeeting = (id) => {\n this.props.setSelectedNotificationMeetings(\n this.props.formData.referencesPerType.meeting.filter((d) => d.uri !== id),\n );\n };\n\n onSetMeeting = (meetings) => {\n this.props.setSelectedNotificationMeetings(meetings);\n };\n\n setNotifyMembers = () => {\n const state = { notifyMembers: !this.props.formData.notifyMembers };\n this.setNotificationData(state);\n };\n\n isTitleEmpty = () => {\n return this.props.formData.title.trim() === \"\";\n };\n\n onEditorSubmitAction = (e) => {\n const { setReferenceTab } = this.props;\n e.preventDefault();\n\n if (this.currentContent === \"poll\" && !this.pollRef.current?.onAddPoll())\n return;\n\n if (this.isTitleEmpty()) {\n setReferenceTab(REFERENCE_TAB.NONE);\n return this.setState(\n {\n pollTab: false,\n validation: {\n title: {\n isValid: false,\n },\n },\n },\n () => scrollToElement(\".validation-message__error\"),\n );\n }\n // this.props.editorSubmitAction(formData.uri);\n this.props.editorSubmitAction();\n this.setState({ formSubmitted: true });\n };\n\n renderNotifyRadio() {\n const { t, formData } = this.props;\n\n return (\n \n
\n \n \n {t(\"notifications.poll.title\")}\n \n
\n\n \n \n
\n\n \n {options.map((option, index) => (\n \n Add Option\n \n
\n\n \n \n handleOptionChange(index, e)}\n />\n {showValidationMessage && !option.value && index < 2 && (\n \n {t(\"general.validation.notEmpty\")}\n \n )}\n
\n ))}\n\n \n
\n \n
\n \n \n \n {enableDeadline && (\n
\n \n
\n )}\n \n \n
\n );\n }\n\n get footerSecondaryButton() {\n const { t, setReferenceTab, editorCancelUrl } = this.props;\n\n switch (this.currentContent) {\n case \"poll\":\n return (\n \n );\n case \"reference\":\n return (\n \n {this.footerSecondaryButton}\n \n {this.footerPrimaryButtonText}\n \n
\n \n );\n }\n\n onTogglePoll = () => {\n this.setState({ pollTab: !this.state.pollTab });\n };\n\n renderGeneralTab() {\n const { formData } = this.props;\n const { validation } = this.state;\n\n return (\n <>\n \n {isCreate\n ? t(\"notifications.detail.new.title\")\n : t(\"notifications.detail.edit.title\")}\n
\n\n {this.renderContent()}\n
\n {this.renderFooter()}
\n \n {/*
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n isDownloadingZipPackage: isDownloadingFile(state, \"345\"),\n});\n\nconst mapDispatchToProps = {\n downloadNotificationDocuments,\n};\n\nexport default compose(\n withTranslation(\"common\"),\n connect(mapStateToProps, mapDispatchToProps),\n)(NotificationDetailsTab);\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport SelectFilter from \"../../../../common/select/SelectFilter\";\n\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { getPoll } from \"../../../../../state/notifications/selectors\";\nimport { updatePoll } from \"../../../../../state/notifications/actions\";\n\nexport const ChangeOfficalPollModal = ({ onClose }) => {\n const { t } = useTranslation(\"common\");\n const dispatch = useDispatch();\n\n const poll = useSelector(getPoll);\n const options =\n poll?.options.map((option) => ({\n id: option.id,\n value: option.value,\n label: option.value,\n })) ?? [];\n const currentResult = poll.result;\n\n const [selectedOverrideOptionValue, setSelectedOverrideOptionValue] =\n useState(poll.result);\n const [disableButton, setDisableButton] = useState(\n !selectedOverrideOptionValue ||\n selectedOverrideOptionValue === currentResult,\n );\n\n const changePollResult = () => {\n dispatch(\n updatePoll({\n ...poll,\n result: selectedOverrideOptionValue,\n }),\n );\n onClose();\n };\n\n useEffect(() => {\n setDisableButton(\n !selectedOverrideOptionValue ||\n selectedOverrideOptionValue === currentResult,\n );\n }, [selectedOverrideOptionValue, currentResult]);\n\n return (\n \n \n
*/}\n \n
\n \n \n \n \n
\n \n
\n );\n};\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { getNotification } from \"../../../../../state/notifications/selectors\";\nimport { getMembers } from \"../../../../../state/members/selectors\";\nimport { MembersList } from \"../../../../common/members-list/MembersList\";\n\nexport const PollVoterList = ({ closeHandler, selectedOptionId }) => {\n const { t } = useTranslation(\"common\");\n const { poll } = useSelector(getNotification);\n const members = useSelector(getMembers);\n\n const getPollOptionValue = (pollOptionId) => {\n const option = poll.options.find(\n (option) => option.id === pollOptionId,\n )?.value;\n return option || \"\";\n };\n\n const voterList = poll.votes\n ?.filter((vote) => vote.pollOptionId === selectedOptionId)\n .map((vote) => {\n const member = members.find((member) => member.userID === vote.userId);\n\n if (!member) return null;\n\n return {\n id: vote.id,\n pollOptionId: vote.pollOptionId,\n name: member.name,\n email: member.email,\n label: getPollOptionValue(vote.pollOptionId),\n work: member.work,\n photo: member.photo,\n };\n })\n .filter((participant) => participant)\n .sort((a, b) => {\n return a.pollOptionId - b.pollOptionId || a.id - b.id;\n });\n\n return (\n \n
\n\n \n {t(\"deadlines.details.officialVote.overrideModal.title\")}\n
\n\n setSelectedOverrideOptionValue(value)}\n />\n
\n\n \n \n changePollResult()}\n disabled={disableButton}\n >\n {t(\"deadlines.details.officialVote.overrideModal.submit\")}\n \n
\n \n {(!enableDeadline || (enableDeadline && !isDeadlinePassed)) && (\n \n \n \n )}\n
\n \n );\n });\n };\n\n const renderFooter = () => {\n return (\n \n {option.value}\n
\n \n
\n \n {`${(percentage * 100).toFixed(2)}%`}\n
\n \n \n {t(\"deadlines.details.officialVote.note\")}\n \n \n
\n );\n };\n\n return (\n <>\n \n \n {t(\"notifications.poll.mainLabel\", {\n vote: poll.result,\n })}\n \n \n setShowChangeOfficialPollModal(true)}\n >\n {t(\"notifications.poll.button.changeResult\")}\n \n \n
\n \n
\n {showPollVoterList && (\n \n
\n {renderFooter()}\n {poll.title}
\n {renderOptions()}\n{notification.title}
\n\n \n \n \n \n {t(\"general.button.edit\")}\n \n \n \n \n {t(\"general.button.delete\")}\n \n \n \n \n
\n \n \n {parseInt(notification.comments) === 1 ?\n t(\"card.commentCounter\") :\n t(\"card.commentsCounter\", {count: notification.comments})\n }}\n {notification.messages && {parseInt(notification.messages) === 1 ?\n t(\"card.messageCounter\") :\n t(\"card.messagesCounter\", {count: notification.messages})\n }} */}\n\n {/* \n
*/}\n \n <>\n
\n \n
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { clearNotifyToasterContent } from \"../../../state/notify-toaster-content/actions\";\nimport \"./NotifyToaster.scss\";\n\nexport const NotifyToaster = () => {\n const [isVisible, setIsVisible] = useState(false);\n\n const dispatch = useDispatch();\n const notifyToasterContent = useSelector(\n (state) => state.notifyToasterContent,\n );\n\n useEffect(() => {\n if (!notifyToasterContent.title && !notifyToasterContent.message) return;\n\n setIsVisible(true);\n\n const timeout = setTimeout(() => {\n setIsVisible(false);\n const delayedTimeout = setTimeout(() => {\n dispatch(clearNotifyToasterContent());\n clearTimeout(delayedTimeout);\n }, 500);\n }, 3000);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [notifyToasterContent.title, notifyToasterContent.message]);\n\n return (\n \n {getFormattedHeading()}\n {/* */}\n {/*
\n {children}\n \n {/*
\n \n );\n};\n","import React, { Component } from \"react\";\nimport className from \"classnames\";\nimport { withTranslation } from \"react-i18next\";\nimport { NavLink, withRouter } from \"react-router-dom\";\nimport { isMobile } from \"react-device-detect\";\n\nclass UserAccountTopNavigation extends Component {\n constructor(props) {\n super(props);\n\n this.navRef = React.createRef();\n }\n\n createLink = (link) => {\n const { t, match } = this.props;\n const urlPart = match.path !== \"/\" ? match.path + \"/\" : match.path;\n\n return (\n {notifyToasterContent.title}
*/}\n{notifyToasterContent.message}
\n- \n {links.map(this.createNavElement)}\n
\n
\n\n {/* Used only for small width */}\n \n
\n \n \n \n
\n \n
\n \n );\n }\n}\n\nconst mapDispatchToProps = {\n accpetGdpr,\n};\n\nconst mapStateToProps = (state) => ({\n appLanguage: getAppLanguage(state),\n});\n\nexport default compose(connect(mapStateToProps, mapDispatchToProps))(\n GdprScreen,\n);\n","import { hotjar } from \"react-hotjar\";\n\nconst HJ_ID = 2971416;\nconst HJ_SV = 6;\n\nconst initializeHotjarTracking = () => {\n hotjar.initialize(HJ_ID, HJ_SV);\n};\n\nexport default initializeHotjarTracking;\n","import \"core-js/es/\";\nimport \"core-js/features/url\";\nimport \"core-js/features/url-search-params\";\nimport \"core-js/features/string/repeat\";\nimport \"react-app-polyfill/ie11\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Router, Route, Switch } from \"react-router-dom\";\nimport \"./index.css\";\nimport \"./styles/app.scss\";\nimport Root from \"./Root\";\nimport App from \"./App\";\nimport Modal from \"react-modal\";\nimport history from \"./utils/history\";\nimport Auth from \"./components/common/auth/Auth\";\nimport SignIn from \"./components/common/auth/SignIn\";\nimport SilentRefresh from \"./components/common/auth/SilentRefresh\";\nimport CookieDeclaration from \"./components/common/cookiebot/CookieDeclaration\";\nimport GdprScreen from \"./components/pages/gdpr/GdprScreen\";\n\nimport CreateApplicationInsights from \"./applicationiIsightsTracking\";\nimport AnalyticsTracking from \"./services/analytics-tracking/analytics-tracking\";\nimport initializeHotjarTracking from \"./services/hotjar-tracking/hotjar-tracking\";\n\nModal.setAppElement(\"#root\");\n\nAnalyticsTracking.initialize();\n\ninitializeHotjarTracking();\n\nif (process.env.REACT_APP_INSTRUMENTATION_KEY) {\n CreateApplicationInsights();\n}\nclass TrackedRoot extends React.Component {\n render() {\n return (\n \n
\n \n \n {i18next.t(\"gdpr.header\", { ns: \"common\" })}\n
\n\n \n {i18next.t(\"gdpr.accept\", { ns: \"common\" })}\n \n
\n