\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{t('recoverPassword')}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{t('emailRecoverPassword')} \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{t('backTo')} {t('login')}{' '}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t© {currentYear} {t('infoproRights')}\r\n\t\t\t\t\t\t\t\t\t{' | '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{t('privacyPolicy')}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t{okrStatusDetails &&\r\n\t\t\t\t\t\t\t\t\t\tokrStatusDetails\r\n\t\t\t\t\t\t\t\t\t\t\t.slice(0)\r\n\t\t\t\t\t\t\t\t\t\t\t.reverse()\r\n\t\t\t\t\t\t\t\t\t\t\t.map((item: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t{okrStatusDetails &&\r\n\t\t\t\t\t\t\tokrStatusDetails\r\n\t\t\t\t\t\t\t\t.slice(0)\r\n\t\t\t\t\t\t\t\t.reverse()\r\n\t\t\t\t\t\t\t\t.map((item: any) => (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{keys.quarterDetails &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.map((quarter: any, qid: any) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tquarter.cycleStatus === Enums.PAST_CYCLE_ID && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{keys.quarterDetails &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.map((quarter: any, qid: any) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(quarter.cycleStatus === 2 ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tquarter.cycleStatus === 3 ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(isSoObj && quarter.cycleStatus === 1)) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
({isCreateTaskDetails?.overDueText})\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\ttooltipClassName={'tooltip-alert'}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{cycleYears.quarterDetails.map((QuaterDetails: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{cycleYears.quarterDetails.map((QuaterDetails: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t{performanceCycleReportList &&\r\n\t\t\t\t\t\t\t\t\t\t\tperformanceCycleReportList.length &&\r\n\t\t\t\t\t\t\t\t\t\t\tperformanceCycleReportList.map((item: any, index: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst _handlePagination = (e, shownResults) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tif (initial.options.length > shownResults || initial.options.length === initial.totalCount) {\r\n\t\t\treturn;\r\n\t\t} else {\r\n\t\t\tprops.updatePage(props.globalSearchPage + 1);\r\n\t\t\tconst page = initial.page + 1;\r\n\t\t\tsetInitial({ ...initial, isLoading: true, page });\r\n\t\t}\r\n\t};\r\n\r\n\tconst _handleSearch = async (query) => {\r\n\t\tsetSearchClass(true);\r\n\t\tconst resp = await makeAndHandleRequest(query);\r\n\t\tsetInitial({\r\n\t\t\t...initial,\r\n\t\t\tisLoading: false,\r\n\t\t\toptions: resp.options,\r\n\t\t\ttotalCount: resp.totalCount,\r\n\t\t});\r\n\t};\r\n\r\n\tconst _handleInputChange = (input) => {\r\n\t\tsetSearchTyped(true);\r\n\t\tif (input === '') {\r\n\t\t\tref.current.clear();\r\n\t\t\tsetInitial({\r\n\t\t\t\tisLoading: false,\r\n\t\t\t\toptions: [],\r\n\t\t\t\tquery: null,\r\n\t\t\t\tpage: 1,\r\n\t\t\t\tselected: [],\r\n\t\t\t});\r\n\t\t\t//\tsetDefaultId(0);\r\n\t\t}\r\n\t\tif (props.globalSearchPage > 1) {\r\n\t\t\tprops.updatePage(1);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleInputThrottled = (value) => {\r\n\t\tsetSearchTyped(true);\r\n\t\tsetSearchClass(true);\r\n\t\tdelayedQuery(value);\r\n\t\tif (props?.addKey?.type === 'map') {\r\n\t\t\tprops.handleGlobalSearchClick(false);\r\n\t\t}\r\n\t};\r\n\tconst delayedQuery = useCallback(\r\n\t\t_.debounce((q) => _handleSearch(q), 500),\r\n\t\t[]\r\n\t);\r\n\r\n\tconst _handleOnChange = (selected) => {\r\n\t\tprops.updatePage(1);\r\n\t\tif (\r\n\t\t\tprops.module === 'feedback' ||\r\n\t\t\tprops.module === 'myGoal' ||\r\n\t\t\tprops.module === 'profile' ||\r\n\t\t\tprops.module === 'peopleSearch'\r\n\t\t) {\r\n\t\t\tif (isOwnerSearch || !selected.find((item) => item.employeeId === userDetail.employeeId)) {\r\n\t\t\t\tprops.onSelectedUser(selected);\r\n\t\t\t\tsetSearchClass(false);\r\n\t\t\t}\r\n\t\t\tsetInitial({ ...initial, selected });\r\n\t\t\tif (props.module === 'myGoal') {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tref.current && ref.current.blur();\r\n\t\t\t\t} catch (err) {}\r\n\t\t\t\tref.current && ref.current.clear();\r\n\t\t\t\tsetInitial({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\toptions: [],\r\n\t\t\t\t\tquery: null,\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\tselected: [],\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (props.module === 'alignObjective' || props.module === 'organization' || props.module === 'addUser') {\r\n\t\t\tprops.onSelectedUser(selected);\r\n\t\t\tsetInitial({ ...initial, selected });\r\n\t\t\tsetSearchClass(false);\r\n\t\t} else if (props.module === 'global') {\r\n\t\t\tprops.resetOkr();\r\n\t\t\tprops.updatePrevRoute(props.currentRoute);\r\n\t\t\tif (searchResult[0].searchType === 2) {\r\n\t\t\t\tsetLocalStorageItem('currentOrganisation', JSON.stringify(searchResult[0]));\r\n\t\t\t\tprops.history.push(TEAM_VIEW);\r\n\t\t\t\tprops.updateRoute(TEAM_VIEW);\r\n\t\t\t} else {\r\n\t\t\t\tsetLocalStorageItem('currentUser', JSON.stringify(searchResult[0]));\r\n\t\t\t\thistory.push(USER_VIEW);\r\n\t\t\t\tprops.updateRoute(USER_VIEW);\r\n\t\t\t}\r\n\t\t\tref.current && ref.current.clear();\r\n\t\t} else {\r\n\t\t\ttry {\r\n\t\t\t\tref.current && ref.current.clear();\r\n\t\t\t\tsetInitial({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\toptions: [],\r\n\t\t\t\t\tquery: null,\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\tselected: [],\r\n\t\t\t\t});\r\n\t\t\t} catch (err) {}\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleClickAway = (e) => {\r\n\t\tsetSearchClass(false);\r\n\t\ttry {\r\n\t\t\tif (\r\n\t\t\t\t(props.module !== 'feedback' && props.module !== 'organization' && props.module !== 'addUser') ||\r\n\t\t\t\tprops.module === 'myGoal' ||\r\n\t\t\t\tinitial.selected.length === 0\r\n\t\t\t) {\r\n\t\t\t\tref.current.blur();\r\n\t\t\t\tref.current.clear();\r\n\t\t\t\tsetInitial({\r\n\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\toptions: [],\r\n\t\t\t\t\tquery: null,\r\n\t\t\t\t\tpage: 1,\r\n\t\t\t\t\tselected: [],\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (err) {}\r\n\t};\r\n\r\n\tconst changeRoute = (e, type, option) => {\r\n\t\tif (module !== 'global') {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tsetLocalStorageItem('currentUser', JSON.stringify(option));\r\n\r\n\t\tconst backUrl = getLocalStorageItem('globalBackUrl') || getLocalStorageItem('backUrl');\r\n\t\tif (backUrl) {\r\n\t\t\tsetLocalStorageItem('backUrl', backUrl);\r\n\t\t\tremoveLocalStorageItem('globalBackUrl');\r\n\t\t\tremoveLocalStorageItem('backUrlAlignmentMaps');\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tref.current.blur();\r\n\t\t\tsetInitial({\r\n\t\t\t\tisLoading: false,\r\n\t\t\t\toptions: [],\r\n\t\t\t\tquery: null,\r\n\t\t\t\tpage: 1,\r\n\t\t\t\tselected: [],\r\n\t\t\t});\r\n\t\t} catch (err) {}\r\n\t\tif (type === 1) {\r\n\t\t\tprops.resetAlignment();\r\n\t\t\tprops.resetOkr();\r\n\t\t\tprops.updatePrevRoute(props.currentRoute);\r\n\t\t\thistory.push(ALIGNMENT_MAP);\r\n\t\t\tprops.updateRoute(ALIGNMENT_MAP);\r\n\t\t\tref.current.clear();\r\n\t\t} else if (type === 2) {\r\n\t\t\tprops.resetOkr();\r\n\t\t\tprops.updatePrevRoute(props.currentRoute);\r\n\t\t\tif (option.searchType === 2) {\r\n\t\t\t\tsetLocalStorageItem('currentOrganisation', JSON.stringify(option));\r\n\t\t\t\tprops.history.push(TEAM_VIEW);\r\n\t\t\t\tprops.updateRoute(TEAM_VIEW);\r\n\t\t\t} else {\r\n\t\t\t\tsetLocalStorageItem('currentUser', JSON.stringify(option));\r\n\t\t\t\thistory.push(USER_VIEW);\r\n\t\t\t\tprops.updateRoute(USER_VIEW);\r\n\t\t\t}\r\n\t\t\tref.current.clear();\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleEnterClick = (e) => {\r\n\t\tif (e.keyCode === 13 && searchResult.length === 1) {\r\n\t\t\tif (module === 'global') {\r\n\t\t\t\t// Execute the search on enter click.\r\n\t\t\t\tprops.resetOkr();\r\n\t\t\t\tprops.updatePrevRoute(props.currentRoute);\r\n\t\t\t\tif (searchResult[0].searchType === 2) {\r\n\t\t\t\t\tsetLocalStorageItem('currentOrganisation', JSON.stringify(searchResult[0]));\r\n\t\t\t\t\tprops.history.push(TEAM_VIEW);\r\n\t\t\t\t\tprops.updateRoute(TEAM_VIEW);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetLocalStorageItem('currentUser', JSON.stringify(searchResult[0]));\r\n\t\t\t\t\thistory.push(USER_VIEW);\r\n\t\t\t\t\tprops.updateRoute(USER_VIEW);\r\n\t\t\t\t}\r\n\t\t\t\tref.current.clear();\r\n\t\t\t} else if (module === 'myGoal') {\r\n\t\t\t\tprops.onSelectedUser(searchResult);\r\n\t\t\t\tref.current.clear();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst getLabelKey = (option) => {\r\n\t\treturn option.searchType === 2 ? `${option.organisationName}` : `${option.firstName} ${option.lastName}`;\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{t('CommonOOPS')}\r\n\t\t\t\t\t \r\n\t\t\t\t\t{t('globalSearchNoRecord')} \r\n\r\n\t\t\t\t\t{text} \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nexport const RoleIcon = () => (\r\n\t\r\n);\r\nexport const AddStatusIcon = () => (\r\n\t\r\n);\r\nexport const ErrorIcon = () => (\r\n\t\r\n);\r\nexport const CheckedIcon = () => (\r\n\t\r\n);\r\nexport const UnCheckedIcon = () => (\r\n\t\r\n);\r\nexport const PartialCheckedIcon = () => (\r\n\t\r\n);\r\nexport const BorderCheckboxIcon = () => (\r\n\t\r\n);\r\nexport const EmployeeIDIcon = () => (\r\n\t\r\n);\r\nexport const NameIcon = () => (\r\n\t\r\n);\r\n\r\nexport const JobTitleIcon = () => (\r\n\t\r\n);\r\n\r\nexport const RolePermissionIcon = () => (\r\n\t\r\n);\r\n\r\nexport const ReportingToIcon = () => (\r\n\t\r\n);\r\n\r\nexport const TeamsIcon = () => (\r\n\t\r\n);\r\n\r\nexport const LeaderIcon = () => (\r\n\t\r\n);\r\n\r\nexport const TeamCountIcon = () => (\r\n\t\r\n);\r\nexport const CheckInReminderIcon = () => (\r\n\t\r\n);\r\nexport const CalendarIcon = () => (\r\n\t\r\n);\r\nexport const TimerIcon = () => (\r\n\t\r\n);\r\n\r\nexport const EmailTriggerIcon = () => (\r\n\t\r\n);\r\nexport const BusinessEmailIcon = () => (\r\n\t\r\n);\r\nexport const BusinessDomainName = () => (\r\n\t\r\n);\r\nexport const BusinessName = () => (\r\n\t\r\n);\r\nexport const BusinessPassword = () => (\r\n\t\r\n);\r\nexport const TitleIcon = () => (\r\n\t\r\n);\r\nexport const CircleCheckboxIcon = () => (\r\n\t\r\n);\r\nexport const FilledCircleCheckboxIcon = () => (\r\n\t\r\n);\r\nexport const JobLevelIcon = () => (\r\n\t\r\n);\r\nexport const EmailIcon = () => (\r\n\t\r\n);\r\nexport const SkipLevelManager = () => (\r\n\t\r\n);\r\nexport const HeadIcon = () => (\r\n\t\r\n);\r\nexport const HrBpIcon = () => (\r\n\t\r\n);\r\nexport const HrBuddyIcon = () => (\r\n\t\r\n);\r\n","import React, { useState, Fragment } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n\tInputLabel,\r\n\tInput,\r\n\tInputAdornment,\r\n\tIconButton,\r\n\tTypography,\r\n\tButton,\r\n\tFormHelperText,\r\n\tLink,\r\n\tBox,\r\n} from '@material-ui/core';\r\nimport { useSnackbar } from 'notistack';\r\nimport AlertDialog from '../../Common/Dialog';\r\nimport { clearLocalStorage, getLocalStorageItem } from '../../../services/StorageService';\r\nimport { LockIcon } from '../../../config/svg/CommonSvg';\r\nimport { AZURE_LOGOUTURI } from '../../../config/constant';\r\nimport { ErrorIcon } from '../../../config/svg/formElementIcons';\r\nimport { validatePassword } from '../../../config/utils';\r\nimport { useAuth } from 'react-oidc-context';\r\nimport { LOGOUT_INITIATOR_URL } from '../../../config/app-url';\r\n\r\nexport default function ChangePassword(props) {\r\n\tconst auth = useAuth();\r\n\tconst userDetail = JSON.parse(getLocalStorageItem('userDetail'));\r\n\tconst [showOldPassword, setShowOldPassword] = useState(false);\r\n\tconst [showNewPassword, setShowNewPassword] = useState(false);\r\n\tconst [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n\tconst { enqueueSnackbar } = useSnackbar();\r\n\tconst [isFormSubmit, setIsFormSubmit] = useState(false);\r\n\tconst [modalOpen, setModalOpen] = useState(false);\r\n\tconst initialData = {\r\n\t\toldPassword: '',\r\n\t\tnewPassword: '',\r\n\t\tconfirmPassword: '',\r\n\t\tisNewPasswordValid: false,\r\n\t\tisConfirmPasswordValid: false,\r\n\t\tformValid: false,\r\n\t\tdisabled: userDetail.ssoLogin ? userDetail.ssoLogin : false,\r\n\t};\r\n\tconst [formData, setFormData] = useState(initialData);\r\n\tconst { t } = useTranslation();\r\n\r\n\tconst handleDrawerConfirmation = () => {\r\n\t\tif (JSON.stringify(formData) !== JSON.stringify(initialData)) {\r\n\t\t\tprops.setModalProps({\r\n\t\t\t\topen: true,\r\n\t\t\t\ttype: 'closeDrawer',\r\n\t\t\t\tmessage: t('unSavedItemAlert'),\r\n\t\t\t\tmodule: 'profile',\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tprops.setProfileOpen(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleCloseModal = (e, type) => {\r\n\t\te.preventDefault();\r\n\t\tif (type === 1) {\r\n\t\t\tsubmitRequest(e, 2);\r\n\t\t}\r\n\t\tsetModalOpen(false);\r\n\t};\r\n\r\n\tconst handleChange = (event, prop) => {\r\n\t\tconst value = event.target.value;\r\n\t\tlet valueObject = { ...formData };\r\n\t\tprops.setFormDataUpdated(true);\r\n\t\tif (prop === 'oldPassword') {\r\n\t\t\tvalueObject = {\r\n\t\t\t\t...valueObject,\r\n\t\t\t\toldPassword: value.trim(),\r\n\t\t\t\tformValid:\r\n\t\t\t\t\tvalue && value.trim() && value.trim() && valueObject.isConfirmPasswordValid && valueObject.isNewPasswordValid,\r\n\t\t\t};\r\n\t\t} else if (prop === 'newPassword') {\r\n\t\t\t// let psdValid = value.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/) ? true : false;\r\n\t\t\tconst psdValid = validatePassword(value);\r\n\t\t\tvalueObject = {\r\n\t\t\t\t...valueObject,\r\n\t\t\t\tnewPassword: value.trim(),\r\n\t\t\t\tisNewPasswordValid: psdValid,\r\n\t\t\t\tisConfirmPasswordValid: valueObject.confirmPassword === value.trim(),\r\n\t\t\t\tformValid:\r\n\t\t\t\t\tvalueObject?.oldPassword &&\r\n\t\t\t\t\tvalueObject?.oldPassword?.trim() &&\r\n\t\t\t\t\tvalue.trim() &&\r\n\t\t\t\t\tvalueObject.confirmPassword === value.trim() &&\r\n\t\t\t\t\tpsdValid,\r\n\t\t\t};\r\n\t\t} else if (prop === 'confirmPassword') {\r\n\t\t\tvalueObject = {\r\n\t\t\t\t...valueObject,\r\n\t\t\t\tconfirmPassword: value.trim(),\r\n\t\t\t\tisConfirmPasswordValid: valueObject.newPassword === value.trim(),\r\n\t\t\t\tformValid:\r\n\t\t\t\t\tvalueObject?.oldPassword &&\r\n\t\t\t\t\tvalueObject?.oldPassword?.trim() &&\r\n\t\t\t\t\tvalueObject.isNewPasswordValid &&\r\n\t\t\t\t\tvalue.trim() &&\r\n\t\t\t\t\tvalueObject.newPassword === value.trim(),\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tvalueObject = { ...valueObject, [prop]: event.target.value };\r\n\t\t}\r\n\t\tsetFormData({ ...valueObject });\r\n\t};\r\n\r\n\tconst submitRequest = async (e, type) => {\r\n\t\te.preventDefault();\r\n\t\tsetIsFormSubmit(true);\r\n\t\tif (formData.formValid) {\r\n\t\t\tlet data = {\r\n\t\t\t\temployeeId: formData.employeeId,\r\n\t\t\t\toldPassword: formData.oldPassword,\r\n\t\t\t\tnewPassword: formData.newPassword,\r\n\t\t\t};\r\n\t\t\tprops.setLoader(true);\r\n\t\t\tlet resp = await props.updateProfilePassword(data);\r\n\t\t\tif (resp.data.status === 200) {\r\n\t\t\t\tprops.setLoader(false);\r\n\t\t\t\tenqueueSnackbar(t('successfullyUpdatedPassword'), { variant: 'success', autoHideDuration: 5000 });\r\n\t\t\t\tprops.setProfileOpen(false);\r\n\t\t\t\t/*=== Logout User =====*/\r\n\t\t\t\tlogoutUser();\r\n\t\t\t} else {\r\n\t\t\t\tprops.setLoader(false);\r\n\t\t\t\tconst responseAPI = resp.data.messageList;\r\n\t\t\t\tconst keys = Object.keys(responseAPI);\r\n\t\t\t\tconst messages = keys.map((item) => responseAPI[item]);\r\n\t\t\t\tenqueueSnackbar(`${messages} `, { variant: 'error', autoHideDuration: 5000 });\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst logoutUser = () => {\r\n\t\tconst isSSO = getLocalStorageItem('isSSO');\r\n\t\tconst idpId = getLocalStorageItem('idpId');\r\n\t\tif (isSSO === 'false') {\r\n\t\t\twindow.location.href = window.location.origin + LOGOUT_INITIATOR_URL;\r\n\t\t} else if (idpId === '3') {\r\n\t\t\t//Google Login\r\n\t\t\tclearLocalStorage();\r\n\t\t\tsessionStorage.clear();\r\n\t\t\twindow.open('https://accounts.google.com/logout', '', 'width=100,height=100');\r\n\t\t\twindow.location.href = window.location.origin + LOGOUT_INITIATOR_URL;\r\n\t\t} else {\r\n\t\t\tauth.removeUser();\r\n\t\t\tauth.signoutRedirect();\r\n\t\t}\r\n\t\tclearLocalStorage();\r\n\t\tsessionStorage.clear();\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React, { Fragment, useEffect, useRef, useState } from 'react';\r\nimport { Button, Box, Slider, IconButton, Typography, Icon } from '@material-ui/core';\r\nimport RefreshIcon from '@material-ui/icons/Refresh';\r\nimport AvatarEditor from 'react-avatar-editor';\r\nimport { useSnackbar } from 'notistack';\r\nimport { getLocalStorageItem, setLocalStorageItem } from '../../services/StorageService';\r\nimport { DeleteIcon } from '../../config/svg/CommonSvg';\r\nimport AlertDialog from '../Common/Dialog';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { getRequestImage } from '../../config/auth';\r\n\r\nexport const ImageEditor = (props) => {\r\n\tconst { showImageEditor, setProfileDetail, profileDetail } = props;\r\n\tconst userDetails = getLocalStorageItem('userDetail') && JSON.parse(getLocalStorageItem('userDetail'));\r\n\tconst { imagePath } = userDetails;\r\n\tconst [image, setImage] = useState(imagePath);\r\n\tconst [sliderValue, setSliderValue] = React.useState(1);\r\n\tconst [straightenValue, setStraightenValue] = useState(0);\r\n\tconst [imageName, setImageName] = useState('');\r\n\tconst [isImageUpload, setIsImageUpload] = useState(true);\r\n\tconst [uploadingPic, setUploadingPic] = useState(false);\r\n\tconst avatarEditorRef = useRef();\r\n\tconst { enqueueSnackbar } = useSnackbar();\r\n\tconst { t } = useTranslation();\r\n\r\n\tuseEffect(() => {\r\n\t\timagePath && getUpdatedImage(imagePath);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [imagePath]);\r\n\r\n\tconst createFile = async (filePath) => {\r\n\t\ttry {\r\n\t\t\tconst response = await getRequestImage(filePath, undefined, { responseType: 'blob', isProfileUrl: true });\r\n\t\t\treturn new File([response.data], 'file.jpg', { type: 'image/jpeg' });\r\n\t\t} catch (error) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\tconst getUpdatedImage = (imgPath) => {\r\n\t\tcreateFile(imgPath).then((image) => {\r\n\t\t\tif (image) {\r\n\t\t\t\tsetImage(image);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tconst uploadImage = (event) => {\r\n\t\tprops.setFormDataUpdated(true);\r\n\t\tconst file = event.target.files[0];\r\n\t\tconst allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];\r\n\t\ttry {\r\n\t\t\tif (file) {\r\n\t\t\t\tconst extension = file.name.split('.').slice(-1).pop();\r\n\t\t\t\tconst fSize = file.size;\r\n\t\t\t\tconst fileSize = Math.round(fSize / 1000);\r\n\t\t\t\tif (fileSize > 5000) {\r\n\t\t\t\t\tenqueueSnackbar(t('ProfileImageSizeText'), { variant: 'error', autoHideDuration: 5000 });\r\n\t\t\t\t\tevent.target.value = '';\r\n\t\t\t\t} else if (!allowedExtensions.includes(extension ? extension.toLowerCase() : '')) {\r\n\t\t\t\t\tenqueueSnackbar(`${t('ProfileImageFileTypeText')} ${allowedExtensions.toString()}`, {\r\n\t\t\t\t\t\tvariant: 'error',\r\n\t\t\t\t\t\tautoHideDuration: 5000,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tevent.target.value = '';\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetImageName(file.name);\r\n\t\t\t\t\tsetImage(file);\r\n\t\t\t\t\tsetIsImageUpload(false);\r\n\t\t\t\t\tevent.target.value = '';\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tevent.target.value = '';\r\n\t\t\t}\r\n\t\t} catch (err) {}\r\n\t};\r\n\tconst handleSliderChange = (event, newValue) => {\r\n\t\tsetSliderValue(newValue);\r\n\t};\r\n\tconst handleStraightenSliderChange = (event, newValue) => {\r\n\t\tsetStraightenValue(newValue);\r\n\t};\r\n\tconst onRefreshIconClick = () => {\r\n\t\tsetSliderValue(1);\r\n\t\tsetStraightenValue(0);\r\n\t};\r\n\tconst DataURIToBlob = (dataURI) => {\r\n\t\tconst splitDataURI = dataURI.split(',');\r\n\t\tconst byteString = splitDataURI[0].indexOf('base64') >= 0 ? atob(splitDataURI[1]) : decodeURI(splitDataURI[1]);\r\n\t\tconst mimeString = splitDataURI[0].split(':')[1].split(';')[0];\r\n\r\n\t\tconst ia = new Uint8Array(byteString.length);\r\n\t\tfor (let i = 0; i < byteString.length; i++) ia[i] = byteString.charCodeAt(i);\r\n\r\n\t\treturn new Blob([ia], { type: mimeString });\r\n\t};\r\n\tconst onClickSave = () => {\r\n\t\tsetUploadingPic(true);\r\n\t\ttry {\r\n\t\t\tif (avatarEditorRef && avatarEditorRef.current) {\r\n\t\t\t\tconst imageBase64 = avatarEditorRef.current.getImageScaledToCanvas().toDataURL();\r\n\t\t\t\tconst file = DataURIToBlob(imageBase64);\r\n\t\t\t\tupdateImage(file);\r\n\t\t\t}\r\n\t\t} catch (err) {\r\n\t\t\tsetUploadingPic(false);\r\n\t\t}\r\n\t};\r\n\tconst updateImage = async (file) => {\r\n\t\tconst formData = new FormData();\r\n\t\tconst name = imageName ? imageName : `${userDetails.firstName}_${Math.random(0, 10)}.png`;\r\n\t\tformData.append('file', file, name);\r\n\r\n\t\tconst resp = await props.updateProfilePic(formData);\r\n\t\tif (resp.data.status === 200) {\r\n\t\t\tsetUploadingPic(false);\r\n\t\t\tprops.setFormDataUpdated(false);\r\n\t\t\t// OP-9655 - removed get profile API call after update profile pic\r\n\t\t\tif (resp && resp.data && resp.data.entity) {\r\n\t\t\t\tsetProfileDetail({ ...profileDetail, imagePath: resp.data.entity || '' });\r\n\t\t\t\tconst UserDetailUpdate = {\r\n\t\t\t\t\t...userDetails,\r\n\t\t\t\t\timagePath: resp.data.entity,\r\n\t\t\t\t};\r\n\t\t\t\tsetLocalStorageItem('userDetail', JSON.stringify(UserDetailUpdate));\r\n\t\t\t\tsetIsImageUpload(true);\r\n\t\t\t\tshowImageEditor({}, false);\r\n\t\t\t}\r\n\t\t\tenqueueSnackbar(t('ProfileImageUpdateText'), { variant: 'success', autoHideDuration: 5000 });\r\n\t\t} else {\r\n\t\t\tsetUploadingPic(false);\r\n\t\t\tconst responseAPI = resp.data.messageList;\r\n\t\t\tconst keys = Object.keys(responseAPI);\r\n\t\t\tconst messages = keys.map((item) => responseAPI[item]);\r\n\t\t\tenqueueSnackbar(`${messages}`, { variant: 'error', autoHideDuration: 5000 });\r\n\t\t}\r\n\t};\r\n\tconst onDeleteIconClick = () => {\r\n\t\tif (isImageUpload) {\r\n\t\t\tprops\r\n\t\t\t\t.deleteProfilePic()\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tif (response && response.data && response.data.entity) {\r\n\t\t\t\t\t\tsetProfileDetail({ ...props.profileDetail, imagePath: '' });\r\n\t\t\t\t\t\tconst UserDetailUpdate = {\r\n\t\t\t\t\t\t\t...userDetails,\r\n\t\t\t\t\t\t\timagePath: '',\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tsetLocalStorageItem('userDetail', JSON.stringify(UserDetailUpdate));\r\n\t\t\t\t\t\tsetIsImageUpload(true);\r\n\t\t\t\t\t\tsetImage(null);\r\n\t\t\t\t\t\tshowImageEditor({}, false);\r\n\t\t\t\t\t\tenqueueSnackbar(t('OrgProfileLogoDelete'), {\r\n\t\t\t\t\t\t\tvariant: 'success',\r\n\t\t\t\t\t\t\tautoHideDuration: 5000,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(() => {});\r\n\t\t} else {\r\n\t\t\tsetImage(imagePath);\r\n\t\t\tsetIsImageUpload(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst [modalOpen, setModalOpen] = useState(false);\r\n\tconst handleCloseModal = (e, type) => {\r\n\t\te.preventDefault();\r\n\t\tif (type === 1) {\r\n\t\t\tonDeleteIconClick();\r\n\t\t}\r\n\t\tsetModalOpen(false);\r\n\t};\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t showImageEditor({}, false)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{t('cancelBtn')}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{t('saveAndExitBtn')}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t- \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t{goal &&\r\n\t\t\t\t\t\t\tgoal.selectedUser &&\r\n\t\t\t\t\t\t\tgoal.selectedUser.length > 0 &&\r\n\t\t\t\t\t\t\tgoal.selectedUser.map((item) => (\r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t submitRequest(event, 2)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t('cancelBtn')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t submitRequest(event, 1)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t('send')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t{/*
- \r\n\t\t\t\t\t\t\t{checkPermission(getPermissionResult?.employeePermissions, impersonateUser) &&\r\n\t\t\t\t\t\t\t!userDetail?.isImpersonatedUser ? (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t{checkPermission(getPermissionResult?.employeePermissions, viewUserManagementPage) ? (\r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default function MyAccount(props) {\r\n\tconst userDetail = JSON.parse(getLocalStorageItem('userDetail'));\r\n\tconst { profileOpen, setProfileOpen } = props;\r\n\tconst anchorRef = useRef(null);\r\n\tconst { t } = useTranslation();\r\n\tconst [open, setOpen] = useState(false);\r\n\tconst [feedbackRedirection, setFeedbackRedirection] = useState(false);\r\n\tconst [showPersonalFeedback, setShowPersonalFeedback] = useState('');\r\n\tconst [aboutUsOpen, setAboutUsOpen] = useState(false);\r\n\tconst dispatch = useDispatch();\r\n\tconst { okrCreationInProgress } = useSelector((state) => state.commonReducer);\r\n\tconst { userVersion } = useSelector((state) => state?.commonReducer);\r\n\r\n\tconst openAboutUs = (e, value) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tsetAboutUsOpen(value);\r\n\t\thandleClose();\r\n\t};\r\n\r\n\tconst handleMenuClick = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\treturn false;\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!props.isFederationUserSuccess) {\r\n\t\t\tprops.isFederationUser(userDetail.emailId);\r\n\t\t}\r\n\t}, []);\r\n\r\n\tconst handleClickAway = (e) => {\r\n\t\tsetOpen(false);\r\n\t};\r\n\r\n\tconst handleOpen = (event, isOpen) => {\r\n\t\tif (0 && okrCreationInProgress) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tdispatch(showOnCreatePopup({ open: true, type: 'tab', data: {}, event: { ...event } }));\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tsetOpen(isOpen);\r\n\t};\r\n\tconst handleClose = (event) => {\r\n\t\tif (event && anchorRef.current && anchorRef.current.contains(event.target)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsetOpen(false);\r\n\t};\r\n\r\n\tconst openPersonalFeedback = () => {\r\n\t\tsetFeedbackRedirection(true);\r\n\t\tsetShowPersonalFeedback('view');\r\n\t};\r\n\r\n\tconst resetPFData = () => {\r\n\t\tsetFeedbackRedirection(false);\r\n\t\tsetShowPersonalFeedback('');\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{`${t('version')} ${aboutUsData ? aboutUsData?.version : userDetail?.version}`} \r\n\t\t\t\t\t\t{/* {`${t('license')} ${aboutUsData ? aboutUsData?.license : userDetail?.license}`} \r\n\t\t\t\t\t\t{/* {`${t('belongsTo')} ${userDetail.belongsTo}`} */}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t© {currentYear} {t('infoproRights')}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tProduct ID: {userDetail.productID}
*/}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* handleMenuClick(e)}>{t('licenseTerms')}{' '} */}\r\n\t\t\t\t\t\t\t{/* |{' '}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{t('thirdPartyNotice')}\r\n\t\t\t\t\t\t\t */}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{t('licenseTerms')}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t|\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{t('privacyPolicy')}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{t('warningAboutUs')}
\r\n\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{keysDetail &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeysDetail.map((item) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{keysDetail.map((item) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{feedback.askByRequestRemark && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{feedback.feedbackComments.map((comment) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails.map((quarter, qid) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tquarter.cycleStatus === Enums.PAST_CYCLE_ID && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeys.quarterDetails.map((quarter, qid) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(quarter.cycleStatus === 2 || quarter.cycleStatus === 3) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t{/*
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{checkSupportPermission(supportModuleAlignGoals) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
{t('newComment')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : feedbackAlert && feedbackAlert?.isNewComment ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('newComment')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : feedbackAlert && feedbackAlert?.isTimeFrameAlert ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('timeFramePassed')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrow\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
{t('newComment')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : feedbackAlert && feedbackAlert?.isNewComment ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('newComment')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : feedbackAlert && feedbackAlert?.isTimeFrameAlert ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('timeFramePassed')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrow\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
{t('newComment')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : pipAlert && pipAlert?.isNewComment ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('newComment')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : pipAlert && pipAlert?.isTimeFrameAlert ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt('timeFramePassed')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrow\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t{checkSupportPermission(supportModuleAlignOkr) && (\r\n\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t{checkSupportPermission(supportModuleLearn) ? (\r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t handleInputThrottled(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e: any) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.keyCode === 13 && initial?.options?.length === 1) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectedUser(initial.options[0]);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={searchValue}\r\n\t\t\t\t\t\t\t\t\t\t\t\tid='search-emp'\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t{searchValue && searchValue.trim().length > 0 && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearSearch();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideList(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{searchValue !== '' ?
\r\n\t\t\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{filteredList.map((item: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{t('loading')}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\ttreeNodesData?.map((item: any) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t('linkObjeativeTitle')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{goalsAttribute.linkedObjective.objectiveName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{goalsAttribute.linkedObjective.dueCycle !== '' && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*\t{goalsAttribute.linkedObjective.performance}*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(goalDetail.actionType !== 'editGoal' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(goalDetail.actionType === 'editGoal' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(goalsAttribute.createdBy === loggedInUserDetail.employeeId ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgoalsAttribute.owner === loggedInUserDetail.employeeId))) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
{`\"${kr?.firstName} ${kr?.lastName}\"`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
{`\"${kr?.firstName} ${kr?.lastName}\"`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t{props.okrMasterData?.confidences.map((item: any) =>\r\n\t\t\t\t\t\t(item.confidenceValue !== 0 && !showOnlySelected) ||\r\n\t\t\t\t\t\t(showOnlySelected && item.confidenceValue === confidenceValue) ? (\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{treeNodesData !== null && treeNodesData.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttreeNodesData.map((item: any) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.id !== 'external' || item.children.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.children.map((child: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t\t{completeOrgData != null && completeOrgData.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tcompleteOrgData.map((child: any) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t{ownerData && ownerData?.employeeId ?
',\r\n\t\t\t\tpointFormat: '{point.xLabel}: {point.y} %',\r\n\t\t\t},\r\n\t\t\tdata: [],\r\n\t\t},\r\n\t\t{\r\n\t\t\tname: 'Avg. Contributor Confidence',\r\n\t\t\tlineWidth: 1,\r\n\t\t\tcolor: staticChartColors[2],\r\n\t\t\tmarker: {\r\n\t\t\t\tenabled: true,\r\n\t\t\t\tsymbol: 'circle',\r\n\t\t\t},\r\n\t\t\ttooltip: {\r\n\t\t\t\tuseHTML: true,\r\n\t\t\t\theaderFormat: '{series.name}',\r\n\t\t\t\tpointFormat: ' on {point.xLabel} is {point.type}',\r\n\t\t\t},\r\n\t\t\tyAxis: 1,\r\n\t\t\tdata: [],\r\n\t\t},\r\n\t\t{\r\n\t\t\tname: 'Avg. Contributor Progress',\r\n\t\t\tlineWidth: 1,\r\n\t\t\tcolor: staticChartColors[3],\r\n\t\t\tmarker: {\r\n\t\t\t\tenabled: true,\r\n\t\t\t\tsymbol: 'circle',\r\n\t\t\t},\r\n\t\t\ttooltip: {\r\n\t\t\t\theaderFormat: '{series.name}
',\r\n\t\t\t\tpointFormat: '{point.xLabel}: {point.y} %',\r\n\t\t\t},\r\n\t\t\tdata: [],\r\n\t\t},\r\n\t];\r\n\r\n\tconst [zoomTypeValue, setZoomTypeValue] = useState(); //'1M'\r\n\tconst [chartData, setChartData] = useState([]);\r\n\tconst [categories, setCategories] = useState([]);\r\n\tconst [chartColors, setChartColors] = useState([]);\r\n\tconst [selectedDateRange, setSelectedDateRange] = useState(null);\r\n\tconst [dueDaysDiff, setDueDaysDiff] = useState(0);\r\n\tconst [weeklyTrendAPIResp, setWeeklyTrendAPIResp] = useState(null);\r\n\tconst [contributorList, setContributorList] = useState([]);\r\n\tconst [ownerData, setOwnerData] = useState({});\r\n\tconst [loader, setLoader] = useState(true);\r\n\tconst [chartMinMaxDate, setChartMinMaxDate] = useState();\r\n\r\n\tuseEffect(() => {\r\n\t\tsetLoader(true);\r\n\t\tgetWeeklyTrendData();\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (zoomTypeValue === '1W') {\r\n\t\t\tsetChartData(generateSeriesData(zoomTypeValue));\r\n\t\t\tsetCategories(generateCategories(zoomTypeValue));\r\n\t\t\tsetChartColors(staticChartColors);\r\n\t\t} else if (zoomTypeValue === '1M') {\r\n\t\t\tsetChartData(generateSeriesData(zoomTypeValue));\r\n\t\t\tsetCategories(generateCategories(zoomTypeValue));\r\n\t\t\tsetChartColors(staticChartColors);\r\n\t\t} else if (zoomTypeValue === '3M') {\r\n\t\t\tsetChartData(generateSeriesData(zoomTypeValue));\r\n\t\t\tsetCategories(generateCategories(zoomTypeValue));\r\n\t\t\tsetChartColors(staticChartColors);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [zoomTypeValue]);\r\n\r\n\tconst generateCategories = (zoomValue) => {\r\n\t\tif (zoomValue === '1W') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.categoriesData;\r\n\t\t} else if (zoomValue === '1M') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.categoriesData;\r\n\t\t} else if (zoomValue === '3M') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.categoriesData;\r\n\t\t}\r\n\t};\r\n\tconst generateSeriesData = (zoomValue) => {\r\n\t\tif (zoomValue === '1W') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.chartData;\r\n\t\t} else if (zoomValue === '1M') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.chartData;\r\n\t\t} else if (zoomValue === '3M') {\r\n\t\t\treturn chartStaticDetails[zoomValue]?.chartData;\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleDrawerClose = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tsetOpenWeeklyTrendDrawer({ open: false, data: '' });\r\n\t};\r\n\r\n\tconst handleZoomClick = (event, zoomType) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tsetZoomTypeValue(zoomType || '1W');\r\n\t};\r\n\r\n\tconst getWeeklyTrendData = () => {\r\n\t\tconst requestPayload = `goalKeyId=${okr?.goalKeyId || 0}&cycle=${cycleId || 0}`;\r\n\t\tgetWeeklyTrendDetails(requestPayload)\r\n\t\t\t.then((resp) => {\r\n\t\t\t\tif (resp && resp?.status && resp?.status === 200 && resp?.data) {\r\n\t\t\t\t\tconst { entity } = resp?.data || {};\r\n\t\t\t\t\tif (entity) {\r\n\t\t\t\t\t\tconst { auditReportDetails, weeklyTrendContributors } = entity || {};\r\n\t\t\t\t\t\tsetWeeklyTrendAPIResp(entity);\r\n\t\t\t\t\t\tconvertAPIRespForChart(auditReportDetails, weeklyTrendContributors);\r\n\t\t\t\t\t\tconvertAPIRespForContributor(weeklyTrendContributors);\r\n\t\t\t\t\t\tlet dateRangeObj = null;\r\n\t\t\t\t\t\tif (auditReportDetails && auditReportDetails.length > 0) {\r\n\t\t\t\t\t\t\tdateRangeObj = {\r\n\t\t\t\t\t\t\t\tstart: auditReportDetails[0]?.date || new Date(okr?.startDate || new Date()),\r\n\t\t\t\t\t\t\t\tend: auditReportDetails[auditReportDetails.length - 1]?.date || new Date(okr?.dueDate || new Date()),\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tsetChartMinMaxDate(dateRangeObj);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tconsole.warn('No Data...', resp);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tsetLoader(false);\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst convertAPIRespForChart = (auditReportDetails, weeklyTrendContributors) => {\r\n\t\tconst categoriesData = [];\r\n\t\tconst seriesOneData = [];\r\n\t\tconst seriesTwoData = [];\r\n\t\tconst seriesThreeData = [];\r\n\t\tconst seriesFourData = [];\r\n\t\tconst krOwner =\r\n\t\t\tweeklyTrendContributors && weeklyTrendContributors.length\r\n\t\t\t\t? weeklyTrendContributors.find((item) => item.isOwner === 1)\r\n\t\t\t\t: {};\r\n\r\n\t\tauditReportDetails &&\r\n\t\t\tauditReportDetails.length &&\r\n\t\t\t[...auditReportDetails].forEach((element, indexVal) => {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tdate,\r\n\t\t\t\t\tmyConfidenceId,\r\n\t\t\t\t\taverageConfidenceId,\r\n\t\t\t\t\tmyConfidence,\r\n\t\t\t\t\tmyProgress,\r\n\t\t\t\t\taverageConfidence,\r\n\t\t\t\t\taverageProgress,\r\n\t\t\t\t} = element;\r\n\t\t\t\tconst myConfType =\r\n\t\t\t\t\tconfidences && confidences.length\r\n\t\t\t\t\t\t? confidences.find((item) => item?.confidenceValue === myConfidenceId)\r\n\t\t\t\t\t\t: { confidenceName: 'Low' };\r\n\t\t\t\tconst avgConfType =\r\n\t\t\t\t\tconfidences && confidences.length\r\n\t\t\t\t\t\t? confidences.find((item) => item?.confidenceValue === averageConfidenceId)\r\n\t\t\t\t\t\t: { confidenceName: 'Low' };\r\n\t\t\t\tconst xCategoryData = date ? getMonthDate(date) : '';\r\n\t\t\t\tconst xCategory = date ? getMonthDateYear(date) : '';\r\n\t\t\t\tcategoriesData.push(xCategoryData);\r\n\t\t\t\tseriesOneData.push({\r\n\t\t\t\t\ty: myConfidence ? parseInt(myConfidence) : 0,\r\n\t\t\t\t\txLabel: xCategory || '',\r\n\t\t\t\t\ttype: myConfType?.confidenceName || '',\r\n\t\t\t\t});\r\n\t\t\t\tseriesTwoData.push({\r\n\t\t\t\t\ty: myProgress ? parseInt(myProgress) : 0,\r\n\t\t\t\t\txLabel: xCategory || '',\r\n\t\t\t\t\ttype: '',\r\n\t\t\t\t});\r\n\t\t\t\tseriesThreeData.push({\r\n\t\t\t\t\ty: averageConfidence ? parseInt(averageConfidence) : 0,\r\n\t\t\t\t\txLabel: xCategory || '',\r\n\t\t\t\t\ttype: avgConfType?.confidenceName || '',\r\n\t\t\t\t});\r\n\t\t\t\tseriesFourData.push({\r\n\t\t\t\t\ty: averageProgress ? parseInt(averageProgress) : 0,\r\n\t\t\t\t\txLabel: xCategory || '',\r\n\t\t\t\t\ttype: '',\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\tif (userDetail?.employeeId === employeeId) {\r\n\t\t\tchartDefaultData.forEach((ele, index) => {\r\n\t\t\t\tif (index === 0) {\r\n\t\t\t\t\t// My Confidence\r\n\t\t\t\t\tele.data = [...seriesOneData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 1) {\r\n\t\t\t\t\t// My Progress\r\n\t\t\t\t\tele.data = [...seriesTwoData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 2) {\r\n\t\t\t\t\t// Avg. Contributor Confidence\r\n\t\t\t\t\tele.data = [...seriesThreeData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 3) {\r\n\t\t\t\t\t// Avg. Contributor Progress\r\n\t\t\t\t\tele.data = [...seriesFourData];\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tchartDefaultData.forEach((ele, index) => {\r\n\t\t\t\tif (index === 0) {\r\n\t\t\t\t\t// My Confidence\r\n\t\t\t\t\tele.name = `${krOwner?.firstName}'s Confidence`;\r\n\t\t\t\t\tele.data = [...seriesOneData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 1) {\r\n\t\t\t\t\t// My Progress\r\n\t\t\t\t\tele.name = `${krOwner?.firstName}'s Progress`;\r\n\t\t\t\t\tele.data = [...seriesTwoData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 2) {\r\n\t\t\t\t\t// Avg. Contributor Confidence\r\n\t\t\t\t\tele.data = [...seriesThreeData];\r\n\t\t\t\t}\r\n\t\t\t\tif (index === 3) {\r\n\t\t\t\t\t// Avg. Contributor Progress\r\n\t\t\t\t\tele.data = [...seriesFourData];\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetChartData(chartDefaultData || []);\r\n\t\tsetCategories(categoriesData || []);\r\n\t\tsetChartColors(staticChartColors);\r\n\t};\r\n\r\n\tconst convertAPIRespForContributor = (weeklyTrendContributors) => {\r\n\t\t// const weeklyTrendContributors = chartStaticDetails?.APIResp?.entity?.weeklyTrendContributors;\r\n\t\tconst onlyContributor =\r\n\t\t\tweeklyTrendContributors && weeklyTrendContributors.length\r\n\t\t\t\t? weeklyTrendContributors.filter((item) => item.isOwner !== 1)\r\n\t\t\t\t: [];\r\n\t\tonlyContributor && onlyContributor.length && setContributorList([...onlyContributor]);\r\n\t\tsetOwnerData(\r\n\t\t\tweeklyTrendContributors && weeklyTrendContributors.length\r\n\t\t\t\t? weeklyTrendContributors.find((item) => item.isOwner === 1)\r\n\t\t\t\t: {}\r\n\t\t);\r\n\t};\r\n\r\n\tconst dateChangeHandler = (_range, start, end, _selectionType) => {\r\n\t\tconst { auditReportDetails, weeklyTrendContributors } = weeklyTrendAPIResp || {};\r\n\t\tconst dateObj = {\r\n\t\t\tstart: start ? getMonthDateYear(start) : '',\r\n\t\t\tend: end ? getMonthDateYear(end) : '',\r\n\t\t\tstartIndex: 0,\r\n\t\t\tlastIndex: auditReportDetails.length - 1,\r\n\t\t};\r\n\t\tauditReportDetails &&\r\n\t\t\tauditReportDetails.length &&\r\n\t\t\t[...auditReportDetails].forEach((element, indexVal) => {\r\n\t\t\t\tconst { date } = element;\r\n\t\t\t\tconst xCategory = date ? getMonthDateYear(date) : '';\r\n\t\t\t\tif (xCategory === dateObj.start) {\r\n\t\t\t\t\tdateObj.startIndex = indexVal;\r\n\t\t\t\t}\r\n\t\t\t\tif (xCategory === dateObj.end) {\r\n\t\t\t\t\tdateObj.lastIndex = indexVal;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tconst filterData = auditReportDetails.filter(\r\n\t\t\t(_item, index) => index >= dateObj.startIndex && index <= dateObj.lastIndex\r\n\t\t);\r\n\t\tconvertAPIRespForChart(filterData && filterData.length ? filterData : auditReportDetails, weeklyTrendContributors);\r\n\t};\r\n\r\n\treturn (\r\n\t\t