');\n } else if (\n notificationData.notificationKey === 'LearningActivityAssignmentNotif' ||\n notificationData.notificationKey === 'LearningActivityCompletionNotif' ||\n notificationData.notificationKey === 'LearningActivityRegistrationNotif'\n ) {\n description = [decodeHtmlEntities(Description)];\n description = description[0].replace(DueDate, formattedDate).split(ActivityName);\n }\n const { isRead, time } = notificationData;\n\n function updateActivityName(activityName) {\n const modifiedActivityName =\n activityName.length > 100 ? `${activityName.substring(0, 100)}...` : `${activityName}.`;\n return activityName.length > 100 ? (\n
\n {descriptionSplitArray[1]}\n
\n {descriptionSplitArray[2] && descriptionSplitArray[2].replace(ActivityName, '')}\n {ActivityName && updateActivityName(ActivityName)}\n \n ) : (\n
\n {description[0] && description[0]}\n {ActivityName && updateActivityName(ActivityName)}\n
\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\nconst 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 disableNotification = user.isEmulatedUser ? false : user.mustAnswerSecurityQuestions;\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 \n \n {children}\n \n
\n );\n}\n\n// PropType check\nControlPanelSlider.propTypes = {\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * Prop to open the control slider.\n */\n openControlMenu: PropTypes.bool,\n /**\n * Close call back.\n */\n closeCallback: PropTypes.func,\n /**\n * Disable the control panel slider.\n */\n disabled: PropTypes.bool\n};\n\nconst defaultProps = {\n children: null,\n openControlMenu: false,\n closeCallback: () => {},\n mouseLeaveCallback: undefined,\n disabled: false\n};\n\nexport default ControlPanelSlider;\n","import axios from 'axios';\nimport { getConfig } from '../../../config/apiConfig';\nimport authService from '../../../authentication/AuthorizeService';\nimport getLogger from '../../../utils/logger';\n\nconst getNotificationCount = async (userId, refresh, countOverDue) => {\n let targetUserId = userId;\n let forceRefresh = refresh;\n let countOverDueOnly = countOverDue;\n\n if (!targetUserId) {\n targetUserId = await authService.getMaskedUserId();\n }\n if (!refresh) {\n forceRefresh = false;\n }\n if (!countOverDue) {\n countOverDueOnly = false;\n }\n // Get auth header config\n const config = await getConfig();\n const requestUrl = `api/timelineapi/LoadNotificationCount?targetUserId=${targetUserId}&forceRefresh=${forceRefresh}&countOverDueOnly=${countOverDueOnly}`;\n return axios\n .get(requestUrl, config)\n .then(async (response) => {\n return response.data;\n })\n .catch((err) => {\n getLogger().error(err.response);\n return 0;\n });\n};\n\nexport default getNotificationCount;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes, { checkPropTypes } from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { ControlPanel, ControlPanelItem } from '@sumtotal/react-foundation';\nimport styled from 'styled-components';\nimport useCustomNavigation from '../../hooks/useCustomNavigation';\nimport { postMessage } from '../../../modules/core/services/coreIFrameHelper';\nimport { GetProcessedNodeUrl } from '../../../utils/urlHelper';\nimport useHeaderContext from '../../hooks/useHeaderContext';\nimport useUserContext from '../../hooks/useUserContext';\nimport getNotificationCount from '../../topnav/services/timelineService';\nimport { getPastDueCount } from '../../../modules/onePlace/activitiesAndTasks/activities/services/myActivitiesService';\n\nimport getLogger from '../../../utils/logger';\n\nconst StyledControlPanelItem = styled(ControlPanelItem)`\n button {\n background-color: ${(props) => {\n if (\n props.highlightControlPanelItem &&\n (props.navigatioUrl === '' ||\n (props.navigatioUrl === '/' &&\n window.location.pathname === `/rcore${props.homePageUrl.split('?')[0]}`) ||\n window.location.pathname === `/rcore${props.navigatioUrl.split('?')[0]}`)\n )\n return props.theme.variables.topbarNavActiveStateBackground;\n return 'inherit';\n }};\n color: ${(props) => {\n if (\n props.highlightControlPanelItem &&\n (props.navigatioUrl === '' ||\n (props.navigatioUrl === '/' &&\n window.location.pathname === `/rcore${props.homePageUrl.split('?')[0]}`) ||\n window.location.pathname === `/rcore${props.navigatioUrl.split('?')[0]}`)\n )\n return props.theme.variables.topbarNavActiveStateTextColor;\n return props.theme.variables.leftNavParentColor;\n }};\n &:focus {\n background-color: ${(props) => {\n if (\n props.highlightControlPanelItem &&\n (props.navigatioUrl === '' ||\n (props.navigatioUrl === '/' &&\n window.location.pathname === `/rcore${props.homePageUrl.split('?')[0]}`) ||\n window.location.pathname === `/rcore${props.navigatioUrl.split('?')[0]}`)\n )\n return props.theme.variables.topbarNavActiveStateBackground;\n return props.theme.variables.topbarNavHoverStateBackground;\n }};\n }\n &.Mui-disabled {\n color: ${(props) => props.theme.variables.headerBarColor};\n opacity: 0.5;\n }\n }\n & .MuiBadge-colorPrimary {\n color: #fff;\n }\n`;\n\nconst StyledControlPanel = styled(ControlPanel)`\n height: calc(100% - 5.563rem);\n min-height: ${(props) => props.minh}px;\n display: flex;\n flex-direction: column;\n .MuiButton-outlined.Mui-disabled {\n border: none;\n }\n`;\n/**\n * Component for Control Panel Container.\n *\n */\nfunction ControlPanelContainer(props) {\n const {\n controlPanelItems = defaultProps.controlPanelItems,\n highlightControlPanelItem = defaultProps.highlightControlPanelItem,\n setHighlightCPItem = defaultProps.setHighlightCPItem,\n panelExpanded = defaultProps.panelExpanded,\n panelWidth = defaultProps.panelWidth,\n controlpanelId = defaultProps.controlpanelId,\n closeCallback = defaultProps.closeCallback,\n enableControlPanelItemTooltip = defaultProps.enableControlPanelItemTooltip,\n focusable = defaultProps.focusable\n } = props;\n checkPropTypes(ControlPanelContainer.propTypes, props, 'prop', ControlPanelContainer.name);\n const { t } = useTranslation(['TRANSLATIONS_RCORE_TOPNAV']);\n const navigate = useCustomNavigation();\n const [ControlPanelItemList, setControlPanelItemList] = useState([]);\n const [PageControlPanelItemList, setPageControlPanelItemList] = useState([]);\n const nodes = controlPanelItems.Nodes;\n const footerNode = controlPanelItems.Footer;\n const headerData = useHeaderContext();\n const { headerContext, setHeaderContext } = headerData;\n const [timelineCount, setTimelineCount] = useState();\n const [mytodosOverDueCount, setMytodosOverDueCount] = useState();\n const { user } = useUserContext();\n const disableControlPanel = user.isEmulatedUser ? false : user.mustAnswerSecurityQuestions;\n const [calcHeight, updateCalcHeight] = useState(0);\n const [currentPage, setCurrentPage] = useState(1);\n const [lastPage, setLastPage] = useState(0);\n const [minHeight, setMinHeight] = useState(null);\n const logger = getLogger();\n\n const updateSize = () => {\n const clientheight = document.getElementById('modal-sidebar-controlpanel-items')?.clientHeight;\n updateCalcHeight(clientheight);\n if (clientheight > 220) {\n const first = Math.round((clientheight - 100) / 65);\n if (first >= ControlPanelItemList.length) {\n setCurrentPage(1);\n setPageControlPanelItemList(ControlPanelItemList);\n } else {\n setLastPage(ControlPanelItemList.length - first);\n if (currentPage === 2) {\n setPageControlPanelItemList(\n ControlPanelItemList.slice(\n ControlPanelItemList.length - lastPage,\n ControlPanelItemList.length\n )\n );\n const minh = 150 + (ControlPanelItemList.length - first) * 58;\n setMinHeight(minh);\n } else if (currentPage === 1) {\n setPageControlPanelItemList(ControlPanelItemList.slice(0, first));\n setMinHeight(null);\n }\n }\n }\n };\n\n const timeLineBadgeAriaLable = useCallback((Count) => {\n if (Count > 1) {\n return t('RCORE_TOPNAV_TIMELINE_ITEMS', {\n Count\n });\n }\n return t('RCORE_TOPNAV_TIMELINE_ITEM', {\n Count\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n // Data required for Control Panel\n const ControlPanelData = [];\n if (nodes != null) {\n nodes.forEach((item) => {\n const node = item;\n if (node.nodeKey === 'home_header') {\n node.url = '/';\n } else if (\n node.nodeKey === 'alert_header' &&\n (headerContext.refreshTimeline === undefined || headerContext.refreshTimeline)\n ) {\n const forceRefresh =\n headerContext.refreshTimeline === undefined ? false : headerContext.refreshTimeline;\n getNotificationCount(null, forceRefresh, true)\n .then((Count) => {\n if (Count > 0) {\n node.showBadgeIcon = true;\n node.ariaLabel = timeLineBadgeAriaLable(Count);\n } else {\n node.showBadgeIcon = false;\n }\n setTimelineCount(Count);\n postMessage(\n 'REFRESH_TIMELINE_COUNT',\n { notificationCount: Count },\n false,\n null,\n false,\n true\n );\n if (headerContext.refreshTimeline) {\n setHeaderContext((state) => ({\n ...state,\n refreshTimeline: false\n }));\n }\n return Count;\n })\n .catch((err) => {\n logger.error(err);\n return 0;\n });\n } else if (node.nodeKey === 'my_activities') {\n const getMyTodosOverDueCount = async () => {\n try {\n const { data } = await getPastDueCount({});\n if (data) {\n const { pastDueTrainingCount } = data[0];\n if (pastDueTrainingCount) {\n node.showBadgeIcon = true;\n node.ariaLabel = timeLineBadgeAriaLable(pastDueTrainingCount);\n setMytodosOverDueCount(pastDueTrainingCount);\n } else {\n node.showBadgeIcon = false;\n node.ariaLabel = timeLineBadgeAriaLable(pastDueTrainingCount);\n setMytodosOverDueCount(pastDueTrainingCount);\n }\n }\n } catch (error) {\n logger.error(error);\n }\n };\n getMyTodosOverDueCount();\n }\n ControlPanelData.push(node);\n });\n }\n setControlPanelItemList(ControlPanelData);\n setPageControlPanelItemList(ControlPanelData);\n if (footerNode != null) {\n footerNode.url = GetProcessedNodeUrl(footerNode);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [nodes, footerNode, headerContext.refreshTimeline, setHeaderContext, timeLineBadgeAriaLable]);\n\n useEffect(() => {\n if (!panelExpanded) {\n updateSize();\n window.addEventListener('resize', updateSize);\n }\n return () => window.removeEventListener('resize', updateSize);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [calcHeight, ControlPanelItemList, panelExpanded]);\n\n function handleItemClick(event, nodeKey, action) {\n closeCallback();\n setHighlightCPItem(nodeKey);\n if (action === 'OPEN_LIBRARY') {\n if (window.location.pathname.indexOf('/c/') > 0) {\n postMessage(action, null, null, event.currentTarget.id);\n return;\n }\n const libNode = ControlPanelItemList.find((item) => item.nodeKey === 'Learner_MenuTaxonomy');\n navigate(libNode.url);\n } else if (action !== 'NAVIGATE') {\n postMessage(action, null, null, event.currentTarget.id);\n } else return null;\n }\n\n function handleItemMouseClick(event, nodeKey, action, url) {\n if (\n action === 'NAVIGATE' &&\n (event.keyCode === 13 || event.button === 1 || event.button === 0)\n ) {\n setHighlightCPItem(nodeKey);\n navigate(url);\n closeCallback();\n }\n }\n\n const getBadgeCount = ({ nodeKey }) => {\n if (nodeKey === 'alert_header') return timelineCount;\n if (nodeKey === 'my_activities') return mytodosOverDueCount;\n return null;\n };\n return (\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 ContentPlayerSettings = lazy(() =>\n import('./modules/learning/activityManagement/components/contentPlayerSettings')\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);\nconst VerbFilterSettingsRoutes = lazy(() =>\n import('./modules/learning/contentEngineSettings/components/verbFilter')\n);\n\nconst AppRoutes = () => {\n return (\n \n {favIconSrc !== '' && 
}\n
\n \n {t('RCORE_GET_APP')}
\n