\n {description[0] && description[0]}\n {displayActivityName}\n
\n \n \n \n \n {t('RCORE_INAPP_NOTIFICATION_DRAWER_HEADER')} \n \n \n {t('RCORE_INAPP_NOTIFICATION_MARK_ALL_AS_READ')}\n \n \n \n \n \n \n {\n handleUnreadOnlySwitchChange(e);\n }}\n />\n {todayDataRef.current.length === 0 &&\n yesterdayDataRef.current.length === 0 &&\n olderDataRef.current.length === 0 ? (\n {t('RCORE_INAPP_NOTIFICATION_NO_UNREAD_TEXT')} \n ) : (\n <>\n \n {todayDataRef.current.length > 0 && (\n \n {totalNotificationsCount -\n (todayDataRef.current.length +\n yesterdayDataRef.current.length +\n olderDataRef.current.length) >\n 0 && (\n \n \n \n )}\n \n )}\n \n \n \n
\n );\n}\n\n// PropType check\nNotificationDrawer.propTypes = {\n /**\n * open configuration drawer\n */\n openConfig: PropTypes.bool,\n /**\n * close configuration drawer callback function\n */\n closeDrawer: PropTypes.func\n};\n\nNotificationDrawer.defaultProps = {\n openConfig: false,\n closeDrawer: undefined\n};\n\nexport default NotificationDrawer;\n","import { useEffect, useRef } from 'react';\n\nconst useInterval = (callback, delay) => {\n const savedCallback = useRef();\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n useEffect(() => {\n function tick() {\n savedCallback.current();\n }\n if (delay !== null) {\n const id = setInterval(tick, delay);\n return () => clearInterval(id);\n }\n }, [delay]);\n};\n\nexport default useInterval;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Icon } from '@sumtotal/react-foundation';\nimport { useTranslation } from 'react-i18next';\nimport { NotificationsIconButton, StyledBadge } from './notificationStyles';\nimport {\n getUnreadNotificationCount,\n resetUnReadInAppNotificationsCount\n} from '../services/notificationService';\nimport NotificationDrawer from './NotificationDrawer';\nimport useUserContext from '../../hooks/useUserContext';\nimport useInterval from '../../hooks/useInterval';\nimport authService from '../../../authentication/AuthorizeService';\nimport getLogger from '../../../utils/logger';\nimport useSettingsContext from '../../hooks/useSettingsContext';\n\nconst getSettingValueFromContext = (settingContext, settingKey) => {\n if (settingContext && settingContext.settings) {\n const settingObj = settingContext.settings.filter((setting) => setting.key === settingKey);\n return settingObj && settingObj.length > 0 ? settingObj[0].value : 5;\n }\n return null;\n};\n\nconst Notifications = () => {\n const { t } = useTranslation(['TRANSLATIONS_RCORE_TOPNAV']);\n const [openDrawer, setOpenDrawer] = useState(false);\n const [notificationCount, setNotificationCount] = useState(0);\n const { user } = useUserContext();\n const { settingsData } = useSettingsContext();\n const [tenantKey, _setTenantKey] = useState('');\n const tenantKeyRef = useRef(tenantKey);\n const setTenantKey = (data) => {\n _setTenantKey(data);\n tenantKeyRef.current = data;\n };\n const notificationPollingFrequency = getSettingValueFromContext(\n settingsData,\n 'INAPP_NOTIFICATION_POLLING_FREQUENCY'\n );\n const openNotificationDrawer = () => {\n setOpenDrawer(true);\n if (notificationCount !== 0) {\n resetUnReadInAppNotificationsCount(tenantKeyRef.current, user.personPK)\n .then((result) => {\n if (result) {\n setNotificationCount(0);\n }\n return null;\n })\n .catch((err) => {\n getLogger().error(err.response);\n });\n }\n };\n const closeNotificationDrawer = () => {\n setOpenDrawer(false);\n };\n\n function fetchUnreadNotificationCount(tenant) {\n getUnreadNotificationCount(tenant, user.personPK)\n .then((results) => {\n if (results) {\n setNotificationCount(results);\n }\n return null;\n })\n .catch((err) => {\n getLogger().error(err.response);\n });\n }\n useInterval(() => {\n (async () => {\n fetchUnreadNotificationCount(tenantKeyRef.current);\n })();\n }, notificationPollingFrequency * 60 * 1000);\n\n useEffect(() => {\n (async () => {\n const userProfile = await authService.getUserProfile();\n setTenantKey(userProfile.tenant);\n fetchUnreadNotificationCount(userProfile.tenant);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n return (\n <>\n {errorMessage}
;\n }\n\n return (\n <>\n {!CheckIntegrationSetting(IntegrationElement.ShowHomeButton, integrationContext.mode) && (\n \n \n {t('TRANSLATIONS_RCORE_COMMON:RCORE_HOME_TEXT')}\n \n
\n )}\n {CheckIntegrationSetting(IntegrationElement.HideTopBar, integrationContext.mode) && (\n \n
\n );\n }\n return {message}
;\n }\n const { action } = this.props;\n switch (action) {\n case LogoutActions.Logout:\n return Processing logout
;\n case LogoutActions.LoggedOut:\n return {message}
;\n default:\n throw new Error(`Invalid action '${action}'`);\n }\n }\n}\n\nLogout.propTypes = {\n action: PropTypes.string.isRequired\n};\n","import React, { lazy } from 'react';\nimport { Route, Routes } from 'react-router-dom';\nimport AuthorizeRoute from './authentication/AuthorizeRoute';\nimport {\n ApplicationPaths,\n LoginActions,\n LogoutActions\n} from './authentication/AuthorizationConstants';\nimport Login from './authentication/Login';\nimport Logout from './authentication/Logout';\n// Lazy load the routes to support code splitting\nconst Home = lazy(() => import('./modules/home/components/Home'));\nconst CoreUI = lazy(() => import('./modules/core/components/CoreUI'));\nconst ControlPanelConfigurationRoutes = lazy(() =>\n import('./modules/configuration/controlpanel/components/ControlPanelConfigurationRoutes')\n);\nconst GoalWorkspaceRoutes = lazy(() => import('./modules/goals/components/GoalWorkspaceRoutes'));\n\n// Commenting the activity builder route as we are retiring activity builder pages.\n/*\nconst ActivityBuilderRoutes = lazy(() =>\n import('./modules/learning/activityBuilder/components/ActivityBuilderRoutes')\n);\n*/\n\nconst ActivityAssignments = lazy(() =>\n import('./modules/learning/activityAssignments/components/ActivityAssignments')\n);\nconst ToDoListConfiguration = lazy(() =>\n import('./modules/configuration/activitiesAndTasks/components/MyActivitiesAndTasksConfiguration')\n);\nconst ReportingRoutes = lazy(() => import('./modules/reporting/ReportingRoutes'));\nconst DLQExceptions = lazy(() => import('./modules/deadletterqueue/components/DLQExceptions'));\nconst MyToDoList = lazy(() =>\n import('./modules/onePlace/activitiesAndTasks/activities/components/MyActivitiesRoutes')\n);\n\nconst AccessDeniedPage = lazy(() => import('./common/layout/components/AccessDeniedPage'));\n\nconst UserManagement = lazy(() =>\n import('./modules/administration/users/components/UserManagement')\n);\nconst OfferRoutes = lazy(() => import('./modules/recruiting/offer/components/route/OfferRoutes'));\nconst AllApplicants = lazy(() =>\n import('./modules/recruiting/allApplicants/components/AllApplicantsView')\n);\nconst PensSettings = lazy(() => import('./modules/learning/pens/components/settings'));\nconst MicrosoftTeamsSettings = lazy(() =>\n import('./modules/learning/vilt/msTeams/components/msTeamsSettings')\n);\nconst ZoomSettings = lazy(() => import('./modules/learning/vilt/zoom/components/zoomSettings'));\nconst IntegrationSettings = lazy(() =>\n import('./modules/learning/vivaLearning/components/integrationSettings')\n);\nconst AccreditationRoutes = lazy(() =>\n import('./modules/learning/accreditation/components/AccreditationRoutes')\n);\nconst LateCompletionsListRoutes = lazy(() =>\n import('./modules/learning/latecompletions/components/LateCompletionsListRoutes')\n);\n\nconst AchievementTemplateRoutes = lazy(() =>\n import(\n './modules/administration/development/developmentplan/achievement/components/AchievementTemplateRoutes'\n )\n);\nconst MarketComparisonRoutes = lazy(() =>\n import('./modules/marketComparison/components/MarketComparisonRoutes')\n);\n\nconst CredlyConfiguration = lazy(() =>\n import('./modules/configuration/backPackServer/credly/components/CredlyConfiguration')\n);\nconst AssignmentApprovalsRoutes = lazy(() =>\n import('./modules/learning/assignmentapprovals/components/AssignmentApprovalsList')\n);\nconst QuestionBankRoutes = lazy(() =>\n import('./modules/learning/questionBanks/components/QuestionBankRoutes')\n);\nconst InitiaivesSettings = lazy(() =>\n import('./modules/configuration/InitiativesSettings/components/initiativesSettings')\n);\nconst DashboardManagerRoutes = lazy(() =>\n import('./modules/dashboards/components/DashboardManagerRoutes')\n);\nconst DashboardRoutes = lazy(() => import('./modules/dashboards/components/DashboardRoutes'));\nconst ActivityQrAttendanceReport = lazy(() =>\n import('./modules/learning/activityQrAttendance/components/ActivityQrAttendanceReport')\n);\nconst UserActivityQrCodeAttendanceDetails = lazy(() =>\n import('./modules/learning/activityQrAttendance/components/UserActivityQrCodeAttendanceDetails')\n);\nconst contentConsumerLaunchSetting = lazy(() =>\n import('./modules/learning/contentIntegrationLaunchSettings/components/ContentConsumerSetting')\n);\nconst ViltAttendanceSyncWizard = lazy(() =>\n import('./modules/learning/vilt/attendanceSync/components/AttendanceSyncWizard')\n);\nconst ActivityDetailsRoutes = lazy(() =>\n import('./modules/learning/activityDetails/components/ActivityDetailsRoutes')\n);\n\nconst AppRoutes = () => {\n return (\n \n {userAuthStatus.isAuthenticated && \n \n )}\n \n {userAuthStatus.isAuthenticated &&
\n \n