\r\n \r\n setContactFormOpen(true)}\r\n >\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(CustomFooter);\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-1{fill:#FFFFFF;}.cls-4,.cls-5{fill:#FFFFFF;}.cls-2,.cls-3{fill:#FFFFFF;}.cls-2{opacity:0.7;}.cls-4{opacity:0.65;}.cls-5{font-size:8.85px;font-family:Champagne & Limousines;font-weight:700;}\"));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFFFFF\",\n d: \"M357.12,401.37a12.13,12.13,0,1,0,8.58,3.55A11.73,11.73,0,0,0,357.12,401.37Zm10.18,12.12a10.18,10.18,0,1,1-3-7.18A9.85,9.85,0,0,1,367.3,413.49Z\",\n transform: \"translate(-225,-395)\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFFFFF\",\n d: \"M288,403.39a9.83,9.83,0,0,1,6.31,2.19,1,1,0,0,0,1.59-.79,1,1,0,0,0-.37-0.75,12.1,12.1,0,1,0,0,19,1,1,0,0,0,.37-0.75,1,1,0,0,0-.33-0.75h0a1,1,0,0,0-1.26,0A10.14,10.14,0,1,1,288,403.39Z\",\n transform: \"translate(-225,-395)\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFFFFF\",\n d: \"M309.55,401.37a12.13,12.13,0,1,0,8.58,3.55A11.73,11.73,0,0,0,309.55,401.37Zm10.18,12.12a10.18,10.18,0,1,1-3-7.18A9.85,9.85,0,0,1,319.73,413.49Z\",\n transform: \"translate(-225,-395)\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFFFFF\",\n d: \"M342,414.37a1,1,0,0,0-1,1v5.78a0.71,0.71,0,0,1-.07.71,9.4,9.4,0,0,1-5.72,1.84,9.65,9.65,0,0,1-7.1-3,10.17,10.17,0,0,1,13.56-15.1,1,1,0,0,0,1.24,0l0,0a1,1,0,0,0,.33-0.74,1,1,0,0,0-.35-0.72,12.11,12.11,0,1,0-7.56,21.55,10.65,10.65,0,0,0,7.38-2.85,1.37,1.37,0,0,0,.26-1.14v-6.3A1,1,0,0,0,342,414.37Z\",\n transform: \"translate(-225,-395)\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-2\",\n d: \"M256.36,413.93a10.61,10.61,0,0,0-14.69,3c-4,6-2,20.15-1.92,20.75a1,1,0,0,0,1.18.79c0.58-.15,14.37-3.77,18.38-9.81A10.61,10.61,0,0,0,256.36,413.93Z\",\n transform: \"translate(-220.19 -401.37)\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-3\",\n d: \"M222,428.62c4,6,17.8,9.65,18.38,9.81a1,1,0,0,0,1.18-.79c0.09-.6,2.09-14.71-1.92-20.75A10.59,10.59,0,0,0,222,428.62Z\",\n transform: \"translate(-220.19 -401.37)\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-4\",\n d: \"M240.64,401.46A10.61,10.61,0,0,0,230,412.05c0,7.25,9.48,17.89,9.88,18.34a1,1,0,0,0,1.42,0c0.4-.45,9.88-11.09,9.88-18.34A10.61,10.61,0,0,0,240.64,401.46Z\",\n transform: \"translate(-220.19 -401.37)\"\n});\n\nvar SvgCogoLogo = function SvgCogoLogo(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 149.57 38.66\",\n style: {\n backgroundColor: \"#27AAE1\"\n },\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCogoLogo, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Cogo_logo.899c37d9.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"title\", null, \"Sign out_icon\");\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M286.55,419.54h14.86a0.5,0.5,0,1,1,0,1H286.55a0.5,0.5,0,0,1,0-1h0Zm0,0\",\n transform: \"translate(-285.68 -408.76)\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M297.44,415.58a0.5,0.5,0,0,1,.35.14l4,4a0.5,0.5,0,0,1,0,.7l-4,4a0.5,0.5,0,0,1-.7-0.7L300.7,420l-3.61-3.61a0.5,0.5,0,0,1,.35-0.85h0Zm0,0\",\n transform: \"translate(-285.68 -408.76)\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M297.94,409.14a10.89,10.89,0,1,1-10.27,14.53,0.5,0.5,0,0,1,.93-0.33,9.91,9.91,0,1,0,0-6.6,0.5,0.5,0,0,1-.93-0.33,10.91,10.91,0,0,1,10.27-7.26h0Zm0,0\",\n transform: \"translate(-285.68 -408.76)\"\n});\n\nvar SvgSignOutIcon = function SvgSignOutIcon(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 23.53 22.54\",\n ref: svgRef\n }, props), _ref2, title === undefined ? _ref3 : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref4, _ref5, _ref6);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgSignOutIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/SignOutIcon.284900e4.svg\";\nexport { ForwardRef as ReactComponent };","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function imageExist(guid) {\r\n return fetch(`/api/Images/check/${guid}`);\r\n}\r\n\r\nexport function putImage(user, data, guid) {\r\n if (guid === null) {\r\n guid = user.info;\r\n }\r\n return fetch(`/api/Images/${guid}`, {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token),\r\n body: data,\r\n });\r\n}\r\n","export const ADD_IMAGE_GUID = 'ADD_IMAGE_GUID';\r\nexport const REFRESH_IMAGE = 'REFRESH_IMAGE';\r\n\r\nexport function AddImageGuid(imageGuid) {\r\n return { type: ADD_IMAGE_GUID, imageGuid };\r\n}\r\n\r\nexport function RefreshImage(imageGuid) {\r\n return { type: REFRESH_IMAGE, imageGuid };\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { imageExist } from \"../../services/imageService\";\r\nimport placeholder from \"./placeholder.jpg\";\r\nimport memoize from \"memoize-one\";\r\nimport { AddImageGuid } from \"../../actions/imageAction\";\r\n\r\nclass Image extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n image: props.placeholder ? props.placeholder : placeholder,\r\n imageExists: false,\r\n checked: false,\r\n };\r\n\r\n this.checkImageExists = this.checkImageExists.bind(this);\r\n\r\n this.getTimestapAddon = memoize((timestampsList, imageGuid) => {\r\n let timestampObject = timestampsList.find(item => item.guid === imageGuid);\r\n if (timestampObject) {\r\n return `?timestamp=${timestampObject.timestamp}`;\r\n }\r\n return \"\";\r\n });\r\n }\r\n\r\n checkImageExists() {\r\n let inRedux = this.props.images.some(guid => guid === this.props.imageId);\r\n if (!inRedux) {\r\n imageExist(this.props.imageId).then(response => {\r\n if (response.status === 200) {\r\n this.setState({\r\n image: `/api/Images/${this.props.imageId}`,\r\n imageExists: true,\r\n });\r\n this.props.actions.AddImageGuid(this.props.imageId);\r\n } else {\r\n this.setState({\r\n image: this.props.placeholder,\r\n imageExists: false,\r\n });\r\n }\r\n });\r\n } else {\r\n if (inRedux) {\r\n this.setState({\r\n image: `/api/Images/${this.props.imageId}`,\r\n imageExists: true,\r\n });\r\n } else {\r\n this.setState({\r\n image: this.props.placeholder,\r\n imageExists: false,\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleCheck(val) {\r\n return this.props.images.some(item => val === item);\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.state.checked) {\r\n this.setState({\r\n checked: true,\r\n });\r\n this.checkImageExists();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.imageId !== this.props.imageId) {\r\n this.checkImageExists();\r\n }\r\n if (\r\n !this.state.imageExists &&\r\n this.getTimestapAddon(this.props.timestamps, this.props.imageId)\r\n ) {\r\n this.checkImageExists();\r\n }\r\n }\r\n\r\n render() {\r\n const timestampAddon = this.getTimestapAddon(this.props.timestamps, this.props.imageId);\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 bodyStyle={{ padding: \"18px\" }}\r\n centered\r\n closable\r\n visible={contactFormOpen}\r\n className=\"contact-form-modal\"\r\n onCancel={handleCloseContactForm}\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\nexport default EmployeeAvatar;\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport avatar from \"./Companies_avatar.svg\";\r\nimport Image from \"../Image/Image\";\r\n\r\nfunction CompanyAvatar(props) {\r\n const userInfo = useSelector((state) => state.user.info);\r\n const imageGuid =\r\n props.companyId !== undefined ? props.companyId : userInfo;\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CompanyAvatar;\r\n","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function getEmployee(user, employeeGuid) {\r\n return fetch(`/api/Employees/${employeeGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function updateEmployeeInfo(user, obj) {\r\n return fetch(`/api/Employees/${user.info}`, {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: JSON.stringify(obj),\r\n });\r\n}\r\n\r\nexport function getInterestedEmployees(user, page, searchParams) {\r\n var skip = (page - 1) * 12;\r\n var take = 12;\r\n\r\n searchParams.append('skip', skip);\r\n searchParams.append('take', take);\r\n\r\n return fetch(`/api/Employees?${searchParams}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getEmployeePreferences(user, employeeGuid) {\r\n return fetch(`/api/Employees/preferences/${employeeGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function putEmployeePreferences(user, state) {\r\n return fetch('/api/Employees/preferences', {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token, {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: state,\r\n });\r\n}\r\n\r\nexport function unlockEmployee(user, employeeGuid) {\r\n return fetch(`/api/Employees/unlock/${employeeGuid}`, {\r\n method: 'PATCH',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.text();\r\n }\r\n });\r\n}","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function getCompany(user, companyId) {\r\n return fetch(`/api/Companies/${companyId}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json'\r\n })\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function getCompanies(user) {\r\n return fetch('/api/Companies', {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json'\r\n })\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function updateCompanyInfo(user, obj) {\r\n return fetch(`/api/Companies/${user.info}`, {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json'\r\n }),\r\n body: JSON.stringify(obj)\r\n });\r\n}\r\n\r\nexport function searchCompany(user, value) {\r\n return fetch(`/api/Companies/search?value=${value}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json'\r\n })\r\n }).then(response => response.json());\r\n}\r\n\r\nexport async function addPaymentInfo(user, guid, paymentMethod) {\r\n return await fetch(`api/Companies/${guid}/addPaymentInfo`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(paymentMethod),\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.json().then((err) => {\r\n throw Error(err.message);\r\n });\r\n } else {\r\n return true;\r\n }\r\n });\r\n}\r\n\r\nexport async function updatePaymentInfo(user, guid, paymentMethod) {\r\n return await fetch(`api/Companies/${guid}/updatePaymentInfo`, {\r\n method: \"PATCH\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(paymentMethod),\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.json().then((err) => {\r\n throw Error(err.message);\r\n });\r\n } else {\r\n return response.json();\r\n }\r\n });\r\n}\r\n\r\nexport async function getConfirmPaymentInfo(user, guid) {\r\n return await fetch(`api/Companies/${guid}/confirmPaymentInfo`, {\r\n method: \"GET\", ...getAuthorizationProperties(user.token)\r\n }).then(response => response.text());\r\n}\r\n\r\nexport async function confirmPaymentInfo(user, guid) {\r\n return await fetch(`api/Companies/${guid}/confirmPaymentInfo`, {\r\n method: \"PATCH\", ...getAuthorizationProperties(user.token)\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.json().then((err) => {\r\n throw Error(err.message);\r\n });\r\n } else {\r\n return true;\r\n }\r\n });\r\n}\r\n\r\nexport async function removePaymentInfo(user, guid) {\r\n return await fetch(`api/Companies/${guid}/removePaymentInfo`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n })\r\n });\r\n}\r\n\r\nexport async function subscribe(user, guid, lvl) {\r\n return await fetch(`api/Companies/${guid}/subscribe`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(lvl),\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.json();\r\n }\r\n });\r\n}\r\n\r\nexport async function modifySubscription(user, guid, lvl) {\r\n return await fetch(`api/Companies/${guid}/modifySubscription`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(lvl),\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.json();\r\n }\r\n });\r\n}\r\n\r\nexport async function unsubscribe(user, guid, lvl = null) {\r\n return await fetch(`api/Companies/${guid}/unsubscribe`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(lvl ? lvl : \"\"),\r\n }).then(response => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.text();\r\n }\r\n });\r\n}\r\n\r\nexport function getCompanyPayments(user, companyId, count) {\r\n return fetch(`api/Companies/${companyId}/payments?count=${count}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getCompanyPaymentMethod(user, companyId) {\r\n return fetch(`api/Companies/${companyId}/paymentMethod`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.text();\r\n }\r\n });\r\n}\r\n\r\nexport function buyUnlocks(user, companyId, ammount = 1) {\r\n return fetch(`api/Companies/${companyId}/unlocks?ammount=${ammount}`, {\r\n method: \"GET\", ...getAuthorizationProperties(user.token)\r\n }).then((response) => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.text();\r\n }\r\n });\r\n}","export const ADD_JOB_OFFER_ID = 'ADD_JOB_OFFER_ID';\r\nexport const REMOVE_JOB_OFFER_ID = 'REMOVE_JOB_OFFER_ID';\r\nexport const ADD_UNREAD_JOB_APPLICATION = 'ADD_UNREAD_JOB_APPLICATION';\r\nexport const REMOVE_UNREAD_JOB_APPLICATIONS = 'REMOVE_UNREAD_JOB_APPLICATIONS';\r\n\r\nexport function AddJobOfferId(jobOfferId) {\r\n return { type: ADD_JOB_OFFER_ID, jobOfferId };\r\n}\r\n\r\nexport function RemoveJobOfferId(jobOfferId) {\r\n return { type: REMOVE_JOB_OFFER_ID, jobOfferId };\r\n}\r\n\r\nexport function AddUnreadJobApplication(jobAppGuid) {\r\n return { type: ADD_UNREAD_JOB_APPLICATION, jobAppGuid };\r\n}\r\n\r\nexport function RemoveUnreadJobApplications() {\r\n return { type: REMOVE_UNREAD_JOB_APPLICATIONS };\r\n}","//const apiUrl = process.env.REACT_APP_API;\r\n\r\nimport { getAuthorizationProperties } from \"./authorizationService\";\r\n\r\nexport function login(username, password) {\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify({ username, password }),\r\n };\r\n\r\n return fetch(`/users/authenticate`, requestOptions)\r\n .then(handleResponse)\r\n .then(user => {\r\n // login successful if there's a jwt token in the response\r\n if (user.token) {\r\n // store user details and jwt token in session storage to keep user logged in between page refreshes\r\n sessionStorage.setItem(\"user\", JSON.stringify(user));\r\n sessionStorage.setItem(\"loggedIn\", JSON.stringify(true));\r\n }\r\n\r\n return user;\r\n });\r\n}\r\n\r\nexport function logout() {\r\n // remove user from session storage to log user out\r\n sessionStorage.removeItem(\"user\");\r\n sessionStorage.setItem(\"loggedIn\", JSON.stringify(false));\r\n}\r\n\r\nexport function registerUser(user) {\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(user),\r\n };\r\n\r\n return fetch(`/users/registerUser`, requestOptions).then(handleResponse);\r\n}\r\n\r\nexport function registerCompany(company) {\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(company),\r\n };\r\n\r\n return fetch(`/users/registerCompany`, requestOptions).then(handleResponse);\r\n}\r\n\r\nfunction handleResponse(response) {\r\n return response.text().then(text => {\r\n const data = text && JSON.parse(text);\r\n if (!response.ok) {\r\n if (response.status === 401) {\r\n // auto logout if 401 response returned from api\r\n logout();\r\n }\r\n\r\n const error = (data && data.message) || response.statusText;\r\n return Promise.reject(error);\r\n }\r\n return data || response.ok;\r\n });\r\n}\r\n\r\nexport function searchUsers(user, value) {\r\n return fetch(`/users/search?value=${value}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function getConversationUsers(user, appUsers) {\r\n var searchParams = new URLSearchParams();\r\n appUsers.forEach(user => {\r\n searchParams.append(\"userGuids\", user);\r\n });\r\n\r\n return fetch(`/users/conversationUsers?${searchParams}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function deleteAccount(user, userDto) {\r\n return fetch(`/users/${user.guid}`, {\r\n method: \"DELETE\",\r\n ...getAuthorizationProperties(user.token, {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(userDto),\r\n });\r\n}\r\n\r\nexport function updatePassword(user, userDto) {\r\n return fetch(`/users/${user.guid}`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(userDto),\r\n });\r\n}\r\n\r\nexport function forgotPassword(username) {\r\n return fetch(\"/users/forgotPassword\", {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"text/plain\" },\r\n body: username,\r\n });\r\n}\r\n\r\nexport function checkPasswordToken(token) {\r\n return fetch(`/users/resetPassword?token=${token}`, {\r\n method: \"GET\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n });\r\n}\r\n\r\nexport function resetPassword(userDto) {\r\n return fetch(\"/users/resetPassword\", {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(userDto),\r\n });\r\n}\r\n\r\nexport default {\r\n login,\r\n logout,\r\n registerUser,\r\n registerCompany,\r\n getConversationUsers,\r\n deleteAccount,\r\n updatePassword,\r\n forgotPassword,\r\n checkPasswordToken,\r\n resetPassword,\r\n};\r\n\r\nexport function changeUserLanguage(user, language) {\r\n return fetch(`/users/${user.guid}/changeLanguage?language=${language}`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n });\r\n}\r\n","export const SET_LANGUAGE = 'SET_LANGUAGE';\r\nexport const REFRESH_USER = \"REFRESH_USER\";\r\n\r\nexport function setLanguage (language) {\r\n return { type: SET_LANGUAGE, language };\r\n}\r\n\r\nexport function refreshUser() {\r\n return { type: REFRESH_USER };\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { logout } from \"../../actions/authentificationActions\";\r\nimport { Drawer, Select, Button, Modal, Input } from \"antd\";\r\nimport { ReactComponent as Logo } from \"./Cogo_logo.svg\";\r\nimport { ReactComponent as SignOutIcon } from \"./SignOutIcon.svg\";\r\nimport EmployeeAvatar from \"../EmployeeAvatar/EmployeeAvatar\";\r\nimport CompanyAvatar from \"../CompanyAvatar/CompanyAvatar\";\r\nimport { getEmployee } from \"../../services/employeeService\";\r\nimport { getCompany } from \"../../services/companyService\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { RemoveUnreadJobApplications } from \"../../actions/jobApplicationAction\";\r\nimport { defineMessages, FormattedMessage, injectIntl } from \"react-intl\";\r\nimport {\r\n changeUserLanguage,\r\n deleteAccount,\r\n updatePassword,\r\n} from \"../../services/autentificationService\";\r\nimport { setLanguage } from \"../../actions/userActions\";\r\nimport \"./CustomHeader.less\";\r\nimport { DeleteOutlined, LockOutlined } from \"@ant-design/icons\";\r\nimport { displayMessageToast } from \"../../Helpers/ToastHelper\";\r\n\r\nconst messages = defineMessages({\r\n oldPassword: {\r\n id: \"oldPassword\",\r\n defaultMessage: \"Type in old password\",\r\n },\r\n newPassword: {\r\n id: \"newPassword\",\r\n defaultMessage: \"Type in new password\",\r\n },\r\n repeatNewPassword: {\r\n id: \"repeatNewPassword\",\r\n defaultMessage: \"Repeat new password\",\r\n },\r\n});\r\n\r\nconst CustomHeader = props => {\r\n const user = useSelector(state => state.user);\r\n const menuOpen = useSelector(state => state.menu);\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const [userName, setUserName] = useState();\r\n const [drawerVisibility, setDrawerVisibility] = useState(false);\r\n const [selectedLanguage, setSelectedLanguage] = useState(user.language);\r\n const [deleteAccountModalOpen, setDeleteAccountModalOpen] = useState(false);\r\n const [password, setPassword] = useState(\"\");\r\n const [showDeleteAccountError, setShowDeleteAccountError] = useState(false);\r\n const [changePasswordModalOpen, setChangePasswordModalOpen] = useState(false);\r\n const [newPassword1, setNewPassword1] = useState(\"\");\r\n const [newPassword2, setNewPassword2] = useState(\"\");\r\n const [passwordsDontMatch, setPasswordsDontMatch] = useState(false);\r\n\r\n const handleUpdatePassword = async () => {\r\n const userDto = {\r\n username: user.username,\r\n password: password,\r\n newPassword: newPassword1,\r\n };\r\n const res = await updatePassword(user, userDto);\r\n if (!res.ok) setShowDeleteAccountError(true);\r\n else {\r\n displayMessageToast(\"passwordChanged\", true, props.intl);\r\n handleCloseChangePasswordModal();\r\n }\r\n };\r\n\r\n const handleCloseChangePasswordModal = () => {\r\n setChangePasswordModalOpen(false);\r\n setPassword(\"\");\r\n setNewPassword1(\"\");\r\n setNewPassword2(\"\");\r\n };\r\n\r\n const handleDeleteAccount = async () => {\r\n const userDto = { username: user.username, password: password };\r\n const res = await deleteAccount(user, userDto);\r\n if (!res.ok) {\r\n displayMessageToast(\"wrongPassword\", false, props.intl);\r\n setShowDeleteAccountError(true);\r\n } else dispatch(logout());\r\n };\r\n\r\n const handleCloseDeleteProfileModal = () => {\r\n setDeleteAccountModalOpen(false);\r\n setPassword(\"\");\r\n };\r\n\r\n let handleLogout = e => {\r\n e.preventDefault();\r\n dispatch(RemoveUnreadJobApplications());\r\n dispatch(logout());\r\n };\r\n\r\n let onLogoClick = e => {\r\n sessionStorage.setItem(\"activeComp\", \"Home\");\r\n e.preventDefault();\r\n history.push(\"/Home\");\r\n };\r\n\r\n let showDrawer = () => setDrawerVisibility(true);\r\n\r\n let closeDrawer = () => setDrawerVisibility(false);\r\n\r\n let handleLangugageChange = language => {\r\n setSelectedLanguage(language);\r\n if (language !== user.language)\r\n changeUserLanguage(user, language).then(() => {\r\n dispatch(setLanguage(language));\r\n sessionStorage.setItem(\"user\", JSON.stringify({ ...user, language: language }));\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let fetchUser = () => {\r\n if (user.role === \"Employee\" || user.role === \"Admin\")\r\n getEmployee(user, user.info).then(e => setUserName(e.firstName + \" \" + e.lastName));\r\n else getCompany(user, user.info).then(c => setUserName(c.name));\r\n };\r\n fetchUser();\r\n }, [user]);\r\n\r\n useEffect(() => {\r\n if (showDeleteAccountError) setShowDeleteAccountError(false);\r\n }, [password, showDeleteAccountError]);\r\n\r\n useEffect(() => {\r\n if (newPassword1 !== \"\" && newPassword2 !== \"\" && newPassword1 !== newPassword2)\r\n setPasswordsDontMatch(true);\r\n else setPasswordsDontMatch(false);\r\n }, [newPassword1, newPassword2]);\r\n\r\n return (\r\n \r\n \r\n \r\n setPassword(e.target.value)} value={password} />\r\n {showDeleteAccountError && (\r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(CustomHeader);\r\n","import { defineMessages } from \"react-intl\";\r\n\r\nlet messages = defineMessages({\r\n home: { id: \"sider.home\", defaultMessage: \"Home\" },\r\n profile: { id: \"sider.profile\", defaultMessage: \"Profile\" },\r\n opportunities: {\r\n id: \"sider.opportunities\",\r\n defaultMessage: \"Opportunities\",\r\n },\r\n jobOffers: { id: \"sider.jobOffers\", defaultMessage: \"Job offers\" },\r\n createJobOffer: {\r\n id: \"sider.createJobOffer\",\r\n defaultMessage: \"Create job offer\",\r\n },\r\n myApplications: {\r\n id: \"sider.myApplications\",\r\n defaultMessage: \"My applications\",\r\n },\r\n applicationsDatabase: {\r\n id: \"sider.applicationsDatabase\",\r\n defaultMessage: \"Applications database\",\r\n },\r\n findEmployee: {\r\n id: \"sider.findEmployee\",\r\n defaultMessage: \"Find employee\",\r\n },\r\n conversations: {\r\n id: \"sider.conversations\",\r\n defaultMessage: \"Conversations\",\r\n },\r\n usefulLinks: {\r\n id: \"sider.usefulLinks\",\r\n defaultMessage: \"Useful links\",\r\n }\r\n});\r\n\r\nexport default messages;\r\n","import messages from \"./SiderMessages\";\r\n\r\nexport default [\r\n {\r\n name: messages.home,\r\n link: \"/Home\",\r\n icon: \"Home\",\r\n },\r\n {\r\n name: messages.profile,\r\n link: \"/Employee\",\r\n icon: \"UserProfile\",\r\n },\r\n {\r\n name: messages.opportunities,\r\n link: \"/Opportunities\",\r\n icon: \"Opportunities\",\r\n },\r\n {\r\n name: messages.myApplications,\r\n link: \"/JobApplications\",\r\n icon: \"JobApplications\",\r\n },\r\n {\r\n name: messages.conversations,\r\n link: \"/Conversations\",\r\n icon: \"Conversations\",\r\n },\r\n {\r\n name: messages.usefulLinks,\r\n link: '/UsefulLinks',\r\n icon: 'UsefulLinks',\r\n }\r\n];\r\n","import messages from './SiderMessages';\r\n\r\nexport default [\r\n {\r\n name: messages.home,\r\n link: '/Home',\r\n icon: 'Home',\r\n },\r\n {\r\n name: messages.profile,\r\n link: '/Company',\r\n icon: 'UserProfile',\r\n },\r\n {\r\n name: messages.jobOffers,\r\n link: '/CompanyJobOffers',\r\n icon: 'Opportunities',\r\n },\r\n {\r\n name: messages.applicationsDatabase,\r\n link: '/JobApplications',\r\n icon: 'JobApplications',\r\n },\r\n {\r\n name: messages.findEmployee,\r\n link: '/FindEmployee',\r\n icon: 'FindEmployee',\r\n },\r\n {\r\n name: messages.conversations,\r\n link: '/Conversations',\r\n icon: 'Conversations',\r\n },\r\n {\r\n name: messages.usefulLinks,\r\n link: '/UsefulLinks',\r\n icon: 'UsefulLinks',\r\n }\r\n];\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Badge } from \"antd\";\r\nimport { useSelector } from \"react-redux\";\r\nimport \"./UnreadMsgCounter.less\";\r\n\r\nfunction UnreadMsgCounter(props) {\r\n const [counter, setCounter] = useState(0);\r\n const conversations = useSelector((state) => state.conversations);\r\n\r\n useEffect(() => {\r\n let newCount = 0;\r\n Object.values(conversations).forEach((messages) => {\r\n if (messages)\r\n newCount += messages.filter((x) => !x.deleted && !x.edited)\r\n .length;\r\n });\r\n setCounter(newCount);\r\n }, [conversations]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {userName}
\r\n\r\n {user.role === \"Employee\" ? (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {user.role === \"Employee\" ? (\r\n
\r\n {userName}
\r\n\r\n
\r\n \r\n \r\n EN\r\n \r\n \r\n DE\r\n \r\n \r\n HR\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setChangePasswordModalOpen(true)}\r\n >\r\n setDeleteAccountModalOpen(true)}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n bodyStyle={{ padding: \"18px\" }}\r\n centered\r\n closable\r\n visible={changePasswordModalOpen}\r\n className=\"job-application-modal\"\r\n onCancel={handleCloseChangePasswordModal}\r\n >\r\n \r\n setPassword(e.target.value)}\r\n value={password}\r\n placeholder={props.intl.formatMessage(messages.oldPassword)}\r\n />\r\n setNewPassword1(e.target.value)}\r\n value={newPassword1}\r\n placeholder={props.intl.formatMessage(messages.newPassword)}\r\n />\r\n setNewPassword2(e.target.value)}\r\n value={newPassword2}\r\n placeholder={props.intl.formatMessage(messages.repeatNewPassword)}\r\n />\r\n
\r\n {passwordsDontMatch && (\r\n \r\n
\r\n
\r\n \r\n
\r\n }\r\n bodyStyle={{ padding: \"18px\" }}\r\n centered\r\n closable\r\n visible={deleteAccountModalOpen}\r\n className=\"job-application-modal\"\r\n onCancel={handleCloseDeleteProfileModal}\r\n >\r\n \r\n
\r\n
\r\n {Icons[component.icon].render()}\r\n
\r\n )}\r\n \r\n {this.props.intl.formatMessage(component.name)}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst baseStyle = {\r\n flex: 1,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: '20px',\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: '#eeeeee',\r\n borderStyle: 'dashed',\r\n backgroundColor: '#fafafa',\r\n color: '#bdbdbd',\r\n outline: 'none',\r\n transition: 'border .24s ease-in-out',\r\n};\r\n\r\nconst activeStyle = {\r\n borderColor: '#2196f3',\r\n};\r\n\r\nconst acceptStyle = {\r\n borderColor: '#00e676',\r\n};\r\n\r\nconst rejectStyle = {\r\n borderColor: '#ff1744',\r\n};\r\n\r\nexport default { ImageDropzone, getCroppedImg };\r\n","import { getAuthorizationProperties } from \"./authorizationService\";\r\n\r\nexport function getLocation(user, locationId) {\r\n return fetch(`/api/Locations/${locationId}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function getLocations(user) {\r\n return fetch(\"/api/Locations\", {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function getLocationsByParentAndLevel(user, level, parent) {\r\n return fetch(`/api/Locations/filter?parent=${parent}&level=${level}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport async function getCountries(user) {\r\n const response = await fetch(\"/api/Locations/Countries\", {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n });\r\n return await response.json();\r\n}\r\n\r\nexport function searchCountries(user, value) {\r\n return fetch(`/api/Locations/search?value=${value}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function getCitiesForRegion(user, guid) {\r\n return fetch(`/api/Locations/cities/${guid}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Contet-Type\": \"application/json\",\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport async function getJobLocations(user) {\r\n const response = await fetch(\"/api/Locations/Job\", {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n });\r\n return await response.json();\r\n}\r\n","import { defineMessages } from \"react-intl\";\r\n\r\nexport default defineMessages({\r\n English: { id: \"English\", defaultMessage: \"English\" },\r\n German: { id: \"German\", defaultMessage: \"German\" },\r\n Croatian: { id: \"Croatian\", defaultMessage: \"Croatian\" },\r\n Bulgarian: { id: \"Bulgarian\", defaultMessage: \"Bulgarian\" },\r\n Czech: { id: \"Czech\", defaultMessage: \"Czech\" },\r\n Danish: { id: \"Danish\", defaultMessage: \"Danish\" },\r\n Dutch: { id: \"Dutch\", defaultMessage: \"Dutch\" },\r\n Estonian: { id: \"Estonian\", defaultMessage: \"Estonian\" },\r\n Finnish: { id: \"Finnish\", defaultMessage: \"Finnish\" },\r\n French: { id: \"French\", defaultMessage: \"French\" },\r\n Greek: { id: \"Greek\", defaultMessage: \"Greek\" },\r\n Hungarian: { id: \"Hungarian\", defaultMessage: \"Hungarian\" },\r\n Irish: { id: \"Irish\", defaultMessage: \"Irish\" },\r\n Italian: { id: \"Italian\", defaultMessage: \"Italian\" },\r\n Latvian: { id: \"Latvian\", defaultMessage: \"Latvian\" },\r\n Lithuanian: { id: \"Lithuanian\", defaultMessage: \"Lithuanian\" },\r\n Maltese: { id: \"Maltese\", defaultMessage: \"Maltese\" },\r\n Polish: { id: \"Polish\", defaultMessage: \"Polish\" },\r\n Portuguese: { id: \"Portuguese\", defaultMessage: \"Portuguese\" },\r\n Romanian: { id: \"Romanian\", defaultMessage: \"Romanian\" },\r\n Slovak: { id: \"Slovak\", defaultMessage: \"Slovak\" },\r\n Slovenian: { id: \"Slovenian\", defaultMessage: \"Slovenian\" },\r\n Spanish: { id: \"Spanish\", defaultMessage: \"Spanish\" },\r\n Swedish: { id: \"Swedish\", defaultMessage: \"Swedish\" },\r\n});\r\n","import React, { useState, useCallback } from \"react\";\r\nimport loading_white from \"./Assets/loading_white.gif\";\r\nimport loading_grey from \"./Assets/loading_grey.gif\";\r\nimport \"./withLoader.less\";\r\n\r\nfunction getDisplayName(WrappedComponent) {\r\n return WrappedComponent.displayName || WrappedComponent.name || \"Component\";\r\n}\r\n\r\nexport const withLoader = (WrappedComponent, color = \"grey\", width = 250) => {\r\n const Result = props => {\r\n const [isLoading, setIsLoading] = useState(true);\r\n const setLoading = useCallback(l => {\r\n setIsLoading(l);\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 {files.length !== 0 && (\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n Result.displayName = `WithLoader(${getDisplayName(WrappedComponent)})`;\r\n return Result;\r\n};\r\n\r\nexport const LoadingIndicator = ({ color = \"grey\", width = 250 }) => {\r\n if (color === \"white\") {\r\n return \r\n
\r\n \r\n {countryId && (\r\n handleSubmit(values)}\r\n layout=\"vertical\"\r\n className=\"edit-employee-form\"\r\n initialValues={{\r\n firstName: employee.firstName,\r\n lastName: employee.lastName,\r\n country: countryId,\r\n city: employee.city,\r\n postalCode: employee.postalCode,\r\n address: employee.address,\r\n dateOfBirth: moment(employee.dateOfBirth),\r\n gender: employee.gender,\r\n email: employee.email,\r\n telephone: employee.telephone,\r\n isVisible: employee.isVisible,\r\n languages: employee.languages.sort(),\r\n positions: employeePositionsIds,\r\n locations: employeeLocationsIds,\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withLoader(injectIntl(EmployeeEdit));\r\n","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function getConversations(user) {\r\n return fetch('/api/conversations', {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getConversation(user, conversation) {\r\n return fetch(`/api/conversations/${conversation}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function postConversations(user, conversation) {\r\n return fetch('/api/conversations', {\r\n method: 'POST',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: JSON.stringify(conversation),\r\n }).then((response) => response.json());\r\n}\r\n\r\n","import React, { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Button, Row, Col } from \"antd\";\r\nimport { injectIntl, FormattedMessage } from \"react-intl\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport EmployeeAvatar from \"../EmployeeAvatar/EmployeeAvatar\";\r\nimport LanguageMessages from \"../Language/LanguageMessages\";\r\nimport JobPreferencesMessages from \"../JobPreference/JobPrefenecesMessages\";\r\nimport LocationMessages from \"../Location/LocationMessages\";\r\nimport { getEmployee, unlockEmployee } from \"../../services/employeeService\";\r\nimport { displayMessageToast } from \"../../Helpers/ToastHelper\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { postConversations } from \"../../services/conversationsService\";\r\nimport lockImg from \"./lock.png\";\r\nimport \"./EmployeeDetails.less\";\r\n\r\nconst EmployeeDetails = props => {\r\n const user = useSelector(state => state.user);\r\n let history = useHistory();\r\n\r\n useEffect(() => {\r\n props.setLoading(false);\r\n });\r\n\r\n const formatLanguages = langs => {\r\n if (langs) {\r\n const formattedLangs = [];\r\n langs.forEach(lang => {\r\n const formattedLang = props.intl.formatMessage(LanguageMessages[lang]);\r\n formattedLangs.push(formattedLang);\r\n });\r\n return formattedLangs.sort().join(\", \");\r\n }\r\n return \"\";\r\n };\r\n\r\n const handleUnlock = async () => {\r\n try {\r\n props.setLoading(true);\r\n let result = await unlockEmployee(user, props.employee.id);\r\n displayMessageToast(result);\r\n let employee = await getEmployee(user, props.employee.id);\r\n props.refreshEmployee(employee);\r\n } catch (error) {\r\n displayMessageToast(error.message, false);\r\n } finally {\r\n props.setLoading(false);\r\n }\r\n };\r\n\r\n const handleOpenConversation = () => {\r\n let state = {\r\n name: \"\",\r\n appUsers: [{ id: props.employeeId }],\r\n };\r\n\r\n postConversations(user, state).then(data => {\r\n history.push(`/Conversations/Messages/${data.id}`);\r\n });\r\n };\r\n\r\n return (\r\n console.log(props),\r\n (\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {(!props.employee.languages || props.employee.languages.length === 0) && (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n )\r\n );\r\n};\r\n\r\nexport default injectIntl(withLoader(EmployeeDetails));\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport {\r\n getEmployee,\r\n getEmployeePreferences,\r\n} from \"../../services/employeeService\";\r\nimport EmployeeEdit from \"./EmployeeEdit\";\r\nimport EmployeeDetails from \"./EmployeeDetails\";\r\nimport \"./Employee.css\";\r\n\r\nfunction Employee(props) {\r\n const [employee, setEmployee] = useState([]);\r\n const [preferences, setPreferences] = useState({});\r\n const user = useSelector((state) => state.user);\r\n const [component, setComponent] = useState(\"details\");\r\n\r\n let fetchEmployee = useCallback(() => {\r\n getEmployee(user, props.employeeId).then((e) => {\r\n setEmployee(e);\r\n });\r\n getEmployeePreferences(user, props.employeeId).then(setPreferences);\r\n }, [user, props.employeeId]);\r\n\r\n useEffect(() => {\r\n fetchEmployee();\r\n }, [fetchEmployee]);\r\n\r\n let handleEditClick = () => setComponent(\"edit\");\r\n\r\n let handleBackAndSubmitClick = () => setComponent(\"details\");\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n 
\r\n ) : (\r\n
\r\n \r\n {props.employee.firstName} {props.employee.lastName}\r\n
\r\n {props.employee.locked ? (\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 {props.user.role === \"Employee\" && props.user.info === props.employeeId && (\r\n \r\n
\r\n \r\n
\r\n \r\n {props.user.role === \"Employer\" && props.employee.locked ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {component === \"details\" ? (\r\n
\r\n );\r\n}\r\n\r\nexport default Employee;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Button, Row, Col } from 'antd';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport JobPrefenecesMessages from '../JobPreference/JobPrefenecesMessages';\r\nimport LocationMessages from '../Location/LocationMessages';\r\nimport './ExperienceCard.less';\r\n\r\nfunction ExperienceCard(props) {\r\n const user = useSelector(state => state.user);\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\n \r\n );\r\n}\r\n\r\nexport default injectIntl(ExperienceCard);\r\n","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function getExperiences(user, employeeGuid) {\r\n return fetch(`/api/Experiences?guid=${employeeGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.json();\r\n }\r\n });\r\n}\r\n\r\nexport function getExperience(user, experienceGuid) {\r\n return fetch(`/api/Experiences/${experienceGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function updateExperience(user, experienceGuid, obj) {\r\n return fetch(`api/Experiences/${experienceGuid}`, {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: JSON.stringify(obj),\r\n });\r\n}\r\n\r\nexport function postExperience(user, state) {\r\n return fetch('api/Experiences', {\r\n method: 'POST',\r\n ...getAuthorizationProperties(user.token, {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: state,\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function deleteExperience(user, experienceId) {\r\n return fetch(`api/Experiences/${experienceId}`, {\r\n method: 'DELETE',\r\n ...getAuthorizationProperties(user.token),\r\n });\r\n}\r\n","import React from 'react';\r\nimport Masonry from 'react-masonry-css';\r\nimport './CogoMasonry.less';\r\n\r\nconst breakpointColumnsObj = {\r\n default: 3,\r\n 1599: 2,\r\n 1199: 1,\r\n};\r\n\r\nexport default function CogoMasonry(props) {\r\n return (\r\n \r\n
\r\n {props.intl.formatMessage(\r\n JobPrefenecesMessages[\r\n props.experience.positionName.replace(\r\n /\\W/g,\r\n ''\r\n )\r\n ]\r\n )}\r\n
\r\n \r\n\r\n
{props.experience.companyName}
\r\n \r\n\r\n
\r\n {props.intl.formatMessage(\r\n LocationMessages[\r\n props.experience.companyCity.replace(\r\n /\\W/g,\r\n ''\r\n )\r\n ]\r\n )}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {error ? \r\n {experiences.map(experience => (\r\n }\r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(Experiences);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Input, Button, DatePicker, Select, Form, Checkbox } from \"antd\";\r\nimport { FormattedMessage, injectIntl, defineMessages } from \"react-intl\";\r\nimport { postExperience } from \"../../services/experienceService\";\r\nimport { LeftOutlined } from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\nimport { getCountries } from \"../../services/locationService\";\r\nimport { FormatCountries } from \"../../Helpers/CountryHelper\";\r\nimport { FormatPositions } from \"../../Helpers/PositionHelper\";\r\nimport \"./Experiences.less\";\r\n\r\nlet messages = defineMessages({\r\n setAmount: {\r\n id: \"setAmount\",\r\n defaultMessage: \"Set amount\",\r\n },\r\n startDate: {\r\n id: \"startDate\",\r\n defaultMessage: \"Start date\",\r\n },\r\n endDate: {\r\n id: \"endDate\",\r\n defaultMessage: \"End date\",\r\n },\r\n comment: {\r\n id: \"comment\",\r\n defaultMessage: \"Komentar\",\r\n },\r\n positionDescription: {\r\n id: \"positionDescription\",\r\n defaultMessage: \"Descripe position\",\r\n },\r\n enterCompany: {\r\n id: \"enterCompany\",\r\n defaultMessage: \"Enter company\",\r\n },\r\n});\r\n\r\nfunction NewExperience(props) {\r\n const user = useSelector(state => state.user);\r\n const [comment, setComment] = useState();\r\n const [positionDescription, setPositionDescription] = useState();\r\n const [startDate, setStartDate] = useState();\r\n const [endDate, setEndDate] = useState();\r\n const positions = useSelector(state => state.positions);\r\n const [selectedPosition, setSelectedPosition] = useState([]);\r\n const [positionName, setPositionName] = useState([]);\r\n const [companyName, setCompanyName] = useState([]);\r\n const [selectedLocation, setSelectedLocation] = useState([]);\r\n const [companyCity, setCompanyCity] = useState([]);\r\n const [countries, setCountries] = useState([]);\r\n const [currentlyEmployed, setCurrentlyEmployed] = useState(false);\r\n\r\n const { Option } = Select;\r\n const FormItem = Form.Item;\r\n const { RangePicker } = DatePicker;\r\n\r\n useEffect(() => {\r\n getCountries(user).then(res => setCountries(res));\r\n }, [user]);\r\n\r\n let onCompanyNameChange = event => {\r\n setCompanyName(event.target.value);\r\n };\r\n\r\n let handlePositionChange = value => {\r\n setSelectedPosition(value);\r\n var position = positions.find(p => p.id === value);\r\n setPositionName(position.name);\r\n };\r\n\r\n let handleLocationChange = value => {\r\n setSelectedLocation(value);\r\n var country = countries.find(country => country.id === value);\r\n setCompanyCity(country.name);\r\n };\r\n\r\n let onCommentChange = event => {\r\n setComment(event.target.value);\r\n };\r\n\r\n let onCurrentlyChange = e => {\r\n setCurrentlyEmployed(e.target.checked);\r\n };\r\n\r\n let onSingleDateChange = value => {\r\n setStartDate(value.format(\"YYYY-MM-DD\"));\r\n };\r\n\r\n let onPositionDescriptionChange = event => {\r\n setPositionDescription(event.target.value);\r\n };\r\n\r\n let handleDateChange = values => {\r\n setStartDate(values[0].format(\"YYYY-MM-DD\"));\r\n setEndDate(values[1].format(\"YYYY-MM-DD\"));\r\n };\r\n\r\n let disabledDate = current => {\r\n return current && current > moment().endOf(\"day\");\r\n };\r\n\r\n let onSubmit = () => {\r\n const sDate = new Date(startDate);\r\n const eDate = currentlyEmployed ? new Date(moment().endOf(\"day\")) : new Date(endDate);\r\n const state = {\r\n employeeId: user.info,\r\n positionName: positionName,\r\n positionId: selectedPosition,\r\n positionDescription: positionName === \"Other\" ? positionDescription : \"\",\r\n companyName: companyName,\r\n currentlyEmployed: currentlyEmployed,\r\n start: sDate.toISOString(),\r\n end: eDate.toISOString(),\r\n comment: comment,\r\n companyCity: companyCity,\r\n locationId: selectedLocation,\r\n };\r\n postExperience(user, JSON.stringify(state)).then(props.handleClicks);\r\n };\r\n\r\n let onFinish = values => {\r\n onSubmit(values);\r\n };\r\n\r\n return user.role === \"Employee\" ? (\r\n {error}
:\r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(EditExperience);\r\n","import React from \"react\";\r\nimport { Button, Row, Col } from \"antd\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport JobPrefenecesMessages from \"../JobPreference/JobPrefenecesMessages\";\r\nimport LocationMessages from \"../Location/LocationMessages\";\r\nimport moment from \"moment\";\r\nimport \"./ExperienceCard.less\";\r\n\r\nfunction ExperienceDetails(props) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n footer={\r\n \r\n
\r\n setModalVisibility(false)}\r\n >\r\n
\r\n }\r\n bodyStyle={{ padding: \"18px\" }}\r\n centered\r\n closable={false}\r\n visible={visibility}\r\n className=\"job-application-modal\"\r\n >\r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(ExperienceDetails);\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Button } from \"antd\";\r\nimport Experiences from \"./Experiences\";\r\nimport NewExperience from \"./NewExperience\";\r\nimport EditExperience from \"./EditExperience\";\r\nimport ExperienceDetails from \"./ExperienceDetails\";\r\nimport { getExperience, getExperiences } from \"../../services/experienceService\";\r\nimport { getCompanies } from \"../../services/companyService\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nfunction Experience({ employeeId }) {\r\n const [activeComponent, setActiveComponent] = useState(\"details\");\r\n const [experience, setExperience] = useState([]);\r\n const [companies, setCompanies] = useState([]);\r\n const [error, setError] = useState(\"\");\r\n const user = useSelector(state => state.user);\r\n\r\n let fetchExperiences = useCallback(() => {\r\n getExperiences(user, employeeId)\r\n .then(c => {\r\n if (c.length === 0) setActiveComponent(\"new\");\r\n })\r\n .catch(e => setError(e.message));\r\n }, [user, employeeId]);\r\n\r\n useEffect(() => {\r\n let fetchCompanies = () => {\r\n getCompanies(user).then(c => {\r\n setCompanies(c);\r\n });\r\n };\r\n\r\n fetchCompanies();\r\n fetchExperiences();\r\n }, [user, fetchExperiences]);\r\n\r\n let handleNewClick = () => {\r\n setActiveComponent(\"new\");\r\n };\r\n\r\n let handleEditClick = id => {\r\n getExperience(user, id)\r\n .then(e => {\r\n setExperience(e);\r\n })\r\n .then(() => setActiveComponent(\"edit\"));\r\n };\r\n\r\n let handleExperienceDetails = id => {\r\n getExperience(user, id)\r\n .then(e => {\r\n setExperience(e);\r\n })\r\n .then(() => setActiveComponent(\"experienceDetails\"));\r\n };\r\n\r\n let handleBackAndSubmitClick = () => {\r\n setActiveComponent(\"details\");\r\n fetchExperiences();\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n {props.experience.positionName === \"Other\" &&\r\n props.experience.positionDescription !== \"\" ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.experience.comment !== \"\" ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n {props.intl.formatMessage(\r\n JobPrefenecesMessages[\r\n props.experience.positionName.replace(/\\W/g, \"\")\r\n ]\r\n )}\r\n
\r\n \r\n\r\n
{props.experience.positionDescription}
\r\n \r\n\r\n
{props.experience.companyName}
\r\n \r\n\r\n
\r\n {props.intl.formatMessage(\r\n LocationMessages[props.experience.companyCity.replace(/\\W/g, \"\")]\r\n )}\r\n
\r\n \r\n\r\n
\r\n {moment(props.experience.start).format(\"DD/MM/YYYY \")}\r\n {props.experience.currentlyEmployed\r\n ? \"->\"\r\n : `- ${moment(props.experience.end).format(\" DD/MM/YYYY\")}`}\r\n
\r\n \r\n\r\n
{props.experience.comment}
\r\n \r\n\r\n \r\n
\r\n \r\n {error &&
\r\n );\r\n}\r\n\r\nexport default Experience;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Button, Row, Col, Popover } from 'antd';\r\nimport { InfoCircleOutlined } from '@ant-design/icons';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport moment from 'moment';\r\nimport './EducationCard.less';\r\n\r\n\r\nfunction EducationCard(props) {\r\n const user = useSelector(state => state.user);\r\n\r\n const content = (\r\n {error}
}\r\n {activeComponent === \"details\" && !error ? (\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {activeComponent === \"new\" ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {activeComponent === \"edit\" ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {activeComponent === \"experienceDetails\" ? (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(EducationCard);\r\n","import { getAuthorizationProperties } from './authorizationService';\r\n\r\nexport function getEducations(user, employeeGuid) {\r\n return fetch(`/api/Educations?guid=${employeeGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then((response) => {\r\n if (!response.ok) {\r\n return response.text().then((text) => {\r\n throw Error(text);\r\n });\r\n } else {\r\n return response.json();\r\n }\r\n });\r\n}\r\n\r\nexport function getEducation(user, educationGuid) {\r\n return fetch(`/api/Educations/${educationGuid}`, {\r\n method: 'GET',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function updateEducation(user, educationGuid, obj) {\r\n return fetch(`/api/Educations/${educationGuid}`, {\r\n method: 'PUT',\r\n ...getAuthorizationProperties(user.token, {\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: JSON.stringify(obj),\r\n });\r\n}\r\n\r\nexport function postEducation(user, state) {\r\n return fetch('/api/Educations', {\r\n method: 'POST',\r\n ...getAuthorizationProperties(user.token, {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n }),\r\n body: state,\r\n }).then(response => response.json());\r\n}\r\n\r\nexport function deleteEducation(user, educationGuid) {\r\n return fetch(`/api/Educations/${educationGuid}`, {\r\n method: 'DELETE',\r\n ...getAuthorizationProperties(user.token),\r\n });\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport EducationCard from './EducationCard';\r\nimport { getEducations } from '../../services/educationService';\r\nimport { withLoader } from '../../components/WithLoader/withLoader';\r\nimport CogoMasonry from '../../components/CogoMasonry/CogoMasonry';\r\nimport './Educations.less';\r\n\r\nfunction Educations({setLoading, employeeId, handleEdit,handleEducationDetails}) {\r\n const [educations, setEducations] = useState([]);\r\n const [error, setError] = useState(\"\");\r\n const user = useSelector(state => state.user);\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n let fetchEducations = () => {\r\n getEducations(user, employeeId)\r\n .then(e => {\r\n setEducations(e);\r\n setLoading(false);\r\n })\r\n .catch(e => setError(e.message))\r\n };\r\n fetchEducations();\r\n }, [user, setLoading, employeeId]);\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\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* \r\n \r\n
\r\n \r\n {error ? \r\n {educations.map(education => (\r\n }\r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(Educations);\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Input, Button, DatePicker, Select, Form, Popover } from 'antd';\r\nimport { FormattedMessage, injectIntl, defineMessages } from 'react-intl';\r\nimport moment from 'moment';\r\nimport { LeftOutlined } from '@ant-design/icons';\r\nimport { InfoCircleOutlined } from '@ant-design/icons';\r\nimport { postEducation } from '../../services/educationService';\r\nimport './NewEducation.less';\r\n\r\nlet messages = defineMessages({\r\n startDate: {\r\n id: 'startDate',\r\n defaultMessage: 'Start date',\r\n },\r\n endDate: {\r\n id: 'endDate',\r\n defaultMessage: 'End date',\r\n },\r\n educatioanlInstitution: {\r\n id: 'educationalInstitution',\r\n defaultMessage: 'Educational institution',\r\n },\r\n educatioanlInstitutionType: {\r\n id: 'educationalInstitutionType',\r\n defaultMessage: 'Type of education',\r\n },\r\n university: {\r\n id: 'university',\r\n defaultMessage: 'University',\r\n },\r\n college: {\r\n id: 'college',\r\n defaultMessage: 'College',\r\n },\r\n highSchool: {\r\n id: 'highSchool',\r\n defaultMessage: 'High school',\r\n },\r\n apprenticeship: {\r\n id: 'apprenticeship',\r\n defaultMessage: 'Apprenticeship',\r\n },\r\n});\r\n\r\nfunction NewEducation(props) {\r\n const [startDate, setStartDate] = useState();\r\n const [endDate, setEndDate] = useState();\r\n const [institution, setInstitution] = useState();\r\n const [educationType, setEducationType] = useState();\r\n const [isProfessional, setIsProfessional] = useState();\r\n const user = useSelector(state => state.user);\r\n\r\n const { Option } = Select;\r\n const FormItem = Form.Item;\r\n const { RangePicker } = DatePicker;\r\n\r\n let onFinish = values => {\r\n onSubmit(values);\r\n };\r\n\r\n const content = (\r\n {error}
:\r\n \r\n setInstitution(e.target.value)}\r\n placeholder={props.intl.formatMessage(\r\n messages.educatioanlInstitution\r\n )}\r\n />\r\n \r\n setEducationType(e)}\r\n placeholder={props.intl.formatMessage(\r\n messages.educatioanlInstitutionType\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 {props.numOfEducations !== 0 ? (\r\n \r\n
\r\n \r\n onTypeChange(e)}\r\n placeholder={props.intl.formatMessage(\r\n messages.educatioanlInstitutionType\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 setModalVisibility(true)}\r\n >\r\n \r\n
\r\n }\r\n footer={\r\n \r\n
\r\n setModalVisibility(false)}\r\n >\r\n \r\n
\r\n }\r\n bodyStyle={{ padding: '18px' }}\r\n centered\r\n closable={false}\r\n visible={visibility}\r\n className=\"job-application-modal\"\r\n >\r\n \r\n
\r\n {error &&
\r\n );\r\n}\r\n\r\nexport default Education;\r\n","import React from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\nimport { Tabs } from 'antd';\r\nimport Employee from '../Employee/Employee';\r\nimport Experience from '../Experience/Experience';\r\nimport Education from '../Education/Education';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport './EmployeeProfile.css';\r\n\r\nfunction EmployeeProfile(props) {\r\n const { TabPane } = Tabs;\r\n const user = useSelector(state => state.user);\r\n let employeeId = user.info;\r\n let redirect = false;\r\n\r\n if (props.location.pathname) {\r\n var parts = props.location.pathname.split('/');\r\n if (parts.length === 3 && parts[2].length === 36) {\r\n employeeId = parts[2];\r\n } else if (user.role === 'Employer') {\r\n redirect = true;\r\n }\r\n }\r\n\r\n return (\r\n {error}
}\r\n {activeComponent === \"details\" && !error ? (\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {activeComponent === \"new\" ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {activeComponent === \"edit\" ? (\r\n \r\n
\r\n ) : (\r\n /* (\r\n ''\r\n )}\r\n {activeComponent === 'educationDetails' ? (\r\n \r\n {redirect && \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default EmployeeProfile;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Row, Col } from \"antd\";\r\nimport CompanyAvatar from \"../CompanyAvatar/CompanyAvatar\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport { Link } from \"react-router-dom\";\r\nimport LocationMessages from \"../Location/LocationMessages\";\r\nimport JobPreferencesMessages from \"../JobPreference/JobPrefenecesMessages\";\r\nimport \"./JobOfferCard.less\";\r\n\r\nconst JobOfferCard = props => {\r\n const allLocations = useSelector(state => state.locations);\r\n const allPositions = useSelector(state => state.positions);\r\n const [location, setLocation] = useState(null);\r\n const [positions, setPositions] = useState([]);\r\n\r\n useEffect(() => {\r\n if (props.positions && allPositions.length > 0) {\r\n let selectedPositions = props.positions.map(p => {\r\n return allPositions.find(ap => ap.id === p);\r\n });\r\n setPositions(selectedPositions);\r\n }\r\n }, [props.positions, allPositions]);\r\n\r\n useEffect(() => {\r\n setLocation(allLocations.find(l => l.id === props.locationId));\r\n }, [props.locationId, allLocations]);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(JobOfferCard);\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Select, Spin } from 'antd';\r\nimport debounce from 'lodash/debounce';\r\nimport { searchTags, postTag } from '../../services/tagService';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport './TagsSelector.css';\r\nimport { PlusOutlined } from '@ant-design/icons'\r\n\r\nconst { Option } = Select;\r\n\r\nfunction getStartValue(props) {\r\n if (props && props.value) {\r\n return props.value.map(v => ({ key: v.id, label: v.name }));\r\n }\r\n else {\r\n return [];\r\n }\r\n}\r\n\r\nfunction TagsSelector(props) {\r\n let lastFetchId = 0;\r\n const [data, setData] = useState([]);\r\n const [value, setValue] = useState(getStartValue(props));\r\n const [fetching, setFetching] = useState(false);\r\n const [newTag, setNewTag] = useState('');\r\n const user = useSelector((state) => state.user);\r\n\r\n let fetchTag = searchString => {\r\n lastFetchId += 1;\r\n const fetchId = lastFetchId;\r\n setData([]);\r\n setFetching(true);\r\n\r\n if (props.addTags && searchString.length >= 3) {\r\n setNewTag(searchString);\r\n }\r\n else {\r\n setNewTag('')\r\n }\r\n\r\n searchTags(user, searchString)\r\n .then(data => {\r\n if (fetchId !== lastFetchId) {\r\n return;\r\n }\r\n setData(data);\r\n setFetching(false);\r\n });\r\n\r\n };\r\n\r\n fetchTag = debounce(fetchTag, 800);\r\n\r\n let handleChange = newValues => {\r\n if (!newValues.some(nv => !nv.key)) {\r\n if (props.onChange) {\r\n props.onChange(newValues.map(n => ({ id: n.key, name: n.label })));\r\n }\r\n setValue(newValues);\r\n setData([]);\r\n setNewTag('');\r\n setFetching(false);\r\n }\r\n };\r\n\r\n let handlePlusClick = () => {\r\n postTag(user, newTag).then((res) => {\r\n setNewTag('');\r\n\r\n let newValues = [...value, { label: res.name, key: res.id }];\r\n setValue(newValues)\r\n if (props.onChange) {\r\n props.onChange(newValues.map(n => ({ id: n.key, name: n.label })));\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 {positions && positions.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {location && (\r\n \r\n
\r\n )}\r\n
\r\n \r\n
\r\n {props.title}
\r\n{props.company.name}
\r\n \r\n\r\n {\" \"}\r\n
\r\n
\r\n
\r\n {props.intl.formatMessage(\r\n LocationMessages[location.name.replace(/\\W/g, \"\")]\r\n )}\r\n
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(injectIntl(JobOfferList));\r\n","import React, { useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport JobOfferList from '../JobOfferList/JobOfferList';\r\nimport { AddJobOfferId } from '../../actions/jobApplicationAction';\r\nimport { getEmployeeJobApplications } from '../../services/jobApplicationService';\r\nimport './Opportunities.css';\r\n\r\nfunction Opportunities() {\r\n const jobsApplied = useSelector((state) => state.jobApplication);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.user);\r\n\r\n useEffect(() => {\r\n let fetchApplications = () => {\r\n if (jobsApplied.length === 0) {\r\n getEmployeeJobApplications(user, user.info).then((ja) => {\r\n ja.items.map((j) => dispatch(AddJobOfferId(j.jobOffer.id)));\r\n });\r\n }\r\n };\r\n\r\n fetchApplications();\r\n }, [jobsApplied, dispatch, user]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n fetchJobOffers(filterData.page, value)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {jobOffers.map(job => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Opportunities;\r\n","import { defineMessages } from \"react-intl\";\r\n\r\nexport default defineMessages({\r\n BadenBaden: { id: \"city.BadenBaden\", defaultMessage: \"Baden-Baden\" },\r\n FreiburgimBreisgau: { id: \"city.FreiburgimBreisgau\", defaultMessage: \"Freiburg im Breisgau\" },\r\n Heidelberg: { id: \"city.Heidelberg\", defaultMessage: \"Heidelberg\" },\r\n Heibron: { id: \"city.Heibron\", defaultMessage: \"Heibron\" },\r\n Karlsruhe: { id: \"city.Karlsruhe\", defaultMessage: \"Karlsruhe\" },\r\n Mannheim: { id: \"city.Mannheim\", defaultMessage: \"Mannheim\" },\r\n Pforzheim: { id: \"city.Pforzheim\", defaultMessage: \"Pforzheim\" },\r\n Stuttgart: { id: \"city.Stuttgart\", defaultMessage: \"Stuttgart\" },\r\n Ulm: { id: \"city.Ulm\", defaultMessage: \"Ulm\" },\r\n Amberg: { id: \"city.Amberg\", defaultMessage: \"Amberg\" },\r\n Ansbach: { id: \"city.Ansbach\", defaultMessage: \"Ansbach\" },\r\n Aschaffenburg: { id: \"city.Aschaffenburg\", defaultMessage: \"Aschaffenburg\" },\r\n Augsburg: { id: \"city.Augsburg\", defaultMessage: \"Augsburg\" },\r\n Bamberg: { id: \"city.Bamberg\", defaultMessage: \"Bamberg\" },\r\n Bayreuth: { id: \"city.Bayreuth\", defaultMessage: \"Bayreuth\" },\r\n Coburg: { id: \"city.Coburg\", defaultMessage: \"Coburg\" },\r\n Erlangen: { id: \"city.Erlangen\", defaultMessage: \"Erlangen\" },\r\n Furth: { id: \"city.Furth\", defaultMessage: \"Furth\" },\r\n Hof: { id: \"city.Hof\", defaultMessage: \"Hof\" },\r\n Ingolstadt: { id: \"city.Ingolstadt\", defaultMessage: \"Ingolstadt\" },\r\n Kaufbeuren: { id: \"city.Kaufbeuren\", defaultMessage: \"Kaufbeuren\" },\r\n Kempten: { id: \"city.Kempten\", defaultMessage: \"Kempten\" },\r\n Landshut: { id: \"city.Landshut\", defaultMessage: \"Landshut\" },\r\n Memmingen: { id: \"city.Memmingen\", defaultMessage: \"Memmingen\" },\r\n Munich: { id: \"city.Munich\", defaultMessage: \"Munich\" },\r\n Nuremberg: { id: \"city.Nuremberg\", defaultMessage: \"Nuremberg\" },\r\n Passau: { id: \"city.Passau\", defaultMessage: \"Passau\" },\r\n Regensburg: { id: \"city.Regensburg\", defaultMessage: \"Regensburg\" },\r\n Rosenheim: { id: \"city.Rosenheim\", defaultMessage: \"Rosenheim\" },\r\n Schwabach: { id: \"city.Schwabach\", defaultMessage: \"Schwabach\" },\r\n Schweinfurt: { id: \"city.Schweinfurt\", defaultMessage: \"Schweinfurt\" },\r\n Straubing: { id: \"city.Straubing\", defaultMessage: \"Straubing\" },\r\n Weiden: { id: \"city.Weiden\", defaultMessage: \"Weiden\" },\r\n Wurzburg: { id: \"city.Wurzburg\", defaultMessage: \"Wurzburg\" },\r\n Potsdam: { id: \"city.Potsdam\", defaultMessage: \"Potsdam\" },\r\n Cottbus: { id: \"city.Cottbus\", defaultMessage: \"Cottbus\" },\r\n BrandenburganderHavel: {\r\n id: \"city.Brandenburg an der Havel\",\r\n defaultMessage: \"Brandenburg an der Havel\",\r\n },\r\n FrankfurtOder: { id: \"city.Frankfurt Oder\", defaultMessage: \"Frankfurt Oder\" },\r\n Oranienburg: { id: \"city.Oranienburg\", defaultMessage: \"Oranienburg\" },\r\n Falkensee: { id: \"city.Falkensee\", defaultMessage: \"Falkensee\" },\r\n Eberswalde: { id: \"city.Eberswalde\", defaultMessage: \"Eberswalde\" },\r\n BernaubeiBerlin: { id: \"city.Bernau bei Berlin\", defaultMessage: \"Bernau bei Berlin\" },\r\n KonigsWusterhausen: { id: \"city.Konigs Wusterhausen\", defaultMessage: \"Konigs Wusterhausen\" },\r\n Furstenwalde: { id: \"city.Furstenwalde\", defaultMessage: \"Furstenwalde\" },\r\n Neuruppin: { id: \"city.Neuruppin\", defaultMessage: \"Neuruppin\" },\r\n Schwedt: { id: \"city.Schwedt\", defaultMessage: \"Schwedt\" },\r\n BlankenFeldeMahlow: { id: \"city.BlankenFelde Mahlow\", defaultMessage: \"BlankenFelde Mahlow\" },\r\n Strausberg: { id: \"city.Strausberg\", defaultMessage: \"Strausberg\" },\r\n Hennigsdorf: { id: \"city.Hennigsdorf\", defaultMessage: \"Hennigsdorf\" },\r\n HohenNeuendorf: { id: \"city.Hohen Neuendorf\", defaultMessage: \"Hohen Neuendorf\" },\r\n Teltow: { id: \"city.Teltow\", defaultMessage: \"Teltow\" },\r\n Werder: { id: \"city.Werder\", defaultMessage: \"Werder\" },\r\n Ludwigsfelde: { id: \"city.Ludwigsfelde\", defaultMessage: \"Ludwigsfelde\" },\r\n Eisenhuttenstadt: { id: \"city.Eisenhuttenstadt\", defaultMessage: \"Eisenhuttenstadt\" },\r\n Senftenberg: { id: \"city.Senftenberg\", defaultMessage: \"Senftenberg\" },\r\n Rathenow: { id: \"city.Rathenow\", defaultMessage: \"Rathenow\" },\r\n Wandlitz: { id: \"city.Wandlitz\", defaultMessage: \"Wandlitz\" },\r\n Spremberg: { id: \"city.Spremberg\", defaultMessage: \"Spremberg\" },\r\n Luckenwalde: { id: \"city.Luckenwalde\", defaultMessage: \"Luckenwalde\" },\r\n Kleinmachnow: { id: \"city.Kleinmachnow\", defaultMessage: \"Kleinmachnow\" },\r\n Panketal: { id: \"city.Panketal\", defaultMessage: \"Panketal\" },\r\n Prenzlau: { id: \"city.Prenzlau\", defaultMessage: \"Prenzlau\" },\r\n Zossen: { id: \"city.Zossen\", defaultMessage: \"Zossen\" },\r\n Forst: { id: \"city.Forst\", defaultMessage: \"Forst\" },\r\n NeuenhagenbeiBerlin: {\r\n id: \"city.Neuenhagen bei Berlin\",\r\n defaultMessage: \"Neuenhagen bei Berlin\",\r\n },\r\n Hoppegarten: { id: \"city.Hoppegarten\", defaultMessage: \"Hoppegarten\" },\r\n Nauen: { id: \"city.Nauen\", defaultMessage: \"Nauen\" },\r\n Wittenberge: { id: \"city.Wittenberge\", defaultMessage: \"Wittenberge\" },\r\n Guben: { id: \"city.Guben\", defaultMessage: \"Guben\" },\r\n Finsterwalde: { id: \"city.Finsterwalde\", defaultMessage: \"Finsterwalde\" },\r\n Lubbenau: { id: \"city.Lubbenau\", defaultMessage: \"Lubbenau\" },\r\n Templin: { id: \"city.Templin\", defaultMessage: \"Templin\" },\r\n RudersdorfbeiBerlin: {\r\n id: \"city.RudersdorfbeiBerlin\",\r\n defaultMessage: \"RudersdorfbeiBerlin\",\r\n },\r\n Stahnsdorf: { id: \"city.Stahnsdorf\", defaultMessage: \"Stahnsdorf\" },\r\n PetershagenEggersdorf: {\r\n id: \"city.PetershagenEggersdorf\",\r\n defaultMessage: \"Petershagen Eggersdorf\",\r\n },\r\n BremenCity: { id: \"city.Bremen\", defaultMessage: \"Bremen\" },\r\n Bremerhaven: { id: \"city.Bremerhaven\", defaultMessage: \"Bremerhaven\" },\r\n HamburgCity: { id: \"city.HamburgCity\", defaultMessage: \"Hamburg\" },\r\n Darmstadt: { id: \"city.Darmstadt\", defaultMessage: \"Darmstadt\" },\r\n FrankfurtamMain: { id: \"city.FrankfurtamMain\", defaultMessage: \"Frankfurt am Main\" },\r\n Kassel: { id: \"city.Kassel\", defaultMessage: \"Kassel\" },\r\n OffenbachamMain: { id: \"city.OffenbachamMain\", defaultMessage: \"Offenbach am Main\" },\r\n Wiesbaden: { id: \"city.Wiesbaden\", defaultMessage: \"Wiesbaden\" },\r\n Hanover: { id: \"city.Hanover\", defaultMessage: \"Hanover\" },\r\n Braunschweig: { id: \"city.Braunschweig\", defaultMessage: \"Braunschweig\" },\r\n Oldenburg: { id: \"city.Oldenburg\", defaultMessage: \"Oldenburg\" },\r\n Osnabruck: { id: \"city.Osnabruck\", defaultMessage: \"Osnabruck\" },\r\n Wolfsburg: { id: \"city.Wolfsburg\", defaultMessage: \"Wolfsburg\" },\r\n Gottingen: { id: \"city.Gottingen\", defaultMessage: \"Gottingen\" },\r\n Salzgitter: { id: \"city.Salzgitter\", defaultMessage: \"Salzgitter\" },\r\n Hildesheim: { id: \"city.Hildesheim\", defaultMessage: \"Hildesheim\" },\r\n Delmenhorst: { id: \"city.Delmenhorst\", defaultMessage: \"Delmenhorst\" },\r\n Wihelmshaven: { id: \"city.Wihelmshaven\", defaultMessage: \"Wihelmshaven\" },\r\n Luneburg: { id: \"city.Luneburg\", defaultMessage: \"Luneburg\" },\r\n Celle: { id: \"city.Celle\", defaultMessage: \"Celle\" },\r\n Garbsen: { id: \"city.Garbsen\", defaultMessage: \"Garbsen\" },\r\n Hamelin: { id: \"city.Hamelin\", defaultMessage: \"Hamelin\" },\r\n Lingen: { id: \"city.Lingen\", defaultMessage: \"Lingen\" },\r\n Langengagen: { id: \"city.Langengagen\", defaultMessage: \"Langengagen\" },\r\n Nordhorn: { id: \"city.Nordhorn\", defaultMessage: \"Nordhorn\" },\r\n Wolfenbuttel: { id: \"city.Wolfenbuttel\", defaultMessage: \"Wolfenbuttel\" },\r\n Goslar: { id: \"city.Goslar\", defaultMessage: \"Goslar\" },\r\n Emden: { id: \"city.Emden\", defaultMessage: \"Emden\" },\r\n Rostock: { id: \"city.Rostock\", defaultMessage: \"Rostock\" },\r\n Schwerin: { id: \"city.Schwerin\", defaultMessage: \"Schwerin\" },\r\n Neubrandenburg: { id: \"city.Neubrandenburg\", defaultMessage: \"Neubrandenburg\" },\r\n Stralsund: { id: \"city.Stralsund\", defaultMessage: \"Stralsund\" },\r\n Greifswald: { id: \"city.Greifswald\", defaultMessage: \"Greifswald\" },\r\n Wismar: { id: \"city.Wismar\", defaultMessage: \"Wismar\" },\r\n Gustrow: { id: \"city.Gustrow\", defaultMessage: \"Gustrow\" },\r\n Waren: { id: \"city.Waren\", defaultMessage: \"Waren\" },\r\n Neustrelitz: { id: \"city.Neustrelitz\", defaultMessage: \"Neustrelitz\" },\r\n Parchim: { id: \"city.Parchim\", defaultMessage: \"Parchim\" },\r\n RibnitzDamgarten: { id: \"city.RibnitzDamgarten\", defaultMessage: \"Ribnitz Damgarten\" },\r\n BergenaufRugen: { id: \"city.BergenaufRugen\", defaultMessage: \"Bergen auf Rugen\" },\r\n Anklam: { id: \"city.Anklam\", defaultMessage: \"Anklam\" },\r\n BadDoberan: { id: \"city.BadDoberan\", defaultMessage: \"Bad Doberan\" },\r\n Ludwigslust: { id: \"city.Ludwigslust\", defaultMessage: \"Ludwigslust\" },\r\n Wolgast: { id: \"city.Wolgast\", defaultMessage: \"Wolgast\" },\r\n Hagenow: { id: \"city.Hagenow\", defaultMessage: \"Hagenow\" },\r\n Demmin: { id: \"city.Demmin\", defaultMessage: \"Demmin\" },\r\n Boizenburg: { id: \"city.Boizenburg\", defaultMessage: \"Boizenburg\" },\r\n Grevesmuhlen: { id: \"city.Grevesmuhlen\", defaultMessage: \"Grevesmuhlen\" },\r\n Cologne: { id: \"city.Cologne\", defaultMessage: \"Cologne\" },\r\n Dusseldorf: { id: \"city.Dusseldorf\", defaultMessage: \"Dusseldorf\" },\r\n Dortmund: { id: \"city.Dortmund\", defaultMessage: \"Dortmund\" },\r\n Essen: { id: \"city.Essen\", defaultMessage: \"Essen\" },\r\n Duisburg: { id: \"city.Duisburg\", defaultMessage: \"Duisburg\" },\r\n Bochum: { id: \"city.Bochum\", defaultMessage: \"Bochum\" },\r\n Wuppertal: { id: \"city.Wuppertal\", defaultMessage: \"Wuppertal\" },\r\n Bielefeld: { id: \"city.Bielefeld\", defaultMessage: \"Bielefeld\" },\r\n Bonn: { id: \"city.Bonn\", defaultMessage: \"Bonn\" },\r\n Munster: { id: \"city.Munster\", defaultMessage: \"Munster\" },\r\n Mainz: { id: \"city.Mainz\", defaultMessage: \"Mainz\" },\r\n LudwigshafenamRhein: {\r\n id: \"city.LudwigshafenamRhein\",\r\n defaultMessage: \"Ludwigshafen am Rhein\",\r\n },\r\n Koblenz: { id: \"city.Koblenz\", defaultMessage: \"Koblenz\" },\r\n Trier: { id: \"city.Trier\", defaultMessage: \"Trier\" },\r\n Kaiserslaurern: { id: \"city.Kaiserslaurern\", defaultMessage: \"Kaiserslaurern\" },\r\n Worms: { id: \"city.Worms\", defaultMessage: \"Worms\" },\r\n Neuwied: { id: \"city.Neuwied\", defaultMessage: \"Neuwied\" },\r\n NeustadtanderWeinstrase: {\r\n id: \"city.NeustadtanderWeinstrase\",\r\n defaultMessage: \"Neustadt an der Weinstrase\",\r\n },\r\n Speyer: { id: \"city.Speyer\", defaultMessage: \"Speyer\" },\r\n BadKreuznach: { id: \"city.BadKreuznach\", defaultMessage: \"Bad Kreuznach\" },\r\n BerlinCity: { id: \"city.BerlinCity\", defaultMessage: \"Berlin City\" },\r\n Saarbrucken: { id: \"city.Saarbrucken\", defaultMessage: \"Saarbrucken\" },\r\n Neunkirchen: { id: \"city.Neunkirchen\", defaultMessage: \"Neunkirchen\" },\r\n Homburg: { id: \"city.Homburg\", defaultMessage: \"Homburg\" },\r\n Volklingen: { id: \"city.Volklingen\", defaultMessage: \"Volklingen\" },\r\n SanktIngbert: { id: \"city.SanktIngbert\", defaultMessage: \"Sankt Ingbert\" },\r\n Saarlouis: { id: \"city.Saarlouis\", defaultMessage: \"Saarlouis\" },\r\n Merzig: { id: \"city.Merzig\", defaultMessage: \"Merzig\" },\r\n SanktWendel: { id: \"city.SanktWendel\", defaultMessage: \"Sankt Wendel\" },\r\n Blieskastel: { id: \"city.Blieskastel\", defaultMessage: \"Blieskastel\" },\r\n Dillingen: { id: \"city.Dillingen\", defaultMessage: \"Dillingen\" },\r\n Leipzig: { id: \"city.Leipzig\", defaultMessage: \"Leipzig\" },\r\n Dresden: { id: \"city.Dresden\", defaultMessage: \"Dresden\" },\r\n Chemnitz: { id: \"city.Chemnitz\", defaultMessage: \"Chemnitz\" },\r\n Zwickau: { id: \"city.Zwickau\", defaultMessage: \"Zwickau\" },\r\n Plauen: { id: \"city.Plauen\", defaultMessage: \"Plauen\" },\r\n Gorlitz: { id: \"city.Gorlitz\", defaultMessage: \"Gorlitz\" },\r\n Freiburg: { id: \"city.Freiburg\", defaultMessage: \"Freiburg\" },\r\n Freital: { id: \"city.Freital\", defaultMessage: \"Freital\" },\r\n Bautzen: { id: \"city.Bautzen\", defaultMessage: \"Bautzen\" },\r\n Pirna: { id: \"city.Pirna\", defaultMessage: \"Pirna\" },\r\n Halle: { id: \"city.Halle\", defaultMessage: \"Halle\" },\r\n Magdeburg: { id: \"city.Magdeburg\", defaultMessage: \"Magdeburg\" },\r\n DessauRoslau: { id: \"city.DessauRoslau\", defaultMessage: \"Dessau Roslau\" },\r\n LutherstadtWittenberg: {\r\n id: \"city.LutherstadtWittenberg\",\r\n defaultMessage: \"Lutherstadt Wittenberg\",\r\n },\r\n Weisenfels: { id: \"city.Weisenfels\", defaultMessage: \"Weisenfels\" },\r\n Halberstadt: { id: \"city.Halberstadt\", defaultMessage: \"Halberstadt\" },\r\n Stendal: { id: \"city.Stendal\", defaultMessage: \"Stendal\" },\r\n BitterfeldWolfen: { id: \"city.BitterfeldWolfen\", defaultMessage: \"Bitterfeld Wolfen\" },\r\n Merseburg: { id: \"city.Merseburg\", defaultMessage: \"Merseburg\" },\r\n Bernburg: { id: \"city.Bernburg\", defaultMessage: \"Bernburg\" },\r\n Erfurt: { id: \"city.Erfurt\", defaultMessage: \"Erfurt\" },\r\n Jena: { id: \"city.Jena\", defaultMessage: \"Jena\" },\r\n Gera: { id: \"city.Gera\", defaultMessage: \"Gera\" },\r\n Weimar: { id: \"city.Weimar\", defaultMessage: \"Weimar\" },\r\n Gotha: { id: \"city.Gotha\", defaultMessage: \"Gotha\" },\r\n Nordhausen: { id: \"city.Nordhausen\", defaultMessage: \"Nordhausen\" },\r\n Eisenach: { id: \"city.Eisenach\", defaultMessage: \"Eisenach\" },\r\n Suhl: { id: \"city.Suhl\", defaultMessage: \"Suhl\" },\r\n Altenburg: { id: \"city.Altenburg\", defaultMessage: \"Altenburg\" },\r\n Muhlhausen: { id: \"city.Muhlhausen\", defaultMessage: \"Muhlhausen\" },\r\n Kiel: { id: \"city.Kiel\", defaultMessage: \"Kiel\" },\r\n Lubeck: { id: \"city.Lubeck\", defaultMessage: \"Lubeck\" },\r\n Flensburg: { id: \"city.Flensburg\", defaultMessage: \"Flensburg\" },\r\n Neumunster: { id: \"city.Neumunster\", defaultMessage: \"Neumunster\" },\r\n Norderstedt: { id: \"city.Norderstedt\", defaultMessage: \"Norderstedt\" },\r\n Elmshorn: { id: \"city.Elmshorn\", defaultMessage: \"Elmshorn\" },\r\n Pinneberg: { id: \"city.Pinneberg\", defaultMessage: \"Pinneberg\" },\r\n Wedel: { id: \"city.Wedel\", defaultMessage: \"Wedel\" },\r\n Ahrensburg: { id: \"city.Ahrensburg\", defaultMessage: \"Ahrensburg\" },\r\n Itzehoe: { id: \"city.Itzehoe\", defaultMessage: \"Itzehoe\" },\r\n Other: { id: \"city.Other\", defaultMessage: \"Other\" },\r\n});\r\n","import CityMessages from \"./CityMessages\";\r\n\r\nexport const FormatCities = (cities, intl) => {\r\n const newCities = cities.map(city => {\r\n let name = intl.formatMessage(CityMessages[city.name.replace(/\\W/g, \"\")]);\r\n return { ...city, name };\r\n });\r\n\r\n return newCities.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase()));\r\n};\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Input, Button, DatePicker, Select, Form } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { postJobOffer } from \"../../services/jobOfferService\";\r\nimport TagsSelector from \"../../components/TagsSelector/TagsSelector\";\r\nimport { FormattedMessage, defineMessages, injectIntl } from \"react-intl\";\r\nimport LanguageMessages from \"../Language/LanguageMessages\";\r\nimport { FormatPositions } from \"../../Helpers/PositionHelper\";\r\nimport { FormatLocations } from \"../../Helpers/LocationHelper\";\r\nimport { getJobLocations, getCitiesForRegion } from \"../../services/locationService\";\r\nimport ReactQuill from \"react-quill\";\r\nimport \"react-quill/dist/quill.snow.css\";\r\nimport \"./CreateJobOffer.less\";\r\nimport { FormatCities } from \"../../Helpers/CityHelper\";\r\n\r\nlet messages = defineMessages({\r\n setAmount: {\r\n id: \"setAmount\",\r\n defaultMessage: \"Set amount\",\r\n },\r\n startDate: {\r\n id: \"startDate\",\r\n defaultMessage: \"Start date\",\r\n },\r\n endDate: {\r\n id: \"endDate\",\r\n defaultMessage: \"End date\",\r\n },\r\n setTitle: {\r\n id: \"setTitle\",\r\n defaultMessage: \"Set title\",\r\n },\r\n applicationDeadlineDate: {\r\n id: \"applicationDeadlineDate\",\r\n defaultMessage: \"Select date\",\r\n },\r\n});\r\n\r\nconst CreateJobOffer = props => {\r\n const [description, setDescription] = useState(\"\");\r\n const [startDate, setStartDate] = useState();\r\n const [endDate, setEndDate] = useState();\r\n const [location, setLocation] = useState([]);\r\n const [selectedPositions, setSelectedPositions] = useState([]);\r\n const [isProfessional, setIsProfessional] = useState();\r\n const [jobType, setJobType] = useState();\r\n const [title, setTitle] = useState();\r\n const [selectedLanguages, setSelectedLanguages] = useState([]);\r\n const [driversLicenceNeeded, setDriversLicenceNeeded] = useState();\r\n const [applicationDeadline, setApplicationDeadline] = useState(null);\r\n const [jobLocations, setJobLocations] = useState([]);\r\n const [parametersVisible, setParametersVisible] = useState(false);\r\n const [cityLocations, setCityLocations] = useState([]);\r\n const [city, setCity] = useState();\r\n const [countryside, setCountryside] = useState();\r\n const [regionSelected, setRegionSelected] = useState(false);\r\n const [citySelected, setCitySelected] = useState(false);\r\n\r\n const user = useSelector(state => state.user);\r\n const positions = useSelector(state => state.positions);\r\n const languages = useSelector(state => state.languages);\r\n const history = useHistory();\r\n\r\n const [positionOpen, setPositionOpen] = useState(false);\r\n const [languageOpen, setLanguageOpen] = useState(false);\r\n const [locationOpen, setLocationOpen] = useState(false);\r\n const [cityOpen, setCityOpen] = useState(false);\r\n\r\n const { Option } = Select;\r\n const FormItem = Form.Item;\r\n const { RangePicker } = DatePicker;\r\n\r\n useEffect(() => {\r\n let fetchJobLocations = () => {\r\n getJobLocations(user).then(setJobLocations);\r\n };\r\n fetchJobLocations();\r\n }, [user]);\r\n\r\n let fetchCitesForRegion = useCallback(() => {\r\n if (location.length !== 0) {\r\n getCitiesForRegion(user, location).then(setCityLocations);\r\n }\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n fetchCitesForRegion();\r\n }, [fetchCitesForRegion]);\r\n\r\n let onDescriptionChange = (content, delta, source, editor) => {\r\n if (editor.getText() != \"\") {\r\n setDescription(editor.getHTML());\r\n } else {\r\n setDescription(\"\");\r\n }\r\n };\r\n\r\n let handleDateChange = values => {\r\n setStartDate(values[0].format(\"YYYY-MM-DD\"));\r\n if (values[1] !== null) setEndDate(values[1].format(\"YYYY-MM-DD\"));\r\n };\r\n\r\n let handleApplicationDeadlineChange = values => {\r\n if (values === null) {\r\n setApplicationDeadline(null);\r\n } else {\r\n setApplicationDeadline(values.format(\"YYYY-MM-DD\"));\r\n }\r\n };\r\n\r\n let disabledDate = current => {\r\n return current && current < moment().endOf(\"day\");\r\n };\r\n\r\n let applicationDisabledDate = current => {\r\n let startDateDate = new Date(startDate);\r\n return current && current >= startDateDate;\r\n };\r\n\r\n let onSubmit = values => {\r\n const sDate = new Date(startDate);\r\n const eDate = new Date(endDate);\r\n const applicationDeadlineDate = new Date(applicationDeadline);\r\n const state = {\r\n companyId: user.info,\r\n start: startDate != undefined ? sDate.toISOString() : null,\r\n end: endDate != undefined ? eDate.toISOString() : null,\r\n locationId: location,\r\n shortDescription: description.toString(\"html\"),\r\n positions: [selectedPositions],\r\n tags: values.tags,\r\n isProfessional: isProfessional,\r\n jobType: jobType === \"0\" ? 0 : jobType === \"1\" ? 1 : 2,\r\n title: title,\r\n countryside: countryside,\r\n cityId:\r\n city === undefined || city === null ? \"00000000-0000-0000-0000-000000000000\" : city,\r\n languagesRequired: selectedLanguages,\r\n driversLicenceNeeded: driversLicenceNeeded,\r\n applicationDeadline: applicationDeadlineDate,\r\n };\r\n\r\n postJobOffer(user, JSON.stringify(state)).then(() => {\r\n history.go({\r\n pathname: \"/CompanyJobOffers\",\r\n });\r\n });\r\n };\r\n\r\n let onFinish = values => {\r\n onSubmit(values);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(CreateJobOffer);\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Tabs } from 'antd';\r\nimport './CompanyJobOffers.css';\r\nimport CreateJobOffer from '../CreateJobOffer/CreateJobOffer';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport JobOfferList from '../JobOfferList/JobOfferList';\r\n\r\nfunction CompanyJobOffers() {\r\n const user = useSelector(state => state.user);\r\n\r\n const { TabPane } = Tabs;\r\n\r\n return (\r\n \r\n setTitle(e.target.value)}\r\n />\r\n \r\n\r\n setJobType(e)}\r\n placeholder={\r\n {\r\n if (value === null) {\r\n setCitySelected(true);\r\n } else {\r\n setCitySelected(false);\r\n setCountryside(\"\");\r\n }\r\n setCity(value);\r\n }}\r\n onClick={() => setCityOpen(!cityOpen)}\r\n onBlur={() => setCityOpen(false)}\r\n open={cityOpen}\r\n placeholder={\r\n setCountryside(event.target.value)} />\r\n \r\n
\r\n \r\n setParametersVisible(!parametersVisible)}\r\n >\r\n
\r\n \r\n
\r\n \r\n setSelectedLanguages(e)}\r\n onClick={() => setLanguageOpen(!languageOpen)}\r\n onBlur={() => setLanguageOpen(false)}\r\n open={languageOpen}\r\n placeholder={ {\r\n setIsProfessional(e);\r\n }}\r\n placeholder={\r\n setDriversLicenceNeeded(e)}\r\n placeholder={
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CompanyJobOffers;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport { getCompany } from \"../../services/companyService\";\r\nimport { Row, Col, Button, Modal } from \"antd\";\r\nimport { deleteJobApplication } from \"../../services/jobApplicationService\";\r\nimport { RemoveJobOfferId } from \"../../actions/jobApplicationAction\";\r\nimport { ReactComponent as Trash } from \"./Trash_icon.svg\";\r\nimport moment from \"moment\";\r\nimport \"./JobApplicationCard.less\";\r\nimport { displayMessageToast } from \"../../Helpers/ToastHelper\";\r\n\r\nfunction JobApplicationCard(props) {\r\n const [company, setCompany] = useState([]);\r\n const user = useSelector(state => state.user);\r\n const [visibility, setVisibility] = useState(false);\r\n const jobApplications = useSelector(state => state.jobApplication);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n let fetchCompany = () => {\r\n getCompany(user, props.jobOffer.companyId).then(setCompany);\r\n };\r\n fetchCompany();\r\n }, [user, props.jobOffer.companyId]);\r\n\r\n let handleDeleteJobApplication = () => {\r\n deleteJobApplication(user, props.guid)\r\n .then(() => setModalVisibility(false))\r\n .then(props.refresh)\r\n .then(() => {\r\n if (jobApplications.length !== 0) dispatch(RemoveJobOfferId(props.jobOffer.id));\r\n })\r\n .then(() => displayMessageToast(\"messageDelete\", true, props.intl));\r\n };\r\n\r\n let setModalVisibility = isVisible => {\r\n setVisibility(isVisible);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(JobApplicationCard);\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { getApplicationsEmployee } from \"../../services/jobApplicationService\";\r\nimport JobApplicationCard from \"./JobApplicationCard\";\r\nimport { Pagination } from \"antd\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport \"./JobApplications.less\";\r\n\r\nfunction JobApplicationsEmployee({ setLoading }) {\r\n const [page, setPage] = useState(1);\r\n const [total, setTotal] = useState();\r\n const [jobApplications, setJobApplications] = useState([]);\r\n const user = useSelector(state => state.user);\r\n\r\n let fetchJobOffers = useCallback(async () => {\r\n setLoading(true);\r\n const ja = await getApplicationsEmployee(user, page);\r\n setJobApplications(ja.items);\r\n setTotal(ja.total);\r\n setLoading(false);\r\n }, [user, page, setLoading]);\r\n\r\n useEffect(() => {\r\n fetchJobOffers();\r\n }, [fetchJobOffers]);\r\n\r\n let onPageChange = page => {\r\n setPage(page);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {props.jobOffer.title}
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {company.name}
\r\n \r\n \r\n{moment(props.created).format(\"DD/MM/YYYY\")}
\r\n \r\n\r\n \r\n \r\n
\r\n }\r\n footer={\r\n \r\n
\r\n setModalVisibility(false)}\r\n >\r\n
\r\n }\r\n bodyStyle={{ padding: \"18px\" }}\r\n centered\r\n closable={false}\r\n visible={visibility}\r\n className=\"job-application-modal\"\r\n >\r\n \r\n
\r\n
\r\n \r\n {jobApplications.map(jobApplication => (\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ApplicantCard;\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport {\r\n getApplicationsCompany,\r\n markAllApplicationsCompanyAsRead,\r\n} from \"../../services/jobApplicationService\";\r\nimport ApplicantCard from \"../JobOffer/ApplicantCard\";\r\nimport { Pagination, Collapse, Button, Select, Form } from \"antd\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport { getJobOffersWithoutPagination } from \"../../services/jobOfferService\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { RemoveUnreadJobApplications } from \"../../actions/jobApplicationAction\";\r\nimport \"./JobApplications.less\";\r\n\r\nfunction JobApplicationCompany({ setLoading }) {\r\n const [page, setPage] = useState(1);\r\n const [total, setTotal] = useState();\r\n const [jobApplications, setJobApplications] = useState([]);\r\n const [companyJobOffers, setCompanyJobOffers] = useState([]);\r\n const user = useSelector(state => state.user);\r\n const newApplications = useSelector(state => state.jobApplication);\r\n const searchParamsCompany = new URLSearchParams();\r\n const [collapseOpen, setCollapseOpen] = useState([]);\r\n const dispatch = useDispatch();\r\n\r\n const { Panel } = Collapse;\r\n const { Option } = Select;\r\n\r\n let markApplicationsAsRead = useCallback(() => {\r\n markAllApplicationsCompanyAsRead(user);\r\n }, [user]);\r\n\r\n let fetchJobApplications = useCallback(() => {\r\n setLoading(true);\r\n getApplicationsCompany(user, page, searchParamsCompany).then(ja => {\r\n setJobApplications(ja.items);\r\n setTotal(ja.total);\r\n setLoading(false);\r\n });\r\n }, [setLoading, user, page]);\r\n\r\n useEffect(() => {\r\n markApplicationsAsRead();\r\n if (newApplications.length !== 0) dispatch(RemoveUnreadJobApplications());\r\n }, [markApplicationsAsRead, newApplications.length, dispatch]);\r\n\r\n useEffect(() => {\r\n fetchJobApplications();\r\n }, [fetchJobApplications]);\r\n\r\n useEffect(() => {\r\n let fetchCompanyJobOffers = () => {\r\n searchParamsCompany.append(\"Companies\", user.info);\r\n\r\n getJobOffersWithoutPagination(user, searchParamsCompany).then(j => {\r\n setCompanyJobOffers(j.items);\r\n });\r\n };\r\n\r\n fetchCompanyJobOffers();\r\n }, [user]);\r\n\r\n let onPageChange = page => {\r\n setPage(page);\r\n };\r\n\r\n let onJobOfferSelect = value => {\r\n if (value === undefined) {\r\n searchParamsCompany.append(\"jobOffer\", \"00000000-0000-0000-0000-000000000000\");\r\n }\r\n searchParamsCompany.append(\"jobOffer\", value);\r\n };\r\n\r\n let filter = () => {\r\n fetchJobApplications();\r\n setCollapseOpen([]);\r\n };\r\n\r\n const handleCollapse = () => {\r\n collapseOpen.length === 0 ? setCollapseOpen([\"0\"]) : setCollapseOpen([]);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {props.jobOffer ? props.jobOffer.title : null}
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {props.description ? (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {employee.firstName} {employee.lastName}\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\nexport default withLoader(JobApplicationCompany);\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport JobApplicationsEmployee from './JobApplicationsEmployee';\r\nimport JobApplicationCompany from './JobApplicationsCompany';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nfunction JobApplications() {\r\n const role = useSelector((state) => state.user.role);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {jobApplications.map(jobApplication => (\r\n
\r\n \r\n
\r\n \r\n {role === 'Employee' ? (\r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(CompanyEdit);\r\n","export const SUBSCRIBE = \"SUBSCRIBE\";\r\nexport const UNSUBSCRIBE = \"UNSUBSCRIBE\";\r\nexport const MODIFY_SUBSCRIPTION = \"MODIFY_SUBSCRIPTION\";\r\nexport const MODIFY_PAYMENT_METHOD = \"MODIFY_PAYMENT_METHOD\";\r\n\r\nexport function subscribe(user, companyId, lvl) {\r\n return { type: SUBSCRIBE, user, companyId, lvl }\r\n}\r\n\r\nexport function unsubscribe(user, companyId, lvl = null) {\r\n return { type: UNSUBSCRIBE, user, companyId, lvl}\r\n}\r\n\r\nexport function modifySubscription(user, companyId, newLvl) {\r\n return { type: MODIFY_SUBSCRIPTION, user, companyId, newLvl }\r\n}\r\n\r\nexport function modifyPaymentMethod(user, companyId, paymentMethod) {\r\n return { type: MODIFY_PAYMENT_METHOD, user, companyId, paymentMethod }\r\n}","import React from \"react\";\r\nimport { CardElement } from \"@stripe/react-stripe-js\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport \"./CardSection.css\";\r\n\r\nconst CARD_ELEMENT_OPTIONS = {\r\n style: {\r\n base: {\r\n color: \"#32325d\",\r\n fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\r\n fontSmoothing: \"antialiased\",\r\n fontSize: \"16px\",\r\n \"::placeholder\": {\r\n color: \"#aab7c4\",\r\n },\r\n },\r\n invalid: {\r\n color: \"#fa755a\",\r\n iconColor: \"#fa755a\",\r\n },\r\n },\r\n};\r\n\r\nfunction CardSection() {\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\r\nexport default CardSection;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Modal, Row, Col, Card, Button } from 'antd';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { useStripe, useElements, CardElement } from '@stripe/react-stripe-js';\r\nimport { addPaymentInfo } from '../../services/companyService';\r\nimport { modifySubscription, subscribe } from '../../actions/companyActions';\r\nimport CardSection from '../../components/CardSection/CardSection';\r\nimport './SubscriptionModal.less';\r\nconst { Meta } = Card;\r\n\r\nexport default function SubscriptionModal(props) {\r\n const [subscription, setSubscription] = useState('');\r\n const [period, setPeriod] = useState(\"Monthly\");\r\n const [creditCardError, setCreditCardError] = useState('');\r\n const [chooseSub, setChooseSub] = useState('');\r\n const user = useSelector(state => state.user);\r\n const login = useSelector(state => state.login);\r\n const stripe = useStripe();\r\n const elements = useElements();\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n if (user && user.subscription) {\r\n setSubscription(user.subscription);\r\n setPeriod(user.subscriptionPeriod);\r\n }\r\n }, [user]);\r\n\r\n const canSubmit = () => {\r\n return user.subscriptionStatus !== \"active\" || user.subscription !== subscription || user.subscriptionPeriod !== period;\r\n }\r\n\r\n const setSubscriptionAndPeriod = (sub, per) => {\r\n setSubscription(sub);\r\n setPeriod(per);\r\n }\r\n\r\n const makeSubscriptionOptions = (sub) => {\r\n const prices = {\r\n \"Premium\": [999, 10000],\r\n \"Classic\": [749, 8250],\r\n \"Basic\": [249, 2750]\r\n }\r\n return \r\n
\r\n \r\n
\r\n \r\n {prices[sub][0]}€
\r\n\r\n
\r\n {prices[sub][1]}€
\r\n\r\n
{creditCardError}
}\r\n {chooseSub &&{
\r\n {creditCardError}
}\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(CompanyDetails);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useStripe } from \"@stripe/react-stripe-js\";\r\nimport { getCompanyPayments, getCompanyPaymentMethod } from \"../../services/companyService\";\r\nimport { refreshUser } from \"../../actions/userActions\";\r\nimport { displayMessageToast } from \"../../Helpers/ToastHelper\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport \"./CompanyPayments.less\";\r\n\r\nfunction CompanyPayments({ goBack, setLoading, companyId, refreshCount }) {\r\n const [paymentsCountLimit, setPaymentsCountLimit] = useState(10);\r\n const [payments, setPayments] = useState([]);\r\n const user = useSelector(state => state.user);\r\n const dispatch = useDispatch();\r\n const stripe = useStripe();\r\n\r\n useEffect(() => {\r\n if (user != null) {\r\n setLoading(true);\r\n getCompanyPayments(user, companyId, paymentsCountLimit)\r\n .then(setPayments)\r\n .then(() => setLoading(false));\r\n }\r\n }, [user, paymentsCountLimit, companyId, refreshCount, setLoading]);\r\n\r\n const paymentsLoadMore = () => {\r\n setPaymentsCountLimit(paymentsCountLimit + 10);\r\n };\r\n\r\n const confirmPayment = async (clientSecret, status) => {\r\n setLoading(true);\r\n let data = undefined;\r\n if (status === \"requires_payment_method\") {\r\n let payment_method = await getCompanyPaymentMethod(user, companyId);\r\n data = { payment_method };\r\n }\r\n let result = await stripe.confirmCardPayment(clientSecret, data);\r\n if (!result.error) {\r\n displayMessageToast(\"Payment successful!\");\r\n goBack();\r\n } else {\r\n displayMessageToast(result.error.message, false);\r\n }\r\n dispatch(refreshUser());\r\n setPayments([]);\r\n setLoading(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {props.companyId === user.info ? (\r\n \r\n
\r\n {props.company.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\n \r\n {props.company.websiteLink}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {user.subscriptionStatus && user.subscriptionStatus !== \"no_subscription\" && (\r\n \r\n
\r\n )}\r\n {user.hasCreditCardInfo === \"True\" && props.company && (\r\n \r\n
\r\n )}\r\n {user.subscriptionStatus === \"active\" && props.company && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n
\r\n \r\n \r\n {user.subscriptionStatus && user.subscription ? (\r\n \r\n {user.subscriptionStatus === \"active\" && (\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 {user.hasCreditCardInfo === \"True\" && (\r\n \r\n )}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {!showModifyCreditCardModal && \r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(CompanyPayments);\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { getCompany } from \"../../services/companyService\";\r\nimport { Tabs } from \"antd\";\r\nimport CompanyEdit from \"./CompanyEdit\";\r\nimport CompanyDetails from \"./CompanyDetails\";\r\nimport CompanyPayments from \"./CompanyPayments\";\r\nconst { TabPane } = Tabs;\r\n\r\nfunction Company(props) {\r\n const [company, setCompany] = useState([]);\r\n const [component, setComponent] = useState(\"details\");\r\n const [activeTab, setActiveTab] = useState(\"details\");\r\n const [tabSwitchCount, setTabSwitchCount] = useState(0);\r\n const user = useSelector(state => state.user);\r\n let companyId = user.info;\r\n let redirect = false;\r\n\r\n if (props.location.pathname) {\r\n var parts = props.location.pathname.split(\"/\");\r\n if (parts.length === 3 && parts[2].length === 36) {\r\n companyId = parts[2];\r\n } else if (user.role === \"Employee\") {\r\n redirect = true;\r\n }\r\n }\r\n\r\n let fetchCompany = useCallback(() => {\r\n getCompany(user, companyId).then(c => {\r\n setCompany(c);\r\n });\r\n }, [user, companyId]);\r\n\r\n useEffect(() => {\r\n fetchCompany();\r\n }, [fetchCompany]);\r\n\r\n let handleEditClick = () => {\r\n setComponent(\"edit\");\r\n };\r\n\r\n let handleBackAndSubmitClick = () => {\r\n setComponent(\"details\");\r\n };\r\n\r\n let letHandleTabChange = key => {\r\n setActiveTab(key);\r\n if (key === \"companyPayments\") setTabSwitchCount(tabSwitchCount + 1);\r\n };\r\n\r\n return (\r\n CompanyPayments
\r\n\r\n\r\n {payments && (\r\n \r\n \r\n
\r\n )}\r\n {payments.length === paymentsCountLimit && (\r\n
\r\n | Description | \r\nDate | \r\nAmount | \r\nStatus | \r\nAction | \r\n
|---|---|---|---|---|
| {p.description} | \r\n{new Date(p.timestamp).toLocaleDateString(\"de-DE\")} | \r\n\r\n {p.ammount} {p.currency}\r\n | \r\n\r\n {requiresAction ? \"requires action\" : p.status}\r\n | \r\n\r\n {requiresAction ? (\r\n | \r\n
\r\n Load more\r\n
\r\n )}\r\n \r\n {redirect && \r\n \r\n ) : (\r\n
\r\n );\r\n}\r\n\r\nexport default Company;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { deleteJobOffer } from '../../services/jobOfferService';\r\nimport { postJobApplication } from '../../services/jobApplicationService';\r\nimport { Button, Tag, Modal, Row, Col, Popover } from 'antd';\r\nimport { InfoCircleOutlined } from '@ant-design/icons';\r\nimport { AddJobOfferId } from '../../actions/jobApplicationAction';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\nimport moment from 'moment';\r\nimport LanguageMessages from '../Language/LanguageMessages';\r\nimport CityMessages from '../../Helpers/CityMessages';\r\nimport LocationMessages from '../Location/LocationMessages';\r\nimport JobPreferencesMessages from '../JobPreference/JobPrefenecesMessages';\r\nimport './JobOfferDetails.less';\r\nimport { displayMessageToast } from '../../Helpers/ToastHelper';\r\n\r\nconst JobOfferDetails = props => {\r\n const [visibility, setVisibility] = useState(false);\r\n const employeeId = useSelector(state => state.user.info);\r\n const user = useSelector(state => state.user);\r\n const allLocations = useSelector(state => state.locations);\r\n const allPositions = useSelector(state => state.positions);\r\n const [positions, setPositions] = useState(null);\r\n const [location, setLocation] = useState(null);\r\n const [city, setCity] = useState(null);\r\n const [jobsApplied] = useState(useSelector(state => state.jobApplication));\r\n const [applicationDeadlineDate, setApplicationDeadlineDate] = useState(\r\n null\r\n );\r\n const [todayDate] = useState(new Date());\r\n const [tooltipVisible, setTooltipVisible] = useState(false);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const content = (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default injectIntl(JobOfferDetails);\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Form, Input, Select, DatePicker, Button } from \"antd\";\r\nimport moment from \"moment\";\r\nimport TagsSelector from \"../../components/TagsSelector/TagsSelector\";\r\nimport { putJobOffer } from \"../../services/jobOfferService\";\r\nimport { getJobLocations, getCitiesForRegion } from \"../../services/locationService\";\r\nimport { FormattedMessage, defineMessages, injectIntl } from \"react-intl\";\r\nimport LanguageMessages from \"../Language/LanguageMessages\";\r\nimport { FormatPositions } from \"../../Helpers/PositionHelper\";\r\nimport { FormatLocations } from \"../../Helpers/LocationHelper\";\r\nimport { FormatCities } from \"../../Helpers/CityHelper\";\r\nimport ReactQuill from \"react-quill\";\r\nimport \"react-quill/dist/quill.snow.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"./JobOfferEdit.less\";\r\n\r\nlet messages = defineMessages({\r\n setAmount: {\r\n id: \"setAmount\",\r\n defaultMessage: \"Set amount\",\r\n },\r\n startDate: {\r\n id: \"startDate\",\r\n defaultMessage: \"Start date\",\r\n },\r\n endDate: {\r\n id: \"endDate\",\r\n defaultMessage: \"End date\",\r\n },\r\n applicationDeadlineDate: {\r\n id: \"applicationDeadlineDate\",\r\n defaultMessage: \"Select date\",\r\n },\r\n});\r\n\r\nfunction JobOfferEdit(props) {\r\n const [title, setTitle] = useState(props.title);\r\n const [description, setDescription] = useState(props.shortDescription);\r\n const [positions, setPositions] = useState(props.positions);\r\n const [isProfessional, setIsProfessional] = useState(props.isProfessional);\r\n const [jobType, setJobType] = useState(props.jobType);\r\n const [location, setLocation] = useState(props.locationId);\r\n const [city, setCity] = useState(props.cityId);\r\n const [countryside, setCountryside] = useState(props.countryside);\r\n const [startDate, setStartDate] = useState(props.start);\r\n const [endDate, setEndDate] = useState(props.end);\r\n const [applicationDeadline, setApplicationDeadline] = useState(props.applicationDeadline);\r\n const [driversLicenceNeeded, setDriversLicenceNeeded] = useState(props.driversLicenceNeeded);\r\n const languages = useSelector(state => state.languages);\r\n const history = useHistory();\r\n const user = useSelector(state => state.user);\r\n const allPositions = useSelector(state => state.positions);\r\n const [jobLocations, setJobLocations] = useState([]);\r\n const [cityLocations, setCityLocations] = useState([]);\r\n const [citySelected, setCitySelected] = useState(\r\n props.cityId === \"00000000-0000-0000-0000-000000000000\" ? true : false\r\n );\r\n\r\n const [positionOpen, setPositionOpen] = useState(false);\r\n const [languageOpen, setLanguageOpen] = useState(false);\r\n const [locationOpen, setLocationOpen] = useState(false);\r\n const [cityOpen, setCityOpen] = useState(false);\r\n\r\n const FormItem = Form.Item;\r\n const { Option } = Select;\r\n const { RangePicker } = DatePicker;\r\n\r\n useEffect(() => {\r\n let fetchJobLocations = () => {\r\n getJobLocations(user).then(setJobLocations);\r\n };\r\n fetchJobLocations();\r\n }, [user]);\r\n\r\n let fetchCitesForRegion = useCallback(() => {\r\n getCitiesForRegion(user, location).then(setCityLocations);\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n fetchCitesForRegion();\r\n }, [fetchCitesForRegion]);\r\n\r\n let onDescriptionChange = value => {\r\n setDescription(value);\r\n };\r\n\r\n let handleApplicationDeadlineChange = values => {\r\n if (values === null) {\r\n setApplicationDeadline(null);\r\n } else {\r\n setApplicationDeadline(values.format(\"YYYY-MM-DD\"));\r\n }\r\n };\r\n\r\n let applicationDisabledDate = current => {\r\n let startDateDate = new Date(startDate);\r\n return current && current >= startDateDate && startDate != \"1970-01-01T00:00:00\";\r\n };\r\n\r\n let handleDateChange = values => {\r\n setStartDate(values[0].format(\"YYYY-MM-DD\"));\r\n if (values[1] !== null) setEndDate(values[1].format(\"YYYY-MM-DD\"));\r\n };\r\n\r\n let disabledDate = current => {\r\n return current && current < moment().endOf(\"day\");\r\n };\r\n\r\n let onSubmit = async values => {\r\n let sDate = null;\r\n let eDate = null;\r\n\r\n if (startDate !== null && startDate !== \"1970-01-01T00:00:00\") {\r\n sDate = new Date(startDate);\r\n }\r\n if (endDate !== null && endDate !== \"1970-01-01T00:00:00\") {\r\n eDate = new Date(endDate);\r\n }\r\n\r\n const state = {\r\n id: props.id,\r\n companyId: user.info,\r\n start: startDate != undefined ? sDate.toISOString() : null,\r\n end: endDate != undefined ? eDate.toISOString() : null,\r\n locationId: location,\r\n cityId:\r\n city === undefined || city === null ? \"00000000-0000-0000-0000-000000000000\" : city,\r\n countryside: countryside,\r\n shortDescription: description.toString(\"html\"),\r\n positions: positions,\r\n tags: values.tags,\r\n isProffesional: isProfessional,\r\n jobType: jobType === \"0\" ? 0 : jobType === \"1\" ? 1 : 2,\r\n title: title,\r\n languagesRequired: values.languagesRequired,\r\n driversLicenceNeeded: driversLicenceNeeded,\r\n applicationDeadline: applicationDeadline,\r\n };\r\n\r\n putJobOffer(user, JSON.stringify(state), props.id).then(() => {\r\n history.push({\r\n pathname: \"/CompanyJobOffers\",\r\n });\r\n });\r\n };\r\n\r\n let onFinish = values => {\r\n onSubmit(values);\r\n };\r\n\r\n return (\r\n {props.title}
\r\n \r\n\r\n\r\n \r\n \r\n
\r\n\r\n {positions && (\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n {props.cityId !== \"00000000-0000-0000-0000-000000000000\" && props.cityId !== null ?\r\n \r\n
\r\n : props.countryside !== null && props.countryside !== \"\" ? \r\n \r\n
: ''}\r\n \r\n {props.languagesRequired &&\r\n props.languagesRequired.length !== 0 ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n {props.start !== null &&\r\n props.start !== '1970-01-01T00:00:00' ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n {props.end !== null &&\r\n props.end !== '1970-01-01T00:00:00' ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n {props.applicationDeadline === '1970-01-01T00:00:00' ? (\r\n ''\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {props.driversLicenceNeeded === false ? (\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\n {props.attachment !==\r\n '00000000-0000-0000-0000-000000000000' ? (\r\n \r\n \r\n ) : (\r\n */}\r\n \r\n {props.shortDescription !== '' ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n {props.company ? props.company.name : ''}
\r\n \r\n \r\n\r\n
\r\n
\r\n {' '}\r\n
\r\n
\r\n
\r\n {location &&\r\n props.intl.formatMessage(\r\n LocationMessages[\r\n location.name.replace(/\\W/g, '')\r\n ]\r\n )}\r\n
\r\n \r\n\r\n
\r\n
\r\n {props.tags &&\r\n props.tags.map(element => (\r\n
\r\n {user.info === props.companyId ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {user.role === 'Employee' &&\r\n !jobsApplied.some(guid => guid === props.id) && (\r\n \r\n
\r\n\r\n \r\n applicationDeadlineDate &&\r\n props.applicationDeadline !==\r\n '1970-01-01T00:00:00'\r\n }\r\n onClick={() => setModalVisibility(true)}\r\n onMouseOver={() =>\r\n setTooltipVisible(\r\n todayDate >\r\n applicationDeadlineDate &&\r\n props.applicationDeadline !==\r\n '1970-01-01T00:00:00'\r\n )\r\n }\r\n onMouseLeave={() =>\r\n setTooltipVisible(false)\r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n setModalVisibility(false)\r\n }\r\n >\r\n \r\n
\r\n }\r\n width=\"500px\"\r\n >\r\n \r\n )}\r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(JobOfferEdit);\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { getJobOfferJobApplications } from '../../services/jobApplicationService';\r\nimport ApplicantCard from './ApplicantCard';\r\nimport { Pagination } from 'antd';\r\nimport CogoMasonry from '../../components/CogoMasonry/CogoMasonry';\r\nimport './JobOfferApplicants.css';\r\n\r\nfunction JobOfferApplicants(props) {\r\n const [applicants, setApplicants] = useState([]);\r\n const user = useSelector((state) => state.user);\r\n const [page, setPage] = useState(1);\r\n const [total, setTotal] = useState();\r\n\r\n useEffect(() => {\r\n let fetchApplicants = () => {\r\n getJobOfferJobApplications(user, props.id, page).then((a) => {\r\n setApplicants(a.items);\r\n setTotal(a.total);\r\n });\r\n };\r\n\r\n fetchApplicants();\r\n }, [user, props.id, page]);\r\n\r\n let onPageChange = (page) => {\r\n setPage(page);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n setJobType(e)}\r\n placeholder={ setCityOpen(!cityOpen)}\r\n onBlur={() => setCityOpen(false)}\r\n onChange={value => {\r\n if (value === null) {\r\n setCitySelected(true);\r\n setCountryside(\r\n countryside === \"\" ? props.countryside : countryside\r\n );\r\n setCity(\"00000000-0000-0000-0000-000000000000\");\r\n } else {\r\n setCitySelected(false);\r\n setCountryside(\"\");\r\n }\r\n setCity(value);\r\n }}\r\n open={cityOpen}\r\n showArrow={true}\r\n placeholder={\r\n \r\n setCountryside(event.target.value)} />\r\n \r\n \r\n setIsProfessional(e)}\r\n placeholder={\r\n setDriversLicenceNeeded(e)}\r\n placeholder={
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {applicants.map((applicant) => (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Ok\r\n \r\n ]}>\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {jobOfferOption === \"newest\" ? (\r\n
\r\n {user.role === \"Employee\" && (\r\n setJobOfferOption(e.target.value)}\r\n buttonStyle=\"solid\"\r\n >\r\n \r\n \r\n
\r\n \r\n {jobOfferOption === \"newest\" ? (\r\n
\r\n {user.role === \"Employee\" && (\r\n \r\n {errorMsg &&
\r\n {errorMsg}
}\r\n {jobOffers.map(job => (\r\n\r\n \r\n \r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {news.length > 0 ? (\r\n news.map(item => (\r\n \r\n
\r\n \r\n
\r\n \r\n ))\r\n ) : (\r\n {item.title}
\r\n\r\n {item.source}, {moment(item.date).format(\"DD/MM/YYYY\")}\r\n
\r\n\r\n
\r\n )}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withLoader(injectIntl(InterestedEmployeeCard));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { getInterestedEmployees } from \"../../services/employeeService\";\r\nimport { useSelector } from \"react-redux\";\r\nimport InterestedEmployeeCard from \"./InterestedEmployeeCard\";\r\nimport { Collapse, Button, Select, Pagination, Form } from \"antd\";\r\nimport CogoMasonry from \"../../components/CogoMasonry/CogoMasonry\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport LanguageMessages from \"../Language/LanguageMessages\";\r\nimport { getJobLocations } from \"../../services/locationService\";\r\nimport { FormatPositions } from \"../../Helpers/PositionHelper\";\r\nimport { FormatLocations } from \"../../Helpers/LocationHelper\";\r\nimport { displayMessageToast } from \"../../Helpers/ToastHelper\";\r\nimport \"./EmployeeSearch.less\";\r\n\r\nfunction EmployeeSearch(props) {\r\n const user = useSelector(state => state.user);\r\n const [interestedEmployees, setInterestedEmployees] = useState([]);\r\n const positions = useSelector(state => state.positions);\r\n const [form] = Form.useForm();\r\n const [page, setPage] = useState(1);\r\n const [total, setTotal] = useState();\r\n const [selectedPositions, setSelectedPositions] = useState([]);\r\n const languages = useSelector(state => state.languages);\r\n const [jobLocations, setJobLocations] = useState([]);\r\n const [collapseOpen, setCollapseOpen] = useState([]);\r\n\r\n const [locationOpen, setLocationOpen] = useState(false);\r\n const [positionOpen, setPositionOpen] = useState(false);\r\n const [languageOpen, setLanguageOpen] = useState(false);\r\n\r\n let searchParams = new URLSearchParams();\r\n\r\n const { Panel } = Collapse;\r\n const { Option } = Select;\r\n\r\n let fetchInterestedEmployees = (page, values) => {\r\n handleFilter(values);\r\n props.setLoading(true);\r\n getInterestedEmployees(user, page, searchParams).then(res => {\r\n if (res.total === 0) {\r\n displayMessageToast(\"noResults\", false, props.intl);\r\n }\r\n setInterestedEmployees(res.items);\r\n setTotal(res.total);\r\n props.setLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n fetchInterestedEmployees(page);\r\n }, [user, page]);\r\n\r\n useEffect(() => {\r\n let fetchJobLocations = () => {\r\n getJobLocations(user).then(setJobLocations);\r\n };\r\n fetchJobLocations();\r\n }, [user]);\r\n\r\n let onPositionChange = value => {\r\n setSelectedPositions(value);\r\n };\r\n\r\n let handleFilter = values => {\r\n searchParams = new URLSearchParams();\r\n\r\n if (values && values.locations) {\r\n values.locations.forEach(sl => {\r\n searchParams.append(\"Locations\", sl);\r\n });\r\n }\r\n\r\n if (values && values.languages) {\r\n values.languages.forEach(sl => {\r\n searchParams.append(\"Languages\", sl);\r\n });\r\n }\r\n\r\n if (selectedPositions) {\r\n selectedPositions.forEach(sp => {\r\n searchParams.append(\"Positions\", sp);\r\n });\r\n }\r\n };\r\n\r\n const handleCollapse = () => {\r\n if (user.subscriptionStatus === \"no_subscription\") {\r\n displayMessageToast(\"ChooseSubscription\", false, props.intl);\r\n } else {\r\n collapseOpen.length === 0 ? setCollapseOpen([\"0\"]) : setCollapseOpen([]);\r\n }\r\n };\r\n\r\n let filter = values => {\r\n fetchInterestedEmployees(page, values);\r\n };\r\n\r\n let onPageChange = page => {\r\n setPage(page);\r\n fetchInterestedEmployees(page);\r\n };\r\n\r\n let onReset = () => {\r\n form.resetFields();\r\n setSelectedPositions([]);\r\n };\r\n\r\n let onFinish = values => {\r\n filter(values);\r\n setCollapseOpen([]);\r\n };\r\n\r\n return (\r\n \r\n {interestedEmployee.locked ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {interestedEmployee.firstName} {interestedEmployee.lastName}\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\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\nexport default withLoader(injectIntl(EmployeeSearch));\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Image from \"../../containers/Image/Image\";\r\nimport groupAvatar from \"../../containers/Conversations/default-group.svg\";\r\nimport employeeAvatar from \"../../containers/Employee/default-employee.jpg\";\r\nimport companyAvatar from \"../../containers/Company/default-company.jpg\";\r\nimport moment from \"moment\";\r\nimport { withLoader } from \"../../components/WithLoader/withLoader\";\r\nimport \"./ConversationAvatar.less\";\r\n\r\nfunction formatDateTime(timestamp) {\r\n let utc = moment.utc(timestamp).toDate();\r\n let localDate = moment(utc).local();\r\n let date = new Date(localDate);\r\n return `${date.getDate()}.${\r\n date.getMonth() + 1\r\n }.${date.getFullYear()} ${date.getHours()}:${date.getMinutes().toString().padStart(2, \"0\")}`;\r\n}\r\n\r\nfunction allMembersOnline(props) {\r\n return props.appUsers.map(u => u.id).every(i => props.onlineStatus[i]);\r\n}\r\n\r\nfunction ConversationAvatar(props) {\r\n const info = useSelector(state => state.user.guid);\r\n let avatar = groupAvatar;\r\n let people = \"\";\r\n let typeOfUser = \"\";\r\n\r\n if (props.appUsers.length > 2) people = props.id;\r\n else if (props.appUsers.some(user => user.role === \"Employee\" && user.id !== info)) {\r\n if (props.appUsers.filter(user => user.id !== info)[0] !== undefined) {\r\n const employee = props.appUsers.filter(user => user.id !== info)[0];\r\n people = employee.employeeId;\r\n avatar = employeeAvatar;\r\n typeOfUser = \"Employee\";\r\n props.setLoading(false);\r\n }\r\n } else {\r\n if (props.appUsers.filter(user => user.id !== info)[0] !== undefined) {\r\n const company = props.appUsers.filter(user => user.id !== info)[0];\r\n people = company.companyId;\r\n avatar = companyAvatar;\r\n typeOfUser = \"Company\";\r\n props.setLoading(false);\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\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 {interestedEmployees.map(ie => (\r\n \r\n
\r\n {total > 12 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {props.appUsers.length === 2 ? (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default withLoader(ConversationAvatar);\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Select, Spin } from 'antd';\r\nimport { searchUsers } from '../../services/autentificationService';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport debounce from 'lodash/debounce';\r\nimport './UsersSelector.css';\r\n\r\nconst { Option } = Select;\r\n\r\nfunction getStartValue(props) {\r\n if (props && props.value) {\r\n return props.value.map(v => ({ value: v.id, label: v.name }));\r\n }\r\n else {\r\n return [];\r\n }\r\n}\r\n\r\nexport default function UsersSelector(props) {\r\n let lastFetchId = 0;\r\n const [data, setData] = useState([]);\r\n const [value, setValue] = useState(getStartValue(props));\r\n const [fetching, setFetching] = useState(false);\r\n const user = useSelector((state) => state.user);\r\n\r\n let fetchUsers = searchString => {\r\n lastFetchId += 1;\r\n const fetchId = lastFetchId;\r\n\r\n setData([]);\r\n setFetching(true);\r\n\r\n searchUsers(user, searchString)\r\n .then(data => {\r\n if (fetchId !== lastFetchId) {\r\n return;\r\n }\r\n setData(data);\r\n setFetching(false);\r\n });\r\n }\r\n\r\n fetchUsers = debounce(fetchUsers, 800);\r\n\r\n let handleChange = newValues => {\r\n if (props.onChange) {\r\n props.onChange(newValues.map(n => ({ id: n.value, name: n.label })));\r\n }\r\n setValue(newValues);\r\n setData([]);\r\n setFetching(false);\r\n };\r\n\r\n return (\r\n {props.name}
\r\n\r\n
\r\n \r\n {props.lastMessage !== null &&\r\n props.lastMessage === \"LAST_MSG_DELETED\" ? (\r\n This message has been deleted\r\n ) : props.lastMessage !== null && props.lastMessage.length > 200 ? (\r\n `${props.lastMessage.substring(0, 100)}...`\r\n ) : props.lastMessage !== null ? (\r\n props.lastMessage\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n\r\n {props.lastActivity !== \"0001-01-01T00:00:00\"\r\n ? formatDateTime(props.lastActivity)\r\n : \"\"}\r\n
\r\n\r\n = 2 ? \"dropzone-visible\" : \"\"\r\n }`}\r\n >\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default withLoader(injectIntl(ConversationsList));\r\n","import { getAuthorizationProperties } from \"./authorizationService\";\r\n\r\nexport function getMessages(user, conversation) {\r\n return fetch(`/api/messages/${conversation}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getOlderMessages(user, conversation, message) {\r\n return fetch(`/api/messages/${conversation}/older/${message}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getNewerMessages(user, conversation, message) {\r\n return fetch(`/api/messages/${conversation}/newer/${message}`, {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function getUnreadMessages(user) {\r\n return fetch(\"/api/messages/unread\", {\r\n method: \"GET\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function postMessage(user, conversation, message) {\r\n return fetch(`/api/messages/${conversation}`, {\r\n method: \"POST\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(message),\r\n }).then((response) => response.json());\r\n}\r\n\r\nexport function editMessage(user, conversation, message) {\r\n return fetch(`/api/messages/${conversation}`, {\r\n method: \"PUT\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(message),\r\n });\r\n}\r\n\r\nexport function deleteMessage(user, conversation, message) {\r\n return fetch(`/api/messages/${conversation}`, {\r\n method: \"DELETE\",\r\n ...getAuthorizationProperties(user.token, {\r\n \"Content-Type\": \"application/json\",\r\n }),\r\n body: JSON.stringify(message),\r\n });\r\n}\r\n","export const ADD_UNREAD_MSG = \"ADD_UNREAD_MSG\";\r\nexport const CLEAR_CONVERSATION_UNREAD_MSG = \"CLEAR_CONVERSATION_UNREAD_MSG\";\r\nexport const SET_CONVERSATIONS = \"SET_CONVERSATIONS\";\r\nexport const CHECK_UNREAD_MESSAGES = \"CHECK_UNREAD_MESSAGES\";\r\nexport const EDIT_MSG = \"EDIT_MSG\";\r\nexport const DELETE_MSG = \"DELETE_MSG\";\r\n\r\nexport function addUnreadMsg(msg) {\r\n return { type: ADD_UNREAD_MSG, msg };\r\n}\r\n\r\nexport function clearConversationUnreadMsg(convoId) {\r\n return { type: CLEAR_CONVERSATION_UNREAD_MSG, convoId };\r\n}\r\n\r\nexport function setConversations(conversations) {\r\n return { type: SET_CONVERSATIONS, conversations };\r\n}\r\n\r\nexport function checkUnreadMessages() {\r\n return { type: CHECK_UNREAD_MESSAGES };\r\n}\r\n\r\nexport function editMsg(msg) {\r\n return { type: EDIT_MSG, msg };\r\n}\r\n\r\nexport function deleteMsg(msg) {\r\n return { type: DELETE_MSG, msg };\r\n}\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M1009.89,503.41l-22,12.4a0.54,0.54,0,0,0,.08,1l6.14,2.27a0.79,0.79,0,0,0,.82-0.16l11.18-10.48a0,0,0,0,1,.06.05l-8.61,11.62a0.75,0.75,0,0,0-.15.44v4.92a0.54,0.54,0,0,0,.95.35l3.36-3.92,4.86,1.8a0.54,0.54,0,0,0,.72-0.41l3.44-19.29A0.54,0.54,0,0,0,1009.89,503.41Zm1-.56\",\n transform: \"translate(-987.57 -502.85)\"\n});\n\nvar SvgSendIcon = function SvgSendIcon(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 23.31 23.14\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgSendIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Send_icon.95fc085e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport \"./Message.less\";\r\nimport { DownOutlined } from \"@ant-design/icons\";\r\nimport { Menu, Dropdown, Button } from \"antd\";\r\nimport { editMessage } from \"../../services/messagesService\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nfunction formatDateTime(timestamp) {\r\n let utc = moment.utc(timestamp).toDate();\r\n let localDate = moment(utc).local();\r\n if (moment(timestamp).isSame(moment(), \"day\"))\r\n return localDate.format(\"h:mm a\");\r\n else return moment(localDate).format(\"MMMM Do YYYY, h:mm a\");\r\n}\r\n\r\nfunction Message(props) {\r\n const user = useSelector((state) => state.user);\r\n const [showTimestamp, setShowTimestamp] = useState(false);\r\n const [showOptions, setShowOptions] = useState(false);\r\n const [editMode, setEditMode] = useState(false);\r\n const [newMessage, setNewMessage] = useState(props.message);\r\n const [editedMessage, setEditedMessage] = useState(\"\");\r\n\r\n const handleTimestampEnter = () => setShowTimestamp(true);\r\n const handleTimestampLeave = () => setShowTimestamp(false);\r\n\r\n const handleSaveEditedMessage = () => {\r\n let msg = { ...props };\r\n msg.message = newMessage;\r\n editMessage(user, props.conversation, msg).then(() => {\r\n setEditedMessage(newMessage);\r\n setShowOptions(false);\r\n setEditMode(false);\r\n });\r\n };\r\n\r\n const handleCancelEditMessage = () => {\r\n setNewMessage(props.message);\r\n setShowOptions(false);\r\n setEditMode(false);\r\n };\r\n\r\n const menu = (\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\n {conversationsList.length !== 0 ? conversationsList.map(c => (\r\n \r\n )) :
\r\n\r\n There are no active conversations
\r\n }\r\n\r\n \r\n
\r\n }\r\n footer={\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n visible={visible}\r\n centered\r\n closable={false}\r\n className=\"new-conversation-modal\"\r\n >\r\n \r\n {editMode ? (\r\n \r\n {formatDateTime(props.created)}\r\n {props.edited || editedMessage.length > 0\r\n ? \" (Edited)\"\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n ) : (\r\n \r\n setNewMessage(e.target.value)}\r\n value={newMessage}\r\n />\r\n
\r\n ) : (\r\n \r\n \r\n \r\n
\r\n \r\n setShowOptions(true)}\r\n onMouseLeave={() => setShowOptions(false)}\r\n >\r\n \r\n {editedMessage.length > 0 ? (\r\n editedMessage\r\n ) : props.deleted ? (\r\n This message has been deleted\r\n ) : (\r\n props.message\r\n )}\r\n \r\n \r\n e.preventDefault()}\r\n />\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {props.isGroup > 2 && props.showSender ? (\r\n \r\n {props.deleted ? (\r\n This message has been deleted\r\n ) : (\r\n props.message\r\n )}\r\n \r\n\r\n \r\n {formatDateTime(props.created)}\r\n {props.edited || editedMessage.length > 0\r\n ? \" (Edited)\"\r\n : \"\"}\r\n \r\n
\r\n \r\n {props.senderName}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n
\r\n );\r\n\r\n const handleSelectMessage = (message) => {\r\n setSelectedMessage(message);\r\n setDeleteModalOpen(true);\r\n };\r\n\r\n const handleDeleteMessage = async (message) => {\r\n await deleteMessage(user, conversation.id, message);\r\n let newMessages = [...messages];\r\n let msg = newMessages.find((x) => x.id == message.id);\r\n if (msg) {\r\n msg.edited = false;\r\n msg.deleted = true;\r\n }\r\n setMessages([...newMessages]);\r\n setDeleteModalOpen(false);\r\n };\r\n\r\n const handleCancelDeleteMessage = () => {\r\n setSelectedMessage(undefined);\r\n setDeleteModalOpen(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n history.push(\"/Conversations\")}\r\n >\r\n
\r\n \r\n \r\n = 0 &&\r\n messages[i - 1].senderName !==\r\n message.senderName\r\n }\r\n handleSelectMessage={handleSelectMessage}\r\n />\r\n ))}\r\n \r\n
\r\n \r\n history.push(\"/Conversations\")}\r\n >\r\n
\r\n {conversation.name}
\r\n\r\n {datetime(user.language)}\r\n
\r\n )}\r\n {messages.map((message, i) => (\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n footer={\r\n \r\n \r\n handleDeleteMessage(selectedMessage)}\r\n >\r\n
\r\n }\r\n visible={deleteModalOpen}\r\n centered\r\n closable={false}\r\n className=\"delete-conversation-modal\"\r\n >\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Switch } from 'react-router-dom';\r\nimport PrivateRoute from '../../components/PrivateRoute';\r\nimport EmployeeProfile from '../EmployeeProfile/EmployeeProfile';\r\nimport Opportunities from '../Opportunities/Opportunities';\r\nimport CompanyJobOffers from '../CompanyJobOffers/CompanyJobOffers';\r\nimport JobApplications from '../JobApplications/JobApplications';\r\nimport Company from '../Company/Company';\r\nimport CreateJobOffer from '../CreateJobOffer/CreateJobOffer';\r\nimport JobOffer from '../JobOffer/JobOffer';\r\nimport Home from '../Home/Home';\r\nimport EmployeeSearch from '../EmployeeSearch/EmployeeSearch';\r\nimport Conversations from '../Conversations/Conversations';\r\nimport UsefulLinks from '../UsefulLinks/UsefulLinks';\r\n\r\nclass CustomComponent extends Component {\r\n render() {\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 );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","import { Button, Input } from \"antd\";\r\nimport React, { Fragment } from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport LoginHeader from \"../../components/LoginHeader/LoginHeader\";\r\nimport RedirectIfLoggedIn from \"../../components/RedirectIfLoggedIn\";\r\nimport {\r\n checkPasswordToken,\r\n resetPassword,\r\n} from \"../../services/autentificationService\";\r\nimport \"./ResetPassword.less\";\r\n\r\nconst ResetPassword = (props) => {\r\n const [token, setToken] = useState(\"\");\r\n const [password1, setPassword1] = useState(\"\");\r\n const [password2, setPassword2] = useState(\"\");\r\n const [passwordsDontMatch, setPasswordsDontMatch] = useState(false);\r\n const [tokenValid, setTokenValid] = useState(false);\r\n const [success, setSuccess] = useState(false);\r\n\r\n const handleResetPassword = async () => {\r\n const userDto = { token: token, password: password1 };\r\n const res = await resetPassword(userDto);\r\n if (res.ok) setSuccess(true);\r\n };\r\n\r\n useEffect(() => {\r\n const tokenString = props.location.search;\r\n const newToken = tokenString.substring(tokenString.indexOf(\"=\") + 1);\r\n setToken(newToken);\r\n checkPasswordToken(newToken).then((res) => {\r\n if (res.ok) setTokenValid(true);\r\n });\r\n }, [props.location.search]);\r\n\r\n useEffect(() => {\r\n if (password1 !== \"\" && password2 !== \"\" && password1 !== password2)\r\n setPasswordsDontMatch(true);\r\n else setPasswordsDontMatch(false);\r\n }, [password1, password2]);\r\n\r\n return (\r\n \r\n
\r\n \r\n {!success ? (\r\n \r\n setEmail(e.target.value)}\r\n />\r\n \r\n Send password reset email\r\n \r\n \r\n ) : (\r\n
\r\n Forgot password?
\r\n\r\n Type in your email address and we'll send you an\r\n email with instructions how to reset your\r\n password.\r\n
\r\n\r\n We have sent you an email with instructions how to\r\n reset your email.\r\n
\r\n )}\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ResetPassword;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"title\", null, \"n\");\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M124.33942,123.96867a2.58,2.58,0,0,1-1.30083.34711H4.96466a2.60884,2.60884,0,0,1-2.57246-3.07852c1.09646-6.05975,3.48077-19.08751,4.03225-20.74193,2.73466-8.1748,9.52428-12.087,16.88485-15.14284.94076-.38928,1.89124-.76559,2.84172-1.13539q9.62-3.73221,19.24647-7.46437a20.20855,20.20855,0,0,0,37.20829,0q9.62487,3.73218,19.24647,7.46437c.95048.3698,1.901.74611,2.84172,1.13539,7.36056,3.05581,14.15018,6.968,16.8816,15.14284.55148,1.65442,2.939,14.68218,4.03225,20.74193A2.60937,2.60937,0,0,1,124.33942,123.96867Z\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M87.27408,50.68491l3.62066-18.65724A24.97838,24.97838,0,0,0,66.14894,3.68422H61.84933A24.97559,24.97559,0,0,0,37.10572,32.02767l3.61957,18.65724a23.71054,23.71054,0,0,0,46.5488,0\"\n});\n\nvar SvgUser = function SvgUser(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 128 128\",\n ref: svgRef\n }, props), _ref2, title === undefined ? _ref3 : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref4, _ref5);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgUser, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/User.87a61371.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"title\", null, \"v\");\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 15.4763,\n y: 72.32086,\n width: 9.68149,\n height: 9.68149\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 32.58414,\n y: 72.32086,\n width: 9.68157,\n height: 9.68149\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 15.4763,\n y: 89.78457,\n width: 9.68149,\n height: 9.68149\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 32.58414,\n y: 89.78457,\n width: 9.68157,\n height: 9.68149\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 37.28273,\n y: 38.33033,\n width: 9.68157,\n height: 9.68157\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"currentColor\",\n x: 54.39065,\n y: 38.33033,\n width: 9.68149,\n height: 9.68157\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M54.56153,53.50719H29.88033V32.84007L71.39251,17.06335V44.3105h-.16506V98.55074a9.62494,9.62494,0,0,1,1.43533-.87648c1.46083-.72406,3.3408-1.537,5.3224-2.33732V44.3105L77.97254,7.52374,23.30038,28.30522V51.30966H.98186v69.16582h64.9994v-.07621c0-.21592.05078-3.04866.26671-6.50374H54.56153Zm-4.38234,60.38834H7.56181V57.88961H50.17919Z\"\n});\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M125.92054,105.8632a5.80889,5.80889,0,0,0-3.12736-4.21271c-5.43886-2.71133-17.3754-6.718-17.3754-6.718H104.408l-3.26621,4.35761,3.06215,21.18619h22.81418A126.32884,126.32884,0,0,0,125.92054,105.8632Z\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M109.28967,82.32581l1.64365-8.47209A11.34159,11.34159,0,0,0,99.69695,60.98378H97.74457A11.34158,11.34158,0,0,0,86.50828,73.85372l1.64365,8.47209a10.767,10.767,0,0,0,21.13773,0Z\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M92.02374,94.93246s-11.93647,4.00671-17.37532,6.718A5.809,5.809,0,0,0,71.521,105.8632a126.34044,126.34044,0,0,0-1.09752,14.61306H93.23764l3.06215-21.18619-3.26621-4.35761Z\"\n});\n\nvar SvgCompany = function SvgCompany(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 128 128\",\n ref: svgRef\n }, props), _ref2, title === undefined ? _ref3 : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCompany, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/Company.40ae0b1f.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport { withRouter } from \"react-router\";\r\nimport { Button, Divider } from \"antd\";\r\n\r\nfunction FormButtons(props) {\r\n return (\r\n \r\n
\r\n \r\n {success ? (\r\n \r\n \r\n Back to login page\r\n \r\n \r\n \r\n ) : tokenValid ? (\r\n \r\n setPassword1(e.target.value)}\r\n />\r\n setPassword2(e.target.value)}\r\n />\r\n {passwordsDontMatch && (\r\n \r\n Reset password\r\n \r\n \r\n ) : (\r\n
\r\n \r\n Password successfully reset. Try logging in with\r\n your new password.\r\n
\r\n \r\nReset your password
\r\n\r\n Passwords don't match\r\n
\r\n )}\r\n\r\n Password reset token has expired or is invalid.\r\n Please try resetting your password again.\r\n
\r\n )}\r\n\r\n {props.buttons.map((btn, index) => (\r\n \r\n {btn.text}\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Employer;\r\n","import React from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Form, Input, Select } from \"antd\";\r\nimport FormButtons from \"../FormButtons\";\r\nimport { setLanguage } from \"../../../actions/userActions\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport countries from \"../countries.json\";\r\nimport { LockOutlined } from \"@ant-design/icons\";\r\n\r\nconst FormItem = Form.Item;\r\nconst Option = Select.Option;\r\n\r\nconst buttons = [\r\n {\r\n text: \r\n {error ? error.toString() : null}\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\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(Employee);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { registerRequest } from \"../../../actions/authentificationActions\";\r\nimport RedirectIfLoggedIn from \"../../../components/RedirectIfLoggedIn\";\r\nimport LoginHeader from \"../../../components/LoginHeader/LoginHeader\";\r\nimport { ReactComponent as UserIcon } from \"../Icons/User.svg\";\r\nimport { ReactComponent as CompanyIcon } from \"../Icons/Company.svg\";\r\nimport { Route, Switch, Link, useLocation } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Button } from \"antd\";\r\nimport Employer from \"./Employer\";\r\nimport Employee from \"./Employee\";\r\nimport \"../Register.less\";\r\n\r\nlet UserTypeSelect = (\r\n \r\n {error ? error.toString() : null}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nfunction Registration() {\r\n const [text, setText] = useState(\"\");\r\n const [userType, setUserType] = useState(\"\");\r\n const [user, setUser] = useState({});\r\n const [employer, setEmployer] = useState({});\r\n const location = useLocation();\r\n const dispatch = useDispatch();\r\n\r\n function setHeaderText(currentPath) {\r\n if (currentPath.includes(\"User\")) {\r\n setText(\"Register user\");\r\n setUserType(\"User\");\r\n } else if (currentPath.includes(\"Employer\")) {\r\n setText(\"Register employer\");\r\n setUserType(\"Employer\");\r\n } else {\r\n setText(\"Register\");\r\n setUserType(\"\");\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n setHeaderText(location.pathname);\r\n }, [location.pathname]);\r\n\r\n let handleSubmit = data => {\r\n if (userType === \"User\") {\r\n setUser({ ...user, ...data });\r\n sendForm();\r\n } else {\r\n setEmployer({ ...employer, ...data });\r\n sendForm();\r\n }\r\n };\r\n\r\n let sendForm = () => {\r\n if (userType === \"User\") {\r\n sessionStorage.setItem(\"fromRegister\", \"true\");\r\n dispatch(registerRequest({ user: user }));\r\n } else {\r\n dispatch(registerRequest({ employer: employer }));\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 Already have an account? Sign in!\r\n
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default Registration;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Provider } from \"react-redux\";\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Login from \"./containers/Login/Login\";\r\nimport PrivateRoute from \"./components/PrivateRoute\";\r\nimport \"./index.less\";\r\nimport App from \"./App\";\r\nimport configureStore from \"./configureStore\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport ConnectedIntlProvider from \"./components/ConnectedIntlProvider\";\r\nimport { storeCreated } from \"./actions/storeActions\";\r\nimport { Elements } from \"@stripe/react-stripe-js\";\r\nimport { loadStripe } from \"@stripe/stripe-js\";\r\nimport ForgotPassword from \"./containers/ForgotPassword/ForgotPassword\";\r\nimport ResetPassword from \"./containers/ResetPassword/ResetPassword\";\r\nimport Registration from \"./containers/Register/Forms/Registration\";\r\n\r\n// Setting up stripe account with public key\r\nconst stripePromise = loadStripe(\r\n \"pk_test_51IJzcCCsVyPMoRuOLX7ZcE2aIXGkUWoJENlgAdht42Cm8aUZT5Sd7NHk5VZBiiMh0pEe3dZUFiJNkkM6f36PLssy00WVg4YHDc\"\r\n);\r\n\r\nconst store = configureStore();\r\nstore.dispatch(storeCreated());\r\n\r\nReactDOM.render(\r\n \r\n
\r\n \r\n \r\n UserTypeSelect} />\r\n \r\n
\r\n