{children}
;\r\n};\r\n\r\nH1.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport const H2 = ({ children }) => {\r\n return{children}
;\r\n};\r\n\r\nH2.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport const H5 = ({ children }) => {\r\n return{children}
;\r\n};\r\n\r\nH5.propTypes = {\r\n children: PropTypes.any\r\n};\r\n","export * from './Headings';\r\n","import React from 'react';\r\n\r\nimport Styles from './Loader.module.scss';\r\n\r\nconst Loader = () => {\r\n return (\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Loader;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"h1\":\"Headings_h1__1vJUR\",\"h2\":\"Headings_h2__j5ErY\",\"h5\":\"Headings_h5__2KKdi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tooltip--content\":\"Tooltip_tooltip--content__1PWb9\",\"tooltip--icon\":\"Tooltip_tooltip--icon__1hvry\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"label\":\"InputLabel_label__3uzjK\",\"labelWrapper\":\"InputLabel_labelWrapper__2e2YO\",\"history-indication\":\"InputLabel_history-indication__6VBhr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form\":\"LoginTokenForm_form__1m4Dt\",\"error-label\":\"LoginTokenForm_error-label__2Otio\",\"buttons\":\"LoginTokenForm_buttons__1qYpl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"confirm\":\"Confirm_confirm__1B27p\",\"inline-buttons\":\"Confirm_inline-buttons__2Ij1u\",\"message\":\"Confirm_message__1cUXw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"Switch_wrapper__3xnB8\",\"switch\":\"Switch_switch__29WG2\",\"dark\":\"Switch_dark__1MXnO\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"SorCor_wrapper__2y7GE\",\"top-wrapper\":\"SorCor_top-wrapper__3DcT5\",\"bottom-wrapper\":\"SorCor_bottom-wrapper__OSBfv\",\"table-wrapper\":\"SorCor_table-wrapper__1yGt7\",\"pax\":\"SorCor_pax__2Ebly\",\"table\":\"SorCor_table__1OssY\",\"row\":\"SorCor_row__1xTsE\",\"unit-group\":\"SorCor_unit-group__bKFF-\",\"unit-name\":\"SorCor_unit-name__FIPMz\",\"sub-unit\":\"SorCor_sub-unit__MB2zX\",\"sub-component\":\"SorCor_sub-component__2R3io\",\"title\":\"SorCor_title__1TqRn\",\"equipment\":\"SorCor_equipment__1QR1Y\",\"total\":\"SorCor_total__1cigC\",\"input-wrapper\":\"SorCor_input-wrapper__1gATi\",\"equipment-input-wrapper\":\"SorCor_equipment-input-wrapper__15FAY\",\"date\":\"SorCor_date__2HSKr\"};","export const AdditionalInformation = {\r\n REQUEST: 'ServiceRequests/AdditionalInformation/Request',\r\n SUCCESS: 'ServiceRequests/AdditionalInformation/Success',\r\n FAILURE: 'ServiceRequests/AdditionalInformation/Failure'\r\n};\r\n\r\nexport const CalculateByDays = {\r\n REQUEST: 'ServiceRequests/CalculateByDays/Request',\r\n SUCCESS: 'ServiceRequests/CalculateByDays/Success',\r\n FAILURE: 'ServiceRequests/CalculateByDays/Failure'\r\n};\r\n\r\nexport const CLEAR_COSTS = {\r\n REQUEST: 'ServiceRequests/ClearCosts/Request',\r\n SUCCESS: 'ServiceRequests/ClearCosts/Success',\r\n FAILURE: 'ServiceRequests/ClearCosts/Failure'\r\n};\r\n\r\nexport const ForSubmit = {\r\n REQUEST: 'ServiceRequests/ForSubmit/Request',\r\n SUCCESS: 'ServiceRequests/ForSubmit/Success',\r\n FAILURE: 'ServiceRequests/ForSubmit/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'ServiceRequests/Create/Request',\r\n SUCCESS: 'ServiceRequests/Create/Success',\r\n FAILURE: 'ServiceRequests/Create/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'ServiceRequests/Get/Request',\r\n SUCCESS: 'ServiceRequests/Get/Success',\r\n FAILURE: 'ServiceRequests/Get/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'ServiceRequests/Update/Request',\r\n SUCCESS: 'ServiceRequests/Update/Success',\r\n FAILURE: 'ServiceRequests/Update/Failure'\r\n};\r\n\r\nexport const REMOVE = {\r\n REQUEST: 'ServiceRequests/Remove/Request',\r\n SUCCESS: 'ServiceRequests/Remove/Success',\r\n FAILURE: 'ServiceRequests/Remove/Failure'\r\n};\r\n\r\nexport const GETCATEGORYSERVICEREQUEST = {\r\n REQUEST: 'ServiceRequests/GetCategoryServiceRequest/Request',\r\n SUCCESS: 'ServiceRequests/GetCategoryServiceRequest/Success',\r\n FAILURE: 'ServiceRequests/GetCategoryServiceRequest/Failure'\r\n};\r\n\r\nexport const GETCATEGORYSUBITEMS = {\r\n REQUEST: 'ServiceRequests/GetCategorySubitems/Request',\r\n SUCCESS: 'ServiceRequests/GetCategorySubitems/Success',\r\n FAILURE: 'ServiceRequests/GetCategorySubitems/Failure'\r\n};\r\n\r\nexport const CREATECATEGORYSPLIT = {\r\n REQUEST: 'ServiceRequests/CreateCategorySplit/Request',\r\n SUCCESS: 'ServiceRequests/CreateCategorySplit/Success',\r\n FAILURE: 'ServiceRequests/CreateCategorySplit/Failure'\r\n};\r\n\r\nexport const RESOLVECATEGORYREQUEST = {\r\n REQUEST: 'ServiceRequests/ResolveCategoryRequest/Request',\r\n SUCCESS: 'ServiceRequests/ResolveCategoryRequest/Success',\r\n FAILURE: 'ServiceRequests/ResolveCategoryRequest/Failure'\r\n};\r\n\r\nexport const REOPENCATEGORYREQUEST = {\r\n REQUEST: 'ServiceRequests/ReopenCategoryRequest/Request',\r\n SUCCESS: 'ServiceRequests/ReopenCategoryRequest/Success',\r\n FAILURE: 'ServiceRequests/ReopenCategoryRequest/Failure'\r\n};\r\n\r\nexport const GET_FOOTER = {\r\n REQUEST: 'ServiceRequests/GetFooter/Request',\r\n SUCCESS: 'ServiceRequests/GetFooter/Success',\r\n FAILURE: 'ServiceRequests/GetFooter/Failure'\r\n};\r\n\r\nexport const CALCULATE_BY_DAYS_FROM_CATALOG = {\r\n REQUEST: 'ServiceRequests/CalculateByDaysForCatalog/Request',\r\n SUCCESS: 'ServiceRequests/CalculateByDaysForCatalog/Success',\r\n FAILURE: 'ServiceRequests/CalculateByDaysForCatalog/Failure'\r\n};\r\n\r\nexport const CLEAR_FOOTER = {\r\n SUCCESS: 'ServiceRequests/ClearFooter/Success'\r\n};\r\n\r\nexport const CONFIRM = {\r\n REQUEST: 'ServiceRequests/Confirm/Request',\r\n SUCCESS: 'ServiceRequests/Confirm/Success',\r\n FAILURE: 'ServiceRequests/Confirm/Failure'\r\n};\r\n\r\nexport const GET_INTERNAL_PENDING_FLAG = {\r\n REQUEST: 'ServiceRequests/GetInternalPendingFlag/Request',\r\n SUCCESS: 'ServiceRequests/GetInternalPendingFlag/Success',\r\n FAILURE: 'ServiceRequests/GetInternalPendingFlag/Failure'\r\n};\r\n\r\nexport const UPDATE_INTERNAL_PENDING_FLAG = {\r\n REQUEST: 'ServiceRequests/UpdateInternalPendingFlag/Request',\r\n SUCCESS: 'ServiceRequests/UpdateInternalPendingFlag/Success',\r\n FAILURE: 'ServiceRequests/UpdateInternalPendingFlag/Failure'\r\n};\r\n\r\nexport const UPDATE_ACTIVITY = {\r\n REQUEST: 'ServiceRequests/UpdateActivity/Request',\r\n SUCCESS: 'ServiceRequests/UpdateActivity/Success',\r\n FAILURE: 'ServiceRequests/UpdateActivity/Failure'\r\n};\r\n\r\nexport const GET_EXCLUDE_FROM_FSOR_CONFIRMATION = {\r\n REQUEST: 'ServiceRequests/GetExcludeFromFsorConfirmation/Request',\r\n SUCCESS: 'ServiceRequests/GetExcludeFromFsorConfirmation/Success',\r\n FAILURE: 'ServiceRequests/GetExcludeFromFsorConfirmation/Failure'\r\n};\r\n\r\nexport const UPDATE_EXCLUDE_FROM_FSOR_CONFIRMATION = {\r\n REQUEST: 'ServiceRequests/ExcludeFromFsorConfirmation/Request',\r\n SUCCESS: 'ServiceRequests/ExcludeFromFsorConfirmation/Success',\r\n FAILURE: 'ServiceRequests/ExcludeFromFsorConfirmation/Failure'\r\n};\r\n","export const UNITS = {\r\n REQUEST: 'StatementOfRequirements/GetUnits/Request',\r\n SUCCESS: 'StatementOfRequirements/GetUnits/Success',\r\n FAILURE: 'StatementOfRequirements/GetUnits/Failure'\r\n};\r\nexport const UNIT = {\r\n REQUEST: 'StatementOfRequirements/GetUnit/Request',\r\n SUCCESS: 'StatementOfRequirements/GetUnit/Success',\r\n FAILURE: 'StatementOfRequirements/GetUnit/Failure',\r\n RESET: 'StatementOfRequirements/GetUnit/Reset'\r\n};\r\nexport const ADD = {\r\n REQUEST: 'StatementOfRequirements/AddUnit/Request',\r\n SUCCESS: 'StatementOfRequirements/AddUnit/Success',\r\n FAILURE: 'StatementOfRequirements/AddUnit/Failure'\r\n};\r\nexport const UPDATE = {\r\n REQUEST: 'StatementOfRequirements/UpdateUnit/Request',\r\n SUCCESS: 'StatementOfRequirements/UpdateUnit/Success',\r\n FAILURE: 'StatementOfRequirements/UpdateUnit/Failure'\r\n};\r\nexport const UNITSTATICDATA = {\r\n REQUEST: 'StatementOfRequirements/GetUnitStaticData/Request',\r\n SUCCESS: 'StatementOfRequirements/GetUnitStaticData/Success',\r\n FAILURE: 'StatementOfRequirements/GetUnitStaticData/Failure'\r\n};\r\nexport const REMOVE = {\r\n REQUEST: 'StatementOfRequirements/RemoveUnit/Request',\r\n SUCCESS: 'StatementOfRequirements/RemoveUnit/Success',\r\n FAILURE: 'StatementOfRequirements/RemoveUnit/Failure'\r\n};\r\nexport const FINANCE = {\r\n REQUEST: 'StatementOfRequirements/GetFinanceData/Request',\r\n SUCCESS: 'StatementOfRequirements/GetFinanceData/Success',\r\n FAILURE: 'StatementOfRequirements/GetFinanceData/Failure'\r\n};\r\nexport const UPDATEFINANCEDATA = {\r\n REQUEST: 'StatementOfRequirements/UpdateFinanceData/Request',\r\n SUCCESS: 'StatementOfRequirements/UpdateFinanceData/Success',\r\n FAILURE: 'StatementOfRequirements/UpdateFinanceData/Failure'\r\n};\r\nexport const WHOCANCONFIRMSOR = {\r\n REQUEST: 'StatementOfRequirements/WhoCanConfirmSor/Request',\r\n SUCCESS: 'StatementOfRequirements/WhoCanConfirmSor/Success',\r\n FAILURE: 'StatementOfRequirements/WhoCanConfirmSor/Failure'\r\n};\r\nexport const PHASECHANGE = {\r\n REQUEST: 'StatementOfRequirements/PhaseChange/Request',\r\n SUCCESS: 'StatementOfRequirements/PhaseChange/Success',\r\n FAILURE: 'StatementOfRequirements/PhaseChange/Failure'\r\n};\r\nexport const CLEARFINANCEDATA = {\r\n SUCCESS: 'StatementOfRequirements/ClearFinanceData/Success',\r\n FAILURE: 'StatementOfRequirements/ClearFinanceData/Failure'\r\n};\r\nexport const GET = {\r\n REQUEST: 'StatementOfRequirements/Get/Request',\r\n SUCCESS: 'StatementOfRequirements/Get/Success',\r\n FAILURE: 'StatementOfRequirements/Get/Failure'\r\n};\r\nexport const CONFIRM = {\r\n REQUEST: 'StatementOfRequirements/Confirm/Request',\r\n SUCCESS: 'StatementOfRequirements/Confirm/Success',\r\n FAILURE: 'StatementOfRequirements/Confirm/Failure'\r\n};\r\nexport const EXPORT = {\r\n REQUEST: 'StatementOfRequirements/ExportSor/Request',\r\n SUCCESS: 'StatementOfRequirements/ExportSor/Success',\r\n FAILURE: 'StatementOfRequirements/ExportSor/Failure'\r\n};\r\nexport const GET_SOR_SR = {\r\n REQUEST: 'StatementOfRequirements/ServiceRequest/Request',\r\n SUCCESS: 'StatementOfRequirements/ServiceRequest/Success',\r\n FAILURE: 'StatementOfRequirements/ServiceRequest/Failure'\r\n};\r\nexport const GETSORPARTY = {\r\n REQUEST: 'StatementOfRequirements/GetSorParty/Request',\r\n SUCCESS: 'StatementOfRequirements/GetSorParty/Success',\r\n FAILURE: 'StatementOfRequirements/GetSorParty/Failure'\r\n};\r\nexport const CLEAR_SOR_PARTY = {\r\n SUCCESS: 'StatementOfRequirements/ClearSorParty/Success'\r\n};\r\nexport const SUMMARY = {\r\n REQUEST: 'StatementOfRequirements/Summary/Request',\r\n SUCCESS: 'StatementOfRequirements/Summary/Success',\r\n FAILURE: 'StatementOfRequirements/Summary/Failure'\r\n};\r\nexport const CONFIRM_ISOR = {\r\n REQUEST: 'StatementOfRequirements/ConfirmIsor/Request',\r\n SUCCESS: 'StatementOfRequirements/ConfirmIsor/Success',\r\n FAILURE: 'StatementOfRequirements/ConfirmIsor/Failure'\r\n};\r\nexport const CANCREATESERVICEREQUEST = {\r\n REQUEST: 'StatementOfRequirements/CanCreateServiceRequest/Request',\r\n SUCCESS: 'StatementOfRequirements/CanCreateServiceRequest/Success',\r\n FAILURE: 'StatementOfRequirements/CanCreateServiceRequest/Failure'\r\n};\r\nexport const CONFIRM_FSOR = {\r\n REQUEST: 'StatementOfRequirements/ConfirmFsor/Request',\r\n SUCCESS: 'StatementOfRequirements/ConfirmFsor/Success',\r\n FAILURE: 'StatementOfRequirements/ConfirmFsor/Failure'\r\n};\r\nexport const VALIDATE_CONFIRM_FSOR = {\r\n REQUEST: 'StatementOfRequirements/ValidateConfirmFsor/Request',\r\n SUCCESS: 'StatementOfRequirements/ValidateConfirmFsor/Success',\r\n FAILURE: 'StatementOfRequirements/ValidateConfirmFsor/Failure'\r\n};\r\nexport const FREEZE = {\r\n REQUEST: 'StatementOfRequirements/Freeze/Request',\r\n SUCCESS: 'StatementOfRequirements/Freeze/Success',\r\n FAILURE: 'StatementOfRequirements/Freeze/Failure'\r\n};\r\nexport const UPDATE_ALL_SORS_FROZEN_STATE = {\r\n REQUEST: 'StatementOfRequirements/Frozen/Request',\r\n SUCCESS: 'StatementOfRequirements/Frozen/Success',\r\n FAILURE: 'StatementOfRequirements/Frozen/Failure'\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"NotFound_wrapper__2y_0b\",\"content\":\"NotFound_content__1rSAv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon\":\"Icon_icon__1yeWL\",\"withIndication\":\"Icon_withIndication__2SYR9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"error-label\":\"FormError_error-label__2Lh60\",\"error\":\"FormError_error__1yvGI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form\":\"LoginForm_form__36Tk_\",\"error-label\":\"LoginForm_error-label__1usNE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form\":\"ResetForm_form__Iy6Ra\",\"error-label\":\"ResetForm_error-label__ea2Uf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"indicator\":\"Indicator_indicator__FIc04\",\"indicator-wrapper\":\"Indicator_indicator-wrapper__2NTAi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textarea\":\"Textarea_textarea__liMTU\",\"error\":\"Textarea_error__3v2RW\",\"borderless\":\"Textarea_borderless__3tKUM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"file\":\"File_file__3nJku\",\"remove\":\"File_remove__XCRAw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"PageActions_container__2TVX1\",\"wrapper\":\"PageActions_wrapper__2qaBd\"};","export class BaseReducer {\r\n actionMap = {};\r\n defaultState = {};\r\n /**\r\n * Default state should be provided from child class\r\n * @param defaultState\r\n */\r\n constructor(defaultState) {\r\n if (defaultState === undefined) {\r\n throw new Error('Default state should be provided');\r\n }\r\n this.actionMap = {};\r\n this.reducer = this.reducer.bind(this);\r\n this.defaultState = defaultState;\r\n }\r\n\r\n /**\r\n *\r\n * @param state\r\n * @param action\r\n * @returns {*}\r\n */\r\n reducer(state, action) {\r\n state = state || this.defaultState;\r\n const actionResponse = this.actionMap[action.type];\r\n return actionResponse ? actionResponse(state, action) : state;\r\n }\r\n}\r\n","export * from './baseReducer';\r\n","import React from 'react';\r\n\r\nexport const ServiceRequestNavContext = React.createContext({\r\n serviceRequestNavigation: null,\r\n orderId: null,\r\n serviceRequestId: null,\r\n previousGridPosition: {\r\n navigationOrigin: null,\r\n windowScrollOffset: null,\r\n dataState: null,\r\n selectedAnnex: null,\r\n savedQuickSearch: null\r\n },\r\n setServiceRequestNavigation: () => {},\r\n setServiceRequestId: () => {},\r\n setOrderId: () => {},\r\n setPreviousGridPosition: () => {},\r\n clearPreviousPosition: () => {},\r\n clearSelectedAnnex: () => {},\r\n clearSavedQuickSearch: () => {},\r\n clearSavedDataState: () => {}\r\n});\r\n","export { ServiceRequestNavContext } from './ServiceRequestNavContext';\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Loader from '@hobs/components/Loader';\r\nimport propTypes from 'prop-types';\r\nimport ErrorBoundaries from '@hobs/components/ErrorBoundaries';\r\nimport { ServiceRequestNavContext } from '@hobs/components/ServiceRequestNavContext';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport { getConfig } from '@hobs/utils/config';\r\nimport { getExercises, getCurrentExercise } from '../../actions/exercises';\r\nimport Routes from '../../routes';\r\nimport './App.scss';\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.setServiceRequestNavigation = value => {\r\n this.setState({\r\n serviceRequestNavigation: value,\r\n serviceRequestId: null,\r\n orderId: null\r\n });\r\n };\r\n this.setServiceRequestId = value => {\r\n this.setState({\r\n serviceRequestId: value,\r\n orderId: null\r\n });\r\n };\r\n this.setOrderId = value => {\r\n this.setState({\r\n serviceRequestId: null,\r\n orderId: value\r\n });\r\n };\r\n this.setPreviousGridPosition = (\r\n dataState,\r\n windowScrollOffset,\r\n selectedAnnex,\r\n quickSearch,\r\n navigationOrigin\r\n ) => {\r\n this.setState({\r\n previousGridPosition: {\r\n navigationOrigin,\r\n windowScrollOffset,\r\n dataState,\r\n selectedAnnex,\r\n savedQuickSearch: quickSearch\r\n }\r\n });\r\n };\r\n this.clearSelectedAnnex = () => {\r\n this.setState({\r\n previousGridPosition: {\r\n selectedAnnex: null\r\n }\r\n });\r\n };\r\n this.clearSavedQuickSearch = () => {\r\n this.setState({\r\n previousGridPosition: {\r\n savedQuickSearch: null\r\n }\r\n });\r\n };\r\n this.clearPreviousPosition = () => {\r\n this.setState({\r\n previousGridPosition: {\r\n navigationOrigin: null,\r\n windowScrollOffset: null,\r\n dataState: null,\r\n selectedAnnex: null,\r\n savedQuickSearch: null\r\n }\r\n });\r\n };\r\n\r\n this.clearSavedDataState = () => {\r\n this.setState({\r\n previousGridPosition: {\r\n ...this.state.previousGridPosition,\r\n dataState: null\r\n }\r\n });\r\n };\r\n\r\n this.state = {\r\n isLoading: process.env.NODE_ENV === 'production',\r\n serviceRequestNavigation: null,\r\n serviceRequestId: null,\r\n orderId: null,\r\n previousGridPosition: {\r\n navigationOrigin: null,\r\n windowScrollOffset: null,\r\n dataState: null,\r\n selectedAnnex: null,\r\n savedQuickSearch: null\r\n },\r\n setServiceRequestNavigation: this.setServiceRequestNavigation,\r\n setServiceRequestId: this.setServiceRequestId,\r\n setOrderId: this.setOrderId,\r\n setPreviousGridPosition: this.setPreviousGridPosition,\r\n clearPreviousPosition: this.clearPreviousPosition,\r\n clearSelectedAnnex: this.clearSelectedAnnex,\r\n clearSavedQuickSearch: this.clearSavedQuickSearch,\r\n clearSavedDataState: this.clearSavedDataState\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n if (process.env.NODE_ENV === 'production') {\r\n const config = await getConfig();\r\n global.config = config;\r\n\r\n this.setState({\r\n isLoading: false\r\n });\r\n }\r\n\r\n if (this.props.auth.loggedIn) {\r\n this.onPrivatePageLoad();\r\n }\r\n\r\n window.addEventListener('keydown', this.firstTabClickEvent);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { loggedIn, isLoading } = this.props.auth;\r\n\r\n if (\r\n prevProps.auth.loggedIn !== loggedIn &&\r\n loggedIn &&\r\n !this.props.isExercisesLoading &&\r\n !isLoading\r\n ) {\r\n this.onPrivatePageLoad();\r\n }\r\n }\r\n\r\n // Calls this method only then user is logged in on first load/login\r\n onPrivatePageLoad() {\r\n this.props.getExercises();\r\n this.props.getCurrentExercise();\r\n }\r\n\r\n firstTabClickEvent = e => {\r\n if (e.keyCode === 9) {\r\n document.body.classList.add('tab-nav');\r\n\r\n window.removeEventListener('keydown', this.firstTabClickEvent);\r\n window.addEventListener('mousedown', this.firstMouseDownEvent);\r\n }\r\n };\r\n\r\n firstMouseDownEvent = () => {\r\n document.body.classList.remove('tab-nav');\r\n\r\n window.removeEventListener('mousedown', this.firstMouseDownEvent);\r\n window.addEventListener('keydown', this.firstTabClickEvent);\r\n };\r\n\r\n render() {\r\n const {\r\n auth: { loggedIn },\r\n isExercisesLoading,\r\n exercises\r\n } = this.props;\r\n\r\n if (isExercisesLoading || this.state.isLoading) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n if (exercises.length === 0 && loggedIn) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nNotFound.propTypes = {\r\n location: PropTypes.string\r\n};\r\n\r\nexport default NotFound;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './styles.scss';\r\n\r\nconst CoreLayout = ({ children }) => {\r\n return \r\n
\r\n
\r\n \r\n 404{' '}\r\n \r\n 🤧\r\n \r\n
\r\n\r\n
\r\n No match found for
\r\n {location.pathname}\r\n \r\n \r\n Click to go home\r\n \r\n
\r\n {children}
;\r\n};\r\n\r\nCoreLayout.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.element,\r\n PropTypes.string,\r\n PropTypes.number,\r\n PropTypes.object\r\n ])\r\n};\r\n\r\nexport default CoreLayout;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LoadingBar from 'react-redux-loading-bar';\r\nimport Styles from './Header.module.scss';\r\n\r\nconst Header = ({ left = <>, right, submenu }) => {\r\n return (\r\n \r\n
\r\n {left}
\r\n {right && {right}
}\r\n {submenu}
\r\n \r\n
\r\n );\r\n};\r\n\r\nPhase.propTypes = {\r\n phases: PropTypes.array,\r\n currentPhase: PropTypes.string,\r\n remainingDays: PropTypes.number,\r\n hideRemainingInfo: PropTypes.bool,\r\n t: PropTypes.func\r\n};\r\n\r\nexport default withTranslation()(Phase);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next/src/index';\r\nimport ShortId from 'shortid';\r\nimport Phase from '@hobs/components/Phase';\r\nimport Styles from './Submenu.module.scss';\r\n\r\nconst Submenu = ({ left, right, t }) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nSubmenu.propTypes = {\r\n left: PropTypes.oneOfType([\r\n PropTypes.element,\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.array\r\n ]),\r\n right: PropTypes.object,\r\n t: PropTypes.func\r\n};\r\n\r\nexport default connect()(withTranslation()(Submenu));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip as BPTooltip } from '@blueprintjs/core';\r\nimport Styles from './Tooltip.module.scss';\r\n\r\nconst Tooltip = ({ children, tooltip, ...props }) => (\r\n - \r\n {phases.map((phase, index) => {\r\n const completed =\r\n index < phases.findIndex(phase => phase.name === currentPhase);\r\n const active = phase.name === currentPhase;\r\n const className = classnames({\r\n [Styles.complete]: completed,\r\n [Styles.active]: active,\r\n [Styles.inactive]: !completed && !active\r\n });\r\n return (\r\n
- \r\n {!hideRemainingInfo && active && (\r\n \r\n \r\n {remainingDays}\r\n {remainingDays > 1 ? t(' days left') : t(' day left')}\r\n \r\n \r\n )}\r\n \r\n {phase.name}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n
}\r\n {loading && (\r\n onOptionSelected(item)}\r\n >\r\n
}\r\n
\r\n ))}\r\n {renderLoadMoreOption()}\r\n \r\n );\r\n\r\n return (\r\n \r\n {notificationCount == 0 ? (\r\n
\r\n {!!data.length && No actions requred
\r\n ) : (\r\nUrgent action required ({notificationCount})
\r\n )}\r\n}\r\n {loading && (\r\n
\r\n
\r\n )}\r\n {!loading &&\r\n data.map((item, i, row) => (\r\n \r\n
\r\n {i + 1 !== row.length && \r\n \r\n
\r\n \r\n
\r\n {`Request ${item.RequestNumber}`}
\r\n{item.IndicationDescription}
\r\n\r\n {formatLocal(item.LastChangeDate, DATETIME_FORMAT)}\r\n
\r\n}\r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React, { useEffect, useRef } from 'react';\r\n\r\nexport function useOuterClick(callback) {\r\n const callbackRef = useRef();\r\n const innerRef = useRef();\r\n useEffect(() => { callbackRef.current = callback; });\r\n useEffect(() => {\r\n document.addEventListener(\"click\", handleClick);\r\n return () => document.removeEventListener(\"click\", handleClick);\r\n function handleClick(e) {\r\n if (innerRef.current && callbackRef.current && \r\n !innerRef.current.contains(e.target)\r\n ) callbackRef.current(e);\r\n }\r\n }, []);\r\n \r\n return innerRef;\r\n}","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\n\r\n/**\r\n * actionCreator constructor\r\n * @param {string} uri Call to api\r\n * @param {string} type Redux constant\r\n * @param {object} params Params to fetchSecure\r\n */\r\nexport const actionCreator = (uri, type, params = {}) => {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(uri, params)\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: type.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: type.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: type.FAILURE, error };\r\n }\r\n};\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { list, XLS } from '@hobs/constants/odata';\r\nimport { getNotifications } from './notifications';\r\n\r\nexport function formatFilter(quickSearch) {\r\n return {\r\n logic: 'and',\r\n filters: [\r\n {\r\n field: 'QuickSearchField',\r\n operator: 'contains',\r\n value: quickSearch\r\n }\r\n ]\r\n };\r\n}\r\n\r\nexport function tryGetODataString(params) {\r\n try {\r\n return toODataString(params);\r\n } catch (e) {\r\n return '';\r\n }\r\n}\r\n\r\nfunction oDataFetch(path, params) {\r\n if (params.quickSearch) {\r\n params = { ...params, filter: formatFilter(params.quickSearch) };\r\n }\r\n \r\n let oDataParams = tryGetODataString(params);\r\n\r\n // add '+02:00' timezone to dates to also include selected date (default is 00:00)\r\n oDataParams = addTimeZoneOffsetToDate(oDataParams);\r\n\r\n // Replaces '{notificationCount}
\r\n \r\n )}\r\n {isOpen && renderOptions()}\r\n{currentExercise ? currentExercise.name : ''}
\r\n \r\n );\r\n };\r\n\r\n const onNotificationSelected = notification => {\r\n history.push(`/service-request/${notification.ServiceRequestId}`);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n );\r\n};\r\n\r\nHomepage.propTypes = {\r\n children: propTypes.oneOfType([\r\n propTypes.object,\r\n propTypes.array,\r\n propTypes.string\r\n ])\r\n};\r\n\r\nexport default Homepage;\r\n","import React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport Homepage from '@hobs/components/Homepage';\r\nimport './Home.scss';\r\nimport { getExerciseHomePage } from '../../actions/exercises';\r\n\r\nclass Home extends React.PureComponent {\r\n static propTypes = {\r\n getExerciseHomePage: PropTypes.func,\r\n auth: PropTypes.object,\r\n page: PropTypes.oneOfType([PropTypes.object, PropTypes.string])\r\n };\r\n\r\n componentDidMount() {\r\n this.props.getExerciseHomePage();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { CurrentExerciseId } = this.props.auth.user;\r\n if (\r\n prevProps &&\r\n CurrentExerciseId !== prevProps.auth.user.CurrentExerciseId\r\n ) {\r\n this.props.getExerciseHomePage();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n Home
\r\n\r\n
\r\n \r\n
\r\n {children}
\r\n \r\n {getIn(errors, name)}\r\n
\r\n )}\r\n \r\n );\r\n };\r\n\r\n Label.propTypes = {\r\n form: PropTypes.object,\r\n field: PropTypes.object\r\n };\r\n\r\n return Label;\r\n};\r\n\r\nexport const IsError = (field, form) => {\r\n const touched = objectPath.get(form, 'touched');\r\n const errors = objectPath.get(form, 'errors');\r\n const name = objectPath.get(field, 'name');\r\n return getIn(touched, name) && getIn(errors, name);\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Tooltip from '@hobs/components/Tooltip';\r\nimport Styles from './InputLabel.module.scss';\r\n\r\nconst InputLabel = ({ children, indicationMessage, ...props }) => {\r\n return (\r\n \r\n \r\n {indicationMessage && (\r\n \r\n \r\n {({ isSubmitting }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLoginForm.propTypes = {\r\n onSubmit: PropTypes.func,\r\n translations: PropTypes.object\r\n};\r\n\r\nexport default LoginForm;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport { required } from '@hobs/validations';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport Styles from './LoginTokenForm.module.scss';\r\n\r\nconst emailCounterSeconds = 10;\r\n\r\nconst LoginTokenForm = (props) => {\r\n const [emailResendCounter, setEmailResetCounter] = useState(0);\r\n const [emailCounterEnabled, setEmailCounterEnabled] = useState(true);\r\n const [isAccountLocked, setIsAccountLocked] = useState(false);\r\n const [emailResendText, setEmailResendText] = useState(emailCounterSeconds);\r\n\r\n useEffect(() => {\r\n props.onResendEmail();\r\n startEmailCounter(emailCounterSeconds);\r\n }, []);\r\n\r\n async function onResendEmail() {\r\n setEmailCounterEnabled(false);\r\n const result = await props.onResendEmail();\r\n\r\n if (!result.success) {\r\n return;\r\n }\r\n\r\n setEmailCounterEnabled(true);\r\n startEmailCounter(emailCounterSeconds);\r\n }\r\n\r\n function startEmailCounter(counter) {\r\n counter--;\r\n if (counter > 0) {\r\n setEmailResetCounter(counter);\r\n setEmailResendText(counter);\r\n\r\n setTimeout(() => startEmailCounter(counter), 1000);\r\n }\r\n else {\r\n setEmailResetCounter(0);\r\n setEmailResendText(props.translations.resendEmail);\r\n }\r\n }\r\n\r\n function tokenValidation(value) {\r\n const { translations } = props;\r\n\r\n if (required()(value)) {\r\n return required(translations.validation.tokenRequired)(value);\r\n }\r\n\r\n if (value.length > 10) {\r\n return 'Verification code is too long';\r\n }\r\n\r\n return false;\r\n };\r\n\r\n async function onSubmit(values, actions) {\r\n const results = await props.onSubmit(values.token);\r\n\r\n if (results && !results.success) {\r\n setIsAccountLocked(results.lockoutEnabled);\r\n actions.setErrors({\r\n token: true,\r\n form: results.message || 'Verification code is incorrect or has expired. Please try again'\r\n });\r\n }\r\n\r\n actions.setSubmitting(false);\r\n };\r\n\r\n\r\n const { translations } = props;\r\n return (\r\n \r\n \r\n {({ isSubmitting }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\nLoginTokenForm.propTypes = {\r\n onSubmit: PropTypes.func,\r\n onResendEmail: PropTypes.func,\r\n translations: PropTypes.object\r\n};\r\n\r\nexport default LoginTokenForm;\r\n","import axios from 'axios';\r\n\r\nconst customLogoPaths = [\r\n '/custom/logo.png',\r\n '/custom/logo.jpg',\r\n '/custom/logo.jpeg',\r\n '/custom/logo.gif',\r\n '/custom/logo.svg'\r\n];\r\n\r\nexport const getLoginImage = async () => {\r\n const viableLogo = [];\r\n\r\n await Promise.all(\r\n customLogoPaths.map(async logoPath => {\r\n const logoResult = await tryGetLogoImage(\r\n `${process.env.PUBLIC_URL}${logoPath}?v=${new Date().getTime()}`\r\n );\r\n if (logoResult.available) {\r\n viableLogo.push(logoResult.path);\r\n }\r\n })\r\n );\r\n\r\n if (!viableLogo.length) {\r\n return;\r\n }\r\n\r\n return viableLogo[0];\r\n};\r\n\r\nconst tryGetLogoImage = path => {\r\n return axios(`${path}`, { method: 'HEAD' })\r\n .then(response => {\r\n return {\r\n path,\r\n available:\r\n response.status < 400 &&\r\n response.headers['content-type'].includes('image')\r\n };\r\n })\r\n .catch(() => {\r\n return { path, available: false };\r\n });\r\n};\r\n","import React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { login, submitMfaVerificationToken, requestMfaTokenByEmail } from '@hobs/auth/actions';\r\nimport { withTranslation } from 'react-i18next';\r\nimport LoginForm from '@hobs/auth/components/LoginForm';\r\nimport LoginTokenForm from '@hobs/auth/components/LoginTokenForm';\r\nimport { connect } from 'react-redux';\r\nimport propTypes from 'prop-types';\r\nimport { getLoginImage } from '@hobs/utils/customLogoResolver';\r\nimport './Login.scss';\r\n\r\nclass Login extends React.PureComponent {\r\n static propTypes = {\r\n login: propTypes.func,\r\n submitMfaVerificationToken: propTypes.func,\r\n requestMfaTokenByEmail: propTypes.func,\r\n history: propTypes.object,\r\n t: propTypes.func\r\n };\r\n\r\n state = {\r\n logoSrc: null,\r\n isValidatingMfaToken: false\r\n };\r\n\r\n async submit(values) {\r\n const results = await this.props.login(values.email, values.password);\r\n\r\n if (results.success) {\r\n return this.props.history.push('/');\r\n }\r\n\r\n if (results.isMfaValidationNeeded){\r\n this.setState({isValidatingMfaToken: true})\r\n }\r\n\r\n return results;\r\n }\r\n\r\n async submitToken(token) {\r\n const results = await this.props.submitMfaVerificationToken(token);\r\n\r\n if (results.success) {\r\n return this.props.history.push('/');\r\n }\r\n\r\n return results;\r\n }\r\n\r\n async resendEmail() {\r\n const results = await this.props.requestMfaTokenByEmail();\r\n\r\n return results;\r\n }\r\n\r\n componentDidMount() {\r\n this.getLoginImage();\r\n }\r\n\r\n getLoginImage = () => {\r\n getLoginImage().then(result => {\r\n if (!result) {\r\n this.setState({\r\n logoSrc: require('../../assets/images/ndlo-logo.png')\r\n });\r\n return;\r\n }\r\n\r\n this.setState({ logoSrc: result });\r\n });\r\n };\r\n\r\n render() {\r\n const { t } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n login: (username, password) => dispatch(login(username, password)),\r\n submitMfaVerificationToken: (token) => dispatch(submitMfaVerificationToken(token)),\r\n requestMfaTokenByEmail: () => dispatch(requestMfaTokenByEmail())\r\n \r\n };\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n null,\r\n mapDispatchToProps\r\n )(withTranslation()(Login))\r\n);\r\n","import { PureComponent } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { logout } from '@hobs/auth/actions.js';\r\nimport { connect } from 'react-redux';\r\nimport propTypes from 'prop-types';\r\n\r\nclass Logout extends PureComponent {\r\n static propTypes = {\r\n logout: propTypes.func,\r\n history: propTypes.object\r\n };\r\n\r\n componentDidMount() {\r\n this.props.logout().then(() => {\r\n this.props.history.push('/login');\r\n });\r\n }\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n logout: () => dispatch(logout())\r\n };\r\n}\r\n\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(withRouter(Logout));\r\n","import { Position, Intent, Toaster as BPToaster } from '@blueprintjs/core';\r\nconst Toaster = BPToaster.create({\r\n className: 'hobs-toaster',\r\n position: Position.TOP\r\n});\r\n\r\nconst mergeOptions = props => {\r\n let toastProps = {};\r\n if (typeof props === 'string') {\r\n toastProps.message = props;\r\n toastProps.intent = Intent.NONE;\r\n } else {\r\n toastProps = props;\r\n }\r\n return toastProps;\r\n};\r\n\r\nconst success = (props, key) => {\r\n const toastProps = mergeOptions(props);\r\n toastProps.intent = Intent.SUCCESS;\r\n toastProps.icon = 'tick';\r\n Toaster.show(toastProps, key);\r\n};\r\n\r\nconst error = (props, key) => {\r\n const toastProps = mergeOptions(props);\r\n toastProps.intent = Intent.DANGER;\r\n toastProps.icon = 'delete';\r\n Toaster.show(toastProps, key);\r\n};\r\n\r\nconst info = (props, key) => {\r\n const toastProps = mergeOptions(props);\r\n toastProps.intent = Intent.WARNING;\r\n toastProps.icon = 'info-sign';\r\n Toaster.show(toastProps, key);\r\n};\r\n\r\nconst warning = info;\r\n\r\nexport const Toast = {\r\n success,\r\n error,\r\n info,\r\n warning\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Formik, Field, Form, ErrorMessage } from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport Styles from './ResetForm.module.scss';\r\n\r\nclass ResetForm extends React.Component {\r\n onSubmit = async (values, actions) => {\r\n const results = await this.props.onSubmit(values);\r\n\r\n if (results && !results.success) {\r\n actions.setSubmitting(false);\r\n actions.setErrors({\r\n form: results.payload.details\r\n ? results.payload.details[0].message[0]\r\n : results.payload.message\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { translations } = this.props;\r\n return (\r\n HOBS
\r\n \r\n
\r\n \r\n {this.state.logoSrc ? (\r\n 
\r\n ) : (\r\n \r\n )}\r\n })
\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.isValidatingMfaToken ? \r\n
\r\n \r\n
\r\n :\r\n {t('Email login')}
\r\n {t('Verification code has been sent to your email. Please check your email and type in the code below.')}
\r\n \r\n
\r\n }\r\n {t('Login')}
\r\n \r\n \r\n {({ isSubmitting }) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nResetForm.propTypes = {\r\n onSubmit: PropTypes.func,\r\n translations: PropTypes.object\r\n};\r\n\r\nexport default ResetForm;\r\n","import React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { reset } from '@hobs/auth/actions';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Toast from '@hobs/components/Toast';\r\nimport ResetForm from '@hobs/auth/components/ResetForm';\r\nimport { connect } from 'react-redux';\r\nimport propTypes from 'prop-types';\r\nimport { getLoginImage } from '@hobs/utils/customLogoResolver';\r\n\r\nimport './Reset.scss';\r\n\r\nclass Reset extends React.PureComponent {\r\n static propTypes = {\r\n reset: propTypes.func,\r\n history: propTypes.object,\r\n t: propTypes.func,\r\n match: propTypes.object\r\n };\r\n\r\n state = {\r\n logoSrc: null\r\n };\r\n\r\n async submit(values) {\r\n const {\r\n t,\r\n match: { params },\r\n reset\r\n } = this.props;\r\n\r\n const results = await reset(\r\n params.userId,\r\n params.token,\r\n values.password,\r\n values.confirmPassword\r\n );\r\n\r\n if (results.success) {\r\n Toast.success(\r\n t(\r\n 'Password was changed successfully, now you can login using your user name and newly created password'\r\n )\r\n );\r\n\r\n return this.props.history.push('/login');\r\n }\r\n\r\n return results;\r\n }\r\n\r\n componentDidMount() {\r\n this.getLoginImage();\r\n }\r\n\r\n getLoginImage = () => {\r\n getLoginImage().then(result => {\r\n if (!result) {\r\n this.setState({\r\n logoSrc: require('../../assets/images/ndlo-logo.png')\r\n });\r\n return;\r\n }\r\n\r\n this.setState({ logoSrc: result });\r\n });\r\n };\r\n\r\n render() {\r\n const { t } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n reset: (email, resetToken, password, confirmPassword) =>\r\n dispatch(reset(email, resetToken, password, confirmPassword))\r\n };\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n null,\r\n mapDispatchToProps\r\n )(withTranslation()(Reset))\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\nimport { STATUSES, ORDER_STATUSES } from '@hobs/utils/constants';\r\nimport Styles from './Status.module.scss';\r\n\r\nconst Status = ({\r\n name,\r\n type = 0,\r\n statuses,\r\n order = false,\r\n inverted = false\r\n}) => {\r\n if (!statuses) {\r\n statuses = order ? ORDER_STATUSES : STATUSES;\r\n }\r\n\r\n const color = statuses[isNaN(type) ? 0 : type].color;\r\n\r\n return (\r\n HOBS
\r\n \r\n
\r\n \r\n {this.state.logoSrc ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {t('reset.title')}
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nIndicator.propTypes = {\r\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\r\n};\r\n\r\nexport default Indicator;\r\n","import React, { PureComponent } from 'react';\r\nimport ShortId from 'shortid';\r\nimport Input from '@hobs/components/Input';\r\nimport Icon from '@hobs/components/Icon';\r\n\r\nconst KEY_ENTER = 13;\r\n\r\nfunction WithQuickSearch(Component) {\r\n return class QuickSearch extends PureComponent {\r\n state = {\r\n key: ShortId.generate(),\r\n inputValue: null,\r\n withQuickSearchFilter: {}\r\n };\r\n\r\n handleQuickSearchChange = onSearch => event => {\r\n if (event.keyCode === KEY_ENTER) {\r\n this.quickSearch(event.target.value, onSearch);\r\n }\r\n };\r\n\r\n quickSearch = (value, onSearch) => {\r\n\r\n let state = {};\r\n if (value === '' || !value) {\r\n state = {\r\n withQuickSearchFilter: {}\r\n };\r\n } else {\r\n state = {\r\n withQuickSearchFilter: {\r\n logic: 'and',\r\n filters: [\r\n {\r\n field: 'QuickSearchField',\r\n operator: 'contains',\r\n value\r\n }\r\n ]\r\n }\r\n };\r\n }\r\n\r\n this.setState(state, () => {\r\n onSearch(value);\r\n });\r\n };\r\n\r\n withQuickSearchForm = ({ onSearch, preFilledQuickSearch, placeholder, ...props }) => {\r\n\r\n if (\r\n preFilledQuickSearch && \r\n !this.state.inputValue &&\r\n preFilledQuickSearch !== this.state.inputValue\r\n ) {\r\n this.setState(\r\n {\r\n key: ShortId.generate(),\r\n inputValue: preFilledQuickSearch\r\n },\r\n this.quickSearch(preFilledQuickSearch, onSearch)\r\n );\r\n }\r\n return (\r\n \r\n {\r\n this.resetFilter(onSelect);\r\n }}\r\n type=\"button\"\r\n key={ShortId.generate()}\r\n >\r\n {this.props.t('All')}\r\n \r\n\r\n {this.props.annexes\r\n .map(annex => {\r\n const Button =\r\n this.state.selected === annex.annexId\r\n ? SquareButton\r\n : SquareGhostButton;\r\n\r\n return (\r\n {\r\n this.toggleAnnex(annex, onSelect);\r\n }}\r\n key={annex.annexId}\r\n >\r\n {annex.name}\r\n \r\n );\r\n })}\r\n
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n {format(date, DATE_FORMAT)}
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nDraggableDialog.propTypes = {\r\n className: PropTypes.string,\r\n title: PropTypes.string,\r\n width: PropTypes.number,\r\n children: PropTypes.any,\r\n isOpen: PropTypes.bool,\r\n onClose: PropTypes.func\r\n};\r\n\r\nconst Dialog = ({ children, className, ...rest }) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {children}\r\n {title}
\r\n\r\n {children} \r\n
\r\n );\r\n};\r\n\r\nCheckbox.propTypes = {\r\n name: PropTypes.string,\r\n checked: PropTypes.bool,\r\n children: PropTypes.any,\r\n onChange: PropTypes.func,\r\n onClick: PropTypes.func,\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.bool,\r\n PropTypes.number\r\n ]),\r\n field: PropTypes.object,\r\n form: PropTypes.object\r\n};\r\n\r\nexport default Checkbox;\r\n","import React, { PureComponent } from 'react';\r\nimport ShortId from 'shortid';\r\nimport PropTypes from 'prop-types';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport Checkbox from '@hobs/components/Checkbox';\r\nimport Toast from '@hobs/components/Toast';\r\n\r\nfunction WithVisibleColumns(Component) {\r\n class VisibleColumns extends PureComponent {\r\n state = {\r\n columns: {},\r\n originalColumns: {},\r\n appliedColumns: {},\r\n dialogOpen: false,\r\n selectAllChecked: true,\r\n onUpdate: () => {}\r\n };\r\n\r\n openDialog = () => {\r\n this.setState({\r\n originalColumns: this.state.columns\r\n });\r\n\r\n this.setState({\r\n dialogOpen: true\r\n });\r\n\r\n this.checkSelectAllChecked(this.state.columns);\r\n };\r\n\r\n onDialogClose = () => {\r\n this.setState({\r\n dialogOpen: false,\r\n columns: this.state.originalColumns\r\n });\r\n };\r\n\r\n checkSelectAllChecked = columns => {\r\n if (!columns) return;\r\n const areAllSelected = Object.getOwnPropertyNames(columns)\r\n .filter(key => columns[key].title)\r\n .every(key => columns[key].visible);\r\n\r\n this.setState({\r\n selectAllChecked: areAllSelected\r\n });\r\n };\r\n\r\n getVisibleColumnCount = () => {\r\n return Object.getOwnPropertyNames(this.state.appliedColumns).reduce(\r\n (result, key) => {\r\n if (this.state.appliedColumns[key].visible) {\r\n return result + 1;\r\n }\r\n\r\n return result;\r\n },\r\n 0\r\n );\r\n };\r\n\r\n getGridColumns = () => {\r\n return this.state.appliedColumns;\r\n };\r\n\r\n setColumns = columns => {\r\n this.setState({\r\n columns,\r\n appliedColumns: columns\r\n });\r\n };\r\n\r\n onUpdate = updateFn => {\r\n this.setState({\r\n onUpdate: updateFn\r\n });\r\n };\r\n\r\n onItemCheckedChange = (key, column, columns) => {\r\n columns = {\r\n ...columns,\r\n [key]: {\r\n ...column,\r\n visible: !column.visible\r\n }\r\n };\r\n\r\n this.setState({\r\n columns: columns\r\n });\r\n\r\n this.checkSelectAllChecked(columns);\r\n };\r\n\r\n onAllSelectedCheckedChange = () => {\r\n if (this.state.selectAllChecked) {\r\n this.changeCheckStateAllTo(false);\r\n } else {\r\n this.changeCheckStateAllTo(true);\r\n }\r\n };\r\n\r\n changeCheckStateAllTo = isChecked => {\r\n let columns = { ...this.state.columns };\r\n const columnKeys = Object.getOwnPropertyNames(columns);\r\n columnKeys.forEach(key => {\r\n if (!columns[key].title) {\r\n return;\r\n }\r\n\r\n columns = {\r\n ...columns,\r\n [key]: {\r\n ...columns[key],\r\n visible: isChecked\r\n }\r\n };\r\n });\r\n\r\n this.setState({\r\n selectAllChecked: isChecked,\r\n columns: columns\r\n });\r\n };\r\n\r\n applyColumnChanges() {\r\n const { columns } = this.state;\r\n const { t } = this.props;\r\n\r\n var singleColumnSelected = false;\r\n\r\n Object.getOwnPropertyNames(columns).forEach(key => {\r\n if (columns[key].visible) {\r\n singleColumnSelected = true;\r\n return;\r\n }\r\n });\r\n\r\n if (!singleColumnSelected) {\r\n Toast.warning(t('At least one column should be selected'));\r\n return;\r\n }\r\n\r\n this.setState(\r\n {\r\n appliedColumns: columns,\r\n originalColumns: columns,\r\n dialogOpen: false\r\n },\r\n () => {\r\n this.state.onUpdate();\r\n }\r\n );\r\n }\r\n\r\n getColumns() {\r\n const columns = Object.getOwnPropertyNames(this.state.columns)\r\n .reduce((results, key) => {\r\n if (this.state.columns[key].title) {\r\n results.push({\r\n key,\r\n title: this.state.columns[key].title\r\n });\r\n }\r\n\r\n return results;\r\n }, [])\r\n .sort((a, b) => (a.title > b.title ? 1 : -1))\r\n .map(({ key }) => {\r\n return key;\r\n });\r\n\r\n const perChunk = Math.ceil(columns.length / 3); // items per chunk\r\n\r\n const chunks = columns.reduce((resultArray, item, index) => {\r\n const chunkIndex = Math.floor(index / perChunk);\r\n\r\n if (!resultArray[chunkIndex]) {\r\n resultArray[chunkIndex] = []; // start a new chunk\r\n }\r\n\r\n resultArray[chunkIndex].push(item);\r\n\r\n return resultArray;\r\n }, []);\r\n\r\n return chunks;\r\n }\r\n\r\n render() {\r\n const { t } = this.props;\r\n const { columns } = this.state;\r\n const columnChunks = this.getColumns();\r\n\r\n const title = (\r\n \r\n {t(`Visible columns (${this.getVisibleColumnCount()})`)}\r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n {t('Select all')}\r\n \r\n
\r\n \r\n {columnChunks.map(columnKeys => (\r\n \r\n {columnKeys.map(key => {\r\n const column = columns[key];\r\n\r\n if (column.hiddenInSelection) {\r\n return null;\r\n }\r\n return (\r\n
\r\n ))}\r\n \r\n\r\n \r\n \r\n this.onItemCheckedChange(key, column, columns)\r\n }\r\n checked={column.visible}\r\n name={key}\r\n >\r\n {column.title}\r\n \r\n
\r\n );\r\n })}\r\n \r\n {\r\n this.applyColumnChanges();\r\n }}\r\n >\r\n {t('Apply')}\r\n \r\n
\r\n \r\n \r\n {customFilter.data.map((item) => {\r\n const field = item.field ? item.field : this.props.column.field;\r\n const value = this.fixFilterValue(item.value);\r\n const checked = this.state.customFilterValues[`${field}_${value}`]\r\n ? this.state.customFilterValues[`${field}_${value}`].checked\r\n : false;\r\n const selectAllChecked =\r\n (count === 0 && item.default) ||\r\n (count + 1 ===\r\n customFilter.data\r\n .map((item) => item.value)\r\n .filter(this.onlyUniqueValues).length &&\r\n item.default);\r\n return (\r\n
\r\n \r\n {\r\n this.onFilterCheckboxSelect(item, checked);\r\n }}\r\n >\r\n {item.default ? {item.name} : item.name}\r\n \r\n
\r\n );\r\n })}\r\n \r\n {count} {t('items selected')}\r\n
\r\n \r\n \r\n {t('Filter')}\r\n \r\n {\r\n this.props.onCloseMenu();\r\n this.setState(\r\n {\r\n customFilterValues: {},\r\n },\r\n () => {\r\n onFilterChange(this.createCustomFilter());\r\n }\r\n );\r\n }}\r\n >\r\n {t('Reset')}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return <>;\r\n }\r\n\r\n render() {\r\n const { t, customFilter, onSave, onReset, column, sortable } = this.props;\r\n\r\n const operators = GRID_OPERATORS[column.filter] || GRID_OPERATORS['text'];\r\n\r\n return (\r\n \r\n {sortable &&
\r\n );\r\n }\r\n}\r\n\r\nColumnMenu.propTypes = {\r\n sortable: PropTypes.bool,\r\n onSave: PropTypes.func,\r\n t: PropTypes.func,\r\n customFilter: PropTypes.object,\r\n filter: PropTypes.object,\r\n column: PropTypes.object,\r\n onReset: PropTypes.func,\r\n onFilterChange: PropTypes.func,\r\n onCloseMenu: PropTypes.func,\r\n};\r\n\r\nColumnMenu.defaultProps = {\r\n sortable: true,\r\n};\r\n\r\nexport default withTranslation()(ColumnMenu);\r\n","import React from 'react';\r\nimport { GridColumn, GridCell } from '@progress/kendo-react-grid';\r\nimport ColumnMenu from '@hobs/components/Grid/ColumnMenu';\r\nimport ShortId from 'shortid';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport './Columns.scss';\r\n\r\nfunction hasColumnFilter(array, search) {\r\n if (!array) {\r\n return null;\r\n }\r\n return array.find(item => {\r\n if (item.filters) {\r\n return hasColumnFilter(item.filters, search);\r\n }\r\n\r\n return (\r\n item.field === search ||\r\n (item.field.indexOf('.') > -1 && item.field.indexOf(search) > -1)\r\n );\r\n });\r\n}\r\n\r\nconst Columns = ({ columns, onSave, onReset, dataState }) => {\r\n return Object.getOwnPropertyNames(columns).reduce((results, key) => {\r\n const column = columns[key];\r\n let filterFields = [key];\r\n\r\n /**\r\n * Collect fields which have impact for filtering\r\n */\r\n if (column.customFilter) {\r\n filterFields = column.customFilter.data.reduce((results, item) => {\r\n if (item.field && results.indexOf(item.field) === -1) {\r\n results.push(item.field);\r\n }\r\n return results;\r\n }, filterFields);\r\n }\r\n\r\n const isFilterActive = () => {\r\n if (dataState.filter) {\r\n return filterFields.reduce((result, filter) => {\r\n if (!result) {\r\n return hasColumnFilter(dataState.filter.filters, filter);\r\n }\r\n\r\n return result;\r\n }, false);\r\n }\r\n\r\n return false;\r\n };\r\n\r\n if (column.visible) {\r\n const menu = props => (\r\n e.stopPropagation()}>\r\n (\r\n
\r\n )}\r\n \r\n {onSave && (\r\n
\r\n \r\n
\r\n );\r\n};\r\nMessage.propTypes = messageShape;\r\n","import { shape, string, bool } from 'prop-types';\r\n\r\nexport const messageShape = shape({\r\n discussionId: string,\r\n userId: string,\r\n userFullName: string,\r\n partyName: string,\r\n message: string,\r\n sendingDate: string,\r\n isMyPartyMessage: bool,\r\n}).isRequired;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport cx from 'classnames';\r\nimport { Classes } from '@blueprintjs/core';\r\nimport Drawer from '@hobs/components/Drawer';\r\nimport { GhostButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Loader from '@hobs/components/Loader';\r\nimport Toast from '@hobs/components/Toast';\r\nimport WithRoles from '@hobs/hocs/WithRoles';\r\n\r\nimport { USER_ROLES } from '@hobs/utils/constants';\r\n\r\nimport { DiscussionForm } from './DiscussionForm';\r\nimport { messageShape } from './propTypes';\r\nimport { Message } from './Message';\r\nimport './Discussion.scss';\r\n\r\nconst modalRoot = document.getElementById('root');\r\n\r\nclass Discussion extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.el = document.createElement('div');\r\n }\r\n messageBottom = React.createRef();\r\n\r\n state = {\r\n isOpen: false,\r\n markedUnread: null\r\n };\r\n\r\n openDiscussion = () => {\r\n this.setState(\r\n {\r\n isOpen: true,\r\n markedUnread: false\r\n },\r\n this.props.onDiscussionOpen\r\n );\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.discussion.discussions.length !==\r\n prevProps.discussion.discussions.length\r\n ) {\r\n this.scrollToBottom();\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (modalRoot) {\r\n modalRoot.appendChild(this.el);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (modalRoot) {\r\n modalRoot.removeChild(this.el);\r\n }\r\n }\r\n\r\n handleClose = () => {\r\n this.setState(\r\n {\r\n isOpen: false\r\n },\r\n this.props.onDiscussionClose\r\n );\r\n };\r\n\r\n handleSubmit = (values, { resetForm, setSubmitting }) => {\r\n if (values.message.length <= 0) {\r\n return;\r\n }\r\n\r\n this.props.onMessageCreate(values.message).then(response => {\r\n if (response.success) {\r\n resetForm({ message: '' });\r\n } else {\r\n Toast.warning(this.props.t('Message not sent'));\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n handleMarkUnread = () => {\r\n this.setState({\r\n markedUnread: true\r\n });\r\n this.props.onMarkUnread();\r\n this.handleClose();\r\n };\r\n\r\n scrollToBottom = () => {\r\n this.messageBottom &&\r\n this.messageBottom.current &&\r\n this.messageBottom.current.scrollIntoView(true);\r\n };\r\n\r\n maybeShowEmptyBlock = () => {\r\n if (this.props.discussion.discussions.length > 0) {\r\n return null;\r\n }\r\n if (this.props.isLoading === true) {\r\n return null;\r\n }\r\n return (\r\n \r\n
\r\n \r\n {props.messageFrom}
\r\n {props.message}
\r\n\r\n {this.props.t('There are no messages in the discussion.')}\r\n
\r\n );\r\n };\r\n\r\n hasNoMessages() {\r\n return this.props.status === 3;\r\n }\r\n\r\n hasUnread() {\r\n return this.props.status === 1 || this.state.markedUnread === true;\r\n }\r\n\r\n isMarkAsUnreadEnabled() {\r\n const { discussion, currentUserId } = this.props;\r\n if (\r\n currentUserId &&\r\n discussion.discussions.length > 0 &&\r\n discussion.discussions[discussion.discussions.length - 1].userId ===\r\n currentUserId\r\n ) {\r\n return false;\r\n }\r\n return discussion.markAsUnreadEnabled;\r\n }\r\n\r\n isOnlyPreviewMode() {\r\n const { hasUserPermission, discussion } = this.props;\r\n return (\r\n hasUserPermission(USER_ROLES.READONLY) ||\r\n (hasUserPermission(USER_ROLES.HOST_UNIT) && !discussion.canHostUnitEdit)\r\n );\r\n }\r\n\r\n render() {\r\n const { t, discussion } = this.props;\r\n const number = discussion.serviceRequestNumber\r\n ? discussion.serviceRequestNumber\r\n : '';\r\n const title = `${t('Discussion with ')} ${\r\n discussion.discussionWith ? discussion.discussionWith : ''\r\n } (${number})`;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n {this.props.isLoading && (\r\n
\r\n \r\n
\r\n )}\r\n {this.maybeShowEmptyBlock()}\r\n {discussion.discussions.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n {discussion.discussions.map(message => {\r\n return (\r\n
\r\n \r\n {!this.isOnlyPreviewMode() && (\r\n
\r\n ,\r\n this.el\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nDiscussion.propTypes = {\r\n t: PropTypes.func,\r\n currentUserId: PropTypes.string,\r\n initials: PropTypes.string,\r\n onDiscussionOpen: PropTypes.func,\r\n onDiscussionClose: PropTypes.func,\r\n onMessageCreate: PropTypes.func,\r\n onMarkUnread: PropTypes.func,\r\n hasUserPermission: PropTypes.func,\r\n discussion: PropTypes.shape({\r\n total: PropTypes.number,\r\n discussionWith: PropTypes.string,\r\n markAsUnreadEnabled: PropTypes.bool,\r\n discussions: PropTypes.arrayOf(messageShape),\r\n serviceRequestNumber: PropTypes.string\r\n }),\r\n isLoading: PropTypes.bool,\r\n iconOnly: PropTypes.bool,\r\n status: PropTypes.oneOf([\r\n 3, // No Messages\r\n 2, // Contains Messages\r\n 1, // New Messages,\r\n 4 // Unknow status - back added and did not informed us\r\n ])\r\n};\r\n\r\nexport default withTranslation()(WithRoles(Discussion));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport DiscussionWidget from '@hobs/components/Discussion';\r\nimport {\r\n getDiscussion,\r\n sendMessage,\r\n markUnread,\r\n resetDiscussion\r\n} from '@hobs/actions/discussion';\r\n\r\nclass Discussion extends React.PureComponent {\r\n state = {\r\n discussionStatus: 1\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({\r\n discussionStatus: this.props.status\r\n });\r\n }\r\n\r\n openDiscussion = () => {\r\n this.props.getDiscussion(this.props.serviceRequestId);\r\n };\r\n\r\n handleClose = () => {\r\n this.setState(\r\n {\r\n discussionStatus: this.props.discussion.total > 0 ? 2 : 3\r\n },\r\n () => {\r\n this.props.resetDiscussion();\r\n }\r\n );\r\n };\r\n\r\n handleSubmit = message => {\r\n return this.props.sendMessage(this.props.serviceRequestId, message);\r\n };\r\n\r\n handleMarkUnread = () => {\r\n this.props.markUnread(this.props.serviceRequestId);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nSummary.propTypes = {\r\n country: PropTypes.string,\r\n t: PropTypes.func,\r\n info: PropTypes.object,\r\n children: PropTypes.any\r\n};\r\n\r\nexport default withTranslation()(Summary);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport accounting from 'accounting';\r\n\r\nconst formatAmount = amount => {\r\n if (!amount && amount !== 0) {\r\n return `--`;\r\n }\r\n\r\n return accounting.formatNumber(amount, {\r\n symbol: '',\r\n precision: 10,\r\n thousand: ' ',\r\n format: {\r\n pos: '%s%v',\r\n neg: '-%s%v',\r\n zero: '%s%v'\r\n }\r\n });\r\n};\r\n\r\nconst Quantity = ({ amount, component, className }) => {\r\n const Component = component || Quantity.defaultProps.component;\r\n const numberAmount = Number.parseFloat(amount);\r\n\r\n const removeTrailingZeros = (text) => {\r\n return text.replace(/^0+(?!\\.)|(?:\\.|(\\..*?))0+$/gm, '$1');\r\n }\r\n\r\n return (\r\n \r\n {info.sendingNationName ? `${info.sendingNationName} - ` : null}\r\n {info.annexName || t('All')}\r\n
\r\n \r\n
\r\n \r\n
\r\n {t('Total req.')}
\r\n \r\n {info.requestedQuantity}\r\n
\r\n \r\n
\r\n {info.organization}
\r\n \r\n {info.responsiblePerson.email ? (\r\n \r\n {info.responsiblePerson.name}\r\n \r\n ) : (\r\n info.responsiblePerson.name\r\n )}\r\n
\r\n \r\n
\r\n {children && {t('Phone')}
\r\n \r\n {info.responsiblePerson.phone}\r\n
\r\n {children}
}\r\n \r\n \r\n
\r\n ),\r\n cell: ({ dataItem }) => {\r\n const indications = this.getIndications(dataItem.Indications);\r\n return (\r\n \r\n {INDICATIONS[indication]}\r\n
\r\n ))}\r\n key={ShortId.generate()}\r\n />\r\n )}\r\n \r\n \r\n
\r\n ),\r\n cell: ({ dataItem }) => {\r\n const indications = this.getIndications(dataItem.Indications);\r\n return (\r\n \r\n {INDICATIONS[indication]}\r\n
\r\n ))}\r\n key={ShortId.generate()}\r\n />\r\n )}\r\n {t('Requested services')}
\r\n\r\n \r\n {!hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT) &&\r\n this.canManageApprovals() && (\r\n \r\n {t('SOR approvals')}\r\n \r\n )}\r\n \r\n\r\n \r\n {Object.keys(getGridColumns).reduce((results, key) => {\r\n const column = getGridColumns[key];\r\n if (\r\n (typeof column.xls === 'undefined' || column.xls) &&\r\n column.visible\r\n ) {\r\n if (column.filter === 'date') {\r\n results.push(\r\n {\r\n return (\r\n t('Sum: ') +\r\n this.getTotalEstimatedTotalCost().FooterTotalActualCost\r\n );\r\n }}\r\n />\r\n )}\r\n {\r\n return (\r\n t('Sum: ') +\r\n this.getTotalEstimatedTotalCost()\r\n .FooterTotalEstimatedCostFrom\r\n );\r\n }}\r\n />\r\n {\r\n return (\r\n t('Sum: ') +\r\n this.getTotalEstimatedTotalCost()\r\n .FooterTotalEstimatedCostTo\r\n );\r\n }}\r\n />\r\n {\r\n return (\r\n t('Sum: ') +\r\n this.getTotalEstimatedTotalCost()\r\n .FooterTotalEstimatedGrossAmountFrom\r\n );\r\n }}\r\n />\r\n {\r\n return (\r\n t('Sum: ') +\r\n this.getTotalEstimatedTotalCost()\r\n .FooterTotalEstimatedGrossAmountTo\r\n );\r\n }}\r\n />\r\n \r\n \r\n {nav => (\r\n {\r\n if (props.dataItem.footer) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return {\r\n ...row,\r\n props: {\r\n ...row.props,\r\n className: classnames(row.props.className, {\r\n 'service-requests-view--disabled':\r\n props.dataItem.StatusId === 2,\r\n 'service-requests-view--last-visited':\r\n props.dataItem.ServiceRequestId ===\r\n nav.serviceRequestId\r\n })\r\n }\r\n };\r\n }}\r\n >\r\n {Columns({\r\n columns: getGridColumns,\r\n onSave: this.onUserSaveSettings,\r\n onReset: this.onUserResetSettings,\r\n dataState: this.state.dataState\r\n })}\r\n \r\n )}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n\r\n \r\n {!hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT) && (\r\n
\r\n\r\n \r\n {\r\n openDialog();\r\n }}\r\n type=\"button\"\r\n >\r\n {t('Visible columns')} ({getVisibleColumnCount()})\r\n \r\n\r\n
\r\n \r\n {t('Show:')} \r\n \r\n {this.getUnitOptions(\r\n ObjectPath.get(this.props.sor, 'sorSummary.units')\r\n )}\r\n \r\n
\r\n \r\n {this.props.withQuickSearchForm({\r\n onSearch: this.onQuickSearch,\r\n noMargin: true,\r\n preFilledQuickSearch: this.state.preFilledQuickSearch\r\n })}\r\n
\r\n \r\n {this.props.withAnnexFilterForm((id, annex) => {\r\n const { selectedAnnex, preselectedAnnex } = this.state;\r\n\r\n // Additional condition to allow keep page then we are returning\r\n // from annex after it's preview.\r\n const shouldSetSkip =\r\n preselectedAnnex &&\r\n selectedAnnex &&\r\n selectedAnnex.annexId === preselectedAnnex.annexId;\r\n const additionalDataStateOverride = {};\r\n\r\n if (shouldSetSkip) {\r\n additionalDataStateOverride.skip = 0;\r\n }\r\n // End of condition;\r\n\r\n this.setState(\r\n {\r\n selectedAnnex: annex,\r\n preselectedAnnex: null,\r\n dataState: {\r\n ...this.state.dataState,\r\n ...additionalDataStateOverride\r\n }\r\n },\r\n this.queryOData\r\n );\r\n }, this.state.preselectedAnnex)}\r\n
\r\n\r\n {Object.keys(getGridColumns).length > 0 && (\r\n <>\r\n \r\n
\r\n \r\n {t('Sum')}\r\n {` [${currentExercise.currency.name}]`}:\r\n
\r\n \r\n
\r\n \r\n {getGridColumns.ActualCost.visible && (\r\n \r\n
\r\n \r\n \r\n <>\r\n
\r\n \r\n \r\n <>\r\n
\r\n \r\n {heading && (\r\n 
}\r\n
\r\n );\r\n};\r\n\r\nPanel.propTypes = {\r\n heading: PropTypes.oneOfType([\r\n PropTypes.shape({\r\n text: PropTypes.string,\r\n number: PropTypes.number\r\n }),\r\n PropTypes.string\r\n ]),\r\n children: PropTypes.any,\r\n withArrow: PropTypes.bool,\r\n showFootnote: PropTypes.bool,\r\n actions: PropTypes.element,\r\n footnote: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\r\n className: PropTypes.string\r\n};\r\n\r\nPanel.defaultProps = {\r\n footnote: '',\r\n withArrow: false,\r\n showFootnote: true\r\n};\r\n\r\nexport default Panel;\r\n","import React from 'react';\r\nimport CheckboxTreeOriginal from 'react-checkbox-tree';\r\nimport PropTypes from 'prop-types';\r\nimport './CheckboxTree.scss';\r\n\r\nconst DEMO_NODES = [\r\n {\r\n value: 'mars',\r\n label: 'Mars',\r\n children: [\r\n { value: 'phobos', label: 'Phobos' },\r\n { value: 'deimos', label: 'Deimos' }\r\n ]\r\n },\r\n {\r\n value: 'mars2',\r\n label: 'Mars2',\r\n children: [\r\n { value: 'phobos2', label: 'Phobos' },\r\n { value: 'deimos2', label: 'Deimos' }\r\n ]\r\n }\r\n];\r\n\r\nconst CheckboxTree = ({ nodes = DEMO_NODES, ...rest }) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {heading.number && {heading.number}}\r\n {heading.title ? heading.title : heading}\r\n
\r\n {actions}
\r\n {children}
\r\n {showFootnote && {footnote}
}\r\n\r\n {withArrow && \r\n
\r\n );\r\n};\r\n\r\nCheckboxTree.propTypes = {\r\n nodes: PropTypes.array,\r\n onCheck: PropTypes.func,\r\n onExpand: PropTypes.func\r\n};\r\n\r\nexport default CheckboxTree;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Translation } from 'react-i18next/src';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport { RaisedButton, GhostButton } from '@hobs/components/Buttons';\r\nimport Styles from './Confirm.module.scss';\r\n\r\nclass ConfirmContainer extends React.Component {\r\n state = {\r\n title: null,\r\n message: null,\r\n resolveCallback: () => {},\r\n rejectCallback: () => {},\r\n yesButtonTitle: null,\r\n noButtonTitle: null,\r\n onCloseCallback: () => {}\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.show = this.show.bind(this);\r\n this.handleYes = this.handleYes.bind(this);\r\n this.handleNo = this.handleNo.bind(this);\r\n this.resetState = this.resetState.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n }\r\n\r\n static create() {\r\n const containerElement = document.createElement('div');\r\n document.body.appendChild(containerElement);\r\n const cc = ReactDOM.render({this.renderConfirm()}
;\r\n }\r\n\r\n renderConfirm() {\r\n if (!this.state.title && !this.state.message) {\r\n return null;\r\n }\r\n return (\r\n \r\n {{t => t(this.state.message)} }\r\n
\r\n\r\n \r\n \r\n {this.state.noButtonTitle ? (\r\n this.state.noButtonTitle\r\n ) : (\r\n {t => t('No')} \r\n )}\r\n \r\n \r\n {this.state.yesButtonTitle ? (\r\n this.state.yesButtonTitle\r\n ) : (\r\n {t => t('Yes')} \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst confirm = ConfirmContainer.create();\r\n\r\nexport default confirm.show;\r\n","import React, { useState, useEffect } from 'react';\r\nimport Styles from './InformationToolTip.module.scss';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Tooltip from '@hobs/components/Tooltip';\r\n\r\nconst InformationToolTip = ({\r\n toolTipInformation,\r\n startDisabled,\r\n catalogItemId,\r\n hasMargins,\r\n isOpen,\r\n floatRight\r\n}) => {\r\n const [toolTipOpen, setToolTipOpen] = useState(!startDisabled);\r\n const [toolTipInformationOld, setOldInformation] = useState(\r\n toolTipInformation\r\n );\r\n const [catalogItemIdOld, setOldItemId] = useState(catalogItemId);\r\n\r\n useEffect(() => {\r\n setToolTipOpen(isOpen);\r\n }, [isOpen]);\r\n\r\n if (toolTipInformation != toolTipInformationOld) {\r\n setToolTipOpen(true);\r\n setOldInformation(toolTipInformation);\r\n }\r\n\r\n if (catalogItemId != catalogItemIdOld) {\r\n setToolTipOpen(true);\r\n setOldItemId(catalogItemId);\r\n }\r\n\r\n const onToolTip = () => {\r\n setToolTipOpen(!toolTipOpen);\r\n };\r\n\r\n const tooltip = text => {\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n X\r\n
\r\n {text}
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nInformationToolTip.defaultProps = {\r\n hasMargins: true,\r\n isVisible: true,\r\n floatRight: true\r\n};\r\n\r\nexport default InformationToolTip;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport Styles from './InfoPanel.module.scss';\r\nimport InformationTooltip from '../InformationToolTip';\r\n\r\nconst InfoPanel = ({\r\n children,\r\n title,\r\n titleIndicationMessage,\r\n detailsIndicationMessage,\r\n toolTipInformation,\r\n tooltipStartDisabled,\r\n catalogItemId,\r\n code\r\n}) => {\r\n const [expanded, setExpanded] = useState(false);\r\n const contentRef = React.createRef();\r\n\r\n const onExpand = event => {\r\n if (event.currentTarget != event.target) {\r\n return;\r\n }\r\n !expanded && setExpanded(true);\r\n };\r\n\r\n useEffect(() => {\r\n setExpanded(isContentFullyVisible());\r\n }, []);\r\n\r\n const isContentFullyVisible = () => {\r\n const titleHeight = 15;\r\n const textLineHeight = 20;\r\n const numberOfLines = 3;\r\n const maxHeightWithoutOverlay = textLineHeight * numberOfLines + titleHeight;\r\n const contentHeight = contentRef.current.scrollHeight;\r\n return contentHeight <= maxHeightWithoutOverlay;\r\n };\r\n\r\n return (\r\n \r\n
\r\n {toolTipInformation && (\r\n \r\n
\r\n \r\n {\r\n if (attachmentId) {\r\n event.preventDefault();\r\n GetAttachmentData(attachmentId).then(results => {\r\n if (results.status === 400) {\r\n Toast.warning(results.payload.message);\r\n } else {\r\n Download(results, name);\r\n }\r\n });\r\n }\r\n\r\n if (onRemove) {\r\n event.preventDefault();\r\n }\r\n if (onClick) {\r\n event.preventDefault();\r\n onClick();\r\n }\r\n }}\r\n href={url}\r\n title={name}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n
\r\n);\r\n\r\nFile.propTypes = {\r\n onRemove: PropTypes.func,\r\n onClick: PropTypes.func,\r\n name: PropTypes.string,\r\n attachmentId: PropTypes.string,\r\n url: PropTypes.string,\r\n disabled: PropTypes.bool\r\n};\r\n\r\nexport default withTranslation()(File);\r\n","import React, { PureComponent } from 'react';\r\nimport { withTranslation } from 'react-i18next/src';\r\nimport Dropzone from 'react-dropzone';\r\nimport PropTypes from 'prop-types';\r\nimport ShortId from 'shortid';\r\nimport Toast from '@hobs/components/Toast';\r\nimport { GhostButton } from '@hobs/components/Buttons';\r\nimport File from '@hobs/components/File';\r\nimport { ACCEPTED_FILE_FORMATS, MAX_FILE_SIZE } from '@hobs/utils/constants';\r\nimport Styles from './DropZone.module.scss';\r\nimport Loader from '../Loader';\r\nimport { connect } from 'react-redux';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\n\r\nconst checkIfFileNameExists = (files, acceptedFiles) => {\r\n return files.reduce((result, item) => {\r\n if (result) {\r\n return result;\r\n }\r\n return acceptedFiles.find(aitem => aitem.name === item.name);\r\n }, false);\r\n};\r\n\r\nclass DropZone extends PureComponent {\r\n state = {\r\n files: [],\r\n isUploadingFiles: false\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({\r\n files: this.props.value\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.value !== this.props.value) {\r\n this.setState({\r\n files: this.props.value\r\n });\r\n }\r\n }\r\n\r\n getNames() {\r\n const { disabled, t, onRemove, onChange, showSuccessMessages, isUploadingFiles } = this.props;\r\n const { files } = this.state;\r\n\r\n if (files.length === 0) {\r\n return t('No file attached');\r\n }\r\n\r\n return (\r\n <>\r\n {isUploadingFiles && (\r\n \r\n
\r\n )}\r\n {files.map(file => {\r\n return (\r\n \r\n
\r\n \r\n \r\n {({ getRootProps, getInputProps, isDragActive }) => (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nDropZone.defaultProps = {\r\n value: [],\r\n onChange: () => {},\r\n onSelect: () => {},\r\n onRemove: () => {},\r\n onError: () => {},\r\n accept: ACCEPTED_FILE_FORMATS,\r\n multiple: true,\r\n maxSize: MAX_FILE_SIZE,\r\n disabled: false,\r\n showSuccessMessages: false,\r\n isUploadingFiles: false\r\n};\r\n\r\nDropZone.propTypes = {\r\n t: PropTypes.func,\r\n value: PropTypes.array,\r\n accept: PropTypes.array,\r\n onRemove: PropTypes.func,\r\n onSelect: PropTypes.func,\r\n onChange: PropTypes.func,\r\n onError: PropTypes.func,\r\n multiple: PropTypes.bool,\r\n maxSize: PropTypes.number,\r\n disabled: PropTypes.bool,\r\n showSuccessMessages: PropTypes.bool,\r\n};\r\n\r\nconst isUploadingFiles = createLoadingSelector([\r\n 'Attachments/Upload'\r\n]);\r\n\r\n\r\nconst mapStateToProps = state => ({\r\n isUploadingFiles: isUploadingFiles(state),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n null\r\n)(withTranslation()((DropZone)));","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Styles from './PageActions.module.scss';\r\n\r\nclass PageActions extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.container = React.createRef();\r\n }\r\n componentDidMount() {\r\n this.setContainerPadding();\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.container !== this.props.container) {\r\n this.setContainerPadding();\r\n }\r\n }\r\n\r\n setContainerPadding() {\r\n if (this.props.container && !this.props.ignoreBottomPadding) {\r\n this.props.container.style.paddingBottom = `${this.container.current.offsetHeight}px`;\r\n }\r\n }\r\n render() {\r\n const { children, wrapperClass } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {!disabled && (\r\n {this.getNames()}
\r\n \r\n \r\n {isDragActive ? (\r\n \r\n {multiple ? t('Select files') : t('Select file')}\r\n \r\n
\r\n )}\r\n {t('Drop the files here ...')}
\r\n ) : (\r\n{t('Drag & drop here or')}
\r\n )}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nPageActions.propTypes = {\r\n children: PropTypes.any,\r\n container: PropTypes.any,\r\n wrapperClass: PropTypes.string\r\n};\r\n\r\nexport default PageActions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { H1 } from '@hobs/components/Headings';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Status from '@hobs/components/Status';\r\nimport { Link } from 'react-router-dom';\r\nimport Styles from './PageHeader.module.scss';\r\n\r\nconst Wrapper = ({ children, ...rest }) => {\r\n if (rest.to) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nWrapper.propTypes = {\r\n children: PropTypes.any.isRequired\r\n};\r\n\r\nfunction getFieldValue(value) {\r\n return value && value !== '' ? value : '-';\r\n}\r\n\r\nconst PageHeader = ({\r\n title,\r\n to,\r\n onClick = null,\r\n status = null,\r\n order = null,\r\n unit = null,\r\n t,\r\n parent = null,\r\n accounting = null\r\n}) => {\r\n const props = {\r\n className: Styles.link\r\n };\r\n\r\n if (to) {\r\n props.to = to;\r\n }\r\n\r\n if (onClick) {\r\n props.onClick = onClick;\r\n }\r\n\r\n return (\r\n \r\n \r\n {(to || onClick) && \r\n {unit && (\r\n
\r\n );\r\n};\r\n\r\nPageHeader.propTypes = {\r\n status: PropTypes.shape({\r\n name: PropTypes.string,\r\n id: PropTypes.number,\r\n order: PropTypes.bool\r\n }),\r\n order: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n parent: PropTypes.shape({\r\n title: PropTypes.string,\r\n to: PropTypes.string\r\n }),\r\n unit: PropTypes.shape({\r\n code: PropTypes.string,\r\n number: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n name: PropTypes.string\r\n }),\r\n accounting: PropTypes.shape({\r\n positionNumber: PropTypes.number,\r\n purchaseOrderNumber: PropTypes.number\r\n }),\r\n title: PropTypes.string.isRequired,\r\n to: PropTypes.string,\r\n onClick: PropTypes.func,\r\n t: PropTypes.func\r\n};\r\n\r\nexport default withTranslation()(PageHeader);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport Loader from '@hobs/components/Loader';\r\n\r\nimport Styles from './GridLoader.module.scss';\r\n\r\nconst GridLoader = () => {\r\n const loadingPanel = (\r\n {title}
\r\n\r\n {unit.code}, {unit.name} ({getFieldValue(unit.number)})\r\n
\r\n )}\r\n\r\n {order && {order}
}\r\n\r\n {status && (\r\n \r\n {t('Created from category')} (\r\n {parent.title})\r\n
\r\n )}\r\n {accounting &&\r\n (accounting.purchaseOrderNumber || accounting.positionNumber) && (\r\n \r\n {accounting.purchaseOrderNumber && (\r\n \r\n {t('PO No')}: {accounting.purchaseOrderNumber}{' '}\r\n \r\n )}\r\n {accounting.positionNumber && (\r\n \r\n {t('Pos No')}: {accounting.positionNumber}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n const gridContent = document && document.querySelector('.k-grid-content');\r\n return gridContent\r\n ? ReactDOM.createPortal(loadingPanel, gridContent)\r\n : loadingPanel;\r\n};\r\n\r\nexport default GridLoader;\r\n","class CalculateByDays {\r\n constructor() {\r\n this.values = {};\r\n this.catalog = {};\r\n }\r\n\r\n reset() {\r\n this.values = {};\r\n }\r\n\r\n calculate(values, catalog) {\r\n const { quantity, dateFrom, dateTo, isCalculatedByDays, isAccommodation } = values;\r\n\r\n if (\r\n quantity !== null &&\r\n quantity > 0 &&\r\n dateFrom !== null &&\r\n isCalculatedByDays !== null &&\r\n Object.keys(catalog).length > 0\r\n ) {\r\n const newValues = {\r\n rateFrom: catalog.RateFrom,\r\n rateTo: catalog.RateTo,\r\n quantity,\r\n dateFrom,\r\n dateTo,\r\n isCalculatedByDays,\r\n isAccommodation\r\n };\r\n\r\n if (JSON.stringify(newValues) === JSON.stringify(this.values)) {\r\n return false;\r\n }\r\n\r\n this.values = {\r\n rateFrom: catalog.RateFrom,\r\n rateTo: catalog.RateTo,\r\n quantity,\r\n dateFrom,\r\n dateTo,\r\n isCalculatedByDays,\r\n isAccommodation\r\n };\r\n\r\n return this.values;\r\n }\r\n\r\n return false;\r\n }\r\n}\r\n\r\nexport default new CalculateByDays();\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { DateInput as BPDateInput } from '@blueprintjs/datetime';\r\nimport classnames from 'classnames';\r\nimport { addYears } from 'date-fns';\r\nimport { parse, format, parseLocal } from '@hobs/utils/formatWithTimeZone';\r\nimport { WithErrorLabel } from '@hobs/components/FormError';\r\nimport '@blueprintjs/datetime/lib/css/blueprint-datetime.css';\r\nimport objectPath from 'object-path';\r\nimport Icon from '@hobs/components/Icon';\r\nimport { DATE_FORMAT } from '@hobs/utils/constants';\r\nimport InputLabel from '../InputLabel';\r\nimport Styles from './DateInput.module.scss';\r\n\r\nconst WEEKDAYS_SHORT = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\r\n\r\nconst DateInput = ({\r\n field,\r\n setFieldValue = () => {},\r\n children,\r\n disabled,\r\n noMargin,\r\n indicationMessage,\r\n minDate = new Date(2015, 1, 1),\r\n maxDate = addYears(new Date(), 10),\r\n wrapperClass,\r\n timePrecision = null,\r\n initialMonth = null,\r\n onChange = () => {},\r\n popoverProps\r\n}) => {\r\n const jsDateFormatter = {\r\n formatDate: date => {\r\n return format(date, DATE_FORMAT);\r\n },\r\n parseDate: str => {\r\n return parse(str);\r\n },\r\n placeholder: format(new Date(), DATE_FORMAT)\r\n };\r\n\r\n const handleChange = selectedDate => {\r\n const formattedDate =\r\n (selectedDate === '-' &&\r\n format(parseFn(selectedDate), 'yyyy-MM-dd') === '-') ||\r\n !selectedDate\r\n ? null\r\n : format(parseFn(selectedDate), 'yyyy-MM-dd');\r\n\r\n setFieldValue(name, formattedDate);\r\n\r\n if (onChange) {\r\n onChange(formattedDate);\r\n }\r\n };\r\n\r\n const name = objectPath.get(field, 'name');\r\n const value = objectPath.get(field, 'value');\r\n\r\n let parseFn = date => date;\r\n\r\n if (value && parse(value) !== 'Invalid Date' && parse(value) !== '-') {\r\n parseFn = parse;\r\n } else if (value && parseLocal(value) !== 'Invalid Date') {\r\n parseFn = parseLocal;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nDateInput.propTypes = {\r\n name: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n noMargin: PropTypes.bool,\r\n form: PropTypes.object,\r\n field: PropTypes.object,\r\n setFieldValue: PropTypes.func,\r\n minDate: PropTypes.any,\r\n maxDate: PropTypes.any,\r\n type: PropTypes.oneOf(['text', 'password', 'date']),\r\n timePrecision: PropTypes.oneOf([null, 'millisecond', 'minute', 'second']),\r\n children: PropTypes.oneOfType([\r\n PropTypes.array,\r\n PropTypes.object,\r\n PropTypes.string\r\n ]),\r\n indicationMessage: PropTypes.object,\r\n popoverProps: PropTypes.object,\r\n wrapperClass: PropTypes.string,\r\n onChange: PropTypes.func,\r\n initialMonth: PropTypes.any\r\n};\r\n\r\nexport default WithErrorLabel(DateInput);\r\n","import React from 'react';\r\nimport { Switch as BPSwtich } from '@blueprintjs/core';\r\nimport { WithErrorLabel } from '@hobs/components/FormError';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport objectPath from 'object-path';\r\nimport Styles from './Switch.module.scss';\r\n\r\nconst Switch = ({\r\n field,\r\n dark,\r\n setFieldValue = () => {},\r\n wrapperClassName,\r\n label,\r\n indicationMessage,\r\n onChange,\r\n ...props\r\n}) => {\r\n const handleChange = ({ target }) => {\r\n setFieldValue(name, target.checked);\r\n if (onChange){\r\n onChange(target.checked);\r\n }\r\n };\r\n\r\n const name = objectPath.get(field, 'name');\r\n\r\n return (\r\n {children}
\r\n);\r\n\r\nBluePanel.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport default BluePanel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Translation } from 'react-i18next/src';\r\nimport { format } from '@hobs/utils/formatWithTimeZone';\r\nimport { DATE_FORMAT, DATETIME_FORMAT } from '@hobs/utils/constants';\r\n\r\nfunction getLatestEditedFieldName(\r\n defaultField,\r\n editedFields = [],\r\n additionalFields = []\r\n) {\r\n const editedFieldsInfo = additionalFields\r\n .reduce((result, field) => {\r\n const editedField = editedFields.find(\r\n editedField => editedField.editedFieldName === field\r\n );\r\n\r\n if (editedField !== undefined) {\r\n result.push(editedField);\r\n }\r\n\r\n return result;\r\n }, [])\r\n .sort(\r\n (a, b) =>\r\n new Date(b.changedDate).getTime() - new Date(a.changedDate).getTime()\r\n );\r\n\r\n if (editedFieldsInfo.length) {\r\n return editedFieldsInfo[0].editedFieldName;\r\n }\r\n\r\n return defaultField;\r\n}\r\n\r\nconst FieldHistoryMessage = (\r\n fieldName,\r\n editedFields = [],\r\n additionalFields = []\r\n) => {\r\n if (!editedFields.length) {\r\n return null;\r\n }\r\n additionalFields.push(fieldName);\r\n\r\n const editedFieldName = getLatestEditedFieldName(\r\n fieldName,\r\n editedFields,\r\n additionalFields\r\n );\r\n\r\n const editedField = editedFields.find(\r\n field => field.editedFieldName === editedFieldName\r\n );\r\n if (!editedField) {\r\n return null;\r\n }\r\n\r\n const changeDate = format(editedField.changedDate, DATETIME_FORMAT);\r\n\r\n return (\r\n <>\r\n {!editedField.changedBy ? (\r\n \r\n {t => t('Requested change')} :{' '}\r\n {editedField.newDateValue\r\n ? format(editedField.newDateValue, DATE_FORMAT)\r\n : editedField.newValue\r\n ? String(editedField.newValue)\r\n : '-'}\r\n
\r\n ) : (\r\n <>\r\n \r\n {t => t('Changed by')} {' '}\r\n {editedField.changedBy} on{' '}\r\n
\r\n {changeDate}
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nFieldHistoryMessage.propTypes = {\r\n fieldName: PropTypes.string,\r\n editedFields: PropTypes.array,\r\n additionalFields: PropTypes.array\r\n};\r\n\r\nexport default FieldHistoryMessage;\r\n","export const dateToInitialMonth = (dateFrom, dateTo) => {\r\n if (dateTo){\r\n return new Date(dateTo);\r\n }\r\n else if (dateFrom) {\r\n return new Date(dateFrom);\r\n }\r\n else{\r\n return null;\r\n }\r\n };","import React, { useEffect, useState } from 'react';\r\nimport InformationToolTip from '../InformationToolTip';\r\nimport InputLabel from '../InputLabel';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Field } from 'formik';\r\nimport Switch from '@hobs/components/Switch';\r\n\r\nimport './CalculateByDays.scss';\r\n\r\nconst CalculateByDays = ({\r\n t,\r\n name,\r\n component,\r\n disabled,\r\n checked,\r\n setFieldValue,\r\n indicationMessage,\r\n differenceInDays,\r\n isInline,\r\n children,\r\n onChange\r\n}) => {\r\n if (checked === undefined) {\r\n return null;\r\n }\r\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\r\n const inlineStyle = isInline ? 'calculate-by-days--inline' : '';\r\n\r\n const onSwitchClick = () => {\r\n if (!checked) {\r\n setIsTooltipOpen(true);\r\n return;\r\n }\r\n setIsTooltipOpen(false);\r\n };\r\n\r\n if (disabled) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n {t('Calculate by days')}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {children}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nCalculateByDays.defaultProps = {\r\n disabled: false,\r\n isInline: false,\r\n onChange: () => {}\r\n};\r\n\r\nexport default withTranslation()(CalculateByDays);\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\nimport {\r\n CalculateByDays,\r\n CLEAR_COSTS,\r\n ForSubmit,\r\n GET,\r\n CREATE,\r\n UPDATE,\r\n REMOVE,\r\n AdditionalInformation,\r\n GETCATEGORYSERVICEREQUEST,\r\n GETCATEGORYSUBITEMS,\r\n CREATECATEGORYSPLIT,\r\n RESOLVECATEGORYREQUEST,\r\n REOPENCATEGORYREQUEST,\r\n GET_FOOTER,\r\n CLEAR_FOOTER,\r\n CALCULATE_BY_DAYS_FROM_CATALOG,\r\n CONFIRM,\r\n GET_INTERNAL_PENDING_FLAG,\r\n UPDATE_INTERNAL_PENDING_FLAG,\r\n UPDATE_ACTIVITY,\r\n GET_EXCLUDE_FROM_FSOR_CONFIRMATION,\r\n UPDATE_EXCLUDE_FROM_FSOR_CONFIRMATION\r\n} from '@hobs/constants/serviceRequests';\r\nimport { actionCreator } from './utils/utils';\r\n\r\nexport function getAdditionalInformation(serviceRequestId) {\r\n return (dispatch, getState) => {\r\n const state = getState();\r\n const additionalInformation =\r\n state.serviceRequests.additionalInformation[serviceRequestId];\r\n if (additionalInformation) {\r\n return { success: true, payload: additionalInformation };\r\n }\r\n dispatch(request());\r\n\r\n return fetchSecure(\r\n `ServiceRequests/${serviceRequestId}/AdditionalInformation`\r\n )\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: AdditionalInformation.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: AdditionalInformation.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: AdditionalInformation.FAILURE, error };\r\n }\r\n}\r\n\r\nexport const calculateByDaysForSplit = body =>\r\n actionCreator(\r\n 'ServiceRequests/CalculateByDaysFromCatalog',\r\n CALCULATE_BY_DAYS_FROM_CATALOG,\r\n {\r\n body,\r\n method: 'POST'\r\n }\r\n );\r\n\r\nexport function calculateByDays(body) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure('ServiceRequests/CalculateByDays', {\r\n body: body,\r\n method: 'POST'\r\n })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: CalculateByDays.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: CalculateByDays.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: CalculateByDays.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function clearCalculateByDays() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR_COSTS.SUCCESS });\r\n };\r\n}\r\n\r\nexport function forSubmit(partyId) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(`ServiceRequests/ForSubmit/${partyId}`)\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: ForSubmit.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: ForSubmit.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: ForSubmit.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getServiceRequest(serviceRequestsId) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(`ServiceRequests/${serviceRequestsId}`)\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GET.REQUEST };\r\n }\r\n\r\n function success(item) {\r\n return { type: GET.SUCCESS, item };\r\n }\r\n function failure(error) {\r\n return { type: GET.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function create(data) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure('ServiceRequests', { body: data, method: 'POST' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: CREATE.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: CREATE.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: CREATE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function update(data) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(`ServiceRequests/${data.serviceRequestId}`, {\r\n body: data,\r\n method: 'PUT'\r\n })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: UPDATE.REQUEST };\r\n }\r\n\r\n function success() {\r\n return { type: UPDATE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: UPDATE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function remove(partyId, serviceRequestId) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(\r\n `StatementOfRequirements/${partyId}/ServiceRequests/${serviceRequestId}`,\r\n { method: 'DELETE' }\r\n )\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: REMOVE.REQUEST };\r\n }\r\n function success() {\r\n return { type: REMOVE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: REMOVE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getCategoryServiceRequest(serviceRequestsId) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(\r\n `ServiceRequests/${serviceRequestsId}/CategoryServiceRequestDetails`\r\n )\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GETCATEGORYSERVICEREQUEST.REQUEST };\r\n }\r\n\r\n function success(item) {\r\n return { type: GETCATEGORYSERVICEREQUEST.SUCCESS, item };\r\n }\r\n function failure(error) {\r\n return { type: GETCATEGORYSERVICEREQUEST.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getCategorySubitems(code) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(`ServiceRequests/CategorySubitems/${code}`)\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: JSON.parse(response.response)\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GETCATEGORYSUBITEMS.REQUEST };\r\n }\r\n function success(payload) {\r\n return { type: GETCATEGORYSUBITEMS.SUCCESS, payload: payload };\r\n }\r\n function failure(error) {\r\n return { type: GETCATEGORYSUBITEMS.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function createCategorySplit(data) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure('ServiceRequests/SplitCategoryServiceRequest', {\r\n body: data,\r\n method: 'POST'\r\n })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: CREATECATEGORYSPLIT.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: CREATECATEGORYSPLIT.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: CREATECATEGORYSPLIT.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function resolveCategoryRequest(sorId, serviceRequestId) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(\r\n `StatementOfRequirements/${sorId}/ResolveCategoryRequest/${serviceRequestId}`,\r\n { method: 'POST' }\r\n )\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: RESOLVECATEGORYREQUEST.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: RESOLVECATEGORYREQUEST.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: RESOLVECATEGORYREQUEST.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function reopenCategoryRequest(sorId, serviceRequestId) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure(\r\n `StatementOfRequirements/${sorId}/ReopenCategoryRequest/${serviceRequestId}`,\r\n { method: 'POST' }\r\n )\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true, payload: response.payload };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n const data = {\r\n status: response.status,\r\n payload: response.payload\r\n };\r\n return { success: false, ...data };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: REOPENCATEGORYREQUEST.REQUEST };\r\n }\r\n function success(results) {\r\n return { type: REOPENCATEGORYREQUEST.SUCCESS, results };\r\n }\r\n function failure(error) {\r\n return { type: REOPENCATEGORYREQUEST.FAILURE, error };\r\n }\r\n}\r\n\r\nexport const getFooter = serviceRequestId =>\r\n actionCreator(`ServiceRequest/${serviceRequestId}/Footer`, GET_FOOTER);\r\n\r\nexport const confirmServiceRequest = serviceRequestId =>\r\n actionCreator(`ServiceRequest/${serviceRequestId}/Confirm`, CONFIRM, {\r\n method: 'PUT'\r\n });\r\n\r\nexport function clearFooter() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR_FOOTER.SUCCESS });\r\n };\r\n}\r\n\r\nexport const getInternalPendingFlag = serviceRequestId =>\r\n actionCreator(\r\n `ServiceRequest/${serviceRequestId}/InternalPendingFlag`,\r\n GET_INTERNAL_PENDING_FLAG\r\n );\r\n\r\nexport const updateInternalPendingFlag = (serviceRequestId, body) =>\r\n actionCreator(\r\n `ServiceRequest/${serviceRequestId}/UpdateInternalPendingFlag`,\r\n UPDATE_INTERNAL_PENDING_FLAG,\r\n {\r\n body,\r\n method: 'PUT'\r\n }\r\n );\r\n\r\nexport const updateActivity = (sorId, serviceRequestId, body) =>\r\n actionCreator(\r\n `StatementOfRequirements/${sorId}/ServiceRequests/${serviceRequestId}/Activity`,\r\n UPDATE_ACTIVITY,\r\n {\r\n body: body,\r\n method: 'PUT'\r\n }\r\n );\r\n\r\nexport const getExcludeFromFsorConfirmation = serviceRequestId =>\r\n actionCreator(\r\n `ServiceRequests/${serviceRequestId}/ExcludeFromFsorConfirmation`,\r\n GET_EXCLUDE_FROM_FSOR_CONFIRMATION\r\n );\r\n\r\nexport const updateExcludeFromFsorConfirmation = (serviceRequestId, body) =>\r\n actionCreator(\r\n `ServiceRequests/${serviceRequestId}/ExcludeFromFsorConfirmation`,\r\n UPDATE_EXCLUDE_FROM_FSOR_CONFIRMATION,\r\n {\r\n body: body,\r\n method: 'PUT'\r\n }\r\n );\r\n","import React, { useEffect, useState } from 'react';\r\nimport Dropdown from '../Dropdown/Dropdown';\r\nimport { Toast } from '../Toast/Toast';\r\nimport { updateActivity } from '@hobs/actions/serviceRequests';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ShortId from 'shortid';\r\nimport Loader from '../Loader/Loader';\r\nimport { Field } from 'formik';\r\n\r\nimport './activityDropdown.scss';\r\nimport InputLabel from '../InputLabel/InputLabel';\r\n\r\nconst ActivityDropdown = ({\r\n t,\r\n updateActivity,\r\n indicationMessage,\r\n disabled,\r\n sr,\r\n activities,\r\n value,\r\n activityInForm,\r\n setFieldValue\r\n}) => {\r\n const [dropdownValue, setDropdownValue] = useState(value);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [activityList, setActivityList] = useState([]);\r\n\r\n useEffect(() => {\r\n setDropdownValue(value);\r\n }, [value]);\r\n\r\n useEffect(() => {\r\n if (activities === undefined || activities === null) {\r\n setActivityList([]);\r\n return;\r\n }\r\n setActivityList(activities);\r\n }, []);\r\n\r\n const hasActivities = () => {\r\n return activityList.length > 0;\r\n };\r\n\r\n const canEditActivity = () => {\r\n if (sr.canEditActivity == undefined) {\r\n return !disabled;\r\n }\r\n return sr.canEditActivity;\r\n };\r\n\r\n const changeActivity = event => {\r\n if (sr.canEditActivity == undefined) {\r\n return;\r\n }\r\n setIsLoading(true);\r\n\r\n const activityId = event.target.value;\r\n setDropdownValue(activityId);\r\n\r\n updateActivity(sr.statementOfRequirementId, sr.serviceRequestId, {\r\n activityId: activityId\r\n }).then(() => {\r\n setIsLoading(false);\r\n Toast.success(t('Activity updated successfully'));\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {activityInForm ? (\r\n \r\n {t('Calculate by days') + ':'} \r\n
\r\n \r\n
\r\n \r\n \r\n {`${differenceInDays} ${t(' day(s)')}`}\r\n \r\n ) : null}\r\n
\r\n \r\n {isLoading && (\r\n {t('Activity')} \r\n {hasActivities() ? (\r\n \r\n {!canEditActivity() && !sr.activityId && (\r\n \r\n )}\r\n {!canEditActivity() && sr.activityId && (\r\n \r\n )}\r\n {canEditActivity() &&\r\n []\r\n .concat(\r\n [\r\n {\r\n name: t('No activity selected'),\r\n activityId: ''\r\n }\r\n ],\r\n activities\r\n )\r\n .map(activity => (\r\n \r\n {activity.name}\r\n \r\n ))}\r\n \r\n ) : (\r\n <>\r\n
-\r\n \r\n )}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n updateActivity\r\n};\r\n\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(withTranslation()(ActivityDropdown));\r\n","import React from 'react';\r\nimport ObjectPath from 'object-path';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport DateInput from '@hobs/components/DateInput';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport Switch from '@hobs/components/Switch';\r\nimport NumericInput from '@hobs/components/NumericInput';\r\nimport BluePanel from '@hobs/components/BluePanel';\r\nimport FieldHistoryMessage from '@hobs/components/FieldHistoryMessage';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Field } from 'formik';\r\nimport PropTypes from 'prop-types';\r\nimport ShortId from 'shortid';\r\nimport { dateToInitialMonth } from '@hobs/utils/dateToInitialMonth';\r\nimport Quantity from '../Quantity';\r\nimport Money from '../Money';\r\nimport CalculateByDays from '../CalculateByDays';\r\n\r\nimport './DeliveryInformation.scss';\r\nimport ActivityDropdown from '../ActivityDropdown/activityDropdown';\r\n\r\nconst DeliveryInformation = ({\r\n results,\r\n setFieldValue,\r\n units,\r\n activities,\r\n uoms,\r\n t,\r\n disabled,\r\n showPlaceholderOption,\r\n showTotalEstimates,\r\n checked,\r\n editedFields = [],\r\n values = {},\r\n activityInForm,\r\n exerciseCurrency\r\n}) => {\r\n var getUnitOptions = units => {\r\n if (units && units.length) {\r\n return []\r\n .concat(\r\n [\r\n {\r\n title: t('Select Unit'),\r\n value: ''\r\n }\r\n ],\r\n units\r\n )\r\n .map(unit => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n return (\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n -\r\n \r\n )}\r\n
\r\n
\r\n );\r\n};\r\n\r\nDeliveryInformation.propTypes = {\r\n units: PropTypes.array,\r\n disabled: PropTypes.bool,\r\n uoms: PropTypes.array,\r\n activities: PropTypes.array,\r\n results: PropTypes.object,\r\n showPlaceholderOption: PropTypes.bool,\r\n showTotalEstimates: PropTypes.bool,\r\n checked: PropTypes.bool,\r\n setFieldValue: PropTypes.func,\r\n t: PropTypes.func,\r\n editedFields: PropTypes.array,\r\n values: PropTypes.object,\r\n activityInForm: PropTypes.bool,\r\n exerciseCurrency: PropTypes.string\r\n};\r\n\r\nexport default withTranslation()(DeliveryInformation);\r\n","import React from 'react';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport { WithErrorLabel } from '@hobs/components/FormError';\r\nimport { Suggest } from '@blueprintjs/select';\r\nimport ShortId from 'shortid';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport { withTranslation } from 'react-i18next/src/index';\r\nimport Styles from './Autocomplete.module.scss';\r\n\r\nconst DEMO_ITEMS = [\r\n {\r\n title: 'Vilnius',\r\n value: 'ilnius'\r\n },\r\n {\r\n title: 'Kaunas',\r\n value: 'kaunas'\r\n }\r\n];\r\n\r\nclass Autocomplete extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.inputEl = React.createRef();\r\n\r\n const { defaultQuery, value } = this.props;\r\n\r\n this.state = {\r\n selectedItem: {\r\n title: defaultQuery,\r\n value: value ? value : ''\r\n }\r\n };\r\n }\r\n\r\n handleChange = ({ target }) => {\r\n const { minLength, onQueryChange } = this.props;\r\n\r\n if (target.value.length >= minLength) {\r\n onQueryChange(target.value);\r\n }\r\n };\r\n\r\n onSelect = val => {\r\n const { onItemSelect } = this.props;\r\n\r\n this.setState(\r\n {\r\n query: val.title,\r\n selectedItem: {\r\n title: val.title,\r\n value: val.value\r\n }\r\n },\r\n () => {\r\n onItemSelect(val);\r\n }\r\n );\r\n };\r\n\r\n resetValue = () => {\r\n const { onItemSelect } = this.props;\r\n\r\n this.setState(\r\n {\r\n selectedItem: {\r\n title: '',\r\n value: ''\r\n }\r\n },\r\n () => {\r\n onItemSelect(null);\r\n }\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n label,\r\n placeholder,\r\n items,\r\n noResultsMessage,\r\n disabled,\r\n inputClass,\r\n indicationMessage,\r\n ...rest\r\n } = this.props;\r\n\r\n const { selectedItem } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {getUnitOptions(units)}\r\n \r\n
\r\n \r\n \r\n {t('From date')}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t('Req. Quantity')}\r\n \r\n
\r\n \r\n \r\n {(uoms.length === 0 || showPlaceholderOption) && (\r\n \r\n )}\r\n {uoms.map(uom => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t('To date')}\r\n \r\n
\r\n \r\n \r\n {t(\r\n 'Please verify and make sure ordered quantity and period is correct.'\r\n )}\r\n \r\n
\r\n {activities && activities.length !== 0 && (\r\n \r\n
\r\n \r\n
\r\n \r\n {t('Total quantity')}\r\n
\r\n\r\n {showTotalEstimates && (\r\n \r\n {t('Est. total cost')}\r\n ({exerciseCurrency})\r\n
\r\n )}\r\n \r\n {\r\n return item.title;\r\n }}\r\n inputProps={{\r\n value: selectedItem.value,\r\n placeholder\r\n }}\r\n selectedItem={selectedItem}\r\n noResults={\r\n \r\n {item.title}\r\n
\r\n );\r\n }}\r\n resetOnClose={false}\r\n resetOnQuery={true}\r\n resetOnSelect={true}\r\n popoverProps={{\r\n usePortal: false,\r\n minimal: true,\r\n portalClassName: classnames(Styles.popover)\r\n }}\r\n filterable={false}\r\n initialContent={null}\r\n items={items}\r\n disabled={disabled}\r\n {...rest}\r\n onItemSelect={this.onSelect}\r\n placeholder={placeholder}\r\n />\r\n {selectedItem.title && !disabled && (\r\n {noResultsMessage}
\r\n }\r\n itemRenderer={(item, { handleClick, modifiers }) => {\r\n return (\r\n \r\n \r\n {\r\n const value = item ? item : initialLocation;\r\n setFieldValue(\r\n schema.location,\r\n Object.keys(value).length === 0 ? null : value\r\n );\r\n setLocation(value);\r\n }}\r\n noResultsMessage={t('Location not found')}\r\n onQueryChange={onQueryChange}\r\n component={Autocomplete}\r\n defaultQuery={defaultQuery}\r\n disabled={disabled}\r\n indicationMessage={editedFieldsHistory.location}\r\n />\r\n\r\n \r\n {t('Location comment')}\r\n \r\n\r\n {MAP_ENABLED &&\r\n Object.keys(location).length > 0 &&\r\n hasLocationData() &&\r\n location.original.latitude &&\r\n location.original.longtitude && (\r\n
\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nLocationDetails.propTypes = {\r\n defaultQuery: PropTypes.string,\r\n locationItems: PropTypes.array,\r\n initialLocation: PropTypes.object,\r\n onQueryChange: PropTypes.func,\r\n onCommentChange: PropTypes.func,\r\n setFieldValue: PropTypes.func,\r\n t: PropTypes.func,\r\n schema: PropTypes.shape({\r\n location: PropTypes.string,\r\n locationComment: PropTypes.string\r\n }),\r\n isExpandable: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n editedFieldsHistory: PropTypes.object\r\n};\r\n\r\nexport default withTranslation()(LocationDetails);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Panel from '@hobs/components/Panel';\r\nimport CheckboxTree from '@hobs/components/CheckboxTree';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport InfoPanel from '@hobs/components/InfoPanel';\r\nimport File from '@hobs/components/File';\r\nimport Textarea from '@hobs/components/Textarea';\r\nimport DropZone from '@hobs/components/DropZone';\r\nimport PageActions from '@hobs/components/PageActions';\r\nimport ShortId from 'shortid';\r\nimport objectPath from 'object-path';\r\nimport { GhostButton, RaisedButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Input from '@hobs/components/Input';\r\nimport PageHeader from '@hobs/components/PageHeader';\r\nimport { H5 } from '@hobs/components/Headings';\r\nimport { Formik, Field } from 'formik';\r\nimport { Grid, GridColumn } from '@progress/kendo-react-grid';\r\nimport GridLoader from '@hobs/components/Grid/GridLoader';\r\nimport Toast from '@hobs/components/Toast';\r\nimport * as Yup from 'yup';\r\nimport { ServiceRequestNavContext } from '@hobs/components/ServiceRequestNavContext';\r\nimport { SERVICE_REQUEST_NAVIGATION_ORIGIN } from '@hobs/utils/constants';\r\n\r\nimport CalculateByDays from '@hobs/utils/calculateByDays';\r\nimport DeliveryInformation from '../../components/DeliveryInformation';\r\nimport LocationDetails from '../../components/LocationDetails';\r\n\r\nimport './ServiceRequest.scss';\r\nimport Money from '@hobs/components/Money';\r\nimport Tooltip from '@hobs/components/Tooltip/Tooltip';\r\n\r\nclass ServiceRequest extends PureComponent {\r\n state = {\r\n chTreeChecked: [],\r\n chTreeExpanded: [],\r\n closeForm: false,\r\n selectedCatalog: {},\r\n oDataAnnexesFilter: {},\r\n oDataSearchFilter: {},\r\n dataState: {\r\n take: 17,\r\n skip: 0,\r\n filter: {},\r\n sort: [{ field: 'Name', dir: 'asc' }]\r\n },\r\n isFirstPanelExpanded: true\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n const { t } = props;\r\n this.handleQuickSearchChangeTimeout = null;\r\n this.locationQueryTimeout = null;\r\n this.form = React.createRef();\r\n this.validationSchema = Yup.object().shape({\r\n unitId: Yup.string().required(t('Unit is required')),\r\n dateFrom: Yup.date()\r\n .required(t('From date is required'))\r\n .typeError(t('Invalid date or date format'))\r\n .nullable(),\r\n quantity: Yup.number()\r\n .min(0, t('Quantity must be greater than 0'))\r\n .required(t('Quantity is required'))\r\n .typeError(t('Invalid quantity format')),\r\n location: Yup.object().when(['isAdditionalRequest'], {\r\n is: true,\r\n then: Yup.object()\r\n .required(t('Location is required'))\r\n .nullable(),\r\n otherwise: Yup.object().nullable()\r\n }),\r\n locationFrom: Yup.object().when(\r\n ['isAdditionalRequest', 'isTransportation'],\r\n {\r\n is: true,\r\n then: Yup.object()\r\n .required(t('Location is required'))\r\n .nullable(),\r\n otherwise: Yup.object().nullable()\r\n }\r\n ),\r\n comment: Yup.string()\r\n .max(1500, t('Comment cannot be longer than 1500 symbols'))\r\n .nullable()\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.loadRequiredData();\r\n this.props.clearAttachments();\r\n }\r\n\r\n loadRequiredData() {\r\n this.props.forSubmit(this.props.match.params.partyId);\r\n this.props.getAnnexesTree();\r\n this.queryOdata();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetOData();\r\n this.props.clearAttachments();\r\n this.props.clearCalculateByDays();\r\n }\r\n\r\n handleFileUpload = value => {\r\n if (value) {\r\n this.props.uploadAttachments({ attachments: value });\r\n }\r\n };\r\n\r\n getServiceRequestsGridUrl(navContext) {\r\n if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets) {\r\n return '/tickets';\r\n }\r\n return `/service-requests/${this.props.match.params.partyId}`;\r\n }\r\n\r\n getCatalogItemsQueryUrl() {\r\n return `CatalogItemsQueryForServiceRequest(${this.props.match.params.partyId})`;\r\n }\r\n\r\n getCustomServiceRequestUrl() {\r\n return `/custom-service-request/${this.props.match.params.partyId}`;\r\n }\r\n\r\n isAdditionalRequest() {\r\n const { forSubmitData } = this.props;\r\n return forSubmitData.isAdditionalSrCreateForm;\r\n }\r\n\r\n _create(data) {\r\n const { create, createAdditionalServiceRequest } = this.props;\r\n return this.isAdditionalRequest()\r\n ? createAdditionalServiceRequest(data)\r\n : create(data);\r\n }\r\n\r\n getServiceRequestEditUrl(serviceRequestId) {\r\n const { match } = this.props;\r\n\r\n return `/service-request/${match.params.partyId}/${serviceRequestId}`;\r\n }\r\n\r\n onSubmit = (values, { setErrors, setFieldValue, setSubmitting }) => {\r\n const { selectedCatalog, closeForm } = this.state;\r\n const { forSubmitData, t, history } = this.props;\r\n\r\n const submitData = {\r\n catalogItemId: selectedCatalog.CatalogItemId,\r\n unitOfMeasureId:\r\n values.unitOfMeasureId === ''\r\n ? selectedCatalog.UnitsOfMeasure[0].UnitOfMeasureId\r\n : values.unitOfMeasureId,\r\n statementOfRequirementId: forSubmitData.statementOfRequirementId,\r\n unitId: values.unitId,\r\n activityId: values.activityId,\r\n requestedQuantity: values.quantity,\r\n dateFrom: values.dateFrom,\r\n dateTo: values.dateTo,\r\n isCalculatedByDays: values.isCalculatedByDays,\r\n regionId: objectPath.get(\r\n values.location,\r\n 'original.region.regionId',\r\n null\r\n ),\r\n regionName: objectPath.get(values.location, 'original.region.name', null),\r\n locationName: objectPath.get(values.location, 'original.name', null),\r\n locationComment: values.locationComment,\r\n site: objectPath.get(values.location, 'original.site', null),\r\n latitude: objectPath.get(values.location, 'original.latitude', null),\r\n longitude: objectPath.get(values.location, 'original.longtitude', null),\r\n\r\n // from\r\n regionIdFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.region.regionId',\r\n null\r\n ),\r\n regionNameFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.region.name',\r\n null\r\n ),\r\n locationNameFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.name',\r\n null\r\n ),\r\n locationCommentFrom: values.locationCommentFrom,\r\n siteFrom: objectPath.get(values.locationFrom, 'original.site', null),\r\n latitudeFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.latitude',\r\n null\r\n ),\r\n longitudeFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.longtitude',\r\n null\r\n ),\r\n comment: values.comment,\r\n attachments: this.props.attachments.map(\r\n attachment => attachment.attachmentId\r\n )\r\n };\r\n\r\n this._create(submitData).then(response => {\r\n if (response.success) {\r\n Toast.success(\r\n this.isAdditionalRequest()\r\n ? t('Additional service request submitted successfully')\r\n : t('Service request was successfully created')\r\n );\r\n\r\n if (closeForm) {\r\n if (this.isAdditionalRequest()) {\r\n history.push(\r\n this.getServiceRequestEditUrl(response.payload.serviceRequestId)\r\n );\r\n } else {\r\n history.push(this.getServiceRequestsGridUrl());\r\n }\r\n } else {\r\n setFieldValue('quantity', '', false);\r\n setFieldValue('unitOfMeasureId', '', false);\r\n setFieldValue('comment', '', false);\r\n this.props.clearAttachments();\r\n this.setState({\r\n attachments: [],\r\n selectedCatalog: {}\r\n });\r\n }\r\n } else {\r\n Toast.warning(t(response.payload.message));\r\n const errors = (response.payload.details || []).reduce(\r\n (results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n },\r\n {}\r\n );\r\n\r\n setErrors(errors);\r\n this.setState({\r\n closeForm: false\r\n });\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n toAnnexesTreeEntity() {\r\n return this.props.annexesTree.map(annex => {\r\n return {\r\n value: annex.annexId,\r\n label: annex.name,\r\n children: annex.groups.map(group => {\r\n return {\r\n value: group.groupId,\r\n label: group.name\r\n };\r\n })\r\n };\r\n });\r\n }\r\n\r\n clearAnnexesTree = event => {\r\n event.preventDefault();\r\n this.setState(\r\n {\r\n chTreeChecked: [],\r\n chTreeExpanded: [],\r\n oDataAnnexesFilter: {}\r\n },\r\n () => {\r\n this.queryOdata();\r\n }\r\n );\r\n };\r\n\r\n onAnnexCheck = checked => {\r\n let filter = {};\r\n\r\n if (checked.length > 0) {\r\n filter = {\r\n logic: 'or',\r\n filters: checked.map(item => {\r\n return {\r\n field: 'GroupId',\r\n operator: 'eq',\r\n value: `\r\n \r\n {t('Region')}\r\n \r\n
\r\n \r\n {hasLocationData() && location.original.region\r\n ? location.original.region.name\r\n : '-'}\r\n
\r\n \r\n \r\n {t('Site')}\r\n \r\n
\r\n {hasLocationData() ? location.original.site : '-'}
\r\n \r\n \r\n {t('Latitude')}\r\n \r\n
\r\n {hasLocationData() ? location.original.latitude : '-'}
\r\n \r\n \r\n {t('Longitude')}\r\n \r\n
\r\n {hasLocationData() ? location.original.longtitude : '-'}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCatalog.propTypes = {\r\n isLoading: PropTypes.bool,\r\n oData: PropTypes.object,\r\n queryOData: PropTypes.func,\r\n resetOData: PropTypes.func,\r\n t: PropTypes.func\r\n};\r\n\r\nconst oDataLoading = createLoadingSelector(['OData']);\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state),\r\n oData: state.odata,\r\n catalogGrid: state.gridSelections.catalogGrid\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getCatalogGrid,\r\n queryOData,\r\n resetOData,\r\n exportCatalog,\r\n uploadCatalog,\r\n deleteCatalogItem\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(withRouter(WithRoles(Catalog))));\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\nimport { EXPORT, UPLOAD } from '@hobs/constants/catalog';\r\n\r\nexport function exportCatalog() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('catalogItems/excel', { forceBlob: true })\r\n .then(response => {\r\n if (response) {\r\n dispatch(success());\r\n return { success: true, blob: response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: EXPORT.REQUEST };\r\n }\r\n function success() {\r\n return { type: EXPORT.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: EXPORT.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function uploadCatalog(body) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('catalogItems/excel', {\r\n body: body,\r\n method: 'POST',\r\n multipart: true\r\n })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true, ...response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: UPLOAD.REQUEST };\r\n }\r\n function success() {\r\n return { type: UPLOAD.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: UPLOAD.FAILURE, error };\r\n }\r\n}","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\nimport {\r\n CREATE,\r\n GET,\r\n CLEAR,\r\n EDIT,\r\n DELETE,\r\n FORSUBMIT\r\n} from '@hobs/constants/catalogItem';\r\n\r\nexport function createCatalogItem(catalogItem) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('catalogItems', { body: catalogItem, method: 'POST' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true, ...response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: CREATE.REQUEST };\r\n }\r\n function success() {\r\n return { type: CREATE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: CREATE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getCatalogItem(catalogItemId) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(`catalogItems/${catalogItemId}`)\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GET.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: GET.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: GET.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function clearCatalogItem() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR.SUCCESS });\r\n };\r\n}\r\n\r\nexport function editCatalogItem(catalogItem) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('catalogItems', { body: catalogItem, method: 'PUT' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: EDIT.REQUEST };\r\n }\r\n function success() {\r\n return { type: EDIT.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: EDIT.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function deleteCatalogItem(catalogItemId) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(`catalogItems/${catalogItemId}`, { method: 'DELETE' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n function request() {\r\n return { type: DELETE.REQUEST };\r\n }\r\n function success() {\r\n return { type: DELETE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: DELETE.FAILURE, error };\r\n }\r\n };\r\n}\r\n\r\nexport function getCatalogItemForSubmit() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('catalogItems/forSubmit')\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: FORSUBMIT.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: FORSUBMIT.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: FORSUBMIT.FAILURE, error };\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\nimport Styles from './Tabs.module.scss';\r\n\r\nexport default class Tab extends React.PureComponent {\r\n render() {\r\n return (\r\n {t('Catalog')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {Columns({\r\n columns: this.getColumns(),\r\n onSave: this.onUserSaveSettings,\r\n onReset: this.onUserResetSettings,\r\n dataState: this.state.dataState\r\n })}\r\n \r\n {this.props.isLoading &&
\r\n \r\n \r\n {activeTab &&\r\n React.isValidElement(activeTab.props.component) &&\r\n activeTab.props.component}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nTabs.propTypes = {\r\n children: PropTypes.arrayOf(PropTypes.element),\r\n className: PropTypes.string\r\n};\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\n\r\nimport { UNITS, GET, UNITS_CURRENT } from '@hobs/constants/parties';\r\n\r\nexport function getPartyUnits() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/current/units')\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: UNITS.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: UNITS.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: UNITS.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getParty() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/current')\r\n .then(response => {\r\n if (response.payload) {\r\n dispatch(success(response.payload));\r\n return { success: true };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GET.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: GET.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: GET.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getAssignedPartyUnits() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/current/units/current')\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: UNITS_CURRENT.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: UNITS_CURRENT.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: UNITS_CURRENT.FAILURE, error };\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Styles from './RadioButton.module.scss';\r\n\r\nconst RadioButton = ({\r\n name,\r\n value,\r\n checked,\r\n disabled,\r\n setFieldValue = () => {},\r\n onChange = () => {}\r\n}) => {\r\n const handleChange = value => {\r\n setFieldValue(name, value);\r\n };\r\n\r\n return (\r\n \r\n {React.Children.map(this.props.children, (child, index) => {\r\n return React.cloneElement(child, {\r\n isActive: index === this.state.activeTab,\r\n onClick: this.changeActiveTab.bind(this, index)\r\n });\r\n })}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nAlert.propTypes = {\r\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\r\n type: PropTypes.oneOf(['info', 'error', 'success'])\r\n};\r\n\r\nexport default Alert;\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\n\r\nimport {\r\n FORSUBMIT,\r\n GET,\r\n CREATE,\r\n UPDATE,\r\n DELETE,\r\n CLEAR\r\n} from '@hobs/constants/units';\r\n\r\nexport function getUnitsForSubmit() {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/units/forSubmit')\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true, ...response };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: FORSUBMIT.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: FORSUBMIT.SUCCESS, response };\r\n }\r\n function failure(error) {\r\n return { type: FORSUBMIT.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function createUnit(unit) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/current/units', { body: unit, method: 'POST' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true, ...response };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: CREATE.REQUEST };\r\n }\r\n function success() {\r\n return { type: CREATE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: CREATE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function getUnit(unitId) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(`parties/current/units/${unitId}`)\r\n .then(response => {\r\n if (response.payload) {\r\n dispatch(success(response.payload));\r\n return { success: true };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GET.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: GET.SUCCESS, payload: response };\r\n }\r\n function failure(error) {\r\n return { type: GET.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function updateUnit(unit) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('parties/current/units', { body: unit, method: 'PUT' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success(response.payload));\r\n return { success: true };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error));\r\n return { success: false, error: error.toString() };\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: UPDATE.REQUEST };\r\n }\r\n function success(response) {\r\n return { type: UPDATE.SUCCESS, payload: response };\r\n }\r\n function failure(error) {\r\n return { type: UPDATE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function deleteUnit(unitId) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure(`parties/current/units/${unitId}`, { method: 'DELETE' })\r\n .then(response => {\r\n if (response.status === 200) {\r\n dispatch(success());\r\n return { success: true };\r\n }\r\n\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: DELETE.REQUEST };\r\n }\r\n function success() {\r\n return { type: DELETE.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: DELETE.FAILURE, error };\r\n }\r\n}\r\n\r\nexport function clearUnit() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR.SUCCESS });\r\n };\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next/src';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport * as Yup from 'yup';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport Toast from '@hobs/components/Toast';\r\nimport RadioButton from '@hobs/components/RadioButton';\r\nimport ShortId from 'shortid';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport Alert from '@hobs/components/Alert';\r\nimport { UNIT_PARENT_TYPES, UNIT_TYPES } from '@hobs/utils/constants';\r\n\r\nimport {\r\n getUnitsForSubmit,\r\n createUnit,\r\n getUnit,\r\n updateUnit,\r\n deleteUnit,\r\n clearUnit\r\n} from '../../../actions/units';\r\n\r\nimport './UnitDialog.scss';\r\n\r\nconst defaultState = {\r\n error: null\r\n};\r\n\r\nclass UnitDialog extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = defaultState;\r\n\r\n const { t } = props;\r\n this.unitCreateSchema = Yup.object().shape({\r\n parentUnitId: Yup.string().when('unitTypeName', {\r\n is: UNIT_TYPES.Unit,\r\n then: Yup.string().nullable(),\r\n otherwise: Yup.string()\r\n .nullable()\r\n .required(t('Place of the unit is not selected'))\r\n }),\r\n title: Yup.string()\r\n .max(256, t('Title cannot be longer than 256 symbols'))\r\n .required(t('Title is required')),\r\n unitTypeName: Yup.string(),\r\n unitOperationTypeId: Yup.string().when('unitTypeName', {\r\n is: UNIT_TYPES.Unit,\r\n then: Yup.string()\r\n .nullable()\r\n .required(t('Type is required')),\r\n otherwise: Yup.string().nullable()\r\n })\r\n });\r\n\r\n this.unitUpdateSchema = Yup.object().shape({\r\n title: Yup.string()\r\n .max(256, t('Title cannot be longer than 256 symbols'))\r\n .required(t('Title is required')),\r\n parentUnitId: Yup.string().when('unitTypeName', {\r\n is: UNIT_TYPES.Unit,\r\n then: Yup.string().nullable(),\r\n otherwise: Yup.string()\r\n .nullable()\r\n .required(t('Place of the unit is not selected'))\r\n }),\r\n unitOperationTypeId: Yup.string().when('unitTypeName', {\r\n is: UNIT_TYPES.Unit,\r\n then: Yup.string()\r\n .nullable()\r\n .required(t('Type is required')),\r\n otherwise: Yup.string().nullable()\r\n })\r\n });\r\n }\r\n\r\n isDialogOpen() {\r\n return this.props.match.params.action === 'unit';\r\n }\r\n\r\n getPartyPathName() {\r\n const deleteIndex = this.props.location.pathname.indexOf('/unit');\r\n return this.props.location.pathname.substring(0, deleteIndex);\r\n }\r\n\r\n getUnitTypesOptions(setFieldValue, selectedValue) {\r\n const { forSubmit } = this.props;\r\n const unitTypes = forSubmit.unitTypes;\r\n return unitTypes.map(unitType => (\r\n \r\n {type === 'info' && <>i}\r\n {type === 'error' &&
\r\n {children}
\r\n \r\n {unitType.longName} \r\n
\r\n ));\r\n }\r\n\r\n getUnitOperationTypesOptions() {\r\n const { forSubmit } = this.props;\r\n const unitOperationTypes = forSubmit.unitOperationTypes;\r\n\r\n return unitOperationTypes.map(unitOperationType => (\r\n \r\n ));\r\n }\r\n\r\n getUnitsSelectDefaultMessage(unitTypeName, unitId) {\r\n const { t, units } = this.props;\r\n\r\n const parentUnitType = UNIT_PARENT_TYPES[unitTypeName];\r\n const flatUnits = this.flattenUnitsTree(units, parentUnitType, unitId);\r\n\r\n if (!flatUnits.length && unitTypeName === UNIT_TYPES.SubUnit) {\r\n return t('There are no Units in the party structure');\r\n }\r\n\r\n if (!flatUnits.length && unitTypeName === UNIT_TYPES.Component) {\r\n return t('There are no Sub-units in the party structure')\r\n }\r\n\r\n return t('Select location/parent element');\r\n }\r\n\r\n getUnitsOptions(values) {\r\n const { units } = this.props;\r\n const parentUnitType = UNIT_PARENT_TYPES[values.unitTypeName];\r\n const flatUnits = this.flattenUnitsTree(units, parentUnitType, values.unitId);\r\n\r\n if (flatUnits && flatUnits.length > 0) {\r\n return this.sortUnits(flatUnits).map(unit => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n }\r\n\r\n flattenUnitsTree(array, parentUnitType, unitId) {\r\n if (!Array.isArray(array)) {\r\n return [];\r\n }\r\n\r\n return array.reduce((result, item) => {\r\n if (item.unitTypeName === parentUnitType && unitId !== item.unitId) {\r\n result.push(item);\r\n }\r\n\r\n if(unitId === item.unitId){\r\n return result;\r\n }\r\n\r\n if (Array.isArray(item.units)) {\r\n result = result.concat(\r\n this.flattenUnitsTree(item.units, parentUnitType, unitId)\r\n );\r\n }\r\n\r\n return result;\r\n }, []);\r\n }\r\n\r\n createUnit = (values, { setErrors, setSubmitting }) => {\r\n const { t, onUnitCreate, units } = this.props;\r\n\r\n this.props.createUnit(values).then(response => {\r\n if (response.success) {\r\n const updatedUnits = this.flattenUnitsTree(\r\n response.payload.units,\r\n values.unitTypeName\r\n );\r\n\r\n const parentUnitType = UNIT_PARENT_TYPES[values.unitTypeName];\r\n const parentUnits = this.flattenUnitsTree(units, parentUnitType);\r\n\r\n const parentUnit = parentUnits.find(unit => {\r\n return unit.unitId === values.parentUnitId;\r\n });\r\n\r\n const createdUnit = updatedUnits.find(unit => {\r\n return unit.title === values.title;\r\n });\r\n\r\n if (createdUnit && onUnitCreate) {\r\n onUnitCreate({\r\n ...createdUnit,\r\n parentUnit\r\n });\r\n }\r\n\r\n this.onDialogClose();\r\n\r\n Toast.success(t('Unit created successfully'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [this.toLowercaseFirst(error.target)]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setUnitError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n updateUnit = (values, { setErrors, setSubmitting }) => {\r\n const { t } = this.props;\r\n\r\n this.props.updateUnit(values).then(response => {\r\n if (response.success) {\r\n this.onDialogClose();\r\n Toast.success(t('Unit information updated successfully'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [this.toLowercaseFirst(error.target)]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setUnitError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n toLowercaseFirst(value) {\r\n if (typeof value !== 'string' || value.length === 0) {\r\n return value;\r\n }\r\n\r\n return value.charAt(0).toLowerCase() + value.slice(1);\r\n }\r\n\r\n onDialogClose = () => {\r\n const { reloadUnits, history } = this.props;\r\n\r\n history.push(this.getPartyPathName());\r\n if (reloadUnits) {\r\n reloadUnits();\r\n }\r\n };\r\n\r\n onDialogClosed = () => {\r\n const { clearUnit } = this.props;\r\n\r\n clearUnit();\r\n this.resetState();\r\n };\r\n\r\n onDialogOpening = async () => {\r\n this.props.getUnitsForSubmit();\r\n const unitId = this.props.match.params.guid;\r\n if (unitId) {\r\n this.props.getUnit(unitId);\r\n }\r\n };\r\n\r\n setUnitError(message) {\r\n this.setState({ error: message });\r\n }\r\n\r\n resetState() {\r\n this.setState(defaultState);\r\n }\r\n\r\n isEdit() {\r\n const { match, unit } = this.props;\r\n return match.params.guid || unit;\r\n }\r\n\r\n sortUnits(units) {\r\n if (!Array.isArray(units)) {\r\n return [];\r\n }\r\n\r\n const sortedUnits = units.sort((a, b) =>\r\n a.title.toLowerCase() > b.title.toLowerCase()\r\n ? 1\r\n : a.title.toLowerCase() < b.title.toLowerCase()\r\n ? -1\r\n : 0\r\n );\r\n\r\n return sortedUnits.map(unit => {\r\n return {\r\n ...unit,\r\n units: this.sortUnits(unit.units)\r\n };\r\n });\r\n }\r\n\r\n render() {\r\n const { t, unit, partyId } = this.props;\r\n const { error } = this.state;\r\n return (\r\n \r\n {\r\n setFieldValue('parentUnitId', null);\r\n setFieldValue('unitOperationTypeId', null);\r\n }}\r\n checked={unitType.name === selectedValue}\r\n />\r\n
\r\n \r\n {user && canCreateUnit && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nSorUnits.propTypes = {\r\n t: PropTypes.func,\r\n location: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n units: PropTypes.arrayOf(PropTypes.object),\r\n unit: PropTypes.object,\r\n responsiblePerson: PropTypes.arrayOf(PropTypes.object),\r\n getSorUnits: PropTypes.func,\r\n getSorUnit: PropTypes.func,\r\n addElementToExercise: PropTypes.func,\r\n updateUnit: PropTypes.func,\r\n resetSorUnit: PropTypes.func,\r\n getUnitStaticData: PropTypes.func,\r\n removeUnit: PropTypes.func,\r\n user: PropTypes.object,\r\n disabled: PropTypes.bool,\r\n canCreateUnit: PropTypes.bool\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n units: state.sor.units,\r\n unit: state.sor.unit,\r\n responsiblePerson: state.sor.responsiblePerson,\r\n user: state.auth.user\r\n };\r\n};\r\nconst mapDispatchToProps = {\r\n getSorUnits,\r\n getSorUnit,\r\n addElementToExercise,\r\n updateUnit,\r\n resetSorUnit,\r\n getUnitStaticData,\r\n removeUnit\r\n};\r\n\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(withTranslation()(SorUnits))\r\n);\r\n","import { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\n\r\nimport {\r\n list,\r\n CREATE,\r\n} from '@hobs/constants/activity';\r\nimport { actionCreator } from '@hobs/actions/utils/utils';\r\n\r\nexport function getActivities() {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n return fetchSecure('StatementOfRequirements/Activities')\r\n .then(response => {\r\n if (response) {\r\n dispatch(success(response.payload));\r\n\r\n return { success: true };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: list.REQUEST };\r\n }\r\n function success(annexes) {\r\n return { type: list.SUCCESS, annexes };\r\n }\r\n function failure(error) {\r\n return { type: list.FAILURE, error };\r\n }\r\n}\r\n\r\nexport const createActivity = body =>\r\n actionCreator('StatementOfRequirements/Activities', CREATE, {\r\n body: body,\r\n method: 'POST'\r\n });\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next/src';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport * as Yup from 'yup';\r\nimport Switch from '@hobs/components/Switch';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport Toast from '@hobs/components/Toast';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport Alert from '@hobs/components/Alert';\r\n\r\nimport {\r\n updateActivity,\r\n clearActivity,\r\n getActivity\r\n} from '@hobs/actions/activities';\r\nimport {\r\n createActivity,\r\n} from '../../../actions/activities';\r\n\r\nimport './ActivityDialog.scss';\r\n\r\nconst defaultState = {\r\n error: null\r\n};\r\n\r\nclass ActivityDialog extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = defaultState;\r\n\r\n const { t } = props;\r\n this.activitySchema = Yup.object().shape({\r\n name: Yup.string()\r\n .max(50, t('Name cannot be longer than 50 symbols'))\r\n .trim('Incorrect input').required(t('Name is required')),\r\n description: Yup.string()\r\n .max(256, t('Description cannot be longer than 256 symbols'))\r\n .nullable()\r\n });\r\n }\r\n\r\n isDialogOpen() {\r\n return this.props.match.params.action === 'activity';\r\n }\r\n\r\n getSorPathName() {\r\n const deleteIndex = this.props.location.pathname.indexOf('/activity');\r\n return this.props.location.pathname.substring(0, deleteIndex);\r\n }\r\n\r\n createActivity = (values, { setErrors, setSubmitting }) => {\r\n const { t } = this.props;\r\n\r\n const body = {\r\n ...values,\r\n };\r\n\r\n this.props.createActivity(body).then(response => {\r\n if (response.success) {\r\n this.onDialogClose();\r\n\r\n Toast.success(t('Activity created successfully'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n updateActivity = (values, { setErrors, setSubmitting }) => {\r\n const { t } = this.props;\r\n\r\n const body = {\r\n ...values\r\n };\r\n\r\n this.props.updateActivity(values.activityId, body).then(response => {\r\n if (response.success) {\r\n this.onDialogClose();\r\n Toast.success(t('Activity updated successfully'));\r\n if(response.payload.isAssigned){\r\n Toast.info(t('Please note that this activity has already been selected for a service request. The new activity name will not apply to already existing service requests'));\r\n }\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n onDialogClose = () => {\r\n const { reloadActivities, history } = this.props;\r\n\r\n history.push(this.getSorPathName());\r\n if (reloadActivities) {\r\n reloadActivities();\r\n }\r\n };\r\n\r\n onDialogClosed = () => {\r\n const { clearActivity } = this.props;\r\n\r\n clearActivity();\r\n this.resetState();\r\n };\r\n\r\n onDialogOpening = async () => {\r\n const activityId = this.props.match.params.guid;\r\n if (activityId) {\r\n this.props.getActivity(activityId);\r\n }\r\n };\r\n\r\n setError(message) {\r\n this.setState({ error: message });\r\n }\r\n\r\n resetState() {\r\n this.setState(defaultState);\r\n }\r\n\r\n isEdit() {\r\n const { match, activity } = this.props;\r\n return match.params.guid || activity;\r\n }\r\n\r\n getInitialActivityValues() {\r\n const { activity, isFirstActivity } = this.props;\r\n if (activity) {\r\n return {\r\n activityId: activity.activityId,\r\n name: activity.name,\r\n description: activity.description,\r\n isDefault: activity.isDefault\r\n };\r\n } else {\r\n if(isFirstActivity){\r\n return {\r\n name: '',\r\n description: '',\r\n isDefault: true\r\n };\r\n }\r\n return {\r\n name: '',\r\n description: '',\r\n isDefault: false\r\n };\r\n }\r\n }\r\n\r\n render() {\r\n const { t, activity } = this.props;\r\n const { error } = this.state;\r\n return (\r\n \r\n
\r\n )}\r\n {(units.length !== 0 || !canCreateUnit || hasUnits) && (\r\n <>\r\n \r\n {t('There are no elements in the list.')}\r\n
\r\n \r\n
\r\n \r\n {this.getFilterButtons()}\r\n {canCreateUnit && (\r\n
\r\n \r\n {unitsTree.length > 0 && !isLoading && (\r\n
\r\n \r\n
\r\n \r\n )}\r\n {t('Sending Nation unit information')}
\r\n {(unit || this.state.addElementToExercise) && !isLoading && (\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nActivities.propTypes = {\r\n isLoading: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n oData: PropTypes.object,\r\n queryOData: PropTypes.func,\r\n resetOData: PropTypes.func,\r\n loadODataQuery: PropTypes.func,\r\n deleteActivity: PropTypes.func,\r\n match: PropTypes.object,\r\n location: PropTypes.object,\r\n activityGrid: PropTypes.object,\r\n t: PropTypes.func\r\n};\r\n\r\nconst oDataLoading = createLoadingSelector(['OData']);\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state),\r\n oData: state.odata\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n queryOData,\r\n resetOData,\r\n deleteActivity\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(Activities));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport PropTypes from 'prop-types';\r\nimport { H2 } from '@hobs/components/Headings';\r\nimport ObjectPath from 'object-path';\r\nimport ShortId from 'shortid';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport { phoneRegex } from '@hobs/validations';\r\nimport { withTranslation } from 'react-i18next/src/index';\r\nimport * as Yup from 'yup';\r\nimport Input from '@hobs/components/Input';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport DropZone from '@hobs/components/DropZone';\r\nimport Toast from '@hobs/components/Toast';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport {\r\n uploadAttachments,\r\n setAttachments,\r\n deleteAttachment,\r\n clearAttachments\r\n} from '@hobs/actions/attachment';\r\nimport {\r\n getSorFinanceData,\r\n updateSorFinanceData,\r\n getSorFinanceDataForSubmit,\r\n clearSorFinanceData\r\n} from '../../../actions/sor';\r\nimport Activities from '../../Activities/Activities'\r\nimport Styles from './SorFinance.module.scss';\r\n\r\nclass SorFinance extends React.PureComponent {\r\n state = {\r\n sorFinance: null,\r\n isUploadingAttachment: false\r\n };\r\n\r\n async componentDidMount() {\r\n const { disabled } = this.props;\r\n if (!disabled) {\r\n await this.props.getSorFinanceDataForSubmit();\r\n }\r\n await this.props.getSorFinanceData(this.props.sorId).then(response => {\r\n this.props.setAttachments(\r\n response.data.attachments\r\n );\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.clearSorFinanceData();\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n const { t } = this.props;\r\n\r\n this.financeItemSchema = Yup.object().shape({\r\n paymentMadeByName: Yup.string()\r\n .required(t('Name is required'))\r\n .max(100, t('Name must be at most 100 characters')),\r\n paymentMadeByAddress1: Yup.string()\r\n .required(t('Address 1 is required'))\r\n .max(100, t('Address 1 must be at most 100 characters')),\r\n paymentMadeByAddress2: Yup.string()\r\n .required(t('Address 2 is required'))\r\n .max(100, t('Address 2 must be at most 100 characters')),\r\n paymentMadeByAddress3: Yup.string().max(\r\n 100,\r\n t('Address 3 must be at most 100 characters')\r\n ),\r\n paymentMadeByCountry: Yup.string()\r\n .required(t('Country is required'))\r\n .max(100, t('Country must be at most 100 characters')),\r\n financePocName: Yup.string()\r\n .required(t('Name is required'))\r\n .max(100, t('Name must be at most 100 characters')),\r\n financePocEmail: Yup.string()\r\n .email(t('invalid email format'))\r\n .max(100, t('Email must be at most 100 characters')),\r\n financePocPhone: Yup.string()\r\n .matches(phoneRegex, {\r\n message: t('Please enter a valid phone number'),\r\n excludeEmptyString: true\r\n })\r\n .required(t('Phone is required'))\r\n .max(100, t('Phone must be at most 100 characters'))\r\n });\r\n }\r\n\r\n handleSubmit = (values, { setSubmitting, setErrors }) => {\r\n const { t, updateSorFinanceData } = this.props;\r\n const body = {\r\n ...values,\r\n attachments: [...this.props.attachments]\r\n };\r\n updateSorFinanceData(body).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Sending Nation information updated successfully'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning(t('Cannot update Sending Nation information'));\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n handleFileUpload = value => {\r\n const { t } = this.props;\r\n this.setState({isUploadingAttachment: true});\r\n\r\n if (value) {\r\n this.props.uploadAttachments({ attachments: value }).then(response => {\r\n if (response.success === true) {\r\n Toast.success(t('File successfully added. Please click save to commit this change'));\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning(t('Cannot add file'));\r\n }\r\n this.setState({isUploadingAttachment: false})\r\n });\r\n }\r\n };\r\n\r\n handleFileRemove = value => {\r\n const { t } = this.props;\r\n this.props.deleteAttachment(value);\r\n Toast.success(t('File removed successfully. Please click save to commit this change'));\r\n };\r\n\r\n getUsersWhoCanConfirmSorList = () => {\r\n const { t } = this.props;\r\n const sorUserList = this.props.whoCanConfirmFsor.usersWhoCanConfirmFsor;\r\n if (sorUserList && sorUserList.length > 0) {\r\n const placeholder = (\r\n \r\n );\r\n\r\n const options = sorUserList.map(user => {\r\n return (\r\n \r\n );\r\n });\r\n\r\n return [placeholder, options];\r\n }\r\n return (\r\n \r\n );\r\n };\r\n\r\n getUserWhoCanConfirmSor = () => {\r\n const sorUser = ObjectPath.get(this.props.finance, 'user');\r\n if (sorUser) {\r\n return sorUser.userId;\r\n }\r\n };\r\n\r\n canRenderForm = () => {\r\n return Object.keys(this.props.finance).length > 0;\r\n };\r\n\r\n render() {\r\n const { finance, t, disabled, location, match, history } = this.props;\r\n const initialFormValues = {\r\n paymentMadeByName: finance.paymentToBeMadeByName\r\n ? finance.paymentToBeMadeByName\r\n : '',\r\n paymentMadeByAddress1: finance.address1 ? finance.address1 : '',\r\n paymentMadeByAddress2: finance.address2 ? finance.address2 : '',\r\n paymentMadeByAddress3: finance.address3 ? finance.address3 : '',\r\n paymentMadeByCountry: finance.country ? finance.country : '',\r\n financePocName: finance.pocName ? finance.pocName : '',\r\n financePocEmail: finance.email ? finance.email : '',\r\n financePocPhone: finance.phone ? finance.phone : '',\r\n whoCanConfirmFsorId: this.getUserWhoCanConfirmSor(),\r\n whoCanConfirmFsorUser: finance.user ? finance.user.username : ''\r\n };\r\n\r\n return (\r\n {t('Activity list')}
\r\n\r\n {\r\n this.setState(\r\n {\r\n dataState: {\r\n ...dataState,\r\n sort: event.sort\r\n }\r\n },\r\n () => {\r\n this.loadODataQuery();\r\n }\r\n );\r\n }}\r\n >\r\n {Columns({ \r\n columns: this.state.columns,\r\n dataState,\r\n onSave: this.onUserSaveSettings,\r\n onReset: this.onUserResetSettings, })}\r\n \r\n {isLoading &&
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSorFinance.propTypes = {\r\n sorId: PropTypes.string,\r\n location: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n sorFinance: PropTypes.object,\r\n getSorFinanceData: PropTypes.func,\r\n finance: PropTypes.object,\r\n attachments: PropTypes.array,\r\n whoCanConfirmFsor: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\r\n updateSorFinanceData: PropTypes.func,\r\n getSorFinanceDataForSubmit: PropTypes.func,\r\n t: PropTypes.func,\r\n clearSorFinanceData: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n uploadAttachments: PropTypes.func,\r\n setAttachments: PropTypes.func,\r\n deleteAttachment: PropTypes.func\r\n};\r\n\r\nconst financeDataLoading = createLoadingSelector([\r\n 'StatementOfRequirements/GetFinanceData'\r\n]);\r\n\r\nconst mapStateToProps = state => ({\r\n finance: state.sor.finance,\r\n whoCanConfirmFsor: state.sor.whoCanConfirmFsor,\r\n isLoading: financeDataLoading(state),\r\n attachments: state.attachment.attachments\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getSorFinanceData,\r\n updateSorFinanceData,\r\n getSorFinanceDataForSubmit,\r\n clearSorFinanceData,\r\n uploadAttachments,\r\n setAttachments,\r\n deleteAttachment,\r\n clearAttachments\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(SorFinance));\r\n","import React from 'react';\r\nimport { H2 } from '@hobs/components/Headings';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next/src/index';\r\nimport { Formik, Form, Field, FieldArray } from 'formik';\r\nimport PropTypes from 'prop-types';\r\nimport Input from '@hobs/components/Input';\r\nimport Checkbox from '@hobs/components/Checkbox';\r\nimport ObjectPath from 'object-path';\r\nimport Tooltip from '@hobs/components/Tooltip';\r\nimport Toast from '@hobs/components/Toast';\r\nimport * as Yup from 'yup';\r\nimport { DATE_FORMAT, MAX_INT32 } from '@hobs/utils/constants';\r\nimport { format } from '@hobs/utils/formatWithTimeZone';\r\nimport classnames from 'classnames';\r\nimport { RaisedButton } from '@hobs/components/Buttons';\r\nimport Quantity from '@hobs/components/Quantity';\r\nimport {\r\n getCorInformation,\r\n clearCorData,\r\n updateCorInformation\r\n} from '../../../actions/cor';\r\nimport Styles from './SorCor.module.scss';\r\n\r\nclass SorCor extends React.PureComponent {\r\n corDataCopy = {};\r\n\r\n state = {\r\n corData: {},\r\n total: null\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.locationQueryTimeout = null;\r\n const { t } = this.props;\r\n\r\n const VALIDATION = {\r\n quantity: Yup.number()\r\n .min(1, t('Number of PAX must be greater than 0'))\r\n .max(MAX_INT32, t('Number of PAX is too large'))\r\n .typeError(t('Invalid number'))\r\n .transform((value, originalValue) => {\r\n return originalValue === 0 || originalValue === '' ? null : value;\r\n })\r\n .nullable()\r\n .default(null),\r\n comments: Yup.string()\r\n .nullable()\r\n .max(256, t('Comment cannot be longer than 256 symbols')),\r\n number: Yup.number()\r\n .typeError(t('Invalid number'))\r\n .min(1, t('Must be greater than 0'))\r\n .max(MAX_INT32, t('Number is too large'))\r\n .transform((value, originalValue) => {\r\n return originalValue === 0 || originalValue === '' ? null : value;\r\n })\r\n .nullable()\r\n .default(null)\r\n };\r\n this.corItemSchema = Yup.object().shape({\r\n pax: Yup.array().of(\r\n Yup.object().shape({\r\n quantity: VALIDATION.quantity,\r\n comment: VALIDATION.comments,\r\n units: Yup.array().of(\r\n Yup.object().shape({\r\n quantity: VALIDATION.quantity,\r\n comment: VALIDATION.comments,\r\n units: Yup.array().of(\r\n Yup.object().shape({\r\n quantity: VALIDATION.quantity,\r\n comment: VALIDATION.comments\r\n })\r\n )\r\n })\r\n )\r\n })\r\n ),\r\n equipment: Yup.array().of(\r\n Yup.object().shape({\r\n vehicles: VALIDATION.number,\r\n tracks: VALIDATION.number,\r\n containers: VALIDATION.number,\r\n ships: VALIDATION.number,\r\n aircraft: VALIDATION.number,\r\n comments: VALIDATION.comments\r\n })\r\n )\r\n });\r\n }\r\n\r\n async componentDidMount() {\r\n await this.props.getCorInformation().then(response => {\r\n if (response && response.status === 200) {\r\n this.corDataCopy = {\r\n ...this.corDataCopy,\r\n ...response.payload\r\n };\r\n }\r\n });\r\n\r\n await this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n\r\n await this.setCorData();\r\n }\r\n\r\n setCorData = async () => {\r\n const { corData } = this.state;\r\n await this.setSubUnitLevelQuantity(corData.pax, 'pax');\r\n await this.setUnitLevelQuantity(corData.pax, 'pax');\r\n await this.getPaxTotalQuantity(corData.pax, 'pax');\r\n await this.getEquipmentQuantity(corData.equipment);\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.clearCorData();\r\n }\r\n\r\n canRenderForm = () => {\r\n return Object.keys(this.state.corData).length > 0;\r\n };\r\n\r\n handleSubmit = (values, { setSubmitting, setErrors }) => {\r\n const { t } = this.props;\r\n const body = this.state.corData;\r\n this.props.updateCorInformation(body).then(response => {\r\n if (response.success) {\r\n Toast.success(t('COR information updated successfully'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning(t('Cannot update COR information'));\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n getPaxTotalQuantity = (units = [], key) => {\r\n let total = 0;\r\n units.forEach((unit, index) => {\r\n total += Number(unit.quantity);\r\n unit.units &&\r\n this.getPaxTotalQuantity(unit.units, `${key}.${index}.quantity`);\r\n });\r\n\r\n this.setState({\r\n total: total\r\n });\r\n };\r\n\r\n getEquipmentQuantity = (units = []) => {\r\n let equipment = {\r\n vehicles: null,\r\n tracks: null,\r\n containers: null,\r\n ships: null,\r\n aircraft: null\r\n };\r\n\r\n const value = units.reduce((total, unit) => {\r\n return (equipment = {\r\n ...equipment,\r\n vehicles: Number(equipment.vehicles) + Number(unit.vehicles),\r\n tracks: Number(equipment.tracks) + Number(unit.tracks),\r\n containers: Number(equipment.containers) + Number(unit.containers),\r\n ships: Number(equipment.ships) + Number(unit.ships),\r\n aircraft: Number(equipment.aircraft) + Number(unit.aircraft)\r\n });\r\n }, {});\r\n\r\n this.setState({\r\n ...this.state,\r\n ...value\r\n });\r\n };\r\n\r\n calculateEquipment = ({ target }) => {\r\n ObjectPath.set(this.corDataCopy, target.name, target.value);\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n this.getEquipmentQuantity(this.state.corData.equipment);\r\n };\r\n\r\n renderEquipmentFields = (units = [], key) => {\r\n const { t, disabled } = this.props;\r\n return units.map((unit, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {t('Sending Nation information')}
\r\n\r\n {!this.props.isLoading && (\r\n \r\n {({ isSubmitting }) => (\r\n \r\n )}\r\n \r\n )}\r\n
\r\n
\r\n \r\n
\r\n {
\r\n \r\n
\r\n \r\n );\r\n });\r\n };\r\n\r\n calculatePaxFieldValue = (component = [], key, parentId) => {\r\n const value = component.reduce((total, unit) => {\r\n if (unit.parentUnitId === parentId) {\r\n return Number(total) + Number(unit.quantity);\r\n }\r\n }, null);\r\n\r\n if (value !== null) {\r\n ObjectPath.set(this.corDataCopy, key, value > 0 ? Number(value) : '');\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n }\r\n };\r\n\r\n setSubUnitLevelQuantity = (units = [], key) => {\r\n units.reduce((total, unit, index) => {\r\n if (unit.unitTypeId === 2 && unit.units.length > 0) {\r\n this.calculatePaxFieldValue(\r\n unit.units,\r\n `${key}.${index}.quantity`,\r\n unit.unitId\r\n );\r\n }\r\n unit.units.length > 0 &&\r\n this.setSubUnitLevelQuantity(unit.units, `${key}.${index}.units`);\r\n }, []);\r\n };\r\n\r\n setUnitLevelQuantity = (units = [], key) => {\r\n let total = null;\r\n let fieldName = null;\r\n units.forEach((unit, index) => {\r\n if (unit.unitTypeId === 2 && unit.unitTypeId !== 3) {\r\n total += Number(unit.quantity);\r\n fieldName = key;\r\n }\r\n unit.units &&\r\n this.setUnitLevelQuantity(unit.units, `${key}.${index}.quantity`);\r\n });\r\n\r\n if (total !== null && fieldName !== null && fieldName !== 'pax') {\r\n ObjectPath.set(\r\n this.corDataCopy,\r\n fieldName,\r\n total > 0 ? Number(total) : ''\r\n );\r\n\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n }\r\n };\r\n\r\n handleQuantityChange = ({ target }) => {\r\n ObjectPath.set(\r\n this.corDataCopy,\r\n target.name,\r\n parseFloat(target.value) ? parseFloat(target.value) : null\r\n );\r\n\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n\r\n this.setSubUnitLevelQuantity(this.state.corData.pax, 'pax');\r\n this.setUnitLevelQuantity(this.state.corData.pax, 'pax');\r\n this.getPaxTotalQuantity(this.state.corData.pax, 'pax');\r\n };\r\n\r\n handleCheckboxChange = ({ target }) => {\r\n ObjectPath.set(this.corDataCopy, target.name, target.checked);\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n };\r\n\r\n handleChange = ({ target }) => {\r\n ObjectPath.set(this.corDataCopy, target.name, target.value);\r\n this.setState({\r\n corData: {\r\n ...this.corDataCopy\r\n }\r\n });\r\n };\r\n\r\n paxFieldsComponent = (unit, key, index, errors, setFieldValue) => {\r\n const { t, disabled } = this.props;\r\n const isFormFieldsAvailable =\r\n !(unit.units && unit.units.length > 0) && !disabled;\r\n return (\r\n \r\n \r\n
\r\n \r\n {unit.unitName}\r\n \r\n {unit.likelyFrom && format(unit.likelyFrom, DATE_FORMAT)}\r\n {' - '}\r\n {unit.likelyTo && format(unit.likelyTo, DATE_FORMAT)}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.calculateEquipment(event);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.calculateEquipment(event);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.calculateEquipment(event);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.calculateEquipment(event);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.calculateEquipment(event);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {unit.unitName}\r\n
\r\n \r\n {unit.likelyFrom && format(unit.likelyFrom, DATE_FORMAT)}\r\n {' - '}\r\n {unit.likelyTo && format(unit.likelyTo, DATE_FORMAT)}\r\n \r\n \r\n (\r\n (\r\n
\r\n \r\n );\r\n };\r\n\r\n renderPaxFields = (units = [], key, errors, setFieldValue) => {\r\n return units.map((unit, index) => {\r\n if (key === 'pax') {\r\n return (\r\n \r\n {\r\n this.handleQuantityChange(event);\r\n setFieldValue(event.target.name, event.target.value);\r\n }}\r\n error={\r\n Number(field.value) < 1 &&\r\n field.value !== null &&\r\n field.value !== '' &&\r\n isFormFieldsAvailable\r\n ? t('Number of PAX must be greater than 0')\r\n : field.value > MAX_INT32\r\n ? t('Number of PAX is too large')\r\n : null\r\n }\r\n value={ObjectPath.get(\r\n this.state.corData,\r\n `${key}.${index}.quantity`\r\n )}\r\n type=\"number\"\r\n disabled={!isFormFieldsAvailable}\r\n />\r\n
\r\n )}\r\n />\r\n\r\n {isFormFieldsAvailable && (\r\n \r\n 256\r\n ? t('Comment cannot be longer than 256 symbols')\r\n : null\r\n : null\r\n }\r\n onChange={this.handleChange}\r\n value={ObjectPath.get(\r\n this.state.corData,\r\n `${key}.${index}.comment`\r\n )}\r\n />\r\n
\r\n )}\r\n />\r\n )}\r\n \r\n {this.paxFieldsComponent(unit, key, index, errors, setFieldValue)}\r\n {unit.units &&\r\n this.renderPaxFields(\r\n unit.units,\r\n `${key}.${index}.units`,\r\n errors,\r\n setFieldValue\r\n )}\r\n
\r\n );\r\n } else {\r\n return (\r\n {t('SOR requisites')}
\r\n\r\n \r\n {description}\r\n \r\n
\r\n );\r\n};\r\n\r\nCatalogItemInfo.propTypes = {\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n rateFrom: PropTypes.number,\r\n rateTo: PropTypes.number,\r\n attachments: PropTypes.array,\r\n categoryServiceRequests: PropTypes.array,\r\n groupName: PropTypes.string,\r\n annexName: PropTypes.string,\r\n currency: PropTypes.string,\r\n uom: PropTypes.string,\r\n partyId: PropTypes.string,\r\n t: PropTypes.func,\r\n editedFields: PropTypes.array,\r\n annexinformation: PropTypes.string,\r\n tooltipStartDisabled: PropTypes.bool,\r\n catalogItemId: PropTypes.string\r\n};\r\n\r\nexport default withTranslation()(CatalogItemInfo);\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n Formik,\r\n Form,\r\n Field,\r\n yupToFormErrors,\r\n setNestedObjectValues\r\n} from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport Money from '@hobs/components/Money';\r\nimport cx from 'classnames';\r\nimport { GhostButton, RaisedButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport DropZone from '@hobs/components/DropZone';\r\nimport Switch from '@hobs/components/Switch';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport * as Yup from 'yup';\r\nimport { withRouter } from 'react-router-dom';\r\nimport ShortId from 'shortid';\r\nimport './AssignmentResponse.scss';\r\nimport Quantity from '../Quantity';\r\n\r\nconst AssignmentResponse = ({\r\n assignmentResponse,\r\n assignmentDelivery,\r\n delivery = {},\r\n t,\r\n readOnly,\r\n onSubmit,\r\n onDeliverySubmit,\r\n vatOptions,\r\n getSelectedVat,\r\n disabled,\r\n isFileDialogOpen,\r\n onFileDialogOpen,\r\n onFileDialogClose,\r\n onFileSelect,\r\n isDeliveryFileDialogOpen,\r\n onDeliveryFileDialogOpen,\r\n onDeliveryFileDialogClose,\r\n onSharedCostChange,\r\n onEarlyConfirmationRequiredChange,\r\n onDeliveryFinalizedChange,\r\n onDeliveryRollback,\r\n exerciseCurrency,\r\n showCurrency\r\n}) => {\r\n const [key, setKey] = useState(ShortId.generate());\r\n const [\r\n deliveryQuantityApprovalRequired,\r\n setDeliveryQuantityApprovalRequired\r\n ] = useState(false);\r\n\r\n // https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\r\n function usePrevious(value) {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n }\r\n\r\n const prevDelivery = usePrevious(delivery);\r\n\r\n useEffect(() => {\r\n if (JSON.stringify(delivery) !== JSON.stringify(prevDelivery)) {\r\n onRollBackUpdate();\r\n }\r\n });\r\n\r\n const onRollBackUpdate = () => {\r\n setKey(ShortId.generate());\r\n };\r\n\r\n const onFormSubmit = (values, actions) => {\r\n if (values.SUBMIT_TYPE === 'RESPONSE') {\r\n values.unitCostDisplay =\r\n values.unitCostDisplay && values.unitCostDisplay.length\r\n ? values.unitCostDisplay\r\n : null;\r\n values.totalCostDisplay =\r\n values.totalCostDisplay && values.totalCostDisplay.length\r\n ? values.totalCostDisplay\r\n : null;\r\n\r\n Yup.object()\r\n .shape({\r\n canDeliveryQuantity: Yup.number()\r\n .required(t('Quantity is required'))\r\n .typeError('Invalid number')\r\n .min(0, t('Quantity must be greater than 0'))\r\n .nullable(),\r\n comment: Yup.string()\r\n .max(1500, t('Comment cannot be longer than 1500 symbols'))\r\n .nullable(),\r\n unitCostDisplay: Yup.number()\r\n .min(0, t('Price must be greater than 0'))\r\n .nullable(),\r\n totalCostDisplay: Yup.number()\r\n .min(0, t('Total must be greater than 0'))\r\n .nullable()\r\n })\r\n .validate(values, { abortEarly: false })\r\n .catch(errors => {\r\n actions.setErrors(yupToFormErrors(errors));\r\n actions.setTouched(setNestedObjectValues(values, true));\r\n actions.setSubmitting(false);\r\n })\r\n .then(response => {\r\n if (response) {\r\n onSubmit(values, actions);\r\n }\r\n });\r\n }\r\n\r\n if (values.SUBMIT_TYPE === 'DELIVERY') {\r\n Yup.object()\r\n .shape({\r\n delivery: Yup.object().shape({\r\n deliveryQuantity: Yup.number()\r\n .nullable()\r\n .required(t('Quantity is required'))\r\n .typeError('Quantity is required')\r\n .positive(t('Quantity must be greater than 0')),\r\n unitCostDisplay: Yup.number()\r\n .required(t('Price is required'))\r\n .typeError('Price is required')\r\n .min(0, t('Price must be equal to or greater than 0'))\r\n .nullable(),\r\n totalCostDisplay: Yup.number()\r\n .required(t('Total cost is required'))\r\n .typeError('Total cost is required')\r\n .min(0, t('Total cost must be equal to or greater than 0'))\r\n .nullable(),\r\n valueAddedTaxId: Yup.string()\r\n .required(t('VAT is required'))\r\n .nullable(),\r\n comment: Yup.string()\r\n .max(1500, t('Comment cannot be longer than 500 symbols'))\r\n .nullable()\r\n })\r\n })\r\n .validate(values, { abortEarly: false })\r\n .catch(errors => {\r\n actions.setErrors(yupToFormErrors(errors));\r\n actions.setTouched(setNestedObjectValues(values, true));\r\n actions.setSubmitting(false);\r\n })\r\n .then(response => {\r\n if (response) {\r\n if (!isQuantityApprovalRequired(values)) {\r\n onDeliverySubmit(values.delivery, actions);\r\n } else {\r\n setDeliveryQuantityApprovalRequired(true);\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n function isQuantityApprovalRequired(values) {\r\n return values.canDeliveryQuantity < values.delivery.deliveryQuantity;\r\n }\r\n\r\n function getDefaultVat() {\r\n return getSelectedVat ? getSelectedVat().valueAddedTaxId : null;\r\n }\r\n\r\n function getResponseValues(assignmentResponse) {\r\n var attachments = [];\r\n\r\n if (\r\n assignmentDelivery &&\r\n assignmentDelivery.attachments &&\r\n assignmentDelivery.attachments.length > 0\r\n ) {\r\n attachments = assignmentDelivery.attachments;\r\n }\r\n\r\n if (delivery && delivery.attachments && delivery.attachments.length > 0) {\r\n attachments = delivery.attachments;\r\n }\r\n\r\n return {\r\n ...assignmentResponse,\r\n delivery: delivery\r\n ? {\r\n ...delivery,\r\n attachments: attachments,\r\n unitCostDisplay: delivery.unitCost\r\n ? delivery.unitCost.toFixed(2)\r\n : delivery.unitCost,\r\n totalCostDisplay: delivery.totalCost\r\n ? delivery.totalCost.toFixed(2)\r\n : delivery.totalCost\r\n }\r\n : {},\r\n totalCostDisplay: assignmentResponse.totalCost,\r\n unitCostDisplay: assignmentResponse.unitCost,\r\n valueAddedTaxId: assignmentResponse.valueAddedTaxId\r\n ? assignmentResponse.valueAddedTaxId\r\n : getDefaultVat()\r\n };\r\n }\r\n\r\n function calcUnitCost(canDeliveryQuantity, totalCost, setFieldValue) {\r\n if (!canDeliveryQuantity || !totalCost) {\r\n setFieldValue('totalCost', null);\r\n setFieldValue('unitCost', null);\r\n return;\r\n }\r\n\r\n setFieldValue(\r\n 'unitCostDisplay',\r\n (totalCost / canDeliveryQuantity).toFixed(2)\r\n );\r\n setFieldValue('totalCost', totalCost);\r\n setFieldValue('unitCost', totalCost / canDeliveryQuantity);\r\n }\r\n\r\n function calcTotalCost(canDeliveryQuantity, unitCost, setFieldValue) {\r\n if ((!canDeliveryQuantity && canDeliveryQuantity !== 0) || !unitCost) {\r\n setFieldValue('totalCost', null);\r\n setFieldValue('unitCost', null);\r\n return;\r\n }\r\n\r\n setFieldValue(\r\n 'totalCostDisplay',\r\n (unitCost * canDeliveryQuantity).toFixed(2)\r\n );\r\n setFieldValue('totalCost', unitCost * canDeliveryQuantity);\r\n setFieldValue('unitCost', unitCost);\r\n }\r\n\r\n function calcDeliveryUnitCost(canDeliveryQuantity, totalCost, setFieldValue) {\r\n setFieldValue('delivery.totalCost', totalCost);\r\n\r\n if (!canDeliveryQuantity) {\r\n return;\r\n }\r\n if (!totalCost && totalCost !== 0) {\r\n totalCost = 0;\r\n }\r\n\r\n setFieldValue(\r\n 'delivery.unitCostDisplay',\r\n (totalCost / canDeliveryQuantity).toFixed(2)\r\n );\r\n setFieldValue('delivery.unitCost', totalCost / canDeliveryQuantity);\r\n }\r\n\r\n function calcDeliveryTotalCost(canDeliveryQuantity, unitCost, setFieldValue) {\r\n setFieldValue('delivery.unitCost', unitCost);\r\n\r\n if (!unitCost && unitCost !== 0) {\r\n unitCost = 0;\r\n }\r\n if (!canDeliveryQuantity && canDeliveryQuantity !== 0) {\r\n canDeliveryQuantity = 0;\r\n }\r\n\r\n setFieldValue(\r\n 'delivery.totalCostDisplay',\r\n (unitCost * canDeliveryQuantity).toFixed(2)\r\n );\r\n setFieldValue('delivery.totalCost', unitCost * canDeliveryQuantity);\r\n }\r\n\r\n function getInitialValues() {\r\n return assignmentResponse\r\n ? getResponseValues(assignmentResponse)\r\n : {\r\n canDeliveryQuantity: '',\r\n unitCostDisplay: '',\r\n unitCost: '',\r\n totalCost: '',\r\n totalCostDisplay: '',\r\n grossAmount: '',\r\n comment: '',\r\n isDraft: true,\r\n valueAddedTaxId: getDefaultVat(),\r\n attachments: [],\r\n delivery: {\r\n ...delivery,\r\n attachments: delivery.attachments ? delivery.attachments : [],\r\n unitCostDisplay: delivery.unitCost\r\n ? delivery.unitCost.toFixed(2)\r\n : delivery.unitCost,\r\n totalCostDisplay: delivery.totalCost\r\n ? delivery.totalCost.toFixed(2)\r\n : delivery.totalCost\r\n }\r\n };\r\n }\r\n\r\n return (\r\n \r\n
\r\n {categoryServiceRequests && categoryServiceRequests.length > 0 && (\r\n \r\n \r\n {t('Item price')}:\r\n \r\n \r\n
\r\n \r\n {t('Files')}: \r\n {attachments && attachments.length > 0 ? (\r\n attachments.map(file => (\r\n
\r\n \r\n \r\n {t('Group')}:\r\n \r\n {groupName}\r\n
\r\n \r\n \r\n {t('Annex')}\r\n \r\n {annexName}\r\n
\r\n \r\n
\r\n )}\r\n \r\n {t('Split to')}: \r\n \r\n {categoryServiceRequests.map(item => {\r\n return (\r\n
\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n {({\r\n handleSubmit,\r\n setFieldValue,\r\n values,\r\n isSubmitting,\r\n setSubmitting\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n );\r\n};\r\n\r\nAssignmentResponse.propTypes = {\r\n delivery: PropTypes.object,\r\n assignmentDelivery: PropTypes.object,\r\n assignmentResponse: PropTypes.object,\r\n t: PropTypes.func,\r\n onSubmit: PropTypes.func,\r\n onDeliverySubmit: PropTypes.func,\r\n vatOptions: PropTypes.array,\r\n getSelectedVat: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n isFileDialogOpen: PropTypes.bool,\r\n readOnly: PropTypes.bool,\r\n onFileDialogClose: PropTypes.func,\r\n onFileSelect: PropTypes.func,\r\n isDeliveryFileDialogOpen: PropTypes.bool,\r\n onDeliveryFileDialogOpen: PropTypes.func,\r\n onDeliveryFileDialogClose: PropTypes.func,\r\n onSharedCostChange: PropTypes.func,\r\n onEarlyConfirmationRequiredChange: PropTypes.func,\r\n onDeliveryFinalizedChange: PropTypes.func,\r\n onFileDialogOpen: PropTypes.func,\r\n onDeliveryRollback: PropTypes.func\r\n};\r\n\r\nexport default withRouter(withTranslation()(AssignmentResponse));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from '@hobs/components/Icon';\r\nimport WithRoles from '@hobs/hocs/WithRoles';\r\nimport { withRouter } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Discussion from '@hobs/containers/Discussion';\r\n\r\nimport './HeadingActions.scss';\r\n\r\nclass HeadingActions extends React.PureComponent {\r\n isActive(path) {\r\n return path === this.props.location.pathname;\r\n }\r\n\r\n navigateTo(path) {\r\n if (this.props.isDirty) {\r\n Confirm(\r\n this.props.t('Cancel service request'),\r\n this.props.t(\r\n 'Are you sure you want to cancel? All entered data will be lost.'\r\n ),\r\n () => {\r\n this.props.history.push(path);\r\n }\r\n );\r\n } else {\r\n this.props.history.push(path);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n isTransportation,\r\n showPath,\r\n editPath,\r\n historyPath,\r\n discussion,\r\n transportationPath,\r\n changeHistoryPath\r\n } = this.props;\r\n return (\r\n \r\n {showPath && (\r\n {\r\n e.preventDefault();\r\n this.navigateTo(showPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(editPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(historyPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(transportationPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(changeHistoryPath);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n}\r\n\r\nHeadingActions.propTypes = {\r\n onNavigate: PropTypes.func,\r\n showPath: PropTypes.string,\r\n editPath: PropTypes.string,\r\n transportationPath: PropTypes.string,\r\n isDirty: PropTypes.bool,\r\n isTransportation: PropTypes.bool,\r\n historyPath: PropTypes.string,\r\n changeHistoryPath: PropTypes.string,\r\n history: PropTypes.object,\r\n t: PropTypes.func,\r\n discussion: PropTypes.shape({\r\n serviceRequestId: PropTypes.string,\r\n status: PropTypes.number,\r\n initials: PropTypes.string,\r\n iconOnly: PropTypes.bool\r\n }),\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string\r\n }),\r\n hasUserPermission: PropTypes.func\r\n};\r\n\r\nexport default withTranslation()(withRouter(WithRoles(HeadingActions)));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ShortId from 'shortid';\r\nimport HeadingActions from '../../components/HeadingActions';\r\n\r\nconst PageLinks = props => {\r\n return (\r\n \r\n {message ? (\r\n
\r\n );\r\n};\r\n\r\nServiceRequestFooter.propTypes = {\r\n children: PropTypes.any,\r\n message: PropTypes.string\r\n};\r\n\r\nexport default ServiceRequestFooter;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next/src';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport * as Yup from 'yup';\r\nimport ShortId from 'shortid';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport NumericInput from '@hobs/components/NumericInput';\r\nimport DateInput from '@hobs/components/DateInput';\r\nimport BluePanel from '@hobs/components/BluePanel';\r\nimport ObjectPath from 'object-path';\r\nimport Autocomplete from '@hobs/components/Autocomplete';\r\n\r\nimport Toast from '@hobs/components/Toast';\r\nimport Switch from '@hobs/components/Switch';\r\nimport Textarea from '@hobs/components/Textarea';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport Input from '@hobs/components/Input';\r\nimport { RaisedButton, GhostButton } from '@hobs/components/Buttons';\r\nimport Alert from '@hobs/components/Alert';\r\nimport { queryLocations } from '@hobs/actions/locations';\r\nimport {\r\n createChangeRequest,\r\n calculateByDays,\r\n clearCalculateByDays\r\n} from '@hobs/actions/tickets';\r\nimport { dateToInitialMonth } from '@hobs/utils/dateToInitialMonth';\r\nimport Quantity from '@hobs/components/Quantity';\r\nimport Money from '@hobs/components/Money';\r\nimport CalculateByDays from '@hobs/components/CalculateByDays';\r\n\r\nimport './ChangeRequestCreateDialog.scss';\r\n\r\nconst defaultState = {\r\n error: null,\r\n calculatedCostValues: {}\r\n};\r\n\r\nclass ChangeRequestCreateDialog extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = defaultState;\r\n\r\n const { t } = props;\r\n this.validationSchema = Yup.object().shape({\r\n unitId: Yup.string().required(t('Unit is required')),\r\n unitOfMeasureId: Yup.string().required(t('UoM is required')),\r\n dateFrom: Yup.date()\r\n .required(t('From date is required'))\r\n .typeError(t('From date is required'))\r\n .nullable(),\r\n requestedQuantity: Yup.number()\r\n .min(0, t('Quantity must be greater than 0'))\r\n .required(t('Quantity is required'))\r\n .typeError(t('Invalid number')),\r\n comment: Yup.string()\r\n .max(1500, t('Comment cannot be longer than 1500 symbols'))\r\n .nullable(),\r\n locationName: Yup.string()\r\n .required(t('Location is required'))\r\n .nullable(),\r\n locationNameFrom: Yup.string().when('isTransportation', {\r\n is: true,\r\n then: Yup.string()\r\n .required(t('Location is required'))\r\n .nullable(),\r\n otherwise: Yup.string().nullable()\r\n })\r\n });\r\n }\r\n\r\n onDialogOpening = () => {\r\n const { serviceRequest } = this.props;\r\n\r\n this.calculateCosts(serviceRequest);\r\n };\r\n\r\n onDialogClose = () => {\r\n const { closeDialog } = this.props;\r\n\r\n closeDialog();\r\n };\r\n\r\n onDialogClosed = () => {\r\n this.resetState();\r\n };\r\n\r\n setError(message) {\r\n this.setState({ error: message });\r\n }\r\n\r\n resetState() {\r\n this.setState(defaultState);\r\n }\r\n\r\n onLocationQueryChange = query => {\r\n this.props.queryLocations(query);\r\n };\r\n\r\n calculateCosts(values) {\r\n if (!values.dateFrom || !values.requestedQuantity) {\r\n return;\r\n }\r\n\r\n const currentState = this.state.calculatedCostValues;\r\n if (\r\n currentState.dateFrom !== values.dateFrom ||\r\n currentState.dateTo !== values.dateTo ||\r\n currentState.quantity !== values.requestedQuantity ||\r\n currentState.isCalculatedByDays !== values.isCalculatedByDays\r\n ) {\r\n const data = {\r\n rateFrom: values.reateFrom,\r\n rateTo: values.reateTo,\r\n quantity: values.requestedQuantity,\r\n dateFrom: values.dateFrom,\r\n dateTo: values.dateTo,\r\n isCalculatedByDays: values.isCalculatedByDays\r\n };\r\n\r\n this.props.calculateByDays(data);\r\n this.setState({ calculatedCostValues: data });\r\n }\r\n }\r\n\r\n toAutocompleteEntity(data, valueIndex = 'code', titleIndex = 'name') {\r\n return data\r\n ? data.map(item => ({\r\n value: item[valueIndex],\r\n title: item[titleIndex],\r\n original: item\r\n }))\r\n : [];\r\n }\r\n\r\n submitConfirm = (values, { setSubmitting, setErrors }) => {\r\n const { createChangeRequest, serviceRequestId, t, reload } = this.props;\r\n\r\n createChangeRequest(serviceRequestId, values).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Change request submitted successfully'));\r\n reload();\r\n this.onDialogClose();\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n if (errors) {\r\n setErrors(errors);\r\n }\r\n } else if (response.payload) {\r\n this.setError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n getInitialActivityId = () => {\r\n if (this.props.serviceRequest && this.props.serviceRequest.activityId) {\r\n return this.props.serviceRequest.activityId;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n getInitialActivityName = () => {\r\n if (this.props.serviceRequest && this.props.serviceRequest.activityId) {\r\n return this.props.serviceRequest.activityName;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n toActivityEntity(activities) {\r\n return activities.map(activity => {\r\n return {\r\n name: activity.name,\r\n activityId: activity.activityId,\r\n isDefault: activity.isDefault\r\n };\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n t,\r\n isDialogOpen,\r\n calculateByDaysData,\r\n query,\r\n unitsOptions,\r\n activities,\r\n serviceRequest,\r\n uomsOptions,\r\n currentExercise\r\n } = this.props;\r\n const { error } = this.state;\r\n\r\n // If we don't have values - DO not render Dialog\r\n if (Object.keys(serviceRequest).length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n {message}
\r\n {children}
\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n return (\r\n {t('Cancellation Costs')}
\r\n| {t('Q-ty')} | \r\n{t('Currency')} | \r\n{t('Price')} | \r\n{t('Total')} | \r\n{t('VAT')} | \r\n{t('Gross amount')} | \r\n{t('Comment')} | \r\n\r\n | \r\n | \r\n |
|---|---|---|---|---|---|---|---|---|---|
| {cancellation.quantity} | \r\n{exerciseCurrency} | \r\n{cancellation.vatValue}% | \r\n{cancellation.comment} | \r\n\r\n | \r\n | \r\n |
\r\n 0,\r\n isCancellationFinalized: cancellation.isFinalized,\r\n quantity: cancellation.quantity,\r\n comment: cancellation.comment, \r\n price: cancellation.unitCost,\r\n priceDisplay: cancellation.unitCost.toFixed(2),\r\n totalCostDisplay: cancellation.totalCost.toFixed(2),\r\n totalCost: cancellation.totalCost,\r\n grossAmount: cancellation.grossAmount,\r\n valueAddedTaxId: valueAddedTaxId\r\n }}\r\n onSubmit={submitForm}\r\n >\r\n {({ setFieldValue, values, errors, isSubmitting }) => (\r\n \r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nCancellationCosts.propTypes = {\r\n cancellation: PropTypes.object,\r\n t: PropTypes.func,\r\n isEditable : PropTypes.bool,\r\n valueAddedTaxes : PropTypes.array,\r\n valueAddedTaxId : PropTypes.string,\r\n getSelectedVat : PropTypes.func,\r\n onSubmit : PropTypes.func,\r\n isPreviewMode: PropTypes.bool,\r\n finalizeCancellationCosts: PropTypes.func,\r\n exerciseCurrency: PropTypes.string\r\n };\r\n \r\nexport default withRouter(withTranslation()(CancellationCosts));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport Panel from '@hobs/components/Panel';\r\nimport Input from '@hobs/components/Input';\r\nimport Textarea from '@hobs/components/Textarea';\r\nimport PageActions from '@hobs/components/PageActions';\r\nimport Autocomplete from '@hobs/components/Autocomplete';\r\nimport objectPath from 'object-path';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport DropZone from '@hobs/components/DropZone';\r\nimport Status from '@hobs/components/Status';\r\nimport { format } from '@hobs/utils/formatWithTimeZone';\r\nimport {\r\n USER_ROLES,\r\n SERVICE_REQUEST_NAVIGATION_ORIGIN,\r\n SERVICE_REQUEST_FOOTER_STATUSES,\r\n DATE_FORMAT\r\n} from '@hobs/utils/constants';\r\nimport { GhostButton, RaisedButton } from '@hobs/components/Buttons';\r\nimport { H1, H2, H5 } from '@hobs/components/Headings';\r\nimport Toast from '@hobs/components/Toast';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport FieldHistoryMessage from '@hobs/components/FieldHistoryMessage';\r\nimport ShortId from 'shortid';\r\nimport { Formik, Form, Field } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { ServiceRequestNavContext } from '@hobs/components/ServiceRequestNavContext';\r\nimport DeliveryInformation from '@hobs/components/DeliveryInformation';\r\nimport LocationDetails from '@hobs/components/LocationDetails';\r\nimport CatalogItemInfo from '@hobs/components/CatalogItemInfo';\r\nimport AssignmentResponse from '@hobs/components/AssignmentResponse';\r\nimport PageLinks from '@hobs/components/PageLinks';\r\nimport ServiceRequestFooter from '@hobs/components/ServiceRequestFooter';\r\nimport ChangeRequestCreateDialog from '@hobs/containers/ChangeRequestCreateDialog';\r\nimport ActionWithCommentDialog from '@hobs/containers/ActionWithCommentDialog';\r\nimport './ServiceRequestCustom.scss';\r\nimport InformationTooltip from '@hobs/components/InformationToolTip';\r\nimport CancellationCosts from '@hobs/components/CancellationCosts';\r\n\r\nclass ServiceRequestCustom extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n const { t } = props;\r\n this.container = React.createRef();\r\n\r\n this.state = {\r\n itemChanged: false,\r\n attachments: [],\r\n calculatedCostValues: {},\r\n showChangeItem: false,\r\n isEarlyConfirmationSubmitting: false,\r\n serviceRequest: {\r\n isTransportation: false\r\n },\r\n oDataSearchFilter: {},\r\n dataState: { take: 10, skip: 0, sort: [{ field: 'Code', dir: 'asc' }] },\r\n disabled: true,\r\n location: {},\r\n responseFileDialogOpen: false,\r\n changeRequestResponseFileDialogOpen: false,\r\n ...this.props.location.state,\r\n navigation: {}\r\n };\r\n\r\n this.validationSchema = Yup.object().shape({\r\n annexId: Yup.string().when('hasDefaultAnnex', {\r\n is: false,\r\n then: Yup.string()\r\n .required(t('Annex is required'))\r\n .nullable(),\r\n otherwise: Yup.string().nullable()\r\n }),\r\n serviceName: Yup.string()\r\n .required()\r\n .max(128, t('Service name cannot be longer than 128 symbols'))\r\n .required(t('Service name is required')),\r\n serviceDescription: Yup.string()\r\n .max(500, t('Service description cannot be longer than 500 symbols'))\r\n .required(t('Service description is required')),\r\n unitId: Yup.string().required(t('Unit is required')),\r\n unitOfMeasureId: Yup.string().required(t('UoM is required')),\r\n dateFrom: Yup.date()\r\n .required(t('From date is required'))\r\n .typeError(t('From date is required')),\r\n quantity: Yup.number()\r\n .typeError('Invalid number')\r\n .positive(t('Quantity must be greater than 0'))\r\n .required(t('Quantity is required')),\r\n comment: Yup.string()\r\n .nullable()\r\n .max(1500, t('Comment cannot be longer than 1500 symbols')),\r\n location: Yup.object().when('isAdditionalRequest', {\r\n is: true,\r\n then: Yup.object()\r\n .required(t('Location is required'))\r\n .nullable(),\r\n otherwise: Yup.object().nullable()\r\n })\r\n });\r\n }\r\n\r\n calculateCosts(values) {\r\n const { calculateByDays } = this.props;\r\n\r\n if (!values.dateFrom || !values.quantity) {\r\n return;\r\n }\r\n\r\n const currentValues = {\r\n dateFrom: values.dateFrom,\r\n dateTo: values.dateTo,\r\n quantity: values.quantity,\r\n isAccommodation: values.isAccommodation,\r\n isCalculatedByDays: values.isCalculatedByDays,\r\n rateFrom: values.rateFrom,\r\n rateTo: values.rateTo\r\n };\r\n\r\n var currentState = this.state.calculatedCostValues;\r\n\r\n if (JSON.stringify(currentState) !== JSON.stringify(currentValues)) {\r\n calculateByDays(currentValues);\r\n this.setState({ calculatedCostValues: currentValues });\r\n }\r\n }\r\n\r\n cancelForm(dirty, navContext) {\r\n const { history, t } = this.props;\r\n if (!dirty) {\r\n history.push(this.getBackNavigationUrl(navContext));\r\n } else {\r\n Confirm(\r\n t('Cancel service request'),\r\n t('Are you sure you want to cancel? All entered data will be lost.'),\r\n () => {\r\n history.push(this.getBackNavigationUrl(navContext));\r\n }\r\n );\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.loadRequiredData();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { match } = this.props;\r\n if (\r\n match.params.serviceRequestId !== prevProps.match.params.serviceRequestId\r\n ) {\r\n this.loadRequiredData();\r\n }\r\n }\r\n\r\n navigateBack = navContext => () => {\r\n const { history } = this.props;\r\n history.push(this.getBackNavigationUrl(navContext));\r\n };\r\n\r\n loadRequiredData = () => {\r\n const {\r\n forSubmit,\r\n match,\r\n getServiceRequest,\r\n getFooter,\r\n setAttachments\r\n } = this.props;\r\n\r\n forSubmit(match.params.partyId);\r\n\r\n if (this.isEdit()) {\r\n getServiceRequest(match.params.serviceRequestId).then(({ payload }) => {\r\n this.setState({\r\n serviceRequest: payload,\r\n location: {\r\n original: {\r\n name: payload.locationName,\r\n latitude: payload.latitude,\r\n longtitude: payload.longitude,\r\n site: payload.site,\r\n region: {\r\n name: payload.regionName,\r\n regionId: payload.regionId\r\n }\r\n }\r\n },\r\n disabled:\r\n !payload.canBeEdited ||\r\n this.isOnlyPreviewMode() ||\r\n this.isEarlyConfirmationRequiredAndNotEditable(payload)\r\n });\r\n setAttachments(payload.attachments);\r\n getFooter(match.params.serviceRequestId);\r\n });\r\n this.queryOdata();\r\n } else {\r\n this.setState({\r\n disabled: false\r\n });\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n const {\r\n resetOData,\r\n clearAttachments,\r\n clearCalculateByDays,\r\n clearFooter\r\n } = this.props;\r\n\r\n resetOData();\r\n clearAttachments();\r\n clearCalculateByDays();\r\n clearFooter();\r\n }\r\n\r\n isEarlyConfirmationRequiredAndNotEditable(payload) {\r\n return (\r\n payload.response &&\r\n payload.response.earlyConfirmation.isEarlyConfirmationRequired &&\r\n !payload.response.earlyConfirmation.isEditable\r\n );\r\n }\r\n\r\n getServiceRequestsGridUrl() {\r\n return `/service-requests/${this.props.match.params.partyId}`;\r\n }\r\n\r\n getCatalogItemsQueryUrl() {\r\n return `CatalogItemsQueryForServiceRequest(${this.props.match.params.partyId})`;\r\n }\r\n\r\n getHistoryPath() {\r\n const { match } = this.props;\r\n return `/custom-service-request-history/${match.params.partyId}/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getEditPath() {\r\n const { match } = this.props;\r\n return `/custom-service-request/${match.params.partyId}/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getShowPath() {\r\n const { match } = this.props;\r\n return `/request-information/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getChangeHistoryPath() {\r\n const { match } = this.props;\r\n return `/service-request/${match.params.partyId}/${match.params.serviceRequestId}/change-history`;\r\n }\r\n\r\n getDiscussionInitials() {\r\n const { t } = this.props;\r\n return t('SN');\r\n }\r\n\r\n isEdit() {\r\n return !!objectPath.get(this.props.match.params, 'serviceRequestId');\r\n }\r\n\r\n hasDefaultAnnex() {\r\n const { forSubmitData } = this.props;\r\n\r\n return (\r\n forSubmitData && forSubmitData.annexes.some(annex => annex.isDefault)\r\n );\r\n }\r\n\r\n isAdditionalRequest() {\r\n const { forSubmitData } = this.props;\r\n const { serviceRequest } = this.state;\r\n\r\n if (this.isEdit()) {\r\n return serviceRequest.isAdditionalRequest;\r\n }\r\n\r\n return forSubmitData.isAdditionalSrCreateForm;\r\n }\r\n\r\n getAnnexOptions = () => {\r\n const { t, forSubmitData } = this.props;\r\n const annexes = [...forSubmitData.annexes];\r\n const { serviceRequest } = this.state;\r\n\r\n if (\r\n this.isEdit() &&\r\n serviceRequest &&\r\n !annexes.some(annex => annex.annexId === serviceRequest.annexId)\r\n ) {\r\n annexes.push({\r\n annexName: serviceRequest.annexName,\r\n annexId: serviceRequest.annexId\r\n });\r\n }\r\n\r\n if (annexes.length) {\r\n return []\r\n .concat(\r\n [\r\n {\r\n annexName: t('Select annex'),\r\n annexId: ''\r\n }\r\n ],\r\n annexes\r\n )\r\n .map(annex => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n };\r\n\r\n getUnits = units => {\r\n const { serviceRequest } = this.state;\r\n const newUnits = this.flattenUnitsTree(units).map(unit => {\r\n return {\r\n title: unit.unitName,\r\n unitId: unit.unitId\r\n };\r\n });\r\n\r\n if (\r\n this.isEdit() &&\r\n serviceRequest &&\r\n !newUnits.some(unit => unit.unitId === serviceRequest.unitId)\r\n ) {\r\n newUnits.push({\r\n title: serviceRequest.unitName,\r\n unitId: serviceRequest.unitId\r\n });\r\n }\r\n\r\n return this.toUnitsEntity(newUnits);\r\n };\r\n\r\n flattenUnitsTree(array, level = 0) {\r\n if (!Array.isArray(array)) {\r\n return [];\r\n }\r\n\r\n return array.reduce((result, item) => {\r\n result.push({\r\n unitName: `${'\\xa0\\xa0\\xa0'.repeat(level)}${item.unitName}`,\r\n unitId: item.unitId\r\n });\r\n\r\n if (Array.isArray(item.units)) {\r\n result = result.concat(this.flattenUnitsTree(item.units, level + 1));\r\n }\r\n\r\n return result;\r\n }, []);\r\n }\r\n\r\n getGroupOptions = annexId => {\r\n const { t, forSubmitData } = this.props;\r\n const groups = [...forSubmitData.groups];\r\n const { serviceRequest } = this.state;\r\n\r\n if (\r\n this.isEdit() &&\r\n serviceRequest &&\r\n !groups.some(group => group.groupName === serviceRequest.groupName)\r\n ) {\r\n groups.push({\r\n groupName: serviceRequest.groupName,\r\n groupId: serviceRequest.groupId,\r\n annexId: serviceRequest.annexId\r\n });\r\n }\r\n\r\n if (groups.length) {\r\n const filteredGroups = annexId\r\n ? groups.filter(group => group.annexId === annexId)\r\n : groups;\r\n\r\n const placeholder = (\r\n \r\n );\r\n\r\n const options = filteredGroups.map(group => {\r\n return (\r\n \r\n );\r\n });\r\n return [placeholder, options];\r\n }\r\n\r\n return (\r\n \r\n );\r\n };\r\n\r\n setAnnexValue = (event, setFieldValue) => {\r\n const { groups } = this.props.forSubmitData;\r\n if (groups) {\r\n const currentGroup = groups.filter(\r\n group => group.groupName === event.target.value\r\n )[0];\r\n\r\n if (currentGroup && currentGroup.annexId) {\r\n setFieldValue('annexId', currentGroup.annexId);\r\n }\r\n }\r\n };\r\n\r\n toUnitsEntity(units) {\r\n return units\r\n ? units.map(unit => {\r\n return {\r\n title: unit.title,\r\n value: unit.unitId\r\n };\r\n })\r\n : [];\r\n }\r\n\r\n toUomsEntity(uoms) {\r\n return uoms\r\n ? uoms.map(uom => {\r\n return {\r\n title: uom.value || uom.UnitOfMeasureCode,\r\n value: uom.key || uom.UnitOfMeasureId\r\n };\r\n })\r\n : [];\r\n }\r\n\r\n toActivityEntity(activities) {\r\n return activities\r\n ? activities.map(activity => {\r\n return {\r\n name: activity.value || activity.name,\r\n activityId: activity.key || activity.activityId,\r\n isDefault: activity.isDefault\r\n };\r\n })\r\n : [];\r\n }\r\n\r\n onLocationQueryChange = query => {\r\n this.props.queryLocations(query);\r\n };\r\n\r\n handleFileUpload = value => {\r\n if (value) {\r\n this.props.uploadAttachments({ attachments: value });\r\n }\r\n };\r\n\r\n _customCreate(data) {\r\n const { create, createCustomAdditionalServiceRequest } = this.props;\r\n return this.isAdditionalRequest()\r\n ? createCustomAdditionalServiceRequest(data)\r\n : create(data);\r\n }\r\n\r\n getCustomServiceRequestEditUrl(serviceRequestId) {\r\n const { match } = this.props;\r\n\r\n return `/custom-service-request/${match.params.partyId}/${serviceRequestId}`;\r\n }\r\n\r\n onSubmit = (values, { setErrors, setSubmitting }) => {\r\n const { t, updateCustom, match, update, history } = this.props;\r\n if (\r\n values.dateTo &&\r\n new Date(format(Date.parse(values.dateFrom), DATE_FORMAT)) >\r\n new Date(format(Date.parse(values.dateTo), DATE_FORMAT))\r\n ) {\r\n Toast.warning(t('From date must be before To date'));\r\n setSubmitting(false);\r\n return;\r\n }\r\n\r\n const submitData = this.getSubmitData(values);\r\n\r\n if (this.isEdit()) {\r\n let updateFn = updateCustom;\r\n const data = {\r\n serviceRequestId: match.params.serviceRequestId,\r\n ...submitData\r\n };\r\n\r\n if (this.state.serviceRequest.catalogItemId) {\r\n data.catalogItemId = this.state.serviceRequest.catalogItemId;\r\n updateFn = update;\r\n }\r\n\r\n updateFn(data).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Service request was successfully updated'));\r\n history.push(this.getBackNavigationUrl(this.state.navigation));\r\n } else {\r\n if (!response.payload.details) {\r\n Toast.warning(t(response.payload.message));\r\n } else {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n }\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n } else {\r\n this._customCreate(submitData).then(response => {\r\n if (response.success) {\r\n Toast.success(\r\n this.isAdditionalRequest()\r\n ? t('Additional service request submitted successfully')\r\n : t('Service request was successfully created')\r\n );\r\n\r\n if (this.isAdditionalRequest()) {\r\n history.push(\r\n this.getCustomServiceRequestEditUrl(\r\n response.payload.serviceRequestId\r\n )\r\n );\r\n } else {\r\n history.push(this.getBackNavigationUrl(this.state.navigation));\r\n }\r\n } else {\r\n if (!response.payload.details) {\r\n Toast.warning(t(response.payload.message));\r\n } else {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [error.target]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n }\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n }\r\n };\r\n\r\n getSubmitData(values) {\r\n const { forSubmitData, attachments } = this.props;\r\n\r\n return {\r\n groupName: values.groupName ? values.groupName : null,\r\n annexId: values.annexId,\r\n serviceName: values.serviceName,\r\n serviceDescription: values.serviceDescription,\r\n unitOfMeasureId: values.unitOfMeasureId,\r\n statementOfRequirementId: forSubmitData.statementOfRequirementId,\r\n unitId: values.unitId,\r\n requestedQuantity: values.quantity,\r\n dateFrom: values.dateFrom,\r\n dateTo: values.dateTo,\r\n isCalculatedByDays: values.isCalculatedByDays,\r\n regionId: objectPath.get(\r\n values.location,\r\n 'original.region.regionId',\r\n null\r\n ),\r\n regionName: objectPath.get(values.location, 'original.region.name', null),\r\n locationName: objectPath.get(values.location, 'original.name', null),\r\n locationComment: values.locationComment,\r\n site: objectPath.get(values.location, 'original.site', null),\r\n latitude: objectPath.get(values.location, 'original.latitude', null),\r\n longitude: objectPath.get(values.location, 'original.longtitude', null),\r\n regionIdFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.region.regionId',\r\n null\r\n ),\r\n regionNameFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.region.name',\r\n null\r\n ),\r\n locationNameFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.name',\r\n null\r\n ),\r\n locationCommentFrom: values.locationCommentFrom,\r\n siteFrom: objectPath.get(values.locationFrom, 'original.site', null),\r\n latitudeFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.latitude',\r\n null\r\n ),\r\n longitudeFrom: objectPath.get(\r\n values.locationFrom,\r\n 'original.longtitude',\r\n null\r\n ),\r\n comment: values.comment,\r\n activityId: values.activityId,\r\n attachments: attachments\r\n ? attachments.map(attachment => attachment.attachmentId)\r\n : []\r\n };\r\n }\r\n\r\n _remove() {\r\n const { match, remove } = this.props;\r\n\r\n return remove(match.params.partyId, match.params.serviceRequestId);\r\n }\r\n\r\n onRemove = () => {\r\n const { t } = this.props;\r\n Confirm(\r\n t('Delete service request'),\r\n t(\r\n 'Are you sure you want to delete this Service request? It will be removed from your SOR.'\r\n ),\r\n () => {\r\n const { history } = this.props;\r\n\r\n this._remove().then(response => {\r\n if (response.success) {\r\n Toast.success(t('Service request was successfully deleted'));\r\n history.push(this.getBackNavigationUrl(this.state.navigation));\r\n } else {\r\n Toast.warning(response.payload.message);\r\n }\r\n });\r\n }\r\n );\r\n };\r\n\r\n onResponseFileDialogOpen = () => {\r\n this.setState({\r\n responseFileDialogOpen: true\r\n });\r\n };\r\n\r\n onResponseFileDialogClose = () => {\r\n this.setState({\r\n responseFileDialogOpen: false\r\n });\r\n };\r\n\r\n onDeliveryFileDialogOpen = () => {\r\n this.setState({\r\n deliveryFileDialogOpen: true\r\n });\r\n };\r\n\r\n onDeliveryFileDialogClose = () => {\r\n this.setState({\r\n deliveryFileDialogOpen: false\r\n });\r\n };\r\n\r\n onChangeRequestResponseFileDialogOpen = () => {\r\n this.setState({\r\n changeRequestResponseFileDialogOpen: true\r\n });\r\n };\r\n\r\n onChangeRequestResponseFileDialogClose = () => {\r\n this.setState({\r\n changeRequestResponseFileDialogOpen: false\r\n });\r\n };\r\n\r\n formInitialValues() {\r\n const { serviceRequest, forSubmitData } = this.props;\r\n\r\n if (this.isEdit()) {\r\n const group = forSubmitData.groups.find(\r\n group => group.groupName === serviceRequest.groupName\r\n );\r\n\r\n const data = {\r\n ...serviceRequest,\r\n quantity: serviceRequest.requestedQuantity,\r\n serviceDescription: serviceRequest.description,\r\n serviceName: serviceRequest.name,\r\n location: this.state.location,\r\n activityId: this.getInitialActivity()\r\n };\r\n\r\n if (group) {\r\n data.groupId = group.groupId; // HACK!\r\n }\r\n\r\n return data;\r\n }\r\n\r\n return {\r\n // information\r\n annexId: '',\r\n groupId: '',\r\n serviceName: '',\r\n serviceDescription: '',\r\n quantity: '', // requestedQuantity\r\n dateFrom: '',\r\n dateTo: '',\r\n isCalculatedByDays: false,\r\n unitOfMeasureId: '',\r\n statementOfRequirementId: '',\r\n unitId: '',\r\n // locations\r\n location: null,\r\n regionId: '',\r\n regionName: '',\r\n locationName: '',\r\n locationComment: '',\r\n isTransportation: false,\r\n isAccommodation: false,\r\n isMeal: false,\r\n isAdditionalRequest: this.isAdditionalRequest(),\r\n hasDefaultAnnex: this.hasDefaultAnnex(),\r\n site: '',\r\n latitude: '',\r\n longitude: '',\r\n // additional details\r\n activityId: this.getInitialActivity(),\r\n comment: '',\r\n attachments: []\r\n };\r\n }\r\n\r\n getInitialActivity = () => {\r\n const activities = this.props.forSubmitData.activities;\r\n const serviceRequest = this.state.serviceRequest;\r\n\r\n if (!activities || activities.length <= 0) {\r\n return null;\r\n }\r\n\r\n if (serviceRequest.serviceRequestId === undefined) {\r\n const activity = this.toActivityEntity(activities).find(x => x.isDefault);\r\n if (activity) {\r\n return activity.activityId;\r\n }\r\n }\r\n\r\n return serviceRequest.activityId;\r\n };\r\n\r\n toggleChangeItem = () => {\r\n this.setState(prevState => ({\r\n showChangeItem: !prevState.showChangeItem\r\n }));\r\n };\r\n\r\n changeItem = ({ original }, setFieldValue) => {\r\n if (original) {\r\n const isAccommodationOrMeal = original.IsMeal || original.IsAccommodation;\r\n\r\n this.setState(\r\n {\r\n itemChanged: true,\r\n showChangeItem: false,\r\n serviceRequest: {\r\n ...this.state.serviceRequest,\r\n annexId: original.AnnexId,\r\n annexName: original.AnnexName,\r\n attachments: original.CatalogAttachments,\r\n catalogItemId: original.CatalogItemId,\r\n code: original.Code,\r\n description: original.Description,\r\n groupName: original.GroupName,\r\n name: original.Name,\r\n reateFrom: original.RateFrom,\r\n reateTo: original.RateTo,\r\n unitOfMeasureCode: objectPath.get(\r\n original.UnitsOfMeasure.find(item => item.IsDefault),\r\n 'UnitOfMeasureCode',\r\n '-'\r\n ),\r\n unitsOfMeasure: original.UnitsOfMeasure,\r\n isTransportation: original.IsTransportation,\r\n isCalculatedByDays: isAccommodationOrMeal,\r\n catalogItemAttachments: original.CatalogAttachments.map(item => ({\r\n attachmentId: item.AttachmentId,\r\n name: item.Name\r\n }))\r\n }\r\n },\r\n () => {\r\n const uomDefault = original.UnitsOfMeasure.find(\r\n item => item.IsDefault\r\n );\r\n setFieldValue('rateFrom', original.RateFrom);\r\n setFieldValue('rateTo', original.RateTo);\r\n setFieldValue('unitOfMeasureId', uomDefault.UnitOfMeasureId);\r\n setFieldValue('annexId', original.AnnexId);\r\n setFieldValue('locationFrom', this.state.location);\r\n setFieldValue('itemChanged', 'true');\r\n setFieldValue('isAccommodation', original.IsAccommodation);\r\n setFieldValue('isCalculatedByDays', isAccommodationOrMeal);\r\n }\r\n );\r\n }\r\n };\r\n\r\n queryOdata() {\r\n const { oDataSearchFilter, dataState } = this.state;\r\n const filters = [];\r\n\r\n const params = {\r\n ...dataState,\r\n sort: [{ field: 'QuickSearchField', dir: 'asc' }]\r\n };\r\n\r\n if (Object.keys(oDataSearchFilter).length > 0) {\r\n filters.push(oDataSearchFilter);\r\n }\r\n\r\n if (filters.length > 0) {\r\n params.filter = {\r\n logic: 'and',\r\n filters\r\n };\r\n }\r\n\r\n this.props.queryOData(this.getCatalogItemsQueryUrl(), params);\r\n }\r\n\r\n toAutocompleteEntity(\r\n data,\r\n valueIndex = 'code',\r\n titleIndex = 'name',\r\n addServiceCode = false\r\n ) {\r\n return data\r\n ? data.map(item => ({\r\n value: item[valueIndex],\r\n title: addServiceCode\r\n ? `${item[valueIndex]} ${item[titleIndex]}`\r\n : item[titleIndex],\r\n original: item\r\n }))\r\n : [];\r\n }\r\n\r\n onItemQueryChange = query => {\r\n let state = {};\r\n\r\n if (query) {\r\n state = {\r\n oDataSearchFilter: {\r\n logic: 'and',\r\n filters: [\r\n {\r\n field: 'QuickSearchField',\r\n operator: 'contains',\r\n value: query\r\n }\r\n ]\r\n }\r\n };\r\n } else {\r\n state = {\r\n oDataSearchFilter: {}\r\n };\r\n }\r\n\r\n this.setState(state, () => {\r\n this.queryOdata();\r\n });\r\n };\r\n\r\n getBackNavigationUrl = navContext => {\r\n if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.AnnexOverview) {\r\n const { navigationHistory } = this.state;\r\n\r\n const withSearch =\r\n navigationHistory &&\r\n navigationHistory.location &&\r\n navigationHistory.location.search\r\n ? navigationHistory.location.search\r\n : '';\r\n return `/annex-overview${withSearch}`;\r\n } else if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.Orders) {\r\n return '/orders';\r\n } else if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets) {\r\n return '/tickets';\r\n } else if (\r\n navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.RequestedServices\r\n ) {\r\n return this.getServiceRequestsGridUrl();\r\n } else {\r\n return this.getServiceRequestsGridUrl();\r\n }\r\n };\r\n\r\n getServiceRequestCreateHeaderTitle() {\r\n const { t } = this.props;\r\n if (this.isAdditionalRequest()) {\r\n return t('Custom additional service request');\r\n } else {\r\n return t('Custom service request');\r\n }\r\n }\r\n\r\n getServiceRequestEditHeaderTitle() {\r\n const { t } = this.props;\r\n if (this.isAdditionalRequest()) {\r\n return t('Edit custom additional service request');\r\n } else {\r\n return t('Edit custom service request');\r\n }\r\n }\r\n\r\n getAdditionalCreateWaitingForHnFooter() {\r\n const { t } = this.props;\r\n return (\r\n {t('Cancellation Costs')}
\r\n\r\n \r\n {nav => (\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)\r\n }\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n )}\r\n \r\n \r\n {nav => (\r\n {\r\n this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n });\r\n }}\r\n large\r\n >\r\n {t('Save')}\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n getAdditionalCreateWaitingForSnFooter() {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n {nav =>\r\n nav.serviceRequestId !== match.params.serviceRequestId &&\r\n nav.setServiceRequestId(match.params.serviceRequestId)\r\n }\r\n \r\n \r\n {nav =>\r\n this.props.withEscNavigationCallback(\r\n this.navigateBack(nav.serviceRequestNavigation)\r\n )\r\n }\r\n \r\n {this.renderChangeRequestCreateDialog()}\r\n {this.renderRequestCancellationDialog()}\r\n \r\n {({ setFieldValue, values, dirty, isSubmitting }) => (\r\n \r\n {nav => (\r\n <>\r\n {this.renderHeader(dirty, nav, disabled, match)}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n {this.renderAssignmentResponse()}\r\n
\r\n );\r\n }\r\n\r\n renderAssignmentResponse() {\r\n const { t } = this.props;\r\n const { serviceRequest } = this.state;\r\n\r\n if (!serviceRequest && !this.isEdit()) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n {serviceRequest.response &&\r\n serviceRequest.response.canDeliveryQuantity && (\r\n \r\n
\r\n )}\r\n {serviceRequest.changeRequestResponse && (\r\n {t('Response from HN')}
\r\n\r\n \r\n
\r\n
\r\n )}\r\n \r\n );\r\n }\r\n\r\n isActivityNameDifferent() {\r\n return this.props.forSubmitData.activities &&\r\n this.props.forSubmitData.activities.find(\r\n x =>\r\n x.activityId === this.state.serviceRequest.activityId &&\r\n x.name !== this.state.serviceRequest.activityName\r\n )\r\n ? true\r\n : false;\r\n }\r\n\r\n isActivityEmptyOnLoad() {\r\n return this.state.serviceRequest.activityId === null;\r\n }\r\n\r\n renderDeliveryInformation(setFieldValue, values, disabled, editedFields) {\r\n const { forSubmitData, t, calculateByDaysData } = this.props;\r\n const { serviceRequest } = this.state;\r\n\r\n return (\r\n \r\n \r\n {t('Response to change request')}\r\n \r\n
\r\n \r\n
\r\n {t('Delivery information')}
\r\n{t('Location details')}
\r\n{t('Pickup location')}
\r\n{t('Delivery location')}
\r\n\r\n
\r\n {t('Additional details')}
\r\n\r\n
\r\n \r\n {\r\n this.handleFileUpload(files);\r\n }}\r\n onChange={files => {\r\n setFieldValue('attachments', files);\r\n }}\r\n onRemove={file => {\r\n this.props.deleteAttachment(file);\r\n }}\r\n disabled={disabled}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n {serviceRequest.catalogItemId ? (\r\n {t('Item information')}
\r\n {!disabled && this.isEdit() && (\r\n\r\n {this.state.showChangeItem && (\r\n {\r\n this.changeItem(selectedValues, setFieldValue);\r\n }}\r\n onQueryChange={this.onItemQueryChange}\r\n inputClass=\"service-request-custom--change-item-input\"\r\n component={Autocomplete}\r\n noResultsMessage={t('No items found in the Catalog')}\r\n />\r\n )}\r\n {serviceRequest.catalogItemCanBeChanged && (\r\n \r\n {this.state.showChangeItem ? t('Cancel') : t('Change item')}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderHeader(dirty, nav, disabled, match) {\r\n const { t } = this.props;\r\n const { serviceRequest } = this.state;\r\n\r\n return (\r\n \r\n {\r\n setFieldValue('groupName', null);\r\n this.setState({ itemChanged: true });\r\n }}\r\n indicationMessage={FieldHistoryMessage('AnnexName', editedFields)}\r\n >\r\n {this.getAnnexOptions()}\r\n \r\n {\r\n setFieldValue('groupName', event.target.value);\r\n if (!values.annexId) {\r\n this.setAnnexValue(event, setFieldValue);\r\n }\r\n }}\r\n disabled={disabled}\r\n indicationMessage={FieldHistoryMessage('GroupName', editedFields)}\r\n >\r\n {this.getGroupOptions(values.annexId)}\r\n \r\n {[...this.props.forSubmitData.annexes].find(\r\n x => values.annexId == x.annexId && x.annexInformation\r\n ) && (\r\n
\r\n \r\n values.annexId == x.annexId\r\n ).annexInformation\r\n }\r\n startDisabled={this.isEdit() && !this.state.itemChanged}\r\n >\r\n
\r\n )}\r\n \r\n \r\n {t('Service name')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n getDefaultFooter(dirty, isSubmitting, nav) {\r\n const { t } = this.props;\r\n return (\r\n <>\r\n {this.isEdit() && (\r\n \r\n {\r\n event.preventDefault();\r\n this.cancelForm(dirty, nav.serviceRequestNavigation);\r\n }}\r\n >\r\n
\r\n {this.renderHeaderCenterActions()}\r\n {this.isEdit() && (\r\n \r\n {disabled\r\n ? t('Preview service request')\r\n : this.isEdit()\r\n ? this.getServiceRequestEditHeaderTitle()\r\n : this.getServiceRequestCreateHeaderTitle()}\r\n {this.isEdit() && <> - }\r\n
\r\n \r\n\r\n {this.isEdit() && (\r\n <>\r\n\r\n {serviceRequest.partyCode}, {serviceRequest.unitName} (\r\n {serviceRequest.requestNumber\r\n ? serviceRequest.requestNumber\r\n : '-'}\r\n )\r\n
\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)}\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n \r\n {this.isAdditionalRequest() ? t('Submit') : t('Save')}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n onConfirmServiceRequest(serviceRequestId) {\r\n this.setState({ isEarlyConfirmationSubmitting: true });\r\n const { history } = this.props;\r\n this.props.confirmServiceRequest(serviceRequestId).then(response => {\r\n if (response.success) {\r\n Toast.success('Service request confirmed');\r\n history.push(this.getBackNavigationUrl(this.state.navigation));\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning('Failed to confirm service request');\r\n }\r\n this.setState({ isEarlyConfirmationSubmitting: false });\r\n });\r\n }\r\n\r\n getEarlyConfirmFooter(serviceRequestId, dirty, isSubmitting) {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n {nav => (\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)\r\n }\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n )}\r\n \r\n \r\n {nav =>\r\n !this.formHasValueChanges(dirty) ? (\r\n this.onConfirmServiceRequest(serviceRequestId)}\r\n disabled={this.state.isEarlyConfirmationSubmitting}\r\n large\r\n >\r\n {t('Confirm')}\r\n \r\n ) : (\r\n {\r\n this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n });\r\n }}\r\n large\r\n >\r\n {t('Save')}\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n getEarlyConfirmFooterForDisabled(serviceRequestId) {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n {nav => (\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)\r\n }\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n )}\r\n \r\n \r\n {nav => (\r\n {\r\n this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n });\r\n }}\r\n large\r\n >\r\n {t('Save')}\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n rejectAdditionalRequestResponse = () => {\r\n const { t, match, createRejectResponse } = this.props;\r\n Confirm(\r\n t('Reject response'),\r\n t(\r\n \"Are you sure, you want to reject HN's response? Service request will be removed from the SOR\"\r\n ),\r\n () => {\r\n createRejectResponse(match.params.serviceRequestId).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Service request successfully removed'));\r\n this.loadComponentData();\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning(t('Cannot reject response'));\r\n }\r\n });\r\n },\r\n () => {},\r\n t('Reject'),\r\n t('Close')\r\n );\r\n };\r\n\r\n acceptAdditionalRequestResponse = () => {\r\n const { t, match, createAcceptResponse } = this.props;\r\n Confirm(\r\n t('Accept response'),\r\n t(\"Are you sure, you want to accept HN's response? \"),\r\n () => {\r\n createAcceptResponse(match.params.serviceRequestId).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Service request successfully confirmed'));\r\n this.loadComponentData();\r\n } else if (response.payload) {\r\n Toast.warning(response.payload.message);\r\n } else {\r\n Toast.warning(t('Cannot accept response'));\r\n }\r\n });\r\n },\r\n () => {},\r\n t('Accept'),\r\n t('Close')\r\n );\r\n };\r\n\r\n canUserAcceptResponse() {\r\n const { hasUserPermission } = this.props;\r\n\r\n return (\r\n hasUserPermission(USER_ROLES.ADMIN) ||\r\n hasUserPermission(USER_ROLES.SystemAdmin)\r\n );\r\n }\r\n\r\n formHasValueChanges(dirty) {\r\n return dirty || this.state.itemChanged;\r\n }\r\n\r\n getAdditionalCreateAcceptFooter() {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n {nav => (\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)\r\n }\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n )}\r\n \r\n \r\n {nav =>\r\n !this.formHasValueChanges(dirty) ? (\r\n this.onConfirmServiceRequest(serviceRequestId)}\r\n disabled={this.state.isEarlyConfirmationSubmitting}\r\n large\r\n >\r\n {t('Confirm')}\r\n \r\n ) : (\r\n {\r\n this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n });\r\n }}\r\n large\r\n >\r\n {t('Save')}\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n getEarlyConfirmFooterForDisabled(serviceRequestId) {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n {nav => (\r\n \r\n this.cancelForm(dirty, nav.serviceRequestNavigation)\r\n }\r\n large\r\n >\r\n {t('Cancel')}\r\n \r\n )}\r\n \r\n \r\n {nav => (\r\n {\r\n this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n });\r\n }}\r\n large\r\n >\r\n {t('Save')}\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n canUserCreateTicket() {\r\n return !this.isOnlyPreviewMode();\r\n }\r\n\r\n getNoTicketsFooter() {\r\n const { t, footer } = this.props;\r\n return (\r\n \r\n {\r\n this.setState({\r\n showCreateChangeRequestDialog: false\r\n });\r\n }}\r\n unitsOptions={\r\n serviceRequest\r\n ? this.getUnits(serviceRequest.units).map(unit => {\r\n return (\r\n \r\n );\r\n })\r\n : []\r\n }\r\n uomsOptions={\r\n serviceRequest && serviceRequest.unitsOfMeasure\r\n ? this.toUomsEntity(serviceRequest.unitsOfMeasure).map(uom => {\r\n return (\r\n \r\n );\r\n })\r\n : []\r\n }\r\n activities={forSubmitData.activities}\r\n serviceRequest={serviceRequest}\r\n serviceRequestId={serviceRequest.serviceRequestId}\r\n />\r\n {this.renderRequestCancellationDialog()}\r\n \r\n {({\r\n handleReset,\r\n handleSubmit,\r\n setFieldValue,\r\n values,\r\n dirty,\r\n isSubmitting\r\n }) => (\r\n <>\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nServiceRequestEdit.propTypes = {\r\n oData: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n serviceRequest: PropTypes.object,\r\n forSubmitData: PropTypes.object,\r\n query: PropTypes.array,\r\n isLoading: PropTypes.bool,\r\n t: PropTypes.func,\r\n forSubmit: PropTypes.func,\r\n queryLocations: PropTypes.func,\r\n queryOData: PropTypes.func,\r\n resetOData: PropTypes.func,\r\n update: PropTypes.func,\r\n remove: PropTypes.func,\r\n getServiceRequest: PropTypes.func,\r\n confirmServiceRequest: PropTypes.func,\r\n uploadAttachments: PropTypes.func,\r\n setAttachments: PropTypes.func,\r\n deleteAttachment: PropTypes.func,\r\n clearAttachments: PropTypes.func,\r\n attachments: PropTypes.array,\r\n location: PropTypes.object,\r\n hasUserPermission: PropTypes.func,\r\n calculateByDaysData: PropTypes.object,\r\n calculateByDays: PropTypes.func,\r\n getFooter: PropTypes.func,\r\n footer: PropTypes.object,\r\n createRejectResponse: PropTypes.func,\r\n createAcceptResponse: PropTypes.func,\r\n changeRequestRejectResponse: PropTypes.func,\r\n changeRequestAcceptResponse: PropTypes.func,\r\n createCancellationRequest: PropTypes.func,\r\n clearFooter: PropTypes.func,\r\n withEscNavigationCallback: PropTypes.func\r\n};\r\n\r\nexport default ServiceRequestEdit;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { GhostButton } from '@hobs/components/Buttons';\r\nimport Switch from '@hobs/components/Switch';\r\nimport RadioButton from '@hobs/components/RadioButton';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport { CellDate, CellDateTime } from '@hobs/components/Grid/CellDate';\r\nimport Icon from '@hobs/components/Icon';\r\nimport { USER_ROLES } from '@hobs/utils/constants';\r\n\r\nimport './Users.scss';\r\n\r\nconst KEY_ENTER = 13;\r\n\r\nclass Users extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataState: {\r\n take: 5,\r\n skip: 0,\r\n sort: [{ field: 'FirstName', dir: 'asc' }]\r\n }\r\n };\r\n }\r\n\r\n getCustomFilter(type, field) {\r\n const { t, userGrid } = this.props;\r\n const filters = userGrid[type];\r\n\r\n if (!filters) {\r\n return [];\r\n }\r\n\r\n return [\r\n {\r\n name: t('Select all'),\r\n default: true,\r\n value: ''\r\n },\r\n ...filters.map(item => ({\r\n value: `\r\n \r\n {nav => (\r\n <>\r\n {this.setState({\r\n navigation: nav.serviceRequestNavigation,\r\n navigationHistory: nav.previousPageHistory\r\n })}\r\n {\r\n event.preventDefault();\r\n this.cancelForm(dirty, nav.serviceRequestNavigation);\r\n }}\r\n title={\r\n t(\r\n disabled\r\n ? 'Preview service request'\r\n : 'Edit service request'\r\n ) + ' - '\r\n }\r\n unit={{\r\n code: serviceRequest.partyCode,\r\n name: serviceRequest.unitName,\r\n number: serviceRequest.requestNumber\r\n }}\r\n status={{\r\n name: serviceRequest.statusGridName,\r\n id: serviceRequest.statusId\r\n }}\r\n parent={this.getServiceRequestParent()}\r\n />\r\n \r\n )}\r\n \r\n {this.renderHeaderCenterActions()}\r\n
\r\n \r\n \r\n )}\r\n \r\n {serviceRequest &&\r\n !serviceRequest.isCategory &&\r\n serviceRequest.response &&\r\n serviceRequest.response.canDeliveryQuantity && (\r\n \r\n
\r\n )}\r\n {serviceRequest && serviceRequest.changeRequestResponse && (\r\n {t('Response from HN')}
\r\n\r\n\r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n {t('Response to change request')}\r\n \r\n
\r\n \r\n this.onIsActiveChange(dataItem)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nUserPasswordManager.propTypes = {\r\n t: PropTypes.func,\r\n user: PropTypes.object,\r\n resetPasswordSchema: PropTypes.object,\r\n onResetPasswordSubmit: PropTypes.func,\r\n onResendPasswordSubmit: PropTypes.func,\r\n onPasswordLockChange: PropTypes.func,\r\n onUserDeleted: PropTypes.func,\r\n resendDisabled: PropTypes.bool,\r\n currentUserId: PropTypes.string\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n currentUserId: state.auth.user.UserId,\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n null\r\n)(withTranslation()(UserPasswordManager));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next/src';\r\nimport { connect } from 'react-redux';\r\nimport * as Yup from 'yup';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport Toast from '@hobs/components/Toast';\r\nimport ShortId from 'shortid';\r\nimport Tabs from '@hobs/components/Tabs';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Alert from '@hobs/components/Alert';\r\nimport { email as emailValidator } from '@hobs/validations';\r\n\r\nimport { softDeleteUser } from '@hobs/actions/users';\r\nimport {\r\n clearUser,\r\n getUserForSubmit,\r\n createUser,\r\n getUser,\r\n updateUser,\r\n changePassword,\r\n resendResetPassword,\r\n changeLockStatus\r\n} from '../../../actions/users';\r\n\r\nimport './UserDialog.scss';\r\nimport UserForm from './UserForm';\r\nimport UserPasswordManager from './UserPasswordManager';\r\n\r\nconst defaultState = {\r\n userState: {\r\n error: null,\r\n success: null\r\n },\r\n userPasswordState: {\r\n error: null,\r\n success: null\r\n },\r\n resendDisabled: false\r\n};\r\n\r\nclass UserDialog extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = defaultState;\r\n const { t } = props;\r\n\r\n this.resetPasswordSchema = Yup.object().shape({\r\n password: Yup.string().required(t('Password is required')),\r\n confirmPassword: Yup.string().required(t('Confirm password is required'))\r\n });\r\n }\r\n\r\n getUserSchema() {\r\n const { t, forSubmit } = this.props;\r\n return Yup.object().shape({\r\n firstName: Yup.string()\r\n .max(256, t('First name cannot be longer than 256 symbols'))\r\n .required(t('First name is required')),\r\n lastName: Yup.string()\r\n .max(256, t('Last name cannot be longer than 256 symbols'))\r\n .required(t('Last name is required')),\r\n email: Yup.string()\r\n .max(256, t('Email cannot be longer than 256 symbols'))\r\n .required(t('Email is required'))\r\n .test('emailFormat', 'Invalid email format', function(value = '') {\r\n return !emailValidator()(value);\r\n }),\r\n loginExpirationDate: Yup.date()\r\n .nullable()\r\n .typeError(t('Invalid date or date format'))\r\n .required(t('Login expiration date is required')),\r\n roleId: Yup.number()\r\n .nullable()\r\n .required(t('Role is required')),\r\n unitId: forSubmit.isUnitRequired\r\n ? Yup.string().required('\"Assigned to\" is required')\r\n : Yup.string()\r\n });\r\n }\r\n\r\n isDialogOpen() {\r\n return this.props.match.params.action === 'user';\r\n }\r\n\r\n getUserPathName() {\r\n const deleteIndex = this.props.location.pathname.indexOf('/user');\r\n return this.props.location.pathname.substring(0, deleteIndex);\r\n }\r\n\r\n getRoleOptions() {\r\n const { forSubmit } = this.props;\r\n\r\n if (forSubmit.roles && forSubmit.roles.length > 0) {\r\n return forSubmit.roles.map(role => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n }\r\n\r\n getUnitsOptions() {\r\n const { units, assignedUnits } = this.props;\r\n\r\n let partyUnits = [];\r\n\r\n if (Array.isArray(assignedUnits) && assignedUnits.length > 0) {\r\n partyUnits = assignedUnits;\r\n } else {\r\n partyUnits = units;\r\n }\r\n\r\n const flatUnits = this.flattenUnitsTree(partyUnits);\r\n if (flatUnits && flatUnits.length > 0) {\r\n return flatUnits.map(unit => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n }\r\n\r\n flattenUnitsTree(array) {\r\n if (!Array.isArray(array)) {\r\n return [];\r\n }\r\n\r\n return array.reduce((result, item) => {\r\n result.push(item);\r\n\r\n if (Array.isArray(item.units)) {\r\n result = result.concat(this.flattenUnitsTree(item.units));\r\n }\r\n\r\n return result;\r\n }, []);\r\n }\r\n\r\n createUser = (values, { setErrors, setSubmitting }) => {\r\n const { t } = this.props;\r\n const body = { ...values };\r\n\r\n this.props.createUser(body).then(response => {\r\n if (response.success) {\r\n this.onDialogClose();\r\n Toast.success(t('User was successfully created'));\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [this.toLowercaseFirst(error.target)]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setUserError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n updateUser = (values, { setErrors, setSubmitting }) => {\r\n const { t, onUserUpdated } = this.props;\r\n\r\n this.props.updateUser(values).then(response => {\r\n if (response.success) {\r\n this.props.getUser(values.userId).then(response => {\r\n if (response.success) {\r\n this.setUserSuccess(t('User was successfully updated'));\r\n }\r\n });\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [this.toLowercaseFirst(error.target)]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setUserError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n onUserUpdated();\r\n });\r\n };\r\n\r\n changeUserPassword = (values, { setErrors, setSubmitting }) => {\r\n const { t, user } = this.props;\r\n\r\n this.props.changePassword(user.userId, values).then(response => {\r\n if (response.success) {\r\n this.setUserPasswordSuccess(\r\n t('User password was successfully changed')\r\n );\r\n } else if (response.payload && response.payload.details) {\r\n const errors = response.payload.details.reduce((results, error) => {\r\n return {\r\n ...results,\r\n [this.toLowercaseFirst(error.target)]: error.message[0]\r\n };\r\n }, {});\r\n\r\n setErrors(errors);\r\n } else if (response.payload) {\r\n this.setUserPasswordError(response.payload.message);\r\n }\r\n\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n resendResetUserPasswordEmail = () => {\r\n const { t, user } = this.props;\r\n\r\n this.setState({\r\n resendDisabled: true\r\n });\r\n\r\n this.props.resendResetPassword(user.userId).then(response => {\r\n if (response.success) {\r\n this.setUserPasswordSuccess(t('Password reset email has been sent.'));\r\n } else if (response.payload) {\r\n this.setUserPasswordError(response.payload.message);\r\n }\r\n });\r\n };\r\n\r\n onPasswordLockChange = value => {\r\n const { t, user } = this.props;\r\n\r\n const passwordLocked = {\r\n isPasswordLocked: value\r\n };\r\n this.props.changeLockStatus(user.userId, passwordLocked).then(response => {\r\n if (response.success) {\r\n this.props.getUser(user.userId).then(() => {\r\n this.setUserPasswordSuccess(\r\n t(\r\n value\r\n ? 'Account successfully locked'\r\n : 'Account successfully unlocked'\r\n )\r\n );\r\n });\r\n } else if (response.payload) {\r\n this.setUserPasswordError(response.payload.message);\r\n }\r\n });\r\n };\r\n\r\n onUserDeleted = setSubmitting => {\r\n const { t, user } = this.props;\r\n\r\n setSubmitting(true);\r\n this.props.softDeleteUser(user.userId).then(response => {\r\n if (response.success) {\r\n this.onDialogClose();\r\n Toast.success(t('User deleted successfully.'));\r\n } else if (response.payload) {\r\n Toast.error(response.payload.message);\r\n }\r\n setSubmitting(false);\r\n });\r\n };\r\n\r\n toLowercaseFirst(value) {\r\n if (typeof value !== 'string' || value.length === 0) {\r\n return value;\r\n }\r\n\r\n return value.charAt(0).toLowerCase() + value.slice(1);\r\n }\r\n\r\n onDialogClose = () => {\r\n this.resetState();\r\n this.props.clearUser();\r\n this.props.reloadGrid();\r\n this.props.history.push(this.getUserPathName());\r\n };\r\n\r\n onDialogOpening = () => {\r\n this.fetchRequiredData();\r\n };\r\n\r\n fetchRequiredData() {\r\n this.props.getUserForSubmit();\r\n if (!this.props.user) {\r\n const userId = this.props.match.params.guid;\r\n if (userId) {\r\n this.props.getUser(userId);\r\n }\r\n }\r\n }\r\n\r\n setUserError(message) {\r\n this.setState({\r\n userState: {\r\n error: message,\r\n success: null\r\n }\r\n });\r\n }\r\n\r\n setUserPasswordError(message) {\r\n this.setState({\r\n userPasswordState: {\r\n error: message,\r\n success: null\r\n }\r\n });\r\n }\r\n\r\n setUserSuccess(message) {\r\n this.setState({\r\n userState: {\r\n error: null,\r\n success: message\r\n }\r\n });\r\n }\r\n\r\n setUserPasswordSuccess(message) {\r\n this.setState({\r\n userPasswordState: {\r\n error: null,\r\n success: message\r\n }\r\n });\r\n }\r\n\r\n resetState() {\r\n this.setState(defaultState);\r\n }\r\n\r\n isEdit() {\r\n const { match, user } = this.props;\r\n return match.params.guid || user;\r\n }\r\n\r\n render() {\r\n const { t, user, partyId } = this.props;\r\n const { userState, userPasswordState, resendDisabled } = this.state;\r\n\r\n return (\r\n \r\n \r\n {({ isSubmitting }) => (\r\n \r\n )}\r\n \r\n
\r\n \r\n {t('Email')} \r\n \r\n {t('Resend')}\r\n \r\n
\r\n {t('Resend password')}
\r\n{user.email}
\r\n \r\n
\r\n {t('Account')}
\r\n\r\n {\r\n onPasswordLockChange(isLocked);\r\n }}\r\n disabled={user.isDeleted}\r\n label={t(user.isPasswordLocked ? 'Locked' : 'Unlocked')}\r\n />\r\n {currentUserId !== user.userId && (\r\n {\r\n Confirm(\r\n t('Delete user'),\r\n t(\r\n 'Are you sure, you want to delete this user? This action cannot be undone'\r\n ),\r\n () => {\r\n onUserDeleted((isSubmitting) => setIsChangeSubmitting(isSubmitting))\r\n }\r\n )}}\r\n >\r\n {user.isDeleted ? 'Deleted' : 'Delete'}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n {Object.keys(columns).reduce((results, key) => {\r\n const column = columns[key];\r\n if (\r\n (typeof column.xls === 'undefined' || column.xls) &&\r\n column.visible\r\n ) {\r\n if (column.filter === 'date') {\r\n results.push(\r\n \r\n {Columns({\r\n columns: this.getDefaultSnColumns(),\r\n dataState: this.state.dataState\r\n })}\r\n \r\n {this.props.isLoading &&
\r\n \r\n );\r\n }\r\n}\r\n\r\nUsers.propTypes = {\r\n withQuickSearchForm: PropTypes.func,\r\n withQuickSearchFilter: PropTypes.object,\r\n queryXLSOData: PropTypes.func,\r\n\r\n isLoading: PropTypes.bool,\r\n oData: PropTypes.object,\r\n queryOData: PropTypes.func,\r\n resetOData: PropTypes.func,\r\n loadODataQuery: PropTypes.func,\r\n getUserGrid: PropTypes.func,\r\n location: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n t: PropTypes.func,\r\n partyId: PropTypes.string,\r\n units: PropTypes.array,\r\n assignedUnits: PropTypes.array,\r\n partyType: PropTypes.number,\r\n hasUserPermission: PropTypes.func\r\n};\r\n\r\nconst oDataLoading = createLoadingSelector(['OData']);\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state),\r\n oData: state.odata,\r\n userGrid: state.gridSelections.userGrid\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n queryOData,\r\n resetOData,\r\n getUserGrid,\r\n queryXLSOData\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WithQuickSearch(withTranslation()(WithRoles(Users))));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { RaisedButton, GhostButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport Toast from '@hobs/components/Toast';\r\nimport { H2 } from '@hobs/components/Headings';\r\nimport { Tree } from '@blueprintjs/core';\r\n\r\nimport { getPartyUnits } from '../../actions/parties';\r\n\r\nimport { deleteUnit } from '../../actions/units';\r\nimport UnitDialog from './UnitDialog';\r\nimport './Units.scss';\r\n\r\nclass Units extends React.PureComponent {\r\n getUnitPathName(unitId = '') {\r\n return `${this.props.location.pathname.replace(\r\n '/unit',\r\n ''\r\n )}/unit/${unitId}`;\r\n }\r\n\r\n onRemove(unitId) {\r\n Confirm(\r\n this.props.t('Delete unit'),\r\n this.props.t('Are you sure you want to delete this unit?'),\r\n () => {\r\n const { t } = this.props;\r\n this.props.deleteUnit(unitId).then(response => {\r\n if (response.success) {\r\n Toast.success(t('Unit deleted successfully'));\r\n this.reloadUnits();\r\n } else {\r\n Toast.warning(response.payload.message);\r\n }\r\n });\r\n }\r\n );\r\n }\r\n\r\n getUnitDeletePathName(unitId) {\r\n return `${this.props.location.pathname.replace(\r\n '/deleteunit',\r\n ''\r\n )}/deleteunit/${unitId}`;\r\n }\r\n\r\n controls(unit) {\r\n return (\r\n this.props.canEdit && (\r\n \r\n {t('Manage users')}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.withQuickSearchForm({\r\n onSearch: this.onQuickSearch,\r\n noMargin: true,\r\n placeholder: 'Search user details'\r\n })}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nUnits.propTypes = {\r\n location: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n t: PropTypes.func,\r\n partyUnits: PropTypes.array,\r\n partyId: PropTypes.string,\r\n getPartyUnits: PropTypes.func,\r\n deleteUnit: PropTypes.func,\r\n canEdit: PropTypes.bool\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n partyUnits: state.parties.partyUnits,\r\n deleteUnit: PropTypes.func\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getPartyUnits,\r\n deleteUnit\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(Units));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Formik, Field, Form } from 'formik';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Input from '@hobs/components/Input';\r\nimport { H1, H2 } from '@hobs/components/Headings';\r\nimport Users from '../Users';\r\nimport Units from '../Units';\r\nimport {\r\n getParty,\r\n getPartyUnits,\r\n getAssignedPartyUnits\r\n} from '../../actions/parties';\r\nimport './Party.scss';\r\n\r\nclass Party extends React.PureComponent {\r\n initialValues = {\r\n partyCode: '',\r\n title: '',\r\n requisitionNumber: ''\r\n };\r\n\r\n componentDidMount() {\r\n this.props.getParty();\r\n this.props.getPartyUnits();\r\n this.fetchAssignedUnits();\r\n }\r\n\r\n fetchAssignedUnits = () => {\r\n this.props.getAssignedPartyUnits();\r\n };\r\n\r\n render() {\r\n const { t, location, match, history } = this.props;\r\n return (\r\n {t('Manage structure')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.canEdit && (\r\n
\r\n \r\n {unitsTree.length > 0 && (\r\n
\r\n {t('Manage Party')}
\r\n\r\n \r\n {({ setFieldValue }) => (\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTermsAndConditions.propTypes = {\r\n page: PropTypes.string,\r\n history: PropTypes.object,\r\n getExerciseTerms: PropTypes.func,\r\n acceptExerciseTerms: PropTypes.func,\r\n t: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n page: state.exercises.currentTermPage\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getExerciseTerms,\r\n acceptExerciseTerms\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(withRouter(TermsAndConditions)));\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { H1 } from '@hobs/components/Headings';\r\nimport Panel from '@hobs/components/Panel';\r\nimport './TermsAndConditionsView.scss';\r\n\r\nimport { getExerciseTerms } from '../../actions/exercises';\r\n\r\nclass TermsAndConditionsView extends PureComponent {\r\n constructor() {\r\n super();\r\n this.terms = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getExerciseTerms();\r\n }\r\n\r\n render() {\r\n const { t } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {t('Terms and Conditions')}
\r\n\r\n {t('Please accept the Terms and Conditions to proceed.')}\r\n
\r\n \r\n \r\n {t('Decline')}\r\n \r\n \r\n {t('Accept')}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTermsAndConditionsView.propTypes = {\r\n page: PropTypes.string,\r\n history: PropTypes.object,\r\n getExerciseTerms: PropTypes.func,\r\n t: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n page: state.exercises.currentTermPage\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getExerciseTerms\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(withRouter(TermsAndConditionsView)));\r\n","export const countDecimals = value => {\r\n if (!value) {\r\n return 0;\r\n }\r\n if (Math.floor(value.valueOf()) === value.valueOf()) {\r\n return 0;\r\n }\r\n\r\n return value.toString().split('.')[1].length || 0;\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ShortId from 'shortid';\r\n\r\nimport HeadingActions from '../../components/HeadingActions';\r\n\r\nexport const PageLinks = props => {\r\n const getEditPath = () => {\r\n if (props.isCustom) {\r\n return `/custom-service-request/${props.partyId}/${props.serviceRequestId}`;\r\n } else {\r\n return `/service-request/${props.partyId}/${props.serviceRequestId}`;\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n {t('Terms and Conditions')}
\r\n\r\n
\r\n );\r\n }\r\n\r\n onSubmit = (values, { setSubmitting }) => {\r\n const {\r\n match: {\r\n params: { serviceRequestId }\r\n },\r\n t,\r\n get\r\n } = this.props;\r\n\r\n const { pickupDetails, deliveryDetails } = values;\r\n\r\n const data = {\r\n ...values,\r\n pickupDetails: {\r\n ...pickupDetails,\r\n transportationTime: pickupDetails.transportationTime\r\n ? {\r\n hour: pickupDetails.transportationTime.hour,\r\n minute: pickupDetails.transportationTime.minute,\r\n date:\r\n pickupDetails.transportationTime.date !== '-'\r\n ? pickupDetails.transportationTime.date\r\n : null\r\n }\r\n : null\r\n },\r\n deliveryDetails: {\r\n ...deliveryDetails,\r\n transportationTime: deliveryDetails.transportationTime\r\n ? {\r\n hour: deliveryDetails.transportationTime.hour,\r\n minute: deliveryDetails.transportationTime.minute,\r\n date:\r\n deliveryDetails.transportationTime.date !== '-'\r\n ? deliveryDetails.transportationTime.date\r\n : null\r\n }\r\n : null\r\n }\r\n };\r\n\r\n this.props\r\n .update(this.props.match.params.serviceRequestId, data)\r\n .then(response => {\r\n if (response.success) {\r\n Toast.success(t('Transportation details updated successfully'));\r\n\r\n get(serviceRequestId);\r\n setSubmitting(false);\r\n } else {\r\n Toast.warning(response.payload.message);\r\n setSubmitting(false);\r\n }\r\n });\r\n };\r\n\r\n convertObjectNullsToString(object) {\r\n return Object.keys(object).reduce((result, item) => {\r\n if (result[item] === null) {\r\n result[item] = '';\r\n }\r\n\r\n return result;\r\n }, object);\r\n }\r\n\r\n getPaddedTime(time) {\r\n if (time != null && time < 10 && (!time.length || time.length <= 1)) {\r\n return `0${time}`;\r\n }\r\n return time;\r\n }\r\n\r\n setTransportationTime(transportationTime) {\r\n if (transportationTime) {\r\n transportationTime.hour = this.getPaddedTime(transportationTime.hour);\r\n transportationTime.minute = this.getPaddedTime(transportationTime.minute);\r\n }\r\n return transportationTime;\r\n }\r\n\r\n getInitialValues() {\r\n const {\r\n transportation,\r\n transportation: { deliveryDetails, pickupDetails, transportInformation }\r\n } = this.props;\r\n\r\n pickupDetails.transportationTime = this.setTransportationTime(\r\n pickupDetails.transportationTime\r\n );\r\n deliveryDetails.transportationTime = this.setTransportationTime(\r\n deliveryDetails.transportationTime\r\n );\r\n\r\n return {\r\n ...this.convertObjectNullsToString(transportation),\r\n generalInformation: this.convertObjectNullsToString(\r\n transportation.generalInformation\r\n ),\r\n pickupDetails: {\r\n ...this.convertObjectNullsToString(pickupDetails),\r\n transportationTime: pickupDetails.transportationTime\r\n ? {\r\n ...pickupDetails.transportationTime\r\n }\r\n : {\r\n date: '',\r\n hour: '',\r\n minute: ''\r\n }\r\n },\r\n deliveryDetails: {\r\n ...this.convertObjectNullsToString(deliveryDetails),\r\n transportationTime: deliveryDetails.transportationTime\r\n ? {\r\n ...this.convertObjectNullsToString(\r\n deliveryDetails.transportationTime\r\n )\r\n }\r\n : {\r\n date: '',\r\n hour: '',\r\n minute: ''\r\n },\r\n remarks: deliveryDetails.remarks ? deliveryDetails.remarks : ''\r\n },\r\n transportInformation: transportInformation\r\n ? this.convertObjectNullsToString(transportInformation)\r\n : {\r\n vehicleType: '',\r\n vehicleTypeId: '',\r\n transportType: '',\r\n transportTypeId: '',\r\n supplierName: '',\r\n supplierId: ''\r\n }\r\n };\r\n }\r\n\r\n resetForm = resetForm => {\r\n const { t } = this.props;\r\n\r\n Confirm(\r\n t('Cancel'),\r\n t('Are you sure you want to cancel? All entered data will be lost'),\r\n () => {\r\n // WARNING: HACK DETECTED 😿 🙉\r\n // Strange that formik is not resseting field\r\n // displayed values to initialValues\r\n // So we have to do this strange hack (native js reset using react refs)\r\n if (this.form.current) {\r\n this.form.current.reset();\r\n resetForm(this.getInitialValues());\r\n }\r\n }\r\n );\r\n };\r\n\r\n onBackClick = (event, dirty, nav) => {\r\n event.preventDefault();\r\n const { history } = this.props;\r\n\r\n if (!dirty) {\r\n history.push(\r\n this.getBackNavigationUrl(\r\n nav.serviceRequestNavigation,\r\n nav.previousPageHistory\r\n )\r\n );\r\n } else {\r\n Confirm(\r\n this.props.t('Cancel service request'),\r\n this.props.t(\r\n 'Are you sure you want to cancel? All entered data will be lost.'\r\n ),\r\n () => {\r\n history.push(\r\n this.getBackNavigationUrl(\r\n nav.serviceRequestNavigation,\r\n nav.previousPageHistory\r\n )\r\n );\r\n }\r\n );\r\n }\r\n };\r\n\r\n renderTransportationHeading(dirty) {\r\n const { t, transportation } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n {forSubmitData.vehicleTypes.map(item => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {forSubmitData.transportTypes.map(item => {\r\n return (\r\n \r\n {item.transportationType}\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n {forSubmitData.suppliers.length === 0 && (\r\n \r\n )}\r\n\r\n {values.transportInformation.supplierName !== '' &&\r\n !forSubmitData.suppliers.find(\r\n item =>\r\n item.supplierName === values.transportInformation.supplierName\r\n ) && (\r\n \r\n )}\r\n \r\n {forSubmitData.suppliers.map(item => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n {t('General information')}
\r\n\r\n\r\n
\r\n \r\n \r\n {t('Serial number')}\r\n \r\n
\r\n \r\n \r\n {t('PO number')}\r\n \r\n
\r\n \r\n {t('Last update')} \r\n
\r\n \r\n {format(\r\n this.props.transportation.generalInformation.modifiedDate,\r\n DATE_FORMAT\r\n )}\r\n
\r\n \r\n {this.renderTransportationHeading(dirty)}\r\n {this.renderHeaderCenterActions()}\r\n
\r\n \r\n {this.renderExportButton()}\r\n {this.renderPageLinks(dirty)}\r\n
\r\n \r\n {showPath && (\r\n {\r\n e.preventDefault();\r\n this.navigateTo(showPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(editPath);\r\n }}\r\n to={editPath}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(historyPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(transportationPath);\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n this.navigateTo(changeHistoryPath);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n}\r\n\r\nHeadingActions.propTypes = {\r\n onNavigate: PropTypes.func,\r\n showPath: PropTypes.string,\r\n editPath: PropTypes.string,\r\n transportationPath: PropTypes.string,\r\n changeHistoryPath: PropTypes.string,\r\n isDirty: PropTypes.bool,\r\n isTransportation: PropTypes.bool,\r\n historyPath: PropTypes.string,\r\n history: PropTypes.object,\r\n t: PropTypes.func,\r\n discussion: PropTypes.shape({\r\n serviceRequestId: PropTypes.string,\r\n status: PropTypes.number,\r\n initials: PropTypes.string,\r\n iconOnly: PropTypes.bool\r\n }),\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string\r\n }),\r\n hasUserPermission: PropTypes.func\r\n};\r\n\r\nexport default withTranslation()(withRouter(WithRoles(HeadingActions)));\r\n","import React from 'react';\r\nimport ShortId from 'shortid';\r\nimport PropTypes from 'prop-types';\r\nimport HeadingActions from '../../components/HeadingActions';\r\n\r\nexport const PageLinks = props => {\r\n return (\r\n \r\n
\r\n {t('General information')}
\r\n\r\n\r\n
\r\n \r\n {t('Last update')} \r\n
\r\n \r\n {format(\r\n this.props.transportation.generalInformation.modifiedDate,\r\n DATE_FORMAT\r\n )}\r\n
\r\n \r\n <>\r\n \r\n \r\n \r\n \r\n this.getFieldValue(\r\n dataItem.OldValue,\r\n dataItem.OldDateTimeValue,\r\n dataItem.FieldName\r\n )\r\n }\r\n />\r\n \r\n this.getFieldValue(\r\n dataItem.NewValue,\r\n dataItem.NewDateTimeValue,\r\n dataItem.FieldName\r\n )\r\n }\r\n />\r\n \r\n {this.props.isLoading &&
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nServiceRequestAuditLogItems.propTypes = {\r\n isLoading: PropTypes.bool,\r\n match: PropTypes.object,\r\n t: PropTypes.func,\r\n auditLog: PropTypes.object,\r\n getAuditLogItems: PropTypes.func,\r\n onClose: PropTypes.func,\r\n gridFilterValues: PropTypes.func,\r\n getActionTypeValue: PropTypes.func,\r\n getPhaseTypeValue: PropTypes.func\r\n};\r\n\r\nconst oDataLoading = createLoadingSelector(['OData']);\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getAuditLogItems\r\n};\r\n\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(withTranslation()(ServiceRequestAuditLogItems))\r\n);\r\n","import { _fetch as fetch } from '@hobs/utils/fetch';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { GETAUDITLOGITEMS } from '@hobs/constants/serviceRequestAuditLog';\r\n\r\nexport function getAuditLogItems(path, params = { take: 10, skip: 0 }) {\r\n return dispatch => {\r\n dispatch(request());\r\n\r\n const oDataParams = toODataString(params);\r\n\r\n return fetch(`${path}?$count=true&${oDataParams}`)\r\n .then(response => {\r\n const result = {\r\n data: response.payload.value,\r\n total: response.payload['@odata.count']\r\n };\r\n dispatch(success(result));\r\n return { success: true, ...result };\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n return { success: false };\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: GETAUDITLOGITEMS.REQUEST };\r\n }\r\n function success(payload) {\r\n return { type: GETAUDITLOGITEMS.SUCCESS, payload };\r\n }\r\n function failure(error) {\r\n return { type: GETAUDITLOGITEMS.FAILURE, error };\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\nimport GridLoader from '@hobs/components/Grid/GridLoader';\r\nimport { H2 } from '@hobs/components/Headings';\r\nimport { Grid } from '@progress/kendo-react-grid';\r\nimport { CellDateTime } from '@hobs/components/Grid/CellDate';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport Panel from '@hobs/components/Panel';\r\nimport Columns from '@hobs/components/Grid/Columns';\r\nimport { queryOData, resetOData } from '@hobs/actions/odata';\r\nimport { getAuditLogGrid } from '@hobs/actions/gridSelections';\r\nimport { PAGE_SIZES } from '@hobs/utils/constants';\r\n\r\nimport ServiceRequestAuditLogItem from './ServiceRequestAuditLogItems';\r\n\r\nimport './ServiceRequestAuditLogs.scss';\r\n\r\nclass ServiceRequestAuditLogs extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n auditLog: null,\r\n dataState: {\r\n take: 20,\r\n skip: 0,\r\n sort: [{ field: 'CreatedDate', dir: 'desc' }]\r\n },\r\n customFilters: {}\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getAuditLogGrid();\r\n this.loadODataQuery();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetOData();\r\n }\r\n\r\n getDefaultColumns() {\r\n const { t } = this.props;\r\n return {\r\n CreatedDate: {\r\n title: t('Date'),\r\n columnMenu: true,\r\n default: true,\r\n visible: true,\r\n filter: 'date',\r\n cell: CellDateTime\r\n },\r\n PhaseTypeId: {\r\n title: t('Phase'),\r\n columnMenu: true,\r\n default: true,\r\n visible: true,\r\n customFilter: {\r\n data: [\r\n {\r\n name: t('Select all'),\r\n default: true,\r\n value: ''\r\n },\r\n ...this.getPhaseTypeFilterValues()\r\n ]\r\n },\r\n cell: ({ dataItem }) => {\r\n return \r\n
\r\n {t('Details')}
\r\n\r\n
\r\n \r\n {t('Date')} \r\n {this.getDisplayDate(auditLog.CreatedDate)}\r\n
\r\n \r\n {t('User')} \r\n {auditLog.UserFullName}\r\n
\r\n \r\n
\r\n \r\n {t('Phase')} \r\n {getPhaseTypeValue(auditLog.PhaseTypeId)}\r\n
\r\n \r\n {t('Party')} \r\n {auditLog.Party.Name}\r\n
\r\n \r\n
\r\n \r\n {t('Action')} \r\n {getActionTypeValue(auditLog.ActionTypeId)}\r\n
\r\n {auditLog.Currency && \r\n \r\n {t('Currency')} \r\n {auditLog.Currency}\r\n
}\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n auditLog: dataItem\r\n });\r\n }}\r\n selectedField=\"selected\"\r\n data={this.props.oData.data.map(item => ({\r\n ...item,\r\n selected:\r\n auditLog &&\r\n item.RequestedServicesAuditLogId ===\r\n auditLog.RequestedServicesAuditLogId\r\n }))}\r\n >\r\n {Columns({\r\n columns: this.getDefaultColumns(),\r\n dataState: this.state.dataState\r\n })}\r\n \r\n {this.props.isLoading &&
\r\n {auditLog && (\r\n {t('Service request history')}
\r\n\r\n \r\n {nav => (\r\n <>\r\n {this.props.withEscNavigationCallback(\r\n () => this.navigateBack(nav.serviceRequestNavigation)\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n {t('Request history')} -
\r\n \r\n \r\n\r\n {serviceRequest.partyCode}, {serviceRequest.unitName} (\r\n {serviceRequest.requestNumber\r\n ? serviceRequest.requestNumber\r\n : '-'}\r\n )\r\n
\r\n \r\n \r\n {nav => (\r\n <>\r\n {this.props.withEscNavigationCallback(\r\n () => this.navigateBack(nav.serviceRequestNavigation)\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n {t('Request history')} -
\r\n \r\n\r\n\r\n {serviceRequest.partyCode}, {serviceRequest.unitName} (\r\n {serviceRequest.requestNumber\r\n ? serviceRequest.requestNumber\r\n : '-'}\r\n )\r\n
\r\n | {t('Element')} | \r\n{t('Status')} | \r\n{t('Approved by')} | \r\n{t('Service requests')} | \r\n{t('Est. cost')}{` (${currentExercise.currency.name})`} | \r\n{t('Accumulated cost')}{` (${currentExercise.currency.name})`} | \r\n\r\n |
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\nApprovalSummary.propTypes = {\r\n t: PropTypes.func,\r\n hasUserPermission: PropTypes.func,\r\n match: PropTypes.object,\r\n sorParty: PropTypes.object,\r\n getSorParty: PropTypes.func,\r\n confirmSor: PropTypes.func,\r\n confirmFsor: PropTypes.func,\r\n getApprovalSummary: PropTypes.func,\r\n units: PropTypes.array,\r\n approve: PropTypes.func,\r\n cancelApproval: PropTypes.func,\r\n validateConfirmFsor: PropTypes.func,\r\n clearApprovalSummary: PropTypes.func,\r\n crealSorParty: PropTypes.func,\r\n currentExercise: PropTypes.object\r\n};\r\n\r\nexport default ApprovalSummary;\r\n","import { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\nimport WithRoles from '@hobs/hocs/WithRoles';\r\nimport ObjectPath from 'object-path';\r\nimport { USER_ROLES } from '@hobs/utils/constants';\r\nimport _ApprovalSummary from '@hobs/containers/ApprovalSummary';\r\n\r\nimport {\r\n getSorSummary,\r\n confirmSor,\r\n confirmFsor,\r\n validateConfirmFsor,\r\n crealSorParty\r\n} from '../../actions/sor';\r\nimport {\r\n getApprovalSummary,\r\n approve,\r\n cancelApproval,\r\n clearApprovalSummary\r\n} from '../../actions/approvalSummary';\r\n\r\nclass ApprovalSummary extends _ApprovalSummary {\r\n async loadRequiredData() {\r\n await this.props.getSorSummary();\r\n this.loadApprovalSummary();\r\n }\r\n\r\n loadApprovalSummary() {\r\n const { getApprovalSummary } = this.props;\r\n getApprovalSummary();\r\n }\r\n\r\n getPartyName() {\r\n return ObjectPath.get(this.props.sor, 'sorSummary.partyName');\r\n }\r\n\r\n canUserConfirmIsor() {\r\n const { hasUserPermission } = this.props;\r\n return (\r\n !hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT)\r\n );\r\n }\r\n\r\n canUserConfirmFsor() {\r\n const { hasUserPermission } = this.props;\r\n return (\r\n !hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT)\r\n );\r\n }\r\n\r\n canUserApproveUnit() {\r\n const { hasUserPermission } = this.props;\r\n return (\r\n !hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT)\r\n );\r\n }\r\n\r\n canUserCancelUnitApproval() {\r\n const { hasUserPermission } = this.props;\r\n return (\r\n !hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT)\r\n );\r\n }\r\n\r\n isConfirmIsorEnabled = () => {\r\n const { sor } = this.props;\r\n const { isConfirmIsorDisabled } = this.state;\r\n return (\r\n !ObjectPath.get(sor, 'sorSummary.isConfirmIsorEnabled') ||\r\n isConfirmIsorDisabled\r\n );\r\n };\r\n\r\n isConfirmFsorEnabled = () => {\r\n const { sor } = this.props;\r\n const { isConfirmFsorDisabled } = this.state;\r\n return (\r\n !ObjectPath.get(sor, 'sorSummary.isConfirmFsorEnabled') ||\r\n isConfirmFsorDisabled\r\n );\r\n };\r\n\r\n _cancelApproval(unitId) {\r\n return this.props.cancelApproval({\r\n unitId: unitId\r\n });\r\n }\r\n\r\n _approveUnit(unitId) {\r\n return this.props.approve({\r\n unitId: unitId\r\n });\r\n }\r\n\r\n _validateConfirmFsor() {\r\n return this.props.validateConfirmFsor();\r\n }\r\n\r\n _confirmIsor() {\r\n return this.props.confirmSor();\r\n }\r\n\r\n _confirmFsor() {\r\n return this.props.confirmFsor();\r\n }\r\n\r\n getBackUrl() {\r\n return '/requested-services';\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n sor: state.sor,\r\n units: state.approvalSummary.units,\r\n currentExercise: state.exercise.current\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getSorSummary,\r\n confirmSor,\r\n confirmFsor,\r\n getApprovalSummary,\r\n approve,\r\n cancelApproval,\r\n validateConfirmFsor,\r\n crealSorParty,\r\n clearApprovalSummary\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(withRouter(WithRoles(ApprovalSummary))));\r\n","import {\r\n GET,\r\n APPROVE,\r\n CANCEL_APPROVAL,\r\n CLEAR_APPROVAL_SUMMARY\r\n} from '@hobs/constants/approvalSummary';\r\nimport { actionCreator } from '@hobs/actions/utils/utils';\r\n\r\nexport const getApprovalSummary = () =>\r\n actionCreator('StatementOfRequirements/ApprovalSummary', GET);\r\n\r\nexport const approve = body =>\r\n actionCreator('StatementOfRequirements/ApprovalSummary/Approve', APPROVE, {\r\n body: body,\r\n method: 'PUT'\r\n });\r\n\r\nexport const cancelApproval = body =>\r\n actionCreator(\r\n 'StatementOfRequirements/ApprovalSummary/CancelApproval',\r\n CANCEL_APPROVAL,\r\n { body: body, method: 'PUT' }\r\n );\r\n\r\nexport function clearApprovalSummary() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR_APPROVAL_SUMMARY.SUCCESS });\r\n };\r\n}\r\n","import {\r\n GET,\r\n FOR_SUBMIT,\r\n CLEAR,\r\n UPDATE,\r\n UPDATE_KITCHEN,\r\n UPDATE_KITCHEN_FOR_SUBMIT,\r\n EXPORT_MEAL_PLANS,\r\n QUERY_MEAL_PLANNER_LOCATIONS\r\n} from '@hobs/constants/mealPlanner';\r\nimport { _fetch as fetchSecure } from '@hobs/utils/fetch';\r\nimport { actionCreator } from './utils/utils';\r\n\r\nexport const getServiceRequests = (\r\n dateFrom,\r\n dateTo,\r\n locationName = '',\r\n kitchenId = '',\r\n statementOfRequirementId = '',\r\n unitId = ''\r\n) =>\r\n actionCreator(\r\n `MealPlanner/Preview?dateFrom=${dateFrom}&dateTo=${dateTo}&locationName=${locationName}&kitchenId=${kitchenId}&partyId=${statementOfRequirementId}&unitId=${unitId}`,\r\n GET\r\n );\r\n\r\nexport const getMealPlannerForSubmit = () =>\r\n actionCreator('MealPlanner/ForSubmit', FOR_SUBMIT);\r\n\r\nexport function clearMealPlanner() {\r\n return dispatch => {\r\n dispatch({ type: CLEAR.SUCCESS });\r\n };\r\n}\r\n\r\nexport const updateServiceRequests = body =>\r\n actionCreator('MealPlanner', UPDATE, { body: body, method: 'POST' });\r\n\r\nexport const getServiceRequestKitchenForSubmit = locationName =>\r\n actionCreator(\r\n `MealPlanner/Kitchens?locationName=${encodeURIComponent(locationName)}`,\r\n UPDATE_KITCHEN_FOR_SUBMIT\r\n );\r\n\r\nexport const updateServiceRequestKitchen = (serviceRequestId, kitchenId) =>\r\n actionCreator(\r\n `MealPlanner/ServiceRequest/${serviceRequestId}/Kitchen/${kitchenId}`,\r\n UPDATE_KITCHEN,\r\n { method: 'PUT' }\r\n );\r\n\r\nexport function exportMealPlans(body) {\r\n return dispatch => {\r\n dispatch(request());\r\n return fetchSecure('MealPlanner/ExportToExcel', {\r\n body,\r\n method: 'POST',\r\n forceBlob: true\r\n })\r\n .then(response => {\r\n if (response) {\r\n dispatch(success());\r\n return { success: true, blob: response };\r\n } else {\r\n dispatch(failure(response.toString()));\r\n return { success: false, ...response };\r\n }\r\n })\r\n .catch(error => {\r\n dispatch(failure(error.toString()));\r\n });\r\n };\r\n\r\n function request() {\r\n return { type: EXPORT_MEAL_PLANS.REQUEST };\r\n }\r\n function success() {\r\n return { type: EXPORT_MEAL_PLANS.SUCCESS };\r\n }\r\n function failure(error) {\r\n return { type: EXPORT_MEAL_PLANS.FAILURE, error };\r\n }\r\n}\r\n\r\nexport const queryLocationsForMealPlanner = query =>\r\n actionCreator(\r\n `MealPlanner/Locations?locationName=${query}`,\r\n QUERY_MEAL_PLANNER_LOCATIONS\r\n );\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ObjectPath from 'object-path';\r\nimport cx from 'classnames';\r\nimport { H1 } from '@hobs/components/Headings';\r\nimport Toast from '@hobs/components/Toast';\r\nimport {\r\n Formik,\r\n Field,\r\n Form,\r\n FieldArray,\r\n yupToFormErrors,\r\n setNestedObjectValues\r\n} from 'formik';\r\nimport { differenceInCalendarDays, differenceInCalendarMonths } from 'date-fns';\r\nimport { GhostButton, RaisedButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport Confirm from '@hobs/components/Confirm';\r\nimport Dialog from '@hobs/components/Dialog';\r\nimport Alert from '@hobs/components/Alert';\r\nimport Tooltip from '@hobs/components/Tooltip';\r\nimport NumericInput from '@hobs/components/NumericInput';\r\nimport Autocomplete from '@hobs/components/Autocomplete';\r\nimport { Download } from '@hobs/utils/download';\r\nimport Dropdown from '@hobs/components/Dropdown';\r\nimport DateInput from '@hobs/components/DateInput';\r\nimport PageActions from '@hobs/components/PageActions';\r\nimport {\r\n BACKEND_DATE_FORMAT,\r\n MEAL_PLANS_EXPORT_FILE_NAME,\r\n USER_ROLES,\r\n MONTH_NAMES\r\n} from '@hobs/utils/constants';\r\nimport { format } from '@hobs/utils/formatWithTimeZone';\r\nimport { dateToInitialMonth } from '@hobs/utils/dateToInitialMonth';\r\nimport * as Yup from 'yup';\r\n\r\nimport './MealPlanner.scss';\r\n\r\nconst MealPlanItemFields = ({\r\n mealPlanItems,\r\n todayDate,\r\n setFieldValue,\r\n serviceRequestIndex,\r\n groupIndex,\r\n canEditMealPlanner\r\n}) => {\r\n if (!mealPlanItems.items) {\r\n return null;\r\n }\r\n\r\n return mealPlanItems.items.map((mealPlan, index, array) => {\r\n const keyName = `serviceRequests.${serviceRequestIndex}.mealPlanItems.${groupIndex}.items.${index}.quantity`;\r\n\r\n const month = new Date(mealPlan.date).getMonth();\r\n const lastMealPlanMonth =\r\n index !== 0 ? new Date(array[index - 1].date).getMonth() : null;\r\n const nextMealPlanMonth =\r\n array.length !== index + 1\r\n ? new Date(array[index + 1].date).getMonth()\r\n : null;\r\n\r\n return (\r\n \r\n \r\n
\r\n {units && units.length > 0 && (\r\n {t('Approval summary')}
\r\n \r\n\r\n \r\n {t('Confirm ISOR')}\r\n \r\n \r\n {t('Confirm FSOR')}\r\n \r\n
\r\n {this.renderUnits()}
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderNationFilter(setFieldValue) {\r\n const { forSubmit, t } = this.props;\r\n\r\n return (\r\n {t('Meal planner')}
\r\n\r\n {\r\n const nationId = event.target.value;\r\n\r\n if (nationId !== null && nationId !== '') {\r\n setFieldValue('unitId', null);\r\n }\r\n }}\r\n >\r\n {forSubmit.sendingNations.length ? (\r\n <>\r\n \r\n {forSubmit.sendingNations.map(nation => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFilters() {\r\n const { t, forSubmit } = this.props;\r\n const { filter } = this.state;\r\n return (\r\n \r\n {\r\n const { kitchenDialog } = this.state;\r\n if (kitchenDialog.selectedKitchenId) {\r\n this.updateKitchen();\r\n } else {\r\n this.setState({\r\n kitchenDialog: {\r\n ...kitchenDialog,\r\n error: t('Kitchen is required')\r\n }\r\n });\r\n }\r\n }}\r\n >\r\n {t('Save')}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n canRenderNation() {\r\n return true;\r\n }\r\n\r\n canSplitMealPlanner() {\r\n return true;\r\n }\r\n\r\n canEditMealPlanner() {\r\n const { hasUserPermission } = this.props;\r\n return (\r\n !hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT)\r\n );\r\n }\r\n\r\n synchronizeScroll = e => {\r\n if (this.state.hoveredTable === 'service-request-info') {\r\n this.serviceRequestDataVerticalScroll.current.scrollTop =\r\n e.target.scrollTop;\r\n return;\r\n }\r\n this.serviceRequestInfoVerticalScroll.current.scrollTop =\r\n e.target.scrollTop;\r\n };\r\n\r\n onTableMouseEnter = e => {\r\n this.setState({ hoveredTable: e.currentTarget.id });\r\n };\r\n\r\n renderServiceRequests() {\r\n const { t, serviceRequests } = this.props;\r\n\r\n return (\r\n \r\n {this.renderHeader()}\r\n {this.renderFilters()}\r\n {this.renderServiceRequests()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nMealPlanner.propTypes = {\r\n t: PropTypes.func,\r\n hasUserPermission: PropTypes.func,\r\n match: PropTypes.object,\r\n clearMealPlanner: PropTypes.func,\r\n getServiceRequests: PropTypes.func,\r\n serviceRequests: PropTypes.array,\r\n mealPlannerLocations: PropTypes.array,\r\n queryLocationsForMealPlanner: PropTypes.func,\r\n getMealPlannerForSubmit: PropTypes.func,\r\n forSubmit: PropTypes.object,\r\n updateServiceRequests: PropTypes.func,\r\n getServiceRequestKitchenForSubmit: PropTypes.func,\r\n updateServiceRequestKitchen: PropTypes.func,\r\n kitchenForSubmit: PropTypes.array,\r\n exportMealPlans: PropTypes.func\r\n};\r\n\r\nexport default MealPlanner;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\nimport WithRoles from '@hobs/hocs/WithRoles';\r\nimport Tooltip from '@hobs/components/Tooltip';\r\nimport { H1 } from '@hobs/components/Headings';\r\nimport {\r\n getServiceRequests,\r\n clearMealPlanner,\r\n getMealPlannerForSubmit,\r\n updateServiceRequests,\r\n queryLocationsForMealPlanner\r\n} from '@hobs/actions/mealPlanner';\r\n\r\nimport _MealPlanner from '@hobs/containers/MealPlanner';\r\nimport './MealPlanner.scss';\r\n\r\nclass MealPlanner extends _MealPlanner {\r\n renderNationFilter() {\r\n return null;\r\n }\r\n\r\n renderHeader() {\r\n const { t } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n canRenderNation() {\r\n return false;\r\n }\r\n\r\n canSplitMealPlanner() {\r\n return false;\r\n }\r\n\r\n onDialogOpening = () => {};\r\n\r\n renderKitchenDialog() {}\r\n\r\n renderKitchenName(serviceRequest) {\r\n const { t } = this.props;\r\n\r\n return serviceRequest.kitchenName ? (\r\n {t('Meal planner')}
\r\n\r\n \r\n {nav =>\r\n nav.serviceRequestNavigation !==\r\n SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets &&\r\n nav.setServiceRequestNavigation(\r\n SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets\r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTickets.propTypes = {\r\n isLoading: PropTypes.bool,\r\n oData: PropTypes.object,\r\n queryOData: PropTypes.func,\r\n resetOData: PropTypes.func,\r\n loadODataQuery: PropTypes.func,\r\n location: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n t: PropTypes.func,\r\n withQuickSearchForm: PropTypes.func,\r\n withQuickSearchFilter: PropTypes.object,\r\n getGroupGrid: PropTypes.func,\r\n hasUserPermission: PropTypes.func,\r\n queryXLSOData: PropTypes.func,\r\n sor: PropTypes.object,\r\n forSubmit: PropTypes.object,\r\n getTicketGrid: PropTypes.func,\r\n getSorSummary: PropTypes.func,\r\n ticketGrid: PropTypes.object,\r\n withVisibleColumns: PropTypes.object,\r\n user: PropTypes.object\r\n};\r\n\r\nconst oDataLoading = createLoadingSelector(['OData']);\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state),\r\n oData: state.odata,\r\n sor: state.sor,\r\n forSubmit: state.tickets.forSubmit,\r\n ticketGrid: state.gridSelections.ticketGrid\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n queryOData,\r\n resetOData,\r\n queryXLSOData,\r\n getSorSummary,\r\n getTicketGrid\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(\r\n withTranslation()(\r\n withRouter(WithVisibleColumns(WithQuickSearch(WithRoles(Tickets))))\r\n )\r\n);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PageHeader from '@hobs/components/PageHeader';\r\nimport { ServiceRequestNavContext } from '@hobs/components/ServiceRequestNavContext';\r\nimport { GhostButton, RaisedButton } from '@hobs/components/Buttons';\r\nimport Icon from '@hobs/components/Icon';\r\nimport InputLabel from '@hobs/components/InputLabel';\r\nimport Status from '@hobs/components/Status';\r\nimport Money from '@hobs/components/Money';\r\nimport Loader from '@hobs/components/Loader';\r\nimport BluePanel from '@hobs/components/BluePanel';\r\nimport PageActions from '@hobs/components/PageActions';\r\nimport { H2 } from '@hobs/components/Headings';\r\nimport { format } from '@hobs/utils/formatWithTimeZone';\r\nimport PageLinks from '@hobs/components/PageLinks';\r\nimport CalculateByDays from '@hobs/components/CalculateByDays';\r\n\r\nimport {\r\n SERVICE_REQUEST_NAVIGATION_ORIGIN,\r\n DATE_FORMAT,\r\n TICKETS_STATUSES,\r\n SERVICE_REQUEST_FOOTER_STATUSES\r\n} from '@hobs/utils/constants';\r\nimport './ChangeHistory.scss';\r\nimport Quantity from '@hobs/components/Quantity';\r\n\r\nconst SHORT_NAMES = {\r\n 'Host Nation': 'HN',\r\n 'Sending Nation': 'SN'\r\n};\r\n\r\nclass ChangeHistory extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.container = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n match: {\r\n params: { serviceRequestId }\r\n },\r\n getTickets,\r\n getFooter\r\n } = this.props;\r\n\r\n getFooter(serviceRequestId);\r\n getTickets(serviceRequestId);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.clearFooter();\r\n this.props.clearTickets();\r\n }\r\n\r\n navigateBack = (navContext, previousPageHistory) => () => {\r\n const { history } = this.props;\r\n history.push(this.getBackNavigationUrl(navContext, previousPageHistory));\r\n };\r\n\r\n isActionsEnabled() {\r\n return (\r\n this.props.footer &&\r\n this.props.footer.footerType ===\r\n SERVICE_REQUEST_FOOTER_STATUSES.RequestForCancellation\r\n );\r\n }\r\n\r\n isCustom() {\r\n return this.props.tickets.isCustom;\r\n }\r\n\r\n getHistoryPath() {\r\n const { match } = this.props;\r\n return `/${\r\n this.isCustom()\r\n ? 'custom-service-request-history'\r\n : 'service-request-history'\r\n }/${match.params.partyId}/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getEditPath() {\r\n const { match } = this.props;\r\n return `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${match.params.partyId}/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getShowPath() {\r\n const { match } = this.props;\r\n return `/request-information/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getTransportationPath() {\r\n const { match } = this.props;\r\n return `/service-request/${match.params.partyId}/${match.params.serviceRequestId}/transportation`;\r\n }\r\n\r\n getChangeHistoryPath() {\r\n const { match } = this.props;\r\n return `/service-request/${match.params.partyId}/${match.params.serviceRequestId}/change-history`;\r\n }\r\n\r\n getDiscussionInitials() {\r\n const { t } = this.props;\r\n return t('SN');\r\n }\r\n\r\n renderNoResults() {\r\n const { t, footer } = this.props;\r\n return (\r\n {t('Additional requests')}
\r\n\r\n \r\n {Object.keys(getGridColumns).reduce((results, key) => {\r\n const column = getGridColumns[key];\r\n if (\r\n (typeof column.xls === 'undefined' || column.xls) &&\r\n column.visible\r\n ) {\r\n if (column.filter === 'date') {\r\n results.push(\r\n \r\n {this.getColumns()}\r\n \r\n \r\n )}\r\n {this.props.isLoading &&
\r\n \r\n
\r\n {Object.keys(getGridColumns).length > 0 && (\r\n <>\r\n \r\n {!hasUserPermission(USER_ROLES.READONLY) &&\r\n !hasUserPermission(USER_ROLES.HOST_UNIT) && (\r\n
\r\n \r\n {\r\n openDialog();\r\n }}\r\n type=\"button\"\r\n >\r\n {t('Visible columns')} ({getVisibleColumnCount()})\r\n \r\n
\r\n \r\n \r\n {this.getUnitOptions(\r\n ObjectPath.get(this.props.sor, 'sorSummary.units')\r\n )}\r\n \r\n
\r\n \r\n {this.props.withQuickSearchForm({\r\n onSearch: this.onQuickSearch,\r\n noMargin: true\r\n })}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderHeaderCenterActions = () => {\r\n return null;\r\n };\r\n\r\n onAddChangeRequest = () => {\r\n const {\r\n history,\r\n match: {\r\n params: { serviceRequestId, partyId }\r\n }\r\n } = this.props;\r\n\r\n history.push({\r\n pathname: `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${partyId}/${serviceRequestId}`,\r\n state: {\r\n showCreateChangeRequestDialog: true\r\n }\r\n });\r\n };\r\n\r\n onRequestForCancellation = () => {\r\n const {\r\n history,\r\n match: {\r\n params: { serviceRequestId, partyId }\r\n }\r\n } = this.props;\r\n\r\n history.push({\r\n pathname: `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${partyId}/${serviceRequestId}`,\r\n state: {\r\n showRequestCancellationDialog: true\r\n }\r\n });\r\n };\r\n\r\n getBackNavigationUrl = (navContext, history) => {\r\n const { match } = this.props;\r\n if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets) {\r\n return '/tickets';\r\n } else if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.AnnexOverview) {\r\n const withSearch =\r\n history && history.location && history.location.search\r\n ? history.location.search\r\n : '';\r\n return `/annex-overview${withSearch}`;\r\n } else if (\r\n navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.RequestedServices\r\n ) {\r\n return `/service-requests/${match.params.partyId}`;\r\n }\r\n\r\n return `/service-requests/${match.params.partyId}`;\r\n };\r\n\r\n getValues(values) {\r\n if (typeof values !== 'object') {\r\n return values;\r\n }\r\n\r\n return Object.keys(values).reduce((results, key) => {\r\n results[key] =\r\n results[key] || typeof results[key] === 'boolean' ? results[key] : '-';\r\n return results;\r\n }, values);\r\n }\r\n\r\n getDisplayValue(value, placeholder = '-') {\r\n return value && value !== '' ? value : placeholder;\r\n }\r\n\r\n renderTicketClosed(values, { additionalRequestTypeId }) {\r\n const { t } = this.props;\r\n\r\n if (!values) {\r\n return null;\r\n }\r\n\r\n if (values.accepted) {\r\n const isAcceptedAutomatically = !values.accepted.fullName;\r\n const message =\r\n additionalRequestTypeId === 0\r\n ? t(\r\n `Additional service request was ${\r\n !isAcceptedAutomatically\r\n ? 'accepted by the '\r\n : 'automatically confirmed'\r\n }`\r\n )\r\n : t(\r\n `Change request was ${\r\n !isAcceptedAutomatically\r\n ? 'accepted by the '\r\n : 'automatically confirmed'\r\n }`\r\n );\r\n return (\r\n <>\r\n \r\n {t('There are no change requests for this service.')}\r\n\r\n {this.isActionsEnabled() && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n if (values.rejected) {\r\n const message =\r\n additionalRequestTypeId === 0\r\n ? t('Additional service request was rejected by the ')\r\n : t('Change request was rejected by the ');\r\n\r\n return (\r\n <>\r\n {t('Request confirmation')}
\r\n\r\n
\r\n \r\n {message}{' '}\r\n {isAcceptedAutomatically\r\n ? ''\r\n : values.accepted.partyType === 'Host Nation'\r\n ? 'HN '\r\n : 'SN '}\r\n \r\n (\r\n {isAcceptedAutomatically\r\n ? ''\r\n : values.accepted.fullName + ', '}\r\n \r\n )\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n renderChangeRequests() {\r\n const {\r\n tickets: { tickets },\r\n tickets: ticketInfo\r\n } = this.props;\r\n\r\n return tickets.map((ticket, index) => {\r\n const additionalInfo = {\r\n partyName: ticketInfo.partyName,\r\n createdByFullName: ticket.createdByFullName,\r\n creationDate: ticket.creationDate,\r\n additionalRequestTypeId: ticket.additionalRequestTypeId,\r\n creationComment: ticket.creationComment,\r\n ticketStatus: ticket.ticketStatus,\r\n createdByPartyType: ticket.createdByPartyType\r\n };\r\n\r\n return (\r\n {t('Request rejection')}
\r\n\r\n
\r\n \r\n {message}\r\n {values.rejected.partyType === 'Host Nation' ? 'HN ' : 'SN '}(\r\n \r\n {values.rejected.fullName},{' '}\r\n \r\n )\r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n }\r\n\r\n cancellationRequest(values, info) {\r\n if (!values) {\r\n return null;\r\n }\r\n\r\n const { responseFromHn } = values;\r\n const { t } = this.props;\r\n\r\n const responseFromHnData = responseFromHn\r\n ? this.getValues(responseFromHn)\r\n : {};\r\n const message =\r\n info.ticketStatus === 'Rejected'\r\n ? t('Request for cancellation was rejected by the HN ')\r\n : t('Request for cancellation was confirmed by the HN ');\r\n\r\n return (\r\n \r\n \r\n {ticket.additionalRequestType} ({ticket.ticketNumber})\r\n {' '}\r\n \r\n
\r\n \r\n {this.cancellationRequest(\r\n ticket.cancellationRequest,\r\n additionalInfo\r\n )}\r\n {this.renderChangeServiceRequestChanges(\r\n ticket.changeRequest,\r\n additionalInfo\r\n )}\r\n {this.renderNewServiceRequestChanges(\r\n ticket.newServiceRequest,\r\n additionalInfo\r\n )}\r\n {!ticket.cancellationRequest &&\r\n this.renderTicketClosed(ticket.ticketClosed, additionalInfo)}\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n renderServiceRequestChanges(changes, action) {\r\n const { t, currentExercise } = this.props;\r\n\r\n const getRenderValue = (key, type = 'String') => {\r\n let renderValue = null;\r\n\r\n const value =\r\n changes.oldValues &&\r\n changes.oldValues[key] &&\r\n changes[key] !== changes.oldValues[key]\r\n ? changes.oldValues[key]\r\n : false;\r\n\r\n renderValue = !value && hasOldValue(key) ? '-' : value;\r\n\r\n if (type === 'Date' && value) {\r\n renderValue = format(value, DATE_FORMAT);\r\n }\r\n\r\n return renderValue;\r\n };\r\n\r\n const getOldValue = (key, type = 'String') => {\r\n const renderValue = getRenderValue(key, type);\r\n\r\n return renderValue ? (\r\n (was {renderValue})\r\n ) : null;\r\n };\r\n\r\n const getOldMoneyValue = key => {\r\n const renderValue = getRenderValue(key);\r\n\r\n return renderValue ? (\r\n \r\n (was {{t('Cancellation request')}
\r\n\r\n
\r\n\r\n \r\n {'Request for cancellation was created for the service by the '}\r\n {SHORT_NAMES[info.createdByPartyType]}{' '}\r\n \r\n ({info.createdByFullName},{' '}\r\n )\r\n \r\n
\r\n \r\n {t('Comment')} \r\n
\r\n {responseFromHn && (\r\n <>\r\n {info.creationComment}
\r\n \r\n
{t('Response from HN')}
\r\n\r\n
\r\n {this.renderCancellationResponseFromHn(responseFromHnData)}\r\n \r\n )}\r\n \r\n {message}\r\n \r\n ({responseFromHnData.fullName},{' '}\r\n \r\n )\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n isTransportation() {\r\n return this.props.tickets.isTransportation;\r\n }\r\n\r\n renderNewServiceRequestChanges(values, info) {\r\n if (!values) {\r\n return null;\r\n }\r\n\r\n const { newValues, responseFromHn } = values;\r\n\r\n const {\r\n createdByFullName,\r\n creationComment,\r\n creationDate,\r\n partyName,\r\n createdByPartyType\r\n } = info;\r\n\r\n const newValuesData = this.getValues(newValues);\r\n\r\n return (\r\n <>\r\n {this.renderServiceRequestChanges(\r\n {\r\n ...newValuesData,\r\n createdByFullName,\r\n creationDate,\r\n partyName,\r\n creationComment,\r\n createdByPartyType\r\n },\r\n 'NEW'\r\n )}\r\n {this.renderResponseFromHn(responseFromHn, 'NEW')}\r\n \r\n );\r\n }\r\n\r\n renderCancellationResponseFromHn(values) {\r\n const { t, currentExercise } = this.props;\r\n\r\n if (!values.total || !values.grossAmount) {\r\n return (\r\n \r\n {action === 'NEW'\r\n ? t('Service request information')\r\n : t('Change request information')}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n {message}\r\n {isResponsiblePersonSet &&\r\n SHORT_NAMES[changes.createdByPartyType]}{' '}\r\n \r\n ({isResponsiblePersonSet && changes.createdByFullName + ' '}\r\n )\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {t('To Unit')}\r\n \r\n
\r\n \r\n {changes.toUnit} {getOldValue('toUnit')}\r\n
\r\n \r\n \r\n {t('Req. q-ty')}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t('UoM')}\r\n \r\n
\r\n \r\n {changes.unitOfMeasure} {getOldValue('unitOfMeasure')}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {t('From date')}\r\n \r\n
\r\n \r\n {format(changes.fromDate, DATE_FORMAT)}{' '}\r\n {getOldValue('fromDate', 'Date')}\r\n
\r\n \r\n \r\n {t('To date')}\r\n \r\n
\r\n \r\n {format(changes.toDate, DATE_FORMAT)}{' '}\r\n {getOldValue('toDate', 'Date')}\r\n
\r\n \r\n \r\n \r\n {getOldValue('totalDays')}\r\n \r\n
\r\n \r\n
\r\n\r\n {this.isTransportation() && (\r\n \r\n \r\n {t(this.isTransportation() ? 'Location from' : 'Location')}\r\n \r\n
\r\n \r\n {this.getDisplayValue(changes.locationFromName)}{' '}\r\n {getOldValue('locationFromName')}\r\n
\r\n \r\n \r\n {t(\r\n this.isTransportation()\r\n ? 'Location from comment'\r\n : 'Location comment'\r\n )}\r\n \r\n
\r\n \r\n {this.getDisplayValue(changes.locationFromComment)}{' '}\r\n {getOldValue('locationFromComment')}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n {t('Location to')}\r\n \r\n
\r\n \r\n {this.getDisplayValue(changes.locationToName)}{' '}\r\n {getOldValue('locationToName')}\r\n
\r\n \r\n \r\n {t('Location to comment')}\r\n \r\n
\r\n \r\n {this.getDisplayValue(changes.locationToComment)}{' '}\r\n {getOldValue('locationToComment')}\r\n
\r\n \r\n
\r\n \r\n \r\n {t('Comment ')}{' '}\r\n {action !== 'NEW' ? t('(why change is needed)') : ''}\r\n \r\n
\r\n {this.getDisplayValue(changes.creationComment)}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {t('Total quantity')}
\r\n \r\n \r\n \r\n
\r\n {t('Est. total cost')}{` (${currentExercise.currency.name})`}
\r\n \r\n {t('Comment')} \r\n
\r\n );\r\n }\r\n\r\n return (\r\n <>\r\n {values.comment}
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n renderResponseFromHn({ confirmed, rejected }, action) {\r\n const { t, currentExercise } = this.props;\r\n\r\n if (!confirmed && !rejected) {\r\n return null;\r\n }\r\n\r\n const values = confirmed\r\n ? this.getValues(confirmed)\r\n : this.getValues(rejected);\r\n\r\n if (rejected) {\r\n const message =\r\n action === 'NEW'\r\n ? t('Additional service request was rejected by the HN ')\r\n : t('Change request was rejected by the HN ');\r\n return (\r\n <>\r\n {t('Cancellation Costs')}
\r\n\r\n
\r\n \r\n {t('Q-ty')} \r\n
\r\n \r\n {!isNaN(values.quantity) ? (\r\n
\r\n \r\n {t('Currency')} \r\n
\r\n \r\n {currentExercise.currency.name}\r\n
\r\n \r\n {t('Price')} \r\n
\r\n \r\n
\r\n \r\n {t('Total')} \r\n
\r\n \r\n
\r\n \r\n {t('Gross amount')} \r\n
\r\n \r\n
\r\n \r\n {t('Comment')} \r\n
\r\n {values.comment}
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n <>\r\n {t('Response from HN')}
\r\n\r\n {message}\r\n \r\n ({values.fullName},\r\n )\r\n \r\n
\r\n \r\n {t('Comment')} \r\n
\r\n {values.comment}
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n renderLastConfirmedValues(values) {\r\n const { t, currentExercise } = this.props;\r\n\r\n if (!values) {\r\n return null;\r\n }\r\n\r\n const data = this.getValues(values);\r\n\r\n return (\r\n <>\r\n {t('Response from HN')}
\r\n\r\n
\r\n \r\n {t('Q-ty')} \r\n
\r\n \r\n
\r\n \r\n {t('Currency')} \r\n
\r\n \r\n {currentExercise.currency.name}\r\n
\r\n \r\n {t('Price')} \r\n
\r\n \r\n
\r\n \r\n {t('Total')} \r\n
\r\n \r\n
\r\n \r\n {t('Gross amount')} \r\n
\r\n \r\n
\r\n \r\n {t('Comment')} \r\n
\r\n {values.comment}
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n renderChangeServiceRequestChanges(values, info) {\r\n if (!values) {\r\n return null;\r\n }\r\n\r\n const {\r\n newValues,\r\n responseFromHn,\r\n lastConfirmedValues,\r\n oldValues\r\n } = values;\r\n\r\n const {\r\n createdByFullName,\r\n creationDate,\r\n creationComment,\r\n partyName,\r\n createdByPartyType\r\n } = info;\r\n\r\n return (\r\n <>\r\n {this.renderServiceRequestChanges(\r\n {\r\n ...newValues,\r\n createdByFullName,\r\n creationDate,\r\n partyName,\r\n oldValues,\r\n creationComment,\r\n createdByPartyType\r\n },\r\n 'CHANGE'\r\n )}\r\n {this.renderLastConfirmedValues(lastConfirmedValues)}\r\n {this.renderResponseFromHn(responseFromHn, 'CHANGE')}\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const {\r\n t,\r\n tickets: { tickets },\r\n tickets: info,\r\n isLoading,\r\n match: { params },\r\n footer\r\n } = this.props;\r\n return (\r\n {t('Last confirmed values')}
\r\n\r\n
\r\n \r\n {t('Q-ty')} \r\n
\r\n \r\n
\r\n \r\n {t('Currency')} \r\n
\r\n \r\n {currentExercise.currency.name}\r\n
\r\n \r\n {t('Price')} \r\n
\r\n \r\n
\r\n \r\n {t('Total')} \r\n
\r\n \r\n
\r\n \r\n {t('Gross amount')} \r\n
\r\n \r\n
\r\n \r\n {t('Comment')} \r\n
\r\n {data.comment}
\r\n \r\n {isLoading && \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nChangeHistory.propTypes = {\r\n isLoading: PropTypes.bool,\r\n t: PropTypes.func,\r\n tickets: PropTypes.object,\r\n match: PropTypes.object,\r\n history: PropTypes.object,\r\n getTickets: PropTypes.func,\r\n clearTickets: PropTypes.func,\r\n getFooter: PropTypes.func,\r\n clearFooter: PropTypes.func,\r\n footer: PropTypes.object,\r\n withEscNavigationCallback: PropTypes.func,\r\n currentExercise: PropTypes.object\r\n};\r\n\r\nexport default ChangeHistory;\r\n","import { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withRouter } from 'react-router-dom';\r\nimport WithEscNavigation from '@hobs/hocs/WithEscNavigation';\r\nimport { createLoadingSelector } from '@hobs/utils/loading';\r\nimport _ChangeHistory from '@hobs/containers/ChangeHistory';\r\nimport { getTickets, clearTickets } from '@hobs/actions/tickets';\r\nimport { SERVICE_REQUEST_NAVIGATION_ORIGIN } from '@hobs/utils/constants';\r\n\r\nimport { getFooter, clearFooter } from '@hobs/actions/serviceRequests';\r\n\r\nclass ChangeHistory extends _ChangeHistory {\r\n getBackNavigationUrl = navContext => {\r\n if (navContext === SERVICE_REQUEST_NAVIGATION_ORIGIN.Tickets) {\r\n return '/tickets';\r\n } else {\r\n return '/requested-services';\r\n }\r\n };\r\n\r\n getHistoryPath() {\r\n const { match } = this.props;\r\n return `/${\r\n this.isCustom()\r\n ? 'custom-service-request-history'\r\n : 'service-request-history'\r\n }/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getEditPath() {\r\n const { match } = this.props;\r\n return `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${match.params.serviceRequestId}`;\r\n }\r\n\r\n getChangeHistoryPath() {\r\n const { match } = this.props;\r\n return `/service-request/${match.params.serviceRequestId}/change-history`;\r\n }\r\n\r\n getShowPath() {\r\n return null;\r\n }\r\n\r\n getTransportationPath() {\r\n const { match } = this.props;\r\n return `/service-request/${match.params.serviceRequestId}/transportation`;\r\n }\r\n\r\n getDiscussionInitials() {\r\n const { t } = this.props;\r\n return t('HN');\r\n }\r\n\r\n onAddChangeRequest = () => {\r\n const {\r\n history,\r\n match: {\r\n params: { serviceRequestId }\r\n }\r\n } = this.props;\r\n\r\n history.push({\r\n pathname: `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${serviceRequestId}`,\r\n state: {\r\n showCreateChangeRequestDialog: true\r\n }\r\n });\r\n };\r\n\r\n onRequestForCancellation = () => {\r\n const {\r\n history,\r\n match: {\r\n params: { serviceRequestId }\r\n }\r\n } = this.props;\r\n\r\n history.push({\r\n pathname: `/${\r\n this.isCustom() ? 'custom-service-request' : 'service-request'\r\n }/${serviceRequestId}`,\r\n state: {\r\n showRequestCancellationDialog: true\r\n }\r\n });\r\n };\r\n}\r\n\r\nconst oDataLoading = createLoadingSelector(['Tickets/Get']);\r\n\r\nconst mapStateToProps = state => ({\r\n isLoading: oDataLoading(state),\r\n tickets: state.tickets.tickets,\r\n footer: state.serviceRequests.footer,\r\n currentExercise: state.exercise.current\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n getTickets,\r\n clearTickets,\r\n getFooter,\r\n clearFooter\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withTranslation()(withRouter(WithEscNavigation(ChangeHistory))));\r\n","import React from 'react';\r\nimport { Route, BrowserRouter, Switch } from 'react-router-dom';\r\nimport PrivateRoute from '@hobs/auth/components/PrivateRoute';\r\n\r\nimport NotFound from '@hobs/containers/NotFound';\r\nimport PrivateLayout from '../components/PrivateLayout';\r\nimport Home from '../containers/Home';\r\nimport Login from '../containers/Login';\r\nimport Logout from '../containers/Logout';\r\nimport Reset from '../containers/Reset';\r\nimport RequestedServices from '../containers/RequestedServices';\r\nimport ServiceRequest from '../containers/ServiceRequest';\r\nimport Catalog from '../containers/Catalog';\r\nimport StatementOfRequirements from '../containers/StatementOfRequirements/StatementOfRequirements';\r\nimport ServiceRequestCustom from '../containers/ServiceRequestCustom';\r\nimport ServiceRequestEdit from '../containers/ServiceRequestEdit';\r\nimport Party from '../containers/Party';\r\nimport TermsAndConditions from '../containers/TermsAndConditions';\r\nimport TermsAndConditionsView from '../containers/TermsAndConditionsView';\r\nimport Transportation from '../containers/Transportation';\r\nimport {\r\n ServiceRequestEditAuditLogs,\r\n ServiceRequestCustomAuditLogs\r\n} from '../containers/ServiceRequestAuditLog';\r\nimport ApprovalSummary from '../containers/ApprovalSummary';\r\nimport MealPlanner from '../containers/MealPlanner';\r\nimport Tickets from '../containers/Tickets';\r\nimport ChangeHistory from '../containers/ChangeHistory';\r\n\r\nconst Routes = () => {\r\n return (\r\n \r\n \r\n {nav => (\r\n <>\r\n {this.props.withEscNavigationCallback(\r\n this.navigateBack(\r\n nav.serviceRequestNavigation,\r\n nav.previousPageHistory\r\n )\r\n )}\r\n \r\n {this.renderHeaderCenterActions()}\r\n
\r\n )}\r\n\r\n {!isLoading && tickets.length === 0 && this.renderNoResults()}\r\n {!isLoading && tickets.length > 0 && this.renderChangeRequests()}\r\n\r\n {!isLoading && this.isActionsEnabled() && (\r\n \r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return this.props.children;\r\n }\r\n }\r\n}\r\n\r\nErrorBoundaries.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport default ErrorBoundaries;\r\n","export { default } from './ErrorBoundaries';\r\n","export const list = {\r\n REQUEST: 'Exercises/List/Request',\r\n SUCCESS: 'Exercises/List/Success',\r\n FAILURE: 'Exercises/List/Failure'\r\n};\r\n\r\nexport const homePage = {\r\n REQUEST: 'Exercises/HomePage/Request',\r\n SUCCESS: 'Exercises/HomePage/Success',\r\n FAILURE: 'Exercises/HomePage/Failure'\r\n};\r\n\r\nexport const terms = {\r\n REQUEST: 'Exercises/Terms/Request',\r\n SUCCESS: 'Exercises/Terms/Success',\r\n FAILURE: 'Exercises/Terms/Failure'\r\n};\r\n\r\nexport const termsAccept = {\r\n REQUEST: 'Exercises/TermsAccept/Request',\r\n SUCCESS: 'Exercises/TermsAccept/Success',\r\n FAILURE: 'Exercises/TermsAccept/Failure'\r\n};\r\n\r\nexport const changeCurrentExerciseId = {\r\n REQUEST: 'Exercises/changeCurrentExerciseId/Request',\r\n SUCCESS: 'Exercises/changeCurrentExerciseId/Success',\r\n FAILURE: 'Exercises/changeCurrentExerciseId/Failure'\r\n};\r\n\r\nexport const exerciseStaticData = {\r\n REQUEST: 'Exercises/ForSubmit/Request',\r\n SUCCESS: 'Exercises/ForSubmit/Success',\r\n FAILURE: 'Exercises/ForSubmit/Failure'\r\n};\r\n\r\nexport const exercisePost = {\r\n REQUEST: 'Exercises/Create/Request',\r\n SUCCESS: 'Exercises/Create/Success',\r\n FAILURE: 'Exercises/Create/Failure'\r\n};\r\n\r\nexport const exercisePut = {\r\n REQUEST: 'Exercises/Update/Request',\r\n SUCCESS: 'Exercises/Update/Success',\r\n FAILURE: 'Exercises/Update/Failure'\r\n};\r\n\r\nexport const exerciseGet = {\r\n REQUEST: 'Exercises/Get/Request',\r\n SUCCESS: 'Exercises/Get/Success',\r\n FAILURE: 'Exercises/Get/Failure',\r\n RESET: 'Exercises/Get/Reset'\r\n};\r\n\r\nexport const CURRENT = {\r\n REQUEST: 'Exercises/Current/Request',\r\n SUCCESS: 'Exercises/Current/Success',\r\n FAILURE: 'Exercises/Current/Failure'\r\n};\r\n\r\nexport const remainingDays = {\r\n REQUEST: 'RemainingDays/Get/Request',\r\n SUCCESS: 'RemainingDays/Get/Success',\r\n FAILURE: 'RemainingDays/Get/Failure'\r\n};\r\n","export const FORSUBMIT = {\r\n REQUEST: 'Tickets/ForSubmit/Request',\r\n SUCCESS: 'Tickets/ForSubmit/Success',\r\n FAILURE: 'Tickets/ForSubmit/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'Tickets/Get/Request',\r\n SUCCESS: 'Tickets/Get/Success',\r\n FAILURE: 'Tickets/Get/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'Tickets/Update/Request',\r\n SUCCESS: 'Tickets/Update/Success',\r\n FAILURE: 'Tickets/Update/Failure'\r\n};\r\n\r\nexport const CLEAR = {\r\n SUCCESS: 'Tickets/Clear/Success'\r\n};\r\n\r\nexport const CONFIRM = {\r\n REQUEST: 'Tickets/Confirm/Request',\r\n SUCCESS: 'Tickets/Confirm/Success',\r\n FAILURE: 'Tickets/Confirm/Failure'\r\n};\r\n\r\nexport const CONFIRM_REJECT = {\r\n REQUEST: 'Tickets/ConfirmReject/Request',\r\n SUCCESS: 'Tickets/ConfirmReject/Success',\r\n FAILURE: 'Tickets/ConfirmReject/Failure'\r\n};\r\n\r\nexport const ACCEPT_RESPONSE = {\r\n REQUEST: 'Tickets/AcceptResponse/Request',\r\n SUCCESS: 'Tickets/AcceptResponse/Success',\r\n FAILURE: 'Tickets/AcceptResponse/Failure'\r\n};\r\n\r\nexport const REJECT_RESPONSE = {\r\n REQUEST: 'Tickets/RejectResponse/Request',\r\n SUCCESS: 'Tickets/RejectResponse/Success',\r\n FAILURE: 'Tickets/RejectResponse/Failure'\r\n};\r\n\r\nexport const CREATE_CHANGE_REQUEST = {\r\n REQUEST: 'Tickets/CreateChangeRequest/Request',\r\n SUCCESS: 'Tickets/CreateChangeRequest/Success',\r\n FAILURE: 'Tickets/CreateChangeRequest/Failure'\r\n};\r\n\r\nexport const CONFIRM_CHANGE = {\r\n REQUEST: 'Tickets/ConfirmChangeRequest/Request',\r\n SUCCESS: 'Tickets/ConfirmChangeRequest/Success',\r\n FAILURE: 'Tickets/ConfirmChangeRequest/Failure'\r\n};\r\n\r\nexport const REJECT_CHANGE = {\r\n REQUEST: 'Tickets/RejectChangeRequest/Request',\r\n SUCCESS: 'Tickets/RejectChangeRequest/Success',\r\n FAILURE: 'Tickets/RejectChangeRequest/Failure'\r\n};\r\n\r\nexport const ACCEPT_CHANGE_RESPONSE = {\r\n REQUEST: 'Tickets/AcceptChangeResponse/Request',\r\n SUCCESS: 'Tickets/AcceptChangeResponse/Success',\r\n FAILURE: 'Tickets/AcceptChangeResponse/Failure'\r\n};\r\n\r\nexport const REJECT_CHANGE_RESPONSE = {\r\n REQUEST: 'Tickets/RejectChangeResponse/Request',\r\n SUCCESS: 'Tickets/RejectChangeResponse/Success',\r\n FAILURE: 'Tickets/RejectChangeResponse/Failure'\r\n};\r\n\r\nexport const CALCULATE_BY_DAYS = {\r\n REQUEST: 'Tickets/CalculateByDays/Request',\r\n SUCCESS: 'Tickets/CalculateByDays/Success',\r\n FAILURE: 'Tickets/CalculateByDays/Failure'\r\n};\r\n\r\nexport const CLEAR_COSTS = {\r\n REQUEST: 'Tickets/ClearCosts/Request',\r\n SUCCESS: 'Tickets/ClearCosts/Success',\r\n FAILURE: 'Tickets/ClearCosts/Failure'\r\n};\r\n\r\nexport const CREATE_CANCELLATION_REQUEST = {\r\n REQUEST: 'Tickets/CreateCancellationRequest/Request',\r\n SUCCESS: 'Tickets/CreateCancellationRequest/Success',\r\n FAILURE: 'Tickets/CreateCancellationRequest/Failure'\r\n};\r\n\r\nexport const CONFIRM_CANCELLATION = {\r\n REQUEST: 'Tickets/ConfirmCancellation/Request',\r\n SUCCESS: 'Tickets/ConfirmCancellation/Success',\r\n FAILURE: 'Tickets/ConfirmCancellation/Failure'\r\n};\r\n\r\nexport const REJECT_CANCELLATION = {\r\n REQUEST: 'Tickets/RejectCancellation/Request',\r\n SUCCESS: 'Tickets/RejectCancellation/Success',\r\n FAILURE: 'Tickets/RejectCancellation/Failure'\r\n};\r\n\r\nexport const CONFIRM_CANCELLATION_COSTS = {\r\n REQUEST: '',\r\n SUCCESS: '',\r\n FAILURE: ''\r\n};\r\n","export const GETANNEXOVERVIEW = {\r\n REQUEST: 'GridSelections/GetAnnexOverview/Request',\r\n SUCCESS: 'GridSelections/GetAnnexOverview/Success',\r\n FAILURE: 'GridSelections/GetAnnexOverview/Failure'\r\n};\r\nexport const GETREQUESTEDSERVICES = {\r\n REQUEST: 'GridSelections/GetRequestedServices/Request',\r\n SUCCESS: 'GridSelections/GetRequestedServices/Success',\r\n FAILURE: 'GridSelections/GetRequestedServices/Failure'\r\n};\r\nexport const GETPARTYGRID = {\r\n REQUEST: 'GridSelections/GetPartyGrid/Request',\r\n SUCCESS: 'GridSelections/GetPartyGrid/Success',\r\n FAILURE: 'GridSelections/GetPartyGrid/Failure'\r\n};\r\nexport const GETUSERGRID = {\r\n REQUEST: 'GridSelections/GetUserGrid/Request',\r\n SUCCESS: 'GridSelections/GetUserGrid/Success',\r\n FAILURE: 'GridSelections/GetUserGrid/Failure'\r\n};\r\nexport const GETEXERCISEGRID = {\r\n REQUEST: 'GridSelections/GetExerciseGrid/Request',\r\n SUCCESS: 'GridSelections/GetExerciseGrid/Success',\r\n FAILURE: 'GridSelections/GetExerciseGrid/Failure'\r\n};\r\nexport const GETSORGRID = {\r\n REQUEST: 'GridSelections/GetSorGrid/Request',\r\n SUCCESS: 'GridSelections/GetSorGrid/Success',\r\n FAILURE: 'GridSelections/GetSorGrid/Failure'\r\n};\r\nexport const GETAUDITLOGGRID = {\r\n REQUEST: 'GridSelections/GetAuditLogGrid/Request',\r\n SUCCESS: 'GridSelections/GetAuditLogGrid/Success',\r\n FAILURE: 'GridSelections/GetAuditLogGrid/Failure'\r\n};\r\nexport const GET_CATALOG_GRID = {\r\n REQUEST: 'GridSelections/GetCatalogGrid/Request',\r\n SUCCESS: 'GridSelections/GetCatalogGrid/Success',\r\n FAILURE: 'GridSelections/GetCatalogGrid/Failure'\r\n};\r\nexport const GET_ORDER_GRID = {\r\n REQUEST: 'GridSelections/GetOrderGrid/Request',\r\n SUCCESS: 'GridSelections/GetOrderGrid/Success',\r\n FAILURE: 'GridSelections/GetOrderGrid/Failure'\r\n};\r\nexport const GET_GROUP_GRID = {\r\n REQUEST: 'GridSelections/GetGroupGrid/Request',\r\n SUCCESS: 'GridSelections/GetGroupGrid/Success',\r\n FAILURE: 'GridSelections/GetGroupGrid/Failure'\r\n};\r\nexport const GET_TICKET_GRID = {\r\n REQUEST: 'GridSelections/GetTicketGrid/Request',\r\n SUCCESS: 'GridSelections/GetTicketGrid/Success',\r\n FAILURE: 'GridSelections/GetTicketGrid/Failure'\r\n};\r\nexport const GET_ACTIVITY_GRID = {\r\n REQUEST: 'GridSelections/GetActivityGrid/Request',\r\n SUCCESS: 'GridSelections/GetActivityGrid/Success',\r\n FAILURE: 'GridSelections/GetActivityGrid/Failure'\r\n};\r\n\r\n\r\n","export const FORSUBMIT = {\r\n REQUEST: 'Units/ForSubmit/Request',\r\n SUCCESS: 'Units/ForSubmit/Success',\r\n FAILURE: 'Units/ForSubmit/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'Units/Get/Request',\r\n SUCCESS: 'Units/Get/Success',\r\n FAILURE: 'Units/Get/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'Units/Create/Request',\r\n SUCCESS: 'Units/Create/Success',\r\n FAILURE: 'Units/Create/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'Units/Update/Request',\r\n SUCCESS: 'Units/Update/Success',\r\n FAILURE: 'Units/Update/Failure'\r\n};\r\n\r\nexport const CLEAR = {\r\n REQUEST: 'Units/Clear/Request',\r\n SUCCESS: 'Units/Clear/Success',\r\n FAILURE: 'Units/Clear/Failure'\r\n};\r\n\r\nexport const DELETE = {\r\n REQUEST: 'Units/Delete/Request',\r\n SUCCESS: 'Units/Delete/Success',\r\n FAILURE: 'Units/Delete/Failure'\r\n};\r\n","export const list = {\r\n REQUEST: 'Activity/List/Request',\r\n SUCCESS: 'Activity/List/Success',\r\n FAILURE: 'Activity/List/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'Activity/GET/Request',\r\n SUCCESS: 'Activity/GET/Success',\r\n FAILURE: 'Activity/GET/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'Activity/CREATE/Request',\r\n SUCCESS: 'Activity/CREATE/Success',\r\n FAILURE: 'Activity/CREATE/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'Activity/UPDATE/Request',\r\n SUCCESS: 'Activity/UPDATE/Success',\r\n FAILURE: 'Activity/UPDATE/Failure'\r\n};\r\n\r\nexport const DELETE = {\r\n REQUEST: 'Activity/DELETE/Request',\r\n SUCCESS: 'Activity/DELETE/Success',\r\n FAILURE: 'Activity/DELETE/Failure'\r\n};\r\n\r\nexport const CLEAR = {\r\n SUCCESS: 'Activity/CLEAR/Success'\r\n};\r\n","if (!Element.prototype.matches) {\r\n Element.prototype.matches =\r\n Element.prototype.msMatchesSelector ||\r\n Element.prototype.webkitMatchesSelector;\r\n}\r\n\r\nif (!Element.prototype.closest) {\r\n Element.prototype.closest = function(s) {\r\n var el = this;\r\n\r\n do {\r\n if (el.matches(s)) return el;\r\n el = el.parentElement || el.parentNode;\r\n } while (el !== null && el.nodeType === 1);\r\n return null;\r\n };\r\n}\r\n","// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md\r\n(function(arr) {\r\n arr.forEach(function(item) {\r\n if (item.hasOwnProperty('remove')) {\r\n return;\r\n }\r\n Object.defineProperty(item, 'remove', {\r\n configurable: true,\r\n enumerable: true,\r\n writable: true,\r\n value: function remove() {\r\n this.parentNode.removeChild(this);\r\n }\r\n });\r\n });\r\n})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);\r\n","export const constants = {\r\n LOGIN_REQUEST: 'USERS_LOGIN_REQUEST',\r\n LOGIN_UPDATE: 'USERS_LOGIN_UPDATE',\r\n LOGIN_SUCCESS: 'USERS_LOGIN_SUCCESS',\r\n LOGIN_FAILURE: 'USERS_LOGIN_FAILURE',\r\n LOGOUT: 'USERS_LOGOUT',\r\n RESET_REQUEST: 'USER_RESET_REQUEST',\r\n RESET_SUCCESS: 'USER_RESET_SUCCESS',\r\n RESET_FAILUTER: 'USER_RESET_FAILURE'\r\n};\r\n","export const list = {\r\n REQUEST: 'Annex/List/Request',\r\n SUCCESS: 'Annex/List/Success',\r\n FAILURE: 'Annex/List/Failure'\r\n};\r\n\r\nexport const tree = {\r\n REQUEST: 'Annex/Tree/Request',\r\n SUCCESS: 'Annex/Tree/Success',\r\n FAILURE: 'Annex/Tree/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'Annex/GET/Request',\r\n SUCCESS: 'Annex/GET/Success',\r\n FAILURE: 'Annex/GET/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'Annex/CREATE/Request',\r\n SUCCESS: 'Annex/CREATE/Success',\r\n FAILURE: 'Annex/CREATE/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'Annex/UPDATE/Request',\r\n SUCCESS: 'Annex/UPDATE/Success',\r\n FAILURE: 'Annex/UPDATE/Failure'\r\n};\r\n\r\nexport const DELETE = {\r\n REQUEST: 'Annex/DELETE/Request',\r\n SUCCESS: 'Annex/DELETE/Success',\r\n FAILURE: 'Annex/DELETE/Failure'\r\n};\r\n\r\nexport const CLEAR = {\r\n SUCCESS: 'Annex/CLEAR/Success'\r\n};\r\n","export const GET = {\r\n REQUEST: 'MealPlanner/GET/Request',\r\n SUCCESS: 'MealPlanner/GET/Success',\r\n FAILURE: 'MealPlanner/GET/Failure'\r\n};\r\nexport const FOR_SUBMIT = {\r\n REQUEST: 'MealPlanner/FOR_SUBMIT/Request',\r\n SUCCESS: 'MealPlanner/FOR_SUBMIT/Success',\r\n FAILURE: 'MealPlanner/FOR_SUBMIT/Failure'\r\n};\r\nexport const CLEAR = {\r\n SUCCESS: 'MealPlanner/CLEAR/Success'\r\n};\r\nexport const UPDATE = {\r\n REQUEST: 'MealPlanner/UPDATE/Request',\r\n SUCCESS: 'MealPlanner/UPDATE/Success',\r\n FAILURE: 'MealPlanner/UPDATE/Failure'\r\n};\r\nexport const UPDATE_KITCHEN_FOR_SUBMIT = {\r\n REQUEST: 'MealPlanner/UPDATE_KITCHEN_FOR_SUBMIT/Request',\r\n SUCCESS: 'MealPlanner/UPDATE_KITCHEN_FOR_SUBMIT/Success',\r\n FAILURE: 'MealPlanner/UPDATE_KITCHEN_FOR_SUBMIT/Failure'\r\n};\r\nexport const UPDATE_KITCHEN = {\r\n REQUEST: 'MealPlanner/UPDATE_KITCHEN/Request',\r\n SUCCESS: 'MealPlanner/UPDATE_KITCHEN/Success',\r\n FAILURE: 'MealPlanner/UPDATE_KITCHEN/Failure'\r\n};\r\nexport const EXPORT_MEAL_PLANS = {\r\n REQUEST: 'MealPlanner/ExportMealPlans/Request',\r\n SUCCESS: 'MealPlanner/ExportMealPlans/Success',\r\n FAILURE: 'MealPlanner/ExportMealPlans/Failure'\r\n};\r\nexport const QUERY_MEAL_PLANNER_LOCATIONS = {\r\n REQUEST: 'Locations/QueryMealPlannerLocations/Request',\r\n SUCCESS: 'Locations/QueryMealPlannerLocations/Success',\r\n FAILURE: 'Locations/QueryMealPlannerLocations/Failure'\r\n};\r\n","export const GET = {\r\n REQUEST: 'Parties/Get/Request',\r\n SUCCESS: 'Parties/Get/Success',\r\n FAILURE: 'Parties/Get/Failure'\r\n};\r\n\r\nexport const FORSUBMIT = {\r\n REQUEST: 'Parties/ForSubmit/Request',\r\n SUCCESS: 'Parties/ForSubmit/Success',\r\n FAILURE: 'Parties/ForSubmit/Failure'\r\n};\r\n\r\nexport const UNITS = {\r\n REQUEST: 'Parties/Units/Request',\r\n SUCCESS: 'Parties/Units/Success',\r\n FAILURE: 'Parties/Units/Failure'\r\n};\r\n\r\nexport const UNITS_CURRENT = {\r\n REQUEST: 'Parties/Units/Current/Request',\r\n SUCCESS: 'Parties/Units/Current/Success',\r\n FAILURE: 'Parties/Units/Current/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'Parties/Create/Request',\r\n SUCCESS: 'Parties/Create/Success',\r\n FAILURE: 'Parties/Create/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'Parties/Update/Request',\r\n SUCCESS: 'Parties/Update/Success',\r\n FAILURE: 'Parties/Update/Failure'\r\n};\r\n\r\nexport const DELETE = {\r\n REQUEST: 'Parties/Delete/Request',\r\n SUCCESS: 'Parties/Delete/Success',\r\n FAILURE: 'Parties/Delete/Failure'\r\n};\r\n\r\nexport const CURRENT = {\r\n REQUEST: 'Parties/Current/Request',\r\n SUCCESS: 'Parties/Current/Success',\r\n FAILURE: 'Parties/Current/Failure'\r\n};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"SorFinance_wrapper__2G87k\",\"top-wrapper\":\"SorFinance_top-wrapper__1vf3a\",\"right\":\"SorFinance_right__3ufrC\",\"middle-wrapper\":\"SorFinance_middle-wrapper__3Ze6g\",\"input-group-wrapper\":\"SorFinance_input-group-wrapper__3uiER\",\"input-group\":\"SorFinance_input-group__2IJQK\",\"uploads-group\":\"SorFinance_uploads-group__30jP8\",\"input-group-title\":\"SorFinance_input-group-title__KTVjh\",\"bottom-wrapper\":\"SorFinance_bottom-wrapper__3bXcU\",\"divider\":\"SorFinance_divider__29heV\"};","export const UPLOAD = {\r\n REQUEST: 'Locations/Upload/Request',\r\n SUCCESS: 'Locations/Upload/Success',\r\n FAILURE: 'Locations/Upload/Failure'\r\n};\r\n\r\nexport const list = {\r\n REQUEST: 'Locations/List/Request',\r\n SUCCESS: 'Locations/List/Success',\r\n FAILURE: 'Locations/List/Failure'\r\n};\r\n\r\nexport const QUERY = {\r\n REQUEST: 'Locations/Query/Request',\r\n SUCCESS: 'Locations/Query/Success',\r\n FAILURE: 'Locations/Query/Failure'\r\n};\r\n\r\nexport const GET = {\r\n REQUEST: 'Locations/Get/Request',\r\n SUCCESS: 'Locations/Get/Success',\r\n FAILURE: 'Locations/Get/Failure'\r\n}\r\n\r\nexport const EXPORT = {\r\n REQUEST: 'Locations/ExportExcel/Request',\r\n SUCCESS: 'Locations/ExportExcel/Success',\r\n FAILURE: 'Locations/ExportExcel/Failure'\r\n};;\r\n","export const GET = {\r\n REQUEST: 'ServiceRequests/GetDiscussion/Request',\r\n SUCCESS: 'ServiceRequests/GetDiscussion/Success',\r\n FAILURE: 'ServiceRequests/GetDiscussion/Failure',\r\n RESET: 'ServiceRequests/GetDiscussion/Clear'\r\n};\r\nexport const MARK_UNREAD = {\r\n REQUEST: 'ServiceRequests/MarkDiscussionUnread/Request',\r\n SUCCESS: 'ServiceRequests/MarkDiscussionUnread/Success',\r\n FAILURE: 'ServiceRequests/MarkDiscussionUnread/Failure'\r\n};\r\nexport const CREATE = {\r\n REQUEST: 'ServiceRequests/SendDiscussionMessage/Request',\r\n SUCCESS: 'ServiceRequests/SendDiscussionMessage/Success',\r\n FAILURE: 'ServiceRequests/SendDiscussionMessage/Failure'\r\n};\r\n","export const CLEAR_COSTS = {\r\n REQUEST: 'CustomServiceRequests/ClearCosts/Request',\r\n SUCCESS: 'CustomServiceRequests/ClearCosts/Success',\r\n FAILURE: 'CustomServiceRequests/ClearCosts/Failure'\r\n};\r\n\r\nexport const FORSUBMIT = {\r\n REQUEST: 'CustomServiceRequests/ForSubmit/Request',\r\n SUCCESS: 'CustomServiceRequests/ForSubmit/Success',\r\n FAILURE: 'CustomServiceRequests/ForSubmit/Failure'\r\n};\r\n\r\nexport const CREATE = {\r\n REQUEST: 'CustomServiceRequests/Create/Request',\r\n SUCCESS: 'CustomServiceRequests/Create/Success',\r\n FAILURE: 'CustomServiceRequests/Create/Failure'\r\n};\r\n\r\nexport const UPDATE = {\r\n REQUEST: 'CustomServiceRequests/Update/Request',\r\n SUCCESS: 'CustomServiceRequests/Update/Success',\r\n FAILURE: 'CustomServiceRequests/Update/Failure'\r\n};\r\n\r\nexport const REMOVE = {\r\n REQUEST: 'CustomServiceRequests/Remove/Request',\r\n SUCCESS: 'CustomServiceRequests/Remove/Success',\r\n FAILURE: 'CustomServiceRequests/Remove/Failure'\r\n};\r\n"],"sourceRoot":""}\r\n \r\n Back to Home\r\n \r\n
\r\n Oh no, something went wrong! 😢
\r\n