\r\n {errors[field.name]} \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n {errors[field.name]} \r\n
\r\n ) : null}\r\n | \r\n {cell.render('Cell')}\r\n | \r\n );\r\n })}\r\n
\r\n
\r\n \r\n Showing\r\n e.target.value === '' || e.target.value === '0' ? defaultItemsPerPage : e.target.value = e.target.value.slice(0, 4)}\r\n onChange={(e) => onHandleChangeItemsPerPage(e.target.value)}\r\n onKeyDown={(e) => onSendItemsPerPage(e)}\r\n />\r\n items per page\r\n
\r\n {firstName}
\r\n{lastName}
\r\nDisabled
}\r\n {status === 1 && deleteItem === null &&Active
}\r\n {status === 0 && deleteItem === null &&Inactive
}\r\n\r\n \r\n {hideViewItemsArr.map((item, i) => (\r\n {item.name} \r\n ))}\r\n \r\n {`+${shortList?.length}`} \r\n
\r\n \r\n \r\n {hideViewItemsArr.map((item, i) => (\r\n {item.name} \r\n ))}\r\n \r\n {`+${userRoles?.length - 1}`} \r\n
\r\n \r\n \r\n {hideViewItemsArr.map((item, i) => (\r\n {item.name} \r\n ))}\r\n \r\n {`+${apps?.length - 1}`} \r\n
\r\n \r\n \r\n handleShow(userId, 'disable')}\r\n />\r\n )}\r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n {message} \r\n {isDescription === true && (\r\n {descriptionText} \r\n )}\r\n {isSelect === true && (\r\n \r\n {selectLabel} \r\n \r\n )}\r\n \r\n {primaryButtonName !== '' && (\r\n {\r\n onHandleSuccess();\r\n onHandleClose();\r\n }}\r\n />\r\n )}\r\n {secondaryButtonName !== '' && (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nModals.propTypes = {\r\n message: PropTypes.string,\r\n onHandleClose: PropTypes.func,\r\n show: PropTypes.bool,\r\n onHandleSuccess: PropTypes.func,\r\n primaryButtonName: PropTypes.string,\r\n secondaryButtonName: PropTypes.string,\r\n isSelect: PropTypes.bool,\r\n theme: PropTypes.object,\r\n options: PropTypes.array,\r\n defaultSelect: PropTypes.object,\r\n onHandleChangeSelected: PropTypes.func,\r\n};\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Header } from '../../components/Header/Header';\r\nimport { BackgroundStyled } from '../../components/BackgroundStyled/BackgroundStyled';\r\nimport { StandardTable } from '../../components/Tables/StandardTable/StandardTable';\r\nimport {\r\n getUsersList,\r\n setFilterStatus,\r\n setSelectedUsers,\r\n} from '../../redux/actions/userManagement';\r\nimport { setUserData } from '../../redux/actions/login';\r\nimport { Api, API_PATHS, ROOT_URL } from '../../api/Api';\r\nimport { getColumnsForUserManagement } from '../../components/Tables/StandardTable/columns/userManagementColumns';\r\nimport { UserManagementHeader } from '../../components/Tables/StandardTable/headers/UserManagementHeader';\r\nimport { Modals } from '../../components/Modals/Modals';\r\nimport { AxiosFactory } from '../../api/axios/AxiosFactory';\r\nimport { handleResponseError } from '../../api/axios/interceptors/responseError';\r\nimport store from '../../redux/store';\r\nimport { setIsLoading } from '../../redux/actions/spinner';\r\nimport { showToastWithTimeout } from '../../utils/common';\r\nimport { setUserDataToLocalStorage } from '../../utils/auth';\r\n\r\nexport const UserManagement = () => {\r\n const FIRST_PAGE = 1;\r\n\r\n const [show, setShow] = useState(false);\r\n const [currentUserId, setCurrentUserId] = useState('');\r\n const [modalName, setModalName] = useState('');\r\n const [countItemsPerPage, setCountItemsPerPage] = useState('');\r\n const [searchItem, setSearchItem] = useState('');\r\n\r\n const api = useMemo(() => new Api(), []);\r\n\r\n const theme = useSelector((state) => state.theme.theme);\r\n const usersList = useSelector((state) => state.userManagement.usersList);\r\n const currentPage = useSelector((state) => state.userManagement.currentPage);\r\n const lastPage = useSelector((state) => state.userManagement.lastPage);\r\n const firstPage = useSelector((state) => state.userManagement.firstPage);\r\n const nextPage = useSelector((state) => state.userManagement.nextPage);\r\n const prevPage = useSelector((state) => state.userManagement.prevPage);\r\n const totalCount = useSelector((state) => state.userManagement.totalCount);\r\n const filterStatus = useSelector((state) => state.userManagement.filterStatus);\r\n const selectedUsers = useSelector((state) => state.userManagement.selectedUsers);\r\n const defaultItemsPerPage = useSelector((state) => state.userManagement.defaultItemsPerPage);\r\n const userData = useSelector((state) => state.login.userData);\r\n const itemsPerPage = useSelector((state) => state.login.userData.user_settings.items_per_page);\r\n\r\n const axiosInstance = new AxiosFactory()\r\n .addInterceptor(handleResponseError)\r\n .getInstance();\r\n\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n let unmounted = false;\r\n\r\n const users = api.getUsers(FIRST_PAGE, searchItem, filterStatus.value);\r\n users.then((response) => {\r\n if (!unmounted && response) {\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n\r\n return () => {\r\n unmounted = true;\r\n };\r\n }, [api, dispatch, searchItem, filterStatus, countItemsPerPage]);\r\n\r\n const handleChangeItemsPerPage = (value) => {\r\n const updatedUserData = { ...userData };\r\n updatedUserData.user_settings.items_per_page = value;\r\n setUserDataToLocalStorage(updatedUserData);\r\n dispatch(setUserData(updatedUserData));\r\n };\r\n\r\n const handleSendItemsPerPage = async (e) => {\r\n if (itemsPerPage !== '' && e.key === 'Enter') {\r\n await api.patchItemsPerPage({ 'items_per_page': +itemsPerPage });\r\n setCountItemsPerPage(itemsPerPage);\r\n await api.userInfo();\r\n }\r\n };\r\n\r\n const handleChangeNameSearch = (value) => {\r\n dispatch(setSelectedUsers([]));\r\n setSearchItem(value);\r\n };\r\n\r\n const handlePageChange = (page, searchItem) => {\r\n dispatch(setSelectedUsers([]));\r\n const users = api.getUsers(page, searchItem, filterStatus.value);\r\n users.then((response) => {\r\n if (response) {\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n };\r\n\r\n const handleDeleteUsers = (id) => {\r\n const users = { users: [id].flat() };\r\n const deleteUsers = api.deleteUsers(users);\r\n deleteUsers.then((response) => {\r\n if (response?.status === 200) {\r\n const users = api.getUsers(FIRST_PAGE, searchItem, filterStatus.value);\r\n users.then((response) => {\r\n if (response) {\r\n dispatch(setSelectedUsers([]));\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleActivateUsers = (idsArr) => {\r\n const formattedArr = [];\r\n idsArr.forEach(el => formattedArr.push({\r\n 'id': el,\r\n 'status': 1,\r\n }));\r\n const usersObject = {\r\n 'users': formattedArr,\r\n };\r\n const activateUsers = api.patchCollectionUserStatus(usersObject);\r\n activateUsers.then((response) => {\r\n if (response?.status === 200) {\r\n const users = api.getUsers(FIRST_PAGE, searchItem, filterStatus.value);\r\n users.then((response) => {\r\n if (response) {\r\n dispatch(setSelectedUsers([]));\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleRestoreUser = (id) => {\r\n const restoreUser = api.restoreUser(id);\r\n restoreUser.then((response) => {\r\n if (response?.status === 200) {\r\n const users = api.getUsers(FIRST_PAGE, searchItem, filterStatus.value);\r\n users.then((response) => {\r\n if (response) {\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleClose = () => setShow(false);\r\n\r\n const handleShow = (userId, modalName) => {\r\n setModalName(modalName);\r\n setCurrentUserId(userId);\r\n setShow(true);\r\n };\r\n\r\n const handleSelectUser = (userId) => {\r\n if (selectedUsers.includes(userId) === true) {\r\n let checkedArray = [...selectedUsers];\r\n const index = checkedArray.indexOf(userId);\r\n checkedArray.splice(index, 1);\r\n dispatch(setSelectedUsers(checkedArray));\r\n } else {\r\n let checkedArray = [...selectedUsers];\r\n checkedArray.push(userId);\r\n dispatch(setSelectedUsers(checkedArray));\r\n }\r\n };\r\n\r\n const handleSelectAllUsers = () => {\r\n if (selectedUsers.length < usersList.length) {\r\n let userIdsList = [];\r\n usersList.forEach((user) => userIdsList.push(user.id));\r\n dispatch(setSelectedUsers(userIdsList));\r\n } else {\r\n dispatch(setSelectedUsers([]));\r\n }\r\n };\r\n\r\n const handleSelectedFilterStatus = (name, value) => {\r\n dispatch(setSelectedUsers([]));\r\n dispatch(setFilterStatus(value));\r\n };\r\n\r\n const handleCsvExample = () => {\r\n window.open(ROOT_URL + API_PATHS.importCsvPaths.example, '_blank');\r\n };\r\n\r\n /**\r\n * @param {File} fileUploaded\r\n */\r\n const handleCsvImport = (fileUploaded) => {\r\n const formData = new FormData();\r\n formData.append('file', fileUploaded, fileUploaded.name);\r\n\r\n const requestConfig = {\r\n method: 'POST',\r\n url: ROOT_URL + API_PATHS.importCsvPaths.import,\r\n headers: { 'Content-Type': 'multipart/form-data' },\r\n data: formData,\r\n };\r\n\r\n store.dispatch(setIsLoading(true));\r\n\r\n axiosInstance(requestConfig)\r\n .then((response) => {\r\n const users = api.getUsers(FIRST_PAGE, searchItem, filterStatus.value);\r\n\r\n users.then((response) => {\r\n if (response) {\r\n dispatch(getUsersList(response));\r\n }\r\n });\r\n\r\n showToastWithTimeout({\r\n success: true,\r\n text: 'Created: ' + response.data?.count_created + ' Skipped: ' + response.data?.count_skipped,\r\n isShown: 'visible',\r\n timeout: 5000,\r\n });\r\n })\r\n .catch((error) => {\r\n showToastWithTimeout({\r\n success: false,\r\n text: error.message,\r\n isShown: 'visible',\r\n timeout: 5000,\r\n });\r\n })\r\n .then(() => {\r\n store.dispatch(setIsLoading(false));\r\n });\r\n };\r\n\r\n return (\r\n \r\n {renderRadioButtons()} \r\n
\r\n );\r\n};\r\n\r\nRadioButtonList.propTypes = {\r\n radioButtonSettings: PropTypes.array,\r\n checkedValue: PropTypes.string,\r\n onChangeValue: PropTypes.func,\r\n name: PropTypes.string,\r\n};","import styled from 'styled-components';\r\n\r\nexport const ReactTagsWrapper = styled.div`{\r\n width: 100%;\r\n\r\n .react-tags {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n }\r\n\r\n .react-tags__search .react-tags__suggestions {\r\n width: ${(props) => props.width || '100%'};\r\n background: ${({ theme }) => theme.suggestionsBackgroundColor};\r\n color: ${({ theme }) => theme.suggestionsColor};\r\n border-radius: 4px;\r\n border: ${({ theme }) => `1px solid ${theme.suggestionsBorderColor}`};\r\n cursor: pointer;\r\n padding: 4px 4px;\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n ul li {\r\n list-style-type: none;\r\n }\r\n }\r\n\r\n .react-tags .react-tags__selected button {\r\n background: ${({ theme }) => theme.tagsBackgroundColor};\r\n border-radius: 50px;\r\n border: 0;\r\n padding: 4px 10px;\r\n color: ${({ theme }) => theme.tagsTextColor};\r\n margin: 4px 4px;\r\n\r\n span::after {\r\n padding-left: 10px;\r\n content: '✖';\r\n }\r\n }\r\n\r\n .react-tags__search .react-tags__search-wrapper input {\r\n display: ${(props) => props.display || 'block'};\r\n margin-top: ${(props) => props.top || '0px'};\r\n margin-bottom: ${(props) => props.bottom || '0px'};\r\n margin-left: ${(props) => props.left || '0px'};\r\n margin-right: ${(props) => props.right || '0px'};\r\n width: ${(props) => `${props.width} !important` || '100% !important'};\r\n padding-top: ${(props) => props.paddingTop || '1px'};\r\n padding-bottom: ${(props) => props.paddingBottom || '1px'};\r\n padding-left: ${(props) => props.paddingLeft || '10px'};\r\n padding-right: ${(props) => props.paddingRight || '10px'};\r\n border: ${({ theme }) => `1px solid ${theme.inputBorderColor}`};\r\n border-radius: 4px;\r\n -webkit-border-radius: 4px;\r\n -moz-border-radius: 4px;\r\n -khtml-border-radius: 4px;\r\n background: ${({ theme }) => theme.inputBackgroundColor};\r\n outline: none;\r\n height: 28px;\r\n color: ${({ theme }) => theme.inputColor};\r\n font-size: 12px;\r\n -webkit-transition-duration: 0.3s;\r\n transition-duration: 0.3s;\r\n\r\n &:active {\r\n border: ${({ theme }) => `1px solid ${theme.inputBorderActiveColor}`};\r\n }\r\n\r\n &:focus {\r\n border: ${({ theme }) => `1px solid ${theme.inputBorderFocusColor}`};\r\n }\r\n\r\n &::placeholder {\r\n color: ${({ theme }) => theme.inputPlaceholderColor};\r\n background: ${({ theme }) => theme.inputPlaceholderBackgroundColor};\r\n }\r\n\r\n &:-webkit-autofill,\r\n &:-webkit-autofill:hover,\r\n &:-webkit-autofill:focus,\r\n &:-webkit-autofill:active {\r\n -webkit-box-shadow: ${({ theme }) => `0 0 0 30px ${theme.inputAutofillColor} inset !important`};\r\n -webkit-text-fill-color: ${({ theme }) => `${theme.inputAutofillTextColor} !important`};\r\n transition: background-color 5000s ease-in-out 0s;\r\n }\r\n\r\n ::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n ::-webkit-outer-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n }\r\n}\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactTags from 'react-tag-autocomplete';\r\nimport { ReactTagsWrapper } from './StyledComponents';\r\n\r\nexport const ChipStyled = (props) => {\r\n const { tags, suggestions, onDelete, onAddition, onInput, placeholderText, display, width } = props;\r\n return (\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
\r\n {errors[field.name]} \r\n
\r\n ) : null}\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
{name}
\r\nActive
\r\n\r\n \r\n {/* handleEditOrganization(entityType, entityName)}\r\n data-id={id}\r\n size={20}\r\n right={'20px'} />\r\n \r\n
\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
Logs
\r\n\r\n \r\n handleShow(id, 'disable', rolesLength)}\r\n />\r\n
\r\n ) : (\r\n | \r\n {cell.render('Cell')}\r\n | \r\n );\r\n })}\r\n
\r\n
\r\n \r\n Showing\r\n e.target.value === '' || e.target.value === '0' ? defaultItemsPerPage : e.target.value = e.target.value.slice(0, 4)}\r\n onChange={(e) => onHandleChangeItemsPerPage(e.target.value)}\r\n onKeyDown={(e) => onSendItemsPerPage(e)}\r\n />\r\n items per page\r\n
\r\n {name}
\r\n \r\n\r\n {applications.map((item, i) => {\r\n ///View data///\r\n const viewArr = item.view.slice();\r\n const viewLength = viewArr.length;\r\n const viewCountMore = viewLength - 2;\r\n const showViewItemsArr = viewArr.splice(0, 2);\r\n const hideViewItemsArr = item.view.slice(2);\r\n ///Create data///\r\n const createArr = item.create.slice();\r\n const createLength = createArr.length;\r\n const createCountMore = createLength - 2;\r\n const showCreateItemsArr = createArr.splice(0, 2);\r\n const hideCreateItemsArr = item.create.slice(2);\r\n ///Edit data///\r\n const editArr = item.edit.slice();\r\n const editLength = editArr.length;\r\n const editCountMore = editLength - 2;\r\n const showEditItemsArr = editArr.splice(0, 2);\r\n const hideEditItemsArr = item.edit.slice(2);\r\n ///Disable data///\r\n const disableArr = item.disable.slice();\r\n const disableLength = disableArr.length;\r\n const disableCountMore = disableLength - 2;\r\n const showDisableItemsArr = disableArr.splice(0, 2);\r\n const hideDisableItemsArr = item.disable.slice(2);\r\n\r\n const id = item.application;\r\n const application = applicationsData.filter((el) => el.id === id);\r\n const appName = application.length !== 0 ? application[0].name : '';\r\n return (\r\n
\r\n \r\n \r\n Application: \r\n \r\n \r\n {appName}\r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n View: \r\n {viewLength <= 2 ? (\r\n \r\n {showViewItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\r\n \r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n {showViewItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\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 {hideViewItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${viewCountMore}`} \r\n
\r\n \r\n \r\n Create: \r\n {createLength <= 2 ? (\r\n \r\n {showCreateItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\r\n \r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n {showCreateItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\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 {hideCreateItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${createCountMore}`}\r\n
\r\n \r\n \r\n Edit: \r\n {editLength <= 2 ? (\r\n \r\n {showEditItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\r\n \r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n {showEditItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\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 {hideEditItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${editCountMore}`} \r\n
\r\n \r\n \r\n Disable: \r\n {disableLength <= 2 ? (\r\n \r\n {showDisableItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\r\n \r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n {showDisableItemsArr.map((item, i) => {\r\n return (\r\n \r\n \r\n {item}\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 {hideDisableItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${disableCountMore}`}\r\n
\r\n \r\n \r\n handleShow(id, 'disable')}\r\n />\r\n
\r\n ) : (\r\n \r\n \r\n {hideItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${countMore}`} \r\n
\r\n \r\n \r\n {item}\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n {hideItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${countMore}`} \r\n
\r\n \r\n \r\n {hideItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${countMore}`} \r\n
\r\n \r\n \r\n {hideItemsArr.map((item, i) => (\r\n {item} \r\n ))}\r\n \r\n {`+${countMore}`} \r\n
\r\n \r\n {React.Children.map(this.props.children, (child) => {\r\n buttons.push(child.props.label);\r\n if (child.props.label === this.state.activeTab) content = child.props.children;\r\n })}\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default Tab;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n width: 100%;\r\n margin-top: 14px;\r\n margin-bottom: 20px;\r\n`;\r\n\r\nexport const CheckboxName = styled.div`\r\n color: ${({ theme }) => theme.checkboxNameColor};\r\n font-size: 14px;\r\n padding-left: 8px;\r\n`;\r\n\r\nexport const CheckboxItemName = styled.div`\r\n color: ${({ theme }) => theme.checkboxItemNameColor};\r\n font-size: 12px;\r\n padding-left: 8px;\r\n`;\r\n\r\nexport const CheckboxListHeader = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n padding-bottom: 14px;\r\n border-bottom: ${({ theme }) => `1px solid ${theme.CheckboxListHeaderBorderColor}`};\r\n margin-bottom: 14px;\r\n`;\r\n\r\nexport const CheckboxItemWrapper = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n padding-bottom: 14px;\r\n`;\r\n","import React from 'react';\r\nimport { CheckboxStyled } from '../CheckboxStyled/CheckboxStyled';\r\nimport {\r\n CheckboxName,\r\n CheckboxListHeader,\r\n Container,\r\n CheckboxItemName,\r\n CheckboxItemWrapper,\r\n} from './StyledComponents';\r\n\r\nexport const CheckBoxListWithHeader = (props) => {\r\n const { data, onCheckboxChange } = props;\r\n\r\n const renderList = () => {\r\n return data.list.map((item) => (\r\n {content}
\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
- \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n const data = {\r\n token: values.token,\r\n email: values.email,\r\n password: values.newPassword,\r\n password_confirmation: values.passwordConfirmation,\r\n };\r\n const newPassword = await api.resetPassword(data, resetForm);\r\n if (newPassword?.status === 200) {\r\n showSuccessToast('Password Successfully Changed');\r\n history.push(ROUTES.login);\r\n resetForm();\r\n }\r\n }}\r\n >\r\n {({ handleSubmit, handleChange }) => (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n","import React from 'react';\r\nimport { BackgroundStyled } from '../../components/BackgroundStyled/BackgroundStyled';\r\nimport { Header } from '../../components/Header/Header';\r\n\r\nexport const AccessDenied = () => {\r\n \r\n return (\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n const email = {\r\n email: values.email,\r\n };\r\n const newPassword = api.forgotPassword(email, resetForm);\r\n newPassword.then(async (response) => {\r\n if (response?.status === 200) {\r\n resetForm();\r\n }\r\n });\r\n }}\r\n >\r\n {({ handleSubmit, handleChange }) => (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n","import { Route, Redirect } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\nimport { hasPermission } from '../../../utils/common';\r\nimport { AccessDenied } from '../../../pages/AccessDenied/AccessDenied';\r\nimport { ROUTES } from '../../../constants/routes';\r\n\r\nexport const PermissionRoute = ({ component: Component, permissionGranted, ...rest }) => {\r\n let isLogin = localStorage.getItem('login');\r\n\r\n const userPermissions = useSelector((state) => state.login.userPermissions);\r\n\r\n const isPermissionGranted = hasPermission(userPermissions, permissionGranted);\r\n\r\n const adminOrganizationType = useSelector((state) => state.login?.userData?.is_organization_admin);\r\n const adminType = useSelector((state) => state.login?.userData?.is_admin);\r\n\r\n const userAccess = adminType || adminOrganizationType;\r\n\r\n return (\r\n - \r\n {SIDE_MENU.map(item =>\r\n
- \r\n
\r\n Organizations: \r\n\r\n \r\n \r\n Roles: \r\n \r\n \r\n
\r\n {userRoleAndOrganization.role_id !== null ? (\r\n